From 1133bd4ff5abc370fb0593b96eda5dde40d79e94 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?G=C3=BCnther=20Foidl?= <gue@korporal.at>
Date: Mon, 25 Apr 2022 19:26:41 +0200
Subject: [PATCH 001/346] Fixed arguments passed to unmounted hook in
 directives

---
 packages/coreui-vue/src/directives/v-c-popover.ts | 2 +-
 packages/coreui-vue/src/directives/v-c-tooltip.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/coreui-vue/src/directives/v-c-popover.ts b/packages/coreui-vue/src/directives/v-c-popover.ts
index ab53b0ab..d6f9f364 100644
--- a/packages/coreui-vue/src/directives/v-c-popover.ts
+++ b/packages/coreui-vue/src/directives/v-c-popover.ts
@@ -96,7 +96,7 @@ export default {
       })
     }
   },
-  unmounted(binding: DirectiveBinding): void {
+  unmounted(_el: HTMLElement, binding: DirectiveBinding): void {
     const popover = binding.arg && document.getElementById(binding.arg)
     popover && popover.remove()
   },
diff --git a/packages/coreui-vue/src/directives/v-c-tooltip.ts b/packages/coreui-vue/src/directives/v-c-tooltip.ts
index 78ad42c7..741bc4d6 100644
--- a/packages/coreui-vue/src/directives/v-c-tooltip.ts
+++ b/packages/coreui-vue/src/directives/v-c-tooltip.ts
@@ -92,7 +92,7 @@ export default {
       })
     }
   },
-  beforeUnmount(binding: DirectiveBinding): void {
+  beforeUnmount(_el: HTMLElement, binding: DirectiveBinding): void {
     const tooltip = binding.arg && document.getElementById(binding.arg)
     tooltip && tooltip.remove()
   },

From c6b770c7b8a715089faec727842b435e4b059716 Mon Sep 17 00:00:00 2001
From: Alex Gyoshev <alexander.gyoshev@gmail.com>
Date: Wed, 18 May 2022 16:30:04 +0200
Subject: [PATCH 002/346] fix: CSS file path

---
 packages/docs/getting-started/introduction.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/docs/getting-started/introduction.md b/packages/docs/getting-started/introduction.md
index 9dcb931b..ea260da9 100644
--- a/packages/docs/getting-started/introduction.md
+++ b/packages/docs/getting-started/introduction.md
@@ -40,7 +40,7 @@ npm install @coreui/coreui
 ###### Basic usage
 
 ```js
-import '@coreui/dist/css/coreui.min.css'
+import '@coreui/coreui/dist/css/coreui.min.css'
 ```
 
 ### Bootstrap CSS files
@@ -55,4 +55,4 @@ npm install bootstrap
 
 ```js
 import 'bootstrap/dist/css/bootstrap.min.css'
-```
\ No newline at end of file
+```

From ffa9e3bbaf0a0d10e5f9efd5fe11fb964e3c1f6a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?G=C3=BCnther=20Foidl?= <gue@korporal.at>
Date: Mon, 13 Jun 2022 17:24:41 +0200
Subject: [PATCH 003/346] CFormInput model-prop allow String and Number

For `<CFormInput type="number" v-model.number="myNumberProperty" /> a validation error will occur otherwise.
---
 packages/coreui-vue/src/components/form/CFormInput.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/coreui-vue/src/components/form/CFormInput.ts b/packages/coreui-vue/src/components/form/CFormInput.ts
index 7c369aa7..ba0771e1 100644
--- a/packages/coreui-vue/src/components/form/CFormInput.ts
+++ b/packages/coreui-vue/src/components/form/CFormInput.ts
@@ -67,7 +67,7 @@ const CFormInput = defineComponent({
      * The default name for a value passed using v-model.
      */
     modelValue: {
-      type: String,
+      type: [String, Number],
       default: undefined,
     },
     /**

From 4bd26a69d3003bf2150103ac2ecc1a8a49f94034 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Tue, 21 Jun 2022 15:29:33 +0200
Subject: [PATCH 004/346] Update README.md

---
 README.md | 50 ++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 50 insertions(+)

diff --git a/README.md b/README.md
index e6123041..c5b8a4a3 100644
--- a/README.md
+++ b/README.md
@@ -27,6 +27,7 @@
 ## Table of contents
 
 - [Quick start](#quick-start)
+- [Components](#components)
 - [Status](#status)
 - [What's included](#whats-included)
 - [Bugs and feature requests](#bugs-and-feature-requests)
@@ -94,6 +95,55 @@ npm install bootstrap
 import "bootstrap/dist/css/bootstrap.min.css";
 ```
 
+## Components
+
+- [Vue Accordion](https://coreui.io/vue/docs/components/accordion.html)
+- [Vue Alert](https://coreui.io/vue/docs/components/alert.html)
+- [Vue Avatar](https://coreui.io/vue/docs/components/avatar.html)
+- [Vue Badge](https://coreui.io/vue/docs/components/badge.html)
+- [Vue Breadcrumb](https://coreui.io/vue/docs/components/breadcrumb.html)
+- [Vue Button](https://coreui.io/vue/docs/components/button.html)
+- [Vue Button Group](https://coreui.io/vue/docs/components/button-group.html)
+- [Vue Callout](https://coreui.io/vue/docs/components/callout.html)
+- [Vue Card](https://coreui.io/vue/docs/components/card.html)
+- [Vue Carousel](https://coreui.io/vue/docs/components/carousel.html)
+- [Vue Checkbox](https://coreui.io/vue/docs/forms/checkbox.html)
+- [Vue Close Button](https://coreui.io/vue/docs/components/close-button.html)
+- [Vue Collapse](https://coreui.io/vue/docs/components/collapse.html)
+- [Vue Date Picker](https://coreui.io/vue/docs/forms/date-picker.html) **PRO**
+- [Vue Date Range Picker](https://coreui.io/vue/docs/forms/date-range-picker.html) **PRO**
+- [Vue Dropdown](https://coreui.io/vue/docs/components/dropdown.html)
+- [Vue Floating Labels](https://coreui.io/vue/docs/forms/floating-labels.html)
+- [Vue Footer](https://coreui.io/vue/docs/components/footer.html)
+- [Vue Header](https://coreui.io/vue/docs/components/header.html)
+- [Vue Image](https://coreui.io/vue/docs/components/image.html)
+- [Vue Input](https://coreui.io/vue/docs/forms/input.html)
+- [Vue Input Group](https://coreui.io/vue/docs/forms/input-group.html)
+- [Vue List Group](https://coreui.io/vue/docs/components/list-group.html)
+- [Vue Loading Button](https://coreui.io/vue/docs/components/loading-button.html) **PRO**
+- [Vue Modal](https://coreui.io/vue/docs/components/modal.html)
+- [Vue Multi Select](https://coreui.io/vue/docs/forms/multi-select.html) **PRO**
+- [Vue Navs & Tabs](https://coreui.io/vue/docs/components/navs-tabs.html)
+- [Vue Navbar](https://coreui.io/vue/docs/components/navbar.html)
+- [Vue Offcanvas](https://coreui.io/vue/docs/components/offcanvas.html)
+- [Vue Pagination](https://coreui.io/vue/docs/components/pagination.html)
+- [Vue Placeholder](https://coreui.io/vue/docs/components/placeholder.html)
+- [Vue Popover](https://coreui.io/vue/docs/components/popover.html)
+- [Vue Progress](https://coreui.io/vue/docs/components/progress.html)
+- [Vue Radio](https://coreui.io/vue/docs/forms/radio.html)
+- [Vue Range](https://coreui.io/vue/docs/forms/range.html)
+- [Vue Select](https://coreui.io/vue/docs/forms/select.html)
+- [Vue Sidebar](https://coreui.io/vue/docs/components/sidebar.html)
+- [Vue Smart Pagination](https://coreui.io/vue/docs/components/smart-pagination.html) **PRO**
+- [Vue Smart Table](https://coreui.io/vue/docs/components/smart-table.html) **PRO**
+- [Vue Spinner](https://coreui.io/vue/docs/components/spinner.html)
+- [Vue Switch](https://coreui.io/vue/docs/forms/switch.html)
+- [Vue Table](https://coreui.io/vue/docs/components/table.html)
+- [Vue Textarea](https://coreui.io/vue/docs/forms/textarea.html)
+- [Vue Time Picker](https://coreui.io/vue/docs/forms/time-picker.html) **PRO**
+- [Vue Toast](https://coreui.io/vue/docs/components/toast.html)
+- [Vue Tooltip](https://coreui.io/vue/docs/components/tooltip.html)
+
 ## Status
 
 [![Build Status](https://github.com/coreui/coreui-vue/workflows/JS%20Tests/badge.svg?branch=main)](https://github.com/coreui/coreui-vue/actions?query=workflow%3AJS+Tests+branch%3Amain)

From e881a226e753d15c7806abda6d20cfe7a5fdbdcc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Tue, 21 Jun 2022 15:29:47 +0200
Subject: [PATCH 005/346] Update README.md

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index c5b8a4a3..c8805c7e 100644
--- a/README.md
+++ b/README.md
@@ -204,4 +204,4 @@ See [the Releases section of our project](https://github.com/coreui/coreui-vue/r
 
 ## Copyright and license
 
-Copyright 2021 creativeLabs Łukasz Holeczek. Code released under the [MIT License](https://github.com/coreui/coreui-vue/blob/main/LICENSE). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/).
+Copyright 2022 creativeLabs Łukasz Holeczek. Code released under the [MIT License](https://github.com/coreui/coreui-vue/blob/main/LICENSE). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/).

From cdafbc94cfa4966f27a5081adc1d249bbde2e104 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Thu, 23 Jun 2022 14:26:41 +0200
Subject: [PATCH 006/346] Update FUNDING.yml

---
 .github/FUNDING.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml
index 6bc7a7f9..544d42d2 100644
--- a/.github/FUNDING.yml
+++ b/.github/FUNDING.yml
@@ -1,4 +1,4 @@
 # These are supported funding model platforms
 
-custom: "https://coreui.io/pro/"
+custom: "https://coreui.io/pricing/?support=true"
 open_collective: coreui

From 81e5acbceffc9a45258c196ce94896f18e1e18e5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Thu, 23 Jun 2022 14:39:49 +0200
Subject: [PATCH 007/346] Update README.md

---
 README.md | 63 +++++++++++++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 61 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index c8805c7e..f2a2e946 100644
--- a/README.md
+++ b/README.md
@@ -20,7 +20,7 @@
   ·
   <a href="https://github.com/coreui/coreui-vue/issues/new?template=feature_request.md">Request feature</a>
   ·
-  <a href="https://blog.coreui.io/">Blog</a>
+  <a href="https://coreui.io/blog/">Blog</a>
 </p>
 
 
@@ -32,10 +32,13 @@
 - [What's included](#whats-included)
 - [Bugs and feature requests](#bugs-and-feature-requests)
 - [Documentation](#documentation)
+- [Frameworks](#frameworks)
+- [Templates](#templates)
 - [Contributing](#contributing)
 - [Community](#community)
 - [Versioning](#versioning)
 - [Creators](#creators)
+- [Support CoreUI Development](#support-coreui-development)
 - [Copyright and license](#copyright-and-license)
 
 ## Quick start
@@ -167,6 +170,24 @@ The documentation for the CoreUI & CoreUI PRO is hosted at our website [CoreUI f
 3. From the root directory, run `yarn docs:dev` or `npm run docs:dev` (or a specific npm script) to rebuild distributed CSS and JavaScript files, as well as our docs assets.
 4. Open `http://localhost:8000/` in your browser, and voilà.
 
+## Frameworks
+
+CoreUI supports most popular frameworks.
+
+- [CoreUI for Angular](https://github.com/coreui/coreui-angular)
+- [CoreUI for Bootstrap (Vanilla JS)](https://github.com/coreui/coreui)
+- [CoreUI for React](https://github.com/coreui/coreui-react)
+- [CoreUI for Vue](https://github.com/coreui/coreui-vue)
+
+## Templates
+
+Fully featured, out-of-the-box, templates for your application based on CoreUI.
+
+- [Angular Admin Template](https://coreui.io/angular)
+- [Bootstrap Admin Template](https://coreui.io/)
+- [React Admin Template](https://coreui.io/react)
+- [Vue Admin Template](https://coreui.io/vue)
+
 ## Contributing
 
 Please read through our [contributing guidelines](https://github.com/coreui/coreui-vue/blob/main/.github/CONTRIBUTING.md). Included are directions for opening issues, coding standards, and notes on development.
@@ -177,7 +198,7 @@ Editor preferences are available in the [editor config](https://github.com/coreu
 
 Stay up to date on the development of CoreUI and reach out to the community with these helpful resources.
 
-- Read and subscribe to [The Official CoreUI Blog](https://blog.coreui.io/).
+- Read and subscribe to [The Official CoreUI Blog](https://coreui.io/blog/).
 
 You can also follow [@core_ui on Twitter](https://twitter.com/core_ui).
 
@@ -202,6 +223,44 @@ See [the Releases section of our project](https://github.com/coreui/coreui-vue/r
 
 - <https://github.com/orgs/coreui/people>
 
+## Support CoreUI Development
+
+CoreUI is an MIT-licensed open source project and is completely free to use. However, the amount of effort needed to maintain and develop new features for the project is not sustainable without proper financial backing. You can support development by buying the [CoreUI PRO](https://coreui.io/pricing/) or by becoming a sponsor via [Open Collective](https://opencollective.com/coreui/).
+
+<!--- StartOpenCollectiveBackers -->
+
+### Platinum Sponsors
+
+Support this project by [becoming a Platinum Sponsor](https://opencollective.com/coreui/contribute/platinum-sponsor-40959/). A large company logo will be added here with a link to your website.
+
+<a href="https://opencollective.com/coreui/contribute/platinum-sponsor-40959/checkout"><img src="https://opencollective.com/coreui/tiers/platinum-sponsor/0/avatar.svg?avatarHeight=100"></a>
+
+### Gold Sponsors
+
+Support this project by [becoming a Gold Sponsor](https://opencollective.com/coreui/contribute/gold-sponsor-40960/). A big company logo will be added here with a link to your website.
+
+<a href="https://opencollective.com/coreui/contribute/gold-sponsor-40960/checkout"><img src="https://opencollective.com/coreui/tiers/gold-sponsor/0/avatar.svg?avatarHeight=100"></a> 
+
+### Silver Sponsors
+
+Support this project by [becoming a Silver Sponsor](https://opencollective.com/coreui/contribute/silver-sponsor-40967/). A medium company logo will be added here with a link to your website.
+
+<a href="https://opencollective.com/coreui/contribute/silver-sponsor-40967/checkout"><img src="https://opencollective.com/coreui/tiers/gold-sponsor/0/avatar.svg?avatarHeight=100"></a>
+
+### Bronze Sponsors
+
+Support this project by [becoming a Bronze Sponsor](https://opencollective.com/coreui/contribute/bronze-sponsor-40966/). The company avatar will show up here with a link to your OpenCollective Profile.
+
+<a href="https://opencollective.com/coreui/contribute/bronze-sponsor-40966/checkout"><img src="https://opencollective.com/coreui/tiers/bronze-sponsor/0/avatar.svg?avatarHeight=100"></a> 
+
+### Backers
+
+Thanks to all the backers and sponsors! Support this project by [becoming a backer](https://opencollective.com/coreui/contribute/backer-40965/).
+
+<a href="https://opencollective.com/coreui/contribute/backer-40965/checkout" target="_blank" rel="noopener"><img src="https://opencollective.com/coreui/backers.svg?width=890"></a>
+
+<!--- EndOpenCollectiveBackers -->
+
 ## Copyright and license
 
 Copyright 2022 creativeLabs Łukasz Holeczek. Code released under the [MIT License](https://github.com/coreui/coreui-vue/blob/main/LICENSE). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/).

From 22c5201fa59faac08c4849affed5419a59e10d23 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Thu, 23 Jun 2022 14:40:52 +0200
Subject: [PATCH 008/346] Update README.md

---
 packages/coreui-vue/README.md | 116 ++++++++++++++++++++++++++++++++--
 1 file changed, 112 insertions(+), 4 deletions(-)

diff --git a/packages/coreui-vue/README.md b/packages/coreui-vue/README.md
index e6123041..f26b7c9c 100644
--- a/packages/coreui-vue/README.md
+++ b/packages/coreui-vue/README.md
@@ -20,21 +20,24 @@
   ·
   <a href="https://github.com/coreui/coreui-vue/issues/new?template=feature_request.md">Request feature</a>
   ·
-  <a href="https://blog.coreui.io/">Blog</a>
+  <a href="https://coreui.io/blog/">Blog</a>
 </p>
 
 
 ## Table of contents
 
 - [Quick start](#quick-start)
+- [Components](#components)
 - [Status](#status)
-- [What's included](#whats-included)
 - [Bugs and feature requests](#bugs-and-feature-requests)
 - [Documentation](#documentation)
+- [Frameworks](#frameworks)
+- [Templates](#templates)
 - [Contributing](#contributing)
 - [Community](#community)
 - [Versioning](#versioning)
 - [Creators](#creators)
+- [Support CoreUI Development](#support-coreui-development)
 - [Copyright and license](#copyright-and-license)
 
 ## Quick start
@@ -94,6 +97,55 @@ npm install bootstrap
 import "bootstrap/dist/css/bootstrap.min.css";
 ```
 
+## Components
+
+- [Vue Accordion](https://coreui.io/vue/docs/components/accordion.html)
+- [Vue Alert](https://coreui.io/vue/docs/components/alert.html)
+- [Vue Avatar](https://coreui.io/vue/docs/components/avatar.html)
+- [Vue Badge](https://coreui.io/vue/docs/components/badge.html)
+- [Vue Breadcrumb](https://coreui.io/vue/docs/components/breadcrumb.html)
+- [Vue Button](https://coreui.io/vue/docs/components/button.html)
+- [Vue Button Group](https://coreui.io/vue/docs/components/button-group.html)
+- [Vue Callout](https://coreui.io/vue/docs/components/callout.html)
+- [Vue Card](https://coreui.io/vue/docs/components/card.html)
+- [Vue Carousel](https://coreui.io/vue/docs/components/carousel.html)
+- [Vue Checkbox](https://coreui.io/vue/docs/forms/checkbox.html)
+- [Vue Close Button](https://coreui.io/vue/docs/components/close-button.html)
+- [Vue Collapse](https://coreui.io/vue/docs/components/collapse.html)
+- [Vue Date Picker](https://coreui.io/vue/docs/forms/date-picker.html) **PRO**
+- [Vue Date Range Picker](https://coreui.io/vue/docs/forms/date-range-picker.html) **PRO**
+- [Vue Dropdown](https://coreui.io/vue/docs/components/dropdown.html)
+- [Vue Floating Labels](https://coreui.io/vue/docs/forms/floating-labels.html)
+- [Vue Footer](https://coreui.io/vue/docs/components/footer.html)
+- [Vue Header](https://coreui.io/vue/docs/components/header.html)
+- [Vue Image](https://coreui.io/vue/docs/components/image.html)
+- [Vue Input](https://coreui.io/vue/docs/forms/input.html)
+- [Vue Input Group](https://coreui.io/vue/docs/forms/input-group.html)
+- [Vue List Group](https://coreui.io/vue/docs/components/list-group.html)
+- [Vue Loading Button](https://coreui.io/vue/docs/components/loading-button.html) **PRO**
+- [Vue Modal](https://coreui.io/vue/docs/components/modal.html)
+- [Vue Multi Select](https://coreui.io/vue/docs/forms/multi-select.html) **PRO**
+- [Vue Navs & Tabs](https://coreui.io/vue/docs/components/navs-tabs.html)
+- [Vue Navbar](https://coreui.io/vue/docs/components/navbar.html)
+- [Vue Offcanvas](https://coreui.io/vue/docs/components/offcanvas.html)
+- [Vue Pagination](https://coreui.io/vue/docs/components/pagination.html)
+- [Vue Placeholder](https://coreui.io/vue/docs/components/placeholder.html)
+- [Vue Popover](https://coreui.io/vue/docs/components/popover.html)
+- [Vue Progress](https://coreui.io/vue/docs/components/progress.html)
+- [Vue Radio](https://coreui.io/vue/docs/forms/radio.html)
+- [Vue Range](https://coreui.io/vue/docs/forms/range.html)
+- [Vue Select](https://coreui.io/vue/docs/forms/select.html)
+- [Vue Sidebar](https://coreui.io/vue/docs/components/sidebar.html)
+- [Vue Smart Pagination](https://coreui.io/vue/docs/components/smart-pagination.html) **PRO**
+- [Vue Smart Table](https://coreui.io/vue/docs/components/smart-table.html) **PRO**
+- [Vue Spinner](https://coreui.io/vue/docs/components/spinner.html)
+- [Vue Switch](https://coreui.io/vue/docs/forms/switch.html)
+- [Vue Table](https://coreui.io/vue/docs/components/table.html)
+- [Vue Textarea](https://coreui.io/vue/docs/forms/textarea.html)
+- [Vue Time Picker](https://coreui.io/vue/docs/forms/time-picker.html) **PRO**
+- [Vue Toast](https://coreui.io/vue/docs/components/toast.html)
+- [Vue Tooltip](https://coreui.io/vue/docs/components/tooltip.html)
+
 ## Status
 
 [![Build Status](https://github.com/coreui/coreui-vue/workflows/JS%20Tests/badge.svg?branch=main)](https://github.com/coreui/coreui-vue/actions?query=workflow%3AJS+Tests+branch%3Amain)
@@ -117,6 +169,24 @@ The documentation for the CoreUI & CoreUI PRO is hosted at our website [CoreUI f
 3. From the root directory, run `yarn docs:dev` or `npm run docs:dev` (or a specific npm script) to rebuild distributed CSS and JavaScript files, as well as our docs assets.
 4. Open `http://localhost:8000/` in your browser, and voilà.
 
+## Frameworks
+
+CoreUI supports most popular frameworks.
+
+- [CoreUI for Angular](https://github.com/coreui/coreui-angular)
+- [CoreUI for Bootstrap (Vanilla JS)](https://github.com/coreui/coreui)
+- [CoreUI for React](https://github.com/coreui/coreui-react)
+- [CoreUI for Vue](https://github.com/coreui/coreui-vue)
+
+## Templates
+
+Fully featured, out-of-the-box, templates for your application based on CoreUI.
+
+- [Angular Admin Template](https://coreui.io/angular)
+- [Bootstrap Admin Template](https://coreui.io/)
+- [React Admin Template](https://coreui.io/react)
+- [Vue Admin Template](https://coreui.io/vue)
+
 ## Contributing
 
 Please read through our [contributing guidelines](https://github.com/coreui/coreui-vue/blob/main/.github/CONTRIBUTING.md). Included are directions for opening issues, coding standards, and notes on development.
@@ -127,7 +197,7 @@ Editor preferences are available in the [editor config](https://github.com/coreu
 
 Stay up to date on the development of CoreUI and reach out to the community with these helpful resources.
 
-- Read and subscribe to [The Official CoreUI Blog](https://blog.coreui.io/).
+- Read and subscribe to [The Official CoreUI Blog](https://coreui.io/blog/).
 
 You can also follow [@core_ui on Twitter](https://twitter.com/core_ui).
 
@@ -152,6 +222,44 @@ See [the Releases section of our project](https://github.com/coreui/coreui-vue/r
 
 - <https://github.com/orgs/coreui/people>
 
+## Support CoreUI Development
+
+CoreUI is an MIT-licensed open source project and is completely free to use. However, the amount of effort needed to maintain and develop new features for the project is not sustainable without proper financial backing. You can support development by buying the [CoreUI PRO](https://coreui.io/pricing/) or by becoming a sponsor via [Open Collective](https://opencollective.com/coreui/).
+
+<!--- StartOpenCollectiveBackers -->
+
+### Platinum Sponsors
+
+Support this project by [becoming a Platinum Sponsor](https://opencollective.com/coreui/contribute/platinum-sponsor-40959/). A large company logo will be added here with a link to your website.
+
+<a href="https://opencollective.com/coreui/contribute/platinum-sponsor-40959/checkout"><img src="https://opencollective.com/coreui/tiers/platinum-sponsor/0/avatar.svg?avatarHeight=100"></a>
+
+### Gold Sponsors
+
+Support this project by [becoming a Gold Sponsor](https://opencollective.com/coreui/contribute/gold-sponsor-40960/). A big company logo will be added here with a link to your website.
+
+<a href="https://opencollective.com/coreui/contribute/gold-sponsor-40960/checkout"><img src="https://opencollective.com/coreui/tiers/gold-sponsor/0/avatar.svg?avatarHeight=100"></a> 
+
+### Silver Sponsors
+
+Support this project by [becoming a Silver Sponsor](https://opencollective.com/coreui/contribute/silver-sponsor-40967/). A medium company logo will be added here with a link to your website.
+
+<a href="https://opencollective.com/coreui/contribute/silver-sponsor-40967/checkout"><img src="https://opencollective.com/coreui/tiers/gold-sponsor/0/avatar.svg?avatarHeight=100"></a>
+
+### Bronze Sponsors
+
+Support this project by [becoming a Bronze Sponsor](https://opencollective.com/coreui/contribute/bronze-sponsor-40966/). The company avatar will show up here with a link to your OpenCollective Profile.
+
+<a href="https://opencollective.com/coreui/contribute/bronze-sponsor-40966/checkout"><img src="https://opencollective.com/coreui/tiers/bronze-sponsor/0/avatar.svg?avatarHeight=100"></a> 
+
+### Backers
+
+Thanks to all the backers and sponsors! Support this project by [becoming a backer](https://opencollective.com/coreui/contribute/backer-40965/).
+
+<a href="https://opencollective.com/coreui/contribute/backer-40965/checkout" target="_blank" rel="noopener"><img src="https://opencollective.com/coreui/backers.svg?width=890"></a>
+
+<!--- EndOpenCollectiveBackers -->
+
 ## Copyright and license
 
-Copyright 2021 creativeLabs Łukasz Holeczek. Code released under the [MIT License](https://github.com/coreui/coreui-vue/blob/main/LICENSE). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/).
+Copyright 2022 creativeLabs Łukasz Holeczek. Code released under the [MIT License](https://github.com/coreui/coreui-vue/blob/main/LICENSE). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/).

From f389e6d38e9d173a299c15d30cfddf50d09afce2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Thu, 23 Jun 2022 14:41:15 +0200
Subject: [PATCH 009/346] Update README.md

---
 README.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/README.md b/README.md
index f2a2e946..f26b7c9c 100644
--- a/README.md
+++ b/README.md
@@ -29,7 +29,6 @@
 - [Quick start](#quick-start)
 - [Components](#components)
 - [Status](#status)
-- [What's included](#whats-included)
 - [Bugs and feature requests](#bugs-and-feature-requests)
 - [Documentation](#documentation)
 - [Frameworks](#frameworks)

From 4853f414167d187872894e1734a1457e24169c21 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Mon, 25 Jul 2022 18:50:22 +0200
Subject: [PATCH 010/346] fix(CFormTextarea): add change event handler

---
 packages/coreui-vue/src/components/form/CFormTextarea.ts | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/packages/coreui-vue/src/components/form/CFormTextarea.ts b/packages/coreui-vue/src/components/form/CFormTextarea.ts
index e761b18b..b852cd5b 100644
--- a/packages/coreui-vue/src/components/form/CFormTextarea.ts
+++ b/packages/coreui-vue/src/components/form/CFormTextarea.ts
@@ -113,6 +113,12 @@ const CFormTextarea = defineComponent({
     'update:modelValue',
   ],
   setup(props, { attrs, emit, slots }) {
+    const handleChange = (event: InputEvent) => {
+      const target = event.target as HTMLInputElement
+      emit('change', event)
+      emit('update:modelValue', target.value)
+    }
+
     const handleInput = (event: InputEvent) => {
       const target = event.target as HTMLInputElement
       emit('input', event)
@@ -151,6 +157,7 @@ const CFormTextarea = defineComponent({
                     'is-valid': props.valid,
                   },
                 ],
+                onChange: (event: InputEvent) => handleChange(event),
                 onInput: (event: InputEvent) => handleInput(event),
                 ...(props.modelValue && { value: props.modelValue }),
               },

From 76935b20cbe07260a8ad8b24e69dea22c3072b1d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Mon, 25 Jul 2022 19:10:43 +0200
Subject: [PATCH 011/346] chore: update dependencies and devDependencies

---
 package.json                             |   24 +-
 packages/coreui-vue-chartjs/package.json |   18 +-
 packages/coreui-vue/package.json         |   18 +-
 packages/docs/package.json               |    4 +-
 yarn.lock                                | 1841 ++++++++++++----------
 5 files changed, 1053 insertions(+), 852 deletions(-)

diff --git a/package.json b/package.json
index 678f26eb..9eee7671 100644
--- a/package.json
+++ b/package.json
@@ -20,20 +20,20 @@
     "test:update": "jest --coverage --updateSnapshot"
   },
   "devDependencies": {
-    "@types/jest": "^27.4.1",
-    "@typescript-eslint/eslint-plugin": "^5.19.0",
-    "@typescript-eslint/parser": "^5.19.0",
-    "@vue/compiler-sfc": "^3.2.33",
+    "@types/jest": "^28.1.6",
+    "@typescript-eslint/eslint-plugin": "^5.30.7",
+    "@typescript-eslint/parser": "^5.30.7",
+    "@vue/compiler-sfc": "^3.2.37",
     "@vue/eslint-config-prettier": "^7.0.0",
-    "@vue/eslint-config-typescript": "^10.0.0",
-    "eslint": "8.13.0",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-vue": "^8.6.0",
-    "jest": "^27.5.1",
-    "jest-canvas-mock": "^2.3.1",
+    "@vue/eslint-config-typescript": "^11.0.0",
+    "eslint": "8.20.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-vue": "^9.3.0",
+    "jest": "^28.1.3",
+    "jest-canvas-mock": "^2.4.0",
     "lerna": "^4.0.0",
-    "prettier": "^2.6.2",
-    "ts-jest": "^27.1.4",
+    "prettier": "^2.7.1",
+    "ts-jest": "^28.0.7",
     "vue-jest": "^5.0.0-0"
   }
 }
diff --git a/packages/coreui-vue-chartjs/package.json b/packages/coreui-vue-chartjs/package.json
index 282a489d..d8892d21 100644
--- a/packages/coreui-vue-chartjs/package.json
+++ b/packages/coreui-vue-chartjs/package.json
@@ -36,19 +36,19 @@
   },
   "devDependencies": {
     "@coreui/chartjs": "^3.0.0",
-    "@rollup/plugin-commonjs": "^21.1.0",
-    "@rollup/plugin-node-resolve": "^13.2.1",
-    "@rollup/plugin-typescript": "^8.3.2",
+    "@rollup/plugin-commonjs": "^22.0.1",
+    "@rollup/plugin-node-resolve": "^13.3.0",
+    "@rollup/plugin-typescript": "^8.3.3",
     "@types/lodash": "^4.14.181",
-    "@vue/test-utils": "^2.0.0-rc.20",
-    "chart.js": "^3.7.1",
+    "@vue/test-utils": "^2.0.2",
+    "chart.js": "^3.8.2",
     "lodash": "^4.17.21",
-    "rollup": "^2.70.2",
+    "rollup": "^2.77.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-vue": "^6.0.0",
-    "typescript": "^4.6.3",
-    "vue": "^3.2.33",
-    "vue-types": "^4.1.1"
+    "typescript": "^4.7.4",
+    "vue": "^3.2.37",
+    "vue-types": "^4.2.0"
   },
   "peerDependencies": {
     "@coreui/chartjs": "^3.0.0",
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index 8ea9c051..77d7db17 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -38,18 +38,18 @@
   },
   "devDependencies": {
     "@popperjs/core": "^2.11.5",
-    "@rollup/plugin-commonjs": "^21.1.0",
-    "@rollup/plugin-node-resolve": "^13.2.1",
-    "@rollup/plugin-typescript": "^8.3.2",
-    "@vue/test-utils": "^2.0.0-rc.20",
-    "rollup": "^2.70.2",
+    "@rollup/plugin-commonjs": "^22.0.1",
+    "@rollup/plugin-node-resolve": "^13.3.0",
+    "@rollup/plugin-typescript": "^8.3.3",
+    "@vue/test-utils": "^2.0.2",
+    "rollup": "^2.77.0",
     "rollup-plugin-vue": "^6.0.0",
-    "typescript": "^4.6.3",
-    "vue": "^3.2.33",
-    "vue-types": "^4.1.1"
+    "typescript": "^4.7.4",
+    "vue": "^3.2.37",
+    "vue-types": "^4.2.0"
   },
   "peerDependencies": {
-    "@coreui/coreui": "^4.1.3",
+    "@coreui/coreui": "^4.2.0",
     "vue": "^3.2.21"
   },
   "standard": {
diff --git a/packages/docs/package.json b/packages/docs/package.json
index cfb96f2e..2e288c1b 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -12,13 +12,13 @@
   "license": "MIT",
   "devDependencies": {
     "@coreui/chartjs": "^3.0.0",
-    "@coreui/coreui": "^4.1.3",
+    "@coreui/coreui": "^4.2.0",
     "@coreui/icons": "^2.1.0",
     "@coreui/icons-vue": "^2.0.0",
     "@coreui/vue-chartjs": "^2.0.1",
     "@vuepress/plugin-toc": "2.0.0-beta.38",
     "markdown-it-include": "^2.0.0",
-    "vue-docgen-cli": "^4.44.23",
+    "vue-docgen-cli": "^4.45.0",
     "vuepress": "2.0.0-beta.38"
   }
 }
diff --git a/yarn.lock b/yarn.lock
index e420ac29..b33a29a0 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -17,12 +17,45 @@
   dependencies:
     "@babel/highlight" "^7.16.7"
 
+"@babel/code-frame@^7.18.6":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.18.6.tgz#3b25d38c89600baa2dcc219edfa88a74eb2c427a"
+  integrity sha512-TDCmlK5eOvH+eH7cdAFlNXeVJqWIQ7gW9tY1GJIpUtFb6CmjVyq2VM3u71bOyR8CRihcCgMUYoDNyLXao3+70Q==
+  dependencies:
+    "@babel/highlight" "^7.18.6"
+
 "@babel/compat-data@^7.17.7":
   version "7.17.7"
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.17.7.tgz#078d8b833fbbcc95286613be8c716cef2b519fa2"
   integrity sha512-p8pdE6j0a29TNGebNm7NzYZWB3xVZJBZ7XGs42uAKzQo8VQ3F0By/cQCtUEABwIqw5zo6WA4NbmxsfzADzMKnQ==
 
-"@babel/core@^7.1.0", "@babel/core@^7.12.3", "@babel/core@^7.7.2", "@babel/core@^7.8.0":
+"@babel/compat-data@^7.18.8":
+  version "7.18.8"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.18.8.tgz#2483f565faca607b8535590e84e7de323f27764d"
+  integrity sha512-HSmX4WZPPK3FUxYp7g2T6EyO8j96HlZJlxmKPSh6KAcqwyDrfx7hKjXpAW/0FhFfTJsR0Yt4lAjLI2coMptIHQ==
+
+"@babel/core@^7.11.6":
+  version "7.18.9"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.18.9.tgz#805461f967c77ff46c74ca0460ccf4fe933ddd59"
+  integrity sha512-1LIb1eL8APMy91/IMW+31ckrfBM4yCoLaVzoDhZUKSM4cu1L1nIidyxkCgzPAgrC5WEz36IPEr/eSeSF9pIn+g==
+  dependencies:
+    "@ampproject/remapping" "^2.1.0"
+    "@babel/code-frame" "^7.18.6"
+    "@babel/generator" "^7.18.9"
+    "@babel/helper-compilation-targets" "^7.18.9"
+    "@babel/helper-module-transforms" "^7.18.9"
+    "@babel/helpers" "^7.18.9"
+    "@babel/parser" "^7.18.9"
+    "@babel/template" "^7.18.6"
+    "@babel/traverse" "^7.18.9"
+    "@babel/types" "^7.18.9"
+    convert-source-map "^1.7.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.2"
+    json5 "^2.2.1"
+    semver "^6.3.0"
+
+"@babel/core@^7.12.3":
   version "7.17.9"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.17.9.tgz#6bae81a06d95f4d0dec5bb9d74bbc1f58babdcfe"
   integrity sha512-5ug+SfZCpDAkVp9SFIZAzlW18rlzsOcJGaetCjkySnrXXDUw9AR8cDUm1iByTmdWM6yxX6/zycaV76w3YTF2gw==
@@ -52,6 +85,15 @@
     jsesc "^2.5.1"
     source-map "^0.5.0"
 
+"@babel/generator@^7.18.9":
+  version "7.18.9"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.18.9.tgz#68337e9ea8044d6ddc690fb29acae39359cca0a5"
+  integrity sha512-wt5Naw6lJrL1/SGkipMiFxJjtyczUWTP38deiP1PO60HsBjDeKk08CGC3S8iVuvf0FmTdgKwU1KIXzSKL1G0Ug==
+  dependencies:
+    "@babel/types" "^7.18.9"
+    "@jridgewell/gen-mapping" "^0.3.2"
+    jsesc "^2.5.1"
+
 "@babel/helper-compilation-targets@^7.17.7":
   version "7.17.7"
   resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.17.7.tgz#a3c2924f5e5f0379b356d4cfb313d1414dc30e46"
@@ -62,6 +104,16 @@
     browserslist "^4.17.5"
     semver "^6.3.0"
 
+"@babel/helper-compilation-targets@^7.18.9":
+  version "7.18.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.18.9.tgz#69e64f57b524cde3e5ff6cc5a9f4a387ee5563bf"
+  integrity sha512-tzLCyVmqUiFlcFoAPLA/gL9TeYrF61VLNtb+hvkuVaB5SUjW7jcfrglBIX1vUIoT7CLP3bBlIMeyEsIl2eFQNg==
+  dependencies:
+    "@babel/compat-data" "^7.18.8"
+    "@babel/helper-validator-option" "^7.18.6"
+    browserslist "^4.20.2"
+    semver "^6.3.0"
+
 "@babel/helper-environment-visitor@^7.16.7":
   version "7.16.7"
   resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.16.7.tgz#ff484094a839bde9d89cd63cba017d7aae80ecd7"
@@ -69,6 +121,11 @@
   dependencies:
     "@babel/types" "^7.16.7"
 
+"@babel/helper-environment-visitor@^7.18.9":
+  version "7.18.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.18.9.tgz#0c0cee9b35d2ca190478756865bb3528422f51be"
+  integrity sha512-3r/aACDJ3fhQ/EVgFy0hpj8oHyHpQc+LPtJoY9SzTThAsStm4Ptegq92vqKoE3vD706ZVFWITnMnxucw+S9Ipg==
+
 "@babel/helper-function-name@^7.17.9":
   version "7.17.9"
   resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.17.9.tgz#136fcd54bc1da82fcb47565cf16fd8e444b1ff12"
@@ -77,6 +134,14 @@
     "@babel/template" "^7.16.7"
     "@babel/types" "^7.17.0"
 
+"@babel/helper-function-name@^7.18.9":
+  version "7.18.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.18.9.tgz#940e6084a55dee867d33b4e487da2676365e86b0"
+  integrity sha512-fJgWlZt7nxGksJS9a0XdSaI4XvpExnNIgRP+rVefWh5U7BL8pPuir6SJUmFKRfjWQ51OtWSzwOxhaH/EBWWc0A==
+  dependencies:
+    "@babel/template" "^7.18.6"
+    "@babel/types" "^7.18.9"
+
 "@babel/helper-hoist-variables@^7.16.7":
   version "7.16.7"
   resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.16.7.tgz#86bcb19a77a509c7b77d0e22323ef588fa58c246"
@@ -84,6 +149,13 @@
   dependencies:
     "@babel/types" "^7.16.7"
 
+"@babel/helper-hoist-variables@^7.18.6":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.18.6.tgz#d4d2c8fb4baeaa5c68b99cc8245c56554f926678"
+  integrity sha512-UlJQPkFqFULIcyW5sbzgbkxn2FKRgwWiRexcuaR8RNJRy8+LLveqPjwZV/bwrLZCN0eUHD/x8D0heK1ozuoo6Q==
+  dependencies:
+    "@babel/types" "^7.18.6"
+
 "@babel/helper-module-imports@^7.16.7":
   version "7.16.7"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.16.7.tgz#25612a8091a999704461c8a222d0efec5d091437"
@@ -91,6 +163,13 @@
   dependencies:
     "@babel/types" "^7.16.7"
 
+"@babel/helper-module-imports@^7.18.6":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.18.6.tgz#1e3ebdbbd08aad1437b428c50204db13c5a3ca6e"
+  integrity sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA==
+  dependencies:
+    "@babel/types" "^7.18.6"
+
 "@babel/helper-module-transforms@^7.17.7":
   version "7.17.7"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.17.7.tgz#3943c7f777139e7954a5355c815263741a9c1cbd"
@@ -105,6 +184,20 @@
     "@babel/traverse" "^7.17.3"
     "@babel/types" "^7.17.0"
 
+"@babel/helper-module-transforms@^7.18.9":
+  version "7.18.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.18.9.tgz#5a1079c005135ed627442df31a42887e80fcb712"
+  integrity sha512-KYNqY0ICwfv19b31XzvmI/mfcylOzbLtowkw+mfvGPAQ3kfCnMLYbED3YecL5tPd8nAYFQFAd6JHp2LxZk/J1g==
+  dependencies:
+    "@babel/helper-environment-visitor" "^7.18.9"
+    "@babel/helper-module-imports" "^7.18.6"
+    "@babel/helper-simple-access" "^7.18.6"
+    "@babel/helper-split-export-declaration" "^7.18.6"
+    "@babel/helper-validator-identifier" "^7.18.6"
+    "@babel/template" "^7.18.6"
+    "@babel/traverse" "^7.18.9"
+    "@babel/types" "^7.18.9"
+
 "@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.16.7", "@babel/helper-plugin-utils@^7.8.0":
   version "7.16.7"
   resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.16.7.tgz#aa3a8ab4c3cceff8e65eb9e73d87dc4ff320b2f5"
@@ -117,6 +210,13 @@
   dependencies:
     "@babel/types" "^7.17.0"
 
+"@babel/helper-simple-access@^7.18.6":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.18.6.tgz#d6d8f51f4ac2978068df934b569f08f29788c7ea"
+  integrity sha512-iNpIgTgyAvDQpDj76POqg+YEt8fPxx3yaNBg3S30dxNKm2SWfYhD0TGrK/Eu9wHpUW63VQU894TsTg+GLbUa1g==
+  dependencies:
+    "@babel/types" "^7.18.6"
+
 "@babel/helper-split-export-declaration@^7.16.7":
   version "7.16.7"
   resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.16.7.tgz#0b648c0c42da9d3920d85ad585f2778620b8726b"
@@ -124,16 +224,33 @@
   dependencies:
     "@babel/types" "^7.16.7"
 
+"@babel/helper-split-export-declaration@^7.18.6":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.18.6.tgz#7367949bc75b20c6d5a5d4a97bba2824ae8ef075"
+  integrity sha512-bde1etTx6ZyTmobl9LLMMQsaizFVZrquTEHOqKeQESMKo4PlObf+8+JA25ZsIpZhT/WEd39+vOdLXAFG/nELpA==
+  dependencies:
+    "@babel/types" "^7.18.6"
+
 "@babel/helper-validator-identifier@^7.16.7":
   version "7.16.7"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.16.7.tgz#e8c602438c4a8195751243da9031d1607d247cad"
   integrity sha512-hsEnFemeiW4D08A5gUAZxLBTXpZ39P+a+DGDsHw1yxqyQ/jzFEnxf5uTEGp+3bzAbNOxU1paTgYS4ECU/IgfDw==
 
+"@babel/helper-validator-identifier@^7.18.6":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.18.6.tgz#9c97e30d31b2b8c72a1d08984f2ca9b574d7a076"
+  integrity sha512-MmetCkz9ej86nJQV+sFCxoGGrUbU3q02kgLciwkrt9QqEB7cP39oKEY0PakknEO0Gu20SskMRi+AYZ3b1TpN9g==
+
 "@babel/helper-validator-option@^7.16.7":
   version "7.16.7"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.16.7.tgz#b203ce62ce5fe153899b617c08957de860de4d23"
   integrity sha512-TRtenOuRUVo9oIQGPC5G9DgK4743cdxvtOw0weQNpZXaS16SCBi5MNjZF8vba3ETURjZpTbVn7Vvcf2eAwFozQ==
 
+"@babel/helper-validator-option@^7.18.6":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.18.6.tgz#bf0d2b5a509b1f336099e4ff36e1a63aa5db4db8"
+  integrity sha512-XO7gESt5ouv/LRJdrVjkShckw6STTaB7l9BrpBaAHDeF5YZT+01PCwmR0SJHnkW6i8OwW/EVWRShfi4j2x+KQw==
+
 "@babel/helpers@^7.17.9":
   version "7.17.9"
   resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.17.9.tgz#b2af120821bfbe44f9907b1826e168e819375a1a"
@@ -143,6 +260,15 @@
     "@babel/traverse" "^7.17.9"
     "@babel/types" "^7.17.0"
 
+"@babel/helpers@^7.18.9":
+  version "7.18.9"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.18.9.tgz#4bef3b893f253a1eced04516824ede94dcfe7ff9"
+  integrity sha512-Jf5a+rbrLoR4eNdUmnFu8cN5eNJT6qdTdOg5IHIzq87WwyRw9PwguLFOWYgktN/60IP4fgDUawJvs7PjQIzELQ==
+  dependencies:
+    "@babel/template" "^7.18.6"
+    "@babel/traverse" "^7.18.9"
+    "@babel/types" "^7.18.9"
+
 "@babel/highlight@^7.16.7":
   version "7.17.9"
   resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.17.9.tgz#61b2ee7f32ea0454612def4fccdae0de232b73e3"
@@ -152,11 +278,25 @@
     chalk "^2.0.0"
     js-tokens "^4.0.0"
 
+"@babel/highlight@^7.18.6":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.18.6.tgz#81158601e93e2563795adcbfbdf5d64be3f2ecdf"
+  integrity sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.18.6"
+    chalk "^2.0.0"
+    js-tokens "^4.0.0"
+
 "@babel/parser@^7.1.0", "@babel/parser@^7.13.12", "@babel/parser@^7.14.7", "@babel/parser@^7.16.4", "@babel/parser@^7.16.7", "@babel/parser@^7.17.9", "@babel/parser@^7.6.0", "@babel/parser@^7.9.6":
   version "7.17.9"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.17.9.tgz#9c94189a6062f0291418ca021077983058e171ef"
   integrity sha512-vqUSBLP8dQHFPdPi9bc5GK9vRkYHJ49fsZdtoJ8EQ8ibpwk5rPKfvNIwChB0KVXcIjcepEBBd2VHC5r9Gy8ueg==
 
+"@babel/parser@^7.18.6", "@babel/parser@^7.18.9":
+  version "7.18.9"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.18.9.tgz#f2dde0c682ccc264a9a8595efd030a5cc8fd2539"
+  integrity sha512-9uJveS9eY9DJ0t64YbIBZICtJy8a5QrDEVdiLCG97fVLpDTpGX7t8mMSb6OWw6Lrnjqj4O8zwjELX3dhoMgiBg==
+
 "@babel/plugin-syntax-async-generators@^7.8.4":
   version "7.8.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz#a983fb1aeb2ec3f6ed042a210f640e90e786fe0d"
@@ -267,6 +407,15 @@
     "@babel/parser" "^7.16.7"
     "@babel/types" "^7.16.7"
 
+"@babel/template@^7.18.6":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.18.6.tgz#1283f4993e00b929d6e2d3c72fdc9168a2977a31"
+  integrity sha512-JoDWzPe+wgBsTTgdnIma3iHNFC7YVJoPssVBDjiHfNlyt4YcunDtcDOUmfVDfCK5MfdsaIoX9PkijPhjH3nYUw==
+  dependencies:
+    "@babel/code-frame" "^7.18.6"
+    "@babel/parser" "^7.18.6"
+    "@babel/types" "^7.18.6"
+
 "@babel/traverse@^7.17.3", "@babel/traverse@^7.17.9", "@babel/traverse@^7.7.2":
   version "7.17.9"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.17.9.tgz#1f9b207435d9ae4a8ed6998b2b82300d83c37a0d"
@@ -283,6 +432,22 @@
     debug "^4.1.0"
     globals "^11.1.0"
 
+"@babel/traverse@^7.18.9":
+  version "7.18.9"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.18.9.tgz#deeff3e8f1bad9786874cb2feda7a2d77a904f98"
+  integrity sha512-LcPAnujXGwBgv3/WHv01pHtb2tihcyW1XuL9wd7jqh1Z8AQkTd+QVjMrMijrln0T7ED3UXLIy36P9Ao7W75rYg==
+  dependencies:
+    "@babel/code-frame" "^7.18.6"
+    "@babel/generator" "^7.18.9"
+    "@babel/helper-environment-visitor" "^7.18.9"
+    "@babel/helper-function-name" "^7.18.9"
+    "@babel/helper-hoist-variables" "^7.18.6"
+    "@babel/helper-split-export-declaration" "^7.18.6"
+    "@babel/parser" "^7.18.9"
+    "@babel/types" "^7.18.9"
+    debug "^4.1.0"
+    globals "^11.1.0"
+
 "@babel/types@^7.0.0", "@babel/types@^7.13.12", "@babel/types@^7.16.7", "@babel/types@^7.17.0", "@babel/types@^7.3.0", "@babel/types@^7.3.3", "@babel/types@^7.6.1", "@babel/types@^7.9.6":
   version "7.17.0"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.17.0.tgz#a826e368bccb6b3d84acd76acad5c0d87342390b"
@@ -291,6 +456,14 @@
     "@babel/helper-validator-identifier" "^7.16.7"
     to-fast-properties "^2.0.0"
 
+"@babel/types@^7.18.6", "@babel/types@^7.18.9":
+  version "7.18.9"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.18.9.tgz#7148d64ba133d8d73a41b3172ac4b83a1452205f"
+  integrity sha512-WwMLAg2MvJmt/rKEVQBBhIVffMmnilX4oe0sRe7iPOHIGsqpruFHHdrfj4O1CMMtgMtCU4oPafZjDPCRgO57Wg==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.18.6"
+    to-fast-properties "^2.0.0"
+
 "@bcoe/v8-coverage@^0.2.3":
   version "0.2.3"
   resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
@@ -309,10 +482,12 @@
   resolved "https://registry.yarnpkg.com/@coreui/coreui/-/coreui-4.0.0.tgz#52ebe0197411a829ba48057ade61923e05859eec"
   integrity sha512-8vH6fJrmvCR/Oy5v0E+/1AL3Ygb4jhQ7NXK2fMYWJyK13BePDm9muB3y6S0IdqkpBwjY3hHVwHyt2lJqJdesmQ==
 
-"@coreui/coreui@^4.1.3":
-  version "4.1.3"
-  resolved "https://registry.yarnpkg.com/@coreui/coreui/-/coreui-4.1.3.tgz#dd1547e73ac3e04a2a225af2e676205980dd3ff7"
-  integrity sha512-xTHZNYy1iwqW8UKrFd82Q5XuY+iTebZ1td2aeve00MMYJHVkqoK8YW2HZsLrF8dGM8ke2HnEQBPm3rRlHFhqrg==
+"@coreui/coreui@^4.2.0":
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/@coreui/coreui/-/coreui-4.2.0.tgz#f5e7f345de2fbf4043f15976bcd3de6a0bd016fd"
+  integrity sha512-WN5DoVFaf8Mfx1kd+zqdOn8fV8VGLo8PT8YuiSWu8W78TqKeL1Wla2V88YwizFAWa/V2GffWjxflWhzhadXc9Q==
+  dependencies:
+    postcss-combine-duplicated-selectors "^10.0.3"
 
 "@coreui/icons-vue@^2.0.0":
   version "2.0.0"
@@ -324,19 +499,19 @@
   resolved "https://registry.yarnpkg.com/@coreui/icons/-/icons-2.1.0.tgz#b21641d3d034fdef308c87dc347c8684c408a753"
   integrity sha512-3yY9J0088TSY403jwJeP5YERH3RLOvxdhOa4VIQsGOX4fuQZiyVUM+vwlzyCSpgAv9NwKPkCor+gc+JJaYf0TA==
 
-"@eslint/eslintrc@^1.2.1":
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-1.2.2.tgz#4989b9e8c0216747ee7cca314ae73791bb281aae"
-  integrity sha512-lTVWHs7O2hjBFZunXTZYnYqtB9GakA1lnxIf+gKq2nY5gxkkNi/lQvveW6t8gFdOHTg6nG50Xs95PrLqVpcaLg==
+"@eslint/eslintrc@^1.3.0":
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-1.3.0.tgz#29f92c30bb3e771e4a2048c95fa6855392dfac4f"
+  integrity sha512-UWW0TMTmk2d7hLcWD1/e2g5HDM/HQ3csaLSqXCfqwh4uNDuNqlaKWXmEsL4Cs41Z0KnILNvwbHAah3C2yt06kw==
   dependencies:
     ajv "^6.12.4"
     debug "^4.3.2"
-    espree "^9.3.1"
-    globals "^13.9.0"
+    espree "^9.3.2"
+    globals "^13.15.0"
     ignore "^5.2.0"
     import-fresh "^3.2.1"
     js-yaml "^4.1.0"
-    minimatch "^3.0.4"
+    minimatch "^3.1.2"
     strip-json-comments "^3.1.1"
 
 "@gar/promisify@^1.0.1":
@@ -379,173 +554,197 @@
   resolved "https://registry.yarnpkg.com/@istanbuljs/schema/-/schema-0.1.3.tgz#e45e384e4b8ec16bce2fd903af78450f6bf7ec98"
   integrity sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==
 
-"@jest/console@^27.5.1":
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/@jest/console/-/console-27.5.1.tgz#260fe7239602fe5130a94f1aa386eff54b014bba"
-  integrity sha512-kZ/tNpS3NXn0mlXXXPNuDZnb4c0oZ20r4K5eemM2k30ZC3G0T02nXUvyhf5YdbXWHPEJLc9qGLxEZ216MdL+Zg==
+"@jest/console@^28.1.3":
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/@jest/console/-/console-28.1.3.tgz#2030606ec03a18c31803b8a36382762e447655df"
+  integrity sha512-QPAkP5EwKdK/bxIr6C1I4Vs0rm2nHiANzj/Z5X2JQkrZo6IqvC4ldZ9K95tF0HdidhA8Bo6egxSzUFPYKcEXLw==
   dependencies:
-    "@jest/types" "^27.5.1"
+    "@jest/types" "^28.1.3"
     "@types/node" "*"
     chalk "^4.0.0"
-    jest-message-util "^27.5.1"
-    jest-util "^27.5.1"
+    jest-message-util "^28.1.3"
+    jest-util "^28.1.3"
     slash "^3.0.0"
 
-"@jest/core@^27.5.1":
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/@jest/core/-/core-27.5.1.tgz#267ac5f704e09dc52de2922cbf3af9edcd64b626"
-  integrity sha512-AK6/UTrvQD0Cd24NSqmIA6rKsu0tKIxfiCducZvqxYdmMisOYAsdItspT+fQDQYARPf8XgjAFZi0ogW2agH5nQ==
+"@jest/core@^28.1.3":
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/@jest/core/-/core-28.1.3.tgz#0ebf2bd39840f1233cd5f2d1e6fc8b71bd5a1ac7"
+  integrity sha512-CIKBrlaKOzA7YG19BEqCw3SLIsEwjZkeJzf5bdooVnW4bH5cktqe3JX+G2YV1aK5vP8N9na1IGWFzYaTp6k6NA==
   dependencies:
-    "@jest/console" "^27.5.1"
-    "@jest/reporters" "^27.5.1"
-    "@jest/test-result" "^27.5.1"
-    "@jest/transform" "^27.5.1"
-    "@jest/types" "^27.5.1"
+    "@jest/console" "^28.1.3"
+    "@jest/reporters" "^28.1.3"
+    "@jest/test-result" "^28.1.3"
+    "@jest/transform" "^28.1.3"
+    "@jest/types" "^28.1.3"
     "@types/node" "*"
     ansi-escapes "^4.2.1"
     chalk "^4.0.0"
-    emittery "^0.8.1"
+    ci-info "^3.2.0"
     exit "^0.1.2"
     graceful-fs "^4.2.9"
-    jest-changed-files "^27.5.1"
-    jest-config "^27.5.1"
-    jest-haste-map "^27.5.1"
-    jest-message-util "^27.5.1"
-    jest-regex-util "^27.5.1"
-    jest-resolve "^27.5.1"
-    jest-resolve-dependencies "^27.5.1"
-    jest-runner "^27.5.1"
-    jest-runtime "^27.5.1"
-    jest-snapshot "^27.5.1"
-    jest-util "^27.5.1"
-    jest-validate "^27.5.1"
-    jest-watcher "^27.5.1"
+    jest-changed-files "^28.1.3"
+    jest-config "^28.1.3"
+    jest-haste-map "^28.1.3"
+    jest-message-util "^28.1.3"
+    jest-regex-util "^28.0.2"
+    jest-resolve "^28.1.3"
+    jest-resolve-dependencies "^28.1.3"
+    jest-runner "^28.1.3"
+    jest-runtime "^28.1.3"
+    jest-snapshot "^28.1.3"
+    jest-util "^28.1.3"
+    jest-validate "^28.1.3"
+    jest-watcher "^28.1.3"
     micromatch "^4.0.4"
+    pretty-format "^28.1.3"
     rimraf "^3.0.0"
     slash "^3.0.0"
     strip-ansi "^6.0.0"
 
-"@jest/environment@^27.5.1":
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-27.5.1.tgz#d7425820511fe7158abbecc010140c3fd3be9c74"
-  integrity sha512-/WQjhPJe3/ghaol/4Bq480JKXV/Rfw8nQdN7f41fM8VDHLcxKXou6QyXAh3EFr9/bVG3x74z1NWDkP87EiY8gA==
+"@jest/environment@^28.1.3":
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-28.1.3.tgz#abed43a6b040a4c24fdcb69eab1f97589b2d663e"
+  integrity sha512-1bf40cMFTEkKyEf585R9Iz1WayDjHoHqvts0XFYEqyKM3cFWDpeMoqKKTAF9LSYQModPUlh8FKptoM2YcMWAXA==
   dependencies:
-    "@jest/fake-timers" "^27.5.1"
-    "@jest/types" "^27.5.1"
+    "@jest/fake-timers" "^28.1.3"
+    "@jest/types" "^28.1.3"
     "@types/node" "*"
-    jest-mock "^27.5.1"
+    jest-mock "^28.1.3"
+
+"@jest/expect-utils@^28.1.3":
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/@jest/expect-utils/-/expect-utils-28.1.3.tgz#58561ce5db7cd253a7edddbc051fb39dda50f525"
+  integrity sha512-wvbi9LUrHJLn3NlDW6wF2hvIMtd4JUl2QNVrjq+IBSHirgfrR3o9RnVtxzdEGO2n9JyIWwHnLfby5KzqBGg2YA==
+  dependencies:
+    jest-get-type "^28.0.2"
+
+"@jest/expect@^28.1.3":
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/@jest/expect/-/expect-28.1.3.tgz#9ac57e1d4491baca550f6bdbd232487177ad6a72"
+  integrity sha512-lzc8CpUbSoE4dqT0U+g1qODQjBRHPpCPXissXD4mS9+sWQdmmpeJ9zSH1rS1HEkrsMN0fb7nKrJ9giAR1d3wBw==
+  dependencies:
+    expect "^28.1.3"
+    jest-snapshot "^28.1.3"
 
-"@jest/fake-timers@^27.5.1":
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-27.5.1.tgz#76979745ce0579c8a94a4678af7a748eda8ada74"
-  integrity sha512-/aPowoolwa07k7/oM3aASneNeBGCmGQsc3ugN4u6s4C/+s5M64MFo/+djTdiwcbQlRfFElGuDXWzaWj6QgKObQ==
+"@jest/fake-timers@^28.1.3":
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-28.1.3.tgz#230255b3ad0a3d4978f1d06f70685baea91c640e"
+  integrity sha512-D/wOkL2POHv52h+ok5Oj/1gOG9HSywdoPtFsRCUmlCILXNn5eIWmcnd3DIiWlJnpGvQtmajqBP95Ei0EimxfLw==
   dependencies:
-    "@jest/types" "^27.5.1"
-    "@sinonjs/fake-timers" "^8.0.1"
+    "@jest/types" "^28.1.3"
+    "@sinonjs/fake-timers" "^9.1.2"
     "@types/node" "*"
-    jest-message-util "^27.5.1"
-    jest-mock "^27.5.1"
-    jest-util "^27.5.1"
+    jest-message-util "^28.1.3"
+    jest-mock "^28.1.3"
+    jest-util "^28.1.3"
 
-"@jest/globals@^27.5.1":
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/@jest/globals/-/globals-27.5.1.tgz#7ac06ce57ab966566c7963431cef458434601b2b"
-  integrity sha512-ZEJNB41OBQQgGzgyInAv0UUfDDj3upmHydjieSxFvTRuZElrx7tXg/uVQ5hYVEwiXs3+aMsAeEc9X7xiSKCm4Q==
+"@jest/globals@^28.1.3":
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/@jest/globals/-/globals-28.1.3.tgz#a601d78ddc5fdef542728309894895b4a42dc333"
+  integrity sha512-XFU4P4phyryCXu1pbcqMO0GSQcYe1IsalYCDzRNyhetyeyxMcIxa11qPNDpVNLeretItNqEmYYQn1UYz/5x1NA==
   dependencies:
-    "@jest/environment" "^27.5.1"
-    "@jest/types" "^27.5.1"
-    expect "^27.5.1"
+    "@jest/environment" "^28.1.3"
+    "@jest/expect" "^28.1.3"
+    "@jest/types" "^28.1.3"
 
-"@jest/reporters@^27.5.1":
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-27.5.1.tgz#ceda7be96170b03c923c37987b64015812ffec04"
-  integrity sha512-cPXh9hWIlVJMQkVk84aIvXuBB4uQQmFqZiacloFuGiP3ah1sbCxCosidXFDfqG8+6fO1oR2dTJTlsOy4VFmUfw==
+"@jest/reporters@^28.1.3":
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-28.1.3.tgz#9adf6d265edafc5fc4a434cfb31e2df5a67a369a"
+  integrity sha512-JuAy7wkxQZVNU/V6g9xKzCGC5LVXx9FDcABKsSXp5MiKPEE2144a/vXTEDoyzjUpZKfVwp08Wqg5A4WfTMAzjg==
   dependencies:
     "@bcoe/v8-coverage" "^0.2.3"
-    "@jest/console" "^27.5.1"
-    "@jest/test-result" "^27.5.1"
-    "@jest/transform" "^27.5.1"
-    "@jest/types" "^27.5.1"
+    "@jest/console" "^28.1.3"
+    "@jest/test-result" "^28.1.3"
+    "@jest/transform" "^28.1.3"
+    "@jest/types" "^28.1.3"
+    "@jridgewell/trace-mapping" "^0.3.13"
     "@types/node" "*"
     chalk "^4.0.0"
     collect-v8-coverage "^1.0.0"
     exit "^0.1.2"
-    glob "^7.1.2"
+    glob "^7.1.3"
     graceful-fs "^4.2.9"
     istanbul-lib-coverage "^3.0.0"
     istanbul-lib-instrument "^5.1.0"
     istanbul-lib-report "^3.0.0"
     istanbul-lib-source-maps "^4.0.0"
     istanbul-reports "^3.1.3"
-    jest-haste-map "^27.5.1"
-    jest-resolve "^27.5.1"
-    jest-util "^27.5.1"
-    jest-worker "^27.5.1"
+    jest-message-util "^28.1.3"
+    jest-util "^28.1.3"
+    jest-worker "^28.1.3"
     slash "^3.0.0"
-    source-map "^0.6.0"
     string-length "^4.0.1"
+    strip-ansi "^6.0.0"
     terminal-link "^2.0.0"
-    v8-to-istanbul "^8.1.0"
+    v8-to-istanbul "^9.0.1"
+
+"@jest/schemas@^28.1.3":
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/@jest/schemas/-/schemas-28.1.3.tgz#ad8b86a66f11f33619e3d7e1dcddd7f2d40ff905"
+  integrity sha512-/l/VWsdt/aBXgjshLWOFyFt3IVdYypu5y2Wn2rOO1un6nkqIn8SLXzgIMYXFyYsRWDyF5EthmKJMIdJvk08grg==
+  dependencies:
+    "@sinclair/typebox" "^0.24.1"
 
-"@jest/source-map@^27.5.1":
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/@jest/source-map/-/source-map-27.5.1.tgz#6608391e465add4205eae073b55e7f279e04e8cf"
-  integrity sha512-y9NIHUYF3PJRlHk98NdC/N1gl88BL08aQQgu4k4ZopQkCw9t9cV8mtl3TV8b/YCB8XaVTFrmUTAJvjsntDireg==
+"@jest/source-map@^28.1.2":
+  version "28.1.2"
+  resolved "https://registry.yarnpkg.com/@jest/source-map/-/source-map-28.1.2.tgz#7fe832b172b497d6663cdff6c13b0a920e139e24"
+  integrity sha512-cV8Lx3BeStJb8ipPHnqVw/IM2VCMWO3crWZzYodSIkxXnRcXJipCdx1JCK0K5MsJJouZQTH73mzf4vgxRaH9ww==
   dependencies:
+    "@jridgewell/trace-mapping" "^0.3.13"
     callsites "^3.0.0"
     graceful-fs "^4.2.9"
-    source-map "^0.6.0"
 
-"@jest/test-result@^27.5.1":
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-27.5.1.tgz#56a6585fa80f7cdab72b8c5fc2e871d03832f5bb"
-  integrity sha512-EW35l2RYFUcUQxFJz5Cv5MTOxlJIQs4I7gxzi2zVU7PJhOwfYq1MdC5nhSmYjX1gmMmLPvB3sIaC+BkcHRBfag==
+"@jest/test-result@^28.1.3":
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-28.1.3.tgz#5eae945fd9f4b8fcfce74d239e6f725b6bf076c5"
+  integrity sha512-kZAkxnSE+FqE8YjW8gNuoVkkC9I7S1qmenl8sGcDOLropASP+BkcGKwhXoyqQuGOGeYY0y/ixjrd/iERpEXHNg==
   dependencies:
-    "@jest/console" "^27.5.1"
-    "@jest/types" "^27.5.1"
+    "@jest/console" "^28.1.3"
+    "@jest/types" "^28.1.3"
     "@types/istanbul-lib-coverage" "^2.0.0"
     collect-v8-coverage "^1.0.0"
 
-"@jest/test-sequencer@^27.5.1":
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-27.5.1.tgz#4057e0e9cea4439e544c6353c6affe58d095745b"
-  integrity sha512-LCheJF7WB2+9JuCS7VB/EmGIdQuhtqjRNI9A43idHv3E4KltCTsPsLxvdaubFHSYwY/fNjMWjl6vNRhDiN7vpQ==
+"@jest/test-sequencer@^28.1.3":
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-28.1.3.tgz#9d0c283d906ac599c74bde464bc0d7e6a82886c3"
+  integrity sha512-NIMPEqqa59MWnDi1kvXXpYbqsfQmSJsIbnd85mdVGkiDfQ9WQQTXOLsvISUfonmnBT+w85WEgneCigEEdHDFxw==
   dependencies:
-    "@jest/test-result" "^27.5.1"
+    "@jest/test-result" "^28.1.3"
     graceful-fs "^4.2.9"
-    jest-haste-map "^27.5.1"
-    jest-runtime "^27.5.1"
+    jest-haste-map "^28.1.3"
+    slash "^3.0.0"
 
-"@jest/transform@^27.5.1":
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-27.5.1.tgz#6c3501dcc00c4c08915f292a600ece5ecfe1f409"
-  integrity sha512-ipON6WtYgl/1329g5AIJVbUuEh0wZVbdpGwC99Jw4LwuoBNS95MVphU6zOeD9pDkon+LLbFL7lOQRapbB8SCHw==
+"@jest/transform@^28.1.3":
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-28.1.3.tgz#59d8098e50ab07950e0f2fc0fc7ec462371281b0"
+  integrity sha512-u5dT5di+oFI6hfcLOHGTAfmUxFRrjK+vnaP0kkVow9Md/M7V/MxqQMOz/VV25UZO8pzeA9PjfTpOu6BDuwSPQA==
   dependencies:
-    "@babel/core" "^7.1.0"
-    "@jest/types" "^27.5.1"
+    "@babel/core" "^7.11.6"
+    "@jest/types" "^28.1.3"
+    "@jridgewell/trace-mapping" "^0.3.13"
     babel-plugin-istanbul "^6.1.1"
     chalk "^4.0.0"
     convert-source-map "^1.4.0"
     fast-json-stable-stringify "^2.0.0"
     graceful-fs "^4.2.9"
-    jest-haste-map "^27.5.1"
-    jest-regex-util "^27.5.1"
-    jest-util "^27.5.1"
+    jest-haste-map "^28.1.3"
+    jest-regex-util "^28.0.2"
+    jest-util "^28.1.3"
     micromatch "^4.0.4"
     pirates "^4.0.4"
     slash "^3.0.0"
-    source-map "^0.6.1"
-    write-file-atomic "^3.0.0"
+    write-file-atomic "^4.0.1"
 
-"@jest/types@^27.5.1":
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/@jest/types/-/types-27.5.1.tgz#3c79ec4a8ba61c170bf937bcf9e98a9df175ec80"
-  integrity sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==
+"@jest/types@^28.1.3":
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/@jest/types/-/types-28.1.3.tgz#b05de80996ff12512bc5ceb1d208285a7d11748b"
+  integrity sha512-RyjiyMUZrKz/c+zlMFO1pm70DcIlST8AeWTkoUdZevew44wcNZQHsEVOiCVtgVnlFFD82FPaXycys58cf2muVQ==
   dependencies:
+    "@jest/schemas" "^28.1.3"
     "@types/istanbul-lib-coverage" "^2.0.0"
     "@types/istanbul-reports" "^3.0.0"
     "@types/node" "*"
-    "@types/yargs" "^16.0.0"
+    "@types/yargs" "^17.0.8"
     chalk "^4.0.0"
 
 "@jridgewell/gen-mapping@^0.1.0":
@@ -556,6 +755,15 @@
     "@jridgewell/set-array" "1.0.0"
     "@jridgewell/sourcemap-codec" "^1.4.10"
 
+"@jridgewell/gen-mapping@^0.3.2":
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz#c1aedc61e853f2bb9f5dfe6d4442d3b565b253b9"
+  integrity sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==
+  dependencies:
+    "@jridgewell/set-array" "^1.0.1"
+    "@jridgewell/sourcemap-codec" "^1.4.10"
+    "@jridgewell/trace-mapping" "^0.3.9"
+
 "@jridgewell/resolve-uri@^3.0.3":
   version "3.0.6"
   resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.0.6.tgz#4ac237f4dabc8dd93330386907b97591801f7352"
@@ -566,11 +774,24 @@
   resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.0.0.tgz#6a8e62049ab198c5f7daf8047e71947ef46c11c8"
   integrity sha512-LcqVnHCjOAj8BTCtjpwYZCMTn4yArusbdObCVRUYvBHhrR5fVLVyENG+UVWM4T4H/ufv7NiBLdprllxWs/5PaQ==
 
+"@jridgewell/set-array@^1.0.1":
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.1.2.tgz#7c6cf998d6d20b914c0a55a91ae928ff25965e72"
+  integrity sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==
+
 "@jridgewell/sourcemap-codec@^1.4.10":
   version "1.4.11"
   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.11.tgz#771a1d8d744eeb71b6adb35808e1a6c7b9b8c8ec"
   integrity sha512-Fg32GrJo61m+VqYSdRSjRXMjQ06j8YIYfcTqndLYVAaHmroZHLJZCydsWBOTDqXS2v+mjxohBWEMfg97GXmYQg==
 
+"@jridgewell/trace-mapping@^0.3.12", "@jridgewell/trace-mapping@^0.3.13":
+  version "0.3.14"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.14.tgz#b231a081d8f66796e475ad588a1ef473112701ed"
+  integrity sha512-bJWEfQ9lPTvm3SneWwRFVLzrh6nhjwqw7TUFFBEMzwvg7t7PCDenf2lDwqo4NQXzdpgBXyFgDWnQA+2vkruksQ==
+  dependencies:
+    "@jridgewell/resolve-uri" "^3.0.3"
+    "@jridgewell/sourcemap-codec" "^1.4.10"
+
 "@jridgewell/trace-mapping@^0.3.9":
   version "0.3.9"
   resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz#6534fd5933a53ba7cbf3a17615e273a0d1273ff9"
@@ -1447,10 +1668,10 @@
   resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.11.5.tgz#db5a11bf66bdab39569719555b0f76e138d7bd64"
   integrity sha512-9X2obfABZuDVLCgPK9aX0a/x4jaOEweTTWE2+9sr0Qqqevj2Uv5XorvusThmc9XGYpS9yI+fhh8RTafBtGposw==
 
-"@rollup/plugin-commonjs@^21.1.0":
-  version "21.1.0"
-  resolved "https://registry.yarnpkg.com/@rollup/plugin-commonjs/-/plugin-commonjs-21.1.0.tgz#45576d7b47609af2db87f55a6d4b46e44fc3a553"
-  integrity sha512-6ZtHx3VHIp2ReNNDxHjuUml6ur+WcQ28N1yHgCQwsbNkQg2suhxGMDQGJOn/KuDxKtd1xuZP5xSTwBA4GQ8hbA==
+"@rollup/plugin-commonjs@^22.0.1":
+  version "22.0.1"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-commonjs/-/plugin-commonjs-22.0.1.tgz#f7cb777d20de3eeeaf994f39080115c336bef810"
+  integrity sha512-dGfEZvdjDHObBiP5IvwTKMVeq/tBZGMBHZFMdIV1ClMM/YoWS34xrHFGfag9SN2ZtMgNZRFruqvxZQEa70O6nQ==
   dependencies:
     "@rollup/pluginutils" "^3.1.0"
     commondir "^1.0.1"
@@ -1460,22 +1681,22 @@
     magic-string "^0.25.7"
     resolve "^1.17.0"
 
-"@rollup/plugin-node-resolve@^13.2.1":
-  version "13.2.1"
-  resolved "https://registry.yarnpkg.com/@rollup/plugin-node-resolve/-/plugin-node-resolve-13.2.1.tgz#cdee815cf02c180ff0a42536ca67a8f67e299f84"
-  integrity sha512-btX7kzGvp1JwShQI9V6IM841YKNPYjKCvUbNrQ2EcVYbULtUd/GH6wZ/qdqH13j9pOHBER+EZXNN2L8RSJhVRA==
+"@rollup/plugin-node-resolve@^13.3.0":
+  version "13.3.0"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-node-resolve/-/plugin-node-resolve-13.3.0.tgz#da1c5c5ce8316cef96a2f823d111c1e4e498801c"
+  integrity sha512-Lus8rbUo1eEcnS4yTFKLZrVumLPY+YayBdWXgFSHYhTT2iJbMhoaaBL3xl5NCdeRytErGr8tZ0L71BMRmnlwSw==
   dependencies:
     "@rollup/pluginutils" "^3.1.0"
     "@types/resolve" "1.17.1"
-    builtin-modules "^3.1.0"
     deepmerge "^4.2.2"
+    is-builtin-module "^3.1.0"
     is-module "^1.0.0"
     resolve "^1.19.0"
 
-"@rollup/plugin-typescript@^8.3.2":
-  version "8.3.2"
-  resolved "https://registry.yarnpkg.com/@rollup/plugin-typescript/-/plugin-typescript-8.3.2.tgz#e1b719e2ed3e752bbc092001656c48378f2d15f0"
-  integrity sha512-MtgyR5LNHZr3GyN0tM7gNO9D0CS+Y+vflS4v/PHmrX17JCkHUYKvQ5jN5o3cz1YKllM3duXUqu3yOHwMPUxhDg==
+"@rollup/plugin-typescript@^8.3.3":
+  version "8.3.3"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-typescript/-/plugin-typescript-8.3.3.tgz#eee7edab9cfc064f1cfd16570492693cf1432215"
+  integrity sha512-55L9SyiYu3r/JtqdjhwcwaECXP7JeJ9h1Sg1VWRJKIutla2MdZQodTgcCNybXLMCnqpNLEhS2vGENww98L1npg==
   dependencies:
     "@rollup/pluginutils" "^3.1.0"
     resolve "^1.17.0"
@@ -1489,6 +1710,11 @@
     estree-walker "^1.0.1"
     picomatch "^2.2.2"
 
+"@sinclair/typebox@^0.24.1":
+  version "0.24.20"
+  resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.24.20.tgz#11a657875de6008622d53f56e063a6347c51a6dd"
+  integrity sha512-kVaO5aEFZb33nPMTZBxiPEkY+slxiPtqC7QX8f9B3eGOMBvEfuMfxp9DSTTCsRJPumPKjrge4yagyssO4q6qzQ==
+
 "@sinonjs/commons@^1.7.0":
   version "1.8.3"
   resolved "https://registry.yarnpkg.com/@sinonjs/commons/-/commons-1.8.3.tgz#3802ddd21a50a949b6721ddd72da36e67e7f1b2d"
@@ -1496,10 +1722,10 @@
   dependencies:
     type-detect "4.0.8"
 
-"@sinonjs/fake-timers@^8.0.1":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@sinonjs/fake-timers/-/fake-timers-8.1.0.tgz#3fdc2b6cb58935b21bfb8d1625eb1300484316e7"
-  integrity sha512-OAPJUAtgeINhh/TAlUID4QTs53Njm7xzddaVlEs/SXwgtiD1tW22zAB/W1wdqfrpmikgaWQ9Fw6Ws+hsiRm5Vg==
+"@sinonjs/fake-timers@^9.1.2":
+  version "9.1.2"
+  resolved "https://registry.yarnpkg.com/@sinonjs/fake-timers/-/fake-timers-9.1.2.tgz#4eaab737fab77332ab132d396a3c0d364bd0ea8c"
+  integrity sha512-BPS4ynJW/o92PUR4wgriz2Ud5gpST5vz6GQfMixEDK0Z8ZCUv2M7SkBLykH56T++Xs+8ln9zTGbOvNGIe02/jw==
   dependencies:
     "@sinonjs/commons" "^1.7.0"
 
@@ -1508,7 +1734,7 @@
   resolved "https://registry.yarnpkg.com/@tootallnate/once/-/once-1.1.2.tgz#ccb91445360179a04e7fe6aff78c00ffc1eeaf82"
   integrity sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw==
 
-"@types/babel__core@^7.0.0", "@types/babel__core@^7.1.14":
+"@types/babel__core@^7.1.14":
   version "7.1.19"
   resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.1.19.tgz#7b497495b7d1b4812bdb9d02804d0576f43ee460"
   integrity sha512-WEOTgRsbYkvA/KCsDwVEGkd7WAr1e3g31VHQ8zy5gul/V1qKullU/BU5I68X5v7V3GnB9eotmom4v5a5gjxorw==
@@ -1534,7 +1760,7 @@
     "@babel/parser" "^7.1.0"
     "@babel/types" "^7.0.0"
 
-"@types/babel__traverse@*", "@types/babel__traverse@^7.0.4", "@types/babel__traverse@^7.0.6":
+"@types/babel__traverse@*", "@types/babel__traverse@^7.0.6":
   version "7.17.1"
   resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.17.1.tgz#1a0e73e8c28c7e832656db372b779bfd2ef37314"
   integrity sha512-kVzjari1s2YVi77D3w1yuvohV2idweYXMCDzqBiVNN63TcDWrIlTVOYpqVrvbbyOE/IyzBoTKF0fdnLPEORFxA==
@@ -1573,7 +1799,7 @@
     "@types/minimatch" "*"
     "@types/node" "*"
 
-"@types/graceful-fs@^4.1.2":
+"@types/graceful-fs@^4.1.3":
   version "4.1.5"
   resolved "https://registry.yarnpkg.com/@types/graceful-fs/-/graceful-fs-4.1.5.tgz#21ffba0d98da4350db64891f92a9e5db3cdb4e15"
   integrity sha512-anKkLmZZ+xm4p8JWBf4hElkM4XR+EZeA2M9BAkkTldmcyDY4mbdIJnRghDJH3Ov5ooY7/UAoENtmdMSkaAd7Cw==
@@ -1604,13 +1830,13 @@
   dependencies:
     "@types/istanbul-lib-report" "*"
 
-"@types/jest@^27.4.1":
-  version "27.4.1"
-  resolved "https://registry.yarnpkg.com/@types/jest/-/jest-27.4.1.tgz#185cbe2926eaaf9662d340cc02e548ce9e11ab6d"
-  integrity sha512-23iPJADSmicDVrWk+HT58LMJtzLAnB2AgIzplQuq/bSrGaxCrlvRFjGbXmamnnk/mAmCdLStiGqggu28ocUyiw==
+"@types/jest@^28.1.6":
+  version "28.1.6"
+  resolved "https://registry.yarnpkg.com/@types/jest/-/jest-28.1.6.tgz#d6a9cdd38967d2d746861fb5be6b120e38284dd4"
+  integrity sha512-0RbGAFMfcBJKOmqRazM8L98uokwuwD5F8rHrv/ZMbrZBwVOWZUyPG6VFNscjYr/vjM3Vu4fRrCPbOs42AfemaQ==
   dependencies:
-    jest-matcher-utils "^27.0.0"
-    pretty-format "^27.0.0"
+    jest-matcher-utils "^28.0.0"
+    pretty-format "^28.0.0"
 
 "@types/json-schema@^7.0.9":
   version "7.0.11"
@@ -1702,14 +1928,14 @@
   resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-21.0.0.tgz#0c60e537fa790f5f9472ed2776c2b71ec117351b"
   integrity sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA==
 
-"@types/yargs@^16.0.0":
-  version "16.0.4"
-  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-16.0.4.tgz#26aad98dd2c2a38e421086ea9ad42b9e51642977"
-  integrity sha512-T8Yc9wt/5LbJyCaLiHPReJa0kApcIgJ7Bn735GjItUfh08Z1pJvu8QZqb9s+mMvKV6WUQRV7K2R46YbjMXTTJw==
+"@types/yargs@^17.0.8":
+  version "17.0.10"
+  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-17.0.10.tgz#591522fce85d8739bca7b8bb90d048e4478d186a"
+  integrity sha512-gmEaFwpj/7f/ROdtIlci1R1VYU1J4j95m8T+Tj3iBgiBFKg1foE/PSl93bBd5T9LDXNPo8UlNN6W0qwD8O5OaA==
   dependencies:
     "@types/yargs-parser" "*"
 
-"@typescript-eslint/eslint-plugin@^5.0.0", "@typescript-eslint/eslint-plugin@^5.19.0":
+"@typescript-eslint/eslint-plugin@^5.0.0":
   version "5.21.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.21.0.tgz#bfc22e0191e6404ab1192973b3b4ea0461c1e878"
   integrity sha512-fTU85q8v5ZLpoZEyn/u1S2qrFOhi33Edo2CZ0+q1gDaWWm0JuPh3bgOyU8lM0edIEYgKLDkPFiZX2MOupgjlyg==
@@ -1724,7 +1950,22 @@
     semver "^7.3.5"
     tsutils "^3.21.0"
 
-"@typescript-eslint/parser@^5.0.0", "@typescript-eslint/parser@^5.19.0":
+"@typescript-eslint/eslint-plugin@^5.30.7":
+  version "5.30.7"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.30.7.tgz#1621dabc1ae4084310e19e9efc80dfdbb97e7493"
+  integrity sha512-l4L6Do+tfeM2OK0GJsU7TUcM/1oN/N25xHm3Jb4z3OiDU4Lj8dIuxX9LpVMS9riSXQs42D1ieX7b85/r16H9Fw==
+  dependencies:
+    "@typescript-eslint/scope-manager" "5.30.7"
+    "@typescript-eslint/type-utils" "5.30.7"
+    "@typescript-eslint/utils" "5.30.7"
+    debug "^4.3.4"
+    functional-red-black-tree "^1.0.1"
+    ignore "^5.2.0"
+    regexpp "^3.2.0"
+    semver "^7.3.7"
+    tsutils "^3.21.0"
+
+"@typescript-eslint/parser@^5.0.0":
   version "5.21.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.21.0.tgz#6cb72673dbf3e1905b9c432175a3c86cdaf2071f"
   integrity sha512-8RUwTO77hstXUr3pZoWZbRQUxXcSXafZ8/5gpnQCfXvgmP9gpNlRGlWzvfbEQ14TLjmtU8eGnONkff8U2ui2Eg==
@@ -1734,6 +1975,16 @@
     "@typescript-eslint/typescript-estree" "5.21.0"
     debug "^4.3.2"
 
+"@typescript-eslint/parser@^5.30.7":
+  version "5.30.7"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.30.7.tgz#99d09729392aec9e64b1de45cd63cb81a4ddd980"
+  integrity sha512-Rg5xwznHWWSy7v2o0cdho6n+xLhK2gntImp0rJroVVFkcYFYQ8C8UJTSuTw/3CnExBmPjycjmUJkxVmjXsld6A==
+  dependencies:
+    "@typescript-eslint/scope-manager" "5.30.7"
+    "@typescript-eslint/types" "5.30.7"
+    "@typescript-eslint/typescript-estree" "5.30.7"
+    debug "^4.3.4"
+
 "@typescript-eslint/scope-manager@5.21.0":
   version "5.21.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.21.0.tgz#a4b7ed1618f09f95e3d17d1c0ff7a341dac7862e"
@@ -1742,6 +1993,14 @@
     "@typescript-eslint/types" "5.21.0"
     "@typescript-eslint/visitor-keys" "5.21.0"
 
+"@typescript-eslint/scope-manager@5.30.7":
+  version "5.30.7"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.30.7.tgz#8269a931ef1e5ae68b5eb80743cc515c4ffe3dd7"
+  integrity sha512-7BM1bwvdF1UUvt+b9smhqdc/eniOnCKxQT/kj3oXtj3LqnTWCAM0qHRHfyzCzhEfWX0zrW7KqXXeE4DlchZBKw==
+  dependencies:
+    "@typescript-eslint/types" "5.30.7"
+    "@typescript-eslint/visitor-keys" "5.30.7"
+
 "@typescript-eslint/type-utils@5.21.0":
   version "5.21.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.21.0.tgz#ff89668786ad596d904c21b215e5285da1b6262e"
@@ -1751,11 +2010,25 @@
     debug "^4.3.2"
     tsutils "^3.21.0"
 
+"@typescript-eslint/type-utils@5.30.7":
+  version "5.30.7"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.30.7.tgz#5693dc3db6f313f302764282d614cfdbc8a9fcfd"
+  integrity sha512-nD5qAE2aJX/YLyKMvOU5jvJyku4QN5XBVsoTynFrjQZaDgDV6i7QHFiYCx10wvn7hFvfuqIRNBtsgaLe0DbWhw==
+  dependencies:
+    "@typescript-eslint/utils" "5.30.7"
+    debug "^4.3.4"
+    tsutils "^3.21.0"
+
 "@typescript-eslint/types@5.21.0":
   version "5.21.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.21.0.tgz#8cdb9253c0dfce3f2ab655b9d36c03f72e684017"
   integrity sha512-XnOOo5Wc2cBlq8Lh5WNvAgHzpjnEzxn4CJBwGkcau7b/tZ556qrWXQz4DJyChYg8JZAD06kczrdgFPpEQZfDsA==
 
+"@typescript-eslint/types@5.30.7":
+  version "5.30.7"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.30.7.tgz#18331487cc92d0f1fb1a6f580c8ec832528079d0"
+  integrity sha512-ocVkETUs82+U+HowkovV6uxf1AnVRKCmDRNUBUUo46/5SQv1owC/EBFkiu4MOHeZqhKz2ktZ3kvJJ1uFqQ8QPg==
+
 "@typescript-eslint/typescript-estree@5.21.0":
   version "5.21.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.21.0.tgz#9f0c233e28be2540eaed3df050f0d54fb5aa52de"
@@ -1769,6 +2042,19 @@
     semver "^7.3.5"
     tsutils "^3.21.0"
 
+"@typescript-eslint/typescript-estree@5.30.7":
+  version "5.30.7"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.30.7.tgz#05da9f1b281985bfedcf62349847f8d168eecc07"
+  integrity sha512-tNslqXI1ZdmXXrHER83TJ8OTYl4epUzJC0aj2i4DMDT4iU+UqLT3EJeGQvJ17BMbm31x5scSwo3hPM0nqQ1AEA==
+  dependencies:
+    "@typescript-eslint/types" "5.30.7"
+    "@typescript-eslint/visitor-keys" "5.30.7"
+    debug "^4.3.4"
+    globby "^11.1.0"
+    is-glob "^4.0.3"
+    semver "^7.3.7"
+    tsutils "^3.21.0"
+
 "@typescript-eslint/utils@5.21.0":
   version "5.21.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.21.0.tgz#51d7886a6f0575e23706e5548c7e87bce42d7c18"
@@ -1781,6 +2067,18 @@
     eslint-scope "^5.1.1"
     eslint-utils "^3.0.0"
 
+"@typescript-eslint/utils@5.30.7":
+  version "5.30.7"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.30.7.tgz#7135be070349e9f7caa262b0ca59dc96123351bb"
+  integrity sha512-Z3pHdbFw+ftZiGUnm1GZhkJgVqsDL5CYW2yj+TB2mfXDFOMqtbzQi2dNJIyPqPbx9mv2kUxS1gU+r2gKlKi1rQ==
+  dependencies:
+    "@types/json-schema" "^7.0.9"
+    "@typescript-eslint/scope-manager" "5.30.7"
+    "@typescript-eslint/types" "5.30.7"
+    "@typescript-eslint/typescript-estree" "5.30.7"
+    eslint-scope "^5.1.1"
+    eslint-utils "^3.0.0"
+
 "@typescript-eslint/visitor-keys@5.21.0":
   version "5.21.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.21.0.tgz#453fb3662409abaf2f8b1f65d515699c888dd8ae"
@@ -1789,6 +2087,14 @@
     "@typescript-eslint/types" "5.21.0"
     eslint-visitor-keys "^3.0.0"
 
+"@typescript-eslint/visitor-keys@5.30.7":
+  version "5.30.7"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.30.7.tgz#c093abae75b4fd822bfbad9fc337f38a7a14909a"
+  integrity sha512-KrRXf8nnjvcpxDFOKej4xkD7657+PClJs5cJVSG7NNoCNnjEdc46juNAQt7AyuWctuCgs6mVRc1xGctEqrjxWw==
+  dependencies:
+    "@typescript-eslint/types" "5.30.7"
+    eslint-visitor-keys "^3.3.0"
+
 "@vitejs/plugin-vue@^2.3.1":
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-2.3.1.tgz#5f286b8d3515381c6d5c8fa8eee5e6335f727e14"
@@ -1804,6 +2110,16 @@
     estree-walker "^2.0.2"
     source-map "^0.6.1"
 
+"@vue/compiler-core@3.2.37":
+  version "3.2.37"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.2.37.tgz#b3c42e04c0e0f2c496ff1784e543fbefe91e215a"
+  integrity sha512-81KhEjo7YAOh0vQJoSmAD68wLfYqJvoiD4ulyedzF+OEk/bk6/hx3fTNVfuzugIIaTrOx4PGx6pAiBRe5e9Zmg==
+  dependencies:
+    "@babel/parser" "^7.16.4"
+    "@vue/shared" "3.2.37"
+    estree-walker "^2.0.2"
+    source-map "^0.6.1"
+
 "@vue/compiler-dom@3.2.33", "@vue/compiler-dom@^3.2.0":
   version "3.2.33"
   resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.2.33.tgz#6db84296f949f18e5d3e7fd5e80f943dbed7d5ec"
@@ -1812,7 +2128,15 @@
     "@vue/compiler-core" "3.2.33"
     "@vue/shared" "3.2.33"
 
-"@vue/compiler-sfc@3.2.33", "@vue/compiler-sfc@^3.2.0", "@vue/compiler-sfc@^3.2.31", "@vue/compiler-sfc@^3.2.33":
+"@vue/compiler-dom@3.2.37":
+  version "3.2.37"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.2.37.tgz#10d2427a789e7c707c872da9d678c82a0c6582b5"
+  integrity sha512-yxJLH167fucHKxaqXpYk7x8z7mMEnXOw3G2q62FTkmsvNxu4FQSu5+3UMb+L7fjKa26DEzhrmCxAgFLLIzVfqQ==
+  dependencies:
+    "@vue/compiler-core" "3.2.37"
+    "@vue/shared" "3.2.37"
+
+"@vue/compiler-sfc@3.2.33", "@vue/compiler-sfc@^3.2.0", "@vue/compiler-sfc@^3.2.31":
   version "3.2.33"
   resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.2.33.tgz#7ce01dc947a8b76c099811dc6ca58494d4dc773d"
   integrity sha512-H8D0WqagCr295pQjUYyO8P3IejM3vEzeCO1apzByAEaAR/WimhMYczHfZVvlCE/9yBaEu/eu9RdiWr0kF8b71Q==
@@ -1828,6 +2152,22 @@
     postcss "^8.1.10"
     source-map "^0.6.1"
 
+"@vue/compiler-sfc@3.2.37", "@vue/compiler-sfc@^3.2.37":
+  version "3.2.37"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.2.37.tgz#3103af3da2f40286edcd85ea495dcb35bc7f5ff4"
+  integrity sha512-+7i/2+9LYlpqDv+KTtWhOZH+pa8/HnX/905MdVmAcI/mPQOBwkHHIzrsEsucyOIZQYMkXUiTkmZq5am/NyXKkg==
+  dependencies:
+    "@babel/parser" "^7.16.4"
+    "@vue/compiler-core" "3.2.37"
+    "@vue/compiler-dom" "3.2.37"
+    "@vue/compiler-ssr" "3.2.37"
+    "@vue/reactivity-transform" "3.2.37"
+    "@vue/shared" "3.2.37"
+    estree-walker "^2.0.2"
+    magic-string "^0.25.7"
+    postcss "^8.1.10"
+    source-map "^0.6.1"
+
 "@vue/compiler-ssr@3.2.33":
   version "3.2.33"
   resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.2.33.tgz#3e820267e4eea48fde9519f006dedca3f5e42e71"
@@ -1836,6 +2176,14 @@
     "@vue/compiler-dom" "3.2.33"
     "@vue/shared" "3.2.33"
 
+"@vue/compiler-ssr@3.2.37":
+  version "3.2.37"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.2.37.tgz#4899d19f3a5fafd61524a9d1aee8eb0505313cff"
+  integrity sha512-7mQJD7HdXxQjktmsWp/J67lThEIcxLemz1Vb5I6rYJHR5vI+lON3nPGOH3ubmbvYGt8xEUaAr1j7/tIFWiEOqw==
+  dependencies:
+    "@vue/compiler-dom" "3.2.37"
+    "@vue/shared" "3.2.37"
+
 "@vue/devtools-api@^6.0.0", "@vue/devtools-api@^6.1.4":
   version "6.1.4"
   resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.1.4.tgz#b4aec2f4b4599e11ba774a50c67fa378c9824e53"
@@ -1849,14 +2197,14 @@
     eslint-config-prettier "^8.3.0"
     eslint-plugin-prettier "^4.0.0"
 
-"@vue/eslint-config-typescript@^10.0.0":
-  version "10.0.0"
-  resolved "https://registry.yarnpkg.com/@vue/eslint-config-typescript/-/eslint-config-typescript-10.0.0.tgz#3b63c8cf276962cb89414857581b9b424acf2820"
-  integrity sha512-F94cL8ug3FaYXlCfU5/wiGjk1qeadmoBpRGAOBq+qre3Smdupa59dd6ZJrsfRODpsMPyTG7330juMDsUvpZ3Rw==
+"@vue/eslint-config-typescript@^11.0.0":
+  version "11.0.0"
+  resolved "https://registry.yarnpkg.com/@vue/eslint-config-typescript/-/eslint-config-typescript-11.0.0.tgz#bac0cb2d381625b5bf568d2025acffc0fd09113e"
+  integrity sha512-txuRzxnQVmtUvvy9UyWUy9sHWXNeRPGmSPqP53hRtaiUeCTAondI9Ho9GQYI/8/eWljYOST7iA4Aa8sANBkWaA==
   dependencies:
     "@typescript-eslint/eslint-plugin" "^5.0.0"
     "@typescript-eslint/parser" "^5.0.0"
-    vue-eslint-parser "^8.0.0"
+    vue-eslint-parser "^9.0.0"
 
 "@vue/reactivity-transform@3.2.33":
   version "3.2.33"
@@ -1869,6 +2217,17 @@
     estree-walker "^2.0.2"
     magic-string "^0.25.7"
 
+"@vue/reactivity-transform@3.2.37":
+  version "3.2.37"
+  resolved "https://registry.yarnpkg.com/@vue/reactivity-transform/-/reactivity-transform-3.2.37.tgz#0caa47c4344df4ae59f5a05dde2a8758829f8eca"
+  integrity sha512-IWopkKEb+8qpu/1eMKVeXrK0NLw9HicGviJzhJDEyfxTR9e1WtpnnbYkJWurX6WwoFP0sz10xQg8yL8lgskAZg==
+  dependencies:
+    "@babel/parser" "^7.16.4"
+    "@vue/compiler-core" "3.2.37"
+    "@vue/shared" "3.2.37"
+    estree-walker "^2.0.2"
+    magic-string "^0.25.7"
+
 "@vue/reactivity@3.2.33":
   version "3.2.33"
   resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.2.33.tgz#c84eedb5225138dbfc2472864c151d3efbb4b673"
@@ -1876,6 +2235,13 @@
   dependencies:
     "@vue/shared" "3.2.33"
 
+"@vue/reactivity@3.2.37":
+  version "3.2.37"
+  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.2.37.tgz#5bc3847ac58828e2b78526e08219e0a1089f8848"
+  integrity sha512-/7WRafBOshOc6m3F7plwzPeCu/RCVv9uMpOwa/5PiY1Zz+WLVRWiy0MYKwmg19KBdGtFWsmZ4cD+LOdVPcs52A==
+  dependencies:
+    "@vue/shared" "3.2.37"
+
 "@vue/runtime-core@3.2.33":
   version "3.2.33"
   resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.2.33.tgz#2df8907c85c37c3419fbd1bdf1a2df097fa40df2"
@@ -1884,6 +2250,14 @@
     "@vue/reactivity" "3.2.33"
     "@vue/shared" "3.2.33"
 
+"@vue/runtime-core@3.2.37":
+  version "3.2.37"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.2.37.tgz#7ba7c54bb56e5d70edfc2f05766e1ca8519966e3"
+  integrity sha512-JPcd9kFyEdXLl/i0ClS7lwgcs0QpUAWj+SKX2ZC3ANKi1U4DOtiEr6cRqFXsPwY5u1L9fAjkinIdB8Rz3FoYNQ==
+  dependencies:
+    "@vue/reactivity" "3.2.37"
+    "@vue/shared" "3.2.37"
+
 "@vue/runtime-dom@3.2.33":
   version "3.2.33"
   resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.2.33.tgz#123b8969247029ea0d9c1983676d4706a962d848"
@@ -1893,6 +2267,15 @@
     "@vue/shared" "3.2.33"
     csstype "^2.6.8"
 
+"@vue/runtime-dom@3.2.37":
+  version "3.2.37"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.2.37.tgz#002bdc8228fa63949317756fb1e92cdd3f9f4bbd"
+  integrity sha512-HimKdh9BepShW6YozwRKAYjYQWg9mQn63RGEiSswMbW+ssIht1MILYlVGkAGGQbkhSh31PCdoUcfiu4apXJoPw==
+  dependencies:
+    "@vue/runtime-core" "3.2.37"
+    "@vue/shared" "3.2.37"
+    csstype "^2.6.8"
+
 "@vue/server-renderer@3.2.33", "@vue/server-renderer@^3.2.31":
   version "3.2.33"
   resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.2.33.tgz#4b45d6d2ae10ea4e3d2cf8e676804cf60f331979"
@@ -1901,15 +2284,28 @@
     "@vue/compiler-ssr" "3.2.33"
     "@vue/shared" "3.2.33"
 
+"@vue/server-renderer@3.2.37":
+  version "3.2.37"
+  resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.2.37.tgz#840a29c8dcc29bddd9b5f5ffa22b95c0e72afdfc"
+  integrity sha512-kLITEJvaYgZQ2h47hIzPh2K3jG8c1zCVbp/o/bzQOyvzaKiCquKS7AaioPI28GNxIsE/zSx+EwWYsNxDCX95MA==
+  dependencies:
+    "@vue/compiler-ssr" "3.2.37"
+    "@vue/shared" "3.2.37"
+
 "@vue/shared@3.2.33", "@vue/shared@^3.2.31":
   version "3.2.33"
   resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.33.tgz#69a8c99ceb37c1b031d5cc4aec2ff1dc77e1161e"
   integrity sha512-UBc1Pg1T3yZ97vsA2ueER0F6GbJebLHYlEi4ou1H5YL4KWvMOOWwpYo9/QpWq93wxKG6Wo13IY74Hcn/f7c7Bg==
 
-"@vue/test-utils@^2.0.0-rc.20":
-  version "2.0.0-rc.21"
-  resolved "https://registry.yarnpkg.com/@vue/test-utils/-/test-utils-2.0.0-rc.21.tgz#9ebb0029bafa94ee55e90a6b4eab6d1e7b7a3152"
-  integrity sha512-wIJR4e/jISBKVKfiod3DV32BlDsoD744WVCuCaGtaSKvhvTL9gI5vl2AYSy00V51YaM8dCOFi3zcpCON8G1WqA==
+"@vue/shared@3.2.37":
+  version "3.2.37"
+  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.37.tgz#8e6adc3f2759af52f0e85863dfb0b711ecc5c702"
+  integrity sha512-4rSJemR2NQIo9Klm1vabqWjD8rs/ZaJSzMxkMNeJS6lHiUjjUeYFbooN19NgFjztubEKh3WlZUeOLVdbbUWHsw==
+
+"@vue/test-utils@^2.0.2":
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/@vue/test-utils/-/test-utils-2.0.2.tgz#0b5edd683366153d5bc5a91edc62f292118710eb"
+  integrity sha512-E2P4oXSaWDqTZNbmKZFVLrNN/siVN78YkEqs7pHryWerrlZR9bBFLWdJwRoguX45Ru6HxIflzKl4vQvwRMwm5g==
 
 "@vuepress/bundler-vite@2.0.0-beta.38":
   version "2.0.0-beta.38"
@@ -2174,44 +2570,31 @@ JSONStream@^1.0.4:
     jsonparse "^1.2.0"
     through ">=2.2.7 <3"
 
-abab@^2.0.3, abab@^2.0.5:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.6.tgz#41b80f2c871d19686216b82309231cfd3cb3d291"
-  integrity sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==
-
 abbrev@1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-1.1.1.tgz#f8f2c887ad10bf67f634f005b6987fed3179aac8"
   integrity sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==
 
-acorn-globals@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-6.0.0.tgz#46cdd39f0f8ff08a876619b55f5ac8a6dc770b45"
-  integrity sha512-ZQl7LOWaF5ePqqcX4hLuv/bLXYQNfNWw2c0/yX/TsPRKamzHcTGQnlCjHT3TsmkOUVEPS3crCxiPfdzE/Trlhg==
-  dependencies:
-    acorn "^7.1.1"
-    acorn-walk "^7.1.1"
-
-acorn-jsx@^5.3.1:
+acorn-jsx@^5.3.1, acorn-jsx@^5.3.2:
   version "5.3.2"
   resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
   integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
 
-acorn-walk@^7.1.1:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-7.2.0.tgz#0de889a601203909b0fbe07b8938dc21d2e967bc"
-  integrity sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==
-
 acorn@^7.1.1:
   version "7.4.1"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
   integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
 
-acorn@^8.2.4, acorn@^8.7.0:
+acorn@^8.7.0:
   version "8.7.1"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.7.1.tgz#0197122c843d1bf6d0a5e83220a788f278f63c30"
   integrity sha512-Xx54uLJQZ19lKygFXOWsscKUbsBZW0CPykPhVQdhIeIwrbPmJzqeASDInc8nKBnp/JT6igTs82qPXz069H8I/A==
 
+acorn@^8.7.1:
+  version "8.8.0"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.8.0.tgz#88c0187620435c7f6015803f5539dae05a9dbea8"
+  integrity sha512-QOxyigPVrpZ2GXT+PFyZTl6TtOFc5egxHIP9IlQ+RbupQuX4RkT/Bee4/kQuC02Xkzg84JcT7oLYtDIQxp+v7w==
+
 add-stream@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/add-stream/-/add-stream-1.0.0.tgz#6a7990437ca736d5e1288db92bd3266d5f5cb2aa"
@@ -2416,16 +2799,15 @@ aws4@^1.8.0:
   resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.11.0.tgz#d61f46d83b2519250e2784daf5b09479a8b41c59"
   integrity sha512-xh1Rl34h6Fi1DC2WWKfxUTVqRsNnr6LsKz2+hfwDxQJWmrx8+c7ylaqBMcHfl1U1r2dsifOvKX3LQuLNZ+XSvA==
 
-babel-jest@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-27.5.1.tgz#a1bf8d61928edfefd21da27eb86a695bfd691444"
-  integrity sha512-cdQ5dXjGRd0IBRATiQ4mZGlGlRE8kJpjPOixdNRdT+m3UcNqmYWN6rK6nvtXYfY3D76cb8s/O1Ss8ea24PIwcg==
+babel-jest@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-28.1.3.tgz#c1187258197c099072156a0a121c11ee1e3917d5"
+  integrity sha512-epUaPOEWMk3cWX0M/sPvCHHCe9fMFAa/9hXEgKP8nFfNl/jlGkE9ucq9NqkZGXLDduCJYS0UvSlPUwC0S+rH6Q==
   dependencies:
-    "@jest/transform" "^27.5.1"
-    "@jest/types" "^27.5.1"
+    "@jest/transform" "^28.1.3"
     "@types/babel__core" "^7.1.14"
     babel-plugin-istanbul "^6.1.1"
-    babel-preset-jest "^27.5.1"
+    babel-preset-jest "^28.1.3"
     chalk "^4.0.0"
     graceful-fs "^4.2.9"
     slash "^3.0.0"
@@ -2448,14 +2830,14 @@ babel-plugin-istanbul@^6.1.1:
     istanbul-lib-instrument "^5.0.4"
     test-exclude "^6.0.0"
 
-babel-plugin-jest-hoist@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-27.5.1.tgz#9be98ecf28c331eb9f5df9c72d6f89deb8181c2e"
-  integrity sha512-50wCwD5EMNW4aRpOwtqzyZHIewTYNxLA4nhB+09d8BIssfNfzBRhkBIHiaPv1Si226TQSvp8gxAJm2iY2qs2hQ==
+babel-plugin-jest-hoist@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-28.1.3.tgz#1952c4d0ea50f2d6d794353762278d1d8cca3fbe"
+  integrity sha512-Ys3tUKAmfnkRUpPdpa98eYrAR0nV+sSFUZZEGuQ2EbFd1y4SOLtD5QDNHAq+bb9a+bbXvYQC4b+ID/THIMcU6Q==
   dependencies:
     "@babel/template" "^7.3.3"
     "@babel/types" "^7.3.3"
-    "@types/babel__core" "^7.0.0"
+    "@types/babel__core" "^7.1.14"
     "@types/babel__traverse" "^7.0.6"
 
 babel-preset-current-node-syntax@^1.0.0:
@@ -2476,12 +2858,12 @@ babel-preset-current-node-syntax@^1.0.0:
     "@babel/plugin-syntax-optional-chaining" "^7.8.3"
     "@babel/plugin-syntax-top-level-await" "^7.8.3"
 
-babel-preset-jest@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-27.5.1.tgz#91f10f58034cb7989cb4f962b69fa6eef6a6bc81"
-  integrity sha512-Nptf2FzlPCWYuJg41HBqXVT8ym6bXOevuCTbhxlUpjwtysGaIWFvDEjp4y+G7fl13FgOdjs7P/DmErqH7da0Ag==
+babel-preset-jest@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-28.1.3.tgz#5dfc20b99abed5db994406c2b9ab94c73aaa419d"
+  integrity sha512-L+fupJvlWAHbQfn74coNX3zf60LXMJsezNvvx8eIh7iOR1luJ1poxYgQk1F8PYtNq/6QODDHCqsSnTFSWC491A==
   dependencies:
-    babel-plugin-jest-hoist "^27.5.1"
+    babel-plugin-jest-hoist "^28.1.3"
     babel-preset-current-node-syntax "^1.0.0"
 
 babel-walk@3.0.0-canary-5:
@@ -2547,11 +2929,6 @@ braces@^3.0.2, braces@~3.0.2:
   dependencies:
     fill-range "^7.0.1"
 
-browser-process-hrtime@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz#3c9b4b7d782c8121e56f10106d84c0d0ffc94626"
-  integrity sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==
-
 browserslist@^4.17.5, browserslist@^4.20.2:
   version "4.20.3"
   resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.20.3.tgz#eb7572f49ec430e054f56d52ff0ebe9be915f8bf"
@@ -2590,10 +2967,10 @@ buffer@^5.5.0:
     base64-js "^1.3.1"
     ieee754 "^1.1.13"
 
-builtin-modules@^3.1.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-3.2.0.tgz#45d5db99e7ee5e6bc4f362e008bf917ab5049887"
-  integrity sha512-lGzLKcioL90C7wMczpkY0n/oART3MbBa8R9OFGE1rJxoVI86u4WAGfEk8Wjv10eKSyTHVGkSo3bvBylCEtk7LA==
+builtin-modules@^3.0.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-3.3.0.tgz#cae62812b89801e9656336e46223e030386be7b6"
+  integrity sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==
 
 builtins@^1.0.3:
   version "1.0.3"
@@ -2715,11 +3092,16 @@ chardet@^0.7.0:
   resolved "https://registry.yarnpkg.com/chardet/-/chardet-0.7.0.tgz#90094849f0937f2eedc2425d0d28a9e5f0cbad9e"
   integrity sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==
 
-chart.js@^3.4.0, chart.js@^3.7.1:
+chart.js@^3.4.0:
   version "3.7.1"
   resolved "https://registry.yarnpkg.com/chart.js/-/chart.js-3.7.1.tgz#0516f690c6a8680c6c707e31a4c1807a6f400ada"
   integrity sha512-8knRegQLFnPQAheZV8MjxIXc5gQEfDFD897BJgv/klO/vtIyFFmgMXrNfgrXpbTr/XbTturxRgxIXx/Y+ASJBA==
 
+chart.js@^3.8.2:
+  version "3.8.2"
+  resolved "https://registry.yarnpkg.com/chart.js/-/chart.js-3.8.2.tgz#e3ebb88f7072780eec4183a788a990f4a58ba7a1"
+  integrity sha512-7rqSlHWMUKFyBDOJvmFGW2lxULtcwaPLegDjX/Nu5j6QybY+GCiQkEY+6cqHw62S5tcwXMD8Y+H5OBGoR7d+ZQ==
+
 "chokidar@>=3.0.0 <4.0.0", chokidar@^3.5.1, chokidar@^3.5.3:
   version "3.5.3"
   resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.3.tgz#1cf37c8707b932bd1af1ae22c0432e2acd1903bd"
@@ -2859,7 +3241,7 @@ columnify@^1.5.4:
     strip-ansi "^6.0.1"
     wcwidth "^1.0.0"
 
-combined-stream@^1.0.6, combined-stream@^1.0.8, combined-stream@~1.0.6:
+combined-stream@^1.0.6, combined-stream@~1.0.6:
   version "1.0.8"
   resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
   integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==
@@ -3074,23 +3456,6 @@ csso@^5.0.1:
   dependencies:
     css-tree "~2.0.4"
 
-cssom@^0.4.4:
-  version "0.4.4"
-  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.4.4.tgz#5a66cf93d2d0b661d80bf6a44fb65f5c2e4e0a10"
-  integrity sha512-p3pvU7r1MyyqbTk+WbNJIgJjG2VmTIaB10rI93LzVPrmDJKkzKYMtxxyAvQXR/NS6otuzveI7+7BBq3SjBS2mw==
-
-cssom@~0.3.6:
-  version "0.3.8"
-  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.3.8.tgz#9f1276f5b2b463f2114d3f2c75250af8c1a36f4a"
-  integrity sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==
-
-cssstyle@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-2.3.0.tgz#ff665a0ddbdc31864b09647f34163443d90b0852"
-  integrity sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==
-  dependencies:
-    cssom "~0.3.6"
-
 csstype@^2.6.8:
   version "2.6.20"
   resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.20.tgz#9229c65ea0b260cf4d3d997cb06288e36a8d6dda"
@@ -3108,15 +3473,6 @@ dashdash@^1.12.0:
   dependencies:
     assert-plus "^1.0.0"
 
-data-urls@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-2.0.0.tgz#156485a72963a970f5d5821aaf642bef2bf2db9b"
-  integrity sha512-X5eWTSXO/BJmpdIKCRuKUgSCgAN0OwliVK3yPKbwIWU1Tdw5BRajxlzMidvh+gwko9AfQ9zIj52pzF91Q3YAvQ==
-  dependencies:
-    abab "^2.0.3"
-    whatwg-mimetype "^2.3.0"
-    whatwg-url "^8.0.0"
-
 dateformat@^3.0.0:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/dateformat/-/dateformat-3.0.3.tgz#a6e37499a4d9a9cf85ef5872044d62901c9889ae"
@@ -3147,11 +3503,6 @@ decamelize@^1.1.0:
   resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
   integrity sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=
 
-decimal.js@^10.2.1:
-  version "10.3.1"
-  resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.3.1.tgz#d8c3a444a9c6774ba60ca6ad7261c3a94fd5e783"
-  integrity sha512-V0pfhfr8suzyPGOx3nmq4aHqabehUZn6Ch9kyFpV79TGDTWFmHqUqXdabR7QHqxzrYolF4+tVmJhUG4OURg5dQ==
-
 decode-uri-component@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/decode-uri-component/-/decode-uri-component-0.2.0.tgz#eb3913333458775cb84cd1a1fae062106bb87545"
@@ -3162,7 +3513,7 @@ dedent@^0.7.0:
   resolved "https://registry.yarnpkg.com/dedent/-/dedent-0.7.0.tgz#2495ddbaf6eb874abb0e1be9df22d2e5a544326c"
   integrity sha1-JJXduvbrh0q7Dhvp3yLS5aVEMmw=
 
-deep-is@^0.1.3, deep-is@~0.1.3:
+deep-is@^0.1.3:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
   integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
@@ -3230,10 +3581,10 @@ dezalgo@^1.0.0:
     asap "^2.0.0"
     wrappy "1"
 
-diff-sequences@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-27.5.1.tgz#eaecc0d327fd68c8d9672a1e64ab8dccb2ef5327"
-  integrity sha512-k1gCAXAsNgLwEL+Y8Wvl+M6oEFj5bgazfZULpS5CneoPPXRaCCW7dm+q21Ky2VEE5X+VeRDBVg1Pcvvsr4TtNQ==
+diff-sequences@^28.1.1:
+  version "28.1.1"
+  resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-28.1.1.tgz#9989dc731266dc2903457a70e996f3a041913ac6"
+  integrity sha512-FU0iFaH/E23a+a718l8Qa/19bF9p06kgE0KipMOMadwa3SjnaElKzPaUC0vnibs6/B/9ni97s61mcejk8W1fQw==
 
 dir-glob@^3.0.1:
   version "3.0.1"
@@ -3254,13 +3605,6 @@ doctypes@^1.1.0:
   resolved "https://registry.yarnpkg.com/doctypes/-/doctypes-1.1.0.tgz#ea80b106a87538774e8a3a4a5afe293de489e0a9"
   integrity sha1-6oCxBqh1OHdOijpKWv4pPeSJ4Kk=
 
-domexception@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/domexception/-/domexception-2.0.1.tgz#fb44aefba793e1574b0af6aed2801d057529f304"
-  integrity sha512-yxJ2mFy/sibVQlu5qHjOkf9J3K6zgmCxgJ94u2EdvDOV09H+32LtRswEcUsmUWN72pVLOEnTSRaIVVzVQgS0dg==
-  dependencies:
-    webidl-conversions "^5.0.0"
-
 dot-prop@^5.1.0:
   version "5.3.0"
   resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-5.3.0.tgz#90ccce708cd9cd82cc4dc8c3ddd9abdd55b20e88"
@@ -3293,10 +3637,10 @@ electron-to-chromium@^1.4.118:
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.123.tgz#de88ea7fd29d7c868e63c88f129e91494bcf3266"
   integrity sha512-0pHGE53WkYoFbsgwYcVKEpWa6jbzlvkohIEA2CUoZ9b5KC+w/zlMiQHvW/4IBcOh7YoEFqRNavgTk02TBoUTUw==
 
-emittery@^0.8.1:
-  version "0.8.1"
-  resolved "https://registry.yarnpkg.com/emittery/-/emittery-0.8.1.tgz#bb23cc86d03b30aa75a7f734819dee2e1ba70860"
-  integrity sha512-uDfvUjVrfGJJhymx/kz6prltenw1u7WrCg1oa94zYY8xxVpLLUu045LAT0dhDZdXG58/EpPL/5kA180fQ/qudg==
+emittery@^0.10.2:
+  version "0.10.2"
+  resolved "https://registry.yarnpkg.com/emittery/-/emittery-0.10.2.tgz#902eec8aedb8c41938c46e9385e9db7e03182933"
+  integrity sha512-aITqOwnLanpHLNXZJENbOgjUBeHocD+xsSJmNrjovKBW5HbSpW3d1pEls7GFQPUWXiwG9+0P4GtHfEqC/4M0Iw==
 
 emoji-regex@^8.0.0:
   version "8.0.0"
@@ -3518,18 +3862,6 @@ escape-string-regexp@^4.0.0:
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
   integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
 
-escodegen@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-2.0.0.tgz#5e32b12833e8aa8fa35e1bf0befa89380484c7dd"
-  integrity sha512-mmHKys/C8BFUGI+MAWNcSYoORYLMdPzjrknd2Vc+bUsjN5bXcr8EhrNB+UTqfL1y3I9c4fw2ihgtMPQLBRiQxw==
-  dependencies:
-    esprima "^4.0.1"
-    estraverse "^5.2.0"
-    esutils "^2.0.2"
-    optionator "^0.8.1"
-  optionalDependencies:
-    source-map "~0.6.1"
-
 eslint-config-prettier@^8.3.0:
   version "8.5.0"
   resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-8.5.0.tgz#5a81680ec934beca02c7b1a61cf8ca34b66feab1"
@@ -3542,17 +3874,25 @@ eslint-plugin-prettier@^4.0.0:
   dependencies:
     prettier-linter-helpers "^1.0.0"
 
-eslint-plugin-vue@^8.6.0:
-  version "8.7.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-8.7.1.tgz#f13c53547a0c9d64588a675cc5ecc6ccaf63703f"
-  integrity sha512-28sbtm4l4cOzoO1LtzQPxfxhQABararUb1JtqusQqObJpWX2e/gmVyeYVfepizPFne0Q5cILkYGiBoV36L12Wg==
+eslint-plugin-prettier@^4.2.1:
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-4.2.1.tgz#651cbb88b1dab98bfd42f017a12fa6b2d993f94b"
+  integrity sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==
+  dependencies:
+    prettier-linter-helpers "^1.0.0"
+
+eslint-plugin-vue@^9.3.0:
+  version "9.3.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-9.3.0.tgz#c3f5ce515dae387e062428725c5cf96098d9da0b"
+  integrity sha512-iscKKkBZgm6fGZwFt6poRoWC0Wy2dQOlwUPW++CiPoQiw1enctV2Hj5DBzzjJZfyqs+FAXhgzL4q0Ww03AgSmQ==
   dependencies:
     eslint-utils "^3.0.0"
     natural-compare "^1.4.0"
     nth-check "^2.0.1"
     postcss-selector-parser "^6.0.9"
     semver "^7.3.5"
-    vue-eslint-parser "^8.0.1"
+    vue-eslint-parser "^9.0.1"
+    xml-name-validator "^4.0.0"
 
 eslint-scope@^5.1.1:
   version "5.1.1"
@@ -3562,7 +3902,7 @@ eslint-scope@^5.1.1:
     esrecurse "^4.3.0"
     estraverse "^4.1.1"
 
-eslint-scope@^7.0.0, eslint-scope@^7.1.1:
+eslint-scope@^7.1.1:
   version "7.1.1"
   resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-7.1.1.tgz#fff34894c2f65e5226d3041ac480b4513a163642"
   integrity sha512-QKQM/UXpIiHcLqJ5AOyIW7XZmzjkzQXYE54n1++wb0u9V/abW3l9uQnxX8Z5Xd18xyKIMTUAyQ0k1e8pz6LUrw==
@@ -3582,17 +3922,17 @@ eslint-visitor-keys@^2.0.0:
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz#f65328259305927392c938ed44eb0a5c9b2bd303"
   integrity sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==
 
-eslint-visitor-keys@^3.0.0, eslint-visitor-keys@^3.1.0, eslint-visitor-keys@^3.3.0:
+eslint-visitor-keys@^3.0.0, eslint-visitor-keys@^3.3.0:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz#f6480fa6b1f30efe2d1968aa8ac745b862469826"
   integrity sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==
 
-eslint@8.13.0:
-  version "8.13.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.13.0.tgz#6fcea43b6811e655410f5626cfcf328016badcd7"
-  integrity sha512-D+Xei61eInqauAyTJ6C0q6x9mx7kTUC1KZ0m0LSEexR0V+e94K12LmWX076ZIsldwfQ2RONdaJe0re0TRGQbRQ==
+eslint@8.20.0:
+  version "8.20.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.20.0.tgz#048ac56aa18529967da8354a478be4ec0a2bc81b"
+  integrity sha512-d4ixhz5SKCa1D6SCPrivP7yYVi7nyD6A4vs6HIAul9ujBzcEmZVM3/0NN/yu5nKhmO1wjp5xQ46iRfmDGlOviA==
   dependencies:
-    "@eslint/eslintrc" "^1.2.1"
+    "@eslint/eslintrc" "^1.3.0"
     "@humanwhocodes/config-array" "^0.9.2"
     ajv "^6.10.0"
     chalk "^4.0.0"
@@ -3603,14 +3943,14 @@ eslint@8.13.0:
     eslint-scope "^7.1.1"
     eslint-utils "^3.0.0"
     eslint-visitor-keys "^3.3.0"
-    espree "^9.3.1"
+    espree "^9.3.2"
     esquery "^1.4.0"
     esutils "^2.0.2"
     fast-deep-equal "^3.1.3"
     file-entry-cache "^6.0.1"
     functional-red-black-tree "^1.0.1"
     glob-parent "^6.0.1"
-    globals "^13.6.0"
+    globals "^13.15.0"
     ignore "^5.2.0"
     import-fresh "^3.0.0"
     imurmurhash "^0.1.4"
@@ -3619,7 +3959,7 @@ eslint@8.13.0:
     json-stable-stringify-without-jsonify "^1.0.1"
     levn "^0.4.1"
     lodash.merge "^4.6.2"
-    minimatch "^3.0.4"
+    minimatch "^3.1.2"
     natural-compare "^1.4.0"
     optionator "^0.9.1"
     regexpp "^3.2.0"
@@ -3628,7 +3968,7 @@ eslint@8.13.0:
     text-table "^0.2.0"
     v8-compile-cache "^2.0.3"
 
-espree@^9.0.0, espree@^9.3.1:
+espree@^9.3.1:
   version "9.3.1"
   resolved "https://registry.yarnpkg.com/espree/-/espree-9.3.1.tgz#8793b4bc27ea4c778c19908e0719e7b8f4115bcd"
   integrity sha512-bvdyLmJMfwkV3NCRl5ZhJf22zBFo1y8bYh3VYb+bfzqNB4Je68P2sSuXyuFquzWLebHpNd2/d5uv7yoP9ISnGQ==
@@ -3637,7 +3977,16 @@ espree@^9.0.0, espree@^9.3.1:
     acorn-jsx "^5.3.1"
     eslint-visitor-keys "^3.3.0"
 
-esprima@^4.0.0, esprima@^4.0.1, esprima@~4.0.0:
+espree@^9.3.2:
+  version "9.3.2"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-9.3.2.tgz#f58f77bd334731182801ced3380a8cc859091596"
+  integrity sha512-D211tC7ZwouTIuY5x9XnS0E9sWNChB7IYKX/Xp5eQj3nFXhqmiUDB9q27y76oFl8jTg3pXcQx/bpxMfs3CIZbA==
+  dependencies:
+    acorn "^8.7.1"
+    acorn-jsx "^5.3.2"
+    eslint-visitor-keys "^3.3.0"
+
+esprima@^4.0.0, esprima@~4.0.0:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
   integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
@@ -3711,15 +4060,16 @@ exit@^0.1.2:
   resolved "https://registry.yarnpkg.com/exit/-/exit-0.1.2.tgz#0632638f8d877cc82107d30a0fff1a17cba1cd0c"
   integrity sha1-BjJjj42HfMghB9MKD/8aF8uhzQw=
 
-expect@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/expect/-/expect-27.5.1.tgz#83ce59f1e5bdf5f9d2b94b61d2050db48f3fef74"
-  integrity sha512-E1q5hSUG2AmYQwQJ041nvgpkODHQvB+RKlB4IYdru6uJsyFTRyZAP463M+1lINorwbqAmUggi6+WwkD8lCS/Dw==
+expect@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/expect/-/expect-28.1.3.tgz#90a7c1a124f1824133dd4533cce2d2bdcb6603ec"
+  integrity sha512-eEh0xn8HlsuOBxFgIss+2mX85VAS4Qy3OSkjV7rlBWljtA4oWH37glVGyOZSZvErDT/yBywZdPGwCXuTvSG85g==
   dependencies:
-    "@jest/types" "^27.5.1"
-    jest-get-type "^27.5.1"
-    jest-matcher-utils "^27.5.1"
-    jest-message-util "^27.5.1"
+    "@jest/expect-utils" "^28.1.3"
+    jest-get-type "^28.0.2"
+    jest-matcher-utils "^28.1.3"
+    jest-message-util "^28.1.3"
+    jest-util "^28.1.3"
 
 extend-shallow@^2.0.1:
   version "2.0.1"
@@ -3785,7 +4135,7 @@ fast-json-stable-stringify@2.x, fast-json-stable-stringify@^2.0.0:
   resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
   integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
 
-fast-levenshtein@^2.0.6, fast-levenshtein@~2.0.6:
+fast-levenshtein@^2.0.6:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
   integrity sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=
@@ -3863,15 +4213,6 @@ forever-agent@~0.6.1:
   resolved "https://registry.yarnpkg.com/forever-agent/-/forever-agent-0.6.1.tgz#fbc71f0c41adeb37f96c577ad1ed42d8fdacca91"
   integrity sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=
 
-form-data@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/form-data/-/form-data-3.0.1.tgz#ebd53791b78356a99af9a300d4282c4d5eb9755f"
-  integrity sha512-RHkBKtLWUVwd7SqRIvCZMEvAMoGUp0XU+seQiZejj0COz3RI3hWP4sCv3gZWWLjJTd7rGwcsF5eKZGii0r/hbg==
-  dependencies:
-    asynckit "^0.4.0"
-    combined-stream "^1.0.8"
-    mime-types "^2.1.12"
-
 form-data@~2.3.2:
   version "2.3.3"
   resolved "https://registry.yarnpkg.com/form-data/-/form-data-2.3.3.tgz#dcce52c05f644f298c6a7ab936bd724ceffbf3a6"
@@ -4075,7 +4416,7 @@ glob-parent@^6.0.1:
   dependencies:
     is-glob "^4.0.3"
 
-glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6:
+glob@^7.1.1, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6:
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.0.tgz#d15535af7732e02e948f4c41628bd910293f6023"
   integrity sha512-lmLf6gtyrPq8tTjSmrO94wBeQbFR3HbLHbuyD69wuyQkImp2hWqMGB47OX65FBkPffO641IP9jWa1z4ivqG26Q==
@@ -4092,10 +4433,10 @@ globals@^11.1.0:
   resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
   integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
 
-globals@^13.6.0, globals@^13.9.0:
-  version "13.13.0"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-13.13.0.tgz#ac32261060d8070e2719dd6998406e27d2b5727b"
-  integrity sha512-EQ7Q18AJlPwp3vUDL4mKA0KXrXyNIQyWon6T6XQiBQF0XHvRsiCSrWmmeATpUzdJN2HhWZU6Pdl0a9zdep5p6A==
+globals@^13.15.0:
+  version "13.17.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-13.17.0.tgz#902eb1e680a41da93945adbdcb5a9f361ba69bd4"
+  integrity sha512-1C+6nQRb1GwGMKm2dH/E7enFAMxGTmGI7/dEdhy/DNelv85w9B72t3uc5frtMNXIbzrarJJ/lTCjcaZwbLJmyw==
   dependencies:
     type-fest "^0.20.2"
 
@@ -4113,7 +4454,7 @@ globby@^10.0.2:
     merge2 "^1.2.3"
     slash "^3.0.0"
 
-globby@^11.0.2, globby@^11.0.4:
+globby@^11.0.2, globby@^11.0.4, globby@^11.1.0:
   version "11.1.0"
   resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b"
   integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==
@@ -4238,13 +4579,6 @@ hosted-git-info@^4.0.0, hosted-git-info@^4.0.1:
   dependencies:
     lru-cache "^6.0.0"
 
-html-encoding-sniffer@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-2.0.1.tgz#42a6dc4fd33f00281176e8b23759ca4e4fa185f3"
-  integrity sha512-D5JbOMBIR/TVZkubHT+OyT2705QvogUW4IBn6nHd756OwieSF9aDYFj4dv6HHEVGYbHaLETa3WggZYWWMyy3ZQ==
-  dependencies:
-    whatwg-encoding "^1.0.5"
-
 html-escaper@^2.0.0:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/html-escaper/-/html-escaper-2.0.2.tgz#dfd60027da36a36dfcbe236262c00a5822681453"
@@ -4293,7 +4627,7 @@ humanize-ms@^1.2.1:
   dependencies:
     ms "^2.0.0"
 
-iconv-lite@0.4.24, iconv-lite@^0.4.24:
+iconv-lite@^0.4.24:
   version "0.4.24"
   resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
   integrity sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==
@@ -4451,6 +4785,13 @@ is-boolean-object@^1.1.0:
     call-bind "^1.0.2"
     has-tostringtag "^1.0.0"
 
+is-builtin-module@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/is-builtin-module/-/is-builtin-module-3.1.0.tgz#6fdb24313b1c03b75f8b9711c0feb8c30b903b00"
+  integrity sha512-OV7JjAgOTfAFJmHZLvpSTb4qi0nIILDV1gWPYDnDJUTNFM5aGlRAhk4QcT8i7TuAleeEV5Fdkqn3t4mS+Q11fg==
+  dependencies:
+    builtin-modules "^3.0.0"
+
 is-callable@^1.1.4, is-callable@^1.2.4:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.4.tgz#47301d58dd0259407865547853df6d61fe471945"
@@ -4578,11 +4919,6 @@ is-plain-object@^2.0.4:
   dependencies:
     isobject "^3.0.1"
 
-is-potential-custom-element-name@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz#171ed6f19e3ac554394edf78caa05784a45bebb5"
-  integrity sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==
-
 is-promise@^2.0.0:
   version "2.2.2"
   resolved "https://registry.yarnpkg.com/is-promise/-/is-promise-2.2.2.tgz#39ab959ccbf9a774cf079f7b40c7a26f763135f1"
@@ -4722,236 +5058,196 @@ istanbul-reports@^3.1.3:
     html-escaper "^2.0.0"
     istanbul-lib-report "^3.0.0"
 
-jest-canvas-mock@^2.3.1:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/jest-canvas-mock/-/jest-canvas-mock-2.3.1.tgz#9535d14bc18ccf1493be36ac37dd349928387826"
-  integrity sha512-5FnSZPrX3Q2ZfsbYNE3wqKR3+XorN8qFzDzB5o0golWgt6EOX1+emBnpOc9IAQ+NXFj8Nzm3h7ZdE/9H0ylBcg==
+jest-canvas-mock@^2.4.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/jest-canvas-mock/-/jest-canvas-mock-2.4.0.tgz#947b71442d7719f8e055decaecdb334809465341"
+  integrity sha512-mmMpZzpmLzn5vepIaHk5HoH3Ka4WykbSoLuG/EKoJd0x0ID/t+INo1l8ByfcUJuDM+RIsL4QDg/gDnBbrj2/IQ==
   dependencies:
     cssfontparser "^1.2.1"
     moo-color "^1.0.2"
 
-jest-changed-files@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-27.5.1.tgz#a348aed00ec9bf671cc58a66fcbe7c3dfd6a68f5"
-  integrity sha512-buBLMiByfWGCoMsLLzGUUSpAmIAGnbR2KJoMN10ziLhOLvP4e0SlypHnAel8iqQXTrcbmfEY9sSqae5sgUsTvw==
+jest-changed-files@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-28.1.3.tgz#d9aeee6792be3686c47cb988a8eaf82ff4238831"
+  integrity sha512-esaOfUWJXk2nfZt9SPyC8gA1kNfdKLkQWyzsMlqq8msYSlNKfmZxfRgZn4Cd4MGVUF+7v6dBs0d5TOAKa7iIiA==
   dependencies:
-    "@jest/types" "^27.5.1"
     execa "^5.0.0"
-    throat "^6.0.1"
+    p-limit "^3.1.0"
 
-jest-circus@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-circus/-/jest-circus-27.5.1.tgz#37a5a4459b7bf4406e53d637b49d22c65d125ecc"
-  integrity sha512-D95R7x5UtlMA5iBYsOHFFbMD/GVA4R/Kdq15f7xYWUfWHBto9NYRsOvnSauTgdF+ogCpJ4tyKOXhUifxS65gdw==
+jest-circus@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-circus/-/jest-circus-28.1.3.tgz#d14bd11cf8ee1a03d69902dc47b6bd4634ee00e4"
+  integrity sha512-cZ+eS5zc79MBwt+IhQhiEp0OeBddpc1n8MBo1nMB8A7oPMKEO+Sre+wHaLJexQUj9Ya/8NOBY0RESUgYjB6fow==
   dependencies:
-    "@jest/environment" "^27.5.1"
-    "@jest/test-result" "^27.5.1"
-    "@jest/types" "^27.5.1"
+    "@jest/environment" "^28.1.3"
+    "@jest/expect" "^28.1.3"
+    "@jest/test-result" "^28.1.3"
+    "@jest/types" "^28.1.3"
     "@types/node" "*"
     chalk "^4.0.0"
     co "^4.6.0"
     dedent "^0.7.0"
-    expect "^27.5.1"
     is-generator-fn "^2.0.0"
-    jest-each "^27.5.1"
-    jest-matcher-utils "^27.5.1"
-    jest-message-util "^27.5.1"
-    jest-runtime "^27.5.1"
-    jest-snapshot "^27.5.1"
-    jest-util "^27.5.1"
-    pretty-format "^27.5.1"
+    jest-each "^28.1.3"
+    jest-matcher-utils "^28.1.3"
+    jest-message-util "^28.1.3"
+    jest-runtime "^28.1.3"
+    jest-snapshot "^28.1.3"
+    jest-util "^28.1.3"
+    p-limit "^3.1.0"
+    pretty-format "^28.1.3"
     slash "^3.0.0"
     stack-utils "^2.0.3"
-    throat "^6.0.1"
 
-jest-cli@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-27.5.1.tgz#278794a6e6458ea8029547e6c6cbf673bd30b145"
-  integrity sha512-Hc6HOOwYq4/74/c62dEE3r5elx8wjYqxY0r0G/nFrLDPMFRu6RA/u8qINOIkvhxG7mMQ5EJsOGfRpI8L6eFUVw==
+jest-cli@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-28.1.3.tgz#558b33c577d06de55087b8448d373b9f654e46b2"
+  integrity sha512-roY3kvrv57Azn1yPgdTebPAXvdR2xfezaKKYzVxZ6It/5NCxzJym6tUI5P1zkdWhfUYkxEI9uZWcQdaFLo8mJQ==
   dependencies:
-    "@jest/core" "^27.5.1"
-    "@jest/test-result" "^27.5.1"
-    "@jest/types" "^27.5.1"
+    "@jest/core" "^28.1.3"
+    "@jest/test-result" "^28.1.3"
+    "@jest/types" "^28.1.3"
     chalk "^4.0.0"
     exit "^0.1.2"
     graceful-fs "^4.2.9"
     import-local "^3.0.2"
-    jest-config "^27.5.1"
-    jest-util "^27.5.1"
-    jest-validate "^27.5.1"
+    jest-config "^28.1.3"
+    jest-util "^28.1.3"
+    jest-validate "^28.1.3"
     prompts "^2.0.1"
-    yargs "^16.2.0"
+    yargs "^17.3.1"
 
-jest-config@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-27.5.1.tgz#5c387de33dca3f99ad6357ddeccd91bf3a0e4a41"
-  integrity sha512-5sAsjm6tGdsVbW9ahcChPAFCk4IlkQUknH5AvKjuLTSlcO/wCZKyFdn7Rg0EkC+OGgWODEy2hDpWB1PgzH0JNA==
+jest-config@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-28.1.3.tgz#e315e1f73df3cac31447eed8b8740a477392ec60"
+  integrity sha512-MG3INjByJ0J4AsNBm7T3hsuxKQqFIiRo/AUqb1q9LRKI5UU6Aar9JHbr9Ivn1TVwfUD9KirRoM/T6u8XlcQPHQ==
   dependencies:
-    "@babel/core" "^7.8.0"
-    "@jest/test-sequencer" "^27.5.1"
-    "@jest/types" "^27.5.1"
-    babel-jest "^27.5.1"
+    "@babel/core" "^7.11.6"
+    "@jest/test-sequencer" "^28.1.3"
+    "@jest/types" "^28.1.3"
+    babel-jest "^28.1.3"
     chalk "^4.0.0"
     ci-info "^3.2.0"
     deepmerge "^4.2.2"
-    glob "^7.1.1"
+    glob "^7.1.3"
     graceful-fs "^4.2.9"
-    jest-circus "^27.5.1"
-    jest-environment-jsdom "^27.5.1"
-    jest-environment-node "^27.5.1"
-    jest-get-type "^27.5.1"
-    jest-jasmine2 "^27.5.1"
-    jest-regex-util "^27.5.1"
-    jest-resolve "^27.5.1"
-    jest-runner "^27.5.1"
-    jest-util "^27.5.1"
-    jest-validate "^27.5.1"
+    jest-circus "^28.1.3"
+    jest-environment-node "^28.1.3"
+    jest-get-type "^28.0.2"
+    jest-regex-util "^28.0.2"
+    jest-resolve "^28.1.3"
+    jest-runner "^28.1.3"
+    jest-util "^28.1.3"
+    jest-validate "^28.1.3"
     micromatch "^4.0.4"
     parse-json "^5.2.0"
-    pretty-format "^27.5.1"
+    pretty-format "^28.1.3"
     slash "^3.0.0"
     strip-json-comments "^3.1.1"
 
-jest-diff@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-27.5.1.tgz#a07f5011ac9e6643cf8a95a462b7b1ecf6680def"
-  integrity sha512-m0NvkX55LDt9T4mctTEgnZk3fmEg3NRYutvMPWM/0iPnkFj2wIeF45O1718cMSOFO1vINkqmxqD8vE37uTEbqw==
+jest-diff@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-28.1.3.tgz#948a192d86f4e7a64c5264ad4da4877133d8792f"
+  integrity sha512-8RqP1B/OXzjjTWkqMX67iqgwBVJRgCyKD3L9nq+6ZqJMdvjE8RgHktqZ6jNrkdMT+dJuYNI3rhQpxaz7drJHfw==
   dependencies:
     chalk "^4.0.0"
-    diff-sequences "^27.5.1"
-    jest-get-type "^27.5.1"
-    pretty-format "^27.5.1"
+    diff-sequences "^28.1.1"
+    jest-get-type "^28.0.2"
+    pretty-format "^28.1.3"
 
-jest-docblock@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-27.5.1.tgz#14092f364a42c6108d42c33c8cf30e058e25f6c0"
-  integrity sha512-rl7hlABeTsRYxKiUfpHrQrG4e2obOiTQWfMEH3PxPjOtdsfLQO4ReWSZaQ7DETm4xu07rl4q/h4zcKXyU0/OzQ==
+jest-docblock@^28.1.1:
+  version "28.1.1"
+  resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-28.1.1.tgz#6f515c3bf841516d82ecd57a62eed9204c2f42a8"
+  integrity sha512-3wayBVNiOYx0cwAbl9rwm5kKFP8yHH3d/fkEaL02NPTkDojPtheGB7HZSFY4wzX+DxyrvhXz0KSCVksmCknCuA==
   dependencies:
     detect-newline "^3.0.0"
 
-jest-each@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-27.5.1.tgz#5bc87016f45ed9507fed6e4702a5b468a5b2c44e"
-  integrity sha512-1Ff6p+FbhT/bXQnEouYy00bkNSY7OUpfIcmdl8vZ31A1UUaurOLPA8a8BbJOF2RDUElwJhmeaV7LnagI+5UwNQ==
+jest-each@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-28.1.3.tgz#bdd1516edbe2b1f3569cfdad9acd543040028f81"
+  integrity sha512-arT1z4sg2yABU5uogObVPvSlSMQlDA48owx07BDPAiasW0yYpYHYOo4HHLz9q0BVzDVU4hILFjzJw0So9aCL/g==
   dependencies:
-    "@jest/types" "^27.5.1"
+    "@jest/types" "^28.1.3"
     chalk "^4.0.0"
-    jest-get-type "^27.5.1"
-    jest-util "^27.5.1"
-    pretty-format "^27.5.1"
-
-jest-environment-jsdom@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-27.5.1.tgz#ea9ccd1fc610209655a77898f86b2b559516a546"
-  integrity sha512-TFBvkTC1Hnnnrka/fUb56atfDtJ9VMZ94JkjTbggl1PEpwrYtUBKMezB3inLmWqQsXYLcMwNoDQwoBTAvFfsfw==
-  dependencies:
-    "@jest/environment" "^27.5.1"
-    "@jest/fake-timers" "^27.5.1"
-    "@jest/types" "^27.5.1"
+    jest-get-type "^28.0.2"
+    jest-util "^28.1.3"
+    pretty-format "^28.1.3"
+
+jest-environment-node@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-28.1.3.tgz#7e74fe40eb645b9d56c0c4b70ca4357faa349be5"
+  integrity sha512-ugP6XOhEpjAEhGYvp5Xj989ns5cB1K6ZdjBYuS30umT4CQEETaxSiPcZ/E1kFktX4GkrcM4qu07IIlDYX1gp+A==
+  dependencies:
+    "@jest/environment" "^28.1.3"
+    "@jest/fake-timers" "^28.1.3"
+    "@jest/types" "^28.1.3"
     "@types/node" "*"
-    jest-mock "^27.5.1"
-    jest-util "^27.5.1"
-    jsdom "^16.6.0"
-
-jest-environment-node@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-27.5.1.tgz#dedc2cfe52fab6b8f5714b4808aefa85357a365e"
-  integrity sha512-Jt4ZUnxdOsTGwSRAfKEnE6BcwsSPNOijjwifq5sDFSA2kesnXTvNqKHYgM0hDq3549Uf/KzdXNYn4wMZJPlFLw==
-  dependencies:
-    "@jest/environment" "^27.5.1"
-    "@jest/fake-timers" "^27.5.1"
-    "@jest/types" "^27.5.1"
-    "@types/node" "*"
-    jest-mock "^27.5.1"
-    jest-util "^27.5.1"
+    jest-mock "^28.1.3"
+    jest-util "^28.1.3"
 
-jest-get-type@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-27.5.1.tgz#3cd613c507b0f7ace013df407a1c1cd578bcb4f1"
-  integrity sha512-2KY95ksYSaK7DMBWQn6dQz3kqAf3BB64y2udeG+hv4KfSOb9qwcYQstTJc1KCbsix+wLZWZYN8t7nwX3GOBLRw==
+jest-get-type@^28.0.2:
+  version "28.0.2"
+  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-28.0.2.tgz#34622e628e4fdcd793d46db8a242227901fcf203"
+  integrity sha512-ioj2w9/DxSYHfOm5lJKCdcAmPJzQXmbM/Url3rhlghrPvT3tt+7a/+oXc9azkKmLvoiXjtV83bEWqi+vs5nlPA==
 
-jest-haste-map@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-27.5.1.tgz#9fd8bd7e7b4fa502d9c6164c5640512b4e811e7f"
-  integrity sha512-7GgkZ4Fw4NFbMSDSpZwXeBiIbx+t/46nJ2QitkOjvwPYyZmqttu2TDSimMHP1EkPOi4xUZAN1doE5Vd25H4Jng==
+jest-haste-map@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-28.1.3.tgz#abd5451129a38d9841049644f34b034308944e2b"
+  integrity sha512-3S+RQWDXccXDKSWnkHa/dPwt+2qwA8CJzR61w3FoYCvoo3Pn8tvGcysmMF0Bj0EX5RYvAI2EIvC57OmotfdtKA==
   dependencies:
-    "@jest/types" "^27.5.1"
-    "@types/graceful-fs" "^4.1.2"
+    "@jest/types" "^28.1.3"
+    "@types/graceful-fs" "^4.1.3"
     "@types/node" "*"
     anymatch "^3.0.3"
     fb-watchman "^2.0.0"
     graceful-fs "^4.2.9"
-    jest-regex-util "^27.5.1"
-    jest-serializer "^27.5.1"
-    jest-util "^27.5.1"
-    jest-worker "^27.5.1"
+    jest-regex-util "^28.0.2"
+    jest-util "^28.1.3"
+    jest-worker "^28.1.3"
     micromatch "^4.0.4"
-    walker "^1.0.7"
+    walker "^1.0.8"
   optionalDependencies:
     fsevents "^2.3.2"
 
-jest-jasmine2@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-jasmine2/-/jest-jasmine2-27.5.1.tgz#a037b0034ef49a9f3d71c4375a796f3b230d1ac4"
-  integrity sha512-jtq7VVyG8SqAorDpApwiJJImd0V2wv1xzdheGHRGyuT7gZm6gG47QEskOlzsN1PG/6WNaCo5pmwMHDf3AkG2pQ==
+jest-leak-detector@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-28.1.3.tgz#a6685d9b074be99e3adee816ce84fd30795e654d"
+  integrity sha512-WFVJhnQsiKtDEo5lG2mM0v40QWnBM+zMdHHyJs8AWZ7J0QZJS59MsyKeJHWhpBZBH32S48FOVvGyOFT1h0DlqA==
   dependencies:
-    "@jest/environment" "^27.5.1"
-    "@jest/source-map" "^27.5.1"
-    "@jest/test-result" "^27.5.1"
-    "@jest/types" "^27.5.1"
-    "@types/node" "*"
-    chalk "^4.0.0"
-    co "^4.6.0"
-    expect "^27.5.1"
-    is-generator-fn "^2.0.0"
-    jest-each "^27.5.1"
-    jest-matcher-utils "^27.5.1"
-    jest-message-util "^27.5.1"
-    jest-runtime "^27.5.1"
-    jest-snapshot "^27.5.1"
-    jest-util "^27.5.1"
-    pretty-format "^27.5.1"
-    throat "^6.0.1"
-
-jest-leak-detector@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-27.5.1.tgz#6ec9d54c3579dd6e3e66d70e3498adf80fde3fb8"
-  integrity sha512-POXfWAMvfU6WMUXftV4HolnJfnPOGEu10fscNCA76KBpRRhcMN2c8d3iT2pxQS3HLbA+5X4sOUPzYO2NUyIlHQ==
-  dependencies:
-    jest-get-type "^27.5.1"
-    pretty-format "^27.5.1"
-
-jest-matcher-utils@^27.0.0, jest-matcher-utils@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-27.5.1.tgz#9c0cdbda8245bc22d2331729d1091308b40cf8ab"
-  integrity sha512-z2uTx/T6LBaCoNWNFWwChLBKYxTMcGBRjAt+2SbP929/Fflb9aa5LGma654Rz8z9HLxsrUaYzxE9T/EFIL/PAw==
+    jest-get-type "^28.0.2"
+    pretty-format "^28.1.3"
+
+jest-matcher-utils@^28.0.0, jest-matcher-utils@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-28.1.3.tgz#5a77f1c129dd5ba3b4d7fc20728806c78893146e"
+  integrity sha512-kQeJ7qHemKfbzKoGjHHrRKH6atgxMk8Enkk2iPQ3XwO6oE/KYD8lMYOziCkeSB9G4adPM4nR1DE8Tf5JeWH6Bw==
   dependencies:
     chalk "^4.0.0"
-    jest-diff "^27.5.1"
-    jest-get-type "^27.5.1"
-    pretty-format "^27.5.1"
+    jest-diff "^28.1.3"
+    jest-get-type "^28.0.2"
+    pretty-format "^28.1.3"
 
-jest-message-util@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-27.5.1.tgz#bdda72806da10d9ed6425e12afff38cd1458b6cf"
-  integrity sha512-rMyFe1+jnyAAf+NHwTclDz0eAaLkVDdKVHHBFWsBWHnnh5YeJMNWWsv7AbFYXfK3oTqvL7VTWkhNLu1jX24D+g==
+jest-message-util@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-28.1.3.tgz#232def7f2e333f1eecc90649b5b94b0055e7c43d"
+  integrity sha512-PFdn9Iewbt575zKPf1286Ht9EPoJmYT7P0kY+RibeYZ2XtOr53pDLEFoTWXbd1h4JiGiWpTBC84fc8xMXQMb7g==
   dependencies:
     "@babel/code-frame" "^7.12.13"
-    "@jest/types" "^27.5.1"
+    "@jest/types" "^28.1.3"
     "@types/stack-utils" "^2.0.0"
     chalk "^4.0.0"
     graceful-fs "^4.2.9"
     micromatch "^4.0.4"
-    pretty-format "^27.5.1"
+    pretty-format "^28.1.3"
     slash "^3.0.0"
     stack-utils "^2.0.3"
 
-jest-mock@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-27.5.1.tgz#19948336d49ef4d9c52021d34ac7b5f36ff967d6"
-  integrity sha512-K4jKbY1d4ENhbrG2zuPWaQBvDly+iZ2yAW+T1fATN78hc0sInwn7wZB8XtlNnvHug5RMwV897Xm4LqmPM4e2Og==
+jest-mock@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-28.1.3.tgz#d4e9b1fc838bea595c77ab73672ebf513ab249da"
+  integrity sha512-o3J2jr6dMMWYVH4Lh/NKmDXdosrsJgi4AviS8oXLujcjpCMBb1FMsblDnOXKZKfSiHLxYub1eS0IHuRXsio9eA==
   dependencies:
-    "@jest/types" "^27.5.1"
+    "@jest/types" "^28.1.3"
     "@types/node" "*"
 
 jest-pnp-resolver@^1.2.2:
@@ -4959,181 +5255,174 @@ jest-pnp-resolver@^1.2.2:
   resolved "https://registry.yarnpkg.com/jest-pnp-resolver/-/jest-pnp-resolver-1.2.2.tgz#b704ac0ae028a89108a4d040b3f919dfddc8e33c"
   integrity sha512-olV41bKSMm8BdnuMsewT4jqlZ8+3TCARAXjZGT9jcoSnrfUnRCqnMoF9XEeoWjbzObpqF9dRhHQj0Xb9QdF6/w==
 
-jest-regex-util@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-27.5.1.tgz#4da143f7e9fd1e542d4aa69617b38e4a78365b95"
-  integrity sha512-4bfKq2zie+x16okqDXjXn9ql2B0dScQu+vcwe4TvFVhkVyuWLqpZrZtXxLLWoXYgn0E87I6r6GRYHF7wFZBUvg==
+jest-regex-util@^28.0.2:
+  version "28.0.2"
+  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-28.0.2.tgz#afdc377a3b25fb6e80825adcf76c854e5bf47ead"
+  integrity sha512-4s0IgyNIy0y9FK+cjoVYoxamT7Zeo7MhzqRGx7YDYmaQn1wucY9rotiGkBzzcMXTtjrCAP/f7f+E0F7+fxPNdw==
 
-jest-resolve-dependencies@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-27.5.1.tgz#d811ecc8305e731cc86dd79741ee98fed06f1da8"
-  integrity sha512-QQOOdY4PE39iawDn5rzbIePNigfe5B9Z91GDD1ae/xNDlu9kaat8QQ5EKnNmVWPV54hUdxCVwwj6YMgR2O7IOg==
+jest-resolve-dependencies@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-28.1.3.tgz#8c65d7583460df7275c6ea2791901fa975c1fe66"
+  integrity sha512-qa0QO2Q0XzQoNPouMbCc7Bvtsem8eQgVPNkwn9LnS+R2n8DaVDPL/U1gngC0LTl1RYXJU0uJa2BMC2DbTfFrHA==
   dependencies:
-    "@jest/types" "^27.5.1"
-    jest-regex-util "^27.5.1"
-    jest-snapshot "^27.5.1"
+    jest-regex-util "^28.0.2"
+    jest-snapshot "^28.1.3"
 
-jest-resolve@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-27.5.1.tgz#a2f1c5a0796ec18fe9eb1536ac3814c23617b384"
-  integrity sha512-FFDy8/9E6CV83IMbDpcjOhumAQPDyETnU2KZ1O98DwTnz8AOBsW/Xv3GySr1mOZdItLR+zDZ7I/UdTFbgSOVCw==
+jest-resolve@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-28.1.3.tgz#cfb36100341ddbb061ec781426b3c31eb51aa0a8"
+  integrity sha512-Z1W3tTjE6QaNI90qo/BJpfnvpxtaFTFw5CDgwpyE/Kz8U/06N1Hjf4ia9quUhCh39qIGWF1ZuxFiBiJQwSEYKQ==
   dependencies:
-    "@jest/types" "^27.5.1"
     chalk "^4.0.0"
     graceful-fs "^4.2.9"
-    jest-haste-map "^27.5.1"
+    jest-haste-map "^28.1.3"
     jest-pnp-resolver "^1.2.2"
-    jest-util "^27.5.1"
-    jest-validate "^27.5.1"
+    jest-util "^28.1.3"
+    jest-validate "^28.1.3"
     resolve "^1.20.0"
     resolve.exports "^1.1.0"
     slash "^3.0.0"
 
-jest-runner@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-27.5.1.tgz#071b27c1fa30d90540805c5645a0ec167c7b62e5"
-  integrity sha512-g4NPsM4mFCOwFKXO4p/H/kWGdJp9V8kURY2lX8Me2drgXqG7rrZAx5kv+5H7wtt/cdFIjhqYx1HrlqWHaOvDaQ==
+jest-runner@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-28.1.3.tgz#5eee25febd730b4713a2cdfd76bdd5557840f9a1"
+  integrity sha512-GkMw4D/0USd62OVO0oEgjn23TM+YJa2U2Wu5zz9xsQB1MxWKDOlrnykPxnMsN0tnJllfLPinHTka61u0QhaxBA==
   dependencies:
-    "@jest/console" "^27.5.1"
-    "@jest/environment" "^27.5.1"
-    "@jest/test-result" "^27.5.1"
-    "@jest/transform" "^27.5.1"
-    "@jest/types" "^27.5.1"
+    "@jest/console" "^28.1.3"
+    "@jest/environment" "^28.1.3"
+    "@jest/test-result" "^28.1.3"
+    "@jest/transform" "^28.1.3"
+    "@jest/types" "^28.1.3"
     "@types/node" "*"
     chalk "^4.0.0"
-    emittery "^0.8.1"
+    emittery "^0.10.2"
     graceful-fs "^4.2.9"
-    jest-docblock "^27.5.1"
-    jest-environment-jsdom "^27.5.1"
-    jest-environment-node "^27.5.1"
-    jest-haste-map "^27.5.1"
-    jest-leak-detector "^27.5.1"
-    jest-message-util "^27.5.1"
-    jest-resolve "^27.5.1"
-    jest-runtime "^27.5.1"
-    jest-util "^27.5.1"
-    jest-worker "^27.5.1"
-    source-map-support "^0.5.6"
-    throat "^6.0.1"
-
-jest-runtime@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-27.5.1.tgz#4896003d7a334f7e8e4a53ba93fb9bcd3db0a1af"
-  integrity sha512-o7gxw3Gf+H2IGt8fv0RiyE1+r83FJBRruoA+FXrlHw6xEyBsU8ugA6IPfTdVyA0w8HClpbK+DGJxH59UrNMx8A==
-  dependencies:
-    "@jest/environment" "^27.5.1"
-    "@jest/fake-timers" "^27.5.1"
-    "@jest/globals" "^27.5.1"
-    "@jest/source-map" "^27.5.1"
-    "@jest/test-result" "^27.5.1"
-    "@jest/transform" "^27.5.1"
-    "@jest/types" "^27.5.1"
+    jest-docblock "^28.1.1"
+    jest-environment-node "^28.1.3"
+    jest-haste-map "^28.1.3"
+    jest-leak-detector "^28.1.3"
+    jest-message-util "^28.1.3"
+    jest-resolve "^28.1.3"
+    jest-runtime "^28.1.3"
+    jest-util "^28.1.3"
+    jest-watcher "^28.1.3"
+    jest-worker "^28.1.3"
+    p-limit "^3.1.0"
+    source-map-support "0.5.13"
+
+jest-runtime@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-28.1.3.tgz#a57643458235aa53e8ec7821949e728960d0605f"
+  integrity sha512-NU+881ScBQQLc1JHG5eJGU7Ui3kLKrmwCPPtYsJtBykixrM2OhVQlpMmFWJjMyDfdkGgBMNjXCGB/ebzsgNGQw==
+  dependencies:
+    "@jest/environment" "^28.1.3"
+    "@jest/fake-timers" "^28.1.3"
+    "@jest/globals" "^28.1.3"
+    "@jest/source-map" "^28.1.2"
+    "@jest/test-result" "^28.1.3"
+    "@jest/transform" "^28.1.3"
+    "@jest/types" "^28.1.3"
     chalk "^4.0.0"
     cjs-module-lexer "^1.0.0"
     collect-v8-coverage "^1.0.0"
     execa "^5.0.0"
     glob "^7.1.3"
     graceful-fs "^4.2.9"
-    jest-haste-map "^27.5.1"
-    jest-message-util "^27.5.1"
-    jest-mock "^27.5.1"
-    jest-regex-util "^27.5.1"
-    jest-resolve "^27.5.1"
-    jest-snapshot "^27.5.1"
-    jest-util "^27.5.1"
+    jest-haste-map "^28.1.3"
+    jest-message-util "^28.1.3"
+    jest-mock "^28.1.3"
+    jest-regex-util "^28.0.2"
+    jest-resolve "^28.1.3"
+    jest-snapshot "^28.1.3"
+    jest-util "^28.1.3"
     slash "^3.0.0"
     strip-bom "^4.0.0"
 
-jest-serializer@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-27.5.1.tgz#81438410a30ea66fd57ff730835123dea1fb1f64"
-  integrity sha512-jZCyo6iIxO1aqUxpuBlwTDMkzOAJS4a3eYz3YzgxxVQFwLeSA7Jfq5cbqCY+JLvTDrWirgusI/0KwxKMgrdf7w==
+jest-snapshot@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-28.1.3.tgz#17467b3ab8ddb81e2f605db05583d69388fc0668"
+  integrity sha512-4lzMgtiNlc3DU/8lZfmqxN3AYD6GGLbl+72rdBpXvcV+whX7mDrREzkPdp2RnmfIiWBg1YbuFSkXduF2JcafJg==
   dependencies:
-    "@types/node" "*"
-    graceful-fs "^4.2.9"
-
-jest-snapshot@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-27.5.1.tgz#b668d50d23d38054a51b42c4039cab59ae6eb6a1"
-  integrity sha512-yYykXI5a0I31xX67mgeLw1DZ0bJB+gpq5IpSuCAoyDi0+BhgU/RIrL+RTzDmkNTchvDFWKP8lp+w/42Z3us5sA==
-  dependencies:
-    "@babel/core" "^7.7.2"
+    "@babel/core" "^7.11.6"
     "@babel/generator" "^7.7.2"
     "@babel/plugin-syntax-typescript" "^7.7.2"
     "@babel/traverse" "^7.7.2"
-    "@babel/types" "^7.0.0"
-    "@jest/transform" "^27.5.1"
-    "@jest/types" "^27.5.1"
-    "@types/babel__traverse" "^7.0.4"
+    "@babel/types" "^7.3.3"
+    "@jest/expect-utils" "^28.1.3"
+    "@jest/transform" "^28.1.3"
+    "@jest/types" "^28.1.3"
+    "@types/babel__traverse" "^7.0.6"
     "@types/prettier" "^2.1.5"
     babel-preset-current-node-syntax "^1.0.0"
     chalk "^4.0.0"
-    expect "^27.5.1"
+    expect "^28.1.3"
     graceful-fs "^4.2.9"
-    jest-diff "^27.5.1"
-    jest-get-type "^27.5.1"
-    jest-haste-map "^27.5.1"
-    jest-matcher-utils "^27.5.1"
-    jest-message-util "^27.5.1"
-    jest-util "^27.5.1"
+    jest-diff "^28.1.3"
+    jest-get-type "^28.0.2"
+    jest-haste-map "^28.1.3"
+    jest-matcher-utils "^28.1.3"
+    jest-message-util "^28.1.3"
+    jest-util "^28.1.3"
     natural-compare "^1.4.0"
-    pretty-format "^27.5.1"
-    semver "^7.3.2"
+    pretty-format "^28.1.3"
+    semver "^7.3.5"
 
-jest-util@^27.0.0, jest-util@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-27.5.1.tgz#3ba9771e8e31a0b85da48fe0b0891fb86c01c2f9"
-  integrity sha512-Kv2o/8jNvX1MQ0KGtw480E/w4fBCDOnH6+6DmeKi6LZUIlKA5kwY0YNdlzaWTiVgxqAqik11QyxDOKk543aKXw==
+jest-util@^28.0.0, jest-util@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-28.1.3.tgz#f4f932aa0074f0679943220ff9cbba7e497028b0"
+  integrity sha512-XdqfpHwpcSRko/C35uLYFM2emRAltIIKZiJ9eAmhjsj0CqZMa0p1ib0R5fWIqGhn1a103DebTbpqIaP1qCQ6tQ==
   dependencies:
-    "@jest/types" "^27.5.1"
+    "@jest/types" "^28.1.3"
     "@types/node" "*"
     chalk "^4.0.0"
     ci-info "^3.2.0"
     graceful-fs "^4.2.9"
     picomatch "^2.2.3"
 
-jest-validate@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-27.5.1.tgz#9197d54dc0bdb52260b8db40b46ae668e04df067"
-  integrity sha512-thkNli0LYTmOI1tDB3FI1S1RTp/Bqyd9pTarJwL87OIBFuqEb5Apv5EaApEudYg4g86e3CT6kM0RowkhtEnCBQ==
+jest-validate@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-28.1.3.tgz#e322267fd5e7c64cea4629612c357bbda96229df"
+  integrity sha512-SZbOGBWEsaTxBGCOpsRWlXlvNkvTkY0XxRfh7zYmvd8uL5Qzyg0CHAXiXKROflh801quA6+/DsT4ODDthOC/OA==
   dependencies:
-    "@jest/types" "^27.5.1"
+    "@jest/types" "^28.1.3"
     camelcase "^6.2.0"
     chalk "^4.0.0"
-    jest-get-type "^27.5.1"
+    jest-get-type "^28.0.2"
     leven "^3.1.0"
-    pretty-format "^27.5.1"
+    pretty-format "^28.1.3"
 
-jest-watcher@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-27.5.1.tgz#71bd85fb9bde3a2c2ec4dc353437971c43c642a2"
-  integrity sha512-z676SuD6Z8o8qbmEGhoEUFOM1+jfEiL3DXHK/xgEiG2EyNYfFG60jluWcupY6dATjfEsKQuibReS1djInQnoVw==
+jest-watcher@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-28.1.3.tgz#c6023a59ba2255e3b4c57179fc94164b3e73abd4"
+  integrity sha512-t4qcqj9hze+jviFPUN3YAtAEeFnr/azITXQEMARf5cMwKY2SMBRnCQTXLixTl20OR6mLh9KLMrgVJgJISym+1g==
   dependencies:
-    "@jest/test-result" "^27.5.1"
-    "@jest/types" "^27.5.1"
+    "@jest/test-result" "^28.1.3"
+    "@jest/types" "^28.1.3"
     "@types/node" "*"
     ansi-escapes "^4.2.1"
     chalk "^4.0.0"
-    jest-util "^27.5.1"
+    emittery "^0.10.2"
+    jest-util "^28.1.3"
     string-length "^4.0.1"
 
-jest-worker@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-27.5.1.tgz#8d146f0900e8973b106b6f73cc1e9a8cb86f8db0"
-  integrity sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==
+jest-worker@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-28.1.3.tgz#7e3c4ce3fa23d1bb6accb169e7f396f98ed4bb98"
+  integrity sha512-CqRA220YV/6jCo8VWvAt1KKx6eek1VIHMPeLEbpcfSfkEeWyBNppynM/o6q+Wmw+sOhos2ml34wZbSX3G13//g==
   dependencies:
     "@types/node" "*"
     merge-stream "^2.0.0"
     supports-color "^8.0.0"
 
-jest@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest/-/jest-27.5.1.tgz#dadf33ba70a779be7a6fc33015843b51494f63fc"
-  integrity sha512-Yn0mADZB89zTtjkPJEXwrac3LHudkQMR+Paqa8uxJHCBr9agxztUifWCyiYrjhMPBoUVBjyny0I7XH6ozDr7QQ==
+jest@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest/-/jest-28.1.3.tgz#e9c6a7eecdebe3548ca2b18894a50f45b36dfc6b"
+  integrity sha512-N4GT5on8UkZgH0O5LUavMRV1EDEhNTL0KEfRmDIeZHSV7p2XgLoY9t9VDUgL6o+yfdgYHVxuz81G8oB9VG5uyA==
   dependencies:
-    "@jest/core" "^27.5.1"
+    "@jest/core" "^28.1.3"
+    "@jest/types" "^28.1.3"
     import-local "^3.0.2"
-    jest-cli "^27.5.1"
+    jest-cli "^28.1.3"
 
 js-stringify@^1.0.2:
   version "1.0.2"
@@ -5165,39 +5454,6 @@ jsbn@~0.1.0:
   resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513"
   integrity sha1-peZUwuWi3rXyAdls77yoDA7y9RM=
 
-jsdom@^16.6.0:
-  version "16.7.0"
-  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-16.7.0.tgz#918ae71965424b197c819f8183a754e18977b710"
-  integrity sha512-u9Smc2G1USStM+s/x1ru5Sxrl6mPYCbByG1U/hUmqaVsm4tbNyS7CicOSRyuGQYZhTu0h84qkZZQ/I+dzizSVw==
-  dependencies:
-    abab "^2.0.5"
-    acorn "^8.2.4"
-    acorn-globals "^6.0.0"
-    cssom "^0.4.4"
-    cssstyle "^2.3.0"
-    data-urls "^2.0.0"
-    decimal.js "^10.2.1"
-    domexception "^2.0.1"
-    escodegen "^2.0.0"
-    form-data "^3.0.0"
-    html-encoding-sniffer "^2.0.1"
-    http-proxy-agent "^4.0.1"
-    https-proxy-agent "^5.0.0"
-    is-potential-custom-element-name "^1.0.1"
-    nwsapi "^2.2.0"
-    parse5 "6.0.1"
-    saxes "^5.0.1"
-    symbol-tree "^3.2.4"
-    tough-cookie "^4.0.0"
-    w3c-hr-time "^1.0.2"
-    w3c-xmlserializer "^2.0.0"
-    webidl-conversions "^6.1.0"
-    whatwg-encoding "^1.0.5"
-    whatwg-mimetype "^2.3.0"
-    whatwg-url "^8.5.0"
-    ws "^7.4.6"
-    xml-name-validator "^3.0.0"
-
 jsesc@^2.5.1:
   version "2.5.2"
   resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-2.5.2.tgz#80564d2e483dacf6e8ef209650a67df3f0c283a4"
@@ -5233,7 +5489,7 @@ json-stringify-safe@^5.0.1, json-stringify-safe@~5.0.1:
   resolved "https://registry.yarnpkg.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb"
   integrity sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=
 
-json5@2.x, json5@^2.2.1:
+json5@^2.2.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.1.tgz#655d50ed1e6f95ad1a3caababd2b0efda10b395c"
   integrity sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==
@@ -5322,14 +5578,6 @@ levn@^0.4.1:
     prelude-ls "^1.2.1"
     type-check "~0.4.0"
 
-levn@~0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/levn/-/levn-0.3.0.tgz#3b09924edf9f083c0490fdd4c0bc4421e04764ee"
-  integrity sha1-OwmSTt+fCDwEkP3UwLxEIeBHZO4=
-  dependencies:
-    prelude-ls "~1.1.2"
-    type-check "~0.3.2"
-
 libnpmaccess@^4.0.1:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/libnpmaccess/-/libnpmaccess-4.0.3.tgz#dfb0e5b0a53c315a2610d300e46b4ddeb66e7eec"
@@ -5651,7 +5899,7 @@ min-indent@^1.0.0:
   resolved "https://registry.yarnpkg.com/min-indent/-/min-indent-1.0.1.tgz#a63f681673b30571fbe8bc25686ae746eefa9869"
   integrity sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==
 
-minimatch@^3.0.4:
+minimatch@^3.0.4, minimatch@^3.1.2:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
   integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
@@ -6050,11 +6298,6 @@ number-is-nan@^1.0.0:
   resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d"
   integrity sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=
 
-nwsapi@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.0.tgz#204879a9e3d068ff2a55139c2c772780681a38b7"
-  integrity sha512-h2AatdwYH+JHiZpv7pt/gSX1XoRGb7L/qSIeuqA6GwYoF9w1vP1cw42TO0aI2pNyshRK5893hNSl+1//vHK7hQ==
-
 oauth-sign@~0.9.0:
   version "0.9.0"
   resolved "https://registry.yarnpkg.com/oauth-sign/-/oauth-sign-0.9.0.tgz#47a7b016baa68b5fa0ecf3dee08a85c679ac6455"
@@ -6108,18 +6351,6 @@ onetime@^5.1.0, onetime@^5.1.2:
   dependencies:
     mimic-fn "^2.1.0"
 
-optionator@^0.8.1:
-  version "0.8.3"
-  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.8.3.tgz#84fa1d036fe9d3c7e21d99884b601167ec8fb495"
-  integrity sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==
-  dependencies:
-    deep-is "~0.1.3"
-    fast-levenshtein "~2.0.6"
-    levn "~0.3.0"
-    prelude-ls "~1.1.2"
-    type-check "~0.3.2"
-    word-wrap "~1.2.3"
-
 optionator@^0.9.1:
   version "0.9.1"
   resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.1.tgz#4f236a6373dae0566a6d43e1326674f50c291499"
@@ -6184,6 +6415,13 @@ p-limit@^2.2.0:
   dependencies:
     p-try "^2.0.0"
 
+p-limit@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-3.1.0.tgz#e1daccbe78d0d1388ca18c64fea38e3e57e3706b"
+  integrity sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==
+  dependencies:
+    yocto-queue "^0.1.0"
+
 p-locate@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-2.0.0.tgz#20a0103b222a70c8fd39cc2e580680f3dde5ec43"
@@ -6322,11 +6560,6 @@ parse-url@^6.0.0:
     parse-path "^4.0.0"
     protocols "^1.4.0"
 
-parse5@6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/parse5/-/parse5-6.0.1.tgz#e1a1c085c569b3dc08321184f19a39cc27f7c30b"
-  integrity sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==
-
 path-exists@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-3.0.0.tgz#ce0ebeaa5f78cb18925ea7d810d7b59b010fd515"
@@ -6411,6 +6644,13 @@ pkg-dir@^4.2.0:
   dependencies:
     find-up "^4.0.0"
 
+postcss-combine-duplicated-selectors@^10.0.3:
+  version "10.0.3"
+  resolved "https://registry.yarnpkg.com/postcss-combine-duplicated-selectors/-/postcss-combine-duplicated-selectors-10.0.3.tgz#71e8b6783e99cd560cf08ba7b896ad0db318c11c"
+  integrity sha512-IP0BmwFloCskv7DV7xqvzDXqMHpwdczJa6ZvIW8abgHdcIHs9mCJX2ltFhu3EwA51ozp13DByng30+Ke+eIExA==
+  dependencies:
+    postcss-selector-parser "^6.0.4"
+
 postcss-csso@^6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/postcss-csso/-/postcss-csso-6.0.0.tgz#ff3ec8ce0694d797b75f7f7e10c4ac5a35e7780f"
@@ -6418,7 +6658,7 @@ postcss-csso@^6.0.0:
   dependencies:
     csso "^5.0.1"
 
-postcss-selector-parser@^6.0.9:
+postcss-selector-parser@^6.0.4, postcss-selector-parser@^6.0.9:
   version "6.0.10"
   resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz#79b61e2c0d1bfc2602d549e11d0876256f8df88d"
   integrity sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==
@@ -6445,11 +6685,6 @@ prelude-ls@^1.2.1:
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
   integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
 
-prelude-ls@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
-  integrity sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ=
-
 prettier-linter-helpers@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz#d23d41fe1375646de2d0104d3454a3008802cf7b"
@@ -6462,19 +6697,20 @@ prettier@^1.19.1:
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.19.1.tgz#f7d7f5ff8a9cd872a7be4ca142095956a60797cb"
   integrity sha512-s7PoyDv/II1ObgQunCbB9PdLmUcBZcnWOcxDh7O0N/UwDEsHyqkW+Qh28jW+mVuCdx7gLB0BotYI1Y6uI9iyew==
 
-prettier@^2.6.2:
-  version "2.6.2"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.6.2.tgz#e26d71a18a74c3d0f0597f55f01fb6c06c206032"
-  integrity sha512-PkUpF+qoXTqhOeWL9fu7As8LXsIUZ1WYaJiY/a7McAQzxjk82OF0tibkFXVCDImZtWxbvojFjerkiLb0/q8mew==
+prettier@^2.7.1:
+  version "2.7.1"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.7.1.tgz#e235806850d057f97bb08368a4f7d899f7760c64"
+  integrity sha512-ujppO+MkdPqoVINuDFDRLClm7D78qbDt0/NR+wp5FqEZOoTNAjPHWj17QRhu7geIHJfcNhRk1XVQmF8Bp3ye+g==
 
-pretty-format@^27.0.0, pretty-format@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-27.5.1.tgz#2181879fdea51a7a5851fb39d920faa63f01d88e"
-  integrity sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==
+pretty-format@^28.0.0, pretty-format@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-28.1.3.tgz#c9fba8cedf99ce50963a11b27d982a9ae90970d5"
+  integrity sha512-8gFb/To0OmxHR9+ZTb14Df2vNxdGCX8g1xWGUTqUw5TiZvcQf5sHKObd5UcPyLLyowNwDAMTF3XWOG1B6mxl1Q==
   dependencies:
+    "@jest/schemas" "^28.1.3"
     ansi-regex "^5.0.1"
     ansi-styles "^5.0.0"
-    react-is "^17.0.1"
+    react-is "^18.0.0"
 
 prismjs@^1.27.0:
   version "1.28.0"
@@ -6536,7 +6772,7 @@ pseudomap@^1.0.2:
   resolved "https://registry.yarnpkg.com/pseudomap/-/pseudomap-1.0.2.tgz#f052a28da70e618917ef0a8ac34c1ae5a68286b3"
   integrity sha1-8FKijacOYYkX7wqKw0wa5aaChrM=
 
-psl@^1.1.28, psl@^1.1.33:
+psl@^1.1.28:
   version "1.8.0"
   resolved "https://registry.yarnpkg.com/psl/-/psl-1.8.0.tgz#9326f8bcfb013adcc005fdff056acce020e51c24"
   integrity sha512-RIdOzyoavK+hA18OGGWDqUTsCLhtA7IcZ/6NCs4fFJaHBDab+pDDmDIByWFRQJq2Cd7r1OoQxBGKOaztq+hjIQ==
@@ -6686,10 +6922,10 @@ quick-lru@^4.0.1:
   resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-4.0.1.tgz#5b8878f113a58217848c6482026c73e1ba57727f"
   integrity sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==
 
-react-is@^17.0.1:
-  version "17.0.2"
-  resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0"
-  integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==
+react-is@^18.0.0:
+  version "18.2.0"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.2.0.tgz#199431eeaaa2e09f86427efbb4f1473edb47609b"
+  integrity sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==
 
 read-cmd-shim@^2.0.0:
   version "2.0.0"
@@ -6968,13 +7204,20 @@ rollup-pluginutils@^2.8.2:
   dependencies:
     estree-walker "^0.6.1"
 
-rollup@^2.59.0, rollup@^2.70.1, rollup@^2.70.2:
+rollup@^2.59.0, rollup@^2.70.1:
   version "2.70.2"
   resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.70.2.tgz#808d206a8851628a065097b7ba2053bd83ba0c0d"
   integrity sha512-EitogNZnfku65I1DD5Mxe8JYRUCy0hkK5X84IlDtUs+O6JRMpRciXTzyCUuX11b5L5pvjH+OmFXiQ3XjabcXgg==
   optionalDependencies:
     fsevents "~2.3.2"
 
+rollup@^2.77.0:
+  version "2.77.0"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.77.0.tgz#749eaa5ac09b6baa52acc076bc46613eddfd53f4"
+  integrity sha512-vL8xjY4yOQEw79DvyXLijhnhh+R/O9zpF/LEgkCebZFtb6ELeN9H3/2T0r8+mp+fFTBHZ5qGpOpW2ela2zRt3g==
+  optionalDependencies:
+    fsevents "~2.3.2"
+
 run-async@^2.4.0:
   version "2.4.1"
   resolved "https://registry.yarnpkg.com/run-async/-/run-async-2.4.1.tgz#8440eccf99ea3e70bd409d49aab88e10c189a455"
@@ -7026,13 +7269,6 @@ sass@^1.49.10:
     immutable "^4.0.0"
     source-map-js ">=0.6.2 <2.0.0"
 
-saxes@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/saxes/-/saxes-5.0.1.tgz#eebab953fa3b7608dbe94e5dadb15c888fa6696d"
-  integrity sha512-5LBh1Tls8c9xgGjw3QrMwETmTMVk0oFgvrFSvWx62llR2hcEInrKNZ2GZCCuuy2lvWrdl5jhbpeqc5hRYKFOcw==
-  dependencies:
-    xmlchars "^2.2.0"
-
 section-matter@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/section-matter/-/section-matter-1.0.0.tgz#e9041953506780ec01d59f292a19c7b850b84167"
@@ -7046,7 +7282,7 @@ section-matter@^1.0.0:
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
   integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==
 
-semver@7.x, semver@^7.1.1, semver@^7.1.3, semver@^7.3.2, semver@^7.3.4, semver@^7.3.5:
+semver@7.x, semver@^7.1.1, semver@^7.1.3, semver@^7.3.2, semver@^7.3.4, semver@^7.3.5, semver@^7.3.6, semver@^7.3.7:
   version "7.3.7"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.7.tgz#12c5b649afdbf9049707796e22a4028814ce523f"
   integrity sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==
@@ -7091,7 +7327,7 @@ side-channel@^1.0.4:
     get-intrinsic "^1.0.2"
     object-inspect "^1.9.0"
 
-signal-exit@^3.0.0, signal-exit@^3.0.2, signal-exit@^3.0.3:
+signal-exit@^3.0.0, signal-exit@^3.0.2, signal-exit@^3.0.3, signal-exit@^3.0.7:
   version "3.0.7"
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.7.tgz#a9a1767f8af84155114eaabd73f99273c8f59ad9"
   integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==
@@ -7172,10 +7408,10 @@ source-map-resolve@^0.5.2:
     source-map-url "^0.4.0"
     urix "^0.1.0"
 
-source-map-support@^0.5.6:
-  version "0.5.21"
-  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.21.tgz#04fe7c7f9e1ed2d662233c28cb2b35b9f63f6e4f"
-  integrity sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==
+source-map-support@0.5.13:
+  version "0.5.13"
+  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.13.tgz#31b24a9c2e73c2de85066c0feb7d44767ed52932"
+  integrity sha512-SHSKFHadjVA5oR4PPqhtAVdcBWwRYVd6g6cAXnIbRiIwc2EhPrTuKUBdSLvlEKyIP3GCf89fltvcZiP9MMFA1w==
   dependencies:
     buffer-from "^1.0.0"
     source-map "^0.6.0"
@@ -7200,11 +7436,6 @@ source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.1:
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
 
-source-map@^0.7.3:
-  version "0.7.3"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.3.tgz#5302f8169031735226544092e64981f751750383"
-  integrity sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==
-
 sourcemap-codec@^1.4.8:
   version "1.4.8"
   resolved "https://registry.yarnpkg.com/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz#ea804bd94857402e6992d05a38ef1ae35a9ab4c4"
@@ -7311,7 +7542,7 @@ string-width@^1.0.1:
     is-fullwidth-code-point "^1.0.0"
     strip-ansi "^3.0.0"
 
-"string-width@^1.0.2 || 2 || 3 || 4", string-width@^4.1.0, string-width@^4.2.0:
+"string-width@^1.0.2 || 2 || 3 || 4", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
   integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
@@ -7444,11 +7675,6 @@ supports-preserve-symlinks-flag@^1.0.0:
   resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
   integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
 
-symbol-tree@^3.2.4:
-  version "3.2.4"
-  resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"
-  integrity sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==
-
 tar@^4.4.12:
   version "4.4.19"
   resolved "https://registry.yarnpkg.com/tar/-/tar-4.4.19.tgz#2e4d7263df26f2b914dee10c825ab132123742f3"
@@ -7517,11 +7743,6 @@ text-table@^0.2.0:
   resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
   integrity sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=
 
-throat@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/throat/-/throat-6.0.1.tgz#d514fedad95740c12c2d7fc70ea863eb51ade375"
-  integrity sha512-8hmiGIJMDlwjg7dlJ4yKGLK8EsYqKgPWbG3b4wjJddKNwc7N7Dpn08Df4szr/sZdMVeOstrdYSsqzX6BYbcB+w==
-
 through2@^2.0.0:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/through2/-/through2-2.0.5.tgz#01c1e39eb31d07cb7d03a96a70823260b23132cd"
@@ -7576,15 +7797,6 @@ toml@^3.0.0:
   resolved "https://registry.yarnpkg.com/toml/-/toml-3.0.0.tgz#342160f1af1904ec9d204d03a5d61222d762c5ee"
   integrity sha512-y/mWCZinnvxjTKYhJ+pYxwD0mRLVvOtdS2Awbgxln6iEnt4rk0yBxeSBHkGJcPucRiG0e55mwWp+g/05rsrd6w==
 
-tough-cookie@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-4.0.0.tgz#d822234eeca882f991f0f908824ad2622ddbece4"
-  integrity sha512-tHdtEpQCMrc1YLrMaqXXcj6AxhYi/xgit6mZu1+EDWUn+qhUf8wMQoFIy9NXuq23zAwtcB0t/MjACGR18pcRbg==
-  dependencies:
-    psl "^1.1.33"
-    punycode "^2.1.1"
-    universalify "^0.1.2"
-
 tough-cookie@~2.5.0:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.5.0.tgz#cd9fb2a0aa1d5a12b473bd9fb96fa3dcff65ade2"
@@ -7615,19 +7827,19 @@ ts-debounce@^4.0.0:
   resolved "https://registry.yarnpkg.com/ts-debounce/-/ts-debounce-4.0.0.tgz#33440ef64fab53793c3d546a8ca6ae539ec15841"
   integrity sha512-+1iDGY6NmOGidq7i7xZGA4cm8DAa6fqdYcvO5Z6yBevH++Bdo9Qt/mN0TzHUgcCcKv1gmh9+W5dHqz8pMWbCbg==
 
-ts-jest@^27.1.4:
-  version "27.1.4"
-  resolved "https://registry.yarnpkg.com/ts-jest/-/ts-jest-27.1.4.tgz#84d42cf0f4e7157a52e7c64b1492c46330943e00"
-  integrity sha512-qjkZlVPWVctAezwsOD1OPzbZ+k7zA5z3oxII4dGdZo5ggX/PL7kvwTM0pXTr10fAtbiVpJaL3bWd502zAhpgSQ==
+ts-jest@^28.0.7:
+  version "28.0.7"
+  resolved "https://registry.yarnpkg.com/ts-jest/-/ts-jest-28.0.7.tgz#e18757a9e44693da9980a79127e5df5a98b37ac6"
+  integrity sha512-wWXCSmTwBVmdvWrOpYhal79bDpioDy4rTT+0vyUnE3ZzM7LOAAGG9NXwzkEL/a516rQEgnMmS/WKP9jBPCVJyA==
   dependencies:
     bs-logger "0.x"
     fast-json-stable-stringify "2.x"
-    jest-util "^27.0.0"
-    json5 "2.x"
+    jest-util "^28.0.0"
+    json5 "^2.2.1"
     lodash.memoize "4.x"
     make-error "1.x"
     semver "7.x"
-    yargs-parser "20.x"
+    yargs-parser "^21.0.1"
 
 ts-map@^1.0.3:
   version "1.0.3"
@@ -7680,13 +7892,6 @@ type-check@^0.4.0, type-check@~0.4.0:
   dependencies:
     prelude-ls "^1.2.1"
 
-type-check@~0.3.2:
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.3.2.tgz#5884cab512cf1d355e3fb784f30804b2b520db72"
-  integrity sha1-WITKtRLPHTVeP7eE8wgEsrUg23I=
-  dependencies:
-    prelude-ls "~1.1.2"
-
 type-detect@4.0.8:
   version "4.0.8"
   resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-4.0.8.tgz#7646fb5f18871cfbb7749e69bd39a6388eb7450c"
@@ -7734,10 +7939,10 @@ typedarray@^0.0.6:
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
   integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
 
-typescript@^4.6.3:
-  version "4.6.3"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.6.3.tgz#eefeafa6afdd31d725584c67a0eaba80f6fc6c6c"
-  integrity sha512-yNIatDa5iaofVozS/uQJEl3JRWLKKGJKh6Yaiv0GLGSuhpFJe7P3SbHZ8/yjAHRQwKRoA6YZqlfjXWmVzoVSMw==
+typescript@^4.7.4:
+  version "4.7.4"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.7.4.tgz#1a88596d1cf47d59507a1bcdfb5b9dfe4d488235"
+  integrity sha512-C0WQT0gezHuw6AdY1M2jxUO83Rjf0HP7Sk1DtXj6j1EwkQNZrHAg2XPWlq62oqEhYvONq5pkC2Y9oPljWToLmQ==
 
 uc.micro@^1.0.1, uc.micro@^1.0.5:
   version "1.0.6"
@@ -7788,11 +7993,6 @@ universal-user-agent@^6.0.0:
   resolved "https://registry.yarnpkg.com/universal-user-agent/-/universal-user-agent-6.0.0.tgz#3381f8503b251c0d9cd21bc1de939ec9df5480ee"
   integrity sha512-isyNax3wXoKaulPDZWHQqbmIx1k2tb9fb3GGDBRxCscfYV2Ch7WxPArBsFEG8s/safwXTT7H4QGhaIkTp9447w==
 
-universalify@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.1.2.tgz#b646f69be3942dabcecc9d6639c80dc105efaa66"
-  integrity sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==
-
 universalify@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.0.tgz#75a4984efedc4b08975c5aeb73f530d02df25717"
@@ -7837,14 +8037,14 @@ v8-compile-cache@^2.0.3:
   resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz#2de19618c66dc247dcfb6f99338035d8245a2cee"
   integrity sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==
 
-v8-to-istanbul@^8.1.0:
-  version "8.1.1"
-  resolved "https://registry.yarnpkg.com/v8-to-istanbul/-/v8-to-istanbul-8.1.1.tgz#77b752fd3975e31bbcef938f85e9bd1c7a8d60ed"
-  integrity sha512-FGtKtv3xIpR6BYhvgH8MI/y78oT7d8Au3ww4QIxymrCtZEh5b8gCw2siywE+puhEmuWKDtmfrvF5UlB298ut3w==
+v8-to-istanbul@^9.0.1:
+  version "9.0.1"
+  resolved "https://registry.yarnpkg.com/v8-to-istanbul/-/v8-to-istanbul-9.0.1.tgz#b6f994b0b5d4ef255e17a0d17dc444a9f5132fa4"
+  integrity sha512-74Y4LqY74kLE6IFyIjPtkSTWzUZmj8tdHT9Ii/26dvQ6K9Dl2NbEfj0XgU2sHCtKgt5VupqhlO/5aWuqS+IY1w==
   dependencies:
+    "@jridgewell/trace-mapping" "^0.3.12"
     "@types/istanbul-lib-coverage" "^2.0.1"
     convert-source-map "^1.6.0"
-    source-map "^0.7.3"
 
 validate-npm-package-license@^3.0.1, validate-npm-package-license@^3.0.4:
   version "3.0.4"
@@ -7892,10 +8092,10 @@ vue-demi@*:
   resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.12.5.tgz#8eeed566a7d86eb090209a11723f887d28aeb2d1"
   integrity sha512-BREuTgTYlUr0zw0EZn3hnhC3I6gPWv+Kwh4MCih6QcAeaTlaIX0DwOVN0wHej7hSvDPecz4jygy/idsgKfW58Q==
 
-vue-docgen-api@^4.44.23:
-  version "4.44.23"
-  resolved "https://registry.yarnpkg.com/vue-docgen-api/-/vue-docgen-api-4.44.23.tgz#e6763b43b6a4083fb871c6ecc8e8cb4538b3846f"
-  integrity sha512-6l/k+g+XS35ccCDNw8bGtbSqcDKh2kA6kSohAIY7EGihK1nrWWr3w8cLfLZn1dg/lI+sou+DQZwuHFLjFiiqhA==
+vue-docgen-api@^4.45.0:
+  version "4.47.0"
+  resolved "https://registry.yarnpkg.com/vue-docgen-api/-/vue-docgen-api-4.47.0.tgz#605a797886dbe1c941ea73af5f2ba23090722e81"
+  integrity sha512-xUsD8vDpcIZNVQM/Jh8/ZUw+sfwLSvpW5awi7kxDX9bGvTIIDh7mXEEqnOmndYXR6620lGNj23uY9bJTFhim6w==
   dependencies:
     "@babel/parser" "^7.13.12"
     "@babel/types" "^7.13.12"
@@ -7909,10 +8109,10 @@ vue-docgen-api@^4.44.23:
     ts-map "^1.0.3"
     vue-inbrowser-compiler-utils "^4.44.23"
 
-vue-docgen-cli@^4.44.23:
-  version "4.44.29"
-  resolved "https://registry.yarnpkg.com/vue-docgen-cli/-/vue-docgen-cli-4.44.29.tgz#8e3777cb3f1dc2f37b464e6cd0a004df29c25266"
-  integrity sha512-qTnKE3Hg74to5Cjt20hDz0HCKIRxOo6eoXk/dvHjRNVW3Nc41bp5hwUXqvUEvLNY3ul1hru1lAqUQHXqjghx+g==
+vue-docgen-cli@^4.45.0:
+  version "4.45.0"
+  resolved "https://registry.yarnpkg.com/vue-docgen-cli/-/vue-docgen-cli-4.45.0.tgz#c775c786be220397d0e04e3d719e7859ff52cfc5"
+  integrity sha512-eFuaUPywt9Bx5FVMhI+twh8ieg7pcU32uZ4NL0MWXDivjTYqe57sUK70brZTf3vZ8u/OKiQ9OnLEZ65WeqSNEA==
   dependencies:
     chokidar "^3.5.1"
     globby "^10.0.2"
@@ -7920,20 +8120,20 @@ vue-docgen-cli@^4.44.23:
     minimist "^1.2.5"
     mkdirp "^0.5.5"
     prettier "^1.19.1"
-    vue-docgen-api "^4.44.23"
+    vue-docgen-api "^4.45.0"
 
-vue-eslint-parser@^8.0.0, vue-eslint-parser@^8.0.1:
-  version "8.3.0"
-  resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-8.3.0.tgz#5d31129a1b3dd89c0069ca0a1c88f970c360bd0d"
-  integrity sha512-dzHGG3+sYwSf6zFBa0Gi9ZDshD7+ad14DGOdTLjruRVgZXe2J+DcZ9iUhyR48z5g1PqRa20yt3Njna/veLJL/g==
+vue-eslint-parser@^9.0.0, vue-eslint-parser@^9.0.1:
+  version "9.0.3"
+  resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-9.0.3.tgz#0c17a89e0932cc94fa6a79f0726697e13bfe3c96"
+  integrity sha512-yL+ZDb+9T0ELG4VIFo/2anAOz8SvBdlqEnQnvJ3M7Scq56DvtjY0VY88bByRZB0D4J0u8olBcfrXTVONXsh4og==
   dependencies:
-    debug "^4.3.2"
-    eslint-scope "^7.0.0"
-    eslint-visitor-keys "^3.1.0"
-    espree "^9.0.0"
+    debug "^4.3.4"
+    eslint-scope "^7.1.1"
+    eslint-visitor-keys "^3.3.0"
+    espree "^9.3.1"
     esquery "^1.4.0"
     lodash "^4.17.21"
-    semver "^7.3.5"
+    semver "^7.3.6"
 
 vue-inbrowser-compiler-demi@^4.44.23:
   version "4.44.23"
@@ -7967,14 +8167,14 @@ vue-router@^4.0.14:
   dependencies:
     "@vue/devtools-api" "^6.0.0"
 
-vue-types@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/vue-types/-/vue-types-4.1.1.tgz#7d7a4e4a01249a51b6da3faa301248c2ea5f5b97"
-  integrity sha512-Jq2GZ/w6rExJbLA/h7nHBFLciu+YNekgox0DB64wN1snZ4IIJMq+qnqp1/vE4fc7vEjZcP5KGhLzkkSjIHLRzw==
+vue-types@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/vue-types/-/vue-types-4.2.0.tgz#db054e242a099f006c84d62fd4ab831767accf18"
+  integrity sha512-iMllg63ZQ61DP7C2ZR1Ez7D6hqcP5/pcNP9SgXg6Nmrt82r2Mx06+xEw7GRrrysR6Sfoh3w+TLLflMTk6I/D0A==
   dependencies:
     is-plain-object "5.0.0"
 
-vue@^3.2.31, vue@^3.2.33:
+vue@^3.2.31:
   version "3.2.33"
   resolved "https://registry.yarnpkg.com/vue/-/vue-3.2.33.tgz#7867eb16a3293a28c4d190a837bc447878bd64c2"
   integrity sha512-si1ExAlDUrLSIg/V7D/GgA4twJwfsfgG+t9w10z38HhL/HA07132pUQ2KuwAo8qbCyMJ9e6OqrmWrOCr+jW7ZQ==
@@ -7985,6 +8185,17 @@ vue@^3.2.31, vue@^3.2.33:
     "@vue/server-renderer" "3.2.33"
     "@vue/shared" "3.2.33"
 
+vue@^3.2.37:
+  version "3.2.37"
+  resolved "https://registry.yarnpkg.com/vue/-/vue-3.2.37.tgz#da220ccb618d78579d25b06c7c21498ca4e5452e"
+  integrity sha512-bOKEZxrm8Eh+fveCqS1/NkG/n6aMidsI6hahas7pa0w/l7jkbssJVsRhVDs07IdDq7h9KHswZOgItnwJAgtVtQ==
+  dependencies:
+    "@vue/compiler-dom" "3.2.37"
+    "@vue/compiler-sfc" "3.2.37"
+    "@vue/runtime-dom" "3.2.37"
+    "@vue/server-renderer" "3.2.37"
+    "@vue/shared" "3.2.37"
+
 vuepress-vite@2.0.0-beta.38:
   version "2.0.0-beta.38"
   resolved "https://registry.yarnpkg.com/vuepress-vite/-/vuepress-vite-2.0.0-beta.38.tgz#d1aa7badecc3686bf77ed5665614b243d8f37d6c"
@@ -8002,21 +8213,7 @@ vuepress@2.0.0-beta.38:
   dependencies:
     vuepress-vite "2.0.0-beta.38"
 
-w3c-hr-time@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz#0a89cdf5cc15822df9c360543676963e0cc308cd"
-  integrity sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==
-  dependencies:
-    browser-process-hrtime "^1.0.0"
-
-w3c-xmlserializer@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-2.0.0.tgz#3e7104a05b75146cc60f564380b7f683acf1020a"
-  integrity sha512-4tzD0mF8iSiMiNs30BiLO3EpfGLZUT2MSX/G+o7ZywDzliWQ3OPtTZ0PTC3B3ca1UAf4cJMHB+2Bf56EriJuRA==
-  dependencies:
-    xml-name-validator "^3.0.0"
-
-walker@^1.0.7:
+walker@^1.0.8:
   version "1.0.8"
   resolved "https://registry.yarnpkg.com/walker/-/walker-1.0.8.tgz#bd498db477afe573dc04185f011d3ab8a8d7653f"
   integrity sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==
@@ -8035,28 +8232,11 @@ webidl-conversions@^3.0.0:
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz#24534275e2a7bc6be7bc86611cc16ae0a5654871"
   integrity sha1-JFNCdeKnvGvnvIZhHMFq4KVlSHE=
 
-webidl-conversions@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-5.0.0.tgz#ae59c8a00b121543a2acc65c0434f57b0fc11aff"
-  integrity sha512-VlZwKPCkYKxQgeSbH5EyngOmRp7Ww7I9rQLERETtf5ofd9pGeswWiOtogpEO850jziPRarreGxn5QIiTqpb2wA==
-
 webidl-conversions@^6.1.0:
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-6.1.0.tgz#9111b4d7ea80acd40f5270d666621afa78b69514"
   integrity sha512-qBIvFLGiBpLjfwmYAaHPXsn+ho5xZnGvyGvsarywGNc8VyQJUMHJ8OBKGGrPER0okBeMDaan4mNBlgBROxuI8w==
 
-whatwg-encoding@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/whatwg-encoding/-/whatwg-encoding-1.0.5.tgz#5abacf777c32166a51d085d6b4f3e7d27113ddb0"
-  integrity sha512-b5lim54JOPN9HtzvK9HFXvBma/rnfFeqsic0hSpjtDbVxR3dJKLc+KB4V6GgiGOvl7CY/KNh8rxSo9DKQrnUEw==
-  dependencies:
-    iconv-lite "0.4.24"
-
-whatwg-mimetype@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-2.3.0.tgz#3d4b1e0312d2079879f826aff18dbeeca5960fbf"
-  integrity sha512-M4yMwr6mAnQz76TbJm914+gPpB/nCwvZbJU28cUD6dR004SAxDLOOSUaB1JDRqLtaOV/vi0IC5lEAGFgrjGv/g==
-
 whatwg-url@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-5.0.0.tgz#966454e8765462e37644d3626f6742ce8b70965d"
@@ -8065,7 +8245,7 @@ whatwg-url@^5.0.0:
     tr46 "~0.0.3"
     webidl-conversions "^3.0.0"
 
-whatwg-url@^8.0.0, whatwg-url@^8.4.0, whatwg-url@^8.5.0:
+whatwg-url@^8.4.0:
   version "8.7.0"
   resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-8.7.0.tgz#656a78e510ff8f3937bc0bcbe9f5c0ac35941b77"
   integrity sha512-gAojqb/m9Q8a5IV96E3fHJM70AzCkgt4uXYX2O7EmuyOnLrViCQlsEBmF9UQIu3/aeAIp2U17rtbpZWNntQqdg==
@@ -8116,7 +8296,7 @@ with@^7.0.0:
     assert-never "^1.2.1"
     babel-walk "3.0.0-canary-5"
 
-word-wrap@^1.2.3, word-wrap@~1.2.3:
+word-wrap@^1.2.3:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.3.tgz#610636f6b1f703891bd34771ccb17fb93b47079c"
   integrity sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==
@@ -8159,6 +8339,14 @@ write-file-atomic@^3.0.0, write-file-atomic@^3.0.3:
     signal-exit "^3.0.2"
     typedarray-to-buffer "^3.1.5"
 
+write-file-atomic@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-4.0.1.tgz#9faa33a964c1c85ff6f849b80b42a88c2c537c8f"
+  integrity sha512-nSKUxgAbyioruk6hU87QzVbY279oYT6uiwgDoujth2ju4mJ+TZau7SQBhtbTmUyuNYTuXnSyRn66FV0+eCgcrQ==
+  dependencies:
+    imurmurhash "^0.1.4"
+    signal-exit "^3.0.7"
+
 write-json-file@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/write-json-file/-/write-json-file-3.2.0.tgz#65bbdc9ecd8a1458e15952770ccbadfcff5fe62a"
@@ -8192,20 +8380,10 @@ write-pkg@^4.0.0:
     type-fest "^0.4.1"
     write-json-file "^3.2.0"
 
-ws@^7.4.6:
-  version "7.5.7"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.7.tgz#9e0ac77ee50af70d58326ecff7e85eb3fa375e67"
-  integrity sha512-KMvVuFzpKBuiIXW3E4u3mySRO2/mCHSyZDJQM5NQ9Q9KHWHWh0NHgfbRMLLrceUK5qAL4ytALJbpRMjixFZh8A==
-
-xml-name-validator@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-3.0.0.tgz#6ae73e06de4d8c6e47f9fb181f78d648ad457c6a"
-  integrity sha512-A5CUptxDsvxKJEU3yO6DuWBSJz/qizqzJKOMIfUJHETbBw/sFaDxgd6fxm1ewUaM0jZ444Fc5vC5ROYurg/4Pw==
-
-xmlchars@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/xmlchars/-/xmlchars-2.2.0.tgz#060fe1bcb7f9c76fe2a17db86a9bc3ab894210cb"
-  integrity sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==
+xml-name-validator@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-4.0.0.tgz#79a006e2e63149a8600f15430f0a4725d1524835"
+  integrity sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==
 
 xtend@~4.0.1:
   version "4.0.2"
@@ -8242,11 +8420,16 @@ yargs-parser@20.2.4:
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.4.tgz#b42890f14566796f85ae8e3a25290d205f154a54"
   integrity sha512-WOkpgNhPTlE73h4VFAFsOnomJVaovO8VqLDzy5saChRBFQFBoMYirowyW+Q9HB4HFF4Z7VZTiG3iSzJJA29yRA==
 
-yargs-parser@20.x, yargs-parser@^20.2.2, yargs-parser@^20.2.3:
+yargs-parser@^20.2.2, yargs-parser@^20.2.3:
   version "20.2.9"
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.9.tgz#2eb7dc3b0289718fc295f362753845c41a0c94ee"
   integrity sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==
 
+yargs-parser@^21.0.0, yargs-parser@^21.0.1:
+  version "21.0.1"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-21.0.1.tgz#0267f286c877a4f0f728fceb6f8a3e4cb95c6e35"
+  integrity sha512-9BK1jFpLzJROCI5TzwZL/TU4gqjK5xiHV/RfWLOahrjAko/e4DJkRDZQXfvqAsiZzzYhgAzbgz6lg48jcm4GLg==
+
 yargs@^16.2.0:
   version "16.2.0"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-16.2.0.tgz#1c82bf0f6b6a66eafce7ef30e376f49a12477f66"
@@ -8259,3 +8442,21 @@ yargs@^16.2.0:
     string-width "^4.2.0"
     y18n "^5.0.5"
     yargs-parser "^20.2.2"
+
+yargs@^17.3.1:
+  version "17.5.1"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.5.1.tgz#e109900cab6fcb7fd44b1d8249166feb0b36e58e"
+  integrity sha512-t6YAJcxDkNX7NFYiVtKvWUz8l+PaKTLiL63mJYWR2GnHq2gjEWISzsLp9wg3aY36dY1j+gfIEL3pIF+XlJJfbA==
+  dependencies:
+    cliui "^7.0.2"
+    escalade "^3.1.1"
+    get-caller-file "^2.0.5"
+    require-directory "^2.1.1"
+    string-width "^4.2.3"
+    y18n "^5.0.5"
+    yargs-parser "^21.0.0"
+
+yocto-queue@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
+  integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==

From 6f383c639595bd346e8ad6db0ed848d12244768d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Mon, 25 Jul 2022 21:13:45 +0200
Subject: [PATCH 012/346] chore: clean-up

---
 .../accordion/CAccordionCollapse.ts           | 28 -------------------
 .../__tests__/CAccordionCollapse.spec.ts      | 28 -------------------
 .../CAccordionCollapse.spec.ts.snap           |  7 -----
 .../api/accordion/CAccordionCollapse.api.md   | 13 ---------
 4 files changed, 76 deletions(-)
 delete mode 100644 packages/coreui-vue/src/components/accordion/CAccordionCollapse.ts
 delete mode 100644 packages/coreui-vue/src/components/accordion/__tests__/CAccordionCollapse.spec.ts
 delete mode 100644 packages/coreui-vue/src/components/accordion/__tests__/__snapshots__/CAccordionCollapse.spec.ts.snap
 delete mode 100644 packages/docs/api/accordion/CAccordionCollapse.api.md

diff --git a/packages/coreui-vue/src/components/accordion/CAccordionCollapse.ts b/packages/coreui-vue/src/components/accordion/CAccordionCollapse.ts
deleted file mode 100644
index 9919c5a6..00000000
--- a/packages/coreui-vue/src/components/accordion/CAccordionCollapse.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { defineComponent, h } from 'vue'
-import { CCollapse } from '../collapse/CCollapse'
-
-const CAccordionCollapse = defineComponent({
-  name: 'CAccordionCollapse',
-  props: {
-    /**
-     * Toggle the visibility of component.
-     */
-    visible: {
-      type: Boolean,
-      required: false,
-    },
-  },
-  setup(props, { slots }) {
-    return () =>
-      h(
-        CCollapse,
-        {
-          class: 'accordion-collapse',
-          visible: props.visible,
-        },
-        slots.default && slots.default(),
-      )
-  },
-})
-
-export { CAccordionCollapse }
diff --git a/packages/coreui-vue/src/components/accordion/__tests__/CAccordionCollapse.spec.ts b/packages/coreui-vue/src/components/accordion/__tests__/CAccordionCollapse.spec.ts
deleted file mode 100644
index e4d25ade..00000000
--- a/packages/coreui-vue/src/components/accordion/__tests__/CAccordionCollapse.spec.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { CAccordionCollapse as Component } from '../../../index'
-
-const ComponentName = 'CAccordionCollapse'
-
-const defaultWrapper = mount(Component, {
-  propsData: {
-    visible: true,
-  },
-  slots: {
-    default: 'Default slot',
-  },
-})
-
-describe(`Loads and display ${ComponentName} component`, () => {
-  it('has a name', () => {
-    expect(Component.name).toMatch(ComponentName)
-  })
-  it('renders correctly', () => {
-    expect(defaultWrapper.html()).toMatchSnapshot()
-  })
-  it('contain slots and classes', () => {
-    expect(defaultWrapper.text()).toContain('Default slot')
-    expect(defaultWrapper.classes('accordion-collapse')).toBe(true)
-    expect(defaultWrapper.find('div').classes('collapse')).toBe(true)
-    expect(defaultWrapper.find('div').classes('show')).toBe(true)
-  })
-})
diff --git a/packages/coreui-vue/src/components/accordion/__tests__/__snapshots__/CAccordionCollapse.spec.ts.snap b/packages/coreui-vue/src/components/accordion/__tests__/__snapshots__/CAccordionCollapse.spec.ts.snap
deleted file mode 100644
index b045294d..00000000
--- a/packages/coreui-vue/src/components/accordion/__tests__/__snapshots__/CAccordionCollapse.spec.ts.snap
+++ /dev/null
@@ -1,7 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Loads and display CAccordionCollapse component renders correctly 1`] = `
-"<transition-stub class=\\"accordion-collapse\\">
-  <div class=\\"collapse show\\">Default slot</div>
-</transition-stub>"
-`;
diff --git a/packages/docs/api/accordion/CAccordionCollapse.api.md b/packages/docs/api/accordion/CAccordionCollapse.api.md
deleted file mode 100644
index 38f678dd..00000000
--- a/packages/docs/api/accordion/CAccordionCollapse.api.md
+++ /dev/null
@@ -1,13 +0,0 @@
-### CAccordionCollapse
-
-```jsx
-import { CAccordionCollapse } from '@coreui/vue'
-// or
-import CAccordionCollapse from '@coreui/vue/src/components/accordion/CAccordionCollapse'
-```
-
-#### Props
-
-| Prop name   | Description                         | Type    | Values | Default |
-| ----------- | ----------------------------------- | ------- | ------ | ------- |
-| **visible** | Toggle the visibility of component. | boolean | -      |         |

From ecae07fef0c411a0a5c331cc5f76772d96ab91d9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Mon, 25 Jul 2022 21:14:19 +0200
Subject: [PATCH 013/346] chore: clean-up

---
 packages/coreui-vue/src/components/accordion/index.ts | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/packages/coreui-vue/src/components/accordion/index.ts b/packages/coreui-vue/src/components/accordion/index.ts
index 338a345c..ee2326db 100644
--- a/packages/coreui-vue/src/components/accordion/index.ts
+++ b/packages/coreui-vue/src/components/accordion/index.ts
@@ -2,7 +2,6 @@ import { App } from 'vue'
 import { CAccordion } from './CAccordion'
 import { CAccordionBody } from './CAccordionBody'
 import { CAccordionButton } from './CAccordionButton'
-import { CAccordionCollapse } from './CAccordionCollapse'
 import { CAccordionHeader } from './CAccordionHeader'
 import { CAccordionItem } from './CAccordionItem'
 
@@ -11,7 +10,6 @@ const CAccordionPlugin = {
     app.component(CAccordion.name, CAccordion)
     app.component(CAccordionBody.name, CAccordionBody)
     app.component(CAccordionButton.name, CAccordionButton)
-    app.component(CAccordionCollapse.name, CAccordionCollapse)
     app.component(CAccordionHeader.name, CAccordionHeader)
     app.component(CAccordionItem.name, CAccordionItem)
   },
@@ -22,7 +20,6 @@ export {
   CAccordion,
   CAccordionBody,
   CAccordionButton,
-  CAccordionCollapse,
   CAccordionHeader,
   CAccordionItem,
 }

From 9fe451e98e89713f0d5d49d1387fe191ff693ab4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Mon, 25 Jul 2022 21:14:55 +0200
Subject: [PATCH 014/346] refactor(CFormCheck): update CSS class names

---
 .../src/components/form/CFormCheck.ts          | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/packages/coreui-vue/src/components/form/CFormCheck.ts b/packages/coreui-vue/src/components/form/CFormCheck.ts
index 43ea7425..22edc3f3 100644
--- a/packages/coreui-vue/src/components/form/CFormCheck.ts
+++ b/packages/coreui-vue/src/components/form/CFormCheck.ts
@@ -132,16 +132,14 @@ const CFormCheck = defineComponent({
       attrs.class,
     ]
 
-    const inputClassName = props.button
-      ? 'btn-check'
-      : [
-          'form-check-input',
-          {
-            'is-invalid': props.invalid,
-            'is-valid': props.valid,
-            'me-2': props.hitArea,
-          },
-        ]
+    const inputClassName = [
+      props.button ? 'btn-check' : 'form-check-input',
+      {
+        'is-invalid': props.invalid,
+        'is-valid': props.valid,
+        'me-2': props.hitArea,
+      },
+    ]
 
     const formControl = () => {
       return h('input', {

From cf43b7b3c67e30b6ea8f953b670aa674755f5a74 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Mon, 25 Jul 2022 21:15:43 +0200
Subject: [PATCH 015/346] tests: update tests

---
 jest.config.js                                |   21 +-
 package.json                                  |    5 +-
 .../__snapshots__/CCloseButton.spec.ts.snap   |    4 +-
 .../form/__tests__/CFormInput.spec.ts         |   22 +-
 .../form/__tests__/CFormRange.spec.ts         |   18 +-
 .../form/__tests__/CFormSelect.spec.ts        |    8 +-
 .../form/__tests__/CFormTextarea.spec.ts      |    8 +-
 .../__snapshots__/CFormCheck.spec.ts.snap     |   10 +-
 .../__snapshots__/CFormRange.spec.ts.snap     |    2 +-
 .../__snapshots__/CModal.spec.ts.snap         |    3 +-
 .../__snapshots__/CModalHeader.spec.ts.snap   |    4 +-
 .../__snapshots__/CSidebar.spec.ts.snap       |   10 +-
 .../__snapshots__/CToastClose.spec.ts.snap    |    2 +-
 .../__snapshots__/CToastHeader.spec.ts.snap   |    2 +-
 yarn.lock                                     | 2016 ++++++++---------
 15 files changed, 1033 insertions(+), 1102 deletions(-)

diff --git a/jest.config.js b/jest.config.js
index e3871f81..39ba2a15 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -5,16 +5,19 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-"use strict";
+'use strict'
 
 module.exports = {
-  moduleFileExtensions: ["tsx", "js", "ts", "json", "vue"],
-  preset: "ts-jest",
-  setupFiles: ["jest-canvas-mock"],
-  testEnvironment: "jsdom",
-  testPathIgnorePatterns: ["dist/"],
+  moduleFileExtensions: ['tsx', 'js', 'ts', 'json', 'vue'],
+  preset: 'ts-jest',
+  setupFiles: ['jest-canvas-mock'],
+  testEnvironment: 'jsdom',
+  testEnvironmentOptions: {
+    customExportConditions: ['node', 'node-addons'],
+  },
+  testPathIgnorePatterns: ['dist/'],
   transform: {
-    ".*\\.(ts)$": "ts-jest",
-    ".*\\.(vue)$": "vue-jest",
+    '.*\\.(ts)$': 'ts-jest',
+    '.*\\.(vue)$': '@vue/vue3-jest',
   },
-};
+}
diff --git a/package.json b/package.json
index 9eee7671..4d717661 100644
--- a/package.json
+++ b/package.json
@@ -26,14 +26,15 @@
     "@vue/compiler-sfc": "^3.2.37",
     "@vue/eslint-config-prettier": "^7.0.0",
     "@vue/eslint-config-typescript": "^11.0.0",
+    "@vue/vue3-jest": "28.0.1",
     "eslint": "8.20.0",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-vue": "^9.3.0",
     "jest": "^28.1.3",
     "jest-canvas-mock": "^2.4.0",
+    "jest-environment-jsdom": "^28.1.3",
     "lerna": "^4.0.0",
     "prettier": "^2.7.1",
-    "ts-jest": "^28.0.7",
-    "vue-jest": "^5.0.0-0"
+    "ts-jest": "^28.0.7"
   }
 }
diff --git a/packages/coreui-vue/src/components/close-button/__tests__/__snapshots__/CCloseButton.spec.ts.snap b/packages/coreui-vue/src/components/close-button/__tests__/__snapshots__/CCloseButton.spec.ts.snap
index c305cfc6..76509753 100644
--- a/packages/coreui-vue/src/components/close-button/__tests__/__snapshots__/CCloseButton.spec.ts.snap
+++ b/packages/coreui-vue/src/components/close-button/__tests__/__snapshots__/CCloseButton.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CCloseButton component renders correctly 1`] = `"<button class=\\"btn btn-close btn-close-white\\" aria-label=\\"Close\\" disabled=\\"\\"></button>"`;
+exports[`Customize CCloseButton component renders correctly 1`] = `"<button type=\\"button\\" class=\\"btn btn-close btn-close-white\\" aria-label=\\"Close\\" disabled=\\"\\"></button>"`;
 
-exports[`Loads and display CCloseButton component renders correctly 1`] = `"<button class=\\"btn btn-close\\" aria-label=\\"Close\\"></button>"`;
+exports[`Loads and display CCloseButton component renders correctly 1`] = `"<button type=\\"button\\" class=\\"btn btn-close\\" aria-label=\\"Close\\"></button>"`;
diff --git a/packages/coreui-vue/src/components/form/__tests__/CFormInput.spec.ts b/packages/coreui-vue/src/components/form/__tests__/CFormInput.spec.ts
index a4ad391b..eaac7a9f 100644
--- a/packages/coreui-vue/src/components/form/__tests__/CFormInput.spec.ts
+++ b/packages/coreui-vue/src/components/form/__tests__/CFormInput.spec.ts
@@ -49,7 +49,7 @@ describe(`Loads and display ${ComponentName} component`, () => {
   })
   it('contain slots and classes', () => {
     expect(defaultWrapper.text()).toContain('Default slot')
-    expect(defaultWrapper.classes('form-control')).toBe(true)
+    expect(defaultWrapper.find('input').classes('form-control')).toBe(true)
   })
 })
 
@@ -59,11 +59,11 @@ describe(`Customize ${ComponentName} component`, () => {
   })
   it('contain slots and classes', () => {
     expect(customWrapper.text()).toContain('Default slot')
-    expect(customWrapper.classes('form-control-plaintext')).toBe(true)
-    expect(customWrapper.classes('form-control-color')).toBe(true)
-    expect(customWrapper.classes('form-control-lg')).toBe(true)
-    expect(customWrapper.classes('is-invalid')).toBe(true)
-    expect(customWrapper.classes('is-valid')).toBe(true)
+    expect(customWrapper.find('input').classes('form-control-plaintext')).toBe(true)
+    expect(customWrapper.find('input').classes('form-control-color')).toBe(true)
+    expect(customWrapper.find('input').classes('form-control-lg')).toBe(true)
+    expect(customWrapper.find('input').classes('is-invalid')).toBe(true)
+    expect(customWrapper.find('input').classes('is-valid')).toBe(true)
   })
 })
 
@@ -73,10 +73,10 @@ describe(`Customize (two) ${ComponentName} component`, () => {
   })
   it('contain slots and classes', () => {
     expect(customWrapperTwo.text()).toContain('Default slot')
-    expect(customWrapperTwo.classes('form-control')).toBe(true)
-    expect(customWrapper.classes('form-control-color')).toBe(true)
-    expect(customWrapper.classes('form-control-lg')).toBe(true)
-    expect(customWrapper.classes('is-invalid')).toBe(true)
-    expect(customWrapper.classes('is-valid')).toBe(true)
+    expect(customWrapperTwo.find('input').classes('form-control')).toBe(true)
+    expect(customWrapper.find('input').classes('form-control-color')).toBe(true)
+    expect(customWrapper.find('input').classes('form-control-lg')).toBe(true)
+    expect(customWrapper.find('input').classes('is-invalid')).toBe(true)
+    expect(customWrapper.find('input').classes('is-valid')).toBe(true)
   })
 })
diff --git a/packages/coreui-vue/src/components/form/__tests__/CFormRange.spec.ts b/packages/coreui-vue/src/components/form/__tests__/CFormRange.spec.ts
index 0884bb08..5d537e93 100644
--- a/packages/coreui-vue/src/components/form/__tests__/CFormRange.spec.ts
+++ b/packages/coreui-vue/src/components/form/__tests__/CFormRange.spec.ts
@@ -33,8 +33,8 @@ describe(`Loads and display ${ComponentName} component`, () => {
   })
   it('contain slots and classes', () => {
     expect(defaultWrapper.text()).toContain('Default slot')
-    expect(defaultWrapper.classes('form-range')).toBe(true)
-    expect(defaultWrapper.attributes('type')).toBe('range')
+    expect(defaultWrapper.find('input').classes('form-range')).toBe(true)
+    expect(defaultWrapper.find('input').attributes('type')).toBe('range')
   })
 })
 
@@ -44,12 +44,12 @@ describe(`Customize ${ComponentName} component`, () => {
   })
   it('contain slots and classes', () => {
     expect(customWrapper.text()).toContain('Default slot')
-    expect(customWrapper.classes('form-range')).toBe(true)
-    expect(customWrapper.attributes('type')).toBe('range')
-    expect(customWrapper.attributes('disabled')).toBe('')
-    expect(customWrapper.attributes('max')).toBe('400')
-    expect(customWrapper.attributes('min')).toBe('50')
-    expect(customWrapper.attributes('readonly')).toBe('')
-    expect(customWrapper.attributes('steps')).toBe('10')
+    expect(customWrapper.find('input').classes('form-range')).toBe(true)
+    expect(customWrapper.find('input').attributes('type')).toBe('range')
+    expect(customWrapper.find('input').attributes('disabled')).toBe('')
+    expect(customWrapper.find('input').attributes('max')).toBe('400')
+    expect(customWrapper.find('input').attributes('min')).toBe('50')
+    expect(customWrapper.find('input').attributes('readonly')).toBe('')
+    expect(customWrapper.find('input').attributes('steps')).toBe('10')
   })
 })
diff --git a/packages/coreui-vue/src/components/form/__tests__/CFormSelect.spec.ts b/packages/coreui-vue/src/components/form/__tests__/CFormSelect.spec.ts
index 7cd2f800..0324a2df 100644
--- a/packages/coreui-vue/src/components/form/__tests__/CFormSelect.spec.ts
+++ b/packages/coreui-vue/src/components/form/__tests__/CFormSelect.spec.ts
@@ -31,7 +31,7 @@ describe(`Loads and display ${ComponentName} component`, () => {
   })
   it('contain slots and classes', () => {
     expect(defaultWrapper.text()).toContain('Default slot')
-    expect(defaultWrapper.classes('form-select')).toBe(true)
+    expect(defaultWrapper.find('select').classes('form-select')).toBe(true)
   })
 })
 
@@ -41,8 +41,8 @@ describe(`Customize ${ComponentName} component`, () => {
   })
   it('contain slots and classes', () => {
     expect(customWrapper.text()).toContain('Default slot')
-    expect(customWrapper.classes('form-select')).toBe(true)
-    expect(customWrapper.classes('form-select-lg')).toBe(true)
-    expect(customWrapper.attributes('size')).toBe('200')
+    expect(customWrapper.find('select').classes('form-select')).toBe(true)
+    expect(customWrapper.find('select').classes('form-select-lg')).toBe(true)
+    expect(customWrapper.find('select').attributes('size')).toBe('200')
   })
 })
diff --git a/packages/coreui-vue/src/components/form/__tests__/CFormTextarea.spec.ts b/packages/coreui-vue/src/components/form/__tests__/CFormTextarea.spec.ts
index 0855c51a..a105920e 100644
--- a/packages/coreui-vue/src/components/form/__tests__/CFormTextarea.spec.ts
+++ b/packages/coreui-vue/src/components/form/__tests__/CFormTextarea.spec.ts
@@ -32,7 +32,7 @@ describe(`Loads and display ${ComponentName} component`, () => {
   })
   it('contain slots and classes', () => {
     expect(defaultWrapper.text()).toContain('Default slot')
-    expect(defaultWrapper.classes('form-control')).toBe(true)
+    expect(defaultWrapper.find('textarea').classes('form-control')).toBe(true)
   })
 })
 
@@ -42,8 +42,8 @@ describe(`Customize ${ComponentName} component`, () => {
   })
   it('contain slots and classes', () => {
     expect(customWrapper.text()).toContain('Default slot')
-    expect(customWrapper.classes('form-control-plaintext')).toBe(true)
-    expect(customWrapper.classes('is-invalid')).toBe(true)
-    expect(customWrapper.classes('is-valid')).toBe(true)
+    expect(customWrapper.find('textarea').classes('form-control-plaintext')).toBe(true)
+    expect(customWrapper.find('textarea').classes('is-invalid')).toBe(true)
+    expect(customWrapper.find('textarea').classes('is-valid')).toBe(true)
   })
 })
diff --git a/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormCheck.spec.ts.snap b/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormCheck.spec.ts.snap
index 74563730..b3b90040 100644
--- a/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormCheck.spec.ts.snap
+++ b/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormCheck.spec.ts.snap
@@ -1,7 +1,13 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize with label - CFormCheck component renders correctly 1`] = `"<input class=\\"btn-check is-invalid is-valid\\" id=\\"uniqueid\\" type=\\"checkbox\\"><label class=\\"btn btn-outline-warning btn-lg rounded-circle\\" for=\\"uniqueid\\">some label</label>"`;
+exports[`Customize with label - CFormCheck component renders correctly 1`] = `
+"<input class=\\"btn-check is-invalid is-valid\\" id=\\"uniqueid\\" type=\\"checkbox\\">
+<label class=\\"btn btn-outline-warning btn-lg rounded-circle\\" disabled=\\"false\\" for=\\"uniqueid\\">some label</label>"
+`;
 
-exports[`Customize with label in slot - CFormCheck component renders correctly 1`] = `"<input class=\\"btn-check is-invalid is-valid\\" id=\\"uniqueid\\" type=\\"checkbox\\"><label class=\\"btn btn-outline-warning btn-lg rounded-circle\\" for=\\"uniqueid\\">some label</label>"`;
+exports[`Customize with label in slot - CFormCheck component renders correctly 1`] = `
+"<input class=\\"btn-check is-invalid is-valid\\" id=\\"uniqueid\\" type=\\"checkbox\\">
+<label class=\\"btn btn-outline-warning btn-lg rounded-circle\\" disabled=\\"false\\" for=\\"uniqueid\\">some label</label>"
+`;
 
 exports[`Loads and display CFormCheck component renders correctly 1`] = `"<input class=\\"form-check-input\\" type=\\"checkbox\\">"`;
diff --git a/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormRange.spec.ts.snap b/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormRange.spec.ts.snap
index 7a1298f4..e023fe3b 100644
--- a/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormRange.spec.ts.snap
+++ b/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormRange.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CFormRange component renders correctly 1`] = `"<input class=\\"form-range\\" disabled=\\"\\" max=\\"400\\" min=\\"50\\" steps=\\"10\\" readonly=\\"\\" type=\\"range\\">"`;
+exports[`Customize CFormRange component renders correctly 1`] = `"<input class=\\"form-range\\" disabled=\\"\\" max=\\"400\\" min=\\"50\\" readonly=\\"\\" steps=\\"10\\" type=\\"range\\">"`;
 
 exports[`Loads and display CFormRange component renders correctly 1`] = `"<input class=\\"form-range\\" type=\\"range\\">"`;
diff --git a/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModal.spec.ts.snap b/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModal.spec.ts.snap
index 07c56543..86ca7e34 100644
--- a/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModal.spec.ts.snap
+++ b/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModal.spec.ts.snap
@@ -7,8 +7,7 @@ exports[`Customize CModal component renders correctly 1`] = `
       <div class=\\"modal-content bazinga\\">Default slot</div>
     </div>
   </div>
-</transition-stub>
-<!---->"
+</transition-stub>"
 `;
 
 exports[`Loads and display CModal component renders correctly 1`] = `
diff --git a/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModalHeader.spec.ts.snap b/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModalHeader.spec.ts.snap
index 668eddc1..144cc655 100644
--- a/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModalHeader.spec.ts.snap
+++ b/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModalHeader.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CModalHeader component renders correctly 1`] = `"<span class=\\"modal-header\\">Default slot<button class=\\"btn btn-close\\" aria-label=\\"Close\\"></button></span>"`;
+exports[`Customize CModalHeader component renders correctly 1`] = `"<span class=\\"modal-header\\">Default slot<button type=\\"button\\" class=\\"btn btn-close\\" aria-label=\\"Close\\"></button></span>"`;
 
-exports[`Loads and display CModalHeader component renders correctly 1`] = `"<span class=\\"modal-header\\">Default slot<button class=\\"btn btn-close\\" aria-label=\\"Close\\"></button></span>"`;
+exports[`Loads and display CModalHeader component renders correctly 1`] = `"<span class=\\"modal-header\\">Default slot<button type=\\"button\\" class=\\"btn btn-close\\" aria-label=\\"Close\\"></button></span>"`;
diff --git a/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebar.spec.ts.snap b/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebar.spec.ts.snap
index d4ca113f..1f78fb3e 100644
--- a/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebar.spec.ts.snap
+++ b/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebar.spec.ts.snap
@@ -1,11 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CSidebar component renders correctly 1`] = `
-"<div class=\\"sidebar sidebar-narrow sidebar-overlaid sidebar-fixed sidebar-xl sidebar-narrow-unfoldable\\">Default slot</div>
-<!---->"
-`;
+exports[`Customize CSidebar component renders correctly 1`] = `"<div class=\\"sidebar sidebar-narrow sidebar-overlaid sidebar-fixed sidebar-xl sidebar-narrow-unfoldable\\">Default slot</div>"`;
 
-exports[`Loads and display CSidebar component renders correctly 1`] = `
-"<div class=\\"sidebar hide\\">Default slot</div>
-<!---->"
-`;
+exports[`Loads and display CSidebar component renders correctly 1`] = `"<div class=\\"sidebar hide\\">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToastClose.spec.ts.snap b/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToastClose.spec.ts.snap
index 1cd25be0..7bfc900e 100644
--- a/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToastClose.spec.ts.snap
+++ b/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToastClose.spec.ts.snap
@@ -2,4 +2,4 @@
 
 exports[`Customize CToastClose component renders correctly 1`] = `"<button class=\\"btn btn-undefined\\" type=\\"button\\">Default slot</button>"`;
 
-exports[`Loads and display CToastClose component renders correctly 1`] = `"<button class=\\"btn btn-close\\" aria-label=\\"Close\\"></button>"`;
+exports[`Loads and display CToastClose component renders correctly 1`] = `"<button type=\\"button\\" class=\\"btn btn-close\\" aria-label=\\"Close\\"></button>"`;
diff --git a/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToastHeader.spec.ts.snap b/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToastHeader.spec.ts.snap
index 8a67c412..0a22bada 100644
--- a/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToastHeader.spec.ts.snap
+++ b/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToastHeader.spec.ts.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CToastHeader component renders correctly 1`] = `"<div class=\\"toast-header\\">Default slot<button class=\\"btn btn-close\\" aria-label=\\"Close\\"></button></div>"`;
+exports[`Customize CToastHeader component renders correctly 1`] = `"<div class=\\"toast-header\\">Default slot<button type=\\"button\\" class=\\"btn btn-close\\" aria-label=\\"Close\\"></button></div>"`;
 
 exports[`Loads and display CToastHeader component renders correctly 1`] = `
 "<div class=\\"toast-header\\">Default slot
diff --git a/yarn.lock b/yarn.lock
index b33a29a0..71254e88 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -10,31 +10,19 @@
     "@jridgewell/gen-mapping" "^0.1.0"
     "@jridgewell/trace-mapping" "^0.3.9"
 
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.16.7":
-  version "7.16.7"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.16.7.tgz#44416b6bd7624b998f5b1af5d470856c40138789"
-  integrity sha512-iAXqUn8IIeBTNd72xsFlgaXHkMBMt6y4HJp1tIaK465CWLT/fG1aqB7ykr95gHHmlBdGbFeWWfyB4NJJ0nmeIg==
-  dependencies:
-    "@babel/highlight" "^7.16.7"
-
-"@babel/code-frame@^7.18.6":
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.18.6.tgz#3b25d38c89600baa2dcc219edfa88a74eb2c427a"
   integrity sha512-TDCmlK5eOvH+eH7cdAFlNXeVJqWIQ7gW9tY1GJIpUtFb6CmjVyq2VM3u71bOyR8CRihcCgMUYoDNyLXao3+70Q==
   dependencies:
     "@babel/highlight" "^7.18.6"
 
-"@babel/compat-data@^7.17.7":
-  version "7.17.7"
-  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.17.7.tgz#078d8b833fbbcc95286613be8c716cef2b519fa2"
-  integrity sha512-p8pdE6j0a29TNGebNm7NzYZWB3xVZJBZ7XGs42uAKzQo8VQ3F0By/cQCtUEABwIqw5zo6WA4NbmxsfzADzMKnQ==
-
 "@babel/compat-data@^7.18.8":
   version "7.18.8"
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.18.8.tgz#2483f565faca607b8535590e84e7de323f27764d"
   integrity sha512-HSmX4WZPPK3FUxYp7g2T6EyO8j96HlZJlxmKPSh6KAcqwyDrfx7hKjXpAW/0FhFfTJsR0Yt4lAjLI2coMptIHQ==
 
-"@babel/core@^7.11.6":
+"@babel/core@^7.11.6", "@babel/core@^7.12.3":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.18.9.tgz#805461f967c77ff46c74ca0460ccf4fe933ddd59"
   integrity sha512-1LIb1eL8APMy91/IMW+31ckrfBM4yCoLaVzoDhZUKSM4cu1L1nIidyxkCgzPAgrC5WEz36IPEr/eSeSF9pIn+g==
@@ -55,37 +43,7 @@
     json5 "^2.2.1"
     semver "^6.3.0"
 
-"@babel/core@^7.12.3":
-  version "7.17.9"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.17.9.tgz#6bae81a06d95f4d0dec5bb9d74bbc1f58babdcfe"
-  integrity sha512-5ug+SfZCpDAkVp9SFIZAzlW18rlzsOcJGaetCjkySnrXXDUw9AR8cDUm1iByTmdWM6yxX6/zycaV76w3YTF2gw==
-  dependencies:
-    "@ampproject/remapping" "^2.1.0"
-    "@babel/code-frame" "^7.16.7"
-    "@babel/generator" "^7.17.9"
-    "@babel/helper-compilation-targets" "^7.17.7"
-    "@babel/helper-module-transforms" "^7.17.7"
-    "@babel/helpers" "^7.17.9"
-    "@babel/parser" "^7.17.9"
-    "@babel/template" "^7.16.7"
-    "@babel/traverse" "^7.17.9"
-    "@babel/types" "^7.17.0"
-    convert-source-map "^1.7.0"
-    debug "^4.1.0"
-    gensync "^1.0.0-beta.2"
-    json5 "^2.2.1"
-    semver "^6.3.0"
-
-"@babel/generator@^7.17.9", "@babel/generator@^7.7.2":
-  version "7.17.9"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.17.9.tgz#f4af9fd38fa8de143c29fce3f71852406fc1e2fc"
-  integrity sha512-rAdDousTwxbIxbz5I7GEQ3lUip+xVCXooZNbsydCWs3xA7ZsYOv+CFRdzGxRX78BmQHu9B1Eso59AOZQOJDEdQ==
-  dependencies:
-    "@babel/types" "^7.17.0"
-    jsesc "^2.5.1"
-    source-map "^0.5.0"
-
-"@babel/generator@^7.18.9":
+"@babel/generator@^7.18.9", "@babel/generator@^7.7.2":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.18.9.tgz#68337e9ea8044d6ddc690fb29acae39359cca0a5"
   integrity sha512-wt5Naw6lJrL1/SGkipMiFxJjtyczUWTP38deiP1PO60HsBjDeKk08CGC3S8iVuvf0FmTdgKwU1KIXzSKL1G0Ug==
@@ -94,16 +52,6 @@
     "@jridgewell/gen-mapping" "^0.3.2"
     jsesc "^2.5.1"
 
-"@babel/helper-compilation-targets@^7.17.7":
-  version "7.17.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.17.7.tgz#a3c2924f5e5f0379b356d4cfb313d1414dc30e46"
-  integrity sha512-UFzlz2jjd8kroj0hmCFV5zr+tQPi1dpC2cRsDV/3IEW8bJfCPrPpmcSN6ZS8RqIq4LXcmpipCQFPddyFA5Yc7w==
-  dependencies:
-    "@babel/compat-data" "^7.17.7"
-    "@babel/helper-validator-option" "^7.16.7"
-    browserslist "^4.17.5"
-    semver "^6.3.0"
-
 "@babel/helper-compilation-targets@^7.18.9":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.18.9.tgz#69e64f57b524cde3e5ff6cc5a9f4a387ee5563bf"
@@ -114,26 +62,11 @@
     browserslist "^4.20.2"
     semver "^6.3.0"
 
-"@babel/helper-environment-visitor@^7.16.7":
-  version "7.16.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.16.7.tgz#ff484094a839bde9d89cd63cba017d7aae80ecd7"
-  integrity sha512-SLLb0AAn6PkUeAfKJCCOl9e1R53pQlGAfc4y4XuMRZfqeMYLE0dM1LMhqbGAlGQY0lfw5/ohoYWAe9V1yibRag==
-  dependencies:
-    "@babel/types" "^7.16.7"
-
 "@babel/helper-environment-visitor@^7.18.9":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.18.9.tgz#0c0cee9b35d2ca190478756865bb3528422f51be"
   integrity sha512-3r/aACDJ3fhQ/EVgFy0hpj8oHyHpQc+LPtJoY9SzTThAsStm4Ptegq92vqKoE3vD706ZVFWITnMnxucw+S9Ipg==
 
-"@babel/helper-function-name@^7.17.9":
-  version "7.17.9"
-  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.17.9.tgz#136fcd54bc1da82fcb47565cf16fd8e444b1ff12"
-  integrity sha512-7cRisGlVtiVqZ0MW0/yFB4atgpGLWEHUVYnb448hZK4x+vih0YO5UoS11XIYtZYqHd0dIPMdUSv8q5K4LdMnIg==
-  dependencies:
-    "@babel/template" "^7.16.7"
-    "@babel/types" "^7.17.0"
-
 "@babel/helper-function-name@^7.18.9":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.18.9.tgz#940e6084a55dee867d33b4e487da2676365e86b0"
@@ -142,13 +75,6 @@
     "@babel/template" "^7.18.6"
     "@babel/types" "^7.18.9"
 
-"@babel/helper-hoist-variables@^7.16.7":
-  version "7.16.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.16.7.tgz#86bcb19a77a509c7b77d0e22323ef588fa58c246"
-  integrity sha512-m04d/0Op34H5v7pbZw6pSKP7weA6lsMvfiIAMeIvkY/R4xQtBSMFEigu9QTZ2qB/9l22vsxtM8a+Q8CzD255fg==
-  dependencies:
-    "@babel/types" "^7.16.7"
-
 "@babel/helper-hoist-variables@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.18.6.tgz#d4d2c8fb4baeaa5c68b99cc8245c56554f926678"
@@ -156,13 +82,6 @@
   dependencies:
     "@babel/types" "^7.18.6"
 
-"@babel/helper-module-imports@^7.16.7":
-  version "7.16.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.16.7.tgz#25612a8091a999704461c8a222d0efec5d091437"
-  integrity sha512-LVtS6TqjJHFc+nYeITRo6VLXve70xmq7wPhWTqDJusJEgGmkAACWwMiTNrvfoQo6hEhFwAIixNkvB0jPXDL8Wg==
-  dependencies:
-    "@babel/types" "^7.16.7"
-
 "@babel/helper-module-imports@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.18.6.tgz#1e3ebdbbd08aad1437b428c50204db13c5a3ca6e"
@@ -170,21 +89,7 @@
   dependencies:
     "@babel/types" "^7.18.6"
 
-"@babel/helper-module-transforms@^7.17.7":
-  version "7.17.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.17.7.tgz#3943c7f777139e7954a5355c815263741a9c1cbd"
-  integrity sha512-VmZD99F3gNTYB7fJRDTi+u6l/zxY0BE6OIxPSU7a50s6ZUQkHwSDmV92FfM+oCG0pZRVojGYhkR8I0OGeCVREw==
-  dependencies:
-    "@babel/helper-environment-visitor" "^7.16.7"
-    "@babel/helper-module-imports" "^7.16.7"
-    "@babel/helper-simple-access" "^7.17.7"
-    "@babel/helper-split-export-declaration" "^7.16.7"
-    "@babel/helper-validator-identifier" "^7.16.7"
-    "@babel/template" "^7.16.7"
-    "@babel/traverse" "^7.17.3"
-    "@babel/types" "^7.17.0"
-
-"@babel/helper-module-transforms@^7.18.9":
+"@babel/helper-module-transforms@^7.18.6", "@babel/helper-module-transforms@^7.18.9":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.18.9.tgz#5a1079c005135ed627442df31a42887e80fcb712"
   integrity sha512-KYNqY0ICwfv19b31XzvmI/mfcylOzbLtowkw+mfvGPAQ3kfCnMLYbED3YecL5tPd8nAYFQFAd6JHp2LxZk/J1g==
@@ -198,17 +103,10 @@
     "@babel/traverse" "^7.18.9"
     "@babel/types" "^7.18.9"
 
-"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.16.7", "@babel/helper-plugin-utils@^7.8.0":
-  version "7.16.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.16.7.tgz#aa3a8ab4c3cceff8e65eb9e73d87dc4ff320b2f5"
-  integrity sha512-Qg3Nk7ZxpgMrsox6HreY1ZNKdBq7K72tDSliA6dCl5f007jR4ne8iD5UzuNnCJH2xBf2BEEVGr+/OL6Gdp7RxA==
-
-"@babel/helper-simple-access@^7.17.7":
-  version "7.17.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.17.7.tgz#aaa473de92b7987c6dfa7ce9a7d9674724823367"
-  integrity sha512-txyMCGroZ96i+Pxr3Je3lzEJjqwaRC9buMUgtomcrLe5Nd0+fk1h0LLA+ixUF5OW7AhHuQ7Es1WcQJZmZsz2XA==
-  dependencies:
-    "@babel/types" "^7.17.0"
+"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.8.0":
+  version "7.18.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.18.9.tgz#4b8aea3b069d8cb8a72cdfe28ddf5ceca695ef2f"
+  integrity sha512-aBXPT3bmtLryXaoJLyYPXPlSD4p1ld9aYeR+sJNOZjJJGiOpb+fKfh3NkcCu7J54nUJwCERPBExCCpyCOHnu/w==
 
 "@babel/helper-simple-access@^7.18.6":
   version "7.18.6"
@@ -217,13 +115,6 @@
   dependencies:
     "@babel/types" "^7.18.6"
 
-"@babel/helper-split-export-declaration@^7.16.7":
-  version "7.16.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.16.7.tgz#0b648c0c42da9d3920d85ad585f2778620b8726b"
-  integrity sha512-xbWoy/PFoxSWazIToT9Sif+jJTlrMcndIsaOKvTA6u7QEo7ilkRZpjew18/W3c7nm8fXdUDXh02VXTbZ0pGDNw==
-  dependencies:
-    "@babel/types" "^7.16.7"
-
 "@babel/helper-split-export-declaration@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.18.6.tgz#7367949bc75b20c6d5a5d4a97bba2824ae8ef075"
@@ -231,35 +122,16 @@
   dependencies:
     "@babel/types" "^7.18.6"
 
-"@babel/helper-validator-identifier@^7.16.7":
-  version "7.16.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.16.7.tgz#e8c602438c4a8195751243da9031d1607d247cad"
-  integrity sha512-hsEnFemeiW4D08A5gUAZxLBTXpZ39P+a+DGDsHw1yxqyQ/jzFEnxf5uTEGp+3bzAbNOxU1paTgYS4ECU/IgfDw==
-
 "@babel/helper-validator-identifier@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.18.6.tgz#9c97e30d31b2b8c72a1d08984f2ca9b574d7a076"
   integrity sha512-MmetCkz9ej86nJQV+sFCxoGGrUbU3q02kgLciwkrt9QqEB7cP39oKEY0PakknEO0Gu20SskMRi+AYZ3b1TpN9g==
 
-"@babel/helper-validator-option@^7.16.7":
-  version "7.16.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.16.7.tgz#b203ce62ce5fe153899b617c08957de860de4d23"
-  integrity sha512-TRtenOuRUVo9oIQGPC5G9DgK4743cdxvtOw0weQNpZXaS16SCBi5MNjZF8vba3ETURjZpTbVn7Vvcf2eAwFozQ==
-
 "@babel/helper-validator-option@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.18.6.tgz#bf0d2b5a509b1f336099e4ff36e1a63aa5db4db8"
   integrity sha512-XO7gESt5ouv/LRJdrVjkShckw6STTaB7l9BrpBaAHDeF5YZT+01PCwmR0SJHnkW6i8OwW/EVWRShfi4j2x+KQw==
 
-"@babel/helpers@^7.17.9":
-  version "7.17.9"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.17.9.tgz#b2af120821bfbe44f9907b1826e168e819375a1a"
-  integrity sha512-cPCt915ShDWUEzEp3+UNRktO2n6v49l5RSnG9M5pS24hA+2FAc5si+Pn1i4VVbQQ+jh+bIZhPFQOJOzbrOYY1Q==
-  dependencies:
-    "@babel/template" "^7.16.7"
-    "@babel/traverse" "^7.17.9"
-    "@babel/types" "^7.17.0"
-
 "@babel/helpers@^7.18.9":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.18.9.tgz#4bef3b893f253a1eced04516824ede94dcfe7ff9"
@@ -269,15 +141,6 @@
     "@babel/traverse" "^7.18.9"
     "@babel/types" "^7.18.9"
 
-"@babel/highlight@^7.16.7":
-  version "7.17.9"
-  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.17.9.tgz#61b2ee7f32ea0454612def4fccdae0de232b73e3"
-  integrity sha512-J9PfEKCbFIv2X5bjTMiZu6Vf341N05QIY+d6FvVKynkG1S7G0j3I0QoRtWIrXhZ+/Nlb5Q0MzqL7TokEJ5BNHg==
-  dependencies:
-    "@babel/helper-validator-identifier" "^7.16.7"
-    chalk "^2.0.0"
-    js-tokens "^4.0.0"
-
 "@babel/highlight@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.18.6.tgz#81158601e93e2563795adcbfbdf5d64be3f2ecdf"
@@ -287,12 +150,7 @@
     chalk "^2.0.0"
     js-tokens "^4.0.0"
 
-"@babel/parser@^7.1.0", "@babel/parser@^7.13.12", "@babel/parser@^7.14.7", "@babel/parser@^7.16.4", "@babel/parser@^7.16.7", "@babel/parser@^7.17.9", "@babel/parser@^7.6.0", "@babel/parser@^7.9.6":
-  version "7.17.9"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.17.9.tgz#9c94189a6062f0291418ca021077983058e171ef"
-  integrity sha512-vqUSBLP8dQHFPdPi9bc5GK9vRkYHJ49fsZdtoJ8EQ8ibpwk5rPKfvNIwChB0KVXcIjcepEBBd2VHC5r9Gy8ueg==
-
-"@babel/parser@^7.18.6", "@babel/parser@^7.18.9":
+"@babel/parser@^7.1.0", "@babel/parser@^7.13.12", "@babel/parser@^7.14.7", "@babel/parser@^7.16.4", "@babel/parser@^7.18.6", "@babel/parser@^7.18.9", "@babel/parser@^7.6.0", "@babel/parser@^7.9.6":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.18.9.tgz#f2dde0c682ccc264a9a8595efd030a5cc8fd2539"
   integrity sha512-9uJveS9eY9DJ0t64YbIBZICtJy8a5QrDEVdiLCG97fVLpDTpGX7t8mMSb6OWw6Lrnjqj4O8zwjELX3dhoMgiBg==
@@ -382,32 +240,23 @@
     "@babel/helper-plugin-utils" "^7.14.5"
 
 "@babel/plugin-syntax-typescript@^7.7.2":
-  version "7.16.7"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.16.7.tgz#39c9b55ee153151990fb038651d58d3fd03f98f8"
-  integrity sha512-YhUIJHHGkqPgEcMYkPCKTyGUdoGKWtopIycQyjJH8OjvRgOYsXsaKehLVPScKJWAULPxMa4N1vCe6szREFlZ7A==
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.18.6.tgz#1c09cd25795c7c2b8a4ba9ae49394576d4133285"
+  integrity sha512-mAWAuq4rvOepWCBid55JuRNvpTNf2UGVgoz4JV0fXEKolsVZDzsa4NqCef758WZJj/GDu0gVGItjKFiClTAmZA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.16.7"
+    "@babel/helper-plugin-utils" "^7.18.6"
 
 "@babel/plugin-transform-modules-commonjs@^7.2.0":
-  version "7.17.9"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.17.9.tgz#274be1a2087beec0254d4abd4d86e52442e1e5b6"
-  integrity sha512-2TBFd/r2I6VlYn0YRTz2JdazS+FoUuQ2rIFHoAxtyP/0G3D82SBLaRq9rnUkpqlLg03Byfl/+M32mpxjO6KaPw==
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.18.6.tgz#afd243afba166cca69892e24a8fd8c9f2ca87883"
+  integrity sha512-Qfv2ZOWikpvmedXQJDSbxNqy7Xr/j2Y8/KfijM0iJyKkBTmWuvCA1yeH1yDM7NJhBW/2aXxeucLj6i80/LAJ/Q==
   dependencies:
-    "@babel/helper-module-transforms" "^7.17.7"
-    "@babel/helper-plugin-utils" "^7.16.7"
-    "@babel/helper-simple-access" "^7.17.7"
+    "@babel/helper-module-transforms" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-simple-access" "^7.18.6"
     babel-plugin-dynamic-import-node "^2.3.3"
 
-"@babel/template@^7.16.7", "@babel/template@^7.3.3":
-  version "7.16.7"
-  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.16.7.tgz#8d126c8701fde4d66b264b3eba3d96f07666d155"
-  integrity sha512-I8j/x8kHUrbYRTUxXrrMbfCa7jxkE7tZre39x3kjr9hvI82cK1FfqLygotcWN5kdPGWcLdWMHpSBavse5tWw3w==
-  dependencies:
-    "@babel/code-frame" "^7.16.7"
-    "@babel/parser" "^7.16.7"
-    "@babel/types" "^7.16.7"
-
-"@babel/template@^7.18.6":
+"@babel/template@^7.18.6", "@babel/template@^7.3.3":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.18.6.tgz#1283f4993e00b929d6e2d3c72fdc9168a2977a31"
   integrity sha512-JoDWzPe+wgBsTTgdnIma3iHNFC7YVJoPssVBDjiHfNlyt4YcunDtcDOUmfVDfCK5MfdsaIoX9PkijPhjH3nYUw==
@@ -416,23 +265,7 @@
     "@babel/parser" "^7.18.6"
     "@babel/types" "^7.18.6"
 
-"@babel/traverse@^7.17.3", "@babel/traverse@^7.17.9", "@babel/traverse@^7.7.2":
-  version "7.17.9"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.17.9.tgz#1f9b207435d9ae4a8ed6998b2b82300d83c37a0d"
-  integrity sha512-PQO8sDIJ8SIwipTPiR71kJQCKQYB5NGImbOviK8K+kg5xkNSYXLBupuX9QhatFowrsvo9Hj8WgArg3W7ijNAQw==
-  dependencies:
-    "@babel/code-frame" "^7.16.7"
-    "@babel/generator" "^7.17.9"
-    "@babel/helper-environment-visitor" "^7.16.7"
-    "@babel/helper-function-name" "^7.17.9"
-    "@babel/helper-hoist-variables" "^7.16.7"
-    "@babel/helper-split-export-declaration" "^7.16.7"
-    "@babel/parser" "^7.17.9"
-    "@babel/types" "^7.17.0"
-    debug "^4.1.0"
-    globals "^11.1.0"
-
-"@babel/traverse@^7.18.9":
+"@babel/traverse@^7.18.9", "@babel/traverse@^7.7.2":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.18.9.tgz#deeff3e8f1bad9786874cb2feda7a2d77a904f98"
   integrity sha512-LcPAnujXGwBgv3/WHv01pHtb2tihcyW1XuL9wd7jqh1Z8AQkTd+QVjMrMijrln0T7ED3UXLIy36P9Ao7W75rYg==
@@ -448,15 +281,7 @@
     debug "^4.1.0"
     globals "^11.1.0"
 
-"@babel/types@^7.0.0", "@babel/types@^7.13.12", "@babel/types@^7.16.7", "@babel/types@^7.17.0", "@babel/types@^7.3.0", "@babel/types@^7.3.3", "@babel/types@^7.6.1", "@babel/types@^7.9.6":
-  version "7.17.0"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.17.0.tgz#a826e368bccb6b3d84acd76acad5c0d87342390b"
-  integrity sha512-TmKSNO4D5rzhL5bjWFcVHHLETzfQ/AmbKpKPOSjlP0WoHZ6L911fgoOKY4Alp/emzG4cHJdyN49zpgkbXFEHHw==
-  dependencies:
-    "@babel/helper-validator-identifier" "^7.16.7"
-    to-fast-properties "^2.0.0"
-
-"@babel/types@^7.18.6", "@babel/types@^7.18.9":
+"@babel/types@^7.0.0", "@babel/types@^7.13.12", "@babel/types@^7.18.6", "@babel/types@^7.18.9", "@babel/types@^7.3.0", "@babel/types@^7.3.3", "@babel/types@^7.6.1", "@babel/types@^7.9.6":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.18.9.tgz#7148d64ba133d8d73a41b3172ac4b83a1452205f"
   integrity sha512-WwMLAg2MvJmt/rKEVQBBhIVffMmnilX4oe0sRe7iPOHIGsqpruFHHdrfj4O1CMMtgMtCU4oPafZjDPCRgO57Wg==
@@ -748,11 +573,11 @@
     chalk "^4.0.0"
 
 "@jridgewell/gen-mapping@^0.1.0":
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.1.0.tgz#b30fd66b5426bb7f44bb6043ab127b20ee404063"
-  integrity sha512-YH+BnkvuCiPR+MUOY6JIArdTIGrRtsxnLaIxPRy4CpGJ/V6OO6Gq/1J+FJEc4j5e5h6Bcy3/K7prlMrm93BJoA==
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz#e5d2e450306a9491e3bd77e323e38d7aff315996"
+  integrity sha512-sQXCasFk+U8lWYEe66WxRDOE9PjVz4vSM51fTu3Hw+ClTpUSQb718772vH3pyS5pShp6lvQM7SxgIDXXXmOX7w==
   dependencies:
-    "@jridgewell/set-array" "1.0.0"
+    "@jridgewell/set-array" "^1.0.0"
     "@jridgewell/sourcemap-codec" "^1.4.10"
 
 "@jridgewell/gen-mapping@^0.3.2":
@@ -765,26 +590,21 @@
     "@jridgewell/trace-mapping" "^0.3.9"
 
 "@jridgewell/resolve-uri@^3.0.3":
-  version "3.0.6"
-  resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.0.6.tgz#4ac237f4dabc8dd93330386907b97591801f7352"
-  integrity sha512-R7xHtBSNm+9SyvpJkdQl+qrM3Hm2fea3Ef197M3mUug+v+yR+Rhfbs7PBtcBUVnIWJ4JcAdjvij+c8hXS9p5aw==
-
-"@jridgewell/set-array@1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.0.0.tgz#6a8e62049ab198c5f7daf8047e71947ef46c11c8"
-  integrity sha512-LcqVnHCjOAj8BTCtjpwYZCMTn4yArusbdObCVRUYvBHhrR5fVLVyENG+UVWM4T4H/ufv7NiBLdprllxWs/5PaQ==
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz#2203b118c157721addfe69d47b70465463066d78"
+  integrity sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==
 
-"@jridgewell/set-array@^1.0.1":
+"@jridgewell/set-array@^1.0.0", "@jridgewell/set-array@^1.0.1":
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.1.2.tgz#7c6cf998d6d20b914c0a55a91ae928ff25965e72"
   integrity sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==
 
 "@jridgewell/sourcemap-codec@^1.4.10":
-  version "1.4.11"
-  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.11.tgz#771a1d8d744eeb71b6adb35808e1a6c7b9b8c8ec"
-  integrity sha512-Fg32GrJo61m+VqYSdRSjRXMjQ06j8YIYfcTqndLYVAaHmroZHLJZCydsWBOTDqXS2v+mjxohBWEMfg97GXmYQg==
+  version "1.4.14"
+  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz#add4c98d341472a289190b424efbdb096991bb24"
+  integrity sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==
 
-"@jridgewell/trace-mapping@^0.3.12", "@jridgewell/trace-mapping@^0.3.13":
+"@jridgewell/trace-mapping@^0.3.12", "@jridgewell/trace-mapping@^0.3.13", "@jridgewell/trace-mapping@^0.3.9":
   version "0.3.14"
   resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.14.tgz#b231a081d8f66796e475ad588a1ef473112701ed"
   integrity sha512-bJWEfQ9lPTvm3SneWwRFVLzrh6nhjwqw7TUFFBEMzwvg7t7PCDenf2lDwqo4NQXzdpgBXyFgDWnQA+2vkruksQ==
@@ -792,14 +612,6 @@
     "@jridgewell/resolve-uri" "^3.0.3"
     "@jridgewell/sourcemap-codec" "^1.4.10"
 
-"@jridgewell/trace-mapping@^0.3.9":
-  version "0.3.9"
-  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz#6534fd5933a53ba7cbf3a17615e273a0d1273ff9"
-  integrity sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==
-  dependencies:
-    "@jridgewell/resolve-uri" "^3.0.3"
-    "@jridgewell/sourcemap-codec" "^1.4.10"
-
 "@lerna/add@4.0.0":
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/@lerna/add/-/add-4.0.0.tgz#c36f57d132502a57b9e7058d1548b7a565ef183f"
@@ -1595,10 +1407,10 @@
     "@octokit/types" "^6.0.3"
     universal-user-agent "^6.0.0"
 
-"@octokit/openapi-types@^11.2.0":
-  version "11.2.0"
-  resolved "https://registry.yarnpkg.com/@octokit/openapi-types/-/openapi-types-11.2.0.tgz#b38d7fc3736d52a1e96b230c1ccd4a58a2f400a6"
-  integrity sha512-PBsVO+15KSlGmiI8QAzaqvsNlZlrDlyAJYcrXBCvVUxCp7VnXjkwPoFHgjEJXx3WF9BAwkA6nfCUA7i9sODzKA==
+"@octokit/openapi-types@^12.10.0":
+  version "12.10.1"
+  resolved "https://registry.yarnpkg.com/@octokit/openapi-types/-/openapi-types-12.10.1.tgz#57b5cc6c7b4e55d8642c93d06401fb1af4839899"
+  integrity sha512-P+SukKanjFY0ZhsK6wSVnQmxTP2eVPPE8OPSNuxaMYtgVzwJZgfGdwlYjf4RlRU4vLEw4ts2fsE2icG4nZ5ddQ==
 
 "@octokit/plugin-enterprise-rest@^6.0.1":
   version "6.0.1"
@@ -1606,11 +1418,11 @@
   integrity sha512-93uGjlhUD+iNg1iWhUENAtJata6w5nE+V4urXOAlIXdco6xNZtUSfYY8dzp3Udy74aqO/B5UZL80x/YMa5PKRw==
 
 "@octokit/plugin-paginate-rest@^2.16.8":
-  version "2.17.0"
-  resolved "https://registry.yarnpkg.com/@octokit/plugin-paginate-rest/-/plugin-paginate-rest-2.17.0.tgz#32e9c7cab2a374421d3d0de239102287d791bce7"
-  integrity sha512-tzMbrbnam2Mt4AhuyCHvpRkS0oZ5MvwwcQPYGtMv4tUa5kkzG58SVB0fcsLulOZQeRnOgdkZWkRUiyBlh0Bkyw==
+  version "2.21.3"
+  resolved "https://registry.yarnpkg.com/@octokit/plugin-paginate-rest/-/plugin-paginate-rest-2.21.3.tgz#7f12532797775640dbb8224da577da7dc210c87e"
+  integrity sha512-aCZTEf0y2h3OLbrgKkrfFdjRL6eSOo8komneVQJnYecAxIej7Bafor2xhuDJOIFau4pk0i/P28/XgtbyPF0ZHw==
   dependencies:
-    "@octokit/types" "^6.34.0"
+    "@octokit/types" "^6.40.0"
 
 "@octokit/plugin-request-log@^1.0.4":
   version "1.0.4"
@@ -1618,11 +1430,11 @@
   integrity sha512-mLUsMkgP7K/cnFEw07kWqXGF5LKrOkD+lhCrKvPHXWDywAwuDUeDwWBpc69XK3pNX0uKiVt8g5z96PJ6z9xCFA==
 
 "@octokit/plugin-rest-endpoint-methods@^5.12.0":
-  version "5.13.0"
-  resolved "https://registry.yarnpkg.com/@octokit/plugin-rest-endpoint-methods/-/plugin-rest-endpoint-methods-5.13.0.tgz#8c46109021a3412233f6f50d28786f8e552427ba"
-  integrity sha512-uJjMTkN1KaOIgNtUPMtIXDOjx6dGYysdIFhgA52x4xSadQCz3b/zJexvITDVpANnfKPW/+E0xkOvLntqMYpviA==
+  version "5.16.2"
+  resolved "https://registry.yarnpkg.com/@octokit/plugin-rest-endpoint-methods/-/plugin-rest-endpoint-methods-5.16.2.tgz#7ee8bf586df97dd6868cf68f641354e908c25342"
+  integrity sha512-8QFz29Fg5jDuTPXVtey05BLm7OB+M8fnvE64RNegzX7U+5NUXcOcnpTIK0YfSHBg8gYd0oxIq3IZTe9SfPZiRw==
   dependencies:
-    "@octokit/types" "^6.34.0"
+    "@octokit/types" "^6.39.0"
     deprecation "^2.3.1"
 
 "@octokit/request-error@^2.0.5", "@octokit/request-error@^2.1.0":
@@ -1656,12 +1468,12 @@
     "@octokit/plugin-request-log" "^1.0.4"
     "@octokit/plugin-rest-endpoint-methods" "^5.12.0"
 
-"@octokit/types@^6.0.3", "@octokit/types@^6.16.1", "@octokit/types@^6.34.0":
-  version "6.34.0"
-  resolved "https://registry.yarnpkg.com/@octokit/types/-/types-6.34.0.tgz#c6021333334d1ecfb5d370a8798162ddf1ae8218"
-  integrity sha512-s1zLBjWhdEI2zwaoSgyOFoKSl109CUcVBCc7biPJ3aAf6LGLU6szDvi31JPU7bxfla2lqfhjbbg/5DdFNxOwHw==
+"@octokit/types@^6.0.3", "@octokit/types@^6.16.1", "@octokit/types@^6.39.0", "@octokit/types@^6.40.0":
+  version "6.40.0"
+  resolved "https://registry.yarnpkg.com/@octokit/types/-/types-6.40.0.tgz#f2e665196d419e19bb4265603cf904a820505d0e"
+  integrity sha512-MFZOU5r8SwgJWDMhrLUSvyJPtVsqA6VnbVI3TNbsmw+Jnvrktzvq2fYES/6RiJA/5Ykdwq4mJmtlYUfW7CGjmw==
   dependencies:
-    "@octokit/openapi-types" "^11.2.0"
+    "@octokit/openapi-types" "^12.10.0"
 
 "@popperjs/core@^2.11.5":
   version "2.11.5"
@@ -1734,6 +1546,11 @@
   resolved "https://registry.yarnpkg.com/@tootallnate/once/-/once-1.1.2.tgz#ccb91445360179a04e7fe6aff78c00ffc1eeaf82"
   integrity sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw==
 
+"@tootallnate/once@2":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@tootallnate/once/-/once-2.0.0.tgz#f544a148d3ab35801c1f633a7441fd87c2e484bf"
+  integrity sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==
+
 "@types/babel__core@^7.1.14":
   version "7.1.19"
   resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.1.19.tgz#7b497495b7d1b4812bdb9d02804d0576f43ee460"
@@ -1775,9 +1592,9 @@
     "@types/ms" "*"
 
 "@types/estree@*":
-  version "0.0.51"
-  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.51.tgz#cfd70924a25a3fd32b218e5e420e6897e1ac4f40"
-  integrity sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ==
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.0.tgz#5fb2e536c1ae9bf35366eed879e827fa59ca41c2"
+  integrity sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==
 
 "@types/estree@0.0.39":
   version "0.0.39"
@@ -1838,6 +1655,15 @@
     jest-matcher-utils "^28.0.0"
     pretty-format "^28.0.0"
 
+"@types/jsdom@^16.2.4":
+  version "16.2.15"
+  resolved "https://registry.yarnpkg.com/@types/jsdom/-/jsdom-16.2.15.tgz#6c09990ec43b054e49636cba4d11d54367fc90d6"
+  integrity sha512-nwF87yjBKuX/roqGYerZZM0Nv1pZDMAT5YhOHYeM/72Fic+VEqJh4nyoqoapzJnW3pUlfxPY5FhgsJtM+dRnQQ==
+  dependencies:
+    "@types/node" "*"
+    "@types/parse5" "^6.0.3"
+    "@types/tough-cookie" "*"
+
 "@types/json-schema@^7.0.9":
   version "7.0.11"
   resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.11.tgz#d421b6c527a3037f7c84433fd2c4229e016863d3"
@@ -1882,9 +1708,9 @@
   integrity sha512-iiUgKzV9AuaEkZqkOLDIvlQiL6ltuZd9tGcW3gwpnX8JbuiuhFlEGmmFXEXkN50Cvq7Os88IY2v0dkDqXYWVgA==
 
 "@types/node@*":
-  version "17.0.29"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-17.0.29.tgz#7f2e1159231d4a077bb660edab0fde373e375a3d"
-  integrity sha512-tx5jMmMFwx7wBwq/V7OohKDVb/JwJU5qCVkeLMh1//xycAJ/ESuw9aJ9SEtlCZDYi2pBfe4JkisSoAtbOsBNAA==
+  version "18.6.1"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-18.6.1.tgz#828e4785ccca13f44e2fb6852ae0ef11e3e20ba5"
+  integrity sha512-z+2vB6yDt1fNwKOeGbckpmirO+VBDuQqecXkgeIqDlaOtmKn6hPR/viQ8cxCfqLU4fTlvM3+YjM367TukWdxpg==
 
 "@types/normalize-package-data@^2.4.0":
   version "2.4.1"
@@ -1896,10 +1722,15 @@
   resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.0.tgz#2f8bb441434d163b35fb8ffdccd7138927ffb8c0"
   integrity sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==
 
+"@types/parse5@^6.0.3":
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/@types/parse5/-/parse5-6.0.3.tgz#705bb349e789efa06f43f128cef51240753424cb"
+  integrity sha512-SuT16Q1K51EAVPz1K29DJ/sXjhSQ0zjvsypYJ6tlwVsRV9jwW5Adq2ch8Dq8kDBCkYnELS7N7VNCSB5nC56t/g==
+
 "@types/prettier@^2.1.5":
-  version "2.6.0"
-  resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-2.6.0.tgz#efcbd41937f9ae7434c714ab698604822d890759"
-  integrity sha512-G/AdOadiZhnJp0jXCaBQU449W2h716OW/EoXeYkCytxKL06X1WCXB4DZpp8TpZ8eyIJVS1cw4lrlkkSYU21cDw==
+  version "2.6.3"
+  resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-2.6.3.tgz#68ada76827b0010d0db071f739314fa429943d0a"
+  integrity sha512-ymZk3LEC/fsut+/Q5qejp6R9O1rMxz3XaRHDV6kX8MrGAhOSPqVARbDi+EZvInBpw+BnCX3TD240byVkOfQsHg==
 
 "@types/resolve@1.17.1":
   version "1.17.1"
@@ -1916,13 +1747,23 @@
 "@types/strip-bom@^3.0.0":
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/@types/strip-bom/-/strip-bom-3.0.0.tgz#14a8ec3956c2e81edb7520790aecf21c290aebd2"
-  integrity sha1-FKjsOVbC6B7bdSB5CuzyHCkK69I=
+  integrity sha512-xevGOReSYGM7g/kUBZzPqCrR/KYAo+F0yiPc85WFTJa0MSLtyFTVTU6cJu/aV4mid7IffDIWqo69THF2o4JiEQ==
 
 "@types/strip-json-comments@0.0.30":
   version "0.0.30"
   resolved "https://registry.yarnpkg.com/@types/strip-json-comments/-/strip-json-comments-0.0.30.tgz#9aa30c04db212a9a0649d6ae6fd50accc40748a1"
   integrity sha512-7NQmHra/JILCd1QqpSzl8+mJRc8ZHz3uDm8YV1Ks9IhK0epEiTw8aIErbvH9PI+6XbqhyIQy3462nEsn7UVzjQ==
 
+"@types/tough-cookie@*":
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/@types/tough-cookie/-/tough-cookie-4.0.2.tgz#6286b4c7228d58ab7866d19716f3696e03a09397"
+  integrity sha512-Q5vtl1W5ue16D+nIaW8JWebSSraJVlK+EthKn7e7UcD4KWsaSJ8BqGPXNaPghgtcn/fhvrN17Tv8ksUsQpiplw==
+
+"@types/web-bluetooth@^0.0.14":
+  version "0.0.14"
+  resolved "https://registry.yarnpkg.com/@types/web-bluetooth/-/web-bluetooth-0.0.14.tgz#94e175b53623384bff1f354cdb3197a8d63cdbe5"
+  integrity sha512-5d2RhCard1nQUC3aHcq/gHzWYO6K0WJmAbjO7mQJgCQKtZpgXxv1rOM6O/dBDhDYYVutk1sciOgNSe+5YyfM8A==
+
 "@types/yargs-parser@*":
   version "21.0.0"
   resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-21.0.0.tgz#0c60e537fa790f5f9472ed2776c2b71ec117351b"
@@ -1935,29 +1776,14 @@
   dependencies:
     "@types/yargs-parser" "*"
 
-"@typescript-eslint/eslint-plugin@^5.0.0":
-  version "5.21.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.21.0.tgz#bfc22e0191e6404ab1192973b3b4ea0461c1e878"
-  integrity sha512-fTU85q8v5ZLpoZEyn/u1S2qrFOhi33Edo2CZ0+q1gDaWWm0JuPh3bgOyU8lM0edIEYgKLDkPFiZX2MOupgjlyg==
+"@typescript-eslint/eslint-plugin@^5.0.0", "@typescript-eslint/eslint-plugin@^5.30.7":
+  version "5.31.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.31.0.tgz#cae1967b1e569e6171bbc6bec2afa4e0c8efccfe"
+  integrity sha512-VKW4JPHzG5yhYQrQ1AzXgVgX8ZAJEvCz0QI6mLRX4tf7rnFfh5D8SKm0Pq6w5PyNfAWJk6sv313+nEt3ohWMBQ==
   dependencies:
-    "@typescript-eslint/scope-manager" "5.21.0"
-    "@typescript-eslint/type-utils" "5.21.0"
-    "@typescript-eslint/utils" "5.21.0"
-    debug "^4.3.2"
-    functional-red-black-tree "^1.0.1"
-    ignore "^5.1.8"
-    regexpp "^3.2.0"
-    semver "^7.3.5"
-    tsutils "^3.21.0"
-
-"@typescript-eslint/eslint-plugin@^5.30.7":
-  version "5.30.7"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.30.7.tgz#1621dabc1ae4084310e19e9efc80dfdbb97e7493"
-  integrity sha512-l4L6Do+tfeM2OK0GJsU7TUcM/1oN/N25xHm3Jb4z3OiDU4Lj8dIuxX9LpVMS9riSXQs42D1ieX7b85/r16H9Fw==
-  dependencies:
-    "@typescript-eslint/scope-manager" "5.30.7"
-    "@typescript-eslint/type-utils" "5.30.7"
-    "@typescript-eslint/utils" "5.30.7"
+    "@typescript-eslint/scope-manager" "5.31.0"
+    "@typescript-eslint/type-utils" "5.31.0"
+    "@typescript-eslint/utils" "5.31.0"
     debug "^4.3.4"
     functional-red-black-tree "^1.0.1"
     ignore "^5.2.0"
@@ -1965,150 +1791,75 @@
     semver "^7.3.7"
     tsutils "^3.21.0"
 
-"@typescript-eslint/parser@^5.0.0":
-  version "5.21.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.21.0.tgz#6cb72673dbf3e1905b9c432175a3c86cdaf2071f"
-  integrity sha512-8RUwTO77hstXUr3pZoWZbRQUxXcSXafZ8/5gpnQCfXvgmP9gpNlRGlWzvfbEQ14TLjmtU8eGnONkff8U2ui2Eg==
-  dependencies:
-    "@typescript-eslint/scope-manager" "5.21.0"
-    "@typescript-eslint/types" "5.21.0"
-    "@typescript-eslint/typescript-estree" "5.21.0"
-    debug "^4.3.2"
-
-"@typescript-eslint/parser@^5.30.7":
-  version "5.30.7"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.30.7.tgz#99d09729392aec9e64b1de45cd63cb81a4ddd980"
-  integrity sha512-Rg5xwznHWWSy7v2o0cdho6n+xLhK2gntImp0rJroVVFkcYFYQ8C8UJTSuTw/3CnExBmPjycjmUJkxVmjXsld6A==
+"@typescript-eslint/parser@^5.0.0", "@typescript-eslint/parser@^5.30.7":
+  version "5.31.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.31.0.tgz#7f42d7dcc68a0a6d80a0f3d9a65063aee7bb8d2c"
+  integrity sha512-UStjQiZ9OFTFReTrN+iGrC6O/ko9LVDhreEK5S3edmXgR396JGq7CoX2TWIptqt/ESzU2iRKXAHfSF2WJFcWHw==
   dependencies:
-    "@typescript-eslint/scope-manager" "5.30.7"
-    "@typescript-eslint/types" "5.30.7"
-    "@typescript-eslint/typescript-estree" "5.30.7"
+    "@typescript-eslint/scope-manager" "5.31.0"
+    "@typescript-eslint/types" "5.31.0"
+    "@typescript-eslint/typescript-estree" "5.31.0"
     debug "^4.3.4"
 
-"@typescript-eslint/scope-manager@5.21.0":
-  version "5.21.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.21.0.tgz#a4b7ed1618f09f95e3d17d1c0ff7a341dac7862e"
-  integrity sha512-XTX0g0IhvzcH/e3393SvjRCfYQxgxtYzL3UREteUneo72EFlt7UNoiYnikUtmGVobTbhUDByhJ4xRBNe+34kOQ==
-  dependencies:
-    "@typescript-eslint/types" "5.21.0"
-    "@typescript-eslint/visitor-keys" "5.21.0"
-
-"@typescript-eslint/scope-manager@5.30.7":
-  version "5.30.7"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.30.7.tgz#8269a931ef1e5ae68b5eb80743cc515c4ffe3dd7"
-  integrity sha512-7BM1bwvdF1UUvt+b9smhqdc/eniOnCKxQT/kj3oXtj3LqnTWCAM0qHRHfyzCzhEfWX0zrW7KqXXeE4DlchZBKw==
+"@typescript-eslint/scope-manager@5.31.0":
+  version "5.31.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.31.0.tgz#f47a794ba84d9b818ab7f8f44fff55a61016c606"
+  integrity sha512-8jfEzBYDBG88rcXFxajdVavGxb5/XKXyvWgvD8Qix3EEJLCFIdVloJw+r9ww0wbyNLOTYyBsR+4ALNGdlalLLg==
   dependencies:
-    "@typescript-eslint/types" "5.30.7"
-    "@typescript-eslint/visitor-keys" "5.30.7"
+    "@typescript-eslint/types" "5.31.0"
+    "@typescript-eslint/visitor-keys" "5.31.0"
 
-"@typescript-eslint/type-utils@5.21.0":
-  version "5.21.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.21.0.tgz#ff89668786ad596d904c21b215e5285da1b6262e"
-  integrity sha512-MxmLZj0tkGlkcZCSE17ORaHl8Th3JQwBzyXL/uvC6sNmu128LsgjTX0NIzy+wdH2J7Pd02GN8FaoudJntFvSOw==
+"@typescript-eslint/type-utils@5.31.0":
+  version "5.31.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.31.0.tgz#70a0b7201360b5adbddb0c36080495aa08f6f3d9"
+  integrity sha512-7ZYqFbvEvYXFn9ax02GsPcEOmuWNg+14HIf4q+oUuLnMbpJ6eHAivCg7tZMVwzrIuzX3QCeAOqKoyMZCv5xe+w==
   dependencies:
-    "@typescript-eslint/utils" "5.21.0"
-    debug "^4.3.2"
-    tsutils "^3.21.0"
-
-"@typescript-eslint/type-utils@5.30.7":
-  version "5.30.7"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.30.7.tgz#5693dc3db6f313f302764282d614cfdbc8a9fcfd"
-  integrity sha512-nD5qAE2aJX/YLyKMvOU5jvJyku4QN5XBVsoTynFrjQZaDgDV6i7QHFiYCx10wvn7hFvfuqIRNBtsgaLe0DbWhw==
-  dependencies:
-    "@typescript-eslint/utils" "5.30.7"
+    "@typescript-eslint/utils" "5.31.0"
     debug "^4.3.4"
     tsutils "^3.21.0"
 
-"@typescript-eslint/types@5.21.0":
-  version "5.21.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.21.0.tgz#8cdb9253c0dfce3f2ab655b9d36c03f72e684017"
-  integrity sha512-XnOOo5Wc2cBlq8Lh5WNvAgHzpjnEzxn4CJBwGkcau7b/tZ556qrWXQz4DJyChYg8JZAD06kczrdgFPpEQZfDsA==
-
-"@typescript-eslint/types@5.30.7":
-  version "5.30.7"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.30.7.tgz#18331487cc92d0f1fb1a6f580c8ec832528079d0"
-  integrity sha512-ocVkETUs82+U+HowkovV6uxf1AnVRKCmDRNUBUUo46/5SQv1owC/EBFkiu4MOHeZqhKz2ktZ3kvJJ1uFqQ8QPg==
+"@typescript-eslint/types@5.31.0":
+  version "5.31.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.31.0.tgz#7aa389122b64b18e473c1672fb3b8310e5f07a9a"
+  integrity sha512-/f/rMaEseux+I4wmR6mfpM2wvtNZb1p9hAV77hWfuKc3pmaANp5dLAZSiE3/8oXTYTt3uV9KW5yZKJsMievp6g==
 
-"@typescript-eslint/typescript-estree@5.21.0":
-  version "5.21.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.21.0.tgz#9f0c233e28be2540eaed3df050f0d54fb5aa52de"
-  integrity sha512-Y8Y2T2FNvm08qlcoSMoNchh9y2Uj3QmjtwNMdRQkcFG7Muz//wfJBGBxh8R7HAGQFpgYpdHqUpEoPQk+q9Kjfg==
+"@typescript-eslint/typescript-estree@5.31.0":
+  version "5.31.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.31.0.tgz#eb92970c9d6e3946690d50c346fb9b1d745ee882"
+  integrity sha512-3S625TMcARX71wBc2qubHaoUwMEn+l9TCsaIzYI/ET31Xm2c9YQ+zhGgpydjorwQO9pLfR/6peTzS/0G3J/hDw==
   dependencies:
-    "@typescript-eslint/types" "5.21.0"
-    "@typescript-eslint/visitor-keys" "5.21.0"
-    debug "^4.3.2"
-    globby "^11.0.4"
-    is-glob "^4.0.3"
-    semver "^7.3.5"
-    tsutils "^3.21.0"
-
-"@typescript-eslint/typescript-estree@5.30.7":
-  version "5.30.7"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.30.7.tgz#05da9f1b281985bfedcf62349847f8d168eecc07"
-  integrity sha512-tNslqXI1ZdmXXrHER83TJ8OTYl4epUzJC0aj2i4DMDT4iU+UqLT3EJeGQvJ17BMbm31x5scSwo3hPM0nqQ1AEA==
-  dependencies:
-    "@typescript-eslint/types" "5.30.7"
-    "@typescript-eslint/visitor-keys" "5.30.7"
+    "@typescript-eslint/types" "5.31.0"
+    "@typescript-eslint/visitor-keys" "5.31.0"
     debug "^4.3.4"
     globby "^11.1.0"
     is-glob "^4.0.3"
     semver "^7.3.7"
     tsutils "^3.21.0"
 
-"@typescript-eslint/utils@5.21.0":
-  version "5.21.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.21.0.tgz#51d7886a6f0575e23706e5548c7e87bce42d7c18"
-  integrity sha512-q/emogbND9wry7zxy7VYri+7ydawo2HDZhRZ5k6yggIvXa7PvBbAAZ4PFH/oZLem72ezC4Pr63rJvDK/sTlL8Q==
-  dependencies:
-    "@types/json-schema" "^7.0.9"
-    "@typescript-eslint/scope-manager" "5.21.0"
-    "@typescript-eslint/types" "5.21.0"
-    "@typescript-eslint/typescript-estree" "5.21.0"
-    eslint-scope "^5.1.1"
-    eslint-utils "^3.0.0"
-
-"@typescript-eslint/utils@5.30.7":
-  version "5.30.7"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.30.7.tgz#7135be070349e9f7caa262b0ca59dc96123351bb"
-  integrity sha512-Z3pHdbFw+ftZiGUnm1GZhkJgVqsDL5CYW2yj+TB2mfXDFOMqtbzQi2dNJIyPqPbx9mv2kUxS1gU+r2gKlKi1rQ==
+"@typescript-eslint/utils@5.31.0":
+  version "5.31.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.31.0.tgz#e146fa00dca948bfe547d665b2138a2dc1b79acd"
+  integrity sha512-kcVPdQS6VIpVTQ7QnGNKMFtdJdvnStkqS5LeALr4rcwx11G6OWb2HB17NMPnlRHvaZP38hL9iK8DdE9Fne7NYg==
   dependencies:
     "@types/json-schema" "^7.0.9"
-    "@typescript-eslint/scope-manager" "5.30.7"
-    "@typescript-eslint/types" "5.30.7"
-    "@typescript-eslint/typescript-estree" "5.30.7"
+    "@typescript-eslint/scope-manager" "5.31.0"
+    "@typescript-eslint/types" "5.31.0"
+    "@typescript-eslint/typescript-estree" "5.31.0"
     eslint-scope "^5.1.1"
     eslint-utils "^3.0.0"
 
-"@typescript-eslint/visitor-keys@5.21.0":
-  version "5.21.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.21.0.tgz#453fb3662409abaf2f8b1f65d515699c888dd8ae"
-  integrity sha512-SX8jNN+iHqAF0riZQMkm7e8+POXa/fXw5cxL+gjpyP+FI+JVNhii53EmQgDAfDcBpFekYSlO0fGytMQwRiMQCA==
+"@typescript-eslint/visitor-keys@5.31.0":
+  version "5.31.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.31.0.tgz#b0eca264df01ce85dceb76aebff3784629258f54"
+  integrity sha512-ZK0jVxSjS4gnPirpVjXHz7mgdOsZUHzNYSfTw2yPa3agfbt9YfqaBiBZFSSxeBWnpWkzCxTfUpnzA3Vily/CSg==
   dependencies:
-    "@typescript-eslint/types" "5.21.0"
-    eslint-visitor-keys "^3.0.0"
-
-"@typescript-eslint/visitor-keys@5.30.7":
-  version "5.30.7"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.30.7.tgz#c093abae75b4fd822bfbad9fc337f38a7a14909a"
-  integrity sha512-KrRXf8nnjvcpxDFOKej4xkD7657+PClJs5cJVSG7NNoCNnjEdc46juNAQt7AyuWctuCgs6mVRc1xGctEqrjxWw==
-  dependencies:
-    "@typescript-eslint/types" "5.30.7"
+    "@typescript-eslint/types" "5.31.0"
     eslint-visitor-keys "^3.3.0"
 
 "@vitejs/plugin-vue@^2.3.1":
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-2.3.1.tgz#5f286b8d3515381c6d5c8fa8eee5e6335f727e14"
-  integrity sha512-YNzBt8+jt6bSwpt7LP890U1UcTOIZZxfpE5WOJ638PNxSEKOqAi0+FSKS0nVeukfdZ0Ai/H7AFd6k3hayfGZqQ==
-
-"@vue/compiler-core@3.2.33":
-  version "3.2.33"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.2.33.tgz#e915d59cce85898f5c5cfebe4c09e539278c3d59"
-  integrity sha512-AAmr52ji3Zhk7IKIuigX2osWWsb2nQE5xsdFYjdnmtQ4gymmqXbjLvkSE174+fF3A3kstYrTgGkqgOEbsdLDpw==
-  dependencies:
-    "@babel/parser" "^7.16.4"
-    "@vue/shared" "3.2.33"
-    estree-walker "^2.0.2"
-    source-map "^0.6.1"
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-2.3.3.tgz#fbf80cc039b82ac21a1acb0f0478de8f61fbf600"
+  integrity sha512-SmQLDyhz+6lGJhPELsBdzXGc+AcaT8stgkbiTFGpXPe8Tl1tJaBw1A6pxDqDuRsVkD8uscrkx3hA7QDOoKYtyw==
 
 "@vue/compiler-core@3.2.37":
   version "3.2.37"
@@ -2120,15 +1871,7 @@
     estree-walker "^2.0.2"
     source-map "^0.6.1"
 
-"@vue/compiler-dom@3.2.33", "@vue/compiler-dom@^3.2.0":
-  version "3.2.33"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.2.33.tgz#6db84296f949f18e5d3e7fd5e80f943dbed7d5ec"
-  integrity sha512-GhiG1C8X98Xz9QUX/RlA6/kgPBWJkjq0Rq6//5XTAGSYrTMBgcLpP9+CnlUg1TFxnnCVughAG+KZl28XJqw8uQ==
-  dependencies:
-    "@vue/compiler-core" "3.2.33"
-    "@vue/shared" "3.2.33"
-
-"@vue/compiler-dom@3.2.37":
+"@vue/compiler-dom@3.2.37", "@vue/compiler-dom@^3.2.0":
   version "3.2.37"
   resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.2.37.tgz#10d2427a789e7c707c872da9d678c82a0c6582b5"
   integrity sha512-yxJLH167fucHKxaqXpYk7x8z7mMEnXOw3G2q62FTkmsvNxu4FQSu5+3UMb+L7fjKa26DEzhrmCxAgFLLIzVfqQ==
@@ -2136,23 +1879,7 @@
     "@vue/compiler-core" "3.2.37"
     "@vue/shared" "3.2.37"
 
-"@vue/compiler-sfc@3.2.33", "@vue/compiler-sfc@^3.2.0", "@vue/compiler-sfc@^3.2.31":
-  version "3.2.33"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.2.33.tgz#7ce01dc947a8b76c099811dc6ca58494d4dc773d"
-  integrity sha512-H8D0WqagCr295pQjUYyO8P3IejM3vEzeCO1apzByAEaAR/WimhMYczHfZVvlCE/9yBaEu/eu9RdiWr0kF8b71Q==
-  dependencies:
-    "@babel/parser" "^7.16.4"
-    "@vue/compiler-core" "3.2.33"
-    "@vue/compiler-dom" "3.2.33"
-    "@vue/compiler-ssr" "3.2.33"
-    "@vue/reactivity-transform" "3.2.33"
-    "@vue/shared" "3.2.33"
-    estree-walker "^2.0.2"
-    magic-string "^0.25.7"
-    postcss "^8.1.10"
-    source-map "^0.6.1"
-
-"@vue/compiler-sfc@3.2.37", "@vue/compiler-sfc@^3.2.37":
+"@vue/compiler-sfc@3.2.37", "@vue/compiler-sfc@^3.2.0", "@vue/compiler-sfc@^3.2.31", "@vue/compiler-sfc@^3.2.37":
   version "3.2.37"
   resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.2.37.tgz#3103af3da2f40286edcd85ea495dcb35bc7f5ff4"
   integrity sha512-+7i/2+9LYlpqDv+KTtWhOZH+pa8/HnX/905MdVmAcI/mPQOBwkHHIzrsEsucyOIZQYMkXUiTkmZq5am/NyXKkg==
@@ -2168,14 +1895,6 @@
     postcss "^8.1.10"
     source-map "^0.6.1"
 
-"@vue/compiler-ssr@3.2.33":
-  version "3.2.33"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.2.33.tgz#3e820267e4eea48fde9519f006dedca3f5e42e71"
-  integrity sha512-XQh1Xdk3VquDpXsnoCd7JnMoWec9CfAzQDQsaMcSU79OrrO2PNR0ErlIjm/mGq3GmBfkQjzZACV+7GhfRB8xMQ==
-  dependencies:
-    "@vue/compiler-dom" "3.2.33"
-    "@vue/shared" "3.2.33"
-
 "@vue/compiler-ssr@3.2.37":
   version "3.2.37"
   resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.2.37.tgz#4899d19f3a5fafd61524a9d1aee8eb0505313cff"
@@ -2184,10 +1903,10 @@
     "@vue/compiler-dom" "3.2.37"
     "@vue/shared" "3.2.37"
 
-"@vue/devtools-api@^6.0.0", "@vue/devtools-api@^6.1.4":
-  version "6.1.4"
-  resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.1.4.tgz#b4aec2f4b4599e11ba774a50c67fa378c9824e53"
-  integrity sha512-IiA0SvDrJEgXvVxjNkHPFfDx6SXw0b/TUkqMcDZWNg9fnCAHbTpoo59YfJ9QLFkwa3raau5vSlRVzMSLDnfdtQ==
+"@vue/devtools-api@^6.1.4":
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.2.1.tgz#6f2948ff002ec46df01420dfeff91de16c5b4092"
+  integrity sha512-OEgAMeQXvCoJ+1x8WyQuVZzFo0wcyCmUR3baRVLmKBo1LmYZWMlRiXlux5jd0fqVJu6PfDbOrZItVqUEzLobeQ==
 
 "@vue/eslint-config-prettier@^7.0.0":
   version "7.0.0"
@@ -2206,17 +1925,6 @@
     "@typescript-eslint/parser" "^5.0.0"
     vue-eslint-parser "^9.0.0"
 
-"@vue/reactivity-transform@3.2.33":
-  version "3.2.33"
-  resolved "https://registry.yarnpkg.com/@vue/reactivity-transform/-/reactivity-transform-3.2.33.tgz#286063f44ca56150ae9b52f8346a26e5913fa699"
-  integrity sha512-4UL5KOIvSQb254aqenW4q34qMXbfZcmEsV/yVidLUgvwYQQ/D21bGX3DlgPUGI3c4C+iOnNmDCkIxkILoX/Pyw==
-  dependencies:
-    "@babel/parser" "^7.16.4"
-    "@vue/compiler-core" "3.2.33"
-    "@vue/shared" "3.2.33"
-    estree-walker "^2.0.2"
-    magic-string "^0.25.7"
-
 "@vue/reactivity-transform@3.2.37":
   version "3.2.37"
   resolved "https://registry.yarnpkg.com/@vue/reactivity-transform/-/reactivity-transform-3.2.37.tgz#0caa47c4344df4ae59f5a05dde2a8758829f8eca"
@@ -2228,13 +1936,6 @@
     estree-walker "^2.0.2"
     magic-string "^0.25.7"
 
-"@vue/reactivity@3.2.33":
-  version "3.2.33"
-  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.2.33.tgz#c84eedb5225138dbfc2472864c151d3efbb4b673"
-  integrity sha512-62Sq0mp9/0bLmDuxuLD5CIaMG2susFAGARLuZ/5jkU1FCf9EDbwUuF+BO8Ub3Rbodx0ziIecM/NsmyjardBxfQ==
-  dependencies:
-    "@vue/shared" "3.2.33"
-
 "@vue/reactivity@3.2.37":
   version "3.2.37"
   resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.2.37.tgz#5bc3847ac58828e2b78526e08219e0a1089f8848"
@@ -2242,14 +1943,6 @@
   dependencies:
     "@vue/shared" "3.2.37"
 
-"@vue/runtime-core@3.2.33":
-  version "3.2.33"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.2.33.tgz#2df8907c85c37c3419fbd1bdf1a2df097fa40df2"
-  integrity sha512-N2D2vfaXsBPhzCV3JsXQa2NECjxP3eXgZlFqKh4tgakp3iX6LCGv76DLlc+IfFZq+TW10Y8QUfeihXOupJ1dGw==
-  dependencies:
-    "@vue/reactivity" "3.2.33"
-    "@vue/shared" "3.2.33"
-
 "@vue/runtime-core@3.2.37":
   version "3.2.37"
   resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.2.37.tgz#7ba7c54bb56e5d70edfc2f05766e1ca8519966e3"
@@ -2258,15 +1951,6 @@
     "@vue/reactivity" "3.2.37"
     "@vue/shared" "3.2.37"
 
-"@vue/runtime-dom@3.2.33":
-  version "3.2.33"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.2.33.tgz#123b8969247029ea0d9c1983676d4706a962d848"
-  integrity sha512-LSrJ6W7CZTSUygX5s8aFkraDWlO6K4geOwA3quFF2O+hC3QuAMZt/0Xb7JKE3C4JD4pFwCSO7oCrZmZ0BIJUnw==
-  dependencies:
-    "@vue/runtime-core" "3.2.33"
-    "@vue/shared" "3.2.33"
-    csstype "^2.6.8"
-
 "@vue/runtime-dom@3.2.37":
   version "3.2.37"
   resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.2.37.tgz#002bdc8228fa63949317756fb1e92cdd3f9f4bbd"
@@ -2276,15 +1960,7 @@
     "@vue/shared" "3.2.37"
     csstype "^2.6.8"
 
-"@vue/server-renderer@3.2.33", "@vue/server-renderer@^3.2.31":
-  version "3.2.33"
-  resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.2.33.tgz#4b45d6d2ae10ea4e3d2cf8e676804cf60f331979"
-  integrity sha512-4jpJHRD4ORv8PlbYi+/MfP8ec1okz6rybe36MdpkDrGIdEItHEUyaHSKvz+ptNEyQpALmmVfRteHkU9F8vxOew==
-  dependencies:
-    "@vue/compiler-ssr" "3.2.33"
-    "@vue/shared" "3.2.33"
-
-"@vue/server-renderer@3.2.37":
+"@vue/server-renderer@3.2.37", "@vue/server-renderer@^3.2.31":
   version "3.2.37"
   resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.2.37.tgz#840a29c8dcc29bddd9b5f5ffa22b95c0e72afdfc"
   integrity sha512-kLITEJvaYgZQ2h47hIzPh2K3jG8c1zCVbp/o/bzQOyvzaKiCquKS7AaioPI28GNxIsE/zSx+EwWYsNxDCX95MA==
@@ -2292,12 +1968,7 @@
     "@vue/compiler-ssr" "3.2.37"
     "@vue/shared" "3.2.37"
 
-"@vue/shared@3.2.33", "@vue/shared@^3.2.31":
-  version "3.2.33"
-  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.33.tgz#69a8c99ceb37c1b031d5cc4aec2ff1dc77e1161e"
-  integrity sha512-UBc1Pg1T3yZ97vsA2ueER0F6GbJebLHYlEi4ou1H5YL4KWvMOOWwpYo9/QpWq93wxKG6Wo13IY74Hcn/f7c7Bg==
-
-"@vue/shared@3.2.37":
+"@vue/shared@3.2.37", "@vue/shared@^3.2.31":
   version "3.2.37"
   resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.37.tgz#8e6adc3f2759af52f0e85863dfb0b711ecc5c702"
   integrity sha512-4rSJemR2NQIo9Klm1vabqWjD8rs/ZaJSzMxkMNeJS6lHiUjjUeYFbooN19NgFjztubEKh3WlZUeOLVdbbUWHsw==
@@ -2307,6 +1978,18 @@
   resolved "https://registry.yarnpkg.com/@vue/test-utils/-/test-utils-2.0.2.tgz#0b5edd683366153d5bc5a91edc62f292118710eb"
   integrity sha512-E2P4oXSaWDqTZNbmKZFVLrNN/siVN78YkEqs7pHryWerrlZR9bBFLWdJwRoguX45Ru6HxIflzKl4vQvwRMwm5g==
 
+"@vue/vue3-jest@28.0.1":
+  version "28.0.1"
+  resolved "https://registry.yarnpkg.com/@vue/vue3-jest/-/vue3-jest-28.0.1.tgz#ff04e6de6cac8fcc3797ab9bdd5d7884a17fbab7"
+  integrity sha512-fdzbp4HvU8dbo3Pup5sgll4R6hmBf5dHOjpLOFPiwwGnuA57g+Fe2u56nmBVYNd+XA4RInQobdBCl5GbnmhGhw==
+  dependencies:
+    "@babel/plugin-transform-modules-commonjs" "^7.2.0"
+    chalk "^2.1.0"
+    convert-source-map "^1.6.0"
+    css-tree "^2.0.1"
+    source-map "0.5.6"
+    tsconfig "^7.0.0"
+
 "@vuepress/bundler-vite@2.0.0-beta.38":
   version "2.0.0-beta.38"
   resolved "https://registry.yarnpkg.com/@vuepress/bundler-vite/-/bundler-vite-2.0.0-beta.38.tgz#d522f6ea433336b902f5df5ec7dcbbc34aee2421"
@@ -2542,23 +2225,24 @@
     upath "^2.0.1"
 
 "@vueuse/core@^8.2.1":
-  version "8.3.1"
-  resolved "https://registry.yarnpkg.com/@vueuse/core/-/core-8.3.1.tgz#7f2c5977cc0690a803f44c3f5c291536ad7880d1"
-  integrity sha512-WiXUgVyPG9elGx3G8UV8g+zqbEJ2hYacrPICogAxDdW6hnxxcUFdF7FtvDroJ/DxWmo2pg8XNNz07ybfnZyJbw==
+  version "8.9.4"
+  resolved "https://registry.yarnpkg.com/@vueuse/core/-/core-8.9.4.tgz#c7db40f19390b3c9f4ff9294a30461497f62ec19"
+  integrity sha512-B/Mdj9TK1peFyWaPof+Zf/mP9XuGAngaJZBwPaXBvU3aCTZlx3ltlrFFFyMV4iGBwsjSCeUCgZrtkEj9dS2Y3Q==
   dependencies:
-    "@vueuse/metadata" "8.3.1"
-    "@vueuse/shared" "8.3.1"
+    "@types/web-bluetooth" "^0.0.14"
+    "@vueuse/metadata" "8.9.4"
+    "@vueuse/shared" "8.9.4"
     vue-demi "*"
 
-"@vueuse/metadata@8.3.1":
-  version "8.3.1"
-  resolved "https://registry.yarnpkg.com/@vueuse/metadata/-/metadata-8.3.1.tgz#acc0ff9ad686c68dfc7b4869639c43e71ae2682b"
-  integrity sha512-1aZaFL44HzXXkfN6Q7KMDOXBFKTHDClHlOJBxtN8rTBXIIScoGOrJCpxWiQ4kuVg95MzG/pHrd3P4wd8poL9XQ==
+"@vueuse/metadata@8.9.4":
+  version "8.9.4"
+  resolved "https://registry.yarnpkg.com/@vueuse/metadata/-/metadata-8.9.4.tgz#a4132db33e4c1b1023636acfa20aa7b37ab3d978"
+  integrity sha512-IwSfzH80bnJMzqhaapqJl9JRIiyQU0zsRGEgnxN6jhq7992cPUJIRfV+JHRIZXjYqbwt07E1gTEp0R0zPJ1aqw==
 
-"@vueuse/shared@8.3.1":
-  version "8.3.1"
-  resolved "https://registry.yarnpkg.com/@vueuse/shared/-/shared-8.3.1.tgz#a941ef6a0eaf483ecb0e88a062163d506c22cc4b"
-  integrity sha512-7HKLCcxp4dtONq6QSSoavblo9riYgqzw7jhqiC0/VUYMXKzqj1G/GznOzTmY8Wi8uKKT197JqjKQ1DKt2j/0+A==
+"@vueuse/shared@8.9.4":
+  version "8.9.4"
+  resolved "https://registry.yarnpkg.com/@vueuse/shared/-/shared-8.9.4.tgz#c9741c30ffb666b50d62f0dd80b76119fd47573e"
+  integrity sha512-wt+T30c4K6dGRMVqPddexEVLa28YwxW5OFIPmzUHICjphfAuBFTTdDoyqREZNDOFJZ44ARH1WWQNCUK8koJ+Ag==
   dependencies:
     vue-demi "*"
 
@@ -2570,27 +2254,40 @@ JSONStream@^1.0.4:
     jsonparse "^1.2.0"
     through ">=2.2.7 <3"
 
+abab@^2.0.5, abab@^2.0.6:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.6.tgz#41b80f2c871d19686216b82309231cfd3cb3d291"
+  integrity sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==
+
 abbrev@1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-1.1.1.tgz#f8f2c887ad10bf67f634f005b6987fed3179aac8"
   integrity sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==
 
-acorn-jsx@^5.3.1, acorn-jsx@^5.3.2:
+acorn-globals@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-6.0.0.tgz#46cdd39f0f8ff08a876619b55f5ac8a6dc770b45"
+  integrity sha512-ZQl7LOWaF5ePqqcX4hLuv/bLXYQNfNWw2c0/yX/TsPRKamzHcTGQnlCjHT3TsmkOUVEPS3crCxiPfdzE/Trlhg==
+  dependencies:
+    acorn "^7.1.1"
+    acorn-walk "^7.1.1"
+
+acorn-jsx@^5.3.2:
   version "5.3.2"
   resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
   integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
 
+acorn-walk@^7.1.1:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-7.2.0.tgz#0de889a601203909b0fbe07b8938dc21d2e967bc"
+  integrity sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==
+
 acorn@^7.1.1:
   version "7.4.1"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
   integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
 
-acorn@^8.7.0:
-  version "8.7.1"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.7.1.tgz#0197122c843d1bf6d0a5e83220a788f278f63c30"
-  integrity sha512-Xx54uLJQZ19lKygFXOWsscKUbsBZW0CPykPhVQdhIeIwrbPmJzqeASDInc8nKBnp/JT6igTs82qPXz069H8I/A==
-
-acorn@^8.7.1:
+acorn@^8.5.0, acorn@^8.7.1:
   version "8.8.0"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.8.0.tgz#88c0187620435c7f6015803f5539dae05a9dbea8"
   integrity sha512-QOxyigPVrpZ2GXT+PFyZTl6TtOFc5egxHIP9IlQ+RbupQuX4RkT/Bee4/kQuC02Xkzg84JcT7oLYtDIQxp+v7w==
@@ -2598,7 +2295,7 @@ acorn@^8.7.1:
 add-stream@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/add-stream/-/add-stream-1.0.0.tgz#6a7990437ca736d5e1288db92bd3266d5f5cb2aa"
-  integrity sha1-anmQQ3ynNtXhKI25K9MmbV9csqo=
+  integrity sha512-qQLMr+8o0WC4FZGQTcJiKBVC59JylcPSrTtk6usvmIDFUOCKegapy1VHQwRbFMOFyb/inzUVqHs+eMYKDM1YeQ==
 
 agent-base@6, agent-base@^6.0.2:
   version "6.0.2"
@@ -2644,7 +2341,7 @@ ansi-escapes@^4.2.1:
 ansi-regex@^2.0.0:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df"
-  integrity sha1-w7M6te42DYbg5ijwRorn7yfWVN8=
+  integrity sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==
 
 ansi-regex@^5.0.1:
   version "5.0.1"
@@ -2716,17 +2413,28 @@ array-differ@^3.0.0:
 array-ify@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/array-ify/-/array-ify-1.0.0.tgz#9e528762b4a9066ad163a6962a364418e9626ece"
-  integrity sha1-nlKHYrSpBmrRY6aWKjZEGOlibs4=
+  integrity sha512-c5AMf34bKdvPhQ7tBGhqkgKNUzMr4WUs+WDtC2ZUGOUncbxKMTvqxYctiseW3+L4bA8ec+GcZ6/A/FW4m8ukng==
 
 array-union@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
   integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
 
+array.prototype.reduce@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/array.prototype.reduce/-/array.prototype.reduce-1.0.4.tgz#8167e80089f78bff70a99e20bd4201d4663b0a6f"
+  integrity sha512-WnM+AjG/DvLRLo4DDl+r+SvCzYtD2Jd9oeBYMcEaI7t3fFrHY9M53/wdLcTvmZNQ70IU6Htj0emFkZ5TS+lrdw==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.3"
+    es-abstract "^1.19.2"
+    es-array-method-boxes-properly "^1.0.0"
+    is-string "^1.0.7"
+
 arrify@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/arrify/-/arrify-1.0.1.tgz#898508da2226f380df904728456849c1501a4b0d"
-  integrity sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0=
+  integrity sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==
 
 arrify@^2.0.1:
   version "2.0.1"
@@ -2736,7 +2444,7 @@ arrify@^2.0.1:
 asap@^2.0.0, asap@~2.0.3:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/asap/-/asap-2.0.6.tgz#e50347611d7e690943208bbdafebcbc2fb866d46"
-  integrity sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY=
+  integrity sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==
 
 asn1@~0.2.3:
   version "0.2.6"
@@ -2753,7 +2461,7 @@ assert-never@^1.2.1:
 assert-plus@1.0.0, assert-plus@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/assert-plus/-/assert-plus-1.0.0.tgz#f12e0f3c5d77b0b1cdd9146942e4e96c1e4dd525"
-  integrity sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=
+  integrity sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==
 
 ast-types@0.14.2:
   version "0.14.2"
@@ -2765,25 +2473,20 @@ ast-types@0.14.2:
 asynckit@^0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
-  integrity sha1-x57Zf380y48robyXkLzDZkdLS3k=
+  integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
 
 at-least-node@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/at-least-node/-/at-least-node-1.0.0.tgz#602cd4b46e844ad4effc92a8011a3c46e0238dc2"
   integrity sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==
 
-atob@^2.1.2:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
-  integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==
-
 autoprefixer@^10.4.4:
-  version "10.4.5"
-  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.5.tgz#662193c744094b53d3637f39be477e07bd904998"
-  integrity sha512-Fvd8yCoA7lNX/OUllvS+aS1I7WRBclGXsepbvT8ZaPgrH24rgXpZzF0/6Hh3ZEkwg+0AES/Osd196VZmYoEFtw==
+  version "10.4.7"
+  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.7.tgz#1db8d195f41a52ca5069b7593be167618edbbedf"
+  integrity sha512-ypHju4Y2Oav95SipEcCcI5J7CGPuvz8oat7sUtYj3ClK44bldfvtvcxK6IEK++7rqB7YchDGzweZIBG+SD0ZAA==
   dependencies:
-    browserslist "^4.20.2"
-    caniuse-lite "^1.0.30001332"
+    browserslist "^4.20.3"
+    caniuse-lite "^1.0.30001335"
     fraction.js "^4.2.0"
     normalize-range "^0.1.2"
     picocolors "^1.0.0"
@@ -2792,7 +2495,7 @@ autoprefixer@^10.4.4:
 aws-sign2@~0.7.0:
   version "0.7.0"
   resolved "https://registry.yarnpkg.com/aws-sign2/-/aws-sign2-0.7.0.tgz#b46e890934a9591f2d2f6f86d7e6a9f1b3fe76a8"
-  integrity sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg=
+  integrity sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA==
 
 aws4@^1.8.0:
   version "1.11.0"
@@ -2886,7 +2589,7 @@ base64-js@^1.3.1:
 bcrypt-pbkdf@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz#a4301d389b6a43f9b67ff3ca11a3f6637e360e9e"
-  integrity sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4=
+  integrity sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==
   dependencies:
     tweetnacl "^0.14.3"
 
@@ -2912,7 +2615,7 @@ bl@^4.1.0:
 boolbase@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
-  integrity sha1-aN/1++YMUes3cl6p4+0xDcwed24=
+  integrity sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==
 
 brace-expansion@^1.1.7:
   version "1.1.11"
@@ -2929,16 +2632,20 @@ braces@^3.0.2, braces@~3.0.2:
   dependencies:
     fill-range "^7.0.1"
 
-browserslist@^4.17.5, browserslist@^4.20.2:
-  version "4.20.3"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.20.3.tgz#eb7572f49ec430e054f56d52ff0ebe9be915f8bf"
-  integrity sha512-NBhymBQl1zM0Y5dQT/O+xiLP9/rzOIQdKM/eMJBAq7yBgaB6krIYLGejrwVYnSHZdqjscB1SPuAjHwxjvN6Wdg==
+browser-process-hrtime@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz#3c9b4b7d782c8121e56f10106d84c0d0ffc94626"
+  integrity sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==
+
+browserslist@^4.20.2, browserslist@^4.20.3:
+  version "4.21.2"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.2.tgz#59a400757465535954946a400b841ed37e2b4ecf"
+  integrity sha512-MonuOgAtUB46uP5CezYbRaYKBNt2LxP0yX+Pmj4LkcDFGkn9Cbpi83d9sCjwQDErXsIJSzY5oKGDbgOlF/LPAA==
   dependencies:
-    caniuse-lite "^1.0.30001332"
-    electron-to-chromium "^1.4.118"
-    escalade "^3.1.1"
-    node-releases "^2.0.3"
-    picocolors "^1.0.0"
+    caniuse-lite "^1.0.30001366"
+    electron-to-chromium "^1.4.188"
+    node-releases "^2.0.6"
+    update-browserslist-db "^1.0.4"
 
 bs-logger@0.x:
   version "0.2.6"
@@ -2975,12 +2682,12 @@ builtin-modules@^3.0.0:
 builtins@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/builtins/-/builtins-1.0.3.tgz#cb94faeb61c8696451db36534e1422f94f0aee88"
-  integrity sha1-y5T662HIaWRR2zZTThQi+U8K7og=
+  integrity sha512-uYBjakWipfaO/bXI7E8rq6kpwHRZK5cNYrUv2OzZSI/FvmdMyXJ2tG9dKcjEC5YHmHpUAwsargWIZNWdxb/bnQ==
 
 byline@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/byline/-/byline-5.0.0.tgz#741c5216468eadc457b03410118ad77de8c1ddb1"
-  integrity sha1-dBxSFkaOrcRXsDQQEYrXfejB3bE=
+  integrity sha512-s6webAy+R4SR8XVuJWt2V2rGvhnrhxN+9S15GNuTK3wKPOXFF6RNc+8ug2XhH+2s4f+uudG4kUVYmYOQWL2g0Q==
 
 byte-size@^7.0.0:
   version "7.0.1"
@@ -3048,15 +2755,15 @@ camelcase@^6.2.0:
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.3.0.tgz#5685b95eb209ac9c0c177467778c9c84df58ba9a"
   integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
 
-caniuse-lite@^1.0.30001332:
-  version "1.0.30001332"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001332.tgz#39476d3aa8d83ea76359c70302eafdd4a1d727dd"
-  integrity sha512-10T30NYOEQtN6C11YGg411yebhvpnC6Z102+B95eAsN0oB6KUs01ivE8u+G6FMIRtIrVlYXhL+LUwQ3/hXwDWw==
+caniuse-lite@^1.0.30001335, caniuse-lite@^1.0.30001366:
+  version "1.0.30001370"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001370.tgz#0a30d4f20d38b9e108cc5ae7cc62df9fe66cd5ba"
+  integrity sha512-3PDmaP56wz/qz7G508xzjx8C+MC2qEm4SYhSEzC9IBROo+dGXFWRuaXkWti0A9tuI00g+toiriVqxtWMgl350g==
 
 caseless@~0.12.0:
   version "0.12.0"
   resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc"
-  integrity sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=
+  integrity sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==
 
 chalk@^2.0.0, chalk@^2.1.0:
   version "2.4.2"
@@ -3083,7 +2790,7 @@ char-regex@^1.0.2:
 character-parser@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/character-parser/-/character-parser-2.2.0.tgz#c7ce28f36d4bcd9744e5ffc2c5fcde1c73261fc0"
-  integrity sha1-x84o821LzZdE5f/CxfzeHHMmH8A=
+  integrity sha512-+UqJQjFEFaTAs3bNsF2j2kEN1baG/zghZbdqoYEDxGZtJo9LBzl1A+m0D4n3qKx8N2FNv8/Xp6yV9mQmBuptaw==
   dependencies:
     is-regex "^1.0.3"
 
@@ -3092,12 +2799,7 @@ chardet@^0.7.0:
   resolved "https://registry.yarnpkg.com/chardet/-/chardet-0.7.0.tgz#90094849f0937f2eedc2425d0d28a9e5f0cbad9e"
   integrity sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==
 
-chart.js@^3.4.0:
-  version "3.7.1"
-  resolved "https://registry.yarnpkg.com/chart.js/-/chart.js-3.7.1.tgz#0516f690c6a8680c6c707e31a4c1807a6f400ada"
-  integrity sha512-8knRegQLFnPQAheZV8MjxIXc5gQEfDFD897BJgv/klO/vtIyFFmgMXrNfgrXpbTr/XbTturxRgxIXx/Y+ASJBA==
-
-chart.js@^3.8.2:
+chart.js@^3.4.0, chart.js@^3.8.2:
   version "3.8.2"
   resolved "https://registry.yarnpkg.com/chart.js/-/chart.js-3.8.2.tgz#e3ebb88f7072780eec4183a788a990f4a58ba7a1"
   integrity sha512-7rqSlHWMUKFyBDOJvmFGW2lxULtcwaPLegDjX/Nu5j6QybY+GCiQkEY+6cqHw62S5tcwXMD8Y+H5OBGoR7d+ZQ==
@@ -3133,9 +2835,9 @@ ci-info@^2.0.0:
   integrity sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ==
 
 ci-info@^3.2.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.3.0.tgz#b4ed1fb6818dea4803a55c623041f9165d2066b2"
-  integrity sha512-riT/3vI5YpVH6/qomlDnJow6TBee2PBKSEpx3O32EGPYbWGIRsIlGRms3Sm74wYE1JMo8RnO04Hb12+v1J5ICw==
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.3.2.tgz#6d2967ffa407466481c6c90b6e16b3098f080128"
+  integrity sha512-xmDt/QIAdeZ9+nfdPsaBCpMvHNLFiLdjj59qjqn+6iPe6YmHGQ35sBnQ8uslRBXFmXkiZQOJRjvQeoGppoTjjg==
 
 cjs-module-lexer@^1.0.0:
   version "1.2.2"
@@ -3155,9 +2857,9 @@ cli-cursor@^3.1.0:
     restore-cursor "^3.1.0"
 
 cli-spinners@^2.5.0:
-  version "2.6.1"
-  resolved "https://registry.yarnpkg.com/cli-spinners/-/cli-spinners-2.6.1.tgz#adc954ebe281c37a6319bfa401e6dd2488ffb70d"
-  integrity sha512-x/5fWmGMnbKQAaNwN+UZlV79qBLM9JFnJuJ03gIi5whrob0xV0ofNVHy9DhwGdsMJQc2OKv0oGmLzvaqvAVv+g==
+  version "2.7.0"
+  resolved "https://registry.yarnpkg.com/cli-spinners/-/cli-spinners-2.7.0.tgz#f815fd30b5f9eaac02db604c7a231ed7cb2f797a"
+  integrity sha512-qu3pN8Y3qHNgE2AFweciB1IfMnmZ/fsNTEE+NOFjmGB2F/7rLhnhzppvpCnN4FovtP26k8lHyy9ptEbNwWFLzw==
 
 cli-width@^3.0.0:
   version "3.0.0"
@@ -3185,7 +2887,7 @@ clone-deep@^4.0.1:
 clone@^1.0.2:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/clone/-/clone-1.0.4.tgz#da309cc263df15994c688ca902179ca3c7cd7c7e"
-  integrity sha1-2jCcwmPfFZlMaIypAheco8fNfH4=
+  integrity sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==
 
 cmd-shim@^4.1.0:
   version "4.1.0"
@@ -3197,12 +2899,12 @@ cmd-shim@^4.1.0:
 co@^4.6.0:
   version "4.6.0"
   resolved "https://registry.yarnpkg.com/co/-/co-4.6.0.tgz#6ea6bdf3d853ae54ccb8e47bfa0bf3f9031fb184"
-  integrity sha1-bqa989hTrlTMuOR7+gvz+QMfsYQ=
+  integrity sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==
 
 code-point-at@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/code-point-at/-/code-point-at-1.1.0.tgz#0d070b4d043a5bea33a2f1a40e2edb3d9a4ccf77"
-  integrity sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=
+  integrity sha512-RpAVKQA5T63xEj6/giIbUEtZwJ4UFIc3ZtvEkiaUERylqe8xb5IvqcgOurZLahv93CLKfxcw5YI+DZcUBRyLXA==
 
 collect-v8-coverage@^1.0.0:
   version "1.0.1"
@@ -3226,7 +2928,7 @@ color-convert@^2.0.1:
 color-name@1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
-  integrity sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=
+  integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
 
 color-name@^1.1.4, color-name@~1.1.4:
   version "1.1.4"
@@ -3241,7 +2943,7 @@ columnify@^1.5.4:
     strip-ansi "^6.0.1"
     wcwidth "^1.0.0"
 
-combined-stream@^1.0.6, combined-stream@~1.0.6:
+combined-stream@^1.0.6, combined-stream@^1.0.8, combined-stream@~1.0.6:
   version "1.0.8"
   resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
   integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==
@@ -3251,7 +2953,7 @@ combined-stream@^1.0.6, combined-stream@~1.0.6:
 commondir@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b"
-  integrity sha1-3dgA2gxmEnOTzKWVDqloo6rxJTs=
+  integrity sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==
 
 compare-func@^2.0.0:
   version "2.0.0"
@@ -3264,7 +2966,7 @@ compare-func@^2.0.0:
 concat-map@0.0.1:
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
-  integrity sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=
+  integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==
 
 concat-stream@^2.0.0:
   version "2.0.0"
@@ -3292,7 +2994,7 @@ connect-history-api-fallback@^1.6.0:
 console-control-strings@^1.0.0, console-control-strings@~1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/console-control-strings/-/console-control-strings-1.1.0.tgz#3d7cf4464db6446ea644bf4b39507f9851008e8e"
-  integrity sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=
+  integrity sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==
 
 constantinople@^4.0.1:
   version "4.0.1"
@@ -3394,7 +3096,7 @@ convert-source-map@^1.4.0, convert-source-map@^1.6.0, convert-source-map@^1.7.0:
 core-util-is@1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
-  integrity sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=
+  integrity sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==
 
 core-util-is@~1.0.0:
   version "1.0.3"
@@ -3421,6 +3123,14 @@ cross-spawn@^7.0.2, cross-spawn@^7.0.3:
     shebang-command "^2.0.0"
     which "^2.0.1"
 
+css-tree@^2.0.1:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-2.1.0.tgz#170e27ccf94e7c5facb183765c25898be843d1d2"
+  integrity sha512-PcysZRzToBbrpoUrZ9qfblRIRf8zbEAkU0AIpQFtgkFK0vSbzOmBCvdSAx2Zg7Xx5wiYJKUKk0NMP7kxevie/A==
+  dependencies:
+    mdn-data "2.0.27"
+    source-map-js "^1.0.1"
+
 css-tree@~2.0.4:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-2.0.4.tgz#be44314f17e9ac85fe894a5888941782e1123c29"
@@ -3429,16 +3139,6 @@ css-tree@~2.0.4:
     mdn-data "2.0.23"
     source-map-js "^1.0.1"
 
-css@^2.1.0:
-  version "2.2.4"
-  resolved "https://registry.yarnpkg.com/css/-/css-2.2.4.tgz#c646755c73971f2bba6a601e2cf2fd71b1298929"
-  integrity sha512-oUnjmWpy0niI3x/mPL8dVEI1l7MnG3+HHyRPHf+YFSbK+svOhXpmSOcDURUh2aOCgl2grzrOPt1nHLuCVFULLw==
-  dependencies:
-    inherits "^2.0.3"
-    source-map "^0.6.1"
-    source-map-resolve "^0.5.2"
-    urix "^0.1.0"
-
 cssesc@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
@@ -3447,15 +3147,32 @@ cssesc@^3.0.0:
 cssfontparser@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/cssfontparser/-/cssfontparser-1.2.1.tgz#f4022fc8f9700c68029d542084afbaf425a3f3e3"
-  integrity sha1-9AIvyPlwDGgCnVQghK+69CWj8+M=
+  integrity sha512-6tun4LoZnj7VN6YeegOVb67KBX/7JJsqvj+pv3ZA7F878/eN33AbGa5b/S/wXxS/tcp8nc40xRUrsPlxIyNUPg==
 
 csso@^5.0.1:
-  version "5.0.3"
-  resolved "https://registry.yarnpkg.com/csso/-/csso-5.0.3.tgz#10986ad2546e877b8b7bfbf930702239407af4d4"
-  integrity sha512-93gBHTJ6EQlLNhIX5Ho8VAJD2t2T2wg1xHDjbIUm/oQ7iFiSUTo9jSojiQK0pEZ3lMhYDrQO7Rcd70M68+VrtA==
+  version "5.0.4"
+  resolved "https://registry.yarnpkg.com/csso/-/csso-5.0.4.tgz#ea5e6c023faf0baa9230e69b4f91ccaaa0a3db8b"
+  integrity sha512-AxnuDS5yBhDT5TQMdNS+6o2OdWTKC8ioi7C+G5a30Zgo8XMAQSuMItktj/jvqh8QWOH85kDf0/S6mH1DMgyq1Q==
   dependencies:
     css-tree "~2.0.4"
 
+cssom@^0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.5.0.tgz#d254fa92cd8b6fbd83811b9fbaed34663cc17c36"
+  integrity sha512-iKuQcq+NdHqlAcwUY0o/HL69XQrUaQdMjmStJ8JFmUaiiQErlhrmuigkg/CU4E2J0IyUKUrMAgl36TvN67MqTw==
+
+cssom@~0.3.6:
+  version "0.3.8"
+  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.3.8.tgz#9f1276f5b2b463f2114d3f2c75250af8c1a36f4a"
+  integrity sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==
+
+cssstyle@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-2.3.0.tgz#ff665a0ddbdc31864b09647f34163443d90b0852"
+  integrity sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==
+  dependencies:
+    cssom "~0.3.6"
+
 csstype@^2.6.8:
   version "2.6.20"
   resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.20.tgz#9229c65ea0b260cf4d3d997cb06288e36a8d6dda"
@@ -3469,10 +3186,19 @@ dargs@^7.0.0:
 dashdash@^1.12.0:
   version "1.14.1"
   resolved "https://registry.yarnpkg.com/dashdash/-/dashdash-1.14.1.tgz#853cfa0f7cbe2fed5de20326b8dd581035f6e2f0"
-  integrity sha1-hTz6D3y+L+1d4gMmuN1YEDX24vA=
+  integrity sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==
   dependencies:
     assert-plus "^1.0.0"
 
+data-urls@^3.0.1:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-3.0.2.tgz#9cf24a477ae22bcef5cd5f6f0bfbc1d2d3be9143"
+  integrity sha512-Jy/tj3ldjZJo63sVAvg6LHt2mHvl4V6AgRAmNDtLdm7faqtsx+aJG42rsyCo9JCoRVKwPFzKlIPx3DIibwSIaQ==
+  dependencies:
+    abab "^2.0.6"
+    whatwg-mimetype "^3.0.0"
+    whatwg-url "^11.0.0"
+
 dateformat@^3.0.0:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/dateformat/-/dateformat-3.0.3.tgz#a6e37499a4d9a9cf85ef5872044d62901c9889ae"
@@ -3488,12 +3214,12 @@ debug@4, debug@^4.1.0, debug@^4.1.1, debug@^4.3.2, debug@^4.3.3, debug@^4.3.4:
 debuglog@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/debuglog/-/debuglog-1.0.1.tgz#aa24ffb9ac3df9a2351837cfb2d279360cd78492"
-  integrity sha1-qiT/uaw9+aI1GDfPstJ5NgzXhJI=
+  integrity sha512-syBZ+rnAK3EgMsH2aYEOLUW7mZSY9Gb+0wUMCFsZvcmiz+HigA0LOcq/HoQqVuGG+EKykunc7QG2bzrponfaSw==
 
 decamelize-keys@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/decamelize-keys/-/decamelize-keys-1.1.0.tgz#d171a87933252807eb3cb61dc1c1445d078df2d9"
-  integrity sha1-0XGoeTMlKAfrPLYdwcFEXQeN8tk=
+  integrity sha512-ocLWuYzRPoS9bfiSdDd3cxvrzovVMZnRDVEzAs+hWIVXGDbHxWMECij2OBuyB/An0FFW/nLuq6Kv1i/YC5Qfzg==
   dependencies:
     decamelize "^1.1.0"
     map-obj "^1.0.0"
@@ -3501,19 +3227,24 @@ decamelize-keys@^1.1.0:
 decamelize@^1.1.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
-  integrity sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=
+  integrity sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==
+
+decimal.js@^10.3.1:
+  version "10.3.1"
+  resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.3.1.tgz#d8c3a444a9c6774ba60ca6ad7261c3a94fd5e783"
+  integrity sha512-V0pfhfr8suzyPGOx3nmq4aHqabehUZn6Ch9kyFpV79TGDTWFmHqUqXdabR7QHqxzrYolF4+tVmJhUG4OURg5dQ==
 
 decode-uri-component@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/decode-uri-component/-/decode-uri-component-0.2.0.tgz#eb3913333458775cb84cd1a1fae062106bb87545"
-  integrity sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU=
+  integrity sha512-hjf+xovcEn31w/EUYdTXQh/8smFL/dzYjohQGEIgjyNavaJfBY2p5F527Bo1VPATxv0VYTUC2bOcXvqFwk78Og==
 
 dedent@^0.7.0:
   version "0.7.0"
   resolved "https://registry.yarnpkg.com/dedent/-/dedent-0.7.0.tgz#2495ddbaf6eb874abb0e1be9df22d2e5a544326c"
-  integrity sha1-JJXduvbrh0q7Dhvp3yLS5aVEMmw=
+  integrity sha512-Q6fKUPqnAHAyhiUgFU7BUzLiv0kd8saH9al7tnu5Q/okj6dnupxyTgFIBjVzJATdfIAm9NAsvXNzjaKa+bxVyA==
 
-deep-is@^0.1.3:
+deep-is@^0.1.3, deep-is@~0.1.3:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
   integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
@@ -3526,11 +3257,11 @@ deepmerge@^4.2.2:
 defaults@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/defaults/-/defaults-1.0.3.tgz#c656051e9817d9ff08ed881477f3fe4019f3ef7d"
-  integrity sha1-xlYFHpgX2f8I7YgUd/P+QBnz730=
+  integrity sha512-s82itHOnYrN0Ib8r+z7laQz3sdE+4FP3d9Q7VLO7U+KRT+CR0GsWuyHxzdAY82I7cXv0G/twrqomTJLOssO5HA==
   dependencies:
     clone "^1.0.2"
 
-define-properties@^1.1.3:
+define-properties@^1.1.3, define-properties@^1.1.4:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.1.4.tgz#0b14d7bd7fbeb2f3572c3a7eda80ea5d57fb05b1"
   integrity sha512-uckOqKcfaVvtBdsVkdPv3XjveQJsNQqmhXgRi8uhvWWuPYZCNlzT8qAyblUgNoXdHdjMTzAqeGjAoli8f+bzPA==
@@ -3541,17 +3272,17 @@ define-properties@^1.1.3:
 delayed-stream@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
-  integrity sha1-3zrhmayt+31ECqrgsp4icrJOxhk=
+  integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
 
 delegates@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/delegates/-/delegates-1.0.0.tgz#84c6e159b81904fdca59a0ef44cd870d31250f9a"
-  integrity sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=
+  integrity sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==
 
 depd@^1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.2.tgz#9bcd52e14c097763e749b274c4346ed2e560b5a9"
-  integrity sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=
+  integrity sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==
 
 deprecation@^2.0.0, deprecation@^2.3.1:
   version "2.3.1"
@@ -3561,7 +3292,7 @@ deprecation@^2.0.0, deprecation@^2.3.1:
 detect-indent@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/detect-indent/-/detect-indent-5.0.0.tgz#3871cc0a6a002e8c3e5b3cf7f336264675f06b9d"
-  integrity sha1-OHHMCmoALow+Wzz38zYmRnXwa50=
+  integrity sha512-rlpvsxUtM0PQvy9iZe640/IWwWYyBsTApREbA1pHOpmOUIl9MkP/U4z7vTtg4Oaojvqhxt7sdufnT0EzGaR31g==
 
 detect-indent@^6.0.0:
   version "6.1.0"
@@ -3603,7 +3334,14 @@ doctrine@^3.0.0:
 doctypes@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/doctypes/-/doctypes-1.1.0.tgz#ea80b106a87538774e8a3a4a5afe293de489e0a9"
-  integrity sha1-6oCxBqh1OHdOijpKWv4pPeSJ4Kk=
+  integrity sha512-LLBi6pEqS6Do3EKQ3J0NqHWV5hhb78Pi8vvESYwyOy2c31ZEZVdtitdzsQsKb7878PEERhzUk0ftqGhG6Mz+pQ==
+
+domexception@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/domexception/-/domexception-4.0.0.tgz#4ad1be56ccadc86fc76d033353999a8037d03673"
+  integrity sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==
+  dependencies:
+    webidl-conversions "^7.0.0"
 
 dot-prop@^5.1.0:
   version "5.3.0"
@@ -3627,15 +3365,15 @@ duplexer@^0.1.1:
 ecc-jsbn@~0.1.1:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz#3a83a904e54353287874c564b7549386849a98c9"
-  integrity sha1-OoOpBOVDUyh4dMVkt1SThoSamMk=
+  integrity sha512-eh9O+hwRHNbG4BLTjEl3nw044CkGm5X6LoaCf7LPp7UU8Qrt47JYNi6nPX8xjW97TKGKm1ouctg0QSpZe9qrnw==
   dependencies:
     jsbn "~0.1.0"
     safer-buffer "^2.1.0"
 
-electron-to-chromium@^1.4.118:
-  version "1.4.123"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.123.tgz#de88ea7fd29d7c868e63c88f129e91494bcf3266"
-  integrity sha512-0pHGE53WkYoFbsgwYcVKEpWa6jbzlvkohIEA2CUoZ9b5KC+w/zlMiQHvW/4IBcOh7YoEFqRNavgTk02TBoUTUw==
+electron-to-chromium@^1.4.188:
+  version "1.4.199"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.199.tgz#e0384fde79fdda89880e8be58196a9153e04db3b"
+  integrity sha512-WIGME0Cs7oob3mxsJwHbeWkH0tYkIE/sjkJ8ML2BYmuRcjhRl/q5kVDXG7W9LOOKwzPU5M0LBlXRq9rlSgnNlg==
 
 emittery@^0.10.2:
   version "0.10.2"
@@ -3681,17 +3419,19 @@ error-ex@^1.3.1:
   dependencies:
     is-arrayish "^0.2.1"
 
-es-abstract@^1.19.1:
-  version "1.19.5"
-  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.19.5.tgz#a2cb01eb87f724e815b278b0dd0d00f36ca9a7f1"
-  integrity sha512-Aa2G2+Rd3b6kxEUKTF4TaW67czBLyAv3z7VOhYRU50YBx+bbsYZ9xQP4lMNazePuFlybXI0V4MruPos7qUo5fA==
+es-abstract@^1.19.0, es-abstract@^1.19.2, es-abstract@^1.19.5, es-abstract@^1.20.1:
+  version "1.20.1"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.20.1.tgz#027292cd6ef44bd12b1913b828116f54787d1814"
+  integrity sha512-WEm2oBhfoI2sImeM4OF2zE2V3BYdSF+KnSi9Sidz51fQHd7+JuF8Xgcj9/0o+OWeIeIS/MiuNnlruQrJf16GQA==
   dependencies:
     call-bind "^1.0.2"
     es-to-primitive "^1.2.1"
     function-bind "^1.1.1"
+    function.prototype.name "^1.1.5"
     get-intrinsic "^1.1.1"
     get-symbol-description "^1.0.0"
     has "^1.0.3"
+    has-property-descriptors "^1.0.0"
     has-symbols "^1.0.3"
     internal-slot "^1.0.3"
     is-callable "^1.2.4"
@@ -3703,9 +3443,15 @@ es-abstract@^1.19.1:
     object-inspect "^1.12.0"
     object-keys "^1.1.1"
     object.assign "^4.1.2"
-    string.prototype.trimend "^1.0.4"
-    string.prototype.trimstart "^1.0.4"
-    unbox-primitive "^1.0.1"
+    regexp.prototype.flags "^1.4.3"
+    string.prototype.trimend "^1.0.5"
+    string.prototype.trimstart "^1.0.5"
+    unbox-primitive "^1.0.2"
+
+es-array-method-boxes-properly@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/es-array-method-boxes-properly/-/es-array-method-boxes-properly-1.0.0.tgz#873f3e84418de4ee19c5be752990b2e44718d09e"
+  integrity sha512-wd6JXUmyHmt8T5a2xreUwKcGPq6f1f+WwIJkijUqiGcJz1qqnZgP6XIK+QyIWU5lT7imeNxUll48bziG+TSYcA==
 
 es-to-primitive@^1.2.1:
   version "1.2.1"
@@ -3716,131 +3462,131 @@ es-to-primitive@^1.2.1:
     is-date-object "^1.0.1"
     is-symbol "^1.0.2"
 
-esbuild-android-64@0.14.38:
-  version "0.14.38"
-  resolved "https://registry.yarnpkg.com/esbuild-android-64/-/esbuild-android-64-0.14.38.tgz#5b94a1306df31d55055f64a62ff6b763a47b7f64"
-  integrity sha512-aRFxR3scRKkbmNuGAK+Gee3+yFxkTJO/cx83Dkyzo4CnQl/2zVSurtG6+G86EQIZ+w+VYngVyK7P3HyTBKu3nw==
-
-esbuild-android-arm64@0.14.38:
-  version "0.14.38"
-  resolved "https://registry.yarnpkg.com/esbuild-android-arm64/-/esbuild-android-arm64-0.14.38.tgz#78acc80773d16007de5219ccce544c036abd50b8"
-  integrity sha512-L2NgQRWuHFI89IIZIlpAcINy9FvBk6xFVZ7xGdOwIm8VyhX1vNCEqUJO3DPSSy945Gzdg98cxtNt8Grv1CsyhA==
-
-esbuild-darwin-64@0.14.38:
-  version "0.14.38"
-  resolved "https://registry.yarnpkg.com/esbuild-darwin-64/-/esbuild-darwin-64-0.14.38.tgz#e02b1291f629ebdc2aa46fabfacc9aa28ff6aa46"
-  integrity sha512-5JJvgXkX87Pd1Og0u/NJuO7TSqAikAcQQ74gyJ87bqWRVeouky84ICoV4sN6VV53aTW+NE87qLdGY4QA2S7KNA==
-
-esbuild-darwin-arm64@0.14.38:
-  version "0.14.38"
-  resolved "https://registry.yarnpkg.com/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.14.38.tgz#01eb6650ec010b18c990e443a6abcca1d71290a9"
-  integrity sha512-eqF+OejMI3mC5Dlo9Kdq/Ilbki9sQBw3QlHW3wjLmsLh+quNfHmGMp3Ly1eWm981iGBMdbtSS9+LRvR2T8B3eQ==
-
-esbuild-freebsd-64@0.14.38:
-  version "0.14.38"
-  resolved "https://registry.yarnpkg.com/esbuild-freebsd-64/-/esbuild-freebsd-64-0.14.38.tgz#790b8786729d4aac7be17648f9ea8e0e16475b5e"
-  integrity sha512-epnPbhZUt93xV5cgeY36ZxPXDsQeO55DppzsIgWM8vgiG/Rz+qYDLmh5ts3e+Ln1wA9dQ+nZmVHw+RjaW3I5Ig==
-
-esbuild-freebsd-arm64@0.14.38:
-  version "0.14.38"
-  resolved "https://registry.yarnpkg.com/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.14.38.tgz#b66340ab28c09c1098e6d9d8ff656db47d7211e6"
-  integrity sha512-/9icXUYJWherhk+y5fjPI5yNUdFPtXHQlwP7/K/zg8t8lQdHVj20SqU9/udQmeUo5pDFHMYzcEFfJqgOVeKNNQ==
-
-esbuild-linux-32@0.14.38:
-  version "0.14.38"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-32/-/esbuild-linux-32-0.14.38.tgz#7927f950986fd39f0ff319e92839455912b67f70"
-  integrity sha512-QfgfeNHRFvr2XeHFzP8kOZVnal3QvST3A0cgq32ZrHjSMFTdgXhMhmWdKzRXP/PKcfv3e2OW9tT9PpcjNvaq6g==
-
-esbuild-linux-64@0.14.38:
-  version "0.14.38"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-64/-/esbuild-linux-64-0.14.38.tgz#4893d07b229d9cfe34a2b3ce586399e73c3ac519"
-  integrity sha512-uuZHNmqcs+Bj1qiW9k/HZU3FtIHmYiuxZ/6Aa+/KHb/pFKr7R3aVqvxlAudYI9Fw3St0VCPfv7QBpUITSmBR1Q==
-
-esbuild-linux-arm64@0.14.38:
-  version "0.14.38"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-arm64/-/esbuild-linux-arm64-0.14.38.tgz#8442402e37d0b8ae946ac616784d9c1a2041056a"
-  integrity sha512-HlMGZTEsBrXrivr64eZ/EO0NQM8H8DuSENRok9d+Jtvq8hOLzrxfsAT9U94K3KOGk2XgCmkaI2KD8hX7F97lvA==
-
-esbuild-linux-arm@0.14.38:
-  version "0.14.38"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-arm/-/esbuild-linux-arm-0.14.38.tgz#d5dbf32d38b7f79be0ec6b5fb2f9251fd9066986"
-  integrity sha512-FiFvQe8J3VKTDXG01JbvoVRXQ0x6UZwyrU4IaLBZeq39Bsbatd94Fuc3F1RGqPF5RbIWW7RvkVQjn79ejzysnA==
-
-esbuild-linux-mips64le@0.14.38:
-  version "0.14.38"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.14.38.tgz#95081e42f698bbe35d8ccee0e3a237594b337eb5"
-  integrity sha512-qd1dLf2v7QBiI5wwfil9j0HG/5YMFBAmMVmdeokbNAMbcg49p25t6IlJFXAeLzogv1AvgaXRXvgFNhScYEUXGQ==
-
-esbuild-linux-ppc64le@0.14.38:
-  version "0.14.38"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.14.38.tgz#dceb0a1b186f5df679618882a7990bd422089b47"
-  integrity sha512-mnbEm7o69gTl60jSuK+nn+pRsRHGtDPfzhrqEUXyCl7CTOCLtWN2bhK8bgsdp6J/2NyS/wHBjs1x8aBWwP2X9Q==
-
-esbuild-linux-riscv64@0.14.38:
-  version "0.14.38"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.14.38.tgz#61fb8edb75f475f9208c4a93ab2bfab63821afd2"
-  integrity sha512-+p6YKYbuV72uikChRk14FSyNJZ4WfYkffj6Af0/Tw63/6TJX6TnIKE+6D3xtEc7DeDth1fjUOEqm+ApKFXbbVQ==
-
-esbuild-linux-s390x@0.14.38:
-  version "0.14.38"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-s390x/-/esbuild-linux-s390x-0.14.38.tgz#34c7126a4937406bf6a5e69100185fd702d12fe0"
-  integrity sha512-0zUsiDkGJiMHxBQ7JDU8jbaanUY975CdOW1YDrurjrM0vWHfjv9tLQsW9GSyEb/heSK1L5gaweRjzfUVBFoybQ==
-
-esbuild-netbsd-64@0.14.38:
-  version "0.14.38"
-  resolved "https://registry.yarnpkg.com/esbuild-netbsd-64/-/esbuild-netbsd-64-0.14.38.tgz#322ea9937d9e529183ee281c7996b93eb38a5d95"
-  integrity sha512-cljBAApVwkpnJZfnRVThpRBGzCi+a+V9Ofb1fVkKhtrPLDYlHLrSYGtmnoTVWDQdU516qYI8+wOgcGZ4XIZh0Q==
-
-esbuild-openbsd-64@0.14.38:
-  version "0.14.38"
-  resolved "https://registry.yarnpkg.com/esbuild-openbsd-64/-/esbuild-openbsd-64-0.14.38.tgz#1ca29bb7a2bf09592dcc26afdb45108f08a2cdbd"
-  integrity sha512-CDswYr2PWPGEPpLDUO50mL3WO/07EMjnZDNKpmaxUPsrW+kVM3LoAqr/CE8UbzugpEiflYqJsGPLirThRB18IQ==
-
-esbuild-sunos-64@0.14.38:
-  version "0.14.38"
-  resolved "https://registry.yarnpkg.com/esbuild-sunos-64/-/esbuild-sunos-64-0.14.38.tgz#c9446f7d8ebf45093e7bb0e7045506a88540019b"
-  integrity sha512-2mfIoYW58gKcC3bck0j7lD3RZkqYA7MmujFYmSn9l6TiIcAMpuEvqksO+ntBgbLep/eyjpgdplF7b+4T9VJGOA==
-
-esbuild-windows-32@0.14.38:
-  version "0.14.38"
-  resolved "https://registry.yarnpkg.com/esbuild-windows-32/-/esbuild-windows-32-0.14.38.tgz#f8e9b4602fd0ccbd48e5c8d117ec0ba4040f2ad1"
-  integrity sha512-L2BmEeFZATAvU+FJzJiRLFUP+d9RHN+QXpgaOrs2klshoAm1AE6Us4X6fS9k33Uy5SzScn2TpcgecbqJza1Hjw==
-
-esbuild-windows-64@0.14.38:
-  version "0.14.38"
-  resolved "https://registry.yarnpkg.com/esbuild-windows-64/-/esbuild-windows-64-0.14.38.tgz#280f58e69f78535f470905ce3e43db1746518107"
-  integrity sha512-Khy4wVmebnzue8aeSXLC+6clo/hRYeNIm0DyikoEqX+3w3rcvrhzpoix0S+MF9vzh6JFskkIGD7Zx47ODJNyCw==
-
-esbuild-windows-arm64@0.14.38:
-  version "0.14.38"
-  resolved "https://registry.yarnpkg.com/esbuild-windows-arm64/-/esbuild-windows-arm64-0.14.38.tgz#d97e9ac0f95a4c236d9173fa9f86c983d6a53f54"
-  integrity sha512-k3FGCNmHBkqdJXuJszdWciAH77PukEyDsdIryEHn9cKLQFxzhT39dSumeTuggaQcXY57UlmLGIkklWZo2qzHpw==
+esbuild-android-64@0.14.50:
+  version "0.14.50"
+  resolved "https://registry.yarnpkg.com/esbuild-android-64/-/esbuild-android-64-0.14.50.tgz#a46fc80fa2007690e647680d837483a750a3097f"
+  integrity sha512-H7iUEm7gUJHzidsBlFPGF6FTExazcgXL/46xxLo6i6bMtPim6ZmXyTccS8yOMpy6HAC6dPZ/JCQqrkkin69n6Q==
+
+esbuild-android-arm64@0.14.50:
+  version "0.14.50"
+  resolved "https://registry.yarnpkg.com/esbuild-android-arm64/-/esbuild-android-arm64-0.14.50.tgz#bdda7851fa7f5f770d6ff0ad593a8945d3a0fcdd"
+  integrity sha512-NFaoqEwa+OYfoYVpQWDMdKII7wZZkAjtJFo1WdnBeCYlYikvUhTnf2aPwPu5qEAw/ie1NYK0yn3cafwP+kP+OQ==
+
+esbuild-darwin-64@0.14.50:
+  version "0.14.50"
+  resolved "https://registry.yarnpkg.com/esbuild-darwin-64/-/esbuild-darwin-64-0.14.50.tgz#f0535435f9760766f30db14a991ee5ca94c022a4"
+  integrity sha512-gDQsCvGnZiJv9cfdO48QqxkRV8oKAXgR2CGp7TdIpccwFdJMHf8hyIJhMW/05b/HJjET/26Us27Jx91BFfEVSA==
+
+esbuild-darwin-arm64@0.14.50:
+  version "0.14.50"
+  resolved "https://registry.yarnpkg.com/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.14.50.tgz#76a41a40e8947a15ae62970e9ed2853883c4b16c"
+  integrity sha512-36nNs5OjKIb/Q50Sgp8+rYW/PqirRiFN0NFc9hEvgPzNJxeJedktXwzfJSln4EcRFRh5Vz4IlqFRScp+aiBBzA==
+
+esbuild-freebsd-64@0.14.50:
+  version "0.14.50"
+  resolved "https://registry.yarnpkg.com/esbuild-freebsd-64/-/esbuild-freebsd-64-0.14.50.tgz#2ed6633c17ed42c20a1bd68e82c4bbc75ea4fb57"
+  integrity sha512-/1pHHCUem8e/R86/uR+4v5diI2CtBdiWKiqGuPa9b/0x3Nwdh5AOH7lj+8823C6uX1e0ufwkSLkS+aFZiBCWxA==
+
+esbuild-freebsd-arm64@0.14.50:
+  version "0.14.50"
+  resolved "https://registry.yarnpkg.com/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.14.50.tgz#cb115f4cdafe9cdbe58875ba482fccc54d32aa43"
+  integrity sha512-iKwUVMQztnPZe5pUYHdMkRc9aSpvoV1mkuHlCoPtxZA3V+Kg/ptpzkcSY+fKd0kuom+l6Rc93k0UPVkP7xoqrw==
+
+esbuild-linux-32@0.14.50:
+  version "0.14.50"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-32/-/esbuild-linux-32-0.14.50.tgz#fe2b724994dcf1d4e48dc4832ff008ad7d00bcfd"
+  integrity sha512-sWUwvf3uz7dFOpLzYuih+WQ7dRycrBWHCdoXJ4I4XdMxEHCECd8b7a9N9u7FzT6XR2gHPk9EzvchQUtiEMRwqw==
+
+esbuild-linux-64@0.14.50:
+  version "0.14.50"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-64/-/esbuild-linux-64-0.14.50.tgz#7851ab5151df9501a2187bd4909c594ad232b623"
+  integrity sha512-u0PQxPhaeI629t4Y3EEcQ0wmWG+tC/LpP2K7yDFvwuPq0jSQ8SIN+ARNYfRjGW15O2we3XJvklbGV0wRuUCPig==
+
+esbuild-linux-arm64@0.14.50:
+  version "0.14.50"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-arm64/-/esbuild-linux-arm64-0.14.50.tgz#76a76afef484a0512f1fbbcc762edd705dee8892"
+  integrity sha512-ZyfoNgsTftD7Rp5S7La5auomKdNeB3Ck+kSKXC4pp96VnHyYGjHHXWIlcbH8i+efRn9brszo1/Thl1qn8RqmhQ==
+
+esbuild-linux-arm@0.14.50:
+  version "0.14.50"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-arm/-/esbuild-linux-arm-0.14.50.tgz#6d7a8c0712091b0c3a668dd5d8b5c924adbaeb12"
+  integrity sha512-VALZq13bhmFJYFE/mLEb+9A0w5vo8z+YDVOWeaf9vOTrSC31RohRIwtxXBnVJ7YKLYfEMzcgFYf+OFln3Y0cWg==
+
+esbuild-linux-mips64le@0.14.50:
+  version "0.14.50"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.14.50.tgz#43426909c1884c5dc6b40765673a08a7ec1d2064"
+  integrity sha512-ygo31Vxn/WrmjKCHkBoutOlFG5yM9J2UhzHb0oWD9O61dGg+Hzjz9hjf5cmM7FBhAzdpOdEWHIrVOg2YAi6rTw==
+
+esbuild-linux-ppc64le@0.14.50:
+  version "0.14.50"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.14.50.tgz#c754ea3da1dd180c6e9b6b508dc18ce983d92b11"
+  integrity sha512-xWCKU5UaiTUT6Wz/O7GKP9KWdfbsb7vhfgQzRfX4ahh5NZV4ozZ4+SdzYG8WxetsLy84UzLX3Pi++xpVn1OkFQ==
+
+esbuild-linux-riscv64@0.14.50:
+  version "0.14.50"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.14.50.tgz#f3b2dd3c4c2b91bf191d3b98a9819c8aa6f5ad7f"
+  integrity sha512-0+dsneSEihZTopoO9B6Z6K4j3uI7EdxBP7YSF5rTwUgCID+wHD3vM1gGT0m+pjCW+NOacU9kH/WE9N686FHAJg==
+
+esbuild-linux-s390x@0.14.50:
+  version "0.14.50"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-s390x/-/esbuild-linux-s390x-0.14.50.tgz#3dfbc4578b2a81995caabb79df2b628ea86a5390"
+  integrity sha512-tVjqcu8o0P9H4StwbIhL1sQYm5mWATlodKB6dpEZFkcyTI8kfIGWiWcrGmkNGH2i1kBUOsdlBafPxR3nzp3TDA==
+
+esbuild-netbsd-64@0.14.50:
+  version "0.14.50"
+  resolved "https://registry.yarnpkg.com/esbuild-netbsd-64/-/esbuild-netbsd-64-0.14.50.tgz#17dbf51eaa48d983e794b588d195415410ef8c85"
+  integrity sha512-0R/glfqAQ2q6MHDf7YJw/TulibugjizBxyPvZIcorH0Mb7vSimdHy0XF5uCba5CKt+r4wjax1mvO9lZ4jiAhEg==
+
+esbuild-openbsd-64@0.14.50:
+  version "0.14.50"
+  resolved "https://registry.yarnpkg.com/esbuild-openbsd-64/-/esbuild-openbsd-64-0.14.50.tgz#cf6b1a50c8cf67b0725aaa4bce9773976168c50e"
+  integrity sha512-7PAtmrR5mDOFubXIkuxYQ4bdNS6XCK8AIIHUiZxq1kL8cFIH5731jPcXQ4JNy/wbj1C9sZ8rzD8BIM80Tqk29w==
+
+esbuild-sunos-64@0.14.50:
+  version "0.14.50"
+  resolved "https://registry.yarnpkg.com/esbuild-sunos-64/-/esbuild-sunos-64-0.14.50.tgz#f705ae0dd914c3b45dc43319c4f532216c3d841f"
+  integrity sha512-gBxNY/wyptvD7PkHIYcq7se6SQEXcSC8Y7mE0FJB+CGgssEWf6vBPfTTZ2b6BWKnmaP6P6qb7s/KRIV5T2PxsQ==
+
+esbuild-windows-32@0.14.50:
+  version "0.14.50"
+  resolved "https://registry.yarnpkg.com/esbuild-windows-32/-/esbuild-windows-32-0.14.50.tgz#6364905a99c1e6c1e2fe7bfccebd958131b1cd6c"
+  integrity sha512-MOOe6J9cqe/iW1qbIVYSAqzJFh0p2LBLhVUIWdMVnNUNjvg2/4QNX4oT4IzgDeldU+Bym9/Tn6+DxvUHJXL5Zw==
+
+esbuild-windows-64@0.14.50:
+  version "0.14.50"
+  resolved "https://registry.yarnpkg.com/esbuild-windows-64/-/esbuild-windows-64-0.14.50.tgz#56603cb6367e30d14098deb77de6aa18d76dd89b"
+  integrity sha512-r/qE5Ex3w1jjGv/JlpPoWB365ldkppUlnizhMxJgojp907ZF1PgLTuW207kgzZcSCXyquL9qJkMsY+MRtaZ5yQ==
+
+esbuild-windows-arm64@0.14.50:
+  version "0.14.50"
+  resolved "https://registry.yarnpkg.com/esbuild-windows-arm64/-/esbuild-windows-arm64-0.14.50.tgz#e7ddde6a97194051a5a4ac05f4f5900e922a7ea5"
+  integrity sha512-EMS4lQnsIe12ZyAinOINx7eq2mjpDdhGZZWDwPZE/yUTN9cnc2Ze/xUTYIAyaJqrqQda3LnDpADKpvLvol6ENQ==
 
 esbuild@^0.14.27, esbuild@^0.14.29:
-  version "0.14.38"
-  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.14.38.tgz#99526b778cd9f35532955e26e1709a16cca2fb30"
-  integrity sha512-12fzJ0fsm7gVZX1YQ1InkOE5f9Tl7cgf6JPYXRJtPIoE0zkWAbHdPHVPPaLi9tYAcEBqheGzqLn/3RdTOyBfcA==
+  version "0.14.50"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.14.50.tgz#7a665392c8df94bf6e1ae1e999966a5ee62c6cbc"
+  integrity sha512-SbC3k35Ih2IC6trhbMYW7hYeGdjPKf9atTKwBUHqMCYFZZ9z8zhuvfnZihsnJypl74FjiAKjBRqFkBkAd0rS/w==
   optionalDependencies:
-    esbuild-android-64 "0.14.38"
-    esbuild-android-arm64 "0.14.38"
-    esbuild-darwin-64 "0.14.38"
-    esbuild-darwin-arm64 "0.14.38"
-    esbuild-freebsd-64 "0.14.38"
-    esbuild-freebsd-arm64 "0.14.38"
-    esbuild-linux-32 "0.14.38"
-    esbuild-linux-64 "0.14.38"
-    esbuild-linux-arm "0.14.38"
-    esbuild-linux-arm64 "0.14.38"
-    esbuild-linux-mips64le "0.14.38"
-    esbuild-linux-ppc64le "0.14.38"
-    esbuild-linux-riscv64 "0.14.38"
-    esbuild-linux-s390x "0.14.38"
-    esbuild-netbsd-64 "0.14.38"
-    esbuild-openbsd-64 "0.14.38"
-    esbuild-sunos-64 "0.14.38"
-    esbuild-windows-32 "0.14.38"
-    esbuild-windows-64 "0.14.38"
-    esbuild-windows-arm64 "0.14.38"
+    esbuild-android-64 "0.14.50"
+    esbuild-android-arm64 "0.14.50"
+    esbuild-darwin-64 "0.14.50"
+    esbuild-darwin-arm64 "0.14.50"
+    esbuild-freebsd-64 "0.14.50"
+    esbuild-freebsd-arm64 "0.14.50"
+    esbuild-linux-32 "0.14.50"
+    esbuild-linux-64 "0.14.50"
+    esbuild-linux-arm "0.14.50"
+    esbuild-linux-arm64 "0.14.50"
+    esbuild-linux-mips64le "0.14.50"
+    esbuild-linux-ppc64le "0.14.50"
+    esbuild-linux-riscv64 "0.14.50"
+    esbuild-linux-s390x "0.14.50"
+    esbuild-netbsd-64 "0.14.50"
+    esbuild-openbsd-64 "0.14.50"
+    esbuild-sunos-64 "0.14.50"
+    esbuild-windows-32 "0.14.50"
+    esbuild-windows-64 "0.14.50"
+    esbuild-windows-arm64 "0.14.50"
 
 escalade@^3.1.1:
   version "3.1.1"
@@ -3850,7 +3596,7 @@ escalade@^3.1.1:
 escape-string-regexp@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
-  integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
+  integrity sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==
 
 escape-string-regexp@^2.0.0:
   version "2.0.0"
@@ -3862,19 +3608,24 @@ escape-string-regexp@^4.0.0:
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
   integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
 
+escodegen@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-2.0.0.tgz#5e32b12833e8aa8fa35e1bf0befa89380484c7dd"
+  integrity sha512-mmHKys/C8BFUGI+MAWNcSYoORYLMdPzjrknd2Vc+bUsjN5bXcr8EhrNB+UTqfL1y3I9c4fw2ihgtMPQLBRiQxw==
+  dependencies:
+    esprima "^4.0.1"
+    estraverse "^5.2.0"
+    esutils "^2.0.2"
+    optionator "^0.8.1"
+  optionalDependencies:
+    source-map "~0.6.1"
+
 eslint-config-prettier@^8.3.0:
   version "8.5.0"
   resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-8.5.0.tgz#5a81680ec934beca02c7b1a61cf8ca34b66feab1"
   integrity sha512-obmWKLUNCnhtQRKc+tmnYuQl0pFU1ibYJQ5BGhTVB08bHe9wC8qUeG7c08dj9XX+AuPj1YSGSQIHl1pnDHZR0Q==
 
-eslint-plugin-prettier@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-4.0.0.tgz#8b99d1e4b8b24a762472b4567992023619cb98e0"
-  integrity sha512-98MqmCJ7vJodoQK359bqQWaxOE0CS8paAz/GgjaZLyex4TTk3g9HugoO89EqWCrFiOqn9EVvcoo7gZzONCWVwQ==
-  dependencies:
-    prettier-linter-helpers "^1.0.0"
-
-eslint-plugin-prettier@^4.2.1:
+eslint-plugin-prettier@^4.0.0, eslint-plugin-prettier@^4.2.1:
   version "4.2.1"
   resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-4.2.1.tgz#651cbb88b1dab98bfd42f017a12fa6b2d993f94b"
   integrity sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==
@@ -3922,7 +3673,7 @@ eslint-visitor-keys@^2.0.0:
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz#f65328259305927392c938ed44eb0a5c9b2bd303"
   integrity sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==
 
-eslint-visitor-keys@^3.0.0, eslint-visitor-keys@^3.3.0:
+eslint-visitor-keys@^3.3.0:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz#f6480fa6b1f30efe2d1968aa8ac745b862469826"
   integrity sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==
@@ -3968,16 +3719,7 @@ eslint@8.20.0:
     text-table "^0.2.0"
     v8-compile-cache "^2.0.3"
 
-espree@^9.3.1:
-  version "9.3.1"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-9.3.1.tgz#8793b4bc27ea4c778c19908e0719e7b8f4115bcd"
-  integrity sha512-bvdyLmJMfwkV3NCRl5ZhJf22zBFo1y8bYh3VYb+bfzqNB4Je68P2sSuXyuFquzWLebHpNd2/d5uv7yoP9ISnGQ==
-  dependencies:
-    acorn "^8.7.0"
-    acorn-jsx "^5.3.1"
-    eslint-visitor-keys "^3.3.0"
-
-espree@^9.3.2:
+espree@^9.3.1, espree@^9.3.2:
   version "9.3.2"
   resolved "https://registry.yarnpkg.com/espree/-/espree-9.3.2.tgz#f58f77bd334731182801ced3380a8cc859091596"
   integrity sha512-D211tC7ZwouTIuY5x9XnS0E9sWNChB7IYKX/Xp5eQj3nFXhqmiUDB9q27y76oFl8jTg3pXcQx/bpxMfs3CIZbA==
@@ -3986,7 +3728,7 @@ espree@^9.3.2:
     acorn-jsx "^5.3.2"
     eslint-visitor-keys "^3.3.0"
 
-esprima@^4.0.0, esprima@~4.0.0:
+esprima@^4.0.0, esprima@^4.0.1, esprima@~4.0.0:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
   integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
@@ -4058,7 +3800,7 @@ execa@^5.0.0, execa@^5.1.1:
 exit@^0.1.2:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/exit/-/exit-0.1.2.tgz#0632638f8d877cc82107d30a0fff1a17cba1cd0c"
-  integrity sha1-BjJjj42HfMghB9MKD/8aF8uhzQw=
+  integrity sha512-Zk/eNKV2zbjpKzrsQ+n1G6poVbErQxJ0LBOJXaKZ1EViLzH+hrLu9cdXI4zw9dBQJslwBEpbQ2P1oS7nDxs6jQ==
 
 expect@^28.1.3:
   version "28.1.3"
@@ -4074,7 +3816,7 @@ expect@^28.1.3:
 extend-shallow@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/extend-shallow/-/extend-shallow-2.0.1.tgz#51af7d614ad9a9f610ea1bafbb989d6b1c56890f"
-  integrity sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=
+  integrity sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==
   dependencies:
     is-extendable "^0.1.0"
 
@@ -4092,17 +3834,10 @@ external-editor@^3.0.3:
     iconv-lite "^0.4.24"
     tmp "^0.0.33"
 
-extract-from-css@^0.4.4:
-  version "0.4.4"
-  resolved "https://registry.yarnpkg.com/extract-from-css/-/extract-from-css-0.4.4.tgz#1ea7df2e7c7c6eb9922fa08e8adaea486f6f8f92"
-  integrity sha1-HqffLnx8brmSL6COitrqSG9vj5I=
-  dependencies:
-    css "^2.1.0"
-
 extsprintf@1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.3.0.tgz#96918440e3041a7a414f8c52e3c574eb3c3e1e05"
-  integrity sha1-lpGEQOMEGnpBT4xS48V06zw+HgU=
+  integrity sha512-11Ndz7Nv+mvAC1j0ktTa7fAb0vLyGGX+rMHNBYQviQDGU0Hw7lhctJANqbPhu9nV9/izT/IntTgZ7Im/9LJs9g==
 
 extsprintf@^1.2.0:
   version "1.4.1"
@@ -4135,10 +3870,10 @@ fast-json-stable-stringify@2.x, fast-json-stable-stringify@^2.0.0:
   resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
   integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
 
-fast-levenshtein@^2.0.6:
+fast-levenshtein@^2.0.6, fast-levenshtein@~2.0.6:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
-  integrity sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=
+  integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
 
 fastq@^1.6.0:
   version "1.13.0"
@@ -4178,12 +3913,12 @@ fill-range@^7.0.1:
 filter-obj@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/filter-obj/-/filter-obj-1.1.0.tgz#9b311112bc6c6127a16e016c6c5d7f19e0805c5b"
-  integrity sha1-mzERErxsYSehbgFsbF1/GeCAXFs=
+  integrity sha512-8rXg1ZnX7xzy2NGDVkBVaAy+lSlPNwad13BtgSlLuxfIslyt5Vg64U7tFcCt4WS1R0hvtnQybT/IyCkGZ3DpXQ==
 
 find-up@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/find-up/-/find-up-2.1.0.tgz#45d1b7e506c717ddd482775a2b77920a3c0c57a7"
-  integrity sha1-RdG35QbHF93UgndaK3eSCjwMV6c=
+  integrity sha512-NWzkk0jSJtTt08+FBFMvXoeZnOJD+jTtsRmBYbAIzJdX6l7dLgR7CTubCM5/eDdPUBvLCeVasP1brfVR/9/EZQ==
   dependencies:
     locate-path "^2.0.0"
 
@@ -4204,14 +3939,23 @@ flat-cache@^3.0.4:
     rimraf "^3.0.2"
 
 flatted@^3.1.0:
-  version "3.2.5"
-  resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.5.tgz#76c8584f4fc843db64702a6bd04ab7a8bd666da3"
-  integrity sha512-WIWGi2L3DyTUvUrwRKgGi9TwxQMUEqPOPQBVi71R96jZXJdFskXEmf54BoZaS1kknGODoIGASGEzBUYdyMCBJg==
+  version "3.2.6"
+  resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.6.tgz#022e9218c637f9f3fc9c35ab9c9193f05add60b2"
+  integrity sha512-0sQoMh9s0BYsm+12Huy/rkKxVu4R1+r96YX5cG44rHV0pQ6iC3Q+mkoMFaGWObMFYQxCVT+ssG1ksneA2MI9KQ==
 
 forever-agent@~0.6.1:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/forever-agent/-/forever-agent-0.6.1.tgz#fbc71f0c41adeb37f96c577ad1ed42d8fdacca91"
-  integrity sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=
+  integrity sha512-j0KLYPhm6zeac4lz3oJ3o65qvgQCcPubiyotZrXqEaG4hNagNYO8qdlUrX5vwqv9ohqeT/Z3j6+yW067yWWdUw==
+
+form-data@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.0.tgz#93919daeaf361ee529584b9b31664dc12c9fa452"
+  integrity sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==
+  dependencies:
+    asynckit "^0.4.0"
+    combined-stream "^1.0.8"
+    mime-types "^2.1.12"
 
 form-data@~2.3.2:
   version "2.3.3"
@@ -4263,7 +4007,7 @@ fs-minipass@^2.0.0, fs-minipass@^2.1.0:
 fs.realpath@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
-  integrity sha1-FQStJSMVjKpA20onh8sBQRmU6k8=
+  integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
 
 fsevents@^2.3.2, fsevents@~2.3.2:
   version "2.3.2"
@@ -4275,15 +4019,30 @@ function-bind@^1.1.1:
   resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
   integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
 
+function.prototype.name@^1.1.5:
+  version "1.1.5"
+  resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.5.tgz#cce0505fe1ffb80503e6f9e46cc64e46a12a9621"
+  integrity sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.3"
+    es-abstract "^1.19.0"
+    functions-have-names "^1.2.2"
+
 functional-red-black-tree@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz#1b0ab3bd553b2a0d6399d29c0e3ea0b252078327"
-  integrity sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=
+  integrity sha512-dsKNQNdj6xA3T+QlADDA7mOSlX0qiMINjn0cgr+eGHGsbSHzTabcIogz2+p/iqP1Xs6EP/sS2SbqH+brGTbq0g==
+
+functions-have-names@^1.2.2:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/functions-have-names/-/functions-have-names-1.2.3.tgz#0404fe4ee2ba2f607f0e0ec3c80bae994133b834"
+  integrity sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==
 
 gauge@~2.7.3:
   version "2.7.4"
   resolved "https://registry.yarnpkg.com/gauge/-/gauge-2.7.4.tgz#2c03405c7538c39d7eb37b317022e325fb018bf7"
-  integrity sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=
+  integrity sha512-14x4kjc6lkD3ltw589k0NrPD6cCNTD6CWoVUNpB85+DrtONoZn+Rug6xZU5RvSC4+TZPxA5AnBibQYAvZn41Hg==
   dependencies:
     aproba "^1.0.3"
     console-control-strings "^1.0.0"
@@ -4305,13 +4064,13 @@ get-caller-file@^2.0.5:
   integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
 
 get-intrinsic@^1.0.2, get-intrinsic@^1.1.0, get-intrinsic@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.1.1.tgz#15f59f376f855c446963948f0d24cd3637b4abc6"
-  integrity sha512-kWZrnVM42QCiEA2Ig1bG8zjoIMOgxWwYCEeNdwY6Tv/cOSeGpcoX4pXHfKUxNKVoArnrEr2e9srnAxxGIraS9Q==
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.1.2.tgz#336975123e05ad0b7ba41f152ee4aadbea6cf598"
+  integrity sha512-Jfm3OyCxHh9DJyc28qGk+JmfkpO41A4XkneDSujN9MDXrm4oDKdHvndhZ2dN94+ERNfkYJWDclW6k2L/ZGHjXA==
   dependencies:
     function-bind "^1.1.1"
     has "^1.0.3"
-    has-symbols "^1.0.1"
+    has-symbols "^1.0.3"
 
 get-package-type@^0.1.0:
   version "0.1.0"
@@ -4349,7 +4108,7 @@ get-symbol-description@^1.0.0:
 getpass@^0.1.1:
   version "0.1.7"
   resolved "https://registry.yarnpkg.com/getpass/-/getpass-0.1.7.tgz#5eff8e3e684d569ae4cb2b1282604e8ba62149fa"
-  integrity sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo=
+  integrity sha512-0fzj9JxOLfJ+XGLhR8ze3unN0KZCgZwiSSDz168VERjK8Wl8kVSdcu2kspd4s4wtAa1y/qrVRiAA0WclVsu0ng==
   dependencies:
     assert-plus "^1.0.0"
 
@@ -4367,7 +4126,7 @@ git-raw-commits@^2.0.8:
 git-remote-origin-url@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/git-remote-origin-url/-/git-remote-origin-url-2.0.0.tgz#5282659dae2107145a11126112ad3216ec5fa65f"
-  integrity sha1-UoJlna4hBxRaERJhEq0yFuxfpl8=
+  integrity sha512-eU+GGrZgccNJcsDH5LkXR3PB9M958hxc7sbA8DFJjrv9j4L2P/eZfKhM+QD6wyzpiv+b1BpK0XrYCxkovtjSLw==
   dependencies:
     gitconfiglocal "^1.0.0"
     pify "^2.3.0"
@@ -4398,7 +4157,7 @@ git-url-parse@^11.4.4:
 gitconfiglocal@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/gitconfiglocal/-/gitconfiglocal-1.0.0.tgz#41d045f3851a5ea88f03f24ca1c6178114464b9b"
-  integrity sha1-QdBF84UaXqiPA/JMocYXgRRGS5s=
+  integrity sha512-spLUXeTAVHxDtKsJc8FkFVgFtMdEN9qPGpL23VfSHx4fP4+Ds097IXLvymbnDH8FnmxX5Nr9bPw3A+AQ6mWEaQ==
   dependencies:
     ini "^1.3.2"
 
@@ -4417,14 +4176,14 @@ glob-parent@^6.0.1:
     is-glob "^4.0.3"
 
 glob@^7.1.1, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.0.tgz#d15535af7732e02e948f4c41628bd910293f6023"
-  integrity sha512-lmLf6gtyrPq8tTjSmrO94wBeQbFR3HbLHbuyD69wuyQkImp2hWqMGB47OX65FBkPffO641IP9jWa1z4ivqG26Q==
+  version "7.2.3"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
+  integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
   dependencies:
     fs.realpath "^1.0.0"
     inflight "^1.0.4"
     inherits "2"
-    minimatch "^3.0.4"
+    minimatch "^3.1.1"
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
@@ -4496,7 +4255,7 @@ handlebars@^4.7.7:
 har-schema@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/har-schema/-/har-schema-2.0.0.tgz#a94c2224ebcac04782a0d9035521f24735b7ec92"
-  integrity sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI=
+  integrity sha512-Oqluz6zhGX8cyRaTQlFMPw80bSJVG2x/cFb8ZPhUILGgHka9SsokCCOQgpveePerqidZOrT14ipqfJb7ILcW5Q==
 
 har-validator@~5.1.3:
   version "5.1.5"
@@ -4519,7 +4278,7 @@ has-bigints@^1.0.1, has-bigints@^1.0.2:
 has-flag@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
-  integrity sha1-tdRU3CGZriJWmfNGfloH87lVuv0=
+  integrity sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==
 
 has-flag@^4.0.0:
   version "4.0.0"
@@ -4548,7 +4307,7 @@ has-tostringtag@^1.0.0:
 has-unicode@^2.0.0, has-unicode@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/has-unicode/-/has-unicode-2.0.1.tgz#e0e6fe6a28cf51138855e086d1691e771de2a8b9"
-  integrity sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk=
+  integrity sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==
 
 has@^1.0.3:
   version "1.0.3"
@@ -4560,7 +4319,7 @@ has@^1.0.3:
 hash-sum@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/hash-sum/-/hash-sum-1.0.2.tgz#33b40777754c6432573c120cc3808bbd10d47f04"
-  integrity sha1-M7QHd3VMZDJXPBIMw4CLvRDUfwQ=
+  integrity sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==
 
 hash-sum@^2.0.0:
   version "2.0.0"
@@ -4579,6 +4338,13 @@ hosted-git-info@^4.0.0, hosted-git-info@^4.0.1:
   dependencies:
     lru-cache "^6.0.0"
 
+html-encoding-sniffer@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz#2cb1a8cf0db52414776e5b2a7a04d5dd98158de9"
+  integrity sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==
+  dependencies:
+    whatwg-encoding "^2.0.0"
+
 html-escaper@^2.0.0:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/html-escaper/-/html-escaper-2.0.2.tgz#dfd60027da36a36dfcbe236262c00a5822681453"
@@ -4598,10 +4364,19 @@ http-proxy-agent@^4.0.1:
     agent-base "6"
     debug "4"
 
+http-proxy-agent@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz#5129800203520d434f142bc78ff3c170800f2b43"
+  integrity sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==
+  dependencies:
+    "@tootallnate/once" "2"
+    agent-base "6"
+    debug "4"
+
 http-signature@~1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/http-signature/-/http-signature-1.2.0.tgz#9aecd925114772f3d95b65a60abb8f7c18fbace1"
-  integrity sha1-muzZJRFHcvPZW2WmCruPfBj7rOE=
+  integrity sha512-CAbnr6Rz4CYQkLYUtSNXxQPUH2gK8f3iWexVlsnMeD+GjlsQ0Xsy1cOX+mN3dtxYomRy21CiOzU8Uhw6OwncEQ==
   dependencies:
     assert-plus "^1.0.0"
     jsprim "^1.2.2"
@@ -4623,10 +4398,17 @@ human-signals@^2.1.0:
 humanize-ms@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/humanize-ms/-/humanize-ms-1.2.1.tgz#c46e3159a293f6b896da29316d8b6fe8bb79bbed"
-  integrity sha1-xG4xWaKT9riW2ikxbYtv6Lt5u+0=
+  integrity sha512-Fl70vYtsAFb/C06PTS9dZBo7ihau+Tu/DNCk/OyHhea07S+aeMWpFFkUaXRa8fI+ScZbEI8dfSxwY7gxZ9SAVQ==
   dependencies:
     ms "^2.0.0"
 
+iconv-lite@0.6.3, iconv-lite@^0.6.2:
+  version "0.6.3"
+  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.6.3.tgz#a52f80bf38da1952eb5c681790719871a1a72501"
+  integrity sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==
+  dependencies:
+    safer-buffer ">= 2.1.2 < 3.0.0"
+
 iconv-lite@^0.4.24:
   version "0.4.24"
   resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
@@ -4634,13 +4416,6 @@ iconv-lite@^0.4.24:
   dependencies:
     safer-buffer ">= 2.1.2 < 3"
 
-iconv-lite@^0.6.2:
-  version "0.6.3"
-  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.6.3.tgz#a52f80bf38da1952eb5c681790719871a1a72501"
-  integrity sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==
-  dependencies:
-    safer-buffer ">= 2.1.2 < 3.0.0"
-
 ieee754@^1.1.13:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.2.1.tgz#8eb7a10a63fff25d15a57b001586d177d1b0d352"
@@ -4653,15 +4428,15 @@ ignore-walk@^3.0.3:
   dependencies:
     minimatch "^3.0.4"
 
-ignore@^5.1.1, ignore@^5.1.8, ignore@^5.2.0:
+ignore@^5.1.1, ignore@^5.2.0:
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.0.tgz#6d3bac8fa7fe0d45d9f9be7bac2fc279577e345a"
   integrity sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==
 
 immutable@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.0.0.tgz#b86f78de6adef3608395efb269a91462797e2c23"
-  integrity sha512-zIE9hX70qew5qTUjSS7wi1iwj/l7+m54KWU247nhM3v806UdGj1yDndXj+IOYxxtW9zyLI+xqFNZjTuDaLUqFw==
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.1.0.tgz#f795787f0db780183307b9eb2091fcac1f6fafef"
+  integrity sha512-oNkuqVTA8jqG1Q6c+UglTOD1xhC1BtjKI7XkCXRkZHrN5m18/XsnUp8Q89GkQO/z+0WjonSvl0FLhDYftp46nQ==
 
 import-fresh@^3.0.0, import-fresh@^3.2.1:
   version "3.3.0"
@@ -4682,7 +4457,7 @@ import-local@^3.0.2:
 imurmurhash@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
-  integrity sha1-khi5srkoojixPcT7a21XbyMUU+o=
+  integrity sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==
 
 indent-string@^4.0.0:
   version "4.0.0"
@@ -4697,7 +4472,7 @@ infer-owner@^1.0.4:
 inflight@^1.0.4:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
-  integrity sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=
+  integrity sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==
   dependencies:
     once "^1.3.0"
     wrappy "1"
@@ -4753,15 +4528,15 @@ internal-slot@^1.0.3:
     has "^1.0.3"
     side-channel "^1.0.4"
 
-ip@^1.1.5:
-  version "1.1.5"
-  resolved "https://registry.yarnpkg.com/ip/-/ip-1.1.5.tgz#bdded70114290828c0a039e72ef25f5aaec4354a"
-  integrity sha1-vd7XARQpCCjAoDnnLvJfWq7ENUo=
+ip@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/ip/-/ip-2.0.0.tgz#4cf4ab182fee2314c75ede1276f8c80b479936da"
+  integrity sha512-WKa+XuLG1A1R0UWhl2+1XQSi+fZWMsYKffMZTTYsiZaUD8k2yDAj5atimTUD2TZkyCkNEeYE5NhFZmupOGtjYQ==
 
 is-arrayish@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
-  integrity sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=
+  integrity sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==
 
 is-bigint@^1.0.1:
   version "1.0.4"
@@ -4804,7 +4579,7 @@ is-ci@^2.0.0:
   dependencies:
     ci-info "^2.0.0"
 
-is-core-module@^2.5.0, is-core-module@^2.8.1:
+is-core-module@^2.5.0, is-core-module@^2.9.0:
   version "2.9.0"
   resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.9.0.tgz#e1c34429cd51c6dd9e09e0799e396e27b19a9c69"
   integrity sha512-+5FPy5PnwmO3lvfMb0AsoPaBG+5KHUI0wYFXOtYPnVVVspTFUuMZNfNaNVRt3FZadstu2c8x23vykRW/NBoU6A==
@@ -4829,17 +4604,17 @@ is-expression@^4.0.0:
 is-extendable@^0.1.0:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/is-extendable/-/is-extendable-0.1.1.tgz#62b110e289a471418e3ec36a617d472e301dfc89"
-  integrity sha1-YrEQ4omkcUGOPsNqYX1HLjAd/Ik=
+  integrity sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==
 
 is-extglob@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
-  integrity sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=
+  integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
 
 is-fullwidth-code-point@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz#ef9e31386f031a7f0d643af82fde50c457ef00cb"
-  integrity sha1-754xOG8DGn8NZDr4L95QxFfvAMs=
+  integrity sha512-1pqUqRjkhPJ9miNq9SwMfdvi6lBJcd6eFxvfaivQhaH3SgisfiuudvFntdKOmxuee/77l+FPjKrQjWvmPjWrRw==
   dependencies:
     number-is-nan "^1.0.0"
 
@@ -4868,12 +4643,12 @@ is-interactive@^1.0.0:
 is-lambda@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/is-lambda/-/is-lambda-1.0.1.tgz#3d9877899e6a53efc0160504cde15f82e6f061d5"
-  integrity sha1-PZh3iZ5qU+/AFgUEzeFfgubwYdU=
+  integrity sha512-z7CMFGNrENq5iFB9Bqo64Xk6Y9sg+epq1myIcdHaGnbMTYOxvzsEtdYqQUylB7LxfkvgrrjP32T6Ywciio9UIQ==
 
 is-module@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/is-module/-/is-module-1.0.0.tgz#3258fb69f78c14d5b815d664336b4cffb6441591"
-  integrity sha1-Mlj7afeMFNW4FdZkM2tM/7ZEFZE=
+  integrity sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==
 
 is-negative-zero@^2.0.2:
   version "2.0.2"
@@ -4900,7 +4675,7 @@ is-obj@^2.0.0:
 is-plain-obj@^1.0.0, is-plain-obj@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-1.1.0.tgz#71a50c8429dfca773c92a390a4a03b39fcd51d3e"
-  integrity sha1-caUMhCnfync8kqOQpKA7OfzVHT4=
+  integrity sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==
 
 is-plain-obj@^2.0.0:
   version "2.1.0"
@@ -4919,6 +4694,11 @@ is-plain-object@^2.0.4:
   dependencies:
     isobject "^3.0.1"
 
+is-potential-custom-element-name@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz#171ed6f19e3ac554394edf78caa05784a45bebb5"
+  integrity sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==
+
 is-promise@^2.0.0:
   version "2.2.2"
   resolved "https://registry.yarnpkg.com/is-promise/-/is-promise-2.2.2.tgz#39ab959ccbf9a774cf079f7b40c7a26f763135f1"
@@ -4947,11 +4727,11 @@ is-shared-array-buffer@^1.0.2:
     call-bind "^1.0.2"
 
 is-ssh@^1.3.0:
-  version "1.3.3"
-  resolved "https://registry.yarnpkg.com/is-ssh/-/is-ssh-1.3.3.tgz#7f133285ccd7f2c2c7fc897b771b53d95a2b2c7e"
-  integrity sha512-NKzJmQzJfEEma3w5cJNcUMxoXfDjz0Zj0eyCalHn2E6VOwlzjZo0yuO2fcBSf8zhFuVCL/82/r5gRcoi6aEPVQ==
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/is-ssh/-/is-ssh-1.4.0.tgz#4f8220601d2839d8fa624b3106f8e8884f01b8b2"
+  integrity sha512-x7+VxdxOdlV3CYpjvRLBv5Lo9OJerlYanjwFrPR9fuGPjCiNiCzFgAWpiLAohSbsnH4ZAys3SBh+hq5rJosxUQ==
   dependencies:
-    protocols "^1.1.0"
+    protocols "^2.0.1"
 
 is-stream@^2.0.0:
   version "2.0.1"
@@ -4975,14 +4755,14 @@ is-symbol@^1.0.2, is-symbol@^1.0.3:
 is-text-path@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/is-text-path/-/is-text-path-1.0.1.tgz#4e1aa0fb51bfbcb3e92688001397202c1775b66e"
-  integrity sha1-Thqg+1G/vLPpJogAE5cgLBd1tm4=
+  integrity sha512-xFuJpne9oFz5qDaodwmmG08e3CawH/2ZV8Qqza1Ko7Sk8POWbkRdwIoAWVhqvq0XeUzANEhKo2n0IXUGBm7A/w==
   dependencies:
     text-extensions "^1.0.0"
 
 is-typedarray@^1.0.0, is-typedarray@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
-  integrity sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=
+  integrity sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==
 
 is-unicode-supported@^0.1.0:
   version "0.1.0"
@@ -4999,22 +4779,22 @@ is-weakref@^1.0.2:
 isarray@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
-  integrity sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=
+  integrity sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==
 
 isexe@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
-  integrity sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=
+  integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
 
 isobject@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df"
-  integrity sha1-TkMekrEalzFjaqH5yNHMvP2reN8=
+  integrity sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==
 
 isstream@~0.1.2:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/isstream/-/isstream-0.1.2.tgz#47e63f7af55afa6f92e1500e690eb8b8529c099a"
-  integrity sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=
+  integrity sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g==
 
 istanbul-lib-coverage@^3.0.0, istanbul-lib-coverage@^3.2.0:
   version "3.2.0"
@@ -5051,9 +4831,9 @@ istanbul-lib-source-maps@^4.0.0:
     source-map "^0.6.1"
 
 istanbul-reports@^3.1.3:
-  version "3.1.4"
-  resolved "https://registry.yarnpkg.com/istanbul-reports/-/istanbul-reports-3.1.4.tgz#1b6f068ecbc6c331040aab5741991273e609e40c"
-  integrity sha512-r1/DshN4KSE7xWEknZLLLLDn5CJybV3nw01VTkp6D5jzLuELlcbudfj/eSQFvrKsJuTVCGnePO7ho82Nw9zzfw==
+  version "3.1.5"
+  resolved "https://registry.yarnpkg.com/istanbul-reports/-/istanbul-reports-3.1.5.tgz#cc9a6ab25cb25659810e4785ed9d9fb742578bae"
+  integrity sha512-nUsEMa9pBt/NOHqbcbeJEgqIlY/K7rVWUX6Lql2orY5e9roQOthbR3vtY4zzf2orPELg80fnxxk9zUyPlgwD1w==
   dependencies:
     html-escaper "^2.0.0"
     istanbul-lib-report "^3.0.0"
@@ -5173,6 +4953,20 @@ jest-each@^28.1.3:
     jest-util "^28.1.3"
     pretty-format "^28.1.3"
 
+jest-environment-jsdom@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-28.1.3.tgz#2d4e5d61b7f1d94c3bddfbb21f0308ee506c09fb"
+  integrity sha512-HnlGUmZRdxfCByd3GM2F100DgQOajUBzEitjGqIREcb45kGjZvRrKUdlaF6escXBdcXNl0OBh+1ZrfeZT3GnAg==
+  dependencies:
+    "@jest/environment" "^28.1.3"
+    "@jest/fake-timers" "^28.1.3"
+    "@jest/types" "^28.1.3"
+    "@types/jsdom" "^16.2.4"
+    "@types/node" "*"
+    jest-mock "^28.1.3"
+    jest-util "^28.1.3"
+    jsdom "^19.0.0"
+
 jest-environment-node@^28.1.3:
   version "28.1.3"
   resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-28.1.3.tgz#7e74fe40eb645b9d56c0c4b70ca4357faa349be5"
@@ -5427,7 +5221,7 @@ jest@^28.1.3:
 js-stringify@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/js-stringify/-/js-stringify-1.0.2.tgz#1736fddfd9724f28a3682adc6230ae7e4e9679db"
-  integrity sha1-Fzb939lyTyijaCrcYjCufk6Weds=
+  integrity sha512-rtS5ATOo2Q5k1G+DADISilDA6lv79zIiwFd6CcjuIxGKLFm5C+RLImRscVap9k55i+MOZwgliw+NejvkLuGD5g==
 
 js-tokens@^4.0.0:
   version "4.0.0"
@@ -5452,7 +5246,40 @@ js-yaml@^4.1.0:
 jsbn@~0.1.0:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513"
-  integrity sha1-peZUwuWi3rXyAdls77yoDA7y9RM=
+  integrity sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg==
+
+jsdom@^19.0.0:
+  version "19.0.0"
+  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-19.0.0.tgz#93e67c149fe26816d38a849ea30ac93677e16b6a"
+  integrity sha512-RYAyjCbxy/vri/CfnjUWJQQtZ3LKlLnDqj+9XLNnJPgEGeirZs3hllKR20re8LUZ6o1b1X4Jat+Qd26zmP41+A==
+  dependencies:
+    abab "^2.0.5"
+    acorn "^8.5.0"
+    acorn-globals "^6.0.0"
+    cssom "^0.5.0"
+    cssstyle "^2.3.0"
+    data-urls "^3.0.1"
+    decimal.js "^10.3.1"
+    domexception "^4.0.0"
+    escodegen "^2.0.0"
+    form-data "^4.0.0"
+    html-encoding-sniffer "^3.0.0"
+    http-proxy-agent "^5.0.0"
+    https-proxy-agent "^5.0.0"
+    is-potential-custom-element-name "^1.0.1"
+    nwsapi "^2.2.0"
+    parse5 "6.0.1"
+    saxes "^5.0.1"
+    symbol-tree "^3.2.4"
+    tough-cookie "^4.0.0"
+    w3c-hr-time "^1.0.2"
+    w3c-xmlserializer "^3.0.0"
+    webidl-conversions "^7.0.0"
+    whatwg-encoding "^2.0.0"
+    whatwg-mimetype "^3.0.0"
+    whatwg-url "^10.0.0"
+    ws "^8.2.3"
+    xml-name-validator "^4.0.0"
 
 jsesc@^2.5.1:
   version "2.5.2"
@@ -5482,12 +5309,12 @@ json-schema@0.4.0:
 json-stable-stringify-without-jsonify@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
-  integrity sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=
+  integrity sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==
 
 json-stringify-safe@^5.0.1, json-stringify-safe@~5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb"
-  integrity sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=
+  integrity sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==
 
 json5@^2.2.1:
   version "2.2.1"
@@ -5506,7 +5333,7 @@ jsonfile@^6.0.1:
 jsonparse@^1.2.0, jsonparse@^1.3.1:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/jsonparse/-/jsonparse-1.3.1.tgz#3f4dae4a91fac315f71062f8521cc239f1366280"
-  integrity sha1-P02uSpH6wxX3EGL4UhzCOfE2YoA=
+  integrity sha512-POQXvpdL69+CluYsillJ7SUhKvytYjW9vG/GKpnf+xP8UWgYEM/RaMzHHofbALDiKbbP1W8UEYmgGl39WkPZsg==
 
 jsprim@^1.2.2:
   version "1.4.2"
@@ -5521,7 +5348,7 @@ jsprim@^1.2.2:
 jstransformer@1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/jstransformer/-/jstransformer-1.0.0.tgz#ed8bf0921e2f3f1ed4d5c1a44f68709ed24722c3"
-  integrity sha1-7Yvwkh4vPx7U1cGkT2hwntJHIsM=
+  integrity sha512-C9YK3Rf8q6VAPDCCU9fnqo3mAfOH6vUGnMcP4AQAYIEpWtfGLpwOTmZ+igtdK5y+VvI2n3CyYSzy4Qh34eq24A==
   dependencies:
     is-promise "^2.0.0"
     promise "^7.0.1"
@@ -5578,6 +5405,14 @@ levn@^0.4.1:
     prelude-ls "^1.2.1"
     type-check "~0.4.0"
 
+levn@~0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/levn/-/levn-0.3.0.tgz#3b09924edf9f083c0490fdd4c0bc4421e04764ee"
+  integrity sha512-0OO4y2iOHix2W6ujICbKIaEQXvFQHue65vUG3pb5EUomzPI90z9hsA1VsO/dbIIpC53J8gxM9Q4Oho0jrCM/yA==
+  dependencies:
+    prelude-ls "~1.1.2"
+    type-check "~0.3.2"
+
 libnpmaccess@^4.0.1:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/libnpmaccess/-/libnpmaccess-4.0.3.tgz#dfb0e5b0a53c315a2610d300e46b4ddeb66e7eec"
@@ -5614,7 +5449,7 @@ linkify-it@^3.0.1:
 load-json-file@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-4.0.0.tgz#2f5f45ab91e33216234fd53adab668eb4ec0993b"
-  integrity sha1-L19Fq5HjMhYjT9U62rZo607AmTs=
+  integrity sha512-Kx8hMakjX03tiGTLAIdJ+lL0htKnXjEZN6hk/tozf/WOuYGdZBJrZ+rCJRbVCugsjB3jMLn9746NsQIf5VjBMw==
   dependencies:
     graceful-fs "^4.1.2"
     parse-json "^4.0.0"
@@ -5634,7 +5469,7 @@ load-json-file@^6.2.0:
 locate-path@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-2.0.0.tgz#2b568b265eec944c6d9c0de9c3dbbbca0354cd8e"
-  integrity sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=
+  integrity sha512-NCI2kiDkyR7VeEKm27Kda/iQHyKJe1Bu0FlTbYp3CqJu+9IFe9bLyAjMxf5ZDDbEg+iMPzB5zYyUTSm8wVTKmA==
   dependencies:
     p-locate "^2.0.0"
     path-exists "^3.0.0"
@@ -5649,17 +5484,17 @@ locate-path@^5.0.0:
 lodash._reinterpolate@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz#0ccf2d89166af03b3663c796538b75ac6e114d9d"
-  integrity sha1-DM8tiRZq8Ds2Y8eWU4t1rG4RTZ0=
+  integrity sha512-xYHt68QRoYGjeeM/XOE1uJtvXQAgvszfBhjV4yvsQH0u2i9I6cI6c6/eG4Hh3UAOVn0y/xAXwmTzEay49Q//HA==
 
 lodash.ismatch@^4.4.0:
   version "4.4.0"
   resolved "https://registry.yarnpkg.com/lodash.ismatch/-/lodash.ismatch-4.4.0.tgz#756cb5150ca3ba6f11085a78849645f188f85f37"
-  integrity sha1-dWy1FQyjum8RCFp4hJZF8Yj4Xzc=
+  integrity sha512-fPMfXjGQEV9Xsq/8MTSgUf255gawYRbjwMyDbcvDhXgV7enSZA0hynz6vMPnpAb5iONEzBHBPsT+0zes5Z301g==
 
 lodash.memoize@4.1.2, lodash.memoize@4.x:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe"
-  integrity sha1-vMbEmkKihA7Zl/Mj6tpezRguC/4=
+  integrity sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==
 
 lodash.merge@^4.6.2:
   version "4.6.2"
@@ -5789,7 +5624,7 @@ makeerror@1.0.12:
 map-obj@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/map-obj/-/map-obj-1.0.1.tgz#d933ceb9205d82bdcf4886f6742bdc2b4dea146d"
-  integrity sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=
+  integrity sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==
 
 map-obj@^4.0.0:
   version "4.3.0"
@@ -5797,9 +5632,9 @@ map-obj@^4.0.0:
   integrity sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==
 
 markdown-it-anchor@^8.4.1:
-  version "8.6.2"
-  resolved "https://registry.yarnpkg.com/markdown-it-anchor/-/markdown-it-anchor-8.6.2.tgz#16d32ba7fb290a0152f588afb4ea83d3c0faa555"
-  integrity sha512-JNaekTlIwwyYGBN3zifZDxgz4bSL8sbEj58fdTZGmPSMMGXBZapFjcZk2I33Jy79c1fvCKHpF7MA/67FOTjvzA==
+  version "8.6.4"
+  resolved "https://registry.yarnpkg.com/markdown-it-anchor/-/markdown-it-anchor-8.6.4.tgz#affb8aa0910a504c114e9fcad53ac3a5b907b0e6"
+  integrity sha512-Ul4YVYZNxMJYALpKtu+ZRdrryYt/GlQ5CK+4l1bp/gWXOG2QWElt6AqF3Mih/wfUKdZbNAZVXGR73/n6U/8img==
 
 markdown-it-container@^3.0.0:
   version "3.0.0"
@@ -5832,10 +5667,15 @@ mdn-data@2.0.23:
   resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.23.tgz#dfb6c41e50a0edb808cf340973ab29321b70808e"
   integrity sha512-IonVb7pfla2U4zW8rc7XGrtgq11BvYeCxWN8HS+KFBnLDE7XDK9AAMVhRuG6fj9BBsjc69Fqsp6WEActEdNTDQ==
 
+mdn-data@2.0.27:
+  version "2.0.27"
+  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.27.tgz#1710baa7b0db8176d3b3d565ccb7915fc69525ab"
+  integrity sha512-kwqO0I0jtWr25KcfLm9pia8vLZ8qoAKhWZuZMbneJq3jjBD3gl5nZs8l8Tu3ZBlBAHVQtDur9rdDGyvtfVraHQ==
+
 mdurl@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/mdurl/-/mdurl-1.0.1.tgz#fe85b2ec75a59037f2adfec100fd6c601761152e"
-  integrity sha1-/oWy7HWlkDfyrf7BAP1sYBdhFS4=
+  integrity sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g==
 
 medium-zoom@^1.0.6:
   version "1.0.6"
@@ -5899,7 +5739,7 @@ min-indent@^1.0.0:
   resolved "https://registry.yarnpkg.com/min-indent/-/min-indent-1.0.1.tgz#a63f681673b30571fbe8bc25686ae746eefa9869"
   integrity sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==
 
-minimatch@^3.0.4, minimatch@^3.1.2:
+minimatch@^3.0.4, minimatch@^3.1.1, minimatch@^3.1.2:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
   integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
@@ -5976,9 +5816,9 @@ minipass@^2.6.0, minipass@^2.9.0:
     yallist "^3.0.0"
 
 minipass@^3.0.0, minipass@^3.1.0, minipass@^3.1.1, minipass@^3.1.3:
-  version "3.1.6"
-  resolved "https://registry.yarnpkg.com/minipass/-/minipass-3.1.6.tgz#3b8150aa688a711a1521af5e8779c1d3bb4f45ee"
-  integrity sha512-rty5kpw9/z8SX9dmxblFA6edItUmwJgMeYDZRrwlIVN27i8gysGbznJwUggw2V/FVqFSDdWy040ZPS811DYAqQ==
+  version "3.3.4"
+  resolved "https://registry.yarnpkg.com/minipass/-/minipass-3.3.4.tgz#ca99f95dd77c43c7a76bf51e6d200025eee0ffae"
+  integrity sha512-I9WPbWHCGu8W+6k1ZiGpPu0GkoKBeorkfKNuAFBNS1HNFJvke82sxvI5bzcCNpWPorkOO5QQ+zomzzwRxejXiw==
   dependencies:
     yallist "^4.0.0"
 
@@ -6056,15 +5896,15 @@ mute-stream@0.0.8, mute-stream@~0.0.4:
   resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-0.0.8.tgz#1630c42b2251ff81e2a283de96a5497ea92e5e0d"
   integrity sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==
 
-nanoid@^3.3.1:
-  version "3.3.3"
-  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.3.tgz#fd8e8b7aa761fe807dba2d1b98fb7241bb724a25"
-  integrity sha512-p1sjXuopFs0xg+fPASzQ28agW1oHD7xDsd9Xkf3T15H3c/cifrFHVwrh74PdoklAPi+i7MdRsE47vm2r6JoB+w==
+nanoid@^3.3.4:
+  version "3.3.4"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.4.tgz#730b67e3cd09e2deacf03c027c81c9d9dbc5e8ab"
+  integrity sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==
 
 natural-compare@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
-  integrity sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=
+  integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==
 
 negotiator@^0.6.2:
   version "0.6.3"
@@ -6119,12 +5959,12 @@ node-gyp@^7.1.0:
 node-int64@^0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
-  integrity sha1-h6kGXNs1XTGC2PlM4RGIuCXGijs=
+  integrity sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==
 
-node-releases@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.3.tgz#225ee7488e4a5e636da8da52854844f9d716ca96"
-  integrity sha512-maHFz6OLqYxz+VQyCAtA3PTX4UP/53pa05fyDNc9CwjvJ0yEh6+xBwKsgCxMNhS8taUKBFYxfuiaD9U/55iFaw==
+node-releases@^2.0.6:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.6.tgz#8a7088c63a55e493845683ebf3c828d8c51c5503"
+  integrity sha512-PiVXnNuFm5+iYkLBNeq5211hvO38y63T0i2KKh2KnUs3RpzJ+JtODFjkD8yjLwnDkTYF1eKXheUwdssR+NRZdg==
 
 nopt@^4.0.1:
   version "4.0.3"
@@ -6169,7 +6009,7 @@ normalize-path@^3.0.0, normalize-path@~3.0.0:
 normalize-range@^0.1.2:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
-  integrity sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=
+  integrity sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==
 
 normalize-url@^6.1.0:
   version "6.1.0"
@@ -6284,19 +6124,24 @@ npmlog@^4.1.2:
 nprogress@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/nprogress/-/nprogress-0.2.0.tgz#cb8f34c53213d895723fcbab907e9422adbcafb1"
-  integrity sha1-y480xTIT2JVyP8urkH6UIq28r7E=
+  integrity sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA==
 
 nth-check@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-2.0.1.tgz#2efe162f5c3da06a28959fbd3db75dbeea9f0fc2"
-  integrity sha512-it1vE95zF6dTT9lBsYbxvqh0Soy4SPowchj0UBGj/V6cTPnXXtQOPUbhZ6CmGzAD/rW22LQK6E96pcdJXk4A4w==
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-2.1.1.tgz#c9eab428effce36cd6b92c924bdb000ef1f1ed1d"
+  integrity sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==
   dependencies:
     boolbase "^1.0.0"
 
 number-is-nan@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d"
-  integrity sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=
+  integrity sha512-4jbtZXNAsfZbAHiiqjLPBiCl16dES1zI4Hpzzxw61Tk+loF+sBDBKx1ICKKKwIqQ7M0mFn1TmkN7euSncWgHiQ==
+
+nwsapi@^2.2.0:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.1.tgz#10a9f268fbf4c461249ebcfe38e359aa36e2577c"
+  integrity sha512-JYOWTeFoS0Z93587vRJgASD5Ut11fYl5NyihP3KrYBvMe1FRRs6RN7m20SA/16GM4P6hTnZjT+UmDOt38UeXNg==
 
 oauth-sign@~0.9.0:
   version "0.9.0"
@@ -6306,12 +6151,12 @@ oauth-sign@~0.9.0:
 object-assign@^4.1.0, object-assign@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
-  integrity sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=
+  integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
 
 object-inspect@^1.12.0, object-inspect@^1.9.0:
-  version "1.12.0"
-  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.12.0.tgz#6e2c120e868fd1fd18cb4f18c31741d0d6e776f0"
-  integrity sha512-Ho2z80bVIvJloH+YzRmpZVQe87+qASmBUKZDWgx9cu+KDrX2ZDH/3tMy+gXbZETVGs2M8YdxObOh7XAtim9Y0g==
+  version "1.12.2"
+  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.12.2.tgz#c0641f26394532f28ab8d796ab954e43c009a8ea"
+  integrity sha512-z+cPxW0QGUp0mcqcsgQyLVRDoXFQbXOwBaqyF7VIgI4TWNQsDHrBpUQslRmIfAoYWdYzs6UlKJtB2XJpTaNSpQ==
 
 object-keys@^1.1.1:
   version "1.1.1"
@@ -6329,18 +6174,19 @@ object.assign@^4.1.0, object.assign@^4.1.2:
     object-keys "^1.1.1"
 
 object.getownpropertydescriptors@^2.0.3:
-  version "2.1.3"
-  resolved "https://registry.yarnpkg.com/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.3.tgz#b223cf38e17fefb97a63c10c91df72ccb386df9e"
-  integrity sha512-VdDoCwvJI4QdC6ndjpqFmoL3/+HxffFBbcJzKi5hwLLqqx3mdbedRpfZDdK0SrOSauj8X4GzBvnDZl4vTN7dOw==
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.4.tgz#7965e6437a57278b587383831a9b829455a4bc37"
+  integrity sha512-sccv3L/pMModT6dJAYF3fzGMVcb38ysQ0tEE6ixv2yXJDtEIPph268OlAdJj5/qZMZDq2g/jqvwppt36uS/uQQ==
   dependencies:
+    array.prototype.reduce "^1.0.4"
     call-bind "^1.0.2"
-    define-properties "^1.1.3"
-    es-abstract "^1.19.1"
+    define-properties "^1.1.4"
+    es-abstract "^1.20.1"
 
 once@^1.3.0, once@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
-  integrity sha1-WDsap3WWHUsROsF9nFC6753Xa9E=
+  integrity sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==
   dependencies:
     wrappy "1"
 
@@ -6351,6 +6197,18 @@ onetime@^5.1.0, onetime@^5.1.2:
   dependencies:
     mimic-fn "^2.1.0"
 
+optionator@^0.8.1:
+  version "0.8.3"
+  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.8.3.tgz#84fa1d036fe9d3c7e21d99884b601167ec8fb495"
+  integrity sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==
+  dependencies:
+    deep-is "~0.1.3"
+    fast-levenshtein "~2.0.6"
+    levn "~0.3.0"
+    prelude-ls "~1.1.2"
+    type-check "~0.3.2"
+    word-wrap "~1.2.3"
+
 optionator@^0.9.1:
   version "0.9.1"
   resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.1.tgz#4f236a6373dae0566a6d43e1326674f50c291499"
@@ -6381,12 +6239,12 @@ ora@^5.4.1:
 os-homedir@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/os-homedir/-/os-homedir-1.0.2.tgz#ffbc4988336e0e833de0c168c7ef152121aa7fb3"
-  integrity sha1-/7xJiDNuDoM94MFox+8VISGqf7M=
+  integrity sha512-B5JU3cabzk8c67mRRd3ECmROafjYMXbuzlwtqdM8IbS8ktlTix8aFGb2bAGKrSRIlnfKwovGUUr72JUPyOb6kQ==
 
 os-tmpdir@^1.0.0, os-tmpdir@~1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274"
-  integrity sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=
+  integrity sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==
 
 osenv@^0.1.4:
   version "0.1.5"
@@ -6399,7 +6257,7 @@ osenv@^0.1.4:
 p-finally@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/p-finally/-/p-finally-1.0.0.tgz#3fbcfb15b899a44123b34b6dcc18b724336a2cae"
-  integrity sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4=
+  integrity sha512-LICb2p9CB7FS+0eR1oqWnHhp0FljGLZCWBE9aix0Uye9W8LTQPwMTYVGWQWIw9RdQiDg4+epXQODwIYJtSJaow==
 
 p-limit@^1.1.0:
   version "1.3.0"
@@ -6425,7 +6283,7 @@ p-limit@^3.1.0:
 p-locate@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-2.0.0.tgz#20a0103b222a70c8fd39cc2e580680f3dde5ec43"
-  integrity sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=
+  integrity sha512-nQja7m7gSKuewoVRen45CtVfODR3crN3goVQ0DDZ9N3yHxgpkuBhZqsaiotSQRrADUrne346peY7kT3TSACykg==
   dependencies:
     p-limit "^1.1.0"
 
@@ -6476,7 +6334,7 @@ p-timeout@^3.2.0:
 p-try@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/p-try/-/p-try-1.0.0.tgz#cbc79cdbaf8fd4228e13f621f2b1a237c1b207b3"
-  integrity sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=
+  integrity sha512-U1etNYuMJoIz3ZXSrrySFjsXQTWOx2/jdi86L+2pRvph/qMKL6sbcCYdH23fqsbm8TH2Gn0OybpT4eSFlCVHww==
 
 p-try@^2.0.0:
   version "2.2.0"
@@ -6525,7 +6383,7 @@ parent-module@^1.0.0:
 parse-json@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-4.0.0.tgz#be35f5425be1f7f6c747184f98a788cb99477ee0"
-  integrity sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=
+  integrity sha512-aOIos8bujGN93/8Ox/jPLh7RwVnPEysynVFE+fQZyg6jKELEHwzgKdLRFHUgXJL6kylijVSBC4BvN9OmsB48Rw==
   dependencies:
     error-ex "^1.3.1"
     json-parse-better-errors "^1.0.1"
@@ -6541,9 +6399,9 @@ parse-json@^5.0.0, parse-json@^5.2.0:
     lines-and-columns "^1.1.6"
 
 parse-path@^4.0.0:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/parse-path/-/parse-path-4.0.3.tgz#82d81ec3e071dcc4ab49aa9f2c9c0b8966bb22bf"
-  integrity sha512-9Cepbp2asKnWTJ9x2kpw6Fe8y9JDbqwahGCTvklzd/cEq5C5JC59x2Xb0Kx+x0QZ8bvNquGO8/BWP0cwBHzSAA==
+  version "4.0.4"
+  resolved "https://registry.yarnpkg.com/parse-path/-/parse-path-4.0.4.tgz#4bf424e6b743fb080831f03b536af9fc43f0ffea"
+  integrity sha512-Z2lWUis7jlmXC1jeOG9giRO2+FsuyNipeQ43HAjqAZjwSe3SEf+q/84FGPHoso3kyntbxa4c4i77t3m6fGf8cw==
   dependencies:
     is-ssh "^1.3.0"
     protocols "^1.4.0"
@@ -6551,19 +6409,24 @@ parse-path@^4.0.0:
     query-string "^6.13.8"
 
 parse-url@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/parse-url/-/parse-url-6.0.0.tgz#f5dd262a7de9ec00914939220410b66cff09107d"
-  integrity sha512-cYyojeX7yIIwuJzledIHeLUBVJ6COVLeT4eF+2P6aKVzwvgKQPndCBv3+yQ7pcWjqToYwaligxzSYNNmGoMAvw==
+  version "6.0.5"
+  resolved "https://registry.yarnpkg.com/parse-url/-/parse-url-6.0.5.tgz#4acab8982cef1846a0f8675fa686cef24b2f6f9b"
+  integrity sha512-e35AeLTSIlkw/5GFq70IN7po8fmDUjpDPY1rIK+VubRfsUvBonjQ+PBZG+vWMACnQSmNlvl524IucoDmcioMxA==
   dependencies:
     is-ssh "^1.3.0"
     normalize-url "^6.1.0"
     parse-path "^4.0.0"
     protocols "^1.4.0"
 
+parse5@6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/parse5/-/parse5-6.0.1.tgz#e1a1c085c569b3dc08321184f19a39cc27f7c30b"
+  integrity sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==
+
 path-exists@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-3.0.0.tgz#ce0ebeaa5f78cb18925ea7d810d7b59b010fd515"
-  integrity sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=
+  integrity sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==
 
 path-exists@^4.0.0:
   version "4.0.0"
@@ -6573,7 +6436,7 @@ path-exists@^4.0.0:
 path-is-absolute@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
-  integrity sha1-F0uSaHNVNP+8es5r9TpanhtcX18=
+  integrity sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==
 
 path-key@^3.0.0, path-key@^3.1.0:
   version "3.1.1"
@@ -6600,7 +6463,7 @@ path-type@^4.0.0:
 performance-now@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
-  integrity sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=
+  integrity sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==
 
 picocolors@^1.0.0:
   version "1.0.0"
@@ -6615,12 +6478,12 @@ picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.2, picomatch@^2.2.3, picomatc
 pify@^2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
-  integrity sha1-7RQaasBDqEnqWISY59yosVMw6Qw=
+  integrity sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==
 
 pify@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/pify/-/pify-3.0.0.tgz#e5a4acd2c101fdf3d9a4d07f0dbc4db49dd28176"
-  integrity sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=
+  integrity sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg==
 
 pify@^4.0.1:
   version "4.0.1"
@@ -6671,12 +6534,12 @@ postcss-value-parser@^4.2.0:
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
   integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
 
-postcss@^8.1.10, postcss@^8.4.12:
-  version "8.4.12"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.12.tgz#1e7de78733b28970fa4743f7da6f3763648b1905"
-  integrity sha512-lg6eITwYe9v6Hr5CncVbK70SoioNQIq81nsaG86ev5hAidQvmOeETBqs7jm43K2F5/Ley3ytDtriImV6TpNiSg==
+postcss@^8.1.10, postcss@^8.4.12, postcss@^8.4.13:
+  version "8.4.14"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.14.tgz#ee9274d5622b4858c1007a74d76e42e56fd21caf"
+  integrity sha512-E398TUmfAYFPBSdzgeieK2Y1+1cpdxJx8yXbK/m57nRhKSmk1GB2tO4lbLBtlkfPQTDKfe4Xqv1ASWPpayPEig==
   dependencies:
-    nanoid "^3.3.1"
+    nanoid "^3.3.4"
     picocolors "^1.0.0"
     source-map-js "^1.0.2"
 
@@ -6685,6 +6548,11 @@ prelude-ls@^1.2.1:
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
   integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
 
+prelude-ls@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
+  integrity sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w==
+
 prettier-linter-helpers@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz#d23d41fe1375646de2d0104d3454a3008802cf7b"
@@ -6725,7 +6593,7 @@ process-nextick-args@~2.0.0:
 promise-inflight@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/promise-inflight/-/promise-inflight-1.0.1.tgz#98472870bf228132fcbdd868129bad12c3c029e3"
-  integrity sha1-mEcocL8igTL8vdhoEputEsPAKeM=
+  integrity sha512-6zWPyEOFaQBJYcGMHBKTKJ3u6TBsnMFOIZSa6ce1e/ZrrsOlnHRHbabMjLiBYKp+n44X9eUI6VUPaukCXHuG4g==
 
 promise-retry@^2.0.1:
   version "2.0.1"
@@ -6753,29 +6621,34 @@ prompts@^2.0.1:
 promzard@^0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/promzard/-/promzard-0.3.0.tgz#26a5d6ee8c7dee4cb12208305acfb93ba382a9ee"
-  integrity sha1-JqXW7ox97kyxIggwWs+5O6OCqe4=
+  integrity sha512-JZeYqd7UAcHCwI+sTOeUDYkvEU+1bQ7iE0UT1MgB/tERkAPkesW46MrpIySzODi+owTjZtiF8Ay5j9m60KmMBw==
   dependencies:
     read "1"
 
 proto-list@~1.2.1:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/proto-list/-/proto-list-1.2.4.tgz#212d5bfe1318306a420f6402b8e26ff39647a849"
-  integrity sha1-IS1b/hMYMGpCD2QCuOJv85ZHqEk=
+  integrity sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==
 
-protocols@^1.1.0, protocols@^1.4.0:
+protocols@^1.4.0:
   version "1.4.8"
   resolved "https://registry.yarnpkg.com/protocols/-/protocols-1.4.8.tgz#48eea2d8f58d9644a4a32caae5d5db290a075ce8"
   integrity sha512-IgjKyaUSjsROSO8/D49Ab7hP8mJgTYcqApOqdPhLoPxAplXmkp+zRvsrSQjFn5by0rhm4VH0GAUELIPpx7B1yg==
 
+protocols@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/protocols/-/protocols-2.0.1.tgz#8f155da3fc0f32644e83c5782c8e8212ccf70a86"
+  integrity sha512-/XJ368cyBJ7fzLMwLKv1e4vLxOju2MNAIokcr7meSaNcVbWz/CPcW22cP04mwxOErdA5mwjA8Q6w/cdAQxVn7Q==
+
 pseudomap@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/pseudomap/-/pseudomap-1.0.2.tgz#f052a28da70e618917ef0a8ac34c1ae5a68286b3"
-  integrity sha1-8FKijacOYYkX7wqKw0wa5aaChrM=
+  integrity sha512-b/YwNhb8lk1Zz2+bXXpS/LK9OisiZZ1SNsSLxN1x2OXVEhW2Ckr/7mWE5vrC1ZTiJlD9g19jWszTmJsB+oEpFQ==
 
-psl@^1.1.28:
-  version "1.8.0"
-  resolved "https://registry.yarnpkg.com/psl/-/psl-1.8.0.tgz#9326f8bcfb013adcc005fdff056acce020e51c24"
-  integrity sha512-RIdOzyoavK+hA18OGGWDqUTsCLhtA7IcZ/6NCs4fFJaHBDab+pDDmDIByWFRQJq2Cd7r1OoQxBGKOaztq+hjIQ==
+psl@^1.1.28, psl@^1.1.33:
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/psl/-/psl-1.9.0.tgz#d0df2a137f00794565fcaf3b2c00cd09f8d5a5a7"
+  integrity sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==
 
 pug-attrs@^3.0.0:
   version "3.0.0"
@@ -6888,12 +6761,12 @@ punycode@^2.1.0, punycode@^2.1.1:
 q@^1.5.1:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/q/-/q-1.5.1.tgz#7e32f75b41381291d04611f1bf14109ac00651d7"
-  integrity sha1-fjL3W0E4EpHQRhHxvxQQmsAGUdc=
+  integrity sha512-kV/CThkXo6xyFEZUugw/+pIOywXcDbFYgSct5cT3gqlbkBE1SJdwy6UQoZvodiWF/ckQLZyDE/Bu1M6gVu5lVw==
 
 qs@^6.9.4:
-  version "6.10.3"
-  resolved "https://registry.yarnpkg.com/qs/-/qs-6.10.3.tgz#d6cde1b2ffca87b5aa57889816c5f81535e22e8e"
-  integrity sha512-wr7M2E0OFRfIfJZjKGieI8lBKb7fRCH4Fv5KNPEs7gJ8jadvotdsS08PzOKR7opXhZ/Xkjtt3WF9g38drmyRqQ==
+  version "6.11.0"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.11.0.tgz#fd0d963446f7a65e1367e01abd85429453f0c37a"
+  integrity sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==
   dependencies:
     side-channel "^1.0.4"
 
@@ -6982,7 +6855,7 @@ read-package-tree@^5.3.1:
 read-pkg-up@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-3.0.0.tgz#3ed496685dba0f8fe118d0691dc51f4a1ff96f07"
-  integrity sha1-PtSWaF26D4/hGNBpHcUfSh/5bwc=
+  integrity sha512-YFzFrVvpC6frF1sz8psoHDBGF7fLPc+llq/8NB43oagqWkx8ar5zYtsTORtOjw9W2RHLpWP+zTWwBvf1bCmcSw==
   dependencies:
     find-up "^2.0.0"
     read-pkg "^3.0.0"
@@ -6999,7 +6872,7 @@ read-pkg-up@^7.0.1:
 read-pkg@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-3.0.0.tgz#9cbc686978fee65d16c00e2b19c237fcf6e38389"
-  integrity sha1-nLxoaXj+5l0WwA4rGcI3/Pbjg4k=
+  integrity sha512-BLq/cCO9two+lBgiTYNqD6GdtK8s4NpaWrl6/rCO9w0TUS8oJl7cmToOZfRYllKTISY6nt1U7jQ53brmKqY6BA==
   dependencies:
     load-json-file "^4.0.0"
     normalize-package-data "^2.3.2"
@@ -7018,7 +6891,7 @@ read-pkg@^5.2.0:
 read@1, read@~1.0.1:
   version "1.0.7"
   resolved "https://registry.yarnpkg.com/read/-/read-1.0.7.tgz#b3da19bd052431a97671d44a42634adf710b40c4"
-  integrity sha1-s9oZvQUkMal2cdRKQmNK33ELQMQ=
+  integrity sha512-rSOKNYUmaxy0om1BNjMN4ezNT6VKK+2xF4GBhc81mkH7L60i6dp8qPYrkndNLT3QPphoII3maL9PVC9XmhHwVQ==
   dependencies:
     mute-stream "~0.0.4"
 
@@ -7079,6 +6952,15 @@ redent@^3.0.0:
     indent-string "^4.0.0"
     strip-indent "^3.0.0"
 
+regexp.prototype.flags@^1.4.3:
+  version "1.4.3"
+  resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.4.3.tgz#87cab30f80f66660181a3bb7bf5981a872b367ac"
+  integrity sha512-fjggEOO3slI6Wvgjwflkc4NFRCTZAu5CnNfBd5qOMYhWdn67nJBBu34/TkD++eeFmd8C9r9jfXJ27+nSiRkSUA==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.3"
+    functions-have-names "^1.2.2"
+
 regexpp@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-3.2.0.tgz#0425a2768d8f23bad70ca4b90461fa2f1213e1b2"
@@ -7113,7 +6995,7 @@ request@^2.88.0, request@^2.88.2:
 require-directory@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
-  integrity sha1-jGStX9MNqxyXbiNE/+f3kqam30I=
+  integrity sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==
 
 resolve-cwd@^3.0.0:
   version "3.0.0"
@@ -7132,22 +7014,17 @@ resolve-from@^5.0.0:
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-5.0.0.tgz#c35225843df8f776df21c57557bc087e9dfdfc69"
   integrity sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==
 
-resolve-url@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/resolve-url/-/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a"
-  integrity sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=
-
 resolve.exports@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/resolve.exports/-/resolve.exports-1.1.0.tgz#5ce842b94b05146c0e03076985d1d0e7e48c90c9"
   integrity sha512-J1l+Zxxp4XK3LUDZ9m60LRJF/mAe4z6a4xyabPHk7pvK5t35dACV32iIjJDFeWZFfZlO29w6SZ67knR0tHzJtQ==
 
 resolve@^1.10.0, resolve@^1.15.1, resolve@^1.17.0, resolve@^1.19.0, resolve@^1.20.0, resolve@^1.22.0:
-  version "1.22.0"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.0.tgz#5e0b8c67c15df57a89bdbabe603a002f21731198"
-  integrity sha512-Hhtrw0nLeSrFQ7phPp4OOcVjLPIeMnRlr5mcnVuMe7M/7eBn98A3hmFRLoFo3DLZkivSYwhRUJTyPyWAk56WLw==
+  version "1.22.1"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.1.tgz#27cb2ebb53f91abb49470a928bba7558066ac177"
+  integrity sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==
   dependencies:
-    is-core-module "^2.8.1"
+    is-core-module "^2.9.0"
     path-parse "^1.0.7"
     supports-preserve-symlinks-flag "^1.0.0"
 
@@ -7162,7 +7039,7 @@ restore-cursor@^3.1.0:
 retry@^0.12.0:
   version "0.12.0"
   resolved "https://registry.yarnpkg.com/retry/-/retry-0.12.0.tgz#1b42a6266a21f07421d1b0b54b7dc167b01c013b"
-  integrity sha1-G0KmJmoh8HQh0bC1S33BZ7AcATs=
+  integrity sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==
 
 reusify@^1.0.4:
   version "1.0.4"
@@ -7204,14 +7081,7 @@ rollup-pluginutils@^2.8.2:
   dependencies:
     estree-walker "^0.6.1"
 
-rollup@^2.59.0, rollup@^2.70.1:
-  version "2.70.2"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.70.2.tgz#808d206a8851628a065097b7ba2053bd83ba0c0d"
-  integrity sha512-EitogNZnfku65I1DD5Mxe8JYRUCy0hkK5X84IlDtUs+O6JRMpRciXTzyCUuX11b5L5pvjH+OmFXiQ3XjabcXgg==
-  optionalDependencies:
-    fsevents "~2.3.2"
-
-rollup@^2.77.0:
+rollup@^2.59.0, rollup@^2.70.1, rollup@^2.77.0:
   version "2.77.0"
   resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.77.0.tgz#749eaa5ac09b6baa52acc076bc46613eddfd53f4"
   integrity sha512-vL8xjY4yOQEw79DvyXLijhnhh+R/O9zpF/LEgkCebZFtb6ELeN9H3/2T0r8+mp+fFTBHZ5qGpOpW2ela2zRt3g==
@@ -7261,14 +7131,21 @@ sass-loader@^12.6.0:
     neo-async "^2.6.2"
 
 sass@^1.49.10:
-  version "1.51.0"
-  resolved "https://registry.yarnpkg.com/sass/-/sass-1.51.0.tgz#25ea36cf819581fe1fe8329e8c3a4eaaf70d2845"
-  integrity sha512-haGdpTgywJTvHC2b91GSq+clTKGbtkkZmVAb82jZQN/wTy6qs8DdFm2lhEQbEwrY0QDRgSQ3xDurqM977C3noA==
+  version "1.54.0"
+  resolved "https://registry.yarnpkg.com/sass/-/sass-1.54.0.tgz#24873673265e2a4fe3d3a997f714971db2fba1f4"
+  integrity sha512-C4zp79GCXZfK0yoHZg+GxF818/aclhp9F48XBu/+bm9vXEVAYov9iU3FBVRMq3Hx3OA4jfKL+p2K9180mEh0xQ==
   dependencies:
     chokidar ">=3.0.0 <4.0.0"
     immutable "^4.0.0"
     source-map-js ">=0.6.2 <2.0.0"
 
+saxes@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/saxes/-/saxes-5.0.1.tgz#eebab953fa3b7608dbe94e5dadb15c888fa6696d"
+  integrity sha512-5LBh1Tls8c9xgGjw3QrMwETmTMVk0oFgvrFSvWx62llR2hcEInrKNZ2GZCCuuy2lvWrdl5jhbpeqc5hRYKFOcw==
+  dependencies:
+    xmlchars "^2.2.0"
+
 section-matter@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/section-matter/-/section-matter-1.0.0.tgz#e9041953506780ec01d59f292a19c7b850b84167"
@@ -7297,7 +7174,7 @@ semver@^6.0.0, semver@^6.3.0:
 set-blocking@~2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
-  integrity sha1-BF+XgtARrppoA93TgrJDkrPYkPc=
+  integrity sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==
 
 shallow-clone@^3.0.0:
   version "3.0.1"
@@ -7345,7 +7222,7 @@ slash@^3.0.0:
 slide@^1.1.6:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/slide/-/slide-1.1.6.tgz#56eb027d65b4d2dce6cb2e2d32c4d4afc9e1d707"
-  integrity sha1-VusCfWW00tzmyy4tMsTUr8nh1wc=
+  integrity sha512-NwrtjCg+lZoqhFU8fOwl4ay2ei8PaqCBOUV3/ektPY9trO1yQ1oXEfmHAhKArUVUr/hOHvy5f6AdP17dCM0zMw==
 
 smart-buffer@^4.2.0:
   version "4.2.0"
@@ -7362,26 +7239,26 @@ socks-proxy-agent@^5.0.0:
     socks "^2.3.3"
 
 socks-proxy-agent@^6.0.0:
-  version "6.2.0"
-  resolved "https://registry.yarnpkg.com/socks-proxy-agent/-/socks-proxy-agent-6.2.0.tgz#f6b5229cc0cbd6f2f202d9695f09d871e951c85e"
-  integrity sha512-wWqJhjb32Q6GsrUqzuFkukxb/zzide5quXYcMVpIjxalDBBYy2nqKCFQ/9+Ie4dvOYSQdOk3hUlZSdzZOd3zMQ==
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/socks-proxy-agent/-/socks-proxy-agent-6.2.1.tgz#2687a31f9d7185e38d530bef1944fe1f1496d6ce"
+  integrity sha512-a6KW9G+6B3nWZ1yB8G7pJwL3ggLy1uTzKAgCb7ttblwqdz9fMGJUuTy3uFzEP48FAs9FLILlmzDlE2JJhVQaXQ==
   dependencies:
     agent-base "^6.0.2"
     debug "^4.3.3"
     socks "^2.6.2"
 
 socks@^2.3.3, socks@^2.6.2:
-  version "2.6.2"
-  resolved "https://registry.yarnpkg.com/socks/-/socks-2.6.2.tgz#ec042d7960073d40d94268ff3bb727dc685f111a"
-  integrity sha512-zDZhHhZRY9PxRruRMR7kMhnf3I8hDs4S3f9RecfnGxvcBHQcKcIH/oUcEWffsfl1XxdYlA7nnlGbbTvPz9D8gA==
+  version "2.7.0"
+  resolved "https://registry.yarnpkg.com/socks/-/socks-2.7.0.tgz#f9225acdb841e874dca25f870e9130990f3913d0"
+  integrity sha512-scnOe9y4VuiNUULJN72GrM26BNOjVsfPXI+j+98PkyEfsIXroa5ofyjT+FzGvn/xHs73U2JtoBYAVx9Hl4quSA==
   dependencies:
-    ip "^1.1.5"
+    ip "^2.0.0"
     smart-buffer "^4.2.0"
 
 sort-keys@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/sort-keys/-/sort-keys-2.0.0.tgz#658535584861ec97d730d6cf41822e1f56684128"
-  integrity sha1-ZYU1WEhh7JfXMNbPQYIuH1ZoQSg=
+  integrity sha512-/dPCrG1s3ePpWm6yBbxZq5Be1dXGLyLn9Z791chDC3NFrpkVbWGzkBwPN1knaciexFXgRJ7hzdnwZ4stHSDmjg==
   dependencies:
     is-plain-obj "^1.0.0"
 
@@ -7397,17 +7274,6 @@ sort-keys@^4.0.0:
   resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
   integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
 
-source-map-resolve@^0.5.2:
-  version "0.5.3"
-  resolved "https://registry.yarnpkg.com/source-map-resolve/-/source-map-resolve-0.5.3.tgz#190866bece7553e1f8f267a2ee82c606b5509a1a"
-  integrity sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==
-  dependencies:
-    atob "^2.1.2"
-    decode-uri-component "^0.2.0"
-    resolve-url "^0.2.1"
-    source-map-url "^0.4.0"
-    urix "^0.1.0"
-
 source-map-support@0.5.13:
   version "0.5.13"
   resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.13.tgz#31b24a9c2e73c2de85066c0feb7d44767ed52932"
@@ -7416,20 +7282,10 @@ source-map-support@0.5.13:
     buffer-from "^1.0.0"
     source-map "^0.6.0"
 
-source-map-url@^0.4.0:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/source-map-url/-/source-map-url-0.4.1.tgz#0af66605a745a5a2f91cf1bbf8a7afbc283dec56"
-  integrity sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==
-
 source-map@0.5.6:
   version "0.5.6"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.6.tgz#75ce38f52bf0733c5a7f0c118d81334a2bb5f412"
-  integrity sha1-dc449SvwczxafwwRjYEzSiu19BI=
-
-source-map@^0.5.0:
-  version "0.5.7"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
-  integrity sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=
+  integrity sha512-MjZkVp0NHr5+TPihLcadqnlVoGIoWo4IBHptutGh9wI3ttUYvCG26HkSuDi+K6lsZ25syXJXcctwgyVCt//xqA==
 
 source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.1:
   version "0.6.1"
@@ -7489,7 +7345,7 @@ split@^1.0.0:
 sprintf-js@~1.0.2:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
-  integrity sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=
+  integrity sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==
 
 sshpk@^1.7.0:
   version "1.17.0"
@@ -7523,7 +7379,7 @@ stack-utils@^2.0.3:
 strict-uri-encode@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/strict-uri-encode/-/strict-uri-encode-2.0.0.tgz#b9c7330c7042862f6b142dc274bbcc5866ce3546"
-  integrity sha1-ucczDHBChi9rFC3CdLvMWGbONUY=
+  integrity sha512-QwiXZgpRcKkhTj2Scnn++4PKtWsH0kpzZ62L2R6c/LUVYv7hVnZqcg2+sMuT6R7Jusu1vviK/MFsu6kNJfWlEQ==
 
 string-length@^4.0.1:
   version "4.0.2"
@@ -7536,7 +7392,7 @@ string-length@^4.0.1:
 string-width@^1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-1.0.2.tgz#118bdf5b8cdc51a2a7e70d211e07e2b0b9b107d3"
-  integrity sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=
+  integrity sha512-0XsVpQLnVCXHJfyEs8tC0zpTVIr5PKKsQtkT29IwupnPTjtPmQ3xT/4yCREF9hYkV/3M3kzcUTSAZT6a6h81tw==
   dependencies:
     code-point-at "^1.0.0"
     is-fullwidth-code-point "^1.0.0"
@@ -7551,21 +7407,23 @@ string-width@^1.0.1:
     is-fullwidth-code-point "^3.0.0"
     strip-ansi "^6.0.1"
 
-string.prototype.trimend@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.4.tgz#e75ae90c2942c63504686c18b287b4a0b1a45f80"
-  integrity sha512-y9xCjw1P23Awk8EvTpcyL2NIr1j7wJ39f+k6lvRnSMz+mz9CGz9NYPelDk42kOz6+ql8xjfK8oYzy3jAP5QU5A==
+string.prototype.trimend@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.5.tgz#914a65baaab25fbdd4ee291ca7dde57e869cb8d0"
+  integrity sha512-I7RGvmjV4pJ7O3kdf+LXFpVfdNOxtCW/2C8f6jNiW4+PQchwxkCDzlk1/7p+Wl4bqFIZeF47qAHXLuHHWKAxog==
   dependencies:
     call-bind "^1.0.2"
-    define-properties "^1.1.3"
+    define-properties "^1.1.4"
+    es-abstract "^1.19.5"
 
-string.prototype.trimstart@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.4.tgz#b36399af4ab2999b4c9c648bd7a3fb2bb26feeed"
-  integrity sha512-jh6e984OBfvxS50tdY2nRZnoC5/mLFKOREQfw8t5yytkoUsJRNxvI/E39qu1sD0OtWI3OC0XgKSmcWwziwYuZw==
+string.prototype.trimstart@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.5.tgz#5466d93ba58cfa2134839f81d7f42437e8c01fef"
+  integrity sha512-THx16TJCGlsN0o6dl2o6ncWUsdgnLRSA23rRE5pyGBw/mLr3Ej/R2LaqCtgP8VNMGZsvMWnf9ooZPyY2bHvUFg==
   dependencies:
     call-bind "^1.0.2"
-    define-properties "^1.1.3"
+    define-properties "^1.1.4"
+    es-abstract "^1.19.5"
 
 string_decoder@^1.1.1:
   version "1.3.0"
@@ -7584,7 +7442,7 @@ string_decoder@~1.1.1:
 strip-ansi@^3.0.0, strip-ansi@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf"
-  integrity sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=
+  integrity sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==
   dependencies:
     ansi-regex "^2.0.0"
 
@@ -7598,12 +7456,12 @@ strip-ansi@^6.0.0, strip-ansi@^6.0.1:
 strip-bom-string@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/strip-bom-string/-/strip-bom-string-1.0.0.tgz#e5211e9224369fbb81d633a2f00044dc8cedad92"
-  integrity sha1-5SEekiQ2n7uB1jOi8ABE3IztrZI=
+  integrity sha512-uCC2VHvQRYu+lMh4My/sFNmF2klFymLX1wHJeXnbEJERpV/ZsVuonzerjfrGpIGF7LBVa1O7i9kjiWvJiFck8g==
 
 strip-bom@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
-  integrity sha1-IzTBjpx1n3vdVv3vfprj1YjmjtM=
+  integrity sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==
 
 strip-bom@^4.0.0:
   version "4.0.0"
@@ -7625,7 +7483,7 @@ strip-indent@^3.0.0:
 strip-json-comments@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
-  integrity sha1-PFMZQukIwml8DsNEhYwobHygpgo=
+  integrity sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==
 
 strip-json-comments@^3.1.0, strip-json-comments@^3.1.1:
   version "3.1.1"
@@ -7675,6 +7533,11 @@ supports-preserve-symlinks-flag@^1.0.0:
   resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
   integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
 
+symbol-tree@^3.2.4:
+  version "3.2.4"
+  resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"
+  integrity sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==
+
 tar@^4.4.12:
   version "4.4.19"
   resolved "https://registry.yarnpkg.com/tar/-/tar-4.4.19.tgz#2e4d7263df26f2b914dee10c825ab132123742f3"
@@ -7703,7 +7566,7 @@ tar@^6.0.2, tar@^6.1.0:
 temp-dir@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/temp-dir/-/temp-dir-1.0.0.tgz#0a7c0ea26d3a39afa7e0ebea9c1fc0bc4daa011d"
-  integrity sha1-CnwOom06Oa+n4OvqnB/AvE2qAR0=
+  integrity sha512-xZFXEGbG7SNC3itwBzI3RYjq/cEhBkx2hJuKGIUOcEULmkQExXiHat2z/qkISYsuR+IKumhEfKKbV5qXmhICFQ==
 
 temp-write@^4.0.0:
   version "4.0.0"
@@ -7741,7 +7604,7 @@ text-extensions@^1.0.0:
 text-table@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
-  integrity sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=
+  integrity sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==
 
 through2@^2.0.0:
   version "2.0.5"
@@ -7761,7 +7624,7 @@ through2@^4.0.0:
 through@2, "through@>=2.2.7 <3", through@^2.3.4, through@^2.3.6:
   version "2.3.8"
   resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
-  integrity sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=
+  integrity sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==
 
 tmp@^0.0.33:
   version "0.0.33"
@@ -7778,7 +7641,7 @@ tmpl@1.0.5:
 to-fast-properties@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz#dc5e698cbd079265bc73e0377681a4e4e83f616e"
-  integrity sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=
+  integrity sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==
 
 to-regex-range@^5.0.1:
   version "5.0.1"
@@ -7790,13 +7653,22 @@ to-regex-range@^5.0.1:
 token-stream@1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/token-stream/-/token-stream-1.0.0.tgz#cc200eab2613f4166d27ff9afc7ca56d49df6eb4"
-  integrity sha1-zCAOqyYT9BZtJ/+a/HylbUnfbrQ=
+  integrity sha512-VSsyNPPW74RpHwR8Fc21uubwHY7wMDeJLys2IX5zJNih+OnAnaifKHo+1LHT7DAdloQ7apeaaWg8l7qnf/TnEg==
 
 toml@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/toml/-/toml-3.0.0.tgz#342160f1af1904ec9d204d03a5d61222d762c5ee"
   integrity sha512-y/mWCZinnvxjTKYhJ+pYxwD0mRLVvOtdS2Awbgxln6iEnt4rk0yBxeSBHkGJcPucRiG0e55mwWp+g/05rsrd6w==
 
+tough-cookie@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-4.0.0.tgz#d822234eeca882f991f0f908824ad2622ddbece4"
+  integrity sha512-tHdtEpQCMrc1YLrMaqXXcj6AxhYi/xgit6mZu1+EDWUn+qhUf8wMQoFIy9NXuq23zAwtcB0t/MjACGR18pcRbg==
+  dependencies:
+    psl "^1.1.33"
+    punycode "^2.1.1"
+    universalify "^0.1.2"
+
 tough-cookie@~2.5.0:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.5.0.tgz#cd9fb2a0aa1d5a12b473bd9fb96fa3dcff65ade2"
@@ -7812,10 +7684,17 @@ tr46@^2.1.0:
   dependencies:
     punycode "^2.1.1"
 
+tr46@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/tr46/-/tr46-3.0.0.tgz#555c4e297a950617e8eeddef633c87d4d9d6cbf9"
+  integrity sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==
+  dependencies:
+    punycode "^2.1.1"
+
 tr46@~0.0.3:
   version "0.0.3"
   resolved "https://registry.yarnpkg.com/tr46/-/tr46-0.0.3.tgz#8184fd347dac9cdc185992f3a6622e14b9d9ab6a"
-  integrity sha1-gYT9NH2snNwYWZLzpmIuFLnZq2o=
+  integrity sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==
 
 trim-newlines@^3.0.0:
   version "3.0.1"
@@ -7876,14 +7755,14 @@ tsutils@^3.21.0:
 tunnel-agent@^0.6.0:
   version "0.6.0"
   resolved "https://registry.yarnpkg.com/tunnel-agent/-/tunnel-agent-0.6.0.tgz#27a5dea06b36b04a0a9966774b290868f0fc40fd"
-  integrity sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=
+  integrity sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==
   dependencies:
     safe-buffer "^5.0.1"
 
 tweetnacl@^0.14.3, tweetnacl@~0.14.0:
   version "0.14.5"
   resolved "https://registry.yarnpkg.com/tweetnacl/-/tweetnacl-0.14.5.tgz#5ae68177f192d4456269d108afa93ff8743f4f64"
-  integrity sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=
+  integrity sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA==
 
 type-check@^0.4.0, type-check@~0.4.0:
   version "0.4.0"
@@ -7892,6 +7771,13 @@ type-check@^0.4.0, type-check@~0.4.0:
   dependencies:
     prelude-ls "^1.2.1"
 
+type-check@~0.3.2:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.3.2.tgz#5884cab512cf1d355e3fb784f30804b2b520db72"
+  integrity sha512-ZCmOJdvOWDBYJlzAoFkC+Q0+bUyEOS1ltgp1MGU03fqHG+dbi9tBFU2Rd9QKiDZFAYrhPh2JUf7rZRIuHRKtOg==
+  dependencies:
+    prelude-ls "~1.1.2"
+
 type-detect@4.0.8:
   version "4.0.8"
   resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-4.0.8.tgz#7646fb5f18871cfbb7749e69bd39a6388eb7450c"
@@ -7937,7 +7823,7 @@ typedarray-to-buffer@^3.1.5:
 typedarray@^0.0.6:
   version "0.0.6"
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
-  integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
+  integrity sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==
 
 typescript@^4.7.4:
   version "4.7.4"
@@ -7950,21 +7836,21 @@ uc.micro@^1.0.1, uc.micro@^1.0.5:
   integrity sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA==
 
 uglify-js@^3.1.4:
-  version "3.15.4"
-  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.15.4.tgz#fa95c257e88f85614915b906204b9623d4fa340d"
-  integrity sha512-vMOPGDuvXecPs34V74qDKk4iJ/SN4vL3Ow/23ixafENYvtrNvtbcgUeugTcUGRGsOF/5fU8/NYSL5Hyb3l1OJA==
+  version "3.16.3"
+  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.16.3.tgz#94c7a63337ee31227a18d03b8a3041c210fd1f1d"
+  integrity sha512-uVbFqx9vvLhQg0iBaau9Z75AxWJ8tqM9AV890dIZCLApF4rTcyHwmAvLeEdYRs+BzYWu8Iw81F79ah0EfTXbaw==
 
 uid-number@0.0.6:
   version "0.0.6"
   resolved "https://registry.yarnpkg.com/uid-number/-/uid-number-0.0.6.tgz#0ea10e8035e8eb5b8e4449f06da1c730663baa81"
-  integrity sha1-DqEOgDXo61uOREnwbaHHMGY7qoE=
+  integrity sha512-c461FXIljswCuscZn67xq9PpszkPT6RjheWFQTgCyabJrTUozElanb0YEqv2UGgk247YpcJkFBuSGNvBlpXM9w==
 
 umask@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/umask/-/umask-1.1.0.tgz#f29cebf01df517912bb58ff9c4e50fde8e33320d"
-  integrity sha1-8pzr8B31F5ErtY/5xOUP3o4zMg0=
+  integrity sha512-lE/rxOhmiScJu9L6RTNVgB/zZbF+vGC0/p6D3xnkAePI2o0sMyFG966iR5Ki50OI/0mNi2yaRnxfLsPmEZF/JA==
 
-unbox-primitive@^1.0.1:
+unbox-primitive@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.0.2.tgz#29032021057d5e6cdbd08c5129c226dff8ed6f9e"
   integrity sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==
@@ -7993,6 +7879,11 @@ universal-user-agent@^6.0.0:
   resolved "https://registry.yarnpkg.com/universal-user-agent/-/universal-user-agent-6.0.0.tgz#3381f8503b251c0d9cd21bc1de939ec9df5480ee"
   integrity sha512-isyNax3wXoKaulPDZWHQqbmIx1k2tb9fb3GGDBRxCscfYV2Ch7WxPArBsFEG8s/safwXTT7H4QGhaIkTp9447w==
 
+universalify@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.1.2.tgz#b646f69be3942dabcecc9d6639c80dc105efaa66"
+  integrity sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==
+
 universalify@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.0.tgz#75a4984efedc4b08975c5aeb73f530d02df25717"
@@ -8003,6 +7894,14 @@ upath@^2.0.1:
   resolved "https://registry.yarnpkg.com/upath/-/upath-2.0.1.tgz#50c73dea68d6f6b990f51d279ce6081665d61a8b"
   integrity sha512-1uEe95xksV1O0CYKXo8vQvN1JEbtJp7lb7C5U9HMsIp6IVwntkH/oNUzyVNQSd4S1sYk2FpSSW44FqMc8qee5w==
 
+update-browserslist-db@^1.0.4:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.5.tgz#be06a5eedd62f107b7c19eb5bcefb194411abf38"
+  integrity sha512-dteFFpCyvuDdr9S/ff1ISkKt/9YZxKjI9WlRR99c180GaztJtRa/fn18FdxGVKVsnPY7/a/FDN68mcvUmP4U7Q==
+  dependencies:
+    escalade "^3.1.1"
+    picocolors "^1.0.0"
+
 uri-js@^4.2.2:
   version "4.4.1"
   resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.4.1.tgz#9b1a52595225859e55f669d928f88c6c57f2a77e"
@@ -8010,20 +7909,15 @@ uri-js@^4.2.2:
   dependencies:
     punycode "^2.1.0"
 
-urix@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/urix/-/urix-0.1.0.tgz#da937f7a62e21fec1fd18d49b35c2935067a6c72"
-  integrity sha1-2pN/emLiH+wf0Y1Js1wpNQZ6bHI=
-
 util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
-  integrity sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=
+  integrity sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==
 
 util-promisify@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/util-promisify/-/util-promisify-2.1.0.tgz#3c2236476c4d32c5ff3c47002add7c13b9a82a53"
-  integrity sha1-PCI2R2xNMsX/PEcAKt18E7moKlM=
+  integrity sha512-K+5eQPYs14b3+E+hmE2J6gCZ4JmMl9DbYS6BeP2CHq6WMuNxErxf5B/n0fz85L8zUuoO6rIzNNmIQDu/j+1OcA==
   dependencies:
     object.getownpropertydescriptors "^2.0.3"
 
@@ -8057,26 +7951,26 @@ validate-npm-package-license@^3.0.1, validate-npm-package-license@^3.0.4:
 validate-npm-package-name@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/validate-npm-package-name/-/validate-npm-package-name-3.0.0.tgz#5fa912d81eb7d0c74afc140de7317f0ca7df437e"
-  integrity sha1-X6kS2B630MdK/BQN5zF/DKffQ34=
+  integrity sha512-M6w37eVCMMouJ9V/sdPGnC5H4uDr73/+xdq0FBLO3TFFX1+7wiUY6Es328NN+y43tmY+doUdN9g9J21vqB7iLw==
   dependencies:
     builtins "^1.0.3"
 
 verror@1.10.0:
   version "1.10.0"
   resolved "https://registry.yarnpkg.com/verror/-/verror-1.10.0.tgz#3a105ca17053af55d6e270c1f8288682e18da400"
-  integrity sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=
+  integrity sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw==
   dependencies:
     assert-plus "^1.0.0"
     core-util-is "1.0.2"
     extsprintf "^1.2.0"
 
 vite@~2.9.1:
-  version "2.9.6"
-  resolved "https://registry.yarnpkg.com/vite/-/vite-2.9.6.tgz#29f1b33193b0de9e155d67ba0dd097501c3c3281"
-  integrity sha512-3IffdrByHW95Yjv0a13TQOQfJs7L5dVlSPuTt432XLbRMriWbThqJN2k/IS6kXn5WY4xBLhK9XoaWay1B8VzUw==
+  version "2.9.14"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-2.9.14.tgz#c438324c6594afd1050df3777da981dee988bb1b"
+  integrity sha512-P/UCjSpSMcE54r4mPak55hWAZPlyfS369svib/gpmz8/01L822lMPOJ/RYW6tLCe1RPvMvOsJ17erf55bKp4Hw==
   dependencies:
     esbuild "^0.14.27"
-    postcss "^8.4.12"
+    postcss "^8.4.13"
     resolve "^1.22.0"
     rollup "^2.59.0"
   optionalDependencies:
@@ -8085,12 +7979,12 @@ vite@~2.9.1:
 void-elements@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/void-elements/-/void-elements-3.1.0.tgz#614f7fbf8d801f0bb5f0661f5b2f5785750e4f09"
-  integrity sha1-YU9/v42AHwu18GYfWy9XhXUOTwk=
+  integrity sha512-Dhxzh5HZuiHQhbvTW9AMetFfBHDMYpo23Uo9btPXgdYP+3T5S+p+jgNy7spra+veYhBP2dCSgxR/i2Y02h5/6w==
 
 vue-demi@*:
-  version "0.12.5"
-  resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.12.5.tgz#8eeed566a7d86eb090209a11723f887d28aeb2d1"
-  integrity sha512-BREuTgTYlUr0zw0EZn3hnhC3I6gPWv+Kwh4MCih6QcAeaTlaIX0DwOVN0wHej7hSvDPecz4jygy/idsgKfW58Q==
+  version "0.13.5"
+  resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.13.5.tgz#d5eddbc9eaefb89ce5995269d1fa6b0486312092"
+  integrity sha512-tO3K2bML3AwiHmVHeKCq6HLef2st4zBXIV5aEkoJl6HZ+gJWxWv2O8wLH8qrA3SX3lDoTDHNghLX1xZg83MXvw==
 
 vue-docgen-api@^4.45.0:
   version "4.47.0"
@@ -8135,37 +8029,25 @@ vue-eslint-parser@^9.0.0, vue-eslint-parser@^9.0.1:
     lodash "^4.17.21"
     semver "^7.3.6"
 
-vue-inbrowser-compiler-demi@^4.44.23:
-  version "4.44.23"
-  resolved "https://registry.yarnpkg.com/vue-inbrowser-compiler-demi/-/vue-inbrowser-compiler-demi-4.44.23.tgz#7410e160db0e0639aa0ba5c3af6a0c02606d4242"
-  integrity sha512-/gZxAana4VTJWACNTi4RL5Zs5bVDIUDJ9XlaibzmY3Nf32WK43tvmjrUe+f5uGYLysCHE9SFjFvRKaAhXnzXgA==
+vue-inbrowser-compiler-demi@^4.45.0:
+  version "4.45.0"
+  resolved "https://registry.yarnpkg.com/vue-inbrowser-compiler-demi/-/vue-inbrowser-compiler-demi-4.45.0.tgz#d5b75479490dc7c7c9bd4ec34a4e0d3c7e4c6c98"
+  integrity sha512-nZnPwiW0y2d7vEyAGI/0lZS/iVFHmHMDhdLiakcW5Wn5HJ+wiKWYUU4ZkKqErBKFSpmbnpFFS0mUToUZq0NhZA==
 
 vue-inbrowser-compiler-utils@^4.44.23:
-  version "4.44.23"
-  resolved "https://registry.yarnpkg.com/vue-inbrowser-compiler-utils/-/vue-inbrowser-compiler-utils-4.44.23.tgz#fcbe942ce87a846d1b9250561844085a6ead3e09"
-  integrity sha512-M2U6TPTU1QCiKFYUxgHy47xdZcKLPSbeTpeamHBtfIut1sjKOMtYmAOQ3IrX3W/v8A7j7jGadY4ieA1j3zQICw==
+  version "4.46.0"
+  resolved "https://registry.yarnpkg.com/vue-inbrowser-compiler-utils/-/vue-inbrowser-compiler-utils-4.46.0.tgz#1bc0ce4e7ac95a53b2c62bc8b77fd80379d028b1"
+  integrity sha512-leyj8EpYJixnrjWL/YZF/cF88jEyrAEUiorqoVkIxlkxWlxwQWHPoiAHZBLAfUXc5ZLzQ6uoBJXA2kHJ7A2EJg==
   dependencies:
     camelcase "^5.3.1"
-    vue-inbrowser-compiler-demi "^4.44.23"
-
-vue-jest@^5.0.0-0:
-  version "5.0.0-alpha.10"
-  resolved "https://registry.yarnpkg.com/vue-jest/-/vue-jest-5.0.0-alpha.10.tgz#4326977b3b0268b1def140f3b69113c2d82fb090"
-  integrity sha512-iN62cTi4AL0UsgxEyVeJtHG6qXEv+8Ci2wX1vP3b/dAZvyBRmqy5aJHQrP6VCEuio+HgHQ1LAZ+ccM2pouBmlg==
-  dependencies:
-    "@babel/plugin-transform-modules-commonjs" "^7.2.0"
-    chalk "^2.1.0"
-    convert-source-map "^1.6.0"
-    extract-from-css "^0.4.4"
-    source-map "0.5.6"
-    tsconfig "^7.0.0"
+    vue-inbrowser-compiler-demi "^4.45.0"
 
 vue-router@^4.0.14:
-  version "4.0.14"
-  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.0.14.tgz#ce2028c1c5c33e30c7287950c973f397fce1bd65"
-  integrity sha512-wAO6zF9zxA3u+7AkMPqw9LjoUCjSxfFvINQj3E/DceTt6uEz1XZLraDhdg2EYmvVwTBSGlLYsUw8bDmx0754Mw==
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.1.2.tgz#ae08f63c9610afa6bff6743e8f128b7054d4c9f5"
+  integrity sha512-5BP1qXFncVRwgV/XnqzsKApdMjQPqWIpoUBdL1ynz8HyLxIX/UDAx7Ql2BjmA5CXT/p61JfZvkpiFWFpaqcfag==
   dependencies:
-    "@vue/devtools-api" "^6.0.0"
+    "@vue/devtools-api" "^6.1.4"
 
 vue-types@^4.2.0:
   version "4.2.0"
@@ -8174,18 +8056,7 @@ vue-types@^4.2.0:
   dependencies:
     is-plain-object "5.0.0"
 
-vue@^3.2.31:
-  version "3.2.33"
-  resolved "https://registry.yarnpkg.com/vue/-/vue-3.2.33.tgz#7867eb16a3293a28c4d190a837bc447878bd64c2"
-  integrity sha512-si1ExAlDUrLSIg/V7D/GgA4twJwfsfgG+t9w10z38HhL/HA07132pUQ2KuwAo8qbCyMJ9e6OqrmWrOCr+jW7ZQ==
-  dependencies:
-    "@vue/compiler-dom" "3.2.33"
-    "@vue/compiler-sfc" "3.2.33"
-    "@vue/runtime-dom" "3.2.33"
-    "@vue/server-renderer" "3.2.33"
-    "@vue/shared" "3.2.33"
-
-vue@^3.2.37:
+vue@^3.2.31, vue@^3.2.37:
   version "3.2.37"
   resolved "https://registry.yarnpkg.com/vue/-/vue-3.2.37.tgz#da220ccb618d78579d25b06c7c21498ca4e5452e"
   integrity sha512-bOKEZxrm8Eh+fveCqS1/NkG/n6aMidsI6hahas7pa0w/l7jkbssJVsRhVDs07IdDq7h9KHswZOgItnwJAgtVtQ==
@@ -8213,6 +8084,20 @@ vuepress@2.0.0-beta.38:
   dependencies:
     vuepress-vite "2.0.0-beta.38"
 
+w3c-hr-time@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz#0a89cdf5cc15822df9c360543676963e0cc308cd"
+  integrity sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==
+  dependencies:
+    browser-process-hrtime "^1.0.0"
+
+w3c-xmlserializer@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-3.0.0.tgz#06cdc3eefb7e4d0b20a560a5a3aeb0d2d9a65923"
+  integrity sha512-3WFqGEgSXIyGhOmAFtlicJNMjEps8b1MG31NCA0/vOF9+nKMUW1ckhi9cnNHmf88Rzw5V+dwIwsm2C7X8k9aQg==
+  dependencies:
+    xml-name-validator "^4.0.0"
+
 walker@^1.0.8:
   version "1.0.8"
   resolved "https://registry.yarnpkg.com/walker/-/walker-1.0.8.tgz#bd498db477afe573dc04185f011d3ab8a8d7653f"
@@ -8223,24 +8108,57 @@ walker@^1.0.8:
 wcwidth@^1.0.0, wcwidth@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/wcwidth/-/wcwidth-1.0.1.tgz#f0b0dcf915bc5ff1528afadb2c0e17b532da2fe8"
-  integrity sha1-8LDc+RW8X/FSivrbLA4XtTLaL+g=
+  integrity sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==
   dependencies:
     defaults "^1.0.3"
 
 webidl-conversions@^3.0.0:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz#24534275e2a7bc6be7bc86611cc16ae0a5654871"
-  integrity sha1-JFNCdeKnvGvnvIZhHMFq4KVlSHE=
+  integrity sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==
 
 webidl-conversions@^6.1.0:
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-6.1.0.tgz#9111b4d7ea80acd40f5270d666621afa78b69514"
   integrity sha512-qBIvFLGiBpLjfwmYAaHPXsn+ho5xZnGvyGvsarywGNc8VyQJUMHJ8OBKGGrPER0okBeMDaan4mNBlgBROxuI8w==
 
+webidl-conversions@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-7.0.0.tgz#256b4e1882be7debbf01d05f0aa2039778ea080a"
+  integrity sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==
+
+whatwg-encoding@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz#e7635f597fd87020858626805a2729fa7698ac53"
+  integrity sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==
+  dependencies:
+    iconv-lite "0.6.3"
+
+whatwg-mimetype@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz#5fa1a7623867ff1af6ca3dc72ad6b8a4208beba7"
+  integrity sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==
+
+whatwg-url@^10.0.0:
+  version "10.0.0"
+  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-10.0.0.tgz#37264f720b575b4a311bd4094ed8c760caaa05da"
+  integrity sha512-CLxxCmdUby142H5FZzn4D8ikO1cmypvXVQktsgosNy4a4BHrDHeciBBGZhb0bNoR5/MltoCatso+vFjjGx8t0w==
+  dependencies:
+    tr46 "^3.0.0"
+    webidl-conversions "^7.0.0"
+
+whatwg-url@^11.0.0:
+  version "11.0.0"
+  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-11.0.0.tgz#0a849eebb5faf2119b901bb76fd795c2848d4018"
+  integrity sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==
+  dependencies:
+    tr46 "^3.0.0"
+    webidl-conversions "^7.0.0"
+
 whatwg-url@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-5.0.0.tgz#966454e8765462e37644d3626f6742ce8b70965d"
-  integrity sha1-lmRU6HZUYuN2RNNib2dCzotwll0=
+  integrity sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==
   dependencies:
     tr46 "~0.0.3"
     webidl-conversions "^3.0.0"
@@ -8296,7 +8214,7 @@ with@^7.0.0:
     assert-never "^1.2.1"
     babel-walk "3.0.0-canary-5"
 
-word-wrap@^1.2.3:
+word-wrap@^1.2.3, word-wrap@~1.2.3:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.3.tgz#610636f6b1f703891bd34771ccb17fb93b47079c"
   integrity sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==
@@ -8304,7 +8222,7 @@ word-wrap@^1.2.3:
 wordwrap@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb"
-  integrity sha1-J1hIEIkUVqQXHI0CJkQa3pDLyus=
+  integrity sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==
 
 wrap-ansi@^7.0.0:
   version "7.0.0"
@@ -8318,7 +8236,7 @@ wrap-ansi@^7.0.0:
 wrappy@1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
-  integrity sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=
+  integrity sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==
 
 write-file-atomic@^2.4.2:
   version "2.4.3"
@@ -8380,11 +8298,21 @@ write-pkg@^4.0.0:
     type-fest "^0.4.1"
     write-json-file "^3.2.0"
 
+ws@^8.2.3:
+  version "8.8.1"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-8.8.1.tgz#5dbad0feb7ade8ecc99b830c1d77c913d4955ff0"
+  integrity sha512-bGy2JzvzkPowEJV++hF07hAD6niYSr0JzBNo/J29WsB57A2r7Wlc1UFcTR9IzrPvuNVO4B8LGqF8qcpsVOhJCA==
+
 xml-name-validator@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-4.0.0.tgz#79a006e2e63149a8600f15430f0a4725d1524835"
   integrity sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==
 
+xmlchars@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/xmlchars/-/xmlchars-2.2.0.tgz#060fe1bcb7f9c76fe2a17db86a9bc3ab894210cb"
+  integrity sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==
+
 xtend@~4.0.1:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54"
@@ -8398,7 +8326,7 @@ y18n@^5.0.5:
 yallist@^2.1.2:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-2.1.2.tgz#1c11f9218f076089a47dd512f93c6699a6a81d52"
-  integrity sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=
+  integrity sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==
 
 yallist@^3.0.0, yallist@^3.1.1:
   version "3.1.1"

From 7e36cc627afcf8670b9239ffb213023fbb092272 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Mon, 25 Jul 2022 21:16:00 +0200
Subject: [PATCH 016/346] docs: update content

---
 packages/docs/forms/validation.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/docs/forms/validation.md b/packages/docs/forms/validation.md
index 43ba417e..36231029 100644
--- a/packages/docs/forms/validation.md
+++ b/packages/docs/forms/validation.md
@@ -402,6 +402,7 @@ For invalid fields, ensure that the invalid feedback/error message is associated
     <CFormCheck
       feedbackInvalid="You must agree before submitting."
       id="invalidCheck"
+      invalid
       label="Agree to terms and conditions"
       required
       type="checkbox"
@@ -480,6 +481,7 @@ For invalid fields, ensure that the invalid feedback/error message is associated
     <CFormCheck
       feedbackInvalid="You must agree before submitting."
       id="invalidCheck"
+      invalid
       label="Agree to terms and conditions"
       required
       type="checkbox"

From ecc24f56fe849061db04b487f39a9c757dd61ed6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Mon, 25 Jul 2022 21:25:56 +0200
Subject: [PATCH 017/346] docs: update layout

---
 .../src/client/components/Ads.vue             | 34 +++++++++++++++++++
 .../src/client/components/Header.vue          |  7 ----
 .../src/client/components/Page.vue            |  7 +++-
 .../src/client/layouts/Layout.vue             | 31 +++++++++++++++--
 .../theme-coreui/src/client/styles/_ads.scss  | 32 +++++++++++++++++
 .../src/client/styles/_sidebar.scss           |  2 +-
 .../theme-coreui/src/client/styles/index.scss |  1 +
 7 files changed, 103 insertions(+), 11 deletions(-)
 create mode 100644 packages/docs/.vuepress/theme-coreui/src/client/components/Ads.vue
 create mode 100644 packages/docs/.vuepress/theme-coreui/src/client/styles/_ads.scss

diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/Ads.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/Ads.vue
new file mode 100644
index 00000000..0cbcdb65
--- /dev/null
+++ b/packages/docs/.vuepress/theme-coreui/src/client/components/Ads.vue
@@ -0,0 +1,34 @@
+<script>
+import {h} from 'vue';
+export default {
+  props: {},
+  watch: {
+    '$route'(to, from) {
+      if (
+        to.path !== from.path
+        // Only reload if the ad has been loaded
+        // otherwise it's possible that the script is appended but
+        // the ads are not loaded yet. This would result in duplicated ads.
+        && this.$el.querySelector('#carbonads')
+      ) {
+        this.$el.innerHTML = '';
+        this.load();
+      }
+    },
+  },
+  mounted() {
+    this.load();
+  },
+  methods: {
+    load() {
+      const s = document.createElement('script');
+      s.id = '_carbonads_js';
+      s.src = `//cdn.carbonads.com/carbon.js?serve=CEAICKJY&placement=coreuiio`;
+      this.$el.appendChild(s);
+    },
+  },
+  render() {
+    return h('div');
+  },
+};
+</script>
\ No newline at end of file
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
index 5f973751..d92dd2d5 100644
--- a/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
+++ b/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
@@ -1,11 +1,4 @@
 <template>
-  <CAlert color="light" class="d-flex align-items-baseline justify-content-center rounded-0 border-bottom mb-0">
-    <span class="me-3">
-      If you like this project and want to help us, please give us a star ⭐️ on Github. ➡️
-    </span>
-    <CButton color="dark" component="a" href="https://github.com/coreui/coreui-vue" size="sm" target="_blank" variant="outline"><CIcon icon="cib-github" /> Star</CButton>
-    <span class="ms-3">🙏</span>
-  </CAlert>
   <CHeader class="mb-5 elevation-0 border-bottom" position="sticky">
     <CHeaderToggler class="ms-md-3" @click="$emit('toggle-sidebar')">
       <CIcon icon="cil-menu" size="lg" />
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/Page.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/Page.vue
index 9da1d607..9b12b15c 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/components/Page.vue
+++ b/packages/docs/.vuepress/theme-coreui/src/client/components/Page.vue
@@ -3,7 +3,7 @@
     <div class="content">
       <h1>{{ title }}</h1>
       <p class="docs-lead fs-4 fw-light">{{ description }}</p>
-      <div data-ea-publisher="coreui-io" data-ea-type="image"></div>
+      <Ads />
       <Content />
     </div>
   </div>
@@ -14,8 +14,13 @@ import { defineComponent } from 'vue'
 import { usePageFrontmatter } from '@vuepress/client'
 import type { DefaultThemeNormalPageFrontmatter } from '../../shared'
 
+import Ads from './Ads.vue'
+
 export default defineComponent({
   name: 'Page',
+  components: {
+    Ads,
+  },
   setup() {
     const frontmatter = usePageFrontmatter<DefaultThemeNormalPageFrontmatter>()
     const title = frontmatter.value.title
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue b/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue
index 5fbd7499..98f4ca2d 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue
+++ b/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue
@@ -5,9 +5,9 @@
     @touchstart="onTouchStart"
     @touchend="onTouchEnd"
   >
-    <Sidebar :visible="isSidebarOpen" @visible-change="(event) => isSidebarOpen = event" />
+    <Sidebar :visible="isSidebarOpen" @visible-change="(event) => (isSidebarOpen = event)" />
     <div class="wrapper d-flex flex-column min-vh-100">
-      <Header @toggle-sidebar="toggleSidebar(!isSidebarOpen)"/>
+      <Header @toggle-sidebar="toggleSidebar(!isSidebarOpen)" />
       <div class="body flex-grow-1 px-3">
         <CContainer lg>
           <Home v-if="frontmatter.home" />
@@ -20,6 +20,33 @@
           >
             <CRow>
               <CCol :lg="9">
+                <div
+                  class="bg-info bg-opacity-10 border-start border-start-5 border-start-info p-4 pb-3 mb-5"
+                >
+                  <h3 class="mb-4">Support CoreUI Development</h3>
+                  <p>
+                    CoreUI is an MIT-licensed open source project and is completely free to use.
+                    However, the amount of effort needed to maintain and develop new features for
+                    the project is not sustainable without proper financial backing.
+                  </p>
+                  <p>You can support our Open Source software development in the following ways:</p>
+                  <ul>
+                    <li>
+                      Buy the <a href="https://coreui.io/pricing/?support=vue">CoreUI PRO</a>,
+                      and get access to PRO components, and dedicated support.
+                    </li>
+                    <li>
+                      <a href="https://opencollective.com/coreui" target="_blank"
+                        >Became a sponsor</a
+                      >, and get your logo on BACKERS.md/README.md files or each site of this
+                      documentation
+                    </li>
+                    <li>
+                      Give us a star ⭐️ on
+                      <a href="https://github.com/coreui/coreui-vue" target="_blank">Github</a>.
+                    </li>
+                  </ul>
+                </div>
                 <Page :key="page.path">
                   <template #top>
                     <slot name="page-top" />
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_ads.scss b/packages/docs/.vuepress/theme-coreui/src/client/styles/_ads.scss
new file mode 100644
index 00000000..6135a5e3
--- /dev/null
+++ b/packages/docs/.vuepress/theme-coreui/src/client/styles/_ads.scss
@@ -0,0 +1,32 @@
+#carbonads {
+  position: static;
+  display: block;
+  max-width: 400px;
+  padding: 15px 15px 15px 160px;
+  margin: 2rem 0;
+  overflow: hidden;
+  @include font-size(.8125rem);
+  line-height: 1.4;
+  text-align: left;
+  background-color: $gray-100;
+
+  a {
+    color: $gray-800;
+    text-decoration: none;
+  }
+
+  @include media-breakpoint-up(sm) {
+    @include border-radius(.5rem);
+  }
+}
+
+.carbon-img {
+  float: left;
+  margin-left: -145px;
+}
+
+.carbon-poweredby {
+  display: block;
+  margin-top: .75rem;
+  color: $gray-700 !important;
+}
\ No newline at end of file
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_sidebar.scss b/packages/docs/.vuepress/theme-coreui/src/client/styles/_sidebar.scss
index faffdcd7..61cfb58f 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/styles/_sidebar.scss
+++ b/packages/docs/.vuepress/theme-coreui/src/client/styles/_sidebar.scss
@@ -1,4 +1,4 @@
-.docs-sidebar {
+.sidebar.docs-sidebar {
   --cui-sidebar-bg: #f0f4f7;
   --cui-sidebar-brand-bg: transparent;
   --cui-sidebar-brand-color: rgba(44,56,74,0.87);
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/index.scss b/packages/docs/.vuepress/theme-coreui/src/client/styles/index.scss
index 43927716..47050c01 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/styles/index.scss
+++ b/packages/docs/.vuepress/theme-coreui/src/client/styles/index.scss
@@ -1,5 +1,6 @@
 @import '@coreui/coreui/scss/coreui.scss';
 
+@import 'ads';
 @import 'anchor';
 @import 'demo';
 @import 'footer';

From 3250a757757f14236d6284e6129234e29174938d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Mon, 25 Jul 2022 23:52:32 +0200
Subject: [PATCH 018/346] docs: update content

---
 packages/docs/.vuepress/config.ts             | 32 +++++++-
 .../src/client/styles/_footer.scss            |  2 +-
 packages/docs/templates/admin-dashboard.md    | 79 +++++++++++++++++++
 packages/docs/templates/contents.md           | 42 ++++++++++
 packages/docs/templates/customize.md          | 67 ++++++++++++++++
 packages/docs/templates/download.md           | 24 ++++++
 packages/docs/templates/installation.md       | 52 ++++++++++++
 7 files changed, 296 insertions(+), 2 deletions(-)
 create mode 100644 packages/docs/templates/admin-dashboard.md
 create mode 100644 packages/docs/templates/contents.md
 create mode 100644 packages/docs/templates/customize.md
 create mode 100644 packages/docs/templates/download.md
 create mode 100644 packages/docs/templates/installation.md

diff --git a/packages/docs/.vuepress/config.ts b/packages/docs/.vuepress/config.ts
index e73036d8..3e690896 100644
--- a/packages/docs/.vuepress/config.ts
+++ b/packages/docs/.vuepress/config.ts
@@ -14,7 +14,6 @@ export default defineUserConfig<DefaultThemeOptions>({
   head: [
     ['link', { rel: 'icon', href: `/vue/docs/${pkg.config.version_short}/favicons/favicon-96x96.png` }],
     // ['link', { rel: 'manifest', href: '/favicons/manifest.json' }],
-    ['script', { src: 'https://media.ethicalads.io/media/client/ethicalads.min.js' }],
   ],
   extendsMarkdown: (md) => {
     md.use(require('markdown-it-include')),
@@ -298,6 +297,37 @@ export default defineUserConfig<DefaultThemeOptions>({
           },
         ],
       },
+      {
+        text: 'Templates',
+        link: '/templates/',
+        icon: '<path fill="var(--ci-primary-color, currentColor)" d="M472,232H424V120a24.028,24.028,0,0,0-24-24H40a24.028,24.028,0,0,0-24,24V366a24.028,24.028,0,0,0,24,24H212v50H152v32H304V440H244V390h92v58a24.027,24.027,0,0,0,24,24H472a24.027,24.027,0,0,0,24-24V256A24.027,24.027,0,0,0,472,232ZM336,256V358H48V128H392V232H360A24.027,24.027,0,0,0,336,256ZM464,440H368V264h96Z" class="ci-primary"/>',
+        children: [
+          {
+            text: 'Admin & Dashboard',
+            link: '/templates/admin-dashboard.html',
+            badge: {
+              color: 'success',
+              text: 'New',
+            }
+          },
+          {
+            text: 'Download',
+            link: '/templates/download.html',
+          },
+          {
+            text: 'Installation',
+            link: '/templates/installation.html',
+          },
+          {
+            text: 'Customize',
+            link: '/templates/customize.html',
+          },
+          {
+            text: 'Contents',
+            link: '/templates/contents.html',
+          },
+        ],
+      },
       {
         text: 'Migration',
         link: '/migration/',
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_footer.scss b/packages/docs/.vuepress/theme-coreui/src/client/styles/_footer.scss
index 22df3b8d..37e2a195 100644
--- a/packages/docs/.vuepress/theme-coreui/src/client/styles/_footer.scss
+++ b/packages/docs/.vuepress/theme-coreui/src/client/styles/_footer.scss
@@ -1,4 +1,4 @@
-.docs-footer {
+.footer.docs-footer {
   --cui-footer-bg: #f0f4f7;
   font-size: 0.875rem;
 
diff --git a/packages/docs/templates/admin-dashboard.md b/packages/docs/templates/admin-dashboard.md
new file mode 100644
index 00000000..a91a81ab
--- /dev/null
+++ b/packages/docs/templates/admin-dashboard.md
@@ -0,0 +1,79 @@
+---
+title: Vue Templates
+name: Vue Templates
+description: Develop modern, beautiful, and responsive applications in half the time with high-performing and easy-to-customize vue admin panels to cover any requirement.
+---
+
+
+## Vue Admin & Dashboard Templates
+
+Check out the fully-featured, ready-to-use admin dashboard templates built using CoreUI for Vue.js, and CoreUI PRO for Vue.js
+
+<CRow>
+  <CCol :md="6">
+    <CCard class="mb-4">
+      <CCardBody>
+        <CLink class="text-decoration-none text-reset" href="https://coreui.io/product/free-vue-admin-template/" target="_blank">
+          <CCardTitle>Free Vue Admin Template</CCardTitle>
+          <CCardSubtitle class="mb-3 text-muted">Default Theme</CCardSubtitle>
+          <CImage class="rounded shadow-sm" fluid src="https://coreui.io/images/templates/coreui_free_1440.webp" alt=""/>
+        </CLink>
+      </CCardBody>
+    </CCard>
+  </CCol>
+  <CCol :md="6">
+    <CCard class="mb-4">
+      <CCardBody>
+        <CLink class="text-decoration-none text-reset" href="https://coreui.io/product/vue-dashboard-template/?theme=default-v3" target="_blank">
+          <CCardTitle>Vue Dashboard Template</CCardTitle>
+          <CCardSubtitle class="mb-3 text-muted">Default Theme v3</CCardSubtitle>
+          <CImage class="rounded shadow-sm" fluid src="https://coreui.io/images/templates/coreui_pro_default_v3_1440.webp" alt=""/>
+        </CLink>
+      </CCardBody>
+    </CCard>
+  </CCol>
+  <CCol :md="6">
+    <CCard class="mb-4">
+      <CCardBody>
+        <CLink class="text-decoration-none text-reset" href="https://coreui.io/product/vue-dashboard-template/?theme=light-v3" target="_blank">
+          <CCardTitle>Vue Dashboard Template</CCardTitle>
+          <CCardSubtitle class="mb-3 text-muted">Light Theme v3</CCardSubtitle>
+          <CImage class="rounded shadow-sm" fluid src="https://coreui.io/images/templates/coreui_pro_light_v3_1440.webp" alt=""/>
+        </CLink>
+      </CCardBody>
+    </CCard>
+  </CCol>
+  <CCol :md="6">
+    <CCard class="mb-4">
+      <CCardBody>
+        <CLink class="text-decoration-none text-reset" href="https://coreui.io/product/vue-dashboard-template/?theme=default" target="_blank">
+          <CCardTitle>Vue Dashboard Template</CCardTitle>
+          <CCardSubtitle class="mb-3 text-muted">Default Theme</CCardSubtitle>
+          <CImage class="rounded shadow-sm" fluid src="https://coreui.io/images/templates/coreui_pro_default_1440.webp" alt=""/>
+        </CLink>
+      </CCardBody>
+    </CCard>
+  </CCol>
+  <CCol :md="6">
+    <CCard class="mb-4">
+      <CCardBody>
+        <CLink class="text-decoration-none text-reset" href="https://coreui.io/product/vue-dashboard-template/?theme=light" target="_blank">
+          <CCardTitle>Vue Dashboard Template</CCardTitle>
+          <CCardSubtitle class="mb-3 text-muted">Light Theme</CCardSubtitle>
+          <CImage class="rounded shadow-sm" fluid src="https://coreui.io/images/templates/coreui_pro_light_1440.webp" alt=""/>
+        </CLink>
+      </CCardBody>
+    </CCard>
+  </CCol>
+  <CCol :md="6">
+    <CCard class="mb-4">
+      <CCardBody>
+        <CLink class="text-decoration-none text-reset" href="https://coreui.io/product/vue-dashboard-template/?theme=dark" target="_blank">
+          <CCardTitle>Vue Dashboard Template</CCardTitle>
+          <CCardSubtitle class="mb-3 text-muted">Dark Theme</CCardSubtitle>
+          <CImage class="rounded shadow-sm" fluid src="https://coreui.io/images/templates/coreui_pro_dark_1440.webp" alt=""/>
+        </CLink>
+      </CCardBody>
+    </CCard>
+  </CCol>
+</CRow>
\ No newline at end of file
diff --git a/packages/docs/templates/contents.md b/packages/docs/templates/contents.md
new file mode 100644
index 00000000..649898ca
--- /dev/null
+++ b/packages/docs/templates/contents.md
@@ -0,0 +1,42 @@
+---
+title: Vue templates contents
+name: Vue templates contents
+description: Discover what's included in CoreUI Vue Admin Template, including our precompiled and source code flavors.
+---
+
+## Project structure
+
+Once downloaded, unzip the compressed folder and you'll see something like this:
+
+```text
+coreui-vue-admin-template/
+├── public/
+├── src/
+│   ├── assets/
+│   │   ├── brand/
+│   │   ├── icons/
+│   │   └── images/
+│   ├── components/
+│   ├── layout/
+│   ├── router/
+│   ├── styles/
+│   ├── views/
+│   │   ├── base/
+│   │   ├── buttons/
+│   │   ├── css/
+│   │   ├── icons/
+│   │   ├── notifications/
+│   ├── App.vue
+│   ├── _nav.js
+│   └── main.js
+├── tests/
+├── ...
+├── babel.config.js
+├── cypress.json
+├── jest.config.js
+├── jsconfig.json
+├── package.json
+└── vue.config.js
+```
+
+This is the most basic form of CoreUI Vue Admin Templates.
diff --git a/packages/docs/templates/customize.md b/packages/docs/templates/customize.md
new file mode 100644
index 00000000..a512092e
--- /dev/null
+++ b/packages/docs/templates/customize.md
@@ -0,0 +1,67 @@
+---
+title: Customize vue templates
+name: Customize vue templates
+description: Learn how to theme, customize, and extend CoreUI Vue Templates with Sass, a boatload of global options.
+---
+
+## Overview
+
+There are multiple ways to customize CoreUI for Vue. Your best path can depend on your project, the complexity of your build tools, the version of CoreUI for Vue you're using, browser support, and more.
+
+Our two preferred methods are:
+
+1. You can extend our source files.
+2. You can override CoreUI’s styles.
+
+## File structure
+
+Utilize our source Sass files to take advantage of variables, maps, mixins, and functions to help you build faster and customize your project.
+
+Whenever possible, avoid modifying CoreUI's core files. For Sass, that means creating your own stylesheet that imports CoreUI for Vue so you can modify and extend it. Assuming you're using a package manager like npm, you'll have a file structure that looks like this:
+
+```text
+your-project/
+├── ...
+├── node_modules/
+│   ├── @coreui/coreui
+│   │   ├── scss
+│   │   └── ...
+│   └── @coreui/vue
+│       └── ...
+├── src
+│   └── scss
+│       ├── _custom.scss
+│       ├── ...
+│       ├── _variables.scss
+│       └── ...
+└── ...
+```
+
+## Variable defaults
+
+Every Sass variable in CoreUI for Vue includes the `!default` flag allowing you to override the variable's default value in your own Sass without modifying CoreUI's source code. Copy and paste variables as needed, modify their values, and remove the `!default` flag. If a variable has already been assigned, then it won't be re-assigned by the default values in CoreUI.
+
+You will find the complete list of CoreUI's variables in `node_modules/@coreui/coreui/scss/_variables.scss`. Some variables are set to `null`, these variables don't output the property unless they are overridden in your configuration. You can also find a specific component variables list in **Customizing** section.
+
+Here's an example that changes the `background-color` and `color` for the `<body>` when importing and compiling CoreUI for Vue via npm:
+
+```scss
+// _variables.scss
+
+// Default variable overrides
+$body-bg: #000;
+$body-color: #111;
+```
+
+## Custom styles and overrides
+
+In your `custom.scss`, you can put custom code for CoreUI's components or your own styles.
+
+```scss
+// _custom.scss
+
+// Additional custom code here
+.custom-component {
+  border: 2px solid #222;
+}
+```
diff --git a/packages/docs/templates/download.md b/packages/docs/templates/download.md
new file mode 100644
index 00000000..6d39a453
--- /dev/null
+++ b/packages/docs/templates/download.md
@@ -0,0 +1,24 @@
+---
+title: Download vue templates
+name: Download vue templates
+description: Download CoreUI Vue Admin Templates to get the source code that lets you customize and create your vue-based application.
+---
+
+## Source files
+
+Compile CoreUI Vue Admin with your own asset pipeline by downloading our source Sass, and JavaScript files. This option requires some additional tooling:
+
+- Vue, Vue CLI
+- Sass compiler for compiling your CSS.
+
+<a href="https://coreui.io/product/free-vue-admin-template/" class="btn btn-primary">Download</a>
+
+<br/><br/>
+
+### Clone repo
+
+You can also fork [CoreUI Vue Admin Template's repository](https://github.com/coreui/coreui-free-vue-admin-template.git).
+
+```sh
+git clone https://github.com/coreui/coreui-free-vue-admin-template.git my-project
+```
diff --git a/packages/docs/templates/installation.md b/packages/docs/templates/installation.md
new file mode 100644
index 00000000..96684583
--- /dev/null
+++ b/packages/docs/templates/installation.md
@@ -0,0 +1,52 @@
+---
+title: Vue templates installation
+name: Vue templates installation
+description: Learn how to use CoreUI Vue Admin Dashboard Templates including npm scripts to build templates, compile source code, run tests, and more.
+---
+
+## Tooling setup
+
+CoreUI Vue Admin Templates uses [npm scripts](https://docs.npmjs.com/misc/scripts/) for its build system. Our `package.json` includes convenient methods for working with the framework, including compiling code, running tests, and more.
+
+To use our build system and run our admin template locally, you'll need a copy of source files and Node. Follow these steps and you should be ready to rock:
+
+1. [Download and install Node.js](https://nodejs.org/en/download/), which we use to manage our dependencies.
+2. If you prefer to use Yarn instead of NPM, you have to [download and install it](https://classic.yarnpkg.com/lang/en/docs/install/)
+3. [Download CoreUI Vue Admin Template](https://coreui.io/product/free-vue-admin-template/).
+4. Navigate to the root template directory and run `npm install` or `yarn install` to install our local dependencies listed in `package.json`.
+
+When completed, you'll be able to run the various commands provided from the command line.
+
+## Using npm scripts
+
+Our `package.json` includes numerous tasks for developing the project. Run `npm run` or `yarn run` to see all the npm scripts in your terminal. **Primary tasks include:**
+
+| Task | Description |
+| --- | --- |
+| `npm run serve` or `yarn serve` | Compiles CSS and JavaScript, builds the documentation, and starts a local server. |
+| `npm run build` or `yarn build` | Creates the `dist/` directory with compiled files. Uses [Sass](https://sass-lang.com/), [Autoprefixer](https://github.com/postcss/autoprefixer). |
+| `npm test` or `yarn test` | Runs tests locally  |
+
+## Sass
+
+CoreUI uses [Dart Sass](https://sass-lang.com/dart-sass) for compiling our Sass source files into CSS files (included in our build process), and we recommend you do the same if you're compiling Sass using your own asset pipeline.
+
+Dart Sass uses a rounding precision of 10 and for efficiency reasons does not allow adjustment of this value. We don't lower this precision during further processing of our generated CSS, such as during minification, but if you chose to do so we recommend maintaining a precision of at least 6 to prevent issues with browser rounding.
+
+## Autoprefixer
+
+We uses [Autoprefixer][autoprefixer] (included in our build process) to automatically add vendor prefixes to some CSS properties at build time. Doing so saves us time and code by allowing us to write key parts of our CSS a single time while eliminating the need for vendor mixins like those found in v3.
+
+We maintain the list of browsers supported through Autoprefixer in a separate file within our GitHub repository. See `.browserslistrc`.
+
+## Local template
+
+Here's how to get it started:
+
+1. Run through the [tooling setup](#tooling-setup) above to install all dependencies.
+2. From the root template directory, run `npm run start` or `yarn start` in the command line.
+3. Open `http://localhost:8080` in your browser, and voilà.
+
+## Troubleshooting
+
+Should you encounter problems with installing dependencies, uninstall all previous dependency versions (global and local). Then, rerun `npm install` or `yarn install`.

From 87826ed3846926d2629b2b7f4998ac26e5d16061 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Thu, 28 Jul 2022 14:41:14 +0200
Subject: [PATCH 019/346] docs: update content

---
 packages/docs/.vuepress/config.ts             |  23 ++
 packages/docs/components/accordion.md         |  79 ++++-
 packages/docs/components/alert.md             |  42 +++
 packages/docs/components/badge.md             |  40 +++
 packages/docs/components/breadcrumb.md        |  44 +++
 packages/docs/components/button.md            | 105 ++++++
 packages/docs/components/callout.md           |  51 +++
 packages/docs/components/card.md              |  58 ++++
 packages/docs/components/carousel.md          |  40 ++-
 packages/docs/components/dropdown.md          |  99 ++++++
 packages/docs/components/footer.md            |  38 ++
 packages/docs/components/header.md            |  88 +++++
 packages/docs/components/icon.md              |   4 +-
 packages/docs/components/list-group.md        |  77 +++++
 packages/docs/components/modal.md             |  91 +++++
 packages/docs/components/navbar.md            |  92 +++++
 packages/docs/components/navs-tabs.md         |  79 +++++
 packages/docs/components/offcanvas.md         |  46 +++
 packages/docs/components/pagination.md        |  81 +++++
 packages/docs/components/popover.md           |  65 ++++
 packages/docs/components/progress.md          |  44 +++
 packages/docs/components/sidebar.md           | 221 ++++++++++++
 packages/docs/components/spinner.md           |  59 ++++
 packages/docs/components/toast.md             |  53 +++
 packages/docs/components/tooltip.md           |  50 +++
 packages/docs/customize/css-variables.md      | 114 ++++++
 packages/docs/customize/options.md            |  31 ++
 packages/docs/customize/sass.md               | 325 ++++++++++++++++++
 .../docs/getting-started/accessibility.md     |  59 ++++
 packages/docs/templates/contents.md           |   2 +-
 30 files changed, 2194 insertions(+), 6 deletions(-)
 create mode 100644 packages/docs/customize/css-variables.md
 create mode 100644 packages/docs/customize/options.md
 create mode 100644 packages/docs/customize/sass.md
 create mode 100644 packages/docs/getting-started/accessibility.md

diff --git a/packages/docs/.vuepress/config.ts b/packages/docs/.vuepress/config.ts
index 3e690896..1eb1c5d6 100644
--- a/packages/docs/.vuepress/config.ts
+++ b/packages/docs/.vuepress/config.ts
@@ -70,6 +70,29 @@ export default defineUserConfig<DefaultThemeOptions>({
             text: 'Introduction',
             link: `/getting-started/introduction.html`,
           },
+          {
+            text: 'Accessibility',
+            link: `/getting-started/accessibility.html`,
+          },
+        ],
+      },
+      {
+        text: 'Customize',
+        icon: '<path fill="var(--ci-primary-color, currentColor)" d="M425.514,82.055C380.778,39.458,320.673,16,256.271,16,196.248,16,136.415,36.073,92.115,71.071,43.032,109.85,16,164.161,16,224c0,60.1,15.531,98.87,48.876,122.019,28,19.438,68.412,27.731,135.124,27.731h29.75A26.28,26.28,0,0,1,256,400v47.984a32,32,0,0,0,32,32h.032l90.755-.088a32.094,32.094,0,0,0,19.686-6.8c9.725-7.622,34.727-29.4,56.8-66.9C482.3,360.262,496,307.037,496,248,496,184.268,470.968,125.334,425.514,82.055Zm2.173,307.915c-19.3,32.792-40.663,51.447-48.932,57.926L288,447.984V400a58.316,58.316,0,0,0-58.25-58.25H200c-59.69,0-94.644-6.585-116.876-22.019C58.833,302.869,48,273.344,48,224,48,113.833,153.9,48,256.271,48,372.755,48,464,135.851,464,248,464,301.253,451.782,349.019,427.687,389.97Z" class="ci-primary"/><path fill="var(--ci-primary-color, currentColor)" d="M128,144a56,56,0,1,0,56,56A56.064,56.064,0,0,0,128,144Zm0,80a24,24,0,1,1,24-24A24.027,24.027,0,0,1,128,224Z" class="ci-primary"/><path fill="var(--ci-primary-color, currentColor)" d="M240,72a56,56,0,1,0,56,56A56.064,56.064,0,0,0,240,72Zm0,80a24,24,0,1,1,24-24A24.027,24.027,0,0,1,240,152Z" class="ci-primary"/><path fill="var(--ci-primary-color, currentColor)" d="M360,128a56,56,0,1,0,56,56A56.064,56.064,0,0,0,360,128Zm0,80a24,24,0,1,1,24-24A24.027,24.027,0,0,1,360,208Z" class="ci-primary"/><path fill="var(--ci-primary-color, currentColor)" d="M376,264a56,56,0,1,0,56,56A56.064,56.064,0,0,0,376,264Zm0,80a24,24,0,1,1,24-24A24.027,24.027,0,0,1,376,344Z" class="ci-primary"/>',
+        link: '/customize/',
+        children: [
+          {
+            text: 'Sass',
+            link: '/customize/sass.html',
+          },
+          {
+            text: 'Options',
+            link: '/customize/options.html',
+          },
+          {
+            text: 'CSS Variables',
+            link: '/customize/css-variables.html',
+          },
         ],
       },
       {
diff --git a/packages/docs/components/accordion.md b/packages/docs/components/accordion.md
index 2f452699..309b3af3 100644
--- a/packages/docs/components/accordion.md
+++ b/packages/docs/components/accordion.md
@@ -10,7 +10,7 @@ Click the accordions below to expand/collapse the accordion content.
 
 ::: demo
 <CAccordion>
-  <CAccordionItem :item-key="1">
+  <CAccordionItem :item-key="1" :style="{ '--cui-accordion-bg': 'red' }">
     <CAccordionHeader>
       Accordion Item #1
     </CAccordionHeader>
@@ -277,6 +277,83 @@ Add `always-open` property to make accordion items stay open when another item i
 </CAccordion>
 ```
 
+## Customizing
+
+### CSS variables
+
+Vue accordions use local CSS variables on `.accordion` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
+
+```sass
+--cui-accordion-color: #{color-contrast($accordion-bg)};
+--cui-accordion-bg: #{$accordion-bg};
+--cui-accordion-transition: #{$accordion-transition};
+--cui-accordion-border-color: #{$accordion-border-color};
+--cui-accordion-border-width: #{$accordion-border-width};
+--cui-accordion-border-radius: #{$accordion-border-radius};
+--cui-accordion-inner-border-radius: #{$accordion-inner-border-radius};
+--cui-accordion-btn-padding-x: #{$accordion-button-padding-x};
+--cui-accordion-btn-padding-y: #{$accordion-button-padding-y};
+--cui-accordion-btn-color: #{$accordion-color};
+--cui-accordion-btn-bg: #{$accordion-button-bg};
+--cui-accordion-btn-icon: #{escape-svg($accordion-button-icon)};
+--cui-accordion-btn-icon-width: #{$accordion-icon-width};
+--cui-accordion-btn-icon-transform: #{$accordion-icon-transform};
+--cui-accordion-btn-icon-transition: #{$accordion-icon-transition};
+--cui-accordion-btn-active-icon: #{escape-svg($accordion-button-active-icon)};
+--cui-accordion-btn-focus-border-color: #{$accordion-button-focus-border-color};
+--cui-accordion-btn-focus-box-shadow: #{$accordion-button-focus-box-shadow};
+--cui-accordion-body-padding-x: #{$accordion-body-padding-x};
+--cui-accordion-body-padding-y: #{$accordion-body-padding-y};
+--cui-accordion-active-color: #{$accordion-button-active-color};
+--cui-accordion-active-bg: #{$accordion-button-active-bg};
+```
+
+#### How to use CSS variables
+
+```js
+const vars = { 
+  '--my-css-var': 10,
+  '--my-another-css-var': "red" 
+}
+return <CAccordion :style="vars">...</CAccordion>
+```
+
+### SASS variables
+
+```sass
+$accordion-padding-y:                     1rem;
+$accordion-padding-x:                     1.25rem;
+$accordion-color:                         var(--cui-body-color);
+$accordion-bg:                            $body-bg;
+$accordion-border-width:                  $border-width;
+$accordion-border-color:                  var(--cui-border-color);
+$accordion-border-radius:                 $border-radius;
+$accordion-inner-border-radius:           subtract($accordion-border-radius, $accordion-border-width);
+
+$accordion-body-padding-y:                $accordion-padding-y;
+$accordion-body-padding-x:                $accordion-padding-x;
+
+$accordion-button-padding-y:              $accordion-padding-y;
+$accordion-button-padding-x:              $accordion-padding-x;
+$accordion-button-color:                  $accordion-color;
+$accordion-button-bg:                     var(--cui-accordion-bg);
+$accordion-transition:                    $btn-transition, border-radius .15s ease;
+$accordion-button-active-bg:              tint-color($component-active-bg, 90%);
+$accordion-button-active-color:           shade-color($primary, 10%);
+
+$accordion-button-focus-border-color:     $input-focus-border-color;
+$accordion-button-focus-box-shadow:       $btn-focus-box-shadow;
+
+$accordion-icon-width:                    1.25rem;
+$accordion-icon-color:                    $accordion-button-color;
+$accordion-icon-active-color:             $accordion-button-active-color;
+$accordion-icon-transition:               transform .2s ease-in-out;
+$accordion-icon-transform:                rotate(-180deg);
+
+$accordion-button-icon:         url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
+$accordion-button-active-icon:  url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-active-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
+```
+
 ## API
 
 !!!include(./api/accordion/CAccordion.api.md)!!!
diff --git a/packages/docs/components/alert.md b/packages/docs/components/alert.md
index 048fae0b..439fbe76 100644
--- a/packages/docs/components/alert.md
+++ b/packages/docs/components/alert.md
@@ -266,6 +266,48 @@ Alerts can also be easily dismissed. Just add the `dismissible` prop.
     }
   }
 </script>
+
+## Customizing
+
+### CSS variables
+
+Vue alerts use local CSS variables on `.alert` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
+
+```sass
+--cui-alert-bg: transparent;
+--cui-alert-padding-x: #{$alert-padding-x};
+--cui-alert-padding-y: #{$alert-padding-y};
+--cui-alert-margin-bottom: #{$alert-margin-bottom};
+--cui-alert-color: inherit;
+--cui-alert-border-color: transparent;
+--cui-alert-border: #{$alert-border-width} solid var(--cui-alert-border-color);
+--cui-alert-border-radius: #{$alert-border-radius};
+```
+
+#### How to use CSS variables
+
+```js
+const vars = { 
+  '--my-css-var': 10,
+  '--my-another-css-var': "red" 
+}
+return <CAlert :style="vars">...</CAlert>
+```
+
+### SASS variables
+
+```sass
+$alert-padding-y:               $spacer;
+$alert-padding-x:               $spacer;
+$alert-margin-bottom:           1rem;
+$alert-border-radius:           $border-radius;
+$alert-link-font-weight:        $font-weight-bold;
+$alert-border-width:            $border-width;
+$alert-bg-scale:                -80%;
+$alert-border-scale:            -70%;
+$alert-color-scale:             40%;
+$alert-dismissible-padding-r:   $alert-padding-x * 3; // 3x covers width of x plus default padding on either side
+```
 ## API
 
 !!!include(./api/alert/CAlert.api.md)!!!
diff --git a/packages/docs/components/badge.md b/packages/docs/components/badge.md
index 5ded82a1..ca821488 100644
--- a/packages/docs/components/badge.md
+++ b/packages/docs/components/badge.md
@@ -180,6 +180,46 @@ Apply the `shape="rounded-pill"` prop to make badges rounded.
 <CBadge color="dark" shape="rounded-pill">dark</CBadge>
 ```
 
+## Customizing
+
+### CSS variables
+
+Vue badges use local CSS variables on `.badges` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
+
+```sass
+--cui-badge-padding-x: #{$badge-padding-x};
+--cui-badge-padding-y: #{$badge-padding-y};
+--cui-badge-font-size: #{$badge-font-size};
+--cui-badge-font-weight: #{$badge-font-weight};
+--cui-badge-color: #{$badge-color};
+--cui-badge-border-radius: #{$badge-border-radius};
+```
+
+#### How to use CSS variables
+
+```js
+const vars = { 
+  '--my-css-var': 10,
+  '--my-another-css-var': "red" 
+}
+return <CBadge :style="vars">...</CBadge>
+```
+
+### SASS variables
+
+```sass
+$badge-font-size:                   .75em;
+$badge-font-weight:                 $font-weight-bold;
+$badge-color:                       $high-emphasis-inverse;
+$badge-padding-y:                   .35em;
+$badge-padding-x:                   .65em;
+$badge-border-radius:               $border-radius;
+
+$badge-font-size-sm:                .65em;
+$badge-padding-y-sm:                .3em;
+$badge-padding-x-sm:                .5em;
+```
+
 ## API
 
 !!!include(./api/badge/CBadge.api.md)!!!
\ No newline at end of file
diff --git a/packages/docs/components/breadcrumb.md b/packages/docs/components/breadcrumb.md
index f7184968..662e4c0f 100644
--- a/packages/docs/components/breadcrumb.md
+++ b/packages/docs/components/breadcrumb.md
@@ -105,6 +105,50 @@ Since breadcrumbs provide navigation, it's useful to add a significant label suc
 
 For more information, see the [WAI-ARIA Authoring Practices for the breadcrumb pattern](https://www.w3.org/TR/wai-aria-practices/#breadcrumb).
 
+## Customizing
+
+### CSS variables
+
+Vue breadcrumbs use local CSS variables on `.breadcrumb` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
+
+```sass
+--cui-breadcrumb-padding-x: #{$breadcrumb-padding-x};
+--cui-breadcrumb-padding-y: #{$breadcrumb-padding-y};
+--cui-breadcrumb-margin-bottom: #{$breadcrumb-margin-bottom};
+--cui-breadcrumb-font-size: #{$breadcrumb-font-size};
+--cui-breadcrumb-bg: #{$breadcrumb-bg};
+--cui-breadcrumb-border-radius: #{$breadcrumb-border-radius};
+--cui-breadcrumb-divider-color: #{$breadcrumb-divider-color};
+--cui-breadcrumb-item-padding-x: #{$breadcrumb-item-padding-x};
+--cui-breadcrumb-item-active-color: #{$breadcrumb-active-color};
+```
+
+#### How to use CSS variables
+
+```js
+const vars = { 
+  '--my-css-var': 10,
+  '--my-another-css-var': "red" 
+}
+return <CBreadcrumb :style="vars">...</CBreadcrumb>
+```
+
+### SASS variables
+
+```sass
+$breadcrumb-font-size:              null;
+$breadcrumb-padding-y:              0;
+$breadcrumb-padding-x:              0;
+$breadcrumb-item-padding-x:         .5rem;
+$breadcrumb-margin-bottom:          1rem;
+$breadcrumb-bg:                     unset;
+$breadcrumb-divider-color:          $gray-600;
+$breadcrumb-active-color:           $gray-600;
+$breadcrumb-divider:                quote("/");
+$breadcrumb-divider-flipped:        $breadcrumb-divider;
+$breadcrumb-border-radius:          null;
+```
+
 ## API
 
 !!!include(./api/breadcrumb/CBreadcrumbItem.api.md)!!!
\ No newline at end of file
diff --git a/packages/docs/components/button.md b/packages/docs/components/button.md
index 578d346d..b7353fbb 100644
--- a/packages/docs/components/button.md
+++ b/packages/docs/components/button.md
@@ -272,6 +272,111 @@ Additional utilities can be used to adjust the alignment of buttons when horizon
 </div>
 ```
 
+## Customizing
+
+### CSS variables
+
+Vue buttons use local CSS variables on `.btn` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
+
+```sass
+--cui-btn-padding-x: #{$btn-padding-x};
+--cui-btn-padding-y: #{$btn-padding-y};
+--cui-btn-font-family: #{$btn-font-family};
+--cui-btn-font-size: #{$btn-font-size};
+--cui-btn-font-weight: #{$btn-font-weight};
+--cui-btn-line-height: #{$btn-line-height};
+--cui-btn-color: #{$body-color};
+--cui-btn-bg: transparent;
+--cui-btn-border-width: #{$btn-border-width};
+--cui-btn-border-color: transparent;
+--cui-btn-border-radius: #{$btn-border-radius};
+--cui-btn-box-shadow: #{$btn-box-shadow};
+--cui-btn-disabled-opacity: #{$btn-disabled-opacity};
+--cui-btn-focus-box-shadow: 0 0 0 #{$btn-focus-width} rgba(var(--cui-btn-focus-shadow-rgb), .5);
+```
+
+#### How to use CSS variables
+
+```js
+const vars = { 
+  '--my-css-var': 10,
+  '--my-another-css-var': "red" 
+}
+return <CButton :style="vars">...</CButton>
+```
+
+### SASS variables
+
+```sass
+$btn-padding-y:               $input-btn-padding-y;
+$btn-padding-x:               $input-btn-padding-x;
+$btn-font-family:             $input-btn-font-family;
+$btn-font-size:               $input-btn-font-size;
+$btn-line-height:             $input-btn-line-height;
+$btn-white-space:             null; // Set to `nowrap` to prevent text wrapping
+
+$btn-padding-y-sm:            $input-btn-padding-y-sm;
+$btn-padding-x-sm:            $input-btn-padding-x-sm;
+$btn-font-size-sm:            $input-btn-font-size-sm;
+
+$btn-padding-y-lg:            $input-btn-padding-y-lg;
+$btn-padding-x-lg:            $input-btn-padding-x-lg;
+$btn-font-size-lg:            $input-btn-font-size-lg;
+
+$btn-border-width:            $input-btn-border-width;
+
+$btn-font-weight:             $font-weight-normal;
+$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075);
+$btn-focus-width:             $input-btn-focus-width;
+$btn-focus-box-shadow:        $input-btn-focus-box-shadow;
+$btn-disabled-opacity:        .65;
+$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125);
+
+$btn-link-color:              var(--cui-link-color);
+$btn-link-hover-color:        var(--cui-link-hover-color);
+$btn-link-disabled-color:     $gray-600;
+
+// Allows for customizing button radius independently from global border radius
+$btn-border-radius:           $border-radius;
+$btn-border-radius-sm:        $border-radius-sm;
+$btn-border-radius-lg:        $border-radius-lg;
+
+$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+
+$btn-hover-bg-shade-amount:       15%;
+$btn-hover-bg-tint-amount:        15%;
+$btn-hover-border-shade-amount:   20%;
+$btn-hover-border-tint-amount:    10%;
+$btn-active-bg-shade-amount:      20%;
+$btn-active-bg-tint-amount:       20%;
+$btn-active-border-shade-amount:  25%;
+$btn-active-border-tint-amount:   10%;
+
+// scss-docs-start button-variants
+$button-variants: (
+  "primary": btn-color-map($primary, $primary),
+  "secondary": btn-color-map($secondary, $secondary),
+  "success": btn-color-map($success, $success),
+  "danger": btn-color-map($danger, $danger),
+  "warning": btn-color-map($warning, $warning),
+  "info": btn-color-map($info, $info),
+  "light": btn-color-map($light, $light),
+  "dark": btn-color-map($dark, $dark)
+);
+
+$button-outline-ghost-variants: (
+  "primary": btn-outline-color-map($primary),
+  "secondary": btn-outline-color-map($secondary),
+  "success": btn-outline-color-map($success),
+  "danger": btn-outline-color-map($danger),
+  "warning": btn-outline-color-map($warning),
+  "info": btn-outline-color-map($info),
+  "light": btn-outline-color-map($light),
+  "dark": btn-outline-color-map($dark)
+);
+// scss-docs-end button-variants
+```
+
 ## API
 
 !!!include(./api/button/CButton.api.md)!!!
\ No newline at end of file
diff --git a/packages/docs/components/callout.md b/packages/docs/components/callout.md
index 6327aaa8..96539ec2 100644
--- a/packages/docs/components/callout.md
+++ b/packages/docs/components/callout.md
@@ -69,6 +69,57 @@ Callout component is prepared for any length of text, as well as an optional ele
   </p>
 </CCallout>
 
+## Customizing
+
+### CSS variables
+
+Vue callouts use local CSS variables on `.callout` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
+
+```sass
+--cui-callout-padding-x: #{$callout-padding-x};
+--cui-callout-padding-y: #{$callout-padding-y};
+--cui-callout-margin-x: #{$callout-margin-x};
+--cui-callout-margin-y: #{$callout-margin-y};
+--cui-callout-border-width: #{$callout-border-width};
+--cui-callout-border-color: #{$callout-border-color};
+--cui-callout-border-left-width: #{$callout-border-left-width};
+--cui-callout-border-radius: #{$callout-border-radius};
+```
+
+#### How to use CSS variables
+
+```js
+const vars = { 
+  '--my-css-var': 10,
+  '--my-another-css-var': "red" 
+}
+return <CCallout :style="vars">...</CCallout>
+```
+
+### SASS variables
+
+```sass
+$callout-padding-y:                 $spacer;
+$callout-padding-x:                 $spacer;
+$callout-margin-y:                  $spacer;
+$callout-margin-x:                  0;
+$callout-border-radius:             $border-radius;
+$callout-border-width:              $border-width;
+$callout-border-color:              $border-color;
+$callout-border-left-width:         (4 * $callout-border-width);
+
+$callout-variants: (
+  "primary":    $primary,
+  "secondary":  $secondary,
+  "success":    $success,
+  "danger":     $danger,
+  "warning":    $warning,
+  "info":       $info,
+  "light":      $light,
+  "dark":       $dark
+);
+```
+
 ## API
 
 !!!include(./api/callout/CCallout.api.md)!!!
\ No newline at end of file
diff --git a/packages/docs/components/card.md b/packages/docs/components/card.md
index a1b53471..852d109a 100644
--- a/packages/docs/components/card.md
+++ b/packages/docs/components/card.md
@@ -1337,6 +1337,64 @@ Just like with card groups, card footers will automatically line up.
 </CRow>
 ```
 
+## Customizing
+
+### CSS variables
+
+Vue cards use local CSS variables on `.card` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
+
+```sass
+--cui-card-spacer-y: #{$card-spacer-y};
+--cui-card-spacer-x: #{$card-spacer-x};
+--cui-card-title-spacer-y: #{$card-title-spacer-y};
+--cui-card-border-width: #{$card-border-width};
+--cui-card-border-color: #{$card-border-color};
+--cui-card-border-radius: #{$card-border-radius};
+--cui-card-box-shadow: #{$card-box-shadow};
+--cui-card-inner-border-radius: #{$card-inner-border-radius};
+--cui-card-cap-padding-y: #{$card-cap-padding-y};
+--cui-card-cap-padding-x: #{$card-cap-padding-x};
+--cui-card-cap-bg: #{$card-cap-bg};
+--cui-card-cap-color: #{$card-cap-color};
+--cui-card-height: #{$card-height};
+--cui-card-color: #{$card-color};
+--cui-card-bg: #{$card-bg};
+--cui-card-img-overlay-padding: #{$card-img-overlay-padding};
+--cui-card-group-margin: #{$card-group-margin};
+```
+
+#### How to use CSS variables
+
+```js
+const vars = { 
+  '--my-css-var': 10,
+  '--my-another-css-var': "red" 
+}
+return <CCard :style="vars">...</CCard>
+```
+
+### SASS variables
+
+```sass
+$card-spacer-y:                     $spacer;
+$card-spacer-x:                     $spacer;
+$card-title-spacer-y:               $spacer * .5;
+$card-border-width:                 $border-width;
+$card-border-color:                 var(--cui-border-color-translucent);
+$card-border-radius:                $border-radius;
+$card-box-shadow:                   null;
+$card-inner-border-radius:          subtract($card-border-radius, $card-border-width);
+$card-cap-padding-y:                $card-spacer-y * .5;
+$card-cap-padding-x:                $card-spacer-x;
+$card-cap-bg:                       rgba($black, .03);
+$card-cap-color:                    unset;
+$card-height:                       null;
+$card-color:                        unset;
+$card-bg:                           $white;
+$card-img-overlay-padding:          $spacer;
+$card-group-margin:                 $grid-gutter-width * .5;
+```
+
 ## API
 
 !!!include(./api/card/CCard.api.md)!!!
diff --git a/packages/docs/components/carousel.md b/packages/docs/components/carousel.md
index c58ff69d..2cc79718 100644
--- a/packages/docs/components/carousel.md
+++ b/packages/docs/components/carousel.md
@@ -196,8 +196,6 @@ Add `transition="crossfade"` to your carousel to animate slides with a fade tran
 
 Add `dark` property to the `CCarousel` for darker controls, indicators, and captions. Controls have been inverted from their default white fill with the `filter` CSS property. Captions and controls have additional Sass variables that customize the `color` and `background-color`.
 
-
-
 ::: demo
 <CCarousel controls indicators dark>
   <CCarouselItem>
@@ -225,6 +223,44 @@ Add `dark` property to the `CCarousel` for darker controls, indicators, and capt
 </CCarousel>
 ```
 
+## Customizing
+
+### SASS variables
+
+```sass
+$carousel-control-color:             $high-emphasis-inverse;
+$carousel-control-width:             15%;
+$carousel-control-opacity:           .5;
+$carousel-control-hover-opacity:     .9;
+$carousel-control-transition:        opacity .15s ease;
+
+$carousel-indicator-width:           30px;
+$carousel-indicator-height:          3px;
+$carousel-indicator-hit-area-height: 10px;
+$carousel-indicator-spacer:          3px;
+$carousel-indicator-opacity:         .5;
+$carousel-indicator-active-bg:       $white;
+$carousel-indicator-active-opacity:  1;
+$carousel-indicator-transition:      opacity .6s ease;
+
+$carousel-caption-width:             70%;
+$carousel-caption-color:             $high-emphasis-inverse;
+$carousel-caption-padding-y:         1.25rem;
+$carousel-caption-spacer:            1.25rem;
+
+$carousel-control-icon-width:        2rem;
+
+$carousel-control-prev-icon-bg:      url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$carousel-control-color}'><path d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/></svg>");
+$carousel-control-next-icon-bg:      url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$carousel-control-color}'><path d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/></svg>");
+
+$carousel-transition-duration:       .6s;
+$carousel-transition:                transform $carousel-transition-duration ease-in-out; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)
+
+$carousel-dark-indicator-active-bg:  $black;
+$carousel-dark-caption-color:        $high-emphasis;
+$carousel-dark-control-icon-filter:  invert(1) grayscale(100);
+```
+
 ## API
 
 !!!include(./api/carousel/CCarousel.api.md)!!!
diff --git a/packages/docs/components/dropdown.md b/packages/docs/components/dropdown.md
index 1cb7ada7..18b9dffe 100644
--- a/packages/docs/components/dropdown.md
+++ b/packages/docs/components/dropdown.md
@@ -621,6 +621,105 @@ Put a form within a dropdown menu, or make it into a dropdown menu.
 <CDropdownItem href="#">Forgot password?</CDropdownItem>
 ```
 
+## Customizing
+
+### CSS variables
+
+Vue dropdowns use local CSS variables on `.dropdown` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
+
+```sass
+--cui-dropdown-min-width: #{$dropdown-min-width};
+--cui-dropdown-padding-x: #{$dropdown-padding-x};
+--cui-dropdown-padding-y: #{$dropdown-padding-y};
+--cui-dropdown-spacer: #{$dropdown-spacer};
+--cui-dropdown-font-size: #{$dropdown-font-size};
+--cui-dropdown-color: #{$dropdown-color};
+--cui-dropdown-bg: #{$dropdown-bg};
+--cui-dropdown-border-color: #{$dropdown-border-color};
+--cui-dropdown-border-radius: #{$dropdown-border-radius};
+--cui-dropdown-border-width: #{$dropdown-border-width};
+--cui-dropdown-inner-border-radius: #{$dropdown-inner-border-radius};
+--cui-dropdown-divider-bg: #{$dropdown-divider-bg};
+--cui-dropdown-divider-margin-y: #{$dropdown-divider-margin-y};
+--cui-dropdown-box-shadow: #{$dropdown-box-shadow};
+--cui-dropdown-link-color: #{$dropdown-link-color};
+--cui-dropdown-link-hover-color: #{$dropdown-link-hover-color};
+--cui-dropdown-link-hover-bg: #{$dropdown-link-hover-bg};
+--cui-dropdown-link-active-color: #{$dropdown-link-active-color};
+--cui-dropdown-link-active-bg: #{$dropdown-link-active-bg};
+--cui-dropdown-link-disabled-color: #{$dropdown-link-disabled-color};
+--cui-dropdown-item-padding-x: #{$dropdown-item-padding-x};
+--cui-dropdown-item-padding-y: #{$dropdown-item-padding-y};
+--cui-dropdown-header-color: #{$dropdown-header-color};
+--cui-dropdown-header-padding-x: #{$dropdown-header-padding-x};
+--cui-dropdown-header-padding-y: #{$dropdown-header-padding-y};
+```
+
+Customization through CSS variables can be seen on the `.dropdown-menu-dark` class where we override specific values without adding duplicate CSS selectors.
+
+```sass
+--cui-dropdown-color: #{$dropdown-dark-color};
+--cui-dropdown-bg: #{$dropdown-dark-bg};
+--cui-dropdown-border-color: #{$dropdown-dark-border-color};
+--cui-dropdown-box-shadow: #{$dropdown-dark-box-shadow};
+--cui-dropdown-link-color: #{$dropdown-dark-link-color};
+--cui-dropdown-link-hover-color: #{$dropdown-dark-link-hover-color};
+--cui-dropdown-divider-bg: #{$dropdown-dark-divider-bg};
+--cui-dropdown-link-hover-bg: #{$dropdown-dark-link-hover-bg};
+--cui-dropdown-link-active-color: #{$dropdown-dark-link-active-color};
+--cui-dropdown-link-active-bg: #{$dropdown-dark-link-active-bg};
+--cui-dropdown-link-disabled-color: #{$dropdown-dark-link-disabled-color};
+--cui-dropdown-header-color: #{$dropdown-dark-header-color};
+```
+
+#### How to use CSS variables
+
+```js
+const vars = { 
+  '--my-css-var': 10,
+  '--my-another-css-var': "red" 
+}
+return <CDropdown :style="vars">...</CDropdown>
+```
+
+### SASS variables
+
+```sass
+$dropdown-min-width:                10rem;
+$dropdown-padding-x:                0;
+$dropdown-padding-y:                .5rem;
+$dropdown-spacer:                   .125rem;
+$dropdown-font-size:                $font-size-base;
+$dropdown-color:                    $body-color;
+$dropdown-bg:                       $white;
+$dropdown-border-color:             var(--cui-border-color-translucent);
+$dropdown-border-radius:            $border-radius;
+$dropdown-border-width:             $border-width;
+$dropdown-inner-border-radius:      subtract($dropdown-border-radius, $dropdown-border-width);
+$dropdown-divider-bg:               $dropdown-border-color;
+$dropdown-divider-margin-y:         $spacer * .5;
+$dropdown-box-shadow:               $box-shadow;
+
+$dropdown-link-color:               $gray-900;
+$dropdown-link-hover-color:         shade-color($dropdown-link-color, 10%);
+$dropdown-link-hover-bg:            $gray-200;
+
+$dropdown-link-active-color:        $component-active-color;
+$dropdown-link-active-bg:           $component-active-bg;
+
+$dropdown-link-disabled-color:      $gray-500;
+
+$dropdown-item-padding-y:           $spacer * .25;
+$dropdown-item-padding-x:           $spacer;
+
+$dropdown-header-color:             $gray-600;
+$dropdown-header-padding-x:         $dropdown-item-padding-x;
+$dropdown-header-padding-y:         $dropdown-padding-y;
+// fusv-disable
+$dropdown-header-padding:           $dropdown-header-padding-y $dropdown-header-padding-x; // Deprecated in v4.2.0
+// fusv-enable
+```
+
 ## API
 
 !!!include(./api/dropdown/CDropdown.api.md)!!!
diff --git a/packages/docs/components/footer.md b/packages/docs/components/footer.md
index c02208bd..51d67858 100644
--- a/packages/docs/components/footer.md
+++ b/packages/docs/components/footer.md
@@ -32,6 +32,44 @@ description: Vue footer component is an additional navigation used for displayin
 </CFooter>
 ```
 
+## Customizing
+
+### CSS variables
+
+Vue footers use local CSS variables on `.footer` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
+
+```sass
+--cui-footer-min-height: #{$footer-min-height};
+--cui-footer-padding-x: #{$footer-padding-x};
+--cui-footer-padding-y: #{$footer-padding-y};
+--cui-footer-color: #{$footer-color};
+--cui-footer-bg: #{$footer-bg};
+--cui-footer-border-color: #{$footer-border-color};
+--cui-footer-border: #{$footer-border-width} solid var(--cui-footer-border-color);
+```
+
+#### How to use CSS variables
+
+```js
+const vars = { 
+  '--my-css-var': 10,
+  '--my-another-css-var': "red" 
+}
+return <CFooter :style="vars">...</CFooter>
+```
+
+### SASS variables
+
+```sass
+$footer-min-height:    3rem;
+$footer-padding-y:     $spacer * .5;
+$footer-padding-x:     $spacer;
+$footer-bg:            $gray-100;
+$footer-color:         $body-color;
+$footer-border-width:  1px;
+$footer-border-color:  $border-color;
+```
+
 ## API
 
 !!!include(./api/footer/CFooter.api.md)!!!
\ No newline at end of file
diff --git a/packages/docs/components/header.md b/packages/docs/components/header.md
index 8783a298..37c5407b 100644
--- a/packages/docs/components/header.md
+++ b/packages/docs/components/header.md
@@ -120,6 +120,94 @@ Here's an example of all the sub-components included in a responsive light-theme
   }
 </script>
 
+
+## Customizing
+
+### CSS variables
+
+Vue headers use local CSS variables on `.header` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
+
+```sass
+--cui-header-min-height: #{$header-min-height};
+--cui-header-padding-x: #{$header-padding-x};
+--cui-header-padding-y: #{$header-padding-y};
+--cui-header-bg: #{$header-bg};
+--cui-header-color: #{$header-color};
+--cui-header-border-color: #{$header-border-color};
+--cui-header-border: #{$header-border-width} solid var(--cui-header-border-color);
+--cui-header-hover-color: #{$header-hover-color};
+--cui-header-disabled-color: #{$header-disabled-color};
+--cui-header-active-color: #{$header-active-color};
+--cui-header-brand-padding-y: #{$header-brand-padding-y};
+--cui-header-brand-color: #{$header-brand-color};
+--cui-header-brand-hover-color: #{$header-brand-hover-color};
+--cui-header-toggler-padding-x: #{$header-toggler-padding-x};
+--cui-header-toggler-padding-y: #{$header-toggler-padding-y};
+--cui-header-toggler-bg: #{$header-toggler-bg};
+--cui-header-toggler-color: #{$header-toggler-color};
+--cui-header-toggler-border-radius: #{$header-toggler-border-radius};
+--cui-header-toggler-hover-color: #{$header-toggler-hover-color};
+--cui-header-toggler-icon-bg: #{escape-svg($header-toggler-icon-bg)};
+--cui-header-toggler-hover-icon-bg: #{escape-svg($header-toggler-hover-icon-bg)};
+--cui-header-nav-link-padding-x: #{$header-nav-link-padding-x};
+--cui-header-nav-link-padding-y: #{$header-nav-link-padding-y};
+--cui-header-divider-border-color: #{$header-divider-border-color};
+--cui-header-divider-border: #{$header-divider-border-width} solid var(--cui-header-divider-border-color);
+--cui-subheader-min-height: #{$subheader-min-height};
+```
+
+#### How to use CSS variables
+
+```js
+const vars = { 
+  '--my-css-var': 10,
+  '--my-another-css-var': "red" 
+}
+return <CHeader :style="vars">...</CHeader>
+```
+
+### SASS variables
+
+```sass
+$header-min-height:             4rem;
+$header-padding-y:              $spacer * .5;
+$header-padding-x:              $spacer * .5;
+$header-brand-font-size:        $font-size-lg;
+$header-color:                  $medium-emphasis;
+$header-bg:                     $white;
+$header-border-color:           $border-color;
+$header-border-width:           1px;
+$header-hover-color:            $high-emphasis;
+$header-active-color:           $high-emphasis;
+$header-disabled-color:         $disabled;
+
+// Compute the header-brand padding-y so the header-brand will have the same height as header-text and nav-link
+$nav-link-height:               $font-size-base * $line-height-base + $nav-link-padding-y * 2;
+$header-brand-height:           $header-brand-font-size * $line-height-base;
+$header-brand-padding-y:        ($nav-link-height - $header-brand-height) * .5;
+$header-brand-margin-end:       1rem;
+$header-brand-font-size:        $font-size-lg;
+$header-brand-color:            $gray-900;
+$header-brand-hover-color:      shade-color($gray-900, 10%);
+
+$header-toggler-padding-y:      .25rem;
+$header-toggler-padding-x:      .75rem;
+$header-toggler-font-size:      $font-size-lg;
+$header-toggler-color:          $header-color;
+$header-toggler-bg:             transparent;
+$header-toggler-border-radius:  $btn-border-radius;
+$header-toggler-hover-color:    $header-active-color;
+
+$header-toggler-icon-bg:        url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$header-color}' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
+$header-toggler-hover-icon-bg:  url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$header-hover-color}' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
+
+$header-nav-link-padding-x:     .5rem;
+$header-nav-link-padding-y:     .5rem;
+
+$header-divider-border-width:   1px;
+$header-divider-border-color:   $header-border-color;
+```
+
 ## API
 
 !!!include(./api/header/CHeader.api.md)!!!
diff --git a/packages/docs/components/icon.md b/packages/docs/components/icon.md
index f596d0b5..c8d8a27e 100644
--- a/packages/docs/components/icon.md
+++ b/packages/docs/components/icon.md
@@ -222,7 +222,7 @@ export default {
 
 ### CIcon
 
-```jsx
+```js
 import { CIcon } from '@coreui/icons-vue'
 ```
 
@@ -230,7 +230,7 @@ import { CIcon } from '@coreui/icons-vue'
 | --------------------- | ------------------------------------------------------------------------------------------------- | --------------------- | ------ | ------- |
 | **content**           | Use `:icon="..."` instead of<br/>`@deprecated` since version 3.0                                  | string\|array         | -      | -       |
 | **custom-class-name** | Use for replacing default CIcon component classes. Prop is overriding the 'size' prop.            | string\|array\|object | -      | -       |
-| **icon**              | Name of the icon placed in React object or SVG content.                                           | string \| string[]    | -      | -       |
+| **icon**              | Name of the icon placed in Vue object or SVG content.                                           | string \| string[]    | -      | -       |
 | **name**              | Use `icon="..."` instead of<br/>`@deprecated` since version 3.0                                   | string                | -      | -       |
 | **size**              | Size of the icon. Available sizes: 'sm', 'lg', 'xl', 'xxl', '3xl...9xl', 'custom', 'custom-size'. | string                | -      | -       |
 | **title**             | Title tag content.                                                                                | string                | -      | -       |
diff --git a/packages/docs/components/list-group.md b/packages/docs/components/list-group.md
index d2081b85..bc3a4451 100644
--- a/packages/docs/components/list-group.md
+++ b/packages/docs/components/list-group.md
@@ -324,6 +324,83 @@ And if you want `<label>`s as the `.list-group-item` for large hit areas, you ca
 </CListGroup>
 ```
 
+## Customizing
+
+### CSS variables
+
+Vue list groups use local CSS variables on `.list-group` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
+
+```sass
+--cui-list-group-color: #{$list-group-color};
+--cui-list-group-bg: #{$list-group-bg};
+--cui-list-group-border-color: #{$list-group-border-color};
+--cui-list-group-border-width: #{$list-group-border-width};
+--cui-list-group-border-radius: #{$list-group-border-radius};
+--cui-list-group-item-padding-x: #{$list-group-item-padding-x};
+--cui-list-group-item-padding-y: #{$list-group-item-padding-y};
+--cui-list-group-action-color: #{$list-group-action-color};
+--cui-list-group-action-hover-color: #{$list-group-action-hover-color};
+--cui-list-group-action-hover-bg: #{$list-group-hover-bg};
+--cui-list-group-action-active-color: #{$list-group-action-active-color};
+--cui-list-group-action-active-bg: #{$list-group-action-active-bg};
+--cui-list-group-disabled-color: #{$list-group-disabled-color};
+--cui-list-group-disabled-bg: #{$list-group-disabled-bg};
+--cui-list-group-active-color: #{$list-group-active-color};
+--cui-list-group-active-bg: #{$list-group-active-bg};
+--cui-list-group-active-border-color: #{$list-group-active-border-color};
+```
+
+#### How to use CSS variables
+
+```js
+const vars = { 
+  '--my-css-var': 10,
+  '--my-another-css-var': "red" 
+}
+return <CListGroup :style="vars">...</CListGroup>
+```
+
+### SASS variables
+
+```sass
+$list-group-color:                  unset;
+$list-group-bg:                     $white;
+$list-group-border-color:           rgba($black, .125);
+$list-group-border-width:           $border-width;
+$list-group-border-radius:          $border-radius;
+
+$list-group-item-padding-y:         $spacer * .5;
+$list-group-item-padding-x:         $spacer;
+$list-group-item-bg-scale:          -80%;
+$list-group-item-color-scale:       40%;
+
+$list-group-hover-bg:               $gray-100;
+$list-group-active-color:           $component-active-color;
+$list-group-active-bg:              $component-active-bg;
+$list-group-active-border-color:    $list-group-active-bg;
+
+$list-group-disabled-color:         $gray-600;
+$list-group-disabled-bg:            $list-group-bg;
+
+$list-group-action-color:           $gray-700;
+$list-group-action-hover-color:     $list-group-action-color;
+
+$list-group-action-active-color:    $body-color;
+$list-group-action-active-bg:       $gray-200;
+
+
+$list-group-variants: (
+  "primary": list-group-color-map($primary),
+  "secondary": list-group-color-map($secondary),
+  "success": list-group-color-map($success),
+  "danger": list-group-color-map($danger),
+  "warning": list-group-color-map($warning),
+  "info": list-group-color-map($info),
+  "light": list-group-color-map($light),
+  "dark": list-group-color-map($dark)
+);
+```
+
 ## API
 
 !!!include(./api/list-group/CListGroup.api.md)!!!
diff --git a/packages/docs/components/modal.md b/packages/docs/components/modal.md
index 0afefcd1..d8524249 100644
--- a/packages/docs/components/modal.md
+++ b/packages/docs/components/modal.md
@@ -993,6 +993,97 @@ Another override is the option to pop up a modal that covers the user viewport,
   }
 </script>
 
+## Customizing
+
+### CSS variables
+
+Vue modals use local CSS variables on `.modal` and `.modal-backdrop` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
+
+```sass
+--cui-modal-zindex: #{$zindex-modal};
+--cui-modal-width: #{$modal-md};
+--cui-modal-padding: #{$modal-inner-padding};
+--cui-modal-margin: #{$modal-dialog-margin};
+--cui-modal-color: #{$modal-content-color};
+--cui-modal-bg: #{$modal-content-bg};
+--cui-modal-border-color: #{$modal-content-border-color};
+--cui-modal-border-width: #{$modal-content-border-width};
+--cui-modal-border-radius: #{$modal-content-border-radius};
+--cui-modal-box-shadow: #{$modal-content-box-shadow-xs};
+--cui-modal-inner-border-radius: #{$modal-content-inner-border-radius};
+--cui-modal-header-padding-x: #{$modal-header-padding-x};
+--cui-modal-header-padding-y: #{$modal-header-padding-y};
+--cui-modal-header-padding: #{$modal-header-padding}; // Todo in v6: Split this padding into x and y
+--cui-modal-header-border-color: #{$modal-header-border-color};
+--cui-modal-header-border-width: #{$modal-header-border-width};
+--cui-modal-title-line-height: #{$modal-title-line-height};
+--cui-modal-footer-gap: #{$modal-footer-margin-between};
+--cui-modal-footer-bg: #{$modal-footer-bg};
+--cui-modal-footer-border-color: #{$modal-footer-border-color};
+--cui-modal-footer-border-width: #{$modal-footer-border-width};
+```
+
+```sass
+--cui-backdrop-zindex: #{$zindex-modal-backdrop};
+--cui-backdrop-bg: #{$modal-backdrop-bg};
+--cui-backdrop-opacity: #{$modal-backdrop-opacity};
+```
+
+#### How to use CSS variables
+
+```js
+const vars = { 
+  '--my-css-var': 10,
+  '--my-another-css-var': "red" 
+}
+return <CModal :style="vars">...</CModal>
+```
+
+### SASS variables
+
+```sass
+$modal-inner-padding:               $spacer;
+
+$modal-footer-margin-between:       .5rem;
+
+$modal-dialog-margin:               .5rem;
+$modal-dialog-margin-y-sm-up:       1.75rem;
+
+$modal-title-line-height:           $line-height-base;
+
+$modal-content-color:               unset;
+$modal-content-bg:                  $white;
+$modal-content-border-color:        var(--cui-border-color-translucent);
+$modal-content-border-width:        $border-width;
+$modal-content-border-radius:       $border-radius-lg;
+$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width);
+$modal-content-box-shadow-xs:       $box-shadow-sm;
+$modal-content-box-shadow-sm-up:    $box-shadow;
+
+$modal-backdrop-bg:                 $black;
+$modal-backdrop-opacity:            .5;
+
+$modal-header-border-color:         var(--cui-border-color);
+$modal-header-border-width:         $modal-content-border-width;
+$modal-header-padding-y:            $modal-inner-padding;
+$modal-header-padding-x:            $modal-inner-padding;
+$modal-header-padding:              $modal-header-padding-y $modal-header-padding-x; // Keep this for backwards compatibility
+
+$modal-footer-bg:                   null;
+$modal-footer-border-color:         $modal-header-border-color;
+$modal-footer-border-width:         $modal-header-border-width;
+
+$modal-sm:                          300px;
+$modal-md:                          500px;
+$modal-lg:                          800px;
+$modal-xl:                          1140px;
+
+$modal-fade-transform:              translate(0, -50px);
+$modal-show-transform:              none;
+$modal-transition:                  transform .3s ease-out;
+$modal-scale-transform:             scale(1.02);
+```
+
 ## API
 
 !!!include(./api/modal/CModal.api.md)!!!
diff --git a/packages/docs/components/navbar.md b/packages/docs/components/navbar.md
index 487adfa2..f680a989 100644
--- a/packages/docs/components/navbar.md
+++ b/packages/docs/components/navbar.md
@@ -1146,6 +1146,98 @@ To create an offcanvas navbar that expands into a normal navbar at a specific br
   }
 </script>
 
+
+## Customizing
+
+### CSS variables
+
+Vue navbars use local CSS variables on `.navbar` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
+
+```sass
+--cui-navbar-padding-x: #{if($navbar-padding-x == null, 0, $navbar-padding-x)};
+--cui-navbar-padding-y: #{$navbar-padding-y};
+--cui-navbar-color: #{$navbar-light-color};
+--cui-navbar-hover-color: #{$navbar-light-hover-color};
+--cui-navbar-disabled-color: #{$navbar-light-disabled-color};
+--cui-navbar-active-color: #{$navbar-light-active-color};
+--cui-navbar-brand-padding-y: #{$navbar-brand-padding-y};
+--cui-navbar-brand-margin-end: #{$navbar-brand-margin-end};
+--cui-navbar-brand-font-size: #{$navbar-brand-font-size};
+--cui-navbar-brand-color: #{$navbar-light-brand-color};
+--cui-navbar-brand-hover-color: #{$navbar-light-brand-hover-color};
+--cui-navbar-nav-link-padding-x: #{$navbar-nav-link-padding-x};
+--cui-navbar-toggler-padding-y: #{$navbar-toggler-padding-y};
+--cui-navbar-toggler-padding-x: #{$navbar-toggler-padding-x};
+--cui-navbar-toggler-font-size: #{$navbar-toggler-font-size};
+--cui-navbar-toggler-icon-bg: #{escape-svg($navbar-light-toggler-icon-bg)};
+--cui-navbar-toggler-border-color: #{$navbar-light-toggler-border-color};
+--cui-navbar-toggler-border-radius: #{$navbar-toggler-border-radius};
+--cui-navbar-toggler-focus-width: #{$navbar-toggler-focus-width};
+--cui-navbar-toggler-transition: #{$navbar-toggler-transition};
+```
+
+Some additional CSS variables are also present on `.navbar-nav`:
+
+```sass
+--cui-nav-link-padding-x: 0;
+--cui-nav-link-padding-y: #{$nav-link-padding-y};
+--cui-nav-link-color: var(--cui-navbar-color);
+--cui-nav-link-hover-color: var(--cui-navbar-hover-color);
+--cui-nav-link-disabled-color: var(--cui-navbar-disabled-color);
+```
+
+#### How to use CSS variables
+
+```js
+const vars = { 
+  '--my-css-var': 10,
+  '--my-another-css-var': "red" 
+}
+return <CNavbar :style="vars">...</CNavbar>
+```
+
+### SASS variables
+
+```sass
+$navbar-padding-y:                  $spacer * .5;
+$navbar-padding-x:                  null;
+
+$navbar-nav-link-padding-x:         .5rem;
+
+$navbar-brand-font-size:            $font-size-lg;
+// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
+$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2;
+$navbar-brand-height:               $navbar-brand-font-size * $line-height-base;
+$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) * .5;
+$navbar-brand-margin-end:           1rem;
+
+$navbar-toggler-padding-y:          .25rem;
+$navbar-toggler-padding-x:          .75rem;
+$navbar-toggler-font-size:          $font-size-lg;
+$navbar-toggler-border-radius:      $btn-border-radius;
+$navbar-toggler-focus-width:        $btn-focus-width;
+$navbar-toggler-transition:         box-shadow .15s ease-in-out;
+
+$navbar-dark-color:                 $medium-emphasis-inverse;
+$navbar-dark-hover-color:           $high-emphasis-inverse;
+$navbar-dark-active-color:          $high-emphasis-inverse;
+$navbar-dark-disabled-color:        $disabled-inverse;
+$navbar-dark-toggler-icon-bg:       url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
+$navbar-dark-toggler-border-color:  rgba($white, .1);
+
+$navbar-light-color:                $medium-emphasis;
+$navbar-light-hover-color:          $high-emphasis;
+$navbar-light-active-color:         $high-emphasis;
+$navbar-light-disabled-color:       $disabled;
+$navbar-light-toggler-icon-bg:      url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
+$navbar-light-toggler-border-color: rgba($black, .1);
+
+$navbar-light-brand-color:                $navbar-light-active-color;
+$navbar-light-brand-hover-color:          $navbar-light-active-color;
+$navbar-dark-brand-color:                 $navbar-dark-active-color;
+$navbar-dark-brand-hover-color:           $navbar-dark-active-color;
+```
+
 ## API
 
 !!!include(./api/navbar/CNavbar.api.md)!!!
diff --git a/packages/docs/components/navs-tabs.md b/packages/docs/components/navs-tabs.md
index a6b16daf..9b585694 100644
--- a/packages/docs/components/navs-tabs.md
+++ b/packages/docs/components/navs-tabs.md
@@ -825,6 +825,85 @@ The tabs also works with pills.
   }
 </script>
 
+## Customizing
+
+### CSS variables
+
+Vue cards use local CSS variables on `.nav`, `.nav-tabs`, and `.nav-pills` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
+
+On the `.nav` base class:
+
+```sass
+--cui-nav-link-padding-x: #{$nav-link-padding-x};
+--cui-nav-link-padding-y: #{$nav-link-padding-y};
+--cui-nav-link-font-size: #{$nav-link-font-size};
+--cui-nav-link-font-weight: #{$nav-link-font-weight};
+--cui-nav-link-color: #{$nav-link-color};
+--cui-nav-link-hover-color: #{$nav-link-hover-color};
+--cui-nav-link-disabled-color: #{$nav-link-disabled-color};
+```
+
+On the `.nav-tabs` modifier class:
+
+```sass
+--cui-nav-tabs-border-width: #{$nav-tabs-border-width};
+--cui-nav-tabs-border-color: #{$nav-tabs-border-color};
+--cui-nav-tabs-border-radius: #{$nav-tabs-border-radius};
+--cui-nav-tabs-link-hover-border-color: #{$nav-tabs-link-hover-border-color};
+--cui-nav-tabs-link-active-color: #{$nav-tabs-link-active-color};
+--cui-nav-tabs-link-active-bg: #{$nav-tabs-link-active-bg};
+--cui-nav-tabs-link-active-border-color: #{$nav-tabs-link-active-border-color};
+```
+
+On the `.nav-pills` modifier class:
+
+```sass
+--cui-nav-pills-border-radius: #{$nav-pills-border-radius};
+--cui-nav-pills-link-active-color: #{$nav-pills-link-active-color};
+--cui-nav-pills-link-active-bg: #{$nav-pills-link-active-bg};
+```
+
+#### How to use CSS variables
+
+```js
+const vars = { 
+  '--my-css-var': 10,
+  '--my-another-css-var': "red" 
+}
+return <CNav :style="vars">...</CNav>
+```
+
+### SASS variables
+
+```sass
+$nav-link-padding-y:                .5rem;
+$nav-link-padding-x:                1rem;
+$nav-link-font-size:                null;
+$nav-link-font-weight:              null;
+$nav-link-color:                    var(--cui-link-color);
+$nav-link-hover-color:              var(--cui-link-hover-color);
+$nav-link-transition:               color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
+$nav-link-disabled-color:           $gray-600;
+
+$nav-tabs-border-color:             $gray-300;
+$nav-tabs-border-width:             $border-width;
+$nav-tabs-border-radius:            $border-radius;
+$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color;
+$nav-tabs-link-active-color:        $gray-700;
+$nav-tabs-link-active-bg:           $body-bg;
+$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg;
+
+$nav-pills-border-radius:           $border-radius;
+$nav-pills-link-active-color:       $component-active-color;
+$nav-pills-link-active-bg:          $component-active-bg;
+
+$nav-underline-border-color:              $gray-300;
+$nav-underline-border-width:              $border-width * 2;
+$nav-underline-link-color:                $gray-700;
+$nav-underline-link-active-color:         $primary;
+$nav-underline-link-active-border-color:  $primary;
+```
+
 ## API
 
 !!!include(./api/nav/CNav.api.md)!!!
diff --git a/packages/docs/components/offcanvas.md b/packages/docs/components/offcanvas.md
index 80f84688..4cc06bcf 100644
--- a/packages/docs/components/offcanvas.md
+++ b/packages/docs/components/offcanvas.md
@@ -312,6 +312,52 @@ Since the offcanvas panel is conceptually a modal dialog, be sure to add `aria-l
   }
 </script>
 
+## Customizing
+
+### CSS variables
+
+Vue offcanvas uses local CSS variables on `.offcanvas` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
+
+```sass
+--cui-offcanvas-width: #{$offcanvas-horizontal-width};
+--cui-offcanvas-height: #{$offcanvas-vertical-height};
+--cui-offcanvas-padding-x: #{$offcanvas-padding-x};
+--cui-offcanvas-padding-y: #{$offcanvas-padding-y};
+--cui-offcanvas-color: #{$offcanvas-color};
+--cui-offcanvas-bg: #{$offcanvas-bg-color};
+--cui-offcanvas-border-width: #{$offcanvas-border-width};
+--cui-offcanvas-border-color: #{$offcanvas-border-color};
+--cui-offcanvas-box-shadow: #{$offcanvas-box-shadow};
+```
+
+#### How to use CSS variables
+
+```js
+const vars = { 
+  '--my-css-var': 10,
+  '--my-another-css-var': "red" 
+}
+return <COffcanvas :style="vars">...</COffcanvas>
+```
+
+### SASS variables
+
+```sass
+$offcanvas-padding-y:               $modal-inner-padding;
+$offcanvas-padding-x:               $modal-inner-padding;
+$offcanvas-horizontal-width:        400px;
+$offcanvas-vertical-height:         30vh;
+$offcanvas-transition-duration:     .3s;
+$offcanvas-border-color:            $modal-content-border-color;
+$offcanvas-border-width:            $modal-content-border-width;
+$offcanvas-title-line-height:       $modal-title-line-height;
+$offcanvas-bg-color:                $modal-content-bg;
+$offcanvas-color:                   $modal-content-color;
+$offcanvas-box-shadow:              $modal-content-box-shadow-xs;
+$offcanvas-backdrop-bg:             $modal-backdrop-bg;
+$offcanvas-backdrop-opacity:        $modal-backdrop-opacity;
+```
+
 ## API
 
 !!!include(./api/offcanvas/COffcanvas.api.md)!!!
diff --git a/packages/docs/components/pagination.md b/packages/docs/components/pagination.md
index a278d773..f8373204 100644
--- a/packages/docs/components/pagination.md
+++ b/packages/docs/components/pagination.md
@@ -161,6 +161,87 @@ Change the alignment of pagination components with `align` property.
 </CPagination>
 ```
 
+## Customizing
+
+### CSS variables
+
+Vue pagination use local CSS variables on `.pagination` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
+
+```sass
+--cui-pagination-padding-x: #{$pagination-padding-x};
+--cui-pagination-padding-y: #{$pagination-padding-y};
+--cui-pagination-font-size: #{$pagination-font-size});
+--cui-pagination-color: #{$pagination-color};
+--cui-pagination-bg: #{$pagination-bg};
+--cui-pagination-border-width: #{$pagination-border-width};
+--cui-pagination-border-color: #{$pagination-border-color};
+--cui-pagination-border-radius: #{$pagination-border-radius};
+--cui-pagination-hover-color: #{$pagination-hover-color};
+--cui-pagination-hover-bg: #{$pagination-hover-bg};
+--cui-pagination-hover-border-color: #{$pagination-hover-border-color};
+--cui-pagination-focus-color: #{$pagination-focus-color};
+--cui-pagination-focus-bg: #{$pagination-focus-bg};
+--cui-pagination-focus-box-shadow: #{$pagination-focus-box-shadow};
+--cui-pagination-active-color: #{$pagination-active-color};
+--cui-pagination-active-bg: #{$pagination-active-bg};
+--cui-pagination-active-border-color: #{$pagination-active-border-color};
+--cui-pagination-disabled-color: #{$pagination-disabled-color};
+--cui-pagination-disabled-bg: #{$pagination-disabled-bg};
+--cui-pagination-disabled-border-color: #{$pagination-disabled-border-color};
+```
+
+#### How to use CSS variables
+
+```js
+const vars = { 
+  '--my-css-var': 10,
+  '--my-another-css-var': "red" 
+}
+return <CPagination :style="vars">...</CCard>
+```
+
+### SASS variables
+
+```sass
+$pagination-padding-y:              .375rem;
+$pagination-padding-x:              .75rem;
+$pagination-padding-y-sm:           .25rem;
+$pagination-padding-x-sm:           .5rem;
+$pagination-padding-y-lg:           .75rem;
+$pagination-padding-x-lg:           1.5rem;
+
+$pagination-font-size:              $font-size-base;
+
+$pagination-color:                  var(--cui-link-color);
+$pagination-bg:                     $white;
+$pagination-border-radius:          $border-radius;
+$pagination-border-width:           $border-width;
+$pagination-margin-start:           calc($pagination-border-width * -1); // stylelint-disable-line function-disallowed-list
+$pagination-border-color:           $gray-300;
+
+$pagination-focus-color:            var(--cui-link-hover-color);
+$pagination-focus-bg:               $gray-200;
+$pagination-focus-box-shadow:       $input-btn-focus-box-shadow;
+$pagination-focus-outline:          0;
+
+$pagination-hover-color:            var(--cui-link-hover-color);
+$pagination-hover-bg:               $gray-200;
+$pagination-hover-border-color:     $gray-300;
+
+$pagination-active-color:           $component-active-color;
+$pagination-active-bg:              $component-active-bg;
+$pagination-active-border-color:    $pagination-active-bg;
+
+$pagination-disabled-color:         $gray-600;
+$pagination-disabled-bg:            $white;
+$pagination-disabled-border-color:  $gray-300;
+
+$pagination-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+
+$pagination-border-radius-sm:       $border-radius-sm;
+$pagination-border-radius-lg:       $border-radius-lg;
+```
+
 ## API
 
 !!!include(./api/pagination/CPagination.api.md)!!!
diff --git a/packages/docs/components/popover.md b/packages/docs/components/popover.md
index 83ce20cd..030f1ae7 100644
--- a/packages/docs/components/popover.md
+++ b/packages/docs/components/popover.md
@@ -98,6 +98,71 @@ Four options are available: top, right, bottom, and left aligned. Directions are
 <CButton color="secondary" v-c-popover="{content: 'Vivamus sagittis lacus vel augue laoreet rutrum faucibus.', placement: 'left'}">Popover on left</CButton>
 ```
 
+## Customizing
+
+### CSS variables
+
+Vue popovers use local CSS variables on `.popover` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
+
+```sass
+--cui-popover-zindex: #{$zindex-popover};
+--cui-popover-max-width: #{$popover-max-width};
+--cui-popover-font-size: {$popover-font-size};
+--cui-popover-bg: #{$popover-bg};
+--cui-popover-border-width: #{$popover-border-width};
+--cui-popover-border-color: #{$popover-border-color};
+--cui-popover-border-radius: #{$popover-border-radius};
+--cui-popover-inner-border-radius: #{$popover-inner-border-radius};
+--cui-popover-box-shadow: #{$popover-box-shadow};
+--cui-popover-header-padding-x: #{$popover-header-padding-x};
+--cui-popover-header-padding-y: #{$popover-header-padding-y};
+--cui-popover-header-font-size: {$popover-header-font-size};
+--cui-popover-header-color: #{$popover-header-color};
+--cui-popover-header-bg: #{$popover-header-bg};
+--cui-popover-body-padding-x: #{$popover-body-padding-x};
+--cui-popover-body-padding-y: #{$popover-body-padding-y};
+--cui-popover-body-color: #{$popover-body-color};
+--cui-popover-arrow-width: #{$popover-arrow-width};
+--cui-popover-arrow-height: #{$popover-arrow-height};
+--cui-popover-arrow-border: var(--cui-popover-border-color);
+```
+
+#### How to use CSS variables
+
+```js
+const vars = { 
+  '--my-css-var': 10,
+  '--my-another-css-var': "red" 
+}
+return <CPopover :style="vars">...</CPopover>
+```
+
+### SASS variables
+
+```sass
+$popover-font-size:                 $font-size-sm;
+$popover-bg:                        $white;
+$popover-max-width:                 276px;
+$popover-border-width:              $border-width;
+$popover-border-color:              var(--cui-border-color-translucent);
+$popover-border-radius:             $border-radius-lg;
+$popover-inner-border-radius:       subtract($popover-border-radius, $popover-border-width);
+$popover-box-shadow:                $box-shadow;
+
+$popover-header-font-size:          $font-size-base;
+$popover-header-bg:                 shade-color($popover-bg, 6%);
+$popover-header-color:              var(--cui-heading-color);
+$popover-header-padding-y:          .5rem;
+$popover-header-padding-x:          $spacer;
+
+$popover-body-color:                $body-color;
+$popover-body-padding-y:            $spacer;
+$popover-body-padding-x:            $spacer;
+
+$popover-arrow-width:               1rem;
+$popover-arrow-height:              .5rem;
+```
+
 ## API
 
 !!!include(./api/popover/CPopover.api.md)!!!
\ No newline at end of file
diff --git a/packages/docs/components/progress.md b/packages/docs/components/progress.md
index 1444f6ce..8bae34ec 100644
--- a/packages/docs/components/progress.md
+++ b/packages/docs/components/progress.md
@@ -200,6 +200,50 @@ The striped gradient can also be animated. Add `animated` property to `<CProgres
 </CProgress>
 ```
 
+## Customizing
+
+### CSS variables
+
+Vue cards use local CSS variables on `.card` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
+
+```sass
+--cui-progress-height: #{$progress-height};
+--cui-progress-font-size: #{$progress-font-size};
+--cui-progress-bg: #{$progress-bg};
+--cui-progress-border-radius: #{$progress-border-radius};
+--cui-progress-box-shadow: #{$progress-box-shadow};
+--cui-progress-bar-color: #{$progress-bar-color};
+--cui-progress-bar-bg: #{$progress-bar-bg};
+--cui-progress-bar-transition: #{$progress-bar-transition};
+```
+
+#### How to use CSS variables
+
+```js
+const vars = { 
+  '--my-css-var': 10,
+  '--my-another-css-var': "red" 
+}
+return <CProgress :style="vars">...</CProgress>
+```
+
+### SASS variables
+
+```sass
+$progress-height:                   1rem;
+$progress-font-size:                $font-size-base * .75;
+$progress-bg:                       $gray-200;
+$progress-border-radius:            $border-radius;
+$progress-box-shadow:               $box-shadow-inset;
+$progress-bar-color:                $high-emphasis-inverse;
+$progress-bar-bg:                   $primary;
+$progress-bar-animation-timing:     1s linear infinite;
+$progress-bar-transition:           width .6s ease;
+
+$progress-group-margin-bottom:         $spacer;
+$progress-group-header-margin-bottom:  $spacer * .25;
+```
+
 ## API
 
 !!!include(./api/progress/CProgress.api.md)!!!
diff --git a/packages/docs/components/sidebar.md b/packages/docs/components/sidebar.md
index 1e224f24..280c8872 100644
--- a/packages/docs/components/sidebar.md
+++ b/packages/docs/components/sidebar.md
@@ -85,6 +85,227 @@ Sidebar come with built-in support for a handful of sub-components. Choose from
 </CSidebar>
 ```
 
+## Customizing
+
+### CSS variables
+
+Vue sidebars use local CSS variables on `.sidebar` and `.sidebar-backdrop` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
+
+```sass
+--cui-sidebar-width: #{$sidebar-width};
+--cui-sidebar-bg: #{$sidebar-bg};
+--cui-sidebar-padding-x: #{$sidebar-padding-x};
+--cui-sidebar-padding-y: #{$sidebar-padding-y};
+--cui-sidebar-color: #{$sidebar-color};
+--cui-sidebar-border-width: #{$sidebar-border-width};
+--cui-sidebar-border-color: #{$sidebar-border-color};
+--cui-sidebar-brand-color: #{$sidebar-brand-color};
+--cui-sidebar-brand-height: #{$sidebar-brand-height};
+--cui-sidebar-brand-bg: #{$sidebar-brand-bg};
+--cui-sidebar-header-height: #{$sidebar-header-height};
+--cui-sidebar-header-bg: #{$sidebar-header-bg};
+--cui-sidebar-header-padding-x: #{$sidebar-header-padding-x};
+--cui-sidebar-header-padding-y: #{$sidebar-header-padding-y};
+--cui-sidebar-footer-bg: #{$sidebar-footer-bg};
+--cui-sidebar-footer-height: #{$sidebar-footer-height};
+--cui-sidebar-footer-padding-x: #{$sidebar-footer-padding-x};
+--cui-sidebar-footer-padding-y: #{$sidebar-footer-padding-y};
+--cui-sidebar-toggler-bg: #{$sidebar-toggler-bg};
+--cui-sidebar-toggler-height: #{$sidebar-toggler-height};
+--cui-sidebar-toggler-indicator: #{escape-svg($sidebar-toggler-indicator-icon)};
+--cui-sidebar-toggler-indicator-width: #{$sidebar-toggler-indicator-width};
+--cui-sidebar-toggler-indicator-height: #{$sidebar-toggler-indicator-height};
+--cui-sidebar-toggler-hover-bg: #{$sidebar-toggler-hover-bg};
+--cui-sidebar-toggler-indicator-hover: #{escape-svg($sidebar-toggler-indicator-hover-icon)}
+--cui-sidebar-narrow-width: #{$sidebar-narrow-width};
+--cui-sidebar-nav-title-padding-x: #{$sidebar-nav-title-padding-x};
+--cui-sidebar-nav-title-padding-y: #{$sidebar-nav-title-padding-y};
+--cui-sidebar-nav-title-margin-top: #{$sidebar-nav-title-margin-top};
+--cui-sidebar-nav-title-color: #{$sidebar-nav-title-color};
+--cui-sidebar-nav-link-padding-x: #{$sidebar-nav-link-padding-x};
+--cui-sidebar-nav-link-padding-y: #{$sidebar-nav-link-padding-y};
+--cui-sidebar-nav-link-color: #{$sidebar-nav-link-color};
+--cui-sidebar-nav-link-bg: #{$sidebar-nav-link-bg};
+--cui-sidebar-nav-link-border-color: #{$sidebar-nav-link-border-color};
+--cui-sidebar-nav-link-border: #{$sidebar-nav-link-border-width} solid var(--cui-sidebar-nav-link-border-color);
+--cui-sidebar-nav-link-border-radius: #{$sidebar-nav-link-border-radius};
+--cui-sidebar-nav-link-active-color: #{$sidebar-nav-link-active-color};
+--cui-sidebar-nav-link-active-bg: #{$sidebar-nav-link-active-bg};
+--cui-sidebar-nav-link-active-icon-color: #{$sidebar-nav-link-active-icon-color};
+--cui-sidebar-nav-link-disabled-color: #{$sidebar-nav-link-disabled-color};
+--cui-sidebar-nav-link-disabled-icon-color: #{$sidebar-nav-link-disabled-icon-color};
+--cui-sidebar-nav-link-hover-color: #{$sidebar-nav-link-hover-color};
+--cui-sidebar-nav-link-hover-bg: #{$sidebar-nav-link-hover-bg};
+--cui-sidebar-nav-link-hover-icon-color: #{$sidebar-nav-link-hover-icon-color};
+--cui-sidebar-nav-icon-width: #{$sidebar-nav-icon-width};
+--cui-sidebar-nav-icon-height: #{$sidebar-nav-icon-height};
+--cui-sidebar-nav-icon-font-size: #{$sidebar-nav-icon-font-size};
+--cui-sidebar-nav-link-icon-color: #{$sidebar-nav-link-icon-color};
+--cui-sidebar-nav-group-bg: #{$sidebar-nav-group-bg};
+--cui-sidebar-nav-group-items-padding-y: #{$sidebar-nav-group-items-padding-y};
+--cui-sidebar-nav-group-items-padding-x: #{$sidebar-nav-group-items-padding-x};
+--cui-sidebar-nav-group-indicator: #{escape-svg($sidebar-nav-group-indicator-icon)};
+--cui-sidebar-nav-group-indicator-hover: #{escape-svg($sidebar-nav-group-indicator-hover-icon)};
+--cui-sidebar-nav-group-toggle-show-color: #{$sidebar-nav-group-toggle-show-color};
+```
+
+```sass
+--cui-backdrop-zindex: #{$zindex-sidebar-backdrop};
+--cui-backdrop-bg: #{$sidebar-backdrop-bg};
+--cui-backdrop-opacity: #{$sidebar-backdrop-opacity};
+```
+
+#### How to use CSS variables
+
+```js
+const vars = { 
+  '--my-css-var': 10,
+  '--my-another-css-var': "red" 
+}
+return <CSidebar :style="vars">...</CSidebar>
+```
+
+### SASS variables
+
+```sass
+$sidebar-width:                            16rem;
+$sidebar-widths: (
+  sm: 12rem,
+  lg: 20rem,
+  xl: 24rem
+);
+$sidebar-padding-y:                        0;
+$sidebar-padding-x:                        0;
+$sidebar-color:                            $high-emphasis-inverse;
+$sidebar-bg:                               $gray-base;
+$sidebar-border-width:                     0;
+$sidebar-border-color:                     transparent;
+$sidebar-transition:                       margin-left .15s, margin-right .15s, box-shadow .075s, transform .15s, width .15s, z-index 0s ease .15s;
+
+$sidebar-brand-height:                     4rem;
+$sidebar-brand-color:                      $high-emphasis-inverse;
+$sidebar-brand-bg:                         rgba($black, .2);
+
+$sidebar-header-height:                    4rem;
+$sidebar-header-padding-y:                 .75rem;
+$sidebar-header-padding-x:                 1rem;
+$sidebar-header-bg:                        rgba($black, .2);
+$sidebar-header-height-transition:         height .15s, padding .15s;
+
+$sidebar-narrow-width:                     4rem;
+
+$sidebar-backdrop-bg:                      $black;
+$sidebar-backdrop-opacity:                 .5;
+
+$sidebar-nav-title-padding-y:              .75rem;
+$sidebar-nav-title-padding-x:              1rem;
+$sidebar-nav-title-margin-top:             1rem;
+$sidebar-nav-title-color:                  $medium-emphasis-inverse;
+$sidebar-nav-title-transition:             height .15s, margin .15s;
+
+$sidebar-nav-link-padding-y:               .8445rem;
+$sidebar-nav-link-padding-x:               1rem;
+$sidebar-nav-link-color:                   $medium-emphasis-inverse;
+$sidebar-nav-link-bg:                      transparent;
+$sidebar-nav-link-border-width:            0;
+$sidebar-nav-link-border-color:            transparent;
+$sidebar-nav-link-border-radius:           0;
+$sidebar-nav-link-transition:              background .15s ease, color .15s ease;
+$sidebar-nav-link-icon-color:              $medium-emphasis-inverse;
+
+$sidebar-nav-link-hover-color:             $high-emphasis-inverse;
+$sidebar-nav-link-hover-bg:                rgba($white, .05);
+$sidebar-nav-link-hover-icon-color:        $high-emphasis-inverse;
+
+$sidebar-nav-link-active-color:            $high-emphasis-inverse;
+$sidebar-nav-link-active-bg:               rgba($white, .05);
+$sidebar-nav-link-active-icon-color:       $high-emphasis-inverse;
+
+$sidebar-nav-link-disabled-color:          $disabled-inverse;
+$sidebar-nav-link-disabled-icon-color:     $sidebar-nav-link-icon-color;
+
+$sidebar-nav-icon-width:                   4rem;
+$sidebar-nav-icon-height:                  1.25rem;
+$sidebar-nav-icon-font-size:               $sidebar-nav-icon-height;
+
+$sidebar-nav-group-bg:                     rgba(0, 0, 0, .2);
+$sidebar-nav-group-transition:             background .15s ease-in-out;
+$sidebar-nav-group-toggle-show-color:      $sidebar-nav-link-color;
+
+$sidebar-nav-group-items-padding-y:        0;
+$sidebar-nav-group-items-padding-x:        0;
+$sidebar-nav-group-items-transition:       height .15s ease;
+
+$sidebar-nav-group-indicator-color:        $medium-emphasis-inverse;
+$sidebar-nav-group-indicator-icon:         url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$sidebar-nav-group-indicator-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
+$sidebar-nav-group-indicator-hover-color:  $sidebar-nav-link-hover-color;
+$sidebar-nav-group-indicator-hover-icon:   url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$sidebar-nav-group-indicator-hover-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
+$sidebar-nav-group-indicator-transition:   transform .15s;
+
+$sidebar-footer-height:                    auto;
+$sidebar-footer-padding-y:                 .75rem;
+$sidebar-footer-padding-x:                 1rem;
+$sidebar-footer-bg:                        rgba($black, .2);
+$sidebar-footer-height-transition:         height .15s, padding .15s;
+
+$sidebar-toggler-height:                   3rem;
+$sidebar-toggler-bg:                       rgba($black, .2);
+$sidebar-toggler-transition:               transform .15s;
+
+$sidebar-toggler-indicator-width:          4rem;
+$sidebar-toggler-indicator-height:         3rem;
+$sidebar-toggler-indicator-color:          $gray-600;
+$sidebar-toggler-indicator-icon:           url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#{$sidebar-toggler-indicator-color}' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E");
+$sidebar-toggler-hover-bg:                 rgba(0, 0, 0, .3);
+
+$sidebar-toggler-indicator-hover-color:    $sidebar-nav-link-hover-color;
+$sidebar-toggler-indicator-hover-icon:     url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#{$sidebar-toggler-indicator-hover-color}' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E");
+
+$sidebar-light-color:    $body-color;
+$sidebar-light-bg:       $white;
+$sidebar-light-border-width:                     0;
+$sidebar-light-border-color:                     transparent;
+
+$sidebar-light-brand-color:  $white;
+$sidebar-light-brand-bg:     $primary;
+
+$sidebar-light-header-bg: rgba($black, .2);
+
+$sidebar-light-nav-title-color:                  $medium-emphasis;
+
+$sidebar-light-nav-link-color:                   $medium-emphasis;
+$sidebar-light-nav-link-bg:                      transparent;
+$sidebar-light-nav-link-icon-color:              $medium-emphasis;
+
+$sidebar-light-nav-link-hover-color:             $high-emphasis;
+$sidebar-light-nav-link-hover-bg:                theme-color("primary");
+$sidebar-light-nav-link-hover-icon-color:        $high-emphasis;
+
+$sidebar-light-nav-link-active-color:            $high-emphasis;
+$sidebar-light-nav-link-active-bg:               rgba($white, .05);
+$sidebar-light-nav-link-active-icon-color:       $high-emphasis;
+
+$sidebar-light-nav-link-disabled-color:          $disabled;
+$sidebar-light-nav-link-disabled-icon-color:     $sidebar-light-nav-link-icon-color;
+
+$sidebar-light-nav-group-bg:                     rgba(0, 0, 0, .05);
+$sidebar-light-nav-group-toggle-show-color:      $sidebar-light-nav-link-color;
+
+$sidebar-light-nav-group-indicator-color:        $medium-emphasis;
+$sidebar-light-nav-group-indicator-icon:         url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$sidebar-light-nav-group-indicator-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
+$sidebar-light-nav-group-indicator-hover-color:  $sidebar-light-nav-link-hover-color;
+$sidebar-light-nav-group-indicator-hover-icon:   url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$sidebar-light-nav-group-indicator-hover-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
+
+$sidebar-light-footer-bg:                        rgba($black, .1);
+
+$sidebar-light-toggler-bg:                       rgba($black, .1);
+$sidebar-light-toggler-hover-bg:                 rgba(0, 0, 0, .2);
+$sidebar-light-toggler-indicator-color:          $medium-emphasis;
+$sidebar-light-toggler-indicator-icon:           url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#{$sidebar-light-toggler-indicator-color}' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E");
+$sidebar-light-toggler-indicator-hover-color:    $sidebar-light-nav-link-hover-color;
+$sidebar-light-toggler-indicator-hover-icon:     url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#{$sidebar-light-toggler-indicator-hover-color}' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E");
+```
+
 ## API
 
 !!!include(./api/sidebar/CSidebar.api.md)!!!
diff --git a/packages/docs/components/spinner.md b/packages/docs/components/spinner.md
index 9bbf667d..87b4282f 100644
--- a/packages/docs/components/spinner.md
+++ b/packages/docs/components/spinner.md
@@ -138,6 +138,65 @@ Use spinners within buttons to indicate an action is currently processing or tak
 </CButton>
 ```
 
+## Customizing
+
+### CSS variables
+
+Vue spinners use local CSS variables on `.spinner-border` and `.spinner-grow` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
+
+Border spinner variables:
+
+```sass
+--cui-spinner-width: #{$spinner-width};
+--cui-spinner-height: #{$spinner-height};
+--cui-spinner-vertical-align: #{$spinner-vertical-align};
+--cui-spinner-border-width: #{$spinner-border-width};
+--cui-spinner-animation-speed: #{$spinner-animation-speed};
+--cui-spinner-animation-name: spinner-border;
+```
+
+Growing spinner variables:
+
+```sass
+--cui-spinner-width: #{$spinner-width};
+--cui-spinner-height: #{$spinner-height};
+--cui-spinner-vertical-align: #{$spinner-vertical-align};
+--cui-spinner-animation-speed: #{$spinner-animation-speed};
+--cui-spinner-animation-name: spinner-grow;
+```
+
+For both spinners, small spinner modifier classes are used to update the values of these CSS variables as needed. For example, the `.spinner-border-sm` class does the following:
+
+```sass
+--cui-spinner-width: #{$spinner-width-sm};
+--cui-spinner-height: #{$spinner-height-sm};
+--cui-spinner-border-width: #{$spinner-border-width-sm};
+```
+
+#### How to use CSS variables
+
+```js
+const vars = { 
+  '--my-css-var': 10,
+  '--my-another-css-var': "red" 
+}
+return <CSpinner :style="vars">...</CSpinner>
+```
+
+### SASS variables
+
+```sass
+$spinner-width:           2rem;
+$spinner-height:          $spinner-width;
+$spinner-vertical-align:  -.125em;
+$spinner-border-width:    .25em;
+$spinner-animation-speed: .75s;
+
+$spinner-width-sm:        1rem;
+$spinner-height-sm:       $spinner-width-sm;
+$spinner-border-width-sm: .2em;
+```
+
 ## API
 
 !!!include(./api/spinner/CSpinner.api.md)!!!
\ No newline at end of file
diff --git a/packages/docs/components/toast.md b/packages/docs/components/toast.md
index a2b97fd1..167a7b83 100644
--- a/packages/docs/components/toast.md
+++ b/packages/docs/components/toast.md
@@ -335,6 +335,59 @@ Building on the above example, you can create different toast color schemes with
 </CToast>
 ```
 
+## Customizing
+
+### CSS variables
+
+Vue toasts use local CSS variables on `.toast` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
+
+```sass
+--cui-toast-padding-x: #{$toast-padding-x};
+--cui-toast-padding-y: #{$toast-padding-y};
+--cui-toast-spacing: #{$toast-spacing};
+--cui-toast-max-width: #{$toast-max-width};
+--cui-toast-font-size: #{$toast-font-size};
+--cui-toast-color: #{$toast-color};
+--cui-toast-bg: #{$toast-background-color};
+--cui-toast-border-width: #{$toast-border-width};
+--cui-toast-border-color: #{$toast-border-color};
+--cui-toast-border-radius: #{$toast-border-radius};
+--cui-toast-box-shadow: #{$toast-box-shadow};
+--cui-toast-header-color: #{$toast-header-color};
+--cui-toast-header-bg: #{$toast-header-background-color};
+--cui-toast-header-border-color: #{$toast-header-border-color};
+```
+
+#### How to use CSS variables
+
+```js
+const vars = { 
+  '--my-css-var': 10,
+  '--my-another-css-var': "red" 
+}
+return <CToast :style="vars">...</CToast>
+```
+
+### SASS variables
+
+```sass
+$toast-max-width:                   350px;
+$toast-padding-x:                   .75rem;
+$toast-padding-y:                   .5rem;
+$toast-font-size:                   .875rem;
+$toast-color:                       unset;
+$toast-background-color:            rgba($white, .85);
+$toast-border-width:                $border-width;
+$toast-border-color:                var(--cui-border-color-translucent);
+$toast-border-radius:               $border-radius;
+$toast-box-shadow:                  $box-shadow;
+$toast-spacing:                     $container-padding-x;
+
+$toast-header-color:                $gray-600;
+$toast-header-background-color:     rgba($white, .85);
+$toast-header-border-color:         rgba($black, .05);
+```
+
 ## API
 
 !!!include(./api/toast/CToast.api.md)!!!
diff --git a/packages/docs/components/tooltip.md b/packages/docs/components/tooltip.md
index e5812c08..62b9d0d2 100644
--- a/packages/docs/components/tooltip.md
+++ b/packages/docs/components/tooltip.md
@@ -111,6 +111,56 @@ Hover over the buttons below to see the four tooltips directions: top, right, bo
 <CButton color="secondary" v-c-tooltip="{content: 'Vivamus sagittis lacus vel augue laoreet rutrum faucibus.', placement: 'left'}">Tooltip on left</CButton>
 ```
 
+## Customizing
+
+### CSS variables
+
+Vue toltips use local CSS variables on `.tooltip` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
+
+```sass
+--cui-tooltip-zindex: #{$zindex-tooltip};
+--cui-tooltip-max-width: #{$tooltip-max-width};
+--cui-tooltip-padding-x: #{$tooltip-padding-x};
+--cui-tooltip-padding-y: #{$tooltip-padding-y};
+--cui-tooltip-margin: #{$tooltip-margin};
+--cui-tooltip-font-size: #{$tooltip-font-size};
+--cui-tooltip-color: #{$tooltip-color};
+--cui-tooltip-bg: #{$tooltip-bg};
+--cui-tooltip-border-radius: #{$tooltip-border-radius};
+--cui-tooltip-opacity: #{$tooltip-opacity};
+--cui-tooltip-arrow-width: #{$tooltip-arrow-width};
+--cui-tooltip-arrow-height: #{$tooltip-arrow-height};
+```
+
+#### How to use CSS variables
+
+```js
+const vars = { 
+  '--my-css-var': 10,
+  '--my-another-css-var': "red" 
+}
+return <CTooltip :style="vars">...</CTooltip>
+```
+
+### SASS variables
+
+```sass
+$tooltip-font-size:                 $font-size-sm;
+$tooltip-max-width:                 200px;
+$tooltip-color:                     $high-emphasis-inverse;
+$tooltip-bg:                        $black;
+$tooltip-border-radius:             $border-radius;
+$tooltip-opacity:                   .9;
+$tooltip-padding-y:                 $spacer * .25;
+$tooltip-padding-x:                 $spacer * .5;
+$tooltip-margin:                    null;
+
+$tooltip-arrow-width:               .8rem;
+$tooltip-arrow-height:              .4rem;
+$tooltip-arrow-color:               null; 
+```
+
 ## API
 
+
 !!!include(./api/tooltip/CTooltip.api.md)!!!
\ No newline at end of file
diff --git a/packages/docs/customize/css-variables.md b/packages/docs/customize/css-variables.md
new file mode 100644
index 00000000..20369742
--- /dev/null
+++ b/packages/docs/customize/css-variables.md
@@ -0,0 +1,114 @@
+---
+title: CSS variables
+name: CSS variables
+description: Use CoreUI's CSS custom properties for fast and forward-looking design and development.
+---
+
+CoreUI includes around two dozen [CSS custom properties (variables)](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties) in its compiled CSS, with dozens more on the way for improved customization on a per-component basis. These provide easy access to commonly used values like our theme colors, breakpoints, and primary font stacks when working in your browser's inspector, a code sandbox, or general prototyping.
+
+**All our custom properties are prefixed with `cui-`** to avoid conflicts with third party CSS.
+
+## Root variables
+
+Here are the variables we include (note that the `:root` is required) that can be accessed anywhere CoreUI's CSS is loaded. They're located in our `_root.scss` file and included in our compiled dist files.
+
+```css
+:root {
+  --cui-blue: #0d6efd;
+  --cui-indigo: #6610f2;
+  --cui-purple: #6f42c1;
+  --cui-pink: #d63384;
+  --cui-red: #dc3545;
+  --cui-orange: #fd7e14;
+  --cui-yellow: #ffc107;
+  --cui-green: #198754;
+  --cui-teal: #20c997;
+  --cui-cyan: #0dcaf0;
+  --cui-black: #000015;
+  --cui-white: #fff;
+  --cui-gray: #8a93a2;
+  --cui-gray-dark: #636f83;
+  --cui-gray-100: #ebedef;
+  --cui-gray-200: #d8dbe0;
+  --cui-gray-300: #c4c9d0;
+  --cui-gray-400: #b1b7c1;
+  --cui-gray-500: #9da5b1;
+  --cui-gray-600: #8a93a2;
+  --cui-gray-700: #768192;
+  --cui-gray-800: #636f83;
+  --cui-gray-900: #4f5d73;
+  --cui-primary: #321fdb;
+  --cui-secondary: #9da5b1;
+  --cui-success: #2eb85c;
+  --cui-info: #39f;
+  --cui-warning: #f9b115;
+  --cui-danger: #e55353;
+  --cui-light: #ebedef;
+  --cui-dark: #4f5d73;
+  --cui-primary-rgb: 50, 31, 219;
+  --cui-secondary-rgb: 157, 165, 177;
+  --cui-success-rgb: 46, 184, 92;
+  --cui-info-rgb: 51, 153, 255;
+  --cui-warning-rgb: 249, 177, 21;
+  --cui-danger-rgb: 229, 83, 83;
+  --cui-light-rgb: 235, 237, 239;
+  --cui-dark-rgb: 79, 93, 115;
+  --cui-white-rgb: 255, 255, 255;
+  --cui-black-rgb: 0, 0, 21;
+  --cui-body-color-rgb: 44, 56, 74;
+  --cui-body-bg-rgb: 255, 255, 255;
+  --cui-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --cui-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --cui-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
+  --cui-body-font-family: var(--cui-font-sans-serif);
+  --cui-body-font-size: 1rem;
+  --cui-body-font-weight: 400;
+  --cui-body-line-height: 1.5;
+  --cui-body-color: rgba(44, 56, 74, 0.95);
+  --cui-body-bg: #fff;
+  --cui-border-width: 1px;
+  --cui-border-style: solid;
+  --cui-border-color: #d8dbe0;
+  --cui-border-color-translucent: rgba(0, 0, 21, 0.175);
+  --cui-border-radius: 0.375rem;
+  --cui-border-radius-sm: 0.25rem;
+  --cui-border-radius-lg: 0.5rem;
+  --cui-border-radius-xl: 1rem;
+  --cui-border-radius-2xl: 2rem;
+  --cui-border-radius-pill: 50rem;
+  --cui-heading-color: unset;
+  --cui-link-color: #321fdb;
+  --cui-link-hover-color: #2819af;
+  --cui-code-color: #d63384;
+  --cui-highlight-bg: #fff3cd;
+}
+```
+
+## Component variables
+
+CoreUI is increasingly making use of custom properties as local variables for various components. This way we reduce our compiled CSS, ensure styles aren't inherited in places like nested tables, and allow some basic restyling and extending of CoreUI components after Sass compilation.
+
+Whenever possible, we'll assign CSS variables at the base component level (e.g., `.navbar` for navbar and its sub-components). This reduces guessing on where and how to customize, and allows for easy modifications by our team in future updates.
+
+## Prefix
+
+Most CSS variables use a prefix to avoid collisions with your own codebase. This prefix is in addition to the `--` that's required on every CSS variable.
+
+Customize the prefix via the `$prefix` Sass variable. By default, it's set to `cui-` (note the trailing dash).
+
+## Examples
+
+CSS variables offer similar flexibility to Sass's variables, but without the need for compilation before being served to the browser. For example, here we're resetting our page's font and link styles with CSS variables.
+
+```css
+body {
+  font: 1rem/1.5 var(--cui-font-sans-serif);
+}
+a {
+  color: var(--cui-blue);
+}
+```
+
+## Grid breakpoints
+
+While we include our grid breakpoints as CSS variables (except for `xs`), be aware that **CSS variables do not work in media queries**. This is by design in the CSS spec for variables, but may change in coming years with support for `env()` variables. Check out [this Stack Overflow answer](https://stackoverflow.com/a/47212942) for some helpful links. In the mean time, you can use these variables in other CSS situations, as well as in your JavaScript.
diff --git a/packages/docs/customize/options.md b/packages/docs/customize/options.md
new file mode 100644
index 00000000..d2bb8f47
--- /dev/null
+++ b/packages/docs/customize/options.md
@@ -0,0 +1,31 @@
+---
+title: Options
+name: Options
+description: Quickly customize CoreUI for Vue with built-in variables to easily toggle global CSS preferences for controlling style and behavior.
+---
+
+Customize CoreUI for Vue with our built-in custom variables file and easily toggle global CSS preferences with new `$enable-*` Sass variables. Override a variable's value and recompile with `npm run test` as needed.
+
+You can find and customize these variables for key global options in CoreUI's `@coreui/coreui/scss/_variables.scss` file.
+
+| Variable                       | Values                             | Description                                                                            |
+| ------------------------------ | ---------------------------------- | -------------------------------------------------------------------------------------- |
+| `$spacer`                      | `1rem` (default), or any value > 0 | Specifies the default spacer value to programmatically generate our [spacer utilities](https://coreui.io/docs/utilities/spacing). |
+| `$enable-rounded`              | `true` (default) or `false`        | Enables predefined `border-radius` styles on various components. |
+| `$enable-shadows`              | `true` or `false` (default)        | Enables predefined decorative `box-shadow` styles on various components. Does not affect `box-shadow`s used for focus states. |
+| `$enable-gradients`            | `true` or `false` (default)        | Enables predefined gradients via `background-image` styles on various components. |
+| `$enable-transitions`          | `true` (default) or `false`        | Enables predefined `transition`s on various components. |
+| `$enable-reduced-motion`       | `true` (default) or `false`        | Enables the [`prefers-reduced-motion` media query](https://coreui.io/docs/getting-started/accessibility#reduced-motion), which suppresses certain animations/transitions based on the users' browser/operating system preferences. |
+| `$enable-grid-classes`         | `true` (default) or `false`        | Enables the generation of CSS classes for the grid system (e.g. `.row`, `.col-md-1`, etc.). |
+| `$enable-container-classes`    | `true` (default) or `false`        | Enables the generation of CSS classes for layout containers. (New in v4.2.0) |
+| `$enable-caret`                | `true` (default) or `false`        | Enables pseudo element caret on `.dropdown-toggle`. |
+| `$enable-button-pointers`      | `true` (default) or `false`        | Add "hand" cursor to non-disabled button elements. |
+| `$enable-rfs`                  | `true` (default) or `false`        | Globally enables [RFS](https://coreui.io/docs/getting-started/rfs). |
+| `$enable-validation-icons`     | `true` (default) or `false`        | Enables `background-image` icons within textual inputs and some custom forms for validation states. |
+| `$enable-negative-margins`     | `true` or `false` (default)        | Enables the generation of [negative margin utilities](https://coreui.io/docs/utilities/spacing#negative-margin). |
+| `$enable-deprecation-messages` | `true` (default) or `false`        | Set to `false` to hide warnings when using any of the deprecated mixins and functions that are planned to be removed in `v6`. |
+| `$enable-important-utilities`  | `true` (default) or `false`        | Enables the `!important` suffix in utility classes. |
+| `$enable-smooth-scroll`        | `true` (default) or `false`        | Applies `scroll-behavior: smooth` globally, except for users asking for reduced motion through [`prefers-reduced-motion` media query](https://coreui.io/docs/getting-started/accessibility#reduced-motion) |
+| `$enable-ltr`                  | `false` or `false` (default)       | Enables Left-to-Right |
+| `$enable-rtl`                  | `true` (default) or `false`        | Enables Right-to-Left |
+
diff --git a/packages/docs/customize/sass.md b/packages/docs/customize/sass.md
new file mode 100644
index 00000000..ec3d933e
--- /dev/null
+++ b/packages/docs/customize/sass.md
@@ -0,0 +1,325 @@
+---
+title: Sass
+name: Sass
+description: Utilize our source Sass files to take advantage of variables, maps, mixins, and functions to help you build faster and customize your project.
+menu: customize
+route: /customize/sass
+---
+
+Utilize our source Sass files to take advantage of variables, maps, mixins, and more.
+
+## File structure
+
+Whenever possible, avoid modifying CoreUI's core files. For Sass, that means creating your own stylesheet that imports CoreUI for Bootstrap so you can modify and extend it. Assuming you're using a package manager like npm, you'll have a file structure that looks like this:
+
+```text
+your-project/
+├── scss
+│   └── custom.scss
+└── node_modules/
+    └── @coreui/coreui
+        ├── js
+        └── scss
+```
+
+If you've downloaded our source files and aren't using a package manager, you'll want to manually create something similar to that structure, keeping CoreUI's source files separate from your own.
+
+```text
+your-project/
+├── scss
+│   └── custom.scss
+└── @coreui/coreui/
+    ├── js
+    └── scss
+```
+
+## Importing
+
+In your `custom.scss`, you'll import CoreUI's source Sass files. You have two options: include all of CoreUI, or pick the parts you need. We encourage the latter, though be aware there are some requirements and dependencies across our components. You also will need to include some JavaScript for our plugins.
+
+```scss
+// Custom.scss
+// Option A: Include all of CoreUI
+
+@import "../node_modules/@coreui/coreui/scss/coreui";
+
+// Then add additional custom code here
+```
+
+```scss
+// Custom.scss
+// Option B: Include parts of CoreUI
+
+// 1. Include functions first (so you can manipulate colors, SVGs, calc, etc)
+@import "../node_modules/@coreui/coreui/scss/functions";
+
+// 2. Include any default variable overrides here
+
+// 3. Include remainder of required CoreUI stylesheets
+@import "../node_modules/@coreui/coreui/scss/variables";
+
+// 4. Include any default map overrides here
+
+// 5. Include remainder of required parts
+@import "../node_modules/@coreui/coreui/scss/maps";
+@import "../node_modules/@coreui/coreui/scss/mixins";
+@import "../node_modules/@coreui/coreui/scss/root";
+
+// 6. Optionally include any other parts as needed
+@import "../node_modules/@coreui/coreui/scss/utilities";
+@import "../node_modules/@coreui/coreui/scss/reboot";
+@import "../node_modules/@coreui/coreui/scss/type";
+@import "../node_modules/@coreui/coreui/scss/images";
+@import "../node_modules/@coreui/coreui/scss/containers";
+@import "../node_modules/@coreui/coreui/scss/grid";
+@import "../node_modules/@coreui/coreui/scss/helpers";
+
+// 7. Optionally include utilities API last to generate classes based on the Sass map in `_utilities.scss`
+@import "../node_modules/@coreui/coreui/scss/utilities/api";
+
+// 8. Add additional custom code here
+```
+
+With that setup in place, you can begin to modify any of the Sass variables and maps in your `custom.scss`. You can also start to add parts of CoreUI for Bootstrap under the `// Optional` section as needed. We suggest using the full import stack from our `coreui.scss` file as your starting point.
+
+## Variable defaults
+
+Every Sass variable in CoreUI for Bootstrap includes the `!default` flag allowing you to override the variable's default value in your own Sass without modifying CoreUI's source code. Copy and paste variables as needed, modify their values, and remove the `!default` flag. If a variable has already been assigned, then it won't be re-assigned by the default values in Bootstrap.
+
+You will find the complete list of CoreUI's variables in `@coreui/coreui/scss/_variables.scss`. Some variables are set to `null`, these variables don't output the property unless they are overridden in your configuration.
+
+Variable overrides must come after our functions are imported, but before the rest of the imports.
+
+Here's an example that changes the `background-color` and `color` for the `<body>` when importing and compiling CoreUI for Bootstrap via npm:
+
+```scss
+// Required
+@import "../node_modules/@coreui/coreui/scss/functions";
+
+// Default variable overrides
+$body-bg: #000;
+$body-color: #111;
+
+// Required
+@import "../node_modules/@coreui/coreui/scss/variables";
+@import "../node_modules/@coreui/coreui/scss/maps";
+@import "../node_modules/@coreui/coreui/scss/mixins";
+@import "../node_modules/@coreui/coreui/scss/root";
+
+// Optional CoreUI components here
+@import "../node_modules/@coreui/coreui/scss/reboot";
+@import "../node_modules/@coreui/coreui/scss/type";
+// etc
+```
+
+Repeat as necessary for any variable in CoreUI, including the global options below.
+
+## Maps and loops
+
+CoreUI for Bootstrap includes a handful of Sass maps, key value pairs that make it easier to generate families of related CSS. We use Sass maps for our colors, grid breakpoints, and more. Just like Sass variables, all Sass maps include the `!default` flag and can be overridden and extended.
+
+Some of our Sass maps are merged into empty ones by default. This is done to allow easy expansion of a given Sass map, but comes at the cost of making _removing_ items from a map slightly more difficult.
+
+### Modify map
+
+All variables in the `$theme-colors` map are defined as standalone variables. To modify an existing color in our `$theme-colors` map, add the following to your custom Sass file:
+
+```scss
+$primary: #0074d9;
+$danger: #ff4136;
+```
+
+Later on, these variables are set in CoreUI's `$theme-colors` map:
+
+```scss
+$theme-colors: (
+  "primary": $primary,
+  "danger": $danger
+);
+```
+
+### Add to map
+
+Add new colors to `$theme-colors`, or any other map, by creating a new Sass map with your custom values and merging it with the original map. In this case, we'll create a new `$custom-colors` map and merge it with `$theme-colors`.
+
+```scss
+// Create your own map
+$custom-colors: (
+  "custom-color": #900
+);
+
+// Merge the maps
+$theme-colors: map-merge($theme-colors, $custom-colors);
+```
+
+### Remove from map
+
+To remove colors from `$theme-colors`, or any other map, use `map-remove`. Be aware you must insert it between our requirements and options:
+
+```scss
+// Required
+@import "../node_modules/@coreui/coreui/scss/functions";
+@import "../node_modules/@coreui/coreui/scss/variables";
+@import "../node_modules/@coreui/coreui/scss/maps";
+@import "../node_modules/@coreui/coreui/scss/mixins";
+@import "../node_modules/@coreui/coreui/scss/root";
+
+$theme-colors: map-remove($theme-colors, "info", "light", "dark");
+
+// Optional
+@import "../node_modules/@coreui/coreui/scss/reboot";
+@import "../node_modules/@coreui/coreui/scss/type";
+// etc
+```
+
+## Required keys
+
+CoreUI for Bootstrap assumes the presence of some specific keys within Sass maps as we used and extend these ourselves. As you customize the included maps, you may encounter errors where a specific Sass map's key is being used.
+
+For example, we use the `primary`, `success`, and `danger` keys from `$theme-colors` for links, buttons, and form states. Replacing the values of these keys should present no issues, but removing them may cause Sass compilation issues. In these instances, you'll need to modify the Sass code that makes use of those values.
+
+## Functions
+
+### Colors
+
+Next to the [Sass maps](https://coreui.io/docs/customize/color#color-sass-maps") we have, theme colors can also be used as standalone variables, like `$primary`.
+
+```scss
+.custom-element {
+  color: $gray-100;
+  background-color: $dark;
+}
+```
+
+You can lighten or darken colors with CoreUI's `tint-color()` and `shade-color()` functions. These functions will mix colors with black or white, unlike Sass' native `lighten()` and `darken()` functions which will change the lightness by a fixed amount, which often doesn't lead to the desired effect.
+
+```scss
+// Tint a color: mix a color with white
+@function tint-color($color, $weight) {
+  @return mix(white, $color, $weight);
+}
+
+// Shade a color: mix a color with black
+@function shade-color($color, $weight) {
+  @return mix(black, $color, $weight);
+}
+
+// Shade the color if the weight is positive, else tint it
+@function shift-color($color, $weight) {
+  @return if($weight > 0, shade-color($color, $weight), tint-color($color, -$weight));
+}
+```
+
+In practice, you'd call the function and pass in the color and weight parameters.
+
+```scss
+.custom-element {
+  color: tint-color($primary, 10%);
+}
+
+.custom-element-2 {
+  color: shade-color($danger, 30%);
+}
+```
+
+### Color contrast
+
+In order to meet the [Web Content Accessibility Guidelines (WCAG)](https://www.w3.org/TR/WCAG/) contrast requirements, authors **must** provide a minimum [text color contrast of 4.5:1](https://www.w3.org/TR/WCAG/#contrast-minimum) and a minimum [non-text color contrast of 3:1](https://www.w3.org/TR/WCAG/#non-text-contrast), with very few exceptions.
+
+An additional function we include in CoreUI for Bootstrap is the color contrast function, `color-contrast`. It utilizes the [WCAG 2.0 algorithm](https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests) for calculating contrast thresholds based on [relative luminance](https://www.w3.org/WAI/GL/wiki/Relative_luminance) in a `sRGB` colorspace to automatically return a light (`#fff`), dark (`#212529`) or black (`#000`) contrast color based on the specified base color. This function is especially useful for mixins or loops where you're generating multiple classes.
+
+For example, to generate color swatches from our `$theme-colors` map:
+
+```scss
+@each $color, $value in $theme-colors {
+  .swatch-#{$color} {
+    color: color-contrast($value);
+  }
+}
+```
+
+It can also be used for one-off contrast needs:
+
+```scss
+.custom-element {
+  color: color-contrast(#000); // returns `color: #fff`
+}
+```
+
+You can also specify a base color with our color map functions:
+
+```scss
+.custom-element {
+  color: color-contrast($dark); // returns `color: #fff`
+}
+```
+
+### Escape SVG
+
+We use the `escape-svg` function to escape the `<`, `>` and `#` characters for SVG background images. When using the `escape-svg` function, data URIs must be quoted.
+
+### Add and Subtract functions
+
+We use the `add` and `subtract` functions to wrap the CSS `calc` function. The primary purpose of these functions is to avoid errors when a "unitless" `0` value is passed into a `calc` expression. Expressions like `calc(10px - 0)` will return an error in all browsers, despite being mathematically correct.
+
+Example where the calc is valid:
+
+```scss
+$border-radius: .25rem;
+$border-width: 1px;
+
+.element {
+  // Output calc(.25rem - 1px) is valid
+  border-radius: calc($border-radius - $border-width);
+}
+
+.element {
+  // Output the same calc(.25rem - 1px) as above
+  border-radius: subtract($border-radius, $border-width);
+}
+```
+
+Example where the calc is invalid:
+
+```scss
+$border-radius: .25rem;
+$border-width: 0;
+
+.element {
+  // Output calc(.25rem - 0) is invalid
+  border-radius: calc($border-radius - $border-width);
+}
+
+.element {
+  // Output .25rem
+  border-radius: subtract($border-radius, $border-width);
+}
+```
+
+## Mixins
+
+Our `@coreui/coreui/scss/mixins/` directory has a ton of mixins that power parts of CoreUI and can also be used across your own project.
+
+### Color schemes
+
+A shorthand mixin for the `prefers-color-scheme` media query is available with support for `light`, `dark`, and custom color schemes.
+
+```scss
+@mixin color-scheme($name) {
+  @media (prefers-color-scheme: #{$name}) {
+    @content;
+  }
+}
+```
+
+```scss
+.custom-element {
+  @include color-scheme(dark) {
+    // Insert dark mode styles here
+  }
+
+  @include color-scheme(custom-named-scheme) {
+    // Insert custom color scheme styles here
+  }
+}
+```
diff --git a/packages/docs/getting-started/accessibility.md b/packages/docs/getting-started/accessibility.md
new file mode 100644
index 00000000..9f45fb6c
--- /dev/null
+++ b/packages/docs/getting-started/accessibility.md
@@ -0,0 +1,59 @@
+---
+title: Accessibility
+name: Accessibility
+description: A brief overview of CoreUI for Vue features and limitations for the creation of accessible content.
+---
+
+CoreUI for Vue provides an easy-to-use framework of ready-made styles, layout tools, and interactive components, allowing developers to create websites and applications that are visually appealing, functionally rich, and accessible out of the box.
+
+## Overview and limitations
+
+The overall accessibility of any project built with CoreUI for Vue depends in large part on the author's markup, additional styling, and scripting they've included. However, provided that these have been implemented correctly, it should be perfectly possible to create websites and applications with CoreUI for Vue that fulfill [<abbr title="Web Content Accessibility Guidelines">WCAG</abbr> 2.1](https://www.w3.org/TR/WCAG21/) (A/AA/AAA), [Section 508](https://www.section508.gov/), and similar accessibility standards and requirements.
+
+### Structural markup
+
+CoreUI for Vue styling and layout can be applied to a wide range of markup structures. This documentation aims to provide developers with best practice examples to demonstrate the use of CoreUI for Vue itself and illustrate appropriate semantic markup, including ways in which potential accessibility concerns can be addressed.
+
+### Interactive components
+
+CoreUI for Vue interactive components—such as modal dialogs, dropdown menus, and custom tooltips—are designed to work for touch, mouse, and keyboard users. Through the use of relevant [<abbr title="Web Accessibility Initiative">WAI</abbr>-<abbr title="Accessible Rich Internet Applications">ARIA</abbr>](https://www.w3.org/WAI/standards-guidelines/aria/) roles and attributes, these components should also be understandable and operable using assistive technologies (such as screen readers).
+
+Because CoreUI for Vue components are purposely designed to be fairly generic, authors may need to include further <abbr title="Accessible Rich Internet Applications">ARIA</abbr> roles and attributes, as well as JavaScript behavior, to more accurately convey the precise nature and functionality of their component. This is usually noted in the documentation.
+
+### Color contrast
+
+Some combinations of colors that currently make up CoreUI for Vue default palette—used throughout the framework for things such as button variations, alert variations, form validation indicators—may lead to *insufficient* color contrast (below the recommended [WCAG 2.1 text color contrast ratio of 4.5:1](https://www.w3.org/TR/WCAG21/#contrast-minimum) and the [WCAG 2.1 non-text color contrast ratio of 3:1](https://www.w3.org/TR/WCAG21/#non-text-contrast)), particularly when used against a light background. Authors are encouraged to test their specific uses of color and, where necessary, manually modify/extend these default colors to ensure adequate color contrast ratios.
+
+### Visually hidden content
+
+Content which should be visually hidden, but remain accessible to assistive technologies such as screen readers, can be styled using the `.visually-hidden` class. This can be useful in situations where additional visual information or cues (such as meaning denoted through the use of color) need to also be conveyed to non-visual users.
+
+```html
+<p className="text-danger">
+  <span className="visually-hidden">Danger: </span>
+  This action is not reversible
+</p>
+```
+
+For visually hidden interactive controls, such as traditional "skip" links, use the `.visually-hidden-focusable` class. This will ensure that the control becomes visible once focused (for sighted keyboard users). **Watch out, compared to the equivalent `.sr-only` and `.sr-only-focusable` classes in past versions, CoreUI's `.visually-hidden-focusable` is a standalone class, and must not be used in combination with the `.visually-hidden` class.**
+
+```html
+<a className="visually-hidden-focusable" href="#content">Skip to main content</a>
+```
+
+### Reduced motion
+
+CoreUI for Vue includes support for the [`prefers-reduced-motion` media feature](https://drafts.csswg.org/mediaqueries-5/#prefers-reduced-motion). In browsers/environments that allow the user to specify their preference for reduced motion, most CSS transition effects in CoreUI for Vue (for instance, when a modal dialog is opened or closed, or the sliding animation in carousels) will be disabled, and meaningful animations (such as spinners) will be slowed down.
+
+On browsers that support `prefers-reduced-motion`, and where the user has *not* explicitly signaled that they'd prefer reduced motion (i.e. where `prefers-reduced-motion: no-preference`), CoreUI for Vue enables smooth scrolling using the `scroll-behavior` property.
+
+## Additional resources
+
+- [Web Content Accessibility Guidelines (WCAG) 2.1](https://www.w3.org/TR/WCAG21/)
+- [The A11Y Project](https://www.a11yproject.com/)
+- [MDN accessibility documentation](https://developer.mozilla.org/en-US/docs/Web/Accessibility)
+- [Tenon.io Accessibility Checker](https://tenon.io/)
+- [Color Contrast Analyser (CCA)](https://developer.paciellogroup.com/resources/contrastanalyser/)
+- ["HTML Codesniffer" bookmarklet for identifying accessibility issues](https://github.com/squizlabs/HTML_CodeSniffer)
+- [Microsoft Accessibility Insights](https://accessibilityinsights.io/)
+- [Deque Axe testing tools](https://www.deque.com/axe/)
diff --git a/packages/docs/templates/contents.md b/packages/docs/templates/contents.md
index 649898ca..166b63ca 100644
--- a/packages/docs/templates/contents.md
+++ b/packages/docs/templates/contents.md
@@ -25,7 +25,7 @@ coreui-vue-admin-template/
 │   │   ├── buttons/
 │   │   ├── css/
 │   │   ├── icons/
-│   │   ├── notifications/
+│   │   └── notifications/
 │   ├── App.vue
 │   ├── _nav.js
 │   └── main.js

From 1e74facec786d3761b1f849d4c19ac564d17c811 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Thu, 28 Jul 2022 20:59:43 +0200
Subject: [PATCH 020/346] fix(CFormInput): update modalValue interface to
 update files

---
 packages/coreui-vue/src/components/form/CFormInput.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/coreui-vue/src/components/form/CFormInput.ts b/packages/coreui-vue/src/components/form/CFormInput.ts
index 7c369aa7..70ba1f7b 100644
--- a/packages/coreui-vue/src/components/form/CFormInput.ts
+++ b/packages/coreui-vue/src/components/form/CFormInput.ts
@@ -67,7 +67,7 @@ const CFormInput = defineComponent({
      * The default name for a value passed using v-model.
      */
     modelValue: {
-      type: String,
+      type: [File, String],
       default: undefined,
     },
     /**

From 9c7ed6f860d3ba267d947150848c5b3f8df4bff2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Thu, 28 Jul 2022 21:30:46 +0200
Subject: [PATCH 021/346] release: v4.3.1

---
 README.md                        | 2 +-
 lerna.json                       | 2 +-
 packages/coreui-vue/README.md    | 2 +-
 packages/coreui-vue/package.json | 2 +-
 packages/docs/package.json       | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index f26b7c9c..aad68123 100644
--- a/README.md
+++ b/README.md
@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v4.3.0.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v4.3.1.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue`
diff --git a/lerna.json b/lerna.json
index 52920012..8e4573d0 100644
--- a/lerna.json
+++ b/lerna.json
@@ -4,5 +4,5 @@
     "packages/*"
   ],
   "useWorkspaces": true,
-  "version": "4.3.0"
+  "version": "4.3.1"
 }
diff --git a/packages/coreui-vue/README.md b/packages/coreui-vue/README.md
index f26b7c9c..aad68123 100644
--- a/packages/coreui-vue/README.md
+++ b/packages/coreui-vue/README.md
@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v4.3.0.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v4.3.1.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue`
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index 77d7db17..3e45126a 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue",
-  "version": "4.3.0",
+  "version": "4.3.1",
   "description": "UI Components Library for Vue.js",
   "keywords": [
     "vue",
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 2e288c1b..a95c5f5b 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue-docs",
-  "version": "4.3.0",
+  "version": "4.3.1",
   "config": {
     "version_short": "4.3"
   },

From aa338ee1df72ae945938826c15c19f771b8e499d Mon Sep 17 00:00:00 2001
From: Malikin Sergey <malikin.sergey.1988@gmail.com>
Date: Mon, 12 Sep 2022 23:11:52 +0300
Subject: [PATCH 022/346] Typo fix

---
 packages/docs/components/modal.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/docs/components/modal.md b/packages/docs/components/modal.md
index d8524249..4cbfa1fa 100644
--- a/packages/docs/components/modal.md
+++ b/packages/docs/components/modal.md
@@ -802,12 +802,12 @@ Modals have three optional sizes, available via modifier classes to be placed on
 
 ## Fullscreen Modal
 
-Another override is the option to pop up a modal that covers the user viewport, available via property `fullscrean`.
+Another override is the option to pop up a modal that covers the user viewport, available via property `fullscreen`.
 
 <table class="table">
   <thead>
     <tr>
-      <th>Property fullscrean</th>
+      <th>Property fullscreen</th>
       <th>Availability</th>
     </tr>
   </thead>
@@ -1090,4 +1090,4 @@ $modal-scale-transform:             scale(1.02);
 
 !!!include(./api/modal/CModalHeader.api.md)!!!
 
-!!!include(./api/modal/CModalTitle.api.md)!!!
\ No newline at end of file
+!!!include(./api/modal/CModalTitle.api.md)!!!

From 7eeeb5ec68102e8c3bc996997b44c9ac9b83c0de Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Sun, 18 Sep 2022 17:56:53 +0200
Subject: [PATCH 023/346] fix(CSidebar): the background doesn't disappear on
 mobile devices

---
 packages/coreui-vue/src/components/sidebar/CSidebar.ts | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/packages/coreui-vue/src/components/sidebar/CSidebar.ts b/packages/coreui-vue/src/components/sidebar/CSidebar.ts
index 97f6d04c..7b86ee68 100644
--- a/packages/coreui-vue/src/components/sidebar/CSidebar.ts
+++ b/packages/coreui-vue/src/components/sidebar/CSidebar.ts
@@ -121,6 +121,7 @@ const CSidebar = defineComponent({
 
     const handleHide = () => {
       visible.value = false
+      emit('visible-change', false)
     }
 
     const handleResize = () => {
@@ -173,9 +174,7 @@ const CSidebar = defineComponent({
         h(CBackdrop, {
           class: 'sidebar-backdrop d-none',
           visible: props.visible,
-          onClick: () => {
-            visible.value = false
-          },
+          onClick: () => handleHide(),
         }),
     ]
   },

From 1f5543e889242da12bc5a6296a5200290454c5ad Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Sun, 18 Sep 2022 18:28:08 +0200
Subject: [PATCH 024/346] refactor(CModal): prevent body scroll when the modal
 is visible

---
 packages/coreui-vue/src/components/modal/CModal.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/coreui-vue/src/components/modal/CModal.ts b/packages/coreui-vue/src/components/modal/CModal.ts
index c17b2e36..a03cff21 100644
--- a/packages/coreui-vue/src/components/modal/CModal.ts
+++ b/packages/coreui-vue/src/components/modal/CModal.ts
@@ -145,6 +145,8 @@ const CModal = defineComponent({
     const handleEnter = (el: RendererElement, done: () => void) => {
       executeAfterTransition(() => done(), el as HTMLElement)
       document.body.classList.add('modal-open')
+      document.body.style.overflow = 'hidden'
+      document.body.style.paddingRight = '0px'
       el.style.display = 'block'
       setTimeout(() => {
         el.classList.add('show')
@@ -160,6 +162,8 @@ const CModal = defineComponent({
     const handleLeave = (el: RendererElement, done: () => void) => {
       executeAfterTransition(() => done(), el as HTMLElement)
       document.body.classList.remove('modal-open')
+      document.body.style.removeProperty('overflow')
+      document.body.style.removeProperty('padding-right')
       if (document.body.className === '') {
         document.body.removeAttribute('class')
       }

From cbeabe1eb5dabf2e76b6d8098deef3e4e5ff0650 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Sun, 18 Sep 2022 18:40:39 +0200
Subject: [PATCH 025/346] feat(CDropdown): add centered dropdown and centered
 dropup

---
 .../src/components/dropdown/CDropdown.ts      | 21 ++++++-
 packages/docs/api/dropdown/CDropdown.api.md   |  2 +-
 packages/docs/components/dropdown.md          | 62 +++++++++++++++++++
 3 files changed, 81 insertions(+), 4 deletions(-)

diff --git a/packages/coreui-vue/src/components/dropdown/CDropdown.ts b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
index 97b78fd3..6a9ec4c9 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdown.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
@@ -64,14 +64,14 @@ const CDropdown = defineComponent({
     /**
      * Sets a specified  direction and location of the dropdown menu.
      *
-     * @values 'dropup', 'dropend', 'dropstart'
+     * @values 'center', 'dropup', 'dropup-center', 'dropend', 'dropstart'
      */
     direction: {
       type: String,
       default: undefined,
       required: false,
       validator: (value: string) => {
-        return ['dropup', 'dropend', 'dropstart'].includes(value)
+        return ['center', 'dropup', 'dropup-center', 'dropend', 'dropstart'].includes(value)
       },
     },
     /**
@@ -164,15 +164,26 @@ const CDropdown = defineComponent({
     provide('dropdownToggleRef', dropdownToggleRef)
     provide('dropdownMenuRef', dropdownMenuRef)
 
+    if (props.direction === 'center') {
+      placement.value = 'bottom'
+    }
+
     if (props.direction === 'dropup') {
       placement.value = 'top-start'
     }
+
+    if (props.direction === 'dropup-center') {
+      placement.value = 'top'
+    }
+
     if (props.direction === 'dropend') {
       placement.value = 'right-start'
     }
+
     if (props.direction === 'dropstart') {
       placement.value = 'left-start'
     }
+
     if (props.alignment === 'end') {
       placement.value = 'bottom-end'
     }
@@ -240,7 +251,11 @@ const CDropdown = defineComponent({
             {
               class: [
                 props.variant === 'nav-item' ? 'nav-item dropdown' : props.variant,
-                props.direction,
+                props.direction === 'center'
+                  ? 'dropdown-center'
+                  : props.direction === 'dropup-center'
+                  ? 'dropup dropup-center'
+                  : props.direction,
               ],
             },
             slots.default && slots.default(),
diff --git a/packages/docs/api/dropdown/CDropdown.api.md b/packages/docs/api/dropdown/CDropdown.api.md
index aba5202e..35deb462 100644
--- a/packages/docs/api/dropdown/CDropdown.api.md
+++ b/packages/docs/api/dropdown/CDropdown.api.md
@@ -13,7 +13,7 @@ import CDropdown from '@coreui/vue/src/components/dropdown/CDropdown'
 | **alignment**  | Set aligment of dropdown menu.                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | string\|object  | `{ 'start' \| 'end' \| { xs: 'start' \| 'end' } \| { sm: 'start' \| 'end' } \| { md: 'start' \| 'end' } \| { lg: 'start' \| 'end' } \| { xl: 'start' \| 'end'} \| { xxl: 'start' \| 'end'} }` | -              |
 | **auto-close** | Configure the auto close behavior of the dropdown:<br>- `true` - the dropdown will be closed by clicking outside or inside the dropdown menu.<br>- `false` - the dropdown will be closed by clicking the toggle button and manually calling hide or toggle method. (Also will not be closed by pressing esc key)<br>- `'inside'` - the dropdown will be closed (only) by clicking inside the dropdown menu.<br>- `'outside'` - the dropdown will be closed (only) by clicking outside the dropdown menu. | boolean\|string | -                                                                                                                                                                                             | true           |
 | **dark**       | Sets a darker color scheme to match a dark navbar.                                                                                                                                                                                                                                                                                                                                                                                                                                                       | boolean         | -                                                                                                                                                                                             |                |
-| **direction**  | Sets a specified direction and location of the dropdown menu.                                                                                                                                                                                                                                                                                                                                                                                                                                            | string          | `'dropup'`, `'dropend'`, `'dropstart'`                                                                                                                                                        | -              |
+| **direction**  | Sets a specified direction and location of the dropdown menu.                                                                                                                                                                                                                                                                                                                                                                                                                                            | string          | `'center'`, `'dropup'`, `'dropup-center'`, `'dropend'`, `'dropstart'`                                                                                                                         | -              |
 | **disabled**   | Toggle the disabled state for the component.                                                                                                                                                                                                                                                                                                                                                                                                                                                             | boolean         | -                                                                                                                                                                                             |                |
 | **placement**  | Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.                                                                                                                                                                                                                                                                                                                                     | Placement       | `'auto'`, `'top-end'`, `'top'`, `'top-start'`, `'bottom-end'`, `'bottom'`, `'bottom-start'`, `'right-start'`, `'right'`, `'right-end'`, `'left-start'`, `'left'`, `'left-end'`                | 'bottom-start' |
 | **popper**     | If you want to disable dynamic positioning set this property to `true`.                                                                                                                                                                                                                                                                                                                                                                                                                                  | boolean         | -                                                                                                                                                                                             | true           |
diff --git a/packages/docs/components/dropdown.md b/packages/docs/components/dropdown.md
index 18b9dffe..2c7be824 100644
--- a/packages/docs/components/dropdown.md
+++ b/packages/docs/components/dropdown.md
@@ -299,6 +299,39 @@ And putting it to use in a navbar:
   </p>
 </CCallout>
 
+### Centered
+
+Make the dropdown menu centered below the toggle by adding `direction="center"` to the `<CDropdown>` component.
+
+::: demo
+<CDropdown color="secondary" direction="center">
+  <CDropdownToggle color="secondary">Centered dropdown</CDropdownToggle>
+  <CDropdownMenu>
+    <CDropdownItem href="#">Action</CDropdownItem>
+    <CDropdownItem href="#">Another action</CDropdownItem>
+    <CDropdownItem href="#">Something else here</CDropdownItem>
+    <CDropdownDivider/>
+    <CDropdownItem href="#">Separated link</CDropdownItem>
+  </CDropdownMenu>
+</CDropdown>
+:::
+```vue
+<CDropdown color="secondary" direction="center">
+  <CDropdownToggle color="secondary">Centered dropdown</CDropdownToggle>
+  <CDropdownMenu>
+    <CDropdownItem href="#">Action</CDropdownItem>
+    <CDropdownItem href="#">Another action</CDropdownItem>
+    <CDropdownItem href="#">Something else here</CDropdownItem>
+    <CDropdownDivider/>
+    <CDropdownItem href="#">Separated link</CDropdownItem>
+  </CDropdownMenu>
+</CDropdown>
+```
+
+### Dropup
+
+Trigger dropdown menus above elements by adding `direction="dropup"` to the `<CDropdown>` component.
+
 ::: demo
 <CDropdown color="secondary" direction="dropup">
   <CDropdownToggle color="secondary">Dropup</CDropdownToggle>
@@ -346,6 +379,35 @@ And putting it to use in a navbar:
 </CDropdown>
 ```
 
+### Dropup centered
+
+Make the dropup menu centered above the toggle by adding `direction="dropup-center"` to the `<CDropdown>` component.
+
+::: demo
+<CDropdown color="secondary" direction="dropup-center">
+  <CDropdownToggle color="secondary">Centered dropup</CDropdownToggle>
+  <CDropdownMenu>
+    <CDropdownItem href="#">Action</CDropdownItem>
+    <CDropdownItem href="#">Another action</CDropdownItem>
+    <CDropdownItem href="#">Something else here</CDropdownItem>
+    <CDropdownDivider/>
+    <CDropdownItem href="#">Separated link</CDropdownItem>
+  </CDropdownMenu>
+</CDropdown>
+:::
+```vue
+<CDropdown color="secondary" direction="dropup-center">
+  <CDropdownToggle color="secondary">Centered dropup</CDropdownToggle>
+  <CDropdownMenu>
+    <CDropdownItem href="#">Action</CDropdownItem>
+    <CDropdownItem href="#">Another action</CDropdownItem>
+    <CDropdownItem href="#">Something else here</CDropdownItem>
+    <CDropdownDivider/>
+    <CDropdownItem href="#">Separated link</CDropdownItem>
+  </CDropdownMenu>
+</CDropdown>
+```
+
 ### Dropright
 
 Trigger dropdown menus at the right of the elements by adding `direction="dropend"` to the `<CDropdown>` component.

From 25c890211507f14d4e550833dde5ef38232e3a9f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Sun, 18 Sep 2022 20:17:03 +0200
Subject: [PATCH 026/346] feat(CTable): add striped columns

---
 .../coreui-vue/src/components/table/CTable.ts | 10 +++++
 packages/docs/api/form/CFormInput.api.md      | 36 ++++++++--------
 packages/docs/api/table/CTable.api.md         | 25 +++++------
 packages/docs/components/table.md             | 42 ++++++++++++++++++-
 4 files changed, 81 insertions(+), 32 deletions(-)

diff --git a/packages/coreui-vue/src/components/table/CTable.ts b/packages/coreui-vue/src/components/table/CTable.ts
index 6f41d275..0d517aec 100644
--- a/packages/coreui-vue/src/components/table/CTable.ts
+++ b/packages/coreui-vue/src/components/table/CTable.ts
@@ -97,6 +97,15 @@ const CTable = defineComponent({
       type: Boolean,
       required: false,
     },
+    /**
+     * Add zebra-striping to any table column.
+     *
+     * @since 4.4.0
+     */
+    stripedColumns: {
+      type: Boolean,
+      required: false,
+    },
   },
   setup(props, { slots, attrs }) {
     const table = () =>
@@ -115,6 +124,7 @@ const CTable = defineComponent({
               'table-hover': props.hover,
               'table-sm': props.small,
               'table-striped': props.striped,
+              'table-striped-columns': props.stripedColumns,
             },
             attrs.class,
           ],
diff --git a/packages/docs/api/form/CFormInput.api.md b/packages/docs/api/form/CFormInput.api.md
index ce652ed1..b695b8ca 100644
--- a/packages/docs/api/form/CFormInput.api.md
+++ b/packages/docs/api/form/CFormInput.api.md
@@ -8,24 +8,24 @@ import CFormInput from '@coreui/vue/src/components/form/CFormInput'
 
 #### Props
 
-| Prop name                                                           | Description                                                                                                                                                                 | Type    | Values                                  | Default |
-| ------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | --------------------------------------- | ------- |
-| **disabled**                                                        | Toggle the disabled state for the component.                                                                                                                                | boolean | -                                       |         |
-| **feedback** <br><div class="badge bg-primary">4.3.0+</div>         | Provide valuable, actionable feedback.false                                                                                                                                 | string  | -                                       |         |
-| **feedback-invalid** <br><div class="badge bg-primary">4.3.0+</div> | Provide valuable, actionable feedback.false                                                                                                                                 | string  | -                                       |         |
-| **feedback-valid** <br><div class="badge bg-primary">4.3.0+</div>   | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.false                  | string  | -                                       |         |
-| **floating-label** <br><div class="badge bg-primary">4.3.0+</div>   | Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.false                    | string  | -                                       |         |
-| **id**                                                              | The id global attribute defines an identifier (ID) that must be unique in the whole document.                                                                               | string  | -                                       |         |
-| **invalid**                                                         | Set component validation state to invalid.                                                                                                                                  | boolean | -                                       |         |
-| **label** <br><div class="badge bg-primary">4.3.0+</div>            | Add a caption for a component.false                                                                                                                                         | string  | -                                       |         |
-| **model-value**                                                     | The default name for a value passed using v-model.                                                                                                                          | string  | -                                       | -       |
-| **plain-text**                                                      | Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use only along side `readonly`. | boolean | -                                       |         |
-| **readonly**                                                        | Toggle the readonly state for the component.                                                                                                                                | boolean | -                                       |         |
-| **size**                                                            | Size the component small or large.                                                                                                                                          | string  | `'sm' \| 'lg'`                          |         |
-| **text** <br><div class="badge bg-primary">4.3.0+</div>             | Add helper text to the component.false                                                                                                                                      | string  | -                                       |         |
-| **tooltip-feedback** <br><div class="badge bg-primary">4.3.0+</div> | Display validation feedback in a styled tooltip.false                                                                                                                       | boolean | -                                       |         |
-| **type**                                                            | Specifies the type of component.                                                                                                                                            | string  | `'color' \| 'file' \| 'text' \| string` | 'text'  |
-| **valid**                                                           | Set component validation state to valid.                                                                                                                                    | boolean | -                                       |         |
+| Prop name                                                           | Description                                                                                                                                                                 | Type                 | Values                                  | Default |
+| ------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------- | --------------------------------------- | ------- |
+| **disabled**                                                        | Toggle the disabled state for the component.                                                                                                                                | boolean              | -                                       |         |
+| **feedback** <br><div class="badge bg-primary">4.3.0+</div>         | Provide valuable, actionable feedback.false                                                                                                                                 | string               | -                                       |         |
+| **feedback-invalid** <br><div class="badge bg-primary">4.3.0+</div> | Provide valuable, actionable feedback.false                                                                                                                                 | string               | -                                       |         |
+| **feedback-valid** <br><div class="badge bg-primary">4.3.0+</div>   | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.false                  | string               | -                                       |         |
+| **floating-label** <br><div class="badge bg-primary">4.3.0+</div>   | Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.false                    | string               | -                                       |         |
+| **id**                                                              | The id global attribute defines an identifier (ID) that must be unique in the whole document.                                                                               | string               | -                                       |         |
+| **invalid**                                                         | Set component validation state to invalid.                                                                                                                                  | boolean              | -                                       |         |
+| **label** <br><div class="badge bg-primary">4.3.0+</div>            | Add a caption for a component.false                                                                                                                                         | string               | -                                       |         |
+| **model-value**                                                     | The default name for a value passed using v-model.                                                                                                                          | File\|number\|string | -                                       | -       |
+| **plain-text**                                                      | Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use only along side `readonly`. | boolean              | -                                       |         |
+| **readonly**                                                        | Toggle the readonly state for the component.                                                                                                                                | boolean              | -                                       |         |
+| **size**                                                            | Size the component small or large.                                                                                                                                          | string               | `'sm' \| 'lg'`                          |         |
+| **text** <br><div class="badge bg-primary">4.3.0+</div>             | Add helper text to the component.false                                                                                                                                      | string               | -                                       |         |
+| **tooltip-feedback** <br><div class="badge bg-primary">4.3.0+</div> | Display validation feedback in a styled tooltip.false                                                                                                                       | boolean              | -                                       |         |
+| **type**                                                            | Specifies the type of component.                                                                                                                                            | string               | `'color' \| 'file' \| 'text' \| string` | 'text'  |
+| **valid**                                                           | Set component validation state to valid.                                                                                                                                    | boolean              | -                                       |         |
 
 #### Events
 
diff --git a/packages/docs/api/table/CTable.api.md b/packages/docs/api/table/CTable.api.md
index 6fd6e4c1..111c2b52 100644
--- a/packages/docs/api/table/CTable.api.md
+++ b/packages/docs/api/table/CTable.api.md
@@ -8,15 +8,16 @@ import CTable from '@coreui/vue/src/components/table/CTable'
 
 #### Props
 
-| Prop name        | Description                                                                                                              | Type            | Values                                                                                                    | Default |
-| ---------------- | ------------------------------------------------------------------------------------------------------------------------ | --------------- | --------------------------------------------------------------------------------------------------------- | ------- |
-| **align**        | Set the vertical aligment.                                                                                               | string          | `'bottom'`, `'middle'`, `'top'`                                                                           | -       |
-| **border-color** | Sets the border color of the component to one of CoreUI’s themed colors.                                                 | string          | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`           |         |
-| **bordered**     | Add borders on all sides of the table and cells.                                                                         | boolean         | -                                                                                                         |         |
-| **borderless**   | Remove borders on all sides of the table and cells.                                                                      | boolean         | -                                                                                                         |         |
-| **caption**      | Put the `<caption>` on the top of the table.                                                                             | string          | `'top'`                                                                                                   | -       |
-| **color**        | Sets the color context of the component to one of CoreUI’s themed colors.                                                | string          | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` |         |
-| **hover**        | Enable a hover state on table rows within a `<CTableBody>`.                                                              | boolean         | -                                                                                                         |         |
-| **responsive**   | Make any table responsive across all viewports or pick a maximum breakpoint with which to have a responsive table up to. | boolean\|string | `boolean`, `'sm'`, `'md'`, `'lg'`, `'xl'`, `'xxl'`                                                        | -       |
-| **small**        | Make table more compact by cutting all cell `padding` in half.                                                           | boolean         | -                                                                                                         |         |
-| **striped**      | Add zebra-striping to any table row within the `<CTableBody>`.                                                           | boolean         | -                                                                                                         |         |
+| Prop name                                                          | Description                                                                                                              | Type            | Values                                                                                                    | Default |
+| ------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------ | --------------- | --------------------------------------------------------------------------------------------------------- | ------- |
+| **align**                                                          | Set the vertical aligment.                                                                                               | string          | `'bottom'`, `'middle'`, `'top'`                                                                           | -       |
+| **border-color**                                                   | Sets the border color of the component to one of CoreUI’s themed colors.                                                 | string          | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`           |         |
+| **bordered**                                                       | Add borders on all sides of the table and cells.                                                                         | boolean         | -                                                                                                         |         |
+| **borderless**                                                     | Remove borders on all sides of the table and cells.                                                                      | boolean         | -                                                                                                         |         |
+| **caption**                                                        | Put the `<caption>` on the top of the table.                                                                             | string          | `'top'`                                                                                                   | -       |
+| **color**                                                          | Sets the color context of the component to one of CoreUI’s themed colors.                                                | string          | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` |         |
+| **hover**                                                          | Enable a hover state on table rows within a `<CTableBody>`.                                                              | boolean         | -                                                                                                         |         |
+| **responsive**                                                     | Make any table responsive across all viewports or pick a maximum breakpoint with which to have a responsive table up to. | boolean\|string | `boolean`, `'sm'`, `'md'`, `'lg'`, `'xl'`, `'xxl'`                                                        | -       |
+| **small**                                                          | Make table more compact by cutting all cell `padding` in half.                                                           | boolean         | -                                                                                                         |         |
+| **striped**                                                        | Add zebra-striping to any table row within the `<CTableBody>`.                                                           | boolean         | -                                                                                                         |         |
+| **striped-columns** <br><div class="badge bg-primary">4.4.0+</div> | Add zebra-striping to any table column.false                                                                             | boolean         | -                                                                                                         |         |
diff --git a/packages/docs/components/table.md b/packages/docs/components/table.md
index 249b0793..858da101 100644
--- a/packages/docs/components/table.md
+++ b/packages/docs/components/table.md
@@ -196,7 +196,7 @@ Use contextual classes to color tables, table rows or individual cells.
 
 ## Accented tables
 
-### striped rows
+### Striped rows
 
 Use `striped` property to add zebra-striping to any table row within the `<CTableBody>`.
 
@@ -233,6 +233,16 @@ Use `striped` property to add zebra-striping to any table row within the `<CTabl
 :::
 ```vue
 <CTable striped>
+  ...
+</CTable>
+```
+
+### Striped columns
+
+Use `stripedColumns` boolean property to add zebra-striping to any table column.
+
+::: demo
+<CTable stripedColumns>
   <CTableHead>
     <CTableRow>
       <CTableHeaderCell scope="col">#</CTableHeaderCell>
@@ -256,11 +266,17 @@ Use `striped` property to add zebra-striping to any table row within the `<CTabl
     </CTableRow>
     <CTableRow>
       <CTableHeaderCell scope="row">3</CTableHeaderCell>
-      <CTableDataCell colspan="2">Larry the Bird</CTableDataCell>
+      <CTableDataCell colSpan="2">Larry the Bird</CTableDataCell>
       <CTableDataCell>@twitter</CTableDataCell>
     </CTableRow>
   </CTableBody>
 </CTable>
+:::
+
+```vue
+<CTable stripedColumns>
+  ...
+</CTable>
 ```
 
 These classes can also be added to table variants:
@@ -298,6 +314,12 @@ These classes can also be added to table variants:
 :::
 ```vue
 <CTable color="dark" striped>
+  ...
+</CTable>
+```
+
+::: demo
+<CTable color="dark" stripedColumns>
   <CTableHead>
     <CTableRow>
       <CTableHeaderCell scope="col">#</CTableHeaderCell>
@@ -326,6 +348,11 @@ These classes can also be added to table variants:
     </CTableRow>
   </CTableBody>
 </CTable>
+:::
+```vue
+<CTable color="dark" stripedColumns>
+  ...
+</CTable>
 ```
 
 ::: demo
@@ -361,6 +388,12 @@ These classes can also be added to table variants:
 :::
 ```vue
 <CTable color="success" striped>
+  ...
+</CTable>
+```
+
+::: demo
+<CTable color="success" stripedColumns>
   <CTableHead>
     <CTableRow>
       <CTableHeaderCell scope="col">#</CTableHeaderCell>
@@ -389,6 +422,11 @@ These classes can also be added to table variants:
     </CTableRow>
   </CTableBody>
 </CTable>
+:::
+```vue
+<CTable color="success" striped>
+  ...
+</CTable>
 ```
 
 ### Hoverable rows

From b85adb2f6aea52189b8aa2a2733698b542a19991 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Mon, 19 Sep 2022 17:23:19 +0200
Subject: [PATCH 027/346] release: v4.4.0

---
 README.md                                |    2 +-
 lerna.json                               |    2 +-
 package.json                             |   16 +-
 packages/coreui-vue-chartjs/package.json |   14 +-
 packages/coreui-vue/README.md            |    2 +-
 packages/coreui-vue/package.json         |   18 +-
 packages/docs/package.json               |    6 +-
 yarn.lock                                | 1281 ++++++++++++----------
 8 files changed, 706 insertions(+), 635 deletions(-)

diff --git a/README.md b/README.md
index aad68123..8293a55c 100644
--- a/README.md
+++ b/README.md
@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v4.3.1.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v4.4.0.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue`
diff --git a/lerna.json b/lerna.json
index 8e4573d0..c9a141ac 100644
--- a/lerna.json
+++ b/lerna.json
@@ -4,5 +4,5 @@
     "packages/*"
   ],
   "useWorkspaces": true,
-  "version": "4.3.1"
+  "version": "4.4.0"
 }
diff --git a/package.json b/package.json
index 4d717661..7676447a 100644
--- a/package.json
+++ b/package.json
@@ -20,21 +20,21 @@
     "test:update": "jest --coverage --updateSnapshot"
   },
   "devDependencies": {
-    "@types/jest": "^28.1.6",
-    "@typescript-eslint/eslint-plugin": "^5.30.7",
-    "@typescript-eslint/parser": "^5.30.7",
-    "@vue/compiler-sfc": "^3.2.37",
+    "@types/jest": "^28.1.8",
+    "@typescript-eslint/eslint-plugin": "^5.37.0",
+    "@typescript-eslint/parser": "^5.37.0",
+    "@vue/compiler-sfc": "^3.2.39",
     "@vue/eslint-config-prettier": "^7.0.0",
-    "@vue/eslint-config-typescript": "^11.0.0",
+    "@vue/eslint-config-typescript": "^11.0.1",
     "@vue/vue3-jest": "28.0.1",
-    "eslint": "8.20.0",
+    "eslint": "8.23.1",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-vue": "^9.3.0",
+    "eslint-plugin-vue": "^9.5.1",
     "jest": "^28.1.3",
     "jest-canvas-mock": "^2.4.0",
     "jest-environment-jsdom": "^28.1.3",
     "lerna": "^4.0.0",
     "prettier": "^2.7.1",
-    "ts-jest": "^28.0.7"
+    "ts-jest": "^28.0.8"
   }
 }
diff --git a/packages/coreui-vue-chartjs/package.json b/packages/coreui-vue-chartjs/package.json
index d8892d21..5c76a1a2 100644
--- a/packages/coreui-vue-chartjs/package.json
+++ b/packages/coreui-vue-chartjs/package.json
@@ -36,19 +36,19 @@
   },
   "devDependencies": {
     "@coreui/chartjs": "^3.0.0",
-    "@rollup/plugin-commonjs": "^22.0.1",
+    "@rollup/plugin-commonjs": "^22.0.2",
     "@rollup/plugin-node-resolve": "^13.3.0",
-    "@rollup/plugin-typescript": "^8.3.3",
-    "@types/lodash": "^4.14.181",
+    "@rollup/plugin-typescript": "^8.5.0",
+    "@types/lodash": "^4.14.185",
     "@vue/test-utils": "^2.0.2",
     "chart.js": "^3.8.2",
     "lodash": "^4.17.21",
-    "rollup": "^2.77.0",
+    "rollup": "^2.79.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-vue": "^6.0.0",
-    "typescript": "^4.7.4",
-    "vue": "^3.2.37",
-    "vue-types": "^4.2.0"
+    "typescript": "^4.8.3",
+    "vue": "^3.2.39",
+    "vue-types": "^4.2.1"
   },
   "peerDependencies": {
     "@coreui/chartjs": "^3.0.0",
diff --git a/packages/coreui-vue/README.md b/packages/coreui-vue/README.md
index aad68123..8293a55c 100644
--- a/packages/coreui-vue/README.md
+++ b/packages/coreui-vue/README.md
@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v4.3.1.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v4.4.0.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue`
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index 3e45126a..738b9beb 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue",
-  "version": "4.3.1",
+  "version": "4.4.0",
   "description": "UI Components Library for Vue.js",
   "keywords": [
     "vue",
@@ -37,19 +37,19 @@
     "version_short": "4.3"
   },
   "devDependencies": {
-    "@popperjs/core": "^2.11.5",
-    "@rollup/plugin-commonjs": "^22.0.1",
+    "@popperjs/core": "^2.11.6",
+    "@rollup/plugin-commonjs": "^22.0.2",
     "@rollup/plugin-node-resolve": "^13.3.0",
-    "@rollup/plugin-typescript": "^8.3.3",
+    "@rollup/plugin-typescript": "^8.5.0",
     "@vue/test-utils": "^2.0.2",
-    "rollup": "^2.77.0",
+    "rollup": "^2.79.0",
     "rollup-plugin-vue": "^6.0.0",
-    "typescript": "^4.7.4",
-    "vue": "^3.2.37",
-    "vue-types": "^4.2.0"
+    "typescript": "^4.8.3",
+    "vue": "^3.2.39",
+    "vue-types": "^4.2.1"
   },
   "peerDependencies": {
-    "@coreui/coreui": "^4.2.0",
+    "@coreui/coreui": "^4.2.2",
     "vue": "^3.2.21"
   },
   "standard": {
diff --git a/packages/docs/package.json b/packages/docs/package.json
index a95c5f5b..bbd17f8e 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -1,8 +1,8 @@
 {
   "name": "@coreui/vue-docs",
-  "version": "4.3.1",
+  "version": "4.4.0",
   "config": {
-    "version_short": "4.3"
+    "version_short": "4.4"
   },
   "scripts": {
     "api": "vue-docgen -c build/docgen.config.js",
@@ -12,7 +12,7 @@
   "license": "MIT",
   "devDependencies": {
     "@coreui/chartjs": "^3.0.0",
-    "@coreui/coreui": "^4.2.0",
+    "@coreui/coreui": "^4.2.2",
     "@coreui/icons": "^2.1.0",
     "@coreui/icons-vue": "^2.0.0",
     "@coreui/vue-chartjs": "^2.0.1",
diff --git a/yarn.lock b/yarn.lock
index 71254e88..541d4d85 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -17,49 +17,49 @@
   dependencies:
     "@babel/highlight" "^7.18.6"
 
-"@babel/compat-data@^7.18.8":
-  version "7.18.8"
-  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.18.8.tgz#2483f565faca607b8535590e84e7de323f27764d"
-  integrity sha512-HSmX4WZPPK3FUxYp7g2T6EyO8j96HlZJlxmKPSh6KAcqwyDrfx7hKjXpAW/0FhFfTJsR0Yt4lAjLI2coMptIHQ==
+"@babel/compat-data@^7.19.1":
+  version "7.19.1"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.19.1.tgz#72d647b4ff6a4f82878d184613353af1dd0290f9"
+  integrity sha512-72a9ghR0gnESIa7jBN53U32FOVCEoztyIlKaNoU05zRhEecduGK9L9c3ww7Mp06JiR+0ls0GBPFJQwwtjn9ksg==
 
 "@babel/core@^7.11.6", "@babel/core@^7.12.3":
-  version "7.18.9"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.18.9.tgz#805461f967c77ff46c74ca0460ccf4fe933ddd59"
-  integrity sha512-1LIb1eL8APMy91/IMW+31ckrfBM4yCoLaVzoDhZUKSM4cu1L1nIidyxkCgzPAgrC5WEz36IPEr/eSeSF9pIn+g==
+  version "7.19.1"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.19.1.tgz#c8fa615c5e88e272564ace3d42fbc8b17bfeb22b"
+  integrity sha512-1H8VgqXme4UXCRv7/Wa1bq7RVymKOzC7znjyFM8KiEzwFqcKUKYNoQef4GhdklgNvoBXyW4gYhuBNCM5o1zImw==
   dependencies:
     "@ampproject/remapping" "^2.1.0"
     "@babel/code-frame" "^7.18.6"
-    "@babel/generator" "^7.18.9"
-    "@babel/helper-compilation-targets" "^7.18.9"
-    "@babel/helper-module-transforms" "^7.18.9"
-    "@babel/helpers" "^7.18.9"
-    "@babel/parser" "^7.18.9"
-    "@babel/template" "^7.18.6"
-    "@babel/traverse" "^7.18.9"
-    "@babel/types" "^7.18.9"
+    "@babel/generator" "^7.19.0"
+    "@babel/helper-compilation-targets" "^7.19.1"
+    "@babel/helper-module-transforms" "^7.19.0"
+    "@babel/helpers" "^7.19.0"
+    "@babel/parser" "^7.19.1"
+    "@babel/template" "^7.18.10"
+    "@babel/traverse" "^7.19.1"
+    "@babel/types" "^7.19.0"
     convert-source-map "^1.7.0"
     debug "^4.1.0"
     gensync "^1.0.0-beta.2"
     json5 "^2.2.1"
     semver "^6.3.0"
 
-"@babel/generator@^7.18.9", "@babel/generator@^7.7.2":
-  version "7.18.9"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.18.9.tgz#68337e9ea8044d6ddc690fb29acae39359cca0a5"
-  integrity sha512-wt5Naw6lJrL1/SGkipMiFxJjtyczUWTP38deiP1PO60HsBjDeKk08CGC3S8iVuvf0FmTdgKwU1KIXzSKL1G0Ug==
+"@babel/generator@^7.19.0", "@babel/generator@^7.7.2":
+  version "7.19.0"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.19.0.tgz#785596c06425e59334df2ccee63ab166b738419a"
+  integrity sha512-S1ahxf1gZ2dpoiFgA+ohK9DIpz50bJ0CWs7Zlzb54Z4sG8qmdIrGrVqmy1sAtTVRb+9CU6U8VqT9L0Zj7hxHVg==
   dependencies:
-    "@babel/types" "^7.18.9"
+    "@babel/types" "^7.19.0"
     "@jridgewell/gen-mapping" "^0.3.2"
     jsesc "^2.5.1"
 
-"@babel/helper-compilation-targets@^7.18.9":
-  version "7.18.9"
-  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.18.9.tgz#69e64f57b524cde3e5ff6cc5a9f4a387ee5563bf"
-  integrity sha512-tzLCyVmqUiFlcFoAPLA/gL9TeYrF61VLNtb+hvkuVaB5SUjW7jcfrglBIX1vUIoT7CLP3bBlIMeyEsIl2eFQNg==
+"@babel/helper-compilation-targets@^7.19.1":
+  version "7.19.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.19.1.tgz#7f630911d83b408b76fe584831c98e5395d7a17c"
+  integrity sha512-LlLkkqhCMyz2lkQPvJNdIYU7O5YjWRgC2R4omjCTpZd8u8KMQzZvX4qce+/BluN1rcQiV7BoGUpmQ0LeHerbhg==
   dependencies:
-    "@babel/compat-data" "^7.18.8"
+    "@babel/compat-data" "^7.19.1"
     "@babel/helper-validator-option" "^7.18.6"
-    browserslist "^4.20.2"
+    browserslist "^4.21.3"
     semver "^6.3.0"
 
 "@babel/helper-environment-visitor@^7.18.9":
@@ -67,13 +67,13 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.18.9.tgz#0c0cee9b35d2ca190478756865bb3528422f51be"
   integrity sha512-3r/aACDJ3fhQ/EVgFy0hpj8oHyHpQc+LPtJoY9SzTThAsStm4Ptegq92vqKoE3vD706ZVFWITnMnxucw+S9Ipg==
 
-"@babel/helper-function-name@^7.18.9":
-  version "7.18.9"
-  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.18.9.tgz#940e6084a55dee867d33b4e487da2676365e86b0"
-  integrity sha512-fJgWlZt7nxGksJS9a0XdSaI4XvpExnNIgRP+rVefWh5U7BL8pPuir6SJUmFKRfjWQ51OtWSzwOxhaH/EBWWc0A==
+"@babel/helper-function-name@^7.19.0":
+  version "7.19.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.19.0.tgz#941574ed5390682e872e52d3f38ce9d1bef4648c"
+  integrity sha512-WAwHBINyrpqywkUH0nTnNgI5ina5TFn85HKS0pbPDfxFfhyR/aNQEn4hGi1P1JyT//I0t4OgXUlofzWILRvS5w==
   dependencies:
-    "@babel/template" "^7.18.6"
-    "@babel/types" "^7.18.9"
+    "@babel/template" "^7.18.10"
+    "@babel/types" "^7.19.0"
 
 "@babel/helper-hoist-variables@^7.18.6":
   version "7.18.6"
@@ -89,24 +89,24 @@
   dependencies:
     "@babel/types" "^7.18.6"
 
-"@babel/helper-module-transforms@^7.18.6", "@babel/helper-module-transforms@^7.18.9":
-  version "7.18.9"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.18.9.tgz#5a1079c005135ed627442df31a42887e80fcb712"
-  integrity sha512-KYNqY0ICwfv19b31XzvmI/mfcylOzbLtowkw+mfvGPAQ3kfCnMLYbED3YecL5tPd8nAYFQFAd6JHp2LxZk/J1g==
+"@babel/helper-module-transforms@^7.18.6", "@babel/helper-module-transforms@^7.19.0":
+  version "7.19.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.19.0.tgz#309b230f04e22c58c6a2c0c0c7e50b216d350c30"
+  integrity sha512-3HBZ377Fe14RbLIA+ac3sY4PTgpxHVkFrESaWhoI5PuyXPBBX8+C34qblV9G89ZtycGJCmCI/Ut+VUDK4bltNQ==
   dependencies:
     "@babel/helper-environment-visitor" "^7.18.9"
     "@babel/helper-module-imports" "^7.18.6"
     "@babel/helper-simple-access" "^7.18.6"
     "@babel/helper-split-export-declaration" "^7.18.6"
     "@babel/helper-validator-identifier" "^7.18.6"
-    "@babel/template" "^7.18.6"
-    "@babel/traverse" "^7.18.9"
-    "@babel/types" "^7.18.9"
+    "@babel/template" "^7.18.10"
+    "@babel/traverse" "^7.19.0"
+    "@babel/types" "^7.19.0"
 
 "@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.8.0":
-  version "7.18.9"
-  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.18.9.tgz#4b8aea3b069d8cb8a72cdfe28ddf5ceca695ef2f"
-  integrity sha512-aBXPT3bmtLryXaoJLyYPXPlSD4p1ld9aYeR+sJNOZjJJGiOpb+fKfh3NkcCu7J54nUJwCERPBExCCpyCOHnu/w==
+  version "7.19.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.19.0.tgz#4796bb14961521f0f8715990bee2fb6e51ce21bf"
+  integrity sha512-40Ryx7I8mT+0gaNxm8JGTZFUITNqdLAgdg0hXzeVZxVD6nFsdhQvip6v8dqkRHzsz1VFpFAaOCHNn0vKBL7Czw==
 
 "@babel/helper-simple-access@^7.18.6":
   version "7.18.6"
@@ -122,24 +122,29 @@
   dependencies:
     "@babel/types" "^7.18.6"
 
+"@babel/helper-string-parser@^7.18.10":
+  version "7.18.10"
+  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.18.10.tgz#181f22d28ebe1b3857fa575f5c290b1aaf659b56"
+  integrity sha512-XtIfWmeNY3i4t7t4D2t02q50HvqHybPqW2ki1kosnvWCwuCMeo81Jf0gwr85jy/neUdg5XDdeFE/80DXiO+njw==
+
 "@babel/helper-validator-identifier@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.18.6.tgz#9c97e30d31b2b8c72a1d08984f2ca9b574d7a076"
-  integrity sha512-MmetCkz9ej86nJQV+sFCxoGGrUbU3q02kgLciwkrt9QqEB7cP39oKEY0PakknEO0Gu20SskMRi+AYZ3b1TpN9g==
+  version "7.19.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz#7eea834cf32901ffdc1a7ee555e2f9c27e249ca2"
+  integrity sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==
 
 "@babel/helper-validator-option@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.18.6.tgz#bf0d2b5a509b1f336099e4ff36e1a63aa5db4db8"
   integrity sha512-XO7gESt5ouv/LRJdrVjkShckw6STTaB7l9BrpBaAHDeF5YZT+01PCwmR0SJHnkW6i8OwW/EVWRShfi4j2x+KQw==
 
-"@babel/helpers@^7.18.9":
-  version "7.18.9"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.18.9.tgz#4bef3b893f253a1eced04516824ede94dcfe7ff9"
-  integrity sha512-Jf5a+rbrLoR4eNdUmnFu8cN5eNJT6qdTdOg5IHIzq87WwyRw9PwguLFOWYgktN/60IP4fgDUawJvs7PjQIzELQ==
+"@babel/helpers@^7.19.0":
+  version "7.19.0"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.19.0.tgz#f30534657faf246ae96551d88dd31e9d1fa1fc18"
+  integrity sha512-DRBCKGwIEdqY3+rPJgG/dKfQy9+08rHIAJx8q2p+HSWP87s2HCrQmaAMMyMll2kIXKCW0cO1RdQskx15Xakftg==
   dependencies:
-    "@babel/template" "^7.18.6"
-    "@babel/traverse" "^7.18.9"
-    "@babel/types" "^7.18.9"
+    "@babel/template" "^7.18.10"
+    "@babel/traverse" "^7.19.0"
+    "@babel/types" "^7.19.0"
 
 "@babel/highlight@^7.18.6":
   version "7.18.6"
@@ -150,10 +155,10 @@
     chalk "^2.0.0"
     js-tokens "^4.0.0"
 
-"@babel/parser@^7.1.0", "@babel/parser@^7.13.12", "@babel/parser@^7.14.7", "@babel/parser@^7.16.4", "@babel/parser@^7.18.6", "@babel/parser@^7.18.9", "@babel/parser@^7.6.0", "@babel/parser@^7.9.6":
-  version "7.18.9"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.18.9.tgz#f2dde0c682ccc264a9a8595efd030a5cc8fd2539"
-  integrity sha512-9uJveS9eY9DJ0t64YbIBZICtJy8a5QrDEVdiLCG97fVLpDTpGX7t8mMSb6OWw6Lrnjqj4O8zwjELX3dhoMgiBg==
+"@babel/parser@^7.1.0", "@babel/parser@^7.13.12", "@babel/parser@^7.14.7", "@babel/parser@^7.16.4", "@babel/parser@^7.18.10", "@babel/parser@^7.19.1", "@babel/parser@^7.6.0", "@babel/parser@^7.9.6":
+  version "7.19.1"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.19.1.tgz#6f6d6c2e621aad19a92544cc217ed13f1aac5b4c"
+  integrity sha512-h7RCSorm1DdTVGJf3P2Mhj3kdnkmF/EiysUkzS2TdgAYqyjFdMQJbVuXOBej2SBJaXan/lIVtT6KkGbyyq753A==
 
 "@babel/plugin-syntax-async-generators@^7.8.4":
   version "7.8.4"
@@ -256,36 +261,37 @@
     "@babel/helper-simple-access" "^7.18.6"
     babel-plugin-dynamic-import-node "^2.3.3"
 
-"@babel/template@^7.18.6", "@babel/template@^7.3.3":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.18.6.tgz#1283f4993e00b929d6e2d3c72fdc9168a2977a31"
-  integrity sha512-JoDWzPe+wgBsTTgdnIma3iHNFC7YVJoPssVBDjiHfNlyt4YcunDtcDOUmfVDfCK5MfdsaIoX9PkijPhjH3nYUw==
+"@babel/template@^7.18.10", "@babel/template@^7.3.3":
+  version "7.18.10"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.18.10.tgz#6f9134835970d1dbf0835c0d100c9f38de0c5e71"
+  integrity sha512-TI+rCtooWHr3QJ27kJxfjutghu44DLnasDMwpDqCXVTal9RLp3RSYNh4NdBrRP2cQAoG9A8juOQl6P6oZG4JxA==
   dependencies:
     "@babel/code-frame" "^7.18.6"
-    "@babel/parser" "^7.18.6"
-    "@babel/types" "^7.18.6"
+    "@babel/parser" "^7.18.10"
+    "@babel/types" "^7.18.10"
 
-"@babel/traverse@^7.18.9", "@babel/traverse@^7.7.2":
-  version "7.18.9"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.18.9.tgz#deeff3e8f1bad9786874cb2feda7a2d77a904f98"
-  integrity sha512-LcPAnujXGwBgv3/WHv01pHtb2tihcyW1XuL9wd7jqh1Z8AQkTd+QVjMrMijrln0T7ED3UXLIy36P9Ao7W75rYg==
+"@babel/traverse@^7.19.0", "@babel/traverse@^7.19.1", "@babel/traverse@^7.7.2":
+  version "7.19.1"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.19.1.tgz#0fafe100a8c2a603b4718b1d9bf2568d1d193347"
+  integrity sha512-0j/ZfZMxKukDaag2PtOPDbwuELqIar6lLskVPPJDjXMXjfLb1Obo/1yjxIGqqAJrmfaTIY3z2wFLAQ7qSkLsuA==
   dependencies:
     "@babel/code-frame" "^7.18.6"
-    "@babel/generator" "^7.18.9"
+    "@babel/generator" "^7.19.0"
     "@babel/helper-environment-visitor" "^7.18.9"
-    "@babel/helper-function-name" "^7.18.9"
+    "@babel/helper-function-name" "^7.19.0"
     "@babel/helper-hoist-variables" "^7.18.6"
     "@babel/helper-split-export-declaration" "^7.18.6"
-    "@babel/parser" "^7.18.9"
-    "@babel/types" "^7.18.9"
+    "@babel/parser" "^7.19.1"
+    "@babel/types" "^7.19.0"
     debug "^4.1.0"
     globals "^11.1.0"
 
-"@babel/types@^7.0.0", "@babel/types@^7.13.12", "@babel/types@^7.18.6", "@babel/types@^7.18.9", "@babel/types@^7.3.0", "@babel/types@^7.3.3", "@babel/types@^7.6.1", "@babel/types@^7.9.6":
-  version "7.18.9"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.18.9.tgz#7148d64ba133d8d73a41b3172ac4b83a1452205f"
-  integrity sha512-WwMLAg2MvJmt/rKEVQBBhIVffMmnilX4oe0sRe7iPOHIGsqpruFHHdrfj4O1CMMtgMtCU4oPafZjDPCRgO57Wg==
+"@babel/types@^7.0.0", "@babel/types@^7.18.10", "@babel/types@^7.18.6", "@babel/types@^7.18.8", "@babel/types@^7.19.0", "@babel/types@^7.3.0", "@babel/types@^7.3.3", "@babel/types@^7.6.1", "@babel/types@^7.9.6":
+  version "7.19.0"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.19.0.tgz#75f21d73d73dc0351f3368d28db73465f4814600"
+  integrity sha512-YuGopBq3ke25BVSiS6fgF49Ul9gH1x70Bcr6bqRLjWCkcX8Hre1/5+z+IiWOIerRMSSEfGZVB9z9kyq7wVs9YA==
   dependencies:
+    "@babel/helper-string-parser" "^7.18.10"
     "@babel/helper-validator-identifier" "^7.18.6"
     to-fast-properties "^2.0.0"
 
@@ -307,10 +313,10 @@
   resolved "https://registry.yarnpkg.com/@coreui/coreui/-/coreui-4.0.0.tgz#52ebe0197411a829ba48057ade61923e05859eec"
   integrity sha512-8vH6fJrmvCR/Oy5v0E+/1AL3Ygb4jhQ7NXK2fMYWJyK13BePDm9muB3y6S0IdqkpBwjY3hHVwHyt2lJqJdesmQ==
 
-"@coreui/coreui@^4.2.0":
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/@coreui/coreui/-/coreui-4.2.0.tgz#f5e7f345de2fbf4043f15976bcd3de6a0bd016fd"
-  integrity sha512-WN5DoVFaf8Mfx1kd+zqdOn8fV8VGLo8PT8YuiSWu8W78TqKeL1Wla2V88YwizFAWa/V2GffWjxflWhzhadXc9Q==
+"@coreui/coreui@^4.2.2":
+  version "4.2.2"
+  resolved "https://registry.yarnpkg.com/@coreui/coreui/-/coreui-4.2.2.tgz#9702c1bec21ffd03415598aedf1ee58b752b3e1e"
+  integrity sha512-aPL7Rv98CBkIU4y7wmZOUBHuBN2qwRS3CFeWmUV3kPeGiPQe9FG4+kOtcITbttNQ35HVMSZeauJyoy2LSM0ygA==
   dependencies:
     postcss-combine-duplicated-selectors "^10.0.3"
 
@@ -324,14 +330,19 @@
   resolved "https://registry.yarnpkg.com/@coreui/icons/-/icons-2.1.0.tgz#b21641d3d034fdef308c87dc347c8684c408a753"
   integrity sha512-3yY9J0088TSY403jwJeP5YERH3RLOvxdhOa4VIQsGOX4fuQZiyVUM+vwlzyCSpgAv9NwKPkCor+gc+JJaYf0TA==
 
-"@eslint/eslintrc@^1.3.0":
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-1.3.0.tgz#29f92c30bb3e771e4a2048c95fa6855392dfac4f"
-  integrity sha512-UWW0TMTmk2d7hLcWD1/e2g5HDM/HQ3csaLSqXCfqwh4uNDuNqlaKWXmEsL4Cs41Z0KnILNvwbHAah3C2yt06kw==
+"@esbuild/linux-loong64@0.14.54":
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.14.54.tgz#de2a4be678bd4d0d1ffbb86e6de779cde5999028"
+  integrity sha512-bZBrLAIX1kpWelV0XemxBZllyRmM6vgFQQG2GdNb+r3Fkp0FOh1NJSvekXDs7jq70k4euu1cryLMfU+mTXlEpw==
+
+"@eslint/eslintrc@^1.3.2":
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-1.3.2.tgz#58b69582f3b7271d8fa67fe5251767a5b38ea356"
+  integrity sha512-AXYd23w1S/bv3fTs3Lz0vjiYemS08jWkI3hYyS9I1ry+0f+Yjs1wm+sU0BS8qDOPrBIkp4qHYC16I8uVtpLajQ==
   dependencies:
     ajv "^6.12.4"
     debug "^4.3.2"
-    espree "^9.3.2"
+    espree "^9.4.0"
     globals "^13.15.0"
     ignore "^5.2.0"
     import-fresh "^3.2.1"
@@ -344,15 +355,25 @@
   resolved "https://registry.yarnpkg.com/@gar/promisify/-/promisify-1.1.3.tgz#555193ab2e3bb3b6adc3d551c9c030d9e860daf6"
   integrity sha512-k2Ty1JcVojjJFwrg/ThKi2ujJ7XNLYaFGNB/bWT9wGR+oSMJHMa5w+CUq6p/pVrKeNNgA7pCqEcjSnHVoqJQFw==
 
-"@humanwhocodes/config-array@^0.9.2":
-  version "0.9.5"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.9.5.tgz#2cbaf9a89460da24b5ca6531b8bbfc23e1df50c7"
-  integrity sha512-ObyMyWxZiCu/yTisA7uzx81s40xR2fD5Cg/2Kq7G02ajkNubJf6BopgDTmDyc3U7sXpNKM8cYOw7s7Tyr+DnCw==
+"@humanwhocodes/config-array@^0.10.4":
+  version "0.10.4"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.10.4.tgz#01e7366e57d2ad104feea63e72248f22015c520c"
+  integrity sha512-mXAIHxZT3Vcpg83opl1wGlVZ9xydbfZO3r5YfRSH6Gpp2J/PfdBP0wbDa2sO6/qRbcalpoevVyW6A/fI6LfeMw==
   dependencies:
     "@humanwhocodes/object-schema" "^1.2.1"
     debug "^4.1.1"
     minimatch "^3.0.4"
 
+"@humanwhocodes/gitignore-to-minimatch@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/gitignore-to-minimatch/-/gitignore-to-minimatch-1.0.2.tgz#316b0a63b91c10e53f242efb4ace5c3b34e8728d"
+  integrity sha512-rSqmMJDdLFUsyxR6FMtD00nfQKKLFb1kv+qBbOVKqErvloEIJLo5bDTJTQNTYgeyp78JsA7u/NPi5jT1GR/MuA==
+
+"@humanwhocodes/module-importer@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz#af5b2691a22b44be847b0ca81641c5fb6ad0172c"
+  integrity sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==
+
 "@humanwhocodes/object-schema@^1.2.1":
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz#b520529ec21d8e5945a1851dfd1c32e94e39ff45"
@@ -605,9 +626,9 @@
   integrity sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==
 
 "@jridgewell/trace-mapping@^0.3.12", "@jridgewell/trace-mapping@^0.3.13", "@jridgewell/trace-mapping@^0.3.9":
-  version "0.3.14"
-  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.14.tgz#b231a081d8f66796e475ad588a1ef473112701ed"
-  integrity sha512-bJWEfQ9lPTvm3SneWwRFVLzrh6nhjwqw7TUFFBEMzwvg7t7PCDenf2lDwqo4NQXzdpgBXyFgDWnQA+2vkruksQ==
+  version "0.3.15"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.15.tgz#aba35c48a38d3fd84b37e66c9c0423f9744f9774"
+  integrity sha512-oWZNOULl+UbhsgB51uuZzglikfIKSUBO/M9W2OfEjn7cmqoAiCgmv9lyACTUacZwBz0ITnJ2NqjU8Tx0DHL88g==
   dependencies:
     "@jridgewell/resolve-uri" "^3.0.3"
     "@jridgewell/sourcemap-codec" "^1.4.10"
@@ -1407,10 +1428,10 @@
     "@octokit/types" "^6.0.3"
     universal-user-agent "^6.0.0"
 
-"@octokit/openapi-types@^12.10.0":
-  version "12.10.1"
-  resolved "https://registry.yarnpkg.com/@octokit/openapi-types/-/openapi-types-12.10.1.tgz#57b5cc6c7b4e55d8642c93d06401fb1af4839899"
-  integrity sha512-P+SukKanjFY0ZhsK6wSVnQmxTP2eVPPE8OPSNuxaMYtgVzwJZgfGdwlYjf4RlRU4vLEw4ts2fsE2icG4nZ5ddQ==
+"@octokit/openapi-types@^12.11.0":
+  version "12.11.0"
+  resolved "https://registry.yarnpkg.com/@octokit/openapi-types/-/openapi-types-12.11.0.tgz#da5638d64f2b919bca89ce6602d059f1b52d3ef0"
+  integrity sha512-VsXyi8peyRq9PqIz/tpqiL2w3w80OgVMwBHltTml3LmVvXiphgeqmY9mvBw9Wu7e0QWk/fqD37ux8yP5uVekyQ==
 
 "@octokit/plugin-enterprise-rest@^6.0.1":
   version "6.0.1"
@@ -1469,21 +1490,21 @@
     "@octokit/plugin-rest-endpoint-methods" "^5.12.0"
 
 "@octokit/types@^6.0.3", "@octokit/types@^6.16.1", "@octokit/types@^6.39.0", "@octokit/types@^6.40.0":
-  version "6.40.0"
-  resolved "https://registry.yarnpkg.com/@octokit/types/-/types-6.40.0.tgz#f2e665196d419e19bb4265603cf904a820505d0e"
-  integrity sha512-MFZOU5r8SwgJWDMhrLUSvyJPtVsqA6VnbVI3TNbsmw+Jnvrktzvq2fYES/6RiJA/5Ykdwq4mJmtlYUfW7CGjmw==
+  version "6.41.0"
+  resolved "https://registry.yarnpkg.com/@octokit/types/-/types-6.41.0.tgz#e58ef78d78596d2fb7df9c6259802464b5f84a04"
+  integrity sha512-eJ2jbzjdijiL3B4PrSQaSjuF2sPEQPVCPzBvTHJD9Nz+9dw2SGH4K4xeQJ77YfTq5bRQ+bD8wT11JbeDPmxmGg==
   dependencies:
-    "@octokit/openapi-types" "^12.10.0"
+    "@octokit/openapi-types" "^12.11.0"
 
-"@popperjs/core@^2.11.5":
-  version "2.11.5"
-  resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.11.5.tgz#db5a11bf66bdab39569719555b0f76e138d7bd64"
-  integrity sha512-9X2obfABZuDVLCgPK9aX0a/x4jaOEweTTWE2+9sr0Qqqevj2Uv5XorvusThmc9XGYpS9yI+fhh8RTafBtGposw==
+"@popperjs/core@^2.11.6":
+  version "2.11.6"
+  resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.11.6.tgz#cee20bd55e68a1720bdab363ecf0c821ded4cd45"
+  integrity sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw==
 
-"@rollup/plugin-commonjs@^22.0.1":
-  version "22.0.1"
-  resolved "https://registry.yarnpkg.com/@rollup/plugin-commonjs/-/plugin-commonjs-22.0.1.tgz#f7cb777d20de3eeeaf994f39080115c336bef810"
-  integrity sha512-dGfEZvdjDHObBiP5IvwTKMVeq/tBZGMBHZFMdIV1ClMM/YoWS34xrHFGfag9SN2ZtMgNZRFruqvxZQEa70O6nQ==
+"@rollup/plugin-commonjs@^22.0.2":
+  version "22.0.2"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-commonjs/-/plugin-commonjs-22.0.2.tgz#ee8ca8415cda30d383b4096aad5222435b4b69b6"
+  integrity sha512-//NdP6iIwPbMTcazYsiBMbJW7gfmpHom33u1beiIoHDEM0Q9clvtQB1T0efvMqHeKsGohiHo97BCPCkBXdscwg==
   dependencies:
     "@rollup/pluginutils" "^3.1.0"
     commondir "^1.0.1"
@@ -1505,10 +1526,10 @@
     is-module "^1.0.0"
     resolve "^1.19.0"
 
-"@rollup/plugin-typescript@^8.3.3":
-  version "8.3.3"
-  resolved "https://registry.yarnpkg.com/@rollup/plugin-typescript/-/plugin-typescript-8.3.3.tgz#eee7edab9cfc064f1cfd16570492693cf1432215"
-  integrity sha512-55L9SyiYu3r/JtqdjhwcwaECXP7JeJ9h1Sg1VWRJKIutla2MdZQodTgcCNybXLMCnqpNLEhS2vGENww98L1npg==
+"@rollup/plugin-typescript@^8.5.0":
+  version "8.5.0"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-typescript/-/plugin-typescript-8.5.0.tgz#7ea11599a15b0a30fa7ea69ce3b791d41b862515"
+  integrity sha512-wMv1/scv0m/rXx21wD2IsBbJFba8wGF3ErJIr6IKRfRj49S85Lszbxb4DCo8iILpluTjk2GAAu9CoZt4G3ppgQ==
   dependencies:
     "@rollup/pluginutils" "^3.1.0"
     resolve "^1.17.0"
@@ -1523,9 +1544,9 @@
     picomatch "^2.2.2"
 
 "@sinclair/typebox@^0.24.1":
-  version "0.24.20"
-  resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.24.20.tgz#11a657875de6008622d53f56e063a6347c51a6dd"
-  integrity sha512-kVaO5aEFZb33nPMTZBxiPEkY+slxiPtqC7QX8f9B3eGOMBvEfuMfxp9DSTTCsRJPumPKjrge4yagyssO4q6qzQ==
+  version "0.24.42"
+  resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.24.42.tgz#a74b608d494a1f4cc079738e050142a678813f52"
+  integrity sha512-d+2AtrHGyWek2u2ITF0lHRIv6Tt7X0dEHW+0rP+5aDCEjC3fiN2RBjrLD0yU0at52BcZbRGxLbAtXiR0hFCjYw==
 
 "@sinonjs/commons@^1.7.0":
   version "1.8.3"
@@ -1578,9 +1599,9 @@
     "@babel/types" "^7.0.0"
 
 "@types/babel__traverse@*", "@types/babel__traverse@^7.0.6":
-  version "7.17.1"
-  resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.17.1.tgz#1a0e73e8c28c7e832656db372b779bfd2ef37314"
-  integrity sha512-kVzjari1s2YVi77D3w1yuvohV2idweYXMCDzqBiVNN63TcDWrIlTVOYpqVrvbbyOE/IyzBoTKF0fdnLPEORFxA==
+  version "7.18.1"
+  resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.18.1.tgz#ce5e2c8c272b99b7a9fd69fa39f0b4cd85028bd9"
+  integrity sha512-FSdLaZh2UxaMuLp9lixWaHq/golWTRWOnRsAXzDTDSDOQLuZb1nsdCt6pJSPWSEQt2eFZ2YVk3oYhn+1kLMeMA==
   dependencies:
     "@babel/types" "^7.3.0"
 
@@ -1647,12 +1668,12 @@
   dependencies:
     "@types/istanbul-lib-report" "*"
 
-"@types/jest@^28.1.6":
-  version "28.1.6"
-  resolved "https://registry.yarnpkg.com/@types/jest/-/jest-28.1.6.tgz#d6a9cdd38967d2d746861fb5be6b120e38284dd4"
-  integrity sha512-0RbGAFMfcBJKOmqRazM8L98uokwuwD5F8rHrv/ZMbrZBwVOWZUyPG6VFNscjYr/vjM3Vu4fRrCPbOs42AfemaQ==
+"@types/jest@^28.1.8":
+  version "28.1.8"
+  resolved "https://registry.yarnpkg.com/@types/jest/-/jest-28.1.8.tgz#6936409f3c9724ea431efd412ea0238a0f03b09b"
+  integrity sha512-8TJkV++s7B6XqnDrzR1m/TT0A0h948Pnl/097veySPN67VRAgQ4gZ7n2KfJo2rVq6njQjdxU3GCCyDvAeuHoiw==
   dependencies:
-    jest-matcher-utils "^28.0.0"
+    expect "^28.0.0"
     pretty-format "^28.0.0"
 
 "@types/jsdom@^16.2.4":
@@ -1674,10 +1695,10 @@
   resolved "https://registry.yarnpkg.com/@types/linkify-it/-/linkify-it-3.0.2.tgz#fd2cd2edbaa7eaac7e7f3c1748b52a19143846c9"
   integrity sha512-HZQYqbiFVWufzCwexrvh694SOim8z2d+xJl5UNamcvQFejLY/2YUtzXHYi3cHdI7PMlS8ejH2slRAOJQ32aNbA==
 
-"@types/lodash@^4.14.181":
-  version "4.14.182"
-  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.182.tgz#05301a4d5e62963227eaafe0ce04dd77c54ea5c2"
-  integrity sha512-/THyiqyQAP9AfARo4pF+aCGcyiQ94tX/Is2I7HofNRqoYLgN1PBoOWu2/zTA5zMxzP5EFutMtWtGAFRKUe961Q==
+"@types/lodash@^4.14.185":
+  version "4.14.185"
+  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.185.tgz#c9843f5a40703a8f5edfd53358a58ae729816908"
+  integrity sha512-evMDG1bC4rgQg4ku9tKpuMh5iBNEwNa3tf9zRHdP1qlv+1WUg44xat4IxCE14gIpZRGUUWAx2VhItCZc25NfMA==
 
 "@types/markdown-it@^12.2.3":
   version "12.2.3"
@@ -1692,7 +1713,12 @@
   resolved "https://registry.yarnpkg.com/@types/mdurl/-/mdurl-1.0.2.tgz#e2ce9d83a613bacf284c7be7d491945e39e1f8e9"
   integrity sha512-eC4U9MlIcu2q0KQmXszyn5Akca/0jrQmwDRgpAMJai7qBWq4amIQhZyNau4VYGtCeALvW1/NtjzJJ567aZxfKA==
 
-"@types/minimatch@*", "@types/minimatch@^3.0.3":
+"@types/minimatch@*":
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-5.1.2.tgz#07508b45797cb81ec3f273011b054cd0755eddca"
+  integrity sha512-K0VQKziLUWkVKiRVrx4a40iPaxTUefQmjtkQofBkYRcoaaL/8rhwDWww9qWbrgicNOgnpIsMxyNIUM4+n6dUIA==
+
+"@types/minimatch@^3.0.3":
   version "3.0.5"
   resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-3.0.5.tgz#1001cc5e6a3704b83c236027e77f2f58ea010f40"
   integrity sha512-Klz949h02Gz2uZCMGwDUSDS1YBlTdDDgbWHi+81l29tQALUtvz4rAYi5uoVhE5Lagoq6DeqAUlbrHvW/mXDgdQ==
@@ -1708,9 +1734,9 @@
   integrity sha512-iiUgKzV9AuaEkZqkOLDIvlQiL6ltuZd9tGcW3gwpnX8JbuiuhFlEGmmFXEXkN50Cvq7Os88IY2v0dkDqXYWVgA==
 
 "@types/node@*":
-  version "18.6.1"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-18.6.1.tgz#828e4785ccca13f44e2fb6852ae0ef11e3e20ba5"
-  integrity sha512-z+2vB6yDt1fNwKOeGbckpmirO+VBDuQqecXkgeIqDlaOtmKn6hPR/viQ8cxCfqLU4fTlvM3+YjM367TukWdxpg==
+  version "18.7.18"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-18.7.18.tgz#633184f55c322e4fb08612307c274ee6d5ed3154"
+  integrity sha512-m+6nTEOadJZuTPkKR/SYK3A2d7FZrgElol9UP1Kae90VVU4a6mxnPuLiIW1m4Cq4gZ/nWb9GrdVXJCoCazDAbg==
 
 "@types/normalize-package-data@^2.4.0":
   version "2.4.1"
@@ -1728,9 +1754,9 @@
   integrity sha512-SuT16Q1K51EAVPz1K29DJ/sXjhSQ0zjvsypYJ6tlwVsRV9jwW5Adq2ch8Dq8kDBCkYnELS7N7VNCSB5nC56t/g==
 
 "@types/prettier@^2.1.5":
-  version "2.6.3"
-  resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-2.6.3.tgz#68ada76827b0010d0db071f739314fa429943d0a"
-  integrity sha512-ymZk3LEC/fsut+/Q5qejp6R9O1rMxz3XaRHDV6kX8MrGAhOSPqVARbDi+EZvInBpw+BnCX3TD240byVkOfQsHg==
+  version "2.7.0"
+  resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-2.7.0.tgz#ea03e9f0376a4446f44797ca19d9c46c36e352dc"
+  integrity sha512-RI1L7N4JnW5gQw2spvL7Sllfuf1SaHdrZpCHiBlCXjIlufi1SMNnbu2teze3/QE67Fg2tBlH7W+mi4hVNk4p0A==
 
 "@types/resolve@1.17.1":
   version "1.17.1"
@@ -1770,20 +1796,20 @@
   integrity sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA==
 
 "@types/yargs@^17.0.8":
-  version "17.0.10"
-  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-17.0.10.tgz#591522fce85d8739bca7b8bb90d048e4478d186a"
-  integrity sha512-gmEaFwpj/7f/ROdtIlci1R1VYU1J4j95m8T+Tj3iBgiBFKg1foE/PSl93bBd5T9LDXNPo8UlNN6W0qwD8O5OaA==
+  version "17.0.12"
+  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-17.0.12.tgz#0745ff3e4872b4ace98616d4b7e37ccbd75f9526"
+  integrity sha512-Nz4MPhecOFArtm81gFQvQqdV7XYCrWKx5uUt6GNHredFHn1i2mtWqXTON7EPXMtNi1qjtjEM/VCHDhcHsAMLXQ==
   dependencies:
     "@types/yargs-parser" "*"
 
-"@typescript-eslint/eslint-plugin@^5.0.0", "@typescript-eslint/eslint-plugin@^5.30.7":
-  version "5.31.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.31.0.tgz#cae1967b1e569e6171bbc6bec2afa4e0c8efccfe"
-  integrity sha512-VKW4JPHzG5yhYQrQ1AzXgVgX8ZAJEvCz0QI6mLRX4tf7rnFfh5D8SKm0Pq6w5PyNfAWJk6sv313+nEt3ohWMBQ==
+"@typescript-eslint/eslint-plugin@^5.0.0", "@typescript-eslint/eslint-plugin@^5.37.0":
+  version "5.37.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.37.0.tgz#5ccdd5d9004120f28fc6e717fb4b5c9bddcfbc04"
+  integrity sha512-Fde6W0IafXktz1UlnhGkrrmnnGpAo1kyX7dnyHHVrmwJOn72Oqm3eYtddrpOwwel2W8PAK9F3pIL5S+lfoM0og==
   dependencies:
-    "@typescript-eslint/scope-manager" "5.31.0"
-    "@typescript-eslint/type-utils" "5.31.0"
-    "@typescript-eslint/utils" "5.31.0"
+    "@typescript-eslint/scope-manager" "5.37.0"
+    "@typescript-eslint/type-utils" "5.37.0"
+    "@typescript-eslint/utils" "5.37.0"
     debug "^4.3.4"
     functional-red-black-tree "^1.0.1"
     ignore "^5.2.0"
@@ -1791,117 +1817,118 @@
     semver "^7.3.7"
     tsutils "^3.21.0"
 
-"@typescript-eslint/parser@^5.0.0", "@typescript-eslint/parser@^5.30.7":
-  version "5.31.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.31.0.tgz#7f42d7dcc68a0a6d80a0f3d9a65063aee7bb8d2c"
-  integrity sha512-UStjQiZ9OFTFReTrN+iGrC6O/ko9LVDhreEK5S3edmXgR396JGq7CoX2TWIptqt/ESzU2iRKXAHfSF2WJFcWHw==
+"@typescript-eslint/parser@^5.0.0", "@typescript-eslint/parser@^5.37.0":
+  version "5.37.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.37.0.tgz#c382077973f3a4ede7453fb14cadcad3970cbf3b"
+  integrity sha512-01VzI/ipYKuaG5PkE5+qyJ6m02fVALmMPY3Qq5BHflDx3y4VobbLdHQkSMg9VPRS4KdNt4oYTMaomFoHonBGAw==
   dependencies:
-    "@typescript-eslint/scope-manager" "5.31.0"
-    "@typescript-eslint/types" "5.31.0"
-    "@typescript-eslint/typescript-estree" "5.31.0"
+    "@typescript-eslint/scope-manager" "5.37.0"
+    "@typescript-eslint/types" "5.37.0"
+    "@typescript-eslint/typescript-estree" "5.37.0"
     debug "^4.3.4"
 
-"@typescript-eslint/scope-manager@5.31.0":
-  version "5.31.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.31.0.tgz#f47a794ba84d9b818ab7f8f44fff55a61016c606"
-  integrity sha512-8jfEzBYDBG88rcXFxajdVavGxb5/XKXyvWgvD8Qix3EEJLCFIdVloJw+r9ww0wbyNLOTYyBsR+4ALNGdlalLLg==
+"@typescript-eslint/scope-manager@5.37.0":
+  version "5.37.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.37.0.tgz#044980e4f1516a774a418dafe701a483a6c9f9ca"
+  integrity sha512-F67MqrmSXGd/eZnujjtkPgBQzgespu/iCZ+54Ok9X5tALb9L2v3G+QBSoWkXG0p3lcTJsL+iXz5eLUEdSiJU9Q==
   dependencies:
-    "@typescript-eslint/types" "5.31.0"
-    "@typescript-eslint/visitor-keys" "5.31.0"
+    "@typescript-eslint/types" "5.37.0"
+    "@typescript-eslint/visitor-keys" "5.37.0"
 
-"@typescript-eslint/type-utils@5.31.0":
-  version "5.31.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.31.0.tgz#70a0b7201360b5adbddb0c36080495aa08f6f3d9"
-  integrity sha512-7ZYqFbvEvYXFn9ax02GsPcEOmuWNg+14HIf4q+oUuLnMbpJ6eHAivCg7tZMVwzrIuzX3QCeAOqKoyMZCv5xe+w==
+"@typescript-eslint/type-utils@5.37.0":
+  version "5.37.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.37.0.tgz#43ed2f567ada49d7e33a6e4b6f9babd060445fe5"
+  integrity sha512-BSx/O0Z0SXOF5tY0bNTBcDEKz2Ec20GVYvq/H/XNKiUorUFilH7NPbFUuiiyzWaSdN3PA8JV0OvYx0gH/5aFAQ==
   dependencies:
-    "@typescript-eslint/utils" "5.31.0"
+    "@typescript-eslint/typescript-estree" "5.37.0"
+    "@typescript-eslint/utils" "5.37.0"
     debug "^4.3.4"
     tsutils "^3.21.0"
 
-"@typescript-eslint/types@5.31.0":
-  version "5.31.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.31.0.tgz#7aa389122b64b18e473c1672fb3b8310e5f07a9a"
-  integrity sha512-/f/rMaEseux+I4wmR6mfpM2wvtNZb1p9hAV77hWfuKc3pmaANp5dLAZSiE3/8oXTYTt3uV9KW5yZKJsMievp6g==
+"@typescript-eslint/types@5.37.0":
+  version "5.37.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.37.0.tgz#09e4870a5f3af7af3f84e08d792644a87d232261"
+  integrity sha512-3frIJiTa5+tCb2iqR/bf7XwU20lnU05r/sgPJnRpwvfZaqCJBrl8Q/mw9vr3NrNdB/XtVyMA0eppRMMBqdJ1bA==
 
-"@typescript-eslint/typescript-estree@5.31.0":
-  version "5.31.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.31.0.tgz#eb92970c9d6e3946690d50c346fb9b1d745ee882"
-  integrity sha512-3S625TMcARX71wBc2qubHaoUwMEn+l9TCsaIzYI/ET31Xm2c9YQ+zhGgpydjorwQO9pLfR/6peTzS/0G3J/hDw==
+"@typescript-eslint/typescript-estree@5.37.0":
+  version "5.37.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.37.0.tgz#956dcf5c98363bcb97bdd5463a0a86072ff79355"
+  integrity sha512-JkFoFIt/cx59iqEDSgIGnQpCTRv96MQnXCYvJi7QhBC24uyuzbD8wVbajMB1b9x4I0octYFJ3OwjAwNqk1AjDA==
   dependencies:
-    "@typescript-eslint/types" "5.31.0"
-    "@typescript-eslint/visitor-keys" "5.31.0"
+    "@typescript-eslint/types" "5.37.0"
+    "@typescript-eslint/visitor-keys" "5.37.0"
     debug "^4.3.4"
     globby "^11.1.0"
     is-glob "^4.0.3"
     semver "^7.3.7"
     tsutils "^3.21.0"
 
-"@typescript-eslint/utils@5.31.0":
-  version "5.31.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.31.0.tgz#e146fa00dca948bfe547d665b2138a2dc1b79acd"
-  integrity sha512-kcVPdQS6VIpVTQ7QnGNKMFtdJdvnStkqS5LeALr4rcwx11G6OWb2HB17NMPnlRHvaZP38hL9iK8DdE9Fne7NYg==
+"@typescript-eslint/utils@5.37.0":
+  version "5.37.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.37.0.tgz#7784cb8e91390c4f90ccaffd24a0cf9874df81b2"
+  integrity sha512-jUEJoQrWbZhmikbcWSMDuUSxEE7ID2W/QCV/uz10WtQqfOuKZUqFGjqLJ+qhDd17rjgp+QJPqTdPIBWwoob2NQ==
   dependencies:
     "@types/json-schema" "^7.0.9"
-    "@typescript-eslint/scope-manager" "5.31.0"
-    "@typescript-eslint/types" "5.31.0"
-    "@typescript-eslint/typescript-estree" "5.31.0"
+    "@typescript-eslint/scope-manager" "5.37.0"
+    "@typescript-eslint/types" "5.37.0"
+    "@typescript-eslint/typescript-estree" "5.37.0"
     eslint-scope "^5.1.1"
     eslint-utils "^3.0.0"
 
-"@typescript-eslint/visitor-keys@5.31.0":
-  version "5.31.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.31.0.tgz#b0eca264df01ce85dceb76aebff3784629258f54"
-  integrity sha512-ZK0jVxSjS4gnPirpVjXHz7mgdOsZUHzNYSfTw2yPa3agfbt9YfqaBiBZFSSxeBWnpWkzCxTfUpnzA3Vily/CSg==
+"@typescript-eslint/visitor-keys@5.37.0":
+  version "5.37.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.37.0.tgz#7b72dd343295ea11e89b624995abc7103c554eee"
+  integrity sha512-Hp7rT4cENBPIzMwrlehLW/28EVCOcE9U1Z1BQTc8EA8v5qpr7GRGuG+U58V5tTY48zvUOA3KHvw3rA8tY9fbdA==
   dependencies:
-    "@typescript-eslint/types" "5.31.0"
+    "@typescript-eslint/types" "5.37.0"
     eslint-visitor-keys "^3.3.0"
 
 "@vitejs/plugin-vue@^2.3.1":
-  version "2.3.3"
-  resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-2.3.3.tgz#fbf80cc039b82ac21a1acb0f0478de8f61fbf600"
-  integrity sha512-SmQLDyhz+6lGJhPELsBdzXGc+AcaT8stgkbiTFGpXPe8Tl1tJaBw1A6pxDqDuRsVkD8uscrkx3hA7QDOoKYtyw==
+  version "2.3.4"
+  resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-2.3.4.tgz#966a6279060eb2d9d1a02ea1a331af071afdcf9e"
+  integrity sha512-IfFNbtkbIm36O9KB8QodlwwYvTEsJb4Lll4c2IwB3VHc2gie2mSPtSzL0eYay7X2jd/2WX02FjSGTWR6OPr/zg==
 
-"@vue/compiler-core@3.2.37":
-  version "3.2.37"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.2.37.tgz#b3c42e04c0e0f2c496ff1784e543fbefe91e215a"
-  integrity sha512-81KhEjo7YAOh0vQJoSmAD68wLfYqJvoiD4ulyedzF+OEk/bk6/hx3fTNVfuzugIIaTrOx4PGx6pAiBRe5e9Zmg==
+"@vue/compiler-core@3.2.39":
+  version "3.2.39"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.2.39.tgz#0d77e635f4bdb918326669155a2dc977c053943e"
+  integrity sha512-mf/36OWXqWn0wsC40nwRRGheR/qoID+lZXbIuLnr4/AngM0ov8Xvv8GHunC0rKRIkh60bTqydlqTeBo49rlbqw==
   dependencies:
     "@babel/parser" "^7.16.4"
-    "@vue/shared" "3.2.37"
+    "@vue/shared" "3.2.39"
     estree-walker "^2.0.2"
     source-map "^0.6.1"
 
-"@vue/compiler-dom@3.2.37", "@vue/compiler-dom@^3.2.0":
-  version "3.2.37"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.2.37.tgz#10d2427a789e7c707c872da9d678c82a0c6582b5"
-  integrity sha512-yxJLH167fucHKxaqXpYk7x8z7mMEnXOw3G2q62FTkmsvNxu4FQSu5+3UMb+L7fjKa26DEzhrmCxAgFLLIzVfqQ==
+"@vue/compiler-dom@3.2.39", "@vue/compiler-dom@^3.2.0":
+  version "3.2.39"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.2.39.tgz#bd69d35c1a48fe2cea4ab9e96d2a3a735d146fdf"
+  integrity sha512-HMFI25Be1C8vLEEv1hgEO1dWwG9QQ8LTTPmCkblVJY/O3OvWx6r1+zsox5mKPMGvqYEZa6l8j+xgOfUspgo7hw==
   dependencies:
-    "@vue/compiler-core" "3.2.37"
-    "@vue/shared" "3.2.37"
+    "@vue/compiler-core" "3.2.39"
+    "@vue/shared" "3.2.39"
 
-"@vue/compiler-sfc@3.2.37", "@vue/compiler-sfc@^3.2.0", "@vue/compiler-sfc@^3.2.31", "@vue/compiler-sfc@^3.2.37":
-  version "3.2.37"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.2.37.tgz#3103af3da2f40286edcd85ea495dcb35bc7f5ff4"
-  integrity sha512-+7i/2+9LYlpqDv+KTtWhOZH+pa8/HnX/905MdVmAcI/mPQOBwkHHIzrsEsucyOIZQYMkXUiTkmZq5am/NyXKkg==
+"@vue/compiler-sfc@3.2.39", "@vue/compiler-sfc@^3.2.0", "@vue/compiler-sfc@^3.2.31", "@vue/compiler-sfc@^3.2.39":
+  version "3.2.39"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.2.39.tgz#8fe29990f672805b7c5a2ecfa5b05e681c862ea2"
+  integrity sha512-fqAQgFs1/BxTUZkd0Vakn3teKUt//J3c420BgnYgEOoVdTwYpBTSXCMJ88GOBCylmUBbtquGPli9tVs7LzsWIA==
   dependencies:
     "@babel/parser" "^7.16.4"
-    "@vue/compiler-core" "3.2.37"
-    "@vue/compiler-dom" "3.2.37"
-    "@vue/compiler-ssr" "3.2.37"
-    "@vue/reactivity-transform" "3.2.37"
-    "@vue/shared" "3.2.37"
+    "@vue/compiler-core" "3.2.39"
+    "@vue/compiler-dom" "3.2.39"
+    "@vue/compiler-ssr" "3.2.39"
+    "@vue/reactivity-transform" "3.2.39"
+    "@vue/shared" "3.2.39"
     estree-walker "^2.0.2"
     magic-string "^0.25.7"
     postcss "^8.1.10"
     source-map "^0.6.1"
 
-"@vue/compiler-ssr@3.2.37":
-  version "3.2.37"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.2.37.tgz#4899d19f3a5fafd61524a9d1aee8eb0505313cff"
-  integrity sha512-7mQJD7HdXxQjktmsWp/J67lThEIcxLemz1Vb5I6rYJHR5vI+lON3nPGOH3ubmbvYGt8xEUaAr1j7/tIFWiEOqw==
+"@vue/compiler-ssr@3.2.39":
+  version "3.2.39"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.2.39.tgz#4f3bfb535cb98b764bee45e078700e03ccc60633"
+  integrity sha512-EoGCJ6lincKOZGW+0Ky4WOKsSmqL7hp1ZYgen8M7u/mlvvEQUaO9tKKOy7K43M9U2aA3tPv0TuYYQFrEbK2eFQ==
   dependencies:
-    "@vue/compiler-dom" "3.2.37"
-    "@vue/shared" "3.2.37"
+    "@vue/compiler-dom" "3.2.39"
+    "@vue/shared" "3.2.39"
 
 "@vue/devtools-api@^6.1.4":
   version "6.2.1"
@@ -1916,62 +1943,62 @@
     eslint-config-prettier "^8.3.0"
     eslint-plugin-prettier "^4.0.0"
 
-"@vue/eslint-config-typescript@^11.0.0":
-  version "11.0.0"
-  resolved "https://registry.yarnpkg.com/@vue/eslint-config-typescript/-/eslint-config-typescript-11.0.0.tgz#bac0cb2d381625b5bf568d2025acffc0fd09113e"
-  integrity sha512-txuRzxnQVmtUvvy9UyWUy9sHWXNeRPGmSPqP53hRtaiUeCTAondI9Ho9GQYI/8/eWljYOST7iA4Aa8sANBkWaA==
+"@vue/eslint-config-typescript@^11.0.1":
+  version "11.0.1"
+  resolved "https://registry.yarnpkg.com/@vue/eslint-config-typescript/-/eslint-config-typescript-11.0.1.tgz#d79b3656aecea844ec9875bc93155163f684dde7"
+  integrity sha512-0U+nL0nA7ahnGPk3rTN49x76miUwuQtQPQNWOFvAcjg6nFJkIkA8qbGNtXwsuHtwBwRtWpHhShL3zK07v+632w==
   dependencies:
     "@typescript-eslint/eslint-plugin" "^5.0.0"
     "@typescript-eslint/parser" "^5.0.0"
     vue-eslint-parser "^9.0.0"
 
-"@vue/reactivity-transform@3.2.37":
-  version "3.2.37"
-  resolved "https://registry.yarnpkg.com/@vue/reactivity-transform/-/reactivity-transform-3.2.37.tgz#0caa47c4344df4ae59f5a05dde2a8758829f8eca"
-  integrity sha512-IWopkKEb+8qpu/1eMKVeXrK0NLw9HicGviJzhJDEyfxTR9e1WtpnnbYkJWurX6WwoFP0sz10xQg8yL8lgskAZg==
+"@vue/reactivity-transform@3.2.39":
+  version "3.2.39"
+  resolved "https://registry.yarnpkg.com/@vue/reactivity-transform/-/reactivity-transform-3.2.39.tgz#da6ae6c8fd77791b9ae21976720d116591e1c4aa"
+  integrity sha512-HGuWu864zStiWs9wBC6JYOP1E00UjMdDWIG5W+FpUx28hV3uz9ODOKVNm/vdOy/Pvzg8+OcANxAVC85WFBbl3A==
   dependencies:
     "@babel/parser" "^7.16.4"
-    "@vue/compiler-core" "3.2.37"
-    "@vue/shared" "3.2.37"
+    "@vue/compiler-core" "3.2.39"
+    "@vue/shared" "3.2.39"
     estree-walker "^2.0.2"
     magic-string "^0.25.7"
 
-"@vue/reactivity@3.2.37":
-  version "3.2.37"
-  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.2.37.tgz#5bc3847ac58828e2b78526e08219e0a1089f8848"
-  integrity sha512-/7WRafBOshOc6m3F7plwzPeCu/RCVv9uMpOwa/5PiY1Zz+WLVRWiy0MYKwmg19KBdGtFWsmZ4cD+LOdVPcs52A==
+"@vue/reactivity@3.2.39":
+  version "3.2.39"
+  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.2.39.tgz#e6e3615fe2288d4232b104640ddabd0729a78c80"
+  integrity sha512-vlaYX2a3qMhIZfrw3Mtfd+BuU+TZmvDrPMa+6lpfzS9k/LnGxkSuf0fhkP0rMGfiOHPtyKoU9OJJJFGm92beVQ==
   dependencies:
-    "@vue/shared" "3.2.37"
+    "@vue/shared" "3.2.39"
 
-"@vue/runtime-core@3.2.37":
-  version "3.2.37"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.2.37.tgz#7ba7c54bb56e5d70edfc2f05766e1ca8519966e3"
-  integrity sha512-JPcd9kFyEdXLl/i0ClS7lwgcs0QpUAWj+SKX2ZC3ANKi1U4DOtiEr6cRqFXsPwY5u1L9fAjkinIdB8Rz3FoYNQ==
+"@vue/runtime-core@3.2.39":
+  version "3.2.39"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.2.39.tgz#dc1faccab11b3e81197aba33fb30c9447c1d2c84"
+  integrity sha512-xKH5XP57JW5JW+8ZG1khBbuLakINTgPuINKL01hStWLTTGFOrM49UfCFXBcFvWmSbci3gmJyLl2EAzCaZWsx8g==
   dependencies:
-    "@vue/reactivity" "3.2.37"
-    "@vue/shared" "3.2.37"
+    "@vue/reactivity" "3.2.39"
+    "@vue/shared" "3.2.39"
 
-"@vue/runtime-dom@3.2.37":
-  version "3.2.37"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.2.37.tgz#002bdc8228fa63949317756fb1e92cdd3f9f4bbd"
-  integrity sha512-HimKdh9BepShW6YozwRKAYjYQWg9mQn63RGEiSswMbW+ssIht1MILYlVGkAGGQbkhSh31PCdoUcfiu4apXJoPw==
+"@vue/runtime-dom@3.2.39":
+  version "3.2.39"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.2.39.tgz#4a8cb132bcef316e8151c5ed07fc7272eb064614"
+  integrity sha512-4G9AEJP+sLhsqf5wXcyKVWQKUhI+iWfy0hWQgea+CpaTD7BR0KdQzvoQdZhwCY6B3oleSyNLkLAQwm0ya/wNoA==
   dependencies:
-    "@vue/runtime-core" "3.2.37"
-    "@vue/shared" "3.2.37"
+    "@vue/runtime-core" "3.2.39"
+    "@vue/shared" "3.2.39"
     csstype "^2.6.8"
 
-"@vue/server-renderer@3.2.37", "@vue/server-renderer@^3.2.31":
-  version "3.2.37"
-  resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.2.37.tgz#840a29c8dcc29bddd9b5f5ffa22b95c0e72afdfc"
-  integrity sha512-kLITEJvaYgZQ2h47hIzPh2K3jG8c1zCVbp/o/bzQOyvzaKiCquKS7AaioPI28GNxIsE/zSx+EwWYsNxDCX95MA==
+"@vue/server-renderer@3.2.39", "@vue/server-renderer@^3.2.31":
+  version "3.2.39"
+  resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.2.39.tgz#4358292d925233b0d8b54cf0513eaece8b2351c5"
+  integrity sha512-1yn9u2YBQWIgytFMjz4f/t0j43awKytTGVptfd3FtBk76t1pd8mxbek0G/DrnjJhd2V7mSTb5qgnxMYt8Z5iSQ==
   dependencies:
-    "@vue/compiler-ssr" "3.2.37"
-    "@vue/shared" "3.2.37"
+    "@vue/compiler-ssr" "3.2.39"
+    "@vue/shared" "3.2.39"
 
-"@vue/shared@3.2.37", "@vue/shared@^3.2.31":
-  version "3.2.37"
-  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.37.tgz#8e6adc3f2759af52f0e85863dfb0b711ecc5c702"
-  integrity sha512-4rSJemR2NQIo9Klm1vabqWjD8rs/ZaJSzMxkMNeJS6lHiUjjUeYFbooN19NgFjztubEKh3WlZUeOLVdbbUWHsw==
+"@vue/shared@3.2.39", "@vue/shared@^3.2.31":
+  version "3.2.39"
+  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.39.tgz#302df167559a1a5156da162d8cc6760cef67f8e3"
+  integrity sha512-D3dl2ZB9qE6mTuWPk9RlhDeP1dgNRUKC3NJxji74A4yL8M2MwlhLKUC/49WHjrNzSPug58fWx/yFbaTzGAQSBw==
 
 "@vue/test-utils@^2.0.2":
   version "2.0.2"
@@ -2287,7 +2314,7 @@ acorn@^7.1.1:
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
   integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
 
-acorn@^8.5.0, acorn@^8.7.1:
+acorn@^8.5.0, acorn@^8.8.0:
   version "8.8.0"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.8.0.tgz#88c0187620435c7f6015803f5539dae05a9dbea8"
   integrity sha512-QOxyigPVrpZ2GXT+PFyZTl6TtOFc5egxHIP9IlQ+RbupQuX4RkT/Bee4/kQuC02Xkzg84JcT7oLYtDIQxp+v7w==
@@ -2470,6 +2497,13 @@ ast-types@0.14.2:
   dependencies:
     tslib "^2.0.1"
 
+ast-types@0.15.2:
+  version "0.15.2"
+  resolved "https://registry.yarnpkg.com/ast-types/-/ast-types-0.15.2.tgz#39ae4809393c4b16df751ee563411423e85fb49d"
+  integrity sha512-c27loCv9QkZinsa5ProX751khO9DJl/AcB5c2KNtA6NRvHKS0PgLfcftz72KVq504vB0Gku5s2kUZzDBvQWvHg==
+  dependencies:
+    tslib "^2.0.1"
+
 asynckit@^0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
@@ -2481,12 +2515,12 @@ at-least-node@^1.0.0:
   integrity sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==
 
 autoprefixer@^10.4.4:
-  version "10.4.7"
-  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.7.tgz#1db8d195f41a52ca5069b7593be167618edbbedf"
-  integrity sha512-ypHju4Y2Oav95SipEcCcI5J7CGPuvz8oat7sUtYj3ClK44bldfvtvcxK6IEK++7rqB7YchDGzweZIBG+SD0ZAA==
+  version "10.4.11"
+  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.11.tgz#835136aff1d9cd43640151e0d2dba00f8eac7c1c"
+  integrity sha512-5lHp6DgRodxlBLSkzHOTcufWFflH1ewfy2hvFQyjrblBFlP/0Yh4O/Wrg4ow8WRlN3AAUFFLAQwX8hTptzqVHg==
   dependencies:
-    browserslist "^4.20.3"
-    caniuse-lite "^1.0.30001335"
+    browserslist "^4.21.3"
+    caniuse-lite "^1.0.30001399"
     fraction.js "^4.2.0"
     normalize-range "^0.1.2"
     picocolors "^1.0.0"
@@ -2637,15 +2671,15 @@ browser-process-hrtime@^1.0.0:
   resolved "https://registry.yarnpkg.com/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz#3c9b4b7d782c8121e56f10106d84c0d0ffc94626"
   integrity sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==
 
-browserslist@^4.20.2, browserslist@^4.20.3:
-  version "4.21.2"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.2.tgz#59a400757465535954946a400b841ed37e2b4ecf"
-  integrity sha512-MonuOgAtUB46uP5CezYbRaYKBNt2LxP0yX+Pmj4LkcDFGkn9Cbpi83d9sCjwQDErXsIJSzY5oKGDbgOlF/LPAA==
+browserslist@^4.21.3:
+  version "4.21.4"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.4.tgz#e7496bbc67b9e39dd0f98565feccdcb0d4ff6987"
+  integrity sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==
   dependencies:
-    caniuse-lite "^1.0.30001366"
-    electron-to-chromium "^1.4.188"
+    caniuse-lite "^1.0.30001400"
+    electron-to-chromium "^1.4.251"
     node-releases "^2.0.6"
-    update-browserslist-db "^1.0.4"
+    update-browserslist-db "^1.0.9"
 
 bs-logger@0.x:
   version "0.2.6"
@@ -2674,7 +2708,7 @@ buffer@^5.5.0:
     base64-js "^1.3.1"
     ieee754 "^1.1.13"
 
-builtin-modules@^3.0.0:
+builtin-modules@^3.3.0:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-3.3.0.tgz#cae62812b89801e9656336e46223e030386be7b6"
   integrity sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==
@@ -2695,9 +2729,9 @@ byte-size@^7.0.0:
   integrity sha512-crQdqyCwhokxwV1UyDzLZanhkugAgft7vt0qbbdt60C6Zf3CAiGmtUCylbtYwrU6loOUw3euGrNtW1J651ot1A==
 
 cac@^6.7.12:
-  version "6.7.12"
-  resolved "https://registry.yarnpkg.com/cac/-/cac-6.7.12.tgz#6fb5ea2ff50bd01490dbda497f4ae75a99415193"
-  integrity sha512-rM7E2ygtMkJqD9c7WnFU6fruFcN3xe4FM5yUmgxhZzIKJk4uHl9U/fhwdajGFQbQuv43FAUo1Fe8gX/oIKDeSA==
+  version "6.7.14"
+  resolved "https://registry.yarnpkg.com/cac/-/cac-6.7.14.tgz#804e1e6f506ee363cb0e3ccbb09cad5dd9870959"
+  integrity sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==
 
 cacache@^15.0.5, cacache@^15.2.0:
   version "15.3.0"
@@ -2755,10 +2789,10 @@ camelcase@^6.2.0:
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.3.0.tgz#5685b95eb209ac9c0c177467778c9c84df58ba9a"
   integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
 
-caniuse-lite@^1.0.30001335, caniuse-lite@^1.0.30001366:
-  version "1.0.30001370"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001370.tgz#0a30d4f20d38b9e108cc5ae7cc62df9fe66cd5ba"
-  integrity sha512-3PDmaP56wz/qz7G508xzjx8C+MC2qEm4SYhSEzC9IBROo+dGXFWRuaXkWti0A9tuI00g+toiriVqxtWMgl350g==
+caniuse-lite@^1.0.30001399, caniuse-lite@^1.0.30001400:
+  version "1.0.30001402"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001402.tgz#aa29e1f47f5055b0d0c07696a67b8b08023d14c8"
+  integrity sha512-Mx4MlhXO5NwuvXGgVb+hg65HZ+bhUYsz8QtDGDo2QmaJS2GBX47Xfi2koL86lc8K+l+htXeTEB/Aeqvezoo6Ew==
 
 caseless@~0.12.0:
   version "0.12.0"
@@ -2800,9 +2834,9 @@ chardet@^0.7.0:
   integrity sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==
 
 chart.js@^3.4.0, chart.js@^3.8.2:
-  version "3.8.2"
-  resolved "https://registry.yarnpkg.com/chart.js/-/chart.js-3.8.2.tgz#e3ebb88f7072780eec4183a788a990f4a58ba7a1"
-  integrity sha512-7rqSlHWMUKFyBDOJvmFGW2lxULtcwaPLegDjX/Nu5j6QybY+GCiQkEY+6cqHw62S5tcwXMD8Y+H5OBGoR7d+ZQ==
+  version "3.9.1"
+  resolved "https://registry.yarnpkg.com/chart.js/-/chart.js-3.9.1.tgz#3abf2c775169c4c71217a107163ac708515924b8"
+  integrity sha512-Ro2JbLmvg83gXF5F4sniaQ+lTbSv18E+TIf2cOeiH1Iqd2PGFOtem+DUufMZsCJwFE7ywPOpfXFBwRTGq7dh6w==
 
 "chokidar@>=3.0.0 <4.0.0", chokidar@^3.5.1, chokidar@^3.5.3:
   version "3.5.3"
@@ -2835,9 +2869,9 @@ ci-info@^2.0.0:
   integrity sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ==
 
 ci-info@^3.2.0:
-  version "3.3.2"
-  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.3.2.tgz#6d2967ffa407466481c6c90b6e16b3098f080128"
-  integrity sha512-xmDt/QIAdeZ9+nfdPsaBCpMvHNLFiLdjj59qjqn+6iPe6YmHGQ35sBnQ8uslRBXFmXkiZQOJRjvQeoGppoTjjg==
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.4.0.tgz#b28484fd436cbc267900364f096c9dc185efb251"
+  integrity sha512-t5QdPT5jq3o262DOQ8zA6E1tlH2upmUc4Hlvrbx1pGYJuiiHl7O7rvVNI+l8HTVhd/q3Qc9vqimkNk5yiXsAug==
 
 cjs-module-lexer@^1.0.0:
   version "1.2.2"
@@ -3123,20 +3157,12 @@ cross-spawn@^7.0.2, cross-spawn@^7.0.3:
     shebang-command "^2.0.0"
     which "^2.0.1"
 
-css-tree@^2.0.1:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-2.1.0.tgz#170e27ccf94e7c5facb183765c25898be843d1d2"
-  integrity sha512-PcysZRzToBbrpoUrZ9qfblRIRf8zbEAkU0AIpQFtgkFK0vSbzOmBCvdSAx2Zg7Xx5wiYJKUKk0NMP7kxevie/A==
-  dependencies:
-    mdn-data "2.0.27"
-    source-map-js "^1.0.1"
-
-css-tree@~2.0.4:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-2.0.4.tgz#be44314f17e9ac85fe894a5888941782e1123c29"
-  integrity sha512-b4IS9ZUMtGBiNjzYbcj9JhYbyei99R3ai2CSxlu8GQDnoPA/P+NU85hAm0eKDc/Zp660rpK6tFJQ2OSdacMHVg==
+css-tree@^2.0.1, css-tree@~2.2.0:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-2.2.1.tgz#36115d382d60afd271e377f9c5f67d02bd48c032"
+  integrity sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==
   dependencies:
-    mdn-data "2.0.23"
+    mdn-data "2.0.28"
     source-map-js "^1.0.1"
 
 cssesc@^3.0.0:
@@ -3149,12 +3175,12 @@ cssfontparser@^1.2.1:
   resolved "https://registry.yarnpkg.com/cssfontparser/-/cssfontparser-1.2.1.tgz#f4022fc8f9700c68029d542084afbaf425a3f3e3"
   integrity sha512-6tun4LoZnj7VN6YeegOVb67KBX/7JJsqvj+pv3ZA7F878/eN33AbGa5b/S/wXxS/tcp8nc40xRUrsPlxIyNUPg==
 
-csso@^5.0.1:
-  version "5.0.4"
-  resolved "https://registry.yarnpkg.com/csso/-/csso-5.0.4.tgz#ea5e6c023faf0baa9230e69b4f91ccaaa0a3db8b"
-  integrity sha512-AxnuDS5yBhDT5TQMdNS+6o2OdWTKC8ioi7C+G5a30Zgo8XMAQSuMItktj/jvqh8QWOH85kDf0/S6mH1DMgyq1Q==
+csso@^5.0.5:
+  version "5.0.5"
+  resolved "https://registry.yarnpkg.com/csso/-/csso-5.0.5.tgz#f9b7fe6cc6ac0b7d90781bb16d5e9874303e2ca6"
+  integrity sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==
   dependencies:
-    css-tree "~2.0.4"
+    css-tree "~2.2.0"
 
 cssom@^0.5.0:
   version "0.5.0"
@@ -3174,9 +3200,9 @@ cssstyle@^2.3.0:
     cssom "~0.3.6"
 
 csstype@^2.6.8:
-  version "2.6.20"
-  resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.20.tgz#9229c65ea0b260cf4d3d997cb06288e36a8d6dda"
-  integrity sha512-/WwNkdXfckNgw6S5R125rrW8ez139lBHWouiBvX8dfMFtcn6V81REDqnH7+CRpRipfYlyU1CmOnOxrmGcFOjeA==
+  version "2.6.21"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.21.tgz#2efb85b7cc55c80017c66a5ad7cbd931fda3a90e"
+  integrity sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w==
 
 dargs@^7.0.0:
   version "7.0.0"
@@ -3230,9 +3256,9 @@ decamelize@^1.1.0:
   integrity sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==
 
 decimal.js@^10.3.1:
-  version "10.3.1"
-  resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.3.1.tgz#d8c3a444a9c6774ba60ca6ad7261c3a94fd5e783"
-  integrity sha512-V0pfhfr8suzyPGOx3nmq4aHqabehUZn6Ch9kyFpV79TGDTWFmHqUqXdabR7QHqxzrYolF4+tVmJhUG4OURg5dQ==
+  version "10.4.1"
+  resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.4.1.tgz#be75eeac4a2281aace80c1a8753587c27ef053e7"
+  integrity sha512-F29o+vci4DodHYT9UrR5IEbfBw9pE5eSapIJdTqXK5+6hq+t8VRxwQyKlW2i+KDKFkkJQRvFyI/QXD83h8LyQw==
 
 decode-uri-component@^0.2.0:
   version "0.2.0"
@@ -3370,10 +3396,10 @@ ecc-jsbn@~0.1.1:
     jsbn "~0.1.0"
     safer-buffer "^2.1.0"
 
-electron-to-chromium@^1.4.188:
-  version "1.4.199"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.199.tgz#e0384fde79fdda89880e8be58196a9153e04db3b"
-  integrity sha512-WIGME0Cs7oob3mxsJwHbeWkH0tYkIE/sjkJ8ML2BYmuRcjhRl/q5kVDXG7W9LOOKwzPU5M0LBlXRq9rlSgnNlg==
+electron-to-chromium@^1.4.251:
+  version "1.4.254"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.254.tgz#c6203583890abf88dfc0be046cd72d3b48f8beb6"
+  integrity sha512-Sh/7YsHqQYkA6ZHuHMy24e6TE4eX6KZVsZb9E/DvU1nQRIrH4BflO/4k+83tfdYvDl+MObvlqHPRICzEdC9c6Q==
 
 emittery@^0.10.2:
   version "0.10.2"
@@ -3420,15 +3446,15 @@ error-ex@^1.3.1:
     is-arrayish "^0.2.1"
 
 es-abstract@^1.19.0, es-abstract@^1.19.2, es-abstract@^1.19.5, es-abstract@^1.20.1:
-  version "1.20.1"
-  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.20.1.tgz#027292cd6ef44bd12b1913b828116f54787d1814"
-  integrity sha512-WEm2oBhfoI2sImeM4OF2zE2V3BYdSF+KnSi9Sidz51fQHd7+JuF8Xgcj9/0o+OWeIeIS/MiuNnlruQrJf16GQA==
+  version "1.20.2"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.20.2.tgz#8495a07bc56d342a3b8ea3ab01bd986700c2ccb3"
+  integrity sha512-XxXQuVNrySBNlEkTYJoDNFe5+s2yIOpzq80sUHEdPdQr0S5nTLz4ZPPPswNIpKseDDUS5yghX1gfLIHQZ1iNuQ==
   dependencies:
     call-bind "^1.0.2"
     es-to-primitive "^1.2.1"
     function-bind "^1.1.1"
     function.prototype.name "^1.1.5"
-    get-intrinsic "^1.1.1"
+    get-intrinsic "^1.1.2"
     get-symbol-description "^1.0.0"
     has "^1.0.3"
     has-property-descriptors "^1.0.0"
@@ -3440,9 +3466,9 @@ es-abstract@^1.19.0, es-abstract@^1.19.2, es-abstract@^1.19.5, es-abstract@^1.20
     is-shared-array-buffer "^1.0.2"
     is-string "^1.0.7"
     is-weakref "^1.0.2"
-    object-inspect "^1.12.0"
+    object-inspect "^1.12.2"
     object-keys "^1.1.1"
-    object.assign "^4.1.2"
+    object.assign "^4.1.4"
     regexp.prototype.flags "^1.4.3"
     string.prototype.trimend "^1.0.5"
     string.prototype.trimstart "^1.0.5"
@@ -3462,131 +3488,132 @@ es-to-primitive@^1.2.1:
     is-date-object "^1.0.1"
     is-symbol "^1.0.2"
 
-esbuild-android-64@0.14.50:
-  version "0.14.50"
-  resolved "https://registry.yarnpkg.com/esbuild-android-64/-/esbuild-android-64-0.14.50.tgz#a46fc80fa2007690e647680d837483a750a3097f"
-  integrity sha512-H7iUEm7gUJHzidsBlFPGF6FTExazcgXL/46xxLo6i6bMtPim6ZmXyTccS8yOMpy6HAC6dPZ/JCQqrkkin69n6Q==
-
-esbuild-android-arm64@0.14.50:
-  version "0.14.50"
-  resolved "https://registry.yarnpkg.com/esbuild-android-arm64/-/esbuild-android-arm64-0.14.50.tgz#bdda7851fa7f5f770d6ff0ad593a8945d3a0fcdd"
-  integrity sha512-NFaoqEwa+OYfoYVpQWDMdKII7wZZkAjtJFo1WdnBeCYlYikvUhTnf2aPwPu5qEAw/ie1NYK0yn3cafwP+kP+OQ==
-
-esbuild-darwin-64@0.14.50:
-  version "0.14.50"
-  resolved "https://registry.yarnpkg.com/esbuild-darwin-64/-/esbuild-darwin-64-0.14.50.tgz#f0535435f9760766f30db14a991ee5ca94c022a4"
-  integrity sha512-gDQsCvGnZiJv9cfdO48QqxkRV8oKAXgR2CGp7TdIpccwFdJMHf8hyIJhMW/05b/HJjET/26Us27Jx91BFfEVSA==
-
-esbuild-darwin-arm64@0.14.50:
-  version "0.14.50"
-  resolved "https://registry.yarnpkg.com/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.14.50.tgz#76a41a40e8947a15ae62970e9ed2853883c4b16c"
-  integrity sha512-36nNs5OjKIb/Q50Sgp8+rYW/PqirRiFN0NFc9hEvgPzNJxeJedktXwzfJSln4EcRFRh5Vz4IlqFRScp+aiBBzA==
-
-esbuild-freebsd-64@0.14.50:
-  version "0.14.50"
-  resolved "https://registry.yarnpkg.com/esbuild-freebsd-64/-/esbuild-freebsd-64-0.14.50.tgz#2ed6633c17ed42c20a1bd68e82c4bbc75ea4fb57"
-  integrity sha512-/1pHHCUem8e/R86/uR+4v5diI2CtBdiWKiqGuPa9b/0x3Nwdh5AOH7lj+8823C6uX1e0ufwkSLkS+aFZiBCWxA==
-
-esbuild-freebsd-arm64@0.14.50:
-  version "0.14.50"
-  resolved "https://registry.yarnpkg.com/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.14.50.tgz#cb115f4cdafe9cdbe58875ba482fccc54d32aa43"
-  integrity sha512-iKwUVMQztnPZe5pUYHdMkRc9aSpvoV1mkuHlCoPtxZA3V+Kg/ptpzkcSY+fKd0kuom+l6Rc93k0UPVkP7xoqrw==
-
-esbuild-linux-32@0.14.50:
-  version "0.14.50"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-32/-/esbuild-linux-32-0.14.50.tgz#fe2b724994dcf1d4e48dc4832ff008ad7d00bcfd"
-  integrity sha512-sWUwvf3uz7dFOpLzYuih+WQ7dRycrBWHCdoXJ4I4XdMxEHCECd8b7a9N9u7FzT6XR2gHPk9EzvchQUtiEMRwqw==
-
-esbuild-linux-64@0.14.50:
-  version "0.14.50"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-64/-/esbuild-linux-64-0.14.50.tgz#7851ab5151df9501a2187bd4909c594ad232b623"
-  integrity sha512-u0PQxPhaeI629t4Y3EEcQ0wmWG+tC/LpP2K7yDFvwuPq0jSQ8SIN+ARNYfRjGW15O2we3XJvklbGV0wRuUCPig==
-
-esbuild-linux-arm64@0.14.50:
-  version "0.14.50"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-arm64/-/esbuild-linux-arm64-0.14.50.tgz#76a76afef484a0512f1fbbcc762edd705dee8892"
-  integrity sha512-ZyfoNgsTftD7Rp5S7La5auomKdNeB3Ck+kSKXC4pp96VnHyYGjHHXWIlcbH8i+efRn9brszo1/Thl1qn8RqmhQ==
-
-esbuild-linux-arm@0.14.50:
-  version "0.14.50"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-arm/-/esbuild-linux-arm-0.14.50.tgz#6d7a8c0712091b0c3a668dd5d8b5c924adbaeb12"
-  integrity sha512-VALZq13bhmFJYFE/mLEb+9A0w5vo8z+YDVOWeaf9vOTrSC31RohRIwtxXBnVJ7YKLYfEMzcgFYf+OFln3Y0cWg==
-
-esbuild-linux-mips64le@0.14.50:
-  version "0.14.50"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.14.50.tgz#43426909c1884c5dc6b40765673a08a7ec1d2064"
-  integrity sha512-ygo31Vxn/WrmjKCHkBoutOlFG5yM9J2UhzHb0oWD9O61dGg+Hzjz9hjf5cmM7FBhAzdpOdEWHIrVOg2YAi6rTw==
-
-esbuild-linux-ppc64le@0.14.50:
-  version "0.14.50"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.14.50.tgz#c754ea3da1dd180c6e9b6b508dc18ce983d92b11"
-  integrity sha512-xWCKU5UaiTUT6Wz/O7GKP9KWdfbsb7vhfgQzRfX4ahh5NZV4ozZ4+SdzYG8WxetsLy84UzLX3Pi++xpVn1OkFQ==
-
-esbuild-linux-riscv64@0.14.50:
-  version "0.14.50"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.14.50.tgz#f3b2dd3c4c2b91bf191d3b98a9819c8aa6f5ad7f"
-  integrity sha512-0+dsneSEihZTopoO9B6Z6K4j3uI7EdxBP7YSF5rTwUgCID+wHD3vM1gGT0m+pjCW+NOacU9kH/WE9N686FHAJg==
-
-esbuild-linux-s390x@0.14.50:
-  version "0.14.50"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-s390x/-/esbuild-linux-s390x-0.14.50.tgz#3dfbc4578b2a81995caabb79df2b628ea86a5390"
-  integrity sha512-tVjqcu8o0P9H4StwbIhL1sQYm5mWATlodKB6dpEZFkcyTI8kfIGWiWcrGmkNGH2i1kBUOsdlBafPxR3nzp3TDA==
-
-esbuild-netbsd-64@0.14.50:
-  version "0.14.50"
-  resolved "https://registry.yarnpkg.com/esbuild-netbsd-64/-/esbuild-netbsd-64-0.14.50.tgz#17dbf51eaa48d983e794b588d195415410ef8c85"
-  integrity sha512-0R/glfqAQ2q6MHDf7YJw/TulibugjizBxyPvZIcorH0Mb7vSimdHy0XF5uCba5CKt+r4wjax1mvO9lZ4jiAhEg==
-
-esbuild-openbsd-64@0.14.50:
-  version "0.14.50"
-  resolved "https://registry.yarnpkg.com/esbuild-openbsd-64/-/esbuild-openbsd-64-0.14.50.tgz#cf6b1a50c8cf67b0725aaa4bce9773976168c50e"
-  integrity sha512-7PAtmrR5mDOFubXIkuxYQ4bdNS6XCK8AIIHUiZxq1kL8cFIH5731jPcXQ4JNy/wbj1C9sZ8rzD8BIM80Tqk29w==
-
-esbuild-sunos-64@0.14.50:
-  version "0.14.50"
-  resolved "https://registry.yarnpkg.com/esbuild-sunos-64/-/esbuild-sunos-64-0.14.50.tgz#f705ae0dd914c3b45dc43319c4f532216c3d841f"
-  integrity sha512-gBxNY/wyptvD7PkHIYcq7se6SQEXcSC8Y7mE0FJB+CGgssEWf6vBPfTTZ2b6BWKnmaP6P6qb7s/KRIV5T2PxsQ==
-
-esbuild-windows-32@0.14.50:
-  version "0.14.50"
-  resolved "https://registry.yarnpkg.com/esbuild-windows-32/-/esbuild-windows-32-0.14.50.tgz#6364905a99c1e6c1e2fe7bfccebd958131b1cd6c"
-  integrity sha512-MOOe6J9cqe/iW1qbIVYSAqzJFh0p2LBLhVUIWdMVnNUNjvg2/4QNX4oT4IzgDeldU+Bym9/Tn6+DxvUHJXL5Zw==
-
-esbuild-windows-64@0.14.50:
-  version "0.14.50"
-  resolved "https://registry.yarnpkg.com/esbuild-windows-64/-/esbuild-windows-64-0.14.50.tgz#56603cb6367e30d14098deb77de6aa18d76dd89b"
-  integrity sha512-r/qE5Ex3w1jjGv/JlpPoWB365ldkppUlnizhMxJgojp907ZF1PgLTuW207kgzZcSCXyquL9qJkMsY+MRtaZ5yQ==
-
-esbuild-windows-arm64@0.14.50:
-  version "0.14.50"
-  resolved "https://registry.yarnpkg.com/esbuild-windows-arm64/-/esbuild-windows-arm64-0.14.50.tgz#e7ddde6a97194051a5a4ac05f4f5900e922a7ea5"
-  integrity sha512-EMS4lQnsIe12ZyAinOINx7eq2mjpDdhGZZWDwPZE/yUTN9cnc2Ze/xUTYIAyaJqrqQda3LnDpADKpvLvol6ENQ==
+esbuild-android-64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-android-64/-/esbuild-android-64-0.14.54.tgz#505f41832884313bbaffb27704b8bcaa2d8616be"
+  integrity sha512-Tz2++Aqqz0rJ7kYBfz+iqyE3QMycD4vk7LBRyWaAVFgFtQ/O8EJOnVmTOiDWYZ/uYzB4kvP+bqejYdVKzE5lAQ==
+
+esbuild-android-arm64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-android-arm64/-/esbuild-android-arm64-0.14.54.tgz#8ce69d7caba49646e009968fe5754a21a9871771"
+  integrity sha512-F9E+/QDi9sSkLaClO8SOV6etqPd+5DgJje1F9lOWoNncDdOBL2YF59IhsWATSt0TLZbYCf3pNlTHvVV5VfHdvg==
+
+esbuild-darwin-64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-darwin-64/-/esbuild-darwin-64-0.14.54.tgz#24ba67b9a8cb890a3c08d9018f887cc221cdda25"
+  integrity sha512-jtdKWV3nBviOd5v4hOpkVmpxsBy90CGzebpbO9beiqUYVMBtSc0AL9zGftFuBon7PNDcdvNCEuQqw2x0wP9yug==
+
+esbuild-darwin-arm64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.14.54.tgz#3f7cdb78888ee05e488d250a2bdaab1fa671bf73"
+  integrity sha512-OPafJHD2oUPyvJMrsCvDGkRrVCar5aVyHfWGQzY1dWnzErjrDuSETxwA2HSsyg2jORLY8yBfzc1MIpUkXlctmw==
+
+esbuild-freebsd-64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-freebsd-64/-/esbuild-freebsd-64-0.14.54.tgz#09250f997a56ed4650f3e1979c905ffc40bbe94d"
+  integrity sha512-OKwd4gmwHqOTp4mOGZKe/XUlbDJ4Q9TjX0hMPIDBUWWu/kwhBAudJdBoxnjNf9ocIB6GN6CPowYpR/hRCbSYAg==
+
+esbuild-freebsd-arm64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.14.54.tgz#bafb46ed04fc5f97cbdb016d86947a79579f8e48"
+  integrity sha512-sFwueGr7OvIFiQT6WeG0jRLjkjdqWWSrfbVwZp8iMP+8UHEHRBvlaxL6IuKNDwAozNUmbb8nIMXa7oAOARGs1Q==
+
+esbuild-linux-32@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-32/-/esbuild-linux-32-0.14.54.tgz#e2a8c4a8efdc355405325033fcebeb941f781fe5"
+  integrity sha512-1ZuY+JDI//WmklKlBgJnglpUL1owm2OX+8E1syCD6UAxcMM/XoWd76OHSjl/0MR0LisSAXDqgjT3uJqT67O3qw==
+
+esbuild-linux-64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-64/-/esbuild-linux-64-0.14.54.tgz#de5fdba1c95666cf72369f52b40b03be71226652"
+  integrity sha512-EgjAgH5HwTbtNsTqQOXWApBaPVdDn7XcK+/PtJwZLT1UmpLoznPd8c5CxqsH2dQK3j05YsB3L17T8vE7cp4cCg==
+
+esbuild-linux-arm64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-arm64/-/esbuild-linux-arm64-0.14.54.tgz#dae4cd42ae9787468b6a5c158da4c84e83b0ce8b"
+  integrity sha512-WL71L+0Rwv+Gv/HTmxTEmpv0UgmxYa5ftZILVi2QmZBgX3q7+tDeOQNqGtdXSdsL8TQi1vIaVFHUPDe0O0kdig==
+
+esbuild-linux-arm@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-arm/-/esbuild-linux-arm-0.14.54.tgz#a2c1dff6d0f21dbe8fc6998a122675533ddfcd59"
+  integrity sha512-qqz/SjemQhVMTnvcLGoLOdFpCYbz4v4fUo+TfsWG+1aOu70/80RV6bgNpR2JCrppV2moUQkww+6bWxXRL9YMGw==
+
+esbuild-linux-mips64le@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.14.54.tgz#d9918e9e4cb972f8d6dae8e8655bf9ee131eda34"
+  integrity sha512-qTHGQB8D1etd0u1+sB6p0ikLKRVuCWhYQhAHRPkO+OF3I/iSlTKNNS0Lh2Oc0g0UFGguaFZZiPJdJey3AGpAlw==
+
+esbuild-linux-ppc64le@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.14.54.tgz#3f9a0f6d41073fb1a640680845c7de52995f137e"
+  integrity sha512-j3OMlzHiqwZBDPRCDFKcx595XVfOfOnv68Ax3U4UKZ3MTYQB5Yz3X1mn5GnodEVYzhtZgxEBidLWeIs8FDSfrQ==
+
+esbuild-linux-riscv64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.14.54.tgz#618853c028178a61837bc799d2013d4695e451c8"
+  integrity sha512-y7Vt7Wl9dkOGZjxQZnDAqqn+XOqFD7IMWiewY5SPlNlzMX39ocPQlOaoxvT4FllA5viyV26/QzHtvTjVNOxHZg==
+
+esbuild-linux-s390x@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-s390x/-/esbuild-linux-s390x-0.14.54.tgz#d1885c4c5a76bbb5a0fe182e2c8c60eb9e29f2a6"
+  integrity sha512-zaHpW9dziAsi7lRcyV4r8dhfG1qBidQWUXweUjnw+lliChJqQr+6XD71K41oEIC3Mx1KStovEmlzm+MkGZHnHA==
+
+esbuild-netbsd-64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-netbsd-64/-/esbuild-netbsd-64-0.14.54.tgz#69ae917a2ff241b7df1dbf22baf04bd330349e81"
+  integrity sha512-PR01lmIMnfJTgeU9VJTDY9ZerDWVFIUzAtJuDHwwceppW7cQWjBBqP48NdeRtoP04/AtO9a7w3viI+PIDr6d+w==
+
+esbuild-openbsd-64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-openbsd-64/-/esbuild-openbsd-64-0.14.54.tgz#db4c8495287a350a6790de22edea247a57c5d47b"
+  integrity sha512-Qyk7ikT2o7Wu76UsvvDS5q0amJvmRzDyVlL0qf5VLsLchjCa1+IAvd8kTBgUxD7VBUUVgItLkk609ZHUc1oCaw==
+
+esbuild-sunos-64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-sunos-64/-/esbuild-sunos-64-0.14.54.tgz#54287ee3da73d3844b721c21bc80c1dc7e1bf7da"
+  integrity sha512-28GZ24KmMSeKi5ueWzMcco6EBHStL3B6ubM7M51RmPwXQGLe0teBGJocmWhgwccA1GeFXqxzILIxXpHbl9Q/Kw==
+
+esbuild-windows-32@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-windows-32/-/esbuild-windows-32-0.14.54.tgz#f8aaf9a5667630b40f0fb3aa37bf01bbd340ce31"
+  integrity sha512-T+rdZW19ql9MjS7pixmZYVObd9G7kcaZo+sETqNH4RCkuuYSuv9AGHUVnPoP9hhuE1WM1ZimHz1CIBHBboLU7w==
+
+esbuild-windows-64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-windows-64/-/esbuild-windows-64-0.14.54.tgz#bf54b51bd3e9b0f1886ffdb224a4176031ea0af4"
+  integrity sha512-AoHTRBUuYwXtZhjXZbA1pGfTo8cJo3vZIcWGLiUcTNgHpJJMC1rVA44ZereBHMJtotyN71S8Qw0npiCIkW96cQ==
+
+esbuild-windows-arm64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-windows-arm64/-/esbuild-windows-arm64-0.14.54.tgz#937d15675a15e4b0e4fafdbaa3a01a776a2be982"
+  integrity sha512-M0kuUvXhot1zOISQGXwWn6YtS+Y/1RT9WrVIOywZnJHo3jCDyewAc79aKNQWFCQm+xNHVTq9h8dZKvygoXQQRg==
 
 esbuild@^0.14.27, esbuild@^0.14.29:
-  version "0.14.50"
-  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.14.50.tgz#7a665392c8df94bf6e1ae1e999966a5ee62c6cbc"
-  integrity sha512-SbC3k35Ih2IC6trhbMYW7hYeGdjPKf9atTKwBUHqMCYFZZ9z8zhuvfnZihsnJypl74FjiAKjBRqFkBkAd0rS/w==
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.14.54.tgz#8b44dcf2b0f1a66fc22459943dccf477535e9aa2"
+  integrity sha512-Cy9llcy8DvET5uznocPyqL3BFRrFXSVqbgpMJ9Wz8oVjZlh/zUSNbPRbov0VX7VxN2JH1Oa0uNxZ7eLRb62pJA==
   optionalDependencies:
-    esbuild-android-64 "0.14.50"
-    esbuild-android-arm64 "0.14.50"
-    esbuild-darwin-64 "0.14.50"
-    esbuild-darwin-arm64 "0.14.50"
-    esbuild-freebsd-64 "0.14.50"
-    esbuild-freebsd-arm64 "0.14.50"
-    esbuild-linux-32 "0.14.50"
-    esbuild-linux-64 "0.14.50"
-    esbuild-linux-arm "0.14.50"
-    esbuild-linux-arm64 "0.14.50"
-    esbuild-linux-mips64le "0.14.50"
-    esbuild-linux-ppc64le "0.14.50"
-    esbuild-linux-riscv64 "0.14.50"
-    esbuild-linux-s390x "0.14.50"
-    esbuild-netbsd-64 "0.14.50"
-    esbuild-openbsd-64 "0.14.50"
-    esbuild-sunos-64 "0.14.50"
-    esbuild-windows-32 "0.14.50"
-    esbuild-windows-64 "0.14.50"
-    esbuild-windows-arm64 "0.14.50"
+    "@esbuild/linux-loong64" "0.14.54"
+    esbuild-android-64 "0.14.54"
+    esbuild-android-arm64 "0.14.54"
+    esbuild-darwin-64 "0.14.54"
+    esbuild-darwin-arm64 "0.14.54"
+    esbuild-freebsd-64 "0.14.54"
+    esbuild-freebsd-arm64 "0.14.54"
+    esbuild-linux-32 "0.14.54"
+    esbuild-linux-64 "0.14.54"
+    esbuild-linux-arm "0.14.54"
+    esbuild-linux-arm64 "0.14.54"
+    esbuild-linux-mips64le "0.14.54"
+    esbuild-linux-ppc64le "0.14.54"
+    esbuild-linux-riscv64 "0.14.54"
+    esbuild-linux-s390x "0.14.54"
+    esbuild-netbsd-64 "0.14.54"
+    esbuild-openbsd-64 "0.14.54"
+    esbuild-sunos-64 "0.14.54"
+    esbuild-windows-32 "0.14.54"
+    esbuild-windows-64 "0.14.54"
+    esbuild-windows-arm64 "0.14.54"
 
 escalade@^3.1.1:
   version "3.1.1"
@@ -3632,10 +3659,10 @@ eslint-plugin-prettier@^4.0.0, eslint-plugin-prettier@^4.2.1:
   dependencies:
     prettier-linter-helpers "^1.0.0"
 
-eslint-plugin-vue@^9.3.0:
-  version "9.3.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-9.3.0.tgz#c3f5ce515dae387e062428725c5cf96098d9da0b"
-  integrity sha512-iscKKkBZgm6fGZwFt6poRoWC0Wy2dQOlwUPW++CiPoQiw1enctV2Hj5DBzzjJZfyqs+FAXhgzL4q0Ww03AgSmQ==
+eslint-plugin-vue@^9.5.1:
+  version "9.5.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-9.5.1.tgz#87ce075882cf7d824b95f46c224f91495fafcc54"
+  integrity sha512-Y0sL2RY7Xc9S8kNih9lbwHIDmewUg9bfas6WSzsOWRgDXhIHKxRBZYNAnVcXBFfE+bMWHUA5GLChl7TcTYUI8w==
   dependencies:
     eslint-utils "^3.0.0"
     natural-compare "^1.4.0"
@@ -3678,13 +3705,15 @@ eslint-visitor-keys@^3.3.0:
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz#f6480fa6b1f30efe2d1968aa8ac745b862469826"
   integrity sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==
 
-eslint@8.20.0:
-  version "8.20.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.20.0.tgz#048ac56aa18529967da8354a478be4ec0a2bc81b"
-  integrity sha512-d4ixhz5SKCa1D6SCPrivP7yYVi7nyD6A4vs6HIAul9ujBzcEmZVM3/0NN/yu5nKhmO1wjp5xQ46iRfmDGlOviA==
+eslint@8.23.1:
+  version "8.23.1"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.23.1.tgz#cfd7b3f7fdd07db8d16b4ac0516a29c8d8dca5dc"
+  integrity sha512-w7C1IXCc6fNqjpuYd0yPlcTKKmHlHHktRkzmBPZ+7cvNBQuiNjx0xaMTjAJGCafJhQkrFJooREv0CtrVzmHwqg==
   dependencies:
-    "@eslint/eslintrc" "^1.3.0"
-    "@humanwhocodes/config-array" "^0.9.2"
+    "@eslint/eslintrc" "^1.3.2"
+    "@humanwhocodes/config-array" "^0.10.4"
+    "@humanwhocodes/gitignore-to-minimatch" "^1.0.2"
+    "@humanwhocodes/module-importer" "^1.0.1"
     ajv "^6.10.0"
     chalk "^4.0.0"
     cross-spawn "^7.0.2"
@@ -3694,18 +3723,21 @@ eslint@8.20.0:
     eslint-scope "^7.1.1"
     eslint-utils "^3.0.0"
     eslint-visitor-keys "^3.3.0"
-    espree "^9.3.2"
+    espree "^9.4.0"
     esquery "^1.4.0"
     esutils "^2.0.2"
     fast-deep-equal "^3.1.3"
     file-entry-cache "^6.0.1"
-    functional-red-black-tree "^1.0.1"
+    find-up "^5.0.0"
     glob-parent "^6.0.1"
     globals "^13.15.0"
+    globby "^11.1.0"
+    grapheme-splitter "^1.0.4"
     ignore "^5.2.0"
     import-fresh "^3.0.0"
     imurmurhash "^0.1.4"
     is-glob "^4.0.0"
+    js-sdsl "^4.1.4"
     js-yaml "^4.1.0"
     json-stable-stringify-without-jsonify "^1.0.1"
     levn "^0.4.1"
@@ -3717,14 +3749,13 @@ eslint@8.20.0:
     strip-ansi "^6.0.1"
     strip-json-comments "^3.1.0"
     text-table "^0.2.0"
-    v8-compile-cache "^2.0.3"
 
-espree@^9.3.1, espree@^9.3.2:
-  version "9.3.2"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-9.3.2.tgz#f58f77bd334731182801ced3380a8cc859091596"
-  integrity sha512-D211tC7ZwouTIuY5x9XnS0E9sWNChB7IYKX/Xp5eQj3nFXhqmiUDB9q27y76oFl8jTg3pXcQx/bpxMfs3CIZbA==
+espree@^9.3.1, espree@^9.4.0:
+  version "9.4.0"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-9.4.0.tgz#cd4bc3d6e9336c433265fc0aa016fc1aaf182f8a"
+  integrity sha512-DQmnRpLj7f6TgN/NYb0MTzJXL+vJF9h3pHy4JhCIs3zwcgez8xmGg3sXHcEO97BrmO2OSvCwMdfdlyl+E9KjOw==
   dependencies:
-    acorn "^8.7.1"
+    acorn "^8.8.0"
     acorn-jsx "^5.3.2"
     eslint-visitor-keys "^3.3.0"
 
@@ -3802,7 +3833,7 @@ exit@^0.1.2:
   resolved "https://registry.yarnpkg.com/exit/-/exit-0.1.2.tgz#0632638f8d877cc82107d30a0fff1a17cba1cd0c"
   integrity sha512-Zk/eNKV2zbjpKzrsQ+n1G6poVbErQxJ0LBOJXaKZ1EViLzH+hrLu9cdXI4zw9dBQJslwBEpbQ2P1oS7nDxs6jQ==
 
-expect@^28.1.3:
+expect@^28.0.0, expect@^28.1.3:
   version "28.1.3"
   resolved "https://registry.yarnpkg.com/expect/-/expect-28.1.3.tgz#90a7c1a124f1824133dd4533cce2d2bdcb6603ec"
   integrity sha512-eEh0xn8HlsuOBxFgIss+2mX85VAS4Qy3OSkjV7rlBWljtA4oWH37glVGyOZSZvErDT/yBywZdPGwCXuTvSG85g==
@@ -3855,9 +3886,9 @@ fast-diff@^1.1.2:
   integrity sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==
 
 fast-glob@^3.0.3, fast-glob@^3.2.9:
-  version "3.2.11"
-  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.11.tgz#a1172ad95ceb8a16e20caa5c5e56480e5129c1d9"
-  integrity sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew==
+  version "3.2.12"
+  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.12.tgz#7f39ec99c2e6ab030337142da9e0c18f37afae80"
+  integrity sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==
   dependencies:
     "@nodelib/fs.stat" "^2.0.2"
     "@nodelib/fs.walk" "^1.2.3"
@@ -3930,6 +3961,14 @@ find-up@^4.0.0, find-up@^4.1.0:
     locate-path "^5.0.0"
     path-exists "^4.0.0"
 
+find-up@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-5.0.0.tgz#4c92819ecb7083561e4f4a240a86be5198f536fc"
+  integrity sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==
+  dependencies:
+    locate-path "^6.0.0"
+    path-exists "^4.0.0"
+
 flat-cache@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-3.0.4.tgz#61b0338302b2fe9f957dcc32fc2a87f1c3048b11"
@@ -3939,9 +3978,9 @@ flat-cache@^3.0.4:
     rimraf "^3.0.2"
 
 flatted@^3.1.0:
-  version "3.2.6"
-  resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.6.tgz#022e9218c637f9f3fc9c35ab9c9193f05add60b2"
-  integrity sha512-0sQoMh9s0BYsm+12Huy/rkKxVu4R1+r96YX5cG44rHV0pQ6iC3Q+mkoMFaGWObMFYQxCVT+ssG1ksneA2MI9KQ==
+  version "3.2.7"
+  resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.7.tgz#609f39207cb614b89d0765b477cb2d437fbf9787"
+  integrity sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==
 
 forever-agent@~0.6.1:
   version "0.6.1"
@@ -4063,10 +4102,10 @@ get-caller-file@^2.0.5:
   resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
   integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
 
-get-intrinsic@^1.0.2, get-intrinsic@^1.1.0, get-intrinsic@^1.1.1:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.1.2.tgz#336975123e05ad0b7ba41f152ee4aadbea6cf598"
-  integrity sha512-Jfm3OyCxHh9DJyc28qGk+JmfkpO41A4XkneDSujN9MDXrm4oDKdHvndhZ2dN94+ERNfkYJWDclW6k2L/ZGHjXA==
+get-intrinsic@^1.0.2, get-intrinsic@^1.1.0, get-intrinsic@^1.1.1, get-intrinsic@^1.1.2:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.1.3.tgz#063c84329ad93e83893c7f4f243ef63ffa351385"
+  integrity sha512-QJVz1Tj7MS099PevUG5jvnt9tSkXN8K14dxQlikJuPt4uD9hHAHjLyLBiLR5zELelBdD9QNRAXZzsJx0WaDL9A==
   dependencies:
     function-bind "^1.1.1"
     has "^1.0.3"
@@ -4230,6 +4269,11 @@ graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.10.tgz#147d3a006da4ca3ce14728c7aefc287c367d7a6c"
   integrity sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==
 
+grapheme-splitter@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz#9cf3a665c6247479896834af35cf1dbb4400767e"
+  integrity sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==
+
 gray-matter@^4.0.3:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/gray-matter/-/gray-matter-4.0.3.tgz#e893c064825de73ea1f5f7d88c7a9f7274288798"
@@ -4292,7 +4336,7 @@ has-property-descriptors@^1.0.0:
   dependencies:
     get-intrinsic "^1.1.1"
 
-has-symbols@^1.0.1, has-symbols@^1.0.2, has-symbols@^1.0.3:
+has-symbols@^1.0.2, has-symbols@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.3.tgz#bb7b2c4349251dce87b125f7bdf874aa7c8b39f8"
   integrity sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==
@@ -4561,16 +4605,16 @@ is-boolean-object@^1.1.0:
     has-tostringtag "^1.0.0"
 
 is-builtin-module@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/is-builtin-module/-/is-builtin-module-3.1.0.tgz#6fdb24313b1c03b75f8b9711c0feb8c30b903b00"
-  integrity sha512-OV7JjAgOTfAFJmHZLvpSTb4qi0nIILDV1gWPYDnDJUTNFM5aGlRAhk4QcT8i7TuAleeEV5Fdkqn3t4mS+Q11fg==
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/is-builtin-module/-/is-builtin-module-3.2.0.tgz#bb0310dfe881f144ca83f30100ceb10cf58835e0"
+  integrity sha512-phDA4oSGt7vl1n5tJvTWooWWAsXLY+2xCnxNqvKhGEzujg+A43wPlPOyDg3C8XQHN+6k/JTQWJ/j0dQh/qr+Hw==
   dependencies:
-    builtin-modules "^3.0.0"
+    builtin-modules "^3.3.0"
 
 is-callable@^1.1.4, is-callable@^1.2.4:
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.4.tgz#47301d58dd0259407865547853df6d61fe471945"
-  integrity sha512-nsuwtxZfMX67Oryl9LCQ+upnC0Z0BgpwntpS89m1H/TLF0zNfzfLMV/9Wa/6MZsj0acpEjAO0KF1xT6ZdLl95w==
+  version "1.2.6"
+  resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.6.tgz#fd6170b0b8c7e2cc73de342ef8284a2202023c44"
+  integrity sha512-krO72EO2NptOGAX2KYyqbP9vYMlNAXdB53rq6f8LXY6RY7JdSR/3BD6wLUlPHSAesmY9vstNrjvqGaCiRK/91Q==
 
 is-ci@^2.0.0:
   version "2.0.0"
@@ -4580,9 +4624,9 @@ is-ci@^2.0.0:
     ci-info "^2.0.0"
 
 is-core-module@^2.5.0, is-core-module@^2.9.0:
-  version "2.9.0"
-  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.9.0.tgz#e1c34429cd51c6dd9e09e0799e396e27b19a9c69"
-  integrity sha512-+5FPy5PnwmO3lvfMb0AsoPaBG+5KHUI0wYFXOtYPnVVVspTFUuMZNfNaNVRt3FZadstu2c8x23vykRW/NBoU6A==
+  version "2.10.0"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.10.0.tgz#9012ede0a91c69587e647514e1d5277019e728ed"
+  integrity sha512-Erxj2n/LDAZ7H8WNJXd9tw38GYM3dv8rk8Zcs+jJuxYTW7sozH+SS8NtrSjVL1/vpLvWi1hxy96IzjJ3EHTJJg==
   dependencies:
     has "^1.0.3"
 
@@ -5011,7 +5055,7 @@ jest-leak-detector@^28.1.3:
     jest-get-type "^28.0.2"
     pretty-format "^28.1.3"
 
-jest-matcher-utils@^28.0.0, jest-matcher-utils@^28.1.3:
+jest-matcher-utils@^28.1.3:
   version "28.1.3"
   resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-28.1.3.tgz#5a77f1c129dd5ba3b4d7fc20728806c78893146e"
   integrity sha512-kQeJ7qHemKfbzKoGjHHrRKH6atgxMk8Enkk2iPQ3XwO6oE/KYD8lMYOziCkeSB9G4adPM4nR1DE8Tf5JeWH6Bw==
@@ -5218,6 +5262,11 @@ jest@^28.1.3:
     import-local "^3.0.2"
     jest-cli "^28.1.3"
 
+js-sdsl@^4.1.4:
+  version "4.1.4"
+  resolved "https://registry.yarnpkg.com/js-sdsl/-/js-sdsl-4.1.4.tgz#78793c90f80e8430b7d8dc94515b6c77d98a26a6"
+  integrity sha512-Y2/yD55y5jteOAmY50JbUZYwk3CP3wnLPEZnlR1w9oKhITrBEtAxwuWKebFf8hMrPMgbYwFoWK/lH2sBkErELw==
+
 js-stringify@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/js-stringify/-/js-stringify-1.0.2.tgz#1736fddfd9724f28a3682adc6230ae7e4e9679db"
@@ -5481,6 +5530,13 @@ locate-path@^5.0.0:
   dependencies:
     p-locate "^4.1.0"
 
+locate-path@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-6.0.0.tgz#55321eb309febbc59c4801d931a72452a681d286"
+  integrity sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==
+  dependencies:
+    p-locate "^5.0.0"
+
 lodash._reinterpolate@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz#0ccf2d89166af03b3663c796538b75ac6e114d9d"
@@ -5632,9 +5688,9 @@ map-obj@^4.0.0:
   integrity sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==
 
 markdown-it-anchor@^8.4.1:
-  version "8.6.4"
-  resolved "https://registry.yarnpkg.com/markdown-it-anchor/-/markdown-it-anchor-8.6.4.tgz#affb8aa0910a504c114e9fcad53ac3a5b907b0e6"
-  integrity sha512-Ul4YVYZNxMJYALpKtu+ZRdrryYt/GlQ5CK+4l1bp/gWXOG2QWElt6AqF3Mih/wfUKdZbNAZVXGR73/n6U/8img==
+  version "8.6.5"
+  resolved "https://registry.yarnpkg.com/markdown-it-anchor/-/markdown-it-anchor-8.6.5.tgz#30c4bc5bbff327f15ce3c429010ec7ba75e7b5f8"
+  integrity sha512-PI1qEHHkTNWT+X6Ip9w+paonfIQ+QZP9sCeMYi47oqhH+EsW8CrJ8J7CzV19QVOj6il8ATGbK2nTECj22ZHGvQ==
 
 markdown-it-container@^3.0.0:
   version "3.0.0"
@@ -5662,15 +5718,10 @@ markdown-it@^12.3.2:
     mdurl "^1.0.1"
     uc.micro "^1.0.5"
 
-mdn-data@2.0.23:
-  version "2.0.23"
-  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.23.tgz#dfb6c41e50a0edb808cf340973ab29321b70808e"
-  integrity sha512-IonVb7pfla2U4zW8rc7XGrtgq11BvYeCxWN8HS+KFBnLDE7XDK9AAMVhRuG6fj9BBsjc69Fqsp6WEActEdNTDQ==
-
-mdn-data@2.0.27:
-  version "2.0.27"
-  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.27.tgz#1710baa7b0db8176d3b3d565ccb7915fc69525ab"
-  integrity sha512-kwqO0I0jtWr25KcfLm9pia8vLZ8qoAKhWZuZMbneJq3jjBD3gl5nZs8l8Tu3ZBlBAHVQtDur9rdDGyvtfVraHQ==
+mdn-data@2.0.28:
+  version "2.0.28"
+  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.28.tgz#5ec48e7bef120654539069e1ae4ddc81ca490eba"
+  integrity sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==
 
 mdurl@^1.0.1:
   version "1.0.1"
@@ -6139,9 +6190,9 @@ number-is-nan@^1.0.0:
   integrity sha512-4jbtZXNAsfZbAHiiqjLPBiCl16dES1zI4Hpzzxw61Tk+loF+sBDBKx1ICKKKwIqQ7M0mFn1TmkN7euSncWgHiQ==
 
 nwsapi@^2.2.0:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.1.tgz#10a9f268fbf4c461249ebcfe38e359aa36e2577c"
-  integrity sha512-JYOWTeFoS0Z93587vRJgASD5Ut11fYl5NyihP3KrYBvMe1FRRs6RN7m20SA/16GM4P6hTnZjT+UmDOt38UeXNg==
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.2.tgz#e5418863e7905df67d51ec95938d67bf801f0bb0"
+  integrity sha512-90yv+6538zuvUMnN+zCr8LuV6bPFdq50304114vJYJ8RDyK8D5O9Phpbd6SZWgI7PwzmmfN1upeOJlvybDSgCw==
 
 oauth-sign@~0.9.0:
   version "0.9.0"
@@ -6153,7 +6204,7 @@ object-assign@^4.1.0, object-assign@^4.1.1:
   resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
   integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
 
-object-inspect@^1.12.0, object-inspect@^1.9.0:
+object-inspect@^1.12.2, object-inspect@^1.9.0:
   version "1.12.2"
   resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.12.2.tgz#c0641f26394532f28ab8d796ab954e43c009a8ea"
   integrity sha512-z+cPxW0QGUp0mcqcsgQyLVRDoXFQbXOwBaqyF7VIgI4TWNQsDHrBpUQslRmIfAoYWdYzs6UlKJtB2XJpTaNSpQ==
@@ -6163,14 +6214,14 @@ object-keys@^1.1.1:
   resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e"
   integrity sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==
 
-object.assign@^4.1.0, object.assign@^4.1.2:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.2.tgz#0ed54a342eceb37b38ff76eb831a0e788cb63940"
-  integrity sha512-ixT2L5THXsApyiUPYKmW+2EHpXXe5Ii3M+f4e+aJFAHao5amFRW6J0OO6c/LU8Be47utCx2GL89hxGB6XSmKuQ==
+object.assign@^4.1.0, object.assign@^4.1.4:
+  version "4.1.4"
+  resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.4.tgz#9673c7c7c351ab8c4d0b516f4343ebf4dfb7799f"
+  integrity sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==
   dependencies:
-    call-bind "^1.0.0"
-    define-properties "^1.1.3"
-    has-symbols "^1.0.1"
+    call-bind "^1.0.2"
+    define-properties "^1.1.4"
+    has-symbols "^1.0.3"
     object-keys "^1.1.1"
 
 object.getownpropertydescriptors@^2.0.3:
@@ -6273,7 +6324,7 @@ p-limit@^2.2.0:
   dependencies:
     p-try "^2.0.0"
 
-p-limit@^3.1.0:
+p-limit@^3.0.2, p-limit@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-3.1.0.tgz#e1daccbe78d0d1388ca18c64fea38e3e57e3706b"
   integrity sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==
@@ -6294,6 +6345,13 @@ p-locate@^4.1.0:
   dependencies:
     p-limit "^2.2.0"
 
+p-locate@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-5.0.0.tgz#83c8315c6785005e3bd021839411c9e110e6d834"
+  integrity sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==
+  dependencies:
+    p-limit "^3.0.2"
+
 p-map-series@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/p-map-series/-/p-map-series-2.1.0.tgz#7560d4c452d9da0c07e692fdbfe6e2c81a2a91f2"
@@ -6515,11 +6573,11 @@ postcss-combine-duplicated-selectors@^10.0.3:
     postcss-selector-parser "^6.0.4"
 
 postcss-csso@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-csso/-/postcss-csso-6.0.0.tgz#ff3ec8ce0694d797b75f7f7e10c4ac5a35e7780f"
-  integrity sha512-LsrU+LVR0mNIYauoTEbYVC81i+yXcGWa9kqW6Lvm+gYUZTaNTJmJT6Dbv+fqT8gOnwXAH1RV+5RXvAVoRtwO+g==
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-csso/-/postcss-csso-6.0.1.tgz#6a3e812e236fde6d710a525f2b63e6d9da5a5008"
+  integrity sha512-ZV4yEziMrx6CEiqabGLrDva0pMD7Fbw7yP+LzJvaynM4OJgTssGN6dHiMsJMJdpmNaLJltXVLsrb/5sxbFa8sA==
   dependencies:
-    csso "^5.0.1"
+    csso "^5.0.5"
 
 postcss-selector-parser@^6.0.4, postcss-selector-parser@^6.0.9:
   version "6.0.10"
@@ -6535,9 +6593,9 @@ postcss-value-parser@^4.2.0:
   integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
 
 postcss@^8.1.10, postcss@^8.4.12, postcss@^8.4.13:
-  version "8.4.14"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.14.tgz#ee9274d5622b4858c1007a74d76e42e56fd21caf"
-  integrity sha512-E398TUmfAYFPBSdzgeieK2Y1+1cpdxJx8yXbK/m57nRhKSmk1GB2tO4lbLBtlkfPQTDKfe4Xqv1ASWPpayPEig==
+  version "8.4.16"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.16.tgz#33a1d675fac39941f5f445db0de4db2b6e01d43c"
+  integrity sha512-ipHE1XBvKzm5xI7hiHCZJCSugxvsdq2mPnsq5+UF+VHCjiBvtDrlxJfMBToWaP9D5XlgNmcFGqoHmUn0EYEaRQ==
   dependencies:
     nanoid "^3.3.4"
     picocolors "^1.0.0"
@@ -6581,9 +6639,9 @@ pretty-format@^28.0.0, pretty-format@^28.1.3:
     react-is "^18.0.0"
 
 prismjs@^1.27.0:
-  version "1.28.0"
-  resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.28.0.tgz#0d8f561fa0f7cf6ebca901747828b149147044b6"
-  integrity sha512-8aaXdYvl1F7iC7Xm1spqSaY/OJBpYW3v+KJ+F17iYxvdc8sfjW194COK5wVhMZX45tGteiBQgdvD/nhxcRwylw==
+  version "1.29.0"
+  resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.29.0.tgz#f113555a8fa9b57c35e637bba27509dcf802dd12"
+  integrity sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==
 
 process-nextick-args@~2.0.0:
   version "2.0.1"
@@ -6785,6 +6843,11 @@ query-string@^6.13.8:
     split-on-first "^1.0.0"
     strict-uri-encode "^2.0.0"
 
+querystringify@^2.1.1:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/querystringify/-/querystringify-2.2.0.tgz#3345941b4153cb9d082d8eee4cda2016a9aef7f6"
+  integrity sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==
+
 queue-microtask@^1.2.2:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
@@ -6934,12 +6997,12 @@ readdirp@~3.6.0:
   dependencies:
     picomatch "^2.2.1"
 
-recast@0.20.5:
-  version "0.20.5"
-  resolved "https://registry.yarnpkg.com/recast/-/recast-0.20.5.tgz#8e2c6c96827a1b339c634dd232957d230553ceae"
-  integrity sha512-E5qICoPoNL4yU0H0NoBDntNB0Q5oMSNh9usFctYniLBluTthi3RsQVBXIJNbApOlvSwW/RGxIuokPcAc59J5fQ==
+recast@0.21.1:
+  version "0.21.1"
+  resolved "https://registry.yarnpkg.com/recast/-/recast-0.21.1.tgz#9b3f4f68c1fe9c1513a1c02ff572fdef02231de2"
+  integrity sha512-PF61BHLaOGF5oIKTpSrDM6Qfy2d7DIx5qblgqG+wjqHuFH97OgAqBYFIJwEuHTrM6pQGT17IJ8D0C/jVu/0tig==
   dependencies:
-    ast-types "0.14.2"
+    ast-types "0.15.2"
     esprima "~4.0.0"
     source-map "~0.6.1"
     tslib "^2.0.1"
@@ -6997,6 +7060,11 @@ require-directory@^2.1.1:
   resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
   integrity sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==
 
+requires-port@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff"
+  integrity sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==
+
 resolve-cwd@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/resolve-cwd/-/resolve-cwd-3.0.0.tgz#0f0075f1bb2544766cf73ba6a6e2adfebcb13f2d"
@@ -7081,10 +7149,17 @@ rollup-pluginutils@^2.8.2:
   dependencies:
     estree-walker "^0.6.1"
 
-rollup@^2.59.0, rollup@^2.70.1, rollup@^2.77.0:
-  version "2.77.0"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.77.0.tgz#749eaa5ac09b6baa52acc076bc46613eddfd53f4"
-  integrity sha512-vL8xjY4yOQEw79DvyXLijhnhh+R/O9zpF/LEgkCebZFtb6ELeN9H3/2T0r8+mp+fFTBHZ5qGpOpW2ela2zRt3g==
+"rollup@>=2.59.0 <2.78.0":
+  version "2.77.3"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.77.3.tgz#8f00418d3a2740036e15deb653bed1a90ee0cc12"
+  integrity sha512-/qxNTG7FbmefJWoeeYJFbHehJ2HNWnjkAFRKzWN/45eNBBF/r8lo992CwcJXEzyVxs5FmfId+vTSTQDb+bxA+g==
+  optionalDependencies:
+    fsevents "~2.3.2"
+
+rollup@^2.70.1, rollup@^2.79.0:
+  version "2.79.0"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.79.0.tgz#9177992c9f09eb58c5e56cbfa641607a12b57ce2"
+  integrity sha512-x4KsrCgwQ7ZJPcFA/SUu6QVcYlO7uRLfLAy0DSA4NS2eG8japdbpM50ToH7z4iObodRYOJ0soneF0iaQRJ6zhA==
   optionalDependencies:
     fsevents "~2.3.2"
 
@@ -7131,9 +7206,9 @@ sass-loader@^12.6.0:
     neo-async "^2.6.2"
 
 sass@^1.49.10:
-  version "1.54.0"
-  resolved "https://registry.yarnpkg.com/sass/-/sass-1.54.0.tgz#24873673265e2a4fe3d3a997f714971db2fba1f4"
-  integrity sha512-C4zp79GCXZfK0yoHZg+GxF818/aclhp9F48XBu/+bm9vXEVAYov9iU3FBVRMq3Hx3OA4jfKL+p2K9180mEh0xQ==
+  version "1.54.9"
+  resolved "https://registry.yarnpkg.com/sass/-/sass-1.54.9.tgz#b05f14ed572869218d1a76961de60cd647221762"
+  integrity sha512-xb1hjASzEH+0L0WI9oFjqhRi51t/gagWnxLiwUNMltA0Ab6jIDkAacgKiGYKM9Jhy109osM7woEEai6SXeJo5Q==
   dependencies:
     chokidar ">=3.0.0 <4.0.0"
     immutable "^4.0.0"
@@ -7319,9 +7394,9 @@ spdx-expression-parse@^3.0.0:
     spdx-license-ids "^3.0.0"
 
 spdx-license-ids@^3.0.0:
-  version "3.0.11"
-  resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.11.tgz#50c0d8c40a14ec1bf449bae69a0ea4685a9d9f95"
-  integrity sha512-Ctl2BrFiM0X3MANYgj3CkygxhRmr9mi6xhejbdO960nF6EDJApTYpn0BQnDKlnNBULKiCN1n3w9EBkHK8ZWg+g==
+  version "3.0.12"
+  resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.12.tgz#69077835abe2710b65f03969898b6637b505a779"
+  integrity sha512-rr+VVSXtRhO4OHbXUiAF7xW3Bo9DuuF6C5jH+q/x15j2jniycgKbxU09Hr0WqlSLUs4i4ltHGXqTe7VHclYWyA==
 
 split-on-first@^1.0.0:
   version "1.1.0"
@@ -7521,9 +7596,9 @@ supports-color@^8.0.0:
     has-flag "^4.0.0"
 
 supports-hyperlinks@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/supports-hyperlinks/-/supports-hyperlinks-2.2.0.tgz#4f77b42488765891774b70c79babd87f9bd594bb"
-  integrity sha512-6sXEzV5+I5j8Bmq9/vUphGRM/RJNT9SCURJLjwfOg51heRtguGWDzcaBlgAzKhQa0EVNpPEKzQuBwZ8S8WaCeQ==
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/supports-hyperlinks/-/supports-hyperlinks-2.3.0.tgz#3943544347c1ff90b15effb03fc14ae45ec10624"
+  integrity sha512-RpsAZlpWcDwOPQA22aCH4J0t7L8JmAvsCxfOSEwm7cQs3LshN36QaTkwd70DnBOXDWGssw2eUoc8CaRWT0XunA==
   dependencies:
     has-flag "^4.0.0"
     supports-color "^7.0.0"
@@ -7661,13 +7736,14 @@ toml@^3.0.0:
   integrity sha512-y/mWCZinnvxjTKYhJ+pYxwD0mRLVvOtdS2Awbgxln6iEnt4rk0yBxeSBHkGJcPucRiG0e55mwWp+g/05rsrd6w==
 
 tough-cookie@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-4.0.0.tgz#d822234eeca882f991f0f908824ad2622ddbece4"
-  integrity sha512-tHdtEpQCMrc1YLrMaqXXcj6AxhYi/xgit6mZu1+EDWUn+qhUf8wMQoFIy9NXuq23zAwtcB0t/MjACGR18pcRbg==
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-4.1.2.tgz#e53e84b85f24e0b65dd526f46628db6c85f6b874"
+  integrity sha512-G9fqXWoYFZgTc2z8Q5zaHy/vJMjm+WV0AkAeHxVCQiEB1b+dGvWzFW6QV07cY5jQ5gRkeid2qIkzkxUnmoQZUQ==
   dependencies:
     psl "^1.1.33"
     punycode "^2.1.1"
-    universalify "^0.1.2"
+    universalify "^0.2.0"
+    url-parse "^1.5.3"
 
 tough-cookie@~2.5.0:
   version "2.5.0"
@@ -7706,10 +7782,10 @@ ts-debounce@^4.0.0:
   resolved "https://registry.yarnpkg.com/ts-debounce/-/ts-debounce-4.0.0.tgz#33440ef64fab53793c3d546a8ca6ae539ec15841"
   integrity sha512-+1iDGY6NmOGidq7i7xZGA4cm8DAa6fqdYcvO5Z6yBevH++Bdo9Qt/mN0TzHUgcCcKv1gmh9+W5dHqz8pMWbCbg==
 
-ts-jest@^28.0.7:
-  version "28.0.7"
-  resolved "https://registry.yarnpkg.com/ts-jest/-/ts-jest-28.0.7.tgz#e18757a9e44693da9980a79127e5df5a98b37ac6"
-  integrity sha512-wWXCSmTwBVmdvWrOpYhal79bDpioDy4rTT+0vyUnE3ZzM7LOAAGG9NXwzkEL/a516rQEgnMmS/WKP9jBPCVJyA==
+ts-jest@^28.0.8:
+  version "28.0.8"
+  resolved "https://registry.yarnpkg.com/ts-jest/-/ts-jest-28.0.8.tgz#cd204b8e7a2f78da32cf6c95c9a6165c5b99cc73"
+  integrity sha512-5FaG0lXmRPzApix8oFG8RKjAz4ehtm8yMKOTy5HX3fY6W8kmvOrmcY0hKDElW52FJov+clhUbrKAqofnj4mXTg==
   dependencies:
     bs-logger "0.x"
     fast-json-stable-stringify "2.x"
@@ -7825,10 +7901,10 @@ typedarray@^0.0.6:
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
   integrity sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==
 
-typescript@^4.7.4:
-  version "4.7.4"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.7.4.tgz#1a88596d1cf47d59507a1bcdfb5b9dfe4d488235"
-  integrity sha512-C0WQT0gezHuw6AdY1M2jxUO83Rjf0HP7Sk1DtXj6j1EwkQNZrHAg2XPWlq62oqEhYvONq5pkC2Y9oPljWToLmQ==
+typescript@^4.8.3:
+  version "4.8.3"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.8.3.tgz#d59344522c4bc464a65a730ac695007fdb66dd88"
+  integrity sha512-goMHfm00nWPa8UvR/CPSvykqf6dVV8x/dp0c5mFTMTIu0u0FlGWRioyy7Nn0PGAdHxpJZnuO/ut+PpQ8UiHAig==
 
 uc.micro@^1.0.1, uc.micro@^1.0.5:
   version "1.0.6"
@@ -7836,9 +7912,9 @@ uc.micro@^1.0.1, uc.micro@^1.0.5:
   integrity sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA==
 
 uglify-js@^3.1.4:
-  version "3.16.3"
-  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.16.3.tgz#94c7a63337ee31227a18d03b8a3041c210fd1f1d"
-  integrity sha512-uVbFqx9vvLhQg0iBaau9Z75AxWJ8tqM9AV890dIZCLApF4rTcyHwmAvLeEdYRs+BzYWu8Iw81F79ah0EfTXbaw==
+  version "3.17.0"
+  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.17.0.tgz#55bd6e9d19ce5eef0d5ad17cd1f587d85b180a85"
+  integrity sha512-aTeNPVmgIMPpm1cxXr2Q/nEbvkmV8yq66F3om7X3P/cvOXQ0TMQ64Wk63iyT1gPlmdmGzjGpyLh1f3y8MZWXGg==
 
 uid-number@0.0.6:
   version "0.0.6"
@@ -7879,10 +7955,10 @@ universal-user-agent@^6.0.0:
   resolved "https://registry.yarnpkg.com/universal-user-agent/-/universal-user-agent-6.0.0.tgz#3381f8503b251c0d9cd21bc1de939ec9df5480ee"
   integrity sha512-isyNax3wXoKaulPDZWHQqbmIx1k2tb9fb3GGDBRxCscfYV2Ch7WxPArBsFEG8s/safwXTT7H4QGhaIkTp9447w==
 
-universalify@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.1.2.tgz#b646f69be3942dabcecc9d6639c80dc105efaa66"
-  integrity sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==
+universalify@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.2.0.tgz#6451760566fa857534745ab1dde952d1b1761be0"
+  integrity sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==
 
 universalify@^2.0.0:
   version "2.0.0"
@@ -7894,10 +7970,10 @@ upath@^2.0.1:
   resolved "https://registry.yarnpkg.com/upath/-/upath-2.0.1.tgz#50c73dea68d6f6b990f51d279ce6081665d61a8b"
   integrity sha512-1uEe95xksV1O0CYKXo8vQvN1JEbtJp7lb7C5U9HMsIp6IVwntkH/oNUzyVNQSd4S1sYk2FpSSW44FqMc8qee5w==
 
-update-browserslist-db@^1.0.4:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.5.tgz#be06a5eedd62f107b7c19eb5bcefb194411abf38"
-  integrity sha512-dteFFpCyvuDdr9S/ff1ISkKt/9YZxKjI9WlRR99c180GaztJtRa/fn18FdxGVKVsnPY7/a/FDN68mcvUmP4U7Q==
+update-browserslist-db@^1.0.9:
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.9.tgz#2924d3927367a38d5c555413a7ce138fc95fcb18"
+  integrity sha512-/xsqn21EGVdXI3EXSum1Yckj3ZVZugqyOZQ/CxYPBD/R+ko9NSUScf8tFF4dOKY+2pvSSJA/S+5B8s4Zr4kyvg==
   dependencies:
     escalade "^3.1.1"
     picocolors "^1.0.0"
@@ -7909,6 +7985,14 @@ uri-js@^4.2.2:
   dependencies:
     punycode "^2.1.0"
 
+url-parse@^1.5.3:
+  version "1.5.10"
+  resolved "https://registry.yarnpkg.com/url-parse/-/url-parse-1.5.10.tgz#9d3c2f736c1d75dd3bd2be507dcc111f1e2ea9c1"
+  integrity sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==
+  dependencies:
+    querystringify "^2.1.1"
+    requires-port "^1.0.0"
+
 util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
@@ -7926,11 +8010,6 @@ uuid@^3.3.2:
   resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.4.0.tgz#b23e4358afa8a202fe7a100af1f5f883f02007ee"
   integrity sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==
 
-v8-compile-cache@^2.0.3:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz#2de19618c66dc247dcfb6f99338035d8245a2cee"
-  integrity sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==
-
 v8-to-istanbul@^9.0.1:
   version "9.0.1"
   resolved "https://registry.yarnpkg.com/v8-to-istanbul/-/v8-to-istanbul-9.0.1.tgz#b6f994b0b5d4ef255e17a0d17dc444a9f5132fa4"
@@ -7965,14 +8044,14 @@ verror@1.10.0:
     extsprintf "^1.2.0"
 
 vite@~2.9.1:
-  version "2.9.14"
-  resolved "https://registry.yarnpkg.com/vite/-/vite-2.9.14.tgz#c438324c6594afd1050df3777da981dee988bb1b"
-  integrity sha512-P/UCjSpSMcE54r4mPak55hWAZPlyfS369svib/gpmz8/01L822lMPOJ/RYW6tLCe1RPvMvOsJ17erf55bKp4Hw==
+  version "2.9.15"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-2.9.15.tgz#2858dd5b2be26aa394a283e62324281892546f0b"
+  integrity sha512-fzMt2jK4vQ3yK56te3Kqpkaeq9DkcZfBbzHwYpobasvgYmP2SoAr6Aic05CsB4CzCZbsDv4sujX3pkEGhLabVQ==
   dependencies:
     esbuild "^0.14.27"
     postcss "^8.4.13"
     resolve "^1.22.0"
-    rollup "^2.59.0"
+    rollup ">=2.59.0 <2.78.0"
   optionalDependencies:
     fsevents "~2.3.2"
 
@@ -7982,31 +8061,31 @@ void-elements@^3.1.0:
   integrity sha512-Dhxzh5HZuiHQhbvTW9AMetFfBHDMYpo23Uo9btPXgdYP+3T5S+p+jgNy7spra+veYhBP2dCSgxR/i2Y02h5/6w==
 
 vue-demi@*:
-  version "0.13.5"
-  resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.13.5.tgz#d5eddbc9eaefb89ce5995269d1fa6b0486312092"
-  integrity sha512-tO3K2bML3AwiHmVHeKCq6HLef2st4zBXIV5aEkoJl6HZ+gJWxWv2O8wLH8qrA3SX3lDoTDHNghLX1xZg83MXvw==
+  version "0.13.11"
+  resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.13.11.tgz#7d90369bdae8974d87b1973564ad390182410d99"
+  integrity sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==
 
 vue-docgen-api@^4.45.0:
-  version "4.47.0"
-  resolved "https://registry.yarnpkg.com/vue-docgen-api/-/vue-docgen-api-4.47.0.tgz#605a797886dbe1c941ea73af5f2ba23090722e81"
-  integrity sha512-xUsD8vDpcIZNVQM/Jh8/ZUw+sfwLSvpW5awi7kxDX9bGvTIIDh7mXEEqnOmndYXR6620lGNj23uY9bJTFhim6w==
+  version "4.52.0"
+  resolved "https://registry.yarnpkg.com/vue-docgen-api/-/vue-docgen-api-4.52.0.tgz#83d38e23f640913ec4fd2107c2a9dff1b5af5d0f"
+  integrity sha512-2HSt9KLQ/ehJiwV4+6LgOjRqzh37vtUv6sKhSIp3CAPlwSd4/Bq2uvbs0+GJxdfrMnVquwY5DOavgNSEHsPA2w==
   dependencies:
     "@babel/parser" "^7.13.12"
-    "@babel/types" "^7.13.12"
+    "@babel/types" "^7.18.8"
     "@vue/compiler-dom" "^3.2.0"
     "@vue/compiler-sfc" "^3.2.0"
     ast-types "0.14.2"
     hash-sum "^1.0.2"
     lru-cache "^4.1.5"
     pug "^3.0.2"
-    recast "0.20.5"
+    recast "0.21.1"
     ts-map "^1.0.3"
-    vue-inbrowser-compiler-utils "^4.44.23"
+    vue-inbrowser-compiler-independent-utils "^4.52.0"
 
 vue-docgen-cli@^4.45.0:
-  version "4.45.0"
-  resolved "https://registry.yarnpkg.com/vue-docgen-cli/-/vue-docgen-cli-4.45.0.tgz#c775c786be220397d0e04e3d719e7859ff52cfc5"
-  integrity sha512-eFuaUPywt9Bx5FVMhI+twh8ieg7pcU32uZ4NL0MWXDivjTYqe57sUK70brZTf3vZ8u/OKiQ9OnLEZ65WeqSNEA==
+  version "4.51.0"
+  resolved "https://registry.yarnpkg.com/vue-docgen-cli/-/vue-docgen-cli-4.51.0.tgz#84fd5b0412fb3abbff5ca5f4283cab8d397fc464"
+  integrity sha512-w9IzAT2cwSRrnT9Hq48YerIHbd5g1MhWQEGuQw4h699yUoTlmBW/RGZ5y/IBZ1noKVIW9j77q6zyyrjJh29Tpw==
   dependencies:
     chokidar "^3.5.1"
     globby "^10.0.2"
@@ -8017,9 +8096,9 @@ vue-docgen-cli@^4.45.0:
     vue-docgen-api "^4.45.0"
 
 vue-eslint-parser@^9.0.0, vue-eslint-parser@^9.0.1:
-  version "9.0.3"
-  resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-9.0.3.tgz#0c17a89e0932cc94fa6a79f0726697e13bfe3c96"
-  integrity sha512-yL+ZDb+9T0ELG4VIFo/2anAOz8SvBdlqEnQnvJ3M7Scq56DvtjY0VY88bByRZB0D4J0u8olBcfrXTVONXsh4og==
+  version "9.1.0"
+  resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-9.1.0.tgz#0e121d1bb29bd10763c83e3cc583ee03434a9dd5"
+  integrity sha512-NGn/iQy8/Wb7RrRa4aRkokyCZfOUWk19OP5HP6JEozQFX5AoS/t+Z0ZN7FY4LlmWc4FNI922V7cvX28zctN8dQ==
   dependencies:
     debug "^4.3.4"
     eslint-scope "^7.1.1"
@@ -8029,43 +8108,35 @@ vue-eslint-parser@^9.0.0, vue-eslint-parser@^9.0.1:
     lodash "^4.17.21"
     semver "^7.3.6"
 
-vue-inbrowser-compiler-demi@^4.45.0:
-  version "4.45.0"
-  resolved "https://registry.yarnpkg.com/vue-inbrowser-compiler-demi/-/vue-inbrowser-compiler-demi-4.45.0.tgz#d5b75479490dc7c7c9bd4ec34a4e0d3c7e4c6c98"
-  integrity sha512-nZnPwiW0y2d7vEyAGI/0lZS/iVFHmHMDhdLiakcW5Wn5HJ+wiKWYUU4ZkKqErBKFSpmbnpFFS0mUToUZq0NhZA==
-
-vue-inbrowser-compiler-utils@^4.44.23:
-  version "4.46.0"
-  resolved "https://registry.yarnpkg.com/vue-inbrowser-compiler-utils/-/vue-inbrowser-compiler-utils-4.46.0.tgz#1bc0ce4e7ac95a53b2c62bc8b77fd80379d028b1"
-  integrity sha512-leyj8EpYJixnrjWL/YZF/cF88jEyrAEUiorqoVkIxlkxWlxwQWHPoiAHZBLAfUXc5ZLzQ6uoBJXA2kHJ7A2EJg==
-  dependencies:
-    camelcase "^5.3.1"
-    vue-inbrowser-compiler-demi "^4.45.0"
+vue-inbrowser-compiler-independent-utils@^4.52.0:
+  version "4.54.1"
+  resolved "https://registry.yarnpkg.com/vue-inbrowser-compiler-independent-utils/-/vue-inbrowser-compiler-independent-utils-4.54.1.tgz#2628fe92c99a06672d1b91b0f838e0272551ed02"
+  integrity sha512-hQN3mzLmWM33Ua2Oua5OgF8/BJjP6+T1Wzea5xHDRYCwVvJo2pxSJLhVqluaeBe3PB5vquMddceaKC4mhLe25A==
 
 vue-router@^4.0.14:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.1.2.tgz#ae08f63c9610afa6bff6743e8f128b7054d4c9f5"
-  integrity sha512-5BP1qXFncVRwgV/XnqzsKApdMjQPqWIpoUBdL1ynz8HyLxIX/UDAx7Ql2BjmA5CXT/p61JfZvkpiFWFpaqcfag==
+  version "4.1.5"
+  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.1.5.tgz#256f597e3f5a281a23352a6193aa6e342c8d9f9a"
+  integrity sha512-IsvoF5D2GQ/EGTs/Th4NQms9gd2NSqV+yylxIyp/OYp8xOwxmU8Kj/74E9DTSYAyH5LX7idVUngN3JSj1X4xcQ==
   dependencies:
     "@vue/devtools-api" "^6.1.4"
 
-vue-types@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/vue-types/-/vue-types-4.2.0.tgz#db054e242a099f006c84d62fd4ab831767accf18"
-  integrity sha512-iMllg63ZQ61DP7C2ZR1Ez7D6hqcP5/pcNP9SgXg6Nmrt82r2Mx06+xEw7GRrrysR6Sfoh3w+TLLflMTk6I/D0A==
+vue-types@^4.2.1:
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/vue-types/-/vue-types-4.2.1.tgz#f8f7e5fb42d4a6acda6d92c9736b510e5534c753"
+  integrity sha512-DNQZmJuOvovLUIp0BENRkdnZHbI0V4e2mNvjAZOAXKD56YGvRchtUYOXA/XqTxdv7Ng5SJLZqRKRpAhm5NLaPQ==
   dependencies:
     is-plain-object "5.0.0"
 
-vue@^3.2.31, vue@^3.2.37:
-  version "3.2.37"
-  resolved "https://registry.yarnpkg.com/vue/-/vue-3.2.37.tgz#da220ccb618d78579d25b06c7c21498ca4e5452e"
-  integrity sha512-bOKEZxrm8Eh+fveCqS1/NkG/n6aMidsI6hahas7pa0w/l7jkbssJVsRhVDs07IdDq7h9KHswZOgItnwJAgtVtQ==
+vue@^3.2.31, vue@^3.2.39:
+  version "3.2.39"
+  resolved "https://registry.yarnpkg.com/vue/-/vue-3.2.39.tgz#de071c56c4c32c41cbd54e55f11404295c0dd62d"
+  integrity sha512-tRkguhRTw9NmIPXhzk21YFBqXHT2t+6C6wPOgQ50fcFVWnPdetmRqbmySRHznrYjX2E47u0cGlKGcxKZJ38R/g==
   dependencies:
-    "@vue/compiler-dom" "3.2.37"
-    "@vue/compiler-sfc" "3.2.37"
-    "@vue/runtime-dom" "3.2.37"
-    "@vue/server-renderer" "3.2.37"
-    "@vue/shared" "3.2.37"
+    "@vue/compiler-dom" "3.2.39"
+    "@vue/compiler-sfc" "3.2.39"
+    "@vue/runtime-dom" "3.2.39"
+    "@vue/server-renderer" "3.2.39"
+    "@vue/shared" "3.2.39"
 
 vuepress-vite@2.0.0-beta.38:
   version "2.0.0-beta.38"
@@ -8258,9 +8329,9 @@ write-file-atomic@^3.0.0, write-file-atomic@^3.0.3:
     typedarray-to-buffer "^3.1.5"
 
 write-file-atomic@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-4.0.1.tgz#9faa33a964c1c85ff6f849b80b42a88c2c537c8f"
-  integrity sha512-nSKUxgAbyioruk6hU87QzVbY279oYT6uiwgDoujth2ju4mJ+TZau7SQBhtbTmUyuNYTuXnSyRn66FV0+eCgcrQ==
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-4.0.2.tgz#a9df01ae5b77858a027fd2e80768ee433555fcfd"
+  integrity sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg==
   dependencies:
     imurmurhash "^0.1.4"
     signal-exit "^3.0.7"
@@ -8354,9 +8425,9 @@ yargs-parser@^20.2.2, yargs-parser@^20.2.3:
   integrity sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==
 
 yargs-parser@^21.0.0, yargs-parser@^21.0.1:
-  version "21.0.1"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-21.0.1.tgz#0267f286c877a4f0f728fceb6f8a3e4cb95c6e35"
-  integrity sha512-9BK1jFpLzJROCI5TzwZL/TU4gqjK5xiHV/RfWLOahrjAko/e4DJkRDZQXfvqAsiZzzYhgAzbgz6lg48jcm4GLg==
+  version "21.1.1"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-21.1.1.tgz#9096bceebf990d21bb31fa9516e0ede294a77d35"
+  integrity sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==
 
 yargs@^16.2.0:
   version "16.2.0"

From d5ecf898c8221d2c135dcfb77cf5b80b13b4f2bc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?G=C3=BCnther=20Foidl?= <gue@korporal.at>
Date: Sat, 15 Oct 2022 15:30:39 +0200
Subject: [PATCH 028/346] CFormInput modelValue = 0 (number) handled correctly

---
 packages/coreui-vue/src/components/form/CFormInput.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/coreui-vue/src/components/form/CFormInput.ts b/packages/coreui-vue/src/components/form/CFormInput.ts
index dd800d6f..23f7c783 100644
--- a/packages/coreui-vue/src/components/form/CFormInput.ts
+++ b/packages/coreui-vue/src/components/form/CFormInput.ts
@@ -188,7 +188,7 @@ const CFormInput = defineComponent({
                 onInput: (event: InputEvent) => handleInput(event),
                 readonly: props.readonly,
                 type: props.type,
-                ...(props.modelValue && { value: props.modelValue }),
+                ...((props.modelValue || props.modelValue === 0) && { value: props.modelValue })
               },
               slots.default && slots.default(),
             ),

From 78c735dffd6fccbd64f87c02d52ebf2c9c316db9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Sat, 29 Oct 2022 00:35:48 +0200
Subject: [PATCH 029/346] build: update API generator

---
 packages/docs/build/templates/props.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/docs/build/templates/props.js b/packages/docs/build/templates/props.js
index b7eeebb6..c75bdc35 100644
--- a/packages/docs/build/templates/props.js
+++ b/packages/docs/build/templates/props.js
@@ -11,7 +11,7 @@ const renderTags = (tags) => {
   }
   return Object.entries(tags)
     .map(([tag, values]) => {
-    return tag !== 'since' && values.map(v => `<br/>\`@${tag}\` ${isTag(v) ? v.content : v.description}`).join('');
+    return tag !== 'since' ? values.map(v => `<br/>\`@${tag}\` ${isTag(v) ? v.content : v.description}`).join(''): '';
   })
   .join('');
 };

From ab91bac2bd888c916ba77f81415de6d3fac078cd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Sat, 29 Oct 2022 00:38:13 +0200
Subject: [PATCH 030/346] feat(CTable): allow to create table from arrays

---
 .../coreui-vue/src/components/table/CTable.ts |  252 ++-
 .../src/components/table/CTableDataCell.ts    |   10 +-
 packages/docs/api/table/CTable.api.md         |   31 +-
 packages/docs/components/table.md             | 1964 +++++++----------
 4 files changed, 1107 insertions(+), 1150 deletions(-)

diff --git a/packages/coreui-vue/src/components/table/CTable.ts b/packages/coreui-vue/src/components/table/CTable.ts
index 0d517aec..cdbeea13 100644
--- a/packages/coreui-vue/src/components/table/CTable.ts
+++ b/packages/coreui-vue/src/components/table/CTable.ts
@@ -1,6 +1,51 @@
-import { defineComponent, h } from 'vue'
+import { computed, defineComponent, h, PropType } from 'vue'
 
 import { Color } from '../props'
+import { CTableBody } from './CTableBody'
+import { CTableCaption } from './CTableCaption'
+import { CTableDataCell } from './CTableDataCell'
+import { CTableFoot } from './CTableFoot'
+import { CTableHead } from './CTableHead'
+import { CTableHeaderCell } from './CTableHeaderCell'
+import { CTableRow } from './CTableRow'
+
+export interface Column {
+  label?: string
+  key: string
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  _style?: any
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  _props?: any
+}
+
+export interface FooterItem {
+  label?: string
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  _props?: any
+}
+
+export type Item = {
+  [key: string]: number | string | any
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  _props?: any
+}
+
+const pretifyName = (name: string) => {
+  return name
+    .replace(/[-_.]/g, ' ')
+    .replace(/ +/g, ' ')
+    .replace(/([a-z0-9])([A-Z])/g, '$1 $2')
+    .split(' ')
+    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+    .join(' ')
+}
+
+const label = (column: Column | string) =>
+  typeof column === 'object'
+    ? column.label !== undefined
+      ? column.label
+      : pretifyName(column.key)
+    : pretifyName(column)
 
 const CTable = defineComponent({
   name: 'CTable',
@@ -41,15 +86,39 @@ const CTable = defineComponent({
     /**
      * Put the `<caption>` on the top of the table.
      *
-     * @values 'top'
+     * @values 'top' | string
      */
     caption: {
       type: String,
       default: undefined,
       required: false,
-      validator: (value: string) => {
-        return value === 'top'
-      },
+    },
+    /**
+     * Set the text of the table caption and the caption on the top of the table.
+     *
+     * @since 4.5.0
+     */
+    captionTop: {
+      type: String,
+      default: undefined,
+      required: false,
+    },
+    /**
+     * Prop for table columns configuration. If prop is not defined, table will display columns based on the first item keys, omitting keys that begins with underscore (e.g. '_props')
+     *
+     * In columns prop each array item represents one column. Item might be specified in two ways:
+     * String: each item define column name equal to item value.
+     * Object: item is object with following keys available as column configuration:
+     * - key (required)(String) - define column name equal to item key.
+     * - label (String) - define visible label of column. If not defined, label will be generated automatically based on column name, by converting kebab-case and snake_case to individual words and capitalization of each word.
+     * - _props (Object) - adds classes to all cels in column, ex. _props: { scope: 'col', className: 'custom-class' },
+     * - _style (Object) - adds styles to the column header (useful for defining widths)
+     *
+     * @since 4.5.0
+     */
+    columns: {
+      type: Array as PropType<Column[] | string[]>,
+      required: false,
     },
     /**
      * Sets the color context of the component to one of CoreUI’s themed colors.
@@ -57,6 +126,21 @@ const CTable = defineComponent({
      * @values  'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', string
      */
     color: Color,
+    /**
+     * Array of objects or strings, where each element represents one cell in the table footer.
+     *
+     * Example items:
+     * ['FooterCell', 'FooterCell', 'FooterCell']
+     * or
+     * [{ label: 'FooterCell', _props: { color: 'success' }, ...]
+     *
+     * @since 4.5.0
+     */
+    footer: {
+      type: Array as PropType<FooterItem[]>,
+      default: () => [],
+      required: false,
+    },
     /**
      * Enable a hover state on table rows within a `<CTableBody>`.
      */
@@ -65,10 +149,18 @@ const CTable = defineComponent({
       required: false,
     },
     /**
-     * Make any table responsive across all viewports or pick a maximum breakpoint with which to have a responsive table up to.
+     * Array of objects, where each object represents one item - row in table. Additionally, you can add style classes to each row by passing them by '_props' key and to single cell by '_cellProps'.
      *
-     * @values boolean, 'sm', 'md', 'lg', 'xl', 'xxl'
+     * Example item:
+     * { name: 'John' , age: 12, _props: { color: 'success' }, _cellProps: { age: { className: 'fw-bold'}}}
+     *
+     * @since 4.5.0
      */
+    items: {
+      type: Array as PropType<Item[]>,
+      default: () => [],
+      required: false,
+    },
     responsive: {
       type: [Boolean, String],
       default: undefined,
@@ -106,8 +198,39 @@ const CTable = defineComponent({
       type: Boolean,
       required: false,
     },
+    /**
+     * Properties that will be passed to the table footer component.
+     *
+     * Properties to [CTableFoot](#ctablefoot) component.
+     * @since 4.5.0
+     */
+    tableFootProps: {
+      type: Object,
+      default: undefined,
+      required: false,
+    },
+    /**
+     * Properties that will be passed to the table head component.
+     *
+     *  Properties to [CTableHead](#ctablehead) component.
+     * @since 4.5.0
+     */
+    tableHeadProps: {
+      type: Object,
+      default: undefined,
+      required: false,
+    },
   },
   setup(props, { slots, attrs }) {
+    const rawColumnNames = computed(() =>
+      props.columns
+        ? props.columns.map((column: Column | string) => {
+            if (typeof column === 'object') return column.key
+            else return column
+          })
+        : Object.keys(props.items[0] || {}).filter((el) => el.charAt(0) !== '_'),
+    )
+
     const table = () =>
       h(
         'table',
@@ -116,7 +239,7 @@ const CTable = defineComponent({
             'table',
             {
               [`align-${props.align}`]: props.align,
-              [`caption-${props.caption}`]: props.caption,
+              [`caption-top`]: props.captionTop || props.caption === 'top',
               [`border-${props.borderColor}`]: props.borderColor,
               'table-bordered': props.bordered,
               'table-borderless': props.borderless,
@@ -129,7 +252,118 @@ const CTable = defineComponent({
             attrs.class,
           ],
         },
-        slots.default && slots.default(),
+        {
+          default: () => [
+            ((props.caption && props.caption !== 'top') || props.captionTop) &&
+              h(
+                CTableCaption,
+                {},
+                {
+                  default: () => props.caption || props.captionTop,
+                },
+              ),
+            props.columns &&
+              h(
+                CTableHead,
+                {
+                  ...props.tableHeadProps,
+                },
+                {
+                  default: () =>
+                    h(
+                      CTableRow,
+                      {},
+                      {
+                        default: () => [
+                          props.columns &&
+                            props.columns.map((column: Column | string) =>
+                              h(
+                                CTableHeaderCell,
+                                {
+                                  ...(typeof column === 'object' &&
+                                    column._props && { ...column._props }),
+                                  ...(typeof column === 'object' &&
+                                    column._style && { style: { ...column._style } }),
+                                },
+                                {
+                                  default: () => label(column),
+                                },
+                              ),
+                            ),
+                        ],
+                      },
+                    ),
+                },
+              ),
+            props.items &&
+              h(
+                CTableBody,
+                {},
+                {
+                  default: () => [
+                    props.items.map((item: Item) =>
+                      h(
+                        CTableRow,
+                        {
+                          ...(item._props && { ...item._props }),
+                        },
+                        {
+                          default: () => [
+                            rawColumnNames.value.map(
+                              (colName: string) =>
+                                item[colName] &&
+                                h(
+                                  CTableDataCell,
+                                  {
+                                    ...(item._cellProps &&
+                                      item._cellProps['all'] && { ...item._cellProps['all'] }),
+                                    ...(item._cellProps &&
+                                      item._cellProps[colName] && { ...item._cellProps[colName] }),
+                                  },
+                                  {
+                                    default: () => item[colName],
+                                  },
+                                ),
+                            ),
+                          ],
+                        },
+                      ),
+                    ),
+                  ],
+                },
+              ),
+            slots.default && slots.default(),
+            props.footer &&
+              h(
+                CTableFoot,
+                {
+                  ...props.tableFootProps,
+                },
+                {
+                  default: () =>
+                    h(
+                      CTableRow,
+                      {},
+                      {
+                        default: () => [
+                          props.footer.map((item: FooterItem | string) =>
+                            h(
+                              CTableDataCell,
+                              {
+                                ...(typeof item === 'object' && item._props && { ...item._props }),
+                              },
+                              {
+                                default: () => (typeof item === 'object' ? item.label : item),
+                              },
+                            ),
+                          ),
+                        ],
+                      },
+                    ),
+                },
+              ),
+          ],
+        },
       )
     return () => [
       props.responsive
diff --git a/packages/coreui-vue/src/components/table/CTableDataCell.ts b/packages/coreui-vue/src/components/table/CTableDataCell.ts
index d2bf7500..02723090 100644
--- a/packages/coreui-vue/src/components/table/CTableDataCell.ts
+++ b/packages/coreui-vue/src/components/table/CTableDataCell.ts
@@ -31,11 +31,18 @@ const CTableDataCell = defineComponent({
      * @values  'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', string
      */
     color: Color,
+    /**
+     * @ignore
+     */
+    scope: {
+      type: String,
+      required: false,
+    },
   },
   setup(props, { slots }) {
     return () =>
       h(
-        'td',
+        props.scope ? 'th' : 'td',
         {
           class: [
             {
@@ -44,6 +51,7 @@ const CTableDataCell = defineComponent({
               [`table-${props.color}`]: props.color,
             },
           ],
+          ...(props.scope && { scope: props.scope }),
         },
         slots.default && slots.default(),
       )
diff --git a/packages/docs/api/table/CTable.api.md b/packages/docs/api/table/CTable.api.md
index 111c2b52..e8325987 100644
--- a/packages/docs/api/table/CTable.api.md
+++ b/packages/docs/api/table/CTable.api.md
@@ -8,16 +8,21 @@ import CTable from '@coreui/vue/src/components/table/CTable'
 
 #### Props
 
-| Prop name                                                          | Description                                                                                                              | Type            | Values                                                                                                    | Default |
-| ------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------ | --------------- | --------------------------------------------------------------------------------------------------------- | ------- |
-| **align**                                                          | Set the vertical aligment.                                                                                               | string          | `'bottom'`, `'middle'`, `'top'`                                                                           | -       |
-| **border-color**                                                   | Sets the border color of the component to one of CoreUI’s themed colors.                                                 | string          | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`           |         |
-| **bordered**                                                       | Add borders on all sides of the table and cells.                                                                         | boolean         | -                                                                                                         |         |
-| **borderless**                                                     | Remove borders on all sides of the table and cells.                                                                      | boolean         | -                                                                                                         |         |
-| **caption**                                                        | Put the `<caption>` on the top of the table.                                                                             | string          | `'top'`                                                                                                   | -       |
-| **color**                                                          | Sets the color context of the component to one of CoreUI’s themed colors.                                                | string          | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` |         |
-| **hover**                                                          | Enable a hover state on table rows within a `<CTableBody>`.                                                              | boolean         | -                                                                                                         |         |
-| **responsive**                                                     | Make any table responsive across all viewports or pick a maximum breakpoint with which to have a responsive table up to. | boolean\|string | `boolean`, `'sm'`, `'md'`, `'lg'`, `'xl'`, `'xxl'`                                                        | -       |
-| **small**                                                          | Make table more compact by cutting all cell `padding` in half.                                                           | boolean         | -                                                                                                         |         |
-| **striped**                                                        | Add zebra-striping to any table row within the `<CTableBody>`.                                                           | boolean         | -                                                                                                         |         |
-| **striped-columns** <br><div class="badge bg-primary">4.4.0+</div> | Add zebra-striping to any table column.false                                                                             | boolean         | -                                                                                                         |         |
+| Prop name                                                           | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | Type                 | Values                                                                                                    | Default  |
+| ------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------- | --------------------------------------------------------------------------------------------------------- | -------- |
+| **align**                                                           | Set the vertical aligment.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | string               | `'bottom'`, `'middle'`, `'top'`                                                                           | -        |
+| **border-color**                                                    | Sets the border color of the component to one of CoreUI’s themed colors.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | string               | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`           |          |
+| **bordered**                                                        | Add borders on all sides of the table and cells.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | boolean              | -                                                                                                         |          |
+| **borderless**                                                      | Remove borders on all sides of the table and cells.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | boolean              | -                                                                                                         |          |
+| **caption**                                                         | Put the `<caption>` on the top of the table.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | string               | `'top' \| string`                                                                                         | -        |
+| **caption-top** <br><div class="badge bg-primary">4.5.0+</div>      | Set the text of the table caption and the caption on the top of the table.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | string               | -                                                                                                         | -        |
+| **columns** <br><div class="badge bg-primary">4.5.0+</div>          | Prop for table columns configuration. If prop is not defined, table will display columns based on the first item keys, omitting keys that begins with underscore (e.g. '\_props')<br><br>In columns prop each array item represents one column. Item might be specified in two ways:<br>String: each item define column name equal to item value.<br>Object: item is object with following keys available as column configuration:<br>- key (required)(String) - define column name equal to item key.<br>- label (String) - define visible label of column. If not defined, label will be generated automatically based on column name, by converting kebab-case and snake_case to individual words and capitalization of each word.<br>- \_props (Object) - adds classes to all cels in column, ex. \_props: { scope: 'col', className: 'custom-class' },<br>- \_style (Object) - adds styles to the column header (useful for defining widths) | Column[] \| string[] | -                                                                                                         |          |
+| **color**                                                           | Sets the color context of the component to one of CoreUI’s themed colors.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | string               | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` |          |
+| **footer** <br><div class="badge bg-primary">4.5.0+</div>           | Array of objects or strings, where each element represents one cell in the table footer.<br><br>Example items:<br>['FooterCell', 'FooterCell', 'FooterCell']<br>or<br>[{ label: 'FooterCell', _props: { color: 'success' }, ...]                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | FooterItem[]         | -                                                                                                         | () => [] |
+| **hover**                                                           | Enable a hover state on table rows within a `<CTableBody>`.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | boolean              | -                                                                                                         |          |
+| **items** <br><div class="badge bg-primary">4.5.0+</div>            | Array of objects, where each object represents one item - row in table. Additionally, you can add style classes to each row by passing them by '\_props' key and to single cell by '\_cellProps'.<br><br>Example item:<br>{ name: 'John' , age: 12, \_props: { color: 'success' }, \_cellProps: { age: { className: 'fw-bold'}}}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | Item[]               | -                                                                                                         | () => [] |
+| **small**                                                           | Make table more compact by cutting all cell `padding` in half.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | boolean              | -                                                                                                         |          |
+| **striped**                                                         | Add zebra-striping to any table row within the `<CTableBody>`.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | boolean              | -                                                                                                         |          |
+| **striped-columns** <br><div class="badge bg-primary">4.4.0+</div>  | Add zebra-striping to any table column.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | boolean              | -                                                                                                         |          |
+| **table-foot-props** <br><div class="badge bg-primary">4.5.0+</div> | Properties that will be passed to the table footer component.<br><br>Properties to [CTableFoot](#ctablefoot) component.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | object               | -                                                                                                         | -        |
+| **table-head-props** <br><div class="badge bg-primary">4.5.0+</div> | Properties that will be passed to the table head component.<br><br> Properties to [CTableHead](#ctablehead) component.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | object               | -                                                                                                         | -        |
diff --git a/packages/docs/components/table.md b/packages/docs/components/table.md
index 858da101..66c45642 100644
--- a/packages/docs/components/table.md
+++ b/packages/docs/components/table.md
@@ -4,43 +4,78 @@ name: Table
 description: Documentation and examples for opt-in styling of tables.
 ---
 
-## Overview
+## How to use Vue Table Component
 
 Due to the widespread use of `<CTable>` elements across third-party widgets like calendars and date pickers, CoreUI's tables are **opt-in**. All table styles are not inherited in CoreUI, meaning any nested tables can be styled independent from the parent.
 
 Using the most basic table CoreUI, here's how `<CTable>`-based tables look in CoreUI.
 
 ::: demo
-<CTable>
-  <CTableHead>
-    <CTableRow>
-      <CTableHeaderCell scope="col">#</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Class</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-    </CTableRow>
-  </CTableHead>
-  <CTableBody>
-    <CTableRow>
-      <CTableHeaderCell scope="row">1</CTableHeaderCell>
-      <CTableDataCell>Mark</CTableDataCell>
-      <CTableDataCell>Otto</CTableDataCell>
-      <CTableDataCell>@mdo</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">2</CTableHeaderCell>
-      <CTableDataCell>Jacob</CTableDataCell>
-      <CTableDataCell>Thornton</CTableDataCell>
-      <CTableDataCell>@fat</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">3</CTableHeaderCell>
-      <CTableDataCell colspan="2">Larry the Bird</CTableDataCell>
-      <CTableDataCell>@twitter</CTableDataCell>
-    </CTableRow>
-  </CTableBody>
-</CTable>
+<CTable :columns="columns" :items="items" />
 :::
+
+In version **4.5.0** we introduced a new way to create a table, similarly to our [Smart Table component](https://coreui.io/vue/docs/components/smart-table.html).
+
+
+```vue
+<template>
+  <CTable :columns="columns" :items="items" />
+</template>
+<script>
+  export default {
+    data: () => {
+      return {
+        columns: [
+          {
+            key: 'id',
+            label: '#',
+            _props: { scope: 'col' },
+          },
+          {
+            key: 'class',
+            _props: { scope: 'col' },
+          },
+          {
+            key: 'heading_1',
+            label: 'Heading',
+            _props: { scope: 'col' },
+          },
+          {
+            key: 'heading_2',
+            label: 'Heading',
+            _props: { scope: 'col' },
+          },
+        ],
+        items: [
+          {
+            id: 1,
+            class: 'Mark',
+            heading_1: 'Otto',
+            heading_2: '@mdo',
+            _cellProps: { id: { scope: 'row' } },
+          },
+          {
+            id: 2,
+            class: 'Jacob',
+            heading_1: 'Thornton',
+            heading_2: '@fat',
+            _cellProps: { id: { scope: 'row' } },
+          },
+          {
+            id: 3,
+            class: 'Larry the Bird',
+            heading_2: '@twitter',
+            _cellProps: { id: { scope: 'row' }, class: { colSpan: 2 } },
+          },
+        ]
+      }
+    },
+  }
+</script>
+```
+
+You can also put all table components together manually as hitherto.
+
 ```vue
 <CTable>
   <CTableHead>
@@ -78,62 +113,7 @@ Using the most basic table CoreUI, here's how `<CTable>`-based tables look in Co
 Use contextual classes to color tables, table rows or individual cells.
 
 ::: demo
-<CTable>
-  <CTableHead>
-    <CTableRow>
-      <CTableHeaderCell scope="col">Class</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-    </CTableRow>
-  </CTableHead>
-  <CTableBody>
-    <CTableRow>
-      <CTableHeaderCell scope="row">Default</CTableHeaderCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-    </CTableRow>
-    <CTableRow color="primary">
-      <CTableHeaderCell scope="row">Primary</CTableHeaderCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-    </CTableRow>
-    <CTableRow color="secondary">
-      <CTableHeaderCell scope="row">Secondary</CTableHeaderCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-    </CTableRow>
-    <CTableRow color="success">
-      <CTableHeaderCell scope="row">Success</CTableHeaderCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-    </CTableRow>
-    <CTableRow color="danger">
-      <CTableHeaderCell scope="row">Danger</CTableHeaderCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-    </CTableRow>
-    <CTableRow color="warning">
-      <CTableHeaderCell scope="row">Warning</CTableHeaderCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-    </CTableRow>
-    <CTableRow color="info">
-      <CTableHeaderCell scope="row">Info</CTableHeaderCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-    </CTableRow>
-    <CTableRow color="light">
-      <CTableHeaderCell scope="row">Light</CTableHeaderCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-    </CTableRow>
-    <CTableRow color="dark">
-      <CTableHeaderCell scope="row">Dark</CTableHeaderCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-    </CTableRow>
-  </CTableBody>
-</CTable>
+<CTable :columns="columnsVariantExample" :items="itemsVariantExample" />
 :::
 ```vue
 <CTable>
@@ -194,6 +174,91 @@ Use contextual classes to color tables, table rows or individual cells.
 </CTable>
 ```
 
+Since version **4.5.0** also this way.
+
+```vue
+<template>
+  <CTable :columns="columnsVariantExample" :items="itemsVariantExample" />
+</template>
+<script>
+  export default {
+    data: () => {
+      return {
+        columnsVariantExample: [
+          { key: 'class', _props: { scope: 'col' } },
+          { key: 'heading_1', label: 'Heading', _props: { scope: 'col' } },
+          { key: 'heading_2', label: 'Heading', _props: { scope: 'col' } },
+        ],
+        itemsVariantExample: [
+          {
+            class: 'Default',
+            heading_1: 'Cell',
+            heading_2: 'Cell',
+            _cellProps: { class: { scope: 'row' } },
+          },
+          {
+            class: 'Primary',
+            heading_1: 'Cell',
+            heading_2: 'Cell',
+            _cellProps: { class: { scope: 'row' } },
+            _props: { color: 'primary' },
+          },
+          {
+            class: 'Secondary',
+            heading_1: 'Cell',
+            heading_2: 'Cell',
+            _cellProps: { class: { scope: 'row' } },
+            _props: { color: 'secondary' },
+          },
+          {
+            class: 'Success',
+            heading_1: 'Cell',
+            heading_2: 'Cell',
+            _cellProps: { class: { scope: 'row' } },
+            _props: { color: 'success' },
+          },
+          {
+            class: 'Danger',
+            heading_1: 'Cell',
+            heading_2: 'Cell',
+            _cellProps: { class: { scope: 'row' } },
+            _props: { color: 'danger' },
+          },
+          {
+            class: 'Warning',
+            heading_1: 'Cell',
+            heading_2: 'Cell',
+            _cellProps: { class: { scope: 'row' } },
+            _props: { color: 'warning' },
+          },
+          {
+            class: 'Info',
+            heading_1: 'Cell',
+            heading_2: 'Cell',
+            _cellProps: { class: { scope: 'row' } },
+            _props: { color: 'info' },
+          },
+          {
+            class: 'Light',
+            heading_1: 'Cell',
+            heading_2: 'Cell',
+            _cellProps: { class: { scope: 'row' } },
+            _props: { color: 'light' },
+          },
+          {
+            class: 'Dark',
+            heading_1: 'Cell',
+            heading_2: 'Cell',
+            _cellProps: { class: { scope: 'row' } },
+            _props: { color: 'dark' },
+          },
+        ]
+      }
+    },
+  }
+</script>
+```
+
 ## Accented tables
 
 ### Striped rows
@@ -629,6 +694,70 @@ These hoverable rows can also be combined with the striped variant:
 Highlight a table row or cell by adding a `active` property.
 
 ::: demo
+<CTable :columns="columnsActiveTableExample" :items="itemsActiveTableExample" />
+:::
+
+As mentioned before since version **4.5.0** we have two ways to generate tables, also with custom properties for rows, and cells.
+
+```vue
+<template>
+  <CTable :columns="columnsActiveTableExample" :items="itemsActiveTableExample" />
+</template>
+<script>
+  export default {
+    data: () => {
+      return {
+        columnsActiveTableExample: [
+          {
+            key: 'id',
+            label: '#',
+            _props: { scope: 'col' },
+          },
+          {
+            key: 'class',
+            _props: { scope: 'col' },
+          },
+          {
+            key: 'heading_1',
+            label: 'Heading',
+            _props: { scope: 'col' },
+          },
+          {
+            key: 'heading_2',
+            label: 'Heading',
+            _props: { scope: 'col' },
+          },
+        ],
+        itemsActiveTableExample: [
+          {
+            id: 1,
+            class: 'Mark',
+            heading_1: 'Otto',
+            heading_2: '@mdo',
+            _props: { active: true },
+            _cellProps: { id: { scope: 'row' } },
+          },
+          {
+            id: 2,
+            class: 'Jacob',
+            heading_1: 'Thornton',
+            heading_2: '@fat',
+            _cellProps: { id: { scope: 'row' } },
+          },
+          {
+            id: 3,
+            class: 'Larry the Bird',
+            heading_2: '@twitter',
+            _cellProps: { id: { scope: 'row' }, class: { active: true, colSpan: 2 } },
+          },
+        ],
+      }
+    },
+  }
+</script>
+```
+
+```vue
 <CTable>
   <CTableHead>
     <CTableRow>
@@ -658,41 +787,205 @@ Highlight a table row or cell by adding a `active` property.
     </CTableRow>
   </CTableBody>
 </CTable>
+```
+
+::: demo
+<CTable color="dark" :columns="columnsActiveTableExample" :items="itemsActiveTableExample" />
 :::
 ```vue
-<CTable>
+<template>
+  <CTable color="dark" :columns="columnsActiveTableExample" :items="itemsActiveTableExample" />
+</template>
+<script>
+  export default {
+    data: () => {
+      return {
+        columnsActiveTableExample: [
+          {
+            key: 'id',
+            label: '#',
+            _props: { scope: 'col' },
+          },
+          {
+            key: 'class',
+            _props: { scope: 'col' },
+          },
+          {
+            key: 'heading_1',
+            label: 'Heading',
+            _props: { scope: 'col' },
+          },
+          {
+            key: 'heading_2',
+            label: 'Heading',
+            _props: { scope: 'col' },
+          },
+        ],
+        itemsActiveTableExample: [
+          {
+            id: 1,
+            class: 'Mark',
+            heading_1: 'Otto',
+            heading_2: '@mdo',
+            _props: { active: true },
+            _cellProps: { id: { scope: 'row' } },
+          },
+          {
+            id: 2,
+            class: 'Jacob',
+            heading_1: 'Thornton',
+            heading_2: '@fat',
+            _cellProps: { id: { scope: 'row' } },
+          },
+          {
+            id: 3,
+            class: 'Larry the Bird',
+            heading_2: '@twitter',
+            _cellProps: { id: { scope: 'row' }, class: { active: true, colSpan: 2 } },
+          },
+        ],
+      }
+    },
+  }
+</script>
+```
+
+## Table borders
+
+### Bordered tables
+
+Add `bordered` property for borders on all sides of the table and cells.
+
+::: demo
+<CTable bordered :columns="columns" :items="items" />
+:::
+```vue
+<CTable bordered>
+  ...
+</CTable>
+```
+
+[Border color utilities](https://coreui.io/docs/4.0/utilities/borders#border-color) can be added to change colors:
+
+::: demo
+<CTable bordered border-color="primary" :columns="columns" :items="items" />
+:::
+```vue
+<CTable bordered border-color="primary">
+  ...
+</CTable>
+```
+
+### Tables without borders
+
+Add `borderless` property for a table without borders.
+
+::: demo
+<CTable borderless :columns="columns" :items="items" />
+:::
+```vue
+<CTable borderless>
+  ...
+</CTable>
+```
+
+::: demo
+<CTable color="dark" borderless :columns="columns" :items="items" />
+:::
+```vue
+<CTable color="dark" borderless>
+  ...
+</CTable>
+```
+
+## Small tables
+
+Add `small` property to make any `<CTable>` more compact by cutting all cell `padding` in half.
+
+::: demo
+<CTable small :columns="columns" :items="items" />
+:::
+```vue
+<CTable small>
+  ...
+</CTable>
+```
+
+## Vertical alignment
+
+Table cells of `<CTableHead>` are always vertical aligned to the bottom. Table cells in `<CTableBody>` inherit their alignment from `<CTable>` and are aligned to the the top by default. Use the align property to re-align where needed.
+
+::: demo
+<CTable align="middle" reponsive>
   <CTableHead>
     <CTableRow>
-      <CTableHeaderCell scope="col">#</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Class</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
+      <CTableHeaderCell scope="col" class="w-25">Heading 1</CTableHeaderCell>
+      <CTableHeaderCell scope="col" class="w-25">Heading 2</CTableHeaderCell>
+      <CTableHeaderCell scope="col" class="w-25">Heading 3</CTableHeaderCell>
+      <CTableHeaderCell scope="col" class="w-25">Heading 4</CTableHeaderCell>
     </CTableRow>
   </CTableHead>
   <CTableBody>
-    <CTableRow active>
-      <CTableHeaderCell scope="row">1</CTableHeaderCell>
-      <CTableDataCell>Mark</CTableDataCell>
-      <CTableDataCell>Otto</CTableDataCell>
-      <CTableDataCell>@mdo</CTableDataCell>
+    <CTableRow>
+      <CTableDataCell>This cell inherits <code>vertical-align: middle;</code> from the table</CTableDataCell>
+      <CTableDataCell>This cell inherits <code>vertical-align: middle;</code> from the table</CTableDataCell>
+      <CTableDataCell>This cell inherits <code>vertical-align: middle;</code> from the table</CTableDataCell>
+      <CTableDataCell>This here is some placeholder text, intended to take up quite a bit of vertical space, to demonsCTableRowate how the vertical alignment works in the preceding cells.</CTableDataCell>
+    </CTableRow>
+    <CTableRow align="bottom">
+      <CTableDataCell>This cell inherits <code>vertical-align: bottom;</code> from the table row</CTableDataCell>
+      <CTableDataCell>This cell inherits <code>vertical-align: bottom;</code> from the table row</CTableDataCell>
+      <CTableDataCell>This cell inherits <code>vertical-align: bottom;</code> from the table row</CTableDataCell>
+      <CTableDataCell>This here is some placeholder text, intended to take up quite a bit of vertical space, to demonsCTableRowate how the vertical alignment works in the preceding cells.</CTableDataCell>
     </CTableRow>
     <CTableRow>
-      <CTableHeaderCell scope="row">2</CTableHeaderCell>
-      <CTableDataCell>Jacob</CTableDataCell>
-      <CTableDataCell>Thornton</CTableDataCell>
-      <CTableDataCell>@fat</CTableDataCell>
+      <CTableDataCell>This cell inherits <code>vertical-align: middle;</code> from the table</CTableDataCell>
+      <CTableDataCell>This cell inherits <code>vertical-align: middle;</code> from the table</CTableDataCell>
+      <CTableDataCell align="top">This cell is aligned to the top.</CTableDataCell>
+      <CTableDataCell>This here is some placeholder text, intended to take up quite a bit of vertical space, to demonsCTableRowate how the vertical alignment works in the preceding cells.</CTableDataCell>
+    </CTableRow>
+  </CTableBody>
+</CTable> 
+:::
+```vue
+<CTable align="middle" reponsive>
+  <CTableHead>
+    <CTableRow>
+      <CTableHeaderCell scope="col" class="w-25">Heading 1</CTableHeaderCell>
+      <CTableHeaderCell scope="col" class="w-25">Heading 2</CTableHeaderCell>
+      <CTableHeaderCell scope="col" class="w-25">Heading 3</CTableHeaderCell>
+      <CTableHeaderCell scope="col" class="w-25">Heading 4</CTableHeaderCell>
     </CTableRow>
+  </CTableHead>
+  <CTableBody>
     <CTableRow>
-      <CTableHeaderCell scope="row">3</CTableHeaderCell>
-      <CTableDataCell colspan="2" active>Larry the Bird</CTableDataCell>
-      <CTableDataCell>@twitter</CTableDataCell>
+      <CTableDataCell>This cell inherits <code>vertical-align: middle;</code> from the table</CTableDataCell>
+      <CTableDataCell>This cell inherits <code>vertical-align: middle;</code> from the table</CTableDataCell>
+      <CTableDataCell>This cell inherits <code>vertical-align: middle;</code> from the table</CTableDataCell>
+      <CTableDataCell>This here is some placeholder text, intended to take up quite a bit of vertical space, to demonsCTableRowate how the vertical alignment works in the preceding cells.</CTableDataCell>
+    </CTableRow>
+    <CTableRow align="bottom">
+      <CTableDataCell>This cell inherits <code>vertical-align: bottom;</code> from the table row</CTableDataCell>
+      <CTableDataCell>This cell inherits <code>vertical-align: bottom;</code> from the table row</CTableDataCell>
+      <CTableDataCell>This cell inherits <code>vertical-align: bottom;</code> from the table row</CTableDataCell>
+      <CTableDataCell>This here is some placeholder text, intended to take up quite a bit of vertical space, to demonsCTableRowate how the vertical alignment works in the preceding cells.</CTableDataCell>
+    </CTableRow>
+    <CTableRow>
+      <CTableDataCell>This cell inherits <code>vertical-align: middle;</code> from the table</CTableDataCell>
+      <CTableDataCell>This cell inherits <code>vertical-align: middle;</code> from the table</CTableDataCell>
+      <CTableDataCell align="top">This cell is aligned to the top.</CTableDataCell>
+      <CTableDataCell>This here is some placeholder text, intended to take up quite a bit of vertical space, to demonsCTableRowate how the vertical alignment works in the preceding cells.</CTableDataCell>
     </CTableRow>
   </CTableBody>
-</CTable>
+</CTable> 
 ```
 
+## Nesting
+
+Border styles, active styles, and table variants are not inherited by nested tables.
+
 ::: demo
-<CTable color="dark">
+<CTable striped>
   <CTableHead>
     <CTableRow>
       <CTableHeaderCell scope="col">#</CTableHeaderCell>
@@ -702,529 +995,7 @@ Highlight a table row or cell by adding a `active` property.
     </CTableRow>
   </CTableHead>
   <CTableBody>
-    <CTableRow active>
-      <CTableHeaderCell scope="row">1</CTableHeaderCell>
-      <CTableDataCell>Mark</CTableDataCell>
-      <CTableDataCell>Otto</CTableDataCell>
-      <CTableDataCell>@mdo</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">2</CTableHeaderCell>
-      <CTableDataCell>Jacob</CTableDataCell>
-      <CTableDataCell>Thornton</CTableDataCell>
-      <CTableDataCell>@fat</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">3</CTableHeaderCell>
-      <CTableDataCell colspan="2" active>Larry the Bird</CTableDataCell>
-      <CTableDataCell>@twitter</CTableDataCell>
-    </CTableRow>
-  </CTableBody>
-</CTable>
-:::
-```vue
-<CTable color="dark">
-  <CTableHead>
-    <CTableRow>
-      <CTableHeaderCell scope="col">#</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Class</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-    </CTableRow>
-  </CTableHead>
-  <CTableBody>
-    <CTableRow active>
-      <CTableHeaderCell scope="row">1</CTableHeaderCell>
-      <CTableDataCell>Mark</CTableDataCell>
-      <CTableDataCell>Otto</CTableDataCell>
-      <CTableDataCell>@mdo</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">2</CTableHeaderCell>
-      <CTableDataCell>Jacob</CTableDataCell>
-      <CTableDataCell>Thornton</CTableDataCell>
-      <CTableDataCell>@fat</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">3</CTableHeaderCell>
-      <CTableDataCell colspan="2" active>Larry the Bird</CTableDataCell>
-      <CTableDataCell>@twitter</CTableDataCell>
-    </CTableRow>
-  </CTableBody>
-</CTable>
-```
-
-## Table borders
-
-### Bordered tables
-
-Add `bordered` property for borders on all sides of the table and cells.
-
-::: demo
-<CTable bordered>
-  <CTableHead>
-    <CTableRow>
-      <CTableHeaderCell scope="col">#</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Class</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-    </CTableRow>
-  </CTableHead>
-  <CTableBody>
-    <CTableRow>
-      <CTableHeaderCell scope="row">1</CTableHeaderCell>
-      <CTableDataCell>Mark</CTableDataCell>
-      <CTableDataCell>Otto</CTableDataCell>
-      <CTableDataCell>@mdo</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">2</CTableHeaderCell>
-      <CTableDataCell>Jacob</CTableDataCell>
-      <CTableDataCell>Thornton</CTableDataCell>
-      <CTableDataCell>@fat</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">3</CTableHeaderCell>
-      <CTableDataCell colspan="2">Larry the Bird</CTableDataCell>
-      <CTableDataCell>@twitter</CTableDataCell>
-    </CTableRow>
-  </CTableBody>
-</CTable>
-:::
-```vue
-<CTable bordered>
-  <CTableHead>
-    <CTableRow>
-      <CTableHeaderCell scope="col">#</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Class</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-    </CTableRow>
-  </CTableHead>
-  <CTableBody>
-    <CTableRow>
-      <CTableHeaderCell scope="row">1</CTableHeaderCell>
-      <CTableDataCell>Mark</CTableDataCell>
-      <CTableDataCell>Otto</CTableDataCell>
-      <CTableDataCell>@mdo</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">2</CTableHeaderCell>
-      <CTableDataCell>Jacob</CTableDataCell>
-      <CTableDataCell>Thornton</CTableDataCell>
-      <CTableDataCell>@fat</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">3</CTableHeaderCell>
-      <CTableDataCell colspan="2">Larry the Bird</CTableDataCell>
-      <CTableDataCell>@twitter</CTableDataCell>
-    </CTableRow>
-  </CTableBody>
-</CTable>
-```
-
-[Border color utilities](https://coreui.io/docs/4.0/utilities/borders#border-color) can be added to change colors:
-
-::: demo
-<CTable bordered border-color="primary">
-  <CTableHead>
-    <CTableRow>
-      <CTableHeaderCell scope="col">#</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Class</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-    </CTableRow>
-  </CTableHead>
-  <CTableBody>
-    <CTableRow>
-      <CTableHeaderCell scope="row">1</CTableHeaderCell>
-      <CTableDataCell>Mark</CTableDataCell>
-      <CTableDataCell>Otto</CTableDataCell>
-      <CTableDataCell>@mdo</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">2</CTableHeaderCell>
-      <CTableDataCell>Jacob</CTableDataCell>
-      <CTableDataCell>Thornton</CTableDataCell>
-      <CTableDataCell>@fat</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">3</CTableHeaderCell>
-      <CTableDataCell colspan="2">Larry the Bird</CTableDataCell>
-      <CTableDataCell>@twitter</CTableDataCell>
-    </CTableRow>
-  </CTableBody>
-</CTable>
-:::
-```vue
-<CTable bordered border-color="primary">
-  <CTableHead>
-    <CTableRow>
-      <CTableHeaderCell scope="col">#</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Class</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-    </CTableRow>
-  </CTableHead>
-  <CTableBody>
-    <CTableRow>
-      <CTableHeaderCell scope="row">1</CTableHeaderCell>
-      <CTableDataCell>Mark</CTableDataCell>
-      <CTableDataCell>Otto</CTableDataCell>
-      <CTableDataCell>@mdo</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">2</CTableHeaderCell>
-      <CTableDataCell>Jacob</CTableDataCell>
-      <CTableDataCell>Thornton</CTableDataCell>
-      <CTableDataCell>@fat</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">3</CTableHeaderCell>
-      <CTableDataCell colspan="2">Larry the Bird</CTableDataCell>
-      <CTableDataCell>@twitter</CTableDataCell>
-    </CTableRow>
-  </CTableBody>
-</CTable>
-```
-
-### Tables without borders
-
-Add `borderless` property for a table without borders.
-
-::: demo
-<CTable borderless>
-  <CTableHead>
-    <CTableRow>
-      <CTableHeaderCell scope="col">#</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Class</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-    </CTableRow>
-  </CTableHead>
-  <CTableBody>
-    <CTableRow>
-      <CTableHeaderCell scope="row">1</CTableHeaderCell>
-      <CTableDataCell>Mark</CTableDataCell>
-      <CTableDataCell>Otto</CTableDataCell>
-      <CTableDataCell>@mdo</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">2</CTableHeaderCell>
-      <CTableDataCell>Jacob</CTableDataCell>
-      <CTableDataCell>Thornton</CTableDataCell>
-      <CTableDataCell>@fat</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">3</CTableHeaderCell>
-      <CTableDataCell colspan="2">Larry the Bird</CTableDataCell>
-      <CTableDataCell>@twitter</CTableDataCell>
-    </CTableRow>
-  </CTableBody>
-</CTable>
-:::
-```vue
-<CTable borderless>
-  <CTableHead>
-    <CTableRow>
-      <CTableHeaderCell scope="col">#</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Class</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-    </CTableRow>
-  </CTableHead>
-  <CTableBody>
-    <CTableRow>
-      <CTableHeaderCell scope="row">1</CTableHeaderCell>
-      <CTableDataCell>Mark</CTableDataCell>
-      <CTableDataCell>Otto</CTableDataCell>
-      <CTableDataCell>@mdo</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">2</CTableHeaderCell>
-      <CTableDataCell>Jacob</CTableDataCell>
-      <CTableDataCell>Thornton</CTableDataCell>
-      <CTableDataCell>@fat</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">3</CTableHeaderCell>
-      <CTableDataCell colspan="2">Larry the Bird</CTableDataCell>
-      <CTableDataCell>@twitter</CTableDataCell>
-    </CTableRow>
-  </CTableBody>
-</CTable>
-```
-
-::: demo
-<CTable color="dark" borderless>
-  <CTableHead>
-    <CTableRow>
-      <CTableHeaderCell scope="col">#</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Class</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-    </CTableRow>
-  </CTableHead>
-  <CTableBody>
-    <CTableRow>
-      <CTableHeaderCell scope="row">1</CTableHeaderCell>
-      <CTableDataCell>Mark</CTableDataCell>
-      <CTableDataCell>Otto</CTableDataCell>
-      <CTableDataCell>@mdo</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">2</CTableHeaderCell>
-      <CTableDataCell>Jacob</CTableDataCell>
-      <CTableDataCell>Thornton</CTableDataCell>
-      <CTableDataCell>@fat</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">3</CTableHeaderCell>
-      <CTableDataCell colspan="2">Larry the Bird</CTableDataCell>
-      <CTableDataCell>@twitter</CTableDataCell>
-    </CTableRow>
-  </CTableBody>
-</CTable>
-:::
-```vue
-<CTable color="dark" borderless>
-  <CTableHead>
-    <CTableRow>
-      <CTableHeaderCell scope="col">#</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Class</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-    </CTableRow>
-  </CTableHead>
-  <CTableBody>
-    <CTableRow>
-      <CTableHeaderCell scope="row">1</CTableHeaderCell>
-      <CTableDataCell>Mark</CTableDataCell>
-      <CTableDataCell>Otto</CTableDataCell>
-      <CTableDataCell>@mdo</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">2</CTableHeaderCell>
-      <CTableDataCell>Jacob</CTableDataCell>
-      <CTableDataCell>Thornton</CTableDataCell>
-      <CTableDataCell>@fat</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">3</CTableHeaderCell>
-      <CTableDataCell colspan="2">Larry the Bird</CTableDataCell>
-      <CTableDataCell>@twitter</CTableDataCell>
-    </CTableRow>
-  </CTableBody>
-</CTable>
-```
-
-## Small tables
-
-Add `small` property to make any `<CTable>` more compact by cutting all cell `padding` in half.
-
-::: demo
-<CTable small>
-  <CTableHead>
-    <CTableRow>
-      <CTableHeaderCell scope="col">#</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Class</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-    </CTableRow>
-  </CTableHead>
-  <CTableBody>
-    <CTableRow>
-      <CTableHeaderCell scope="row">1</CTableHeaderCell>
-      <CTableDataCell>Mark</CTableDataCell>
-      <CTableDataCell>Otto</CTableDataCell>
-      <CTableDataCell>@mdo</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">2</CTableHeaderCell>
-      <CTableDataCell>Jacob</CTableDataCell>
-      <CTableDataCell>Thornton</CTableDataCell>
-      <CTableDataCell>@fat</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">3</CTableHeaderCell>
-      <CTableDataCell colspan="2">Larry the Bird</CTableDataCell>
-      <CTableDataCell>@twitter</CTableDataCell>
-    </CTableRow>
-  </CTableBody>
-</CTable>
-:::
-```vue
-<CTable small>
-  <CTableHead>
-    <CTableRow>
-      <CTableHeaderCell scope="col">#</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Class</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-    </CTableRow>
-  </CTableHead>
-  <CTableBody>
-    <CTableRow>
-      <CTableHeaderCell scope="row">1</CTableHeaderCell>
-      <CTableDataCell>Mark</CTableDataCell>
-      <CTableDataCell>Otto</CTableDataCell>
-      <CTableDataCell>@mdo</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">2</CTableHeaderCell>
-      <CTableDataCell>Jacob</CTableDataCell>
-      <CTableDataCell>Thornton</CTableDataCell>
-      <CTableDataCell>@fat</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">3</CTableHeaderCell>
-      <CTableDataCell colspan="2">Larry the Bird</CTableDataCell>
-      <CTableDataCell>@twitter</CTableDataCell>
-    </CTableRow>
-  </CTableBody>
-</CTable>
-```
-
-## Vertical alignment
-
-Table cells of `<CTableHead>` are always vertical aligned to the bottom. Table cells in `<CTableBody>` inherit their alignment from `<CTable>` and are aligned to the the top by default. Use the align property to re-align where needed.
-
-::: demo
-<CTable align="middle" reponsive>
-  <CTableHead>
-    <CTableRow>
-      <CTableHeaderCell scope="col" class="w-25">Heading 1</CTableHeaderCell>
-      <CTableHeaderCell scope="col" class="w-25">Heading 2</CTableHeaderCell>
-      <CTableHeaderCell scope="col" class="w-25">Heading 3</CTableHeaderCell>
-      <CTableHeaderCell scope="col" class="w-25">Heading 4</CTableHeaderCell>
-    </CTableRow>
-  </CTableHead>
-  <CTableBody>
-    <CTableRow>
-      <CTableDataCell>This cell inherits <code>vertical-align: middle;</code> from the table</CTableDataCell>
-      <CTableDataCell>This cell inherits <code>vertical-align: middle;</code> from the table</CTableDataCell>
-      <CTableDataCell>This cell inherits <code>vertical-align: middle;</code> from the table</CTableDataCell>
-      <CTableDataCell>This here is some placeholder text, intended to take up quite a bit of vertical space, to demonsCTableRowate how the vertical alignment works in the preceding cells.</CTableDataCell>
-    </CTableRow>
-    <CTableRow align="bottom">
-      <CTableDataCell>This cell inherits <code>vertical-align: bottom;</code> from the table row</CTableDataCell>
-      <CTableDataCell>This cell inherits <code>vertical-align: bottom;</code> from the table row</CTableDataCell>
-      <CTableDataCell>This cell inherits <code>vertical-align: bottom;</code> from the table row</CTableDataCell>
-      <CTableDataCell>This here is some placeholder text, intended to take up quite a bit of vertical space, to demonsCTableRowate how the vertical alignment works in the preceding cells.</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableDataCell>This cell inherits <code>vertical-align: middle;</code> from the table</CTableDataCell>
-      <CTableDataCell>This cell inherits <code>vertical-align: middle;</code> from the table</CTableDataCell>
-      <CTableDataCell align="top">This cell is aligned to the top.</CTableDataCell>
-      <CTableDataCell>This here is some placeholder text, intended to take up quite a bit of vertical space, to demonsCTableRowate how the vertical alignment works in the preceding cells.</CTableDataCell>
-    </CTableRow>
-  </CTableBody>
-</CTable> 
-:::
-```vue
-<CTable align="middle" reponsive>
-  <CTableHead>
-    <CTableRow>
-      <CTableHeaderCell scope="col" class="w-25">Heading 1</CTableHeaderCell>
-      <CTableHeaderCell scope="col" class="w-25">Heading 2</CTableHeaderCell>
-      <CTableHeaderCell scope="col" class="w-25">Heading 3</CTableHeaderCell>
-      <CTableHeaderCell scope="col" class="w-25">Heading 4</CTableHeaderCell>
-    </CTableRow>
-  </CTableHead>
-  <CTableBody>
-    <CTableRow>
-      <CTableDataCell>This cell inherits <code>vertical-align: middle;</code> from the table</CTableDataCell>
-      <CTableDataCell>This cell inherits <code>vertical-align: middle;</code> from the table</CTableDataCell>
-      <CTableDataCell>This cell inherits <code>vertical-align: middle;</code> from the table</CTableDataCell>
-      <CTableDataCell>This here is some placeholder text, intended to take up quite a bit of vertical space, to demonsCTableRowate how the vertical alignment works in the preceding cells.</CTableDataCell>
-    </CTableRow>
-    <CTableRow align="bottom">
-      <CTableDataCell>This cell inherits <code>vertical-align: bottom;</code> from the table row</CTableDataCell>
-      <CTableDataCell>This cell inherits <code>vertical-align: bottom;</code> from the table row</CTableDataCell>
-      <CTableDataCell>This cell inherits <code>vertical-align: bottom;</code> from the table row</CTableDataCell>
-      <CTableDataCell>This here is some placeholder text, intended to take up quite a bit of vertical space, to demonsCTableRowate how the vertical alignment works in the preceding cells.</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableDataCell>This cell inherits <code>vertical-align: middle;</code> from the table</CTableDataCell>
-      <CTableDataCell>This cell inherits <code>vertical-align: middle;</code> from the table</CTableDataCell>
-      <CTableDataCell align="top">This cell is aligned to the top.</CTableDataCell>
-      <CTableDataCell>This here is some placeholder text, intended to take up quite a bit of vertical space, to demonsCTableRowate how the vertical alignment works in the preceding cells.</CTableDataCell>
-    </CTableRow>
-  </CTableBody>
-</CTable> 
-```
-
-## Nesting
-
-Border styles, active styles, and table variants are not inherited by nested tables.
-
-::: demo
-<CTable striped>
-  <CTableHead>
-    <CTableRow>
-      <CTableHeaderCell scope="col">#</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Class</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-    </CTableRow>
-  </CTableHead>
-  <CTableBody>
-    <CTableRow>
-      <CTableHeaderCell scope="row">1</CTableHeaderCell>
-      <CTableDataCell>Mark</CTableDataCell>
-      <CTableDataCell>Otto</CTableDataCell>
-      <CTableDataCell>@mdo</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell colspan="4">
-        <CTable>
-          <CTableHead>
-            <CTableRow>
-              <CTableHeaderCell scope="col">Header</CTableHeaderCell>
-              <CTableHeaderCell scope="col">Header</CTableHeaderCell>
-              <CTableHeaderCell scope="col">Header</CTableHeaderCell>
-            </CTableRow>
-          </CTableHead>
-          <CTableBody>
-            <CTableRow>
-              <CTableHeaderCell scope="row">A</CTableHeaderCell>
-              <CTableDataCell>First</CTableDataCell>
-              <CTableDataCell>Last</CTableDataCell>
-            </CTableRow>
-            <CTableRow>
-              <CTableHeaderCell scope="row">B</CTableHeaderCell>
-              <CTableDataCell>First</CTableDataCell>
-              <CTableDataCell>Last</CTableDataCell>
-            </CTableRow>
-            <CTableRow>
-              <CTableHeaderCell scope="row">C</CTableHeaderCell>
-              <CTableDataCell>First</CTableDataCell>
-              <CTableDataCell>Last</CTableDataCell>
-            </CTableRow>
-          </CTableBody>
-        </CTable>
-      </CTableHeaderCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">3</CTableHeaderCell>
-      <CTableDataCell colspan="2">Larry the Bird</CTableDataCell>
-      <CTableDataCell>@twitter</CTableDataCell>
-    </CTableRow>
-  </CTableBody>
-</CTable>
-:::
-```vue
-<CTable striped>
-  <CTableHead>
-    <CTableRow>
-      <CTableHeaderCell scope="col">#</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Class</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-    </CTableRow>
-  </CTableHead>
-  <CTableBody>
-    <CTableRow>
+    <CTableRow>
       <CTableHeaderCell scope="row">1</CTableHeaderCell>
       <CTableDataCell>Mark</CTableDataCell>
       <CTableDataCell>Otto</CTableDataCell>
@@ -1250,183 +1021,15 @@ Border styles, active styles, and table variants are not inherited by nested tab
               <CTableHeaderCell scope="row">B</CTableHeaderCell>
               <CTableDataCell>First</CTableDataCell>
               <CTableDataCell>Last</CTableDataCell>
-            </CTableRow>
-            <CTableRow>
-              <CTableHeaderCell scope="row">C</CTableHeaderCell>
-              <CTableDataCell>First</CTableDataCell>
-              <CTableDataCell>Last</CTableDataCell>
-            </CTableRow>
-          </CTableBody>
-        </CTable>
-      </CTableHeaderCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">3</CTableHeaderCell>
-      <CTableDataCell colspan="2">Larry the Bird</CTableDataCell>
-      <CTableDataCell>@twitter</CTableDataCell>
-    </CTableRow>
-  </CTableBody>
-</CTable>
-```
-
-## Anatomy
-
-### Table head
-
-Similar to tables and dark tables, use the modifier prop `color="light"` or `color="dark"` to make `<CTableHead>`s appear light or dark gray.
-
-::: demo
-<CTable>
-  <CTableHead color="light">
-    <CTableRow>
-      <CTableHeaderCell scope="col">#</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Class</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-    </CTableRow>
-  </CTableHead>
-  <CTableBody>
-    <CTableRow>
-      <CTableHeaderCell scope="row">1</CTableHeaderCell>
-      <CTableDataCell>Mark</CTableDataCell>
-      <CTableDataCell>Otto</CTableDataCell>
-      <CTableDataCell>@mdo</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">2</CTableHeaderCell>
-      <CTableDataCell>Jacob</CTableDataCell>
-      <CTableDataCell>Thornton</CTableDataCell>
-      <CTableDataCell>@fat</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">3</CTableHeaderCell>
-      <CTableDataCell>Larry</CTableDataCell>
-      <CTableDataCell>the Bird</CTableDataCell>
-      <CTableDataCell>@twitter</CTableDataCell>
-    </CTableRow>
-  </CTableBody>
-</CTable>
-:::
-```vue
-<CTable>
-  <CTableHead color="light">
-    <CTableRow>
-      <CTableHeaderCell scope="col">#</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Class</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-    </CTableRow>
-  </CTableHead>
-  <CTableBody>
-    <CTableRow>
-      <CTableHeaderCell scope="row">1</CTableHeaderCell>
-      <CTableDataCell>Mark</CTableDataCell>
-      <CTableDataCell>Otto</CTableDataCell>
-      <CTableDataCell>@mdo</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">2</CTableHeaderCell>
-      <CTableDataCell>Jacob</CTableDataCell>
-      <CTableDataCell>Thornton</CTableDataCell>
-      <CTableDataCell>@fat</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">3</CTableHeaderCell>
-      <CTableDataCell>Larry</CTableDataCell>
-      <CTableDataCell>the Bird</CTableDataCell>
-      <CTableDataCell>@twitter</CTableDataCell>
-    </CTableRow>
-  </CTableBody>
-</CTable>
-```
-
-::: demo
-<CTable>
-  <CTableHead color="dark">
-    <CTableRow>
-      <CTableHeaderCell scope="col">#</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Class</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-    </CTableRow>
-  </CTableHead>
-  <CTableBody>
-    <CTableRow>
-      <CTableHeaderCell scope="row">1</CTableHeaderCell>
-      <CTableDataCell>Mark</CTableDataCell>
-      <CTableDataCell>Otto</CTableDataCell>
-      <CTableDataCell>@mdo</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">2</CTableHeaderCell>
-      <CTableDataCell>Jacob</CTableDataCell>
-      <CTableDataCell>Thornton</CTableDataCell>
-      <CTableDataCell>@fat</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">3</CTableHeaderCell>
-      <CTableDataCell colspan="2">Larry the Bird</CTableDataCell>
-      <CTableDataCell>@twitter</CTableDataCell>
-    </CTableRow>
-  </CTableBody>
-</CTable>
-:::
-```vue
-<CTable>
-  <CTableHead color="dark">
-    <CTableRow>
-      <CTableHeaderCell scope="col">#</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Class</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-    </CTableRow>
-  </CTableHead>
-  <CTableBody>
-    <CTableRow>
-      <CTableHeaderCell scope="row">1</CTableHeaderCell>
-      <CTableDataCell>Mark</CTableDataCell>
-      <CTableDataCell>Otto</CTableDataCell>
-      <CTableDataCell>@mdo</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">2</CTableHeaderCell>
-      <CTableDataCell>Jacob</CTableDataCell>
-      <CTableDataCell>Thornton</CTableDataCell>
-      <CTableDataCell>@fat</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">3</CTableHeaderCell>
-      <CTableDataCell colspan="2">Larry the Bird</CTableDataCell>
-      <CTableDataCell>@twitter</CTableDataCell>
-    </CTableRow>
-  </CTableBody>
-</CTable>
-```
-
-### Table foot
-
-::: demo
-<CTable>
-  <CTableHead color="light">
-    <CTableRow>
-      <CTableHeaderCell scope="col">#</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Class</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-    </CTableRow>
-  </CTableHead>
-  <CTableBody>
-    <CTableRow>
-      <CTableHeaderCell scope="row">1</CTableHeaderCell>
-      <CTableDataCell>Mark</CTableDataCell>
-      <CTableDataCell>Otto</CTableDataCell>
-      <CTableDataCell>@mdo</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">2</CTableHeaderCell>
-      <CTableDataCell>Jacob</CTableDataCell>
-      <CTableDataCell>Thornton</CTableDataCell>
-      <CTableDataCell>@fat</CTableDataCell>
+            </CTableRow>
+            <CTableRow>
+              <CTableHeaderCell scope="row">C</CTableHeaderCell>
+              <CTableDataCell>First</CTableDataCell>
+              <CTableDataCell>Last</CTableDataCell>
+            </CTableRow>
+          </CTableBody>
+        </CTable>
+      </CTableHeaderCell>
     </CTableRow>
     <CTableRow>
       <CTableHeaderCell scope="row">3</CTableHeaderCell>
@@ -1434,19 +1037,11 @@ Similar to tables and dark tables, use the modifier prop `color="light"` or `col
       <CTableDataCell>@twitter</CTableDataCell>
     </CTableRow>
   </CTableBody>
-  <CTableHead>
-    <CTableRow>
-      <CTableDataCell>Footer</CTableDataCell>
-      <CTableDataCell>Footer</CTableDataCell>
-      <CTableDataCell>Footer</CTableDataCell>
-      <CTableDataCell>Footer</CTableDataCell>
-    </CTableRow>
-  </CTableHead>
 </CTable>
 :::
 ```vue
-<CTable>
-  <CTableHead color="light">
+<CTable striped>
+  <CTableHead>
     <CTableRow>
       <CTableHeaderCell scope="col">#</CTableHeaderCell>
       <CTableHeaderCell scope="col">Class</CTableHeaderCell>
@@ -1462,10 +1057,34 @@ Similar to tables and dark tables, use the modifier prop `color="light"` or `col
       <CTableDataCell>@mdo</CTableDataCell>
     </CTableRow>
     <CTableRow>
-      <CTableHeaderCell scope="row">2</CTableHeaderCell>
-      <CTableDataCell>Jacob</CTableDataCell>
-      <CTableDataCell>Thornton</CTableDataCell>
-      <CTableDataCell>@fat</CTableDataCell>
+      <CTableHeaderCell colspan="4">
+        <CTable>
+          <CTableHead>
+            <CTableRow>
+              <CTableHeaderCell scope="col">Header</CTableHeaderCell>
+              <CTableHeaderCell scope="col">Header</CTableHeaderCell>
+              <CTableHeaderCell scope="col">Header</CTableHeaderCell>
+            </CTableRow>
+          </CTableHead>
+          <CTableBody>
+            <CTableRow>
+              <CTableHeaderCell scope="row">A</CTableHeaderCell>
+              <CTableDataCell>First</CTableDataCell>
+              <CTableDataCell>Last</CTableDataCell>
+            </CTableRow>
+            <CTableRow>
+              <CTableHeaderCell scope="row">B</CTableHeaderCell>
+              <CTableDataCell>First</CTableDataCell>
+              <CTableDataCell>Last</CTableDataCell>
+            </CTableRow>
+            <CTableRow>
+              <CTableHeaderCell scope="row">C</CTableHeaderCell>
+              <CTableDataCell>First</CTableDataCell>
+              <CTableDataCell>Last</CTableDataCell>
+            </CTableRow>
+          </CTableBody>
+        </CTable>
+      </CTableHeaderCell>
     </CTableRow>
     <CTableRow>
       <CTableHeaderCell scope="row">3</CTableHeaderCell>
@@ -1473,25 +1092,18 @@ Similar to tables and dark tables, use the modifier prop `color="light"` or `col
       <CTableDataCell>@twitter</CTableDataCell>
     </CTableRow>
   </CTableBody>
-  <CTableHead>
-    <CTableRow>
-      <CTableDataCell>Footer</CTableDataCell>
-      <CTableDataCell>Footer</CTableDataCell>
-      <CTableDataCell>Footer</CTableDataCell>
-      <CTableDataCell>Footer</CTableDataCell>
-    </CTableRow>
-  </CTableHead>
 </CTable>
 ```
 
-### Captions
+## Anatomy
 
-A `<CTableCaption>` functions like a heading for a table. It helps users with screen readers to find a table and understand what it's about and decide if they want to read it.
+### Table head
+
+Similar to tables and dark tables, use the modifier prop `color="light"` or `color="dark"` to make `<CTableHead>`s appear light or dark gray.
 
 ::: demo
 <CTable>
-  <CTableCaption>List of users</CTableCaption>
-  <CTableHead>
+  <CTableHead color="light">
     <CTableRow>
       <CTableHeaderCell scope="col">#</CTableHeaderCell>
       <CTableHeaderCell scope="col">Class</CTableHeaderCell>
@@ -1523,44 +1135,36 @@ A `<CTableCaption>` functions like a heading for a table. It helps users with sc
 :::
 ```vue
 <CTable>
-  <CTableCaption>List of users</CTableCaption>
-  <CTableHead>
-    <CTableRow>
-      <CTableHeaderCell scope="col">#</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Class</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-    </CTableRow>
+  <CTableHead color="light">
+    ...
   </CTableHead>
   <CTableBody>
-    <CTableRow>
-      <CTableHeaderCell scope="row">1</CTableHeaderCell>
-      <CTableDataCell>Mark</CTableDataCell>
-      <CTableDataCell>Otto</CTableDataCell>
-      <CTableDataCell>@mdo</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">2</CTableHeaderCell>
-      <CTableDataCell>Jacob</CTableDataCell>
-      <CTableDataCell>Thornton</CTableDataCell>
-      <CTableDataCell>@fat</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">3</CTableHeaderCell>
-      <CTableDataCell>Larry</CTableDataCell>
-      <CTableDataCell>the Bird</CTableDataCell>
-      <CTableDataCell>@twitter</CTableDataCell>
-    </CTableRow>
+    ...
   </CTableBody>
 </CTable>
 ```
 
-You can also put the `<CTableCaption>` on the top of the table with `caption="top"`.
+If you generate a table using the new method incorporated in version **4.5.0**, you have to use tableHeadProps property to pass properties to the table header component.
+
+```vue
+<template>
+  <CTable :columns="columns" :items="items" :tableHeadProps="{ color: 'light' }" />
+</template>
+<script>
+ export default {
+    data: () => {
+      return {
+        columns: [ ... ],
+        items: [ ... ]
+      }
+    },
+  }
+</script>
+```
 
 ::: demo
-<CTable caption="top">
-  <CTableCaption>List of users</CTableCaption>
-  <CTableHead>
+<CTable>
+  <CTableHead color="dark">
     <CTableRow>
       <CTableHeaderCell scope="col">#</CTableHeaderCell>
       <CTableHeaderCell scope="col">Class</CTableHeaderCell>
@@ -1583,167 +1187,49 @@ You can also put the `<CTableCaption>` on the top of the table with `caption="to
     </CTableRow>
     <CTableRow>
       <CTableHeaderCell scope="row">3</CTableHeaderCell>
-      <CTableDataCell>Larry</CTableDataCell>
-      <CTableDataCell>the Bird</CTableDataCell>
+      <CTableDataCell colspan="2">Larry the Bird</CTableDataCell>
       <CTableDataCell>@twitter</CTableDataCell>
     </CTableRow>
   </CTableBody>
 </CTable>
 :::
 ```vue
-<CTable caption="top">
-  <CTableCaption>List of users</CTableCaption>
-  <CTableHead>
-    <CTableRow>
-      <CTableHeaderCell scope="col">#</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Class</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-    </CTableRow>
+<CTable>
+  <CTableHead color="dark">
+    ...
   </CTableHead>
   <CTableBody>
-    <CTableRow>
-      <CTableHeaderCell scope="row">1</CTableHeaderCell>
-      <CTableDataCell>Mark</CTableDataCell>
-      <CTableDataCell>Otto</CTableDataCell>
-      <CTableDataCell>@mdo</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">2</CTableHeaderCell>
-      <CTableDataCell>Jacob</CTableDataCell>
-      <CTableDataCell>Thornton</CTableDataCell>
-      <CTableDataCell>@fat</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">3</CTableHeaderCell>
-      <CTableDataCell>Larry</CTableDataCell>
-      <CTableDataCell>the Bird</CTableDataCell>
-      <CTableDataCell>@twitter</CTableDataCell>
-    </CTableRow>
+    ...
   </CTableBody>
 </CTable>
 ```
 
-## Responsive tables
-
-Responsive tables allow tables to be scrolled horizontally with ease. Make any table responsive across all viewports by adding a `responsive` property. Or, pick a maximum breakpoint with which to have a responsive table up to by using `responsive="{-sm|-md|-lg|-xl|-xxl}"`.
+Starting from version **4.5.0** also this way.
 
-::: demo
-<CTable responsive>
-  <CTableHead>
-    <CTableRow>
-      <CTableHeaderCell scope="col">#</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-    </CTableRow>
-  </CTableHead>
-  <CTableBody>
-    <CTableRow>
-      <CTableHeaderCell scope="row">1</CTableHeaderCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">2</CTableHeaderCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">3</CTableHeaderCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-    </CTableRow>
-  </CTableBody>
-</CTable>
-:::
 ```vue
-<CTable responsive>
-  <CTableHead>
-    <CTableRow>
-      <CTableHeaderCell scope="col">#</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-    </CTableRow>
-  </CTableHead>
-  <CTableBody>
-    <CTableRow>
-      <CTableHeaderCell scope="row">1</CTableHeaderCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">2</CTableHeaderCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-    </CTableRow>
-    <CTableRow>
-      <CTableHeaderCell scope="row">3</CTableHeaderCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-    </CTableRow>
-  </CTableBody>
-</CTable>
+<template>
+  <CTable :columns="columns" :items="items" :tableHeadProps="{ color: 'dark' }" />
+</template>
+<script>
+ export default {
+    data: () => {
+      return {
+        columns: [ ... ],
+        items: [ ... ]
+      }
+    },
+  }
+</script>
 ```
 
+### Table foot
+
 ::: demo
-<CTable responsive="sm">
-  <CTableHead>
-    <CTableRow>
-      <CTableHeaderCell scope="col">#</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
+<CTable>
+  <CTableHead color="light">
+    <CTableRow>
+      <CTableHeaderCell scope="col">#</CTableHeaderCell>
+      <CTableHeaderCell scope="col">Class</CTableHeaderCell>
       <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
       <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
     </CTableRow>
@@ -1751,51 +1237,78 @@ Responsive tables allow tables to be scrolled horizontally with ease. Make any t
   <CTableBody>
     <CTableRow>
       <CTableHeaderCell scope="row">1</CTableHeaderCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
+      <CTableDataCell>Mark</CTableDataCell>
+      <CTableDataCell>Otto</CTableDataCell>
+      <CTableDataCell>@mdo</CTableDataCell>
     </CTableRow>
     <CTableRow>
       <CTableHeaderCell scope="row">2</CTableHeaderCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
+      <CTableDataCell>Jacob</CTableDataCell>
+      <CTableDataCell>Thornton</CTableDataCell>
+      <CTableDataCell>@fat</CTableDataCell>
     </CTableRow>
     <CTableRow>
       <CTableHeaderCell scope="row">3</CTableHeaderCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
+      <CTableDataCell colspan="2">Larry the Bird</CTableDataCell>
+      <CTableDataCell>@twitter</CTableDataCell>
     </CTableRow>
   </CTableBody>
 </CTable>
 :::
 ```vue
-<CTable responsive="sm">
+<CTable>
+  <CTableHead color="light">
+    ...
+  </CTableHead>
+  <CTableBody>
+    ...
+  </CTableBody>
+  <CTableHead>
+    <CTableRow>
+      <CTableDataCell>Footer</CTableDataCell>
+      <CTableDataCell>Footer</CTableDataCell>
+      <CTableDataCell>Footer</CTableDataCell>
+      <CTableDataCell>Footer</CTableDataCell>
+    </CTableRow>
+  </CTableHead>
+</CTable>
+```
+
+Starting from version **4.5.0** also this way.
+
+```vue
+<template>
+  <CTable :columns="columns" :footer="footer" :items="items" :tableHeadProps="{ color: 'dark' }" />
+</template>
+<script>
+ export default {
+    data: () => {
+      return {
+        columns: [ ... ],
+        footer: [
+          'Footer',
+          'Footer',
+          'Footer',
+          'Footer',
+        ],
+        items: [ ... ]
+      }
+    },
+  }
+</script>
+```
+
+### Captions
+
+A `<CTableCaption>` functions like a heading for a table. It helps users with screen readers to find a table and understand what it's about and decide if they want to read it.
+
+::: demo
+<CTable>
+  <CTableCaption>List of users</CTableCaption>
   <CTableHead>
     <CTableRow>
       <CTableHeaderCell scope="col">#</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
+      <CTableHeaderCell scope="col">Class</CTableHeaderCell>
       <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
       <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
     </CTableRow>
@@ -1803,52 +1316,64 @@ Responsive tables allow tables to be scrolled horizontally with ease. Make any t
   <CTableBody>
     <CTableRow>
       <CTableHeaderCell scope="row">1</CTableHeaderCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
+      <CTableDataCell>Mark</CTableDataCell>
+      <CTableDataCell>Otto</CTableDataCell>
+      <CTableDataCell>@mdo</CTableDataCell>
     </CTableRow>
     <CTableRow>
       <CTableHeaderCell scope="row">2</CTableHeaderCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
+      <CTableDataCell>Jacob</CTableDataCell>
+      <CTableDataCell>Thornton</CTableDataCell>
+      <CTableDataCell>@fat</CTableDataCell>
     </CTableRow>
     <CTableRow>
       <CTableHeaderCell scope="row">3</CTableHeaderCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
+      <CTableDataCell>Larry</CTableDataCell>
+      <CTableDataCell>the Bird</CTableDataCell>
+      <CTableDataCell>@twitter</CTableDataCell>
     </CTableRow>
   </CTableBody>
 </CTable>
+:::
+```vue
+<CTable>
+  <CTableCaption>List of users</CTableCaption>
+  <CTableHead>
+    ...
+  </CTableHead>
+  <CTableBody>
+    ...
+  </CTableBody>
+</CTable>
+```
+
+Starting from version **4.5.0** also this way.
+
+```vue
+<template>
+  <CTable caption="List of users" :columns="columns" :items="items"  />
+</template>
+<script>
+ export default {
+    data: () => {
+      return {
+        columns: [ ... ],
+        items: [ ... ]
+      }
+    },
+  }
+</script>
 ```
 
+You can also put the `<CTableCaption>` on the top of the table with `caption="top"`.
+
 ::: demo
-<CTable responsive="md">
+<CTable caption="top">
+  <CTableCaption>List of users</CTableCaption>
   <CTableHead>
     <CTableRow>
       <CTableHeaderCell scope="col">#</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
+      <CTableHeaderCell scope="col">Class</CTableHeaderCell>
       <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
       <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
     </CTableRow>
@@ -1856,51 +1381,32 @@ Responsive tables allow tables to be scrolled horizontally with ease. Make any t
   <CTableBody>
     <CTableRow>
       <CTableHeaderCell scope="row">1</CTableHeaderCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
+      <CTableDataCell>Mark</CTableDataCell>
+      <CTableDataCell>Otto</CTableDataCell>
+      <CTableDataCell>@mdo</CTableDataCell>
     </CTableRow>
     <CTableRow>
       <CTableHeaderCell scope="row">2</CTableHeaderCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
+      <CTableDataCell>Jacob</CTableDataCell>
+      <CTableDataCell>Thornton</CTableDataCell>
+      <CTableDataCell>@fat</CTableDataCell>
     </CTableRow>
     <CTableRow>
       <CTableHeaderCell scope="row">3</CTableHeaderCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
+      <CTableDataCell>Larry</CTableDataCell>
+      <CTableDataCell>the Bird</CTableDataCell>
+      <CTableDataCell>@twitter</CTableDataCell>
     </CTableRow>
   </CTableBody>
 </CTable>
 :::
 ```vue
-<CTable responsive="md">
+<CTable caption="top">
+  <CTableCaption>List of users</CTableCaption>
   <CTableHead>
     <CTableRow>
       <CTableHeaderCell scope="col">#</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
-      <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
+      <CTableHeaderCell scope="col">Class</CTableHeaderCell>
       <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
       <CTableHeaderCell scope="col">Heading</CTableHeaderCell>
     </CTableRow>
@@ -1908,43 +1414,49 @@ Responsive tables allow tables to be scrolled horizontally with ease. Make any t
   <CTableBody>
     <CTableRow>
       <CTableHeaderCell scope="row">1</CTableHeaderCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
+      <CTableDataCell>Mark</CTableDataCell>
+      <CTableDataCell>Otto</CTableDataCell>
+      <CTableDataCell>@mdo</CTableDataCell>
     </CTableRow>
     <CTableRow>
       <CTableHeaderCell scope="row">2</CTableHeaderCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
+      <CTableDataCell>Jacob</CTableDataCell>
+      <CTableDataCell>Thornton</CTableDataCell>
+      <CTableDataCell>@fat</CTableDataCell>
     </CTableRow>
     <CTableRow>
       <CTableHeaderCell scope="row">3</CTableHeaderCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
-      <CTableDataCell>Cell</CTableDataCell>
+      <CTableDataCell>Larry</CTableDataCell>
+      <CTableDataCell>the Bird</CTableDataCell>
+      <CTableDataCell>@twitter</CTableDataCell>
     </CTableRow>
   </CTableBody>
 </CTable>
 ```
 
+Since version **4.5.0** also this way.
+
+```vue
+<template>
+  <CTable captionTop="List of users" :columns="columns" :items="items"  />
+</template>
+<script>
+ export default {
+    data: () => {
+      return {
+        columns: [ ... ],
+        items: [ ... ]
+      }
+    },
+  }
+</script>
+```
+## Responsive tables
+
+Responsive tables allow tables to be scrolled horizontally with ease. Make any table responsive across all viewports by adding a `responsive` property. Or, pick a maximum breakpoint with which to have a responsive table up to by using `responsive="{-sm|-md|-lg|-xl|-xxl}"`.
+
 ::: demo
-<CTable responsive="lg">
+<CTable responsive>
   <CTableHead>
     <CTableRow>
       <CTableHeaderCell scope="col">#</CTableHeaderCell>
@@ -1996,7 +1508,13 @@ Responsive tables allow tables to be scrolled horizontally with ease. Make any t
 </CTable>
 :::
 ```vue
-<CTable responsive="lg">
+<CTable responsive>
+  ...
+</CTable>
+```
+
+::: demo
+<CTable responsive="sm">
   <CTableHead>
     <CTableRow>
       <CTableHeaderCell scope="col">#</CTableHeaderCell>
@@ -2046,10 +1564,15 @@ Responsive tables allow tables to be scrolled horizontally with ease. Make any t
     </CTableRow>
   </CTableBody>
 </CTable>
+:::
+```vue
+<CTable responsive="sm">
+  ...
+</CTable>
 ```
 
 ::: demo
-<CTable responsive="xl">
+<CTable responsive="md">
   <CTableHead>
     <CTableRow>
       <CTableHeaderCell scope="col">#</CTableHeaderCell>
@@ -2101,7 +1624,13 @@ Responsive tables allow tables to be scrolled horizontally with ease. Make any t
 </CTable>
 :::
 ```vue
-<CTable responsive="xl">
+<CTable responsive="md">
+  ...
+</CTable>
+```
+
+::: demo
+<CTable responsive="lg">
   <CTableHead>
     <CTableRow>
       <CTableHeaderCell scope="col">#</CTableHeaderCell>
@@ -2151,10 +1680,15 @@ Responsive tables allow tables to be scrolled horizontally with ease. Make any t
     </CTableRow>
   </CTableBody>
 </CTable>
+:::
+```vue
+<CTable responsive="lg">
+  ...
+</CTable>
 ```
 
 ::: demo
-<CTable responsive="xxl">
+<CTable responsive="xl">
   <CTableHead>
     <CTableRow>
       <CTableHeaderCell scope="col">#</CTableHeaderCell>
@@ -2206,6 +1740,12 @@ Responsive tables allow tables to be scrolled horizontally with ease. Make any t
 </CTable>
 :::
 ```vue
+<CTable responsive="xl">
+  ...
+</CTable>
+```
+
+::: demo
 <CTable responsive="xxl">
   <CTableHead>
     <CTableRow>
@@ -2256,8 +1796,178 @@ Responsive tables allow tables to be scrolled horizontally with ease. Make any t
     </CTableRow>
   </CTableBody>
 </CTable>
+:::
+```vue
+<CTable responsive="xxl">
+  ...
+</CTable>
 ```
 
+<script>
+  export default {
+    data: () => {
+      return {
+        columns: [
+          {
+            key: 'id',
+            label: '#',
+            _props: { scope: 'col' },
+          },
+          {
+            key: 'class',
+            _props: { scope: 'col' },
+          },
+          {
+            key: 'heading_1',
+            label: 'Heading',
+            _props: { scope: 'col' },
+          },
+          {
+            key: 'heading_2',
+            label: 'Heading',
+            _props: { scope: 'col' },
+          },
+        ],
+        items: [
+          {
+            id: 1,
+            class: 'Mark',
+            heading_1: 'Otto',
+            heading_2: '@mdo',
+            _cellProps: { id: { scope: 'row' } },
+          },
+          {
+            id: 2,
+            class: 'Jacob',
+            heading_1: 'Thornton',
+            heading_2: '@fat',
+            _cellProps: { id: { scope: 'row' } },
+          },
+          {
+            id: 3,
+            class: 'Larry the Bird',
+            heading_2: '@twitter',
+            _cellProps: { id: { scope: 'row' }, class: { colSpan: 2 } },
+          },
+        ],
+        columnsActiveTableExample: [
+          {
+            key: 'id',
+            label: '#',
+            _props: { scope: 'col' },
+          },
+          {
+            key: 'class',
+            _props: { scope: 'col' },
+          },
+          {
+            key: 'heading_1',
+            label: 'Heading',
+            _props: { scope: 'col' },
+          },
+          {
+            key: 'heading_2',
+            label: 'Heading',
+            _props: { scope: 'col' },
+          },
+        ],
+        itemsActiveTableExample: [
+          {
+            id: 1,
+            class: 'Mark',
+            heading_1: 'Otto',
+            heading_2: '@mdo',
+            _props: { active: true },
+            _cellProps: { id: { scope: 'row' } },
+          },
+          {
+            id: 2,
+            class: 'Jacob',
+            heading_1: 'Thornton',
+            heading_2: '@fat',
+            _cellProps: { id: { scope: 'row' } },
+          },
+          {
+            id: 3,
+            class: 'Larry the Bird',
+            heading_2: '@twitter',
+            _cellProps: { id: { scope: 'row' }, class: { active: true, colSpan: 2 } },
+          },
+        ],
+        columnsVariantExample: [
+          { key: 'class', _props: { scope: 'col' } },
+          { key: 'heading_1', label: 'Heading', _props: { scope: 'col' } },
+          { key: 'heading_2', label: 'Heading', _props: { scope: 'col' } },
+        ],
+        itemsVariantExample: [
+          {
+            class: 'Default',
+            heading_1: 'Cell',
+            heading_2: 'Cell',
+            _cellProps: { class: { scope: 'row' } },
+          },
+          {
+            class: 'Primary',
+            heading_1: 'Cell',
+            heading_2: 'Cell',
+            _cellProps: { class: { scope: 'row' } },
+            _props: { color: 'primary' },
+          },
+          {
+            class: 'Secondary',
+            heading_1: 'Cell',
+            heading_2: 'Cell',
+            _cellProps: { class: { scope: 'row' } },
+            _props: { color: 'secondary' },
+          },
+          {
+            class: 'Success',
+            heading_1: 'Cell',
+            heading_2: 'Cell',
+            _cellProps: { class: { scope: 'row' } },
+            _props: { color: 'success' },
+          },
+          {
+            class: 'Danger',
+            heading_1: 'Cell',
+            heading_2: 'Cell',
+            _cellProps: { class: { scope: 'row' } },
+            _props: { color: 'danger' },
+          },
+          {
+            class: 'Warning',
+            heading_1: 'Cell',
+            heading_2: 'Cell',
+            _cellProps: { class: { scope: 'row' } },
+            _props: { color: 'warning' },
+          },
+          {
+            class: 'Info',
+            heading_1: 'Cell',
+            heading_2: 'Cell',
+            _cellProps: { class: { scope: 'row' } },
+            _props: { color: 'info' },
+          },
+          {
+            class: 'Light',
+            heading_1: 'Cell',
+            heading_2: 'Cell',
+            _cellProps: { class: { scope: 'row' } },
+            _props: { color: 'light' },
+          },
+          {
+            class: 'Dark',
+            heading_1: 'Cell',
+            heading_2: 'Cell',
+            _cellProps: { class: { scope: 'row' } },
+            _props: { color: 'dark' },
+          },
+        ]
+      }
+    },
+  }
+</script>
+
 ## API
 
 !!!include(./api/table/CTable.api.md)!!!

From 4e6611b9ea09c5d5b02e595bf9056cc66b2d26d7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Sat, 29 Oct 2022 00:38:46 +0200
Subject: [PATCH 031/346] docs: update API documentation

---
 packages/docs/api/form/CFormCheck.api.md      | 32 +++++++++----------
 .../api/form/CFormControlValidation.api.md    | 16 +++++-----
 .../docs/api/form/CFormControlWrapper.api.md  | 10 +++---
 packages/docs/api/form/CFormInput.api.md      | 14 ++++----
 packages/docs/api/form/CFormRange.api.md      |  2 +-
 packages/docs/api/form/CFormSelect.api.md     | 14 ++++----
 packages/docs/api/form/CFormTextarea.api.md   | 14 ++++----
 7 files changed, 51 insertions(+), 51 deletions(-)

diff --git a/packages/docs/api/form/CFormCheck.api.md b/packages/docs/api/form/CFormCheck.api.md
index 7fff0eda..3a3488b4 100644
--- a/packages/docs/api/form/CFormCheck.api.md
+++ b/packages/docs/api/form/CFormCheck.api.md
@@ -8,22 +8,22 @@ import CFormCheck from '@coreui/vue/src/components/form/CFormCheck'
 
 #### Props
 
-| Prop name                                                           | Description                                                                                                                                                | Type            | Values                  | Default    |
-| ------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------- | ----------------------- | ---------- |
-| **button**                                                          | Create button-like checkboxes and radio buttons.<br/>`@see` http://coreui.io/vue/docs/components/button.html                                               | object          | -                       |            |
-| **feedback** <br><div class="badge bg-primary">4.3.0+</div>         | Provide valuable, actionable feedback.false                                                                                                                | string          | -                       |            |
-| **feedback-invalid** <br><div class="badge bg-primary">4.3.0+</div> | Provide valuable, actionable feedback.false                                                                                                                | string          | -                       |            |
-| **feedback-valid** <br><div class="badge bg-primary">4.3.0+</div>   | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.false | string          | -                       |            |
-| **hit-area**                                                        | Sets hit area to the full area of the component.                                                                                                           | string          | -                       |            |
-| **id**                                                              | The id global attribute defines an identifier (ID) that must be unique in the whole document.                                                              | string          | -                       |            |
-| **indeterminate**                                                   | Input Checkbox indeterminate Property                                                                                                                      | boolean         | -                       |            |
-| **inline**                                                          | Group checkboxes or radios on the same horizontal row by adding.                                                                                           | boolean         | -                       |            |
-| **invalid**                                                         | Set component validation state to invalid.                                                                                                                 | boolean         | -                       |            |
-| **label**                                                           | The element represents a caption for a component.                                                                                                          | string          | -                       |            |
-| **model-value**                                                     | The default name for a value passed using v-model.                                                                                                         | boolean\|string | -                       |            |
-| **tooltip-feedback** <br><div class="badge bg-primary">4.3.0+</div> | Display validation feedback in a styled tooltip.false                                                                                                      | boolean         | -                       |            |
-| **type**                                                            | Specifies the type of component.                                                                                                                           | string          | `'checkbox'`, `'radio'` | 'checkbox' |
-| **valid**                                                           | Set component validation state to valid.                                                                                                                   | boolean         | -                       |            |
+| Prop name                                                           | Description                                                                                                                                           | Type            | Values                  | Default    |
+| ------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- | --------------- | ----------------------- | ---------- |
+| **button**                                                          | Create button-like checkboxes and radio buttons.<br/>`@see` http://coreui.io/vue/docs/components/button.html                                          | object          | -                       |            |
+| **feedback** <br><div class="badge bg-primary">4.3.0+</div>         | Provide valuable, actionable feedback.                                                                                                                | string          | -                       |            |
+| **feedback-invalid** <br><div class="badge bg-primary">4.3.0+</div> | Provide valuable, actionable feedback.                                                                                                                | string          | -                       |            |
+| **feedback-valid** <br><div class="badge bg-primary">4.3.0+</div>   | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | string          | -                       |            |
+| **hit-area**                                                        | Sets hit area to the full area of the component.                                                                                                      | string          | -                       |            |
+| **id**                                                              | The id global attribute defines an identifier (ID) that must be unique in the whole document.                                                         | string          | -                       |            |
+| **indeterminate**                                                   | Input Checkbox indeterminate Property                                                                                                                 | boolean         | -                       |            |
+| **inline**                                                          | Group checkboxes or radios on the same horizontal row by adding.                                                                                      | boolean         | -                       |            |
+| **invalid**                                                         | Set component validation state to invalid.                                                                                                            | boolean         | -                       |            |
+| **label**                                                           | The element represents a caption for a component.                                                                                                     | string          | -                       |            |
+| **model-value**                                                     | The default name for a value passed using v-model.                                                                                                    | boolean\|string | -                       |            |
+| **tooltip-feedback** <br><div class="badge bg-primary">4.3.0+</div> | Display validation feedback in a styled tooltip.                                                                                                      | boolean         | -                       |            |
+| **type**                                                            | Specifies the type of component.                                                                                                                      | string          | `'checkbox'`, `'radio'` | 'checkbox' |
+| **valid**                                                           | Set component validation state to valid.                                                                                                              | boolean         | -                       |            |
 
 #### Events
 
diff --git a/packages/docs/api/form/CFormControlValidation.api.md b/packages/docs/api/form/CFormControlValidation.api.md
index e7825e67..8ecea6d5 100644
--- a/packages/docs/api/form/CFormControlValidation.api.md
+++ b/packages/docs/api/form/CFormControlValidation.api.md
@@ -8,11 +8,11 @@ import CFormControlValidation from '@coreui/vue/src/components/form/CFormControl
 
 #### Props
 
-| Prop name                                                           | Description                                                                                                                                                | Type    | Values | Default |
-| ------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | ------ | ------- |
-| **feedback** <br><div class="badge bg-primary">4.3.0+</div>         | Provide valuable, actionable feedback.false                                                                                                                | string  | -      |         |
-| **feedback-invalid** <br><div class="badge bg-primary">4.3.0+</div> | Provide valuable, actionable feedback.false                                                                                                                | string  | -      |         |
-| **feedback-valid** <br><div class="badge bg-primary">4.3.0+</div>   | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.false | string  | -      |         |
-| **invalid**                                                         | Set component validation state to invalid.                                                                                                                 | boolean | -      |         |
-| **tooltip-feedback** <br><div class="badge bg-primary">4.3.0+</div> | Display validation feedback in a styled tooltip.false                                                                                                      | boolean | -      |         |
-| **valid**                                                           | Set component validation state to valid.                                                                                                                   | boolean | -      |         |
+| Prop name                                                           | Description                                                                                                                                           | Type    | Values | Default |
+| ------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | ------ | ------- |
+| **feedback** <br><div class="badge bg-primary">4.3.0+</div>         | Provide valuable, actionable feedback.                                                                                                                | string  | -      |         |
+| **feedback-invalid** <br><div class="badge bg-primary">4.3.0+</div> | Provide valuable, actionable feedback.                                                                                                                | string  | -      |         |
+| **feedback-valid** <br><div class="badge bg-primary">4.3.0+</div>   | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | string  | -      |         |
+| **invalid**                                                         | Set component validation state to invalid.                                                                                                            | boolean | -      |         |
+| **tooltip-feedback** <br><div class="badge bg-primary">4.3.0+</div> | Display validation feedback in a styled tooltip.                                                                                                      | boolean | -      |         |
+| **valid**                                                           | Set component validation state to valid.                                                                                                              | boolean | -      |         |
diff --git a/packages/docs/api/form/CFormControlWrapper.api.md b/packages/docs/api/form/CFormControlWrapper.api.md
index cbe3023d..6e5aef5c 100644
--- a/packages/docs/api/form/CFormControlWrapper.api.md
+++ b/packages/docs/api/form/CFormControlWrapper.api.md
@@ -8,8 +8,8 @@ import CFormControlWrapper from '@coreui/vue/src/components/form/CFormControlWra
 
 #### Props
 
-| Prop name                                                         | Description                                                                                                                                              | Type   | Values | Default |
-| ----------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- | ------ | ------ | ------- |
-| **floating-label** <br><div class="badge bg-primary">4.3.0+</div> | Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.false | string | -      |         |
-| **label** <br><div class="badge bg-primary">4.3.0+</div>          | Add a caption for a component.false                                                                                                                      | string | -      |         |
-| **text** <br><div class="badge bg-primary">4.3.0+</div>           | Add helper text to the component.false                                                                                                                   | string | -      |         |
+| Prop name                                                         | Description                                                                                                                                         | Type   | Values | Default |
+| ----------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- | ------ | ------ | ------- |
+| **floating-label** <br><div class="badge bg-primary">4.3.0+</div> | Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | string | -      |         |
+| **label** <br><div class="badge bg-primary">4.3.0+</div>          | Add a caption for a component.                                                                                                                      | string | -      |         |
+| **text** <br><div class="badge bg-primary">4.3.0+</div>           | Add helper text to the component.                                                                                                                   | string | -      |         |
diff --git a/packages/docs/api/form/CFormInput.api.md b/packages/docs/api/form/CFormInput.api.md
index b695b8ca..b64db069 100644
--- a/packages/docs/api/form/CFormInput.api.md
+++ b/packages/docs/api/form/CFormInput.api.md
@@ -11,19 +11,19 @@ import CFormInput from '@coreui/vue/src/components/form/CFormInput'
 | Prop name                                                           | Description                                                                                                                                                                 | Type                 | Values                                  | Default |
 | ------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------- | --------------------------------------- | ------- |
 | **disabled**                                                        | Toggle the disabled state for the component.                                                                                                                                | boolean              | -                                       |         |
-| **feedback** <br><div class="badge bg-primary">4.3.0+</div>         | Provide valuable, actionable feedback.false                                                                                                                                 | string               | -                                       |         |
-| **feedback-invalid** <br><div class="badge bg-primary">4.3.0+</div> | Provide valuable, actionable feedback.false                                                                                                                                 | string               | -                                       |         |
-| **feedback-valid** <br><div class="badge bg-primary">4.3.0+</div>   | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.false                  | string               | -                                       |         |
-| **floating-label** <br><div class="badge bg-primary">4.3.0+</div>   | Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.false                    | string               | -                                       |         |
+| **feedback** <br><div class="badge bg-primary">4.3.0+</div>         | Provide valuable, actionable feedback.                                                                                                                                      | string               | -                                       |         |
+| **feedback-invalid** <br><div class="badge bg-primary">4.3.0+</div> | Provide valuable, actionable feedback.                                                                                                                                      | string               | -                                       |         |
+| **feedback-valid** <br><div class="badge bg-primary">4.3.0+</div>   | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.                       | string               | -                                       |         |
+| **floating-label** <br><div class="badge bg-primary">4.3.0+</div>   | Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.                         | string               | -                                       |         |
 | **id**                                                              | The id global attribute defines an identifier (ID) that must be unique in the whole document.                                                                               | string               | -                                       |         |
 | **invalid**                                                         | Set component validation state to invalid.                                                                                                                                  | boolean              | -                                       |         |
-| **label** <br><div class="badge bg-primary">4.3.0+</div>            | Add a caption for a component.false                                                                                                                                         | string               | -                                       |         |
+| **label** <br><div class="badge bg-primary">4.3.0+</div>            | Add a caption for a component.                                                                                                                                              | string               | -                                       |         |
 | **model-value**                                                     | The default name for a value passed using v-model.                                                                                                                          | File\|number\|string | -                                       | -       |
 | **plain-text**                                                      | Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use only along side `readonly`. | boolean              | -                                       |         |
 | **readonly**                                                        | Toggle the readonly state for the component.                                                                                                                                | boolean              | -                                       |         |
 | **size**                                                            | Size the component small or large.                                                                                                                                          | string               | `'sm' \| 'lg'`                          |         |
-| **text** <br><div class="badge bg-primary">4.3.0+</div>             | Add helper text to the component.false                                                                                                                                      | string               | -                                       |         |
-| **tooltip-feedback** <br><div class="badge bg-primary">4.3.0+</div> | Display validation feedback in a styled tooltip.false                                                                                                                       | boolean              | -                                       |         |
+| **text** <br><div class="badge bg-primary">4.3.0+</div>             | Add helper text to the component.                                                                                                                                           | string               | -                                       |         |
+| **tooltip-feedback** <br><div class="badge bg-primary">4.3.0+</div> | Display validation feedback in a styled tooltip.                                                                                                                            | boolean              | -                                       |         |
 | **type**                                                            | Specifies the type of component.                                                                                                                                            | string               | `'color' \| 'file' \| 'text' \| string` | 'text'  |
 | **valid**                                                           | Set component validation state to valid.                                                                                                                                    | boolean              | -                                       |         |
 
diff --git a/packages/docs/api/form/CFormRange.api.md b/packages/docs/api/form/CFormRange.api.md
index 1c159caa..05eb187d 100644
--- a/packages/docs/api/form/CFormRange.api.md
+++ b/packages/docs/api/form/CFormRange.api.md
@@ -11,7 +11,7 @@ import CFormRange from '@coreui/vue/src/components/form/CFormRange'
 | Prop name                                                | Description                                                      | Type    | Values | Default |
 | -------------------------------------------------------- | ---------------------------------------------------------------- | ------- | ------ | ------- |
 | **disabled**                                             | Toggle the disabled state for the component.                     | boolean | -      | -       |
-| **label** <br><div class="badge bg-primary">4.3.0+</div> | Add a caption for a component.false                              | string  | -      |         |
+| **label** <br><div class="badge bg-primary">4.3.0+</div> | Add a caption for a component.                                   | string  | -      |         |
 | **max**                                                  | Specifies the maximum value for the component.                   | number  | -      | -       |
 | **min**                                                  | Specifies the minimum value for the component.                   | number  | -      | -       |
 | **model-value**                                          | The default name for a value passed using v-model.               | string  | -      |         |
diff --git a/packages/docs/api/form/CFormSelect.api.md b/packages/docs/api/form/CFormSelect.api.md
index ff9d4443..8ddf5f19 100644
--- a/packages/docs/api/form/CFormSelect.api.md
+++ b/packages/docs/api/form/CFormSelect.api.md
@@ -10,19 +10,19 @@ import CFormSelect from '@coreui/vue/src/components/form/CFormSelect'
 
 | Prop name                                                           | Description                                                                                                                                                                                                                                  | Type                 | Values         | Default |
 | ------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------- | -------------- | ------- |
-| **feedback** <br><div class="badge bg-primary">4.3.0+</div>         | Provide valuable, actionable feedback.false                                                                                                                                                                                                  | string               | -              |         |
-| **feedback-invalid** <br><div class="badge bg-primary">4.3.0+</div> | Provide valuable, actionable feedback.false                                                                                                                                                                                                  | string               | -              |         |
-| **feedback-valid** <br><div class="badge bg-primary">4.3.0+</div>   | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.false                                                                                   | string               | -              |         |
-| **floating-label** <br><div class="badge bg-primary">4.3.0+</div>   | Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.false                                                                                     | string               | -              |         |
+| **feedback** <br><div class="badge bg-primary">4.3.0+</div>         | Provide valuable, actionable feedback.                                                                                                                                                                                                       | string               | -              |         |
+| **feedback-invalid** <br><div class="badge bg-primary">4.3.0+</div> | Provide valuable, actionable feedback.                                                                                                                                                                                                       | string               | -              |         |
+| **feedback-valid** <br><div class="badge bg-primary">4.3.0+</div>   | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.                                                                                        | string               | -              |         |
+| **floating-label** <br><div class="badge bg-primary">4.3.0+</div>   | Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.                                                                                          | string               | -              |         |
 | **html-size**                                                       | Specifies the number of visible options in a drop-down list.                                                                                                                                                                                 | number               | -              | -       |
 | **id**                                                              | The id global attribute defines an identifier (ID) that must be unique in the whole document.                                                                                                                                                | string               | -              |         |
 | **invalid**                                                         | Set component validation state to invalid.                                                                                                                                                                                                   | boolean              | -              |         |
-| **label** <br><div class="badge bg-primary">4.3.0+</div>            | Add a caption for a component.false                                                                                                                                                                                                          | string               | -              |         |
+| **label** <br><div class="badge bg-primary">4.3.0+</div>            | Add a caption for a component.                                                                                                                                                                                                               | string               | -              |         |
 | **model-value**                                                     | The default name for a value passed using v-model.                                                                                                                                                                                           | string \| string[]   | -              | -       |
 | **options**                                                         | Options list of the select component. Available keys: `label`, `value`, `disabled`.<br>Examples:<br>- `:options="[{ value: 'js', label: 'JavaScript' }, { value: 'html', label: 'HTML', disabled: true }]"`<br>- `:options="['js', 'html']"` | Option[] \| string[] | -              | -       |
 | **size**                                                            | Size the component small or large.                                                                                                                                                                                                           | string               | `'sm' \| 'lg'` | -       |
-| **text** <br><div class="badge bg-primary">4.3.0+</div>             | Add helper text to the component.false                                                                                                                                                                                                       | string               | -              |         |
-| **tooltip-feedback** <br><div class="badge bg-primary">4.3.0+</div> | Display validation feedback in a styled tooltip.false                                                                                                                                                                                        | boolean              | -              |         |
+| **text** <br><div class="badge bg-primary">4.3.0+</div>             | Add helper text to the component.                                                                                                                                                                                                            | string               | -              |         |
+| **tooltip-feedback** <br><div class="badge bg-primary">4.3.0+</div> | Display validation feedback in a styled tooltip.                                                                                                                                                                                             | boolean              | -              |         |
 | **valid**                                                           | Set component validation state to valid.                                                                                                                                                                                                     | boolean              | -              |         |
 
 #### Events
diff --git a/packages/docs/api/form/CFormTextarea.api.md b/packages/docs/api/form/CFormTextarea.api.md
index 48d79c29..c89b2b8a 100644
--- a/packages/docs/api/form/CFormTextarea.api.md
+++ b/packages/docs/api/form/CFormTextarea.api.md
@@ -11,18 +11,18 @@ import CFormTextarea from '@coreui/vue/src/components/form/CFormTextarea'
 | Prop name                                                           | Description                                                                                                                                                                 | Type    | Values | Default |
 | ------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | ------ | ------- |
 | **disabled**                                                        | Toggle the disabled state for the component.                                                                                                                                | boolean | -      |         |
-| **feedback** <br><div class="badge bg-primary">4.3.0+</div>         | Provide valuable, actionable feedback.false                                                                                                                                 | string  | -      |         |
-| **feedback-invalid** <br><div class="badge bg-primary">4.3.0+</div> | Provide valuable, actionable feedback.false                                                                                                                                 | string  | -      |         |
-| **feedback-valid** <br><div class="badge bg-primary">4.3.0+</div>   | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.false                  | string  | -      |         |
-| **floating-label** <br><div class="badge bg-primary">4.3.0+</div>   | Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.false                    | string  | -      |         |
+| **feedback** <br><div class="badge bg-primary">4.3.0+</div>         | Provide valuable, actionable feedback.                                                                                                                                      | string  | -      |         |
+| **feedback-invalid** <br><div class="badge bg-primary">4.3.0+</div> | Provide valuable, actionable feedback.                                                                                                                                      | string  | -      |         |
+| **feedback-valid** <br><div class="badge bg-primary">4.3.0+</div>   | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.                       | string  | -      |         |
+| **floating-label** <br><div class="badge bg-primary">4.3.0+</div>   | Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.                         | string  | -      |         |
 | **id**                                                              | The id global attribute defines an identifier (ID) that must be unique in the whole document.                                                                               | string  | -      |         |
 | **invalid**                                                         | Set component validation state to invalid.                                                                                                                                  | boolean | -      |         |
-| **label** <br><div class="badge bg-primary">4.3.0+</div>            | Add a caption for a component.false                                                                                                                                         | string  | -      |         |
+| **label** <br><div class="badge bg-primary">4.3.0+</div>            | Add a caption for a component.                                                                                                                                              | string  | -      |         |
 | **model-value**                                                     | The default name for a value passed using v-model.                                                                                                                          | string  | -      | -       |
 | **plain-text**                                                      | Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use only along side `readonly`. | boolean | -      |         |
 | **readonly**                                                        | Toggle the readonly state for the component.                                                                                                                                | boolean | -      |         |
-| **text** <br><div class="badge bg-primary">4.3.0+</div>             | Add helper text to the component.false                                                                                                                                      | string  | -      |         |
-| **tooltip-feedback** <br><div class="badge bg-primary">4.3.0+</div> | Display validation feedback in a styled tooltip.false                                                                                                                       | boolean | -      |         |
+| **text** <br><div class="badge bg-primary">4.3.0+</div>             | Add helper text to the component.                                                                                                                                           | string  | -      |         |
+| **tooltip-feedback** <br><div class="badge bg-primary">4.3.0+</div> | Display validation feedback in a styled tooltip.                                                                                                                            | boolean | -      |         |
 | **valid**                                                           | Set component validation state to valid.                                                                                                                                    | boolean | -      |         |
 
 #### Events

From 569ead69d7e103208d604533807c811018d46d0c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Sat, 29 Oct 2022 01:43:41 +0200
Subject: [PATCH 032/346] docs: add links to other versions

---
 .../src/client/components/Page.vue            |  36 +++
 .../client/components/other_frameworks.json   | 241 ++++++++++++++++++
 .../src/client/layouts/Layout.vue             |   2 +-
 packages/docs/components/accordion.md         |   3 +-
 packages/docs/components/alert.md             |   1 +
 packages/docs/components/avatar.md            |   1 +
 packages/docs/components/badge.md             |   1 +
 packages/docs/components/breadcrumb.md        |   2 +
 packages/docs/components/button-group.md      |   1 +
 packages/docs/components/button.md            |   2 +-
 packages/docs/components/callout.md           |   2 +-
 packages/docs/components/card.md              |   2 +-
 packages/docs/components/carousel.md          |   1 +
 packages/docs/components/close-button.md      |   1 +
 packages/docs/components/collapse.md          |   2 +-
 packages/docs/components/dropdown.md          |   2 +-
 packages/docs/components/footer.md            |   2 +-
 packages/docs/components/header.md            |   1 +
 packages/docs/components/image.md             |   1 +
 packages/docs/components/list-group.md        |   1 +
 packages/docs/components/modal.md             |   1 +
 packages/docs/components/navbar.md            |   1 +
 packages/docs/components/navs-tabs.md         |   4 +-
 packages/docs/components/offcanvas.md         |   2 +-
 packages/docs/components/pagination.md        |   1 +
 packages/docs/components/placeholder.md       |   3 +-
 packages/docs/components/popover.md           |   1 +
 packages/docs/components/progress.md          |   2 +-
 packages/docs/components/sidebar.md           |   1 +
 packages/docs/components/spinner.md           |   2 +-
 packages/docs/components/table.md             |   1 +
 packages/docs/components/toast.md             |   1 +
 packages/docs/components/tooltip.md           |   1 +
 packages/docs/forms/checkbox.md               |   1 +
 packages/docs/forms/floating-labels.md        |   1 +
 packages/docs/forms/input-group.md            |   1 +
 packages/docs/forms/input.md                  |   2 +-
 packages/docs/forms/radio.md                  |   1 +
 packages/docs/forms/range.md                  |   1 +
 packages/docs/forms/select.md                 |   1 +
 packages/docs/forms/switch.md                 |   1 +
 packages/docs/forms/textarea.md               |   1 +
 42 files changed, 321 insertions(+), 15 deletions(-)
 create mode 100644 packages/docs/.vuepress/theme-coreui/src/client/components/other_frameworks.json

diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/Page.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/Page.vue
index 9b12b15c..8046323e 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/components/Page.vue
+++ b/packages/docs/.vuepress/theme-coreui/src/client/components/Page.vue
@@ -4,6 +4,24 @@
       <h1>{{ title }}</h1>
       <p class="docs-lead fs-4 fw-light">{{ description }}</p>
       <Ads />
+      <template v-if="frameworks">
+        <h2>Other frameworks</h2>
+        <p>
+          CoreUI components are available as native Angular, Bootstrap (Vanilla JS), and React
+          components. To learn more please visit the following pages.
+        </p>
+        <ul>
+          <template v-for="framework in frameworks">
+            <template v-for="(el, index) in Object.keys(otherFrameworks[framework])">
+              <li v-if="el !== 'vue'" :key="index">
+                <a :href="otherFrameworks[framework][el]">{{
+                  el[0].toUpperCase() + el.slice(1)
+                }} {{ humanize(framework) }}</a>
+              </li>
+            </template>
+          </template>
+        </ul>
+      </template>
       <Content />
     </div>
   </div>
@@ -13,6 +31,7 @@
 import { defineComponent } from 'vue'
 import { usePageFrontmatter } from '@vuepress/client'
 import type { DefaultThemeNormalPageFrontmatter } from '../../shared'
+import jsonData from './other_frameworks.json'
 
 import Ads from './Ads.vue'
 
@@ -25,10 +44,27 @@ export default defineComponent({
     const frontmatter = usePageFrontmatter<DefaultThemeNormalPageFrontmatter>()
     const title = frontmatter.value.title
     const description = frontmatter.value.description
+    const frameworks = frontmatter.value.other_frameworks
+      ? frontmatter.value.other_frameworks.split(', ')
+      : false
+    const otherFrameworks = JSON.parse(JSON.stringify(jsonData))
+
+    const humanize = (text: string) => {
+      const string = text
+        .split('-')
+        .reduce(
+          (accumulator, currentValue) =>
+            accumulator + ' ' + currentValue[0].toUpperCase() + currentValue.slice(1),
+        )
+      return string[0].toUpperCase() + string.slice(1)
+    }
 
     return {
       title,
       description,
+      frameworks,
+      otherFrameworks,
+      humanize
     }
   },
 })
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/other_frameworks.json b/packages/docs/.vuepress/theme-coreui/src/client/components/other_frameworks.json
new file mode 100644
index 00000000..32046bbd
--- /dev/null
+++ b/packages/docs/.vuepress/theme-coreui/src/client/components/other_frameworks.json
@@ -0,0 +1,241 @@
+{
+  "accordion": {
+    "angular": "https://coreui.io/angular/docs/components/accordion",
+    "bootstrap": "https://coreui.io/docs/components/accordion/",
+    "react": "https://coreui.io/react/docs/components/accordion/",
+    "vue": "https://coreui.io/vue/docs/components/accordion.html"
+  },
+  "alert": {
+    "angular": "https://coreui.io/angular/docs/components/alert",
+    "bootstrap": "https://coreui.io/docs/components/alerts/",
+    "react": "https://coreui.io/react/docs/components/alert/",
+    "vue": "https://coreui.io/vue/docs/components/alert.html"
+  },
+  "avatar": {
+    "angular": "https://coreui.io/angular/docs/components/avatar",
+    "bootstrap": "https://coreui.io/docs/components/avatar/",
+    "react": "https://coreui.io/react/docs/components/avatar/",
+    "vue": "https://coreui.io/vue/docs/components/avatar.html"
+  },
+  "badge": {
+    "angular": "https://coreui.io/angular/docs/components/badge",
+    "bootstrap": "https://coreui.io/docs/components/badge/",
+    "react": "https://coreui.io/react/docs/components/badge/",
+    "vue": "https://coreui.io/vue/docs/components/badge.html"
+  },
+  "breadcrumb": {
+    "angular": "https://coreui.io/angular/docs/components/breadcrumb",
+    "bootstrap": "https://coreui.io/docs/components/breadcrumb/",
+    "react": "https://coreui.io/react/docs/components/breadcrumb/",
+    "vue": "https://coreui.io/vue/docs/components/breadcrumb.html"
+  },
+  "button": {
+    "angular": "https://coreui.io/angular/docs/components/button",
+    "bootstrap": "https://coreui.io/docs/components/buttons/",
+    "react": "https://coreui.io/react/docs/components/button/",
+    "vue": "https://coreui.io/vue/docs/components/button.html"
+  },
+  "button-group": {
+    "angular": "https://coreui.io/angular/docs/components/button-group",
+    "bootstrap": "https://coreui.io/docs/components/button-group/",
+    "react": "https://coreui.io/react/docs/components/button-group/",
+    "vue": "https://coreui.io/vue/docs/components/button-group.html"
+  },
+  "callout": {
+    "angular": "https://coreui.io/angular/docs/components/callout",
+    "bootstrap": "https://coreui.io/docs/components/callout/",
+    "react": "https://coreui.io/react/docs/components/callout/",
+    "vue": "https://coreui.io/vue/docs/components/callout.html"
+  },
+  "card": {
+    "angular": "https://coreui.io/angular/docs/components/card",
+    "bootstrap": "https://coreui.io/docs/components/card/",
+    "react": "https://coreui.io/react/docs/components/card/",
+    "vue": "https://coreui.io/vue/docs/components/card.html"
+  },
+  "carousel": {
+    "angular": "https://coreui.io/angular/docs/components/carousel",
+    "bootstrap": "https://coreui.io/docs/components/carousel/",
+    "react": "https://coreui.io/react/docs/components/carousel/",
+    "vue": "https://coreui.io/vue/docs/components/carousel.html"
+  },
+  "checkbox": {
+    "angular": "https://coreui.io/angular/docs/forms/checks-radios",
+    "bootstrap": "https://coreui.io/docs/forms/checks-radios/",
+    "react": "https://coreui.io/react/docs/forms/checkbox/",
+    "vue": "https://coreui.io/vue/docs/forms/checkbox.html"
+  },
+  "close-button": {
+    "angular": "https://coreui.io/angular/docs/components/close-button",
+    "bootstrap": "https://coreui.io/docs/components/close-button/",
+    "react": "https://coreui.io/react/docs/components/close-button/",
+    "vue": "https://coreui.io/vue/docs/components/close-button.html"
+  },
+  "collapse": {
+    "angular": "https://coreui.io/angular/docs/components/collapse",
+    "bootstrap": "https://coreui.io/docs/components/collapse/",
+    "react": "https://coreui.io/react/docs/components/collapse/",
+    "vue": "https://coreui.io/vue/docs/components/collapse.html"
+  },
+  "dropdown": {
+    "angular": "https://coreui.io/angular/docs/components/dropdown",
+    "bootstrap": "https://coreui.io/docs/components/dropdowns/",
+    "react": "https://coreui.io/react/docs/components/dropdown/",
+    "vue": "https://coreui.io/vue/docs/components/dropdown.html"
+  },
+  "footer": {
+    "angular": "https://coreui.io/angular/docs/components/footer",
+    "bootstrap": "https://coreui.io/docs/components/footer/",
+    "react": "https://coreui.io/react/docs/components/footer/",
+    "vue": "https://coreui.io/vue/docs/components/footer.html"
+  },
+  "header": {
+    "angular": "https://coreui.io/angular/docs/components/header",
+    "bootstrap": "https://coreui.io/docs/components/header/",
+    "react": "https://coreui.io/react/docs/components/header/",
+    "vue": "https://coreui.io/vue/docs/components/header.html"
+  },
+  "icon": {
+    "angular": "https://coreui.io/angular/docs/components/icon",
+    "bootstrap": "https://coreui.io/docs/components/icon/",
+    "react": "https://coreui.io/react/docs/components/icon/",
+    "vue": "https://coreui.io/vue/docs/components/icon.html"
+  },
+  "image": {
+    "angular": "https://coreui.io/angular/docs/components/image",
+    "bootstrap": "https://coreui.io/docs/content/images/",
+    "react": "https://coreui.io/react/docs/components/image/",
+    "vue": "https://coreui.io/vue/docs/components/image.html"
+  },
+  "input": {
+    "angular": "https://coreui.io/angular/docs/forms/input",
+    "bootstrap": "https://coreui.io/docs/forms/form-control/",
+    "react": "https://coreui.io/react/docs/forms/input/",
+    "vue": "https://coreui.io/vue/docs/forms/input.html"
+  },
+  "input-group": {
+    "angular": "https://coreui.io/angular/docs/forms/input-group",
+    "bootstrap": "https://coreui.io/docs/forms/input-group/",
+    "react": "https://coreui.io/react/docs/forms/input-group/",
+    "vue": "https://coreui.io/vue/docs/forms/input-group.html"
+  },
+  "floating-labels": {
+    "angular": "https://coreui.io/angular/docs/forms/floating-labels",
+    "bootstrap": "https://coreui.io/docs/forms/floating-labels/",
+    "react": "https://coreui.io/react/docs/forms/floating-labels/",
+    "vue": "https://coreui.io/vue/docs/forms/floating-labels.html"
+  },
+  "list-group": {
+    "angular": "https://coreui.io/angular/docs/components/list-group",
+    "bootstrap": "https://coreui.io/docs/components/list-group/",
+    "react": "https://coreui.io/react/docs/components/list-group/",
+    "vue": "https://coreui.io/vue/docs/components/list-group.html"
+  },
+  "modal": {
+    "angular": "https://coreui.io/angular/docs/components/modal",
+    "bootstrap": "https://coreui.io/docs/components/modal/",
+    "react": "https://coreui.io/react/docs/components/modal/",
+    "vue": "https://coreui.io/vue/docs/components/modal.html"
+  },
+  "navbar": {
+    "bootstrap": "https://coreui.io/docs/components/navbar/",
+    "react": "https://coreui.io/react/docs/components/navbar/",
+    "vue": "https://coreui.io/vue/docs/components/navbar.html"
+  },
+  "navs-tabs": {
+    "angular": "https://coreui.io/angular/docs/components/nav",
+    "bootstrap": "https://coreui.io/docs/components/navs-tabs/",
+    "react": "https://coreui.io/react/docs/components/navs-tabs/",
+    "vue": "https://coreui.io/vue/docs/components/navs-tabs.html"
+  },
+  "offcanvas": {
+    "angular": "https://coreui.io/angular/docs/components/offcanvas",
+    "bootstrap": "https://coreui.io/docs/components/offcanvas/",
+    "react": "https://coreui.io/react/docs/components/offcanvas/",
+    "vue": "https://coreui.io/vue/docs/components/offcanvas.html"
+  },
+  "pagination": {
+    "angular": "https://coreui.io/angular/docs/components/pagination",
+    "bootstrap": "https://coreui.io/docs/components/pagination/",
+    "react": "https://coreui.io/react/docs/components/pagination/",
+    "vue": "https://coreui.io/vue/docs/components/pagination.html"
+  },
+  "placeholder": {
+    "angular": "https://coreui.io/angular/docs/components/placeholder",
+    "bootstrap": "https://coreui.io/docs/components/placeholders/",
+    "react": "https://coreui.io/react/docs/components/placeholder/",
+    "vue": "https://coreui.io/vue/docs/components/placeholder.html"
+  },
+  "popover": {
+    "angular": "https://coreui.io/angular/docs/components/popover",
+    "bootstrap": "https://coreui.io/docs/components/popovers/",
+    "react": "https://coreui.io/react/docs/components/popover/",
+    "vue": "https://coreui.io/vue/docs/components/popover.html"
+  },
+  "progress": {
+    "angular": "https://coreui.io/angular/docs/components/progress",
+    "bootstrap": "https://coreui.io/docs/components/progress/",
+    "react": "https://coreui.io/react/docs/components/progress/",
+    "vue": "https://coreui.io/vue/docs/components/progress.html"
+  },
+  "radio": {
+    "angular": "https://coreui.io/angular/docs/forms/checks-radios",
+    "bootstrap": "https://coreui.io/docs/forms/checks-radios/",
+    "react": "https://coreui.io/react/docs/forms/radio/",
+    "vue": "https://coreui.io/vue/docs/forms/radio.html"
+  },
+  "range": {
+    "angular": "https://coreui.io/angular/docs/forms/range",
+    "bootstrap": "https://coreui.io/docs/forms/range/",
+    "react": "https://coreui.io/react/docs/forms/range/",
+    "vue": "https://coreui.io/vue/docs/forms/range.html"
+  },
+  "select": {
+    "angular": "https://coreui.io/angular/docs/forms/select",
+    "bootstrap": "https://coreui.io/docs/forms/select/",
+    "react": "https://coreui.io/react/docs/forms/select/",
+    "vue": "https://coreui.io/vue/docs/forms/select.html"
+  },
+  "sidebar": {
+    "angular": "https://coreui.io/angular/docs/components/sidebar",
+    "bootstrap": "https://coreui.io/docs/components/sidebar/",
+    "react": "https://coreui.io/react/docs/components/sidebar/",
+    "vue": "https://coreui.io/vue/docs/components/sidebar.html"
+  },
+  "spinner": {
+    "angular": "https://coreui.io/angular/docs/components/spinner",
+    "bootstrap": "https://coreui.io/docs/components/spinners/",
+    "react": "https://coreui.io/react/docs/components/spinner/",
+    "vue": "https://coreui.io/vue/docs/components/spinner.html"
+  },
+  "switch": {
+    "angular": "https://coreui.io/angular/docs/forms/checks-radios",
+    "bootstrap": "https://coreui.io/docs/forms/checks-radios/",
+    "react": "https://coreui.io/react/docs/forms/switch/",
+    "vue": "https://coreui.io/vue/docs/forms/switch.html"
+  },
+  "table": {
+    "angular": "https://coreui.io/angular/docs/components/table",
+    "bootstrap": "https://coreui.io/docs/content/tables/",
+    "react": "https://coreui.io/react/docs/components/table/",
+    "vue": "https://coreui.io/vue/docs/components/table.html"
+  },
+  "textarea": {
+    "angular": "https://coreui.io/angular/docs/forms/form-control",
+    "bootstrap": "https://coreui.io/docs/forms/form-control/",
+    "react": "https://coreui.io/react/docs/forms/textarea/",
+    "vue": "https://coreui.io/vue/docs/forms/textarea.html"
+  },
+  "toast": {
+    "angular": "https://coreui.io/angular/docs/components/toast",
+    "bootstrap": "https://coreui.io/docs/components/toasts/",
+    "react": "https://coreui.io/react/docs/components/toast/",
+    "vue": "https://coreui.io/vue/docs/components/toast.html"
+  },
+  "tooltip": {
+    "angular": "https://coreui.io/angular/docs/components/tooltip",
+    "bootstrap": "https://coreui.io/docs/components/tooltips/",
+    "react": "https://coreui.io/react/docs/components/tooltip/",
+    "vue": "https://coreui.io/vue/docs/components/tooltip.html"
+  }
+}
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue b/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue
index 98f4ca2d..dcf167fe 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue
+++ b/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue
@@ -32,7 +32,7 @@
                   <p>You can support our Open Source software development in the following ways:</p>
                   <ul>
                     <li>
-                      Buy the <a href="https://coreui.io/pricing/?support=vue">CoreUI PRO</a>,
+                      Buy the <a href="https://coreui.io/pricing/?framework=vue&docs=coreui-banner-pro">CoreUI PRO</a>,
                       and get access to PRO components, and dedicated support.
                     </li>
                     <li>
diff --git a/packages/docs/components/accordion.md b/packages/docs/components/accordion.md
index 309b3af3..ac4ddb49 100644
--- a/packages/docs/components/accordion.md
+++ b/packages/docs/components/accordion.md
@@ -2,6 +2,7 @@
 title: Vue Accordion Component
 name: Accordion
 description: Build vertically collapsing accordions in combination with our Vue Collapse component.
+other_frameworks: accordion
 ---
 
 ## Examples
@@ -10,7 +11,7 @@ Click the accordions below to expand/collapse the accordion content.
 
 ::: demo
 <CAccordion>
-  <CAccordionItem :item-key="1" :style="{ '--cui-accordion-bg': 'red' }">
+  <CAccordionItem :item-key="1">
     <CAccordionHeader>
       Accordion Item #1
     </CAccordionHeader>
diff --git a/packages/docs/components/alert.md b/packages/docs/components/alert.md
index 439fbe76..bdb25ea0 100644
--- a/packages/docs/components/alert.md
+++ b/packages/docs/components/alert.md
@@ -1,6 +1,7 @@
 ---
 title: Vue Alert Component
 description: Vue alert component gives contextual feedback information for common user operations. The alert component is delivered with a bunch of usable and adjustable alert messages.
+other_frameworks: alert
 ---
 
 ## Examples
diff --git a/packages/docs/components/avatar.md b/packages/docs/components/avatar.md
index 41978458..e94d7e27 100644
--- a/packages/docs/components/avatar.md
+++ b/packages/docs/components/avatar.md
@@ -2,6 +2,7 @@
 title: Vue Avatar Component
 name: Avatar
 description: Vue avatar component can be used to display circular user profile pictures. Avatar can be used to portray people or objects. It supports images, icons, or letters.
+other_frameworks: avatar
 ---
 
 ## Image avatars
diff --git a/packages/docs/components/badge.md b/packages/docs/components/badge.md
index ca821488..3b72ad5d 100644
--- a/packages/docs/components/badge.md
+++ b/packages/docs/components/badge.md
@@ -2,6 +2,7 @@
 title: Vue Badge Component
 name: Badge
 description: Vue badge component is small count and labeling component.
+other_frameworks: badge
 ---
 
 ## Example
diff --git a/packages/docs/components/breadcrumb.md b/packages/docs/components/breadcrumb.md
index 662e4c0f..597e4170 100644
--- a/packages/docs/components/breadcrumb.md
+++ b/packages/docs/components/breadcrumb.md
@@ -1,6 +1,8 @@
 ---
 title: Vue Breadcrumb Component
 name: Breadcrumb
+description: Vue breadcrumb navigation component which indicates the current location within a navigational hierarchy that automatically adds separators.
+other_frameworks: breadcrumb
 ---
 
 
diff --git a/packages/docs/components/button-group.md b/packages/docs/components/button-group.md
index 4b644c89..1a601e67 100644
--- a/packages/docs/components/button-group.md
+++ b/packages/docs/components/button-group.md
@@ -2,6 +2,7 @@
 title: Vue Button Group Component
 name: Button group
 description: Vue button group component allows to group a series of buttons and power them with JavaScript.
+other_frameworks: button-group
 ---
 
 ## Basic example
diff --git a/packages/docs/components/button.md b/packages/docs/components/button.md
index b7353fbb..5fb92d48 100644
--- a/packages/docs/components/button.md
+++ b/packages/docs/components/button.md
@@ -2,7 +2,7 @@
 title: Vue Buttons Component
 name: Buttons
 description: Vue button component for actions in tables, forms, cards, and more. CoreUI for Vue.js provides various styles, states, and size. Ready to use and easy to customize.
-
+other_frameworks: button
 ---
 
 ## Examples
diff --git a/packages/docs/components/callout.md b/packages/docs/components/callout.md
index 96539ec2..69bbf970 100644
--- a/packages/docs/components/callout.md
+++ b/packages/docs/components/callout.md
@@ -2,7 +2,7 @@
 title: Vue Callout Component
 name: Callout
 description: Vue callout component provides presentation of content in a visually distinct manner. Includes a heading, icon and typically text-based content.
-
+other_frameworks: callout
 ---
 
 ## Examples
diff --git a/packages/docs/components/card.md b/packages/docs/components/card.md
index 852d109a..f89dc2ea 100644
--- a/packages/docs/components/card.md
+++ b/packages/docs/components/card.md
@@ -2,7 +2,7 @@
 title: Vue Card Component
 name: Card
 description: Vue card component provides a flexible and extensible container for displaying content. Card is delivered with a bunch of variants and options.
-
+other_frameworks: card
 ---
 
 ## Examples
diff --git a/packages/docs/components/carousel.md b/packages/docs/components/carousel.md
index 2cc79718..311fa89b 100644
--- a/packages/docs/components/carousel.md
+++ b/packages/docs/components/carousel.md
@@ -2,6 +2,7 @@
 title: Vue Carousel Component
 name: Carousel
 description: Vue carousel is a slideshow component for cycling through elements—images or slides of text—like a carousel.
+other_frameworks: carousel
 ---
 
 ## How it works
diff --git a/packages/docs/components/close-button.md b/packages/docs/components/close-button.md
index a9e55a51..d6c71301 100644
--- a/packages/docs/components/close-button.md
+++ b/packages/docs/components/close-button.md
@@ -2,6 +2,7 @@
 title: Vue Close Button Component
 name: Close Button
 description: A generic close button component for dismissing content like modals and alerts.
+other_frameworks: close-button
 ---
 
 ## Example
diff --git a/packages/docs/components/collapse.md b/packages/docs/components/collapse.md
index dee27fc0..50d879bc 100644
--- a/packages/docs/components/collapse.md
+++ b/packages/docs/components/collapse.md
@@ -2,7 +2,7 @@
 title: Vue Collapse Component
 name: Collapse
 description: Vue collapse component toggles the visibility of content across your project with a few classes and some scripts. Useful for a large amount of content.
-
+other_frameworks: collapse
 ---
 
 
diff --git a/packages/docs/components/dropdown.md b/packages/docs/components/dropdown.md
index 2c7be824..e5cfefc6 100644
--- a/packages/docs/components/dropdown.md
+++ b/packages/docs/components/dropdown.md
@@ -2,7 +2,7 @@
 title: Vue Dropdown Component
 name: Dropdown
 description: Vue dropdown component allows you to toggle contextual overlays for displaying lists, links, and more html elements.
-
+other_frameworks: dropdown
 ---
 
 ## Overview
diff --git a/packages/docs/components/footer.md b/packages/docs/components/footer.md
index 51d67858..8f4bfcc6 100644
--- a/packages/docs/components/footer.md
+++ b/packages/docs/components/footer.md
@@ -2,7 +2,7 @@
 title: Vue Footer Component
 name: Footer
 description: Vue footer component is an additional navigation used for displaying general information that a user might want to access from any page within your site. It is a place to display boilerplate text about the site, company info, copyrights, links to a contact form, sitemap, FAQ and other such resources.
-
+other_frameworks: footer
 ---
 
 ## Examples
diff --git a/packages/docs/components/header.md b/packages/docs/components/header.md
index 37c5407b..aedec360 100644
--- a/packages/docs/components/header.md
+++ b/packages/docs/components/header.md
@@ -2,6 +2,7 @@
 title: Vue Header Component
 name: Header
 description: Documentation and examples for the Header powerful, responsive navigation header. Includes support for branding, links, dropdowns, and more.
+other_frameworks: header
 ---
 
 ## Example
diff --git a/packages/docs/components/image.md b/packages/docs/components/image.md
index 896418da..bce4f578 100644
--- a/packages/docs/components/image.md
+++ b/packages/docs/components/image.md
@@ -2,6 +2,7 @@
 title: Vue Image Component
 name: Image
 description: Vue image component with responsive behavior (so it's never become larger than their parent element) and special styles.
+other_frameworks: image
 ---
 
 ## Responsive images
diff --git a/packages/docs/components/list-group.md b/packages/docs/components/list-group.md
index bc3a4451..23401637 100644
--- a/packages/docs/components/list-group.md
+++ b/packages/docs/components/list-group.md
@@ -2,6 +2,7 @@
 title: Vue List Group Component
 name: List group
 description: Vue List Group component allows displaying a series of content. Learn how to use Vue list group to build complex list structure on your website.
+other_frameworks: list-group
 ---
 
 ## Basic example
diff --git a/packages/docs/components/modal.md b/packages/docs/components/modal.md
index 4cbfa1fa..6a579a27 100644
--- a/packages/docs/components/modal.md
+++ b/packages/docs/components/modal.md
@@ -2,6 +2,7 @@
 title: Vue Modal Component
 name: Modal
 description: Vue Modal component offers a lightweight, multi-purpose popup to add dialogs to yours. Learn how to customize Vue CoreUI Modals easily. Multiple examples and tutorial.
+other_frameworks: modal
 ---
 
 ## Examples
diff --git a/packages/docs/components/navbar.md b/packages/docs/components/navbar.md
index f680a989..feaeccc2 100644
--- a/packages/docs/components/navbar.md
+++ b/packages/docs/components/navbar.md
@@ -2,6 +2,7 @@
 title: Vue Navbar Component
 name: Navbar
 description: Documentation and examples for the Vue navbar powerful, responsive navigation header component. Includes support for branding, links, dropdowns, and more.
+other_frameworks: navbar
 ---
 
 ## Supported content
diff --git a/packages/docs/components/navs-tabs.md b/packages/docs/components/navs-tabs.md
index 9b585694..2fd81019 100644
--- a/packages/docs/components/navs-tabs.md
+++ b/packages/docs/components/navs-tabs.md
@@ -1,8 +1,8 @@
 ---
 title: Vue Navs & Tabs Components
-name: Nav
+name: Navs & Tabs
 description: Documentation and examples for how to use CoreUI's included Vue navigation components.
-
+other_frameworks: navs-tabs
 ---
 
 ## Base nav
diff --git a/packages/docs/components/offcanvas.md b/packages/docs/components/offcanvas.md
index 4cc06bcf..671d5959 100644
--- a/packages/docs/components/offcanvas.md
+++ b/packages/docs/components/offcanvas.md
@@ -2,7 +2,7 @@
 title: Vue Offcanvas Component
 name: Offcanvas
 description: Vue alert component allows build hidden sidebars into your project for navigation, shopping carts.
-
+other_frameworks: offcanvas
 ---
 
 
diff --git a/packages/docs/components/pagination.md b/packages/docs/components/pagination.md
index f8373204..426c5e2e 100644
--- a/packages/docs/components/pagination.md
+++ b/packages/docs/components/pagination.md
@@ -2,6 +2,7 @@
 title: Vue Pagination Component
 name: Pagination
 description: Documentation and examples for showing pagination to indicate a series of related content exists across multiple pages.
+other_frameworks: pagination
 ---
 
 ## Overview
diff --git a/packages/docs/components/placeholder.md b/packages/docs/components/placeholder.md
index cc3b5e4b..280bd2a3 100644
--- a/packages/docs/components/placeholder.md
+++ b/packages/docs/components/placeholder.md
@@ -1,6 +1,7 @@
 ---
 title: Vue Placeholder Component
-description: Use loading vue placeholders for your components or pages to indicate something may still be loading. 
+description: Use loading vue placeholders for your components or pages to indicate something may still be loading.
+other_frameworks: placeholder
 ---
 
 ## About
diff --git a/packages/docs/components/popover.md b/packages/docs/components/popover.md
index 030f1ae7..4e491d78 100644
--- a/packages/docs/components/popover.md
+++ b/packages/docs/components/popover.md
@@ -2,6 +2,7 @@
 title: Vue Popover Component and Directive
 name: Popover
 description: Documentation and examples for adding Vue popovers, like those found in iOS, to any element on your site.
+other_frameworks: popover
 ---
 
 ## Example
diff --git a/packages/docs/components/progress.md b/packages/docs/components/progress.md
index 8bae34ec..71da71ce 100644
--- a/packages/docs/components/progress.md
+++ b/packages/docs/components/progress.md
@@ -2,7 +2,7 @@
 title: Vue Progress Component
 name: Progress
 description: Documentation and examples for using Vue progress bars featuring support for stacked bars, animated backgrounds, and text labels.
-
+other_frameworks: progress
 ---
 
 ## Example
diff --git a/packages/docs/components/sidebar.md b/packages/docs/components/sidebar.md
index 280c8872..5faaa9d4 100644
--- a/packages/docs/components/sidebar.md
+++ b/packages/docs/components/sidebar.md
@@ -1,6 +1,7 @@
 ---
 title: Vue Sidebar Component
 description: Vue Sidebar is a powerful and customizable responsive navigation component for any type of vertical navigation. Bootstrap Sidebar come with built-in support for branding, navigation, and more.
+other_frameworks: sidebar
 ---
 
 ## Supported content
diff --git a/packages/docs/components/spinner.md b/packages/docs/components/spinner.md
index 87b4282f..fc8eae19 100644
--- a/packages/docs/components/spinner.md
+++ b/packages/docs/components/spinner.md
@@ -2,7 +2,7 @@
 title: Vue Spinner Component
 name: Spinner
 description: Indicate the loading state of a component or page with CoreUI spinners, built entirely with HTML, CSS, and no JavaScript.
-
+other_frameworks: spinner
 ---
 
 ## About
diff --git a/packages/docs/components/table.md b/packages/docs/components/table.md
index 66c45642..45f9cf6a 100644
--- a/packages/docs/components/table.md
+++ b/packages/docs/components/table.md
@@ -2,6 +2,7 @@
 title: Vue Table Component
 name: Table
 description: Documentation and examples for opt-in styling of tables.
+other_frameworks: table
 ---
 
 ## How to use Vue Table Component
diff --git a/packages/docs/components/toast.md b/packages/docs/components/toast.md
index 167a7b83..0564b0d8 100644
--- a/packages/docs/components/toast.md
+++ b/packages/docs/components/toast.md
@@ -2,6 +2,7 @@
 title: Vue Toast Component
 name: Toast
 description: Push notifications to your visitors with a toast, a lightweight and easily customizable alert message.
+other_frameworks: toast
 ---
 
 Vue toasts are lightweight notifications designed to mimic the push notifications that have been popularized by mobile and desktop operating systems. They’re built with flexbox, so they’re easy to align and position.
diff --git a/packages/docs/components/tooltip.md b/packages/docs/components/tooltip.md
index 62b9d0d2..3bec5159 100644
--- a/packages/docs/components/tooltip.md
+++ b/packages/docs/components/tooltip.md
@@ -2,6 +2,7 @@
 title: Vue Tooltip Component and Directive
 name: Tooltip
 description: Documentation and examples for adding Vue Tooltips.
+other_frameworks: tooltip
 ---
 
 ## Examples
diff --git a/packages/docs/forms/checkbox.md b/packages/docs/forms/checkbox.md
index c4abb50e..833b9b31 100644
--- a/packages/docs/forms/checkbox.md
+++ b/packages/docs/forms/checkbox.md
@@ -2,6 +2,7 @@
 title: Vue Checkbox Component
 name: Checkbox
 description: Create consistent cross-browser and cross-device checkboxes with our Vue checkbox components.
+other_frameworks: checkbox
 ---
 
 ## Approach
diff --git a/packages/docs/forms/floating-labels.md b/packages/docs/forms/floating-labels.md
index 90b65a0f..7ca253d3 100644
--- a/packages/docs/forms/floating-labels.md
+++ b/packages/docs/forms/floating-labels.md
@@ -2,6 +2,7 @@
 title: Vue Floating labels
 name: Floating labels
 description: Vue floating label component. Create beautifully simple form labels that float over your input fields.
+other_frameworks: floating-labels
 ---
 
 ## Example
diff --git a/packages/docs/forms/input-group.md b/packages/docs/forms/input-group.md
index 121e15dd..e263aecf 100644
--- a/packages/docs/forms/input-group.md
+++ b/packages/docs/forms/input-group.md
@@ -2,6 +2,7 @@
 title: Vue Input Group Component
 name: Input group
 description: Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs, custom selects, and custom file inputs.
+other_frameworks: input-group
 ---
 
 ## Basic example
diff --git a/packages/docs/forms/input.md b/packages/docs/forms/input.md
index 85dff433..b4c07adc 100644
--- a/packages/docs/forms/input.md
+++ b/packages/docs/forms/input.md
@@ -2,7 +2,7 @@
 title: Vue Form Input
 name: Form input
 description: Vue input components. Give textual form `<input>`s an upgrade with custom styles, sizing, focus states, validation, and more.
-
+other_frameworks: input
 ---
 
 ## Example
diff --git a/packages/docs/forms/radio.md b/packages/docs/forms/radio.md
index 825e0a79..e84ac860 100644
--- a/packages/docs/forms/radio.md
+++ b/packages/docs/forms/radio.md
@@ -2,6 +2,7 @@
 title: Vue Checkbox & Radio Components
 name: Checks & radios
 description: Create consistent cross-browser and cross-device checkboxes and radios with our Vue checkbox, radio, and switch components.
+other_frameworks: radio
 ---
 
 ## Approach
diff --git a/packages/docs/forms/range.md b/packages/docs/forms/range.md
index ed30bdf3..4a7dec20 100644
--- a/packages/docs/forms/range.md
+++ b/packages/docs/forms/range.md
@@ -2,6 +2,7 @@
 title: Vue Range Component
 name: Range
 description: Vue range component. Use our custom range inputs for consistent cross-browser styling and built-in customization.
+other_frameworks: range
 ---
 
 ## Overview
diff --git a/packages/docs/forms/select.md b/packages/docs/forms/select.md
index 370cae84..e70dd0da 100644
--- a/packages/docs/forms/select.md
+++ b/packages/docs/forms/select.md
@@ -2,6 +2,7 @@
 title: Vue Select Component
 name: Select
 description: Vue select component. Customize the native `<select>`s with custom CSS that changes the element's initial appearance.
+other_frameworks: select
 ---
 
 ## Default
diff --git a/packages/docs/forms/switch.md b/packages/docs/forms/switch.md
index df1b8435..b9ec11cb 100644
--- a/packages/docs/forms/switch.md
+++ b/packages/docs/forms/switch.md
@@ -2,6 +2,7 @@
 title: Vue Switch Component
 name: Switch
 description: Create consistent cross-browser and cross-device switch component.
+other_frameworks: switch
 ---
 
 ## Switches
diff --git a/packages/docs/forms/textarea.md b/packages/docs/forms/textarea.md
index a90cc85b..c0cb5127 100644
--- a/packages/docs/forms/textarea.md
+++ b/packages/docs/forms/textarea.md
@@ -2,6 +2,7 @@
 title: Vue Form Text Component
 name: Form control
 description: Vue textarea components. Give textual form `<textarea>`s an upgrade with custom styles, sizing, focus states, validation, and more.
+other_frameworks: textarea
 ---
 
 ## Example

From 2917e54ce7b1127399824cecac9694913054f88c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Sat, 29 Oct 2022 13:24:44 +0200
Subject: [PATCH 033/346] docs: update theme

---
 packages/docs/.vuepress/clientAppEnhance.ts   |  2 +
 .../src/client/components/Header.vue          |  9 +++-
 .../src/client/components/Page.vue            | 48 +++++++++++++++++--
 .../src/client/layouts/Layout.vue             | 27 -----------
 .../.vuepress/theme-coreui/src/shared/page.ts |  2 +
 5 files changed, 55 insertions(+), 33 deletions(-)

diff --git a/packages/docs/.vuepress/clientAppEnhance.ts b/packages/docs/.vuepress/clientAppEnhance.ts
index 7eb490dc..4ef7fe8c 100644
--- a/packages/docs/.vuepress/clientAppEnhance.ts
+++ b/packages/docs/.vuepress/clientAppEnhance.ts
@@ -10,6 +10,7 @@ import {
   cibDiscourse,
   cibGithub,
   cibTwitter,
+  cibOpenCollective,
   cilArrowBottom,
   cilArrowRight,
   cilArrowTop,
@@ -33,6 +34,7 @@ export const icons = {
   cibDiscourse,
   cibGithub,
   cibTwitter,
+  cibOpenCollective,
   cilArrowBottom,
   cilArrowRight,
   cilArrowTop,
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
index d92dd2d5..ccd0232a 100644
--- a/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
+++ b/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
@@ -10,11 +10,15 @@
       <CNavItem href="https://twitter.com/core_ui">
         <CIcon icon="cib-twitter" size="xl" />
       </CNavItem>
+      <CNavItem href="https://opencollective.com/coreui">
+        <CIcon icon="cib-open-collective" size="xl" />
+      </CNavItem>
     </CHeaderNav>
     <CButton
       class="d-lg-inline-block my-2 my-md-0 ms-md-3"
       color="primary"
-      href="https://coreui.io/react/#compare"
+      component="a"
+      href="https://coreui.io/vue/docs/getting-started/introduction.html"
       variant="outline"
     >
       <CIcon icon="cil-cloud-download" /> Download
@@ -22,7 +26,8 @@
     <CButton
       class="d-lg-inline-block my-2 my-md-0 ms-md-3"
       color="primary"
-      href="https://coreui.io/pro/react/"
+      component="a"
+      href="https://coreui.io/pricing/?framework=vue&docs=coreui-header-button"
     >
       Get CoreUI PRO
     </CButton>
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/Page.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/Page.vue
index 8046323e..d0ce9e27 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/components/Page.vue
+++ b/packages/docs/.vuepress/theme-coreui/src/client/components/Page.vue
@@ -1,4 +1,42 @@
 <template>
+  <div
+    v-if="pro_component"
+    class="bg-danger bg-opacity-10 border-start border-start-5 border-start-danger p-4 pb-3 mb-5"
+  >
+    <h3 className="mb-4">CoreUI PRO Component</h3>
+    <p>
+      To use this component you must have a CoreUI PRO license. Buy the
+      <a href="https://coreui.io/pricing/?framework=vuet&docs=coreui-banner-pro">CoreUI PRO</a>
+      and get access to all PRO components, features, templates, and dedicated support.
+    </p>
+  </div>
+  <div
+    v-else
+    class="bg-info bg-opacity-10 border-start border-start-5 border-start-info p-4 pb-3 mb-5"
+  >
+    <h3 class="mb-4">Support CoreUI Development</h3>
+    <p>
+      CoreUI is an MIT-licensed open source project and is completely free to use. However, the
+      amount of effort needed to maintain and develop new features for the project is not
+      sustainable without proper financial backing.
+    </p>
+    <p>You can support our Open Source software development in the following ways:</p>
+    <ul>
+      <li>
+        Buy the
+        <a href="https://coreui.io/pricing/?framework=vue&docs=coreui-banner-pro">CoreUI PRO</a>,
+        and get access to PRO components, and dedicated support.
+      </li>
+      <li>
+        <a href="https://opencollective.com/coreui" target="_blank">Became a sponsor</a>, and get
+        your logo on BACKERS.md/README.md files or each site of this documentation
+      </li>
+      <li>
+        Give us a star ⭐️ on
+        <a href="https://github.com/coreui/coreui-vue" target="_blank">Github</a>.
+      </li>
+    </ul>
+  </div>
   <div class="theme-default-content">
     <div class="content">
       <h1>{{ title }}</h1>
@@ -14,9 +52,9 @@
           <template v-for="framework in frameworks">
             <template v-for="(el, index) in Object.keys(otherFrameworks[framework])">
               <li v-if="el !== 'vue'" :key="index">
-                <a :href="otherFrameworks[framework][el]">{{
-                  el[0].toUpperCase() + el.slice(1)
-                }} {{ humanize(framework) }}</a>
+                <a :href="otherFrameworks[framework][el]"
+                  >{{ el[0].toUpperCase() + el.slice(1) }} {{ humanize(framework) }}</a
+                >
               </li>
             </template>
           </template>
@@ -44,6 +82,7 @@ export default defineComponent({
     const frontmatter = usePageFrontmatter<DefaultThemeNormalPageFrontmatter>()
     const title = frontmatter.value.title
     const description = frontmatter.value.description
+    const pro_component = frontmatter.value.pro_component
     const frameworks = frontmatter.value.other_frameworks
       ? frontmatter.value.other_frameworks.split(', ')
       : false
@@ -63,8 +102,9 @@ export default defineComponent({
       title,
       description,
       frameworks,
+      pro_component,
       otherFrameworks,
-      humanize
+      humanize,
     }
   },
 })
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue b/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue
index dcf167fe..a578bafc 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue
+++ b/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue
@@ -20,33 +20,6 @@
           >
             <CRow>
               <CCol :lg="9">
-                <div
-                  class="bg-info bg-opacity-10 border-start border-start-5 border-start-info p-4 pb-3 mb-5"
-                >
-                  <h3 class="mb-4">Support CoreUI Development</h3>
-                  <p>
-                    CoreUI is an MIT-licensed open source project and is completely free to use.
-                    However, the amount of effort needed to maintain and develop new features for
-                    the project is not sustainable without proper financial backing.
-                  </p>
-                  <p>You can support our Open Source software development in the following ways:</p>
-                  <ul>
-                    <li>
-                      Buy the <a href="https://coreui.io/pricing/?framework=vue&docs=coreui-banner-pro">CoreUI PRO</a>,
-                      and get access to PRO components, and dedicated support.
-                    </li>
-                    <li>
-                      <a href="https://opencollective.com/coreui" target="_blank"
-                        >Became a sponsor</a
-                      >, and get your logo on BACKERS.md/README.md files or each site of this
-                      documentation
-                    </li>
-                    <li>
-                      Give us a star ⭐️ on
-                      <a href="https://github.com/coreui/coreui-vue" target="_blank">Github</a>.
-                    </li>
-                  </ul>
-                </div>
                 <Page :key="page.path">
                   <template #top>
                     <slot name="page-top" />
diff --git a/packages/docs/.vuepress/theme-coreui/src/shared/page.ts b/packages/docs/.vuepress/theme-coreui/src/shared/page.ts
index ece43ec8..9feed30c 100755
--- a/packages/docs/.vuepress/theme-coreui/src/shared/page.ts
+++ b/packages/docs/.vuepress/theme-coreui/src/shared/page.ts
@@ -41,4 +41,6 @@ export interface DefaultThemeNormalPageFrontmatter
   sidebarDepth?: number
   prev?: string | NavLink
   next?: string | NavLink
+  pro_component: boolean
+  other_frameworks?: string
 }

From 333919e93c207e2b51643418c3c19d0d59784879 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Sun, 6 Nov 2022 20:02:12 +0100
Subject: [PATCH 034/346] docs: update layout

---
 .../theme-coreui/src/client/components/Footer.vue   | 13 ++++---------
 .../theme-coreui/src/client/components/Page.vue     |  2 +-
 2 files changed, 5 insertions(+), 10 deletions(-)

diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/Footer.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/Footer.vue
index 99e1680c..ca00885f 100644
--- a/packages/docs/.vuepress/theme-coreui/src/client/components/Footer.vue
+++ b/packages/docs/.vuepress/theme-coreui/src/client/components/Footer.vue
@@ -20,23 +20,18 @@
       </ul>
       <p class="mb-0">CoreUI for Vue is Open Source UI Components Library for Vue.js.</p>
       <p class="mb-0">
-        Currently v{{ version }}. Code licensed
+        CoreUI code licensed
         <a
           href="https://github.com/coreui/coreui/blob/main/LICENSE"
           target="_blank"
           rel="license noopener"
-        >
-          MIT
-        </a>
-        , docs 
+        >MIT</a>, docs 
         <a
           href="https://creativecommons.org/licenses/by/3.0/"
           target="_blank"
           rel="license noopener"
-        >
-          CC BY 3.0
-        </a>
-        .
+        >CC BY 3.0</a>.
+        <strong>CoreUI PRO requires a <a href="https://coreui.io/pricing/?framework=vue&docs=footer">commercial license</a>.</strong>
       </p>
     </CContainer>
   </CFooter>
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/Page.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/Page.vue
index d0ce9e27..8beadbf2 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/components/Page.vue
+++ b/packages/docs/.vuepress/theme-coreui/src/client/components/Page.vue
@@ -6,7 +6,7 @@
     <h3 className="mb-4">CoreUI PRO Component</h3>
     <p>
       To use this component you must have a CoreUI PRO license. Buy the
-      <a href="https://coreui.io/pricing/?framework=vuet&docs=coreui-banner-pro">CoreUI PRO</a>
+      <a href="https://coreui.io/pricing/?framework=vue&docs=coreui-banner-pro">CoreUI PRO</a>
       and get access to all PRO components, features, templates, and dedicated support.
     </p>
   </div>

From 384cd5b1325eddd74392a6853a4ec5e81e3174d5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Thu, 10 Nov 2022 13:45:22 +0100
Subject: [PATCH 035/346] docs: update version number

---
 packages/coreui-vue/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index 738b9beb..80a6acc9 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -34,7 +34,7 @@
     "build": "rollup -c"
   },
   "config": {
-    "version_short": "4.3"
+    "version_short": "4.4"
   },
   "devDependencies": {
     "@popperjs/core": "^2.11.6",

From 51a4cebaf16be6a992d8f6d51182559396d4dbb2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Thu, 10 Nov 2022 13:49:10 +0100
Subject: [PATCH 036/346] release: v4.5.0

---
 README.md                        | 2 +-
 lerna.json                       | 2 +-
 packages/coreui-vue/package.json | 4 ++--
 packages/docs/package.json       | 4 ++--
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index 8293a55c..2e709270 100644
--- a/README.md
+++ b/README.md
@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v4.4.0.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v4.5.0.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue`
diff --git a/lerna.json b/lerna.json
index c9a141ac..e3154cd5 100644
--- a/lerna.json
+++ b/lerna.json
@@ -4,5 +4,5 @@
     "packages/*"
   ],
   "useWorkspaces": true,
-  "version": "4.4.0"
+  "version": "4.5.0"
 }
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index 80a6acc9..a8319f25 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue",
-  "version": "4.4.0",
+  "version": "4.5.0",
   "description": "UI Components Library for Vue.js",
   "keywords": [
     "vue",
@@ -34,7 +34,7 @@
     "build": "rollup -c"
   },
   "config": {
-    "version_short": "4.4"
+    "version_short": "4.5"
   },
   "devDependencies": {
     "@popperjs/core": "^2.11.6",
diff --git a/packages/docs/package.json b/packages/docs/package.json
index bbd17f8e..1dfd7deb 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -1,8 +1,8 @@
 {
   "name": "@coreui/vue-docs",
-  "version": "4.4.0",
+  "version": "4.5.0",
   "config": {
-    "version_short": "4.4"
+    "version_short": "4.5"
   },
   "scripts": {
     "api": "vue-docgen -c build/docgen.config.js",

From 8aee4c7b6e1340561a772b13c2b698e6812bdb30 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Thu, 10 Nov 2022 14:26:47 +0100
Subject: [PATCH 037/346] docs: update layout

---
 packages/docs/.vuepress/config.ts | 13 +++++++++++++
 packages/docs/components/table.md |  4 ++--
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/packages/docs/.vuepress/config.ts b/packages/docs/.vuepress/config.ts
index 1eb1c5d6..d20fe34a 100644
--- a/packages/docs/.vuepress/config.ts
+++ b/packages/docs/.vuepress/config.ts
@@ -44,6 +44,19 @@ export default defineUserConfig<DefaultThemeOptions>({
         },
       },
     ],
+    [
+      '@vuepress/container',
+      {
+        type: 'demo-rounded',
+        render: function (tokens, idx) {
+          if (tokens[idx].nesting === 1) {
+            return '<div class="docs-example border rounded p-4">\n'
+          } else {
+            return '</div>\n'
+          }
+        },
+      },
+    ],
     [
       '@vuepress/container',
       {
diff --git a/packages/docs/components/table.md b/packages/docs/components/table.md
index 45f9cf6a..56512d57 100644
--- a/packages/docs/components/table.md
+++ b/packages/docs/components/table.md
@@ -11,7 +11,7 @@ Due to the widespread use of `<CTable>` elements across third-party widgets like
 
 Using the most basic table CoreUI, here's how `<CTable>`-based tables look in CoreUI.
 
-::: demo
+::: demo-rounded
 <CTable :columns="columns" :items="items" />
 :::
 
@@ -694,7 +694,7 @@ These hoverable rows can also be combined with the striped variant:
 
 Highlight a table row or cell by adding a `active` property.
 
-::: demo
+::: demo-rounded
 <CTable :columns="columnsActiveTableExample" :items="itemsActiveTableExample" />
 :::
 

From 67820ece3276ae12d534dd38847a7e67935b4359 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Mon, 16 Jan 2023 23:27:35 +0100
Subject: [PATCH 038/346] refactor: move `isVisible` to utilities

---
 .../coreui-vue/src/components/carousel/CCarousel.ts  | 10 +---------
 .../coreui-vue/src/components/sidebar/CSidebar.ts    | 12 ++----------
 packages/coreui-vue/src/utils/index.ts               |  3 +++
 packages/coreui-vue/src/utils/isVisible.ts           | 11 +++++++++++
 4 files changed, 17 insertions(+), 19 deletions(-)
 create mode 100644 packages/coreui-vue/src/utils/index.ts
 create mode 100644 packages/coreui-vue/src/utils/isVisible.ts

diff --git a/packages/coreui-vue/src/components/carousel/CCarousel.ts b/packages/coreui-vue/src/components/carousel/CCarousel.ts
index 3097fcb9..182579d4 100644
--- a/packages/coreui-vue/src/components/carousel/CCarousel.ts
+++ b/packages/coreui-vue/src/components/carousel/CCarousel.ts
@@ -11,15 +11,7 @@ import {
   watch,
 } from 'vue'
 
-const isVisible = (element: HTMLDivElement) => {
-  const rect = element.getBoundingClientRect()
-  return (
-    rect.top >= 0 &&
-    rect.left >= 0 &&
-    rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
-    rect.right <= (window.innerWidth || document.documentElement.clientWidth)
-  )
-}
+import { isVisible } from './../../utils'
 
 const CCarousel = defineComponent({
   name: 'CCarousel',
diff --git a/packages/coreui-vue/src/components/sidebar/CSidebar.ts b/packages/coreui-vue/src/components/sidebar/CSidebar.ts
index 7b86ee68..34dfa7ad 100644
--- a/packages/coreui-vue/src/components/sidebar/CSidebar.ts
+++ b/packages/coreui-vue/src/components/sidebar/CSidebar.ts
@@ -1,19 +1,11 @@
 import { defineComponent, h, onBeforeUnmount, onMounted, ref, watch } from 'vue'
 import { CBackdrop } from '../backdrop'
 
+import { isVisible } from './../../utils'
+
 const isOnMobile = (element: HTMLDivElement) =>
   Boolean(getComputedStyle(element).getPropertyValue('--cui-is-mobile'))
 
-const isVisible = (element: HTMLDivElement) => {
-  const rect = element.getBoundingClientRect()
-  return (
-    rect.top >= 0 &&
-    rect.left >= 0 &&
-    rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
-    rect.right <= (window.innerWidth || document.documentElement.clientWidth)
-  )
-}
-
 const CSidebar = defineComponent({
   name: 'CSidebar',
   props: {
diff --git a/packages/coreui-vue/src/utils/index.ts b/packages/coreui-vue/src/utils/index.ts
new file mode 100644
index 00000000..ac72a6ad
--- /dev/null
+++ b/packages/coreui-vue/src/utils/index.ts
@@ -0,0 +1,3 @@
+import isVisible from './isVisible'
+
+export { isVisible }
diff --git a/packages/coreui-vue/src/utils/isVisible.ts b/packages/coreui-vue/src/utils/isVisible.ts
new file mode 100644
index 00000000..0bf5cb30
--- /dev/null
+++ b/packages/coreui-vue/src/utils/isVisible.ts
@@ -0,0 +1,11 @@
+const isVisible = (element: HTMLElement) => {
+  const rect = element.getBoundingClientRect()
+  return (
+    rect.top >= 0 &&
+    rect.left >= 0 &&
+    rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
+    rect.right <= (window.innerWidth || document.documentElement.clientWidth)
+  )
+}
+
+export default isVisible

From 183231679e231dce94bcfdb4e556f1d5c487a219 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Mon, 16 Jan 2023 23:29:30 +0100
Subject: [PATCH 039/346] fix(CFormInput): ReferenceError: File is not defined

---
 packages/coreui-vue/src/components/form/CFormInput.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/coreui-vue/src/components/form/CFormInput.ts b/packages/coreui-vue/src/components/form/CFormInput.ts
index 23f7c783..aaffb2d9 100644
--- a/packages/coreui-vue/src/components/form/CFormInput.ts
+++ b/packages/coreui-vue/src/components/form/CFormInput.ts
@@ -1,6 +1,8 @@
 import { defineComponent, h } from 'vue'
 import { CFormControlWrapper } from './CFormControlWrapper'
 
+export const File = typeof window !== 'undefined' ? window.File : class File extends Object {}
+
 const CFormInput = defineComponent({
   name: 'CFormInput',
   props: {

From be6d18fd7f817a8079810d1c2129ab3da5040288 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Mon, 16 Jan 2023 23:32:46 +0100
Subject: [PATCH 040/346] build: update API generator

---
 packages/docs/build/templates/events.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/docs/build/templates/events.js b/packages/docs/build/templates/events.js
index 625a7fb7..56550438 100644
--- a/packages/docs/build/templates/events.js
+++ b/packages/docs/build/templates/events.js
@@ -24,7 +24,7 @@ const tmpl = (events) => {
 	events.forEach(evt => {
 		const { description = '', ...e } = evt
 		const readableProperties = e.properties ? `${formatProperties(e.properties)}` : ''
-		ret += `| **${mdclean(e.name.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g)
+		ret += `| **${e.name.includes('update:') ? mdclean(e.name) : mdclean(e.name.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g)
     .map(x => x.toLowerCase())
     .join('-'))}** | ${mdclean(description)}| ${mdclean(readableProperties)}\n`
 	})

From db07fabf77943b7206a0720fd4e1298cf07c7d9f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Mon, 16 Jan 2023 23:44:42 +0100
Subject: [PATCH 041/346] build: update rollup to v3

---
 packages/coreui-vue-chartjs/package.json |  10 +-
 packages/coreui-vue/package.json         |  10 +-
 packages/coreui-vue/rollup.config.js     |   1 -
 yarn.lock                                | 136 ++++++++++++++---------
 4 files changed, 91 insertions(+), 66 deletions(-)

diff --git a/packages/coreui-vue-chartjs/package.json b/packages/coreui-vue-chartjs/package.json
index 5c76a1a2..d55302e3 100644
--- a/packages/coreui-vue-chartjs/package.json
+++ b/packages/coreui-vue-chartjs/package.json
@@ -32,18 +32,18 @@
     "src/"
   ],
   "scripts": {
-    "build": "rollup -c"
+    "build": "rollup -c --bundleConfigAsCjs"
   },
   "devDependencies": {
     "@coreui/chartjs": "^3.0.0",
-    "@rollup/plugin-commonjs": "^22.0.2",
-    "@rollup/plugin-node-resolve": "^13.3.0",
-    "@rollup/plugin-typescript": "^8.5.0",
+    "@rollup/plugin-commonjs": "^24.0.0",
+    "@rollup/plugin-node-resolve": "^15.0.1",
+    "@rollup/plugin-typescript": "^11.0.0",
     "@types/lodash": "^4.14.185",
     "@vue/test-utils": "^2.0.2",
     "chart.js": "^3.8.2",
     "lodash": "^4.17.21",
-    "rollup": "^2.79.0",
+    "rollup": "^3.10.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-vue": "^6.0.0",
     "typescript": "^4.8.3",
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index a8319f25..b8faeabf 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -31,18 +31,18 @@
     "src/"
   ],
   "scripts": {
-    "build": "rollup -c"
+    "build": "rollup -c --bundleConfigAsCjs"
   },
   "config": {
     "version_short": "4.5"
   },
   "devDependencies": {
     "@popperjs/core": "^2.11.6",
-    "@rollup/plugin-commonjs": "^22.0.2",
-    "@rollup/plugin-node-resolve": "^13.3.0",
-    "@rollup/plugin-typescript": "^8.5.0",
+    "@rollup/plugin-commonjs": "^24.0.0",
+    "@rollup/plugin-node-resolve": "^15.0.1",
+    "@rollup/plugin-typescript": "^11.0.0",
     "@vue/test-utils": "^2.0.2",
-    "rollup": "^2.79.0",
+    "rollup": "^3.10.0",
     "rollup-plugin-vue": "^6.0.0",
     "typescript": "^4.8.3",
     "vue": "^3.2.39",
diff --git a/packages/coreui-vue/rollup.config.js b/packages/coreui-vue/rollup.config.js
index c2431368..c4b5a462 100644
--- a/packages/coreui-vue/rollup.config.js
+++ b/packages/coreui-vue/rollup.config.js
@@ -5,7 +5,6 @@ import vue from 'rollup-plugin-vue'
 import pkg from './package.json'
 
 const plugins = [
-  // external(),
   resolve({
     dedupe: ['vue'],
     extensions: ['.ts', '.json', '.vue'],
diff --git a/yarn.lock b/yarn.lock
index 541d4d85..4c6bbc99 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -620,7 +620,7 @@
   resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.1.2.tgz#7c6cf998d6d20b914c0a55a91ae928ff25965e72"
   integrity sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==
 
-"@jridgewell/sourcemap-codec@^1.4.10":
+"@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.13":
   version "1.4.14"
   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz#add4c98d341472a289190b424efbdb096991bb24"
   integrity sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==
@@ -1501,47 +1501,46 @@
   resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.11.6.tgz#cee20bd55e68a1720bdab363ecf0c821ded4cd45"
   integrity sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw==
 
-"@rollup/plugin-commonjs@^22.0.2":
-  version "22.0.2"
-  resolved "https://registry.yarnpkg.com/@rollup/plugin-commonjs/-/plugin-commonjs-22.0.2.tgz#ee8ca8415cda30d383b4096aad5222435b4b69b6"
-  integrity sha512-//NdP6iIwPbMTcazYsiBMbJW7gfmpHom33u1beiIoHDEM0Q9clvtQB1T0efvMqHeKsGohiHo97BCPCkBXdscwg==
+"@rollup/plugin-commonjs@^24.0.0":
+  version "24.0.0"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-commonjs/-/plugin-commonjs-24.0.0.tgz#fb7cf4a6029f07ec42b25daa535c75b05a43f75c"
+  integrity sha512-0w0wyykzdyRRPHOb0cQt14mIBLujfAv6GgP6g8nvg/iBxEm112t3YPPq+Buqe2+imvElTka+bjNlJ/gB56TD8g==
   dependencies:
-    "@rollup/pluginutils" "^3.1.0"
+    "@rollup/pluginutils" "^5.0.1"
     commondir "^1.0.1"
-    estree-walker "^2.0.1"
-    glob "^7.1.6"
-    is-reference "^1.2.1"
-    magic-string "^0.25.7"
-    resolve "^1.17.0"
+    estree-walker "^2.0.2"
+    glob "^8.0.3"
+    is-reference "1.2.1"
+    magic-string "^0.27.0"
 
-"@rollup/plugin-node-resolve@^13.3.0":
-  version "13.3.0"
-  resolved "https://registry.yarnpkg.com/@rollup/plugin-node-resolve/-/plugin-node-resolve-13.3.0.tgz#da1c5c5ce8316cef96a2f823d111c1e4e498801c"
-  integrity sha512-Lus8rbUo1eEcnS4yTFKLZrVumLPY+YayBdWXgFSHYhTT2iJbMhoaaBL3xl5NCdeRytErGr8tZ0L71BMRmnlwSw==
+"@rollup/plugin-node-resolve@^15.0.1":
+  version "15.0.1"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.0.1.tgz#72be449b8e06f6367168d5b3cd5e2802e0248971"
+  integrity sha512-ReY88T7JhJjeRVbfCyNj+NXAG3IIsVMsX9b5/9jC98dRP8/yxlZdz7mHZbHk5zHr24wZZICS5AcXsFZAXYUQEg==
   dependencies:
-    "@rollup/pluginutils" "^3.1.0"
-    "@types/resolve" "1.17.1"
+    "@rollup/pluginutils" "^5.0.1"
+    "@types/resolve" "1.20.2"
     deepmerge "^4.2.2"
-    is-builtin-module "^3.1.0"
+    is-builtin-module "^3.2.0"
     is-module "^1.0.0"
-    resolve "^1.19.0"
+    resolve "^1.22.1"
 
-"@rollup/plugin-typescript@^8.5.0":
-  version "8.5.0"
-  resolved "https://registry.yarnpkg.com/@rollup/plugin-typescript/-/plugin-typescript-8.5.0.tgz#7ea11599a15b0a30fa7ea69ce3b791d41b862515"
-  integrity sha512-wMv1/scv0m/rXx21wD2IsBbJFba8wGF3ErJIr6IKRfRj49S85Lszbxb4DCo8iILpluTjk2GAAu9CoZt4G3ppgQ==
+"@rollup/plugin-typescript@^11.0.0":
+  version "11.0.0"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-typescript/-/plugin-typescript-11.0.0.tgz#f136272d1df5209daca0cb6f171c574b1d505545"
+  integrity sha512-goPyCWBiimk1iJgSTgsehFD5OOFHiAknrRJjqFCudcW8JtWiBlK284Xnn4flqMqg6YAjVG/EE+3aVzrL5qNSzQ==
   dependencies:
-    "@rollup/pluginutils" "^3.1.0"
-    resolve "^1.17.0"
+    "@rollup/pluginutils" "^5.0.1"
+    resolve "^1.22.1"
 
-"@rollup/pluginutils@^3.1.0":
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-3.1.0.tgz#706b4524ee6dc8b103b3c995533e5ad680c02b9b"
-  integrity sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==
+"@rollup/pluginutils@^5.0.1":
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.0.2.tgz#012b8f53c71e4f6f9cb317e311df1404f56e7a33"
+  integrity sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==
   dependencies:
-    "@types/estree" "0.0.39"
-    estree-walker "^1.0.1"
-    picomatch "^2.2.2"
+    "@types/estree" "^1.0.0"
+    estree-walker "^2.0.2"
+    picomatch "^2.3.1"
 
 "@sinclair/typebox@^0.24.1":
   version "0.24.42"
@@ -1612,16 +1611,11 @@
   dependencies:
     "@types/ms" "*"
 
-"@types/estree@*":
+"@types/estree@*", "@types/estree@^1.0.0":
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.0.tgz#5fb2e536c1ae9bf35366eed879e827fa59ca41c2"
   integrity sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==
 
-"@types/estree@0.0.39":
-  version "0.0.39"
-  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.39.tgz#e177e699ee1b8c22d23174caaa7422644389509f"
-  integrity sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==
-
 "@types/fs-extra@^9.0.13":
   version "9.0.13"
   resolved "https://registry.yarnpkg.com/@types/fs-extra/-/fs-extra-9.0.13.tgz#7594fbae04fe7f1918ce8b3d213f74ff44ac1f45"
@@ -1758,12 +1752,10 @@
   resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-2.7.0.tgz#ea03e9f0376a4446f44797ca19d9c46c36e352dc"
   integrity sha512-RI1L7N4JnW5gQw2spvL7Sllfuf1SaHdrZpCHiBlCXjIlufi1SMNnbu2teze3/QE67Fg2tBlH7W+mi4hVNk4p0A==
 
-"@types/resolve@1.17.1":
-  version "1.17.1"
-  resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-1.17.1.tgz#3afd6ad8967c77e4376c598a82ddd58f46ec45d6"
-  integrity sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw==
-  dependencies:
-    "@types/node" "*"
+"@types/resolve@1.20.2":
+  version "1.20.2"
+  resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-1.20.2.tgz#97d26e00cd4a0423b4af620abecf3e6f442b7975"
+  integrity sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==
 
 "@types/stack-utils@^2.0.0":
   version "2.0.1"
@@ -2659,6 +2651,13 @@ brace-expansion@^1.1.7:
     balanced-match "^1.0.0"
     concat-map "0.0.1"
 
+brace-expansion@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-2.0.1.tgz#1edc459e0f0c548486ecf9fc99f2221364b9a0ae"
+  integrity sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==
+  dependencies:
+    balanced-match "^1.0.0"
+
 braces@^3.0.2, braces@~3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
@@ -3793,12 +3792,7 @@ estree-walker@^0.6.1:
   resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-0.6.1.tgz#53049143f40c6eb918b23671d1fe3219f3a1b362"
   integrity sha512-SqmZANLWS0mnatqbSfRP5g8OXZC12Fgg1IwNtLsyHDzJizORW4khDfjPqJZsemPWBB2uqykUah5YpQ6epsqC/w==
 
-estree-walker@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-1.0.1.tgz#31bc5d612c96b704106b477e6dd5d8aa138cb700"
-  integrity sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==
-
-estree-walker@^2.0.1, estree-walker@^2.0.2:
+estree-walker@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-2.0.2.tgz#52f010178c2a4c117a7757cfe942adb7d2da4cac"
   integrity sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==
@@ -4226,6 +4220,17 @@ glob@^7.1.1, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
+glob@^8.0.3:
+  version "8.1.0"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-8.1.0.tgz#d388f656593ef708ee3e34640fdfb99a9fd1c33e"
+  integrity sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^5.0.1"
+    once "^1.3.0"
+
 globals@^11.1.0:
   version "11.12.0"
   resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
@@ -4604,7 +4609,7 @@ is-boolean-object@^1.1.0:
     call-bind "^1.0.2"
     has-tostringtag "^1.0.0"
 
-is-builtin-module@^3.1.0:
+is-builtin-module@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/is-builtin-module/-/is-builtin-module-3.2.0.tgz#bb0310dfe881f144ca83f30100ceb10cf58835e0"
   integrity sha512-phDA4oSGt7vl1n5tJvTWooWWAsXLY+2xCnxNqvKhGEzujg+A43wPlPOyDg3C8XQHN+6k/JTQWJ/j0dQh/qr+Hw==
@@ -4748,7 +4753,7 @@ is-promise@^2.0.0:
   resolved "https://registry.yarnpkg.com/is-promise/-/is-promise-2.2.2.tgz#39ab959ccbf9a774cf079f7b40c7a26f763135f1"
   integrity sha512-+lP4/6lKUBfQjZ2pdxThZvLUAafmZb8OAxFb8XXtiQmS35INgr85hdOGoEs124ez1FCnZJt6jau/T+alh58QFQ==
 
-is-reference@^1.2.1:
+is-reference@1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/is-reference/-/is-reference-1.2.1.tgz#8b2dac0b371f4bc994fdeaba9eb542d03002d0b7"
   integrity sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==
@@ -5607,6 +5612,13 @@ magic-string@^0.25.7:
   dependencies:
     sourcemap-codec "^1.4.8"
 
+magic-string@^0.27.0:
+  version "0.27.0"
+  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.27.0.tgz#e4a3413b4bab6d98d2becffd48b4a257effdbbf3"
+  integrity sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==
+  dependencies:
+    "@jridgewell/sourcemap-codec" "^1.4.13"
+
 make-dir@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-2.1.0.tgz#5f0310e18b8be898cc07009295a30ae41e91e6f5"
@@ -5797,6 +5809,13 @@ minimatch@^3.0.4, minimatch@^3.1.1, minimatch@^3.1.2:
   dependencies:
     brace-expansion "^1.1.7"
 
+minimatch@^5.0.1:
+  version "5.1.4"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-5.1.4.tgz#4e2d39d872684e97b309a9104251c3f1aa4e9d1c"
+  integrity sha512-U0iNYXt9wALljzfnGkhFSy5sAC6/SCR3JrHrlsdJz4kF8MvhTRQNiC59iUi1iqsitV7abrNAJWElVL9pdnoUgw==
+  dependencies:
+    brace-expansion "^2.0.1"
+
 minimist-options@4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/minimist-options/-/minimist-options-4.1.0.tgz#c0655713c53a8a2ebd77ffa247d342c40f010619"
@@ -6528,7 +6547,7 @@ picocolors@^1.0.0:
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
   integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
 
-picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.2, picomatch@^2.2.3, picomatch@^2.3.1:
+picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.3, picomatch@^2.3.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
   integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
@@ -7087,7 +7106,7 @@ resolve.exports@^1.1.0:
   resolved "https://registry.yarnpkg.com/resolve.exports/-/resolve.exports-1.1.0.tgz#5ce842b94b05146c0e03076985d1d0e7e48c90c9"
   integrity sha512-J1l+Zxxp4XK3LUDZ9m60LRJF/mAe4z6a4xyabPHk7pvK5t35dACV32iIjJDFeWZFfZlO29w6SZ67knR0tHzJtQ==
 
-resolve@^1.10.0, resolve@^1.15.1, resolve@^1.17.0, resolve@^1.19.0, resolve@^1.20.0, resolve@^1.22.0:
+resolve@^1.10.0, resolve@^1.15.1, resolve@^1.20.0, resolve@^1.22.0, resolve@^1.22.1:
   version "1.22.1"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.1.tgz#27cb2ebb53f91abb49470a928bba7558066ac177"
   integrity sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==
@@ -7156,13 +7175,20 @@ rollup-pluginutils@^2.8.2:
   optionalDependencies:
     fsevents "~2.3.2"
 
-rollup@^2.70.1, rollup@^2.79.0:
+rollup@^2.70.1:
   version "2.79.0"
   resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.79.0.tgz#9177992c9f09eb58c5e56cbfa641607a12b57ce2"
   integrity sha512-x4KsrCgwQ7ZJPcFA/SUu6QVcYlO7uRLfLAy0DSA4NS2eG8japdbpM50ToH7z4iObodRYOJ0soneF0iaQRJ6zhA==
   optionalDependencies:
     fsevents "~2.3.2"
 
+rollup@^3.10.0:
+  version "3.10.0"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.10.0.tgz#6eb19196d8b3b375ca651cb78261faac48e24cd6"
+  integrity sha512-JmRYz44NjC1MjVF2VKxc0M1a97vn+cDxeqWmnwyAF4FvpjK8YFdHpaqvQB+3IxCvX05vJxKZkoMDU8TShhmJVA==
+  optionalDependencies:
+    fsevents "~2.3.2"
+
 run-async@^2.4.0:
   version "2.4.1"
   resolved "https://registry.yarnpkg.com/run-async/-/run-async-2.4.1.tgz#8440eccf99ea3e70bd409d49aab88e10c189a455"

From 32ed8c2bdd42ae5b0dc3fb382feef50f0e15a15b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Tue, 17 Jan 2023 00:55:10 +0100
Subject: [PATCH 042/346] docs: update API documentation

---
 packages/docs/api/form/CFormCheck.api.md    |  8 ++++----
 packages/docs/api/form/CFormInput.api.md    | 10 +++++-----
 packages/docs/api/form/CFormRange.api.md    |  8 ++++----
 packages/docs/api/form/CFormSelect.api.md   |  8 ++++----
 packages/docs/api/form/CFormSwitch.api.md   |  8 ++++----
 packages/docs/api/form/CFormTextarea.api.md | 10 +++++-----
 6 files changed, 26 insertions(+), 26 deletions(-)

diff --git a/packages/docs/api/form/CFormCheck.api.md b/packages/docs/api/form/CFormCheck.api.md
index 3a3488b4..34035a8f 100644
--- a/packages/docs/api/form/CFormCheck.api.md
+++ b/packages/docs/api/form/CFormCheck.api.md
@@ -27,7 +27,7 @@ import CFormCheck from '@coreui/vue/src/components/form/CFormCheck'
 
 #### Events
 
-| Event name             | Description                                           | Properties |
-| ---------------------- | ----------------------------------------------------- | ---------- |
-| **change**             | Event occurs when the checked value has been changed. |
-| **update-model-value** | Emit the new value whenever there’s a change event.   |
+| Event name            | Description                                           | Properties |
+| --------------------- | ----------------------------------------------------- | ---------- |
+| **change**            | Event occurs when the checked value has been changed. |
+| **update:modelValue** | Emit the new value whenever there’s a change event.   |
diff --git a/packages/docs/api/form/CFormInput.api.md b/packages/docs/api/form/CFormInput.api.md
index b64db069..0fa98532 100644
--- a/packages/docs/api/form/CFormInput.api.md
+++ b/packages/docs/api/form/CFormInput.api.md
@@ -29,8 +29,8 @@ import CFormInput from '@coreui/vue/src/components/form/CFormInput'
 
 #### Events
 
-| Event name             | Description                                                                    | Properties |
-| ---------------------- | ------------------------------------------------------------------------------ | ---------- |
-| **change**             | Event occurs when the element loses focus, after the content has been changed. |
-| **input**              | Event occurs immediately after the value of a component has changed.           |
-| **update-model-value** | Emit the new value whenever there’s an input or change event.                  |
+| Event name            | Description                                                                    | Properties |
+| --------------------- | ------------------------------------------------------------------------------ | ---------- |
+| **change**            | Event occurs when the element loses focus, after the content has been changed. |
+| **input**             | Event occurs immediately after the value of a component has changed.           |
+| **update:modelValue** | Emit the new value whenever there’s an input or change event.                  |
diff --git a/packages/docs/api/form/CFormRange.api.md b/packages/docs/api/form/CFormRange.api.md
index 05eb187d..d2e1bd67 100644
--- a/packages/docs/api/form/CFormRange.api.md
+++ b/packages/docs/api/form/CFormRange.api.md
@@ -21,7 +21,7 @@ import CFormRange from '@coreui/vue/src/components/form/CFormRange'
 
 #### Events
 
-| Event name             | Description                                         | Properties |
-| ---------------------- | --------------------------------------------------- | ---------- |
-| **change**             | Event occurs when the value has been changed.       |
-| **update-model-value** | Emit the new value whenever there’s a change event. |
+| Event name            | Description                                         | Properties |
+| --------------------- | --------------------------------------------------- | ---------- |
+| **change**            | Event occurs when the value has been changed.       |
+| **update:modelValue** | Emit the new value whenever there’s a change event. |
diff --git a/packages/docs/api/form/CFormSelect.api.md b/packages/docs/api/form/CFormSelect.api.md
index 8ddf5f19..d67ebe75 100644
--- a/packages/docs/api/form/CFormSelect.api.md
+++ b/packages/docs/api/form/CFormSelect.api.md
@@ -27,7 +27,7 @@ import CFormSelect from '@coreui/vue/src/components/form/CFormSelect'
 
 #### Events
 
-| Event name             | Description                                                                        | Properties |
-| ---------------------- | ---------------------------------------------------------------------------------- | ---------- |
-| **change**             | Event occurs when when a user changes the selected option of a `<select>` element. |
-| **update-model-value** | Emit the new value whenever there’s a change event.                                |
+| Event name            | Description                                                                        | Properties |
+| --------------------- | ---------------------------------------------------------------------------------- | ---------- |
+| **change**            | Event occurs when when a user changes the selected option of a `<select>` element. |
+| **update:modelValue** | Emit the new value whenever there’s a change event.                                |
diff --git a/packages/docs/api/form/CFormSwitch.api.md b/packages/docs/api/form/CFormSwitch.api.md
index 373b2619..5d159008 100644
--- a/packages/docs/api/form/CFormSwitch.api.md
+++ b/packages/docs/api/form/CFormSwitch.api.md
@@ -20,7 +20,7 @@ import CFormSwitch from '@coreui/vue/src/components/form/CFormSwitch'
 
 #### Events
 
-| Event name             | Description                                           | Properties |
-| ---------------------- | ----------------------------------------------------- | ---------- |
-| **change**             | Event occurs when the checked value has been changed. |
-| **update-model-value** | Emit the new value whenever there’s a change event.   |
+| Event name            | Description                                           | Properties |
+| --------------------- | ----------------------------------------------------- | ---------- |
+| **change**            | Event occurs when the checked value has been changed. |
+| **update:modelValue** | Emit the new value whenever there’s a change event.   |
diff --git a/packages/docs/api/form/CFormTextarea.api.md b/packages/docs/api/form/CFormTextarea.api.md
index c89b2b8a..62fa25a8 100644
--- a/packages/docs/api/form/CFormTextarea.api.md
+++ b/packages/docs/api/form/CFormTextarea.api.md
@@ -27,8 +27,8 @@ import CFormTextarea from '@coreui/vue/src/components/form/CFormTextarea'
 
 #### Events
 
-| Event name             | Description                                                                    | Properties |
-| ---------------------- | ------------------------------------------------------------------------------ | ---------- |
-| **change**             | Event occurs when the element loses focus, after the content has been changed. |
-| **input**              | Event occurs immediately after the value of a component has changed.           |
-| **update-model-value** | Emit the new value whenever there’s an input or change event.                  |
+| Event name            | Description                                                                    | Properties |
+| --------------------- | ------------------------------------------------------------------------------ | ---------- |
+| **change**            | Event occurs when the element loses focus, after the content has been changed. |
+| **input**             | Event occurs immediately after the value of a component has changed.           |
+| **update:modelValue** | Emit the new value whenever there’s an input or change event.                  |

From c17453fc58b8c6b993abe68d67354fa399dafb45 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Tue, 17 Jan 2023 00:58:20 +0100
Subject: [PATCH 043/346] refactor(CTableCaption): remove empty props object

---
 packages/coreui-vue/src/components/table/CTableCaption.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/coreui-vue/src/components/table/CTableCaption.ts b/packages/coreui-vue/src/components/table/CTableCaption.ts
index 11322222..ef069990 100644
--- a/packages/coreui-vue/src/components/table/CTableCaption.ts
+++ b/packages/coreui-vue/src/components/table/CTableCaption.ts
@@ -2,7 +2,6 @@ import { defineComponent, h } from 'vue'
 
 const CTableCaption = defineComponent({
   name: 'CTableCaption',
-  props: {},
   setup(_, { slots }) {
     return () => h('caption', {}, slots.default && slots.default())
   },

From d0ae644228aa0fd16ae691643586fc40406bc2a6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Tue, 17 Jan 2023 00:59:39 +0100
Subject: [PATCH 044/346] chore: update dependencies and devDependencies

---
 package.json                             |  14 +-
 packages/coreui-vue-chartjs/package.json |  10 +-
 packages/coreui-vue/package.json         |  10 +-
 packages/docs/package.json               |   4 +-
 yarn.lock                                | 338 ++++++++++++++++++-----
 5 files changed, 285 insertions(+), 91 deletions(-)

diff --git a/package.json b/package.json
index 7676447a..39bbc4f5 100644
--- a/package.json
+++ b/package.json
@@ -21,20 +21,20 @@
   },
   "devDependencies": {
     "@types/jest": "^28.1.8",
-    "@typescript-eslint/eslint-plugin": "^5.37.0",
-    "@typescript-eslint/parser": "^5.37.0",
-    "@vue/compiler-sfc": "^3.2.39",
+    "@typescript-eslint/eslint-plugin": "^5.28.2",
+    "@typescript-eslint/parser": "^5.28.2",
+    "@vue/compiler-sfc": "^3.2.45",
     "@vue/eslint-config-prettier": "^7.0.0",
-    "@vue/eslint-config-typescript": "^11.0.1",
+    "@vue/eslint-config-typescript": "^11.0.2",
     "@vue/vue3-jest": "28.0.1",
-    "eslint": "8.23.1",
+    "eslint": "8.32.0",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-vue": "^9.5.1",
+    "eslint-plugin-vue": "^9.9.0",
     "jest": "^28.1.3",
     "jest-canvas-mock": "^2.4.0",
     "jest-environment-jsdom": "^28.1.3",
     "lerna": "^4.0.0",
-    "prettier": "^2.7.1",
+    "prettier": "^2.8.3",
     "ts-jest": "^28.0.8"
   }
 }
diff --git a/packages/coreui-vue-chartjs/package.json b/packages/coreui-vue-chartjs/package.json
index d55302e3..ccc02f72 100644
--- a/packages/coreui-vue-chartjs/package.json
+++ b/packages/coreui-vue-chartjs/package.json
@@ -39,16 +39,16 @@
     "@rollup/plugin-commonjs": "^24.0.0",
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-typescript": "^11.0.0",
-    "@types/lodash": "^4.14.185",
-    "@vue/test-utils": "^2.0.2",
+    "@types/lodash": "^4.14.191",
+    "@vue/test-utils": "^2.2.7",
     "chart.js": "^3.8.2",
     "lodash": "^4.17.21",
     "rollup": "^3.10.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-vue": "^6.0.0",
-    "typescript": "^4.8.3",
-    "vue": "^3.2.39",
-    "vue-types": "^4.2.1"
+    "typescript": "^4.9.4",
+    "vue": "^3.2.45",
+    "vue-types": "^5.0.2"
   },
   "peerDependencies": {
     "@coreui/chartjs": "^3.0.0",
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index b8faeabf..67830c77 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -41,15 +41,15 @@
     "@rollup/plugin-commonjs": "^24.0.0",
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-typescript": "^11.0.0",
-    "@vue/test-utils": "^2.0.2",
+    "@vue/test-utils": "^2.2.7",
     "rollup": "^3.10.0",
     "rollup-plugin-vue": "^6.0.0",
-    "typescript": "^4.8.3",
-    "vue": "^3.2.39",
-    "vue-types": "^4.2.1"
+    "typescript": "^4.9.4",
+    "vue": "^3.2.45",
+    "vue-types": "^5.0.2"
   },
   "peerDependencies": {
-    "@coreui/coreui": "^4.2.2",
+    "@coreui/coreui": "^4.2.6",
     "vue": "^3.2.21"
   },
   "standard": {
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 1dfd7deb..a4fbfd39 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -12,13 +12,13 @@
   "license": "MIT",
   "devDependencies": {
     "@coreui/chartjs": "^3.0.0",
-    "@coreui/coreui": "^4.2.2",
+    "@coreui/coreui": "^4.2.6",
     "@coreui/icons": "^2.1.0",
     "@coreui/icons-vue": "^2.0.0",
     "@coreui/vue-chartjs": "^2.0.1",
     "@vuepress/plugin-toc": "2.0.0-beta.38",
     "markdown-it-include": "^2.0.0",
-    "vue-docgen-cli": "^4.45.0",
+    "vue-docgen-cli": "^4.56.1",
     "vuepress": "2.0.0-beta.38"
   }
 }
diff --git a/yarn.lock b/yarn.lock
index 4c6bbc99..478578a3 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -313,10 +313,10 @@
   resolved "https://registry.yarnpkg.com/@coreui/coreui/-/coreui-4.0.0.tgz#52ebe0197411a829ba48057ade61923e05859eec"
   integrity sha512-8vH6fJrmvCR/Oy5v0E+/1AL3Ygb4jhQ7NXK2fMYWJyK13BePDm9muB3y6S0IdqkpBwjY3hHVwHyt2lJqJdesmQ==
 
-"@coreui/coreui@^4.2.2":
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/@coreui/coreui/-/coreui-4.2.2.tgz#9702c1bec21ffd03415598aedf1ee58b752b3e1e"
-  integrity sha512-aPL7Rv98CBkIU4y7wmZOUBHuBN2qwRS3CFeWmUV3kPeGiPQe9FG4+kOtcITbttNQ35HVMSZeauJyoy2LSM0ygA==
+"@coreui/coreui@^4.2.6":
+  version "4.2.6"
+  resolved "https://registry.yarnpkg.com/@coreui/coreui/-/coreui-4.2.6.tgz#8ae8aa4c834552328c5748385be5bc33df86aab7"
+  integrity sha512-h9j1BVnaDi9vSr1t0H8NL3hlDD4lU9kIdGLXn7g9k5iaFq5EDlRDcSBDer6lR2O4sIEl7W7YqTlevLxFC+1cIA==
   dependencies:
     postcss-combine-duplicated-selectors "^10.0.3"
 
@@ -335,15 +335,15 @@
   resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.14.54.tgz#de2a4be678bd4d0d1ffbb86e6de779cde5999028"
   integrity sha512-bZBrLAIX1kpWelV0XemxBZllyRmM6vgFQQG2GdNb+r3Fkp0FOh1NJSvekXDs7jq70k4euu1cryLMfU+mTXlEpw==
 
-"@eslint/eslintrc@^1.3.2":
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-1.3.2.tgz#58b69582f3b7271d8fa67fe5251767a5b38ea356"
-  integrity sha512-AXYd23w1S/bv3fTs3Lz0vjiYemS08jWkI3hYyS9I1ry+0f+Yjs1wm+sU0BS8qDOPrBIkp4qHYC16I8uVtpLajQ==
+"@eslint/eslintrc@^1.4.1":
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-1.4.1.tgz#af58772019a2d271b7e2d4c23ff4ddcba3ccfb3e"
+  integrity sha512-XXrH9Uarn0stsyldqDYq8r++mROmWRI1xKMXa640Bb//SY1+ECYX6VzT6Lcx5frD0V30XieqJ0oX9I2Xj5aoMA==
   dependencies:
     ajv "^6.12.4"
     debug "^4.3.2"
     espree "^9.4.0"
-    globals "^13.15.0"
+    globals "^13.19.0"
     ignore "^5.2.0"
     import-fresh "^3.2.1"
     js-yaml "^4.1.0"
@@ -355,19 +355,14 @@
   resolved "https://registry.yarnpkg.com/@gar/promisify/-/promisify-1.1.3.tgz#555193ab2e3bb3b6adc3d551c9c030d9e860daf6"
   integrity sha512-k2Ty1JcVojjJFwrg/ThKi2ujJ7XNLYaFGNB/bWT9wGR+oSMJHMa5w+CUq6p/pVrKeNNgA7pCqEcjSnHVoqJQFw==
 
-"@humanwhocodes/config-array@^0.10.4":
-  version "0.10.4"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.10.4.tgz#01e7366e57d2ad104feea63e72248f22015c520c"
-  integrity sha512-mXAIHxZT3Vcpg83opl1wGlVZ9xydbfZO3r5YfRSH6Gpp2J/PfdBP0wbDa2sO6/qRbcalpoevVyW6A/fI6LfeMw==
+"@humanwhocodes/config-array@^0.11.8":
+  version "0.11.8"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.8.tgz#03595ac2075a4dc0f191cc2131de14fbd7d410b9"
+  integrity sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==
   dependencies:
     "@humanwhocodes/object-schema" "^1.2.1"
     debug "^4.1.1"
-    minimatch "^3.0.4"
-
-"@humanwhocodes/gitignore-to-minimatch@^1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/gitignore-to-minimatch/-/gitignore-to-minimatch-1.0.2.tgz#316b0a63b91c10e53f242efb4ace5c3b34e8728d"
-  integrity sha512-rSqmMJDdLFUsyxR6FMtD00nfQKKLFb1kv+qBbOVKqErvloEIJLo5bDTJTQNTYgeyp78JsA7u/NPi5jT1GR/MuA==
+    minimatch "^3.0.5"
 
 "@humanwhocodes/module-importer@^1.0.1":
   version "1.0.1"
@@ -1317,7 +1312,7 @@
   resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz#5bd262af94e9d25bd1e71b05deed44876a222e8b"
   integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
 
-"@nodelib/fs.walk@^1.2.3":
+"@nodelib/fs.walk@^1.2.3", "@nodelib/fs.walk@^1.2.8":
   version "1.2.8"
   resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz#e95737e8bb6746ddedf69c556953494f196fe69a"
   integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
@@ -1689,10 +1684,10 @@
   resolved "https://registry.yarnpkg.com/@types/linkify-it/-/linkify-it-3.0.2.tgz#fd2cd2edbaa7eaac7e7f3c1748b52a19143846c9"
   integrity sha512-HZQYqbiFVWufzCwexrvh694SOim8z2d+xJl5UNamcvQFejLY/2YUtzXHYi3cHdI7PMlS8ejH2slRAOJQ32aNbA==
 
-"@types/lodash@^4.14.185":
-  version "4.14.185"
-  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.185.tgz#c9843f5a40703a8f5edfd53358a58ae729816908"
-  integrity sha512-evMDG1bC4rgQg4ku9tKpuMh5iBNEwNa3tf9zRHdP1qlv+1WUg44xat4IxCE14gIpZRGUUWAx2VhItCZc25NfMA==
+"@types/lodash@^4.14.191":
+  version "4.14.191"
+  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.191.tgz#09511e7f7cba275acd8b419ddac8da9a6a79e2fa"
+  integrity sha512-BdZ5BCCvho3EIXw6wUCXHe7rS53AIDPLE+JzwgT+OsJk53oBfbSmZZ7CX4VaRoN78N+TJpFi9QPlfIVNmJYWxQ==
 
 "@types/markdown-it@^12.2.3":
   version "12.2.3"
@@ -1757,6 +1752,11 @@
   resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-1.20.2.tgz#97d26e00cd4a0423b4af620abecf3e6f442b7975"
   integrity sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==
 
+"@types/semver@^7.3.12":
+  version "7.3.13"
+  resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.3.13.tgz#da4bfd73f49bd541d28920ab0e2bf0ee80f71c91"
+  integrity sha512-21cFJr9z3g5dW8B0CVI9g2O9beqaThGQ6ZFBqHfwhzLDKUxaqTIy3vnfah/UPkfOiF2pLq+tGz+W8RyCskuslw==
+
 "@types/stack-utils@^2.0.0":
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-2.0.1.tgz#20f18294f797f2209b5f65c8e3b5c8e8261d127c"
@@ -1794,7 +1794,7 @@
   dependencies:
     "@types/yargs-parser" "*"
 
-"@typescript-eslint/eslint-plugin@^5.0.0", "@typescript-eslint/eslint-plugin@^5.37.0":
+"@typescript-eslint/eslint-plugin@^5.0.0":
   version "5.37.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.37.0.tgz#5ccdd5d9004120f28fc6e717fb4b5c9bddcfbc04"
   integrity sha512-Fde6W0IafXktz1UlnhGkrrmnnGpAo1kyX7dnyHHVrmwJOn72Oqm3eYtddrpOwwel2W8PAK9F3pIL5S+lfoM0og==
@@ -1809,7 +1809,22 @@
     semver "^7.3.7"
     tsutils "^3.21.0"
 
-"@typescript-eslint/parser@^5.0.0", "@typescript-eslint/parser@^5.37.0":
+"@typescript-eslint/eslint-plugin@^5.28.2":
+  version "5.48.2"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.48.2.tgz#112e6ae1e23a1dc8333ce82bb9c65c2608b4d8a3"
+  integrity sha512-sR0Gja9Ky1teIq4qJOl0nC+Tk64/uYdX+mi+5iB//MH8gwyx8e3SOyhEzeLZEFEEfCaLf8KJq+Bd/6je1t+CAg==
+  dependencies:
+    "@typescript-eslint/scope-manager" "5.48.2"
+    "@typescript-eslint/type-utils" "5.48.2"
+    "@typescript-eslint/utils" "5.48.2"
+    debug "^4.3.4"
+    ignore "^5.2.0"
+    natural-compare-lite "^1.4.0"
+    regexpp "^3.2.0"
+    semver "^7.3.7"
+    tsutils "^3.21.0"
+
+"@typescript-eslint/parser@^5.0.0":
   version "5.37.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.37.0.tgz#c382077973f3a4ede7453fb14cadcad3970cbf3b"
   integrity sha512-01VzI/ipYKuaG5PkE5+qyJ6m02fVALmMPY3Qq5BHflDx3y4VobbLdHQkSMg9VPRS4KdNt4oYTMaomFoHonBGAw==
@@ -1819,6 +1834,16 @@
     "@typescript-eslint/typescript-estree" "5.37.0"
     debug "^4.3.4"
 
+"@typescript-eslint/parser@^5.28.2":
+  version "5.48.2"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.48.2.tgz#c9edef2a0922d26a37dba03be20c5fff378313b3"
+  integrity sha512-38zMsKsG2sIuM5Oi/olurGwYJXzmtdsHhn5mI/pQogP+BjYVkK5iRazCQ8RGS0V+YLk282uWElN70zAAUmaYHw==
+  dependencies:
+    "@typescript-eslint/scope-manager" "5.48.2"
+    "@typescript-eslint/types" "5.48.2"
+    "@typescript-eslint/typescript-estree" "5.48.2"
+    debug "^4.3.4"
+
 "@typescript-eslint/scope-manager@5.37.0":
   version "5.37.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.37.0.tgz#044980e4f1516a774a418dafe701a483a6c9f9ca"
@@ -1827,6 +1852,14 @@
     "@typescript-eslint/types" "5.37.0"
     "@typescript-eslint/visitor-keys" "5.37.0"
 
+"@typescript-eslint/scope-manager@5.48.2":
+  version "5.48.2"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.48.2.tgz#bb7676cb78f1e94921eaab637a4b5d596f838abc"
+  integrity sha512-zEUFfonQid5KRDKoI3O+uP1GnrFd4tIHlvs+sTJXiWuypUWMuDaottkJuR612wQfOkjYbsaskSIURV9xo4f+Fw==
+  dependencies:
+    "@typescript-eslint/types" "5.48.2"
+    "@typescript-eslint/visitor-keys" "5.48.2"
+
 "@typescript-eslint/type-utils@5.37.0":
   version "5.37.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.37.0.tgz#43ed2f567ada49d7e33a6e4b6f9babd060445fe5"
@@ -1837,11 +1870,26 @@
     debug "^4.3.4"
     tsutils "^3.21.0"
 
+"@typescript-eslint/type-utils@5.48.2":
+  version "5.48.2"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.48.2.tgz#7d3aeca9fa37a7ab7e3d9056a99b42f342c48ad7"
+  integrity sha512-QVWx7J5sPMRiOMJp5dYshPxABRoZV1xbRirqSk8yuIIsu0nvMTZesKErEA3Oix1k+uvsk8Cs8TGJ6kQ0ndAcew==
+  dependencies:
+    "@typescript-eslint/typescript-estree" "5.48.2"
+    "@typescript-eslint/utils" "5.48.2"
+    debug "^4.3.4"
+    tsutils "^3.21.0"
+
 "@typescript-eslint/types@5.37.0":
   version "5.37.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.37.0.tgz#09e4870a5f3af7af3f84e08d792644a87d232261"
   integrity sha512-3frIJiTa5+tCb2iqR/bf7XwU20lnU05r/sgPJnRpwvfZaqCJBrl8Q/mw9vr3NrNdB/XtVyMA0eppRMMBqdJ1bA==
 
+"@typescript-eslint/types@5.48.2":
+  version "5.48.2"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.48.2.tgz#635706abb1ec164137f92148f06f794438c97b8e"
+  integrity sha512-hE7dA77xxu7ByBc6KCzikgfRyBCTst6dZQpwaTy25iMYOnbNljDT4hjhrGEJJ0QoMjrfqrx+j1l1B9/LtKeuqA==
+
 "@typescript-eslint/typescript-estree@5.37.0":
   version "5.37.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.37.0.tgz#956dcf5c98363bcb97bdd5463a0a86072ff79355"
@@ -1855,6 +1903,19 @@
     semver "^7.3.7"
     tsutils "^3.21.0"
 
+"@typescript-eslint/typescript-estree@5.48.2":
+  version "5.48.2"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.48.2.tgz#6e206b462942b32383582a6c9251c05021cc21b0"
+  integrity sha512-bibvD3z6ilnoVxUBFEgkO0k0aFvUc4Cttt0dAreEr+nrAHhWzkO83PEVVuieK3DqcgL6VAK5dkzK8XUVja5Zcg==
+  dependencies:
+    "@typescript-eslint/types" "5.48.2"
+    "@typescript-eslint/visitor-keys" "5.48.2"
+    debug "^4.3.4"
+    globby "^11.1.0"
+    is-glob "^4.0.3"
+    semver "^7.3.7"
+    tsutils "^3.21.0"
+
 "@typescript-eslint/utils@5.37.0":
   version "5.37.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.37.0.tgz#7784cb8e91390c4f90ccaffd24a0cf9874df81b2"
@@ -1867,6 +1928,20 @@
     eslint-scope "^5.1.1"
     eslint-utils "^3.0.0"
 
+"@typescript-eslint/utils@5.48.2":
+  version "5.48.2"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.48.2.tgz#3777a91dcb22b8499a25519e06eef2e9569295a3"
+  integrity sha512-2h18c0d7jgkw6tdKTlNaM7wyopbLRBiit8oAxoP89YnuBOzCZ8g8aBCaCqq7h208qUTroL7Whgzam7UY3HVLow==
+  dependencies:
+    "@types/json-schema" "^7.0.9"
+    "@types/semver" "^7.3.12"
+    "@typescript-eslint/scope-manager" "5.48.2"
+    "@typescript-eslint/types" "5.48.2"
+    "@typescript-eslint/typescript-estree" "5.48.2"
+    eslint-scope "^5.1.1"
+    eslint-utils "^3.0.0"
+    semver "^7.3.7"
+
 "@typescript-eslint/visitor-keys@5.37.0":
   version "5.37.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.37.0.tgz#7b72dd343295ea11e89b624995abc7103c554eee"
@@ -1875,6 +1950,14 @@
     "@typescript-eslint/types" "5.37.0"
     eslint-visitor-keys "^3.3.0"
 
+"@typescript-eslint/visitor-keys@5.48.2":
+  version "5.48.2"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.48.2.tgz#c247582a0bcce467461d7b696513bf9455000060"
+  integrity sha512-z9njZLSkwmjFWUelGEwEbdf4NwKvfHxvGC0OcGN1Hp/XNDIcJ7D5DpPNPv6x6/mFvc1tQHsaWmpD/a4gOvvCJQ==
+  dependencies:
+    "@typescript-eslint/types" "5.48.2"
+    eslint-visitor-keys "^3.3.0"
+
 "@vitejs/plugin-vue@^2.3.1":
   version "2.3.4"
   resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-2.3.4.tgz#966a6279060eb2d9d1a02ea1a331af071afdcf9e"
@@ -1890,6 +1973,16 @@
     estree-walker "^2.0.2"
     source-map "^0.6.1"
 
+"@vue/compiler-core@3.2.45":
+  version "3.2.45"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.2.45.tgz#d9311207d96f6ebd5f4660be129fb99f01ddb41b"
+  integrity sha512-rcMj7H+PYe5wBV3iYeUgbCglC+pbpN8hBLTJvRiK2eKQiWqu+fG9F+8sW99JdL4LQi7Re178UOxn09puSXvn4A==
+  dependencies:
+    "@babel/parser" "^7.16.4"
+    "@vue/shared" "3.2.45"
+    estree-walker "^2.0.2"
+    source-map "^0.6.1"
+
 "@vue/compiler-dom@3.2.39", "@vue/compiler-dom@^3.2.0":
   version "3.2.39"
   resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.2.39.tgz#bd69d35c1a48fe2cea4ab9e96d2a3a735d146fdf"
@@ -1898,7 +1991,15 @@
     "@vue/compiler-core" "3.2.39"
     "@vue/shared" "3.2.39"
 
-"@vue/compiler-sfc@3.2.39", "@vue/compiler-sfc@^3.2.0", "@vue/compiler-sfc@^3.2.31", "@vue/compiler-sfc@^3.2.39":
+"@vue/compiler-dom@3.2.45":
+  version "3.2.45"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.2.45.tgz#c43cc15e50da62ecc16a42f2622d25dc5fd97dce"
+  integrity sha512-tyYeUEuKqqZO137WrZkpwfPCdiiIeXYCcJ8L4gWz9vqaxzIQRccTSwSWZ/Axx5YR2z+LvpUbmPNXxuBU45lyRw==
+  dependencies:
+    "@vue/compiler-core" "3.2.45"
+    "@vue/shared" "3.2.45"
+
+"@vue/compiler-sfc@3.2.39", "@vue/compiler-sfc@^3.2.0", "@vue/compiler-sfc@^3.2.31":
   version "3.2.39"
   resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.2.39.tgz#8fe29990f672805b7c5a2ecfa5b05e681c862ea2"
   integrity sha512-fqAQgFs1/BxTUZkd0Vakn3teKUt//J3c420BgnYgEOoVdTwYpBTSXCMJ88GOBCylmUBbtquGPli9tVs7LzsWIA==
@@ -1914,6 +2015,22 @@
     postcss "^8.1.10"
     source-map "^0.6.1"
 
+"@vue/compiler-sfc@3.2.45", "@vue/compiler-sfc@^3.2.45":
+  version "3.2.45"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.2.45.tgz#7f7989cc04ec9e7c55acd406827a2c4e96872c70"
+  integrity sha512-1jXDuWah1ggsnSAOGsec8cFjT/K6TMZ0sPL3o3d84Ft2AYZi2jWJgRMjw4iaK0rBfA89L5gw427H4n1RZQBu6Q==
+  dependencies:
+    "@babel/parser" "^7.16.4"
+    "@vue/compiler-core" "3.2.45"
+    "@vue/compiler-dom" "3.2.45"
+    "@vue/compiler-ssr" "3.2.45"
+    "@vue/reactivity-transform" "3.2.45"
+    "@vue/shared" "3.2.45"
+    estree-walker "^2.0.2"
+    magic-string "^0.25.7"
+    postcss "^8.1.10"
+    source-map "^0.6.1"
+
 "@vue/compiler-ssr@3.2.39":
   version "3.2.39"
   resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.2.39.tgz#4f3bfb535cb98b764bee45e078700e03ccc60633"
@@ -1922,6 +2039,14 @@
     "@vue/compiler-dom" "3.2.39"
     "@vue/shared" "3.2.39"
 
+"@vue/compiler-ssr@3.2.45":
+  version "3.2.45"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.2.45.tgz#bd20604b6e64ea15344d5b6278c4141191c983b2"
+  integrity sha512-6BRaggEGqhWht3lt24CrIbQSRD5O07MTmd+LjAn5fJj568+R9eUD2F7wMQJjX859seSlrYog7sUtrZSd7feqrQ==
+  dependencies:
+    "@vue/compiler-dom" "3.2.45"
+    "@vue/shared" "3.2.45"
+
 "@vue/devtools-api@^6.1.4":
   version "6.2.1"
   resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.2.1.tgz#6f2948ff002ec46df01420dfeff91de16c5b4092"
@@ -1935,10 +2060,10 @@
     eslint-config-prettier "^8.3.0"
     eslint-plugin-prettier "^4.0.0"
 
-"@vue/eslint-config-typescript@^11.0.1":
-  version "11.0.1"
-  resolved "https://registry.yarnpkg.com/@vue/eslint-config-typescript/-/eslint-config-typescript-11.0.1.tgz#d79b3656aecea844ec9875bc93155163f684dde7"
-  integrity sha512-0U+nL0nA7ahnGPk3rTN49x76miUwuQtQPQNWOFvAcjg6nFJkIkA8qbGNtXwsuHtwBwRtWpHhShL3zK07v+632w==
+"@vue/eslint-config-typescript@^11.0.2":
+  version "11.0.2"
+  resolved "https://registry.yarnpkg.com/@vue/eslint-config-typescript/-/eslint-config-typescript-11.0.2.tgz#03353f404d4472900794e653450bb6623de3c642"
+  integrity sha512-EiKud1NqlWmSapBFkeSrE994qpKx7/27uCGnhdqzllYDpQZroyX/O6bwjEpeuyKamvLbsGdO6PMR2faIf+zFnw==
   dependencies:
     "@typescript-eslint/eslint-plugin" "^5.0.0"
     "@typescript-eslint/parser" "^5.0.0"
@@ -1955,6 +2080,17 @@
     estree-walker "^2.0.2"
     magic-string "^0.25.7"
 
+"@vue/reactivity-transform@3.2.45":
+  version "3.2.45"
+  resolved "https://registry.yarnpkg.com/@vue/reactivity-transform/-/reactivity-transform-3.2.45.tgz#07ac83b8138550c83dfb50db43cde1e0e5e8124d"
+  integrity sha512-BHVmzYAvM7vcU5WmuYqXpwaBHjsS8T63jlKGWVtHxAHIoMIlmaMyurUSEs1Zcg46M4AYT5MtB1U274/2aNzjJQ==
+  dependencies:
+    "@babel/parser" "^7.16.4"
+    "@vue/compiler-core" "3.2.45"
+    "@vue/shared" "3.2.45"
+    estree-walker "^2.0.2"
+    magic-string "^0.25.7"
+
 "@vue/reactivity@3.2.39":
   version "3.2.39"
   resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.2.39.tgz#e6e3615fe2288d4232b104640ddabd0729a78c80"
@@ -1962,6 +2098,13 @@
   dependencies:
     "@vue/shared" "3.2.39"
 
+"@vue/reactivity@3.2.45":
+  version "3.2.45"
+  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.2.45.tgz#412a45b574de601be5a4a5d9a8cbd4dee4662ff0"
+  integrity sha512-PRvhCcQcyEVohW0P8iQ7HDcIOXRjZfAsOds3N99X/Dzewy8TVhTCT4uXpAHfoKjVTJRA0O0K+6QNkDIZAxNi3A==
+  dependencies:
+    "@vue/shared" "3.2.45"
+
 "@vue/runtime-core@3.2.39":
   version "3.2.39"
   resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.2.39.tgz#dc1faccab11b3e81197aba33fb30c9447c1d2c84"
@@ -1970,6 +2113,14 @@
     "@vue/reactivity" "3.2.39"
     "@vue/shared" "3.2.39"
 
+"@vue/runtime-core@3.2.45":
+  version "3.2.45"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.2.45.tgz#7ad7ef9b2519d41062a30c6fa001ec43ac549c7f"
+  integrity sha512-gzJiTA3f74cgARptqzYswmoQx0fIA+gGYBfokYVhF8YSXjWTUA2SngRzZRku2HbGbjzB6LBYSbKGIaK8IW+s0A==
+  dependencies:
+    "@vue/reactivity" "3.2.45"
+    "@vue/shared" "3.2.45"
+
 "@vue/runtime-dom@3.2.39":
   version "3.2.39"
   resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.2.39.tgz#4a8cb132bcef316e8151c5ed07fc7272eb064614"
@@ -1979,6 +2130,15 @@
     "@vue/shared" "3.2.39"
     csstype "^2.6.8"
 
+"@vue/runtime-dom@3.2.45":
+  version "3.2.45"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.2.45.tgz#1a2ef6ee2ad876206fbbe2a884554bba2d0faf59"
+  integrity sha512-cy88YpfP5Ue2bDBbj75Cb4bIEZUMM/mAkDMfqDTpUYVgTf/kuQ2VQ8LebuZ8k6EudgH8pYhsGWHlY0lcxlvTwA==
+  dependencies:
+    "@vue/runtime-core" "3.2.45"
+    "@vue/shared" "3.2.45"
+    csstype "^2.6.8"
+
 "@vue/server-renderer@3.2.39", "@vue/server-renderer@^3.2.31":
   version "3.2.39"
   resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.2.39.tgz#4358292d925233b0d8b54cf0513eaece8b2351c5"
@@ -1987,15 +2147,28 @@
     "@vue/compiler-ssr" "3.2.39"
     "@vue/shared" "3.2.39"
 
+"@vue/server-renderer@3.2.45":
+  version "3.2.45"
+  resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.2.45.tgz#ca9306a0c12b0530a1a250e44f4a0abac6b81f3f"
+  integrity sha512-ebiMq7q24WBU1D6uhPK//2OTR1iRIyxjF5iVq/1a5I1SDMDyDu4Ts6fJaMnjrvD3MqnaiFkKQj+LKAgz5WIK3g==
+  dependencies:
+    "@vue/compiler-ssr" "3.2.45"
+    "@vue/shared" "3.2.45"
+
 "@vue/shared@3.2.39", "@vue/shared@^3.2.31":
   version "3.2.39"
   resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.39.tgz#302df167559a1a5156da162d8cc6760cef67f8e3"
   integrity sha512-D3dl2ZB9qE6mTuWPk9RlhDeP1dgNRUKC3NJxji74A4yL8M2MwlhLKUC/49WHjrNzSPug58fWx/yFbaTzGAQSBw==
 
-"@vue/test-utils@^2.0.2":
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/@vue/test-utils/-/test-utils-2.0.2.tgz#0b5edd683366153d5bc5a91edc62f292118710eb"
-  integrity sha512-E2P4oXSaWDqTZNbmKZFVLrNN/siVN78YkEqs7pHryWerrlZR9bBFLWdJwRoguX45Ru6HxIflzKl4vQvwRMwm5g==
+"@vue/shared@3.2.45":
+  version "3.2.45"
+  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.45.tgz#a3fffa7489eafff38d984e23d0236e230c818bc2"
+  integrity sha512-Ewzq5Yhimg7pSztDV+RH1UDKBzmtqieXQlpTVm2AwraoRL/Rks96mvd8Vgi7Lj+h+TH8dv7mXD3FRZR3TUvbSg==
+
+"@vue/test-utils@^2.2.7":
+  version "2.2.7"
+  resolved "https://registry.yarnpkg.com/@vue/test-utils/-/test-utils-2.2.7.tgz#0d93d635031a4cca2de70b825aef3fe20a41e702"
+  integrity sha512-BMuoruUFTEqhLoOgsMcgNVMiByYbfHCKGr2C4CPdGtz/affUtDVX5zr1RnPuq0tYSiaqq+Enw5voUpG6JY8Q7g==
 
 "@vue/vue3-jest@28.0.1":
   version "28.0.1"
@@ -3658,10 +3831,10 @@ eslint-plugin-prettier@^4.0.0, eslint-plugin-prettier@^4.2.1:
   dependencies:
     prettier-linter-helpers "^1.0.0"
 
-eslint-plugin-vue@^9.5.1:
-  version "9.5.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-9.5.1.tgz#87ce075882cf7d824b95f46c224f91495fafcc54"
-  integrity sha512-Y0sL2RY7Xc9S8kNih9lbwHIDmewUg9bfas6WSzsOWRgDXhIHKxRBZYNAnVcXBFfE+bMWHUA5GLChl7TcTYUI8w==
+eslint-plugin-vue@^9.9.0:
+  version "9.9.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-9.9.0.tgz#ac788ebccd2eb94d846a507df55da50693b80c91"
+  integrity sha512-YbubS7eK0J7DCf0U2LxvVP7LMfs6rC6UltihIgval3azO3gyDwEGVgsCMe1TmDiEkl6GdMKfRpaME6QxIYtzDQ==
   dependencies:
     eslint-utils "^3.0.0"
     natural-compare "^1.4.0"
@@ -3704,15 +3877,15 @@ eslint-visitor-keys@^3.3.0:
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz#f6480fa6b1f30efe2d1968aa8ac745b862469826"
   integrity sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==
 
-eslint@8.23.1:
-  version "8.23.1"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.23.1.tgz#cfd7b3f7fdd07db8d16b4ac0516a29c8d8dca5dc"
-  integrity sha512-w7C1IXCc6fNqjpuYd0yPlcTKKmHlHHktRkzmBPZ+7cvNBQuiNjx0xaMTjAJGCafJhQkrFJooREv0CtrVzmHwqg==
+eslint@8.32.0:
+  version "8.32.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.32.0.tgz#d9690056bb6f1a302bd991e7090f5b68fbaea861"
+  integrity sha512-nETVXpnthqKPFyuY2FNjz/bEd6nbosRgKbkgS/y1C7LJop96gYHWpiguLecMHQ2XCPxn77DS0P+68WzG6vkZSQ==
   dependencies:
-    "@eslint/eslintrc" "^1.3.2"
-    "@humanwhocodes/config-array" "^0.10.4"
-    "@humanwhocodes/gitignore-to-minimatch" "^1.0.2"
+    "@eslint/eslintrc" "^1.4.1"
+    "@humanwhocodes/config-array" "^0.11.8"
     "@humanwhocodes/module-importer" "^1.0.1"
+    "@nodelib/fs.walk" "^1.2.8"
     ajv "^6.10.0"
     chalk "^4.0.0"
     cross-spawn "^7.0.2"
@@ -3728,14 +3901,14 @@ eslint@8.23.1:
     fast-deep-equal "^3.1.3"
     file-entry-cache "^6.0.1"
     find-up "^5.0.0"
-    glob-parent "^6.0.1"
-    globals "^13.15.0"
-    globby "^11.1.0"
+    glob-parent "^6.0.2"
+    globals "^13.19.0"
     grapheme-splitter "^1.0.4"
     ignore "^5.2.0"
     import-fresh "^3.0.0"
     imurmurhash "^0.1.4"
     is-glob "^4.0.0"
+    is-path-inside "^3.0.3"
     js-sdsl "^4.1.4"
     js-yaml "^4.1.0"
     json-stable-stringify-without-jsonify "^1.0.1"
@@ -4201,7 +4374,7 @@ glob-parent@^5.1.1, glob-parent@^5.1.2, glob-parent@~5.1.2:
   dependencies:
     is-glob "^4.0.1"
 
-glob-parent@^6.0.1:
+glob-parent@^6.0.2:
   version "6.0.2"
   resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-6.0.2.tgz#6d237d99083950c79290f24c7642a3de9a28f9e3"
   integrity sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==
@@ -4236,10 +4409,10 @@ globals@^11.1.0:
   resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
   integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
 
-globals@^13.15.0:
-  version "13.17.0"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-13.17.0.tgz#902eb1e680a41da93945adbdcb5a9f361ba69bd4"
-  integrity sha512-1C+6nQRb1GwGMKm2dH/E7enFAMxGTmGI7/dEdhy/DNelv85w9B72t3uc5frtMNXIbzrarJJ/lTCjcaZwbLJmyw==
+globals@^13.19.0:
+  version "13.19.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-13.19.0.tgz#7a42de8e6ad4f7242fbcca27ea5b23aca367b5c8"
+  integrity sha512-dkQ957uSRWHw7CFXLUtUHQI3g3aWApYhfNR2O6jn/907riyTYKVBmxYVROkBcY614FSSeSJh7Xm7SrUWCxvJMQ==
   dependencies:
     type-fest "^0.20.2"
 
@@ -4721,6 +4894,11 @@ is-obj@^2.0.0:
   resolved "https://registry.yarnpkg.com/is-obj/-/is-obj-2.0.0.tgz#473fb05d973705e3fd9620545018ca8e22ef4982"
   integrity sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==
 
+is-path-inside@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-3.0.3.tgz#d231362e53a07ff2b0e0ea7fed049161ffd16283"
+  integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==
+
 is-plain-obj@^1.0.0, is-plain-obj@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-1.1.0.tgz#71a50c8429dfca773c92a390a4a03b39fcd51d3e"
@@ -5802,7 +5980,7 @@ min-indent@^1.0.0:
   resolved "https://registry.yarnpkg.com/min-indent/-/min-indent-1.0.1.tgz#a63f681673b30571fbe8bc25686ae746eefa9869"
   integrity sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==
 
-minimatch@^3.0.4, minimatch@^3.1.1, minimatch@^3.1.2:
+minimatch@^3.0.4, minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
   integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
@@ -5971,6 +6149,11 @@ nanoid@^3.3.4:
   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.4.tgz#730b67e3cd09e2deacf03c027c81c9d9dbc5e8ab"
   integrity sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==
 
+natural-compare-lite@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz#17b09581988979fddafe0201e931ba933c96cbb4"
+  integrity sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==
+
 natural-compare@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
@@ -6642,10 +6825,10 @@ prettier@^1.19.1:
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.19.1.tgz#f7d7f5ff8a9cd872a7be4ca142095956a60797cb"
   integrity sha512-s7PoyDv/II1ObgQunCbB9PdLmUcBZcnWOcxDh7O0N/UwDEsHyqkW+Qh28jW+mVuCdx7gLB0BotYI1Y6uI9iyew==
 
-prettier@^2.7.1:
-  version "2.7.1"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.7.1.tgz#e235806850d057f97bb08368a4f7d899f7760c64"
-  integrity sha512-ujppO+MkdPqoVINuDFDRLClm7D78qbDt0/NR+wp5FqEZOoTNAjPHWj17QRhu7geIHJfcNhRk1XVQmF8Bp3ye+g==
+prettier@^2.8.3:
+  version "2.8.3"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.3.tgz#ab697b1d3dd46fb4626fbe2f543afe0cc98d8632"
+  integrity sha512-tJ/oJ4amDihPoufT5sM0Z1SKEuKay8LfVAMlbbhnnkvt6BUserZylqo2PN+p9KeljLr0OHa2rXHU1T8reeoTrw==
 
 pretty-format@^28.0.0, pretty-format@^28.1.3:
   version "28.1.3"
@@ -7927,10 +8110,10 @@ typedarray@^0.0.6:
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
   integrity sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==
 
-typescript@^4.8.3:
-  version "4.8.3"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.8.3.tgz#d59344522c4bc464a65a730ac695007fdb66dd88"
-  integrity sha512-goMHfm00nWPa8UvR/CPSvykqf6dVV8x/dp0c5mFTMTIu0u0FlGWRioyy7Nn0PGAdHxpJZnuO/ut+PpQ8UiHAig==
+typescript@^4.9.4:
+  version "4.9.4"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.9.4.tgz#a2a3d2756c079abda241d75f149df9d561091e78"
+  integrity sha512-Uz+dTXYzxXXbsFpM86Wh3dKCxrQqUcVMxwU54orwlJjOpO3ao8L7j5lH+dWfTwgCwIuM9GQ2kvVotzYJMXTBZg==
 
 uc.micro@^1.0.1, uc.micro@^1.0.5:
   version "1.0.6"
@@ -8108,10 +8291,10 @@ vue-docgen-api@^4.45.0:
     ts-map "^1.0.3"
     vue-inbrowser-compiler-independent-utils "^4.52.0"
 
-vue-docgen-cli@^4.45.0:
-  version "4.51.0"
-  resolved "https://registry.yarnpkg.com/vue-docgen-cli/-/vue-docgen-cli-4.51.0.tgz#84fd5b0412fb3abbff5ca5f4283cab8d397fc464"
-  integrity sha512-w9IzAT2cwSRrnT9Hq48YerIHbd5g1MhWQEGuQw4h699yUoTlmBW/RGZ5y/IBZ1noKVIW9j77q6zyyrjJh29Tpw==
+vue-docgen-cli@^4.56.1:
+  version "4.56.1"
+  resolved "https://registry.yarnpkg.com/vue-docgen-cli/-/vue-docgen-cli-4.56.1.tgz#bd226a6a078cedec8b6b6f6dc3828ab03e57a88e"
+  integrity sha512-JwZ/6UBDvhRjK3VEm7SAYrr7DE67+2iknH12j5TpP83nQFRgd6gLkciG1ge5xV3Q83IIzsA8NncY5sE29DwHYQ==
   dependencies:
     chokidar "^3.5.1"
     globby "^10.0.2"
@@ -8146,14 +8329,14 @@ vue-router@^4.0.14:
   dependencies:
     "@vue/devtools-api" "^6.1.4"
 
-vue-types@^4.2.1:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/vue-types/-/vue-types-4.2.1.tgz#f8f7e5fb42d4a6acda6d92c9736b510e5534c753"
-  integrity sha512-DNQZmJuOvovLUIp0BENRkdnZHbI0V4e2mNvjAZOAXKD56YGvRchtUYOXA/XqTxdv7Ng5SJLZqRKRpAhm5NLaPQ==
+vue-types@^5.0.2:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/vue-types/-/vue-types-5.0.2.tgz#d04966bd416510db878f23030014f424a2e6378e"
+  integrity sha512-+/5hnQ65XOYqPs+tEUF8GGTJX95UFVH0wPQo71IJJYh5TKMfik2tGKTLkZ42JqAczANA9hGu5FrZmPgxn20nnA==
   dependencies:
     is-plain-object "5.0.0"
 
-vue@^3.2.31, vue@^3.2.39:
+vue@^3.2.31:
   version "3.2.39"
   resolved "https://registry.yarnpkg.com/vue/-/vue-3.2.39.tgz#de071c56c4c32c41cbd54e55f11404295c0dd62d"
   integrity sha512-tRkguhRTw9NmIPXhzk21YFBqXHT2t+6C6wPOgQ50fcFVWnPdetmRqbmySRHznrYjX2E47u0cGlKGcxKZJ38R/g==
@@ -8164,6 +8347,17 @@ vue@^3.2.31, vue@^3.2.39:
     "@vue/server-renderer" "3.2.39"
     "@vue/shared" "3.2.39"
 
+vue@^3.2.45:
+  version "3.2.45"
+  resolved "https://registry.yarnpkg.com/vue/-/vue-3.2.45.tgz#94a116784447eb7dbd892167784619fef379b3c8"
+  integrity sha512-9Nx/Mg2b2xWlXykmCwiTUCWHbWIj53bnkizBxKai1g61f2Xit700A1ljowpTIM11e3uipOeiPcSqnmBg6gyiaA==
+  dependencies:
+    "@vue/compiler-dom" "3.2.45"
+    "@vue/compiler-sfc" "3.2.45"
+    "@vue/runtime-dom" "3.2.45"
+    "@vue/server-renderer" "3.2.45"
+    "@vue/shared" "3.2.45"
+
 vuepress-vite@2.0.0-beta.38:
   version "2.0.0-beta.38"
   resolved "https://registry.yarnpkg.com/vuepress-vite/-/vuepress-vite-2.0.0-beta.38.tgz#d1aa7badecc3686bf77ed5665614b243d8f37d6c"

From f8800272f8af5fd6b549dcce4def20e8a76b2d7b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Tue, 17 Jan 2023 01:38:35 +0100
Subject: [PATCH 045/346] feat(CFormInput, CFormSelect, CFormTextarea): add
 feedback support to floating labels

---
 .../components/form/CFormControlWrapper.ts    | 32 +++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/packages/coreui-vue/src/components/form/CFormControlWrapper.ts b/packages/coreui-vue/src/components/form/CFormControlWrapper.ts
index 579ca3ac..1f07eeb9 100644
--- a/packages/coreui-vue/src/components/form/CFormControlWrapper.ts
+++ b/packages/coreui-vue/src/components/form/CFormControlWrapper.ts
@@ -54,6 +54,38 @@ const CFormControlWrapper = defineComponent({
                 default: () => (slots.label && slots.label()) || props.label || props.floatingLabel,
               },
             ),
+            (props.text || slots.text) &&
+              h(
+                CFormText,
+                {
+                  id: props.describedby,
+                },
+                {
+                  default: () => (slots.text && slots.text()) || props.text,
+                },
+              ),
+            h(
+              CFormControlValidation,
+              {
+                describedby: props.describedby,
+                feedback: props.feedback,
+                feedbackInvalid: props.feedbackInvalid,
+                feedbackValid: props.feedbackValid,
+                floatingLabel: props.floatingLabel,
+                invalid: props.invalid,
+                tooltipFeedback: props.tooltipFeedback,
+                valid: props.valid,
+              },
+              {
+                ...(slots.feedback && { feedback: () => slots.feedback && slots.feedback() }),
+                ...(slots.feedbackInvalid && {
+                  feedbackInvalid: () => slots.feedbackInvalid && slots.feedbackInvalid(),
+                }),
+                ...(slots.feedbackValid && {
+                  feedbackValid: () => slots.feedbackInvalid && slots.feedbackInvalid(),
+                }),
+              },
+            ),
           ])
         : [
             (props.label || slots.label) &&

From 6730f6a3aabefa57005a18ad638b24c305d0a3e1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Tue, 17 Jan 2023 13:35:57 +0100
Subject: [PATCH 046/346] refactor(CFormControlWrapper): optimise duplicated
 code

---
 .../components/form/CFormControlWrapper.ts    | 70 +++++++------------
 1 file changed, 26 insertions(+), 44 deletions(-)

diff --git a/packages/coreui-vue/src/components/form/CFormControlWrapper.ts b/packages/coreui-vue/src/components/form/CFormControlWrapper.ts
index 1f07eeb9..8392ef4a 100644
--- a/packages/coreui-vue/src/components/form/CFormControlWrapper.ts
+++ b/packages/coreui-vue/src/components/form/CFormControlWrapper.ts
@@ -41,6 +41,30 @@ const CFormControlWrapper = defineComponent({
     },
   },
   setup(props, { slots }) {
+    const formControlValidation = () =>
+      h(
+        CFormControlValidation,
+        {
+          describedby: props.describedby,
+          feedback: props.feedback,
+          feedbackInvalid: props.feedbackInvalid,
+          feedbackValid: props.feedbackValid,
+          floatingLabel: props.floatingLabel,
+          invalid: props.invalid,
+          tooltipFeedback: props.tooltipFeedback,
+          valid: props.valid,
+        },
+        {
+          ...(slots.feedback && { feedback: () => slots.feedback && slots.feedback() }),
+          ...(slots.feedbackInvalid && {
+            feedbackInvalid: () => slots.feedbackInvalid && slots.feedbackInvalid(),
+          }),
+          ...(slots.feedbackValid && {
+            feedbackValid: () => slots.feedbackInvalid && slots.feedbackInvalid(),
+          }),
+        },
+      )
+
     return () =>
       props.floatingLabel
         ? h(CFormFloating, () => [
@@ -64,28 +88,7 @@ const CFormControlWrapper = defineComponent({
                   default: () => (slots.text && slots.text()) || props.text,
                 },
               ),
-            h(
-              CFormControlValidation,
-              {
-                describedby: props.describedby,
-                feedback: props.feedback,
-                feedbackInvalid: props.feedbackInvalid,
-                feedbackValid: props.feedbackValid,
-                floatingLabel: props.floatingLabel,
-                invalid: props.invalid,
-                tooltipFeedback: props.tooltipFeedback,
-                valid: props.valid,
-              },
-              {
-                ...(slots.feedback && { feedback: () => slots.feedback && slots.feedback() }),
-                ...(slots.feedbackInvalid && {
-                  feedbackInvalid: () => slots.feedbackInvalid && slots.feedbackInvalid(),
-                }),
-                ...(slots.feedbackValid && {
-                  feedbackValid: () => slots.feedbackInvalid && slots.feedbackInvalid(),
-                }),
-              },
-            ),
+            formControlValidation(),
           ])
         : [
             (props.label || slots.label) &&
@@ -109,28 +112,7 @@ const CFormControlWrapper = defineComponent({
                   default: () => (slots.text && slots.text()) || props.text,
                 },
               ),
-            h(
-              CFormControlValidation,
-              {
-                describedby: props.describedby,
-                feedback: props.feedback,
-                feedbackInvalid: props.feedbackInvalid,
-                feedbackValid: props.feedbackValid,
-                floatingLabel: props.floatingLabel,
-                invalid: props.invalid,
-                tooltipFeedback: props.tooltipFeedback,
-                valid: props.valid,
-              },
-              {
-                ...(slots.feedback && { feedback: () => slots.feedback && slots.feedback() }),
-                ...(slots.feedbackInvalid && {
-                  feedbackInvalid: () => slots.feedbackInvalid && slots.feedbackInvalid(),
-                }),
-                ...(slots.feedbackValid && {
-                  feedbackValid: () => slots.feedbackInvalid && slots.feedbackInvalid(),
-                }),
-              },
-            ),
+            formControlValidation(),
           ]
   },
 })

From bf9be0b3d25c0c9c01afb94dab1539300b1894fd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Tue, 17 Jan 2023 18:04:51 +0100
Subject: [PATCH 047/346] build: update API generator

---
 packages/docs/build/docgen.config.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/docs/build/docgen.config.js b/packages/docs/build/docgen.config.js
index 76936a43..67b35dee 100644
--- a/packages/docs/build/docgen.config.js
+++ b/packages/docs/build/docgen.config.js
@@ -28,8 +28,8 @@ module.exports = {
     props: require('./templates/props'),
     slots: require('./templates/slots'),
   },
-  docsRepo: 'profile/repo',
-  docsBranch: 'master',
+  docsRepo: '@coreui/vue',
+  docsBranch: 'main',
   docsFolder: '',
   editLinkLabel: 'Edit on github',
 }
\ No newline at end of file

From 26de0b165d74517d966526f851c2b2bb0f644a8a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Tue, 17 Jan 2023 18:07:17 +0100
Subject: [PATCH 048/346] chore: clean-up

---
 packages/coreui-vue/package.json  | 3 ---
 packages/docs/.vuepress/config.ts | 4 ++--
 packages/docs/package.json        | 3 ---
 3 files changed, 2 insertions(+), 8 deletions(-)

diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index 67830c77..71cb825b 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -33,9 +33,6 @@
   "scripts": {
     "build": "rollup -c --bundleConfigAsCjs"
   },
-  "config": {
-    "version_short": "4.5"
-  },
   "devDependencies": {
     "@popperjs/core": "^2.11.6",
     "@rollup/plugin-commonjs": "^24.0.0",
diff --git a/packages/docs/.vuepress/config.ts b/packages/docs/.vuepress/config.ts
index d20fe34a..f530df4b 100644
--- a/packages/docs/.vuepress/config.ts
+++ b/packages/docs/.vuepress/config.ts
@@ -7,12 +7,12 @@ import pkg from '../package.json'
 const path = require('path')
 
 export default defineUserConfig<DefaultThemeOptions>({
-  base: `/vue/docs/${pkg.config.version_short}/`,
+  base: `/vue/docs/`,
   lang: 'en-US',
   title: 'Vue UI Components · CoreUI',
   description: 'UI Components Library for Vue.js (Vue 3)',
   head: [
-    ['link', { rel: 'icon', href: `/vue/docs/${pkg.config.version_short}/favicons/favicon-96x96.png` }],
+    ['link', { rel: 'icon', href: `/vue/docs/favicons/favicon-96x96.png` }],
     // ['link', { rel: 'manifest', href: '/favicons/manifest.json' }],
   ],
   extendsMarkdown: (md) => {
diff --git a/packages/docs/package.json b/packages/docs/package.json
index a4fbfd39..0d464d01 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -1,9 +1,6 @@
 {
   "name": "@coreui/vue-docs",
   "version": "4.5.0",
-  "config": {
-    "version_short": "4.5"
-  },
   "scripts": {
     "api": "vue-docgen -c build/docgen.config.js",
     "dev": "vuepress dev --clean-cache",

From debf7c7c5f8f1a30a5abcc7941cc5f2f50e47d85 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Tue, 17 Jan 2023 18:43:53 +0100
Subject: [PATCH 049/346] docs: update config

---
 packages/docs/.vuepress/config.ts | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/packages/docs/.vuepress/config.ts b/packages/docs/.vuepress/config.ts
index f530df4b..0233f50c 100644
--- a/packages/docs/.vuepress/config.ts
+++ b/packages/docs/.vuepress/config.ts
@@ -1,10 +1,8 @@
 import { defineUserConfig } from 'vuepress'
-import type { DefaultThemeOptions } from 'vuepress'
 import { permalink } from 'markdown-it-anchor'
-import pkg from '../package.json'
+import { resolve } from 'node:path'
 
-// const md = require('markdown-it')()
-const path = require('path')
+import type { DefaultThemeOptions } from 'vuepress'
 
 export default defineUserConfig<DefaultThemeOptions>({
   base: `/vue/docs/`,
@@ -71,7 +69,7 @@ export default defineUserConfig<DefaultThemeOptions>({
       },
     ],
   ],
-  theme: path.resolve(__dirname, './theme-coreui'),
+  theme: resolve(__dirname, './theme-coreui'),
   themeConfig: {
     sidebar: [
       {

From c8dccec29eb0092d18e538860fc3745b8c8663f7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Tue, 17 Jan 2023 18:48:04 +0100
Subject: [PATCH 050/346] release: v4.6.0

---
 README.md                        | 2 +-
 lerna.json                       | 2 +-
 packages/coreui-vue/package.json | 2 +-
 packages/docs/package.json       | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 2e709270..ceb59459 100644
--- a/README.md
+++ b/README.md
@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v4.5.0.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v4.6.0.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue`
diff --git a/lerna.json b/lerna.json
index e3154cd5..886a1436 100644
--- a/lerna.json
+++ b/lerna.json
@@ -4,5 +4,5 @@
     "packages/*"
   ],
   "useWorkspaces": true,
-  "version": "4.5.0"
+  "version": "4.6.0"
 }
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index 71cb825b..3719840a 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue",
-  "version": "4.5.0",
+  "version": "4.6.0",
   "description": "UI Components Library for Vue.js",
   "keywords": [
     "vue",
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 0d464d01..151afe05 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue-docs",
-  "version": "4.5.0",
+  "version": "4.6.0",
   "scripts": {
     "api": "vue-docgen -c build/docgen.config.js",
     "dev": "vuepress dev --clean-cache",

From 8d6fb3b2ddd59c28648d34b75886157b8bf0a8d8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Wed, 25 Jan 2023 15:11:27 +0100
Subject: [PATCH 051/346] refactor(CTable): update interface

---
 packages/coreui-vue/src/components/table/CTable.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/coreui-vue/src/components/table/CTable.ts b/packages/coreui-vue/src/components/table/CTable.ts
index cdbeea13..2a7ff5bc 100644
--- a/packages/coreui-vue/src/components/table/CTable.ts
+++ b/packages/coreui-vue/src/components/table/CTable.ts
@@ -137,7 +137,7 @@ const CTable = defineComponent({
      * @since 4.5.0
      */
     footer: {
-      type: Array as PropType<FooterItem[]>,
+      type: Array as PropType<FooterItem[] | string[]>,
       default: () => [],
       required: false,
     },

From abd6230e8dc2e4ff51f6e4c75dbc2134108866b7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Wed, 25 Jan 2023 15:13:43 +0100
Subject: [PATCH 052/346] change the `isVisible` utility name to `isInViewport`

---
 .../coreui-vue/src/components/carousel/CCarousel.ts   |  6 +++---
 .../coreui-vue/src/components/sidebar/CSidebar.ts     | 10 +++++-----
 packages/coreui-vue/src/utils/index.ts                |  4 ++--
 packages/coreui-vue/src/utils/isInViewport.ts         | 11 +++++++++++
 packages/coreui-vue/src/utils/isVisible.ts            | 11 -----------
 5 files changed, 21 insertions(+), 21 deletions(-)
 create mode 100644 packages/coreui-vue/src/utils/isInViewport.ts
 delete mode 100644 packages/coreui-vue/src/utils/isVisible.ts

diff --git a/packages/coreui-vue/src/components/carousel/CCarousel.ts b/packages/coreui-vue/src/components/carousel/CCarousel.ts
index 182579d4..e3ff42e1 100644
--- a/packages/coreui-vue/src/components/carousel/CCarousel.ts
+++ b/packages/coreui-vue/src/components/carousel/CCarousel.ts
@@ -11,7 +11,7 @@ import {
   watch,
 } from 'vue'
 
-import { isVisible } from './../../utils'
+import { isInViewport } from './../../utils'
 
 const CCarousel = defineComponent({
   name: 'CCarousel',
@@ -133,7 +133,7 @@ const CCarousel = defineComponent({
     const nextItemWhenVisible = () => {
       // Don't call next when the page isn't visible
       // or the carousel or its parent isn't visible
-      if (!document.hidden && isVisible(carouselRef.value)) {
+      if (!document.hidden && isInViewport(carouselRef.value)) {
         handleControlClick('next')
       }
     }
@@ -156,7 +156,7 @@ const CCarousel = defineComponent({
     }
 
     const handleScroll = () => {
-      if (!document.hidden && isVisible(carouselRef.value)) {
+      if (!document.hidden && isInViewport(carouselRef.value)) {
         visible.value = true
       } else {
         visible.value = false
diff --git a/packages/coreui-vue/src/components/sidebar/CSidebar.ts b/packages/coreui-vue/src/components/sidebar/CSidebar.ts
index 34dfa7ad..9f2ad49a 100644
--- a/packages/coreui-vue/src/components/sidebar/CSidebar.ts
+++ b/packages/coreui-vue/src/components/sidebar/CSidebar.ts
@@ -1,7 +1,7 @@
 import { defineComponent, h, onBeforeUnmount, onMounted, ref, watch } from 'vue'
 import { CBackdrop } from '../backdrop'
 
-import { isVisible } from './../../utils'
+import { isInViewport } from './../../utils'
 
 const isOnMobile = (element: HTMLDivElement) =>
   Boolean(getComputedStyle(element).getPropertyValue('--cui-is-mobile'))
@@ -88,7 +88,7 @@ const CSidebar = defineComponent({
 
     onMounted(() => {
       mobile.value = isOnMobile(sidebarRef.value)
-      inViewport.value = isVisible(sidebarRef.value)
+      inViewport.value = isInViewport(sidebarRef.value)
 
       window.addEventListener('resize', () => handleResize())
       window.addEventListener('mouseup', handleClickOutside)
@@ -96,7 +96,7 @@ const CSidebar = defineComponent({
 
       sidebarRef.value.addEventListener('mouseup', handleOnClick)
       sidebarRef.value.addEventListener('transitionend', () => {
-        inViewport.value = isVisible(sidebarRef.value)
+        inViewport.value = isInViewport(sidebarRef.value)
       })
     })
 
@@ -107,7 +107,7 @@ const CSidebar = defineComponent({
 
       sidebarRef.value.removeEventListener('mouseup', handleOnClick)
       sidebarRef.value.removeEventListener('transitionend', () => {
-        inViewport.value = isVisible(sidebarRef.value)
+        inViewport.value = isInViewport(sidebarRef.value)
       })
     })
 
@@ -118,7 +118,7 @@ const CSidebar = defineComponent({
 
     const handleResize = () => {
       mobile.value = isOnMobile(sidebarRef.value)
-      inViewport.value = isVisible(sidebarRef.value)
+      inViewport.value = isInViewport(sidebarRef.value)
     }
 
     const handleKeyup = (event: Event) => {
diff --git a/packages/coreui-vue/src/utils/index.ts b/packages/coreui-vue/src/utils/index.ts
index ac72a6ad..b5450801 100644
--- a/packages/coreui-vue/src/utils/index.ts
+++ b/packages/coreui-vue/src/utils/index.ts
@@ -1,3 +1,3 @@
-import isVisible from './isVisible'
+import isInViewport from './isInViewport'
 
-export { isVisible }
+export { isInViewport }
diff --git a/packages/coreui-vue/src/utils/isInViewport.ts b/packages/coreui-vue/src/utils/isInViewport.ts
new file mode 100644
index 00000000..7aae5391
--- /dev/null
+++ b/packages/coreui-vue/src/utils/isInViewport.ts
@@ -0,0 +1,11 @@
+const isInViewport = (element: HTMLElement) => {
+  const rect = element.getBoundingClientRect()
+  return (
+    Math.floor(rect.top) >= 0 &&
+    Math.floor(rect.left) >= 0 &&
+    Math.floor(rect.bottom) <= (window.innerHeight || document.documentElement.clientHeight) &&
+    Math.floor(rect.right) <= (window.innerWidth || document.documentElement.clientWidth)
+  )
+}
+
+export default isInViewport
diff --git a/packages/coreui-vue/src/utils/isVisible.ts b/packages/coreui-vue/src/utils/isVisible.ts
deleted file mode 100644
index 0bf5cb30..00000000
--- a/packages/coreui-vue/src/utils/isVisible.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-const isVisible = (element: HTMLElement) => {
-  const rect = element.getBoundingClientRect()
-  return (
-    rect.top >= 0 &&
-    rect.left >= 0 &&
-    rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
-    rect.right <= (window.innerWidth || document.documentElement.clientWidth)
-  )
-}
-
-export default isVisible

From 68e5e77c01cc62bf4364c623c147bc9752a7f62c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Wed, 25 Jan 2023 15:42:54 +0100
Subject: [PATCH 053/346] refactor(CTable): remove default values for `footer`
 and `items` props

---
 .../coreui-vue/src/components/table/CTable.ts | 83 ++++++++++---------
 1 file changed, 43 insertions(+), 40 deletions(-)

diff --git a/packages/coreui-vue/src/components/table/CTable.ts b/packages/coreui-vue/src/components/table/CTable.ts
index 2a7ff5bc..4da70f63 100644
--- a/packages/coreui-vue/src/components/table/CTable.ts
+++ b/packages/coreui-vue/src/components/table/CTable.ts
@@ -138,7 +138,6 @@ const CTable = defineComponent({
      */
     footer: {
       type: Array as PropType<FooterItem[] | string[]>,
-      default: () => [],
       required: false,
     },
     /**
@@ -158,7 +157,6 @@ const CTable = defineComponent({
      */
     items: {
       type: Array as PropType<Item[]>,
-      default: () => [],
       required: false,
     },
     responsive: {
@@ -228,7 +226,7 @@ const CTable = defineComponent({
             if (typeof column === 'object') return column.key
             else return column
           })
-        : Object.keys(props.items[0] || {}).filter((el) => el.charAt(0) !== '_'),
+        : Object.keys((props.items && props.items[0]) || {}).filter((el) => el.charAt(0) !== '_'),
     )
 
     const table = () =>
@@ -301,34 +299,37 @@ const CTable = defineComponent({
                 {},
                 {
                   default: () => [
-                    props.items.map((item: Item) =>
-                      h(
-                        CTableRow,
-                        {
-                          ...(item._props && { ...item._props }),
-                        },
-                        {
-                          default: () => [
-                            rawColumnNames.value.map(
-                              (colName: string) =>
-                                item[colName] &&
-                                h(
-                                  CTableDataCell,
-                                  {
-                                    ...(item._cellProps &&
-                                      item._cellProps['all'] && { ...item._cellProps['all'] }),
-                                    ...(item._cellProps &&
-                                      item._cellProps[colName] && { ...item._cellProps[colName] }),
-                                  },
-                                  {
-                                    default: () => item[colName],
-                                  },
-                                ),
-                            ),
-                          ],
-                        },
+                    props.items &&
+                      props.items.map((item: Item) =>
+                        h(
+                          CTableRow,
+                          {
+                            ...(item._props && { ...item._props }),
+                          },
+                          {
+                            default: () => [
+                              rawColumnNames.value.map(
+                                (colName: string) =>
+                                  item[colName] &&
+                                  h(
+                                    CTableDataCell,
+                                    {
+                                      ...(item._cellProps &&
+                                        item._cellProps['all'] && { ...item._cellProps['all'] }),
+                                      ...(item._cellProps &&
+                                        item._cellProps[colName] && {
+                                          ...item._cellProps[colName],
+                                        }),
+                                    },
+                                    {
+                                      default: () => item[colName],
+                                    },
+                                  ),
+                              ),
+                            ],
+                          },
+                        ),
                       ),
-                    ),
                   ],
                 },
               ),
@@ -346,17 +347,19 @@ const CTable = defineComponent({
                       {},
                       {
                         default: () => [
-                          props.footer.map((item: FooterItem | string) =>
-                            h(
-                              CTableDataCell,
-                              {
-                                ...(typeof item === 'object' && item._props && { ...item._props }),
-                              },
-                              {
-                                default: () => (typeof item === 'object' ? item.label : item),
-                              },
+                          props.footer &&
+                            props.footer.map((item: FooterItem | string) =>
+                              h(
+                                CTableDataCell,
+                                {
+                                  ...(typeof item === 'object' &&
+                                    item._props && { ...item._props }),
+                                },
+                                {
+                                  default: () => (typeof item === 'object' ? item.label : item),
+                                },
+                              ),
                             ),
-                          ),
                         ],
                       },
                     ),

From 1fbc9cc0278352ada51be8d8d2744a6f3aecaa87 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Thu, 26 Jan 2023 13:47:05 +0100
Subject: [PATCH 054/346] refactor(CTable): update prop types

---
 packages/coreui-vue/src/components/table/CTable.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/coreui-vue/src/components/table/CTable.ts b/packages/coreui-vue/src/components/table/CTable.ts
index 4da70f63..ec991aa9 100644
--- a/packages/coreui-vue/src/components/table/CTable.ts
+++ b/packages/coreui-vue/src/components/table/CTable.ts
@@ -117,7 +117,7 @@ const CTable = defineComponent({
      * @since 4.5.0
      */
     columns: {
-      type: Array as PropType<Column[] | string[]>,
+      type: Array as PropType<(Column | string)[]>,
       required: false,
     },
     /**
@@ -137,7 +137,7 @@ const CTable = defineComponent({
      * @since 4.5.0
      */
     footer: {
-      type: Array as PropType<FooterItem[] | string[]>,
+      type: Array as PropType<(FooterItem | string)[]>,
       required: false,
     },
     /**

From 7700bfeb69a48305ef097b0b419f206abb840d0b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Thu, 26 Jan 2023 13:47:36 +0100
Subject: [PATCH 055/346] chore: update dependencies and devDependencies

---
 packages/docs/package.json | 2 +-
 yarn.lock                  | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/docs/package.json b/packages/docs/package.json
index 151afe05..d56bb502 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -10,7 +10,7 @@
   "devDependencies": {
     "@coreui/chartjs": "^3.0.0",
     "@coreui/coreui": "^4.2.6",
-    "@coreui/icons": "^2.1.0",
+    "@coreui/icons": "^3.0.0-0",
     "@coreui/icons-vue": "^2.0.0",
     "@coreui/vue-chartjs": "^2.0.1",
     "@vuepress/plugin-toc": "2.0.0-beta.38",
diff --git a/yarn.lock b/yarn.lock
index 478578a3..1187b5e3 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -325,10 +325,10 @@
   resolved "https://registry.yarnpkg.com/@coreui/icons-vue/-/icons-vue-2.0.0.tgz#722e55f74badba58fdf0ab6f83ffa54deffbcbb3"
   integrity sha512-3OLOv6TExmi93kapV4n9kmJ36fqxTHv3Vn/SPGAUX1btwf0wCmXen4xF3A8OdLEwR0i6Ggqw+MY/T7WjA6k2xg==
 
-"@coreui/icons@^2.1.0":
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/@coreui/icons/-/icons-2.1.0.tgz#b21641d3d034fdef308c87dc347c8684c408a753"
-  integrity sha512-3yY9J0088TSY403jwJeP5YERH3RLOvxdhOa4VIQsGOX4fuQZiyVUM+vwlzyCSpgAv9NwKPkCor+gc+JJaYf0TA==
+"@coreui/icons@^3.0.0-0":
+  version "3.0.0-rc.0"
+  resolved "https://registry.yarnpkg.com/@coreui/icons/-/icons-3.0.0-rc.0.tgz#37710d41ff24220f3a33dde1c88d93a2e450a014"
+  integrity sha512-lDazxGn10cQxH3hhNrUKg62YqBYilL4VPcXj7Z9FTHTiRVxLfx8HmjqVMoeuKTNBa0tGGUys7brBwXvqN0ijKQ==
 
 "@esbuild/linux-loong64@0.14.54":
   version "0.14.54"

From 26c04798f0a2413a21e235d20247f05eb32756d2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Thu, 26 Jan 2023 13:52:19 +0100
Subject: [PATCH 056/346] release: v4.6.1

---
 README.md                        | 2 +-
 lerna.json                       | 2 +-
 packages/coreui-vue/package.json | 2 +-
 packages/docs/package.json       | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index ceb59459..67ec0841 100644
--- a/README.md
+++ b/README.md
@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v4.6.0.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v4.6.1.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue`
diff --git a/lerna.json b/lerna.json
index 886a1436..79924ce0 100644
--- a/lerna.json
+++ b/lerna.json
@@ -4,5 +4,5 @@
     "packages/*"
   ],
   "useWorkspaces": true,
-  "version": "4.6.0"
+  "version": "4.6.1"
 }
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index 3719840a..2216bd7c 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue",
-  "version": "4.6.0",
+  "version": "4.6.1",
   "description": "UI Components Library for Vue.js",
   "keywords": [
     "vue",
diff --git a/packages/docs/package.json b/packages/docs/package.json
index d56bb502..e4c3a67a 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue-docs",
-  "version": "4.6.0",
+  "version": "4.6.1",
   "scripts": {
     "api": "vue-docgen -c build/docgen.config.js",
     "dev": "vuepress dev --clean-cache",

From c87ee002d09da16b81bbf8bb2933752fbbbf5927 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Wed, 15 Feb 2023 14:06:00 +0100
Subject: [PATCH 057/346] feat(COffcanvas): add static backdrop support

---
 .../src/components/offcanvas/COffcanvas.ts    |  53 +++--
 packages/docs/components/offcanvas.md         | 204 +++++++++++-------
 2 files changed, 147 insertions(+), 110 deletions(-)

diff --git a/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts b/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts
index 1d4ab3a0..a1d532a6 100644
--- a/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts
+++ b/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts
@@ -10,11 +10,21 @@ const COffcanvas = defineComponent({
   props: {
     /**
      * Apply a backdrop on body while offcanvas is open.
+     *
+     * @values boolean | 'static'
      */
     backdrop: {
-      type: Boolean,
+      type: [Boolean, String],
       default: true,
-      require: false,
+      validator: (value: boolean | string) => {
+        if (typeof value === 'string') {
+          return ['static'].includes(value)
+        }
+        if (typeof value === 'boolean') {
+          return true
+        }
+        return false
+      },
     },
     /**
      * Closes the offcanvas when escape key is pressed.
@@ -22,7 +32,6 @@ const COffcanvas = defineComponent({
     keyboard: {
       type: Boolean,
       default: true,
-      require: false,
     },
     /**
      * Components placement, there’s no default placement.
@@ -43,15 +52,11 @@ const COffcanvas = defineComponent({
     scroll: {
       type: Boolean,
       default: false,
-      required: false,
     },
     /**
      * Toggle the visibility of offcanvas component.
      */
-    visible: {
-      type: Boolean,
-      require: false,
-    },
+    visible: Boolean,
   },
   emits: [
     /**
@@ -93,22 +98,18 @@ const COffcanvas = defineComponent({
       emit('show')
       executeAfterTransition(() => done(), el as HTMLElement)
       setTimeout(() => {
-        el.style.visibility = 'visible'
         el.classList.add('show')
       }, 1)
     }
     const handleAfterEnter = () => {
-      window.addEventListener('mousedown', handleMouseDown)
-      window.addEventListener('keyup', handleKeyUp)
+      offcanvasRef.value.focus()
     }
     const handleLeave = (el: RendererElement, done: () => void) => {
       executeAfterTransition(() => done(), el as HTMLElement)
-      window.removeEventListener('mousedown', handleMouseDown)
-      window.removeEventListener('keyup', handleKeyUp)
-      el.classList.remove('show')
+      el.classList.add('hiding')
     }
     const handleAfterLeave = (el: RendererElement) => {
-      el.style.visibility = 'hidden'
+      el.classList.remove('show', 'hiding')
     }
 
     const handleDismiss = () => {
@@ -116,21 +117,16 @@ const COffcanvas = defineComponent({
       emit('hide')
     }
 
-    const handleKeyUp = (event: KeyboardEvent) => {
-      if (offcanvasRef.value && !offcanvasRef.value.contains(event.target as HTMLElement)) {
-        if (event.key === 'Escape' && props.keyboard && props.backdrop) {
-          return handleDismiss()
-        }
+    const handleBackdropDismiss = () => {
+      if (props.backdrop !== 'static') {
+        handleDismiss()
       }
     }
 
-    const handleMouseDown = (event: Event) => {
-      window.addEventListener('mouseup', () => handleMouseUp(event), { once: true })
-    }
-
-    const handleMouseUp = (event: Event) => {
-      if (offcanvasRef.value && !offcanvasRef.value.contains(event.target as HTMLElement)) {
-        props.backdrop && handleDismiss()
+    const handleKeyDown = (event: KeyboardEvent) => {
+      console.log('keydown')
+      if (event.key === 'Escape' && props.keyboard) {
+        handleDismiss()
       }
     }
 
@@ -155,8 +151,10 @@ const COffcanvas = defineComponent({
                     [`offcanvas-${props.placement}`]: props.placement,
                   },
                 ],
+                onKeydown: (event: KeyboardEvent) => handleKeyDown(event),
                 ref: offcanvasRef,
                 role: 'dialog',
+                tabindex: -1,
               },
               slots.default && slots.default(),
             ),
@@ -166,6 +164,7 @@ const COffcanvas = defineComponent({
       props.backdrop &&
         h(CBackdrop, {
           class: 'offcanvas-backdrop',
+          onClick: handleBackdropDismiss,
           visible: visible.value,
         }),
     ]
diff --git a/packages/docs/components/offcanvas.md b/packages/docs/components/offcanvas.md
index 671d5959..95eef1f0 100644
--- a/packages/docs/components/offcanvas.md
+++ b/packages/docs/components/offcanvas.md
@@ -85,6 +85,126 @@ Use the buttons below to show and hide an offcanvas component.
 </script>
 ```
 
+### Body scrolling
+
+Scrolling the `<body>` element is disabled when an offcanvas and its backdrop are visible. Use the scroll property to toggle `<body>` scrolling and backdrop to toggle the backdrop.
+
+::: demo
+<CButton color="primary" @click="() => { visibleScrolling = !visibleScrolling }">Enable body scrolling</CButton>
+<COffcanvas :backdrop="false" placement="start" scroll :visible="visibleScrolling" @hide="() => { visibleScrolling = !visibleScrolling }">
+  <COffcanvasHeader>
+    <COffcanvasTitle>Offcanvas</COffcanvasTitle>
+    <CCloseButton class="text-reset" @click="() => { visibleScrolling = false }"/>
+  </COffcanvasHeader>
+  <COffcanvasBody>
+    <p>Try scrolling the rest of the page to see this option in action.</p>
+  </COffcanvasBody>
+</COffcanvas>
+:::
+```vue
+<template>
+  <CButton color="primary" @click="() => { visibleScrolling = !visibleScrolling }">Enable body scrolling</CButton>
+  <COffcanvas :backdrop="false" placement="start" scroll :visible="visibleScrolling" @hide="() => { visibleScrolling = !visibleScrolling }">
+    <COffcanvasHeader>
+      <COffcanvasTitle>Offcanvas</COffcanvasTitle>
+      <CCloseButton class="text-reset" @click="() => { visibleScrolling = false }"/>
+    </COffcanvasHeader>
+    <COffcanvasBody>
+      <p>Try scrolling the rest of the page to see this option in action.</p>
+    </COffcanvasBody>
+  </COffcanvas>
+</template>
+<script>
+  export default {
+    data() {
+      return { 
+        visibleScrolling: false,
+      }
+    }
+  }
+</script>
+```
+
+### Body scrolling and backdrop
+
+You can also enable `<body>` scrolling with a visible backdrop.
+
+::: demo
+<CButton color="primary" @click="() => { visibleWithBothOptions = !visibleWithBothOptions }">Enable both scrolling & backdrop</CButton>
+<COffcanvas placement="start" scroll :visible="visibleWithBothOptions" @hide="() => { visibleWithBothOptions = !visibleWithBothOptions }">
+  <COffcanvasHeader>
+    <COffcanvasTitle>Offcanvas</COffcanvasTitle>
+    <CCloseButton class="text-reset" @click="() => { visibleWithBothOptions = false }"/>
+  </COffcanvasHeader>
+  <COffcanvasBody>
+    <p>Try scrolling the rest of the page to see this option in action.</p>
+  </COffcanvasBody>
+</COffcanvas>
+:::
+```vue
+<template>
+  <CButton color="primary" @click="() => { visibleWithBothOptions = !visibleWithBothOptions }">Enable both scrolling &amp; backdrop</CButton>
+  <COffcanvas placement="start" scroll :visible="visibleWithBothOptions" @hide="() => { visibleWithBothOptions = !visibleWithBothOptions }">
+    <COffcanvasHeader>
+      <COffcanvasTitle>Offcanvas</COffcanvasTitle>
+      <CCloseButton class="text-reset" @click="() => { visibleWithBothOptions = false }"/>
+    </COffcanvasHeader>
+    <COffcanvasBody>
+      <p>Try scrolling the rest of the page to see this option in action.</p>
+    </COffcanvasBody>
+  </COffcanvas>
+</template>
+<script>
+  export default {
+    data() {
+      return {
+        visibleWithBothOptions: false,
+      }
+    }
+  }
+</script>
+```
+
+### Static backdrop
+
+If you set a `backdrop` to `static`, your React offcanvas component will not close when clicking outside of it.
+
+::: demo
+<CButton color="primary" @click="() => { visibleWithStaticBackdrop = !visibleWithStaticBackdrop }">Toggle static offcanvas</CButton>
+<COffcanvas backdrop="static" placement="start" :visible="visibleWithStaticBackdrop" @hide="() => { visibleWithStaticBackdrop = !visibleWithStaticBackdrop }">
+  <COffcanvasHeader>
+    <COffcanvasTitle>Offcanvas</COffcanvasTitle>
+    <CCloseButton class="text-reset" @click="() => { visibleWithStaticBackdrop = false }"/>
+  </COffcanvasHeader>
+  <COffcanvasBody>
+    <p>I will not close if you click outside of me.</p>
+  </COffcanvasBody>
+</COffcanvas>
+:::
+```vue
+<template>
+  <CButton color="primary" @click="() => { visibleWithStaticBackdrop = !visibleWithStaticBackdrop }">Toggle static offcanvas</CButton>
+  <COffcanvas backdrop="static" placement="start" :visible="visibleWithStaticBackdrop" @hide="() => { visibleWithStaticBackdrop = !visibleWithStaticBackdrop }">
+    <COffcanvasHeader>
+      <COffcanvasTitle>Offcanvas</COffcanvasTitle>
+      <CCloseButton class="text-reset" @click="() => { visibleWithStaticBackdrop = false }"/>
+    </COffcanvasHeader>
+    <COffcanvasBody>
+      <p>I will not close if you click outside of me.</p>
+    </COffcanvasBody>
+  </COffcanvas>
+</template>
+<script>
+  export default {
+    data() {
+      return { 
+        visibleWithStaticBackdrop: false,
+      }
+    }
+  }
+</script>
+```
+
 ## Placement
 
 There's no default placement for offcanvas components, so you must add one of the modifier classes below;
@@ -210,88 +330,6 @@ Try the top, right, and bottom examples out below.
 </script>
 ```
 
-## Backdrop 
-
-Scrolling the `<body>` element is disabled when an offcanvas and its backdrop are visible. Use the `scroll` property to toggle `<body>` scrolling and `backdrop` to toggle the backdrop.
-
-::: demo
-<CButton color="primary" @click="() => { visibleScrolling = !visibleScrolling }">Enable body scrolling</CButton>
-<CButton color="primary" @click="() => { visibleWithBackdrop = !visibleWithBackdrop }">Enable backdrop (default)</CButton>
-<CButton color="primary" @click="() => { visibleWithBothOptions = !visibleWithBothOptions }">Enable both scrolling & backdrop</CButton>
-<COffcanvas :backdrop="false" placement="start" scroll :visible="visibleScrolling" @hide="() => { visibleScrolling = !visibleScrolling }">
-  <COffcanvasHeader>
-    <COffcanvasTitle>Offcanvas</COffcanvasTitle>
-    <CCloseButton class="text-reset" @click="() => { visibleScrolling = false }"/>
-  </COffcanvasHeader>
-  <COffcanvasBody>
-    <p>Try scrolling the rest of the page to see this option in action.</p>
-  </COffcanvasBody>
-</COffcanvas>
-<COffcanvas placement="start" :visible="visibleWithBackdrop" @hide="() => { visibleWithBackdrop = !visibleWithBackdrop }">
-  <COffcanvasHeader>
-    <COffcanvasTitle>Offcanvas</COffcanvasTitle>
-    <CCloseButton class="text-reset" @click="() => { visibleWithBackdrop = false }"/>
-  </COffcanvasHeader>
-  <COffcanvasBody>
-    <p>.....</p>
-  </COffcanvasBody>
-</COffcanvas>
-<COffcanvas placement="start" scroll :visible="visibleWithBothOptions" @hide="() => { visibleWithBothOptions = !visibleWithBothOptions }">
-  <COffcanvasHeader>
-    <COffcanvasTitle>Offcanvas</COffcanvasTitle>
-    <CCloseButton class="text-reset" @click="() => { visibleWithBothOptions = false }"/>
-  </COffcanvasHeader>
-  <COffcanvasBody>
-    <p>Try scrolling the rest of the page to see this option in action.</p>
-  </COffcanvasBody>
-</COffcanvas>
-:::
-```vue
-<template>
-  <CButton color="primary" @click="() => { visibleScrolling = !visibleScrolling }">Enable body scrolling</CButton>
-  <CButton color="primary" @click="() => { visibleWithBackdrop = !visibleWithBackdrop }">Enable backdrop (default)</CButton>
-  <CButton color="primary" @click="() => { visibleWithBothOptions = !visibleWithBothOptions }">Enable both scrolling &amp; backdrop</CButton>
-  <COffcanvas :backdrop="false" placement="start" scroll :visible="visibleScrolling" @hide="() => { visibleScrolling = !visibleScrolling }">
-    <COffcanvasHeader>
-      <COffcanvasTitle>Offcanvas</COffcanvasTitle>
-      <CCloseButton class="text-reset" @click="() => { visibleScrolling = false }"/>
-    </COffcanvasHeader>
-    <COffcanvasBody>
-      <p>Try scrolling the rest of the page to see this option in action.</p>
-    </COffcanvasBody>
-  </COffcanvas>
-  <COffcanvas placement="start" :visible="visibleWithBackdrop" @hide="() => { visibleWithBackdrop = !visibleWithBackdrop }">
-    <COffcanvasHeader>
-      <COffcanvasTitle>Offcanvas</COffcanvasTitle>
-      <CCloseButton class="text-reset" @click="() => { visibleWithBackdrop = false }"/>
-    </COffcanvasHeader>
-    <COffcanvasBody>
-      <p>.....</p>
-    </COffcanvasBody>
-  </COffcanvas>
-  <COffcanvas placement="start" scroll :visible="visibleWithBothOptions" @hide="() => { visibleWithBothOptions = !visibleWithBothOptions }">
-    <COffcanvasHeader>
-      <COffcanvasTitle>Offcanvas</COffcanvasTitle>
-      <CCloseButton class="text-reset" @click="() => { visibleWithBothOptions = false }"/>
-    </COffcanvasHeader>
-    <COffcanvasBody>
-      <p>Try scrolling the rest of the page to see this option in action.</p>
-    </COffcanvasBody>
-  </COffcanvas>
-</template>
-<script>
-  export default {
-    data() {
-      return { 
-        visibleScrolling: false,
-        visibleWithBackdrop: false,
-        visibleWithBothOptions: false,
-      }
-    }
-  }
-</script>
-```
-
 ## Accessibility
 
 Since the offcanvas panel is conceptually a modal dialog, be sure to add `aria-labelledby="..."`—referencing the offcanvas title—to `<COffcanvas>`. Note that you don’t need to add `role="dialog"` since we already add it automatically.
@@ -305,7 +343,7 @@ Since the offcanvas panel is conceptually a modal dialog, be sure to add `aria-l
         visibleEnd: false,
         visibleBottom: false,
         visibleScrolling: false,
-        visibleWithBackdrop: false,
+        visibleWithStaticBackdrop: false,
         visibleWithBothOptions: false,
       }
     }

From 6589d07e45d26cae8a1350548ab695e8e8011a81 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Wed, 15 Feb 2023 15:00:41 +0100
Subject: [PATCH 058/346] feat(Offcanvas): add responsive variations

---
 .../src/components/offcanvas/COffcanvas.ts    |  25 +++-
 packages/docs/components/navbar.md            | 124 ++++++++++++++++++
 packages/docs/components/offcanvas.md         |  46 +++++++
 3 files changed, 194 insertions(+), 1 deletion(-)

diff --git a/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts b/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts
index a1d532a6..b2ed8564 100644
--- a/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts
+++ b/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts
@@ -46,6 +46,24 @@ const COffcanvas = defineComponent({
         return ['start', 'end', 'top', 'bottom'].includes(value)
       },
     },
+    /**
+     * Responsive offcanvas property hide content outside the viewport from a specified breakpoint and down.
+     *
+     * @values boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'
+     */
+    responsive: {
+      type: [Boolean, String],
+      default: true,
+      validator: (value: boolean | string) => {
+        if (typeof value === 'string') {
+          return ['sm', 'md', 'lg', 'xl', 'xxl'].includes(value)
+        }
+        if (typeof value === 'boolean') {
+          return true
+        }
+        return false
+      },
+    },
     /**
      * Allow body scrolling while offcanvas is open
      */
@@ -101,13 +119,16 @@ const COffcanvas = defineComponent({
         el.classList.add('show')
       }, 1)
     }
+
     const handleAfterEnter = () => {
       offcanvasRef.value.focus()
     }
+
     const handleLeave = (el: RendererElement, done: () => void) => {
       executeAfterTransition(() => done(), el as HTMLElement)
       el.classList.add('hiding')
     }
+
     const handleAfterLeave = (el: RendererElement) => {
       el.classList.remove('show', 'hiding')
     }
@@ -146,8 +167,10 @@ const COffcanvas = defineComponent({
               'div',
               {
                 class: [
-                  'offcanvas',
                   {
+                    [`offcanvas${
+                      typeof props.responsive !== 'boolean' ? '-' + props.responsive : ''
+                    }`]: props.responsive,
                     [`offcanvas-${props.placement}`]: props.placement,
                   },
                 ],
diff --git a/packages/docs/components/navbar.md b/packages/docs/components/navbar.md
index feaeccc2..8e0a32f4 100644
--- a/packages/docs/components/navbar.md
+++ b/packages/docs/components/navbar.md
@@ -1035,6 +1035,7 @@ In the example below, to create an offcanvas navbar that is always collapsed acr
 :::demo
 <CNavbar colorScheme="light" class="bg-light">
   <CContainer fluid>
+    <CNavbarBrand>Offcanvas navbar</CNavbarBrand>
     <CNavbarToggler
       aria-controls="offcanvasNavbar"
       aria-label="Toggle navigation"
@@ -1081,12 +1082,74 @@ In the example below, to create an offcanvas navbar that is always collapsed acr
   </CContainer>
 </CNavbar>
 :::
+```vue
+<template>
+  <CNavbar colorScheme="light" class="bg-light">
+    <CContainer fluid>
+      <CNavbarBrand>Offcanvas navbar</CNavbarBrand>
+      <CNavbarToggler
+        aria-controls="offcanvasNavbar"
+        aria-label="Toggle navigation"
+        @click="visibleOffcanvas = !visibleOffcanvas"
+      />
+      <COffcanvas id="offcanvasNavbar" placement="end" :visible="visibleOffcanvas" @hide="visibleOffcanvas = false">
+        <COffcanvasHeader>
+          <COffcanvasTitle>Offcanvas</COffcanvasTitle>
+          <CCloseButton class="text-reset" @click="visibleOffcanvas = false" />
+        </COffcanvasHeader>
+        <COffcanvasBody>
+          <CNavbarNav>
+            <CNavItem>
+              <CNavLink href="#" active>
+                Home
+              </CNavLink>
+            </CNavItem>
+            <CNavItem>
+              <CNavLink href="#">Link</CNavLink>
+            </CNavItem>
+            <CDropdown variant="nav-item" :popper="false">
+              <CDropdownToggle color="secondary">Dropdown button</CDropdownToggle>
+              <CDropdownMenu>
+                <CDropdownItem href="#">Action</CDropdownItem>
+                <CDropdownItem href="#">Another action</CDropdownItem>
+                <CDropdownDivider />
+                <CDropdownItem href="#">Something else here</CDropdownItem>
+              </CDropdownMenu>
+            </CDropdown>
+            <CNavItem>
+              <CNavLink href="#" disabled>
+                Disabled
+              </CNavLink>
+            </CNavItem>
+          </CNavbarNav>
+          <CForm class="d-flex">
+            <CFormInput type="search" class="me-2" placeholder="Search" />
+            <CButton type="submit" color="success" variant="outline">
+              Search
+            </CButton>
+          </CForm>
+        </COffcanvasBody>
+      </COffcanvas>
+    </CContainer>
+  </CNavbar>
+</template>
+<script>
+  export default {
+    data() {
+      return { 
+        visibleOffcanvas: false,
+      }
+    }
+  }
+</script>
+```
 
 To create an offcanvas navbar that expands into a normal navbar at a specific breakpoint like `xxl`, use `expand="xxl"` property.
 
 :::demo
 <CNavbar colorScheme="light" class="bg-light" expand="xxl">
   <CContainer fluid>
+    <CNavbarBrand>Offcanvas navbar</CNavbarBrand>
     <CNavbarToggler
       aria-controls="offcanvasNavbar2"
       aria-label="Toggle navigation"
@@ -1133,6 +1196,67 @@ To create an offcanvas navbar that expands into a normal navbar at a specific br
   </CContainer>
 </CNavbar>
 :::
+```vue
+<template>
+  <CNavbar colorScheme="light" class="bg-light" expand="xxl">
+    <CContainer fluid>
+      <CNavbarBrand>Offcanvas navbar</CNavbarBrand>
+      <CNavbarToggler
+        aria-controls="offcanvasNavbar2"
+        aria-label="Toggle navigation"
+        @click="visibleOffcanvas2 = !visibleOffcanvas2"
+      />
+      <COffcanvas id="offcanvasNavbar2" placement="end" :visible="visibleOffcanvas2" @hide="visibleOffcanvas2 = false">
+        <COffcanvasHeader>
+          <COffcanvasTitle>Offcanvas</COffcanvasTitle>
+          <CCloseButton class="text-reset" @click="visibleOffcanvas2 = false" />
+        </COffcanvasHeader>
+        <COffcanvasBody>
+          <CNavbarNav>
+            <CNavItem>
+              <CNavLink href="#" active>
+                Home
+              </CNavLink>
+            </CNavItem>
+            <CNavItem>
+              <CNavLink href="#">Link</CNavLink>
+            </CNavItem>
+            <CDropdown variant="nav-item" :popper="false">
+              <CDropdownToggle color="secondary">Dropdown button</CDropdownToggle>
+              <CDropdownMenu>
+                <CDropdownItem href="#">Action</CDropdownItem>
+                <CDropdownItem href="#">Another action</CDropdownItem>
+                <CDropdownDivider />
+                <CDropdownItem href="#">Something else here</CDropdownItem>
+              </CDropdownMenu>
+            </CDropdown>
+            <CNavItem>
+              <CNavLink href="#" disabled>
+                Disabled
+              </CNavLink>
+            </CNavItem>
+          </CNavbarNav>
+          <CForm class="d-flex">
+            <CFormInput type="search" class="me-2" placeholder="Search" />
+            <CButton type="submit" color="success" variant="outline">
+              Search
+            </CButton>
+          </CForm>
+        </COffcanvasBody>
+      </COffcanvas>
+    </CContainer>
+  </CNavbar>
+</template>
+<script>
+  export default {
+    data() {
+      return { 
+        visibleOffcanvas2: false,
+      }
+    }
+  }
+</script>
+```
 
 <script>
   export default {
diff --git a/packages/docs/components/offcanvas.md b/packages/docs/components/offcanvas.md
index 95eef1f0..1cc49fcc 100644
--- a/packages/docs/components/offcanvas.md
+++ b/packages/docs/components/offcanvas.md
@@ -205,6 +205,51 @@ If you set a `backdrop` to `static`, your React offcanvas component will not clo
 </script>
 ```
 
+## Responsive 
+
+Responsive offcanvas properties hide content outside the viewport from a specified breakpoint and down.
+Above that breakpoint, the contents within will behave as usual. 
+For example, `responsive="lg"` hides content in an offcanvas below the lg breakpoint, but shows the content above the lg breakpoint.
+
+::: demo
+<CButton color="primary" @click="() => { visibleResponsiveBackdrop = !visibleResponsiveBackdrop }">Toggle offcanvas</CButton>
+<CAlert class="d-none d-lg-block" color="info">Resize your browser to show the responsive offcanvas toggle.</CAlert>
+<COffcanvas placement="start" responsive="lg" :visible="visibleResponsiveBackdrop" @hide="() => { visibleResponsiveBackdrop = !visibleResponsiveBackdrop }">
+  <COffcanvasHeader>
+    <COffcanvasTitle>Responsive offcanvas</COffcanvasTitle>
+    <CCloseButton class="text-reset" @click="() => { visibleResponsiveBackdrop = false }"/>
+  </COffcanvasHeader>
+  <COffcanvasBody>
+    <p>This is content within an <code>.offcanvas-lg</code></p>.
+  </COffcanvasBody>
+</COffcanvas>
+:::
+```vue
+<template>
+  <CButton color="primary" @click="() => { visibleResponsiveBackdrop = !visibleResponsiveBackdrop }">Toggle static offcanvas</CButton>
+  <CAlert class="d-none d-lg-block" color="info">Resize your browser to show the responsive offcanvas toggle.</CAlert>
+  <COffcanvas placement="start" responsive="lg" :visible="visibleResponsiveBackdrop" @hide="() => { visibleResponsiveBackdrop = !visibleResponsiveBackdrop }">
+    <COffcanvasHeader>
+      <COffcanvasTitle>Responsive offcanvas</COffcanvasTitle>
+      <CCloseButton class="text-reset" @click="() => { visibleResponsiveBackdrop = false }"/>
+    </COffcanvasHeader>
+    <COffcanvasBody>
+      <p>This is content within an <code>.offcanvas-lg</code></p>.
+    </COffcanvasBody>
+  </COffcanvas>
+</template>
+<script>
+  export default {
+    data() {
+      return { 
+        visibleResponsiveBackdrop: false,
+      }
+    }
+  }
+</script>
+```
+
+
 ## Placement
 
 There's no default placement for offcanvas components, so you must add one of the modifier classes below;
@@ -343,6 +388,7 @@ Since the offcanvas panel is conceptually a modal dialog, be sure to add `aria-l
         visibleEnd: false,
         visibleBottom: false,
         visibleScrolling: false,
+        visibleResponsiveBackdrop: false,
         visibleWithStaticBackdrop: false,
         visibleWithBothOptions: false,
       }

From 44f24f99313757e46fcebff4deecf87931a97de8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Wed, 15 Feb 2023 15:09:56 +0100
Subject: [PATCH 059/346] chore: update dependencies and devDependencies

---
 package.json                             |   20 +-
 packages/coreui-vue-chartjs/package.json |   14 +-
 packages/coreui-vue/package.json         |   10 +-
 packages/docs/package.json               |    6 +-
 yarn.lock                                | 1405 +++++++++++-----------
 5 files changed, 744 insertions(+), 711 deletions(-)

diff --git a/package.json b/package.json
index 39bbc4f5..bccb7e86 100644
--- a/package.json
+++ b/package.json
@@ -20,21 +20,21 @@
     "test:update": "jest --coverage --updateSnapshot"
   },
   "devDependencies": {
-    "@types/jest": "^28.1.8",
-    "@typescript-eslint/eslint-plugin": "^5.28.2",
-    "@typescript-eslint/parser": "^5.28.2",
-    "@vue/compiler-sfc": "^3.2.45",
+    "@types/jest": "^29.4.0",
+    "@typescript-eslint/eslint-plugin": "^5.52.0",
+    "@typescript-eslint/parser": "^5.52.0",
+    "@vue/compiler-sfc": "^3.2.47",
     "@vue/eslint-config-prettier": "^7.0.0",
     "@vue/eslint-config-typescript": "^11.0.2",
-    "@vue/vue3-jest": "28.0.1",
-    "eslint": "8.32.0",
+    "@vue/vue3-jest": "29.2.2",
+    "eslint": "8.34.0",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-vue": "^9.9.0",
-    "jest": "^28.1.3",
+    "jest": "^29.4.3",
     "jest-canvas-mock": "^2.4.0",
-    "jest-environment-jsdom": "^28.1.3",
+    "jest-environment-jsdom": "^29.4.3",
     "lerna": "^4.0.0",
-    "prettier": "^2.8.3",
-    "ts-jest": "^28.0.8"
+    "prettier": "^2.8.4",
+    "ts-jest": "^29.0.5"
   }
 }
diff --git a/packages/coreui-vue-chartjs/package.json b/packages/coreui-vue-chartjs/package.json
index ccc02f72..9d5dd621 100644
--- a/packages/coreui-vue-chartjs/package.json
+++ b/packages/coreui-vue-chartjs/package.json
@@ -35,19 +35,19 @@
     "build": "rollup -c --bundleConfigAsCjs"
   },
   "devDependencies": {
-    "@coreui/chartjs": "^3.0.0",
-    "@rollup/plugin-commonjs": "^24.0.0",
+    "@coreui/chartjs": "^3.1.1",
+    "@rollup/plugin-commonjs": "^24.0.1",
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-typescript": "^11.0.0",
     "@types/lodash": "^4.14.191",
-    "@vue/test-utils": "^2.2.7",
-    "chart.js": "^3.8.2",
+    "@vue/test-utils": "^2.2.10",
+    "chart.js": "^3.9.1",
     "lodash": "^4.17.21",
-    "rollup": "^3.10.0",
+    "rollup": "^3.15.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-vue": "^6.0.0",
-    "typescript": "^4.9.4",
-    "vue": "^3.2.45",
+    "typescript": "^4.9.5",
+    "vue": "^3.2.47",
     "vue-types": "^5.0.2"
   },
   "peerDependencies": {
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index 2216bd7c..90344051 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -35,14 +35,14 @@
   },
   "devDependencies": {
     "@popperjs/core": "^2.11.6",
-    "@rollup/plugin-commonjs": "^24.0.0",
+    "@rollup/plugin-commonjs": "^24.0.1",
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-typescript": "^11.0.0",
-    "@vue/test-utils": "^2.2.7",
-    "rollup": "^3.10.0",
+    "@vue/test-utils": "^2.2.10",
+    "rollup": "^3.15.0",
     "rollup-plugin-vue": "^6.0.0",
-    "typescript": "^4.9.4",
-    "vue": "^3.2.45",
+    "typescript": "^4.9.5",
+    "vue": "^3.2.47",
     "vue-types": "^5.0.2"
   },
   "peerDependencies": {
diff --git a/packages/docs/package.json b/packages/docs/package.json
index e4c3a67a..fa6a8903 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -8,14 +8,14 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@coreui/chartjs": "^3.0.0",
+    "@coreui/chartjs": "^3.1.1",
     "@coreui/coreui": "^4.2.6",
-    "@coreui/icons": "^3.0.0-0",
+    "@coreui/icons": "^3.0.0",
     "@coreui/icons-vue": "^2.0.0",
     "@coreui/vue-chartjs": "^2.0.1",
     "@vuepress/plugin-toc": "2.0.0-beta.38",
     "markdown-it-include": "^2.0.0",
-    "vue-docgen-cli": "^4.56.1",
+    "vue-docgen-cli": "^4.57.1",
     "vuepress": "2.0.0-beta.38"
   }
 }
diff --git a/yarn.lock b/yarn.lock
index 1187b5e3..3236b4e0 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -195,6 +195,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
+"@babel/plugin-syntax-jsx@^7.7.2":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.18.6.tgz#a8feef63b010150abd97f1649ec296e849943ca0"
+  integrity sha512-6mmljtAedFGTWu2p/8WIORGwy+61PLgOMPOdazc7YoJ9ZCWUyFy3A6CpPkRKLKD1ToAesxX8KGEViAiLo9N+7Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.18.6"
+
 "@babel/plugin-syntax-logical-assignment-operators@^7.8.3":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz#ca91ef46303530448b906652bac2e9fe9941f699"
@@ -300,18 +307,13 @@
   resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
   integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
 
-"@coreui/chartjs@^3.0.0":
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/@coreui/chartjs/-/chartjs-3.0.0.tgz#54b55d85de0f3146237b7d1d36b1bf33bc051735"
-  integrity sha512-udbvSxanTNltv94lqTMW8bLRXTtzk9G2SrmFdM/7HH+JSaLX2wdQpZ4VIJhyOCRGLCSKHktl29BnW1/uXQecAg==
+"@coreui/chartjs@^3.1.1":
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/@coreui/chartjs/-/chartjs-3.1.1.tgz#df7978f46ff2623817c0bf8f22d56118062e0fe1"
+  integrity sha512-lI/GCszpbPnEr6T/XDnIcOFTg2mMWqPToR5os6C6KM98BQihhZhuCeMzixyu0Wi72GoFFMkP5/SW028KpskMSw==
   dependencies:
-    "@coreui/coreui" "4.0.0"
-    chart.js "^3.4.0"
-
-"@coreui/coreui@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@coreui/coreui/-/coreui-4.0.0.tgz#52ebe0197411a829ba48057ade61923e05859eec"
-  integrity sha512-8vH6fJrmvCR/Oy5v0E+/1AL3Ygb4jhQ7NXK2fMYWJyK13BePDm9muB3y6S0IdqkpBwjY3hHVwHyt2lJqJdesmQ==
+    "@coreui/coreui" "^4.2.6"
+    chart.js "^3.9.1"
 
 "@coreui/coreui@^4.2.6":
   version "4.2.6"
@@ -325,10 +327,10 @@
   resolved "https://registry.yarnpkg.com/@coreui/icons-vue/-/icons-vue-2.0.0.tgz#722e55f74badba58fdf0ab6f83ffa54deffbcbb3"
   integrity sha512-3OLOv6TExmi93kapV4n9kmJ36fqxTHv3Vn/SPGAUX1btwf0wCmXen4xF3A8OdLEwR0i6Ggqw+MY/T7WjA6k2xg==
 
-"@coreui/icons@^3.0.0-0":
-  version "3.0.0-rc.0"
-  resolved "https://registry.yarnpkg.com/@coreui/icons/-/icons-3.0.0-rc.0.tgz#37710d41ff24220f3a33dde1c88d93a2e450a014"
-  integrity sha512-lDazxGn10cQxH3hhNrUKg62YqBYilL4VPcXj7Z9FTHTiRVxLfx8HmjqVMoeuKTNBa0tGGUys7brBwXvqN0ijKQ==
+"@coreui/icons@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@coreui/icons/-/icons-3.0.0.tgz#e36ef6e10fdc61aaff22e4ab1f6e71775b26f365"
+  integrity sha512-t4hJilv5IFBvaHIIQeUoXctV5nJkW21PTIhgeGO80xS25Ii4kkXa2gzryj6v6OEPSDPnY2YWhYm39TBjbXt1Xw==
 
 "@esbuild/linux-loong64@0.14.54":
   version "0.14.54"
@@ -395,110 +397,110 @@
   resolved "https://registry.yarnpkg.com/@istanbuljs/schema/-/schema-0.1.3.tgz#e45e384e4b8ec16bce2fd903af78450f6bf7ec98"
   integrity sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==
 
-"@jest/console@^28.1.3":
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/@jest/console/-/console-28.1.3.tgz#2030606ec03a18c31803b8a36382762e447655df"
-  integrity sha512-QPAkP5EwKdK/bxIr6C1I4Vs0rm2nHiANzj/Z5X2JQkrZo6IqvC4ldZ9K95tF0HdidhA8Bo6egxSzUFPYKcEXLw==
+"@jest/console@^29.4.3":
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/@jest/console/-/console-29.4.3.tgz#1f25a99f7f860e4c46423b5b1038262466fadde1"
+  integrity sha512-W/o/34+wQuXlgqlPYTansOSiBnuxrTv61dEVkA6HNmpcgHLUjfaUbdqt6oVvOzaawwo9IdW9QOtMgQ1ScSZC4A==
   dependencies:
-    "@jest/types" "^28.1.3"
+    "@jest/types" "^29.4.3"
     "@types/node" "*"
     chalk "^4.0.0"
-    jest-message-util "^28.1.3"
-    jest-util "^28.1.3"
+    jest-message-util "^29.4.3"
+    jest-util "^29.4.3"
     slash "^3.0.0"
 
-"@jest/core@^28.1.3":
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/@jest/core/-/core-28.1.3.tgz#0ebf2bd39840f1233cd5f2d1e6fc8b71bd5a1ac7"
-  integrity sha512-CIKBrlaKOzA7YG19BEqCw3SLIsEwjZkeJzf5bdooVnW4bH5cktqe3JX+G2YV1aK5vP8N9na1IGWFzYaTp6k6NA==
+"@jest/core@^29.4.3":
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/@jest/core/-/core-29.4.3.tgz#829dd65bffdb490de5b0f69e97de8e3b5eadd94b"
+  integrity sha512-56QvBq60fS4SPZCuM7T+7scNrkGIe7Mr6PVIXUpu48ouvRaWOFqRPV91eifvFM0ay2HmfswXiGf97NGUN5KofQ==
   dependencies:
-    "@jest/console" "^28.1.3"
-    "@jest/reporters" "^28.1.3"
-    "@jest/test-result" "^28.1.3"
-    "@jest/transform" "^28.1.3"
-    "@jest/types" "^28.1.3"
+    "@jest/console" "^29.4.3"
+    "@jest/reporters" "^29.4.3"
+    "@jest/test-result" "^29.4.3"
+    "@jest/transform" "^29.4.3"
+    "@jest/types" "^29.4.3"
     "@types/node" "*"
     ansi-escapes "^4.2.1"
     chalk "^4.0.0"
     ci-info "^3.2.0"
     exit "^0.1.2"
     graceful-fs "^4.2.9"
-    jest-changed-files "^28.1.3"
-    jest-config "^28.1.3"
-    jest-haste-map "^28.1.3"
-    jest-message-util "^28.1.3"
-    jest-regex-util "^28.0.2"
-    jest-resolve "^28.1.3"
-    jest-resolve-dependencies "^28.1.3"
-    jest-runner "^28.1.3"
-    jest-runtime "^28.1.3"
-    jest-snapshot "^28.1.3"
-    jest-util "^28.1.3"
-    jest-validate "^28.1.3"
-    jest-watcher "^28.1.3"
+    jest-changed-files "^29.4.3"
+    jest-config "^29.4.3"
+    jest-haste-map "^29.4.3"
+    jest-message-util "^29.4.3"
+    jest-regex-util "^29.4.3"
+    jest-resolve "^29.4.3"
+    jest-resolve-dependencies "^29.4.3"
+    jest-runner "^29.4.3"
+    jest-runtime "^29.4.3"
+    jest-snapshot "^29.4.3"
+    jest-util "^29.4.3"
+    jest-validate "^29.4.3"
+    jest-watcher "^29.4.3"
     micromatch "^4.0.4"
-    pretty-format "^28.1.3"
-    rimraf "^3.0.0"
+    pretty-format "^29.4.3"
     slash "^3.0.0"
     strip-ansi "^6.0.0"
 
-"@jest/environment@^28.1.3":
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-28.1.3.tgz#abed43a6b040a4c24fdcb69eab1f97589b2d663e"
-  integrity sha512-1bf40cMFTEkKyEf585R9Iz1WayDjHoHqvts0XFYEqyKM3cFWDpeMoqKKTAF9LSYQModPUlh8FKptoM2YcMWAXA==
+"@jest/environment@^29.4.3":
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-29.4.3.tgz#9fe2f3169c3b33815dc4bd3960a064a83eba6548"
+  integrity sha512-dq5S6408IxIa+lr54zeqce+QgI+CJT4nmmA+1yzFgtcsGK8c/EyiUb9XQOgz3BMKrRDfKseeOaxj2eO8LlD3lA==
   dependencies:
-    "@jest/fake-timers" "^28.1.3"
-    "@jest/types" "^28.1.3"
+    "@jest/fake-timers" "^29.4.3"
+    "@jest/types" "^29.4.3"
     "@types/node" "*"
-    jest-mock "^28.1.3"
+    jest-mock "^29.4.3"
 
-"@jest/expect-utils@^28.1.3":
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/@jest/expect-utils/-/expect-utils-28.1.3.tgz#58561ce5db7cd253a7edddbc051fb39dda50f525"
-  integrity sha512-wvbi9LUrHJLn3NlDW6wF2hvIMtd4JUl2QNVrjq+IBSHirgfrR3o9RnVtxzdEGO2n9JyIWwHnLfby5KzqBGg2YA==
+"@jest/expect-utils@^29.4.3":
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/@jest/expect-utils/-/expect-utils-29.4.3.tgz#95ce4df62952f071bcd618225ac7c47eaa81431e"
+  integrity sha512-/6JWbkxHOP8EoS8jeeTd9dTfc9Uawi+43oLKHfp6zzux3U2hqOOVnV3ai4RpDYHOccL6g+5nrxpoc8DmJxtXVQ==
   dependencies:
-    jest-get-type "^28.0.2"
+    jest-get-type "^29.4.3"
 
-"@jest/expect@^28.1.3":
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/@jest/expect/-/expect-28.1.3.tgz#9ac57e1d4491baca550f6bdbd232487177ad6a72"
-  integrity sha512-lzc8CpUbSoE4dqT0U+g1qODQjBRHPpCPXissXD4mS9+sWQdmmpeJ9zSH1rS1HEkrsMN0fb7nKrJ9giAR1d3wBw==
+"@jest/expect@^29.4.3":
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/@jest/expect/-/expect-29.4.3.tgz#d31a28492e45a6bcd0f204a81f783fe717045c6e"
+  integrity sha512-iktRU/YsxEtumI9zsPctYUk7ptpC+AVLLk1Ax3AsA4g1C+8OOnKDkIQBDHtD5hA/+VtgMd5AWI5gNlcAlt2vxQ==
   dependencies:
-    expect "^28.1.3"
-    jest-snapshot "^28.1.3"
+    expect "^29.4.3"
+    jest-snapshot "^29.4.3"
 
-"@jest/fake-timers@^28.1.3":
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-28.1.3.tgz#230255b3ad0a3d4978f1d06f70685baea91c640e"
-  integrity sha512-D/wOkL2POHv52h+ok5Oj/1gOG9HSywdoPtFsRCUmlCILXNn5eIWmcnd3DIiWlJnpGvQtmajqBP95Ei0EimxfLw==
+"@jest/fake-timers@^29.4.3":
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-29.4.3.tgz#31e982638c60fa657d310d4b9d24e023064027b0"
+  integrity sha512-4Hote2MGcCTWSD2gwl0dwbCpBRHhE6olYEuTj8FMowdg3oQWNKr2YuxenPQYZ7+PfqPY1k98wKDU4Z+Hvd4Tiw==
   dependencies:
-    "@jest/types" "^28.1.3"
-    "@sinonjs/fake-timers" "^9.1.2"
+    "@jest/types" "^29.4.3"
+    "@sinonjs/fake-timers" "^10.0.2"
     "@types/node" "*"
-    jest-message-util "^28.1.3"
-    jest-mock "^28.1.3"
-    jest-util "^28.1.3"
+    jest-message-util "^29.4.3"
+    jest-mock "^29.4.3"
+    jest-util "^29.4.3"
 
-"@jest/globals@^28.1.3":
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/@jest/globals/-/globals-28.1.3.tgz#a601d78ddc5fdef542728309894895b4a42dc333"
-  integrity sha512-XFU4P4phyryCXu1pbcqMO0GSQcYe1IsalYCDzRNyhetyeyxMcIxa11qPNDpVNLeretItNqEmYYQn1UYz/5x1NA==
+"@jest/globals@^29.4.3":
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/@jest/globals/-/globals-29.4.3.tgz#63a2c4200d11bc6d46f12bbe25b07f771fce9279"
+  integrity sha512-8BQ/5EzfOLG7AaMcDh7yFCbfRLtsc+09E1RQmRBI4D6QQk4m6NSK/MXo+3bJrBN0yU8A2/VIcqhvsOLFmziioA==
   dependencies:
-    "@jest/environment" "^28.1.3"
-    "@jest/expect" "^28.1.3"
-    "@jest/types" "^28.1.3"
+    "@jest/environment" "^29.4.3"
+    "@jest/expect" "^29.4.3"
+    "@jest/types" "^29.4.3"
+    jest-mock "^29.4.3"
 
-"@jest/reporters@^28.1.3":
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-28.1.3.tgz#9adf6d265edafc5fc4a434cfb31e2df5a67a369a"
-  integrity sha512-JuAy7wkxQZVNU/V6g9xKzCGC5LVXx9FDcABKsSXp5MiKPEE2144a/vXTEDoyzjUpZKfVwp08Wqg5A4WfTMAzjg==
+"@jest/reporters@^29.4.3":
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-29.4.3.tgz#0a68a0c0f20554760cc2e5443177a0018969e353"
+  integrity sha512-sr2I7BmOjJhyqj9ANC6CTLsL4emMoka7HkQpcoMRlhCbQJjz2zsRzw0BDPiPyEFDXAbxKgGFYuQZiSJ1Y6YoTg==
   dependencies:
     "@bcoe/v8-coverage" "^0.2.3"
-    "@jest/console" "^28.1.3"
-    "@jest/test-result" "^28.1.3"
-    "@jest/transform" "^28.1.3"
-    "@jest/types" "^28.1.3"
-    "@jridgewell/trace-mapping" "^0.3.13"
+    "@jest/console" "^29.4.3"
+    "@jest/test-result" "^29.4.3"
+    "@jest/transform" "^29.4.3"
+    "@jest/types" "^29.4.3"
+    "@jridgewell/trace-mapping" "^0.3.15"
     "@types/node" "*"
     chalk "^4.0.0"
     collect-v8-coverage "^1.0.0"
@@ -510,78 +512,77 @@
     istanbul-lib-report "^3.0.0"
     istanbul-lib-source-maps "^4.0.0"
     istanbul-reports "^3.1.3"
-    jest-message-util "^28.1.3"
-    jest-util "^28.1.3"
-    jest-worker "^28.1.3"
+    jest-message-util "^29.4.3"
+    jest-util "^29.4.3"
+    jest-worker "^29.4.3"
     slash "^3.0.0"
     string-length "^4.0.1"
     strip-ansi "^6.0.0"
-    terminal-link "^2.0.0"
     v8-to-istanbul "^9.0.1"
 
-"@jest/schemas@^28.1.3":
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/@jest/schemas/-/schemas-28.1.3.tgz#ad8b86a66f11f33619e3d7e1dcddd7f2d40ff905"
-  integrity sha512-/l/VWsdt/aBXgjshLWOFyFt3IVdYypu5y2Wn2rOO1un6nkqIn8SLXzgIMYXFyYsRWDyF5EthmKJMIdJvk08grg==
+"@jest/schemas@^29.4.3":
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/@jest/schemas/-/schemas-29.4.3.tgz#39cf1b8469afc40b6f5a2baaa146e332c4151788"
+  integrity sha512-VLYKXQmtmuEz6IxJsrZwzG9NvtkQsWNnWMsKxqWNu3+CnfzJQhp0WDDKWLVV9hLKr0l3SLLFRqcYHjhtyuDVxg==
   dependencies:
-    "@sinclair/typebox" "^0.24.1"
+    "@sinclair/typebox" "^0.25.16"
 
-"@jest/source-map@^28.1.2":
-  version "28.1.2"
-  resolved "https://registry.yarnpkg.com/@jest/source-map/-/source-map-28.1.2.tgz#7fe832b172b497d6663cdff6c13b0a920e139e24"
-  integrity sha512-cV8Lx3BeStJb8ipPHnqVw/IM2VCMWO3crWZzYodSIkxXnRcXJipCdx1JCK0K5MsJJouZQTH73mzf4vgxRaH9ww==
+"@jest/source-map@^29.4.3":
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/@jest/source-map/-/source-map-29.4.3.tgz#ff8d05cbfff875d4a791ab679b4333df47951d20"
+  integrity sha512-qyt/mb6rLyd9j1jUts4EQncvS6Yy3PM9HghnNv86QBlV+zdL2inCdK1tuVlL+J+lpiw2BI67qXOrX3UurBqQ1w==
   dependencies:
-    "@jridgewell/trace-mapping" "^0.3.13"
+    "@jridgewell/trace-mapping" "^0.3.15"
     callsites "^3.0.0"
     graceful-fs "^4.2.9"
 
-"@jest/test-result@^28.1.3":
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-28.1.3.tgz#5eae945fd9f4b8fcfce74d239e6f725b6bf076c5"
-  integrity sha512-kZAkxnSE+FqE8YjW8gNuoVkkC9I7S1qmenl8sGcDOLropASP+BkcGKwhXoyqQuGOGeYY0y/ixjrd/iERpEXHNg==
+"@jest/test-result@^29.4.3":
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-29.4.3.tgz#e13d973d16c8c7cc0c597082d5f3b9e7f796ccb8"
+  integrity sha512-Oi4u9NfBolMq9MASPwuWTlC5WvmNRwI4S8YrQg5R5Gi47DYlBe3sh7ILTqi/LGrK1XUE4XY9KZcQJTH1WJCLLA==
   dependencies:
-    "@jest/console" "^28.1.3"
-    "@jest/types" "^28.1.3"
+    "@jest/console" "^29.4.3"
+    "@jest/types" "^29.4.3"
     "@types/istanbul-lib-coverage" "^2.0.0"
     collect-v8-coverage "^1.0.0"
 
-"@jest/test-sequencer@^28.1.3":
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-28.1.3.tgz#9d0c283d906ac599c74bde464bc0d7e6a82886c3"
-  integrity sha512-NIMPEqqa59MWnDi1kvXXpYbqsfQmSJsIbnd85mdVGkiDfQ9WQQTXOLsvISUfonmnBT+w85WEgneCigEEdHDFxw==
+"@jest/test-sequencer@^29.4.3":
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-29.4.3.tgz#0862e876a22993385a0f3e7ea1cc126f208a2898"
+  integrity sha512-yi/t2nES4GB4G0mjLc0RInCq/cNr9dNwJxcGg8sslajua5Kb4kmozAc+qPLzplhBgfw1vLItbjyHzUN92UXicw==
   dependencies:
-    "@jest/test-result" "^28.1.3"
+    "@jest/test-result" "^29.4.3"
     graceful-fs "^4.2.9"
-    jest-haste-map "^28.1.3"
+    jest-haste-map "^29.4.3"
     slash "^3.0.0"
 
-"@jest/transform@^28.1.3":
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-28.1.3.tgz#59d8098e50ab07950e0f2fc0fc7ec462371281b0"
-  integrity sha512-u5dT5di+oFI6hfcLOHGTAfmUxFRrjK+vnaP0kkVow9Md/M7V/MxqQMOz/VV25UZO8pzeA9PjfTpOu6BDuwSPQA==
+"@jest/transform@^29.4.3":
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-29.4.3.tgz#f7d17eac9cb5bb2e1222ea199c7c7e0835e0c037"
+  integrity sha512-8u0+fBGWolDshsFgPQJESkDa72da/EVwvL+II0trN2DR66wMwiQ9/CihaGfHdlLGFzbBZwMykFtxuwFdZqlKwg==
   dependencies:
     "@babel/core" "^7.11.6"
-    "@jest/types" "^28.1.3"
-    "@jridgewell/trace-mapping" "^0.3.13"
+    "@jest/types" "^29.4.3"
+    "@jridgewell/trace-mapping" "^0.3.15"
     babel-plugin-istanbul "^6.1.1"
     chalk "^4.0.0"
-    convert-source-map "^1.4.0"
-    fast-json-stable-stringify "^2.0.0"
+    convert-source-map "^2.0.0"
+    fast-json-stable-stringify "^2.1.0"
     graceful-fs "^4.2.9"
-    jest-haste-map "^28.1.3"
-    jest-regex-util "^28.0.2"
-    jest-util "^28.1.3"
+    jest-haste-map "^29.4.3"
+    jest-regex-util "^29.4.3"
+    jest-util "^29.4.3"
     micromatch "^4.0.4"
     pirates "^4.0.4"
     slash "^3.0.0"
-    write-file-atomic "^4.0.1"
+    write-file-atomic "^4.0.2"
 
-"@jest/types@^28.1.3":
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/@jest/types/-/types-28.1.3.tgz#b05de80996ff12512bc5ceb1d208285a7d11748b"
-  integrity sha512-RyjiyMUZrKz/c+zlMFO1pm70DcIlST8AeWTkoUdZevew44wcNZQHsEVOiCVtgVnlFFD82FPaXycys58cf2muVQ==
+"@jest/types@^29.4.3":
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/@jest/types/-/types-29.4.3.tgz#9069145f4ef09adf10cec1b2901b2d390031431f"
+  integrity sha512-bPYfw8V65v17m2Od1cv44FH+SiKW7w2Xu7trhcdTLUmSv85rfKsP+qXSjO4KGJr4dtPSzl/gvslZBXctf1qGEA==
   dependencies:
-    "@jest/schemas" "^28.1.3"
+    "@jest/schemas" "^29.4.3"
     "@types/istanbul-lib-coverage" "^2.0.0"
     "@types/istanbul-reports" "^3.0.0"
     "@types/node" "*"
@@ -605,7 +606,7 @@
     "@jridgewell/sourcemap-codec" "^1.4.10"
     "@jridgewell/trace-mapping" "^0.3.9"
 
-"@jridgewell/resolve-uri@^3.0.3":
+"@jridgewell/resolve-uri@3.1.0", "@jridgewell/resolve-uri@^3.0.3":
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz#2203b118c157721addfe69d47b70465463066d78"
   integrity sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==
@@ -615,12 +616,12 @@
   resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.1.2.tgz#7c6cf998d6d20b914c0a55a91ae928ff25965e72"
   integrity sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==
 
-"@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.13":
+"@jridgewell/sourcemap-codec@1.4.14", "@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.13":
   version "1.4.14"
   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz#add4c98d341472a289190b424efbdb096991bb24"
   integrity sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==
 
-"@jridgewell/trace-mapping@^0.3.12", "@jridgewell/trace-mapping@^0.3.13", "@jridgewell/trace-mapping@^0.3.9":
+"@jridgewell/trace-mapping@^0.3.12", "@jridgewell/trace-mapping@^0.3.9":
   version "0.3.15"
   resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.15.tgz#aba35c48a38d3fd84b37e66c9c0423f9744f9774"
   integrity sha512-oWZNOULl+UbhsgB51uuZzglikfIKSUBO/M9W2OfEjn7cmqoAiCgmv9lyACTUacZwBz0ITnJ2NqjU8Tx0DHL88g==
@@ -628,6 +629,14 @@
     "@jridgewell/resolve-uri" "^3.0.3"
     "@jridgewell/sourcemap-codec" "^1.4.10"
 
+"@jridgewell/trace-mapping@^0.3.15":
+  version "0.3.17"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.17.tgz#793041277af9073b0951a7fe0f0d8c4c98c36985"
+  integrity sha512-MCNzAp77qzKca9+W/+I0+sEpaUnZoeasnghNeVc41VZCEKaCH73Vq3BZZ/SzWIgrqE4H4ceI+p+b6C0mHf9T4g==
+  dependencies:
+    "@jridgewell/resolve-uri" "3.1.0"
+    "@jridgewell/sourcemap-codec" "1.4.14"
+
 "@lerna/add@4.0.0":
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/@lerna/add/-/add-4.0.0.tgz#c36f57d132502a57b9e7058d1548b7a565ef183f"
@@ -1496,10 +1505,10 @@
   resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.11.6.tgz#cee20bd55e68a1720bdab363ecf0c821ded4cd45"
   integrity sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw==
 
-"@rollup/plugin-commonjs@^24.0.0":
-  version "24.0.0"
-  resolved "https://registry.yarnpkg.com/@rollup/plugin-commonjs/-/plugin-commonjs-24.0.0.tgz#fb7cf4a6029f07ec42b25daa535c75b05a43f75c"
-  integrity sha512-0w0wyykzdyRRPHOb0cQt14mIBLujfAv6GgP6g8nvg/iBxEm112t3YPPq+Buqe2+imvElTka+bjNlJ/gB56TD8g==
+"@rollup/plugin-commonjs@^24.0.1":
+  version "24.0.1"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-commonjs/-/plugin-commonjs-24.0.1.tgz#d54ba26a3e3c495dc332bd27a81f7e9e2df46f90"
+  integrity sha512-15LsiWRZk4eOGqvrJyu3z3DaBu5BhXIMeWnijSRvd8irrrg9SHpQ1pH+BUK4H6Z9wL9yOxZJMTLU+Au86XHxow==
   dependencies:
     "@rollup/pluginutils" "^5.0.1"
     commondir "^1.0.1"
@@ -1537,24 +1546,24 @@
     estree-walker "^2.0.2"
     picomatch "^2.3.1"
 
-"@sinclair/typebox@^0.24.1":
-  version "0.24.42"
-  resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.24.42.tgz#a74b608d494a1f4cc079738e050142a678813f52"
-  integrity sha512-d+2AtrHGyWek2u2ITF0lHRIv6Tt7X0dEHW+0rP+5aDCEjC3fiN2RBjrLD0yU0at52BcZbRGxLbAtXiR0hFCjYw==
+"@sinclair/typebox@^0.25.16":
+  version "0.25.22"
+  resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.25.22.tgz#2808d895e9c2722b20a622a9c8cb332f6720eb4a"
+  integrity sha512-6U6r2L7rnM7EG8G1tWzIjdB3QlsHF4slgcqXNN/SF0xJOAr0nDmT2GedlkyO3mrv8mDTJ24UuOMWR3diBrCvQQ==
 
-"@sinonjs/commons@^1.7.0":
-  version "1.8.3"
-  resolved "https://registry.yarnpkg.com/@sinonjs/commons/-/commons-1.8.3.tgz#3802ddd21a50a949b6721ddd72da36e67e7f1b2d"
-  integrity sha512-xkNcLAn/wZaX14RPlwizcKicDk9G3F8m2nU3L7Ukm5zBgTwiT0wsoFAHx9Jq56fJA1z/7uKGtCRu16sOUCLIHQ==
+"@sinonjs/commons@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@sinonjs/commons/-/commons-2.0.0.tgz#fd4ca5b063554307e8327b4564bd56d3b73924a3"
+  integrity sha512-uLa0j859mMrg2slwQYdO/AkrOfmH+X6LTVmNTS9CqexuE2IvVORIkSpJLqePAbEnKJ77aMmCwr1NUZ57120Xcg==
   dependencies:
     type-detect "4.0.8"
 
-"@sinonjs/fake-timers@^9.1.2":
-  version "9.1.2"
-  resolved "https://registry.yarnpkg.com/@sinonjs/fake-timers/-/fake-timers-9.1.2.tgz#4eaab737fab77332ab132d396a3c0d364bd0ea8c"
-  integrity sha512-BPS4ynJW/o92PUR4wgriz2Ud5gpST5vz6GQfMixEDK0Z8ZCUv2M7SkBLykH56T++Xs+8ln9zTGbOvNGIe02/jw==
+"@sinonjs/fake-timers@^10.0.2":
+  version "10.0.2"
+  resolved "https://registry.yarnpkg.com/@sinonjs/fake-timers/-/fake-timers-10.0.2.tgz#d10549ed1f423d80639c528b6c7f5a1017747d0c"
+  integrity sha512-SwUDyjWnah1AaNl7kxsa7cfLhlTYoiyhDAIgyh+El30YvXs/o7OLXpYH88Zdhyx9JExKrmHDJ+10bwIcY80Jmw==
   dependencies:
-    "@sinonjs/commons" "^1.7.0"
+    "@sinonjs/commons" "^2.0.0"
 
 "@tootallnate/once@1":
   version "1.1.2"
@@ -1657,22 +1666,22 @@
   dependencies:
     "@types/istanbul-lib-report" "*"
 
-"@types/jest@^28.1.8":
-  version "28.1.8"
-  resolved "https://registry.yarnpkg.com/@types/jest/-/jest-28.1.8.tgz#6936409f3c9724ea431efd412ea0238a0f03b09b"
-  integrity sha512-8TJkV++s7B6XqnDrzR1m/TT0A0h948Pnl/097veySPN67VRAgQ4gZ7n2KfJo2rVq6njQjdxU3GCCyDvAeuHoiw==
+"@types/jest@^29.4.0":
+  version "29.4.0"
+  resolved "https://registry.yarnpkg.com/@types/jest/-/jest-29.4.0.tgz#a8444ad1704493e84dbf07bb05990b275b3b9206"
+  integrity sha512-VaywcGQ9tPorCX/Jkkni7RWGFfI11whqzs8dvxF41P17Z+z872thvEvlIbznjPJ02kl1HMX3LmLOonsj2n7HeQ==
   dependencies:
-    expect "^28.0.0"
-    pretty-format "^28.0.0"
+    expect "^29.0.0"
+    pretty-format "^29.0.0"
 
-"@types/jsdom@^16.2.4":
-  version "16.2.15"
-  resolved "https://registry.yarnpkg.com/@types/jsdom/-/jsdom-16.2.15.tgz#6c09990ec43b054e49636cba4d11d54367fc90d6"
-  integrity sha512-nwF87yjBKuX/roqGYerZZM0Nv1pZDMAT5YhOHYeM/72Fic+VEqJh4nyoqoapzJnW3pUlfxPY5FhgsJtM+dRnQQ==
+"@types/jsdom@^20.0.0":
+  version "20.0.1"
+  resolved "https://registry.yarnpkg.com/@types/jsdom/-/jsdom-20.0.1.tgz#07c14bc19bd2f918c1929541cdaacae894744808"
+  integrity sha512-d0r18sZPmMQr1eG35u12FZfhIXNrnsPU/g5wvRKCUf/tOGilKKwYMYGqh33BNR6ba+2gkHw1EUiHoN3mn7E5IQ==
   dependencies:
     "@types/node" "*"
-    "@types/parse5" "^6.0.3"
     "@types/tough-cookie" "*"
+    parse5 "^7.0.0"
 
 "@types/json-schema@^7.0.9":
   version "7.0.11"
@@ -1737,11 +1746,6 @@
   resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.0.tgz#2f8bb441434d163b35fb8ffdccd7138927ffb8c0"
   integrity sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==
 
-"@types/parse5@^6.0.3":
-  version "6.0.3"
-  resolved "https://registry.yarnpkg.com/@types/parse5/-/parse5-6.0.3.tgz#705bb349e789efa06f43f128cef51240753424cb"
-  integrity sha512-SuT16Q1K51EAVPz1K29DJ/sXjhSQ0zjvsypYJ6tlwVsRV9jwW5Adq2ch8Dq8kDBCkYnELS7N7VNCSB5nC56t/g==
-
 "@types/prettier@^2.1.5":
   version "2.7.0"
   resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-2.7.0.tgz#ea03e9f0376a4446f44797ca19d9c46c36e352dc"
@@ -1809,15 +1813,16 @@
     semver "^7.3.7"
     tsutils "^3.21.0"
 
-"@typescript-eslint/eslint-plugin@^5.28.2":
-  version "5.48.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.48.2.tgz#112e6ae1e23a1dc8333ce82bb9c65c2608b4d8a3"
-  integrity sha512-sR0Gja9Ky1teIq4qJOl0nC+Tk64/uYdX+mi+5iB//MH8gwyx8e3SOyhEzeLZEFEEfCaLf8KJq+Bd/6je1t+CAg==
+"@typescript-eslint/eslint-plugin@^5.52.0":
+  version "5.52.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.52.0.tgz#5fb0d43574c2411f16ea80f5fc335b8eaa7b28a8"
+  integrity sha512-lHazYdvYVsBokwCdKOppvYJKaJ4S41CgKBcPvyd0xjZNbvQdhn/pnJlGtQksQ/NhInzdaeaSarlBjDXHuclEbg==
   dependencies:
-    "@typescript-eslint/scope-manager" "5.48.2"
-    "@typescript-eslint/type-utils" "5.48.2"
-    "@typescript-eslint/utils" "5.48.2"
+    "@typescript-eslint/scope-manager" "5.52.0"
+    "@typescript-eslint/type-utils" "5.52.0"
+    "@typescript-eslint/utils" "5.52.0"
     debug "^4.3.4"
+    grapheme-splitter "^1.0.4"
     ignore "^5.2.0"
     natural-compare-lite "^1.4.0"
     regexpp "^3.2.0"
@@ -1834,14 +1839,14 @@
     "@typescript-eslint/typescript-estree" "5.37.0"
     debug "^4.3.4"
 
-"@typescript-eslint/parser@^5.28.2":
-  version "5.48.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.48.2.tgz#c9edef2a0922d26a37dba03be20c5fff378313b3"
-  integrity sha512-38zMsKsG2sIuM5Oi/olurGwYJXzmtdsHhn5mI/pQogP+BjYVkK5iRazCQ8RGS0V+YLk282uWElN70zAAUmaYHw==
+"@typescript-eslint/parser@^5.52.0":
+  version "5.52.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.52.0.tgz#73c136df6c0133f1d7870de7131ccf356f5be5a4"
+  integrity sha512-e2KiLQOZRo4Y0D/b+3y08i3jsekoSkOYStROYmPUnGMEoA0h+k2qOH5H6tcjIc68WDvGwH+PaOrP1XRzLJ6QlA==
   dependencies:
-    "@typescript-eslint/scope-manager" "5.48.2"
-    "@typescript-eslint/types" "5.48.2"
-    "@typescript-eslint/typescript-estree" "5.48.2"
+    "@typescript-eslint/scope-manager" "5.52.0"
+    "@typescript-eslint/types" "5.52.0"
+    "@typescript-eslint/typescript-estree" "5.52.0"
     debug "^4.3.4"
 
 "@typescript-eslint/scope-manager@5.37.0":
@@ -1852,13 +1857,13 @@
     "@typescript-eslint/types" "5.37.0"
     "@typescript-eslint/visitor-keys" "5.37.0"
 
-"@typescript-eslint/scope-manager@5.48.2":
-  version "5.48.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.48.2.tgz#bb7676cb78f1e94921eaab637a4b5d596f838abc"
-  integrity sha512-zEUFfonQid5KRDKoI3O+uP1GnrFd4tIHlvs+sTJXiWuypUWMuDaottkJuR612wQfOkjYbsaskSIURV9xo4f+Fw==
+"@typescript-eslint/scope-manager@5.52.0":
+  version "5.52.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.52.0.tgz#a993d89a0556ea16811db48eabd7c5b72dcb83d1"
+  integrity sha512-AR7sxxfBKiNV0FWBSARxM8DmNxrwgnYMPwmpkC1Pl1n+eT8/I2NAUPuwDy/FmDcC6F8pBfmOcaxcxRHspgOBMw==
   dependencies:
-    "@typescript-eslint/types" "5.48.2"
-    "@typescript-eslint/visitor-keys" "5.48.2"
+    "@typescript-eslint/types" "5.52.0"
+    "@typescript-eslint/visitor-keys" "5.52.0"
 
 "@typescript-eslint/type-utils@5.37.0":
   version "5.37.0"
@@ -1870,13 +1875,13 @@
     debug "^4.3.4"
     tsutils "^3.21.0"
 
-"@typescript-eslint/type-utils@5.48.2":
-  version "5.48.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.48.2.tgz#7d3aeca9fa37a7ab7e3d9056a99b42f342c48ad7"
-  integrity sha512-QVWx7J5sPMRiOMJp5dYshPxABRoZV1xbRirqSk8yuIIsu0nvMTZesKErEA3Oix1k+uvsk8Cs8TGJ6kQ0ndAcew==
+"@typescript-eslint/type-utils@5.52.0":
+  version "5.52.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.52.0.tgz#9fd28cd02e6f21f5109e35496df41893f33167aa"
+  integrity sha512-tEKuUHfDOv852QGlpPtB3lHOoig5pyFQN/cUiZtpw99D93nEBjexRLre5sQZlkMoHry/lZr8qDAt2oAHLKA6Jw==
   dependencies:
-    "@typescript-eslint/typescript-estree" "5.48.2"
-    "@typescript-eslint/utils" "5.48.2"
+    "@typescript-eslint/typescript-estree" "5.52.0"
+    "@typescript-eslint/utils" "5.52.0"
     debug "^4.3.4"
     tsutils "^3.21.0"
 
@@ -1885,10 +1890,10 @@
   resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.37.0.tgz#09e4870a5f3af7af3f84e08d792644a87d232261"
   integrity sha512-3frIJiTa5+tCb2iqR/bf7XwU20lnU05r/sgPJnRpwvfZaqCJBrl8Q/mw9vr3NrNdB/XtVyMA0eppRMMBqdJ1bA==
 
-"@typescript-eslint/types@5.48.2":
-  version "5.48.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.48.2.tgz#635706abb1ec164137f92148f06f794438c97b8e"
-  integrity sha512-hE7dA77xxu7ByBc6KCzikgfRyBCTst6dZQpwaTy25iMYOnbNljDT4hjhrGEJJ0QoMjrfqrx+j1l1B9/LtKeuqA==
+"@typescript-eslint/types@5.52.0":
+  version "5.52.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.52.0.tgz#19e9abc6afb5bd37a1a9bea877a1a836c0b3241b"
+  integrity sha512-oV7XU4CHYfBhk78fS7tkum+/Dpgsfi91IIDy7fjCyq2k6KB63M6gMC0YIvy+iABzmXThCRI6xpCEyVObBdWSDQ==
 
 "@typescript-eslint/typescript-estree@5.37.0":
   version "5.37.0"
@@ -1903,13 +1908,13 @@
     semver "^7.3.7"
     tsutils "^3.21.0"
 
-"@typescript-eslint/typescript-estree@5.48.2":
-  version "5.48.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.48.2.tgz#6e206b462942b32383582a6c9251c05021cc21b0"
-  integrity sha512-bibvD3z6ilnoVxUBFEgkO0k0aFvUc4Cttt0dAreEr+nrAHhWzkO83PEVVuieK3DqcgL6VAK5dkzK8XUVja5Zcg==
+"@typescript-eslint/typescript-estree@5.52.0":
+  version "5.52.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.52.0.tgz#6408cb3c2ccc01c03c278cb201cf07e73347dfca"
+  integrity sha512-WeWnjanyEwt6+fVrSR0MYgEpUAuROxuAH516WPjUblIrClzYJj0kBbjdnbQXLpgAN8qbEuGywiQsXUVDiAoEuQ==
   dependencies:
-    "@typescript-eslint/types" "5.48.2"
-    "@typescript-eslint/visitor-keys" "5.48.2"
+    "@typescript-eslint/types" "5.52.0"
+    "@typescript-eslint/visitor-keys" "5.52.0"
     debug "^4.3.4"
     globby "^11.1.0"
     is-glob "^4.0.3"
@@ -1928,16 +1933,16 @@
     eslint-scope "^5.1.1"
     eslint-utils "^3.0.0"
 
-"@typescript-eslint/utils@5.48.2":
-  version "5.48.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.48.2.tgz#3777a91dcb22b8499a25519e06eef2e9569295a3"
-  integrity sha512-2h18c0d7jgkw6tdKTlNaM7wyopbLRBiit8oAxoP89YnuBOzCZ8g8aBCaCqq7h208qUTroL7Whgzam7UY3HVLow==
+"@typescript-eslint/utils@5.52.0":
+  version "5.52.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.52.0.tgz#b260bb5a8f6b00a0ed51db66bdba4ed5e4845a72"
+  integrity sha512-As3lChhrbwWQLNk2HC8Ree96hldKIqk98EYvypd3It8Q1f8d5zWyIoaZEp2va5667M4ZyE7X8UUR+azXrFl+NA==
   dependencies:
     "@types/json-schema" "^7.0.9"
     "@types/semver" "^7.3.12"
-    "@typescript-eslint/scope-manager" "5.48.2"
-    "@typescript-eslint/types" "5.48.2"
-    "@typescript-eslint/typescript-estree" "5.48.2"
+    "@typescript-eslint/scope-manager" "5.52.0"
+    "@typescript-eslint/types" "5.52.0"
+    "@typescript-eslint/typescript-estree" "5.52.0"
     eslint-scope "^5.1.1"
     eslint-utils "^3.0.0"
     semver "^7.3.7"
@@ -1950,12 +1955,12 @@
     "@typescript-eslint/types" "5.37.0"
     eslint-visitor-keys "^3.3.0"
 
-"@typescript-eslint/visitor-keys@5.48.2":
-  version "5.48.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.48.2.tgz#c247582a0bcce467461d7b696513bf9455000060"
-  integrity sha512-z9njZLSkwmjFWUelGEwEbdf4NwKvfHxvGC0OcGN1Hp/XNDIcJ7D5DpPNPv6x6/mFvc1tQHsaWmpD/a4gOvvCJQ==
+"@typescript-eslint/visitor-keys@5.52.0":
+  version "5.52.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.52.0.tgz#e38c971259f44f80cfe49d97dbffa38e3e75030f"
+  integrity sha512-qMwpw6SU5VHCPr99y274xhbm+PRViK/NATY6qzt+Et7+mThGuFSl/ompj2/hrBlRP/kq+BFdgagnOSgw9TB0eA==
   dependencies:
-    "@typescript-eslint/types" "5.48.2"
+    "@typescript-eslint/types" "5.52.0"
     eslint-visitor-keys "^3.3.0"
 
 "@vitejs/plugin-vue@^2.3.1":
@@ -1973,13 +1978,13 @@
     estree-walker "^2.0.2"
     source-map "^0.6.1"
 
-"@vue/compiler-core@3.2.45":
-  version "3.2.45"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.2.45.tgz#d9311207d96f6ebd5f4660be129fb99f01ddb41b"
-  integrity sha512-rcMj7H+PYe5wBV3iYeUgbCglC+pbpN8hBLTJvRiK2eKQiWqu+fG9F+8sW99JdL4LQi7Re178UOxn09puSXvn4A==
+"@vue/compiler-core@3.2.47":
+  version "3.2.47"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.2.47.tgz#3e07c684d74897ac9aa5922c520741f3029267f8"
+  integrity sha512-p4D7FDnQb7+YJmO2iPEv0SQNeNzcbHdGByJDsT4lynf63AFkOTFN07HsiRSvjGo0QrxR/o3d0hUyNCUnBU2Tig==
   dependencies:
     "@babel/parser" "^7.16.4"
-    "@vue/shared" "3.2.45"
+    "@vue/shared" "3.2.47"
     estree-walker "^2.0.2"
     source-map "^0.6.1"
 
@@ -1991,13 +1996,13 @@
     "@vue/compiler-core" "3.2.39"
     "@vue/shared" "3.2.39"
 
-"@vue/compiler-dom@3.2.45":
-  version "3.2.45"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.2.45.tgz#c43cc15e50da62ecc16a42f2622d25dc5fd97dce"
-  integrity sha512-tyYeUEuKqqZO137WrZkpwfPCdiiIeXYCcJ8L4gWz9vqaxzIQRccTSwSWZ/Axx5YR2z+LvpUbmPNXxuBU45lyRw==
+"@vue/compiler-dom@3.2.47", "@vue/compiler-dom@^3.0.1":
+  version "3.2.47"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.2.47.tgz#a0b06caf7ef7056939e563dcaa9cbde30794f305"
+  integrity sha512-dBBnEHEPoftUiS03a4ggEig74J2YBZ2UIeyfpcRM2tavgMWo4bsEfgCGsu+uJIL/vax9S+JztH8NmQerUo7shQ==
   dependencies:
-    "@vue/compiler-core" "3.2.45"
-    "@vue/shared" "3.2.45"
+    "@vue/compiler-core" "3.2.47"
+    "@vue/shared" "3.2.47"
 
 "@vue/compiler-sfc@3.2.39", "@vue/compiler-sfc@^3.2.0", "@vue/compiler-sfc@^3.2.31":
   version "3.2.39"
@@ -2015,17 +2020,17 @@
     postcss "^8.1.10"
     source-map "^0.6.1"
 
-"@vue/compiler-sfc@3.2.45", "@vue/compiler-sfc@^3.2.45":
-  version "3.2.45"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.2.45.tgz#7f7989cc04ec9e7c55acd406827a2c4e96872c70"
-  integrity sha512-1jXDuWah1ggsnSAOGsec8cFjT/K6TMZ0sPL3o3d84Ft2AYZi2jWJgRMjw4iaK0rBfA89L5gw427H4n1RZQBu6Q==
+"@vue/compiler-sfc@3.2.47", "@vue/compiler-sfc@^3.2.47":
+  version "3.2.47"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.2.47.tgz#1bdc36f6cdc1643f72e2c397eb1a398f5004ad3d"
+  integrity sha512-rog05W+2IFfxjMcFw10tM9+f7i/+FFpZJJ5XHX72NP9eC2uRD+42M3pYcQqDXVYoj74kHMSEdQ/WmCjt8JFksQ==
   dependencies:
     "@babel/parser" "^7.16.4"
-    "@vue/compiler-core" "3.2.45"
-    "@vue/compiler-dom" "3.2.45"
-    "@vue/compiler-ssr" "3.2.45"
-    "@vue/reactivity-transform" "3.2.45"
-    "@vue/shared" "3.2.45"
+    "@vue/compiler-core" "3.2.47"
+    "@vue/compiler-dom" "3.2.47"
+    "@vue/compiler-ssr" "3.2.47"
+    "@vue/reactivity-transform" "3.2.47"
+    "@vue/shared" "3.2.47"
     estree-walker "^2.0.2"
     magic-string "^0.25.7"
     postcss "^8.1.10"
@@ -2039,13 +2044,13 @@
     "@vue/compiler-dom" "3.2.39"
     "@vue/shared" "3.2.39"
 
-"@vue/compiler-ssr@3.2.45":
-  version "3.2.45"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.2.45.tgz#bd20604b6e64ea15344d5b6278c4141191c983b2"
-  integrity sha512-6BRaggEGqhWht3lt24CrIbQSRD5O07MTmd+LjAn5fJj568+R9eUD2F7wMQJjX859seSlrYog7sUtrZSd7feqrQ==
+"@vue/compiler-ssr@3.2.47":
+  version "3.2.47"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.2.47.tgz#35872c01a273aac4d6070ab9d8da918ab13057ee"
+  integrity sha512-wVXC+gszhulcMD8wpxMsqSOpvDZ6xKXSVWkf50Guf/S+28hTAXPDYRTbLQ3EDkOP5Xz/+SY37YiwDquKbJOgZw==
   dependencies:
-    "@vue/compiler-dom" "3.2.45"
-    "@vue/shared" "3.2.45"
+    "@vue/compiler-dom" "3.2.47"
+    "@vue/shared" "3.2.47"
 
 "@vue/devtools-api@^6.1.4":
   version "6.2.1"
@@ -2080,14 +2085,14 @@
     estree-walker "^2.0.2"
     magic-string "^0.25.7"
 
-"@vue/reactivity-transform@3.2.45":
-  version "3.2.45"
-  resolved "https://registry.yarnpkg.com/@vue/reactivity-transform/-/reactivity-transform-3.2.45.tgz#07ac83b8138550c83dfb50db43cde1e0e5e8124d"
-  integrity sha512-BHVmzYAvM7vcU5WmuYqXpwaBHjsS8T63jlKGWVtHxAHIoMIlmaMyurUSEs1Zcg46M4AYT5MtB1U274/2aNzjJQ==
+"@vue/reactivity-transform@3.2.47":
+  version "3.2.47"
+  resolved "https://registry.yarnpkg.com/@vue/reactivity-transform/-/reactivity-transform-3.2.47.tgz#e45df4d06370f8abf29081a16afd25cffba6d84e"
+  integrity sha512-m8lGXw8rdnPVVIdIFhf0LeQ/ixyHkH5plYuS83yop5n7ggVJU+z5v0zecwEnX7fa7HNLBhh2qngJJkxpwEEmYA==
   dependencies:
     "@babel/parser" "^7.16.4"
-    "@vue/compiler-core" "3.2.45"
-    "@vue/shared" "3.2.45"
+    "@vue/compiler-core" "3.2.47"
+    "@vue/shared" "3.2.47"
     estree-walker "^2.0.2"
     magic-string "^0.25.7"
 
@@ -2098,12 +2103,12 @@
   dependencies:
     "@vue/shared" "3.2.39"
 
-"@vue/reactivity@3.2.45":
-  version "3.2.45"
-  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.2.45.tgz#412a45b574de601be5a4a5d9a8cbd4dee4662ff0"
-  integrity sha512-PRvhCcQcyEVohW0P8iQ7HDcIOXRjZfAsOds3N99X/Dzewy8TVhTCT4uXpAHfoKjVTJRA0O0K+6QNkDIZAxNi3A==
+"@vue/reactivity@3.2.47":
+  version "3.2.47"
+  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.2.47.tgz#1d6399074eadfc3ed35c727e2fd707d6881140b6"
+  integrity sha512-7khqQ/75oyyg+N/e+iwV6lpy1f5wq759NdlS1fpAhFXa8VeAIKGgk2E/C4VF59lx5b+Ezs5fpp/5WsRYXQiKxQ==
   dependencies:
-    "@vue/shared" "3.2.45"
+    "@vue/shared" "3.2.47"
 
 "@vue/runtime-core@3.2.39":
   version "3.2.39"
@@ -2113,13 +2118,13 @@
     "@vue/reactivity" "3.2.39"
     "@vue/shared" "3.2.39"
 
-"@vue/runtime-core@3.2.45":
-  version "3.2.45"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.2.45.tgz#7ad7ef9b2519d41062a30c6fa001ec43ac549c7f"
-  integrity sha512-gzJiTA3f74cgARptqzYswmoQx0fIA+gGYBfokYVhF8YSXjWTUA2SngRzZRku2HbGbjzB6LBYSbKGIaK8IW+s0A==
+"@vue/runtime-core@3.2.47":
+  version "3.2.47"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.2.47.tgz#406ebade3d5551c00fc6409bbc1eeb10f32e121d"
+  integrity sha512-RZxbLQIRB/K0ev0K9FXhNbBzT32H9iRtYbaXb0ZIz2usLms/D55dJR2t6cIEUn6vyhS3ALNvNthI+Q95C+NOpA==
   dependencies:
-    "@vue/reactivity" "3.2.45"
-    "@vue/shared" "3.2.45"
+    "@vue/reactivity" "3.2.47"
+    "@vue/shared" "3.2.47"
 
 "@vue/runtime-dom@3.2.39":
   version "3.2.39"
@@ -2130,13 +2135,13 @@
     "@vue/shared" "3.2.39"
     csstype "^2.6.8"
 
-"@vue/runtime-dom@3.2.45":
-  version "3.2.45"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.2.45.tgz#1a2ef6ee2ad876206fbbe2a884554bba2d0faf59"
-  integrity sha512-cy88YpfP5Ue2bDBbj75Cb4bIEZUMM/mAkDMfqDTpUYVgTf/kuQ2VQ8LebuZ8k6EudgH8pYhsGWHlY0lcxlvTwA==
+"@vue/runtime-dom@3.2.47":
+  version "3.2.47"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.2.47.tgz#93e760eeaeab84dedfb7c3eaf3ed58d776299382"
+  integrity sha512-ArXrFTjS6TsDei4qwNvgrdmHtD930KgSKGhS5M+j8QxXrDJYLqYw4RRcDy1bz1m1wMmb6j+zGLifdVHtkXA7gA==
   dependencies:
-    "@vue/runtime-core" "3.2.45"
-    "@vue/shared" "3.2.45"
+    "@vue/runtime-core" "3.2.47"
+    "@vue/shared" "3.2.47"
     csstype "^2.6.8"
 
 "@vue/server-renderer@3.2.39", "@vue/server-renderer@^3.2.31":
@@ -2147,33 +2152,37 @@
     "@vue/compiler-ssr" "3.2.39"
     "@vue/shared" "3.2.39"
 
-"@vue/server-renderer@3.2.45":
-  version "3.2.45"
-  resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.2.45.tgz#ca9306a0c12b0530a1a250e44f4a0abac6b81f3f"
-  integrity sha512-ebiMq7q24WBU1D6uhPK//2OTR1iRIyxjF5iVq/1a5I1SDMDyDu4Ts6fJaMnjrvD3MqnaiFkKQj+LKAgz5WIK3g==
+"@vue/server-renderer@3.2.47":
+  version "3.2.47"
+  resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.2.47.tgz#8aa1d1871fc4eb5a7851aa7f741f8f700e6de3c0"
+  integrity sha512-dN9gc1i8EvmP9RCzvneONXsKfBRgqFeFZLurmHOveL7oH6HiFXJw5OGu294n1nHc/HMgTy6LulU/tv5/A7f/LA==
   dependencies:
-    "@vue/compiler-ssr" "3.2.45"
-    "@vue/shared" "3.2.45"
+    "@vue/compiler-ssr" "3.2.47"
+    "@vue/shared" "3.2.47"
 
 "@vue/shared@3.2.39", "@vue/shared@^3.2.31":
   version "3.2.39"
   resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.39.tgz#302df167559a1a5156da162d8cc6760cef67f8e3"
   integrity sha512-D3dl2ZB9qE6mTuWPk9RlhDeP1dgNRUKC3NJxji74A4yL8M2MwlhLKUC/49WHjrNzSPug58fWx/yFbaTzGAQSBw==
 
-"@vue/shared@3.2.45":
-  version "3.2.45"
-  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.45.tgz#a3fffa7489eafff38d984e23d0236e230c818bc2"
-  integrity sha512-Ewzq5Yhimg7pSztDV+RH1UDKBzmtqieXQlpTVm2AwraoRL/Rks96mvd8Vgi7Lj+h+TH8dv7mXD3FRZR3TUvbSg==
+"@vue/shared@3.2.47":
+  version "3.2.47"
+  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.47.tgz#e597ef75086c6e896ff5478a6bfc0a7aa4bbd14c"
+  integrity sha512-BHGyyGN3Q97EZx0taMQ+OLNuZcW3d37ZEVmEAyeoA9ERdGvm9Irc/0Fua8SNyOtV1w6BS4q25wbMzJujO9HIfQ==
 
-"@vue/test-utils@^2.2.7":
-  version "2.2.7"
-  resolved "https://registry.yarnpkg.com/@vue/test-utils/-/test-utils-2.2.7.tgz#0d93d635031a4cca2de70b825aef3fe20a41e702"
-  integrity sha512-BMuoruUFTEqhLoOgsMcgNVMiByYbfHCKGr2C4CPdGtz/affUtDVX5zr1RnPuq0tYSiaqq+Enw5voUpG6JY8Q7g==
+"@vue/test-utils@^2.2.10":
+  version "2.2.10"
+  resolved "https://registry.yarnpkg.com/@vue/test-utils/-/test-utils-2.2.10.tgz#d2a5e00c973c68818352aa01513dc6288d96d716"
+  integrity sha512-UPY+VdWST5vYZ/Qhl+sLuJAv596e6kTbrOPgdGY82qd9kGN/MfjzLT5KXlmpChkiCbPP3abZ8XT25u1n5h+mRg==
+  dependencies:
+    js-beautify "1.14.6"
+  optionalDependencies:
+    "@vue/compiler-dom" "^3.0.1"
 
-"@vue/vue3-jest@28.0.1":
-  version "28.0.1"
-  resolved "https://registry.yarnpkg.com/@vue/vue3-jest/-/vue3-jest-28.0.1.tgz#ff04e6de6cac8fcc3797ab9bdd5d7884a17fbab7"
-  integrity sha512-fdzbp4HvU8dbo3Pup5sgll4R6hmBf5dHOjpLOFPiwwGnuA57g+Fe2u56nmBVYNd+XA4RInQobdBCl5GbnmhGhw==
+"@vue/vue3-jest@29.2.2":
+  version "29.2.2"
+  resolved "https://registry.yarnpkg.com/@vue/vue3-jest/-/vue3-jest-29.2.2.tgz#fbae1865a280c5b2fa8a87d875e66ffd55026e55"
+  integrity sha512-cwREf/2RSOIzXVoKtLsF/VaGvq2iGHtUls+FxbU/4SUnBg9fgfbBancisifQPLoOvjdaYs9T20ho5b2EsNi2Lw==
   dependencies:
     "@babel/plugin-transform-modules-commonjs" "^7.2.0"
     chalk "^2.1.0"
@@ -2446,40 +2455,45 @@ JSONStream@^1.0.4:
     jsonparse "^1.2.0"
     through ">=2.2.7 <3"
 
-abab@^2.0.5, abab@^2.0.6:
+abab@^2.0.6:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.6.tgz#41b80f2c871d19686216b82309231cfd3cb3d291"
   integrity sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==
 
-abbrev@1:
+abbrev@1, abbrev@^1.0.0:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-1.1.1.tgz#f8f2c887ad10bf67f634f005b6987fed3179aac8"
   integrity sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==
 
-acorn-globals@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-6.0.0.tgz#46cdd39f0f8ff08a876619b55f5ac8a6dc770b45"
-  integrity sha512-ZQl7LOWaF5ePqqcX4hLuv/bLXYQNfNWw2c0/yX/TsPRKamzHcTGQnlCjHT3TsmkOUVEPS3crCxiPfdzE/Trlhg==
+acorn-globals@^7.0.0:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-7.0.1.tgz#0dbf05c44fa7c94332914c02066d5beff62c40c3"
+  integrity sha512-umOSDSDrfHbTNPuNpC2NSnnA3LUrqpevPb4T9jRx4MagXNS0rs+gwiTcAvqCRmsD6utzsrzNt+ebm00SNWiC3Q==
   dependencies:
-    acorn "^7.1.1"
-    acorn-walk "^7.1.1"
+    acorn "^8.1.0"
+    acorn-walk "^8.0.2"
 
 acorn-jsx@^5.3.2:
   version "5.3.2"
   resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
   integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
 
-acorn-walk@^7.1.1:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-7.2.0.tgz#0de889a601203909b0fbe07b8938dc21d2e967bc"
-  integrity sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==
+acorn-walk@^8.0.2:
+  version "8.2.0"
+  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-8.2.0.tgz#741210f2e2426454508853a2f44d0ab83b7f69c1"
+  integrity sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==
 
 acorn@^7.1.1:
   version "7.4.1"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
   integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
 
-acorn@^8.5.0, acorn@^8.8.0:
+acorn@^8.1.0, acorn@^8.8.1:
+  version "8.8.2"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.8.2.tgz#1b2f25db02af965399b9776b0c2c391276d37c4a"
+  integrity sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==
+
+acorn@^8.8.0:
   version "8.8.0"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.8.0.tgz#88c0187620435c7f6015803f5539dae05a9dbea8"
   integrity sha512-QOxyigPVrpZ2GXT+PFyZTl6TtOFc5egxHIP9IlQ+RbupQuX4RkT/Bee4/kQuC02Xkzg84JcT7oLYtDIQxp+v7w==
@@ -2701,15 +2715,15 @@ aws4@^1.8.0:
   resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.11.0.tgz#d61f46d83b2519250e2784daf5b09479a8b41c59"
   integrity sha512-xh1Rl34h6Fi1DC2WWKfxUTVqRsNnr6LsKz2+hfwDxQJWmrx8+c7ylaqBMcHfl1U1r2dsifOvKX3LQuLNZ+XSvA==
 
-babel-jest@^28.1.3:
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-28.1.3.tgz#c1187258197c099072156a0a121c11ee1e3917d5"
-  integrity sha512-epUaPOEWMk3cWX0M/sPvCHHCe9fMFAa/9hXEgKP8nFfNl/jlGkE9ucq9NqkZGXLDduCJYS0UvSlPUwC0S+rH6Q==
+babel-jest@^29.4.3:
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-29.4.3.tgz#478b84d430972b277ad67dd631be94abea676792"
+  integrity sha512-o45Wyn32svZE+LnMVWv/Z4x0SwtLbh4FyGcYtR20kIWd+rdrDZ9Fzq8Ml3MYLD+mZvEdzCjZsCnYZ2jpJyQ+Nw==
   dependencies:
-    "@jest/transform" "^28.1.3"
+    "@jest/transform" "^29.4.3"
     "@types/babel__core" "^7.1.14"
     babel-plugin-istanbul "^6.1.1"
-    babel-preset-jest "^28.1.3"
+    babel-preset-jest "^29.4.3"
     chalk "^4.0.0"
     graceful-fs "^4.2.9"
     slash "^3.0.0"
@@ -2732,10 +2746,10 @@ babel-plugin-istanbul@^6.1.1:
     istanbul-lib-instrument "^5.0.4"
     test-exclude "^6.0.0"
 
-babel-plugin-jest-hoist@^28.1.3:
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-28.1.3.tgz#1952c4d0ea50f2d6d794353762278d1d8cca3fbe"
-  integrity sha512-Ys3tUKAmfnkRUpPdpa98eYrAR0nV+sSFUZZEGuQ2EbFd1y4SOLtD5QDNHAq+bb9a+bbXvYQC4b+ID/THIMcU6Q==
+babel-plugin-jest-hoist@^29.4.3:
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-29.4.3.tgz#ad1dfb5d31940957e00410ef7d9b2aa94b216101"
+  integrity sha512-mB6q2q3oahKphy5V7CpnNqZOCkxxZ9aokf1eh82Dy3jQmg4xvM1tGrh5y6BQUJh4a3Pj9+eLfwvAZ7VNKg7H8Q==
   dependencies:
     "@babel/template" "^7.3.3"
     "@babel/types" "^7.3.3"
@@ -2760,12 +2774,12 @@ babel-preset-current-node-syntax@^1.0.0:
     "@babel/plugin-syntax-optional-chaining" "^7.8.3"
     "@babel/plugin-syntax-top-level-await" "^7.8.3"
 
-babel-preset-jest@^28.1.3:
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-28.1.3.tgz#5dfc20b99abed5db994406c2b9ab94c73aaa419d"
-  integrity sha512-L+fupJvlWAHbQfn74coNX3zf60LXMJsezNvvx8eIh7iOR1luJ1poxYgQk1F8PYtNq/6QODDHCqsSnTFSWC491A==
+babel-preset-jest@^29.4.3:
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-29.4.3.tgz#bb926b66ae253b69c6e3ef87511b8bb5c53c5b52"
+  integrity sha512-gWx6COtSuma6n9bw+8/F+2PCXrIgxV/D1TJFnp6OyBK2cxPWg0K9p/sriNYeifKjpUkMViWQ09DSWtzJQRETsw==
   dependencies:
-    babel-plugin-jest-hoist "^28.1.3"
+    babel-plugin-jest-hoist "^29.4.3"
     babel-preset-current-node-syntax "^1.0.0"
 
 babel-walk@3.0.0-canary-5:
@@ -2838,11 +2852,6 @@ braces@^3.0.2, braces@~3.0.2:
   dependencies:
     fill-range "^7.0.1"
 
-browser-process-hrtime@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz#3c9b4b7d782c8121e56f10106d84c0d0ffc94626"
-  integrity sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==
-
 browserslist@^4.21.3:
   version "4.21.4"
   resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.4.tgz#e7496bbc67b9e39dd0f98565feccdcb0d4ff6987"
@@ -3005,7 +3014,7 @@ chardet@^0.7.0:
   resolved "https://registry.yarnpkg.com/chardet/-/chardet-0.7.0.tgz#90094849f0937f2eedc2425d0d28a9e5f0cbad9e"
   integrity sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==
 
-chart.js@^3.4.0, chart.js@^3.8.2:
+chart.js@^3.9.1:
   version "3.9.1"
   resolved "https://registry.yarnpkg.com/chart.js/-/chart.js-3.9.1.tgz#3abf2c775169c4c71217a107163ac708515924b8"
   integrity sha512-Ro2JbLmvg83gXF5F4sniaQ+lTbSv18E+TIf2cOeiH1Iqd2PGFOtem+DUufMZsCJwFE7ywPOpfXFBwRTGq7dh6w==
@@ -3156,6 +3165,11 @@ combined-stream@^1.0.6, combined-stream@^1.0.8, combined-stream@~1.0.6:
   dependencies:
     delayed-stream "~1.0.0"
 
+commander@^2.19.0:
+  version "2.20.3"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
+  integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
+
 commondir@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b"
@@ -3184,7 +3198,7 @@ concat-stream@^2.0.0:
     readable-stream "^3.0.2"
     typedarray "^0.0.6"
 
-config-chain@^1.1.12:
+config-chain@^1.1.12, config-chain@^1.1.13:
   version "1.1.13"
   resolved "https://registry.yarnpkg.com/config-chain/-/config-chain-1.1.13.tgz#fad0795aa6a6cdaff9ed1b68e9dff94372c232f4"
   integrity sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==
@@ -3292,13 +3306,18 @@ conventional-recommended-bump@^6.1.0:
     meow "^8.0.0"
     q "^1.5.1"
 
-convert-source-map@^1.4.0, convert-source-map@^1.6.0, convert-source-map@^1.7.0:
+convert-source-map@^1.6.0, convert-source-map@^1.7.0:
   version "1.8.0"
   resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.8.0.tgz#f3373c32d21b4d780dd8004514684fb791ca4369"
   integrity sha512-+OQdjP49zViI/6i7nIJpA8rAl4sV/JdPfU9nZs3VqOwGIgizICvuN2ru6fMd+4llL0tar18UYJXfZ/TWtmhUjA==
   dependencies:
     safe-buffer "~5.1.1"
 
+convert-source-map@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-2.0.0.tgz#4b560f649fc4e918dd0ab75cf4961e8bc882d82a"
+  integrity sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==
+
 core-util-is@1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
@@ -3388,7 +3407,7 @@ dashdash@^1.12.0:
   dependencies:
     assert-plus "^1.0.0"
 
-data-urls@^3.0.1:
+data-urls@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-3.0.2.tgz#9cf24a477ae22bcef5cd5f6f0bfbc1d2d3be9143"
   integrity sha512-Jy/tj3ldjZJo63sVAvg6LHt2mHvl4V6AgRAmNDtLdm7faqtsx+aJG42rsyCo9JCoRVKwPFzKlIPx3DIibwSIaQ==
@@ -3427,10 +3446,10 @@ decamelize@^1.1.0:
   resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
   integrity sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==
 
-decimal.js@^10.3.1:
-  version "10.4.1"
-  resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.4.1.tgz#be75eeac4a2281aace80c1a8753587c27ef053e7"
-  integrity sha512-F29o+vci4DodHYT9UrR5IEbfBw9pE5eSapIJdTqXK5+6hq+t8VRxwQyKlW2i+KDKFkkJQRvFyI/QXD83h8LyQw==
+decimal.js@^10.4.2:
+  version "10.4.3"
+  resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.4.3.tgz#1044092884d245d1b7f65725fa4ad4c6f781cc23"
+  integrity sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==
 
 decode-uri-component@^0.2.0:
   version "0.2.0"
@@ -3510,10 +3529,10 @@ dezalgo@^1.0.0:
     asap "^2.0.0"
     wrappy "1"
 
-diff-sequences@^28.1.1:
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-28.1.1.tgz#9989dc731266dc2903457a70e996f3a041913ac6"
-  integrity sha512-FU0iFaH/E23a+a718l8Qa/19bF9p06kgE0KipMOMadwa3SjnaElKzPaUC0vnibs6/B/9ni97s61mcejk8W1fQw==
+diff-sequences@^29.4.3:
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-29.4.3.tgz#9314bc1fabe09267ffeca9cbafc457d8499a13f2"
+  integrity sha512-ofrBgwpPhCD85kMKtE9RYFFq6OC1A89oW2vvgWZNCwxrUpRUILopY7lsYyMDSjc8g6U6aiO0Qubg6r4Wgt5ZnA==
 
 dir-glob@^3.0.1:
   version "3.0.1"
@@ -3568,15 +3587,25 @@ ecc-jsbn@~0.1.1:
     jsbn "~0.1.0"
     safer-buffer "^2.1.0"
 
+editorconfig@^0.15.3:
+  version "0.15.3"
+  resolved "https://registry.yarnpkg.com/editorconfig/-/editorconfig-0.15.3.tgz#bef84c4e75fb8dcb0ce5cee8efd51c15999befc5"
+  integrity sha512-M9wIMFx96vq0R4F+gRpY3o2exzb8hEj/n9S8unZtHSvYjibBp/iMufSzvmOcV/laG0ZtuTVGtiJggPOSW2r93g==
+  dependencies:
+    commander "^2.19.0"
+    lru-cache "^4.1.5"
+    semver "^5.6.0"
+    sigmund "^1.0.1"
+
 electron-to-chromium@^1.4.251:
   version "1.4.254"
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.254.tgz#c6203583890abf88dfc0be046cd72d3b48f8beb6"
   integrity sha512-Sh/7YsHqQYkA6ZHuHMy24e6TE4eX6KZVsZb9E/DvU1nQRIrH4BflO/4k+83tfdYvDl+MObvlqHPRICzEdC9c6Q==
 
-emittery@^0.10.2:
-  version "0.10.2"
-  resolved "https://registry.yarnpkg.com/emittery/-/emittery-0.10.2.tgz#902eec8aedb8c41938c46e9385e9db7e03182933"
-  integrity sha512-aITqOwnLanpHLNXZJENbOgjUBeHocD+xsSJmNrjovKBW5HbSpW3d1pEls7GFQPUWXiwG9+0P4GtHfEqC/4M0Iw==
+emittery@^0.13.1:
+  version "0.13.1"
+  resolved "https://registry.yarnpkg.com/emittery/-/emittery-0.13.1.tgz#c04b8c3457490e0847ae51fced3af52d338e3dad"
+  integrity sha512-DeWwawk6r5yR9jFgnDKYt4sLS0LmHJJi3ZOnb5/JdbYwj3nW+FxQnHIjhBKz8YLC7oRNPVM9NQ47I3CVx34eqQ==
 
 emoji-regex@^8.0.0:
   version "8.0.0"
@@ -3590,6 +3619,11 @@ encoding@^0.1.12:
   dependencies:
     iconv-lite "^0.6.2"
 
+entities@^4.4.0:
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/entities/-/entities-4.4.0.tgz#97bdaba170339446495e653cfd2db78962900174"
+  integrity sha512-oYp7156SP8LkeGD0GF85ad1X9Ai79WtRsZ2gxJqtBuzH+98YUV6jkHEKlZkMbcrjJjIVJNIDP/3WL9wQkoPbWA==
+
 entities@~2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/entities/-/entities-2.1.0.tgz#992d3129cf7df6870b96c57858c249a120f8b8b5"
@@ -3877,10 +3911,10 @@ eslint-visitor-keys@^3.3.0:
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz#f6480fa6b1f30efe2d1968aa8ac745b862469826"
   integrity sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==
 
-eslint@8.32.0:
-  version "8.32.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.32.0.tgz#d9690056bb6f1a302bd991e7090f5b68fbaea861"
-  integrity sha512-nETVXpnthqKPFyuY2FNjz/bEd6nbosRgKbkgS/y1C7LJop96gYHWpiguLecMHQ2XCPxn77DS0P+68WzG6vkZSQ==
+eslint@8.34.0:
+  version "8.34.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.34.0.tgz#fe0ab0ef478104c1f9ebc5537e303d25a8fb22d6"
+  integrity sha512-1Z8iFsucw+7kSqXNZVslXS8Ioa4u2KM7GPwuKtkTFAqZ/cHMcEaR+1+Br0wLlot49cNxIiZk5wp8EAbPcYZxTg==
   dependencies:
     "@eslint/eslintrc" "^1.4.1"
     "@humanwhocodes/config-array" "^0.11.8"
@@ -4000,16 +4034,16 @@ exit@^0.1.2:
   resolved "https://registry.yarnpkg.com/exit/-/exit-0.1.2.tgz#0632638f8d877cc82107d30a0fff1a17cba1cd0c"
   integrity sha512-Zk/eNKV2zbjpKzrsQ+n1G6poVbErQxJ0LBOJXaKZ1EViLzH+hrLu9cdXI4zw9dBQJslwBEpbQ2P1oS7nDxs6jQ==
 
-expect@^28.0.0, expect@^28.1.3:
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/expect/-/expect-28.1.3.tgz#90a7c1a124f1824133dd4533cce2d2bdcb6603ec"
-  integrity sha512-eEh0xn8HlsuOBxFgIss+2mX85VAS4Qy3OSkjV7rlBWljtA4oWH37glVGyOZSZvErDT/yBywZdPGwCXuTvSG85g==
+expect@^29.0.0, expect@^29.4.3:
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/expect/-/expect-29.4.3.tgz#5e47757316df744fe3b8926c3ae8a3ebdafff7fe"
+  integrity sha512-uC05+Q7eXECFpgDrHdXA4k2rpMyStAYPItEDLyQDo5Ta7fVkJnNA/4zh/OIVkVVNZ1oOK1PipQoyNjuZ6sz6Dg==
   dependencies:
-    "@jest/expect-utils" "^28.1.3"
-    jest-get-type "^28.0.2"
-    jest-matcher-utils "^28.1.3"
-    jest-message-util "^28.1.3"
-    jest-util "^28.1.3"
+    "@jest/expect-utils" "^29.4.3"
+    jest-get-type "^29.4.3"
+    jest-matcher-utils "^29.4.3"
+    jest-message-util "^29.4.3"
+    jest-util "^29.4.3"
 
 extend-shallow@^2.0.1:
   version "2.0.1"
@@ -4063,7 +4097,7 @@ fast-glob@^3.0.3, fast-glob@^3.2.9:
     merge2 "^1.3.0"
     micromatch "^4.0.4"
 
-fast-json-stable-stringify@2.x, fast-json-stable-stringify@^2.0.0:
+fast-json-stable-stringify@2.x, fast-json-stable-stringify@^2.0.0, fast-json-stable-stringify@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
   integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
@@ -4604,7 +4638,7 @@ http-signature@~1.2.0:
     jsprim "^1.2.2"
     sshpk "^1.7.0"
 
-https-proxy-agent@^5.0.0:
+https-proxy-agent@^5.0.0, https-proxy-agent@^5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz#c59ef224a04fe8b754f3db0063a25ea30d0005d6"
   integrity sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==
@@ -5073,377 +5107,390 @@ jest-canvas-mock@^2.4.0:
     cssfontparser "^1.2.1"
     moo-color "^1.0.2"
 
-jest-changed-files@^28.1.3:
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-28.1.3.tgz#d9aeee6792be3686c47cb988a8eaf82ff4238831"
-  integrity sha512-esaOfUWJXk2nfZt9SPyC8gA1kNfdKLkQWyzsMlqq8msYSlNKfmZxfRgZn4Cd4MGVUF+7v6dBs0d5TOAKa7iIiA==
+jest-changed-files@^29.4.3:
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-29.4.3.tgz#7961fe32536b9b6d5c28dfa0abcfab31abcf50a7"
+  integrity sha512-Vn5cLuWuwmi2GNNbokPOEcvrXGSGrqVnPEZV7rC6P7ck07Dyw9RFnvWglnupSh+hGys0ajGtw/bc2ZgweljQoQ==
   dependencies:
     execa "^5.0.0"
     p-limit "^3.1.0"
 
-jest-circus@^28.1.3:
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-circus/-/jest-circus-28.1.3.tgz#d14bd11cf8ee1a03d69902dc47b6bd4634ee00e4"
-  integrity sha512-cZ+eS5zc79MBwt+IhQhiEp0OeBddpc1n8MBo1nMB8A7oPMKEO+Sre+wHaLJexQUj9Ya/8NOBY0RESUgYjB6fow==
+jest-circus@^29.4.3:
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/jest-circus/-/jest-circus-29.4.3.tgz#fff7be1cf5f06224dd36a857d52a9efeb005ba04"
+  integrity sha512-Vw/bVvcexmdJ7MLmgdT3ZjkJ3LKu8IlpefYokxiqoZy6OCQ2VAm6Vk3t/qHiAGUXbdbJKJWnc8gH3ypTbB/OBw==
   dependencies:
-    "@jest/environment" "^28.1.3"
-    "@jest/expect" "^28.1.3"
-    "@jest/test-result" "^28.1.3"
-    "@jest/types" "^28.1.3"
+    "@jest/environment" "^29.4.3"
+    "@jest/expect" "^29.4.3"
+    "@jest/test-result" "^29.4.3"
+    "@jest/types" "^29.4.3"
     "@types/node" "*"
     chalk "^4.0.0"
     co "^4.6.0"
     dedent "^0.7.0"
     is-generator-fn "^2.0.0"
-    jest-each "^28.1.3"
-    jest-matcher-utils "^28.1.3"
-    jest-message-util "^28.1.3"
-    jest-runtime "^28.1.3"
-    jest-snapshot "^28.1.3"
-    jest-util "^28.1.3"
+    jest-each "^29.4.3"
+    jest-matcher-utils "^29.4.3"
+    jest-message-util "^29.4.3"
+    jest-runtime "^29.4.3"
+    jest-snapshot "^29.4.3"
+    jest-util "^29.4.3"
     p-limit "^3.1.0"
-    pretty-format "^28.1.3"
+    pretty-format "^29.4.3"
     slash "^3.0.0"
     stack-utils "^2.0.3"
 
-jest-cli@^28.1.3:
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-28.1.3.tgz#558b33c577d06de55087b8448d373b9f654e46b2"
-  integrity sha512-roY3kvrv57Azn1yPgdTebPAXvdR2xfezaKKYzVxZ6It/5NCxzJym6tUI5P1zkdWhfUYkxEI9uZWcQdaFLo8mJQ==
+jest-cli@^29.4.3:
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-29.4.3.tgz#fe31fdd0c90c765f392b8b7c97e4845071cd2163"
+  integrity sha512-PiiAPuFNfWWolCE6t3ZrDXQc6OsAuM3/tVW0u27UWc1KE+n/HSn5dSE6B2juqN7WP+PP0jAcnKtGmI4u8GMYCg==
   dependencies:
-    "@jest/core" "^28.1.3"
-    "@jest/test-result" "^28.1.3"
-    "@jest/types" "^28.1.3"
+    "@jest/core" "^29.4.3"
+    "@jest/test-result" "^29.4.3"
+    "@jest/types" "^29.4.3"
     chalk "^4.0.0"
     exit "^0.1.2"
     graceful-fs "^4.2.9"
     import-local "^3.0.2"
-    jest-config "^28.1.3"
-    jest-util "^28.1.3"
-    jest-validate "^28.1.3"
+    jest-config "^29.4.3"
+    jest-util "^29.4.3"
+    jest-validate "^29.4.3"
     prompts "^2.0.1"
     yargs "^17.3.1"
 
-jest-config@^28.1.3:
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-28.1.3.tgz#e315e1f73df3cac31447eed8b8740a477392ec60"
-  integrity sha512-MG3INjByJ0J4AsNBm7T3hsuxKQqFIiRo/AUqb1q9LRKI5UU6Aar9JHbr9Ivn1TVwfUD9KirRoM/T6u8XlcQPHQ==
+jest-config@^29.4.3:
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-29.4.3.tgz#fca9cdfe6298ae6d04beef1624064d455347c978"
+  integrity sha512-eCIpqhGnIjdUCXGtLhz4gdDoxKSWXKjzNcc5r+0S1GKOp2fwOipx5mRcwa9GB/ArsxJ1jlj2lmlD9bZAsBxaWQ==
   dependencies:
     "@babel/core" "^7.11.6"
-    "@jest/test-sequencer" "^28.1.3"
-    "@jest/types" "^28.1.3"
-    babel-jest "^28.1.3"
+    "@jest/test-sequencer" "^29.4.3"
+    "@jest/types" "^29.4.3"
+    babel-jest "^29.4.3"
     chalk "^4.0.0"
     ci-info "^3.2.0"
     deepmerge "^4.2.2"
     glob "^7.1.3"
     graceful-fs "^4.2.9"
-    jest-circus "^28.1.3"
-    jest-environment-node "^28.1.3"
-    jest-get-type "^28.0.2"
-    jest-regex-util "^28.0.2"
-    jest-resolve "^28.1.3"
-    jest-runner "^28.1.3"
-    jest-util "^28.1.3"
-    jest-validate "^28.1.3"
+    jest-circus "^29.4.3"
+    jest-environment-node "^29.4.3"
+    jest-get-type "^29.4.3"
+    jest-regex-util "^29.4.3"
+    jest-resolve "^29.4.3"
+    jest-runner "^29.4.3"
+    jest-util "^29.4.3"
+    jest-validate "^29.4.3"
     micromatch "^4.0.4"
     parse-json "^5.2.0"
-    pretty-format "^28.1.3"
+    pretty-format "^29.4.3"
     slash "^3.0.0"
     strip-json-comments "^3.1.1"
 
-jest-diff@^28.1.3:
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-28.1.3.tgz#948a192d86f4e7a64c5264ad4da4877133d8792f"
-  integrity sha512-8RqP1B/OXzjjTWkqMX67iqgwBVJRgCyKD3L9nq+6ZqJMdvjE8RgHktqZ6jNrkdMT+dJuYNI3rhQpxaz7drJHfw==
+jest-diff@^29.4.3:
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-29.4.3.tgz#42f4eb34d0bf8c0fb08b0501069b87e8e84df347"
+  integrity sha512-YB+ocenx7FZ3T5O9lMVMeLYV4265socJKtkwgk/6YUz/VsEzYDkiMuMhWzZmxm3wDRQvayJu/PjkjjSkjoHsCA==
   dependencies:
     chalk "^4.0.0"
-    diff-sequences "^28.1.1"
-    jest-get-type "^28.0.2"
-    pretty-format "^28.1.3"
+    diff-sequences "^29.4.3"
+    jest-get-type "^29.4.3"
+    pretty-format "^29.4.3"
 
-jest-docblock@^28.1.1:
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-28.1.1.tgz#6f515c3bf841516d82ecd57a62eed9204c2f42a8"
-  integrity sha512-3wayBVNiOYx0cwAbl9rwm5kKFP8yHH3d/fkEaL02NPTkDojPtheGB7HZSFY4wzX+DxyrvhXz0KSCVksmCknCuA==
+jest-docblock@^29.4.3:
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-29.4.3.tgz#90505aa89514a1c7dceeac1123df79e414636ea8"
+  integrity sha512-fzdTftThczeSD9nZ3fzA/4KkHtnmllawWrXO69vtI+L9WjEIuXWs4AmyME7lN5hU7dB0sHhuPfcKofRsUb/2Fg==
   dependencies:
     detect-newline "^3.0.0"
 
-jest-each@^28.1.3:
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-28.1.3.tgz#bdd1516edbe2b1f3569cfdad9acd543040028f81"
-  integrity sha512-arT1z4sg2yABU5uogObVPvSlSMQlDA48owx07BDPAiasW0yYpYHYOo4HHLz9q0BVzDVU4hILFjzJw0So9aCL/g==
+jest-each@^29.4.3:
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-29.4.3.tgz#a434c199a2f6151c5e3dc80b2d54586bdaa72819"
+  integrity sha512-1ElHNAnKcbJb/b+L+7j0/w7bDvljw4gTv1wL9fYOczeJrbTbkMGQ5iQPFJ3eFQH19VPTx1IyfePdqSpePKss7Q==
   dependencies:
-    "@jest/types" "^28.1.3"
+    "@jest/types" "^29.4.3"
     chalk "^4.0.0"
-    jest-get-type "^28.0.2"
-    jest-util "^28.1.3"
-    pretty-format "^28.1.3"
-
-jest-environment-jsdom@^28.1.3:
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-28.1.3.tgz#2d4e5d61b7f1d94c3bddfbb21f0308ee506c09fb"
-  integrity sha512-HnlGUmZRdxfCByd3GM2F100DgQOajUBzEitjGqIREcb45kGjZvRrKUdlaF6escXBdcXNl0OBh+1ZrfeZT3GnAg==
-  dependencies:
-    "@jest/environment" "^28.1.3"
-    "@jest/fake-timers" "^28.1.3"
-    "@jest/types" "^28.1.3"
-    "@types/jsdom" "^16.2.4"
+    jest-get-type "^29.4.3"
+    jest-util "^29.4.3"
+    pretty-format "^29.4.3"
+
+jest-environment-jsdom@^29.4.3:
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-29.4.3.tgz#bd8ed3808e6d3f616403fbaf8354f77019613d90"
+  integrity sha512-rFjf8JXrw3OjUzzmSE5l0XjMj0/MSVEUMCSXBGPDkfwb1T03HZI7iJSL0cGctZApPSyJxbjyKDVxkZuyhHkuTw==
+  dependencies:
+    "@jest/environment" "^29.4.3"
+    "@jest/fake-timers" "^29.4.3"
+    "@jest/types" "^29.4.3"
+    "@types/jsdom" "^20.0.0"
     "@types/node" "*"
-    jest-mock "^28.1.3"
-    jest-util "^28.1.3"
-    jsdom "^19.0.0"
-
-jest-environment-node@^28.1.3:
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-28.1.3.tgz#7e74fe40eb645b9d56c0c4b70ca4357faa349be5"
-  integrity sha512-ugP6XOhEpjAEhGYvp5Xj989ns5cB1K6ZdjBYuS30umT4CQEETaxSiPcZ/E1kFktX4GkrcM4qu07IIlDYX1gp+A==
-  dependencies:
-    "@jest/environment" "^28.1.3"
-    "@jest/fake-timers" "^28.1.3"
-    "@jest/types" "^28.1.3"
+    jest-mock "^29.4.3"
+    jest-util "^29.4.3"
+    jsdom "^20.0.0"
+
+jest-environment-node@^29.4.3:
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-29.4.3.tgz#579c4132af478befc1889ddc43c2413a9cdbe014"
+  integrity sha512-gAiEnSKF104fsGDXNkwk49jD/0N0Bqu2K9+aMQXA6avzsA9H3Fiv1PW2D+gzbOSR705bWd2wJZRFEFpV0tXISg==
+  dependencies:
+    "@jest/environment" "^29.4.3"
+    "@jest/fake-timers" "^29.4.3"
+    "@jest/types" "^29.4.3"
     "@types/node" "*"
-    jest-mock "^28.1.3"
-    jest-util "^28.1.3"
+    jest-mock "^29.4.3"
+    jest-util "^29.4.3"
 
-jest-get-type@^28.0.2:
-  version "28.0.2"
-  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-28.0.2.tgz#34622e628e4fdcd793d46db8a242227901fcf203"
-  integrity sha512-ioj2w9/DxSYHfOm5lJKCdcAmPJzQXmbM/Url3rhlghrPvT3tt+7a/+oXc9azkKmLvoiXjtV83bEWqi+vs5nlPA==
+jest-get-type@^29.4.3:
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-29.4.3.tgz#1ab7a5207c995161100b5187159ca82dd48b3dd5"
+  integrity sha512-J5Xez4nRRMjk8emnTpWrlkyb9pfRQQanDrvWHhsR1+VUfbwxi30eVcZFlcdGInRibU4G5LwHXpI7IRHU0CY+gg==
 
-jest-haste-map@^28.1.3:
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-28.1.3.tgz#abd5451129a38d9841049644f34b034308944e2b"
-  integrity sha512-3S+RQWDXccXDKSWnkHa/dPwt+2qwA8CJzR61w3FoYCvoo3Pn8tvGcysmMF0Bj0EX5RYvAI2EIvC57OmotfdtKA==
+jest-haste-map@^29.4.3:
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-29.4.3.tgz#085a44283269e7ace0645c63a57af0d2af6942e2"
+  integrity sha512-eZIgAS8tvm5IZMtKlR8Y+feEOMfo2pSQkmNbufdbMzMSn9nitgGxF1waM/+LbryO3OkMcKS98SUb+j/cQxp/vQ==
   dependencies:
-    "@jest/types" "^28.1.3"
+    "@jest/types" "^29.4.3"
     "@types/graceful-fs" "^4.1.3"
     "@types/node" "*"
     anymatch "^3.0.3"
     fb-watchman "^2.0.0"
     graceful-fs "^4.2.9"
-    jest-regex-util "^28.0.2"
-    jest-util "^28.1.3"
-    jest-worker "^28.1.3"
+    jest-regex-util "^29.4.3"
+    jest-util "^29.4.3"
+    jest-worker "^29.4.3"
     micromatch "^4.0.4"
     walker "^1.0.8"
   optionalDependencies:
     fsevents "^2.3.2"
 
-jest-leak-detector@^28.1.3:
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-28.1.3.tgz#a6685d9b074be99e3adee816ce84fd30795e654d"
-  integrity sha512-WFVJhnQsiKtDEo5lG2mM0v40QWnBM+zMdHHyJs8AWZ7J0QZJS59MsyKeJHWhpBZBH32S48FOVvGyOFT1h0DlqA==
+jest-leak-detector@^29.4.3:
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-29.4.3.tgz#2b35191d6b35aa0256e63a9b79b0f949249cf23a"
+  integrity sha512-9yw4VC1v2NspMMeV3daQ1yXPNxMgCzwq9BocCwYrRgXe4uaEJPAN0ZK37nFBhcy3cUwEVstFecFLaTHpF7NiGA==
   dependencies:
-    jest-get-type "^28.0.2"
-    pretty-format "^28.1.3"
+    jest-get-type "^29.4.3"
+    pretty-format "^29.4.3"
 
-jest-matcher-utils@^28.1.3:
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-28.1.3.tgz#5a77f1c129dd5ba3b4d7fc20728806c78893146e"
-  integrity sha512-kQeJ7qHemKfbzKoGjHHrRKH6atgxMk8Enkk2iPQ3XwO6oE/KYD8lMYOziCkeSB9G4adPM4nR1DE8Tf5JeWH6Bw==
+jest-matcher-utils@^29.4.3:
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-29.4.3.tgz#ea68ebc0568aebea4c4213b99f169ff786df96a0"
+  integrity sha512-TTciiXEONycZ03h6R6pYiZlSkvYgT0l8aa49z/DLSGYjex4orMUcafuLXYyyEDWB1RKglq00jzwY00Ei7yFNVg==
   dependencies:
     chalk "^4.0.0"
-    jest-diff "^28.1.3"
-    jest-get-type "^28.0.2"
-    pretty-format "^28.1.3"
+    jest-diff "^29.4.3"
+    jest-get-type "^29.4.3"
+    pretty-format "^29.4.3"
 
-jest-message-util@^28.1.3:
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-28.1.3.tgz#232def7f2e333f1eecc90649b5b94b0055e7c43d"
-  integrity sha512-PFdn9Iewbt575zKPf1286Ht9EPoJmYT7P0kY+RibeYZ2XtOr53pDLEFoTWXbd1h4JiGiWpTBC84fc8xMXQMb7g==
+jest-message-util@^29.4.3:
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-29.4.3.tgz#65b5280c0fdc9419503b49d4f48d4999d481cb5b"
+  integrity sha512-1Y8Zd4ZCN7o/QnWdMmT76If8LuDv23Z1DRovBj/vcSFNlGCJGoO8D1nJDw1AdyAGUk0myDLFGN5RbNeJyCRGCw==
   dependencies:
     "@babel/code-frame" "^7.12.13"
-    "@jest/types" "^28.1.3"
+    "@jest/types" "^29.4.3"
     "@types/stack-utils" "^2.0.0"
     chalk "^4.0.0"
     graceful-fs "^4.2.9"
     micromatch "^4.0.4"
-    pretty-format "^28.1.3"
+    pretty-format "^29.4.3"
     slash "^3.0.0"
     stack-utils "^2.0.3"
 
-jest-mock@^28.1.3:
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-28.1.3.tgz#d4e9b1fc838bea595c77ab73672ebf513ab249da"
-  integrity sha512-o3J2jr6dMMWYVH4Lh/NKmDXdosrsJgi4AviS8oXLujcjpCMBb1FMsblDnOXKZKfSiHLxYub1eS0IHuRXsio9eA==
+jest-mock@^29.4.3:
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-29.4.3.tgz#23d84a20a74cdfff0510fdbeefb841ed57b0fe7e"
+  integrity sha512-LjFgMg+xed9BdkPMyIJh+r3KeHt1klXPJYBULXVVAkbTaaKjPX1o1uVCAZADMEp/kOxGTwy/Ot8XbvgItOrHEg==
   dependencies:
-    "@jest/types" "^28.1.3"
+    "@jest/types" "^29.4.3"
     "@types/node" "*"
+    jest-util "^29.4.3"
 
 jest-pnp-resolver@^1.2.2:
   version "1.2.2"
   resolved "https://registry.yarnpkg.com/jest-pnp-resolver/-/jest-pnp-resolver-1.2.2.tgz#b704ac0ae028a89108a4d040b3f919dfddc8e33c"
   integrity sha512-olV41bKSMm8BdnuMsewT4jqlZ8+3TCARAXjZGT9jcoSnrfUnRCqnMoF9XEeoWjbzObpqF9dRhHQj0Xb9QdF6/w==
 
-jest-regex-util@^28.0.2:
-  version "28.0.2"
-  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-28.0.2.tgz#afdc377a3b25fb6e80825adcf76c854e5bf47ead"
-  integrity sha512-4s0IgyNIy0y9FK+cjoVYoxamT7Zeo7MhzqRGx7YDYmaQn1wucY9rotiGkBzzcMXTtjrCAP/f7f+E0F7+fxPNdw==
+jest-regex-util@^29.4.3:
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-29.4.3.tgz#a42616141e0cae052cfa32c169945d00c0aa0bb8"
+  integrity sha512-O4FglZaMmWXbGHSQInfXewIsd1LMn9p3ZXB/6r4FOkyhX2/iP/soMG98jGvk/A3HAN78+5VWcBGO0BJAPRh4kg==
 
-jest-resolve-dependencies@^28.1.3:
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-28.1.3.tgz#8c65d7583460df7275c6ea2791901fa975c1fe66"
-  integrity sha512-qa0QO2Q0XzQoNPouMbCc7Bvtsem8eQgVPNkwn9LnS+R2n8DaVDPL/U1gngC0LTl1RYXJU0uJa2BMC2DbTfFrHA==
+jest-resolve-dependencies@^29.4.3:
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-29.4.3.tgz#9ad7f23839a6d88cef91416bda9393a6e9fd1da5"
+  integrity sha512-uvKMZAQ3nmXLH7O8WAOhS5l0iWyT3WmnJBdmIHiV5tBbdaDZ1wqtNX04FONGoaFvSOSHBJxnwAVnSn1WHdGVaw==
   dependencies:
-    jest-regex-util "^28.0.2"
-    jest-snapshot "^28.1.3"
+    jest-regex-util "^29.4.3"
+    jest-snapshot "^29.4.3"
 
-jest-resolve@^28.1.3:
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-28.1.3.tgz#cfb36100341ddbb061ec781426b3c31eb51aa0a8"
-  integrity sha512-Z1W3tTjE6QaNI90qo/BJpfnvpxtaFTFw5CDgwpyE/Kz8U/06N1Hjf4ia9quUhCh39qIGWF1ZuxFiBiJQwSEYKQ==
+jest-resolve@^29.4.3:
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-29.4.3.tgz#3c5b5c984fa8a763edf9b3639700e1c7900538e2"
+  integrity sha512-GPokE1tzguRyT7dkxBim4wSx6E45S3bOQ7ZdKEG+Qj0Oac9+6AwJPCk0TZh5Vu0xzeX4afpb+eDmgbmZFFwpOw==
   dependencies:
     chalk "^4.0.0"
     graceful-fs "^4.2.9"
-    jest-haste-map "^28.1.3"
+    jest-haste-map "^29.4.3"
     jest-pnp-resolver "^1.2.2"
-    jest-util "^28.1.3"
-    jest-validate "^28.1.3"
+    jest-util "^29.4.3"
+    jest-validate "^29.4.3"
     resolve "^1.20.0"
-    resolve.exports "^1.1.0"
+    resolve.exports "^2.0.0"
     slash "^3.0.0"
 
-jest-runner@^28.1.3:
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-28.1.3.tgz#5eee25febd730b4713a2cdfd76bdd5557840f9a1"
-  integrity sha512-GkMw4D/0USd62OVO0oEgjn23TM+YJa2U2Wu5zz9xsQB1MxWKDOlrnykPxnMsN0tnJllfLPinHTka61u0QhaxBA==
+jest-runner@^29.4.3:
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-29.4.3.tgz#68dc82c68645eda12bea42b5beece6527d7c1e5e"
+  integrity sha512-GWPTEiGmtHZv1KKeWlTX9SIFuK19uLXlRQU43ceOQ2hIfA5yPEJC7AMkvFKpdCHx6pNEdOD+2+8zbniEi3v3gA==
   dependencies:
-    "@jest/console" "^28.1.3"
-    "@jest/environment" "^28.1.3"
-    "@jest/test-result" "^28.1.3"
-    "@jest/transform" "^28.1.3"
-    "@jest/types" "^28.1.3"
+    "@jest/console" "^29.4.3"
+    "@jest/environment" "^29.4.3"
+    "@jest/test-result" "^29.4.3"
+    "@jest/transform" "^29.4.3"
+    "@jest/types" "^29.4.3"
     "@types/node" "*"
     chalk "^4.0.0"
-    emittery "^0.10.2"
+    emittery "^0.13.1"
     graceful-fs "^4.2.9"
-    jest-docblock "^28.1.1"
-    jest-environment-node "^28.1.3"
-    jest-haste-map "^28.1.3"
-    jest-leak-detector "^28.1.3"
-    jest-message-util "^28.1.3"
-    jest-resolve "^28.1.3"
-    jest-runtime "^28.1.3"
-    jest-util "^28.1.3"
-    jest-watcher "^28.1.3"
-    jest-worker "^28.1.3"
+    jest-docblock "^29.4.3"
+    jest-environment-node "^29.4.3"
+    jest-haste-map "^29.4.3"
+    jest-leak-detector "^29.4.3"
+    jest-message-util "^29.4.3"
+    jest-resolve "^29.4.3"
+    jest-runtime "^29.4.3"
+    jest-util "^29.4.3"
+    jest-watcher "^29.4.3"
+    jest-worker "^29.4.3"
     p-limit "^3.1.0"
     source-map-support "0.5.13"
 
-jest-runtime@^28.1.3:
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-28.1.3.tgz#a57643458235aa53e8ec7821949e728960d0605f"
-  integrity sha512-NU+881ScBQQLc1JHG5eJGU7Ui3kLKrmwCPPtYsJtBykixrM2OhVQlpMmFWJjMyDfdkGgBMNjXCGB/ebzsgNGQw==
-  dependencies:
-    "@jest/environment" "^28.1.3"
-    "@jest/fake-timers" "^28.1.3"
-    "@jest/globals" "^28.1.3"
-    "@jest/source-map" "^28.1.2"
-    "@jest/test-result" "^28.1.3"
-    "@jest/transform" "^28.1.3"
-    "@jest/types" "^28.1.3"
+jest-runtime@^29.4.3:
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-29.4.3.tgz#f25db9874dcf35a3ab27fdaabca426666cc745bf"
+  integrity sha512-F5bHvxSH+LvLV24vVB3L8K467dt3y3dio6V3W89dUz9nzvTpqd/HcT9zfYKL2aZPvD63vQFgLvaUX/UpUhrP6Q==
+  dependencies:
+    "@jest/environment" "^29.4.3"
+    "@jest/fake-timers" "^29.4.3"
+    "@jest/globals" "^29.4.3"
+    "@jest/source-map" "^29.4.3"
+    "@jest/test-result" "^29.4.3"
+    "@jest/transform" "^29.4.3"
+    "@jest/types" "^29.4.3"
+    "@types/node" "*"
     chalk "^4.0.0"
     cjs-module-lexer "^1.0.0"
     collect-v8-coverage "^1.0.0"
-    execa "^5.0.0"
     glob "^7.1.3"
     graceful-fs "^4.2.9"
-    jest-haste-map "^28.1.3"
-    jest-message-util "^28.1.3"
-    jest-mock "^28.1.3"
-    jest-regex-util "^28.0.2"
-    jest-resolve "^28.1.3"
-    jest-snapshot "^28.1.3"
-    jest-util "^28.1.3"
+    jest-haste-map "^29.4.3"
+    jest-message-util "^29.4.3"
+    jest-mock "^29.4.3"
+    jest-regex-util "^29.4.3"
+    jest-resolve "^29.4.3"
+    jest-snapshot "^29.4.3"
+    jest-util "^29.4.3"
     slash "^3.0.0"
     strip-bom "^4.0.0"
 
-jest-snapshot@^28.1.3:
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-28.1.3.tgz#17467b3ab8ddb81e2f605db05583d69388fc0668"
-  integrity sha512-4lzMgtiNlc3DU/8lZfmqxN3AYD6GGLbl+72rdBpXvcV+whX7mDrREzkPdp2RnmfIiWBg1YbuFSkXduF2JcafJg==
+jest-snapshot@^29.4.3:
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-29.4.3.tgz#183d309371450d9c4a3de7567ed2151eb0e91145"
+  integrity sha512-NGlsqL0jLPDW91dz304QTM/SNO99lpcSYYAjNiX0Ou+sSGgkanKBcSjCfp/pqmiiO1nQaOyLp6XQddAzRcx3Xw==
   dependencies:
     "@babel/core" "^7.11.6"
     "@babel/generator" "^7.7.2"
+    "@babel/plugin-syntax-jsx" "^7.7.2"
     "@babel/plugin-syntax-typescript" "^7.7.2"
     "@babel/traverse" "^7.7.2"
     "@babel/types" "^7.3.3"
-    "@jest/expect-utils" "^28.1.3"
-    "@jest/transform" "^28.1.3"
-    "@jest/types" "^28.1.3"
+    "@jest/expect-utils" "^29.4.3"
+    "@jest/transform" "^29.4.3"
+    "@jest/types" "^29.4.3"
     "@types/babel__traverse" "^7.0.6"
     "@types/prettier" "^2.1.5"
     babel-preset-current-node-syntax "^1.0.0"
     chalk "^4.0.0"
-    expect "^28.1.3"
+    expect "^29.4.3"
     graceful-fs "^4.2.9"
-    jest-diff "^28.1.3"
-    jest-get-type "^28.0.2"
-    jest-haste-map "^28.1.3"
-    jest-matcher-utils "^28.1.3"
-    jest-message-util "^28.1.3"
-    jest-util "^28.1.3"
+    jest-diff "^29.4.3"
+    jest-get-type "^29.4.3"
+    jest-haste-map "^29.4.3"
+    jest-matcher-utils "^29.4.3"
+    jest-message-util "^29.4.3"
+    jest-util "^29.4.3"
     natural-compare "^1.4.0"
-    pretty-format "^28.1.3"
+    pretty-format "^29.4.3"
     semver "^7.3.5"
 
-jest-util@^28.0.0, jest-util@^28.1.3:
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-28.1.3.tgz#f4f932aa0074f0679943220ff9cbba7e497028b0"
-  integrity sha512-XdqfpHwpcSRko/C35uLYFM2emRAltIIKZiJ9eAmhjsj0CqZMa0p1ib0R5fWIqGhn1a103DebTbpqIaP1qCQ6tQ==
+jest-util@^29.0.0, jest-util@^29.4.3:
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-29.4.3.tgz#851a148e23fc2b633c55f6dad2e45d7f4579f496"
+  integrity sha512-ToSGORAz4SSSoqxDSylWX8JzkOQR7zoBtNRsA7e+1WUX5F8jrOwaNpuh1YfJHJKDHXLHmObv5eOjejUd+/Ws+Q==
   dependencies:
-    "@jest/types" "^28.1.3"
+    "@jest/types" "^29.4.3"
     "@types/node" "*"
     chalk "^4.0.0"
     ci-info "^3.2.0"
     graceful-fs "^4.2.9"
     picomatch "^2.2.3"
 
-jest-validate@^28.1.3:
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-28.1.3.tgz#e322267fd5e7c64cea4629612c357bbda96229df"
-  integrity sha512-SZbOGBWEsaTxBGCOpsRWlXlvNkvTkY0XxRfh7zYmvd8uL5Qzyg0CHAXiXKROflh801quA6+/DsT4ODDthOC/OA==
+jest-validate@^29.4.3:
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-29.4.3.tgz#a13849dec4f9e95446a7080ad5758f58fa88642f"
+  integrity sha512-J3u5v7aPQoXPzaar6GndAVhdQcZr/3osWSgTeKg5v574I9ybX/dTyH0AJFb5XgXIB7faVhf+rS7t4p3lL9qFaw==
   dependencies:
-    "@jest/types" "^28.1.3"
+    "@jest/types" "^29.4.3"
     camelcase "^6.2.0"
     chalk "^4.0.0"
-    jest-get-type "^28.0.2"
+    jest-get-type "^29.4.3"
     leven "^3.1.0"
-    pretty-format "^28.1.3"
+    pretty-format "^29.4.3"
 
-jest-watcher@^28.1.3:
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-28.1.3.tgz#c6023a59ba2255e3b4c57179fc94164b3e73abd4"
-  integrity sha512-t4qcqj9hze+jviFPUN3YAtAEeFnr/azITXQEMARf5cMwKY2SMBRnCQTXLixTl20OR6mLh9KLMrgVJgJISym+1g==
+jest-watcher@^29.4.3:
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-29.4.3.tgz#e503baa774f0c2f8f3c8db98a22ebf885f19c384"
+  integrity sha512-zwlXH3DN3iksoIZNk73etl1HzKyi5FuQdYLnkQKm5BW4n8HpoG59xSwpVdFrnh60iRRaRBGw0gcymIxjJENPcA==
   dependencies:
-    "@jest/test-result" "^28.1.3"
-    "@jest/types" "^28.1.3"
+    "@jest/test-result" "^29.4.3"
+    "@jest/types" "^29.4.3"
     "@types/node" "*"
     ansi-escapes "^4.2.1"
     chalk "^4.0.0"
-    emittery "^0.10.2"
-    jest-util "^28.1.3"
+    emittery "^0.13.1"
+    jest-util "^29.4.3"
     string-length "^4.0.1"
 
-jest-worker@^28.1.3:
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-28.1.3.tgz#7e3c4ce3fa23d1bb6accb169e7f396f98ed4bb98"
-  integrity sha512-CqRA220YV/6jCo8VWvAt1KKx6eek1VIHMPeLEbpcfSfkEeWyBNppynM/o6q+Wmw+sOhos2ml34wZbSX3G13//g==
+jest-worker@^29.4.3:
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-29.4.3.tgz#9a4023e1ea1d306034237c7133d7da4240e8934e"
+  integrity sha512-GLHN/GTAAMEy5BFdvpUfzr9Dr80zQqBrh0fz1mtRMe05hqP45+HfQltu7oTBfduD0UeZs09d+maFtFYAXFWvAA==
   dependencies:
     "@types/node" "*"
+    jest-util "^29.4.3"
     merge-stream "^2.0.0"
     supports-color "^8.0.0"
 
-jest@^28.1.3:
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest/-/jest-28.1.3.tgz#e9c6a7eecdebe3548ca2b18894a50f45b36dfc6b"
-  integrity sha512-N4GT5on8UkZgH0O5LUavMRV1EDEhNTL0KEfRmDIeZHSV7p2XgLoY9t9VDUgL6o+yfdgYHVxuz81G8oB9VG5uyA==
+jest@^29.4.3:
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/jest/-/jest-29.4.3.tgz#1b8be541666c6feb99990fd98adac4737e6e6386"
+  integrity sha512-XvK65feuEFGZT8OO0fB/QAQS+LGHvQpaadkH5p47/j3Ocqq3xf2pK9R+G0GzgfuhXVxEv76qCOOcMb5efLk6PA==
   dependencies:
-    "@jest/core" "^28.1.3"
-    "@jest/types" "^28.1.3"
+    "@jest/core" "^29.4.3"
+    "@jest/types" "^29.4.3"
     import-local "^3.0.2"
-    jest-cli "^28.1.3"
+    jest-cli "^29.4.3"
+
+js-beautify@1.14.6:
+  version "1.14.6"
+  resolved "https://registry.yarnpkg.com/js-beautify/-/js-beautify-1.14.6.tgz#b23ca5d74a462c282c7711bb51150bcc97f2b507"
+  integrity sha512-GfofQY5zDp+cuHc+gsEXKPpNw2KbPddreEo35O6jT6i0RVK6LhsoYBhq5TvK4/n74wnA0QbK8gGd+jUZwTMKJw==
+  dependencies:
+    config-chain "^1.1.13"
+    editorconfig "^0.15.3"
+    glob "^8.0.3"
+    nopt "^6.0.0"
 
 js-sdsl@^4.1.4:
   version "4.1.4"
@@ -5480,37 +5527,36 @@ jsbn@~0.1.0:
   resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513"
   integrity sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg==
 
-jsdom@^19.0.0:
-  version "19.0.0"
-  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-19.0.0.tgz#93e67c149fe26816d38a849ea30ac93677e16b6a"
-  integrity sha512-RYAyjCbxy/vri/CfnjUWJQQtZ3LKlLnDqj+9XLNnJPgEGeirZs3hllKR20re8LUZ6o1b1X4Jat+Qd26zmP41+A==
+jsdom@^20.0.0:
+  version "20.0.3"
+  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-20.0.3.tgz#886a41ba1d4726f67a8858028c99489fed6ad4db"
+  integrity sha512-SYhBvTh89tTfCD/CRdSOm13mOBa42iTaTyfyEWBdKcGdPxPtLFBXuHR8XHb33YNYaP+lLbmSvBTsnoesCNJEsQ==
   dependencies:
-    abab "^2.0.5"
-    acorn "^8.5.0"
-    acorn-globals "^6.0.0"
+    abab "^2.0.6"
+    acorn "^8.8.1"
+    acorn-globals "^7.0.0"
     cssom "^0.5.0"
     cssstyle "^2.3.0"
-    data-urls "^3.0.1"
-    decimal.js "^10.3.1"
+    data-urls "^3.0.2"
+    decimal.js "^10.4.2"
     domexception "^4.0.0"
     escodegen "^2.0.0"
     form-data "^4.0.0"
     html-encoding-sniffer "^3.0.0"
     http-proxy-agent "^5.0.0"
-    https-proxy-agent "^5.0.0"
+    https-proxy-agent "^5.0.1"
     is-potential-custom-element-name "^1.0.1"
-    nwsapi "^2.2.0"
-    parse5 "6.0.1"
-    saxes "^5.0.1"
+    nwsapi "^2.2.2"
+    parse5 "^7.1.1"
+    saxes "^6.0.0"
     symbol-tree "^3.2.4"
-    tough-cookie "^4.0.0"
-    w3c-hr-time "^1.0.2"
-    w3c-xmlserializer "^3.0.0"
+    tough-cookie "^4.1.2"
+    w3c-xmlserializer "^4.0.0"
     webidl-conversions "^7.0.0"
     whatwg-encoding "^2.0.0"
     whatwg-mimetype "^3.0.0"
-    whatwg-url "^10.0.0"
-    ws "^8.2.3"
+    whatwg-url "^11.0.0"
+    ws "^8.11.0"
     xml-name-validator "^4.0.0"
 
 jsesc@^2.5.1:
@@ -5553,6 +5599,11 @@ json5@^2.2.1:
   resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.1.tgz#655d50ed1e6f95ad1a3caababd2b0efda10b395c"
   integrity sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==
 
+json5@^2.2.3:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
+  integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
+
 jsonfile@^6.0.1:
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-6.1.0.tgz#bc55b2634793c679ec6403094eb13698a6ec0aae"
@@ -6234,6 +6285,13 @@ nopt@^5.0.0:
   dependencies:
     abbrev "1"
 
+nopt@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/nopt/-/nopt-6.0.0.tgz#245801d8ebf409c6df22ab9d95b65e1309cdb16d"
+  integrity sha512-ZwLpbTgdhuZUnZzjd7nb1ZV+4DoiC6/sfiVKok72ym/4Tlf+DFdlHYmT2JPmcNNWV6Pi3SDf1kT+A4r9RTuT9g==
+  dependencies:
+    abbrev "^1.0.0"
+
 normalize-package-data@^2.0.0, normalize-package-data@^2.3.2, normalize-package-data@^2.5.0:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-2.5.0.tgz#e66db1838b200c1dfc233225d12cb36520e234a8"
@@ -6391,7 +6449,7 @@ number-is-nan@^1.0.0:
   resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d"
   integrity sha512-4jbtZXNAsfZbAHiiqjLPBiCl16dES1zI4Hpzzxw61Tk+loF+sBDBKx1ICKKKwIqQ7M0mFn1TmkN7euSncWgHiQ==
 
-nwsapi@^2.2.0:
+nwsapi@^2.2.2:
   version "2.2.2"
   resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.2.tgz#e5418863e7905df67d51ec95938d67bf801f0bb0"
   integrity sha512-90yv+6538zuvUMnN+zCr8LuV6bPFdq50304114vJYJ8RDyK8D5O9Phpbd6SZWgI7PwzmmfN1upeOJlvybDSgCw==
@@ -6678,10 +6736,12 @@ parse-url@^6.0.0:
     parse-path "^4.0.0"
     protocols "^1.4.0"
 
-parse5@6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/parse5/-/parse5-6.0.1.tgz#e1a1c085c569b3dc08321184f19a39cc27f7c30b"
-  integrity sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==
+parse5@^7.0.0, parse5@^7.1.1:
+  version "7.1.2"
+  resolved "https://registry.yarnpkg.com/parse5/-/parse5-7.1.2.tgz#0736bebbfd77793823240a23b7fc5e010b7f8e32"
+  integrity sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==
+  dependencies:
+    entities "^4.4.0"
 
 path-exists@^3.0.0:
   version "3.0.0"
@@ -6825,18 +6885,17 @@ prettier@^1.19.1:
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.19.1.tgz#f7d7f5ff8a9cd872a7be4ca142095956a60797cb"
   integrity sha512-s7PoyDv/II1ObgQunCbB9PdLmUcBZcnWOcxDh7O0N/UwDEsHyqkW+Qh28jW+mVuCdx7gLB0BotYI1Y6uI9iyew==
 
-prettier@^2.8.3:
-  version "2.8.3"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.3.tgz#ab697b1d3dd46fb4626fbe2f543afe0cc98d8632"
-  integrity sha512-tJ/oJ4amDihPoufT5sM0Z1SKEuKay8LfVAMlbbhnnkvt6BUserZylqo2PN+p9KeljLr0OHa2rXHU1T8reeoTrw==
+prettier@^2.8.4:
+  version "2.8.4"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.4.tgz#34dd2595629bfbb79d344ac4a91ff948694463c3"
+  integrity sha512-vIS4Rlc2FNh0BySk3Wkd6xmwxB0FpOndW5fisM5H8hsZSxU2VWVB5CWIkIjWvrHjIhxk2g3bfMKM87zNTrZddw==
 
-pretty-format@^28.0.0, pretty-format@^28.1.3:
-  version "28.1.3"
-  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-28.1.3.tgz#c9fba8cedf99ce50963a11b27d982a9ae90970d5"
-  integrity sha512-8gFb/To0OmxHR9+ZTb14Df2vNxdGCX8g1xWGUTqUw5TiZvcQf5sHKObd5UcPyLLyowNwDAMTF3XWOG1B6mxl1Q==
+pretty-format@^29.0.0, pretty-format@^29.4.3:
+  version "29.4.3"
+  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-29.4.3.tgz#25500ada21a53c9e8423205cf0337056b201244c"
+  integrity sha512-cvpcHTc42lcsvOOAzd3XuNWTcvk1Jmnzqeu+WsOuiPmxUJTnkbAcFNsRKvEpBEUFVUgy/GTZLulZDcDEi+CIlA==
   dependencies:
-    "@jest/schemas" "^28.1.3"
-    ansi-regex "^5.0.1"
+    "@jest/schemas" "^29.4.3"
     ansi-styles "^5.0.0"
     react-is "^18.0.0"
 
@@ -7284,10 +7343,10 @@ resolve-from@^5.0.0:
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-5.0.0.tgz#c35225843df8f776df21c57557bc087e9dfdfc69"
   integrity sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==
 
-resolve.exports@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/resolve.exports/-/resolve.exports-1.1.0.tgz#5ce842b94b05146c0e03076985d1d0e7e48c90c9"
-  integrity sha512-J1l+Zxxp4XK3LUDZ9m60LRJF/mAe4z6a4xyabPHk7pvK5t35dACV32iIjJDFeWZFfZlO29w6SZ67knR0tHzJtQ==
+resolve.exports@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/resolve.exports/-/resolve.exports-2.0.0.tgz#c1a0028c2d166ec2fbf7d0644584927e76e7400e"
+  integrity sha512-6K/gDlqgQscOlg9fSRpWstA8sYe8rbELsSTNpx+3kTrsVCzvSl0zIvRErM7fdl9ERWDsKnrLnwB+Ne89918XOg==
 
 resolve@^1.10.0, resolve@^1.15.1, resolve@^1.20.0, resolve@^1.22.0, resolve@^1.22.1:
   version "1.22.1"
@@ -7323,7 +7382,7 @@ rimraf@^2.6.3:
   dependencies:
     glob "^7.1.3"
 
-rimraf@^3.0.0, rimraf@^3.0.2:
+rimraf@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
   integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
@@ -7365,10 +7424,10 @@ rollup@^2.70.1:
   optionalDependencies:
     fsevents "~2.3.2"
 
-rollup@^3.10.0:
-  version "3.10.0"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.10.0.tgz#6eb19196d8b3b375ca651cb78261faac48e24cd6"
-  integrity sha512-JmRYz44NjC1MjVF2VKxc0M1a97vn+cDxeqWmnwyAF4FvpjK8YFdHpaqvQB+3IxCvX05vJxKZkoMDU8TShhmJVA==
+rollup@^3.15.0:
+  version "3.15.0"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.15.0.tgz#6f4105e8c4b8145229657b74ad660b02fbfacc05"
+  integrity sha512-F9hrCAhnp5/zx/7HYmftvsNBkMfLfk/dXUh73hPSM2E3CRgap65orDNJbLetoiUFwSAk6iHPLvBrZ5iHYvzqsg==
   optionalDependencies:
     fsevents "~2.3.2"
 
@@ -7423,10 +7482,10 @@ sass@^1.49.10:
     immutable "^4.0.0"
     source-map-js ">=0.6.2 <2.0.0"
 
-saxes@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/saxes/-/saxes-5.0.1.tgz#eebab953fa3b7608dbe94e5dadb15c888fa6696d"
-  integrity sha512-5LBh1Tls8c9xgGjw3QrMwETmTMVk0oFgvrFSvWx62llR2hcEInrKNZ2GZCCuuy2lvWrdl5jhbpeqc5hRYKFOcw==
+saxes@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/saxes/-/saxes-6.0.0.tgz#fe5b4a4768df4f14a201b1ba6a65c1f3d9988cc5"
+  integrity sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==
   dependencies:
     xmlchars "^2.2.0"
 
@@ -7488,6 +7547,11 @@ side-channel@^1.0.4:
     get-intrinsic "^1.0.2"
     object-inspect "^1.9.0"
 
+sigmund@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/sigmund/-/sigmund-1.0.1.tgz#3ff21f198cad2175f9f3b781853fd94d0d19b590"
+  integrity sha512-fCvEXfh6NWpm+YSuY2bpXb/VIihqWA6hLsgboC+0nl71Q7N7o2eaCW8mJa/NLvQhs6jpd3VZV4UiUQlV6+lc8g==
+
 signal-exit@^3.0.0, signal-exit@^3.0.2, signal-exit@^3.0.3, signal-exit@^3.0.7:
   version "3.0.7"
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.7.tgz#a9a1767f8af84155114eaabd73f99273c8f59ad9"
@@ -7790,7 +7854,7 @@ supports-color@^5.3.0:
   dependencies:
     has-flag "^3.0.0"
 
-supports-color@^7.0.0, supports-color@^7.1.0:
+supports-color@^7.1.0:
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
   integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
@@ -7804,14 +7868,6 @@ supports-color@^8.0.0:
   dependencies:
     has-flag "^4.0.0"
 
-supports-hyperlinks@^2.0.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/supports-hyperlinks/-/supports-hyperlinks-2.3.0.tgz#3943544347c1ff90b15effb03fc14ae45ec10624"
-  integrity sha512-RpsAZlpWcDwOPQA22aCH4J0t7L8JmAvsCxfOSEwm7cQs3LshN36QaTkwd70DnBOXDWGssw2eUoc8CaRWT0XunA==
-  dependencies:
-    has-flag "^4.0.0"
-    supports-color "^7.0.0"
-
 supports-preserve-symlinks-flag@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
@@ -7863,14 +7919,6 @@ temp-write@^4.0.0:
     temp-dir "^1.0.0"
     uuid "^3.3.2"
 
-terminal-link@^2.0.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/terminal-link/-/terminal-link-2.1.1.tgz#14a64a27ab3c0df933ea546fba55f2d078edc994"
-  integrity sha512-un0FmiRUQNr5PJqy9kP7c40F5BOfpGlYTrxonDChEZB7pzZxRNp/bt+ymiy9/npwXya9KH99nJ/GXFIiUkYGFQ==
-  dependencies:
-    ansi-escapes "^4.2.1"
-    supports-hyperlinks "^2.0.0"
-
 test-exclude@^6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-6.0.0.tgz#04a8698661d805ea6fa293b6cb9e63ac044ef15e"
@@ -7944,7 +7992,7 @@ toml@^3.0.0:
   resolved "https://registry.yarnpkg.com/toml/-/toml-3.0.0.tgz#342160f1af1904ec9d204d03a5d61222d762c5ee"
   integrity sha512-y/mWCZinnvxjTKYhJ+pYxwD0mRLVvOtdS2Awbgxln6iEnt4rk0yBxeSBHkGJcPucRiG0e55mwWp+g/05rsrd6w==
 
-tough-cookie@^4.0.0:
+tough-cookie@^4.1.2:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-4.1.2.tgz#e53e84b85f24e0b65dd526f46628db6c85f6b874"
   integrity sha512-G9fqXWoYFZgTc2z8Q5zaHy/vJMjm+WV0AkAeHxVCQiEB1b+dGvWzFW6QV07cY5jQ5gRkeid2qIkzkxUnmoQZUQ==
@@ -7991,15 +8039,15 @@ ts-debounce@^4.0.0:
   resolved "https://registry.yarnpkg.com/ts-debounce/-/ts-debounce-4.0.0.tgz#33440ef64fab53793c3d546a8ca6ae539ec15841"
   integrity sha512-+1iDGY6NmOGidq7i7xZGA4cm8DAa6fqdYcvO5Z6yBevH++Bdo9Qt/mN0TzHUgcCcKv1gmh9+W5dHqz8pMWbCbg==
 
-ts-jest@^28.0.8:
-  version "28.0.8"
-  resolved "https://registry.yarnpkg.com/ts-jest/-/ts-jest-28.0.8.tgz#cd204b8e7a2f78da32cf6c95c9a6165c5b99cc73"
-  integrity sha512-5FaG0lXmRPzApix8oFG8RKjAz4ehtm8yMKOTy5HX3fY6W8kmvOrmcY0hKDElW52FJov+clhUbrKAqofnj4mXTg==
+ts-jest@^29.0.5:
+  version "29.0.5"
+  resolved "https://registry.yarnpkg.com/ts-jest/-/ts-jest-29.0.5.tgz#c5557dcec8fe434fcb8b70c3e21c6b143bfce066"
+  integrity sha512-PL3UciSgIpQ7f6XjVOmbi96vmDHUqAyqDr8YxzopDqX3kfgYtX1cuNeBjP+L9sFXi6nzsGGA6R3fP3DDDJyrxA==
   dependencies:
     bs-logger "0.x"
     fast-json-stable-stringify "2.x"
-    jest-util "^28.0.0"
-    json5 "^2.2.1"
+    jest-util "^29.0.0"
+    json5 "^2.2.3"
     lodash.memoize "4.x"
     make-error "1.x"
     semver "7.x"
@@ -8110,10 +8158,10 @@ typedarray@^0.0.6:
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
   integrity sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==
 
-typescript@^4.9.4:
-  version "4.9.4"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.9.4.tgz#a2a3d2756c079abda241d75f149df9d561091e78"
-  integrity sha512-Uz+dTXYzxXXbsFpM86Wh3dKCxrQqUcVMxwU54orwlJjOpO3ao8L7j5lH+dWfTwgCwIuM9GQ2kvVotzYJMXTBZg==
+typescript@^4.9.5:
+  version "4.9.5"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.9.5.tgz#095979f9bcc0d09da324d58d03ce8f8374cbe65a"
+  integrity sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==
 
 uc.micro@^1.0.1, uc.micro@^1.0.5:
   version "1.0.6"
@@ -8291,10 +8339,10 @@ vue-docgen-api@^4.45.0:
     ts-map "^1.0.3"
     vue-inbrowser-compiler-independent-utils "^4.52.0"
 
-vue-docgen-cli@^4.56.1:
-  version "4.56.1"
-  resolved "https://registry.yarnpkg.com/vue-docgen-cli/-/vue-docgen-cli-4.56.1.tgz#bd226a6a078cedec8b6b6f6dc3828ab03e57a88e"
-  integrity sha512-JwZ/6UBDvhRjK3VEm7SAYrr7DE67+2iknH12j5TpP83nQFRgd6gLkciG1ge5xV3Q83IIzsA8NncY5sE29DwHYQ==
+vue-docgen-cli@^4.57.1:
+  version "4.57.1"
+  resolved "https://registry.yarnpkg.com/vue-docgen-cli/-/vue-docgen-cli-4.57.1.tgz#d503ee699f34c418e850511b8e790a66b59b8c04"
+  integrity sha512-40RRLdEMG9YLIYlGVQmJQm14iOrt4Ju9438GqdObHmxMBeFL4IgsDHqWkcdqMR9bfsprymIhukphoFxUERbUJg==
   dependencies:
     chokidar "^3.5.1"
     globby "^10.0.2"
@@ -8347,16 +8395,16 @@ vue@^3.2.31:
     "@vue/server-renderer" "3.2.39"
     "@vue/shared" "3.2.39"
 
-vue@^3.2.45:
-  version "3.2.45"
-  resolved "https://registry.yarnpkg.com/vue/-/vue-3.2.45.tgz#94a116784447eb7dbd892167784619fef379b3c8"
-  integrity sha512-9Nx/Mg2b2xWlXykmCwiTUCWHbWIj53bnkizBxKai1g61f2Xit700A1ljowpTIM11e3uipOeiPcSqnmBg6gyiaA==
+vue@^3.2.47:
+  version "3.2.47"
+  resolved "https://registry.yarnpkg.com/vue/-/vue-3.2.47.tgz#3eb736cbc606fc87038dbba6a154707c8a34cff0"
+  integrity sha512-60188y/9Dc9WVrAZeUVSDxRQOZ+z+y5nO2ts9jWXSTkMvayiWxCWOWtBQoYjLeccfXkiiPZWAHcV+WTPhkqJHQ==
   dependencies:
-    "@vue/compiler-dom" "3.2.45"
-    "@vue/compiler-sfc" "3.2.45"
-    "@vue/runtime-dom" "3.2.45"
-    "@vue/server-renderer" "3.2.45"
-    "@vue/shared" "3.2.45"
+    "@vue/compiler-dom" "3.2.47"
+    "@vue/compiler-sfc" "3.2.47"
+    "@vue/runtime-dom" "3.2.47"
+    "@vue/server-renderer" "3.2.47"
+    "@vue/shared" "3.2.47"
 
 vuepress-vite@2.0.0-beta.38:
   version "2.0.0-beta.38"
@@ -8375,17 +8423,10 @@ vuepress@2.0.0-beta.38:
   dependencies:
     vuepress-vite "2.0.0-beta.38"
 
-w3c-hr-time@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz#0a89cdf5cc15822df9c360543676963e0cc308cd"
-  integrity sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==
-  dependencies:
-    browser-process-hrtime "^1.0.0"
-
-w3c-xmlserializer@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-3.0.0.tgz#06cdc3eefb7e4d0b20a560a5a3aeb0d2d9a65923"
-  integrity sha512-3WFqGEgSXIyGhOmAFtlicJNMjEps8b1MG31NCA0/vOF9+nKMUW1ckhi9cnNHmf88Rzw5V+dwIwsm2C7X8k9aQg==
+w3c-xmlserializer@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz#aebdc84920d806222936e3cdce408e32488a3073"
+  integrity sha512-d+BFHzbiCx6zGfz0HyQ6Rg69w9k19nviJspaj4yNscGjrHu94sVP+aRm75yEbCh+r2/yR+7q6hux9LVtbuTGBw==
   dependencies:
     xml-name-validator "^4.0.0"
 
@@ -8430,14 +8471,6 @@ whatwg-mimetype@^3.0.0:
   resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz#5fa1a7623867ff1af6ca3dc72ad6b8a4208beba7"
   integrity sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==
 
-whatwg-url@^10.0.0:
-  version "10.0.0"
-  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-10.0.0.tgz#37264f720b575b4a311bd4094ed8c760caaa05da"
-  integrity sha512-CLxxCmdUby142H5FZzn4D8ikO1cmypvXVQktsgosNy4a4BHrDHeciBBGZhb0bNoR5/MltoCatso+vFjjGx8t0w==
-  dependencies:
-    tr46 "^3.0.0"
-    webidl-conversions "^7.0.0"
-
 whatwg-url@^11.0.0:
   version "11.0.0"
   resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-11.0.0.tgz#0a849eebb5faf2119b901bb76fd795c2848d4018"
@@ -8548,7 +8581,7 @@ write-file-atomic@^3.0.0, write-file-atomic@^3.0.3:
     signal-exit "^3.0.2"
     typedarray-to-buffer "^3.1.5"
 
-write-file-atomic@^4.0.1:
+write-file-atomic@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-4.0.2.tgz#a9df01ae5b77858a027fd2e80768ee433555fcfd"
   integrity sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg==
@@ -8589,10 +8622,10 @@ write-pkg@^4.0.0:
     type-fest "^0.4.1"
     write-json-file "^3.2.0"
 
-ws@^8.2.3:
-  version "8.8.1"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-8.8.1.tgz#5dbad0feb7ade8ecc99b830c1d77c913d4955ff0"
-  integrity sha512-bGy2JzvzkPowEJV++hF07hAD6niYSr0JzBNo/J29WsB57A2r7Wlc1UFcTR9IzrPvuNVO4B8LGqF8qcpsVOhJCA==
+ws@^8.11.0:
+  version "8.12.1"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-8.12.1.tgz#c51e583d79140b5e42e39be48c934131942d4a8f"
+  integrity sha512-1qo+M9Ba+xNhPB+YTWUlK6M17brTut5EXbcBaMRN5pH5dFrXz7lzz1ChFSUq3bOUl8yEvSenhHmYUNJxFzdJew==
 
 xml-name-validator@^4.0.0:
   version "4.0.0"

From 5016bc109d98d913e2eff7724ec84ac851e5794e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Wed, 15 Feb 2023 15:11:15 +0100
Subject: [PATCH 060/346] docs: update API documentation

---
 .../src/components/offcanvas/COffcanvas.ts    |  1 +
 packages/docs/api/modal/CModal.api.md         |  2 +-
 packages/docs/api/offcanvas/COffcanvas.api.md | 15 ++++----
 packages/docs/api/table/CTable.api.md         | 36 +++++++++----------
 4 files changed, 28 insertions(+), 26 deletions(-)

diff --git a/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts b/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts
index b2ed8564..f8589911 100644
--- a/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts
+++ b/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts
@@ -50,6 +50,7 @@ const COffcanvas = defineComponent({
      * Responsive offcanvas property hide content outside the viewport from a specified breakpoint and down.
      *
      * @values boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'
+     * @since 4.7.0
      */
     responsive: {
       type: [Boolean, String],
diff --git a/packages/docs/api/modal/CModal.api.md b/packages/docs/api/modal/CModal.api.md
index 11872ba7..f59e26d4 100644
--- a/packages/docs/api/modal/CModal.api.md
+++ b/packages/docs/api/modal/CModal.api.md
@@ -11,7 +11,7 @@ import CModal from '@coreui/vue/src/components/modal/CModal'
 | Prop name              | Description                                                                                                                        | Type            | Values                                             | Default |
 | ---------------------- | ---------------------------------------------------------------------------------------------------------------------------------- | --------------- | -------------------------------------------------- | ------- |
 | **alignment**          | Align the modal in the center or top of the screen.                                                                                | string          | `'top'`, `'center'`                                | 'top'   |
-| **backdrop**           | Apply a backdrop on body while offcanvas is open.                                                                                  | boolean\|string | `'static'`                                         | true    |
+| **backdrop**           | Apply a backdrop on body while offcanvas is open.                                                                                  | boolean\|string | `boolean \| 'static'`                              | true    |
 | **content-class-name** | A string of all className you want applied to the modal content component.                                                         | string          | -                                                  | -       |
 | **fullscreen**         | Set modal to covers the entire user viewport                                                                                       | boolean\|string | `boolean`, `'sm'`, `'md'`, `'lg'`, `'xl'`, `'xxl'` | -       |
 | **keyboard**           | Closes the modal when escape key is pressed.                                                                                       | boolean         | -                                                  | true    |
diff --git a/packages/docs/api/offcanvas/COffcanvas.api.md b/packages/docs/api/offcanvas/COffcanvas.api.md
index 19f01df5..e9101166 100644
--- a/packages/docs/api/offcanvas/COffcanvas.api.md
+++ b/packages/docs/api/offcanvas/COffcanvas.api.md
@@ -8,13 +8,14 @@ import COffcanvas from '@coreui/vue/src/components/offcanvas/COffcanvas'
 
 #### Props
 
-| Prop name     | Description                                         | Type    | Values                                  | Default |
-| ------------- | --------------------------------------------------- | ------- | --------------------------------------- | ------- |
-| **backdrop**  | Apply a backdrop on body while offcanvas is open.   | boolean | -                                       | true    |
-| **keyboard**  | Closes the offcanvas when escape key is pressed.    | boolean | -                                       | true    |
-| **placement** | Components placement, there’s no default placement. | string  | `'start'`, `'end'`, `'top'`, `'bottom'` | -       |
-| **scroll**    | Allow body scrolling while offcanvas is open        | boolean | -                                       | false   |
-| **visible**   | Toggle the visibility of offcanvas component.       | boolean | -                                       |         |
+| Prop name                                                     | Description                                                                                           | Type            | Values                                             | Default |
+| ------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------- | --------------- | -------------------------------------------------- | ------- |
+| **backdrop**                                                  | Apply a backdrop on body while offcanvas is open.                                                     | boolean\|string | `boolean \| 'static'`                              | true    |
+| **keyboard**                                                  | Closes the offcanvas when escape key is pressed.                                                      | boolean         | -                                                  | true    |
+| **placement**                                                 | Components placement, there’s no default placement.                                                   | string          | `'start'`, `'end'`, `'top'`, `'bottom'`            | -       |
+| **responsive** <br><div class="badge bg-primary">4.7.0+</div> | Responsive offcanvas property hide content outside the viewport from a specified breakpoint and down. | boolean\|string | `boolean \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'xxl'` | true    |
+| **scroll**                                                    | Allow body scrolling while offcanvas is open                                                          | boolean         | -                                                  | false   |
+| **visible**                                                   | Toggle the visibility of offcanvas component.                                                         | boolean         | -                                                  |         |
 
 #### Events
 
diff --git a/packages/docs/api/table/CTable.api.md b/packages/docs/api/table/CTable.api.md
index e8325987..d0c6dcd1 100644
--- a/packages/docs/api/table/CTable.api.md
+++ b/packages/docs/api/table/CTable.api.md
@@ -8,21 +8,21 @@ import CTable from '@coreui/vue/src/components/table/CTable'
 
 #### Props
 
-| Prop name                                                           | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | Type                 | Values                                                                                                    | Default  |
-| ------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------- | --------------------------------------------------------------------------------------------------------- | -------- |
-| **align**                                                           | Set the vertical aligment.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | string               | `'bottom'`, `'middle'`, `'top'`                                                                           | -        |
-| **border-color**                                                    | Sets the border color of the component to one of CoreUI’s themed colors.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | string               | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`           |          |
-| **bordered**                                                        | Add borders on all sides of the table and cells.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | boolean              | -                                                                                                         |          |
-| **borderless**                                                      | Remove borders on all sides of the table and cells.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | boolean              | -                                                                                                         |          |
-| **caption**                                                         | Put the `<caption>` on the top of the table.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | string               | `'top' \| string`                                                                                         | -        |
-| **caption-top** <br><div class="badge bg-primary">4.5.0+</div>      | Set the text of the table caption and the caption on the top of the table.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | string               | -                                                                                                         | -        |
-| **columns** <br><div class="badge bg-primary">4.5.0+</div>          | Prop for table columns configuration. If prop is not defined, table will display columns based on the first item keys, omitting keys that begins with underscore (e.g. '\_props')<br><br>In columns prop each array item represents one column. Item might be specified in two ways:<br>String: each item define column name equal to item value.<br>Object: item is object with following keys available as column configuration:<br>- key (required)(String) - define column name equal to item key.<br>- label (String) - define visible label of column. If not defined, label will be generated automatically based on column name, by converting kebab-case and snake_case to individual words and capitalization of each word.<br>- \_props (Object) - adds classes to all cels in column, ex. \_props: { scope: 'col', className: 'custom-class' },<br>- \_style (Object) - adds styles to the column header (useful for defining widths) | Column[] \| string[] | -                                                                                                         |          |
-| **color**                                                           | Sets the color context of the component to one of CoreUI’s themed colors.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | string               | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` |          |
-| **footer** <br><div class="badge bg-primary">4.5.0+</div>           | Array of objects or strings, where each element represents one cell in the table footer.<br><br>Example items:<br>['FooterCell', 'FooterCell', 'FooterCell']<br>or<br>[{ label: 'FooterCell', _props: { color: 'success' }, ...]                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | FooterItem[]         | -                                                                                                         | () => [] |
-| **hover**                                                           | Enable a hover state on table rows within a `<CTableBody>`.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | boolean              | -                                                                                                         |          |
-| **items** <br><div class="badge bg-primary">4.5.0+</div>            | Array of objects, where each object represents one item - row in table. Additionally, you can add style classes to each row by passing them by '\_props' key and to single cell by '\_cellProps'.<br><br>Example item:<br>{ name: 'John' , age: 12, \_props: { color: 'success' }, \_cellProps: { age: { className: 'fw-bold'}}}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | Item[]               | -                                                                                                         | () => [] |
-| **small**                                                           | Make table more compact by cutting all cell `padding` in half.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | boolean              | -                                                                                                         |          |
-| **striped**                                                         | Add zebra-striping to any table row within the `<CTableBody>`.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | boolean              | -                                                                                                         |          |
-| **striped-columns** <br><div class="badge bg-primary">4.4.0+</div>  | Add zebra-striping to any table column.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | boolean              | -                                                                                                         |          |
-| **table-foot-props** <br><div class="badge bg-primary">4.5.0+</div> | Properties that will be passed to the table footer component.<br><br>Properties to [CTableFoot](#ctablefoot) component.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | object               | -                                                                                                         | -        |
-| **table-head-props** <br><div class="badge bg-primary">4.5.0+</div> | Properties that will be passed to the table head component.<br><br> Properties to [CTableHead](#ctablehead) component.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | object               | -                                                                                                         | -        |
+| Prop name                                                           | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | Type                     | Values                                                                                                    | Default |
+| ------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------ | --------------------------------------------------------------------------------------------------------- | ------- |
+| **align**                                                           | Set the vertical aligment.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | string                   | `'bottom'`, `'middle'`, `'top'`                                                                           | -       |
+| **border-color**                                                    | Sets the border color of the component to one of CoreUI’s themed colors.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | string                   | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`           |         |
+| **bordered**                                                        | Add borders on all sides of the table and cells.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | boolean                  | -                                                                                                         |         |
+| **borderless**                                                      | Remove borders on all sides of the table and cells.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | boolean                  | -                                                                                                         |         |
+| **caption**                                                         | Put the `<caption>` on the top of the table.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | string                   | `'top' \| string`                                                                                         | -       |
+| **caption-top** <br><div class="badge bg-primary">4.5.0+</div>      | Set the text of the table caption and the caption on the top of the table.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | string                   | -                                                                                                         | -       |
+| **columns** <br><div class="badge bg-primary">4.5.0+</div>          | Prop for table columns configuration. If prop is not defined, table will display columns based on the first item keys, omitting keys that begins with underscore (e.g. '\_props')<br><br>In columns prop each array item represents one column. Item might be specified in two ways:<br>String: each item define column name equal to item value.<br>Object: item is object with following keys available as column configuration:<br>- key (required)(String) - define column name equal to item key.<br>- label (String) - define visible label of column. If not defined, label will be generated automatically based on column name, by converting kebab-case and snake_case to individual words and capitalization of each word.<br>- \_props (Object) - adds classes to all cels in column, ex. \_props: { scope: 'col', className: 'custom-class' },<br>- \_style (Object) - adds styles to the column header (useful for defining widths) | (Column \| string)[]     | -                                                                                                         |         |
+| **color**                                                           | Sets the color context of the component to one of CoreUI’s themed colors.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | string                   | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` |         |
+| **footer** <br><div class="badge bg-primary">4.5.0+</div>           | Array of objects or strings, where each element represents one cell in the table footer.<br><br>Example items:<br>['FooterCell', 'FooterCell', 'FooterCell']<br>or<br>[{ label: 'FooterCell', _props: { color: 'success' }, ...]                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | (FooterItem \| string)[] | -                                                                                                         |         |
+| **hover**                                                           | Enable a hover state on table rows within a `<CTableBody>`.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | boolean                  | -                                                                                                         |         |
+| **items** <br><div class="badge bg-primary">4.5.0+</div>            | Array of objects, where each object represents one item - row in table. Additionally, you can add style classes to each row by passing them by '\_props' key and to single cell by '\_cellProps'.<br><br>Example item:<br>{ name: 'John' , age: 12, \_props: { color: 'success' }, \_cellProps: { age: { className: 'fw-bold'}}}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | Item[]                   | -                                                                                                         |         |
+| **small**                                                           | Make table more compact by cutting all cell `padding` in half.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | boolean                  | -                                                                                                         |         |
+| **striped**                                                         | Add zebra-striping to any table row within the `<CTableBody>`.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | boolean                  | -                                                                                                         |         |
+| **striped-columns** <br><div class="badge bg-primary">4.4.0+</div>  | Add zebra-striping to any table column.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | boolean                  | -                                                                                                         |         |
+| **table-foot-props** <br><div class="badge bg-primary">4.5.0+</div> | Properties that will be passed to the table footer component.<br><br>Properties to [CTableFoot](#ctablefoot) component.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | object                   | -                                                                                                         | -       |
+| **table-head-props** <br><div class="badge bg-primary">4.5.0+</div> | Properties that will be passed to the table head component.<br><br> Properties to [CTableHead](#ctablehead) component.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | object                   | -                                                                                                         | -       |

From b0ccf7086421767cb0eddef835eb5ec91dc4f5bc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Wed, 15 Feb 2023 15:11:43 +0100
Subject: [PATCH 061/346] refactor(CModal): update props

---
 .../coreui-vue/src/components/modal/CModal.ts | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/packages/coreui-vue/src/components/modal/CModal.ts b/packages/coreui-vue/src/components/modal/CModal.ts
index a03cff21..90ccf5df 100644
--- a/packages/coreui-vue/src/components/modal/CModal.ts
+++ b/packages/coreui-vue/src/components/modal/CModal.ts
@@ -25,7 +25,6 @@ const CModal = defineComponent({
      */
     alignment: {
       default: 'top',
-      required: false,
       validator: (value: string) => {
         return ['top', 'center'].includes(value)
       },
@@ -33,12 +32,20 @@ const CModal = defineComponent({
     /**
      * Apply a backdrop on body while offcanvas is open.
      *
-     * @values 'static'
+     * @values boolean | 'static'
      */
     backdrop: {
       type: [Boolean, String],
       default: true,
-      require: false,
+      validator: (value: boolean | string) => {
+        if (typeof value == 'string') {
+          return ['static'].includes(value)
+        }
+        if (typeof value == 'boolean') {
+          return true
+        }
+        return false
+      },
     },
     /**
      * A string of all className you want applied to the modal content component.
@@ -46,7 +53,6 @@ const CModal = defineComponent({
     contentClassName: {
       type: String,
       default: undefined,
-      required: false,
     },
     /**
      * Set modal to covers the entire user viewport
@@ -56,7 +62,6 @@ const CModal = defineComponent({
     fullscreen: {
       type: [Boolean, String],
       default: undefined,
-      required: false,
       validator: (value: boolean | string) => {
         if (typeof value == 'string') {
           return ['sm', 'md', 'lg', 'xl', 'xxl'].includes(value)
@@ -73,14 +78,12 @@ const CModal = defineComponent({
     keyboard: {
       type: Boolean,
       default: true,
-      required: false,
     },
     /**
      * Create a scrollable modal that allows scrolling the modal body.
      */
     scrollable: {
       type: Boolean,
-      required: false,
     },
     /**
      * Size the component small, large, or extra large.
@@ -90,7 +93,6 @@ const CModal = defineComponent({
     size: {
       type: String,
       default: undefined,
-      required: false,
       validator: (value: string) => {
         return ['sm', 'lg', 'xl'].includes(value)
       },
@@ -101,7 +103,6 @@ const CModal = defineComponent({
     transition: {
       type: Boolean,
       default: true,
-      required: false,
     },
     /**
      * By default the component is unmounted after close animation, if you want to keep the component mounted set this property to false.
@@ -109,7 +110,6 @@ const CModal = defineComponent({
     unmountOnClose: {
       type: Boolean,
       default: true,
-      required: false,
     },
     /**
      * Toggle the visibility of alert component.

From 243508e03500495f85bc00dad472c4b2f6ebe6fd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Thu, 16 Feb 2023 14:07:35 +0100
Subject: [PATCH 062/346] chore: clean-up

---
 packages/coreui-vue/src/components/offcanvas/COffcanvas.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts b/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts
index f8589911..7285df6e 100644
--- a/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts
+++ b/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts
@@ -146,7 +146,6 @@ const COffcanvas = defineComponent({
     }
 
     const handleKeyDown = (event: KeyboardEvent) => {
-      console.log('keydown')
       if (event.key === 'Escape' && props.keyboard) {
         handleDismiss()
       }

From e78e5c6b357ed776db9f0bc63f6a741f81cc93f1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Wed, 22 Feb 2023 13:44:22 +0100
Subject: [PATCH 063/346] docs: add docsearch

---
 .../src/client/components/Header.vue          |   1 +
 .../src/client/layouts/Layout.vue             |  15 +-
 .../src/client/styles/_search.scss            | 114 ++++++++++++
 .../theme-coreui/src/client/styles/index.scss |   2 +
 packages/docs/package.json                    |   2 +
 yarn.lock                                     | 171 ++++++++++++++++++
 6 files changed, 304 insertions(+), 1 deletion(-)
 create mode 100644 packages/docs/.vuepress/theme-coreui/src/client/styles/_search.scss

diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
index ccd0232a..8e548abf 100644
--- a/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
+++ b/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
@@ -3,6 +3,7 @@
     <CHeaderToggler class="ms-md-3" @click="$emit('toggle-sidebar')">
       <CIcon icon="cil-menu" size="lg" />
     </CHeaderToggler>
+    <div class="docs-search" id="docsearch"></div>
     <CHeaderNav class="ms-auto">
       <CNavItem href="https://github.com/coreui">
         <CIcon icon="cib-github" size="xl" />
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue b/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue
index a578bafc..bd13c446 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue
+++ b/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue
@@ -45,7 +45,7 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, ref, Transition } from 'vue'
+import { computed, defineComponent, onMounted, ref, Transition } from 'vue'
 import { usePageData, usePageFrontmatter } from '@vuepress/client'
 import type { DefaultThemePageFrontmatter } from '../../shared'
 import Footer from '../components/Footer.vue'
@@ -54,6 +54,7 @@ import Home from '../components/Home.vue'
 import Page from '../components/Page.vue'
 import Sidebar from '../components/Sidebar.vue'
 import { useScrollPromise, useSidebarItems, useThemeLocaleData } from '../composables'
+import docsearch from '@docsearch/js'
 
 export default defineComponent({
   name: 'Layout',
@@ -100,6 +101,18 @@ export default defineComponent({
     const onBeforeEnter = scrollPromise.resolve
     const onBeforeLeave = scrollPromise.pending
 
+    onMounted(() => {
+      const searchElement = document.getElementById('docsearch') as HTMLElement
+      docsearch({
+        appId: 'RG8RW9GEH3',
+        apiKey: '4926b633296d71c6d727f7766170f82b',
+        indexName: 'coreuivue',
+        container: searchElement,
+        // @ts-ignore
+        debug: false,
+      })
+    })
+
     return {
       isSidebarOpen,
       frontmatter,
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_search.scss b/packages/docs/.vuepress/theme-coreui/src/client/styles/_search.scss
new file mode 100644
index 00000000..645cb20b
--- /dev/null
+++ b/packages/docs/.vuepress/theme-coreui/src/client/styles/_search.scss
@@ -0,0 +1,114 @@
+// stylelint-disable selector-class-pattern
+
+.DocSearch-Container {
+  --docsearch-muted-color: #{$text-muted};
+  --docsearch-hit-shadow: none;
+
+  z-index: 2000; // Make sure to be over all components showcased in the documentation
+  cursor: auto; // Needed because of [role="button"] in Algolia search modal. Remove once https://github.com/algolia/docsearch/issues/1370 is tackled.
+
+  @include media-breakpoint-up(lg) {
+    padding-top: 4rem;
+  }
+}
+
+.DocSearch-Button {
+  min-width: 200px;
+  min-height: 38px;
+  font-family: $input-font-family;
+  font-weight: $input-font-weight;
+  line-height: $input-line-height;
+  @include font-size($input-font-size);
+  color: $input-color;
+  background-color: $input-bg;
+  background-clip: padding-box;
+  border: $input-border-width solid $input-border-color;
+
+  // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.
+  @include border-radius($btn-border-radius);
+
+  @include box-shadow($input-box-shadow);
+  @include transition($input-transition);
+
+  &:focus {
+    color: $input-focus-color;
+    background-color: $input-focus-bg;
+    border-color: $input-focus-border-color;
+    outline: 0;
+    @if $enable-shadows {
+      @include box-shadow($input-box-shadow, $input-focus-box-shadow);
+    } @else {
+      // Avoid using mixin so we can pass custom focus shadow properly
+      box-shadow: $input-focus-box-shadow;
+    }
+  }
+
+  &:hover:not(:disabled):not([readonly])::file-selector-button {
+    background-color: $form-file-button-hover-bg;
+  }
+
+  .DocSearch-Search-Icon {
+    opacity: .65;
+  }
+}
+
+
+.DocSearch-Button-Keys {
+  min-width: 0;
+  padding: 0 .25rem;
+  background: rgba($black, .125);
+  @include border-radius(.25rem);
+}
+
+.DocSearch-Button-Key {
+  top: 0;
+  width: auto;
+  height: 1.5rem;
+  padding: 0 .125rem;
+  margin-right: 0;
+  font-size: .875rem;
+  background: none;
+  box-shadow: none;
+}
+
+.DocSearch-Commands-Key {
+  padding-left: 1px;
+  font-size: .875rem;
+  background-color: rgba($black, .1);
+  background-image: none;
+  box-shadow: none;
+}
+
+.DocSearch-Form {
+  @include border-radius(var(--cui-border-radius));
+}
+
+.DocSearch-Hits {
+  mark {
+    padding: 0;
+  }
+}
+
+.DocSearch-Hit {
+  padding-bottom: 0;
+  @include border-radius(0);
+
+  a {
+    @include border-radius(0);
+    border: solid var(--cui-border-color);
+    border-width: 0 1px 1px;
+  }
+
+  &:first-child a {
+    @include border-top-radius(var(--cui-border-radius));
+    border-top-width: 1px;
+  }
+  &:last-child a {
+    @include border-bottom-radius(var(--cui-border-radius));
+  }
+}
+
+.DocSearch-Hit-icon {
+  display: flex;
+  align-items: center;
+}
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/index.scss b/packages/docs/.vuepress/theme-coreui/src/client/styles/index.scss
index 47050c01..d2e72339 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/styles/index.scss
+++ b/packages/docs/.vuepress/theme-coreui/src/client/styles/index.scss
@@ -1,10 +1,12 @@
 @import '@coreui/coreui/scss/coreui.scss';
+@import '@docsearch/css/dist/style.css';
 
 @import 'ads';
 @import 'anchor';
 @import 'demo';
 @import 'footer';
 @import 'layout';
+@import 'search';
 @import 'sidebar';
 @import 'table-api';
 @import 'toc';
diff --git a/packages/docs/package.json b/packages/docs/package.json
index fa6a8903..1909f33c 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -13,6 +13,8 @@
     "@coreui/icons": "^3.0.0",
     "@coreui/icons-vue": "^2.0.0",
     "@coreui/vue-chartjs": "^2.0.1",
+    "@docsearch/css": "^3.3.3",
+    "@docsearch/js": "^3.3.3",
     "@vuepress/plugin-toc": "2.0.0-beta.38",
     "markdown-it-include": "^2.0.0",
     "vue-docgen-cli": "^4.57.1",
diff --git a/yarn.lock b/yarn.lock
index 3236b4e0..4f67040c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2,6 +2,129 @@
 # yarn lockfile v1
 
 
+"@algolia/autocomplete-core@1.7.4":
+  version "1.7.4"
+  resolved "https://registry.yarnpkg.com/@algolia/autocomplete-core/-/autocomplete-core-1.7.4.tgz#85ff36b2673654a393c8c505345eaedd6eaa4f70"
+  integrity sha512-daoLpQ3ps/VTMRZDEBfU8ixXd+amZcNJ4QSP3IERGyzqnL5Ch8uSRFt/4G8pUvW9c3o6GA4vtVv4I4lmnkdXyg==
+  dependencies:
+    "@algolia/autocomplete-shared" "1.7.4"
+
+"@algolia/autocomplete-preset-algolia@1.7.4":
+  version "1.7.4"
+  resolved "https://registry.yarnpkg.com/@algolia/autocomplete-preset-algolia/-/autocomplete-preset-algolia-1.7.4.tgz#610ee1d887962f230b987cba2fd6556478000bc3"
+  integrity sha512-s37hrvLEIfcmKY8VU9LsAXgm2yfmkdHT3DnA3SgHaY93yjZ2qL57wzb5QweVkYuEBZkT2PIREvRoLXC2sxTbpQ==
+  dependencies:
+    "@algolia/autocomplete-shared" "1.7.4"
+
+"@algolia/autocomplete-shared@1.7.4":
+  version "1.7.4"
+  resolved "https://registry.yarnpkg.com/@algolia/autocomplete-shared/-/autocomplete-shared-1.7.4.tgz#78aea1140a50c4d193e1f06a13b7f12c5e2cbeea"
+  integrity sha512-2VGCk7I9tA9Ge73Km99+Qg87w0wzW4tgUruvWAn/gfey1ZXgmxZtyIRBebk35R1O8TbK77wujVtCnpsGpRy1kg==
+
+"@algolia/cache-browser-local-storage@4.14.3":
+  version "4.14.3"
+  resolved "https://registry.yarnpkg.com/@algolia/cache-browser-local-storage/-/cache-browser-local-storage-4.14.3.tgz#b9e0da012b2f124f785134a4d468ee0841b2399d"
+  integrity sha512-hWH1yCxgG3+R/xZIscmUrWAIBnmBFHH5j30fY/+aPkEZWt90wYILfAHIOZ1/Wxhho5SkPfwFmT7ooX2d9JeQBw==
+  dependencies:
+    "@algolia/cache-common" "4.14.3"
+
+"@algolia/cache-common@4.14.3":
+  version "4.14.3"
+  resolved "https://registry.yarnpkg.com/@algolia/cache-common/-/cache-common-4.14.3.tgz#a78e9faee3dfec018eab7b0996e918e06b476ac7"
+  integrity sha512-oZJofOoD9FQOwiGTzyRnmzvh3ZP8WVTNPBLH5xU5JNF7drDbRT0ocVT0h/xB2rPHYzOeXRrLaQQBwRT/CKom0Q==
+
+"@algolia/cache-in-memory@4.14.3":
+  version "4.14.3"
+  resolved "https://registry.yarnpkg.com/@algolia/cache-in-memory/-/cache-in-memory-4.14.3.tgz#96cefb942aeb80e51e6a7e29f25f4f7f3439b736"
+  integrity sha512-ES0hHQnzWjeioLQf5Nq+x1AWdZJ50znNPSH3puB/Y4Xsg4Av1bvLmTJe7SY2uqONaeMTvL0OaVcoVtQgJVw0vg==
+  dependencies:
+    "@algolia/cache-common" "4.14.3"
+
+"@algolia/client-account@4.14.3":
+  version "4.14.3"
+  resolved "https://registry.yarnpkg.com/@algolia/client-account/-/client-account-4.14.3.tgz#6d7d032a65c600339ce066505c77013d9a9e4966"
+  integrity sha512-PBcPb0+f5Xbh5UfLZNx2Ow589OdP8WYjB4CnvupfYBrl9JyC1sdH4jcq/ri8osO/mCZYjZrQsKAPIqW/gQmizQ==
+  dependencies:
+    "@algolia/client-common" "4.14.3"
+    "@algolia/client-search" "4.14.3"
+    "@algolia/transporter" "4.14.3"
+
+"@algolia/client-analytics@4.14.3":
+  version "4.14.3"
+  resolved "https://registry.yarnpkg.com/@algolia/client-analytics/-/client-analytics-4.14.3.tgz#ca409d00a8fff98fdcc215dc96731039900055dc"
+  integrity sha512-eAwQq0Hb/aauv9NhCH5Dp3Nm29oFx28sayFN2fdOWemwSeJHIl7TmcsxVlRsO50fsD8CtPcDhtGeD3AIFLNvqw==
+  dependencies:
+    "@algolia/client-common" "4.14.3"
+    "@algolia/client-search" "4.14.3"
+    "@algolia/requester-common" "4.14.3"
+    "@algolia/transporter" "4.14.3"
+
+"@algolia/client-common@4.14.3":
+  version "4.14.3"
+  resolved "https://registry.yarnpkg.com/@algolia/client-common/-/client-common-4.14.3.tgz#c44e48652b2121a20d7a40cfd68d095ebb4191a8"
+  integrity sha512-jkPPDZdi63IK64Yg4WccdCsAP4pHxSkr4usplkUZM5C1l1oEpZXsy2c579LQ0rvwCs5JFmwfNG4ahOszidfWPw==
+  dependencies:
+    "@algolia/requester-common" "4.14.3"
+    "@algolia/transporter" "4.14.3"
+
+"@algolia/client-personalization@4.14.3":
+  version "4.14.3"
+  resolved "https://registry.yarnpkg.com/@algolia/client-personalization/-/client-personalization-4.14.3.tgz#8f71325035aa2a5fa7d1d567575235cf1d6c654f"
+  integrity sha512-UCX1MtkVNgaOL9f0e22x6tC9e2H3unZQlSUdnVaSKpZ+hdSChXGaRjp2UIT7pxmPqNCyv51F597KEX5WT60jNg==
+  dependencies:
+    "@algolia/client-common" "4.14.3"
+    "@algolia/requester-common" "4.14.3"
+    "@algolia/transporter" "4.14.3"
+
+"@algolia/client-search@4.14.3":
+  version "4.14.3"
+  resolved "https://registry.yarnpkg.com/@algolia/client-search/-/client-search-4.14.3.tgz#cf1e77549f5c3e73408ffe6441ede985fde69da0"
+  integrity sha512-I2U7xBx5OPFdPLA8AXKUPPxGY3HDxZ4r7+mlZ8ZpLbI8/ri6fnu6B4z3wcL7sgHhDYMwnAE8Xr0AB0h3Hnkp4A==
+  dependencies:
+    "@algolia/client-common" "4.14.3"
+    "@algolia/requester-common" "4.14.3"
+    "@algolia/transporter" "4.14.3"
+
+"@algolia/logger-common@4.14.3":
+  version "4.14.3"
+  resolved "https://registry.yarnpkg.com/@algolia/logger-common/-/logger-common-4.14.3.tgz#87d4725e7f56ea5a39b605771b7149fff62032a7"
+  integrity sha512-kUEAZaBt/J3RjYi8MEBT2QEexJR2kAE2mtLmezsmqMQZTV502TkHCxYzTwY2dE7OKcUTxi4OFlMuS4GId9CWPw==
+
+"@algolia/logger-console@4.14.3":
+  version "4.14.3"
+  resolved "https://registry.yarnpkg.com/@algolia/logger-console/-/logger-console-4.14.3.tgz#1f19f8f0a5ef11f01d1f9545290eb6a89b71fb8a"
+  integrity sha512-ZWqAlUITktiMN2EiFpQIFCJS10N96A++yrexqC2Z+3hgF/JcKrOxOdT4nSCQoEPvU4Ki9QKbpzbebRDemZt/hw==
+  dependencies:
+    "@algolia/logger-common" "4.14.3"
+
+"@algolia/requester-browser-xhr@4.14.3":
+  version "4.14.3"
+  resolved "https://registry.yarnpkg.com/@algolia/requester-browser-xhr/-/requester-browser-xhr-4.14.3.tgz#bcf55cba20f58fd9bc95ee55793b5219f3ce8888"
+  integrity sha512-AZeg2T08WLUPvDncl2XLX2O67W5wIO8MNaT7z5ii5LgBTuk/rU4CikTjCe2xsUleIZeFl++QrPAi4Bdxws6r/Q==
+  dependencies:
+    "@algolia/requester-common" "4.14.3"
+
+"@algolia/requester-common@4.14.3":
+  version "4.14.3"
+  resolved "https://registry.yarnpkg.com/@algolia/requester-common/-/requester-common-4.14.3.tgz#2d02fbe01afb7ae5651ae8dfe62d6c089f103714"
+  integrity sha512-RrRzqNyKFDP7IkTuV3XvYGF9cDPn9h6qEDl595lXva3YUk9YSS8+MGZnnkOMHvjkrSCKfoLeLbm/T4tmoIeclw==
+
+"@algolia/requester-node-http@4.14.3":
+  version "4.14.3"
+  resolved "https://registry.yarnpkg.com/@algolia/requester-node-http/-/requester-node-http-4.14.3.tgz#72389e1c2e5d964702451e75e368eefe85a09d8f"
+  integrity sha512-O5wnPxtDRPuW2U0EaOz9rMMWdlhwP0J0eSL1Z7TtXF8xnUeeUyNJrdhV5uy2CAp6RbhM1VuC3sOJcIR6Av+vbA==
+  dependencies:
+    "@algolia/requester-common" "4.14.3"
+
+"@algolia/transporter@4.14.3":
+  version "4.14.3"
+  resolved "https://registry.yarnpkg.com/@algolia/transporter/-/transporter-4.14.3.tgz#5593036bd9cf2adfd077fdc3e81d2e6118660a7a"
+  integrity sha512-2qlKlKsnGJ008exFRb5RTeTOqhLZj0bkMCMVskxoqWejs2Q2QtWmsiH98hDfpw0fmnyhzHEt0Z7lqxBYp8bW2w==
+  dependencies:
+    "@algolia/cache-common" "4.14.3"
+    "@algolia/logger-common" "4.14.3"
+    "@algolia/requester-common" "4.14.3"
+
 "@ampproject/remapping@^2.1.0":
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/@ampproject/remapping/-/remapping-2.2.0.tgz#56c133824780de3174aed5ab6834f3026790154d"
@@ -332,6 +455,29 @@
   resolved "https://registry.yarnpkg.com/@coreui/icons/-/icons-3.0.0.tgz#e36ef6e10fdc61aaff22e4ab1f6e71775b26f365"
   integrity sha512-t4hJilv5IFBvaHIIQeUoXctV5nJkW21PTIhgeGO80xS25Ii4kkXa2gzryj6v6OEPSDPnY2YWhYm39TBjbXt1Xw==
 
+"@docsearch/css@3.3.3", "@docsearch/css@^3.3.3":
+  version "3.3.3"
+  resolved "https://registry.yarnpkg.com/@docsearch/css/-/css-3.3.3.tgz#f9346c9e24602218341f51b8ba91eb9109add434"
+  integrity sha512-6SCwI7P8ao+se1TUsdZ7B4XzL+gqeQZnBc+2EONZlcVa0dVrk0NjETxozFKgMv0eEGH8QzP1fkN+A1rH61l4eg==
+
+"@docsearch/js@^3.3.3":
+  version "3.3.3"
+  resolved "https://registry.yarnpkg.com/@docsearch/js/-/js-3.3.3.tgz#70725a7a8fe92d221fcf0593263b936389d3728f"
+  integrity sha512-2xAv2GFuHzzmG0SSZgf8wHX0qZX8n9Y1ZirKUk5Wrdc+vH9CL837x2hZIUdwcPZI9caBA+/CzxsS68O4waYjUQ==
+  dependencies:
+    "@docsearch/react" "3.3.3"
+    preact "^10.0.0"
+
+"@docsearch/react@3.3.3":
+  version "3.3.3"
+  resolved "https://registry.yarnpkg.com/@docsearch/react/-/react-3.3.3.tgz#907b6936a565f880b4c0892624b4f7a9f132d298"
+  integrity sha512-pLa0cxnl+G0FuIDuYlW+EBK6Rw2jwLw9B1RHIeS4N4s2VhsfJ/wzeCi3CWcs5yVfxLd5ZK50t//TMA5e79YT7Q==
+  dependencies:
+    "@algolia/autocomplete-core" "1.7.4"
+    "@algolia/autocomplete-preset-algolia" "1.7.4"
+    "@docsearch/css" "3.3.3"
+    algoliasearch "^4.0.0"
+
 "@esbuild/linux-loong64@0.14.54":
   version "0.14.54"
   resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.14.54.tgz#de2a4be678bd4d0d1ffbb86e6de779cde5999028"
@@ -2537,6 +2683,26 @@ ajv@^6.10.0, ajv@^6.12.3, ajv@^6.12.4:
     json-schema-traverse "^0.4.1"
     uri-js "^4.2.2"
 
+algoliasearch@^4.0.0:
+  version "4.14.3"
+  resolved "https://registry.yarnpkg.com/algoliasearch/-/algoliasearch-4.14.3.tgz#f02a77a4db17de2f676018938847494b692035e7"
+  integrity sha512-GZTEuxzfWbP/vr7ZJfGzIl8fOsoxN916Z6FY2Egc9q2TmZ6hvq5KfAxY89pPW01oW/2HDEKA8d30f9iAH9eXYg==
+  dependencies:
+    "@algolia/cache-browser-local-storage" "4.14.3"
+    "@algolia/cache-common" "4.14.3"
+    "@algolia/cache-in-memory" "4.14.3"
+    "@algolia/client-account" "4.14.3"
+    "@algolia/client-analytics" "4.14.3"
+    "@algolia/client-common" "4.14.3"
+    "@algolia/client-personalization" "4.14.3"
+    "@algolia/client-search" "4.14.3"
+    "@algolia/logger-common" "4.14.3"
+    "@algolia/logger-console" "4.14.3"
+    "@algolia/requester-browser-xhr" "4.14.3"
+    "@algolia/requester-common" "4.14.3"
+    "@algolia/requester-node-http" "4.14.3"
+    "@algolia/transporter" "4.14.3"
+
 ansi-escapes@^4.2.1:
   version "4.3.2"
   resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-4.3.2.tgz#6b2291d1db7d98b6521d5f1efa42d0f3a9feb65e"
@@ -6863,6 +7029,11 @@ postcss@^8.1.10, postcss@^8.4.12, postcss@^8.4.13:
     picocolors "^1.0.0"
     source-map-js "^1.0.2"
 
+preact@^10.0.0:
+  version "10.12.1"
+  resolved "https://registry.yarnpkg.com/preact/-/preact-10.12.1.tgz#8f9cb5442f560e532729b7d23d42fd1161354a21"
+  integrity sha512-l8386ixSsBdbreOAkqtrwqHwdvR35ID8c3rKPa8lCWuO86dBi32QWHV4vfsZK1utLLFMvw+Z5Ad4XLkZzchscg==
+
 prelude-ls@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"

From 9ea0fcc5daccba26b99af03cfd6390ca3b2c269a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Wed, 22 Feb 2023 13:57:44 +0100
Subject: [PATCH 064/346] release: v4.7.0

---
 README.md                        | 2 +-
 lerna.json                       | 2 +-
 packages/coreui-vue/package.json | 2 +-
 packages/docs/package.json       | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 67ec0841..cf03fe71 100644
--- a/README.md
+++ b/README.md
@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v4.6.1.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v4.7.0.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue`
diff --git a/lerna.json b/lerna.json
index 79924ce0..87724c14 100644
--- a/lerna.json
+++ b/lerna.json
@@ -4,5 +4,5 @@
     "packages/*"
   ],
   "useWorkspaces": true,
-  "version": "4.6.1"
+  "version": "4.7.0"
 }
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index 90344051..88c1b761 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue",
-  "version": "4.6.1",
+  "version": "4.7.0",
   "description": "UI Components Library for Vue.js",
   "keywords": [
     "vue",
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 1909f33c..8e7ac1bc 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue-docs",
-  "version": "4.6.1",
+  "version": "4.7.0",
   "scripts": {
     "api": "vue-docgen -c build/docgen.config.js",
     "dev": "vuepress dev --clean-cache",

From cff451d5f30ccbb837cedbd2b4887dded0619219 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Sat, 25 Feb 2023 17:53:29 +0100
Subject: [PATCH 065/346] docs: update validation examples

---
 packages/docs/forms/validation.md | 303 +++++++++++++++++-------------
 1 file changed, 168 insertions(+), 135 deletions(-)

diff --git a/packages/docs/forms/validation.md b/packages/docs/forms/validation.md
index 36231029..7af4216b 100644
--- a/packages/docs/forms/validation.md
+++ b/packages/docs/forms/validation.md
@@ -91,84 +91,105 @@ Custom feedback styles apply custom colors, borders, focus styles, and backgroun
 </CForm>
 :::
 ```vue
-<CForm 
-  class="row g-3 needs-validation" 
-  novalidate 
-  :validated="validatedCustom01" 
-  @submit="handleSubmitCustom01"
->
-  <CCol md="4">
-    <CFormInput
-      feedbackValid="Looks good!"
-      id="validationCustom01"
-      label="First name"
-      required
-      value="Mark"
-    />
-  </CCol>
-  <CCol md="4">
-    <CFormInput 
-      feedbackValid="Looks good!"
-      id="validationCustom02" 
-      label="Email" value="Otto" 
-      required
-    />
-  </CCol>
-  <CCol md="4">
-    <CFormLabel for="validationCustomUsername">Username</CFormLabel>
-    <CInputGroup class="has-validation">
-      <CInputGroupText id="inputGroupPrepend">@</CInputGroupText>
+<template>
+  <CForm 
+    class="row g-3 needs-validation" 
+    novalidate 
+    :validated="validatedCustom01" 
+    @submit="handleSubmitCustom01"
+  >
+    <CCol md="4">
+      <CFormInput
+        feedbackValid="Looks good!"
+        id="validationCustom01"
+        label="First name"
+        required
+        value="Mark"
+      />
+    </CCol>
+    <CCol md="4">
       <CFormInput 
-        id="validationCustomUsername"
-        aria-describedby="inputGroupPrepend" 
-        feedbackInvalid="Please choose a username."
+        feedbackValid="Looks good!"
+        id="validationCustom02" 
+        label="Email" value="Otto" 
         required
       />
-    </CInputGroup>
-  </CCol>
-  <CCol md="6">
-    <CFormInput 
-      feedbackInvalid="Please provide a valid city."
-      id="validationCustom03"
-      label="City"
-      required
-    />
-  </CCol>
-  <CCol md="3">
-    <CFormSelect
-      aria-describedby="validationCustom04Feedback"
-      feedbackInvalid="Please select a valid state."
-      id="validationCustom04"
-      label="State"
-      required
-    >
-      <option selected="" disabled="" value="">
-        Choose...
-      </option>
-      <option>...</option>
-    </CFormSelect>
-  </CCol>
-  <CCol md="3">
-    <CFormInput 
-      feedbackInvalid="Please provide a valid zip."
-      id="validationCustom05"
-      label="Zip"
-      required
-    />
-  </CCol>
-  <CCol xs="12">
-    <CFormCheck
-      feedbackInvalid="You must agree before submitting."
-      id="invalidCheck"
-      label="Agree to terms and conditions"
-      required
-      type="checkbox"
-    />
-  </CCol>
-  <CCol xs="12">
-    <CButton color="primary" type="submit">Submit form</CButton>
-  </CCol>
-</CForm>
+    </CCol>
+    <CCol md="4">
+      <CFormLabel for="validationCustomUsername">Username</CFormLabel>
+      <CInputGroup class="has-validation">
+        <CInputGroupText id="inputGroupPrepend">@</CInputGroupText>
+        <CFormInput 
+          id="validationCustomUsername"
+          aria-describedby="inputGroupPrepend" 
+          feedbackInvalid="Please choose a username."
+          required
+        />
+      </CInputGroup>
+    </CCol>
+    <CCol md="6">
+      <CFormInput 
+        feedbackInvalid="Please provide a valid city."
+        id="validationCustom03"
+        label="City"
+        required
+      />
+    </CCol>
+    <CCol md="3">
+      <CFormSelect
+        aria-describedby="validationCustom04Feedback"
+        feedbackInvalid="Please select a valid state."
+        id="validationCustom04"
+        label="State"
+        required
+      >
+        <option selected="" disabled="" value="">
+          Choose...
+        </option>
+        <option>...</option>
+      </CFormSelect>
+    </CCol>
+    <CCol md="3">
+      <CFormInput 
+        feedbackInvalid="Please provide a valid zip."
+        id="validationCustom05"
+        label="Zip"
+        required
+      />
+    </CCol>
+    <CCol xs="12">
+      <CFormCheck
+        feedbackInvalid="You must agree before submitting."
+        id="invalidCheck"
+        label="Agree to terms and conditions"
+        required
+        type="checkbox"
+      />
+    </CCol>
+    <CCol xs="12">
+      <CButton color="primary" type="submit">Submit form</CButton>
+    </CCol>
+  </CForm>
+</template>
+<script>
+  export default {
+    data: () => {
+      return {
+        validatedCustom01: null,
+      }
+    },
+    methods: {
+      handleSubmitCustom01(event) {
+        const form = event.currentTarget
+        if (form.checkValidity() === false) {
+          event.preventDefault()
+          event.stopPropagation()
+        }
+        this.validatedCustom01 = true
+      },
+    }
+  }
+</script> 
 ```
 
 ## Browser defaults
@@ -707,86 +728,98 @@ If your form layout allows it, you can swap the text for the tooltip to display
 </CForm>
 :::
 ```vue
-<CForm class="row g-3 needs-validation" novalidate :validated="validatedTooltip01" @submit="handleSubmitTooltip01">
-  <CCol md="4" class="position-relative">
-    <CFormLabel for="validationTooltip01">Email</CFormLabel>
-    <CFormInput id="validationTooltip01" value="Mark" required/>
-    <CFormFeedback tooltip valid>
-      Looks good!
-    </CFormFeedback>
-  </CCol>
-  <CCol md="4" class="position-relative">
-    <CFormLabel for="validationTooltip02">Email</CFormLabel>
-    <CFormInput id="validationTooltip02" value="Otto" required/>
-    <CFormFeedback tooltip valid>
-      Looks good!
-    </CFormFeedback>
-  </CCol>
-  <CCol md="4" class="position-relative">
-    <CFormLabel for="validationTooltipUsername">Username</CFormLabel>
-    <CInputGroup class="has-validation">
-      <CInputGroupText id="inputGroupPrepend">@</CInputGroupText>
-      <CFormInput id="validationTooltipUsername" value="" aria-describedby="inputGroupPrepend" required/>
+<template>
+  <CForm class="row g-3 needs-validation" novalidate :validated="validatedTooltip01" @submit="handleSubmitTooltip01">
+    <CCol md="4" class="position-relative">
+      <CFormLabel for="validationTooltip01">Email</CFormLabel>
+      <CFormInput id="validationTooltip01" value="Mark" required/>
+      <CFormFeedback tooltip valid>
+        Looks good!
+      </CFormFeedback>
+    </CCol>
+    <CCol md="4" class="position-relative">
+      <CFormLabel for="validationTooltip02">Email</CFormLabel>
+      <CFormInput id="validationTooltip02" value="Otto" required/>
+      <CFormFeedback tooltip valid>
+        Looks good!
+      </CFormFeedback>
+    </CCol>
+    <CCol md="4" class="position-relative">
+      <CFormLabel for="validationTooltipUsername">Username</CFormLabel>
+      <CInputGroup class="has-validation">
+        <CInputGroupText id="inputGroupPrepend">@</CInputGroupText>
+        <CFormInput id="validationTooltipUsername" value="" aria-describedby="inputGroupPrepend" required/>
+        <CFormFeedback tooltip invalid>
+        Please choose a username.
+        </CFormFeedback>
+      </CInputGroup>
+    </CCol>
+    <CCol md="6" class="position-relative">
+      <CFormLabel for="validationTooltip03">City</CFormLabel>
+      <CFormInput id="validationTooltip03" required/>
       <CFormFeedback tooltip invalid>
-      Please choose a username.
+        Please provide a valid city.
       </CFormFeedback>
-    </CInputGroup>
-  </CCol>
-  <CCol md="6" class="position-relative">
-    <CFormLabel for="validationTooltip03">City</CFormLabel>
-    <CFormInput id="validationTooltip03" required/>
-    <CFormFeedback tooltip invalid>
-      Please provide a valid city.
-    </CFormFeedback>
-  </CCol>
-  <CCol md="3" class="position-relative">
-    <CFormLabel for="validationTooltip04">City</CFormLabel>
-    <CFormSelect id="validationTooltip04" required>
-      <option disabled value="">Choose...</option>
-      <option>...</option>
-    </CFormSelect>
-    <CFormFeedback tooltip invalid>
-      Please provide a valid city.
-    </CFormFeedback>
-  </CCol>
-  <CCol md="3" class="position-relative">
-    <CFormLabel for="validationTooltip05">City</CFormLabel>
-    <CFormInput id="validationTooltip05" required/>
-    <CFormFeedback tooltip invalid>
-      Please provide a valid zip.
-    </CFormFeedback>
-  </CCol>
-  <CCol xs="12" class="position-relative">
-    <CButton color="primary" type="submit">Submit form</CButton>
-  </CCol>
-</CForm>
-```
-
+    </CCol>
+    <CCol md="3" class="position-relative">
+      <CFormLabel for="validationTooltip04">City</CFormLabel>
+      <CFormSelect id="validationTooltip04" required>
+        <option disabled value="">Choose...</option>
+        <option>...</option>
+      </CFormSelect>
+      <CFormFeedback tooltip invalid>
+        Please provide a valid city.
+      </CFormFeedback>
+    </CCol>
+    <CCol md="3" class="position-relative">
+      <CFormLabel for="validationTooltip05">City</CFormLabel>
+      <CFormInput id="validationTooltip05" required/>
+      <CFormFeedback tooltip invalid>
+        Please provide a valid zip.
+      </CFormFeedback>
+    </CCol>
+    <CCol xs="12" class="position-relative">
+      <CButton color="primary" type="submit">Submit form</CButton>
+    </CCol>
+  </CForm>
+</template>
 <script>
   export default {
     data: () => {
       return {
-        validatedCustom01: null,
-        validatedDefault01: null,
         validatedTooltip01: null,
       }
     },
     methods: {
-      handleSubmitCustom01(event) {
+      handleSubmitTooltip01(event) {
         const form = event.currentTarget
         if (form.checkValidity() === false) {
           event.preventDefault()
           event.stopPropagation()
         }
-        this.validatedCustom01 = true
-      },
-      handleSubmitDefault01(event) {
+        this.validatedTooltip01 = true
+      }
+    }
+  }
+</script>
+```
+
+<script>
+  export default {
+    data: () => {
+      return {
+        validatedCustom01: null,
+        validatedTooltip01: null,
+      }
+    },
+    methods: {
+      handleSubmitCustom01(event) {
         const form = event.currentTarget
         if (form.checkValidity() === false) {
           event.preventDefault()
           event.stopPropagation()
         }
-        this.validatedDefault01 = true
+        this.validatedCustom01 = true
       },
       handleSubmitTooltip01(event) {
         const form = event.currentTarget

From 9fad9d22ff9f877165b187ab6171ad2bbdec6c72 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@coreui.io>
Date: Sat, 25 Mar 2023 11:03:28 +0100
Subject: [PATCH 066/346] refactor(CCarousel): allow using v-for loop inside
 component

---
 .../src/components/carousel/CCarousel.ts      | 70 ++++++++++---------
 1 file changed, 36 insertions(+), 34 deletions(-)

diff --git a/packages/coreui-vue/src/components/carousel/CCarousel.ts b/packages/coreui-vue/src/components/carousel/CCarousel.ts
index e3ff42e1..0bfb3988 100644
--- a/packages/coreui-vue/src/components/carousel/CCarousel.ts
+++ b/packages/coreui-vue/src/components/carousel/CCarousel.ts
@@ -1,7 +1,6 @@
 import {
   defineComponent,
   h,
-  reactive,
   ref,
   VNode,
   onBeforeMount,
@@ -79,10 +78,15 @@ const CCarousel = defineComponent({
   },
   setup(props, { slots }) {
     const carouselRef = ref()
-    const timeout = ref()
+
+    const active = ref(props.index)
     const animating = ref(false)
-    const visible = ref()
     const customInterval = ref<boolean | number>(props.interval)
+    const direction = ref('next')
+    const items = ref<VNode[]>([])
+    const timeout = ref()
+    const visible = ref()
+    
     const setAnimating = (value: boolean) => {
       animating.value = value
     }
@@ -105,28 +109,15 @@ const CCarousel = defineComponent({
       }
     }
 
-    const state = reactive({
-      items: [] as VNode[],
-      active: props.index,
-      direction: 'next',
-    })
-
-    onBeforeMount(() => {
-      if (slots.default) {
-        // @ts-expect-error TODO: fix types
-        state.items = slots.default().filter((child) => child.type.name === 'CCarouselItem')
-      }
-    })
-
-    const handleControlClick = (direction: string) => {
+    const handleControlClick = (_direction: string) => {
       if (animating.value) {
         return
       }
-      state.direction = direction
-      if (direction === 'next') {
-        state.active === state.items.length - 1 ? (state.active = 0) : state.active++
+      direction.value = _direction
+      if (_direction === 'next') {
+        active.value === items.value.length - 1 ? (active.value = 0) : active.value++
       } else {
-        state.active === 0 ? (state.active = state.items.length - 1) : state.active--
+        active.value === 0 ? (active.value = items.value.length - 1) : active.value--
       }
     }
 
@@ -139,19 +130,19 @@ const CCarousel = defineComponent({
     }
 
     const handleIndicatorClick = (index: number) => {
-      if (state.active === index) {
+      if (active.value === index) {
         return
       }
 
-      if (state.active < index) {
-        state.direction = 'next'
-        state.active = index
+      if (active.value < index) {
+        direction.value = 'next'
+        active.value = index
         return
       }
 
-      if (state.active > index) {
-        state.direction = 'prev'
-        state.active = index
+      if (active.value > index) {
+        direction.value = 'prev'
+        active.value = index
       }
     }
 
@@ -163,6 +154,17 @@ const CCarousel = defineComponent({
       }
     }
 
+    onBeforeMount(() => {
+      if (slots.default) {
+        const children = typeof slots.default()[0].type === 'symbol' ? slots.default()[0].children : slots.default()
+
+        if (children && Array.isArray(children)) {
+          // @ts-expect-error TODO: fix types
+          items.value = children.filter((child) => child.type.name === 'CCarouselItem')
+        }
+      }
+    })
+
     onMounted(() => {
       window.addEventListener('scroll', handleScroll)
     })
@@ -174,7 +176,7 @@ const CCarousel = defineComponent({
           return
         }
 
-        if (!props.wrap && state.active < state.items.length - 1) {
+        if (!props.wrap && active.value < items.value.length - 1) {
           !animating.value && cycle()
         }
       })
@@ -204,12 +206,12 @@ const CCarousel = defineComponent({
               {
                 class: 'carousel-indicators',
               },
-              state.items.map((_, index) => {
+              items.value.map((_, index) => {
                 return h('button', {
                   type: 'button',
                   id: index,
                   'data-coreui-target': '',
-                  ...(state.active === index && { class: 'active' }),
+                  ...(active.value === index && { class: 'active' }),
                   onClick: () => handleIndicatorClick(index),
                 })
               }),
@@ -217,10 +219,10 @@ const CCarousel = defineComponent({
           h(
             'div',
             { class: 'carousel-inner' },
-            state.items.map((item, index) => {
+            items.value.map((item, index) => {
               return h(item, {
-                active: state.active === index ? true : false,
-                direction: state.direction,
+                active: active.value === index ? true : false,
+                direction: direction.value,
               })
             }),
           ),

From 28eb51c6d0bdaeec3cc58529c294357de1eb6b48 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@coreui.io>
Date: Sat, 25 Mar 2023 11:14:16 +0100
Subject: [PATCH 067/346] feat(CFormCheck): add a reverse property to allow put
 checkboxes and radios to the opposite side

---
 .../coreui-vue/src/components/form/CFormCheck.ts    |  7 +++++++
 packages/docs/forms/checkbox.md                     | 13 +++++++++++++
 packages/docs/forms/radio.md                        | 13 +++++++++++++
 3 files changed, 33 insertions(+)

diff --git a/packages/coreui-vue/src/components/form/CFormCheck.ts b/packages/coreui-vue/src/components/form/CFormCheck.ts
index 22edc3f3..ca952574 100644
--- a/packages/coreui-vue/src/components/form/CFormCheck.ts
+++ b/packages/coreui-vue/src/components/form/CFormCheck.ts
@@ -83,6 +83,12 @@ const CFormCheck = defineComponent({
       type: [Boolean, String],
       value: undefined,
     },
+    /**
+     * Put checkboxes or radios on the opposite side.
+     *
+     * @sinve 4.8.0
+     */
+    reverse: Boolean,
     /**
      * Display validation feedback in a styled tooltip.
      *
@@ -126,6 +132,7 @@ const CFormCheck = defineComponent({
       'form-check',
       {
         'form-check-inline': props.inline,
+        'form-check-reverse': props.reverse,
         'is-invalid': props.invalid,
         'is-valid': props.valid,
       },
diff --git a/packages/docs/forms/checkbox.md b/packages/docs/forms/checkbox.md
index 833b9b31..2a4cec18 100644
--- a/packages/docs/forms/checkbox.md
+++ b/packages/docs/forms/checkbox.md
@@ -73,6 +73,19 @@ Group checkboxes on the same horizontal row by adding `inline` boolean property
 <CFormCheck inline id="inlineCheckbox3" value="option3" label="3 (disabled)" disabled/>
 ```
 
+## Reverse 
+
+Put your checkboxes on the opposite side by adding `reverse` boolean property.
+
+::: demo
+<CFormCheck reverse id="reverseCheckbox1" value="option1" label="Reverse checkbox"/>
+<CFormCheck reverse id="reverseCheckbox2" value="option2" label="Disabled reverse checkbox" disabled/>
+:::
+```vue
+<CFormCheck reverse id="reverseCheckbox1" value="option1" label="Reverse checkbox"/>
+<CFormCheck reverse id="reverseCheckbox2" value="option2" label="Disabled reverse checkbox" disabled/>
+```
+
 ## Without labels
 
 Remember to still provide some form of accessible name for assistive technologies (for instance, using `aria-label`).
diff --git a/packages/docs/forms/radio.md b/packages/docs/forms/radio.md
index e84ac860..7ee5cbac 100644
--- a/packages/docs/forms/radio.md
+++ b/packages/docs/forms/radio.md
@@ -63,6 +63,19 @@ Group radios on the same horizontal row by adding `inline` boolean property to a
 <CFormCheck inline type="radio" name="inlineRadioOptions" id="inlineCheckbox3" value="option3" label="3 (disabled)" disabled/>
 ```
 
+## Reverse 
+
+Put your radios on the opposite side by adding `reverse` boolean property.
+
+::: demo
+<CFormCheck reverse type="radio" id="reverseOption1" value="option1" label="Reverse radio"/>
+<CFormCheck reverse type="radio" id="reverseOption2" value="option2" label="Disabled reverse radio" disabled/>
+:::
+```vue
+<CFormCheck reverse type="radio" id="reverseOption1" value="option1" label="Reverse radio"/>
+<CFormCheck reverse type="radio" id="reverseOption2" value="option2" label="Disabled reverse radio" disabled/>
+```
+
 ## Without labels
 
 Remember to still provide some form of accessible name for assistive technologies (for instance, using `aria-label`).

From 5698cb461570ce4e65d28aeb5fe78d3a99382138 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@coreui.io>
Date: Sat, 25 Mar 2023 11:19:56 +0100
Subject: [PATCH 068/346] feat(CFormSwitch): add a reverse property to allow
 put switches to the opposite side

---
 .../src/components/form/CFormSwitch.ts        |  7 ++++++
 packages/docs/forms/switch.md                 | 25 ++++++++++++++++---
 2 files changed, 29 insertions(+), 3 deletions(-)

diff --git a/packages/coreui-vue/src/components/form/CFormSwitch.ts b/packages/coreui-vue/src/components/form/CFormSwitch.ts
index 274c270a..d188dc60 100644
--- a/packages/coreui-vue/src/components/form/CFormSwitch.ts
+++ b/packages/coreui-vue/src/components/form/CFormSwitch.ts
@@ -31,6 +31,12 @@ const CFormSwitch = defineComponent({
       type: [Boolean, String],
       value: undefined,
     },
+    /**
+     * Put checkboxes or radios on the opposite side.
+     *
+     * @sinve 4.8.0
+     */
+    reverse: Boolean,
     /**
      * Size the component large or extra large. Works only with `switch`.
      *
@@ -82,6 +88,7 @@ const CFormSwitch = defineComponent({
           class: [
             'form-check form-switch',
             {
+              'form-check-reverse': props.reverse,
               [`form-switch-${props.size}`]: props.size,
               'is-invalid': props.invalid,
               'is-valid': props.valid,
diff --git a/packages/docs/forms/switch.md b/packages/docs/forms/switch.md
index b9ec11cb..5286fe98 100644
--- a/packages/docs/forms/switch.md
+++ b/packages/docs/forms/switch.md
@@ -5,9 +5,13 @@ description: Create consistent cross-browser and cross-device switch component.
 other_frameworks: switch
 ---
 
-## Switches
+## About
 
-A switch has the markup of a custom checkbox but uses the `switch` boolean properly to render a toggle switch. Switches also support the `disabled` attribute.
+Vue Switch Components are a type of UI component that allows users to toggle between two states, usually represented as "on" or "off", "enabled" or "disabled", or "checked" or "unchecked".
+
+When a user interacts with the component by clicking or tapping on it, the switch toggles its state, triggering an action or changing the appearance of the component. This type of component is often used in forms, settings panels, and other places where users need to turn something on or off or choose between two options.
+
+## Example
 
 ::: demo
 <CFormSwitch label="Default switch checkbox input" id="formSwitchCheckDefault"/>
@@ -22,7 +26,9 @@ A switch has the markup of a custom checkbox but uses the `switch` boolean prope
 <CFormSwitch label="Disabled checked switch checkbox input" id="formSwitchCheckCheckedDisabled" checked disabled/>
 ```
 
-### Sizes
+## Sizing
+
+Larger or smaller react switches? Add `size="lg"` or `size="xl"` for additional sizes.
 
 ::: demo
 <CFormSwitch label="Default switch checkbox input" id="formSwitchCheckDefault"/>
@@ -35,6 +41,19 @@ A switch has the markup of a custom checkbox but uses the `switch` boolean prope
 <CFormSwitch size="xl" label="Extra large switch checkbox input" id="formSwitchCheckDefaultXL"/>
 ```
 
+## Reverse 
+
+Put your switches on the opposite side by adding `reverse` boolean property.
+
+::: demo
+<CFormSwitch reverse type="radio" id="reverseFormSwitch1" label="Reverse switch"/>
+<CFormSwitch reverse type="radio" id="reverseFormSwitch2" label="Disabled reverse switch" disabled/>
+:::
+```vue
+<CFormSwitch reverse type="radio" id="reverseFormSwitch1" label="Reverse switch"/>
+<CFormSwitch reverse type="radio" id="reverseFormSwitch2" label="Disabled reverse switch" disabled/>
+```
+
 ## API
 
 !!!include(./api/form/CFormSwitch.api.md)!!!
\ No newline at end of file

From b464b33422a5c82fca2dc0d7ad0a3dcc216fbdf4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@coreui.io>
Date: Sat, 25 Mar 2023 11:30:15 +0100
Subject: [PATCH 069/346] release: v4.8.0

---
 README.md                             |    2 +-
 lerna.json                            |    2 +-
 packages/coreui-vue/package.json      |    2 +-
 packages/docs/components/offcanvas.md |    2 +-
 packages/docs/package.json            |    2 +-
 yarn.lock                             | 2356 ++++++++++++-------------
 6 files changed, 1177 insertions(+), 1189 deletions(-)

diff --git a/README.md b/README.md
index cf03fe71..1c840efb 100644
--- a/README.md
+++ b/README.md
@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v4.7.0.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v4.8.0.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue`
diff --git a/lerna.json b/lerna.json
index 87724c14..e064894b 100644
--- a/lerna.json
+++ b/lerna.json
@@ -4,5 +4,5 @@
     "packages/*"
   ],
   "useWorkspaces": true,
-  "version": "4.7.0"
+  "version": "4.8.0"
 }
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index 88c1b761..bdd4515d 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue",
-  "version": "4.7.0",
+  "version": "4.8.0",
   "description": "UI Components Library for Vue.js",
   "keywords": [
     "vue",
diff --git a/packages/docs/components/offcanvas.md b/packages/docs/components/offcanvas.md
index 1cc49fcc..d06ed209 100644
--- a/packages/docs/components/offcanvas.md
+++ b/packages/docs/components/offcanvas.md
@@ -167,7 +167,7 @@ You can also enable `<body>` scrolling with a visible backdrop.
 
 ### Static backdrop
 
-If you set a `backdrop` to `static`, your React offcanvas component will not close when clicking outside of it.
+If you set a `backdrop` to `static`, your Vue offcanvas component will not close when clicking outside of it.
 
 ::: demo
 <CButton color="primary" @click="() => { visibleWithStaticBackdrop = !visibleWithStaticBackdrop }">Toggle static offcanvas</CButton>
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 8e7ac1bc..d9869527 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue-docs",
-  "version": "4.7.0",
+  "version": "4.8.0",
   "scripts": {
     "api": "vue-docgen -c build/docgen.config.js",
     "dev": "vuepress dev --clean-cache",
diff --git a/yarn.lock b/yarn.lock
index 4f67040c..38b53277 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -21,111 +21,111 @@
   resolved "https://registry.yarnpkg.com/@algolia/autocomplete-shared/-/autocomplete-shared-1.7.4.tgz#78aea1140a50c4d193e1f06a13b7f12c5e2cbeea"
   integrity sha512-2VGCk7I9tA9Ge73Km99+Qg87w0wzW4tgUruvWAn/gfey1ZXgmxZtyIRBebk35R1O8TbK77wujVtCnpsGpRy1kg==
 
-"@algolia/cache-browser-local-storage@4.14.3":
-  version "4.14.3"
-  resolved "https://registry.yarnpkg.com/@algolia/cache-browser-local-storage/-/cache-browser-local-storage-4.14.3.tgz#b9e0da012b2f124f785134a4d468ee0841b2399d"
-  integrity sha512-hWH1yCxgG3+R/xZIscmUrWAIBnmBFHH5j30fY/+aPkEZWt90wYILfAHIOZ1/Wxhho5SkPfwFmT7ooX2d9JeQBw==
-  dependencies:
-    "@algolia/cache-common" "4.14.3"
-
-"@algolia/cache-common@4.14.3":
-  version "4.14.3"
-  resolved "https://registry.yarnpkg.com/@algolia/cache-common/-/cache-common-4.14.3.tgz#a78e9faee3dfec018eab7b0996e918e06b476ac7"
-  integrity sha512-oZJofOoD9FQOwiGTzyRnmzvh3ZP8WVTNPBLH5xU5JNF7drDbRT0ocVT0h/xB2rPHYzOeXRrLaQQBwRT/CKom0Q==
-
-"@algolia/cache-in-memory@4.14.3":
-  version "4.14.3"
-  resolved "https://registry.yarnpkg.com/@algolia/cache-in-memory/-/cache-in-memory-4.14.3.tgz#96cefb942aeb80e51e6a7e29f25f4f7f3439b736"
-  integrity sha512-ES0hHQnzWjeioLQf5Nq+x1AWdZJ50znNPSH3puB/Y4Xsg4Av1bvLmTJe7SY2uqONaeMTvL0OaVcoVtQgJVw0vg==
-  dependencies:
-    "@algolia/cache-common" "4.14.3"
-
-"@algolia/client-account@4.14.3":
-  version "4.14.3"
-  resolved "https://registry.yarnpkg.com/@algolia/client-account/-/client-account-4.14.3.tgz#6d7d032a65c600339ce066505c77013d9a9e4966"
-  integrity sha512-PBcPb0+f5Xbh5UfLZNx2Ow589OdP8WYjB4CnvupfYBrl9JyC1sdH4jcq/ri8osO/mCZYjZrQsKAPIqW/gQmizQ==
-  dependencies:
-    "@algolia/client-common" "4.14.3"
-    "@algolia/client-search" "4.14.3"
-    "@algolia/transporter" "4.14.3"
-
-"@algolia/client-analytics@4.14.3":
-  version "4.14.3"
-  resolved "https://registry.yarnpkg.com/@algolia/client-analytics/-/client-analytics-4.14.3.tgz#ca409d00a8fff98fdcc215dc96731039900055dc"
-  integrity sha512-eAwQq0Hb/aauv9NhCH5Dp3Nm29oFx28sayFN2fdOWemwSeJHIl7TmcsxVlRsO50fsD8CtPcDhtGeD3AIFLNvqw==
-  dependencies:
-    "@algolia/client-common" "4.14.3"
-    "@algolia/client-search" "4.14.3"
-    "@algolia/requester-common" "4.14.3"
-    "@algolia/transporter" "4.14.3"
-
-"@algolia/client-common@4.14.3":
-  version "4.14.3"
-  resolved "https://registry.yarnpkg.com/@algolia/client-common/-/client-common-4.14.3.tgz#c44e48652b2121a20d7a40cfd68d095ebb4191a8"
-  integrity sha512-jkPPDZdi63IK64Yg4WccdCsAP4pHxSkr4usplkUZM5C1l1oEpZXsy2c579LQ0rvwCs5JFmwfNG4ahOszidfWPw==
-  dependencies:
-    "@algolia/requester-common" "4.14.3"
-    "@algolia/transporter" "4.14.3"
-
-"@algolia/client-personalization@4.14.3":
-  version "4.14.3"
-  resolved "https://registry.yarnpkg.com/@algolia/client-personalization/-/client-personalization-4.14.3.tgz#8f71325035aa2a5fa7d1d567575235cf1d6c654f"
-  integrity sha512-UCX1MtkVNgaOL9f0e22x6tC9e2H3unZQlSUdnVaSKpZ+hdSChXGaRjp2UIT7pxmPqNCyv51F597KEX5WT60jNg==
-  dependencies:
-    "@algolia/client-common" "4.14.3"
-    "@algolia/requester-common" "4.14.3"
-    "@algolia/transporter" "4.14.3"
-
-"@algolia/client-search@4.14.3":
-  version "4.14.3"
-  resolved "https://registry.yarnpkg.com/@algolia/client-search/-/client-search-4.14.3.tgz#cf1e77549f5c3e73408ffe6441ede985fde69da0"
-  integrity sha512-I2U7xBx5OPFdPLA8AXKUPPxGY3HDxZ4r7+mlZ8ZpLbI8/ri6fnu6B4z3wcL7sgHhDYMwnAE8Xr0AB0h3Hnkp4A==
-  dependencies:
-    "@algolia/client-common" "4.14.3"
-    "@algolia/requester-common" "4.14.3"
-    "@algolia/transporter" "4.14.3"
-
-"@algolia/logger-common@4.14.3":
-  version "4.14.3"
-  resolved "https://registry.yarnpkg.com/@algolia/logger-common/-/logger-common-4.14.3.tgz#87d4725e7f56ea5a39b605771b7149fff62032a7"
-  integrity sha512-kUEAZaBt/J3RjYi8MEBT2QEexJR2kAE2mtLmezsmqMQZTV502TkHCxYzTwY2dE7OKcUTxi4OFlMuS4GId9CWPw==
-
-"@algolia/logger-console@4.14.3":
-  version "4.14.3"
-  resolved "https://registry.yarnpkg.com/@algolia/logger-console/-/logger-console-4.14.3.tgz#1f19f8f0a5ef11f01d1f9545290eb6a89b71fb8a"
-  integrity sha512-ZWqAlUITktiMN2EiFpQIFCJS10N96A++yrexqC2Z+3hgF/JcKrOxOdT4nSCQoEPvU4Ki9QKbpzbebRDemZt/hw==
-  dependencies:
-    "@algolia/logger-common" "4.14.3"
-
-"@algolia/requester-browser-xhr@4.14.3":
-  version "4.14.3"
-  resolved "https://registry.yarnpkg.com/@algolia/requester-browser-xhr/-/requester-browser-xhr-4.14.3.tgz#bcf55cba20f58fd9bc95ee55793b5219f3ce8888"
-  integrity sha512-AZeg2T08WLUPvDncl2XLX2O67W5wIO8MNaT7z5ii5LgBTuk/rU4CikTjCe2xsUleIZeFl++QrPAi4Bdxws6r/Q==
-  dependencies:
-    "@algolia/requester-common" "4.14.3"
-
-"@algolia/requester-common@4.14.3":
-  version "4.14.3"
-  resolved "https://registry.yarnpkg.com/@algolia/requester-common/-/requester-common-4.14.3.tgz#2d02fbe01afb7ae5651ae8dfe62d6c089f103714"
-  integrity sha512-RrRzqNyKFDP7IkTuV3XvYGF9cDPn9h6qEDl595lXva3YUk9YSS8+MGZnnkOMHvjkrSCKfoLeLbm/T4tmoIeclw==
-
-"@algolia/requester-node-http@4.14.3":
-  version "4.14.3"
-  resolved "https://registry.yarnpkg.com/@algolia/requester-node-http/-/requester-node-http-4.14.3.tgz#72389e1c2e5d964702451e75e368eefe85a09d8f"
-  integrity sha512-O5wnPxtDRPuW2U0EaOz9rMMWdlhwP0J0eSL1Z7TtXF8xnUeeUyNJrdhV5uy2CAp6RbhM1VuC3sOJcIR6Av+vbA==
-  dependencies:
-    "@algolia/requester-common" "4.14.3"
-
-"@algolia/transporter@4.14.3":
-  version "4.14.3"
-  resolved "https://registry.yarnpkg.com/@algolia/transporter/-/transporter-4.14.3.tgz#5593036bd9cf2adfd077fdc3e81d2e6118660a7a"
-  integrity sha512-2qlKlKsnGJ008exFRb5RTeTOqhLZj0bkMCMVskxoqWejs2Q2QtWmsiH98hDfpw0fmnyhzHEt0Z7lqxBYp8bW2w==
-  dependencies:
-    "@algolia/cache-common" "4.14.3"
-    "@algolia/logger-common" "4.14.3"
-    "@algolia/requester-common" "4.14.3"
+"@algolia/cache-browser-local-storage@4.16.0":
+  version "4.16.0"
+  resolved "https://registry.yarnpkg.com/@algolia/cache-browser-local-storage/-/cache-browser-local-storage-4.16.0.tgz#ccd31ab9df10781a69a653e9d994d0be974952ba"
+  integrity sha512-jVrk0YB3tjOhD5/lhBtYCVCeLjZmVpf2kdi4puApofytf/R0scjWz0GdozlW4HhU+Prxmt/c9ge4QFjtv5OAzQ==
+  dependencies:
+    "@algolia/cache-common" "4.16.0"
+
+"@algolia/cache-common@4.16.0":
+  version "4.16.0"
+  resolved "https://registry.yarnpkg.com/@algolia/cache-common/-/cache-common-4.16.0.tgz#0ef4726653d3891805c3348153067b292df1d68d"
+  integrity sha512-4iHjkSYQYw46pITrNQgXXhvUmcekI8INz1m+SzmqLX8jexSSy4Ky4zfGhZzhhhLHXUP3+x/PK/c0qPjxEvRwKQ==
+
+"@algolia/cache-in-memory@4.16.0":
+  version "4.16.0"
+  resolved "https://registry.yarnpkg.com/@algolia/cache-in-memory/-/cache-in-memory-4.16.0.tgz#b9aecfc4054f2307caeea255aace65061040f680"
+  integrity sha512-p7RYykvA6Ip6QENxrh99nOD77otVh1sJRivcgcVpnjoZb5sIN3t33eUY1DpB9QSBizcrW+qk19rNkdnZ43a+PQ==
+  dependencies:
+    "@algolia/cache-common" "4.16.0"
+
+"@algolia/client-account@4.16.0":
+  version "4.16.0"
+  resolved "https://registry.yarnpkg.com/@algolia/client-account/-/client-account-4.16.0.tgz#3164e28df1b6428a60f43b8a97ea669d6bbbce9e"
+  integrity sha512-eydcfpdIyuWoKgUSz5iZ/L0wE/Wl7958kACkvTHLDNXvK/b8Z1zypoJavh6/km1ZNQmFpeYS2jrmq0kUSFn02w==
+  dependencies:
+    "@algolia/client-common" "4.16.0"
+    "@algolia/client-search" "4.16.0"
+    "@algolia/transporter" "4.16.0"
+
+"@algolia/client-analytics@4.16.0":
+  version "4.16.0"
+  resolved "https://registry.yarnpkg.com/@algolia/client-analytics/-/client-analytics-4.16.0.tgz#afa72be54a28fdfe00505d6ab3c179ef2c9bc796"
+  integrity sha512-cONWXH3BfilgdlCofUm492bJRWtpBLVW/hsUlfoFtiX1u05xoBP7qeiDwh9RR+4pSLHLodYkHAf5U4honQ55Qg==
+  dependencies:
+    "@algolia/client-common" "4.16.0"
+    "@algolia/client-search" "4.16.0"
+    "@algolia/requester-common" "4.16.0"
+    "@algolia/transporter" "4.16.0"
+
+"@algolia/client-common@4.16.0":
+  version "4.16.0"
+  resolved "https://registry.yarnpkg.com/@algolia/client-common/-/client-common-4.16.0.tgz#670f4b2286755090a6389c55d79402716e4556ac"
+  integrity sha512-QVdR4019ukBH6f5lFr27W60trRxQF1SfS1qo0IP6gjsKhXhUVJuHxOCA6ArF87jrNkeuHEoRoDU+GlvaecNo8g==
+  dependencies:
+    "@algolia/requester-common" "4.16.0"
+    "@algolia/transporter" "4.16.0"
+
+"@algolia/client-personalization@4.16.0":
+  version "4.16.0"
+  resolved "https://registry.yarnpkg.com/@algolia/client-personalization/-/client-personalization-4.16.0.tgz#927728c069b42f39fc83ce61a1fdcc79cd38b842"
+  integrity sha512-irtLafssDGPuhYqIwxqOxiWlVYvrsBD+EMA1P9VJtkKi3vSNBxiWeQ0f0Tn53cUNdSRNEssfoEH84JL97SV2SQ==
+  dependencies:
+    "@algolia/client-common" "4.16.0"
+    "@algolia/requester-common" "4.16.0"
+    "@algolia/transporter" "4.16.0"
+
+"@algolia/client-search@4.16.0":
+  version "4.16.0"
+  resolved "https://registry.yarnpkg.com/@algolia/client-search/-/client-search-4.16.0.tgz#19a76bc6cfa495aa9011b32dd85305baa2579589"
+  integrity sha512-xsfrAE1jO/JDh1wFrRz+alVyW+aA6qnkzmbWWWZWEgVF3EaFqzIf9r1l/aDtDdBtNTNhX9H3Lg31+BRtd5izQA==
+  dependencies:
+    "@algolia/client-common" "4.16.0"
+    "@algolia/requester-common" "4.16.0"
+    "@algolia/transporter" "4.16.0"
+
+"@algolia/logger-common@4.16.0":
+  version "4.16.0"
+  resolved "https://registry.yarnpkg.com/@algolia/logger-common/-/logger-common-4.16.0.tgz#8d83ebe5d798b84cf0026ae68d47b6dc8f542b61"
+  integrity sha512-U9H8uCzSDuePJmbnjjTX21aPDRU6x74Tdq3dJmdYu2+pISx02UeBJm4kSgc9RW5jcR5j35G9gnjHY9Q3ngWbyQ==
+
+"@algolia/logger-console@4.16.0":
+  version "4.16.0"
+  resolved "https://registry.yarnpkg.com/@algolia/logger-console/-/logger-console-4.16.0.tgz#e125d63268a6cab64c625e867596a8c8201850d2"
+  integrity sha512-+qymusiM+lPZKrkf0tDjCQA158eEJO2IU+Nr/sJ9TFyI/xkFPjNPzw/Qbc8Iy/xcOXGlc6eMgmyjtVQqAWq6UA==
+  dependencies:
+    "@algolia/logger-common" "4.16.0"
+
+"@algolia/requester-browser-xhr@4.16.0":
+  version "4.16.0"
+  resolved "https://registry.yarnpkg.com/@algolia/requester-browser-xhr/-/requester-browser-xhr-4.16.0.tgz#742090e53301889ae01581eedcc5bfc2c6dd7660"
+  integrity sha512-gK+kvs6LHl/PaOJfDuwjkopNbG1djzFLsVBklGBsSU6h6VjFkxIpo6Qq80IK14p9cplYZfhfaL12va6Q9p3KVQ==
+  dependencies:
+    "@algolia/requester-common" "4.16.0"
+
+"@algolia/requester-common@4.16.0":
+  version "4.16.0"
+  resolved "https://registry.yarnpkg.com/@algolia/requester-common/-/requester-common-4.16.0.tgz#a24eb9fc9062f76c2e06599c678542e78c8bce1c"
+  integrity sha512-3Zmcs/iMubcm4zqZ3vZG6Zum8t+hMWxGMzo0/uY2BD8o9q5vMxIYI0c4ocdgQjkXcix189WtZNkgjSOBzSbkdw==
+
+"@algolia/requester-node-http@4.16.0":
+  version "4.16.0"
+  resolved "https://registry.yarnpkg.com/@algolia/requester-node-http/-/requester-node-http-4.16.0.tgz#0723929863c201d12888c2751043b872a04bb6d9"
+  integrity sha512-L8JxM2VwZzh8LJ1Zb8TFS6G3icYsCKZsdWW+ahcEs1rGWmyk9SybsOe1MLnjonGBaqPWJkn9NjS7mRdjEmBtKA==
+  dependencies:
+    "@algolia/requester-common" "4.16.0"
+
+"@algolia/transporter@4.16.0":
+  version "4.16.0"
+  resolved "https://registry.yarnpkg.com/@algolia/transporter/-/transporter-4.16.0.tgz#5e6ca73c8a72d91b7dd75b00b5e45e8538bad8b6"
+  integrity sha512-H9BVB2EAjT65w7XGBNf5drpsW39x2aSZ942j4boSAAJPPlLmjtj5IpAP7UAtsV8g9Beslonh0bLa1XGmE/P0BA==
+  dependencies:
+    "@algolia/cache-common" "4.16.0"
+    "@algolia/logger-common" "4.16.0"
+    "@algolia/requester-common" "4.16.0"
 
-"@ampproject/remapping@^2.1.0":
+"@ampproject/remapping@^2.2.0":
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/@ampproject/remapping/-/remapping-2.2.0.tgz#56c133824780de3174aed5ab6834f3026790154d"
   integrity sha512-qRmjj8nj9qmLTQXXmaR1cck3UXSRMPrbsLJAasZpF+t3riI71BXed5ebIOYwQntykeZuhjsdweEc9BxH5Jc26w==
@@ -140,49 +140,51 @@
   dependencies:
     "@babel/highlight" "^7.18.6"
 
-"@babel/compat-data@^7.19.1":
-  version "7.19.1"
-  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.19.1.tgz#72d647b4ff6a4f82878d184613353af1dd0290f9"
-  integrity sha512-72a9ghR0gnESIa7jBN53U32FOVCEoztyIlKaNoU05zRhEecduGK9L9c3ww7Mp06JiR+0ls0GBPFJQwwtjn9ksg==
+"@babel/compat-data@^7.20.5":
+  version "7.21.0"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.21.0.tgz#c241dc454e5b5917e40d37e525e2f4530c399298"
+  integrity sha512-gMuZsmsgxk/ENC3O/fRw5QY8A9/uxQbbCEypnLIiYYc/qVJtEV7ouxC3EllIIwNzMqAQee5tanFabWsUOutS7g==
 
 "@babel/core@^7.11.6", "@babel/core@^7.12.3":
-  version "7.19.1"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.19.1.tgz#c8fa615c5e88e272564ace3d42fbc8b17bfeb22b"
-  integrity sha512-1H8VgqXme4UXCRv7/Wa1bq7RVymKOzC7znjyFM8KiEzwFqcKUKYNoQef4GhdklgNvoBXyW4gYhuBNCM5o1zImw==
+  version "7.21.3"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.21.3.tgz#cf1c877284a469da5d1ce1d1e53665253fae712e"
+  integrity sha512-qIJONzoa/qiHghnm0l1n4i/6IIziDpzqc36FBs4pzMhDUraHqponwJLiAKm1hGLP3OSB/TVNz6rMwVGpwxxySw==
   dependencies:
-    "@ampproject/remapping" "^2.1.0"
+    "@ampproject/remapping" "^2.2.0"
     "@babel/code-frame" "^7.18.6"
-    "@babel/generator" "^7.19.0"
-    "@babel/helper-compilation-targets" "^7.19.1"
-    "@babel/helper-module-transforms" "^7.19.0"
-    "@babel/helpers" "^7.19.0"
-    "@babel/parser" "^7.19.1"
-    "@babel/template" "^7.18.10"
-    "@babel/traverse" "^7.19.1"
-    "@babel/types" "^7.19.0"
+    "@babel/generator" "^7.21.3"
+    "@babel/helper-compilation-targets" "^7.20.7"
+    "@babel/helper-module-transforms" "^7.21.2"
+    "@babel/helpers" "^7.21.0"
+    "@babel/parser" "^7.21.3"
+    "@babel/template" "^7.20.7"
+    "@babel/traverse" "^7.21.3"
+    "@babel/types" "^7.21.3"
     convert-source-map "^1.7.0"
     debug "^4.1.0"
     gensync "^1.0.0-beta.2"
-    json5 "^2.2.1"
+    json5 "^2.2.2"
     semver "^6.3.0"
 
-"@babel/generator@^7.19.0", "@babel/generator@^7.7.2":
-  version "7.19.0"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.19.0.tgz#785596c06425e59334df2ccee63ab166b738419a"
-  integrity sha512-S1ahxf1gZ2dpoiFgA+ohK9DIpz50bJ0CWs7Zlzb54Z4sG8qmdIrGrVqmy1sAtTVRb+9CU6U8VqT9L0Zj7hxHVg==
+"@babel/generator@^7.21.3", "@babel/generator@^7.7.2":
+  version "7.21.3"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.21.3.tgz#232359d0874b392df04045d72ce2fd9bb5045fce"
+  integrity sha512-QS3iR1GYC/YGUnW7IdggFeN5c1poPUurnGttOV/bZgPGV+izC/D8HnD6DLwod0fsatNyVn1G3EVWMYIF0nHbeA==
   dependencies:
-    "@babel/types" "^7.19.0"
+    "@babel/types" "^7.21.3"
     "@jridgewell/gen-mapping" "^0.3.2"
+    "@jridgewell/trace-mapping" "^0.3.17"
     jsesc "^2.5.1"
 
-"@babel/helper-compilation-targets@^7.19.1":
-  version "7.19.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.19.1.tgz#7f630911d83b408b76fe584831c98e5395d7a17c"
-  integrity sha512-LlLkkqhCMyz2lkQPvJNdIYU7O5YjWRgC2R4omjCTpZd8u8KMQzZvX4qce+/BluN1rcQiV7BoGUpmQ0LeHerbhg==
+"@babel/helper-compilation-targets@^7.20.7":
+  version "7.20.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.20.7.tgz#a6cd33e93629f5eb473b021aac05df62c4cd09bb"
+  integrity sha512-4tGORmfQcrc+bvrjb5y3dG9Mx1IOZjsHqQVUz7XCNHO+iTmqxWnVg3KRygjGmpRLJGdQSKuvFinbIb0CnZwHAQ==
   dependencies:
-    "@babel/compat-data" "^7.19.1"
+    "@babel/compat-data" "^7.20.5"
     "@babel/helper-validator-option" "^7.18.6"
     browserslist "^4.21.3"
+    lru-cache "^5.1.1"
     semver "^6.3.0"
 
 "@babel/helper-environment-visitor@^7.18.9":
@@ -190,13 +192,13 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.18.9.tgz#0c0cee9b35d2ca190478756865bb3528422f51be"
   integrity sha512-3r/aACDJ3fhQ/EVgFy0hpj8oHyHpQc+LPtJoY9SzTThAsStm4Ptegq92vqKoE3vD706ZVFWITnMnxucw+S9Ipg==
 
-"@babel/helper-function-name@^7.19.0":
-  version "7.19.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.19.0.tgz#941574ed5390682e872e52d3f38ce9d1bef4648c"
-  integrity sha512-WAwHBINyrpqywkUH0nTnNgI5ina5TFn85HKS0pbPDfxFfhyR/aNQEn4hGi1P1JyT//I0t4OgXUlofzWILRvS5w==
+"@babel/helper-function-name@^7.21.0":
+  version "7.21.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.21.0.tgz#d552829b10ea9f120969304023cd0645fa00b1b4"
+  integrity sha512-HfK1aMRanKHpxemaY2gqBmL04iAPOPRj7DxtNbiDOrJK+gdwkiNRVpCpUJYbUT+aZyemKN8brqTOxzCaG6ExRg==
   dependencies:
-    "@babel/template" "^7.18.10"
-    "@babel/types" "^7.19.0"
+    "@babel/template" "^7.20.7"
+    "@babel/types" "^7.21.0"
 
 "@babel/helper-hoist-variables@^7.18.6":
   version "7.18.6"
@@ -212,31 +214,31 @@
   dependencies:
     "@babel/types" "^7.18.6"
 
-"@babel/helper-module-transforms@^7.18.6", "@babel/helper-module-transforms@^7.19.0":
-  version "7.19.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.19.0.tgz#309b230f04e22c58c6a2c0c0c7e50b216d350c30"
-  integrity sha512-3HBZ377Fe14RbLIA+ac3sY4PTgpxHVkFrESaWhoI5PuyXPBBX8+C34qblV9G89ZtycGJCmCI/Ut+VUDK4bltNQ==
+"@babel/helper-module-transforms@^7.21.2":
+  version "7.21.2"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.21.2.tgz#160caafa4978ac8c00ac66636cb0fa37b024e2d2"
+  integrity sha512-79yj2AR4U/Oqq/WOV7Lx6hUjau1Zfo4cI+JLAVYeMV5XIlbOhmjEk5ulbTc9fMpmlojzZHkUUxAiK+UKn+hNQQ==
   dependencies:
     "@babel/helper-environment-visitor" "^7.18.9"
     "@babel/helper-module-imports" "^7.18.6"
-    "@babel/helper-simple-access" "^7.18.6"
+    "@babel/helper-simple-access" "^7.20.2"
     "@babel/helper-split-export-declaration" "^7.18.6"
-    "@babel/helper-validator-identifier" "^7.18.6"
-    "@babel/template" "^7.18.10"
-    "@babel/traverse" "^7.19.0"
-    "@babel/types" "^7.19.0"
+    "@babel/helper-validator-identifier" "^7.19.1"
+    "@babel/template" "^7.20.7"
+    "@babel/traverse" "^7.21.2"
+    "@babel/types" "^7.21.2"
 
-"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.8.0":
-  version "7.19.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.19.0.tgz#4796bb14961521f0f8715990bee2fb6e51ce21bf"
-  integrity sha512-40Ryx7I8mT+0gaNxm8JGTZFUITNqdLAgdg0hXzeVZxVD6nFsdhQvip6v8dqkRHzsz1VFpFAaOCHNn0vKBL7Czw==
+"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.19.0", "@babel/helper-plugin-utils@^7.20.2", "@babel/helper-plugin-utils@^7.8.0":
+  version "7.20.2"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.20.2.tgz#d1b9000752b18d0877cff85a5c376ce5c3121629"
+  integrity sha512-8RvlJG2mj4huQ4pZ+rU9lqKi9ZKiRmuvGuM2HlWmkmgOhbs6zEAw6IEiJ5cQqGbDzGZOhwuOQNtZMi/ENLjZoQ==
 
-"@babel/helper-simple-access@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.18.6.tgz#d6d8f51f4ac2978068df934b569f08f29788c7ea"
-  integrity sha512-iNpIgTgyAvDQpDj76POqg+YEt8fPxx3yaNBg3S30dxNKm2SWfYhD0TGrK/Eu9wHpUW63VQU894TsTg+GLbUa1g==
+"@babel/helper-simple-access@^7.20.2":
+  version "7.20.2"
+  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.20.2.tgz#0ab452687fe0c2cfb1e2b9e0015de07fc2d62dd9"
+  integrity sha512-+0woI/WPq59IrqDYbVGfshjT5Dmk/nnbdpcF8SnMhhXObpTq2KNBdLFRFrkVdbDOyUmHBCxzm5FHV1rACIkIbA==
   dependencies:
-    "@babel/types" "^7.18.6"
+    "@babel/types" "^7.20.2"
 
 "@babel/helper-split-export-declaration@^7.18.6":
   version "7.18.6"
@@ -245,29 +247,29 @@
   dependencies:
     "@babel/types" "^7.18.6"
 
-"@babel/helper-string-parser@^7.18.10":
-  version "7.18.10"
-  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.18.10.tgz#181f22d28ebe1b3857fa575f5c290b1aaf659b56"
-  integrity sha512-XtIfWmeNY3i4t7t4D2t02q50HvqHybPqW2ki1kosnvWCwuCMeo81Jf0gwr85jy/neUdg5XDdeFE/80DXiO+njw==
+"@babel/helper-string-parser@^7.19.4":
+  version "7.19.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.19.4.tgz#38d3acb654b4701a9b77fb0615a96f775c3a9e63"
+  integrity sha512-nHtDoQcuqFmwYNYPz3Rah5ph2p8PFeFCsZk9A/48dPc/rGocJ5J3hAAZ7pb76VWX3fZKu+uEr/FhH5jLx7umrw==
 
-"@babel/helper-validator-identifier@^7.18.6":
+"@babel/helper-validator-identifier@^7.18.6", "@babel/helper-validator-identifier@^7.19.1":
   version "7.19.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz#7eea834cf32901ffdc1a7ee555e2f9c27e249ca2"
   integrity sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==
 
 "@babel/helper-validator-option@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.18.6.tgz#bf0d2b5a509b1f336099e4ff36e1a63aa5db4db8"
-  integrity sha512-XO7gESt5ouv/LRJdrVjkShckw6STTaB7l9BrpBaAHDeF5YZT+01PCwmR0SJHnkW6i8OwW/EVWRShfi4j2x+KQw==
+  version "7.21.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.21.0.tgz#8224c7e13ace4bafdc4004da2cf064ef42673180"
+  integrity sha512-rmL/B8/f0mKS2baE9ZpyTcTavvEuWhTTW8amjzXNvYG4AwBsqTLikfXsEofsJEfKHf+HQVQbFOHy6o+4cnC/fQ==
 
-"@babel/helpers@^7.19.0":
-  version "7.19.0"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.19.0.tgz#f30534657faf246ae96551d88dd31e9d1fa1fc18"
-  integrity sha512-DRBCKGwIEdqY3+rPJgG/dKfQy9+08rHIAJx8q2p+HSWP87s2HCrQmaAMMyMll2kIXKCW0cO1RdQskx15Xakftg==
+"@babel/helpers@^7.21.0":
+  version "7.21.0"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.21.0.tgz#9dd184fb5599862037917cdc9eecb84577dc4e7e"
+  integrity sha512-XXve0CBtOW0pd7MRzzmoyuSj0e3SEzj8pgyFxnTT1NJZL38BD1MK7yYrm8yefRPIDvNNe14xR4FdbHwpInD4rA==
   dependencies:
-    "@babel/template" "^7.18.10"
-    "@babel/traverse" "^7.19.0"
-    "@babel/types" "^7.19.0"
+    "@babel/template" "^7.20.7"
+    "@babel/traverse" "^7.21.0"
+    "@babel/types" "^7.21.0"
 
 "@babel/highlight@^7.18.6":
   version "7.18.6"
@@ -278,10 +280,10 @@
     chalk "^2.0.0"
     js-tokens "^4.0.0"
 
-"@babel/parser@^7.1.0", "@babel/parser@^7.13.12", "@babel/parser@^7.14.7", "@babel/parser@^7.16.4", "@babel/parser@^7.18.10", "@babel/parser@^7.19.1", "@babel/parser@^7.6.0", "@babel/parser@^7.9.6":
-  version "7.19.1"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.19.1.tgz#6f6d6c2e621aad19a92544cc217ed13f1aac5b4c"
-  integrity sha512-h7RCSorm1DdTVGJf3P2Mhj3kdnkmF/EiysUkzS2TdgAYqyjFdMQJbVuXOBej2SBJaXan/lIVtT6KkGbyyq753A==
+"@babel/parser@^7.1.0", "@babel/parser@^7.13.12", "@babel/parser@^7.14.7", "@babel/parser@^7.16.4", "@babel/parser@^7.20.7", "@babel/parser@^7.21.3", "@babel/parser@^7.6.0", "@babel/parser@^7.9.6":
+  version "7.21.3"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.21.3.tgz#1d285d67a19162ff9daa358d4cb41d50c06220b3"
+  integrity sha512-lobG0d7aOfQRXh8AyklEAgZGvA4FShxo6xQbUrrT/cNBPUdIDojlokwJsQyCC/eKia7ifqM0yP+2DRZ4WKw2RQ==
 
 "@babel/plugin-syntax-async-generators@^7.8.4":
   version "7.8.4"
@@ -375,54 +377,53 @@
     "@babel/helper-plugin-utils" "^7.14.5"
 
 "@babel/plugin-syntax-typescript@^7.7.2":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.18.6.tgz#1c09cd25795c7c2b8a4ba9ae49394576d4133285"
-  integrity sha512-mAWAuq4rvOepWCBid55JuRNvpTNf2UGVgoz4JV0fXEKolsVZDzsa4NqCef758WZJj/GDu0gVGItjKFiClTAmZA==
+  version "7.20.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.20.0.tgz#4e9a0cfc769c85689b77a2e642d24e9f697fc8c7"
+  integrity sha512-rd9TkG+u1CExzS4SM1BlMEhMXwFLKVjOAFFCDx9PbX5ycJWDoWMcwdJH9RhkPu1dOgn5TrxLot/Gx6lWFuAUNQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.19.0"
 
 "@babel/plugin-transform-modules-commonjs@^7.2.0":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.18.6.tgz#afd243afba166cca69892e24a8fd8c9f2ca87883"
-  integrity sha512-Qfv2ZOWikpvmedXQJDSbxNqy7Xr/j2Y8/KfijM0iJyKkBTmWuvCA1yeH1yDM7NJhBW/2aXxeucLj6i80/LAJ/Q==
+  version "7.21.2"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.21.2.tgz#6ff5070e71e3192ef2b7e39820a06fb78e3058e7"
+  integrity sha512-Cln+Yy04Gxua7iPdj6nOV96smLGjpElir5YwzF0LBPKoPlLDNJePNlrGGaybAJkd0zKRnOVXOgizSqPYMNYkzA==
   dependencies:
-    "@babel/helper-module-transforms" "^7.18.6"
-    "@babel/helper-plugin-utils" "^7.18.6"
-    "@babel/helper-simple-access" "^7.18.6"
-    babel-plugin-dynamic-import-node "^2.3.3"
+    "@babel/helper-module-transforms" "^7.21.2"
+    "@babel/helper-plugin-utils" "^7.20.2"
+    "@babel/helper-simple-access" "^7.20.2"
 
-"@babel/template@^7.18.10", "@babel/template@^7.3.3":
-  version "7.18.10"
-  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.18.10.tgz#6f9134835970d1dbf0835c0d100c9f38de0c5e71"
-  integrity sha512-TI+rCtooWHr3QJ27kJxfjutghu44DLnasDMwpDqCXVTal9RLp3RSYNh4NdBrRP2cQAoG9A8juOQl6P6oZG4JxA==
+"@babel/template@^7.20.7", "@babel/template@^7.3.3":
+  version "7.20.7"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.20.7.tgz#a15090c2839a83b02aa996c0b4994005841fd5a8"
+  integrity sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==
   dependencies:
     "@babel/code-frame" "^7.18.6"
-    "@babel/parser" "^7.18.10"
-    "@babel/types" "^7.18.10"
+    "@babel/parser" "^7.20.7"
+    "@babel/types" "^7.20.7"
 
-"@babel/traverse@^7.19.0", "@babel/traverse@^7.19.1", "@babel/traverse@^7.7.2":
-  version "7.19.1"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.19.1.tgz#0fafe100a8c2a603b4718b1d9bf2568d1d193347"
-  integrity sha512-0j/ZfZMxKukDaag2PtOPDbwuELqIar6lLskVPPJDjXMXjfLb1Obo/1yjxIGqqAJrmfaTIY3z2wFLAQ7qSkLsuA==
+"@babel/traverse@^7.21.0", "@babel/traverse@^7.21.2", "@babel/traverse@^7.21.3", "@babel/traverse@^7.7.2":
+  version "7.21.3"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.21.3.tgz#4747c5e7903d224be71f90788b06798331896f67"
+  integrity sha512-XLyopNeaTancVitYZe2MlUEvgKb6YVVPXzofHgqHijCImG33b/uTurMS488ht/Hbsb2XK3U2BnSTxKVNGV3nGQ==
   dependencies:
     "@babel/code-frame" "^7.18.6"
-    "@babel/generator" "^7.19.0"
+    "@babel/generator" "^7.21.3"
     "@babel/helper-environment-visitor" "^7.18.9"
-    "@babel/helper-function-name" "^7.19.0"
+    "@babel/helper-function-name" "^7.21.0"
     "@babel/helper-hoist-variables" "^7.18.6"
     "@babel/helper-split-export-declaration" "^7.18.6"
-    "@babel/parser" "^7.19.1"
-    "@babel/types" "^7.19.0"
+    "@babel/parser" "^7.21.3"
+    "@babel/types" "^7.21.3"
     debug "^4.1.0"
     globals "^11.1.0"
 
-"@babel/types@^7.0.0", "@babel/types@^7.18.10", "@babel/types@^7.18.6", "@babel/types@^7.18.8", "@babel/types@^7.19.0", "@babel/types@^7.3.0", "@babel/types@^7.3.3", "@babel/types@^7.6.1", "@babel/types@^7.9.6":
-  version "7.19.0"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.19.0.tgz#75f21d73d73dc0351f3368d28db73465f4814600"
-  integrity sha512-YuGopBq3ke25BVSiS6fgF49Ul9gH1x70Bcr6bqRLjWCkcX8Hre1/5+z+IiWOIerRMSSEfGZVB9z9kyq7wVs9YA==
+"@babel/types@^7.0.0", "@babel/types@^7.18.6", "@babel/types@^7.18.8", "@babel/types@^7.20.2", "@babel/types@^7.20.7", "@babel/types@^7.21.0", "@babel/types@^7.21.2", "@babel/types@^7.21.3", "@babel/types@^7.3.0", "@babel/types@^7.3.3", "@babel/types@^7.6.1", "@babel/types@^7.9.6":
+  version "7.21.3"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.21.3.tgz#4865a5357ce40f64e3400b0f3b737dc6d4f64d05"
+  integrity sha512-sBGdETxC+/M4o/zKC0sl6sjWv62WFR/uzxrJ6uYyMLZOUlPnwzw0tKgVHOXxaAd5l2g8pEDM5RZ495GPQI77kg==
   dependencies:
-    "@babel/helper-string-parser" "^7.18.10"
-    "@babel/helper-validator-identifier" "^7.18.6"
+    "@babel/helper-string-parser" "^7.19.4"
+    "@babel/helper-validator-identifier" "^7.19.1"
     to-fast-properties "^2.0.0"
 
 "@bcoe/v8-coverage@^0.2.3":
@@ -451,9 +452,9 @@
   integrity sha512-3OLOv6TExmi93kapV4n9kmJ36fqxTHv3Vn/SPGAUX1btwf0wCmXen4xF3A8OdLEwR0i6Ggqw+MY/T7WjA6k2xg==
 
 "@coreui/icons@^3.0.0":
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/@coreui/icons/-/icons-3.0.0.tgz#e36ef6e10fdc61aaff22e4ab1f6e71775b26f365"
-  integrity sha512-t4hJilv5IFBvaHIIQeUoXctV5nJkW21PTIhgeGO80xS25Ii4kkXa2gzryj6v6OEPSDPnY2YWhYm39TBjbXt1Xw==
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/@coreui/icons/-/icons-3.0.1.tgz#a6b77a3d3578a59b08474fbfe29de0ebc5ea4c80"
+  integrity sha512-u9UKEcRMyY9pa4jUoLij8pAR03g5g6TLWV33/Mx2ix8sffyi0eO4fLV8DSTQljDCw938zt7KYog5cVKEAJUxxg==
 
 "@docsearch/css@3.3.3", "@docsearch/css@^3.3.3":
   version "3.3.3"
@@ -483,6 +484,18 @@
   resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.14.54.tgz#de2a4be678bd4d0d1ffbb86e6de779cde5999028"
   integrity sha512-bZBrLAIX1kpWelV0XemxBZllyRmM6vgFQQG2GdNb+r3Fkp0FOh1NJSvekXDs7jq70k4euu1cryLMfU+mTXlEpw==
 
+"@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.3.0":
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz#a23514e8fb9af1269d5f7788aa556798d61c6b59"
+  integrity sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==
+  dependencies:
+    eslint-visitor-keys "^3.3.0"
+
+"@eslint-community/regexpp@^4.4.0":
+  version "4.4.1"
+  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.4.1.tgz#087cb8d9d757bb22e9c9946c9c0c2bf8806830f1"
+  integrity sha512-BISJ6ZE4xQsuL/FmsyRaiffpq977bMlsKfGHTQrOGFErfByxIe6iZTxPf/00Zon9b9a7iUykfQwejN3s2ZW/Bw==
+
 "@eslint/eslintrc@^1.4.1":
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-1.4.1.tgz#af58772019a2d271b7e2d4c23ff4ddcba3ccfb3e"
@@ -543,109 +556,109 @@
   resolved "https://registry.yarnpkg.com/@istanbuljs/schema/-/schema-0.1.3.tgz#e45e384e4b8ec16bce2fd903af78450f6bf7ec98"
   integrity sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==
 
-"@jest/console@^29.4.3":
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/@jest/console/-/console-29.4.3.tgz#1f25a99f7f860e4c46423b5b1038262466fadde1"
-  integrity sha512-W/o/34+wQuXlgqlPYTansOSiBnuxrTv61dEVkA6HNmpcgHLUjfaUbdqt6oVvOzaawwo9IdW9QOtMgQ1ScSZC4A==
+"@jest/console@^29.5.0":
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/@jest/console/-/console-29.5.0.tgz#593a6c5c0d3f75689835f1b3b4688c4f8544cb57"
+  integrity sha512-NEpkObxPwyw/XxZVLPmAGKE89IQRp4puc6IQRPru6JKd1M3fW9v1xM1AnzIJE65hbCkzQAdnL8P47e9hzhiYLQ==
   dependencies:
-    "@jest/types" "^29.4.3"
+    "@jest/types" "^29.5.0"
     "@types/node" "*"
     chalk "^4.0.0"
-    jest-message-util "^29.4.3"
-    jest-util "^29.4.3"
+    jest-message-util "^29.5.0"
+    jest-util "^29.5.0"
     slash "^3.0.0"
 
-"@jest/core@^29.4.3":
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/@jest/core/-/core-29.4.3.tgz#829dd65bffdb490de5b0f69e97de8e3b5eadd94b"
-  integrity sha512-56QvBq60fS4SPZCuM7T+7scNrkGIe7Mr6PVIXUpu48ouvRaWOFqRPV91eifvFM0ay2HmfswXiGf97NGUN5KofQ==
-  dependencies:
-    "@jest/console" "^29.4.3"
-    "@jest/reporters" "^29.4.3"
-    "@jest/test-result" "^29.4.3"
-    "@jest/transform" "^29.4.3"
-    "@jest/types" "^29.4.3"
+"@jest/core@^29.5.0":
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/@jest/core/-/core-29.5.0.tgz#76674b96904484e8214614d17261cc491e5f1f03"
+  integrity sha512-28UzQc7ulUrOQw1IsN/kv1QES3q2kkbl/wGslyhAclqZ/8cMdB5M68BffkIdSJgKBUt50d3hbwJ92XESlE7LiQ==
+  dependencies:
+    "@jest/console" "^29.5.0"
+    "@jest/reporters" "^29.5.0"
+    "@jest/test-result" "^29.5.0"
+    "@jest/transform" "^29.5.0"
+    "@jest/types" "^29.5.0"
     "@types/node" "*"
     ansi-escapes "^4.2.1"
     chalk "^4.0.0"
     ci-info "^3.2.0"
     exit "^0.1.2"
     graceful-fs "^4.2.9"
-    jest-changed-files "^29.4.3"
-    jest-config "^29.4.3"
-    jest-haste-map "^29.4.3"
-    jest-message-util "^29.4.3"
+    jest-changed-files "^29.5.0"
+    jest-config "^29.5.0"
+    jest-haste-map "^29.5.0"
+    jest-message-util "^29.5.0"
     jest-regex-util "^29.4.3"
-    jest-resolve "^29.4.3"
-    jest-resolve-dependencies "^29.4.3"
-    jest-runner "^29.4.3"
-    jest-runtime "^29.4.3"
-    jest-snapshot "^29.4.3"
-    jest-util "^29.4.3"
-    jest-validate "^29.4.3"
-    jest-watcher "^29.4.3"
+    jest-resolve "^29.5.0"
+    jest-resolve-dependencies "^29.5.0"
+    jest-runner "^29.5.0"
+    jest-runtime "^29.5.0"
+    jest-snapshot "^29.5.0"
+    jest-util "^29.5.0"
+    jest-validate "^29.5.0"
+    jest-watcher "^29.5.0"
     micromatch "^4.0.4"
-    pretty-format "^29.4.3"
+    pretty-format "^29.5.0"
     slash "^3.0.0"
     strip-ansi "^6.0.0"
 
-"@jest/environment@^29.4.3":
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-29.4.3.tgz#9fe2f3169c3b33815dc4bd3960a064a83eba6548"
-  integrity sha512-dq5S6408IxIa+lr54zeqce+QgI+CJT4nmmA+1yzFgtcsGK8c/EyiUb9XQOgz3BMKrRDfKseeOaxj2eO8LlD3lA==
+"@jest/environment@^29.5.0":
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-29.5.0.tgz#9152d56317c1fdb1af389c46640ba74ef0bb4c65"
+  integrity sha512-5FXw2+wD29YU1d4I2htpRX7jYnAyTRjP2CsXQdo9SAM8g3ifxWPSV0HnClSn71xwctr0U3oZIIH+dtbfmnbXVQ==
   dependencies:
-    "@jest/fake-timers" "^29.4.3"
-    "@jest/types" "^29.4.3"
+    "@jest/fake-timers" "^29.5.0"
+    "@jest/types" "^29.5.0"
     "@types/node" "*"
-    jest-mock "^29.4.3"
+    jest-mock "^29.5.0"
 
-"@jest/expect-utils@^29.4.3":
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/@jest/expect-utils/-/expect-utils-29.4.3.tgz#95ce4df62952f071bcd618225ac7c47eaa81431e"
-  integrity sha512-/6JWbkxHOP8EoS8jeeTd9dTfc9Uawi+43oLKHfp6zzux3U2hqOOVnV3ai4RpDYHOccL6g+5nrxpoc8DmJxtXVQ==
+"@jest/expect-utils@^29.5.0":
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/@jest/expect-utils/-/expect-utils-29.5.0.tgz#f74fad6b6e20f924582dc8ecbf2cb800fe43a036"
+  integrity sha512-fmKzsidoXQT2KwnrwE0SQq3uj8Z763vzR8LnLBwC2qYWEFpjX8daRsk6rHUM1QvNlEW/UJXNXm59ztmJJWs2Mg==
   dependencies:
     jest-get-type "^29.4.3"
 
-"@jest/expect@^29.4.3":
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/@jest/expect/-/expect-29.4.3.tgz#d31a28492e45a6bcd0f204a81f783fe717045c6e"
-  integrity sha512-iktRU/YsxEtumI9zsPctYUk7ptpC+AVLLk1Ax3AsA4g1C+8OOnKDkIQBDHtD5hA/+VtgMd5AWI5gNlcAlt2vxQ==
+"@jest/expect@^29.5.0":
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/@jest/expect/-/expect-29.5.0.tgz#80952f5316b23c483fbca4363ce822af79c38fba"
+  integrity sha512-PueDR2HGihN3ciUNGr4uelropW7rqUfTiOn+8u0leg/42UhblPxHkfoh0Ruu3I9Y1962P3u2DY4+h7GVTSVU6g==
   dependencies:
-    expect "^29.4.3"
-    jest-snapshot "^29.4.3"
+    expect "^29.5.0"
+    jest-snapshot "^29.5.0"
 
-"@jest/fake-timers@^29.4.3":
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-29.4.3.tgz#31e982638c60fa657d310d4b9d24e023064027b0"
-  integrity sha512-4Hote2MGcCTWSD2gwl0dwbCpBRHhE6olYEuTj8FMowdg3oQWNKr2YuxenPQYZ7+PfqPY1k98wKDU4Z+Hvd4Tiw==
+"@jest/fake-timers@^29.5.0":
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-29.5.0.tgz#d4d09ec3286b3d90c60bdcd66ed28d35f1b4dc2c"
+  integrity sha512-9ARvuAAQcBwDAqOnglWq2zwNIRUDtk/SCkp/ToGEhFv5r86K21l+VEs0qNTaXtyiY0lEePl3kylijSYJQqdbDg==
   dependencies:
-    "@jest/types" "^29.4.3"
+    "@jest/types" "^29.5.0"
     "@sinonjs/fake-timers" "^10.0.2"
     "@types/node" "*"
-    jest-message-util "^29.4.3"
-    jest-mock "^29.4.3"
-    jest-util "^29.4.3"
+    jest-message-util "^29.5.0"
+    jest-mock "^29.5.0"
+    jest-util "^29.5.0"
 
-"@jest/globals@^29.4.3":
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/@jest/globals/-/globals-29.4.3.tgz#63a2c4200d11bc6d46f12bbe25b07f771fce9279"
-  integrity sha512-8BQ/5EzfOLG7AaMcDh7yFCbfRLtsc+09E1RQmRBI4D6QQk4m6NSK/MXo+3bJrBN0yU8A2/VIcqhvsOLFmziioA==
+"@jest/globals@^29.5.0":
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/@jest/globals/-/globals-29.5.0.tgz#6166c0bfc374c58268677539d0c181f9c1833298"
+  integrity sha512-S02y0qMWGihdzNbUiqSAiKSpSozSuHX5UYc7QbnHP+D9Lyw8DgGGCinrN9uSuHPeKgSSzvPom2q1nAtBvUsvPQ==
   dependencies:
-    "@jest/environment" "^29.4.3"
-    "@jest/expect" "^29.4.3"
-    "@jest/types" "^29.4.3"
-    jest-mock "^29.4.3"
+    "@jest/environment" "^29.5.0"
+    "@jest/expect" "^29.5.0"
+    "@jest/types" "^29.5.0"
+    jest-mock "^29.5.0"
 
-"@jest/reporters@^29.4.3":
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-29.4.3.tgz#0a68a0c0f20554760cc2e5443177a0018969e353"
-  integrity sha512-sr2I7BmOjJhyqj9ANC6CTLsL4emMoka7HkQpcoMRlhCbQJjz2zsRzw0BDPiPyEFDXAbxKgGFYuQZiSJ1Y6YoTg==
+"@jest/reporters@^29.5.0":
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-29.5.0.tgz#985dfd91290cd78ddae4914ba7921bcbabe8ac9b"
+  integrity sha512-D05STXqj/M8bP9hQNSICtPqz97u7ffGzZu+9XLucXhkOFBqKcXe04JLZOgIekOxdb73MAoBUFnqvf7MCpKk5OA==
   dependencies:
     "@bcoe/v8-coverage" "^0.2.3"
-    "@jest/console" "^29.4.3"
-    "@jest/test-result" "^29.4.3"
-    "@jest/transform" "^29.4.3"
-    "@jest/types" "^29.4.3"
+    "@jest/console" "^29.5.0"
+    "@jest/test-result" "^29.5.0"
+    "@jest/transform" "^29.5.0"
+    "@jest/types" "^29.5.0"
     "@jridgewell/trace-mapping" "^0.3.15"
     "@types/node" "*"
     chalk "^4.0.0"
@@ -658,9 +671,9 @@
     istanbul-lib-report "^3.0.0"
     istanbul-lib-source-maps "^4.0.0"
     istanbul-reports "^3.1.3"
-    jest-message-util "^29.4.3"
-    jest-util "^29.4.3"
-    jest-worker "^29.4.3"
+    jest-message-util "^29.5.0"
+    jest-util "^29.5.0"
+    jest-worker "^29.5.0"
     slash "^3.0.0"
     string-length "^4.0.1"
     strip-ansi "^6.0.0"
@@ -682,51 +695,51 @@
     callsites "^3.0.0"
     graceful-fs "^4.2.9"
 
-"@jest/test-result@^29.4.3":
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-29.4.3.tgz#e13d973d16c8c7cc0c597082d5f3b9e7f796ccb8"
-  integrity sha512-Oi4u9NfBolMq9MASPwuWTlC5WvmNRwI4S8YrQg5R5Gi47DYlBe3sh7ILTqi/LGrK1XUE4XY9KZcQJTH1WJCLLA==
+"@jest/test-result@^29.5.0":
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-29.5.0.tgz#7c856a6ca84f45cc36926a4e9c6b57f1973f1408"
+  integrity sha512-fGl4rfitnbfLsrfx1uUpDEESS7zM8JdgZgOCQuxQvL1Sn/I6ijeAVQWGfXI9zb1i9Mzo495cIpVZhA0yr60PkQ==
   dependencies:
-    "@jest/console" "^29.4.3"
-    "@jest/types" "^29.4.3"
+    "@jest/console" "^29.5.0"
+    "@jest/types" "^29.5.0"
     "@types/istanbul-lib-coverage" "^2.0.0"
     collect-v8-coverage "^1.0.0"
 
-"@jest/test-sequencer@^29.4.3":
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-29.4.3.tgz#0862e876a22993385a0f3e7ea1cc126f208a2898"
-  integrity sha512-yi/t2nES4GB4G0mjLc0RInCq/cNr9dNwJxcGg8sslajua5Kb4kmozAc+qPLzplhBgfw1vLItbjyHzUN92UXicw==
+"@jest/test-sequencer@^29.5.0":
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-29.5.0.tgz#34d7d82d3081abd523dbddc038a3ddcb9f6d3cc4"
+  integrity sha512-yPafQEcKjkSfDXyvtgiV4pevSeyuA6MQr6ZIdVkWJly9vkqjnFfcfhRQqpD5whjoU8EORki752xQmjaqoFjzMQ==
   dependencies:
-    "@jest/test-result" "^29.4.3"
+    "@jest/test-result" "^29.5.0"
     graceful-fs "^4.2.9"
-    jest-haste-map "^29.4.3"
+    jest-haste-map "^29.5.0"
     slash "^3.0.0"
 
-"@jest/transform@^29.4.3":
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-29.4.3.tgz#f7d17eac9cb5bb2e1222ea199c7c7e0835e0c037"
-  integrity sha512-8u0+fBGWolDshsFgPQJESkDa72da/EVwvL+II0trN2DR66wMwiQ9/CihaGfHdlLGFzbBZwMykFtxuwFdZqlKwg==
+"@jest/transform@^29.5.0":
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-29.5.0.tgz#cf9c872d0965f0cbd32f1458aa44a2b1988b00f9"
+  integrity sha512-8vbeZWqLJOvHaDfeMuoHITGKSz5qWc9u04lnWrQE3VyuSw604PzQM824ZeX9XSjUCeDiE3GuxZe5UKa8J61NQw==
   dependencies:
     "@babel/core" "^7.11.6"
-    "@jest/types" "^29.4.3"
+    "@jest/types" "^29.5.0"
     "@jridgewell/trace-mapping" "^0.3.15"
     babel-plugin-istanbul "^6.1.1"
     chalk "^4.0.0"
     convert-source-map "^2.0.0"
     fast-json-stable-stringify "^2.1.0"
     graceful-fs "^4.2.9"
-    jest-haste-map "^29.4.3"
+    jest-haste-map "^29.5.0"
     jest-regex-util "^29.4.3"
-    jest-util "^29.4.3"
+    jest-util "^29.5.0"
     micromatch "^4.0.4"
     pirates "^4.0.4"
     slash "^3.0.0"
     write-file-atomic "^4.0.2"
 
-"@jest/types@^29.4.3":
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/@jest/types/-/types-29.4.3.tgz#9069145f4ef09adf10cec1b2901b2d390031431f"
-  integrity sha512-bPYfw8V65v17m2Od1cv44FH+SiKW7w2Xu7trhcdTLUmSv85rfKsP+qXSjO4KGJr4dtPSzl/gvslZBXctf1qGEA==
+"@jest/types@^29.5.0":
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/@jest/types/-/types-29.5.0.tgz#f59ef9b031ced83047c67032700d8c807d6e1593"
+  integrity sha512-qbu7kN6czmVRc3xWFQcAN03RAUamgppVUdXrvl1Wr3jlNF93o9mJbGcDWrwGB6ht44u7efB1qCFgVQmca24Uog==
   dependencies:
     "@jest/schemas" "^29.4.3"
     "@types/istanbul-lib-coverage" "^2.0.0"
@@ -752,7 +765,7 @@
     "@jridgewell/sourcemap-codec" "^1.4.10"
     "@jridgewell/trace-mapping" "^0.3.9"
 
-"@jridgewell/resolve-uri@3.1.0", "@jridgewell/resolve-uri@^3.0.3":
+"@jridgewell/resolve-uri@3.1.0":
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz#2203b118c157721addfe69d47b70465463066d78"
   integrity sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==
@@ -767,15 +780,7 @@
   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz#add4c98d341472a289190b424efbdb096991bb24"
   integrity sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==
 
-"@jridgewell/trace-mapping@^0.3.12", "@jridgewell/trace-mapping@^0.3.9":
-  version "0.3.15"
-  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.15.tgz#aba35c48a38d3fd84b37e66c9c0423f9744f9774"
-  integrity sha512-oWZNOULl+UbhsgB51uuZzglikfIKSUBO/M9W2OfEjn7cmqoAiCgmv9lyACTUacZwBz0ITnJ2NqjU8Tx0DHL88g==
-  dependencies:
-    "@jridgewell/resolve-uri" "^3.0.3"
-    "@jridgewell/sourcemap-codec" "^1.4.10"
-
-"@jridgewell/trace-mapping@^0.3.15":
+"@jridgewell/trace-mapping@^0.3.12", "@jridgewell/trace-mapping@^0.3.15", "@jridgewell/trace-mapping@^0.3.17", "@jridgewell/trace-mapping@^0.3.9":
   version "0.3.17"
   resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.17.tgz#793041277af9073b0951a7fe0f0d8c4c98c36985"
   integrity sha512-MCNzAp77qzKca9+W/+I0+sEpaUnZoeasnghNeVc41VZCEKaCH73Vq3BZZ/SzWIgrqE4H4ceI+p+b6C0mHf9T4g==
@@ -1693,9 +1698,9 @@
     picomatch "^2.3.1"
 
 "@sinclair/typebox@^0.25.16":
-  version "0.25.22"
-  resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.25.22.tgz#2808d895e9c2722b20a622a9c8cb332f6720eb4a"
-  integrity sha512-6U6r2L7rnM7EG8G1tWzIjdB3QlsHF4slgcqXNN/SF0xJOAr0nDmT2GedlkyO3mrv8mDTJ24UuOMWR3diBrCvQQ==
+  version "0.25.24"
+  resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.25.24.tgz#8c7688559979f7079aacaf31aa881c3aa410b718"
+  integrity sha512-XJfwUVUKDHF5ugKwIcxEgc9k8b7HbznCp6eUfWgu710hMPNIO4aw4/zB5RogDQz8nd6gyCDpU9O/m6qYEWY6yQ==
 
 "@sinonjs/commons@^2.0.0":
   version "2.0.0"
@@ -1722,12 +1727,12 @@
   integrity sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==
 
 "@types/babel__core@^7.1.14":
-  version "7.1.19"
-  resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.1.19.tgz#7b497495b7d1b4812bdb9d02804d0576f43ee460"
-  integrity sha512-WEOTgRsbYkvA/KCsDwVEGkd7WAr1e3g31VHQ8zy5gul/V1qKullU/BU5I68X5v7V3GnB9eotmom4v5a5gjxorw==
+  version "7.20.0"
+  resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.20.0.tgz#61bc5a4cae505ce98e1e36c5445e4bee060d8891"
+  integrity sha512-+n8dL/9GWblDO0iU6eZAwEIJVr5DWigtle+Q6HLOrh/pdbXOhOtqzq8VPPE2zvNJzSKY4vH/z3iT3tn0A3ypiQ==
   dependencies:
-    "@babel/parser" "^7.1.0"
-    "@babel/types" "^7.0.0"
+    "@babel/parser" "^7.20.7"
+    "@babel/types" "^7.20.7"
     "@types/babel__generator" "*"
     "@types/babel__template" "*"
     "@types/babel__traverse" "*"
@@ -1748,9 +1753,9 @@
     "@babel/types" "^7.0.0"
 
 "@types/babel__traverse@*", "@types/babel__traverse@^7.0.6":
-  version "7.18.1"
-  resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.18.1.tgz#ce5e2c8c272b99b7a9fd69fa39f0b4cd85028bd9"
-  integrity sha512-FSdLaZh2UxaMuLp9lixWaHq/golWTRWOnRsAXzDTDSDOQLuZb1nsdCt6pJSPWSEQt2eFZ2YVk3oYhn+1kLMeMA==
+  version "7.18.3"
+  resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.18.3.tgz#dfc508a85781e5698d5b33443416b6268c4b3e8d"
+  integrity sha512-1kbcJ40lLB7MHsj39U4Sh1uTd2E7rLEa79kmDpI6cy+XiXsteB3POdQomoq4FxszMrO3ZYchkhYJw7A2862b3w==
   dependencies:
     "@babel/types" "^7.3.0"
 
@@ -1773,18 +1778,10 @@
   dependencies:
     "@types/node" "*"
 
-"@types/glob@^7.1.1":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@types/glob/-/glob-7.2.0.tgz#bc1b5bf3aa92f25bd5dd39f35c57361bdce5b2eb"
-  integrity sha512-ZUxbzKl0IfJILTS6t7ip5fQQM/J3TJYubDm3nMbgubNNYS62eXeUpoLUC8/7fJNiFYHTrGPQn7hspDUzIHX3UA==
-  dependencies:
-    "@types/minimatch" "*"
-    "@types/node" "*"
-
 "@types/graceful-fs@^4.1.3":
-  version "4.1.5"
-  resolved "https://registry.yarnpkg.com/@types/graceful-fs/-/graceful-fs-4.1.5.tgz#21ffba0d98da4350db64891f92a9e5db3cdb4e15"
-  integrity sha512-anKkLmZZ+xm4p8JWBf4hElkM4XR+EZeA2M9BAkkTldmcyDY4mbdIJnRghDJH3Ov5ooY7/UAoENtmdMSkaAd7Cw==
+  version "4.1.6"
+  resolved "https://registry.yarnpkg.com/@types/graceful-fs/-/graceful-fs-4.1.6.tgz#e14b2576a1c25026b7f02ede1de3b84c3a1efeae"
+  integrity sha512-Sig0SNORX9fdW+bQuTEovKj3uHcUL6LQKbCrrqb1X7J6/ReAbhCXRAhc+SMejhLELFj2QcyuxmUooZ4bt5ReSw==
   dependencies:
     "@types/node" "*"
 
@@ -1813,9 +1810,9 @@
     "@types/istanbul-lib-report" "*"
 
 "@types/jest@^29.4.0":
-  version "29.4.0"
-  resolved "https://registry.yarnpkg.com/@types/jest/-/jest-29.4.0.tgz#a8444ad1704493e84dbf07bb05990b275b3b9206"
-  integrity sha512-VaywcGQ9tPorCX/Jkkni7RWGFfI11whqzs8dvxF41P17Z+z872thvEvlIbznjPJ02kl1HMX3LmLOonsj2n7HeQ==
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/@types/jest/-/jest-29.5.0.tgz#337b90bbcfe42158f39c2fb5619ad044bbb518ac"
+  integrity sha512-3Emr5VOl/aoBwnWcH/EFQvlSAmjV+XtV9GGu5mwdYew5vhQh0IUZx/60x0TzHDu09Bi7HMx10t/namdJw5QIcg==
   dependencies:
     expect "^29.0.0"
     pretty-format "^29.0.0"
@@ -1857,11 +1854,6 @@
   resolved "https://registry.yarnpkg.com/@types/mdurl/-/mdurl-1.0.2.tgz#e2ce9d83a613bacf284c7be7d491945e39e1f8e9"
   integrity sha512-eC4U9MlIcu2q0KQmXszyn5Akca/0jrQmwDRgpAMJai7qBWq4amIQhZyNau4VYGtCeALvW1/NtjzJJ567aZxfKA==
 
-"@types/minimatch@*":
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-5.1.2.tgz#07508b45797cb81ec3f273011b054cd0755eddca"
-  integrity sha512-K0VQKziLUWkVKiRVrx4a40iPaxTUefQmjtkQofBkYRcoaaL/8rhwDWww9qWbrgicNOgnpIsMxyNIUM4+n6dUIA==
-
 "@types/minimatch@^3.0.3":
   version "3.0.5"
   resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-3.0.5.tgz#1001cc5e6a3704b83c236027e77f2f58ea010f40"
@@ -1878,9 +1870,9 @@
   integrity sha512-iiUgKzV9AuaEkZqkOLDIvlQiL6ltuZd9tGcW3gwpnX8JbuiuhFlEGmmFXEXkN50Cvq7Os88IY2v0dkDqXYWVgA==
 
 "@types/node@*":
-  version "18.7.18"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-18.7.18.tgz#633184f55c322e4fb08612307c274ee6d5ed3154"
-  integrity sha512-m+6nTEOadJZuTPkKR/SYK3A2d7FZrgElol9UP1Kae90VVU4a6mxnPuLiIW1m4Cq4gZ/nWb9GrdVXJCoCazDAbg==
+  version "18.15.7"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-18.15.7.tgz#33514fca9bdf136f77027358850c0fb9cd93c669"
+  integrity sha512-LFmUbFunqmBn26wJZgZPYZPrDR1RwGOu2v79Mgcka1ndO6V0/cwjivPTc4yoK6n9kmw4/ls1r8cLrvh2iMibFA==
 
 "@types/normalize-package-data@^2.4.0":
   version "2.4.1"
@@ -1893,9 +1885,9 @@
   integrity sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==
 
 "@types/prettier@^2.1.5":
-  version "2.7.0"
-  resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-2.7.0.tgz#ea03e9f0376a4446f44797ca19d9c46c36e352dc"
-  integrity sha512-RI1L7N4JnW5gQw2spvL7Sllfuf1SaHdrZpCHiBlCXjIlufi1SMNnbu2teze3/QE67Fg2tBlH7W+mi4hVNk4p0A==
+  version "2.7.2"
+  resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-2.7.2.tgz#6c2324641cc4ba050a8c710b2b251b377581fbf0"
+  integrity sha512-KufADq8uQqo1pYKVIYzfKbJfBAc0sOeXqGbFaSpv8MRmC/zXgowNZmFcbngndGk922QDmOASEXUZCaY48gs4cg==
 
 "@types/resolve@1.20.2":
   version "1.20.2"
@@ -1938,175 +1930,94 @@
   integrity sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA==
 
 "@types/yargs@^17.0.8":
-  version "17.0.12"
-  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-17.0.12.tgz#0745ff3e4872b4ace98616d4b7e37ccbd75f9526"
-  integrity sha512-Nz4MPhecOFArtm81gFQvQqdV7XYCrWKx5uUt6GNHredFHn1i2mtWqXTON7EPXMtNi1qjtjEM/VCHDhcHsAMLXQ==
+  version "17.0.23"
+  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-17.0.23.tgz#a7db3a2062c95ca1a5e0d5d5ddb6521cbc649e35"
+  integrity sha512-yuogunc04OnzGQCrfHx+Kk883Q4X0aSwmYZhKjI21m+SVYzjIbrWl8dOOwSv5hf2Um2pdCOXWo9isteZTNXUZQ==
   dependencies:
     "@types/yargs-parser" "*"
 
-"@typescript-eslint/eslint-plugin@^5.0.0":
-  version "5.37.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.37.0.tgz#5ccdd5d9004120f28fc6e717fb4b5c9bddcfbc04"
-  integrity sha512-Fde6W0IafXktz1UlnhGkrrmnnGpAo1kyX7dnyHHVrmwJOn72Oqm3eYtddrpOwwel2W8PAK9F3pIL5S+lfoM0og==
-  dependencies:
-    "@typescript-eslint/scope-manager" "5.37.0"
-    "@typescript-eslint/type-utils" "5.37.0"
-    "@typescript-eslint/utils" "5.37.0"
-    debug "^4.3.4"
-    functional-red-black-tree "^1.0.1"
-    ignore "^5.2.0"
-    regexpp "^3.2.0"
-    semver "^7.3.7"
-    tsutils "^3.21.0"
-
-"@typescript-eslint/eslint-plugin@^5.52.0":
-  version "5.52.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.52.0.tgz#5fb0d43574c2411f16ea80f5fc335b8eaa7b28a8"
-  integrity sha512-lHazYdvYVsBokwCdKOppvYJKaJ4S41CgKBcPvyd0xjZNbvQdhn/pnJlGtQksQ/NhInzdaeaSarlBjDXHuclEbg==
+"@typescript-eslint/eslint-plugin@^5.0.0", "@typescript-eslint/eslint-plugin@^5.52.0":
+  version "5.56.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.56.0.tgz#e4fbb4d6dd8dab3e733485c1a44a02189ae75364"
+  integrity sha512-ZNW37Ccl3oMZkzxrYDUX4o7cnuPgU+YrcaYXzsRtLB16I1FR5SHMqga3zGsaSliZADCWo2v8qHWqAYIj8nWCCg==
   dependencies:
-    "@typescript-eslint/scope-manager" "5.52.0"
-    "@typescript-eslint/type-utils" "5.52.0"
-    "@typescript-eslint/utils" "5.52.0"
+    "@eslint-community/regexpp" "^4.4.0"
+    "@typescript-eslint/scope-manager" "5.56.0"
+    "@typescript-eslint/type-utils" "5.56.0"
+    "@typescript-eslint/utils" "5.56.0"
     debug "^4.3.4"
     grapheme-splitter "^1.0.4"
     ignore "^5.2.0"
     natural-compare-lite "^1.4.0"
-    regexpp "^3.2.0"
     semver "^7.3.7"
     tsutils "^3.21.0"
 
-"@typescript-eslint/parser@^5.0.0":
-  version "5.37.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.37.0.tgz#c382077973f3a4ede7453fb14cadcad3970cbf3b"
-  integrity sha512-01VzI/ipYKuaG5PkE5+qyJ6m02fVALmMPY3Qq5BHflDx3y4VobbLdHQkSMg9VPRS4KdNt4oYTMaomFoHonBGAw==
-  dependencies:
-    "@typescript-eslint/scope-manager" "5.37.0"
-    "@typescript-eslint/types" "5.37.0"
-    "@typescript-eslint/typescript-estree" "5.37.0"
-    debug "^4.3.4"
-
-"@typescript-eslint/parser@^5.52.0":
-  version "5.52.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.52.0.tgz#73c136df6c0133f1d7870de7131ccf356f5be5a4"
-  integrity sha512-e2KiLQOZRo4Y0D/b+3y08i3jsekoSkOYStROYmPUnGMEoA0h+k2qOH5H6tcjIc68WDvGwH+PaOrP1XRzLJ6QlA==
+"@typescript-eslint/parser@^5.0.0", "@typescript-eslint/parser@^5.52.0":
+  version "5.56.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.56.0.tgz#42eafb44b639ef1dbd54a3dbe628c446ca753ea6"
+  integrity sha512-sn1OZmBxUsgxMmR8a8U5QM/Wl+tyqlH//jTqCg8daTAmhAk26L2PFhcqPLlYBhYUJMZJK276qLXlHN3a83o2cg==
   dependencies:
-    "@typescript-eslint/scope-manager" "5.52.0"
-    "@typescript-eslint/types" "5.52.0"
-    "@typescript-eslint/typescript-estree" "5.52.0"
+    "@typescript-eslint/scope-manager" "5.56.0"
+    "@typescript-eslint/types" "5.56.0"
+    "@typescript-eslint/typescript-estree" "5.56.0"
     debug "^4.3.4"
 
-"@typescript-eslint/scope-manager@5.37.0":
-  version "5.37.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.37.0.tgz#044980e4f1516a774a418dafe701a483a6c9f9ca"
-  integrity sha512-F67MqrmSXGd/eZnujjtkPgBQzgespu/iCZ+54Ok9X5tALb9L2v3G+QBSoWkXG0p3lcTJsL+iXz5eLUEdSiJU9Q==
+"@typescript-eslint/scope-manager@5.56.0":
+  version "5.56.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.56.0.tgz#62b4055088903b5254fa20403010e1c16d6ab725"
+  integrity sha512-jGYKyt+iBakD0SA5Ww8vFqGpoV2asSjwt60Gl6YcO8ksQ8s2HlUEyHBMSa38bdLopYqGf7EYQMUIGdT/Luw+sw==
   dependencies:
-    "@typescript-eslint/types" "5.37.0"
-    "@typescript-eslint/visitor-keys" "5.37.0"
-
-"@typescript-eslint/scope-manager@5.52.0":
-  version "5.52.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.52.0.tgz#a993d89a0556ea16811db48eabd7c5b72dcb83d1"
-  integrity sha512-AR7sxxfBKiNV0FWBSARxM8DmNxrwgnYMPwmpkC1Pl1n+eT8/I2NAUPuwDy/FmDcC6F8pBfmOcaxcxRHspgOBMw==
-  dependencies:
-    "@typescript-eslint/types" "5.52.0"
-    "@typescript-eslint/visitor-keys" "5.52.0"
-
-"@typescript-eslint/type-utils@5.37.0":
-  version "5.37.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.37.0.tgz#43ed2f567ada49d7e33a6e4b6f9babd060445fe5"
-  integrity sha512-BSx/O0Z0SXOF5tY0bNTBcDEKz2Ec20GVYvq/H/XNKiUorUFilH7NPbFUuiiyzWaSdN3PA8JV0OvYx0gH/5aFAQ==
-  dependencies:
-    "@typescript-eslint/typescript-estree" "5.37.0"
-    "@typescript-eslint/utils" "5.37.0"
-    debug "^4.3.4"
-    tsutils "^3.21.0"
+    "@typescript-eslint/types" "5.56.0"
+    "@typescript-eslint/visitor-keys" "5.56.0"
 
-"@typescript-eslint/type-utils@5.52.0":
-  version "5.52.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.52.0.tgz#9fd28cd02e6f21f5109e35496df41893f33167aa"
-  integrity sha512-tEKuUHfDOv852QGlpPtB3lHOoig5pyFQN/cUiZtpw99D93nEBjexRLre5sQZlkMoHry/lZr8qDAt2oAHLKA6Jw==
+"@typescript-eslint/type-utils@5.56.0":
+  version "5.56.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.56.0.tgz#e6f004a072f09c42e263dc50e98c70b41a509685"
+  integrity sha512-8WxgOgJjWRy6m4xg9KoSHPzBNZeQbGlQOH7l2QEhQID/+YseaFxg5J/DLwWSsi9Axj4e/cCiKx7PVzOq38tY4A==
   dependencies:
-    "@typescript-eslint/typescript-estree" "5.52.0"
-    "@typescript-eslint/utils" "5.52.0"
+    "@typescript-eslint/typescript-estree" "5.56.0"
+    "@typescript-eslint/utils" "5.56.0"
     debug "^4.3.4"
     tsutils "^3.21.0"
 
-"@typescript-eslint/types@5.37.0":
-  version "5.37.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.37.0.tgz#09e4870a5f3af7af3f84e08d792644a87d232261"
-  integrity sha512-3frIJiTa5+tCb2iqR/bf7XwU20lnU05r/sgPJnRpwvfZaqCJBrl8Q/mw9vr3NrNdB/XtVyMA0eppRMMBqdJ1bA==
+"@typescript-eslint/types@5.56.0":
+  version "5.56.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.56.0.tgz#b03f0bfd6fa2afff4e67c5795930aff398cbd834"
+  integrity sha512-JyAzbTJcIyhuUhogmiu+t79AkdnqgPUEsxMTMc/dCZczGMJQh1MK2wgrju++yMN6AWroVAy2jxyPcPr3SWCq5w==
 
-"@typescript-eslint/types@5.52.0":
-  version "5.52.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.52.0.tgz#19e9abc6afb5bd37a1a9bea877a1a836c0b3241b"
-  integrity sha512-oV7XU4CHYfBhk78fS7tkum+/Dpgsfi91IIDy7fjCyq2k6KB63M6gMC0YIvy+iABzmXThCRI6xpCEyVObBdWSDQ==
-
-"@typescript-eslint/typescript-estree@5.37.0":
-  version "5.37.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.37.0.tgz#956dcf5c98363bcb97bdd5463a0a86072ff79355"
-  integrity sha512-JkFoFIt/cx59iqEDSgIGnQpCTRv96MQnXCYvJi7QhBC24uyuzbD8wVbajMB1b9x4I0octYFJ3OwjAwNqk1AjDA==
+"@typescript-eslint/typescript-estree@5.56.0":
+  version "5.56.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.56.0.tgz#48342aa2344649a03321e74cab9ccecb9af086c3"
+  integrity sha512-41CH/GncsLXOJi0jb74SnC7jVPWeVJ0pxQj8bOjH1h2O26jXN3YHKDT1ejkVz5YeTEQPeLCCRY0U2r68tfNOcg==
   dependencies:
-    "@typescript-eslint/types" "5.37.0"
-    "@typescript-eslint/visitor-keys" "5.37.0"
+    "@typescript-eslint/types" "5.56.0"
+    "@typescript-eslint/visitor-keys" "5.56.0"
     debug "^4.3.4"
     globby "^11.1.0"
     is-glob "^4.0.3"
     semver "^7.3.7"
     tsutils "^3.21.0"
 
-"@typescript-eslint/typescript-estree@5.52.0":
-  version "5.52.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.52.0.tgz#6408cb3c2ccc01c03c278cb201cf07e73347dfca"
-  integrity sha512-WeWnjanyEwt6+fVrSR0MYgEpUAuROxuAH516WPjUblIrClzYJj0kBbjdnbQXLpgAN8qbEuGywiQsXUVDiAoEuQ==
-  dependencies:
-    "@typescript-eslint/types" "5.52.0"
-    "@typescript-eslint/visitor-keys" "5.52.0"
-    debug "^4.3.4"
-    globby "^11.1.0"
-    is-glob "^4.0.3"
-    semver "^7.3.7"
-    tsutils "^3.21.0"
-
-"@typescript-eslint/utils@5.37.0":
-  version "5.37.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.37.0.tgz#7784cb8e91390c4f90ccaffd24a0cf9874df81b2"
-  integrity sha512-jUEJoQrWbZhmikbcWSMDuUSxEE7ID2W/QCV/uz10WtQqfOuKZUqFGjqLJ+qhDd17rjgp+QJPqTdPIBWwoob2NQ==
-  dependencies:
-    "@types/json-schema" "^7.0.9"
-    "@typescript-eslint/scope-manager" "5.37.0"
-    "@typescript-eslint/types" "5.37.0"
-    "@typescript-eslint/typescript-estree" "5.37.0"
-    eslint-scope "^5.1.1"
-    eslint-utils "^3.0.0"
-
-"@typescript-eslint/utils@5.52.0":
-  version "5.52.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.52.0.tgz#b260bb5a8f6b00a0ed51db66bdba4ed5e4845a72"
-  integrity sha512-As3lChhrbwWQLNk2HC8Ree96hldKIqk98EYvypd3It8Q1f8d5zWyIoaZEp2va5667M4ZyE7X8UUR+azXrFl+NA==
+"@typescript-eslint/utils@5.56.0":
+  version "5.56.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.56.0.tgz#db64705409b9a15546053fb4deb2888b37df1f41"
+  integrity sha512-XhZDVdLnUJNtbzaJeDSCIYaM+Tgr59gZGbFuELgF7m0IY03PlciidS7UQNKLE0+WpUTn1GlycEr6Ivb/afjbhA==
   dependencies:
+    "@eslint-community/eslint-utils" "^4.2.0"
     "@types/json-schema" "^7.0.9"
     "@types/semver" "^7.3.12"
-    "@typescript-eslint/scope-manager" "5.52.0"
-    "@typescript-eslint/types" "5.52.0"
-    "@typescript-eslint/typescript-estree" "5.52.0"
+    "@typescript-eslint/scope-manager" "5.56.0"
+    "@typescript-eslint/types" "5.56.0"
+    "@typescript-eslint/typescript-estree" "5.56.0"
     eslint-scope "^5.1.1"
-    eslint-utils "^3.0.0"
     semver "^7.3.7"
 
-"@typescript-eslint/visitor-keys@5.37.0":
-  version "5.37.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.37.0.tgz#7b72dd343295ea11e89b624995abc7103c554eee"
-  integrity sha512-Hp7rT4cENBPIzMwrlehLW/28EVCOcE9U1Z1BQTc8EA8v5qpr7GRGuG+U58V5tTY48zvUOA3KHvw3rA8tY9fbdA==
-  dependencies:
-    "@typescript-eslint/types" "5.37.0"
-    eslint-visitor-keys "^3.3.0"
-
-"@typescript-eslint/visitor-keys@5.52.0":
-  version "5.52.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.52.0.tgz#e38c971259f44f80cfe49d97dbffa38e3e75030f"
-  integrity sha512-qMwpw6SU5VHCPr99y274xhbm+PRViK/NATY6qzt+Et7+mThGuFSl/ompj2/hrBlRP/kq+BFdgagnOSgw9TB0eA==
+"@typescript-eslint/visitor-keys@5.56.0":
+  version "5.56.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.56.0.tgz#f19eb297d972417eb13cb69b35b3213e13cc214f"
+  integrity sha512-1mFdED7u5bZpX6Xxf5N9U2c18sb+8EvU3tyOIj6LQZ5OOvnmj8BVeNNP603OFPm5KkS1a7IvCIcwrdHXaEMG/Q==
   dependencies:
-    "@typescript-eslint/types" "5.52.0"
+    "@typescript-eslint/types" "5.56.0"
     eslint-visitor-keys "^3.3.0"
 
 "@vitejs/plugin-vue@^2.3.1":
@@ -2114,16 +2025,6 @@
   resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-2.3.4.tgz#966a6279060eb2d9d1a02ea1a331af071afdcf9e"
   integrity sha512-IfFNbtkbIm36O9KB8QodlwwYvTEsJb4Lll4c2IwB3VHc2gie2mSPtSzL0eYay7X2jd/2WX02FjSGTWR6OPr/zg==
 
-"@vue/compiler-core@3.2.39":
-  version "3.2.39"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.2.39.tgz#0d77e635f4bdb918326669155a2dc977c053943e"
-  integrity sha512-mf/36OWXqWn0wsC40nwRRGheR/qoID+lZXbIuLnr4/AngM0ov8Xvv8GHunC0rKRIkh60bTqydlqTeBo49rlbqw==
-  dependencies:
-    "@babel/parser" "^7.16.4"
-    "@vue/shared" "3.2.39"
-    estree-walker "^2.0.2"
-    source-map "^0.6.1"
-
 "@vue/compiler-core@3.2.47":
   version "3.2.47"
   resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.2.47.tgz#3e07c684d74897ac9aa5922c520741f3029267f8"
@@ -2134,15 +2035,7 @@
     estree-walker "^2.0.2"
     source-map "^0.6.1"
 
-"@vue/compiler-dom@3.2.39", "@vue/compiler-dom@^3.2.0":
-  version "3.2.39"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.2.39.tgz#bd69d35c1a48fe2cea4ab9e96d2a3a735d146fdf"
-  integrity sha512-HMFI25Be1C8vLEEv1hgEO1dWwG9QQ8LTTPmCkblVJY/O3OvWx6r1+zsox5mKPMGvqYEZa6l8j+xgOfUspgo7hw==
-  dependencies:
-    "@vue/compiler-core" "3.2.39"
-    "@vue/shared" "3.2.39"
-
-"@vue/compiler-dom@3.2.47", "@vue/compiler-dom@^3.0.1":
+"@vue/compiler-dom@3.2.47", "@vue/compiler-dom@^3.0.1", "@vue/compiler-dom@^3.2.0":
   version "3.2.47"
   resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.2.47.tgz#a0b06caf7ef7056939e563dcaa9cbde30794f305"
   integrity sha512-dBBnEHEPoftUiS03a4ggEig74J2YBZ2UIeyfpcRM2tavgMWo4bsEfgCGsu+uJIL/vax9S+JztH8NmQerUo7shQ==
@@ -2150,23 +2043,7 @@
     "@vue/compiler-core" "3.2.47"
     "@vue/shared" "3.2.47"
 
-"@vue/compiler-sfc@3.2.39", "@vue/compiler-sfc@^3.2.0", "@vue/compiler-sfc@^3.2.31":
-  version "3.2.39"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.2.39.tgz#8fe29990f672805b7c5a2ecfa5b05e681c862ea2"
-  integrity sha512-fqAQgFs1/BxTUZkd0Vakn3teKUt//J3c420BgnYgEOoVdTwYpBTSXCMJ88GOBCylmUBbtquGPli9tVs7LzsWIA==
-  dependencies:
-    "@babel/parser" "^7.16.4"
-    "@vue/compiler-core" "3.2.39"
-    "@vue/compiler-dom" "3.2.39"
-    "@vue/compiler-ssr" "3.2.39"
-    "@vue/reactivity-transform" "3.2.39"
-    "@vue/shared" "3.2.39"
-    estree-walker "^2.0.2"
-    magic-string "^0.25.7"
-    postcss "^8.1.10"
-    source-map "^0.6.1"
-
-"@vue/compiler-sfc@3.2.47", "@vue/compiler-sfc@^3.2.47":
+"@vue/compiler-sfc@3.2.47", "@vue/compiler-sfc@^3.2.0", "@vue/compiler-sfc@^3.2.31", "@vue/compiler-sfc@^3.2.47":
   version "3.2.47"
   resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.2.47.tgz#1bdc36f6cdc1643f72e2c397eb1a398f5004ad3d"
   integrity sha512-rog05W+2IFfxjMcFw10tM9+f7i/+FFpZJJ5XHX72NP9eC2uRD+42M3pYcQqDXVYoj74kHMSEdQ/WmCjt8JFksQ==
@@ -2182,14 +2059,6 @@
     postcss "^8.1.10"
     source-map "^0.6.1"
 
-"@vue/compiler-ssr@3.2.39":
-  version "3.2.39"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.2.39.tgz#4f3bfb535cb98b764bee45e078700e03ccc60633"
-  integrity sha512-EoGCJ6lincKOZGW+0Ky4WOKsSmqL7hp1ZYgen8M7u/mlvvEQUaO9tKKOy7K43M9U2aA3tPv0TuYYQFrEbK2eFQ==
-  dependencies:
-    "@vue/compiler-dom" "3.2.39"
-    "@vue/shared" "3.2.39"
-
 "@vue/compiler-ssr@3.2.47":
   version "3.2.47"
   resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.2.47.tgz#35872c01a273aac4d6070ab9d8da918ab13057ee"
@@ -2198,15 +2067,15 @@
     "@vue/compiler-dom" "3.2.47"
     "@vue/shared" "3.2.47"
 
-"@vue/devtools-api@^6.1.4":
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.2.1.tgz#6f2948ff002ec46df01420dfeff91de16c5b4092"
-  integrity sha512-OEgAMeQXvCoJ+1x8WyQuVZzFo0wcyCmUR3baRVLmKBo1LmYZWMlRiXlux5jd0fqVJu6PfDbOrZItVqUEzLobeQ==
+"@vue/devtools-api@^6.1.4", "@vue/devtools-api@^6.4.5":
+  version "6.5.0"
+  resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.5.0.tgz#98b99425edee70b4c992692628fa1ea2c1e57d07"
+  integrity sha512-o9KfBeaBmCKl10usN4crU53fYtC1r7jJwdGKjPT24t348rHxgfpZ0xL3Xm/gLUYnc0oTp8LAmrxOeLyu6tbk2Q==
 
 "@vue/eslint-config-prettier@^7.0.0":
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/@vue/eslint-config-prettier/-/eslint-config-prettier-7.0.0.tgz#44ab55ca22401102b57795c59428e9dade72be34"
-  integrity sha512-/CTc6ML3Wta1tCe1gUeO0EYnVXfo3nJXsIhZ8WJr3sov+cGASr6yuiibJTL6lmIBm7GobopToOuB3B6AWyV0Iw==
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/@vue/eslint-config-prettier/-/eslint-config-prettier-7.1.0.tgz#97936379c7fb1d982b9d2c6b122306e3c2e464c8"
+  integrity sha512-Pv/lVr0bAzSIHLd9iz0KnvAr4GKyCEl+h52bc4e5yWuDVtLgFwycF7nrbWTAQAS+FU6q1geVd07lc6EWfJiWKQ==
   dependencies:
     eslint-config-prettier "^8.3.0"
     eslint-plugin-prettier "^4.0.0"
@@ -2220,17 +2089,6 @@
     "@typescript-eslint/parser" "^5.0.0"
     vue-eslint-parser "^9.0.0"
 
-"@vue/reactivity-transform@3.2.39":
-  version "3.2.39"
-  resolved "https://registry.yarnpkg.com/@vue/reactivity-transform/-/reactivity-transform-3.2.39.tgz#da6ae6c8fd77791b9ae21976720d116591e1c4aa"
-  integrity sha512-HGuWu864zStiWs9wBC6JYOP1E00UjMdDWIG5W+FpUx28hV3uz9ODOKVNm/vdOy/Pvzg8+OcANxAVC85WFBbl3A==
-  dependencies:
-    "@babel/parser" "^7.16.4"
-    "@vue/compiler-core" "3.2.39"
-    "@vue/shared" "3.2.39"
-    estree-walker "^2.0.2"
-    magic-string "^0.25.7"
-
 "@vue/reactivity-transform@3.2.47":
   version "3.2.47"
   resolved "https://registry.yarnpkg.com/@vue/reactivity-transform/-/reactivity-transform-3.2.47.tgz#e45df4d06370f8abf29081a16afd25cffba6d84e"
@@ -2242,13 +2100,6 @@
     estree-walker "^2.0.2"
     magic-string "^0.25.7"
 
-"@vue/reactivity@3.2.39":
-  version "3.2.39"
-  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.2.39.tgz#e6e3615fe2288d4232b104640ddabd0729a78c80"
-  integrity sha512-vlaYX2a3qMhIZfrw3Mtfd+BuU+TZmvDrPMa+6lpfzS9k/LnGxkSuf0fhkP0rMGfiOHPtyKoU9OJJJFGm92beVQ==
-  dependencies:
-    "@vue/shared" "3.2.39"
-
 "@vue/reactivity@3.2.47":
   version "3.2.47"
   resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.2.47.tgz#1d6399074eadfc3ed35c727e2fd707d6881140b6"
@@ -2256,14 +2107,6 @@
   dependencies:
     "@vue/shared" "3.2.47"
 
-"@vue/runtime-core@3.2.39":
-  version "3.2.39"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.2.39.tgz#dc1faccab11b3e81197aba33fb30c9447c1d2c84"
-  integrity sha512-xKH5XP57JW5JW+8ZG1khBbuLakINTgPuINKL01hStWLTTGFOrM49UfCFXBcFvWmSbci3gmJyLl2EAzCaZWsx8g==
-  dependencies:
-    "@vue/reactivity" "3.2.39"
-    "@vue/shared" "3.2.39"
-
 "@vue/runtime-core@3.2.47":
   version "3.2.47"
   resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.2.47.tgz#406ebade3d5551c00fc6409bbc1eeb10f32e121d"
@@ -2272,15 +2115,6 @@
     "@vue/reactivity" "3.2.47"
     "@vue/shared" "3.2.47"
 
-"@vue/runtime-dom@3.2.39":
-  version "3.2.39"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.2.39.tgz#4a8cb132bcef316e8151c5ed07fc7272eb064614"
-  integrity sha512-4G9AEJP+sLhsqf5wXcyKVWQKUhI+iWfy0hWQgea+CpaTD7BR0KdQzvoQdZhwCY6B3oleSyNLkLAQwm0ya/wNoA==
-  dependencies:
-    "@vue/runtime-core" "3.2.39"
-    "@vue/shared" "3.2.39"
-    csstype "^2.6.8"
-
 "@vue/runtime-dom@3.2.47":
   version "3.2.47"
   resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.2.47.tgz#93e760eeaeab84dedfb7c3eaf3ed58d776299382"
@@ -2290,15 +2124,7 @@
     "@vue/shared" "3.2.47"
     csstype "^2.6.8"
 
-"@vue/server-renderer@3.2.39", "@vue/server-renderer@^3.2.31":
-  version "3.2.39"
-  resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.2.39.tgz#4358292d925233b0d8b54cf0513eaece8b2351c5"
-  integrity sha512-1yn9u2YBQWIgytFMjz4f/t0j43awKytTGVptfd3FtBk76t1pd8mxbek0G/DrnjJhd2V7mSTb5qgnxMYt8Z5iSQ==
-  dependencies:
-    "@vue/compiler-ssr" "3.2.39"
-    "@vue/shared" "3.2.39"
-
-"@vue/server-renderer@3.2.47":
+"@vue/server-renderer@3.2.47", "@vue/server-renderer@^3.0.1", "@vue/server-renderer@^3.2.31":
   version "3.2.47"
   resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.2.47.tgz#8aa1d1871fc4eb5a7851aa7f741f8f700e6de3c0"
   integrity sha512-dN9gc1i8EvmP9RCzvneONXsKfBRgqFeFZLurmHOveL7oH6HiFXJw5OGu294n1nHc/HMgTy6LulU/tv5/A7f/LA==
@@ -2306,24 +2132,20 @@
     "@vue/compiler-ssr" "3.2.47"
     "@vue/shared" "3.2.47"
 
-"@vue/shared@3.2.39", "@vue/shared@^3.2.31":
-  version "3.2.39"
-  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.39.tgz#302df167559a1a5156da162d8cc6760cef67f8e3"
-  integrity sha512-D3dl2ZB9qE6mTuWPk9RlhDeP1dgNRUKC3NJxji74A4yL8M2MwlhLKUC/49WHjrNzSPug58fWx/yFbaTzGAQSBw==
-
-"@vue/shared@3.2.47":
+"@vue/shared@3.2.47", "@vue/shared@^3.2.31":
   version "3.2.47"
   resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.47.tgz#e597ef75086c6e896ff5478a6bfc0a7aa4bbd14c"
   integrity sha512-BHGyyGN3Q97EZx0taMQ+OLNuZcW3d37ZEVmEAyeoA9ERdGvm9Irc/0Fua8SNyOtV1w6BS4q25wbMzJujO9HIfQ==
 
 "@vue/test-utils@^2.2.10":
-  version "2.2.10"
-  resolved "https://registry.yarnpkg.com/@vue/test-utils/-/test-utils-2.2.10.tgz#d2a5e00c973c68818352aa01513dc6288d96d716"
-  integrity sha512-UPY+VdWST5vYZ/Qhl+sLuJAv596e6kTbrOPgdGY82qd9kGN/MfjzLT5KXlmpChkiCbPP3abZ8XT25u1n5h+mRg==
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/@vue/test-utils/-/test-utils-2.3.2.tgz#b47ce6d7be7bf9700e0bb4322410e4cd8724d277"
+  integrity sha512-hJnVaYhbrIm0yBS0+e1Y0Sj85cMyAi+PAbK4JHqMRUZ6S622Goa+G7QzkRSyvCteG8wop7tipuEbHoZo26wsSA==
   dependencies:
     js-beautify "1.14.6"
   optionalDependencies:
     "@vue/compiler-dom" "^3.0.1"
+    "@vue/server-renderer" "^3.0.1"
 
 "@vue/vue3-jest@29.2.2":
   version "29.2.2"
@@ -2634,16 +2456,11 @@ acorn@^7.1.1:
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
   integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
 
-acorn@^8.1.0, acorn@^8.8.1:
+acorn@^8.1.0, acorn@^8.8.0, acorn@^8.8.1:
   version "8.8.2"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.8.2.tgz#1b2f25db02af965399b9776b0c2c391276d37c4a"
   integrity sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==
 
-acorn@^8.8.0:
-  version "8.8.0"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.8.0.tgz#88c0187620435c7f6015803f5539dae05a9dbea8"
-  integrity sha512-QOxyigPVrpZ2GXT+PFyZTl6TtOFc5egxHIP9IlQ+RbupQuX4RkT/Bee4/kQuC02Xkzg84JcT7oLYtDIQxp+v7w==
-
 add-stream@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/add-stream/-/add-stream-1.0.0.tgz#6a7990437ca736d5e1288db92bd3266d5f5cb2aa"
@@ -2657,12 +2474,12 @@ agent-base@6, agent-base@^6.0.2:
     debug "4"
 
 agentkeepalive@^4.1.3:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/agentkeepalive/-/agentkeepalive-4.2.1.tgz#a7975cbb9f83b367f06c90cc51ff28fe7d499717"
-  integrity sha512-Zn4cw2NEqd+9fiSVWMscnjyQ1a8Yfoc5oBajLeo5w+YBHgDUcEBY2hS4YpTz6iN5f/2zQiktcuM6tS8x1p9dpA==
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/agentkeepalive/-/agentkeepalive-4.3.0.tgz#bb999ff07412653c1803b3ced35e50729830a255"
+  integrity sha512-7Epl1Blf4Sy37j4v9f9FjICCh4+KAQOyXgHEwlyBiAQLbhKdq/i2QQU3amQalS/wPhdPzDXPL5DMR5bkn+YeWg==
   dependencies:
     debug "^4.1.0"
-    depd "^1.1.2"
+    depd "^2.0.0"
     humanize-ms "^1.2.1"
 
 aggregate-error@^3.0.0:
@@ -2684,24 +2501,24 @@ ajv@^6.10.0, ajv@^6.12.3, ajv@^6.12.4:
     uri-js "^4.2.2"
 
 algoliasearch@^4.0.0:
-  version "4.14.3"
-  resolved "https://registry.yarnpkg.com/algoliasearch/-/algoliasearch-4.14.3.tgz#f02a77a4db17de2f676018938847494b692035e7"
-  integrity sha512-GZTEuxzfWbP/vr7ZJfGzIl8fOsoxN916Z6FY2Egc9q2TmZ6hvq5KfAxY89pPW01oW/2HDEKA8d30f9iAH9eXYg==
-  dependencies:
-    "@algolia/cache-browser-local-storage" "4.14.3"
-    "@algolia/cache-common" "4.14.3"
-    "@algolia/cache-in-memory" "4.14.3"
-    "@algolia/client-account" "4.14.3"
-    "@algolia/client-analytics" "4.14.3"
-    "@algolia/client-common" "4.14.3"
-    "@algolia/client-personalization" "4.14.3"
-    "@algolia/client-search" "4.14.3"
-    "@algolia/logger-common" "4.14.3"
-    "@algolia/logger-console" "4.14.3"
-    "@algolia/requester-browser-xhr" "4.14.3"
-    "@algolia/requester-common" "4.14.3"
-    "@algolia/requester-node-http" "4.14.3"
-    "@algolia/transporter" "4.14.3"
+  version "4.16.0"
+  resolved "https://registry.yarnpkg.com/algoliasearch/-/algoliasearch-4.16.0.tgz#2807f1aee8a574fa8480f39a09b16e407d4cc1a6"
+  integrity sha512-HAjKJ6bBblaXqO4dYygF4qx251GuJ6zCZt+qbJ+kU7sOC+yc84pawEjVpJByh+cGP2APFCsao2Giz50cDlKNPA==
+  dependencies:
+    "@algolia/cache-browser-local-storage" "4.16.0"
+    "@algolia/cache-common" "4.16.0"
+    "@algolia/cache-in-memory" "4.16.0"
+    "@algolia/client-account" "4.16.0"
+    "@algolia/client-analytics" "4.16.0"
+    "@algolia/client-common" "4.16.0"
+    "@algolia/client-personalization" "4.16.0"
+    "@algolia/client-search" "4.16.0"
+    "@algolia/logger-common" "4.16.0"
+    "@algolia/logger-console" "4.16.0"
+    "@algolia/requester-browser-xhr" "4.16.0"
+    "@algolia/requester-common" "4.16.0"
+    "@algolia/requester-node-http" "4.16.0"
+    "@algolia/transporter" "4.16.0"
 
 ansi-escapes@^4.2.1:
   version "4.3.2"
@@ -2740,9 +2557,9 @@ ansi-styles@^5.0.0:
   integrity sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==
 
 anymatch@^3.0.3, anymatch@~3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.2.tgz#c0557c096af32f106198f4f4e2a383537e378716"
-  integrity sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e"
+  integrity sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==
   dependencies:
     normalize-path "^3.0.0"
     picomatch "^2.0.4"
@@ -2777,6 +2594,14 @@ argparse@^2.0.1:
   resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
   integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
 
+array-buffer-byte-length@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz#fabe8bc193fea865f317fe7807085ee0dee5aead"
+  integrity sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==
+  dependencies:
+    call-bind "^1.0.2"
+    is-array-buffer "^3.0.1"
+
 array-differ@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/array-differ/-/array-differ-3.0.0.tgz#3cbb3d0f316810eafcc47624734237d6aee4ae6b"
@@ -2792,14 +2617,14 @@ array-union@^2.1.0:
   resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
   integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
 
-array.prototype.reduce@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/array.prototype.reduce/-/array.prototype.reduce-1.0.4.tgz#8167e80089f78bff70a99e20bd4201d4663b0a6f"
-  integrity sha512-WnM+AjG/DvLRLo4DDl+r+SvCzYtD2Jd9oeBYMcEaI7t3fFrHY9M53/wdLcTvmZNQ70IU6Htj0emFkZ5TS+lrdw==
+array.prototype.reduce@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/array.prototype.reduce/-/array.prototype.reduce-1.0.5.tgz#6b20b0daa9d9734dd6bc7ea66b5bbce395471eac"
+  integrity sha512-kDdugMl7id9COE8R7MHF5jWk7Dqt/fs4Pv+JXoICnYwqpjjjbUurz6w5fT5IG6brLdJhv6/VoHB0H7oyIBXd+Q==
   dependencies:
     call-bind "^1.0.2"
-    define-properties "^1.1.3"
-    es-abstract "^1.19.2"
+    define-properties "^1.1.4"
+    es-abstract "^1.20.4"
     es-array-method-boxes-properly "^1.0.0"
     is-string "^1.0.7"
 
@@ -2835,6 +2660,16 @@ assert-plus@1.0.0, assert-plus@^1.0.0:
   resolved "https://registry.yarnpkg.com/assert-plus/-/assert-plus-1.0.0.tgz#f12e0f3c5d77b0b1cdd9146942e4e96c1e4dd525"
   integrity sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==
 
+assert@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/assert/-/assert-2.0.0.tgz#95fc1c616d48713510680f2eaf2d10dd22e02d32"
+  integrity sha512-se5Cd+js9dXJnu6Ag2JFc00t+HmHOen+8Q+L7O9zI0PqQXr20uk2J0XQqMxZEeo5U50o8Nvmmx7dZrl+Ufr35A==
+  dependencies:
+    es6-object-assign "^1.1.0"
+    is-nan "^1.2.1"
+    object-is "^1.0.1"
+    util "^0.12.0"
+
 ast-types@0.14.2:
   version "0.14.2"
   resolved "https://registry.yarnpkg.com/ast-types/-/ast-types-0.14.2.tgz#600b882df8583e3cd4f2df5fa20fa83759d4bdfd"
@@ -2860,47 +2695,45 @@ at-least-node@^1.0.0:
   integrity sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==
 
 autoprefixer@^10.4.4:
-  version "10.4.11"
-  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.11.tgz#835136aff1d9cd43640151e0d2dba00f8eac7c1c"
-  integrity sha512-5lHp6DgRodxlBLSkzHOTcufWFflH1ewfy2hvFQyjrblBFlP/0Yh4O/Wrg4ow8WRlN3AAUFFLAQwX8hTptzqVHg==
+  version "10.4.14"
+  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.14.tgz#e28d49902f8e759dd25b153264e862df2705f79d"
+  integrity sha512-FQzyfOsTlwVzjHxKEqRIAdJx9niO6VCBCoEwax/VLSoQF29ggECcPuBqUMZ+u8jCZOPSy8b8/8KnuFbp0SaFZQ==
   dependencies:
-    browserslist "^4.21.3"
-    caniuse-lite "^1.0.30001399"
+    browserslist "^4.21.5"
+    caniuse-lite "^1.0.30001464"
     fraction.js "^4.2.0"
     normalize-range "^0.1.2"
     picocolors "^1.0.0"
     postcss-value-parser "^4.2.0"
 
+available-typed-arrays@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz#92f95616501069d07d10edb2fc37d3e1c65123b7"
+  integrity sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==
+
 aws-sign2@~0.7.0:
   version "0.7.0"
   resolved "https://registry.yarnpkg.com/aws-sign2/-/aws-sign2-0.7.0.tgz#b46e890934a9591f2d2f6f86d7e6a9f1b3fe76a8"
   integrity sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA==
 
 aws4@^1.8.0:
-  version "1.11.0"
-  resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.11.0.tgz#d61f46d83b2519250e2784daf5b09479a8b41c59"
-  integrity sha512-xh1Rl34h6Fi1DC2WWKfxUTVqRsNnr6LsKz2+hfwDxQJWmrx8+c7ylaqBMcHfl1U1r2dsifOvKX3LQuLNZ+XSvA==
+  version "1.12.0"
+  resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.12.0.tgz#ce1c9d143389679e253b314241ea9aa5cec980d3"
+  integrity sha512-NmWvPnx0F1SfrQbYwOi7OeaNGokp9XhzNioJ/CSBs8Qa4vxug81mhJEAVZwxXuBmYB5KDRfMq/F3RR0BIU7sWg==
 
-babel-jest@^29.4.3:
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-29.4.3.tgz#478b84d430972b277ad67dd631be94abea676792"
-  integrity sha512-o45Wyn32svZE+LnMVWv/Z4x0SwtLbh4FyGcYtR20kIWd+rdrDZ9Fzq8Ml3MYLD+mZvEdzCjZsCnYZ2jpJyQ+Nw==
+babel-jest@^29.5.0:
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-29.5.0.tgz#3fe3ddb109198e78b1c88f9ebdecd5e4fc2f50a5"
+  integrity sha512-mA4eCDh5mSo2EcA9xQjVTpmbbNk32Zb3Q3QFQsNhaK56Q+yoXowzFodLux30HRgyOho5rsQ6B0P9QpMkvvnJ0Q==
   dependencies:
-    "@jest/transform" "^29.4.3"
+    "@jest/transform" "^29.5.0"
     "@types/babel__core" "^7.1.14"
     babel-plugin-istanbul "^6.1.1"
-    babel-preset-jest "^29.4.3"
+    babel-preset-jest "^29.5.0"
     chalk "^4.0.0"
     graceful-fs "^4.2.9"
     slash "^3.0.0"
 
-babel-plugin-dynamic-import-node@^2.3.3:
-  version "2.3.3"
-  resolved "https://registry.yarnpkg.com/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-2.3.3.tgz#84fda19c976ec5c6defef57f9427b3def66e17a3"
-  integrity sha512-jZVI+s9Zg3IqA/kdi0i6UDCybUI3aSBLnglhYbSSjKlV7yF1F/5LWv8MakQmvYpnbJDS6fcBL2KzHSxNCMtWSQ==
-  dependencies:
-    object.assign "^4.1.0"
-
 babel-plugin-istanbul@^6.1.1:
   version "6.1.1"
   resolved "https://registry.yarnpkg.com/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz#fa88ec59232fd9b4e36dbbc540a8ec9a9b47da73"
@@ -2912,10 +2745,10 @@ babel-plugin-istanbul@^6.1.1:
     istanbul-lib-instrument "^5.0.4"
     test-exclude "^6.0.0"
 
-babel-plugin-jest-hoist@^29.4.3:
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-29.4.3.tgz#ad1dfb5d31940957e00410ef7d9b2aa94b216101"
-  integrity sha512-mB6q2q3oahKphy5V7CpnNqZOCkxxZ9aokf1eh82Dy3jQmg4xvM1tGrh5y6BQUJh4a3Pj9+eLfwvAZ7VNKg7H8Q==
+babel-plugin-jest-hoist@^29.5.0:
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-29.5.0.tgz#a97db437936f441ec196990c9738d4b88538618a"
+  integrity sha512-zSuuuAlTMT4mzLj2nPnUm6fsE6270vdOfnpbJ+RmruU75UhLFvL0N2NgI7xpeS7NaB6hGqmd5pVpGTDYvi4Q3w==
   dependencies:
     "@babel/template" "^7.3.3"
     "@babel/types" "^7.3.3"
@@ -2940,12 +2773,12 @@ babel-preset-current-node-syntax@^1.0.0:
     "@babel/plugin-syntax-optional-chaining" "^7.8.3"
     "@babel/plugin-syntax-top-level-await" "^7.8.3"
 
-babel-preset-jest@^29.4.3:
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-29.4.3.tgz#bb926b66ae253b69c6e3ef87511b8bb5c53c5b52"
-  integrity sha512-gWx6COtSuma6n9bw+8/F+2PCXrIgxV/D1TJFnp6OyBK2cxPWg0K9p/sriNYeifKjpUkMViWQ09DSWtzJQRETsw==
+babel-preset-jest@^29.5.0:
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-29.5.0.tgz#57bc8cc88097af7ff6a5ab59d1cd29d52a5916e2"
+  integrity sha512-JOMloxOqdiBSxMAzjRaH023/vvcaSaec49zvg+2LmNsktC7ei39LTJGw02J+9uUtTZUq6xbLyJ4dxe9sSmIuAg==
   dependencies:
-    babel-plugin-jest-hoist "^29.4.3"
+    babel-plugin-jest-hoist "^29.5.0"
     babel-preset-current-node-syntax "^1.0.0"
 
 babel-walk@3.0.0-canary-5:
@@ -2973,9 +2806,9 @@ bcrypt-pbkdf@^1.0.0:
     tweetnacl "^0.14.3"
 
 before-after-hook@^2.2.0:
-  version "2.2.2"
-  resolved "https://registry.yarnpkg.com/before-after-hook/-/before-after-hook-2.2.2.tgz#a6e8ca41028d90ee2c24222f201c90956091613e"
-  integrity sha512-3pZEU3NT5BFUo/AD5ERPWOgQOCZITni6iavr5AUw5AUwQjMlI0kzu5btnyD39AF0gUEsDPwJT+oY1ORBJijPjQ==
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/before-after-hook/-/before-after-hook-2.2.3.tgz#c51e809c81a4e354084422b9b26bad88249c517c"
+  integrity sha512-NzUnlZexiaH/46WDhANlyR2bXRopNg4F/zuSA3OpZnllCUgRaOF2znDioDWrmbNVsuZk6l9pMquQB38cfBZwkQ==
 
 binary-extensions@^2.0.0:
   version "2.2.0"
@@ -3018,15 +2851,15 @@ braces@^3.0.2, braces@~3.0.2:
   dependencies:
     fill-range "^7.0.1"
 
-browserslist@^4.21.3:
-  version "4.21.4"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.4.tgz#e7496bbc67b9e39dd0f98565feccdcb0d4ff6987"
-  integrity sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==
+browserslist@^4.21.3, browserslist@^4.21.5:
+  version "4.21.5"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.5.tgz#75c5dae60063ee641f977e00edd3cfb2fb7af6a7"
+  integrity sha512-tUkiguQGW7S3IhB7N+c2MV/HZPSCPAAiYBZXLsBhFB/PCy6ZKKsZrmBayHV9fdGV/ARIfJ14NkxKzRDjvp7L6w==
   dependencies:
-    caniuse-lite "^1.0.30001400"
-    electron-to-chromium "^1.4.251"
-    node-releases "^2.0.6"
-    update-browserslist-db "^1.0.9"
+    caniuse-lite "^1.0.30001449"
+    electron-to-chromium "^1.4.284"
+    node-releases "^2.0.8"
+    update-browserslist-db "^1.0.10"
 
 bs-logger@0.x:
   version "0.2.6"
@@ -3136,10 +2969,10 @@ camelcase@^6.2.0:
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.3.0.tgz#5685b95eb209ac9c0c177467778c9c84df58ba9a"
   integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
 
-caniuse-lite@^1.0.30001399, caniuse-lite@^1.0.30001400:
-  version "1.0.30001402"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001402.tgz#aa29e1f47f5055b0d0c07696a67b8b08023d14c8"
-  integrity sha512-Mx4MlhXO5NwuvXGgVb+hg65HZ+bhUYsz8QtDGDo2QmaJS2GBX47Xfi2koL86lc8K+l+htXeTEB/Aeqvezoo6Ew==
+caniuse-lite@^1.0.30001449, caniuse-lite@^1.0.30001464:
+  version "1.0.30001469"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001469.tgz#3dd505430c8522fdc9f94b4a19518e330f5c945a"
+  integrity sha512-Rcp7221ScNqQPP3W+lVOYDyjdR6dC+neEQCttoNr5bAyz54AboB4iwpnWgyi8P4YUsPybVzT4LgWiBbI3drL4g==
 
 caseless@~0.12.0:
   version "0.12.0"
@@ -3216,9 +3049,9 @@ ci-info@^2.0.0:
   integrity sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ==
 
 ci-info@^3.2.0:
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.4.0.tgz#b28484fd436cbc267900364f096c9dc185efb251"
-  integrity sha512-t5QdPT5jq3o262DOQ8zA6E1tlH2upmUc4Hlvrbx1pGYJuiiHl7O7rvVNI+l8HTVhd/q3Qc9vqimkNk5yiXsAug==
+  version "3.8.0"
+  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.8.0.tgz#81408265a5380c929f0bc665d62256628ce9ef91"
+  integrity sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==
 
 cjs-module-lexer@^1.0.0:
   version "1.2.2"
@@ -3256,6 +3089,15 @@ cliui@^7.0.2:
     strip-ansi "^6.0.0"
     wrap-ansi "^7.0.0"
 
+cliui@^8.0.1:
+  version "8.0.1"
+  resolved "https://registry.yarnpkg.com/cliui/-/cliui-8.0.1.tgz#0c04b075db02cbfe60dc8e6cf2f5486b1a3608aa"
+  integrity sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==
+  dependencies:
+    string-width "^4.2.0"
+    strip-ansi "^6.0.1"
+    wrap-ansi "^7.0.0"
+
 clone-deep@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/clone-deep/-/clone-deep-4.0.1.tgz#c19fd9bdbbf85942b4fd979c84dcf7d5f07c2387"
@@ -3473,11 +3315,9 @@ conventional-recommended-bump@^6.1.0:
     q "^1.5.1"
 
 convert-source-map@^1.6.0, convert-source-map@^1.7.0:
-  version "1.8.0"
-  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.8.0.tgz#f3373c32d21b4d780dd8004514684fb791ca4369"
-  integrity sha512-+OQdjP49zViI/6i7nIJpA8rAl4sV/JdPfU9nZs3VqOwGIgizICvuN2ru6fMd+4llL0tar18UYJXfZ/TWtmhUjA==
-  dependencies:
-    safe-buffer "~5.1.1"
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.9.0.tgz#7faae62353fb4213366d0ca98358d22e8368b05f"
+  integrity sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==
 
 convert-source-map@^2.0.0:
   version "2.0.0"
@@ -3495,9 +3335,9 @@ core-util-is@~1.0.0:
   integrity sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==
 
 cosmiconfig@^7.0.0:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.0.1.tgz#714d756522cace867867ccb4474c5d01bbae5d6d"
-  integrity sha512-a1YWNUV2HwGimB7dU2s1wUMurNKjpx60HxBB6xUM8Re+2s1g1IIfJvFR0/iCF+XHdE0GMTKTuLR32UQff4TEyQ==
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.1.0.tgz#1443b9afa596b670082ea46cbd8f6a62b84635f6"
+  integrity sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==
   dependencies:
     "@types/parse-json" "^4.0.0"
     import-fresh "^3.2.1"
@@ -3514,7 +3354,15 @@ cross-spawn@^7.0.2, cross-spawn@^7.0.3:
     shebang-command "^2.0.0"
     which "^2.0.1"
 
-css-tree@^2.0.1, css-tree@~2.2.0:
+css-tree@^2.0.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-2.3.1.tgz#10264ce1e5442e8572fc82fbe490644ff54b5c20"
+  integrity sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==
+  dependencies:
+    mdn-data "2.0.30"
+    source-map-js "^1.0.1"
+
+css-tree@~2.2.0:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-2.2.1.tgz#36115d382d60afd271e377f9c5f67d02bd48c032"
   integrity sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==
@@ -3600,9 +3448,9 @@ debuglog@^1.0.1:
   integrity sha512-syBZ+rnAK3EgMsH2aYEOLUW7mZSY9Gb+0wUMCFsZvcmiz+HigA0LOcq/HoQqVuGG+EKykunc7QG2bzrponfaSw==
 
 decamelize-keys@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/decamelize-keys/-/decamelize-keys-1.1.0.tgz#d171a87933252807eb3cb61dc1c1445d078df2d9"
-  integrity sha512-ocLWuYzRPoS9bfiSdDd3cxvrzovVMZnRDVEzAs+hWIVXGDbHxWMECij2OBuyB/An0FFW/nLuq6Kv1i/YC5Qfzg==
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/decamelize-keys/-/decamelize-keys-1.1.1.tgz#04a2d523b2f18d80d0158a43b895d56dff8d19d8"
+  integrity sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg==
   dependencies:
     decamelize "^1.1.0"
     map-obj "^1.0.0"
@@ -3618,9 +3466,9 @@ decimal.js@^10.4.2:
   integrity sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==
 
 decode-uri-component@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/decode-uri-component/-/decode-uri-component-0.2.0.tgz#eb3913333458775cb84cd1a1fae062106bb87545"
-  integrity sha512-hjf+xovcEn31w/EUYdTXQh/8smFL/dzYjohQGEIgjyNavaJfBY2p5F527Bo1VPATxv0VYTUC2bOcXvqFwk78Og==
+  version "0.2.2"
+  resolved "https://registry.yarnpkg.com/decode-uri-component/-/decode-uri-component-0.2.2.tgz#e69dbe25d37941171dd540e024c444cd5188e1e9"
+  integrity sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==
 
 dedent@^0.7.0:
   version "0.7.0"
@@ -3633,21 +3481,21 @@ deep-is@^0.1.3, deep-is@~0.1.3:
   integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
 
 deepmerge@^4.2.2:
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.2.2.tgz#44d2ea3679b8f4d4ffba33f03d865fc1e7bf4955"
-  integrity sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.3.1.tgz#44b5f2147cd3b00d4b56137685966f26fd25dd4a"
+  integrity sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==
 
 defaults@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/defaults/-/defaults-1.0.3.tgz#c656051e9817d9ff08ed881477f3fe4019f3ef7d"
-  integrity sha512-s82itHOnYrN0Ib8r+z7laQz3sdE+4FP3d9Q7VLO7U+KRT+CR0GsWuyHxzdAY82I7cXv0G/twrqomTJLOssO5HA==
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/defaults/-/defaults-1.0.4.tgz#b0b02062c1e2aa62ff5d9528f0f98baa90978d7a"
+  integrity sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==
   dependencies:
     clone "^1.0.2"
 
 define-properties@^1.1.3, define-properties@^1.1.4:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.1.4.tgz#0b14d7bd7fbeb2f3572c3a7eda80ea5d57fb05b1"
-  integrity sha512-uckOqKcfaVvtBdsVkdPv3XjveQJsNQqmhXgRi8uhvWWuPYZCNlzT8qAyblUgNoXdHdjMTzAqeGjAoli8f+bzPA==
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.2.0.tgz#52988570670c9eacedd8064f4a990f2405849bd5"
+  integrity sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==
   dependencies:
     has-property-descriptors "^1.0.0"
     object-keys "^1.1.1"
@@ -3662,10 +3510,10 @@ delegates@^1.0.0:
   resolved "https://registry.yarnpkg.com/delegates/-/delegates-1.0.0.tgz#84c6e159b81904fdca59a0ef44cd870d31250f9a"
   integrity sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==
 
-depd@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.2.tgz#9bcd52e14c097763e749b274c4346ed2e560b5a9"
-  integrity sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==
+depd@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/depd/-/depd-2.0.0.tgz#b696163cc757560d09cf22cc8fad1571b79e76df"
+  integrity sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==
 
 deprecation@^2.0.0, deprecation@^2.3.1:
   version "2.3.1"
@@ -3763,10 +3611,10 @@ editorconfig@^0.15.3:
     semver "^5.6.0"
     sigmund "^1.0.1"
 
-electron-to-chromium@^1.4.251:
-  version "1.4.254"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.254.tgz#c6203583890abf88dfc0be046cd72d3b48f8beb6"
-  integrity sha512-Sh/7YsHqQYkA6ZHuHMy24e6TE4eX6KZVsZb9E/DvU1nQRIrH4BflO/4k+83tfdYvDl+MObvlqHPRICzEdC9c6Q==
+electron-to-chromium@^1.4.284:
+  version "1.4.339"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.339.tgz#bfa611a7707ca8bbb784e01fe247c18a35bd8d28"
+  integrity sha512-MSXHBJGcbBydq/DQDlpBeUKnJ6C7aTiNCTRpfDV5Iz0sNr/Ng6RJFloq82AAicp/SrmDq4zF6XsKG0B8Xwn1UQ==
 
 emittery@^0.13.1:
   version "0.13.1"
@@ -3817,40 +3665,60 @@ error-ex@^1.3.1:
   dependencies:
     is-arrayish "^0.2.1"
 
-es-abstract@^1.19.0, es-abstract@^1.19.2, es-abstract@^1.19.5, es-abstract@^1.20.1:
-  version "1.20.2"
-  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.20.2.tgz#8495a07bc56d342a3b8ea3ab01bd986700c2ccb3"
-  integrity sha512-XxXQuVNrySBNlEkTYJoDNFe5+s2yIOpzq80sUHEdPdQr0S5nTLz4ZPPPswNIpKseDDUS5yghX1gfLIHQZ1iNuQ==
+es-abstract@^1.19.0, es-abstract@^1.20.4:
+  version "1.21.2"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.21.2.tgz#a56b9695322c8a185dc25975aa3b8ec31d0e7eff"
+  integrity sha512-y/B5POM2iBnIxCiernH1G7rC9qQoM77lLIMQLuob0zhp8C56Po81+2Nj0WFKnd0pNReDTnkYryc+zhOzpEIROg==
   dependencies:
+    array-buffer-byte-length "^1.0.0"
+    available-typed-arrays "^1.0.5"
     call-bind "^1.0.2"
+    es-set-tostringtag "^2.0.1"
     es-to-primitive "^1.2.1"
-    function-bind "^1.1.1"
     function.prototype.name "^1.1.5"
-    get-intrinsic "^1.1.2"
+    get-intrinsic "^1.2.0"
     get-symbol-description "^1.0.0"
+    globalthis "^1.0.3"
+    gopd "^1.0.1"
     has "^1.0.3"
     has-property-descriptors "^1.0.0"
+    has-proto "^1.0.1"
     has-symbols "^1.0.3"
-    internal-slot "^1.0.3"
-    is-callable "^1.2.4"
+    internal-slot "^1.0.5"
+    is-array-buffer "^3.0.2"
+    is-callable "^1.2.7"
     is-negative-zero "^2.0.2"
     is-regex "^1.1.4"
     is-shared-array-buffer "^1.0.2"
     is-string "^1.0.7"
+    is-typed-array "^1.1.10"
     is-weakref "^1.0.2"
-    object-inspect "^1.12.2"
+    object-inspect "^1.12.3"
     object-keys "^1.1.1"
     object.assign "^4.1.4"
     regexp.prototype.flags "^1.4.3"
-    string.prototype.trimend "^1.0.5"
-    string.prototype.trimstart "^1.0.5"
+    safe-regex-test "^1.0.0"
+    string.prototype.trim "^1.2.7"
+    string.prototype.trimend "^1.0.6"
+    string.prototype.trimstart "^1.0.6"
+    typed-array-length "^1.0.4"
     unbox-primitive "^1.0.2"
+    which-typed-array "^1.1.9"
 
 es-array-method-boxes-properly@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/es-array-method-boxes-properly/-/es-array-method-boxes-properly-1.0.0.tgz#873f3e84418de4ee19c5be752990b2e44718d09e"
   integrity sha512-wd6JXUmyHmt8T5a2xreUwKcGPq6f1f+WwIJkijUqiGcJz1qqnZgP6XIK+QyIWU5lT7imeNxUll48bziG+TSYcA==
 
+es-set-tostringtag@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz#338d502f6f674301d710b80c8592de8a15f09cd8"
+  integrity sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==
+  dependencies:
+    get-intrinsic "^1.1.3"
+    has "^1.0.3"
+    has-tostringtag "^1.0.0"
+
 es-to-primitive@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/es-to-primitive/-/es-to-primitive-1.2.1.tgz#e55cd4c9cdc188bcefb03b366c736323fc5c898a"
@@ -3860,6 +3728,11 @@ es-to-primitive@^1.2.1:
     is-date-object "^1.0.1"
     is-symbol "^1.0.2"
 
+es6-object-assign@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/es6-object-assign/-/es6-object-assign-1.1.0.tgz#c2c3582656247c39ea107cb1e6652b6f9f24523c"
+  integrity sha512-MEl9uirslVwqQU369iHNWZXsI8yaZYGg/D65aOgZkeyFJwHYSxilf7rQzXKI7DdDuBPrBXbfk3sl9hJhmd5AUw==
+
 esbuild-android-64@0.14.54:
   version "0.14.54"
   resolved "https://registry.yarnpkg.com/esbuild-android-64/-/esbuild-android-64-0.14.54.tgz#505f41832884313bbaffb27704b8bcaa2d8616be"
@@ -4020,9 +3893,9 @@ escodegen@^2.0.0:
     source-map "~0.6.1"
 
 eslint-config-prettier@^8.3.0:
-  version "8.5.0"
-  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-8.5.0.tgz#5a81680ec934beca02c7b1a61cf8ca34b66feab1"
-  integrity sha512-obmWKLUNCnhtQRKc+tmnYuQl0pFU1ibYJQ5BGhTVB08bHe9wC8qUeG7c08dj9XX+AuPj1YSGSQIHl1pnDHZR0Q==
+  version "8.8.0"
+  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-8.8.0.tgz#bfda738d412adc917fd7b038857110efe98c9348"
+  integrity sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==
 
 eslint-plugin-prettier@^4.0.0, eslint-plugin-prettier@^4.2.1:
   version "4.2.1"
@@ -4032,11 +3905,11 @@ eslint-plugin-prettier@^4.0.0, eslint-plugin-prettier@^4.2.1:
     prettier-linter-helpers "^1.0.0"
 
 eslint-plugin-vue@^9.9.0:
-  version "9.9.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-9.9.0.tgz#ac788ebccd2eb94d846a507df55da50693b80c91"
-  integrity sha512-YbubS7eK0J7DCf0U2LxvVP7LMfs6rC6UltihIgval3azO3gyDwEGVgsCMe1TmDiEkl6GdMKfRpaME6QxIYtzDQ==
+  version "9.10.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-9.10.0.tgz#bb6423166e6eab800344245b6eef6ce9480c78a7"
+  integrity sha512-2MgP31OBf8YilUvtakdVMc8xVbcMp7z7/iQj8LHVpXrSXHPXSJRUIGSPFI6b6pyCx/buKaFJ45ycqfHvQRiW2g==
   dependencies:
-    eslint-utils "^3.0.0"
+    "@eslint-community/eslint-utils" "^4.3.0"
     natural-compare "^1.4.0"
     nth-check "^2.0.1"
     postcss-selector-parser "^6.0.9"
@@ -4123,9 +3996,9 @@ eslint@8.34.0:
     text-table "^0.2.0"
 
 espree@^9.3.1, espree@^9.4.0:
-  version "9.4.0"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-9.4.0.tgz#cd4bc3d6e9336c433265fc0aa016fc1aaf182f8a"
-  integrity sha512-DQmnRpLj7f6TgN/NYb0MTzJXL+vJF9h3pHy4JhCIs3zwcgez8xmGg3sXHcEO97BrmO2OSvCwMdfdlyl+E9KjOw==
+  version "9.5.0"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-9.5.0.tgz#3646d4e3f58907464edba852fa047e6a27bdf113"
+  integrity sha512-JPbJGhKc47++oo4JkEoTe2wjy4fmMwvFpgJT9cQzmfXKp22Dr6Hf1tdCteLz1h0P3t+mGvWZ+4Uankvh8+c6zw==
   dependencies:
     acorn "^8.8.0"
     acorn-jsx "^5.3.2"
@@ -4137,9 +4010,9 @@ esprima@^4.0.0, esprima@^4.0.1, esprima@~4.0.0:
   integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
 
 esquery@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.4.0.tgz#2148ffc38b82e8c7057dfed48425b3e61f0f24a5"
-  integrity sha512-cCDispWt5vHHtwMY2YrAQ4ibFkAL8RbH5YGBnZBc90MolvvfkkQcJro/aZiAQUlQ3qgrYS6D6v8Gc5G5CQsc9w==
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.5.0.tgz#6ce17738de8577694edd7361c57182ac8cb0db0b"
+  integrity sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==
   dependencies:
     estraverse "^5.1.0"
 
@@ -4200,16 +4073,16 @@ exit@^0.1.2:
   resolved "https://registry.yarnpkg.com/exit/-/exit-0.1.2.tgz#0632638f8d877cc82107d30a0fff1a17cba1cd0c"
   integrity sha512-Zk/eNKV2zbjpKzrsQ+n1G6poVbErQxJ0LBOJXaKZ1EViLzH+hrLu9cdXI4zw9dBQJslwBEpbQ2P1oS7nDxs6jQ==
 
-expect@^29.0.0, expect@^29.4.3:
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/expect/-/expect-29.4.3.tgz#5e47757316df744fe3b8926c3ae8a3ebdafff7fe"
-  integrity sha512-uC05+Q7eXECFpgDrHdXA4k2rpMyStAYPItEDLyQDo5Ta7fVkJnNA/4zh/OIVkVVNZ1oOK1PipQoyNjuZ6sz6Dg==
+expect@^29.0.0, expect@^29.5.0:
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/expect/-/expect-29.5.0.tgz#68c0509156cb2a0adb8865d413b137eeaae682f7"
+  integrity sha512-yM7xqUrCO2JdpFo4XpM82t+PJBFybdqoQuJLDGeDX2ij8NZzqRHyu3Hp188/JX7SWqud+7t4MUdvcgGBICMHZg==
   dependencies:
-    "@jest/expect-utils" "^29.4.3"
+    "@jest/expect-utils" "^29.5.0"
     jest-get-type "^29.4.3"
-    jest-matcher-utils "^29.4.3"
-    jest-message-util "^29.4.3"
-    jest-util "^29.4.3"
+    jest-matcher-utils "^29.5.0"
+    jest-message-util "^29.5.0"
+    jest-util "^29.5.0"
 
 extend-shallow@^2.0.1:
   version "2.0.1"
@@ -4252,7 +4125,7 @@ fast-diff@^1.1.2:
   resolved "https://registry.yarnpkg.com/fast-diff/-/fast-diff-1.2.0.tgz#73ee11982d86caaf7959828d519cfe927fac5f03"
   integrity sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==
 
-fast-glob@^3.0.3, fast-glob@^3.2.9:
+fast-glob@^3.2.9:
   version "3.2.12"
   resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.12.tgz#7f39ec99c2e6ab030337142da9e0c18f37afae80"
   integrity sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==
@@ -4274,16 +4147,16 @@ fast-levenshtein@^2.0.6, fast-levenshtein@~2.0.6:
   integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
 
 fastq@^1.6.0:
-  version "1.13.0"
-  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.13.0.tgz#616760f88a7526bdfc596b7cab8c18938c36b98c"
-  integrity sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==
+  version "1.15.0"
+  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.15.0.tgz#d04d07c6a2a68fe4599fea8d2e103a937fae6b3a"
+  integrity sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==
   dependencies:
     reusify "^1.0.4"
 
 fb-watchman@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/fb-watchman/-/fb-watchman-2.0.1.tgz#fc84fb39d2709cf3ff6d743706157bb5708a8a85"
-  integrity sha512-DkPJKQeY6kKwmuMretBhr7G6Vodr7bFwDYTXIkfG1gjvNpaxBTQV3PbXg6bR1c1UP4jPOX0jHUbbHANL9vRjVg==
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/fb-watchman/-/fb-watchman-2.0.2.tgz#e9524ee6b5c77e9e5001af0f85f3adbb8623255c"
+  integrity sha512-p5161BqbuCaSnB8jIbzQHOlpgsPmK5rJVDfDKO91Axs5NC1uu3HRQm6wt9cd9/+GtQQIO53JdGXXoyDpTAsgYA==
   dependencies:
     bser "2.1.1"
 
@@ -4349,6 +4222,13 @@ flatted@^3.1.0:
   resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.7.tgz#609f39207cb614b89d0765b477cb2d437fbf9787"
   integrity sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==
 
+for-each@^0.3.3:
+  version "0.3.3"
+  resolved "https://registry.yarnpkg.com/for-each/-/for-each-0.3.3.tgz#69b447e88a0a5d32c3e7084f3f1710034b21376e"
+  integrity sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==
+  dependencies:
+    is-callable "^1.1.3"
+
 forever-agent@~0.6.1:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/forever-agent/-/forever-agent-0.6.1.tgz#fbc71f0c41adeb37f96c577ad1ed42d8fdacca91"
@@ -4435,11 +4315,6 @@ function.prototype.name@^1.1.5:
     es-abstract "^1.19.0"
     functions-have-names "^1.2.2"
 
-functional-red-black-tree@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz#1b0ab3bd553b2a0d6399d29c0e3ea0b252078327"
-  integrity sha512-dsKNQNdj6xA3T+QlADDA7mOSlX0qiMINjn0cgr+eGHGsbSHzTabcIogz2+p/iqP1Xs6EP/sS2SbqH+brGTbq0g==
-
 functions-have-names@^1.2.2:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/functions-have-names/-/functions-have-names-1.2.3.tgz#0404fe4ee2ba2f607f0e0ec3c80bae994133b834"
@@ -4469,10 +4344,10 @@ get-caller-file@^2.0.5:
   resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
   integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
 
-get-intrinsic@^1.0.2, get-intrinsic@^1.1.0, get-intrinsic@^1.1.1, get-intrinsic@^1.1.2:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.1.3.tgz#063c84329ad93e83893c7f4f243ef63ffa351385"
-  integrity sha512-QJVz1Tj7MS099PevUG5jvnt9tSkXN8K14dxQlikJuPt4uD9hHAHjLyLBiLR5zELelBdD9QNRAXZzsJx0WaDL9A==
+get-intrinsic@^1.0.2, get-intrinsic@^1.1.1, get-intrinsic@^1.1.3, get-intrinsic@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.2.0.tgz#7ad1dc0535f3a2904bba075772763e5051f6d05f"
+  integrity sha512-L049y6nFOuom5wGyRc3/gdTLO94dySVKRACj1RmJZBQXlbTMhtNIgkWkUHq+jYmZvKf14EW1EoJnnjbmoHij0Q==
   dependencies:
     function-bind "^1.1.1"
     has "^1.0.3"
@@ -4610,25 +4485,18 @@ globals@^11.1.0:
   integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
 
 globals@^13.19.0:
-  version "13.19.0"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-13.19.0.tgz#7a42de8e6ad4f7242fbcca27ea5b23aca367b5c8"
-  integrity sha512-dkQ957uSRWHw7CFXLUtUHQI3g3aWApYhfNR2O6jn/907riyTYKVBmxYVROkBcY614FSSeSJh7Xm7SrUWCxvJMQ==
+  version "13.20.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-13.20.0.tgz#ea276a1e508ffd4f1612888f9d1bad1e2717bf82"
+  integrity sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==
   dependencies:
     type-fest "^0.20.2"
 
-globby@^10.0.2:
-  version "10.0.2"
-  resolved "https://registry.yarnpkg.com/globby/-/globby-10.0.2.tgz#277593e745acaa4646c3ab411289ec47a0392543"
-  integrity sha512-7dUi7RvCoT/xast/o/dLN53oqND4yk0nsHkhRgn9w65C4PofCLOoJ39iSOg+qVDdWQPIEj+eszMHQ+aLVwwQSg==
+globalthis@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/globalthis/-/globalthis-1.0.3.tgz#5852882a52b80dc301b0660273e1ed082f0b6ccf"
+  integrity sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==
   dependencies:
-    "@types/glob" "^7.1.1"
-    array-union "^2.1.0"
-    dir-glob "^3.0.1"
-    fast-glob "^3.0.3"
-    glob "^7.1.3"
-    ignore "^5.1.1"
-    merge2 "^1.2.3"
-    slash "^3.0.0"
+    define-properties "^1.1.3"
 
 globby@^11.0.2, globby@^11.0.4, globby@^11.1.0:
   version "11.1.0"
@@ -4642,10 +4510,17 @@ globby@^11.0.2, globby@^11.0.4, globby@^11.1.0:
     merge2 "^1.4.1"
     slash "^3.0.0"
 
+gopd@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.0.1.tgz#29ff76de69dac7489b7c0918a5788e56477c332c"
+  integrity sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==
+  dependencies:
+    get-intrinsic "^1.1.3"
+
 graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.2, graceful-fs@^4.2.3, graceful-fs@^4.2.9:
-  version "4.2.10"
-  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.10.tgz#147d3a006da4ca3ce14728c7aefc287c367d7a6c"
-  integrity sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==
+  version "4.2.11"
+  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
+  integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
 
 grapheme-splitter@^1.0.4:
   version "1.0.4"
@@ -4714,6 +4589,11 @@ has-property-descriptors@^1.0.0:
   dependencies:
     get-intrinsic "^1.1.1"
 
+has-proto@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/has-proto/-/has-proto-1.0.1.tgz#1885c1305538958aff469fef37937c22795408e0"
+  integrity sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==
+
 has-symbols@^1.0.2, has-symbols@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.3.tgz#bb7b2c4349251dce87b125f7bdf874aa7c8b39f8"
@@ -4738,11 +4618,6 @@ has@^1.0.3:
   dependencies:
     function-bind "^1.1.1"
 
-hash-sum@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/hash-sum/-/hash-sum-1.0.2.tgz#33b40777754c6432573c120cc3808bbd10d47f04"
-  integrity sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==
-
 hash-sum@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/hash-sum/-/hash-sum-2.0.0.tgz#81d01bb5de8ea4a214ad5d6ead1b523460b0b45a"
@@ -4773,9 +4648,9 @@ html-escaper@^2.0.0:
   integrity sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==
 
 http-cache-semantics@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/http-cache-semantics/-/http-cache-semantics-4.1.0.tgz#49e91c5cbf36c9b94bcfcd71c23d5249ec74e390"
-  integrity sha512-carPklcUh7ROWRK7Cv27RPtdhYhUsela/ue5/jKzjegVvXDqM2ILE9Q2BGn9JZJh1g87cp56su/FgQSzcWS8cQ==
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/http-cache-semantics/-/http-cache-semantics-4.1.1.tgz#abe02fcb2985460bf0323be664436ec3476a6d5a"
+  integrity sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==
 
 http-proxy-agent@^4.0.1:
   version "4.0.1"
@@ -4850,15 +4725,15 @@ ignore-walk@^3.0.3:
   dependencies:
     minimatch "^3.0.4"
 
-ignore@^5.1.1, ignore@^5.2.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.0.tgz#6d3bac8fa7fe0d45d9f9be7bac2fc279577e345a"
-  integrity sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==
+ignore@^5.2.0:
+  version "5.2.4"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.4.tgz#a291c0c6178ff1b960befe47fcdec301674a6324"
+  integrity sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==
 
 immutable@^4.0.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.1.0.tgz#f795787f0db780183307b9eb2091fcac1f6fafef"
-  integrity sha512-oNkuqVTA8jqG1Q6c+UglTOD1xhC1BtjKI7XkCXRkZHrN5m18/XsnUp8Q89GkQO/z+0WjonSvl0FLhDYftp46nQ==
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.3.0.tgz#eb1738f14ffb39fd068b1dbe1296117484dd34be"
+  integrity sha512-0AOCmOip+xgJwEVTQj1EfiDDOkPmuyllDuTuEX+DDXUgapLAsBIfkg3sxCYyCEA8mQqZrrxPUGjcOQ2JS3WLkg==
 
 import-fresh@^3.0.0, import-fresh@^3.2.1:
   version "3.3.0"
@@ -4941,12 +4816,12 @@ inquirer@^7.3.3:
     strip-ansi "^6.0.0"
     through "^2.3.6"
 
-internal-slot@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.0.3.tgz#7347e307deeea2faac2ac6205d4bc7d34967f59c"
-  integrity sha512-O0DB1JC/sPyZl7cIo78n5dR7eUSwwpYPiXRhTzNxZVAMUuB8vlnRFyLxdrVToks6XPLVnFfbzaVd5WLjhgg+vA==
+internal-slot@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.0.5.tgz#f2a2ee21f668f8627a4667f309dc0f4fb6674986"
+  integrity sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==
   dependencies:
-    get-intrinsic "^1.1.0"
+    get-intrinsic "^1.2.0"
     has "^1.0.3"
     side-channel "^1.0.4"
 
@@ -4955,6 +4830,23 @@ ip@^2.0.0:
   resolved "https://registry.yarnpkg.com/ip/-/ip-2.0.0.tgz#4cf4ab182fee2314c75ede1276f8c80b479936da"
   integrity sha512-WKa+XuLG1A1R0UWhl2+1XQSi+fZWMsYKffMZTTYsiZaUD8k2yDAj5atimTUD2TZkyCkNEeYE5NhFZmupOGtjYQ==
 
+is-arguments@^1.0.4:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-arguments/-/is-arguments-1.1.1.tgz#15b3f88fda01f2a97fec84ca761a560f123efa9b"
+  integrity sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==
+  dependencies:
+    call-bind "^1.0.2"
+    has-tostringtag "^1.0.0"
+
+is-array-buffer@^3.0.1, is-array-buffer@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/is-array-buffer/-/is-array-buffer-3.0.2.tgz#f2653ced8412081638ecb0ebbd0c41c6e0aecbbe"
+  integrity sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==
+  dependencies:
+    call-bind "^1.0.2"
+    get-intrinsic "^1.2.0"
+    is-typed-array "^1.1.10"
+
 is-arrayish@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
@@ -4983,16 +4875,16 @@ is-boolean-object@^1.1.0:
     has-tostringtag "^1.0.0"
 
 is-builtin-module@^3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/is-builtin-module/-/is-builtin-module-3.2.0.tgz#bb0310dfe881f144ca83f30100ceb10cf58835e0"
-  integrity sha512-phDA4oSGt7vl1n5tJvTWooWWAsXLY+2xCnxNqvKhGEzujg+A43wPlPOyDg3C8XQHN+6k/JTQWJ/j0dQh/qr+Hw==
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/is-builtin-module/-/is-builtin-module-3.2.1.tgz#f03271717d8654cfcaf07ab0463faa3571581169"
+  integrity sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==
   dependencies:
     builtin-modules "^3.3.0"
 
-is-callable@^1.1.4, is-callable@^1.2.4:
-  version "1.2.6"
-  resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.6.tgz#fd6170b0b8c7e2cc73de342ef8284a2202023c44"
-  integrity sha512-krO72EO2NptOGAX2KYyqbP9vYMlNAXdB53rq6f8LXY6RY7JdSR/3BD6wLUlPHSAesmY9vstNrjvqGaCiRK/91Q==
+is-callable@^1.1.3, is-callable@^1.1.4, is-callable@^1.2.7:
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.7.tgz#3bc2a85ea742d9e36205dcacdd72ca1fdc51b055"
+  integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==
 
 is-ci@^2.0.0:
   version "2.0.0"
@@ -5002,9 +4894,9 @@ is-ci@^2.0.0:
     ci-info "^2.0.0"
 
 is-core-module@^2.5.0, is-core-module@^2.9.0:
-  version "2.10.0"
-  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.10.0.tgz#9012ede0a91c69587e647514e1d5277019e728ed"
-  integrity sha512-Erxj2n/LDAZ7H8WNJXd9tw38GYM3dv8rk8Zcs+jJuxYTW7sozH+SS8NtrSjVL1/vpLvWi1hxy96IzjJ3EHTJJg==
+  version "2.11.0"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.11.0.tgz#ad4cb3e3863e814523c96f3f58d26cc570ff0144"
+  integrity sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==
   dependencies:
     has "^1.0.3"
 
@@ -5050,6 +4942,13 @@ is-generator-fn@^2.0.0:
   resolved "https://registry.yarnpkg.com/is-generator-fn/-/is-generator-fn-2.1.0.tgz#7d140adc389aaf3011a8f2a2a4cfa6faadffb118"
   integrity sha512-cTIB4yPYL/Grw0EaSzASzg6bBy9gqCofvWN8okThAYIxKJZC+udlRAmGbM0XLeniEJSs8uEgHPGuHSe1XsOLSQ==
 
+is-generator-function@^1.0.7:
+  version "1.0.10"
+  resolved "https://registry.yarnpkg.com/is-generator-function/-/is-generator-function-1.0.10.tgz#f1558baf1ac17e0deea7c0415c438351ff2b3c72"
+  integrity sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==
+  dependencies:
+    has-tostringtag "^1.0.0"
+
 is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
@@ -5072,6 +4971,14 @@ is-module@^1.0.0:
   resolved "https://registry.yarnpkg.com/is-module/-/is-module-1.0.0.tgz#3258fb69f78c14d5b815d664336b4cffb6441591"
   integrity sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==
 
+is-nan@^1.2.1:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/is-nan/-/is-nan-1.3.2.tgz#043a54adea31748b55b6cd4e09aadafa69bd9e1d"
+  integrity sha512-E+zBKpQ2t6MEo1VsonYmluk9NxGrbzpeeLC2xIViuO2EjU2xsXsBPwTr3Ykv9l08UYEVEdWeRZNouaZqF6RN0w==
+  dependencies:
+    call-bind "^1.0.0"
+    define-properties "^1.1.3"
+
 is-negative-zero@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.2.tgz#7bf6f03a28003b8b3965de3ac26f664d765f3150"
@@ -5186,6 +5093,17 @@ is-text-path@^1.0.1:
   dependencies:
     text-extensions "^1.0.0"
 
+is-typed-array@^1.1.10, is-typed-array@^1.1.3, is-typed-array@^1.1.9:
+  version "1.1.10"
+  resolved "https://registry.yarnpkg.com/is-typed-array/-/is-typed-array-1.1.10.tgz#36a5b5cb4189b575d1a3e4b08536bfb485801e3f"
+  integrity sha512-PJqgEHiWZvMpaFZ3uTc8kHPM4+4ADTlDniuQL7cU/UDA0Ql7F70yGfHph3cLNe+c9toaigv+DFzTJKhc2CtO6A==
+  dependencies:
+    available-typed-arrays "^1.0.5"
+    call-bind "^1.0.2"
+    for-each "^0.3.3"
+    gopd "^1.0.1"
+    has-tostringtag "^1.0.0"
+
 is-typedarray@^1.0.0, is-typedarray@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
@@ -5229,9 +5147,9 @@ istanbul-lib-coverage@^3.0.0, istanbul-lib-coverage@^3.2.0:
   integrity sha512-eOeJ5BHCmHYvQK7xt9GkdHuzuCGS1Y6g9Gvnx3Ym33fz/HpLRYxiS0wHNr+m/MBC8B647Xt608vCDEvhl9c6Mw==
 
 istanbul-lib-instrument@^5.0.4, istanbul-lib-instrument@^5.1.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.0.tgz#31d18bdd127f825dd02ea7bfdfd906f8ab840e9f"
-  integrity sha512-6Lthe1hqXHBNsqvgDzGO6l03XNeu3CrG4RqQ1KM9+l5+jNGpEJfIELx1NS3SEHmJQA8np/u+E4EPRKRiu6m19A==
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz#d10c8885c2125574e1c231cacadf955675e1ce3d"
+  integrity sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==
   dependencies:
     "@babel/core" "^7.12.3"
     "@babel/parser" "^7.14.7"
@@ -5266,101 +5184,102 @@ istanbul-reports@^3.1.3:
     istanbul-lib-report "^3.0.0"
 
 jest-canvas-mock@^2.4.0:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/jest-canvas-mock/-/jest-canvas-mock-2.4.0.tgz#947b71442d7719f8e055decaecdb334809465341"
-  integrity sha512-mmMpZzpmLzn5vepIaHk5HoH3Ka4WykbSoLuG/EKoJd0x0ID/t+INo1l8ByfcUJuDM+RIsL4QDg/gDnBbrj2/IQ==
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/jest-canvas-mock/-/jest-canvas-mock-2.5.0.tgz#3e60f87f77ddfa273cf8e7e4ea5f86fa827c7117"
+  integrity sha512-s2bmY2f22WPMzhB2YA93kiyf7CAfWAnV/sFfY9s48IVOrGmwui1eSFluDPesq1M+7tSC1hJAit6mzO0ZNXvVBA==
   dependencies:
     cssfontparser "^1.2.1"
     moo-color "^1.0.2"
 
-jest-changed-files@^29.4.3:
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-29.4.3.tgz#7961fe32536b9b6d5c28dfa0abcfab31abcf50a7"
-  integrity sha512-Vn5cLuWuwmi2GNNbokPOEcvrXGSGrqVnPEZV7rC6P7ck07Dyw9RFnvWglnupSh+hGys0ajGtw/bc2ZgweljQoQ==
+jest-changed-files@^29.5.0:
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-29.5.0.tgz#e88786dca8bf2aa899ec4af7644e16d9dcf9b23e"
+  integrity sha512-IFG34IUMUaNBIxjQXF/iu7g6EcdMrGRRxaUSw92I/2g2YC6vCdTltl4nHvt7Ci5nSJwXIkCu8Ka1DKF+X7Z1Ag==
   dependencies:
     execa "^5.0.0"
     p-limit "^3.1.0"
 
-jest-circus@^29.4.3:
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/jest-circus/-/jest-circus-29.4.3.tgz#fff7be1cf5f06224dd36a857d52a9efeb005ba04"
-  integrity sha512-Vw/bVvcexmdJ7MLmgdT3ZjkJ3LKu8IlpefYokxiqoZy6OCQ2VAm6Vk3t/qHiAGUXbdbJKJWnc8gH3ypTbB/OBw==
+jest-circus@^29.5.0:
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/jest-circus/-/jest-circus-29.5.0.tgz#b5926989449e75bff0d59944bae083c9d7fb7317"
+  integrity sha512-gq/ongqeQKAplVxqJmbeUOJJKkW3dDNPY8PjhJ5G0lBRvu0e3EWGxGy5cI4LAGA7gV2UHCtWBI4EMXK8c9nQKA==
   dependencies:
-    "@jest/environment" "^29.4.3"
-    "@jest/expect" "^29.4.3"
-    "@jest/test-result" "^29.4.3"
-    "@jest/types" "^29.4.3"
+    "@jest/environment" "^29.5.0"
+    "@jest/expect" "^29.5.0"
+    "@jest/test-result" "^29.5.0"
+    "@jest/types" "^29.5.0"
     "@types/node" "*"
     chalk "^4.0.0"
     co "^4.6.0"
     dedent "^0.7.0"
     is-generator-fn "^2.0.0"
-    jest-each "^29.4.3"
-    jest-matcher-utils "^29.4.3"
-    jest-message-util "^29.4.3"
-    jest-runtime "^29.4.3"
-    jest-snapshot "^29.4.3"
-    jest-util "^29.4.3"
+    jest-each "^29.5.0"
+    jest-matcher-utils "^29.5.0"
+    jest-message-util "^29.5.0"
+    jest-runtime "^29.5.0"
+    jest-snapshot "^29.5.0"
+    jest-util "^29.5.0"
     p-limit "^3.1.0"
-    pretty-format "^29.4.3"
+    pretty-format "^29.5.0"
+    pure-rand "^6.0.0"
     slash "^3.0.0"
     stack-utils "^2.0.3"
 
-jest-cli@^29.4.3:
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-29.4.3.tgz#fe31fdd0c90c765f392b8b7c97e4845071cd2163"
-  integrity sha512-PiiAPuFNfWWolCE6t3ZrDXQc6OsAuM3/tVW0u27UWc1KE+n/HSn5dSE6B2juqN7WP+PP0jAcnKtGmI4u8GMYCg==
+jest-cli@^29.5.0:
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-29.5.0.tgz#b34c20a6d35968f3ee47a7437ff8e53e086b4a67"
+  integrity sha512-L1KcP1l4HtfwdxXNFCL5bmUbLQiKrakMUriBEcc1Vfz6gx31ORKdreuWvmQVBit+1ss9NNR3yxjwfwzZNdQXJw==
   dependencies:
-    "@jest/core" "^29.4.3"
-    "@jest/test-result" "^29.4.3"
-    "@jest/types" "^29.4.3"
+    "@jest/core" "^29.5.0"
+    "@jest/test-result" "^29.5.0"
+    "@jest/types" "^29.5.0"
     chalk "^4.0.0"
     exit "^0.1.2"
     graceful-fs "^4.2.9"
     import-local "^3.0.2"
-    jest-config "^29.4.3"
-    jest-util "^29.4.3"
-    jest-validate "^29.4.3"
+    jest-config "^29.5.0"
+    jest-util "^29.5.0"
+    jest-validate "^29.5.0"
     prompts "^2.0.1"
     yargs "^17.3.1"
 
-jest-config@^29.4.3:
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-29.4.3.tgz#fca9cdfe6298ae6d04beef1624064d455347c978"
-  integrity sha512-eCIpqhGnIjdUCXGtLhz4gdDoxKSWXKjzNcc5r+0S1GKOp2fwOipx5mRcwa9GB/ArsxJ1jlj2lmlD9bZAsBxaWQ==
+jest-config@^29.5.0:
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-29.5.0.tgz#3cc972faec8c8aaea9ae158c694541b79f3748da"
+  integrity sha512-kvDUKBnNJPNBmFFOhDbm59iu1Fii1Q6SxyhXfvylq3UTHbg6o7j/g8k2dZyXWLvfdKB1vAPxNZnMgtKJcmu3kA==
   dependencies:
     "@babel/core" "^7.11.6"
-    "@jest/test-sequencer" "^29.4.3"
-    "@jest/types" "^29.4.3"
-    babel-jest "^29.4.3"
+    "@jest/test-sequencer" "^29.5.0"
+    "@jest/types" "^29.5.0"
+    babel-jest "^29.5.0"
     chalk "^4.0.0"
     ci-info "^3.2.0"
     deepmerge "^4.2.2"
     glob "^7.1.3"
     graceful-fs "^4.2.9"
-    jest-circus "^29.4.3"
-    jest-environment-node "^29.4.3"
+    jest-circus "^29.5.0"
+    jest-environment-node "^29.5.0"
     jest-get-type "^29.4.3"
     jest-regex-util "^29.4.3"
-    jest-resolve "^29.4.3"
-    jest-runner "^29.4.3"
-    jest-util "^29.4.3"
-    jest-validate "^29.4.3"
+    jest-resolve "^29.5.0"
+    jest-runner "^29.5.0"
+    jest-util "^29.5.0"
+    jest-validate "^29.5.0"
     micromatch "^4.0.4"
     parse-json "^5.2.0"
-    pretty-format "^29.4.3"
+    pretty-format "^29.5.0"
     slash "^3.0.0"
     strip-json-comments "^3.1.1"
 
-jest-diff@^29.4.3:
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-29.4.3.tgz#42f4eb34d0bf8c0fb08b0501069b87e8e84df347"
-  integrity sha512-YB+ocenx7FZ3T5O9lMVMeLYV4265socJKtkwgk/6YUz/VsEzYDkiMuMhWzZmxm3wDRQvayJu/PjkjjSkjoHsCA==
+jest-diff@^29.5.0:
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-29.5.0.tgz#e0d83a58eb5451dcc1fa61b1c3ee4e8f5a290d63"
+  integrity sha512-LtxijLLZBduXnHSniy0WMdaHjmQnt3g5sa16W4p0HqukYTTsyTW3GD1q41TyGl5YFXj/5B2U6dlh5FM1LIMgxw==
   dependencies:
     chalk "^4.0.0"
     diff-sequences "^29.4.3"
     jest-get-type "^29.4.3"
-    pretty-format "^29.4.3"
+    pretty-format "^29.5.0"
 
 jest-docblock@^29.4.3:
   version "29.4.3"
@@ -5369,201 +5288,201 @@ jest-docblock@^29.4.3:
   dependencies:
     detect-newline "^3.0.0"
 
-jest-each@^29.4.3:
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-29.4.3.tgz#a434c199a2f6151c5e3dc80b2d54586bdaa72819"
-  integrity sha512-1ElHNAnKcbJb/b+L+7j0/w7bDvljw4gTv1wL9fYOczeJrbTbkMGQ5iQPFJ3eFQH19VPTx1IyfePdqSpePKss7Q==
+jest-each@^29.5.0:
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-29.5.0.tgz#fc6e7014f83eac68e22b7195598de8554c2e5c06"
+  integrity sha512-HM5kIJ1BTnVt+DQZ2ALp3rzXEl+g726csObrW/jpEGl+CDSSQpOJJX2KE/vEg8cxcMXdyEPu6U4QX5eruQv5hA==
   dependencies:
-    "@jest/types" "^29.4.3"
+    "@jest/types" "^29.5.0"
     chalk "^4.0.0"
     jest-get-type "^29.4.3"
-    jest-util "^29.4.3"
-    pretty-format "^29.4.3"
+    jest-util "^29.5.0"
+    pretty-format "^29.5.0"
 
 jest-environment-jsdom@^29.4.3:
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-29.4.3.tgz#bd8ed3808e6d3f616403fbaf8354f77019613d90"
-  integrity sha512-rFjf8JXrw3OjUzzmSE5l0XjMj0/MSVEUMCSXBGPDkfwb1T03HZI7iJSL0cGctZApPSyJxbjyKDVxkZuyhHkuTw==
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-29.5.0.tgz#cfe86ebaf1453f3297b5ff3470fbe94739c960cb"
+  integrity sha512-/KG8yEK4aN8ak56yFVdqFDzKNHgF4BAymCx2LbPNPsUshUlfAl0eX402Xm1pt+eoG9SLZEUVifqXtX8SK74KCw==
   dependencies:
-    "@jest/environment" "^29.4.3"
-    "@jest/fake-timers" "^29.4.3"
-    "@jest/types" "^29.4.3"
+    "@jest/environment" "^29.5.0"
+    "@jest/fake-timers" "^29.5.0"
+    "@jest/types" "^29.5.0"
     "@types/jsdom" "^20.0.0"
     "@types/node" "*"
-    jest-mock "^29.4.3"
-    jest-util "^29.4.3"
+    jest-mock "^29.5.0"
+    jest-util "^29.5.0"
     jsdom "^20.0.0"
 
-jest-environment-node@^29.4.3:
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-29.4.3.tgz#579c4132af478befc1889ddc43c2413a9cdbe014"
-  integrity sha512-gAiEnSKF104fsGDXNkwk49jD/0N0Bqu2K9+aMQXA6avzsA9H3Fiv1PW2D+gzbOSR705bWd2wJZRFEFpV0tXISg==
+jest-environment-node@^29.5.0:
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-29.5.0.tgz#f17219d0f0cc0e68e0727c58b792c040e332c967"
+  integrity sha512-ExxuIK/+yQ+6PRGaHkKewYtg6hto2uGCgvKdb2nfJfKXgZ17DfXjvbZ+jA1Qt9A8EQSfPnt5FKIfnOO3u1h9qw==
   dependencies:
-    "@jest/environment" "^29.4.3"
-    "@jest/fake-timers" "^29.4.3"
-    "@jest/types" "^29.4.3"
+    "@jest/environment" "^29.5.0"
+    "@jest/fake-timers" "^29.5.0"
+    "@jest/types" "^29.5.0"
     "@types/node" "*"
-    jest-mock "^29.4.3"
-    jest-util "^29.4.3"
+    jest-mock "^29.5.0"
+    jest-util "^29.5.0"
 
 jest-get-type@^29.4.3:
   version "29.4.3"
   resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-29.4.3.tgz#1ab7a5207c995161100b5187159ca82dd48b3dd5"
   integrity sha512-J5Xez4nRRMjk8emnTpWrlkyb9pfRQQanDrvWHhsR1+VUfbwxi30eVcZFlcdGInRibU4G5LwHXpI7IRHU0CY+gg==
 
-jest-haste-map@^29.4.3:
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-29.4.3.tgz#085a44283269e7ace0645c63a57af0d2af6942e2"
-  integrity sha512-eZIgAS8tvm5IZMtKlR8Y+feEOMfo2pSQkmNbufdbMzMSn9nitgGxF1waM/+LbryO3OkMcKS98SUb+j/cQxp/vQ==
+jest-haste-map@^29.5.0:
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-29.5.0.tgz#69bd67dc9012d6e2723f20a945099e972b2e94de"
+  integrity sha512-IspOPnnBro8YfVYSw6yDRKh/TiCdRngjxeacCps1cQ9cgVN6+10JUcuJ1EabrgYLOATsIAigxA0rLR9x/YlrSA==
   dependencies:
-    "@jest/types" "^29.4.3"
+    "@jest/types" "^29.5.0"
     "@types/graceful-fs" "^4.1.3"
     "@types/node" "*"
     anymatch "^3.0.3"
     fb-watchman "^2.0.0"
     graceful-fs "^4.2.9"
     jest-regex-util "^29.4.3"
-    jest-util "^29.4.3"
-    jest-worker "^29.4.3"
+    jest-util "^29.5.0"
+    jest-worker "^29.5.0"
     micromatch "^4.0.4"
     walker "^1.0.8"
   optionalDependencies:
     fsevents "^2.3.2"
 
-jest-leak-detector@^29.4.3:
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-29.4.3.tgz#2b35191d6b35aa0256e63a9b79b0f949249cf23a"
-  integrity sha512-9yw4VC1v2NspMMeV3daQ1yXPNxMgCzwq9BocCwYrRgXe4uaEJPAN0ZK37nFBhcy3cUwEVstFecFLaTHpF7NiGA==
+jest-leak-detector@^29.5.0:
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-29.5.0.tgz#cf4bdea9615c72bac4a3a7ba7e7930f9c0610c8c"
+  integrity sha512-u9YdeeVnghBUtpN5mVxjID7KbkKE1QU4f6uUwuxiY0vYRi9BUCLKlPEZfDGR67ofdFmDz9oPAy2G92Ujrntmow==
   dependencies:
     jest-get-type "^29.4.3"
-    pretty-format "^29.4.3"
+    pretty-format "^29.5.0"
 
-jest-matcher-utils@^29.4.3:
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-29.4.3.tgz#ea68ebc0568aebea4c4213b99f169ff786df96a0"
-  integrity sha512-TTciiXEONycZ03h6R6pYiZlSkvYgT0l8aa49z/DLSGYjex4orMUcafuLXYyyEDWB1RKglq00jzwY00Ei7yFNVg==
+jest-matcher-utils@^29.5.0:
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-29.5.0.tgz#d957af7f8c0692c5453666705621ad4abc2c59c5"
+  integrity sha512-lecRtgm/rjIK0CQ7LPQwzCs2VwW6WAahA55YBuI+xqmhm7LAaxokSB8C97yJeYyT+HvQkH741StzpU41wohhWw==
   dependencies:
     chalk "^4.0.0"
-    jest-diff "^29.4.3"
+    jest-diff "^29.5.0"
     jest-get-type "^29.4.3"
-    pretty-format "^29.4.3"
+    pretty-format "^29.5.0"
 
-jest-message-util@^29.4.3:
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-29.4.3.tgz#65b5280c0fdc9419503b49d4f48d4999d481cb5b"
-  integrity sha512-1Y8Zd4ZCN7o/QnWdMmT76If8LuDv23Z1DRovBj/vcSFNlGCJGoO8D1nJDw1AdyAGUk0myDLFGN5RbNeJyCRGCw==
+jest-message-util@^29.5.0:
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-29.5.0.tgz#1f776cac3aca332ab8dd2e3b41625435085c900e"
+  integrity sha512-Kijeg9Dag6CKtIDA7O21zNTACqD5MD/8HfIV8pdD94vFyFuer52SigdC3IQMhab3vACxXMiFk+yMHNdbqtyTGA==
   dependencies:
     "@babel/code-frame" "^7.12.13"
-    "@jest/types" "^29.4.3"
+    "@jest/types" "^29.5.0"
     "@types/stack-utils" "^2.0.0"
     chalk "^4.0.0"
     graceful-fs "^4.2.9"
     micromatch "^4.0.4"
-    pretty-format "^29.4.3"
+    pretty-format "^29.5.0"
     slash "^3.0.0"
     stack-utils "^2.0.3"
 
-jest-mock@^29.4.3:
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-29.4.3.tgz#23d84a20a74cdfff0510fdbeefb841ed57b0fe7e"
-  integrity sha512-LjFgMg+xed9BdkPMyIJh+r3KeHt1klXPJYBULXVVAkbTaaKjPX1o1uVCAZADMEp/kOxGTwy/Ot8XbvgItOrHEg==
+jest-mock@^29.5.0:
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-29.5.0.tgz#26e2172bcc71d8b0195081ff1f146ac7e1518aed"
+  integrity sha512-GqOzvdWDE4fAV2bWQLQCkujxYWL7RxjCnj71b5VhDAGOevB3qj3Ovg26A5NI84ZpODxyzaozXLOh2NCgkbvyaw==
   dependencies:
-    "@jest/types" "^29.4.3"
+    "@jest/types" "^29.5.0"
     "@types/node" "*"
-    jest-util "^29.4.3"
+    jest-util "^29.5.0"
 
 jest-pnp-resolver@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/jest-pnp-resolver/-/jest-pnp-resolver-1.2.2.tgz#b704ac0ae028a89108a4d040b3f919dfddc8e33c"
-  integrity sha512-olV41bKSMm8BdnuMsewT4jqlZ8+3TCARAXjZGT9jcoSnrfUnRCqnMoF9XEeoWjbzObpqF9dRhHQj0Xb9QdF6/w==
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/jest-pnp-resolver/-/jest-pnp-resolver-1.2.3.tgz#930b1546164d4ad5937d5540e711d4d38d4cad2e"
+  integrity sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==
 
 jest-regex-util@^29.4.3:
   version "29.4.3"
   resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-29.4.3.tgz#a42616141e0cae052cfa32c169945d00c0aa0bb8"
   integrity sha512-O4FglZaMmWXbGHSQInfXewIsd1LMn9p3ZXB/6r4FOkyhX2/iP/soMG98jGvk/A3HAN78+5VWcBGO0BJAPRh4kg==
 
-jest-resolve-dependencies@^29.4.3:
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-29.4.3.tgz#9ad7f23839a6d88cef91416bda9393a6e9fd1da5"
-  integrity sha512-uvKMZAQ3nmXLH7O8WAOhS5l0iWyT3WmnJBdmIHiV5tBbdaDZ1wqtNX04FONGoaFvSOSHBJxnwAVnSn1WHdGVaw==
+jest-resolve-dependencies@^29.5.0:
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-29.5.0.tgz#f0ea29955996f49788bf70996052aa98e7befee4"
+  integrity sha512-sjV3GFr0hDJMBpYeUuGduP+YeCRbd7S/ck6IvL3kQ9cpySYKqcqhdLLC2rFwrcL7tz5vYibomBrsFYWkIGGjOg==
   dependencies:
     jest-regex-util "^29.4.3"
-    jest-snapshot "^29.4.3"
+    jest-snapshot "^29.5.0"
 
-jest-resolve@^29.4.3:
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-29.4.3.tgz#3c5b5c984fa8a763edf9b3639700e1c7900538e2"
-  integrity sha512-GPokE1tzguRyT7dkxBim4wSx6E45S3bOQ7ZdKEG+Qj0Oac9+6AwJPCk0TZh5Vu0xzeX4afpb+eDmgbmZFFwpOw==
+jest-resolve@^29.5.0:
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-29.5.0.tgz#b053cc95ad1d5f6327f0ac8aae9f98795475ecdc"
+  integrity sha512-1TzxJ37FQq7J10jPtQjcc+MkCkE3GBpBecsSUWJ0qZNJpmg6m0D9/7II03yJulm3H/fvVjgqLh/k2eYg+ui52w==
   dependencies:
     chalk "^4.0.0"
     graceful-fs "^4.2.9"
-    jest-haste-map "^29.4.3"
+    jest-haste-map "^29.5.0"
     jest-pnp-resolver "^1.2.2"
-    jest-util "^29.4.3"
-    jest-validate "^29.4.3"
+    jest-util "^29.5.0"
+    jest-validate "^29.5.0"
     resolve "^1.20.0"
     resolve.exports "^2.0.0"
     slash "^3.0.0"
 
-jest-runner@^29.4.3:
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-29.4.3.tgz#68dc82c68645eda12bea42b5beece6527d7c1e5e"
-  integrity sha512-GWPTEiGmtHZv1KKeWlTX9SIFuK19uLXlRQU43ceOQ2hIfA5yPEJC7AMkvFKpdCHx6pNEdOD+2+8zbniEi3v3gA==
-  dependencies:
-    "@jest/console" "^29.4.3"
-    "@jest/environment" "^29.4.3"
-    "@jest/test-result" "^29.4.3"
-    "@jest/transform" "^29.4.3"
-    "@jest/types" "^29.4.3"
+jest-runner@^29.5.0:
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-29.5.0.tgz#6a57c282eb0ef749778d444c1d758c6a7693b6f8"
+  integrity sha512-m7b6ypERhFghJsslMLhydaXBiLf7+jXy8FwGRHO3BGV1mcQpPbwiqiKUR2zU2NJuNeMenJmlFZCsIqzJCTeGLQ==
+  dependencies:
+    "@jest/console" "^29.5.0"
+    "@jest/environment" "^29.5.0"
+    "@jest/test-result" "^29.5.0"
+    "@jest/transform" "^29.5.0"
+    "@jest/types" "^29.5.0"
     "@types/node" "*"
     chalk "^4.0.0"
     emittery "^0.13.1"
     graceful-fs "^4.2.9"
     jest-docblock "^29.4.3"
-    jest-environment-node "^29.4.3"
-    jest-haste-map "^29.4.3"
-    jest-leak-detector "^29.4.3"
-    jest-message-util "^29.4.3"
-    jest-resolve "^29.4.3"
-    jest-runtime "^29.4.3"
-    jest-util "^29.4.3"
-    jest-watcher "^29.4.3"
-    jest-worker "^29.4.3"
+    jest-environment-node "^29.5.0"
+    jest-haste-map "^29.5.0"
+    jest-leak-detector "^29.5.0"
+    jest-message-util "^29.5.0"
+    jest-resolve "^29.5.0"
+    jest-runtime "^29.5.0"
+    jest-util "^29.5.0"
+    jest-watcher "^29.5.0"
+    jest-worker "^29.5.0"
     p-limit "^3.1.0"
     source-map-support "0.5.13"
 
-jest-runtime@^29.4.3:
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-29.4.3.tgz#f25db9874dcf35a3ab27fdaabca426666cc745bf"
-  integrity sha512-F5bHvxSH+LvLV24vVB3L8K467dt3y3dio6V3W89dUz9nzvTpqd/HcT9zfYKL2aZPvD63vQFgLvaUX/UpUhrP6Q==
+jest-runtime@^29.5.0:
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-29.5.0.tgz#c83f943ee0c1da7eb91fa181b0811ebd59b03420"
+  integrity sha512-1Hr6Hh7bAgXQP+pln3homOiEZtCDZFqwmle7Ew2j8OlbkIu6uE3Y/etJQG8MLQs3Zy90xrp2C0BRrtPHG4zryw==
   dependencies:
-    "@jest/environment" "^29.4.3"
-    "@jest/fake-timers" "^29.4.3"
-    "@jest/globals" "^29.4.3"
+    "@jest/environment" "^29.5.0"
+    "@jest/fake-timers" "^29.5.0"
+    "@jest/globals" "^29.5.0"
     "@jest/source-map" "^29.4.3"
-    "@jest/test-result" "^29.4.3"
-    "@jest/transform" "^29.4.3"
-    "@jest/types" "^29.4.3"
+    "@jest/test-result" "^29.5.0"
+    "@jest/transform" "^29.5.0"
+    "@jest/types" "^29.5.0"
     "@types/node" "*"
     chalk "^4.0.0"
     cjs-module-lexer "^1.0.0"
     collect-v8-coverage "^1.0.0"
     glob "^7.1.3"
     graceful-fs "^4.2.9"
-    jest-haste-map "^29.4.3"
-    jest-message-util "^29.4.3"
-    jest-mock "^29.4.3"
+    jest-haste-map "^29.5.0"
+    jest-message-util "^29.5.0"
+    jest-mock "^29.5.0"
     jest-regex-util "^29.4.3"
-    jest-resolve "^29.4.3"
-    jest-snapshot "^29.4.3"
-    jest-util "^29.4.3"
+    jest-resolve "^29.5.0"
+    jest-snapshot "^29.5.0"
+    jest-util "^29.5.0"
     slash "^3.0.0"
     strip-bom "^4.0.0"
 
-jest-snapshot@^29.4.3:
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-29.4.3.tgz#183d309371450d9c4a3de7567ed2151eb0e91145"
-  integrity sha512-NGlsqL0jLPDW91dz304QTM/SNO99lpcSYYAjNiX0Ou+sSGgkanKBcSjCfp/pqmiiO1nQaOyLp6XQddAzRcx3Xw==
+jest-snapshot@^29.5.0:
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-29.5.0.tgz#c9c1ce0331e5b63cd444e2f95a55a73b84b1e8ce"
+  integrity sha512-x7Wolra5V0tt3wRs3/ts3S6ciSQVypgGQlJpz2rsdQYoUKxMxPNaoHMGJN6qAuPJqS+2iQ1ZUn5kl7HCyls84g==
   dependencies:
     "@babel/core" "^7.11.6"
     "@babel/generator" "^7.7.2"
@@ -5571,82 +5490,81 @@ jest-snapshot@^29.4.3:
     "@babel/plugin-syntax-typescript" "^7.7.2"
     "@babel/traverse" "^7.7.2"
     "@babel/types" "^7.3.3"
-    "@jest/expect-utils" "^29.4.3"
-    "@jest/transform" "^29.4.3"
-    "@jest/types" "^29.4.3"
+    "@jest/expect-utils" "^29.5.0"
+    "@jest/transform" "^29.5.0"
+    "@jest/types" "^29.5.0"
     "@types/babel__traverse" "^7.0.6"
     "@types/prettier" "^2.1.5"
     babel-preset-current-node-syntax "^1.0.0"
     chalk "^4.0.0"
-    expect "^29.4.3"
+    expect "^29.5.0"
     graceful-fs "^4.2.9"
-    jest-diff "^29.4.3"
+    jest-diff "^29.5.0"
     jest-get-type "^29.4.3"
-    jest-haste-map "^29.4.3"
-    jest-matcher-utils "^29.4.3"
-    jest-message-util "^29.4.3"
-    jest-util "^29.4.3"
+    jest-matcher-utils "^29.5.0"
+    jest-message-util "^29.5.0"
+    jest-util "^29.5.0"
     natural-compare "^1.4.0"
-    pretty-format "^29.4.3"
+    pretty-format "^29.5.0"
     semver "^7.3.5"
 
-jest-util@^29.0.0, jest-util@^29.4.3:
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-29.4.3.tgz#851a148e23fc2b633c55f6dad2e45d7f4579f496"
-  integrity sha512-ToSGORAz4SSSoqxDSylWX8JzkOQR7zoBtNRsA7e+1WUX5F8jrOwaNpuh1YfJHJKDHXLHmObv5eOjejUd+/Ws+Q==
+jest-util@^29.0.0, jest-util@^29.5.0:
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-29.5.0.tgz#24a4d3d92fc39ce90425311b23c27a6e0ef16b8f"
+  integrity sha512-RYMgG/MTadOr5t8KdhejfvUU82MxsCu5MF6KuDUHl+NuwzUt+Sm6jJWxTJVrDR1j5M/gJVCPKQEpWXY+yIQ6lQ==
   dependencies:
-    "@jest/types" "^29.4.3"
+    "@jest/types" "^29.5.0"
     "@types/node" "*"
     chalk "^4.0.0"
     ci-info "^3.2.0"
     graceful-fs "^4.2.9"
     picomatch "^2.2.3"
 
-jest-validate@^29.4.3:
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-29.4.3.tgz#a13849dec4f9e95446a7080ad5758f58fa88642f"
-  integrity sha512-J3u5v7aPQoXPzaar6GndAVhdQcZr/3osWSgTeKg5v574I9ybX/dTyH0AJFb5XgXIB7faVhf+rS7t4p3lL9qFaw==
+jest-validate@^29.5.0:
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-29.5.0.tgz#8e5a8f36178d40e47138dc00866a5f3bd9916ffc"
+  integrity sha512-pC26etNIi+y3HV8A+tUGr/lph9B18GnzSRAkPaaZJIE1eFdiYm6/CewuiJQ8/RlfHd1u/8Ioi8/sJ+CmbA+zAQ==
   dependencies:
-    "@jest/types" "^29.4.3"
+    "@jest/types" "^29.5.0"
     camelcase "^6.2.0"
     chalk "^4.0.0"
     jest-get-type "^29.4.3"
     leven "^3.1.0"
-    pretty-format "^29.4.3"
+    pretty-format "^29.5.0"
 
-jest-watcher@^29.4.3:
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-29.4.3.tgz#e503baa774f0c2f8f3c8db98a22ebf885f19c384"
-  integrity sha512-zwlXH3DN3iksoIZNk73etl1HzKyi5FuQdYLnkQKm5BW4n8HpoG59xSwpVdFrnh60iRRaRBGw0gcymIxjJENPcA==
+jest-watcher@^29.5.0:
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-29.5.0.tgz#cf7f0f949828ba65ddbbb45c743a382a4d911363"
+  integrity sha512-KmTojKcapuqYrKDpRwfqcQ3zjMlwu27SYext9pt4GlF5FUgB+7XE1mcCnSm6a4uUpFyQIkb6ZhzZvHl+jiBCiA==
   dependencies:
-    "@jest/test-result" "^29.4.3"
-    "@jest/types" "^29.4.3"
+    "@jest/test-result" "^29.5.0"
+    "@jest/types" "^29.5.0"
     "@types/node" "*"
     ansi-escapes "^4.2.1"
     chalk "^4.0.0"
     emittery "^0.13.1"
-    jest-util "^29.4.3"
+    jest-util "^29.5.0"
     string-length "^4.0.1"
 
-jest-worker@^29.4.3:
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-29.4.3.tgz#9a4023e1ea1d306034237c7133d7da4240e8934e"
-  integrity sha512-GLHN/GTAAMEy5BFdvpUfzr9Dr80zQqBrh0fz1mtRMe05hqP45+HfQltu7oTBfduD0UeZs09d+maFtFYAXFWvAA==
+jest-worker@^29.5.0:
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-29.5.0.tgz#bdaefb06811bd3384d93f009755014d8acb4615d"
+  integrity sha512-NcrQnevGoSp4b5kg+akIpthoAFHxPBcb5P6mYPY0fUNT+sSvmtu6jlkEle3anczUKIKEbMxFimk9oTP/tpIPgA==
   dependencies:
     "@types/node" "*"
-    jest-util "^29.4.3"
+    jest-util "^29.5.0"
     merge-stream "^2.0.0"
     supports-color "^8.0.0"
 
 jest@^29.4.3:
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/jest/-/jest-29.4.3.tgz#1b8be541666c6feb99990fd98adac4737e6e6386"
-  integrity sha512-XvK65feuEFGZT8OO0fB/QAQS+LGHvQpaadkH5p47/j3Ocqq3xf2pK9R+G0GzgfuhXVxEv76qCOOcMb5efLk6PA==
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/jest/-/jest-29.5.0.tgz#f75157622f5ce7ad53028f2f8888ab53e1f1f24e"
+  integrity sha512-juMg3he2uru1QoXX078zTa7pO85QyB9xajZc6bU+d9yEGwrKX6+vGmJQ3UdVZsvTEUARIdObzH68QItim6OSSQ==
   dependencies:
-    "@jest/core" "^29.4.3"
-    "@jest/types" "^29.4.3"
+    "@jest/core" "^29.5.0"
+    "@jest/types" "^29.5.0"
     import-local "^3.0.2"
-    jest-cli "^29.4.3"
+    jest-cli "^29.5.0"
 
 js-beautify@1.14.6:
   version "1.14.6"
@@ -5659,9 +5577,9 @@ js-beautify@1.14.6:
     nopt "^6.0.0"
 
 js-sdsl@^4.1.4:
-  version "4.1.4"
-  resolved "https://registry.yarnpkg.com/js-sdsl/-/js-sdsl-4.1.4.tgz#78793c90f80e8430b7d8dc94515b6c77d98a26a6"
-  integrity sha512-Y2/yD55y5jteOAmY50JbUZYwk3CP3wnLPEZnlR1w9oKhITrBEtAxwuWKebFf8hMrPMgbYwFoWK/lH2sBkErELw==
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/js-sdsl/-/js-sdsl-4.4.0.tgz#8b437dbe642daa95760400b602378ed8ffea8430"
+  integrity sha512-FfVSdx6pJ41Oa+CF7RDaFmTnCaFhua+SNYQX74riGOpl96x+2jQCqEfQ2bnXu/5DPCqlRuiqyvTJM0Qjz26IVg==
 
 js-stringify@^1.0.2:
   version "1.0.2"
@@ -5760,12 +5678,7 @@ json-stringify-safe@^5.0.1, json-stringify-safe@~5.0.1:
   resolved "https://registry.yarnpkg.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb"
   integrity sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==
 
-json5@^2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.1.tgz#655d50ed1e6f95ad1a3caababd2b0efda10b395c"
-  integrity sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==
-
-json5@^2.2.3:
+json5@^2.2.2, json5@^2.2.3:
   version "2.2.3"
   resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
   integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
@@ -5813,9 +5726,9 @@ kleur@^3.0.3:
   integrity sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==
 
 klona@^2.0.4:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/klona/-/klona-2.0.5.tgz#d166574d90076395d9963aa7a928fabb8d76afbc"
-  integrity sha512-pJiBpiXMbt7dkzXe8Ghj/u4FfXOOa98fPW+bihOJ4SjnoijweJrNThJfd3ifXpXhREjpoF2mZVH1GfS9LV3kHQ==
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/klona/-/klona-2.0.6.tgz#85bffbf819c03b2f53270412420a4555ef882e22"
+  integrity sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA==
 
 lerna@^4.0.0:
   version "4.0.0"
@@ -5985,6 +5898,11 @@ log-symbols@^4.1.0:
     chalk "^4.1.0"
     is-unicode-supported "^0.1.0"
 
+loglevel@^1.8.1:
+  version "1.8.1"
+  resolved "https://registry.yarnpkg.com/loglevel/-/loglevel-1.8.1.tgz#5c621f83d5b48c54ae93b6156353f555963377b4"
+  integrity sha512-tCRIJM51SHjAayKwC+QAg8hT8vg6z7GSgLJKGvzuPb1Wc+hLzqtuVLxp6/HzSPOozuK+8ErAhy7U/sVzw8Dgfg==
+
 lru-cache@^4.1.5:
   version "4.1.5"
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-4.1.5.tgz#8bbe50ea85bed59bc9e33dcab8235ee9bcf443cd"
@@ -5993,6 +5911,13 @@ lru-cache@^4.1.5:
     pseudomap "^1.0.2"
     yallist "^2.1.2"
 
+lru-cache@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-5.1.1.tgz#1da27e6710271947695daf6848e847f01d84b920"
+  integrity sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==
+  dependencies:
+    yallist "^3.0.2"
+
 lru-cache@^6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-6.0.0.tgz#6d6fe6570ebd96aaf90fcad1dafa3b2566db3a94"
@@ -6000,6 +5925,11 @@ lru-cache@^6.0.0:
   dependencies:
     yallist "^4.0.0"
 
+lru-cache@^8.0.3:
+  version "8.0.4"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-8.0.4.tgz#49fbbc46c0b4cedc36258885247f93dba341e7ec"
+  integrity sha512-E9FF6+Oc/uFLqZCuZwRKUzgFt5Raih6LfxknOSAVTjNkrCZkBf7DQCwJxZQgd9l4eHjIJDGR+E+1QKD1RhThPw==
+
 magic-string@^0.25.7:
   version "0.25.9"
   resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.25.9.tgz#de7f9faf91ef8a1c91d02c2e5314c8277dbcdd1c"
@@ -6095,9 +6025,9 @@ map-obj@^4.0.0:
   integrity sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==
 
 markdown-it-anchor@^8.4.1:
-  version "8.6.5"
-  resolved "https://registry.yarnpkg.com/markdown-it-anchor/-/markdown-it-anchor-8.6.5.tgz#30c4bc5bbff327f15ce3c429010ec7ba75e7b5f8"
-  integrity sha512-PI1qEHHkTNWT+X6Ip9w+paonfIQ+QZP9sCeMYi47oqhH+EsW8CrJ8J7CzV19QVOj6il8ATGbK2nTECj22ZHGvQ==
+  version "8.6.7"
+  resolved "https://registry.yarnpkg.com/markdown-it-anchor/-/markdown-it-anchor-8.6.7.tgz#ee6926daf3ad1ed5e4e3968b1740eef1c6399634"
+  integrity sha512-FlCHFwNnutLgVTflOYHPW2pPcl2AACqVzExlkGQNsi4CJgqOHN7YTgDd4LuhgN1BFO3TS0vLAruV1Td6dwWPJA==
 
 markdown-it-container@^3.0.0:
   version "3.0.0"
@@ -6130,15 +6060,20 @@ mdn-data@2.0.28:
   resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.28.tgz#5ec48e7bef120654539069e1ae4ddc81ca490eba"
   integrity sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==
 
+mdn-data@2.0.30:
+  version "2.0.30"
+  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.30.tgz#ce4df6f80af6cfbe218ecd5c552ba13c4dfa08cc"
+  integrity sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==
+
 mdurl@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/mdurl/-/mdurl-1.0.1.tgz#fe85b2ec75a59037f2adfec100fd6c601761152e"
   integrity sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g==
 
 medium-zoom@^1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/medium-zoom/-/medium-zoom-1.0.6.tgz#9247f21ca9313d8bbe9420aca153a410df08d027"
-  integrity sha512-UdiUWfvz9fZMg1pzf4dcuqA0W079o0mpqbTnOz5ip4VGYX96QjmbM+OgOU/0uOzAytxC0Ny4z+VcYQnhdifimg==
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/medium-zoom/-/medium-zoom-1.0.8.tgz#2bd1fbcf2961fa7b0e318fe284462aa9b8608ed2"
+  integrity sha512-CjFVuFq/IfrdqesAXfg+hzlDKu6A2n80ZIq0Kl9kWjoHh9j1N9Uvk5X0/MmN0hOfm5F9YBswlClhcwnmtwz7gA==
 
 meow@^8.0.0:
   version "8.1.2"
@@ -6162,7 +6097,7 @@ merge-stream@^2.0.0:
   resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
   integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
 
-merge2@^1.2.3, merge2@^1.3.0, merge2@^1.4.1:
+merge2@^1.3.0, merge2@^1.4.1:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
   integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
@@ -6205,9 +6140,9 @@ minimatch@^3.0.4, minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2:
     brace-expansion "^1.1.7"
 
 minimatch@^5.0.1:
-  version "5.1.4"
-  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-5.1.4.tgz#4e2d39d872684e97b309a9104251c3f1aa4e9d1c"
-  integrity sha512-U0iNYXt9wALljzfnGkhFSy5sAC6/SCR3JrHrlsdJz4kF8MvhTRQNiC59iUi1iqsitV7abrNAJWElVL9pdnoUgw==
+  version "5.1.6"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-5.1.6.tgz#1cfcb8cf5522ea69952cd2af95ae09477f122a96"
+  integrity sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==
   dependencies:
     brace-expansion "^2.0.1"
 
@@ -6221,9 +6156,9 @@ minimist-options@4.1.0:
     kind-of "^6.0.3"
 
 minimist@^1.2.0, minimist@^1.2.5, minimist@^1.2.6:
-  version "1.2.6"
-  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.6.tgz#8637a5b759ea0d6e98702cfb3a9283323c93af44"
-  integrity sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
+  integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
 
 minipass-collect@^1.0.2:
   version "1.0.2"
@@ -6281,12 +6216,17 @@ minipass@^2.6.0, minipass@^2.9.0:
     yallist "^3.0.0"
 
 minipass@^3.0.0, minipass@^3.1.0, minipass@^3.1.1, minipass@^3.1.3:
-  version "3.3.4"
-  resolved "https://registry.yarnpkg.com/minipass/-/minipass-3.3.4.tgz#ca99f95dd77c43c7a76bf51e6d200025eee0ffae"
-  integrity sha512-I9WPbWHCGu8W+6k1ZiGpPu0GkoKBeorkfKNuAFBNS1HNFJvke82sxvI5bzcCNpWPorkOO5QQ+zomzzwRxejXiw==
+  version "3.3.6"
+  resolved "https://registry.yarnpkg.com/minipass/-/minipass-3.3.6.tgz#7bba384db3a1520d18c9c0e5251c3444e95dd94a"
+  integrity sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==
   dependencies:
     yallist "^4.0.0"
 
+minipass@^4.0.0:
+  version "4.2.5"
+  resolved "https://registry.yarnpkg.com/minipass/-/minipass-4.2.5.tgz#9e0e5256f1e3513f8c34691dd68549e85b2c8ceb"
+  integrity sha512-+yQl7SX3bIT83Lhb4BVorMAHVuqsskxRdlmO9kTpyukp8vsm2Sn/fUOV9xlnG8/a5JsypJzap21lz/y3FBMJ8Q==
+
 minizlib@^1.3.3:
   version "1.3.3"
   resolved "https://registry.yarnpkg.com/minizlib/-/minizlib-1.3.3.tgz#2290de96818a34c29551c8a8d301216bd65a861d"
@@ -6387,9 +6327,9 @@ neo-async@^2.6.0, neo-async@^2.6.2:
   integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==
 
 node-fetch@^2.6.1, node-fetch@^2.6.7:
-  version "2.6.7"
-  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.7.tgz#24de9fba827e3b4ae44dc8b20256a379160052ad"
-  integrity sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==
+  version "2.6.9"
+  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.9.tgz#7c7f744b5cc6eb5fd404e0c7a9fec630a55657e6"
+  integrity sha512-DJm/CJkZkRjKKj4Zi4BsKVZh3ValV5IR5s7LVZnW+6YMh0W1BfNA8XSs6DLMGYlId5F3KnA70uu2qepcR08Qqg==
   dependencies:
     whatwg-url "^5.0.0"
 
@@ -6431,10 +6371,10 @@ node-int64@^0.4.0:
   resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
   integrity sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==
 
-node-releases@^2.0.6:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.6.tgz#8a7088c63a55e493845683ebf3c828d8c51c5503"
-  integrity sha512-PiVXnNuFm5+iYkLBNeq5211hvO38y63T0i2KKh2KnUs3RpzJ+JtODFjkD8yjLwnDkTYF1eKXheUwdssR+NRZdg==
+node-releases@^2.0.8:
+  version "2.0.10"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.10.tgz#c311ebae3b6a148c89b1813fd7c4d3c024ef537f"
+  integrity sha512-5GFldHPXVG/YZmFzJvKK2zDSzPKhEp0+ZR5SVaoSag9fsL5YgHbUHDfnG5494ISANDcK4KwPXAx2xqVEydmd7w==
 
 nopt@^4.0.1:
   version "4.0.3"
@@ -6630,17 +6570,25 @@ object-assign@^4.1.0, object-assign@^4.1.1:
   resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
   integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
 
-object-inspect@^1.12.2, object-inspect@^1.9.0:
-  version "1.12.2"
-  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.12.2.tgz#c0641f26394532f28ab8d796ab954e43c009a8ea"
-  integrity sha512-z+cPxW0QGUp0mcqcsgQyLVRDoXFQbXOwBaqyF7VIgI4TWNQsDHrBpUQslRmIfAoYWdYzs6UlKJtB2XJpTaNSpQ==
+object-inspect@^1.12.3, object-inspect@^1.9.0:
+  version "1.12.3"
+  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.12.3.tgz#ba62dffd67ee256c8c086dfae69e016cd1f198b9"
+  integrity sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==
+
+object-is@^1.0.1:
+  version "1.1.5"
+  resolved "https://registry.yarnpkg.com/object-is/-/object-is-1.1.5.tgz#b9deeaa5fc7f1846a0faecdceec138e5778f53ac"
+  integrity sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.3"
 
 object-keys@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e"
   integrity sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==
 
-object.assign@^4.1.0, object.assign@^4.1.4:
+object.assign@^4.1.4:
   version "4.1.4"
   resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.4.tgz#9673c7c7c351ab8c4d0b516f4343ebf4dfb7799f"
   integrity sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==
@@ -6651,14 +6599,14 @@ object.assign@^4.1.0, object.assign@^4.1.4:
     object-keys "^1.1.1"
 
 object.getownpropertydescriptors@^2.0.3:
-  version "2.1.4"
-  resolved "https://registry.yarnpkg.com/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.4.tgz#7965e6437a57278b587383831a9b829455a4bc37"
-  integrity sha512-sccv3L/pMModT6dJAYF3fzGMVcb38ysQ0tEE6ixv2yXJDtEIPph268OlAdJj5/qZMZDq2g/jqvwppt36uS/uQQ==
+  version "2.1.5"
+  resolved "https://registry.yarnpkg.com/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.5.tgz#db5a9002489b64eef903df81d6623c07e5b4b4d3"
+  integrity sha512-yDNzckpM6ntyQiGTik1fKV1DcVDRS+w8bvpWNCBanvH5LfRX9O8WTHqQzG4RZwRAM4I0oU7TV11Lj5v0g20ibw==
   dependencies:
-    array.prototype.reduce "^1.0.4"
+    array.prototype.reduce "^1.0.5"
     call-bind "^1.0.2"
     define-properties "^1.1.4"
-    es-abstract "^1.20.1"
+    es-abstract "^1.20.4"
 
 once@^1.3.0, once@^1.4.0:
   version "1.4.0"
@@ -7008,9 +6956,9 @@ postcss-csso@^6.0.0:
     csso "^5.0.5"
 
 postcss-selector-parser@^6.0.4, postcss-selector-parser@^6.0.9:
-  version "6.0.10"
-  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz#79b61e2c0d1bfc2602d549e11d0876256f8df88d"
-  integrity sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==
+  version "6.0.11"
+  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.11.tgz#2e41dc39b7ad74046e1615185185cd0b17d0c8dc"
+  integrity sha512-zbARubNdogI9j7WY4nQJBiNqQf3sLS3wCP4WfOidu+p28LofJqDH1tcXypGrcmMHhDk2t9wGhCsYe/+szLTy1g==
   dependencies:
     cssesc "^3.0.0"
     util-deprecate "^1.0.2"
@@ -7021,18 +6969,18 @@ postcss-value-parser@^4.2.0:
   integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
 
 postcss@^8.1.10, postcss@^8.4.12, postcss@^8.4.13:
-  version "8.4.16"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.16.tgz#33a1d675fac39941f5f445db0de4db2b6e01d43c"
-  integrity sha512-ipHE1XBvKzm5xI7hiHCZJCSugxvsdq2mPnsq5+UF+VHCjiBvtDrlxJfMBToWaP9D5XlgNmcFGqoHmUn0EYEaRQ==
+  version "8.4.21"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.21.tgz#c639b719a57efc3187b13a1d765675485f4134f4"
+  integrity sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==
   dependencies:
     nanoid "^3.3.4"
     picocolors "^1.0.0"
     source-map-js "^1.0.2"
 
 preact@^10.0.0:
-  version "10.12.1"
-  resolved "https://registry.yarnpkg.com/preact/-/preact-10.12.1.tgz#8f9cb5442f560e532729b7d23d42fd1161354a21"
-  integrity sha512-l8386ixSsBdbreOAkqtrwqHwdvR35ID8c3rKPa8lCWuO86dBi32QWHV4vfsZK1utLLFMvw+Z5Ad4XLkZzchscg==
+  version "10.13.1"
+  resolved "https://registry.yarnpkg.com/preact/-/preact-10.13.1.tgz#d220bd8771b8fa197680d4917f3cefc5eed88720"
+  integrity sha512-KyoXVDU5OqTpG9LXlB3+y639JAGzl8JSBXLn1J9HTSB3gbKcuInga7bZnXLlxmK94ntTs1EFeZp0lrja2AuBYQ==
 
 prelude-ls@^1.2.1:
   version "1.2.1"
@@ -7051,20 +6999,15 @@ prettier-linter-helpers@^1.0.0:
   dependencies:
     fast-diff "^1.1.2"
 
-prettier@^1.19.1:
-  version "1.19.1"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.19.1.tgz#f7d7f5ff8a9cd872a7be4ca142095956a60797cb"
-  integrity sha512-s7PoyDv/II1ObgQunCbB9PdLmUcBZcnWOcxDh7O0N/UwDEsHyqkW+Qh28jW+mVuCdx7gLB0BotYI1Y6uI9iyew==
-
 prettier@^2.8.4:
-  version "2.8.4"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.4.tgz#34dd2595629bfbb79d344ac4a91ff948694463c3"
-  integrity sha512-vIS4Rlc2FNh0BySk3Wkd6xmwxB0FpOndW5fisM5H8hsZSxU2VWVB5CWIkIjWvrHjIhxk2g3bfMKM87zNTrZddw==
+  version "2.8.7"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.7.tgz#bb79fc8729308549d28fe3a98fce73d2c0656450"
+  integrity sha512-yPngTo3aXUUmyuTjeTUT75txrf+aMh9FiD7q9ZE/i6r0bPb22g4FsE6Y338PQX1bmfy08i9QQCB7/rcUAVntfw==
 
-pretty-format@^29.0.0, pretty-format@^29.4.3:
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-29.4.3.tgz#25500ada21a53c9e8423205cf0337056b201244c"
-  integrity sha512-cvpcHTc42lcsvOOAzd3XuNWTcvk1Jmnzqeu+WsOuiPmxUJTnkbAcFNsRKvEpBEUFVUgy/GTZLulZDcDEi+CIlA==
+pretty-format@^29.0.0, pretty-format@^29.5.0:
+  version "29.5.0"
+  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-29.5.0.tgz#283134e74f70e2e3e7229336de0e4fce94ccde5a"
+  integrity sha512-V2mGkI31qdttvTFX7Mt4efOqHXqJWMu4/r66Xh3Z3BwZaPfPJgp6/gbwoujRpPUtfEF6AUUWx3Jim3GCw5g/Qw==
   dependencies:
     "@jest/schemas" "^29.4.3"
     ansi-styles "^5.0.0"
@@ -7244,9 +7187,14 @@ pug@^3.0.2:
     pug-strip-comments "^2.0.0"
 
 punycode@^2.1.0, punycode@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec"
-  integrity sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.0.tgz#f67fa67c94da8f4d0cfff981aee4118064199b8f"
+  integrity sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==
+
+pure-rand@^6.0.0:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/pure-rand/-/pure-rand-6.0.1.tgz#31207dddd15d43f299fdcdb2f572df65030c19af"
+  integrity sha512-t+x1zEHDjBwkDGY5v5ApnZ/utcd4XYDiJsaQQoptTXgUXX95sDg1elCdJghzicm7n2mbCBJ3uYWr6M22SO19rg==
 
 q@^1.5.1:
   version "1.5.1"
@@ -7254,9 +7202,9 @@ q@^1.5.1:
   integrity sha512-kV/CThkXo6xyFEZUugw/+pIOywXcDbFYgSct5cT3gqlbkBE1SJdwy6UQoZvodiWF/ckQLZyDE/Bu1M6gVu5lVw==
 
 qs@^6.9.4:
-  version "6.11.0"
-  resolved "https://registry.yarnpkg.com/qs/-/qs-6.11.0.tgz#fd0d963446f7a65e1367e01abd85429453f0c37a"
-  integrity sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==
+  version "6.11.1"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.11.1.tgz#6c29dff97f0c0060765911ba65cbc9764186109f"
+  integrity sha512-0wsrzgTz/kAVIeuxSjnpGC56rzYtr6JT/2BwEvMaPhFIoYa1aGO8LbzuU1R0uUYQkLpWBTOj0l/CLAJB64J6nQ==
   dependencies:
     side-channel "^1.0.4"
 
@@ -7391,18 +7339,18 @@ read@1, read@~1.0.1:
     mute-stream "~0.0.4"
 
 readable-stream@3, readable-stream@^3.0.0, readable-stream@^3.0.2, readable-stream@^3.4.0:
-  version "3.6.0"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.0.tgz#337bbda3adc0706bd3e024426a286d4b4b2c9198"
-  integrity sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==
+  version "3.6.2"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.2.tgz#56a9b36ea965c00c5a93ef31eb111a0f11056967"
+  integrity sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==
   dependencies:
     inherits "^2.0.3"
     string_decoder "^1.1.1"
     util-deprecate "^1.0.1"
 
 readable-stream@^2.0.6, readable-stream@~2.3.6:
-  version "2.3.7"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.7.tgz#1eca1cf711aef814c04f62252a36a62f6cb23b57"
-  integrity sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==
+  version "2.3.8"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.8.tgz#91125e8042bba1b9887f49345f6277027ce8be9b"
+  integrity sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==
   dependencies:
     core-util-is "~1.0.0"
     inherits "~2.0.3"
@@ -7429,11 +7377,12 @@ readdirp@~3.6.0:
   dependencies:
     picomatch "^2.2.1"
 
-recast@0.21.1:
-  version "0.21.1"
-  resolved "https://registry.yarnpkg.com/recast/-/recast-0.21.1.tgz#9b3f4f68c1fe9c1513a1c02ff572fdef02231de2"
-  integrity sha512-PF61BHLaOGF5oIKTpSrDM6Qfy2d7DIx5qblgqG+wjqHuFH97OgAqBYFIJwEuHTrM6pQGT17IJ8D0C/jVu/0tig==
+recast@0.22.0:
+  version "0.22.0"
+  resolved "https://registry.yarnpkg.com/recast/-/recast-0.22.0.tgz#1dd3bf1b86e5eb810b044221a1a734234ed3e9c0"
+  integrity sha512-5AAx+mujtXijsEavc5lWXBPQqrM4+Dl5qNH96N2aNeuJFUzpiiToKPsxQD/zAIJHspz7zz0maX0PCtCTFVlixQ==
   dependencies:
+    assert "^2.0.0"
     ast-types "0.15.2"
     esprima "~4.0.0"
     source-map "~0.6.1"
@@ -7515,9 +7464,9 @@ resolve-from@^5.0.0:
   integrity sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==
 
 resolve.exports@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/resolve.exports/-/resolve.exports-2.0.0.tgz#c1a0028c2d166ec2fbf7d0644584927e76e7400e"
-  integrity sha512-6K/gDlqgQscOlg9fSRpWstA8sYe8rbELsSTNpx+3kTrsVCzvSl0zIvRErM7fdl9ERWDsKnrLnwB+Ne89918XOg==
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/resolve.exports/-/resolve.exports-2.0.2.tgz#f8c934b8e6a13f539e38b7098e2e36134f01e800"
+  integrity sha512-X2UW6Nw3n/aMgDVy+0rSqgHlv39WZAlZrXCdnbyEiKm17DSqHX4MmQMaST3FbeWR5FTuRcUwYAziZajji0Y7mg==
 
 resolve@^1.10.0, resolve@^1.15.1, resolve@^1.20.0, resolve@^1.22.0, resolve@^1.22.1:
   version "1.22.1"
@@ -7589,16 +7538,16 @@ rollup-pluginutils@^2.8.2:
     fsevents "~2.3.2"
 
 rollup@^2.70.1:
-  version "2.79.0"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.79.0.tgz#9177992c9f09eb58c5e56cbfa641607a12b57ce2"
-  integrity sha512-x4KsrCgwQ7ZJPcFA/SUu6QVcYlO7uRLfLAy0DSA4NS2eG8japdbpM50ToH7z4iObodRYOJ0soneF0iaQRJ6zhA==
+  version "2.79.1"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.79.1.tgz#bedee8faef7c9f93a2647ac0108748f497f081c7"
+  integrity sha512-uKxbd0IhMZOhjAiD5oAFp7BqvkA4Dv47qpOCtaNvng4HBwdbWtdOh8f5nZNuk2rp51PMGk3bzfWu5oayNEuYnw==
   optionalDependencies:
     fsevents "~2.3.2"
 
 rollup@^3.15.0:
-  version "3.15.0"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.15.0.tgz#6f4105e8c4b8145229657b74ad660b02fbfacc05"
-  integrity sha512-F9hrCAhnp5/zx/7HYmftvsNBkMfLfk/dXUh73hPSM2E3CRgap65orDNJbLetoiUFwSAk6iHPLvBrZ5iHYvzqsg==
+  version "3.20.2"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.20.2.tgz#f798c600317f216de2e4ad9f4d9ab30a89b690ff"
+  integrity sha512-3zwkBQl7Ai7MFYQE0y1MeQ15+9jsi7XxfrqwTb/9EK8D9C9+//EBR4M+CuA1KODRaNbFez/lWxA5vhEGZp4MUg==
   optionalDependencies:
     fsevents "~2.3.2"
 
@@ -7631,6 +7580,15 @@ safe-buffer@~5.1.0, safe-buffer@~5.1.1:
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
   integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
 
+safe-regex-test@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/safe-regex-test/-/safe-regex-test-1.0.0.tgz#793b874d524eb3640d1873aad03596db2d4f2295"
+  integrity sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==
+  dependencies:
+    call-bind "^1.0.2"
+    get-intrinsic "^1.1.3"
+    is-regex "^1.1.4"
+
 "safer-buffer@>= 2.1.2 < 3", "safer-buffer@>= 2.1.2 < 3.0.0", safer-buffer@^2.0.2, safer-buffer@^2.1.0, safer-buffer@~2.1.0:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
@@ -7645,9 +7603,9 @@ sass-loader@^12.6.0:
     neo-async "^2.6.2"
 
 sass@^1.49.10:
-  version "1.54.9"
-  resolved "https://registry.yarnpkg.com/sass/-/sass-1.54.9.tgz#b05f14ed572869218d1a76961de60cd647221762"
-  integrity sha512-xb1hjASzEH+0L0WI9oFjqhRi51t/gagWnxLiwUNMltA0Ab6jIDkAacgKiGYKM9Jhy109osM7woEEai6SXeJo5Q==
+  version "1.60.0"
+  resolved "https://registry.yarnpkg.com/sass/-/sass-1.60.0.tgz#657f0c23a302ac494b09a5ba8497b739fb5b5a81"
+  integrity sha512-updbwW6fNb5gGm8qMXzVO7V4sWf7LMXnMly/JEyfbfERbVH46Fn6q02BX7/eHTdKpE7d+oTkMMQpFWNUMfFbgQ==
   dependencies:
     chokidar ">=3.0.0 <4.0.0"
     immutable "^4.0.0"
@@ -7674,9 +7632,9 @@ section-matter@^1.0.0:
   integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==
 
 semver@7.x, semver@^7.1.1, semver@^7.1.3, semver@^7.3.2, semver@^7.3.4, semver@^7.3.5, semver@^7.3.6, semver@^7.3.7:
-  version "7.3.7"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.7.tgz#12c5b649afdbf9049707796e22a4028814ce523f"
-  integrity sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==
+  version "7.3.8"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.8.tgz#07a78feafb3f7b32347d725e33de7e2a2df67798"
+  integrity sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==
   dependencies:
     lru-cache "^6.0.0"
 
@@ -7767,9 +7725,9 @@ socks-proxy-agent@^6.0.0:
     socks "^2.6.2"
 
 socks@^2.3.3, socks@^2.6.2:
-  version "2.7.0"
-  resolved "https://registry.yarnpkg.com/socks/-/socks-2.7.0.tgz#f9225acdb841e874dca25f870e9130990f3913d0"
-  integrity sha512-scnOe9y4VuiNUULJN72GrM26BNOjVsfPXI+j+98PkyEfsIXroa5ofyjT+FzGvn/xHs73U2JtoBYAVx9Hl4quSA==
+  version "2.7.1"
+  resolved "https://registry.yarnpkg.com/socks/-/socks-2.7.1.tgz#d8e651247178fde79c0663043e07240196857d55"
+  integrity sha512-7maUZy1N7uo6+WVEX6psASxtNlKaNVMlGQKkG/63nEDdLOWNbiUMoLK7X4uYoLhQstau72mLgfEWcXcwsaHbYQ==
   dependencies:
     ip "^2.0.0"
     smart-buffer "^4.2.0"
@@ -7817,9 +7775,9 @@ sourcemap-codec@^1.4.8:
   integrity sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==
 
 spdx-correct@^3.0.0:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/spdx-correct/-/spdx-correct-3.1.1.tgz#dece81ac9c1e6713e5f7d1b6f17d468fa53d89a9"
-  integrity sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/spdx-correct/-/spdx-correct-3.2.0.tgz#4f5ab0668f0059e34f9c00dce331784a12de4e9c"
+  integrity sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==
   dependencies:
     spdx-expression-parse "^3.0.0"
     spdx-license-ids "^3.0.0"
@@ -7838,9 +7796,9 @@ spdx-expression-parse@^3.0.0:
     spdx-license-ids "^3.0.0"
 
 spdx-license-ids@^3.0.0:
-  version "3.0.12"
-  resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.12.tgz#69077835abe2710b65f03969898b6637b505a779"
-  integrity sha512-rr+VVSXtRhO4OHbXUiAF7xW3Bo9DuuF6C5jH+q/x15j2jniycgKbxU09Hr0WqlSLUs4i4ltHGXqTe7VHclYWyA==
+  version "3.0.13"
+  resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.13.tgz#7189a474c46f8d47c7b0da4b987bb45e908bd2d5"
+  integrity sha512-XkD+zwiqXHikFZm4AX/7JSCXA98U5Db4AFd5XUg/+9UNtnH75+Z9KxtpYiJZx36mUDVOwH83pl7yvCer6ewM3w==
 
 split-on-first@^1.0.0:
   version "1.1.0"
@@ -7889,9 +7847,9 @@ ssri@^8.0.0, ssri@^8.0.1:
     minipass "^3.1.1"
 
 stack-utils@^2.0.3:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-2.0.5.tgz#d25265fca995154659dbbfba3b49254778d2fdd5"
-  integrity sha512-xrQcmYhOsn/1kX+Vraq+7j4oE2j/6BFscZ0etmYg81xuM8Gq0022Pxb8+IqgOFUIaxHs0KaSb7T1+OegiNrNFA==
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-2.0.6.tgz#aaf0748169c02fc33c8232abccf933f54a1cc34f"
+  integrity sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==
   dependencies:
     escape-string-regexp "^2.0.0"
 
@@ -7926,23 +7884,32 @@ string-width@^1.0.1:
     is-fullwidth-code-point "^3.0.0"
     strip-ansi "^6.0.1"
 
-string.prototype.trimend@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.5.tgz#914a65baaab25fbdd4ee291ca7dde57e869cb8d0"
-  integrity sha512-I7RGvmjV4pJ7O3kdf+LXFpVfdNOxtCW/2C8f6jNiW4+PQchwxkCDzlk1/7p+Wl4bqFIZeF47qAHXLuHHWKAxog==
+string.prototype.trim@^1.2.7:
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.2.7.tgz#a68352740859f6893f14ce3ef1bb3037f7a90533"
+  integrity sha512-p6TmeT1T3411M8Cgg9wBTMRtY2q9+PNy9EV1i2lIXUN/btt763oIfxwN3RR8VU6wHX8j/1CFy0L+YuThm6bgOg==
   dependencies:
     call-bind "^1.0.2"
     define-properties "^1.1.4"
-    es-abstract "^1.19.5"
+    es-abstract "^1.20.4"
 
-string.prototype.trimstart@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.5.tgz#5466d93ba58cfa2134839f81d7f42437e8c01fef"
-  integrity sha512-THx16TJCGlsN0o6dl2o6ncWUsdgnLRSA23rRE5pyGBw/mLr3Ej/R2LaqCtgP8VNMGZsvMWnf9ooZPyY2bHvUFg==
+string.prototype.trimend@^1.0.6:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.6.tgz#c4a27fa026d979d79c04f17397f250a462944533"
+  integrity sha512-JySq+4mrPf9EsDBEDYMOb/lM7XQLulwg5R/m1r0PXEFqrV0qHvl58sdTilSXtKOflCsK2E8jxf+GKC0T07RWwQ==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.4"
+    es-abstract "^1.20.4"
+
+string.prototype.trimstart@^1.0.6:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.6.tgz#e90ab66aa8e4007d92ef591bbf3cd422c56bdcf4"
+  integrity sha512-omqjMDaY92pbn5HOX7f9IccLA+U1tA9GvtU4JrodiXFfYB7jPzzHpRzpglLAjtUV6bB557zwClJezTqnAiYnQA==
   dependencies:
     call-bind "^1.0.2"
     define-properties "^1.1.4"
-    es-abstract "^1.19.5"
+    es-abstract "^1.20.4"
 
 string_decoder@^1.1.1:
   version "1.3.0"
@@ -8063,13 +8030,13 @@ tar@^4.4.12:
     yallist "^3.1.1"
 
 tar@^6.0.2, tar@^6.1.0:
-  version "6.1.11"
-  resolved "https://registry.yarnpkg.com/tar/-/tar-6.1.11.tgz#6760a38f003afa1b2ffd0ffe9e9abbd0eab3d621"
-  integrity sha512-an/KZQzQUkZCkuoAA64hM92X0Urb6VpRhAFllDzz44U2mcD5scmT3zBc4VgVpkugF580+DQn8eAFSyoQt0tznA==
+  version "6.1.13"
+  resolved "https://registry.yarnpkg.com/tar/-/tar-6.1.13.tgz#46e22529000f612180601a6fe0680e7da508847b"
+  integrity sha512-jdIBIN6LTIe2jqzay/2vtYLlBHa3JF42ot3h1dW8Q0PaAG4v8rm0cvpVePtau5C6OKXGGcgO9q2AMNSWxiLqKw==
   dependencies:
     chownr "^2.0.0"
     fs-minipass "^2.0.0"
-    minipass "^3.0.0"
+    minipass "^4.0.0"
     minizlib "^2.1.1"
     mkdirp "^1.0.3"
     yallist "^4.0.0"
@@ -8245,9 +8212,9 @@ tslib@^1.8.1, tslib@^1.9.0:
   integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
 
 tslib@^2.0.1:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.4.0.tgz#7cecaa7f073ce680a05847aa77be941098f36dc3"
-  integrity sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.5.0.tgz#42bfed86f5787aeb41d031866c8f402429e0fddf"
+  integrity sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==
 
 tsutils@^3.21.0:
   version "3.21.0"
@@ -8317,6 +8284,15 @@ type-fest@^0.8.1:
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.8.1.tgz#09e249ebde851d3b1e48d27c105444667f17b83d"
   integrity sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==
 
+typed-array-length@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/typed-array-length/-/typed-array-length-1.0.4.tgz#89d83785e5c4098bec72e08b319651f0eac9c1bb"
+  integrity sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==
+  dependencies:
+    call-bind "^1.0.2"
+    for-each "^0.3.3"
+    is-typed-array "^1.1.9"
+
 typedarray-to-buffer@^3.1.5:
   version "3.1.5"
   resolved "https://registry.yarnpkg.com/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz#a97ee7a9ff42691b9f783ff1bc5112fe3fca9080"
@@ -8340,9 +8316,9 @@ uc.micro@^1.0.1, uc.micro@^1.0.5:
   integrity sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA==
 
 uglify-js@^3.1.4:
-  version "3.17.0"
-  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.17.0.tgz#55bd6e9d19ce5eef0d5ad17cd1f587d85b180a85"
-  integrity sha512-aTeNPVmgIMPpm1cxXr2Q/nEbvkmV8yq66F3om7X3P/cvOXQ0TMQ64Wk63iyT1gPlmdmGzjGpyLh1f3y8MZWXGg==
+  version "3.17.4"
+  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.17.4.tgz#61678cf5fa3f5b7eb789bb345df29afb8257c22c"
+  integrity sha512-T9q82TJI9e/C1TAxYvfb16xO120tMVFZrGA3f9/P4424DNu6ypK103y0GPFVa17yotwSyZW5iYXgjYHkGrJW/g==
 
 uid-number@0.0.6:
   version "0.0.6"
@@ -8398,10 +8374,10 @@ upath@^2.0.1:
   resolved "https://registry.yarnpkg.com/upath/-/upath-2.0.1.tgz#50c73dea68d6f6b990f51d279ce6081665d61a8b"
   integrity sha512-1uEe95xksV1O0CYKXo8vQvN1JEbtJp7lb7C5U9HMsIp6IVwntkH/oNUzyVNQSd4S1sYk2FpSSW44FqMc8qee5w==
 
-update-browserslist-db@^1.0.9:
-  version "1.0.9"
-  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.9.tgz#2924d3927367a38d5c555413a7ce138fc95fcb18"
-  integrity sha512-/xsqn21EGVdXI3EXSum1Yckj3ZVZugqyOZQ/CxYPBD/R+ko9NSUScf8tFF4dOKY+2pvSSJA/S+5B8s4Zr4kyvg==
+update-browserslist-db@^1.0.10:
+  version "1.0.10"
+  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.10.tgz#0f54b876545726f17d00cd9a2561e6dade943ff3"
+  integrity sha512-OztqDenkfFkbSG+tRxBeAnCVPckDBcvibKd35yDONx6OU8N7sqgwc7rCbkJ/WcYtVRZ4ba68d6byhC21GFh7sQ==
   dependencies:
     escalade "^3.1.1"
     picocolors "^1.0.0"
@@ -8433,15 +8409,26 @@ util-promisify@^2.1.0:
   dependencies:
     object.getownpropertydescriptors "^2.0.3"
 
+util@^0.12.0:
+  version "0.12.5"
+  resolved "https://registry.yarnpkg.com/util/-/util-0.12.5.tgz#5f17a6059b73db61a875668781a1c2b136bd6fbc"
+  integrity sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==
+  dependencies:
+    inherits "^2.0.3"
+    is-arguments "^1.0.4"
+    is-generator-function "^1.0.7"
+    is-typed-array "^1.1.3"
+    which-typed-array "^1.1.2"
+
 uuid@^3.3.2:
   version "3.4.0"
   resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.4.0.tgz#b23e4358afa8a202fe7a100af1f5f883f02007ee"
   integrity sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==
 
 v8-to-istanbul@^9.0.1:
-  version "9.0.1"
-  resolved "https://registry.yarnpkg.com/v8-to-istanbul/-/v8-to-istanbul-9.0.1.tgz#b6f994b0b5d4ef255e17a0d17dc444a9f5132fa4"
-  integrity sha512-74Y4LqY74kLE6IFyIjPtkSTWzUZmj8tdHT9Ii/26dvQ6K9Dl2NbEfj0XgU2sHCtKgt5VupqhlO/5aWuqS+IY1w==
+  version "9.1.0"
+  resolved "https://registry.yarnpkg.com/v8-to-istanbul/-/v8-to-istanbul-9.1.0.tgz#1b83ed4e397f58c85c266a570fc2558b5feb9265"
+  integrity sha512-6z3GW9x8G1gd+JIIgQQQxXuiJtCXeAjp6RaPEPLv62mH3iPHPxV6W3robxtCzNErRo6ZwTmzWhsbNvjyEBKzKA==
   dependencies:
     "@jridgewell/trace-mapping" "^0.3.12"
     "@types/istanbul-lib-coverage" "^2.0.1"
@@ -8493,35 +8480,35 @@ vue-demi@*:
   resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.13.11.tgz#7d90369bdae8974d87b1973564ad390182410d99"
   integrity sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==
 
-vue-docgen-api@^4.45.0:
-  version "4.52.0"
-  resolved "https://registry.yarnpkg.com/vue-docgen-api/-/vue-docgen-api-4.52.0.tgz#83d38e23f640913ec4fd2107c2a9dff1b5af5d0f"
-  integrity sha512-2HSt9KLQ/ehJiwV4+6LgOjRqzh37vtUv6sKhSIp3CAPlwSd4/Bq2uvbs0+GJxdfrMnVquwY5DOavgNSEHsPA2w==
+vue-docgen-api@^4.64.1:
+  version "4.64.1"
+  resolved "https://registry.yarnpkg.com/vue-docgen-api/-/vue-docgen-api-4.64.1.tgz#d337dfa3ddea2ab8e980f88cc7612f1b1a943105"
+  integrity sha512-jbOf7ByE3Zvtuk+429Jorl+eIeh2aB2Fx1GUo3xJd1aByJWE8KDlSEa6b11PB1ze8f0sRUBraRDinICCk0KY7g==
   dependencies:
     "@babel/parser" "^7.13.12"
     "@babel/types" "^7.18.8"
     "@vue/compiler-dom" "^3.2.0"
     "@vue/compiler-sfc" "^3.2.0"
     ast-types "0.14.2"
-    hash-sum "^1.0.2"
-    lru-cache "^4.1.5"
+    hash-sum "^2.0.0"
+    lru-cache "^8.0.3"
     pug "^3.0.2"
-    recast "0.21.1"
+    recast "0.22.0"
     ts-map "^1.0.3"
-    vue-inbrowser-compiler-independent-utils "^4.52.0"
+    vue-inbrowser-compiler-independent-utils "^4.64.1"
 
 vue-docgen-cli@^4.57.1:
-  version "4.57.1"
-  resolved "https://registry.yarnpkg.com/vue-docgen-cli/-/vue-docgen-cli-4.57.1.tgz#d503ee699f34c418e850511b8e790a66b59b8c04"
-  integrity sha512-40RRLdEMG9YLIYlGVQmJQm14iOrt4Ju9438GqdObHmxMBeFL4IgsDHqWkcdqMR9bfsprymIhukphoFxUERbUJg==
+  version "4.65.0"
+  resolved "https://registry.yarnpkg.com/vue-docgen-cli/-/vue-docgen-cli-4.65.0.tgz#ce68e7240a6c15a1c9dd7f105cb9a614b0681668"
+  integrity sha512-uu3+80j6RvY6q7xaCRLe3gnnds/79Go0wUub9kskxAujhaoZDsPuvBLQSwp1O0EBQkzFGMjACjwgRO8pF66xzg==
   dependencies:
     chokidar "^3.5.1"
-    globby "^10.0.2"
+    globby "^11.1.0"
     lodash.memoize "4.1.2"
+    loglevel "^1.8.1"
     minimist "^1.2.5"
-    mkdirp "^0.5.5"
-    prettier "^1.19.1"
-    vue-docgen-api "^4.45.0"
+    prettier "^2.8.4"
+    vue-docgen-api "^4.64.1"
 
 vue-eslint-parser@^9.0.0, vue-eslint-parser@^9.0.1:
   version "9.1.0"
@@ -8536,17 +8523,17 @@ vue-eslint-parser@^9.0.0, vue-eslint-parser@^9.0.1:
     lodash "^4.17.21"
     semver "^7.3.6"
 
-vue-inbrowser-compiler-independent-utils@^4.52.0:
-  version "4.54.1"
-  resolved "https://registry.yarnpkg.com/vue-inbrowser-compiler-independent-utils/-/vue-inbrowser-compiler-independent-utils-4.54.1.tgz#2628fe92c99a06672d1b91b0f838e0272551ed02"
-  integrity sha512-hQN3mzLmWM33Ua2Oua5OgF8/BJjP6+T1Wzea5xHDRYCwVvJo2pxSJLhVqluaeBe3PB5vquMddceaKC4mhLe25A==
+vue-inbrowser-compiler-independent-utils@^4.64.1:
+  version "4.64.1"
+  resolved "https://registry.yarnpkg.com/vue-inbrowser-compiler-independent-utils/-/vue-inbrowser-compiler-independent-utils-4.64.1.tgz#4dd4d9b7f138c45eae2d2d2e5b0da3f73285c30e"
+  integrity sha512-Hn32n07XZ8j9W8+fmOXPQL+i+W2e/8i6mkH4Ju3H6nR0+cfvmWM95GhczYi5B27+Y8JlCKgAo04IUiYce4mKAw==
 
 vue-router@^4.0.14:
-  version "4.1.5"
-  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.1.5.tgz#256f597e3f5a281a23352a6193aa6e342c8d9f9a"
-  integrity sha512-IsvoF5D2GQ/EGTs/Th4NQms9gd2NSqV+yylxIyp/OYp8xOwxmU8Kj/74E9DTSYAyH5LX7idVUngN3JSj1X4xcQ==
+  version "4.1.6"
+  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.1.6.tgz#b70303737e12b4814578d21d68d21618469375a1"
+  integrity sha512-DYWYwsG6xNPmLq/FmZn8Ip+qrhFEzA14EI12MsMgVxvHFDYvlr4NXpVF5hrRH1wVcDP8fGi5F4rxuJSl8/r+EQ==
   dependencies:
-    "@vue/devtools-api" "^6.1.4"
+    "@vue/devtools-api" "^6.4.5"
 
 vue-types@^5.0.2:
   version "5.0.2"
@@ -8555,18 +8542,7 @@ vue-types@^5.0.2:
   dependencies:
     is-plain-object "5.0.0"
 
-vue@^3.2.31:
-  version "3.2.39"
-  resolved "https://registry.yarnpkg.com/vue/-/vue-3.2.39.tgz#de071c56c4c32c41cbd54e55f11404295c0dd62d"
-  integrity sha512-tRkguhRTw9NmIPXhzk21YFBqXHT2t+6C6wPOgQ50fcFVWnPdetmRqbmySRHznrYjX2E47u0cGlKGcxKZJ38R/g==
-  dependencies:
-    "@vue/compiler-dom" "3.2.39"
-    "@vue/compiler-sfc" "3.2.39"
-    "@vue/runtime-dom" "3.2.39"
-    "@vue/server-renderer" "3.2.39"
-    "@vue/shared" "3.2.39"
-
-vue@^3.2.47:
+vue@^3.2.31, vue@^3.2.47:
   version "3.2.47"
   resolved "https://registry.yarnpkg.com/vue/-/vue-3.2.47.tgz#3eb736cbc606fc87038dbba6a154707c8a34cff0"
   integrity sha512-60188y/9Dc9WVrAZeUVSDxRQOZ+z+y5nO2ts9jWXSTkMvayiWxCWOWtBQoYjLeccfXkiiPZWAHcV+WTPhkqJHQ==
@@ -8678,6 +8654,18 @@ which-boxed-primitive@^1.0.2:
     is-string "^1.0.5"
     is-symbol "^1.0.3"
 
+which-typed-array@^1.1.2, which-typed-array@^1.1.9:
+  version "1.1.9"
+  resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.9.tgz#307cf898025848cf995e795e8423c7f337efbde6"
+  integrity sha512-w9c4xkx6mPidwp7180ckYWfMmvxpjlZuIudNtDf4N/tTAUB8VJbX25qZoAsrtGuYNnGw3pa0AXgbGKRB8/EceA==
+  dependencies:
+    available-typed-arrays "^1.0.5"
+    call-bind "^1.0.2"
+    for-each "^0.3.3"
+    gopd "^1.0.1"
+    has-tostringtag "^1.0.0"
+    is-typed-array "^1.1.10"
+
 which@^1.3.1:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a"
@@ -8794,9 +8782,9 @@ write-pkg@^4.0.0:
     write-json-file "^3.2.0"
 
 ws@^8.11.0:
-  version "8.12.1"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-8.12.1.tgz#c51e583d79140b5e42e39be48c934131942d4a8f"
-  integrity sha512-1qo+M9Ba+xNhPB+YTWUlK6M17brTut5EXbcBaMRN5pH5dFrXz7lzz1ChFSUq3bOUl8yEvSenhHmYUNJxFzdJew==
+  version "8.13.0"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-8.13.0.tgz#9a9fb92f93cf41512a0735c8f4dd09b8a1211cd0"
+  integrity sha512-x9vcZYTrFPC7aSIbj7sRCYo7L/Xb8Iy+pW0ng0wt2vCJv7M9HOMy0UoN3rr+IFC7hb7vXoqS+P9ktyLLLhO+LA==
 
 xml-name-validator@^4.0.0:
   version "4.0.0"
@@ -8823,7 +8811,7 @@ yallist@^2.1.2:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-2.1.2.tgz#1c11f9218f076089a47dd512f93c6699a6a81d52"
   integrity sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==
 
-yallist@^3.0.0, yallist@^3.1.1:
+yallist@^3.0.0, yallist@^3.0.2, yallist@^3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
   integrity sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==
@@ -8848,7 +8836,7 @@ yargs-parser@^20.2.2, yargs-parser@^20.2.3:
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.9.tgz#2eb7dc3b0289718fc295f362753845c41a0c94ee"
   integrity sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==
 
-yargs-parser@^21.0.0, yargs-parser@^21.0.1:
+yargs-parser@^21.0.1, yargs-parser@^21.1.1:
   version "21.1.1"
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-21.1.1.tgz#9096bceebf990d21bb31fa9516e0ede294a77d35"
   integrity sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==
@@ -8867,17 +8855,17 @@ yargs@^16.2.0:
     yargs-parser "^20.2.2"
 
 yargs@^17.3.1:
-  version "17.5.1"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.5.1.tgz#e109900cab6fcb7fd44b1d8249166feb0b36e58e"
-  integrity sha512-t6YAJcxDkNX7NFYiVtKvWUz8l+PaKTLiL63mJYWR2GnHq2gjEWISzsLp9wg3aY36dY1j+gfIEL3pIF+XlJJfbA==
+  version "17.7.1"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.7.1.tgz#34a77645201d1a8fc5213ace787c220eabbd0967"
+  integrity sha512-cwiTb08Xuv5fqF4AovYacTFNxk62th7LKJ6BL9IGUpTJrWoU7/7WdQGTP2SjKf1dUNBGzDd28p/Yfs/GI6JrLw==
   dependencies:
-    cliui "^7.0.2"
+    cliui "^8.0.1"
     escalade "^3.1.1"
     get-caller-file "^2.0.5"
     require-directory "^2.1.1"
     string-width "^4.2.3"
     y18n "^5.0.5"
-    yargs-parser "^21.0.0"
+    yargs-parser "^21.1.1"
 
 yocto-queue@^0.1.0:
   version "0.1.0"

From 3d43e8eecb5468ee3ea4864627b387c404da43f0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@coreui.io>
Date: Sat, 25 Mar 2023 11:57:51 +0100
Subject: [PATCH 070/346] docs(CToast): update stacking example

---
 packages/docs/components/toast.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/docs/components/toast.md b/packages/docs/components/toast.md
index 0564b0d8..cb47f456 100644
--- a/packages/docs/components/toast.md
+++ b/packages/docs/components/toast.md
@@ -182,7 +182,7 @@ Toasts are slightly translucent to blend in with what's below them.
 You can stack toasts by wrapping them in a toast container, which will vertically add some spacing.
 
 ::: demo
-<CToaster>
+<CToaster class="position-relative">
 <CToast :autohide="false">
 <CToastHeader closeButton>
 <svg

From 862378ccfffbe3742b03a918c9c79f875c7e62ed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@coreui.io>
Date: Sat, 25 Mar 2023 14:53:49 +0100
Subject: [PATCH 071/346] tests: update snapshots

---
 .../__snapshots__/CAccordion.spec.ts.snap     |  2 +-
 .../CAccordionButton.spec.ts.snap             |  2 +-
 .../CAccordionHeader.spec.ts.snap             |  2 +-
 .../__snapshots__/CAccordionItem.spec.ts.snap |  2 +-
 .../__snapshots__/CAlertHeading.spec.ts.snap  |  4 ++--
 .../__snapshots__/CAlertLink.spec.ts.snap     |  2 +-
 .../__snapshots__/CAvatar.spec.ts.snap        |  4 ++--
 .../__snapshots__/CBreadcrumb.spec.ts.snap    |  4 ++--
 .../CBreadcrumbItem.spec.ts.snap              |  4 ++--
 .../__snapshots__/CButtonGroup.spec.ts.snap   |  4 ++--
 .../__snapshots__/CButtonToolbar.spec.ts.snap |  2 +-
 .../__snapshots__/CButton.spec.ts.snap        |  6 +++---
 .../__snapshots__/CCallout.spec.ts.snap       |  4 ++--
 .../__snapshots__/CCard.spec.ts.snap          |  4 ++--
 .../__snapshots__/CCardBody.spec.ts.snap      |  2 +-
 .../__snapshots__/CCardFooter.spec.ts.snap    |  2 +-
 .../__snapshots__/CCardGroup.spec.ts.snap     |  2 +-
 .../__snapshots__/CCardHeader.spec.ts.snap    |  4 ++--
 .../__snapshots__/CCardImage.spec.ts.snap     |  4 ++--
 .../CCardImageOverlay.spec.ts.snap            |  2 +-
 .../__snapshots__/CCardLink.spec.ts.snap      |  2 +-
 .../__snapshots__/CCardSubtitle.spec.ts.snap  |  4 ++--
 .../__snapshots__/CCardText.spec.ts.snap      |  4 ++--
 .../__snapshots__/CCardTitle.spec.ts.snap     |  4 ++--
 .../__snapshots__/CCarousel.spec.ts.snap      | 10 +++++-----
 .../CCarouselCaption.spec.ts.snap             |  2 +-
 .../__snapshots__/CCarouselItem.spec.ts.snap  |  4 ++--
 .../__snapshots__/CCloseButton.spec.ts.snap   |  4 ++--
 .../__snapshots__/CDropdown.spec.ts.snap      |  4 ++--
 .../CDropdownDivider.spec.ts.snap             |  2 +-
 .../CDropdownHeader.spec.ts.snap              |  4 ++--
 .../__snapshots__/CDropdownItem.spec.ts.snap  |  4 ++--
 .../__snapshots__/CDropdownMenu.spec.ts.snap  |  4 ++--
 .../CDropdownToggle.spec.ts.snap              |  4 ++--
 .../__snapshots__/CFooter.spec.ts.snap        |  4 ++--
 .../__snapshots__/CForm.spec.ts.snap          |  4 ++--
 .../__snapshots__/CFormCheck.spec.ts.snap     | 10 +++++-----
 .../__snapshots__/CFormFeedback.spec.ts.snap  |  6 +++---
 .../__snapshots__/CFormFloating.spec.ts.snap  |  2 +-
 .../__snapshots__/CFormInput.spec.ts.snap     |  6 +++---
 .../__snapshots__/CFormLabel.spec.ts.snap     |  4 ++--
 .../__snapshots__/CFormRange.spec.ts.snap     |  4 ++--
 .../__snapshots__/CFormSelect.spec.ts.snap    |  4 ++--
 .../__snapshots__/CFormSwitch.spec.ts.snap    |  4 ++--
 .../__snapshots__/CFormText.spec.ts.snap      |  4 ++--
 .../__snapshots__/CFormTextarea.spec.ts.snap  |  4 ++--
 .../__snapshots__/CInputGroup.spec.ts.snap    |  4 ++--
 .../CInputGroupText.spec.ts.snap              |  4 ++--
 .../__tests__/__snapshots__/CCol.spec.ts.snap |  4 ++--
 .../__snapshots__/CContainer.spec.ts.snap     |  4 ++--
 .../__tests__/__snapshots__/CRow.spec.ts.snap |  4 ++--
 .../__snapshots__/CHeader.spec.ts.snap        |  6 +++---
 .../__snapshots__/CHeaderBrand.spec.ts.snap   |  4 ++--
 .../__snapshots__/CHeaderDivider.spec.ts.snap |  2 +-
 .../__snapshots__/CHeaderNav.spec.ts.snap     |  4 ++--
 .../__snapshots__/CHeaderText.spec.ts.snap    |  2 +-
 .../__snapshots__/CHeaderToggler.spec.ts.snap |  4 ++--
 .../__snapshots__/CImage.spec.ts.snap         |  6 +++---
 .../__snapshots__/CLink.spec.ts.snap          |  4 ++--
 .../__snapshots__/CListGroup.spec.ts.snap     |  4 ++--
 .../__snapshots__/CListGroupItem.spec.ts.snap |  6 +++---
 .../__snapshots__/CModalBody.spec.ts.snap     |  2 +-
 .../__snapshots__/CModalFooter.spec.ts.snap   |  2 +-
 .../__snapshots__/CModalHeader.spec.ts.snap   |  4 ++--
 .../__snapshots__/CModalTitle.spec.ts.snap    |  4 ++--
 .../__tests__/__snapshots__/CNav.spec.ts.snap |  4 ++--
 .../__snapshots__/CNavGroup.spec.ts.snap      | 10 +++++-----
 .../__snapshots__/CNavGroupItems.spec.ts.snap |  2 +-
 .../__snapshots__/CNavItem.spec.ts.snap       |  6 +++---
 .../__snapshots__/CNavLink.spec.ts.snap       |  4 ++--
 .../__snapshots__/CNavTitle.spec.ts.snap      |  2 +-
 .../__snapshots__/CNavbar.spec.ts.snap        |  6 +++---
 .../__snapshots__/CNavbarBrand.spec.ts.snap   |  6 +++---
 .../__snapshots__/CNavbarNav.spec.ts.snap     |  4 ++--
 .../__snapshots__/CNavbarText.spec.ts.snap    |  2 +-
 .../__snapshots__/CNavbarToggler.spec.ts.snap |  4 ++--
 .../__snapshots__/COffcanvasBody.spec.ts.snap |  2 +-
 .../COffcanvasHeader.spec.ts.snap             |  2 +-
 .../COffcanvasTitle.spec.ts.snap              |  4 ++--
 .../__snapshots__/CPagination.spec.ts.snap    |  4 ++--
 .../CPaginationItem.spec.ts.snap              |  4 ++--
 .../__snapshots__/CProgress.spec.ts.snap      |  4 ++--
 .../__snapshots__/CProgressBar.spec.ts.snap   |  4 ++--
 .../__snapshots__/CSidebar.spec.ts.snap       |  4 ++--
 .../__snapshots__/CSidebarBrand.spec.ts.snap  |  2 +-
 .../__snapshots__/CSidebarFooter.spec.ts.snap |  2 +-
 .../__snapshots__/CSidebarHeader.spec.ts.snap |  2 +-
 .../__snapshots__/CSidebarNav.spec.ts.snap    |  2 +-
 .../CSidebarToggler.spec.ts.snap              |  2 +-
 .../__snapshots__/CSpinner.spec.ts.snap       |  4 ++--
 .../__snapshots__/CTable.spec.ts.snap         | 18 ++++++++++++++---
 .../__snapshots__/CTableBody.spec.ts.snap     |  4 ++--
 .../__snapshots__/CTableDataCell.spec.ts.snap |  4 ++--
 .../__snapshots__/CTableFoot.spec.ts.snap     |  4 ++--
 .../__snapshots__/CTableHead.spec.ts.snap     |  4 ++--
 .../CTableHeaderCell.spec.ts.snap             |  4 ++--
 .../__snapshots__/CTableRow.spec.ts.snap      |  4 ++--
 .../__snapshots__/CTabContent.spec.ts.snap    |  2 +-
 .../__snapshots__/CToastBody.spec.ts.snap     |  2 +-
 .../__snapshots__/CToastClose.spec.ts.snap    |  4 ++--
 .../__snapshots__/CToastHeader.spec.ts.snap   |  4 ++--
 .../__snapshots__/CToaster.spec.ts.snap       |  4 ++--
 .../__snapshots__/CWidgetStatsA.spec.ts.snap  |  6 +++---
 .../__snapshots__/CWidgetStatsB.spec.ts.snap  | 12 +++++------
 .../__snapshots__/CWidgetStatsC.spec.ts.snap  | 14 ++++++-------
 .../__snapshots__/CWidgetStatsD.spec.ts.snap  | 20 +++++++++----------
 .../__snapshots__/CWidgetStatsE.spec.ts.snap  |  8 ++++----
 .../__snapshots__/CWidgetStatsF.spec.ts.snap  | 12 +++++------
 108 files changed, 241 insertions(+), 229 deletions(-)

diff --git a/packages/coreui-vue/src/components/accordion/__tests__/__snapshots__/CAccordion.spec.ts.snap b/packages/coreui-vue/src/components/accordion/__tests__/__snapshots__/CAccordion.spec.ts.snap
index 61adc319..3bd49f3b 100644
--- a/packages/coreui-vue/src/components/accordion/__tests__/__snapshots__/CAccordion.spec.ts.snap
+++ b/packages/coreui-vue/src/components/accordion/__tests__/__snapshots__/CAccordion.spec.ts.snap
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Loads and display CAccordion component renders correctly 1`] = `"<div class=\\"accordion accordion-flush\\">Default slot</div>"`;
+exports[`Loads and display CAccordion component renders correctly 1`] = `"<div class="accordion accordion-flush">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/accordion/__tests__/__snapshots__/CAccordionButton.spec.ts.snap b/packages/coreui-vue/src/components/accordion/__tests__/__snapshots__/CAccordionButton.spec.ts.snap
index 4e3cb967..fb38caae 100644
--- a/packages/coreui-vue/src/components/accordion/__tests__/__snapshots__/CAccordionButton.spec.ts.snap
+++ b/packages/coreui-vue/src/components/accordion/__tests__/__snapshots__/CAccordionButton.spec.ts.snap
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Loads and display CAccordionButton component renders correctly 1`] = `"<button type=\\"button\\" aria-expanded=\\"true\\" class=\\"accordion-button collapsed\\">Default slot</button>"`;
+exports[`Loads and display CAccordionButton component renders correctly 1`] = `"<button type="button" aria-expanded="true" class="accordion-button collapsed">Default slot</button>"`;
diff --git a/packages/coreui-vue/src/components/accordion/__tests__/__snapshots__/CAccordionHeader.spec.ts.snap b/packages/coreui-vue/src/components/accordion/__tests__/__snapshots__/CAccordionHeader.spec.ts.snap
index 95bad8ef..01863eed 100644
--- a/packages/coreui-vue/src/components/accordion/__tests__/__snapshots__/CAccordionHeader.spec.ts.snap
+++ b/packages/coreui-vue/src/components/accordion/__tests__/__snapshots__/CAccordionHeader.spec.ts.snap
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Loads and display CAccordionHeader component renders correctly 1`] = `"<div class=\\"accordion-header\\"><button type=\\"button\\" aria-expanded=\\"true\\" class=\\"accordion-button collapsed\\">Default slot</button></div>"`;
+exports[`Loads and display CAccordionHeader component renders correctly 1`] = `"<div class="accordion-header"><button type="button" aria-expanded="true" class="accordion-button collapsed">Default slot</button></div>"`;
diff --git a/packages/coreui-vue/src/components/accordion/__tests__/__snapshots__/CAccordionItem.spec.ts.snap b/packages/coreui-vue/src/components/accordion/__tests__/__snapshots__/CAccordionItem.spec.ts.snap
index 8cfe605f..cead44ef 100644
--- a/packages/coreui-vue/src/components/accordion/__tests__/__snapshots__/CAccordionItem.spec.ts.snap
+++ b/packages/coreui-vue/src/components/accordion/__tests__/__snapshots__/CAccordionItem.spec.ts.snap
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Loads and display CAccordionItem component renders correctly 1`] = `"<div class=\\"accordion-item\\">Default slot</div>"`;
+exports[`Loads and display CAccordionItem component renders correctly 1`] = `"<div class="accordion-item">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/alert/__tests__/__snapshots__/CAlertHeading.spec.ts.snap b/packages/coreui-vue/src/components/alert/__tests__/__snapshots__/CAlertHeading.spec.ts.snap
index 06d51b50..c24927f7 100644
--- a/packages/coreui-vue/src/components/alert/__tests__/__snapshots__/CAlertHeading.spec.ts.snap
+++ b/packages/coreui-vue/src/components/alert/__tests__/__snapshots__/CAlertHeading.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CAlertHeading component renders correctly 1`] = `"<h2 class=\\"alert-heading\\">Default slot</h2>"`;
+exports[`Customize CAlertHeading component renders correctly 1`] = `"<h2 class="alert-heading">Default slot</h2>"`;
 
-exports[`Loads and display CAlertHeading component renders correctly 1`] = `"<h4 class=\\"alert-heading\\">Default slot</h4>"`;
+exports[`Loads and display CAlertHeading component renders correctly 1`] = `"<h4 class="alert-heading">Default slot</h4>"`;
diff --git a/packages/coreui-vue/src/components/alert/__tests__/__snapshots__/CAlertLink.spec.ts.snap b/packages/coreui-vue/src/components/alert/__tests__/__snapshots__/CAlertLink.spec.ts.snap
index 50f9e223..02173479 100644
--- a/packages/coreui-vue/src/components/alert/__tests__/__snapshots__/CAlertLink.spec.ts.snap
+++ b/packages/coreui-vue/src/components/alert/__tests__/__snapshots__/CAlertLink.spec.ts.snap
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Loads and display CAlertLink component renders correctly 1`] = `"<a class=\\"alert-link\\">Default slot</a>"`;
+exports[`Loads and display CAlertLink component renders correctly 1`] = `"<a class="alert-link">Default slot</a>"`;
diff --git a/packages/coreui-vue/src/components/avatar/__tests__/__snapshots__/CAvatar.spec.ts.snap b/packages/coreui-vue/src/components/avatar/__tests__/__snapshots__/CAvatar.spec.ts.snap
index 4b59877f..5166a5f1 100644
--- a/packages/coreui-vue/src/components/avatar/__tests__/__snapshots__/CAvatar.spec.ts.snap
+++ b/packages/coreui-vue/src/components/avatar/__tests__/__snapshots__/CAvatar.spec.ts.snap
@@ -1,9 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Loads and display CAvatar component renders correctly 1`] = `
-"<div class=\\"avatar undefined\\">Default slot
+"<div class="avatar undefined">Default slot
   <!---->
 </div>"
 `;
 
-exports[`Loads and display CAvatar component renders correctly 2`] = `"<div class=\\"avatar bg-warning avatar-md text-light rounded-bottom\\"><img src=\\"/bazinga\\" class=\\"avatar-img\\"><span class=\\"avatar-status bg-danger\\"></span></div>"`;
+exports[`Loads and display CAvatar component renders correctly 2`] = `"<div class="avatar bg-warning avatar-md text-light rounded-bottom"><img src="/bazinga" class="avatar-img"><span class="avatar-status bg-danger"></span></div>"`;
diff --git a/packages/coreui-vue/src/components/breadcrumb/__tests__/__snapshots__/CBreadcrumb.spec.ts.snap b/packages/coreui-vue/src/components/breadcrumb/__tests__/__snapshots__/CBreadcrumb.spec.ts.snap
index 6a7933af..fa56864c 100644
--- a/packages/coreui-vue/src/components/breadcrumb/__tests__/__snapshots__/CBreadcrumb.spec.ts.snap
+++ b/packages/coreui-vue/src/components/breadcrumb/__tests__/__snapshots__/CBreadcrumb.spec.ts.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Loads and display CBreadcrumb component renders correctly 1`] = `
-"<nav aria-label=\\"breadcrumb\\" class=\\"bazinga\\">
-  <ol class=\\"breadcrumb bazinga\\">Default slot</ol>
+"<nav aria-label="breadcrumb" class="bazinga">
+  <ol class="breadcrumb bazinga">Default slot</ol>
 </nav>"
 `;
diff --git a/packages/coreui-vue/src/components/breadcrumb/__tests__/__snapshots__/CBreadcrumbItem.spec.ts.snap b/packages/coreui-vue/src/components/breadcrumb/__tests__/__snapshots__/CBreadcrumbItem.spec.ts.snap
index 6ecef07f..7ffb98a0 100644
--- a/packages/coreui-vue/src/components/breadcrumb/__tests__/__snapshots__/CBreadcrumbItem.spec.ts.snap
+++ b/packages/coreui-vue/src/components/breadcrumb/__tests__/__snapshots__/CBreadcrumbItem.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CBreadcrumbItem component renders correctly 1`] = `"<li class=\\"breadcrumb-item active\\" aria-current=\\"page\\"><a href=\\"/bazinga\\">Default slot</a></li>"`;
+exports[`Customize CBreadcrumbItem component renders correctly 1`] = `"<li class="breadcrumb-item active" aria-current="page"><a href="/bazinga">Default slot</a></li>"`;
 
-exports[`Loads and display CBreadcrumbItem component renders correctly 1`] = `"<li class=\\"breadcrumb-item\\">Default slot</li>"`;
+exports[`Loads and display CBreadcrumbItem component renders correctly 1`] = `"<li class="breadcrumb-item">Default slot</li>"`;
diff --git a/packages/coreui-vue/src/components/button-group/__tests__/__snapshots__/CButtonGroup.spec.ts.snap b/packages/coreui-vue/src/components/button-group/__tests__/__snapshots__/CButtonGroup.spec.ts.snap
index 3b6fb9b7..051888f8 100644
--- a/packages/coreui-vue/src/components/button-group/__tests__/__snapshots__/CButtonGroup.spec.ts.snap
+++ b/packages/coreui-vue/src/components/button-group/__tests__/__snapshots__/CButtonGroup.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Custom CButtonGroup component renders correctly 1`] = `"<div class=\\"btn-group-vertical btn-group-lg\\">Default slot</div>"`;
+exports[`Custom CButtonGroup component renders correctly 1`] = `"<div class="btn-group-vertical btn-group-lg">Default slot</div>"`;
 
-exports[`Loads and display CButtonGroup component renders correctly 1`] = `"<div class=\\"btn-group\\">Default slot</div>"`;
+exports[`Loads and display CButtonGroup component renders correctly 1`] = `"<div class="btn-group">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/button-group/__tests__/__snapshots__/CButtonToolbar.spec.ts.snap b/packages/coreui-vue/src/components/button-group/__tests__/__snapshots__/CButtonToolbar.spec.ts.snap
index 1b02b106..70a5ee4e 100644
--- a/packages/coreui-vue/src/components/button-group/__tests__/__snapshots__/CButtonToolbar.spec.ts.snap
+++ b/packages/coreui-vue/src/components/button-group/__tests__/__snapshots__/CButtonToolbar.spec.ts.snap
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Loads and display CButtonToolbar component renders correctly 1`] = `"<div class=\\"btn-toolbar\\">Default slot</div>"`;
+exports[`Loads and display CButtonToolbar component renders correctly 1`] = `"<div class="btn-toolbar">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/button/__tests__/__snapshots__/CButton.spec.ts.snap b/packages/coreui-vue/src/components/button/__tests__/__snapshots__/CButton.spec.ts.snap
index 2f72273e..97172f31 100644
--- a/packages/coreui-vue/src/components/button/__tests__/__snapshots__/CButton.spec.ts.snap
+++ b/packages/coreui-vue/src/components/button/__tests__/__snapshots__/CButton.spec.ts.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize (number two) CButton component renders correctly 1`] = `"<a class=\\"btn btn-warning disabled\\" disabled=\\"false\\" aria-disabled=\\"true\\" tabindex=\\"-1\\">Default slot</a>"`;
+exports[`Customize (number two) CButton component renders correctly 1`] = `"<a class="btn btn-warning disabled" disabled="false" aria-disabled="true" tabindex="-1">Default slot</a>"`;
 
-exports[`Customize CButton component renders correctly 1`] = `"<div class=\\"btn btn-outline-warning btn-lg active disabled rounded-pill\\" disabled=\\"true\\">Default slot</div>"`;
+exports[`Customize CButton component renders correctly 1`] = `"<div class="btn btn-outline-warning btn-lg active disabled rounded-pill" disabled="true">Default slot</div>"`;
 
-exports[`Loads and display CButton component renders correctly 1`] = `"<button class=\\"btn btn-undefined\\" type=\\"button\\">Default slot</button>"`;
+exports[`Loads and display CButton component renders correctly 1`] = `"<button class="btn btn-undefined" type="button">Default slot</button>"`;
diff --git a/packages/coreui-vue/src/components/callout/__tests__/__snapshots__/CCallout.spec.ts.snap b/packages/coreui-vue/src/components/callout/__tests__/__snapshots__/CCallout.spec.ts.snap
index 80dacbe2..07edc5ef 100644
--- a/packages/coreui-vue/src/components/callout/__tests__/__snapshots__/CCallout.spec.ts.snap
+++ b/packages/coreui-vue/src/components/callout/__tests__/__snapshots__/CCallout.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CCallout component renders correctly 1`] = `"<div class=\\"callout callout-warning\\">Default slot</div>"`;
+exports[`Customize CCallout component renders correctly 1`] = `"<div class="callout callout-warning">Default slot</div>"`;
 
-exports[`Loads and display CCallout component renders correctly 1`] = `"<div class=\\"callout\\">Default slot</div>"`;
+exports[`Loads and display CCallout component renders correctly 1`] = `"<div class="callout">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCard.spec.ts.snap b/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCard.spec.ts.snap
index a2cc5d80..63e0b00a 100644
--- a/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCard.spec.ts.snap
+++ b/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCard.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CCard component renders correctly 1`] = `"<div class=\\"card bg-warning text-info\\">Default slot</div>"`;
+exports[`Customize CCard component renders correctly 1`] = `"<div class="card bg-warning text-info">Default slot</div>"`;
 
-exports[`Loads and display CCard component renders correctly 1`] = `"<div class=\\"card\\">Default slot</div>"`;
+exports[`Loads and display CCard component renders correctly 1`] = `"<div class="card">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardBody.spec.ts.snap b/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardBody.spec.ts.snap
index ef434efa..ccbee9e9 100644
--- a/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardBody.spec.ts.snap
+++ b/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardBody.spec.ts.snap
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Loads and display CCardBody component renders correctly 1`] = `"<div class=\\"card-body\\">Default slot</div>"`;
+exports[`Loads and display CCardBody component renders correctly 1`] = `"<div class="card-body">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardFooter.spec.ts.snap b/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardFooter.spec.ts.snap
index a457ed25..456c0ff1 100644
--- a/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardFooter.spec.ts.snap
+++ b/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardFooter.spec.ts.snap
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Loads and display CCardFooter component renders correctly 1`] = `"<div class=\\"card-footer\\">Default slot</div>"`;
+exports[`Loads and display CCardFooter component renders correctly 1`] = `"<div class="card-footer">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardGroup.spec.ts.snap b/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardGroup.spec.ts.snap
index edfdba72..aee3447b 100644
--- a/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardGroup.spec.ts.snap
+++ b/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardGroup.spec.ts.snap
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Loads and display CCardGroup component renders correctly 1`] = `"<div class=\\"card-group\\">Default slot</div>"`;
+exports[`Loads and display CCardGroup component renders correctly 1`] = `"<div class="card-group">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardHeader.spec.ts.snap b/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardHeader.spec.ts.snap
index 6abc19d7..0efe7610 100644
--- a/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardHeader.spec.ts.snap
+++ b/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardHeader.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CCardHeader component renders correctly 1`] = `"<span class=\\"card-header\\">Default slot</span>"`;
+exports[`Customize CCardHeader component renders correctly 1`] = `"<span class="card-header">Default slot</span>"`;
 
-exports[`Loads and display CCardHeader component renders correctly 1`] = `"<div class=\\"card-header\\">Default slot</div>"`;
+exports[`Loads and display CCardHeader component renders correctly 1`] = `"<div class="card-header">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardImage.spec.ts.snap b/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardImage.spec.ts.snap
index 6797debd..50dcb1c1 100644
--- a/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardImage.spec.ts.snap
+++ b/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardImage.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CCardImage component renders correctly 1`] = `"<a class=\\"card-img-bottom\\">Default slot</a>"`;
+exports[`Customize CCardImage component renders correctly 1`] = `"<a class="card-img-bottom">Default slot</a>"`;
 
-exports[`Loads and display CCardImage component renders correctly 1`] = `"<img class=\\"card-img\\">"`;
+exports[`Loads and display CCardImage component renders correctly 1`] = `"<img class="card-img">"`;
diff --git a/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardImageOverlay.spec.ts.snap b/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardImageOverlay.spec.ts.snap
index 6d193f5a..22382136 100644
--- a/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardImageOverlay.spec.ts.snap
+++ b/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardImageOverlay.spec.ts.snap
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Loads and display CCardImageOverlay component renders correctly 1`] = `"<div class=\\"card-img-overlay\\">Default slot</div>"`;
+exports[`Loads and display CCardImageOverlay component renders correctly 1`] = `"<div class="card-img-overlay">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardLink.spec.ts.snap b/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardLink.spec.ts.snap
index 00e72f81..dbe5ad65 100644
--- a/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardLink.spec.ts.snap
+++ b/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardLink.spec.ts.snap
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Loads and display CCardLink component renders correctly 1`] = `"<a class=\\"card-link\\" href=\\"/bazinga\\">Default slot</a>"`;
+exports[`Loads and display CCardLink component renders correctly 1`] = `"<a class="card-link" href="/bazinga">Default slot</a>"`;
diff --git a/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardSubtitle.spec.ts.snap b/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardSubtitle.spec.ts.snap
index d8c5d264..e68a43a3 100644
--- a/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardSubtitle.spec.ts.snap
+++ b/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardSubtitle.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CCardSubtitle component renders correctly 1`] = `"<h4 class=\\"card-subtitle\\">Default slot</h4>"`;
+exports[`Customize CCardSubtitle component renders correctly 1`] = `"<h4 class="card-subtitle">Default slot</h4>"`;
 
-exports[`Loads and display CCardSubtitle component renders correctly 1`] = `"<h6 class=\\"card-subtitle\\">Default slot</h6>"`;
+exports[`Loads and display CCardSubtitle component renders correctly 1`] = `"<h6 class="card-subtitle">Default slot</h6>"`;
diff --git a/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardText.spec.ts.snap b/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardText.spec.ts.snap
index a5142767..99086ae3 100644
--- a/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardText.spec.ts.snap
+++ b/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardText.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CCardText component renders correctly 1`] = `"<h4 class=\\"card-text\\">Default slot</h4>"`;
+exports[`Customize CCardText component renders correctly 1`] = `"<h4 class="card-text">Default slot</h4>"`;
 
-exports[`Loads and display CCardText component renders correctly 1`] = `"<p class=\\"card-text\\">Default slot</p>"`;
+exports[`Loads and display CCardText component renders correctly 1`] = `"<p class="card-text">Default slot</p>"`;
diff --git a/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardTitle.spec.ts.snap b/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardTitle.spec.ts.snap
index d11164eb..b3fff67e 100644
--- a/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardTitle.spec.ts.snap
+++ b/packages/coreui-vue/src/components/card/__tests__/__snapshots__/CCardTitle.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CCardTitle component renders correctly 1`] = `"<h2 class=\\"card-title\\">Default slot</h2>"`;
+exports[`Customize CCardTitle component renders correctly 1`] = `"<h2 class="card-title">Default slot</h2>"`;
 
-exports[`Loads and display CCardTitle component renders correctly 1`] = `"<h5 class=\\"card-title\\">Default slot</h5>"`;
+exports[`Loads and display CCardTitle component renders correctly 1`] = `"<h5 class="card-title">Default slot</h5>"`;
diff --git a/packages/coreui-vue/src/components/carousel/__tests__/__snapshots__/CCarousel.spec.ts.snap b/packages/coreui-vue/src/components/carousel/__tests__/__snapshots__/CCarousel.spec.ts.snap
index ead2b914..4bbd0a71 100644
--- a/packages/coreui-vue/src/components/carousel/__tests__/__snapshots__/CCarousel.spec.ts.snap
+++ b/packages/coreui-vue/src/components/carousel/__tests__/__snapshots__/CCarousel.spec.ts.snap
@@ -1,16 +1,16 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Customize CCarousel component renders correctly 1`] = `
-"<div class=\\"carousel slide carousel-fade carousel-dark\\">
-  <div class=\\"carousel-indicators\\"></div>
-  <div class=\\"carousel-inner\\"></div><button type=\\"button\\" class=\\"carousel-control-prev\\" data-coreui-target=\\"\\"><span class=\\"carousel-control-prev-icon\\" ariahidden=\\"true\\"></span><span class=\\"visually-hidden\\">Previous</span></button><button type=\\"button\\" class=\\"carousel-control-next\\" data-coreui-target=\\"\\"><span class=\\"carousel-control-next-icon\\" ariahidden=\\"true\\"></span><span class=\\"visually-hidden\\">Next</span></button>
+"<div class="carousel slide carousel-fade carousel-dark">
+  <div class="carousel-indicators"></div>
+  <div class="carousel-inner"></div><button type="button" class="carousel-control-prev" data-coreui-target=""><span class="carousel-control-prev-icon" ariahidden="true"></span><span class="visually-hidden">Previous</span></button><button type="button" class="carousel-control-next" data-coreui-target=""><span class="carousel-control-next-icon" ariahidden="true"></span><span class="visually-hidden">Next</span></button>
 </div>"
 `;
 
 exports[`Loads and display CCarousel component renders correctly 1`] = `
-"<div class=\\"carousel slide\\">
+"<div class="carousel slide">
   <!---->
-  <div class=\\"carousel-inner\\"></div>
+  <div class="carousel-inner"></div>
   <!---->
 </div>"
 `;
diff --git a/packages/coreui-vue/src/components/carousel/__tests__/__snapshots__/CCarouselCaption.spec.ts.snap b/packages/coreui-vue/src/components/carousel/__tests__/__snapshots__/CCarouselCaption.spec.ts.snap
index a04d14ab..cdb87682 100644
--- a/packages/coreui-vue/src/components/carousel/__tests__/__snapshots__/CCarouselCaption.spec.ts.snap
+++ b/packages/coreui-vue/src/components/carousel/__tests__/__snapshots__/CCarouselCaption.spec.ts.snap
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Loads and display CCarouselCaption component renders correctly 1`] = `"<div class=\\"carousel-caption\\">Default slot</div>"`;
+exports[`Loads and display CCarouselCaption component renders correctly 1`] = `"<div class="carousel-caption">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/carousel/__tests__/__snapshots__/CCarouselItem.spec.ts.snap b/packages/coreui-vue/src/components/carousel/__tests__/__snapshots__/CCarouselItem.spec.ts.snap
index b197d46d..aa272697 100644
--- a/packages/coreui-vue/src/components/carousel/__tests__/__snapshots__/CCarouselItem.spec.ts.snap
+++ b/packages/coreui-vue/src/components/carousel/__tests__/__snapshots__/CCarouselItem.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CCarouselItem component renders correctly 1`] = `"<div class=\\"carousel-item active\\">Default slot</div>"`;
+exports[`Customize CCarouselItem component renders correctly 1`] = `"<div class="carousel-item active">Default slot</div>"`;
 
-exports[`Loads and display CCarouselItem component renders correctly 1`] = `"<div class=\\"carousel-item\\">Default slot</div>"`;
+exports[`Loads and display CCarouselItem component renders correctly 1`] = `"<div class="carousel-item">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/close-button/__tests__/__snapshots__/CCloseButton.spec.ts.snap b/packages/coreui-vue/src/components/close-button/__tests__/__snapshots__/CCloseButton.spec.ts.snap
index 76509753..09672fff 100644
--- a/packages/coreui-vue/src/components/close-button/__tests__/__snapshots__/CCloseButton.spec.ts.snap
+++ b/packages/coreui-vue/src/components/close-button/__tests__/__snapshots__/CCloseButton.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CCloseButton component renders correctly 1`] = `"<button type=\\"button\\" class=\\"btn btn-close btn-close-white\\" aria-label=\\"Close\\" disabled=\\"\\"></button>"`;
+exports[`Customize CCloseButton component renders correctly 1`] = `"<button type="button" class="btn btn-close btn-close-white" aria-label="Close" disabled=""></button>"`;
 
-exports[`Loads and display CCloseButton component renders correctly 1`] = `"<button type=\\"button\\" class=\\"btn btn-close\\" aria-label=\\"Close\\"></button>"`;
+exports[`Loads and display CCloseButton component renders correctly 1`] = `"<button type="button" class="btn btn-close" aria-label="Close"></button>"`;
diff --git a/packages/coreui-vue/src/components/dropdown/__tests__/__snapshots__/CDropdown.spec.ts.snap b/packages/coreui-vue/src/components/dropdown/__tests__/__snapshots__/CDropdown.spec.ts.snap
index 1f446acf..9544f410 100644
--- a/packages/coreui-vue/src/components/dropdown/__tests__/__snapshots__/CDropdown.spec.ts.snap
+++ b/packages/coreui-vue/src/components/dropdown/__tests__/__snapshots__/CDropdown.spec.ts.snap
@@ -2,6 +2,6 @@
 
 exports[`Customize (variant number two) CDropdown component renders correctly 1`] = `"Default slot"`;
 
-exports[`Customize CDropdown component renders correctly 1`] = `"<div class=\\"nav-item dropdown dropend\\">Default slot</div>"`;
+exports[`Customize CDropdown component renders correctly 1`] = `"<div class="nav-item dropdown dropend">Default slot</div>"`;
 
-exports[`Loads and display CDropdown component renders correctly 1`] = `"<div class=\\"btn-group\\">Default slot</div>"`;
+exports[`Loads and display CDropdown component renders correctly 1`] = `"<div class="btn-group">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/dropdown/__tests__/__snapshots__/CDropdownDivider.spec.ts.snap b/packages/coreui-vue/src/components/dropdown/__tests__/__snapshots__/CDropdownDivider.spec.ts.snap
index afa5e319..5df2cb63 100644
--- a/packages/coreui-vue/src/components/dropdown/__tests__/__snapshots__/CDropdownDivider.spec.ts.snap
+++ b/packages/coreui-vue/src/components/dropdown/__tests__/__snapshots__/CDropdownDivider.spec.ts.snap
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Loads and display CDropdownDivider component renders correctly 1`] = `"<hr class=\\"dropdown-divider\\">"`;
+exports[`Loads and display CDropdownDivider component renders correctly 1`] = `"<hr class="dropdown-divider">"`;
diff --git a/packages/coreui-vue/src/components/dropdown/__tests__/__snapshots__/CDropdownHeader.spec.ts.snap b/packages/coreui-vue/src/components/dropdown/__tests__/__snapshots__/CDropdownHeader.spec.ts.snap
index 467feb6b..6ea81ee4 100644
--- a/packages/coreui-vue/src/components/dropdown/__tests__/__snapshots__/CDropdownHeader.spec.ts.snap
+++ b/packages/coreui-vue/src/components/dropdown/__tests__/__snapshots__/CDropdownHeader.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CDropdownHeader component renders correctly 1`] = `"<h2 class=\\"dropdown-header\\">Default slot</h2>"`;
+exports[`Customize CDropdownHeader component renders correctly 1`] = `"<h2 class="dropdown-header">Default slot</h2>"`;
 
-exports[`Loads and display CDropdownHeader component renders correctly 1`] = `"<h6 class=\\"dropdown-header\\">Default slot</h6>"`;
+exports[`Loads and display CDropdownHeader component renders correctly 1`] = `"<h6 class="dropdown-header">Default slot</h6>"`;
diff --git a/packages/coreui-vue/src/components/dropdown/__tests__/__snapshots__/CDropdownItem.spec.ts.snap b/packages/coreui-vue/src/components/dropdown/__tests__/__snapshots__/CDropdownItem.spec.ts.snap
index 39118ee7..382f0d56 100644
--- a/packages/coreui-vue/src/components/dropdown/__tests__/__snapshots__/CDropdownItem.spec.ts.snap
+++ b/packages/coreui-vue/src/components/dropdown/__tests__/__snapshots__/CDropdownItem.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CDropdownItem component renders correctly 1`] = `"<div class=\\"active disabled dropdown-item\\" aria-current=\\"page\\" href=\\"/bazinga\\">Default slot</div>"`;
+exports[`Customize CDropdownItem component renders correctly 1`] = `"<div class="active disabled dropdown-item" aria-current="page" href="/bazinga">Default slot</div>"`;
 
-exports[`Loads and display CDropdownItem component renders correctly 1`] = `"<a class=\\"dropdown-item\\">Default slot</a>"`;
+exports[`Loads and display CDropdownItem component renders correctly 1`] = `"<a class="dropdown-item">Default slot</a>"`;
diff --git a/packages/coreui-vue/src/components/dropdown/__tests__/__snapshots__/CDropdownMenu.spec.ts.snap b/packages/coreui-vue/src/components/dropdown/__tests__/__snapshots__/CDropdownMenu.spec.ts.snap
index 2025f0d2..42124bbf 100644
--- a/packages/coreui-vue/src/components/dropdown/__tests__/__snapshots__/CDropdownMenu.spec.ts.snap
+++ b/packages/coreui-vue/src/components/dropdown/__tests__/__snapshots__/CDropdownMenu.spec.ts.snap
@@ -1,9 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Customize CDropdownMenu component renders correctly 1`] = `
-"<ul class=\\"dropdown-menu dropdown-menu-dark show dropdown-menu-lg-end\\" data-coreui-popper=\\"static\\">
+"<ul class="dropdown-menu dropdown-menu-dark show dropdown-menu-lg-end" data-coreui-popper="static">
   <li>Default slot</li>
 </ul>"
 `;
 
-exports[`Loads and display CDropdownMenu component renders correctly 1`] = `"<div class=\\"dropdown-menu dropdown-menu-lg-end\\" data-coreui-popper=\\"static\\">Default slot</div>"`;
+exports[`Loads and display CDropdownMenu component renders correctly 1`] = `"<div class="dropdown-menu dropdown-menu-lg-end" data-coreui-popper="static">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/dropdown/__tests__/__snapshots__/CDropdownToggle.spec.ts.snap b/packages/coreui-vue/src/components/dropdown/__tests__/__snapshots__/CDropdownToggle.spec.ts.snap
index 4d534045..9b78d066 100644
--- a/packages/coreui-vue/src/components/dropdown/__tests__/__snapshots__/CDropdownToggle.spec.ts.snap
+++ b/packages/coreui-vue/src/components/dropdown/__tests__/__snapshots__/CDropdownToggle.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CDropdownToggle component renders correctly 1`] = `"<a active=\\"true\\" class=\\"nav-link dropdown-toggle-split active disabled show\\" disabled=\\"true\\" href=\\"#\\">Default slot</a>"`;
+exports[`Customize CDropdownToggle component renders correctly 1`] = `"<a active="true" class="nav-link dropdown-toggle-split active disabled show" disabled="true" href="#">Default slot</a>"`;
 
-exports[`Loads and display CDropdownToggle component renders correctly 1`] = `"<button class=\\"btn btn-outline-warning btn-lg active disabled rounded-pill dropdown-toggle dropdown-toggle-split active disabled show\\" disabled=\\"\\" type=\\"button\\"><span class=\\"visually-hidden\\">Toggle Dropdown</span></button>"`;
+exports[`Loads and display CDropdownToggle component renders correctly 1`] = `"<button class="btn btn-outline-warning btn-lg active disabled rounded-pill dropdown-toggle dropdown-toggle-split active disabled show" disabled="" type="button"><span class="visually-hidden">Toggle Dropdown</span></button>"`;
diff --git a/packages/coreui-vue/src/components/footer/__tests__/__snapshots__/CFooter.spec.ts.snap b/packages/coreui-vue/src/components/footer/__tests__/__snapshots__/CFooter.spec.ts.snap
index d47d5ff4..1cc66859 100644
--- a/packages/coreui-vue/src/components/footer/__tests__/__snapshots__/CFooter.spec.ts.snap
+++ b/packages/coreui-vue/src/components/footer/__tests__/__snapshots__/CFooter.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CFooter component renders correctly 1`] = `"<div class=\\"footer footer-fixed\\">Default slot</div>"`;
+exports[`Customize CFooter component renders correctly 1`] = `"<div class="footer footer-fixed">Default slot</div>"`;
 
-exports[`Loads and display CFooter component renders correctly 1`] = `"<div class=\\"footer\\">Default slot</div>"`;
+exports[`Loads and display CFooter component renders correctly 1`] = `"<div class="footer">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CForm.spec.ts.snap b/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CForm.spec.ts.snap
index 1af99d2f..644015b8 100644
--- a/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CForm.spec.ts.snap
+++ b/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CForm.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CForm component renders correctly 1`] = `"<form class=\\"was-validated\\">Default slot</form>"`;
+exports[`Customize CForm component renders correctly 1`] = `"<form class="was-validated">Default slot</form>"`;
 
-exports[`Loads and display CForm component renders correctly 1`] = `"<form class=\\"\\">Default slot</form>"`;
+exports[`Loads and display CForm component renders correctly 1`] = `"<form class="">Default slot</form>"`;
diff --git a/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormCheck.spec.ts.snap b/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormCheck.spec.ts.snap
index b3b90040..c864ba71 100644
--- a/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormCheck.spec.ts.snap
+++ b/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormCheck.spec.ts.snap
@@ -1,13 +1,13 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Customize with label - CFormCheck component renders correctly 1`] = `
-"<input class=\\"btn-check is-invalid is-valid\\" id=\\"uniqueid\\" type=\\"checkbox\\">
-<label class=\\"btn btn-outline-warning btn-lg rounded-circle\\" disabled=\\"false\\" for=\\"uniqueid\\">some label</label>"
+"<input class="btn-check is-invalid is-valid" id="uniqueid" type="checkbox">
+<label class="btn btn-outline-warning btn-lg rounded-circle" disabled="false" for="uniqueid">some label</label>"
 `;
 
 exports[`Customize with label in slot - CFormCheck component renders correctly 1`] = `
-"<input class=\\"btn-check is-invalid is-valid\\" id=\\"uniqueid\\" type=\\"checkbox\\">
-<label class=\\"btn btn-outline-warning btn-lg rounded-circle\\" disabled=\\"false\\" for=\\"uniqueid\\">some label</label>"
+"<input class="btn-check is-invalid is-valid" id="uniqueid" type="checkbox">
+<label class="btn btn-outline-warning btn-lg rounded-circle" disabled="false" for="uniqueid">some label</label>"
 `;
 
-exports[`Loads and display CFormCheck component renders correctly 1`] = `"<input class=\\"form-check-input\\" type=\\"checkbox\\">"`;
+exports[`Loads and display CFormCheck component renders correctly 1`] = `"<input class="form-check-input" type="checkbox">"`;
diff --git a/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormFeedback.spec.ts.snap b/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormFeedback.spec.ts.snap
index 5bd82453..94a0f78d 100644
--- a/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormFeedback.spec.ts.snap
+++ b/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormFeedback.spec.ts.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize (two) CFormFeedback component renders correctly 1`] = `"<h2 class=\\"invalid-feedback valid-feedback\\">Default slot</h2>"`;
+exports[`Customize (two) CFormFeedback component renders correctly 1`] = `"<h2 class="invalid-feedback valid-feedback">Default slot</h2>"`;
 
-exports[`Customize CFormFeedback component renders correctly 1`] = `"<h2 class=\\"invalid-tooltip valid-tooltip\\">Default slot</h2>"`;
+exports[`Customize CFormFeedback component renders correctly 1`] = `"<h2 class="invalid-tooltip valid-tooltip">Default slot</h2>"`;
 
-exports[`Loads and display CFormFeedback component renders correctly 1`] = `"<div class=\\"\\">Default slot</div>"`;
+exports[`Loads and display CFormFeedback component renders correctly 1`] = `"<div class="">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormFloating.spec.ts.snap b/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormFloating.spec.ts.snap
index ef61f9db..8011db77 100644
--- a/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormFloating.spec.ts.snap
+++ b/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormFloating.spec.ts.snap
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Loads and display CFormFloating component renders correctly 1`] = `"<div class=\\"form-floating\\">Default slot</div>"`;
+exports[`Loads and display CFormFloating component renders correctly 1`] = `"<div class="form-floating">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormInput.spec.ts.snap b/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormInput.spec.ts.snap
index 4440a94d..2e7649fe 100644
--- a/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormInput.spec.ts.snap
+++ b/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormInput.spec.ts.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize (two) CFormInput component renders correctly 1`] = `"<input class=\\"form-control form-control-color form-control-lg is-invalid is-valid\\" disabled=\\"\\" readonly=\\"\\" type=\\"color\\">"`;
+exports[`Customize (two) CFormInput component renders correctly 1`] = `"<input class="form-control form-control-color form-control-lg is-invalid is-valid" disabled="" readonly="" type="color">"`;
 
-exports[`Customize CFormInput component renders correctly 1`] = `"<input class=\\"form-control-plaintext form-control-color form-control-lg is-invalid is-valid\\" disabled=\\"\\" readonly=\\"\\" type=\\"color\\">"`;
+exports[`Customize CFormInput component renders correctly 1`] = `"<input class="form-control-plaintext form-control-color form-control-lg is-invalid is-valid" disabled="" readonly="" type="color">"`;
 
-exports[`Loads and display CFormInput component renders correctly 1`] = `"<input class=\\"form-control\\" type=\\"text\\">"`;
+exports[`Loads and display CFormInput component renders correctly 1`] = `"<input class="form-control" type="text">"`;
diff --git a/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormLabel.spec.ts.snap b/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormLabel.spec.ts.snap
index 960f5fe2..4bd5e697 100644
--- a/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormLabel.spec.ts.snap
+++ b/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormLabel.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CFormLabel component renders correctly 1`] = `"<label class=\\"bazinga\\">Default slot</label>"`;
+exports[`Customize CFormLabel component renders correctly 1`] = `"<label class="bazinga">Default slot</label>"`;
 
-exports[`Loads and display CFormLabel component renders correctly 1`] = `"<label class=\\"form-label\\">Default slot</label>"`;
+exports[`Loads and display CFormLabel component renders correctly 1`] = `"<label class="form-label">Default slot</label>"`;
diff --git a/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormRange.spec.ts.snap b/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormRange.spec.ts.snap
index e023fe3b..3af8cac0 100644
--- a/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormRange.spec.ts.snap
+++ b/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormRange.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CFormRange component renders correctly 1`] = `"<input class=\\"form-range\\" disabled=\\"\\" max=\\"400\\" min=\\"50\\" readonly=\\"\\" steps=\\"10\\" type=\\"range\\">"`;
+exports[`Customize CFormRange component renders correctly 1`] = `"<input class="form-range" disabled="" max="400" min="50" readonly="" steps="10" type="range">"`;
 
-exports[`Loads and display CFormRange component renders correctly 1`] = `"<input class=\\"form-range\\" type=\\"range\\">"`;
+exports[`Loads and display CFormRange component renders correctly 1`] = `"<input class="form-range" type="range">"`;
diff --git a/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormSelect.spec.ts.snap b/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormSelect.spec.ts.snap
index 3cda08c9..d6dc9c70 100644
--- a/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormSelect.spec.ts.snap
+++ b/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormSelect.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CFormSelect component renders correctly 1`] = `"<select class=\\"form-select form-select-lg is-invalid is-valid\\" size=\\"200\\">Default slot</select>"`;
+exports[`Customize CFormSelect component renders correctly 1`] = `"<select class="form-select form-select-lg is-invalid is-valid" size="200">Default slot</select>"`;
 
-exports[`Loads and display CFormSelect component renders correctly 1`] = `"<select class=\\"form-select\\">Default slot</select>"`;
+exports[`Loads and display CFormSelect component renders correctly 1`] = `"<select class="form-select">Default slot</select>"`;
diff --git a/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormSwitch.spec.ts.snap b/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormSwitch.spec.ts.snap
index 99f2a03a..2a1c6bbd 100644
--- a/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormSwitch.spec.ts.snap
+++ b/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormSwitch.spec.ts.snap
@@ -1,9 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CFormSwitch component renders correctly 1`] = `"<div class=\\"form-check form-switch form-switch-lg is-invalid is-valid\\"><input class=\\"form-check-input is-invalid is-valid\\" id=\\"uniqueid\\" type=\\"radio\\"><label class=\\"form-label form-check-label\\" for=\\"uniqueid\\">some label</label></div>"`;
+exports[`Customize CFormSwitch component renders correctly 1`] = `"<div class="form-check form-switch form-switch-lg is-invalid is-valid"><input class="form-check-input is-invalid is-valid" id="uniqueid" type="radio"><label class="form-label form-check-label" for="uniqueid">some label</label></div>"`;
 
 exports[`Loads and display CFormSwitch component renders correctly 1`] = `
-"<div class=\\"form-check form-switch\\"><input class=\\"form-check-input\\" type=\\"checkbox\\">
+"<div class="form-check form-switch"><input class="form-check-input" type="checkbox">
   <!---->
 </div>"
 `;
diff --git a/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormText.spec.ts.snap b/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormText.spec.ts.snap
index a0437583..f2b0b034 100644
--- a/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormText.spec.ts.snap
+++ b/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormText.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CFormText component renders correctly 1`] = `"<p class=\\"form-text\\">Default slot</p>"`;
+exports[`Customize CFormText component renders correctly 1`] = `"<p class="form-text">Default slot</p>"`;
 
-exports[`Loads and display CFormText component renders correctly 1`] = `"<div class=\\"form-text\\">Default slot</div>"`;
+exports[`Loads and display CFormText component renders correctly 1`] = `"<div class="form-text">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormTextarea.spec.ts.snap b/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormTextarea.spec.ts.snap
index ac5a04c2..a797c34d 100644
--- a/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormTextarea.spec.ts.snap
+++ b/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormTextarea.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CFormTextarea component renders correctly 1`] = `"<textarea disabled=\\"\\" readonly=\\"\\" class=\\"form-control-plaintext is-invalid is-valid\\">Default slot</textarea>"`;
+exports[`Customize CFormTextarea component renders correctly 1`] = `"<textarea disabled="" readonly="" class="form-control-plaintext is-invalid is-valid">Default slot</textarea>"`;
 
-exports[`Loads and display CFormTextarea component renders correctly 1`] = `"<textarea class=\\"form-control\\">Default slot</textarea>"`;
+exports[`Loads and display CFormTextarea component renders correctly 1`] = `"<textarea class="form-control">Default slot</textarea>"`;
diff --git a/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CInputGroup.spec.ts.snap b/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CInputGroup.spec.ts.snap
index b34abdb3..a6f5d78b 100644
--- a/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CInputGroup.spec.ts.snap
+++ b/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CInputGroup.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CInputGroup component renders correctly 1`] = `"<div class=\\"input-group input-group-lg\\">Default slot</div>"`;
+exports[`Customize CInputGroup component renders correctly 1`] = `"<div class="input-group input-group-lg">Default slot</div>"`;
 
-exports[`Loads and display CInputGroup component renders correctly 1`] = `"<div class=\\"input-group\\">Default slot</div>"`;
+exports[`Loads and display CInputGroup component renders correctly 1`] = `"<div class="input-group">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CInputGroupText.spec.ts.snap b/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CInputGroupText.spec.ts.snap
index 9e181c69..37737ec9 100644
--- a/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CInputGroupText.spec.ts.snap
+++ b/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CInputGroupText.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CInputGroupText component renders correctly 1`] = `"<div class=\\"input-group-text\\">Default slot</div>"`;
+exports[`Customize CInputGroupText component renders correctly 1`] = `"<div class="input-group-text">Default slot</div>"`;
 
-exports[`Loads and display CInputGroupText component renders correctly 1`] = `"<span class=\\"input-group-text\\">Default slot</span>"`;
+exports[`Loads and display CInputGroupText component renders correctly 1`] = `"<span class="input-group-text">Default slot</span>"`;
diff --git a/packages/coreui-vue/src/components/grid/__tests__/__snapshots__/CCol.spec.ts.snap b/packages/coreui-vue/src/components/grid/__tests__/__snapshots__/CCol.spec.ts.snap
index 7ea11820..60bb0dec 100644
--- a/packages/coreui-vue/src/components/grid/__tests__/__snapshots__/CCol.spec.ts.snap
+++ b/packages/coreui-vue/src/components/grid/__tests__/__snapshots__/CCol.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CCol component renders correctly 1`] = `"<div class=\\"col-xl col-lg-4 col-md-auto order-md-last offset-md-3\\">Default slot</div>"`;
+exports[`Customize CCol component renders correctly 1`] = `"<div class="col-xl col-lg-4 col-md-auto order-md-last offset-md-3">Default slot</div>"`;
 
-exports[`Loads and display CCol component renders correctly 1`] = `"<div class=\\"col\\">Default slot</div>"`;
+exports[`Loads and display CCol component renders correctly 1`] = `"<div class="col">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/grid/__tests__/__snapshots__/CContainer.spec.ts.snap b/packages/coreui-vue/src/components/grid/__tests__/__snapshots__/CContainer.spec.ts.snap
index eaae3f9f..15d92143 100644
--- a/packages/coreui-vue/src/components/grid/__tests__/__snapshots__/CContainer.spec.ts.snap
+++ b/packages/coreui-vue/src/components/grid/__tests__/__snapshots__/CContainer.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CContainer component renders correctly 1`] = `"<div class=\\"container-xl container-md container-fluid\\">Default slot</div>"`;
+exports[`Customize CContainer component renders correctly 1`] = `"<div class="container-xl container-md container-fluid">Default slot</div>"`;
 
-exports[`Loads and display CContainer component renders correctly 1`] = `"<div class=\\"container\\">Default slot</div>"`;
+exports[`Loads and display CContainer component renders correctly 1`] = `"<div class="container">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/grid/__tests__/__snapshots__/CRow.spec.ts.snap b/packages/coreui-vue/src/components/grid/__tests__/__snapshots__/CRow.spec.ts.snap
index 27fa69e2..686e7491 100644
--- a/packages/coreui-vue/src/components/grid/__tests__/__snapshots__/CRow.spec.ts.snap
+++ b/packages/coreui-vue/src/components/grid/__tests__/__snapshots__/CRow.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CRow component renders correctly 1`] = `"<div class=\\"row row-cols-md-4 g-md-10 gx-md-11 gy-md-12\\">Default slot</div>"`;
+exports[`Customize CRow component renders correctly 1`] = `"<div class="row row-cols-md-4 g-md-10 gx-md-11 gy-md-12">Default slot</div>"`;
 
-exports[`Loads and display CRow component renders correctly 1`] = `"<div class=\\"row\\">Default slot</div>"`;
+exports[`Loads and display CRow component renders correctly 1`] = `"<div class="row">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeader.spec.ts.snap b/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeader.spec.ts.snap
index 4f68f315..565c875c 100644
--- a/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeader.spec.ts.snap
+++ b/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeader.spec.ts.snap
@@ -1,9 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Customize CHeader component renders correctly 1`] = `
-"<div class=\\"header header-fixed\\">
-  <div class=\\"container-lg\\">Default slot</div>
+"<div class="header header-fixed">
+  <div class="container-lg">Default slot</div>
 </div>"
 `;
 
-exports[`Loads and display CHeader component renders correctly 1`] = `"<div class=\\"header\\">Default slot</div>"`;
+exports[`Loads and display CHeader component renders correctly 1`] = `"<div class="header">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderBrand.spec.ts.snap b/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderBrand.spec.ts.snap
index fffc86dc..a2b61995 100644
--- a/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderBrand.spec.ts.snap
+++ b/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderBrand.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CHeaderBrand component renders correctly 1`] = `"<div class=\\"header-brand\\">Default slot</div>"`;
+exports[`Customize CHeaderBrand component renders correctly 1`] = `"<div class="header-brand">Default slot</div>"`;
 
-exports[`Loads and display CHeaderBrand component renders correctly 1`] = `"<a class=\\"header-brand\\">Default slot</a>"`;
+exports[`Loads and display CHeaderBrand component renders correctly 1`] = `"<a class="header-brand">Default slot</a>"`;
diff --git a/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderDivider.spec.ts.snap b/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderDivider.spec.ts.snap
index 95317776..36376c1f 100644
--- a/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderDivider.spec.ts.snap
+++ b/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderDivider.spec.ts.snap
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Loads and display CHeaderDivider component renders correctly 1`] = `"<div class=\\"header-divider\\">Default slot</div>"`;
+exports[`Loads and display CHeaderDivider component renders correctly 1`] = `"<div class="header-divider">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderNav.spec.ts.snap b/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderNav.spec.ts.snap
index 558f84b0..0e33b9b4 100644
--- a/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderNav.spec.ts.snap
+++ b/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderNav.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CHeaderNav component renders correctly 1`] = `"<div class=\\"header-nav\\" role=\\"navigation\\">Default slot</div>"`;
+exports[`Customize CHeaderNav component renders correctly 1`] = `"<div class="header-nav" role="navigation">Default slot</div>"`;
 
-exports[`Loads and display CHeaderNav component renders correctly 1`] = `"<ul class=\\"header-nav\\" role=\\"navigation\\">Default slot</ul>"`;
+exports[`Loads and display CHeaderNav component renders correctly 1`] = `"<ul class="header-nav" role="navigation">Default slot</ul>"`;
diff --git a/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderText.spec.ts.snap b/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderText.spec.ts.snap
index 30e52aa2..c9a6a8f4 100644
--- a/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderText.spec.ts.snap
+++ b/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderText.spec.ts.snap
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Loads and display CHeaderText component renders correctly 1`] = `"<span class=\\"header-text\\">Default slot</span>"`;
+exports[`Loads and display CHeaderText component renders correctly 1`] = `"<span class="header-text">Default slot</span>"`;
diff --git a/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderToggler.spec.ts.snap b/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderToggler.spec.ts.snap
index fa63730c..c0da6cf0 100644
--- a/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderToggler.spec.ts.snap
+++ b/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderToggler.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CHeaderToggler component renders correctly 1`] = `"<button class=\\"header-toggler\\" type=\\"button\\" aria-label=\\"Toggle navigation\\"><span class=\\"header-toggler-icon\\"></span></button>"`;
+exports[`Customize CHeaderToggler component renders correctly 1`] = `"<button class="header-toggler" type="button" aria-label="Toggle navigation"><span class="header-toggler-icon"></span></button>"`;
 
-exports[`Loads and display CHeaderToggler component renders correctly 1`] = `"<button class=\\"header-toggler\\" type=\\"button\\" aria-label=\\"Toggle navigation\\">Default slot</button>"`;
+exports[`Loads and display CHeaderToggler component renders correctly 1`] = `"<button class="header-toggler" type="button" aria-label="Toggle navigation">Default slot</button>"`;
diff --git a/packages/coreui-vue/src/components/image/__tests__/__snapshots__/CImage.spec.ts.snap b/packages/coreui-vue/src/components/image/__tests__/__snapshots__/CImage.spec.ts.snap
index 3cb60262..808f6428 100644
--- a/packages/coreui-vue/src/components/image/__tests__/__snapshots__/CImage.spec.ts.snap
+++ b/packages/coreui-vue/src/components/image/__tests__/__snapshots__/CImage.spec.ts.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize (two) CImage component renders correctly 1`] = `"<img class=\\"d-block mx-auto\\">"`;
+exports[`Customize (two) CImage component renders correctly 1`] = `"<img class="d-block mx-auto">"`;
 
-exports[`Customize CImage component renders correctly 1`] = `"<img class=\\"float-end img-fluid rounded img-thumbnail\\">"`;
+exports[`Customize CImage component renders correctly 1`] = `"<img class="float-end img-fluid rounded img-thumbnail">"`;
 
-exports[`Loads and display CImage component renders correctly 1`] = `"<img class=\\"\\">"`;
+exports[`Loads and display CImage component renders correctly 1`] = `"<img class="">"`;
diff --git a/packages/coreui-vue/src/components/link/__tests__/__snapshots__/CLink.spec.ts.snap b/packages/coreui-vue/src/components/link/__tests__/__snapshots__/CLink.spec.ts.snap
index 7a6941d1..ab1d8241 100644
--- a/packages/coreui-vue/src/components/link/__tests__/__snapshots__/CLink.spec.ts.snap
+++ b/packages/coreui-vue/src/components/link/__tests__/__snapshots__/CLink.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CLink component renders correctly 1`] = `"<div class=\\"active disabled\\" aria-current=\\"page\\" href=\\"/bazinga\\">Default slot</div>"`;
+exports[`Customize CLink component renders correctly 1`] = `"<div class="active disabled" aria-current="page" href="/bazinga">Default slot</div>"`;
 
-exports[`Loads and display CLink component renders correctly 1`] = `"<a class=\\"disabled\\" aria-disabled=\\"true\\" tabindex=\\"-1\\">Default slot</a>"`;
+exports[`Loads and display CLink component renders correctly 1`] = `"<a class="disabled" aria-disabled="true" tabindex="-1">Default slot</a>"`;
diff --git a/packages/coreui-vue/src/components/list-group/__tests__/__snapshots__/CListGroup.spec.ts.snap b/packages/coreui-vue/src/components/list-group/__tests__/__snapshots__/CListGroup.spec.ts.snap
index 8c45503d..dca65991 100644
--- a/packages/coreui-vue/src/components/list-group/__tests__/__snapshots__/CListGroup.spec.ts.snap
+++ b/packages/coreui-vue/src/components/list-group/__tests__/__snapshots__/CListGroup.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CListGroup component renders correctly 1`] = `"<div class=\\"list-group list-group-flush list-group-horizontal-lg\\">Default slot</div>"`;
+exports[`Customize CListGroup component renders correctly 1`] = `"<div class="list-group list-group-flush list-group-horizontal-lg">Default slot</div>"`;
 
-exports[`Loads and display CListGroup component renders correctly 1`] = `"<ul class=\\"list-group\\">Default slot</ul>"`;
+exports[`Loads and display CListGroup component renders correctly 1`] = `"<ul class="list-group">Default slot</ul>"`;
diff --git a/packages/coreui-vue/src/components/list-group/__tests__/__snapshots__/CListGroupItem.spec.ts.snap b/packages/coreui-vue/src/components/list-group/__tests__/__snapshots__/CListGroupItem.spec.ts.snap
index 1dfeffaa..198cf490 100644
--- a/packages/coreui-vue/src/components/list-group/__tests__/__snapshots__/CListGroupItem.spec.ts.snap
+++ b/packages/coreui-vue/src/components/list-group/__tests__/__snapshots__/CListGroupItem.spec.ts.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize (two) CListGroupItem component renders correctly 1`] = `"<button class=\\"list-group-item list-group-item-action active disabled\\" active=\\"true\\" disabled=\\"\\" aria-current=\\"true\\" aria-disabled=\\"true\\">Default slot</button>"`;
+exports[`Customize (two) CListGroupItem component renders correctly 1`] = `"<button class="list-group-item list-group-item-action active disabled" active="true" disabled="" aria-current="true" aria-disabled="true">Default slot</button>"`;
 
-exports[`Customize CListGroupItem component renders correctly 1`] = `"<div class=\\"list-group-item list-group-item-warning active disabled\\" aria-current=\\"true\\" aria-disabled=\\"true\\">Default slot</div>"`;
+exports[`Customize CListGroupItem component renders correctly 1`] = `"<div class="list-group-item list-group-item-warning active disabled" aria-current="true" aria-disabled="true">Default slot</div>"`;
 
-exports[`Loads and display CListGroupItem component renders correctly 1`] = `"<li class=\\"list-group-item\\">Default slot</li>"`;
+exports[`Loads and display CListGroupItem component renders correctly 1`] = `"<li class="list-group-item">Default slot</li>"`;
diff --git a/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModalBody.spec.ts.snap b/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModalBody.spec.ts.snap
index 7cbc7cc4..b3bcb34c 100644
--- a/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModalBody.spec.ts.snap
+++ b/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModalBody.spec.ts.snap
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Loads and display CModalBody component renders correctly 1`] = `"<div class=\\"modal-body\\">Default slot</div>"`;
+exports[`Loads and display CModalBody component renders correctly 1`] = `"<div class="modal-body">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModalFooter.spec.ts.snap b/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModalFooter.spec.ts.snap
index db68c52a..a87577d0 100644
--- a/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModalFooter.spec.ts.snap
+++ b/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModalFooter.spec.ts.snap
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Loads and display CModalFooter component renders correctly 1`] = `"<div class=\\"modal-footer\\">Default slot</div>"`;
+exports[`Loads and display CModalFooter component renders correctly 1`] = `"<div class="modal-footer">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModalHeader.spec.ts.snap b/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModalHeader.spec.ts.snap
index 144cc655..abeb2a67 100644
--- a/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModalHeader.spec.ts.snap
+++ b/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModalHeader.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CModalHeader component renders correctly 1`] = `"<span class=\\"modal-header\\">Default slot<button type=\\"button\\" class=\\"btn btn-close\\" aria-label=\\"Close\\"></button></span>"`;
+exports[`Customize CModalHeader component renders correctly 1`] = `"<span class="modal-header">Default slot<button type="button" class="btn btn-close" aria-label="Close"></button></span>"`;
 
-exports[`Loads and display CModalHeader component renders correctly 1`] = `"<span class=\\"modal-header\\">Default slot<button type=\\"button\\" class=\\"btn btn-close\\" aria-label=\\"Close\\"></button></span>"`;
+exports[`Loads and display CModalHeader component renders correctly 1`] = `"<span class="modal-header">Default slot<button type="button" class="btn btn-close" aria-label="Close"></button></span>"`;
diff --git a/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModalTitle.spec.ts.snap b/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModalTitle.spec.ts.snap
index a7f8175b..fe60a9b6 100644
--- a/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModalTitle.spec.ts.snap
+++ b/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModalTitle.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CModalTitle component renders correctly 1`] = `"<div class=\\"modal-title\\">Default slot</div>"`;
+exports[`Customize CModalTitle component renders correctly 1`] = `"<div class="modal-title">Default slot</div>"`;
 
-exports[`Loads and display CModalTitle component renders correctly 1`] = `"<h5 class=\\"modal-title\\">Default slot</h5>"`;
+exports[`Loads and display CModalTitle component renders correctly 1`] = `"<h5 class="modal-title">Default slot</h5>"`;
diff --git a/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNav.spec.ts.snap b/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNav.spec.ts.snap
index 7bf958f2..4d306a7d 100644
--- a/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNav.spec.ts.snap
+++ b/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNav.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CNav component renders correctly 1`] = `"<div class=\\"nav nav-fill nav-pills\\" role=\\"navigation\\">Default slot</div>"`;
+exports[`Customize CNav component renders correctly 1`] = `"<div class="nav nav-fill nav-pills" role="navigation">Default slot</div>"`;
 
-exports[`Loads and display CNav component renders correctly 1`] = `"<ul class=\\"nav\\" role=\\"navigation\\">Default slot</ul>"`;
+exports[`Loads and display CNav component renders correctly 1`] = `"<ul class="nav" role="navigation">Default slot</ul>"`;
diff --git a/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavGroup.spec.ts.snap b/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavGroup.spec.ts.snap
index c959b05c..78b1e4cb 100644
--- a/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavGroup.spec.ts.snap
+++ b/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavGroup.spec.ts.snap
@@ -1,17 +1,17 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Customize CNavGroup component renders correctly 1`] = `
-"<li class=\\"nav-group show\\"><a class=\\"nav-link nav-group-toggle\\">togglerContent</a>
-  <transition-stub>
-    <ul class=\\"nav-group-items compact\\"></ul>
+"<li class="nav-group show"><a class="nav-link nav-group-toggle">togglerContent</a>
+  <transition-stub appear="false" persisted="false" css="false">
+    <ul class="nav-group-items compact"></ul>
   </transition-stub>
 </li>"
 `;
 
 exports[`Loads and display CNavGroup component renders correctly 1`] = `
-"<li class=\\"nav-group\\">
+"<li class="nav-group">
   <!---->
-  <transition-stub>
+  <transition-stub appear="false" persisted="false" css="false">
     <!---->
   </transition-stub>
 </li>"
diff --git a/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavGroupItems.spec.ts.snap b/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavGroupItems.spec.ts.snap
index 85dd192f..7e5bd579 100644
--- a/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavGroupItems.spec.ts.snap
+++ b/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavGroupItems.spec.ts.snap
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Loads and display CNavGroupItems component renders correctly 1`] = `"<ul class=\\"nav-group-items\\">Default slot</ul>"`;
+exports[`Loads and display CNavGroupItems component renders correctly 1`] = `"<ul class="nav-group-items">Default slot</ul>"`;
diff --git a/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavItem.spec.ts.snap b/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavItem.spec.ts.snap
index aafaa47d..7147ee44 100644
--- a/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavItem.spec.ts.snap
+++ b/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavItem.spec.ts.snap
@@ -1,9 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Customize CNavItem component renders correctly 1`] = `
-"<li class=\\"nav-item\\">
-  <div class=\\"active disabled nav-link\\" aria-current=\\"page\\" href=\\"/bazinga\\">Default slot</div>
+"<li class="nav-item">
+  <div class="active disabled nav-link" aria-current="page" href="/bazinga">Default slot</div>
 </li>"
 `;
 
-exports[`Loads and display CNavItem component renders correctly 1`] = `"<li class=\\"nav-item\\">Default slot</li>"`;
+exports[`Loads and display CNavItem component renders correctly 1`] = `"<li class="nav-item">Default slot</li>"`;
diff --git a/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavLink.spec.ts.snap b/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavLink.spec.ts.snap
index fb08bba5..343e8754 100644
--- a/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavLink.spec.ts.snap
+++ b/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavLink.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CNavLink component renders correctly 1`] = `"<div class=\\"active disabled nav-link\\" aria-current=\\"page\\" href=\\"/bazinga\\">Default slot</div>"`;
+exports[`Customize CNavLink component renders correctly 1`] = `"<div class="active disabled nav-link" aria-current="page" href="/bazinga">Default slot</div>"`;
 
-exports[`Loads and display CNavLink component renders correctly 1`] = `"<a class=\\"nav-link\\">Default slot</a>"`;
+exports[`Loads and display CNavLink component renders correctly 1`] = `"<a class="nav-link">Default slot</a>"`;
diff --git a/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavTitle.spec.ts.snap b/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavTitle.spec.ts.snap
index ce071627..44eee351 100644
--- a/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavTitle.spec.ts.snap
+++ b/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavTitle.spec.ts.snap
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Loads and display CNavTitle component renders correctly 1`] = `"<li class=\\"nav-title\\">Default slot</li>"`;
+exports[`Loads and display CNavTitle component renders correctly 1`] = `"<li class="nav-title">Default slot</li>"`;
diff --git a/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbar.spec.ts.snap b/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbar.spec.ts.snap
index a181b2d6..ff0e3509 100644
--- a/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbar.spec.ts.snap
+++ b/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbar.spec.ts.snap
@@ -1,9 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Customize CNavbar component renders correctly 1`] = `
-"<div class=\\"navbar bg-warning navbar-light navbar-expand-xl fixed-bottom\\">
-  <div class=\\"container-lg\\">Default slot</div>
+"<div class="navbar bg-warning navbar-light navbar-expand-xl fixed-bottom">
+  <div class="container-lg">Default slot</div>
 </div>"
 `;
 
-exports[`Loads and display CNavbar component renders correctly 1`] = `"<nav class=\\"navbar\\">Default slot</nav>"`;
+exports[`Loads and display CNavbar component renders correctly 1`] = `"<nav class="navbar">Default slot</nav>"`;
diff --git a/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbarBrand.spec.ts.snap b/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbarBrand.spec.ts.snap
index c8d4dc74..0ddb600e 100644
--- a/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbarBrand.spec.ts.snap
+++ b/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbarBrand.spec.ts.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize (two) CNavbarBrand component renders correctly 1`] = `"<a class=\\"navbar-brand\\" href=\\"/bazinga\\">Default slot</a>"`;
+exports[`Customize (two) CNavbarBrand component renders correctly 1`] = `"<a class="navbar-brand" href="/bazinga">Default slot</a>"`;
 
-exports[`Customize CNavbarBrand component renders correctly 1`] = `"<div class=\\"navbar-brand\\" href=\\"/bazinga\\">Default slot</div>"`;
+exports[`Customize CNavbarBrand component renders correctly 1`] = `"<div class="navbar-brand" href="/bazinga">Default slot</div>"`;
 
-exports[`Loads and display CNavbarBrand component renders correctly 1`] = `"<a class=\\"navbar-brand\\">Default slot</a>"`;
+exports[`Loads and display CNavbarBrand component renders correctly 1`] = `"<a class="navbar-brand">Default slot</a>"`;
diff --git a/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbarNav.spec.ts.snap b/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbarNav.spec.ts.snap
index 1bf1ff8c..d2e23afd 100644
--- a/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbarNav.spec.ts.snap
+++ b/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbarNav.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CNavbarNav component renders correctly 1`] = `"<div class=\\"navbar-nav\\" role=\\"navigation\\">Default slot</div>"`;
+exports[`Customize CNavbarNav component renders correctly 1`] = `"<div class="navbar-nav" role="navigation">Default slot</div>"`;
 
-exports[`Loads and display CNavbarNav component renders correctly 1`] = `"<ul class=\\"navbar-nav\\" role=\\"navigation\\">Default slot</ul>"`;
+exports[`Loads and display CNavbarNav component renders correctly 1`] = `"<ul class="navbar-nav" role="navigation">Default slot</ul>"`;
diff --git a/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbarText.spec.ts.snap b/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbarText.spec.ts.snap
index 002c5d56..24487886 100644
--- a/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbarText.spec.ts.snap
+++ b/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbarText.spec.ts.snap
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Loads and display CNavbarText component renders correctly 1`] = `"<span class=\\"navbar-text\\">Default slot</span>"`;
+exports[`Loads and display CNavbarText component renders correctly 1`] = `"<span class="navbar-text">Default slot</span>"`;
diff --git a/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbarToggler.spec.ts.snap b/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbarToggler.spec.ts.snap
index 71742747..7054937b 100644
--- a/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbarToggler.spec.ts.snap
+++ b/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbarToggler.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CNavbarToggler component renders correctly 1`] = `"<button class=\\"navbar-toggler\\">Default slot</button>"`;
+exports[`Customize CNavbarToggler component renders correctly 1`] = `"<button class="navbar-toggler">Default slot</button>"`;
 
-exports[`Loads and display CNavbarToggler component renders correctly 1`] = `"<button class=\\"navbar-toggler\\"><span class=\\"navbar-toggler-icon\\"></span></button>"`;
+exports[`Loads and display CNavbarToggler component renders correctly 1`] = `"<button class="navbar-toggler"><span class="navbar-toggler-icon"></span></button>"`;
diff --git a/packages/coreui-vue/src/components/offcanvas/__tests__/__snapshots__/COffcanvasBody.spec.ts.snap b/packages/coreui-vue/src/components/offcanvas/__tests__/__snapshots__/COffcanvasBody.spec.ts.snap
index 0734b39e..86cbd126 100644
--- a/packages/coreui-vue/src/components/offcanvas/__tests__/__snapshots__/COffcanvasBody.spec.ts.snap
+++ b/packages/coreui-vue/src/components/offcanvas/__tests__/__snapshots__/COffcanvasBody.spec.ts.snap
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Loads and display COffcanvasBody component renders correctly 1`] = `"<div class=\\"offcanvas-body\\">Default slot</div>"`;
+exports[`Loads and display COffcanvasBody component renders correctly 1`] = `"<div class="offcanvas-body">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/offcanvas/__tests__/__snapshots__/COffcanvasHeader.spec.ts.snap b/packages/coreui-vue/src/components/offcanvas/__tests__/__snapshots__/COffcanvasHeader.spec.ts.snap
index 0d3349bf..f3a255fc 100644
--- a/packages/coreui-vue/src/components/offcanvas/__tests__/__snapshots__/COffcanvasHeader.spec.ts.snap
+++ b/packages/coreui-vue/src/components/offcanvas/__tests__/__snapshots__/COffcanvasHeader.spec.ts.snap
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Loads and display COffcanvasHeader component renders correctly 1`] = `"<div class=\\"offcanvas-header\\">Default slot</div>"`;
+exports[`Loads and display COffcanvasHeader component renders correctly 1`] = `"<div class="offcanvas-header">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/offcanvas/__tests__/__snapshots__/COffcanvasTitle.spec.ts.snap b/packages/coreui-vue/src/components/offcanvas/__tests__/__snapshots__/COffcanvasTitle.spec.ts.snap
index 0f7852ee..52e231f8 100644
--- a/packages/coreui-vue/src/components/offcanvas/__tests__/__snapshots__/COffcanvasTitle.spec.ts.snap
+++ b/packages/coreui-vue/src/components/offcanvas/__tests__/__snapshots__/COffcanvasTitle.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize COffcanvasTitle component renders correctly 1`] = `"<div class=\\"offcanvas-title\\">Default slot</div>"`;
+exports[`Customize COffcanvasTitle component renders correctly 1`] = `"<div class="offcanvas-title">Default slot</div>"`;
 
-exports[`Loads and display COffcanvasTitle component renders correctly 1`] = `"<h5 class=\\"offcanvas-title\\">Default slot</h5>"`;
+exports[`Loads and display COffcanvasTitle component renders correctly 1`] = `"<h5 class="offcanvas-title">Default slot</h5>"`;
diff --git a/packages/coreui-vue/src/components/pagination/__tests__/__snapshots__/CPagination.spec.ts.snap b/packages/coreui-vue/src/components/pagination/__tests__/__snapshots__/CPagination.spec.ts.snap
index ab58969d..df7177ab 100644
--- a/packages/coreui-vue/src/components/pagination/__tests__/__snapshots__/CPagination.spec.ts.snap
+++ b/packages/coreui-vue/src/components/pagination/__tests__/__snapshots__/CPagination.spec.ts.snap
@@ -2,12 +2,12 @@
 
 exports[`Customize CPagination component renders correctly 1`] = `
 "<nav>
-  <ul class=\\"pagination pagination-lg\\">Default slot</ul>
+  <ul class="pagination pagination-lg">Default slot</ul>
 </nav>"
 `;
 
 exports[`Loads and display CPagination component renders correctly 1`] = `
 "<nav>
-  <ul class=\\"pagination\\">Default slot</ul>
+  <ul class="pagination">Default slot</ul>
 </nav>"
 `;
diff --git a/packages/coreui-vue/src/components/pagination/__tests__/__snapshots__/CPaginationItem.spec.ts.snap b/packages/coreui-vue/src/components/pagination/__tests__/__snapshots__/CPaginationItem.spec.ts.snap
index f1cbff80..440c37db 100644
--- a/packages/coreui-vue/src/components/pagination/__tests__/__snapshots__/CPaginationItem.spec.ts.snap
+++ b/packages/coreui-vue/src/components/pagination/__tests__/__snapshots__/CPaginationItem.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CPaginationItem component renders correctly 1`] = `"<li class=\\"page-item disabled\\"><a class=\\"page-link\\" href=\\"/bazinga\\">Default slot</a></li>"`;
+exports[`Customize CPaginationItem component renders correctly 1`] = `"<li class="page-item disabled"><a class="page-link" href="/bazinga">Default slot</a></li>"`;
 
-exports[`Loads and display CPaginationItem component renders correctly 1`] = `"<li class=\\"page-item\\"><a class=\\"page-link\\">Default slot</a></li>"`;
+exports[`Loads and display CPaginationItem component renders correctly 1`] = `"<li class="page-item"><a class="page-link">Default slot</a></li>"`;
diff --git a/packages/coreui-vue/src/components/progress/__tests__/__snapshots__/CProgress.spec.ts.snap b/packages/coreui-vue/src/components/progress/__tests__/__snapshots__/CProgress.spec.ts.snap
index 444e575e..bb820197 100644
--- a/packages/coreui-vue/src/components/progress/__tests__/__snapshots__/CProgress.spec.ts.snap
+++ b/packages/coreui-vue/src/components/progress/__tests__/__snapshots__/CProgress.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CProgress component renders correctly 1`] = `"<div class=\\"progress progress-thin progress-white\\" style=\\"height: 100px;\\">Default slot</div>"`;
+exports[`Customize CProgress component renders correctly 1`] = `"<div class="progress progress-thin progress-white" style="height: 100px;">Default slot</div>"`;
 
-exports[`Loads and display CProgress component renders correctly 1`] = `"<div class=\\"progress\\" style=\\"\\">Default slot</div>"`;
+exports[`Loads and display CProgress component renders correctly 1`] = `"<div class="progress" style="">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/progress/__tests__/__snapshots__/CProgressBar.spec.ts.snap b/packages/coreui-vue/src/components/progress/__tests__/__snapshots__/CProgressBar.spec.ts.snap
index 87a1eb70..c4daea91 100644
--- a/packages/coreui-vue/src/components/progress/__tests__/__snapshots__/CProgressBar.spec.ts.snap
+++ b/packages/coreui-vue/src/components/progress/__tests__/__snapshots__/CProgressBar.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CProgressBar component renders correctly 1`] = `"<div class=\\"progress-bar bg-warning progress-bar-striped progress-bar-animated\\" role=\\"progressbar\\" style=\\"width: 75%;\\" aria-valuenow=\\"75\\" aria-valuemin=\\"0\\" aria-valuemax=\\"100\\">Default slot</div>"`;
+exports[`Customize CProgressBar component renders correctly 1`] = `"<div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" role="progressbar" style="width: 75%;" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">Default slot</div>"`;
 
-exports[`Loads and display CProgressBar component renders correctly 1`] = `"<div class=\\"progress-bar bg-undefined\\" role=\\"progressbar\\" style=\\"width: 0%;\\" aria-valuenow=\\"0\\" aria-valuemin=\\"0\\" aria-valuemax=\\"100\\">Default slot</div>"`;
+exports[`Loads and display CProgressBar component renders correctly 1`] = `"<div class="progress-bar bg-undefined" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebar.spec.ts.snap b/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebar.spec.ts.snap
index 1f78fb3e..cffd8e68 100644
--- a/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebar.spec.ts.snap
+++ b/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebar.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CSidebar component renders correctly 1`] = `"<div class=\\"sidebar sidebar-narrow sidebar-overlaid sidebar-fixed sidebar-xl sidebar-narrow-unfoldable\\">Default slot</div>"`;
+exports[`Customize CSidebar component renders correctly 1`] = `"<div class="sidebar sidebar-narrow sidebar-overlaid sidebar-fixed sidebar-xl sidebar-narrow-unfoldable">Default slot</div>"`;
 
-exports[`Loads and display CSidebar component renders correctly 1`] = `"<div class=\\"sidebar hide\\">Default slot</div>"`;
+exports[`Loads and display CSidebar component renders correctly 1`] = `"<div class="sidebar hide">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarBrand.spec.ts.snap b/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarBrand.spec.ts.snap
index 69b13fc4..5b05d064 100644
--- a/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarBrand.spec.ts.snap
+++ b/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarBrand.spec.ts.snap
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Loads and display CSidebarBrand component renders correctly 1`] = `"<div class=\\"sidebar-brand\\">Default slot</div>"`;
+exports[`Loads and display CSidebarBrand component renders correctly 1`] = `"<div class="sidebar-brand">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarFooter.spec.ts.snap b/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarFooter.spec.ts.snap
index 943df02f..c275d81c 100644
--- a/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarFooter.spec.ts.snap
+++ b/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarFooter.spec.ts.snap
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Loads and display CSidebarFooter component renders correctly 1`] = `"<div class=\\"sidebar-footer\\">Default slot</div>"`;
+exports[`Loads and display CSidebarFooter component renders correctly 1`] = `"<div class="sidebar-footer">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarHeader.spec.ts.snap b/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarHeader.spec.ts.snap
index aa517e64..edf15cc3 100644
--- a/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarHeader.spec.ts.snap
+++ b/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarHeader.spec.ts.snap
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Loads and display CSidebarHeader component renders correctly 1`] = `"<div class=\\"sidebar-header\\">Default slot</div>"`;
+exports[`Loads and display CSidebarHeader component renders correctly 1`] = `"<div class="sidebar-header">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarNav.spec.ts.snap b/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarNav.spec.ts.snap
index 77f0c1cd..b476da94 100644
--- a/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarNav.spec.ts.snap
+++ b/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarNav.spec.ts.snap
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Loads and display CSidebarNav component renders correctly 1`] = `"<ul class=\\"sidebar-nav\\"></ul>"`;
+exports[`Loads and display CSidebarNav component renders correctly 1`] = `"<ul class="sidebar-nav"></ul>"`;
diff --git a/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarToggler.spec.ts.snap b/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarToggler.spec.ts.snap
index b8357bf5..402da170 100644
--- a/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarToggler.spec.ts.snap
+++ b/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarToggler.spec.ts.snap
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Loads and display CSidebarToggler component renders correctly 1`] = `"<button class=\\"sidebar-toggler\\">Default slot</button>"`;
+exports[`Loads and display CSidebarToggler component renders correctly 1`] = `"<button class="sidebar-toggler">Default slot</button>"`;
diff --git a/packages/coreui-vue/src/components/spinner/__tests__/__snapshots__/CSpinner.spec.ts.snap b/packages/coreui-vue/src/components/spinner/__tests__/__snapshots__/CSpinner.spec.ts.snap
index 087b82e0..f1d49397 100644
--- a/packages/coreui-vue/src/components/spinner/__tests__/__snapshots__/CSpinner.spec.ts.snap
+++ b/packages/coreui-vue/src/components/spinner/__tests__/__snapshots__/CSpinner.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CSpinner component renders correctly 1`] = `"<h4 class=\\"spinner-grow text-warning spinner-grow-sm\\" role=\\"status\\"><span class=\\"visually-hidden\\">visuallyHiddenLabel</span></h4>"`;
+exports[`Customize CSpinner component renders correctly 1`] = `"<h4 class="spinner-grow text-warning spinner-grow-sm" role="status"><span class="visually-hidden">visuallyHiddenLabel</span></h4>"`;
 
-exports[`Loads and display CSpinner component renders correctly 1`] = `"<div class=\\"spinner-border text-undefined\\" role=\\"status\\"><span class=\\"visually-hidden\\">Loading...</span></div>"`;
+exports[`Loads and display CSpinner component renders correctly 1`] = `"<div class="spinner-border text-undefined" role="status"><span class="visually-hidden">Loading...</span></div>"`;
diff --git a/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTable.spec.ts.snap b/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTable.spec.ts.snap
index 21adca39..896ca48b 100644
--- a/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTable.spec.ts.snap
+++ b/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTable.spec.ts.snap
@@ -1,9 +1,21 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Customize CTable component renders correctly 1`] = `
-"<div class=\\"table-responsive-lg\\">
-  <table class=\\"table align-center caption-top border-dark table-bordered table-borderless table-warning table-hover table-sm table-striped\\">Default slot</table>
+"<div class="table-responsive-lg">
+  <table class="table align-center caption-top border-dark table-bordered table-borderless table-warning table-hover table-sm table-striped">
+    <!---->
+    <!---->
+    <!---->Default slot
+    <!---->
+  </table>
 </div>"
 `;
 
-exports[`Loads and display CTable component renders correctly 1`] = `"<table class=\\"table\\">Default slot</table>"`;
+exports[`Loads and display CTable component renders correctly 1`] = `
+"<table class="table">
+  <!---->
+  <!---->
+  <!---->Default slot
+  <!---->
+</table>"
+`;
diff --git a/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableBody.spec.ts.snap b/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableBody.spec.ts.snap
index e452db95..fc64a172 100644
--- a/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableBody.spec.ts.snap
+++ b/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableBody.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CTableBody component renders correctly 1`] = `"<tbody class=\\"table-warning\\">Default slot</tbody>"`;
+exports[`Customize CTableBody component renders correctly 1`] = `"<tbody class="table-warning">Default slot</tbody>"`;
 
-exports[`Loads and display CTableBody component renders correctly 1`] = `"<tbody class=\\"\\">Default slot</tbody>"`;
+exports[`Loads and display CTableBody component renders correctly 1`] = `"<tbody class="">Default slot</tbody>"`;
diff --git a/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableDataCell.spec.ts.snap b/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableDataCell.spec.ts.snap
index 06451f4e..75f33858 100644
--- a/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableDataCell.spec.ts.snap
+++ b/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableDataCell.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CTableDataCell component renders correctly 1`] = `"<td class=\\"align-middle table-active table-warning\\">Default slot</td>"`;
+exports[`Customize CTableDataCell component renders correctly 1`] = `"<td class="align-middle table-active table-warning">Default slot</td>"`;
 
-exports[`Loads and display CTableDataCell component renders correctly 1`] = `"<td class=\\"\\">Default slot</td>"`;
+exports[`Loads and display CTableDataCell component renders correctly 1`] = `"<td class="">Default slot</td>"`;
diff --git a/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableFoot.spec.ts.snap b/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableFoot.spec.ts.snap
index 1d441f68..4d50b597 100644
--- a/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableFoot.spec.ts.snap
+++ b/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableFoot.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CTableFoot component renders correctly 1`] = `"<tfoot class=\\"table-warning\\">Default slot</tfoot>"`;
+exports[`Customize CTableFoot component renders correctly 1`] = `"<tfoot class="table-warning">Default slot</tfoot>"`;
 
-exports[`Loads and display CTableFoot component renders correctly 1`] = `"<tfoot class=\\"\\">Default slot</tfoot>"`;
+exports[`Loads and display CTableFoot component renders correctly 1`] = `"<tfoot class="">Default slot</tfoot>"`;
diff --git a/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableHead.spec.ts.snap b/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableHead.spec.ts.snap
index 340dff97..e2a9c114 100644
--- a/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableHead.spec.ts.snap
+++ b/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableHead.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CTableHead component renders correctly 1`] = `"<thead class=\\"table-warning\\">Default slot</thead>"`;
+exports[`Customize CTableHead component renders correctly 1`] = `"<thead class="table-warning">Default slot</thead>"`;
 
-exports[`Loads and display CTableHead component renders correctly 1`] = `"<thead class=\\"\\">Default slot</thead>"`;
+exports[`Loads and display CTableHead component renders correctly 1`] = `"<thead class="">Default slot</thead>"`;
diff --git a/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableHeaderCell.spec.ts.snap b/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableHeaderCell.spec.ts.snap
index 814d9ad4..b5523d84 100644
--- a/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableHeaderCell.spec.ts.snap
+++ b/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableHeaderCell.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CTableHeaderCell component renders correctly 1`] = `"<th class=\\"table-warning\\">Default slot</th>"`;
+exports[`Customize CTableHeaderCell component renders correctly 1`] = `"<th class="table-warning">Default slot</th>"`;
 
-exports[`Loads and display CTableHeaderCell component renders correctly 1`] = `"<th class=\\"\\">Default slot</th>"`;
+exports[`Loads and display CTableHeaderCell component renders correctly 1`] = `"<th class="">Default slot</th>"`;
diff --git a/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableRow.spec.ts.snap b/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableRow.spec.ts.snap
index 3e798a33..11c6d246 100644
--- a/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableRow.spec.ts.snap
+++ b/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableRow.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CTableRow component renders correctly 1`] = `"<tr class=\\"align-middle table-active table-warning\\">Default slot</tr>"`;
+exports[`Customize CTableRow component renders correctly 1`] = `"<tr class="align-middle table-active table-warning">Default slot</tr>"`;
 
-exports[`Loads and display CTableRow component renders correctly 1`] = `"<tr class=\\"\\">Default slot</tr>"`;
+exports[`Loads and display CTableRow component renders correctly 1`] = `"<tr class="">Default slot</tr>"`;
diff --git a/packages/coreui-vue/src/components/tabs/__tests__/__snapshots__/CTabContent.spec.ts.snap b/packages/coreui-vue/src/components/tabs/__tests__/__snapshots__/CTabContent.spec.ts.snap
index dddea15c..a6fe655d 100644
--- a/packages/coreui-vue/src/components/tabs/__tests__/__snapshots__/CTabContent.spec.ts.snap
+++ b/packages/coreui-vue/src/components/tabs/__tests__/__snapshots__/CTabContent.spec.ts.snap
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Loads and display CTabContent component renders correctly 1`] = `"<div class=\\"tab-content\\">Default slot</div>"`;
+exports[`Loads and display CTabContent component renders correctly 1`] = `"<div class="tab-content">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToastBody.spec.ts.snap b/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToastBody.spec.ts.snap
index 19fd8765..0636c970 100644
--- a/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToastBody.spec.ts.snap
+++ b/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToastBody.spec.ts.snap
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Loads and display CToastBody component renders correctly 1`] = `"<div class=\\"toast-body\\">Default slot</div>"`;
+exports[`Loads and display CToastBody component renders correctly 1`] = `"<div class="toast-body">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToastClose.spec.ts.snap b/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToastClose.spec.ts.snap
index 7bfc900e..6944431f 100644
--- a/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToastClose.spec.ts.snap
+++ b/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToastClose.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CToastClose component renders correctly 1`] = `"<button class=\\"btn btn-undefined\\" type=\\"button\\">Default slot</button>"`;
+exports[`Customize CToastClose component renders correctly 1`] = `"<button class="btn btn-undefined" type="button">Default slot</button>"`;
 
-exports[`Loads and display CToastClose component renders correctly 1`] = `"<button type=\\"button\\" class=\\"btn btn-close\\" aria-label=\\"Close\\"></button>"`;
+exports[`Loads and display CToastClose component renders correctly 1`] = `"<button type="button" class="btn btn-close" aria-label="Close"></button>"`;
diff --git a/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToastHeader.spec.ts.snap b/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToastHeader.spec.ts.snap
index 0a22bada..6682d823 100644
--- a/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToastHeader.spec.ts.snap
+++ b/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToastHeader.spec.ts.snap
@@ -1,9 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CToastHeader component renders correctly 1`] = `"<div class=\\"toast-header\\">Default slot<button type=\\"button\\" class=\\"btn btn-close\\" aria-label=\\"Close\\"></button></div>"`;
+exports[`Customize CToastHeader component renders correctly 1`] = `"<div class="toast-header">Default slot<button type="button" class="btn btn-close" aria-label="Close"></button></div>"`;
 
 exports[`Loads and display CToastHeader component renders correctly 1`] = `
-"<div class=\\"toast-header\\">Default slot
+"<div class="toast-header">Default slot
   <!---->
 </div>"
 `;
diff --git a/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToaster.spec.ts.snap b/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToaster.spec.ts.snap
index cf4120d0..8f23150f 100644
--- a/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToaster.spec.ts.snap
+++ b/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToaster.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CToaster component renders correctly 1`] = `"<div class=\\"toaster toast-container p-3 position-fixed top-0 end-0\\">Default slot</div>"`;
+exports[`Customize CToaster component renders correctly 1`] = `"<div class="toaster toast-container p-3 position-fixed top-0 end-0">Default slot</div>"`;
 
-exports[`Loads and display CToaster component renders correctly 1`] = `"<div class=\\"toaster toast-container p-3\\">Default slot</div>"`;
+exports[`Loads and display CToaster component renders correctly 1`] = `"<div class="toaster toast-container p-3">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsA.spec.ts.snap b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsA.spec.ts.snap
index febb42ea..c8e5f776 100644
--- a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsA.spec.ts.snap
+++ b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsA.spec.ts.snap
@@ -1,10 +1,10 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Loads and display CWidgetStatsA component renders correctly 1`] = `
-"<div class=\\"card bg-warning text-high-emphasis-inverse\\">
-  <div class=\\"card-body pb-0 d-flex justify-content-between align-items-start\\">
+"<div class="card bg-warning text-high-emphasis-inverse">
+  <div class="card-body pb-0 d-flex justify-content-between align-items-start">
     <div>
-      <div class=\\"fs-4 fw-semibold\\">75</div>
+      <div class="fs-4 fw-semibold">75</div>
       <div>title</div>
     </div>action
   </div>chartDefault slot
diff --git a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsB.spec.ts.snap b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsB.spec.ts.snap
index 92099d9f..33f7850e 100644
--- a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsB.spec.ts.snap
+++ b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsB.spec.ts.snap
@@ -1,13 +1,13 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Loads and display CWidgetStatsB component renders correctly 1`] = `
-"<div class=\\"card bg-warning text-high-emphasis-inverse\\">
-  <div class=\\"card-body\\">
-    <div class=\\"fs-4 fw-semibold\\">75</div>
+"<div class="card bg-warning text-high-emphasis-inverse">
+  <div class="card-body">
+    <div class="fs-4 fw-semibold">75</div>
     <div>title</div>
-    <div class=\\"progress progress-white my-2\\" style=\\"height: 4px;\\">
-      <div class=\\"progress-bar bg-info\\" role=\\"progressbar\\" style=\\"width: 75%;\\" aria-valuenow=\\"75\\" aria-valuemin=\\"0\\" aria-valuemax=\\"100\\"></div>
-    </div><small class=\\"text-medium-emphasis-inverse\\">text</small>
+    <div class="progress progress-white my-2" style="height: 4px;">
+      <div class="progress-bar bg-info" role="progressbar" style="width: 75%;" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
+    </div><small class="text-medium-emphasis-inverse">text</small>
   </div>
 </div>"
 `;
diff --git a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsC.spec.ts.snap b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsC.spec.ts.snap
index f1b38db8..8793d1ec 100644
--- a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsC.spec.ts.snap
+++ b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsC.spec.ts.snap
@@ -1,13 +1,13 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Loads and display CWidgetStatsC component renders correctly 1`] = `
-"<div class=\\"card bg-warning text-white\\">
-  <div class=\\"card-body\\">
-    <div class=\\"text-end mb-4 text-medium-emphasis-inverse\\">icon</div>
-    <div class=\\"fs-4 fw-semibold\\">75</div>
-    <div class=\\"text-uppercase fw-semibold small text-medium-emphasis-inverse\\">title</div>
-    <div class=\\"progress progress-white my-2\\" style=\\"height: 4px;\\">
-      <div class=\\"progress-bar bg-info\\" role=\\"progressbar\\" style=\\"width: 75%;\\" aria-valuenow=\\"75\\" aria-valuemin=\\"0\\" aria-valuemax=\\"100\\"></div>
+"<div class="card bg-warning text-white">
+  <div class="card-body">
+    <div class="text-end mb-4 text-medium-emphasis-inverse">icon</div>
+    <div class="fs-4 fw-semibold">75</div>
+    <div class="text-uppercase fw-semibold small text-medium-emphasis-inverse">title</div>
+    <div class="progress progress-white my-2" style="height: 4px;">
+      <div class="progress-bar bg-info" role="progressbar" style="width: 75%;" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
     </div>
   </div>
 </div>"
diff --git a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsD.spec.ts.snap b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsD.spec.ts.snap
index cf88699f..77bab6a7 100644
--- a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsD.spec.ts.snap
+++ b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsD.spec.ts.snap
@@ -1,18 +1,18 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Loads and display CWidgetStatsD component renders correctly 1`] = `
-"<div class=\\"card\\">
-  <div class=\\"card-header position-relative d-flex justify-content-center align-items-center bg-warning\\">iconchart</div>
-  <div class=\\"card-body row text-center\\">
+"<div class="card">
+  <div class="card-header position-relative d-flex justify-content-center align-items-center bg-warning">iconchart</div>
+  <div class="card-body row text-center">
     <!---->
-    <div class=\\"col\\">
-      <div class=\\"col fs-5 fw-semibold\\">bb</div>
-      <div class=\\"col text-uppercase text-medium-emphasis small\\">aa</div>
+    <div class="col">
+      <div class="col fs-5 fw-semibold">bb</div>
+      <div class="col text-uppercase text-medium-emphasis small">aa</div>
     </div>
-    <div class=\\"vr\\"></div>
-    <div class=\\"col\\">
-      <div class=\\"col fs-5 fw-semibold\\">dd</div>
-      <div class=\\"col text-uppercase text-medium-emphasis small\\">cc</div>
+    <div class="vr"></div>
+    <div class="col">
+      <div class="col fs-5 fw-semibold">dd</div>
+      <div class="col text-uppercase text-medium-emphasis small">cc</div>
     </div>
   </div>
 </div>"
diff --git a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsE.spec.ts.snap b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsE.spec.ts.snap
index 75efdd7e..c1c85e62 100644
--- a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsE.spec.ts.snap
+++ b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsE.spec.ts.snap
@@ -1,10 +1,10 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Loads and display CWidgetStatsE component renders correctly 1`] = `
-"<div class=\\"card\\">
-  <div class=\\"card-body text-center\\">
-    <div class=\\"text-muted small text-uppercase font-weight-bold\\">title</div>
-    <div class=\\"h2 py-3\\">value</div>chartdefault
+"<div class="card">
+  <div class="card-body text-center">
+    <div class="text-muted small text-uppercase font-weight-bold">title</div>
+    <div class="h2 py-3">value</div>chartdefault
   </div>
 </div>"
 `;
diff --git a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsF.spec.ts.snap b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsF.spec.ts.snap
index 34bbce53..81b9aa42 100644
--- a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsF.spec.ts.snap
+++ b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsF.spec.ts.snap
@@ -1,14 +1,14 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Loads and display CWidgetStatsF component renders correctly 1`] = `
-"<div class=\\"card\\">
-  <div class=\\"card-body d-flex align-items-center\\">
-    <div class=\\"me-3 text-white bg-warning p-3\\">default</div>
+"<div class="card">
+  <div class="card-body d-flex align-items-center">
+    <div class="me-3 text-white bg-warning p-3">default</div>
     <div>
-      <div class=\\"fs-6 fw-semibold text-warning\\">75</div>
-      <div class=\\"text-medium-emphasis text-uppercase fw-semibold small\\">title</div>
+      <div class="fs-6 fw-semibold text-warning">75</div>
+      <div class="text-medium-emphasis text-uppercase fw-semibold small">title</div>
     </div>
   </div>
-  <div class=\\"card-footer\\">footer</div>
+  <div class="card-footer">footer</div>
 </div>"
 `;

From e07b767307744624d83da88a94305a2172d2cdaf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@coreui.io>
Date: Sat, 25 Mar 2023 17:08:39 +0100
Subject: [PATCH 072/346] refactor: clean-up, improvements, and shorthands in
 props definition

---
 packages/coreui-vue-chartjs/src/CChart.ts     | 11 ----
 .../src/components/accordion/CAccordion.ts    |  6 +--
 .../components/accordion/CAccordionItem.ts    |  7 +--
 .../coreui-vue/src/components/alert/CAlert.ts |  9 +---
 .../src/components/alert/CAlertHeading.ts     |  1 -
 .../src/components/avatar/CAvatar.ts          | 10 +---
 .../src/components/backdrop/CBackdrop.ts      |  3 +-
 .../coreui-vue/src/components/badge/CBadge.ts |  5 --
 .../components/breadcrumb/CBreadcrumbItem.ts  | 11 +---
 .../components/button-group/CButtonGroup.ts   |  7 +--
 .../src/components/button/CButton.ts          | 23 ++------
 .../src/components/card/CCardHeader.ts        |  1 -
 .../src/components/card/CCardImage.ts         |  3 --
 .../src/components/card/CCardLink.ts          |  1 -
 .../src/components/card/CCardSubtitle.ts      |  1 -
 .../src/components/card/CCardText.ts          |  1 -
 .../src/components/card/CCardTitle.ts         |  1 -
 .../src/components/carousel/CCarousel.ts      |  7 +--
 .../src/components/carousel/CCarouselItem.ts  |  2 -
 .../components/close-button/CCloseButton.ts   | 10 +---
 .../src/components/collapse/CCollapse.ts      | 12 ++---
 .../src/components/dropdown/CDropdown.ts      | 23 ++------
 .../components/dropdown/CDropdownHeader.ts    |  1 -
 .../src/components/dropdown/CDropdownItem.ts  | 17 ++----
 .../src/components/dropdown/CDropdownMenu.ts  |  1 -
 .../components/dropdown/CDropdownToggle.ts    | 25 ++-------
 .../src/components/footer/CFooter.ts          |  2 -
 .../coreui-vue/src/components/form/CForm.ts   |  5 +-
 .../src/components/form/CFormCheck.ts         | 32 +++--------
 .../components/form/CFormControlValidation.ts | 16 ++----
 .../components/form/CFormControlWrapper.ts    | 16 ++----
 .../src/components/form/CFormFeedback.ts      |  1 -
 .../src/components/form/CFormInput.ts         | 48 ++++-------------
 .../src/components/form/CFormLabel.ts         |  6 +--
 .../src/components/form/CFormRange.ts         | 38 +++----------
 .../src/components/form/CFormSelect.ts        | 49 ++++-------------
 .../src/components/form/CFormSwitch.ts        | 21 ++------
 .../src/components/form/CFormText.ts          |  1 -
 .../src/components/form/CFormTextarea.ts      | 45 ++++------------
 .../src/components/form/CInputGroup.ts        |  2 -
 .../src/components/form/CInputGroupText.ts    |  1 -
 .../coreui-vue/src/components/grid/CCol.ts    | 12 -----
 .../src/components/grid/CContainer.ts         | 30 +++--------
 .../coreui-vue/src/components/grid/CRow.ts    | 46 ++++------------
 .../src/components/header/CHeader.ts          |  4 --
 .../src/components/header/CHeaderBrand.ts     |  1 -
 .../src/components/header/CHeaderNav.ts       |  1 -
 .../coreui-vue/src/components/image/CImage.ts | 17 ++----
 .../coreui-vue/src/components/link/CLink.ts   | 17 ++----
 .../src/components/list-group/CListGroup.ts   |  8 +--
 .../components/list-group/CListGroupItem.ts   | 11 +---
 .../coreui-vue/src/components/modal/CModal.ts | 13 ++---
 .../src/components/modal/CModalHeader.ts      |  1 -
 .../src/components/modal/CModalTitle.ts       |  1 -
 .../coreui-vue/src/components/nav/CNav.ts     |  5 --
 .../coreui-vue/src/components/nav/CNavLink.ts | 17 ++----
 .../src/components/navbar/CNavbar.ts          |  9 ----
 .../src/components/navbar/CNavbarBrand.ts     |  7 +--
 .../src/components/navbar/CNavbarNav.ts       |  1 -
 .../src/components/offcanvas/COffcanvas.ts    | 19 ++++---
 .../components/offcanvas/COffcanvasTitle.ts   |  1 -
 .../src/components/pagination/CPagination.ts  |  4 --
 .../components/pagination/CPaginationItem.ts  | 22 ++------
 .../components/placeholder/CPlaceholder.ts    | 41 +++-----------
 .../src/components/popover/CPopover.ts        | 17 ++----
 .../src/components/progress/CProgress.ts      |  6 +--
 .../src/components/progress/CProgressBar.ts   |  8 +--
 .../src/components/sidebar/CSidebar.ts        | 14 ++---
 .../src/components/spinner/CSpinner.ts        |  7 ---
 .../coreui-vue/src/components/table/CTable.ts | 53 +++----------------
 .../src/components/table/CTableDataCell.ts    | 12 +----
 .../src/components/table/CTableRow.ts         |  7 +--
 .../src/components/tabs/CTabPane.ts           |  3 +-
 .../coreui-vue/src/components/toast/CToast.ts | 18 ++-----
 .../src/components/toast/CToastClose.ts       |  6 +--
 .../src/components/toast/CToastHeader.ts      |  5 +-
 .../src/components/toast/CToaster.ts          |  2 -
 .../src/components/tooltip/CTooltip.ts        | 11 +---
 .../src/components/widgets/CWidgetStatsA.ts   | 15 ++----
 .../src/components/widgets/CWidgetStatsB.ts   | 21 ++------
 .../src/components/widgets/CWidgetStatsC.ts   | 15 ++----
 .../src/components/widgets/CWidgetStatsD.ts   |  3 +-
 .../src/components/widgets/CWidgetStatsE.ts   |  9 +---
 .../src/components/widgets/CWidgetStatsF.ts   | 15 ++----
 packages/docs/api/CChart.api.md               |  4 +-
 packages/docs/api/accordion/CAccordion.api.md |  4 +-
 packages/docs/api/alert/CAlert.api.md         |  4 +-
 packages/docs/api/avatar/CAvatar.api.md       |  6 +--
 packages/docs/api/badge/CBadge.api.md         |  6 +--
 .../api/breadcrumb/CBreadcrumbItem.api.md     |  2 +-
 .../docs/api/button-group/CButtonGroup.api.md |  2 +-
 packages/docs/api/button/CButton.api.md       |  8 +--
 packages/docs/api/callout/CCallout.api.md     |  2 +-
 packages/docs/api/card/CCard.api.md           |  4 +-
 packages/docs/api/carousel/CCarousel.api.md   |  6 +--
 .../docs/api/close-button/CCloseButton.api.md |  4 +-
 packages/docs/api/collapse/CCollapse.api.md   |  4 +-
 packages/docs/api/dropdown/CDropdown.api.md   |  6 +--
 .../docs/api/dropdown/CDropdownItem.api.md    |  4 +-
 .../docs/api/dropdown/CDropdownToggle.api.md  | 10 ++--
 packages/docs/api/form/CForm.api.md           |  2 +-
 packages/docs/api/form/CFormCheck.api.md      | 27 +++++-----
 .../api/form/CFormControlValidation.api.md    | 12 ++---
 .../docs/api/form/CFormControlWrapper.api.md  |  6 +--
 packages/docs/api/form/CFormFeedback.api.md   |  6 +--
 packages/docs/api/form/CFormInput.api.md      | 28 +++++-----
 packages/docs/api/form/CFormRange.api.md      |  6 +--
 packages/docs/api/form/CFormSelect.api.md     | 20 +++----
 packages/docs/api/form/CFormSwitch.api.md     | 13 ++---
 packages/docs/api/form/CFormTextarea.api.md   | 26 ++++-----
 packages/docs/api/grid/CContainer.api.md      | 12 ++---
 packages/docs/api/grid/CRow.api.md            |  1 +
 packages/docs/api/image/CImage.api.md         |  6 +--
 packages/docs/api/link/CLink.api.md           |  4 +-
 .../docs/api/list-group/CListGroup.api.md     | 10 ++--
 .../docs/api/list-group/CListGroupItem.api.md |  6 +--
 packages/docs/api/modal/CModal.api.md         |  4 +-
 packages/docs/api/nav/CNavGroup.api.md        |  4 +-
 packages/docs/api/nav/CNavLink.api.md         |  4 +-
 packages/docs/api/navbar/CNavbar.api.md       |  2 +-
 packages/docs/api/offcanvas/COffcanvas.api.md |  2 +-
 .../api/pagination/CPaginationItem.api.md     |  4 +-
 .../docs/api/placeholder/CPlaceholder.api.md  |  2 +-
 packages/docs/api/popover/CPopover.api.md     |  2 +-
 packages/docs/api/progress/CProgress.api.md   |  4 +-
 .../docs/api/progress/CProgressBar.api.md     |  4 +-
 packages/docs/api/sidebar/CSidebar.api.md     |  8 +--
 packages/docs/api/table/CTable.api.md         | 22 ++++----
 packages/docs/api/table/CTableBody.api.md     |  2 +-
 packages/docs/api/table/CTableDataCell.api.md |  4 +-
 packages/docs/api/table/CTableFoot.api.md     |  2 +-
 packages/docs/api/table/CTableHead.api.md     |  2 +-
 .../docs/api/table/CTableHeaderCell.api.md    |  2 +-
 packages/docs/api/table/CTableRow.api.md      |  4 +-
 packages/docs/api/toast/CToast.api.md         |  2 +-
 packages/docs/api/toast/CToastHeader.api.md   |  2 +-
 packages/docs/api/tooltip/CTooltip.api.md     |  2 +-
 .../docs/api/widgets/CWidgetStatsB.api.md     |  2 +-
 .../docs/api/widgets/CWidgetStatsC.api.md     |  2 +-
 .../docs/api/widgets/CWidgetStatsD.api.md     |  2 +-
 .../docs/api/widgets/CWidgetStatsF.api.md     |  2 +-
 141 files changed, 365 insertions(+), 1005 deletions(-)

diff --git a/packages/coreui-vue-chartjs/src/CChart.ts b/packages/coreui-vue-chartjs/src/CChart.ts
index 225a19fe..387b2d42 100644
--- a/packages/coreui-vue-chartjs/src/CChart.ts
+++ b/packages/coreui-vue-chartjs/src/CChart.ts
@@ -29,7 +29,6 @@ const CChart = defineComponent({
     customTooltips: {
       type: Boolean,
       default: true,
-      required: false,
     },
     /**
      * The data object that is passed into the Chart.js chart (more info).
@@ -46,15 +45,12 @@ const CChart = defineComponent({
     height: {
       type: Number,
       default: 150,
-      required: false,
     },
     /**
      * ID attribute applied to the rendered canvas.
      */
     id: {
       type: String,
-      default: undefined,
-      required: false,
     },
     /**
      * The options object that is passed into the Chart.js chart.
@@ -63,8 +59,6 @@ const CChart = defineComponent({
      */
     options: {
       type: Object as PropType<ChartOptions>,
-      default: undefined,
-      required: false,
     },
     /**
      * The plugins array that is passed into the Chart.js chart (more info)
@@ -73,8 +67,6 @@ const CChart = defineComponent({
      */
     plugins: {
       type: Array as PropType<Plugin[]>,
-      default: undefined,
-      required: false,
     },
     /**
      * If true, will tear down and redraw chart on all updates.
@@ -88,7 +80,6 @@ const CChart = defineComponent({
     type: {
       type: String as PropType<ChartType>,
       default: 'bar',
-      required: false,
     },
     /**
      * Width attribute applied to the rendered canvas.
@@ -98,7 +89,6 @@ const CChart = defineComponent({
     width: {
       type: Number,
       default: 300,
-      required: false,
     },
     /**
      * Put the chart into the wrapper div element.
@@ -108,7 +98,6 @@ const CChart = defineComponent({
     wrapper: {
       type: Boolean,
       default: true,
-      required: false,
     },
   },
   emits: [
diff --git a/packages/coreui-vue/src/components/accordion/CAccordion.ts b/packages/coreui-vue/src/components/accordion/CAccordion.ts
index 2864a782..1422d40b 100644
--- a/packages/coreui-vue/src/components/accordion/CAccordion.ts
+++ b/packages/coreui-vue/src/components/accordion/CAccordion.ts
@@ -6,11 +6,7 @@ const CAccordion = defineComponent({
     /**
      * The active item key.
      */
-    activeItemKey: {
-      type: [Number, String],
-      default: undefined,
-      require: false,
-    },
+    activeItemKey: [Number, String],
     /**
      * Make accordion items stay open when another item is opened
      */
diff --git a/packages/coreui-vue/src/components/accordion/CAccordionItem.ts b/packages/coreui-vue/src/components/accordion/CAccordionItem.ts
index 4aa020ac..1e749e71 100644
--- a/packages/coreui-vue/src/components/accordion/CAccordionItem.ts
+++ b/packages/coreui-vue/src/components/accordion/CAccordionItem.ts
@@ -6,16 +6,11 @@ const CAccordionItem = defineComponent({
     /**
      * The item key.
      */
-    itemKey: {
-      type: [Number, String],
-      default: undefined,
-      require: false,
-    },
+    itemKey: [Number, String]
   },
   setup(props, { slots }) {
     const activeItemKey = inject('activeItemKey') as Ref<number | string>
     const alwaysOpen = inject('alwaysOpen') as boolean
-    // eslint-disable-next-line no-unused-vars
     const setActiveItemKey = inject('setActiveItemKey') as (key: number | string) => void
 
     const itemKey = ref(props.itemKey ? props.itemKey : Math.random().toString(36).substr(2, 9))
diff --git a/packages/coreui-vue/src/components/alert/CAlert.ts b/packages/coreui-vue/src/components/alert/CAlert.ts
index 36398262..cfc61ab9 100644
--- a/packages/coreui-vue/src/components/alert/CAlert.ts
+++ b/packages/coreui-vue/src/components/alert/CAlert.ts
@@ -15,11 +15,7 @@ export const CAlert = defineComponent({
     /**
      * Optionally add a close button to alert and allow it to self dismisss.
      */
-    dismissible: {
-      type: Boolean,
-      default: false,
-      required: false,
-    },
+    dismissible: Boolean,
     /**
      * Set the alert variant to a solid.
      *
@@ -27,8 +23,6 @@ export const CAlert = defineComponent({
      */
     variant: {
       type: String,
-      default: undefined,
-      required: false,
       validator: (value: string) => {
         return value === 'solid'
       },
@@ -39,7 +33,6 @@ export const CAlert = defineComponent({
     visible: {
       type: Boolean,
       default: true,
-      required: false,
     },
   },
   emits: [
diff --git a/packages/coreui-vue/src/components/alert/CAlertHeading.ts b/packages/coreui-vue/src/components/alert/CAlertHeading.ts
index dbae5e6e..fbf38c69 100644
--- a/packages/coreui-vue/src/components/alert/CAlertHeading.ts
+++ b/packages/coreui-vue/src/components/alert/CAlertHeading.ts
@@ -9,7 +9,6 @@ export const CAlertHeading = defineComponent({
     component: {
       type: String,
       default: 'h4',
-      required: false,
     },
   },
   setup(props, { slots }) {
diff --git a/packages/coreui-vue/src/components/avatar/CAvatar.ts b/packages/coreui-vue/src/components/avatar/CAvatar.ts
index c424f40d..c3a5eb86 100644
--- a/packages/coreui-vue/src/components/avatar/CAvatar.ts
+++ b/packages/coreui-vue/src/components/avatar/CAvatar.ts
@@ -23,8 +23,6 @@ const CAvatar = defineComponent({
      */
     size: {
       type: String,
-      default: undefined,
-      required: false,
       validator: (value: string) => {
         return ['sm', 'md', 'lg', 'xl'].includes(value)
       },
@@ -32,11 +30,7 @@ const CAvatar = defineComponent({
     /**
      * The src attribute for the img element.
      */
-    src: {
-      type: String,
-      default: undefined,
-      required: false,
-    },
+    src: String,
     /**
      * Sets the color context of the status indicator to one of CoreUI’s themed colors.
      *
@@ -44,8 +38,6 @@ const CAvatar = defineComponent({
      */
     status: {
       type: String,
-      default: undefined,
-      required: false,
       validator: (value: string) => {
         return [
           'primary',
diff --git a/packages/coreui-vue/src/components/backdrop/CBackdrop.ts b/packages/coreui-vue/src/components/backdrop/CBackdrop.ts
index 36cc4e11..8e6ce219 100644
--- a/packages/coreui-vue/src/components/backdrop/CBackdrop.ts
+++ b/packages/coreui-vue/src/components/backdrop/CBackdrop.ts
@@ -1,6 +1,6 @@
 import { defineComponent, h, RendererElement, Transition } from 'vue'
 
-import { executeAfterTransition } from './../../utils/transition'
+import { executeAfterTransition } from '../../utils/transition'
 
 const CBackdrop = defineComponent({
   name: 'CBackdrop',
@@ -11,7 +11,6 @@ const CBackdrop = defineComponent({
     visible: {
       type: Boolean,
       default: false,
-      required: false,
     },
   },
   setup(props) {
diff --git a/packages/coreui-vue/src/components/badge/CBadge.ts b/packages/coreui-vue/src/components/badge/CBadge.ts
index d6194e53..d619c120 100644
--- a/packages/coreui-vue/src/components/badge/CBadge.ts
+++ b/packages/coreui-vue/src/components/badge/CBadge.ts
@@ -16,7 +16,6 @@ const CBadge = defineComponent({
      */
     component: {
       type: String,
-      required: false,
       default: 'span',
     },
     /**
@@ -26,8 +25,6 @@ const CBadge = defineComponent({
      */
     position: {
       type: String,
-      default: undefined,
-      required: false,
       validator: (value: string) => {
         return ['top-start', 'top-end', 'bottom-end', 'bottom-start'].includes(value)
       },
@@ -45,8 +42,6 @@ const CBadge = defineComponent({
      */
     size: {
       type: String,
-      default: undefined,
-      required: false,
       validator: (value: string) => {
         return value === 'sm'
       },
diff --git a/packages/coreui-vue/src/components/breadcrumb/CBreadcrumbItem.ts b/packages/coreui-vue/src/components/breadcrumb/CBreadcrumbItem.ts
index 3debd8bc..4b5fa4a6 100644
--- a/packages/coreui-vue/src/components/breadcrumb/CBreadcrumbItem.ts
+++ b/packages/coreui-vue/src/components/breadcrumb/CBreadcrumbItem.ts
@@ -6,18 +6,11 @@ const CBreadcrumbItem = defineComponent({
     /**
      * Toggle the active state for the component.
      */
-    active: {
-      type: Boolean,
-      required: false,
-    },
+    active: Boolean,
     /**
      * The `href` attribute for the inner link component.
      */
-    href: {
-      type: String,
-      default: undefined,
-      required: false,
-    },
+    href: String,
   },
 
   setup(props, { slots }) {
diff --git a/packages/coreui-vue/src/components/button-group/CButtonGroup.ts b/packages/coreui-vue/src/components/button-group/CButtonGroup.ts
index 59650248..58add3d8 100644
--- a/packages/coreui-vue/src/components/button-group/CButtonGroup.ts
+++ b/packages/coreui-vue/src/components/button-group/CButtonGroup.ts
@@ -10,8 +10,6 @@ const CButtonGroup = defineComponent({
      */
     size: {
       type: String,
-      default: undefined,
-      required: false,
       validator: (value: string) => {
         return ['sm', 'lg'].includes(value)
       },
@@ -19,10 +17,7 @@ const CButtonGroup = defineComponent({
     /**
      * Create a set of buttons that appear vertically stacked rather than horizontally. Split button dropdowns are not supported here.
      */
-    vertical: {
-      type: Boolean,
-      required: false,
-    },
+    vertical: Boolean,
   },
   setup(props, { slots }) {
     return () =>
diff --git a/packages/coreui-vue/src/components/button/CButton.ts b/packages/coreui-vue/src/components/button/CButton.ts
index 7d9f95f8..11b9d7f3 100644
--- a/packages/coreui-vue/src/components/button/CButton.ts
+++ b/packages/coreui-vue/src/components/button/CButton.ts
@@ -7,11 +7,7 @@ export const CButton = defineComponent({
     /**
      * Toggle the active state for the component.
      */
-    active: {
-      type: Boolean,
-      default: false,
-      required: false,
-    },
+    active: Boolean,
     /**
      * Sets the color context of the component to one of CoreUI’s themed colors.
      *
@@ -24,23 +20,15 @@ export const CButton = defineComponent({
     component: {
       type: String,
       default: 'button',
-      required: false,
     },
     /**
      * Toggle the disabled state for the component.
      */
-    disabled: {
-      type: Boolean,
-      required: false,
-    },
+    disabled: Boolean,
     /**
      * The href attribute specifies the URL of the page the link goes to.
      */
-    href: {
-      type: String,
-      default: undefined,
-      required: false,
-    },
+    href: String,
     /**
      * Select the shape of the component.
      *
@@ -54,8 +42,6 @@ export const CButton = defineComponent({
      */
     size: {
       type: String,
-      default: undefined,
-      required: false,
       validator: (value: string) => {
         return ['sm', 'lg'].includes(value)
       },
@@ -69,7 +55,6 @@ export const CButton = defineComponent({
     type: {
       type: String,
       default: 'button',
-      required: false,
       validator: (value: string) => {
         return ['button', 'submit', 'reset'].includes(value)
       },
@@ -81,8 +66,6 @@ export const CButton = defineComponent({
      */
     variant: {
       type: String,
-      default: undefined,
-      required: false,
       validator: (value: string) => {
         return ['ghost', 'outline'].includes(value)
       },
diff --git a/packages/coreui-vue/src/components/card/CCardHeader.ts b/packages/coreui-vue/src/components/card/CCardHeader.ts
index a44c4f72..722ba187 100644
--- a/packages/coreui-vue/src/components/card/CCardHeader.ts
+++ b/packages/coreui-vue/src/components/card/CCardHeader.ts
@@ -8,7 +8,6 @@ const CCardHeader = defineComponent({
      */
     component: {
       type: String,
-      required: false,
       default: 'div',
     },
   },
diff --git a/packages/coreui-vue/src/components/card/CCardImage.ts b/packages/coreui-vue/src/components/card/CCardImage.ts
index d09d5e81..ee8695b9 100644
--- a/packages/coreui-vue/src/components/card/CCardImage.ts
+++ b/packages/coreui-vue/src/components/card/CCardImage.ts
@@ -8,7 +8,6 @@ const CCardImage = defineComponent({
      */
     component: {
       type: String,
-      required: false,
       default: 'img',
     },
     /**
@@ -18,8 +17,6 @@ const CCardImage = defineComponent({
      */
     orientation: {
       type: String,
-      default: undefined,
-      required: false,
       validator: (value: string) => {
         return ['top', 'bottom'].includes(value)
       },
diff --git a/packages/coreui-vue/src/components/card/CCardLink.ts b/packages/coreui-vue/src/components/card/CCardLink.ts
index d42a94ea..b80d1865 100644
--- a/packages/coreui-vue/src/components/card/CCardLink.ts
+++ b/packages/coreui-vue/src/components/card/CCardLink.ts
@@ -10,7 +10,6 @@ const CCardLink = defineComponent({
     href: {
       type: String,
       default: '#',
-      required: false,
     },
   },
   setup(props, { slots }) {
diff --git a/packages/coreui-vue/src/components/card/CCardSubtitle.ts b/packages/coreui-vue/src/components/card/CCardSubtitle.ts
index 8f13c9d9..5a950776 100644
--- a/packages/coreui-vue/src/components/card/CCardSubtitle.ts
+++ b/packages/coreui-vue/src/components/card/CCardSubtitle.ts
@@ -8,7 +8,6 @@ const CCardSubtitle = defineComponent({
      */
     component: {
       type: String,
-      required: false,
       default: 'h6',
     },
   },
diff --git a/packages/coreui-vue/src/components/card/CCardText.ts b/packages/coreui-vue/src/components/card/CCardText.ts
index 290b0bb5..759ff7e8 100644
--- a/packages/coreui-vue/src/components/card/CCardText.ts
+++ b/packages/coreui-vue/src/components/card/CCardText.ts
@@ -8,7 +8,6 @@ const CCardText = defineComponent({
      */
     component: {
       type: String,
-      required: false,
       default: 'p',
     },
   },
diff --git a/packages/coreui-vue/src/components/card/CCardTitle.ts b/packages/coreui-vue/src/components/card/CCardTitle.ts
index 2e53873d..bc540e15 100644
--- a/packages/coreui-vue/src/components/card/CCardTitle.ts
+++ b/packages/coreui-vue/src/components/card/CCardTitle.ts
@@ -8,7 +8,6 @@ const CCardTitle = defineComponent({
      */
     component: {
       type: String,
-      required: false,
       default: 'h5',
     },
   },
diff --git a/packages/coreui-vue/src/components/carousel/CCarousel.ts b/packages/coreui-vue/src/components/carousel/CCarousel.ts
index 0bfb3988..10439586 100644
--- a/packages/coreui-vue/src/components/carousel/CCarousel.ts
+++ b/packages/coreui-vue/src/components/carousel/CCarousel.ts
@@ -10,7 +10,7 @@ import {
   watch,
 } from 'vue'
 
-import { isInViewport } from './../../utils'
+import { isInViewport } from '../../utils'
 
 const CCarousel = defineComponent({
   name: 'CCarousel',
@@ -29,7 +29,6 @@ const CCarousel = defineComponent({
     index: {
       type: Number,
       default: 0,
-      required: false,
     },
     /**
      * Adding indicators at the bottom of the carousel for each item.
@@ -41,7 +40,6 @@ const CCarousel = defineComponent({
     interval: {
       type: [Boolean, Number],
       default: 5000,
-      required: false,
     },
     /**
      * If set to 'hover', pauses the cycling of the carousel on mouseenter and resumes the cycling of the carousel on mouseleave. If set to false, hovering over the carousel won't pause it.
@@ -49,7 +47,6 @@ const CCarousel = defineComponent({
     pause: {
       type: [Boolean, String],
       default: 'hover',
-      required: false,
       validator: (value: boolean | string) => {
         return typeof value === 'boolean' || value === 'hover'
       },
@@ -62,7 +59,6 @@ const CCarousel = defineComponent({
     transition: {
       type: String,
       default: 'slide',
-      required: false,
       validator: (value: string) => {
         return ['crossfade', 'slide'].includes(value)
       },
@@ -73,7 +69,6 @@ const CCarousel = defineComponent({
     wrap: {
       type: Boolean,
       default: true,
-      required: false,
     },
   },
   setup(props, { slots }) {
diff --git a/packages/coreui-vue/src/components/carousel/CCarouselItem.ts b/packages/coreui-vue/src/components/carousel/CCarouselItem.ts
index d3611381..a83022f6 100644
--- a/packages/coreui-vue/src/components/carousel/CCarouselItem.ts
+++ b/packages/coreui-vue/src/components/carousel/CCarouselItem.ts
@@ -16,7 +16,6 @@ const CCarouselItem = defineComponent({
     direction: {
       type: String,
       default: 'next',
-      required: false,
     },
     /**
      * The amount of time to delay between automatically cycling an item.
@@ -24,7 +23,6 @@ const CCarouselItem = defineComponent({
     interval: {
       type: [Boolean, Number],
       default: false,
-      required: false,
     },
   },
   setup(props, { slots }) {
diff --git a/packages/coreui-vue/src/components/close-button/CCloseButton.ts b/packages/coreui-vue/src/components/close-button/CCloseButton.ts
index c19ed9c0..6e329f9e 100644
--- a/packages/coreui-vue/src/components/close-button/CCloseButton.ts
+++ b/packages/coreui-vue/src/components/close-button/CCloseButton.ts
@@ -6,17 +6,11 @@ export const CCloseButton = defineComponent({
     /**
      * Toggle the disabled state for the component.
      */
-    disabled: {
-      type: Boolean,
-      required: false,
-    },
+    disabled: Boolean,
     /**
      * Change the default color to white.
      */
-    white: {
-      type: Boolean,
-      required: false,
-    },
+    white: Boolean,
   },
   emits: [
     /**
diff --git a/packages/coreui-vue/src/components/collapse/CCollapse.ts b/packages/coreui-vue/src/components/collapse/CCollapse.ts
index 8014194a..c495f147 100644
--- a/packages/coreui-vue/src/components/collapse/CCollapse.ts
+++ b/packages/coreui-vue/src/components/collapse/CCollapse.ts
@@ -1,7 +1,7 @@
 import { defineComponent, h, Transition, ref, RendererElement, withDirectives } from 'vue'
 
 import { vVisible } from '../../directives/v-c-visible'
-import { executeAfterTransition } from './../../utils/transition'
+import { executeAfterTransition } from '../../utils/transition'
 
 const CCollapse = defineComponent({
   name: 'CCollapse',
@@ -9,17 +9,11 @@ const CCollapse = defineComponent({
     /**
      * Set horizontal collapsing to transition the width instead of height.
      */
-    horizontal: {
-      type: Boolean,
-      required: false,
-    },
+    horizontal: Boolean,
     /**
      * Toggle the visibility of component.
      */
-    visible: {
-      type: Boolean,
-      required: false,
-    },
+    visible: Boolean,
   },
   emits: [
     /**
diff --git a/packages/coreui-vue/src/components/dropdown/CDropdown.ts b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
index 6a9ec4c9..1691bdfd 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdown.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
@@ -11,8 +11,6 @@ const CDropdown = defineComponent({
      */
     alignment: {
       type: [String, Object],
-      default: undefined,
-      required: false,
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       validator: (value: string | any) => {
         if (value === 'start' || value === 'end') {
@@ -57,10 +55,7 @@ const CDropdown = defineComponent({
     /**
      * Sets a darker color scheme to match a dark navbar.
      */
-    dark: {
-      type: Boolean,
-      required: false,
-    },
+    dark: Boolean,
     /**
      * Sets a specified  direction and location of the dropdown menu.
      *
@@ -68,8 +63,6 @@ const CDropdown = defineComponent({
      */
     direction: {
       type: String,
-      default: undefined,
-      required: false,
       validator: (value: string) => {
         return ['center', 'dropup', 'dropup-center', 'dropend', 'dropstart'].includes(value)
       },
@@ -77,10 +70,7 @@ const CDropdown = defineComponent({
     /**
      * Toggle the disabled state for the component.
      */
-    disabled: {
-      type: Boolean,
-      required: false,
-    },
+    disabled: Boolean,
     /**
      * Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.
      *
@@ -89,7 +79,6 @@ const CDropdown = defineComponent({
     placement: {
       type: String as PropType<Placement>,
       default: 'bottom-start',
-      required: false,
     },
     /**
      * If you want to disable dynamic positioning set this property to `true`.
@@ -97,14 +86,12 @@ const CDropdown = defineComponent({
     popper: {
       type: Boolean,
       default: true,
-      required: false,
     },
     /**
      * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.
      */
     trigger: {
       type: [String, Array],
-      required: false,
       default: 'click',
     },
     /**
@@ -115,7 +102,6 @@ const CDropdown = defineComponent({
     variant: {
       type: String,
       default: 'btn-group',
-      required: false,
       validator: (value: string) => {
         return ['btn-group', 'dropdown', 'input-group', 'nav-item'].includes(value)
       },
@@ -123,10 +109,7 @@ const CDropdown = defineComponent({
     /**
      * Toggle the visibility of dropdown menu component.
      */
-    visible: {
-      type: Boolean,
-      required: false,
-    },
+    visible: Boolean,
   },
   emits: [
     /**
diff --git a/packages/coreui-vue/src/components/dropdown/CDropdownHeader.ts b/packages/coreui-vue/src/components/dropdown/CDropdownHeader.ts
index 10753cb4..0ee6018e 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdownHeader.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdownHeader.ts
@@ -9,7 +9,6 @@ const CDropdownHeader = defineComponent({
     component: {
       type: String,
       default: 'h6',
-      required: false,
     },
   },
   setup(props, { slots }) {
diff --git a/packages/coreui-vue/src/components/dropdown/CDropdownItem.ts b/packages/coreui-vue/src/components/dropdown/CDropdownItem.ts
index 321c2a32..fdd01393 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdownItem.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdownItem.ts
@@ -8,33 +8,22 @@ const CDropdownItem = defineComponent({
     /**
      * Toggle the active state for the component.
      */
-    active: {
-      type: Boolean,
-      required: false,
-    },
+    active: Boolean,
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
     component: {
       type: String,
       default: 'a',
-      required: false,
     },
     /**
      * Toggle the disabled state for the component.
      */
-    disabled: {
-      type: Boolean,
-      required: false,
-    },
+    disabled: Boolean,
     /**
      * The href attribute specifies the URL of the page the link goes to.
      */
-    href: {
-      type: String,
-      default: undefined,
-      required: false,
-    },
+    href: String,
   },
   setup(props, { slots }) {
     return () =>
diff --git a/packages/coreui-vue/src/components/dropdown/CDropdownMenu.ts b/packages/coreui-vue/src/components/dropdown/CDropdownMenu.ts
index d6adf3cb..217a0792 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdownMenu.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdownMenu.ts
@@ -11,7 +11,6 @@ const CDropdownMenu = defineComponent({
     component: {
       type: String,
       default: 'div',
-      required: false,
     },
   },
   setup(props, { slots }) {
diff --git a/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts b/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
index b5aae5d3..b13ec032 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
@@ -9,11 +9,7 @@ const CDropdownToggle = defineComponent({
     /**
      * Toggle the active state for the component.
      */
-    active: {
-      type: Boolean,
-      default: false,
-      required: false,
-    },
+    active: Boolean,
     /**
      * Sets the color context of the component to one of CoreUI’s themed colors.
      *
@@ -26,15 +22,13 @@ const CDropdownToggle = defineComponent({
     caret: {
       type: Boolean,
       default: true,
-      required: false,
     },
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
     component: {
       type: String,
-      default: 'button',
-      require: false,
+      default: 'button'
     },
     /**
      * Create a custom toggler which accepts any content.
@@ -43,10 +37,7 @@ const CDropdownToggle = defineComponent({
     /**
      * Toggle the disabled state for the component.
      */
-    disabled: {
-      type: Boolean,
-      required: false,
-    },
+    disabled: Boolean,
     /**
      * @values 'rounded', 'rounded-top', 'rounded-end', 'rounded-bottom', 'rounded-start', 'rounded-circle', 'rounded-pill', 'rounded-0', 'rounded-1', 'rounded-2', 'rounded-3'
      */
@@ -58,8 +49,6 @@ const CDropdownToggle = defineComponent({
      */
     size: {
       type: String,
-      default: undefined,
-      required: false,
       validator: (value: string) => {
         return ['sm', 'lg'].includes(value)
       },
@@ -67,10 +56,7 @@ const CDropdownToggle = defineComponent({
     /**
      * Similarly, create split button dropdowns with virtually the same markup as single button dropdowns, but with the addition of `.dropdown-toggle-split` className for proper spacing around the dropdown caret.
      */
-    split: {
-      type: Boolean,
-      required: false,
-    },
+    split: Boolean,
     /**
      * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.
      *
@@ -79,7 +65,6 @@ const CDropdownToggle = defineComponent({
     trigger: {
       type: String as PropType<Triggers>,
       default: 'click',
-      required: false,
     },
     /**
      * Set the button variant to an outlined button or a ghost button.
@@ -88,8 +73,6 @@ const CDropdownToggle = defineComponent({
      */
     variant: {
       type: String,
-      default: undefined,
-      required: false,
       validator: (value: string) => {
         return ['ghost', 'outline'].includes(value)
       },
diff --git a/packages/coreui-vue/src/components/footer/CFooter.ts b/packages/coreui-vue/src/components/footer/CFooter.ts
index 2c494dd3..81de0158 100644
--- a/packages/coreui-vue/src/components/footer/CFooter.ts
+++ b/packages/coreui-vue/src/components/footer/CFooter.ts
@@ -10,8 +10,6 @@ const CFooter = defineComponent({
      */
     position: {
       type: String,
-      default: undefined,
-      required: false,
       validator: (value: string) => {
         return ['fixed', 'sticky'].includes(value)
       },
diff --git a/packages/coreui-vue/src/components/form/CForm.ts b/packages/coreui-vue/src/components/form/CForm.ts
index 6cd172b8..2747caa7 100644
--- a/packages/coreui-vue/src/components/form/CForm.ts
+++ b/packages/coreui-vue/src/components/form/CForm.ts
@@ -6,10 +6,7 @@ const CForm = defineComponent({
     /**
      * Mark a form as validated. If you set it `true`, all validation styles will be applied to the forms component.
      */
-    validated: {
-      type: Boolean,
-      required: false,
-    },
+    validated: Boolean,
   },
   setup(props, { slots }) {
     return () =>
diff --git a/packages/coreui-vue/src/components/form/CFormCheck.ts b/packages/coreui-vue/src/components/form/CFormCheck.ts
index ca952574..a5c57ce6 100644
--- a/packages/coreui-vue/src/components/form/CFormCheck.ts
+++ b/packages/coreui-vue/src/components/form/CFormCheck.ts
@@ -13,33 +13,25 @@ const CFormCheck = defineComponent({
      *
      * @see http://coreui.io/vue/docs/components/button.html
      */
-    button: {
-      type: Object,
-    },
+    button: Object,
     /**
      * Provide valuable, actionable feedback.
      *
      * @since 4.3.0
      */
-    feedback: {
-      type: String,
-    },
+    feedback: String,
     /**
      * Provide valuable, actionable feedback.
      *
      * @since 4.3.0
      */
-    feedbackInvalid: {
-      type: String,
-    },
+    feedbackInvalid: String,
     /**
      * Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
      *
      * @since 4.3.0
      */
-    feedbackValid: {
-      type: String,
-    },
+    feedbackValid: String,
     /**
      * Sets hit area to the full area of the component.
      */
@@ -53,9 +45,7 @@ const CFormCheck = defineComponent({
     /**
      * The id global attribute defines an identifier (ID) that must be unique in the whole document.
      */
-    id: {
-      type: String,
-    },
+    id: String,
     /**
      * Input Checkbox indeterminate Property
      */
@@ -63,9 +53,7 @@ const CFormCheck = defineComponent({
     /**
      * Group checkboxes or radios on the same horizontal row by adding.
      */
-    inline: {
-      type: Boolean,
-    },
+    inline: Boolean,
     /**
      * Set component validation state to invalid.
      */
@@ -73,9 +61,7 @@ const CFormCheck = defineComponent({
     /**
      * The element represents a caption for a component.
      */
-    label: {
-      type: String,
-    },
+    label: String,
     /**
      * The default name for a value passed using v-model.
      */
@@ -107,9 +93,7 @@ const CFormCheck = defineComponent({
     /**
      * Set component validation state to valid.
      */
-    valid: {
-      type: Boolean,
-    },
+    valid: Boolean,
   },
   emits: [
     /**
diff --git a/packages/coreui-vue/src/components/form/CFormControlValidation.ts b/packages/coreui-vue/src/components/form/CFormControlValidation.ts
index cdfabb70..e8723aa7 100644
--- a/packages/coreui-vue/src/components/form/CFormControlValidation.ts
+++ b/packages/coreui-vue/src/components/form/CFormControlValidation.ts
@@ -8,33 +8,25 @@ const CFormControlValidation = defineComponent({
     /**
      * @ignore
      */
-    describedby: {
-      type: String,
-    },
+    describedby: String,
     /**
      * Provide valuable, actionable feedback.
      *
      * @since 4.3.0
      */
-    feedback: {
-      type: String,
-    },
+    feedback: String,
     /**
      * Provide valuable, actionable feedback.
      *
      * @since 4.3.0
      */
-    feedbackInvalid: {
-      type: String,
-    },
+    feedbackInvalid: String,
     /**
      * Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
      *
      * @since 4.3.0
      */
-    feedbackValid: {
-      type: String,
-    },
+    feedbackValid: String,
     /**
      * Set component validation state to invalid.
      */
diff --git a/packages/coreui-vue/src/components/form/CFormControlWrapper.ts b/packages/coreui-vue/src/components/form/CFormControlWrapper.ts
index 8392ef4a..e4aee290 100644
--- a/packages/coreui-vue/src/components/form/CFormControlWrapper.ts
+++ b/packages/coreui-vue/src/components/form/CFormControlWrapper.ts
@@ -14,31 +14,23 @@ const CFormControlWrapper = defineComponent({
      *
      * @since 4.3.0
      */
-    floatingLabel: {
-      type: String,
-    },
+    floatingLabel: String,
     /**
      * @ignore
      */
-    id: {
-      type: String,
-    },
+    id: String,
     /**
      * Add a caption for a component.
      *
      * @since 4.3.0
      */
-    label: {
-      type: String,
-    },
+    label: String,
     /**
      * Add helper text to the component.
      *
      * @since 4.3.0
      */
-    text: {
-      type: String,
-    },
+    text: String,
   },
   setup(props, { slots }) {
     const formControlValidation = () =>
diff --git a/packages/coreui-vue/src/components/form/CFormFeedback.ts b/packages/coreui-vue/src/components/form/CFormFeedback.ts
index b4fb0715..3a7d9a16 100644
--- a/packages/coreui-vue/src/components/form/CFormFeedback.ts
+++ b/packages/coreui-vue/src/components/form/CFormFeedback.ts
@@ -8,7 +8,6 @@ const CFormFeedback = defineComponent({
      */
     component: {
       type: String,
-      required: false,
       default: 'div',
     },
     /**
diff --git a/packages/coreui-vue/src/components/form/CFormInput.ts b/packages/coreui-vue/src/components/form/CFormInput.ts
index aaffb2d9..b79e4b7f 100644
--- a/packages/coreui-vue/src/components/form/CFormInput.ts
+++ b/packages/coreui-vue/src/components/form/CFormInput.ts
@@ -9,10 +9,7 @@ const CFormInput = defineComponent({
     /**
      * Toggle the disabled state for the component.
      */
-    disabled: {
-      type: Boolean,
-      required: false,
-    },
+    disabled: Boolean,
 
     // Inherited Props from CFormControlWrapper
     /**
@@ -20,39 +17,29 @@ const CFormInput = defineComponent({
      *
      * @since 4.3.0
      */
-    feedback: {
-      type: String,
-    },
+    feedback: String,
     /**
      * Provide valuable, actionable feedback.
      *
      * @since 4.3.0
      */
-    feedbackInvalid: {
-      type: String,
-    },
+    feedbackInvalid: String,
     /**
      * Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
      *
      * @since 4.3.0
      */
-    feedbackValid: {
-      type: String,
-    },
+    feedbackValid: String,
     /**
      * Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
      *
      * @since 4.3.0
      */
-    floatingLabel: {
-      type: String,
-    },
+    floatingLabel: String,
     /**
      * The id global attribute defines an identifier (ID) that must be unique in the whole document.
      */
-    id: {
-      type: String,
-    },
+    id: String,
     /**
      * Set component validation state to invalid.
      */
@@ -62,30 +49,19 @@ const CFormInput = defineComponent({
      *
      * @since 4.3.0
      */
-    label: {
-      type: String,
-    },
+    label: String,
     /**
      * The default name for a value passed using v-model.
      */
-    modelValue: {
-      type: [File, Number, String],
-      default: undefined,
-    },
+    modelValue: [File, Number, String],
     /**
      * Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use only along side `readonly`.
      */
-    plainText: {
-      type: Boolean,
-      required: false,
-    },
+    plainText: Boolean,
     /**
      * Toggle the readonly state for the component.
      */
-    readonly: {
-      type: Boolean,
-      required: false,
-    },
+    readonly: Boolean,
     /**
      * Size the component small or large.
      *
@@ -102,9 +78,7 @@ const CFormInput = defineComponent({
      *
      * @since 4.3.0
      */
-    text: {
-      type: String,
-    },
+    text: String,
     /**
      * Display validation feedback in a styled tooltip.
      *
diff --git a/packages/coreui-vue/src/components/form/CFormLabel.ts b/packages/coreui-vue/src/components/form/CFormLabel.ts
index 2b768616..e0db72f4 100644
--- a/packages/coreui-vue/src/components/form/CFormLabel.ts
+++ b/packages/coreui-vue/src/components/form/CFormLabel.ts
@@ -6,11 +6,7 @@ const CFormLabel = defineComponent({
     /**
      * A string of all className you want to be applied to the component, and override standard className value.
      */
-    customClassName: {
-      type: [Array, String],
-      default: undefined,
-      required: false,
-    },
+    customClassName: [Array, String],
   },
   setup(props, { slots }) {
     return () =>
diff --git a/packages/coreui-vue/src/components/form/CFormRange.ts b/packages/coreui-vue/src/components/form/CFormRange.ts
index 9b03a624..fcefa832 100644
--- a/packages/coreui-vue/src/components/form/CFormRange.ts
+++ b/packages/coreui-vue/src/components/form/CFormRange.ts
@@ -7,61 +7,39 @@ const CFormRange = defineComponent({
     /**
      * Toggle the disabled state for the component.
      */
-    disabled: {
-      type: Boolean,
-      default: undefined,
-    },
+    disabled: Boolean,
     /**
      * Add a caption for a component.
      *
      * @since 4.3.0
      */
-    label: {
-      type: String,
-    },
+    label: String,
     /**
      * Specifies the maximum value for the component.
      */
-    max: {
-      type: Number,
-      default: undefined,
-    },
+    max: Number,
     /**
      * Specifies the minimum value for the component.
      */
-    min: {
-      type: Number,
-      default: undefined,
-    },
+    min: Number,
     /**
      * The default name for a value passed using v-model.
      */
-    modelValue: {
-      type: String,
-      value: undefined,
-    },
+    modelValue: String,
     /**
      * Toggle the readonly state for the component.
      */
-    readonly: {
-      type: Boolean,
-    },
+    readonly: Boolean,
     /**
      * Specifies the interval between legal numbers in the component.
      */
-    steps: {
-      type: Number,
-      default: undefined,
-    },
+    steps: Number,
     /**
      * The `value` attribute of component.
      *
      * @controllable onChange
      * */
-    value: {
-      type: Number,
-      default: undefined,
-    },
+    value: Number,
   },
   emits: [
     /**
diff --git a/packages/coreui-vue/src/components/form/CFormSelect.ts b/packages/coreui-vue/src/components/form/CFormSelect.ts
index a4fb4b70..e2fc5f66 100644
--- a/packages/coreui-vue/src/components/form/CFormSelect.ts
+++ b/packages/coreui-vue/src/components/form/CFormSelect.ts
@@ -16,47 +16,33 @@ const CFormSelect = defineComponent({
      *
      * @since 4.3.0
      */
-    feedback: {
-      type: String,
-    },
+    feedback: String,
     /**
      * Provide valuable, actionable feedback.
      *
      * @since 4.3.0
      */
-    feedbackInvalid: {
-      type: String,
-    },
+    feedbackInvalid: String,
     /**
      * Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
      *
      * @since 4.3.0
      */
-    feedbackValid: {
-      type: String,
-    },
+    feedbackValid: String,
     /**
      * Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
      *
      * @since 4.3.0
      */
-    floatingLabel: {
-      type: String,
-    },
+    floatingLabel: String,
     /**
      * Specifies the number of visible options in a drop-down list.
      */
-    htmlSize: {
-      type: Number,
-      default: undefined,
-      required: false,
-    },
+    htmlSize: Number,
     /**
      * The id global attribute defines an identifier (ID) that must be unique in the whole document.
      */
-    id: {
-      type: String,
-    },
+    id: String,
     /**
      * Set component validation state to invalid.
      */
@@ -66,32 +52,21 @@ const CFormSelect = defineComponent({
      *
      * @since 4.3.0
      */
-    label: {
-      type: String,
-    },
+    label: String,
     /**
      * The default name for a value passed using v-model.
      */
     modelValue: {
       type: [String, Array] as PropType<string | string[]>,
-      default: undefined,
-      require: false,
-    },
-    multiple: {
-      type: Boolean,
-      required: false,
     },
+    multiple: Boolean,
     /**
      * Options list of the select component. Available keys: `label`, `value`, `disabled`.
      * Examples:
      * - `:options="[{ value: 'js', label: 'JavaScript' }, { value: 'html', label: 'HTML', disabled: true }]"`
      * - `:options="['js', 'html']"`
      */
-    options: {
-      type: Array as PropType<Option[] | string[]>,
-      default: undefined,
-      required: false,
-    },
+    options: Array as PropType<Option[] | string[]>,
     /**
      * Size the component small or large.
      *
@@ -99,8 +74,6 @@ const CFormSelect = defineComponent({
      */
     size: {
       type: String,
-      default: undefined,
-      require: false,
       validator: (value: string) => {
         return ['sm', 'lg'].includes(value)
       },
@@ -110,9 +83,7 @@ const CFormSelect = defineComponent({
      *
      * @since 4.3.0
      */
-    text: {
-      type: String,
-    },
+    text: String,
     /**
      * Display validation feedback in a styled tooltip.
      *
diff --git a/packages/coreui-vue/src/components/form/CFormSwitch.ts b/packages/coreui-vue/src/components/form/CFormSwitch.ts
index d188dc60..6265e87c 100644
--- a/packages/coreui-vue/src/components/form/CFormSwitch.ts
+++ b/packages/coreui-vue/src/components/form/CFormSwitch.ts
@@ -9,28 +9,19 @@ const CFormSwitch = defineComponent({
     /**
      * The id global attribute defines an identifier (ID) that must be unique in the whole document
      */
-    id: {
-      type: String,
-    },
+    id: String,
     /**
      * Set component validation state to invalid.
      */
-    invalid: {
-      type: Boolean,
-    },
+    invalid: Boolean,
     /**
      * The element represents a caption for a component.
      */
-    label: {
-      type: String,
-    },
+    label: String,
     /**
      * The default name for a value passed using v-model.
      */
-    modelValue: {
-      type: [Boolean, String],
-      value: undefined,
-    },
+    modelValue: [Boolean, String],
     /**
      * Put checkboxes or radios on the opposite side.
      *
@@ -60,9 +51,7 @@ const CFormSwitch = defineComponent({
     /**
      * Set component validation state to valid.
      */
-    valid: {
-      type: Boolean,
-    },
+    valid: Boolean,
   },
   emits: [
     /**
diff --git a/packages/coreui-vue/src/components/form/CFormText.ts b/packages/coreui-vue/src/components/form/CFormText.ts
index dcde6e37..13b47ada 100644
--- a/packages/coreui-vue/src/components/form/CFormText.ts
+++ b/packages/coreui-vue/src/components/form/CFormText.ts
@@ -8,7 +8,6 @@ const CFormText = defineComponent({
      */
     component: {
       type: String,
-      required: false,
       default: 'div',
     },
   },
diff --git a/packages/coreui-vue/src/components/form/CFormTextarea.ts b/packages/coreui-vue/src/components/form/CFormTextarea.ts
index b852cd5b..21fb3596 100644
--- a/packages/coreui-vue/src/components/form/CFormTextarea.ts
+++ b/packages/coreui-vue/src/components/form/CFormTextarea.ts
@@ -7,47 +7,35 @@ const CFormTextarea = defineComponent({
     /**
      * Toggle the disabled state for the component.
      */
-    disabled: {
-      type: Boolean,
-    },
+    disabled: Boolean,
     /**
      * Provide valuable, actionable feedback.
      *
      * @since 4.3.0
      */
-    feedback: {
-      type: String,
-    },
+    feedback: String,
     /**
      * Provide valuable, actionable feedback.
      *
      * @since 4.3.0
      */
-    feedbackInvalid: {
-      type: String,
-    },
+    feedbackInvalid: String,
     /**
      * Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
      *
      * @since 4.3.0
      */
-    feedbackValid: {
-      type: String,
-    },
+    feedbackValid: String,
     /**
      * Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
      *
      * @since 4.3.0
      */
-    floatingLabel: {
-      type: String,
-    },
+    floatingLabel: String,
     /**
      * The id global attribute defines an identifier (ID) that must be unique in the whole document.
      */
-    id: {
-      type: String,
-    },
+    id: String,
     /**
      * Set component validation state to invalid.
      */
@@ -57,36 +45,25 @@ const CFormTextarea = defineComponent({
      *
      * @since 4.3.0
      */
-    label: {
-      type: String,
-    },
+    label: String,
     /**
      * The default name for a value passed using v-model.
      */
-    modelValue: {
-      type: String,
-      default: undefined,
-    },
+    modelValue: String,
     /**
      * Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use only along side `readonly`.
      */
-    plainText: {
-      type: Boolean,
-    },
+    plainText: Boolean,
     /**
      * Toggle the readonly state for the component.
      */
-    readonly: {
-      type: Boolean,
-    },
+    readonly: Boolean,
     /**
      * Add helper text to the component.
      *
      * @since 4.3.0
      */
-    text: {
-      type: String,
-    },
+    text: String,
     /**
      * Display validation feedback in a styled tooltip.
      *
diff --git a/packages/coreui-vue/src/components/form/CInputGroup.ts b/packages/coreui-vue/src/components/form/CInputGroup.ts
index 193dcbd7..56a8418c 100644
--- a/packages/coreui-vue/src/components/form/CInputGroup.ts
+++ b/packages/coreui-vue/src/components/form/CInputGroup.ts
@@ -10,8 +10,6 @@ const CInputGroup = defineComponent({
      */
     size: {
       type: String,
-      default: undefined,
-      required: false,
       validator: (value: string) => {
         return ['sm', 'lg'].includes(value)
       },
diff --git a/packages/coreui-vue/src/components/form/CInputGroupText.ts b/packages/coreui-vue/src/components/form/CInputGroupText.ts
index 107e722f..92717357 100644
--- a/packages/coreui-vue/src/components/form/CInputGroupText.ts
+++ b/packages/coreui-vue/src/components/form/CInputGroupText.ts
@@ -8,7 +8,6 @@ const CInputGroupText = defineComponent({
      */
     component: {
       type: String,
-      required: false,
       default: 'span',
     },
   },
diff --git a/packages/coreui-vue/src/components/grid/CCol.ts b/packages/coreui-vue/src/components/grid/CCol.ts
index b6f48080..8a532e92 100644
--- a/packages/coreui-vue/src/components/grid/CCol.ts
+++ b/packages/coreui-vue/src/components/grid/CCol.ts
@@ -29,8 +29,6 @@ const CCol = defineComponent({
      */
     xs: {
       type: [Boolean, Number, String, Object] as PropType<Col>,
-      default: undefined,
-      require: false,
     },
     /**
      * The number of columns/offset/order on small devices (<768px).
@@ -39,8 +37,6 @@ const CCol = defineComponent({
      */
     sm: {
       type: [Boolean, Number, String, Object] as PropType<Col>,
-      default: undefined,
-      require: false,
     },
     /**
      * The number of columns/offset/order on medium devices (<992px).
@@ -49,8 +45,6 @@ const CCol = defineComponent({
      */
     md: {
       type: [Boolean, Number, String, Object] as PropType<Col>,
-      default: undefined,
-      require: false,
     },
     /**
      * The number of columns/offset/order on large devices (<1200px).
@@ -59,8 +53,6 @@ const CCol = defineComponent({
      */
     lg: {
       type: [Boolean, Number, String, Object] as PropType<Col>,
-      default: undefined,
-      require: false,
     },
     /**
      * The number of columns/offset/order on X-Large devices (<1400px).
@@ -69,8 +61,6 @@ const CCol = defineComponent({
      */
     xl: {
       type: [Boolean, Number, String, Object] as PropType<Col>,
-      default: undefined,
-      require: false,
     },
     /**
      * The number of columns/offset/order on XX-Large devices (≥1400px).
@@ -79,8 +69,6 @@ const CCol = defineComponent({
      */
     xxl: {
       type: [Boolean, Number, String, Object] as PropType<Col>,
-      default: undefined,
-      require: false,
     },
   },
   setup(props, { slots }) {
diff --git a/packages/coreui-vue/src/components/grid/CContainer.ts b/packages/coreui-vue/src/components/grid/CContainer.ts
index 6ca6e876..ad999eb7 100644
--- a/packages/coreui-vue/src/components/grid/CContainer.ts
+++ b/packages/coreui-vue/src/components/grid/CContainer.ts
@@ -15,45 +15,27 @@ const CContainer = defineComponent({
     /**
      * Set container 100% wide until small breakpoint.
      */
-    sm: {
-      type: Boolean,
-      required: false,
-    },
+    sm: Boolean,
     /**
      * Set container 100% wide until medium breakpoint.
      */
-    md: {
-      type: Boolean,
-      required: false,
-    },
+    md: Boolean,
     /**
      * Set container 100% wide until large breakpoint.
      */
-    lg: {
-      type: Boolean,
-      required: false,
-    },
+    lg: Boolean,
     /**
      * Set container 100% wide until X-large breakpoint.
      */
-    xl: {
-      type: Boolean,
-      required: false,
-    },
+    xl: Boolean,
     /**
      * Set container 100% wide until XX-large breakpoint.
      */
-    xxl: {
-      type: Boolean,
-      required: false,
-    },
+    xxl: Boolean,
     /**
      * Set container 100% wide, spanning the entire width of the viewport.
      */
-    fluid: {
-      type: Boolean,
-      required: false,
-    },
+    fluid: Boolean,
   },
   setup(props, { slots }) {
     const repsonsiveClassNames: string[] = []
diff --git a/packages/coreui-vue/src/components/grid/CRow.ts b/packages/coreui-vue/src/components/grid/CRow.ts
index e17a4cd0..4501cffd 100644
--- a/packages/coreui-vue/src/components/grid/CRow.ts
+++ b/packages/coreui-vue/src/components/grid/CRow.ts
@@ -24,61 +24,37 @@ const CRow = defineComponent({
      *
      * @values { cols: 'auto' | number | string } | { gutter: number | string } | { gutterX: number | string } | { gutterY: number | string }
      */
-    xs: {
-      type: Object as () => BPObject,
-      default: undefined,
-      required: false,
-    },
+    xs: Object as () => BPObject,
     /**
      * The number of columns/offset/order on small devices (<768px).
      *
      * @values { cols: 'auto' | number | string } | { gutter: number | string } | { gutterX: number | string } | { gutterY: number | string }
      */
-    sm: {
-      type: Object as () => BPObject,
-      default: undefined,
-      required: false,
-      /**
-       * The number of columns/offset/order on medium devices (<992px).
-       *
-       * @values { cols: 'auto' | number | string } | { gutter: number | string } | { gutterX: number | string } | { gutterY: number | string }
-       */
-    },
-    md: {
-      type: Object as () => BPObject,
-      default: undefined,
-      required: false,
-    },
+    sm: Object as () => BPObject,
+    /**
+     * The number of columns/offset/order on medium devices (<992px).
+     *
+     * @values { cols: 'auto' | number | string } | { gutter: number | string } | { gutterX: number | string } | { gutterY: number | string }
+     */
+    md: Object as () => BPObject,
     /**
      * The number of columns/offset/order on large devices (<1200px).
      *
      * @values { cols: 'auto' | number | string } | { gutter: number | string } | { gutterX: number | string } | { gutterY: number | string }
      */
-    lg: {
-      type: Object as () => BPObject,
-      default: undefined,
-      required: false,
-    },
+    lg: Object as () => BPObject,
     /**
      * The number of columns/offset/order on X-Large devices (<1400px).
      *
      * @values { cols: 'auto' | number | string } | { gutter: number | string } | { gutterX: number | string } | { gutterY: number | string }
      */
-    xl: {
-      type: Object as () => BPObject,
-      default: undefined,
-      required: false,
-    },
+    xl: Object as () => BPObject,
     /**
      * The number of columns/offset/order on XX-Large devices (≥1400px).
      *
      * @values { cols: 'auto' | number | string } | { gutter: number | string } | { gutterX: number | string } | { gutterY: number | string }
      */
-    xxl: {
-      type: Object as () => BPObject,
-      default: undefined,
-      required: false,
-    },
+    xxl: Object as () => BPObject,
   },
   setup(props, { slots }) {
     const repsonsiveClassNames: string[] = []
diff --git a/packages/coreui-vue/src/components/header/CHeader.ts b/packages/coreui-vue/src/components/header/CHeader.ts
index 76e2a03c..777a203a 100644
--- a/packages/coreui-vue/src/components/header/CHeader.ts
+++ b/packages/coreui-vue/src/components/header/CHeader.ts
@@ -10,8 +10,6 @@ const CHeader = defineComponent({
      */
     container: {
       type: [Boolean, String],
-      default: undefined,
-      required: false,
       validator: (value: boolean | string) => {
         return (
           typeof value === 'boolean' || ['sm', 'md', 'lg', 'xl', 'xxl', 'fluid'].includes(value)
@@ -25,8 +23,6 @@ const CHeader = defineComponent({
      */
     position: {
       type: String,
-      default: undefined,
-      required: false,
       validator: (value: string) => {
         return ['fixed', 'sticky'].includes(value)
       },
diff --git a/packages/coreui-vue/src/components/header/CHeaderBrand.ts b/packages/coreui-vue/src/components/header/CHeaderBrand.ts
index a1a6d96c..97ee9581 100644
--- a/packages/coreui-vue/src/components/header/CHeaderBrand.ts
+++ b/packages/coreui-vue/src/components/header/CHeaderBrand.ts
@@ -8,7 +8,6 @@ const CHeaderBrand = defineComponent({
      */
     component: {
       type: String,
-      required: false,
       default: 'a',
     },
   },
diff --git a/packages/coreui-vue/src/components/header/CHeaderNav.ts b/packages/coreui-vue/src/components/header/CHeaderNav.ts
index 462ae5c9..1fa1e7c7 100644
--- a/packages/coreui-vue/src/components/header/CHeaderNav.ts
+++ b/packages/coreui-vue/src/components/header/CHeaderNav.ts
@@ -8,7 +8,6 @@ const CHeaderNav = defineComponent({
      */
     component: {
       type: String,
-      required: false,
       default: 'ul',
     },
   },
diff --git a/packages/coreui-vue/src/components/image/CImage.ts b/packages/coreui-vue/src/components/image/CImage.ts
index 7bae46c3..9d122ee3 100644
--- a/packages/coreui-vue/src/components/image/CImage.ts
+++ b/packages/coreui-vue/src/components/image/CImage.ts
@@ -10,8 +10,6 @@ const CImage = defineComponent({
      */
     align: {
       type: String,
-      default: undefined,
-      required: false,
       validator: (value: string) => {
         return ['start', 'center', 'end'].includes(value)
       },
@@ -19,24 +17,15 @@ const CImage = defineComponent({
     /**
      * Make image responsive.
      */
-    fluid: {
-      type: Boolean,
-      required: false,
-    },
+    fluid: Boolean,
     /**
      * Make image rounded.
      */
-    rounded: {
-      type: Boolean,
-      required: false,
-    },
+    rounded: Boolean,
     /**
      * Give an image a rounded 1px border appearance.
      */
-    thumbnail: {
-      type: Boolean,
-      required: false,
-    },
+    thumbnail: Boolean,
   },
   setup(props) {
     return () =>
diff --git a/packages/coreui-vue/src/components/link/CLink.ts b/packages/coreui-vue/src/components/link/CLink.ts
index 7b124e59..63766e56 100644
--- a/packages/coreui-vue/src/components/link/CLink.ts
+++ b/packages/coreui-vue/src/components/link/CLink.ts
@@ -6,33 +6,22 @@ const CLink = defineComponent({
     /**
      * Toggle the active state for the component.
      */
-    active: {
-      type: Boolean,
-      required: false,
-    },
+    active: Boolean,
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
     component: {
       type: String,
-      required: false,
       default: 'a',
     },
     /**
      * Toggle the disabled state for the component.
      */
-    disabled: {
-      type: Boolean,
-      required: false,
-    },
+    disabled: Boolean,
     /**
      * The href attribute specifies the URL of the page the link goes to.
      */
-    href: {
-      type: String,
-      default: undefined,
-      required: false,
-    },
+    href: String,
   },
   emits: [
     /**
diff --git a/packages/coreui-vue/src/components/list-group/CListGroup.ts b/packages/coreui-vue/src/components/list-group/CListGroup.ts
index 0fbf71de..57003be4 100644
--- a/packages/coreui-vue/src/components/list-group/CListGroup.ts
+++ b/packages/coreui-vue/src/components/list-group/CListGroup.ts
@@ -8,16 +8,12 @@ const CListGroup = defineComponent({
      */
     component: {
       type: String,
-      required: false,
       default: 'ul',
     },
     /**
      * Remove some borders and rounded corners to render list group items edge-to-edge in a parent component (e.g., `<CCard>`)
      */
-    flush: {
-      type: Boolean,
-      required: false,
-    },
+    flush: Boolean,
     /**
      * Specify a layout type.
      *
@@ -25,8 +21,6 @@ const CListGroup = defineComponent({
      */
     layout: {
       type: String,
-      default: undefined,
-      required: false,
       validator: (value: string) => {
         return [
           'horizontal',
diff --git a/packages/coreui-vue/src/components/list-group/CListGroupItem.ts b/packages/coreui-vue/src/components/list-group/CListGroupItem.ts
index c301206f..5b4fde03 100644
--- a/packages/coreui-vue/src/components/list-group/CListGroupItem.ts
+++ b/packages/coreui-vue/src/components/list-group/CListGroupItem.ts
@@ -8,10 +8,7 @@ const CListGroupItem = defineComponent({
     /**
      * Toggle the active state for the component.
      */
-    active: {
-      type: Boolean,
-      required: false,
-    },
+    active: Boolean,
     /**
      * Sets the color context of the component to one of CoreUI’s themed colors.
      *
@@ -21,16 +18,12 @@ const CListGroupItem = defineComponent({
     /**
      * Toggle the disabled state for the component.
      */
-    disabled: {
-      type: Boolean,
-      required: false,
-    },
+    disabled: Boolean,
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
     component: {
       type: String,
-      required: false,
       default: 'li',
     },
   },
diff --git a/packages/coreui-vue/src/components/modal/CModal.ts b/packages/coreui-vue/src/components/modal/CModal.ts
index 90ccf5df..854ca450 100644
--- a/packages/coreui-vue/src/components/modal/CModal.ts
+++ b/packages/coreui-vue/src/components/modal/CModal.ts
@@ -12,7 +12,7 @@ import {
 
 import { CBackdrop } from './../backdrop/CBackdrop'
 
-import { executeAfterTransition } from './../../utils/transition'
+import { executeAfterTransition } from '../../utils/transition'
 
 const CModal = defineComponent({
   name: 'CModal',
@@ -50,10 +50,7 @@ const CModal = defineComponent({
     /**
      * A string of all className you want applied to the modal content component.
      */
-    contentClassName: {
-      type: String,
-      default: undefined,
-    },
+    contentClassName: String,
     /**
      * Set modal to covers the entire user viewport
      *
@@ -61,7 +58,6 @@ const CModal = defineComponent({
      */
     fullscreen: {
       type: [Boolean, String],
-      default: undefined,
       validator: (value: boolean | string) => {
         if (typeof value == 'string') {
           return ['sm', 'md', 'lg', 'xl', 'xxl'].includes(value)
@@ -82,9 +78,7 @@ const CModal = defineComponent({
     /**
      * Create a scrollable modal that allows scrolling the modal body.
      */
-    scrollable: {
-      type: Boolean,
-    },
+    scrollable: Boolean,
     /**
      * Size the component small, large, or extra large.
      *
@@ -92,7 +86,6 @@ const CModal = defineComponent({
      */
     size: {
       type: String,
-      default: undefined,
       validator: (value: string) => {
         return ['sm', 'lg', 'xl'].includes(value)
       },
diff --git a/packages/coreui-vue/src/components/modal/CModalHeader.ts b/packages/coreui-vue/src/components/modal/CModalHeader.ts
index 93481575..108a8ff2 100644
--- a/packages/coreui-vue/src/components/modal/CModalHeader.ts
+++ b/packages/coreui-vue/src/components/modal/CModalHeader.ts
@@ -10,7 +10,6 @@ const CModalHeader = defineComponent({
      */
     closeButton: {
       type: Boolean,
-      required: false,
       default: true,
     },
   },
diff --git a/packages/coreui-vue/src/components/modal/CModalTitle.ts b/packages/coreui-vue/src/components/modal/CModalTitle.ts
index e31e9635..ea970c09 100644
--- a/packages/coreui-vue/src/components/modal/CModalTitle.ts
+++ b/packages/coreui-vue/src/components/modal/CModalTitle.ts
@@ -9,7 +9,6 @@ const CModalTitle = defineComponent({
     component: {
       type: String,
       default: 'h5',
-      required: false,
     },
   },
   setup(props, { slots }) {
diff --git a/packages/coreui-vue/src/components/nav/CNav.ts b/packages/coreui-vue/src/components/nav/CNav.ts
index 93d0d39e..add7ef70 100644
--- a/packages/coreui-vue/src/components/nav/CNav.ts
+++ b/packages/coreui-vue/src/components/nav/CNav.ts
@@ -8,7 +8,6 @@ const CNav = defineComponent({
      */
     component: {
       type: String,
-      required: false,
       default: 'ul',
     },
     /**
@@ -18,8 +17,6 @@ const CNav = defineComponent({
      */
     layout: {
       type: String,
-      required: false,
-      default: undefined,
       validator: (value: string) => {
         return ['fill', 'justified'].includes(value)
       },
@@ -31,8 +28,6 @@ const CNav = defineComponent({
      */
     variant: {
       type: String,
-      required: false,
-      default: undefined,
       validator: (value: string) => {
         return ['tabs', 'pills'].includes(value)
       },
diff --git a/packages/coreui-vue/src/components/nav/CNavLink.ts b/packages/coreui-vue/src/components/nav/CNavLink.ts
index 1700d5aa..db5c183d 100644
--- a/packages/coreui-vue/src/components/nav/CNavLink.ts
+++ b/packages/coreui-vue/src/components/nav/CNavLink.ts
@@ -8,33 +8,22 @@ const CNavLink = defineComponent({
     /**
      * Toggle the active state for the component.
      */
-    active: {
-      type: Boolean,
-      required: false,
-    },
+    active: Boolean,
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
     component: {
       type: String,
-      required: false,
       default: 'a',
     },
     /**
      * Toggle the disabled state for the component.
      */
-    disabled: {
-      type: Boolean,
-      required: false,
-    },
+    disabled: Boolean,
     /**
      * @ignore
      */
-    href: {
-      type: String,
-      default: undefined,
-      required: false,
-    },
+    href: String,
   },
   setup(props, { slots }) {
     return () =>
diff --git a/packages/coreui-vue/src/components/navbar/CNavbar.ts b/packages/coreui-vue/src/components/navbar/CNavbar.ts
index 1bd032ec..33a4d4f0 100644
--- a/packages/coreui-vue/src/components/navbar/CNavbar.ts
+++ b/packages/coreui-vue/src/components/navbar/CNavbar.ts
@@ -18,8 +18,6 @@ const CNavbar = defineComponent({
      */
     colorScheme: {
       type: String,
-      default: undefined,
-      required: false,
       validator: (value: string) => {
         return ['dark', 'light'].includes(value)
       },
@@ -30,7 +28,6 @@ const CNavbar = defineComponent({
     component: {
       type: String,
       default: 'nav',
-      required: false,
     },
     /**
      * Defines optional container wrapping children elements.
@@ -39,8 +36,6 @@ const CNavbar = defineComponent({
      */
     container: {
       type: [Boolean, String],
-      default: undefined,
-      required: false,
       validator: (value: boolean | string) => {
         return (
           typeof value === 'boolean' || ['sm', 'md', 'lg', 'xl', 'xxl', 'fluid'].includes(value)
@@ -54,8 +49,6 @@ const CNavbar = defineComponent({
      */
     expand: {
       type: [Boolean, String],
-      default: undefined,
-      required: false,
       validator: (value: boolean | string) => {
         return typeof value === 'boolean' || ['sm', 'md', 'lg', 'xl', 'xxl'].includes(value)
       },
@@ -67,8 +60,6 @@ const CNavbar = defineComponent({
      */
     placement: {
       type: String,
-      default: undefined,
-      required: false,
       validator: (value: string) => {
         return ['fixed-top', 'fixed-bottom', 'sticky-top'].includes(value)
       },
diff --git a/packages/coreui-vue/src/components/navbar/CNavbarBrand.ts b/packages/coreui-vue/src/components/navbar/CNavbarBrand.ts
index 8e053e22..b7d63931 100644
--- a/packages/coreui-vue/src/components/navbar/CNavbarBrand.ts
+++ b/packages/coreui-vue/src/components/navbar/CNavbarBrand.ts
@@ -10,16 +10,11 @@ const CNavbarBrand = defineComponent({
     component: {
       type: String,
       default: 'a',
-      required: false,
     },
     /**
      * The href attribute specifies the URL of the page the link goes to.
      */
-    href: {
-      type: String,
-      default: undefined,
-      required: false,
-    },
+    href: String,
   },
   setup(props, { slots }) {
     return () =>
diff --git a/packages/coreui-vue/src/components/navbar/CNavbarNav.ts b/packages/coreui-vue/src/components/navbar/CNavbarNav.ts
index 96f707a4..7a36931f 100644
--- a/packages/coreui-vue/src/components/navbar/CNavbarNav.ts
+++ b/packages/coreui-vue/src/components/navbar/CNavbarNav.ts
@@ -8,7 +8,6 @@ const CNavbarNav = defineComponent({
      */
     component: {
       type: String,
-      required: false,
       default: 'ul',
     },
   },
diff --git a/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts b/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts
index 7285df6e..dd0d0474 100644
--- a/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts
+++ b/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts
@@ -3,7 +3,7 @@ import { defineComponent, h, ref, RendererElement, Transition, watch, withDirect
 import { CBackdrop } from '../backdrop'
 
 import { vVisible } from '../../directives/v-c-visible'
-import { executeAfterTransition } from './../../utils/transition'
+import { executeAfterTransition } from '../../utils/transition'
 
 const COffcanvas = defineComponent({
   name: 'COffcanvas',
@@ -40,7 +40,6 @@ const COffcanvas = defineComponent({
      */
     placement: {
       type: String,
-      default: undefined,
       require: true,
       validator: (value: string) => {
         return ['start', 'end', 'top', 'bottom'].includes(value)
@@ -72,10 +71,14 @@ const COffcanvas = defineComponent({
       type: Boolean,
       default: false,
     },
+
     /**
      * Toggle the visibility of offcanvas component.
      */
-    visible: Boolean,
+    visible: {
+      type: Boolean,
+      default: false,
+    },
   },
   emits: [
     /**
@@ -98,12 +101,12 @@ const COffcanvas = defineComponent({
       },
     )
 
+
     watch(visible, () => {
-      if (visible.value) {
-        if (!props.scroll) {
-          document.body.style.overflow = 'hidden'
-          document.body.style.paddingRight = '0px'
-        }
+      if (visible.value && !props.scroll) {
+        document.body.style.overflow = 'hidden'
+        document.body.style.paddingRight = '0px'
+
         return
       }
 
diff --git a/packages/coreui-vue/src/components/offcanvas/COffcanvasTitle.ts b/packages/coreui-vue/src/components/offcanvas/COffcanvasTitle.ts
index 7003dc6a..0ea9f496 100644
--- a/packages/coreui-vue/src/components/offcanvas/COffcanvasTitle.ts
+++ b/packages/coreui-vue/src/components/offcanvas/COffcanvasTitle.ts
@@ -8,7 +8,6 @@ const COffcanvasTitle = defineComponent({
      */
     component: {
       type: String,
-      required: false,
       default: 'h5',
     },
   },
diff --git a/packages/coreui-vue/src/components/pagination/CPagination.ts b/packages/coreui-vue/src/components/pagination/CPagination.ts
index 76ad5e36..9f0bc7c4 100644
--- a/packages/coreui-vue/src/components/pagination/CPagination.ts
+++ b/packages/coreui-vue/src/components/pagination/CPagination.ts
@@ -10,8 +10,6 @@ const CPagination = defineComponent({
      */
     align: {
       type: String,
-      default: undefined,
-      required: false,
       validator: (value: string) => {
         return ['start', 'center', 'end'].includes(value)
       },
@@ -23,8 +21,6 @@ const CPagination = defineComponent({
      */
     size: {
       type: String,
-      default: undefined,
-      required: false,
       validator: (value: string) => {
         return ['sm', 'lg'].includes(value)
       },
diff --git a/packages/coreui-vue/src/components/pagination/CPaginationItem.ts b/packages/coreui-vue/src/components/pagination/CPaginationItem.ts
index d2242c96..3695ba1c 100644
--- a/packages/coreui-vue/src/components/pagination/CPaginationItem.ts
+++ b/packages/coreui-vue/src/components/pagination/CPaginationItem.ts
@@ -8,33 +8,19 @@ const CPaginationItem = defineComponent({
     /**
      * Toggle the active state for the component.
      */
-    active: {
-      type: Boolean,
-      required: false,
-    },
+    active: Boolean,
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    component: {
-      type: String,
-      default: undefined,
-      required: false,
-    },
+    component: String,
     /**
      * Toggle the disabled state for the component.
      */
-    disabled: {
-      type: Boolean,
-      required: false,
-    },
+    disabled: Boolean,
     /**
      * The href attribute specifies the URL of the page the link goes to.
      */
-    href: {
-      type: String,
-      default: undefined,
-      required: false,
-    },
+    href: String,
   },
   setup(props, { slots }) {
     return () => {
diff --git a/packages/coreui-vue/src/components/placeholder/CPlaceholder.ts b/packages/coreui-vue/src/components/placeholder/CPlaceholder.ts
index 07098013..12d37edc 100644
--- a/packages/coreui-vue/src/components/placeholder/CPlaceholder.ts
+++ b/packages/coreui-vue/src/components/placeholder/CPlaceholder.ts
@@ -21,8 +21,6 @@ export const CPlaceholder = defineComponent({
      */
     animation: {
       type: String,
-      default: undefined,
-      require: false,
       validator: (value: string) => {
         return ['glow', 'wave'].includes(value)
       },
@@ -39,7 +37,6 @@ export const CPlaceholder = defineComponent({
     component: {
       type: String,
       default: 'span',
-      required: false,
     },
     /**
      * Size the component extra small, small, or large.
@@ -48,8 +45,6 @@ export const CPlaceholder = defineComponent({
      */
     size: {
       type: String,
-      default: undefined,
-      required: false,
       validator: (value: string) => {
         return ['xs', 'sm', 'lg'].includes(value)
       },
@@ -57,51 +52,27 @@ export const CPlaceholder = defineComponent({
     /**
      * The number of columns on extra small devices (<576px).
      */
-    xs: {
-      type: Number,
-      default: undefined,
-      require: false,
-    },
+    xs: Number,
     /**
      * The number of columns on small devices (<768px).
      */
-    sm: {
-      type: Number,
-      default: undefined,
-      require: false,
-    },
+    sm: Number,
     /**
      * The number of columns on medium devices (<992px).
      */
-    md: {
-      type: Number,
-      default: undefined,
-      require: false,
-    },
+    md: Number,
     /**
      * The number of columns on large devices (<1200px).
      */
-    lg: {
-      type: Number,
-      default: undefined,
-      require: false,
-    },
+    lg: Number,
     /**
      * The number of columns on X-Large devices (<1400px).
      */
-    xl: {
-      type: Number,
-      default: undefined,
-      require: false,
-    },
+    xl: Number,
     /**
      * The number of columns on XX-Large devices (≥1400px).
      */
-    xxl: {
-      type: Number,
-      default: undefined,
-      require: false,
-    },
+    xxl: Number,
   },
   setup(props, { slots }) {
     const repsonsiveClassNames: string[] = []
diff --git a/packages/coreui-vue/src/components/popover/CPopover.ts b/packages/coreui-vue/src/components/popover/CPopover.ts
index 5abd76d2..2201fe56 100644
--- a/packages/coreui-vue/src/components/popover/CPopover.ts
+++ b/packages/coreui-vue/src/components/popover/CPopover.ts
@@ -1,7 +1,7 @@
 import { defineComponent, h, PropType, ref, RendererElement, Teleport, Transition } from 'vue'
 import { createPopper, Placement } from '@popperjs/core'
 
-import { executeAfterTransition } from './../../utils/transition'
+import { executeAfterTransition } from '../../utils/transition'
 
 const CPopover = defineComponent({
   name: 'CPopover',
@@ -9,18 +9,13 @@ const CPopover = defineComponent({
     /**
      * Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`
      */
-    content: {
-      type: String,
-      default: undefined,
-      required: false,
-    },
+    content: String,
     /**
      * Offset of the popover relative to its target.
      */
     offset: {
       type: Array,
       default: () => [0, 8],
-      required: false,
     },
     /**
      * Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.
@@ -28,7 +23,6 @@ const CPopover = defineComponent({
     placement: {
       type: String as PropType<Placement>,
       default: 'top',
-      required: false,
       validator: (value: string) => {
         return ['top', 'right', 'bottom', 'left'].includes(value)
       },
@@ -36,11 +30,7 @@ const CPopover = defineComponent({
     /**
      * Title for your component. If you want to pass non-string value please use dedicated slot `<template #title>...</template>`
      */
-    title: {
-      type: String,
-      default: undefined,
-      required: false,
-    },
+    title: String,
     /**
      * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.
      *
@@ -49,7 +39,6 @@ const CPopover = defineComponent({
     trigger: {
       type: [String, Array] as PropType<string | string[]>,
       default: 'click',
-      required: false,
       validator: (value: string | string[]) => {
         if (typeof value === 'string') {
           return ['click', 'focus', 'hover'].includes(value)
diff --git a/packages/coreui-vue/src/components/progress/CProgress.ts b/packages/coreui-vue/src/components/progress/CProgress.ts
index 3063be07..66a9c84f 100644
--- a/packages/coreui-vue/src/components/progress/CProgress.ts
+++ b/packages/coreui-vue/src/components/progress/CProgress.ts
@@ -8,11 +8,7 @@ const CProgress = defineComponent({
     /**
      * Sets the height of the component. If you set that value the inner `<CProgressBar>` will automatically resize accordingly.
      */
-    height: {
-      type: Number,
-      default: undefined,
-      required: false,
-    },
+    height: Number,
     /**
      * Makes progress bar thinner.
      */
diff --git a/packages/coreui-vue/src/components/progress/CProgressBar.ts b/packages/coreui-vue/src/components/progress/CProgressBar.ts
index 1da80822..f825d79a 100644
--- a/packages/coreui-vue/src/components/progress/CProgressBar.ts
+++ b/packages/coreui-vue/src/components/progress/CProgressBar.ts
@@ -8,10 +8,7 @@ const CProgressBar = defineComponent({
     /**
      * Use to animate the stripes right to left via CSS3 animations.
      */
-    animated: {
-      type: Boolean,
-      required: false,
-    },
+    animated: Boolean,
     /**
      * Sets the color context of the component to one of CoreUI’s themed colors.
      *
@@ -23,7 +20,6 @@ const CProgressBar = defineComponent({
      */
     value: {
       type: Number,
-      required: false,
       default: 0,
     },
     /**
@@ -33,8 +29,6 @@ const CProgressBar = defineComponent({
      */
     variant: {
       type: String,
-      default: undefined,
-      require: false,
       validator: (value: string) => {
         return value === 'striped'
       },
diff --git a/packages/coreui-vue/src/components/sidebar/CSidebar.ts b/packages/coreui-vue/src/components/sidebar/CSidebar.ts
index 9f2ad49a..e9122cb7 100644
--- a/packages/coreui-vue/src/components/sidebar/CSidebar.ts
+++ b/packages/coreui-vue/src/components/sidebar/CSidebar.ts
@@ -1,7 +1,7 @@
 import { defineComponent, h, onBeforeUnmount, onMounted, ref, watch } from 'vue'
 import { CBackdrop } from '../backdrop'
 
-import { isInViewport } from './../../utils'
+import { isInViewport } from '../../utils'
 
 const isOnMobile = (element: HTMLDivElement) =>
   Boolean(getComputedStyle(element).getPropertyValue('--cui-is-mobile'))
@@ -12,23 +12,16 @@ const CSidebar = defineComponent({
     /**
      * Make sidebar narrow.
      */
-    narrow: {
-      type: Boolean,
-      required: false,
-    },
+    narrow: Boolean,
     /**
      * Set sidebar to overlaid variant.
      */
-    overlaid: {
-      type: Boolean,
-      required: false,
-    },
+    overlaid: Boolean,
     /**
      * Place sidebar in non-static positions.
      */
     position: {
       type: String,
-      default: undefined,
       validator: (value: string) => {
         return ['fixed'].includes(value)
       },
@@ -38,7 +31,6 @@ const CSidebar = defineComponent({
      */
     size: {
       type: String,
-      default: undefined,
       validator: (value: string) => {
         return ['sm', 'lg', 'xl'].includes(value)
       },
diff --git a/packages/coreui-vue/src/components/spinner/CSpinner.ts b/packages/coreui-vue/src/components/spinner/CSpinner.ts
index a0e92579..02b0ad45 100644
--- a/packages/coreui-vue/src/components/spinner/CSpinner.ts
+++ b/packages/coreui-vue/src/components/spinner/CSpinner.ts
@@ -10,8 +10,6 @@ const CSpinner = defineComponent({
      */
     color: {
       type: String,
-      default: undefined,
-      required: false,
       validator: (value: string) => {
         return [
           'primary',
@@ -31,7 +29,6 @@ const CSpinner = defineComponent({
     component: {
       type: String,
       default: 'div',
-      required: false,
     },
     /**
      * Size the component small.
@@ -40,8 +37,6 @@ const CSpinner = defineComponent({
      */
     size: {
       type: String,
-      default: undefined,
-      required: false,
       validator: (value: string) => {
         return value === 'sm'
       },
@@ -54,7 +49,6 @@ const CSpinner = defineComponent({
     variant: {
       type: String,
       default: 'border',
-      required: false,
       validator: (value: string) => {
         return ['border', 'grow'].includes(value)
       },
@@ -65,7 +59,6 @@ const CSpinner = defineComponent({
     visuallyHiddenLabel: {
       type: String,
       default: 'Loading...',
-      required: false,
     },
   },
   setup(props) {
diff --git a/packages/coreui-vue/src/components/table/CTable.ts b/packages/coreui-vue/src/components/table/CTable.ts
index ec991aa9..56111fa9 100644
--- a/packages/coreui-vue/src/components/table/CTable.ts
+++ b/packages/coreui-vue/src/components/table/CTable.ts
@@ -57,8 +57,6 @@ const CTable = defineComponent({
      */
     align: {
       type: String,
-      default: undefined,
-      required: false,
       validator: (value: string) => {
         return ['bottom', 'middle', 'top'].includes(value)
       },
@@ -72,37 +70,23 @@ const CTable = defineComponent({
     /**
      * Add borders on all sides of the table and cells.
      */
-    bordered: {
-      type: Boolean,
-      required: false,
-    },
+    bordered: Boolean,
     /**
      * Remove borders on all sides of the table and cells.
      */
-    borderless: {
-      type: Boolean,
-      required: false,
-    },
+    borderless: Boolean,
     /**
      * Put the `<caption>` on the top of the table.
      *
      * @values 'top' | string
      */
-    caption: {
-      type: String,
-      default: undefined,
-      required: false,
-    },
+    caption: String,
     /**
      * Set the text of the table caption and the caption on the top of the table.
      *
      * @since 4.5.0
      */
-    captionTop: {
-      type: String,
-      default: undefined,
-      required: false,
-    },
+    captionTop: String,
     /**
      * Prop for table columns configuration. If prop is not defined, table will display columns based on the first item keys, omitting keys that begins with underscore (e.g. '_props')
      *
@@ -118,7 +102,6 @@ const CTable = defineComponent({
      */
     columns: {
       type: Array as PropType<(Column | string)[]>,
-      required: false,
     },
     /**
      * Sets the color context of the component to one of CoreUI’s themed colors.
@@ -138,15 +121,11 @@ const CTable = defineComponent({
      */
     footer: {
       type: Array as PropType<(FooterItem | string)[]>,
-      required: false,
     },
     /**
      * Enable a hover state on table rows within a `<CTableBody>`.
      */
-    hover: {
-      type: Boolean,
-      required: false,
-    },
+    hover: Boolean,
     /**
      * Array of objects, where each object represents one item - row in table. Additionally, you can add style classes to each row by passing them by '_props' key and to single cell by '_cellProps'.
      *
@@ -157,12 +136,9 @@ const CTable = defineComponent({
      */
     items: {
       type: Array as PropType<Item[]>,
-      required: false,
     },
     responsive: {
       type: [Boolean, String],
-      default: undefined,
-      required: false,
       validator: (value: boolean | string) => {
         if (typeof value == 'string') {
           return ['sm', 'md', 'lg', 'xl', 'xxl'].includes(value)
@@ -176,26 +152,17 @@ const CTable = defineComponent({
     /**
      * Make table more compact by cutting all cell `padding` in half.
      */
-    small: {
-      type: Boolean,
-      required: false,
-    },
+    small: Boolean,
     /**
      * Add zebra-striping to any table row within the `<CTableBody>`.
      */
-    striped: {
-      type: Boolean,
-      required: false,
-    },
+    striped: Boolean,
     /**
      * Add zebra-striping to any table column.
      *
      * @since 4.4.0
      */
-    stripedColumns: {
-      type: Boolean,
-      required: false,
-    },
+    stripedColumns: Boolean,
     /**
      * Properties that will be passed to the table footer component.
      *
@@ -204,8 +171,6 @@ const CTable = defineComponent({
      */
     tableFootProps: {
       type: Object,
-      default: undefined,
-      required: false,
     },
     /**
      * Properties that will be passed to the table head component.
@@ -215,8 +180,6 @@ const CTable = defineComponent({
      */
     tableHeadProps: {
       type: Object,
-      default: undefined,
-      required: false,
     },
   },
   setup(props, { slots, attrs }) {
diff --git a/packages/coreui-vue/src/components/table/CTableDataCell.ts b/packages/coreui-vue/src/components/table/CTableDataCell.ts
index 02723090..5d5ea8dd 100644
--- a/packages/coreui-vue/src/components/table/CTableDataCell.ts
+++ b/packages/coreui-vue/src/components/table/CTableDataCell.ts
@@ -8,10 +8,7 @@ const CTableDataCell = defineComponent({
     /**
      * Highlight a table row or cell.
      */
-    active: {
-      type: Boolean,
-      required: false,
-    },
+    active: Boolean,
     /**
      * Set the vertical aligment.
      *
@@ -19,8 +16,6 @@ const CTableDataCell = defineComponent({
      */
     align: {
       type: String,
-      default: undefined,
-      required: false,
       validator: (value: string) => {
         return ['bottom', 'middle', 'top'].includes(value)
       },
@@ -34,10 +29,7 @@ const CTableDataCell = defineComponent({
     /**
      * @ignore
      */
-    scope: {
-      type: String,
-      required: false,
-    },
+    scope: String,
   },
   setup(props, { slots }) {
     return () =>
diff --git a/packages/coreui-vue/src/components/table/CTableRow.ts b/packages/coreui-vue/src/components/table/CTableRow.ts
index bf21efa1..f3f2a518 100644
--- a/packages/coreui-vue/src/components/table/CTableRow.ts
+++ b/packages/coreui-vue/src/components/table/CTableRow.ts
@@ -8,10 +8,7 @@ const CTableRow = defineComponent({
     /**
      * Highlight a table row or cell..
      */
-    active: {
-      type: Boolean,
-      required: false,
-    },
+    active: Boolean,
     /**
      * Set the vertical aligment.
      *
@@ -19,8 +16,6 @@ const CTableRow = defineComponent({
      */
     align: {
       type: String,
-      default: undefined,
-      required: false,
       validator: (value: string) => {
         return ['bottom', 'middle', 'top'].includes(value)
       },
diff --git a/packages/coreui-vue/src/components/tabs/CTabPane.ts b/packages/coreui-vue/src/components/tabs/CTabPane.ts
index 0540cdf3..9ff0050f 100644
--- a/packages/coreui-vue/src/components/tabs/CTabPane.ts
+++ b/packages/coreui-vue/src/components/tabs/CTabPane.ts
@@ -1,6 +1,6 @@
 import { defineComponent, h, ref, RendererElement, Transition, vShow, withDirectives } from 'vue'
 
-import { executeAfterTransition } from './../../utils/transition'
+import { executeAfterTransition } from '../../utils/transition'
 
 const CTabPane = defineComponent({
   name: 'CTabPane',
@@ -11,7 +11,6 @@ const CTabPane = defineComponent({
     visible: {
       type: Boolean,
       default: false,
-      required: false,
     },
   },
   emits: [
diff --git a/packages/coreui-vue/src/components/toast/CToast.ts b/packages/coreui-vue/src/components/toast/CToast.ts
index 76d4ecab..b34cf0a7 100644
--- a/packages/coreui-vue/src/components/toast/CToast.ts
+++ b/packages/coreui-vue/src/components/toast/CToast.ts
@@ -1,6 +1,6 @@
 import { defineComponent, h, onMounted, provide, ref, RendererElement, Transition } from 'vue'
 
-import { executeAfterTransition } from './../../utils/transition'
+import { executeAfterTransition } from '../../utils/transition'
 
 import { Color } from '../props'
 
@@ -13,7 +13,6 @@ const CToast = defineComponent({
     autohide: {
       type: Boolean,
       default: true,
-      required: false,
     },
     /**
      * Sets the color context of the component to one of CoreUI’s themed colors.
@@ -27,7 +26,6 @@ const CToast = defineComponent({
     delay: {
       type: Number,
       default: 5000,
-      required: false,
     },
     /**
      * Optionally add a close button to component and allow it to self dismiss.
@@ -35,31 +33,21 @@ const CToast = defineComponent({
     dismissible: {
       type: Boolean,
       default: true,
-      required: false,
     },
     /**
      * index of the component.
      */
-    index: {
-      type: Number,
-      default: undefined,
-      required: false,
-    },
+    index: Number,
     /**
      * Title node for your component.
      */
-    title: {
-      type: String,
-      default: undefined,
-      required: false,
-    },
+    title: String,
     /**
      * Toggle the visibility of component.
      */
     visible: {
       type: Boolean,
       default: true,
-      required: false,
     },
   },
   emits: [
diff --git a/packages/coreui-vue/src/components/toast/CToastClose.ts b/packages/coreui-vue/src/components/toast/CToastClose.ts
index 18e23511..f0aedd8d 100644
--- a/packages/coreui-vue/src/components/toast/CToastClose.ts
+++ b/packages/coreui-vue/src/components/toast/CToastClose.ts
@@ -7,11 +7,7 @@ const CToastClose = defineComponent({
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    component: {
-      type: String,
-      default: undefined,
-      required: false,
-    },
+    component: String,
     ...CCloseButton.props,
   },
   emits: [
diff --git a/packages/coreui-vue/src/components/toast/CToastHeader.ts b/packages/coreui-vue/src/components/toast/CToastHeader.ts
index add0d909..74fbc651 100644
--- a/packages/coreui-vue/src/components/toast/CToastHeader.ts
+++ b/packages/coreui-vue/src/components/toast/CToastHeader.ts
@@ -7,10 +7,7 @@ const CToastHeader = defineComponent({
     /**
      * Automatically add a close button to the header.
      */
-    closeButton: {
-      type: Boolean,
-      require: false,
-    },
+    closeButton: Boolean,
   },
   emits: [
     /**
diff --git a/packages/coreui-vue/src/components/toast/CToaster.ts b/packages/coreui-vue/src/components/toast/CToaster.ts
index 7e4db4a8..6e5b8381 100644
--- a/packages/coreui-vue/src/components/toast/CToaster.ts
+++ b/packages/coreui-vue/src/components/toast/CToaster.ts
@@ -10,8 +10,6 @@ const CToaster = defineComponent({
      */
     placement: {
       type: String,
-      default: undefined,
-      require: false,
       validator: (value: string) => {
         return [
           'top-start',
diff --git a/packages/coreui-vue/src/components/tooltip/CTooltip.ts b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
index 2d02d3fa..801bdfd7 100644
--- a/packages/coreui-vue/src/components/tooltip/CTooltip.ts
+++ b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
@@ -1,7 +1,7 @@
 import { defineComponent, h, PropType, ref, RendererElement, Teleport, Transition } from 'vue'
 import { createPopper, Placement } from '@popperjs/core'
 
-import { executeAfterTransition } from './../../utils/transition'
+import { executeAfterTransition } from '../../utils/transition'
 
 const CTooltip = defineComponent({
   name: 'CTooltip',
@@ -9,18 +9,13 @@ const CTooltip = defineComponent({
     /**
      * Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`
      */
-    content: {
-      type: String,
-      default: undefined,
-      required: false,
-    },
+    content: String,
     /**
      * Offset of the tooltip relative to its target.
      */
     offset: {
       type: Array,
       default: () => [0, 0],
-      required: false,
     },
     /**
      * Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.
@@ -28,7 +23,6 @@ const CTooltip = defineComponent({
     placement: {
       type: String as PropType<Placement>,
       default: 'top',
-      required: false,
       validator: (value: string) => {
         return ['top', 'right', 'bottom', 'left'].includes(value)
       },
@@ -41,7 +35,6 @@ const CTooltip = defineComponent({
     trigger: {
       type: [String, Array] as PropType<string | string[]>,
       default: 'hover',
-      required: false,
       validator: (value: string | string[]) => {
         if (typeof value === 'string') {
           return ['click', 'focus', 'hover'].includes(value)
diff --git a/packages/coreui-vue/src/components/widgets/CWidgetStatsA.ts b/packages/coreui-vue/src/components/widgets/CWidgetStatsA.ts
index 24633fab..d534deb8 100644
--- a/packages/coreui-vue/src/components/widgets/CWidgetStatsA.ts
+++ b/packages/coreui-vue/src/components/widgets/CWidgetStatsA.ts
@@ -5,26 +5,17 @@ import { CCard, CCardBody } from '../card'
 const CWidgetStatsA = defineComponent({
   name: 'CWidgetStatsA',
   props: {
-    color: {
-      type: String,
-      default: undefined,
-      require: false,
-    },
+    color: String,
     /**
      * Title for your component. If you want to pass non-string value please use dedicated slot `<template #title>...</template>`
      */
-    title: {
-      type: String,
-      default: undefined,
-      require: false,
-    },
+    title: String,
     /**
      * Value for your component. If you want to pass non-string or non-number value please use dedicated slot `<template #value>...</template>`
      */
     value: {
       type: [Number, String],
-      default: 0,
-      require: false,
+      default: 0
     },
   },
   /**
diff --git a/packages/coreui-vue/src/components/widgets/CWidgetStatsB.ts b/packages/coreui-vue/src/components/widgets/CWidgetStatsB.ts
index 870525a7..27078a3b 100644
--- a/packages/coreui-vue/src/components/widgets/CWidgetStatsB.ts
+++ b/packages/coreui-vue/src/components/widgets/CWidgetStatsB.ts
@@ -17,11 +17,7 @@ const CWidgetStatsB = defineComponent({
     /**
      * Colors have been inverted from their default dark shade.
      */
-    inverse: {
-      type: Boolean,
-      default: undefined,
-      require: false,
-    },
+    inverse: Boolean,
     progress: shape({
       /**
        * Sets the color context of the progress bar to one of CoreUI’s themed colors
@@ -40,26 +36,17 @@ const CWidgetStatsB = defineComponent({
     /**
      * Helper text for your component. If you want to pass non-string value please use dedicated slot `<template #text>...</template>`
      */
-    text: {
-      type: String,
-      default: undefined,
-      require: false,
-    },
+    text: String,
     /**
      * Title for your component. If you want to pass non-string value please use dedicated slot `<template #title>...</template>`
      */
-    title: {
-      type: String,
-      default: undefined,
-      require: false,
-    },
+    title: String,
     /**
      * Value for your component. If you want to pass non-string or non-number value please use dedicated slot `<template #value>...</template>`
      */
     value: {
       type: [Number, String],
-      default: 0,
-      require: false,
+      default: 0
     },
   },
   setup(props, { slots }) {
diff --git a/packages/coreui-vue/src/components/widgets/CWidgetStatsC.ts b/packages/coreui-vue/src/components/widgets/CWidgetStatsC.ts
index 88e0bb7a..84c8eefb 100644
--- a/packages/coreui-vue/src/components/widgets/CWidgetStatsC.ts
+++ b/packages/coreui-vue/src/components/widgets/CWidgetStatsC.ts
@@ -17,11 +17,7 @@ const CWidgetStatsC = defineComponent({
     /**
      * Colors have been inverted from their default dark shade.
      */
-    inverse: {
-      type: Boolean,
-      default: undefined,
-      require: false,
-    },
+    inverse: Boolean,
     progress: shape({
       /**
        * Sets the color context of the progress bar to one of CoreUI’s themed colors
@@ -40,18 +36,13 @@ const CWidgetStatsC = defineComponent({
     /**
      * Title for your component. If you want to pass non-string value please use dedicated slot `<template #title>...</template>`
      */
-    title: {
-      type: String,
-      default: undefined,
-      require: false,
-    },
+    title: String,
     /**
      * Value for your component. If you want to pass non-string or non-number value please use dedicated slot `<template #value>...</template>`
      */
     value: {
       type: [Number, String],
-      default: 0,
-      require: false,
+      default: 0
     },
   },
   /**
diff --git a/packages/coreui-vue/src/components/widgets/CWidgetStatsD.ts b/packages/coreui-vue/src/components/widgets/CWidgetStatsD.ts
index ca78d430..46b07913 100644
--- a/packages/coreui-vue/src/components/widgets/CWidgetStatsD.ts
+++ b/packages/coreui-vue/src/components/widgets/CWidgetStatsD.ts
@@ -23,8 +23,7 @@ const CWidgetStatsD = defineComponent({
      */
     values: {
       type: Array as PropType<Value[]>,
-      default: () => [],
-      require: false,
+      default: () => []
     },
   },
   /**
diff --git a/packages/coreui-vue/src/components/widgets/CWidgetStatsE.ts b/packages/coreui-vue/src/components/widgets/CWidgetStatsE.ts
index 6c02a903..16efe09b 100644
--- a/packages/coreui-vue/src/components/widgets/CWidgetStatsE.ts
+++ b/packages/coreui-vue/src/components/widgets/CWidgetStatsE.ts
@@ -8,18 +8,13 @@ const CWidgetStatsE = defineComponent({
     /**
      * Title for your component. If you want to pass non-string value please use dedicated slot `<template #title>...</template>`
      */
-    title: {
-      type: String,
-      default: undefined,
-      require: false,
-    },
+    title: String,
     /**
      * Value for your component. If you want to pass non-string or non-number value please use dedicated slot `<template #value>...</template>`
      */
     value: {
       type: [Number, String],
-      default: 0,
-      require: false,
+      default: 0
     },
   },
   /**
diff --git a/packages/coreui-vue/src/components/widgets/CWidgetStatsF.ts b/packages/coreui-vue/src/components/widgets/CWidgetStatsF.ts
index 8dbe9483..3281ed98 100644
--- a/packages/coreui-vue/src/components/widgets/CWidgetStatsF.ts
+++ b/packages/coreui-vue/src/components/widgets/CWidgetStatsF.ts
@@ -22,26 +22,17 @@ const CWidgetStatsF = defineComponent({
     /**
      * Title for your component. If you want to pass non-string value please use dedicated slot `<template #title>...</template>`
      */
-    title: {
-      type: String,
-      default: undefined,
-      require: false,
-    },
+    title: String,
     /**
      * Helper text for your component. If you want to pass non-string value please use dedicated slot `<template #text>...</template>`
      */
-    text: {
-      type: String,
-      default: undefined,
-      require: false,
-    },
+    text: String,
     /**
      * Value for your component. If you want to pass non-string or non-number value please use dedicated slot `<template #value>...</template>`
      */
     value: {
       type: [Number, String],
-      default: 0,
-      require: false,
+      default: 0
     },
   },
   /**
diff --git a/packages/docs/api/CChart.api.md b/packages/docs/api/CChart.api.md
index 16ba9a3e..22ddea1a 100644
--- a/packages/docs/api/CChart.api.md
+++ b/packages/docs/api/CChart.api.md
@@ -11,12 +11,12 @@ import CChart from '@coreui/vue-chartjs/src/CChart'
 | Prop name           | Description                                                                                                                                               | Type                                                    | Values | Default |
 | ------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------- | ------ | ------- |
 | **custom-tooltips** | Enables custom html based tooltips instead of standard tooltips.<br/>`@default` true                                                                      | boolean                                                 | -      | true    |
-| **data**            | The data object that is passed into the Chart.js chart (more info).                                                                                       | ChartData \| ((canvas: HTMLCanvasElement) => ChartData) | -      |         |
+| **data**            | The data object that is passed into the Chart.js chart (more info).                                                                                       | ChartData \| ((canvas: HTMLCanvasElement) => ChartData) | -      | -       |
 | **height**          | Height attribute applied to the rendered canvas.<br/>`@default` 150                                                                                       | number                                                  | -      | 150     |
 | **id**              | ID attribute applied to the rendered canvas.                                                                                                              | string                                                  | -      | -       |
 | **options**         | The options object that is passed into the Chart.js chart.<br><br>{@link https://www.chartjs.org/docs/latest/general/options.html More Info}              | ChartOptions                                            | -      | -       |
 | **plugins**         | The plugins array that is passed into the Chart.js chart (more info)<br><br>{@link https://www.chartjs.org/docs/latest/developers/plugins.html More Info} | Plugin[]                                                | -      | -       |
-| **redraw**          | If true, will tear down and redraw chart on all updates.                                                                                                  | boolean                                                 | -      |         |
+| **redraw**          | If true, will tear down and redraw chart on all updates.                                                                                                  | boolean                                                 | -      | -       |
 | **type**            | Chart.js chart type.<br/>`@type` 'line' \| 'bar' \| 'radar' \| 'doughnut' \| 'polarArea' \| 'bubble' \| 'pie' \| 'scatter'                                | ChartType                                               | -      | 'bar'   |
 | **width**           | Width attribute applied to the rendered canvas.<br/>`@default` 300                                                                                        | number                                                  | -      | 300     |
 | **wrapper**         | Put the chart into the wrapper div element.<br/>`@default` true                                                                                           | boolean                                                 | -      | true    |
diff --git a/packages/docs/api/accordion/CAccordion.api.md b/packages/docs/api/accordion/CAccordion.api.md
index 59d52bfa..4c30183a 100644
--- a/packages/docs/api/accordion/CAccordion.api.md
+++ b/packages/docs/api/accordion/CAccordion.api.md
@@ -11,5 +11,5 @@ import CAccordion from '@coreui/vue/src/components/accordion/CAccordion'
 | Prop name           | Description                                                                                                                                 | Type           | Values | Default |
 | ------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- | -------------- | ------ | ------- |
 | **active-item-key** | The active item key.                                                                                                                        | number\|string | -      | -       |
-| **always-open**     | Make accordion items stay open when another item is opened                                                                                  | boolean        | -      |         |
-| **flush**           | Removes the default background-color, some borders, and some rounded corners to render accordions edge-to-edge with their parent container. | boolean        | -      |         |
+| **always-open**     | Make accordion items stay open when another item is opened                                                                                  | boolean        | -      | -       |
+| **flush**           | Removes the default background-color, some borders, and some rounded corners to render accordions edge-to-edge with their parent container. | boolean        | -      | -       |
diff --git a/packages/docs/api/alert/CAlert.api.md b/packages/docs/api/alert/CAlert.api.md
index 202552b4..140f73d1 100644
--- a/packages/docs/api/alert/CAlert.api.md
+++ b/packages/docs/api/alert/CAlert.api.md
@@ -10,8 +10,8 @@ import CAlert from '@coreui/vue/src/components/alert/CAlert'
 
 | Prop name       | Description                                                               | Type    | Values                                                                                          | Default |
 | --------------- | ------------------------------------------------------------------------- | ------- | ----------------------------------------------------------------------------------------------- | ------- |
-| **color**       | Sets the color context of the component to one of CoreUI’s themed colors. | string  | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` |         |
-| **dismissible** | Optionally add a close button to alert and allow it to self dismisss.     | boolean | -                                                                                               | false   |
+| **color**       | Sets the color context of the component to one of CoreUI’s themed colors. | string  | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | -       |
+| **dismissible** | Optionally add a close button to alert and allow it to self dismisss.     | boolean | -                                                                                               | -       |
 | **variant**     | Set the alert variant to a solid.                                         | string  | `'solid'`                                                                                       | -       |
 | **visible**     | Toggle the visibility of alert component.                                 | boolean | -                                                                                               | true    |
 
diff --git a/packages/docs/api/avatar/CAvatar.api.md b/packages/docs/api/avatar/CAvatar.api.md
index eb86fe28..51491b27 100644
--- a/packages/docs/api/avatar/CAvatar.api.md
+++ b/packages/docs/api/avatar/CAvatar.api.md
@@ -10,9 +10,9 @@ import CAvatar from '@coreui/vue/src/components/avatar/CAvatar'
 
 | Prop name      | Description                                                                      | Type   | Values                                                                                                                                                                                                                                                    | Default |
 | -------------- | -------------------------------------------------------------------------------- | ------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- |
-| **color**      | Sets the color context of the component to one of CoreUI’s themed colors.        | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`                                                                                                                                                           |         |
-| **shape**      | Select the shape of the component.                                               | string | `'rounded'`, `'rounded-top'`, `'rounded-end'`, `'rounded-bottom'`, `'rounded-start'`, `'rounded-circle'`, `'rounded-pill'`, `'rounded-0'`, `'rounded-1'`, `'rounded-2'`, `'rounded-3'`                                                                    |         |
+| **color**      | Sets the color context of the component to one of CoreUI’s themed colors.        | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`                                                                                                                                                           | -       |
+| **shape**      | Select the shape of the component.                                               | string | `'rounded'`, `'rounded-top'`, `'rounded-end'`, `'rounded-bottom'`, `'rounded-start'`, `'rounded-circle'`, `'rounded-pill'`, `'rounded-0'`, `'rounded-1'`, `'rounded-2'`, `'rounded-3'`                                                                    | -       |
 | **size**       | Size the component small, large, or extra large.                                 | string | `'sm'`, `'md'`, `'lg'`, `'xl'`                                                                                                                                                                                                                            | -       |
 | **src**        | The src attribute for the img element.                                           | string | -                                                                                                                                                                                                                                                         | -       |
 | **status**     | Sets the color context of the status indicator to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`                                                                                                                                                           | -       |
-| **text-color** | Sets the text color of the component to one of CoreUI’s themed colors.           | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `'white'`, `'muted'`, `'high-emphasis'`, `'medium-emphasis'`, `'disabled'`, `'high-emphasis-inverse'`, `'medium-emphasis-inverse'`, `'disabled-inverse'` |         |
+| **text-color** | Sets the text color of the component to one of CoreUI’s themed colors.           | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `'white'`, `'muted'`, `'high-emphasis'`, `'medium-emphasis'`, `'disabled'`, `'high-emphasis-inverse'`, `'medium-emphasis-inverse'`, `'disabled-inverse'` | -       |
diff --git a/packages/docs/api/badge/CBadge.api.md b/packages/docs/api/badge/CBadge.api.md
index ff845d33..b9fd90b0 100644
--- a/packages/docs/api/badge/CBadge.api.md
+++ b/packages/docs/api/badge/CBadge.api.md
@@ -10,9 +10,9 @@ import CBadge from '@coreui/vue/src/components/badge/CBadge'
 
 | Prop name      | Description                                                                             | Type   | Values                                                                                                                                                                                                                                                    | Default |
 | -------------- | --------------------------------------------------------------------------------------- | ------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- |
-| **color**      | Sets the color context of the component to one of CoreUI’s themed colors.               | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`                                                                                                                                                           |         |
+| **color**      | Sets the color context of the component to one of CoreUI’s themed colors.               | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`                                                                                                                                                           | -       |
 | **component**  | Component used for the root node. Either a string to use a HTML element or a component. | string | -                                                                                                                                                                                                                                                         | 'span'  |
 | **position**   | Position badge in one of the corners of a link or button.                               | string | `'top-start'`, `'top-end'`, `'bottom-end'`, `'bottom-start'`                                                                                                                                                                                              | -       |
-| **shape**      | Select the shape of the component.                                                      | string | `'rounded'`, `'rounded-top'`, `'rounded-end'`, `'rounded-bottom'`, `'rounded-start'`, `'rounded-circle'`, `'rounded-pill'`, `'rounded-0'`, `'rounded-1'`, `'rounded-2'`, `'rounded-3'`                                                                    |         |
+| **shape**      | Select the shape of the component.                                                      | string | `'rounded'`, `'rounded-top'`, `'rounded-end'`, `'rounded-bottom'`, `'rounded-start'`, `'rounded-circle'`, `'rounded-pill'`, `'rounded-0'`, `'rounded-1'`, `'rounded-2'`, `'rounded-3'`                                                                    | -       |
 | **size**       | Size the component small.                                                               | string | `'sm'`                                                                                                                                                                                                                                                    | -       |
-| **text-color** | Sets the text color of the component to one of CoreUI’s themed colors.                  | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `'white'`, `'muted'`, `'high-emphasis'`, `'medium-emphasis'`, `'disabled'`, `'high-emphasis-inverse'`, `'medium-emphasis-inverse'`, `'disabled-inverse'` |         |
+| **text-color** | Sets the text color of the component to one of CoreUI’s themed colors.                  | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `'white'`, `'muted'`, `'high-emphasis'`, `'medium-emphasis'`, `'disabled'`, `'high-emphasis-inverse'`, `'medium-emphasis-inverse'`, `'disabled-inverse'` | -       |
diff --git a/packages/docs/api/breadcrumb/CBreadcrumbItem.api.md b/packages/docs/api/breadcrumb/CBreadcrumbItem.api.md
index 620f95d4..792d17d6 100644
--- a/packages/docs/api/breadcrumb/CBreadcrumbItem.api.md
+++ b/packages/docs/api/breadcrumb/CBreadcrumbItem.api.md
@@ -10,5 +10,5 @@ import CBreadcrumbItem from '@coreui/vue/src/components/breadcrumb/CBreadcrumbIt
 
 | Prop name  | Description                                        | Type    | Values | Default |
 | ---------- | -------------------------------------------------- | ------- | ------ | ------- |
-| **active** | Toggle the active state for the component.         | boolean | -      |         |
+| **active** | Toggle the active state for the component.         | boolean | -      | -       |
 | **href**   | The `href` attribute for the inner link component. | string  | -      | -       |
diff --git a/packages/docs/api/button-group/CButtonGroup.api.md b/packages/docs/api/button-group/CButtonGroup.api.md
index 5d48a7f0..cef08210 100644
--- a/packages/docs/api/button-group/CButtonGroup.api.md
+++ b/packages/docs/api/button-group/CButtonGroup.api.md
@@ -11,4 +11,4 @@ import CButtonGroup from '@coreui/vue/src/components/button-group/CButtonGroup'
 | Prop name    | Description                                                                                                                     | Type    | Values         | Default |
 | ------------ | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------------- | ------- |
 | **size**     | Size the component small or large.                                                                                              | string  | `'sm'`, `'lg'` | -       |
-| **vertical** | Create a set of buttons that appear vertically stacked rather than horizontally. Split button dropdowns are not supported here. | boolean | -              |         |
+| **vertical** | Create a set of buttons that appear vertically stacked rather than horizontally. Split button dropdowns are not supported here. | boolean | -              | -       |
diff --git a/packages/docs/api/button/CButton.api.md b/packages/docs/api/button/CButton.api.md
index e5d4a583..8f8f11ee 100644
--- a/packages/docs/api/button/CButton.api.md
+++ b/packages/docs/api/button/CButton.api.md
@@ -10,12 +10,12 @@ import CButton from '@coreui/vue/src/components/button/CButton'
 
 | Prop name     | Description                                                                                                                                                                   | Type    | Values                                                                                                                                                                                 | Default  |
 | ------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- |
-| **active**    | Toggle the active state for the component.                                                                                                                                    | boolean | -                                                                                                                                                                                      | false    |
-| **color**     | Sets the color context of the component to one of CoreUI’s themed colors.                                                                                                     | string  | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`                                                                                        |          |
+| **active**    | Toggle the active state for the component.                                                                                                                                    | boolean | -                                                                                                                                                                                      | -        |
+| **color**     | Sets the color context of the component to one of CoreUI’s themed colors.                                                                                                     | string  | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`                                                                                        | -        |
 | **component** | Component used for the root node. Either a string to use a HTML element or a component.                                                                                       | string  | -                                                                                                                                                                                      | 'button' |
-| **disabled**  | Toggle the disabled state for the component.                                                                                                                                  | boolean | -                                                                                                                                                                                      |          |
+| **disabled**  | Toggle the disabled state for the component.                                                                                                                                  | boolean | -                                                                                                                                                                                      | -        |
 | **href**      | The href attribute specifies the URL of the page the link goes to.                                                                                                            | string  | -                                                                                                                                                                                      | -        |
-| **shape**     | Select the shape of the component.                                                                                                                                            | string  | `'rounded'`, `'rounded-top'`, `'rounded-end'`, `'rounded-bottom'`, `'rounded-start'`, `'rounded-circle'`, `'rounded-pill'`, `'rounded-0'`, `'rounded-1'`, `'rounded-2'`, `'rounded-3'` |          |
+| **shape**     | Select the shape of the component.                                                                                                                                            | string  | `'rounded'`, `'rounded-top'`, `'rounded-end'`, `'rounded-bottom'`, `'rounded-start'`, `'rounded-circle'`, `'rounded-pill'`, `'rounded-0'`, `'rounded-1'`, `'rounded-2'`, `'rounded-3'` | -        |
 | **size**      | Size the component small or large.                                                                                                                                            | string  | `'sm'`, `'lg'`                                                                                                                                                                         | -        |
 | **type**      | Specifies the type of button. Always specify the type attribute for the `<button>` element.<br>Different browsers may use different default types for the `<button>` element. | string  | `'button'`, `'submit'`, `'reset'`                                                                                                                                                      | 'button' |
 | **variant**   | Set the button variant to an outlined button or a ghost button.                                                                                                               | string  | `'ghost'`, `'outline'`                                                                                                                                                                 | -        |
diff --git a/packages/docs/api/callout/CCallout.api.md b/packages/docs/api/callout/CCallout.api.md
index 5bccd72e..77e2cd84 100644
--- a/packages/docs/api/callout/CCallout.api.md
+++ b/packages/docs/api/callout/CCallout.api.md
@@ -10,4 +10,4 @@ import CCallout from '@coreui/vue/src/components/callout/CCallout'
 
 | Prop name | Description                                                               | Type   | Values                                                                                          | Default |
 | --------- | ------------------------------------------------------------------------- | ------ | ----------------------------------------------------------------------------------------------- | ------- |
-| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` |         |
+| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | -       |
diff --git a/packages/docs/api/card/CCard.api.md b/packages/docs/api/card/CCard.api.md
index 6bed1e9a..4db75e45 100644
--- a/packages/docs/api/card/CCard.api.md
+++ b/packages/docs/api/card/CCard.api.md
@@ -10,5 +10,5 @@ import CCard from '@coreui/vue/src/components/card/CCard'
 
 | Prop name      | Description                                                                    | Type   | Values                                                                                                                                                                                                                                                    | Default |
 | -------------- | ------------------------------------------------------------------------------ | ------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- |
-| **color**      | Sets the color context of the component to one of CoreUI’s themed colors.      | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`                                                                                                                                                           |         |
-| **text-color** | Sets the text color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `'white'`, `'muted'`, `'high-emphasis'`, `'medium-emphasis'`, `'disabled'`, `'high-emphasis-inverse'`, `'medium-emphasis-inverse'`, `'disabled-inverse'` |         |
+| **color**      | Sets the color context of the component to one of CoreUI’s themed colors.      | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`                                                                                                                                                           | -       |
+| **text-color** | Sets the text color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `'white'`, `'muted'`, `'high-emphasis'`, `'medium-emphasis'`, `'disabled'`, `'high-emphasis-inverse'`, `'medium-emphasis-inverse'`, `'disabled-inverse'` | -       |
diff --git a/packages/docs/api/carousel/CCarousel.api.md b/packages/docs/api/carousel/CCarousel.api.md
index 54b5cafc..b9c9bd6d 100644
--- a/packages/docs/api/carousel/CCarousel.api.md
+++ b/packages/docs/api/carousel/CCarousel.api.md
@@ -10,10 +10,10 @@ import CCarousel from '@coreui/vue/src/components/carousel/CCarousel'
 
 | Prop name      | Description                                                                                                                                                                            | Type            | Values                   | Default |
 | -------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------- | ------------------------ | ------- |
-| **controls**   | Adding in the previous and next controls.                                                                                                                                              | boolean         | -                        |         |
-| **dark**       | Add darker controls, indicators, and captions.                                                                                                                                         | boolean         | -                        |         |
+| **controls**   | Adding in the previous and next controls.                                                                                                                                              | boolean         | -                        | -       |
+| **dark**       | Add darker controls, indicators, and captions.                                                                                                                                         | boolean         | -                        | -       |
 | **index**      | index of the active item.                                                                                                                                                              | number          | -                        | 0       |
-| **indicators** | Adding indicators at the bottom of the carousel for each item.                                                                                                                         | boolean         | -                        |         |
+| **indicators** | Adding indicators at the bottom of the carousel for each item.                                                                                                                         | boolean         | -                        | -       |
 | **interval**   | The amount of time to delay between automatically cycling an item. If false, carousel will not automatically cycle.                                                                    | boolean\|number | -                        | 5000    |
 | **pause**      | If set to 'hover', pauses the cycling of the carousel on mouseenter and resumes the cycling of the carousel on mouseleave. If set to false, hovering over the carousel won't pause it. | boolean\|string | -                        | 'hover' |
 | **transition** | Set type of the transition.                                                                                                                                                            | string          | `'crossfade'`, `'slide'` | 'slide' |
diff --git a/packages/docs/api/close-button/CCloseButton.api.md b/packages/docs/api/close-button/CCloseButton.api.md
index 82f4609a..f6da7a9a 100644
--- a/packages/docs/api/close-button/CCloseButton.api.md
+++ b/packages/docs/api/close-button/CCloseButton.api.md
@@ -10,8 +10,8 @@ import CCloseButton from '@coreui/vue/src/components/close-button/CCloseButton'
 
 | Prop name    | Description                                  | Type    | Values | Default |
 | ------------ | -------------------------------------------- | ------- | ------ | ------- |
-| **disabled** | Toggle the disabled state for the component. | boolean | -      |         |
-| **white**    | Change the default color to white.           | boolean | -      |         |
+| **disabled** | Toggle the disabled state for the component. | boolean | -      | -       |
+| **white**    | Change the default color to white.           | boolean | -      | -       |
 
 #### Events
 
diff --git a/packages/docs/api/collapse/CCollapse.api.md b/packages/docs/api/collapse/CCollapse.api.md
index ff5409bd..4f0fa2f6 100644
--- a/packages/docs/api/collapse/CCollapse.api.md
+++ b/packages/docs/api/collapse/CCollapse.api.md
@@ -10,8 +10,8 @@ import CCollapse from '@coreui/vue/src/components/collapse/CCollapse'
 
 | Prop name      | Description                                                          | Type    | Values | Default |
 | -------------- | -------------------------------------------------------------------- | ------- | ------ | ------- |
-| **horizontal** | Set horizontal collapsing to transition the width instead of height. | boolean | -      |         |
-| **visible**    | Toggle the visibility of component.                                  | boolean | -      |         |
+| **horizontal** | Set horizontal collapsing to transition the width instead of height. | boolean | -      | -       |
+| **visible**    | Toggle the visibility of component.                                  | boolean | -      | -       |
 
 #### Events
 
diff --git a/packages/docs/api/dropdown/CDropdown.api.md b/packages/docs/api/dropdown/CDropdown.api.md
index 35deb462..71f0905c 100644
--- a/packages/docs/api/dropdown/CDropdown.api.md
+++ b/packages/docs/api/dropdown/CDropdown.api.md
@@ -12,14 +12,14 @@ import CDropdown from '@coreui/vue/src/components/dropdown/CDropdown'
 | -------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- |
 | **alignment**  | Set aligment of dropdown menu.                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | string\|object  | `{ 'start' \| 'end' \| { xs: 'start' \| 'end' } \| { sm: 'start' \| 'end' } \| { md: 'start' \| 'end' } \| { lg: 'start' \| 'end' } \| { xl: 'start' \| 'end'} \| { xxl: 'start' \| 'end'} }` | -              |
 | **auto-close** | Configure the auto close behavior of the dropdown:<br>- `true` - the dropdown will be closed by clicking outside or inside the dropdown menu.<br>- `false` - the dropdown will be closed by clicking the toggle button and manually calling hide or toggle method. (Also will not be closed by pressing esc key)<br>- `'inside'` - the dropdown will be closed (only) by clicking inside the dropdown menu.<br>- `'outside'` - the dropdown will be closed (only) by clicking outside the dropdown menu. | boolean\|string | -                                                                                                                                                                                             | true           |
-| **dark**       | Sets a darker color scheme to match a dark navbar.                                                                                                                                                                                                                                                                                                                                                                                                                                                       | boolean         | -                                                                                                                                                                                             |                |
+| **dark**       | Sets a darker color scheme to match a dark navbar.                                                                                                                                                                                                                                                                                                                                                                                                                                                       | boolean         | -                                                                                                                                                                                             | -              |
 | **direction**  | Sets a specified direction and location of the dropdown menu.                                                                                                                                                                                                                                                                                                                                                                                                                                            | string          | `'center'`, `'dropup'`, `'dropup-center'`, `'dropend'`, `'dropstart'`                                                                                                                         | -              |
-| **disabled**   | Toggle the disabled state for the component.                                                                                                                                                                                                                                                                                                                                                                                                                                                             | boolean         | -                                                                                                                                                                                             |                |
+| **disabled**   | Toggle the disabled state for the component.                                                                                                                                                                                                                                                                                                                                                                                                                                                             | boolean         | -                                                                                                                                                                                             | -              |
 | **placement**  | Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.                                                                                                                                                                                                                                                                                                                                     | Placement       | `'auto'`, `'top-end'`, `'top'`, `'top-start'`, `'bottom-end'`, `'bottom'`, `'bottom-start'`, `'right-start'`, `'right'`, `'right-end'`, `'left-start'`, `'left'`, `'left-end'`                | 'bottom-start' |
 | **popper**     | If you want to disable dynamic positioning set this property to `true`.                                                                                                                                                                                                                                                                                                                                                                                                                                  | boolean         | -                                                                                                                                                                                             | true           |
 | **trigger**    | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.                                                                                                                                                                                                                                                                                                                                                                                      | string\|array   | -                                                                                                                                                                                             | 'click'        |
 | **variant**    | Set the dropdown variant to an btn-group, dropdown, input-group, and nav-item.                                                                                                                                                                                                                                                                                                                                                                                                                           | string          | `'btn-group'`, `'dropdown'`, `'input-group'`, `'nav-item'`                                                                                                                                    | 'btn-group'    |
-| **visible**    | Toggle the visibility of dropdown menu component.                                                                                                                                                                                                                                                                                                                                                                                                                                                        | boolean         | -                                                                                                                                                                                             |                |
+| **visible**    | Toggle the visibility of dropdown menu component.                                                                                                                                                                                                                                                                                                                                                                                                                                                        | boolean         | -                                                                                                                                                                                             | -              |
 
 #### Events
 
diff --git a/packages/docs/api/dropdown/CDropdownItem.api.md b/packages/docs/api/dropdown/CDropdownItem.api.md
index 0824c259..d3739469 100644
--- a/packages/docs/api/dropdown/CDropdownItem.api.md
+++ b/packages/docs/api/dropdown/CDropdownItem.api.md
@@ -10,7 +10,7 @@ import CDropdownItem from '@coreui/vue/src/components/dropdown/CDropdownItem'
 
 | Prop name     | Description                                                                             | Type    | Values | Default |
 | ------------- | --------------------------------------------------------------------------------------- | ------- | ------ | ------- |
-| **active**    | Toggle the active state for the component.                                              | boolean | -      |         |
+| **active**    | Toggle the active state for the component.                                              | boolean | -      | -       |
 | **component** | Component used for the root node. Either a string to use a HTML element or a component. | string  | -      | 'a'     |
-| **disabled**  | Toggle the disabled state for the component.                                            | boolean | -      |         |
+| **disabled**  | Toggle the disabled state for the component.                                            | boolean | -      | -       |
 | **href**      | The href attribute specifies the URL of the page the link goes to.                      | string  | -      | -       |
diff --git a/packages/docs/api/dropdown/CDropdownToggle.api.md b/packages/docs/api/dropdown/CDropdownToggle.api.md
index aedfa89c..14987eae 100644
--- a/packages/docs/api/dropdown/CDropdownToggle.api.md
+++ b/packages/docs/api/dropdown/CDropdownToggle.api.md
@@ -10,13 +10,13 @@ import CDropdownToggle from '@coreui/vue/src/components/dropdown/CDropdownToggle
 
 | Prop name     | Description                                                                                                                                                                                                   | Type     | Values                                                                                          | Default  |
 | ------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------------------------------------------------------------------------------------------- | -------- |
-| **active**    | Toggle the active state for the component.                                                                                                                                                                    | boolean  | -                                                                                               | false    |
-| **color**     | Sets the color context of the component to one of CoreUI’s themed colors.                                                                                                                                     | string   | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` |          |
+| **active**    | Toggle the active state for the component.                                                                                                                                                                    | boolean  | -                                                                                               | -        |
+| **color**     | Sets the color context of the component to one of CoreUI’s themed colors.                                                                                                                                     | string   | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | -        |
 | **caret**     | Enables pseudo element caret on toggler.                                                                                                                                                                      | boolean  | -                                                                                               | true     |
 | **component** | Component used for the root node. Either a string to use a HTML element or a component.                                                                                                                       | string   | -                                                                                               | 'button' |
-| **custom**    | Create a custom toggler which accepts any content.                                                                                                                                                            | boolean  | -                                                                                               |          |
-| **disabled**  | Toggle the disabled state for the component.                                                                                                                                                                  | boolean  | -                                                                                               |          |
+| **custom**    | Create a custom toggler which accepts any content.                                                                                                                                                            | boolean  | -                                                                                               | -        |
+| **disabled**  | Toggle the disabled state for the component.                                                                                                                                                                  | boolean  | -                                                                                               | -        |
 | **size**      | Size the component small or large.                                                                                                                                                                            | string   | `'sm'`, `'lg'`                                                                                  | -        |
-| **split**     | Similarly, create split button dropdowns with virtually the same markup as single button dropdowns, but with the addition of `.dropdown-toggle-split` className for proper spacing around the dropdown caret. | boolean  | -                                                                                               |          |
+| **split**     | Similarly, create split button dropdowns with virtually the same markup as single button dropdowns, but with the addition of `.dropdown-toggle-split` className for proper spacing around the dropdown caret. | boolean  | -                                                                                               | -        |
 | **trigger**   | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.<br/>`@type` 'hover' \| 'focus' \| 'click'                                                 | Triggers | -                                                                                               | 'click'  |
 | **variant**   | Set the button variant to an outlined button or a ghost button.                                                                                                                                               | string   | `'ghost'`, `'outline'`                                                                          | -        |
diff --git a/packages/docs/api/form/CForm.api.md b/packages/docs/api/form/CForm.api.md
index 140345ce..fdaf792d 100644
--- a/packages/docs/api/form/CForm.api.md
+++ b/packages/docs/api/form/CForm.api.md
@@ -10,4 +10,4 @@ import CForm from '@coreui/vue/src/components/form/CForm'
 
 | Prop name     | Description                                                                                                   | Type    | Values | Default |
 | ------------- | ------------------------------------------------------------------------------------------------------------- | ------- | ------ | ------- |
-| **validated** | Mark a form as validated. If you set it `true`, all validation styles will be applied to the forms component. | boolean | -      |         |
+| **validated** | Mark a form as validated. If you set it `true`, all validation styles will be applied to the forms component. | boolean | -      | -       |
diff --git a/packages/docs/api/form/CFormCheck.api.md b/packages/docs/api/form/CFormCheck.api.md
index 34035a8f..df1f2fe7 100644
--- a/packages/docs/api/form/CFormCheck.api.md
+++ b/packages/docs/api/form/CFormCheck.api.md
@@ -10,20 +10,21 @@ import CFormCheck from '@coreui/vue/src/components/form/CFormCheck'
 
 | Prop name                                                           | Description                                                                                                                                           | Type            | Values                  | Default    |
 | ------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- | --------------- | ----------------------- | ---------- |
-| **button**                                                          | Create button-like checkboxes and radio buttons.<br/>`@see` http://coreui.io/vue/docs/components/button.html                                          | object          | -                       |            |
-| **feedback** <br><div class="badge bg-primary">4.3.0+</div>         | Provide valuable, actionable feedback.                                                                                                                | string          | -                       |            |
-| **feedback-invalid** <br><div class="badge bg-primary">4.3.0+</div> | Provide valuable, actionable feedback.                                                                                                                | string          | -                       |            |
-| **feedback-valid** <br><div class="badge bg-primary">4.3.0+</div>   | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | string          | -                       |            |
-| **hit-area**                                                        | Sets hit area to the full area of the component.                                                                                                      | string          | -                       |            |
-| **id**                                                              | The id global attribute defines an identifier (ID) that must be unique in the whole document.                                                         | string          | -                       |            |
-| **indeterminate**                                                   | Input Checkbox indeterminate Property                                                                                                                 | boolean         | -                       |            |
-| **inline**                                                          | Group checkboxes or radios on the same horizontal row by adding.                                                                                      | boolean         | -                       |            |
-| **invalid**                                                         | Set component validation state to invalid.                                                                                                            | boolean         | -                       |            |
-| **label**                                                           | The element represents a caption for a component.                                                                                                     | string          | -                       |            |
-| **model-value**                                                     | The default name for a value passed using v-model.                                                                                                    | boolean\|string | -                       |            |
-| **tooltip-feedback** <br><div class="badge bg-primary">4.3.0+</div> | Display validation feedback in a styled tooltip.                                                                                                      | boolean         | -                       |            |
+| **button**                                                          | Create button-like checkboxes and radio buttons.<br/>`@see` http://coreui.io/vue/docs/components/button.html                                          | object          | -                       | -          |
+| **feedback** <br><div class="badge bg-primary">4.3.0+</div>         | Provide valuable, actionable feedback.                                                                                                                | string          | -                       | -          |
+| **feedback-invalid** <br><div class="badge bg-primary">4.3.0+</div> | Provide valuable, actionable feedback.                                                                                                                | string          | -                       | -          |
+| **feedback-valid** <br><div class="badge bg-primary">4.3.0+</div>   | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | string          | -                       | -          |
+| **hit-area**                                                        | Sets hit area to the full area of the component.                                                                                                      | string          | -                       | -          |
+| **id**                                                              | The id global attribute defines an identifier (ID) that must be unique in the whole document.                                                         | string          | -                       | -          |
+| **indeterminate**                                                   | Input Checkbox indeterminate Property                                                                                                                 | boolean         | -                       | -          |
+| **inline**                                                          | Group checkboxes or radios on the same horizontal row by adding.                                                                                      | boolean         | -                       | -          |
+| **invalid**                                                         | Set component validation state to invalid.                                                                                                            | boolean         | -                       | -          |
+| **label**                                                           | The element represents a caption for a component.                                                                                                     | string          | -                       | -          |
+| **model-value**                                                     | The default name for a value passed using v-model.                                                                                                    | boolean\|string | -                       | -          |
+| **reverse**                                                         | Put checkboxes or radios on the opposite side.<br/>`@sinve` 4.8.0                                                                                     | boolean         | -                       | -          |
+| **tooltip-feedback** <br><div class="badge bg-primary">4.3.0+</div> | Display validation feedback in a styled tooltip.                                                                                                      | boolean         | -                       | -          |
 | **type**                                                            | Specifies the type of component.                                                                                                                      | string          | `'checkbox'`, `'radio'` | 'checkbox' |
-| **valid**                                                           | Set component validation state to valid.                                                                                                              | boolean         | -                       |            |
+| **valid**                                                           | Set component validation state to valid.                                                                                                              | boolean         | -                       | -          |
 
 #### Events
 
diff --git a/packages/docs/api/form/CFormControlValidation.api.md b/packages/docs/api/form/CFormControlValidation.api.md
index 8ecea6d5..09aed3b7 100644
--- a/packages/docs/api/form/CFormControlValidation.api.md
+++ b/packages/docs/api/form/CFormControlValidation.api.md
@@ -10,9 +10,9 @@ import CFormControlValidation from '@coreui/vue/src/components/form/CFormControl
 
 | Prop name                                                           | Description                                                                                                                                           | Type    | Values | Default |
 | ------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | ------ | ------- |
-| **feedback** <br><div class="badge bg-primary">4.3.0+</div>         | Provide valuable, actionable feedback.                                                                                                                | string  | -      |         |
-| **feedback-invalid** <br><div class="badge bg-primary">4.3.0+</div> | Provide valuable, actionable feedback.                                                                                                                | string  | -      |         |
-| **feedback-valid** <br><div class="badge bg-primary">4.3.0+</div>   | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | string  | -      |         |
-| **invalid**                                                         | Set component validation state to invalid.                                                                                                            | boolean | -      |         |
-| **tooltip-feedback** <br><div class="badge bg-primary">4.3.0+</div> | Display validation feedback in a styled tooltip.                                                                                                      | boolean | -      |         |
-| **valid**                                                           | Set component validation state to valid.                                                                                                              | boolean | -      |         |
+| **feedback** <br><div class="badge bg-primary">4.3.0+</div>         | Provide valuable, actionable feedback.                                                                                                                | string  | -      | -       |
+| **feedback-invalid** <br><div class="badge bg-primary">4.3.0+</div> | Provide valuable, actionable feedback.                                                                                                                | string  | -      | -       |
+| **feedback-valid** <br><div class="badge bg-primary">4.3.0+</div>   | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | string  | -      | -       |
+| **invalid**                                                         | Set component validation state to invalid.                                                                                                            | boolean | -      | -       |
+| **tooltip-feedback** <br><div class="badge bg-primary">4.3.0+</div> | Display validation feedback in a styled tooltip.                                                                                                      | boolean | -      | -       |
+| **valid**                                                           | Set component validation state to valid.                                                                                                              | boolean | -      | -       |
diff --git a/packages/docs/api/form/CFormControlWrapper.api.md b/packages/docs/api/form/CFormControlWrapper.api.md
index 6e5aef5c..c4d97891 100644
--- a/packages/docs/api/form/CFormControlWrapper.api.md
+++ b/packages/docs/api/form/CFormControlWrapper.api.md
@@ -10,6 +10,6 @@ import CFormControlWrapper from '@coreui/vue/src/components/form/CFormControlWra
 
 | Prop name                                                         | Description                                                                                                                                         | Type   | Values | Default |
 | ----------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- | ------ | ------ | ------- |
-| **floating-label** <br><div class="badge bg-primary">4.3.0+</div> | Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | string | -      |         |
-| **label** <br><div class="badge bg-primary">4.3.0+</div>          | Add a caption for a component.                                                                                                                      | string | -      |         |
-| **text** <br><div class="badge bg-primary">4.3.0+</div>           | Add helper text to the component.                                                                                                                   | string | -      |         |
+| **floating-label** <br><div class="badge bg-primary">4.3.0+</div> | Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | string | -      | -       |
+| **label** <br><div class="badge bg-primary">4.3.0+</div>          | Add a caption for a component.                                                                                                                      | string | -      | -       |
+| **text** <br><div class="badge bg-primary">4.3.0+</div>           | Add helper text to the component.                                                                                                                   | string | -      | -       |
diff --git a/packages/docs/api/form/CFormFeedback.api.md b/packages/docs/api/form/CFormFeedback.api.md
index 621912d1..bc45a57d 100644
--- a/packages/docs/api/form/CFormFeedback.api.md
+++ b/packages/docs/api/form/CFormFeedback.api.md
@@ -11,6 +11,6 @@ import CFormFeedback from '@coreui/vue/src/components/form/CFormFeedback'
 | Prop name     | Description                                                                             | Type    | Values | Default |
 | ------------- | --------------------------------------------------------------------------------------- | ------- | ------ | ------- |
 | **component** | Component used for the root node. Either a string to use a HTML element or a component. | string  | -      | 'div'   |
-| **invalid**   | Method called immediately after the `value` prop changes.                               | boolean | -      |         |
-| **tooltip**   | If your form layout allows it, you can display validation feedback in a styled tooltip. | boolean | -      |         |
-| **valid**     | Set component validation state to valid.                                                | boolean | -      |         |
+| **invalid**   | Method called immediately after the `value` prop changes.                               | boolean | -      | -       |
+| **tooltip**   | If your form layout allows it, you can display validation feedback in a styled tooltip. | boolean | -      | -       |
+| **valid**     | Set component validation state to valid.                                                | boolean | -      | -       |
diff --git a/packages/docs/api/form/CFormInput.api.md b/packages/docs/api/form/CFormInput.api.md
index 0fa98532..1dfb422b 100644
--- a/packages/docs/api/form/CFormInput.api.md
+++ b/packages/docs/api/form/CFormInput.api.md
@@ -10,22 +10,22 @@ import CFormInput from '@coreui/vue/src/components/form/CFormInput'
 
 | Prop name                                                           | Description                                                                                                                                                                 | Type                 | Values                                  | Default |
 | ------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------- | --------------------------------------- | ------- |
-| **disabled**                                                        | Toggle the disabled state for the component.                                                                                                                                | boolean              | -                                       |         |
-| **feedback** <br><div class="badge bg-primary">4.3.0+</div>         | Provide valuable, actionable feedback.                                                                                                                                      | string               | -                                       |         |
-| **feedback-invalid** <br><div class="badge bg-primary">4.3.0+</div> | Provide valuable, actionable feedback.                                                                                                                                      | string               | -                                       |         |
-| **feedback-valid** <br><div class="badge bg-primary">4.3.0+</div>   | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.                       | string               | -                                       |         |
-| **floating-label** <br><div class="badge bg-primary">4.3.0+</div>   | Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.                         | string               | -                                       |         |
-| **id**                                                              | The id global attribute defines an identifier (ID) that must be unique in the whole document.                                                                               | string               | -                                       |         |
-| **invalid**                                                         | Set component validation state to invalid.                                                                                                                                  | boolean              | -                                       |         |
-| **label** <br><div class="badge bg-primary">4.3.0+</div>            | Add a caption for a component.                                                                                                                                              | string               | -                                       |         |
+| **disabled**                                                        | Toggle the disabled state for the component.                                                                                                                                | boolean              | -                                       | -       |
+| **feedback** <br><div class="badge bg-primary">4.3.0+</div>         | Provide valuable, actionable feedback.                                                                                                                                      | string               | -                                       | -       |
+| **feedback-invalid** <br><div class="badge bg-primary">4.3.0+</div> | Provide valuable, actionable feedback.                                                                                                                                      | string               | -                                       | -       |
+| **feedback-valid** <br><div class="badge bg-primary">4.3.0+</div>   | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.                       | string               | -                                       | -       |
+| **floating-label** <br><div class="badge bg-primary">4.3.0+</div>   | Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.                         | string               | -                                       | -       |
+| **id**                                                              | The id global attribute defines an identifier (ID) that must be unique in the whole document.                                                                               | string               | -                                       | -       |
+| **invalid**                                                         | Set component validation state to invalid.                                                                                                                                  | boolean              | -                                       | -       |
+| **label** <br><div class="badge bg-primary">4.3.0+</div>            | Add a caption for a component.                                                                                                                                              | string               | -                                       | -       |
 | **model-value**                                                     | The default name for a value passed using v-model.                                                                                                                          | File\|number\|string | -                                       | -       |
-| **plain-text**                                                      | Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use only along side `readonly`. | boolean              | -                                       |         |
-| **readonly**                                                        | Toggle the readonly state for the component.                                                                                                                                | boolean              | -                                       |         |
-| **size**                                                            | Size the component small or large.                                                                                                                                          | string               | `'sm' \| 'lg'`                          |         |
-| **text** <br><div class="badge bg-primary">4.3.0+</div>             | Add helper text to the component.                                                                                                                                           | string               | -                                       |         |
-| **tooltip-feedback** <br><div class="badge bg-primary">4.3.0+</div> | Display validation feedback in a styled tooltip.                                                                                                                            | boolean              | -                                       |         |
+| **plain-text**                                                      | Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use only along side `readonly`. | boolean              | -                                       | -       |
+| **readonly**                                                        | Toggle the readonly state for the component.                                                                                                                                | boolean              | -                                       | -       |
+| **size**                                                            | Size the component small or large.                                                                                                                                          | string               | `'sm' \| 'lg'`                          | -       |
+| **text** <br><div class="badge bg-primary">4.3.0+</div>             | Add helper text to the component.                                                                                                                                           | string               | -                                       | -       |
+| **tooltip-feedback** <br><div class="badge bg-primary">4.3.0+</div> | Display validation feedback in a styled tooltip.                                                                                                                            | boolean              | -                                       | -       |
 | **type**                                                            | Specifies the type of component.                                                                                                                                            | string               | `'color' \| 'file' \| 'text' \| string` | 'text'  |
-| **valid**                                                           | Set component validation state to valid.                                                                                                                                    | boolean              | -                                       |         |
+| **valid**                                                           | Set component validation state to valid.                                                                                                                                    | boolean              | -                                       | -       |
 
 #### Events
 
diff --git a/packages/docs/api/form/CFormRange.api.md b/packages/docs/api/form/CFormRange.api.md
index d2e1bd67..878b82d2 100644
--- a/packages/docs/api/form/CFormRange.api.md
+++ b/packages/docs/api/form/CFormRange.api.md
@@ -11,11 +11,11 @@ import CFormRange from '@coreui/vue/src/components/form/CFormRange'
 | Prop name                                                | Description                                                      | Type    | Values | Default |
 | -------------------------------------------------------- | ---------------------------------------------------------------- | ------- | ------ | ------- |
 | **disabled**                                             | Toggle the disabled state for the component.                     | boolean | -      | -       |
-| **label** <br><div class="badge bg-primary">4.3.0+</div> | Add a caption for a component.                                   | string  | -      |         |
+| **label** <br><div class="badge bg-primary">4.3.0+</div> | Add a caption for a component.                                   | string  | -      | -       |
 | **max**                                                  | Specifies the maximum value for the component.                   | number  | -      | -       |
 | **min**                                                  | Specifies the minimum value for the component.                   | number  | -      | -       |
-| **model-value**                                          | The default name for a value passed using v-model.               | string  | -      |         |
-| **readonly**                                             | Toggle the readonly state for the component.                     | boolean | -      |         |
+| **model-value**                                          | The default name for a value passed using v-model.               | string  | -      | -       |
+| **readonly**                                             | Toggle the readonly state for the component.                     | boolean | -      | -       |
 | **steps**                                                | Specifies the interval between legal numbers in the component.   | number  | -      | -       |
 | **value**                                                | The `value` attribute of component.<br/>`@controllable` onChange | number  | -      | -       |
 
diff --git a/packages/docs/api/form/CFormSelect.api.md b/packages/docs/api/form/CFormSelect.api.md
index d67ebe75..8d77c483 100644
--- a/packages/docs/api/form/CFormSelect.api.md
+++ b/packages/docs/api/form/CFormSelect.api.md
@@ -10,20 +10,20 @@ import CFormSelect from '@coreui/vue/src/components/form/CFormSelect'
 
 | Prop name                                                           | Description                                                                                                                                                                                                                                  | Type                 | Values         | Default |
 | ------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------- | -------------- | ------- |
-| **feedback** <br><div class="badge bg-primary">4.3.0+</div>         | Provide valuable, actionable feedback.                                                                                                                                                                                                       | string               | -              |         |
-| **feedback-invalid** <br><div class="badge bg-primary">4.3.0+</div> | Provide valuable, actionable feedback.                                                                                                                                                                                                       | string               | -              |         |
-| **feedback-valid** <br><div class="badge bg-primary">4.3.0+</div>   | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.                                                                                        | string               | -              |         |
-| **floating-label** <br><div class="badge bg-primary">4.3.0+</div>   | Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.                                                                                          | string               | -              |         |
+| **feedback** <br><div class="badge bg-primary">4.3.0+</div>         | Provide valuable, actionable feedback.                                                                                                                                                                                                       | string               | -              | -       |
+| **feedback-invalid** <br><div class="badge bg-primary">4.3.0+</div> | Provide valuable, actionable feedback.                                                                                                                                                                                                       | string               | -              | -       |
+| **feedback-valid** <br><div class="badge bg-primary">4.3.0+</div>   | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.                                                                                        | string               | -              | -       |
+| **floating-label** <br><div class="badge bg-primary">4.3.0+</div>   | Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.                                                                                          | string               | -              | -       |
 | **html-size**                                                       | Specifies the number of visible options in a drop-down list.                                                                                                                                                                                 | number               | -              | -       |
-| **id**                                                              | The id global attribute defines an identifier (ID) that must be unique in the whole document.                                                                                                                                                | string               | -              |         |
-| **invalid**                                                         | Set component validation state to invalid.                                                                                                                                                                                                   | boolean              | -              |         |
-| **label** <br><div class="badge bg-primary">4.3.0+</div>            | Add a caption for a component.                                                                                                                                                                                                               | string               | -              |         |
+| **id**                                                              | The id global attribute defines an identifier (ID) that must be unique in the whole document.                                                                                                                                                | string               | -              | -       |
+| **invalid**                                                         | Set component validation state to invalid.                                                                                                                                                                                                   | boolean              | -              | -       |
+| **label** <br><div class="badge bg-primary">4.3.0+</div>            | Add a caption for a component.                                                                                                                                                                                                               | string               | -              | -       |
 | **model-value**                                                     | The default name for a value passed using v-model.                                                                                                                                                                                           | string \| string[]   | -              | -       |
 | **options**                                                         | Options list of the select component. Available keys: `label`, `value`, `disabled`.<br>Examples:<br>- `:options="[{ value: 'js', label: 'JavaScript' }, { value: 'html', label: 'HTML', disabled: true }]"`<br>- `:options="['js', 'html']"` | Option[] \| string[] | -              | -       |
 | **size**                                                            | Size the component small or large.                                                                                                                                                                                                           | string               | `'sm' \| 'lg'` | -       |
-| **text** <br><div class="badge bg-primary">4.3.0+</div>             | Add helper text to the component.                                                                                                                                                                                                            | string               | -              |         |
-| **tooltip-feedback** <br><div class="badge bg-primary">4.3.0+</div> | Display validation feedback in a styled tooltip.                                                                                                                                                                                             | boolean              | -              |         |
-| **valid**                                                           | Set component validation state to valid.                                                                                                                                                                                                     | boolean              | -              |         |
+| **text** <br><div class="badge bg-primary">4.3.0+</div>             | Add helper text to the component.                                                                                                                                                                                                            | string               | -              | -       |
+| **tooltip-feedback** <br><div class="badge bg-primary">4.3.0+</div> | Display validation feedback in a styled tooltip.                                                                                                                                                                                             | boolean              | -              | -       |
+| **valid**                                                           | Set component validation state to valid.                                                                                                                                                                                                     | boolean              | -              | -       |
 
 #### Events
 
diff --git a/packages/docs/api/form/CFormSwitch.api.md b/packages/docs/api/form/CFormSwitch.api.md
index 5d159008..51f4f14d 100644
--- a/packages/docs/api/form/CFormSwitch.api.md
+++ b/packages/docs/api/form/CFormSwitch.api.md
@@ -10,13 +10,14 @@ import CFormSwitch from '@coreui/vue/src/components/form/CFormSwitch'
 
 | Prop name       | Description                                                                                  | Type            | Values                  | Default    |
 | --------------- | -------------------------------------------------------------------------------------------- | --------------- | ----------------------- | ---------- |
-| **id**          | The id global attribute defines an identifier (ID) that must be unique in the whole document | string          | -                       |            |
-| **invalid**     | Set component validation state to invalid.                                                   | boolean         | -                       |            |
-| **label**       | The element represents a caption for a component.                                            | string          | -                       |            |
-| **model-value** | The default name for a value passed using v-model.                                           | boolean\|string | -                       |            |
-| **size**        | Size the component large or extra large. Works only with `switch`.                           | string          | `'lg' \| 'xl'`          |            |
+| **id**          | The id global attribute defines an identifier (ID) that must be unique in the whole document | string          | -                       | -          |
+| **invalid**     | Set component validation state to invalid.                                                   | boolean         | -                       | -          |
+| **label**       | The element represents a caption for a component.                                            | string          | -                       | -          |
+| **model-value** | The default name for a value passed using v-model.                                           | boolean\|string | -                       | -          |
+| **reverse**     | Put checkboxes or radios on the opposite side.<br/>`@sinve` 4.8.0                            | boolean         | -                       | -          |
+| **size**        | Size the component large or extra large. Works only with `switch`.                           | string          | `'lg' \| 'xl'`          | -          |
 | **type**        | Specifies the type of component.                                                             | string          | `'checkbox'`, `'radio'` | 'checkbox' |
-| **valid**       | Set component validation state to valid.                                                     | boolean         | -                       |            |
+| **valid**       | Set component validation state to valid.                                                     | boolean         | -                       | -          |
 
 #### Events
 
diff --git a/packages/docs/api/form/CFormTextarea.api.md b/packages/docs/api/form/CFormTextarea.api.md
index 62fa25a8..d3bb2949 100644
--- a/packages/docs/api/form/CFormTextarea.api.md
+++ b/packages/docs/api/form/CFormTextarea.api.md
@@ -10,20 +10,20 @@ import CFormTextarea from '@coreui/vue/src/components/form/CFormTextarea'
 
 | Prop name                                                           | Description                                                                                                                                                                 | Type    | Values | Default |
 | ------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | ------ | ------- |
-| **disabled**                                                        | Toggle the disabled state for the component.                                                                                                                                | boolean | -      |         |
-| **feedback** <br><div class="badge bg-primary">4.3.0+</div>         | Provide valuable, actionable feedback.                                                                                                                                      | string  | -      |         |
-| **feedback-invalid** <br><div class="badge bg-primary">4.3.0+</div> | Provide valuable, actionable feedback.                                                                                                                                      | string  | -      |         |
-| **feedback-valid** <br><div class="badge bg-primary">4.3.0+</div>   | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.                       | string  | -      |         |
-| **floating-label** <br><div class="badge bg-primary">4.3.0+</div>   | Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.                         | string  | -      |         |
-| **id**                                                              | The id global attribute defines an identifier (ID) that must be unique in the whole document.                                                                               | string  | -      |         |
-| **invalid**                                                         | Set component validation state to invalid.                                                                                                                                  | boolean | -      |         |
-| **label** <br><div class="badge bg-primary">4.3.0+</div>            | Add a caption for a component.                                                                                                                                              | string  | -      |         |
+| **disabled**                                                        | Toggle the disabled state for the component.                                                                                                                                | boolean | -      | -       |
+| **feedback** <br><div class="badge bg-primary">4.3.0+</div>         | Provide valuable, actionable feedback.                                                                                                                                      | string  | -      | -       |
+| **feedback-invalid** <br><div class="badge bg-primary">4.3.0+</div> | Provide valuable, actionable feedback.                                                                                                                                      | string  | -      | -       |
+| **feedback-valid** <br><div class="badge bg-primary">4.3.0+</div>   | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.                       | string  | -      | -       |
+| **floating-label** <br><div class="badge bg-primary">4.3.0+</div>   | Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.                         | string  | -      | -       |
+| **id**                                                              | The id global attribute defines an identifier (ID) that must be unique in the whole document.                                                                               | string  | -      | -       |
+| **invalid**                                                         | Set component validation state to invalid.                                                                                                                                  | boolean | -      | -       |
+| **label** <br><div class="badge bg-primary">4.3.0+</div>            | Add a caption for a component.                                                                                                                                              | string  | -      | -       |
 | **model-value**                                                     | The default name for a value passed using v-model.                                                                                                                          | string  | -      | -       |
-| **plain-text**                                                      | Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use only along side `readonly`. | boolean | -      |         |
-| **readonly**                                                        | Toggle the readonly state for the component.                                                                                                                                | boolean | -      |         |
-| **text** <br><div class="badge bg-primary">4.3.0+</div>             | Add helper text to the component.                                                                                                                                           | string  | -      |         |
-| **tooltip-feedback** <br><div class="badge bg-primary">4.3.0+</div> | Display validation feedback in a styled tooltip.                                                                                                                            | boolean | -      |         |
-| **valid**                                                           | Set component validation state to valid.                                                                                                                                    | boolean | -      |         |
+| **plain-text**                                                      | Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use only along side `readonly`. | boolean | -      | -       |
+| **readonly**                                                        | Toggle the readonly state for the component.                                                                                                                                | boolean | -      | -       |
+| **text** <br><div class="badge bg-primary">4.3.0+</div>             | Add helper text to the component.                                                                                                                                           | string  | -      | -       |
+| **tooltip-feedback** <br><div class="badge bg-primary">4.3.0+</div> | Display validation feedback in a styled tooltip.                                                                                                                            | boolean | -      | -       |
+| **valid**                                                           | Set component validation state to valid.                                                                                                                                    | boolean | -      | -       |
 
 #### Events
 
diff --git a/packages/docs/api/grid/CContainer.api.md b/packages/docs/api/grid/CContainer.api.md
index 99863ece..fc321b95 100644
--- a/packages/docs/api/grid/CContainer.api.md
+++ b/packages/docs/api/grid/CContainer.api.md
@@ -10,9 +10,9 @@ import CContainer from '@coreui/vue/src/components/grid/CContainer'
 
 | Prop name | Description                                                         | Type    | Values | Default |
 | --------- | ------------------------------------------------------------------- | ------- | ------ | ------- |
-| **sm**    | Set container 100% wide until small breakpoint.                     | boolean | -      |         |
-| **md**    | Set container 100% wide until medium breakpoint.                    | boolean | -      |         |
-| **lg**    | Set container 100% wide until large breakpoint.                     | boolean | -      |         |
-| **xl**    | Set container 100% wide until X-large breakpoint.                   | boolean | -      |         |
-| **xxl**   | Set container 100% wide until XX-large breakpoint.                  | boolean | -      |         |
-| **fluid** | Set container 100% wide, spanning the entire width of the viewport. | boolean | -      |         |
+| **sm**    | Set container 100% wide until small breakpoint.                     | boolean | -      | -       |
+| **md**    | Set container 100% wide until medium breakpoint.                    | boolean | -      | -       |
+| **lg**    | Set container 100% wide until large breakpoint.                     | boolean | -      | -       |
+| **xl**    | Set container 100% wide until X-large breakpoint.                   | boolean | -      | -       |
+| **xxl**   | Set container 100% wide until XX-large breakpoint.                  | boolean | -      | -       |
+| **fluid** | Set container 100% wide, spanning the entire width of the viewport. | boolean | -      | -       |
diff --git a/packages/docs/api/grid/CRow.api.md b/packages/docs/api/grid/CRow.api.md
index d409c9d0..9510684e 100644
--- a/packages/docs/api/grid/CRow.api.md
+++ b/packages/docs/api/grid/CRow.api.md
@@ -12,6 +12,7 @@ import CRow from '@coreui/vue/src/components/grid/CRow'
 | --------- | ------------------------------------------------------------------- | ------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------- | ------- |
 | **xs**    | The number of columns/offset/order on extra small devices (<576px). | Object as () => BPObject | `{ cols: 'auto' \| number \| string } \| { gutter: number \| string } \| { gutterX: number \| string } \| { gutterY: number \| string }` | -       |
 | **sm**    | The number of columns/offset/order on small devices (<768px).       | Object as () => BPObject | `{ cols: 'auto' \| number \| string } \| { gutter: number \| string } \| { gutterX: number \| string } \| { gutterY: number \| string }` | -       |
+| **md**    | The number of columns/offset/order on medium devices (<992px).      | Object as () => BPObject | `{ cols: 'auto' \| number \| string } \| { gutter: number \| string } \| { gutterX: number \| string } \| { gutterY: number \| string }` | -       |
 | **lg**    | The number of columns/offset/order on large devices (<1200px).      | Object as () => BPObject | `{ cols: 'auto' \| number \| string } \| { gutter: number \| string } \| { gutterX: number \| string } \| { gutterY: number \| string }` | -       |
 | **xl**    | The number of columns/offset/order on X-Large devices (<1400px).    | Object as () => BPObject | `{ cols: 'auto' \| number \| string } \| { gutter: number \| string } \| { gutterX: number \| string } \| { gutterY: number \| string }` | -       |
 | **xxl**   | The number of columns/offset/order on XX-Large devices (≥1400px).   | Object as () => BPObject | `{ cols: 'auto' \| number \| string } \| { gutter: number \| string } \| { gutterX: number \| string } \| { gutterY: number \| string }` | -       |
diff --git a/packages/docs/api/image/CImage.api.md b/packages/docs/api/image/CImage.api.md
index d669b9a4..bdbc187b 100644
--- a/packages/docs/api/image/CImage.api.md
+++ b/packages/docs/api/image/CImage.api.md
@@ -11,6 +11,6 @@ import CImage from '@coreui/vue/src/components/image/CImage'
 | Prop name     | Description                                    | Type    | Values                         | Default |
 | ------------- | ---------------------------------------------- | ------- | ------------------------------ | ------- |
 | **align**     | Set the horizontal aligment.                   | string  | `'start'`, `'center'`, `'end'` | -       |
-| **fluid**     | Make image responsive.                         | boolean | -                              |         |
-| **rounded**   | Make image rounded.                            | boolean | -                              |         |
-| **thumbnail** | Give an image a rounded 1px border appearance. | boolean | -                              |         |
+| **fluid**     | Make image responsive.                         | boolean | -                              | -       |
+| **rounded**   | Make image rounded.                            | boolean | -                              | -       |
+| **thumbnail** | Give an image a rounded 1px border appearance. | boolean | -                              | -       |
diff --git a/packages/docs/api/link/CLink.api.md b/packages/docs/api/link/CLink.api.md
index 5c6702a3..5404dffa 100644
--- a/packages/docs/api/link/CLink.api.md
+++ b/packages/docs/api/link/CLink.api.md
@@ -10,9 +10,9 @@ import CLink from '@coreui/vue/src/components/link/CLink'
 
 | Prop name     | Description                                                                             | Type    | Values | Default |
 | ------------- | --------------------------------------------------------------------------------------- | ------- | ------ | ------- |
-| **active**    | Toggle the active state for the component.                                              | boolean | -      |         |
+| **active**    | Toggle the active state for the component.                                              | boolean | -      | -       |
 | **component** | Component used for the root node. Either a string to use a HTML element or a component. | string  | -      | 'a'     |
-| **disabled**  | Toggle the disabled state for the component.                                            | boolean | -      |         |
+| **disabled**  | Toggle the disabled state for the component.                                            | boolean | -      | -       |
 | **href**      | The href attribute specifies the URL of the page the link goes to.                      | string  | -      | -       |
 
 #### Events
diff --git a/packages/docs/api/list-group/CListGroup.api.md b/packages/docs/api/list-group/CListGroup.api.md
index a01e4193..005ead80 100644
--- a/packages/docs/api/list-group/CListGroup.api.md
+++ b/packages/docs/api/list-group/CListGroup.api.md
@@ -8,8 +8,8 @@ import CListGroup from '@coreui/vue/src/components/list-group/CListGroup'
 
 #### Props
 
-| Prop name     | Description                                                                                                             | Type    | Values                                                                                                                 | Default |
-| ------------- | ----------------------------------------------------------------------------------------------------------------------- | ------- | ---------------------------------------------------------------------------------------------------------------------- | ------- |
-| **component** | Component used for the root node. Either a string to use a HTML element or a component.                                 | string  | -                                                                                                                      | 'ul'    |
-| **flush**     | Remove some borders and rounded corners to render list group items edge-to-edge in a parent component (e.g., `<CCard>`) | boolean | -                                                                                                                      |         |
-| **layout**    | Specify a layout type.                                                                                                  | string  | `'horizontal'`, `'horizontal-sm'`, `'horizontal-md'`, `'horizontal-lg'`, `'horizontal-xl'`, `'horizontal-xxl'`, `` | - |
+| Prop name     | Description                                                                                                             | Type    | Values                                                                                                             | Default |
+| ------------- | ----------------------------------------------------------------------------------------------------------------------- | ------- | ------------------------------------------------------------------------------------------------------------------ | ------- |
+| **component** | Component used for the root node. Either a string to use a HTML element or a component.                                 | string  | -                                                                                                                  | 'ul'    |
+| **flush**     | Remove some borders and rounded corners to render list group items edge-to-edge in a parent component (e.g., `<CCard>`) | boolean | -                                                                                                                  | -       |
+| **layout**    | Specify a layout type.                                                                                                  | string  | `'horizontal'`, `'horizontal-sm'`, `'horizontal-md'`, `'horizontal-lg'`, `'horizontal-xl'`, `'horizontal-xxl'`, `` | -       |
diff --git a/packages/docs/api/list-group/CListGroupItem.api.md b/packages/docs/api/list-group/CListGroupItem.api.md
index d14b3ab0..3cfe1132 100644
--- a/packages/docs/api/list-group/CListGroupItem.api.md
+++ b/packages/docs/api/list-group/CListGroupItem.api.md
@@ -10,7 +10,7 @@ import CListGroupItem from '@coreui/vue/src/components/list-group/CListGroupItem
 
 | Prop name     | Description                                                                             | Type    | Values                                                                                                    | Default |
 | ------------- | --------------------------------------------------------------------------------------- | ------- | --------------------------------------------------------------------------------------------------------- | ------- |
-| **active**    | Toggle the active state for the component.                                              | boolean | -                                                                                                         |         |
-| **color**     | Sets the color context of the component to one of CoreUI’s themed colors.               | string  | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` |         |
-| **disabled**  | Toggle the disabled state for the component.                                            | boolean | -                                                                                                         |         |
+| **active**    | Toggle the active state for the component.                                              | boolean | -                                                                                                         | -       |
+| **color**     | Sets the color context of the component to one of CoreUI’s themed colors.               | string  | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` | -       |
+| **disabled**  | Toggle the disabled state for the component.                                            | boolean | -                                                                                                         | -       |
 | **component** | Component used for the root node. Either a string to use a HTML element or a component. | string  | -                                                                                                         | 'li'    |
diff --git a/packages/docs/api/modal/CModal.api.md b/packages/docs/api/modal/CModal.api.md
index f59e26d4..7485e03c 100644
--- a/packages/docs/api/modal/CModal.api.md
+++ b/packages/docs/api/modal/CModal.api.md
@@ -15,11 +15,11 @@ import CModal from '@coreui/vue/src/components/modal/CModal'
 | **content-class-name** | A string of all className you want applied to the modal content component.                                                         | string          | -                                                  | -       |
 | **fullscreen**         | Set modal to covers the entire user viewport                                                                                       | boolean\|string | `boolean`, `'sm'`, `'md'`, `'lg'`, `'xl'`, `'xxl'` | -       |
 | **keyboard**           | Closes the modal when escape key is pressed.                                                                                       | boolean         | -                                                  | true    |
-| **scrollable**         | Create a scrollable modal that allows scrolling the modal body.                                                                    | boolean         | -                                                  |         |
+| **scrollable**         | Create a scrollable modal that allows scrolling the modal body.                                                                    | boolean         | -                                                  | -       |
 | **size**               | Size the component small, large, or extra large.                                                                                   | string          | `'sm'`, `'lg'`, `'xl'`                             | -       |
 | **transition**         | Remove animation to create modal that simply appear rather than fade in to view.                                                   | boolean         | -                                                  | true    |
 | **unmount-on-close**   | By default the component is unmounted after close animation, if you want to keep the component mounted set this property to false. | boolean         | -                                                  | true    |
-| **visible**            | Toggle the visibility of alert component.                                                                                          | boolean         | -                                                  |         |
+| **visible**            | Toggle the visibility of alert component.                                                                                          | boolean         | -                                                  | -       |
 
 #### Events
 
diff --git a/packages/docs/api/nav/CNavGroup.api.md b/packages/docs/api/nav/CNavGroup.api.md
index 8c738315..3d826283 100644
--- a/packages/docs/api/nav/CNavGroup.api.md
+++ b/packages/docs/api/nav/CNavGroup.api.md
@@ -10,8 +10,8 @@ import CNavGroup from '@coreui/vue/src/components/nav/CNavGroup'
 
 | Prop name   | Description                                                   | Type    | Values | Default |
 | ----------- | ------------------------------------------------------------- | ------- | ------ | ------- |
-| **compact** | Make nav group more compact by cutting all `padding` in half. | boolean | -      |         |
-| **visible** | Show nav group items.                                         | boolean | -      |         |
+| **compact** | Make nav group more compact by cutting all `padding` in half. | boolean | -      | -       |
+| **visible** | Show nav group items.                                         | boolean | -      | -       |
 
 #### Events
 
diff --git a/packages/docs/api/nav/CNavLink.api.md b/packages/docs/api/nav/CNavLink.api.md
index a6bc0192..748b5bea 100644
--- a/packages/docs/api/nav/CNavLink.api.md
+++ b/packages/docs/api/nav/CNavLink.api.md
@@ -10,6 +10,6 @@ import CNavLink from '@coreui/vue/src/components/nav/CNavLink'
 
 | Prop name     | Description                                                                             | Type    | Values | Default |
 | ------------- | --------------------------------------------------------------------------------------- | ------- | ------ | ------- |
-| **active**    | Toggle the active state for the component.                                              | boolean | -      |         |
+| **active**    | Toggle the active state for the component.                                              | boolean | -      | -       |
 | **component** | Component used for the root node. Either a string to use a HTML element or a component. | string  | -      | 'a'     |
-| **disabled**  | Toggle the disabled state for the component.                                            | boolean | -      |         |
+| **disabled**  | Toggle the disabled state for the component.                                            | boolean | -      | -       |
diff --git a/packages/docs/api/navbar/CNavbar.api.md b/packages/docs/api/navbar/CNavbar.api.md
index 42bbb30e..d907f3fc 100644
--- a/packages/docs/api/navbar/CNavbar.api.md
+++ b/packages/docs/api/navbar/CNavbar.api.md
@@ -10,7 +10,7 @@ import CNavbar from '@coreui/vue/src/components/navbar/CNavbar'
 
 | Prop name        | Description                                                                             | Type            | Values                                                                                                    | Default |
 | ---------------- | --------------------------------------------------------------------------------------- | --------------- | --------------------------------------------------------------------------------------------------------- | ------- |
-| **color**        | Sets the color context of the component to one of CoreUI’s themed colors.               | string          | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` |         |
+| **color**        | Sets the color context of the component to one of CoreUI’s themed colors.               | string          | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` | -       |
 | **color-scheme** | Sets if the color of text should be colored for a light or dark dark background.        | string          | `'dark'`, `'light'`                                                                                       | -       |
 | **component**    | Component used for the root node. Either a string to use a HTML element or a component. | string          | -                                                                                                         | 'nav'   |
 | **container**    | Defines optional container wrapping children elements.                                  | boolean\|string | `boolean`, `'sm'`, `'md'`, `'lg'`, `'xl'`, `'xxl'`, `'fluid'`                                             | -       |
diff --git a/packages/docs/api/offcanvas/COffcanvas.api.md b/packages/docs/api/offcanvas/COffcanvas.api.md
index e9101166..ec04f04e 100644
--- a/packages/docs/api/offcanvas/COffcanvas.api.md
+++ b/packages/docs/api/offcanvas/COffcanvas.api.md
@@ -15,7 +15,7 @@ import COffcanvas from '@coreui/vue/src/components/offcanvas/COffcanvas'
 | **placement**                                                 | Components placement, there’s no default placement.                                                   | string          | `'start'`, `'end'`, `'top'`, `'bottom'`            | -       |
 | **responsive** <br><div class="badge bg-primary">4.7.0+</div> | Responsive offcanvas property hide content outside the viewport from a specified breakpoint and down. | boolean\|string | `boolean \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'xxl'` | true    |
 | **scroll**                                                    | Allow body scrolling while offcanvas is open                                                          | boolean         | -                                                  | false   |
-| **visible**                                                   | Toggle the visibility of offcanvas component.                                                         | boolean         | -                                                  |         |
+| **visible**                                                   | Toggle the visibility of offcanvas component.                                                         | boolean         | -                                                  | false   |
 
 #### Events
 
diff --git a/packages/docs/api/pagination/CPaginationItem.api.md b/packages/docs/api/pagination/CPaginationItem.api.md
index b88e89aa..fced0268 100644
--- a/packages/docs/api/pagination/CPaginationItem.api.md
+++ b/packages/docs/api/pagination/CPaginationItem.api.md
@@ -10,7 +10,7 @@ import CPaginationItem from '@coreui/vue/src/components/pagination/CPaginationIt
 
 | Prop name     | Description                                                                             | Type    | Values | Default |
 | ------------- | --------------------------------------------------------------------------------------- | ------- | ------ | ------- |
-| **active**    | Toggle the active state for the component.                                              | boolean | -      |         |
+| **active**    | Toggle the active state for the component.                                              | boolean | -      | -       |
 | **component** | Component used for the root node. Either a string to use a HTML element or a component. | string  | -      | -       |
-| **disabled**  | Toggle the disabled state for the component.                                            | boolean | -      |         |
+| **disabled**  | Toggle the disabled state for the component.                                            | boolean | -      | -       |
 | **href**      | The href attribute specifies the URL of the page the link goes to.                      | string  | -      | -       |
diff --git a/packages/docs/api/placeholder/CPlaceholder.api.md b/packages/docs/api/placeholder/CPlaceholder.api.md
index 9e1f884d..e229a9dc 100644
--- a/packages/docs/api/placeholder/CPlaceholder.api.md
+++ b/packages/docs/api/placeholder/CPlaceholder.api.md
@@ -11,7 +11,7 @@ import CPlaceholder from '@coreui/vue/src/components/placeholder/CPlaceholder'
 | Prop name     | Description                                                                             | Type   | Values                                                                                          | Default |
 | ------------- | --------------------------------------------------------------------------------------- | ------ | ----------------------------------------------------------------------------------------------- | ------- |
 | **animation** | Set animation type to better convey the perception of something being actively loaded.  | string | `'glow'`, `'wave'`                                                                              | -       |
-| **color**     | Sets the color context of the component to one of CoreUI’s themed colors.               | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` |         |
+| **color**     | Sets the color context of the component to one of CoreUI’s themed colors.               | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | -       |
 | **component** | Component used for the root node. Either a string to use a HTML element or a component. | string | -                                                                                               | 'span'  |
 | **size**      | Size the component extra small, small, or large.                                        | string | `'xs'`, `'sm'`, `'lg'`                                                                          | -       |
 | **xs**        | The number of columns on extra small devices (<576px).                                  | number | -                                                                                               | -       |
diff --git a/packages/docs/api/popover/CPopover.api.md b/packages/docs/api/popover/CPopover.api.md
index c2b9b1fe..3c4917d6 100644
--- a/packages/docs/api/popover/CPopover.api.md
+++ b/packages/docs/api/popover/CPopover.api.md
@@ -15,7 +15,7 @@ import CPopover from '@coreui/vue/src/components/popover/CPopover'
 | **placement** | Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property. | Placement          | -                               | 'top'   |
 | **title**     | Title for your component. If you want to pass non-string value please use dedicated slot `<template #title>...</template>`                                           | string             | -                               | -       |
 | **trigger**   | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.                                                  | string \| string[] | `'click'`, `'focus'`, `'hover'` | 'click' |
-| **visible**   | Toggle the visibility of popover component.                                                                                                                          | boolean            | -                               |         |
+| **visible**   | Toggle the visibility of popover component.                                                                                                                          | boolean            | -                               | -       |
 
 #### Events
 
diff --git a/packages/docs/api/progress/CProgress.api.md b/packages/docs/api/progress/CProgress.api.md
index 630acca3..3621fe13 100644
--- a/packages/docs/api/progress/CProgress.api.md
+++ b/packages/docs/api/progress/CProgress.api.md
@@ -11,5 +11,5 @@ import CProgress from '@coreui/vue/src/components/progress/CProgress'
 | Prop name  | Description                                                                                                               | Type    | Values | Default |
 | ---------- | ------------------------------------------------------------------------------------------------------------------------- | ------- | ------ | ------- |
 | **height** | Sets the height of the component. If you set that value the inner `<CProgressBar>` will automatically resize accordingly. | number  | -      | -       |
-| **thin**   | Makes progress bar thinner.                                                                                               | boolean | -      |         |
-| **white**  | Change the default color to white.                                                                                        | boolean | -      |         |
+| **thin**   | Makes progress bar thinner.                                                                                               | boolean | -      | -       |
+| **white**  | Change the default color to white.                                                                                        | boolean | -      | -       |
diff --git a/packages/docs/api/progress/CProgressBar.api.md b/packages/docs/api/progress/CProgressBar.api.md
index 6030795f..efff5775 100644
--- a/packages/docs/api/progress/CProgressBar.api.md
+++ b/packages/docs/api/progress/CProgressBar.api.md
@@ -10,7 +10,7 @@ import CProgressBar from '@coreui/vue/src/components/progress/CProgressBar'
 
 | Prop name    | Description                                                               | Type    | Values                                                                                          | Default |
 | ------------ | ------------------------------------------------------------------------- | ------- | ----------------------------------------------------------------------------------------------- | ------- |
-| **animated** | Use to animate the stripes right to left via CSS3 animations.             | boolean | -                                                                                               |         |
-| **color**    | Sets the color context of the component to one of CoreUI’s themed colors. | string  | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` |         |
+| **animated** | Use to animate the stripes right to left via CSS3 animations.             | boolean | -                                                                                               | -       |
+| **color**    | Sets the color context of the component to one of CoreUI’s themed colors. | string  | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | -       |
 | **value**    | The percent to progress the ProgressBar.                                  | number  | -                                                                                               | 0       |
 | **variant**  | Set the progress bar variant to optional striped.                         | string  | `'striped'`                                                                                     | -       |
diff --git a/packages/docs/api/sidebar/CSidebar.api.md b/packages/docs/api/sidebar/CSidebar.api.md
index 89e5597b..37e6f9ee 100644
--- a/packages/docs/api/sidebar/CSidebar.api.md
+++ b/packages/docs/api/sidebar/CSidebar.api.md
@@ -10,12 +10,12 @@ import CSidebar from '@coreui/vue/src/components/sidebar/CSidebar'
 
 | Prop name      | Description                                      | Type    | Values | Default |
 | -------------- | ------------------------------------------------ | ------- | ------ | ------- |
-| **narrow**     | Make sidebar narrow.                             | boolean | -      |         |
-| **overlaid**   | Set sidebar to overlaid variant.                 | boolean | -      |         |
+| **narrow**     | Make sidebar narrow.                             | boolean | -      | -       |
+| **overlaid**   | Set sidebar to overlaid variant.                 | boolean | -      | -       |
 | **position**   | Place sidebar in non-static positions.           | string  | -      | -       |
 | **size**       | Size the component small, large, or extra large. | string  | -      | -       |
-| **unfoldable** | Expand narrowed sidebar on hover.                | boolean | -      |         |
-| **visible**    | Toggle the visibility of sidebar component.      | boolean | -      |         |
+| **unfoldable** | Expand narrowed sidebar on hover.                | boolean | -      | -       |
+| **visible**    | Toggle the visibility of sidebar component.      | boolean | -      | -       |
 
 #### Events
 
diff --git a/packages/docs/api/table/CTable.api.md b/packages/docs/api/table/CTable.api.md
index d0c6dcd1..d66ae093 100644
--- a/packages/docs/api/table/CTable.api.md
+++ b/packages/docs/api/table/CTable.api.md
@@ -11,18 +11,18 @@ import CTable from '@coreui/vue/src/components/table/CTable'
 | Prop name                                                           | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | Type                     | Values                                                                                                    | Default |
 | ------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------ | --------------------------------------------------------------------------------------------------------- | ------- |
 | **align**                                                           | Set the vertical aligment.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | string                   | `'bottom'`, `'middle'`, `'top'`                                                                           | -       |
-| **border-color**                                                    | Sets the border color of the component to one of CoreUI’s themed colors.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | string                   | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`           |         |
-| **bordered**                                                        | Add borders on all sides of the table and cells.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | boolean                  | -                                                                                                         |         |
-| **borderless**                                                      | Remove borders on all sides of the table and cells.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | boolean                  | -                                                                                                         |         |
+| **border-color**                                                    | Sets the border color of the component to one of CoreUI’s themed colors.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | string                   | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`           | -       |
+| **bordered**                                                        | Add borders on all sides of the table and cells.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | boolean                  | -                                                                                                         | -       |
+| **borderless**                                                      | Remove borders on all sides of the table and cells.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | boolean                  | -                                                                                                         | -       |
 | **caption**                                                         | Put the `<caption>` on the top of the table.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | string                   | `'top' \| string`                                                                                         | -       |
 | **caption-top** <br><div class="badge bg-primary">4.5.0+</div>      | Set the text of the table caption and the caption on the top of the table.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | string                   | -                                                                                                         | -       |
-| **columns** <br><div class="badge bg-primary">4.5.0+</div>          | Prop for table columns configuration. If prop is not defined, table will display columns based on the first item keys, omitting keys that begins with underscore (e.g. '\_props')<br><br>In columns prop each array item represents one column. Item might be specified in two ways:<br>String: each item define column name equal to item value.<br>Object: item is object with following keys available as column configuration:<br>- key (required)(String) - define column name equal to item key.<br>- label (String) - define visible label of column. If not defined, label will be generated automatically based on column name, by converting kebab-case and snake_case to individual words and capitalization of each word.<br>- \_props (Object) - adds classes to all cels in column, ex. \_props: { scope: 'col', className: 'custom-class' },<br>- \_style (Object) - adds styles to the column header (useful for defining widths) | (Column \| string)[]     | -                                                                                                         |         |
-| **color**                                                           | Sets the color context of the component to one of CoreUI’s themed colors.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | string                   | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` |         |
-| **footer** <br><div class="badge bg-primary">4.5.0+</div>           | Array of objects or strings, where each element represents one cell in the table footer.<br><br>Example items:<br>['FooterCell', 'FooterCell', 'FooterCell']<br>or<br>[{ label: 'FooterCell', _props: { color: 'success' }, ...]                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | (FooterItem \| string)[] | -                                                                                                         |         |
-| **hover**                                                           | Enable a hover state on table rows within a `<CTableBody>`.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | boolean                  | -                                                                                                         |         |
-| **items** <br><div class="badge bg-primary">4.5.0+</div>            | Array of objects, where each object represents one item - row in table. Additionally, you can add style classes to each row by passing them by '\_props' key and to single cell by '\_cellProps'.<br><br>Example item:<br>{ name: 'John' , age: 12, \_props: { color: 'success' }, \_cellProps: { age: { className: 'fw-bold'}}}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | Item[]                   | -                                                                                                         |         |
-| **small**                                                           | Make table more compact by cutting all cell `padding` in half.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | boolean                  | -                                                                                                         |         |
-| **striped**                                                         | Add zebra-striping to any table row within the `<CTableBody>`.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | boolean                  | -                                                                                                         |         |
-| **striped-columns** <br><div class="badge bg-primary">4.4.0+</div>  | Add zebra-striping to any table column.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | boolean                  | -                                                                                                         |         |
+| **columns** <br><div class="badge bg-primary">4.5.0+</div>          | Prop for table columns configuration. If prop is not defined, table will display columns based on the first item keys, omitting keys that begins with underscore (e.g. '\_props')<br><br>In columns prop each array item represents one column. Item might be specified in two ways:<br>String: each item define column name equal to item value.<br>Object: item is object with following keys available as column configuration:<br>- key (required)(String) - define column name equal to item key.<br>- label (String) - define visible label of column. If not defined, label will be generated automatically based on column name, by converting kebab-case and snake_case to individual words and capitalization of each word.<br>- \_props (Object) - adds classes to all cels in column, ex. \_props: { scope: 'col', className: 'custom-class' },<br>- \_style (Object) - adds styles to the column header (useful for defining widths) | (Column \| string)[]     | -                                                                                                         | -       |
+| **color**                                                           | Sets the color context of the component to one of CoreUI’s themed colors.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | string                   | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` | -       |
+| **footer** <br><div class="badge bg-primary">4.5.0+</div>           | Array of objects or strings, where each element represents one cell in the table footer.<br><br>Example items:<br>['FooterCell', 'FooterCell', 'FooterCell']<br>or<br>[{ label: 'FooterCell', _props: { color: 'success' }, ...]                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | (FooterItem \| string)[] | -                                                                                                         | -       |
+| **hover**                                                           | Enable a hover state on table rows within a `<CTableBody>`.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | boolean                  | -                                                                                                         | -       |
+| **items** <br><div class="badge bg-primary">4.5.0+</div>            | Array of objects, where each object represents one item - row in table. Additionally, you can add style classes to each row by passing them by '\_props' key and to single cell by '\_cellProps'.<br><br>Example item:<br>{ name: 'John' , age: 12, \_props: { color: 'success' }, \_cellProps: { age: { className: 'fw-bold'}}}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | Item[]                   | -                                                                                                         | -       |
+| **small**                                                           | Make table more compact by cutting all cell `padding` in half.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | boolean                  | -                                                                                                         | -       |
+| **striped**                                                         | Add zebra-striping to any table row within the `<CTableBody>`.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | boolean                  | -                                                                                                         | -       |
+| **striped-columns** <br><div class="badge bg-primary">4.4.0+</div>  | Add zebra-striping to any table column.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | boolean                  | -                                                                                                         | -       |
 | **table-foot-props** <br><div class="badge bg-primary">4.5.0+</div> | Properties that will be passed to the table footer component.<br><br>Properties to [CTableFoot](#ctablefoot) component.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | object                   | -                                                                                                         | -       |
 | **table-head-props** <br><div class="badge bg-primary">4.5.0+</div> | Properties that will be passed to the table head component.<br><br> Properties to [CTableHead](#ctablehead) component.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | object                   | -                                                                                                         | -       |
diff --git a/packages/docs/api/table/CTableBody.api.md b/packages/docs/api/table/CTableBody.api.md
index 340b6f84..36042398 100644
--- a/packages/docs/api/table/CTableBody.api.md
+++ b/packages/docs/api/table/CTableBody.api.md
@@ -10,4 +10,4 @@ import CTableBody from '@coreui/vue/src/components/table/CTableBody'
 
 | Prop name | Description                                                               | Type   | Values                                                                                                    | Default |
 | --------- | ------------------------------------------------------------------------- | ------ | --------------------------------------------------------------------------------------------------------- | ------- |
-| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` |         |
+| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` | -       |
diff --git a/packages/docs/api/table/CTableDataCell.api.md b/packages/docs/api/table/CTableDataCell.api.md
index a565a69a..b1409a32 100644
--- a/packages/docs/api/table/CTableDataCell.api.md
+++ b/packages/docs/api/table/CTableDataCell.api.md
@@ -10,6 +10,6 @@ import CTableDataCell from '@coreui/vue/src/components/table/CTableDataCell'
 
 | Prop name  | Description                                                               | Type    | Values                                                                                                    | Default |
 | ---------- | ------------------------------------------------------------------------- | ------- | --------------------------------------------------------------------------------------------------------- | ------- |
-| **active** | Highlight a table row or cell.                                            | boolean | -                                                                                                         |         |
+| **active** | Highlight a table row or cell.                                            | boolean | -                                                                                                         | -       |
 | **align**  | Set the vertical aligment.                                                | string  | `'bottom'`, `'middle'`, `'top'`                                                                           | -       |
-| **color**  | Sets the color context of the component to one of CoreUI’s themed colors. | string  | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` |         |
+| **color**  | Sets the color context of the component to one of CoreUI’s themed colors. | string  | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` | -       |
diff --git a/packages/docs/api/table/CTableFoot.api.md b/packages/docs/api/table/CTableFoot.api.md
index 7b022eb3..b961f96c 100644
--- a/packages/docs/api/table/CTableFoot.api.md
+++ b/packages/docs/api/table/CTableFoot.api.md
@@ -10,4 +10,4 @@ import CTableFoot from '@coreui/vue/src/components/table/CTableFoot'
 
 | Prop name | Description                                                               | Type   | Values                                                                                                    | Default |
 | --------- | ------------------------------------------------------------------------- | ------ | --------------------------------------------------------------------------------------------------------- | ------- |
-| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` |         |
+| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` | -       |
diff --git a/packages/docs/api/table/CTableHead.api.md b/packages/docs/api/table/CTableHead.api.md
index 6571087a..5f7facc3 100644
--- a/packages/docs/api/table/CTableHead.api.md
+++ b/packages/docs/api/table/CTableHead.api.md
@@ -10,4 +10,4 @@ import CTableHead from '@coreui/vue/src/components/table/CTableHead'
 
 | Prop name | Description                                                               | Type   | Values                                                                                                    | Default |
 | --------- | ------------------------------------------------------------------------- | ------ | --------------------------------------------------------------------------------------------------------- | ------- |
-| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` |         |
+| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` | -       |
diff --git a/packages/docs/api/table/CTableHeaderCell.api.md b/packages/docs/api/table/CTableHeaderCell.api.md
index 18c341fa..c1217162 100644
--- a/packages/docs/api/table/CTableHeaderCell.api.md
+++ b/packages/docs/api/table/CTableHeaderCell.api.md
@@ -10,4 +10,4 @@ import CTableHeaderCell from '@coreui/vue/src/components/table/CTableHeaderCell'
 
 | Prop name | Description                                                               | Type   | Values                                                                                                    | Default |
 | --------- | ------------------------------------------------------------------------- | ------ | --------------------------------------------------------------------------------------------------------- | ------- |
-| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` |         |
+| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` | -       |
diff --git a/packages/docs/api/table/CTableRow.api.md b/packages/docs/api/table/CTableRow.api.md
index fd74f7b8..19670a06 100644
--- a/packages/docs/api/table/CTableRow.api.md
+++ b/packages/docs/api/table/CTableRow.api.md
@@ -10,6 +10,6 @@ import CTableRow from '@coreui/vue/src/components/table/CTableRow'
 
 | Prop name  | Description                                                               | Type    | Values                                                                                                    | Default |
 | ---------- | ------------------------------------------------------------------------- | ------- | --------------------------------------------------------------------------------------------------------- | ------- |
-| **active** | Highlight a table row or cell..                                           | boolean | -                                                                                                         |         |
+| **active** | Highlight a table row or cell..                                           | boolean | -                                                                                                         | -       |
 | **align**  | Set the vertical aligment.                                                | string  | `'bottom'`, `'middle'`, `'top'`                                                                           | -       |
-| **color**  | Sets the color context of the component to one of CoreUI’s themed colors. | string  | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` |         |
+| **color**  | Sets the color context of the component to one of CoreUI’s themed colors. | string  | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` | -       |
diff --git a/packages/docs/api/toast/CToast.api.md b/packages/docs/api/toast/CToast.api.md
index 2cf81435..99560d42 100644
--- a/packages/docs/api/toast/CToast.api.md
+++ b/packages/docs/api/toast/CToast.api.md
@@ -11,7 +11,7 @@ import CToast from '@coreui/vue/src/components/toast/CToast'
 | Prop name       | Description                                                               | Type    | Values                                                                                                    | Default |
 | --------------- | ------------------------------------------------------------------------- | ------- | --------------------------------------------------------------------------------------------------------- | ------- |
 | **autohide**    | Auto hide the toast.                                                      | boolean | -                                                                                                         | true    |
-| **color**       | Sets the color context of the component to one of CoreUI’s themed colors. | string  | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` |         |
+| **color**       | Sets the color context of the component to one of CoreUI’s themed colors. | string  | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` | -       |
 | **delay**       | Delay hiding the toast (ms).                                              | number  | -                                                                                                         | 5000    |
 | **dismissible** | Optionally add a close button to component and allow it to self dismiss.  | boolean | -                                                                                                         | true    |
 | **index**       | index of the component.                                                   | number  | -                                                                                                         | -       |
diff --git a/packages/docs/api/toast/CToastHeader.api.md b/packages/docs/api/toast/CToastHeader.api.md
index 37af118f..fdd97dc8 100644
--- a/packages/docs/api/toast/CToastHeader.api.md
+++ b/packages/docs/api/toast/CToastHeader.api.md
@@ -10,7 +10,7 @@ import CToastHeader from '@coreui/vue/src/components/toast/CToastHeader'
 
 | Prop name        | Description                                     | Type    | Values | Default |
 | ---------------- | ----------------------------------------------- | ------- | ------ | ------- |
-| **close-button** | Automatically add a close button to the header. | boolean | -      |         |
+| **close-button** | Automatically add a close button to the header. | boolean | -      | -       |
 
 #### Events
 
diff --git a/packages/docs/api/tooltip/CTooltip.api.md b/packages/docs/api/tooltip/CTooltip.api.md
index 083d8a9a..66bf91ce 100644
--- a/packages/docs/api/tooltip/CTooltip.api.md
+++ b/packages/docs/api/tooltip/CTooltip.api.md
@@ -14,7 +14,7 @@ import CTooltip from '@coreui/vue/src/components/tooltip/CTooltip'
 | **offset**    | Offset of the tooltip relative to its target.                                                                                                                        | array              | -                               | [0, 0]  |
 | **placement** | Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property. | Placement          | -                               | 'top'   |
 | **trigger**   | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.                                                  | string \| string[] | `'click'`, `'focus'`, `'hover'` | 'hover' |
-| **visible**   | Toggle the visibility of tooltip component.                                                                                                                          | boolean            | -                               |         |
+| **visible**   | Toggle the visibility of tooltip component.                                                                                                                          | boolean            | -                               | -       |
 
 #### Events
 
diff --git a/packages/docs/api/widgets/CWidgetStatsB.api.md b/packages/docs/api/widgets/CWidgetStatsB.api.md
index 56a3e22a..53c4aaf6 100644
--- a/packages/docs/api/widgets/CWidgetStatsB.api.md
+++ b/packages/docs/api/widgets/CWidgetStatsB.api.md
@@ -10,7 +10,7 @@ import CWidgetStatsB from '@coreui/vue/src/components/widgets/CWidgetStatsB'
 
 | Prop name   | Description                                                                                                                              | Type           | Values                                                                                          | Default |
 | ----------- | ---------------------------------------------------------------------------------------------------------------------------------------- | -------------- | ----------------------------------------------------------------------------------------------- | ------- |
-| **color**   | Sets the color context of the component to one of CoreUI’s themed colors                                                                 | string         | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` |         |
+| **color**   | Sets the color context of the component to one of CoreUI’s themed colors                                                                 | string         | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | -       |
 | **inverse** | Colors have been inverted from their default dark shade.                                                                                 | boolean        | -                                                                                               | -       |
 | **text**    | Helper text for your component. If you want to pass non-string value please use dedicated slot `<template #text>...</template>`          | string         | -                                                                                               | -       |
 | **title**   | Title for your component. If you want to pass non-string value please use dedicated slot `<template #title>...</template>`               | string         | -                                                                                               | -       |
diff --git a/packages/docs/api/widgets/CWidgetStatsC.api.md b/packages/docs/api/widgets/CWidgetStatsC.api.md
index 6df73eb4..485f5f4f 100644
--- a/packages/docs/api/widgets/CWidgetStatsC.api.md
+++ b/packages/docs/api/widgets/CWidgetStatsC.api.md
@@ -10,7 +10,7 @@ import CWidgetStatsC from '@coreui/vue/src/components/widgets/CWidgetStatsC'
 
 | Prop name   | Description                                                                                                                              | Type           | Values                                                                                          | Default |
 | ----------- | ---------------------------------------------------------------------------------------------------------------------------------------- | -------------- | ----------------------------------------------------------------------------------------------- | ------- |
-| **color**   | Sets the color context of the component to one of CoreUI’s themed colors.                                                                | string         | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` |         |
+| **color**   | Sets the color context of the component to one of CoreUI’s themed colors.                                                                | string         | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | -       |
 | **inverse** | Colors have been inverted from their default dark shade.                                                                                 | boolean        | -                                                                                               | -       |
 | **title**   | Title for your component. If you want to pass non-string value please use dedicated slot `<template #title>...</template>`               | string         | -                                                                                               | -       |
 | **value**   | Value for your component. If you want to pass non-string or non-number value please use dedicated slot `<template #value>...</template>` | number\|string | -                                                                                               | 0       |
diff --git a/packages/docs/api/widgets/CWidgetStatsD.api.md b/packages/docs/api/widgets/CWidgetStatsD.api.md
index f02d54da..6e6835c5 100644
--- a/packages/docs/api/widgets/CWidgetStatsD.api.md
+++ b/packages/docs/api/widgets/CWidgetStatsD.api.md
@@ -10,7 +10,7 @@ import CWidgetStatsD from '@coreui/vue/src/components/widgets/CWidgetStatsD'
 
 | Prop name  | Description                                                               | Type    | Values                                                                                          | Default  |
 | ---------- | ------------------------------------------------------------------------- | ------- | ----------------------------------------------------------------------------------------------- | -------- |
-| **color**  | Sets the color context of the component to one of CoreUI’s themed colors. | string  | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` |          |
+| **color**  | Sets the color context of the component to one of CoreUI’s themed colors. | string  | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | -        |
 | **values** | Values and titles for your component.                                     | Value[] | -                                                                                               | () => [] |
 
 #### Slots
diff --git a/packages/docs/api/widgets/CWidgetStatsF.api.md b/packages/docs/api/widgets/CWidgetStatsF.api.md
index 32954428..49dd0bdb 100644
--- a/packages/docs/api/widgets/CWidgetStatsF.api.md
+++ b/packages/docs/api/widgets/CWidgetStatsF.api.md
@@ -10,7 +10,7 @@ import CWidgetStatsF from '@coreui/vue/src/components/widgets/CWidgetStatsF'
 
 | Prop name   | Description                                                                                                                              | Type           | Values                                                                                          | Default |
 | ----------- | ---------------------------------------------------------------------------------------------------------------------------------------- | -------------- | ----------------------------------------------------------------------------------------------- | ------- |
-| **color**   | Sets the color context of the component to one of CoreUI’s themed colors.                                                                | string         | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` |         |
+| **color**   | Sets the color context of the component to one of CoreUI’s themed colors.                                                                | string         | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | -       |
 | **padding** | Set padding of your component.                                                                                                           | boolean        | -                                                                                               | true    |
 | **title**   | Title for your component. If you want to pass non-string value please use dedicated slot `<template #title>...</template>`               | string         | -                                                                                               | -       |
 | **text**    | Helper text for your component. If you want to pass non-string value please use dedicated slot `<template #text>...</template>`          | string         | -                                                                                               | -       |

From 7b4003d71307d2acd00933fb549e7e014b08af5b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@coreui.io>
Date: Sun, 26 Mar 2023 01:17:23 +0100
Subject: [PATCH 073/346] refactor(CToast): update transitions

---
 .../coreui-vue/src/components/toast/CToast.ts | 113 +++++++-----------
 packages/docs/api/toast/CToast.api.md         |   2 +-
 packages/docs/components/toast.md             |  37 +++---
 3 files changed, 63 insertions(+), 89 deletions(-)

diff --git a/packages/coreui-vue/src/components/toast/CToast.ts b/packages/coreui-vue/src/components/toast/CToast.ts
index b34cf0a7..4bedd165 100644
--- a/packages/coreui-vue/src/components/toast/CToast.ts
+++ b/packages/coreui-vue/src/components/toast/CToast.ts
@@ -1,6 +1,4 @@
-import { defineComponent, h, onMounted, provide, ref, RendererElement, Transition } from 'vue'
-
-import { executeAfterTransition } from '../../utils/transition'
+import { defineComponent, h, onMounted, provide, ref, Transition } from 'vue'
 
 import { Color } from '../props'
 
@@ -45,10 +43,7 @@ const CToast = defineComponent({
     /**
      * Toggle the visibility of component.
      */
-    visible: {
-      type: Boolean,
-      default: true,
-    },
+    visible: Boolean,
   },
   emits: [
     /**
@@ -61,51 +56,23 @@ const CToast = defineComponent({
     'show',
   ],
   setup(props, { slots, emit }) {
-    const visible = ref(props.visible)
-    let timeout = 0
-
-    const updateVisible = (v: boolean) => {
-      visible.value = v
-    }
-    provide('updateVisible', updateVisible)
+    const timeout = ref(0)
+    const visible = ref()
 
-    const handleBeforeEnter = (el: RendererElement) => {
-      el.classList.add('showing')
+    const updateVisible = (_visible: boolean) => {
+      visible.value = _visible
     }
 
-    const handleEnter = (el: RendererElement, done: () => void) => {
-      executeAfterTransition(() => done(), el as HTMLElement)
-      el.classList.add('show')
-      setTimeout(() => {
-        el.classList.remove('showing')
-      }, 1)
-
-      if (props.index) {
-        emit('show', props.index)
-      } else {
-        emit('show')
-      }
-    }
-
-    const handleLeave = (el: RendererElement, done: () => void) => {
-      executeAfterTransition(() => done(), el as HTMLElement)
-      el.classList.add('showing')
-    }
-
-    const handleAfterLeave = (el: RendererElement) => {
-      el.classList.remove('show')
-      el.classList.add('hide')
-      if (props.index) {
-        emit('close', props.index)
-      } else {
-        emit('close')
-      }
-    }
+    provide('updateVisible', updateVisible)
 
     onMounted(() => {
+      if (props.visible) {
+        visible.value = props.visible
+      }
+      
       if (props.autohide) {
-        clearTimeout(timeout)
-        timeout = window.setTimeout(() => {
+        clearTimeout(timeout.value)
+        timeout.value = window.setTimeout(() => {
           visible.value = false
           emit('close')
         }, props.delay)
@@ -117,29 +84,39 @@ const CToast = defineComponent({
         Transition,
         {
           appear: true,
-          onBeforeEnter: (el) => handleBeforeEnter(el),
-          onEnter: (el, done) => handleEnter(el, done),
-          onLeave: (el, done) => handleLeave(el, done),
-          onAfterLeave: (el) => handleAfterLeave(el),
+          enterFromClass: '',
+          enterActiveClass: 'show showing',
+          enterToClass: 'show',
+          leaveFromClass: 'show',
+          leaveActiveClass: 'show showing',
+          leaveToClass: 'show',
+          onAfterEnter: (el) => {
+            el.classList.add('show')
+            props.index ? emit('show', props.index) : emit('show')
+          },
+          onAfterLeave: () => {
+            props.index ? emit('close', props.index) : emit('close')
+          },
+        },
+        {
+          default: () =>
+            visible.value &&
+            h(
+              'div',
+              {
+                class: [
+                  'toast fade',
+                  {
+                    [`bg-${props.color}`]: props.color,
+                  },
+                ],
+                'aria-live': 'assertive',
+                'aria-atomic': true,
+                role: 'alert',
+              },
+              slots.default && slots.default(),
+            ),
         },
-        () =>
-          visible.value &&
-          h(
-            'div',
-            {
-              class: [
-                'toast fade',
-                {
-                  [`bg-${props.color}`]: props.color,
-                },
-              ],
-              'aria-live': 'assertive',
-              'aria-atomic': true,
-              role: 'alert',
-              ref: 'toastRef',
-            },
-            slots.default && slots.default(),
-          ),
       )
   },
 })
diff --git a/packages/docs/api/toast/CToast.api.md b/packages/docs/api/toast/CToast.api.md
index 99560d42..6079903e 100644
--- a/packages/docs/api/toast/CToast.api.md
+++ b/packages/docs/api/toast/CToast.api.md
@@ -16,7 +16,7 @@ import CToast from '@coreui/vue/src/components/toast/CToast'
 | **dismissible** | Optionally add a close button to component and allow it to self dismiss.  | boolean | -                                                                                                         | true    |
 | **index**       | index of the component.                                                   | number  | -                                                                                                         | -       |
 | **title**       | Title node for your component.                                            | string  | -                                                                                                         | -       |
-| **visible**     | Toggle the visibility of component.                                       | boolean | -                                                                                                         | true    |
+| **visible**     | Toggle the visibility of component.                                       | boolean | -                                                                                                         | -       |
 
 #### Events
 
diff --git a/packages/docs/components/toast.md b/packages/docs/components/toast.md
index cb47f456..297e8904 100644
--- a/packages/docs/components/toast.md
+++ b/packages/docs/components/toast.md
@@ -23,7 +23,7 @@ To encourage extensible and predictable toasts, we recommend a header and body.
 Toasts are as flexible as you need and have very little required markup. At a minimum, we require a single element to contain your "toasted" content and strongly encourage a dismiss button.
 
 ::: demo
-<CToast :autohide="false">
+<CToast :autohide="false" visible>
 <CToastHeader closeButton>
 <svg
       class="rounded me-2"
@@ -42,9 +42,8 @@ Toasts are as flexible as you need and have very little required markup. At a mi
 <CToastBody>Hello, world! This is a toast message.</CToastBody>
 </CToast>
 :::
-
 ```vue
-<CToast :autohide="false">
+<CToast :autohide="false" visible>
   <CToastHeader closeButton>
     <svg
       class="rounded me-2"
@@ -67,7 +66,7 @@ Toasts are as flexible as you need and have very little required markup. At a mi
 :::demo
 <CButton color="primary" @click="createToast">Send a toast</CButton>
 <CToaster placement="top-end">
-  <CToast v-for="(toast, index) in toasts">
+  <CToast v-for="(toast, index) in toasts" visible>
     <CToastHeader closeButton>
     <span class="me-auto fw-bold">{{toast.title}}</span>
     <small>7 min ago</small>
@@ -81,7 +80,7 @@ Toasts are as flexible as you need and have very little required markup. At a mi
 ```vue
 <template>
   <CButton color="primary" @click="createToast">Send a toast</CButton>
-  <CToaster placement="top-end">
+  <CToaster placement="top-end" visible>
     <CToast v-for="(toast, index) in toasts">
       <CToastHeader closeButton>
       <span class="me-auto fw-bold">{{toast.title}}</span>
@@ -136,7 +135,7 @@ Toasts are as flexible as you need and have very little required markup. At a mi
 Toasts are slightly translucent to blend in with what's below them.
 
 ::: demo-dark
-<CToast :autohide="false">
+<CToast :autohide="false" visible>
 <CToastHeader closeButton>
 <svg
       class="rounded me-2"
@@ -157,7 +156,7 @@ Toasts are slightly translucent to blend in with what's below them.
 :::
 
 ```vue
-<CToast :autohide="false">
+<CToast :autohide="false" visible>
   <CToastHeader closeButton>
     <svg
       class="rounded me-2"
@@ -182,8 +181,8 @@ Toasts are slightly translucent to blend in with what's below them.
 You can stack toasts by wrapping them in a toast container, which will vertically add some spacing.
 
 ::: demo
-<CToaster class="position-relative">
-<CToast :autohide="false">
+<CToaster class="position-relative" >
+<CToast :autohide="false" visible>
 <CToastHeader closeButton>
 <svg
         class="rounded me-2"
@@ -201,7 +200,7 @@ You can stack toasts by wrapping them in a toast container, which will verticall
 </CToastHeader>
 <CToastBody>Hello, world! This is a toast message.</CToastBody>
 </CToast>
-<CToast :autohide="false">
+<CToast :autohide="false" visible>
 <CToastHeader closeButton>
 <svg
         class="rounded me-2"
@@ -224,7 +223,7 @@ You can stack toasts by wrapping them in a toast container, which will verticall
 
 ```vue
 <CToaster>
-  <CToast :autohide="false">
+  <CToast :autohide="false" visible>
     <CToastHeader closeButton>
       <svg
         class="rounded me-2"
@@ -242,7 +241,7 @@ You can stack toasts by wrapping them in a toast container, which will verticall
     </CToastHeader>
     <CToastBody>Hello, world! This is a toast message.</CToastBody>
   </CToast>
-  <CToast :autohide="false">
+  <CToast :autohide="false" visible>
     <CToastHeader closeButton>
       <svg
         class="rounded me-2"
@@ -268,8 +267,7 @@ You can stack toasts by wrapping them in a toast container, which will verticall
 Customize your toasts by removing sub-components, tweaking them with [utilities](https://coreui.io/docs/4.0/utilities/api), or by adding your own markup. Here we've created a simpler toast by removing the default `<CToastHeader>`, adding a custom hide icon from [CoreUI Icons](https://icons.coreui.io), and using some [flexbox utilities](https://coreui.io/docs/4.0/utilities/flex) to adjust the layout.
 
 ::: demo
-<CToast :autohide="false" class="align-items-center">
-
+<CToast :autohide="false" class="align-items-center" visible>
   <div class="d-flex">
     <CToastBody>Hello, world! This is a toast message.</CToastBody>
     <CToastClose class="me-2 m-auto"/>
@@ -277,7 +275,7 @@ Customize your toasts by removing sub-components, tweaking them with [utilities]
 </CToast>
 :::
 ```vue
-<CToast :autohide="false" class="align-items-center">
+<CToast :autohide="false" class="align-items-center" visible>
   <div class="d-flex">
     <CToastBody>Hello, world! This is a toast message.</CToastBody>
     <CToastClose class="me-2 m-auto"/>
@@ -288,7 +286,7 @@ Customize your toasts by removing sub-components, tweaking them with [utilities]
 Alternatively, you can also add additional controls and components to toasts.
 
 ::: demo
-<CToast :autohide="false" class="align-items-center">
+<CToast :autohide="false" class="align-items-center" visible>
   <CToastBody>
     Hello, world! This is a toast message.
     <div class="mt-2 pt-2 border-top">
@@ -301,7 +299,7 @@ Alternatively, you can also add additional controls and components to toasts.
 </CToast>
 :::
 ```vue
-<CToast :autohide="false" class="align-items-center">
+<CToast :autohide="false" class="align-items-center" visible>
   <CToastBody>
     Hello, world! This is a toast message.
     <div class="mt-2 pt-2 border-top">
@@ -319,8 +317,7 @@ Alternatively, you can also add additional controls and components to toasts.
 Building on the above example, you can create different toast color schemes with our [color](https://coreui.io/docs/4.0/utilities/colors) and [background](https://coreui.io/docs/4.0//utilities/background) utilities. Here we've set `color="primary"` and added `.text-white` class to the `<Ctoast>`, and then set `white` property to our close button. For a crisp edge, we remove the default border with `.border-0`.
 
 ::: demo
-<CToast :autohide="false" color="primary" class="text-white align-items-center">
-
+<CToast :autohide="false" color="primary" class="text-white align-items-center" visible>
   <div class="d-flex">
     <CToastBody>Hello, world! This is a toast message.</CToastBody>
     <CToastClose class="me-2 m-auto" white />
@@ -328,7 +325,7 @@ Building on the above example, you can create different toast color schemes with
 </CToast>
 :::
 ```vue
-<CToast :autohide="false" color="primary" class="text-white align-items-center">
+<CToast :autohide="false" color="primary" class="text-white align-items-center" visible>
   <div class="d-flex">
     <CToastBody>Hello, world! This is a toast message.</CToastBody>
     <CToastClose class="me-2 m-auto" white />

From e5fe9a90508738933707cd75db8e0e843662c770 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@coreui.io>
Date: Sun, 26 Mar 2023 12:50:10 +0200
Subject: [PATCH 074/346] build: update API generator

---
 packages/docs/build/templates/props.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/docs/build/templates/props.js b/packages/docs/build/templates/props.js
index c75bdc35..44997ddf 100644
--- a/packages/docs/build/templates/props.js
+++ b/packages/docs/build/templates/props.js
@@ -24,7 +24,7 @@ const tmpl = (props) => {
     t += renderTags(prop.tags)
     const n = prop.type?.name ?? ''
     const v = prop.values?.map(pv => `\`${pv}\``).join(', ') ?? '-'
-    const d = prop.defaultValue?.value ?? ''
+    const d = prop.defaultValue?.value ?? '-'
     const since = prop.tags && prop.tags.since ? `<br><div class="badge bg-primary">${prop.tags.since[0].description}+</div>` : ''
 
     if (prop.description && !prop.description.includes('@ignore')) {

From a10eebe20e41fe2c5ac7d77b0681e3a167c6de35 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@coreui.io>
Date: Sun, 26 Mar 2023 13:18:16 +0200
Subject: [PATCH 075/346] refactor(CTable): extract types and utils to separate
 files, syntax improvements

---
 .../coreui-vue/src/components/table/CTable.ts | 61 ++++---------------
 .../coreui-vue/src/components/table/types.ts  | 20 ++++++
 .../coreui-vue/src/components/table/utils.ts  | 24 ++++++++
 3 files changed, 57 insertions(+), 48 deletions(-)
 create mode 100644 packages/coreui-vue/src/components/table/types.ts
 create mode 100644 packages/coreui-vue/src/components/table/utils.ts

diff --git a/packages/coreui-vue/src/components/table/CTable.ts b/packages/coreui-vue/src/components/table/CTable.ts
index 56111fa9..c20e0224 100644
--- a/packages/coreui-vue/src/components/table/CTable.ts
+++ b/packages/coreui-vue/src/components/table/CTable.ts
@@ -1,6 +1,5 @@
 import { computed, defineComponent, h, PropType } from 'vue'
 
-import { Color } from '../props'
 import { CTableBody } from './CTableBody'
 import { CTableCaption } from './CTableCaption'
 import { CTableDataCell } from './CTableDataCell'
@@ -9,43 +8,9 @@ import { CTableHead } from './CTableHead'
 import { CTableHeaderCell } from './CTableHeaderCell'
 import { CTableRow } from './CTableRow'
 
-export interface Column {
-  label?: string
-  key: string
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  _style?: any
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  _props?: any
-}
-
-export interface FooterItem {
-  label?: string
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  _props?: any
-}
-
-export type Item = {
-  [key: string]: number | string | any
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  _props?: any
-}
-
-const pretifyName = (name: string) => {
-  return name
-    .replace(/[-_.]/g, ' ')
-    .replace(/ +/g, ' ')
-    .replace(/([a-z0-9])([A-Z])/g, '$1 $2')
-    .split(' ')
-    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
-    .join(' ')
-}
-
-const label = (column: Column | string) =>
-  typeof column === 'object'
-    ? column.label !== undefined
-      ? column.label
-      : pretifyName(column.key)
-    : pretifyName(column)
+import { Color } from '../props'
+import { getColumnLabel, getColumnNames } from './utils'
+import type { Column, FooterItem, Item } from './types'
 
 const CTable = defineComponent({
   name: 'CTable',
@@ -183,14 +148,14 @@ const CTable = defineComponent({
     },
   },
   setup(props, { slots, attrs }) {
-    const rawColumnNames = computed(() =>
-      props.columns
-        ? props.columns.map((column: Column | string) => {
-            if (typeof column === 'object') return column.key
-            else return column
-          })
-        : Object.keys((props.items && props.items[0]) || {}).filter((el) => el.charAt(0) !== '_'),
-    )
+    const columnNames = computed(() => getColumnNames(props.columns, props.items))
+    //   props.columns
+    //     ? props.columns.map((column: Column | string) => {
+    //         if (typeof column === 'object') return column.key
+    //         else return column
+    //       })
+    //     : Object.keys((props.items && props.items[0]) || {}).filter((el) => el.charAt(0) !== '_'),
+    // )
 
     const table = () =>
       h(
@@ -247,7 +212,7 @@ const CTable = defineComponent({
                                     column._style && { style: { ...column._style } }),
                                 },
                                 {
-                                  default: () => label(column),
+                                  default: () => getColumnLabel(column),
                                 },
                               ),
                             ),
@@ -271,7 +236,7 @@ const CTable = defineComponent({
                           },
                           {
                             default: () => [
-                              rawColumnNames.value.map(
+                              columnNames.value && columnNames.value.map(
                                 (colName: string) =>
                                   item[colName] &&
                                   h(
diff --git a/packages/coreui-vue/src/components/table/types.ts b/packages/coreui-vue/src/components/table/types.ts
new file mode 100644
index 00000000..803baeed
--- /dev/null
+++ b/packages/coreui-vue/src/components/table/types.ts
@@ -0,0 +1,20 @@
+export type Column = {
+    label?: string
+    key: string
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    _style?: any
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    _props?: any
+  }
+  
+  export type FooterItem = {
+    label?: string
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    _props?: any
+  }
+  
+  export type Item = {
+    [key: string]: number | string | any
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    _props?: any
+  }
\ No newline at end of file
diff --git a/packages/coreui-vue/src/components/table/utils.ts b/packages/coreui-vue/src/components/table/utils.ts
new file mode 100644
index 00000000..9c55ade1
--- /dev/null
+++ b/packages/coreui-vue/src/components/table/utils.ts
@@ -0,0 +1,24 @@
+import type { Column, Item } from './types'
+
+export const pretifyName = (name: string) => {
+  return name
+    .replace(/[-_.]/g, ' ')
+    .replace(/ +/g, ' ')
+    .replace(/([a-z0-9])([A-Z])/g, '$1 $2')
+    .split(' ')
+    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+    .join(' ')
+}
+
+export const getColumnLabel = (column: Column | string) =>
+  typeof column === 'object' ? column.label ?? pretifyName(column.key) : pretifyName(column)
+
+export const getColumnNames = (columns: (string | Column)[] | undefined, items?: Item[]) =>
+  columns
+    ? columns.map((column: Column | string) => {
+        return typeof column === 'object' ? column.key : column
+      })
+    : items && getColumnNamesFromItems(items)
+
+export const getColumnNamesFromItems = (items: Item[]) =>
+  Object.keys(items[0] || {}).filter((el) => el.charAt(0) !== '_')

From 3d8d175ab744b11d60db940d351fe15199011073 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@coreui.io>
Date: Sun, 26 Mar 2023 13:27:27 +0200
Subject: [PATCH 076/346] docs: update theme

---
 .../components/global/CodeGroupItem.vue       |  1 -
 .../src/client/components/global/_Badge.vue   |  3 ---
 .../theme-coreui/src/client/styles/_demo.scss | 21 ++++++++++++++++++-
 3 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/global/CodeGroupItem.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/global/CodeGroupItem.vue
index f774dbf0..f22b7370 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/components/global/CodeGroupItem.vue
+++ b/packages/docs/.vuepress/theme-coreui/src/client/components/global/CodeGroupItem.vue
@@ -21,7 +21,6 @@ export default defineComponent({
     },
     active: {
       type: Boolean,
-      required: false,
       default: false,
     },
   },
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/global/_Badge.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/global/_Badge.vue
index 889804ed..392aa4d8 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/components/global/_Badge.vue
+++ b/packages/docs/.vuepress/theme-coreui/src/client/components/global/_Badge.vue
@@ -19,17 +19,14 @@ export default defineComponent({
   props: {
     type: {
       type: String,
-      required: false,
       default: 'tip',
     },
     text: {
       type: String,
-      required: false,
       default: '',
     },
     vertical: {
       type: String,
-      required: false,
       default: undefined,
     },
   },
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_demo.scss b/packages/docs/.vuepress/theme-coreui/src/client/styles/_demo.scss
index ea1fd6d1..f604d7e7 100644
--- a/packages/docs/.vuepress/theme-coreui/src/client/styles/_demo.scss
+++ b/packages/docs/.vuepress/theme-coreui/src/client/styles/_demo.scss
@@ -13,6 +13,25 @@
       margin-top: 0;
     }
   }
+
+  .rtl .input-group > :not(:last-child), 
+  .rtl .input-group > .dropdown-toggle:nth-last-child(n+3) {
+    border-right: 0 !important;
+    @include border-end-radius($input-border-radius !important);
+  }
+
+  .rtl .input-group > :not(:first-child) {
+    @include border-start-radius($input-border-radius !important);
+    @include border-end-radius(0 !important);
+  }
+
+  .rtl .picker .input-group .form-control:first-child {
+    border-right : $input-border-width solid var(--#{$variable-prefix}input-border-color, $input-border-color) !important;
+  }
+
+  .rtl .picker .input-group > * + *:not(:last-child) {
+    @include border-start-radius(0 !important);
+  }
 }
 
 .docs-example-offcanvas .offcanvas {
@@ -20,7 +39,7 @@
   display: block;
   height: 200px;
   visibility: visible;
-  transform: translate(0);
+  transform: translate(0) !important;
 }
 
 //

From f97d0dc6a245f2b3af10e892c6a9551ba8bc44c1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@coreui.io>
Date: Sun, 26 Mar 2023 13:42:55 +0200
Subject: [PATCH 077/346] tests: update tests

---
 .../__snapshots__/CAccordionBody.spec.ts.snap |  6 +++---
 .../components/alert/__tests__/CAlert.spec.ts |  2 +-
 .../__snapshots__/CAlert.spec.ts.snap         | 21 ++++++++++++++++++-
 .../__snapshots__/CBackdrop.spec.ts.snap      |  4 ++--
 .../components/badge/__tests__/CBadge.spec.ts |  2 +-
 .../__snapshots__/CCollapse.spec.ts.snap      |  8 +++----
 .../__snapshots__/CModal.spec.ts.snap         | 20 +++++++++---------
 .../__snapshots__/COffcanvas.spec.ts.snap     | 16 +++++++-------
 .../__tests__/CPlaceholder.spec.ts            |  2 +-
 .../__snapshots__/CTabPane.spec.ts.snap       |  8 +++----
 .../components/toast/__tests__/CToast.spec.ts |  4 +++-
 .../__snapshots__/CToast.spec.ts.snap         |  8 +++----
 12 files changed, 61 insertions(+), 40 deletions(-)

diff --git a/packages/coreui-vue/src/components/accordion/__tests__/__snapshots__/CAccordionBody.spec.ts.snap b/packages/coreui-vue/src/components/accordion/__tests__/__snapshots__/CAccordionBody.spec.ts.snap
index 1a1eadbb..30734b2b 100644
--- a/packages/coreui-vue/src/components/accordion/__tests__/__snapshots__/CAccordionBody.spec.ts.snap
+++ b/packages/coreui-vue/src/components/accordion/__tests__/__snapshots__/CAccordionBody.spec.ts.snap
@@ -1,9 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Loads and display CAccordionBody component renders correctly 1`] = `
-"<transition-stub class=\\"accordion-collapse\\">
-  <div class=\\"collapse\\">
-    <div class=\\"accordion-body\\">Default slot</div>
+"<transition-stub appear="false" persisted="false" css="false" class="accordion-collapse">
+  <div class="collapse">
+    <div class="accordion-body">Default slot</div>
   </div>
 </transition-stub>"
 `;
diff --git a/packages/coreui-vue/src/components/alert/__tests__/CAlert.spec.ts b/packages/coreui-vue/src/components/alert/__tests__/CAlert.spec.ts
index 810b418c..572cd284 100644
--- a/packages/coreui-vue/src/components/alert/__tests__/CAlert.spec.ts
+++ b/packages/coreui-vue/src/components/alert/__tests__/CAlert.spec.ts
@@ -1,5 +1,5 @@
 import { shallowMount } from '@vue/test-utils'
-import { CAlert as Component } from './../../'
+import { CAlert as Component } from '../../'
 
 const ComponentName = 'CAlert'
 const wrapper = shallowMount(Component)
diff --git a/packages/coreui-vue/src/components/alert/__tests__/__snapshots__/CAlert.spec.ts.snap b/packages/coreui-vue/src/components/alert/__tests__/__snapshots__/CAlert.spec.ts.snap
index 2f25b67b..f730441c 100644
--- a/packages/coreui-vue/src/components/alert/__tests__/__snapshots__/CAlert.spec.ts.snap
+++ b/packages/coreui-vue/src/components/alert/__tests__/__snapshots__/CAlert.spec.ts.snap
@@ -1,7 +1,17 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Loads and display CAlert component renders correctly 1`] = `
-<transition-stub>
+<transition-stub
+  appear="false"
+  css="true"
+  duration="350"
+  enteractiveclass="fade"
+  enterfromclass=""
+  entertoclass="fade show"
+  leaveactiveclass="fade"
+  name="fade"
+  persisted="false"
+>
   <div
     class="alert alert-undefined"
   >
@@ -13,7 +23,16 @@ exports[`Loads and display CAlert component renders correctly 1`] = `
 
 exports[`Loads and display CAlert component renders correctly with slot 1`] = `
 <transition-stub
+  appear="false"
   class="bazinga"
+  css="true"
+  duration="350"
+  enteractiveclass="fade"
+  enterfromclass=""
+  entertoclass="fade show"
+  leaveactiveclass="fade"
+  name="fade"
+  persisted="false"
 >
   <div
     class="alert alert-success alert-success"
diff --git a/packages/coreui-vue/src/components/backdrop/__tests__/__snapshots__/CBackdrop.spec.ts.snap b/packages/coreui-vue/src/components/backdrop/__tests__/__snapshots__/CBackdrop.spec.ts.snap
index 2d73f2e9..2bf4c264 100644
--- a/packages/coreui-vue/src/components/backdrop/__tests__/__snapshots__/CBackdrop.spec.ts.snap
+++ b/packages/coreui-vue/src/components/backdrop/__tests__/__snapshots__/CBackdrop.spec.ts.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Loads and display CBackdrop component renders correctly 1`] = `
-"<transition-stub>
-  <div class=\\"fade\\"></div>
+"<transition-stub appear="false" persisted="false" css="true">
+  <div class="fade"></div>
 </transition-stub>"
 `;
diff --git a/packages/coreui-vue/src/components/badge/__tests__/CBadge.spec.ts b/packages/coreui-vue/src/components/badge/__tests__/CBadge.spec.ts
index 5d22bd88..4d132901 100644
--- a/packages/coreui-vue/src/components/badge/__tests__/CBadge.spec.ts
+++ b/packages/coreui-vue/src/components/badge/__tests__/CBadge.spec.ts
@@ -1,5 +1,5 @@
 import { shallowMount } from '@vue/test-utils'
-import { CBadge as Component } from './../../'
+import { CBadge as Component } from '../../'
 
 const ComponentName = 'CBadge'
 const wrapper = shallowMount(Component)
diff --git a/packages/coreui-vue/src/components/collapse/__test__/__snapshots__/CCollapse.spec.ts.snap b/packages/coreui-vue/src/components/collapse/__test__/__snapshots__/CCollapse.spec.ts.snap
index 409494a9..0bab1aef 100644
--- a/packages/coreui-vue/src/components/collapse/__test__/__snapshots__/CCollapse.spec.ts.snap
+++ b/packages/coreui-vue/src/components/collapse/__test__/__snapshots__/CCollapse.spec.ts.snap
@@ -1,13 +1,13 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Loads and display CCollapse component renders correctly 1`] = `
-"<transition-stub>
-  <div class=\\"collapse\\">Default slot</div>
+"<transition-stub appear="false" persisted="false" css="false">
+  <div class="collapse">Default slot</div>
 </transition-stub>"
 `;
 
 exports[`Loads and display CCollapse component renders correctly 2`] = `
-"<transition-stub>
-  <div class=\\"collapse show\\">Default slot</div>
+"<transition-stub appear="false" persisted="false" css="false">
+  <div class="collapse show">Default slot</div>
 </transition-stub>"
 `;
diff --git a/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModal.spec.ts.snap b/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModal.spec.ts.snap
index 86ca7e34..81cb267c 100644
--- a/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModal.spec.ts.snap
+++ b/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModal.spec.ts.snap
@@ -1,24 +1,24 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Customize CModal component renders correctly 1`] = `
-"<transition-stub>
-  <div class=\\"modal\\">
-    <div class=\\"modal-dialog modal-dialog-centered modal-fullscreen-lg-down modal-dialog-scrollable modal-lg\\" role=\\"dialog\\">
-      <div class=\\"modal-content bazinga\\">Default slot</div>
+"<transition-stub appear="false" persisted="false" css="false">
+  <div class="modal">
+    <div class="modal-dialog modal-dialog-centered modal-fullscreen-lg-down modal-dialog-scrollable modal-lg" role="dialog">
+      <div class="modal-content bazinga">Default slot</div>
     </div>
   </div>
 </transition-stub>"
 `;
 
 exports[`Loads and display CModal component renders correctly 1`] = `
-"<transition-stub>
-  <div class=\\"modal fade\\">
-    <div class=\\"modal-dialog modal-fullscreen\\" role=\\"dialog\\">
-      <div class=\\"modal-content\\">Default slot</div>
+"<transition-stub appear="false" persisted="false" css="false">
+  <div class="modal fade">
+    <div class="modal-dialog modal-fullscreen" role="dialog">
+      <div class="modal-content">Default slot</div>
     </div>
   </div>
 </transition-stub>
-<transition-stub class=\\"modal-backdrop\\">
-  <div class=\\"fade\\"></div>
+<transition-stub appear="false" persisted="false" css="true" class="modal-backdrop">
+  <div class="fade"></div>
 </transition-stub>"
 `;
diff --git a/packages/coreui-vue/src/components/offcanvas/__tests__/__snapshots__/COffcanvas.spec.ts.snap b/packages/coreui-vue/src/components/offcanvas/__tests__/__snapshots__/COffcanvas.spec.ts.snap
index b33c33ae..d74a3bcb 100644
--- a/packages/coreui-vue/src/components/offcanvas/__tests__/__snapshots__/COffcanvas.spec.ts.snap
+++ b/packages/coreui-vue/src/components/offcanvas/__tests__/__snapshots__/COffcanvas.spec.ts.snap
@@ -1,19 +1,19 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Customize COffcanvas component renders correctly 1`] = `
-"<transition-stub>
-  <div class=\\"offcanvas offcanvas-bottom\\" role=\\"dialog\\">Default slot</div>
+"<transition-stub appear="false" persisted="false" css="false">
+  <div class="offcanvas offcanvas-bottom" role="dialog" tabindex="-1">Default slot</div>
 </transition-stub>
-<transition-stub class=\\"offcanvas-backdrop\\">
-  <div class=\\"fade\\"></div>
+<transition-stub appear="false" persisted="false" css="true" class="offcanvas-backdrop">
+  <div class="fade"></div>
 </transition-stub>"
 `;
 
 exports[`Loads and display COffcanvas component renders correctly 1`] = `
-"<transition-stub>
-  <div class=\\"offcanvas offcanvas-end\\" role=\\"dialog\\">Default slot</div>
+"<transition-stub appear="false" persisted="false" css="false">
+  <div class="offcanvas offcanvas-end" role="dialog" tabindex="-1">Default slot</div>
 </transition-stub>
-<transition-stub class=\\"offcanvas-backdrop\\">
-  <div class=\\"fade\\"></div>
+<transition-stub appear="false" persisted="false" css="true" class="offcanvas-backdrop">
+  <div class="fade"></div>
 </transition-stub>"
 `;
diff --git a/packages/coreui-vue/src/components/placeholder/__tests__/CPlaceholder.spec.ts b/packages/coreui-vue/src/components/placeholder/__tests__/CPlaceholder.spec.ts
index 1c87b059..2f3cff8f 100644
--- a/packages/coreui-vue/src/components/placeholder/__tests__/CPlaceholder.spec.ts
+++ b/packages/coreui-vue/src/components/placeholder/__tests__/CPlaceholder.spec.ts
@@ -1,5 +1,5 @@
 import { shallowMount } from '@vue/test-utils'
-import { CPlaceholder as Component } from './../../'
+import { CPlaceholder as Component } from '../../'
 
 const ComponentName = 'CPlaceholder'
 const wrapper = shallowMount(Component)
diff --git a/packages/coreui-vue/src/components/tabs/__tests__/__snapshots__/CTabPane.spec.ts.snap b/packages/coreui-vue/src/components/tabs/__tests__/__snapshots__/CTabPane.spec.ts.snap
index 30b5aa97..49b97a03 100644
--- a/packages/coreui-vue/src/components/tabs/__tests__/__snapshots__/CTabPane.spec.ts.snap
+++ b/packages/coreui-vue/src/components/tabs/__tests__/__snapshots__/CTabPane.spec.ts.snap
@@ -1,13 +1,13 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Customize CTabPane component renders correctly 1`] = `
-"<transition-stub>
-  <div class=\\"tab-pane fade active show\\">Default slot</div>
+"<transition-stub appear="false" persisted="false" css="true">
+  <div class="tab-pane fade active show">Default slot</div>
 </transition-stub>"
 `;
 
 exports[`Loads and display CTabPane component renders correctly 1`] = `
-"<transition-stub>
-  <div class=\\"tab-pane fade\\" style=\\"display: none;\\">Default slot</div>
+"<transition-stub appear="false" persisted="false" css="true">
+  <div class="tab-pane fade" style="display: none;">Default slot</div>
 </transition-stub>"
 `;
diff --git a/packages/coreui-vue/src/components/toast/__tests__/CToast.spec.ts b/packages/coreui-vue/src/components/toast/__tests__/CToast.spec.ts
index 50ef2918..c6296599 100644
--- a/packages/coreui-vue/src/components/toast/__tests__/CToast.spec.ts
+++ b/packages/coreui-vue/src/components/toast/__tests__/CToast.spec.ts
@@ -4,7 +4,9 @@ import { CToast as Component } from '../../../index'
 const ComponentName = 'CToast'
 
 const defaultWrapper = mount(Component, {
-  propsData: {},
+  propsData: {
+    visible: true,
+  },
   slots: {
     default: 'Default slot',
   },
diff --git a/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToast.spec.ts.snap b/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToast.spec.ts.snap
index 7a92968b..a5234490 100644
--- a/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToast.spec.ts.snap
+++ b/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToast.spec.ts.snap
@@ -1,13 +1,13 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Customize CToast component renders correctly 1`] = `
-"<transition-stub>
-  <div class=\\"toast fade bg-warning\\" aria-live=\\"assertive\\" aria-atomic=\\"true\\" role=\\"alert\\">Default slot</div>
+"<transition-stub enterfromclass="" enteractiveclass="show showing" entertoclass="show" leavefromclass="show" leaveactiveclass="show showing" leavetoclass="show" appear="true" persisted="false" css="true">
+  <div class="toast fade bg-warning" aria-live="assertive" aria-atomic="true" role="alert">Default slot</div>
 </transition-stub>"
 `;
 
 exports[`Loads and display CToast component renders correctly 1`] = `
-"<transition-stub>
-  <div class=\\"toast fade\\" aria-live=\\"assertive\\" aria-atomic=\\"true\\" role=\\"alert\\">Default slot</div>
+"<transition-stub enterfromclass="" enteractiveclass="show showing" entertoclass="show" leavefromclass="show" leaveactiveclass="show showing" leavetoclass="show" appear="true" persisted="false" css="true">
+  <div class="toast fade" aria-live="assertive" aria-atomic="true" role="alert">Default slot</div>
 </transition-stub>"
 `;

From 15e1c35a66992e445d00b43fab9191cf6bd86c61 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@coreui.io>
Date: Sun, 26 Mar 2023 13:43:55 +0200
Subject: [PATCH 078/346] refactor: move props and types to src folder

---
 .../src/components/accordion/CAccordionBody.ts |  2 +-
 .../coreui-vue/src/components/alert/CAlert.ts  |  5 +++--
 .../src/components/avatar/CAvatar.ts           |  3 ++-
 .../coreui-vue/src/components/badge/CBadge.ts  |  2 +-
 .../src/components/button/CButton.ts           |  3 ++-
 .../src/components/callout/CCallout.ts         |  3 ++-
 .../coreui-vue/src/components/card/CCard.ts    |  3 ++-
 .../src/components/dropdown/CDropdown.ts       |  4 +++-
 .../src/components/dropdown/CDropdownToggle.ts |  6 ++++--
 .../components/list-group/CListGroupItem.ts    |  2 +-
 .../coreui-vue/src/components/modal/CModal.ts  |  2 +-
 .../coreui-vue/src/components/nav/CNavGroup.ts |  2 +-
 .../src/components/navbar/CNavbar.ts           |  2 +-
 .../src/components/placeholder/CPlaceholder.ts |  2 +-
 .../src/components/progress/CProgressBar.ts    |  2 +-
 .../coreui-vue/src/components/table/CTable.ts  |  2 +-
 .../src/components/table/CTableBody.ts         |  2 +-
 .../src/components/table/CTableDataCell.ts     |  2 +-
 .../src/components/table/CTableFoot.ts         |  2 +-
 .../src/components/table/CTableHead.ts         |  2 +-
 .../src/components/table/CTableHeaderCell.ts   |  2 +-
 .../src/components/table/CTableRow.ts          |  2 +-
 .../coreui-vue/src/components/toast/CToast.ts  |  2 +-
 .../src/components/widgets/CWidgetStatsB.ts    |  7 ++++---
 .../src/components/widgets/CWidgetStatsC.ts    |  4 ++--
 .../src/components/widgets/CWidgetStatsD.ts    |  9 +++++----
 .../src/components/widgets/CWidgetStatsE.ts    |  2 +-
 .../src/components/widgets/CWidgetStatsF.ts    |  5 +++--
 .../coreui-vue/src/{components => }/props.ts   | 18 ++++++++++--------
 .../src/{components/Types.tsx => types.ts}     |  0
 30 files changed, 59 insertions(+), 45 deletions(-)
 rename packages/coreui-vue/src/{components => }/props.ts (90%)
 rename packages/coreui-vue/src/{components/Types.tsx => types.ts} (100%)

diff --git a/packages/coreui-vue/src/components/accordion/CAccordionBody.ts b/packages/coreui-vue/src/components/accordion/CAccordionBody.ts
index 0876a5e9..4a8d83ff 100644
--- a/packages/coreui-vue/src/components/accordion/CAccordionBody.ts
+++ b/packages/coreui-vue/src/components/accordion/CAccordionBody.ts
@@ -1,5 +1,5 @@
 import { defineComponent, h, inject, Ref } from 'vue'
-import { CCollapse } from './../collapse/CCollapse'
+import { CCollapse } from '../collapse/CCollapse'
 
 const CAccordionBody = defineComponent({
   name: 'CAccordionBody',
diff --git a/packages/coreui-vue/src/components/alert/CAlert.ts b/packages/coreui-vue/src/components/alert/CAlert.ts
index cfc61ab9..e05374d7 100644
--- a/packages/coreui-vue/src/components/alert/CAlert.ts
+++ b/packages/coreui-vue/src/components/alert/CAlert.ts
@@ -1,7 +1,8 @@
 import { defineComponent, h, ref, Transition, watch } from 'vue'
 
-import { Color } from '../props'
-import { CCloseButton } from '../close-button/CCloseButton'
+import { CCloseButton } from '../close-button'
+
+import { Color } from '../../props'
 
 export const CAlert = defineComponent({
   name: 'CAlert',
diff --git a/packages/coreui-vue/src/components/avatar/CAvatar.ts b/packages/coreui-vue/src/components/avatar/CAvatar.ts
index c3a5eb86..27008005 100644
--- a/packages/coreui-vue/src/components/avatar/CAvatar.ts
+++ b/packages/coreui-vue/src/components/avatar/CAvatar.ts
@@ -1,5 +1,6 @@
 import { defineComponent, h } from 'vue'
-import { Color, Shape, TextColor } from '../props'
+
+import { Color, Shape, TextColor } from '../../props'
 
 const CAvatar = defineComponent({
   name: 'CAvatar',
diff --git a/packages/coreui-vue/src/components/badge/CBadge.ts b/packages/coreui-vue/src/components/badge/CBadge.ts
index d619c120..717adac3 100644
--- a/packages/coreui-vue/src/components/badge/CBadge.ts
+++ b/packages/coreui-vue/src/components/badge/CBadge.ts
@@ -1,6 +1,6 @@
 import { defineComponent, h } from 'vue'
 
-import { Color, Shape, TextColor } from '../props'
+import { Color, Shape, TextColor } from '../../props'
 
 const CBadge = defineComponent({
   name: 'CBadge',
diff --git a/packages/coreui-vue/src/components/button/CButton.ts b/packages/coreui-vue/src/components/button/CButton.ts
index 11b9d7f3..d5b2421d 100644
--- a/packages/coreui-vue/src/components/button/CButton.ts
+++ b/packages/coreui-vue/src/components/button/CButton.ts
@@ -1,5 +1,6 @@
 import { defineComponent, h } from 'vue'
-import { Color, Shape } from '../props'
+
+import { Color, Shape } from '../../props'
 
 export const CButton = defineComponent({
   name: 'CButton',
diff --git a/packages/coreui-vue/src/components/callout/CCallout.ts b/packages/coreui-vue/src/components/callout/CCallout.ts
index 95ee0534..04947cf2 100644
--- a/packages/coreui-vue/src/components/callout/CCallout.ts
+++ b/packages/coreui-vue/src/components/callout/CCallout.ts
@@ -1,5 +1,6 @@
 import { defineComponent, h } from 'vue'
-import { Color } from '../props'
+
+import { Color } from '../../props'
 
 const CCallout = defineComponent({
   name: 'CCallout',
diff --git a/packages/coreui-vue/src/components/card/CCard.ts b/packages/coreui-vue/src/components/card/CCard.ts
index a4164d21..3b63f8ff 100644
--- a/packages/coreui-vue/src/components/card/CCard.ts
+++ b/packages/coreui-vue/src/components/card/CCard.ts
@@ -1,5 +1,6 @@
 import { defineComponent, h } from 'vue'
-import { Color, TextColor } from '../props'
+
+import { Color, TextColor } from '../../props'
 
 const CCard = defineComponent({
   name: 'CCard',
diff --git a/packages/coreui-vue/src/components/dropdown/CDropdown.ts b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
index 1691bdfd..39ba27a5 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdown.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
@@ -1,6 +1,8 @@
 import { defineComponent, h, ref, provide, watch, PropType } from 'vue'
 import { createPopper, Placement } from '@popperjs/core'
 
+import { Triggers } from '../../types'
+
 const CDropdown = defineComponent({
   name: 'CDropdown',
   props: {
@@ -91,7 +93,7 @@ const CDropdown = defineComponent({
      * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.
      */
     trigger: {
-      type: [String, Array],
+      type: String as PropType<Triggers>,
       default: 'click',
     },
     /**
diff --git a/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts b/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
index b13ec032..3472b03c 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
@@ -1,7 +1,9 @@
 import { cloneVNode, defineComponent, h, inject, onMounted, PropType, Ref, ref } from 'vue'
+
 import { CButton } from '../button'
-import { Color, Shape } from '../props'
-import { Triggers } from '../Types'
+
+import { Color, Shape } from '../../props'
+import { Triggers } from '../../types'
 
 const CDropdownToggle = defineComponent({
   name: 'CDropdownToggle',
diff --git a/packages/coreui-vue/src/components/list-group/CListGroupItem.ts b/packages/coreui-vue/src/components/list-group/CListGroupItem.ts
index 5b4fde03..0342f1fe 100644
--- a/packages/coreui-vue/src/components/list-group/CListGroupItem.ts
+++ b/packages/coreui-vue/src/components/list-group/CListGroupItem.ts
@@ -1,6 +1,6 @@
 import { defineComponent, h } from 'vue'
 
-import { Color } from '../props'
+import { Color } from '../../props'
 
 const CListGroupItem = defineComponent({
   name: 'CListGroupItem',
diff --git a/packages/coreui-vue/src/components/modal/CModal.ts b/packages/coreui-vue/src/components/modal/CModal.ts
index 854ca450..94ec7191 100644
--- a/packages/coreui-vue/src/components/modal/CModal.ts
+++ b/packages/coreui-vue/src/components/modal/CModal.ts
@@ -10,7 +10,7 @@ import {
   withDirectives,
 } from 'vue'
 
-import { CBackdrop } from './../backdrop/CBackdrop'
+import { CBackdrop } from '../backdrop/CBackdrop'
 
 import { executeAfterTransition } from '../../utils/transition'
 
diff --git a/packages/coreui-vue/src/components/nav/CNavGroup.ts b/packages/coreui-vue/src/components/nav/CNavGroup.ts
index 556ac8f7..daa2f19b 100644
--- a/packages/coreui-vue/src/components/nav/CNavGroup.ts
+++ b/packages/coreui-vue/src/components/nav/CNavGroup.ts
@@ -1,6 +1,6 @@
 import { defineComponent, h, onMounted, ref, RendererElement, Transition, watch } from 'vue'
 
-import { executeAfterTransition } from './../../utils/transition'
+import { executeAfterTransition } from '../../utils/transition'
 
 const CNavGroup = defineComponent({
   name: 'CNavGroup',
diff --git a/packages/coreui-vue/src/components/navbar/CNavbar.ts b/packages/coreui-vue/src/components/navbar/CNavbar.ts
index 33a4d4f0..6981dbc9 100644
--- a/packages/coreui-vue/src/components/navbar/CNavbar.ts
+++ b/packages/coreui-vue/src/components/navbar/CNavbar.ts
@@ -1,6 +1,6 @@
 import { defineComponent, h } from 'vue'
 
-import { Color } from '../props'
+import { Color } from '../../props'
 
 const CNavbar = defineComponent({
   name: 'CNavbar',
diff --git a/packages/coreui-vue/src/components/placeholder/CPlaceholder.ts b/packages/coreui-vue/src/components/placeholder/CPlaceholder.ts
index 12d37edc..99b69a20 100644
--- a/packages/coreui-vue/src/components/placeholder/CPlaceholder.ts
+++ b/packages/coreui-vue/src/components/placeholder/CPlaceholder.ts
@@ -1,6 +1,6 @@
 import { defineComponent, h } from 'vue'
 
-import { Color } from '../props'
+import { Color } from '../../props'
 
 const BREAKPOINTS = [
   'xxl' as const,
diff --git a/packages/coreui-vue/src/components/progress/CProgressBar.ts b/packages/coreui-vue/src/components/progress/CProgressBar.ts
index f825d79a..2463c25c 100644
--- a/packages/coreui-vue/src/components/progress/CProgressBar.ts
+++ b/packages/coreui-vue/src/components/progress/CProgressBar.ts
@@ -1,6 +1,6 @@
 import { defineComponent, h } from 'vue'
 
-import { Color } from '../props'
+import { Color } from '../../props'
 
 const CProgressBar = defineComponent({
   name: 'CProgressBar',
diff --git a/packages/coreui-vue/src/components/table/CTable.ts b/packages/coreui-vue/src/components/table/CTable.ts
index c20e0224..5a6601e1 100644
--- a/packages/coreui-vue/src/components/table/CTable.ts
+++ b/packages/coreui-vue/src/components/table/CTable.ts
@@ -8,7 +8,7 @@ import { CTableHead } from './CTableHead'
 import { CTableHeaderCell } from './CTableHeaderCell'
 import { CTableRow } from './CTableRow'
 
-import { Color } from '../props'
+import { Color } from '../../props'
 import { getColumnLabel, getColumnNames } from './utils'
 import type { Column, FooterItem, Item } from './types'
 
diff --git a/packages/coreui-vue/src/components/table/CTableBody.ts b/packages/coreui-vue/src/components/table/CTableBody.ts
index a847553a..83526901 100644
--- a/packages/coreui-vue/src/components/table/CTableBody.ts
+++ b/packages/coreui-vue/src/components/table/CTableBody.ts
@@ -1,6 +1,6 @@
 import { defineComponent, h } from 'vue'
 
-import { Color } from '../props'
+import { Color } from '../../props'
 
 const CTableBody = defineComponent({
   name: 'CTableBody',
diff --git a/packages/coreui-vue/src/components/table/CTableDataCell.ts b/packages/coreui-vue/src/components/table/CTableDataCell.ts
index 5d5ea8dd..fa60429c 100644
--- a/packages/coreui-vue/src/components/table/CTableDataCell.ts
+++ b/packages/coreui-vue/src/components/table/CTableDataCell.ts
@@ -1,6 +1,6 @@
 import { defineComponent, h } from 'vue'
 
-import { Color } from '../props'
+import { Color } from '../../props'
 
 const CTableDataCell = defineComponent({
   name: 'CTableDataCell',
diff --git a/packages/coreui-vue/src/components/table/CTableFoot.ts b/packages/coreui-vue/src/components/table/CTableFoot.ts
index 600e39b8..3876e05c 100644
--- a/packages/coreui-vue/src/components/table/CTableFoot.ts
+++ b/packages/coreui-vue/src/components/table/CTableFoot.ts
@@ -1,6 +1,6 @@
 import { defineComponent, h } from 'vue'
 
-import { Color } from '../props'
+import { Color } from '../../props'
 
 const CTableFoot = defineComponent({
   name: 'CTableFoot',
diff --git a/packages/coreui-vue/src/components/table/CTableHead.ts b/packages/coreui-vue/src/components/table/CTableHead.ts
index 07bd43db..85a50aa2 100644
--- a/packages/coreui-vue/src/components/table/CTableHead.ts
+++ b/packages/coreui-vue/src/components/table/CTableHead.ts
@@ -1,6 +1,6 @@
 import { defineComponent, h } from 'vue'
 
-import { Color } from '../props'
+import { Color } from '../../props'
 
 const CTableHead = defineComponent({
   name: 'CTableHead',
diff --git a/packages/coreui-vue/src/components/table/CTableHeaderCell.ts b/packages/coreui-vue/src/components/table/CTableHeaderCell.ts
index 216af624..fb4c9bea 100644
--- a/packages/coreui-vue/src/components/table/CTableHeaderCell.ts
+++ b/packages/coreui-vue/src/components/table/CTableHeaderCell.ts
@@ -1,6 +1,6 @@
 import { defineComponent, h } from 'vue'
 
-import { Color } from '../props'
+import { Color } from '../../props'
 
 const CTableHeaderCell = defineComponent({
   name: 'CTableHeaderCell',
diff --git a/packages/coreui-vue/src/components/table/CTableRow.ts b/packages/coreui-vue/src/components/table/CTableRow.ts
index f3f2a518..40dfeb66 100644
--- a/packages/coreui-vue/src/components/table/CTableRow.ts
+++ b/packages/coreui-vue/src/components/table/CTableRow.ts
@@ -1,6 +1,6 @@
 import { defineComponent, h } from 'vue'
 
-import { Color } from '../props'
+import { Color } from '../../props'
 
 const CTableRow = defineComponent({
   name: 'CTableRow',
diff --git a/packages/coreui-vue/src/components/toast/CToast.ts b/packages/coreui-vue/src/components/toast/CToast.ts
index 4bedd165..2680de8c 100644
--- a/packages/coreui-vue/src/components/toast/CToast.ts
+++ b/packages/coreui-vue/src/components/toast/CToast.ts
@@ -1,6 +1,6 @@
 import { defineComponent, h, onMounted, provide, ref, Transition } from 'vue'
 
-import { Color } from '../props'
+import { Color } from '../../props'
 
 const CToast = defineComponent({
   name: 'CToast',
diff --git a/packages/coreui-vue/src/components/widgets/CWidgetStatsB.ts b/packages/coreui-vue/src/components/widgets/CWidgetStatsB.ts
index 27078a3b..6b92e427 100644
--- a/packages/coreui-vue/src/components/widgets/CWidgetStatsB.ts
+++ b/packages/coreui-vue/src/components/widgets/CWidgetStatsB.ts
@@ -1,9 +1,10 @@
 import { defineComponent, h } from 'vue'
 import { shape } from 'vue-types'
 
-import { Color } from '../props'
-import { CCard, CCardBody } from './../card'
-import { CProgress } from '../progress/CProgress'
+import { CCard, CCardBody } from '../card'
+import { CProgress } from '../progress'
+
+import { Color } from '../../props'
 
 const CWidgetStatsB = defineComponent({
   name: 'CWidgetStatsB',
diff --git a/packages/coreui-vue/src/components/widgets/CWidgetStatsC.ts b/packages/coreui-vue/src/components/widgets/CWidgetStatsC.ts
index 84c8eefb..d9623dfa 100644
--- a/packages/coreui-vue/src/components/widgets/CWidgetStatsC.ts
+++ b/packages/coreui-vue/src/components/widgets/CWidgetStatsC.ts
@@ -1,8 +1,8 @@
 import { defineComponent, h } from 'vue'
 import { shape } from 'vue-types'
 
-import { Color } from '../props'
-import { CCard, CCardBody } from './../card'
+import { Color } from '../../props'
+import { CCard, CCardBody } from '../card'
 import { CProgress } from '../progress/CProgress'
 
 const CWidgetStatsC = defineComponent({
diff --git a/packages/coreui-vue/src/components/widgets/CWidgetStatsD.ts b/packages/coreui-vue/src/components/widgets/CWidgetStatsD.ts
index 46b07913..894bf592 100644
--- a/packages/coreui-vue/src/components/widgets/CWidgetStatsD.ts
+++ b/packages/coreui-vue/src/components/widgets/CWidgetStatsD.ts
@@ -1,8 +1,9 @@
 import { defineComponent, h, PropType } from 'vue'
 
-import { Color } from '../props'
-import { CCard, CCardBody, CCardHeader } from './../card/'
-import { CCol } from './../grid/'
+import { CCard, CCardBody, CCardHeader } from '../card/'
+import { CCol } from '../grid/'
+
+import { Color } from '../../props'
 
 type Value = {
   title?: string
@@ -23,7 +24,7 @@ const CWidgetStatsD = defineComponent({
      */
     values: {
       type: Array as PropType<Value[]>,
-      default: () => []
+      default: () => [],
     },
   },
   /**
diff --git a/packages/coreui-vue/src/components/widgets/CWidgetStatsE.ts b/packages/coreui-vue/src/components/widgets/CWidgetStatsE.ts
index 16efe09b..f2257238 100644
--- a/packages/coreui-vue/src/components/widgets/CWidgetStatsE.ts
+++ b/packages/coreui-vue/src/components/widgets/CWidgetStatsE.ts
@@ -1,6 +1,6 @@
 import { defineComponent, h } from 'vue'
 
-import { CCard, CCardBody } from './../card/'
+import { CCard, CCardBody } from '../card/'
 
 const CWidgetStatsE = defineComponent({
   name: 'CWidgetStatsE',
diff --git a/packages/coreui-vue/src/components/widgets/CWidgetStatsF.ts b/packages/coreui-vue/src/components/widgets/CWidgetStatsF.ts
index 3281ed98..42dcc4e4 100644
--- a/packages/coreui-vue/src/components/widgets/CWidgetStatsF.ts
+++ b/packages/coreui-vue/src/components/widgets/CWidgetStatsF.ts
@@ -1,7 +1,8 @@
 import { defineComponent, h } from 'vue'
 
-import { Color } from '../props'
-import { CCard, CCardBody, CCardFooter } from './../card/'
+import { CCard, CCardBody, CCardFooter } from '../card/'
+
+import { Color } from '../../props'
 
 const CWidgetStatsF = defineComponent({
   name: 'CWidgetStatsF',
diff --git a/packages/coreui-vue/src/components/props.ts b/packages/coreui-vue/src/props.ts
similarity index 90%
rename from packages/coreui-vue/src/components/props.ts
rename to packages/coreui-vue/src/props.ts
index 1be0997d..cafdfe32 100644
--- a/packages/coreui-vue/src/components/props.ts
+++ b/packages/coreui-vue/src/props.ts
@@ -1,4 +1,4 @@
-const Shape = {
+export const Shape = {
   type: String,
   validator: (value: string): boolean => {
     // The value must match one of these strings
@@ -17,14 +17,16 @@ const Shape = {
     ].includes(value)
   },
 }
-const Align = {
+
+export const Align = {
   type: String,
   validator: (value: string): boolean => {
     // The value must match one of these strings
     return ['', 'left', 'center', 'right'].includes(value)
   },
 }
-const Color = {
+
+export const Color = {
   type: String,
   validator: (value: string): boolean => {
     // The value must match one of these strings
@@ -42,7 +44,8 @@ const Color = {
     ].includes(value)
   },
 }
-const TextColor = {
+
+export const TextColor = {
   type: String,
   validator: (value: string): boolean => {
     return [
@@ -65,7 +68,8 @@ const TextColor = {
     ].includes(value)
   },
 }
-const Breakpoint = {
+
+export const Breakpoint = {
   validator: (value: boolean | number): boolean => {
     if (typeof value == 'boolean' || typeof value == 'number') {
       return true
@@ -73,6 +77,4 @@ const Breakpoint = {
       return false
     }
   },
-}
-
-export { Align, Breakpoint, Color, Shape, TextColor }
+}
\ No newline at end of file
diff --git a/packages/coreui-vue/src/components/Types.tsx b/packages/coreui-vue/src/types.ts
similarity index 100%
rename from packages/coreui-vue/src/components/Types.tsx
rename to packages/coreui-vue/src/types.ts

From ea96efdd29013b0a3f158ca15299675aa2338a79 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@coreui.io>
Date: Sun, 26 Mar 2023 14:06:31 +0200
Subject: [PATCH 079/346] refactor(CAlert): remove unnecessary props

---
 packages/coreui-vue/src/components/alert/CAlert.ts | 2 --
 1 file changed, 2 deletions(-)

diff --git a/packages/coreui-vue/src/components/alert/CAlert.ts b/packages/coreui-vue/src/components/alert/CAlert.ts
index e05374d7..117c4ee2 100644
--- a/packages/coreui-vue/src/components/alert/CAlert.ts
+++ b/packages/coreui-vue/src/components/alert/CAlert.ts
@@ -61,8 +61,6 @@ export const CAlert = defineComponent({
       h(
         Transition,
         {
-          name: 'fade',
-          duration: 350,
           enterFromClass: '',
           enterActiveClass: 'fade',
           enterToClass: 'fade show',

From 7e7ba5e6fdeab1fa174e8dfb7b2d7b88bf7a64a1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@coreui.io>
Date: Sun, 26 Mar 2023 14:19:51 +0200
Subject: [PATCH 080/346] refactor(CBackdrop): update transitions

---
 .../src/components/backdrop/CBackdrop.ts      | 35 ++++---------------
 1 file changed, 7 insertions(+), 28 deletions(-)

diff --git a/packages/coreui-vue/src/components/backdrop/CBackdrop.ts b/packages/coreui-vue/src/components/backdrop/CBackdrop.ts
index 8e6ce219..951f35cd 100644
--- a/packages/coreui-vue/src/components/backdrop/CBackdrop.ts
+++ b/packages/coreui-vue/src/components/backdrop/CBackdrop.ts
@@ -1,6 +1,4 @@
-import { defineComponent, h, RendererElement, Transition } from 'vue'
-
-import { executeAfterTransition } from '../../utils/transition'
+import { defineComponent, h, Transition } from 'vue'
 
 const CBackdrop = defineComponent({
   name: 'CBackdrop',
@@ -14,35 +12,16 @@ const CBackdrop = defineComponent({
     },
   },
   setup(props) {
-    const handleBeforeEnter = (el: RendererElement) => {
-      el.classList.remove('d-none')
-    }
-
-    const handleEnter = (el: RendererElement, done: () => void) => {
-      executeAfterTransition(() => done(), el as HTMLElement)
-      setTimeout(() => {
-        el.style.visibility = 'visible'
-        el.classList.add('show')
-      }, 1)
-    }
-
-    const handleLeave = (el: RendererElement, done: () => void) => {
-      executeAfterTransition(() => done(), el as HTMLElement)
-      el.classList.remove('show')
-    }
-
-    const handleAfterLeave = (el: RendererElement) => {
-      el.classList.add('d-none')
-    }
-
     return () =>
       h(
         Transition,
         {
-          onBeforeEnter: (el) => handleBeforeEnter(el),
-          onEnter: (el, done) => handleEnter(el, done),
-          onLeave: (el, done) => handleLeave(el, done),
-          onAfterLeave: (el) => handleAfterLeave(el),
+          onEnter: (el) => {
+            el.classList.add('show')
+          },
+          onLeave: (el) => {
+            el.classList.remove('show')
+          }
         },
         () =>
           props.visible &&

From 3f9559ccfa7c79bd9311a75ed6e3557208a1162c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@coreui.io>
Date: Sun, 26 Mar 2023 15:01:32 +0200
Subject: [PATCH 081/346] tests: update tests

---
 .../alert/__tests__/__snapshots__/CAlert.spec.ts.snap         | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/packages/coreui-vue/src/components/alert/__tests__/__snapshots__/CAlert.spec.ts.snap b/packages/coreui-vue/src/components/alert/__tests__/__snapshots__/CAlert.spec.ts.snap
index f730441c..cbb36d96 100644
--- a/packages/coreui-vue/src/components/alert/__tests__/__snapshots__/CAlert.spec.ts.snap
+++ b/packages/coreui-vue/src/components/alert/__tests__/__snapshots__/CAlert.spec.ts.snap
@@ -4,12 +4,10 @@ exports[`Loads and display CAlert component renders correctly 1`] = `
 <transition-stub
   appear="false"
   css="true"
-  duration="350"
   enteractiveclass="fade"
   enterfromclass=""
   entertoclass="fade show"
   leaveactiveclass="fade"
-  name="fade"
   persisted="false"
 >
   <div
@@ -26,12 +24,10 @@ exports[`Loads and display CAlert component renders correctly with slot 1`] = `
   appear="false"
   class="bazinga"
   css="true"
-  duration="350"
   enteractiveclass="fade"
   enterfromclass=""
   entertoclass="fade show"
   leaveactiveclass="fade"
-  name="fade"
   persisted="false"
 >
   <div

From 08b820c3ee784daea191c9f2beb3824c4c0acb53 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@coreui.io>
Date: Tue, 28 Mar 2023 14:32:41 +0200
Subject: [PATCH 082/346] refactor: move `@coreui/vue-chartjs` to
 `https://github.com/coreui/coreui-vue-chartjs`

---
 packages/coreui-vue-chartjs/.browserslistrc   |   3 -
 packages/coreui-vue-chartjs/LICENSE           |  21 --
 packages/coreui-vue-chartjs/README.md         | 184 -------------
 packages/coreui-vue-chartjs/package.json      |  58 ----
 packages/coreui-vue-chartjs/rollup.config.js  |  46 ----
 packages/coreui-vue-chartjs/src/CChart.ts     | 258 ------------------
 .../src/__tests__/CChart.spec.ts              |  63 -----
 packages/coreui-vue-chartjs/src/index.ts      |  94 -------
 packages/coreui-vue-chartjs/tsconfig.json     |   7 -
 9 files changed, 734 deletions(-)
 delete mode 100644 packages/coreui-vue-chartjs/.browserslistrc
 delete mode 100644 packages/coreui-vue-chartjs/LICENSE
 delete mode 100644 packages/coreui-vue-chartjs/README.md
 delete mode 100644 packages/coreui-vue-chartjs/package.json
 delete mode 100644 packages/coreui-vue-chartjs/rollup.config.js
 delete mode 100644 packages/coreui-vue-chartjs/src/CChart.ts
 delete mode 100644 packages/coreui-vue-chartjs/src/__tests__/CChart.spec.ts
 delete mode 100644 packages/coreui-vue-chartjs/src/index.ts
 delete mode 100644 packages/coreui-vue-chartjs/tsconfig.json

diff --git a/packages/coreui-vue-chartjs/.browserslistrc b/packages/coreui-vue-chartjs/.browserslistrc
deleted file mode 100644
index bd3ad98e..00000000
--- a/packages/coreui-vue-chartjs/.browserslistrc
+++ /dev/null
@@ -1,3 +0,0 @@
-> 1%
-last 2 versions
-not ie <= 8
\ No newline at end of file
diff --git a/packages/coreui-vue-chartjs/LICENSE b/packages/coreui-vue-chartjs/LICENSE
deleted file mode 100644
index c3f8e99e..00000000
--- a/packages/coreui-vue-chartjs/LICENSE
+++ /dev/null
@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2021 creativeLabs Łukasz Holeczek
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
diff --git a/packages/coreui-vue-chartjs/README.md b/packages/coreui-vue-chartjs/README.md
deleted file mode 100644
index 846140e1..00000000
--- a/packages/coreui-vue-chartjs/README.md
+++ /dev/null
@@ -1,184 +0,0 @@
-<p align="center">
-  <a href="https://coreui.io/">
-    <img
-      src="https://coreui.io/images/brand/coreui-signet.svg"
-      alt="CoreUI logo"
-      width="200"
-    />
-  </a>
-</p>
-
-<h3 align="center">CoreUI Vue.js wrapper for Chart.js</h3>
-
-<p align="center">
-  <a href="https://coreui.io/vue/docs/components/chart/"><strong>Explore @coreui/vue-chartjs docs & examples »</strong></a>
-  <br>
-  <br>
-  <a href="https://github.com/coreui/coreui-vue/issues/new?template=bug_report.md">Report bug</a>
-  ·
-  <a href="https://github.com/coreui/coreui-vue/issues/new?template=feature_request.md">Request feature</a>
-  ·
-  <a href="https://blog.coreui.io/">Blog</a>
-</p>
-
-## Status
-
-[![npm package][npm-badge]][npm]
-[![NPM downloads][npm-download]][npm]
-
-[npm-badge]: https://img.shields.io/npm/v/@coreui/vue-chartjs/latest?style=flat-square
-[npm]: https://www.npmjs.com/package/@coreui/vue-chartjs
-[npm-download]: https://img.shields.io/npm/dm/@coreui/vue-chartjs.svg?style=flat-square
-
-##### install:
-
-```bash
-npm install @coreui/vue-chartjs
-
-# or
-
-yarn add @coreui/vue-chartjs
-```
-
-##### import:
-
-```jsx
-import { CChart } from '@coreui/vue-chartjs'
-```
-
-or
-
-```js
-import {
-  CChart,
-  CChartBar,
-  CChartHorizontalBar,
-  CChartLine,
-  CChartDoughnut,
-  CChartRadar,
-  CChartPie,
-  CChartPolarArea,
-} from '@coreui/vue-chartjs'
-```
-
-##### props:
-
-```js
-/**
- * Enables custom html based tooltips instead of standard tooltips.
- *
- * @default true
- */
-customTooltips: {
-  type: Boolean,
-  default: true,
-  required: false,
-},
-/**
- * The data object that is passed into the Chart.js chart (more info).
- */
-data: {
-  type: [Object, Function] as PropType<ChartData | ((canvas: HTMLCanvasElement) => ChartData)>,
-  required: true,
-},
-/**
- * Height attribute applied to the rendered canvas.
- *
- * @default 150
- */
-height: {
-  type: Number,
-  default: 150,
-  required: false,
-},
-/**
- * ID attribute applied to the rendered canvas.
- */
-id: {
-  type: String,
-  default: undefined,
-  required: false,
-},
-/**
- * The options object that is passed into the Chart.js chart.
- *
- * {@link https://www.chartjs.org/docs/latest/general/options.html More Info}
- */
-options: {
-  type: Object as PropType<ChartOptions>,
-  default: undefined,
-  required: false,
-},
-/**
- * The plugins array that is passed into the Chart.js chart (more info)
- *
- * {@link https://www.chartjs.org/docs/latest/developers/plugins.html More Info}
- */
-plugins: {
-  type: Array as PropType<Plugin[]>,
-  default: undefined,
-},
-/**
- * If true, will tear down and redraw chart on all updates.
- */
-redraw: Boolean,
-/**
- * Chart.js chart type.
- *
- * @type {'line' | 'bar' | 'radar' | 'doughnut' | 'polarArea' | 'bubble' | 'pie' | 'scatter'}
- */
-type: {
-  type: String as PropType<ChartType>,
-  default: 'bar',
-  required: false,
-},
-/**
- * Width attribute applied to the rendered canvas.
- *
- * @default 300
- */
-width: {
-  type: Number,
-  default: 300,
-  required: false,
-},
-/**
- * Put the chart into the wrapper div element.
- *
- * @default true
- */
-wrapper: {
-  type: Boolean,
-  default: true,
-  required: false,
-},
-```
-
-##### usage:
-
-```vue
-<CChartLine
-  :wrapper="false"
-  :data="{
-    labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
-    datasets: [
-      {
-        label: 'My First dataset',
-        backgroundColor: 'rgba(220, 220, 220, 0.2)',
-        borderColor: 'rgba(220, 220, 220, 1)',
-        pointBackgroundColor: 'rgba(220, 220, 220, 1)',
-        pointBorderColor: '#fff',
-        data: [40, 20, 12, 39, 10, 40, 39]
-      },
-      {
-        label: 'My Second dataset',
-        backgroundColor: 'rgba(151, 187, 205, 0.2)',
-        borderColor: 'rgba(151, 187, 205, 1)',
-        pointBackgroundColor: 'rgba(151, 187, 205, 1)',
-        pointBorderColor: '#fff',
-        data: [50, 12, 28, 29, 7, 25, 12]
-      }
-    ]
-  }"
-/>
-```
\ No newline at end of file
diff --git a/packages/coreui-vue-chartjs/package.json b/packages/coreui-vue-chartjs/package.json
deleted file mode 100644
index 9d5dd621..00000000
--- a/packages/coreui-vue-chartjs/package.json
+++ /dev/null
@@ -1,58 +0,0 @@
-{
-  "name": "@coreui/vue-chartjs",
-  "version": "2.0.1",
-  "description": "Vue component wrapper for Chart.js",
-  "keywords": [
-    "coreui",
-    "chart.js",
-    "vue chart.js",
-    "coreui-vue",
-    "vue charts",
-    "vue chart components",
-    "layout",
-    "charts",
-    "vue chart.js implementation",
-    "component"
-  ],
-  "homepage": "https://coreui.io/vue/",
-  "bugs": {
-    "url": "https://github.com/coreui/coreui-vue/issues"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/coreui/coreui-vue.git"
-  },
-  "license": "MIT",
-  "author": "The CoreUI Team (https://github.com/orgs/coreui/people)",
-  "main": "dist/index.js",
-  "module": "dist/index.es.js",
-  "types": "dist/index.d.ts",
-  "files": [
-    "dist/",
-    "src/"
-  ],
-  "scripts": {
-    "build": "rollup -c --bundleConfigAsCjs"
-  },
-  "devDependencies": {
-    "@coreui/chartjs": "^3.1.1",
-    "@rollup/plugin-commonjs": "^24.0.1",
-    "@rollup/plugin-node-resolve": "^15.0.1",
-    "@rollup/plugin-typescript": "^11.0.0",
-    "@types/lodash": "^4.14.191",
-    "@vue/test-utils": "^2.2.10",
-    "chart.js": "^3.9.1",
-    "lodash": "^4.17.21",
-    "rollup": "^3.15.0",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-vue": "^6.0.0",
-    "typescript": "^4.9.5",
-    "vue": "^3.2.47",
-    "vue-types": "^5.0.2"
-  },
-  "peerDependencies": {
-    "@coreui/chartjs": "^3.0.0",
-    "chart.js": "^3.7.0",
-    "vue": "^3.2.21"
-  }
-}
diff --git a/packages/coreui-vue-chartjs/rollup.config.js b/packages/coreui-vue-chartjs/rollup.config.js
deleted file mode 100644
index 848ae3b6..00000000
--- a/packages/coreui-vue-chartjs/rollup.config.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import commonjs from '@rollup/plugin-commonjs'
-import typescript from '@rollup/plugin-typescript'
-import external from 'rollup-plugin-peer-deps-external'
-import resolve from '@rollup/plugin-node-resolve'
-import vue from 'rollup-plugin-vue'
-import pkg from './package.json'
-
-const plugins = [
-  external(),
-  resolve({
-    dedupe: ['vue'],
-    extensions: ['.js', '.ts', '.json', '.vue'],
-  }),
-  typescript({
-    exclude: ['**/__tests__/**'],
-    tsconfig: './tsconfig.json',
-  }),
-  commonjs({
-    include: ['../../node_modules/**'],
-  }),
-]
-
-export default [
-  // ESM build to be used with webpack/rollup.
-  {
-    input: 'src/index.ts',
-    output: {
-      format: 'es',
-      file: pkg.module,
-      exports: 'named',
-      sourcemap: true,
-    },
-    plugins: [...plugins, vue()],
-  },
-  // SSR build.
-  {
-    input: 'src/index.ts',
-    output: {
-      format: 'cjs',
-      file: pkg.main,
-      exports: 'named',
-      sourcemap: true,
-    },
-    plugins: [...plugins, vue({ template: { optimizeSSR: true } })],
-  },
-]
diff --git a/packages/coreui-vue-chartjs/src/CChart.ts b/packages/coreui-vue-chartjs/src/CChart.ts
deleted file mode 100644
index 387b2d42..00000000
--- a/packages/coreui-vue-chartjs/src/CChart.ts
+++ /dev/null
@@ -1,258 +0,0 @@
-import {
-  computed,
-  defineComponent,
-  h,
-  onMounted,
-  onUnmounted,
-  onUpdated,
-  PropType,
-  ref,
-  Ref,
-} from 'vue'
-
-import Chart, { ChartData, ChartOptions, ChartType, Plugin } from 'chart.js/auto'
-import * as chartjs from 'chart.js'
-import { customTooltips as cuiCustomTooltips } from '@coreui/chartjs'
-
-import assign from 'lodash/assign'
-import find from 'lodash/find'
-import merge from 'lodash/merge'
-
-const CChart = defineComponent({
-  name: 'CChart',
-  props: {
-    /**
-     * Enables custom html based tooltips instead of standard tooltips.
-     *
-     * @default true
-     */
-    customTooltips: {
-      type: Boolean,
-      default: true,
-    },
-    /**
-     * The data object that is passed into the Chart.js chart (more info).
-     */
-    data: {
-      type: [Object, Function] as PropType<ChartData | ((canvas: HTMLCanvasElement) => ChartData)>,
-      required: true,
-    },
-    /**
-     * Height attribute applied to the rendered canvas.
-     *
-     * @default 150
-     */
-    height: {
-      type: Number,
-      default: 150,
-    },
-    /**
-     * ID attribute applied to the rendered canvas.
-     */
-    id: {
-      type: String,
-    },
-    /**
-     * The options object that is passed into the Chart.js chart.
-     *
-     * {@link https://www.chartjs.org/docs/latest/general/options.html More Info}
-     */
-    options: {
-      type: Object as PropType<ChartOptions>,
-    },
-    /**
-     * The plugins array that is passed into the Chart.js chart (more info)
-     *
-     * {@link https://www.chartjs.org/docs/latest/developers/plugins.html More Info}
-     */
-    plugins: {
-      type: Array as PropType<Plugin[]>,
-    },
-    /**
-     * If true, will tear down and redraw chart on all updates.
-     */
-    redraw: Boolean,
-    /**
-     * Chart.js chart type.
-     *
-     * @type 'line' | 'bar' | 'radar' | 'doughnut' | 'polarArea' | 'bubble' | 'pie' | 'scatter'
-     */
-    type: {
-      type: String as PropType<ChartType>,
-      default: 'bar',
-    },
-    /**
-     * Width attribute applied to the rendered canvas.
-     *
-     * @default 300
-     */
-    width: {
-      type: Number,
-      default: 300,
-    },
-    /**
-     * Put the chart into the wrapper div element.
-     *
-     * @default true
-     */
-    wrapper: {
-      type: Boolean,
-      default: true,
-    },
-  },
-  emits: [
-    /**
-     * Proxy for Chart.js getDatasetAtEvent. Calls with dataset and triggering event.
-     */
-    'getDatasetAtEvent',
-    /**
-     * Proxy for Chart.js getElementAtEvent. Calls with single element array and triggering event.
-     */
-    'getElementAtEvent',
-    /**
-     * Proxy for Chart.js getElementsAtEvent. Calls with element array and triggering event.
-     */
-    'getElementsAtEvent',
-  ],
-  setup(props, { emit, slots }) {
-    const canvasRef = ref<HTMLCanvasElement>()
-    let chart: Chart | null
-    const computedData = computed(() =>
-      typeof props.data === 'function'
-        ? canvasRef.value
-          ? props.data(canvasRef.value)
-          : { datasets: [] }
-        : merge({}, props.data),
-    )
-
-    const renderChart = () => {
-      if (!canvasRef.value) return
-
-      if (props.customTooltips) {
-        chartjs.defaults.plugins.tooltip.enabled = false
-        chartjs.defaults.plugins.tooltip.mode = 'index'
-        chartjs.defaults.plugins.tooltip.position = 'nearest'
-        chartjs.defaults.plugins.tooltip.external = cuiCustomTooltips
-      }
-
-      chart = new Chart(canvasRef.value, {
-        type: props.type,
-        data: computedData.value,
-        options: props.options as ChartOptions,
-        plugins: props.plugins,
-      })
-    }
-
-    const handleOnClick = (e: Event) => {
-      if (!chart) return
-
-      emit(
-        'getDatasetAtEvent',
-        chart.getElementsAtEventForMode(e, 'dataset', { intersect: true }, false),
-        e,
-      )
-      emit(
-        'getElementAtEvent',
-        chart.getElementsAtEventForMode(e, 'nearest', { intersect: true }, false),
-        e,
-      )
-      emit(
-        'getElementsAtEvent',
-        chart.getElementsAtEventForMode(e, 'index', { intersect: true }, false),
-        e,
-      )
-    }
-
-    const updateChart = () => {
-      if (!chart) return
-
-      if (props.options) {
-        chart.options = { ...props.options }
-      }
-
-      if (!chart.config.data) {
-        chart.config.data = computedData.value
-        chart.update()
-        return
-      }
-
-      const { datasets: newDataSets = [], ...newChartData } = computedData.value
-      const { datasets: currentDataSets = [] } = chart.config.data
-
-      // copy values
-      assign(chart.config.data, newChartData)
-      chart.config.data.datasets = newDataSets.map((newDataSet: any) => {
-        // given the new set, find it's current match
-        const currentDataSet = find(
-          currentDataSets,
-          (d: any) => d.label === newDataSet.label && d.type === newDataSet.type,
-        )
-
-        // There is no original to update, so simply add new one
-        if (!currentDataSet || !newDataSet.data) return newDataSet
-
-        if (!currentDataSet.data) {
-          currentDataSet.data = []
-        } else {
-          currentDataSet.data.length = newDataSet.data.length
-        }
-
-        // copy in values
-        assign(currentDataSet.data, newDataSet.data)
-
-        // apply dataset changes, but keep copied data
-        return {
-          ...currentDataSet,
-          ...newDataSet,
-          data: currentDataSet.data,
-        }
-      })
-
-      chart && chart.update()
-    }
-
-    const destroyChart = () => {
-      if (chart) chart.destroy()
-    }
-
-    onMounted(() => {
-      renderChart()
-    })
-
-    onUnmounted(() => {
-      destroyChart()
-    })
-
-    onUpdated(() => {
-      if (props.redraw) {
-        destroyChart()
-        setTimeout(() => {
-          renderChart()
-        }, 0)
-      } else {
-        updateChart()
-      }
-    })
-
-    const canvas = (ref: Ref<HTMLCanvasElement | undefined>) =>
-      h(
-        'canvas',
-        {
-          id: props.id,
-          height: props.height,
-          width: props.width,
-          onClick: (e: Event) => handleOnClick(e),
-          role: 'img',
-          ref: ref,
-        },
-        {
-          fallbackContent: () => slots.fallback && slots.fallback(),
-        },
-      )
-
-    return () =>
-      props.wrapper ? h('div', { class: 'chart-wrapper' }, canvas(canvasRef)) : canvas(canvasRef)
-  },
-})
-
-export default CChart
diff --git a/packages/coreui-vue-chartjs/src/__tests__/CChart.spec.ts b/packages/coreui-vue-chartjs/src/__tests__/CChart.spec.ts
deleted file mode 100644
index 6125fe59..00000000
--- a/packages/coreui-vue-chartjs/src/__tests__/CChart.spec.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import { mount } from '@vue/test-utils'
-import Chart from 'chart.js/auto'
-import CChart from './../index'
-
-class ResizeObserver {
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
-  observe() {}
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
-  unobserve() {}
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
-  disconnect() {}
-}
-
-window.ResizeObserver = ResizeObserver
-
-describe('<CChart />', () => {
-  const data = {
-    labels: ['red', 'blue'],
-    datasets: [{ label: 'colors', data: [1, 2] }],
-  }
-
-  const options = {
-    responsive: false,
-  }
-
-  let chart: any, update: any, destroy: any
-  const ref = (el: Chart | null): void => {
-    chart = el
-
-    if (chart) {
-      update = jest.spyOn(chart, 'update')
-      destroy = jest.spyOn(chart, 'destroy')
-    }
-  }
-
-  beforeEach(() => {
-    chart = null
-  })
-
-  afterEach(() => {
-    if (chart) chart.destroy()
-    if (update) update.mockClear()
-    if (destroy) destroy.mockClear()
-  })
-
-  it('should not pollute props', () => {
-    mount(CChart, {
-      propsData: {
-        data: data,
-        options: options,
-        wrapper: false,
-      },
-      attrs: {
-        ref: ref,
-      }
-    })
-
-    expect(data).toStrictEqual({
-      labels: ['red', 'blue'],
-      datasets: [{ label: 'colors', data: [1, 2] }],
-    })
-  })
-})
diff --git a/packages/coreui-vue-chartjs/src/index.ts b/packages/coreui-vue-chartjs/src/index.ts
deleted file mode 100644
index 7c7d04be..00000000
--- a/packages/coreui-vue-chartjs/src/index.ts
+++ /dev/null
@@ -1,94 +0,0 @@
-import { App, defineComponent, h } from 'vue'
-import CChart from './CChart'
-
-const CChartBar = defineComponent({
-  extends: CChart,
-  name: 'CChartBar',
-  setup(props) {
-    return () => h(CChart, { ...props, type: 'bar' })
-  },
-})
-
-const CChartBubble = defineComponent({
-  extends: CChart,
-  name: 'CChartBubble',
-  setup(props) {
-    return () => h(CChart, { ...props, type: 'bubble' })
-  },
-})
-
-const CChartDoughnut = defineComponent({
-  extends: CChart,
-  name: 'CChartDoughnut',
-  setup(props) {
-    return () => h(CChart, { ...props, type: 'doughnut' })
-  },
-})
-
-const CChartLine = defineComponent({
-  extends: CChart,
-  name: 'CChartLine',
-  setup(props) {
-    return () => h(CChart, { ...props, type: 'line' })
-  },
-})
-
-const CChartPie = defineComponent({
-  extends: CChart,
-  name: 'CChartPie',
-  setup(props) {
-    return () => h(CChart, { ...props, type: 'pie' })
-  },
-})
-
-const CChartPolarArea = defineComponent({
-  extends: CChart,
-  name: 'CChartPolarArea',
-  setup(props) {
-    return () => h(CChart, { ...props, type: 'polarArea' })
-  },
-})
-
-const CChartRadar = defineComponent({
-  extends: CChart,
-  name: 'CChartRadar',
-  setup(props) {
-    return () => h(CChart, { ...props, type: 'radar' })
-  },
-})
-
-const CChartScatter = defineComponent({
-  extends: CChart,
-  name: 'CChartScatter',
-  setup(props) {
-    return () => h(CChart, { ...props, type: 'scatter' })
-  },
-})
-
-const CChartPlugin = {
-  install: (app: App): void => {
-    app.component('CChart', CChart)
-    app.component('CChartBar', CChartBar)
-    app.component('CChartBubble', CChartBubble)
-    app.component('CChartDoughnut', CChartDoughnut)
-    app.component('CChartLine', CChartLine)
-    app.component('CChartPie', CChartPie)
-    app.component('CChartPolarArea', CChartPolarArea)
-    app.component('CChartRadar', CChartRadar)
-    app.component('CChartScatter', CChartScatter)
-  },
-}
-
-export default CChartPlugin
-
-export {
-  CChart,
-  CChartBar,
-  CChartBubble,
-  CChartDoughnut,
-  CChartLine,
-  CChartPie,
-  CChartPolarArea,
-  CChartRadar,
-  CChartScatter,
-}
diff --git a/packages/coreui-vue-chartjs/tsconfig.json b/packages/coreui-vue-chartjs/tsconfig.json
deleted file mode 100644
index 37245843..00000000
--- a/packages/coreui-vue-chartjs/tsconfig.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "extends": "../../tsconfig",
-  "compilerOptions": {
-    "declarationDir": "."
-  },
-  "include": ["src/**/*"]
-}
\ No newline at end of file

From 1a825bd450beafd5e0a210e593f90fbe1191b27d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@coreui.io>
Date: Tue, 28 Mar 2023 14:33:48 +0200
Subject: [PATCH 083/346] refactor: add submodules

---
 .gitmodules | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 .gitmodules

diff --git a/.gitmodules b/.gitmodules
new file mode 100644
index 00000000..d47b7ab0
--- /dev/null
+++ b/.gitmodules
@@ -0,0 +1,4 @@
+[submodule "packages/coreui-vue-chartjs"]
+	path = packages/coreui-vue-chartjs
+	url = https://github.com/coreui/coreui-vue-chartjs.git
+  branch = main

From c1bf6738adf37f3ba635794e70b4daf6ca87f124 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@coreui.io>
Date: Tue, 28 Mar 2023 14:40:00 +0200
Subject: [PATCH 084/346] refactor: add submodules

---
 .gitmodules                 | 2 +-
 packages/coreui-vue-chartjs | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)
 create mode 160000 packages/coreui-vue-chartjs

diff --git a/.gitmodules b/.gitmodules
index d47b7ab0..6c360e3a 100644
--- a/.gitmodules
+++ b/.gitmodules
@@ -1,4 +1,4 @@
 [submodule "packages/coreui-vue-chartjs"]
 	path = packages/coreui-vue-chartjs
 	url = https://github.com/coreui/coreui-vue-chartjs.git
-  branch = main
+  	branch = main
diff --git a/packages/coreui-vue-chartjs b/packages/coreui-vue-chartjs
new file mode 160000
index 00000000..73a78d06
--- /dev/null
+++ b/packages/coreui-vue-chartjs
@@ -0,0 +1 @@
+Subproject commit 73a78d06f54c87732b90c1ec3cfb52633fc617c0

From 2556fbf6ae6a5f92aecaa5d974330bfbb5d39cd9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@coreui.io>
Date: Tue, 28 Mar 2023 15:24:16 +0200
Subject: [PATCH 085/346] refactor: update submodules config

---
 .gitmodules | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/.gitmodules b/.gitmodules
index 6c360e3a..0aa07a72 100644
--- a/.gitmodules
+++ b/.gitmodules
@@ -1,3 +1,7 @@
+[submodule "packages/coreui-icons-vue"]
+	path = packages/coreui-icons-vue
+	url = https://github.com/coreui/coreui-icons-vue.git
+  	branch = main
 [submodule "packages/coreui-vue-chartjs"]
 	path = packages/coreui-vue-chartjs
 	url = https://github.com/coreui/coreui-vue-chartjs.git

From 35028fa459706b2af03479475dc459437978cddc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@coreui.io>
Date: Tue, 28 Mar 2023 15:25:03 +0200
Subject: [PATCH 086/346] refactor: add submodules

---
 packages/coreui-icons-vue | 1 +
 1 file changed, 1 insertion(+)
 create mode 160000 packages/coreui-icons-vue

diff --git a/packages/coreui-icons-vue b/packages/coreui-icons-vue
new file mode 160000
index 00000000..823c1ec9
--- /dev/null
+++ b/packages/coreui-icons-vue
@@ -0,0 +1 @@
+Subproject commit 823c1ec9e66adfed26e4575657a32479d6cf71bd

From 13360c84c5f4b111b012b9d168bfa99274a3d591 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@coreui.io>
Date: Tue, 28 Mar 2023 15:25:41 +0200
Subject: [PATCH 087/346] chore: remove yarn.lock

---
 yarn.lock | 8873 -----------------------------------------------------
 1 file changed, 8873 deletions(-)
 delete mode 100644 yarn.lock

diff --git a/yarn.lock b/yarn.lock
deleted file mode 100644
index 38b53277..00000000
--- a/yarn.lock
+++ /dev/null
@@ -1,8873 +0,0 @@
-# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
-# yarn lockfile v1
-
-
-"@algolia/autocomplete-core@1.7.4":
-  version "1.7.4"
-  resolved "https://registry.yarnpkg.com/@algolia/autocomplete-core/-/autocomplete-core-1.7.4.tgz#85ff36b2673654a393c8c505345eaedd6eaa4f70"
-  integrity sha512-daoLpQ3ps/VTMRZDEBfU8ixXd+amZcNJ4QSP3IERGyzqnL5Ch8uSRFt/4G8pUvW9c3o6GA4vtVv4I4lmnkdXyg==
-  dependencies:
-    "@algolia/autocomplete-shared" "1.7.4"
-
-"@algolia/autocomplete-preset-algolia@1.7.4":
-  version "1.7.4"
-  resolved "https://registry.yarnpkg.com/@algolia/autocomplete-preset-algolia/-/autocomplete-preset-algolia-1.7.4.tgz#610ee1d887962f230b987cba2fd6556478000bc3"
-  integrity sha512-s37hrvLEIfcmKY8VU9LsAXgm2yfmkdHT3DnA3SgHaY93yjZ2qL57wzb5QweVkYuEBZkT2PIREvRoLXC2sxTbpQ==
-  dependencies:
-    "@algolia/autocomplete-shared" "1.7.4"
-
-"@algolia/autocomplete-shared@1.7.4":
-  version "1.7.4"
-  resolved "https://registry.yarnpkg.com/@algolia/autocomplete-shared/-/autocomplete-shared-1.7.4.tgz#78aea1140a50c4d193e1f06a13b7f12c5e2cbeea"
-  integrity sha512-2VGCk7I9tA9Ge73Km99+Qg87w0wzW4tgUruvWAn/gfey1ZXgmxZtyIRBebk35R1O8TbK77wujVtCnpsGpRy1kg==
-
-"@algolia/cache-browser-local-storage@4.16.0":
-  version "4.16.0"
-  resolved "https://registry.yarnpkg.com/@algolia/cache-browser-local-storage/-/cache-browser-local-storage-4.16.0.tgz#ccd31ab9df10781a69a653e9d994d0be974952ba"
-  integrity sha512-jVrk0YB3tjOhD5/lhBtYCVCeLjZmVpf2kdi4puApofytf/R0scjWz0GdozlW4HhU+Prxmt/c9ge4QFjtv5OAzQ==
-  dependencies:
-    "@algolia/cache-common" "4.16.0"
-
-"@algolia/cache-common@4.16.0":
-  version "4.16.0"
-  resolved "https://registry.yarnpkg.com/@algolia/cache-common/-/cache-common-4.16.0.tgz#0ef4726653d3891805c3348153067b292df1d68d"
-  integrity sha512-4iHjkSYQYw46pITrNQgXXhvUmcekI8INz1m+SzmqLX8jexSSy4Ky4zfGhZzhhhLHXUP3+x/PK/c0qPjxEvRwKQ==
-
-"@algolia/cache-in-memory@4.16.0":
-  version "4.16.0"
-  resolved "https://registry.yarnpkg.com/@algolia/cache-in-memory/-/cache-in-memory-4.16.0.tgz#b9aecfc4054f2307caeea255aace65061040f680"
-  integrity sha512-p7RYykvA6Ip6QENxrh99nOD77otVh1sJRivcgcVpnjoZb5sIN3t33eUY1DpB9QSBizcrW+qk19rNkdnZ43a+PQ==
-  dependencies:
-    "@algolia/cache-common" "4.16.0"
-
-"@algolia/client-account@4.16.0":
-  version "4.16.0"
-  resolved "https://registry.yarnpkg.com/@algolia/client-account/-/client-account-4.16.0.tgz#3164e28df1b6428a60f43b8a97ea669d6bbbce9e"
-  integrity sha512-eydcfpdIyuWoKgUSz5iZ/L0wE/Wl7958kACkvTHLDNXvK/b8Z1zypoJavh6/km1ZNQmFpeYS2jrmq0kUSFn02w==
-  dependencies:
-    "@algolia/client-common" "4.16.0"
-    "@algolia/client-search" "4.16.0"
-    "@algolia/transporter" "4.16.0"
-
-"@algolia/client-analytics@4.16.0":
-  version "4.16.0"
-  resolved "https://registry.yarnpkg.com/@algolia/client-analytics/-/client-analytics-4.16.0.tgz#afa72be54a28fdfe00505d6ab3c179ef2c9bc796"
-  integrity sha512-cONWXH3BfilgdlCofUm492bJRWtpBLVW/hsUlfoFtiX1u05xoBP7qeiDwh9RR+4pSLHLodYkHAf5U4honQ55Qg==
-  dependencies:
-    "@algolia/client-common" "4.16.0"
-    "@algolia/client-search" "4.16.0"
-    "@algolia/requester-common" "4.16.0"
-    "@algolia/transporter" "4.16.0"
-
-"@algolia/client-common@4.16.0":
-  version "4.16.0"
-  resolved "https://registry.yarnpkg.com/@algolia/client-common/-/client-common-4.16.0.tgz#670f4b2286755090a6389c55d79402716e4556ac"
-  integrity sha512-QVdR4019ukBH6f5lFr27W60trRxQF1SfS1qo0IP6gjsKhXhUVJuHxOCA6ArF87jrNkeuHEoRoDU+GlvaecNo8g==
-  dependencies:
-    "@algolia/requester-common" "4.16.0"
-    "@algolia/transporter" "4.16.0"
-
-"@algolia/client-personalization@4.16.0":
-  version "4.16.0"
-  resolved "https://registry.yarnpkg.com/@algolia/client-personalization/-/client-personalization-4.16.0.tgz#927728c069b42f39fc83ce61a1fdcc79cd38b842"
-  integrity sha512-irtLafssDGPuhYqIwxqOxiWlVYvrsBD+EMA1P9VJtkKi3vSNBxiWeQ0f0Tn53cUNdSRNEssfoEH84JL97SV2SQ==
-  dependencies:
-    "@algolia/client-common" "4.16.0"
-    "@algolia/requester-common" "4.16.0"
-    "@algolia/transporter" "4.16.0"
-
-"@algolia/client-search@4.16.0":
-  version "4.16.0"
-  resolved "https://registry.yarnpkg.com/@algolia/client-search/-/client-search-4.16.0.tgz#19a76bc6cfa495aa9011b32dd85305baa2579589"
-  integrity sha512-xsfrAE1jO/JDh1wFrRz+alVyW+aA6qnkzmbWWWZWEgVF3EaFqzIf9r1l/aDtDdBtNTNhX9H3Lg31+BRtd5izQA==
-  dependencies:
-    "@algolia/client-common" "4.16.0"
-    "@algolia/requester-common" "4.16.0"
-    "@algolia/transporter" "4.16.0"
-
-"@algolia/logger-common@4.16.0":
-  version "4.16.0"
-  resolved "https://registry.yarnpkg.com/@algolia/logger-common/-/logger-common-4.16.0.tgz#8d83ebe5d798b84cf0026ae68d47b6dc8f542b61"
-  integrity sha512-U9H8uCzSDuePJmbnjjTX21aPDRU6x74Tdq3dJmdYu2+pISx02UeBJm4kSgc9RW5jcR5j35G9gnjHY9Q3ngWbyQ==
-
-"@algolia/logger-console@4.16.0":
-  version "4.16.0"
-  resolved "https://registry.yarnpkg.com/@algolia/logger-console/-/logger-console-4.16.0.tgz#e125d63268a6cab64c625e867596a8c8201850d2"
-  integrity sha512-+qymusiM+lPZKrkf0tDjCQA158eEJO2IU+Nr/sJ9TFyI/xkFPjNPzw/Qbc8Iy/xcOXGlc6eMgmyjtVQqAWq6UA==
-  dependencies:
-    "@algolia/logger-common" "4.16.0"
-
-"@algolia/requester-browser-xhr@4.16.0":
-  version "4.16.0"
-  resolved "https://registry.yarnpkg.com/@algolia/requester-browser-xhr/-/requester-browser-xhr-4.16.0.tgz#742090e53301889ae01581eedcc5bfc2c6dd7660"
-  integrity sha512-gK+kvs6LHl/PaOJfDuwjkopNbG1djzFLsVBklGBsSU6h6VjFkxIpo6Qq80IK14p9cplYZfhfaL12va6Q9p3KVQ==
-  dependencies:
-    "@algolia/requester-common" "4.16.0"
-
-"@algolia/requester-common@4.16.0":
-  version "4.16.0"
-  resolved "https://registry.yarnpkg.com/@algolia/requester-common/-/requester-common-4.16.0.tgz#a24eb9fc9062f76c2e06599c678542e78c8bce1c"
-  integrity sha512-3Zmcs/iMubcm4zqZ3vZG6Zum8t+hMWxGMzo0/uY2BD8o9q5vMxIYI0c4ocdgQjkXcix189WtZNkgjSOBzSbkdw==
-
-"@algolia/requester-node-http@4.16.0":
-  version "4.16.0"
-  resolved "https://registry.yarnpkg.com/@algolia/requester-node-http/-/requester-node-http-4.16.0.tgz#0723929863c201d12888c2751043b872a04bb6d9"
-  integrity sha512-L8JxM2VwZzh8LJ1Zb8TFS6G3icYsCKZsdWW+ahcEs1rGWmyk9SybsOe1MLnjonGBaqPWJkn9NjS7mRdjEmBtKA==
-  dependencies:
-    "@algolia/requester-common" "4.16.0"
-
-"@algolia/transporter@4.16.0":
-  version "4.16.0"
-  resolved "https://registry.yarnpkg.com/@algolia/transporter/-/transporter-4.16.0.tgz#5e6ca73c8a72d91b7dd75b00b5e45e8538bad8b6"
-  integrity sha512-H9BVB2EAjT65w7XGBNf5drpsW39x2aSZ942j4boSAAJPPlLmjtj5IpAP7UAtsV8g9Beslonh0bLa1XGmE/P0BA==
-  dependencies:
-    "@algolia/cache-common" "4.16.0"
-    "@algolia/logger-common" "4.16.0"
-    "@algolia/requester-common" "4.16.0"
-
-"@ampproject/remapping@^2.2.0":
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/@ampproject/remapping/-/remapping-2.2.0.tgz#56c133824780de3174aed5ab6834f3026790154d"
-  integrity sha512-qRmjj8nj9qmLTQXXmaR1cck3UXSRMPrbsLJAasZpF+t3riI71BXed5ebIOYwQntykeZuhjsdweEc9BxH5Jc26w==
-  dependencies:
-    "@jridgewell/gen-mapping" "^0.1.0"
-    "@jridgewell/trace-mapping" "^0.3.9"
-
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.18.6.tgz#3b25d38c89600baa2dcc219edfa88a74eb2c427a"
-  integrity sha512-TDCmlK5eOvH+eH7cdAFlNXeVJqWIQ7gW9tY1GJIpUtFb6CmjVyq2VM3u71bOyR8CRihcCgMUYoDNyLXao3+70Q==
-  dependencies:
-    "@babel/highlight" "^7.18.6"
-
-"@babel/compat-data@^7.20.5":
-  version "7.21.0"
-  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.21.0.tgz#c241dc454e5b5917e40d37e525e2f4530c399298"
-  integrity sha512-gMuZsmsgxk/ENC3O/fRw5QY8A9/uxQbbCEypnLIiYYc/qVJtEV7ouxC3EllIIwNzMqAQee5tanFabWsUOutS7g==
-
-"@babel/core@^7.11.6", "@babel/core@^7.12.3":
-  version "7.21.3"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.21.3.tgz#cf1c877284a469da5d1ce1d1e53665253fae712e"
-  integrity sha512-qIJONzoa/qiHghnm0l1n4i/6IIziDpzqc36FBs4pzMhDUraHqponwJLiAKm1hGLP3OSB/TVNz6rMwVGpwxxySw==
-  dependencies:
-    "@ampproject/remapping" "^2.2.0"
-    "@babel/code-frame" "^7.18.6"
-    "@babel/generator" "^7.21.3"
-    "@babel/helper-compilation-targets" "^7.20.7"
-    "@babel/helper-module-transforms" "^7.21.2"
-    "@babel/helpers" "^7.21.0"
-    "@babel/parser" "^7.21.3"
-    "@babel/template" "^7.20.7"
-    "@babel/traverse" "^7.21.3"
-    "@babel/types" "^7.21.3"
-    convert-source-map "^1.7.0"
-    debug "^4.1.0"
-    gensync "^1.0.0-beta.2"
-    json5 "^2.2.2"
-    semver "^6.3.0"
-
-"@babel/generator@^7.21.3", "@babel/generator@^7.7.2":
-  version "7.21.3"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.21.3.tgz#232359d0874b392df04045d72ce2fd9bb5045fce"
-  integrity sha512-QS3iR1GYC/YGUnW7IdggFeN5c1poPUurnGttOV/bZgPGV+izC/D8HnD6DLwod0fsatNyVn1G3EVWMYIF0nHbeA==
-  dependencies:
-    "@babel/types" "^7.21.3"
-    "@jridgewell/gen-mapping" "^0.3.2"
-    "@jridgewell/trace-mapping" "^0.3.17"
-    jsesc "^2.5.1"
-
-"@babel/helper-compilation-targets@^7.20.7":
-  version "7.20.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.20.7.tgz#a6cd33e93629f5eb473b021aac05df62c4cd09bb"
-  integrity sha512-4tGORmfQcrc+bvrjb5y3dG9Mx1IOZjsHqQVUz7XCNHO+iTmqxWnVg3KRygjGmpRLJGdQSKuvFinbIb0CnZwHAQ==
-  dependencies:
-    "@babel/compat-data" "^7.20.5"
-    "@babel/helper-validator-option" "^7.18.6"
-    browserslist "^4.21.3"
-    lru-cache "^5.1.1"
-    semver "^6.3.0"
-
-"@babel/helper-environment-visitor@^7.18.9":
-  version "7.18.9"
-  resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.18.9.tgz#0c0cee9b35d2ca190478756865bb3528422f51be"
-  integrity sha512-3r/aACDJ3fhQ/EVgFy0hpj8oHyHpQc+LPtJoY9SzTThAsStm4Ptegq92vqKoE3vD706ZVFWITnMnxucw+S9Ipg==
-
-"@babel/helper-function-name@^7.21.0":
-  version "7.21.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.21.0.tgz#d552829b10ea9f120969304023cd0645fa00b1b4"
-  integrity sha512-HfK1aMRanKHpxemaY2gqBmL04iAPOPRj7DxtNbiDOrJK+gdwkiNRVpCpUJYbUT+aZyemKN8brqTOxzCaG6ExRg==
-  dependencies:
-    "@babel/template" "^7.20.7"
-    "@babel/types" "^7.21.0"
-
-"@babel/helper-hoist-variables@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.18.6.tgz#d4d2c8fb4baeaa5c68b99cc8245c56554f926678"
-  integrity sha512-UlJQPkFqFULIcyW5sbzgbkxn2FKRgwWiRexcuaR8RNJRy8+LLveqPjwZV/bwrLZCN0eUHD/x8D0heK1ozuoo6Q==
-  dependencies:
-    "@babel/types" "^7.18.6"
-
-"@babel/helper-module-imports@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.18.6.tgz#1e3ebdbbd08aad1437b428c50204db13c5a3ca6e"
-  integrity sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA==
-  dependencies:
-    "@babel/types" "^7.18.6"
-
-"@babel/helper-module-transforms@^7.21.2":
-  version "7.21.2"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.21.2.tgz#160caafa4978ac8c00ac66636cb0fa37b024e2d2"
-  integrity sha512-79yj2AR4U/Oqq/WOV7Lx6hUjau1Zfo4cI+JLAVYeMV5XIlbOhmjEk5ulbTc9fMpmlojzZHkUUxAiK+UKn+hNQQ==
-  dependencies:
-    "@babel/helper-environment-visitor" "^7.18.9"
-    "@babel/helper-module-imports" "^7.18.6"
-    "@babel/helper-simple-access" "^7.20.2"
-    "@babel/helper-split-export-declaration" "^7.18.6"
-    "@babel/helper-validator-identifier" "^7.19.1"
-    "@babel/template" "^7.20.7"
-    "@babel/traverse" "^7.21.2"
-    "@babel/types" "^7.21.2"
-
-"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.19.0", "@babel/helper-plugin-utils@^7.20.2", "@babel/helper-plugin-utils@^7.8.0":
-  version "7.20.2"
-  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.20.2.tgz#d1b9000752b18d0877cff85a5c376ce5c3121629"
-  integrity sha512-8RvlJG2mj4huQ4pZ+rU9lqKi9ZKiRmuvGuM2HlWmkmgOhbs6zEAw6IEiJ5cQqGbDzGZOhwuOQNtZMi/ENLjZoQ==
-
-"@babel/helper-simple-access@^7.20.2":
-  version "7.20.2"
-  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.20.2.tgz#0ab452687fe0c2cfb1e2b9e0015de07fc2d62dd9"
-  integrity sha512-+0woI/WPq59IrqDYbVGfshjT5Dmk/nnbdpcF8SnMhhXObpTq2KNBdLFRFrkVdbDOyUmHBCxzm5FHV1rACIkIbA==
-  dependencies:
-    "@babel/types" "^7.20.2"
-
-"@babel/helper-split-export-declaration@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.18.6.tgz#7367949bc75b20c6d5a5d4a97bba2824ae8ef075"
-  integrity sha512-bde1etTx6ZyTmobl9LLMMQsaizFVZrquTEHOqKeQESMKo4PlObf+8+JA25ZsIpZhT/WEd39+vOdLXAFG/nELpA==
-  dependencies:
-    "@babel/types" "^7.18.6"
-
-"@babel/helper-string-parser@^7.19.4":
-  version "7.19.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.19.4.tgz#38d3acb654b4701a9b77fb0615a96f775c3a9e63"
-  integrity sha512-nHtDoQcuqFmwYNYPz3Rah5ph2p8PFeFCsZk9A/48dPc/rGocJ5J3hAAZ7pb76VWX3fZKu+uEr/FhH5jLx7umrw==
-
-"@babel/helper-validator-identifier@^7.18.6", "@babel/helper-validator-identifier@^7.19.1":
-  version "7.19.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz#7eea834cf32901ffdc1a7ee555e2f9c27e249ca2"
-  integrity sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==
-
-"@babel/helper-validator-option@^7.18.6":
-  version "7.21.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.21.0.tgz#8224c7e13ace4bafdc4004da2cf064ef42673180"
-  integrity sha512-rmL/B8/f0mKS2baE9ZpyTcTavvEuWhTTW8amjzXNvYG4AwBsqTLikfXsEofsJEfKHf+HQVQbFOHy6o+4cnC/fQ==
-
-"@babel/helpers@^7.21.0":
-  version "7.21.0"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.21.0.tgz#9dd184fb5599862037917cdc9eecb84577dc4e7e"
-  integrity sha512-XXve0CBtOW0pd7MRzzmoyuSj0e3SEzj8pgyFxnTT1NJZL38BD1MK7yYrm8yefRPIDvNNe14xR4FdbHwpInD4rA==
-  dependencies:
-    "@babel/template" "^7.20.7"
-    "@babel/traverse" "^7.21.0"
-    "@babel/types" "^7.21.0"
-
-"@babel/highlight@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.18.6.tgz#81158601e93e2563795adcbfbdf5d64be3f2ecdf"
-  integrity sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==
-  dependencies:
-    "@babel/helper-validator-identifier" "^7.18.6"
-    chalk "^2.0.0"
-    js-tokens "^4.0.0"
-
-"@babel/parser@^7.1.0", "@babel/parser@^7.13.12", "@babel/parser@^7.14.7", "@babel/parser@^7.16.4", "@babel/parser@^7.20.7", "@babel/parser@^7.21.3", "@babel/parser@^7.6.0", "@babel/parser@^7.9.6":
-  version "7.21.3"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.21.3.tgz#1d285d67a19162ff9daa358d4cb41d50c06220b3"
-  integrity sha512-lobG0d7aOfQRXh8AyklEAgZGvA4FShxo6xQbUrrT/cNBPUdIDojlokwJsQyCC/eKia7ifqM0yP+2DRZ4WKw2RQ==
-
-"@babel/plugin-syntax-async-generators@^7.8.4":
-  version "7.8.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz#a983fb1aeb2ec3f6ed042a210f640e90e786fe0d"
-  integrity sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-bigint@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-bigint/-/plugin-syntax-bigint-7.8.3.tgz#4c9a6f669f5d0cdf1b90a1671e9a146be5300cea"
-  integrity sha512-wnTnFlG+YxQm3vDxpGE57Pj0srRU4sHE/mDkt1qv2YJJSeUAec2ma4WLUnUPeKjyrfntVwe/N6dCXpU+zL3Npg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-class-properties@^7.8.3":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz#b5c987274c4a3a82b89714796931a6b53544ae10"
-  integrity sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.12.13"
-
-"@babel/plugin-syntax-import-meta@^7.8.3":
-  version "7.10.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz#ee601348c370fa334d2207be158777496521fd51"
-  integrity sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.4"
-
-"@babel/plugin-syntax-json-strings@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz#01ca21b668cd8218c9e640cb6dd88c5412b2c96a"
-  integrity sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-jsx@^7.7.2":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.18.6.tgz#a8feef63b010150abd97f1649ec296e849943ca0"
-  integrity sha512-6mmljtAedFGTWu2p/8WIORGwy+61PLgOMPOdazc7YoJ9ZCWUyFy3A6CpPkRKLKD1ToAesxX8KGEViAiLo9N+7Q==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
-
-"@babel/plugin-syntax-logical-assignment-operators@^7.8.3":
-  version "7.10.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz#ca91ef46303530448b906652bac2e9fe9941f699"
-  integrity sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.4"
-
-"@babel/plugin-syntax-nullish-coalescing-operator@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz#167ed70368886081f74b5c36c65a88c03b66d1a9"
-  integrity sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-numeric-separator@^7.8.3":
-  version "7.10.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz#b9b070b3e33570cd9fd07ba7fa91c0dd37b9af97"
-  integrity sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.4"
-
-"@babel/plugin-syntax-object-rest-spread@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz#60e225edcbd98a640332a2e72dd3e66f1af55871"
-  integrity sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-optional-catch-binding@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz#6111a265bcfb020eb9efd0fdfd7d26402b9ed6c1"
-  integrity sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-optional-chaining@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz#4f69c2ab95167e0180cd5336613f8c5788f7d48a"
-  integrity sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-top-level-await@^7.8.3":
-  version "7.14.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz#c1cfdadc35a646240001f06138247b741c34d94c"
-  integrity sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.14.5"
-
-"@babel/plugin-syntax-typescript@^7.7.2":
-  version "7.20.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.20.0.tgz#4e9a0cfc769c85689b77a2e642d24e9f697fc8c7"
-  integrity sha512-rd9TkG+u1CExzS4SM1BlMEhMXwFLKVjOAFFCDx9PbX5ycJWDoWMcwdJH9RhkPu1dOgn5TrxLot/Gx6lWFuAUNQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.19.0"
-
-"@babel/plugin-transform-modules-commonjs@^7.2.0":
-  version "7.21.2"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.21.2.tgz#6ff5070e71e3192ef2b7e39820a06fb78e3058e7"
-  integrity sha512-Cln+Yy04Gxua7iPdj6nOV96smLGjpElir5YwzF0LBPKoPlLDNJePNlrGGaybAJkd0zKRnOVXOgizSqPYMNYkzA==
-  dependencies:
-    "@babel/helper-module-transforms" "^7.21.2"
-    "@babel/helper-plugin-utils" "^7.20.2"
-    "@babel/helper-simple-access" "^7.20.2"
-
-"@babel/template@^7.20.7", "@babel/template@^7.3.3":
-  version "7.20.7"
-  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.20.7.tgz#a15090c2839a83b02aa996c0b4994005841fd5a8"
-  integrity sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==
-  dependencies:
-    "@babel/code-frame" "^7.18.6"
-    "@babel/parser" "^7.20.7"
-    "@babel/types" "^7.20.7"
-
-"@babel/traverse@^7.21.0", "@babel/traverse@^7.21.2", "@babel/traverse@^7.21.3", "@babel/traverse@^7.7.2":
-  version "7.21.3"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.21.3.tgz#4747c5e7903d224be71f90788b06798331896f67"
-  integrity sha512-XLyopNeaTancVitYZe2MlUEvgKb6YVVPXzofHgqHijCImG33b/uTurMS488ht/Hbsb2XK3U2BnSTxKVNGV3nGQ==
-  dependencies:
-    "@babel/code-frame" "^7.18.6"
-    "@babel/generator" "^7.21.3"
-    "@babel/helper-environment-visitor" "^7.18.9"
-    "@babel/helper-function-name" "^7.21.0"
-    "@babel/helper-hoist-variables" "^7.18.6"
-    "@babel/helper-split-export-declaration" "^7.18.6"
-    "@babel/parser" "^7.21.3"
-    "@babel/types" "^7.21.3"
-    debug "^4.1.0"
-    globals "^11.1.0"
-
-"@babel/types@^7.0.0", "@babel/types@^7.18.6", "@babel/types@^7.18.8", "@babel/types@^7.20.2", "@babel/types@^7.20.7", "@babel/types@^7.21.0", "@babel/types@^7.21.2", "@babel/types@^7.21.3", "@babel/types@^7.3.0", "@babel/types@^7.3.3", "@babel/types@^7.6.1", "@babel/types@^7.9.6":
-  version "7.21.3"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.21.3.tgz#4865a5357ce40f64e3400b0f3b737dc6d4f64d05"
-  integrity sha512-sBGdETxC+/M4o/zKC0sl6sjWv62WFR/uzxrJ6uYyMLZOUlPnwzw0tKgVHOXxaAd5l2g8pEDM5RZ495GPQI77kg==
-  dependencies:
-    "@babel/helper-string-parser" "^7.19.4"
-    "@babel/helper-validator-identifier" "^7.19.1"
-    to-fast-properties "^2.0.0"
-
-"@bcoe/v8-coverage@^0.2.3":
-  version "0.2.3"
-  resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
-  integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
-
-"@coreui/chartjs@^3.1.1":
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/@coreui/chartjs/-/chartjs-3.1.1.tgz#df7978f46ff2623817c0bf8f22d56118062e0fe1"
-  integrity sha512-lI/GCszpbPnEr6T/XDnIcOFTg2mMWqPToR5os6C6KM98BQihhZhuCeMzixyu0Wi72GoFFMkP5/SW028KpskMSw==
-  dependencies:
-    "@coreui/coreui" "^4.2.6"
-    chart.js "^3.9.1"
-
-"@coreui/coreui@^4.2.6":
-  version "4.2.6"
-  resolved "https://registry.yarnpkg.com/@coreui/coreui/-/coreui-4.2.6.tgz#8ae8aa4c834552328c5748385be5bc33df86aab7"
-  integrity sha512-h9j1BVnaDi9vSr1t0H8NL3hlDD4lU9kIdGLXn7g9k5iaFq5EDlRDcSBDer6lR2O4sIEl7W7YqTlevLxFC+1cIA==
-  dependencies:
-    postcss-combine-duplicated-selectors "^10.0.3"
-
-"@coreui/icons-vue@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@coreui/icons-vue/-/icons-vue-2.0.0.tgz#722e55f74badba58fdf0ab6f83ffa54deffbcbb3"
-  integrity sha512-3OLOv6TExmi93kapV4n9kmJ36fqxTHv3Vn/SPGAUX1btwf0wCmXen4xF3A8OdLEwR0i6Ggqw+MY/T7WjA6k2xg==
-
-"@coreui/icons@^3.0.0":
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/@coreui/icons/-/icons-3.0.1.tgz#a6b77a3d3578a59b08474fbfe29de0ebc5ea4c80"
-  integrity sha512-u9UKEcRMyY9pa4jUoLij8pAR03g5g6TLWV33/Mx2ix8sffyi0eO4fLV8DSTQljDCw938zt7KYog5cVKEAJUxxg==
-
-"@docsearch/css@3.3.3", "@docsearch/css@^3.3.3":
-  version "3.3.3"
-  resolved "https://registry.yarnpkg.com/@docsearch/css/-/css-3.3.3.tgz#f9346c9e24602218341f51b8ba91eb9109add434"
-  integrity sha512-6SCwI7P8ao+se1TUsdZ7B4XzL+gqeQZnBc+2EONZlcVa0dVrk0NjETxozFKgMv0eEGH8QzP1fkN+A1rH61l4eg==
-
-"@docsearch/js@^3.3.3":
-  version "3.3.3"
-  resolved "https://registry.yarnpkg.com/@docsearch/js/-/js-3.3.3.tgz#70725a7a8fe92d221fcf0593263b936389d3728f"
-  integrity sha512-2xAv2GFuHzzmG0SSZgf8wHX0qZX8n9Y1ZirKUk5Wrdc+vH9CL837x2hZIUdwcPZI9caBA+/CzxsS68O4waYjUQ==
-  dependencies:
-    "@docsearch/react" "3.3.3"
-    preact "^10.0.0"
-
-"@docsearch/react@3.3.3":
-  version "3.3.3"
-  resolved "https://registry.yarnpkg.com/@docsearch/react/-/react-3.3.3.tgz#907b6936a565f880b4c0892624b4f7a9f132d298"
-  integrity sha512-pLa0cxnl+G0FuIDuYlW+EBK6Rw2jwLw9B1RHIeS4N4s2VhsfJ/wzeCi3CWcs5yVfxLd5ZK50t//TMA5e79YT7Q==
-  dependencies:
-    "@algolia/autocomplete-core" "1.7.4"
-    "@algolia/autocomplete-preset-algolia" "1.7.4"
-    "@docsearch/css" "3.3.3"
-    algoliasearch "^4.0.0"
-
-"@esbuild/linux-loong64@0.14.54":
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.14.54.tgz#de2a4be678bd4d0d1ffbb86e6de779cde5999028"
-  integrity sha512-bZBrLAIX1kpWelV0XemxBZllyRmM6vgFQQG2GdNb+r3Fkp0FOh1NJSvekXDs7jq70k4euu1cryLMfU+mTXlEpw==
-
-"@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.3.0":
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz#a23514e8fb9af1269d5f7788aa556798d61c6b59"
-  integrity sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==
-  dependencies:
-    eslint-visitor-keys "^3.3.0"
-
-"@eslint-community/regexpp@^4.4.0":
-  version "4.4.1"
-  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.4.1.tgz#087cb8d9d757bb22e9c9946c9c0c2bf8806830f1"
-  integrity sha512-BISJ6ZE4xQsuL/FmsyRaiffpq977bMlsKfGHTQrOGFErfByxIe6iZTxPf/00Zon9b9a7iUykfQwejN3s2ZW/Bw==
-
-"@eslint/eslintrc@^1.4.1":
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-1.4.1.tgz#af58772019a2d271b7e2d4c23ff4ddcba3ccfb3e"
-  integrity sha512-XXrH9Uarn0stsyldqDYq8r++mROmWRI1xKMXa640Bb//SY1+ECYX6VzT6Lcx5frD0V30XieqJ0oX9I2Xj5aoMA==
-  dependencies:
-    ajv "^6.12.4"
-    debug "^4.3.2"
-    espree "^9.4.0"
-    globals "^13.19.0"
-    ignore "^5.2.0"
-    import-fresh "^3.2.1"
-    js-yaml "^4.1.0"
-    minimatch "^3.1.2"
-    strip-json-comments "^3.1.1"
-
-"@gar/promisify@^1.0.1":
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/@gar/promisify/-/promisify-1.1.3.tgz#555193ab2e3bb3b6adc3d551c9c030d9e860daf6"
-  integrity sha512-k2Ty1JcVojjJFwrg/ThKi2ujJ7XNLYaFGNB/bWT9wGR+oSMJHMa5w+CUq6p/pVrKeNNgA7pCqEcjSnHVoqJQFw==
-
-"@humanwhocodes/config-array@^0.11.8":
-  version "0.11.8"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.8.tgz#03595ac2075a4dc0f191cc2131de14fbd7d410b9"
-  integrity sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==
-  dependencies:
-    "@humanwhocodes/object-schema" "^1.2.1"
-    debug "^4.1.1"
-    minimatch "^3.0.5"
-
-"@humanwhocodes/module-importer@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz#af5b2691a22b44be847b0ca81641c5fb6ad0172c"
-  integrity sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==
-
-"@humanwhocodes/object-schema@^1.2.1":
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz#b520529ec21d8e5945a1851dfd1c32e94e39ff45"
-  integrity sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==
-
-"@hutson/parse-repository-url@^3.0.0":
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/@hutson/parse-repository-url/-/parse-repository-url-3.0.2.tgz#98c23c950a3d9b6c8f0daed06da6c3af06981340"
-  integrity sha512-H9XAx3hc0BQHY6l+IFSWHDySypcXsvsuLhgYLUGywmJ5pswRVQJUHpOsobnLYp2ZUaUlKiKDrgWWhosOwAEM8Q==
-
-"@istanbuljs/load-nyc-config@^1.0.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz#fd3db1d59ecf7cf121e80650bb86712f9b55eced"
-  integrity sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==
-  dependencies:
-    camelcase "^5.3.1"
-    find-up "^4.1.0"
-    get-package-type "^0.1.0"
-    js-yaml "^3.13.1"
-    resolve-from "^5.0.0"
-
-"@istanbuljs/schema@^0.1.2":
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/@istanbuljs/schema/-/schema-0.1.3.tgz#e45e384e4b8ec16bce2fd903af78450f6bf7ec98"
-  integrity sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==
-
-"@jest/console@^29.5.0":
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/console/-/console-29.5.0.tgz#593a6c5c0d3f75689835f1b3b4688c4f8544cb57"
-  integrity sha512-NEpkObxPwyw/XxZVLPmAGKE89IQRp4puc6IQRPru6JKd1M3fW9v1xM1AnzIJE65hbCkzQAdnL8P47e9hzhiYLQ==
-  dependencies:
-    "@jest/types" "^29.5.0"
-    "@types/node" "*"
-    chalk "^4.0.0"
-    jest-message-util "^29.5.0"
-    jest-util "^29.5.0"
-    slash "^3.0.0"
-
-"@jest/core@^29.5.0":
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/core/-/core-29.5.0.tgz#76674b96904484e8214614d17261cc491e5f1f03"
-  integrity sha512-28UzQc7ulUrOQw1IsN/kv1QES3q2kkbl/wGslyhAclqZ/8cMdB5M68BffkIdSJgKBUt50d3hbwJ92XESlE7LiQ==
-  dependencies:
-    "@jest/console" "^29.5.0"
-    "@jest/reporters" "^29.5.0"
-    "@jest/test-result" "^29.5.0"
-    "@jest/transform" "^29.5.0"
-    "@jest/types" "^29.5.0"
-    "@types/node" "*"
-    ansi-escapes "^4.2.1"
-    chalk "^4.0.0"
-    ci-info "^3.2.0"
-    exit "^0.1.2"
-    graceful-fs "^4.2.9"
-    jest-changed-files "^29.5.0"
-    jest-config "^29.5.0"
-    jest-haste-map "^29.5.0"
-    jest-message-util "^29.5.0"
-    jest-regex-util "^29.4.3"
-    jest-resolve "^29.5.0"
-    jest-resolve-dependencies "^29.5.0"
-    jest-runner "^29.5.0"
-    jest-runtime "^29.5.0"
-    jest-snapshot "^29.5.0"
-    jest-util "^29.5.0"
-    jest-validate "^29.5.0"
-    jest-watcher "^29.5.0"
-    micromatch "^4.0.4"
-    pretty-format "^29.5.0"
-    slash "^3.0.0"
-    strip-ansi "^6.0.0"
-
-"@jest/environment@^29.5.0":
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-29.5.0.tgz#9152d56317c1fdb1af389c46640ba74ef0bb4c65"
-  integrity sha512-5FXw2+wD29YU1d4I2htpRX7jYnAyTRjP2CsXQdo9SAM8g3ifxWPSV0HnClSn71xwctr0U3oZIIH+dtbfmnbXVQ==
-  dependencies:
-    "@jest/fake-timers" "^29.5.0"
-    "@jest/types" "^29.5.0"
-    "@types/node" "*"
-    jest-mock "^29.5.0"
-
-"@jest/expect-utils@^29.5.0":
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/expect-utils/-/expect-utils-29.5.0.tgz#f74fad6b6e20f924582dc8ecbf2cb800fe43a036"
-  integrity sha512-fmKzsidoXQT2KwnrwE0SQq3uj8Z763vzR8LnLBwC2qYWEFpjX8daRsk6rHUM1QvNlEW/UJXNXm59ztmJJWs2Mg==
-  dependencies:
-    jest-get-type "^29.4.3"
-
-"@jest/expect@^29.5.0":
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/expect/-/expect-29.5.0.tgz#80952f5316b23c483fbca4363ce822af79c38fba"
-  integrity sha512-PueDR2HGihN3ciUNGr4uelropW7rqUfTiOn+8u0leg/42UhblPxHkfoh0Ruu3I9Y1962P3u2DY4+h7GVTSVU6g==
-  dependencies:
-    expect "^29.5.0"
-    jest-snapshot "^29.5.0"
-
-"@jest/fake-timers@^29.5.0":
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-29.5.0.tgz#d4d09ec3286b3d90c60bdcd66ed28d35f1b4dc2c"
-  integrity sha512-9ARvuAAQcBwDAqOnglWq2zwNIRUDtk/SCkp/ToGEhFv5r86K21l+VEs0qNTaXtyiY0lEePl3kylijSYJQqdbDg==
-  dependencies:
-    "@jest/types" "^29.5.0"
-    "@sinonjs/fake-timers" "^10.0.2"
-    "@types/node" "*"
-    jest-message-util "^29.5.0"
-    jest-mock "^29.5.0"
-    jest-util "^29.5.0"
-
-"@jest/globals@^29.5.0":
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/globals/-/globals-29.5.0.tgz#6166c0bfc374c58268677539d0c181f9c1833298"
-  integrity sha512-S02y0qMWGihdzNbUiqSAiKSpSozSuHX5UYc7QbnHP+D9Lyw8DgGGCinrN9uSuHPeKgSSzvPom2q1nAtBvUsvPQ==
-  dependencies:
-    "@jest/environment" "^29.5.0"
-    "@jest/expect" "^29.5.0"
-    "@jest/types" "^29.5.0"
-    jest-mock "^29.5.0"
-
-"@jest/reporters@^29.5.0":
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-29.5.0.tgz#985dfd91290cd78ddae4914ba7921bcbabe8ac9b"
-  integrity sha512-D05STXqj/M8bP9hQNSICtPqz97u7ffGzZu+9XLucXhkOFBqKcXe04JLZOgIekOxdb73MAoBUFnqvf7MCpKk5OA==
-  dependencies:
-    "@bcoe/v8-coverage" "^0.2.3"
-    "@jest/console" "^29.5.0"
-    "@jest/test-result" "^29.5.0"
-    "@jest/transform" "^29.5.0"
-    "@jest/types" "^29.5.0"
-    "@jridgewell/trace-mapping" "^0.3.15"
-    "@types/node" "*"
-    chalk "^4.0.0"
-    collect-v8-coverage "^1.0.0"
-    exit "^0.1.2"
-    glob "^7.1.3"
-    graceful-fs "^4.2.9"
-    istanbul-lib-coverage "^3.0.0"
-    istanbul-lib-instrument "^5.1.0"
-    istanbul-lib-report "^3.0.0"
-    istanbul-lib-source-maps "^4.0.0"
-    istanbul-reports "^3.1.3"
-    jest-message-util "^29.5.0"
-    jest-util "^29.5.0"
-    jest-worker "^29.5.0"
-    slash "^3.0.0"
-    string-length "^4.0.1"
-    strip-ansi "^6.0.0"
-    v8-to-istanbul "^9.0.1"
-
-"@jest/schemas@^29.4.3":
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/@jest/schemas/-/schemas-29.4.3.tgz#39cf1b8469afc40b6f5a2baaa146e332c4151788"
-  integrity sha512-VLYKXQmtmuEz6IxJsrZwzG9NvtkQsWNnWMsKxqWNu3+CnfzJQhp0WDDKWLVV9hLKr0l3SLLFRqcYHjhtyuDVxg==
-  dependencies:
-    "@sinclair/typebox" "^0.25.16"
-
-"@jest/source-map@^29.4.3":
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/@jest/source-map/-/source-map-29.4.3.tgz#ff8d05cbfff875d4a791ab679b4333df47951d20"
-  integrity sha512-qyt/mb6rLyd9j1jUts4EQncvS6Yy3PM9HghnNv86QBlV+zdL2inCdK1tuVlL+J+lpiw2BI67qXOrX3UurBqQ1w==
-  dependencies:
-    "@jridgewell/trace-mapping" "^0.3.15"
-    callsites "^3.0.0"
-    graceful-fs "^4.2.9"
-
-"@jest/test-result@^29.5.0":
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-29.5.0.tgz#7c856a6ca84f45cc36926a4e9c6b57f1973f1408"
-  integrity sha512-fGl4rfitnbfLsrfx1uUpDEESS7zM8JdgZgOCQuxQvL1Sn/I6ijeAVQWGfXI9zb1i9Mzo495cIpVZhA0yr60PkQ==
-  dependencies:
-    "@jest/console" "^29.5.0"
-    "@jest/types" "^29.5.0"
-    "@types/istanbul-lib-coverage" "^2.0.0"
-    collect-v8-coverage "^1.0.0"
-
-"@jest/test-sequencer@^29.5.0":
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-29.5.0.tgz#34d7d82d3081abd523dbddc038a3ddcb9f6d3cc4"
-  integrity sha512-yPafQEcKjkSfDXyvtgiV4pevSeyuA6MQr6ZIdVkWJly9vkqjnFfcfhRQqpD5whjoU8EORki752xQmjaqoFjzMQ==
-  dependencies:
-    "@jest/test-result" "^29.5.0"
-    graceful-fs "^4.2.9"
-    jest-haste-map "^29.5.0"
-    slash "^3.0.0"
-
-"@jest/transform@^29.5.0":
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-29.5.0.tgz#cf9c872d0965f0cbd32f1458aa44a2b1988b00f9"
-  integrity sha512-8vbeZWqLJOvHaDfeMuoHITGKSz5qWc9u04lnWrQE3VyuSw604PzQM824ZeX9XSjUCeDiE3GuxZe5UKa8J61NQw==
-  dependencies:
-    "@babel/core" "^7.11.6"
-    "@jest/types" "^29.5.0"
-    "@jridgewell/trace-mapping" "^0.3.15"
-    babel-plugin-istanbul "^6.1.1"
-    chalk "^4.0.0"
-    convert-source-map "^2.0.0"
-    fast-json-stable-stringify "^2.1.0"
-    graceful-fs "^4.2.9"
-    jest-haste-map "^29.5.0"
-    jest-regex-util "^29.4.3"
-    jest-util "^29.5.0"
-    micromatch "^4.0.4"
-    pirates "^4.0.4"
-    slash "^3.0.0"
-    write-file-atomic "^4.0.2"
-
-"@jest/types@^29.5.0":
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/types/-/types-29.5.0.tgz#f59ef9b031ced83047c67032700d8c807d6e1593"
-  integrity sha512-qbu7kN6czmVRc3xWFQcAN03RAUamgppVUdXrvl1Wr3jlNF93o9mJbGcDWrwGB6ht44u7efB1qCFgVQmca24Uog==
-  dependencies:
-    "@jest/schemas" "^29.4.3"
-    "@types/istanbul-lib-coverage" "^2.0.0"
-    "@types/istanbul-reports" "^3.0.0"
-    "@types/node" "*"
-    "@types/yargs" "^17.0.8"
-    chalk "^4.0.0"
-
-"@jridgewell/gen-mapping@^0.1.0":
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz#e5d2e450306a9491e3bd77e323e38d7aff315996"
-  integrity sha512-sQXCasFk+U8lWYEe66WxRDOE9PjVz4vSM51fTu3Hw+ClTpUSQb718772vH3pyS5pShp6lvQM7SxgIDXXXmOX7w==
-  dependencies:
-    "@jridgewell/set-array" "^1.0.0"
-    "@jridgewell/sourcemap-codec" "^1.4.10"
-
-"@jridgewell/gen-mapping@^0.3.2":
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz#c1aedc61e853f2bb9f5dfe6d4442d3b565b253b9"
-  integrity sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==
-  dependencies:
-    "@jridgewell/set-array" "^1.0.1"
-    "@jridgewell/sourcemap-codec" "^1.4.10"
-    "@jridgewell/trace-mapping" "^0.3.9"
-
-"@jridgewell/resolve-uri@3.1.0":
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz#2203b118c157721addfe69d47b70465463066d78"
-  integrity sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==
-
-"@jridgewell/set-array@^1.0.0", "@jridgewell/set-array@^1.0.1":
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.1.2.tgz#7c6cf998d6d20b914c0a55a91ae928ff25965e72"
-  integrity sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==
-
-"@jridgewell/sourcemap-codec@1.4.14", "@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.13":
-  version "1.4.14"
-  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz#add4c98d341472a289190b424efbdb096991bb24"
-  integrity sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==
-
-"@jridgewell/trace-mapping@^0.3.12", "@jridgewell/trace-mapping@^0.3.15", "@jridgewell/trace-mapping@^0.3.17", "@jridgewell/trace-mapping@^0.3.9":
-  version "0.3.17"
-  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.17.tgz#793041277af9073b0951a7fe0f0d8c4c98c36985"
-  integrity sha512-MCNzAp77qzKca9+W/+I0+sEpaUnZoeasnghNeVc41VZCEKaCH73Vq3BZZ/SzWIgrqE4H4ceI+p+b6C0mHf9T4g==
-  dependencies:
-    "@jridgewell/resolve-uri" "3.1.0"
-    "@jridgewell/sourcemap-codec" "1.4.14"
-
-"@lerna/add@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/add/-/add-4.0.0.tgz#c36f57d132502a57b9e7058d1548b7a565ef183f"
-  integrity sha512-cpmAH1iS3k8JBxNvnMqrGTTjbY/ZAiKa1ChJzFevMYY3eeqbvhsBKnBcxjRXtdrJ6bd3dCQM+ZtK+0i682Fhng==
-  dependencies:
-    "@lerna/bootstrap" "4.0.0"
-    "@lerna/command" "4.0.0"
-    "@lerna/filter-options" "4.0.0"
-    "@lerna/npm-conf" "4.0.0"
-    "@lerna/validation-error" "4.0.0"
-    dedent "^0.7.0"
-    npm-package-arg "^8.1.0"
-    p-map "^4.0.0"
-    pacote "^11.2.6"
-    semver "^7.3.4"
-
-"@lerna/bootstrap@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/bootstrap/-/bootstrap-4.0.0.tgz#5f5c5e2c6cfc8fcec50cb2fbe569a8c607101891"
-  integrity sha512-RkS7UbeM2vu+kJnHzxNRCLvoOP9yGNgkzRdy4UV2hNalD7EP41bLvRVOwRYQ7fhc2QcbhnKNdOBihYRL0LcKtw==
-  dependencies:
-    "@lerna/command" "4.0.0"
-    "@lerna/filter-options" "4.0.0"
-    "@lerna/has-npm-version" "4.0.0"
-    "@lerna/npm-install" "4.0.0"
-    "@lerna/package-graph" "4.0.0"
-    "@lerna/pulse-till-done" "4.0.0"
-    "@lerna/rimraf-dir" "4.0.0"
-    "@lerna/run-lifecycle" "4.0.0"
-    "@lerna/run-topologically" "4.0.0"
-    "@lerna/symlink-binary" "4.0.0"
-    "@lerna/symlink-dependencies" "4.0.0"
-    "@lerna/validation-error" "4.0.0"
-    dedent "^0.7.0"
-    get-port "^5.1.1"
-    multimatch "^5.0.0"
-    npm-package-arg "^8.1.0"
-    npmlog "^4.1.2"
-    p-map "^4.0.0"
-    p-map-series "^2.1.0"
-    p-waterfall "^2.1.1"
-    read-package-tree "^5.3.1"
-    semver "^7.3.4"
-
-"@lerna/changed@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/changed/-/changed-4.0.0.tgz#b9fc76cea39b9292a6cd263f03eb57af85c9270b"
-  integrity sha512-cD+KuPRp6qiPOD+BO6S6SN5cARspIaWSOqGBpGnYzLb4uWT8Vk4JzKyYtc8ym1DIwyoFXHosXt8+GDAgR8QrgQ==
-  dependencies:
-    "@lerna/collect-updates" "4.0.0"
-    "@lerna/command" "4.0.0"
-    "@lerna/listable" "4.0.0"
-    "@lerna/output" "4.0.0"
-
-"@lerna/check-working-tree@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/check-working-tree/-/check-working-tree-4.0.0.tgz#257e36a602c00142e76082a19358e3e1ae8dbd58"
-  integrity sha512-/++bxM43jYJCshBiKP5cRlCTwSJdRSxVmcDAXM+1oUewlZJVSVlnks5eO0uLxokVFvLhHlC5kHMc7gbVFPHv6Q==
-  dependencies:
-    "@lerna/collect-uncommitted" "4.0.0"
-    "@lerna/describe-ref" "4.0.0"
-    "@lerna/validation-error" "4.0.0"
-
-"@lerna/child-process@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/child-process/-/child-process-4.0.0.tgz#341b96a57dffbd9705646d316e231df6fa4df6e1"
-  integrity sha512-XtCnmCT9eyVsUUHx6y/CTBYdV9g2Cr/VxyseTWBgfIur92/YKClfEtJTbOh94jRT62hlKLqSvux/UhxXVh613Q==
-  dependencies:
-    chalk "^4.1.0"
-    execa "^5.0.0"
-    strong-log-transformer "^2.1.0"
-
-"@lerna/clean@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/clean/-/clean-4.0.0.tgz#8f778b6f2617aa2a936a6b5e085ae62498e57dc5"
-  integrity sha512-uugG2iN9k45ITx2jtd8nEOoAtca8hNlDCUM0N3lFgU/b1mEQYAPRkqr1qs4FLRl/Y50ZJ41wUz1eazS+d/0osA==
-  dependencies:
-    "@lerna/command" "4.0.0"
-    "@lerna/filter-options" "4.0.0"
-    "@lerna/prompt" "4.0.0"
-    "@lerna/pulse-till-done" "4.0.0"
-    "@lerna/rimraf-dir" "4.0.0"
-    p-map "^4.0.0"
-    p-map-series "^2.1.0"
-    p-waterfall "^2.1.1"
-
-"@lerna/cli@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/cli/-/cli-4.0.0.tgz#8eabd334558836c1664df23f19acb95e98b5bbf3"
-  integrity sha512-Neaw3GzFrwZiRZv2g7g6NwFjs3er1vhraIniEs0jjVLPMNC4eata0na3GfE5yibkM/9d3gZdmihhZdZ3EBdvYA==
-  dependencies:
-    "@lerna/global-options" "4.0.0"
-    dedent "^0.7.0"
-    npmlog "^4.1.2"
-    yargs "^16.2.0"
-
-"@lerna/collect-uncommitted@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/collect-uncommitted/-/collect-uncommitted-4.0.0.tgz#855cd64612969371cfc2453b90593053ff1ba779"
-  integrity sha512-ufSTfHZzbx69YNj7KXQ3o66V4RC76ffOjwLX0q/ab//61bObJ41n03SiQEhSlmpP+gmFbTJ3/7pTe04AHX9m/g==
-  dependencies:
-    "@lerna/child-process" "4.0.0"
-    chalk "^4.1.0"
-    npmlog "^4.1.2"
-
-"@lerna/collect-updates@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/collect-updates/-/collect-updates-4.0.0.tgz#8e208b1bafd98a372ff1177f7a5e288f6bea8041"
-  integrity sha512-bnNGpaj4zuxsEkyaCZLka9s7nMs58uZoxrRIPJ+nrmrZYp1V5rrd+7/NYTuunOhY2ug1sTBvTAxj3NZQ+JKnOw==
-  dependencies:
-    "@lerna/child-process" "4.0.0"
-    "@lerna/describe-ref" "4.0.0"
-    minimatch "^3.0.4"
-    npmlog "^4.1.2"
-    slash "^3.0.0"
-
-"@lerna/command@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/command/-/command-4.0.0.tgz#991c7971df8f5bf6ae6e42c808869a55361c1b98"
-  integrity sha512-LM9g3rt5FsPNFqIHUeRwWXLNHJ5NKzOwmVKZ8anSp4e1SPrv2HNc1V02/9QyDDZK/w+5POXH5lxZUI1CHaOK/A==
-  dependencies:
-    "@lerna/child-process" "4.0.0"
-    "@lerna/package-graph" "4.0.0"
-    "@lerna/project" "4.0.0"
-    "@lerna/validation-error" "4.0.0"
-    "@lerna/write-log-file" "4.0.0"
-    clone-deep "^4.0.1"
-    dedent "^0.7.0"
-    execa "^5.0.0"
-    is-ci "^2.0.0"
-    npmlog "^4.1.2"
-
-"@lerna/conventional-commits@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/conventional-commits/-/conventional-commits-4.0.0.tgz#660fb2c7b718cb942ead70110df61f18c6f99750"
-  integrity sha512-CSUQRjJHFrH8eBn7+wegZLV3OrNc0Y1FehYfYGhjLE2SIfpCL4bmfu/ViYuHh9YjwHaA+4SX6d3hR+xkeseKmw==
-  dependencies:
-    "@lerna/validation-error" "4.0.0"
-    conventional-changelog-angular "^5.0.12"
-    conventional-changelog-core "^4.2.2"
-    conventional-recommended-bump "^6.1.0"
-    fs-extra "^9.1.0"
-    get-stream "^6.0.0"
-    lodash.template "^4.5.0"
-    npm-package-arg "^8.1.0"
-    npmlog "^4.1.2"
-    pify "^5.0.0"
-    semver "^7.3.4"
-
-"@lerna/create-symlink@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/create-symlink/-/create-symlink-4.0.0.tgz#8c5317ce5ae89f67825443bd7651bf4121786228"
-  integrity sha512-I0phtKJJdafUiDwm7BBlEUOtogmu8+taxq6PtIrxZbllV9hWg59qkpuIsiFp+no7nfRVuaasNYHwNUhDAVQBig==
-  dependencies:
-    cmd-shim "^4.1.0"
-    fs-extra "^9.1.0"
-    npmlog "^4.1.2"
-
-"@lerna/create@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/create/-/create-4.0.0.tgz#b6947e9b5dfb6530321952998948c3e63d64d730"
-  integrity sha512-mVOB1niKByEUfxlbKTM1UNECWAjwUdiioIbRQZEeEabtjCL69r9rscIsjlGyhGWCfsdAG5wfq4t47nlDXdLLag==
-  dependencies:
-    "@lerna/child-process" "4.0.0"
-    "@lerna/command" "4.0.0"
-    "@lerna/npm-conf" "4.0.0"
-    "@lerna/validation-error" "4.0.0"
-    dedent "^0.7.0"
-    fs-extra "^9.1.0"
-    globby "^11.0.2"
-    init-package-json "^2.0.2"
-    npm-package-arg "^8.1.0"
-    p-reduce "^2.1.0"
-    pacote "^11.2.6"
-    pify "^5.0.0"
-    semver "^7.3.4"
-    slash "^3.0.0"
-    validate-npm-package-license "^3.0.4"
-    validate-npm-package-name "^3.0.0"
-    whatwg-url "^8.4.0"
-    yargs-parser "20.2.4"
-
-"@lerna/describe-ref@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/describe-ref/-/describe-ref-4.0.0.tgz#53c53b4ea65fdceffa072a62bfebe6772c45d9ec"
-  integrity sha512-eTU5+xC4C5Gcgz+Ey4Qiw9nV2B4JJbMulsYJMW8QjGcGh8zudib7Sduj6urgZXUYNyhYpRs+teci9M2J8u+UvQ==
-  dependencies:
-    "@lerna/child-process" "4.0.0"
-    npmlog "^4.1.2"
-
-"@lerna/diff@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/diff/-/diff-4.0.0.tgz#6d3071817aaa4205a07bf77cfc6e932796d48b92"
-  integrity sha512-jYPKprQVg41+MUMxx6cwtqsNm0Yxx9GDEwdiPLwcUTFx+/qKCEwifKNJ1oGIPBxyEHX2PFCOjkK39lHoj2qiag==
-  dependencies:
-    "@lerna/child-process" "4.0.0"
-    "@lerna/command" "4.0.0"
-    "@lerna/validation-error" "4.0.0"
-    npmlog "^4.1.2"
-
-"@lerna/exec@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/exec/-/exec-4.0.0.tgz#eb6cb95cb92d42590e9e2d628fcaf4719d4a8be6"
-  integrity sha512-VGXtL/b/JfY84NB98VWZpIExfhLOzy0ozm/0XaS4a2SmkAJc5CeUfrhvHxxkxiTBLkU+iVQUyYEoAT0ulQ8PCw==
-  dependencies:
-    "@lerna/child-process" "4.0.0"
-    "@lerna/command" "4.0.0"
-    "@lerna/filter-options" "4.0.0"
-    "@lerna/profiler" "4.0.0"
-    "@lerna/run-topologically" "4.0.0"
-    "@lerna/validation-error" "4.0.0"
-    p-map "^4.0.0"
-
-"@lerna/filter-options@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/filter-options/-/filter-options-4.0.0.tgz#ac94cc515d7fa3b47e2f7d74deddeabb1de5e9e6"
-  integrity sha512-vV2ANOeZhOqM0rzXnYcFFCJ/kBWy/3OA58irXih9AMTAlQLymWAK0akWybl++sUJ4HB9Hx12TOqaXbYS2NM5uw==
-  dependencies:
-    "@lerna/collect-updates" "4.0.0"
-    "@lerna/filter-packages" "4.0.0"
-    dedent "^0.7.0"
-    npmlog "^4.1.2"
-
-"@lerna/filter-packages@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/filter-packages/-/filter-packages-4.0.0.tgz#b1f70d70e1de9cdd36a4e50caa0ac501f8d012f2"
-  integrity sha512-+4AJIkK7iIiOaqCiVTYJxh/I9qikk4XjNQLhE3kixaqgMuHl1NQ99qXRR0OZqAWB9mh8Z1HA9bM5K1HZLBTOqA==
-  dependencies:
-    "@lerna/validation-error" "4.0.0"
-    multimatch "^5.0.0"
-    npmlog "^4.1.2"
-
-"@lerna/get-npm-exec-opts@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/get-npm-exec-opts/-/get-npm-exec-opts-4.0.0.tgz#dc955be94a4ae75c374ef9bce91320887d34608f"
-  integrity sha512-yvmkerU31CTWS2c7DvmAWmZVeclPBqI7gPVr5VATUKNWJ/zmVcU4PqbYoLu92I9Qc4gY1TuUplMNdNuZTSL7IQ==
-  dependencies:
-    npmlog "^4.1.2"
-
-"@lerna/get-packed@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/get-packed/-/get-packed-4.0.0.tgz#0989d61624ac1f97e393bdad2137c49cd7a37823"
-  integrity sha512-rfWONRsEIGyPJTxFzC8ECb3ZbsDXJbfqWYyeeQQDrJRPnEJErlltRLPLgC2QWbxFgFPsoDLeQmFHJnf0iDfd8w==
-  dependencies:
-    fs-extra "^9.1.0"
-    ssri "^8.0.1"
-    tar "^6.1.0"
-
-"@lerna/github-client@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/github-client/-/github-client-4.0.0.tgz#2ced67721363ef70f8e12ffafce4410918f4a8a4"
-  integrity sha512-2jhsldZtTKXYUBnOm23Lb0Fx8G4qfSXF9y7UpyUgWUj+YZYd+cFxSuorwQIgk5P4XXrtVhsUesIsli+BYSThiw==
-  dependencies:
-    "@lerna/child-process" "4.0.0"
-    "@octokit/plugin-enterprise-rest" "^6.0.1"
-    "@octokit/rest" "^18.1.0"
-    git-url-parse "^11.4.4"
-    npmlog "^4.1.2"
-
-"@lerna/gitlab-client@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/gitlab-client/-/gitlab-client-4.0.0.tgz#00dad73379c7b38951d4b4ded043504c14e2b67d"
-  integrity sha512-OMUpGSkeDWFf7BxGHlkbb35T7YHqVFCwBPSIR6wRsszY8PAzCYahtH3IaJzEJyUg6vmZsNl0FSr3pdA2skhxqA==
-  dependencies:
-    node-fetch "^2.6.1"
-    npmlog "^4.1.2"
-    whatwg-url "^8.4.0"
-
-"@lerna/global-options@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/global-options/-/global-options-4.0.0.tgz#c7d8b0de6a01d8a845e2621ea89e7f60f18c6a5f"
-  integrity sha512-TRMR8afAHxuYBHK7F++Ogop2a82xQjoGna1dvPOY6ltj/pEx59pdgcJfYcynYqMkFIk8bhLJJN9/ndIfX29FTQ==
-
-"@lerna/has-npm-version@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/has-npm-version/-/has-npm-version-4.0.0.tgz#d3fc3292c545eb28bd493b36e6237cf0279f631c"
-  integrity sha512-LQ3U6XFH8ZmLCsvsgq1zNDqka0Xzjq5ibVN+igAI5ccRWNaUsE/OcmsyMr50xAtNQMYMzmpw5GVLAivT2/YzCg==
-  dependencies:
-    "@lerna/child-process" "4.0.0"
-    semver "^7.3.4"
-
-"@lerna/import@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/import/-/import-4.0.0.tgz#bde656c4a451fa87ae41733ff8a8da60547c5465"
-  integrity sha512-FaIhd+4aiBousKNqC7TX1Uhe97eNKf5/SC7c5WZANVWtC7aBWdmswwDt3usrzCNpj6/Wwr9EtEbYROzxKH8ffg==
-  dependencies:
-    "@lerna/child-process" "4.0.0"
-    "@lerna/command" "4.0.0"
-    "@lerna/prompt" "4.0.0"
-    "@lerna/pulse-till-done" "4.0.0"
-    "@lerna/validation-error" "4.0.0"
-    dedent "^0.7.0"
-    fs-extra "^9.1.0"
-    p-map-series "^2.1.0"
-
-"@lerna/info@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/info/-/info-4.0.0.tgz#b9fb0e479d60efe1623603958a831a88b1d7f1fc"
-  integrity sha512-8Uboa12kaCSZEn4XRfPz5KU9XXoexSPS4oeYGj76s2UQb1O1GdnEyfjyNWoUl1KlJ2i/8nxUskpXIftoFYH0/Q==
-  dependencies:
-    "@lerna/command" "4.0.0"
-    "@lerna/output" "4.0.0"
-    envinfo "^7.7.4"
-
-"@lerna/init@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/init/-/init-4.0.0.tgz#dadff67e6dfb981e8ccbe0e6a310e837962f6c7a"
-  integrity sha512-wY6kygop0BCXupzWj5eLvTUqdR7vIAm0OgyV9WHpMYQGfs1V22jhztt8mtjCloD/O0nEe4tJhdG62XU5aYmPNQ==
-  dependencies:
-    "@lerna/child-process" "4.0.0"
-    "@lerna/command" "4.0.0"
-    fs-extra "^9.1.0"
-    p-map "^4.0.0"
-    write-json-file "^4.3.0"
-
-"@lerna/link@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/link/-/link-4.0.0.tgz#c3a38aabd44279d714e90f2451e31b63f0fb65ba"
-  integrity sha512-KlvPi7XTAcVOByfaLlOeYOfkkDcd+bejpHMCd1KcArcFTwijOwXOVi24DYomIeHvy6HsX/IUquJ4PPUJIeB4+w==
-  dependencies:
-    "@lerna/command" "4.0.0"
-    "@lerna/package-graph" "4.0.0"
-    "@lerna/symlink-dependencies" "4.0.0"
-    p-map "^4.0.0"
-    slash "^3.0.0"
-
-"@lerna/list@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/list/-/list-4.0.0.tgz#24b4e6995bd73f81c556793fe502b847efd9d1d7"
-  integrity sha512-L2B5m3P+U4Bif5PultR4TI+KtW+SArwq1i75QZ78mRYxPc0U/piau1DbLOmwrdqr99wzM49t0Dlvl6twd7GHFg==
-  dependencies:
-    "@lerna/command" "4.0.0"
-    "@lerna/filter-options" "4.0.0"
-    "@lerna/listable" "4.0.0"
-    "@lerna/output" "4.0.0"
-
-"@lerna/listable@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/listable/-/listable-4.0.0.tgz#d00d6cb4809b403f2b0374fc521a78e318b01214"
-  integrity sha512-/rPOSDKsOHs5/PBLINZOkRIX1joOXUXEtyUs5DHLM8q6/RP668x/1lFhw6Dx7/U+L0+tbkpGtZ1Yt0LewCLgeQ==
-  dependencies:
-    "@lerna/query-graph" "4.0.0"
-    chalk "^4.1.0"
-    columnify "^1.5.4"
-
-"@lerna/log-packed@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/log-packed/-/log-packed-4.0.0.tgz#95168fe2e26ac6a71e42f4be857519b77e57a09f"
-  integrity sha512-+dpCiWbdzgMAtpajLToy9PO713IHoE6GV/aizXycAyA07QlqnkpaBNZ8DW84gHdM1j79TWockGJo9PybVhrrZQ==
-  dependencies:
-    byte-size "^7.0.0"
-    columnify "^1.5.4"
-    has-unicode "^2.0.1"
-    npmlog "^4.1.2"
-
-"@lerna/npm-conf@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/npm-conf/-/npm-conf-4.0.0.tgz#b259fd1e1cee2bf5402b236e770140ff9ade7fd2"
-  integrity sha512-uS7H02yQNq3oejgjxAxqq/jhwGEE0W0ntr8vM3EfpCW1F/wZruwQw+7bleJQ9vUBjmdXST//tk8mXzr5+JXCfw==
-  dependencies:
-    config-chain "^1.1.12"
-    pify "^5.0.0"
-
-"@lerna/npm-dist-tag@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/npm-dist-tag/-/npm-dist-tag-4.0.0.tgz#d1e99b4eccd3414142f0548ad331bf2d53f3257a"
-  integrity sha512-F20sg28FMYTgXqEQihgoqSfwmq+Id3zT23CnOwD+XQMPSy9IzyLf1fFVH319vXIw6NF6Pgs4JZN2Qty6/CQXGw==
-  dependencies:
-    "@lerna/otplease" "4.0.0"
-    npm-package-arg "^8.1.0"
-    npm-registry-fetch "^9.0.0"
-    npmlog "^4.1.2"
-
-"@lerna/npm-install@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/npm-install/-/npm-install-4.0.0.tgz#31180be3ab3b7d1818a1a0c206aec156b7094c78"
-  integrity sha512-aKNxq2j3bCH3eXl3Fmu4D54s/YLL9WSwV8W7X2O25r98wzrO38AUN6AB9EtmAx+LV/SP15et7Yueg9vSaanRWg==
-  dependencies:
-    "@lerna/child-process" "4.0.0"
-    "@lerna/get-npm-exec-opts" "4.0.0"
-    fs-extra "^9.1.0"
-    npm-package-arg "^8.1.0"
-    npmlog "^4.1.2"
-    signal-exit "^3.0.3"
-    write-pkg "^4.0.0"
-
-"@lerna/npm-publish@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/npm-publish/-/npm-publish-4.0.0.tgz#84eb62e876fe949ae1fd62c60804423dbc2c4472"
-  integrity sha512-vQb7yAPRo5G5r77DRjHITc9piR9gvEKWrmfCH7wkfBnGWEqu7n8/4bFQ7lhnkujvc8RXOsYpvbMQkNfkYibD/w==
-  dependencies:
-    "@lerna/otplease" "4.0.0"
-    "@lerna/run-lifecycle" "4.0.0"
-    fs-extra "^9.1.0"
-    libnpmpublish "^4.0.0"
-    npm-package-arg "^8.1.0"
-    npmlog "^4.1.2"
-    pify "^5.0.0"
-    read-package-json "^3.0.0"
-
-"@lerna/npm-run-script@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/npm-run-script/-/npm-run-script-4.0.0.tgz#dfebf4f4601442e7c0b5214f9fb0d96c9350743b"
-  integrity sha512-Jmyh9/IwXJjOXqKfIgtxi0bxi1pUeKe5bD3S81tkcy+kyng/GNj9WSqD5ZggoNP2NP//s4CLDAtUYLdP7CU9rA==
-  dependencies:
-    "@lerna/child-process" "4.0.0"
-    "@lerna/get-npm-exec-opts" "4.0.0"
-    npmlog "^4.1.2"
-
-"@lerna/otplease@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/otplease/-/otplease-4.0.0.tgz#84972eb43448f8a1077435ba1c5e59233b725850"
-  integrity sha512-Sgzbqdk1GH4psNiT6hk+BhjOfIr/5KhGBk86CEfHNJTk9BK4aZYyJD4lpDbDdMjIV4g03G7pYoqHzH765T4fxw==
-  dependencies:
-    "@lerna/prompt" "4.0.0"
-
-"@lerna/output@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/output/-/output-4.0.0.tgz#b1d72215c0e35483e4f3e9994debc82c621851f2"
-  integrity sha512-Un1sHtO1AD7buDQrpnaYTi2EG6sLF+KOPEAMxeUYG5qG3khTs2Zgzq5WE3dt2N/bKh7naESt20JjIW6tBELP0w==
-  dependencies:
-    npmlog "^4.1.2"
-
-"@lerna/pack-directory@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/pack-directory/-/pack-directory-4.0.0.tgz#8b617db95d20792f043aaaa13a9ccc0e04cb4c74"
-  integrity sha512-NJrmZNmBHS+5aM+T8N6FVbaKFScVqKlQFJNY2k7nsJ/uklNKsLLl6VhTQBPwMTbf6Tf7l6bcKzpy7aePuq9UiQ==
-  dependencies:
-    "@lerna/get-packed" "4.0.0"
-    "@lerna/package" "4.0.0"
-    "@lerna/run-lifecycle" "4.0.0"
-    npm-packlist "^2.1.4"
-    npmlog "^4.1.2"
-    tar "^6.1.0"
-    temp-write "^4.0.0"
-
-"@lerna/package-graph@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/package-graph/-/package-graph-4.0.0.tgz#16a00253a8ac810f72041481cb46bcee8d8123dd"
-  integrity sha512-QED2ZCTkfXMKFoTGoccwUzjHtZMSf3UKX14A4/kYyBms9xfFsesCZ6SLI5YeySEgcul8iuIWfQFZqRw+Qrjraw==
-  dependencies:
-    "@lerna/prerelease-id-from-version" "4.0.0"
-    "@lerna/validation-error" "4.0.0"
-    npm-package-arg "^8.1.0"
-    npmlog "^4.1.2"
-    semver "^7.3.4"
-
-"@lerna/package@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/package/-/package-4.0.0.tgz#1b4c259c4bcff45c876ee1d591a043aacbc0d6b7"
-  integrity sha512-l0M/izok6FlyyitxiQKr+gZLVFnvxRQdNhzmQ6nRnN9dvBJWn+IxxpM+cLqGACatTnyo9LDzNTOj2Db3+s0s8Q==
-  dependencies:
-    load-json-file "^6.2.0"
-    npm-package-arg "^8.1.0"
-    write-pkg "^4.0.0"
-
-"@lerna/prerelease-id-from-version@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/prerelease-id-from-version/-/prerelease-id-from-version-4.0.0.tgz#c7e0676fcee1950d85630e108eddecdd5b48c916"
-  integrity sha512-GQqguzETdsYRxOSmdFZ6zDBXDErIETWOqomLERRY54f4p+tk4aJjoVdd9xKwehC9TBfIFvlRbL1V9uQGHh1opg==
-  dependencies:
-    semver "^7.3.4"
-
-"@lerna/profiler@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/profiler/-/profiler-4.0.0.tgz#8a53ab874522eae15d178402bff90a14071908e9"
-  integrity sha512-/BaEbqnVh1LgW/+qz8wCuI+obzi5/vRE8nlhjPzdEzdmWmZXuCKyWSEzAyHOJWw1ntwMiww5dZHhFQABuoFz9Q==
-  dependencies:
-    fs-extra "^9.1.0"
-    npmlog "^4.1.2"
-    upath "^2.0.1"
-
-"@lerna/project@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/project/-/project-4.0.0.tgz#ff84893935833533a74deff30c0e64ddb7f0ba6b"
-  integrity sha512-o0MlVbDkD5qRPkFKlBZsXZjoNTWPyuL58564nSfZJ6JYNmgAptnWPB2dQlAc7HWRZkmnC2fCkEdoU+jioPavbg==
-  dependencies:
-    "@lerna/package" "4.0.0"
-    "@lerna/validation-error" "4.0.0"
-    cosmiconfig "^7.0.0"
-    dedent "^0.7.0"
-    dot-prop "^6.0.1"
-    glob-parent "^5.1.1"
-    globby "^11.0.2"
-    load-json-file "^6.2.0"
-    npmlog "^4.1.2"
-    p-map "^4.0.0"
-    resolve-from "^5.0.0"
-    write-json-file "^4.3.0"
-
-"@lerna/prompt@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/prompt/-/prompt-4.0.0.tgz#5ec69a803f3f0db0ad9f221dad64664d3daca41b"
-  integrity sha512-4Ig46oCH1TH5M7YyTt53fT6TuaKMgqUUaqdgxvp6HP6jtdak6+amcsqB8YGz2eQnw/sdxunx84DfI9XpoLj4bQ==
-  dependencies:
-    inquirer "^7.3.3"
-    npmlog "^4.1.2"
-
-"@lerna/publish@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/publish/-/publish-4.0.0.tgz#f67011305adeba120066a3b6d984a5bb5fceef65"
-  integrity sha512-K8jpqjHrChH22qtkytA5GRKIVFEtqBF6JWj1I8dWZtHs4Jywn8yB1jQ3BAMLhqmDJjWJtRck0KXhQQKzDK2UPg==
-  dependencies:
-    "@lerna/check-working-tree" "4.0.0"
-    "@lerna/child-process" "4.0.0"
-    "@lerna/collect-updates" "4.0.0"
-    "@lerna/command" "4.0.0"
-    "@lerna/describe-ref" "4.0.0"
-    "@lerna/log-packed" "4.0.0"
-    "@lerna/npm-conf" "4.0.0"
-    "@lerna/npm-dist-tag" "4.0.0"
-    "@lerna/npm-publish" "4.0.0"
-    "@lerna/otplease" "4.0.0"
-    "@lerna/output" "4.0.0"
-    "@lerna/pack-directory" "4.0.0"
-    "@lerna/prerelease-id-from-version" "4.0.0"
-    "@lerna/prompt" "4.0.0"
-    "@lerna/pulse-till-done" "4.0.0"
-    "@lerna/run-lifecycle" "4.0.0"
-    "@lerna/run-topologically" "4.0.0"
-    "@lerna/validation-error" "4.0.0"
-    "@lerna/version" "4.0.0"
-    fs-extra "^9.1.0"
-    libnpmaccess "^4.0.1"
-    npm-package-arg "^8.1.0"
-    npm-registry-fetch "^9.0.0"
-    npmlog "^4.1.2"
-    p-map "^4.0.0"
-    p-pipe "^3.1.0"
-    pacote "^11.2.6"
-    semver "^7.3.4"
-
-"@lerna/pulse-till-done@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/pulse-till-done/-/pulse-till-done-4.0.0.tgz#04bace7d483a8205c187b806bcd8be23d7bb80a3"
-  integrity sha512-Frb4F7QGckaybRhbF7aosLsJ5e9WuH7h0KUkjlzSByVycxY91UZgaEIVjS2oN9wQLrheLMHl6SiFY0/Pvo0Cxg==
-  dependencies:
-    npmlog "^4.1.2"
-
-"@lerna/query-graph@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/query-graph/-/query-graph-4.0.0.tgz#09dd1c819ac5ee3f38db23931143701f8a6eef63"
-  integrity sha512-YlP6yI3tM4WbBmL9GCmNDoeQyzcyg1e4W96y/PKMZa5GbyUvkS2+Jc2kwPD+5KcXou3wQZxSPzR3Te5OenaDdg==
-  dependencies:
-    "@lerna/package-graph" "4.0.0"
-
-"@lerna/resolve-symlink@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/resolve-symlink/-/resolve-symlink-4.0.0.tgz#6d006628a210c9b821964657a9e20a8c9a115e14"
-  integrity sha512-RtX8VEUzqT+uLSCohx8zgmjc6zjyRlh6i/helxtZTMmc4+6O4FS9q5LJas2uGO2wKvBlhcD6siibGt7dIC3xZA==
-  dependencies:
-    fs-extra "^9.1.0"
-    npmlog "^4.1.2"
-    read-cmd-shim "^2.0.0"
-
-"@lerna/rimraf-dir@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/rimraf-dir/-/rimraf-dir-4.0.0.tgz#2edf3b62d4eb0ef4e44e430f5844667d551ec25a"
-  integrity sha512-QNH9ABWk9mcMJh2/muD9iYWBk1oQd40y6oH+f3wwmVGKYU5YJD//+zMiBI13jxZRtwBx0vmBZzkBkK1dR11cBg==
-  dependencies:
-    "@lerna/child-process" "4.0.0"
-    npmlog "^4.1.2"
-    path-exists "^4.0.0"
-    rimraf "^3.0.2"
-
-"@lerna/run-lifecycle@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/run-lifecycle/-/run-lifecycle-4.0.0.tgz#e648a46f9210a9bcd7c391df6844498cb5079334"
-  integrity sha512-IwxxsajjCQQEJAeAaxF8QdEixfI7eLKNm4GHhXHrgBu185JcwScFZrj9Bs+PFKxwb+gNLR4iI5rpUdY8Y0UdGQ==
-  dependencies:
-    "@lerna/npm-conf" "4.0.0"
-    npm-lifecycle "^3.1.5"
-    npmlog "^4.1.2"
-
-"@lerna/run-topologically@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/run-topologically/-/run-topologically-4.0.0.tgz#af846eeee1a09b0c2be0d1bfb5ef0f7b04bb1827"
-  integrity sha512-EVZw9hGwo+5yp+VL94+NXRYisqgAlj0jWKWtAIynDCpghRxCE5GMO3xrQLmQgqkpUl9ZxQFpICgYv5DW4DksQA==
-  dependencies:
-    "@lerna/query-graph" "4.0.0"
-    p-queue "^6.6.2"
-
-"@lerna/run@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/run/-/run-4.0.0.tgz#4bc7fda055a729487897c23579694f6183c91262"
-  integrity sha512-9giulCOzlMPzcZS/6Eov6pxE9gNTyaXk0Man+iCIdGJNMrCnW7Dme0Z229WWP/UoxDKg71F2tMsVVGDiRd8fFQ==
-  dependencies:
-    "@lerna/command" "4.0.0"
-    "@lerna/filter-options" "4.0.0"
-    "@lerna/npm-run-script" "4.0.0"
-    "@lerna/output" "4.0.0"
-    "@lerna/profiler" "4.0.0"
-    "@lerna/run-topologically" "4.0.0"
-    "@lerna/timer" "4.0.0"
-    "@lerna/validation-error" "4.0.0"
-    p-map "^4.0.0"
-
-"@lerna/symlink-binary@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/symlink-binary/-/symlink-binary-4.0.0.tgz#21009f62d53a425f136cb4c1a32c6b2a0cc02d47"
-  integrity sha512-zualodWC4q1QQc1pkz969hcFeWXOsVYZC5AWVtAPTDfLl+TwM7eG/O6oP+Rr3fFowspxo6b1TQ6sYfDV6HXNWA==
-  dependencies:
-    "@lerna/create-symlink" "4.0.0"
-    "@lerna/package" "4.0.0"
-    fs-extra "^9.1.0"
-    p-map "^4.0.0"
-
-"@lerna/symlink-dependencies@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/symlink-dependencies/-/symlink-dependencies-4.0.0.tgz#8910eca084ae062642d0490d8972cf2d98e9ebbd"
-  integrity sha512-BABo0MjeUHNAe2FNGty1eantWp8u83BHSeIMPDxNq0MuW2K3CiQRaeWT3EGPAzXpGt0+hVzBrA6+OT0GPn7Yuw==
-  dependencies:
-    "@lerna/create-symlink" "4.0.0"
-    "@lerna/resolve-symlink" "4.0.0"
-    "@lerna/symlink-binary" "4.0.0"
-    fs-extra "^9.1.0"
-    p-map "^4.0.0"
-    p-map-series "^2.1.0"
-
-"@lerna/timer@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/timer/-/timer-4.0.0.tgz#a52e51bfcd39bfd768988049ace7b15c1fd7a6da"
-  integrity sha512-WFsnlaE7SdOvjuyd05oKt8Leg3ENHICnvX3uYKKdByA+S3g+TCz38JsNs7OUZVt+ba63nC2nbXDlUnuT2Xbsfg==
-
-"@lerna/validation-error@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/validation-error/-/validation-error-4.0.0.tgz#af9d62fe8304eaa2eb9a6ba1394f9aa807026d35"
-  integrity sha512-1rBOM5/koiVWlRi3V6dB863E1YzJS8v41UtsHgMr6gB2ncJ2LsQtMKlJpi3voqcgh41H8UsPXR58RrrpPpufyw==
-  dependencies:
-    npmlog "^4.1.2"
-
-"@lerna/version@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/version/-/version-4.0.0.tgz#532659ec6154d8a8789c5ab53878663e244e3228"
-  integrity sha512-otUgiqs5W9zGWJZSCCMRV/2Zm2A9q9JwSDS7s/tlKq4mWCYriWo7+wsHEA/nPTMDyYyBO5oyZDj+3X50KDUzeA==
-  dependencies:
-    "@lerna/check-working-tree" "4.0.0"
-    "@lerna/child-process" "4.0.0"
-    "@lerna/collect-updates" "4.0.0"
-    "@lerna/command" "4.0.0"
-    "@lerna/conventional-commits" "4.0.0"
-    "@lerna/github-client" "4.0.0"
-    "@lerna/gitlab-client" "4.0.0"
-    "@lerna/output" "4.0.0"
-    "@lerna/prerelease-id-from-version" "4.0.0"
-    "@lerna/prompt" "4.0.0"
-    "@lerna/run-lifecycle" "4.0.0"
-    "@lerna/run-topologically" "4.0.0"
-    "@lerna/validation-error" "4.0.0"
-    chalk "^4.1.0"
-    dedent "^0.7.0"
-    load-json-file "^6.2.0"
-    minimatch "^3.0.4"
-    npmlog "^4.1.2"
-    p-map "^4.0.0"
-    p-pipe "^3.1.0"
-    p-reduce "^2.1.0"
-    p-waterfall "^2.1.1"
-    semver "^7.3.4"
-    slash "^3.0.0"
-    temp-write "^4.0.0"
-    write-json-file "^4.3.0"
-
-"@lerna/write-log-file@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@lerna/write-log-file/-/write-log-file-4.0.0.tgz#18221a38a6a307d6b0a5844dd592ad53fa27091e"
-  integrity sha512-XRG5BloiArpXRakcnPHmEHJp+4AtnhRtpDIHSghmXD5EichI1uD73J7FgPp30mm2pDRq3FdqB0NbwSEsJ9xFQg==
-  dependencies:
-    npmlog "^4.1.2"
-    write-file-atomic "^3.0.3"
-
-"@nodelib/fs.scandir@2.1.5":
-  version "2.1.5"
-  resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
-  integrity sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==
-  dependencies:
-    "@nodelib/fs.stat" "2.0.5"
-    run-parallel "^1.1.9"
-
-"@nodelib/fs.stat@2.0.5", "@nodelib/fs.stat@^2.0.2":
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz#5bd262af94e9d25bd1e71b05deed44876a222e8b"
-  integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
-
-"@nodelib/fs.walk@^1.2.3", "@nodelib/fs.walk@^1.2.8":
-  version "1.2.8"
-  resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz#e95737e8bb6746ddedf69c556953494f196fe69a"
-  integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
-  dependencies:
-    "@nodelib/fs.scandir" "2.1.5"
-    fastq "^1.6.0"
-
-"@npmcli/ci-detect@^1.0.0":
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/@npmcli/ci-detect/-/ci-detect-1.4.0.tgz#18478bbaa900c37bfbd8a2006a6262c62e8b0fe1"
-  integrity sha512-3BGrt6FLjqM6br5AhWRKTr3u5GIVkjRYeAFrMp3HjnfICrg4xOrVRwFavKT6tsp++bq5dluL5t8ME/Nha/6c1Q==
-
-"@npmcli/fs@^1.0.0":
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@npmcli/fs/-/fs-1.1.1.tgz#72f719fe935e687c56a4faecf3c03d06ba593257"
-  integrity sha512-8KG5RD0GVP4ydEzRn/I4BNDuxDtqVbOdm8675T49OIG/NGhaK0pjPX7ZcDlvKYbA+ulvVK3ztfcF4uBdOxuJbQ==
-  dependencies:
-    "@gar/promisify" "^1.0.1"
-    semver "^7.3.5"
-
-"@npmcli/git@^2.1.0":
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/@npmcli/git/-/git-2.1.0.tgz#2fbd77e147530247d37f325930d457b3ebe894f6"
-  integrity sha512-/hBFX/QG1b+N7PZBFs0bi+evgRZcK9nWBxQKZkGoXUT5hJSwl5c4d7y8/hm+NQZRPhQ67RzFaj5UM9YeyKoryw==
-  dependencies:
-    "@npmcli/promise-spawn" "^1.3.2"
-    lru-cache "^6.0.0"
-    mkdirp "^1.0.4"
-    npm-pick-manifest "^6.1.1"
-    promise-inflight "^1.0.1"
-    promise-retry "^2.0.1"
-    semver "^7.3.5"
-    which "^2.0.2"
-
-"@npmcli/installed-package-contents@^1.0.6":
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/@npmcli/installed-package-contents/-/installed-package-contents-1.0.7.tgz#ab7408c6147911b970a8abe261ce512232a3f4fa"
-  integrity sha512-9rufe0wnJusCQoLpV9ZPKIVP55itrM5BxOXs10DmdbRfgWtHy1LDyskbwRnBghuB0PrF7pNPOqREVtpz4HqzKw==
-  dependencies:
-    npm-bundled "^1.1.1"
-    npm-normalize-package-bin "^1.0.1"
-
-"@npmcli/move-file@^1.0.1":
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/@npmcli/move-file/-/move-file-1.1.2.tgz#1a82c3e372f7cae9253eb66d72543d6b8685c674"
-  integrity sha512-1SUf/Cg2GzGDyaf15aR9St9TWlb+XvbZXWpDx8YKs7MLzMH/BCeopv+y9vzrzgkfykCGuWOlSu3mZhj2+FQcrg==
-  dependencies:
-    mkdirp "^1.0.4"
-    rimraf "^3.0.2"
-
-"@npmcli/node-gyp@^1.0.2":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@npmcli/node-gyp/-/node-gyp-1.0.3.tgz#a912e637418ffc5f2db375e93b85837691a43a33"
-  integrity sha512-fnkhw+fmX65kiLqk6E3BFLXNC26rUhK90zVwe2yncPliVT/Qos3xjhTLE59Df8KnPlcwIERXKVlU1bXoUQ+liA==
-
-"@npmcli/promise-spawn@^1.2.0", "@npmcli/promise-spawn@^1.3.2":
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/@npmcli/promise-spawn/-/promise-spawn-1.3.2.tgz#42d4e56a8e9274fba180dabc0aea6e38f29274f5"
-  integrity sha512-QyAGYo/Fbj4MXeGdJcFzZ+FkDkomfRBrPM+9QYJSg+PxgAUL+LU3FneQk37rKR2/zjqkCV1BLHccX98wRXG3Sg==
-  dependencies:
-    infer-owner "^1.0.4"
-
-"@npmcli/run-script@^1.8.2":
-  version "1.8.6"
-  resolved "https://registry.yarnpkg.com/@npmcli/run-script/-/run-script-1.8.6.tgz#18314802a6660b0d4baa4c3afe7f1ad39d8c28b7"
-  integrity sha512-e42bVZnC6VluBZBAFEr3YrdqSspG3bgilyg4nSLBJ7TRGNCzxHa92XAHxQBLYg0BmgwO4b2mf3h/l5EkEWRn3g==
-  dependencies:
-    "@npmcli/node-gyp" "^1.0.2"
-    "@npmcli/promise-spawn" "^1.3.2"
-    node-gyp "^7.1.0"
-    read-package-json-fast "^2.0.1"
-
-"@octokit/auth-token@^2.4.4":
-  version "2.5.0"
-  resolved "https://registry.yarnpkg.com/@octokit/auth-token/-/auth-token-2.5.0.tgz#27c37ea26c205f28443402477ffd261311f21e36"
-  integrity sha512-r5FVUJCOLl19AxiuZD2VRZ/ORjp/4IN98Of6YJoJOkY75CIBuYfmiNHGrDwXr+aLGG55igl9QrxX3hbiXlLb+g==
-  dependencies:
-    "@octokit/types" "^6.0.3"
-
-"@octokit/core@^3.5.1":
-  version "3.6.0"
-  resolved "https://registry.yarnpkg.com/@octokit/core/-/core-3.6.0.tgz#3376cb9f3008d9b3d110370d90e0a1fcd5fe6085"
-  integrity sha512-7RKRKuA4xTjMhY+eG3jthb3hlZCsOwg3rztWh75Xc+ShDWOfDDATWbeZpAHBNRpm4Tv9WgBMOy1zEJYXG6NJ7Q==
-  dependencies:
-    "@octokit/auth-token" "^2.4.4"
-    "@octokit/graphql" "^4.5.8"
-    "@octokit/request" "^5.6.3"
-    "@octokit/request-error" "^2.0.5"
-    "@octokit/types" "^6.0.3"
-    before-after-hook "^2.2.0"
-    universal-user-agent "^6.0.0"
-
-"@octokit/endpoint@^6.0.1":
-  version "6.0.12"
-  resolved "https://registry.yarnpkg.com/@octokit/endpoint/-/endpoint-6.0.12.tgz#3b4d47a4b0e79b1027fb8d75d4221928b2d05658"
-  integrity sha512-lF3puPwkQWGfkMClXb4k/eUT/nZKQfxinRWJrdZaJO85Dqwo/G0yOC434Jr2ojwafWJMYqFGFa5ms4jJUgujdA==
-  dependencies:
-    "@octokit/types" "^6.0.3"
-    is-plain-object "^5.0.0"
-    universal-user-agent "^6.0.0"
-
-"@octokit/graphql@^4.5.8":
-  version "4.8.0"
-  resolved "https://registry.yarnpkg.com/@octokit/graphql/-/graphql-4.8.0.tgz#664d9b11c0e12112cbf78e10f49a05959aa22cc3"
-  integrity sha512-0gv+qLSBLKF0z8TKaSKTsS39scVKF9dbMxJpj3U0vC7wjNWFuIpL/z76Qe2fiuCbDRcJSavkXsVtMS6/dtQQsg==
-  dependencies:
-    "@octokit/request" "^5.6.0"
-    "@octokit/types" "^6.0.3"
-    universal-user-agent "^6.0.0"
-
-"@octokit/openapi-types@^12.11.0":
-  version "12.11.0"
-  resolved "https://registry.yarnpkg.com/@octokit/openapi-types/-/openapi-types-12.11.0.tgz#da5638d64f2b919bca89ce6602d059f1b52d3ef0"
-  integrity sha512-VsXyi8peyRq9PqIz/tpqiL2w3w80OgVMwBHltTml3LmVvXiphgeqmY9mvBw9Wu7e0QWk/fqD37ux8yP5uVekyQ==
-
-"@octokit/plugin-enterprise-rest@^6.0.1":
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/@octokit/plugin-enterprise-rest/-/plugin-enterprise-rest-6.0.1.tgz#e07896739618dab8da7d4077c658003775f95437"
-  integrity sha512-93uGjlhUD+iNg1iWhUENAtJata6w5nE+V4urXOAlIXdco6xNZtUSfYY8dzp3Udy74aqO/B5UZL80x/YMa5PKRw==
-
-"@octokit/plugin-paginate-rest@^2.16.8":
-  version "2.21.3"
-  resolved "https://registry.yarnpkg.com/@octokit/plugin-paginate-rest/-/plugin-paginate-rest-2.21.3.tgz#7f12532797775640dbb8224da577da7dc210c87e"
-  integrity sha512-aCZTEf0y2h3OLbrgKkrfFdjRL6eSOo8komneVQJnYecAxIej7Bafor2xhuDJOIFau4pk0i/P28/XgtbyPF0ZHw==
-  dependencies:
-    "@octokit/types" "^6.40.0"
-
-"@octokit/plugin-request-log@^1.0.4":
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/@octokit/plugin-request-log/-/plugin-request-log-1.0.4.tgz#5e50ed7083a613816b1e4a28aeec5fb7f1462e85"
-  integrity sha512-mLUsMkgP7K/cnFEw07kWqXGF5LKrOkD+lhCrKvPHXWDywAwuDUeDwWBpc69XK3pNX0uKiVt8g5z96PJ6z9xCFA==
-
-"@octokit/plugin-rest-endpoint-methods@^5.12.0":
-  version "5.16.2"
-  resolved "https://registry.yarnpkg.com/@octokit/plugin-rest-endpoint-methods/-/plugin-rest-endpoint-methods-5.16.2.tgz#7ee8bf586df97dd6868cf68f641354e908c25342"
-  integrity sha512-8QFz29Fg5jDuTPXVtey05BLm7OB+M8fnvE64RNegzX7U+5NUXcOcnpTIK0YfSHBg8gYd0oxIq3IZTe9SfPZiRw==
-  dependencies:
-    "@octokit/types" "^6.39.0"
-    deprecation "^2.3.1"
-
-"@octokit/request-error@^2.0.5", "@octokit/request-error@^2.1.0":
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/@octokit/request-error/-/request-error-2.1.0.tgz#9e150357831bfc788d13a4fd4b1913d60c74d677"
-  integrity sha512-1VIvgXxs9WHSjicsRwq8PlR2LR2x6DwsJAaFgzdi0JfJoGSO8mYI/cHJQ+9FbN21aa+DrgNLnwObmyeSC8Rmpg==
-  dependencies:
-    "@octokit/types" "^6.0.3"
-    deprecation "^2.0.0"
-    once "^1.4.0"
-
-"@octokit/request@^5.6.0", "@octokit/request@^5.6.3":
-  version "5.6.3"
-  resolved "https://registry.yarnpkg.com/@octokit/request/-/request-5.6.3.tgz#19a022515a5bba965ac06c9d1334514eb50c48b0"
-  integrity sha512-bFJl0I1KVc9jYTe9tdGGpAMPy32dLBXXo1dS/YwSCTL/2nd9XeHsY616RE3HPXDVk+a+dBuzyz5YdlXwcDTr2A==
-  dependencies:
-    "@octokit/endpoint" "^6.0.1"
-    "@octokit/request-error" "^2.1.0"
-    "@octokit/types" "^6.16.1"
-    is-plain-object "^5.0.0"
-    node-fetch "^2.6.7"
-    universal-user-agent "^6.0.0"
-
-"@octokit/rest@^18.1.0":
-  version "18.12.0"
-  resolved "https://registry.yarnpkg.com/@octokit/rest/-/rest-18.12.0.tgz#f06bc4952fc87130308d810ca9d00e79f6988881"
-  integrity sha512-gDPiOHlyGavxr72y0guQEhLsemgVjwRePayJ+FcKc2SJqKUbxbkvf5kAZEWA/MKvsfYlQAMVzNJE3ezQcxMJ2Q==
-  dependencies:
-    "@octokit/core" "^3.5.1"
-    "@octokit/plugin-paginate-rest" "^2.16.8"
-    "@octokit/plugin-request-log" "^1.0.4"
-    "@octokit/plugin-rest-endpoint-methods" "^5.12.0"
-
-"@octokit/types@^6.0.3", "@octokit/types@^6.16.1", "@octokit/types@^6.39.0", "@octokit/types@^6.40.0":
-  version "6.41.0"
-  resolved "https://registry.yarnpkg.com/@octokit/types/-/types-6.41.0.tgz#e58ef78d78596d2fb7df9c6259802464b5f84a04"
-  integrity sha512-eJ2jbzjdijiL3B4PrSQaSjuF2sPEQPVCPzBvTHJD9Nz+9dw2SGH4K4xeQJ77YfTq5bRQ+bD8wT11JbeDPmxmGg==
-  dependencies:
-    "@octokit/openapi-types" "^12.11.0"
-
-"@popperjs/core@^2.11.6":
-  version "2.11.6"
-  resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.11.6.tgz#cee20bd55e68a1720bdab363ecf0c821ded4cd45"
-  integrity sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw==
-
-"@rollup/plugin-commonjs@^24.0.1":
-  version "24.0.1"
-  resolved "https://registry.yarnpkg.com/@rollup/plugin-commonjs/-/plugin-commonjs-24.0.1.tgz#d54ba26a3e3c495dc332bd27a81f7e9e2df46f90"
-  integrity sha512-15LsiWRZk4eOGqvrJyu3z3DaBu5BhXIMeWnijSRvd8irrrg9SHpQ1pH+BUK4H6Z9wL9yOxZJMTLU+Au86XHxow==
-  dependencies:
-    "@rollup/pluginutils" "^5.0.1"
-    commondir "^1.0.1"
-    estree-walker "^2.0.2"
-    glob "^8.0.3"
-    is-reference "1.2.1"
-    magic-string "^0.27.0"
-
-"@rollup/plugin-node-resolve@^15.0.1":
-  version "15.0.1"
-  resolved "https://registry.yarnpkg.com/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.0.1.tgz#72be449b8e06f6367168d5b3cd5e2802e0248971"
-  integrity sha512-ReY88T7JhJjeRVbfCyNj+NXAG3IIsVMsX9b5/9jC98dRP8/yxlZdz7mHZbHk5zHr24wZZICS5AcXsFZAXYUQEg==
-  dependencies:
-    "@rollup/pluginutils" "^5.0.1"
-    "@types/resolve" "1.20.2"
-    deepmerge "^4.2.2"
-    is-builtin-module "^3.2.0"
-    is-module "^1.0.0"
-    resolve "^1.22.1"
-
-"@rollup/plugin-typescript@^11.0.0":
-  version "11.0.0"
-  resolved "https://registry.yarnpkg.com/@rollup/plugin-typescript/-/plugin-typescript-11.0.0.tgz#f136272d1df5209daca0cb6f171c574b1d505545"
-  integrity sha512-goPyCWBiimk1iJgSTgsehFD5OOFHiAknrRJjqFCudcW8JtWiBlK284Xnn4flqMqg6YAjVG/EE+3aVzrL5qNSzQ==
-  dependencies:
-    "@rollup/pluginutils" "^5.0.1"
-    resolve "^1.22.1"
-
-"@rollup/pluginutils@^5.0.1":
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.0.2.tgz#012b8f53c71e4f6f9cb317e311df1404f56e7a33"
-  integrity sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==
-  dependencies:
-    "@types/estree" "^1.0.0"
-    estree-walker "^2.0.2"
-    picomatch "^2.3.1"
-
-"@sinclair/typebox@^0.25.16":
-  version "0.25.24"
-  resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.25.24.tgz#8c7688559979f7079aacaf31aa881c3aa410b718"
-  integrity sha512-XJfwUVUKDHF5ugKwIcxEgc9k8b7HbznCp6eUfWgu710hMPNIO4aw4/zB5RogDQz8nd6gyCDpU9O/m6qYEWY6yQ==
-
-"@sinonjs/commons@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@sinonjs/commons/-/commons-2.0.0.tgz#fd4ca5b063554307e8327b4564bd56d3b73924a3"
-  integrity sha512-uLa0j859mMrg2slwQYdO/AkrOfmH+X6LTVmNTS9CqexuE2IvVORIkSpJLqePAbEnKJ77aMmCwr1NUZ57120Xcg==
-  dependencies:
-    type-detect "4.0.8"
-
-"@sinonjs/fake-timers@^10.0.2":
-  version "10.0.2"
-  resolved "https://registry.yarnpkg.com/@sinonjs/fake-timers/-/fake-timers-10.0.2.tgz#d10549ed1f423d80639c528b6c7f5a1017747d0c"
-  integrity sha512-SwUDyjWnah1AaNl7kxsa7cfLhlTYoiyhDAIgyh+El30YvXs/o7OLXpYH88Zdhyx9JExKrmHDJ+10bwIcY80Jmw==
-  dependencies:
-    "@sinonjs/commons" "^2.0.0"
-
-"@tootallnate/once@1":
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/@tootallnate/once/-/once-1.1.2.tgz#ccb91445360179a04e7fe6aff78c00ffc1eeaf82"
-  integrity sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw==
-
-"@tootallnate/once@2":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@tootallnate/once/-/once-2.0.0.tgz#f544a148d3ab35801c1f633a7441fd87c2e484bf"
-  integrity sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==
-
-"@types/babel__core@^7.1.14":
-  version "7.20.0"
-  resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.20.0.tgz#61bc5a4cae505ce98e1e36c5445e4bee060d8891"
-  integrity sha512-+n8dL/9GWblDO0iU6eZAwEIJVr5DWigtle+Q6HLOrh/pdbXOhOtqzq8VPPE2zvNJzSKY4vH/z3iT3tn0A3ypiQ==
-  dependencies:
-    "@babel/parser" "^7.20.7"
-    "@babel/types" "^7.20.7"
-    "@types/babel__generator" "*"
-    "@types/babel__template" "*"
-    "@types/babel__traverse" "*"
-
-"@types/babel__generator@*":
-  version "7.6.4"
-  resolved "https://registry.yarnpkg.com/@types/babel__generator/-/babel__generator-7.6.4.tgz#1f20ce4c5b1990b37900b63f050182d28c2439b7"
-  integrity sha512-tFkciB9j2K755yrTALxD44McOrk+gfpIpvC3sxHjRawj6PfnQxrse4Clq5y/Rq+G3mrBurMax/lG8Qn2t9mSsg==
-  dependencies:
-    "@babel/types" "^7.0.0"
-
-"@types/babel__template@*":
-  version "7.4.1"
-  resolved "https://registry.yarnpkg.com/@types/babel__template/-/babel__template-7.4.1.tgz#3d1a48fd9d6c0edfd56f2ff578daed48f36c8969"
-  integrity sha512-azBFKemX6kMg5Io+/rdGT0dkGreboUVR0Cdm3fz9QJWpaQGJRQXl7C+6hOTCZcMll7KFyEQpgbYI2lHdsS4U7g==
-  dependencies:
-    "@babel/parser" "^7.1.0"
-    "@babel/types" "^7.0.0"
-
-"@types/babel__traverse@*", "@types/babel__traverse@^7.0.6":
-  version "7.18.3"
-  resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.18.3.tgz#dfc508a85781e5698d5b33443416b6268c4b3e8d"
-  integrity sha512-1kbcJ40lLB7MHsj39U4Sh1uTd2E7rLEa79kmDpI6cy+XiXsteB3POdQomoq4FxszMrO3ZYchkhYJw7A2862b3w==
-  dependencies:
-    "@babel/types" "^7.3.0"
-
-"@types/debug@^4.1.7":
-  version "4.1.7"
-  resolved "https://registry.yarnpkg.com/@types/debug/-/debug-4.1.7.tgz#7cc0ea761509124709b8b2d1090d8f6c17aadb82"
-  integrity sha512-9AonUzyTjXXhEOa0DnqpzZi6VHlqKMswga9EXjpXnnqxwLtdvPPtlO8evrI5D9S6asFRCQ6v+wpiUKbw+vKqyg==
-  dependencies:
-    "@types/ms" "*"
-
-"@types/estree@*", "@types/estree@^1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.0.tgz#5fb2e536c1ae9bf35366eed879e827fa59ca41c2"
-  integrity sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==
-
-"@types/fs-extra@^9.0.13":
-  version "9.0.13"
-  resolved "https://registry.yarnpkg.com/@types/fs-extra/-/fs-extra-9.0.13.tgz#7594fbae04fe7f1918ce8b3d213f74ff44ac1f45"
-  integrity sha512-nEnwB++1u5lVDM2UI4c1+5R+FYaKfaAzS4OococimjVm3nQw3TuzH5UNsocrcTBbhnerblyHj4A49qXbIiZdpA==
-  dependencies:
-    "@types/node" "*"
-
-"@types/graceful-fs@^4.1.3":
-  version "4.1.6"
-  resolved "https://registry.yarnpkg.com/@types/graceful-fs/-/graceful-fs-4.1.6.tgz#e14b2576a1c25026b7f02ede1de3b84c3a1efeae"
-  integrity sha512-Sig0SNORX9fdW+bQuTEovKj3uHcUL6LQKbCrrqb1X7J6/ReAbhCXRAhc+SMejhLELFj2QcyuxmUooZ4bt5ReSw==
-  dependencies:
-    "@types/node" "*"
-
-"@types/hash-sum@^1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@types/hash-sum/-/hash-sum-1.0.0.tgz#838f4e8627887d42b162d05f3d96ca636c2bc504"
-  integrity sha512-FdLBT93h3kcZ586Aee66HPCVJ6qvxVjBlDWNmxSGSbCZe9hTsjRKdSsl4y1T+3zfujxo9auykQMnFsfyHWD7wg==
-
-"@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.0", "@types/istanbul-lib-coverage@^2.0.1":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.4.tgz#8467d4b3c087805d63580480890791277ce35c44"
-  integrity sha512-z/QT1XN4K4KYuslS23k62yDIDLwLFkzxOuMplDtObz0+y7VqJCaO2o+SPwHCvLFZh7xazvvoor2tA/hPz9ee7g==
-
-"@types/istanbul-lib-report@*":
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz#c14c24f18ea8190c118ee7562b7ff99a36552686"
-  integrity sha512-plGgXAPfVKFoYfa9NpYDAkseG+g6Jr294RqeqcqDixSbU34MZVJRi/P+7Y8GDpzkEwLaGZZOpKIEmeVZNtKsrg==
-  dependencies:
-    "@types/istanbul-lib-coverage" "*"
-
-"@types/istanbul-reports@^3.0.0":
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/@types/istanbul-reports/-/istanbul-reports-3.0.1.tgz#9153fe98bba2bd565a63add9436d6f0d7f8468ff"
-  integrity sha512-c3mAZEuK0lvBp8tmuL74XRKn1+y2dcwOUpH7x4WrF6gk1GIgiluDRgMYQtw2OFcBvAJWlt6ASU3tSqxp0Uu0Aw==
-  dependencies:
-    "@types/istanbul-lib-report" "*"
-
-"@types/jest@^29.4.0":
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/@types/jest/-/jest-29.5.0.tgz#337b90bbcfe42158f39c2fb5619ad044bbb518ac"
-  integrity sha512-3Emr5VOl/aoBwnWcH/EFQvlSAmjV+XtV9GGu5mwdYew5vhQh0IUZx/60x0TzHDu09Bi7HMx10t/namdJw5QIcg==
-  dependencies:
-    expect "^29.0.0"
-    pretty-format "^29.0.0"
-
-"@types/jsdom@^20.0.0":
-  version "20.0.1"
-  resolved "https://registry.yarnpkg.com/@types/jsdom/-/jsdom-20.0.1.tgz#07c14bc19bd2f918c1929541cdaacae894744808"
-  integrity sha512-d0r18sZPmMQr1eG35u12FZfhIXNrnsPU/g5wvRKCUf/tOGilKKwYMYGqh33BNR6ba+2gkHw1EUiHoN3mn7E5IQ==
-  dependencies:
-    "@types/node" "*"
-    "@types/tough-cookie" "*"
-    parse5 "^7.0.0"
-
-"@types/json-schema@^7.0.9":
-  version "7.0.11"
-  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.11.tgz#d421b6c527a3037f7c84433fd2c4229e016863d3"
-  integrity sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==
-
-"@types/linkify-it@*":
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/@types/linkify-it/-/linkify-it-3.0.2.tgz#fd2cd2edbaa7eaac7e7f3c1748b52a19143846c9"
-  integrity sha512-HZQYqbiFVWufzCwexrvh694SOim8z2d+xJl5UNamcvQFejLY/2YUtzXHYi3cHdI7PMlS8ejH2slRAOJQ32aNbA==
-
-"@types/lodash@^4.14.191":
-  version "4.14.191"
-  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.191.tgz#09511e7f7cba275acd8b419ddac8da9a6a79e2fa"
-  integrity sha512-BdZ5BCCvho3EIXw6wUCXHe7rS53AIDPLE+JzwgT+OsJk53oBfbSmZZ7CX4VaRoN78N+TJpFi9QPlfIVNmJYWxQ==
-
-"@types/markdown-it@^12.2.3":
-  version "12.2.3"
-  resolved "https://registry.yarnpkg.com/@types/markdown-it/-/markdown-it-12.2.3.tgz#0d6f6e5e413f8daaa26522904597be3d6cd93b51"
-  integrity sha512-GKMHFfv3458yYy+v/N8gjufHO6MSZKCOXpZc5GXIWWy8uldwfmPn98vp81gZ5f9SVw8YYBctgfJ22a2d7AOMeQ==
-  dependencies:
-    "@types/linkify-it" "*"
-    "@types/mdurl" "*"
-
-"@types/mdurl@*":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@types/mdurl/-/mdurl-1.0.2.tgz#e2ce9d83a613bacf284c7be7d491945e39e1f8e9"
-  integrity sha512-eC4U9MlIcu2q0KQmXszyn5Akca/0jrQmwDRgpAMJai7qBWq4amIQhZyNau4VYGtCeALvW1/NtjzJJ567aZxfKA==
-
-"@types/minimatch@^3.0.3":
-  version "3.0.5"
-  resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-3.0.5.tgz#1001cc5e6a3704b83c236027e77f2f58ea010f40"
-  integrity sha512-Klz949h02Gz2uZCMGwDUSDS1YBlTdDDgbWHi+81l29tQALUtvz4rAYi5uoVhE5Lagoq6DeqAUlbrHvW/mXDgdQ==
-
-"@types/minimist@^1.2.0":
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/@types/minimist/-/minimist-1.2.2.tgz#ee771e2ba4b3dc5b372935d549fd9617bf345b8c"
-  integrity sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==
-
-"@types/ms@*":
-  version "0.7.31"
-  resolved "https://registry.yarnpkg.com/@types/ms/-/ms-0.7.31.tgz#31b7ca6407128a3d2bbc27fe2d21b345397f6197"
-  integrity sha512-iiUgKzV9AuaEkZqkOLDIvlQiL6ltuZd9tGcW3gwpnX8JbuiuhFlEGmmFXEXkN50Cvq7Os88IY2v0dkDqXYWVgA==
-
-"@types/node@*":
-  version "18.15.7"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-18.15.7.tgz#33514fca9bdf136f77027358850c0fb9cd93c669"
-  integrity sha512-LFmUbFunqmBn26wJZgZPYZPrDR1RwGOu2v79Mgcka1ndO6V0/cwjivPTc4yoK6n9kmw4/ls1r8cLrvh2iMibFA==
-
-"@types/normalize-package-data@^2.4.0":
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz#d3357479a0fdfdd5907fe67e17e0a85c906e1301"
-  integrity sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==
-
-"@types/parse-json@^4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.0.tgz#2f8bb441434d163b35fb8ffdccd7138927ffb8c0"
-  integrity sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==
-
-"@types/prettier@^2.1.5":
-  version "2.7.2"
-  resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-2.7.2.tgz#6c2324641cc4ba050a8c710b2b251b377581fbf0"
-  integrity sha512-KufADq8uQqo1pYKVIYzfKbJfBAc0sOeXqGbFaSpv8MRmC/zXgowNZmFcbngndGk922QDmOASEXUZCaY48gs4cg==
-
-"@types/resolve@1.20.2":
-  version "1.20.2"
-  resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-1.20.2.tgz#97d26e00cd4a0423b4af620abecf3e6f442b7975"
-  integrity sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==
-
-"@types/semver@^7.3.12":
-  version "7.3.13"
-  resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.3.13.tgz#da4bfd73f49bd541d28920ab0e2bf0ee80f71c91"
-  integrity sha512-21cFJr9z3g5dW8B0CVI9g2O9beqaThGQ6ZFBqHfwhzLDKUxaqTIy3vnfah/UPkfOiF2pLq+tGz+W8RyCskuslw==
-
-"@types/stack-utils@^2.0.0":
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-2.0.1.tgz#20f18294f797f2209b5f65c8e3b5c8e8261d127c"
-  integrity sha512-Hl219/BT5fLAaz6NDkSuhzasy49dwQS/DSdu4MdggFB8zcXv7vflBI3xp7FEmkmdDkBUI2bPUNeMttp2knYdxw==
-
-"@types/strip-bom@^3.0.0":
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/@types/strip-bom/-/strip-bom-3.0.0.tgz#14a8ec3956c2e81edb7520790aecf21c290aebd2"
-  integrity sha512-xevGOReSYGM7g/kUBZzPqCrR/KYAo+F0yiPc85WFTJa0MSLtyFTVTU6cJu/aV4mid7IffDIWqo69THF2o4JiEQ==
-
-"@types/strip-json-comments@0.0.30":
-  version "0.0.30"
-  resolved "https://registry.yarnpkg.com/@types/strip-json-comments/-/strip-json-comments-0.0.30.tgz#9aa30c04db212a9a0649d6ae6fd50accc40748a1"
-  integrity sha512-7NQmHra/JILCd1QqpSzl8+mJRc8ZHz3uDm8YV1Ks9IhK0epEiTw8aIErbvH9PI+6XbqhyIQy3462nEsn7UVzjQ==
-
-"@types/tough-cookie@*":
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/@types/tough-cookie/-/tough-cookie-4.0.2.tgz#6286b4c7228d58ab7866d19716f3696e03a09397"
-  integrity sha512-Q5vtl1W5ue16D+nIaW8JWebSSraJVlK+EthKn7e7UcD4KWsaSJ8BqGPXNaPghgtcn/fhvrN17Tv8ksUsQpiplw==
-
-"@types/web-bluetooth@^0.0.14":
-  version "0.0.14"
-  resolved "https://registry.yarnpkg.com/@types/web-bluetooth/-/web-bluetooth-0.0.14.tgz#94e175b53623384bff1f354cdb3197a8d63cdbe5"
-  integrity sha512-5d2RhCard1nQUC3aHcq/gHzWYO6K0WJmAbjO7mQJgCQKtZpgXxv1rOM6O/dBDhDYYVutk1sciOgNSe+5YyfM8A==
-
-"@types/yargs-parser@*":
-  version "21.0.0"
-  resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-21.0.0.tgz#0c60e537fa790f5f9472ed2776c2b71ec117351b"
-  integrity sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA==
-
-"@types/yargs@^17.0.8":
-  version "17.0.23"
-  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-17.0.23.tgz#a7db3a2062c95ca1a5e0d5d5ddb6521cbc649e35"
-  integrity sha512-yuogunc04OnzGQCrfHx+Kk883Q4X0aSwmYZhKjI21m+SVYzjIbrWl8dOOwSv5hf2Um2pdCOXWo9isteZTNXUZQ==
-  dependencies:
-    "@types/yargs-parser" "*"
-
-"@typescript-eslint/eslint-plugin@^5.0.0", "@typescript-eslint/eslint-plugin@^5.52.0":
-  version "5.56.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.56.0.tgz#e4fbb4d6dd8dab3e733485c1a44a02189ae75364"
-  integrity sha512-ZNW37Ccl3oMZkzxrYDUX4o7cnuPgU+YrcaYXzsRtLB16I1FR5SHMqga3zGsaSliZADCWo2v8qHWqAYIj8nWCCg==
-  dependencies:
-    "@eslint-community/regexpp" "^4.4.0"
-    "@typescript-eslint/scope-manager" "5.56.0"
-    "@typescript-eslint/type-utils" "5.56.0"
-    "@typescript-eslint/utils" "5.56.0"
-    debug "^4.3.4"
-    grapheme-splitter "^1.0.4"
-    ignore "^5.2.0"
-    natural-compare-lite "^1.4.0"
-    semver "^7.3.7"
-    tsutils "^3.21.0"
-
-"@typescript-eslint/parser@^5.0.0", "@typescript-eslint/parser@^5.52.0":
-  version "5.56.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.56.0.tgz#42eafb44b639ef1dbd54a3dbe628c446ca753ea6"
-  integrity sha512-sn1OZmBxUsgxMmR8a8U5QM/Wl+tyqlH//jTqCg8daTAmhAk26L2PFhcqPLlYBhYUJMZJK276qLXlHN3a83o2cg==
-  dependencies:
-    "@typescript-eslint/scope-manager" "5.56.0"
-    "@typescript-eslint/types" "5.56.0"
-    "@typescript-eslint/typescript-estree" "5.56.0"
-    debug "^4.3.4"
-
-"@typescript-eslint/scope-manager@5.56.0":
-  version "5.56.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.56.0.tgz#62b4055088903b5254fa20403010e1c16d6ab725"
-  integrity sha512-jGYKyt+iBakD0SA5Ww8vFqGpoV2asSjwt60Gl6YcO8ksQ8s2HlUEyHBMSa38bdLopYqGf7EYQMUIGdT/Luw+sw==
-  dependencies:
-    "@typescript-eslint/types" "5.56.0"
-    "@typescript-eslint/visitor-keys" "5.56.0"
-
-"@typescript-eslint/type-utils@5.56.0":
-  version "5.56.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.56.0.tgz#e6f004a072f09c42e263dc50e98c70b41a509685"
-  integrity sha512-8WxgOgJjWRy6m4xg9KoSHPzBNZeQbGlQOH7l2QEhQID/+YseaFxg5J/DLwWSsi9Axj4e/cCiKx7PVzOq38tY4A==
-  dependencies:
-    "@typescript-eslint/typescript-estree" "5.56.0"
-    "@typescript-eslint/utils" "5.56.0"
-    debug "^4.3.4"
-    tsutils "^3.21.0"
-
-"@typescript-eslint/types@5.56.0":
-  version "5.56.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.56.0.tgz#b03f0bfd6fa2afff4e67c5795930aff398cbd834"
-  integrity sha512-JyAzbTJcIyhuUhogmiu+t79AkdnqgPUEsxMTMc/dCZczGMJQh1MK2wgrju++yMN6AWroVAy2jxyPcPr3SWCq5w==
-
-"@typescript-eslint/typescript-estree@5.56.0":
-  version "5.56.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.56.0.tgz#48342aa2344649a03321e74cab9ccecb9af086c3"
-  integrity sha512-41CH/GncsLXOJi0jb74SnC7jVPWeVJ0pxQj8bOjH1h2O26jXN3YHKDT1ejkVz5YeTEQPeLCCRY0U2r68tfNOcg==
-  dependencies:
-    "@typescript-eslint/types" "5.56.0"
-    "@typescript-eslint/visitor-keys" "5.56.0"
-    debug "^4.3.4"
-    globby "^11.1.0"
-    is-glob "^4.0.3"
-    semver "^7.3.7"
-    tsutils "^3.21.0"
-
-"@typescript-eslint/utils@5.56.0":
-  version "5.56.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.56.0.tgz#db64705409b9a15546053fb4deb2888b37df1f41"
-  integrity sha512-XhZDVdLnUJNtbzaJeDSCIYaM+Tgr59gZGbFuELgF7m0IY03PlciidS7UQNKLE0+WpUTn1GlycEr6Ivb/afjbhA==
-  dependencies:
-    "@eslint-community/eslint-utils" "^4.2.0"
-    "@types/json-schema" "^7.0.9"
-    "@types/semver" "^7.3.12"
-    "@typescript-eslint/scope-manager" "5.56.0"
-    "@typescript-eslint/types" "5.56.0"
-    "@typescript-eslint/typescript-estree" "5.56.0"
-    eslint-scope "^5.1.1"
-    semver "^7.3.7"
-
-"@typescript-eslint/visitor-keys@5.56.0":
-  version "5.56.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.56.0.tgz#f19eb297d972417eb13cb69b35b3213e13cc214f"
-  integrity sha512-1mFdED7u5bZpX6Xxf5N9U2c18sb+8EvU3tyOIj6LQZ5OOvnmj8BVeNNP603OFPm5KkS1a7IvCIcwrdHXaEMG/Q==
-  dependencies:
-    "@typescript-eslint/types" "5.56.0"
-    eslint-visitor-keys "^3.3.0"
-
-"@vitejs/plugin-vue@^2.3.1":
-  version "2.3.4"
-  resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-2.3.4.tgz#966a6279060eb2d9d1a02ea1a331af071afdcf9e"
-  integrity sha512-IfFNbtkbIm36O9KB8QodlwwYvTEsJb4Lll4c2IwB3VHc2gie2mSPtSzL0eYay7X2jd/2WX02FjSGTWR6OPr/zg==
-
-"@vue/compiler-core@3.2.47":
-  version "3.2.47"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.2.47.tgz#3e07c684d74897ac9aa5922c520741f3029267f8"
-  integrity sha512-p4D7FDnQb7+YJmO2iPEv0SQNeNzcbHdGByJDsT4lynf63AFkOTFN07HsiRSvjGo0QrxR/o3d0hUyNCUnBU2Tig==
-  dependencies:
-    "@babel/parser" "^7.16.4"
-    "@vue/shared" "3.2.47"
-    estree-walker "^2.0.2"
-    source-map "^0.6.1"
-
-"@vue/compiler-dom@3.2.47", "@vue/compiler-dom@^3.0.1", "@vue/compiler-dom@^3.2.0":
-  version "3.2.47"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.2.47.tgz#a0b06caf7ef7056939e563dcaa9cbde30794f305"
-  integrity sha512-dBBnEHEPoftUiS03a4ggEig74J2YBZ2UIeyfpcRM2tavgMWo4bsEfgCGsu+uJIL/vax9S+JztH8NmQerUo7shQ==
-  dependencies:
-    "@vue/compiler-core" "3.2.47"
-    "@vue/shared" "3.2.47"
-
-"@vue/compiler-sfc@3.2.47", "@vue/compiler-sfc@^3.2.0", "@vue/compiler-sfc@^3.2.31", "@vue/compiler-sfc@^3.2.47":
-  version "3.2.47"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.2.47.tgz#1bdc36f6cdc1643f72e2c397eb1a398f5004ad3d"
-  integrity sha512-rog05W+2IFfxjMcFw10tM9+f7i/+FFpZJJ5XHX72NP9eC2uRD+42M3pYcQqDXVYoj74kHMSEdQ/WmCjt8JFksQ==
-  dependencies:
-    "@babel/parser" "^7.16.4"
-    "@vue/compiler-core" "3.2.47"
-    "@vue/compiler-dom" "3.2.47"
-    "@vue/compiler-ssr" "3.2.47"
-    "@vue/reactivity-transform" "3.2.47"
-    "@vue/shared" "3.2.47"
-    estree-walker "^2.0.2"
-    magic-string "^0.25.7"
-    postcss "^8.1.10"
-    source-map "^0.6.1"
-
-"@vue/compiler-ssr@3.2.47":
-  version "3.2.47"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.2.47.tgz#35872c01a273aac4d6070ab9d8da918ab13057ee"
-  integrity sha512-wVXC+gszhulcMD8wpxMsqSOpvDZ6xKXSVWkf50Guf/S+28hTAXPDYRTbLQ3EDkOP5Xz/+SY37YiwDquKbJOgZw==
-  dependencies:
-    "@vue/compiler-dom" "3.2.47"
-    "@vue/shared" "3.2.47"
-
-"@vue/devtools-api@^6.1.4", "@vue/devtools-api@^6.4.5":
-  version "6.5.0"
-  resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.5.0.tgz#98b99425edee70b4c992692628fa1ea2c1e57d07"
-  integrity sha512-o9KfBeaBmCKl10usN4crU53fYtC1r7jJwdGKjPT24t348rHxgfpZ0xL3Xm/gLUYnc0oTp8LAmrxOeLyu6tbk2Q==
-
-"@vue/eslint-config-prettier@^7.0.0":
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/@vue/eslint-config-prettier/-/eslint-config-prettier-7.1.0.tgz#97936379c7fb1d982b9d2c6b122306e3c2e464c8"
-  integrity sha512-Pv/lVr0bAzSIHLd9iz0KnvAr4GKyCEl+h52bc4e5yWuDVtLgFwycF7nrbWTAQAS+FU6q1geVd07lc6EWfJiWKQ==
-  dependencies:
-    eslint-config-prettier "^8.3.0"
-    eslint-plugin-prettier "^4.0.0"
-
-"@vue/eslint-config-typescript@^11.0.2":
-  version "11.0.2"
-  resolved "https://registry.yarnpkg.com/@vue/eslint-config-typescript/-/eslint-config-typescript-11.0.2.tgz#03353f404d4472900794e653450bb6623de3c642"
-  integrity sha512-EiKud1NqlWmSapBFkeSrE994qpKx7/27uCGnhdqzllYDpQZroyX/O6bwjEpeuyKamvLbsGdO6PMR2faIf+zFnw==
-  dependencies:
-    "@typescript-eslint/eslint-plugin" "^5.0.0"
-    "@typescript-eslint/parser" "^5.0.0"
-    vue-eslint-parser "^9.0.0"
-
-"@vue/reactivity-transform@3.2.47":
-  version "3.2.47"
-  resolved "https://registry.yarnpkg.com/@vue/reactivity-transform/-/reactivity-transform-3.2.47.tgz#e45df4d06370f8abf29081a16afd25cffba6d84e"
-  integrity sha512-m8lGXw8rdnPVVIdIFhf0LeQ/ixyHkH5plYuS83yop5n7ggVJU+z5v0zecwEnX7fa7HNLBhh2qngJJkxpwEEmYA==
-  dependencies:
-    "@babel/parser" "^7.16.4"
-    "@vue/compiler-core" "3.2.47"
-    "@vue/shared" "3.2.47"
-    estree-walker "^2.0.2"
-    magic-string "^0.25.7"
-
-"@vue/reactivity@3.2.47":
-  version "3.2.47"
-  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.2.47.tgz#1d6399074eadfc3ed35c727e2fd707d6881140b6"
-  integrity sha512-7khqQ/75oyyg+N/e+iwV6lpy1f5wq759NdlS1fpAhFXa8VeAIKGgk2E/C4VF59lx5b+Ezs5fpp/5WsRYXQiKxQ==
-  dependencies:
-    "@vue/shared" "3.2.47"
-
-"@vue/runtime-core@3.2.47":
-  version "3.2.47"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.2.47.tgz#406ebade3d5551c00fc6409bbc1eeb10f32e121d"
-  integrity sha512-RZxbLQIRB/K0ev0K9FXhNbBzT32H9iRtYbaXb0ZIz2usLms/D55dJR2t6cIEUn6vyhS3ALNvNthI+Q95C+NOpA==
-  dependencies:
-    "@vue/reactivity" "3.2.47"
-    "@vue/shared" "3.2.47"
-
-"@vue/runtime-dom@3.2.47":
-  version "3.2.47"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.2.47.tgz#93e760eeaeab84dedfb7c3eaf3ed58d776299382"
-  integrity sha512-ArXrFTjS6TsDei4qwNvgrdmHtD930KgSKGhS5M+j8QxXrDJYLqYw4RRcDy1bz1m1wMmb6j+zGLifdVHtkXA7gA==
-  dependencies:
-    "@vue/runtime-core" "3.2.47"
-    "@vue/shared" "3.2.47"
-    csstype "^2.6.8"
-
-"@vue/server-renderer@3.2.47", "@vue/server-renderer@^3.0.1", "@vue/server-renderer@^3.2.31":
-  version "3.2.47"
-  resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.2.47.tgz#8aa1d1871fc4eb5a7851aa7f741f8f700e6de3c0"
-  integrity sha512-dN9gc1i8EvmP9RCzvneONXsKfBRgqFeFZLurmHOveL7oH6HiFXJw5OGu294n1nHc/HMgTy6LulU/tv5/A7f/LA==
-  dependencies:
-    "@vue/compiler-ssr" "3.2.47"
-    "@vue/shared" "3.2.47"
-
-"@vue/shared@3.2.47", "@vue/shared@^3.2.31":
-  version "3.2.47"
-  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.47.tgz#e597ef75086c6e896ff5478a6bfc0a7aa4bbd14c"
-  integrity sha512-BHGyyGN3Q97EZx0taMQ+OLNuZcW3d37ZEVmEAyeoA9ERdGvm9Irc/0Fua8SNyOtV1w6BS4q25wbMzJujO9HIfQ==
-
-"@vue/test-utils@^2.2.10":
-  version "2.3.2"
-  resolved "https://registry.yarnpkg.com/@vue/test-utils/-/test-utils-2.3.2.tgz#b47ce6d7be7bf9700e0bb4322410e4cd8724d277"
-  integrity sha512-hJnVaYhbrIm0yBS0+e1Y0Sj85cMyAi+PAbK4JHqMRUZ6S622Goa+G7QzkRSyvCteG8wop7tipuEbHoZo26wsSA==
-  dependencies:
-    js-beautify "1.14.6"
-  optionalDependencies:
-    "@vue/compiler-dom" "^3.0.1"
-    "@vue/server-renderer" "^3.0.1"
-
-"@vue/vue3-jest@29.2.2":
-  version "29.2.2"
-  resolved "https://registry.yarnpkg.com/@vue/vue3-jest/-/vue3-jest-29.2.2.tgz#fbae1865a280c5b2fa8a87d875e66ffd55026e55"
-  integrity sha512-cwREf/2RSOIzXVoKtLsF/VaGvq2iGHtUls+FxbU/4SUnBg9fgfbBancisifQPLoOvjdaYs9T20ho5b2EsNi2Lw==
-  dependencies:
-    "@babel/plugin-transform-modules-commonjs" "^7.2.0"
-    chalk "^2.1.0"
-    convert-source-map "^1.6.0"
-    css-tree "^2.0.1"
-    source-map "0.5.6"
-    tsconfig "^7.0.0"
-
-"@vuepress/bundler-vite@2.0.0-beta.38":
-  version "2.0.0-beta.38"
-  resolved "https://registry.yarnpkg.com/@vuepress/bundler-vite/-/bundler-vite-2.0.0-beta.38.tgz#d522f6ea433336b902f5df5ec7dcbbc34aee2421"
-  integrity sha512-CoFwtheF7v7iYuDrGwlLGoKoc91YgK+NpXolaq4UjfWhhqOdkfHjCz4oEj3EPl0cwm/8qs3V7JwVzqtIW8ovRg==
-  dependencies:
-    "@vitejs/plugin-vue" "^2.3.1"
-    "@vue/compiler-sfc" "^3.2.31"
-    "@vue/server-renderer" "^3.2.31"
-    "@vuepress/client" "2.0.0-beta.38"
-    "@vuepress/core" "2.0.0-beta.38"
-    "@vuepress/shared" "2.0.0-beta.38"
-    "@vuepress/utils" "2.0.0-beta.38"
-    autoprefixer "^10.4.4"
-    connect-history-api-fallback "^1.6.0"
-    postcss "^8.4.12"
-    postcss-csso "^6.0.0"
-    rollup "^2.70.1"
-    vite "~2.9.1"
-    vue "^3.2.31"
-    vue-router "^4.0.14"
-
-"@vuepress/cli@2.0.0-beta.38":
-  version "2.0.0-beta.38"
-  resolved "https://registry.yarnpkg.com/@vuepress/cli/-/cli-2.0.0-beta.38.tgz#111314d33adab268ac5b7cf847ad3e6c51f388f8"
-  integrity sha512-gP/MYjhZQ/ehvni7oo25GMp7yCL7HhCjxOh2yT1h1MRjXJAA4SStSN2okqQbDw8YbkCWvgGuRqRJjny+wpbZLw==
-  dependencies:
-    "@vuepress/core" "2.0.0-beta.38"
-    "@vuepress/utils" "2.0.0-beta.38"
-    cac "^6.7.12"
-    chokidar "^3.5.3"
-    envinfo "^7.8.1"
-    esbuild "^0.14.29"
-
-"@vuepress/client@2.0.0-beta.38":
-  version "2.0.0-beta.38"
-  resolved "https://registry.yarnpkg.com/@vuepress/client/-/client-2.0.0-beta.38.tgz#ffd57932465d2fd68c5be2defd387537893ec293"
-  integrity sha512-siwZECsly5Rzn8yTo7u3R/vZWyPoh1yR8VESPflwfi3dIRhQLVfUsnyCC0OBz5INqB+etUiQtuY4WpNPYJcNuA==
-  dependencies:
-    "@vue/devtools-api" "^6.1.4"
-    "@vuepress/shared" "2.0.0-beta.38"
-    vue "^3.2.31"
-    vue-router "^4.0.14"
-
-"@vuepress/core@2.0.0-beta.38":
-  version "2.0.0-beta.38"
-  resolved "https://registry.yarnpkg.com/@vuepress/core/-/core-2.0.0-beta.38.tgz#6e2daa3b0f502dc74a7e942bbb1142bdb4ed4b10"
-  integrity sha512-NgTeDdhspM6mxwAafThzMYO4rhkeT3bQYdPzcZ2uEaK36zbEqRhsnrzN9X3QXfefIlX8//HF9BdAJx0+gPJErQ==
-  dependencies:
-    "@vuepress/client" "2.0.0-beta.38"
-    "@vuepress/markdown" "2.0.0-beta.38"
-    "@vuepress/shared" "2.0.0-beta.38"
-    "@vuepress/utils" "2.0.0-beta.38"
-    gray-matter "^4.0.3"
-    toml "^3.0.0"
-
-"@vuepress/markdown@2.0.0-beta.38":
-  version "2.0.0-beta.38"
-  resolved "https://registry.yarnpkg.com/@vuepress/markdown/-/markdown-2.0.0-beta.38.tgz#def50e87ac00eec5b86bd06fa3b8e6a1c37167b6"
-  integrity sha512-FB4md4zONcFELYkfppGlnrQl3fOtNhHsHG3X7jj8boOW/GmUROy3A0RBGIklf4Ox6q4Se1qjdcdI/1lZy9mcsQ==
-  dependencies:
-    "@types/markdown-it" "^12.2.3"
-    "@vuepress/shared" "2.0.0-beta.38"
-    "@vuepress/utils" "2.0.0-beta.38"
-    markdown-it "^12.3.2"
-    markdown-it-anchor "^8.4.1"
-    markdown-it-emoji "^2.0.0"
-    mdurl "^1.0.1"
-
-"@vuepress/plugin-active-header-links@2.0.0-beta.38":
-  version "2.0.0-beta.38"
-  resolved "https://registry.yarnpkg.com/@vuepress/plugin-active-header-links/-/plugin-active-header-links-2.0.0-beta.38.tgz#c14c7f3cb9bf3689fb659b6d28855e4d3043d686"
-  integrity sha512-cQIglb/zRkd1Dyc2W69LHmKI5cbf1FaMpWwTxXrOKPY4/DFIV5bS0/8QbBBt/dEr+oydfJBpydFeyaDRZVm6Ng==
-  dependencies:
-    "@vuepress/client" "2.0.0-beta.38"
-    "@vuepress/core" "2.0.0-beta.38"
-    "@vuepress/utils" "2.0.0-beta.38"
-    ts-debounce "^4.0.0"
-    vue "^3.2.31"
-    vue-router "^4.0.14"
-
-"@vuepress/plugin-back-to-top@2.0.0-beta.38":
-  version "2.0.0-beta.38"
-  resolved "https://registry.yarnpkg.com/@vuepress/plugin-back-to-top/-/plugin-back-to-top-2.0.0-beta.38.tgz#96766d4d18e290d5d272c685f1feda26b2b6abf6"
-  integrity sha512-tWkhCB632OFKXqDDT0rKwTqQJOpiUxRpWhfNs1tzS4yNBzGkj5LGEubcwQbNQR0ujHkw/N6V+ehmWBC/RCNwjw==
-  dependencies:
-    "@vuepress/core" "2.0.0-beta.38"
-    "@vuepress/utils" "2.0.0-beta.38"
-    ts-debounce "^4.0.0"
-    vue "^3.2.31"
-
-"@vuepress/plugin-container@2.0.0-beta.38":
-  version "2.0.0-beta.38"
-  resolved "https://registry.yarnpkg.com/@vuepress/plugin-container/-/plugin-container-2.0.0-beta.38.tgz#2084f969a1eb6edf368d9ce8a45eb9674c7076ef"
-  integrity sha512-3CNiBzCBKLjfH/8IVeb9hT6QG8CVNuoiMdZ8mlaKrwAq4F0KkViwJLNSI/DyuFfIGMGfEMX2smkpCvtY7okAbg==
-  dependencies:
-    "@types/markdown-it" "^12.2.3"
-    "@vuepress/core" "2.0.0-beta.38"
-    "@vuepress/markdown" "2.0.0-beta.38"
-    "@vuepress/shared" "2.0.0-beta.38"
-    "@vuepress/utils" "2.0.0-beta.38"
-    markdown-it "^12.3.2"
-    markdown-it-container "^3.0.0"
-
-"@vuepress/plugin-external-link-icon@2.0.0-beta.38":
-  version "2.0.0-beta.38"
-  resolved "https://registry.yarnpkg.com/@vuepress/plugin-external-link-icon/-/plugin-external-link-icon-2.0.0-beta.38.tgz#c7912634e5a00b7ca15258dc1e91356a8c86e556"
-  integrity sha512-vQNpVqkZ0uo7pPMpZ+GwxdxJCKhNcCBYGQBOQsBlFJjFL6ZDLlF5Gp5lZoRRMsGCkusNCMFaBGVAeGP9gDjC6A==
-  dependencies:
-    "@vuepress/client" "2.0.0-beta.38"
-    "@vuepress/core" "2.0.0-beta.38"
-    "@vuepress/markdown" "2.0.0-beta.38"
-    "@vuepress/utils" "2.0.0-beta.38"
-    vue "^3.2.31"
-
-"@vuepress/plugin-git@2.0.0-beta.38":
-  version "2.0.0-beta.38"
-  resolved "https://registry.yarnpkg.com/@vuepress/plugin-git/-/plugin-git-2.0.0-beta.38.tgz#92a162edb5d209bf84af383890d44d85c2278798"
-  integrity sha512-3pWsTdo87JakN0j3ztAT/eSrdF+y1zTd4ASeA4feGnRyt4cobzy1DHoScb5QwI9AfEHKMBAomDJhNLXIk4QzNg==
-  dependencies:
-    "@vuepress/core" "2.0.0-beta.38"
-    execa "^5.1.1"
-
-"@vuepress/plugin-medium-zoom@2.0.0-beta.38":
-  version "2.0.0-beta.38"
-  resolved "https://registry.yarnpkg.com/@vuepress/plugin-medium-zoom/-/plugin-medium-zoom-2.0.0-beta.38.tgz#9d4150fba3c2797d32ca0648e1a3eefb79953c05"
-  integrity sha512-ERuvdkaPSbloHUBAUjJBj1pXWluEZdC5j18eQ478jtYdC/QLd/BDyM2KP1xwWcn+cOrLJ9L8/7NBTjfxUWBpWg==
-  dependencies:
-    "@vuepress/client" "2.0.0-beta.38"
-    "@vuepress/core" "2.0.0-beta.38"
-    "@vuepress/utils" "2.0.0-beta.38"
-    medium-zoom "^1.0.6"
-    vue "^3.2.31"
-
-"@vuepress/plugin-nprogress@2.0.0-beta.38":
-  version "2.0.0-beta.38"
-  resolved "https://registry.yarnpkg.com/@vuepress/plugin-nprogress/-/plugin-nprogress-2.0.0-beta.38.tgz#6d0be4a7793ab21d3324e917e9d75e99f6f2c522"
-  integrity sha512-0P43/DK5w8IUzXaKXjeIALRCWNjzS+VcIBaJatHn56oR0kZHSaeQTL6mpfztXghXEcW5okUAnz8owYdZd1hyLA==
-  dependencies:
-    "@vuepress/client" "2.0.0-beta.38"
-    "@vuepress/core" "2.0.0-beta.38"
-    "@vuepress/utils" "2.0.0-beta.38"
-    nprogress "^0.2.0"
-    vue "^3.2.31"
-    vue-router "^4.0.14"
-
-"@vuepress/plugin-palette@2.0.0-beta.38":
-  version "2.0.0-beta.38"
-  resolved "https://registry.yarnpkg.com/@vuepress/plugin-palette/-/plugin-palette-2.0.0-beta.38.tgz#7adbf006d84624155f3020e7f724be13aa0afd9c"
-  integrity sha512-V14jK0M8scRLwExsOeWAWJEAXk1GVA69522DtEilFBJ0WiId21i68gbPWoeOI9ZcdJQuA/NnCuF4/ogLv6O3Fw==
-  dependencies:
-    "@vuepress/core" "2.0.0-beta.38"
-    "@vuepress/utils" "2.0.0-beta.38"
-    chokidar "^3.5.3"
-
-"@vuepress/plugin-prismjs@2.0.0-beta.38":
-  version "2.0.0-beta.38"
-  resolved "https://registry.yarnpkg.com/@vuepress/plugin-prismjs/-/plugin-prismjs-2.0.0-beta.38.tgz#a4ee05572870a13db97e2671c9fd72416cc7cda9"
-  integrity sha512-zQQ138gqIMfO52UV67L2KA4MgiUl7TDTLwQKdm96+8+Om9iUe8qpOPzxyZRaO2WVZSXVkJDnvTjon2jqVkhm8A==
-  dependencies:
-    "@vuepress/core" "2.0.0-beta.38"
-    prismjs "^1.27.0"
-
-"@vuepress/plugin-theme-data@2.0.0-beta.38":
-  version "2.0.0-beta.38"
-  resolved "https://registry.yarnpkg.com/@vuepress/plugin-theme-data/-/plugin-theme-data-2.0.0-beta.38.tgz#6c3358bbc00147fcf1a7199e3da057d9952047c6"
-  integrity sha512-mhGMjntB90RYCaJLYAtvM7BOs8OvABG5ganXKBdH6hIvvcQ5SETgGP1tsyoHPbXpG7M1b8YseDA4yDJCYcZ26w==
-  dependencies:
-    "@vue/devtools-api" "^6.1.4"
-    "@vuepress/client" "2.0.0-beta.38"
-    "@vuepress/core" "2.0.0-beta.38"
-    "@vuepress/shared" "2.0.0-beta.38"
-    "@vuepress/utils" "2.0.0-beta.38"
-    vue "^3.2.31"
-
-"@vuepress/plugin-toc@2.0.0-beta.38":
-  version "2.0.0-beta.38"
-  resolved "https://registry.yarnpkg.com/@vuepress/plugin-toc/-/plugin-toc-2.0.0-beta.38.tgz#dc6c0d788050514b3bc80bd7fb8cce1b81108656"
-  integrity sha512-I7hYL6cFP2a1rSCO8swT6X3aG368fo4AFImgGbfrkafHD75gCLJMo+bTlD4lGajJz1BnBZISJJ4CFv5rYRYeAw==
-  dependencies:
-    "@vuepress/client" "2.0.0-beta.38"
-    "@vuepress/core" "2.0.0-beta.38"
-    "@vuepress/utils" "2.0.0-beta.38"
-    vue "^3.2.31"
-    vue-router "^4.0.14"
-
-"@vuepress/shared@2.0.0-beta.38":
-  version "2.0.0-beta.38"
-  resolved "https://registry.yarnpkg.com/@vuepress/shared/-/shared-2.0.0-beta.38.tgz#fe222b4a984e0b4ff06fbbb72fec9004da49fe37"
-  integrity sha512-IWZPZkQwGI94iX8mjhMJa6CR7fyGQ5zAmjbM0hEBxw1BY5Q7RJSkwJTi5vdh1wUeF1CQx88+dfKYpWb1Wogwhg==
-  dependencies:
-    "@vue/shared" "^3.2.31"
-
-"@vuepress/theme-default@2.0.0-beta.38":
-  version "2.0.0-beta.38"
-  resolved "https://registry.yarnpkg.com/@vuepress/theme-default/-/theme-default-2.0.0-beta.38.tgz#63c05dce2bc6627ec78fc273c8f6003f1f928f8c"
-  integrity sha512-vdZiaQg40oqOPx7n8z+zHiPNur5pqGu5xMi8m/kiKHsPoWc3uO+1xoNlpOjGDDTcZhLoXDXE7Grm4rOzsx8+0w==
-  dependencies:
-    "@vuepress/client" "2.0.0-beta.38"
-    "@vuepress/core" "2.0.0-beta.38"
-    "@vuepress/plugin-active-header-links" "2.0.0-beta.38"
-    "@vuepress/plugin-back-to-top" "2.0.0-beta.38"
-    "@vuepress/plugin-container" "2.0.0-beta.38"
-    "@vuepress/plugin-external-link-icon" "2.0.0-beta.38"
-    "@vuepress/plugin-git" "2.0.0-beta.38"
-    "@vuepress/plugin-medium-zoom" "2.0.0-beta.38"
-    "@vuepress/plugin-nprogress" "2.0.0-beta.38"
-    "@vuepress/plugin-palette" "2.0.0-beta.38"
-    "@vuepress/plugin-prismjs" "2.0.0-beta.38"
-    "@vuepress/plugin-theme-data" "2.0.0-beta.38"
-    "@vuepress/shared" "2.0.0-beta.38"
-    "@vuepress/utils" "2.0.0-beta.38"
-    "@vueuse/core" "^8.2.1"
-    sass "^1.49.10"
-    sass-loader "^12.6.0"
-    vue "^3.2.31"
-    vue-router "^4.0.14"
-
-"@vuepress/utils@2.0.0-beta.38":
-  version "2.0.0-beta.38"
-  resolved "https://registry.yarnpkg.com/@vuepress/utils/-/utils-2.0.0-beta.38.tgz#d2ae36142a628ad18f92b705dbb0850bf0552851"
-  integrity sha512-qc8roc+9KJjKGHHRXnP7Yef7P6Zc3ABRiHeeBVJ0TBhoKSlguHIfDvOnUzkAvV2FWAHw3hEk71drJwRO+/zrPw==
-  dependencies:
-    "@types/debug" "^4.1.7"
-    "@types/fs-extra" "^9.0.13"
-    "@types/hash-sum" "^1.0.0"
-    "@vuepress/shared" "2.0.0-beta.38"
-    chalk "^4.1.2"
-    debug "^4.3.4"
-    fs-extra "^10.0.1"
-    globby "^11.0.4"
-    hash-sum "^2.0.0"
-    ora "^5.4.1"
-    upath "^2.0.1"
-
-"@vueuse/core@^8.2.1":
-  version "8.9.4"
-  resolved "https://registry.yarnpkg.com/@vueuse/core/-/core-8.9.4.tgz#c7db40f19390b3c9f4ff9294a30461497f62ec19"
-  integrity sha512-B/Mdj9TK1peFyWaPof+Zf/mP9XuGAngaJZBwPaXBvU3aCTZlx3ltlrFFFyMV4iGBwsjSCeUCgZrtkEj9dS2Y3Q==
-  dependencies:
-    "@types/web-bluetooth" "^0.0.14"
-    "@vueuse/metadata" "8.9.4"
-    "@vueuse/shared" "8.9.4"
-    vue-demi "*"
-
-"@vueuse/metadata@8.9.4":
-  version "8.9.4"
-  resolved "https://registry.yarnpkg.com/@vueuse/metadata/-/metadata-8.9.4.tgz#a4132db33e4c1b1023636acfa20aa7b37ab3d978"
-  integrity sha512-IwSfzH80bnJMzqhaapqJl9JRIiyQU0zsRGEgnxN6jhq7992cPUJIRfV+JHRIZXjYqbwt07E1gTEp0R0zPJ1aqw==
-
-"@vueuse/shared@8.9.4":
-  version "8.9.4"
-  resolved "https://registry.yarnpkg.com/@vueuse/shared/-/shared-8.9.4.tgz#c9741c30ffb666b50d62f0dd80b76119fd47573e"
-  integrity sha512-wt+T30c4K6dGRMVqPddexEVLa28YwxW5OFIPmzUHICjphfAuBFTTdDoyqREZNDOFJZ44ARH1WWQNCUK8koJ+Ag==
-  dependencies:
-    vue-demi "*"
-
-JSONStream@^1.0.4:
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/JSONStream/-/JSONStream-1.3.5.tgz#3208c1f08d3a4d99261ab64f92302bc15e111ca0"
-  integrity sha512-E+iruNOY8VV9s4JEbe1aNEm6MiszPRr/UfcHMz0TQh1BXSxHK+ASV1R6W4HpjBhSeS+54PIsAMCBmwD06LLsqQ==
-  dependencies:
-    jsonparse "^1.2.0"
-    through ">=2.2.7 <3"
-
-abab@^2.0.6:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.6.tgz#41b80f2c871d19686216b82309231cfd3cb3d291"
-  integrity sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==
-
-abbrev@1, abbrev@^1.0.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-1.1.1.tgz#f8f2c887ad10bf67f634f005b6987fed3179aac8"
-  integrity sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==
-
-acorn-globals@^7.0.0:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-7.0.1.tgz#0dbf05c44fa7c94332914c02066d5beff62c40c3"
-  integrity sha512-umOSDSDrfHbTNPuNpC2NSnnA3LUrqpevPb4T9jRx4MagXNS0rs+gwiTcAvqCRmsD6utzsrzNt+ebm00SNWiC3Q==
-  dependencies:
-    acorn "^8.1.0"
-    acorn-walk "^8.0.2"
-
-acorn-jsx@^5.3.2:
-  version "5.3.2"
-  resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
-  integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
-
-acorn-walk@^8.0.2:
-  version "8.2.0"
-  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-8.2.0.tgz#741210f2e2426454508853a2f44d0ab83b7f69c1"
-  integrity sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==
-
-acorn@^7.1.1:
-  version "7.4.1"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
-  integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
-
-acorn@^8.1.0, acorn@^8.8.0, acorn@^8.8.1:
-  version "8.8.2"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.8.2.tgz#1b2f25db02af965399b9776b0c2c391276d37c4a"
-  integrity sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==
-
-add-stream@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/add-stream/-/add-stream-1.0.0.tgz#6a7990437ca736d5e1288db92bd3266d5f5cb2aa"
-  integrity sha512-qQLMr+8o0WC4FZGQTcJiKBVC59JylcPSrTtk6usvmIDFUOCKegapy1VHQwRbFMOFyb/inzUVqHs+eMYKDM1YeQ==
-
-agent-base@6, agent-base@^6.0.2:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-6.0.2.tgz#49fff58577cfee3f37176feab4c22e00f86d7f77"
-  integrity sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==
-  dependencies:
-    debug "4"
-
-agentkeepalive@^4.1.3:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/agentkeepalive/-/agentkeepalive-4.3.0.tgz#bb999ff07412653c1803b3ced35e50729830a255"
-  integrity sha512-7Epl1Blf4Sy37j4v9f9FjICCh4+KAQOyXgHEwlyBiAQLbhKdq/i2QQU3amQalS/wPhdPzDXPL5DMR5bkn+YeWg==
-  dependencies:
-    debug "^4.1.0"
-    depd "^2.0.0"
-    humanize-ms "^1.2.1"
-
-aggregate-error@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/aggregate-error/-/aggregate-error-3.1.0.tgz#92670ff50f5359bdb7a3e0d40d0ec30c5737687a"
-  integrity sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==
-  dependencies:
-    clean-stack "^2.0.0"
-    indent-string "^4.0.0"
-
-ajv@^6.10.0, ajv@^6.12.3, ajv@^6.12.4:
-  version "6.12.6"
-  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
-  integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
-  dependencies:
-    fast-deep-equal "^3.1.1"
-    fast-json-stable-stringify "^2.0.0"
-    json-schema-traverse "^0.4.1"
-    uri-js "^4.2.2"
-
-algoliasearch@^4.0.0:
-  version "4.16.0"
-  resolved "https://registry.yarnpkg.com/algoliasearch/-/algoliasearch-4.16.0.tgz#2807f1aee8a574fa8480f39a09b16e407d4cc1a6"
-  integrity sha512-HAjKJ6bBblaXqO4dYygF4qx251GuJ6zCZt+qbJ+kU7sOC+yc84pawEjVpJByh+cGP2APFCsao2Giz50cDlKNPA==
-  dependencies:
-    "@algolia/cache-browser-local-storage" "4.16.0"
-    "@algolia/cache-common" "4.16.0"
-    "@algolia/cache-in-memory" "4.16.0"
-    "@algolia/client-account" "4.16.0"
-    "@algolia/client-analytics" "4.16.0"
-    "@algolia/client-common" "4.16.0"
-    "@algolia/client-personalization" "4.16.0"
-    "@algolia/client-search" "4.16.0"
-    "@algolia/logger-common" "4.16.0"
-    "@algolia/logger-console" "4.16.0"
-    "@algolia/requester-browser-xhr" "4.16.0"
-    "@algolia/requester-common" "4.16.0"
-    "@algolia/requester-node-http" "4.16.0"
-    "@algolia/transporter" "4.16.0"
-
-ansi-escapes@^4.2.1:
-  version "4.3.2"
-  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-4.3.2.tgz#6b2291d1db7d98b6521d5f1efa42d0f3a9feb65e"
-  integrity sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==
-  dependencies:
-    type-fest "^0.21.3"
-
-ansi-regex@^2.0.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df"
-  integrity sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==
-
-ansi-regex@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
-  integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==
-
-ansi-styles@^3.2.1:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
-  integrity sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==
-  dependencies:
-    color-convert "^1.9.0"
-
-ansi-styles@^4.0.0, ansi-styles@^4.1.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937"
-  integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==
-  dependencies:
-    color-convert "^2.0.1"
-
-ansi-styles@^5.0.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-5.2.0.tgz#07449690ad45777d1924ac2abb2fc8895dba836b"
-  integrity sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==
-
-anymatch@^3.0.3, anymatch@~3.1.2:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e"
-  integrity sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==
-  dependencies:
-    normalize-path "^3.0.0"
-    picomatch "^2.0.4"
-
-aproba@^1.0.3:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/aproba/-/aproba-1.2.0.tgz#6802e6264efd18c790a1b0d517f0f2627bf2c94a"
-  integrity sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==
-
-aproba@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/aproba/-/aproba-2.0.0.tgz#52520b8ae5b569215b354efc0caa3fe1e45a8adc"
-  integrity sha512-lYe4Gx7QT+MKGbDsA+Z+he/Wtef0BiwDOlK/XkBrdfsh9J/jPPXbX0tE9x9cl27Tmu5gg3QUbUrQYa/y+KOHPQ==
-
-are-we-there-yet@~1.1.2:
-  version "1.1.7"
-  resolved "https://registry.yarnpkg.com/are-we-there-yet/-/are-we-there-yet-1.1.7.tgz#b15474a932adab4ff8a50d9adfa7e4e926f21146"
-  integrity sha512-nxwy40TuMiUGqMyRHgCSWZ9FM4VAoRP4xUYSTv5ImRog+h9yISPbVH7H8fASCIzYn9wlEv4zvFL7uKDMCFQm3g==
-  dependencies:
-    delegates "^1.0.0"
-    readable-stream "^2.0.6"
-
-argparse@^1.0.7:
-  version "1.0.10"
-  resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911"
-  integrity sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==
-  dependencies:
-    sprintf-js "~1.0.2"
-
-argparse@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
-  integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
-
-array-buffer-byte-length@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz#fabe8bc193fea865f317fe7807085ee0dee5aead"
-  integrity sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==
-  dependencies:
-    call-bind "^1.0.2"
-    is-array-buffer "^3.0.1"
-
-array-differ@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/array-differ/-/array-differ-3.0.0.tgz#3cbb3d0f316810eafcc47624734237d6aee4ae6b"
-  integrity sha512-THtfYS6KtME/yIAhKjZ2ul7XI96lQGHRputJQHO80LAWQnuGP4iCIN8vdMRboGbIEYBwU33q8Tch1os2+X0kMg==
-
-array-ify@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/array-ify/-/array-ify-1.0.0.tgz#9e528762b4a9066ad163a6962a364418e9626ece"
-  integrity sha512-c5AMf34bKdvPhQ7tBGhqkgKNUzMr4WUs+WDtC2ZUGOUncbxKMTvqxYctiseW3+L4bA8ec+GcZ6/A/FW4m8ukng==
-
-array-union@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
-  integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
-
-array.prototype.reduce@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/array.prototype.reduce/-/array.prototype.reduce-1.0.5.tgz#6b20b0daa9d9734dd6bc7ea66b5bbce395471eac"
-  integrity sha512-kDdugMl7id9COE8R7MHF5jWk7Dqt/fs4Pv+JXoICnYwqpjjjbUurz6w5fT5IG6brLdJhv6/VoHB0H7oyIBXd+Q==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
-    es-array-method-boxes-properly "^1.0.0"
-    is-string "^1.0.7"
-
-arrify@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/arrify/-/arrify-1.0.1.tgz#898508da2226f380df904728456849c1501a4b0d"
-  integrity sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==
-
-arrify@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/arrify/-/arrify-2.0.1.tgz#c9655e9331e0abcd588d2a7cad7e9956f66701fa"
-  integrity sha512-3duEwti880xqi4eAMN8AyR4a0ByT90zoYdLlevfrvU43vb0YZwZVfxOgxWrLXXXpyugL0hNZc9G6BiB5B3nUug==
-
-asap@^2.0.0, asap@~2.0.3:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/asap/-/asap-2.0.6.tgz#e50347611d7e690943208bbdafebcbc2fb866d46"
-  integrity sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==
-
-asn1@~0.2.3:
-  version "0.2.6"
-  resolved "https://registry.yarnpkg.com/asn1/-/asn1-0.2.6.tgz#0d3a7bb6e64e02a90c0303b31f292868ea09a08d"
-  integrity sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==
-  dependencies:
-    safer-buffer "~2.1.0"
-
-assert-never@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/assert-never/-/assert-never-1.2.1.tgz#11f0e363bf146205fb08193b5c7b90f4d1cf44fe"
-  integrity sha512-TaTivMB6pYI1kXwrFlEhLeGfOqoDNdTxjCdwRfFFkEA30Eu+k48W34nlok2EYWJfFFzqaEmichdNM7th6M5HNw==
-
-assert-plus@1.0.0, assert-plus@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/assert-plus/-/assert-plus-1.0.0.tgz#f12e0f3c5d77b0b1cdd9146942e4e96c1e4dd525"
-  integrity sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==
-
-assert@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/assert/-/assert-2.0.0.tgz#95fc1c616d48713510680f2eaf2d10dd22e02d32"
-  integrity sha512-se5Cd+js9dXJnu6Ag2JFc00t+HmHOen+8Q+L7O9zI0PqQXr20uk2J0XQqMxZEeo5U50o8Nvmmx7dZrl+Ufr35A==
-  dependencies:
-    es6-object-assign "^1.1.0"
-    is-nan "^1.2.1"
-    object-is "^1.0.1"
-    util "^0.12.0"
-
-ast-types@0.14.2:
-  version "0.14.2"
-  resolved "https://registry.yarnpkg.com/ast-types/-/ast-types-0.14.2.tgz#600b882df8583e3cd4f2df5fa20fa83759d4bdfd"
-  integrity sha512-O0yuUDnZeQDL+ncNGlJ78BiO4jnYI3bvMsD5prT0/nsgijG/LpNBIr63gTjVTNsiGkgQhiyCShTgxt8oXOrklA==
-  dependencies:
-    tslib "^2.0.1"
-
-ast-types@0.15.2:
-  version "0.15.2"
-  resolved "https://registry.yarnpkg.com/ast-types/-/ast-types-0.15.2.tgz#39ae4809393c4b16df751ee563411423e85fb49d"
-  integrity sha512-c27loCv9QkZinsa5ProX751khO9DJl/AcB5c2KNtA6NRvHKS0PgLfcftz72KVq504vB0Gku5s2kUZzDBvQWvHg==
-  dependencies:
-    tslib "^2.0.1"
-
-asynckit@^0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
-  integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
-
-at-least-node@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/at-least-node/-/at-least-node-1.0.0.tgz#602cd4b46e844ad4effc92a8011a3c46e0238dc2"
-  integrity sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==
-
-autoprefixer@^10.4.4:
-  version "10.4.14"
-  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.14.tgz#e28d49902f8e759dd25b153264e862df2705f79d"
-  integrity sha512-FQzyfOsTlwVzjHxKEqRIAdJx9niO6VCBCoEwax/VLSoQF29ggECcPuBqUMZ+u8jCZOPSy8b8/8KnuFbp0SaFZQ==
-  dependencies:
-    browserslist "^4.21.5"
-    caniuse-lite "^1.0.30001464"
-    fraction.js "^4.2.0"
-    normalize-range "^0.1.2"
-    picocolors "^1.0.0"
-    postcss-value-parser "^4.2.0"
-
-available-typed-arrays@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz#92f95616501069d07d10edb2fc37d3e1c65123b7"
-  integrity sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==
-
-aws-sign2@~0.7.0:
-  version "0.7.0"
-  resolved "https://registry.yarnpkg.com/aws-sign2/-/aws-sign2-0.7.0.tgz#b46e890934a9591f2d2f6f86d7e6a9f1b3fe76a8"
-  integrity sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA==
-
-aws4@^1.8.0:
-  version "1.12.0"
-  resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.12.0.tgz#ce1c9d143389679e253b314241ea9aa5cec980d3"
-  integrity sha512-NmWvPnx0F1SfrQbYwOi7OeaNGokp9XhzNioJ/CSBs8Qa4vxug81mhJEAVZwxXuBmYB5KDRfMq/F3RR0BIU7sWg==
-
-babel-jest@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-29.5.0.tgz#3fe3ddb109198e78b1c88f9ebdecd5e4fc2f50a5"
-  integrity sha512-mA4eCDh5mSo2EcA9xQjVTpmbbNk32Zb3Q3QFQsNhaK56Q+yoXowzFodLux30HRgyOho5rsQ6B0P9QpMkvvnJ0Q==
-  dependencies:
-    "@jest/transform" "^29.5.0"
-    "@types/babel__core" "^7.1.14"
-    babel-plugin-istanbul "^6.1.1"
-    babel-preset-jest "^29.5.0"
-    chalk "^4.0.0"
-    graceful-fs "^4.2.9"
-    slash "^3.0.0"
-
-babel-plugin-istanbul@^6.1.1:
-  version "6.1.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz#fa88ec59232fd9b4e36dbbc540a8ec9a9b47da73"
-  integrity sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-    "@istanbuljs/load-nyc-config" "^1.0.0"
-    "@istanbuljs/schema" "^0.1.2"
-    istanbul-lib-instrument "^5.0.4"
-    test-exclude "^6.0.0"
-
-babel-plugin-jest-hoist@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-29.5.0.tgz#a97db437936f441ec196990c9738d4b88538618a"
-  integrity sha512-zSuuuAlTMT4mzLj2nPnUm6fsE6270vdOfnpbJ+RmruU75UhLFvL0N2NgI7xpeS7NaB6hGqmd5pVpGTDYvi4Q3w==
-  dependencies:
-    "@babel/template" "^7.3.3"
-    "@babel/types" "^7.3.3"
-    "@types/babel__core" "^7.1.14"
-    "@types/babel__traverse" "^7.0.6"
-
-babel-preset-current-node-syntax@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.0.1.tgz#b4399239b89b2a011f9ddbe3e4f401fc40cff73b"
-  integrity sha512-M7LQ0bxarkxQoN+vz5aJPsLBn77n8QgTFmo8WK0/44auK2xlCXrYcUxHFxgU7qW5Yzw/CjmLRK2uJzaCd7LvqQ==
-  dependencies:
-    "@babel/plugin-syntax-async-generators" "^7.8.4"
-    "@babel/plugin-syntax-bigint" "^7.8.3"
-    "@babel/plugin-syntax-class-properties" "^7.8.3"
-    "@babel/plugin-syntax-import-meta" "^7.8.3"
-    "@babel/plugin-syntax-json-strings" "^7.8.3"
-    "@babel/plugin-syntax-logical-assignment-operators" "^7.8.3"
-    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
-    "@babel/plugin-syntax-numeric-separator" "^7.8.3"
-    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
-    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
-    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
-    "@babel/plugin-syntax-top-level-await" "^7.8.3"
-
-babel-preset-jest@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-29.5.0.tgz#57bc8cc88097af7ff6a5ab59d1cd29d52a5916e2"
-  integrity sha512-JOMloxOqdiBSxMAzjRaH023/vvcaSaec49zvg+2LmNsktC7ei39LTJGw02J+9uUtTZUq6xbLyJ4dxe9sSmIuAg==
-  dependencies:
-    babel-plugin-jest-hoist "^29.5.0"
-    babel-preset-current-node-syntax "^1.0.0"
-
-babel-walk@3.0.0-canary-5:
-  version "3.0.0-canary-5"
-  resolved "https://registry.yarnpkg.com/babel-walk/-/babel-walk-3.0.0-canary-5.tgz#f66ecd7298357aee44955f235a6ef54219104b11"
-  integrity sha512-GAwkz0AihzY5bkwIY5QDR+LvsRQgB/B+1foMPvi0FZPMl5fjD7ICiznUiBdLYMH1QYe6vqu4gWYytZOccLouFw==
-  dependencies:
-    "@babel/types" "^7.9.6"
-
-balanced-match@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
-  integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
-
-base64-js@^1.3.1:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
-  integrity sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==
-
-bcrypt-pbkdf@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz#a4301d389b6a43f9b67ff3ca11a3f6637e360e9e"
-  integrity sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==
-  dependencies:
-    tweetnacl "^0.14.3"
-
-before-after-hook@^2.2.0:
-  version "2.2.3"
-  resolved "https://registry.yarnpkg.com/before-after-hook/-/before-after-hook-2.2.3.tgz#c51e809c81a4e354084422b9b26bad88249c517c"
-  integrity sha512-NzUnlZexiaH/46WDhANlyR2bXRopNg4F/zuSA3OpZnllCUgRaOF2znDioDWrmbNVsuZk6l9pMquQB38cfBZwkQ==
-
-binary-extensions@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d"
-  integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
-
-bl@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/bl/-/bl-4.1.0.tgz#451535264182bec2fbbc83a62ab98cf11d9f7b3a"
-  integrity sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==
-  dependencies:
-    buffer "^5.5.0"
-    inherits "^2.0.4"
-    readable-stream "^3.4.0"
-
-boolbase@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
-  integrity sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==
-
-brace-expansion@^1.1.7:
-  version "1.1.11"
-  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
-  integrity sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==
-  dependencies:
-    balanced-match "^1.0.0"
-    concat-map "0.0.1"
-
-brace-expansion@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-2.0.1.tgz#1edc459e0f0c548486ecf9fc99f2221364b9a0ae"
-  integrity sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==
-  dependencies:
-    balanced-match "^1.0.0"
-
-braces@^3.0.2, braces@~3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
-  integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==
-  dependencies:
-    fill-range "^7.0.1"
-
-browserslist@^4.21.3, browserslist@^4.21.5:
-  version "4.21.5"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.5.tgz#75c5dae60063ee641f977e00edd3cfb2fb7af6a7"
-  integrity sha512-tUkiguQGW7S3IhB7N+c2MV/HZPSCPAAiYBZXLsBhFB/PCy6ZKKsZrmBayHV9fdGV/ARIfJ14NkxKzRDjvp7L6w==
-  dependencies:
-    caniuse-lite "^1.0.30001449"
-    electron-to-chromium "^1.4.284"
-    node-releases "^2.0.8"
-    update-browserslist-db "^1.0.10"
-
-bs-logger@0.x:
-  version "0.2.6"
-  resolved "https://registry.yarnpkg.com/bs-logger/-/bs-logger-0.2.6.tgz#eb7d365307a72cf974cc6cda76b68354ad336bd8"
-  integrity sha512-pd8DCoxmbgc7hyPKOvxtqNcjYoOsABPQdcCUjGp3d42VR2CX1ORhk2A87oqqu5R1kk+76nsxZupkmyd+MVtCog==
-  dependencies:
-    fast-json-stable-stringify "2.x"
-
-bser@2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/bser/-/bser-2.1.1.tgz#e6787da20ece9d07998533cfd9de6f5c38f4bc05"
-  integrity sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==
-  dependencies:
-    node-int64 "^0.4.0"
-
-buffer-from@^1.0.0:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.2.tgz#2b146a6fd72e80b4f55d255f35ed59a3a9a41bd5"
-  integrity sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==
-
-buffer@^5.5.0:
-  version "5.7.1"
-  resolved "https://registry.yarnpkg.com/buffer/-/buffer-5.7.1.tgz#ba62e7c13133053582197160851a8f648e99eed0"
-  integrity sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==
-  dependencies:
-    base64-js "^1.3.1"
-    ieee754 "^1.1.13"
-
-builtin-modules@^3.3.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-3.3.0.tgz#cae62812b89801e9656336e46223e030386be7b6"
-  integrity sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==
-
-builtins@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/builtins/-/builtins-1.0.3.tgz#cb94faeb61c8696451db36534e1422f94f0aee88"
-  integrity sha512-uYBjakWipfaO/bXI7E8rq6kpwHRZK5cNYrUv2OzZSI/FvmdMyXJ2tG9dKcjEC5YHmHpUAwsargWIZNWdxb/bnQ==
-
-byline@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/byline/-/byline-5.0.0.tgz#741c5216468eadc457b03410118ad77de8c1ddb1"
-  integrity sha512-s6webAy+R4SR8XVuJWt2V2rGvhnrhxN+9S15GNuTK3wKPOXFF6RNc+8ug2XhH+2s4f+uudG4kUVYmYOQWL2g0Q==
-
-byte-size@^7.0.0:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/byte-size/-/byte-size-7.0.1.tgz#b1daf3386de7ab9d706b941a748dbfc71130dee3"
-  integrity sha512-crQdqyCwhokxwV1UyDzLZanhkugAgft7vt0qbbdt60C6Zf3CAiGmtUCylbtYwrU6loOUw3euGrNtW1J651ot1A==
-
-cac@^6.7.12:
-  version "6.7.14"
-  resolved "https://registry.yarnpkg.com/cac/-/cac-6.7.14.tgz#804e1e6f506ee363cb0e3ccbb09cad5dd9870959"
-  integrity sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==
-
-cacache@^15.0.5, cacache@^15.2.0:
-  version "15.3.0"
-  resolved "https://registry.yarnpkg.com/cacache/-/cacache-15.3.0.tgz#dc85380fb2f556fe3dda4c719bfa0ec875a7f1eb"
-  integrity sha512-VVdYzXEn+cnbXpFgWs5hTT7OScegHVmLhJIR8Ufqk3iFD6A6j5iSX1KuBTfNEv4tdJWE2PzA6IVFtcLC7fN9wQ==
-  dependencies:
-    "@npmcli/fs" "^1.0.0"
-    "@npmcli/move-file" "^1.0.1"
-    chownr "^2.0.0"
-    fs-minipass "^2.0.0"
-    glob "^7.1.4"
-    infer-owner "^1.0.4"
-    lru-cache "^6.0.0"
-    minipass "^3.1.1"
-    minipass-collect "^1.0.2"
-    minipass-flush "^1.0.5"
-    minipass-pipeline "^1.2.2"
-    mkdirp "^1.0.3"
-    p-map "^4.0.0"
-    promise-inflight "^1.0.1"
-    rimraf "^3.0.2"
-    ssri "^8.0.1"
-    tar "^6.0.2"
-    unique-filename "^1.1.1"
-
-call-bind@^1.0.0, call-bind@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.2.tgz#b1d4e89e688119c3c9a903ad30abb2f6a919be3c"
-  integrity sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==
-  dependencies:
-    function-bind "^1.1.1"
-    get-intrinsic "^1.0.2"
-
-callsites@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
-  integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
-
-camelcase-keys@^6.2.2:
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/camelcase-keys/-/camelcase-keys-6.2.2.tgz#5e755d6ba51aa223ec7d3d52f25778210f9dc3c0"
-  integrity sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==
-  dependencies:
-    camelcase "^5.3.1"
-    map-obj "^4.0.0"
-    quick-lru "^4.0.1"
-
-camelcase@^5.3.1:
-  version "5.3.1"
-  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320"
-  integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
-
-camelcase@^6.2.0:
-  version "6.3.0"
-  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.3.0.tgz#5685b95eb209ac9c0c177467778c9c84df58ba9a"
-  integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
-
-caniuse-lite@^1.0.30001449, caniuse-lite@^1.0.30001464:
-  version "1.0.30001469"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001469.tgz#3dd505430c8522fdc9f94b4a19518e330f5c945a"
-  integrity sha512-Rcp7221ScNqQPP3W+lVOYDyjdR6dC+neEQCttoNr5bAyz54AboB4iwpnWgyi8P4YUsPybVzT4LgWiBbI3drL4g==
-
-caseless@~0.12.0:
-  version "0.12.0"
-  resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc"
-  integrity sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==
-
-chalk@^2.0.0, chalk@^2.1.0:
-  version "2.4.2"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
-  integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
-  dependencies:
-    ansi-styles "^3.2.1"
-    escape-string-regexp "^1.0.5"
-    supports-color "^5.3.0"
-
-chalk@^4.0.0, chalk@^4.1.0, chalk@^4.1.2:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
-  integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
-  dependencies:
-    ansi-styles "^4.1.0"
-    supports-color "^7.1.0"
-
-char-regex@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/char-regex/-/char-regex-1.0.2.tgz#d744358226217f981ed58f479b1d6bcc29545dcf"
-  integrity sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==
-
-character-parser@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/character-parser/-/character-parser-2.2.0.tgz#c7ce28f36d4bcd9744e5ffc2c5fcde1c73261fc0"
-  integrity sha512-+UqJQjFEFaTAs3bNsF2j2kEN1baG/zghZbdqoYEDxGZtJo9LBzl1A+m0D4n3qKx8N2FNv8/Xp6yV9mQmBuptaw==
-  dependencies:
-    is-regex "^1.0.3"
-
-chardet@^0.7.0:
-  version "0.7.0"
-  resolved "https://registry.yarnpkg.com/chardet/-/chardet-0.7.0.tgz#90094849f0937f2eedc2425d0d28a9e5f0cbad9e"
-  integrity sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==
-
-chart.js@^3.9.1:
-  version "3.9.1"
-  resolved "https://registry.yarnpkg.com/chart.js/-/chart.js-3.9.1.tgz#3abf2c775169c4c71217a107163ac708515924b8"
-  integrity sha512-Ro2JbLmvg83gXF5F4sniaQ+lTbSv18E+TIf2cOeiH1Iqd2PGFOtem+DUufMZsCJwFE7ywPOpfXFBwRTGq7dh6w==
-
-"chokidar@>=3.0.0 <4.0.0", chokidar@^3.5.1, chokidar@^3.5.3:
-  version "3.5.3"
-  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.3.tgz#1cf37c8707b932bd1af1ae22c0432e2acd1903bd"
-  integrity sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==
-  dependencies:
-    anymatch "~3.1.2"
-    braces "~3.0.2"
-    glob-parent "~5.1.2"
-    is-binary-path "~2.1.0"
-    is-glob "~4.0.1"
-    normalize-path "~3.0.0"
-    readdirp "~3.6.0"
-  optionalDependencies:
-    fsevents "~2.3.2"
-
-chownr@^1.1.4:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.4.tgz#6fc9d7b42d32a583596337666e7d08084da2cc6b"
-  integrity sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==
-
-chownr@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/chownr/-/chownr-2.0.0.tgz#15bfbe53d2eab4cf70f18a8cd68ebe5b3cb1dece"
-  integrity sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==
-
-ci-info@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-2.0.0.tgz#67a9e964be31a51e15e5010d58e6f12834002f46"
-  integrity sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ==
-
-ci-info@^3.2.0:
-  version "3.8.0"
-  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.8.0.tgz#81408265a5380c929f0bc665d62256628ce9ef91"
-  integrity sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==
-
-cjs-module-lexer@^1.0.0:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/cjs-module-lexer/-/cjs-module-lexer-1.2.2.tgz#9f84ba3244a512f3a54e5277e8eef4c489864e40"
-  integrity sha512-cOU9usZw8/dXIXKtwa8pM0OTJQuJkxMN6w30csNRUerHfeQ5R6U3kkU/FtJeIf3M202OHfY2U8ccInBG7/xogA==
-
-clean-stack@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/clean-stack/-/clean-stack-2.2.0.tgz#ee8472dbb129e727b31e8a10a427dee9dfe4008b"
-  integrity sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==
-
-cli-cursor@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-3.1.0.tgz#264305a7ae490d1d03bf0c9ba7c925d1753af307"
-  integrity sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==
-  dependencies:
-    restore-cursor "^3.1.0"
-
-cli-spinners@^2.5.0:
-  version "2.7.0"
-  resolved "https://registry.yarnpkg.com/cli-spinners/-/cli-spinners-2.7.0.tgz#f815fd30b5f9eaac02db604c7a231ed7cb2f797a"
-  integrity sha512-qu3pN8Y3qHNgE2AFweciB1IfMnmZ/fsNTEE+NOFjmGB2F/7rLhnhzppvpCnN4FovtP26k8lHyy9ptEbNwWFLzw==
-
-cli-width@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/cli-width/-/cli-width-3.0.0.tgz#a2f48437a2caa9a22436e794bf071ec9e61cedf6"
-  integrity sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw==
-
-cliui@^7.0.2:
-  version "7.0.4"
-  resolved "https://registry.yarnpkg.com/cliui/-/cliui-7.0.4.tgz#a0265ee655476fc807aea9df3df8df7783808b4f"
-  integrity sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==
-  dependencies:
-    string-width "^4.2.0"
-    strip-ansi "^6.0.0"
-    wrap-ansi "^7.0.0"
-
-cliui@^8.0.1:
-  version "8.0.1"
-  resolved "https://registry.yarnpkg.com/cliui/-/cliui-8.0.1.tgz#0c04b075db02cbfe60dc8e6cf2f5486b1a3608aa"
-  integrity sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==
-  dependencies:
-    string-width "^4.2.0"
-    strip-ansi "^6.0.1"
-    wrap-ansi "^7.0.0"
-
-clone-deep@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/clone-deep/-/clone-deep-4.0.1.tgz#c19fd9bdbbf85942b4fd979c84dcf7d5f07c2387"
-  integrity sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==
-  dependencies:
-    is-plain-object "^2.0.4"
-    kind-of "^6.0.2"
-    shallow-clone "^3.0.0"
-
-clone@^1.0.2:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/clone/-/clone-1.0.4.tgz#da309cc263df15994c688ca902179ca3c7cd7c7e"
-  integrity sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==
-
-cmd-shim@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/cmd-shim/-/cmd-shim-4.1.0.tgz#b3a904a6743e9fede4148c6f3800bf2a08135bdd"
-  integrity sha512-lb9L7EM4I/ZRVuljLPEtUJOP+xiQVknZ4ZMpMgEp4JzNldPb27HU03hi6K1/6CoIuit/Zm/LQXySErFeXxDprw==
-  dependencies:
-    mkdirp-infer-owner "^2.0.0"
-
-co@^4.6.0:
-  version "4.6.0"
-  resolved "https://registry.yarnpkg.com/co/-/co-4.6.0.tgz#6ea6bdf3d853ae54ccb8e47bfa0bf3f9031fb184"
-  integrity sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==
-
-code-point-at@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/code-point-at/-/code-point-at-1.1.0.tgz#0d070b4d043a5bea33a2f1a40e2edb3d9a4ccf77"
-  integrity sha512-RpAVKQA5T63xEj6/giIbUEtZwJ4UFIc3ZtvEkiaUERylqe8xb5IvqcgOurZLahv93CLKfxcw5YI+DZcUBRyLXA==
-
-collect-v8-coverage@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/collect-v8-coverage/-/collect-v8-coverage-1.0.1.tgz#cc2c8e94fc18bbdffe64d6534570c8a673b27f59"
-  integrity sha512-iBPtljfCNcTKNAto0KEtDfZ3qzjJvqE3aTGZsbhjSBlorqpXJlaWWtPO35D+ZImoC3KWejX64o+yPGxhWSTzfg==
-
-color-convert@^1.9.0:
-  version "1.9.3"
-  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
-  integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
-  dependencies:
-    color-name "1.1.3"
-
-color-convert@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-2.0.1.tgz#72d3a68d598c9bdb3af2ad1e84f21d896abd4de3"
-  integrity sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==
-  dependencies:
-    color-name "~1.1.4"
-
-color-name@1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
-  integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
-
-color-name@^1.1.4, color-name@~1.1.4:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
-  integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
-
-columnify@^1.5.4:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/columnify/-/columnify-1.6.0.tgz#6989531713c9008bb29735e61e37acf5bd553cf3"
-  integrity sha512-lomjuFZKfM6MSAnV9aCZC9sc0qGbmZdfygNv+nCpqVkSKdCxCklLtd16O0EILGkImHw9ZpHkAnHaB+8Zxq5W6Q==
-  dependencies:
-    strip-ansi "^6.0.1"
-    wcwidth "^1.0.0"
-
-combined-stream@^1.0.6, combined-stream@^1.0.8, combined-stream@~1.0.6:
-  version "1.0.8"
-  resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
-  integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==
-  dependencies:
-    delayed-stream "~1.0.0"
-
-commander@^2.19.0:
-  version "2.20.3"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
-  integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
-
-commondir@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b"
-  integrity sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==
-
-compare-func@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/compare-func/-/compare-func-2.0.0.tgz#fb65e75edbddfd2e568554e8b5b05fff7a51fcb3"
-  integrity sha512-zHig5N+tPWARooBnb0Zx1MFcdfpyJrfTJ3Y5L+IFvUm8rM74hHz66z0gw0x4tijh5CorKkKUCnW82R2vmpeCRA==
-  dependencies:
-    array-ify "^1.0.0"
-    dot-prop "^5.1.0"
-
-concat-map@0.0.1:
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
-  integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==
-
-concat-stream@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/concat-stream/-/concat-stream-2.0.0.tgz#414cf5af790a48c60ab9be4527d56d5e41133cb1"
-  integrity sha512-MWufYdFw53ccGjCA+Ol7XJYpAlW6/prSMzuPOTRnJGcGzuhLn4Scrz7qf6o8bROZ514ltazcIFJZevcfbo0x7A==
-  dependencies:
-    buffer-from "^1.0.0"
-    inherits "^2.0.3"
-    readable-stream "^3.0.2"
-    typedarray "^0.0.6"
-
-config-chain@^1.1.12, config-chain@^1.1.13:
-  version "1.1.13"
-  resolved "https://registry.yarnpkg.com/config-chain/-/config-chain-1.1.13.tgz#fad0795aa6a6cdaff9ed1b68e9dff94372c232f4"
-  integrity sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==
-  dependencies:
-    ini "^1.3.4"
-    proto-list "~1.2.1"
-
-connect-history-api-fallback@^1.6.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/connect-history-api-fallback/-/connect-history-api-fallback-1.6.0.tgz#8b32089359308d111115d81cad3fceab888f97bc"
-  integrity sha512-e54B99q/OUoH64zYYRf3HBP5z24G38h5D3qXu23JGRoigpX5Ss4r9ZnDk3g0Z8uQC2x2lPaJ+UlWBc1ZWBWdLg==
-
-console-control-strings@^1.0.0, console-control-strings@~1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/console-control-strings/-/console-control-strings-1.1.0.tgz#3d7cf4464db6446ea644bf4b39507f9851008e8e"
-  integrity sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==
-
-constantinople@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/constantinople/-/constantinople-4.0.1.tgz#0def113fa0e4dc8de83331a5cf79c8b325213151"
-  integrity sha512-vCrqcSIq4//Gx74TXXCGnHpulY1dskqLTFGDmhrGxzeXL8lF8kvXv6mpNWlJj1uD4DW23D4ljAqbY4RRaaUZIw==
-  dependencies:
-    "@babel/parser" "^7.6.0"
-    "@babel/types" "^7.6.1"
-
-conventional-changelog-angular@^5.0.12:
-  version "5.0.13"
-  resolved "https://registry.yarnpkg.com/conventional-changelog-angular/-/conventional-changelog-angular-5.0.13.tgz#896885d63b914a70d4934b59d2fe7bde1832b28c"
-  integrity sha512-i/gipMxs7s8L/QeuavPF2hLnJgH6pEZAttySB6aiQLWcX3puWDL3ACVmvBhJGxnAy52Qc15ua26BufY6KpmrVA==
-  dependencies:
-    compare-func "^2.0.0"
-    q "^1.5.1"
-
-conventional-changelog-core@^4.2.2:
-  version "4.2.4"
-  resolved "https://registry.yarnpkg.com/conventional-changelog-core/-/conventional-changelog-core-4.2.4.tgz#e50d047e8ebacf63fac3dc67bf918177001e1e9f"
-  integrity sha512-gDVS+zVJHE2v4SLc6B0sLsPiloR0ygU7HaDW14aNJE1v4SlqJPILPl/aJC7YdtRE4CybBf8gDwObBvKha8Xlyg==
-  dependencies:
-    add-stream "^1.0.0"
-    conventional-changelog-writer "^5.0.0"
-    conventional-commits-parser "^3.2.0"
-    dateformat "^3.0.0"
-    get-pkg-repo "^4.0.0"
-    git-raw-commits "^2.0.8"
-    git-remote-origin-url "^2.0.0"
-    git-semver-tags "^4.1.1"
-    lodash "^4.17.15"
-    normalize-package-data "^3.0.0"
-    q "^1.5.1"
-    read-pkg "^3.0.0"
-    read-pkg-up "^3.0.0"
-    through2 "^4.0.0"
-
-conventional-changelog-preset-loader@^2.3.4:
-  version "2.3.4"
-  resolved "https://registry.yarnpkg.com/conventional-changelog-preset-loader/-/conventional-changelog-preset-loader-2.3.4.tgz#14a855abbffd59027fd602581f1f34d9862ea44c"
-  integrity sha512-GEKRWkrSAZeTq5+YjUZOYxdHq+ci4dNwHvpaBC3+ENalzFWuCWa9EZXSuZBpkr72sMdKB+1fyDV4takK1Lf58g==
-
-conventional-changelog-writer@^5.0.0:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/conventional-changelog-writer/-/conventional-changelog-writer-5.0.1.tgz#e0757072f045fe03d91da6343c843029e702f359"
-  integrity sha512-5WsuKUfxW7suLblAbFnxAcrvf6r+0b7GvNaWUwUIk0bXMnENP/PEieGKVUQrjPqwPT4o3EPAASBXiY6iHooLOQ==
-  dependencies:
-    conventional-commits-filter "^2.0.7"
-    dateformat "^3.0.0"
-    handlebars "^4.7.7"
-    json-stringify-safe "^5.0.1"
-    lodash "^4.17.15"
-    meow "^8.0.0"
-    semver "^6.0.0"
-    split "^1.0.0"
-    through2 "^4.0.0"
-
-conventional-commits-filter@^2.0.7:
-  version "2.0.7"
-  resolved "https://registry.yarnpkg.com/conventional-commits-filter/-/conventional-commits-filter-2.0.7.tgz#f8d9b4f182fce00c9af7139da49365b136c8a0b3"
-  integrity sha512-ASS9SamOP4TbCClsRHxIHXRfcGCnIoQqkvAzCSbZzTFLfcTqJVugB0agRgsEELsqaeWgsXv513eS116wnlSSPA==
-  dependencies:
-    lodash.ismatch "^4.4.0"
-    modify-values "^1.0.0"
-
-conventional-commits-parser@^3.2.0:
-  version "3.2.4"
-  resolved "https://registry.yarnpkg.com/conventional-commits-parser/-/conventional-commits-parser-3.2.4.tgz#a7d3b77758a202a9b2293d2112a8d8052c740972"
-  integrity sha512-nK7sAtfi+QXbxHCYfhpZsfRtaitZLIA6889kFIouLvz6repszQDgxBu7wf2WbU+Dco7sAnNCJYERCwt54WPC2Q==
-  dependencies:
-    JSONStream "^1.0.4"
-    is-text-path "^1.0.1"
-    lodash "^4.17.15"
-    meow "^8.0.0"
-    split2 "^3.0.0"
-    through2 "^4.0.0"
-
-conventional-recommended-bump@^6.1.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/conventional-recommended-bump/-/conventional-recommended-bump-6.1.0.tgz#cfa623285d1de554012f2ffde70d9c8a22231f55"
-  integrity sha512-uiApbSiNGM/kkdL9GTOLAqC4hbptObFo4wW2QRyHsKciGAfQuLU1ShZ1BIVI/+K2BE/W1AWYQMCXAsv4dyKPaw==
-  dependencies:
-    concat-stream "^2.0.0"
-    conventional-changelog-preset-loader "^2.3.4"
-    conventional-commits-filter "^2.0.7"
-    conventional-commits-parser "^3.2.0"
-    git-raw-commits "^2.0.8"
-    git-semver-tags "^4.1.1"
-    meow "^8.0.0"
-    q "^1.5.1"
-
-convert-source-map@^1.6.0, convert-source-map@^1.7.0:
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.9.0.tgz#7faae62353fb4213366d0ca98358d22e8368b05f"
-  integrity sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==
-
-convert-source-map@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-2.0.0.tgz#4b560f649fc4e918dd0ab75cf4961e8bc882d82a"
-  integrity sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==
-
-core-util-is@1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
-  integrity sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==
-
-core-util-is@~1.0.0:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.3.tgz#a6042d3634c2b27e9328f837b965fac83808db85"
-  integrity sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==
-
-cosmiconfig@^7.0.0:
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.1.0.tgz#1443b9afa596b670082ea46cbd8f6a62b84635f6"
-  integrity sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==
-  dependencies:
-    "@types/parse-json" "^4.0.0"
-    import-fresh "^3.2.1"
-    parse-json "^5.0.0"
-    path-type "^4.0.0"
-    yaml "^1.10.0"
-
-cross-spawn@^7.0.2, cross-spawn@^7.0.3:
-  version "7.0.3"
-  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
-  integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
-  dependencies:
-    path-key "^3.1.0"
-    shebang-command "^2.0.0"
-    which "^2.0.1"
-
-css-tree@^2.0.1:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-2.3.1.tgz#10264ce1e5442e8572fc82fbe490644ff54b5c20"
-  integrity sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==
-  dependencies:
-    mdn-data "2.0.30"
-    source-map-js "^1.0.1"
-
-css-tree@~2.2.0:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-2.2.1.tgz#36115d382d60afd271e377f9c5f67d02bd48c032"
-  integrity sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==
-  dependencies:
-    mdn-data "2.0.28"
-    source-map-js "^1.0.1"
-
-cssesc@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
-  integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==
-
-cssfontparser@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/cssfontparser/-/cssfontparser-1.2.1.tgz#f4022fc8f9700c68029d542084afbaf425a3f3e3"
-  integrity sha512-6tun4LoZnj7VN6YeegOVb67KBX/7JJsqvj+pv3ZA7F878/eN33AbGa5b/S/wXxS/tcp8nc40xRUrsPlxIyNUPg==
-
-csso@^5.0.5:
-  version "5.0.5"
-  resolved "https://registry.yarnpkg.com/csso/-/csso-5.0.5.tgz#f9b7fe6cc6ac0b7d90781bb16d5e9874303e2ca6"
-  integrity sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==
-  dependencies:
-    css-tree "~2.2.0"
-
-cssom@^0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.5.0.tgz#d254fa92cd8b6fbd83811b9fbaed34663cc17c36"
-  integrity sha512-iKuQcq+NdHqlAcwUY0o/HL69XQrUaQdMjmStJ8JFmUaiiQErlhrmuigkg/CU4E2J0IyUKUrMAgl36TvN67MqTw==
-
-cssom@~0.3.6:
-  version "0.3.8"
-  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.3.8.tgz#9f1276f5b2b463f2114d3f2c75250af8c1a36f4a"
-  integrity sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==
-
-cssstyle@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-2.3.0.tgz#ff665a0ddbdc31864b09647f34163443d90b0852"
-  integrity sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==
-  dependencies:
-    cssom "~0.3.6"
-
-csstype@^2.6.8:
-  version "2.6.21"
-  resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.21.tgz#2efb85b7cc55c80017c66a5ad7cbd931fda3a90e"
-  integrity sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w==
-
-dargs@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/dargs/-/dargs-7.0.0.tgz#04015c41de0bcb69ec84050f3d9be0caf8d6d5cc"
-  integrity sha512-2iy1EkLdlBzQGvbweYRFxmFath8+K7+AKB0TlhHWkNuH+TmovaMH/Wp7V7R4u7f4SnX3OgLsU9t1NI9ioDnUpg==
-
-dashdash@^1.12.0:
-  version "1.14.1"
-  resolved "https://registry.yarnpkg.com/dashdash/-/dashdash-1.14.1.tgz#853cfa0f7cbe2fed5de20326b8dd581035f6e2f0"
-  integrity sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==
-  dependencies:
-    assert-plus "^1.0.0"
-
-data-urls@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-3.0.2.tgz#9cf24a477ae22bcef5cd5f6f0bfbc1d2d3be9143"
-  integrity sha512-Jy/tj3ldjZJo63sVAvg6LHt2mHvl4V6AgRAmNDtLdm7faqtsx+aJG42rsyCo9JCoRVKwPFzKlIPx3DIibwSIaQ==
-  dependencies:
-    abab "^2.0.6"
-    whatwg-mimetype "^3.0.0"
-    whatwg-url "^11.0.0"
-
-dateformat@^3.0.0:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/dateformat/-/dateformat-3.0.3.tgz#a6e37499a4d9a9cf85ef5872044d62901c9889ae"
-  integrity sha512-jyCETtSl3VMZMWeRo7iY1FL19ges1t55hMo5yaam4Jrsm5EPL89UQkoQRyiI+Yf4k8r2ZpdngkV8hr1lIdjb3Q==
-
-debug@4, debug@^4.1.0, debug@^4.1.1, debug@^4.3.2, debug@^4.3.3, debug@^4.3.4:
-  version "4.3.4"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
-  integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
-  dependencies:
-    ms "2.1.2"
-
-debuglog@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/debuglog/-/debuglog-1.0.1.tgz#aa24ffb9ac3df9a2351837cfb2d279360cd78492"
-  integrity sha512-syBZ+rnAK3EgMsH2aYEOLUW7mZSY9Gb+0wUMCFsZvcmiz+HigA0LOcq/HoQqVuGG+EKykunc7QG2bzrponfaSw==
-
-decamelize-keys@^1.1.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/decamelize-keys/-/decamelize-keys-1.1.1.tgz#04a2d523b2f18d80d0158a43b895d56dff8d19d8"
-  integrity sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg==
-  dependencies:
-    decamelize "^1.1.0"
-    map-obj "^1.0.0"
-
-decamelize@^1.1.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
-  integrity sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==
-
-decimal.js@^10.4.2:
-  version "10.4.3"
-  resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.4.3.tgz#1044092884d245d1b7f65725fa4ad4c6f781cc23"
-  integrity sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==
-
-decode-uri-component@^0.2.0:
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/decode-uri-component/-/decode-uri-component-0.2.2.tgz#e69dbe25d37941171dd540e024c444cd5188e1e9"
-  integrity sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==
-
-dedent@^0.7.0:
-  version "0.7.0"
-  resolved "https://registry.yarnpkg.com/dedent/-/dedent-0.7.0.tgz#2495ddbaf6eb874abb0e1be9df22d2e5a544326c"
-  integrity sha512-Q6fKUPqnAHAyhiUgFU7BUzLiv0kd8saH9al7tnu5Q/okj6dnupxyTgFIBjVzJATdfIAm9NAsvXNzjaKa+bxVyA==
-
-deep-is@^0.1.3, deep-is@~0.1.3:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
-  integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
-
-deepmerge@^4.2.2:
-  version "4.3.1"
-  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.3.1.tgz#44b5f2147cd3b00d4b56137685966f26fd25dd4a"
-  integrity sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==
-
-defaults@^1.0.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/defaults/-/defaults-1.0.4.tgz#b0b02062c1e2aa62ff5d9528f0f98baa90978d7a"
-  integrity sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==
-  dependencies:
-    clone "^1.0.2"
-
-define-properties@^1.1.3, define-properties@^1.1.4:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.2.0.tgz#52988570670c9eacedd8064f4a990f2405849bd5"
-  integrity sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==
-  dependencies:
-    has-property-descriptors "^1.0.0"
-    object-keys "^1.1.1"
-
-delayed-stream@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
-  integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
-
-delegates@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/delegates/-/delegates-1.0.0.tgz#84c6e159b81904fdca59a0ef44cd870d31250f9a"
-  integrity sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==
-
-depd@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/depd/-/depd-2.0.0.tgz#b696163cc757560d09cf22cc8fad1571b79e76df"
-  integrity sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==
-
-deprecation@^2.0.0, deprecation@^2.3.1:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/deprecation/-/deprecation-2.3.1.tgz#6368cbdb40abf3373b525ac87e4a260c3a700919"
-  integrity sha512-xmHIy4F3scKVwMsQ4WnVaS8bHOx0DmVwRywosKhaILI0ywMDWPtBSku2HNxRvF7jtwDRsoEwYQSfbxj8b7RlJQ==
-
-detect-indent@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/detect-indent/-/detect-indent-5.0.0.tgz#3871cc0a6a002e8c3e5b3cf7f336264675f06b9d"
-  integrity sha512-rlpvsxUtM0PQvy9iZe640/IWwWYyBsTApREbA1pHOpmOUIl9MkP/U4z7vTtg4Oaojvqhxt7sdufnT0EzGaR31g==
-
-detect-indent@^6.0.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/detect-indent/-/detect-indent-6.1.0.tgz#592485ebbbf6b3b1ab2be175c8393d04ca0d57e6"
-  integrity sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==
-
-detect-newline@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/detect-newline/-/detect-newline-3.1.0.tgz#576f5dfc63ae1a192ff192d8ad3af6308991b651"
-  integrity sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==
-
-dezalgo@^1.0.0:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/dezalgo/-/dezalgo-1.0.4.tgz#751235260469084c132157dfa857f386d4c33d81"
-  integrity sha512-rXSP0bf+5n0Qonsb+SVVfNfIsimO4HEtmnIpPHY8Q1UCzKlQrDMfdobr8nJOOsRgWCyMRqeSBQzmWUMq7zvVig==
-  dependencies:
-    asap "^2.0.0"
-    wrappy "1"
-
-diff-sequences@^29.4.3:
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-29.4.3.tgz#9314bc1fabe09267ffeca9cbafc457d8499a13f2"
-  integrity sha512-ofrBgwpPhCD85kMKtE9RYFFq6OC1A89oW2vvgWZNCwxrUpRUILopY7lsYyMDSjc8g6U6aiO0Qubg6r4Wgt5ZnA==
-
-dir-glob@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-3.0.1.tgz#56dbf73d992a4a93ba1584f4534063fd2e41717f"
-  integrity sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==
-  dependencies:
-    path-type "^4.0.0"
-
-doctrine@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-3.0.0.tgz#addebead72a6574db783639dc87a121773973961"
-  integrity sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==
-  dependencies:
-    esutils "^2.0.2"
-
-doctypes@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/doctypes/-/doctypes-1.1.0.tgz#ea80b106a87538774e8a3a4a5afe293de489e0a9"
-  integrity sha512-LLBi6pEqS6Do3EKQ3J0NqHWV5hhb78Pi8vvESYwyOy2c31ZEZVdtitdzsQsKb7878PEERhzUk0ftqGhG6Mz+pQ==
-
-domexception@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/domexception/-/domexception-4.0.0.tgz#4ad1be56ccadc86fc76d033353999a8037d03673"
-  integrity sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==
-  dependencies:
-    webidl-conversions "^7.0.0"
-
-dot-prop@^5.1.0:
-  version "5.3.0"
-  resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-5.3.0.tgz#90ccce708cd9cd82cc4dc8c3ddd9abdd55b20e88"
-  integrity sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q==
-  dependencies:
-    is-obj "^2.0.0"
-
-dot-prop@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-6.0.1.tgz#fc26b3cf142b9e59b74dbd39ed66ce620c681083"
-  integrity sha512-tE7ztYzXHIeyvc7N+hR3oi7FIbf/NIjVP9hmAt3yMXzrQ072/fpjGLx2GxNxGxUl5V73MEqYzioOMoVhGMJ5cA==
-  dependencies:
-    is-obj "^2.0.0"
-
-duplexer@^0.1.1:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/duplexer/-/duplexer-0.1.2.tgz#3abe43aef3835f8ae077d136ddce0f276b0400e6"
-  integrity sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==
-
-ecc-jsbn@~0.1.1:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz#3a83a904e54353287874c564b7549386849a98c9"
-  integrity sha512-eh9O+hwRHNbG4BLTjEl3nw044CkGm5X6LoaCf7LPp7UU8Qrt47JYNi6nPX8xjW97TKGKm1ouctg0QSpZe9qrnw==
-  dependencies:
-    jsbn "~0.1.0"
-    safer-buffer "^2.1.0"
-
-editorconfig@^0.15.3:
-  version "0.15.3"
-  resolved "https://registry.yarnpkg.com/editorconfig/-/editorconfig-0.15.3.tgz#bef84c4e75fb8dcb0ce5cee8efd51c15999befc5"
-  integrity sha512-M9wIMFx96vq0R4F+gRpY3o2exzb8hEj/n9S8unZtHSvYjibBp/iMufSzvmOcV/laG0ZtuTVGtiJggPOSW2r93g==
-  dependencies:
-    commander "^2.19.0"
-    lru-cache "^4.1.5"
-    semver "^5.6.0"
-    sigmund "^1.0.1"
-
-electron-to-chromium@^1.4.284:
-  version "1.4.339"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.339.tgz#bfa611a7707ca8bbb784e01fe247c18a35bd8d28"
-  integrity sha512-MSXHBJGcbBydq/DQDlpBeUKnJ6C7aTiNCTRpfDV5Iz0sNr/Ng6RJFloq82AAicp/SrmDq4zF6XsKG0B8Xwn1UQ==
-
-emittery@^0.13.1:
-  version "0.13.1"
-  resolved "https://registry.yarnpkg.com/emittery/-/emittery-0.13.1.tgz#c04b8c3457490e0847ae51fced3af52d338e3dad"
-  integrity sha512-DeWwawk6r5yR9jFgnDKYt4sLS0LmHJJi3ZOnb5/JdbYwj3nW+FxQnHIjhBKz8YLC7oRNPVM9NQ47I3CVx34eqQ==
-
-emoji-regex@^8.0.0:
-  version "8.0.0"
-  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
-  integrity sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==
-
-encoding@^0.1.12:
-  version "0.1.13"
-  resolved "https://registry.yarnpkg.com/encoding/-/encoding-0.1.13.tgz#56574afdd791f54a8e9b2785c0582a2d26210fa9"
-  integrity sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==
-  dependencies:
-    iconv-lite "^0.6.2"
-
-entities@^4.4.0:
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/entities/-/entities-4.4.0.tgz#97bdaba170339446495e653cfd2db78962900174"
-  integrity sha512-oYp7156SP8LkeGD0GF85ad1X9Ai79WtRsZ2gxJqtBuzH+98YUV6jkHEKlZkMbcrjJjIVJNIDP/3WL9wQkoPbWA==
-
-entities@~2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/entities/-/entities-2.1.0.tgz#992d3129cf7df6870b96c57858c249a120f8b8b5"
-  integrity sha512-hCx1oky9PFrJ611mf0ifBLBRW8lUUVRlFolb5gWRfIELabBlbp9xZvrqZLZAs+NxFnbfQoeGd8wDkygjg7U85w==
-
-env-paths@^2.2.0:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/env-paths/-/env-paths-2.2.1.tgz#420399d416ce1fbe9bc0a07c62fa68d67fd0f8f2"
-  integrity sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==
-
-envinfo@^7.7.4, envinfo@^7.8.1:
-  version "7.8.1"
-  resolved "https://registry.yarnpkg.com/envinfo/-/envinfo-7.8.1.tgz#06377e3e5f4d379fea7ac592d5ad8927e0c4d475"
-  integrity sha512-/o+BXHmB7ocbHEAs6F2EnG0ogybVVUdkRunTT2glZU9XAaGmhqskrvKwqXuDfNjEO0LZKWdejEEpnq8aM0tOaw==
-
-err-code@^2.0.2:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/err-code/-/err-code-2.0.3.tgz#23c2f3b756ffdfc608d30e27c9a941024807e7f9"
-  integrity sha512-2bmlRpNKBxT/CRmPOlyISQpNj+qSeYvcym/uT0Jx2bMOlKLtSy1ZmLuVxSEKKyor/N5yhvp/ZiG1oE3DEYMSFA==
-
-error-ex@^1.3.1:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.2.tgz#b4ac40648107fdcdcfae242f428bea8a14d4f1bf"
-  integrity sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==
-  dependencies:
-    is-arrayish "^0.2.1"
-
-es-abstract@^1.19.0, es-abstract@^1.20.4:
-  version "1.21.2"
-  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.21.2.tgz#a56b9695322c8a185dc25975aa3b8ec31d0e7eff"
-  integrity sha512-y/B5POM2iBnIxCiernH1G7rC9qQoM77lLIMQLuob0zhp8C56Po81+2Nj0WFKnd0pNReDTnkYryc+zhOzpEIROg==
-  dependencies:
-    array-buffer-byte-length "^1.0.0"
-    available-typed-arrays "^1.0.5"
-    call-bind "^1.0.2"
-    es-set-tostringtag "^2.0.1"
-    es-to-primitive "^1.2.1"
-    function.prototype.name "^1.1.5"
-    get-intrinsic "^1.2.0"
-    get-symbol-description "^1.0.0"
-    globalthis "^1.0.3"
-    gopd "^1.0.1"
-    has "^1.0.3"
-    has-property-descriptors "^1.0.0"
-    has-proto "^1.0.1"
-    has-symbols "^1.0.3"
-    internal-slot "^1.0.5"
-    is-array-buffer "^3.0.2"
-    is-callable "^1.2.7"
-    is-negative-zero "^2.0.2"
-    is-regex "^1.1.4"
-    is-shared-array-buffer "^1.0.2"
-    is-string "^1.0.7"
-    is-typed-array "^1.1.10"
-    is-weakref "^1.0.2"
-    object-inspect "^1.12.3"
-    object-keys "^1.1.1"
-    object.assign "^4.1.4"
-    regexp.prototype.flags "^1.4.3"
-    safe-regex-test "^1.0.0"
-    string.prototype.trim "^1.2.7"
-    string.prototype.trimend "^1.0.6"
-    string.prototype.trimstart "^1.0.6"
-    typed-array-length "^1.0.4"
-    unbox-primitive "^1.0.2"
-    which-typed-array "^1.1.9"
-
-es-array-method-boxes-properly@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/es-array-method-boxes-properly/-/es-array-method-boxes-properly-1.0.0.tgz#873f3e84418de4ee19c5be752990b2e44718d09e"
-  integrity sha512-wd6JXUmyHmt8T5a2xreUwKcGPq6f1f+WwIJkijUqiGcJz1qqnZgP6XIK+QyIWU5lT7imeNxUll48bziG+TSYcA==
-
-es-set-tostringtag@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz#338d502f6f674301d710b80c8592de8a15f09cd8"
-  integrity sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==
-  dependencies:
-    get-intrinsic "^1.1.3"
-    has "^1.0.3"
-    has-tostringtag "^1.0.0"
-
-es-to-primitive@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/es-to-primitive/-/es-to-primitive-1.2.1.tgz#e55cd4c9cdc188bcefb03b366c736323fc5c898a"
-  integrity sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==
-  dependencies:
-    is-callable "^1.1.4"
-    is-date-object "^1.0.1"
-    is-symbol "^1.0.2"
-
-es6-object-assign@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/es6-object-assign/-/es6-object-assign-1.1.0.tgz#c2c3582656247c39ea107cb1e6652b6f9f24523c"
-  integrity sha512-MEl9uirslVwqQU369iHNWZXsI8yaZYGg/D65aOgZkeyFJwHYSxilf7rQzXKI7DdDuBPrBXbfk3sl9hJhmd5AUw==
-
-esbuild-android-64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-android-64/-/esbuild-android-64-0.14.54.tgz#505f41832884313bbaffb27704b8bcaa2d8616be"
-  integrity sha512-Tz2++Aqqz0rJ7kYBfz+iqyE3QMycD4vk7LBRyWaAVFgFtQ/O8EJOnVmTOiDWYZ/uYzB4kvP+bqejYdVKzE5lAQ==
-
-esbuild-android-arm64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-android-arm64/-/esbuild-android-arm64-0.14.54.tgz#8ce69d7caba49646e009968fe5754a21a9871771"
-  integrity sha512-F9E+/QDi9sSkLaClO8SOV6etqPd+5DgJje1F9lOWoNncDdOBL2YF59IhsWATSt0TLZbYCf3pNlTHvVV5VfHdvg==
-
-esbuild-darwin-64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-darwin-64/-/esbuild-darwin-64-0.14.54.tgz#24ba67b9a8cb890a3c08d9018f887cc221cdda25"
-  integrity sha512-jtdKWV3nBviOd5v4hOpkVmpxsBy90CGzebpbO9beiqUYVMBtSc0AL9zGftFuBon7PNDcdvNCEuQqw2x0wP9yug==
-
-esbuild-darwin-arm64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.14.54.tgz#3f7cdb78888ee05e488d250a2bdaab1fa671bf73"
-  integrity sha512-OPafJHD2oUPyvJMrsCvDGkRrVCar5aVyHfWGQzY1dWnzErjrDuSETxwA2HSsyg2jORLY8yBfzc1MIpUkXlctmw==
-
-esbuild-freebsd-64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-freebsd-64/-/esbuild-freebsd-64-0.14.54.tgz#09250f997a56ed4650f3e1979c905ffc40bbe94d"
-  integrity sha512-OKwd4gmwHqOTp4mOGZKe/XUlbDJ4Q9TjX0hMPIDBUWWu/kwhBAudJdBoxnjNf9ocIB6GN6CPowYpR/hRCbSYAg==
-
-esbuild-freebsd-arm64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.14.54.tgz#bafb46ed04fc5f97cbdb016d86947a79579f8e48"
-  integrity sha512-sFwueGr7OvIFiQT6WeG0jRLjkjdqWWSrfbVwZp8iMP+8UHEHRBvlaxL6IuKNDwAozNUmbb8nIMXa7oAOARGs1Q==
-
-esbuild-linux-32@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-32/-/esbuild-linux-32-0.14.54.tgz#e2a8c4a8efdc355405325033fcebeb941f781fe5"
-  integrity sha512-1ZuY+JDI//WmklKlBgJnglpUL1owm2OX+8E1syCD6UAxcMM/XoWd76OHSjl/0MR0LisSAXDqgjT3uJqT67O3qw==
-
-esbuild-linux-64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-64/-/esbuild-linux-64-0.14.54.tgz#de5fdba1c95666cf72369f52b40b03be71226652"
-  integrity sha512-EgjAgH5HwTbtNsTqQOXWApBaPVdDn7XcK+/PtJwZLT1UmpLoznPd8c5CxqsH2dQK3j05YsB3L17T8vE7cp4cCg==
-
-esbuild-linux-arm64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-arm64/-/esbuild-linux-arm64-0.14.54.tgz#dae4cd42ae9787468b6a5c158da4c84e83b0ce8b"
-  integrity sha512-WL71L+0Rwv+Gv/HTmxTEmpv0UgmxYa5ftZILVi2QmZBgX3q7+tDeOQNqGtdXSdsL8TQi1vIaVFHUPDe0O0kdig==
-
-esbuild-linux-arm@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-arm/-/esbuild-linux-arm-0.14.54.tgz#a2c1dff6d0f21dbe8fc6998a122675533ddfcd59"
-  integrity sha512-qqz/SjemQhVMTnvcLGoLOdFpCYbz4v4fUo+TfsWG+1aOu70/80RV6bgNpR2JCrppV2moUQkww+6bWxXRL9YMGw==
-
-esbuild-linux-mips64le@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.14.54.tgz#d9918e9e4cb972f8d6dae8e8655bf9ee131eda34"
-  integrity sha512-qTHGQB8D1etd0u1+sB6p0ikLKRVuCWhYQhAHRPkO+OF3I/iSlTKNNS0Lh2Oc0g0UFGguaFZZiPJdJey3AGpAlw==
-
-esbuild-linux-ppc64le@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.14.54.tgz#3f9a0f6d41073fb1a640680845c7de52995f137e"
-  integrity sha512-j3OMlzHiqwZBDPRCDFKcx595XVfOfOnv68Ax3U4UKZ3MTYQB5Yz3X1mn5GnodEVYzhtZgxEBidLWeIs8FDSfrQ==
-
-esbuild-linux-riscv64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.14.54.tgz#618853c028178a61837bc799d2013d4695e451c8"
-  integrity sha512-y7Vt7Wl9dkOGZjxQZnDAqqn+XOqFD7IMWiewY5SPlNlzMX39ocPQlOaoxvT4FllA5viyV26/QzHtvTjVNOxHZg==
-
-esbuild-linux-s390x@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-s390x/-/esbuild-linux-s390x-0.14.54.tgz#d1885c4c5a76bbb5a0fe182e2c8c60eb9e29f2a6"
-  integrity sha512-zaHpW9dziAsi7lRcyV4r8dhfG1qBidQWUXweUjnw+lliChJqQr+6XD71K41oEIC3Mx1KStovEmlzm+MkGZHnHA==
-
-esbuild-netbsd-64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-netbsd-64/-/esbuild-netbsd-64-0.14.54.tgz#69ae917a2ff241b7df1dbf22baf04bd330349e81"
-  integrity sha512-PR01lmIMnfJTgeU9VJTDY9ZerDWVFIUzAtJuDHwwceppW7cQWjBBqP48NdeRtoP04/AtO9a7w3viI+PIDr6d+w==
-
-esbuild-openbsd-64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-openbsd-64/-/esbuild-openbsd-64-0.14.54.tgz#db4c8495287a350a6790de22edea247a57c5d47b"
-  integrity sha512-Qyk7ikT2o7Wu76UsvvDS5q0amJvmRzDyVlL0qf5VLsLchjCa1+IAvd8kTBgUxD7VBUUVgItLkk609ZHUc1oCaw==
-
-esbuild-sunos-64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-sunos-64/-/esbuild-sunos-64-0.14.54.tgz#54287ee3da73d3844b721c21bc80c1dc7e1bf7da"
-  integrity sha512-28GZ24KmMSeKi5ueWzMcco6EBHStL3B6ubM7M51RmPwXQGLe0teBGJocmWhgwccA1GeFXqxzILIxXpHbl9Q/Kw==
-
-esbuild-windows-32@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-windows-32/-/esbuild-windows-32-0.14.54.tgz#f8aaf9a5667630b40f0fb3aa37bf01bbd340ce31"
-  integrity sha512-T+rdZW19ql9MjS7pixmZYVObd9G7kcaZo+sETqNH4RCkuuYSuv9AGHUVnPoP9hhuE1WM1ZimHz1CIBHBboLU7w==
-
-esbuild-windows-64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-windows-64/-/esbuild-windows-64-0.14.54.tgz#bf54b51bd3e9b0f1886ffdb224a4176031ea0af4"
-  integrity sha512-AoHTRBUuYwXtZhjXZbA1pGfTo8cJo3vZIcWGLiUcTNgHpJJMC1rVA44ZereBHMJtotyN71S8Qw0npiCIkW96cQ==
-
-esbuild-windows-arm64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-windows-arm64/-/esbuild-windows-arm64-0.14.54.tgz#937d15675a15e4b0e4fafdbaa3a01a776a2be982"
-  integrity sha512-M0kuUvXhot1zOISQGXwWn6YtS+Y/1RT9WrVIOywZnJHo3jCDyewAc79aKNQWFCQm+xNHVTq9h8dZKvygoXQQRg==
-
-esbuild@^0.14.27, esbuild@^0.14.29:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.14.54.tgz#8b44dcf2b0f1a66fc22459943dccf477535e9aa2"
-  integrity sha512-Cy9llcy8DvET5uznocPyqL3BFRrFXSVqbgpMJ9Wz8oVjZlh/zUSNbPRbov0VX7VxN2JH1Oa0uNxZ7eLRb62pJA==
-  optionalDependencies:
-    "@esbuild/linux-loong64" "0.14.54"
-    esbuild-android-64 "0.14.54"
-    esbuild-android-arm64 "0.14.54"
-    esbuild-darwin-64 "0.14.54"
-    esbuild-darwin-arm64 "0.14.54"
-    esbuild-freebsd-64 "0.14.54"
-    esbuild-freebsd-arm64 "0.14.54"
-    esbuild-linux-32 "0.14.54"
-    esbuild-linux-64 "0.14.54"
-    esbuild-linux-arm "0.14.54"
-    esbuild-linux-arm64 "0.14.54"
-    esbuild-linux-mips64le "0.14.54"
-    esbuild-linux-ppc64le "0.14.54"
-    esbuild-linux-riscv64 "0.14.54"
-    esbuild-linux-s390x "0.14.54"
-    esbuild-netbsd-64 "0.14.54"
-    esbuild-openbsd-64 "0.14.54"
-    esbuild-sunos-64 "0.14.54"
-    esbuild-windows-32 "0.14.54"
-    esbuild-windows-64 "0.14.54"
-    esbuild-windows-arm64 "0.14.54"
-
-escalade@^3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40"
-  integrity sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==
-
-escape-string-regexp@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
-  integrity sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==
-
-escape-string-regexp@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz#a30304e99daa32e23b2fd20f51babd07cffca344"
-  integrity sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==
-
-escape-string-regexp@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
-  integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
-
-escodegen@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-2.0.0.tgz#5e32b12833e8aa8fa35e1bf0befa89380484c7dd"
-  integrity sha512-mmHKys/C8BFUGI+MAWNcSYoORYLMdPzjrknd2Vc+bUsjN5bXcr8EhrNB+UTqfL1y3I9c4fw2ihgtMPQLBRiQxw==
-  dependencies:
-    esprima "^4.0.1"
-    estraverse "^5.2.0"
-    esutils "^2.0.2"
-    optionator "^0.8.1"
-  optionalDependencies:
-    source-map "~0.6.1"
-
-eslint-config-prettier@^8.3.0:
-  version "8.8.0"
-  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-8.8.0.tgz#bfda738d412adc917fd7b038857110efe98c9348"
-  integrity sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==
-
-eslint-plugin-prettier@^4.0.0, eslint-plugin-prettier@^4.2.1:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-4.2.1.tgz#651cbb88b1dab98bfd42f017a12fa6b2d993f94b"
-  integrity sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==
-  dependencies:
-    prettier-linter-helpers "^1.0.0"
-
-eslint-plugin-vue@^9.9.0:
-  version "9.10.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-9.10.0.tgz#bb6423166e6eab800344245b6eef6ce9480c78a7"
-  integrity sha512-2MgP31OBf8YilUvtakdVMc8xVbcMp7z7/iQj8LHVpXrSXHPXSJRUIGSPFI6b6pyCx/buKaFJ45ycqfHvQRiW2g==
-  dependencies:
-    "@eslint-community/eslint-utils" "^4.3.0"
-    natural-compare "^1.4.0"
-    nth-check "^2.0.1"
-    postcss-selector-parser "^6.0.9"
-    semver "^7.3.5"
-    vue-eslint-parser "^9.0.1"
-    xml-name-validator "^4.0.0"
-
-eslint-scope@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-5.1.1.tgz#e786e59a66cb92b3f6c1fb0d508aab174848f48c"
-  integrity sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==
-  dependencies:
-    esrecurse "^4.3.0"
-    estraverse "^4.1.1"
-
-eslint-scope@^7.1.1:
-  version "7.1.1"
-  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-7.1.1.tgz#fff34894c2f65e5226d3041ac480b4513a163642"
-  integrity sha512-QKQM/UXpIiHcLqJ5AOyIW7XZmzjkzQXYE54n1++wb0u9V/abW3l9uQnxX8Z5Xd18xyKIMTUAyQ0k1e8pz6LUrw==
-  dependencies:
-    esrecurse "^4.3.0"
-    estraverse "^5.2.0"
-
-eslint-utils@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-3.0.0.tgz#8aebaface7345bb33559db0a1f13a1d2d48c3672"
-  integrity sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==
-  dependencies:
-    eslint-visitor-keys "^2.0.0"
-
-eslint-visitor-keys@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz#f65328259305927392c938ed44eb0a5c9b2bd303"
-  integrity sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==
-
-eslint-visitor-keys@^3.3.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz#f6480fa6b1f30efe2d1968aa8ac745b862469826"
-  integrity sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==
-
-eslint@8.34.0:
-  version "8.34.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.34.0.tgz#fe0ab0ef478104c1f9ebc5537e303d25a8fb22d6"
-  integrity sha512-1Z8iFsucw+7kSqXNZVslXS8Ioa4u2KM7GPwuKtkTFAqZ/cHMcEaR+1+Br0wLlot49cNxIiZk5wp8EAbPcYZxTg==
-  dependencies:
-    "@eslint/eslintrc" "^1.4.1"
-    "@humanwhocodes/config-array" "^0.11.8"
-    "@humanwhocodes/module-importer" "^1.0.1"
-    "@nodelib/fs.walk" "^1.2.8"
-    ajv "^6.10.0"
-    chalk "^4.0.0"
-    cross-spawn "^7.0.2"
-    debug "^4.3.2"
-    doctrine "^3.0.0"
-    escape-string-regexp "^4.0.0"
-    eslint-scope "^7.1.1"
-    eslint-utils "^3.0.0"
-    eslint-visitor-keys "^3.3.0"
-    espree "^9.4.0"
-    esquery "^1.4.0"
-    esutils "^2.0.2"
-    fast-deep-equal "^3.1.3"
-    file-entry-cache "^6.0.1"
-    find-up "^5.0.0"
-    glob-parent "^6.0.2"
-    globals "^13.19.0"
-    grapheme-splitter "^1.0.4"
-    ignore "^5.2.0"
-    import-fresh "^3.0.0"
-    imurmurhash "^0.1.4"
-    is-glob "^4.0.0"
-    is-path-inside "^3.0.3"
-    js-sdsl "^4.1.4"
-    js-yaml "^4.1.0"
-    json-stable-stringify-without-jsonify "^1.0.1"
-    levn "^0.4.1"
-    lodash.merge "^4.6.2"
-    minimatch "^3.1.2"
-    natural-compare "^1.4.0"
-    optionator "^0.9.1"
-    regexpp "^3.2.0"
-    strip-ansi "^6.0.1"
-    strip-json-comments "^3.1.0"
-    text-table "^0.2.0"
-
-espree@^9.3.1, espree@^9.4.0:
-  version "9.5.0"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-9.5.0.tgz#3646d4e3f58907464edba852fa047e6a27bdf113"
-  integrity sha512-JPbJGhKc47++oo4JkEoTe2wjy4fmMwvFpgJT9cQzmfXKp22Dr6Hf1tdCteLz1h0P3t+mGvWZ+4Uankvh8+c6zw==
-  dependencies:
-    acorn "^8.8.0"
-    acorn-jsx "^5.3.2"
-    eslint-visitor-keys "^3.3.0"
-
-esprima@^4.0.0, esprima@^4.0.1, esprima@~4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
-  integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
-
-esquery@^1.4.0:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.5.0.tgz#6ce17738de8577694edd7361c57182ac8cb0db0b"
-  integrity sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==
-  dependencies:
-    estraverse "^5.1.0"
-
-esrecurse@^4.3.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.3.0.tgz#7ad7964d679abb28bee72cec63758b1c5d2c9921"
-  integrity sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==
-  dependencies:
-    estraverse "^5.2.0"
-
-estraverse@^4.1.1:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
-  integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==
-
-estraverse@^5.1.0, estraverse@^5.2.0:
-  version "5.3.0"
-  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
-  integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
-
-estree-walker@^0.6.1:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-0.6.1.tgz#53049143f40c6eb918b23671d1fe3219f3a1b362"
-  integrity sha512-SqmZANLWS0mnatqbSfRP5g8OXZC12Fgg1IwNtLsyHDzJizORW4khDfjPqJZsemPWBB2uqykUah5YpQ6epsqC/w==
-
-estree-walker@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-2.0.2.tgz#52f010178c2a4c117a7757cfe942adb7d2da4cac"
-  integrity sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==
-
-esutils@^2.0.2:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
-  integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
-
-eventemitter3@^4.0.4:
-  version "4.0.7"
-  resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-4.0.7.tgz#2de9b68f6528d5644ef5c59526a1b4a07306169f"
-  integrity sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==
-
-execa@^5.0.0, execa@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/execa/-/execa-5.1.1.tgz#f80ad9cbf4298f7bd1d4c9555c21e93741c411dd"
-  integrity sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==
-  dependencies:
-    cross-spawn "^7.0.3"
-    get-stream "^6.0.0"
-    human-signals "^2.1.0"
-    is-stream "^2.0.0"
-    merge-stream "^2.0.0"
-    npm-run-path "^4.0.1"
-    onetime "^5.1.2"
-    signal-exit "^3.0.3"
-    strip-final-newline "^2.0.0"
-
-exit@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/exit/-/exit-0.1.2.tgz#0632638f8d877cc82107d30a0fff1a17cba1cd0c"
-  integrity sha512-Zk/eNKV2zbjpKzrsQ+n1G6poVbErQxJ0LBOJXaKZ1EViLzH+hrLu9cdXI4zw9dBQJslwBEpbQ2P1oS7nDxs6jQ==
-
-expect@^29.0.0, expect@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/expect/-/expect-29.5.0.tgz#68c0509156cb2a0adb8865d413b137eeaae682f7"
-  integrity sha512-yM7xqUrCO2JdpFo4XpM82t+PJBFybdqoQuJLDGeDX2ij8NZzqRHyu3Hp188/JX7SWqud+7t4MUdvcgGBICMHZg==
-  dependencies:
-    "@jest/expect-utils" "^29.5.0"
-    jest-get-type "^29.4.3"
-    jest-matcher-utils "^29.5.0"
-    jest-message-util "^29.5.0"
-    jest-util "^29.5.0"
-
-extend-shallow@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/extend-shallow/-/extend-shallow-2.0.1.tgz#51af7d614ad9a9f610ea1bafbb989d6b1c56890f"
-  integrity sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==
-  dependencies:
-    is-extendable "^0.1.0"
-
-extend@~3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.2.tgz#f8b1136b4071fbd8eb140aff858b1019ec2915fa"
-  integrity sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==
-
-external-editor@^3.0.3:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/external-editor/-/external-editor-3.1.0.tgz#cb03f740befae03ea4d283caed2741a83f335495"
-  integrity sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==
-  dependencies:
-    chardet "^0.7.0"
-    iconv-lite "^0.4.24"
-    tmp "^0.0.33"
-
-extsprintf@1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.3.0.tgz#96918440e3041a7a414f8c52e3c574eb3c3e1e05"
-  integrity sha512-11Ndz7Nv+mvAC1j0ktTa7fAb0vLyGGX+rMHNBYQviQDGU0Hw7lhctJANqbPhu9nV9/izT/IntTgZ7Im/9LJs9g==
-
-extsprintf@^1.2.0:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.4.1.tgz#8d172c064867f235c0c84a596806d279bf4bcc07"
-  integrity sha512-Wrk35e8ydCKDj/ArClo1VrPVmN8zph5V4AtHwIuHhvMXsKf73UT3BOD+azBIW+3wOJ4FhEH7zyaJCFvChjYvMA==
-
-fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
-  integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
-
-fast-diff@^1.1.2:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/fast-diff/-/fast-diff-1.2.0.tgz#73ee11982d86caaf7959828d519cfe927fac5f03"
-  integrity sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==
-
-fast-glob@^3.2.9:
-  version "3.2.12"
-  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.12.tgz#7f39ec99c2e6ab030337142da9e0c18f37afae80"
-  integrity sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==
-  dependencies:
-    "@nodelib/fs.stat" "^2.0.2"
-    "@nodelib/fs.walk" "^1.2.3"
-    glob-parent "^5.1.2"
-    merge2 "^1.3.0"
-    micromatch "^4.0.4"
-
-fast-json-stable-stringify@2.x, fast-json-stable-stringify@^2.0.0, fast-json-stable-stringify@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
-  integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
-
-fast-levenshtein@^2.0.6, fast-levenshtein@~2.0.6:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
-  integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
-
-fastq@^1.6.0:
-  version "1.15.0"
-  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.15.0.tgz#d04d07c6a2a68fe4599fea8d2e103a937fae6b3a"
-  integrity sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==
-  dependencies:
-    reusify "^1.0.4"
-
-fb-watchman@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/fb-watchman/-/fb-watchman-2.0.2.tgz#e9524ee6b5c77e9e5001af0f85f3adbb8623255c"
-  integrity sha512-p5161BqbuCaSnB8jIbzQHOlpgsPmK5rJVDfDKO91Axs5NC1uu3HRQm6wt9cd9/+GtQQIO53JdGXXoyDpTAsgYA==
-  dependencies:
-    bser "2.1.1"
-
-figures@^3.0.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/figures/-/figures-3.2.0.tgz#625c18bd293c604dc4a8ddb2febf0c88341746af"
-  integrity sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==
-  dependencies:
-    escape-string-regexp "^1.0.5"
-
-file-entry-cache@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-6.0.1.tgz#211b2dd9659cb0394b073e7323ac3c933d522027"
-  integrity sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==
-  dependencies:
-    flat-cache "^3.0.4"
-
-fill-range@^7.0.1:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40"
-  integrity sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==
-  dependencies:
-    to-regex-range "^5.0.1"
-
-filter-obj@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/filter-obj/-/filter-obj-1.1.0.tgz#9b311112bc6c6127a16e016c6c5d7f19e0805c5b"
-  integrity sha512-8rXg1ZnX7xzy2NGDVkBVaAy+lSlPNwad13BtgSlLuxfIslyt5Vg64U7tFcCt4WS1R0hvtnQybT/IyCkGZ3DpXQ==
-
-find-up@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-2.1.0.tgz#45d1b7e506c717ddd482775a2b77920a3c0c57a7"
-  integrity sha512-NWzkk0jSJtTt08+FBFMvXoeZnOJD+jTtsRmBYbAIzJdX6l7dLgR7CTubCM5/eDdPUBvLCeVasP1brfVR/9/EZQ==
-  dependencies:
-    locate-path "^2.0.0"
-
-find-up@^4.0.0, find-up@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
-  integrity sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==
-  dependencies:
-    locate-path "^5.0.0"
-    path-exists "^4.0.0"
-
-find-up@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-5.0.0.tgz#4c92819ecb7083561e4f4a240a86be5198f536fc"
-  integrity sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==
-  dependencies:
-    locate-path "^6.0.0"
-    path-exists "^4.0.0"
-
-flat-cache@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-3.0.4.tgz#61b0338302b2fe9f957dcc32fc2a87f1c3048b11"
-  integrity sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==
-  dependencies:
-    flatted "^3.1.0"
-    rimraf "^3.0.2"
-
-flatted@^3.1.0:
-  version "3.2.7"
-  resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.7.tgz#609f39207cb614b89d0765b477cb2d437fbf9787"
-  integrity sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==
-
-for-each@^0.3.3:
-  version "0.3.3"
-  resolved "https://registry.yarnpkg.com/for-each/-/for-each-0.3.3.tgz#69b447e88a0a5d32c3e7084f3f1710034b21376e"
-  integrity sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==
-  dependencies:
-    is-callable "^1.1.3"
-
-forever-agent@~0.6.1:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/forever-agent/-/forever-agent-0.6.1.tgz#fbc71f0c41adeb37f96c577ad1ed42d8fdacca91"
-  integrity sha512-j0KLYPhm6zeac4lz3oJ3o65qvgQCcPubiyotZrXqEaG4hNagNYO8qdlUrX5vwqv9ohqeT/Z3j6+yW067yWWdUw==
-
-form-data@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.0.tgz#93919daeaf361ee529584b9b31664dc12c9fa452"
-  integrity sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==
-  dependencies:
-    asynckit "^0.4.0"
-    combined-stream "^1.0.8"
-    mime-types "^2.1.12"
-
-form-data@~2.3.2:
-  version "2.3.3"
-  resolved "https://registry.yarnpkg.com/form-data/-/form-data-2.3.3.tgz#dcce52c05f644f298c6a7ab936bd724ceffbf3a6"
-  integrity sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==
-  dependencies:
-    asynckit "^0.4.0"
-    combined-stream "^1.0.6"
-    mime-types "^2.1.12"
-
-fraction.js@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.2.0.tgz#448e5109a313a3527f5a3ab2119ec4cf0e0e2950"
-  integrity sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==
-
-fs-extra@^10.0.1:
-  version "10.1.0"
-  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-10.1.0.tgz#02873cfbc4084dde127eaa5f9905eef2325d1abf"
-  integrity sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==
-  dependencies:
-    graceful-fs "^4.2.0"
-    jsonfile "^6.0.1"
-    universalify "^2.0.0"
-
-fs-extra@^9.1.0:
-  version "9.1.0"
-  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-9.1.0.tgz#5954460c764a8da2094ba3554bf839e6b9a7c86d"
-  integrity sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==
-  dependencies:
-    at-least-node "^1.0.0"
-    graceful-fs "^4.2.0"
-    jsonfile "^6.0.1"
-    universalify "^2.0.0"
-
-fs-minipass@^1.2.7:
-  version "1.2.7"
-  resolved "https://registry.yarnpkg.com/fs-minipass/-/fs-minipass-1.2.7.tgz#ccff8570841e7fe4265693da88936c55aed7f7c7"
-  integrity sha512-GWSSJGFy4e9GUeCcbIkED+bgAoFyj7XF1mV8rma3QW4NIqX9Kyx79N/PF61H5udOV3aY1IaMLs6pGbH71nlCTA==
-  dependencies:
-    minipass "^2.6.0"
-
-fs-minipass@^2.0.0, fs-minipass@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/fs-minipass/-/fs-minipass-2.1.0.tgz#7f5036fdbf12c63c169190cbe4199c852271f9fb"
-  integrity sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==
-  dependencies:
-    minipass "^3.0.0"
-
-fs.realpath@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
-  integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
-
-fsevents@^2.3.2, fsevents@~2.3.2:
-  version "2.3.2"
-  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
-  integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
-
-function-bind@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
-  integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
-
-function.prototype.name@^1.1.5:
-  version "1.1.5"
-  resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.5.tgz#cce0505fe1ffb80503e6f9e46cc64e46a12a9621"
-  integrity sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.3"
-    es-abstract "^1.19.0"
-    functions-have-names "^1.2.2"
-
-functions-have-names@^1.2.2:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/functions-have-names/-/functions-have-names-1.2.3.tgz#0404fe4ee2ba2f607f0e0ec3c80bae994133b834"
-  integrity sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==
-
-gauge@~2.7.3:
-  version "2.7.4"
-  resolved "https://registry.yarnpkg.com/gauge/-/gauge-2.7.4.tgz#2c03405c7538c39d7eb37b317022e325fb018bf7"
-  integrity sha512-14x4kjc6lkD3ltw589k0NrPD6cCNTD6CWoVUNpB85+DrtONoZn+Rug6xZU5RvSC4+TZPxA5AnBibQYAvZn41Hg==
-  dependencies:
-    aproba "^1.0.3"
-    console-control-strings "^1.0.0"
-    has-unicode "^2.0.0"
-    object-assign "^4.1.0"
-    signal-exit "^3.0.0"
-    string-width "^1.0.1"
-    strip-ansi "^3.0.1"
-    wide-align "^1.1.0"
-
-gensync@^1.0.0-beta.2:
-  version "1.0.0-beta.2"
-  resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0"
-  integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==
-
-get-caller-file@^2.0.5:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
-  integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
-
-get-intrinsic@^1.0.2, get-intrinsic@^1.1.1, get-intrinsic@^1.1.3, get-intrinsic@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.2.0.tgz#7ad1dc0535f3a2904bba075772763e5051f6d05f"
-  integrity sha512-L049y6nFOuom5wGyRc3/gdTLO94dySVKRACj1RmJZBQXlbTMhtNIgkWkUHq+jYmZvKf14EW1EoJnnjbmoHij0Q==
-  dependencies:
-    function-bind "^1.1.1"
-    has "^1.0.3"
-    has-symbols "^1.0.3"
-
-get-package-type@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/get-package-type/-/get-package-type-0.1.0.tgz#8de2d803cff44df3bc6c456e6668b36c3926e11a"
-  integrity sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==
-
-get-pkg-repo@^4.0.0:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/get-pkg-repo/-/get-pkg-repo-4.2.1.tgz#75973e1c8050c73f48190c52047c4cee3acbf385"
-  integrity sha512-2+QbHjFRfGB74v/pYWjd5OhU3TDIC2Gv/YKUTk/tCvAz0pkn/Mz6P3uByuBimLOcPvN2jYdScl3xGFSrx0jEcA==
-  dependencies:
-    "@hutson/parse-repository-url" "^3.0.0"
-    hosted-git-info "^4.0.0"
-    through2 "^2.0.0"
-    yargs "^16.2.0"
-
-get-port@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/get-port/-/get-port-5.1.1.tgz#0469ed07563479de6efb986baf053dcd7d4e3193"
-  integrity sha512-g/Q1aTSDOxFpchXC4i8ZWvxA1lnPqx/JHqcpIw0/LX9T8x/GBbi6YnlN5nhaKIFkT8oFsscUKgDJYxfwfS6QsQ==
-
-get-stream@^6.0.0:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-6.0.1.tgz#a262d8eef67aced57c2852ad6167526a43cbf7b7"
-  integrity sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==
-
-get-symbol-description@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/get-symbol-description/-/get-symbol-description-1.0.0.tgz#7fdb81c900101fbd564dd5f1a30af5aadc1e58d6"
-  integrity sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==
-  dependencies:
-    call-bind "^1.0.2"
-    get-intrinsic "^1.1.1"
-
-getpass@^0.1.1:
-  version "0.1.7"
-  resolved "https://registry.yarnpkg.com/getpass/-/getpass-0.1.7.tgz#5eff8e3e684d569ae4cb2b1282604e8ba62149fa"
-  integrity sha512-0fzj9JxOLfJ+XGLhR8ze3unN0KZCgZwiSSDz168VERjK8Wl8kVSdcu2kspd4s4wtAa1y/qrVRiAA0WclVsu0ng==
-  dependencies:
-    assert-plus "^1.0.0"
-
-git-raw-commits@^2.0.8:
-  version "2.0.11"
-  resolved "https://registry.yarnpkg.com/git-raw-commits/-/git-raw-commits-2.0.11.tgz#bc3576638071d18655e1cc60d7f524920008d723"
-  integrity sha512-VnctFhw+xfj8Va1xtfEqCUD2XDrbAPSJx+hSrE5K7fGdjZruW7XV+QOrN7LF/RJyvspRiD2I0asWsxFp0ya26A==
-  dependencies:
-    dargs "^7.0.0"
-    lodash "^4.17.15"
-    meow "^8.0.0"
-    split2 "^3.0.0"
-    through2 "^4.0.0"
-
-git-remote-origin-url@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/git-remote-origin-url/-/git-remote-origin-url-2.0.0.tgz#5282659dae2107145a11126112ad3216ec5fa65f"
-  integrity sha512-eU+GGrZgccNJcsDH5LkXR3PB9M958hxc7sbA8DFJjrv9j4L2P/eZfKhM+QD6wyzpiv+b1BpK0XrYCxkovtjSLw==
-  dependencies:
-    gitconfiglocal "^1.0.0"
-    pify "^2.3.0"
-
-git-semver-tags@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/git-semver-tags/-/git-semver-tags-4.1.1.tgz#63191bcd809b0ec3e151ba4751c16c444e5b5780"
-  integrity sha512-OWyMt5zBe7xFs8vglMmhM9lRQzCWL3WjHtxNNfJTMngGym7pC1kh8sP6jevfydJ6LP3ZvGxfb6ABYgPUM0mtsA==
-  dependencies:
-    meow "^8.0.0"
-    semver "^6.0.0"
-
-git-up@^4.0.0:
-  version "4.0.5"
-  resolved "https://registry.yarnpkg.com/git-up/-/git-up-4.0.5.tgz#e7bb70981a37ea2fb8fe049669800a1f9a01d759"
-  integrity sha512-YUvVDg/vX3d0syBsk/CKUTib0srcQME0JyHkL5BaYdwLsiCslPWmDSi8PUMo9pXYjrryMcmsCoCgsTpSCJEQaA==
-  dependencies:
-    is-ssh "^1.3.0"
-    parse-url "^6.0.0"
-
-git-url-parse@^11.4.4:
-  version "11.6.0"
-  resolved "https://registry.yarnpkg.com/git-url-parse/-/git-url-parse-11.6.0.tgz#c634b8de7faa66498a2b88932df31702c67df605"
-  integrity sha512-WWUxvJs5HsyHL6L08wOusa/IXYtMuCAhrMmnTjQPpBU0TTHyDhnOATNH3xNQz7YOQUsqIIPTGr4xiVti1Hsk5g==
-  dependencies:
-    git-up "^4.0.0"
-
-gitconfiglocal@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/gitconfiglocal/-/gitconfiglocal-1.0.0.tgz#41d045f3851a5ea88f03f24ca1c6178114464b9b"
-  integrity sha512-spLUXeTAVHxDtKsJc8FkFVgFtMdEN9qPGpL23VfSHx4fP4+Ds097IXLvymbnDH8FnmxX5Nr9bPw3A+AQ6mWEaQ==
-  dependencies:
-    ini "^1.3.2"
-
-glob-parent@^5.1.1, glob-parent@^5.1.2, glob-parent@~5.1.2:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
-  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
-  dependencies:
-    is-glob "^4.0.1"
-
-glob-parent@^6.0.2:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-6.0.2.tgz#6d237d99083950c79290f24c7642a3de9a28f9e3"
-  integrity sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==
-  dependencies:
-    is-glob "^4.0.3"
-
-glob@^7.1.1, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6:
-  version "7.2.3"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
-  integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
-  dependencies:
-    fs.realpath "^1.0.0"
-    inflight "^1.0.4"
-    inherits "2"
-    minimatch "^3.1.1"
-    once "^1.3.0"
-    path-is-absolute "^1.0.0"
-
-glob@^8.0.3:
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-8.1.0.tgz#d388f656593ef708ee3e34640fdfb99a9fd1c33e"
-  integrity sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==
-  dependencies:
-    fs.realpath "^1.0.0"
-    inflight "^1.0.4"
-    inherits "2"
-    minimatch "^5.0.1"
-    once "^1.3.0"
-
-globals@^11.1.0:
-  version "11.12.0"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
-  integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
-
-globals@^13.19.0:
-  version "13.20.0"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-13.20.0.tgz#ea276a1e508ffd4f1612888f9d1bad1e2717bf82"
-  integrity sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==
-  dependencies:
-    type-fest "^0.20.2"
-
-globalthis@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/globalthis/-/globalthis-1.0.3.tgz#5852882a52b80dc301b0660273e1ed082f0b6ccf"
-  integrity sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==
-  dependencies:
-    define-properties "^1.1.3"
-
-globby@^11.0.2, globby@^11.0.4, globby@^11.1.0:
-  version "11.1.0"
-  resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b"
-  integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==
-  dependencies:
-    array-union "^2.1.0"
-    dir-glob "^3.0.1"
-    fast-glob "^3.2.9"
-    ignore "^5.2.0"
-    merge2 "^1.4.1"
-    slash "^3.0.0"
-
-gopd@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.0.1.tgz#29ff76de69dac7489b7c0918a5788e56477c332c"
-  integrity sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==
-  dependencies:
-    get-intrinsic "^1.1.3"
-
-graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.2, graceful-fs@^4.2.3, graceful-fs@^4.2.9:
-  version "4.2.11"
-  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
-  integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
-
-grapheme-splitter@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz#9cf3a665c6247479896834af35cf1dbb4400767e"
-  integrity sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==
-
-gray-matter@^4.0.3:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/gray-matter/-/gray-matter-4.0.3.tgz#e893c064825de73ea1f5f7d88c7a9f7274288798"
-  integrity sha512-5v6yZd4JK3eMI3FqqCouswVqwugaA9r4dNZB1wwcmrD02QkV5H0y7XBQW8QwQqEaZY1pM9aqORSORhJRdNK44Q==
-  dependencies:
-    js-yaml "^3.13.1"
-    kind-of "^6.0.2"
-    section-matter "^1.0.0"
-    strip-bom-string "^1.0.0"
-
-handlebars@^4.7.7:
-  version "4.7.7"
-  resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.7.7.tgz#9ce33416aad02dbd6c8fafa8240d5d98004945a1"
-  integrity sha512-aAcXm5OAfE/8IXkcZvCepKU3VzW1/39Fb5ZuqMtgI/hT8X2YgoMvBY5dLhq/cpOvw7Lk1nK/UF71aLG/ZnVYRA==
-  dependencies:
-    minimist "^1.2.5"
-    neo-async "^2.6.0"
-    source-map "^0.6.1"
-    wordwrap "^1.0.0"
-  optionalDependencies:
-    uglify-js "^3.1.4"
-
-har-schema@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/har-schema/-/har-schema-2.0.0.tgz#a94c2224ebcac04782a0d9035521f24735b7ec92"
-  integrity sha512-Oqluz6zhGX8cyRaTQlFMPw80bSJVG2x/cFb8ZPhUILGgHka9SsokCCOQgpveePerqidZOrT14ipqfJb7ILcW5Q==
-
-har-validator@~5.1.3:
-  version "5.1.5"
-  resolved "https://registry.yarnpkg.com/har-validator/-/har-validator-5.1.5.tgz#1f0803b9f8cb20c0fa13822df1ecddb36bde1efd"
-  integrity sha512-nmT2T0lljbxdQZfspsno9hgrG3Uir6Ks5afism62poxqBM6sDnMEuPmzTq8XN0OEwqKLLdh1jQI3qyE66Nzb3w==
-  dependencies:
-    ajv "^6.12.3"
-    har-schema "^2.0.0"
-
-hard-rejection@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/hard-rejection/-/hard-rejection-2.1.0.tgz#1c6eda5c1685c63942766d79bb40ae773cecd883"
-  integrity sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==
-
-has-bigints@^1.0.1, has-bigints@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.0.2.tgz#0871bd3e3d51626f6ca0966668ba35d5602d6eaa"
-  integrity sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==
-
-has-flag@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
-  integrity sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==
-
-has-flag@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
-  integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
-
-has-property-descriptors@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz#610708600606d36961ed04c196193b6a607fa861"
-  integrity sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==
-  dependencies:
-    get-intrinsic "^1.1.1"
-
-has-proto@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/has-proto/-/has-proto-1.0.1.tgz#1885c1305538958aff469fef37937c22795408e0"
-  integrity sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==
-
-has-symbols@^1.0.2, has-symbols@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.3.tgz#bb7b2c4349251dce87b125f7bdf874aa7c8b39f8"
-  integrity sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==
-
-has-tostringtag@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/has-tostringtag/-/has-tostringtag-1.0.0.tgz#7e133818a7d394734f941e73c3d3f9291e658b25"
-  integrity sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==
-  dependencies:
-    has-symbols "^1.0.2"
-
-has-unicode@^2.0.0, has-unicode@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/has-unicode/-/has-unicode-2.0.1.tgz#e0e6fe6a28cf51138855e086d1691e771de2a8b9"
-  integrity sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==
-
-has@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/has/-/has-1.0.3.tgz#722d7cbfc1f6aa8241f16dd814e011e1f41e8796"
-  integrity sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==
-  dependencies:
-    function-bind "^1.1.1"
-
-hash-sum@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/hash-sum/-/hash-sum-2.0.0.tgz#81d01bb5de8ea4a214ad5d6ead1b523460b0b45a"
-  integrity sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg==
-
-hosted-git-info@^2.1.4:
-  version "2.8.9"
-  resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.8.9.tgz#dffc0bf9a21c02209090f2aa69429e1414daf3f9"
-  integrity sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==
-
-hosted-git-info@^4.0.0, hosted-git-info@^4.0.1:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-4.1.0.tgz#827b82867e9ff1c8d0c4d9d53880397d2c86d224"
-  integrity sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==
-  dependencies:
-    lru-cache "^6.0.0"
-
-html-encoding-sniffer@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz#2cb1a8cf0db52414776e5b2a7a04d5dd98158de9"
-  integrity sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==
-  dependencies:
-    whatwg-encoding "^2.0.0"
-
-html-escaper@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/html-escaper/-/html-escaper-2.0.2.tgz#dfd60027da36a36dfcbe236262c00a5822681453"
-  integrity sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==
-
-http-cache-semantics@^4.1.0:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/http-cache-semantics/-/http-cache-semantics-4.1.1.tgz#abe02fcb2985460bf0323be664436ec3476a6d5a"
-  integrity sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==
-
-http-proxy-agent@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/http-proxy-agent/-/http-proxy-agent-4.0.1.tgz#8a8c8ef7f5932ccf953c296ca8291b95aa74aa3a"
-  integrity sha512-k0zdNgqWTGA6aeIRVpvfVob4fL52dTfaehylg0Y4UvSySvOq/Y+BOyPrgpUrA7HylqvU8vIZGsRuXmspskV0Tg==
-  dependencies:
-    "@tootallnate/once" "1"
-    agent-base "6"
-    debug "4"
-
-http-proxy-agent@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz#5129800203520d434f142bc78ff3c170800f2b43"
-  integrity sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==
-  dependencies:
-    "@tootallnate/once" "2"
-    agent-base "6"
-    debug "4"
-
-http-signature@~1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/http-signature/-/http-signature-1.2.0.tgz#9aecd925114772f3d95b65a60abb8f7c18fbace1"
-  integrity sha512-CAbnr6Rz4CYQkLYUtSNXxQPUH2gK8f3iWexVlsnMeD+GjlsQ0Xsy1cOX+mN3dtxYomRy21CiOzU8Uhw6OwncEQ==
-  dependencies:
-    assert-plus "^1.0.0"
-    jsprim "^1.2.2"
-    sshpk "^1.7.0"
-
-https-proxy-agent@^5.0.0, https-proxy-agent@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz#c59ef224a04fe8b754f3db0063a25ea30d0005d6"
-  integrity sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==
-  dependencies:
-    agent-base "6"
-    debug "4"
-
-human-signals@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-2.1.0.tgz#dc91fcba42e4d06e4abaed33b3e7a3c02f514ea0"
-  integrity sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==
-
-humanize-ms@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/humanize-ms/-/humanize-ms-1.2.1.tgz#c46e3159a293f6b896da29316d8b6fe8bb79bbed"
-  integrity sha512-Fl70vYtsAFb/C06PTS9dZBo7ihau+Tu/DNCk/OyHhea07S+aeMWpFFkUaXRa8fI+ScZbEI8dfSxwY7gxZ9SAVQ==
-  dependencies:
-    ms "^2.0.0"
-
-iconv-lite@0.6.3, iconv-lite@^0.6.2:
-  version "0.6.3"
-  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.6.3.tgz#a52f80bf38da1952eb5c681790719871a1a72501"
-  integrity sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==
-  dependencies:
-    safer-buffer ">= 2.1.2 < 3.0.0"
-
-iconv-lite@^0.4.24:
-  version "0.4.24"
-  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
-  integrity sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==
-  dependencies:
-    safer-buffer ">= 2.1.2 < 3"
-
-ieee754@^1.1.13:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.2.1.tgz#8eb7a10a63fff25d15a57b001586d177d1b0d352"
-  integrity sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==
-
-ignore-walk@^3.0.3:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/ignore-walk/-/ignore-walk-3.0.4.tgz#c9a09f69b7c7b479a5d74ac1a3c0d4236d2a6335"
-  integrity sha512-PY6Ii8o1jMRA1z4F2hRkH/xN59ox43DavKvD3oDpfurRlOJyAHpifIwpbdv1n4jt4ov0jSpw3kQ4GhJnpBL6WQ==
-  dependencies:
-    minimatch "^3.0.4"
-
-ignore@^5.2.0:
-  version "5.2.4"
-  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.4.tgz#a291c0c6178ff1b960befe47fcdec301674a6324"
-  integrity sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==
-
-immutable@^4.0.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.3.0.tgz#eb1738f14ffb39fd068b1dbe1296117484dd34be"
-  integrity sha512-0AOCmOip+xgJwEVTQj1EfiDDOkPmuyllDuTuEX+DDXUgapLAsBIfkg3sxCYyCEA8mQqZrrxPUGjcOQ2JS3WLkg==
-
-import-fresh@^3.0.0, import-fresh@^3.2.1:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b"
-  integrity sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==
-  dependencies:
-    parent-module "^1.0.0"
-    resolve-from "^4.0.0"
-
-import-local@^3.0.2:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/import-local/-/import-local-3.1.0.tgz#b4479df8a5fd44f6cdce24070675676063c95cb4"
-  integrity sha512-ASB07uLtnDs1o6EHjKpX34BKYDSqnFerfTOJL2HvMqF70LnxpjkzDB8J44oT9pu4AMPkQwf8jl6szgvNd2tRIg==
-  dependencies:
-    pkg-dir "^4.2.0"
-    resolve-cwd "^3.0.0"
-
-imurmurhash@^0.1.4:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
-  integrity sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==
-
-indent-string@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-4.0.0.tgz#624f8f4497d619b2d9768531d58f4122854d7251"
-  integrity sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==
-
-infer-owner@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/infer-owner/-/infer-owner-1.0.4.tgz#c4cefcaa8e51051c2a40ba2ce8a3d27295af9467"
-  integrity sha512-IClj+Xz94+d7irH5qRyfJonOdfTzuDaifE6ZPWfx0N0+/ATZCbuTPq2prFl526urkQd90WyUKIh1DfBQ2hMz9A==
-
-inflight@^1.0.4:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
-  integrity sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==
-  dependencies:
-    once "^1.3.0"
-    wrappy "1"
-
-inherits@2, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.3:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
-  integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
-
-ini@^1.3.2, ini@^1.3.4:
-  version "1.3.8"
-  resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.8.tgz#a29da425b48806f34767a4efce397269af28432c"
-  integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
-
-init-package-json@^2.0.2:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/init-package-json/-/init-package-json-2.0.5.tgz#78b85f3c36014db42d8f32117252504f68022646"
-  integrity sha512-u1uGAtEFu3VA6HNl/yUWw57jmKEMx8SKOxHhxjGnOFUiIlFnohKDFg4ZrPpv9wWqk44nDxGJAtqjdQFm+9XXQA==
-  dependencies:
-    npm-package-arg "^8.1.5"
-    promzard "^0.3.0"
-    read "~1.0.1"
-    read-package-json "^4.1.1"
-    semver "^7.3.5"
-    validate-npm-package-license "^3.0.4"
-    validate-npm-package-name "^3.0.0"
-
-inquirer@^7.3.3:
-  version "7.3.3"
-  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-7.3.3.tgz#04d176b2af04afc157a83fd7c100e98ee0aad003"
-  integrity sha512-JG3eIAj5V9CwcGvuOmoo6LB9kbAYT8HXffUl6memuszlwDC/qvFAJw49XJ5NROSFNPxp3iQg1GqkFhaY/CR0IA==
-  dependencies:
-    ansi-escapes "^4.2.1"
-    chalk "^4.1.0"
-    cli-cursor "^3.1.0"
-    cli-width "^3.0.0"
-    external-editor "^3.0.3"
-    figures "^3.0.0"
-    lodash "^4.17.19"
-    mute-stream "0.0.8"
-    run-async "^2.4.0"
-    rxjs "^6.6.0"
-    string-width "^4.1.0"
-    strip-ansi "^6.0.0"
-    through "^2.3.6"
-
-internal-slot@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.0.5.tgz#f2a2ee21f668f8627a4667f309dc0f4fb6674986"
-  integrity sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==
-  dependencies:
-    get-intrinsic "^1.2.0"
-    has "^1.0.3"
-    side-channel "^1.0.4"
-
-ip@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/ip/-/ip-2.0.0.tgz#4cf4ab182fee2314c75ede1276f8c80b479936da"
-  integrity sha512-WKa+XuLG1A1R0UWhl2+1XQSi+fZWMsYKffMZTTYsiZaUD8k2yDAj5atimTUD2TZkyCkNEeYE5NhFZmupOGtjYQ==
-
-is-arguments@^1.0.4:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/is-arguments/-/is-arguments-1.1.1.tgz#15b3f88fda01f2a97fec84ca761a560f123efa9b"
-  integrity sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==
-  dependencies:
-    call-bind "^1.0.2"
-    has-tostringtag "^1.0.0"
-
-is-array-buffer@^3.0.1, is-array-buffer@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/is-array-buffer/-/is-array-buffer-3.0.2.tgz#f2653ced8412081638ecb0ebbd0c41c6e0aecbbe"
-  integrity sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==
-  dependencies:
-    call-bind "^1.0.2"
-    get-intrinsic "^1.2.0"
-    is-typed-array "^1.1.10"
-
-is-arrayish@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
-  integrity sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==
-
-is-bigint@^1.0.1:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/is-bigint/-/is-bigint-1.0.4.tgz#08147a1875bc2b32005d41ccd8291dffc6691df3"
-  integrity sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==
-  dependencies:
-    has-bigints "^1.0.1"
-
-is-binary-path@~2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09"
-  integrity sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==
-  dependencies:
-    binary-extensions "^2.0.0"
-
-is-boolean-object@^1.1.0:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/is-boolean-object/-/is-boolean-object-1.1.2.tgz#5c6dc200246dd9321ae4b885a114bb1f75f63719"
-  integrity sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==
-  dependencies:
-    call-bind "^1.0.2"
-    has-tostringtag "^1.0.0"
-
-is-builtin-module@^3.2.0:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/is-builtin-module/-/is-builtin-module-3.2.1.tgz#f03271717d8654cfcaf07ab0463faa3571581169"
-  integrity sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==
-  dependencies:
-    builtin-modules "^3.3.0"
-
-is-callable@^1.1.3, is-callable@^1.1.4, is-callable@^1.2.7:
-  version "1.2.7"
-  resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.7.tgz#3bc2a85ea742d9e36205dcacdd72ca1fdc51b055"
-  integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==
-
-is-ci@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/is-ci/-/is-ci-2.0.0.tgz#6bc6334181810e04b5c22b3d589fdca55026404c"
-  integrity sha512-YfJT7rkpQB0updsdHLGWrvhBJfcfzNNawYDNIyQXJz0IViGf75O8EBPKSdvw2rF+LGCsX4FZ8tcr3b19LcZq4w==
-  dependencies:
-    ci-info "^2.0.0"
-
-is-core-module@^2.5.0, is-core-module@^2.9.0:
-  version "2.11.0"
-  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.11.0.tgz#ad4cb3e3863e814523c96f3f58d26cc570ff0144"
-  integrity sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==
-  dependencies:
-    has "^1.0.3"
-
-is-date-object@^1.0.1:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.0.5.tgz#0841d5536e724c25597bf6ea62e1bd38298df31f"
-  integrity sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==
-  dependencies:
-    has-tostringtag "^1.0.0"
-
-is-expression@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/is-expression/-/is-expression-4.0.0.tgz#c33155962abf21d0afd2552514d67d2ec16fd2ab"
-  integrity sha512-zMIXX63sxzG3XrkHkrAPvm/OVZVSCPNkwMHU8oTX7/U3AL78I0QXCEICXUM13BIa8TYGZ68PiTKfQz3yaTNr4A==
-  dependencies:
-    acorn "^7.1.1"
-    object-assign "^4.1.1"
-
-is-extendable@^0.1.0:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/is-extendable/-/is-extendable-0.1.1.tgz#62b110e289a471418e3ec36a617d472e301dfc89"
-  integrity sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==
-
-is-extglob@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
-  integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
-
-is-fullwidth-code-point@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz#ef9e31386f031a7f0d643af82fde50c457ef00cb"
-  integrity sha512-1pqUqRjkhPJ9miNq9SwMfdvi6lBJcd6eFxvfaivQhaH3SgisfiuudvFntdKOmxuee/77l+FPjKrQjWvmPjWrRw==
-  dependencies:
-    number-is-nan "^1.0.0"
-
-is-fullwidth-code-point@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d"
-  integrity sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==
-
-is-generator-fn@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-generator-fn/-/is-generator-fn-2.1.0.tgz#7d140adc389aaf3011a8f2a2a4cfa6faadffb118"
-  integrity sha512-cTIB4yPYL/Grw0EaSzASzg6bBy9gqCofvWN8okThAYIxKJZC+udlRAmGbM0XLeniEJSs8uEgHPGuHSe1XsOLSQ==
-
-is-generator-function@^1.0.7:
-  version "1.0.10"
-  resolved "https://registry.yarnpkg.com/is-generator-function/-/is-generator-function-1.0.10.tgz#f1558baf1ac17e0deea7c0415c438351ff2b3c72"
-  integrity sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==
-  dependencies:
-    has-tostringtag "^1.0.0"
-
-is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
-  integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
-  dependencies:
-    is-extglob "^2.1.1"
-
-is-interactive@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-interactive/-/is-interactive-1.0.0.tgz#cea6e6ae5c870a7b0a0004070b7b587e0252912e"
-  integrity sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==
-
-is-lambda@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/is-lambda/-/is-lambda-1.0.1.tgz#3d9877899e6a53efc0160504cde15f82e6f061d5"
-  integrity sha512-z7CMFGNrENq5iFB9Bqo64Xk6Y9sg+epq1myIcdHaGnbMTYOxvzsEtdYqQUylB7LxfkvgrrjP32T6Ywciio9UIQ==
-
-is-module@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-module/-/is-module-1.0.0.tgz#3258fb69f78c14d5b815d664336b4cffb6441591"
-  integrity sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==
-
-is-nan@^1.2.1:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/is-nan/-/is-nan-1.3.2.tgz#043a54adea31748b55b6cd4e09aadafa69bd9e1d"
-  integrity sha512-E+zBKpQ2t6MEo1VsonYmluk9NxGrbzpeeLC2xIViuO2EjU2xsXsBPwTr3Ykv9l08UYEVEdWeRZNouaZqF6RN0w==
-  dependencies:
-    call-bind "^1.0.0"
-    define-properties "^1.1.3"
-
-is-negative-zero@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.2.tgz#7bf6f03a28003b8b3965de3ac26f664d765f3150"
-  integrity sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==
-
-is-number-object@^1.0.4:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/is-number-object/-/is-number-object-1.0.7.tgz#59d50ada4c45251784e9904f5246c742f07a42fc"
-  integrity sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==
-  dependencies:
-    has-tostringtag "^1.0.0"
-
-is-number@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
-  integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
-
-is-obj@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/is-obj/-/is-obj-2.0.0.tgz#473fb05d973705e3fd9620545018ca8e22ef4982"
-  integrity sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==
-
-is-path-inside@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-3.0.3.tgz#d231362e53a07ff2b0e0ea7fed049161ffd16283"
-  integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==
-
-is-plain-obj@^1.0.0, is-plain-obj@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-1.1.0.tgz#71a50c8429dfca773c92a390a4a03b39fcd51d3e"
-  integrity sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==
-
-is-plain-obj@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-2.1.0.tgz#45e42e37fccf1f40da8e5f76ee21515840c09287"
-  integrity sha512-YWnfyRwxL/+SsrWYfOpUtz5b3YD+nyfkHvjbcanzk8zgyO4ASD67uVMRt8k5bM4lLMDnXfriRhOpemw+NfT1eA==
-
-is-plain-object@5.0.0, is-plain-object@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/is-plain-object/-/is-plain-object-5.0.0.tgz#4427f50ab3429e9025ea7d52e9043a9ef4159344"
-  integrity sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==
-
-is-plain-object@^2.0.4:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/is-plain-object/-/is-plain-object-2.0.4.tgz#2c163b3fafb1b606d9d17928f05c2a1c38e07677"
-  integrity sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==
-  dependencies:
-    isobject "^3.0.1"
-
-is-potential-custom-element-name@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz#171ed6f19e3ac554394edf78caa05784a45bebb5"
-  integrity sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==
-
-is-promise@^2.0.0:
-  version "2.2.2"
-  resolved "https://registry.yarnpkg.com/is-promise/-/is-promise-2.2.2.tgz#39ab959ccbf9a774cf079f7b40c7a26f763135f1"
-  integrity sha512-+lP4/6lKUBfQjZ2pdxThZvLUAafmZb8OAxFb8XXtiQmS35INgr85hdOGoEs124ez1FCnZJt6jau/T+alh58QFQ==
-
-is-reference@1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/is-reference/-/is-reference-1.2.1.tgz#8b2dac0b371f4bc994fdeaba9eb542d03002d0b7"
-  integrity sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==
-  dependencies:
-    "@types/estree" "*"
-
-is-regex@^1.0.3, is-regex@^1.1.4:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.1.4.tgz#eef5663cd59fa4c0ae339505323df6854bb15958"
-  integrity sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==
-  dependencies:
-    call-bind "^1.0.2"
-    has-tostringtag "^1.0.0"
-
-is-shared-array-buffer@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz#8f259c573b60b6a32d4058a1a07430c0a7344c79"
-  integrity sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==
-  dependencies:
-    call-bind "^1.0.2"
-
-is-ssh@^1.3.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/is-ssh/-/is-ssh-1.4.0.tgz#4f8220601d2839d8fa624b3106f8e8884f01b8b2"
-  integrity sha512-x7+VxdxOdlV3CYpjvRLBv5Lo9OJerlYanjwFrPR9fuGPjCiNiCzFgAWpiLAohSbsnH4ZAys3SBh+hq5rJosxUQ==
-  dependencies:
-    protocols "^2.0.1"
-
-is-stream@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-2.0.1.tgz#fac1e3d53b97ad5a9d0ae9cef2389f5810a5c077"
-  integrity sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==
-
-is-string@^1.0.5, is-string@^1.0.7:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/is-string/-/is-string-1.0.7.tgz#0dd12bf2006f255bb58f695110eff7491eebc0fd"
-  integrity sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==
-  dependencies:
-    has-tostringtag "^1.0.0"
-
-is-symbol@^1.0.2, is-symbol@^1.0.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.0.4.tgz#a6dac93b635b063ca6872236de88910a57af139c"
-  integrity sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==
-  dependencies:
-    has-symbols "^1.0.2"
-
-is-text-path@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/is-text-path/-/is-text-path-1.0.1.tgz#4e1aa0fb51bfbcb3e92688001397202c1775b66e"
-  integrity sha512-xFuJpne9oFz5qDaodwmmG08e3CawH/2ZV8Qqza1Ko7Sk8POWbkRdwIoAWVhqvq0XeUzANEhKo2n0IXUGBm7A/w==
-  dependencies:
-    text-extensions "^1.0.0"
-
-is-typed-array@^1.1.10, is-typed-array@^1.1.3, is-typed-array@^1.1.9:
-  version "1.1.10"
-  resolved "https://registry.yarnpkg.com/is-typed-array/-/is-typed-array-1.1.10.tgz#36a5b5cb4189b575d1a3e4b08536bfb485801e3f"
-  integrity sha512-PJqgEHiWZvMpaFZ3uTc8kHPM4+4ADTlDniuQL7cU/UDA0Ql7F70yGfHph3cLNe+c9toaigv+DFzTJKhc2CtO6A==
-  dependencies:
-    available-typed-arrays "^1.0.5"
-    call-bind "^1.0.2"
-    for-each "^0.3.3"
-    gopd "^1.0.1"
-    has-tostringtag "^1.0.0"
-
-is-typedarray@^1.0.0, is-typedarray@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
-  integrity sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==
-
-is-unicode-supported@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz#3f26c76a809593b52bfa2ecb5710ed2779b522a7"
-  integrity sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==
-
-is-weakref@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-weakref/-/is-weakref-1.0.2.tgz#9529f383a9338205e89765e0392efc2f100f06f2"
-  integrity sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==
-  dependencies:
-    call-bind "^1.0.2"
-
-isarray@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
-  integrity sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==
-
-isexe@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
-  integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
-
-isobject@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df"
-  integrity sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==
-
-isstream@~0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/isstream/-/isstream-0.1.2.tgz#47e63f7af55afa6f92e1500e690eb8b8529c099a"
-  integrity sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g==
-
-istanbul-lib-coverage@^3.0.0, istanbul-lib-coverage@^3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.0.tgz#189e7909d0a39fa5a3dfad5b03f71947770191d3"
-  integrity sha512-eOeJ5BHCmHYvQK7xt9GkdHuzuCGS1Y6g9Gvnx3Ym33fz/HpLRYxiS0wHNr+m/MBC8B647Xt608vCDEvhl9c6Mw==
-
-istanbul-lib-instrument@^5.0.4, istanbul-lib-instrument@^5.1.0:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz#d10c8885c2125574e1c231cacadf955675e1ce3d"
-  integrity sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==
-  dependencies:
-    "@babel/core" "^7.12.3"
-    "@babel/parser" "^7.14.7"
-    "@istanbuljs/schema" "^0.1.2"
-    istanbul-lib-coverage "^3.2.0"
-    semver "^6.3.0"
-
-istanbul-lib-report@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz#7518fe52ea44de372f460a76b5ecda9ffb73d8a6"
-  integrity sha512-wcdi+uAKzfiGT2abPpKZ0hSU1rGQjUQnLvtY5MpQ7QCTahD3VODhcu4wcfY1YtkGaDD5yuydOLINXsfbus9ROw==
-  dependencies:
-    istanbul-lib-coverage "^3.0.0"
-    make-dir "^3.0.0"
-    supports-color "^7.1.0"
-
-istanbul-lib-source-maps@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.1.tgz#895f3a709fcfba34c6de5a42939022f3e4358551"
-  integrity sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw==
-  dependencies:
-    debug "^4.1.1"
-    istanbul-lib-coverage "^3.0.0"
-    source-map "^0.6.1"
-
-istanbul-reports@^3.1.3:
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/istanbul-reports/-/istanbul-reports-3.1.5.tgz#cc9a6ab25cb25659810e4785ed9d9fb742578bae"
-  integrity sha512-nUsEMa9pBt/NOHqbcbeJEgqIlY/K7rVWUX6Lql2orY5e9roQOthbR3vtY4zzf2orPELg80fnxxk9zUyPlgwD1w==
-  dependencies:
-    html-escaper "^2.0.0"
-    istanbul-lib-report "^3.0.0"
-
-jest-canvas-mock@^2.4.0:
-  version "2.5.0"
-  resolved "https://registry.yarnpkg.com/jest-canvas-mock/-/jest-canvas-mock-2.5.0.tgz#3e60f87f77ddfa273cf8e7e4ea5f86fa827c7117"
-  integrity sha512-s2bmY2f22WPMzhB2YA93kiyf7CAfWAnV/sFfY9s48IVOrGmwui1eSFluDPesq1M+7tSC1hJAit6mzO0ZNXvVBA==
-  dependencies:
-    cssfontparser "^1.2.1"
-    moo-color "^1.0.2"
-
-jest-changed-files@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-29.5.0.tgz#e88786dca8bf2aa899ec4af7644e16d9dcf9b23e"
-  integrity sha512-IFG34IUMUaNBIxjQXF/iu7g6EcdMrGRRxaUSw92I/2g2YC6vCdTltl4nHvt7Ci5nSJwXIkCu8Ka1DKF+X7Z1Ag==
-  dependencies:
-    execa "^5.0.0"
-    p-limit "^3.1.0"
-
-jest-circus@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-circus/-/jest-circus-29.5.0.tgz#b5926989449e75bff0d59944bae083c9d7fb7317"
-  integrity sha512-gq/ongqeQKAplVxqJmbeUOJJKkW3dDNPY8PjhJ5G0lBRvu0e3EWGxGy5cI4LAGA7gV2UHCtWBI4EMXK8c9nQKA==
-  dependencies:
-    "@jest/environment" "^29.5.0"
-    "@jest/expect" "^29.5.0"
-    "@jest/test-result" "^29.5.0"
-    "@jest/types" "^29.5.0"
-    "@types/node" "*"
-    chalk "^4.0.0"
-    co "^4.6.0"
-    dedent "^0.7.0"
-    is-generator-fn "^2.0.0"
-    jest-each "^29.5.0"
-    jest-matcher-utils "^29.5.0"
-    jest-message-util "^29.5.0"
-    jest-runtime "^29.5.0"
-    jest-snapshot "^29.5.0"
-    jest-util "^29.5.0"
-    p-limit "^3.1.0"
-    pretty-format "^29.5.0"
-    pure-rand "^6.0.0"
-    slash "^3.0.0"
-    stack-utils "^2.0.3"
-
-jest-cli@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-29.5.0.tgz#b34c20a6d35968f3ee47a7437ff8e53e086b4a67"
-  integrity sha512-L1KcP1l4HtfwdxXNFCL5bmUbLQiKrakMUriBEcc1Vfz6gx31ORKdreuWvmQVBit+1ss9NNR3yxjwfwzZNdQXJw==
-  dependencies:
-    "@jest/core" "^29.5.0"
-    "@jest/test-result" "^29.5.0"
-    "@jest/types" "^29.5.0"
-    chalk "^4.0.0"
-    exit "^0.1.2"
-    graceful-fs "^4.2.9"
-    import-local "^3.0.2"
-    jest-config "^29.5.0"
-    jest-util "^29.5.0"
-    jest-validate "^29.5.0"
-    prompts "^2.0.1"
-    yargs "^17.3.1"
-
-jest-config@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-29.5.0.tgz#3cc972faec8c8aaea9ae158c694541b79f3748da"
-  integrity sha512-kvDUKBnNJPNBmFFOhDbm59iu1Fii1Q6SxyhXfvylq3UTHbg6o7j/g8k2dZyXWLvfdKB1vAPxNZnMgtKJcmu3kA==
-  dependencies:
-    "@babel/core" "^7.11.6"
-    "@jest/test-sequencer" "^29.5.0"
-    "@jest/types" "^29.5.0"
-    babel-jest "^29.5.0"
-    chalk "^4.0.0"
-    ci-info "^3.2.0"
-    deepmerge "^4.2.2"
-    glob "^7.1.3"
-    graceful-fs "^4.2.9"
-    jest-circus "^29.5.0"
-    jest-environment-node "^29.5.0"
-    jest-get-type "^29.4.3"
-    jest-regex-util "^29.4.3"
-    jest-resolve "^29.5.0"
-    jest-runner "^29.5.0"
-    jest-util "^29.5.0"
-    jest-validate "^29.5.0"
-    micromatch "^4.0.4"
-    parse-json "^5.2.0"
-    pretty-format "^29.5.0"
-    slash "^3.0.0"
-    strip-json-comments "^3.1.1"
-
-jest-diff@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-29.5.0.tgz#e0d83a58eb5451dcc1fa61b1c3ee4e8f5a290d63"
-  integrity sha512-LtxijLLZBduXnHSniy0WMdaHjmQnt3g5sa16W4p0HqukYTTsyTW3GD1q41TyGl5YFXj/5B2U6dlh5FM1LIMgxw==
-  dependencies:
-    chalk "^4.0.0"
-    diff-sequences "^29.4.3"
-    jest-get-type "^29.4.3"
-    pretty-format "^29.5.0"
-
-jest-docblock@^29.4.3:
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-29.4.3.tgz#90505aa89514a1c7dceeac1123df79e414636ea8"
-  integrity sha512-fzdTftThczeSD9nZ3fzA/4KkHtnmllawWrXO69vtI+L9WjEIuXWs4AmyME7lN5hU7dB0sHhuPfcKofRsUb/2Fg==
-  dependencies:
-    detect-newline "^3.0.0"
-
-jest-each@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-29.5.0.tgz#fc6e7014f83eac68e22b7195598de8554c2e5c06"
-  integrity sha512-HM5kIJ1BTnVt+DQZ2ALp3rzXEl+g726csObrW/jpEGl+CDSSQpOJJX2KE/vEg8cxcMXdyEPu6U4QX5eruQv5hA==
-  dependencies:
-    "@jest/types" "^29.5.0"
-    chalk "^4.0.0"
-    jest-get-type "^29.4.3"
-    jest-util "^29.5.0"
-    pretty-format "^29.5.0"
-
-jest-environment-jsdom@^29.4.3:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-29.5.0.tgz#cfe86ebaf1453f3297b5ff3470fbe94739c960cb"
-  integrity sha512-/KG8yEK4aN8ak56yFVdqFDzKNHgF4BAymCx2LbPNPsUshUlfAl0eX402Xm1pt+eoG9SLZEUVifqXtX8SK74KCw==
-  dependencies:
-    "@jest/environment" "^29.5.0"
-    "@jest/fake-timers" "^29.5.0"
-    "@jest/types" "^29.5.0"
-    "@types/jsdom" "^20.0.0"
-    "@types/node" "*"
-    jest-mock "^29.5.0"
-    jest-util "^29.5.0"
-    jsdom "^20.0.0"
-
-jest-environment-node@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-29.5.0.tgz#f17219d0f0cc0e68e0727c58b792c040e332c967"
-  integrity sha512-ExxuIK/+yQ+6PRGaHkKewYtg6hto2uGCgvKdb2nfJfKXgZ17DfXjvbZ+jA1Qt9A8EQSfPnt5FKIfnOO3u1h9qw==
-  dependencies:
-    "@jest/environment" "^29.5.0"
-    "@jest/fake-timers" "^29.5.0"
-    "@jest/types" "^29.5.0"
-    "@types/node" "*"
-    jest-mock "^29.5.0"
-    jest-util "^29.5.0"
-
-jest-get-type@^29.4.3:
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-29.4.3.tgz#1ab7a5207c995161100b5187159ca82dd48b3dd5"
-  integrity sha512-J5Xez4nRRMjk8emnTpWrlkyb9pfRQQanDrvWHhsR1+VUfbwxi30eVcZFlcdGInRibU4G5LwHXpI7IRHU0CY+gg==
-
-jest-haste-map@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-29.5.0.tgz#69bd67dc9012d6e2723f20a945099e972b2e94de"
-  integrity sha512-IspOPnnBro8YfVYSw6yDRKh/TiCdRngjxeacCps1cQ9cgVN6+10JUcuJ1EabrgYLOATsIAigxA0rLR9x/YlrSA==
-  dependencies:
-    "@jest/types" "^29.5.0"
-    "@types/graceful-fs" "^4.1.3"
-    "@types/node" "*"
-    anymatch "^3.0.3"
-    fb-watchman "^2.0.0"
-    graceful-fs "^4.2.9"
-    jest-regex-util "^29.4.3"
-    jest-util "^29.5.0"
-    jest-worker "^29.5.0"
-    micromatch "^4.0.4"
-    walker "^1.0.8"
-  optionalDependencies:
-    fsevents "^2.3.2"
-
-jest-leak-detector@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-29.5.0.tgz#cf4bdea9615c72bac4a3a7ba7e7930f9c0610c8c"
-  integrity sha512-u9YdeeVnghBUtpN5mVxjID7KbkKE1QU4f6uUwuxiY0vYRi9BUCLKlPEZfDGR67ofdFmDz9oPAy2G92Ujrntmow==
-  dependencies:
-    jest-get-type "^29.4.3"
-    pretty-format "^29.5.0"
-
-jest-matcher-utils@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-29.5.0.tgz#d957af7f8c0692c5453666705621ad4abc2c59c5"
-  integrity sha512-lecRtgm/rjIK0CQ7LPQwzCs2VwW6WAahA55YBuI+xqmhm7LAaxokSB8C97yJeYyT+HvQkH741StzpU41wohhWw==
-  dependencies:
-    chalk "^4.0.0"
-    jest-diff "^29.5.0"
-    jest-get-type "^29.4.3"
-    pretty-format "^29.5.0"
-
-jest-message-util@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-29.5.0.tgz#1f776cac3aca332ab8dd2e3b41625435085c900e"
-  integrity sha512-Kijeg9Dag6CKtIDA7O21zNTACqD5MD/8HfIV8pdD94vFyFuer52SigdC3IQMhab3vACxXMiFk+yMHNdbqtyTGA==
-  dependencies:
-    "@babel/code-frame" "^7.12.13"
-    "@jest/types" "^29.5.0"
-    "@types/stack-utils" "^2.0.0"
-    chalk "^4.0.0"
-    graceful-fs "^4.2.9"
-    micromatch "^4.0.4"
-    pretty-format "^29.5.0"
-    slash "^3.0.0"
-    stack-utils "^2.0.3"
-
-jest-mock@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-29.5.0.tgz#26e2172bcc71d8b0195081ff1f146ac7e1518aed"
-  integrity sha512-GqOzvdWDE4fAV2bWQLQCkujxYWL7RxjCnj71b5VhDAGOevB3qj3Ovg26A5NI84ZpODxyzaozXLOh2NCgkbvyaw==
-  dependencies:
-    "@jest/types" "^29.5.0"
-    "@types/node" "*"
-    jest-util "^29.5.0"
-
-jest-pnp-resolver@^1.2.2:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/jest-pnp-resolver/-/jest-pnp-resolver-1.2.3.tgz#930b1546164d4ad5937d5540e711d4d38d4cad2e"
-  integrity sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==
-
-jest-regex-util@^29.4.3:
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-29.4.3.tgz#a42616141e0cae052cfa32c169945d00c0aa0bb8"
-  integrity sha512-O4FglZaMmWXbGHSQInfXewIsd1LMn9p3ZXB/6r4FOkyhX2/iP/soMG98jGvk/A3HAN78+5VWcBGO0BJAPRh4kg==
-
-jest-resolve-dependencies@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-29.5.0.tgz#f0ea29955996f49788bf70996052aa98e7befee4"
-  integrity sha512-sjV3GFr0hDJMBpYeUuGduP+YeCRbd7S/ck6IvL3kQ9cpySYKqcqhdLLC2rFwrcL7tz5vYibomBrsFYWkIGGjOg==
-  dependencies:
-    jest-regex-util "^29.4.3"
-    jest-snapshot "^29.5.0"
-
-jest-resolve@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-29.5.0.tgz#b053cc95ad1d5f6327f0ac8aae9f98795475ecdc"
-  integrity sha512-1TzxJ37FQq7J10jPtQjcc+MkCkE3GBpBecsSUWJ0qZNJpmg6m0D9/7II03yJulm3H/fvVjgqLh/k2eYg+ui52w==
-  dependencies:
-    chalk "^4.0.0"
-    graceful-fs "^4.2.9"
-    jest-haste-map "^29.5.0"
-    jest-pnp-resolver "^1.2.2"
-    jest-util "^29.5.0"
-    jest-validate "^29.5.0"
-    resolve "^1.20.0"
-    resolve.exports "^2.0.0"
-    slash "^3.0.0"
-
-jest-runner@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-29.5.0.tgz#6a57c282eb0ef749778d444c1d758c6a7693b6f8"
-  integrity sha512-m7b6ypERhFghJsslMLhydaXBiLf7+jXy8FwGRHO3BGV1mcQpPbwiqiKUR2zU2NJuNeMenJmlFZCsIqzJCTeGLQ==
-  dependencies:
-    "@jest/console" "^29.5.0"
-    "@jest/environment" "^29.5.0"
-    "@jest/test-result" "^29.5.0"
-    "@jest/transform" "^29.5.0"
-    "@jest/types" "^29.5.0"
-    "@types/node" "*"
-    chalk "^4.0.0"
-    emittery "^0.13.1"
-    graceful-fs "^4.2.9"
-    jest-docblock "^29.4.3"
-    jest-environment-node "^29.5.0"
-    jest-haste-map "^29.5.0"
-    jest-leak-detector "^29.5.0"
-    jest-message-util "^29.5.0"
-    jest-resolve "^29.5.0"
-    jest-runtime "^29.5.0"
-    jest-util "^29.5.0"
-    jest-watcher "^29.5.0"
-    jest-worker "^29.5.0"
-    p-limit "^3.1.0"
-    source-map-support "0.5.13"
-
-jest-runtime@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-29.5.0.tgz#c83f943ee0c1da7eb91fa181b0811ebd59b03420"
-  integrity sha512-1Hr6Hh7bAgXQP+pln3homOiEZtCDZFqwmle7Ew2j8OlbkIu6uE3Y/etJQG8MLQs3Zy90xrp2C0BRrtPHG4zryw==
-  dependencies:
-    "@jest/environment" "^29.5.0"
-    "@jest/fake-timers" "^29.5.0"
-    "@jest/globals" "^29.5.0"
-    "@jest/source-map" "^29.4.3"
-    "@jest/test-result" "^29.5.0"
-    "@jest/transform" "^29.5.0"
-    "@jest/types" "^29.5.0"
-    "@types/node" "*"
-    chalk "^4.0.0"
-    cjs-module-lexer "^1.0.0"
-    collect-v8-coverage "^1.0.0"
-    glob "^7.1.3"
-    graceful-fs "^4.2.9"
-    jest-haste-map "^29.5.0"
-    jest-message-util "^29.5.0"
-    jest-mock "^29.5.0"
-    jest-regex-util "^29.4.3"
-    jest-resolve "^29.5.0"
-    jest-snapshot "^29.5.0"
-    jest-util "^29.5.0"
-    slash "^3.0.0"
-    strip-bom "^4.0.0"
-
-jest-snapshot@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-29.5.0.tgz#c9c1ce0331e5b63cd444e2f95a55a73b84b1e8ce"
-  integrity sha512-x7Wolra5V0tt3wRs3/ts3S6ciSQVypgGQlJpz2rsdQYoUKxMxPNaoHMGJN6qAuPJqS+2iQ1ZUn5kl7HCyls84g==
-  dependencies:
-    "@babel/core" "^7.11.6"
-    "@babel/generator" "^7.7.2"
-    "@babel/plugin-syntax-jsx" "^7.7.2"
-    "@babel/plugin-syntax-typescript" "^7.7.2"
-    "@babel/traverse" "^7.7.2"
-    "@babel/types" "^7.3.3"
-    "@jest/expect-utils" "^29.5.0"
-    "@jest/transform" "^29.5.0"
-    "@jest/types" "^29.5.0"
-    "@types/babel__traverse" "^7.0.6"
-    "@types/prettier" "^2.1.5"
-    babel-preset-current-node-syntax "^1.0.0"
-    chalk "^4.0.0"
-    expect "^29.5.0"
-    graceful-fs "^4.2.9"
-    jest-diff "^29.5.0"
-    jest-get-type "^29.4.3"
-    jest-matcher-utils "^29.5.0"
-    jest-message-util "^29.5.0"
-    jest-util "^29.5.0"
-    natural-compare "^1.4.0"
-    pretty-format "^29.5.0"
-    semver "^7.3.5"
-
-jest-util@^29.0.0, jest-util@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-29.5.0.tgz#24a4d3d92fc39ce90425311b23c27a6e0ef16b8f"
-  integrity sha512-RYMgG/MTadOr5t8KdhejfvUU82MxsCu5MF6KuDUHl+NuwzUt+Sm6jJWxTJVrDR1j5M/gJVCPKQEpWXY+yIQ6lQ==
-  dependencies:
-    "@jest/types" "^29.5.0"
-    "@types/node" "*"
-    chalk "^4.0.0"
-    ci-info "^3.2.0"
-    graceful-fs "^4.2.9"
-    picomatch "^2.2.3"
-
-jest-validate@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-29.5.0.tgz#8e5a8f36178d40e47138dc00866a5f3bd9916ffc"
-  integrity sha512-pC26etNIi+y3HV8A+tUGr/lph9B18GnzSRAkPaaZJIE1eFdiYm6/CewuiJQ8/RlfHd1u/8Ioi8/sJ+CmbA+zAQ==
-  dependencies:
-    "@jest/types" "^29.5.0"
-    camelcase "^6.2.0"
-    chalk "^4.0.0"
-    jest-get-type "^29.4.3"
-    leven "^3.1.0"
-    pretty-format "^29.5.0"
-
-jest-watcher@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-29.5.0.tgz#cf7f0f949828ba65ddbbb45c743a382a4d911363"
-  integrity sha512-KmTojKcapuqYrKDpRwfqcQ3zjMlwu27SYext9pt4GlF5FUgB+7XE1mcCnSm6a4uUpFyQIkb6ZhzZvHl+jiBCiA==
-  dependencies:
-    "@jest/test-result" "^29.5.0"
-    "@jest/types" "^29.5.0"
-    "@types/node" "*"
-    ansi-escapes "^4.2.1"
-    chalk "^4.0.0"
-    emittery "^0.13.1"
-    jest-util "^29.5.0"
-    string-length "^4.0.1"
-
-jest-worker@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-29.5.0.tgz#bdaefb06811bd3384d93f009755014d8acb4615d"
-  integrity sha512-NcrQnevGoSp4b5kg+akIpthoAFHxPBcb5P6mYPY0fUNT+sSvmtu6jlkEle3anczUKIKEbMxFimk9oTP/tpIPgA==
-  dependencies:
-    "@types/node" "*"
-    jest-util "^29.5.0"
-    merge-stream "^2.0.0"
-    supports-color "^8.0.0"
-
-jest@^29.4.3:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest/-/jest-29.5.0.tgz#f75157622f5ce7ad53028f2f8888ab53e1f1f24e"
-  integrity sha512-juMg3he2uru1QoXX078zTa7pO85QyB9xajZc6bU+d9yEGwrKX6+vGmJQ3UdVZsvTEUARIdObzH68QItim6OSSQ==
-  dependencies:
-    "@jest/core" "^29.5.0"
-    "@jest/types" "^29.5.0"
-    import-local "^3.0.2"
-    jest-cli "^29.5.0"
-
-js-beautify@1.14.6:
-  version "1.14.6"
-  resolved "https://registry.yarnpkg.com/js-beautify/-/js-beautify-1.14.6.tgz#b23ca5d74a462c282c7711bb51150bcc97f2b507"
-  integrity sha512-GfofQY5zDp+cuHc+gsEXKPpNw2KbPddreEo35O6jT6i0RVK6LhsoYBhq5TvK4/n74wnA0QbK8gGd+jUZwTMKJw==
-  dependencies:
-    config-chain "^1.1.13"
-    editorconfig "^0.15.3"
-    glob "^8.0.3"
-    nopt "^6.0.0"
-
-js-sdsl@^4.1.4:
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/js-sdsl/-/js-sdsl-4.4.0.tgz#8b437dbe642daa95760400b602378ed8ffea8430"
-  integrity sha512-FfVSdx6pJ41Oa+CF7RDaFmTnCaFhua+SNYQX74riGOpl96x+2jQCqEfQ2bnXu/5DPCqlRuiqyvTJM0Qjz26IVg==
-
-js-stringify@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/js-stringify/-/js-stringify-1.0.2.tgz#1736fddfd9724f28a3682adc6230ae7e4e9679db"
-  integrity sha512-rtS5ATOo2Q5k1G+DADISilDA6lv79zIiwFd6CcjuIxGKLFm5C+RLImRscVap9k55i+MOZwgliw+NejvkLuGD5g==
-
-js-tokens@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
-  integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
-
-js-yaml@^3.13.1:
-  version "3.14.1"
-  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.14.1.tgz#dae812fdb3825fa306609a8717383c50c36a0537"
-  integrity sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==
-  dependencies:
-    argparse "^1.0.7"
-    esprima "^4.0.0"
-
-js-yaml@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-4.1.0.tgz#c1fb65f8f5017901cdd2c951864ba18458a10602"
-  integrity sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==
-  dependencies:
-    argparse "^2.0.1"
-
-jsbn@~0.1.0:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513"
-  integrity sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg==
-
-jsdom@^20.0.0:
-  version "20.0.3"
-  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-20.0.3.tgz#886a41ba1d4726f67a8858028c99489fed6ad4db"
-  integrity sha512-SYhBvTh89tTfCD/CRdSOm13mOBa42iTaTyfyEWBdKcGdPxPtLFBXuHR8XHb33YNYaP+lLbmSvBTsnoesCNJEsQ==
-  dependencies:
-    abab "^2.0.6"
-    acorn "^8.8.1"
-    acorn-globals "^7.0.0"
-    cssom "^0.5.0"
-    cssstyle "^2.3.0"
-    data-urls "^3.0.2"
-    decimal.js "^10.4.2"
-    domexception "^4.0.0"
-    escodegen "^2.0.0"
-    form-data "^4.0.0"
-    html-encoding-sniffer "^3.0.0"
-    http-proxy-agent "^5.0.0"
-    https-proxy-agent "^5.0.1"
-    is-potential-custom-element-name "^1.0.1"
-    nwsapi "^2.2.2"
-    parse5 "^7.1.1"
-    saxes "^6.0.0"
-    symbol-tree "^3.2.4"
-    tough-cookie "^4.1.2"
-    w3c-xmlserializer "^4.0.0"
-    webidl-conversions "^7.0.0"
-    whatwg-encoding "^2.0.0"
-    whatwg-mimetype "^3.0.0"
-    whatwg-url "^11.0.0"
-    ws "^8.11.0"
-    xml-name-validator "^4.0.0"
-
-jsesc@^2.5.1:
-  version "2.5.2"
-  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-2.5.2.tgz#80564d2e483dacf6e8ef209650a67df3f0c283a4"
-  integrity sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==
-
-json-parse-better-errors@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz#bb867cfb3450e69107c131d1c514bab3dc8bcaa9"
-  integrity sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==
-
-json-parse-even-better-errors@^2.3.0:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz#7c47805a94319928e05777405dc12e1f7a4ee02d"
-  integrity sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==
-
-json-schema-traverse@^0.4.1:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz#69f6a87d9513ab8bb8fe63bdb0979c448e684660"
-  integrity sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==
-
-json-schema@0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/json-schema/-/json-schema-0.4.0.tgz#f7de4cf6efab838ebaeb3236474cbba5a1930ab5"
-  integrity sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==
-
-json-stable-stringify-without-jsonify@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
-  integrity sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==
-
-json-stringify-safe@^5.0.1, json-stringify-safe@~5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb"
-  integrity sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==
-
-json5@^2.2.2, json5@^2.2.3:
-  version "2.2.3"
-  resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
-  integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
-
-jsonfile@^6.0.1:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-6.1.0.tgz#bc55b2634793c679ec6403094eb13698a6ec0aae"
-  integrity sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==
-  dependencies:
-    universalify "^2.0.0"
-  optionalDependencies:
-    graceful-fs "^4.1.6"
-
-jsonparse@^1.2.0, jsonparse@^1.3.1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/jsonparse/-/jsonparse-1.3.1.tgz#3f4dae4a91fac315f71062f8521cc239f1366280"
-  integrity sha512-POQXvpdL69+CluYsillJ7SUhKvytYjW9vG/GKpnf+xP8UWgYEM/RaMzHHofbALDiKbbP1W8UEYmgGl39WkPZsg==
-
-jsprim@^1.2.2:
-  version "1.4.2"
-  resolved "https://registry.yarnpkg.com/jsprim/-/jsprim-1.4.2.tgz#712c65533a15c878ba59e9ed5f0e26d5b77c5feb"
-  integrity sha512-P2bSOMAc/ciLz6DzgjVlGJP9+BrJWu5UDGK70C2iweC5QBIeFf0ZXRvGjEj2uYgrY2MkAAhsSWHDWlFtEroZWw==
-  dependencies:
-    assert-plus "1.0.0"
-    extsprintf "1.3.0"
-    json-schema "0.4.0"
-    verror "1.10.0"
-
-jstransformer@1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/jstransformer/-/jstransformer-1.0.0.tgz#ed8bf0921e2f3f1ed4d5c1a44f68709ed24722c3"
-  integrity sha512-C9YK3Rf8q6VAPDCCU9fnqo3mAfOH6vUGnMcP4AQAYIEpWtfGLpwOTmZ+igtdK5y+VvI2n3CyYSzy4Qh34eq24A==
-  dependencies:
-    is-promise "^2.0.0"
-    promise "^7.0.1"
-
-kind-of@^6.0.0, kind-of@^6.0.2, kind-of@^6.0.3:
-  version "6.0.3"
-  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-6.0.3.tgz#07c05034a6c349fa06e24fa35aa76db4580ce4dd"
-  integrity sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==
-
-kleur@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/kleur/-/kleur-3.0.3.tgz#a79c9ecc86ee1ce3fa6206d1216c501f147fc07e"
-  integrity sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==
-
-klona@^2.0.4:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/klona/-/klona-2.0.6.tgz#85bffbf819c03b2f53270412420a4555ef882e22"
-  integrity sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA==
-
-lerna@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/lerna/-/lerna-4.0.0.tgz#b139d685d50ea0ca1be87713a7c2f44a5b678e9e"
-  integrity sha512-DD/i1znurfOmNJb0OBw66NmNqiM8kF6uIrzrJ0wGE3VNdzeOhz9ziWLYiRaZDGGwgbcjOo6eIfcx9O5Qynz+kg==
-  dependencies:
-    "@lerna/add" "4.0.0"
-    "@lerna/bootstrap" "4.0.0"
-    "@lerna/changed" "4.0.0"
-    "@lerna/clean" "4.0.0"
-    "@lerna/cli" "4.0.0"
-    "@lerna/create" "4.0.0"
-    "@lerna/diff" "4.0.0"
-    "@lerna/exec" "4.0.0"
-    "@lerna/import" "4.0.0"
-    "@lerna/info" "4.0.0"
-    "@lerna/init" "4.0.0"
-    "@lerna/link" "4.0.0"
-    "@lerna/list" "4.0.0"
-    "@lerna/publish" "4.0.0"
-    "@lerna/run" "4.0.0"
-    "@lerna/version" "4.0.0"
-    import-local "^3.0.2"
-    npmlog "^4.1.2"
-
-leven@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/leven/-/leven-3.1.0.tgz#77891de834064cccba82ae7842bb6b14a13ed7f2"
-  integrity sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==
-
-levn@^0.4.1:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/levn/-/levn-0.4.1.tgz#ae4562c007473b932a6200d403268dd2fffc6ade"
-  integrity sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==
-  dependencies:
-    prelude-ls "^1.2.1"
-    type-check "~0.4.0"
-
-levn@~0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/levn/-/levn-0.3.0.tgz#3b09924edf9f083c0490fdd4c0bc4421e04764ee"
-  integrity sha512-0OO4y2iOHix2W6ujICbKIaEQXvFQHue65vUG3pb5EUomzPI90z9hsA1VsO/dbIIpC53J8gxM9Q4Oho0jrCM/yA==
-  dependencies:
-    prelude-ls "~1.1.2"
-    type-check "~0.3.2"
-
-libnpmaccess@^4.0.1:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/libnpmaccess/-/libnpmaccess-4.0.3.tgz#dfb0e5b0a53c315a2610d300e46b4ddeb66e7eec"
-  integrity sha512-sPeTSNImksm8O2b6/pf3ikv4N567ERYEpeKRPSmqlNt1dTZbvgpJIzg5vAhXHpw2ISBsELFRelk0jEahj1c6nQ==
-  dependencies:
-    aproba "^2.0.0"
-    minipass "^3.1.1"
-    npm-package-arg "^8.1.2"
-    npm-registry-fetch "^11.0.0"
-
-libnpmpublish@^4.0.0:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/libnpmpublish/-/libnpmpublish-4.0.2.tgz#be77e8bf5956131bcb45e3caa6b96a842dec0794"
-  integrity sha512-+AD7A2zbVeGRCFI2aO//oUmapCwy7GHqPXFJh3qpToSRNU+tXKJ2YFUgjt04LPPAf2dlEH95s6EhIHM1J7bmOw==
-  dependencies:
-    normalize-package-data "^3.0.2"
-    npm-package-arg "^8.1.2"
-    npm-registry-fetch "^11.0.0"
-    semver "^7.1.3"
-    ssri "^8.0.1"
-
-lines-and-columns@^1.1.6:
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632"
-  integrity sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==
-
-linkify-it@^3.0.1:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/linkify-it/-/linkify-it-3.0.3.tgz#a98baf44ce45a550efb4d49c769d07524cc2fa2e"
-  integrity sha512-ynTsyrFSdE5oZ/O9GEf00kPngmOfVwazR5GKDq6EYfhlpFug3J2zybX56a2PRRpc9P+FuSoGNAwjlbDs9jJBPQ==
-  dependencies:
-    uc.micro "^1.0.1"
-
-load-json-file@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-4.0.0.tgz#2f5f45ab91e33216234fd53adab668eb4ec0993b"
-  integrity sha512-Kx8hMakjX03tiGTLAIdJ+lL0htKnXjEZN6hk/tozf/WOuYGdZBJrZ+rCJRbVCugsjB3jMLn9746NsQIf5VjBMw==
-  dependencies:
-    graceful-fs "^4.1.2"
-    parse-json "^4.0.0"
-    pify "^3.0.0"
-    strip-bom "^3.0.0"
-
-load-json-file@^6.2.0:
-  version "6.2.0"
-  resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-6.2.0.tgz#5c7770b42cafa97074ca2848707c61662f4251a1"
-  integrity sha512-gUD/epcRms75Cw8RT1pUdHugZYM5ce64ucs2GEISABwkRsOQr0q2wm/MV2TKThycIe5e0ytRweW2RZxclogCdQ==
-  dependencies:
-    graceful-fs "^4.1.15"
-    parse-json "^5.0.0"
-    strip-bom "^4.0.0"
-    type-fest "^0.6.0"
-
-locate-path@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-2.0.0.tgz#2b568b265eec944c6d9c0de9c3dbbbca0354cd8e"
-  integrity sha512-NCI2kiDkyR7VeEKm27Kda/iQHyKJe1Bu0FlTbYp3CqJu+9IFe9bLyAjMxf5ZDDbEg+iMPzB5zYyUTSm8wVTKmA==
-  dependencies:
-    p-locate "^2.0.0"
-    path-exists "^3.0.0"
-
-locate-path@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-5.0.0.tgz#1afba396afd676a6d42504d0a67a3a7eb9f62aa0"
-  integrity sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==
-  dependencies:
-    p-locate "^4.1.0"
-
-locate-path@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-6.0.0.tgz#55321eb309febbc59c4801d931a72452a681d286"
-  integrity sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==
-  dependencies:
-    p-locate "^5.0.0"
-
-lodash._reinterpolate@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz#0ccf2d89166af03b3663c796538b75ac6e114d9d"
-  integrity sha512-xYHt68QRoYGjeeM/XOE1uJtvXQAgvszfBhjV4yvsQH0u2i9I6cI6c6/eG4Hh3UAOVn0y/xAXwmTzEay49Q//HA==
-
-lodash.ismatch@^4.4.0:
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/lodash.ismatch/-/lodash.ismatch-4.4.0.tgz#756cb5150ca3ba6f11085a78849645f188f85f37"
-  integrity sha512-fPMfXjGQEV9Xsq/8MTSgUf255gawYRbjwMyDbcvDhXgV7enSZA0hynz6vMPnpAb5iONEzBHBPsT+0zes5Z301g==
-
-lodash.memoize@4.1.2, lodash.memoize@4.x:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe"
-  integrity sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==
-
-lodash.merge@^4.6.2:
-  version "4.6.2"
-  resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
-  integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
-
-lodash.template@^4.5.0:
-  version "4.5.0"
-  resolved "https://registry.yarnpkg.com/lodash.template/-/lodash.template-4.5.0.tgz#f976195cf3f347d0d5f52483569fe8031ccce8ab"
-  integrity sha512-84vYFxIkmidUiFxidA/KjjH9pAycqW+h980j7Fuz5qxRtO9pgB7MDFTdys1N7A5mcucRiDyEq4fusljItR1T/A==
-  dependencies:
-    lodash._reinterpolate "^3.0.0"
-    lodash.templatesettings "^4.0.0"
-
-lodash.templatesettings@^4.0.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/lodash.templatesettings/-/lodash.templatesettings-4.2.0.tgz#e481310f049d3cf6d47e912ad09313b154f0fb33"
-  integrity sha512-stgLz+i3Aa9mZgnjr/O+v9ruKZsPsndy7qPZOchbqk2cnTU1ZaldKK+v7m54WoKIyxiuMZTKT2H81F8BeAc3ZQ==
-  dependencies:
-    lodash._reinterpolate "^3.0.0"
-
-lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.21, lodash@^4.7.0:
-  version "4.17.21"
-  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
-  integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
-
-log-symbols@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/log-symbols/-/log-symbols-4.1.0.tgz#3fbdbb95b4683ac9fc785111e792e558d4abd503"
-  integrity sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==
-  dependencies:
-    chalk "^4.1.0"
-    is-unicode-supported "^0.1.0"
-
-loglevel@^1.8.1:
-  version "1.8.1"
-  resolved "https://registry.yarnpkg.com/loglevel/-/loglevel-1.8.1.tgz#5c621f83d5b48c54ae93b6156353f555963377b4"
-  integrity sha512-tCRIJM51SHjAayKwC+QAg8hT8vg6z7GSgLJKGvzuPb1Wc+hLzqtuVLxp6/HzSPOozuK+8ErAhy7U/sVzw8Dgfg==
-
-lru-cache@^4.1.5:
-  version "4.1.5"
-  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-4.1.5.tgz#8bbe50ea85bed59bc9e33dcab8235ee9bcf443cd"
-  integrity sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==
-  dependencies:
-    pseudomap "^1.0.2"
-    yallist "^2.1.2"
-
-lru-cache@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-5.1.1.tgz#1da27e6710271947695daf6848e847f01d84b920"
-  integrity sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==
-  dependencies:
-    yallist "^3.0.2"
-
-lru-cache@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-6.0.0.tgz#6d6fe6570ebd96aaf90fcad1dafa3b2566db3a94"
-  integrity sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==
-  dependencies:
-    yallist "^4.0.0"
-
-lru-cache@^8.0.3:
-  version "8.0.4"
-  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-8.0.4.tgz#49fbbc46c0b4cedc36258885247f93dba341e7ec"
-  integrity sha512-E9FF6+Oc/uFLqZCuZwRKUzgFt5Raih6LfxknOSAVTjNkrCZkBf7DQCwJxZQgd9l4eHjIJDGR+E+1QKD1RhThPw==
-
-magic-string@^0.25.7:
-  version "0.25.9"
-  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.25.9.tgz#de7f9faf91ef8a1c91d02c2e5314c8277dbcdd1c"
-  integrity sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==
-  dependencies:
-    sourcemap-codec "^1.4.8"
-
-magic-string@^0.27.0:
-  version "0.27.0"
-  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.27.0.tgz#e4a3413b4bab6d98d2becffd48b4a257effdbbf3"
-  integrity sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==
-  dependencies:
-    "@jridgewell/sourcemap-codec" "^1.4.13"
-
-make-dir@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-2.1.0.tgz#5f0310e18b8be898cc07009295a30ae41e91e6f5"
-  integrity sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==
-  dependencies:
-    pify "^4.0.1"
-    semver "^5.6.0"
-
-make-dir@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-3.1.0.tgz#415e967046b3a7f1d185277d84aa58203726a13f"
-  integrity sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==
-  dependencies:
-    semver "^6.0.0"
-
-make-error@1.x:
-  version "1.3.6"
-  resolved "https://registry.yarnpkg.com/make-error/-/make-error-1.3.6.tgz#2eb2e37ea9b67c4891f684a1394799af484cf7a2"
-  integrity sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==
-
-make-fetch-happen@^8.0.9:
-  version "8.0.14"
-  resolved "https://registry.yarnpkg.com/make-fetch-happen/-/make-fetch-happen-8.0.14.tgz#aaba73ae0ab5586ad8eaa68bd83332669393e222"
-  integrity sha512-EsS89h6l4vbfJEtBZnENTOFk8mCRpY5ru36Xe5bcX1KYIli2mkSHqoFsp5O1wMDvTJJzxe/4THpCTtygjeeGWQ==
-  dependencies:
-    agentkeepalive "^4.1.3"
-    cacache "^15.0.5"
-    http-cache-semantics "^4.1.0"
-    http-proxy-agent "^4.0.1"
-    https-proxy-agent "^5.0.0"
-    is-lambda "^1.0.1"
-    lru-cache "^6.0.0"
-    minipass "^3.1.3"
-    minipass-collect "^1.0.2"
-    minipass-fetch "^1.3.2"
-    minipass-flush "^1.0.5"
-    minipass-pipeline "^1.2.4"
-    promise-retry "^2.0.1"
-    socks-proxy-agent "^5.0.0"
-    ssri "^8.0.0"
-
-make-fetch-happen@^9.0.1:
-  version "9.1.0"
-  resolved "https://registry.yarnpkg.com/make-fetch-happen/-/make-fetch-happen-9.1.0.tgz#53085a09e7971433e6765f7971bf63f4e05cb968"
-  integrity sha512-+zopwDy7DNknmwPQplem5lAZX/eCOzSvSNNcSKm5eVwTkOBzoktEfXsa9L23J/GIRhxRsaxzkPEhrJEpE2F4Gg==
-  dependencies:
-    agentkeepalive "^4.1.3"
-    cacache "^15.2.0"
-    http-cache-semantics "^4.1.0"
-    http-proxy-agent "^4.0.1"
-    https-proxy-agent "^5.0.0"
-    is-lambda "^1.0.1"
-    lru-cache "^6.0.0"
-    minipass "^3.1.3"
-    minipass-collect "^1.0.2"
-    minipass-fetch "^1.3.2"
-    minipass-flush "^1.0.5"
-    minipass-pipeline "^1.2.4"
-    negotiator "^0.6.2"
-    promise-retry "^2.0.1"
-    socks-proxy-agent "^6.0.0"
-    ssri "^8.0.0"
-
-makeerror@1.0.12:
-  version "1.0.12"
-  resolved "https://registry.yarnpkg.com/makeerror/-/makeerror-1.0.12.tgz#3e5dd2079a82e812e983cc6610c4a2cb0eaa801a"
-  integrity sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==
-  dependencies:
-    tmpl "1.0.5"
-
-map-obj@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/map-obj/-/map-obj-1.0.1.tgz#d933ceb9205d82bdcf4886f6742bdc2b4dea146d"
-  integrity sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==
-
-map-obj@^4.0.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/map-obj/-/map-obj-4.3.0.tgz#9304f906e93faae70880da102a9f1df0ea8bb05a"
-  integrity sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==
-
-markdown-it-anchor@^8.4.1:
-  version "8.6.7"
-  resolved "https://registry.yarnpkg.com/markdown-it-anchor/-/markdown-it-anchor-8.6.7.tgz#ee6926daf3ad1ed5e4e3968b1740eef1c6399634"
-  integrity sha512-FlCHFwNnutLgVTflOYHPW2pPcl2AACqVzExlkGQNsi4CJgqOHN7YTgDd4LuhgN1BFO3TS0vLAruV1Td6dwWPJA==
-
-markdown-it-container@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/markdown-it-container/-/markdown-it-container-3.0.0.tgz#1d19b06040a020f9a827577bb7dbf67aa5de9a5b"
-  integrity sha512-y6oKTq4BB9OQuY/KLfk/O3ysFhB3IMYoIWhGJEidXt1NQFocFK2sA2t0NYZAMyMShAGL6x5OPIbrmXPIqaN9rw==
-
-markdown-it-emoji@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/markdown-it-emoji/-/markdown-it-emoji-2.0.2.tgz#cd42421c2fda1537d9cc12b9923f5c8aeb9029c8"
-  integrity sha512-zLftSaNrKuYl0kR5zm4gxXjHaOI3FAOEaloKmRA5hijmJZvSjmxcokOLlzycb/HXlUFWzXqpIEoyEMCE4i9MvQ==
-
-markdown-it-include@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/markdown-it-include/-/markdown-it-include-2.0.0.tgz#e86e3b3c68c8f0e0437e179ba919ffd28443127a"
-  integrity sha512-wfgIX92ZEYahYWiCk6Jx36XmHvAimeHN420csOWgfyZjpf171Y0xREqZWcm/Rwjzyd0RLYryY+cbNmrkYW2MDw==
-
-markdown-it@^12.3.2:
-  version "12.3.2"
-  resolved "https://registry.yarnpkg.com/markdown-it/-/markdown-it-12.3.2.tgz#bf92ac92283fe983fe4de8ff8abfb5ad72cd0c90"
-  integrity sha512-TchMembfxfNVpHkbtriWltGWc+m3xszaRD0CZup7GFFhzIgQqxIfn3eGj1yZpfuflzPvfkt611B2Q/Bsk1YnGg==
-  dependencies:
-    argparse "^2.0.1"
-    entities "~2.1.0"
-    linkify-it "^3.0.1"
-    mdurl "^1.0.1"
-    uc.micro "^1.0.5"
-
-mdn-data@2.0.28:
-  version "2.0.28"
-  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.28.tgz#5ec48e7bef120654539069e1ae4ddc81ca490eba"
-  integrity sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==
-
-mdn-data@2.0.30:
-  version "2.0.30"
-  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.30.tgz#ce4df6f80af6cfbe218ecd5c552ba13c4dfa08cc"
-  integrity sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==
-
-mdurl@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/mdurl/-/mdurl-1.0.1.tgz#fe85b2ec75a59037f2adfec100fd6c601761152e"
-  integrity sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g==
-
-medium-zoom@^1.0.6:
-  version "1.0.8"
-  resolved "https://registry.yarnpkg.com/medium-zoom/-/medium-zoom-1.0.8.tgz#2bd1fbcf2961fa7b0e318fe284462aa9b8608ed2"
-  integrity sha512-CjFVuFq/IfrdqesAXfg+hzlDKu6A2n80ZIq0Kl9kWjoHh9j1N9Uvk5X0/MmN0hOfm5F9YBswlClhcwnmtwz7gA==
-
-meow@^8.0.0:
-  version "8.1.2"
-  resolved "https://registry.yarnpkg.com/meow/-/meow-8.1.2.tgz#bcbe45bda0ee1729d350c03cffc8395a36c4e897"
-  integrity sha512-r85E3NdZ+mpYk1C6RjPFEMSE+s1iZMuHtsHAqY0DT3jZczl0diWUZ8g6oU7h0M9cD2EL+PzaYghhCLzR0ZNn5Q==
-  dependencies:
-    "@types/minimist" "^1.2.0"
-    camelcase-keys "^6.2.2"
-    decamelize-keys "^1.1.0"
-    hard-rejection "^2.1.0"
-    minimist-options "4.1.0"
-    normalize-package-data "^3.0.0"
-    read-pkg-up "^7.0.1"
-    redent "^3.0.0"
-    trim-newlines "^3.0.0"
-    type-fest "^0.18.0"
-    yargs-parser "^20.2.3"
-
-merge-stream@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
-  integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
-
-merge2@^1.3.0, merge2@^1.4.1:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
-  integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
-
-micromatch@^4.0.4:
-  version "4.0.5"
-  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.5.tgz#bc8999a7cbbf77cdc89f132f6e467051b49090c6"
-  integrity sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==
-  dependencies:
-    braces "^3.0.2"
-    picomatch "^2.3.1"
-
-mime-db@1.52.0:
-  version "1.52.0"
-  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
-  integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
-
-mime-types@^2.1.12, mime-types@~2.1.19:
-  version "2.1.35"
-  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
-  integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
-  dependencies:
-    mime-db "1.52.0"
-
-mimic-fn@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b"
-  integrity sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==
-
-min-indent@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/min-indent/-/min-indent-1.0.1.tgz#a63f681673b30571fbe8bc25686ae746eefa9869"
-  integrity sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==
-
-minimatch@^3.0.4, minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
-  integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
-  dependencies:
-    brace-expansion "^1.1.7"
-
-minimatch@^5.0.1:
-  version "5.1.6"
-  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-5.1.6.tgz#1cfcb8cf5522ea69952cd2af95ae09477f122a96"
-  integrity sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==
-  dependencies:
-    brace-expansion "^2.0.1"
-
-minimist-options@4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/minimist-options/-/minimist-options-4.1.0.tgz#c0655713c53a8a2ebd77ffa247d342c40f010619"
-  integrity sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==
-  dependencies:
-    arrify "^1.0.1"
-    is-plain-obj "^1.1.0"
-    kind-of "^6.0.3"
-
-minimist@^1.2.0, minimist@^1.2.5, minimist@^1.2.6:
-  version "1.2.8"
-  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
-  integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
-
-minipass-collect@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/minipass-collect/-/minipass-collect-1.0.2.tgz#22b813bf745dc6edba2576b940022ad6edc8c617"
-  integrity sha512-6T6lH0H8OG9kITm/Jm6tdooIbogG9e0tLgpY6mphXSm/A9u8Nq1ryBG+Qspiub9LjWlBPsPS3tWQ/Botq4FdxA==
-  dependencies:
-    minipass "^3.0.0"
-
-minipass-fetch@^1.3.0, minipass-fetch@^1.3.2:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/minipass-fetch/-/minipass-fetch-1.4.1.tgz#d75e0091daac1b0ffd7e9d41629faff7d0c1f1b6"
-  integrity sha512-CGH1eblLq26Y15+Azk7ey4xh0J/XfJfrCox5LDJiKqI2Q2iwOLOKrlmIaODiSQS8d18jalF6y2K2ePUm0CmShw==
-  dependencies:
-    minipass "^3.1.0"
-    minipass-sized "^1.0.3"
-    minizlib "^2.0.0"
-  optionalDependencies:
-    encoding "^0.1.12"
-
-minipass-flush@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/minipass-flush/-/minipass-flush-1.0.5.tgz#82e7135d7e89a50ffe64610a787953c4c4cbb373"
-  integrity sha512-JmQSYYpPUqX5Jyn1mXaRwOda1uQ8HP5KAT/oDSLCzt1BYRhQU0/hDtsB1ufZfEEzMZ9aAVmsBw8+FWsIXlClWw==
-  dependencies:
-    minipass "^3.0.0"
-
-minipass-json-stream@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/minipass-json-stream/-/minipass-json-stream-1.0.1.tgz#7edbb92588fbfc2ff1db2fc10397acb7b6b44aa7"
-  integrity sha512-ODqY18UZt/I8k+b7rl2AENgbWE8IDYam+undIJONvigAz8KR5GWblsFTEfQs0WODsjbSXWlm+JHEv8Gr6Tfdbg==
-  dependencies:
-    jsonparse "^1.3.1"
-    minipass "^3.0.0"
-
-minipass-pipeline@^1.2.2, minipass-pipeline@^1.2.4:
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/minipass-pipeline/-/minipass-pipeline-1.2.4.tgz#68472f79711c084657c067c5c6ad93cddea8214c"
-  integrity sha512-xuIq7cIOt09RPRJ19gdi4b+RiNvDFYe5JH+ggNvBqGqpQXcru3PcRmOZuHBKWK1Txf9+cQ+HMVN4d6z46LZP7A==
-  dependencies:
-    minipass "^3.0.0"
-
-minipass-sized@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/minipass-sized/-/minipass-sized-1.0.3.tgz#70ee5a7c5052070afacfbc22977ea79def353b70"
-  integrity sha512-MbkQQ2CTiBMlA2Dm/5cY+9SWFEN8pzzOXi6rlM5Xxq0Yqbda5ZQy9sU75a673FE9ZK0Zsbr6Y5iP6u9nktfg2g==
-  dependencies:
-    minipass "^3.0.0"
-
-minipass@^2.6.0, minipass@^2.9.0:
-  version "2.9.0"
-  resolved "https://registry.yarnpkg.com/minipass/-/minipass-2.9.0.tgz#e713762e7d3e32fed803115cf93e04bca9fcc9a6"
-  integrity sha512-wxfUjg9WebH+CUDX/CdbRlh5SmfZiy/hpkxaRI16Y9W56Pa75sWgd/rvFilSgrauD9NyFymP/+JFV3KwzIsJeg==
-  dependencies:
-    safe-buffer "^5.1.2"
-    yallist "^3.0.0"
-
-minipass@^3.0.0, minipass@^3.1.0, minipass@^3.1.1, minipass@^3.1.3:
-  version "3.3.6"
-  resolved "https://registry.yarnpkg.com/minipass/-/minipass-3.3.6.tgz#7bba384db3a1520d18c9c0e5251c3444e95dd94a"
-  integrity sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==
-  dependencies:
-    yallist "^4.0.0"
-
-minipass@^4.0.0:
-  version "4.2.5"
-  resolved "https://registry.yarnpkg.com/minipass/-/minipass-4.2.5.tgz#9e0e5256f1e3513f8c34691dd68549e85b2c8ceb"
-  integrity sha512-+yQl7SX3bIT83Lhb4BVorMAHVuqsskxRdlmO9kTpyukp8vsm2Sn/fUOV9xlnG8/a5JsypJzap21lz/y3FBMJ8Q==
-
-minizlib@^1.3.3:
-  version "1.3.3"
-  resolved "https://registry.yarnpkg.com/minizlib/-/minizlib-1.3.3.tgz#2290de96818a34c29551c8a8d301216bd65a861d"
-  integrity sha512-6ZYMOEnmVsdCeTJVE0W9ZD+pVnE8h9Hma/iOwwRDsdQoePpoX56/8B6z3P9VNwppJuBKNRuFDRNRqRWexT9G9Q==
-  dependencies:
-    minipass "^2.9.0"
-
-minizlib@^2.0.0, minizlib@^2.1.1:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/minizlib/-/minizlib-2.1.2.tgz#e90d3466ba209b932451508a11ce3d3632145931"
-  integrity sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==
-  dependencies:
-    minipass "^3.0.0"
-    yallist "^4.0.0"
-
-mkdirp-infer-owner@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/mkdirp-infer-owner/-/mkdirp-infer-owner-2.0.0.tgz#55d3b368e7d89065c38f32fd38e638f0ab61d316"
-  integrity sha512-sdqtiFt3lkOaYvTXSRIUjkIdPTcxgv5+fgqYE/5qgwdw12cOrAuzzgzvVExIkH/ul1oeHN3bCLOWSG3XOqbKKw==
-  dependencies:
-    chownr "^2.0.0"
-    infer-owner "^1.0.4"
-    mkdirp "^1.0.3"
-
-mkdirp@^0.5.1, mkdirp@^0.5.5:
-  version "0.5.6"
-  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.6.tgz#7def03d2432dcae4ba1d611445c48396062255f6"
-  integrity sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==
-  dependencies:
-    minimist "^1.2.6"
-
-mkdirp@^1.0.3, mkdirp@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
-  integrity sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==
-
-modify-values@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/modify-values/-/modify-values-1.0.1.tgz#b3939fa605546474e3e3e3c63d64bd43b4ee6022"
-  integrity sha512-xV2bxeN6F7oYjZWTe/YPAy6MN2M+sL4u/Rlm2AHCIVGfo2p1yGmBHQ6vHehl4bRTZBdHu3TSkWdYgkwpYzAGSw==
-
-moo-color@^1.0.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/moo-color/-/moo-color-1.0.3.tgz#d56435f8359c8284d83ac58016df7427febece74"
-  integrity sha512-i/+ZKXMDf6aqYtBhuOcej71YSlbjT3wCO/4H1j8rPvxDJEifdwgg5MaFyu6iYAT8GBZJg2z0dkgK4YMzvURALQ==
-  dependencies:
-    color-name "^1.1.4"
-
-ms@2.1.2:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
-  integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
-
-ms@^2.0.0:
-  version "2.1.3"
-  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
-  integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
-
-multimatch@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/multimatch/-/multimatch-5.0.0.tgz#932b800963cea7a31a033328fa1e0c3a1874dbe6"
-  integrity sha512-ypMKuglUrZUD99Tk2bUQ+xNQj43lPEfAeX2o9cTteAmShXy2VHDJpuwu1o0xqoKCt9jLVAvwyFKdLTPXKAfJyA==
-  dependencies:
-    "@types/minimatch" "^3.0.3"
-    array-differ "^3.0.0"
-    array-union "^2.1.0"
-    arrify "^2.0.1"
-    minimatch "^3.0.4"
-
-mute-stream@0.0.8, mute-stream@~0.0.4:
-  version "0.0.8"
-  resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-0.0.8.tgz#1630c42b2251ff81e2a283de96a5497ea92e5e0d"
-  integrity sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==
-
-nanoid@^3.3.4:
-  version "3.3.4"
-  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.4.tgz#730b67e3cd09e2deacf03c027c81c9d9dbc5e8ab"
-  integrity sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==
-
-natural-compare-lite@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz#17b09581988979fddafe0201e931ba933c96cbb4"
-  integrity sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==
-
-natural-compare@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
-  integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==
-
-negotiator@^0.6.2:
-  version "0.6.3"
-  resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.3.tgz#58e323a72fedc0d6f9cd4d31fe49f51479590ccd"
-  integrity sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==
-
-neo-async@^2.6.0, neo-async@^2.6.2:
-  version "2.6.2"
-  resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
-  integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==
-
-node-fetch@^2.6.1, node-fetch@^2.6.7:
-  version "2.6.9"
-  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.9.tgz#7c7f744b5cc6eb5fd404e0c7a9fec630a55657e6"
-  integrity sha512-DJm/CJkZkRjKKj4Zi4BsKVZh3ValV5IR5s7LVZnW+6YMh0W1BfNA8XSs6DLMGYlId5F3KnA70uu2qepcR08Qqg==
-  dependencies:
-    whatwg-url "^5.0.0"
-
-node-gyp@^5.0.2:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/node-gyp/-/node-gyp-5.1.1.tgz#eb915f7b631c937d282e33aed44cb7a025f62a3e"
-  integrity sha512-WH0WKGi+a4i4DUt2mHnvocex/xPLp9pYt5R6M2JdFB7pJ7Z34hveZ4nDTGTiLXCkitA9T8HFZjhinBCiVHYcWw==
-  dependencies:
-    env-paths "^2.2.0"
-    glob "^7.1.4"
-    graceful-fs "^4.2.2"
-    mkdirp "^0.5.1"
-    nopt "^4.0.1"
-    npmlog "^4.1.2"
-    request "^2.88.0"
-    rimraf "^2.6.3"
-    semver "^5.7.1"
-    tar "^4.4.12"
-    which "^1.3.1"
-
-node-gyp@^7.1.0:
-  version "7.1.2"
-  resolved "https://registry.yarnpkg.com/node-gyp/-/node-gyp-7.1.2.tgz#21a810aebb187120251c3bcec979af1587b188ae"
-  integrity sha512-CbpcIo7C3eMu3dL1c3d0xw449fHIGALIJsRP4DDPHpyiW8vcriNY7ubh9TE4zEKfSxscY7PjeFnshE7h75ynjQ==
-  dependencies:
-    env-paths "^2.2.0"
-    glob "^7.1.4"
-    graceful-fs "^4.2.3"
-    nopt "^5.0.0"
-    npmlog "^4.1.2"
-    request "^2.88.2"
-    rimraf "^3.0.2"
-    semver "^7.3.2"
-    tar "^6.0.2"
-    which "^2.0.2"
-
-node-int64@^0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
-  integrity sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==
-
-node-releases@^2.0.8:
-  version "2.0.10"
-  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.10.tgz#c311ebae3b6a148c89b1813fd7c4d3c024ef537f"
-  integrity sha512-5GFldHPXVG/YZmFzJvKK2zDSzPKhEp0+ZR5SVaoSag9fsL5YgHbUHDfnG5494ISANDcK4KwPXAx2xqVEydmd7w==
-
-nopt@^4.0.1:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/nopt/-/nopt-4.0.3.tgz#a375cad9d02fd921278d954c2254d5aa57e15e48"
-  integrity sha512-CvaGwVMztSMJLOeXPrez7fyfObdZqNUK1cPAEzLHrTybIua9pMdmmPR5YwtfNftIOMv3DPUhFaxsZMNTQO20Kg==
-  dependencies:
-    abbrev "1"
-    osenv "^0.1.4"
-
-nopt@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/nopt/-/nopt-5.0.0.tgz#530942bb58a512fccafe53fe210f13a25355dc88"
-  integrity sha512-Tbj67rffqceeLpcRXrT7vKAN8CwfPeIBgM7E6iBkmKLV7bEMwpGgYLGv0jACUsECaa/vuxP0IjEont6umdMgtQ==
-  dependencies:
-    abbrev "1"
-
-nopt@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/nopt/-/nopt-6.0.0.tgz#245801d8ebf409c6df22ab9d95b65e1309cdb16d"
-  integrity sha512-ZwLpbTgdhuZUnZzjd7nb1ZV+4DoiC6/sfiVKok72ym/4Tlf+DFdlHYmT2JPmcNNWV6Pi3SDf1kT+A4r9RTuT9g==
-  dependencies:
-    abbrev "^1.0.0"
-
-normalize-package-data@^2.0.0, normalize-package-data@^2.3.2, normalize-package-data@^2.5.0:
-  version "2.5.0"
-  resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-2.5.0.tgz#e66db1838b200c1dfc233225d12cb36520e234a8"
-  integrity sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==
-  dependencies:
-    hosted-git-info "^2.1.4"
-    resolve "^1.10.0"
-    semver "2 || 3 || 4 || 5"
-    validate-npm-package-license "^3.0.1"
-
-normalize-package-data@^3.0.0, normalize-package-data@^3.0.2:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-3.0.3.tgz#dbcc3e2da59509a0983422884cd172eefdfa525e"
-  integrity sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==
-  dependencies:
-    hosted-git-info "^4.0.1"
-    is-core-module "^2.5.0"
-    semver "^7.3.4"
-    validate-npm-package-license "^3.0.1"
-
-normalize-path@^3.0.0, normalize-path@~3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
-  integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
-
-normalize-range@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
-  integrity sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==
-
-normalize-url@^6.1.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-6.1.0.tgz#40d0885b535deffe3f3147bec877d05fe4c5668a"
-  integrity sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A==
-
-npm-bundled@^1.1.1:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/npm-bundled/-/npm-bundled-1.1.2.tgz#944c78789bd739035b70baa2ca5cc32b8d860bc1"
-  integrity sha512-x5DHup0SuyQcmL3s7Rx/YQ8sbw/Hzg0rj48eN0dV7hf5cmQq5PXIeioroH3raV1QC1yh3uTYuMThvEQF3iKgGQ==
-  dependencies:
-    npm-normalize-package-bin "^1.0.1"
-
-npm-install-checks@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/npm-install-checks/-/npm-install-checks-4.0.0.tgz#a37facc763a2fde0497ef2c6d0ac7c3fbe00d7b4"
-  integrity sha512-09OmyDkNLYwqKPOnbI8exiOZU2GVVmQp7tgez2BPi5OZC8M82elDAps7sxC4l//uSUtotWqoEIDwjRvWH4qz8w==
-  dependencies:
-    semver "^7.1.1"
-
-npm-lifecycle@^3.1.5:
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/npm-lifecycle/-/npm-lifecycle-3.1.5.tgz#9882d3642b8c82c815782a12e6a1bfeed0026309"
-  integrity sha512-lDLVkjfZmvmfvpvBzA4vzee9cn+Me4orq0QF8glbswJVEbIcSNWib7qGOffolysc3teCqbbPZZkzbr3GQZTL1g==
-  dependencies:
-    byline "^5.0.0"
-    graceful-fs "^4.1.15"
-    node-gyp "^5.0.2"
-    resolve-from "^4.0.0"
-    slide "^1.1.6"
-    uid-number "0.0.6"
-    umask "^1.1.0"
-    which "^1.3.1"
-
-npm-normalize-package-bin@^1.0.0, npm-normalize-package-bin@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/npm-normalize-package-bin/-/npm-normalize-package-bin-1.0.1.tgz#6e79a41f23fd235c0623218228da7d9c23b8f6e2"
-  integrity sha512-EPfafl6JL5/rU+ot6P3gRSCpPDW5VmIzX959Ob1+ySFUuuYHWHekXpwdUZcKP5C+DS4GEtdJluwBjnsNDl+fSA==
-
-npm-package-arg@^8.0.0, npm-package-arg@^8.0.1, npm-package-arg@^8.1.0, npm-package-arg@^8.1.2, npm-package-arg@^8.1.5:
-  version "8.1.5"
-  resolved "https://registry.yarnpkg.com/npm-package-arg/-/npm-package-arg-8.1.5.tgz#3369b2d5fe8fdc674baa7f1786514ddc15466e44"
-  integrity sha512-LhgZrg0n0VgvzVdSm1oiZworPbTxYHUJCgtsJW8mGvlDpxTM1vSJc3m5QZeUkhAHIzbz3VCHd/R4osi1L1Tg/Q==
-  dependencies:
-    hosted-git-info "^4.0.1"
-    semver "^7.3.4"
-    validate-npm-package-name "^3.0.0"
-
-npm-packlist@^2.1.4:
-  version "2.2.2"
-  resolved "https://registry.yarnpkg.com/npm-packlist/-/npm-packlist-2.2.2.tgz#076b97293fa620f632833186a7a8f65aaa6148c8"
-  integrity sha512-Jt01acDvJRhJGthnUJVF/w6gumWOZxO7IkpY/lsX9//zqQgnF7OJaxgQXcerd4uQOLu7W5bkb4mChL9mdfm+Zg==
-  dependencies:
-    glob "^7.1.6"
-    ignore-walk "^3.0.3"
-    npm-bundled "^1.1.1"
-    npm-normalize-package-bin "^1.0.1"
-
-npm-pick-manifest@^6.0.0, npm-pick-manifest@^6.1.1:
-  version "6.1.1"
-  resolved "https://registry.yarnpkg.com/npm-pick-manifest/-/npm-pick-manifest-6.1.1.tgz#7b5484ca2c908565f43b7f27644f36bb816f5148"
-  integrity sha512-dBsdBtORT84S8V8UTad1WlUyKIY9iMsAmqxHbLdeEeBNMLQDlDWWra3wYUx9EBEIiG/YwAy0XyNHDd2goAsfuA==
-  dependencies:
-    npm-install-checks "^4.0.0"
-    npm-normalize-package-bin "^1.0.1"
-    npm-package-arg "^8.1.2"
-    semver "^7.3.4"
-
-npm-registry-fetch@^11.0.0:
-  version "11.0.0"
-  resolved "https://registry.yarnpkg.com/npm-registry-fetch/-/npm-registry-fetch-11.0.0.tgz#68c1bb810c46542760d62a6a965f85a702d43a76"
-  integrity sha512-jmlgSxoDNuhAtxUIG6pVwwtz840i994dL14FoNVZisrmZW5kWd63IUTNv1m/hyRSGSqWjCUp/YZlS1BJyNp9XA==
-  dependencies:
-    make-fetch-happen "^9.0.1"
-    minipass "^3.1.3"
-    minipass-fetch "^1.3.0"
-    minipass-json-stream "^1.0.1"
-    minizlib "^2.0.0"
-    npm-package-arg "^8.0.0"
-
-npm-registry-fetch@^9.0.0:
-  version "9.0.0"
-  resolved "https://registry.yarnpkg.com/npm-registry-fetch/-/npm-registry-fetch-9.0.0.tgz#86f3feb4ce00313bc0b8f1f8f69daae6face1661"
-  integrity sha512-PuFYYtnQ8IyVl6ib9d3PepeehcUeHN9IO5N/iCRhyg9tStQcqGQBRVHmfmMWPDERU3KwZoHFvbJ4FPXPspvzbA==
-  dependencies:
-    "@npmcli/ci-detect" "^1.0.0"
-    lru-cache "^6.0.0"
-    make-fetch-happen "^8.0.9"
-    minipass "^3.1.3"
-    minipass-fetch "^1.3.0"
-    minipass-json-stream "^1.0.1"
-    minizlib "^2.0.0"
-    npm-package-arg "^8.0.0"
-
-npm-run-path@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-4.0.1.tgz#b7ecd1e5ed53da8e37a55e1c2269e0b97ed748ea"
-  integrity sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==
-  dependencies:
-    path-key "^3.0.0"
-
-npmlog@^4.1.2:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/npmlog/-/npmlog-4.1.2.tgz#08a7f2a8bf734604779a9efa4ad5cc717abb954b"
-  integrity sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==
-  dependencies:
-    are-we-there-yet "~1.1.2"
-    console-control-strings "~1.1.0"
-    gauge "~2.7.3"
-    set-blocking "~2.0.0"
-
-nprogress@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/nprogress/-/nprogress-0.2.0.tgz#cb8f34c53213d895723fcbab907e9422adbcafb1"
-  integrity sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA==
-
-nth-check@^2.0.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-2.1.1.tgz#c9eab428effce36cd6b92c924bdb000ef1f1ed1d"
-  integrity sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==
-  dependencies:
-    boolbase "^1.0.0"
-
-number-is-nan@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d"
-  integrity sha512-4jbtZXNAsfZbAHiiqjLPBiCl16dES1zI4Hpzzxw61Tk+loF+sBDBKx1ICKKKwIqQ7M0mFn1TmkN7euSncWgHiQ==
-
-nwsapi@^2.2.2:
-  version "2.2.2"
-  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.2.tgz#e5418863e7905df67d51ec95938d67bf801f0bb0"
-  integrity sha512-90yv+6538zuvUMnN+zCr8LuV6bPFdq50304114vJYJ8RDyK8D5O9Phpbd6SZWgI7PwzmmfN1upeOJlvybDSgCw==
-
-oauth-sign@~0.9.0:
-  version "0.9.0"
-  resolved "https://registry.yarnpkg.com/oauth-sign/-/oauth-sign-0.9.0.tgz#47a7b016baa68b5fa0ecf3dee08a85c679ac6455"
-  integrity sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==
-
-object-assign@^4.1.0, object-assign@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
-  integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
-
-object-inspect@^1.12.3, object-inspect@^1.9.0:
-  version "1.12.3"
-  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.12.3.tgz#ba62dffd67ee256c8c086dfae69e016cd1f198b9"
-  integrity sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==
-
-object-is@^1.0.1:
-  version "1.1.5"
-  resolved "https://registry.yarnpkg.com/object-is/-/object-is-1.1.5.tgz#b9deeaa5fc7f1846a0faecdceec138e5778f53ac"
-  integrity sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.3"
-
-object-keys@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e"
-  integrity sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==
-
-object.assign@^4.1.4:
-  version "4.1.4"
-  resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.4.tgz#9673c7c7c351ab8c4d0b516f4343ebf4dfb7799f"
-  integrity sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    has-symbols "^1.0.3"
-    object-keys "^1.1.1"
-
-object.getownpropertydescriptors@^2.0.3:
-  version "2.1.5"
-  resolved "https://registry.yarnpkg.com/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.5.tgz#db5a9002489b64eef903df81d6623c07e5b4b4d3"
-  integrity sha512-yDNzckpM6ntyQiGTik1fKV1DcVDRS+w8bvpWNCBanvH5LfRX9O8WTHqQzG4RZwRAM4I0oU7TV11Lj5v0g20ibw==
-  dependencies:
-    array.prototype.reduce "^1.0.5"
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
-
-once@^1.3.0, once@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
-  integrity sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==
-  dependencies:
-    wrappy "1"
-
-onetime@^5.1.0, onetime@^5.1.2:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/onetime/-/onetime-5.1.2.tgz#d0e96ebb56b07476df1dd9c4806e5237985ca45e"
-  integrity sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==
-  dependencies:
-    mimic-fn "^2.1.0"
-
-optionator@^0.8.1:
-  version "0.8.3"
-  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.8.3.tgz#84fa1d036fe9d3c7e21d99884b601167ec8fb495"
-  integrity sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==
-  dependencies:
-    deep-is "~0.1.3"
-    fast-levenshtein "~2.0.6"
-    levn "~0.3.0"
-    prelude-ls "~1.1.2"
-    type-check "~0.3.2"
-    word-wrap "~1.2.3"
-
-optionator@^0.9.1:
-  version "0.9.1"
-  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.1.tgz#4f236a6373dae0566a6d43e1326674f50c291499"
-  integrity sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==
-  dependencies:
-    deep-is "^0.1.3"
-    fast-levenshtein "^2.0.6"
-    levn "^0.4.1"
-    prelude-ls "^1.2.1"
-    type-check "^0.4.0"
-    word-wrap "^1.2.3"
-
-ora@^5.4.1:
-  version "5.4.1"
-  resolved "https://registry.yarnpkg.com/ora/-/ora-5.4.1.tgz#1b2678426af4ac4a509008e5e4ac9e9959db9e18"
-  integrity sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==
-  dependencies:
-    bl "^4.1.0"
-    chalk "^4.1.0"
-    cli-cursor "^3.1.0"
-    cli-spinners "^2.5.0"
-    is-interactive "^1.0.0"
-    is-unicode-supported "^0.1.0"
-    log-symbols "^4.1.0"
-    strip-ansi "^6.0.0"
-    wcwidth "^1.0.1"
-
-os-homedir@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/os-homedir/-/os-homedir-1.0.2.tgz#ffbc4988336e0e833de0c168c7ef152121aa7fb3"
-  integrity sha512-B5JU3cabzk8c67mRRd3ECmROafjYMXbuzlwtqdM8IbS8ktlTix8aFGb2bAGKrSRIlnfKwovGUUr72JUPyOb6kQ==
-
-os-tmpdir@^1.0.0, os-tmpdir@~1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274"
-  integrity sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==
-
-osenv@^0.1.4:
-  version "0.1.5"
-  resolved "https://registry.yarnpkg.com/osenv/-/osenv-0.1.5.tgz#85cdfafaeb28e8677f416e287592b5f3f49ea410"
-  integrity sha512-0CWcCECdMVc2Rw3U5w9ZjqX6ga6ubk1xDVKxtBQPK7wis/0F2r9T6k4ydGYhecl7YUBxBVxhL5oisPsNxAPe2g==
-  dependencies:
-    os-homedir "^1.0.0"
-    os-tmpdir "^1.0.0"
-
-p-finally@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/p-finally/-/p-finally-1.0.0.tgz#3fbcfb15b899a44123b34b6dcc18b724336a2cae"
-  integrity sha512-LICb2p9CB7FS+0eR1oqWnHhp0FljGLZCWBE9aix0Uye9W8LTQPwMTYVGWQWIw9RdQiDg4+epXQODwIYJtSJaow==
-
-p-limit@^1.1.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-1.3.0.tgz#b86bd5f0c25690911c7590fcbfc2010d54b3ccb8"
-  integrity sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==
-  dependencies:
-    p-try "^1.0.0"
-
-p-limit@^2.2.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.3.0.tgz#3dd33c647a214fdfffd835933eb086da0dc21db1"
-  integrity sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==
-  dependencies:
-    p-try "^2.0.0"
-
-p-limit@^3.0.2, p-limit@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-3.1.0.tgz#e1daccbe78d0d1388ca18c64fea38e3e57e3706b"
-  integrity sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==
-  dependencies:
-    yocto-queue "^0.1.0"
-
-p-locate@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-2.0.0.tgz#20a0103b222a70c8fd39cc2e580680f3dde5ec43"
-  integrity sha512-nQja7m7gSKuewoVRen45CtVfODR3crN3goVQ0DDZ9N3yHxgpkuBhZqsaiotSQRrADUrne346peY7kT3TSACykg==
-  dependencies:
-    p-limit "^1.1.0"
-
-p-locate@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-4.1.0.tgz#a3428bb7088b3a60292f66919278b7c297ad4f07"
-  integrity sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==
-  dependencies:
-    p-limit "^2.2.0"
-
-p-locate@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-5.0.0.tgz#83c8315c6785005e3bd021839411c9e110e6d834"
-  integrity sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==
-  dependencies:
-    p-limit "^3.0.2"
-
-p-map-series@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/p-map-series/-/p-map-series-2.1.0.tgz#7560d4c452d9da0c07e692fdbfe6e2c81a2a91f2"
-  integrity sha512-RpYIIK1zXSNEOdwxcfe7FdvGcs7+y5n8rifMhMNWvaxRNMPINJHF5GDeuVxWqnfrcHPSCnp7Oo5yNXHId9Av2Q==
-
-p-map@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/p-map/-/p-map-4.0.0.tgz#bb2f95a5eda2ec168ec9274e06a747c3e2904d2b"
-  integrity sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==
-  dependencies:
-    aggregate-error "^3.0.0"
-
-p-pipe@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/p-pipe/-/p-pipe-3.1.0.tgz#48b57c922aa2e1af6a6404cb7c6bf0eb9cc8e60e"
-  integrity sha512-08pj8ATpzMR0Y80x50yJHn37NF6vjrqHutASaX5LiH5npS9XPvrUmscd9MF5R4fuYRHOxQR1FfMIlF7AzwoPqw==
-
-p-queue@^6.6.2:
-  version "6.6.2"
-  resolved "https://registry.yarnpkg.com/p-queue/-/p-queue-6.6.2.tgz#2068a9dcf8e67dd0ec3e7a2bcb76810faa85e426"
-  integrity sha512-RwFpb72c/BhQLEXIZ5K2e+AhgNVmIejGlTgiB9MzZ0e93GRvqZ7uSi0dvRF7/XIXDeNkra2fNHBxTyPDGySpjQ==
-  dependencies:
-    eventemitter3 "^4.0.4"
-    p-timeout "^3.2.0"
-
-p-reduce@^2.0.0, p-reduce@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/p-reduce/-/p-reduce-2.1.0.tgz#09408da49507c6c274faa31f28df334bc712b64a"
-  integrity sha512-2USApvnsutq8uoxZBGbbWM0JIYLiEMJ9RlaN7fAzVNb9OZN0SHjjTTfIcb667XynS5Y1VhwDJVDa72TnPzAYWw==
-
-p-timeout@^3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/p-timeout/-/p-timeout-3.2.0.tgz#c7e17abc971d2a7962ef83626b35d635acf23dfe"
-  integrity sha512-rhIwUycgwwKcP9yTOOFK/AKsAopjjCakVqLHePO3CC6Mir1Z99xT+R63jZxAT5lFZLa2inS5h+ZS2GvR99/FBg==
-  dependencies:
-    p-finally "^1.0.0"
-
-p-try@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/p-try/-/p-try-1.0.0.tgz#cbc79cdbaf8fd4228e13f621f2b1a237c1b207b3"
-  integrity sha512-U1etNYuMJoIz3ZXSrrySFjsXQTWOx2/jdi86L+2pRvph/qMKL6sbcCYdH23fqsbm8TH2Gn0OybpT4eSFlCVHww==
-
-p-try@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
-  integrity sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==
-
-p-waterfall@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/p-waterfall/-/p-waterfall-2.1.1.tgz#63153a774f472ccdc4eb281cdb2967fcf158b2ee"
-  integrity sha512-RRTnDb2TBG/epPRI2yYXsimO0v3BXC8Yd3ogr1545IaqKK17VGhbWVeGGN+XfCm/08OK8635nH31c8bATkHuSw==
-  dependencies:
-    p-reduce "^2.0.0"
-
-pacote@^11.2.6:
-  version "11.3.5"
-  resolved "https://registry.yarnpkg.com/pacote/-/pacote-11.3.5.tgz#73cf1fc3772b533f575e39efa96c50be8c3dc9d2"
-  integrity sha512-fT375Yczn4zi+6Hkk2TBe1x1sP8FgFsEIZ2/iWaXY2r/NkhDJfxbcn5paz1+RTFCyNf+dPnaoBDJoAxXSU8Bkg==
-  dependencies:
-    "@npmcli/git" "^2.1.0"
-    "@npmcli/installed-package-contents" "^1.0.6"
-    "@npmcli/promise-spawn" "^1.2.0"
-    "@npmcli/run-script" "^1.8.2"
-    cacache "^15.0.5"
-    chownr "^2.0.0"
-    fs-minipass "^2.1.0"
-    infer-owner "^1.0.4"
-    minipass "^3.1.3"
-    mkdirp "^1.0.3"
-    npm-package-arg "^8.0.1"
-    npm-packlist "^2.1.4"
-    npm-pick-manifest "^6.0.0"
-    npm-registry-fetch "^11.0.0"
-    promise-retry "^2.0.1"
-    read-package-json-fast "^2.0.1"
-    rimraf "^3.0.2"
-    ssri "^8.0.1"
-    tar "^6.1.0"
-
-parent-module@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
-  integrity sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==
-  dependencies:
-    callsites "^3.0.0"
-
-parse-json@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-4.0.0.tgz#be35f5425be1f7f6c747184f98a788cb99477ee0"
-  integrity sha512-aOIos8bujGN93/8Ox/jPLh7RwVnPEysynVFE+fQZyg6jKELEHwzgKdLRFHUgXJL6kylijVSBC4BvN9OmsB48Rw==
-  dependencies:
-    error-ex "^1.3.1"
-    json-parse-better-errors "^1.0.1"
-
-parse-json@^5.0.0, parse-json@^5.2.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.2.0.tgz#c76fc66dee54231c962b22bcc8a72cf2f99753cd"
-  integrity sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==
-  dependencies:
-    "@babel/code-frame" "^7.0.0"
-    error-ex "^1.3.1"
-    json-parse-even-better-errors "^2.3.0"
-    lines-and-columns "^1.1.6"
-
-parse-path@^4.0.0:
-  version "4.0.4"
-  resolved "https://registry.yarnpkg.com/parse-path/-/parse-path-4.0.4.tgz#4bf424e6b743fb080831f03b536af9fc43f0ffea"
-  integrity sha512-Z2lWUis7jlmXC1jeOG9giRO2+FsuyNipeQ43HAjqAZjwSe3SEf+q/84FGPHoso3kyntbxa4c4i77t3m6fGf8cw==
-  dependencies:
-    is-ssh "^1.3.0"
-    protocols "^1.4.0"
-    qs "^6.9.4"
-    query-string "^6.13.8"
-
-parse-url@^6.0.0:
-  version "6.0.5"
-  resolved "https://registry.yarnpkg.com/parse-url/-/parse-url-6.0.5.tgz#4acab8982cef1846a0f8675fa686cef24b2f6f9b"
-  integrity sha512-e35AeLTSIlkw/5GFq70IN7po8fmDUjpDPY1rIK+VubRfsUvBonjQ+PBZG+vWMACnQSmNlvl524IucoDmcioMxA==
-  dependencies:
-    is-ssh "^1.3.0"
-    normalize-url "^6.1.0"
-    parse-path "^4.0.0"
-    protocols "^1.4.0"
-
-parse5@^7.0.0, parse5@^7.1.1:
-  version "7.1.2"
-  resolved "https://registry.yarnpkg.com/parse5/-/parse5-7.1.2.tgz#0736bebbfd77793823240a23b7fc5e010b7f8e32"
-  integrity sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==
-  dependencies:
-    entities "^4.4.0"
-
-path-exists@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-3.0.0.tgz#ce0ebeaa5f78cb18925ea7d810d7b59b010fd515"
-  integrity sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==
-
-path-exists@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
-  integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
-
-path-is-absolute@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
-  integrity sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==
-
-path-key@^3.0.0, path-key@^3.1.0:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
-  integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
-
-path-parse@^1.0.7:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
-  integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
-
-path-type@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/path-type/-/path-type-3.0.0.tgz#cef31dc8e0a1a3bb0d105c0cd97cf3bf47f4e36f"
-  integrity sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==
-  dependencies:
-    pify "^3.0.0"
-
-path-type@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
-  integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
-
-performance-now@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
-  integrity sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==
-
-picocolors@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
-  integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
-
-picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.3, picomatch@^2.3.1:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
-  integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
-
-pify@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
-  integrity sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==
-
-pify@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/pify/-/pify-3.0.0.tgz#e5a4acd2c101fdf3d9a4d07f0dbc4db49dd28176"
-  integrity sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg==
-
-pify@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/pify/-/pify-4.0.1.tgz#4b2cd25c50d598735c50292224fd8c6df41e3231"
-  integrity sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==
-
-pify@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/pify/-/pify-5.0.0.tgz#1f5eca3f5e87ebec28cc6d54a0e4aaf00acc127f"
-  integrity sha512-eW/gHNMlxdSP6dmG6uJip6FXN0EQBwm2clYYd8Wul42Cwu/DK8HEftzsapcNdYe2MfLiIwZqsDk2RDEsTE79hA==
-
-pirates@^4.0.4:
-  version "4.0.5"
-  resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.5.tgz#feec352ea5c3268fb23a37c702ab1699f35a5f3b"
-  integrity sha512-8V9+HQPupnaXMA23c5hvl69zXvTwTzyAYasnkb0Tts4XvO4CliqONMOnvlq26rkhLC3nWDFBJf73LU1e1VZLaQ==
-
-pkg-dir@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-4.2.0.tgz#f099133df7ede422e81d1d8448270eeb3e4261f3"
-  integrity sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==
-  dependencies:
-    find-up "^4.0.0"
-
-postcss-combine-duplicated-selectors@^10.0.3:
-  version "10.0.3"
-  resolved "https://registry.yarnpkg.com/postcss-combine-duplicated-selectors/-/postcss-combine-duplicated-selectors-10.0.3.tgz#71e8b6783e99cd560cf08ba7b896ad0db318c11c"
-  integrity sha512-IP0BmwFloCskv7DV7xqvzDXqMHpwdczJa6ZvIW8abgHdcIHs9mCJX2ltFhu3EwA51ozp13DByng30+Ke+eIExA==
-  dependencies:
-    postcss-selector-parser "^6.0.4"
-
-postcss-csso@^6.0.0:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-csso/-/postcss-csso-6.0.1.tgz#6a3e812e236fde6d710a525f2b63e6d9da5a5008"
-  integrity sha512-ZV4yEziMrx6CEiqabGLrDva0pMD7Fbw7yP+LzJvaynM4OJgTssGN6dHiMsJMJdpmNaLJltXVLsrb/5sxbFa8sA==
-  dependencies:
-    csso "^5.0.5"
-
-postcss-selector-parser@^6.0.4, postcss-selector-parser@^6.0.9:
-  version "6.0.11"
-  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.11.tgz#2e41dc39b7ad74046e1615185185cd0b17d0c8dc"
-  integrity sha512-zbARubNdogI9j7WY4nQJBiNqQf3sLS3wCP4WfOidu+p28LofJqDH1tcXypGrcmMHhDk2t9wGhCsYe/+szLTy1g==
-  dependencies:
-    cssesc "^3.0.0"
-    util-deprecate "^1.0.2"
-
-postcss-value-parser@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
-  integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
-
-postcss@^8.1.10, postcss@^8.4.12, postcss@^8.4.13:
-  version "8.4.21"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.21.tgz#c639b719a57efc3187b13a1d765675485f4134f4"
-  integrity sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==
-  dependencies:
-    nanoid "^3.3.4"
-    picocolors "^1.0.0"
-    source-map-js "^1.0.2"
-
-preact@^10.0.0:
-  version "10.13.1"
-  resolved "https://registry.yarnpkg.com/preact/-/preact-10.13.1.tgz#d220bd8771b8fa197680d4917f3cefc5eed88720"
-  integrity sha512-KyoXVDU5OqTpG9LXlB3+y639JAGzl8JSBXLn1J9HTSB3gbKcuInga7bZnXLlxmK94ntTs1EFeZp0lrja2AuBYQ==
-
-prelude-ls@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
-  integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
-
-prelude-ls@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
-  integrity sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w==
-
-prettier-linter-helpers@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz#d23d41fe1375646de2d0104d3454a3008802cf7b"
-  integrity sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==
-  dependencies:
-    fast-diff "^1.1.2"
-
-prettier@^2.8.4:
-  version "2.8.7"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.7.tgz#bb79fc8729308549d28fe3a98fce73d2c0656450"
-  integrity sha512-yPngTo3aXUUmyuTjeTUT75txrf+aMh9FiD7q9ZE/i6r0bPb22g4FsE6Y338PQX1bmfy08i9QQCB7/rcUAVntfw==
-
-pretty-format@^29.0.0, pretty-format@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-29.5.0.tgz#283134e74f70e2e3e7229336de0e4fce94ccde5a"
-  integrity sha512-V2mGkI31qdttvTFX7Mt4efOqHXqJWMu4/r66Xh3Z3BwZaPfPJgp6/gbwoujRpPUtfEF6AUUWx3Jim3GCw5g/Qw==
-  dependencies:
-    "@jest/schemas" "^29.4.3"
-    ansi-styles "^5.0.0"
-    react-is "^18.0.0"
-
-prismjs@^1.27.0:
-  version "1.29.0"
-  resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.29.0.tgz#f113555a8fa9b57c35e637bba27509dcf802dd12"
-  integrity sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==
-
-process-nextick-args@~2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
-  integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==
-
-promise-inflight@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/promise-inflight/-/promise-inflight-1.0.1.tgz#98472870bf228132fcbdd868129bad12c3c029e3"
-  integrity sha512-6zWPyEOFaQBJYcGMHBKTKJ3u6TBsnMFOIZSa6ce1e/ZrrsOlnHRHbabMjLiBYKp+n44X9eUI6VUPaukCXHuG4g==
-
-promise-retry@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/promise-retry/-/promise-retry-2.0.1.tgz#ff747a13620ab57ba688f5fc67855410c370da22"
-  integrity sha512-y+WKFlBR8BGXnsNlIHFGPZmyDf3DFMoLhaflAnyZgV6rG6xu+JwesTo2Q9R6XwYmtmwAFCkAk3e35jEdoeh/3g==
-  dependencies:
-    err-code "^2.0.2"
-    retry "^0.12.0"
-
-promise@^7.0.1:
-  version "7.3.1"
-  resolved "https://registry.yarnpkg.com/promise/-/promise-7.3.1.tgz#064b72602b18f90f29192b8b1bc418ffd1ebd3bf"
-  integrity sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==
-  dependencies:
-    asap "~2.0.3"
-
-prompts@^2.0.1:
-  version "2.4.2"
-  resolved "https://registry.yarnpkg.com/prompts/-/prompts-2.4.2.tgz#7b57e73b3a48029ad10ebd44f74b01722a4cb069"
-  integrity sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==
-  dependencies:
-    kleur "^3.0.3"
-    sisteransi "^1.0.5"
-
-promzard@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/promzard/-/promzard-0.3.0.tgz#26a5d6ee8c7dee4cb12208305acfb93ba382a9ee"
-  integrity sha512-JZeYqd7UAcHCwI+sTOeUDYkvEU+1bQ7iE0UT1MgB/tERkAPkesW46MrpIySzODi+owTjZtiF8Ay5j9m60KmMBw==
-  dependencies:
-    read "1"
-
-proto-list@~1.2.1:
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/proto-list/-/proto-list-1.2.4.tgz#212d5bfe1318306a420f6402b8e26ff39647a849"
-  integrity sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==
-
-protocols@^1.4.0:
-  version "1.4.8"
-  resolved "https://registry.yarnpkg.com/protocols/-/protocols-1.4.8.tgz#48eea2d8f58d9644a4a32caae5d5db290a075ce8"
-  integrity sha512-IgjKyaUSjsROSO8/D49Ab7hP8mJgTYcqApOqdPhLoPxAplXmkp+zRvsrSQjFn5by0rhm4VH0GAUELIPpx7B1yg==
-
-protocols@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/protocols/-/protocols-2.0.1.tgz#8f155da3fc0f32644e83c5782c8e8212ccf70a86"
-  integrity sha512-/XJ368cyBJ7fzLMwLKv1e4vLxOju2MNAIokcr7meSaNcVbWz/CPcW22cP04mwxOErdA5mwjA8Q6w/cdAQxVn7Q==
-
-pseudomap@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/pseudomap/-/pseudomap-1.0.2.tgz#f052a28da70e618917ef0a8ac34c1ae5a68286b3"
-  integrity sha512-b/YwNhb8lk1Zz2+bXXpS/LK9OisiZZ1SNsSLxN1x2OXVEhW2Ckr/7mWE5vrC1ZTiJlD9g19jWszTmJsB+oEpFQ==
-
-psl@^1.1.28, psl@^1.1.33:
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/psl/-/psl-1.9.0.tgz#d0df2a137f00794565fcaf3b2c00cd09f8d5a5a7"
-  integrity sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==
-
-pug-attrs@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/pug-attrs/-/pug-attrs-3.0.0.tgz#b10451e0348165e31fad1cc23ebddd9dc7347c41"
-  integrity sha512-azINV9dUtzPMFQktvTXciNAfAuVh/L/JCl0vtPCwvOA21uZrC08K/UnmrL+SXGEVc1FwzjW62+xw5S/uaLj6cA==
-  dependencies:
-    constantinople "^4.0.1"
-    js-stringify "^1.0.2"
-    pug-runtime "^3.0.0"
-
-pug-code-gen@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/pug-code-gen/-/pug-code-gen-3.0.2.tgz#ad190f4943133bf186b60b80de483100e132e2ce"
-  integrity sha512-nJMhW16MbiGRiyR4miDTQMRWDgKplnHyeLvioEJYbk1RsPI3FuA3saEP8uwnTb2nTJEKBU90NFVWJBk4OU5qyg==
-  dependencies:
-    constantinople "^4.0.1"
-    doctypes "^1.1.0"
-    js-stringify "^1.0.2"
-    pug-attrs "^3.0.0"
-    pug-error "^2.0.0"
-    pug-runtime "^3.0.0"
-    void-elements "^3.1.0"
-    with "^7.0.0"
-
-pug-error@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/pug-error/-/pug-error-2.0.0.tgz#5c62173cb09c34de2a2ce04f17b8adfec74d8ca5"
-  integrity sha512-sjiUsi9M4RAGHktC1drQfCr5C5eriu24Lfbt4s+7SykztEOwVZtbFk1RRq0tzLxcMxMYTBR+zMQaG07J/btayQ==
-
-pug-filters@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/pug-filters/-/pug-filters-4.0.0.tgz#d3e49af5ba8472e9b7a66d980e707ce9d2cc9b5e"
-  integrity sha512-yeNFtq5Yxmfz0f9z2rMXGw/8/4i1cCFecw/Q7+D0V2DdtII5UvqE12VaZ2AY7ri6o5RNXiweGH79OCq+2RQU4A==
-  dependencies:
-    constantinople "^4.0.1"
-    jstransformer "1.0.0"
-    pug-error "^2.0.0"
-    pug-walk "^2.0.0"
-    resolve "^1.15.1"
-
-pug-lexer@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/pug-lexer/-/pug-lexer-5.0.1.tgz#ae44628c5bef9b190b665683b288ca9024b8b0d5"
-  integrity sha512-0I6C62+keXlZPZkOJeVam9aBLVP2EnbeDw3An+k0/QlqdwH6rv8284nko14Na7c0TtqtogfWXcRoFE4O4Ff20w==
-  dependencies:
-    character-parser "^2.2.0"
-    is-expression "^4.0.0"
-    pug-error "^2.0.0"
-
-pug-linker@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/pug-linker/-/pug-linker-4.0.0.tgz#12cbc0594fc5a3e06b9fc59e6f93c146962a7708"
-  integrity sha512-gjD1yzp0yxbQqnzBAdlhbgoJL5qIFJw78juN1NpTLt/mfPJ5VgC4BvkoD3G23qKzJtIIXBbcCt6FioLSFLOHdw==
-  dependencies:
-    pug-error "^2.0.0"
-    pug-walk "^2.0.0"
-
-pug-load@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/pug-load/-/pug-load-3.0.0.tgz#9fd9cda52202b08adb11d25681fb9f34bd41b662"
-  integrity sha512-OCjTEnhLWZBvS4zni/WUMjH2YSUosnsmjGBB1An7CsKQarYSWQ0GCVyd4eQPMFJqZ8w9xgs01QdiZXKVjk92EQ==
-  dependencies:
-    object-assign "^4.1.1"
-    pug-walk "^2.0.0"
-
-pug-parser@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/pug-parser/-/pug-parser-6.0.0.tgz#a8fdc035863a95b2c1dc5ebf4ecf80b4e76a1260"
-  integrity sha512-ukiYM/9cH6Cml+AOl5kETtM9NR3WulyVP2y4HOU45DyMim1IeP/OOiyEWRr6qk5I5klpsBnbuHpwKmTx6WURnw==
-  dependencies:
-    pug-error "^2.0.0"
-    token-stream "1.0.0"
-
-pug-runtime@^3.0.0, pug-runtime@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/pug-runtime/-/pug-runtime-3.0.1.tgz#f636976204723f35a8c5f6fad6acda2a191b83d7"
-  integrity sha512-L50zbvrQ35TkpHwv0G6aLSuueDRwc/97XdY8kL3tOT0FmhgG7UypU3VztfV/LATAvmUfYi4wNxSajhSAeNN+Kg==
-
-pug-strip-comments@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/pug-strip-comments/-/pug-strip-comments-2.0.0.tgz#f94b07fd6b495523330f490a7f554b4ff876303e"
-  integrity sha512-zo8DsDpH7eTkPHCXFeAk1xZXJbyoTfdPlNR0bK7rpOMuhBYb0f5qUVCO1xlsitYd3w5FQTK7zpNVKb3rZoUrrQ==
-  dependencies:
-    pug-error "^2.0.0"
-
-pug-walk@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/pug-walk/-/pug-walk-2.0.0.tgz#417aabc29232bb4499b5b5069a2b2d2a24d5f5fe"
-  integrity sha512-yYELe9Q5q9IQhuvqsZNwA5hfPkMJ8u92bQLIMcsMxf/VADjNtEYptU+inlufAFYcWdHlwNfZOEnOOQrZrcyJCQ==
-
-pug@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/pug/-/pug-3.0.2.tgz#f35c7107343454e43bc27ae0ff76c731b78ea535"
-  integrity sha512-bp0I/hiK1D1vChHh6EfDxtndHji55XP/ZJKwsRqrz6lRia6ZC2OZbdAymlxdVFwd1L70ebrVJw4/eZ79skrIaw==
-  dependencies:
-    pug-code-gen "^3.0.2"
-    pug-filters "^4.0.0"
-    pug-lexer "^5.0.1"
-    pug-linker "^4.0.0"
-    pug-load "^3.0.0"
-    pug-parser "^6.0.0"
-    pug-runtime "^3.0.1"
-    pug-strip-comments "^2.0.0"
-
-punycode@^2.1.0, punycode@^2.1.1:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.0.tgz#f67fa67c94da8f4d0cfff981aee4118064199b8f"
-  integrity sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==
-
-pure-rand@^6.0.0:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/pure-rand/-/pure-rand-6.0.1.tgz#31207dddd15d43f299fdcdb2f572df65030c19af"
-  integrity sha512-t+x1zEHDjBwkDGY5v5ApnZ/utcd4XYDiJsaQQoptTXgUXX95sDg1elCdJghzicm7n2mbCBJ3uYWr6M22SO19rg==
-
-q@^1.5.1:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/q/-/q-1.5.1.tgz#7e32f75b41381291d04611f1bf14109ac00651d7"
-  integrity sha512-kV/CThkXo6xyFEZUugw/+pIOywXcDbFYgSct5cT3gqlbkBE1SJdwy6UQoZvodiWF/ckQLZyDE/Bu1M6gVu5lVw==
-
-qs@^6.9.4:
-  version "6.11.1"
-  resolved "https://registry.yarnpkg.com/qs/-/qs-6.11.1.tgz#6c29dff97f0c0060765911ba65cbc9764186109f"
-  integrity sha512-0wsrzgTz/kAVIeuxSjnpGC56rzYtr6JT/2BwEvMaPhFIoYa1aGO8LbzuU1R0uUYQkLpWBTOj0l/CLAJB64J6nQ==
-  dependencies:
-    side-channel "^1.0.4"
-
-qs@~6.5.2:
-  version "6.5.3"
-  resolved "https://registry.yarnpkg.com/qs/-/qs-6.5.3.tgz#3aeeffc91967ef6e35c0e488ef46fb296ab76aad"
-  integrity sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA==
-
-query-string@^6.13.8:
-  version "6.14.1"
-  resolved "https://registry.yarnpkg.com/query-string/-/query-string-6.14.1.tgz#7ac2dca46da7f309449ba0f86b1fd28255b0c86a"
-  integrity sha512-XDxAeVmpfu1/6IjyT/gXHOl+S0vQ9owggJ30hhWKdHAsNPOcasn5o9BW0eejZqL2e4vMjhAxoW3jVHcD6mbcYw==
-  dependencies:
-    decode-uri-component "^0.2.0"
-    filter-obj "^1.1.0"
-    split-on-first "^1.0.0"
-    strict-uri-encode "^2.0.0"
-
-querystringify@^2.1.1:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/querystringify/-/querystringify-2.2.0.tgz#3345941b4153cb9d082d8eee4cda2016a9aef7f6"
-  integrity sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==
-
-queue-microtask@^1.2.2:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
-  integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
-
-quick-lru@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-4.0.1.tgz#5b8878f113a58217848c6482026c73e1ba57727f"
-  integrity sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==
-
-react-is@^18.0.0:
-  version "18.2.0"
-  resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.2.0.tgz#199431eeaaa2e09f86427efbb4f1473edb47609b"
-  integrity sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==
-
-read-cmd-shim@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/read-cmd-shim/-/read-cmd-shim-2.0.0.tgz#4a50a71d6f0965364938e9038476f7eede3928d9"
-  integrity sha512-HJpV9bQpkl6KwjxlJcBoqu9Ba0PQg8TqSNIOrulGt54a0uup0HtevreFHzYzkm0lpnleRdNBzXznKrgxglEHQw==
-
-read-package-json-fast@^2.0.1:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/read-package-json-fast/-/read-package-json-fast-2.0.3.tgz#323ca529630da82cb34b36cc0b996693c98c2b83"
-  integrity sha512-W/BKtbL+dUjTuRL2vziuYhp76s5HZ9qQhd/dKfWIZveD0O40453QNyZhC0e63lqZrAQ4jiOapVoeJ7JrszenQQ==
-  dependencies:
-    json-parse-even-better-errors "^2.3.0"
-    npm-normalize-package-bin "^1.0.1"
-
-read-package-json@^2.0.0:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/read-package-json/-/read-package-json-2.1.2.tgz#6992b2b66c7177259feb8eaac73c3acd28b9222a"
-  integrity sha512-D1KmuLQr6ZSJS0tW8hf3WGpRlwszJOXZ3E8Yd/DNRaM5d+1wVRZdHlpGBLAuovjr28LbWvjpWkBHMxpRGGjzNA==
-  dependencies:
-    glob "^7.1.1"
-    json-parse-even-better-errors "^2.3.0"
-    normalize-package-data "^2.0.0"
-    npm-normalize-package-bin "^1.0.0"
-
-read-package-json@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/read-package-json/-/read-package-json-3.0.1.tgz#c7108f0b9390257b08c21e3004d2404c806744b9"
-  integrity sha512-aLcPqxovhJTVJcsnROuuzQvv6oziQx4zd3JvG0vGCL5MjTONUc4uJ90zCBC6R7W7oUKBNoR/F8pkyfVwlbxqng==
-  dependencies:
-    glob "^7.1.1"
-    json-parse-even-better-errors "^2.3.0"
-    normalize-package-data "^3.0.0"
-    npm-normalize-package-bin "^1.0.0"
-
-read-package-json@^4.1.1:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/read-package-json/-/read-package-json-4.1.2.tgz#b444d047de7c75d4a160cb056d00c0693c1df703"
-  integrity sha512-Dqer4pqzamDE2O4M55xp1qZMuLPqi4ldk2ya648FOMHRjwMzFhuxVrG04wd0c38IsvkVdr3vgHI6z+QTPdAjrQ==
-  dependencies:
-    glob "^7.1.1"
-    json-parse-even-better-errors "^2.3.0"
-    normalize-package-data "^3.0.0"
-    npm-normalize-package-bin "^1.0.0"
-
-read-package-tree@^5.3.1:
-  version "5.3.1"
-  resolved "https://registry.yarnpkg.com/read-package-tree/-/read-package-tree-5.3.1.tgz#a32cb64c7f31eb8a6f31ef06f9cedf74068fe636"
-  integrity sha512-mLUDsD5JVtlZxjSlPPx1RETkNjjvQYuweKwNVt1Sn8kP5Jh44pvYuUHCp6xSVDZWbNxVxG5lyZJ921aJH61sTw==
-  dependencies:
-    read-package-json "^2.0.0"
-    readdir-scoped-modules "^1.0.0"
-    util-promisify "^2.1.0"
-
-read-pkg-up@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-3.0.0.tgz#3ed496685dba0f8fe118d0691dc51f4a1ff96f07"
-  integrity sha512-YFzFrVvpC6frF1sz8psoHDBGF7fLPc+llq/8NB43oagqWkx8ar5zYtsTORtOjw9W2RHLpWP+zTWwBvf1bCmcSw==
-  dependencies:
-    find-up "^2.0.0"
-    read-pkg "^3.0.0"
-
-read-pkg-up@^7.0.1:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-7.0.1.tgz#f3a6135758459733ae2b95638056e1854e7ef507"
-  integrity sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==
-  dependencies:
-    find-up "^4.1.0"
-    read-pkg "^5.2.0"
-    type-fest "^0.8.1"
-
-read-pkg@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-3.0.0.tgz#9cbc686978fee65d16c00e2b19c237fcf6e38389"
-  integrity sha512-BLq/cCO9two+lBgiTYNqD6GdtK8s4NpaWrl6/rCO9w0TUS8oJl7cmToOZfRYllKTISY6nt1U7jQ53brmKqY6BA==
-  dependencies:
-    load-json-file "^4.0.0"
-    normalize-package-data "^2.3.2"
-    path-type "^3.0.0"
-
-read-pkg@^5.2.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-5.2.0.tgz#7bf295438ca5a33e56cd30e053b34ee7250c93cc"
-  integrity sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==
-  dependencies:
-    "@types/normalize-package-data" "^2.4.0"
-    normalize-package-data "^2.5.0"
-    parse-json "^5.0.0"
-    type-fest "^0.6.0"
-
-read@1, read@~1.0.1:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/read/-/read-1.0.7.tgz#b3da19bd052431a97671d44a42634adf710b40c4"
-  integrity sha512-rSOKNYUmaxy0om1BNjMN4ezNT6VKK+2xF4GBhc81mkH7L60i6dp8qPYrkndNLT3QPphoII3maL9PVC9XmhHwVQ==
-  dependencies:
-    mute-stream "~0.0.4"
-
-readable-stream@3, readable-stream@^3.0.0, readable-stream@^3.0.2, readable-stream@^3.4.0:
-  version "3.6.2"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.2.tgz#56a9b36ea965c00c5a93ef31eb111a0f11056967"
-  integrity sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==
-  dependencies:
-    inherits "^2.0.3"
-    string_decoder "^1.1.1"
-    util-deprecate "^1.0.1"
-
-readable-stream@^2.0.6, readable-stream@~2.3.6:
-  version "2.3.8"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.8.tgz#91125e8042bba1b9887f49345f6277027ce8be9b"
-  integrity sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==
-  dependencies:
-    core-util-is "~1.0.0"
-    inherits "~2.0.3"
-    isarray "~1.0.0"
-    process-nextick-args "~2.0.0"
-    safe-buffer "~5.1.1"
-    string_decoder "~1.1.1"
-    util-deprecate "~1.0.1"
-
-readdir-scoped-modules@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/readdir-scoped-modules/-/readdir-scoped-modules-1.1.0.tgz#8d45407b4f870a0dcaebc0e28670d18e74514309"
-  integrity sha512-asaikDeqAQg7JifRsZn1NJZXo9E+VwlyCfbkZhwyISinqk5zNS6266HS5kah6P0SaQKGF6SkNnZVHUzHFYxYDw==
-  dependencies:
-    debuglog "^1.0.1"
-    dezalgo "^1.0.0"
-    graceful-fs "^4.1.2"
-    once "^1.3.0"
-
-readdirp@~3.6.0:
-  version "3.6.0"
-  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
-  integrity sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==
-  dependencies:
-    picomatch "^2.2.1"
-
-recast@0.22.0:
-  version "0.22.0"
-  resolved "https://registry.yarnpkg.com/recast/-/recast-0.22.0.tgz#1dd3bf1b86e5eb810b044221a1a734234ed3e9c0"
-  integrity sha512-5AAx+mujtXijsEavc5lWXBPQqrM4+Dl5qNH96N2aNeuJFUzpiiToKPsxQD/zAIJHspz7zz0maX0PCtCTFVlixQ==
-  dependencies:
-    assert "^2.0.0"
-    ast-types "0.15.2"
-    esprima "~4.0.0"
-    source-map "~0.6.1"
-    tslib "^2.0.1"
-
-redent@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/redent/-/redent-3.0.0.tgz#e557b7998316bb53c9f1f56fa626352c6963059f"
-  integrity sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==
-  dependencies:
-    indent-string "^4.0.0"
-    strip-indent "^3.0.0"
-
-regexp.prototype.flags@^1.4.3:
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.4.3.tgz#87cab30f80f66660181a3bb7bf5981a872b367ac"
-  integrity sha512-fjggEOO3slI6Wvgjwflkc4NFRCTZAu5CnNfBd5qOMYhWdn67nJBBu34/TkD++eeFmd8C9r9jfXJ27+nSiRkSUA==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.3"
-    functions-have-names "^1.2.2"
-
-regexpp@^3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-3.2.0.tgz#0425a2768d8f23bad70ca4b90461fa2f1213e1b2"
-  integrity sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==
-
-request@^2.88.0, request@^2.88.2:
-  version "2.88.2"
-  resolved "https://registry.yarnpkg.com/request/-/request-2.88.2.tgz#d73c918731cb5a87da047e207234146f664d12b3"
-  integrity sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==
-  dependencies:
-    aws-sign2 "~0.7.0"
-    aws4 "^1.8.0"
-    caseless "~0.12.0"
-    combined-stream "~1.0.6"
-    extend "~3.0.2"
-    forever-agent "~0.6.1"
-    form-data "~2.3.2"
-    har-validator "~5.1.3"
-    http-signature "~1.2.0"
-    is-typedarray "~1.0.0"
-    isstream "~0.1.2"
-    json-stringify-safe "~5.0.1"
-    mime-types "~2.1.19"
-    oauth-sign "~0.9.0"
-    performance-now "^2.1.0"
-    qs "~6.5.2"
-    safe-buffer "^5.1.2"
-    tough-cookie "~2.5.0"
-    tunnel-agent "^0.6.0"
-    uuid "^3.3.2"
-
-require-directory@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
-  integrity sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==
-
-requires-port@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff"
-  integrity sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==
-
-resolve-cwd@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-cwd/-/resolve-cwd-3.0.0.tgz#0f0075f1bb2544766cf73ba6a6e2adfebcb13f2d"
-  integrity sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==
-  dependencies:
-    resolve-from "^5.0.0"
-
-resolve-from@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
-  integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
-
-resolve-from@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-5.0.0.tgz#c35225843df8f776df21c57557bc087e9dfdfc69"
-  integrity sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==
-
-resolve.exports@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/resolve.exports/-/resolve.exports-2.0.2.tgz#f8c934b8e6a13f539e38b7098e2e36134f01e800"
-  integrity sha512-X2UW6Nw3n/aMgDVy+0rSqgHlv39WZAlZrXCdnbyEiKm17DSqHX4MmQMaST3FbeWR5FTuRcUwYAziZajji0Y7mg==
-
-resolve@^1.10.0, resolve@^1.15.1, resolve@^1.20.0, resolve@^1.22.0, resolve@^1.22.1:
-  version "1.22.1"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.1.tgz#27cb2ebb53f91abb49470a928bba7558066ac177"
-  integrity sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==
-  dependencies:
-    is-core-module "^2.9.0"
-    path-parse "^1.0.7"
-    supports-preserve-symlinks-flag "^1.0.0"
-
-restore-cursor@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-3.1.0.tgz#39f67c54b3a7a58cea5236d95cf0034239631f7e"
-  integrity sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==
-  dependencies:
-    onetime "^5.1.0"
-    signal-exit "^3.0.2"
-
-retry@^0.12.0:
-  version "0.12.0"
-  resolved "https://registry.yarnpkg.com/retry/-/retry-0.12.0.tgz#1b42a6266a21f07421d1b0b54b7dc167b01c013b"
-  integrity sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==
-
-reusify@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
-  integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
-
-rimraf@^2.6.3:
-  version "2.7.1"
-  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.7.1.tgz#35797f13a7fdadc566142c29d4f07ccad483e3ec"
-  integrity sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==
-  dependencies:
-    glob "^7.1.3"
-
-rimraf@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
-  integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
-  dependencies:
-    glob "^7.1.3"
-
-rollup-plugin-peer-deps-external@^2.2.4:
-  version "2.2.4"
-  resolved "https://registry.yarnpkg.com/rollup-plugin-peer-deps-external/-/rollup-plugin-peer-deps-external-2.2.4.tgz#8a420bbfd6dccc30aeb68c9bf57011f2f109570d"
-  integrity sha512-AWdukIM1+k5JDdAqV/Cxd+nejvno2FVLVeZ74NKggm3Q5s9cbbcOgUPGdbxPi4BXu7xGaZ8HG12F+thImYu/0g==
-
-rollup-plugin-vue@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/rollup-plugin-vue/-/rollup-plugin-vue-6.0.0.tgz#e379e93e5ae9a8648522f698be2e452e8672aaf2"
-  integrity sha512-oVvUd84d5u73M2HYM3XsMDLtZRIA/tw2U0dmHlXU2UWP5JARYHzh/U9vcxaN/x/9MrepY7VH3pHFeOhrWpxs/Q==
-  dependencies:
-    debug "^4.1.1"
-    hash-sum "^2.0.0"
-    rollup-pluginutils "^2.8.2"
-
-rollup-pluginutils@^2.8.2:
-  version "2.8.2"
-  resolved "https://registry.yarnpkg.com/rollup-pluginutils/-/rollup-pluginutils-2.8.2.tgz#72f2af0748b592364dbd3389e600e5a9444a351e"
-  integrity sha512-EEp9NhnUkwY8aif6bxgovPHMoMoNr2FulJziTndpt5H9RdwC47GSGuII9XxpSdzVGM0GWrNPHV6ie1LTNJPaLQ==
-  dependencies:
-    estree-walker "^0.6.1"
-
-"rollup@>=2.59.0 <2.78.0":
-  version "2.77.3"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.77.3.tgz#8f00418d3a2740036e15deb653bed1a90ee0cc12"
-  integrity sha512-/qxNTG7FbmefJWoeeYJFbHehJ2HNWnjkAFRKzWN/45eNBBF/r8lo992CwcJXEzyVxs5FmfId+vTSTQDb+bxA+g==
-  optionalDependencies:
-    fsevents "~2.3.2"
-
-rollup@^2.70.1:
-  version "2.79.1"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.79.1.tgz#bedee8faef7c9f93a2647ac0108748f497f081c7"
-  integrity sha512-uKxbd0IhMZOhjAiD5oAFp7BqvkA4Dv47qpOCtaNvng4HBwdbWtdOh8f5nZNuk2rp51PMGk3bzfWu5oayNEuYnw==
-  optionalDependencies:
-    fsevents "~2.3.2"
-
-rollup@^3.15.0:
-  version "3.20.2"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.20.2.tgz#f798c600317f216de2e4ad9f4d9ab30a89b690ff"
-  integrity sha512-3zwkBQl7Ai7MFYQE0y1MeQ15+9jsi7XxfrqwTb/9EK8D9C9+//EBR4M+CuA1KODRaNbFez/lWxA5vhEGZp4MUg==
-  optionalDependencies:
-    fsevents "~2.3.2"
-
-run-async@^2.4.0:
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/run-async/-/run-async-2.4.1.tgz#8440eccf99ea3e70bd409d49aab88e10c189a455"
-  integrity sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==
-
-run-parallel@^1.1.9:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.2.0.tgz#66d1368da7bdf921eb9d95bd1a9229e7f21a43ee"
-  integrity sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==
-  dependencies:
-    queue-microtask "^1.2.2"
-
-rxjs@^6.6.0:
-  version "6.6.7"
-  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.6.7.tgz#90ac018acabf491bf65044235d5863c4dab804c9"
-  integrity sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==
-  dependencies:
-    tslib "^1.9.0"
-
-safe-buffer@^5.0.1, safe-buffer@^5.1.2, safe-buffer@^5.2.1, safe-buffer@~5.2.0:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
-  integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
-
-safe-buffer@~5.1.0, safe-buffer@~5.1.1:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
-  integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
-
-safe-regex-test@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/safe-regex-test/-/safe-regex-test-1.0.0.tgz#793b874d524eb3640d1873aad03596db2d4f2295"
-  integrity sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==
-  dependencies:
-    call-bind "^1.0.2"
-    get-intrinsic "^1.1.3"
-    is-regex "^1.1.4"
-
-"safer-buffer@>= 2.1.2 < 3", "safer-buffer@>= 2.1.2 < 3.0.0", safer-buffer@^2.0.2, safer-buffer@^2.1.0, safer-buffer@~2.1.0:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
-  integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
-
-sass-loader@^12.6.0:
-  version "12.6.0"
-  resolved "https://registry.yarnpkg.com/sass-loader/-/sass-loader-12.6.0.tgz#5148362c8e2cdd4b950f3c63ac5d16dbfed37bcb"
-  integrity sha512-oLTaH0YCtX4cfnJZxKSLAyglED0naiYfNG1iXfU5w1LNZ+ukoA5DtyDIN5zmKVZwYNJP4KRc5Y3hkWga+7tYfA==
-  dependencies:
-    klona "^2.0.4"
-    neo-async "^2.6.2"
-
-sass@^1.49.10:
-  version "1.60.0"
-  resolved "https://registry.yarnpkg.com/sass/-/sass-1.60.0.tgz#657f0c23a302ac494b09a5ba8497b739fb5b5a81"
-  integrity sha512-updbwW6fNb5gGm8qMXzVO7V4sWf7LMXnMly/JEyfbfERbVH46Fn6q02BX7/eHTdKpE7d+oTkMMQpFWNUMfFbgQ==
-  dependencies:
-    chokidar ">=3.0.0 <4.0.0"
-    immutable "^4.0.0"
-    source-map-js ">=0.6.2 <2.0.0"
-
-saxes@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/saxes/-/saxes-6.0.0.tgz#fe5b4a4768df4f14a201b1ba6a65c1f3d9988cc5"
-  integrity sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==
-  dependencies:
-    xmlchars "^2.2.0"
-
-section-matter@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/section-matter/-/section-matter-1.0.0.tgz#e9041953506780ec01d59f292a19c7b850b84167"
-  integrity sha512-vfD3pmTzGpufjScBh50YHKzEu2lxBWhVEHsNGoEXmCmn2hKGfeNLYMzCJpe8cD7gqX7TJluOVpBkAequ6dgMmA==
-  dependencies:
-    extend-shallow "^2.0.1"
-    kind-of "^6.0.0"
-
-"semver@2 || 3 || 4 || 5", semver@^5.6.0, semver@^5.7.1:
-  version "5.7.1"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
-  integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==
-
-semver@7.x, semver@^7.1.1, semver@^7.1.3, semver@^7.3.2, semver@^7.3.4, semver@^7.3.5, semver@^7.3.6, semver@^7.3.7:
-  version "7.3.8"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.8.tgz#07a78feafb3f7b32347d725e33de7e2a2df67798"
-  integrity sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==
-  dependencies:
-    lru-cache "^6.0.0"
-
-semver@^6.0.0, semver@^6.3.0:
-  version "6.3.0"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
-  integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
-
-set-blocking@~2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
-  integrity sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==
-
-shallow-clone@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/shallow-clone/-/shallow-clone-3.0.1.tgz#8f2981ad92531f55035b01fb230769a40e02efa3"
-  integrity sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==
-  dependencies:
-    kind-of "^6.0.2"
-
-shebang-command@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
-  integrity sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==
-  dependencies:
-    shebang-regex "^3.0.0"
-
-shebang-regex@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
-  integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
-
-side-channel@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.4.tgz#efce5c8fdc104ee751b25c58d4290011fa5ea2cf"
-  integrity sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==
-  dependencies:
-    call-bind "^1.0.0"
-    get-intrinsic "^1.0.2"
-    object-inspect "^1.9.0"
-
-sigmund@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/sigmund/-/sigmund-1.0.1.tgz#3ff21f198cad2175f9f3b781853fd94d0d19b590"
-  integrity sha512-fCvEXfh6NWpm+YSuY2bpXb/VIihqWA6hLsgboC+0nl71Q7N7o2eaCW8mJa/NLvQhs6jpd3VZV4UiUQlV6+lc8g==
-
-signal-exit@^3.0.0, signal-exit@^3.0.2, signal-exit@^3.0.3, signal-exit@^3.0.7:
-  version "3.0.7"
-  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.7.tgz#a9a1767f8af84155114eaabd73f99273c8f59ad9"
-  integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==
-
-sisteransi@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/sisteransi/-/sisteransi-1.0.5.tgz#134d681297756437cc05ca01370d3a7a571075ed"
-  integrity sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==
-
-slash@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
-  integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
-
-slide@^1.1.6:
-  version "1.1.6"
-  resolved "https://registry.yarnpkg.com/slide/-/slide-1.1.6.tgz#56eb027d65b4d2dce6cb2e2d32c4d4afc9e1d707"
-  integrity sha512-NwrtjCg+lZoqhFU8fOwl4ay2ei8PaqCBOUV3/ektPY9trO1yQ1oXEfmHAhKArUVUr/hOHvy5f6AdP17dCM0zMw==
-
-smart-buffer@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/smart-buffer/-/smart-buffer-4.2.0.tgz#6e1d71fa4f18c05f7d0ff216dd16a481d0e8d9ae"
-  integrity sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==
-
-socks-proxy-agent@^5.0.0:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/socks-proxy-agent/-/socks-proxy-agent-5.0.1.tgz#032fb583048a29ebffec2e6a73fca0761f48177e"
-  integrity sha512-vZdmnjb9a2Tz6WEQVIurybSwElwPxMZaIc7PzqbJTrezcKNznv6giT7J7tZDZ1BojVaa1jvO/UiUdhDVB0ACoQ==
-  dependencies:
-    agent-base "^6.0.2"
-    debug "4"
-    socks "^2.3.3"
-
-socks-proxy-agent@^6.0.0:
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/socks-proxy-agent/-/socks-proxy-agent-6.2.1.tgz#2687a31f9d7185e38d530bef1944fe1f1496d6ce"
-  integrity sha512-a6KW9G+6B3nWZ1yB8G7pJwL3ggLy1uTzKAgCb7ttblwqdz9fMGJUuTy3uFzEP48FAs9FLILlmzDlE2JJhVQaXQ==
-  dependencies:
-    agent-base "^6.0.2"
-    debug "^4.3.3"
-    socks "^2.6.2"
-
-socks@^2.3.3, socks@^2.6.2:
-  version "2.7.1"
-  resolved "https://registry.yarnpkg.com/socks/-/socks-2.7.1.tgz#d8e651247178fde79c0663043e07240196857d55"
-  integrity sha512-7maUZy1N7uo6+WVEX6psASxtNlKaNVMlGQKkG/63nEDdLOWNbiUMoLK7X4uYoLhQstau72mLgfEWcXcwsaHbYQ==
-  dependencies:
-    ip "^2.0.0"
-    smart-buffer "^4.2.0"
-
-sort-keys@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/sort-keys/-/sort-keys-2.0.0.tgz#658535584861ec97d730d6cf41822e1f56684128"
-  integrity sha512-/dPCrG1s3ePpWm6yBbxZq5Be1dXGLyLn9Z791chDC3NFrpkVbWGzkBwPN1knaciexFXgRJ7hzdnwZ4stHSDmjg==
-  dependencies:
-    is-plain-obj "^1.0.0"
-
-sort-keys@^4.0.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/sort-keys/-/sort-keys-4.2.0.tgz#6b7638cee42c506fff8c1cecde7376d21315be18"
-  integrity sha512-aUYIEU/UviqPgc8mHR6IW1EGxkAXpeRETYcrzg8cLAvUPZcpAlleSXHV2mY7G12GphSH6Gzv+4MMVSSkbdteHg==
-  dependencies:
-    is-plain-obj "^2.0.0"
-
-"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.1, source-map-js@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
-  integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
-
-source-map-support@0.5.13:
-  version "0.5.13"
-  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.13.tgz#31b24a9c2e73c2de85066c0feb7d44767ed52932"
-  integrity sha512-SHSKFHadjVA5oR4PPqhtAVdcBWwRYVd6g6cAXnIbRiIwc2EhPrTuKUBdSLvlEKyIP3GCf89fltvcZiP9MMFA1w==
-  dependencies:
-    buffer-from "^1.0.0"
-    source-map "^0.6.0"
-
-source-map@0.5.6:
-  version "0.5.6"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.6.tgz#75ce38f52bf0733c5a7f0c118d81334a2bb5f412"
-  integrity sha512-MjZkVp0NHr5+TPihLcadqnlVoGIoWo4IBHptutGh9wI3ttUYvCG26HkSuDi+K6lsZ25syXJXcctwgyVCt//xqA==
-
-source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.1:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
-  integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
-
-sourcemap-codec@^1.4.8:
-  version "1.4.8"
-  resolved "https://registry.yarnpkg.com/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz#ea804bd94857402e6992d05a38ef1ae35a9ab4c4"
-  integrity sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==
-
-spdx-correct@^3.0.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/spdx-correct/-/spdx-correct-3.2.0.tgz#4f5ab0668f0059e34f9c00dce331784a12de4e9c"
-  integrity sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==
-  dependencies:
-    spdx-expression-parse "^3.0.0"
-    spdx-license-ids "^3.0.0"
-
-spdx-exceptions@^2.1.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz#3f28ce1a77a00372683eade4a433183527a2163d"
-  integrity sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==
-
-spdx-expression-parse@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz#cf70f50482eefdc98e3ce0a6833e4a53ceeba679"
-  integrity sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==
-  dependencies:
-    spdx-exceptions "^2.1.0"
-    spdx-license-ids "^3.0.0"
-
-spdx-license-ids@^3.0.0:
-  version "3.0.13"
-  resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.13.tgz#7189a474c46f8d47c7b0da4b987bb45e908bd2d5"
-  integrity sha512-XkD+zwiqXHikFZm4AX/7JSCXA98U5Db4AFd5XUg/+9UNtnH75+Z9KxtpYiJZx36mUDVOwH83pl7yvCer6ewM3w==
-
-split-on-first@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/split-on-first/-/split-on-first-1.1.0.tgz#f610afeee3b12bce1d0c30425e76398b78249a5f"
-  integrity sha512-43ZssAJaMusuKWL8sKUBQXHWOpq8d6CfN/u1p4gUzfJkM05C8rxTmYrkIPTXapZpORA6LkkzcUulJ8FqA7Uudw==
-
-split2@^3.0.0:
-  version "3.2.2"
-  resolved "https://registry.yarnpkg.com/split2/-/split2-3.2.2.tgz#bf2cf2a37d838312c249c89206fd7a17dd12365f"
-  integrity sha512-9NThjpgZnifTkJpzTZ7Eue85S49QwpNhZTq6GRJwObb6jnLFNGB7Qm73V5HewTROPyxD0C29xqmaI68bQtV+hg==
-  dependencies:
-    readable-stream "^3.0.0"
-
-split@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/split/-/split-1.0.1.tgz#605bd9be303aa59fb35f9229fbea0ddec9ea07d9"
-  integrity sha512-mTyOoPbrivtXnwnIxZRFYRrPNtEFKlpB2fvjSnCQUiAA6qAZzqwna5envK4uk6OIeP17CsdF3rSBGYVBsU0Tkg==
-  dependencies:
-    through "2"
-
-sprintf-js@~1.0.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
-  integrity sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==
-
-sshpk@^1.7.0:
-  version "1.17.0"
-  resolved "https://registry.yarnpkg.com/sshpk/-/sshpk-1.17.0.tgz#578082d92d4fe612b13007496e543fa0fbcbe4c5"
-  integrity sha512-/9HIEs1ZXGhSPE8X6Ccm7Nam1z8KcoCqPdI7ecm1N33EzAetWahvQWVqLZtaZQ+IDKX4IyA2o0gBzqIMkAagHQ==
-  dependencies:
-    asn1 "~0.2.3"
-    assert-plus "^1.0.0"
-    bcrypt-pbkdf "^1.0.0"
-    dashdash "^1.12.0"
-    ecc-jsbn "~0.1.1"
-    getpass "^0.1.1"
-    jsbn "~0.1.0"
-    safer-buffer "^2.0.2"
-    tweetnacl "~0.14.0"
-
-ssri@^8.0.0, ssri@^8.0.1:
-  version "8.0.1"
-  resolved "https://registry.yarnpkg.com/ssri/-/ssri-8.0.1.tgz#638e4e439e2ffbd2cd289776d5ca457c4f51a2af"
-  integrity sha512-97qShzy1AiyxvPNIkLWoGua7xoQzzPjQ0HAH4B0rWKo7SZ6USuPcrUiAFrws0UH8RrbWmgq3LMTObhPIHbbBeQ==
-  dependencies:
-    minipass "^3.1.1"
-
-stack-utils@^2.0.3:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-2.0.6.tgz#aaf0748169c02fc33c8232abccf933f54a1cc34f"
-  integrity sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==
-  dependencies:
-    escape-string-regexp "^2.0.0"
-
-strict-uri-encode@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/strict-uri-encode/-/strict-uri-encode-2.0.0.tgz#b9c7330c7042862f6b142dc274bbcc5866ce3546"
-  integrity sha512-QwiXZgpRcKkhTj2Scnn++4PKtWsH0kpzZ62L2R6c/LUVYv7hVnZqcg2+sMuT6R7Jusu1vviK/MFsu6kNJfWlEQ==
-
-string-length@^4.0.1:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/string-length/-/string-length-4.0.2.tgz#a8a8dc7bd5c1a82b9b3c8b87e125f66871b6e57a"
-  integrity sha512-+l6rNN5fYHNhZZy41RXsYptCjA2Igmq4EG7kZAYFQI1E1VTXarr6ZPXBg6eq7Y6eK4FEhY6AJlyuFIb/v/S0VQ==
-  dependencies:
-    char-regex "^1.0.2"
-    strip-ansi "^6.0.0"
-
-string-width@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/string-width/-/string-width-1.0.2.tgz#118bdf5b8cdc51a2a7e70d211e07e2b0b9b107d3"
-  integrity sha512-0XsVpQLnVCXHJfyEs8tC0zpTVIr5PKKsQtkT29IwupnPTjtPmQ3xT/4yCREF9hYkV/3M3kzcUTSAZT6a6h81tw==
-  dependencies:
-    code-point-at "^1.0.0"
-    is-fullwidth-code-point "^1.0.0"
-    strip-ansi "^3.0.0"
-
-"string-width@^1.0.2 || 2 || 3 || 4", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
-  version "4.2.3"
-  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
-  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
-  dependencies:
-    emoji-regex "^8.0.0"
-    is-fullwidth-code-point "^3.0.0"
-    strip-ansi "^6.0.1"
-
-string.prototype.trim@^1.2.7:
-  version "1.2.7"
-  resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.2.7.tgz#a68352740859f6893f14ce3ef1bb3037f7a90533"
-  integrity sha512-p6TmeT1T3411M8Cgg9wBTMRtY2q9+PNy9EV1i2lIXUN/btt763oIfxwN3RR8VU6wHX8j/1CFy0L+YuThm6bgOg==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
-
-string.prototype.trimend@^1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.6.tgz#c4a27fa026d979d79c04f17397f250a462944533"
-  integrity sha512-JySq+4mrPf9EsDBEDYMOb/lM7XQLulwg5R/m1r0PXEFqrV0qHvl58sdTilSXtKOflCsK2E8jxf+GKC0T07RWwQ==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
-
-string.prototype.trimstart@^1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.6.tgz#e90ab66aa8e4007d92ef591bbf3cd422c56bdcf4"
-  integrity sha512-omqjMDaY92pbn5HOX7f9IccLA+U1tA9GvtU4JrodiXFfYB7jPzzHpRzpglLAjtUV6bB557zwClJezTqnAiYnQA==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
-
-string_decoder@^1.1.1:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.3.0.tgz#42f114594a46cf1a8e30b0a84f56c78c3edac21e"
-  integrity sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==
-  dependencies:
-    safe-buffer "~5.2.0"
-
-string_decoder@~1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.1.1.tgz#9cf1611ba62685d7030ae9e4ba34149c3af03fc8"
-  integrity sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==
-  dependencies:
-    safe-buffer "~5.1.0"
-
-strip-ansi@^3.0.0, strip-ansi@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf"
-  integrity sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==
-  dependencies:
-    ansi-regex "^2.0.0"
-
-strip-ansi@^6.0.0, strip-ansi@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
-  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
-  dependencies:
-    ansi-regex "^5.0.1"
-
-strip-bom-string@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/strip-bom-string/-/strip-bom-string-1.0.0.tgz#e5211e9224369fbb81d633a2f00044dc8cedad92"
-  integrity sha512-uCC2VHvQRYu+lMh4My/sFNmF2klFymLX1wHJeXnbEJERpV/ZsVuonzerjfrGpIGF7LBVa1O7i9kjiWvJiFck8g==
-
-strip-bom@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
-  integrity sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==
-
-strip-bom@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-4.0.0.tgz#9c3505c1db45bcedca3d9cf7a16f5c5aa3901878"
-  integrity sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==
-
-strip-final-newline@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/strip-final-newline/-/strip-final-newline-2.0.0.tgz#89b852fb2fcbe936f6f4b3187afb0a12c1ab58ad"
-  integrity sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==
-
-strip-indent@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/strip-indent/-/strip-indent-3.0.0.tgz#c32e1cee940b6b3432c771bc2c54bcce73cd3001"
-  integrity sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==
-  dependencies:
-    min-indent "^1.0.0"
-
-strip-json-comments@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
-  integrity sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==
-
-strip-json-comments@^3.1.0, strip-json-comments@^3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
-  integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
-
-strong-log-transformer@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/strong-log-transformer/-/strong-log-transformer-2.1.0.tgz#0f5ed78d325e0421ac6f90f7f10e691d6ae3ae10"
-  integrity sha512-B3Hgul+z0L9a236FAUC9iZsL+nVHgoCJnqCbN588DjYxvGXaXaaFbfmQ/JhvKjZwsOukuR72XbHv71Qkug0HxA==
-  dependencies:
-    duplexer "^0.1.1"
-    minimist "^1.2.0"
-    through "^2.3.4"
-
-supports-color@^5.3.0:
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
-  integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==
-  dependencies:
-    has-flag "^3.0.0"
-
-supports-color@^7.1.0:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
-  integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
-  dependencies:
-    has-flag "^4.0.0"
-
-supports-color@^8.0.0:
-  version "8.1.1"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-8.1.1.tgz#cd6fc17e28500cff56c1b86c0a7fd4a54a73005c"
-  integrity sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==
-  dependencies:
-    has-flag "^4.0.0"
-
-supports-preserve-symlinks-flag@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
-  integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
-
-symbol-tree@^3.2.4:
-  version "3.2.4"
-  resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"
-  integrity sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==
-
-tar@^4.4.12:
-  version "4.4.19"
-  resolved "https://registry.yarnpkg.com/tar/-/tar-4.4.19.tgz#2e4d7263df26f2b914dee10c825ab132123742f3"
-  integrity sha512-a20gEsvHnWe0ygBY8JbxoM4w3SJdhc7ZAuxkLqh+nvNQN2IOt0B5lLgM490X5Hl8FF0dl0tOf2ewFYAlIFgzVA==
-  dependencies:
-    chownr "^1.1.4"
-    fs-minipass "^1.2.7"
-    minipass "^2.9.0"
-    minizlib "^1.3.3"
-    mkdirp "^0.5.5"
-    safe-buffer "^5.2.1"
-    yallist "^3.1.1"
-
-tar@^6.0.2, tar@^6.1.0:
-  version "6.1.13"
-  resolved "https://registry.yarnpkg.com/tar/-/tar-6.1.13.tgz#46e22529000f612180601a6fe0680e7da508847b"
-  integrity sha512-jdIBIN6LTIe2jqzay/2vtYLlBHa3JF42ot3h1dW8Q0PaAG4v8rm0cvpVePtau5C6OKXGGcgO9q2AMNSWxiLqKw==
-  dependencies:
-    chownr "^2.0.0"
-    fs-minipass "^2.0.0"
-    minipass "^4.0.0"
-    minizlib "^2.1.1"
-    mkdirp "^1.0.3"
-    yallist "^4.0.0"
-
-temp-dir@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/temp-dir/-/temp-dir-1.0.0.tgz#0a7c0ea26d3a39afa7e0ebea9c1fc0bc4daa011d"
-  integrity sha512-xZFXEGbG7SNC3itwBzI3RYjq/cEhBkx2hJuKGIUOcEULmkQExXiHat2z/qkISYsuR+IKumhEfKKbV5qXmhICFQ==
-
-temp-write@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/temp-write/-/temp-write-4.0.0.tgz#cd2e0825fc826ae72d201dc26eef3bf7e6fc9320"
-  integrity sha512-HIeWmj77uOOHb0QX7siN3OtwV3CTntquin6TNVg6SHOqCP3hYKmox90eeFOGaY1MqJ9WYDDjkyZrW6qS5AWpbw==
-  dependencies:
-    graceful-fs "^4.1.15"
-    is-stream "^2.0.0"
-    make-dir "^3.0.0"
-    temp-dir "^1.0.0"
-    uuid "^3.3.2"
-
-test-exclude@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-6.0.0.tgz#04a8698661d805ea6fa293b6cb9e63ac044ef15e"
-  integrity sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==
-  dependencies:
-    "@istanbuljs/schema" "^0.1.2"
-    glob "^7.1.4"
-    minimatch "^3.0.4"
-
-text-extensions@^1.0.0:
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/text-extensions/-/text-extensions-1.9.0.tgz#1853e45fee39c945ce6f6c36b2d659b5aabc2a26"
-  integrity sha512-wiBrwC1EhBelW12Zy26JeOUkQ5mRu+5o8rpsJk5+2t+Y5vE7e842qtZDQ2g1NpX/29HdyFeJ4nSIhI47ENSxlQ==
-
-text-table@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
-  integrity sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==
-
-through2@^2.0.0:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/through2/-/through2-2.0.5.tgz#01c1e39eb31d07cb7d03a96a70823260b23132cd"
-  integrity sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==
-  dependencies:
-    readable-stream "~2.3.6"
-    xtend "~4.0.1"
-
-through2@^4.0.0:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/through2/-/through2-4.0.2.tgz#a7ce3ac2a7a8b0b966c80e7c49f0484c3b239764"
-  integrity sha512-iOqSav00cVxEEICeD7TjLB1sueEL+81Wpzp2bY17uZjZN0pWZPuo4suZ/61VujxmqSGFfgOcNuTZ85QJwNZQpw==
-  dependencies:
-    readable-stream "3"
-
-through@2, "through@>=2.2.7 <3", through@^2.3.4, through@^2.3.6:
-  version "2.3.8"
-  resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
-  integrity sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==
-
-tmp@^0.0.33:
-  version "0.0.33"
-  resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.33.tgz#6d34335889768d21b2bcda0aa277ced3b1bfadf9"
-  integrity sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==
-  dependencies:
-    os-tmpdir "~1.0.2"
-
-tmpl@1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.5.tgz#8683e0b902bb9c20c4f726e3c0b69f36518c07cc"
-  integrity sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==
-
-to-fast-properties@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz#dc5e698cbd079265bc73e0377681a4e4e83f616e"
-  integrity sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==
-
-to-regex-range@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
-  integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
-  dependencies:
-    is-number "^7.0.0"
-
-token-stream@1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/token-stream/-/token-stream-1.0.0.tgz#cc200eab2613f4166d27ff9afc7ca56d49df6eb4"
-  integrity sha512-VSsyNPPW74RpHwR8Fc21uubwHY7wMDeJLys2IX5zJNih+OnAnaifKHo+1LHT7DAdloQ7apeaaWg8l7qnf/TnEg==
-
-toml@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/toml/-/toml-3.0.0.tgz#342160f1af1904ec9d204d03a5d61222d762c5ee"
-  integrity sha512-y/mWCZinnvxjTKYhJ+pYxwD0mRLVvOtdS2Awbgxln6iEnt4rk0yBxeSBHkGJcPucRiG0e55mwWp+g/05rsrd6w==
-
-tough-cookie@^4.1.2:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-4.1.2.tgz#e53e84b85f24e0b65dd526f46628db6c85f6b874"
-  integrity sha512-G9fqXWoYFZgTc2z8Q5zaHy/vJMjm+WV0AkAeHxVCQiEB1b+dGvWzFW6QV07cY5jQ5gRkeid2qIkzkxUnmoQZUQ==
-  dependencies:
-    psl "^1.1.33"
-    punycode "^2.1.1"
-    universalify "^0.2.0"
-    url-parse "^1.5.3"
-
-tough-cookie@~2.5.0:
-  version "2.5.0"
-  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.5.0.tgz#cd9fb2a0aa1d5a12b473bd9fb96fa3dcff65ade2"
-  integrity sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==
-  dependencies:
-    psl "^1.1.28"
-    punycode "^2.1.1"
-
-tr46@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/tr46/-/tr46-2.1.0.tgz#fa87aa81ca5d5941da8cbf1f9b749dc969a4e240"
-  integrity sha512-15Ih7phfcdP5YxqiB+iDtLoaTz4Nd35+IiAv0kQ5FNKHzXgdWqPoTIqEDDJmXceQt4JZk6lVPT8lnDlPpGDppw==
-  dependencies:
-    punycode "^2.1.1"
-
-tr46@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/tr46/-/tr46-3.0.0.tgz#555c4e297a950617e8eeddef633c87d4d9d6cbf9"
-  integrity sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==
-  dependencies:
-    punycode "^2.1.1"
-
-tr46@~0.0.3:
-  version "0.0.3"
-  resolved "https://registry.yarnpkg.com/tr46/-/tr46-0.0.3.tgz#8184fd347dac9cdc185992f3a6622e14b9d9ab6a"
-  integrity sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==
-
-trim-newlines@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/trim-newlines/-/trim-newlines-3.0.1.tgz#260a5d962d8b752425b32f3a7db0dcacd176c144"
-  integrity sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==
-
-ts-debounce@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/ts-debounce/-/ts-debounce-4.0.0.tgz#33440ef64fab53793c3d546a8ca6ae539ec15841"
-  integrity sha512-+1iDGY6NmOGidq7i7xZGA4cm8DAa6fqdYcvO5Z6yBevH++Bdo9Qt/mN0TzHUgcCcKv1gmh9+W5dHqz8pMWbCbg==
-
-ts-jest@^29.0.5:
-  version "29.0.5"
-  resolved "https://registry.yarnpkg.com/ts-jest/-/ts-jest-29.0.5.tgz#c5557dcec8fe434fcb8b70c3e21c6b143bfce066"
-  integrity sha512-PL3UciSgIpQ7f6XjVOmbi96vmDHUqAyqDr8YxzopDqX3kfgYtX1cuNeBjP+L9sFXi6nzsGGA6R3fP3DDDJyrxA==
-  dependencies:
-    bs-logger "0.x"
-    fast-json-stable-stringify "2.x"
-    jest-util "^29.0.0"
-    json5 "^2.2.3"
-    lodash.memoize "4.x"
-    make-error "1.x"
-    semver "7.x"
-    yargs-parser "^21.0.1"
-
-ts-map@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/ts-map/-/ts-map-1.0.3.tgz#1c4d218dec813d2103b7e04e4bcf348e1471c1ff"
-  integrity sha512-vDWbsl26LIcPGmDpoVzjEP6+hvHZkBkLW7JpvwbCv/5IYPJlsbzCVXY3wsCeAxAUeTclNOUZxnLdGh3VBD/J6w==
-
-tsconfig@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/tsconfig/-/tsconfig-7.0.0.tgz#84538875a4dc216e5c4a5432b3a4dec3d54e91b7"
-  integrity sha512-vZXmzPrL+EmC4T/4rVlT2jNVMWCi/O4DIiSj3UHg1OE5kCKbk4mfrXc6dZksLgRM/TZlKnousKH9bbTazUWRRw==
-  dependencies:
-    "@types/strip-bom" "^3.0.0"
-    "@types/strip-json-comments" "0.0.30"
-    strip-bom "^3.0.0"
-    strip-json-comments "^2.0.0"
-
-tslib@^1.8.1, tslib@^1.9.0:
-  version "1.14.1"
-  resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
-  integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
-
-tslib@^2.0.1:
-  version "2.5.0"
-  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.5.0.tgz#42bfed86f5787aeb41d031866c8f402429e0fddf"
-  integrity sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==
-
-tsutils@^3.21.0:
-  version "3.21.0"
-  resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-3.21.0.tgz#b48717d394cea6c1e096983eed58e9d61715b623"
-  integrity sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==
-  dependencies:
-    tslib "^1.8.1"
-
-tunnel-agent@^0.6.0:
-  version "0.6.0"
-  resolved "https://registry.yarnpkg.com/tunnel-agent/-/tunnel-agent-0.6.0.tgz#27a5dea06b36b04a0a9966774b290868f0fc40fd"
-  integrity sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==
-  dependencies:
-    safe-buffer "^5.0.1"
-
-tweetnacl@^0.14.3, tweetnacl@~0.14.0:
-  version "0.14.5"
-  resolved "https://registry.yarnpkg.com/tweetnacl/-/tweetnacl-0.14.5.tgz#5ae68177f192d4456269d108afa93ff8743f4f64"
-  integrity sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA==
-
-type-check@^0.4.0, type-check@~0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1"
-  integrity sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==
-  dependencies:
-    prelude-ls "^1.2.1"
-
-type-check@~0.3.2:
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.3.2.tgz#5884cab512cf1d355e3fb784f30804b2b520db72"
-  integrity sha512-ZCmOJdvOWDBYJlzAoFkC+Q0+bUyEOS1ltgp1MGU03fqHG+dbi9tBFU2Rd9QKiDZFAYrhPh2JUf7rZRIuHRKtOg==
-  dependencies:
-    prelude-ls "~1.1.2"
-
-type-detect@4.0.8:
-  version "4.0.8"
-  resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-4.0.8.tgz#7646fb5f18871cfbb7749e69bd39a6388eb7450c"
-  integrity sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==
-
-type-fest@^0.18.0:
-  version "0.18.1"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.18.1.tgz#db4bc151a4a2cf4eebf9add5db75508db6cc841f"
-  integrity sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==
-
-type-fest@^0.20.2:
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.20.2.tgz#1bf207f4b28f91583666cb5fbd327887301cd5f4"
-  integrity sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==
-
-type-fest@^0.21.3:
-  version "0.21.3"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.21.3.tgz#d260a24b0198436e133fa26a524a6d65fa3b2e37"
-  integrity sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==
-
-type-fest@^0.4.1:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.4.1.tgz#8bdf77743385d8a4f13ba95f610f5ccd68c728f8"
-  integrity sha512-IwzA/LSfD2vC1/YDYMv/zHP4rDF1usCwllsDpbolT3D4fUepIO7f9K70jjmUewU/LmGUKJcwcVtDCpnKk4BPMw==
-
-type-fest@^0.6.0:
-  version "0.6.0"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.6.0.tgz#8d2a2370d3df886eb5c90ada1c5bf6188acf838b"
-  integrity sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==
-
-type-fest@^0.8.1:
-  version "0.8.1"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.8.1.tgz#09e249ebde851d3b1e48d27c105444667f17b83d"
-  integrity sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==
-
-typed-array-length@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/typed-array-length/-/typed-array-length-1.0.4.tgz#89d83785e5c4098bec72e08b319651f0eac9c1bb"
-  integrity sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==
-  dependencies:
-    call-bind "^1.0.2"
-    for-each "^0.3.3"
-    is-typed-array "^1.1.9"
-
-typedarray-to-buffer@^3.1.5:
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz#a97ee7a9ff42691b9f783ff1bc5112fe3fca9080"
-  integrity sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==
-  dependencies:
-    is-typedarray "^1.0.0"
-
-typedarray@^0.0.6:
-  version "0.0.6"
-  resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
-  integrity sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==
-
-typescript@^4.9.5:
-  version "4.9.5"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.9.5.tgz#095979f9bcc0d09da324d58d03ce8f8374cbe65a"
-  integrity sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==
-
-uc.micro@^1.0.1, uc.micro@^1.0.5:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/uc.micro/-/uc.micro-1.0.6.tgz#9c411a802a409a91fc6cf74081baba34b24499ac"
-  integrity sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA==
-
-uglify-js@^3.1.4:
-  version "3.17.4"
-  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.17.4.tgz#61678cf5fa3f5b7eb789bb345df29afb8257c22c"
-  integrity sha512-T9q82TJI9e/C1TAxYvfb16xO120tMVFZrGA3f9/P4424DNu6ypK103y0GPFVa17yotwSyZW5iYXgjYHkGrJW/g==
-
-uid-number@0.0.6:
-  version "0.0.6"
-  resolved "https://registry.yarnpkg.com/uid-number/-/uid-number-0.0.6.tgz#0ea10e8035e8eb5b8e4449f06da1c730663baa81"
-  integrity sha512-c461FXIljswCuscZn67xq9PpszkPT6RjheWFQTgCyabJrTUozElanb0YEqv2UGgk247YpcJkFBuSGNvBlpXM9w==
-
-umask@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/umask/-/umask-1.1.0.tgz#f29cebf01df517912bb58ff9c4e50fde8e33320d"
-  integrity sha512-lE/rxOhmiScJu9L6RTNVgB/zZbF+vGC0/p6D3xnkAePI2o0sMyFG966iR5Ki50OI/0mNi2yaRnxfLsPmEZF/JA==
-
-unbox-primitive@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.0.2.tgz#29032021057d5e6cdbd08c5129c226dff8ed6f9e"
-  integrity sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==
-  dependencies:
-    call-bind "^1.0.2"
-    has-bigints "^1.0.2"
-    has-symbols "^1.0.3"
-    which-boxed-primitive "^1.0.2"
-
-unique-filename@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/unique-filename/-/unique-filename-1.1.1.tgz#1d69769369ada0583103a1e6ae87681b56573230"
-  integrity sha512-Vmp0jIp2ln35UTXuryvjzkjGdRyf9b2lTXuSYUiPmzRcl3FDtYqAwOnTJkAngD9SWhnoJzDbTKwaOrZ+STtxNQ==
-  dependencies:
-    unique-slug "^2.0.0"
-
-unique-slug@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/unique-slug/-/unique-slug-2.0.2.tgz#baabce91083fc64e945b0f3ad613e264f7cd4e6c"
-  integrity sha512-zoWr9ObaxALD3DOPfjPSqxt4fnZiWblxHIgeWqW8x7UqDzEtHEQLzji2cuJYQFCU6KmoJikOYAZlrTHHebjx2w==
-  dependencies:
-    imurmurhash "^0.1.4"
-
-universal-user-agent@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/universal-user-agent/-/universal-user-agent-6.0.0.tgz#3381f8503b251c0d9cd21bc1de939ec9df5480ee"
-  integrity sha512-isyNax3wXoKaulPDZWHQqbmIx1k2tb9fb3GGDBRxCscfYV2Ch7WxPArBsFEG8s/safwXTT7H4QGhaIkTp9447w==
-
-universalify@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.2.0.tgz#6451760566fa857534745ab1dde952d1b1761be0"
-  integrity sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==
-
-universalify@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.0.tgz#75a4984efedc4b08975c5aeb73f530d02df25717"
-  integrity sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==
-
-upath@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/upath/-/upath-2.0.1.tgz#50c73dea68d6f6b990f51d279ce6081665d61a8b"
-  integrity sha512-1uEe95xksV1O0CYKXo8vQvN1JEbtJp7lb7C5U9HMsIp6IVwntkH/oNUzyVNQSd4S1sYk2FpSSW44FqMc8qee5w==
-
-update-browserslist-db@^1.0.10:
-  version "1.0.10"
-  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.10.tgz#0f54b876545726f17d00cd9a2561e6dade943ff3"
-  integrity sha512-OztqDenkfFkbSG+tRxBeAnCVPckDBcvibKd35yDONx6OU8N7sqgwc7rCbkJ/WcYtVRZ4ba68d6byhC21GFh7sQ==
-  dependencies:
-    escalade "^3.1.1"
-    picocolors "^1.0.0"
-
-uri-js@^4.2.2:
-  version "4.4.1"
-  resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.4.1.tgz#9b1a52595225859e55f669d928f88c6c57f2a77e"
-  integrity sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==
-  dependencies:
-    punycode "^2.1.0"
-
-url-parse@^1.5.3:
-  version "1.5.10"
-  resolved "https://registry.yarnpkg.com/url-parse/-/url-parse-1.5.10.tgz#9d3c2f736c1d75dd3bd2be507dcc111f1e2ea9c1"
-  integrity sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==
-  dependencies:
-    querystringify "^2.1.1"
-    requires-port "^1.0.0"
-
-util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
-  integrity sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==
-
-util-promisify@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/util-promisify/-/util-promisify-2.1.0.tgz#3c2236476c4d32c5ff3c47002add7c13b9a82a53"
-  integrity sha512-K+5eQPYs14b3+E+hmE2J6gCZ4JmMl9DbYS6BeP2CHq6WMuNxErxf5B/n0fz85L8zUuoO6rIzNNmIQDu/j+1OcA==
-  dependencies:
-    object.getownpropertydescriptors "^2.0.3"
-
-util@^0.12.0:
-  version "0.12.5"
-  resolved "https://registry.yarnpkg.com/util/-/util-0.12.5.tgz#5f17a6059b73db61a875668781a1c2b136bd6fbc"
-  integrity sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==
-  dependencies:
-    inherits "^2.0.3"
-    is-arguments "^1.0.4"
-    is-generator-function "^1.0.7"
-    is-typed-array "^1.1.3"
-    which-typed-array "^1.1.2"
-
-uuid@^3.3.2:
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.4.0.tgz#b23e4358afa8a202fe7a100af1f5f883f02007ee"
-  integrity sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==
-
-v8-to-istanbul@^9.0.1:
-  version "9.1.0"
-  resolved "https://registry.yarnpkg.com/v8-to-istanbul/-/v8-to-istanbul-9.1.0.tgz#1b83ed4e397f58c85c266a570fc2558b5feb9265"
-  integrity sha512-6z3GW9x8G1gd+JIIgQQQxXuiJtCXeAjp6RaPEPLv62mH3iPHPxV6W3robxtCzNErRo6ZwTmzWhsbNvjyEBKzKA==
-  dependencies:
-    "@jridgewell/trace-mapping" "^0.3.12"
-    "@types/istanbul-lib-coverage" "^2.0.1"
-    convert-source-map "^1.6.0"
-
-validate-npm-package-license@^3.0.1, validate-npm-package-license@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz#fc91f6b9c7ba15c857f4cb2c5defeec39d4f410a"
-  integrity sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==
-  dependencies:
-    spdx-correct "^3.0.0"
-    spdx-expression-parse "^3.0.0"
-
-validate-npm-package-name@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/validate-npm-package-name/-/validate-npm-package-name-3.0.0.tgz#5fa912d81eb7d0c74afc140de7317f0ca7df437e"
-  integrity sha512-M6w37eVCMMouJ9V/sdPGnC5H4uDr73/+xdq0FBLO3TFFX1+7wiUY6Es328NN+y43tmY+doUdN9g9J21vqB7iLw==
-  dependencies:
-    builtins "^1.0.3"
-
-verror@1.10.0:
-  version "1.10.0"
-  resolved "https://registry.yarnpkg.com/verror/-/verror-1.10.0.tgz#3a105ca17053af55d6e270c1f8288682e18da400"
-  integrity sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw==
-  dependencies:
-    assert-plus "^1.0.0"
-    core-util-is "1.0.2"
-    extsprintf "^1.2.0"
-
-vite@~2.9.1:
-  version "2.9.15"
-  resolved "https://registry.yarnpkg.com/vite/-/vite-2.9.15.tgz#2858dd5b2be26aa394a283e62324281892546f0b"
-  integrity sha512-fzMt2jK4vQ3yK56te3Kqpkaeq9DkcZfBbzHwYpobasvgYmP2SoAr6Aic05CsB4CzCZbsDv4sujX3pkEGhLabVQ==
-  dependencies:
-    esbuild "^0.14.27"
-    postcss "^8.4.13"
-    resolve "^1.22.0"
-    rollup ">=2.59.0 <2.78.0"
-  optionalDependencies:
-    fsevents "~2.3.2"
-
-void-elements@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/void-elements/-/void-elements-3.1.0.tgz#614f7fbf8d801f0bb5f0661f5b2f5785750e4f09"
-  integrity sha512-Dhxzh5HZuiHQhbvTW9AMetFfBHDMYpo23Uo9btPXgdYP+3T5S+p+jgNy7spra+veYhBP2dCSgxR/i2Y02h5/6w==
-
-vue-demi@*:
-  version "0.13.11"
-  resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.13.11.tgz#7d90369bdae8974d87b1973564ad390182410d99"
-  integrity sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==
-
-vue-docgen-api@^4.64.1:
-  version "4.64.1"
-  resolved "https://registry.yarnpkg.com/vue-docgen-api/-/vue-docgen-api-4.64.1.tgz#d337dfa3ddea2ab8e980f88cc7612f1b1a943105"
-  integrity sha512-jbOf7ByE3Zvtuk+429Jorl+eIeh2aB2Fx1GUo3xJd1aByJWE8KDlSEa6b11PB1ze8f0sRUBraRDinICCk0KY7g==
-  dependencies:
-    "@babel/parser" "^7.13.12"
-    "@babel/types" "^7.18.8"
-    "@vue/compiler-dom" "^3.2.0"
-    "@vue/compiler-sfc" "^3.2.0"
-    ast-types "0.14.2"
-    hash-sum "^2.0.0"
-    lru-cache "^8.0.3"
-    pug "^3.0.2"
-    recast "0.22.0"
-    ts-map "^1.0.3"
-    vue-inbrowser-compiler-independent-utils "^4.64.1"
-
-vue-docgen-cli@^4.57.1:
-  version "4.65.0"
-  resolved "https://registry.yarnpkg.com/vue-docgen-cli/-/vue-docgen-cli-4.65.0.tgz#ce68e7240a6c15a1c9dd7f105cb9a614b0681668"
-  integrity sha512-uu3+80j6RvY6q7xaCRLe3gnnds/79Go0wUub9kskxAujhaoZDsPuvBLQSwp1O0EBQkzFGMjACjwgRO8pF66xzg==
-  dependencies:
-    chokidar "^3.5.1"
-    globby "^11.1.0"
-    lodash.memoize "4.1.2"
-    loglevel "^1.8.1"
-    minimist "^1.2.5"
-    prettier "^2.8.4"
-    vue-docgen-api "^4.64.1"
-
-vue-eslint-parser@^9.0.0, vue-eslint-parser@^9.0.1:
-  version "9.1.0"
-  resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-9.1.0.tgz#0e121d1bb29bd10763c83e3cc583ee03434a9dd5"
-  integrity sha512-NGn/iQy8/Wb7RrRa4aRkokyCZfOUWk19OP5HP6JEozQFX5AoS/t+Z0ZN7FY4LlmWc4FNI922V7cvX28zctN8dQ==
-  dependencies:
-    debug "^4.3.4"
-    eslint-scope "^7.1.1"
-    eslint-visitor-keys "^3.3.0"
-    espree "^9.3.1"
-    esquery "^1.4.0"
-    lodash "^4.17.21"
-    semver "^7.3.6"
-
-vue-inbrowser-compiler-independent-utils@^4.64.1:
-  version "4.64.1"
-  resolved "https://registry.yarnpkg.com/vue-inbrowser-compiler-independent-utils/-/vue-inbrowser-compiler-independent-utils-4.64.1.tgz#4dd4d9b7f138c45eae2d2d2e5b0da3f73285c30e"
-  integrity sha512-Hn32n07XZ8j9W8+fmOXPQL+i+W2e/8i6mkH4Ju3H6nR0+cfvmWM95GhczYi5B27+Y8JlCKgAo04IUiYce4mKAw==
-
-vue-router@^4.0.14:
-  version "4.1.6"
-  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.1.6.tgz#b70303737e12b4814578d21d68d21618469375a1"
-  integrity sha512-DYWYwsG6xNPmLq/FmZn8Ip+qrhFEzA14EI12MsMgVxvHFDYvlr4NXpVF5hrRH1wVcDP8fGi5F4rxuJSl8/r+EQ==
-  dependencies:
-    "@vue/devtools-api" "^6.4.5"
-
-vue-types@^5.0.2:
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/vue-types/-/vue-types-5.0.2.tgz#d04966bd416510db878f23030014f424a2e6378e"
-  integrity sha512-+/5hnQ65XOYqPs+tEUF8GGTJX95UFVH0wPQo71IJJYh5TKMfik2tGKTLkZ42JqAczANA9hGu5FrZmPgxn20nnA==
-  dependencies:
-    is-plain-object "5.0.0"
-
-vue@^3.2.31, vue@^3.2.47:
-  version "3.2.47"
-  resolved "https://registry.yarnpkg.com/vue/-/vue-3.2.47.tgz#3eb736cbc606fc87038dbba6a154707c8a34cff0"
-  integrity sha512-60188y/9Dc9WVrAZeUVSDxRQOZ+z+y5nO2ts9jWXSTkMvayiWxCWOWtBQoYjLeccfXkiiPZWAHcV+WTPhkqJHQ==
-  dependencies:
-    "@vue/compiler-dom" "3.2.47"
-    "@vue/compiler-sfc" "3.2.47"
-    "@vue/runtime-dom" "3.2.47"
-    "@vue/server-renderer" "3.2.47"
-    "@vue/shared" "3.2.47"
-
-vuepress-vite@2.0.0-beta.38:
-  version "2.0.0-beta.38"
-  resolved "https://registry.yarnpkg.com/vuepress-vite/-/vuepress-vite-2.0.0-beta.38.tgz#d1aa7badecc3686bf77ed5665614b243d8f37d6c"
-  integrity sha512-jta0bZx+5smMkHI2s7bq+PJdvFK2jn08UsNL81IdLPNw34zwpdRthfT2v2lqtZnJOe2/E4ktWAhzwS3Oxu2GCw==
-  dependencies:
-    "@vuepress/bundler-vite" "2.0.0-beta.38"
-    "@vuepress/cli" "2.0.0-beta.38"
-    "@vuepress/core" "2.0.0-beta.38"
-    "@vuepress/theme-default" "2.0.0-beta.38"
-
-vuepress@2.0.0-beta.38:
-  version "2.0.0-beta.38"
-  resolved "https://registry.yarnpkg.com/vuepress/-/vuepress-2.0.0-beta.38.tgz#399a8f11809b27dbe6bdd0e7b20e27497a9521c9"
-  integrity sha512-NM6ekt5/aBsfPsp1VzuR8dEnia1nicmxFus/HMAe1x222jFGIr6XbX89jYYJuaPFMA4QwMcblY/PD6MCE65SrQ==
-  dependencies:
-    vuepress-vite "2.0.0-beta.38"
-
-w3c-xmlserializer@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz#aebdc84920d806222936e3cdce408e32488a3073"
-  integrity sha512-d+BFHzbiCx6zGfz0HyQ6Rg69w9k19nviJspaj4yNscGjrHu94sVP+aRm75yEbCh+r2/yR+7q6hux9LVtbuTGBw==
-  dependencies:
-    xml-name-validator "^4.0.0"
-
-walker@^1.0.8:
-  version "1.0.8"
-  resolved "https://registry.yarnpkg.com/walker/-/walker-1.0.8.tgz#bd498db477afe573dc04185f011d3ab8a8d7653f"
-  integrity sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==
-  dependencies:
-    makeerror "1.0.12"
-
-wcwidth@^1.0.0, wcwidth@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/wcwidth/-/wcwidth-1.0.1.tgz#f0b0dcf915bc5ff1528afadb2c0e17b532da2fe8"
-  integrity sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==
-  dependencies:
-    defaults "^1.0.3"
-
-webidl-conversions@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz#24534275e2a7bc6be7bc86611cc16ae0a5654871"
-  integrity sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==
-
-webidl-conversions@^6.1.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-6.1.0.tgz#9111b4d7ea80acd40f5270d666621afa78b69514"
-  integrity sha512-qBIvFLGiBpLjfwmYAaHPXsn+ho5xZnGvyGvsarywGNc8VyQJUMHJ8OBKGGrPER0okBeMDaan4mNBlgBROxuI8w==
-
-webidl-conversions@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-7.0.0.tgz#256b4e1882be7debbf01d05f0aa2039778ea080a"
-  integrity sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==
-
-whatwg-encoding@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz#e7635f597fd87020858626805a2729fa7698ac53"
-  integrity sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==
-  dependencies:
-    iconv-lite "0.6.3"
-
-whatwg-mimetype@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz#5fa1a7623867ff1af6ca3dc72ad6b8a4208beba7"
-  integrity sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==
-
-whatwg-url@^11.0.0:
-  version "11.0.0"
-  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-11.0.0.tgz#0a849eebb5faf2119b901bb76fd795c2848d4018"
-  integrity sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==
-  dependencies:
-    tr46 "^3.0.0"
-    webidl-conversions "^7.0.0"
-
-whatwg-url@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-5.0.0.tgz#966454e8765462e37644d3626f6742ce8b70965d"
-  integrity sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==
-  dependencies:
-    tr46 "~0.0.3"
-    webidl-conversions "^3.0.0"
-
-whatwg-url@^8.4.0:
-  version "8.7.0"
-  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-8.7.0.tgz#656a78e510ff8f3937bc0bcbe9f5c0ac35941b77"
-  integrity sha512-gAojqb/m9Q8a5IV96E3fHJM70AzCkgt4uXYX2O7EmuyOnLrViCQlsEBmF9UQIu3/aeAIp2U17rtbpZWNntQqdg==
-  dependencies:
-    lodash "^4.7.0"
-    tr46 "^2.1.0"
-    webidl-conversions "^6.1.0"
-
-which-boxed-primitive@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz#13757bc89b209b049fe5d86430e21cf40a89a8e6"
-  integrity sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==
-  dependencies:
-    is-bigint "^1.0.1"
-    is-boolean-object "^1.1.0"
-    is-number-object "^1.0.4"
-    is-string "^1.0.5"
-    is-symbol "^1.0.3"
-
-which-typed-array@^1.1.2, which-typed-array@^1.1.9:
-  version "1.1.9"
-  resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.9.tgz#307cf898025848cf995e795e8423c7f337efbde6"
-  integrity sha512-w9c4xkx6mPidwp7180ckYWfMmvxpjlZuIudNtDf4N/tTAUB8VJbX25qZoAsrtGuYNnGw3pa0AXgbGKRB8/EceA==
-  dependencies:
-    available-typed-arrays "^1.0.5"
-    call-bind "^1.0.2"
-    for-each "^0.3.3"
-    gopd "^1.0.1"
-    has-tostringtag "^1.0.0"
-    is-typed-array "^1.1.10"
-
-which@^1.3.1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a"
-  integrity sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==
-  dependencies:
-    isexe "^2.0.0"
-
-which@^2.0.1, which@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
-  integrity sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==
-  dependencies:
-    isexe "^2.0.0"
-
-wide-align@^1.1.0:
-  version "1.1.5"
-  resolved "https://registry.yarnpkg.com/wide-align/-/wide-align-1.1.5.tgz#df1d4c206854369ecf3c9a4898f1b23fbd9d15d3"
-  integrity sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==
-  dependencies:
-    string-width "^1.0.2 || 2 || 3 || 4"
-
-with@^7.0.0:
-  version "7.0.2"
-  resolved "https://registry.yarnpkg.com/with/-/with-7.0.2.tgz#ccee3ad542d25538a7a7a80aad212b9828495bac"
-  integrity sha512-RNGKj82nUPg3g5ygxkQl0R937xLyho1J24ItRCBTr/m1YnZkzJy1hUiHUJrc/VlsDQzsCnInEGSg3bci0Lmd4w==
-  dependencies:
-    "@babel/parser" "^7.9.6"
-    "@babel/types" "^7.9.6"
-    assert-never "^1.2.1"
-    babel-walk "3.0.0-canary-5"
-
-word-wrap@^1.2.3, word-wrap@~1.2.3:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.3.tgz#610636f6b1f703891bd34771ccb17fb93b47079c"
-  integrity sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==
-
-wordwrap@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb"
-  integrity sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==
-
-wrap-ansi@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
-  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
-  dependencies:
-    ansi-styles "^4.0.0"
-    string-width "^4.1.0"
-    strip-ansi "^6.0.0"
-
-wrappy@1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
-  integrity sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==
-
-write-file-atomic@^2.4.2:
-  version "2.4.3"
-  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-2.4.3.tgz#1fd2e9ae1df3e75b8d8c367443c692d4ca81f481"
-  integrity sha512-GaETH5wwsX+GcnzhPgKcKjJ6M2Cq3/iZp1WyY/X1CSqrW+jVNM9Y7D8EC2sM4ZG/V8wZlSniJnCKWPmBYAucRQ==
-  dependencies:
-    graceful-fs "^4.1.11"
-    imurmurhash "^0.1.4"
-    signal-exit "^3.0.2"
-
-write-file-atomic@^3.0.0, write-file-atomic@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-3.0.3.tgz#56bd5c5a5c70481cd19c571bd39ab965a5de56e8"
-  integrity sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==
-  dependencies:
-    imurmurhash "^0.1.4"
-    is-typedarray "^1.0.0"
-    signal-exit "^3.0.2"
-    typedarray-to-buffer "^3.1.5"
-
-write-file-atomic@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-4.0.2.tgz#a9df01ae5b77858a027fd2e80768ee433555fcfd"
-  integrity sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg==
-  dependencies:
-    imurmurhash "^0.1.4"
-    signal-exit "^3.0.7"
-
-write-json-file@^3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/write-json-file/-/write-json-file-3.2.0.tgz#65bbdc9ecd8a1458e15952770ccbadfcff5fe62a"
-  integrity sha512-3xZqT7Byc2uORAatYiP3DHUUAVEkNOswEWNs9H5KXiicRTvzYzYqKjYc4G7p+8pltvAw641lVByKVtMpf+4sYQ==
-  dependencies:
-    detect-indent "^5.0.0"
-    graceful-fs "^4.1.15"
-    make-dir "^2.1.0"
-    pify "^4.0.1"
-    sort-keys "^2.0.0"
-    write-file-atomic "^2.4.2"
-
-write-json-file@^4.3.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/write-json-file/-/write-json-file-4.3.0.tgz#908493d6fd23225344af324016e4ca8f702dd12d"
-  integrity sha512-PxiShnxf0IlnQuMYOPPhPkhExoCQuTUNPOa/2JWCYTmBquU9njyyDuwRKN26IZBlp4yn1nt+Agh2HOOBl+55HQ==
-  dependencies:
-    detect-indent "^6.0.0"
-    graceful-fs "^4.1.15"
-    is-plain-obj "^2.0.0"
-    make-dir "^3.0.0"
-    sort-keys "^4.0.0"
-    write-file-atomic "^3.0.0"
-
-write-pkg@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/write-pkg/-/write-pkg-4.0.0.tgz#675cc04ef6c11faacbbc7771b24c0abbf2a20039"
-  integrity sha512-v2UQ+50TNf2rNHJ8NyWttfm/EJUBWMJcx6ZTYZr6Qp52uuegWw/lBkCtCbnYZEmPRNL61m+u67dAmGxo+HTULA==
-  dependencies:
-    sort-keys "^2.0.0"
-    type-fest "^0.4.1"
-    write-json-file "^3.2.0"
-
-ws@^8.11.0:
-  version "8.13.0"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-8.13.0.tgz#9a9fb92f93cf41512a0735c8f4dd09b8a1211cd0"
-  integrity sha512-x9vcZYTrFPC7aSIbj7sRCYo7L/Xb8Iy+pW0ng0wt2vCJv7M9HOMy0UoN3rr+IFC7hb7vXoqS+P9ktyLLLhO+LA==
-
-xml-name-validator@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-4.0.0.tgz#79a006e2e63149a8600f15430f0a4725d1524835"
-  integrity sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==
-
-xmlchars@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/xmlchars/-/xmlchars-2.2.0.tgz#060fe1bcb7f9c76fe2a17db86a9bc3ab894210cb"
-  integrity sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==
-
-xtend@~4.0.1:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54"
-  integrity sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==
-
-y18n@^5.0.5:
-  version "5.0.8"
-  resolved "https://registry.yarnpkg.com/y18n/-/y18n-5.0.8.tgz#7f4934d0f7ca8c56f95314939ddcd2dd91ce1d55"
-  integrity sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==
-
-yallist@^2.1.2:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/yallist/-/yallist-2.1.2.tgz#1c11f9218f076089a47dd512f93c6699a6a81d52"
-  integrity sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==
-
-yallist@^3.0.0, yallist@^3.0.2, yallist@^3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
-  integrity sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==
-
-yallist@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
-  integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
-
-yaml@^1.10.0:
-  version "1.10.2"
-  resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
-  integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
-
-yargs-parser@20.2.4:
-  version "20.2.4"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.4.tgz#b42890f14566796f85ae8e3a25290d205f154a54"
-  integrity sha512-WOkpgNhPTlE73h4VFAFsOnomJVaovO8VqLDzy5saChRBFQFBoMYirowyW+Q9HB4HFF4Z7VZTiG3iSzJJA29yRA==
-
-yargs-parser@^20.2.2, yargs-parser@^20.2.3:
-  version "20.2.9"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.9.tgz#2eb7dc3b0289718fc295f362753845c41a0c94ee"
-  integrity sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==
-
-yargs-parser@^21.0.1, yargs-parser@^21.1.1:
-  version "21.1.1"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-21.1.1.tgz#9096bceebf990d21bb31fa9516e0ede294a77d35"
-  integrity sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==
-
-yargs@^16.2.0:
-  version "16.2.0"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-16.2.0.tgz#1c82bf0f6b6a66eafce7ef30e376f49a12477f66"
-  integrity sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==
-  dependencies:
-    cliui "^7.0.2"
-    escalade "^3.1.1"
-    get-caller-file "^2.0.5"
-    require-directory "^2.1.1"
-    string-width "^4.2.0"
-    y18n "^5.0.5"
-    yargs-parser "^20.2.2"
-
-yargs@^17.3.1:
-  version "17.7.1"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.7.1.tgz#34a77645201d1a8fc5213ace787c220eabbd0967"
-  integrity sha512-cwiTb08Xuv5fqF4AovYacTFNxk62th7LKJ6BL9IGUpTJrWoU7/7WdQGTP2SjKf1dUNBGzDd28p/Yfs/GI6JrLw==
-  dependencies:
-    cliui "^8.0.1"
-    escalade "^3.1.1"
-    get-caller-file "^2.0.5"
-    require-directory "^2.1.1"
-    string-width "^4.2.3"
-    y18n "^5.0.5"
-    yargs-parser "^21.1.1"
-
-yocto-queue@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
-  integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==

From c58dcab6d2a9509ba21a0391adad95d9b4fa53af Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@coreui.io>
Date: Tue, 28 Mar 2023 15:26:24 +0200
Subject: [PATCH 088/346] chore: ignore yarn.lock

---
 .gitignore | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.gitignore b/.gitignore
index d43867d5..054fb7a7 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,6 +2,7 @@
 coverage/
 dist/
 node_modules/
+yarn.lock
 
 # local env files
 .env.local

From d41df3b6744e8c2ed38aac1a18f365048ac92384 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@coreui.io>
Date: Tue, 28 Mar 2023 16:28:29 +0200
Subject: [PATCH 089/346] chore: clean-up

---
 CHANGELOG.md   | 282 -------------------------------------------------
 jest.config.js |  23 ----
 package.json   |  20 ++--
 3 files changed, 7 insertions(+), 318 deletions(-)
 delete mode 100644 CHANGELOG.md
 delete mode 100644 jest.config.js

diff --git a/CHANGELOG.md b/CHANGELOG.md
deleted file mode 100644
index b08b1844..00000000
--- a/CHANGELOG.md
+++ /dev/null
@@ -1,282 +0,0 @@
-# Changelog
-
-<!-- auto-changelog-above -->
-
-## [3.2.11](https://github.com/coreui/coreui-vue/compare/3.2.9...3.2.11)
-
-> 21 May 2021
-
-### Changed
-
-- chore: dependencies update [`da10ba8`](https://github.com/coreui/coreui-vue/commit/da10ba852759a3b7e96cd8ca848e91439d457c38)
-- test(CDataTable): snapshot update [`d1198cd`](https://github.com/coreui/coreui-vue/commit/d1198cd331038d366fc4bedb223c442310f900b0)
-- test(CDropdown): emits click on split button click [`807eba6`](https://github.com/coreui/coreui-vue/commit/807eba6771d4d8e37ec4dbe4c940491c3b937654)
-- Add new function to emit on splitButtonPress [`adba664`](https://github.com/coreui/coreui-vue/commit/adba664fdd16e623f2b40cae1ff9876bf75ef23c)
-- fix(CDataTable): rtl margins for labels and cleaner icon [`578a76c`](https://github.com/coreui/coreui-vue/commit/578a76cb1b18ca9292ea6be0b10633dc86dd3e39)
-- feat: additional dialog classes property for CModal.vue [`0253d98`](https://github.com/coreui/coreui-vue/commit/0253d98594528cf19d734bfdaee4d7b6edce7777)
-- chore: 3.2.11 version release [`f0c5210`](https://github.com/coreui/coreui-vue/commit/f0c5210816e9fa1b798c72ba6faac3bfe22d6907)
-- Fix RTL direction margin [`3b9ea32`](https://github.com/coreui/coreui-vue/commit/3b9ea32f3ab8751be8b52b3d6f1ac6d6d09ba0b7)
-- fix(CModal): add scrollable prop to index.d.ts [`f9d15ba`](https://github.com/coreui/coreui-vue/commit/f9d15bab5cb7fac519865af9c504098242687b28)
-
-
-### Fixed
-
-- feat(CDropdown): emit event on split dropdown button click - close #134 close #135 - thanks @rabrowne85 [`#134`](https://github.com/coreui/coreui-vue/issues/134) [`#135`](https://github.com/coreui/coreui-vue/issues/135)
-- fix(CDataTable): striped style not working with details slot [`#127`](https://github.com/coreui/coreui-vue/issues/127) [`#77`](https://github.com/coreui/coreui-vue/issues/77)
-- fix(CDataTable): v-else without v-if breaking Parcel - thanks @adamshaylor [`#143`](https://github.com/coreui/coreui-vue/issues/143) [`#144`](https://github.com/coreui/coreui-vue/issues/144)
-- Merge fix(CDataTable): rtl margins - closes #145 thanks @seddighi78 [`#145`](https://github.com/coreui/coreui-vue/issues/145)
-## [3.2.9](https://github.com/coreui/coreui-vue/compare/3.2.7...3.2.9)
-
-> 11 March 2021
-
-### Changed
-
-- chore: dependencies update [`58808fc`](https://github.com/coreui/coreui-vue/commit/58808fca45cd275ea12db7a0713746af521ee4ca)
-- chore: 3.2.9 version release [`9ffeb6a`](https://github.com/coreui/coreui-vue/commit/9ffeb6add72ed77a43fd8a4c16d4dc7792872b07)
-- chore(workflows): update [`bb86013`](https://github.com/coreui/coreui-vue/commit/bb86013f324c51b810ee1af39a86a1f1d662830a)
-- chore: merge user pull request #141 [`45483c5`](https://github.com/coreui/coreui-vue/commit/45483c5afabb7f41ce2c4dcfcd995d92b6e93167)
-- fix(CDataTable): fixed issue with loading/no-items-slot [`91024bc`](https://github.com/coreui/coreui-vue/commit/91024bc759c9b0b17ab28dd2739bd9a2b1023db3)
-
-## [3.2.7](https://github.com/coreui/coreui-vue/compare/3.1.6...3.2.7)
-
-> 17 December 2020
-
-### Changed
-
-- chore: 3.2.7 version release [`94bb062`](https://github.com/coreui/coreui-vue/commit/94bb062091ff4c7bf3d3e22de8237f3aa1640a7b)
-- fix(CToast): add missing color prop [`1401dee`](https://github.com/coreui/coreui-vue/commit/1401dee57c1e7fea8ee0c0a4045294931d402a0e)
-- chore: dependencies udate [`b54b77f`](https://github.com/coreui/coreui-vue/commit/b54b77fc718a83bd192beb2ef5b75c728ae9c0d9)
-- fix(CToast): rtl margins for header and CButtonClose [`0d0c6c0`](https://github.com/coreui/coreui-vue/commit/0d0c6c0168d7495e26cc36f506c65855900560d5)
-
-## [3.1.6](https://github.com/coreui/coreui-vue/compare/3.1.5...3.1.6)
-
-> 11 December 2020
-
-### Changed
-
-- fix(CTooltip): tooltip shows up on title update [`6d1ba6c`](https://github.com/coreui/coreui-vue/commit/6d1ba6c4a0512466707ca07166e8525e0e650786)
-- chore: 3.1.6 version release [`85dfea5`](https://github.com/coreui/coreui-vue/commit/85dfea53e8b6dd2e2179ca1b08be2b4d290a2522)
-
-## [3.1.5](https://github.com/coreui/coreui-vue/compare/3.1.4...3.1.5)
-
-> 7 December 2020
-
-### Changed
-
-- chore: dependencies update [`dd02660`](https://github.com/coreui/coreui-vue/commit/dd02660767c8dc64bd9d50e77a70df685df3f2d3)
-- chore: project checks update [`599dc2e`](https://github.com/coreui/coreui-vue/commit/599dc2e09a012c234239b39424a77917404a356d)
-- fix(CTooltip): add missing updateTitle functionality [`ae9d901`](https://github.com/coreui/coreui-vue/commit/ae9d90113dab4253e84ee60bb729d7f9b1b0992a)
-- chore: 3.1.5 version release [`9d64c71`](https://github.com/coreui/coreui-vue/commit/9d64c71d249b43d644a7570e91d61889839787c5)
-
-## [3.1.4](https://github.com/coreui/coreui-vue/compare/3.1.3...3.1.4)
-
-> 26 October 2020
-
-### Changed
-
-- chore: dependencies update [`1054b62`](https://github.com/coreui/coreui-vue/commit/1054b62a757d13200e9d09f6e8e7795515bfecff)
-- chore: changelog fix [`f960204`](https://github.com/coreui/coreui-vue/commit/f960204203bedf2bb1505e92a24a815ad4e025f2)
-- fix: Add onKey to index.d.ts [`d5de0bf`](https://github.com/coreui/coreui-vue/commit/d5de0bf7747e9c79c47c3e7c854c751b1e9fc074)
-
-## [3.1.3](https://github.com/coreui/coreui-vue/compare/3.1.2...3.1.3)
-
-> 26 October 2020
-
-### Changed
-
-- fix: CCol and CModal [`539bc2e`](https://github.com/coreui/coreui-vue/commit/539bc2ecd96b01c1a7d62a9d1f6966fc84d504c9)
-- Update ISSUE_TEMPLATE.md [`898c9fa`](https://github.com/coreui/coreui-vue/commit/898c9fa54547237011330b87515f66b2f06a4bc6)
-- Update ISSUE_TEMPLATE.md [`93211e0`](https://github.com/coreui/coreui-vue/commit/93211e0245c70baf70b48f9f92733d080791a3af)
-- chore: 3.1.3 version release [`9c4da02`](https://github.com/coreui/coreui-vue/commit/9c4da021c48d66be632621a1ecf4fbf98fab7002)
-
-## [3.1.2](https://github.com/coreui/coreui-vue/compare/3.1.1...3.1.2)
-
-> 24 July 2020
-
-### Changed
-
-- chore: 3.1.2 version release [`3c8c082`](https://github.com/coreui/coreui-vue/commit/3c8c082f61f2daaa367c84ff6443fc0a207600d8)
-- fix: CDataTable disable auto removing  columnFilter #113 [`f2c6ebe`](https://github.com/coreui/coreui-vue/commit/f2c6ebe6fccbf9de9667351aabec76a3f04de0bd)
-
-## [3.1.1](https://github.com/coreui/coreui-vue/compare/3.1.0...3.1.1)
-
-> 8 July 2020
-
-### Changed
-
-- chore: 3.1.1 version release: update dependencies and changelog [`4fff8d2`](https://github.com/coreui/coreui-vue/commit/4fff8d27eb00382856f5a195f95da48c7ac62be3)
-- chore: update changelog to 3.1.0 [`a504c71`](https://github.com/coreui/coreui-vue/commit/a504c71c8649bd9fd2241717ce55e17faf9aa323)
-- fix: CModal: 'update:show' event - add third argument 'accept' #92 [`a91e4fd`](https://github.com/coreui/coreui-vue/commit/a91e4fdcfce3d0f88e239526f81b50699b2900f1)
-
-## [3.1.0](https://github.com/coreui/coreui-vue/compare/3.0.12...3.1.0)
-
-> 3 July 2020
-
-### Changed
-
-- chore: 3.1.0 version release: update dependencies and changelog [`b95424f`](https://github.com/coreui/coreui-vue/commit/b95424f5f401e0a6698ec1afa5b73ab787fb4f26)
-- feat: CDataTable: replace cleaner prop object with slot [`8976054`](https://github.com/coreui/coreui-vue/commit/89760547ca1a029588dbb8a8f18d05f1127f798a)
-- feat: CDataTable: add cleaner prop, update @coreui/icons [`cf58305`](https://github.com/coreui/coreui-vue/commit/cf583051863dfec9472bd2c449b4e29da6e3b355)
-- feat: CProgress: add size prop [`a056973`](https://github.com/coreui/coreui-vue/commit/a056973fbc22998b12b825d1f590f8df27ce108b)
-- fix: CDataTable: add aria-label attributes to inputs [`ede894f`](https://github.com/coreui/coreui-vue/commit/ede894f2fb695462e21ebe639c6cfebcddec1731)
-- feat: CListGroup: add accent functionality [`94256a1`](https://github.com/coreui/coreui-vue/commit/94256a16d98912f70007abc27956d0bbbb77c4b5)
-- chore: fix VSCode hints generator [`433a574`](https://github.com/coreui/coreui-vue/commit/433a574335701865a167a3f7817055d49e390140)
-- fix: CSidebarNavItem: fix icon computation [`02d5ffd`](https://github.com/coreui/coreui-vue/commit/02d5ffd2852a57af61f22afdf14ff10c31cc877a)
-- feat: CNav component: add tag prop and vertical breakpoint option [`9aa2400`](https://github.com/coreui/coreui-vue/commit/9aa2400218db0ae2d0e54f8184236ed7bce979ee)
-- feat: add CListGroupItemDivider wrapper component [`1a64352`](https://github.com/coreui/coreui-vue/commit/1a643520251c1630a001ad3c94d67acf8f37e2e6)
-- feat: CSidebarNavItem: add color prop [`3bb6c1f`](https://github.com/coreui/coreui-vue/commit/3bb6c1f366d57aadd73853619361f8f8e7df2217)
-- chore: update eslint rules and snapshots [`833d98a`](https://github.com/coreui/coreui-vue/commit/833d98a1ee004e9adb7ac121c773ea149186d20a)
-- fix: CDropdown: fix split button dropdowns positioning [`7bc7f96`](https://github.com/coreui/coreui-vue/commit/7bc7f964a5e7301891eade4cfd864af93ff90334)
-- chore: update workflows [`04efc0f`](https://github.com/coreui/coreui-vue/commit/04efc0f56e2279ab4d8254f4bc1b6184a663f57b)
-- refactor: CPagination: correct item key assignment [`2b1828c`](https://github.com/coreui/coreui-vue/commit/2b1828c05e3d39152051384e3f4289b57467d126)
-- chore: update snapshot [`5fa9531`](https://github.com/coreui/coreui-vue/commit/5fa95318937cab2a9e082103a6bbbc83cecd1b39)
-- feat: CWidgetIcon: add footer slot [`0e63428`](https://github.com/coreui/coreui-vue/commit/0e63428fccf3e21598750186b4378fd94c3e3815)
-
-## [3.0.12](https://github.com/coreui/coreui-vue/compare/3.0.11...3.0.12)
-
-> 2 June 2020
-
-### Changed
-
-- chore: 3.0.12 release: fix dependency @coreui/icons-vue [`a3c90f3`](https://github.com/coreui/coreui-vue/commit/a3c90f3f00392206cf73d8f100969d0a5f257642)
-
-## [3.0.11](https://github.com/coreui/coreui-vue/compare/3.0.10...3.0.11)
-
-> 28 May 2020
-
-### Changed
-
-- chore: 3.0.11 release: update packages [`0b4e388`](https://github.com/coreui/coreui-vue/commit/0b4e388ccc705760e4e7f01f2344055e3277e5af)
-- chore: update eslint-plugin-vue [`95d59a1`](https://github.com/coreui/coreui-vue/commit/95d59a1f224c093f2e497518ba7fdf818e7e6c68)
-- chore: downgrade eslint [`dd5544e`](https://github.com/coreui/coreui-vue/commit/dd5544e3710773d0bfe4da665b1cc899b5bfbcdf)
-- chore: lock @vue/test-utils version [`2c954b5`](https://github.com/coreui/coreui-vue/commit/2c954b51ac3636709c910d61f13882ec7f8e1362)
-- fix: CSelect: change input event to change, due to IE/edge support lack [`ef84a23`](https://github.com/coreui/coreui-vue/commit/ef84a23ca4a5f46c6854c8438d8a096505f14166)
-
-## [3.0.10](https://github.com/coreui/coreui-vue/compare/3.0.9...3.0.10)
-
-> 19 May 2020
-
-### Changed
-
-- chore: 3.0.10 release: fix typings [`98f53db`](https://github.com/coreui/coreui-vue/commit/98f53db11e268495e28cd1e0e1fac7d2fabf54af)
-
-## [3.0.9](https://github.com/coreui/coreui-vue/compare/3.0.8...3.0.9)
-
-> 18 May 2020
-
-### Changed
-
-- fix: update package-lock.json [`7062b4a`](https://github.com/coreui/coreui-vue/commit/7062b4a5eba014b812923ede70b108b297097ef9)
-- chore: 3.0.9 release: update dependencies, fix typings [`2bd63ff`](https://github.com/coreui/coreui-vue/commit/2bd63ffd32b3cfb3210b7401122645684996af87)
-- fix: CTooltip, CPopover: add legacy styles [`f3e81d5`](https://github.com/coreui/coreui-vue/commit/f3e81d5969f03417cde2505334a01935795dd900)
-- test: update [`080843f`](https://github.com/coreui/coreui-vue/commit/080843fbfb90474b2b647910771fdb748f0c37d6)
-- fix: downgrade eslint [`7acfab3`](https://github.com/coreui/coreui-vue/commit/7acfab3ad53f18d4a918d4c1cc23f1548873fd8b)
-- fix: fix hints generating script [`5bfe25c`](https://github.com/coreui/coreui-vue/commit/5bfe25c0a87544506a2a27dcfc6e6a446df62ec5)
-
-## [3.0.8](https://github.com/coreui/coreui-vue/compare/3.0.7...3.0.8)
-
-> 5 May 2020
-
-### Changed
-
-- chore: 3.0.8 release [`40a6ca9`](https://github.com/coreui/coreui-vue/commit/40a6ca90ccc429f288ea738ebd1c56e8f63c7be9)
-- fix: CSidebarNavItem: allow adding 'size' prop in 'icon' object #76 [`a1a8203`](https://github.com/coreui/coreui-vue/commit/a1a820385e8b2f190afa9c91628e9b1b0edf9fec)
-- fix: CSidebarNavDropdown: allow adding 'size' prop in 'icon' object #76 [`30ae677`](https://github.com/coreui/coreui-vue/commit/30ae6774b1983486c986593ccca2b751f1864645)
-- chore: update CSelect snapshot [`d5c600b`](https://github.com/coreui/coreui-vue/commit/d5c600b5d3f35b65ce216ac396db1a8be3fe21ee)
-- fix: CSelect: fix assigning falsy value #83 [`00574cf`](https://github.com/coreui/coreui-vue/commit/00574cf03d6008d86d96a01237dfd316fcd96c08)
-- fix: CSelect: allow restoring placeholder after reseting value [`02b0e5a`](https://github.com/coreui/coreui-vue/commit/02b0e5acf5ad4f90ee6f12949c0d695aee1b9d89)
-
-## [3.0.7](https://github.com/coreui/coreui-vue/compare/3.0.6...3.0.7)
-
-> 8 April 2020
-
-### Changed
-
-- chore: 3.0.7 release - update dependencies [`44244fd`](https://github.com/coreui/coreui-vue/commit/44244fdb65b90d3a61e64fb30791df98292d3863)
-- chore: 3.0.7 version release - update typings #80 [`58f3e45`](https://github.com/coreui/coreui-vue/commit/58f3e45f093e3284f8ff9c1a0afe26f00a6c60f3)
-
-## [3.0.6](https://github.com/coreui/coreui-vue/compare/3.0.5...3.0.6)
-
-> 7 April 2020
-
-### Changed
-
-- chore: 3.0.6 release - update dependencies [`2c6927e`](https://github.com/coreui/coreui-vue/commit/2c6927e1dbc080a3f34b855235af773b1760056a)
-- fix: CDataTable: fix header styles: [`603af02`](https://github.com/coreui/coreui-vue/commit/603af02123e9df76a3e8c1ab4740944f8ee02c89)
-- fix: CDropdownItem: fix closing dropdown when item is router link #79 [`0492be9`](https://github.com/coreui/coreui-vue/commit/0492be948091b81eb6ec34322096ff60b35bc58d)
-- feat: CDataTable, row-clicked event - add event object as argument [`89c1f8b`](https://github.com/coreui/coreui-vue/commit/89c1f8b70d3bc53507bae0a7940640bc500100f7)
-- chore: CBadge: delete doubled classes [`4c29500`](https://github.com/coreui/coreui-vue/commit/4c29500a94c15120ccc00a8ff0d8b8af7af4e6a8)
-- fix: CInputCheckbox: always render even empty label in custom mode [`f74ec0a`](https://github.com/coreui/coreui-vue/commit/f74ec0ad758e3a18666ba8f6d02146284f0e150a)
-- fix: CDataTable: 'fixed' prop class name correction [`ea4a5bd`](https://github.com/coreui/coreui-vue/commit/ea4a5bdf43e5b1df1f59edb651bc4bf39f62edcb)
-
-## [3.0.5](https://github.com/coreui/coreui-vue/compare/3.0.4...3.0.5)
-
-> 18 March 2020
-
-### Changed
-
-- chore: delete build files [`269128b`](https://github.com/coreui/coreui-vue/commit/269128bc3a34e12131aecd458dedc0976b07d451)
-- chore: 3.0.5 version release - update dependencies [`dd2971f`](https://github.com/coreui/coreui-vue/commit/dd2971f31477e5bbb5ff510c5b34d0889f4c8019)
-- feat: add CInputRadioGroup component [`af899f5`](https://github.com/coreui/coreui-vue/commit/af899f5a0f46c96aa7804f7b5711fdd59dc9d943)
-- feat: CCollapse: add possibility of different duration of show and hide [`288fcc9`](https://github.com/coreui/coreui-vue/commit/288fcc98e48ae3200f4bc8f9bc5155576573f75e)
-- feat: CDataTable: add noItemsView prop #67 [`79d6e11`](https://github.com/coreui/coreui-vue/commit/79d6e113745f9f9ce298f2ed1fe990f1a9ffe8aa)
-- test: CDataTable tests update [`4d658b2`](https://github.com/coreui/coreui-vue/commit/4d658b2bc383122c84d399c4bfa8268b95879ae7)
-- fix: CCollapse: fix blinking when animation duration is 0ms [`ed0d5fa`](https://github.com/coreui/coreui-vue/commit/ed0d5fafab2c23c6cc78ca9042a1e7e66855dc3b)
-- feat: CDataTable: add 'external' key to itemsPerPageSelect prop object [`2323eaa`](https://github.com/coreui/coreui-vue/commit/2323eaa3c523b32e40b20d9628b0e45ecb82aec8)
-- fix: CInputRadioGroup: add inline styling option [`9f8aeec`](https://github.com/coreui/coreui-vue/commit/9f8aeec4f9072711caea197377f5cc987ee71225)
-- feat: CPagination: add arg 'reduced' to the 'update:activePage' event [`c94cb09`](https://github.com/coreui/coreui-vue/commit/c94cb09462763128fc68e5d42aa10c7c66a9ae06)
-- feat: CDataTable: add thead-top slot [`f130496`](https://github.com/coreui/coreui-vue/commit/f1304966a2fb95aa0e0b7d75e85fc6beb35f1594)
-- chore: fix typings [`ce18118`](https://github.com/coreui/coreui-vue/commit/ce1811858c4c13adb6c02f115178c4449aea2667)
-
-## [3.0.4](https://github.com/coreui/coreui-vue/compare/3.0.3...3.0.4)
-
-> 9 March 2020
-
-### Changed
-
-- fix: fix package dependencies [`2cdd679`](https://github.com/coreui/coreui-vue/commit/2cdd679f00cc47eb37432c67bc53447b2a685bb2)
-- chore: update build files [`df938ef`](https://github.com/coreui/coreui-vue/commit/df938ef479b7b6cda9e121170ab7bdfb2a7cefdf)
-- chore: update project, add comment [`fd7f075`](https://github.com/coreui/coreui-vue/commit/fd7f0753fd6ea69ccf7e2b3644ce49ad3998bebd)
-
-## [3.0.3](https://github.com/coreui/coreui-vue/compare/3.0.2...3.0.3)
-
-> 9 March 2020
-
-### Changed
-
-- chore: 3.0.3 release - update dependencies and build files [`fe1a61b`](https://github.com/coreui/coreui-vue/commit/fe1a61bd948b509659d48cacef68149cd941b6fc)
-- fix: CDropdownItem: restore functional component events #73 [`311d18e`](https://github.com/coreui/coreui-vue/commit/311d18edaf2cd0ccfe17ba2ca75578b666e01dff)
-
-## [3.0.2](https://github.com/coreui/coreui-vue/compare/3.0.1...3.0.2)
-
-> 6 March 2020
-
-### Changed
-
-- chore: 3.0.2 release: update dependencies and build files [`31ffedb`](https://github.com/coreui/coreui-vue/commit/31ffedb905447eddf43ead9ad6a617c9460179d2)
-- fix: CDropdown: close dropdown on every dropdown-item-click event #71 [`ed04296`](https://github.com/coreui/coreui-vue/commit/ed042960b812244b98f167d0a066b91967f6e86e)
-- fix: CDropdown: close dropdown on every dropdown-item-click event #72 [`cffd7c4`](https://github.com/coreui/coreui-vue/commit/cffd7c454bdfabb6523eb34404a84b52f65ed8ac)
-- chore: fix typings [`67f7cef`](https://github.com/coreui/coreui-vue/commit/67f7cef03d2059dcb5e2d5713e09e56fd2d1c49b)
-- fix: do not emit update:value in case of 'multiple' attribute #64 [`73d2b3f`](https://github.com/coreui/coreui-vue/commit/73d2b3f874dad7bb4e350da997dcb9de9af5e4bc)
-- refactor: change CDropdown closing event name [`26c2f7d`](https://github.com/coreui/coreui-vue/commit/26c2f7d4c492e5861716dbc48c1e8d3b31f85aa8)
-
-## [3.0.1](https://github.com/coreui/coreui-vue/compare/3.0.0...3.0.1)
-
-> 28 February 2020
-
-### Changed
-
-- chore: 3.0.1 release -  update dependencies and build files [`b6f44c9`](https://github.com/coreui/coreui-vue/commit/b6f44c9dbb140d39cba89529962fdc399082e9c7)
-- refactor: CDropdown: optimize dropdown hiding, update tests [`b295f71`](https://github.com/coreui/coreui-vue/commit/b295f7188742240bda3d1d86afa17ff13a34414d)
-- feat: CDataTable row-clicked event modification #59 [`2a89938`](https://github.com/coreui/coreui-vue/commit/2a899387e95fffeff47291fb3aff2b14d480e945)
-- fix: always close overlaid sidebar on outside click [`1b43afa`](https://github.com/coreui/coreui-vue/commit/1b43afa0908b9e3a19f66ff85664db4c06261e62)
-- feat: add CClickaway directive [`a78fd14`](https://github.com/coreui/coreui-vue/commit/a78fd1476e0c3ee4005131527e5c0bac5b65f11a)
-- refactor: remove listners function from form-mixins [`149c6c6`](https://github.com/coreui/coreui-vue/commit/149c6c6c7a9fc79ad81a69b5e890f28aa529f6f8)
-- fix: form components - add missing events [`7eaec17`](https://github.com/coreui/coreui-vue/commit/7eaec170d95e030e4bf29c338fbe5d3f7dcb03b8)
-- feat: CDataTable: add page-change event [`9161fd6`](https://github.com/coreui/coreui-vue/commit/9161fd601930766221949c255154b454c42e47a0)
-- chore: update readme and issue template [`9779c01`](https://github.com/coreui/coreui-vue/commit/9779c01224f56b45fb5e92706debf86f08c5fa6f)
-- chore: update typings [`bdb4b64`](https://github.com/coreui/coreui-vue/commit/bdb4b643ca01b474be8a78c2e47c77c877f0cb74)
-- chore: update build worklow shield in README [`7aad5d4`](https://github.com/coreui/coreui-vue/commit/7aad5d4f18762dad5d936bbd395cc2d0973ddf78)
-- chore: merge user pull request [`31315c6`](https://github.com/coreui/coreui-vue/commit/31315c667e99e4631a1d25890a51c44d4c9e074a)
-- chore: update README [`ad9f36c`](https://github.com/coreui/coreui-vue/commit/ad9f36c5bff5f9466bf1ebc8653228d1af659eef)
-
diff --git a/jest.config.js b/jest.config.js
deleted file mode 100644
index 39ba2a15..00000000
--- a/jest.config.js
+++ /dev/null
@@ -1,23 +0,0 @@
-/**
- * Copyright (c) 2013-present, creativeLabs Lukasz Holeczek.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-'use strict'
-
-module.exports = {
-  moduleFileExtensions: ['tsx', 'js', 'ts', 'json', 'vue'],
-  preset: 'ts-jest',
-  setupFiles: ['jest-canvas-mock'],
-  testEnvironment: 'jsdom',
-  testEnvironmentOptions: {
-    customExportConditions: ['node', 'node-addons'],
-  },
-  testPathIgnorePatterns: ['dist/'],
-  transform: {
-    '.*\\.(ts)$': 'ts-jest',
-    '.*\\.(vue)$': '@vue/vue3-jest',
-  },
-}
diff --git a/package.json b/package.json
index bccb7e86..56c17d3d 100644
--- a/package.json
+++ b/package.json
@@ -5,36 +5,30 @@
   ],
   "scripts": {
     "charts:build": "lerna run --scope \"@coreui/vue-chartjs\" build --stream",
-    "charts:lint": "lerna run --scope \"@coreui/vue-chartjs\" lint --stream",
     "charts:test": "lerna run --scope \"@coreui/vue-chartjs\" test --stream",
     "docs:api": "lerna run --scope \"@coreui/vue-docs\" api --stream",
     "docs:dev": "lerna run --scope \"@coreui/vue-docs\" dev --stream",
     "docs:build": "lerna run --scope \"@coreui/vue-docs\" build --stream",
     "docs:dist": "lerna run --scope \"@coreui/vue-docs\" dist --stream",
+    "icons:build": "lerna run --scope \"@coreui/icons-vue\" build --stream",
+    "icons:test": "lerna run --scope \"@coreui/icons-vue\" test --stream",
+    "icons:test:update": "lerna run --scope \"@coreui/icons-vue\" test:update --stream",
     "lib:build": "lerna run --scope \"@coreui/vue\" build --stream",
-    "lib:lint": "lerna run --scope \"@coreui/vue\" lint --stream",
     "lib:test": "lerna run --scope \"@coreui/vue\" test --stream",
-    "lint": "eslint \"packages/**/src/components/**/*.{js,ts,tsx}\"",
-    "test": "jest --coverage",
-    "test:clear": "jest --clearCache",
-    "test:update": "jest --coverage --updateSnapshot"
+    "lint": "eslint \"packages/**/src/**/*.{js,ts,tsx}\"",
+    "test": "npm-run-all charts:test icons:test lib:test",
+    "test:update": "npm-run-all charts:test:update icons:test:update lib:test:update"
   },
   "devDependencies": {
-    "@types/jest": "^29.4.0",
     "@typescript-eslint/eslint-plugin": "^5.52.0",
     "@typescript-eslint/parser": "^5.52.0",
-    "@vue/compiler-sfc": "^3.2.47",
     "@vue/eslint-config-prettier": "^7.0.0",
     "@vue/eslint-config-typescript": "^11.0.2",
     "@vue/vue3-jest": "29.2.2",
     "eslint": "8.34.0",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-vue": "^9.9.0",
-    "jest": "^29.4.3",
-    "jest-canvas-mock": "^2.4.0",
-    "jest-environment-jsdom": "^29.4.3",
     "lerna": "^4.0.0",
-    "prettier": "^2.8.4",
-    "ts-jest": "^29.0.5"
+    "prettier": "^2.8.4"
   }
 }

From d156261dcf4f4f1c5374da1ade1ddd69d42b7002 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@coreui.io>
Date: Tue, 28 Mar 2023 17:31:56 +0200
Subject: [PATCH 090/346] tests: update tests configuration

---
 packages/coreui-vue/jest.config.js            | 22 +++++++++++++++++++
 packages/coreui-vue/package.json              | 12 ++++++++--
 .../dropdown/__tests__/CDropdown.spec.ts      |  2 +-
 3 files changed, 33 insertions(+), 3 deletions(-)
 create mode 100644 packages/coreui-vue/jest.config.js

diff --git a/packages/coreui-vue/jest.config.js b/packages/coreui-vue/jest.config.js
new file mode 100644
index 00000000..8367c2b3
--- /dev/null
+++ b/packages/coreui-vue/jest.config.js
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) 2013-present, creativeLabs Lukasz Holeczek.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict'
+
+module.exports = {
+  moduleFileExtensions: ['tsx', 'js', 'ts', 'json', 'vue'],
+  preset: 'ts-jest',
+  testEnvironment: 'jsdom',
+  testEnvironmentOptions: {
+    customExportConditions: ['node', 'node-addons'],
+  },
+  testPathIgnorePatterns: ['dist/'],
+  transform: {
+    '.*\\.(ts)$': 'ts-jest',
+    '.*\\.(vue)$': '@vue/vue3-jest',
+  },
+}
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index bdd4515d..79870135 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -31,16 +31,24 @@
     "src/"
   ],
   "scripts": {
-    "build": "rollup -c --bundleConfigAsCjs"
+    "build": "rollup -c --bundleConfigAsCjs",
+    "test": "jest --coverage",
+    "test:clear": "jest --clearCache",
+    "test:update": "jest --coverage --updateSnapshot"
   },
   "devDependencies": {
     "@popperjs/core": "^2.11.6",
     "@rollup/plugin-commonjs": "^24.0.1",
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-typescript": "^11.0.0",
-    "@vue/test-utils": "^2.2.10",
+    "@types/jest": "^29.5.0",
+    "@vue/test-utils": "^2.3.2",
+    "@vue/vue3-jest": "29.2.3",
+    "jest": "^29.5.0",
+    "jest-environment-jsdom": "^29.5.0",
     "rollup": "^3.15.0",
     "rollup-plugin-vue": "^6.0.0",
+    "ts-jest": "^29.0.5",
     "typescript": "^4.9.5",
     "vue": "^3.2.47",
     "vue-types": "^5.0.2"
diff --git a/packages/coreui-vue/src/components/dropdown/__tests__/CDropdown.spec.ts b/packages/coreui-vue/src/components/dropdown/__tests__/CDropdown.spec.ts
index bb5ed2f7..a71c136b 100644
--- a/packages/coreui-vue/src/components/dropdown/__tests__/CDropdown.spec.ts
+++ b/packages/coreui-vue/src/components/dropdown/__tests__/CDropdown.spec.ts
@@ -18,7 +18,7 @@ const customWrapper = mount(Component, {
     disabled: true,
     placement: 'right-start',
     popper: false,
-    trigger: 'mouseover',
+    trigger: 'hover',
     variant: 'nav-item',
     visible: true,
   },

From 905bfe70ee3d7166b4153e4bd026a80757bd60ee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@coreui.io>
Date: Tue, 28 Mar 2023 17:32:17 +0200
Subject: [PATCH 091/346] build: update project configuration

---
 package.json  | 5 ++++-
 tsconfig.json | 2 ++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 56c17d3d..776c018a 100644
--- a/package.json
+++ b/package.json
@@ -6,6 +6,7 @@
   "scripts": {
     "charts:build": "lerna run --scope \"@coreui/vue-chartjs\" build --stream",
     "charts:test": "lerna run --scope \"@coreui/vue-chartjs\" test --stream",
+    "charts:test:update": "lerna run --scope \"@coreui/vue-chartjs\" test:update --stream",
     "docs:api": "lerna run --scope \"@coreui/vue-docs\" api --stream",
     "docs:dev": "lerna run --scope \"@coreui/vue-docs\" dev --stream",
     "docs:build": "lerna run --scope \"@coreui/vue-docs\" build --stream",
@@ -15,6 +16,7 @@
     "icons:test:update": "lerna run --scope \"@coreui/icons-vue\" test:update --stream",
     "lib:build": "lerna run --scope \"@coreui/vue\" build --stream",
     "lib:test": "lerna run --scope \"@coreui/vue\" test --stream",
+    "lib:test:update": "lerna run --scope \"@coreui/vue\" test:update --stream",
     "lint": "eslint \"packages/**/src/**/*.{js,ts,tsx}\"",
     "test": "npm-run-all charts:test icons:test lib:test",
     "test:update": "npm-run-all charts:test:update icons:test:update lib:test:update"
@@ -28,7 +30,8 @@
     "eslint": "8.34.0",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-vue": "^9.9.0",
-    "lerna": "^4.0.0",
+    "lerna": "^6.5.1",
+    "npm-run-all": "^4.1.5",
     "prettier": "^2.8.4"
   }
 }
diff --git a/tsconfig.json b/tsconfig.json
index ad527f9c..040f7e33 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -21,6 +21,8 @@
     "esModuleInterop": true,
     "resolveJsonModule": true,
     "paths": {
+      "@coreui/icons-vue": ["./packages/coreui-icons-vue/src"],
+      "@coreui/icons-vue/*": ["./packages/coreui-icons-vue/src/*"],
       "@coreui/vue": ["./packages/coreui-vue/src"],
       "@coreui/vue/*": ["./packages/coreui-vue/src/*"],
       "@coreui/vue-chartjs": ["./packages/coreui-vue-chartjs/src"],

From 3ffe65f45e203b73b68f87386dc7cec7d68751e9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@coreui.io>
Date: Tue, 28 Mar 2023 17:40:36 +0200
Subject: [PATCH 092/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@typescript-eslint/eslint-plugin  ^5.52.0  →  ^5.57.0
@typescript-eslint/parser         ^5.52.0  →  ^5.57.0
@vue/eslint-config-prettier        ^7.0.0  →   ^7.1.0
@vue/vue3-jest                     29.2.2  →   29.2.3
eslint                             8.34.0  →   8.36.0
eslint-plugin-vue                  ^9.9.0  →  ^9.10.0
lerna                              ^6.5.1  →   ^6.6.1
prettier                           ^2.8.4  →   ^2.8.7
---
 package.json | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index 776c018a..f5aa38f3 100644
--- a/package.json
+++ b/package.json
@@ -22,16 +22,16 @@
     "test:update": "npm-run-all charts:test:update icons:test:update lib:test:update"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^5.52.0",
-    "@typescript-eslint/parser": "^5.52.0",
-    "@vue/eslint-config-prettier": "^7.0.0",
+    "@typescript-eslint/eslint-plugin": "^5.57.0",
+    "@typescript-eslint/parser": "^5.57.0",
+    "@vue/eslint-config-prettier": "^7.1.0",
     "@vue/eslint-config-typescript": "^11.0.2",
-    "@vue/vue3-jest": "29.2.2",
-    "eslint": "8.34.0",
+    "@vue/vue3-jest": "29.2.3",
+    "eslint": "8.36.0",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-vue": "^9.9.0",
-    "lerna": "^6.5.1",
+    "eslint-plugin-vue": "^9.10.0",
+    "lerna": "^6.6.1",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.8.4"
+    "prettier": "^2.8.7"
   }
 }

From c7aeb2d0cd5999dafbd7aee65ef528ee3e8ce2ad Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@coreui.io>
Date: Tue, 28 Mar 2023 17:46:22 +0200
Subject: [PATCH 093/346] chore: update submodules

---
 packages/coreui-vue-chartjs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/coreui-vue-chartjs b/packages/coreui-vue-chartjs
index 73a78d06..f480fc65 160000
--- a/packages/coreui-vue-chartjs
+++ b/packages/coreui-vue-chartjs
@@ -1 +1 @@
-Subproject commit 73a78d06f54c87732b90c1ec3cfb52633fc617c0
+Subproject commit f480fc657431cd33d5267ca6b0791da945dc1d1d

From 51ce9d1a1f0efaa91a383e28c3e8e7acf5280803 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@coreui.io>
Date: Tue, 28 Mar 2023 17:47:14 +0200
Subject: [PATCH 094/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@popperjs/core  ^2.11.6  →  ^2.11.7
rollup          ^3.15.0  →  ^3.20.2
---
 packages/coreui-vue/package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index 79870135..7627c1ab 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -37,7 +37,7 @@
     "test:update": "jest --coverage --updateSnapshot"
   },
   "devDependencies": {
-    "@popperjs/core": "^2.11.6",
+    "@popperjs/core": "^2.11.7",
     "@rollup/plugin-commonjs": "^24.0.1",
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-typescript": "^11.0.0",
@@ -46,7 +46,7 @@
     "@vue/vue3-jest": "29.2.3",
     "jest": "^29.5.0",
     "jest-environment-jsdom": "^29.5.0",
-    "rollup": "^3.15.0",
+    "rollup": "^3.20.2",
     "rollup-plugin-vue": "^6.0.0",
     "ts-jest": "^29.0.5",
     "typescript": "^4.9.5",

From bfd1eceab66039ce56ebc9063e8e7b43aedd6032 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@coreui.io>
Date: Wed, 29 Mar 2023 14:33:15 +0200
Subject: [PATCH 095/346] fix(CCarousel): Uncaught TypeError: Cannot read
 properties of null (reading 'getBoundingClientRect')

---
 packages/coreui-vue/src/components/carousel/CCarousel.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/coreui-vue/src/components/carousel/CCarousel.ts b/packages/coreui-vue/src/components/carousel/CCarousel.ts
index 10439586..e37799f0 100644
--- a/packages/coreui-vue/src/components/carousel/CCarousel.ts
+++ b/packages/coreui-vue/src/components/carousel/CCarousel.ts
@@ -119,7 +119,7 @@ const CCarousel = defineComponent({
     const nextItemWhenVisible = () => {
       // Don't call next when the page isn't visible
       // or the carousel or its parent isn't visible
-      if (!document.hidden && isInViewport(carouselRef.value)) {
+      if (!document.hidden && carouselRef.value && isInViewport(carouselRef.value)) {
         handleControlClick('next')
       }
     }
@@ -142,7 +142,7 @@ const CCarousel = defineComponent({
     }
 
     const handleScroll = () => {
-      if (!document.hidden && isInViewport(carouselRef.value)) {
+      if (!document.hidden && carouselRef.value && isInViewport(carouselRef.value)) {
         visible.value = true
       } else {
         visible.value = false

From a9fca4820f98f8f426ae5cb27b63880262edd2b8 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sat, 8 Apr 2023 12:30:19 +0200
Subject: [PATCH 096/346] release: v4.8.1

---
 README.md                                              | 2 +-
 lerna.json                                             | 2 +-
 packages/coreui-vue/package.json                       | 2 +-
 packages/coreui-vue/src/components/form/CFormCheck.ts  | 2 +-
 packages/coreui-vue/src/components/form/CFormSwitch.ts | 2 +-
 packages/docs/api/form/CFormCheck.api.md               | 2 +-
 packages/docs/api/form/CFormSwitch.api.md              | 2 +-
 packages/docs/package.json                             | 2 +-
 8 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/README.md b/README.md
index 1c840efb..878a1b56 100644
--- a/README.md
+++ b/README.md
@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v4.8.0.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v4.8.1.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue`
diff --git a/lerna.json b/lerna.json
index e064894b..33eb41c9 100644
--- a/lerna.json
+++ b/lerna.json
@@ -4,5 +4,5 @@
     "packages/*"
   ],
   "useWorkspaces": true,
-  "version": "4.8.0"
+  "version": "4.8.1"
 }
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index 7627c1ab..b937ff4a 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue",
-  "version": "4.8.0",
+  "version": "4.8.1",
   "description": "UI Components Library for Vue.js",
   "keywords": [
     "vue",
diff --git a/packages/coreui-vue/src/components/form/CFormCheck.ts b/packages/coreui-vue/src/components/form/CFormCheck.ts
index a5c57ce6..246af5f0 100644
--- a/packages/coreui-vue/src/components/form/CFormCheck.ts
+++ b/packages/coreui-vue/src/components/form/CFormCheck.ts
@@ -72,7 +72,7 @@ const CFormCheck = defineComponent({
     /**
      * Put checkboxes or radios on the opposite side.
      *
-     * @sinve 4.8.0
+     * @since 4.8.0
      */
     reverse: Boolean,
     /**
diff --git a/packages/coreui-vue/src/components/form/CFormSwitch.ts b/packages/coreui-vue/src/components/form/CFormSwitch.ts
index 6265e87c..a1c54a1e 100644
--- a/packages/coreui-vue/src/components/form/CFormSwitch.ts
+++ b/packages/coreui-vue/src/components/form/CFormSwitch.ts
@@ -25,7 +25,7 @@ const CFormSwitch = defineComponent({
     /**
      * Put checkboxes or radios on the opposite side.
      *
-     * @sinve 4.8.0
+     * @since 4.8.0
      */
     reverse: Boolean,
     /**
diff --git a/packages/docs/api/form/CFormCheck.api.md b/packages/docs/api/form/CFormCheck.api.md
index df1f2fe7..e6fd5f77 100644
--- a/packages/docs/api/form/CFormCheck.api.md
+++ b/packages/docs/api/form/CFormCheck.api.md
@@ -21,7 +21,7 @@ import CFormCheck from '@coreui/vue/src/components/form/CFormCheck'
 | **invalid**                                                         | Set component validation state to invalid.                                                                                                            | boolean         | -                       | -          |
 | **label**                                                           | The element represents a caption for a component.                                                                                                     | string          | -                       | -          |
 | **model-value**                                                     | The default name for a value passed using v-model.                                                                                                    | boolean\|string | -                       | -          |
-| **reverse**                                                         | Put checkboxes or radios on the opposite side.<br/>`@sinve` 4.8.0                                                                                     | boolean         | -                       | -          |
+| **reverse**                                                         | Put checkboxes or radios on the opposite side.<br/>`@since` 4.8.0                                                                                     | boolean         | -                       | -          |
 | **tooltip-feedback** <br><div class="badge bg-primary">4.3.0+</div> | Display validation feedback in a styled tooltip.                                                                                                      | boolean         | -                       | -          |
 | **type**                                                            | Specifies the type of component.                                                                                                                      | string          | `'checkbox'`, `'radio'` | 'checkbox' |
 | **valid**                                                           | Set component validation state to valid.                                                                                                              | boolean         | -                       | -          |
diff --git a/packages/docs/api/form/CFormSwitch.api.md b/packages/docs/api/form/CFormSwitch.api.md
index 51f4f14d..ede39558 100644
--- a/packages/docs/api/form/CFormSwitch.api.md
+++ b/packages/docs/api/form/CFormSwitch.api.md
@@ -14,7 +14,7 @@ import CFormSwitch from '@coreui/vue/src/components/form/CFormSwitch'
 | **invalid**     | Set component validation state to invalid.                                                   | boolean         | -                       | -          |
 | **label**       | The element represents a caption for a component.                                            | string          | -                       | -          |
 | **model-value** | The default name for a value passed using v-model.                                           | boolean\|string | -                       | -          |
-| **reverse**     | Put checkboxes or radios on the opposite side.<br/>`@sinve` 4.8.0                            | boolean         | -                       | -          |
+| **reverse**     | Put checkboxes or radios on the opposite side.<br/>`@since` 4.8.0                            | boolean         | -                       | -          |
 | **size**        | Size the component large or extra large. Works only with `switch`.                           | string          | `'lg' \| 'xl'`          | -          |
 | **type**        | Specifies the type of component.                                                             | string          | `'checkbox'`, `'radio'` | 'checkbox' |
 | **valid**       | Set component validation state to valid.                                                     | boolean         | -                       | -          |
diff --git a/packages/docs/package.json b/packages/docs/package.json
index d9869527..aa96e0f0 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue-docs",
-  "version": "4.8.0",
+  "version": "4.8.1",
   "scripts": {
     "api": "vue-docgen -c build/docgen.config.js",
     "dev": "vuepress dev --clean-cache",

From 510ea1a36bfed375c3d80530a830681af25abc73 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 1 Jun 2023 13:36:48 +0200
Subject: [PATCH 097/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@coreui/coreui   ^4.2.6  →  ^4.3.0-beta.0
@coreui/icons    ^3.0.0  →         ^3.0.1
@docsearch/css   ^3.3.3  →         ^3.4.0
@docsearch/js    ^3.3.3  →         ^3.4.0
vue-docgen-cli  ^4.57.1  →          ^4.67
---
 packages/docs/package.json | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/docs/package.json b/packages/docs/package.json
index aa96e0f0..37b49091 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -9,15 +9,15 @@
   "license": "MIT",
   "devDependencies": {
     "@coreui/chartjs": "^3.1.1",
-    "@coreui/coreui": "^4.2.6",
-    "@coreui/icons": "^3.0.0",
+    "@coreui/coreui": "^4.3.0-beta.0",
+    "@coreui/icons": "^3.0.1",
     "@coreui/icons-vue": "^2.0.0",
     "@coreui/vue-chartjs": "^2.0.1",
-    "@docsearch/css": "^3.3.3",
-    "@docsearch/js": "^3.3.3",
+    "@docsearch/css": "^3.4.0",
+    "@docsearch/js": "^3.4.0",
     "@vuepress/plugin-toc": "2.0.0-beta.38",
     "markdown-it-include": "^2.0.0",
-    "vue-docgen-cli": "^4.57.1",
+    "vue-docgen-cli": "^4.67.0",
     "vuepress": "2.0.0-beta.38"
   }
 }

From 06b182cf39b0442f9c31889420882f3dc63121ec Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 1 Jun 2023 18:50:36 +0200
Subject: [PATCH 098/346] docs: update theme

---
 packages/docs/.vuepress/clientAppEnhance.ts   |   6 +
 packages/docs/.vuepress/config.ts             |   3 +
 .../src/assets/brand/coreui-vue.svg           |  44 +-
 .../src/client/components/Header.vue          |  63 ++-
 .../src/client/components/Sidebar.vue         |  19 +-
 .../src/client/layouts/Layout.vue             |  50 ++-
 .../theme-coreui/src/client/styles/_ads.scss  |  14 +-
 .../src/client/styles/_code-group.scss        |  67 ---
 .../theme-coreui/src/client/styles/_code.scss | 267 -----------
 .../client/styles/_component-examples.scss    | 425 ++++++++++++++++++
 .../theme-coreui/src/client/styles/_demo.scss | 314 -------------
 .../src/client/styles/_footer.scss            |  18 +-
 .../src/client/styles/_prism.scss             | 172 +++++++
 .../src/client/styles/_scrolling.scss         |  13 +
 .../src/client/styles/_search.scss            |  40 +-
 .../src/client/styles/_sidebar.scss           |  21 +-
 .../src/client/styles/_syntax.scss            | 142 ++++++
 .../src/client/styles/_variables.scss         |  27 ++
 .../theme-coreui/src/client/styles/index.scss |  41 +-
 .../theme-coreui/src/client/styles/page.scss  |  65 ---
 .../src/client/styles/transitions.scss        |  13 -
 .../src/client/styles/vars-dark.scss          |  46 --
 .../theme-coreui/src/client/styles/vars.scss  | 124 -----
 23 files changed, 1018 insertions(+), 976 deletions(-)
 delete mode 100755 packages/docs/.vuepress/theme-coreui/src/client/styles/_code-group.scss
 delete mode 100755 packages/docs/.vuepress/theme-coreui/src/client/styles/_code.scss
 create mode 100644 packages/docs/.vuepress/theme-coreui/src/client/styles/_component-examples.scss
 delete mode 100644 packages/docs/.vuepress/theme-coreui/src/client/styles/_demo.scss
 create mode 100644 packages/docs/.vuepress/theme-coreui/src/client/styles/_prism.scss
 create mode 100644 packages/docs/.vuepress/theme-coreui/src/client/styles/_scrolling.scss
 create mode 100644 packages/docs/.vuepress/theme-coreui/src/client/styles/_syntax.scss
 delete mode 100755 packages/docs/.vuepress/theme-coreui/src/client/styles/page.scss
 delete mode 100755 packages/docs/.vuepress/theme-coreui/src/client/styles/transitions.scss
 delete mode 100755 packages/docs/.vuepress/theme-coreui/src/client/styles/vars-dark.scss
 delete mode 100755 packages/docs/.vuepress/theme-coreui/src/client/styles/vars.scss

diff --git a/packages/docs/.vuepress/clientAppEnhance.ts b/packages/docs/.vuepress/clientAppEnhance.ts
index 4ef7fe8c..2b2fade4 100644
--- a/packages/docs/.vuepress/clientAppEnhance.ts
+++ b/packages/docs/.vuepress/clientAppEnhance.ts
@@ -18,13 +18,16 @@ import {
   cilBurn,
   cilCheckCircle,
   cilCloudDownload,
+  cilContrast,
   cilInfo,
   cilMenu,
+  cilMoon,
   cilOptions,
   cilPeople,
   cilPuzzle,
   cilSettings,
   cilSpeedometer,
+  cilSun,
   cilUserFollow,
   cilWarning,
 } from '@coreui/icons'
@@ -42,13 +45,16 @@ export const icons = {
   cilBurn,
   cilCheckCircle,
   cilCloudDownload,
+  cilContrast,
   cilInfo,
   cilMenu,
+  cilMoon,
   cilOptions,
   cilPeople,
   cilPuzzle,
   cilSettings,
   cilSpeedometer,
+  cilSun,
   cilUserFollow,
   cilWarning,
 }
diff --git a/packages/docs/.vuepress/config.ts b/packages/docs/.vuepress/config.ts
index 0233f50c..55b18a67 100644
--- a/packages/docs/.vuepress/config.ts
+++ b/packages/docs/.vuepress/config.ts
@@ -26,6 +26,9 @@ export default defineUserConfig<DefaultThemeOptions>({
         placement: 'after'
       })
     },
+    code: {
+      lineNumbers: false
+    }
   },
   plugins: [
     '@vuepress/plugin-toc',
diff --git a/packages/docs/.vuepress/theme-coreui/src/assets/brand/coreui-vue.svg b/packages/docs/.vuepress/theme-coreui/src/assets/brand/coreui-vue.svg
index 4eecb11e..2b481a7d 100755
--- a/packages/docs/.vuepress/theme-coreui/src/assets/brand/coreui-vue.svg
+++ b/packages/docs/.vuepress/theme-coreui/src/assets/brand/coreui-vue.svg
@@ -1,38 +1,10 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 556 134">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #1bbd93;
-      }
-
-      .cls-2 {
-        fill: #3c4b64;
-      }
-    </style>
-  </defs>
-  <title>coreui vue</title>
-  <g id="Warstwa_1" data-name="Warstwa 1">
-    <g>
-      <path class="cls-1" d="M347.9818,90.0869l-11.84-43.52-.0644-.1924q0-.5112.6406-.5117h1.2793a.66.66,0,0,1,.7051.5762l10.623,39.68c.042.0859.0859.1279.1289.1279.041,0,.084-.042.127-.1279l10.625-39.68a.657.657,0,0,1,.7031-.5762h1.2168a.54.54,0,0,1,.5762.7041l-11.9043,43.52a.6584.6584,0,0,1-.7041.5761h-1.4082A.6577.6577,0,0,1,347.9818,90.0869Z"/>
-      <path class="cls-1" d="M382.2786,89.5751a10.9023,10.9023,0,0,1-4.3515-4.5439,14.4586,14.4586,0,0,1-1.5362-6.7842V46.5029a.5656.5656,0,0,1,.64-.64h1.2168a.5659.5659,0,0,1,.64.64v32a10.5488,10.5488,0,0,0,2.72,7.5527,10.36,10.36,0,0,0,14.3359,0,10.5493,10.5493,0,0,0,2.7207-7.5527v-32a.5655.5655,0,0,1,.64-.64h1.2159a.5666.5666,0,0,1,.6406.64V78.247a13.01,13.01,0,0,1-3.3926,9.376,11.8974,11.8974,0,0,1-9.0234,3.5527A12.8481,12.8481,0,0,1,382.2786,89.5751Z"/>
-      <path class="cls-1" d="M439.5843,48.1035H419.5521a.2263.2263,0,0,0-.2559.2558V66.8554a.2259.2259,0,0,0,.2559.2559h13.8242a.5665.5665,0,0,1,.6406.64v.96a.5665.5665,0,0,1-.6406.6406H419.5521a.2263.2263,0,0,0-.2559.2559v18.56a.2259.2259,0,0,0,.2559.2559h20.0322a.5665.5665,0,0,1,.64.6406v.96a.5655.5655,0,0,1-.64.64H417.4407a.5654.5654,0,0,1-.6406-.64v-43.52a.5658.5658,0,0,1,.6406-.64h22.1436a.5659.5659,0,0,1,.64.64v.96A.5658.5658,0,0,1,439.5843,48.1035Z"/>
-      <path class="cls-1" d="M454.5921,89.5117a2.8385,2.8385,0,0,1-.8-2.0489,2.9193,2.9193,0,0,1,.8-2.1113,2.7518,2.7518,0,0,1,2.0791-.832,2.8465,2.8465,0,0,1,2.9443,2.9433,2.7561,2.7561,0,0,1-.832,2.08,2.9208,2.9208,0,0,1-2.1123.8008A2.7521,2.7521,0,0,1,454.5921,89.5117Z"/>
-      <path class="cls-1" d="M474.931,88.0078a11.3087,11.3087,0,0,1-3.2-8.4161v-5.44a.5655.5655,0,0,1,.64-.64h1.2158a.5662.5662,0,0,1,.6407.64v5.5039a9.1421,9.1421,0,0,0,2.5283,6.72,8.9734,8.9734,0,0,0,6.6875,2.5606,8.7916,8.7916,0,0,0,9.28-9.28V46.5029a.5655.5655,0,0,1,.64-.64h1.2158a.5656.5656,0,0,1,.64.64V79.5917a11.2541,11.2541,0,0,1-3.2315,8.4161,13.0621,13.0621,0,0,1-17.0556,0Z"/>
-      <path class="cls-1" d="M512.8753,88.1035a10.4847,10.4847,0,0,1-3.36-8.128v-1.792a.5665.5665,0,0,1,.6406-.6406h1.0879a.5666.5666,0,0,1,.64.6406v1.6a8.5461,8.5461,0,0,0,2.752,6.6563,10.5361,10.5361,0,0,0,7.36,2.4961,9.8741,9.8741,0,0,0,6.9766-2.3682,8.2188,8.2188,0,0,0,2.56-6.3359,8.3952,8.3952,0,0,0-1.12-4.416,11.3752,11.3752,0,0,0-3.3281-3.3926,71.6866,71.6866,0,0,0-6.1758-3.7119,71.0151,71.0151,0,0,1-6.24-3.84,12.1824,12.1824,0,0,1-3.4238-3.68,10.2659,10.2659,0,0,1-1.28-5.3437,9.86,9.86,0,0,1,3.0723-7.7441,12.0126,12.0126,0,0,1,8.3193-2.752q5.6969,0,8.9609,3.1035a10.8247,10.8247,0,0,1,3.2637,8.2246v1.6a.5658.5658,0,0,1-.6406.64h-1.1514a.5651.5651,0,0,1-.64-.64V56.8076a8.8643,8.8643,0,0,0-2.6241-6.6885,9.9936,9.9936,0,0,0-7.2324-2.5274,9.37,9.37,0,0,0-6.5283,2.1436,7.8253,7.8253,0,0,0-2.3672,6.1123,7.8088,7.8088,0,0,0,1.0235,4.16,10.3978,10.3978,0,0,0,3.0078,3.039,63.0249,63.0249,0,0,0,5.9521,3.4883,70.7955,70.7955,0,0,1,6.72,4.2559,13.4613,13.4613,0,0,1,3.6485,3.9365,10.044,10.044,0,0,1,1.28,5.1836,10.7185,10.7185,0,0,1-3.2647,8.1924q-3.2637,3.0717-8.832,3.0722Q516.2342,91.1757,512.8753,88.1035Z"/>
-    </g>
-    <g>
-      <g>
-        <path class="cls-2" d="M99.367,36.0577l-39-22.5167a12,12,0,0,0-12,0l-39,22.5166a12.0337,12.0337,0,0,0-6,10.3924V91.4833a12.0331,12.0331,0,0,0,6,10.3923l39,22.5167a12,12,0,0,0,12,0l39-22.5167a12.0333,12.0333,0,0,0,6-10.3923V46.45A12.0336,12.0336,0,0,0,99.367,36.0577Zm-2,55.4256a4,4,0,0,1-2,3.4641l-39,22.5167a4.0006,4.0006,0,0,1-4,0l-39-22.5167a4,4,0,0,1-2-3.4641V46.45a4,4,0,0,1,2-3.4642l39-22.5166a4,4,0,0,1,4,0l39,22.5166a4,4,0,0,1,2,3.4642Z"/>
-        <path class="cls-2" d="M77.3886,82.0046h-2.866a4.0007,4.0007,0,0,0-1.9247.4934L55.3172,91.9833,35.367,80.4648V57.4872l19.95-11.5185L72.606,55.4236a3.9993,3.9993,0,0,0,1.9192.4906h2.8632a2,2,0,0,0,2-2V51.2024a2,2,0,0,0-1.04-1.7547L59.16,38.9521a8.0389,8.0389,0,0,0-7.8427.09L31.3665,50.56a8.0245,8.0245,0,0,0-3.9995,6.9287v22.976a8,8,0,0,0,4,6.9283l19.95,11.5186a8.0427,8.0427,0,0,0,7.8432.0879l19.19-10.5312a2,2,0,0,0,1.0378-1.7533v-2.71A2,2,0,0,0,77.3886,82.0046Z"/>
-      </g>
-      <g>
-        <path class="cls-2" d="M172.1117,45.3618a15.0166,15.0166,0,0,0-15,14.9995V77.6387a15,15,0,0,0,30,0V60.3613A15.0167,15.0167,0,0,0,172.1117,45.3618Zm7,32.2769a7,7,0,0,1-14,0V60.3613a7,7,0,0,1,14,0Z"/>
-        <path class="cls-2" d="M135.4458,53.4211a7.01,7.01,0,0,1,7.8681,6.0752.9892.9892,0,0,0,.9842.865h6.03a1.0108,1.0108,0,0,0,.9987-1.0971,15.0182,15.0182,0,0,0-15.7161-13.8837A15.2881,15.2881,0,0,0,121.367,60.7968V77.2037A15.288,15.288,0,0,0,135.6112,92.62a15.0182,15.0182,0,0,0,15.7161-13.8842,1.0107,1.0107,0,0,0-.9987-1.0971h-6.03a.9892.9892,0,0,0-.9842.865,7.0106,7.0106,0,0,1-7.868,6.0757,7.1642,7.1642,0,0,1-6.0789-7.1849V60.6057A7.1638,7.1638,0,0,1,135.4458,53.4211Z"/>
-        <path class="cls-2" d="M218.2891,72.9277a12.1584,12.1584,0,0,0,7.1843-11.0771V58.1494A12.1494,12.1494,0,0,0,213.324,46H196.367a1,1,0,0,0-1,1V91a1,1,0,0,0,1,1h6a1,1,0,0,0,1-1V74h6.6215l7.9154,17.4138a1,1,0,0,0,.91.5862h6.5912a1,1,0,0,0,.91-1.4138Zm-.8157-11.0771A4.1538,4.1538,0,0,1,213.3245,66h-9.8511V54h9.8511a4.1538,4.1538,0,0,1,4.1489,4.1494Z"/>
-        <path class="cls-2" d="M260.367,46h-26a1,1,0,0,0-1,1V91a1,1,0,0,0,1,1h26a1,1,0,0,0,1-1V85a1,1,0,0,0-1-1h-19V72h13a1,1,0,0,0,1-1V65a1,1,0,0,0-1-1h-13V54h19a1,1,0,0,0,1-1V47A1,1,0,0,0,260.367,46Z"/>
-        <path class="cls-2" d="M298.367,46h-6a1,1,0,0,0-1,1V69.6475a7.0066,7.0066,0,1,1-14,0V47a1,1,0,0,0-1-1h-6a1,1,0,0,0-1,1V69.6475a15.0031,15.0031,0,1,0,30,0V47A1,1,0,0,0,298.367,46Z"/>
-        <rect class="cls-2" x="307.367" y="46" width="8" height="38" rx="1"/>
-      </g>
-    </g>
+  <g fill="#1bbd93">
+    <path d="m347.982 90.087-11.84-43.52-.065-.193q0-.51.641-.511h1.28a.66.66 0 0 1 .704.576l10.623 39.68c.042.086.086.128.13.128.04 0 .083-.042.126-.128l10.625-39.68a.657.657 0 0 1 .703-.576h1.217a.54.54 0 0 1 .576.704l-11.904 43.52a.658.658 0 0 1-.704.576h-1.408a.658.658 0 0 1-.704-.576ZM382.279 89.575a10.902 10.902 0 0 1-4.352-4.544 14.459 14.459 0 0 1-1.536-6.784V46.503a.566.566 0 0 1 .64-.64h1.217a.566.566 0 0 1 .64.64v32a10.549 10.549 0 0 0 2.72 7.553 10.36 10.36 0 0 0 14.336 0 10.55 10.55 0 0 0 2.72-7.553v-32a.566.566 0 0 1 .64-.64h1.216a.567.567 0 0 1 .64.64v31.744a13.01 13.01 0 0 1-3.392 9.376 11.897 11.897 0 0 1-9.023 3.553 12.848 12.848 0 0 1-6.466-1.6ZM439.584 48.103h-20.032a.226.226 0 0 0-.256.256v18.496a.226.226 0 0 0 .256.256h13.824a.567.567 0 0 1 .64.64v.96a.567.567 0 0 1-.64.64h-13.824a.226.226 0 0 0-.256.257v18.56a.226.226 0 0 0 .256.256h20.032a.567.567 0 0 1 .64.64v.96a.566.566 0 0 1-.64.64h-22.143a.565.565 0 0 1-.64-.64v-43.52a.566.566 0 0 1 .64-.64h22.143a.566.566 0 0 1 .64.64v.96a.566.566 0 0 1-.64.64ZM454.592 89.512a2.838 2.838 0 0 1-.8-2.05 2.92 2.92 0 0 1 .8-2.11 2.752 2.752 0 0 1 2.08-.833 2.846 2.846 0 0 1 2.943 2.944 2.756 2.756 0 0 1-.832 2.08 2.92 2.92 0 0 1-2.112.8 2.752 2.752 0 0 1-2.079-.831ZM474.931 88.008a11.309 11.309 0 0 1-3.2-8.416v-5.44a.566.566 0 0 1 .64-.64h1.216a.566.566 0 0 1 .64.64v5.504a9.142 9.142 0 0 0 2.529 6.72 8.973 8.973 0 0 0 6.687 2.56 8.792 8.792 0 0 0 9.28-9.28V46.503a.566.566 0 0 1 .64-.64h1.216a.566.566 0 0 1 .64.64v33.089a11.254 11.254 0 0 1-3.231 8.416 13.062 13.062 0 0 1-17.056 0ZM512.875 88.103a10.485 10.485 0 0 1-3.36-8.127v-1.793a.567.567 0 0 1 .64-.64h1.089a.567.567 0 0 1 .64.64v1.6a8.546 8.546 0 0 0 2.752 6.657 10.536 10.536 0 0 0 7.36 2.496 9.874 9.874 0 0 0 6.976-2.368 8.219 8.219 0 0 0 2.56-6.336 8.395 8.395 0 0 0-1.12-4.416 11.375 11.375 0 0 0-3.328-3.393 71.687 71.687 0 0 0-6.175-3.712 71.015 71.015 0 0 1-6.24-3.84 12.182 12.182 0 0 1-3.424-3.68 10.266 10.266 0 0 1-1.28-5.343 9.86 9.86 0 0 1 3.072-7.745 12.013 12.013 0 0 1 8.32-2.752q5.696 0 8.96 3.104a10.825 10.825 0 0 1 3.264 8.225v1.6a.566.566 0 0 1-.64.64h-1.152a.565.565 0 0 1-.64-.64v-1.472a8.864 8.864 0 0 0-2.624-6.689 9.994 9.994 0 0 0-7.233-2.527 9.37 9.37 0 0 0-6.528 2.143 7.825 7.825 0 0 0-2.367 6.113 7.809 7.809 0 0 0 1.023 4.16 10.398 10.398 0 0 0 3.008 3.039 63.025 63.025 0 0 0 5.952 3.488 70.796 70.796 0 0 1 6.72 4.256 13.461 13.461 0 0 1 3.649 3.936 10.044 10.044 0 0 1 1.28 5.184 10.719 10.719 0 0 1-3.265 8.192q-3.264 3.072-8.832 3.072-5.698 0-9.057-3.072Z"/>
   </g>
-</svg>
+  <g fill="var(--cui-body-color, currentColor)">
+    <path d="m99.367 36.058-39-22.517a12 12 0 0 0-12 0l-39 22.517a12.034 12.034 0 0 0-6 10.392v45.033a12.033 12.033 0 0 0 6 10.393l39 22.516a12 12 0 0 0 12 0l39-22.516a12.033 12.033 0 0 0 6-10.393V46.45a12.034 12.034 0 0 0-6-10.392Zm-2 55.425a4 4 0 0 1-2 3.464l-39 22.517a4 4 0 0 1-4 0l-39-22.517a4 4 0 0 1-2-3.464V46.45a4 4 0 0 1 2-3.464l39-22.517a4 4 0 0 1 4 0l39 22.517a4 4 0 0 1 2 3.464Z"/>
+    <path d="M77.389 82.005h-2.866a4 4 0 0 0-1.925.493l-17.28 9.485-19.951-11.518V57.487l19.95-11.518 17.289 9.455a4 4 0 0 0 1.92.49h2.862a2 2 0 0 0 2-2v-2.712a2 2 0 0 0-1.04-1.754L59.16 38.952a8.039 8.039 0 0 0-7.843.09L31.367 50.56a8.024 8.024 0 0 0-4 6.929v22.976a8 8 0 0 0 4 6.928l19.95 11.519a8.043 8.043 0 0 0 7.843.087l19.19-10.53a2 2 0 0 0 1.038-1.754v-2.71a2 2 0 0 0-2-2ZM172.112 45.362a15.017 15.017 0 0 0-15 15v17.277a15 15 0 0 0 30 0V60.36a15.017 15.017 0 0 0-15-15Zm7 32.277a7 7 0 0 1-14 0V60.36a7 7 0 0 1 14 0ZM135.446 53.421a7.01 7.01 0 0 1 7.868 6.075.99.99 0 0 0 .984.865h6.03a1.01 1.01 0 0 0 .999-1.097 15.018 15.018 0 0 0-15.716-13.883 15.288 15.288 0 0 0-14.244 15.416v16.407a15.288 15.288 0 0 0 14.244 15.416 15.018 15.018 0 0 0 15.716-13.884 1.01 1.01 0 0 0-.998-1.097h-6.03a.99.99 0 0 0-.985.865 7.01 7.01 0 0 1-7.868 6.075 7.164 7.164 0 0 1-6.078-7.184v-16.79a7.164 7.164 0 0 1 6.078-7.184ZM218.29 72.928a12.158 12.158 0 0 0 7.183-11.077v-3.702A12.15 12.15 0 0 0 213.324 46h-16.957a1 1 0 0 0-1 1v44a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V74h6.622l7.915 17.414a1 1 0 0 0 .91.586h6.591a1 1 0 0 0 .91-1.414Zm-.817-11.077A4.154 4.154 0 0 1 213.324 66h-9.85V54h9.85a4.154 4.154 0 0 1 4.15 4.15ZM260.367 46h-26a1 1 0 0 0-1 1v44a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1h-19V72h13a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1h-13V54h19a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1ZM298.367 46h-6a1 1 0 0 0-1 1v22.647a7.007 7.007 0 1 1-14 0V47a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v22.647a15.003 15.003 0 1 0 30 0V47a1 1 0 0 0-1-1Z"/>
+    <rect width="8" height="38" x="307.367" y="46" rx="1"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
index 8e548abf..bbeedcbf 100644
--- a/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
+++ b/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
@@ -14,6 +14,47 @@
       <CNavItem href="https://opencollective.com/coreui">
         <CIcon icon="cib-open-collective" size="xl" />
       </CNavItem>
+      <li class="nav-item py-2 py-lg-1">
+        <div class="vr d-none d-lg-flex h-100 mx-lg-2 text-body text-opacity-75"></div>
+        <hr class="d-lg-none my-2 text-white-50" />
+      </li>
+      <CDropdown variant="nav-item" placement="bottom-end">
+        <CDropdownToggle :caret="false">
+          <CIcon v-if="theme === 'dark'" icon="cil-moon" size="xl" />
+          <CIcon v-else-if="theme === 'light'" icon="cil-sun" size="xl" />
+          <CIcon v-else icon="cil-contrast" size="xl" />
+        </CDropdownToggle>
+        <CDropdownMenu>
+          <CDropdownItem
+            class="d-flex align-items-center"
+            component="button"
+            type="button"
+            @click="$emit('toggle-color-mode', 'light')"
+            >
+            <CIcon class="me-2" icon="cil-sun" size="lg" /> Light
+          </CDropdownItem>
+          <CDropdownItem
+            class="d-flex align-items-center"
+            component="button"
+            type="button"
+            @click="$emit('toggle-color-mode', 'dark')"
+          >
+            <CIcon class="me-2" icon="cil-moon" size="lg" /> Dark
+          </CDropdownItem>
+          <CDropdownItem
+            class="d-flex align-items-center"
+            component="button"
+            type="button"
+            @click="$emit('toggle-color-mode', 'auto')"
+          >
+            <CIcon class="me-2" icon="cil-contrast" size="lg" /> Auto
+          </CDropdownItem>
+        </CDropdownMenu>
+      </CDropdown>
+      <li class="nav-item py-2 py-lg-1">
+        <div class="vr d-none d-lg-flex h-100 mx-lg-2 text-body text-opacity-75"></div>
+        <hr class="d-lg-none my-2 text-white-50" />
+      </li>
     </CHeaderNav>
     <CButton
       class="d-lg-inline-block my-2 my-md-0 ms-md-3"
@@ -35,10 +76,28 @@
   </CHeader>
 </template>
 <script lang="ts">
-import { defineComponent } from 'vue'
+import { defineComponent, ref, watch } from 'vue'
 
 export default defineComponent({
   name: 'Header',
-  emits: ['toggle-sidebar'],
+  props: {
+    theme: String,
+  },
+  emits: ['toggle-color-mode', 'toggle-sidebar'],
+  setup(props) {
+    console.log(props.theme)
+    const theme = ref(props.theme)
+    watch(
+      () => props.theme,
+      () => {
+        theme.value = props.theme
+        console.log(props.theme)
+      },
+    )
+
+    return {
+      theme
+    }
+  }
 })
 </script>
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/Sidebar.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/Sidebar.vue
index d9fba4ea..ce1b07f7 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/components/Sidebar.vue
+++ b/packages/docs/.vuepress/theme-coreui/src/client/components/Sidebar.vue
@@ -1,8 +1,23 @@
 <template>
   <CSidebar position="fixed" size="lg" class="docs-sidebar elevation-0 border-end ps-xl-4">
     <CSidebarBrand class="justify-content-start ps-3">
-      <img :src="logo" alt="CoreUI for Vue.js logo" height="50" class="d-block mt-4 mb-5" />
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 556 134"
+        height="50"
+        class="d-block mt-4 mb-5"
+      >
+        <g fill="#1bbd93">
+          <path d="m347.982 90.087-11.84-43.52-.065-.193q0-.51.641-.511h1.28a.66.66 0 0 1 .704.576l10.623 39.68c.042.086.086.128.13.128.04 0 .083-.042.126-.128l10.625-39.68a.657.657 0 0 1 .703-.576h1.217a.54.54 0 0 1 .576.704l-11.904 43.52a.658.658 0 0 1-.704.576h-1.408a.658.658 0 0 1-.704-.576ZM382.279 89.575a10.902 10.902 0 0 1-4.352-4.544 14.459 14.459 0 0 1-1.536-6.784V46.503a.566.566 0 0 1 .64-.64h1.217a.566.566 0 0 1 .64.64v32a10.549 10.549 0 0 0 2.72 7.553 10.36 10.36 0 0 0 14.336 0 10.55 10.55 0 0 0 2.72-7.553v-32a.566.566 0 0 1 .64-.64h1.216a.567.567 0 0 1 .64.64v31.744a13.01 13.01 0 0 1-3.392 9.376 11.897 11.897 0 0 1-9.023 3.553 12.848 12.848 0 0 1-6.466-1.6ZM439.584 48.103h-20.032a.226.226 0 0 0-.256.256v18.496a.226.226 0 0 0 .256.256h13.824a.567.567 0 0 1 .64.64v.96a.567.567 0 0 1-.64.64h-13.824a.226.226 0 0 0-.256.257v18.56a.226.226 0 0 0 .256.256h20.032a.567.567 0 0 1 .64.64v.96a.566.566 0 0 1-.64.64h-22.143a.565.565 0 0 1-.64-.64v-43.52a.566.566 0 0 1 .64-.64h22.143a.566.566 0 0 1 .64.64v.96a.566.566 0 0 1-.64.64ZM454.592 89.512a2.838 2.838 0 0 1-.8-2.05 2.92 2.92 0 0 1 .8-2.11 2.752 2.752 0 0 1 2.08-.833 2.846 2.846 0 0 1 2.943 2.944 2.756 2.756 0 0 1-.832 2.08 2.92 2.92 0 0 1-2.112.8 2.752 2.752 0 0 1-2.079-.831ZM474.931 88.008a11.309 11.309 0 0 1-3.2-8.416v-5.44a.566.566 0 0 1 .64-.64h1.216a.566.566 0 0 1 .64.64v5.504a9.142 9.142 0 0 0 2.529 6.72 8.973 8.973 0 0 0 6.687 2.56 8.792 8.792 0 0 0 9.28-9.28V46.503a.566.566 0 0 1 .64-.64h1.216a.566.566 0 0 1 .64.64v33.089a11.254 11.254 0 0 1-3.231 8.416 13.062 13.062 0 0 1-17.056 0ZM512.875 88.103a10.485 10.485 0 0 1-3.36-8.127v-1.793a.567.567 0 0 1 .64-.64h1.089a.567.567 0 0 1 .64.64v1.6a8.546 8.546 0 0 0 2.752 6.657 10.536 10.536 0 0 0 7.36 2.496 9.874 9.874 0 0 0 6.976-2.368 8.219 8.219 0 0 0 2.56-6.336 8.395 8.395 0 0 0-1.12-4.416 11.375 11.375 0 0 0-3.328-3.393 71.687 71.687 0 0 0-6.175-3.712 71.015 71.015 0 0 1-6.24-3.84 12.182 12.182 0 0 1-3.424-3.68 10.266 10.266 0 0 1-1.28-5.343 9.86 9.86 0 0 1 3.072-7.745 12.013 12.013 0 0 1 8.32-2.752q5.696 0 8.96 3.104a10.825 10.825 0 0 1 3.264 8.225v1.6a.566.566 0 0 1-.64.64h-1.152a.565.565 0 0 1-.64-.64v-1.472a8.864 8.864 0 0 0-2.624-6.689 9.994 9.994 0 0 0-7.233-2.527 9.37 9.37 0 0 0-6.528 2.143 7.825 7.825 0 0 0-2.367 6.113 7.809 7.809 0 0 0 1.023 4.16 10.398 10.398 0 0 0 3.008 3.039 63.025 63.025 0 0 0 5.952 3.488 70.796 70.796 0 0 1 6.72 4.256 13.461 13.461 0 0 1 3.649 3.936 10.044 10.044 0 0 1 1.28 5.184 10.719 10.719 0 0 1-3.265 8.192q-3.264 3.072-8.832 3.072-5.698 0-9.057-3.072Z"/>
+        </g>
+        <g fill="var(--cui-body-color, currentColor)">
+          <path d="m99.367 36.058-39-22.517a12 12 0 0 0-12 0l-39 22.517a12.034 12.034 0 0 0-6 10.392v45.033a12.033 12.033 0 0 0 6 10.393l39 22.516a12 12 0 0 0 12 0l39-22.516a12.033 12.033 0 0 0 6-10.393V46.45a12.034 12.034 0 0 0-6-10.392Zm-2 55.425a4 4 0 0 1-2 3.464l-39 22.517a4 4 0 0 1-4 0l-39-22.517a4 4 0 0 1-2-3.464V46.45a4 4 0 0 1 2-3.464l39-22.517a4 4 0 0 1 4 0l39 22.517a4 4 0 0 1 2 3.464Z"/>
+          <path d="M77.389 82.005h-2.866a4 4 0 0 0-1.925.493l-17.28 9.485-19.951-11.518V57.487l19.95-11.518 17.289 9.455a4 4 0 0 0 1.92.49h2.862a2 2 0 0 0 2-2v-2.712a2 2 0 0 0-1.04-1.754L59.16 38.952a8.039 8.039 0 0 0-7.843.09L31.367 50.56a8.024 8.024 0 0 0-4 6.929v22.976a8 8 0 0 0 4 6.928l19.95 11.519a8.043 8.043 0 0 0 7.843.087l19.19-10.53a2 2 0 0 0 1.038-1.754v-2.71a2 2 0 0 0-2-2ZM172.112 45.362a15.017 15.017 0 0 0-15 15v17.277a15 15 0 0 0 30 0V60.36a15.017 15.017 0 0 0-15-15Zm7 32.277a7 7 0 0 1-14 0V60.36a7 7 0 0 1 14 0ZM135.446 53.421a7.01 7.01 0 0 1 7.868 6.075.99.99 0 0 0 .984.865h6.03a1.01 1.01 0 0 0 .999-1.097 15.018 15.018 0 0 0-15.716-13.883 15.288 15.288 0 0 0-14.244 15.416v16.407a15.288 15.288 0 0 0 14.244 15.416 15.018 15.018 0 0 0 15.716-13.884 1.01 1.01 0 0 0-.998-1.097h-6.03a.99.99 0 0 0-.985.865 7.01 7.01 0 0 1-7.868 6.075 7.164 7.164 0 0 1-6.078-7.184v-16.79a7.164 7.164 0 0 1 6.078-7.184ZM218.29 72.928a12.158 12.158 0 0 0 7.183-11.077v-3.702A12.15 12.15 0 0 0 213.324 46h-16.957a1 1 0 0 0-1 1v44a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V74h6.622l7.915 17.414a1 1 0 0 0 .91.586h6.591a1 1 0 0 0 .91-1.414Zm-.817-11.077A4.154 4.154 0 0 1 213.324 66h-9.85V54h9.85a4.154 4.154 0 0 1 4.15 4.15ZM260.367 46h-26a1 1 0 0 0-1 1v44a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1h-19V72h13a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1h-13V54h19a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1ZM298.367 46h-6a1 1 0 0 0-1 1v22.647a7.007 7.007 0 1 1-14 0V47a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v22.647a15.003 15.003 0 1 0 30 0V47a1 1 0 0 0-1-1Z"/>
+          <rect width="8" height="38" x="307.367" y="46" rx="1"/>
+        </g>
+      </svg>
     </CSidebarBrand>
+    <div class="text-body-secondary ms-3 me-5 mb-2 small fw-semibold">Framework:</div>
     <CDropdown class="ms-3 me-5 mb-4">
       <CDropdownToggle color="primary" variant="outline"> Vue.js </CDropdownToggle>
       <CDropdownMenu class="w-100">
@@ -25,7 +40,6 @@
 import { defineComponent } from 'vue'
 import { useSidebarItems } from '../composables'
 import { SidebarNav } from './SidebarNav'
-import logo from '../../assets/brand/coreui-vue.svg'
 
 export default defineComponent({
   name: 'Sidebar',
@@ -37,7 +51,6 @@ export default defineComponent({
   setup() {
     const sidebarItems = useSidebarItems()
     return {
-      logo,
       sidebarItems,
     }
   },
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue b/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue
index bd13c446..d78c2ce6 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue
+++ b/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue
@@ -7,7 +7,11 @@
   >
     <Sidebar :visible="isSidebarOpen" @visible-change="(event) => (isSidebarOpen = event)" />
     <div class="wrapper d-flex flex-column min-vh-100">
-      <Header @toggle-sidebar="toggleSidebar(!isSidebarOpen)" />
+      <Header
+        :theme="storedTheme"
+        @toggle-sidebar="toggleSidebar(!isSidebarOpen)"
+        @toggle-color-mode="(theme) => {setTheme(theme)}"
+      />
       <div class="body flex-grow-1 px-3">
         <CContainer lg>
           <Home v-if="frontmatter.home" />
@@ -45,7 +49,7 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, onMounted, ref, Transition } from 'vue'
+import { computed, defineComponent, onBeforeMount, onMounted, ref, Transition } from 'vue'
 import { usePageData, usePageFrontmatter } from '@vuepress/client'
 import type { DefaultThemePageFrontmatter } from '../../shared'
 import Footer from '../components/Footer.vue'
@@ -101,6 +105,46 @@ export default defineComponent({
     const onBeforeEnter = scrollPromise.resolve
     const onBeforeLeave = scrollPromise.pending
 
+    const theme = 'coreui-react-docs-theme'
+    const storedTheme = ref()
+
+    const getPreferredTheme = (storedTheme: string | undefined) => {
+      if (storedTheme) {
+        return storedTheme
+      }
+
+      return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
+    }
+
+    const setTheme = (theme: string) => {
+      document.documentElement.dataset.coreuiTheme =
+        theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches
+          ? 'dark'
+          : theme
+
+      const event = new Event('ColorSchemeChange')
+      document.documentElement.dispatchEvent(event)
+      storedTheme.value = theme
+
+      localStorage.setItem('coreui-react-docs-theme', theme)
+    }
+
+    onMounted(() => {
+      if (typeof localStorage.getItem(theme) === 'string') {
+        storedTheme.value = localStorage.getItem(theme)
+      }
+
+      window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
+        if (storedTheme.value !== 'light' || storedTheme.value !== 'dark') {
+          setTheme(getPreferredTheme(storedTheme.value))
+        }
+      })
+
+      if (localStorage.getItem(theme)) {
+        setTheme(localStorage.getItem(theme))
+      }
+    })
+
     onMounted(() => {
       const searchElement = document.getElementById('docsearch') as HTMLElement
       docsearch({
@@ -121,6 +165,8 @@ export default defineComponent({
       toggleSidebar,
       onBeforeEnter,
       onBeforeLeave,
+      setTheme,
+      storedTheme,
     }
   },
 })
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_ads.scss b/packages/docs/.vuepress/theme-coreui/src/client/styles/_ads.scss
index 6135a5e3..575db8b0 100644
--- a/packages/docs/.vuepress/theme-coreui/src/client/styles/_ads.scss
+++ b/packages/docs/.vuepress/theme-coreui/src/client/styles/_ads.scss
@@ -1,3 +1,9 @@
+// stylelint-disable declaration-no-important, selector-max-id
+
+//
+// Carbon ads
+//
+
 #carbonads {
   position: static;
   display: block;
@@ -8,10 +14,10 @@
   @include font-size(.8125rem);
   line-height: 1.4;
   text-align: left;
-  background-color: $gray-100;
+  background-color: var(--cui-tertiary-bg);
 
   a {
-    color: $gray-800;
+    color: var(--cui-body-color);
     text-decoration: none;
   }
 
@@ -28,5 +34,5 @@
 .carbon-poweredby {
   display: block;
   margin-top: .75rem;
-  color: $gray-700 !important;
-}
\ No newline at end of file
+  color: var(--cui-body-color) !important;
+}
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_code-group.scss b/packages/docs/.vuepress/theme-coreui/src/client/styles/_code-group.scss
deleted file mode 100755
index e975bed7..00000000
--- a/packages/docs/.vuepress/theme-coreui/src/client/styles/_code-group.scss
+++ /dev/null
@@ -1,67 +0,0 @@
-/**
- * code-group
- */
-.code-group__nav {
-  margin-top: 0.85rem;
-  // 2 * margin + border-radius of <pre> tag
-  margin-bottom: calc(-1.7rem - 6px);
-  padding-bottom: calc(1.7rem - 6px);
-  padding-left: 10px;
-  padding-top: 10px;
-  border-top-left-radius: 6px;
-  border-top-right-radius: 6px;
-  background-color: var(--code-bg-color);
-}
-
-.code-group__ul {
-  margin: auto 0;
-  padding-left: 0;
-  display: inline-flex;
-  list-style: none;
-}
-
-.code-group__nav-tab {
-  border: 0;
-  padding: 5px;
-  cursor: pointer;
-  background-color: transparent;
-  font-size: 0.85em;
-  line-height: 1.4;
-  color: rgba(255, 255, 255, 0.9);
-  font-weight: 600;
-}
-
-.code-group__nav-tab:focus {
-  outline: none;
-}
-
-.code-group__nav-tab:focus-visible {
-  outline: 1px solid rgba(255, 255, 255, 0.9);
-}
-
-.code-group__nav-tab-active {
-  border-bottom: var(--c-brand) 1px solid;
-}
-
-@media (max-width: $MQMobileNarrow) {
-  .code-group__nav {
-    margin-left: -1.5rem;
-    margin-right: -1.5rem;
-    border-radius: 0;
-  }
-}
-
-/**
- * code-group-item
- */
-.code-group-item {
-  display: none;
-}
-
-.code-group-item__active {
-  display: block;
-}
-
-.code-group-item > pre {
-  background-color: orange;
-}
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_code.scss b/packages/docs/.vuepress/theme-coreui/src/client/styles/_code.scss
deleted file mode 100755
index f494e9b7..00000000
--- a/packages/docs/.vuepress/theme-coreui/src/client/styles/_code.scss
+++ /dev/null
@@ -1,267 +0,0 @@
-@import '_variables';
-
-// ===============================
-// Forked and modified from prismjs/themes/prism-tomorrow.css
-
-code[class*='language-'],
-pre[class*='language-'] {
-  color: #ccc;
-  background: none;
-  font-family: var(--font-family-code);
-  font-size: .875em;
-  text-align: left;
-  white-space: pre;
-  word-spacing: normal;
-  word-break: normal;
-  word-wrap: normal;
-  line-height: 1.5;
-
-  -moz-tab-size: 4;
-  -o-tab-size: 4;
-  tab-size: 4;
-
-  -webkit-hyphens: none;
-  -moz-hyphens: none;
-  -ms-hyphens: none;
-  hyphens: none;
-}
-
-/* Code blocks */
-pre[class*='language-'] {
-  padding: 1em;
-  margin: 0.5em 0;
-  overflow: auto;
-}
-
-:not(pre) > code[class*='language-'],
-pre[class*='language-'] {
-  background: #2d2d2d;
-}
-
-/* Inline code */
-:not(pre) > code[class*='language-'] {
-  padding: 0.1em;
-  border-radius: 0.3em;
-  white-space: normal;
-}
-
-.token.comment,
-.token.block-comment,
-.token.prolog,
-.token.doctype,
-.token.cdata {
-  color: #999;
-}
-
-.token.punctuation {
-  color: #ccc;
-}
-
-.token.tag,
-.token.attr-name,
-.token.namespace,
-.token.deleted {
-  color: #ec5975;
-}
-
-.token.function-name {
-  color: #6196cc;
-}
-
-.token.boolean,
-.token.number,
-.token.function {
-  color: #f08d49;
-}
-
-.token.property,
-.token.class-name,
-.token.constant,
-.token.symbol {
-  color: #f8c555;
-}
-
-.token.selector,
-.token.important,
-.token.atrule,
-.token.keyword,
-.token.builtin {
-  color: #cc99cd;
-}
-
-.token.string,
-.token.char,
-.token.attr-value,
-.token.regex,
-.token.variable {
-  color: #7ec699;
-}
-
-.token.operator,
-.token.entity,
-.token.url {
-  color: #67cdcc;
-}
-
-.token.important,
-.token.bold {
-  font-weight: bold;
-}
-.token.italic {
-  font-style: italic;
-}
-
-.token.entity {
-  cursor: help;
-}
-
-.token.inserted {
-  color: var(--c-text-accent);
-}
-
-// ===============================
-
-.theme-default-content {
-  pre,
-  pre[class*='language-'] {
-    line-height: 1.4;
-    padding: 1.25rem 1.5rem;
-    margin: 0.85rem 0;
-    border-radius: 6px;
-    overflow: auto;
-
-    code {
-      color: #fff;
-      padding: 0;
-      background-color: transparent;
-      border-radius: 0;
-      -webkit-font-smoothing: auto;
-      -moz-osx-font-smoothing: auto;
-    }
-  }
-
-  .line-number {
-    font-family: var(--font-family-code);
-  }
-}
-
-div[class*='language-'] {
-  position: relative;
-  background-color: var(--code-bg-color);
-  border-radius: 6px;
-
-  &::before {
-    position: absolute;
-    z-index: 3;
-    top: 0.8em;
-    right: 1em;
-    font-size: 0.75rem;
-    color: var(--code-ln-color);
-  }
-
-  pre,
-  pre[class*='language-'] {
-    // force override the background color to be compatible with shiki
-    background: transparent !important;
-    position: relative;
-    z-index: 1;
-  }
-
-  .highlight-lines {
-    user-select: none;
-    padding-top: 1.3rem;
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    line-height: 1.4;
-
-    .highlight-line {
-      background-color: var(--code-hl-bg-color);
-    }
-  }
-
-  &:not(.line-numbers-mode) {
-    .line-numbers {
-      display: none;
-    }
-  }
-
-  &.line-numbers-mode {
-    .highlight-lines .highlight-line {
-      position: relative;
-
-      &::before {
-        content: ' ';
-        position: absolute;
-        z-index: 2;
-        left: 0;
-        top: 0;
-        display: block;
-        width: var(--code-ln-wrapper-width);
-        height: 100%;
-      }
-    }
-
-    pre {
-      margin-left: var(--code-ln-wrapper-width);
-      padding-left: 1rem;
-      vertical-align: middle;
-    }
-
-    .line-numbers {
-      position: absolute;
-      top: 0;
-      width: var(--code-ln-wrapper-width);
-      text-align: center;
-      color: var(--code-ln-color);
-      // padding-top: 1.09375rem;
-      // padding-top: 1.25rem;
-      padding-top: 1.25rem;
-      line-height: 1.225;
-      // line-height: 1.4;
-//225
-
-      br {
-        user-select: none;
-      }
-
-      .line-number {
-        position: relative;
-        z-index: 3;
-        user-select: none;
-        font-size: 0.85em;
-        // font-size: 0.74375em;
-      }
-    }
-
-    &::after {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: var(--code-ln-wrapper-width);
-      height: 100%;
-      border-radius: 6px 0 0 6px;
-      border-right: 1px solid var(--code-hl-bg-color);
-    }
-  }
-}
-
-@each $lang in $codeLang {
-  div[class*='language-'].ext-#{$lang} {
-    &:before {
-      content: '' + $lang;
-    }
-  }
-}
-
-// narrow mobile
-@media (max-width: $MQMobileNarrow) {
-  .theme-default-content {
-    div[class*='language-'] {
-      margin: 0.85rem -1.5rem;
-      border-radius: 0;
-    }
-  }
-}
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_component-examples.scss b/packages/docs/.vuepress/theme-coreui/src/client/styles/_component-examples.scss
new file mode 100644
index 00000000..736fa635
--- /dev/null
+++ b/packages/docs/.vuepress/theme-coreui/src/client/styles/_component-examples.scss
@@ -0,0 +1,425 @@
+//
+// Docs examples
+//
+
+.docs-example-snippet {
+  border: solid var(--cui-border-color);
+  border-width: 1px 0;
+
+  @include media-breakpoint-up(md) {
+    border-width: 1px;
+  }
+}
+
+.docs-example {
+  --cd-example-padding: 1rem;
+
+  position: relative;
+  padding: var(--cd-example-padding);
+  margin: 0 ($cd-gutter-x * -.5);
+  border: solid var(--cui-border-color);
+  border-width: 1px 0;
+  @include clearfix();
+
+  @include media-breakpoint-up(md) {
+    --cd-example-padding: 1.5rem;
+
+    margin-right: 0;
+    margin-left: 0;
+    border-width: 1px;
+    @include border-top-radius(var(--cui-border-radius));
+  }
+
+  + .docs-code-snippet {
+    @include border-top-radius(0);
+    border: solid var(--cui-border-color);
+    border-width: 0 1px 1px;
+  }
+
+  + p {
+    margin-top: 2rem;
+  }
+
+  > .form-control {
+    + .form-control {
+      margin-top: .5rem;
+    }
+  }
+
+  > .nav + .nav,
+  > .alert + .alert,
+  > .navbar + .navbar,
+  > .progress + .progress {
+    margin-top: $spacer;
+  }
+
+  > .dropdown-menu {
+    position: static;
+    display: block;
+  }
+
+  > :last-child,
+  > nav:last-child .breadcrumb {
+    margin-bottom: 0;
+  }
+
+  > hr:last-child {
+    margin-bottom: $spacer;
+  }
+
+  // Images
+  > svg + svg,
+  > img + img {
+    margin-left: .5rem;
+  }
+
+  // Buttons
+  > .btn,
+  > .btn-group {
+    margin: .25rem .125rem;
+  }
+  > .btn-toolbar + .btn-toolbar {
+    margin-top: .5rem;
+  }
+
+  // List groups
+  > .list-group {
+    max-width: 400px;
+  }
+
+  > [class*="list-group-horizontal"] {
+    max-width: 100%;
+  }
+
+  // Navbars
+  .fixed-top,
+  .sticky-top {
+    position: static;
+    margin: calc(var(--cd-example-padding) * -1) calc(var(--cd-example-padding) * -1) var(--cd-example-padding); // stylelint-disable-line function-disallowed-list
+  }
+
+  .fixed-bottom,
+  .sticky-bottom {
+    position: static;
+    margin: var(--cd-example-padding) calc(var(--cd-example-padding) * -1) calc(var(--cd-example-padding) * -1); // stylelint-disable-line function-disallowed-list
+
+  }
+
+  // Pagination
+  .pagination {
+    margin-bottom: 0;
+  }
+}
+
+//
+// Grid examples
+//
+
+.docs-example-row [class^="col"],
+.docs-example-cols [class^="col"] > *,
+.docs-example-cssgrid [class*="grid"] > * {
+  padding-top: .75rem;
+  padding-bottom: .75rem;
+  background-color: rgba(var(--cd-violet-rgb), .15);
+  border: 1px solid rgba(var(--cd-violet-rgb), .3);
+}
+
+.docs-example-row .row + .row,
+.docs-example-cssgrid .grid + .grid {
+  margin-top: 1rem;
+}
+
+.docs-example-row-flex-cols .row {
+  min-height: 10rem;
+  background-color: rgba(var(--cd-violet-rgb), .15);
+}
+
+.docs-example-flex div:not(.vr) {
+  background-color: rgba(var(--cd-violet-rgb), .15);
+  border: 1px solid rgba(var(--cd-violet-rgb), .3);
+}
+
+// Grid mixins
+.example-container {
+  width: 800px;
+  @include make-container();
+}
+
+.example-row {
+  @include make-row();
+}
+
+.example-content-main {
+  @include make-col-ready();
+
+  @include media-breakpoint-up(sm) {
+    @include make-col(6);
+  }
+
+  @include media-breakpoint-up(lg) {
+    @include make-col(8);
+  }
+}
+
+.example-content-secondary {
+  @include make-col-ready();
+
+  @include media-breakpoint-up(sm) {
+    @include make-col(6);
+  }
+
+  @include media-breakpoint-up(lg) {
+    @include make-col(4);
+  }
+}
+
+// Ratio helpers
+.docs-example-ratios {
+  .ratio {
+    display: inline-block;
+    width: 10rem;
+    color: var(--cui-secondary-color);
+    background-color: var(--cui-tertiary-bg);
+    border: var(--cui-border-width) solid var(--cui-border-color);
+
+    > div {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+  }
+}
+.docs-example-ratios-breakpoint {
+  .ratio-4x3 {
+    width: 16rem;
+
+    @include media-breakpoint-up(md) {
+      --cui-aspect-ratio: 50%; // 2x1
+    }
+  }
+}
+
+.docs-example-offcanvas {
+  .offcanvas {
+    position: static;
+    display: block;
+    height: 200px;
+    visibility: visible;
+    transform: translate(0);
+  }
+}
+
+// Tooltips
+.tooltip-demo {
+  a {
+    white-space: nowrap;
+  }
+
+  .btn {
+    margin: .25rem .125rem;
+  }
+}
+
+// scss-docs-start custom-tooltip
+.custom-tooltip {
+  --cui-tooltip-bg: var(--cui-primary);
+}
+// scss-docs-end custom-tooltip
+
+// scss-docs-start custom-popovers
+.custom-popover {
+  --cui-popover-max-width: 200px;
+  --cui-popover-border-color: var(--cui-primary);
+  --cui-popover-header-bg: var(--cui-primary);
+  --cui-popover-header-color: var(--cui-white);
+  --cui-popover-body-padding-x: 1rem;
+  --cui-popover-body-padding-y: .5rem;
+}
+// scss-docs-end custom-popovers
+
+// Scrollspy demo on fixed height div
+.scrollspy-example {
+  height: 200px;
+  margin-top: .5rem;
+  overflow: auto;
+}
+
+.scrollspy-example-2 {
+  height: 350px;
+  overflow: auto;
+}
+
+.simple-list-example-scrollspy {
+  .active {
+    background-color: rgba(var(--cd-violet-rgb), .15);
+  }
+}
+
+.docs-example-border-utils {
+  [class^="border"] {
+    display: inline-block;
+    width: 5rem;
+    height: 5rem;
+    margin: .25rem;
+    background-color: var(--cui-tertiary-bg);
+  }
+}
+
+.docs-example-rounded-utils {
+  [class*="rounded"] {
+    margin: .25rem;
+  }
+}
+
+.docs-example-position-utils {
+  position: relative;
+  padding: 2rem;
+
+  .position-relative {
+    height: 200px;
+    background-color: var(--cui-tertiary-bg);
+  }
+
+  .position-absolute {
+    width: 2rem;
+    height: 2rem;
+    background-color: var(--cui-body-color);
+    @include border-radius();
+  }
+}
+
+.docs-example-position-examples {
+  &::after {
+    content: none;
+  }
+}
+
+// Placeholders
+.docs-example-placeholder-cards {
+  &::after {
+    display: none;
+  }
+
+  .card {
+    width: 18rem;
+  }
+}
+
+// Toasts
+.docs-example-toasts {
+  min-height: 240px;
+}
+
+.docs-example-zindex-levels {
+  min-height: 15rem;
+
+  > div {
+    color: var(--cui-body-bg);
+    background-color: var(--cd-violet);
+    border: 1px solid var(--cd-purple);
+
+    > span {
+      position: absolute;
+      right: 5px;
+      bottom: 0;
+    }
+  }
+
+  > :nth-child(2) {
+    top: 3rem;
+    left: 3rem;
+  }
+  > :nth-child(3) {
+    top: 4.5rem;
+    left: 4.5rem;
+  }
+  > :nth-child(4) {
+    top: 6rem;
+    left: 6rem;
+  }
+  > :nth-child(5) {
+    top: 7.5rem;
+    left: 7.5rem;
+  }
+}
+
+//
+// Code snippets
+//
+
+div[class^="language-"],
+.highlight {
+  position: relative;
+  padding: .75rem ($cd-gutter-x * .5);
+  margin-bottom: 1rem;
+  background-color: var(--cd-pre-bg);
+
+  @include media-breakpoint-up(md) {
+    padding: .75rem 1.25rem;
+    @include border-radius(var(--cui-border-radius));
+  }
+
+  pre {
+    padding: .25rem 0 .875rem;
+    margin-top: .8125rem;
+    margin-right: 1.875rem;
+    margin-bottom: 0;
+    overflow: overlay;
+    white-space: pre;
+    background-color: transparent;
+    border: 0;
+  }
+
+  pre code {
+    @include font-size(inherit);
+    color: var(--cui-body-color); // Effectively the base text color
+    word-wrap: normal;
+  }
+}
+
+.docs-code-snippet {
+  margin: 0 ($cd-gutter-x * -.5) $spacer;
+
+  div[class^="language-"],
+  .highlight {
+    margin-bottom: 0;
+  }
+
+  .docs-example ~ div[class^="language-"],
+  .docs-example ~ .highlight {
+    border: 0;
+    @include border-top-radius(0);
+  }
+
+  .docs-example {
+    margin: 0;
+    border: 0;
+  }
+
+  @include media-breakpoint-up(md) {
+    margin-right: 0;
+    margin-left: 0;
+    @include border-radius($border-radius);
+  }
+}
+
+.highlight-toolbar {
+  background-color: var(--cd-pre-bg);
+}
+
+.docs-scss-docs {
+  .highlight-toolbar {
+    @include border-top-radius(calc(var(--cui-border-radius) + 1px));
+  }
+}
+
+.docs-example {
+  border-bottom-width: 0;
+}
+
+.docs-example + div[class^="language-"],
+.docs-example + .highlight {
+  border: 1px solid var(--cui-border-color);
+  border-top-width: 0;
+  @include border-top-radius(0);
+}
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_demo.scss b/packages/docs/.vuepress/theme-coreui/src/client/styles/_demo.scss
deleted file mode 100644
index f604d7e7..00000000
--- a/packages/docs/.vuepress/theme-coreui/src/client/styles/_demo.scss
+++ /dev/null
@@ -1,314 +0,0 @@
-
-.docs-example {
-
-  + div[class*='language-'] {
-    padding-top: 0;
-    margin-top: 0;
-    margin-bottom: 1.5rem;
-    border-radius: 0 0 6px 6px;
-    max-height: 500px;
-    overflow: scroll;
-
-    pre {
-      margin-top: 0;
-    }
-  }
-
-  .rtl .input-group > :not(:last-child), 
-  .rtl .input-group > .dropdown-toggle:nth-last-child(n+3) {
-    border-right: 0 !important;
-    @include border-end-radius($input-border-radius !important);
-  }
-
-  .rtl .input-group > :not(:first-child) {
-    @include border-start-radius($input-border-radius !important);
-    @include border-end-radius(0 !important);
-  }
-
-  .rtl .picker .input-group .form-control:first-child {
-    border-right : $input-border-width solid var(--#{$variable-prefix}input-border-color, $input-border-color) !important;
-  }
-
-  .rtl .picker .input-group > * + *:not(:last-child) {
-    @include border-start-radius(0 !important);
-  }
-}
-
-.docs-example-offcanvas .offcanvas {
-  position: static;
-  display: block;
-  height: 200px;
-  visibility: visible;
-  transform: translate(0) !important;
-}
-
-//
-// Grid examples
-//
-
-.docs-example-row {
-  .row {
-    > .col,
-    > [class^="col-"] {
-      padding-top: .75rem;
-      padding-bottom: .75rem;
-      background-color: rgba(39, 41, 43, .03);
-      border: 1px solid rgba(39, 41, 43, .1);
-    }
-  }
-
-  .row + .row {
-    margin-top: 1rem;
-  }
-}
-
-.docs-example-row-flex-cols .row {
-  min-height: 10rem;
-  background-color: rgba(255, 0, 0, .1);
-}
-
-.docs-example-cssgrid {
-  text-align: center;
-
-  .grid + .grid {
-    margin-top: 1rem;
-  }
-
-  .grid > * {
-    padding-top: .75rem;
-    padding-bottom: .75rem;
-    background-color: rgba(255, 0, 255, .1);
-    border: 1px solid rgba(255, 0, 255, .25);
-  }
-}
-
-// Grid mixins
-// .example-container {
-//   width: 800px;
-//   @include make-container();
-// }
-
-// .example-row {
-//   @include make-row();
-// }
-
-// .example-content-main {
-//   @include make-col-ready();
-
-//   @include media-breakpoint-up(sm) {
-//     @include make-col(6);
-//   }
-
-//   @include media-breakpoint-up(lg) {
-//     @include make-col(8);
-//   }
-// }
-
-// .example-content-secondary {
-//   @include make-col-ready();
-
-//   @include media-breakpoint-up(sm) {
-//     @include make-col(6);
-//   }
-
-//   @include media-breakpoint-up(lg) {
-//     @include make-col(4);
-//   }
-// }
-
-
-//
-// Docs examples
-//
-
-.docs-example {
-  // position: relative;
-  // padding: 1rem;
-  // margin: 1rem (-$grid-gutter-width * .5) 0;
-  // border: solid $gray-200;
-  // border-width: 1px 0 0;
-  // @include clearfix();
-
-  // @include media-breakpoint-up(sm) {
-  //   padding: 1.5rem;
-  //   margin-right: 0;
-  //   margin-left: 0;
-  //   border-width: 1px;
-  //   @include border-top-radius(.25rem);
-
-  //   + .docs-clipboard + .highlight {
-  //     @include border-bottom-radius(.25rem);
-  //   }
-  // }
-
-  + p {
-    margin-top: 2rem;
-  }
-
-  > .form-control {
-    + .form-control {
-      margin-top: .5rem;
-    }
-  }
-
-  > .nav + .nav,
-  > .alert + .alert,
-  > .navbar + .navbar,
-  > .progress + .progress {
-    margin-top: 1rem;
-  }
-
-  > .dropdown-menu {
-    position: static;
-    display: block;
-  }
-
-  > :last-child {
-    margin-bottom: 0;
-  }
-
-  // Images
-  > svg + svg,
-  > img + img {
-    margin-left: .5rem;
-  }
-
-  // Buttons
-  > .btn,
-  > .btn-group {
-    margin: .25rem .125rem;
-  }
-  > .btn-toolbar + .btn-toolbar {
-    margin-top: .5rem;
-  }
-
-  // List groups
-  > .list-group {
-    max-width: 400px;
-  }
-
-  > [class*="list-group-horizontal"] {
-    max-width: 100%;
-  }
-
-  // Navbars
-  .fixed-top,
-  .sticky-top {
-    position: static;
-    margin: -1rem -1rem 1rem;
-  }
-
-  .fixed-bottom {
-    position: static;
-    margin: 1rem -1rem -1rem;
-  }
-
-  // @include media-breakpoint-up(sm) {
-  //   .fixed-top,
-  //   .sticky-top {
-  //     margin: -1.5rem -1.5rem 1rem;
-  //   }
-  //   .fixed-bottom {
-  //     margin: 1rem -1.5rem -1.5rem;
-  //   }
-  // }
-
-  // Pagination
-  .pagination {
-    margin-top: .5rem;
-    margin-bottom: .5rem;
-  }
-}
-
-// // Ratio helpers
-// .docs-example-ratios {
-//   .ratio {
-//     display: inline-block;
-//     width: 10rem;
-//     color: $gray-600;
-//     background-color: $gray-100;
-//     border: $border-width solid $border-color;
-
-//     > div {
-//       display: flex;
-//       align-items: center;
-//       justify-content: center;
-//     }
-//   }
-// }
-// .docs-example-ratios-breakpoint {
-//   .ratio-4x3 {
-//     width: 16rem;
-
-//     // @include media-breakpoint-up(md) {
-//     //   aspect-ratio: 50%; // 2x1
-//     // }
-//   }
-// }
-
-.docs-example-modal {
-  background-color: #fafafa;
-
-  .modal {
-    position: static;
-    display: block;
-  }
-}
-
-.docs-example-offcanvas {
-  // @include border-start-radius(0);
-
-  .offcanvas {
-    position: static;
-    display: block;
-    height: 200px;
-    visibility: visible;
-    transform: translate(0);
-  }
-}
-
-// Tooltips
-.tooltip-demo a {
-  white-space: nowrap;
-}
-
-// Scrollspy demo on fixed height div
-.scrollspy-example {
-  position: relative;
-  height: 200px;
-  margin-top: .5rem;
-  overflow: auto;
-}
-
-.scrollspy-example-2 {
-  position: relative;
-  height: 350px;
-  overflow: auto;
-}
-
-// .docs-example-position-utils {
-//   position: relative;
-//   padding: 3em;
-
-//   .position-relative {
-//     height: 200px;
-//     background-color: #f5f5f5;
-//   }
-
-//   .position-absolute {
-//     width: 2em;
-//     height: 2em;
-//     background-color: $dark;
-//   }
-// }
-
-.docs-example-position-examples {
-  &::after {
-    content: none;
-  }
-}
-
-// Toasts
-.docs-example-toasts {
-  min-height: 240px;
-}
\ No newline at end of file
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_footer.scss b/packages/docs/.vuepress/theme-coreui/src/client/styles/_footer.scss
index 37e2a195..7544a17b 100644
--- a/packages/docs/.vuepress/theme-coreui/src/client/styles/_footer.scss
+++ b/packages/docs/.vuepress/theme-coreui/src/client/styles/_footer.scss
@@ -1,9 +1,19 @@
-.footer.docs-footer {
-  --cui-footer-bg: #f0f4f7;
-  font-size: 0.875rem;
+//
+// Footer
+//
+
+.footer {
+  --cui-footer-bg: var(--cui-tertiary-bg);
+  @include font-size(.875rem);
 
   a {
-    color: #768192;
+    color: var(--#{$prefix}tertiary-color);
     text-decoration: none;
+
+    &:hover,
+    &:focus {
+      color: var(--cui-link-hover-color);
+      text-decoration: underline;
+    }
   }
 }
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_prism.scss b/packages/docs/.vuepress/theme-coreui/src/client/styles/_prism.scss
new file mode 100644
index 00000000..cd85111f
--- /dev/null
+++ b/packages/docs/.vuepress/theme-coreui/src/client/styles/_prism.scss
@@ -0,0 +1,172 @@
+/* PrismJS 1.24.1
+https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript */
+/**
+ * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML
+ * Based on https://github.com/chriskempson/tomorrow-theme
+ * @author Rose Pritchard
+ */
+
+:root,
+[data-coreui-theme="light"] {
+  // --base00: #fff;
+  // --base01: #f5f5f5;
+  --base02: #c8c8fa;
+  --base03: #565c64;
+  --base04: #666;
+  --base05: #333;
+  --base06: #fff;
+  --base07: #{$teal-700}; // #9a6700
+  --base08: #{mix($red-500, $red-600, 50%)}; // #bc4c00
+  --base09: #{$cyan-700}; // #087990
+  --base0A: #{$purple-500}; // #795da3
+  --base0B: #{$blue-700}; // #183691
+  --base0C: #{$blue-700}; // #183691
+  --base0D: #{$purple-500}; // #795da3
+  --base0E: #{$pink-600}; // #a71d5d
+  --base0F: #333;
+ }
+
+@include color-mode(dark, true) {
+  // --base00: #282c34;
+  // --base01: #353b45;
+  --base02: #3e4451;
+  --base03: #868e96;
+  --base04: #868e96;
+  --base05: #abb2bf;
+  --base06: #b6bdca;
+  --base07: #{$orange-300}; // #d19a66
+  --base08: #{$cyan-300};
+  --base09: #{$orange-300}; // #d19a66
+  --base0A: #{$yellow-200}; // #e5c07b
+  --base0B: #{$teal-300}; // #98c379
+  --base0C: #{$teal-300}; // #56b6c2
+  --base0D: #{$blue-300}; // #61afef
+  --base0E: #{$indigo-200}; // #c678dd
+  --base0F: #{$red-300}; // #be5046
+
+  .language-diff .gd {
+    color: $red-400;
+  }
+  .language-diff .gi {
+    color: $green-400;
+  }
+}
+
+code[class*='language-'],
+pre[class*='language-'] {
+  background: none;
+  font-family: var(--cui-font-monospace);
+  font-size: .875em;
+  text-align: left;
+  white-space: pre;
+
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+
+pre[class*='language-']:not(.language-sass):not(.language-text):not(.language-css) {
+  overflow: scroll;
+  max-height: 500px;
+}
+
+.token.comment,
+.token.block-comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: var(--base03);
+}
+
+.token.tag {
+  color: var(--base08);
+}
+
+.token.attr-name,
+.token.namespace,
+.token.deleted {
+  color: var(--base0A);
+}
+
+.token.punctuation {
+  color: var(--base05);
+}
+
+.token.function-name {
+  color: var(--base0A); 
+}
+
+.token.boolean,
+.token.number,
+.token.function {
+  color: var(--base09);
+}
+
+.token.class-name,
+.token.maybe-class-name {
+  color: var(--base08);
+}
+
+.token.property,
+.token.constant,
+.token.symbol {
+  color: var(--base0A);
+}
+
+.token.selector,
+.token.important,
+.token.atrule,
+.token.keyword,
+.token.builtin {
+  color: var(--base0E);
+}
+
+.token.string,
+.token.char,
+.token.attr-value,
+.token.regex,
+.token.variable {
+  color: var(--base0C);
+}
+
+.token.operator,
+.token.entity,
+.token.url {
+  color: var(--base05);
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}
+
+.token.inserted {
+  color: green;
+}
+
+.language-bash,
+.language-sh {
+  .token-line::before {
+    color: var(--base03);
+    content: "$ ";
+    user-select: none;
+  }
+}
+
+.language-powershell::before {
+  color: var(--base0C);
+  content: "PM> ";
+  user-select: none;
+}
\ No newline at end of file
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_scrolling.scss b/packages/docs/.vuepress/theme-coreui/src/client/styles/_scrolling.scss
new file mode 100644
index 00000000..20179600
--- /dev/null
+++ b/packages/docs/.vuepress/theme-coreui/src/client/styles/_scrolling.scss
@@ -0,0 +1,13 @@
+// When navigating with the keyboard, prevent focus from landing behind the sticky header
+
+main {
+  a,
+  button,
+  h2,
+  h3,
+  h4,
+  [tabindex="0"] {
+    scroll-margin-top: 80px;
+    scroll-margin-bottom: 100px;
+  }
+}
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_search.scss b/packages/docs/.vuepress/theme-coreui/src/client/styles/_search.scss
index 645cb20b..c487e640 100644
--- a/packages/docs/.vuepress/theme-coreui/src/client/styles/_search.scss
+++ b/packages/docs/.vuepress/theme-coreui/src/client/styles/_search.scss
@@ -1,7 +1,32 @@
 // stylelint-disable selector-class-pattern
 
+:root {
+  --docsearch-primary-color: var(--cui-primary);
+  --docsearch-logo-color: var(--cui-primary);
+}
+
+@include color-mode(dark, true) {
+  // From here, the values are copied from https://cdn.jsdelivr.net/npm/@docsearch/css@3
+  // in html[data-theme="dark"] selector
+  // and are slightly modified for formatting purpose
+  --docsearch-text-color: #f5f6f7;
+  --docsearch-container-background: rgba(9, 10, 17, .8);
+  --docsearch-modal-background: #15172a;
+  --docsearch-modal-shadow: inset 1px 1px 0 0 #2c2e40, 0 3px 8px 0 #000309;
+  --docsearch-searchbox-background: #090a11;
+  --docsearch-searchbox-focus-background: #000;
+  --docsearch-hit-color: #bec3c9;
+  --docsearch-hit-shadow: none;
+  --docsearch-hit-background: #090a11;
+  --docsearch-key-gradient: linear-gradient(-26.5deg, #565872, #31355b);
+  --docsearch-key-shadow: inset 0 -2px 0 0 #282d55, inset 0 0 1px 1px #51577d, 0 2px 2px 0 rgba(3, 4, 9, .3);
+  --docsearch-footer-background: #1e2136;
+  --docsearch-footer-shadow: inset 0 1px 0 0 rgba(73, 76, 106, .5), 0 -4px 8px 0 rgba(0, 0, 0, .2);
+  --docsearch-muted-color: #7f8497;
+}
+
 .DocSearch-Container {
-  --docsearch-muted-color: #{$text-muted};
+  --docsearch-muted-color: var(--cui-secondary-color);
   --docsearch-hit-shadow: none;
 
   z-index: 2000; // Make sure to be over all components showcased in the documentation
@@ -13,6 +38,13 @@
 }
 
 .DocSearch-Button {
+  --docsearch-searchbox-background: #{rgba($black, .1)};
+  // --docsearch-searchbox-color: #{$white};
+  --docsearch-searchbox-focus-background: #{rgba($black, .25)};
+  // --docsearch-searchbox-shadow: #{0 0 0 .25rem rgba($bd-accent, .4)};
+  // --docsearch-text-color: #{$white};
+  // --docsearch-muted-color: #{rgba($white, .65)};
+
   min-width: 200px;
   min-height: 38px;
   font-family: $input-font-family;
@@ -112,3 +144,9 @@
   display: flex;
   align-items: center;
 }
+
+// Fix --docsearch-logo-color that doesn't do anything
+.DocSearch-Logo svg .cls-1,
+.DocSearch-Logo svg .cls-2 {
+  fill: var(--docsearch-logo-color);
+}
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_sidebar.scss b/packages/docs/.vuepress/theme-coreui/src/client/styles/_sidebar.scss
index 61cfb58f..18ab0150 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/styles/_sidebar.scss
+++ b/packages/docs/.vuepress/theme-coreui/src/client/styles/_sidebar.scss
@@ -1,11 +1,16 @@
 .sidebar.docs-sidebar {
-  --cui-sidebar-bg: #f0f4f7;
+  --cui-sidebar-bg: var(--cui-tertiary-bg);
   --cui-sidebar-brand-bg: transparent;
-  --cui-sidebar-brand-color: rgba(44,56,74,0.87);
-  --cui-sidebar-nav-link-color: rgba(44,56,74,0.87);
-  --cui-sidebar-nav-link-active-color: #321fdb;
-  --cui-sidebar-nav-link-hover-color: #321fdb;
+  --cui-sidebar-brand-color: var(--cui-body-color);
+  --cui-sidebar-nav-link-color: var(--cui-body-color);
+  --cui-sidebar-nav-link-active-bg: transparent;
+  --cui-sidebar-nav-link-active-color: var(--cui-primary);
+  --cui-sidebar-nav-link-hover-bg: transparent;
+  --cui-sidebar-nav-link-hover-color: var(--cui-primary);
   --cui-sidebar-nav-group-bg: transparent;
-  --cui-sidebar-nav-group-toggle-show-color: #321fdb;
-  --cui-sidebar-nav-link-disabled-color: #{$text-disabled};
-}
\ No newline at end of file
+  --cui-sidebar-nav-group-toggle-show-color: var(--cui-primary);
+
+  .nav-group-items {
+    --cui-sidebar-nav-link-color: var(--cui-body-color);
+  }
+}
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_syntax.scss b/packages/docs/.vuepress/theme-coreui/src/client/styles/_syntax.scss
new file mode 100644
index 00000000..ac38381a
--- /dev/null
+++ b/packages/docs/.vuepress/theme-coreui/src/client/styles/_syntax.scss
@@ -0,0 +1,142 @@
+:root,
+[data-coreui-theme="light"] {
+  // --base00: #fff;
+  // --base01: #f5f5f5;
+  --base02: #c8c8fa;
+  --base03: #565c64;
+  --base04: #666;
+  --base05: #333;
+  --base06: #fff;
+  --base07: #{$teal-700}; // #9a6700
+  --base08: #{mix($red-500, $red-600, 50%)}; // #bc4c00
+  --base09: #{$cyan-700}; // #087990
+  --base0A: #{$purple-500}; // #795da3
+  --base0B: #{$blue-700}; // #183691
+  --base0C: #{$blue-700}; // #183691
+  --base0D: #{$purple-500}; // #795da3
+  --base0E: #{$pink-600}; // #a71d5d
+  --base0F: #333;
+}
+
+@include color-mode(dark, true) {
+  // --base00: #282c34;
+  // --base01: #353b45;
+  --base02: #3e4451;
+  --base03: #868e96;
+  --base04: #868e96;
+  --base05: #abb2bf;
+  --base06: #b6bdca;
+  --base07: #{$orange-300}; // #d19a66
+  --base08: #{$cyan-300};
+  --base09: #{$orange-300}; // #d19a66
+  --base0A: #{$yellow-200}; // #e5c07b
+  --base0B: #{$teal-300}; // #98c379
+  --base0C: #{$teal-300}; // #56b6c2
+  --base0D: #{$blue-300}; // #61afef
+  --base0E: #{$indigo-200}; // #c678dd
+  --base0F: #{$red-300}; // #be5046
+
+  .language-diff .gd {
+    color: $red-400;
+  }
+  .language-diff .gi {
+    color: $green-400;
+  }
+}
+
+.hl { background-color: var(--base02); }
+.c { color: var(--base03); }
+.err { color: var(--base08); }
+.k { color: var(--base0E); }
+.l { color: var(----base09); }
+.n { color: var(--base08); }
+.o { color: var(--base05); }
+.p { color: var(--base05); }
+.cm { color: var(--base04); }
+.cp { color: var(--base08); }
+.c1 { color: var(--base03); }
+.cs { color: var(--base04); }
+.gd { color: var(--base08); }
+.ge { font-style: italic; }
+.gh {
+  font-weight: 600;
+  color: var(--base0A);
+}
+.gi { color: var(--cui-success); }
+.gp {
+  font-weight: 600;
+  color: var(--base04);
+}
+.gs { font-weight: 600; }
+.gu {
+  font-weight: 600;
+  color: var(--base0C);
+}
+.kc { color: var(--base0E); }
+.kd { color: var(--base0E); }
+.kn { color: var(--base0C); }
+.kp { color: var(--base0E); }
+.kr { color: var(--base0E); }
+.kt { color: var(--base0A); }
+.ld { color: var(--base0C); }
+.m { color: var(--base09); }
+.s { color: var(--base0C); }
+.na { color: var(--base0A); }
+.nb { color: var(--base05); }
+.nc { color: var(--base07); }
+.no { color: var(--base08); }
+.nd { color: var(--base07); }
+.ni { color: var(--base08); }
+.ne { color: var(--base08); }
+.nf { color: var(--base0B); }
+.nl { color: var(--base05); }
+.nn { color: var(--base0A); }
+.nx { color: var(--base0A); }
+.py { color: var(--base08); }
+.nt { color: var(--base08); }
+.nv { color: var(--base08); }
+.ow { color: var(--base0C); }
+.w { color: #fff; }
+.mf { color: var(--base09); }
+.mh { color: var(--base09); }
+.mi { color: var(--base09); }
+.mo { color: var(--base09); }
+.sb { color: var(--base0C); }
+.sc { color: #fff; }
+.sd { color: var(--base04); }
+.s2 { color: var(--base0C); }
+.se { color: var(--base09); }
+.sh { color: var(--base0C); }
+.si { color: var(--base09); }
+.sx { color: var(--base0C); }
+.sr { color: var(--base0C); }
+.s1 { color: var(--base0C); }
+.ss { color: var(--base0C); }
+.bp { color: var(--base05); }
+.vc { color: var(--base08); }
+.vg { color: var(--base08); }
+.vi { color: var(--base08); }
+.il { color: var(--base09); }
+
+// Color commas in rgba() values
+.m + .o { color: var(--base03); }
+
+// Fix bash
+.language-sh .c { color: var(--base03); }
+
+.chroma {
+  .language-bash,
+  .language-sh {
+    .line::before {
+      color: var(--base03);
+      content: "$ ";
+      user-select: none;
+    }
+  }
+
+  .language-powershell::before {
+    color: var(--base0C);
+    content: "PM> ";
+    user-select: none;
+  }
+}
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_variables.scss b/packages/docs/.vuepress/theme-coreui/src/client/styles/_variables.scss
index e3350532..29f3dae7 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/styles/_variables.scss
+++ b/packages/docs/.vuepress/theme-coreui/src/client/styles/_variables.scss
@@ -9,3 +9,30 @@ $MQMobileNarrow: 419px !default;
 $codeLang: 'c' 'cpp' 'cs' 'css' 'dart' 'docker' 'fs' 'go' 'html' 'java' 'js'
   'json' 'kt' 'less' 'makefile' 'md' 'php' 'py' 'rb' 'rs' 'sass' 'scss' 'sh'
   'styl' 'ts' 'toml' 'vue' 'yml' !default;
+
+
+// stylelint-disable scss/dollar-variable-default
+
+// Local docs variables
+$cd-purple:        #4c0bce;
+$cd-violet:        lighten(saturate($cd-purple, 5%), 15%); // stylelint-disable-line function-disallowed-list
+$cd-accent:       #ffe484;
+
+$cd-gutter-x: 3rem;
+$cd-callout-variants: info, warning, danger !default;
+
+:root {
+  --cd-purple: #{$cd-purple};
+  --cd-violet: #{$cd-violet};
+  --cd-accent: #{$cd-accent};
+  --cd-violet-rgb: #{to-rgb($cd-violet)};
+  --cd-accent-rgb: #{to-rgb($cd-accent)};
+  --cd-pink-rgb: #{to-rgb($pink-500)};
+  --cd-teal-rgb: #{to-rgb($teal-500)};
+  --cd-violet-bg: var(--cd-violet);
+  --cd-toc-color: var(--cd-violet);
+  --cd-sidebar-link-bg: rgba(var(--cd-violet-rgb), .1);
+  --cd-callout-link: #{to-rgb($blue-600)};
+  --cd-callout-code-color: #{$pink-600};
+  --cd-pre-bg: var(--cui-tertiary-bg);
+}
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/index.scss b/packages/docs/.vuepress/theme-coreui/src/client/styles/index.scss
index d2e72339..df73b581 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/styles/index.scss
+++ b/packages/docs/.vuepress/theme-coreui/src/client/styles/index.scss
@@ -1,23 +1,24 @@
-@import '@coreui/coreui/scss/coreui.scss';
-@import '@docsearch/css/dist/style.css';
+@import "@coreui/coreui/scss/coreui.scss";
+@import "@docsearch/css/dist/style.css";
 
-@import 'ads';
-@import 'anchor';
-@import 'demo';
-@import 'footer';
-@import 'layout';
-@import 'search';
-@import 'sidebar';
-@import 'table-api';
-@import 'toc';
+@import "variables";
 
-@import 'vars';
-@import 'vars-dark';
+@import "ads";
+@import "anchor";
+@import "component-examples";
+@import "footer";
+@import "layout";
+@import "prism";
+@import "scrolling";
+@import "search";
+@import "sidebar";
+@import "table-api";
+@import "toc";
+@import "custom-container";
 
-@import 'code';
-@import 'code-group';
-@import 'custom-container';
-@import 'page';
-@import 'transitions';
-
-@import '@vuepress/plugin-palette/style';
+.back-to-top {
+--c-brand: #3eaf7c;
+--c-brand-light: #4abf8a;
+--back-to-top-color: var(--c-brand);
+--back-to-top-color-hover: var(--c-brand-light);
+}
\ No newline at end of file
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/page.scss b/packages/docs/.vuepress/theme-coreui/src/client/styles/page.scss
deleted file mode 100755
index da7cec05..00000000
--- a/packages/docs/.vuepress/theme-coreui/src/client/styles/page.scss
+++ /dev/null
@@ -1,65 +0,0 @@
-@import '_variables';
-
-.page {
-  padding-bottom: 2rem;
-  display: block;
-}
-
-.page-meta {  padding-top: 1rem;
-  padding-bottom: 1rem;
-  overflow: auto;
-
-  .meta-item {
-    cursor: default;
-    margin-top: 0.8rem;
-
-    .meta-item-label {
-      font-weight: 500;
-      color: var(--c-text-lighter);
-    }
-
-    .meta-item-info {
-      font-weight: 400;
-      color: var(--c-text-quote);
-    }
-  }
-
-  .edit-link {
-    display: inline-block;
-    margin-right: 0.25rem;
-  }
-
-  .last-updated {
-    float: right;
-  }
-}
-
-@media (max-width: $MQMobile) {
-  .page-meta {
-    .last-updated {
-      font-size: 0.8em;
-      float: none;
-    }
-
-    .contributors {
-      font-size: 0.8em;
-    }
-  }
-}
-
-.page-nav {
-  padding-top: 1rem;
-  padding-bottom: 0;
-
-  .inner {
-    min-height: 2rem;
-    margin-top: 0;
-    border-top: 1px solid var(--c-border);
-    padding-top: 1rem;
-    overflow: auto;
-  }
-
-  .next {
-    float: right;
-  }
-}
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/transitions.scss b/packages/docs/.vuepress/theme-coreui/src/client/styles/transitions.scss
deleted file mode 100755
index fda62674..00000000
--- a/packages/docs/.vuepress/theme-coreui/src/client/styles/transitions.scss
+++ /dev/null
@@ -1,13 +0,0 @@
-.fade-slide-y-enter-active {
-  transition: all 0.3s ease;
-}
-
-.fade-slide-y-leave-active {
-  transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
-}
-
-.fade-slide-y-enter-from,
-.fade-slide-y-leave-to {
-  transform: translateY(10px);
-  opacity: 0;
-}
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/vars-dark.scss b/packages/docs/.vuepress/theme-coreui/src/client/styles/vars-dark.scss
deleted file mode 100755
index 58e02fc5..00000000
--- a/packages/docs/.vuepress/theme-coreui/src/client/styles/vars-dark.scss
+++ /dev/null
@@ -1,46 +0,0 @@
-html.dark {
-  // brand colors
-  --c-brand: #3aa675;
-  --c-brand-light: #349469;
-
-  // background colors
-  --c-bg: #22272e;
-  --c-bg-light: #2b313a;
-  --c-bg-lighter: #262c34;
-
-  // text colors
-  --c-text: #adbac7;
-  --c-text-light: #96a7b7;
-  --c-text-lighter: #8b9eb0;
-  --c-text-lightest: #8094a8;
-
-  // border colors
-  --c-border: #3e4c5a;
-  --c-border-dark: #34404c;
-
-  // custom container colors
-  --c-tip: #318a62;
-  --c-warning: #ceab00;
-  --c-warning-bg: #7e755b;
-  --c-warning-title: #ceac03;
-  --c-warning-text: #362e00;
-  --c-danger: #940000;
-  --c-danger-bg: #806161;
-  --c-danger-title: #610000;
-  --c-danger-text: #3a0000;
-  --c-details-bg: #323843;
-
-  // code blocks vars
-  --code-hl-bg-color: #363b46;
-}
-
-// plugin-docsearch
-html.dark .DocSearch {
-  --docsearch-logo-color: var(--c-text);
-  --docsearch-modal-shadow: inset 1px 1px 0 0 #2c2e40, 0 3px 8px 0 #000309;
-  --docsearch-key-shadow: inset 0 -2px 0 0 #282d55, inset 0 0 1px 1px #51577d,
-    0 2px 2px 0 rgba(3, 4, 9, 0.3);
-  --docsearch-key-gradient: linear-gradient(-225deg, #444950, #1c1e21);
-  --docsearch-footer-shadow: inset 0 1px 0 0 rgba(73, 76, 106, 0.5),
-    0 -4px 8px 0 rgba(0, 0, 0, 0.2);
-}
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/vars.scss b/packages/docs/.vuepress/theme-coreui/src/client/styles/vars.scss
deleted file mode 100755
index 5e791a43..00000000
--- a/packages/docs/.vuepress/theme-coreui/src/client/styles/vars.scss
+++ /dev/null
@@ -1,124 +0,0 @@
-:root {
-  // brand colors
-  --c-brand: #3eaf7c;
-  --c-brand-light: #4abf8a;
-
-  // background colors
-  --c-bg: #ffffff;
-  --c-bg-light: #f3f4f5;
-  --c-bg-lighter: #eeeeee;
-  --c-bg-navbar: var(--c-bg);
-  --c-bg-sidebar: var(--c-bg);
-  --c-bg-arrow: #cccccc;
-
-  // text colors
-  --c-text: #2c3e50;
-  --c-text-accent: var(--c-brand);
-  --c-text-light: #3a5169;
-  --c-text-lighter: #4e6e8e;
-  --c-text-lightest: #6a8bad;
-  --c-text-quote: #999999;
-
-  // border colors
-  --c-border: #eaecef;
-  --c-border-dark: #dfe2e5;
-
-  // custom container colors
-  --c-tip: #42b983;
-  --c-tip-bg: var(--c-bg-light);
-  --c-tip-title: var(--c-text);
-  --c-tip-text: var(--c-text);
-  --c-tip-text-accent: var(--c-text-accent);
-  --c-warning: #e7c000;
-  --c-warning-bg: #fffae3;
-  --c-warning-title: #ad9000;
-  --c-warning-text: #746000;
-  --c-warning-text-accent: var(--c-text);
-  --c-danger: #cc0000;
-  --c-danger-bg: #ffe0e0;
-  --c-danger-title: #990000;
-  --c-danger-text: #660000;
-  --c-danger-text-accent: var(--c-text);
-  --c-details-bg: #eeeeee;
-
-  // badge component colors
-  --c-badge-tip: var(--c-tip);
-  --c-badge-warning: var(--c-warning);
-  --c-badge-danger: var(--c-danger);
-
-  // code blocks vars
-  --code-bg-color: #282c34;
-  --code-hl-bg-color: rgba(0, 0, 0, 0.66);
-  --code-ln-color: #9e9e9e;
-  --code-ln-wrapper-width: 3.5rem;
-
-  // font vars
-  --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
-    Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
-  --font-family-code: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
-
-  // layout vars
-  --navbar-height: 3.6rem;
-  --navbar-padding-v: 0.7rem;
-  --navbar-padding-h: 1.5rem;
-  --sidebar-width: 20rem;
-  --sidebar-width-mobile: calc(var(--sidebar-width) * 0.82);
-  --content-width: 960px;
-  --homepage-width: 960px;
-}
-
-// plugin-back-to-top
-.back-to-top {
-  --back-to-top-color: var(--c-brand);
-  --back-to-top-color-hover: var(--c-brand-light);
-}
-
-// plugin-docsearch
-.DocSearch {
-  --docsearch-primary-color: var(--c-brand);
-  --docsearch-text-color: var(--c-text);
-  --docsearch-highlight-color: var(--c-brand);
-  --docsearch-muted-color: var(--c-text-quote);
-  --docsearch-container-background: rgba(9, 10, 17, 0.8);
-  --docsearch-modal-background: var(--c-bg-light);
-  --docsearch-searchbox-background: var(--c-bg-lighter);
-  --docsearch-searchbox-focus-background: var(--c-bg);
-  --docsearch-searchbox-shadow: inset 0 0 0 2px var(--c-brand);
-  --docsearch-hit-color: var(--c-text-light);
-  --docsearch-hit-active-color: var(--c-bg);
-  --docsearch-hit-background: var(--c-bg);
-  --docsearch-hit-shadow: 0 1px 3px 0 var(--c-border-dark);
-  --docsearch-footer-background: var(--c-bg);
-}
-
-// plugin-medium-zoom
-.medium-zoom-overlay {
-  --medium-zoom-bg-color: var(--c-bg);
-}
-
-// plugin-nprogress
-#nprogress {
-  --nprogress-color: var(--c-brand);
-}
-
-// plugin-pwa-popup
-.pwa-popup {
-  --pwa-popup-text-color: var(--c-text);
-  --pwa-popup-bg-color: var(--c-bg);
-  --pwa-popup-border-color: var(--c-brand);
-  --pwa-popup-shadow: 0 4px 16px var(--c-brand);
-  --pwa-popup-btn-text-color: var(--c-bg);
-  --pwa-popup-btn-bg-color: var(--c-brand);
-  --pwa-popup-btn-hover-bg-color: var(--c-brand-light);
-}
-
-// plugin-search
-.search-box {
-  --search-bg-color: var(--c-bg);
-  --search-accent-color: var(--c-brand);
-  --search-text-color: var(--c-text);
-  --search-border-color: var(--c-border);
-
-  --search-item-text-color: var(--c-text-lighter);
-  --search-item-focus-bg-color: var(--c-bg-light);
-}

From 3ae4ec4140f8c29ac95003ca820520b04d3803b2 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 1 Jun 2023 18:50:57 +0200
Subject: [PATCH 099/346] docs: update content

---
 packages/docs/components/button-group.md | 36 ++++++++++++------------
 packages/docs/components/dropdown.md     | 16 +++++++++--
 2 files changed, 31 insertions(+), 21 deletions(-)

diff --git a/packages/docs/components/button-group.md b/packages/docs/components/button-group.md
index 1a601e67..64d66009 100644
--- a/packages/docs/components/button-group.md
+++ b/packages/docs/components/button-group.md
@@ -217,40 +217,40 @@ Alternatively, of implementing button sizing classes to each button in a group,
 
 ::: demo
 <CButtonGroup size="lg" role="group" aria-label="Large button group">
-  <CButton color="dark" variant="outline">Left</CButton>
-  <CButton color="dark" variant="outline">Middle</CButton>
-  <CButton color="dark" variant="outline">Right</CButton>
+  <CButton color="primary" variant="outline">Left</CButton>
+  <CButton color="primary" variant="outline">Middle</CButton>
+  <CButton color="primary" variant="outline">Right</CButton>
 </CButtonGroup>
 <br/>
 <CButtonGroup role="group" aria-label="Default button group">
-  <CButton color="dark" variant="outline">Left</CButton>
-  <CButton color="dark" variant="outline">Middle</CButton>
-  <CButton color="dark" variant="outline">Right</CButton>
+  <CButton color="primary" variant="outline">Left</CButton>
+  <CButton color="primary" variant="outline">Middle</CButton>
+  <CButton color="primary" variant="outline">Right</CButton>
 </CButtonGroup>
 <br/>
 <CButtonGroup size="sm" role="group" aria-label="Small button group">
-  <CButton color="dark" variant="outline">Left</CButton>
-  <CButton color="dark" variant="outline">Middle</CButton>
-  <CButton color="dark" variant="outline">Right</CButton>
+  <CButton color="primary" variant="outline">Left</CButton>
+  <CButton color="primary" variant="outline">Middle</CButton>
+  <CButton color="primary" variant="outline">Right</CButton>
 </CButtonGroup>
 :::
 ```vue
 <CButtonGroup size="lg" role="group" aria-label="Large button group">
-  <CButton color="dark" variant="outline">Left</CButton>
-  <CButton color="dark" variant="outline">Middle</CButton>
-  <CButton color="dark" variant="outline">Right</CButton>
+  <CButton color="primary" variant="outline">Left</CButton>
+  <CButton color="primary" variant="outline">Middle</CButton>
+  <CButton color="primary" variant="outline">Right</CButton>
 </CButtonGroup>
 <br/>
 <CButtonGroup role="group" aria-label="Default button group">
-  <CButton color="dark" variant="outline">Left</CButton>
-  <CButton color="dark" variant="outline">Middle</CButton>
-  <CButton color="dark" variant="outline">Right</CButton>
+  <CButton color="primary" variant="outline">Left</CButton>
+  <CButton color="primary" variant="outline">Middle</CButton>
+  <CButton color="primary" variant="outline">Right</CButton>
 </CButtonGroup>
 <br/>
 <CButtonGroup size="sm" role="group" aria-label="Small button group">
-  <CButton color="dark" variant="outline">Left</CButton>
-  <CButton color="dark" variant="outline">Middle</CButton>
-  <CButton color="dark" variant="outline">Right</CButton>
+  <CButton color="primary" variant="outline">Left</CButton>
+  <CButton color="primary" variant="outline">Middle</CButton>
+  <CButton color="primary" variant="outline">Right</CButton>
 </CButtonGroup>
 ```
 
diff --git a/packages/docs/components/dropdown.md b/packages/docs/components/dropdown.md
index e5cfefc6..1e38b8bf 100644
--- a/packages/docs/components/dropdown.md
+++ b/packages/docs/components/dropdown.md
@@ -19,7 +19,7 @@ Bind the dropdown's toggle and the dropdown menu inside `<CDropdown>`, or differ
 
 Here's how you can put them to work with either `<button>` elements:
 ::: demo
-<CDropdown>
+<CDropdown direction="dropup">
   <CDropdownToggle color="primary">Dropdown Button</CDropdownToggle>
   <CDropdownMenu>
     <CDropdownItem href="#">Action</CDropdownItem>
@@ -27,6 +27,16 @@ Here's how you can put them to work with either `<button>` elements:
     <CDropdownItem href="#">Something else here</CDropdownItem>
   </CDropdownMenu>
 </CDropdown>
+<div dir="rtl">
+<CDropdown direction="dropup">
+  <CDropdownToggle color="primary">Dropdown Button</CDropdownToggle>
+  <CDropdownMenu>
+    <CDropdownItem href="#">Action</CDropdownItem>
+    <CDropdownItem href="#">Another action</CDropdownItem>
+    <CDropdownItem href="#">Something else here</CDropdownItem>
+  </CDropdownMenu>
+</CDropdown>
+</div>
 :::
 ```vue
 <CDropdown>
@@ -408,7 +418,7 @@ Make the dropup menu centered above the toggle by adding `direction="dropup-cent
 </CDropdown>
 ```
 
-### Dropright
+### Dropend
 
 Trigger dropdown menus at the right of the elements by adding `direction="dropend"` to the `<CDropdown>` component.
 
@@ -459,7 +469,7 @@ Trigger dropdown menus at the right of the elements by adding `direction="dropen
 </CDropdown>
 ```
 
-### Dropleft
+### Dropstart
 
 Trigger dropdown menus at the left of the elements by adding `direction="dropstart"` to the `<CDropdown>` component.
 

From 6abec5b2c18ba9c17d074460832597ad99d3e8e3 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 1 Jun 2023 18:51:48 +0200
Subject: [PATCH 100/346] feat(CDropdown, CPopover, CTooltip): add RTL support

---
 .../src/components/dropdown/CDropdown.ts      | 53 ++++++++++---------
 .../src/components/popover/CPopover.ts        | 18 ++++++-
 .../src/components/tooltip/CTooltip.ts        | 18 ++++++-
 packages/coreui-vue/src/utils/index.ts        |  3 +-
 packages/coreui-vue/src/utils/isRTL.ts        | 13 +++++
 5 files changed, 77 insertions(+), 28 deletions(-)
 create mode 100644 packages/coreui-vue/src/utils/isRTL.ts

diff --git a/packages/coreui-vue/src/components/dropdown/CDropdown.ts b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
index 39ba27a5..6dca4499 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdown.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
@@ -1,7 +1,8 @@
-import { defineComponent, h, ref, provide, watch, PropType } from 'vue'
+import { defineComponent, h, ref, provide, watch, PropType, onMounted } from 'vue'
 import { createPopper, Placement } from '@popperjs/core'
 
 import { Triggers } from '../../types'
+import { isRTL } from '../../utils'
 
 const CDropdown = defineComponent({
   name: 'CDropdown',
@@ -149,30 +150,6 @@ const CDropdown = defineComponent({
     provide('dropdownToggleRef', dropdownToggleRef)
     provide('dropdownMenuRef', dropdownMenuRef)
 
-    if (props.direction === 'center') {
-      placement.value = 'bottom'
-    }
-
-    if (props.direction === 'dropup') {
-      placement.value = 'top-start'
-    }
-
-    if (props.direction === 'dropup-center') {
-      placement.value = 'top'
-    }
-
-    if (props.direction === 'dropend') {
-      placement.value = 'right-start'
-    }
-
-    if (props.direction === 'dropstart') {
-      placement.value = 'left-start'
-    }
-
-    if (props.alignment === 'end') {
-      placement.value = 'bottom-end'
-    }
-
     const initPopper = () => {
       // Disable popper if responsive aligment is set.
       if (typeof props.alignment === 'object') {
@@ -228,6 +205,32 @@ const CDropdown = defineComponent({
       visible.value ? emit('show') : emit('hide')
     })
 
+    onMounted(() => {
+      if (props.direction === 'center') {
+        placement.value = 'bottom'
+      }
+
+      if (props.direction === 'dropup') {
+        placement.value = isRTL(dropdownMenuRef.value) ? 'top-end' : 'top-start'
+      }
+
+      if (props.direction === 'dropup-center') {
+        placement.value = 'top'
+      }
+
+      if (props.direction === 'dropend') {
+        placement.value = isRTL(dropdownMenuRef.value) ? 'left-start' : 'right-start'
+      }
+
+      if (props.direction === 'dropstart') {
+        placement.value = isRTL(dropdownMenuRef.value) ? 'right-start' : 'left-start'
+      }
+
+      if (props.alignment === 'end') {
+        placement.value = isRTL(dropdownMenuRef.value) ? 'bottom-start' : 'bottom-end'
+      }
+    })
+
     return () =>
       props.variant === 'input-group'
         ? [slots.default && slots.default()]
diff --git a/packages/coreui-vue/src/components/popover/CPopover.ts b/packages/coreui-vue/src/components/popover/CPopover.ts
index 2201fe56..78a17f3c 100644
--- a/packages/coreui-vue/src/components/popover/CPopover.ts
+++ b/packages/coreui-vue/src/components/popover/CPopover.ts
@@ -2,6 +2,22 @@ import { defineComponent, h, PropType, ref, RendererElement, Teleport, Transitio
 import { createPopper, Placement } from '@popperjs/core'
 
 import { executeAfterTransition } from '../../utils/transition'
+import { isRTL } from '../../utils'
+
+const getPlacement = (placement: string, element: HTMLDivElement | null): Placement => {
+  console.log(element)
+  switch (placement) {
+    case 'right': {
+      return isRTL(element) ? 'left' : 'right'
+    }
+    case 'left': {
+      return isRTL(element) ? 'right' : 'left'
+    }
+    default: {
+      return placement as Placement
+    }
+  }
+}
 
 const CPopover = defineComponent({
   name: 'CPopover',
@@ -94,7 +110,7 @@ const CPopover = defineComponent({
     const initPopper = () => {
       if (togglerRef.value) {
         popper.value = createPopper(togglerRef.value, popoverRef.value, {
-          placement: props.placement,
+          placement: getPlacement(props.placement, togglerRef.value),
           modifiers: [
             {
               name: 'offset',
diff --git a/packages/coreui-vue/src/components/tooltip/CTooltip.ts b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
index 801bdfd7..603f0f27 100644
--- a/packages/coreui-vue/src/components/tooltip/CTooltip.ts
+++ b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
@@ -2,6 +2,22 @@ import { defineComponent, h, PropType, ref, RendererElement, Teleport, Transitio
 import { createPopper, Placement } from '@popperjs/core'
 
 import { executeAfterTransition } from '../../utils/transition'
+import { isRTL } from '../../utils'
+
+const getPlacement = (placement: string, element: HTMLDivElement | null): Placement => {
+  console.log(element)
+  switch (placement) {
+    case 'right': {
+      return isRTL(element) ? 'left' : 'right'
+    }
+    case 'left': {
+      return isRTL(element) ? 'right' : 'left'
+    }
+    default: {
+      return placement as Placement
+    }
+  }
+}
 
 const CTooltip = defineComponent({
   name: 'CTooltip',
@@ -90,7 +106,7 @@ const CTooltip = defineComponent({
     const initPopper = () => {
       if (togglerRef.value) {
         popper.value = createPopper(togglerRef.value, tooltipRef.value, {
-          placement: props.placement,
+          placement: getPlacement(props.placement, togglerRef.value),
           modifiers: [
             {
               name: 'offset',
diff --git a/packages/coreui-vue/src/utils/index.ts b/packages/coreui-vue/src/utils/index.ts
index b5450801..5a503848 100644
--- a/packages/coreui-vue/src/utils/index.ts
+++ b/packages/coreui-vue/src/utils/index.ts
@@ -1,3 +1,4 @@
 import isInViewport from './isInViewport'
+import isRTL from './isRTL'
 
-export { isInViewport }
+export { isInViewport, isRTL }
diff --git a/packages/coreui-vue/src/utils/isRTL.ts b/packages/coreui-vue/src/utils/isRTL.ts
new file mode 100644
index 00000000..17180d80
--- /dev/null
+++ b/packages/coreui-vue/src/utils/isRTL.ts
@@ -0,0 +1,13 @@
+const isRTL = (element?: HTMLElement | HTMLDivElement | null) => {
+  if (typeof document !== 'undefined' && document.documentElement.dir === 'rtl') {
+    return true
+  }
+
+  if (element) {
+    return element.closest('[dir="rtl"]') !== null
+  }
+
+  return false
+}
+
+export default isRTL

From 1bd205e2a05ed5c66c7f0f2bab0b613656dc1c25 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 1 Jun 2023 19:12:00 +0200
Subject: [PATCH 101/346] docs: clean-up

---
 .../theme-coreui/src/client/clientAppEnhance.ts   | 15 ---------------
 1 file changed, 15 deletions(-)

diff --git a/packages/docs/.vuepress/theme-coreui/src/client/clientAppEnhance.ts b/packages/docs/.vuepress/theme-coreui/src/client/clientAppEnhance.ts
index 5e42ab07..4eae2b1c 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/clientAppEnhance.ts
+++ b/packages/docs/.vuepress/theme-coreui/src/client/clientAppEnhance.ts
@@ -1,24 +1,9 @@
-import { h } from 'vue'
 import { defineClientAppEnhance } from '@vuepress/client'
-import CodeGroup from './components/global/CodeGroup'
-import CodeGroupItem from './components/global/CodeGroupItem.vue'
-// import OutboundLink from './components/global/OutboundLink.vue'
 import { useScrollPromise } from './composables'
 
 import './styles/index.scss'
 
 export default defineClientAppEnhance(({ app, router }) => {
-  app.component('CodeGroup', CodeGroup)
-  app.component('CodeGroupItem', CodeGroupItem)
-
-  app.component('NavbarSearch', () => {
-    const SearchComponent = app.component('Docsearch') || app.component('SearchBox')
-    if (SearchComponent) {
-      return h(SearchComponent)
-    }
-    return null
-  })
-
   // handle scrollBehavior with transition
   const scrollBehavior = router.options.scrollBehavior!
   ;(router.options.scrollBehavior = async (...args) => {

From 0d7b5a66f019fcd470cbe96058987e1342a2090e Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 1 Jun 2023 19:35:35 +0200
Subject: [PATCH 102/346] docs: update theme

---
 packages/docs/.vuepress/clientAppEnhance.ts   |  2 +
 .../src/client/components/Header.vue          | 11 ++++
 .../src/client/layouts/Layout.vue             | 62 ++++++++++---------
 3 files changed, 47 insertions(+), 28 deletions(-)

diff --git a/packages/docs/.vuepress/clientAppEnhance.ts b/packages/docs/.vuepress/clientAppEnhance.ts
index 2b2fade4..e1dd18fa 100644
--- a/packages/docs/.vuepress/clientAppEnhance.ts
+++ b/packages/docs/.vuepress/clientAppEnhance.ts
@@ -19,6 +19,7 @@ import {
   cilCheckCircle,
   cilCloudDownload,
   cilContrast,
+  cilHandshake,
   cilInfo,
   cilMenu,
   cilMoon,
@@ -46,6 +47,7 @@ export const icons = {
   cilCheckCircle,
   cilCloudDownload,
   cilContrast,
+  cilHandshake,
   cilInfo,
   cilMenu,
   cilMoon,
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
index bbeedcbf..e88625ef 100644
--- a/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
+++ b/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
@@ -26,6 +26,7 @@
         </CDropdownToggle>
         <CDropdownMenu>
           <CDropdownItem
+            :active="theme === 'light'"
             class="d-flex align-items-center"
             component="button"
             type="button"
@@ -34,6 +35,7 @@
             <CIcon class="me-2" icon="cil-sun" size="lg" /> Light
           </CDropdownItem>
           <CDropdownItem
+            :active="theme === 'dark'"
             class="d-flex align-items-center"
             component="button"
             type="button"
@@ -42,6 +44,7 @@
             <CIcon class="me-2" icon="cil-moon" size="lg" /> Dark
           </CDropdownItem>
           <CDropdownItem
+            :active="theme === 'auto'"
             class="d-flex align-items-center"
             component="button"
             type="button"
@@ -65,6 +68,14 @@
     >
       <CIcon icon="cil-cloud-download" /> Download
     </CButton>
+    <CButton
+      class="d-lg-inline-block my-2 my-md-0 ms-md-3"
+      color="primary"
+      href="https://coreui.io/about/services/?docs=coreui-header-button"
+      variant="outline"
+    >
+      <CIcon class="me-2" icon="cil-handshake" /> Hire Us
+    </CButton>
     <CButton
       class="d-lg-inline-block my-2 my-md-0 ms-md-3"
       color="primary"
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue b/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue
index d78c2ce6..8acddac3 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue
+++ b/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue
@@ -10,37 +10,43 @@
       <Header
         :theme="storedTheme"
         @toggle-sidebar="toggleSidebar(!isSidebarOpen)"
-        @toggle-color-mode="(theme) => {setTheme(theme)}"
+        @toggle-color-mode="
+          (theme) => {
+            setTheme(theme)
+          }
+        "
       />
       <div class="body flex-grow-1 px-3">
         <CContainer lg>
-          <Home v-if="frontmatter.home" />
-          <Transition
-            v-else
-            name="fade-slide-y"
-            mode="out-in"
-            @before-enter="onBeforeEnter"
-            @before-leave="onBeforeLeave"
-          >
-            <CRow>
-              <CCol :lg="9">
-                <Page :key="page.path">
-                  <template #top>
-                    <slot name="page-top" />
-                  </template>
-                  <template #bottom>
-                    <slot name="page-bottom" />
-                  </template>
-                </Page>
-              </CCol>
-              <CCol :lg="3">
-                <div class="docs-toc text-muted">
-                  <strong class="d-block h6 mb-2 pb-2 border-bottom">On this page</strong>
-                  <Toc />
-                </div>
-              </CCol>
-            </CRow>
-          </Transition>
+          <main class="docs-main">
+            <Home v-if="frontmatter.home" />
+            <Transition
+              v-else
+              name="fade-slide-y"
+              mode="out-in"
+              @before-enter="onBeforeEnter"
+              @before-leave="onBeforeLeave"
+            >
+              <CRow>
+                <CCol :lg="9">
+                  <Page :key="page.path">
+                    <template #top>
+                      <slot name="page-top" />
+                    </template>
+                    <template #bottom>
+                      <slot name="page-bottom" />
+                    </template>
+                  </Page>
+                </CCol>
+                <CCol :lg="3">
+                  <div class="docs-toc text-muted">
+                    <strong class="d-block h6 mb-2 pb-2 border-bottom">On this page</strong>
+                    <Toc />
+                  </div>
+                </CCol>
+              </CRow>
+            </Transition>
+          </main>
         </CContainer>
       </div>
       <Footer />

From ec013e7f6a6899ed3f5137c9d32fd7676b0dae91 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sat, 3 Jun 2023 14:19:38 +0200
Subject: [PATCH 103/346] chore: clean-up

---
 packages/coreui-vue/src/components/popover/CPopover.ts          | 1 -
 packages/coreui-vue/src/components/tooltip/CTooltip.ts          | 1 -
 .../.vuepress/theme-coreui/src/client/components/Header.vue     | 2 --
 3 files changed, 4 deletions(-)

diff --git a/packages/coreui-vue/src/components/popover/CPopover.ts b/packages/coreui-vue/src/components/popover/CPopover.ts
index 78a17f3c..cb76ab7d 100644
--- a/packages/coreui-vue/src/components/popover/CPopover.ts
+++ b/packages/coreui-vue/src/components/popover/CPopover.ts
@@ -5,7 +5,6 @@ import { executeAfterTransition } from '../../utils/transition'
 import { isRTL } from '../../utils'
 
 const getPlacement = (placement: string, element: HTMLDivElement | null): Placement => {
-  console.log(element)
   switch (placement) {
     case 'right': {
       return isRTL(element) ? 'left' : 'right'
diff --git a/packages/coreui-vue/src/components/tooltip/CTooltip.ts b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
index 603f0f27..e1d7488c 100644
--- a/packages/coreui-vue/src/components/tooltip/CTooltip.ts
+++ b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
@@ -5,7 +5,6 @@ import { executeAfterTransition } from '../../utils/transition'
 import { isRTL } from '../../utils'
 
 const getPlacement = (placement: string, element: HTMLDivElement | null): Placement => {
-  console.log(element)
   switch (placement) {
     case 'right': {
       return isRTL(element) ? 'left' : 'right'
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
index e88625ef..812e6ab2 100644
--- a/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
+++ b/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
@@ -96,13 +96,11 @@ export default defineComponent({
   },
   emits: ['toggle-color-mode', 'toggle-sidebar'],
   setup(props) {
-    console.log(props.theme)
     const theme = ref(props.theme)
     watch(
       () => props.theme,
       () => {
         theme.value = props.theme
-        console.log(props.theme)
       },
     )
 

From a85d8bdd0720a14d5e32b1dc8dd8bf827eeec014 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sat, 3 Jun 2023 15:19:53 +0200
Subject: [PATCH 104/346] fix(CFormCheck): emits value instead of checked state
 on model value change

---
 .../coreui-vue/src/components/form/CFormCheck.ts | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/packages/coreui-vue/src/components/form/CFormCheck.ts b/packages/coreui-vue/src/components/form/CFormCheck.ts
index 246af5f0..238a3965 100644
--- a/packages/coreui-vue/src/components/form/CFormCheck.ts
+++ b/packages/coreui-vue/src/components/form/CFormCheck.ts
@@ -1,8 +1,9 @@
-import { defineComponent, h } from 'vue'
+import { computed, defineComponent, h } from 'vue'
 
 import { CButton } from '../button'
 import { CFormControlValidation } from './CFormControlValidation'
 import { CFormLabel } from './CFormLabel'
+import { any } from 'vue-types'
 
 const CFormCheck = defineComponent({
   name: 'CFormCheck',
@@ -94,6 +95,10 @@ const CFormCheck = defineComponent({
      * Set component validation state to valid.
      */
     valid: Boolean,
+    /**
+     * The value attribute of component.
+     */
+    value: String,
   },
   emits: [
     /**
@@ -107,9 +112,9 @@ const CFormCheck = defineComponent({
   ],
   setup(props, { attrs, emit, slots }) {
     const handleChange = (event: InputEvent) => {
-      const target = event.target as HTMLInputElement
+      console.log(event)
       emit('change', event)
-      emit('update:modelValue', target.checked)
+      emit('update:modelValue', (event.target as HTMLInputElement).value)
     }
 
     const className = [
@@ -132,15 +137,18 @@ const CFormCheck = defineComponent({
       },
     ]
 
+    const isChecked = computed(() => props.modelValue == props.value)
+
     const formControl = () => {
       return h('input', {
         ...attrs,
-        ...(props.modelValue && { checked: props.modelValue }),
+        ...(props.modelValue && { checked: isChecked.value }),
         class: inputClassName,
         id: props.id,
         indeterminate: props.indeterminate,
         onChange: (event: InputEvent) => handleChange(event),
         type: props.type,
+        value: props.value,
       })
     }
 

From 194db403a4d2c8ab4e1337e69f728a5cf65f7f1d Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sat, 3 Jun 2023 16:04:03 +0200
Subject: [PATCH 105/346] chore: update eslint configuration

---
 .eslintrc.js | 14 ++++++++++++--
 package.json |  2 ++
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index 52772cf5..9a8ebde1 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -10,13 +10,23 @@ module.exports = {
   },
   extends: [
     'eslint:recommended',
-    'plugin:vue/vue3-essential',
-    '@vue/eslint-config-typescript',
+    'plugin:vue/vue3-recommended',
+    'plugin:prettier/recommended',
+    'plugin:unicorn/recommended',
+    '@vue/eslint-config-typescript/recommended',
     '@vue/eslint-config-prettier',
   ],
   rules: {
     'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
     'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    'unicorn/filename-case': 'off',
+    'unicorn/no-array-for-each': 'off',
+    'unicorn/no-null': 'off',
+    'unicorn/prefer-dom-node-append': 'off',
+    'unicorn/prefer-export-from': 'off',
+    'unicorn/prefer-query-selector': 'off',
+    'unicorn/prevent-abbreviations': 'off',
+    'vue/require-default-prop': 'off',
   },
   overrides: [
     {
diff --git a/package.json b/package.json
index f5aa38f3..a83c62b8 100644
--- a/package.json
+++ b/package.json
@@ -30,6 +30,8 @@
     "eslint": "8.36.0",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-vue": "^9.10.0",
+    "eslint-config-prettier": "^8.7.0",
+    "eslint-plugin-unicorn": "^46.0.0",
     "lerna": "^6.6.1",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.8.7"

From 9c49d5342f0d0202b57f2f9dfb6df3c23a989308 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sat, 3 Jun 2023 16:06:01 +0200
Subject: [PATCH 106/346] style: fix eslint warnings

---
 .../components/accordion/CAccordionItem.ts    |  2 +-
 .../src/components/backdrop/CBackdrop.ts      |  2 +-
 .../src/components/carousel/CCarousel.ts      |  7 +++-
 .../components/dropdown/CDropdownToggle.ts    |  2 +-
 .../src/components/form/CFormCheck.ts         |  1 -
 .../src/components/form/CFormInput.ts         |  2 +-
 .../src/components/offcanvas/COffcanvas.ts    |  1 -
 .../coreui-vue/src/components/table/CTable.ts | 37 +++++++++---------
 .../coreui-vue/src/components/table/types.ts  | 38 +++++++++----------
 .../coreui-vue/src/components/toast/CToast.ts |  2 +-
 .../src/components/widgets/CWidgetStatsA.ts   |  2 +-
 .../src/components/widgets/CWidgetStatsB.ts   |  2 +-
 .../src/components/widgets/CWidgetStatsC.ts   |  2 +-
 .../src/components/widgets/CWidgetStatsE.ts   |  2 +-
 .../src/components/widgets/CWidgetStatsF.ts   |  2 +-
 packages/coreui-vue/src/directives/index.ts   |  2 +-
 packages/coreui-vue/src/props.ts              |  2 +-
 17 files changed, 55 insertions(+), 53 deletions(-)

diff --git a/packages/coreui-vue/src/components/accordion/CAccordionItem.ts b/packages/coreui-vue/src/components/accordion/CAccordionItem.ts
index 1e749e71..c72ced0c 100644
--- a/packages/coreui-vue/src/components/accordion/CAccordionItem.ts
+++ b/packages/coreui-vue/src/components/accordion/CAccordionItem.ts
@@ -6,7 +6,7 @@ const CAccordionItem = defineComponent({
     /**
      * The item key.
      */
-    itemKey: [Number, String]
+    itemKey: [Number, String],
   },
   setup(props, { slots }) {
     const activeItemKey = inject('activeItemKey') as Ref<number | string>
diff --git a/packages/coreui-vue/src/components/backdrop/CBackdrop.ts b/packages/coreui-vue/src/components/backdrop/CBackdrop.ts
index 951f35cd..adea3428 100644
--- a/packages/coreui-vue/src/components/backdrop/CBackdrop.ts
+++ b/packages/coreui-vue/src/components/backdrop/CBackdrop.ts
@@ -21,7 +21,7 @@ const CBackdrop = defineComponent({
           },
           onLeave: (el) => {
             el.classList.remove('show')
-          }
+          },
         },
         () =>
           props.visible &&
diff --git a/packages/coreui-vue/src/components/carousel/CCarousel.ts b/packages/coreui-vue/src/components/carousel/CCarousel.ts
index e37799f0..f70ab916 100644
--- a/packages/coreui-vue/src/components/carousel/CCarousel.ts
+++ b/packages/coreui-vue/src/components/carousel/CCarousel.ts
@@ -81,7 +81,7 @@ const CCarousel = defineComponent({
     const items = ref<VNode[]>([])
     const timeout = ref()
     const visible = ref()
-    
+
     const setAnimating = (value: boolean) => {
       animating.value = value
     }
@@ -151,7 +151,10 @@ const CCarousel = defineComponent({
 
     onBeforeMount(() => {
       if (slots.default) {
-        const children = typeof slots.default()[0].type === 'symbol' ? slots.default()[0].children : slots.default()
+        const children =
+          typeof slots.default()[0].type === 'symbol'
+            ? slots.default()[0].children
+            : slots.default()
 
         if (children && Array.isArray(children)) {
           // @ts-expect-error TODO: fix types
diff --git a/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts b/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
index 3472b03c..83e71622 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
@@ -30,7 +30,7 @@ const CDropdownToggle = defineComponent({
      */
     component: {
       type: String,
-      default: 'button'
+      default: 'button',
     },
     /**
      * Create a custom toggler which accepts any content.
diff --git a/packages/coreui-vue/src/components/form/CFormCheck.ts b/packages/coreui-vue/src/components/form/CFormCheck.ts
index 238a3965..a92f4e70 100644
--- a/packages/coreui-vue/src/components/form/CFormCheck.ts
+++ b/packages/coreui-vue/src/components/form/CFormCheck.ts
@@ -3,7 +3,6 @@ import { computed, defineComponent, h } from 'vue'
 import { CButton } from '../button'
 import { CFormControlValidation } from './CFormControlValidation'
 import { CFormLabel } from './CFormLabel'
-import { any } from 'vue-types'
 
 const CFormCheck = defineComponent({
   name: 'CFormCheck',
diff --git a/packages/coreui-vue/src/components/form/CFormInput.ts b/packages/coreui-vue/src/components/form/CFormInput.ts
index b79e4b7f..5a1cb34c 100644
--- a/packages/coreui-vue/src/components/form/CFormInput.ts
+++ b/packages/coreui-vue/src/components/form/CFormInput.ts
@@ -164,7 +164,7 @@ const CFormInput = defineComponent({
                 onInput: (event: InputEvent) => handleInput(event),
                 readonly: props.readonly,
                 type: props.type,
-                ...((props.modelValue || props.modelValue === 0) && { value: props.modelValue })
+                ...((props.modelValue || props.modelValue === 0) && { value: props.modelValue }),
               },
               slots.default && slots.default(),
             ),
diff --git a/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts b/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts
index dd0d0474..42acaf91 100644
--- a/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts
+++ b/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts
@@ -101,7 +101,6 @@ const COffcanvas = defineComponent({
       },
     )
 
-
     watch(visible, () => {
       if (visible.value && !props.scroll) {
         document.body.style.overflow = 'hidden'
diff --git a/packages/coreui-vue/src/components/table/CTable.ts b/packages/coreui-vue/src/components/table/CTable.ts
index 5a6601e1..3ff90f5f 100644
--- a/packages/coreui-vue/src/components/table/CTable.ts
+++ b/packages/coreui-vue/src/components/table/CTable.ts
@@ -236,24 +236,25 @@ const CTable = defineComponent({
                           },
                           {
                             default: () => [
-                              columnNames.value && columnNames.value.map(
-                                (colName: string) =>
-                                  item[colName] &&
-                                  h(
-                                    CTableDataCell,
-                                    {
-                                      ...(item._cellProps &&
-                                        item._cellProps['all'] && { ...item._cellProps['all'] }),
-                                      ...(item._cellProps &&
-                                        item._cellProps[colName] && {
-                                          ...item._cellProps[colName],
-                                        }),
-                                    },
-                                    {
-                                      default: () => item[colName],
-                                    },
-                                  ),
-                              ),
+                              columnNames.value &&
+                                columnNames.value.map(
+                                  (colName: string) =>
+                                    item[colName] &&
+                                    h(
+                                      CTableDataCell,
+                                      {
+                                        ...(item._cellProps &&
+                                          item._cellProps['all'] && { ...item._cellProps['all'] }),
+                                        ...(item._cellProps &&
+                                          item._cellProps[colName] && {
+                                            ...item._cellProps[colName],
+                                          }),
+                                      },
+                                      {
+                                        default: () => item[colName],
+                                      },
+                                    ),
+                                ),
                             ],
                           },
                         ),
diff --git a/packages/coreui-vue/src/components/table/types.ts b/packages/coreui-vue/src/components/table/types.ts
index 803baeed..8f96b27b 100644
--- a/packages/coreui-vue/src/components/table/types.ts
+++ b/packages/coreui-vue/src/components/table/types.ts
@@ -1,20 +1,20 @@
 export type Column = {
-    label?: string
-    key: string
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    _style?: any
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    _props?: any
-  }
-  
-  export type FooterItem = {
-    label?: string
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    _props?: any
-  }
-  
-  export type Item = {
-    [key: string]: number | string | any
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    _props?: any
-  }
\ No newline at end of file
+  label?: string
+  key: string
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  _style?: any
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  _props?: any
+}
+
+export type FooterItem = {
+  label?: string
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  _props?: any
+}
+
+export type Item = {
+  [key: string]: number | string | any
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  _props?: any
+}
diff --git a/packages/coreui-vue/src/components/toast/CToast.ts b/packages/coreui-vue/src/components/toast/CToast.ts
index 2680de8c..eb6c84e5 100644
--- a/packages/coreui-vue/src/components/toast/CToast.ts
+++ b/packages/coreui-vue/src/components/toast/CToast.ts
@@ -69,7 +69,7 @@ const CToast = defineComponent({
       if (props.visible) {
         visible.value = props.visible
       }
-      
+
       if (props.autohide) {
         clearTimeout(timeout.value)
         timeout.value = window.setTimeout(() => {
diff --git a/packages/coreui-vue/src/components/widgets/CWidgetStatsA.ts b/packages/coreui-vue/src/components/widgets/CWidgetStatsA.ts
index d534deb8..c2d3cc18 100644
--- a/packages/coreui-vue/src/components/widgets/CWidgetStatsA.ts
+++ b/packages/coreui-vue/src/components/widgets/CWidgetStatsA.ts
@@ -15,7 +15,7 @@ const CWidgetStatsA = defineComponent({
      */
     value: {
       type: [Number, String],
-      default: 0
+      default: 0,
     },
   },
   /**
diff --git a/packages/coreui-vue/src/components/widgets/CWidgetStatsB.ts b/packages/coreui-vue/src/components/widgets/CWidgetStatsB.ts
index 6b92e427..1bcd1a0d 100644
--- a/packages/coreui-vue/src/components/widgets/CWidgetStatsB.ts
+++ b/packages/coreui-vue/src/components/widgets/CWidgetStatsB.ts
@@ -47,7 +47,7 @@ const CWidgetStatsB = defineComponent({
      */
     value: {
       type: [Number, String],
-      default: 0
+      default: 0,
     },
   },
   setup(props, { slots }) {
diff --git a/packages/coreui-vue/src/components/widgets/CWidgetStatsC.ts b/packages/coreui-vue/src/components/widgets/CWidgetStatsC.ts
index d9623dfa..30584383 100644
--- a/packages/coreui-vue/src/components/widgets/CWidgetStatsC.ts
+++ b/packages/coreui-vue/src/components/widgets/CWidgetStatsC.ts
@@ -42,7 +42,7 @@ const CWidgetStatsC = defineComponent({
      */
     value: {
       type: [Number, String],
-      default: 0
+      default: 0,
     },
   },
   /**
diff --git a/packages/coreui-vue/src/components/widgets/CWidgetStatsE.ts b/packages/coreui-vue/src/components/widgets/CWidgetStatsE.ts
index f2257238..563e41b0 100644
--- a/packages/coreui-vue/src/components/widgets/CWidgetStatsE.ts
+++ b/packages/coreui-vue/src/components/widgets/CWidgetStatsE.ts
@@ -14,7 +14,7 @@ const CWidgetStatsE = defineComponent({
      */
     value: {
       type: [Number, String],
-      default: 0
+      default: 0,
     },
   },
   /**
diff --git a/packages/coreui-vue/src/components/widgets/CWidgetStatsF.ts b/packages/coreui-vue/src/components/widgets/CWidgetStatsF.ts
index 42dcc4e4..8c4db082 100644
--- a/packages/coreui-vue/src/components/widgets/CWidgetStatsF.ts
+++ b/packages/coreui-vue/src/components/widgets/CWidgetStatsF.ts
@@ -33,7 +33,7 @@ const CWidgetStatsF = defineComponent({
      */
     value: {
       type: [Number, String],
-      default: 0
+      default: 0,
     },
   },
   /**
diff --git a/packages/coreui-vue/src/directives/index.ts b/packages/coreui-vue/src/directives/index.ts
index f5354127..1ee9a52b 100644
--- a/packages/coreui-vue/src/directives/index.ts
+++ b/packages/coreui-vue/src/directives/index.ts
@@ -2,4 +2,4 @@ import vcplaceholder from './v-c-placeholder'
 import vcpopover from './v-c-popover'
 import vctooltip from './v-c-tooltip'
 
-export { vcplaceholder, vcpopover, vctooltip,  }
+export { vcplaceholder, vcpopover, vctooltip }
diff --git a/packages/coreui-vue/src/props.ts b/packages/coreui-vue/src/props.ts
index cafdfe32..c0e9f26b 100644
--- a/packages/coreui-vue/src/props.ts
+++ b/packages/coreui-vue/src/props.ts
@@ -77,4 +77,4 @@ export const Breakpoint = {
       return false
     }
   },
-}
\ No newline at end of file
+}

From c99efaae38e938aeade45e747721127de5415df8 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sat, 3 Jun 2023 16:24:42 +0200
Subject: [PATCH 107/346] refactor: move `getUID` function to utils

---
 packages/coreui-vue/src/directives/v-c-popover.ts | 8 +-------
 packages/coreui-vue/src/directives/v-c-tooltip.ts | 8 +-------
 packages/coreui-vue/src/utils/getUID.ts           | 9 +++++++++
 packages/coreui-vue/src/utils/index.ts            | 3 ++-
 4 files changed, 13 insertions(+), 15 deletions(-)
 create mode 100644 packages/coreui-vue/src/utils/getUID.ts

diff --git a/packages/coreui-vue/src/directives/v-c-popover.ts b/packages/coreui-vue/src/directives/v-c-popover.ts
index d6f9f364..8b3e6bcb 100644
--- a/packages/coreui-vue/src/directives/v-c-popover.ts
+++ b/packages/coreui-vue/src/directives/v-c-popover.ts
@@ -1,13 +1,7 @@
 import { DirectiveBinding } from 'vue'
 import { createPopper } from '@popperjs/core'
 
-const getUID = (prefix: string) => {
-  do {
-    prefix += Math.floor(Math.random() * 1000000)
-  } while (document.getElementById(prefix))
-
-  return prefix
-}
+import { getUID } from '../utils'
 
 const createPopoverElement = (id: string, header: string, content: string): HTMLDivElement => {
   const popover = document.createElement('div')
diff --git a/packages/coreui-vue/src/directives/v-c-tooltip.ts b/packages/coreui-vue/src/directives/v-c-tooltip.ts
index 741bc4d6..af623602 100644
--- a/packages/coreui-vue/src/directives/v-c-tooltip.ts
+++ b/packages/coreui-vue/src/directives/v-c-tooltip.ts
@@ -1,13 +1,7 @@
 import { DirectiveBinding } from 'vue'
 import { createPopper } from '@popperjs/core'
 
-const getUID = (prefix: string) => {
-  do {
-    prefix += Math.floor(Math.random() * 1000000)
-  } while (document.getElementById(prefix))
-
-  return prefix
-}
+import { getUID } from '../utils'
 
 const createTooltipElement = (id: string, content: string): HTMLDivElement => {
   const tooltip = document.createElement('div')
diff --git a/packages/coreui-vue/src/utils/getUID.ts b/packages/coreui-vue/src/utils/getUID.ts
new file mode 100644
index 00000000..7aeb1b76
--- /dev/null
+++ b/packages/coreui-vue/src/utils/getUID.ts
@@ -0,0 +1,9 @@
+const getUID = (prefix: string) => {
+  do {
+    prefix += Math.floor(Math.random() * 1_000_000)
+  } while (document.getElementById(prefix))
+
+  return prefix
+}
+
+export default getUID
diff --git a/packages/coreui-vue/src/utils/index.ts b/packages/coreui-vue/src/utils/index.ts
index 5a503848..7c452ce4 100644
--- a/packages/coreui-vue/src/utils/index.ts
+++ b/packages/coreui-vue/src/utils/index.ts
@@ -1,4 +1,5 @@
+import getUID from './getUID'
 import isInViewport from './isInViewport'
 import isRTL from './isRTL'
 
-export { isInViewport, isRTL }
+export { getUID, isInViewport, isRTL }

From e47ccd6b1e8976b516a25da0bfe82f87a2453e8c Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sat, 3 Jun 2023 16:47:59 +0200
Subject: [PATCH 108/346] refactor: fix eslint errors

---
 .../src/components/accordion/CAccordionItem.ts         |  2 +-
 .../coreui-vue/src/components/carousel/CCarousel.ts    |  7 ++-----
 packages/coreui-vue/src/components/form/CFormInput.ts  |  2 +-
 packages/coreui-vue/src/components/form/CFormLabel.ts  |  2 +-
 packages/coreui-vue/src/components/grid/CCol.ts        |  2 +-
 packages/coreui-vue/src/components/grid/CContainer.ts  |  2 +-
 packages/coreui-vue/src/components/header/CHeader.ts   |  2 +-
 .../coreui-vue/src/components/navbar/CNavbarBrand.ts   |  2 +-
 .../coreui-vue/src/components/offcanvas/COffcanvas.ts  |  2 +-
 .../src/components/pagination/CPaginationItem.ts       |  2 +-
 packages/coreui-vue/src/components/spinner/CSpinner.ts |  5 ++++-
 packages/coreui-vue/src/directives/v-c-popover.ts      | 10 +++++-----
 packages/coreui-vue/src/directives/v-c-tooltip.ts      |  8 ++++----
 packages/coreui-vue/src/directives/v-c-visible.ts      |  2 +-
 packages/coreui-vue/src/props.ts                       |  6 +-----
 15 files changed, 26 insertions(+), 30 deletions(-)

diff --git a/packages/coreui-vue/src/components/accordion/CAccordionItem.ts b/packages/coreui-vue/src/components/accordion/CAccordionItem.ts
index c72ced0c..20575085 100644
--- a/packages/coreui-vue/src/components/accordion/CAccordionItem.ts
+++ b/packages/coreui-vue/src/components/accordion/CAccordionItem.ts
@@ -13,7 +13,7 @@ const CAccordionItem = defineComponent({
     const alwaysOpen = inject('alwaysOpen') as boolean
     const setActiveItemKey = inject('setActiveItemKey') as (key: number | string) => void
 
-    const itemKey = ref(props.itemKey ? props.itemKey : Math.random().toString(36).substr(2, 9))
+    const itemKey = ref(props.itemKey ?? Math.random().toString(36).slice(2, 11))
     const visible = ref(Boolean(activeItemKey.value === itemKey.value))
 
     watch(activeItemKey, () => (visible.value = Boolean(activeItemKey.value === itemKey.value)))
diff --git a/packages/coreui-vue/src/components/carousel/CCarousel.ts b/packages/coreui-vue/src/components/carousel/CCarousel.ts
index f70ab916..06809d04 100644
--- a/packages/coreui-vue/src/components/carousel/CCarousel.ts
+++ b/packages/coreui-vue/src/components/carousel/CCarousel.ts
@@ -142,11 +142,8 @@ const CCarousel = defineComponent({
     }
 
     const handleScroll = () => {
-      if (!document.hidden && carouselRef.value && isInViewport(carouselRef.value)) {
-        visible.value = true
-      } else {
-        visible.value = false
-      }
+      visible.value =
+        !document.hidden && carouselRef.value && isInViewport(carouselRef.value) ? true : false
     }
 
     onBeforeMount(() => {
diff --git a/packages/coreui-vue/src/components/form/CFormInput.ts b/packages/coreui-vue/src/components/form/CFormInput.ts
index 5a1cb34c..68746233 100644
--- a/packages/coreui-vue/src/components/form/CFormInput.ts
+++ b/packages/coreui-vue/src/components/form/CFormInput.ts
@@ -1,7 +1,7 @@
 import { defineComponent, h } from 'vue'
 import { CFormControlWrapper } from './CFormControlWrapper'
 
-export const File = typeof window !== 'undefined' ? window.File : class File extends Object {}
+export const File = typeof window === 'undefined' ? class File extends Object {} : window.File
 
 const CFormInput = defineComponent({
   name: 'CFormInput',
diff --git a/packages/coreui-vue/src/components/form/CFormLabel.ts b/packages/coreui-vue/src/components/form/CFormLabel.ts
index e0db72f4..4b98127c 100644
--- a/packages/coreui-vue/src/components/form/CFormLabel.ts
+++ b/packages/coreui-vue/src/components/form/CFormLabel.ts
@@ -13,7 +13,7 @@ const CFormLabel = defineComponent({
       h(
         'label',
         {
-          class: props.customClassName ? props.customClassName : 'form-label',
+          class: props.customClassName ?? 'form-label',
         },
         slots.default && slots.default(),
       )
diff --git a/packages/coreui-vue/src/components/grid/CCol.ts b/packages/coreui-vue/src/components/grid/CCol.ts
index 8a532e92..d630b9b2 100644
--- a/packages/coreui-vue/src/components/grid/CCol.ts
+++ b/packages/coreui-vue/src/components/grid/CCol.ts
@@ -112,7 +112,7 @@ const CCol = defineComponent({
       h(
         'div',
         {
-          class: [repsonsiveClassNames.length ? repsonsiveClassNames : 'col'],
+          class: [repsonsiveClassNames.length > 0 ? repsonsiveClassNames : 'col'],
         },
         slots.default && slots.default(),
       )
diff --git a/packages/coreui-vue/src/components/grid/CContainer.ts b/packages/coreui-vue/src/components/grid/CContainer.ts
index ad999eb7..77f7a4f2 100644
--- a/packages/coreui-vue/src/components/grid/CContainer.ts
+++ b/packages/coreui-vue/src/components/grid/CContainer.ts
@@ -49,7 +49,7 @@ const CContainer = defineComponent({
       h(
         'div',
         {
-          class: [repsonsiveClassNames.length ? repsonsiveClassNames : 'container'],
+          class: [repsonsiveClassNames.length > 0 ? repsonsiveClassNames : 'container'],
         },
         slots.default && slots.default(),
       )
diff --git a/packages/coreui-vue/src/components/header/CHeader.ts b/packages/coreui-vue/src/components/header/CHeader.ts
index 777a203a..32ab0bf5 100644
--- a/packages/coreui-vue/src/components/header/CHeader.ts
+++ b/packages/coreui-vue/src/components/header/CHeader.ts
@@ -36,7 +36,7 @@ const CHeader = defineComponent({
         props.container
           ? h(
               'div',
-              { class: `container${props.container !== true ? '-' + props.container : ''}` },
+              { class: `container${props.container === true ? '' : '-' + props.container}` },
               slots.default && slots.default(),
             )
           : slots.default && slots.default(),
diff --git a/packages/coreui-vue/src/components/navbar/CNavbarBrand.ts b/packages/coreui-vue/src/components/navbar/CNavbarBrand.ts
index b7d63931..bd8e5211 100644
--- a/packages/coreui-vue/src/components/navbar/CNavbarBrand.ts
+++ b/packages/coreui-vue/src/components/navbar/CNavbarBrand.ts
@@ -19,7 +19,7 @@ const CNavbarBrand = defineComponent({
   setup(props, { slots }) {
     return () =>
       h(
-        props.component ? props.component : props.href ? 'a' : 'span',
+        props.component ?? (props.href ? 'a' : 'span'),
         {
           class: 'navbar-brand',
           href: props.href,
diff --git a/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts b/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts
index 42acaf91..b0483a1f 100644
--- a/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts
+++ b/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts
@@ -171,7 +171,7 @@ const COffcanvas = defineComponent({
                 class: [
                   {
                     [`offcanvas${
-                      typeof props.responsive !== 'boolean' ? '-' + props.responsive : ''
+                      typeof props.responsive === 'boolean' ? '' : '-' + props.responsive
                     }`]: props.responsive,
                     [`offcanvas-${props.placement}`]: props.placement,
                   },
diff --git a/packages/coreui-vue/src/components/pagination/CPaginationItem.ts b/packages/coreui-vue/src/components/pagination/CPaginationItem.ts
index 3695ba1c..92475524 100644
--- a/packages/coreui-vue/src/components/pagination/CPaginationItem.ts
+++ b/packages/coreui-vue/src/components/pagination/CPaginationItem.ts
@@ -24,7 +24,7 @@ const CPaginationItem = defineComponent({
   },
   setup(props, { slots }) {
     return () => {
-      const component = props.component ? props.component : props.active ? 'span' : 'a'
+      const component = props.component ?? (props.active ? 'span' : 'a')
       return h(
         'li',
         {
diff --git a/packages/coreui-vue/src/components/spinner/CSpinner.ts b/packages/coreui-vue/src/components/spinner/CSpinner.ts
index 02b0ad45..6d6f7043 100644
--- a/packages/coreui-vue/src/components/spinner/CSpinner.ts
+++ b/packages/coreui-vue/src/components/spinner/CSpinner.ts
@@ -69,7 +69,10 @@ const CSpinner = defineComponent({
           class: [
             `spinner-${props.variant}`,
             `text-${props.color}`,
-            props.size && `spinner-${props.variant}-${props.size}`,
+            {
+              [`spinner-${props.variant}-${props.size}`]: props.size,
+            },
+            // props.size && `spinner-${props.variant}-${props.size}`,
           ],
           role: 'status',
         },
diff --git a/packages/coreui-vue/src/directives/v-c-popover.ts b/packages/coreui-vue/src/directives/v-c-popover.ts
index 8b3e6bcb..ecc7581b 100644
--- a/packages/coreui-vue/src/directives/v-c-popover.ts
+++ b/packages/coreui-vue/src/directives/v-c-popover.ts
@@ -43,13 +43,13 @@ export default {
   uid: '',
   mounted(el: HTMLElement, binding: DirectiveBinding): void {
     const value = binding.value
-    const content = typeof value === 'string' ? value : value.content ? value.content : ''
-    const header = value.header ? value.header : ''
-    const trigger = value.trigger ? value.trigger : 'click'
+    const content = typeof value === 'string' ? value : value.content ?? ''
+    const header = value.header ?? ''
+    const trigger = value.trigger ?? 'click'
 
     // Popper Config
-    const offset = value.offset ? value.offset : [0, 8]
-    const placement = value.placement ? value.placement : 'top'
+    const offset = value.offset ?? [0, 8]
+    const placement = value.placement ?? 'top'
 
     const popperOptions = {
       placement: placement,
diff --git a/packages/coreui-vue/src/directives/v-c-tooltip.ts b/packages/coreui-vue/src/directives/v-c-tooltip.ts
index af623602..8a98b348 100644
--- a/packages/coreui-vue/src/directives/v-c-tooltip.ts
+++ b/packages/coreui-vue/src/directives/v-c-tooltip.ts
@@ -40,12 +40,12 @@ const toggleTooltipElement = (tooltip: HTMLDivElement, el: HTMLElement, popperOp
 export default {
   mounted(el: HTMLElement, binding: DirectiveBinding): void {
     const value = binding.value
-    const content = typeof value === 'string' ? value : value.content ? value.content : ''
-    const trigger = value.trigger ? value.trigger : 'hover'
+    const content = typeof value === 'string' ? value : value.content ?? ''
+    const trigger = value.trigger ?? 'hover'
 
     // Popper Config
-    const offset = value.offset ? value.offset : [0, 0]
-    const placement = value.placement ? value.placement : 'top'
+    const offset = value.offset ?? [0, 0]
+    const placement = value.placement ?? 'top'
 
     const popperOptions = {
       placement: placement,
diff --git a/packages/coreui-vue/src/directives/v-c-visible.ts b/packages/coreui-vue/src/directives/v-c-visible.ts
index 3a82fa4a..50c27869 100644
--- a/packages/coreui-vue/src/directives/v-c-visible.ts
+++ b/packages/coreui-vue/src/directives/v-c-visible.ts
@@ -1,4 +1,4 @@
-import { ObjectDirective } from '@vue/runtime-core'
+import { ObjectDirective } from 'vue'
 
 interface VShowElement extends HTMLElement {
   // _vod = vue original display
diff --git a/packages/coreui-vue/src/props.ts b/packages/coreui-vue/src/props.ts
index c0e9f26b..667186d5 100644
--- a/packages/coreui-vue/src/props.ts
+++ b/packages/coreui-vue/src/props.ts
@@ -71,10 +71,6 @@ export const TextColor = {
 
 export const Breakpoint = {
   validator: (value: boolean | number): boolean => {
-    if (typeof value == 'boolean' || typeof value == 'number') {
-      return true
-    } else {
-      return false
-    }
+    return typeof value == 'boolean' || typeof value == 'number' ? true : false
   },
 }

From adc8beca31c909c242fb59221c9bae8f5e760b07 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sat, 3 Jun 2023 19:09:44 +0200
Subject: [PATCH 109/346] docs: update theme

---
 .../src/client/components/Header.vue          |  29 ++--
 .../src/client/components/Home.vue            | 133 ------------------
 .../src/client/components/global/CodeGroup.ts | 130 -----------------
 .../components/global/CodeGroupItem.vue       |  28 ----
 .../src/client/components/global/_Badge.vue   |  34 -----
 .../src/client/composables/index.ts           |   4 +-
 .../src/client/composables/useColorMode.ts    |  46 ++++++
 .../src/client/composables/useDarkMode.ts     |  34 -----
 .../src/client/layouts/Layout.vue             |  85 +----------
 .../src/client/styles/_variables.scss         |   2 -
 .../theme-coreui/src/node/defaultTheme.ts     |  26 +---
 .../theme-coreui/src/node/utils/index.ts      |   4 -
 .../resolveActiveHeaderLinksPluginOptions.ts  |  18 ---
 .../utils/resolveContainerPluginOptions.ts    |  92 ------------
 .../src/node/utils/resolveGitPluginOptions.ts |  30 ----
 .../utils/resolveMediumZoomPluginOptions.ts   |  21 ---
 16 files changed, 72 insertions(+), 644 deletions(-)
 delete mode 100755 packages/docs/.vuepress/theme-coreui/src/client/components/Home.vue
 delete mode 100755 packages/docs/.vuepress/theme-coreui/src/client/components/global/CodeGroup.ts
 delete mode 100755 packages/docs/.vuepress/theme-coreui/src/client/components/global/CodeGroupItem.vue
 delete mode 100755 packages/docs/.vuepress/theme-coreui/src/client/components/global/_Badge.vue
 create mode 100755 packages/docs/.vuepress/theme-coreui/src/client/composables/useColorMode.ts
 delete mode 100755 packages/docs/.vuepress/theme-coreui/src/client/composables/useDarkMode.ts
 delete mode 100755 packages/docs/.vuepress/theme-coreui/src/node/utils/resolveActiveHeaderLinksPluginOptions.ts
 delete mode 100755 packages/docs/.vuepress/theme-coreui/src/node/utils/resolveContainerPluginOptions.ts
 delete mode 100755 packages/docs/.vuepress/theme-coreui/src/node/utils/resolveGitPluginOptions.ts
 delete mode 100755 packages/docs/.vuepress/theme-coreui/src/node/utils/resolveMediumZoomPluginOptions.ts

diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
index 812e6ab2..70e656a4 100644
--- a/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
+++ b/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
@@ -20,35 +20,35 @@
       </li>
       <CDropdown variant="nav-item" placement="bottom-end">
         <CDropdownToggle :caret="false">
-          <CIcon v-if="theme === 'dark'" icon="cil-moon" size="xl" />
-          <CIcon v-else-if="theme === 'light'" icon="cil-sun" size="xl" />
+          <CIcon v-if="storedTheme === 'dark'" icon="cil-moon" size="xl" />
+          <CIcon v-else-if="storedTheme === 'light'" icon="cil-sun" size="xl" />
           <CIcon v-else icon="cil-contrast" size="xl" />
         </CDropdownToggle>
         <CDropdownMenu>
           <CDropdownItem
-            :active="theme === 'light'"
+            :active="storedTheme === 'light'"
             class="d-flex align-items-center"
             component="button"
             type="button"
-            @click="$emit('toggle-color-mode', 'light')"
-            >
+            @click="toggleColorMode('light')"
+          >
             <CIcon class="me-2" icon="cil-sun" size="lg" /> Light
           </CDropdownItem>
           <CDropdownItem
-            :active="theme === 'dark'"
+            :active="storedTheme === 'dark'"
             class="d-flex align-items-center"
             component="button"
             type="button"
-            @click="$emit('toggle-color-mode', 'dark')"
+            @click="toggleColorMode('dark')"
           >
             <CIcon class="me-2" icon="cil-moon" size="lg" /> Dark
           </CDropdownItem>
           <CDropdownItem
-            :active="theme === 'auto'"
+            :active="storedTheme === 'auto'"
             class="d-flex align-items-center"
             component="button"
             type="button"
-            @click="$emit('toggle-color-mode', 'auto')"
+            @click="toggleColorMode('auto')"
           >
             <CIcon class="me-2" icon="cil-contrast" size="lg" /> Auto
           </CDropdownItem>
@@ -88,6 +88,7 @@
 </template>
 <script lang="ts">
 import { defineComponent, ref, watch } from 'vue'
+import { useColorMode } from '../composables'
 
 export default defineComponent({
   name: 'Header',
@@ -96,7 +97,11 @@ export default defineComponent({
   },
   emits: ['toggle-color-mode', 'toggle-sidebar'],
   setup(props) {
+    const storedTheme = useColorMode()
     const theme = ref(props.theme)
+    const toggleColorMode = (theme: string): void => {
+      storedTheme.value = theme
+    }
     watch(
       () => props.theme,
       () => {
@@ -105,8 +110,10 @@ export default defineComponent({
     )
 
     return {
-      theme
+      theme,
+      storedTheme,
+      toggleColorMode,
     }
-  }
+  },
 })
 </script>
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/Home.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/Home.vue
deleted file mode 100755
index 4c69d855..00000000
--- a/packages/docs/.vuepress/theme-coreui/src/client/components/Home.vue
+++ /dev/null
@@ -1,133 +0,0 @@
-<template>
-  <main class="home" :aria-labelledby="heroText ? 'main-title' : undefined">
-    <header class="hero">
-      <img v-if="heroImage" :src="heroImage" :alt="heroAlt" />
-
-      <h1 v-if="heroText" id="main-title">
-        {{ heroText }}
-      </h1>
-
-      <p v-if="tagline" class="description">
-        {{ tagline }}
-      </p>
-
-      <p v-if="actions.length" class="actions">
-        <!-- <NavLink
-          v-for="action in actions"
-          :key="action.text"
-          class="action-button"
-          :class="[action.type]"
-          :item="action"
-        /> -->
-      </p>
-    </header>
-
-    <div v-if="features.length" class="features">
-      <div v-for="feature in features" :key="feature.title" class="feature">
-        <h2>{{ feature.title }}</h2>
-        <p>{{ feature.details }}</p>
-      </div>
-    </div>
-
-    <div class="theme-default-content custom">
-      <Content />
-    </div>
-
-    <template v-if="footer">
-      <!-- eslint-disable-next-line vue/no-v-html -->
-      <div v-if="footerHtml" class="footer" v-html="footer" />
-      <div v-else class="footer" v-text="footer" />
-    </template>
-  </main>
-</template>
-
-<script lang="ts">
-import { computed, defineComponent } from 'vue'
-import {
-  usePageFrontmatter,
-  useSiteLocaleData,
-  withBase,
-} from '@vuepress/client'
-import { isArray } from '@vuepress/shared'
-import type { DefaultThemeHomePageFrontmatter } from '../../shared'
-// import NavLink from './_NavLink.vue'
-
-export default defineComponent({
-  name: 'Home',
-
-  components: {
-    // NavLink,
-  },
-
-  setup() {
-    const frontmatter = usePageFrontmatter<DefaultThemeHomePageFrontmatter>()
-    const siteLocale = useSiteLocaleData()
-
-    const heroImage = computed(() => {
-      if (!frontmatter.value.heroImage) {
-        return null
-      }
-
-      return withBase(frontmatter.value.heroImage)
-    })
-
-    const heroText = computed(() => {
-      if (frontmatter.value.heroText === null) {
-        return null
-      }
-      return frontmatter.value.heroText || siteLocale.value.title || 'Hello'
-    })
-
-    const heroAlt = computed(
-      () => frontmatter.value.heroAlt || heroText.value || 'hero'
-    )
-
-    const tagline = computed(() => {
-      if (frontmatter.value.tagline === null) {
-        return null
-      }
-      return (
-        frontmatter.value.tagline ||
-        siteLocale.value.description ||
-        'Welcome to your VuePress site'
-      )
-    })
-
-    const actions = computed(() => {
-      if (!isArray(frontmatter.value.actions)) {
-        return []
-      }
-
-      return frontmatter.value.actions.map(
-        ({ text, link, type = 'primary' }) => ({
-          text,
-          link,
-          type,
-        })
-      )
-    })
-
-    const features = computed(() => {
-      if (isArray(frontmatter.value.features)) {
-        return frontmatter.value.features
-      }
-      return []
-    })
-
-    const footer = computed(() => frontmatter.value.footer)
-
-    const footerHtml = computed(() => frontmatter.value.footerHtml)
-
-    return {
-      heroImage,
-      heroAlt,
-      heroText,
-      tagline,
-      actions,
-      features,
-      footer,
-      footerHtml,
-    }
-  },
-})
-</script>
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/global/CodeGroup.ts b/packages/docs/.vuepress/theme-coreui/src/client/components/global/CodeGroup.ts
deleted file mode 100755
index f7d22994..00000000
--- a/packages/docs/.vuepress/theme-coreui/src/client/components/global/CodeGroup.ts
+++ /dev/null
@@ -1,130 +0,0 @@
-import { defineComponent, h, ref } from 'vue'
-import type { Component, VNode } from 'vue'
-
-export default defineComponent({
-  name: 'CodeGroup',
-
-  setup(_, { slots }) {
-    // index of current active item
-    const activeIndex = ref(-1)
-
-    // refs of the tab buttons
-    const tabRefs = ref<HTMLButtonElement[]>([])
-
-    // activate next tab
-    const activateNext = (i = activeIndex.value): void => {
-      if (i < tabRefs.value.length - 1) {
-        activeIndex.value = i + 1
-      } else {
-        activeIndex.value = 0
-      }
-      tabRefs.value[activeIndex.value].focus()
-    }
-
-    // activate previous tab
-    const activatePrev = (i = activeIndex.value): void => {
-      if (i > 0) {
-        activeIndex.value = i - 1
-      } else {
-        activeIndex.value = tabRefs.value.length - 1
-      }
-      tabRefs.value[activeIndex.value].focus()
-    }
-
-    // handle keyboard event
-    const keyboardHandler = (event: KeyboardEvent, i: number): void => {
-      if (event.key === ' ' || event.key === 'Enter') {
-        event.preventDefault()
-        activeIndex.value = i
-      } else if (event.key === 'ArrowRight') {
-        event.preventDefault()
-        activateNext(i)
-      } else if (event.key === 'ArrowLeft') {
-        event.preventDefault()
-        activatePrev(i)
-      }
-    }
-
-    return () => {
-      // NOTICE: here we put the `slots.default()` inside the render function to make
-      // the slots reactive, otherwise the slot content won't be changed once the
-      // `setup()` function of current component is called
-
-      // get children code-group-item
-      const items = (slots.default?.() || [])
-        .filter((vnode) => (vnode.type as Component).name === 'CodeGroupItem')
-        .map((vnode) => {
-          if (vnode.props === null) {
-            vnode.props = {}
-          }
-          return vnode as VNode & { props: Exclude<VNode['props'], null> }
-        })
-
-      // clear tabRefs for HMR
-      tabRefs.value = []
-
-      // do not render anything if there is no code-group-item
-      if (items.length === 0) {
-        return null
-      }
-
-      if (activeIndex.value < 0 || activeIndex.value > items.length - 1) {
-        // if `activeIndex` is invalid
-
-        // find the index of the code-group-item with `active` props
-        activeIndex.value = items.findIndex(
-          (vnode) => vnode.props.active === '' || vnode.props.active === true
-        )
-
-        // if there is no `active` props on code-group-item, set the first item active
-        if (activeIndex.value === -1) {
-          activeIndex.value = 0
-        }
-      } else {
-        // set the active item
-        items.forEach((vnode, i) => {
-          vnode.props.active = i === activeIndex.value
-        })
-      }
-
-      return h('div', { class: 'code-group' }, [
-        h(
-          'div',
-          { class: 'code-group__nav' },
-          h(
-            'ul',
-            { class: 'code-group__ul' },
-            items.map((vnode, i) => {
-              const isActive = i === activeIndex.value
-
-              return h(
-                'li',
-                { class: 'code-group__li' },
-                h(
-                  'button',
-                  {
-                    ref: (element) => {
-                      if (element) {
-                        tabRefs.value[i] = element as HTMLButtonElement
-                      }
-                    },
-                    class: {
-                      'code-group__nav-tab': true,
-                      'code-group__nav-tab-active': isActive,
-                    },
-                    ariaPressed: isActive,
-                    ariaExpanded: isActive,
-                    onClick: () => (activeIndex.value = i),
-                    onKeydown: (e) => keyboardHandler(e, i),
-                  },
-                  vnode.props.title
-                )
-              )
-            })
-          )
-        ),
-        items,
-      ])
-    }
-  },
-})
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/global/CodeGroupItem.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/global/CodeGroupItem.vue
deleted file mode 100755
index f22b7370..00000000
--- a/packages/docs/.vuepress/theme-coreui/src/client/components/global/CodeGroupItem.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-<template>
-  <div
-    class="code-group-item"
-    :class="{ 'code-group-item__active': active }"
-    :aria-selected="active"
-  >
-    <slot />
-  </div>
-</template>
-
-<script>
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'CodeGroupItem',
-
-  props: {
-    title: {
-      type: String,
-      required: true,
-    },
-    active: {
-      type: Boolean,
-      default: false,
-    },
-  },
-})
-</script>
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/global/_Badge.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/global/_Badge.vue
deleted file mode 100755
index 392aa4d8..00000000
--- a/packages/docs/.vuepress/theme-coreui/src/client/components/global/_Badge.vue
+++ /dev/null
@@ -1,34 +0,0 @@
-<template>
-  <span
-    class="badge"
-    :class="type"
-    :style="{
-      verticalAlign: vertical,
-    }"
-  >
-    <slot>{{ text }}</slot>
-  </span>
-</template>
-
-<script>
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'Badge',
-
-  props: {
-    type: {
-      type: String,
-      default: 'tip',
-    },
-    text: {
-      type: String,
-      default: '',
-    },
-    vertical: {
-      type: String,
-      default: undefined,
-    },
-  },
-})
-</script>
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/composables/index.ts b/packages/docs/.vuepress/theme-coreui/src/client/composables/index.ts
index ce3616fa..0e953614 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/composables/index.ts
+++ b/packages/docs/.vuepress/theme-coreui/src/client/composables/index.ts
@@ -1,6 +1,4 @@
-export * from './useDarkMode'
-export * from './useNavLink'
-export * from './useResolveRouteWithRedirect'
+export * from './useColorMode'
 export * from './useScrollPromise'
 export * from './useSidebarItems'
 export * from './useThemeData'
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/composables/useColorMode.ts b/packages/docs/.vuepress/theme-coreui/src/client/composables/useColorMode.ts
new file mode 100755
index 00000000..4ee78aba
--- /dev/null
+++ b/packages/docs/.vuepress/theme-coreui/src/client/composables/useColorMode.ts
@@ -0,0 +1,46 @@
+import { onMounted, ref, watch } from 'vue'
+import type { Ref } from 'vue'
+
+export const useColorMode = (): Ref<string> => {
+  const storedTheme = ref()
+  const theme = 'coreui-react-docs-theme'
+
+  const getPreferredTheme = (storedTheme: string | undefined) => {
+    if (storedTheme) {
+      return storedTheme
+    }
+
+    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
+  }
+
+  const setTheme = (theme: string) => {
+    document.documentElement.dataset.coreuiTheme =
+      theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : theme
+
+    const event = new Event('ColorSchemeChange')
+    document.documentElement.dispatchEvent(event)
+    storedTheme.value = theme
+
+    localStorage.setItem('coreui-react-docs-theme', theme)
+  }
+
+  onMounted(() => {
+    if (typeof localStorage.getItem(theme) === 'string') {
+      storedTheme.value = localStorage.getItem(theme)
+    }
+
+    window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
+      if (storedTheme.value !== 'light' || storedTheme.value !== 'dark') {
+        setTheme(getPreferredTheme(storedTheme.value))
+      }
+    })
+
+    if (typeof localStorage.getItem(theme) === 'string') {
+      setTheme(localStorage.getItem(theme) as string)
+    }
+
+    watch(storedTheme, setTheme)
+  })
+
+  return storedTheme
+}
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/composables/useDarkMode.ts b/packages/docs/.vuepress/theme-coreui/src/client/composables/useDarkMode.ts
deleted file mode 100755
index 2e734fdd..00000000
--- a/packages/docs/.vuepress/theme-coreui/src/client/composables/useDarkMode.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { onMounted, onUnmounted, ref, watch } from 'vue'
-import type { Ref } from 'vue'
-
-export const useDarkMode = (): Ref<boolean> => {
-  const isDarkMode = ref(false)
-
-  const updateDarkModeClass = (value = isDarkMode.value): void => {
-    // set `class="dark"` on `<html>` element
-    const htmlEl = window?.document.querySelector('html')
-    htmlEl?.classList.toggle('dark', value)
-  }
-
-  const mediaQuery = ref<MediaQueryList | null>(null)
-  const onMediaQueryChange = (event: MediaQueryListEvent): void => {
-    isDarkMode.value = event.matches
-  }
-
-  onMounted(() => {
-    // get `prefers-color-scheme` media query and set the initial mode
-    mediaQuery.value = window.matchMedia('(prefers-color-scheme: dark)')
-    isDarkMode.value = mediaQuery.value.matches
-
-    // watch changes
-    mediaQuery.value.addEventListener('change', onMediaQueryChange)
-    watch(isDarkMode, updateDarkModeClass, { immediate: true })
-  })
-
-  onUnmounted(() => {
-    mediaQuery.value?.removeEventListener('change', onMediaQueryChange)
-    updateDarkModeClass(false)
-  })
-
-  return isDarkMode
-}
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue b/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue
index 8acddac3..4662bea1 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue
+++ b/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue
@@ -1,27 +1,14 @@
 <template>
-  <div
-    class="theme-container"
-    :class="containerClass"
-    @touchstart="onTouchStart"
-    @touchend="onTouchEnd"
-  >
+  <div>
     <Sidebar :visible="isSidebarOpen" @visible-change="(event) => (isSidebarOpen = event)" />
     <div class="wrapper d-flex flex-column min-vh-100">
       <Header
-        :theme="storedTheme"
         @toggle-sidebar="toggleSidebar(!isSidebarOpen)"
-        @toggle-color-mode="
-          (theme) => {
-            setTheme(theme)
-          }
-        "
       />
       <div class="body flex-grow-1 px-3">
         <CContainer lg>
           <main class="docs-main">
-            <Home v-if="frontmatter.home" />
             <Transition
-              v-else
               name="fade-slide-y"
               mode="out-in"
               @before-enter="onBeforeEnter"
@@ -55,16 +42,16 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, onBeforeMount, onMounted, ref, Transition } from 'vue'
+import { defineComponent, onMounted, ref } from 'vue'
 import { usePageData, usePageFrontmatter } from '@vuepress/client'
+import docsearch from '@docsearch/js'
 import type { DefaultThemePageFrontmatter } from '../../shared'
 import Footer from '../components/Footer.vue'
 import Header from '../components/Header.vue'
-import Home from '../components/Home.vue'
 import Page from '../components/Page.vue'
 import Sidebar from '../components/Sidebar.vue'
-import { useScrollPromise, useSidebarItems, useThemeLocaleData } from '../composables'
-import docsearch from '@docsearch/js'
+import { useScrollPromise } from '../composables'
+
 
 export default defineComponent({
   name: 'Layout',
@@ -72,85 +59,26 @@ export default defineComponent({
   components: {
     Footer,
     Header,
-    Home,
     Page,
     Sidebar,
-    Transition,
   },
 
   setup() {
     const page = usePageData()
     const frontmatter = usePageFrontmatter<DefaultThemePageFrontmatter>()
-    const themeLocale = useThemeLocaleData()
-
-    // navbar
-    const shouldShowNavbar = computed(
-      () => frontmatter.value.navbar !== false && themeLocale.value.navbar !== false,
-    )
 
     // sidebar
-    const sidebarItems = useSidebarItems()
     const isSidebarOpen = ref(true)
 
     const toggleSidebar = (to?: boolean): void => {
       isSidebarOpen.value = typeof to === 'boolean' ? to : !isSidebarOpen.value
     }
 
-    // classes
-    const containerClass = computed(() => [
-      {
-        'no-navbar': !shouldShowNavbar.value,
-        'no-sidebar': !sidebarItems.value.length,
-        'sidebar-open': isSidebarOpen.value,
-      },
-      frontmatter.value.pageClass,
-    ])
-
     // handle scrollBehavior with transition
     const scrollPromise = useScrollPromise()
     const onBeforeEnter = scrollPromise.resolve
     const onBeforeLeave = scrollPromise.pending
 
-    const theme = 'coreui-react-docs-theme'
-    const storedTheme = ref()
-
-    const getPreferredTheme = (storedTheme: string | undefined) => {
-      if (storedTheme) {
-        return storedTheme
-      }
-
-      return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
-    }
-
-    const setTheme = (theme: string) => {
-      document.documentElement.dataset.coreuiTheme =
-        theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches
-          ? 'dark'
-          : theme
-
-      const event = new Event('ColorSchemeChange')
-      document.documentElement.dispatchEvent(event)
-      storedTheme.value = theme
-
-      localStorage.setItem('coreui-react-docs-theme', theme)
-    }
-
-    onMounted(() => {
-      if (typeof localStorage.getItem(theme) === 'string') {
-        storedTheme.value = localStorage.getItem(theme)
-      }
-
-      window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
-        if (storedTheme.value !== 'light' || storedTheme.value !== 'dark') {
-          setTheme(getPreferredTheme(storedTheme.value))
-        }
-      })
-
-      if (localStorage.getItem(theme)) {
-        setTheme(localStorage.getItem(theme))
-      }
-    })
-
     onMounted(() => {
       const searchElement = document.getElementById('docsearch') as HTMLElement
       docsearch({
@@ -167,12 +95,9 @@ export default defineComponent({
       isSidebarOpen,
       frontmatter,
       page,
-      containerClass,
       toggleSidebar,
       onBeforeEnter,
       onBeforeLeave,
-      setTheme,
-      storedTheme,
     }
   },
 })
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_variables.scss b/packages/docs/.vuepress/theme-coreui/src/client/styles/_variables.scss
index 29f3dae7..bb49c60f 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/styles/_variables.scss
+++ b/packages/docs/.vuepress/theme-coreui/src/client/styles/_variables.scss
@@ -1,5 +1,3 @@
-@import '@vuepress/plugin-palette/palette';
-
 // responsive breakpoints
 $MQNarrow: 959px !default;
 $MQMobile: 719px !default;
diff --git a/packages/docs/.vuepress/theme-coreui/src/node/defaultTheme.ts b/packages/docs/.vuepress/theme-coreui/src/node/defaultTheme.ts
index 004caec3..a0eaa790 100755
--- a/packages/docs/.vuepress/theme-coreui/src/node/defaultTheme.ts
+++ b/packages/docs/.vuepress/theme-coreui/src/node/defaultTheme.ts
@@ -1,16 +1,7 @@
 import type { Theme, ThemeConfig } from '@vuepress/core'
 import { path } from '@vuepress/utils'
 import type { DefaultThemeLocaleOptions, DefaultThemePluginsOptions } from '../shared'
-import {
-  assignDefaultLocaleOptions,
-  // resolveActiveHeaderLinksPluginOptions,
-  // resolveContainerPluginOptions,
-  // resolveContainerPluginOptionsForDetails,
-  // resolveContainerPluginOptionsForCodeGroup,
-  // resolveContainerPluginOptionsForCodeGroupItem,
-  resolveGitPluginOptions,
-  // resolveMediumZoomPluginOptions,
-} from './utils'
+import { assignDefaultLocaleOptions } from './utils'
 
 export interface DefaultThemeOptions extends ThemeConfig, DefaultThemeLocaleOptions {
   /**
@@ -27,7 +18,7 @@ export const defaultTheme: Theme<DefaultThemeOptions> = ({
   assignDefaultLocaleOptions(localeOptions)
 
   return {
-    name: '@vuepress/theme-default',
+    name: '@vuepress/coreui-docs-theme',
 
     layouts: path.resolve(__dirname, '../client/layouts'),
 
@@ -47,19 +38,6 @@ export const defaultTheme: Theme<DefaultThemeOptions> = ({
         },
       ],
       ['@vuepress/back-to-top', themePlugins.backToTop !== false],
-      // ['@vuepress/container', resolveContainerPluginOptions(themePlugins, localeOptions, 'tip')],
-      // [
-      //   '@vuepress/container',
-      //   resolveContainerPluginOptions(themePlugins, localeOptions, 'warning'),
-      // ],
-      // ['@vuepress/container', resolveContainerPluginOptions(themePlugins, localeOptions, 'danger')],
-      // ['@vuepress/container', resolveContainerPluginOptionsForDetails(themePlugins)],
-      // ['@vuepress/container', resolveContainerPluginOptionsForCodeGroup(themePlugins)],
-      // ['@vuepress/container', resolveContainerPluginOptionsForCodeGroupItem(themePlugins)],
-      ['@vuepress/git', resolveGitPluginOptions(themePlugins, localeOptions)],
-      // ['@vuepress/medium-zoom', resolveMediumZoomPluginOptions(themePlugins)],
-      // ['@vuepress/nprogress', themePlugins.nprogress !== false],
-      ['@vuepress/palette', { preset: 'sass' }],
       ['@vuepress/prismjs', themePlugins.prismjs !== false],
       ['@vuepress/theme-data', { themeData: localeOptions }],
     ],
diff --git a/packages/docs/.vuepress/theme-coreui/src/node/utils/index.ts b/packages/docs/.vuepress/theme-coreui/src/node/utils/index.ts
index 17cd5b4e..8f378cef 100755
--- a/packages/docs/.vuepress/theme-coreui/src/node/utils/index.ts
+++ b/packages/docs/.vuepress/theme-coreui/src/node/utils/index.ts
@@ -1,5 +1 @@
 export * from './assignDefaultLocaleOptions'
-export * from './resolveActiveHeaderLinksPluginOptions'
-export * from './resolveContainerPluginOptions'
-export * from './resolveGitPluginOptions'
-export * from './resolveMediumZoomPluginOptions'
diff --git a/packages/docs/.vuepress/theme-coreui/src/node/utils/resolveActiveHeaderLinksPluginOptions.ts b/packages/docs/.vuepress/theme-coreui/src/node/utils/resolveActiveHeaderLinksPluginOptions.ts
deleted file mode 100755
index ed52e8f9..00000000
--- a/packages/docs/.vuepress/theme-coreui/src/node/utils/resolveActiveHeaderLinksPluginOptions.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import type { ActiveHeaderLinksPluginOptions } from '@vuepress/plugin-active-header-links'
-import type { DefaultThemePluginsOptions } from '../../shared'
-
-/**
- * Resolve options for @vuepress/plugin-active-header-links
- */
-export const resolveActiveHeaderLinksPluginOptions = (
-  themePlugins: DefaultThemePluginsOptions
-): ActiveHeaderLinksPluginOptions | boolean => {
-  if (themePlugins?.activeHeaderLinks === false) {
-    return false
-  }
-
-  return {
-    headerLinkSelector: 'a.sidebar-item',
-    headerAnchorSelector: '.anchor-link',
-  }
-}
diff --git a/packages/docs/.vuepress/theme-coreui/src/node/utils/resolveContainerPluginOptions.ts b/packages/docs/.vuepress/theme-coreui/src/node/utils/resolveContainerPluginOptions.ts
deleted file mode 100755
index 5d6ec139..00000000
--- a/packages/docs/.vuepress/theme-coreui/src/node/utils/resolveContainerPluginOptions.ts
+++ /dev/null
@@ -1,92 +0,0 @@
-import type { ContainerPluginOptions } from '@vuepress/plugin-container'
-import type { DefaultThemePluginsOptions, DefaultThemeData } from '../../shared'
-
-/**
- * Resolve options for @vuepress/plugin-container
- *
- * For custom containers default title
- */
-export const resolveContainerPluginOptions = (
-  themePlugins: DefaultThemePluginsOptions,
-  localeOptions: DefaultThemeData,
-  type: 'tip' | 'warning' | 'danger'
-): ContainerPluginOptions | boolean => {
-  if (themePlugins?.container?.[type] === false) {
-    return false
-  }
-
-  const locales = Object.entries(localeOptions.locales || {}).reduce(
-    (result, [key, value]) => {
-      result[key] = {
-        defaultInfo: value?.[type] ?? localeOptions[type],
-      }
-      return result
-    },
-    {}
-  )
-
-  return {
-    type,
-    locales,
-  }
-}
-
-/**
- * Resolve options for @vuepress/plugin-container
- *
- * For details container
- */
-export const resolveContainerPluginOptionsForDetails = (
-  themePlugins: DefaultThemePluginsOptions
-): ContainerPluginOptions | boolean => {
-  if (themePlugins?.container?.details === false) {
-    return false
-  }
-
-  return {
-    type: 'details',
-    before: (info) =>
-      `<details class="custom-container details">${
-        info ? `<summary>${info}</summary>` : ''
-      }\n`,
-    after: () => '</details>\n',
-  }
-}
-
-/**
- * Resolve options for @vuepress/plugin-container
- *
- * For code-group container
- */
-export const resolveContainerPluginOptionsForCodeGroup = (
-  themePlugins: DefaultThemePluginsOptions
-): ContainerPluginOptions | boolean => {
-  if (themePlugins?.container?.codeGroup === false) {
-    return false
-  }
-
-  return {
-    type: 'code-group',
-    before: () => `<CodeGroup>\n`,
-    after: () => '</CodeGroup>\n',
-  }
-}
-
-/**
- * Resolve options for @vuepress/plugin-container
- *
- * For code-group-item block
- */
-export const resolveContainerPluginOptionsForCodeGroupItem = (
-  themePlugins: DefaultThemePluginsOptions
-): ContainerPluginOptions | boolean => {
-  if (themePlugins?.container?.codeGroupItem === false) {
-    return false
-  }
-
-  return {
-    type: 'code-group-item',
-    before: (info) => `<CodeGroupItem title="${info}">\n`,
-    after: () => '</CodeGroupItem>\n',
-  }
-}
diff --git a/packages/docs/.vuepress/theme-coreui/src/node/utils/resolveGitPluginOptions.ts b/packages/docs/.vuepress/theme-coreui/src/node/utils/resolveGitPluginOptions.ts
deleted file mode 100755
index a7348e3c..00000000
--- a/packages/docs/.vuepress/theme-coreui/src/node/utils/resolveGitPluginOptions.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import type { GitPluginOptions } from '@vuepress/plugin-git'
-import type {
-  DefaultThemePluginsOptions,
-  DefaultThemeLocaleOptions,
-} from '../../shared'
-
-/**
- * Resolve options for @vuepress/plugin-git
- */
-export const resolveGitPluginOptions = (
-  themePlugins: DefaultThemePluginsOptions,
-  localeOptions: DefaultThemeLocaleOptions
-): GitPluginOptions | boolean => {
-  if (themePlugins?.git === false) {
-    return false
-  }
-
-  const enableUpdatedTime = localeOptions.lastUpdated !== false
-  const enableContributors = localeOptions.contributors !== false
-
-  if (!enableUpdatedTime && !enableContributors) {
-    return false
-  }
-
-  return {
-    createdTime: false,
-    updatedTime: enableUpdatedTime,
-    contributors: enableContributors,
-  }
-}
diff --git a/packages/docs/.vuepress/theme-coreui/src/node/utils/resolveMediumZoomPluginOptions.ts b/packages/docs/.vuepress/theme-coreui/src/node/utils/resolveMediumZoomPluginOptions.ts
deleted file mode 100755
index e8fe2e35..00000000
--- a/packages/docs/.vuepress/theme-coreui/src/node/utils/resolveMediumZoomPluginOptions.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import type { MediumZoomPluginOptions } from '@vuepress/plugin-medium-zoom'
-import type { DefaultThemePluginsOptions } from '../../shared'
-
-/**
- * Resolve options for @vuepress/plugin-medium-zoom
- */
-export const resolveMediumZoomPluginOptions = (
-  themePlugins: DefaultThemePluginsOptions
-): MediumZoomPluginOptions | boolean => {
-  if (themePlugins?.mediumZoom === false) {
-    return false
-  }
-
-  return {
-    selector:
-      '.theme-default-content > img, .theme-default-content :not(a) > img',
-    zoomOptions: {},
-    // should greater than page transition duration
-    delay: 400,
-  }
-}

From 3650639274cea7e9c91795fca21f37f5bc6a01a2 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sat, 3 Jun 2023 19:11:35 +0200
Subject: [PATCH 110/346] style: fix eslint warnings

---
 packages/coreui-vue/src/components/spinner/CSpinner.ts | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/coreui-vue/src/components/spinner/CSpinner.ts b/packages/coreui-vue/src/components/spinner/CSpinner.ts
index 6d6f7043..f773d422 100644
--- a/packages/coreui-vue/src/components/spinner/CSpinner.ts
+++ b/packages/coreui-vue/src/components/spinner/CSpinner.ts
@@ -68,11 +68,10 @@ const CSpinner = defineComponent({
         {
           class: [
             `spinner-${props.variant}`,
-            `text-${props.color}`,
             {
               [`spinner-${props.variant}-${props.size}`]: props.size,
+              [`text-${props.color}`]: props.color,
             },
-            // props.size && `spinner-${props.variant}-${props.size}`,
           ],
           role: 'status',
         },

From e3c2850869d542f8f5a0419133f7568c0e8ab02f Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 4 Jun 2023 01:02:44 +0200
Subject: [PATCH 111/346] docs: update theme

---
 .../{clientAppEnhance.ts => client.ts}        |  19 +-
 packages/docs/.vuepress/config.ts             | 407 +++++++++++++++---
 .../src/client/clientAppEnhance.ts            |  14 -
 .../theme-coreui/src/client/clientAppSetup.ts |  19 -
 .../src/client/composables/useNavLink.ts      |  17 +-
 .../useResolveRouteWithRedirect.ts            |   4 +-
 .../client/composables/useScrollPromise.ts    |   2 +-
 .../src/client/composables/useSidebarItems.ts |  38 +-
 .../src/client/composables/useThemeData.ts    |   8 +-
 .../theme-coreui/src/client/config.ts         |  42 ++
 .../theme-coreui/src/client/index.ts          |  49 +--
 .../src/client/layouts/Layout.vue             |   1 -
 .../theme-coreui/src/client/shim.d.ts         |   5 +
 .../theme-coreui/src/client/utils/index.ts    |   2 -
 .../src/client/utils/resolveEditLink.ts       |  52 ---
 .../src/client/utils/resolveRepoType.ts       |  11 -
 .../theme-coreui/src/node/defaultTheme.ts     |  86 +++-
 .../theme-coreui/src/templates/build.html     |  22 +
 packages/docs/package.json                    |   4 +-
 19 files changed, 545 insertions(+), 257 deletions(-)
 rename packages/docs/.vuepress/{clientAppEnhance.ts => client.ts} (75%)
 delete mode 100755 packages/docs/.vuepress/theme-coreui/src/client/clientAppEnhance.ts
 delete mode 100755 packages/docs/.vuepress/theme-coreui/src/client/clientAppSetup.ts
 create mode 100644 packages/docs/.vuepress/theme-coreui/src/client/config.ts
 delete mode 100755 packages/docs/.vuepress/theme-coreui/src/client/utils/index.ts
 delete mode 100755 packages/docs/.vuepress/theme-coreui/src/client/utils/resolveEditLink.ts
 delete mode 100755 packages/docs/.vuepress/theme-coreui/src/client/utils/resolveRepoType.ts
 create mode 100644 packages/docs/.vuepress/theme-coreui/src/templates/build.html

diff --git a/packages/docs/.vuepress/clientAppEnhance.ts b/packages/docs/.vuepress/client.ts
similarity index 75%
rename from packages/docs/.vuepress/clientAppEnhance.ts
rename to packages/docs/.vuepress/client.ts
index e1dd18fa..be46adff 100644
--- a/packages/docs/.vuepress/clientAppEnhance.ts
+++ b/packages/docs/.vuepress/client.ts
@@ -1,4 +1,4 @@
-import type { ClientAppEnhance } from '@vuepress/client'
+import { defineClientConfig } from '@vuepress/client'
 import { CIcon } from '@coreui/icons-vue'
 import CChartPlugin from '@coreui/vue-chartjs/src/'
 import CoreuiVue from '@coreui/vue/src'
@@ -61,11 +61,12 @@ export const icons = {
   cilWarning,
 }
 
-const clientAppEnhance: ClientAppEnhance = ({ app }) => {
-  app.use(CoreuiVue)
-  app.provide('icons', icons)
-  app.component('CIcon', CIcon)
-  app.use(CChartPlugin)
-}
-
-export default clientAppEnhance
+export default defineClientConfig({
+  enhance({ app, router }) {
+    app.use(CoreuiVue)
+    app.provide('icons', icons)
+    app.component('CIcon', CIcon)
+    app.use(CChartPlugin),
+    router.addRoute({ path: '', redirect: '/getting-started/introduction.html' })
+  },
+})
diff --git a/packages/docs/.vuepress/config.ts b/packages/docs/.vuepress/config.ts
index 55b18a67..ece96d9c 100644
--- a/packages/docs/.vuepress/config.ts
+++ b/packages/docs/.vuepress/config.ts
@@ -1,79 +1,70 @@
 import { defineUserConfig } from 'vuepress'
-import { permalink } from 'markdown-it-anchor'
-import { resolve } from 'node:path'
+import anchor from 'markdown-it-anchor'
+import include_plugin from 'markdown-it-include'
+import { defaultTheme } from './theme-coreui'
 
-import type { DefaultThemeOptions } from 'vuepress'
+import { containerPlugin } from '@vuepress/plugin-container'
+import { tocPlugin } from '@vuepress/plugin-toc'
 
-export default defineUserConfig<DefaultThemeOptions>({
+export default defineUserConfig({
   base: `/vue/docs/`,
   lang: 'en-US',
   title: 'Vue UI Components · CoreUI',
   description: 'UI Components Library for Vue.js (Vue 3)',
   head: [
     ['link', { rel: 'icon', href: `/vue/docs/favicons/favicon-96x96.png` }],
-    // ['link', { rel: 'manifest', href: '/favicons/manifest.json' }],
   ],
-  extendsMarkdown: (md) => {
-    md.use(require('markdown-it-include')),
-      (md.renderer.rules.table_open = function (tokens, idx) {
-        return '<table class="table table-striped table-api">'
-      })
-  },
   markdown: {
     anchor: {
-      permalink: permalink.ariaHidden({
+      permalink: anchor.permalink.ariaHidden({
         class: 'anchor-link',
         placement: 'after'
       })
     },
     code: {
-      lineNumbers: false
-    }
+      lineNumbers: false,
+    },
+  },
+  extendsMarkdown: (md) => {
+    md.use(include_plugin),
+      (md.renderer.rules.table_open = function (tokens, idx) {
+        return '<table class="table table-striped table-api">'
+      })
   },
   plugins: [
-    '@vuepress/plugin-toc',
-    [
-      '@vuepress/container',
-      {
-        type: 'demo',
-        render: function (tokens, idx) {
-          if (tokens[idx].nesting === 1) {
-            return '<div class="docs-example border rounded-top p-4">\n'
-          } else {
-            return '</div>\n'
-          }
-        },
+    containerPlugin({
+      type: 'demo',
+      render: function (tokens, idx) {
+        if (tokens[idx].nesting === 1) {
+          return '<div class="docs-example border rounded-top p-4">\n'
+        } else {
+          return '</div>\n'
+        }
       },
-    ],
-    [
-      '@vuepress/container',
-      {
-        type: 'demo-rounded',
-        render: function (tokens, idx) {
-          if (tokens[idx].nesting === 1) {
-            return '<div class="docs-example border rounded p-4">\n'
-          } else {
-            return '</div>\n'
-          }
-        },
+    }),
+    containerPlugin({
+      type: 'demo-rounded',
+      render: function (tokens, idx) {
+        if (tokens[idx].nesting === 1) {
+          return '<div class="docs-example border rounded p-4">\n'
+        } else {
+          return '</div>\n'
+        }
       },
-    ],
-    [
-      '@vuepress/container',
-      {
-        type: 'demo-dark',
-        render: function (tokens, idx) {
-          if (tokens[idx].nesting === 1) {
-            return '<div class="docs-example rounded-top p-4 bg-dark">\n'
-          } else {
-            return '</div>\n'
-          }
-        },
+    }),
+    containerPlugin({
+      type: 'demo-dark',
+      render: function (tokens, idx) {
+        if (tokens[idx].nesting === 1) {
+          return '<div class="docs-example rounded-top p-4 bg-dark">\n'
+        } else {
+          return '</div>\n'
+        }
       },
-    ],
+    }),
+    tocPlugin({}),
   ],
-  theme: resolve(__dirname, './theme-coreui'),
-  themeConfig: {
+  theme: defaultTheme({
     sidebar: [
       {
         text: 'Getting started',
@@ -345,7 +336,7 @@ export default defineUserConfig<DefaultThemeOptions>({
             badge: {
               color: 'success',
               text: 'New',
-            }
+            },
           },
           {
             text: 'Download',
@@ -377,5 +368,311 @@ export default defineUserConfig<DefaultThemeOptions>({
         ],
       },
     ],
-  },
+  }),
+  // theme: resolve(__dirname, './theme-coreui'),
+  // themeConfig: {
+  //   sidebar: [
+  //     {
+  //       text: 'Getting started',
+  //       icon: '<rect width="32" height="32" x="144" y="464" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect><rect width="32" height="32" x="240" y="464" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect><rect width="32" height="32" x="336" y="464" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect><path fill="var(--ci-primary-color, currentColor)" d="M312,76.82v34.265a142.419,142.419,0,0,1,86.207,130.708C398.207,320.206,334.413,384,256,384S113.793,320.206,113.793,241.793A142.419,142.419,0,0,1,200,111.085V76.82c-68.671,23.373-118.207,88.5-118.207,164.973C81.793,337.851,159.942,416,256,416s174.207-78.149,174.207-174.207C430.207,165.316,380.671,100.193,312,76.82Z" class="ci-primary"></path><rect width="32" height="229.793" x="240" y="16" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect>',
+  //       link: `/getting-started/`,
+  //       children: [
+  //         {
+  //           text: 'Introduction',
+  //           link: `/getting-started/introduction.html`,
+  //         },
+  //         {
+  //           text: 'Accessibility',
+  //           link: `/getting-started/accessibility.html`,
+  //         },
+  //       ],
+  //     },
+  //     {
+  //       text: 'Customize',
+  //       icon: '<path fill="var(--ci-primary-color, currentColor)" d="M425.514,82.055C380.778,39.458,320.673,16,256.271,16,196.248,16,136.415,36.073,92.115,71.071,43.032,109.85,16,164.161,16,224c0,60.1,15.531,98.87,48.876,122.019,28,19.438,68.412,27.731,135.124,27.731h29.75A26.28,26.28,0,0,1,256,400v47.984a32,32,0,0,0,32,32h.032l90.755-.088a32.094,32.094,0,0,0,19.686-6.8c9.725-7.622,34.727-29.4,56.8-66.9C482.3,360.262,496,307.037,496,248,496,184.268,470.968,125.334,425.514,82.055Zm2.173,307.915c-19.3,32.792-40.663,51.447-48.932,57.926L288,447.984V400a58.316,58.316,0,0,0-58.25-58.25H200c-59.69,0-94.644-6.585-116.876-22.019C58.833,302.869,48,273.344,48,224,48,113.833,153.9,48,256.271,48,372.755,48,464,135.851,464,248,464,301.253,451.782,349.019,427.687,389.97Z" class="ci-primary"/><path fill="var(--ci-primary-color, currentColor)" d="M128,144a56,56,0,1,0,56,56A56.064,56.064,0,0,0,128,144Zm0,80a24,24,0,1,1,24-24A24.027,24.027,0,0,1,128,224Z" class="ci-primary"/><path fill="var(--ci-primary-color, currentColor)" d="M240,72a56,56,0,1,0,56,56A56.064,56.064,0,0,0,240,72Zm0,80a24,24,0,1,1,24-24A24.027,24.027,0,0,1,240,152Z" class="ci-primary"/><path fill="var(--ci-primary-color, currentColor)" d="M360,128a56,56,0,1,0,56,56A56.064,56.064,0,0,0,360,128Zm0,80a24,24,0,1,1,24-24A24.027,24.027,0,0,1,360,208Z" class="ci-primary"/><path fill="var(--ci-primary-color, currentColor)" d="M376,264a56,56,0,1,0,56,56A56.064,56.064,0,0,0,376,264Zm0,80a24,24,0,1,1,24-24A24.027,24.027,0,0,1,376,344Z" class="ci-primary"/>',
+  //       link: '/customize/',
+  //       children: [
+  //         {
+  //           text: 'Sass',
+  //           link: '/customize/sass.html',
+  //         },
+  //         {
+  //           text: 'Options',
+  //           link: '/customize/options.html',
+  //         },
+  //         {
+  //           text: 'CSS Variables',
+  //           link: '/customize/css-variables.html',
+  //         },
+  //       ],
+  //     },
+  //     {
+  //       text: 'Layout',
+  //       icon: `<path fill="var(--ci-primary-color, currentColor)" d="M16,64V448H496V64ZM464,240H192V96H464ZM192,272H312V416H192ZM48,96H160V416H48ZM344,416V272H464V416Z"></path>`,
+  //       link: `/layout/`,
+  //       children: [
+  //         {
+  //           text: 'Breakpoints',
+  //           link: `/layout/breakpoints.html`,
+  //         },
+  //         {
+  //           text: 'Columns',
+  //           link: `/layout/columns.html`,
+  //         },
+  //         {
+  //           text: 'Containers',
+  //           link: `/layout/containers.html`,
+  //         },
+  //         {
+  //           text: 'Grid',
+  //           link: `/layout/grid.html`,
+  //         },
+  //         {
+  //           text: 'Gutters',
+  //           link: `/layout/gutters.html`,
+  //         },
+  //       ],
+  //     },
+  //     {
+  //       text: 'Forms',
+  //       icon: `<rect width="288" height="32" x="112" y="152" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect><rect width="288" height="32" x="112" y="240" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect><rect width="152" height="32" x="112" y="328" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect><path fill="var(--ci-primary-color, currentColor)" d="M480,48H32V464H480ZM448,432H64V80H448Z" class="ci-primary"></path>`,
+  //       link: `/forms/`,
+  //       children: [
+  //         // {
+  //         //   text: 'Overview',
+  //         //   link: `/forms/overview.html`,
+  //         // },
+  //         {
+  //           text: 'Checkbox',
+  //           link: `/forms/checkbox.html`,
+  //         },
+  //         {
+  //           text: 'Input',
+  //           link: `/forms/input.html`,
+  //         },
+  //         {
+  //           text: 'Input group',
+  //           link: `/forms/input-group.html`,
+  //         },
+  //         {
+  //           text: 'Radio',
+  //           link: `/forms/radio.html`,
+  //         },
+  //         // {
+  //         //   text: 'Checks & radios',
+  //         //   link: `/forms/checks-radios.html`,
+  //         // },
+  //         {
+  //           text: 'Range',
+  //           link: `/forms/range.html`,
+  //         },
+  //         {
+  //           text: 'Select',
+  //           link: `/forms/select.html`,
+  //         },
+  //         {
+  //           text: 'Switch',
+  //           link: `/forms/switch.html`,
+  //         },
+  //         {
+  //           text: 'Textarea',
+  //           link: `/forms/textarea.html`,
+  //         },
+  //         {
+  //           text: 'Floating labels',
+  //           link: `/forms/floating-labels.html`,
+  //         },
+  //         {
+  //           text: 'Layout',
+  //           link: `/forms/layout.html`,
+  //         },
+  //         {
+  //           text: 'Validation',
+  //           link: `/forms/validation.html`,
+  //         },
+  //       ],
+  //     },
+  //     {
+  //       text: 'Components',
+  //       icon: '<path fill="var(--ci-primary-color, currentColor)" d="M410.989,16H101.011L16,237.029V496H496V237.029Zm-288,32H240V240H49.143ZM184,272H328v40H184ZM464,464H48V272H152v72H360V272H464ZM272,240V48H389.012l73.845,192Z" class="ci-primary"></path>',
+  //       link: `/components/`,
+  //       children: [
+  //         {
+  //           text: 'Accordion',
+  //           link: `/components/accordion.html`,
+  //         },
+  //         {
+  //           text: 'Alert',
+  //           link: `/components/alert.html`,
+  //         },
+  //         {
+  //           text: 'Avatar',
+  //           link: `/components/avatar.html`,
+  //         },
+  //         {
+  //           text: 'Badge',
+  //           link: `/components/badge.html`,
+  //         },
+  //         {
+  //           text: 'Breadcrumb',
+  //           link: `/components/breadcrumb.html`,
+  //         },
+  //         {
+  //           text: 'Buttons',
+  //           link: `/components/button.html`,
+  //         },
+  //         {
+  //           text: 'Button Group',
+  //           link: `/components/button-group.html`,
+  //         },
+  //         {
+  //           text: 'Callout',
+  //           link: `/components/callout.html`,
+  //         },
+  //         {
+  //           text: 'Card',
+  //           link: `/components/card.html`,
+  //         },
+  //         {
+  //           text: 'Carousel',
+  //           link: `/components/carousel.html`,
+  //         },
+  //         {
+  //           text: 'Chart',
+  //           link: `/components/chart.html`,
+  //         },
+  //         {
+  //           text: 'Close Button',
+  //           link: `/components/close-button.html`,
+  //         },
+  //         {
+  //           text: 'Collapse',
+  //           link: `/components/collapse.html`,
+  //         },
+  //         {
+  //           text: 'Dropdown',
+  //           link: `/components/dropdown.html`,
+  //         },
+  //         {
+  //           text: 'Footer',
+  //           link: `/components/footer.html`,
+  //         },
+  //         {
+  //           text: 'Header',
+  //           link: `/components/header.html`,
+  //         },
+  //         {
+  //           text: 'Icon',
+  //           link: `/components/icon.html`,
+  //         },
+  //         {
+  //           text: 'Image',
+  //           link: `/components/image.html`,
+  //         },
+  //         {
+  //           text: 'List Group',
+  //           link: `/components/list-group.html`,
+  //         },
+  //         {
+  //           text: 'Modal',
+  //           link: `/components/modal.html`,
+  //         },
+  //         {
+  //           text: 'Navs & Tabs',
+  //           link: `/components/navs-tabs.html`,
+  //         },
+  //         {
+  //           text: 'Navbar',
+  //           link: `/components/navbar.html`,
+  //         },
+  //         {
+  //           text: 'Offcanvas',
+  //           link: `/components/offcanvas.html`,
+  //         },
+  //         {
+  //           text: 'Pagination',
+  //           link: `/components/pagination.html`,
+  //         },
+  //         {
+  //           text: 'Placeholder',
+  //           link: `/components/placeholder.html`,
+  //         },
+  //         {
+  //           text: 'Popover',
+  //           link: `/components/popover.html`,
+  //         },
+  //         {
+  //           text: 'Progress',
+  //           link: `/components/progress.html`,
+  //         },
+  //         {
+  //           text: 'Sidebar',
+  //           link: `/components/sidebar.html`,
+  //         },
+  //         {
+  //           text: 'Spinner',
+  //           link: `/components/spinner.html`,
+  //         },
+  //         {
+  //           text: 'Table',
+  //           link: `/components/table.html`,
+  //         },
+  //         {
+  //           text: 'Toast',
+  //           link: `/components/toast.html`,
+  //         },
+  //         {
+  //           text: 'Tooltip',
+  //           link: `/components/tooltip.html`,
+  //         },
+  //         {
+  //           text: 'Widgets',
+  //           link: `/components/widgets.html`,
+  //         },
+  //       ],
+  //     },
+  //     {
+  //       text: 'Templates',
+  //       link: '/templates/',
+  //       icon: '<path fill="var(--ci-primary-color, currentColor)" d="M472,232H424V120a24.028,24.028,0,0,0-24-24H40a24.028,24.028,0,0,0-24,24V366a24.028,24.028,0,0,0,24,24H212v50H152v32H304V440H244V390h92v58a24.027,24.027,0,0,0,24,24H472a24.027,24.027,0,0,0,24-24V256A24.027,24.027,0,0,0,472,232ZM336,256V358H48V128H392V232H360A24.027,24.027,0,0,0,336,256ZM464,440H368V264h96Z" class="ci-primary"/>',
+  //       children: [
+  //         {
+  //           text: 'Admin & Dashboard',
+  //           link: '/templates/admin-dashboard.html',
+  //           badge: {
+  //             color: 'success',
+  //             text: 'New',
+  //           }
+  //         },
+  //         {
+  //           text: 'Download',
+  //           link: '/templates/download.html',
+  //         },
+  //         {
+  //           text: 'Installation',
+  //           link: '/templates/installation.html',
+  //         },
+  //         {
+  //           text: 'Customize',
+  //           link: '/templates/customize.html',
+  //         },
+  //         {
+  //           text: 'Contents',
+  //           link: '/templates/contents.html',
+  //         },
+  //       ],
+  //     },
+  //     {
+  //       text: 'Migration',
+  //       link: '/migration/',
+  //       icon: '<path fill="var(--ci-primary-color, currentColor)" d="M464,256.25C464,370.8,370.8,464,256.25,464S48.5,370.8,48.5,256.25,141.7,48.5,256.25,48.5a208,208,0,0,1,149.963,64H328.5v32h128V16.5h-32V85.478A239.717,239.717,0,1,0,496,256.25Z" class="ci-primary"></path><polygon fill="var(--ci-primary-color, currentColor)" points="272.5 112.451 240.5 112.549 241.017 282.756 353.301 334.53 366.699 305.47 272.954 262.244 272.5 112.451" class="ci-primary"></polygon>',
+  //       children: [
+  //         {
+  //           text: 'v4',
+  //           link: '/migration/v4.html',
+  //         },
+  //       ],
+  //     },
+  //   ],
+  // },
 })
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/clientAppEnhance.ts b/packages/docs/.vuepress/theme-coreui/src/client/clientAppEnhance.ts
deleted file mode 100755
index 4eae2b1c..00000000
--- a/packages/docs/.vuepress/theme-coreui/src/client/clientAppEnhance.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { defineClientAppEnhance } from '@vuepress/client'
-import { useScrollPromise } from './composables'
-
-import './styles/index.scss'
-
-export default defineClientAppEnhance(({ app, router }) => {
-  // handle scrollBehavior with transition
-  const scrollBehavior = router.options.scrollBehavior!
-  ;(router.options.scrollBehavior = async (...args) => {
-    await useScrollPromise().wait()
-    return scrollBehavior(...args)
-  }),
-    router.addRoute({ path: '/', redirect: '/getting-started/introduction.html' })
-})
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/clientAppSetup.ts b/packages/docs/.vuepress/theme-coreui/src/client/clientAppSetup.ts
deleted file mode 100755
index 6cea984d..00000000
--- a/packages/docs/.vuepress/theme-coreui/src/client/clientAppSetup.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { computed, provide } from 'vue'
-import { defineClientAppSetup, usePageFrontmatter } from '@vuepress/client'
-import {
-  resolveSidebarItems,
-  sidebarItemsSymbol,
-  useThemeLocaleData,
-} from './composables'
-import type { DefaultThemeNormalPageFrontmatter } from '../shared'
-
-export default defineClientAppSetup(() => {
-  // we need to access sidebar items in multiple components
-  // so we make it global computed
-  const themeLocale = useThemeLocaleData()
-  const frontmatter = usePageFrontmatter<DefaultThemeNormalPageFrontmatter>()
-  const sidebarItems = computed(() =>
-    resolveSidebarItems(frontmatter.value, themeLocale.value)
-  )
-  provide(sidebarItemsSymbol, sidebarItems)
-})
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/composables/useNavLink.ts b/packages/docs/.vuepress/theme-coreui/src/client/composables/useNavLink.ts
index ec1bdaf2..0dc5fc38 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/composables/useNavLink.ts
+++ b/packages/docs/.vuepress/theme-coreui/src/client/composables/useNavLink.ts
@@ -1,5 +1,11 @@
-import type { NavLink } from '../../shared'
-import { useResolveRouteWithRedirect } from './useResolveRouteWithRedirect'
+import type { NavLink } from '../../shared/index.js'
+import { useResolveRouteWithRedirect } from './useResolveRouteWithRedirect.js'
+
+declare module 'vue-router' {
+  interface RouteMeta {
+    title?: string
+  }
+}
 
 /**
  * Resolve NavLink props from string
@@ -9,9 +15,12 @@ import { useResolveRouteWithRedirect } from './useResolveRouteWithRedirect'
  * - Output: { text: 'Home', link: '/' }
  */
 export const useNavLink = (item: string): NavLink => {
-  const resolved = useResolveRouteWithRedirect(item)
+  // the route path of vue-router is url-encoded, and we expect users are using
+  // non-url-encoded string in theme config, so we need to url-encode it first to
+  // resolve the route correctly
+  const resolved = useResolveRouteWithRedirect(encodeURI(item))
   return {
     text: resolved.meta.title || item,
     link: resolved.name === '404' ? item : resolved.fullPath,
   }
-}
+}
\ No newline at end of file
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/composables/useResolveRouteWithRedirect.ts b/packages/docs/.vuepress/theme-coreui/src/client/composables/useResolveRouteWithRedirect.ts
index d4d93285..5a1958a4 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/composables/useResolveRouteWithRedirect.ts
+++ b/packages/docs/.vuepress/theme-coreui/src/client/composables/useResolveRouteWithRedirect.ts
@@ -1,6 +1,6 @@
+import { isFunction, isString } from '@vuepress/shared'
 import { useRouter } from 'vue-router'
 import type { Router } from 'vue-router'
-import { isFunction, isString } from '@vuepress/shared'
 
 /**
  * Resolve a route with redirection
@@ -25,4 +25,4 @@ export const useResolveRouteWithRedirect = (
     params: route.params,
     ...resolvedRedirectObj,
   })
-}
+}
\ No newline at end of file
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/composables/useScrollPromise.ts b/packages/docs/.vuepress/theme-coreui/src/client/composables/useScrollPromise.ts
index 0405f8c7..02e726ca 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/composables/useScrollPromise.ts
+++ b/packages/docs/.vuepress/theme-coreui/src/client/composables/useScrollPromise.ts
@@ -19,4 +19,4 @@ const scrollPromise: ScrollPromise = {
   },
 }
 
-export const useScrollPromise = (): ScrollPromise => scrollPromise
+export const useScrollPromise = (): ScrollPromise => scrollPromise
\ No newline at end of file
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/composables/useSidebarItems.ts b/packages/docs/.vuepress/theme-coreui/src/client/composables/useSidebarItems.ts
index 9705c496..0cf89962 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/composables/useSidebarItems.ts
+++ b/packages/docs/.vuepress/theme-coreui/src/client/composables/useSidebarItems.ts
@@ -1,7 +1,4 @@
-import { inject } from 'vue'
-import type { ComputedRef, InjectionKey } from 'vue'
-import { useRoute } from 'vue-router'
-import { usePageData } from '@vuepress/client'
+import { usePageData, usePageFrontmatter } from '@vuepress/client'
 import type { PageHeader } from '@vuepress/client'
 import {
   isArray,
@@ -9,21 +6,24 @@ import {
   isString,
   resolveLocalePath,
 } from '@vuepress/shared'
+import { computed, inject, provide } from 'vue'
+import type { ComputedRef, InjectionKey } from 'vue'
+import { useRoute } from 'vue-router'
 import type {
   DefaultThemeData,
   DefaultThemeNormalPageFrontmatter,
+  ResolvedSidebarItem,
   SidebarConfigArray,
   SidebarConfigObject,
   SidebarItem,
-  ResolvedSidebarItem,
-} from '../../shared'
-import { useNavLink } from './useNavLink'
+} from '../../shared/index.js'
+import { useNavLink } from './useNavLink.js'
+import { useThemeLocaleData } from './useThemeData.js'
 
 export type SidebarItemsRef = ComputedRef<ResolvedSidebarItem[]>
 
-export const sidebarItemsSymbol: InjectionKey<SidebarItemsRef> = Symbol(
-  'sidebarItems'
-)
+export const sidebarItemsSymbol: InjectionKey<SidebarItemsRef> =
+  Symbol('sidebarItems')
 
 /**
  * Inject sidebar items global computed
@@ -36,6 +36,18 @@ export const useSidebarItems = (): SidebarItemsRef => {
   return sidebarItems
 }
 
+/**
+ * Create sidebar items ref and provide as global computed in setup
+ */
+export const setupSidebarItems = (): void => {
+  const themeLocale = useThemeLocaleData()
+  const frontmatter = usePageFrontmatter<DefaultThemeNormalPageFrontmatter>()
+  const sidebarItems = computed(() =>
+    resolveSidebarItems(frontmatter.value, themeLocale.value)
+  )
+  provide(sidebarItemsSymbol, sidebarItems)
+}
+
 /**
  * Resolve sidebar items global computed
  *
@@ -45,7 +57,7 @@ export const resolveSidebarItems = (
   frontmatter: DefaultThemeNormalPageFrontmatter,
   themeLocale: DefaultThemeData
 ): ResolvedSidebarItem[] => {
-  // get sidebar config from frontmatter > themeConfig
+  // get sidebar config from frontmatter > theme data
   const sidebarConfig = frontmatter.sidebar ?? themeLocale.sidebar ?? 'auto'
   const sidebarDepth = frontmatter.sidebarDepth ?? themeLocale.sidebarDepth ?? 2
 
@@ -77,7 +89,7 @@ export const headerToSidebarItem = (
   sidebarDepth: number
 ): ResolvedSidebarItem => ({
   text: header.title,
-  link: `#${header.slug}`,
+  link: header.link,
   children: headersToSidebarItemChildren(header.children, sidebarDepth),
 })
 
@@ -164,4 +176,4 @@ export const resolveMultiSidebarItems = (
   const matchedSidebarConfig = sidebarConfig[sidebarPath] ?? []
 
   return resolveArraySidebarItems(matchedSidebarConfig, sidebarDepth)
-}
+}
\ No newline at end of file
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/composables/useThemeData.ts b/packages/docs/.vuepress/theme-coreui/src/client/composables/useThemeData.ts
index a5192b45..78ab77f7 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/composables/useThemeData.ts
+++ b/packages/docs/.vuepress/theme-coreui/src/client/composables/useThemeData.ts
@@ -1,14 +1,14 @@
 import {
   useThemeData as _useThemeData,
   useThemeLocaleData as _useThemeLocaleData,
-} from '@vuepress/plugin-theme-data/lib/client'
+} from '@vuepress/plugin-theme-data/client'
 import type {
   ThemeDataRef,
   ThemeLocaleDataRef,
-} from '@vuepress/plugin-theme-data/lib/client'
-import type { DefaultThemeData } from '../../shared'
+} from '@vuepress/plugin-theme-data/client'
+import type { DefaultThemeData } from '../../shared/index.js'
 
 export const useThemeData = (): ThemeDataRef<DefaultThemeData> =>
   _useThemeData<DefaultThemeData>()
 export const useThemeLocaleData = (): ThemeLocaleDataRef<DefaultThemeData> =>
-  _useThemeLocaleData<DefaultThemeData>()
+  _useThemeLocaleData<DefaultThemeData>()
\ No newline at end of file
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/config.ts b/packages/docs/.vuepress/theme-coreui/src/client/config.ts
new file mode 100644
index 00000000..ef1ea46a
--- /dev/null
+++ b/packages/docs/.vuepress/theme-coreui/src/client/config.ts
@@ -0,0 +1,42 @@
+import { defineClientConfig } from '@vuepress/client'
+import { h } from 'vue'
+import {
+//   useColorMode,
+  setupSidebarItems,
+  useScrollPromise,
+} from './composables/index.js'
+import Layout from './layouts/Layout.vue'
+import NotFound from './layouts/404.vue'
+
+import './styles/index.scss'
+
+export default defineClientConfig({
+  enhance({ app, router }) {
+
+    // compat with @vuepress/plugin-external-link-icon
+    app.component('AutoLinkExternalIcon', () => {
+      const ExternalLinkIcon = app.component('ExternalLinkIcon')
+      if (ExternalLinkIcon) {
+        return h(ExternalLinkIcon)
+      }
+      return null
+    })
+
+    // handle scrollBehavior with transition
+    const scrollBehavior = router.options.scrollBehavior!
+    router.options.scrollBehavior = async (...args) => {
+      await useScrollPromise().wait()
+      return scrollBehavior(...args)
+    }
+  },
+
+  setup() {
+    // useColorMode()
+    setupSidebarItems()
+  },
+
+  layouts: {
+    Layout,
+    NotFound,
+  },
+})
\ No newline at end of file
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/index.ts b/packages/docs/.vuepress/theme-coreui/src/client/index.ts
index 27f6c206..520d8125 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/index.ts
+++ b/packages/docs/.vuepress/theme-coreui/src/client/index.ts
@@ -1,47 +1,2 @@
-import type {
-  NavItem,
-  NavGroup,
-  NavLink,
-  NavbarItem,
-  NavbarGroup,
-  NavbarConfig,
-  ResolvedNavbarItem,
-  SidebarItem,
-  SidebarConfigArray,
-  SidebarConfigObject,
-  SidebarConfig,
-  ResolvedSidebarItem,
-  DefaultThemePluginsOptions,
-  DefaultThemeLocaleOptions,
-  DefaultThemeData,
-  DefaultThemeLocaleData,
-  DefaultThemePageData,
-  DefaultThemePageFrontmatter,
-  DefaultThemeHomePageFrontmatter,
-  DefaultThemeNormalPageFrontmatter,
-} from '../shared'
-
-export type {
-  NavItem,
-  NavGroup,
-  NavLink,
-  NavbarItem,
-  NavbarGroup,
-  NavbarConfig,
-  ResolvedNavbarItem,
-  SidebarItem,
-  SidebarConfigArray,
-  SidebarConfigObject,
-  SidebarConfig,
-  ResolvedSidebarItem,
-  DefaultThemePluginsOptions,
-  DefaultThemeLocaleOptions,
-  DefaultThemeData,
-  DefaultThemeLocaleData,
-  DefaultThemePageData,
-  DefaultThemePageFrontmatter,
-  DefaultThemeHomePageFrontmatter,
-  DefaultThemeNormalPageFrontmatter,
-}
-export * from './composables'
-export * from './utils'
+export * from '../shared/index.js'
+export * from './composables/index.js'
\ No newline at end of file
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue b/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue
index 4662bea1..7530abc0 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue
+++ b/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue
@@ -52,7 +52,6 @@ import Page from '../components/Page.vue'
 import Sidebar from '../components/Sidebar.vue'
 import { useScrollPromise } from '../composables'
 
-
 export default defineComponent({
   name: 'Layout',
 
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/shim.d.ts b/packages/docs/.vuepress/theme-coreui/src/client/shim.d.ts
index bf554924..f97ca4f4 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/shim.d.ts
+++ b/packages/docs/.vuepress/theme-coreui/src/client/shim.d.ts
@@ -3,3 +3,8 @@ declare module '*.vue' {
   const comp: ComponentOptions
   export default comp
 }
+
+declare module '*.module.scss?module' {
+  const cssVars: Record<string, string>
+  export default cssVars
+}
\ No newline at end of file
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/utils/index.ts b/packages/docs/.vuepress/theme-coreui/src/client/utils/index.ts
deleted file mode 100755
index 93f94a89..00000000
--- a/packages/docs/.vuepress/theme-coreui/src/client/utils/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './resolveEditLink'
-export * from './resolveRepoType'
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/utils/resolveEditLink.ts b/packages/docs/.vuepress/theme-coreui/src/client/utils/resolveEditLink.ts
deleted file mode 100755
index 58381d4b..00000000
--- a/packages/docs/.vuepress/theme-coreui/src/client/utils/resolveEditLink.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import {
-  isLinkHttp,
-  removeLeadingSlash,
-  removeEndingSlash,
-} from '@vuepress/shared'
-import { resolveRepoType } from './resolveRepoType'
-import type { RepoType } from './resolveRepoType'
-
-export const editLinkPatterns: Record<Exclude<RepoType, null>, string> = {
-  GitHub: ':repo/edit/:branch/:path',
-  GitLab: ':repo/-/edit/:branch/:path',
-  Gitee: ':repo/edit/:branch/:path',
-  Bitbucket:
-    ':repo/src/:branch/:path?mode=edit&spa=0&at=:branch&fileviewer=file-view-default',
-}
-
-export const resolveEditLink = ({
-  docsRepo,
-  docsBranch,
-  docsDir,
-  filePathRelative,
-  editLinkPattern,
-}: {
-  docsRepo: string
-  docsBranch: string
-  docsDir: string
-  filePathRelative: string
-  editLinkPattern?: string
-}): string | null => {
-  const repoType = resolveRepoType(docsRepo)
-
-  let pattern: string | undefined
-
-  if (editLinkPattern) {
-    pattern = editLinkPattern
-  } else if (repoType !== null) {
-    pattern = editLinkPatterns[repoType]
-  }
-
-  if (!pattern) return null
-
-  return pattern
-    .replace(
-      /:repo/,
-      isLinkHttp(docsRepo) ? docsRepo : `https://github.com/${docsRepo}`
-    )
-    .replace(/:branch/, docsBranch)
-    .replace(
-      /:path/,
-      removeLeadingSlash(`${removeEndingSlash(docsDir)}/${filePathRelative}`)
-    )
-}
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/utils/resolveRepoType.ts b/packages/docs/.vuepress/theme-coreui/src/client/utils/resolveRepoType.ts
deleted file mode 100755
index c63b5d22..00000000
--- a/packages/docs/.vuepress/theme-coreui/src/client/utils/resolveRepoType.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { isLinkHttp } from '@vuepress/shared'
-
-export type RepoType = 'GitHub' | 'GitLab' | 'Gitee' | 'Bitbucket' | null
-
-export const resolveRepoType = (repo: string): RepoType => {
-  if (!isLinkHttp(repo) || /github\.com/.test(repo)) return 'GitHub'
-  if (/bitbucket\.org/.test(repo)) return 'Bitbucket'
-  if (/gitlab\.com/.test(repo)) return 'GitLab'
-  if (/gitee\.com/.test(repo)) return 'Gitee'
-  return null
-}
diff --git a/packages/docs/.vuepress/theme-coreui/src/node/defaultTheme.ts b/packages/docs/.vuepress/theme-coreui/src/node/defaultTheme.ts
index a0eaa790..0886fd22 100755
--- a/packages/docs/.vuepress/theme-coreui/src/node/defaultTheme.ts
+++ b/packages/docs/.vuepress/theme-coreui/src/node/defaultTheme.ts
@@ -1,45 +1,89 @@
-import type { Theme, ThemeConfig } from '@vuepress/core'
-import { path } from '@vuepress/utils'
+import type { Page, Theme } from '@vuepress/core'
+import { activeHeaderLinksPlugin } from '@vuepress/plugin-active-header-links'
+import { backToTopPlugin } from '@vuepress/plugin-back-to-top'
+import { prismjsPlugin } from '@vuepress/plugin-prismjs'
+import { themeDataPlugin } from '@vuepress/plugin-theme-data'
+import { fs, getDirname, path } from '@vuepress/utils'
 import type { DefaultThemeLocaleOptions, DefaultThemePluginsOptions } from '../shared'
 import { assignDefaultLocaleOptions } from './utils'
 
-export interface DefaultThemeOptions extends ThemeConfig, DefaultThemeLocaleOptions {
+const __dirname = getDirname(import.meta.url)
+
+export interface DefaultThemeOptions extends DefaultThemeLocaleOptions {
   /**
    * To avoid confusion with the root `plugins` option,
    * we use `themePlugins`
    */
   themePlugins?: DefaultThemePluginsOptions
 }
-
-export const defaultTheme: Theme<DefaultThemeOptions> = ({
+export const defaultTheme = ({
   themePlugins = {},
   ...localeOptions
-}) => {
+}: DefaultThemeOptions = {}): Theme => {
   assignDefaultLocaleOptions(localeOptions)
 
   return {
     name: '@vuepress/coreui-docs-theme',
 
-    layouts: path.resolve(__dirname, '../client/layouts'),
+    templateBuild: path.resolve(__dirname, '../../templates/build.html'),
+
+    alias: {
+      // use alias to make all components replaceable
+      ...Object.fromEntries(
+        fs
+          .readdirSync(path.resolve(__dirname, '../client/components'))
+          .filter((file) => file.endsWith('.vue'))
+          .map((file) => [`@theme/${file}`, path.resolve(__dirname, '../client/components', file)]),
+      ),
+    },
+
+    clientConfigFile: path.resolve(__dirname, '../client/config.ts'),
+
+    extendsPage: (page: Page<Partial<DefaultThemePageData>>) => {
+      // save relative file path into page data to generate edit link
+      page.data.filePathRelative = page.filePathRelative
+      // save title into route meta to generate navbar and sidebar
+      page.routeMeta.title = page.title
+    },
 
-    clientAppEnhanceFiles: path.resolve(__dirname, '../client/clientAppEnhance.ts'),
+    // layouts: path.resolve(__dirname, '../client/layouts'),
 
-    clientAppSetupFiles: path.resolve(__dirname, '../client/clientAppSetup.ts'),
+    // clientAppEnhanceFiles: path.resolve(__dirname, '../client/clientAppEnhance.ts'),
 
-    // use the relative file path to generate edit link
-    extendsPageData: ({ filePathRelative }) => ({ filePathRelative }),
+    // clientAppSetupFiles: path.resolve(__dirname, '../client/clientAppSetup.ts'),
+
+    // // use the relative file path to generate edit link
+    // extendsPageData: ({ filePathRelative }) => ({ filePathRelative }),
 
     plugins: [
-      [
-        '@vuepress/active-header-links',
-        {
-          headerLinkSelector: 'a.sidebar-item',
-          headerAnchorSelector: '.anchor-link',
-        },
-      ],
-      ['@vuepress/back-to-top', themePlugins.backToTop !== false],
-      ['@vuepress/prismjs', themePlugins.prismjs !== false],
-      ['@vuepress/theme-data', { themeData: localeOptions }],
+      // @vuepress/plugin-active-header-link
+      themePlugins.activeHeaderLinks !== false
+        ? activeHeaderLinksPlugin({
+            headerLinkSelector: 'a.sidebar-item',
+            headerAnchorSelector: '.header-anchor',
+            // should greater than page transition duration
+            delay: 300,
+          })
+        : [],
+
+      // @vuepress/plugin-back-to-top
+      themePlugins.backToTop !== false ? backToTopPlugin() : [],
+
+      // @vuepress/plugin-prismjs
+      themePlugins.prismjs !== false ? prismjsPlugin() : [],
+
+      // @vuepress/plugin-theme-data
+      themeDataPlugin({ themeData: localeOptions }),
+      // [
+      //   '@vuepress/active-header-links',
+      //   {
+      //     headerLinkSelector: 'a.sidebar-item',
+      //     headerAnchorSelector: '.anchor-link',
+      //   },
+      // ],
+      // ['@vuepress/back-to-top', themePlugins.backToTop !== false],
+      // ['@vuepress/prismjs', themePlugins.prismjs !== false],
+      // ['@vuepress/theme-data', { themeData: localeOptions }],
     ],
   }
 }
diff --git a/packages/docs/.vuepress/theme-coreui/src/templates/build.html b/packages/docs/.vuepress/theme-coreui/src/templates/build.html
new file mode 100644
index 00000000..5ba656d6
--- /dev/null
+++ b/packages/docs/.vuepress/theme-coreui/src/templates/build.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="{{ lang }}">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <meta name="generator" content="VuePress {{ version }}">
+    <script>
+      const userMode = localStorage.getItem('coreui-react-docs-theme');
+	    const systemDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
+			if (userMode === 'dark' || (userMode !== 'light' && systemDarkMode)) {
+				document.documentElement.dataset.coreuiTheme = 'dark';
+			}
+    </script>
+    <!--vuepress-ssr-head-->
+    <!--vuepress-ssr-styles-->
+    <!--vuepress-ssr-resources-->
+  </head>
+  <body>
+    <div id="app"><!--vuepress-ssr-app--></div>
+    <!--vuepress-ssr-scripts-->
+  </body>
+</html>
\ No newline at end of file
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 37b49091..cae072cb 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -15,9 +15,9 @@
     "@coreui/vue-chartjs": "^2.0.1",
     "@docsearch/css": "^3.4.0",
     "@docsearch/js": "^3.4.0",
-    "@vuepress/plugin-toc": "2.0.0-beta.38",
+    "@vuepress/plugin-toc": "2.0.0-beta.62",
     "markdown-it-include": "^2.0.0",
     "vue-docgen-cli": "^4.67.0",
-    "vuepress": "2.0.0-beta.38"
+    "vuepress": "2.0.0-beta.62"
   }
 }

From c62b4c39b03921b7e88b7e9048fea72203c15b01 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 4 Jun 2023 10:59:17 +0200
Subject: [PATCH 112/346] docs: update theme

---
 packages/docs/.vuepress/client.ts                               | 2 +-
 .../docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue   | 2 +-
 .../docs/.vuepress/theme-coreui/{src => }/templates/build.html  | 0
 3 files changed, 2 insertions(+), 2 deletions(-)
 rename packages/docs/.vuepress/theme-coreui/{src => }/templates/build.html (100%)

diff --git a/packages/docs/.vuepress/client.ts b/packages/docs/.vuepress/client.ts
index be46adff..12b6026b 100644
--- a/packages/docs/.vuepress/client.ts
+++ b/packages/docs/.vuepress/client.ts
@@ -1,7 +1,7 @@
 import { defineClientConfig } from '@vuepress/client'
 import { CIcon } from '@coreui/icons-vue'
 import CChartPlugin from '@coreui/vue-chartjs/src/'
-import CoreuiVue from '@coreui/vue/src'
+import CoreuiVue from '@coreui/vue/src/'
 import '@coreui/coreui/scss/coreui.scss'
 import '@coreui/chartjs/scss/coreui-chartjs.scss'
 
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue b/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue
index 7530abc0..65089b81 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue
+++ b/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue
@@ -26,7 +26,7 @@
                   </Page>
                 </CCol>
                 <CCol :lg="3">
-                  <div class="docs-toc text-muted">
+                  <div class="docs-toc mt-4 mb-5 my-md-0 ps-xl-5 mb-lg-5 text-muted">
                     <strong class="d-block h6 mb-2 pb-2 border-bottom">On this page</strong>
                     <Toc />
                   </div>
diff --git a/packages/docs/.vuepress/theme-coreui/src/templates/build.html b/packages/docs/.vuepress/theme-coreui/templates/build.html
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/templates/build.html
rename to packages/docs/.vuepress/theme-coreui/templates/build.html

From 859f0e11665c4877936b7573223502d6029b8e03 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 4 Jun 2023 18:06:49 +0200
Subject: [PATCH 113/346] docs: update theme

---
 packages/docs/.vuepress/client.ts |  2 +-
 packages/docs/components/chart.md | 48 +++++++++++++++----------------
 packages/docs/package.json        |  2 +-
 3 files changed, 26 insertions(+), 26 deletions(-)

diff --git a/packages/docs/.vuepress/client.ts b/packages/docs/.vuepress/client.ts
index 12b6026b..a793a702 100644
--- a/packages/docs/.vuepress/client.ts
+++ b/packages/docs/.vuepress/client.ts
@@ -1,6 +1,6 @@
 import { defineClientConfig } from '@vuepress/client'
 import { CIcon } from '@coreui/icons-vue'
-import CChartPlugin from '@coreui/vue-chartjs/src/'
+import CChartPlugin from '@coreui/vue-chartjs'
 import CoreuiVue from '@coreui/vue/src/'
 import '@coreui/coreui/scss/coreui.scss'
 import '@coreui/chartjs/scss/coreui-chartjs.scss'
diff --git a/packages/docs/components/chart.md b/packages/docs/components/chart.md
index 2d9ab1f1..4c6abc2b 100644
--- a/packages/docs/components/chart.md
+++ b/packages/docs/components/chart.md
@@ -27,30 +27,30 @@ A line chart is a way of plotting data points on a line. Often, it is used to sh
 [Line Chart properties](https://www.chartjs.org/docs/latest/charts/line.html#dataset-properties)
 
 ::: demo
-  <CChartLine
-    :wrapper="false"
-    :data="{
-      labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
-      datasets: [
-        {
-          label: 'My First dataset',
-          backgroundColor: 'rgba(220, 220, 220, 0.2)',
-          borderColor: 'rgba(220, 220, 220, 1)',
-          pointBackgroundColor: 'rgba(220, 220, 220, 1)',
-          pointBorderColor: '#fff',
-          data: [40, 20, 12, 39, 10, 40, 39]
-        },
-        {
-          label: 'My Second dataset',
-          backgroundColor: 'rgba(151, 187, 205, 0.2)',
-          borderColor: 'rgba(151, 187, 205, 1)',
-          pointBackgroundColor: 'rgba(151, 187, 205, 1)',
-          pointBorderColor: '#fff',
-          data: [50, 12, 28, 29, 7, 25, 12]
-        }
-      ]
-    }"
-  />
+<CChartLine
+  :wrapper="false"
+  :data="{
+    labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
+    datasets: [
+      {
+        label: 'My First dataset',
+        backgroundColor: 'rgba(220, 220, 220, 0.2)',
+        borderColor: 'rgba(220, 220, 220, 1)',
+        pointBackgroundColor: 'rgba(220, 220, 220, 1)',
+        pointBorderColor: '#fff',
+        data: [40, 20, 12, 39, 10, 40, 39]
+      },
+      {
+        label: 'My Second dataset',
+        backgroundColor: 'rgba(151, 187, 205, 0.2)',
+        borderColor: 'rgba(151, 187, 205, 1)',
+        pointBackgroundColor: 'rgba(151, 187, 205, 1)',
+        pointBorderColor: '#fff',
+        data: [50, 12, 28, 29, 7, 25, 12]
+      }
+    ]
+  }"
+/>
 :::
 ```vue
 <!-- use <CChart type="line"> or <CChartLine> component -->
diff --git a/packages/docs/package.json b/packages/docs/package.json
index cae072cb..bfc1cdd5 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -8,7 +8,7 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@coreui/chartjs": "^3.1.1",
+    "@coreui/chartjs": "^3.1.2",
     "@coreui/coreui": "^4.3.0-beta.0",
     "@coreui/icons": "^3.0.1",
     "@coreui/icons-vue": "^2.0.0",

From 0143122b8a3f9571238f148351af95b41454b5a4 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 4 Jun 2023 18:36:39 +0200
Subject: [PATCH 114/346] chore: clean-up

---
 .../theme-coreui/src/client/components/Header.vue    | 12 ++----------
 1 file changed, 2 insertions(+), 10 deletions(-)

diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
index 70e656a4..cef332c6 100644
--- a/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
+++ b/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
@@ -87,7 +87,7 @@
   </CHeader>
 </template>
 <script lang="ts">
-import { defineComponent, ref, watch } from 'vue'
+import { defineComponent } from 'vue'
 import { useColorMode } from '../composables'
 
 export default defineComponent({
@@ -96,21 +96,13 @@ export default defineComponent({
     theme: String,
   },
   emits: ['toggle-color-mode', 'toggle-sidebar'],
-  setup(props) {
+  setup() {
     const storedTheme = useColorMode()
-    const theme = ref(props.theme)
     const toggleColorMode = (theme: string): void => {
       storedTheme.value = theme
     }
-    watch(
-      () => props.theme,
-      () => {
-        theme.value = props.theme
-      },
-    )
 
     return {
-      theme,
       storedTheme,
       toggleColorMode,
     }

From 0a2e754ae52a324fd78c7c1589b9ad5d3734237f Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sat, 10 Jun 2023 12:57:54 +0200
Subject: [PATCH 115/346] docs: update content

---
 packages/docs/components/accordion.md   |  65 +-------
 packages/docs/components/alert.md       |  42 ++---
 packages/docs/components/badge.md       |  22 +--
 packages/docs/components/breadcrumb.md  |  26 +--
 packages/docs/components/button.md      |  88 +---------
 packages/docs/components/callout.md     |  33 +---
 packages/docs/components/card.md        |  40 +----
 packages/docs/components/carousel.md    |  34 +---
 packages/docs/components/dropdown.md    |  87 ++--------
 packages/docs/components/footer.md      |  20 +--
 packages/docs/components/header.md      |  69 +-------
 packages/docs/components/list-group.md  |  59 +------
 packages/docs/components/modal.md       |  73 +--------
 packages/docs/components/navbar.md      |  87 +++-------
 packages/docs/components/navs-tabs.md   |  55 +------
 packages/docs/components/offcanvas.md   |  28 +---
 packages/docs/components/pagination.md  |  63 +-------
 packages/docs/components/placeholder.md |  44 ++---
 packages/docs/components/popover.md     | 148 +++++++++++------
 packages/docs/components/progress.md    |  26 +--
 packages/docs/components/sidebar.md     | 203 +-----------------------
 packages/docs/components/spinner.md     |  35 +---
 packages/docs/components/toast.md       |  35 +---
 packages/docs/components/tooltip.md     | 118 ++++++++++----
 24 files changed, 301 insertions(+), 1199 deletions(-)

diff --git a/packages/docs/components/accordion.md b/packages/docs/components/accordion.md
index ac4ddb49..def460c1 100644
--- a/packages/docs/components/accordion.md
+++ b/packages/docs/components/accordion.md
@@ -52,7 +52,7 @@ Click the accordions below to expand/collapse the accordion content.
   </CAccordionItem>
 </CAccordion>
 :::
-```vue
+```markup
 <CAccordion>
   <CAccordionItem :item-key="1">
     <CAccordionHeader>
@@ -143,7 +143,7 @@ Add `flush` to remove the default `background-color`, some borders, and some rou
   </CAccordionItem>
 </CAccordion>
 :::
-```vue
+```markup
 <CAccordion flush>
   <CAccordionItem>
     <CAccordionHeader>
@@ -234,7 +234,7 @@ Add `always-open` property to make accordion items stay open when another item i
   </CAccordionItem>
 </CAccordion>
 :::
-```vue
+```markup
 <CAccordion :active-item-key="2" always-open>
   <CAccordionItem :item-key="1">
     <CAccordionHeader>
@@ -284,30 +284,7 @@ Add `always-open` property to make accordion items stay open when another item i
 
 Vue accordions use local CSS variables on `.accordion` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
 
-```sass
---cui-accordion-color: #{color-contrast($accordion-bg)};
---cui-accordion-bg: #{$accordion-bg};
---cui-accordion-transition: #{$accordion-transition};
---cui-accordion-border-color: #{$accordion-border-color};
---cui-accordion-border-width: #{$accordion-border-width};
---cui-accordion-border-radius: #{$accordion-border-radius};
---cui-accordion-inner-border-radius: #{$accordion-inner-border-radius};
---cui-accordion-btn-padding-x: #{$accordion-button-padding-x};
---cui-accordion-btn-padding-y: #{$accordion-button-padding-y};
---cui-accordion-btn-color: #{$accordion-color};
---cui-accordion-btn-bg: #{$accordion-button-bg};
---cui-accordion-btn-icon: #{escape-svg($accordion-button-icon)};
---cui-accordion-btn-icon-width: #{$accordion-icon-width};
---cui-accordion-btn-icon-transform: #{$accordion-icon-transform};
---cui-accordion-btn-icon-transition: #{$accordion-icon-transition};
---cui-accordion-btn-active-icon: #{escape-svg($accordion-button-active-icon)};
---cui-accordion-btn-focus-border-color: #{$accordion-button-focus-border-color};
---cui-accordion-btn-focus-box-shadow: #{$accordion-button-focus-box-shadow};
---cui-accordion-body-padding-x: #{$accordion-body-padding-x};
---cui-accordion-body-padding-y: #{$accordion-body-padding-y};
---cui-accordion-active-color: #{$accordion-button-active-color};
---cui-accordion-active-bg: #{$accordion-button-active-bg};
-```
+<ScssDocs file="_accordion.scss" capture="accordion-css-vars"/>
 
 #### How to use CSS variables
 
@@ -321,39 +298,7 @@ return <CAccordion :style="vars">...</CAccordion>
 
 ### SASS variables
 
-```sass
-$accordion-padding-y:                     1rem;
-$accordion-padding-x:                     1.25rem;
-$accordion-color:                         var(--cui-body-color);
-$accordion-bg:                            $body-bg;
-$accordion-border-width:                  $border-width;
-$accordion-border-color:                  var(--cui-border-color);
-$accordion-border-radius:                 $border-radius;
-$accordion-inner-border-radius:           subtract($accordion-border-radius, $accordion-border-width);
-
-$accordion-body-padding-y:                $accordion-padding-y;
-$accordion-body-padding-x:                $accordion-padding-x;
-
-$accordion-button-padding-y:              $accordion-padding-y;
-$accordion-button-padding-x:              $accordion-padding-x;
-$accordion-button-color:                  $accordion-color;
-$accordion-button-bg:                     var(--cui-accordion-bg);
-$accordion-transition:                    $btn-transition, border-radius .15s ease;
-$accordion-button-active-bg:              tint-color($component-active-bg, 90%);
-$accordion-button-active-color:           shade-color($primary, 10%);
-
-$accordion-button-focus-border-color:     $input-focus-border-color;
-$accordion-button-focus-box-shadow:       $btn-focus-box-shadow;
-
-$accordion-icon-width:                    1.25rem;
-$accordion-icon-color:                    $accordion-button-color;
-$accordion-icon-active-color:             $accordion-button-active-color;
-$accordion-icon-transition:               transform .2s ease-in-out;
-$accordion-icon-transform:                rotate(-180deg);
-
-$accordion-button-icon:         url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
-$accordion-button-active-icon:  url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-active-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
-```
+<ScssDocs file="_variables.scss" capture="accordion-variables" />
 
 ## API
 
diff --git a/packages/docs/components/alert.md b/packages/docs/components/alert.md
index bdb25ea0..8575ad96 100644
--- a/packages/docs/components/alert.md
+++ b/packages/docs/components/alert.md
@@ -18,8 +18,7 @@ Vue Alert is prepared for any length of text, as well as an optional close butto
 <CAlert color="light">A simple light alert—check it out!</CAlert>
 <CAlert color="dark">A simple dark alert—check it out!</CAlert>
 :::
-
-```vue
+```markup
 <CAlert color="primary">A simple primary alert—check it out!</CAlert>
 <CAlert color="secondary">A simple secondary alert—check it out!</CAlert>
 <CAlert color="success">A simple success alert—check it out!</CAlert>
@@ -38,7 +37,7 @@ Click the button below to show an alert (hidden with inline styles to start), th
 <CAlert color="primary" :visible="liveExampleVisible" dismissible @close="() => { liveExampleVisible = false }">A simple primary alert—check it out!</CAlert>
 <CButton color="primary" @click="() => { liveExampleVisible = true }">Show live alert</CButton>
 :::
-```vue
+```markup
 <CAlert color="primary" :visible="liveExampleVisible" dismissible @close="() => { liveExampleVisible = false }">A simple primary alert—check it out!</CAlert>
 <CButton color="primary" @click="() => { liveExampleVisible = true }">Show live alert</CButton>
 ```
@@ -73,7 +72,7 @@ Use the `<CAlertLink>` component to immediately give matching colored links insi
 </CAlert>
 :::
 
-```vue
+```markup
 <CAlert color="primary">
   A simple primary alert with <CAlertLink href="#">an example link</CAlertLink>. Give it a click if you like.
 </CAlert>
@@ -113,7 +112,7 @@ Alert can also incorporate supplementary HTML elements like heading, paragraph,
 </CAlert>
 :::
 
-```vue
+```markup
 <CAlert color="success" v-bind:visible="true">
   <CAlertHeading>Well done!</CAlertHeading>
   <p>Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.</p>
@@ -135,7 +134,7 @@ Similarly, you can use [flexbox utilities](https//coreui.io/docs/4.0/utilities/f
   </div>
 </CAlert>
 :::
-```vue
+```markup
 <CAlert color="primary" class="d-flex align-items-center">
   <svg class="flex-shrink-0 me-2" width="24" height="24" viewBox="0 0 512 512">
     <rect width="32" height="176" x="240" y="176" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect><rect width="32" height="32" x="240" y="384" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect><path fill="var(--ci-primary-color, currentColor)" d="M274.014,16H237.986L16,445.174V496H496V445.174ZM464,464H48V452.959L256,50.826,464,452.959Z" class="ci-primary"></path>
@@ -174,7 +173,7 @@ Need more than one icon for your alerts? Consider using [CoreUI Icons](https://i
   </div>
 </CAlert>
 :::
-```vue
+```markup
 <CAlert color="primary" class="d-flex align-items-center">
   <CIcon icon="cil-info" class="flex-shrink-0 me-2" width="24" height="24" />
   <div>
@@ -216,7 +215,7 @@ Use `variant="solid"` to change contextual colors to solid.
 <CAlert color="dark" variant="solid">A simple solid dark alert—check it out!</CAlert>
 :::
 
-```vue
+```markup
 <CAlert color="primary" variant="solid">A simple solid primary alert—check it out!</CAlert>
 <CAlert color="secondary" variant="solid">A simple solid secondary alert—check it out!</CAlert>
 <CAlert color="success" variant="solid">A simple solid success alert—check it out!</CAlert>
@@ -237,7 +236,7 @@ Alerts can also be easily dismissed. Just add the `dismissible` prop.
 </CAlert>
 :::
 
-```vue
+```markup
 <CAlert color="warning" dismissible @close="alert">
   <strong>Go right ahead</strong> and click that dimiss over there on the right.
 </CAlert>
@@ -274,16 +273,7 @@ Alerts can also be easily dismissed. Just add the `dismissible` prop.
 
 Vue alerts use local CSS variables on `.alert` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
 
-```sass
---cui-alert-bg: transparent;
---cui-alert-padding-x: #{$alert-padding-x};
---cui-alert-padding-y: #{$alert-padding-y};
---cui-alert-margin-bottom: #{$alert-margin-bottom};
---cui-alert-color: inherit;
---cui-alert-border-color: transparent;
---cui-alert-border: #{$alert-border-width} solid var(--cui-alert-border-color);
---cui-alert-border-radius: #{$alert-border-radius};
-```
+<ScssDocs file="_alert.scss" capture="alert-css-vars"/>
 
 #### How to use CSS variables
 
@@ -297,18 +287,8 @@ return <CAlert :style="vars">...</CAlert>
 
 ### SASS variables
 
-```sass
-$alert-padding-y:               $spacer;
-$alert-padding-x:               $spacer;
-$alert-margin-bottom:           1rem;
-$alert-border-radius:           $border-radius;
-$alert-link-font-weight:        $font-weight-bold;
-$alert-border-width:            $border-width;
-$alert-bg-scale:                -80%;
-$alert-border-scale:            -70%;
-$alert-color-scale:             40%;
-$alert-dismissible-padding-r:   $alert-padding-x * 3; // 3x covers width of x plus default padding on either side
-```
+<ScssDocs file="_variables.scss" capture="alert-variables" />
+
 ## API
 
 !!!include(./api/alert/CAlert.api.md)!!!
diff --git a/packages/docs/components/badge.md b/packages/docs/components/badge.md
index 3b72ad5d..5f6a22a0 100644
--- a/packages/docs/components/badge.md
+++ b/packages/docs/components/badge.md
@@ -187,14 +187,7 @@ Apply the `shape="rounded-pill"` prop to make badges rounded.
 
 Vue badges use local CSS variables on `.badges` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
 
-```sass
---cui-badge-padding-x: #{$badge-padding-x};
---cui-badge-padding-y: #{$badge-padding-y};
---cui-badge-font-size: #{$badge-font-size};
---cui-badge-font-weight: #{$badge-font-weight};
---cui-badge-color: #{$badge-color};
---cui-badge-border-radius: #{$badge-border-radius};
-```
+<ScssDocs file="_badge.scss" capture="badge-css-vars"/>
 
 #### How to use CSS variables
 
@@ -208,18 +201,7 @@ return <CBadge :style="vars">...</CBadge>
 
 ### SASS variables
 
-```sass
-$badge-font-size:                   .75em;
-$badge-font-weight:                 $font-weight-bold;
-$badge-color:                       $high-emphasis-inverse;
-$badge-padding-y:                   .35em;
-$badge-padding-x:                   .65em;
-$badge-border-radius:               $border-radius;
-
-$badge-font-size-sm:                .65em;
-$badge-padding-y-sm:                .3em;
-$badge-padding-x-sm:                .5em;
-```
+<ScssDocs file="_variables.scss" capture="badge-variables" />
 
 ## API
 
diff --git a/packages/docs/components/breadcrumb.md b/packages/docs/components/breadcrumb.md
index 597e4170..02f50c53 100644
--- a/packages/docs/components/breadcrumb.md
+++ b/packages/docs/components/breadcrumb.md
@@ -113,17 +113,7 @@ For more information, see the [WAI-ARIA Authoring Practices for the breadcrumb p
 
 Vue breadcrumbs use local CSS variables on `.breadcrumb` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
 
-```sass
---cui-breadcrumb-padding-x: #{$breadcrumb-padding-x};
---cui-breadcrumb-padding-y: #{$breadcrumb-padding-y};
---cui-breadcrumb-margin-bottom: #{$breadcrumb-margin-bottom};
---cui-breadcrumb-font-size: #{$breadcrumb-font-size};
---cui-breadcrumb-bg: #{$breadcrumb-bg};
---cui-breadcrumb-border-radius: #{$breadcrumb-border-radius};
---cui-breadcrumb-divider-color: #{$breadcrumb-divider-color};
---cui-breadcrumb-item-padding-x: #{$breadcrumb-item-padding-x};
---cui-breadcrumb-item-active-color: #{$breadcrumb-active-color};
-```
+<ScssDocs file="_breadcrumb.scss" capture="breadcrumb-css-vars"/>
 
 #### How to use CSS variables
 
@@ -137,19 +127,7 @@ return <CBreadcrumb :style="vars">...</CBreadcrumb>
 
 ### SASS variables
 
-```sass
-$breadcrumb-font-size:              null;
-$breadcrumb-padding-y:              0;
-$breadcrumb-padding-x:              0;
-$breadcrumb-item-padding-x:         .5rem;
-$breadcrumb-margin-bottom:          1rem;
-$breadcrumb-bg:                     unset;
-$breadcrumb-divider-color:          $gray-600;
-$breadcrumb-active-color:           $gray-600;
-$breadcrumb-divider:                quote("/");
-$breadcrumb-divider-flipped:        $breadcrumb-divider;
-$breadcrumb-border-radius:          null;
-```
+<ScssDocs file="_variables.scss" capture="breadcrumb-variables" />
 
 ## API
 
diff --git a/packages/docs/components/button.md b/packages/docs/components/button.md
index 5fb92d48..05a3d5dc 100644
--- a/packages/docs/components/button.md
+++ b/packages/docs/components/button.md
@@ -278,22 +278,8 @@ Additional utilities can be used to adjust the alignment of buttons when horizon
 
 Vue buttons use local CSS variables on `.btn` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
 
-```sass
---cui-btn-padding-x: #{$btn-padding-x};
---cui-btn-padding-y: #{$btn-padding-y};
---cui-btn-font-family: #{$btn-font-family};
---cui-btn-font-size: #{$btn-font-size};
---cui-btn-font-weight: #{$btn-font-weight};
---cui-btn-line-height: #{$btn-line-height};
---cui-btn-color: #{$body-color};
---cui-btn-bg: transparent;
---cui-btn-border-width: #{$btn-border-width};
---cui-btn-border-color: transparent;
---cui-btn-border-radius: #{$btn-border-radius};
---cui-btn-box-shadow: #{$btn-box-shadow};
---cui-btn-disabled-opacity: #{$btn-disabled-opacity};
---cui-btn-focus-box-shadow: 0 0 0 #{$btn-focus-width} rgba(var(--cui-btn-focus-shadow-rgb), .5);
-```
+
+<ScssDocs file="_buttons.scss" capture="btn-css-vars"/>
 
 #### How to use CSS variables
 
@@ -307,75 +293,7 @@ return <CButton :style="vars">...</CButton>
 
 ### SASS variables
 
-```sass
-$btn-padding-y:               $input-btn-padding-y;
-$btn-padding-x:               $input-btn-padding-x;
-$btn-font-family:             $input-btn-font-family;
-$btn-font-size:               $input-btn-font-size;
-$btn-line-height:             $input-btn-line-height;
-$btn-white-space:             null; // Set to `nowrap` to prevent text wrapping
-
-$btn-padding-y-sm:            $input-btn-padding-y-sm;
-$btn-padding-x-sm:            $input-btn-padding-x-sm;
-$btn-font-size-sm:            $input-btn-font-size-sm;
-
-$btn-padding-y-lg:            $input-btn-padding-y-lg;
-$btn-padding-x-lg:            $input-btn-padding-x-lg;
-$btn-font-size-lg:            $input-btn-font-size-lg;
-
-$btn-border-width:            $input-btn-border-width;
-
-$btn-font-weight:             $font-weight-normal;
-$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075);
-$btn-focus-width:             $input-btn-focus-width;
-$btn-focus-box-shadow:        $input-btn-focus-box-shadow;
-$btn-disabled-opacity:        .65;
-$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125);
-
-$btn-link-color:              var(--cui-link-color);
-$btn-link-hover-color:        var(--cui-link-hover-color);
-$btn-link-disabled-color:     $gray-600;
-
-// Allows for customizing button radius independently from global border radius
-$btn-border-radius:           $border-radius;
-$btn-border-radius-sm:        $border-radius-sm;
-$btn-border-radius-lg:        $border-radius-lg;
-
-$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-
-$btn-hover-bg-shade-amount:       15%;
-$btn-hover-bg-tint-amount:        15%;
-$btn-hover-border-shade-amount:   20%;
-$btn-hover-border-tint-amount:    10%;
-$btn-active-bg-shade-amount:      20%;
-$btn-active-bg-tint-amount:       20%;
-$btn-active-border-shade-amount:  25%;
-$btn-active-border-tint-amount:   10%;
-
-// scss-docs-start button-variants
-$button-variants: (
-  "primary": btn-color-map($primary, $primary),
-  "secondary": btn-color-map($secondary, $secondary),
-  "success": btn-color-map($success, $success),
-  "danger": btn-color-map($danger, $danger),
-  "warning": btn-color-map($warning, $warning),
-  "info": btn-color-map($info, $info),
-  "light": btn-color-map($light, $light),
-  "dark": btn-color-map($dark, $dark)
-);
-
-$button-outline-ghost-variants: (
-  "primary": btn-outline-color-map($primary),
-  "secondary": btn-outline-color-map($secondary),
-  "success": btn-outline-color-map($success),
-  "danger": btn-outline-color-map($danger),
-  "warning": btn-outline-color-map($warning),
-  "info": btn-outline-color-map($info),
-  "light": btn-outline-color-map($light),
-  "dark": btn-outline-color-map($dark)
-);
-// scss-docs-end button-variants
-```
+<ScssDocs file="_variables.scss" capture="btn-variables"/>
 
 ## API
 
diff --git a/packages/docs/components/callout.md b/packages/docs/components/callout.md
index 69bbf970..5066f13f 100644
--- a/packages/docs/components/callout.md
+++ b/packages/docs/components/callout.md
@@ -75,16 +75,7 @@ Callout component is prepared for any length of text, as well as an optional ele
 
 Vue callouts use local CSS variables on `.callout` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
 
-```sass
---cui-callout-padding-x: #{$callout-padding-x};
---cui-callout-padding-y: #{$callout-padding-y};
---cui-callout-margin-x: #{$callout-margin-x};
---cui-callout-margin-y: #{$callout-margin-y};
---cui-callout-border-width: #{$callout-border-width};
---cui-callout-border-color: #{$callout-border-color};
---cui-callout-border-left-width: #{$callout-border-left-width};
---cui-callout-border-radius: #{$callout-border-radius};
-```
+<ScssDocs file="_callout.scss" capture="callout-css-vars"/>
 
 #### How to use CSS variables
 
@@ -98,27 +89,7 @@ return <CCallout :style="vars">...</CCallout>
 
 ### SASS variables
 
-```sass
-$callout-padding-y:                 $spacer;
-$callout-padding-x:                 $spacer;
-$callout-margin-y:                  $spacer;
-$callout-margin-x:                  0;
-$callout-border-radius:             $border-radius;
-$callout-border-width:              $border-width;
-$callout-border-color:              $border-color;
-$callout-border-left-width:         (4 * $callout-border-width);
-
-$callout-variants: (
-  "primary":    $primary,
-  "secondary":  $secondary,
-  "success":    $success,
-  "danger":     $danger,
-  "warning":    $warning,
-  "info":       $info,
-  "light":      $light,
-  "dark":       $dark
-);
-```
+<ScssDocs file="_variables.scss" capture="callout-variables"/>
 
 ## API
 
diff --git a/packages/docs/components/card.md b/packages/docs/components/card.md
index f89dc2ea..591ab009 100644
--- a/packages/docs/components/card.md
+++ b/packages/docs/components/card.md
@@ -1343,25 +1343,7 @@ Just like with card groups, card footers will automatically line up.
 
 Vue cards use local CSS variables on `.card` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
 
-```sass
---cui-card-spacer-y: #{$card-spacer-y};
---cui-card-spacer-x: #{$card-spacer-x};
---cui-card-title-spacer-y: #{$card-title-spacer-y};
---cui-card-border-width: #{$card-border-width};
---cui-card-border-color: #{$card-border-color};
---cui-card-border-radius: #{$card-border-radius};
---cui-card-box-shadow: #{$card-box-shadow};
---cui-card-inner-border-radius: #{$card-inner-border-radius};
---cui-card-cap-padding-y: #{$card-cap-padding-y};
---cui-card-cap-padding-x: #{$card-cap-padding-x};
---cui-card-cap-bg: #{$card-cap-bg};
---cui-card-cap-color: #{$card-cap-color};
---cui-card-height: #{$card-height};
---cui-card-color: #{$card-color};
---cui-card-bg: #{$card-bg};
---cui-card-img-overlay-padding: #{$card-img-overlay-padding};
---cui-card-group-margin: #{$card-group-margin};
-```
+<ScssDocs file="_card.scss" capture="card-css-vars"/>
 
 #### How to use CSS variables
 
@@ -1375,25 +1357,7 @@ return <CCard :style="vars">...</CCard>
 
 ### SASS variables
 
-```sass
-$card-spacer-y:                     $spacer;
-$card-spacer-x:                     $spacer;
-$card-title-spacer-y:               $spacer * .5;
-$card-border-width:                 $border-width;
-$card-border-color:                 var(--cui-border-color-translucent);
-$card-border-radius:                $border-radius;
-$card-box-shadow:                   null;
-$card-inner-border-radius:          subtract($card-border-radius, $card-border-width);
-$card-cap-padding-y:                $card-spacer-y * .5;
-$card-cap-padding-x:                $card-spacer-x;
-$card-cap-bg:                       rgba($black, .03);
-$card-cap-color:                    unset;
-$card-height:                       null;
-$card-color:                        unset;
-$card-bg:                           $white;
-$card-img-overlay-padding:          $spacer;
-$card-group-margin:                 $grid-gutter-width * .5;
-```
+<ScssDocs file="_variables.scss" capture="card-variables"/>
 
 ## API
 
diff --git a/packages/docs/components/carousel.md b/packages/docs/components/carousel.md
index 311fa89b..10b207e4 100644
--- a/packages/docs/components/carousel.md
+++ b/packages/docs/components/carousel.md
@@ -228,39 +228,7 @@ Add `dark` property to the `CCarousel` for darker controls, indicators, and capt
 
 ### SASS variables
 
-```sass
-$carousel-control-color:             $high-emphasis-inverse;
-$carousel-control-width:             15%;
-$carousel-control-opacity:           .5;
-$carousel-control-hover-opacity:     .9;
-$carousel-control-transition:        opacity .15s ease;
-
-$carousel-indicator-width:           30px;
-$carousel-indicator-height:          3px;
-$carousel-indicator-hit-area-height: 10px;
-$carousel-indicator-spacer:          3px;
-$carousel-indicator-opacity:         .5;
-$carousel-indicator-active-bg:       $white;
-$carousel-indicator-active-opacity:  1;
-$carousel-indicator-transition:      opacity .6s ease;
-
-$carousel-caption-width:             70%;
-$carousel-caption-color:             $high-emphasis-inverse;
-$carousel-caption-padding-y:         1.25rem;
-$carousel-caption-spacer:            1.25rem;
-
-$carousel-control-icon-width:        2rem;
-
-$carousel-control-prev-icon-bg:      url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$carousel-control-color}'><path d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/></svg>");
-$carousel-control-next-icon-bg:      url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$carousel-control-color}'><path d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/></svg>");
-
-$carousel-transition-duration:       .6s;
-$carousel-transition:                transform $carousel-transition-duration ease-in-out; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)
-
-$carousel-dark-indicator-active-bg:  $black;
-$carousel-dark-caption-color:        $high-emphasis;
-$carousel-dark-control-icon-filter:  invert(1) grayscale(100);
-```
+<ScssDocs file="_variables.scss" capture="carousel-variables"/>
 
 ## API
 
diff --git a/packages/docs/components/dropdown.md b/packages/docs/components/dropdown.md
index 1e38b8bf..5f492c9d 100644
--- a/packages/docs/components/dropdown.md
+++ b/packages/docs/components/dropdown.md
@@ -699,50 +699,11 @@ Put a form within a dropdown menu, or make it into a dropdown menu.
 
 Vue dropdowns use local CSS variables on `.dropdown` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
 
-```sass
---cui-dropdown-min-width: #{$dropdown-min-width};
---cui-dropdown-padding-x: #{$dropdown-padding-x};
---cui-dropdown-padding-y: #{$dropdown-padding-y};
---cui-dropdown-spacer: #{$dropdown-spacer};
---cui-dropdown-font-size: #{$dropdown-font-size};
---cui-dropdown-color: #{$dropdown-color};
---cui-dropdown-bg: #{$dropdown-bg};
---cui-dropdown-border-color: #{$dropdown-border-color};
---cui-dropdown-border-radius: #{$dropdown-border-radius};
---cui-dropdown-border-width: #{$dropdown-border-width};
---cui-dropdown-inner-border-radius: #{$dropdown-inner-border-radius};
---cui-dropdown-divider-bg: #{$dropdown-divider-bg};
---cui-dropdown-divider-margin-y: #{$dropdown-divider-margin-y};
---cui-dropdown-box-shadow: #{$dropdown-box-shadow};
---cui-dropdown-link-color: #{$dropdown-link-color};
---cui-dropdown-link-hover-color: #{$dropdown-link-hover-color};
---cui-dropdown-link-hover-bg: #{$dropdown-link-hover-bg};
---cui-dropdown-link-active-color: #{$dropdown-link-active-color};
---cui-dropdown-link-active-bg: #{$dropdown-link-active-bg};
---cui-dropdown-link-disabled-color: #{$dropdown-link-disabled-color};
---cui-dropdown-item-padding-x: #{$dropdown-item-padding-x};
---cui-dropdown-item-padding-y: #{$dropdown-item-padding-y};
---cui-dropdown-header-color: #{$dropdown-header-color};
---cui-dropdown-header-padding-x: #{$dropdown-header-padding-x};
---cui-dropdown-header-padding-y: #{$dropdown-header-padding-y};
-```
+<ScssDocs file="_dropdown.scss" capture="dropdown-css-vars"/>
 
 Customization through CSS variables can be seen on the `.dropdown-menu-dark` class where we override specific values without adding duplicate CSS selectors.
 
-```sass
---cui-dropdown-color: #{$dropdown-dark-color};
---cui-dropdown-bg: #{$dropdown-dark-bg};
---cui-dropdown-border-color: #{$dropdown-dark-border-color};
---cui-dropdown-box-shadow: #{$dropdown-dark-box-shadow};
---cui-dropdown-link-color: #{$dropdown-dark-link-color};
---cui-dropdown-link-hover-color: #{$dropdown-dark-link-hover-color};
---cui-dropdown-divider-bg: #{$dropdown-dark-divider-bg};
---cui-dropdown-link-hover-bg: #{$dropdown-dark-link-hover-bg};
---cui-dropdown-link-active-color: #{$dropdown-dark-link-active-color};
---cui-dropdown-link-active-bg: #{$dropdown-dark-link-active-bg};
---cui-dropdown-link-disabled-color: #{$dropdown-dark-link-disabled-color};
---cui-dropdown-header-color: #{$dropdown-dark-header-color};
-```
+<ScssDocs file="_dropdown.scss" capture="dropdown-dark-css-vars"/>
 
 #### How to use CSS variables
 
@@ -756,41 +717,15 @@ return <CDropdown :style="vars">...</CDropdown>
 
 ### SASS variables
 
-```sass
-$dropdown-min-width:                10rem;
-$dropdown-padding-x:                0;
-$dropdown-padding-y:                .5rem;
-$dropdown-spacer:                   .125rem;
-$dropdown-font-size:                $font-size-base;
-$dropdown-color:                    $body-color;
-$dropdown-bg:                       $white;
-$dropdown-border-color:             var(--cui-border-color-translucent);
-$dropdown-border-radius:            $border-radius;
-$dropdown-border-width:             $border-width;
-$dropdown-inner-border-radius:      subtract($dropdown-border-radius, $dropdown-border-width);
-$dropdown-divider-bg:               $dropdown-border-color;
-$dropdown-divider-margin-y:         $spacer * .5;
-$dropdown-box-shadow:               $box-shadow;
-
-$dropdown-link-color:               $gray-900;
-$dropdown-link-hover-color:         shade-color($dropdown-link-color, 10%);
-$dropdown-link-hover-bg:            $gray-200;
-
-$dropdown-link-active-color:        $component-active-color;
-$dropdown-link-active-bg:           $component-active-bg;
-
-$dropdown-link-disabled-color:      $gray-500;
-
-$dropdown-item-padding-y:           $spacer * .25;
-$dropdown-item-padding-x:           $spacer;
-
-$dropdown-header-color:             $gray-600;
-$dropdown-header-padding-x:         $dropdown-item-padding-x;
-$dropdown-header-padding-y:         $dropdown-padding-y;
-// fusv-disable
-$dropdown-header-padding:           $dropdown-header-padding-y $dropdown-header-padding-x; // Deprecated in v4.2.0
-// fusv-enable
-```
+<ScssDocs file="_variables.scss" capture="dropdown-variables"/>
+
+Variables for the dark dropdown:
+
+<ScssDocs file="_variables.scss" capture="dropdown-dark-variables"/>
+
+Variables for the CSS-based carets that indicate a dropdown's interactivity:
+
+<ScssDocs file="_variables.scss" capture="caret-variables"/>
 
 ## API
 
diff --git a/packages/docs/components/footer.md b/packages/docs/components/footer.md
index 8f4bfcc6..85333743 100644
--- a/packages/docs/components/footer.md
+++ b/packages/docs/components/footer.md
@@ -38,15 +38,7 @@ other_frameworks: footer
 
 Vue footers use local CSS variables on `.footer` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
 
-```sass
---cui-footer-min-height: #{$footer-min-height};
---cui-footer-padding-x: #{$footer-padding-x};
---cui-footer-padding-y: #{$footer-padding-y};
---cui-footer-color: #{$footer-color};
---cui-footer-bg: #{$footer-bg};
---cui-footer-border-color: #{$footer-border-color};
---cui-footer-border: #{$footer-border-width} solid var(--cui-footer-border-color);
-```
+<ScssDocs file="_footer.scss" capture="footer-css-vars"/>
 
 #### How to use CSS variables
 
@@ -60,15 +52,7 @@ return <CFooter :style="vars">...</CFooter>
 
 ### SASS variables
 
-```sass
-$footer-min-height:    3rem;
-$footer-padding-y:     $spacer * .5;
-$footer-padding-x:     $spacer;
-$footer-bg:            $gray-100;
-$footer-color:         $body-color;
-$footer-border-width:  1px;
-$footer-border-color:  $border-color;
-```
+<ScssDocs file="_variables.scss" capture="footer-variables"/>
 
 ## API
 
diff --git a/packages/docs/components/header.md b/packages/docs/components/header.md
index aedec360..5094d15c 100644
--- a/packages/docs/components/header.md
+++ b/packages/docs/components/header.md
@@ -128,34 +128,7 @@ Here's an example of all the sub-components included in a responsive light-theme
 
 Vue headers use local CSS variables on `.header` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
 
-```sass
---cui-header-min-height: #{$header-min-height};
---cui-header-padding-x: #{$header-padding-x};
---cui-header-padding-y: #{$header-padding-y};
---cui-header-bg: #{$header-bg};
---cui-header-color: #{$header-color};
---cui-header-border-color: #{$header-border-color};
---cui-header-border: #{$header-border-width} solid var(--cui-header-border-color);
---cui-header-hover-color: #{$header-hover-color};
---cui-header-disabled-color: #{$header-disabled-color};
---cui-header-active-color: #{$header-active-color};
---cui-header-brand-padding-y: #{$header-brand-padding-y};
---cui-header-brand-color: #{$header-brand-color};
---cui-header-brand-hover-color: #{$header-brand-hover-color};
---cui-header-toggler-padding-x: #{$header-toggler-padding-x};
---cui-header-toggler-padding-y: #{$header-toggler-padding-y};
---cui-header-toggler-bg: #{$header-toggler-bg};
---cui-header-toggler-color: #{$header-toggler-color};
---cui-header-toggler-border-radius: #{$header-toggler-border-radius};
---cui-header-toggler-hover-color: #{$header-toggler-hover-color};
---cui-header-toggler-icon-bg: #{escape-svg($header-toggler-icon-bg)};
---cui-header-toggler-hover-icon-bg: #{escape-svg($header-toggler-hover-icon-bg)};
---cui-header-nav-link-padding-x: #{$header-nav-link-padding-x};
---cui-header-nav-link-padding-y: #{$header-nav-link-padding-y};
---cui-header-divider-border-color: #{$header-divider-border-color};
---cui-header-divider-border: #{$header-divider-border-width} solid var(--cui-header-divider-border-color);
---cui-subheader-min-height: #{$subheader-min-height};
-```
+<ScssDocs file="_header.scss" capture="header-css-vars"/>
 
 #### How to use CSS variables
 
@@ -169,45 +142,7 @@ return <CHeader :style="vars">...</CHeader>
 
 ### SASS variables
 
-```sass
-$header-min-height:             4rem;
-$header-padding-y:              $spacer * .5;
-$header-padding-x:              $spacer * .5;
-$header-brand-font-size:        $font-size-lg;
-$header-color:                  $medium-emphasis;
-$header-bg:                     $white;
-$header-border-color:           $border-color;
-$header-border-width:           1px;
-$header-hover-color:            $high-emphasis;
-$header-active-color:           $high-emphasis;
-$header-disabled-color:         $disabled;
-
-// Compute the header-brand padding-y so the header-brand will have the same height as header-text and nav-link
-$nav-link-height:               $font-size-base * $line-height-base + $nav-link-padding-y * 2;
-$header-brand-height:           $header-brand-font-size * $line-height-base;
-$header-brand-padding-y:        ($nav-link-height - $header-brand-height) * .5;
-$header-brand-margin-end:       1rem;
-$header-brand-font-size:        $font-size-lg;
-$header-brand-color:            $gray-900;
-$header-brand-hover-color:      shade-color($gray-900, 10%);
-
-$header-toggler-padding-y:      .25rem;
-$header-toggler-padding-x:      .75rem;
-$header-toggler-font-size:      $font-size-lg;
-$header-toggler-color:          $header-color;
-$header-toggler-bg:             transparent;
-$header-toggler-border-radius:  $btn-border-radius;
-$header-toggler-hover-color:    $header-active-color;
-
-$header-toggler-icon-bg:        url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$header-color}' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
-$header-toggler-hover-icon-bg:  url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$header-hover-color}' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
-
-$header-nav-link-padding-x:     .5rem;
-$header-nav-link-padding-y:     .5rem;
-
-$header-divider-border-width:   1px;
-$header-divider-border-color:   $header-border-color;
-```
+<ScssDocs file="_variables.scss" capture="header-variables"/>
 
 ## API
 
diff --git a/packages/docs/components/list-group.md b/packages/docs/components/list-group.md
index 23401637..27d4c98f 100644
--- a/packages/docs/components/list-group.md
+++ b/packages/docs/components/list-group.md
@@ -331,25 +331,7 @@ And if you want `<label>`s as the `.list-group-item` for large hit areas, you ca
 
 Vue list groups use local CSS variables on `.list-group` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
 
-```sass
---cui-list-group-color: #{$list-group-color};
---cui-list-group-bg: #{$list-group-bg};
---cui-list-group-border-color: #{$list-group-border-color};
---cui-list-group-border-width: #{$list-group-border-width};
---cui-list-group-border-radius: #{$list-group-border-radius};
---cui-list-group-item-padding-x: #{$list-group-item-padding-x};
---cui-list-group-item-padding-y: #{$list-group-item-padding-y};
---cui-list-group-action-color: #{$list-group-action-color};
---cui-list-group-action-hover-color: #{$list-group-action-hover-color};
---cui-list-group-action-hover-bg: #{$list-group-hover-bg};
---cui-list-group-action-active-color: #{$list-group-action-active-color};
---cui-list-group-action-active-bg: #{$list-group-action-active-bg};
---cui-list-group-disabled-color: #{$list-group-disabled-color};
---cui-list-group-disabled-bg: #{$list-group-disabled-bg};
---cui-list-group-active-color: #{$list-group-active-color};
---cui-list-group-active-bg: #{$list-group-active-bg};
---cui-list-group-active-border-color: #{$list-group-active-border-color};
-```
+<ScssDocs file="_list-group.scss" capture="list-group-css-vars"/>
 
 #### How to use CSS variables
 
@@ -363,44 +345,7 @@ return <CListGroup :style="vars">...</CListGroup>
 
 ### SASS variables
 
-```sass
-$list-group-color:                  unset;
-$list-group-bg:                     $white;
-$list-group-border-color:           rgba($black, .125);
-$list-group-border-width:           $border-width;
-$list-group-border-radius:          $border-radius;
-
-$list-group-item-padding-y:         $spacer * .5;
-$list-group-item-padding-x:         $spacer;
-$list-group-item-bg-scale:          -80%;
-$list-group-item-color-scale:       40%;
-
-$list-group-hover-bg:               $gray-100;
-$list-group-active-color:           $component-active-color;
-$list-group-active-bg:              $component-active-bg;
-$list-group-active-border-color:    $list-group-active-bg;
-
-$list-group-disabled-color:         $gray-600;
-$list-group-disabled-bg:            $list-group-bg;
-
-$list-group-action-color:           $gray-700;
-$list-group-action-hover-color:     $list-group-action-color;
-
-$list-group-action-active-color:    $body-color;
-$list-group-action-active-bg:       $gray-200;
-
-
-$list-group-variants: (
-  "primary": list-group-color-map($primary),
-  "secondary": list-group-color-map($secondary),
-  "success": list-group-color-map($success),
-  "danger": list-group-color-map($danger),
-  "warning": list-group-color-map($warning),
-  "info": list-group-color-map($info),
-  "light": list-group-color-map($light),
-  "dark": list-group-color-map($dark)
-);
-```
+<ScssDocs file="_variables.scss" capture="list-group-variables"/>
 
 ## API
 
diff --git a/packages/docs/components/modal.md b/packages/docs/components/modal.md
index 6a579a27..f26f03bd 100644
--- a/packages/docs/components/modal.md
+++ b/packages/docs/components/modal.md
@@ -1000,35 +1000,9 @@ Another override is the option to pop up a modal that covers the user viewport,
 
 Vue modals use local CSS variables on `.modal` and `.modal-backdrop` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
 
-```sass
---cui-modal-zindex: #{$zindex-modal};
---cui-modal-width: #{$modal-md};
---cui-modal-padding: #{$modal-inner-padding};
---cui-modal-margin: #{$modal-dialog-margin};
---cui-modal-color: #{$modal-content-color};
---cui-modal-bg: #{$modal-content-bg};
---cui-modal-border-color: #{$modal-content-border-color};
---cui-modal-border-width: #{$modal-content-border-width};
---cui-modal-border-radius: #{$modal-content-border-radius};
---cui-modal-box-shadow: #{$modal-content-box-shadow-xs};
---cui-modal-inner-border-radius: #{$modal-content-inner-border-radius};
---cui-modal-header-padding-x: #{$modal-header-padding-x};
---cui-modal-header-padding-y: #{$modal-header-padding-y};
---cui-modal-header-padding: #{$modal-header-padding}; // Todo in v6: Split this padding into x and y
---cui-modal-header-border-color: #{$modal-header-border-color};
---cui-modal-header-border-width: #{$modal-header-border-width};
---cui-modal-title-line-height: #{$modal-title-line-height};
---cui-modal-footer-gap: #{$modal-footer-margin-between};
---cui-modal-footer-bg: #{$modal-footer-bg};
---cui-modal-footer-border-color: #{$modal-footer-border-color};
---cui-modal-footer-border-width: #{$modal-footer-border-width};
-```
+<ScssDocs file="_modal.scss" capture="modal-css-vars"/>
 
-```sass
---cui-backdrop-zindex: #{$zindex-modal-backdrop};
---cui-backdrop-bg: #{$modal-backdrop-bg};
---cui-backdrop-opacity: #{$modal-backdrop-opacity};
-```
+<ScssDocs file="_modal.scss" capture="modal-backdrop-css-vars"/>
 
 #### How to use CSS variables
 
@@ -1042,48 +1016,13 @@ return <CModal :style="vars">...</CModal>
 
 ### SASS variables
 
-```sass
-$modal-inner-padding:               $spacer;
-
-$modal-footer-margin-between:       .5rem;
-
-$modal-dialog-margin:               .5rem;
-$modal-dialog-margin-y-sm-up:       1.75rem;
-
-$modal-title-line-height:           $line-height-base;
+<ScssDocs file="_variables.scss" capture="modal-variables"/>
 
-$modal-content-color:               unset;
-$modal-content-bg:                  $white;
-$modal-content-border-color:        var(--cui-border-color-translucent);
-$modal-content-border-width:        $border-width;
-$modal-content-border-radius:       $border-radius-lg;
-$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width);
-$modal-content-box-shadow-xs:       $box-shadow-sm;
-$modal-content-box-shadow-sm-up:    $box-shadow;
+### SASS loops
 
-$modal-backdrop-bg:                 $black;
-$modal-backdrop-opacity:            .5;
+[Responsive fullscreen modals](#fullscreen-modal) are generated via the `$breakpoints` map and a loop in `scss/_modal.scss`.
 
-$modal-header-border-color:         var(--cui-border-color);
-$modal-header-border-width:         $modal-content-border-width;
-$modal-header-padding-y:            $modal-inner-padding;
-$modal-header-padding-x:            $modal-inner-padding;
-$modal-header-padding:              $modal-header-padding-y $modal-header-padding-x; // Keep this for backwards compatibility
-
-$modal-footer-bg:                   null;
-$modal-footer-border-color:         $modal-header-border-color;
-$modal-footer-border-width:         $modal-header-border-width;
-
-$modal-sm:                          300px;
-$modal-md:                          500px;
-$modal-lg:                          800px;
-$modal-xl:                          1140px;
-
-$modal-fade-transform:              translate(0, -50px);
-$modal-show-transform:              none;
-$modal-transition:                  transform .3s ease-out;
-$modal-scale-transform:             scale(1.02);
-```
+<ScssDocs file="_modal.scss" capture="modal-fullscreen-loop"/>
 
 ## API
 
diff --git a/packages/docs/components/navbar.md b/packages/docs/components/navbar.md
index 8e0a32f4..c2b7f2ef 100644
--- a/packages/docs/components/navbar.md
+++ b/packages/docs/components/navbar.md
@@ -1278,38 +1278,15 @@ To create an offcanvas navbar that expands into a normal navbar at a specific br
 
 Vue navbars use local CSS variables on `.navbar` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
 
-```sass
---cui-navbar-padding-x: #{if($navbar-padding-x == null, 0, $navbar-padding-x)};
---cui-navbar-padding-y: #{$navbar-padding-y};
---cui-navbar-color: #{$navbar-light-color};
---cui-navbar-hover-color: #{$navbar-light-hover-color};
---cui-navbar-disabled-color: #{$navbar-light-disabled-color};
---cui-navbar-active-color: #{$navbar-light-active-color};
---cui-navbar-brand-padding-y: #{$navbar-brand-padding-y};
---cui-navbar-brand-margin-end: #{$navbar-brand-margin-end};
---cui-navbar-brand-font-size: #{$navbar-brand-font-size};
---cui-navbar-brand-color: #{$navbar-light-brand-color};
---cui-navbar-brand-hover-color: #{$navbar-light-brand-hover-color};
---cui-navbar-nav-link-padding-x: #{$navbar-nav-link-padding-x};
---cui-navbar-toggler-padding-y: #{$navbar-toggler-padding-y};
---cui-navbar-toggler-padding-x: #{$navbar-toggler-padding-x};
---cui-navbar-toggler-font-size: #{$navbar-toggler-font-size};
---cui-navbar-toggler-icon-bg: #{escape-svg($navbar-light-toggler-icon-bg)};
---cui-navbar-toggler-border-color: #{$navbar-light-toggler-border-color};
---cui-navbar-toggler-border-radius: #{$navbar-toggler-border-radius};
---cui-navbar-toggler-focus-width: #{$navbar-toggler-focus-width};
---cui-navbar-toggler-transition: #{$navbar-toggler-transition};
-```
+<ScssDocs file="_navbar.scss" capture="navbar-css-vars"/>
 
 Some additional CSS variables are also present on `.navbar-nav`:
 
-```sass
---cui-nav-link-padding-x: 0;
---cui-nav-link-padding-y: #{$nav-link-padding-y};
---cui-nav-link-color: var(--cui-navbar-color);
---cui-nav-link-hover-color: var(--cui-navbar-hover-color);
---cui-nav-link-disabled-color: var(--cui-navbar-disabled-color);
-```
+<ScssDocs file="_navbar.scss" capture="navbar-nav-css-vars"/>
+
+Customization through CSS variables can be seen on the `.navbar-dark` class where we override specific values without adding duplicate CSS selectors.
+
+<ScssDocs file="_navbar.scss" capture="navbar-dark-css-vars"/>
 
 #### How to use CSS variables
 
@@ -1323,45 +1300,19 @@ return <CNavbar :style="vars">...</CNavbar>
 
 ### SASS variables
 
-```sass
-$navbar-padding-y:                  $spacer * .5;
-$navbar-padding-x:                  null;
-
-$navbar-nav-link-padding-x:         .5rem;
-
-$navbar-brand-font-size:            $font-size-lg;
-// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
-$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2;
-$navbar-brand-height:               $navbar-brand-font-size * $line-height-base;
-$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) * .5;
-$navbar-brand-margin-end:           1rem;
-
-$navbar-toggler-padding-y:          .25rem;
-$navbar-toggler-padding-x:          .75rem;
-$navbar-toggler-font-size:          $font-size-lg;
-$navbar-toggler-border-radius:      $btn-border-radius;
-$navbar-toggler-focus-width:        $btn-focus-width;
-$navbar-toggler-transition:         box-shadow .15s ease-in-out;
-
-$navbar-dark-color:                 $medium-emphasis-inverse;
-$navbar-dark-hover-color:           $high-emphasis-inverse;
-$navbar-dark-active-color:          $high-emphasis-inverse;
-$navbar-dark-disabled-color:        $disabled-inverse;
-$navbar-dark-toggler-icon-bg:       url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
-$navbar-dark-toggler-border-color:  rgba($white, .1);
-
-$navbar-light-color:                $medium-emphasis;
-$navbar-light-hover-color:          $high-emphasis;
-$navbar-light-active-color:         $high-emphasis;
-$navbar-light-disabled-color:       $disabled;
-$navbar-light-toggler-icon-bg:      url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
-$navbar-light-toggler-border-color: rgba($black, .1);
-
-$navbar-light-brand-color:                $navbar-light-active-color;
-$navbar-light-brand-hover-color:          $navbar-light-active-color;
-$navbar-dark-brand-color:                 $navbar-dark-active-color;
-$navbar-dark-brand-hover-color:           $navbar-dark-active-color;
-```
+Variables for all navbars:
+
+<ScssDocs file="_variables.scss" capture="navbar-variables"/>
+
+Variables for the [dark navbar](#color-schemes):
+
+<ScssDocs file="_variables.scss" capture="navbar-dark-variables"/>
+
+### SASS loops
+
+[Responsive navbar expand/collapse classes](#responsive-behaviors) (e.g., `.navbar-expand-lg`) are combined with the `$breakpoints` map and generated through a loop in `scss/_navbar.scss`.
+
+<ScssDocs file="_navbar.scss" capture="navbar-expand-loop"/>
 
 ## API
 
diff --git a/packages/docs/components/navs-tabs.md b/packages/docs/components/navs-tabs.md
index 2fd81019..6b667d6e 100644
--- a/packages/docs/components/navs-tabs.md
+++ b/packages/docs/components/navs-tabs.md
@@ -833,35 +833,15 @@ Vue cards use local CSS variables on `.nav`, `.nav-tabs`, and `.nav-pills` for e
 
 On the `.nav` base class:
 
-```sass
---cui-nav-link-padding-x: #{$nav-link-padding-x};
---cui-nav-link-padding-y: #{$nav-link-padding-y};
---cui-nav-link-font-size: #{$nav-link-font-size};
---cui-nav-link-font-weight: #{$nav-link-font-weight};
---cui-nav-link-color: #{$nav-link-color};
---cui-nav-link-hover-color: #{$nav-link-hover-color};
---cui-nav-link-disabled-color: #{$nav-link-disabled-color};
-```
+<ScssDocs file="_nav.scss" capture="nav-css-vars"/>
 
 On the `.nav-tabs` modifier class:
 
-```sass
---cui-nav-tabs-border-width: #{$nav-tabs-border-width};
---cui-nav-tabs-border-color: #{$nav-tabs-border-color};
---cui-nav-tabs-border-radius: #{$nav-tabs-border-radius};
---cui-nav-tabs-link-hover-border-color: #{$nav-tabs-link-hover-border-color};
---cui-nav-tabs-link-active-color: #{$nav-tabs-link-active-color};
---cui-nav-tabs-link-active-bg: #{$nav-tabs-link-active-bg};
---cui-nav-tabs-link-active-border-color: #{$nav-tabs-link-active-border-color};
-```
+<ScssDocs file="_nav.scss" capture="nav-tabs-css-vars"/>
 
 On the `.nav-pills` modifier class:
 
-```sass
---cui-nav-pills-border-radius: #{$nav-pills-border-radius};
---cui-nav-pills-link-active-color: #{$nav-pills-link-active-color};
---cui-nav-pills-link-active-bg: #{$nav-pills-link-active-bg};
-```
+<ScssDocs file="_nav.scss" capture="nav-pills-css-vars"/>
 
 #### How to use CSS variables
 
@@ -875,34 +855,7 @@ return <CNav :style="vars">...</CNav>
 
 ### SASS variables
 
-```sass
-$nav-link-padding-y:                .5rem;
-$nav-link-padding-x:                1rem;
-$nav-link-font-size:                null;
-$nav-link-font-weight:              null;
-$nav-link-color:                    var(--cui-link-color);
-$nav-link-hover-color:              var(--cui-link-hover-color);
-$nav-link-transition:               color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
-$nav-link-disabled-color:           $gray-600;
-
-$nav-tabs-border-color:             $gray-300;
-$nav-tabs-border-width:             $border-width;
-$nav-tabs-border-radius:            $border-radius;
-$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color;
-$nav-tabs-link-active-color:        $gray-700;
-$nav-tabs-link-active-bg:           $body-bg;
-$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg;
-
-$nav-pills-border-radius:           $border-radius;
-$nav-pills-link-active-color:       $component-active-color;
-$nav-pills-link-active-bg:          $component-active-bg;
-
-$nav-underline-border-color:              $gray-300;
-$nav-underline-border-width:              $border-width * 2;
-$nav-underline-link-color:                $gray-700;
-$nav-underline-link-active-color:         $primary;
-$nav-underline-link-active-border-color:  $primary;
-```
+<ScssDocs file="_variables.scss" capture="nav-variables"/>
 
 ## API
 
diff --git a/packages/docs/components/offcanvas.md b/packages/docs/components/offcanvas.md
index d06ed209..59225a35 100644
--- a/packages/docs/components/offcanvas.md
+++ b/packages/docs/components/offcanvas.md
@@ -402,17 +402,7 @@ Since the offcanvas panel is conceptually a modal dialog, be sure to add `aria-l
 
 Vue offcanvas uses local CSS variables on `.offcanvas` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
 
-```sass
---cui-offcanvas-width: #{$offcanvas-horizontal-width};
---cui-offcanvas-height: #{$offcanvas-vertical-height};
---cui-offcanvas-padding-x: #{$offcanvas-padding-x};
---cui-offcanvas-padding-y: #{$offcanvas-padding-y};
---cui-offcanvas-color: #{$offcanvas-color};
---cui-offcanvas-bg: #{$offcanvas-bg-color};
---cui-offcanvas-border-width: #{$offcanvas-border-width};
---cui-offcanvas-border-color: #{$offcanvas-border-color};
---cui-offcanvas-box-shadow: #{$offcanvas-box-shadow};
-```
+<ScssDocs file="_offcanvas.scss" capture="offcanvas-css-vars"/>
 
 #### How to use CSS variables
 
@@ -426,21 +416,7 @@ return <COffcanvas :style="vars">...</COffcanvas>
 
 ### SASS variables
 
-```sass
-$offcanvas-padding-y:               $modal-inner-padding;
-$offcanvas-padding-x:               $modal-inner-padding;
-$offcanvas-horizontal-width:        400px;
-$offcanvas-vertical-height:         30vh;
-$offcanvas-transition-duration:     .3s;
-$offcanvas-border-color:            $modal-content-border-color;
-$offcanvas-border-width:            $modal-content-border-width;
-$offcanvas-title-line-height:       $modal-title-line-height;
-$offcanvas-bg-color:                $modal-content-bg;
-$offcanvas-color:                   $modal-content-color;
-$offcanvas-box-shadow:              $modal-content-box-shadow-xs;
-$offcanvas-backdrop-bg:             $modal-backdrop-bg;
-$offcanvas-backdrop-opacity:        $modal-backdrop-opacity;
-```
+<ScssDocs file="_variables.scss" capture="offcanvas-variables"/>
 
 ## API
 
diff --git a/packages/docs/components/pagination.md b/packages/docs/components/pagination.md
index 426c5e2e..9cda5bce 100644
--- a/packages/docs/components/pagination.md
+++ b/packages/docs/components/pagination.md
@@ -168,28 +168,7 @@ Change the alignment of pagination components with `align` property.
 
 Vue pagination use local CSS variables on `.pagination` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
 
-```sass
---cui-pagination-padding-x: #{$pagination-padding-x};
---cui-pagination-padding-y: #{$pagination-padding-y};
---cui-pagination-font-size: #{$pagination-font-size});
---cui-pagination-color: #{$pagination-color};
---cui-pagination-bg: #{$pagination-bg};
---cui-pagination-border-width: #{$pagination-border-width};
---cui-pagination-border-color: #{$pagination-border-color};
---cui-pagination-border-radius: #{$pagination-border-radius};
---cui-pagination-hover-color: #{$pagination-hover-color};
---cui-pagination-hover-bg: #{$pagination-hover-bg};
---cui-pagination-hover-border-color: #{$pagination-hover-border-color};
---cui-pagination-focus-color: #{$pagination-focus-color};
---cui-pagination-focus-bg: #{$pagination-focus-bg};
---cui-pagination-focus-box-shadow: #{$pagination-focus-box-shadow};
---cui-pagination-active-color: #{$pagination-active-color};
---cui-pagination-active-bg: #{$pagination-active-bg};
---cui-pagination-active-border-color: #{$pagination-active-border-color};
---cui-pagination-disabled-color: #{$pagination-disabled-color};
---cui-pagination-disabled-bg: #{$pagination-disabled-bg};
---cui-pagination-disabled-border-color: #{$pagination-disabled-border-color};
-```
+<ScssDocs file="_pagination.scss" capture="pagination-css-vars"/>
 
 #### How to use CSS variables
 
@@ -203,45 +182,7 @@ return <CPagination :style="vars">...</CCard>
 
 ### SASS variables
 
-```sass
-$pagination-padding-y:              .375rem;
-$pagination-padding-x:              .75rem;
-$pagination-padding-y-sm:           .25rem;
-$pagination-padding-x-sm:           .5rem;
-$pagination-padding-y-lg:           .75rem;
-$pagination-padding-x-lg:           1.5rem;
-
-$pagination-font-size:              $font-size-base;
-
-$pagination-color:                  var(--cui-link-color);
-$pagination-bg:                     $white;
-$pagination-border-radius:          $border-radius;
-$pagination-border-width:           $border-width;
-$pagination-margin-start:           calc($pagination-border-width * -1); // stylelint-disable-line function-disallowed-list
-$pagination-border-color:           $gray-300;
-
-$pagination-focus-color:            var(--cui-link-hover-color);
-$pagination-focus-bg:               $gray-200;
-$pagination-focus-box-shadow:       $input-btn-focus-box-shadow;
-$pagination-focus-outline:          0;
-
-$pagination-hover-color:            var(--cui-link-hover-color);
-$pagination-hover-bg:               $gray-200;
-$pagination-hover-border-color:     $gray-300;
-
-$pagination-active-color:           $component-active-color;
-$pagination-active-bg:              $component-active-bg;
-$pagination-active-border-color:    $pagination-active-bg;
-
-$pagination-disabled-color:         $gray-600;
-$pagination-disabled-bg:            $white;
-$pagination-disabled-border-color:  $gray-300;
-
-$pagination-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-
-$pagination-border-radius-sm:       $border-radius-sm;
-$pagination-border-radius-lg:       $border-radius-lg;
-```
+<ScssDocs file="_variables.scss" capture="pagination-variables"/>
 
 ## API
 
diff --git a/packages/docs/components/placeholder.md b/packages/docs/components/placeholder.md
index 280bd2a3..f45dbca2 100644
--- a/packages/docs/components/placeholder.md
+++ b/packages/docs/components/placeholder.md
@@ -109,9 +109,9 @@ We apply additional styling to `CButton`s via `::before` to ensure the `height`
 You can change the `width` through grid column classes, width utilities, or inline styles.
 
 :::demo
-  <CPlaceholder :xs="6" />
-  <CPlaceholder class="w-75" />
-  <CPlaceholder style="width: 30%" />
+<CPlaceholder :xs="6" />
+<CPlaceholder class="w-75" />
+<CPlaceholder style="width: 30%" />
 :::
 ```vue
 <CPlaceholder :xs="6" />
@@ -124,16 +124,16 @@ You can change the `width` through grid column classes, width utilities, or inli
 By default, the `<CPlaceholder>` uses `currentColor`. This can be overridden with a custom color or utility class.
 
 :::demo
-  <CPlaceholder :xs="12" />
+<CPlaceholder :xs="12" />
 
-  <CPlaceholder color="primary" :xs="12" />
-  <CPlaceholder color="secondary" :xs="12" />
-  <CPlaceholder color="success" :xs="12" />
-  <CPlaceholder color="danger" :xs="12" />
-  <CPlaceholder color="warning" :xs="12" />
-  <CPlaceholder color="info" :xs="12" />
-  <CPlaceholder color="light" :xs="12" />
-  <CPlaceholder color="dark" :xs="12" />
+<CPlaceholder color="primary" :xs="12" />
+<CPlaceholder color="secondary" :xs="12" />
+<CPlaceholder color="success" :xs="12" />
+<CPlaceholder color="danger" :xs="12" />
+<CPlaceholder color="warning" :xs="12" />
+<CPlaceholder color="info" :xs="12" />
+<CPlaceholder color="light" :xs="12" />
+<CPlaceholder color="dark" :xs="12" />
 :::
 ```vue
 <CPlaceholder :xs="12" />
@@ -153,10 +153,10 @@ By default, the `<CPlaceholder>` uses `currentColor`. This can be overridden wit
 The size of `<CPlaceholder>`s are based on the typographic style of the parent element. Customize them with `size` prop: `lg`, `sm`, or `xs`.
 
 :::demo
-  <CPlaceholder :xs="12" size="lg"/>
-  <CPlaceholder :xs="12"/>
-  <CPlaceholder :xs="12" size="sm"/>
-  <CPlaceholder :xs="12" size="xs"/>
+<CPlaceholder :xs="12" size="lg"/>
+<CPlaceholder :xs="12"/>
+<CPlaceholder :xs="12" size="sm"/>
+<CPlaceholder :xs="12" size="xs"/>
 :::
 ```vue
 <CPlaceholder :xs="12" size="lg"/>
@@ -170,12 +170,12 @@ The size of `<CPlaceholder>`s are based on the typographic style of the parent e
 Animate placeholders with `animation="glow"` or `animation="wave"` to better convey the perception of something being _actively_ loaded.
 
 :::demo
-  <CPlaceholder component="p" animation="glow">
-    <CPlaceholder :xs="12" />
-  </CPlaceholder>  
-  <CPlaceholder component="p" animation="wave">
-    <CPlaceholder :xs="12" />
-  </CPlaceholder> 
+<CPlaceholder component="p" animation="glow">
+  <CPlaceholder :xs="12" />
+</CPlaceholder>  
+<CPlaceholder component="p" animation="wave">
+  <CPlaceholder :xs="12" />
+</CPlaceholder> 
 :::
 ```vue
 <CPlaceholder component="p" animation="glow">
diff --git a/packages/docs/components/popover.md b/packages/docs/components/popover.md
index 4e491d78..bd8b6f30 100644
--- a/packages/docs/components/popover.md
+++ b/packages/docs/components/popover.md
@@ -99,34 +99,95 @@ Four options are available: top, right, bottom, and left aligned. Directions are
 <CButton color="secondary" v-c-popover="{content: 'Vivamus sagittis lacus vel augue laoreet rutrum faucibus.', placement: 'left'}">Popover on left</CButton>
 ```
 
+### Custom popovers
+
+You can customize the appearance of popovers using [CSS variables](#css-variables). We set a custom `style` to scope our custom appearance and use it to override some of the local CSS variables.
+
+::: demo
+<CPopover
+  content="This popover is themed via CSS variables."
+  placement="right"
+  title="Custom popover"
+  :style="customPopoverStyle"
+>
+  <template #toggler="{ on }">
+    <CButton color="secondary" v-on="on">Custom popover</CButton>
+  </template>
+</CPopover>
+:::
+```vue
+<template>
+  <CPopover
+    content="This popover is themed via CSS variables."
+    placement="right"
+    title="Custom popover"
+    :style="customPopoverStyle"
+  >
+    <template #toggler="{ on }">
+      <CButton color="secondary" v-on="on">Custom popover</CButton>
+    </template>
+  </CPopover>
+</template>
+<script>
+  export default {
+    data() {
+      return { 
+       customPopoverStyle: {
+          '--cui-popover-max-width': '200px',
+          '--cui-popover-border-color': 'var(--cui-primary)',
+          '--cui-popover-header-bg': 'var(--cui-primary)',
+          '--cui-popover-header-color': 'var(--cui-white)',
+          '--cui-popover-body-padding-x': '1rem',
+          '--cui-popover-body-padding-y': '.5rem',
+        }
+      }
+    }
+  }
+</script>
+```
+
+## Usage
+
+### Disabled elements
+
+Elements with the disabled attribute aren't interactive, meaning users cannot hover or click them to trigger a popover (or tooltip). As a workaround, you'll want to trigger the popover from a wrapper `<div>` or `<span>`, ideally made keyboard-focusable using `tabindex="0"`.
+
+For disabled popover triggers, you may also prefer `:trigger="['hover', 'focus']"` so that the popover appears as immediate visual feedback to your users as they may not expect to click on a disabled element.
+
+:::demo
+<CPopover
+  content="Disabled popover"
+  placement="right"
+  :trigger="['hover', 'focus']"
+>
+  <template #toggler="{ on }">
+    <span class="d-inline-block" :tabindex="0" v-on="on">
+      <CButton color="primary" disabled>Disabled button</CButton>
+    </span>
+  </template>
+</CPopover>
+:::
+```vue
+<CPopover
+  content="Disabled popover"
+  placement="right"
+  :trigger="['hover', 'focus']"
+>
+  <template #toggler="{ on }">
+    <span class="d-inline-block" :tabindex="0" v-on="on">
+      <CButton color="primary" disabled>Disabled button</CButton>
+    </span>
+  </template>
+</CPopover>
+```
+
 ## Customizing
 
 ### CSS variables
 
 Vue popovers use local CSS variables on `.popover` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
 
-```sass
---cui-popover-zindex: #{$zindex-popover};
---cui-popover-max-width: #{$popover-max-width};
---cui-popover-font-size: {$popover-font-size};
---cui-popover-bg: #{$popover-bg};
---cui-popover-border-width: #{$popover-border-width};
---cui-popover-border-color: #{$popover-border-color};
---cui-popover-border-radius: #{$popover-border-radius};
---cui-popover-inner-border-radius: #{$popover-inner-border-radius};
---cui-popover-box-shadow: #{$popover-box-shadow};
---cui-popover-header-padding-x: #{$popover-header-padding-x};
---cui-popover-header-padding-y: #{$popover-header-padding-y};
---cui-popover-header-font-size: {$popover-header-font-size};
---cui-popover-header-color: #{$popover-header-color};
---cui-popover-header-bg: #{$popover-header-bg};
---cui-popover-body-padding-x: #{$popover-body-padding-x};
---cui-popover-body-padding-y: #{$popover-body-padding-y};
---cui-popover-body-color: #{$popover-body-color};
---cui-popover-arrow-width: #{$popover-arrow-width};
---cui-popover-arrow-height: #{$popover-arrow-height};
---cui-popover-arrow-border: var(--cui-popover-border-color);
-```
+<ScssDocs file="_popover.scss" capture="popover-css-vars"/>
 
 #### How to use CSS variables
 
@@ -140,30 +201,25 @@ return <CPopover :style="vars">...</CPopover>
 
 ### SASS variables
 
-```sass
-$popover-font-size:                 $font-size-sm;
-$popover-bg:                        $white;
-$popover-max-width:                 276px;
-$popover-border-width:              $border-width;
-$popover-border-color:              var(--cui-border-color-translucent);
-$popover-border-radius:             $border-radius-lg;
-$popover-inner-border-radius:       subtract($popover-border-radius, $popover-border-width);
-$popover-box-shadow:                $box-shadow;
-
-$popover-header-font-size:          $font-size-base;
-$popover-header-bg:                 shade-color($popover-bg, 6%);
-$popover-header-color:              var(--cui-heading-color);
-$popover-header-padding-y:          .5rem;
-$popover-header-padding-x:          $spacer;
-
-$popover-body-color:                $body-color;
-$popover-body-padding-y:            $spacer;
-$popover-body-padding-x:            $spacer;
-
-$popover-arrow-width:               1rem;
-$popover-arrow-height:              .5rem;
-```
+<ScssDocs file="_variables.scss" capture="popover-variables"/>
 
 ## API
 
-!!!include(./api/popover/CPopover.api.md)!!!
\ No newline at end of file
+!!!include(./api/popover/CPopover.api.md)!!!
+
+<script>
+  export default {
+    data() {
+      return { 
+       customPopoverStyle: {
+          '--cui-popover-max-width': '200px',
+          '--cui-popover-border-color': 'var(--cui-primary)',
+          '--cui-popover-header-bg': 'var(--cui-primary)',
+          '--cui-popover-header-color': 'var(--cui-white)',
+          '--cui-popover-body-padding-x': '1rem',
+          '--cui-popover-body-padding-y': '.5rem',
+        }
+      }
+    }
+  }
+</script>
\ No newline at end of file
diff --git a/packages/docs/components/progress.md b/packages/docs/components/progress.md
index 71da71ce..9c32dbcb 100644
--- a/packages/docs/components/progress.md
+++ b/packages/docs/components/progress.md
@@ -206,16 +206,7 @@ The striped gradient can also be animated. Add `animated` property to `<CProgres
 
 Vue cards use local CSS variables on `.card` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
 
-```sass
---cui-progress-height: #{$progress-height};
---cui-progress-font-size: #{$progress-font-size};
---cui-progress-bg: #{$progress-bg};
---cui-progress-border-radius: #{$progress-border-radius};
---cui-progress-box-shadow: #{$progress-box-shadow};
---cui-progress-bar-color: #{$progress-bar-color};
---cui-progress-bar-bg: #{$progress-bar-bg};
---cui-progress-bar-transition: #{$progress-bar-transition};
-```
+<ScssDocs file="_progress.scss" capture="progress-css-vars"/>
 
 #### How to use CSS variables
 
@@ -229,20 +220,7 @@ return <CProgress :style="vars">...</CProgress>
 
 ### SASS variables
 
-```sass
-$progress-height:                   1rem;
-$progress-font-size:                $font-size-base * .75;
-$progress-bg:                       $gray-200;
-$progress-border-radius:            $border-radius;
-$progress-box-shadow:               $box-shadow-inset;
-$progress-bar-color:                $high-emphasis-inverse;
-$progress-bar-bg:                   $primary;
-$progress-bar-animation-timing:     1s linear infinite;
-$progress-bar-transition:           width .6s ease;
-
-$progress-group-margin-bottom:         $spacer;
-$progress-group-header-margin-bottom:  $spacer * .25;
-```
+<ScssDocs file="_variables.scss" capture="progress-variables"/>
 
 ## API
 
diff --git a/packages/docs/components/sidebar.md b/packages/docs/components/sidebar.md
index 5faaa9d4..99afd650 100644
--- a/packages/docs/components/sidebar.md
+++ b/packages/docs/components/sidebar.md
@@ -92,69 +92,9 @@ Sidebar come with built-in support for a handful of sub-components. Choose from
 
 Vue sidebars use local CSS variables on `.sidebar` and `.sidebar-backdrop` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
 
-```sass
---cui-sidebar-width: #{$sidebar-width};
---cui-sidebar-bg: #{$sidebar-bg};
---cui-sidebar-padding-x: #{$sidebar-padding-x};
---cui-sidebar-padding-y: #{$sidebar-padding-y};
---cui-sidebar-color: #{$sidebar-color};
---cui-sidebar-border-width: #{$sidebar-border-width};
---cui-sidebar-border-color: #{$sidebar-border-color};
---cui-sidebar-brand-color: #{$sidebar-brand-color};
---cui-sidebar-brand-height: #{$sidebar-brand-height};
---cui-sidebar-brand-bg: #{$sidebar-brand-bg};
---cui-sidebar-header-height: #{$sidebar-header-height};
---cui-sidebar-header-bg: #{$sidebar-header-bg};
---cui-sidebar-header-padding-x: #{$sidebar-header-padding-x};
---cui-sidebar-header-padding-y: #{$sidebar-header-padding-y};
---cui-sidebar-footer-bg: #{$sidebar-footer-bg};
---cui-sidebar-footer-height: #{$sidebar-footer-height};
---cui-sidebar-footer-padding-x: #{$sidebar-footer-padding-x};
---cui-sidebar-footer-padding-y: #{$sidebar-footer-padding-y};
---cui-sidebar-toggler-bg: #{$sidebar-toggler-bg};
---cui-sidebar-toggler-height: #{$sidebar-toggler-height};
---cui-sidebar-toggler-indicator: #{escape-svg($sidebar-toggler-indicator-icon)};
---cui-sidebar-toggler-indicator-width: #{$sidebar-toggler-indicator-width};
---cui-sidebar-toggler-indicator-height: #{$sidebar-toggler-indicator-height};
---cui-sidebar-toggler-hover-bg: #{$sidebar-toggler-hover-bg};
---cui-sidebar-toggler-indicator-hover: #{escape-svg($sidebar-toggler-indicator-hover-icon)}
---cui-sidebar-narrow-width: #{$sidebar-narrow-width};
---cui-sidebar-nav-title-padding-x: #{$sidebar-nav-title-padding-x};
---cui-sidebar-nav-title-padding-y: #{$sidebar-nav-title-padding-y};
---cui-sidebar-nav-title-margin-top: #{$sidebar-nav-title-margin-top};
---cui-sidebar-nav-title-color: #{$sidebar-nav-title-color};
---cui-sidebar-nav-link-padding-x: #{$sidebar-nav-link-padding-x};
---cui-sidebar-nav-link-padding-y: #{$sidebar-nav-link-padding-y};
---cui-sidebar-nav-link-color: #{$sidebar-nav-link-color};
---cui-sidebar-nav-link-bg: #{$sidebar-nav-link-bg};
---cui-sidebar-nav-link-border-color: #{$sidebar-nav-link-border-color};
---cui-sidebar-nav-link-border: #{$sidebar-nav-link-border-width} solid var(--cui-sidebar-nav-link-border-color);
---cui-sidebar-nav-link-border-radius: #{$sidebar-nav-link-border-radius};
---cui-sidebar-nav-link-active-color: #{$sidebar-nav-link-active-color};
---cui-sidebar-nav-link-active-bg: #{$sidebar-nav-link-active-bg};
---cui-sidebar-nav-link-active-icon-color: #{$sidebar-nav-link-active-icon-color};
---cui-sidebar-nav-link-disabled-color: #{$sidebar-nav-link-disabled-color};
---cui-sidebar-nav-link-disabled-icon-color: #{$sidebar-nav-link-disabled-icon-color};
---cui-sidebar-nav-link-hover-color: #{$sidebar-nav-link-hover-color};
---cui-sidebar-nav-link-hover-bg: #{$sidebar-nav-link-hover-bg};
---cui-sidebar-nav-link-hover-icon-color: #{$sidebar-nav-link-hover-icon-color};
---cui-sidebar-nav-icon-width: #{$sidebar-nav-icon-width};
---cui-sidebar-nav-icon-height: #{$sidebar-nav-icon-height};
---cui-sidebar-nav-icon-font-size: #{$sidebar-nav-icon-font-size};
---cui-sidebar-nav-link-icon-color: #{$sidebar-nav-link-icon-color};
---cui-sidebar-nav-group-bg: #{$sidebar-nav-group-bg};
---cui-sidebar-nav-group-items-padding-y: #{$sidebar-nav-group-items-padding-y};
---cui-sidebar-nav-group-items-padding-x: #{$sidebar-nav-group-items-padding-x};
---cui-sidebar-nav-group-indicator: #{escape-svg($sidebar-nav-group-indicator-icon)};
---cui-sidebar-nav-group-indicator-hover: #{escape-svg($sidebar-nav-group-indicator-hover-icon)};
---cui-sidebar-nav-group-toggle-show-color: #{$sidebar-nav-group-toggle-show-color};
-```
+<ScssDocs file="sidebar/_sidebar.scss" capture="sidebar-css-vars"/>
 
-```sass
---cui-backdrop-zindex: #{$zindex-sidebar-backdrop};
---cui-backdrop-bg: #{$sidebar-backdrop-bg};
---cui-backdrop-opacity: #{$sidebar-backdrop-opacity};
-```
+<ScssDocs file="sidebar/_sidebar.scss" capture="sidebar-backdrop-css-vars"/>
 
 #### How to use CSS variables
 
@@ -168,144 +108,7 @@ return <CSidebar :style="vars">...</CSidebar>
 
 ### SASS variables
 
-```sass
-$sidebar-width:                            16rem;
-$sidebar-widths: (
-  sm: 12rem,
-  lg: 20rem,
-  xl: 24rem
-);
-$sidebar-padding-y:                        0;
-$sidebar-padding-x:                        0;
-$sidebar-color:                            $high-emphasis-inverse;
-$sidebar-bg:                               $gray-base;
-$sidebar-border-width:                     0;
-$sidebar-border-color:                     transparent;
-$sidebar-transition:                       margin-left .15s, margin-right .15s, box-shadow .075s, transform .15s, width .15s, z-index 0s ease .15s;
-
-$sidebar-brand-height:                     4rem;
-$sidebar-brand-color:                      $high-emphasis-inverse;
-$sidebar-brand-bg:                         rgba($black, .2);
-
-$sidebar-header-height:                    4rem;
-$sidebar-header-padding-y:                 .75rem;
-$sidebar-header-padding-x:                 1rem;
-$sidebar-header-bg:                        rgba($black, .2);
-$sidebar-header-height-transition:         height .15s, padding .15s;
-
-$sidebar-narrow-width:                     4rem;
-
-$sidebar-backdrop-bg:                      $black;
-$sidebar-backdrop-opacity:                 .5;
-
-$sidebar-nav-title-padding-y:              .75rem;
-$sidebar-nav-title-padding-x:              1rem;
-$sidebar-nav-title-margin-top:             1rem;
-$sidebar-nav-title-color:                  $medium-emphasis-inverse;
-$sidebar-nav-title-transition:             height .15s, margin .15s;
-
-$sidebar-nav-link-padding-y:               .8445rem;
-$sidebar-nav-link-padding-x:               1rem;
-$sidebar-nav-link-color:                   $medium-emphasis-inverse;
-$sidebar-nav-link-bg:                      transparent;
-$sidebar-nav-link-border-width:            0;
-$sidebar-nav-link-border-color:            transparent;
-$sidebar-nav-link-border-radius:           0;
-$sidebar-nav-link-transition:              background .15s ease, color .15s ease;
-$sidebar-nav-link-icon-color:              $medium-emphasis-inverse;
-
-$sidebar-nav-link-hover-color:             $high-emphasis-inverse;
-$sidebar-nav-link-hover-bg:                rgba($white, .05);
-$sidebar-nav-link-hover-icon-color:        $high-emphasis-inverse;
-
-$sidebar-nav-link-active-color:            $high-emphasis-inverse;
-$sidebar-nav-link-active-bg:               rgba($white, .05);
-$sidebar-nav-link-active-icon-color:       $high-emphasis-inverse;
-
-$sidebar-nav-link-disabled-color:          $disabled-inverse;
-$sidebar-nav-link-disabled-icon-color:     $sidebar-nav-link-icon-color;
-
-$sidebar-nav-icon-width:                   4rem;
-$sidebar-nav-icon-height:                  1.25rem;
-$sidebar-nav-icon-font-size:               $sidebar-nav-icon-height;
-
-$sidebar-nav-group-bg:                     rgba(0, 0, 0, .2);
-$sidebar-nav-group-transition:             background .15s ease-in-out;
-$sidebar-nav-group-toggle-show-color:      $sidebar-nav-link-color;
-
-$sidebar-nav-group-items-padding-y:        0;
-$sidebar-nav-group-items-padding-x:        0;
-$sidebar-nav-group-items-transition:       height .15s ease;
-
-$sidebar-nav-group-indicator-color:        $medium-emphasis-inverse;
-$sidebar-nav-group-indicator-icon:         url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$sidebar-nav-group-indicator-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
-$sidebar-nav-group-indicator-hover-color:  $sidebar-nav-link-hover-color;
-$sidebar-nav-group-indicator-hover-icon:   url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$sidebar-nav-group-indicator-hover-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
-$sidebar-nav-group-indicator-transition:   transform .15s;
-
-$sidebar-footer-height:                    auto;
-$sidebar-footer-padding-y:                 .75rem;
-$sidebar-footer-padding-x:                 1rem;
-$sidebar-footer-bg:                        rgba($black, .2);
-$sidebar-footer-height-transition:         height .15s, padding .15s;
-
-$sidebar-toggler-height:                   3rem;
-$sidebar-toggler-bg:                       rgba($black, .2);
-$sidebar-toggler-transition:               transform .15s;
-
-$sidebar-toggler-indicator-width:          4rem;
-$sidebar-toggler-indicator-height:         3rem;
-$sidebar-toggler-indicator-color:          $gray-600;
-$sidebar-toggler-indicator-icon:           url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#{$sidebar-toggler-indicator-color}' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E");
-$sidebar-toggler-hover-bg:                 rgba(0, 0, 0, .3);
-
-$sidebar-toggler-indicator-hover-color:    $sidebar-nav-link-hover-color;
-$sidebar-toggler-indicator-hover-icon:     url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#{$sidebar-toggler-indicator-hover-color}' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E");
-
-$sidebar-light-color:    $body-color;
-$sidebar-light-bg:       $white;
-$sidebar-light-border-width:                     0;
-$sidebar-light-border-color:                     transparent;
-
-$sidebar-light-brand-color:  $white;
-$sidebar-light-brand-bg:     $primary;
-
-$sidebar-light-header-bg: rgba($black, .2);
-
-$sidebar-light-nav-title-color:                  $medium-emphasis;
-
-$sidebar-light-nav-link-color:                   $medium-emphasis;
-$sidebar-light-nav-link-bg:                      transparent;
-$sidebar-light-nav-link-icon-color:              $medium-emphasis;
-
-$sidebar-light-nav-link-hover-color:             $high-emphasis;
-$sidebar-light-nav-link-hover-bg:                theme-color("primary");
-$sidebar-light-nav-link-hover-icon-color:        $high-emphasis;
-
-$sidebar-light-nav-link-active-color:            $high-emphasis;
-$sidebar-light-nav-link-active-bg:               rgba($white, .05);
-$sidebar-light-nav-link-active-icon-color:       $high-emphasis;
-
-$sidebar-light-nav-link-disabled-color:          $disabled;
-$sidebar-light-nav-link-disabled-icon-color:     $sidebar-light-nav-link-icon-color;
-
-$sidebar-light-nav-group-bg:                     rgba(0, 0, 0, .05);
-$sidebar-light-nav-group-toggle-show-color:      $sidebar-light-nav-link-color;
-
-$sidebar-light-nav-group-indicator-color:        $medium-emphasis;
-$sidebar-light-nav-group-indicator-icon:         url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$sidebar-light-nav-group-indicator-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
-$sidebar-light-nav-group-indicator-hover-color:  $sidebar-light-nav-link-hover-color;
-$sidebar-light-nav-group-indicator-hover-icon:   url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$sidebar-light-nav-group-indicator-hover-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
-
-$sidebar-light-footer-bg:                        rgba($black, .1);
-
-$sidebar-light-toggler-bg:                       rgba($black, .1);
-$sidebar-light-toggler-hover-bg:                 rgba(0, 0, 0, .2);
-$sidebar-light-toggler-indicator-color:          $medium-emphasis;
-$sidebar-light-toggler-indicator-icon:           url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#{$sidebar-light-toggler-indicator-color}' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E");
-$sidebar-light-toggler-indicator-hover-color:    $sidebar-light-nav-link-hover-color;
-$sidebar-light-toggler-indicator-hover-icon:     url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#{$sidebar-light-toggler-indicator-hover-color}' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E");
-```
+<ScssDocs file="_variables.scss" capture="sidebar-variables"/>
 
 ## API
 
diff --git a/packages/docs/components/spinner.md b/packages/docs/components/spinner.md
index fc8eae19..7c3dda54 100644
--- a/packages/docs/components/spinner.md
+++ b/packages/docs/components/spinner.md
@@ -146,32 +146,15 @@ Vue spinners use local CSS variables on `.spinner-border` and `.spinner-grow` fo
 
 Border spinner variables:
 
-```sass
---cui-spinner-width: #{$spinner-width};
---cui-spinner-height: #{$spinner-height};
---cui-spinner-vertical-align: #{$spinner-vertical-align};
---cui-spinner-border-width: #{$spinner-border-width};
---cui-spinner-animation-speed: #{$spinner-animation-speed};
---cui-spinner-animation-name: spinner-border;
-```
+<ScssDocs file="_spinners.scss" capture="spinner-border-css-vars"/>
 
 Growing spinner variables:
 
-```sass
---cui-spinner-width: #{$spinner-width};
---cui-spinner-height: #{$spinner-height};
---cui-spinner-vertical-align: #{$spinner-vertical-align};
---cui-spinner-animation-speed: #{$spinner-animation-speed};
---cui-spinner-animation-name: spinner-grow;
-```
+<ScssDocs file="_spinners.scss" capture="spinner-grow-css-vars"/>
 
 For both spinners, small spinner modifier classes are used to update the values of these CSS variables as needed. For example, the `.spinner-border-sm` class does the following:
 
-```sass
---cui-spinner-width: #{$spinner-width-sm};
---cui-spinner-height: #{$spinner-height-sm};
---cui-spinner-border-width: #{$spinner-border-width-sm};
-```
+<ScssDocs file="_spinners.scss" capture="spinner-border-sm-css-vars"/>
 
 #### How to use CSS variables
 
@@ -185,17 +168,7 @@ return <CSpinner :style="vars">...</CSpinner>
 
 ### SASS variables
 
-```sass
-$spinner-width:           2rem;
-$spinner-height:          $spinner-width;
-$spinner-vertical-align:  -.125em;
-$spinner-border-width:    .25em;
-$spinner-animation-speed: .75s;
-
-$spinner-width-sm:        1rem;
-$spinner-height-sm:       $spinner-width-sm;
-$spinner-border-width-sm: .2em;
-```
+<ScssDocs file="_variables.scss" capture="spinner-variables"/>
 
 ## API
 
diff --git a/packages/docs/components/toast.md b/packages/docs/components/toast.md
index 297e8904..1d27d176 100644
--- a/packages/docs/components/toast.md
+++ b/packages/docs/components/toast.md
@@ -339,22 +339,7 @@ Building on the above example, you can create different toast color schemes with
 
 Vue toasts use local CSS variables on `.toast` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
 
-```sass
---cui-toast-padding-x: #{$toast-padding-x};
---cui-toast-padding-y: #{$toast-padding-y};
---cui-toast-spacing: #{$toast-spacing};
---cui-toast-max-width: #{$toast-max-width};
---cui-toast-font-size: #{$toast-font-size};
---cui-toast-color: #{$toast-color};
---cui-toast-bg: #{$toast-background-color};
---cui-toast-border-width: #{$toast-border-width};
---cui-toast-border-color: #{$toast-border-color};
---cui-toast-border-radius: #{$toast-border-radius};
---cui-toast-box-shadow: #{$toast-box-shadow};
---cui-toast-header-color: #{$toast-header-color};
---cui-toast-header-bg: #{$toast-header-background-color};
---cui-toast-header-border-color: #{$toast-header-border-color};
-```
+<ScssDocs file="_toasts.scss" capture="toast-css-vars"/>
 
 #### How to use CSS variables
 
@@ -368,23 +353,7 @@ return <CToast :style="vars">...</CToast>
 
 ### SASS variables
 
-```sass
-$toast-max-width:                   350px;
-$toast-padding-x:                   .75rem;
-$toast-padding-y:                   .5rem;
-$toast-font-size:                   .875rem;
-$toast-color:                       unset;
-$toast-background-color:            rgba($white, .85);
-$toast-border-width:                $border-width;
-$toast-border-color:                var(--cui-border-color-translucent);
-$toast-border-radius:               $border-radius;
-$toast-box-shadow:                  $box-shadow;
-$toast-spacing:                     $container-padding-x;
-
-$toast-header-color:                $gray-600;
-$toast-header-background-color:     rgba($white, .85);
-$toast-header-border-color:         rgba($black, .05);
-```
+<ScssDocs file="_variables.scss" capture="toast-variables"/>
 
 ## API
 
diff --git a/packages/docs/components/tooltip.md b/packages/docs/components/tooltip.md
index 3bec5159..a03128d5 100644
--- a/packages/docs/components/tooltip.md
+++ b/packages/docs/components/tooltip.md
@@ -7,6 +7,8 @@ other_frameworks: tooltip
 
 ## Examples
 
+### Tooltips on links
+
 Hover over the links below to see tooltips:
 
 ::: demo
@@ -112,26 +114,84 @@ Hover over the buttons below to see the four tooltips directions: top, right, bo
 <CButton color="secondary" v-c-tooltip="{content: 'Vivamus sagittis lacus vel augue laoreet rutrum faucibus.', placement: 'left'}">Tooltip on left</CButton>
 ```
 
+### Custom popovers
+
+You can customize the appearance of tooltips using [CSS variables](#css-variables). We set a custom `style` to scope our custom appearance and use it to override some of the local CSS variables.
+
+::: demo
+<CTooltip
+  content="This top tooltip is themed via CSS variables."
+  placement="top"
+  :style="customTooltipStyle"
+>
+  <template #toggler="{ on }">
+    <CButton color="secondary" v-on="on">Custom popover</CButton>
+  </template>
+</CTooltip>
+:::
+```vue
+<template>
+  <CTooltip
+    content="This top tooltip is themed via CSS variables."
+    placement="top"
+    :style="customTooltipStyle"
+  >
+    <template #toggler="{ on }">
+      <CButton color="secondary" v-on="on">Custom popover</CButton>
+    </template>
+  </CTooltip>
+</template>
+<script>
+  export default {
+    data() {
+      return { 
+       customTooltipStyle: {
+          '--cui-tooltip-bg': 'var(--cui-primary)',
+        }
+      }
+    }
+  }
+</script>
+```
+
+## Usage
+
+### Disabled elements
+
+Elements with the disabled attribute aren’t interactive, meaning users cannot focus, hover, or click them to trigger a tooltip (or popover). As a workaround, you’ll want to trigger the tooltip from a wrapper `<div>` or `<span>`, ideally made keyboard-focusable using `tabindex="0"`.
+
+:::demo
+<CTooltip
+  content="Disabled tooltip"
+  :trigger="['hover', 'focus']"
+>
+  <template #toggler="{ on }">
+    <span class="d-inline-block" :tabindex="0" v-on="on">
+      <CButton color="primary" disabled>Disabled button</CButton>
+    </span>
+  </template>
+</CTooltip>
+:::
+```vue
+<CTooltip
+  content="Disabled tooltip"
+  :trigger="['hover', 'focus']"
+>
+  <template #toggler="{ on }">
+    <span class="d-inline-block" :tabindex="0" v-on="on">
+      <CButton color="primary" disabled>Disabled button</CButton>
+    </span>
+  </template>
+</CTooltip>
+```
+
 ## Customizing
 
 ### CSS variables
 
 Vue toltips use local CSS variables on `.tooltip` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
 
-```sass
---cui-tooltip-zindex: #{$zindex-tooltip};
---cui-tooltip-max-width: #{$tooltip-max-width};
---cui-tooltip-padding-x: #{$tooltip-padding-x};
---cui-tooltip-padding-y: #{$tooltip-padding-y};
---cui-tooltip-margin: #{$tooltip-margin};
---cui-tooltip-font-size: #{$tooltip-font-size};
---cui-tooltip-color: #{$tooltip-color};
---cui-tooltip-bg: #{$tooltip-bg};
---cui-tooltip-border-radius: #{$tooltip-border-radius};
---cui-tooltip-opacity: #{$tooltip-opacity};
---cui-tooltip-arrow-width: #{$tooltip-arrow-width};
---cui-tooltip-arrow-height: #{$tooltip-arrow-height};
-```
+<ScssDocs file="_tooltip.scss" capture="tooltip-css-vars"/>
 
 #### How to use CSS variables
 
@@ -145,23 +205,21 @@ return <CTooltip :style="vars">...</CTooltip>
 
 ### SASS variables
 
-```sass
-$tooltip-font-size:                 $font-size-sm;
-$tooltip-max-width:                 200px;
-$tooltip-color:                     $high-emphasis-inverse;
-$tooltip-bg:                        $black;
-$tooltip-border-radius:             $border-radius;
-$tooltip-opacity:                   .9;
-$tooltip-padding-y:                 $spacer * .25;
-$tooltip-padding-x:                 $spacer * .5;
-$tooltip-margin:                    null;
-
-$tooltip-arrow-width:               .8rem;
-$tooltip-arrow-height:              .4rem;
-$tooltip-arrow-color:               null; 
-```
+<ScssDocs file="_variables.scss" capture="tooltip-variables"/>
 
 ## API
 
 
-!!!include(./api/tooltip/CTooltip.api.md)!!!
\ No newline at end of file
+!!!include(./api/tooltip/CTooltip.api.md)!!!
+
+<script>
+  export default {
+    data() {
+      return { 
+       customTooltipStyle: {
+          '--cui-tooltip-bg': 'var(--cui-primary)',
+        }
+      }
+    }
+  }
+</script>
\ No newline at end of file

From ec17c7bc07a05b46dae71d0a41cf086a357e2f63 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sat, 10 Jun 2023 12:58:51 +0200
Subject: [PATCH 116/346] refactor(CTooltip): update offset

---
 packages/coreui-vue/src/directives/v-c-tooltip.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/coreui-vue/src/directives/v-c-tooltip.ts b/packages/coreui-vue/src/directives/v-c-tooltip.ts
index 8a98b348..5c12fab1 100644
--- a/packages/coreui-vue/src/directives/v-c-tooltip.ts
+++ b/packages/coreui-vue/src/directives/v-c-tooltip.ts
@@ -44,7 +44,7 @@ export default {
     const trigger = value.trigger ?? 'hover'
 
     // Popper Config
-    const offset = value.offset ?? [0, 0]
+    const offset = value.offset ?? [0, 6]
     const placement = value.placement ?? 'top'
 
     const popperOptions = {

From 3be14286d254aaa6cdfb8bd895f2b5f5178f5b15 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sat, 10 Jun 2023 13:01:12 +0200
Subject: [PATCH 117/346] fix(CPopover, CTooltip): inline styles attribute
 don't work

---
 packages/coreui-vue/src/components/popover/CPopover.ts | 3 ++-
 packages/coreui-vue/src/components/tooltip/CTooltip.ts | 5 +++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/coreui-vue/src/components/popover/CPopover.ts b/packages/coreui-vue/src/components/popover/CPopover.ts
index cb76ab7d..1bfe5348 100644
--- a/packages/coreui-vue/src/components/popover/CPopover.ts
+++ b/packages/coreui-vue/src/components/popover/CPopover.ts
@@ -79,7 +79,7 @@ const CPopover = defineComponent({
      */
     'show',
   ],
-  setup(props, { slots, emit }) {
+  setup(props, { attrs, slots, emit }) {
     const togglerRef = ref()
     const popoverRef = ref()
     const popper = ref()
@@ -149,6 +149,7 @@ const CPopover = defineComponent({
                 class: 'popover fade bs-popover-auto',
                 ref: popoverRef,
                 role: 'tooltip',
+                ...attrs,
               },
               [
                 h('div', { class: 'popover-arrow', 'data-popper-arrow': '' }),
diff --git a/packages/coreui-vue/src/components/tooltip/CTooltip.ts b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
index e1d7488c..4ceda0b2 100644
--- a/packages/coreui-vue/src/components/tooltip/CTooltip.ts
+++ b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
@@ -30,7 +30,7 @@ const CTooltip = defineComponent({
      */
     offset: {
       type: Array,
-      default: () => [0, 0],
+      default: () => [0, 6],
     },
     /**
      * Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.
@@ -75,7 +75,7 @@ const CTooltip = defineComponent({
      */
     'show',
   ],
-  setup(props, { slots, emit }) {
+  setup(props, { attrs, slots, emit }) {
     const togglerRef = ref()
     const tooltipRef = ref()
     const popper = ref()
@@ -145,6 +145,7 @@ const CTooltip = defineComponent({
                 class: 'tooltip fade bs-tooltip-auto',
                 ref: tooltipRef,
                 role: 'tooltip',
+                ...attrs,
               },
               [
                 h('div', { class: 'tooltip-arrow', 'data-popper-arrow': '' }),

From 0cfa7353150716bf2887a7d96b4321508bf842c4 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sat, 10 Jun 2023 13:02:57 +0200
Subject: [PATCH 118/346] docs: update theme

---
 packages/docs/.vuepress/config.ts             |  9 ++++
 .../src/client/components/ScssDocs.vue        | 51 +++++++++++++++++++
 packages/docs/package.json                    |  1 +
 3 files changed, 61 insertions(+)
 create mode 100644 packages/docs/.vuepress/theme-coreui/src/client/components/ScssDocs.vue

diff --git a/packages/docs/.vuepress/config.ts b/packages/docs/.vuepress/config.ts
index ece96d9c..736add24 100644
--- a/packages/docs/.vuepress/config.ts
+++ b/packages/docs/.vuepress/config.ts
@@ -4,7 +4,11 @@ import include_plugin from 'markdown-it-include'
 import { defaultTheme } from './theme-coreui'
 
 import { containerPlugin } from '@vuepress/plugin-container'
+import { registerComponentsPlugin } from '@vuepress/plugin-register-components'
 import { tocPlugin } from '@vuepress/plugin-toc'
+import { getDirname, path } from '@vuepress/utils'
+
+const __dirname = getDirname(import.meta.url)
 
 export default defineUserConfig({
   base: `/vue/docs/`,
@@ -63,6 +67,11 @@ export default defineUserConfig({
       },
     }),
     tocPlugin({}),
+    registerComponentsPlugin({
+      components: {
+        ScssDocs: path.resolve(__dirname, './theme-coreui/src/client/components/ScssDocs.vue'),
+      },
+    }),
   ],
   theme: defaultTheme({
     sidebar: [
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/ScssDocs.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/ScssDocs.vue
new file mode 100644
index 00000000..1a5a2897
--- /dev/null
+++ b/packages/docs/.vuepress/theme-coreui/src/client/components/ScssDocs.vue
@@ -0,0 +1,51 @@
+<template>
+  <div className="highlight">
+    <pre class="prism-code language-scss" v-html="code" :style="{ 'max-height': '100%' }" />
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import Prism from 'prismjs'
+import 'prismjs/components/prism-jsx'
+import 'prismjs/components/prism-scss'
+export default defineComponent({
+  name: 'ScssDocs',
+  props: {
+    capture: String,
+    file: String,
+  },
+  setup(props) {
+
+    if (typeof window !== 'undefined') {
+      window.Prism = window.Prism || {};
+      window.Prism.manual = true;
+    }
+
+    const files = import.meta.glob(`../../../../../../../node_modules/@coreui/coreui/scss/**/*.scss`, {
+      as: 'raw',
+      eager: true,
+    })
+    const file = files[`../../../../../../../node_modules/@coreui/coreui/scss/${props.file}`]
+
+    const captureStart = `// scss-docs-start ${props.capture}`
+    const captureEnd = `// scss-docs-end ${props.capture}`
+    const re = new RegExp(`${captureStart}((?:.|\n)*)${captureEnd}`)
+    const captured = re.exec(file)
+    const section = captured && captured[1].trim()
+    const code = section
+      ? Prism.highlight(
+          section
+            .replaceAll('--#{$prefix}', '--cui-')
+            .replaceAll('\n  -', '\n-')
+            .replaceAll('\n  @', '\n@'),
+          Prism.languages.scss,
+          'scss',
+      )
+      : null
+    return {
+      code,
+    }
+  },
+})
+</script>
diff --git a/packages/docs/package.json b/packages/docs/package.json
index bfc1cdd5..451a7933 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -15,6 +15,7 @@
     "@coreui/vue-chartjs": "^2.0.1",
     "@docsearch/css": "^3.4.0",
     "@docsearch/js": "^3.4.0",
+    "@vuepress/plugin-register-components": "2.0.0-beta.62",
     "@vuepress/plugin-toc": "2.0.0-beta.62",
     "markdown-it-include": "^2.0.0",
     "vue-docgen-cli": "^4.67.0",

From 6795b6b6bf8ce9a79f4fc10c4304e82dd2e11e2e Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sat, 10 Jun 2023 13:14:18 +0200
Subject: [PATCH 119/346] build: update tsconfig

---
 tsconfig.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tsconfig.json b/tsconfig.json
index 040f7e33..8cf48188 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -5,7 +5,7 @@
     "module": "esnext",
     "target": "esnext",
     "strict": true,
-    "lib": ["es6", "dom", "es2016", "es2017"],
+    "lib": ["dom", "es2015", "es2016", "es2017", "es2018", "es2019", "es2020", "es2021"],
     "sourceMap": true,
     "allowJs": false,
     "declaration": true,

From 39197fa12895bf0ca21256fc0e034b0de939968a Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sat, 10 Jun 2023 13:37:25 +0200
Subject: [PATCH 120/346] docs: update content

---
 packages/docs/forms/checkbox.md        |  6 +++++
 packages/docs/forms/floating-labels.md |  8 +++++-
 packages/docs/forms/input-group.md     |  6 +++++
 packages/docs/forms/input.md           | 18 +++++++++++++
 packages/docs/forms/radio.md           |  6 +++++
 packages/docs/forms/range.md           | 14 +++++++---
 packages/docs/forms/select.md          |  7 +++++
 packages/docs/forms/switch.md          |  6 +++++
 packages/docs/forms/textarea.md        | 14 ++++++++++
 packages/docs/forms/validation.md      | 37 ++++++++++++++++++++++++++
 10 files changed, 117 insertions(+), 5 deletions(-)

diff --git a/packages/docs/forms/checkbox.md b/packages/docs/forms/checkbox.md
index 2a4cec18..ceced278 100644
--- a/packages/docs/forms/checkbox.md
+++ b/packages/docs/forms/checkbox.md
@@ -135,6 +135,12 @@ Different variants of button, such at the various outlined styles, are supported
 <CFormCheck :button="{ color: 'secondary', variant: 'outline' }" id="btn-check-2-outlined" autocomplete="off" label="Checked" checked/>
 ```
 
+## Customizing
+
+### SASS variables
+
+<ScssDocs file="_variables.scss" capture="form-check-variables" />
+
 ## API
 
 !!!include(./api/form/CFormCheck.api.md)!!!
\ No newline at end of file
diff --git a/packages/docs/forms/floating-labels.md b/packages/docs/forms/floating-labels.md
index 7ca253d3..75980909 100644
--- a/packages/docs/forms/floating-labels.md
+++ b/packages/docs/forms/floating-labels.md
@@ -247,4 +247,10 @@ When working with the CoreUI for Bootstrap grid system, be sure to place form el
     </CFormFloating>
   </CCol>
 </CRow>
-```
\ No newline at end of file
+```
+
+## Customizing
+
+### SASS variables
+
+<ScssDocs file="_variables.scss" capture="form-floating-variables" />
\ No newline at end of file
diff --git a/packages/docs/forms/input-group.md b/packages/docs/forms/input-group.md
index e263aecf..d8540628 100644
--- a/packages/docs/forms/input-group.md
+++ b/packages/docs/forms/input-group.md
@@ -536,6 +536,12 @@ Input groups include support for custom selects and custom file inputs. Browser
 </CInputGroup>
 ```
 
+## Customizing
+
+### SASS variables
+
+<ScssDocs file="_variables.scss" capture="input-group-variables" />
+
 ## API
 
 !!!include(./api/form/CInputGroup.api.md)!!!
\ No newline at end of file
diff --git a/packages/docs/forms/input.md b/packages/docs/forms/input.md
index b4c07adc..211afd82 100644
--- a/packages/docs/forms/input.md
+++ b/packages/docs/forms/input.md
@@ -230,6 +230,24 @@ If you want to have `<input readonly>` elements in your form styled as plain tex
 />
 ```
 
+## Customizing
+
+### SASS variables
+
+`$input-*` are shared across most of our form controls (and not buttons).
+
+<ScssDocs file="_variables.scss" capture="form-input-variables" />
+
+`$form-label-*` and `$form-text-*` are for our `<CFormLabel />`s and `<CFormText />` component.
+
+<ScssDocs file="_variables.scss" capture="form-label-variables" />
+
+<ScssDocs file="_variables.scss" capture="form-text-variables" />
+
+`$form-file-*` are for file input.
+
+<ScssDocs file="_variables.scss" capture="form-file-variables" />
+
 ## API
 
 !!!include(./api/form/CFormInput.api.md)!!!
diff --git a/packages/docs/forms/radio.md b/packages/docs/forms/radio.md
index 7ee5cbac..3a942a5e 100644
--- a/packages/docs/forms/radio.md
+++ b/packages/docs/forms/radio.md
@@ -117,6 +117,12 @@ Different variants of button, such at the various outlined styles, are supported
 <CFormCheck :button="{ color: 'danger', variant: 'outline' }" type="radio" name="options-outlined" id="danger-outlined" autocomplete="off" label="Radio"/>
 ```
 
+## Customizing
+
+### SASS variables
+
+<ScssDocs file="_variables.scss" capture="form-check-variables" />
+
 ## API
 
 !!!include(./api/form/CFormCheck.api.md)!!!
diff --git a/packages/docs/forms/range.md b/packages/docs/forms/range.md
index 4a7dec20..39b1d0d9 100644
--- a/packages/docs/forms/range.md
+++ b/packages/docs/forms/range.md
@@ -32,10 +32,10 @@ Add the `disabled` boolean attribute on an input to give it a grayed out appeara
 Range inputs have implicit values for `min` and `max`—`0` and `100`, respectively. You may specify new values for those using the `min` and `max` attributes.
 
 ::: demo
-<CFormRange label="Example range" :min="0" :max="5" value="3" id="customRange2"/>
+<CFormRange label="Example range" :min="0" :max="5" :value="3" id="customRange2"/>
 :::
 ```vue
-<CFormRange label="Example range" :min="0" :max="5" value="3" id="customRange2"/>
+<CFormRange label="Example range" :min="0" :max="5" :value="3" id="customRange2"/>
 ```
 
 ## Steps
@@ -43,12 +43,18 @@ Range inputs have implicit values for `min` and `max`—`0` and `100`, respectiv
 By default, range inputs "snap" to integer values. To change this, you can specify a `step` value. In the example below, we double the number of steps by using `:step="0.5"`.
 
 ::: demo
-<CFormRange label="Example range" :min="0" :max="5" :step="0.5" value="3" id="customRange3"/> 
+<CFormRange label="Example range" :min="0" :max="5" :step="0.5" :value="3" id="customRange3"/> 
 :::
 ```vue
-<CFormRange label="Example range" :min="0" :max="5" :step="0.5" value="3" id="customRange3"/> 
+<CFormRange label="Example range" :min="0" :max="5" :step="0.5" :value="3" id="customRange3"/> 
 ```
 
+## Customizing
+
+### SASS variables
+
+<ScssDocs file="_variables.scss" capture="form-range-variables" />
+
 ## API
 
 !!!include(./api/form/CFormRange.api.md)!!!
\ No newline at end of file
diff --git a/packages/docs/forms/select.md b/packages/docs/forms/select.md
index e70dd0da..98f33a18 100644
--- a/packages/docs/forms/select.md
+++ b/packages/docs/forms/select.md
@@ -128,6 +128,13 @@ Add the `disabled` boolean attribute on a select to give it a grayed out appeara
 </CFormSelect>
 ```
 
+
+## Customizing
+
+### SASS variables
+
+<ScssDocs file="_variables.scss" capture="form-select-variables" />
+
 ## API
 
 !!!include(./api/form/CFormSelect.api.md)!!!
\ No newline at end of file
diff --git a/packages/docs/forms/switch.md b/packages/docs/forms/switch.md
index 5286fe98..657ceef2 100644
--- a/packages/docs/forms/switch.md
+++ b/packages/docs/forms/switch.md
@@ -54,6 +54,12 @@ Put your switches on the opposite side by adding `reverse` boolean property.
 <CFormSwitch reverse type="radio" id="reverseFormSwitch2" label="Disabled reverse switch" disabled/>
 ```
 
+## Customizing
+
+### SASS variables
+
+<ScssDocs file="_variables.scss" capture="form-switch-variables" />
+
 ## API
 
 !!!include(./api/form/CFormSwitch.api.md)!!!
\ No newline at end of file
diff --git a/packages/docs/forms/textarea.md b/packages/docs/forms/textarea.md
index c0cb5127..c9754840 100644
--- a/packages/docs/forms/textarea.md
+++ b/packages/docs/forms/textarea.md
@@ -82,6 +82,20 @@ Add the `readonly` boolean attribute on an textarea to prevent modification of t
 ></CFormTextarea>
 ```
 
+## Customizing
+
+### SASS variables
+
+`$input-*` are shared across most of our form controls (and not buttons).
+
+<ScssDocs file="_variables.scss" capture="form-input-variables" />
+
+`$form-label-*` and `$form-text-*` are for our `<CFormLabel />`s and `<CFormText />` component.
+
+<ScssDocs file="_variables.scss" capture="form-label-variables" />
+
+<ScssDocs file="_variables.scss" capture="form-text-variables" />
+
 ## API
 
 !!!include(./api/form/CFormTextarea.api.md)!!!
diff --git a/packages/docs/forms/validation.md b/packages/docs/forms/validation.md
index 7af4216b..9e7af3db 100644
--- a/packages/docs/forms/validation.md
+++ b/packages/docs/forms/validation.md
@@ -804,6 +804,43 @@ If your form layout allows it, you can swap the text for the tooltip to display
 </script>
 ```
 
+## Customizing
+
+### CSS variables
+
+CoreUI forms components use local CSS variables for validation for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
+
+<ScssDocs file="_root.scss" capture="root-form-validation-variables"/>
+
+These variables are also color mode adaptive, meaning they change color while in dark mode.
+
+### SASS variables
+
+<ScssDocs file="_variables.scss" capture="form-feedback-variables" />
+
+<ScssDocs file="_variables.scss" capture="form-validation-colors" />
+
+<ScssDocs file="_variables-dark.scss" capture="form-validation-colors-dark" />
+
+### SASS mixins
+
+Two mixins are combined, through our loop, to generate our form validation feedback styles.
+
+<ScssDocs file="mixins/_forms.scss" capture="form-validation-mixins" />
+
+### SASS maps
+This is the validation Sass map from `_variables.scss`. Override or extend this to generate different or additional states.
+
+<ScssDocs file="_variables.scss" capture="form-validation-states" />
+
+Maps of `$form-validation-states` can contain three optional parameters to override tooltips and focus styles.
+
+### SASS loops
+
+Used to iterate over `$form-validation-states` map values to generate our validation styles. Any modifications to the above Sass map will be reflected in your compiled CSS via this loop.
+
+<ScssDocs file="forms/_validation.scss" capture="form-validation-states-loop" />
+
 <script>
   export default {
     data: () => {

From 816de1b3ecdcea9952b794fc1f18da5b46f338a1 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sat, 10 Jun 2023 13:44:03 +0200
Subject: [PATCH 121/346] docs: update content

---
 packages/docs/forms/validation.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/docs/forms/validation.md b/packages/docs/forms/validation.md
index 9e7af3db..a817f45d 100644
--- a/packages/docs/forms/validation.md
+++ b/packages/docs/forms/validation.md
@@ -808,7 +808,7 @@ If your form layout allows it, you can swap the text for the tooltip to display
 
 ### CSS variables
 
-CoreUI forms components use local CSS variables for validation for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
+CoreUI for Vue components use local CSS variables for validation for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
 
 <ScssDocs file="_root.scss" capture="root-form-validation-variables"/>
 
@@ -829,6 +829,7 @@ Two mixins are combined, through our loop, to generate our form validation feedb
 <ScssDocs file="mixins/_forms.scss" capture="form-validation-mixins" />
 
 ### SASS maps
+
 This is the validation Sass map from `_variables.scss`. Override or extend this to generate different or additional states.
 
 <ScssDocs file="_variables.scss" capture="form-validation-states" />

From 7376070321eb3c91e9ff5a6f91879f061fc3ce79 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sat, 10 Jun 2023 20:47:06 +0200
Subject: [PATCH 122/346] refactor(CFormSelect): allow to add options with
 value=""

---
 packages/coreui-vue/src/components/form/CFormSelect.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/coreui-vue/src/components/form/CFormSelect.ts b/packages/coreui-vue/src/components/form/CFormSelect.ts
index e2fc5f66..b3086b60 100644
--- a/packages/coreui-vue/src/components/form/CFormSelect.ts
+++ b/packages/coreui-vue/src/components/form/CFormSelect.ts
@@ -160,7 +160,7 @@ const CFormSelect = defineComponent({
                         ...(typeof option === 'object' && {
                           ...(option.disabled && { disabled: option.disabled }),
                           ...(option.selected && { selected: option.selected }),
-                          ...(option.value && {
+                          ...(option.value !== undefined && {
                             value: option.value,
                             ...(props.modelValue &&
                               props.multiple &&

From 52a00d4894066e4bac9ed0c193da20e848a035b8 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 11 Jun 2023 15:26:47 +0200
Subject: [PATCH 123/346] chore: clean-up

---
 packages/coreui-vue/src/components/form/CFormCheck.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/coreui-vue/src/components/form/CFormCheck.ts b/packages/coreui-vue/src/components/form/CFormCheck.ts
index a92f4e70..b6e3df51 100644
--- a/packages/coreui-vue/src/components/form/CFormCheck.ts
+++ b/packages/coreui-vue/src/components/form/CFormCheck.ts
@@ -111,7 +111,6 @@ const CFormCheck = defineComponent({
   ],
   setup(props, { attrs, emit, slots }) {
     const handleChange = (event: InputEvent) => {
-      console.log(event)
       emit('change', event)
       emit('update:modelValue', (event.target as HTMLInputElement).value)
     }

From 5ab52b097510e0ccefa7bd2c78e3c6bc10f254fa Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 11 Jun 2023 15:27:15 +0200
Subject: [PATCH 124/346] docs: update theme

---
 packages/docs/.vuepress/config.ts                             | 4 ++--
 .../theme-coreui/src/client/styles/_component-examples.scss   | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/docs/.vuepress/config.ts b/packages/docs/.vuepress/config.ts
index 736add24..0615d6eb 100644
--- a/packages/docs/.vuepress/config.ts
+++ b/packages/docs/.vuepress/config.ts
@@ -40,7 +40,7 @@ export default defineUserConfig({
       type: 'demo',
       render: function (tokens, idx) {
         if (tokens[idx].nesting === 1) {
-          return '<div class="docs-example border rounded-top p-4">\n'
+          return '<div class="docs-example rounded-top p-4">\n'
         } else {
           return '</div>\n'
         }
@@ -50,7 +50,7 @@ export default defineUserConfig({
       type: 'demo-rounded',
       render: function (tokens, idx) {
         if (tokens[idx].nesting === 1) {
-          return '<div class="docs-example border rounded p-4">\n'
+          return '<div class="docs-example rounded p-4">\n'
         } else {
           return '</div>\n'
         }
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_component-examples.scss b/packages/docs/.vuepress/theme-coreui/src/client/styles/_component-examples.scss
index 736fa635..ecc83bd7 100644
--- a/packages/docs/.vuepress/theme-coreui/src/client/styles/_component-examples.scss
+++ b/packages/docs/.vuepress/theme-coreui/src/client/styles/_component-examples.scss
@@ -352,6 +352,7 @@ div[class^="language-"],
   position: relative;
   padding: .75rem ($cd-gutter-x * .5);
   margin-bottom: 1rem;
+  border: 1px solid var(--cui-border-color);
   background-color: var(--cd-pre-bg);
 
   @include media-breakpoint-up(md) {
@@ -419,7 +420,6 @@ div[class^="language-"],
 
 .docs-example + div[class^="language-"],
 .docs-example + .highlight {
-  border: 1px solid var(--cui-border-color);
   border-top-width: 0;
   @include border-top-radius(0);
 }

From 7fac4a10d776968ff5c746071923652a1b9135e9 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 11 Jun 2023 15:27:35 +0200
Subject: [PATCH 125/346] refactor: fix eslint warnings

---
 packages/coreui-vue/src/components/modal/CModal.ts     | 1 +
 packages/coreui-vue/src/components/sidebar/CSidebar.ts | 5 +++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/coreui-vue/src/components/modal/CModal.ts b/packages/coreui-vue/src/components/modal/CModal.ts
index 94ec7191..ff9805a8 100644
--- a/packages/coreui-vue/src/components/modal/CModal.ts
+++ b/packages/coreui-vue/src/components/modal/CModal.ts
@@ -152,6 +152,7 @@ const CModal = defineComponent({
       window.addEventListener('keyup', handleKeyUp)
     }
 
+    // eslint-disable-next-line unicorn/consistent-function-scoping
     const handleLeave = (el: RendererElement, done: () => void) => {
       executeAfterTransition(() => done(), el as HTMLElement)
       document.body.classList.remove('modal-open')
diff --git a/packages/coreui-vue/src/components/sidebar/CSidebar.ts b/packages/coreui-vue/src/components/sidebar/CSidebar.ts
index e9122cb7..ac8c668f 100644
--- a/packages/coreui-vue/src/components/sidebar/CSidebar.ts
+++ b/packages/coreui-vue/src/components/sidebar/CSidebar.ts
@@ -82,7 +82,7 @@ const CSidebar = defineComponent({
       mobile.value = isOnMobile(sidebarRef.value)
       inViewport.value = isInViewport(sidebarRef.value)
 
-      window.addEventListener('resize', () => handleResize())
+      window.addEventListener('resize', handleResize)
       window.addEventListener('mouseup', handleClickOutside)
       window.addEventListener('keyup', handleKeyup)
 
@@ -93,11 +93,12 @@ const CSidebar = defineComponent({
     })
 
     onBeforeUnmount(() => {
-      window.removeEventListener('resize', () => handleResize())
+      window.removeEventListener('resize', handleResize)
       window.removeEventListener('mouseup', handleClickOutside)
       window.removeEventListener('keyup', handleKeyup)
 
       sidebarRef.value.removeEventListener('mouseup', handleOnClick)
+      // eslint-disable-next-line unicorn/no-invalid-remove-event-listener
       sidebarRef.value.removeEventListener('transitionend', () => {
         inViewport.value = isInViewport(sidebarRef.value)
       })

From 47e51c87c81b4f9a3af4dc8b420db49acc3f4b6a Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 11 Jun 2023 15:27:46 +0200
Subject: [PATCH 126/346] chore: clean-up

---
 packages/docs/forms/select.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/docs/forms/select.md b/packages/docs/forms/select.md
index 98f33a18..9e666cbf 100644
--- a/packages/docs/forms/select.md
+++ b/packages/docs/forms/select.md
@@ -128,7 +128,6 @@ Add the `disabled` boolean attribute on a select to give it a grayed out appeara
 </CFormSelect>
 ```
 
-
 ## Customizing
 
 ### SASS variables

From d8b03cfd518fe47bb4f7bc1b01edbb87ee8a812b Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 11 Jun 2023 15:44:12 +0200
Subject: [PATCH 127/346] docs: update theme

---
 .../.vuepress/theme-coreui/src/client/components/ScssDocs.vue  | 3 +--
 .../docs/.vuepress/theme-coreui/src/client/styles/_prism.scss  | 2 +-
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/ScssDocs.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/ScssDocs.vue
index 1a5a2897..f398aae2 100644
--- a/packages/docs/.vuepress/theme-coreui/src/client/components/ScssDocs.vue
+++ b/packages/docs/.vuepress/theme-coreui/src/client/components/ScssDocs.vue
@@ -1,13 +1,12 @@
 <template>
   <div className="highlight">
-    <pre class="prism-code language-scss" v-html="code" :style="{ 'max-height': '100%' }" />
+    <pre class="prism-code language-scss" v-html="code" />
   </div>
 </template>
 
 <script lang="ts">
 import { defineComponent } from 'vue'
 import Prism from 'prismjs'
-import 'prismjs/components/prism-jsx'
 import 'prismjs/components/prism-scss'
 export default defineComponent({
   name: 'ScssDocs',
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_prism.scss b/packages/docs/.vuepress/theme-coreui/src/client/styles/_prism.scss
index cd85111f..6145e4b6 100644
--- a/packages/docs/.vuepress/theme-coreui/src/client/styles/_prism.scss
+++ b/packages/docs/.vuepress/theme-coreui/src/client/styles/_prism.scss
@@ -70,7 +70,7 @@ pre[class*='language-'] {
   hyphens: none;
 }
 
-pre[class*='language-']:not(.language-sass):not(.language-text):not(.language-css) {
+pre[class*='language-']:not(.language-sass):not(.language-scss):not(.language-text):not(.language-css) {
   overflow: scroll;
   max-height: 500px;
 }

From 72f1a616b8dece751391379018b002346c650528 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 11 Jun 2023 18:12:44 +0200
Subject: [PATCH 128/346] refactor: fix eslint warnings

---
 .../coreui-vue/src/components/dropdown/CDropdown.ts  | 12 ++++++------
 .../src/components/dropdown/CDropdownMenu.ts         |  2 +-
 packages/coreui-vue/src/components/nav/CNavGroup.ts  |  4 ++++
 packages/coreui-vue/src/components/navbar/CNavbar.ts |  2 +-
 .../src/components/offcanvas/COffcanvas.ts           |  2 ++
 packages/coreui-vue/src/directives/v-c-popover.ts    |  4 +++-
 packages/coreui-vue/src/directives/v-c-tooltip.ts    |  4 +++-
 7 files changed, 20 insertions(+), 10 deletions(-)

diff --git a/packages/coreui-vue/src/components/dropdown/CDropdown.ts b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
index 6dca4499..3a172503 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdown.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
@@ -19,22 +19,22 @@ const CDropdown = defineComponent({
         if (value === 'start' || value === 'end') {
           return true
         } else {
-          if (typeof value.xs !== 'undefined' && (value.xs === 'start' || value.xs === 'end')) {
+          if (value.xs !== undefined && (value.xs === 'start' || value.xs === 'end')) {
             return true
           }
-          if (typeof value.sm !== 'undefined' && (value.sm === 'start' || value.sm === 'end')) {
+          if (value.sm !== undefined && (value.sm === 'start' || value.sm === 'end')) {
             return true
           }
-          if (typeof value.md !== 'undefined' && (value.md === 'start' || value.md === 'end')) {
+          if (value.md !== undefined && (value.md === 'start' || value.md === 'end')) {
             return true
           }
-          if (typeof value.lg !== 'undefined' && (value.lg === 'start' || value.lg === 'end')) {
+          if (value.lg !== undefined && (value.lg === 'start' || value.lg === 'end')) {
             return true
           }
-          if (typeof value.xl !== 'undefined' && (value.xl === 'start' || value.xl === 'end')) {
+          if (value.xl !== undefined && (value.xl === 'start' || value.xl === 'end')) {
             return true
           }
-          if (typeof value.xxl !== 'undefined' && (value.xxl === 'start' || value.xxl === 'end')) {
+          if (value.xxl !== undefined && (value.xxl === 'start' || value.xxl === 'end')) {
             return true
           }
           return false
diff --git a/packages/coreui-vue/src/components/dropdown/CDropdownMenu.ts b/packages/coreui-vue/src/components/dropdown/CDropdownMenu.ts
index 217a0792..5f06c4e9 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdownMenu.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdownMenu.ts
@@ -22,7 +22,7 @@ const CDropdownMenu = defineComponent({
 
     const { autoClose, alignment, dark, popper } = config
 
-    // eslint-disable-next-line @typescript-eslint/ban-types
+    // eslint-disable-next-line @typescript-eslint/ban-types, unicorn/consistent-function-scoping
     const alignmentClassNames = (alignment: object | string) => {
       const classNames: string[] = []
       if (typeof alignment === 'object') {
diff --git a/packages/coreui-vue/src/components/nav/CNavGroup.ts b/packages/coreui-vue/src/components/nav/CNavGroup.ts
index daa2f19b..a0e8815f 100644
--- a/packages/coreui-vue/src/components/nav/CNavGroup.ts
+++ b/packages/coreui-vue/src/components/nav/CNavGroup.ts
@@ -63,19 +63,23 @@ const CNavGroup = defineComponent({
       navGroupRef.value.classList.add('show')
     }
 
+    // eslint-disable-next-line unicorn/consistent-function-scoping
     const handleEnter = (el: RendererElement, done: () => void) => {
       executeAfterTransition(() => done(), el as HTMLElement)
       el.style.height = `${el.scrollHeight}px`
     }
 
+    // eslint-disable-next-line unicorn/consistent-function-scoping
     const handleAfterEnter = (el: RendererElement) => {
       el.style.height = 'auto'
     }
 
+    // eslint-disable-next-line unicorn/consistent-function-scoping
     const handleBeforeLeave = (el: RendererElement) => {
       el.style.height = `${el.scrollHeight}px`
     }
 
+    // eslint-disable-next-line unicorn/consistent-function-scoping
     const handleLeave = (el: RendererElement, done: () => void) => {
       executeAfterTransition(() => done(), el as HTMLElement)
       setTimeout(() => {
diff --git a/packages/coreui-vue/src/components/navbar/CNavbar.ts b/packages/coreui-vue/src/components/navbar/CNavbar.ts
index 6981dbc9..a58486b8 100644
--- a/packages/coreui-vue/src/components/navbar/CNavbar.ts
+++ b/packages/coreui-vue/src/components/navbar/CNavbar.ts
@@ -85,7 +85,7 @@ const CNavbar = defineComponent({
         props.container
           ? h(
               'div',
-              { class: [`container${props.container !== true ? '-' + props.container : ''}`] },
+              { class: [`container${props.container === true ? '' : '-' + props.container}`] },
               slots.default && slots.default(),
             )
           : slots.default && slots.default(),
diff --git a/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts b/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts
index b0483a1f..8f3a70b2 100644
--- a/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts
+++ b/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts
@@ -127,11 +127,13 @@ const COffcanvas = defineComponent({
       offcanvasRef.value.focus()
     }
 
+    // eslint-disable-next-line unicorn/consistent-function-scoping
     const handleLeave = (el: RendererElement, done: () => void) => {
       executeAfterTransition(() => done(), el as HTMLElement)
       el.classList.add('hiding')
     }
 
+    // eslint-disable-next-line unicorn/consistent-function-scoping
     const handleAfterLeave = (el: RendererElement) => {
       el.classList.remove('show', 'hiding')
     }
diff --git a/packages/coreui-vue/src/directives/v-c-popover.ts b/packages/coreui-vue/src/directives/v-c-popover.ts
index ecc7581b..49d6d0f8 100644
--- a/packages/coreui-vue/src/directives/v-c-popover.ts
+++ b/packages/coreui-vue/src/directives/v-c-popover.ts
@@ -14,6 +14,7 @@ const createPopoverElement = (id: string, header: string, content: string): HTML
   return popover
 }
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const addPopoverElement = (popover: HTMLDivElement, el: HTMLElement, popperOptions: any) => {
   document.body.appendChild(popover)
   createPopper(el, popover, popperOptions)
@@ -25,10 +26,11 @@ const addPopoverElement = (popover: HTMLDivElement, el: HTMLElement, popperOptio
 const removePopoverElement = (popover: HTMLDivElement) => {
   popover.classList.remove('show')
   setTimeout(() => {
-    document.body.removeChild(popover)
+    popover.remove()
   }, 300)
 }
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const togglePopoverElement = (popover: HTMLDivElement, el: HTMLElement, popperOptions: any) => {
   const popperElement = document.getElementById(popover.id)
   if (popperElement && popperElement.classList.contains('show')) {
diff --git a/packages/coreui-vue/src/directives/v-c-tooltip.ts b/packages/coreui-vue/src/directives/v-c-tooltip.ts
index 5c12fab1..baa371c2 100644
--- a/packages/coreui-vue/src/directives/v-c-tooltip.ts
+++ b/packages/coreui-vue/src/directives/v-c-tooltip.ts
@@ -13,6 +13,7 @@ const createTooltipElement = (id: string, content: string): HTMLDivElement => {
   return tooltip
 }
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const addTooltipElement = (tooltip: HTMLDivElement, el: HTMLElement, popperOptions: any) => {
   document.body.appendChild(tooltip)
   createPopper(el, tooltip, popperOptions)
@@ -24,10 +25,11 @@ const addTooltipElement = (tooltip: HTMLDivElement, el: HTMLElement, popperOptio
 const removeTooltipElement = (tooltip: HTMLDivElement) => {
   tooltip.classList.remove('show')
   setTimeout(() => {
-    document.body.removeChild(tooltip)
+    tooltip.remove()
   }, 300)
 }
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const toggleTooltipElement = (tooltip: HTMLDivElement, el: HTMLElement, popperOptions: any) => {
   const popperElement = document.getElementById(tooltip.id)
   if (popperElement && popperElement.classList.contains('show')) {

From 077413faf43d9dad08a5e025b04e4f19497a8c61 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 11 Jun 2023 18:13:20 +0200
Subject: [PATCH 129/346] refactor: update exports

---
 packages/coreui-vue/src/index.ts | 36 +++++++-------------------------
 1 file changed, 7 insertions(+), 29 deletions(-)

diff --git a/packages/coreui-vue/src/index.ts b/packages/coreui-vue/src/index.ts
index 180ad452..3a1401de 100644
--- a/packages/coreui-vue/src/index.ts
+++ b/packages/coreui-vue/src/index.ts
@@ -1,44 +1,22 @@
-//@ts-nocheck
 import { App } from 'vue'
 import * as Components from './components'
-import { vcplaceholder, vcpopover, vctooltip } from './directives'
-
-const removeKeysFromObject = (object, keys) => {
-  return Object.entries(object).reduce((obj, [key, value]) => {
-    if (!keys.includes(key) && !keys.includes(value.name)) {
-      obj[key] = value
-    }
-    return obj
-  }, {})
-}
+import * as Directives from './directives'
 
 const CoreuiVue = {
-  install: (app: App, options: any): void => {
-    let pluginComponents = Components
-    // let pluginDirectives = Directives
-
-    const toRemove = options && options.remove ? options.remove : null
-    if (toRemove && Array.isArray(toRemove)) {
-      pluginComponents = removeKeysFromObject(Components, toRemove)
-      // pluginDirectives = removeKeysFromObject(Directives, toRemove)
+  install: (app: App): void => {
+    for (const key in Components) {
+      app.component(key, Components[key])
     }
 
-    for (const plugin in pluginComponents) {
-      app.component(plugin, Components[plugin])
+    for (const key in Directives) {
+      app.directive(key, Directives[key])
     }
-    // for (const directive in pluginDirectives) {
-    //   app.directive(directive, Directives[directive])
-    // }
-
-    app.directive('c-placeholder', vcplaceholder)
-    app.directive('c-popover', vcpopover)
-    app.directive('c-tooltip', vctooltip)
   },
 }
 
 // Export library
 export default CoreuiVue
 
-//Export components
+// Export components & directives
 export * from './components'
 export * from './directives'

From 70dd27543b93122bb2adaed041e8519a2b1d2bfc Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 11 Jun 2023 18:18:29 +0200
Subject: [PATCH 130/346] chore: sync submodules

---
 packages/coreui-icons-vue   | 2 +-
 packages/coreui-vue-chartjs | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/coreui-icons-vue b/packages/coreui-icons-vue
index 823c1ec9..4caafa13 160000
--- a/packages/coreui-icons-vue
+++ b/packages/coreui-icons-vue
@@ -1 +1 @@
-Subproject commit 823c1ec9e66adfed26e4575657a32479d6cf71bd
+Subproject commit 4caafa13b155f5f915c3a2a05dbd6d74a1ef8977
diff --git a/packages/coreui-vue-chartjs b/packages/coreui-vue-chartjs
index f480fc65..c3286d69 160000
--- a/packages/coreui-vue-chartjs
+++ b/packages/coreui-vue-chartjs
@@ -1 +1 @@
-Subproject commit f480fc657431cd33d5267ca6b0791da945dc1d1d
+Subproject commit c3286d69ae21ee87221764850e9ae19aa25a43d7

From 0076f1d3366b67ed393042a18ba1424219a261a9 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 11 Jun 2023 18:19:55 +0200
Subject: [PATCH 131/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@popperjs/core               ^2.11.7  →  ^2.11.8
@rollup/plugin-commonjs      ^24.0.1  →  ^25.0.1
@rollup/plugin-node-resolve  ^15.0.1  →  ^15.1.0
@rollup/plugin-typescript    ^11.0.0  →  ^11.1.1
@types/jest                  ^29.5.0  →  ^29.5.2
@vue/vue3-jest                29.2.3  →   29.2.4
rollup                       ^3.20.2  →  ^3.25.0
ts-jest                      ^29.0.5  →  ^29.1.0
vue                          ^3.2.47  →   ^3.3.4
vue-types                     ^5.0.2  →   ^5.0.3
---
 packages/coreui-vue/package.json | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index b937ff4a..d782835b 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -37,21 +37,21 @@
     "test:update": "jest --coverage --updateSnapshot"
   },
   "devDependencies": {
-    "@popperjs/core": "^2.11.7",
-    "@rollup/plugin-commonjs": "^24.0.1",
-    "@rollup/plugin-node-resolve": "^15.0.1",
-    "@rollup/plugin-typescript": "^11.0.0",
-    "@types/jest": "^29.5.0",
+    "@popperjs/core": "^2.11.8",
+    "@rollup/plugin-commonjs": "^25.0.1",
+    "@rollup/plugin-node-resolve": "^15.1.0",
+    "@rollup/plugin-typescript": "^11.1.1",
+    "@types/jest": "^29.5.2",
     "@vue/test-utils": "^2.3.2",
-    "@vue/vue3-jest": "29.2.3",
+    "@vue/vue3-jest": "29.2.4",
     "jest": "^29.5.0",
     "jest-environment-jsdom": "^29.5.0",
-    "rollup": "^3.20.2",
+    "rollup": "^3.25.0",
     "rollup-plugin-vue": "^6.0.0",
-    "ts-jest": "^29.0.5",
+    "ts-jest": "^29.1.0",
     "typescript": "^4.9.5",
-    "vue": "^3.2.47",
-    "vue-types": "^5.0.2"
+    "vue": "^3.3.4",
+    "vue-types": "^5.0.3"
   },
   "peerDependencies": {
     "@coreui/coreui": "^4.2.6",

From 260816a17985baaadfcc498c1f2aa170e9e6ac45 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 11 Jun 2023 18:21:11 +0200
Subject: [PATCH 132/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@docsearch/css  ^3.4.0  →  ^3.5.0
@docsearch/js   ^3.4.0  →  ^3.5.0
---
 packages/docs/package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/docs/package.json b/packages/docs/package.json
index 451a7933..7f542568 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -13,8 +13,8 @@
     "@coreui/icons": "^3.0.1",
     "@coreui/icons-vue": "^2.0.0",
     "@coreui/vue-chartjs": "^2.0.1",
-    "@docsearch/css": "^3.4.0",
-    "@docsearch/js": "^3.4.0",
+    "@docsearch/css": "^3.5.0",
+    "@docsearch/js": "^3.5.0",
     "@vuepress/plugin-register-components": "2.0.0-beta.62",
     "@vuepress/plugin-toc": "2.0.0-beta.62",
     "markdown-it-include": "^2.0.0",

From 2544c5bf8776ffc0a1bbe019f19e8b82d1a69c82 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 11 Jun 2023 18:24:38 +0200
Subject: [PATCH 133/346] chore: clean-up

---
 CODE_OF_CONDUCT.md | 43 -------------------------------------------
 1 file changed, 43 deletions(-)
 delete mode 100644 CODE_OF_CONDUCT.md

diff --git a/CODE_OF_CONDUCT.md b/CODE_OF_CONDUCT.md
deleted file mode 100644
index 05197705..00000000
--- a/CODE_OF_CONDUCT.md
+++ /dev/null
@@ -1,43 +0,0 @@
-# Contributor Covenant Code of Conduct
-
-## Our Pledge
-
-In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, nationality, personal appearance, race, religion, or sexual identity and orientation.
-
-## Our Standards
-
-Examples of behavior that contributes to creating a positive environment include:
-
-- Using welcoming and inclusive language
-- Being respectful of differing viewpoints and experiences
-- Gracefully accepting constructive criticism
-- Focusing on what is best for the community
-- Showing empathy towards other community members
-
-Examples of unacceptable behavior by participants include:
-
-- The use of sexualized language or imagery and unwelcome sexual attention or advances
-- Trolling, insulting/derogatory comments, and personal or political attacks
-- Public or private harassment
-- Publishing others' private information, such as a physical or electronic address, without explicit permission
-- Other conduct which could reasonably be considered inappropriate in a professional setting
-
-## Our Responsibilities
-
-Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior.
-
-Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful.
-
-## Scope
-
-This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers.
-
-## Enforcement
-
-Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at support@coreui.io. The project team will review and investigate all complaints, and will respond in a way that it deems appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately.
-
-Project maintainers who do not follow or enforce the Code of Conduct in good faith may face temporary or permanent repercussions as determined by other members of the project's leadership.
-
-## Attribution
-
-This Code of Conduct is adapted from the [Contributor Covenant](https://www.contributor-covenant.org/), version 1.4, available at <https://www.contributor-covenant.org/version/1/4/code-of-conduct/>

From c5c35a1c5ac53f8d807edb342b7a77307d3ea4ff Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Mon, 12 Jun 2023 06:47:13 +0200
Subject: [PATCH 134/346] feat(useColorModes): add the new composable function
 to handle color modes

---
 packages/coreui-vue/src/composables/index.ts  |  3 +
 .../src/composables/useColorModes.ts          | 56 +++++++++++++++++++
 packages/coreui-vue/src/index.ts              |  1 +
 .../src/client/components/Header.vue          | 38 +++++++------
 .../src/client/composables/index.ts           |  2 +-
 .../theme-coreui/src/client/config.ts         |  2 -
 6 files changed, 83 insertions(+), 19 deletions(-)
 create mode 100644 packages/coreui-vue/src/composables/index.ts
 create mode 100644 packages/coreui-vue/src/composables/useColorModes.ts

diff --git a/packages/coreui-vue/src/composables/index.ts b/packages/coreui-vue/src/composables/index.ts
new file mode 100644
index 00000000..d8150212
--- /dev/null
+++ b/packages/coreui-vue/src/composables/index.ts
@@ -0,0 +1,3 @@
+import { useColorModes } from './useColorModes'
+
+export { useColorModes }
diff --git a/packages/coreui-vue/src/composables/useColorModes.ts b/packages/coreui-vue/src/composables/useColorModes.ts
new file mode 100644
index 00000000..06db746e
--- /dev/null
+++ b/packages/coreui-vue/src/composables/useColorModes.ts
@@ -0,0 +1,56 @@
+import { onMounted, ref, watch } from 'vue'
+
+const getStoredTheme = (localStorageItemName: string) => localStorage.getItem(localStorageItemName)
+const setStoredTheme = (localStorageItemName: string, colorMode: string) =>
+  localStorage.setItem(localStorageItemName, colorMode)
+
+const getPreferredColorScheme = (localStorageItemName: string) => {
+  const storedTheme = getStoredTheme(localStorageItemName)
+
+  if (storedTheme) {
+    return storedTheme
+  }
+
+  return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
+}
+
+const setTheme = (colorMode: string) => {
+  document.documentElement.dataset.coreuiTheme =
+    colorMode === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches
+      ? 'dark'
+      : colorMode
+
+  const event = new Event('ColorSchemeChange')
+  document.documentElement.dispatchEvent(event)
+}
+
+export const useColorModes = (localStorageItemName = 'coreui-vue-color-scheme') => {
+  const colorMode = ref(getPreferredColorScheme(localStorageItemName))
+
+  watch(colorMode, () => {
+    setStoredTheme(localStorageItemName, colorMode.value)
+    setTheme(colorMode.value)
+  })
+
+  onMounted(() => {
+    if (typeof getStoredTheme(localStorageItemName) === 'string') {
+      setTheme(colorMode.value)
+    }
+
+    window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
+      const storedTheme = getStoredTheme(localStorageItemName)
+      if (storedTheme !== 'light' && storedTheme !== 'dark') {
+        setTheme(colorMode.value)
+      }
+    })
+
+    watch(colorMode, () => setTheme(colorMode.value))
+  })
+
+  return {
+    getColorMode: () => colorMode.value,
+    setColorMode: (mode: string) => {
+      colorMode.value = mode
+    },
+  }
+}
diff --git a/packages/coreui-vue/src/index.ts b/packages/coreui-vue/src/index.ts
index 3a1401de..427bcd53 100644
--- a/packages/coreui-vue/src/index.ts
+++ b/packages/coreui-vue/src/index.ts
@@ -19,4 +19,5 @@ export default CoreuiVue
 
 // Export components & directives
 export * from './components'
+export * from './composables'
 export * from './directives'
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
index cef332c6..5d4c6f5a 100644
--- a/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
+++ b/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
@@ -20,35 +20,35 @@
       </li>
       <CDropdown variant="nav-item" placement="bottom-end">
         <CDropdownToggle :caret="false">
-          <CIcon v-if="storedTheme === 'dark'" icon="cil-moon" size="xl" />
-          <CIcon v-else-if="storedTheme === 'light'" icon="cil-sun" size="xl" />
+          <CIcon v-if="getColorMode() === 'dark'" icon="cil-moon" size="xl" />
+          <CIcon v-else-if="getColorMode() === 'light'" icon="cil-sun" size="xl" />
           <CIcon v-else icon="cil-contrast" size="xl" />
         </CDropdownToggle>
         <CDropdownMenu>
           <CDropdownItem
-            :active="storedTheme === 'light'"
+            :active="getColorMode() === 'light'"
             class="d-flex align-items-center"
             component="button"
             type="button"
-            @click="toggleColorMode('light')"
+            @click="setColorMode('light')"
           >
             <CIcon class="me-2" icon="cil-sun" size="lg" /> Light
           </CDropdownItem>
           <CDropdownItem
-            :active="storedTheme === 'dark'"
+            :active="getColorMode() === 'dark'"
             class="d-flex align-items-center"
             component="button"
             type="button"
-            @click="toggleColorMode('dark')"
+            @click="setColorMode('dark')"
           >
             <CIcon class="me-2" icon="cil-moon" size="lg" /> Dark
           </CDropdownItem>
           <CDropdownItem
-            :active="storedTheme === 'auto'"
+            :active="getColorMode() === 'auto'"
             class="d-flex align-items-center"
             component="button"
             type="button"
-            @click="toggleColorMode('auto')"
+            @click="setColorMode('auto')"
           >
             <CIcon class="me-2" icon="cil-contrast" size="lg" /> Auto
           </CDropdownItem>
@@ -88,23 +88,29 @@
 </template>
 <script lang="ts">
 import { defineComponent } from 'vue'
-import { useColorMode } from '../composables'
+// import { useColorMode } from '../composables'
+import { useColorModes } from '@coreui/vue/src'
 
 export default defineComponent({
   name: 'Header',
   props: {
     theme: String,
   },
-  emits: ['toggle-color-mode', 'toggle-sidebar'],
+  emits: ['toggle-sidebar'],
   setup() {
-    const storedTheme = useColorMode()
-    const toggleColorMode = (theme: string): void => {
-      storedTheme.value = theme
-    }
+    const { getColorMode, setColorMode } = useColorModes('coreui-vue-docs-theme')
+    // const colorMode = getColorMode()
+    // const storedTheme = useColorMode()
+    // const toggleColorMode = (theme: string): void => {
+    //   storedTheme.value = theme
+    // }
 
     return {
-      storedTheme,
-      toggleColorMode,
+      // colorMode,
+      setColorMode,
+      getColorMode,
+      // storedTheme,
+      // toggleColorMode,
     }
   },
 })
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/composables/index.ts b/packages/docs/.vuepress/theme-coreui/src/client/composables/index.ts
index 0e953614..ff91c7b1 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/composables/index.ts
+++ b/packages/docs/.vuepress/theme-coreui/src/client/composables/index.ts
@@ -1,4 +1,4 @@
-export * from './useColorMode'
+// export * from './useColorMode'
 export * from './useScrollPromise'
 export * from './useSidebarItems'
 export * from './useThemeData'
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/config.ts b/packages/docs/.vuepress/theme-coreui/src/client/config.ts
index ef1ea46a..ca174efb 100644
--- a/packages/docs/.vuepress/theme-coreui/src/client/config.ts
+++ b/packages/docs/.vuepress/theme-coreui/src/client/config.ts
@@ -1,7 +1,6 @@
 import { defineClientConfig } from '@vuepress/client'
 import { h } from 'vue'
 import {
-//   useColorMode,
   setupSidebarItems,
   useScrollPromise,
 } from './composables/index.js'
@@ -31,7 +30,6 @@ export default defineClientConfig({
   },
 
   setup() {
-    // useColorMode()
     setupSidebarItems()
   },
 

From 033632ed3cf363113b5a1ef2d06dfeecd6b0a0e6 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Mon, 12 Jun 2023 06:53:27 +0200
Subject: [PATCH 135/346] chore: clean-up

---
 .../src/client/components/Header.vue          |  9 ----
 .../src/client/composables/index.ts           |  1 -
 .../src/client/composables/useColorMode.ts    | 46 -------------------
 3 files changed, 56 deletions(-)
 mode change 100755 => 100644 packages/docs/.vuepress/theme-coreui/src/client/composables/index.ts
 delete mode 100755 packages/docs/.vuepress/theme-coreui/src/client/composables/useColorMode.ts

diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
index 5d4c6f5a..30259004 100644
--- a/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
+++ b/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
@@ -88,7 +88,6 @@
 </template>
 <script lang="ts">
 import { defineComponent } from 'vue'
-// import { useColorMode } from '../composables'
 import { useColorModes } from '@coreui/vue/src'
 
 export default defineComponent({
@@ -99,18 +98,10 @@ export default defineComponent({
   emits: ['toggle-sidebar'],
   setup() {
     const { getColorMode, setColorMode } = useColorModes('coreui-vue-docs-theme')
-    // const colorMode = getColorMode()
-    // const storedTheme = useColorMode()
-    // const toggleColorMode = (theme: string): void => {
-    //   storedTheme.value = theme
-    // }
 
     return {
-      // colorMode,
       setColorMode,
       getColorMode,
-      // storedTheme,
-      // toggleColorMode,
     }
   },
 })
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/composables/index.ts b/packages/docs/.vuepress/theme-coreui/src/client/composables/index.ts
old mode 100755
new mode 100644
index ff91c7b1..26ca889b
--- a/packages/docs/.vuepress/theme-coreui/src/client/composables/index.ts
+++ b/packages/docs/.vuepress/theme-coreui/src/client/composables/index.ts
@@ -1,4 +1,3 @@
-// export * from './useColorMode'
 export * from './useScrollPromise'
 export * from './useSidebarItems'
 export * from './useThemeData'
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/composables/useColorMode.ts b/packages/docs/.vuepress/theme-coreui/src/client/composables/useColorMode.ts
deleted file mode 100755
index 4ee78aba..00000000
--- a/packages/docs/.vuepress/theme-coreui/src/client/composables/useColorMode.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { onMounted, ref, watch } from 'vue'
-import type { Ref } from 'vue'
-
-export const useColorMode = (): Ref<string> => {
-  const storedTheme = ref()
-  const theme = 'coreui-react-docs-theme'
-
-  const getPreferredTheme = (storedTheme: string | undefined) => {
-    if (storedTheme) {
-      return storedTheme
-    }
-
-    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
-  }
-
-  const setTheme = (theme: string) => {
-    document.documentElement.dataset.coreuiTheme =
-      theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : theme
-
-    const event = new Event('ColorSchemeChange')
-    document.documentElement.dispatchEvent(event)
-    storedTheme.value = theme
-
-    localStorage.setItem('coreui-react-docs-theme', theme)
-  }
-
-  onMounted(() => {
-    if (typeof localStorage.getItem(theme) === 'string') {
-      storedTheme.value = localStorage.getItem(theme)
-    }
-
-    window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
-      if (storedTheme.value !== 'light' || storedTheme.value !== 'dark') {
-        setTheme(getPreferredTheme(storedTheme.value))
-      }
-    })
-
-    if (typeof localStorage.getItem(theme) === 'string') {
-      setTheme(localStorage.getItem(theme) as string)
-    }
-
-    watch(storedTheme, setTheme)
-  })
-
-  return storedTheme
-}

From 4d5e855983e8021e353cfc8cce6d54a58723509f Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Mon, 12 Jun 2023 17:46:25 +0200
Subject: [PATCH 136/346] fix(CTable): allow to pass `0` as a column value

---
 packages/coreui-vue/src/components/table/CTable.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/coreui-vue/src/components/table/CTable.ts b/packages/coreui-vue/src/components/table/CTable.ts
index 3ff90f5f..563f6ac8 100644
--- a/packages/coreui-vue/src/components/table/CTable.ts
+++ b/packages/coreui-vue/src/components/table/CTable.ts
@@ -239,7 +239,7 @@ const CTable = defineComponent({
                               columnNames.value &&
                                 columnNames.value.map(
                                   (colName: string) =>
-                                    item[colName] &&
+                                    item[colName] !== undefined &&
                                     h(
                                       CTableDataCell,
                                       {

From 1175749be047466be5b51dabf71d86fb5aa82c1e Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Mon, 12 Jun 2023 17:51:09 +0200
Subject: [PATCH 137/346] release: v4.9.0-beta.0

---
 README.md                        | 2 +-
 lerna.json                       | 2 +-
 packages/coreui-vue/package.json | 2 +-
 packages/docs/package.json       | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 878a1b56..2cdbe33f 100644
--- a/README.md
+++ b/README.md
@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v4.8.1.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v4.9.0-beta.0.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue`
diff --git a/lerna.json b/lerna.json
index 33eb41c9..022ba29f 100644
--- a/lerna.json
+++ b/lerna.json
@@ -4,5 +4,5 @@
     "packages/*"
   ],
   "useWorkspaces": true,
-  "version": "4.8.1"
+  "version": "4.9.0-beta.0"
 }
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index d782835b..dfa8f3cd 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue",
-  "version": "4.8.1",
+  "version": "4.9.0-beta.0",
   "description": "UI Components Library for Vue.js",
   "keywords": [
     "vue",
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 7f542568..c8359a3e 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue-docs",
-  "version": "4.8.1",
+  "version": "4.9.0-beta.0",
   "scripts": {
     "api": "vue-docgen -c build/docgen.config.js",
     "dev": "vuepress dev --clean-cache",

From 4fa7e8d32e8e84dc9359137ca6e06e60adcf445f Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Mon, 12 Jun 2023 22:59:21 +0200
Subject: [PATCH 138/346] docs: update content

---
 packages/docs/components/chart.md | 294 +++++++++++++++++++++++++++---
 1 file changed, 273 insertions(+), 21 deletions(-)

diff --git a/packages/docs/components/chart.md b/packages/docs/components/chart.md
index 4c6abc2b..181f6635 100644
--- a/packages/docs/components/chart.md
+++ b/packages/docs/components/chart.md
@@ -27,7 +27,9 @@ A line chart is a way of plotting data points on a line. Often, it is used to sh
 [Line Chart properties](https://www.chartjs.org/docs/latest/charts/line.html#dataset-properties)
 
 ::: demo
-<CChartLine
+<CChart
+  type="line"
+  ref="chartLineRef"
   :wrapper="false"
   :data="{
     labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
@@ -50,10 +52,36 @@ A line chart is a way of plotting data points on a line. Often, it is used to sh
       }
     ]
   }"
+  :options="{
+    plugins: {
+      legend: {
+        labels: {
+          color: getStyle('--cui-body-color'),
+        }
+      }
+    },
+    scales: {
+      x: {
+        grid: {
+          color: getStyle('--cui-border-color-translucent'),
+        },
+        ticks: {
+          color: getStyle('--cui-body-color'),
+        },
+      },
+      y: {
+        grid: {
+          color: getStyle('--cui-border-color-translucent'),
+        },
+        ticks: {
+          color: getStyle('--cui-body-color'),
+        },
+      },
+    },
+  }"
 />
 :::
 ```vue
-<!-- use <CChart type="line"> or <CChartLine> component -->
 <CChart
   type="line"
   :wrapper="false"
@@ -86,7 +114,9 @@ A line chart is a way of plotting data points on a line. Often, it is used to sh
 A bar chart provides a way of showing data values represented as vertical bars. It is sometimes used to show trend data, and the comparison of multiple data sets side by side. [Bar Chart properties](https://www.chartjs.org/docs/latest/charts/bar.html#dataset-properties)
 
 ::: demo
-<CChartBar
+<CChart
+  type="bar"
+  ref="chartBarRef"
   :data="{
     labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
     datasets: [
@@ -97,11 +127,37 @@ A bar chart provides a way of showing data values represented as vertical bars.
       },
     ],
   }"
+  :options="{
+    plugins: {
+      legend: {
+        labels: {
+          color: getStyle('--cui-body-color'),
+        }
+      }
+    },
+    scales: {
+      x: {
+        grid: {
+          color: getStyle('--cui-border-color-translucent'),
+        },
+        ticks: {
+          color: getStyle('--cui-body-color'),
+        },
+      },
+      y: {
+        grid: {
+          color: getStyle('--cui-border-color-translucent'),
+        },
+        ticks: {
+          color: getStyle('--cui-body-color'),
+        },
+      },
+    },
+  }"
   labels="months"
 />
 :::
 ```vue
-<!-- use <CChart type="bar"> or <CChartBar> component -->
 <CChart
   type="bar"
   :data="{
@@ -125,6 +181,7 @@ A radar chart is a way of showing multiple data points and the variation between
 ::: demo
 <CChart
   type="radar"
+  ref="chartRadarRef"
   :data="{
     labels: [
       'Eating',
@@ -158,11 +215,30 @@ A radar chart is a way of showing multiple data points and the variation between
       },
     ],
   }"
+  :options="{
+    plugins: {
+      legend: {
+        labels: {
+          color: getStyle('--cui-body-color'),
+        }
+      }
+    },
+    scales: {
+      r: {
+        grid: {
+          color: getStyle('--cui-border-color-translucent'),
+        },
+        ticks: {
+          color: getStyle('--cui-body-color'),
+        },
+      },
+    },
+  }"
 />
 :::
 ```vue
-<!-- use <CChart type="radar"> or <CChartRadar> component -->
-<CChartRadar
+<CChart
+  type="radar"
   :data="{
     labels: [
       'Eating',
@@ -204,8 +280,9 @@ A radar chart is a way of showing multiple data points and the variation between
 Pie and doughnut charts are probably the most commonly used charts. They are divided into segments, the arc of each segment shows the proportional value of each piece of data. [Doughnut and Pie Charts properties](https://www.chartjs.org/docs/latest/charts/doughnut.html#dataset-properties)
 
 ::: demo
-<CChartDoughnut
+<CChart
   type="doughnut"
+  ref="chartDoughnutRef"
   :data="{
     labels: ['VueJs', 'EmberJs', 'ReactJs', 'AngularJs'],
     datasets: [
@@ -215,10 +292,18 @@ Pie and doughnut charts are probably the most commonly used charts. They are div
       },
     ],
   }"
+  :options="{
+    plugins: {
+      legend: {
+        labels: {
+          color: getStyle('--cui-body-color'),
+        }
+      }
+    },
+  }"
 />
 :::
 ```vue
-<!-- use <CChart type="doughnut"> or <CChartDoughnut> component -->
 <CChart
   type="doughnut"
   :data="{
@@ -234,8 +319,9 @@ Pie and doughnut charts are probably the most commonly used charts. They are div
 ```
 
 ::: demo
-<CChartPie
+<CChart
   type="pie"
+  ref="chartPieRef"
   :data="{
     labels: ['VueJs', 'EmberJs', 'ReactJs', 'AngularJs'],
     datasets: [
@@ -245,10 +331,18 @@ Pie and doughnut charts are probably the most commonly used charts. They are div
       },
     ],
   }"
+  :options="{
+    plugins: {
+      legend: {
+        labels: {
+          color: getStyle('--cui-body-color'),
+        }
+      }
+    },
+  }"
 />
 :::
 ```vue
-<!-- use <CChart type="pie"> or <CChartPie> component -->
 <CChart
   type="pie"
   :data="{
@@ -268,7 +362,9 @@ Pie and doughnut charts are probably the most commonly used charts. They are div
 Polar area charts are similar to pie charts, but each segment has the same angle - the radius of the segment differs depending on the value. [Polar Area Chart properties](https://www.chartjs.org/docs/latest/charts/polar.html#dataset-properties)
 
 ::: demo
-<CChartPolarArea
+<CChart
+  type="polarArea"
+  ref="chartPolarAreaRef"
   :data="{
     labels: ['Red', 'Green', 'Yellow', 'Grey', 'Blue'],
     datasets: [
@@ -278,10 +374,25 @@ Polar area charts are similar to pie charts, but each segment has the same angle
       },
     ],
   }"
+  :options="{
+    plugins: {
+      legend: {
+        labels: {
+          color: getStyle('--cui-body-color'),
+        }
+      }
+    },
+    scales: {
+      r: {
+        grid: {
+          color: getStyle('--cui-border-color'),
+        },
+      }
+    }
+  }"
 />
 :::
 ```vue
-<!-- use <CChart type="polarArea"> or <CChartPolarArea> component -->
 <CChart
   type="polarArea"
   :data="{
@@ -301,7 +412,9 @@ Polar area charts are similar to pie charts, but each segment has the same angle
 A bubble chart is used to display three dimensions of data at the same time. The location of the bubble is determined by the first two dimensions and the corresponding horizontal and vertical axes. The third dimension is represented by the size of the individual bubbles. [Bubble Chart properties](https://www.chartjs.org/docs/latest/charts/bubble.html#dataset-properties)
 
 ::: demo
-<CChartBubble
+<CChart
+  type="bubble"
+  ref="chartBubbleRef"
   :data="{
     datasets: [{
       label: 'First Dataset',
@@ -317,10 +430,36 @@ A bubble chart is used to display three dimensions of data at the same time. The
       backgroundColor: 'rgb(255, 99, 132)'
     }]
   }"
+  :options="{
+    plugins: {
+      legend: {
+        labels: {
+          color: getStyle('--cui-body-color'),
+        }
+      }
+    },
+    scales: {
+      x: {
+        grid: {
+          color: getStyle('--cui-border-color-translucent'),
+        },
+        ticks: {
+          color: getStyle('--cui-body-color'),
+        },
+      },
+      y: {
+        grid: {
+          color: getStyle('--cui-border-color-translucent'),
+        },
+        ticks: {
+          color: getStyle('--cui-body-color'),
+        },
+      },
+    },
+  }"
 />
 :::
 ```vue
-<!-- use <CChart type="bubble"> or <CChartBubble> component -->
 <CChart
   type="bubble"
   :data="{
@@ -347,7 +486,9 @@ A bubble chart is used to display three dimensions of data at the same time. The
 A bubble chart is used to display three dimensions of data at the same time. The location of the bubble is determined by the first two dimensions and the corresponding horizontal and vertical axes. The third dimension is represented by the size of the individual bubbles. [Scatter Chart properties](https://www.chartjs.org/docs/latest/charts/scatter.html#dataset-properties)
 
 ::: demo
-<CChartScatter
+<CChart
+  type="scatter"
+  ref="chartScatterRef"
   :data="{
     datasets: [{
       label: 'Scatter Dataset',
@@ -368,12 +509,33 @@ A bubble chart is used to display three dimensions of data at the same time. The
     }],
   }"
   :options="{
+    plugins: {
+      legend: {
+        labels: {
+          color: getStyle('--cui-body-color'),
+        }
+      }
+    },
     scales: {
       x: {
+        grid: {
+          color: getStyle('--cui-border-color-translucent'),
+        },
+        position: 'bottom',
+        ticks: {
+          color: getStyle('--cui-body-color'),
+        },
         type: 'linear',
-        position: 'bottom'
-      }
-    }
+      },
+      y: {
+        grid: {
+          color: getStyle('--cui-border-color-translucent'),
+        },
+        ticks: {
+          color: getStyle('--cui-body-color'),
+        },
+      },
+    },
   }"
 />
 :::
@@ -401,16 +563,106 @@ A bubble chart is used to display three dimensions of data at the same time. The
     }],
   }"
   :options="{
+    plugins: {
+      legend: {
+        labels: {
+          color: getStyle('--cui-body-color'),
+        }
+      }
+    },
     scales: {
       x: {
+        grid: {
+          color: getStyle('--cui-border-color-translucent'),
+        },
+        position: 'bottom',
+        ticks: {
+          color: getStyle('--cui-body-color'),
+        },
         type: 'linear',
-        position: 'bottom'
-      }
-    }
+      },
+      y: {
+        grid: {
+          color: getStyle('--cui-border-color-translucent'),
+        },
+        ticks: {
+          color: getStyle('--cui-body-color'),
+        },
+      },
+    },
   }"
 />
 ```
 
+<script setup>
+  import { onMounted, ref, watch } from 'vue'
+  import { getStyle } from '@coreui/utils'
+  
+  const chartLineRef = ref()
+  const chartBarRef = ref()
+  const chartRadarRef = ref()
+  const chartDoughnutRef = ref()
+  const chartPieRef = ref()
+  const chartPolarAreaRef = ref()
+  const chartBubbleRef = ref()
+  const chartScatterRef = ref()
+
+  onMounted(() => {
+    document.documentElement.addEventListener('ColorSchemeChange', () => {
+      // chartLineRef
+      chartLineRef.value.chart.options.plugins.legend.labels.color = getStyle('--cui-body-color')
+      chartLineRef.value.chart.options.scales.x.grid.color = getStyle('--cui-border-color-translucent')
+      chartLineRef.value.chart.options.scales.x.ticks.color = getStyle('--cui-body-color')
+      chartLineRef.value.chart.options.scales.y.grid.color = getStyle('--cui-border-color-translucent')
+      chartLineRef.value.chart.options.scales.y.ticks.color = getStyle('--cui-body-color')
+      chartLineRef.value.chart.update()
+
+      // chartBarRef
+      chartBarRef.value.chart.options.plugins.legend.labels.color = getStyle('--cui-body-color')
+      chartBarRef.value.chart.options.scales.x.grid.color = getStyle('--cui-border-color-translucent')
+      chartBarRef.value.chart.options.scales.x.ticks.color = getStyle('--cui-body-color')
+      chartBarRef.value.chart.options.scales.y.grid.color = getStyle('--cui-border-color-translucent')
+      chartBarRef.value.chart.options.scales.y.ticks.color = getStyle('--cui-body-color')
+      chartBarRef.value.chart.update()
+
+      // chartRadarRef
+      chartRadarRef.value.chart.options.plugins.legend.labels.color = getStyle('--cui-body-color')
+      chartRadarRef.value.chart.options.scales.r.grid.color = getStyle('--cui-border-color-translucent')
+      chartRadarRef.value.chart.options.scales.r.ticks.color = getStyle('--cui-body-color')
+      chartRadarRef.value.chart.update()
+
+      // chartDoughnutRef
+      chartDoughnutRef.value.chart.options.plugins.legend.labels.color = getStyle('--cui-body-color')
+      chartDoughnutRef.value.chart.update()
+
+      // chartPieRef
+      chartPieRef.value.chart.options.plugins.legend.labels.color = getStyle('--cui-body-color')
+      chartPieRef.value.chart.update()
+
+      // chartPolarAreaRef
+      chartPolarAreaRef.value.chart.options.plugins.legend.labels.color = getStyle('--cui-body-color')
+      chartPolarAreaRef.value.chart.options.scales.r.grid.color = getStyle('--cui-border-color-translucent')
+      chartPolarAreaRef.value.chart.update()
+
+      // chartBubbleRef
+      chartBubbleRef.value.chart.options.plugins.legend.labels.color = getStyle('--cui-body-color')
+      chartBubbleRef.value.chart.options.scales.x.grid.color = getStyle('--cui-border-color-translucent')
+      chartBubbleRef.value.chart.options.scales.x.ticks.color = getStyle('--cui-body-color')
+      chartBubbleRef.value.chart.options.scales.y.grid.color = getStyle('--cui-border-color-translucent')
+      chartBubbleRef.value.chart.options.scales.y.ticks.color = getStyle('--cui-body-color')
+      chartBubbleRef.value.chart.update()
+
+      // chartScatterRef
+      chartScatterRef.value.chart.options.plugins.legend.labels.color = getStyle('--cui-body-color')
+      chartScatterRef.value.chart.options.scales.x.grid.color = getStyle('--cui-border-color-translucent')
+      chartScatterRef.value.chart.options.scales.x.ticks.color = getStyle('--cui-body-color')
+      chartScatterRef.value.chart.options.scales.y.grid.color = getStyle('--cui-border-color-translucent')
+      chartScatterRef.value.chart.options.scales.y.ticks.color = getStyle('--cui-body-color')
+      chartScatterRef.value.chart.update()
+    })
+  })
+</script> 
+
 ## API
 
 !!!include(./api/CChart.api.md)!!!
\ No newline at end of file

From 7f1fc3bd4eb6d2097ff3a34c600872eea07e4278 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Mon, 12 Jun 2023 23:59:13 +0200
Subject: [PATCH 139/346] refactor(useColorModes): change `onMounted` to
 `onBeforeMount`

---
 packages/coreui-vue/src/composables/useColorModes.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/coreui-vue/src/composables/useColorModes.ts b/packages/coreui-vue/src/composables/useColorModes.ts
index 06db746e..4b344a89 100644
--- a/packages/coreui-vue/src/composables/useColorModes.ts
+++ b/packages/coreui-vue/src/composables/useColorModes.ts
@@ -1,4 +1,4 @@
-import { onMounted, ref, watch } from 'vue'
+import { onBeforeMount, ref, watch } from 'vue'
 
 const getStoredTheme = (localStorageItemName: string) => localStorage.getItem(localStorageItemName)
 const setStoredTheme = (localStorageItemName: string, colorMode: string) =>
@@ -32,7 +32,7 @@ export const useColorModes = (localStorageItemName = 'coreui-vue-color-scheme')
     setTheme(colorMode.value)
   })
 
-  onMounted(() => {
+  onBeforeMount(() => {
     if (typeof getStoredTheme(localStorageItemName) === 'string') {
       setTheme(colorMode.value)
     }

From e6d18a1098b4627dd58498d52a18f6714adb9a94 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Mon, 12 Jun 2023 23:59:47 +0200
Subject: [PATCH 140/346] chore: update dependencies and devDependencies

---
 packages/docs/package.json | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/docs/package.json b/packages/docs/package.json
index c8359a3e..937db90c 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -12,7 +12,8 @@
     "@coreui/coreui": "^4.3.0-beta.0",
     "@coreui/icons": "^3.0.1",
     "@coreui/icons-vue": "^2.0.0",
-    "@coreui/vue-chartjs": "^2.0.1",
+    "@coreui/utils": "^2.0.2",
+    "@coreui/vue-chartjs": "^2.1.0",
     "@docsearch/css": "^3.5.0",
     "@docsearch/js": "^3.5.0",
     "@vuepress/plugin-register-components": "2.0.0-beta.62",

From f4519d4326532bd1168f62a7460cdddc65a3121f Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Tue, 13 Jun 2023 00:00:05 +0200
Subject: [PATCH 141/346] docs: update theme

---
 packages/docs/.vuepress/theme-coreui/templates/build.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/docs/.vuepress/theme-coreui/templates/build.html b/packages/docs/.vuepress/theme-coreui/templates/build.html
index 5ba656d6..0ffbc946 100644
--- a/packages/docs/.vuepress/theme-coreui/templates/build.html
+++ b/packages/docs/.vuepress/theme-coreui/templates/build.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="generator" content="VuePress {{ version }}">
     <script>
-      const userMode = localStorage.getItem('coreui-react-docs-theme');
+      const userMode = localStorage.getItem('coreui-vue-docs-theme');
 	    const systemDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
 			if (userMode === 'dark' || (userMode !== 'light' && systemDarkMode)) {
 				document.documentElement.dataset.coreuiTheme = 'dark';

From 79a0be8d17876a1b013c9e15e47f701eb994fc0c Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Tue, 13 Jun 2023 14:42:19 +0200
Subject: [PATCH 142/346] feat(useColorModes): add `isColorModeSet` utility

---
 packages/coreui-vue/src/composables/useColorModes.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/coreui-vue/src/composables/useColorModes.ts b/packages/coreui-vue/src/composables/useColorModes.ts
index 4b344a89..60c56f94 100644
--- a/packages/coreui-vue/src/composables/useColorModes.ts
+++ b/packages/coreui-vue/src/composables/useColorModes.ts
@@ -49,6 +49,7 @@ export const useColorModes = (localStorageItemName = 'coreui-vue-color-scheme')
 
   return {
     getColorMode: () => colorMode.value,
+    isColorModeSet: () => Boolean(getStoredTheme(localStorageItemName)),
     setColorMode: (mode: string) => {
       colorMode.value = mode
     },

From e552f04bc26392b6dff247ffb05ead4b35394df2 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Tue, 13 Jun 2023 14:42:29 +0200
Subject: [PATCH 143/346] chore: add spaces

---
 .../.vuepress/theme-coreui/src/client/components/Header.vue     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
index 30259004..9dae0892 100644
--- a/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
+++ b/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
@@ -98,7 +98,7 @@ export default defineComponent({
   emits: ['toggle-sidebar'],
   setup() {
     const { getColorMode, setColorMode } = useColorModes('coreui-vue-docs-theme')
-
+    
     return {
       setColorMode,
       getColorMode,

From c97f86d585856415b24b69c7e473c3a05be14933 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Tue, 13 Jun 2023 14:44:36 +0200
Subject: [PATCH 144/346] release: v4.9.0-beta.1

---
 README.md                        | 2 +-
 lerna.json                       | 2 +-
 packages/coreui-vue/package.json | 2 +-
 packages/docs/package.json       | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 2cdbe33f..cea3eda8 100644
--- a/README.md
+++ b/README.md
@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v4.9.0-beta.0.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v4.9.0-beta.1.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue`
diff --git a/lerna.json b/lerna.json
index 022ba29f..eb9a19fc 100644
--- a/lerna.json
+++ b/lerna.json
@@ -4,5 +4,5 @@
     "packages/*"
   ],
   "useWorkspaces": true,
-  "version": "4.9.0-beta.0"
+  "version": "4.9.0-beta.1"
 }
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index dfa8f3cd..75d5c387 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue",
-  "version": "4.9.0-beta.0",
+  "version": "4.9.0-beta.1",
   "description": "UI Components Library for Vue.js",
   "keywords": [
     "vue",
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 937db90c..299eb858 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue-docs",
-  "version": "4.9.0-beta.0",
+  "version": "4.9.0-beta.1",
   "scripts": {
     "api": "vue-docgen -c build/docgen.config.js",
     "dev": "vuepress dev --clean-cache",

From 33fe7b70192aec1e42355fb119213d566136e195 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Wed, 14 Jun 2023 14:25:53 +0200
Subject: [PATCH 145/346] fix(CSidebar): update `isOnMobile` function to
 prevent getComputedStyle error

---
 packages/coreui-vue/src/components/sidebar/CSidebar.ts | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/coreui-vue/src/components/sidebar/CSidebar.ts b/packages/coreui-vue/src/components/sidebar/CSidebar.ts
index ac8c668f..bd4a41b8 100644
--- a/packages/coreui-vue/src/components/sidebar/CSidebar.ts
+++ b/packages/coreui-vue/src/components/sidebar/CSidebar.ts
@@ -3,8 +3,13 @@ import { CBackdrop } from '../backdrop'
 
 import { isInViewport } from '../../utils'
 
-const isOnMobile = (element: HTMLDivElement) =>
-  Boolean(getComputedStyle(element).getPropertyValue('--cui-is-mobile'))
+const isOnMobile = (element?: HTMLDivElement) => {
+  if (!element) {
+    return
+  }
+
+  return Boolean(getComputedStyle(element).getPropertyValue('--cui-is-mobile'))
+}
 
 const CSidebar = defineComponent({
   name: 'CSidebar',

From 786e39958265a7b812da5165e379119cdda10e7f Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Wed, 14 Jun 2023 14:25:53 +0200
Subject: [PATCH 146/346] fix(CSidebar): update `isOnMobile` function to
 prevent getComputedStyle error

---
 packages/coreui-vue/src/components/sidebar/CSidebar.ts | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/coreui-vue/src/components/sidebar/CSidebar.ts b/packages/coreui-vue/src/components/sidebar/CSidebar.ts
index ac8c668f..9dc69b52 100644
--- a/packages/coreui-vue/src/components/sidebar/CSidebar.ts
+++ b/packages/coreui-vue/src/components/sidebar/CSidebar.ts
@@ -3,8 +3,13 @@ import { CBackdrop } from '../backdrop'
 
 import { isInViewport } from '../../utils'
 
-const isOnMobile = (element: HTMLDivElement) =>
-  Boolean(getComputedStyle(element).getPropertyValue('--cui-is-mobile'))
+const isOnMobile = (element: HTMLDivElement) => {
+  if (!element) {
+    return
+  }
+
+  return Boolean(getComputedStyle(element).getPropertyValue('--cui-is-mobile'))
+}
 
 const CSidebar = defineComponent({
   name: 'CSidebar',

From 88fcc1b459ae06e19c806425e691d97a6f9d0221 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 15 Jun 2023 23:57:32 +0200
Subject: [PATCH 147/346] refactor(useColorModes): add SSR support

---
 .../src/composables/useColorModes.ts          | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/packages/coreui-vue/src/composables/useColorModes.ts b/packages/coreui-vue/src/composables/useColorModes.ts
index 60c56f94..c0b01623 100644
--- a/packages/coreui-vue/src/composables/useColorModes.ts
+++ b/packages/coreui-vue/src/composables/useColorModes.ts
@@ -1,10 +1,15 @@
 import { onBeforeMount, ref, watch } from 'vue'
 
-const getStoredTheme = (localStorageItemName: string) => localStorage.getItem(localStorageItemName)
+const getStoredTheme = (localStorageItemName: string) =>
+  typeof window !== 'undefined' && localStorage.getItem(localStorageItemName)
 const setStoredTheme = (localStorageItemName: string, colorMode: string) =>
   localStorage.setItem(localStorageItemName, colorMode)
 
 const getPreferredColorScheme = (localStorageItemName: string) => {
+  if (typeof window === 'undefined') {
+    return
+  }
+
   const storedTheme = getStoredTheme(localStorageItemName)
 
   if (storedTheme) {
@@ -28,23 +33,23 @@ export const useColorModes = (localStorageItemName = 'coreui-vue-color-scheme')
   const colorMode = ref(getPreferredColorScheme(localStorageItemName))
 
   watch(colorMode, () => {
-    setStoredTheme(localStorageItemName, colorMode.value)
-    setTheme(colorMode.value)
+    if (colorMode.value) {
+      setStoredTheme(localStorageItemName, colorMode.value)
+      setTheme(colorMode.value)
+    }
   })
 
   onBeforeMount(() => {
-    if (typeof getStoredTheme(localStorageItemName) === 'string') {
+    if (typeof getStoredTheme(localStorageItemName) === 'string' && colorMode.value) {
       setTheme(colorMode.value)
     }
 
     window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
       const storedTheme = getStoredTheme(localStorageItemName)
-      if (storedTheme !== 'light' && storedTheme !== 'dark') {
+      if (storedTheme !== 'light' && storedTheme !== 'dark' && colorMode.value) {
         setTheme(colorMode.value)
       }
     })
-
-    watch(colorMode, () => setTheme(colorMode.value))
   })
 
   return {

From a511f6e0000590de46bc01ca020b4b7e640a1fbc Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 15 Jun 2023 23:57:48 +0200
Subject: [PATCH 148/346] docs: move to GTM

---
 packages/docs/.vuepress/config.ts             | 314 ------------------
 .../theme-coreui/templates/build.html         |  29 +-
 2 files changed, 20 insertions(+), 323 deletions(-)

diff --git a/packages/docs/.vuepress/config.ts b/packages/docs/.vuepress/config.ts
index 0615d6eb..ddf717dd 100644
--- a/packages/docs/.vuepress/config.ts
+++ b/packages/docs/.vuepress/config.ts
@@ -141,10 +141,6 @@ export default defineUserConfig({
         icon: `<rect width="288" height="32" x="112" y="152" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect><rect width="288" height="32" x="112" y="240" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect><rect width="152" height="32" x="112" y="328" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect><path fill="var(--ci-primary-color, currentColor)" d="M480,48H32V464H480ZM448,432H64V80H448Z" class="ci-primary"></path>`,
         link: `/forms/`,
         children: [
-          // {
-          //   text: 'Overview',
-          //   link: `/forms/overview.html`,
-          // },
           {
             text: 'Checkbox',
             link: `/forms/checkbox.html`,
@@ -161,10 +157,6 @@ export default defineUserConfig({
             text: 'Radio',
             link: `/forms/radio.html`,
           },
-          // {
-          //   text: 'Checks & radios',
-          //   link: `/forms/checks-radios.html`,
-          // },
           {
             text: 'Range',
             link: `/forms/range.html`,
@@ -378,310 +370,4 @@ export default defineUserConfig({
       },
     ],
   }),
-  // theme: resolve(__dirname, './theme-coreui'),
-  // themeConfig: {
-  //   sidebar: [
-  //     {
-  //       text: 'Getting started',
-  //       icon: '<rect width="32" height="32" x="144" y="464" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect><rect width="32" height="32" x="240" y="464" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect><rect width="32" height="32" x="336" y="464" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect><path fill="var(--ci-primary-color, currentColor)" d="M312,76.82v34.265a142.419,142.419,0,0,1,86.207,130.708C398.207,320.206,334.413,384,256,384S113.793,320.206,113.793,241.793A142.419,142.419,0,0,1,200,111.085V76.82c-68.671,23.373-118.207,88.5-118.207,164.973C81.793,337.851,159.942,416,256,416s174.207-78.149,174.207-174.207C430.207,165.316,380.671,100.193,312,76.82Z" class="ci-primary"></path><rect width="32" height="229.793" x="240" y="16" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect>',
-  //       link: `/getting-started/`,
-  //       children: [
-  //         {
-  //           text: 'Introduction',
-  //           link: `/getting-started/introduction.html`,
-  //         },
-  //         {
-  //           text: 'Accessibility',
-  //           link: `/getting-started/accessibility.html`,
-  //         },
-  //       ],
-  //     },
-  //     {
-  //       text: 'Customize',
-  //       icon: '<path fill="var(--ci-primary-color, currentColor)" d="M425.514,82.055C380.778,39.458,320.673,16,256.271,16,196.248,16,136.415,36.073,92.115,71.071,43.032,109.85,16,164.161,16,224c0,60.1,15.531,98.87,48.876,122.019,28,19.438,68.412,27.731,135.124,27.731h29.75A26.28,26.28,0,0,1,256,400v47.984a32,32,0,0,0,32,32h.032l90.755-.088a32.094,32.094,0,0,0,19.686-6.8c9.725-7.622,34.727-29.4,56.8-66.9C482.3,360.262,496,307.037,496,248,496,184.268,470.968,125.334,425.514,82.055Zm2.173,307.915c-19.3,32.792-40.663,51.447-48.932,57.926L288,447.984V400a58.316,58.316,0,0,0-58.25-58.25H200c-59.69,0-94.644-6.585-116.876-22.019C58.833,302.869,48,273.344,48,224,48,113.833,153.9,48,256.271,48,372.755,48,464,135.851,464,248,464,301.253,451.782,349.019,427.687,389.97Z" class="ci-primary"/><path fill="var(--ci-primary-color, currentColor)" d="M128,144a56,56,0,1,0,56,56A56.064,56.064,0,0,0,128,144Zm0,80a24,24,0,1,1,24-24A24.027,24.027,0,0,1,128,224Z" class="ci-primary"/><path fill="var(--ci-primary-color, currentColor)" d="M240,72a56,56,0,1,0,56,56A56.064,56.064,0,0,0,240,72Zm0,80a24,24,0,1,1,24-24A24.027,24.027,0,0,1,240,152Z" class="ci-primary"/><path fill="var(--ci-primary-color, currentColor)" d="M360,128a56,56,0,1,0,56,56A56.064,56.064,0,0,0,360,128Zm0,80a24,24,0,1,1,24-24A24.027,24.027,0,0,1,360,208Z" class="ci-primary"/><path fill="var(--ci-primary-color, currentColor)" d="M376,264a56,56,0,1,0,56,56A56.064,56.064,0,0,0,376,264Zm0,80a24,24,0,1,1,24-24A24.027,24.027,0,0,1,376,344Z" class="ci-primary"/>',
-  //       link: '/customize/',
-  //       children: [
-  //         {
-  //           text: 'Sass',
-  //           link: '/customize/sass.html',
-  //         },
-  //         {
-  //           text: 'Options',
-  //           link: '/customize/options.html',
-  //         },
-  //         {
-  //           text: 'CSS Variables',
-  //           link: '/customize/css-variables.html',
-  //         },
-  //       ],
-  //     },
-  //     {
-  //       text: 'Layout',
-  //       icon: `<path fill="var(--ci-primary-color, currentColor)" d="M16,64V448H496V64ZM464,240H192V96H464ZM192,272H312V416H192ZM48,96H160V416H48ZM344,416V272H464V416Z"></path>`,
-  //       link: `/layout/`,
-  //       children: [
-  //         {
-  //           text: 'Breakpoints',
-  //           link: `/layout/breakpoints.html`,
-  //         },
-  //         {
-  //           text: 'Columns',
-  //           link: `/layout/columns.html`,
-  //         },
-  //         {
-  //           text: 'Containers',
-  //           link: `/layout/containers.html`,
-  //         },
-  //         {
-  //           text: 'Grid',
-  //           link: `/layout/grid.html`,
-  //         },
-  //         {
-  //           text: 'Gutters',
-  //           link: `/layout/gutters.html`,
-  //         },
-  //       ],
-  //     },
-  //     {
-  //       text: 'Forms',
-  //       icon: `<rect width="288" height="32" x="112" y="152" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect><rect width="288" height="32" x="112" y="240" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect><rect width="152" height="32" x="112" y="328" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect><path fill="var(--ci-primary-color, currentColor)" d="M480,48H32V464H480ZM448,432H64V80H448Z" class="ci-primary"></path>`,
-  //       link: `/forms/`,
-  //       children: [
-  //         // {
-  //         //   text: 'Overview',
-  //         //   link: `/forms/overview.html`,
-  //         // },
-  //         {
-  //           text: 'Checkbox',
-  //           link: `/forms/checkbox.html`,
-  //         },
-  //         {
-  //           text: 'Input',
-  //           link: `/forms/input.html`,
-  //         },
-  //         {
-  //           text: 'Input group',
-  //           link: `/forms/input-group.html`,
-  //         },
-  //         {
-  //           text: 'Radio',
-  //           link: `/forms/radio.html`,
-  //         },
-  //         // {
-  //         //   text: 'Checks & radios',
-  //         //   link: `/forms/checks-radios.html`,
-  //         // },
-  //         {
-  //           text: 'Range',
-  //           link: `/forms/range.html`,
-  //         },
-  //         {
-  //           text: 'Select',
-  //           link: `/forms/select.html`,
-  //         },
-  //         {
-  //           text: 'Switch',
-  //           link: `/forms/switch.html`,
-  //         },
-  //         {
-  //           text: 'Textarea',
-  //           link: `/forms/textarea.html`,
-  //         },
-  //         {
-  //           text: 'Floating labels',
-  //           link: `/forms/floating-labels.html`,
-  //         },
-  //         {
-  //           text: 'Layout',
-  //           link: `/forms/layout.html`,
-  //         },
-  //         {
-  //           text: 'Validation',
-  //           link: `/forms/validation.html`,
-  //         },
-  //       ],
-  //     },
-  //     {
-  //       text: 'Components',
-  //       icon: '<path fill="var(--ci-primary-color, currentColor)" d="M410.989,16H101.011L16,237.029V496H496V237.029Zm-288,32H240V240H49.143ZM184,272H328v40H184ZM464,464H48V272H152v72H360V272H464ZM272,240V48H389.012l73.845,192Z" class="ci-primary"></path>',
-  //       link: `/components/`,
-  //       children: [
-  //         {
-  //           text: 'Accordion',
-  //           link: `/components/accordion.html`,
-  //         },
-  //         {
-  //           text: 'Alert',
-  //           link: `/components/alert.html`,
-  //         },
-  //         {
-  //           text: 'Avatar',
-  //           link: `/components/avatar.html`,
-  //         },
-  //         {
-  //           text: 'Badge',
-  //           link: `/components/badge.html`,
-  //         },
-  //         {
-  //           text: 'Breadcrumb',
-  //           link: `/components/breadcrumb.html`,
-  //         },
-  //         {
-  //           text: 'Buttons',
-  //           link: `/components/button.html`,
-  //         },
-  //         {
-  //           text: 'Button Group',
-  //           link: `/components/button-group.html`,
-  //         },
-  //         {
-  //           text: 'Callout',
-  //           link: `/components/callout.html`,
-  //         },
-  //         {
-  //           text: 'Card',
-  //           link: `/components/card.html`,
-  //         },
-  //         {
-  //           text: 'Carousel',
-  //           link: `/components/carousel.html`,
-  //         },
-  //         {
-  //           text: 'Chart',
-  //           link: `/components/chart.html`,
-  //         },
-  //         {
-  //           text: 'Close Button',
-  //           link: `/components/close-button.html`,
-  //         },
-  //         {
-  //           text: 'Collapse',
-  //           link: `/components/collapse.html`,
-  //         },
-  //         {
-  //           text: 'Dropdown',
-  //           link: `/components/dropdown.html`,
-  //         },
-  //         {
-  //           text: 'Footer',
-  //           link: `/components/footer.html`,
-  //         },
-  //         {
-  //           text: 'Header',
-  //           link: `/components/header.html`,
-  //         },
-  //         {
-  //           text: 'Icon',
-  //           link: `/components/icon.html`,
-  //         },
-  //         {
-  //           text: 'Image',
-  //           link: `/components/image.html`,
-  //         },
-  //         {
-  //           text: 'List Group',
-  //           link: `/components/list-group.html`,
-  //         },
-  //         {
-  //           text: 'Modal',
-  //           link: `/components/modal.html`,
-  //         },
-  //         {
-  //           text: 'Navs & Tabs',
-  //           link: `/components/navs-tabs.html`,
-  //         },
-  //         {
-  //           text: 'Navbar',
-  //           link: `/components/navbar.html`,
-  //         },
-  //         {
-  //           text: 'Offcanvas',
-  //           link: `/components/offcanvas.html`,
-  //         },
-  //         {
-  //           text: 'Pagination',
-  //           link: `/components/pagination.html`,
-  //         },
-  //         {
-  //           text: 'Placeholder',
-  //           link: `/components/placeholder.html`,
-  //         },
-  //         {
-  //           text: 'Popover',
-  //           link: `/components/popover.html`,
-  //         },
-  //         {
-  //           text: 'Progress',
-  //           link: `/components/progress.html`,
-  //         },
-  //         {
-  //           text: 'Sidebar',
-  //           link: `/components/sidebar.html`,
-  //         },
-  //         {
-  //           text: 'Spinner',
-  //           link: `/components/spinner.html`,
-  //         },
-  //         {
-  //           text: 'Table',
-  //           link: `/components/table.html`,
-  //         },
-  //         {
-  //           text: 'Toast',
-  //           link: `/components/toast.html`,
-  //         },
-  //         {
-  //           text: 'Tooltip',
-  //           link: `/components/tooltip.html`,
-  //         },
-  //         {
-  //           text: 'Widgets',
-  //           link: `/components/widgets.html`,
-  //         },
-  //       ],
-  //     },
-  //     {
-  //       text: 'Templates',
-  //       link: '/templates/',
-  //       icon: '<path fill="var(--ci-primary-color, currentColor)" d="M472,232H424V120a24.028,24.028,0,0,0-24-24H40a24.028,24.028,0,0,0-24,24V366a24.028,24.028,0,0,0,24,24H212v50H152v32H304V440H244V390h92v58a24.027,24.027,0,0,0,24,24H472a24.027,24.027,0,0,0,24-24V256A24.027,24.027,0,0,0,472,232ZM336,256V358H48V128H392V232H360A24.027,24.027,0,0,0,336,256ZM464,440H368V264h96Z" class="ci-primary"/>',
-  //       children: [
-  //         {
-  //           text: 'Admin & Dashboard',
-  //           link: '/templates/admin-dashboard.html',
-  //           badge: {
-  //             color: 'success',
-  //             text: 'New',
-  //           }
-  //         },
-  //         {
-  //           text: 'Download',
-  //           link: '/templates/download.html',
-  //         },
-  //         {
-  //           text: 'Installation',
-  //           link: '/templates/installation.html',
-  //         },
-  //         {
-  //           text: 'Customize',
-  //           link: '/templates/customize.html',
-  //         },
-  //         {
-  //           text: 'Contents',
-  //           link: '/templates/contents.html',
-  //         },
-  //       ],
-  //     },
-  //     {
-  //       text: 'Migration',
-  //       link: '/migration/',
-  //       icon: '<path fill="var(--ci-primary-color, currentColor)" d="M464,256.25C464,370.8,370.8,464,256.25,464S48.5,370.8,48.5,256.25,141.7,48.5,256.25,48.5a208,208,0,0,1,149.963,64H328.5v32h128V16.5h-32V85.478A239.717,239.717,0,1,0,496,256.25Z" class="ci-primary"></path><polygon fill="var(--ci-primary-color, currentColor)" points="272.5 112.451 240.5 112.549 241.017 282.756 353.301 334.53 366.699 305.47 272.954 262.244 272.5 112.451" class="ci-primary"></polygon>',
-  //       children: [
-  //         {
-  //           text: 'v4',
-  //           link: '/migration/v4.html',
-  //         },
-  //       ],
-  //     },
-  //   ],
-  // },
 })
diff --git a/packages/docs/.vuepress/theme-coreui/templates/build.html b/packages/docs/.vuepress/theme-coreui/templates/build.html
index 0ffbc946..8198c3ac 100644
--- a/packages/docs/.vuepress/theme-coreui/templates/build.html
+++ b/packages/docs/.vuepress/theme-coreui/templates/build.html
@@ -1,22 +1,33 @@
 <!DOCTYPE html>
 <html lang="{{ lang }}">
   <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width,initial-scale=1">
-    <meta name="generator" content="VuePress {{ version }}">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <meta name="generator" content="VuePress {{ version }}" />
     <script>
-      const userMode = localStorage.getItem('coreui-vue-docs-theme');
-	    const systemDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
-			if (userMode === 'dark' || (userMode !== 'light' && systemDarkMode)) {
-				document.documentElement.dataset.coreuiTheme = 'dark';
-			}
+      const userMode = localStorage.getItem('coreui-vue-docs-theme')
+      const systemDarkMode =
+        window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches
+      if (userMode === 'dark' || (userMode !== 'light' && systemDarkMode)) {
+        document.documentElement.dataset.coreuiTheme = 'dark'
+      }
     </script>
     <!--vuepress-ssr-head-->
     <!--vuepress-ssr-styles-->
     <!--vuepress-ssr-resources-->
   </head>
   <body>
+    <!-- Google Tag Manager (noscript) -->
+    <noscript
+      ><iframe
+        src="https://www.googletagmanager.com/ns.html?id=GTM-KX4JH47"
+        height="0"
+        width="0"
+        style="display: none; visibility: hidden"
+      ></iframe
+    ></noscript>
+    <!-- End Google Tag Manager (noscript) -->
     <div id="app"><!--vuepress-ssr-app--></div>
     <!--vuepress-ssr-scripts-->
   </body>
-</html>
\ No newline at end of file
+</html>

From d714fb856ed1fe8fe997bdcb10dd8b462adc26ce Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 15 Jun 2023 23:58:49 +0200
Subject: [PATCH 149/346] fix: add proper directives names

---
 packages/coreui-vue/src/directives/v-c-tooltip.ts | 1 +
 packages/coreui-vue/src/index.ts                  | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/coreui-vue/src/directives/v-c-tooltip.ts b/packages/coreui-vue/src/directives/v-c-tooltip.ts
index baa371c2..20b0c09d 100644
--- a/packages/coreui-vue/src/directives/v-c-tooltip.ts
+++ b/packages/coreui-vue/src/directives/v-c-tooltip.ts
@@ -40,6 +40,7 @@ const toggleTooltipElement = (tooltip: HTMLDivElement, el: HTMLElement, popperOp
 }
 
 export default {
+  name: 'c-tooltip',
   mounted(el: HTMLElement, binding: DirectiveBinding): void {
     const value = binding.value
     const content = typeof value === 'string' ? value : value.content ?? ''
diff --git a/packages/coreui-vue/src/index.ts b/packages/coreui-vue/src/index.ts
index 427bcd53..262ecc6b 100644
--- a/packages/coreui-vue/src/index.ts
+++ b/packages/coreui-vue/src/index.ts
@@ -9,7 +9,7 @@ const CoreuiVue = {
     }
 
     for (const key in Directives) {
-      app.directive(key, Directives[key])
+      app.directive(Directives[key]['name'], Directives[key])
     }
   },
 }

From daf54e396070998f53cab3a52a22305af23153a4 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Fri, 16 Jun 2023 10:06:24 +0200
Subject: [PATCH 150/346] release: v4.9.0-beta.2

---
 README.md                        | 2 +-
 lerna.json                       | 2 +-
 packages/coreui-vue/package.json | 2 +-
 packages/docs/package.json       | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index cea3eda8..a71b31fc 100644
--- a/README.md
+++ b/README.md
@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v4.9.0-beta.1.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v4.9.0-beta.2.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue`
diff --git a/lerna.json b/lerna.json
index eb9a19fc..a64928e9 100644
--- a/lerna.json
+++ b/lerna.json
@@ -4,5 +4,5 @@
     "packages/*"
   ],
   "useWorkspaces": true,
-  "version": "4.9.0-beta.1"
+  "version": "4.9.0-beta.2"
 }
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index 75d5c387..a8bc07f0 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue",
-  "version": "4.9.0-beta.1",
+  "version": "4.9.0-beta.2",
   "description": "UI Components Library for Vue.js",
   "keywords": [
     "vue",
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 299eb858..140c3ee8 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue-docs",
-  "version": "4.9.0-beta.1",
+  "version": "4.9.0-beta.2",
   "scripts": {
     "api": "vue-docgen -c build/docgen.config.js",
     "dev": "vuepress dev --clean-cache",

From 99ddbbcee706b182bb4a82f6e8a67c2c3c80e4b5 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Fri, 16 Jun 2023 14:06:07 +0200
Subject: [PATCH 151/346] docs: update theme

---
 .../docs/.vuepress/theme-coreui/src/client/components/Page.vue  | 2 +-
 .../.vuepress/theme-coreui/src/client/components/ScssDocs.vue   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/Page.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/Page.vue
index 8beadbf2..4ae63055 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/components/Page.vue
+++ b/packages/docs/.vuepress/theme-coreui/src/client/components/Page.vue
@@ -3,7 +3,7 @@
     v-if="pro_component"
     class="bg-danger bg-opacity-10 border-start border-start-5 border-start-danger p-4 pb-3 mb-5"
   >
-    <h3 className="mb-4">CoreUI PRO Component</h3>
+    <h3 class="mb-4">CoreUI PRO Component</h3>
     <p>
       To use this component you must have a CoreUI PRO license. Buy the
       <a href="https://coreui.io/pricing/?framework=vue&docs=coreui-banner-pro">CoreUI PRO</a>
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/ScssDocs.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/ScssDocs.vue
index f398aae2..ae622b73 100644
--- a/packages/docs/.vuepress/theme-coreui/src/client/components/ScssDocs.vue
+++ b/packages/docs/.vuepress/theme-coreui/src/client/components/ScssDocs.vue
@@ -1,5 +1,5 @@
 <template>
-  <div className="highlight">
+  <div class="highlight">
     <pre class="prism-code language-scss" v-html="code" />
   </div>
 </template>

From 30eac653d708c18e995256b64ca12fbdff835f05 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Fri, 16 Jun 2023 14:06:18 +0200
Subject: [PATCH 152/346] docs: update content

---
 packages/docs/components/widgets.md            | 2 +-
 packages/docs/forms/textarea.md                | 4 ++--
 packages/docs/forms/validation.md              | 4 ++--
 packages/docs/getting-started/accessibility.md | 6 +++---
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/docs/components/widgets.md b/packages/docs/components/widgets.md
index a8bd91a5..77421487 100644
--- a/packages/docs/components/widgets.md
+++ b/packages/docs/components/widgets.md
@@ -966,7 +966,7 @@ description:
       <template #icon><CIcon icon="cib-coreui-c" height="52" class="my-4 text-white" /></template>
       <template #chart>
         <CChart
-          className="position-absolute w-100 h-100"
+          class="position-absolute w-100 h-100"
           type="line"
           :data="{
             labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
diff --git a/packages/docs/forms/textarea.md b/packages/docs/forms/textarea.md
index c9754840..558c1b20 100644
--- a/packages/docs/forms/textarea.md
+++ b/packages/docs/forms/textarea.md
@@ -48,14 +48,14 @@ Add the `disabled` boolean attribute on an input to give it a grayed out appeara
 
 ::: demo
 <CFormTextarea
-  className="mb-3"
+  class="mb-3"
   placeholder="Disabled textarea"
   aria-label="Disabled textarea example"
   disabled></CFormTextarea>
 :::
 ```vue
 <CFormTextarea
-  className="mb-3"
+  class="mb-3"
   placeholder="Disabled textarea"
   aria-label="Disabled textarea example"
   disabled>
diff --git a/packages/docs/forms/validation.md b/packages/docs/forms/validation.md
index a817f45d..5aa00714 100644
--- a/packages/docs/forms/validation.md
+++ b/packages/docs/forms/validation.md
@@ -549,7 +549,7 @@ Validation styles are available for the following form controls and components:
     required
   />
   <CFormCheck
-    className="mb-3"
+    class="mb-3"
     type="radio"
     name="radio-stacked"
     id="validationFormCheck3"
@@ -611,7 +611,7 @@ Validation styles are available for the following form controls and components:
     required
   />
   <CFormCheck
-    className="mb-3"
+    class="mb-3"
     type="radio"
     name="radio-stacked"
     id="validationFormCheck3"
diff --git a/packages/docs/getting-started/accessibility.md b/packages/docs/getting-started/accessibility.md
index 9f45fb6c..b1998024 100644
--- a/packages/docs/getting-started/accessibility.md
+++ b/packages/docs/getting-started/accessibility.md
@@ -29,8 +29,8 @@ Some combinations of colors that currently make up CoreUI for Vue default palett
 Content which should be visually hidden, but remain accessible to assistive technologies such as screen readers, can be styled using the `.visually-hidden` class. This can be useful in situations where additional visual information or cues (such as meaning denoted through the use of color) need to also be conveyed to non-visual users.
 
 ```html
-<p className="text-danger">
-  <span className="visually-hidden">Danger: </span>
+<p class="text-danger">
+  <span class="visually-hidden">Danger: </span>
   This action is not reversible
 </p>
 ```
@@ -38,7 +38,7 @@ Content which should be visually hidden, but remain accessible to assistive tech
 For visually hidden interactive controls, such as traditional "skip" links, use the `.visually-hidden-focusable` class. This will ensure that the control becomes visible once focused (for sighted keyboard users). **Watch out, compared to the equivalent `.sr-only` and `.sr-only-focusable` classes in past versions, CoreUI's `.visually-hidden-focusable` is a standalone class, and must not be used in combination with the `.visually-hidden` class.**
 
 ```html
-<a className="visually-hidden-focusable" href="#content">Skip to main content</a>
+<a class="visually-hidden-focusable" href="#content">Skip to main content</a>
 ```
 
 ### Reduced motion

From 62de667de4cb8ec466088d8602ef36e57e8d7b49 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sat, 1 Jul 2023 01:11:37 +0200
Subject: [PATCH 153/346] refactor(CPopover, CTooltip): improve syntax

---
 .../src/components/popover/CPopover.ts         | 18 ++----------------
 .../src/components/tooltip/CTooltip.ts         | 18 ++----------------
 .../coreui-vue/src/utils/getRTLPlacement.ts    | 18 ++++++++++++++++++
 packages/coreui-vue/src/utils/index.ts         |  3 ++-
 4 files changed, 24 insertions(+), 33 deletions(-)
 create mode 100644 packages/coreui-vue/src/utils/getRTLPlacement.ts

diff --git a/packages/coreui-vue/src/components/popover/CPopover.ts b/packages/coreui-vue/src/components/popover/CPopover.ts
index 1bfe5348..e91ef78f 100644
--- a/packages/coreui-vue/src/components/popover/CPopover.ts
+++ b/packages/coreui-vue/src/components/popover/CPopover.ts
@@ -2,21 +2,7 @@ import { defineComponent, h, PropType, ref, RendererElement, Teleport, Transitio
 import { createPopper, Placement } from '@popperjs/core'
 
 import { executeAfterTransition } from '../../utils/transition'
-import { isRTL } from '../../utils'
-
-const getPlacement = (placement: string, element: HTMLDivElement | null): Placement => {
-  switch (placement) {
-    case 'right': {
-      return isRTL(element) ? 'left' : 'right'
-    }
-    case 'left': {
-      return isRTL(element) ? 'right' : 'left'
-    }
-    default: {
-      return placement as Placement
-    }
-  }
-}
+import { getRTLPlacement } from '../../utils'
 
 const CPopover = defineComponent({
   name: 'CPopover',
@@ -109,7 +95,7 @@ const CPopover = defineComponent({
     const initPopper = () => {
       if (togglerRef.value) {
         popper.value = createPopper(togglerRef.value, popoverRef.value, {
-          placement: getPlacement(props.placement, togglerRef.value),
+          placement: getRTLPlacement(props.placement, togglerRef.value),
           modifiers: [
             {
               name: 'offset',
diff --git a/packages/coreui-vue/src/components/tooltip/CTooltip.ts b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
index 4ceda0b2..2ac26ca7 100644
--- a/packages/coreui-vue/src/components/tooltip/CTooltip.ts
+++ b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
@@ -2,21 +2,7 @@ import { defineComponent, h, PropType, ref, RendererElement, Teleport, Transitio
 import { createPopper, Placement } from '@popperjs/core'
 
 import { executeAfterTransition } from '../../utils/transition'
-import { isRTL } from '../../utils'
-
-const getPlacement = (placement: string, element: HTMLDivElement | null): Placement => {
-  switch (placement) {
-    case 'right': {
-      return isRTL(element) ? 'left' : 'right'
-    }
-    case 'left': {
-      return isRTL(element) ? 'right' : 'left'
-    }
-    default: {
-      return placement as Placement
-    }
-  }
-}
+import { getRTLPlacement } from '../../utils'
 
 const CTooltip = defineComponent({
   name: 'CTooltip',
@@ -105,7 +91,7 @@ const CTooltip = defineComponent({
     const initPopper = () => {
       if (togglerRef.value) {
         popper.value = createPopper(togglerRef.value, tooltipRef.value, {
-          placement: getPlacement(props.placement, togglerRef.value),
+          placement: getRTLPlacement(props.placement, togglerRef.value),
           modifiers: [
             {
               name: 'offset',
diff --git a/packages/coreui-vue/src/utils/getRTLPlacement.ts b/packages/coreui-vue/src/utils/getRTLPlacement.ts
new file mode 100644
index 00000000..cc60b801
--- /dev/null
+++ b/packages/coreui-vue/src/utils/getRTLPlacement.ts
@@ -0,0 +1,18 @@
+import { Placement } from '@popperjs/core'
+import { isRTL } from '../utils'
+
+const getRTLPlacement = (placement: string, element: HTMLDivElement | null): Placement => {
+  switch (placement) {
+    case 'right': {
+      return isRTL(element) ? 'left' : 'right'
+    }
+    case 'left': {
+      return isRTL(element) ? 'right' : 'left'
+    }
+    default: {
+      return placement as Placement
+    }
+  }
+}
+
+export default getRTLPlacement
diff --git a/packages/coreui-vue/src/utils/index.ts b/packages/coreui-vue/src/utils/index.ts
index 7c452ce4..2bd39724 100644
--- a/packages/coreui-vue/src/utils/index.ts
+++ b/packages/coreui-vue/src/utils/index.ts
@@ -1,5 +1,6 @@
+import getRTLPlacement from './getRTLPlacement'
 import getUID from './getUID'
 import isInViewport from './isInViewport'
 import isRTL from './isRTL'
 
-export { getUID, isInViewport, isRTL }
+export { getRTLPlacement, getUID, isInViewport, isRTL }

From fe0bf3a78dc048edd00835405ae41227ccac4a73 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sat, 1 Jul 2023 01:14:29 +0200
Subject: [PATCH 154/346] refactor(CPopover, CTooltip): update arrow
 configuration

---
 packages/coreui-vue/src/components/popover/CPopover.ts | 8 +++++++-
 packages/coreui-vue/src/components/tooltip/CTooltip.ts | 8 +++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/packages/coreui-vue/src/components/popover/CPopover.ts b/packages/coreui-vue/src/components/popover/CPopover.ts
index e91ef78f..83e9cfae 100644
--- a/packages/coreui-vue/src/components/popover/CPopover.ts
+++ b/packages/coreui-vue/src/components/popover/CPopover.ts
@@ -97,6 +97,12 @@ const CPopover = defineComponent({
         popper.value = createPopper(togglerRef.value, popoverRef.value, {
           placement: getRTLPlacement(props.placement, togglerRef.value),
           modifiers: [
+            {
+              name: 'arrow',
+              options: {
+                element: '.popover-arrow',
+              },
+            },
             {
               name: 'offset',
               options: {
@@ -138,7 +144,7 @@ const CPopover = defineComponent({
                 ...attrs,
               },
               [
-                h('div', { class: 'popover-arrow', 'data-popper-arrow': '' }),
+                h('div', { class: 'popover-arrow' }),
                 (props.title || slots.title) &&
                   h(
                     'div',
diff --git a/packages/coreui-vue/src/components/tooltip/CTooltip.ts b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
index 2ac26ca7..8612f29c 100644
--- a/packages/coreui-vue/src/components/tooltip/CTooltip.ts
+++ b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
@@ -93,6 +93,12 @@ const CTooltip = defineComponent({
         popper.value = createPopper(togglerRef.value, tooltipRef.value, {
           placement: getRTLPlacement(props.placement, togglerRef.value),
           modifiers: [
+            {
+              name: 'arrow',
+              options: {
+                element: '.tooltip-arrow',
+              },
+            },
             {
               name: 'offset',
               options: {
@@ -134,7 +140,7 @@ const CTooltip = defineComponent({
                 ...attrs,
               },
               [
-                h('div', { class: 'tooltip-arrow', 'data-popper-arrow': '' }),
+                h('div', { class: 'tooltip-arrow' }),
                 (props.content || slots.content) &&
                   h(
                     'div',

From 82ce0fd7069b7f8eb948380759894a8e2199ea10 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sat, 1 Jul 2023 01:33:53 +0200
Subject: [PATCH 155/346] feat(CPopover, CTooltip): add fallbackPlacements
 property to allow specify the desired order of fallback placements

---
 .../src/components/popover/CPopover.ts        | 25 +++++++++++++++++++
 .../src/components/tooltip/CTooltip.ts        | 25 +++++++++++++++++++
 packages/coreui-vue/src/types.ts              |  2 +-
 3 files changed, 51 insertions(+), 1 deletion(-)

diff --git a/packages/coreui-vue/src/components/popover/CPopover.ts b/packages/coreui-vue/src/components/popover/CPopover.ts
index 83e9cfae..9ee5d3d8 100644
--- a/packages/coreui-vue/src/components/popover/CPopover.ts
+++ b/packages/coreui-vue/src/components/popover/CPopover.ts
@@ -1,6 +1,7 @@
 import { defineComponent, h, PropType, ref, RendererElement, Teleport, Transition } from 'vue'
 import { createPopper, Placement } from '@popperjs/core'
 
+import type { Placements } from '../../types'
 import { executeAfterTransition } from '../../utils/transition'
 import { getRTLPlacement } from '../../utils'
 
@@ -11,6 +12,24 @@ const CPopover = defineComponent({
      * Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`
      */
     content: String,
+    /**
+     * Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.
+     *
+     * @since 4.9.0-beta.2
+     */
+    fallbackPlacements: {
+      type: [String, Array] as PropType<Placements | Placements[]>,
+      default: () => ['top', 'right', 'bottom', 'left'],
+      validator: (value: Placements | Placements[]) => {
+        if (typeof value === 'string') {
+          return ['top', 'right', 'bottom', 'left'].includes(value)
+        }
+        if (Array.isArray(value)) {
+          return value.every((e) => ['top', 'right', 'bottom', 'left'].includes(e))
+        }
+        return false
+      },
+    },
     /**
      * Offset of the popover relative to its target.
      */
@@ -103,6 +122,12 @@ const CPopover = defineComponent({
                 element: '.popover-arrow',
               },
             },
+            {
+              name: 'flip',
+              options: {
+                fallbackPlacements: props.fallbackPlacements,
+              },
+            },
             {
               name: 'offset',
               options: {
diff --git a/packages/coreui-vue/src/components/tooltip/CTooltip.ts b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
index 8612f29c..2e0e5df7 100644
--- a/packages/coreui-vue/src/components/tooltip/CTooltip.ts
+++ b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
@@ -1,6 +1,7 @@
 import { defineComponent, h, PropType, ref, RendererElement, Teleport, Transition } from 'vue'
 import { createPopper, Placement } from '@popperjs/core'
 
+import type { Placements } from '../../types'
 import { executeAfterTransition } from '../../utils/transition'
 import { getRTLPlacement } from '../../utils'
 
@@ -11,6 +12,24 @@ const CTooltip = defineComponent({
      * Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`
      */
     content: String,
+    /**
+     * Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.
+     *
+     * @since 4.9.0-beta.2
+     */
+    fallbackPlacements: {
+      type: [String, Array] as PropType<Placements | Placements[]>,
+      default: () => ['top', 'right', 'bottom', 'left'],
+      validator: (value: Placements | Placements[]) => {
+        if (typeof value === 'string') {
+          return ['top', 'right', 'bottom', 'left'].includes(value)
+        }
+        if (Array.isArray(value)) {
+          return value.every((e) => ['top', 'right', 'bottom', 'left'].includes(e))
+        }
+        return false
+      },
+    },
     /**
      * Offset of the tooltip relative to its target.
      */
@@ -99,6 +118,12 @@ const CTooltip = defineComponent({
                 element: '.tooltip-arrow',
               },
             },
+            {
+              name: 'flip',
+              options: {
+                fallbackPlacements: props.fallbackPlacements,
+              },
+            },
             {
               name: 'offset',
               options: {
diff --git a/packages/coreui-vue/src/types.ts b/packages/coreui-vue/src/types.ts
index 53ae107f..b229df7c 100644
--- a/packages/coreui-vue/src/types.ts
+++ b/packages/coreui-vue/src/types.ts
@@ -27,7 +27,7 @@ export type Placements =
   | 'left-start'
   | 'left'
   | 'left-end'
-  | undefined
+  | string
 
 export type Shapes =
   | 'rounded'

From d8c538e3e0853c79623fcefecd986b91cbfff3ca Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sat, 1 Jul 2023 20:24:18 +0200
Subject: [PATCH 156/346] refactor(CTooltip): change default trigger value from
 'hover' to `() => ['hover', 'focus']`

---
 packages/coreui-vue/src/components/tooltip/CTooltip.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/coreui-vue/src/components/tooltip/CTooltip.ts b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
index 2e0e5df7..c0ad0304 100644
--- a/packages/coreui-vue/src/components/tooltip/CTooltip.ts
+++ b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
@@ -1,7 +1,7 @@
 import { defineComponent, h, PropType, ref, RendererElement, Teleport, Transition } from 'vue'
 import { createPopper, Placement } from '@popperjs/core'
 
-import type { Placements } from '../../types'
+import type { Placements, Triggers } from '../../types'
 import { executeAfterTransition } from '../../utils/transition'
 import { getRTLPlacement } from '../../utils'
 
@@ -53,9 +53,9 @@ const CTooltip = defineComponent({
      * @values 'click', 'focus', 'hover'
      */
     trigger: {
-      type: [String, Array] as PropType<string | string[]>,
-      default: 'hover',
-      validator: (value: string | string[]) => {
+      type: [String, Array] as PropType<Triggers | Triggers[]>,
+      default: () => ['hover', 'focus'],
+      validator: (value: Triggers | Triggers[]) => {
         if (typeof value === 'string') {
           return ['click', 'focus', 'hover'].includes(value)
         }

From 21bd40179fbbde6903b532fdba3c783edfb11f21 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sat, 1 Jul 2023 20:36:34 +0200
Subject: [PATCH 157/346] refactor(CPopover): update `trigger` prop

---
 packages/coreui-vue/src/components/popover/CPopover.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/coreui-vue/src/components/popover/CPopover.ts b/packages/coreui-vue/src/components/popover/CPopover.ts
index 9ee5d3d8..6001ea08 100644
--- a/packages/coreui-vue/src/components/popover/CPopover.ts
+++ b/packages/coreui-vue/src/components/popover/CPopover.ts
@@ -1,7 +1,7 @@
 import { defineComponent, h, PropType, ref, RendererElement, Teleport, Transition } from 'vue'
 import { createPopper, Placement } from '@popperjs/core'
 
-import type { Placements } from '../../types'
+import type { Placements, Triggers } from '../../types'
 import { executeAfterTransition } from '../../utils/transition'
 import { getRTLPlacement } from '../../utils'
 
@@ -57,9 +57,9 @@ const CPopover = defineComponent({
      * @values 'click', 'focus', 'hover'
      */
     trigger: {
-      type: [String, Array] as PropType<string | string[]>,
+      type: [String, Array] as PropType<Triggers | Triggers[]>,
       default: 'click',
-      validator: (value: string | string[]) => {
+      validator: (value: Triggers | Triggers[]) => {
         if (typeof value === 'string') {
           return ['click', 'focus', 'hover'].includes(value)
         }

From ecbd65ea2652e868d034eb19b801fb2c3b12e90c Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sat, 1 Jul 2023 20:53:21 +0200
Subject: [PATCH 158/346] feat(CPopover, CTooltip): add the animation property
 to enable the control of the component's fade effect

---
 .../src/components/popover/CPopover.ts          | 17 ++++++++++++++++-
 .../src/components/tooltip/CTooltip.ts          | 17 ++++++++++++++++-
 2 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/packages/coreui-vue/src/components/popover/CPopover.ts b/packages/coreui-vue/src/components/popover/CPopover.ts
index 6001ea08..847a6b60 100644
--- a/packages/coreui-vue/src/components/popover/CPopover.ts
+++ b/packages/coreui-vue/src/components/popover/CPopover.ts
@@ -8,6 +8,15 @@ import { getRTLPlacement } from '../../utils'
 const CPopover = defineComponent({
   name: 'CPopover',
   props: {
+    /**
+     * Apply a CSS fade transition to the popover.
+     *
+     * @since 4.9.0-beta.2
+     */
+    animation: {
+      type: Boolean,
+      default: true,
+    },
     /**
      * Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`
      */
@@ -163,7 +172,13 @@ const CPopover = defineComponent({
             h(
               'div',
               {
-                class: 'popover fade bs-popover-auto',
+                class: [
+                  'popover',
+                  'bs-popover-auto',
+                  {
+                    fade: props.animation,
+                  },
+                ],
                 ref: popoverRef,
                 role: 'tooltip',
                 ...attrs,
diff --git a/packages/coreui-vue/src/components/tooltip/CTooltip.ts b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
index c0ad0304..e6b24b32 100644
--- a/packages/coreui-vue/src/components/tooltip/CTooltip.ts
+++ b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
@@ -8,6 +8,15 @@ import { getRTLPlacement } from '../../utils'
 const CTooltip = defineComponent({
   name: 'CTooltip',
   props: {
+    /**
+     * Apply a CSS fade transition to the tooltip.
+     *
+     * @since 4.9.0-beta.2
+     */
+    animation: {
+      type: Boolean,
+      default: true,
+    },
     /**
      * Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`
      */
@@ -159,7 +168,13 @@ const CTooltip = defineComponent({
             h(
               'div',
               {
-                class: 'tooltip fade bs-tooltip-auto',
+                class: [
+                  'tooltip',
+                  'bs-tooltip-auto',
+                  {
+                    fade: props.animation,
+                  },
+                ],
                 ref: tooltipRef,
                 role: 'tooltip',
                 ...attrs,

From e1f39f9487cc04efaebfa292d765709da849a9c9 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sat, 1 Jul 2023 22:14:11 +0200
Subject: [PATCH 159/346] feat(CPopover, CTooltip): add the delay property to
 enable the delay for the hide and show animations

---
 .../src/components/popover/CPopover.ts        | 37 +++++++++++++++----
 .../src/components/tooltip/CTooltip.ts        | 37 +++++++++++++++----
 2 files changed, 60 insertions(+), 14 deletions(-)

diff --git a/packages/coreui-vue/src/components/popover/CPopover.ts b/packages/coreui-vue/src/components/popover/CPopover.ts
index 847a6b60..e778291c 100644
--- a/packages/coreui-vue/src/components/popover/CPopover.ts
+++ b/packages/coreui-vue/src/components/popover/CPopover.ts
@@ -21,6 +21,15 @@ const CPopover = defineComponent({
      * Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`
      */
     content: String,
+    /**
+     * The delay for displaying and hiding the popover (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`.
+     *
+     * @since 4.9.0-beta.2
+     */
+    delay: {
+      type: [Number, Object] as PropType<number | { show: number; hide: number }>,
+      default: 0,
+    },
     /**
      * Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.
      *
@@ -98,6 +107,8 @@ const CPopover = defineComponent({
     const popoverRef = ref()
     const popper = ref()
     const visible = ref(props.visible)
+    const delay =
+      typeof props.delay === 'number' ? { show: props.delay, hide: props.delay } : props.delay
 
     const handleEnter = (el: RendererElement, done: () => void) => {
       emit('show')
@@ -115,9 +126,18 @@ const CPopover = defineComponent({
       }, el as HTMLElement)
     }
 
-    const handleToggle = (event: Event) => {
+    const toggleVisible = (event: Event, _visible: boolean) => {
       togglerRef.value = event.target
-      visible.value = !visible.value
+      if (_visible) {
+        setTimeout(() => {
+          visible.value = true
+        }, delay.show)
+        return
+      }
+
+      setTimeout(() => {
+        visible.value = false
+      }, delay.hide)
     }
 
     const initPopper = () => {
@@ -208,11 +228,14 @@ const CPopover = defineComponent({
       slots.toggler &&
         slots.toggler({
           on: {
-            click: (event: Event) => props.trigger.includes('click') && handleToggle(event),
-            blur: (event: Event) => props.trigger.includes('focus') && handleToggle(event),
-            focus: (event: Event) => props.trigger.includes('focus') && handleToggle(event),
-            mouseenter: (event: Event) => props.trigger.includes('hover') && handleToggle(event),
-            mouseleave: (event: Event) => props.trigger.includes('hover') && handleToggle(event),
+            click: (event: Event) =>
+              props.trigger.includes('click') && toggleVisible(event, !visible.value),
+            blur: (event: Event) => props.trigger.includes('focus') && toggleVisible(event, false),
+            focus: (event: Event) => props.trigger.includes('focus') && toggleVisible(event, true),
+            mouseenter: (event: Event) =>
+              props.trigger.includes('hover') && toggleVisible(event, true),
+            mouseleave: (event: Event) =>
+              props.trigger.includes('hover') && toggleVisible(event, false),
           },
         }),
     ]
diff --git a/packages/coreui-vue/src/components/tooltip/CTooltip.ts b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
index e6b24b32..55d84419 100644
--- a/packages/coreui-vue/src/components/tooltip/CTooltip.ts
+++ b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
@@ -21,6 +21,15 @@ const CTooltip = defineComponent({
      * Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`
      */
     content: String,
+    /**
+     * The delay for displaying and hiding the popover (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`.
+     *
+     * @since 4.9.0-beta.2
+     */
+    delay: {
+      type: [Number, Object] as PropType<number | { show: number; hide: number }>,
+      default: 0,
+    },
     /**
      * Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.
      *
@@ -94,6 +103,8 @@ const CTooltip = defineComponent({
     const tooltipRef = ref()
     const popper = ref()
     const visible = ref(props.visible)
+    const delay =
+      typeof props.delay === 'number' ? { show: props.delay, hide: props.delay } : props.delay
 
     const handleEnter = (el: RendererElement, done: () => void) => {
       emit('show')
@@ -111,9 +122,18 @@ const CTooltip = defineComponent({
       }, el as HTMLElement)
     }
 
-    const handleToggle = (event: Event) => {
+    const toggleVisible = (event: Event, _visible: boolean) => {
       togglerRef.value = event.target
-      visible.value = !visible.value
+      if (_visible) {
+        setTimeout(() => {
+          visible.value = true
+        }, delay.show)
+        return
+      }
+
+      setTimeout(() => {
+        visible.value = false
+      }, delay.hide)
     }
 
     const initPopper = () => {
@@ -196,11 +216,14 @@ const CTooltip = defineComponent({
       slots.toggler &&
         slots.toggler({
           on: {
-            click: (event: Event) => props.trigger.includes('click') && handleToggle(event),
-            blur: (event: Event) => props.trigger.includes('focus') && handleToggle(event),
-            focus: (event: Event) => props.trigger.includes('focus') && handleToggle(event),
-            mouseenter: (event: Event) => props.trigger.includes('hover') && handleToggle(event),
-            mouseleave: (event: Event) => props.trigger.includes('hover') && handleToggle(event),
+            click: (event: Event) =>
+              props.trigger.includes('click') && toggleVisible(event, !visible.value),
+            blur: (event: Event) => props.trigger.includes('focus') && toggleVisible(event, false),
+            focus: (event: Event) => props.trigger.includes('focus') && toggleVisible(event, true),
+            mouseenter: (event: Event) =>
+              props.trigger.includes('hover') && toggleVisible(event, true),
+            mouseleave: (event: Event) =>
+              props.trigger.includes('hover') && toggleVisible(event, false),
           },
         }),
     ]

From f5f92ef5b66a3388a35efd9c3a058a7627348a44 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 2 Jul 2023 16:22:28 +0200
Subject: [PATCH 160/346] feat(usePopper): add a new composable

---
 .../src/components/popover/CPopover.ts        | 67 ++++++++-----------
 .../src/components/tooltip/CTooltip.ts        | 67 ++++++++-----------
 packages/coreui-vue/src/composables/index.ts  |  3 +-
 .../coreui-vue/src/composables/usePopper.ts   | 25 +++++++
 4 files changed, 85 insertions(+), 77 deletions(-)
 create mode 100644 packages/coreui-vue/src/composables/usePopper.ts

diff --git a/packages/coreui-vue/src/components/popover/CPopover.ts b/packages/coreui-vue/src/components/popover/CPopover.ts
index e778291c..1c43742a 100644
--- a/packages/coreui-vue/src/components/popover/CPopover.ts
+++ b/packages/coreui-vue/src/components/popover/CPopover.ts
@@ -1,6 +1,7 @@
 import { defineComponent, h, PropType, ref, RendererElement, Teleport, Transition } from 'vue'
-import { createPopper, Placement } from '@popperjs/core'
+import type { Placement } from '@popperjs/core'
 
+import { usePopper } from '../../composables'
 import type { Placements, Triggers } from '../../types'
 import { executeAfterTransition } from '../../utils/transition'
 import { getRTLPlacement } from '../../utils'
@@ -105,14 +106,39 @@ const CPopover = defineComponent({
   setup(props, { attrs, slots, emit }) {
     const togglerRef = ref()
     const popoverRef = ref()
-    const popper = ref()
     const visible = ref(props.visible)
+    const { initPopper, destroyPopper } = usePopper()
+
     const delay =
       typeof props.delay === 'number' ? { show: props.delay, hide: props.delay } : props.delay
 
+    const popperConfig = {
+      modifiers: [
+        {
+          name: 'arrow',
+          options: {
+            element: '.popover-arrow',
+          },
+        },
+        {
+          name: 'flip',
+          options: {
+            fallbackPlacements: props.fallbackPlacements,
+          },
+        },
+        {
+          name: 'offset',
+          options: {
+            offset: props.offset,
+          },
+        },
+      ],
+      placement: getRTLPlacement(props.placement, togglerRef.value),
+    }
+
     const handleEnter = (el: RendererElement, done: () => void) => {
       emit('show')
-      initPopper()
+      initPopper(togglerRef.value, popoverRef.value, popperConfig)
       el.classList.add('show')
       executeAfterTransition(() => done(), el as HTMLElement)
     }
@@ -140,41 +166,6 @@ const CPopover = defineComponent({
       }, delay.hide)
     }
 
-    const initPopper = () => {
-      if (togglerRef.value) {
-        popper.value = createPopper(togglerRef.value, popoverRef.value, {
-          placement: getRTLPlacement(props.placement, togglerRef.value),
-          modifiers: [
-            {
-              name: 'arrow',
-              options: {
-                element: '.popover-arrow',
-              },
-            },
-            {
-              name: 'flip',
-              options: {
-                fallbackPlacements: props.fallbackPlacements,
-              },
-            },
-            {
-              name: 'offset',
-              options: {
-                offset: props.offset,
-              },
-            },
-          ],
-        })
-      }
-    }
-
-    const destroyPopper = () => {
-      if (popper.value) {
-        popper.value.destroy()
-      }
-      popper.value = undefined
-    }
-
     return () => [
       h(
         Teleport,
diff --git a/packages/coreui-vue/src/components/tooltip/CTooltip.ts b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
index 55d84419..638cb387 100644
--- a/packages/coreui-vue/src/components/tooltip/CTooltip.ts
+++ b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
@@ -1,6 +1,7 @@
 import { defineComponent, h, PropType, ref, RendererElement, Teleport, Transition } from 'vue'
-import { createPopper, Placement } from '@popperjs/core'
+import type { Placement } from '@popperjs/core'
 
+import { usePopper } from '../../composables'
 import type { Placements, Triggers } from '../../types'
 import { executeAfterTransition } from '../../utils/transition'
 import { getRTLPlacement } from '../../utils'
@@ -101,14 +102,39 @@ const CTooltip = defineComponent({
   setup(props, { attrs, slots, emit }) {
     const togglerRef = ref()
     const tooltipRef = ref()
-    const popper = ref()
     const visible = ref(props.visible)
+    const { initPopper, destroyPopper } = usePopper()
+    
     const delay =
       typeof props.delay === 'number' ? { show: props.delay, hide: props.delay } : props.delay
 
+    const popperConfig = {
+      modifiers: [
+        {
+          name: 'arrow',
+          options: {
+            element: '.tooltip-arrow',
+          },
+        },
+        {
+          name: 'flip',
+          options: {
+            fallbackPlacements: props.fallbackPlacements,
+          },
+        },
+        {
+          name: 'offset',
+          options: {
+            offset: props.offset,
+          },
+        },
+      ],
+      placement: getRTLPlacement(props.placement, togglerRef.value),
+    }
+
     const handleEnter = (el: RendererElement, done: () => void) => {
       emit('show')
-      initPopper()
+      initPopper(togglerRef.value, tooltipRef.value, popperConfig)
       el.classList.add('show')
       executeAfterTransition(() => done(), el as HTMLElement)
     }
@@ -136,41 +162,6 @@ const CTooltip = defineComponent({
       }, delay.hide)
     }
 
-    const initPopper = () => {
-      if (togglerRef.value) {
-        popper.value = createPopper(togglerRef.value, tooltipRef.value, {
-          placement: getRTLPlacement(props.placement, togglerRef.value),
-          modifiers: [
-            {
-              name: 'arrow',
-              options: {
-                element: '.tooltip-arrow',
-              },
-            },
-            {
-              name: 'flip',
-              options: {
-                fallbackPlacements: props.fallbackPlacements,
-              },
-            },
-            {
-              name: 'offset',
-              options: {
-                offset: props.offset,
-              },
-            },
-          ],
-        })
-      }
-    }
-
-    const destroyPopper = () => {
-      if (popper.value) {
-        popper.value.destroy()
-      }
-      popper.value = undefined
-    }
-
     return () => [
       h(
         Teleport,
diff --git a/packages/coreui-vue/src/composables/index.ts b/packages/coreui-vue/src/composables/index.ts
index d8150212..4cee4c15 100644
--- a/packages/coreui-vue/src/composables/index.ts
+++ b/packages/coreui-vue/src/composables/index.ts
@@ -1,3 +1,4 @@
 import { useColorModes } from './useColorModes'
+import { usePopper } from './usePopper'
 
-export { useColorModes }
+export { useColorModes, usePopper }
diff --git a/packages/coreui-vue/src/composables/usePopper.ts b/packages/coreui-vue/src/composables/usePopper.ts
new file mode 100644
index 00000000..23bba6d5
--- /dev/null
+++ b/packages/coreui-vue/src/composables/usePopper.ts
@@ -0,0 +1,25 @@
+import { ref } from 'vue'
+import { createPopper } from '@popperjs/core'
+import type { Instance, Options } from '@popperjs/core'
+
+export const usePopper = () => {
+  const _popper = ref<Instance>()
+
+  const initPopper = (reference: HTMLElement, popper: HTMLElement, options: Partial<Options>) => {
+    _popper.value = createPopper(reference, popper, options)
+  }
+
+  const destroyPopper = () => {
+    if (_popper.value) {
+      _popper.value.destroy()
+    }
+
+    _popper.value = undefined
+  }
+
+  return {
+    popper: _popper.value,
+    initPopper,
+    destroyPopper,
+  }
+}

From 6286039d461e66cb1410efa010ddd6fe08ba5f31 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 2 Jul 2023 20:42:28 +0200
Subject: [PATCH 161/346] refactor(CDropdown): rebuild the component, and
 improve the syntax

---
 .../src/components/dropdown/CDropdown.ts      | 160 +++++++++++-------
 .../src/components/dropdown/CDropdownMenu.ts  |  49 +-----
 .../components/dropdown/CDropdownToggle.ts    |  10 +-
 3 files changed, 106 insertions(+), 113 deletions(-)

diff --git a/packages/coreui-vue/src/components/dropdown/CDropdown.ts b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
index 3a172503..89d16f82 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdown.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
@@ -1,9 +1,53 @@
-import { defineComponent, h, ref, provide, watch, PropType, onMounted } from 'vue'
-import { createPopper, Placement } from '@popperjs/core'
+import { defineComponent, h, ref, provide, watch, PropType } from 'vue'
+import type { Placement } from '@popperjs/core'
 
-import { Triggers } from '../../types'
+import { usePopper } from '../../composables'
+import type { Placements, Triggers } from '../../types'
 import { isRTL } from '../../utils'
 
+export type Directions = 'start' | 'end'
+
+export type Breakpoints =
+  | { xs: Directions }
+  | { sm: Directions }
+  | { md: Directions }
+  | { lg: Directions }
+  | { xl: Directions }
+  | { xxl: Directions }
+
+export type Alignments = Directions | Breakpoints
+
+const getPlacement = (
+  placement: Placement,
+  direction: string | undefined,
+  alignment: Alignments | string | undefined,
+  isRTL: boolean,
+): Placements => {
+  let _placement = placement
+
+  if (direction === 'dropup') {
+    _placement = isRTL ? 'top-end' : 'top-start'
+  }
+
+  if (direction === 'dropup-center') {
+    _placement = 'top'
+  }
+
+  if (direction === 'dropend') {
+    _placement = isRTL ? 'left-start' : 'right-start'
+  }
+
+  if (direction === 'dropstart') {
+    _placement = isRTL ? 'right-start' : 'left-start'
+  }
+
+  if (alignment === 'end') {
+    _placement = isRTL ? 'bottom-start' : 'bottom-end'
+  }
+
+  return _placement
+}
+
 const CDropdown = defineComponent({
   name: 'CDropdown',
   props: {
@@ -13,7 +57,7 @@ const CDropdown = defineComponent({
      * @values { 'start' | 'end' | { xs: 'start' | 'end' } | { sm: 'start' | 'end' } | { md: 'start' | 'end' } | { lg: 'start' | 'end' } | { xl: 'start' | 'end'} | { xxl: 'start' | 'end'} }
      */
     alignment: {
-      type: [String, Object],
+      type: [String, Object] as PropType<string | Alignments>,
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       validator: (value: string | any) => {
         if (value === 'start' || value === 'end') {
@@ -127,10 +171,20 @@ const CDropdown = defineComponent({
   setup(props, { slots, emit }) {
     const dropdownToggleRef = ref()
     const dropdownMenuRef = ref()
-    const placement = ref(props.placement)
-    const popper = ref()
+    const popper = ref(typeof props.alignment === 'object' ? false : props.popper)
     const visible = ref(props.visible)
 
+    const { initPopper, destroyPopper } = usePopper()
+
+    const popperConfig = {
+      placement: getPlacement(
+        props.placement,
+        props.direction,
+        props.alignment,
+        isRTL(dropdownMenuRef.value),
+      ) as Placement,
+    }
+
     watch(
       () => props.visible,
       () => {
@@ -138,8 +192,22 @@ const CDropdown = defineComponent({
       },
     )
 
+    watch(visible, () => {
+      if (visible.value && dropdownToggleRef.value && dropdownMenuRef.value) {
+        popper.value && initPopper(dropdownToggleRef.value, dropdownMenuRef.value, popperConfig)
+        window.addEventListener('mouseup', handleMouseUp)
+        window.addEventListener('keyup', handleKeyup)
+        emit('show')
+        return
+      }
+
+      popper.value && destroyPopper()
+      window.removeEventListener('mouseup', handleMouseUp)
+      window.removeEventListener('keyup', handleKeyup)
+      emit('hide')
+    })
+
     provide('config', {
-      autoClose: props.autoClose,
       alignment: props.alignment,
       dark: props.dark,
       popper: props.popper,
@@ -150,27 +218,38 @@ const CDropdown = defineComponent({
     provide('dropdownToggleRef', dropdownToggleRef)
     provide('dropdownMenuRef', dropdownMenuRef)
 
-    const initPopper = () => {
-      // Disable popper if responsive aligment is set.
-      if (typeof props.alignment === 'object') {
+    const handleKeyup = (event: KeyboardEvent) => {
+      if (props.autoClose === false) {
         return
       }
 
-      if (dropdownToggleRef.value) {
-        popper.value = createPopper(dropdownToggleRef.value, dropdownMenuRef.value, {
-          placement: placement.value,
-        })
+      if (event.key === 'Escape') {
+        setVisible(false)
       }
     }
 
-    const destroyPopper = () => {
-      if (popper.value) {
-        popper.value.destroy()
+    const handleMouseUp = (event: Event) => {
+      if (!dropdownToggleRef.value || !dropdownMenuRef.value) {
+        return
+      }
+
+      if (dropdownToggleRef.value.contains(event.target as HTMLElement)) {
+        return
+      }
+
+      if (
+        props.autoClose === true ||
+        (props.autoClose === 'inside' &&
+          dropdownMenuRef.value.contains(event.target as HTMLElement)) ||
+        (props.autoClose === 'outside' &&
+          !dropdownMenuRef.value.contains(event.target as HTMLElement))
+      ) {
+        setVisible(false)
+        return
       }
-      popper.value = undefined
     }
 
-    const toggleMenu = (_visible?: boolean) => {
+    const setVisible = (_visible?: boolean) => {
       if (props.disabled) {
         return
       }
@@ -188,48 +267,7 @@ const CDropdown = defineComponent({
       visible.value = true
     }
 
-    provide('toggleMenu', toggleMenu)
-
-    const hideMenu = () => {
-      if (props.disabled) {
-        return
-      }
-
-      visible.value = false
-    }
-
-    provide('hideMenu', hideMenu)
-
-    watch(visible, () => {
-      props.popper && (visible.value ? initPopper() : destroyPopper())
-      visible.value ? emit('show') : emit('hide')
-    })
-
-    onMounted(() => {
-      if (props.direction === 'center') {
-        placement.value = 'bottom'
-      }
-
-      if (props.direction === 'dropup') {
-        placement.value = isRTL(dropdownMenuRef.value) ? 'top-end' : 'top-start'
-      }
-
-      if (props.direction === 'dropup-center') {
-        placement.value = 'top'
-      }
-
-      if (props.direction === 'dropend') {
-        placement.value = isRTL(dropdownMenuRef.value) ? 'left-start' : 'right-start'
-      }
-
-      if (props.direction === 'dropstart') {
-        placement.value = isRTL(dropdownMenuRef.value) ? 'right-start' : 'left-start'
-      }
-
-      if (props.alignment === 'end') {
-        placement.value = isRTL(dropdownMenuRef.value) ? 'bottom-start' : 'bottom-end'
-      }
-    })
+    provide('setVisible', setVisible)
 
     return () =>
       props.variant === 'input-group'
diff --git a/packages/coreui-vue/src/components/dropdown/CDropdownMenu.ts b/packages/coreui-vue/src/components/dropdown/CDropdownMenu.ts
index 5f06c4e9..43c885e6 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdownMenu.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdownMenu.ts
@@ -1,4 +1,4 @@
-import { defineComponent, h, inject, onUnmounted, onUpdated, Ref } from 'vue'
+import { defineComponent, h, inject, Ref } from 'vue'
 
 const CDropdownMenu = defineComponent({
   name: 'CDropdownMenu',
@@ -14,13 +14,11 @@ const CDropdownMenu = defineComponent({
     },
   },
   setup(props, { slots }) {
-    const dropdownToggleRef = inject('dropdownToggleRef') as Ref<HTMLElement>
     const dropdownMenuRef = inject('dropdownMenuRef') as Ref<HTMLElement>
     const config = inject('config') as any // eslint-disable-line @typescript-eslint/no-explicit-any
-    const hideMenu = inject('hideMenu') as () => void
     const visible = inject('visible') as Ref<boolean>
 
-    const { autoClose, alignment, dark, popper } = config
+    const { alignment, dark, popper } = config
 
     // eslint-disable-next-line @typescript-eslint/ban-types, unicorn/consistent-function-scoping
     const alignmentClassNames = (alignment: object | string) => {
@@ -36,49 +34,6 @@ const CDropdownMenu = defineComponent({
       return classNames
     }
 
-    const handleKeyup = (event: KeyboardEvent) => {
-      if (autoClose === false) {
-        return
-      }
-
-      if (event.key === 'Escape') {
-        hideMenu()
-      }
-    }
-
-    const handleMouseUp = (event: Event) => {
-      if (dropdownToggleRef.value?.contains(event.target as HTMLElement)) {
-        return
-      }
-
-      if (autoClose === true) {
-        hideMenu()
-        return
-      }
-
-      if (autoClose === 'inside' && dropdownMenuRef.value?.contains(event.target as HTMLElement)) {
-        hideMenu()
-        return
-      }
-
-      if (
-        autoClose === 'outside' &&
-        !dropdownMenuRef.value?.contains(event.target as HTMLElement)
-      ) {
-        hideMenu()
-      }
-    }
-
-    onUpdated(() => {
-      visible.value && window.addEventListener('mouseup', handleMouseUp)
-      visible.value && window.addEventListener('keyup', handleKeyup)
-    })
-
-    onUnmounted(() => {
-      window.removeEventListener('mouseup', handleMouseUp)
-      window.removeEventListener('keyup', handleKeyup)
-    })
-
     return () =>
       h(
         props.component,
diff --git a/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts b/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
index 83e71622..eb8200fd 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
@@ -3,7 +3,7 @@ import { cloneVNode, defineComponent, h, inject, onMounted, PropType, Ref, ref }
 import { CButton } from '../button'
 
 import { Color, Shape } from '../../props'
-import { Triggers } from '../../types'
+import type { Triggers } from '../../types'
 
 const CDropdownToggle = defineComponent({
   name: 'CDropdownToggle',
@@ -85,7 +85,7 @@ const CDropdownToggle = defineComponent({
     const dropdownToggleRef = inject('dropdownToggleRef') as Ref<HTMLElement>
     const dropdownVariant = inject('variant') as string
     const visible = inject('visible') as Ref<boolean>
-    const toggleMenu = inject('toggleMenu') as (_visible?: boolean) => void
+    const setVisible = inject('setVisible') as (_visible?: boolean) => void
 
     const className = [
       {
@@ -103,7 +103,7 @@ const CDropdownToggle = defineComponent({
             return
           }
 
-          toggleMenu()
+          setVisible()
         },
       }),
       ...((props.trigger === 'focus' || props.trigger.includes('focus')) && {
@@ -112,13 +112,13 @@ const CDropdownToggle = defineComponent({
             return
           }
 
-          toggleMenu(true)
+          setVisible(true)
         },
         onblur: () => {
           if (props.disabled) {
             return
           }
-          toggleMenu(false)
+          setVisible(false)
         },
       }),
     }

From 0b02b4f068885093671a022bbad0f67abec1a332 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 2 Jul 2023 20:45:11 +0200
Subject: [PATCH 162/346] feat(CDropdown): add the `offset` property

---
 .../src/components/dropdown/CDropdown.ts        | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/packages/coreui-vue/src/components/dropdown/CDropdown.ts b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
index 89d16f82..67b4d0cc 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdown.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
@@ -118,6 +118,15 @@ const CDropdown = defineComponent({
      * Toggle the disabled state for the component.
      */
     disabled: Boolean,
+    /**
+     * Offset of the dropdown menu relative to its target.
+     *
+     * @since 4.9.0-beta.2
+     */
+    offset: {
+      type: Array,
+      default: () => [0, 2],
+    },
     /**
      * Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.
      *
@@ -177,6 +186,14 @@ const CDropdown = defineComponent({
     const { initPopper, destroyPopper } = usePopper()
 
     const popperConfig = {
+      modifiers: [
+        {
+          name: 'offset',
+          options: {
+            offset: props.offset,
+          },
+        },
+      ],
       placement: getPlacement(
         props.placement,
         props.direction,

From ccc3c22cf45cdb3a5e6d8c480912090dcbf3fcc8 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 2 Jul 2023 21:32:21 +0200
Subject: [PATCH 163/346] refactor(useColorModes): update the handling of color
 modes

---
 .../coreui-vue/src/composables/useColorModes.ts    |  3 ++-
 .../theme-coreui/src/client/components/Header.vue  | 14 +++++++-------
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/packages/coreui-vue/src/composables/useColorModes.ts b/packages/coreui-vue/src/composables/useColorModes.ts
index c0b01623..ac622e5d 100644
--- a/packages/coreui-vue/src/composables/useColorModes.ts
+++ b/packages/coreui-vue/src/composables/useColorModes.ts
@@ -2,6 +2,7 @@ import { onBeforeMount, ref, watch } from 'vue'
 
 const getStoredTheme = (localStorageItemName: string) =>
   typeof window !== 'undefined' && localStorage.getItem(localStorageItemName)
+
 const setStoredTheme = (localStorageItemName: string, colorMode: string) =>
   localStorage.setItem(localStorageItemName, colorMode)
 
@@ -53,7 +54,7 @@ export const useColorModes = (localStorageItemName = 'coreui-vue-color-scheme')
   })
 
   return {
-    getColorMode: () => colorMode.value,
+    colorMode,
     isColorModeSet: () => Boolean(getStoredTheme(localStorageItemName)),
     setColorMode: (mode: string) => {
       colorMode.value = mode
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
index 9dae0892..183935cf 100644
--- a/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
+++ b/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
@@ -20,13 +20,13 @@
       </li>
       <CDropdown variant="nav-item" placement="bottom-end">
         <CDropdownToggle :caret="false">
-          <CIcon v-if="getColorMode() === 'dark'" icon="cil-moon" size="xl" />
-          <CIcon v-else-if="getColorMode() === 'light'" icon="cil-sun" size="xl" />
+          <CIcon v-if="colorMode === 'dark'" icon="cil-moon" size="xl" />
+          <CIcon v-else-if="colorMode === 'light'" icon="cil-sun" size="xl" />
           <CIcon v-else icon="cil-contrast" size="xl" />
         </CDropdownToggle>
         <CDropdownMenu>
           <CDropdownItem
-            :active="getColorMode() === 'light'"
+            :active="colorMode === 'light'"
             class="d-flex align-items-center"
             component="button"
             type="button"
@@ -35,7 +35,7 @@
             <CIcon class="me-2" icon="cil-sun" size="lg" /> Light
           </CDropdownItem>
           <CDropdownItem
-            :active="getColorMode() === 'dark'"
+            :active="colorMode === 'dark'"
             class="d-flex align-items-center"
             component="button"
             type="button"
@@ -44,7 +44,7 @@
             <CIcon class="me-2" icon="cil-moon" size="lg" /> Dark
           </CDropdownItem>
           <CDropdownItem
-            :active="getColorMode() === 'auto'"
+            :active="colorMode === 'auto'"
             class="d-flex align-items-center"
             component="button"
             type="button"
@@ -97,11 +97,11 @@ export default defineComponent({
   },
   emits: ['toggle-sidebar'],
   setup() {
-    const { getColorMode, setColorMode } = useColorModes('coreui-vue-docs-theme')
+    const { colorMode, setColorMode } = useColorModes('coreui-vue-docs-theme')
     
     return {
+      colorMode,
       setColorMode,
-      getColorMode,
     }
   },
 })

From 30a0ca0645f0d7c69eb763de616809b6ec28b0d1 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Mon, 3 Jul 2023 22:04:06 +0200
Subject: [PATCH 164/346] feat(CFormCheck): add support for the `true-value`
 and `false-value` props, and enhance the handling of `v-model`

---
 .../src/components/form/CFormCheck.ts         | 57 +++++++++++++++++--
 1 file changed, 53 insertions(+), 4 deletions(-)

diff --git a/packages/coreui-vue/src/components/form/CFormCheck.ts b/packages/coreui-vue/src/components/form/CFormCheck.ts
index b6e3df51..63c99288 100644
--- a/packages/coreui-vue/src/components/form/CFormCheck.ts
+++ b/packages/coreui-vue/src/components/form/CFormCheck.ts
@@ -14,6 +14,12 @@ const CFormCheck = defineComponent({
      * @see http://coreui.io/vue/docs/components/button.html
      */
     button: Object,
+    /**
+     * Use in conjunction with the v-model directive to specify the value that should be assigned to the bound variable when the checkbox is in the `false` state.
+     *
+     * @since 4.9.0-beta.2
+     */
+    falseValue: String,
     /**
      * Provide valuable, actionable feedback.
      *
@@ -66,7 +72,7 @@ const CFormCheck = defineComponent({
      * The default name for a value passed using v-model.
      */
     modelValue: {
-      type: [Boolean, String],
+      type: [Array, Boolean, String],
       value: undefined,
     },
     /**
@@ -81,6 +87,12 @@ const CFormCheck = defineComponent({
      * @since 4.3.0
      */
     tooltipFeedback: Boolean,
+    /**
+     * Use in conjunction with the v-model directive to specify the value that should be assigned to the bound variable when the checkbox is in the `true` state.
+     *
+     * @since 4.9.0-beta.2
+     */
+    trueValue: String,
     /**
      * Specifies the type of component.
      *
@@ -111,8 +123,35 @@ const CFormCheck = defineComponent({
   ],
   setup(props, { attrs, emit, slots }) {
     const handleChange = (event: InputEvent) => {
+      const target = event.target as HTMLInputElement
       emit('change', event)
-      emit('update:modelValue', (event.target as HTMLInputElement).value)
+
+      if (props.falseValue && props.trueValue) {
+        emit('update:modelValue', target.checked ? props.trueValue : props.falseValue)
+        return
+      }
+
+      if (props.value && Array.isArray(props.modelValue)) {
+        if (props.modelValue.includes(props.value)) {
+          emit(
+            'update:modelValue',
+            props.modelValue.filter((value) => value !== props.value),
+          )
+        } else {
+          emit('update:modelValue', [...props.modelValue, props.value])
+        }
+
+        return
+      }
+
+      if (props.value === undefined) {
+        emit('update:modelValue', target.checked)
+        return
+      }
+
+      if (props.value && (props.modelValue === undefined || typeof props.modelValue === 'string')) {
+        emit('update:modelValue', target.checked ? props.value : undefined)
+      }
     }
 
     const className = [
@@ -135,12 +174,22 @@ const CFormCheck = defineComponent({
       },
     ]
 
-    const isChecked = computed(() => props.modelValue == props.value)
+    const isChecked = computed(() => {
+      if (Array.isArray(props.modelValue)) {
+        return props.modelValue.includes(props.value)
+      }
+
+      if (typeof props.modelValue === 'string') {
+        return props.modelValue === props.value
+      }
+
+      return props.modelValue
+    })
 
     const formControl = () => {
       return h('input', {
         ...attrs,
-        ...(props.modelValue && { checked: isChecked.value }),
+        ...(props.modelValue && props.value && { checked: isChecked.value }),
         class: inputClassName,
         id: props.id,
         indeterminate: props.indeterminate,

From 477dfa6c84007a172860c2fcf999276015a41c64 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Mon, 3 Jul 2023 22:04:25 +0200
Subject: [PATCH 165/346] docs: update content

---
 packages/docs/components/tooltip.md | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/packages/docs/components/tooltip.md b/packages/docs/components/tooltip.md
index a03128d5..92e984ba 100644
--- a/packages/docs/components/tooltip.md
+++ b/packages/docs/components/tooltip.md
@@ -161,10 +161,7 @@ You can customize the appearance of tooltips using [CSS variables](#css-variable
 Elements with the disabled attribute aren’t interactive, meaning users cannot focus, hover, or click them to trigger a tooltip (or popover). As a workaround, you’ll want to trigger the tooltip from a wrapper `<div>` or `<span>`, ideally made keyboard-focusable using `tabindex="0"`.
 
 :::demo
-<CTooltip
-  content="Disabled tooltip"
-  :trigger="['hover', 'focus']"
->
+<CTooltip content="Disabled tooltip">
   <template #toggler="{ on }">
     <span class="d-inline-block" :tabindex="0" v-on="on">
       <CButton color="primary" disabled>Disabled button</CButton>
@@ -173,10 +170,7 @@ Elements with the disabled attribute aren’t interactive, meaning users cannot
 </CTooltip>
 :::
 ```vue
-<CTooltip
-  content="Disabled tooltip"
-  :trigger="['hover', 'focus']"
->
+<CTooltip content="Disabled tooltip">
   <template #toggler="{ on }">
     <span class="d-inline-block" :tabindex="0" v-on="on">
       <CButton color="primary" disabled>Disabled button</CButton>

From 2e0e3338d58330c5238f410fbf3a0cc6f83092fd Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 6 Jul 2023 13:41:54 +0200
Subject: [PATCH 166/346] refactor: update lerna to v7

---
 lerna.json    | 8 +++-----
 package.json  | 2 +-
 tsconfig.json | 2 +-
 3 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/lerna.json b/lerna.json
index a64928e9..c7f755c9 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,8 +1,6 @@
 {
   "npmClient": "yarn",
-  "packages": [
-    "packages/*"
-  ],
-  "useWorkspaces": true,
-  "version": "4.9.0-beta.2"
+  "packages": ["packages/*"],
+  "version": "4.9.0-beta.2",
+  "$schema": "node_modules/lerna/schemas/lerna-schema.json"
 }
diff --git a/package.json b/package.json
index a83c62b8..d735e3b1 100644
--- a/package.json
+++ b/package.json
@@ -32,7 +32,7 @@
     "eslint-plugin-vue": "^9.10.0",
     "eslint-config-prettier": "^8.7.0",
     "eslint-plugin-unicorn": "^46.0.0",
-    "lerna": "^6.6.1",
+    "lerna": "^7.1.1",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.8.7"
   }
diff --git a/tsconfig.json b/tsconfig.json
index 8cf48188..d8923dca 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -30,4 +30,4 @@
     }
   },
   "exclude": ["**/node_modules", "**/dist"]
-}
\ No newline at end of file
+}

From afd030b4fb875066127cf68971b03f462fc499ce Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 6 Jul 2023 13:42:44 +0200
Subject: [PATCH 167/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@typescript-eslint/eslint-plugin  ^5.57.0  →  ^5.61.0
@typescript-eslint/parser         ^5.57.0  →  ^5.61.0
@vue/eslint-config-typescript     ^11.0.2  →  ^11.0.3
@vue/vue3-jest                     29.2.3  →   29.2.4
eslint                             8.36.0  →   8.44.0
eslint-config-prettier             ^8.7.0  →   ^8.8.0
eslint-plugin-unicorn             ^46.0.0  →  ^47.0.0
eslint-plugin-vue                 ^9.10.0  →  ^9.15.1
prettier                           ^2.8.7  →   ^3.0.0
---
 package.json | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/package.json b/package.json
index d735e3b1..048e9734 100644
--- a/package.json
+++ b/package.json
@@ -22,18 +22,18 @@
     "test:update": "npm-run-all charts:test:update icons:test:update lib:test:update"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^5.57.0",
-    "@typescript-eslint/parser": "^5.57.0",
+    "@typescript-eslint/eslint-plugin": "^5.61.0",
+    "@typescript-eslint/parser": "^5.61.0",
     "@vue/eslint-config-prettier": "^7.1.0",
-    "@vue/eslint-config-typescript": "^11.0.2",
-    "@vue/vue3-jest": "29.2.3",
-    "eslint": "8.36.0",
+    "@vue/eslint-config-typescript": "^11.0.3",
+    "@vue/vue3-jest": "29.2.4",
+    "eslint": "8.44.0",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-vue": "^9.10.0",
-    "eslint-config-prettier": "^8.7.0",
-    "eslint-plugin-unicorn": "^46.0.0",
+    "eslint-plugin-vue": "^9.15.1",
+    "eslint-config-prettier": "^8.8.0",
+    "eslint-plugin-unicorn": "^47.0.0",
     "lerna": "^7.1.1",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.8.7"
+    "prettier": "^3.0.0"
   }
 }

From df5fa2625c0cdab35cbebbf7d14f0b837a091150 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 6 Jul 2023 13:46:20 +0200
Subject: [PATCH 168/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@rollup/plugin-commonjs    ^25.0.1  →  ^25.0.2
@rollup/plugin-typescript  ^11.1.1  →  ^11.1.2
@vue/test-utils             ^2.3.2  →   ^2.4.0
jest                       ^29.5.0  →  ^29.6.0
jest-environment-jsdom     ^29.5.0  →  ^29.6.0
rollup                     ^3.25.0  →  ^3.26.2
ts-jest                    ^29.1.0  →  ^29.1.1
typescript                  ^4.9.5  →   ^5.1.6
vue-types                   ^5.0.3  →   ^5.1.0
---
 packages/coreui-vue/package.json | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index a8bc07f0..ed1c5de0 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -38,23 +38,23 @@
   },
   "devDependencies": {
     "@popperjs/core": "^2.11.8",
-    "@rollup/plugin-commonjs": "^25.0.1",
+    "@rollup/plugin-commonjs": "^25.0.2",
     "@rollup/plugin-node-resolve": "^15.1.0",
-    "@rollup/plugin-typescript": "^11.1.1",
+    "@rollup/plugin-typescript": "^11.1.2",
     "@types/jest": "^29.5.2",
-    "@vue/test-utils": "^2.3.2",
+    "@vue/test-utils": "^2.4.0",
     "@vue/vue3-jest": "29.2.4",
-    "jest": "^29.5.0",
-    "jest-environment-jsdom": "^29.5.0",
-    "rollup": "^3.25.0",
+    "jest": "^29.6.0",
+    "jest-environment-jsdom": "^29.6.0",
+    "rollup": "^3.26.2",
     "rollup-plugin-vue": "^6.0.0",
-    "ts-jest": "^29.1.0",
-    "typescript": "^4.9.5",
+    "ts-jest": "^29.1.1",
+    "typescript": "^5.1.6",
     "vue": "^3.3.4",
-    "vue-types": "^5.0.3"
+    "vue-types": "^5.1.0"
   },
   "peerDependencies": {
-    "@coreui/coreui": "^4.2.6",
+    "@coreui/coreui": "^5.0.0-alpha.0",
     "vue": "^3.2.21"
   },
   "standard": {

From 484809a60eeffec4a6a1340ad26ff3107dcfd7cc Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 6 Jul 2023 13:48:51 +0200
Subject: [PATCH 169/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@docsearch/css  ^3.5.0  →  ^3.5.1
@docsearch/js   ^3.5.0  →  ^3.5.1
---
 packages/docs/package.json | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/docs/package.json b/packages/docs/package.json
index 140c3ee8..330fe8c4 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -9,13 +9,13 @@
   "license": "MIT",
   "devDependencies": {
     "@coreui/chartjs": "^3.1.2",
-    "@coreui/coreui": "^4.3.0-beta.0",
+    "@coreui/coreui": "^5.0.0-alpha.0",
     "@coreui/icons": "^3.0.1",
     "@coreui/icons-vue": "^2.0.0",
     "@coreui/utils": "^2.0.2",
     "@coreui/vue-chartjs": "^2.1.0",
-    "@docsearch/css": "^3.5.0",
-    "@docsearch/js": "^3.5.0",
+    "@docsearch/css": "^3.5.1",
+    "@docsearch/js": "^3.5.1",
     "@vuepress/plugin-register-components": "2.0.0-beta.62",
     "@vuepress/plugin-toc": "2.0.0-beta.62",
     "markdown-it-include": "^2.0.0",

From 1a88af11ecbcb1b0c05c45c8341576a548268552 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 6 Jul 2023 14:02:12 +0200
Subject: [PATCH 170/346] docs: update content

---
 packages/docs/getting-started/introduction.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/docs/getting-started/introduction.md b/packages/docs/getting-started/introduction.md
index ea260da9..ea2c7dcd 100644
--- a/packages/docs/getting-started/introduction.md
+++ b/packages/docs/getting-started/introduction.md
@@ -10,13 +10,13 @@ menu: Getting started
 ### Npm
 
 ```bash
-npm install @coreui/vue
+npm install @coreui/vue@next
 ```
 
 ### Yarn
 
 ```bash
-yarn add @coreui/vue
+yarn add @coreui/vue@next
 ```
 
 ## Using components
@@ -34,7 +34,7 @@ Vue components are styled using `@coreui/coreui` CSS library, but you can use th
 ###### Installation
 
 ```bash
-npm install @coreui/coreui
+npm install @coreui/coreui@next
 ```
 
 ###### Basic usage

From 60896c2315dc18d2815deca93970a41333dff537 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 6 Jul 2023 14:02:38 +0200
Subject: [PATCH 171/346] chore: clean-up

---
 .../src/client/styles/_syntax.scss            | 142 ------------------
 1 file changed, 142 deletions(-)
 delete mode 100644 packages/docs/.vuepress/theme-coreui/src/client/styles/_syntax.scss

diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_syntax.scss b/packages/docs/.vuepress/theme-coreui/src/client/styles/_syntax.scss
deleted file mode 100644
index ac38381a..00000000
--- a/packages/docs/.vuepress/theme-coreui/src/client/styles/_syntax.scss
+++ /dev/null
@@ -1,142 +0,0 @@
-:root,
-[data-coreui-theme="light"] {
-  // --base00: #fff;
-  // --base01: #f5f5f5;
-  --base02: #c8c8fa;
-  --base03: #565c64;
-  --base04: #666;
-  --base05: #333;
-  --base06: #fff;
-  --base07: #{$teal-700}; // #9a6700
-  --base08: #{mix($red-500, $red-600, 50%)}; // #bc4c00
-  --base09: #{$cyan-700}; // #087990
-  --base0A: #{$purple-500}; // #795da3
-  --base0B: #{$blue-700}; // #183691
-  --base0C: #{$blue-700}; // #183691
-  --base0D: #{$purple-500}; // #795da3
-  --base0E: #{$pink-600}; // #a71d5d
-  --base0F: #333;
-}
-
-@include color-mode(dark, true) {
-  // --base00: #282c34;
-  // --base01: #353b45;
-  --base02: #3e4451;
-  --base03: #868e96;
-  --base04: #868e96;
-  --base05: #abb2bf;
-  --base06: #b6bdca;
-  --base07: #{$orange-300}; // #d19a66
-  --base08: #{$cyan-300};
-  --base09: #{$orange-300}; // #d19a66
-  --base0A: #{$yellow-200}; // #e5c07b
-  --base0B: #{$teal-300}; // #98c379
-  --base0C: #{$teal-300}; // #56b6c2
-  --base0D: #{$blue-300}; // #61afef
-  --base0E: #{$indigo-200}; // #c678dd
-  --base0F: #{$red-300}; // #be5046
-
-  .language-diff .gd {
-    color: $red-400;
-  }
-  .language-diff .gi {
-    color: $green-400;
-  }
-}
-
-.hl { background-color: var(--base02); }
-.c { color: var(--base03); }
-.err { color: var(--base08); }
-.k { color: var(--base0E); }
-.l { color: var(----base09); }
-.n { color: var(--base08); }
-.o { color: var(--base05); }
-.p { color: var(--base05); }
-.cm { color: var(--base04); }
-.cp { color: var(--base08); }
-.c1 { color: var(--base03); }
-.cs { color: var(--base04); }
-.gd { color: var(--base08); }
-.ge { font-style: italic; }
-.gh {
-  font-weight: 600;
-  color: var(--base0A);
-}
-.gi { color: var(--cui-success); }
-.gp {
-  font-weight: 600;
-  color: var(--base04);
-}
-.gs { font-weight: 600; }
-.gu {
-  font-weight: 600;
-  color: var(--base0C);
-}
-.kc { color: var(--base0E); }
-.kd { color: var(--base0E); }
-.kn { color: var(--base0C); }
-.kp { color: var(--base0E); }
-.kr { color: var(--base0E); }
-.kt { color: var(--base0A); }
-.ld { color: var(--base0C); }
-.m { color: var(--base09); }
-.s { color: var(--base0C); }
-.na { color: var(--base0A); }
-.nb { color: var(--base05); }
-.nc { color: var(--base07); }
-.no { color: var(--base08); }
-.nd { color: var(--base07); }
-.ni { color: var(--base08); }
-.ne { color: var(--base08); }
-.nf { color: var(--base0B); }
-.nl { color: var(--base05); }
-.nn { color: var(--base0A); }
-.nx { color: var(--base0A); }
-.py { color: var(--base08); }
-.nt { color: var(--base08); }
-.nv { color: var(--base08); }
-.ow { color: var(--base0C); }
-.w { color: #fff; }
-.mf { color: var(--base09); }
-.mh { color: var(--base09); }
-.mi { color: var(--base09); }
-.mo { color: var(--base09); }
-.sb { color: var(--base0C); }
-.sc { color: #fff; }
-.sd { color: var(--base04); }
-.s2 { color: var(--base0C); }
-.se { color: var(--base09); }
-.sh { color: var(--base0C); }
-.si { color: var(--base09); }
-.sx { color: var(--base0C); }
-.sr { color: var(--base0C); }
-.s1 { color: var(--base0C); }
-.ss { color: var(--base0C); }
-.bp { color: var(--base05); }
-.vc { color: var(--base08); }
-.vg { color: var(--base08); }
-.vi { color: var(--base08); }
-.il { color: var(--base09); }
-
-// Color commas in rgba() values
-.m + .o { color: var(--base03); }
-
-// Fix bash
-.language-sh .c { color: var(--base03); }
-
-.chroma {
-  .language-bash,
-  .language-sh {
-    .line::before {
-      color: var(--base03);
-      content: "$ ";
-      user-select: none;
-    }
-  }
-
-  .language-powershell::before {
-    color: var(--base0C);
-    content: "PM> ";
-    user-select: none;
-  }
-}

From eb170aff2439f3329351fc3a236cf0dc8f93d77c Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 6 Jul 2023 14:07:48 +0200
Subject: [PATCH 172/346] docs: update API documentation

---
 .../src/components/dropdown/CDropdown.ts      |  2 +-
 .../src/components/form/CFormCheck.ts         |  4 +-
 .../src/components/popover/CPopover.ts        |  6 +--
 .../src/components/tooltip/CTooltip.ts        |  6 +--
 packages/docs/api/CChart.api.md               |  2 +-
 .../api/coreui-icons-vue/src/CIcon.api.md     | 19 ++++++++++
 packages/docs/api/dropdown/CDropdown.api.md   | 25 +++++++------
 packages/docs/api/form/CFormCheck.api.md      | 37 ++++++++++---------
 packages/docs/api/form/CFormSwitch.api.md     | 20 +++++-----
 packages/docs/api/popover/CPopover.api.md     | 19 ++++++----
 packages/docs/api/tooltip/CTooltip.api.md     | 17 +++++----
 11 files changed, 93 insertions(+), 64 deletions(-)
 create mode 100644 packages/docs/api/coreui-icons-vue/src/CIcon.api.md

diff --git a/packages/coreui-vue/src/components/dropdown/CDropdown.ts b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
index 67b4d0cc..c9b00cf8 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdown.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
@@ -121,7 +121,7 @@ const CDropdown = defineComponent({
     /**
      * Offset of the dropdown menu relative to its target.
      *
-     * @since 4.9.0-beta.2
+     * @since 4.9.0
      */
     offset: {
       type: Array,
diff --git a/packages/coreui-vue/src/components/form/CFormCheck.ts b/packages/coreui-vue/src/components/form/CFormCheck.ts
index 63c99288..dd4275e4 100644
--- a/packages/coreui-vue/src/components/form/CFormCheck.ts
+++ b/packages/coreui-vue/src/components/form/CFormCheck.ts
@@ -17,7 +17,7 @@ const CFormCheck = defineComponent({
     /**
      * Use in conjunction with the v-model directive to specify the value that should be assigned to the bound variable when the checkbox is in the `false` state.
      *
-     * @since 4.9.0-beta.2
+     * @since 4.9.0
      */
     falseValue: String,
     /**
@@ -90,7 +90,7 @@ const CFormCheck = defineComponent({
     /**
      * Use in conjunction with the v-model directive to specify the value that should be assigned to the bound variable when the checkbox is in the `true` state.
      *
-     * @since 4.9.0-beta.2
+     * @since 4.9.0
      */
     trueValue: String,
     /**
diff --git a/packages/coreui-vue/src/components/popover/CPopover.ts b/packages/coreui-vue/src/components/popover/CPopover.ts
index 1c43742a..0e5d172b 100644
--- a/packages/coreui-vue/src/components/popover/CPopover.ts
+++ b/packages/coreui-vue/src/components/popover/CPopover.ts
@@ -12,7 +12,7 @@ const CPopover = defineComponent({
     /**
      * Apply a CSS fade transition to the popover.
      *
-     * @since 4.9.0-beta.2
+     * @since 4.9.0
      */
     animation: {
       type: Boolean,
@@ -25,7 +25,7 @@ const CPopover = defineComponent({
     /**
      * The delay for displaying and hiding the popover (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`.
      *
-     * @since 4.9.0-beta.2
+     * @since 4.9.0
      */
     delay: {
       type: [Number, Object] as PropType<number | { show: number; hide: number }>,
@@ -34,7 +34,7 @@ const CPopover = defineComponent({
     /**
      * Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.
      *
-     * @since 4.9.0-beta.2
+     * @since 4.9.0
      */
     fallbackPlacements: {
       type: [String, Array] as PropType<Placements | Placements[]>,
diff --git a/packages/coreui-vue/src/components/tooltip/CTooltip.ts b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
index 638cb387..db47bddb 100644
--- a/packages/coreui-vue/src/components/tooltip/CTooltip.ts
+++ b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
@@ -12,7 +12,7 @@ const CTooltip = defineComponent({
     /**
      * Apply a CSS fade transition to the tooltip.
      *
-     * @since 4.9.0-beta.2
+     * @since 4.9.0
      */
     animation: {
       type: Boolean,
@@ -25,7 +25,7 @@ const CTooltip = defineComponent({
     /**
      * The delay for displaying and hiding the popover (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`.
      *
-     * @since 4.9.0-beta.2
+     * @since 4.9.0
      */
     delay: {
       type: [Number, Object] as PropType<number | { show: number; hide: number }>,
@@ -34,7 +34,7 @@ const CTooltip = defineComponent({
     /**
      * Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.
      *
-     * @since 4.9.0-beta.2
+     * @since 4.9.0
      */
     fallbackPlacements: {
       type: [String, Array] as PropType<Placements | Placements[]>,
diff --git a/packages/docs/api/CChart.api.md b/packages/docs/api/CChart.api.md
index 22ddea1a..e997de50 100644
--- a/packages/docs/api/CChart.api.md
+++ b/packages/docs/api/CChart.api.md
@@ -14,7 +14,7 @@ import CChart from '@coreui/vue-chartjs/src/CChart'
 | **data**            | The data object that is passed into the Chart.js chart (more info).                                                                                       | ChartData \| ((canvas: HTMLCanvasElement) => ChartData) | -      | -       |
 | **height**          | Height attribute applied to the rendered canvas.<br/>`@default` 150                                                                                       | number                                                  | -      | 150     |
 | **id**              | ID attribute applied to the rendered canvas.                                                                                                              | string                                                  | -      | -       |
-| **options**         | The options object that is passed into the Chart.js chart.<br><br>{@link https://www.chartjs.org/docs/latest/general/options.html More Info}              | ChartOptions                                            | -      | -       |
+| **options**         | The options object that is passed into the Chart.js chartRef.value.<br><br>{@link https://www.chartjs.org/docs/latest/general/options.html More Info}     | ChartOptions                                            | -      | -       |
 | **plugins**         | The plugins array that is passed into the Chart.js chart (more info)<br><br>{@link https://www.chartjs.org/docs/latest/developers/plugins.html More Info} | Plugin[]                                                | -      | -       |
 | **redraw**          | If true, will tear down and redraw chart on all updates.                                                                                                  | boolean                                                 | -      | -       |
 | **type**            | Chart.js chart type.<br/>`@type` 'line' \| 'bar' \| 'radar' \| 'doughnut' \| 'polarArea' \| 'bubble' \| 'pie' \| 'scatter'                                | ChartType                                               | -      | 'bar'   |
diff --git a/packages/docs/api/coreui-icons-vue/src/CIcon.api.md b/packages/docs/api/coreui-icons-vue/src/CIcon.api.md
new file mode 100644
index 00000000..2811502c
--- /dev/null
+++ b/packages/docs/api/coreui-icons-vue/src/CIcon.api.md
@@ -0,0 +1,19 @@
+### CIcon
+
+```jsx
+import { CIcon } from '@coreui/icons-vue'
+// or
+import CIcon from '@coreui/icons-vue/src/CIcon'
+```
+
+#### Props
+
+| Prop name             | Description                                                                                       | Type                  | Values | Default |
+| --------------------- | ------------------------------------------------------------------------------------------------- | --------------------- | ------ | ------- |
+| **content**           | Use `:icon="..."` instead of<br/>`@deprecated` since version 3.0                                  | string\|array         | -      | -       |
+| **custom-class-name** | Use for replacing default CIcon component classes. Prop is overriding the 'size' prop.            | string\|array\|object | -      | -       |
+| **icon**              | Name of the icon placed in React object or SVG content.                                           | string \| string[]    | -      | -       |
+| **name**              | Use `icon="..."` instead of<br/>`@deprecated` since version 3.0                                   | string                | -      | -       |
+| **size**              | Size of the icon. Available sizes: 'sm', 'lg', 'xl', 'xxl', '3xl...9xl', 'custom', 'custom-size'. | string                | -      | -       |
+| **title**             | Title tag content.                                                                                | string                | -      | -       |
+| **use**               | If defined component will be rendered using 'use' tag.                                            | string                | -      | -       |
diff --git a/packages/docs/api/dropdown/CDropdown.api.md b/packages/docs/api/dropdown/CDropdown.api.md
index 71f0905c..80c1de1d 100644
--- a/packages/docs/api/dropdown/CDropdown.api.md
+++ b/packages/docs/api/dropdown/CDropdown.api.md
@@ -8,18 +8,19 @@ import CDropdown from '@coreui/vue/src/components/dropdown/CDropdown'
 
 #### Props
 
-| Prop name      | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | Type            | Values                                                                                                                                                                                        | Default        |
-| -------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- |
-| **alignment**  | Set aligment of dropdown menu.                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | string\|object  | `{ 'start' \| 'end' \| { xs: 'start' \| 'end' } \| { sm: 'start' \| 'end' } \| { md: 'start' \| 'end' } \| { lg: 'start' \| 'end' } \| { xl: 'start' \| 'end'} \| { xxl: 'start' \| 'end'} }` | -              |
-| **auto-close** | Configure the auto close behavior of the dropdown:<br>- `true` - the dropdown will be closed by clicking outside or inside the dropdown menu.<br>- `false` - the dropdown will be closed by clicking the toggle button and manually calling hide or toggle method. (Also will not be closed by pressing esc key)<br>- `'inside'` - the dropdown will be closed (only) by clicking inside the dropdown menu.<br>- `'outside'` - the dropdown will be closed (only) by clicking outside the dropdown menu. | boolean\|string | -                                                                                                                                                                                             | true           |
-| **dark**       | Sets a darker color scheme to match a dark navbar.                                                                                                                                                                                                                                                                                                                                                                                                                                                       | boolean         | -                                                                                                                                                                                             | -              |
-| **direction**  | Sets a specified direction and location of the dropdown menu.                                                                                                                                                                                                                                                                                                                                                                                                                                            | string          | `'center'`, `'dropup'`, `'dropup-center'`, `'dropend'`, `'dropstart'`                                                                                                                         | -              |
-| **disabled**   | Toggle the disabled state for the component.                                                                                                                                                                                                                                                                                                                                                                                                                                                             | boolean         | -                                                                                                                                                                                             | -              |
-| **placement**  | Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.                                                                                                                                                                                                                                                                                                                                     | Placement       | `'auto'`, `'top-end'`, `'top'`, `'top-start'`, `'bottom-end'`, `'bottom'`, `'bottom-start'`, `'right-start'`, `'right'`, `'right-end'`, `'left-start'`, `'left'`, `'left-end'`                | 'bottom-start' |
-| **popper**     | If you want to disable dynamic positioning set this property to `true`.                                                                                                                                                                                                                                                                                                                                                                                                                                  | boolean         | -                                                                                                                                                                                             | true           |
-| **trigger**    | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.                                                                                                                                                                                                                                                                                                                                                                                      | string\|array   | -                                                                                                                                                                                             | 'click'        |
-| **variant**    | Set the dropdown variant to an btn-group, dropdown, input-group, and nav-item.                                                                                                                                                                                                                                                                                                                                                                                                                           | string          | `'btn-group'`, `'dropdown'`, `'input-group'`, `'nav-item'`                                                                                                                                    | 'btn-group'    |
-| **visible**    | Toggle the visibility of dropdown menu component.                                                                                                                                                                                                                                                                                                                                                                                                                                                        | boolean         | -                                                                                                                                                                                             | -              |
+| Prop name                                                 | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | Type                 | Values                                                                                                                                                                                        | Default        |
+| --------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- |
+| **alignment**                                             | Set aligment of dropdown menu.                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | string \| Alignments | `{ 'start' \| 'end' \| { xs: 'start' \| 'end' } \| { sm: 'start' \| 'end' } \| { md: 'start' \| 'end' } \| { lg: 'start' \| 'end' } \| { xl: 'start' \| 'end'} \| { xxl: 'start' \| 'end'} }` | -              |
+| **auto-close**                                            | Configure the auto close behavior of the dropdown:<br>- `true` - the dropdown will be closed by clicking outside or inside the dropdown menu.<br>- `false` - the dropdown will be closed by clicking the toggle button and manually calling hide or toggle method. (Also will not be closed by pressing esc key)<br>- `'inside'` - the dropdown will be closed (only) by clicking inside the dropdown menu.<br>- `'outside'` - the dropdown will be closed (only) by clicking outside the dropdown menu. | boolean\|string      | -                                                                                                                                                                                             | true           |
+| **dark**                                                  | Sets a darker color scheme to match a dark navbar.                                                                                                                                                                                                                                                                                                                                                                                                                                                       | boolean              | -                                                                                                                                                                                             | -              |
+| **direction**                                             | Sets a specified direction and location of the dropdown menu.                                                                                                                                                                                                                                                                                                                                                                                                                                            | string               | `'center'`, `'dropup'`, `'dropup-center'`, `'dropend'`, `'dropstart'`                                                                                                                         | -              |
+| **disabled**                                              | Toggle the disabled state for the component.                                                                                                                                                                                                                                                                                                                                                                                                                                                             | boolean              | -                                                                                                                                                                                             | -              |
+| **offset** <br><div class="badge bg-primary">4.9.0+</div> | Offset of the dropdown menu relative to its target.                                                                                                                                                                                                                                                                                                                                                                                                                                                      | array                | -                                                                                                                                                                                             | [0, 2]         |
+| **placement**                                             | Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.                                                                                                                                                                                                                                                                                                                                     | Placement            | `'auto'`, `'top-end'`, `'top'`, `'top-start'`, `'bottom-end'`, `'bottom'`, `'bottom-start'`, `'right-start'`, `'right'`, `'right-end'`, `'left-start'`, `'left'`, `'left-end'`                | 'bottom-start' |
+| **popper**                                                | If you want to disable dynamic positioning set this property to `true`.                                                                                                                                                                                                                                                                                                                                                                                                                                  | boolean              | -                                                                                                                                                                                             | true           |
+| **trigger**                                               | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.                                                                                                                                                                                                                                                                                                                                                                                      | Triggers             | -                                                                                                                                                                                             | 'click'        |
+| **variant**                                               | Set the dropdown variant to an btn-group, dropdown, input-group, and nav-item.                                                                                                                                                                                                                                                                                                                                                                                                                           | string               | `'btn-group'`, `'dropdown'`, `'input-group'`, `'nav-item'`                                                                                                                                    | 'btn-group'    |
+| **visible**                                               | Toggle the visibility of dropdown menu component.                                                                                                                                                                                                                                                                                                                                                                                                                                                        | boolean              | -                                                                                                                                                                                             | -              |
 
 #### Events
 
diff --git a/packages/docs/api/form/CFormCheck.api.md b/packages/docs/api/form/CFormCheck.api.md
index e6fd5f77..681dfd10 100644
--- a/packages/docs/api/form/CFormCheck.api.md
+++ b/packages/docs/api/form/CFormCheck.api.md
@@ -8,23 +8,26 @@ import CFormCheck from '@coreui/vue/src/components/form/CFormCheck'
 
 #### Props
 
-| Prop name                                                           | Description                                                                                                                                           | Type            | Values                  | Default    |
-| ------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- | --------------- | ----------------------- | ---------- |
-| **button**                                                          | Create button-like checkboxes and radio buttons.<br/>`@see` http://coreui.io/vue/docs/components/button.html                                          | object          | -                       | -          |
-| **feedback** <br><div class="badge bg-primary">4.3.0+</div>         | Provide valuable, actionable feedback.                                                                                                                | string          | -                       | -          |
-| **feedback-invalid** <br><div class="badge bg-primary">4.3.0+</div> | Provide valuable, actionable feedback.                                                                                                                | string          | -                       | -          |
-| **feedback-valid** <br><div class="badge bg-primary">4.3.0+</div>   | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | string          | -                       | -          |
-| **hit-area**                                                        | Sets hit area to the full area of the component.                                                                                                      | string          | -                       | -          |
-| **id**                                                              | The id global attribute defines an identifier (ID) that must be unique in the whole document.                                                         | string          | -                       | -          |
-| **indeterminate**                                                   | Input Checkbox indeterminate Property                                                                                                                 | boolean         | -                       | -          |
-| **inline**                                                          | Group checkboxes or radios on the same horizontal row by adding.                                                                                      | boolean         | -                       | -          |
-| **invalid**                                                         | Set component validation state to invalid.                                                                                                            | boolean         | -                       | -          |
-| **label**                                                           | The element represents a caption for a component.                                                                                                     | string          | -                       | -          |
-| **model-value**                                                     | The default name for a value passed using v-model.                                                                                                    | boolean\|string | -                       | -          |
-| **reverse**                                                         | Put checkboxes or radios on the opposite side.<br/>`@since` 4.8.0                                                                                     | boolean         | -                       | -          |
-| **tooltip-feedback** <br><div class="badge bg-primary">4.3.0+</div> | Display validation feedback in a styled tooltip.                                                                                                      | boolean         | -                       | -          |
-| **type**                                                            | Specifies the type of component.                                                                                                                      | string          | `'checkbox'`, `'radio'` | 'checkbox' |
-| **valid**                                                           | Set component validation state to valid.                                                                                                              | boolean         | -                       | -          |
+| Prop name                                                           | Description                                                                                                                                                 | Type                   | Values                  | Default    |
+| ------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------- | ----------------------- | ---------- |
+| **button**                                                          | Create button-like checkboxes and radio buttons.<br/>`@see` http://coreui.io/vue/docs/components/button.html                                                | object                 | -                       | -          |
+| **false-value** <br><div class="badge bg-primary">4.9.0+</div>      | Use in conjunction with the v-model directive to specify the value that should be assigned to the bound variable when the checkbox is in the `false` state. | string                 | -                       | -          |
+| **feedback** <br><div class="badge bg-primary">4.3.0+</div>         | Provide valuable, actionable feedback.                                                                                                                      | string                 | -                       | -          |
+| **feedback-invalid** <br><div class="badge bg-primary">4.3.0+</div> | Provide valuable, actionable feedback.                                                                                                                      | string                 | -                       | -          |
+| **feedback-valid** <br><div class="badge bg-primary">4.3.0+</div>   | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.       | string                 | -                       | -          |
+| **hit-area**                                                        | Sets hit area to the full area of the component.                                                                                                            | string                 | -                       | -          |
+| **id**                                                              | The id global attribute defines an identifier (ID) that must be unique in the whole document.                                                               | string                 | -                       | -          |
+| **indeterminate**                                                   | Input Checkbox indeterminate Property                                                                                                                       | boolean                | -                       | -          |
+| **inline**                                                          | Group checkboxes or radios on the same horizontal row by adding.                                                                                            | boolean                | -                       | -          |
+| **invalid**                                                         | Set component validation state to invalid.                                                                                                                  | boolean                | -                       | -          |
+| **label**                                                           | The element represents a caption for a component.                                                                                                           | string                 | -                       | -          |
+| **model-value**                                                     | The default name for a value passed using v-model.                                                                                                          | array\|boolean\|string | -                       | -          |
+| **reverse** <br><div class="badge bg-primary">4.8.0+</div>          | Put checkboxes or radios on the opposite side.                                                                                                              | boolean                | -                       | -          |
+| **tooltip-feedback** <br><div class="badge bg-primary">4.3.0+</div> | Display validation feedback in a styled tooltip.                                                                                                            | boolean                | -                       | -          |
+| **true-value** <br><div class="badge bg-primary">4.9.0+</div>       | Use in conjunction with the v-model directive to specify the value that should be assigned to the bound variable when the checkbox is in the `true` state.  | string                 | -                       | -          |
+| **type**                                                            | Specifies the type of component.                                                                                                                            | string                 | `'checkbox'`, `'radio'` | 'checkbox' |
+| **valid**                                                           | Set component validation state to valid.                                                                                                                    | boolean                | -                       | -          |
+| **value**                                                           | The value attribute of component.                                                                                                                           | string                 | -                       | -          |
 
 #### Events
 
diff --git a/packages/docs/api/form/CFormSwitch.api.md b/packages/docs/api/form/CFormSwitch.api.md
index ede39558..fc2864c1 100644
--- a/packages/docs/api/form/CFormSwitch.api.md
+++ b/packages/docs/api/form/CFormSwitch.api.md
@@ -8,16 +8,16 @@ import CFormSwitch from '@coreui/vue/src/components/form/CFormSwitch'
 
 #### Props
 
-| Prop name       | Description                                                                                  | Type            | Values                  | Default    |
-| --------------- | -------------------------------------------------------------------------------------------- | --------------- | ----------------------- | ---------- |
-| **id**          | The id global attribute defines an identifier (ID) that must be unique in the whole document | string          | -                       | -          |
-| **invalid**     | Set component validation state to invalid.                                                   | boolean         | -                       | -          |
-| **label**       | The element represents a caption for a component.                                            | string          | -                       | -          |
-| **model-value** | The default name for a value passed using v-model.                                           | boolean\|string | -                       | -          |
-| **reverse**     | Put checkboxes or radios on the opposite side.<br/>`@since` 4.8.0                            | boolean         | -                       | -          |
-| **size**        | Size the component large or extra large. Works only with `switch`.                           | string          | `'lg' \| 'xl'`          | -          |
-| **type**        | Specifies the type of component.                                                             | string          | `'checkbox'`, `'radio'` | 'checkbox' |
-| **valid**       | Set component validation state to valid.                                                     | boolean         | -                       | -          |
+| Prop name                                                  | Description                                                                                  | Type            | Values                  | Default    |
+| ---------------------------------------------------------- | -------------------------------------------------------------------------------------------- | --------------- | ----------------------- | ---------- |
+| **id**                                                     | The id global attribute defines an identifier (ID) that must be unique in the whole document | string          | -                       | -          |
+| **invalid**                                                | Set component validation state to invalid.                                                   | boolean         | -                       | -          |
+| **label**                                                  | The element represents a caption for a component.                                            | string          | -                       | -          |
+| **model-value**                                            | The default name for a value passed using v-model.                                           | boolean\|string | -                       | -          |
+| **reverse** <br><div class="badge bg-primary">4.8.0+</div> | Put checkboxes or radios on the opposite side.                                               | boolean         | -                       | -          |
+| **size**                                                   | Size the component large or extra large. Works only with `switch`.                           | string          | `'lg' \| 'xl'`          | -          |
+| **type**                                                   | Specifies the type of component.                                                             | string          | `'checkbox'`, `'radio'` | 'checkbox' |
+| **valid**                                                  | Set component validation state to valid.                                                     | boolean         | -                       | -          |
 
 #### Events
 
diff --git a/packages/docs/api/popover/CPopover.api.md b/packages/docs/api/popover/CPopover.api.md
index 3c4917d6..648449b9 100644
--- a/packages/docs/api/popover/CPopover.api.md
+++ b/packages/docs/api/popover/CPopover.api.md
@@ -8,14 +8,17 @@ import CPopover from '@coreui/vue/src/components/popover/CPopover'
 
 #### Props
 
-| Prop name     | Description                                                                                                                                                          | Type               | Values                          | Default |
-| ------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ | ------------------------------- | ------- |
-| **content**   | Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`                                       | string             | -                               | -       |
-| **offset**    | Offset of the popover relative to its target.                                                                                                                        | array              | -                               | [0, 8]  |
-| **placement** | Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property. | Placement          | -                               | 'top'   |
-| **title**     | Title for your component. If you want to pass non-string value please use dedicated slot `<template #title>...</template>`                                           | string             | -                               | -       |
-| **trigger**   | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.                                                  | string \| string[] | `'click'`, `'focus'`, `'hover'` | 'click' |
-| **visible**   | Toggle the visibility of popover component.                                                                                                                          | boolean            | -                               | -       |
+| Prop name                                                              | Description                                                                                                                                                                                                                                                     | Type                                     | Values                          | Default                                  |
+| ---------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------- | ------------------------------- | ---------------------------------------- |
+| **animation** <br><div class="badge bg-primary">4.9.0+</div>           | Apply a CSS fade transition to the popover.                                                                                                                                                                                                                     | boolean                                  | -                               | true                                     |
+| **content**                                                            | Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`                                                                                                                                  | string                                   | -                               | -                                        |
+| **delay** <br><div class="badge bg-primary">4.9.0+</div>               | The delay for displaying and hiding the popover (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`. | number \| { show: number; hide: number } | -                               | 0                                        |
+| **fallback-placements** <br><div class="badge bg-primary">4.9.0+</div> | Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.                                                                                                       | Placements \| Placements[]               | -                               | () => ['top', 'right', 'bottom', 'left'] |
+| **offset**                                                             | Offset of the popover relative to its target.                                                                                                                                                                                                                   | array                                    | -                               | [0, 8]                                   |
+| **placement**                                                          | Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.                                                                                            | Placement                                | -                               | 'top'                                    |
+| **title**                                                              | Title for your component. If you want to pass non-string value please use dedicated slot `<template #title>...</template>`                                                                                                                                      | string                                   | -                               | -                                        |
+| **trigger**                                                            | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.                                                                                                                                             | Triggers \| Triggers[]                   | `'click'`, `'focus'`, `'hover'` | 'click'                                  |
+| **visible**                                                            | Toggle the visibility of popover component.                                                                                                                                                                                                                     | boolean                                  | -                               | -                                        |
 
 #### Events
 
diff --git a/packages/docs/api/tooltip/CTooltip.api.md b/packages/docs/api/tooltip/CTooltip.api.md
index 66bf91ce..8279d9d3 100644
--- a/packages/docs/api/tooltip/CTooltip.api.md
+++ b/packages/docs/api/tooltip/CTooltip.api.md
@@ -8,13 +8,16 @@ import CTooltip from '@coreui/vue/src/components/tooltip/CTooltip'
 
 #### Props
 
-| Prop name     | Description                                                                                                                                                          | Type               | Values                          | Default |
-| ------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ | ------------------------------- | ------- |
-| **content**   | Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`                                       | string             | -                               | -       |
-| **offset**    | Offset of the tooltip relative to its target.                                                                                                                        | array              | -                               | [0, 0]  |
-| **placement** | Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property. | Placement          | -                               | 'top'   |
-| **trigger**   | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.                                                  | string \| string[] | `'click'`, `'focus'`, `'hover'` | 'hover' |
-| **visible**   | Toggle the visibility of tooltip component.                                                                                                                          | boolean            | -                               | -       |
+| Prop name                                                              | Description                                                                                                                                                                                                                                                     | Type                                     | Values                          | Default                                  |
+| ---------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------- | ------------------------------- | ---------------------------------------- |
+| **animation** <br><div class="badge bg-primary">4.9.0+</div>           | Apply a CSS fade transition to the tooltip.                                                                                                                                                                                                                     | boolean                                  | -                               | true                                     |
+| **content**                                                            | Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`                                                                                                                                  | string                                   | -                               | -                                        |
+| **delay** <br><div class="badge bg-primary">4.9.0+</div>               | The delay for displaying and hiding the popover (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`. | number \| { show: number; hide: number } | -                               | 0                                        |
+| **fallback-placements** <br><div class="badge bg-primary">4.9.0+</div> | Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.                                                                                                       | Placements \| Placements[]               | -                               | () => ['top', 'right', 'bottom', 'left'] |
+| **offset**                                                             | Offset of the tooltip relative to its target.                                                                                                                                                                                                                   | array                                    | -                               | [0, 6]                                   |
+| **placement**                                                          | Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.                                                                                            | Placement                                | -                               | 'top'                                    |
+| **trigger**                                                            | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.                                                                                                                                             | Triggers \| Triggers[]                   | `'click'`, `'focus'`, `'hover'` | () => ['hover', 'focus']                 |
+| **visible**                                                            | Toggle the visibility of tooltip component.                                                                                                                                                                                                                     | boolean                                  | -                               | -                                        |
 
 #### Events
 

From 621b08cb03d3f748dcb3f22d541c109ff32d797e Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 6 Jul 2023 14:15:27 +0200
Subject: [PATCH 173/346] release: v5.0.0-alpha.0

---
 README.md                        | 2 +-
 lerna.json                       | 2 +-
 packages/coreui-vue/package.json | 2 +-
 packages/docs/package.json       | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index a71b31fc..c93eb25b 100644
--- a/README.md
+++ b/README.md
@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v4.9.0-beta.2.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.0.0-alpha.0.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue`
diff --git a/lerna.json b/lerna.json
index c7f755c9..5383e3b4 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,6 +1,6 @@
 {
   "npmClient": "yarn",
   "packages": ["packages/*"],
-  "version": "4.9.0-beta.2",
+  "version": "5.0.0-alpha.0",
   "$schema": "node_modules/lerna/schemas/lerna-schema.json"
 }
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index ed1c5de0..441a9534 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue",
-  "version": "4.9.0-beta.2",
+  "version": "5.0.0-alpha.0",
   "description": "UI Components Library for Vue.js",
   "keywords": [
     "vue",
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 330fe8c4..80e8f3c8 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue-docs",
-  "version": "4.9.0-beta.2",
+  "version": "5.0.0-alpha.0",
   "scripts": {
     "api": "vue-docgen -c build/docgen.config.js",
     "dev": "vuepress dev --clean-cache",

From f9918a0447a0ac410308e1653c8ef6ffb199d3e4 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Wed, 27 Sep 2023 15:51:21 +0200
Subject: [PATCH 174/346] fix(CBreadcrumbs): disable inheriting class names by
 wrapper

---
 packages/coreui-vue/src/components/breadcrumb/CBreadcrumb.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/coreui-vue/src/components/breadcrumb/CBreadcrumb.ts b/packages/coreui-vue/src/components/breadcrumb/CBreadcrumb.ts
index 9e8bcc62..df95f2ff 100644
--- a/packages/coreui-vue/src/components/breadcrumb/CBreadcrumb.ts
+++ b/packages/coreui-vue/src/components/breadcrumb/CBreadcrumb.ts
@@ -2,6 +2,7 @@ import { defineComponent, h } from 'vue'
 
 const CBreadcrumb = defineComponent({
   name: 'CBreadcrumb',
+  inheritAttrs: false,
   setup(_, { slots, attrs }) {
     return () =>
       h(

From a704fee69892a5b679a97f21a6582fab62962872 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Wed, 27 Sep 2023 16:02:59 +0200
Subject: [PATCH 175/346] fix(CFormCheck): the component is not checked/picked
 when the v-model value is set

---
 .../src/components/form/CFormCheck.ts         |  6 +-
 packages/docs/forms/checkbox.md               | 68 +++++++++++++++++++
 packages/docs/forms/radio.md                  | 44 ++++++++++++
 3 files changed, 115 insertions(+), 3 deletions(-)

diff --git a/packages/coreui-vue/src/components/form/CFormCheck.ts b/packages/coreui-vue/src/components/form/CFormCheck.ts
index dd4275e4..c7ed6edc 100644
--- a/packages/coreui-vue/src/components/form/CFormCheck.ts
+++ b/packages/coreui-vue/src/components/form/CFormCheck.ts
@@ -17,7 +17,7 @@ const CFormCheck = defineComponent({
     /**
      * Use in conjunction with the v-model directive to specify the value that should be assigned to the bound variable when the checkbox is in the `false` state.
      *
-     * @since 4.9.0
+     * @since 4.10.0
      */
     falseValue: String,
     /**
@@ -90,7 +90,7 @@ const CFormCheck = defineComponent({
     /**
      * Use in conjunction with the v-model directive to specify the value that should be assigned to the bound variable when the checkbox is in the `true` state.
      *
-     * @since 4.9.0
+     * @since 4.10.0
      */
     trueValue: String,
     /**
@@ -189,7 +189,7 @@ const CFormCheck = defineComponent({
     const formControl = () => {
       return h('input', {
         ...attrs,
-        ...(props.modelValue && props.value && { checked: isChecked.value }),
+        ...((props.modelValue || props.value) && { checked: isChecked.value }),
         class: inputClassName,
         id: props.id,
         indeterminate: props.indeterminate,
diff --git a/packages/docs/forms/checkbox.md b/packages/docs/forms/checkbox.md
index ceced278..9b2273e0 100644
--- a/packages/docs/forms/checkbox.md
+++ b/packages/docs/forms/checkbox.md
@@ -20,6 +20,74 @@ Browser default checkboxes are replaced with the help of `<CFormCheck>`. Checkbo
 <CFormCheck id="flexCheckChecked" label="Checked checkbox" checked />
 ```
 
+### vModel
+
+Single checkbox, boolean value.
+
+::: demo
+<CFormCheck id="flexCheckDefaultVModel" label="Default checkbox" v-model="checked" />
+<div>Checked: {{checked}}</div>
+:::
+```vue
+<template>
+  <CFormCheck id="flexCheckDefaultVModel" label="Default checkbox" v-model="checked" />
+  <div>Checked: {{checked}}</div>
+</template>
+<script>
+  import { ref } from 'vue'
+  export default {
+    setup() {
+      const checked = ref(true)
+      return {
+        checked
+      }
+    }
+  }
+</script>
+```
+
+We can also bind multiple checkboxes to the same array.
+
+::: demo
+<CFormCheck id="lucas" value="Lucas" label="Lucas" v-model="checkedNames"/>
+<CFormCheck id="andrew" value="Andrew" label="Andrew" v-model="checkedNames"/>
+<CFormCheck id="anna" value="Anna" label="Anna" v-model="checkedNames"/>
+<div>Checked names: {{checkedNames}}</div>
+:::
+```vue
+<template>
+  <CFormCheck id="lucas" value="Lucas" label="Lucas" v-model="checkedNames"/>
+  <CFormCheck id="andrew" value="Andrew" label="Andrew" v-model="checkedNames"/>
+  <CFormCheck id="anna" value="Anna" label="Anna" v-model="checkedNames"/>
+  <div>Checked names: {{checkedNames}}</div>
+</template>
+<script>
+  import { ref } from 'vue'
+  export default {
+    setup() {
+      const checkedNames = ref(['Andrew'])
+      return {
+        checkedNames
+      }
+    }
+  }
+</script>
+```
+
+<script>
+  import { ref } from 'vue'
+  export default {
+    setup() {
+      const checked = ref(true)
+      const checkedNames = ref(['Andrew'])
+      return {
+        checked,
+        checkedNames
+      }
+    }
+  }
+</script>
+
 ## Indeterminate
 
 Checkboxes can utilize the `:indeterminate` pseudo-class when manually set via `indeterminate` property.
diff --git a/packages/docs/forms/radio.md b/packages/docs/forms/radio.md
index 3a942a5e..90d93af2 100644
--- a/packages/docs/forms/radio.md
+++ b/packages/docs/forms/radio.md
@@ -22,6 +22,50 @@ Add the `disabled` attribute and the associated `<label>`s are automatically sty
 <CFormCheck type="radio" name="flexRadioDefault" id="flexRadioDefault2" label="Checked radio" checked/>
 ```
 
+### vModel
+
+::: demo
+<CFormCheck type="radio" id="flexRadioVModel1" inline label="One" value="One" v-model="picked"/>
+<CFormCheck type="radio" id="flexRadioVModel2" inline label="Two" value="Two" v-model="picked"/>
+<CFormCheck type="radio" id="flexRadioVModel2" inline label="Three" value="Three" v-model="picked"/>
+<CFormCheck type="radio" id="flexRadioVModel2" inline label="Four" value="Four" v-model="picked"/>
+<CFormCheck type="radio" id="flexRadioVModel2" inline label="Five" value="Five" v-model="picked"/>
+<div>Picked: {{ picked }}</div>
+:::
+```vue
+<template>
+  <CFormCheck type="radio" id="flexRadioVModel1" inline label="One" value="One" v-model="picked"/>
+  <CFormCheck type="radio" id="flexRadioVModel2" inline label="Two" value="Two" v-model="picked"/>
+  <CFormCheck type="radio" id="flexRadioVModel2" inline label="Three" value="Three" v-model="picked"/>
+  <CFormCheck type="radio" id="flexRadioVModel2" inline label="Four" value="Four" v-model="picked"/>
+  <CFormCheck type="radio" id="flexRadioVModel2" inline label="Five" value="Five" v-model="picked"/>
+  <div>Picked: {{ picked }}</div>
+</template>
+<script>
+  import { ref } from 'vue'
+  export default {
+    setup() {
+      const picked = ref('Four')
+      return {
+        picked
+      }
+    }
+  }
+</script>
+```
+
+<script>
+  import { ref } from 'vue'
+  export default {
+    setup() {
+      const picked = ref('Four')
+      return {
+        picked
+      }
+    }
+  }
+</script>
+
 ### Disabled
 
 ::: demo

From e0a12bf411235bad4f5628f843320a5000b69cb7 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 28 Sep 2023 11:04:10 +0200
Subject: [PATCH 176/346] docs: update content

---
 packages/docs/components/card.md           | 88 +++++++++++-----------
 packages/docs/components/dropdown.md       | 14 +---
 packages/docs/components/list-group.md     | 16 ++--
 packages/docs/components/modal.md          |  2 +-
 packages/docs/layout/containers.md         | 44 +++++------
 packages/docs/templates/admin-dashboard.md | 12 +--
 6 files changed, 83 insertions(+), 93 deletions(-)

diff --git a/packages/docs/components/card.md b/packages/docs/components/card.md
index 591ab009..350866ed 100644
--- a/packages/docs/components/card.md
+++ b/packages/docs/components/card.md
@@ -71,7 +71,7 @@ Subtitles are managed by `<CCardSubtitle>` component. If the `<CCardTitle>` also
 <CCard style="width: 18rem">
   <CCardBody>
     <CCardTitle>Card title</CCardTitle>
-    <CCardSubtitle class="mb-2 text-muted">Card subtitle</CCardSubtitle>
+    <CCardSubtitle class="mb-2 text-body-secondary">Card subtitle</CCardSubtitle>
     <CCardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CCardText>
     <CCardLink href="#">Card link</CCardLink>
     <CCardLink href="#">Another link</CCardLink>
@@ -82,7 +82,7 @@ Subtitles are managed by `<CCardSubtitle>` component. If the `<CCardTitle>` also
 <CCard style="width: 18rem">
   <CCardBody>
     <CCardTitle>Card title</CCardTitle>
-    <CCardSubtitle class="mb-2 text-muted">Card subtitle</CCardSubtitle>
+    <CCardSubtitle class="mb-2 text-body-secondary">Card subtitle</CCardSubtitle>
     <CCardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CCardText>
     <CCardLink href="#">Card link</CCardLink>
     <CCardLink href="#">Another link</CCardLink>
@@ -295,7 +295,7 @@ Card headers can be styled by adding ex. `component="h5"`.
     <CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
     <CButton href="#">Go somewhere</CButton>
   </CCardBody>
-  <CCardFooter class="text-muted">2 days ago</CCardFooter>
+  <CCardFooter class="text-body-secondary">2 days ago</CCardFooter>
 </CCard>
 :::
 ```vue
@@ -306,7 +306,7 @@ Card headers can be styled by adding ex. `component="h5"`.
     <CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
     <CButton href="#">Go somewhere</CButton>
   </CCardBody>
-  <CCardFooter class="text-muted">2 days ago</CCardFooter>
+  <CCardFooter class="text-body-secondary">2 days ago</CCardFooter>
 </CCard>
 ```
 
@@ -638,14 +638,14 @@ Similar to headers and footers, cards can include top and bottom "image caps"—
   <CCardBody>
     <CCardTitle>Card title</CCardTitle>
     <CCardText>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</CCardText>
-    <CCardText><small class="text-muted">Last updated 3 mins ago</small></CCardText>
+    <CCardText><small class="text-body-secondary">Last updated 3 mins ago</small></CCardText>
   </CCardBody>
 </CCard>
 <CCard class="mb-3">
   <CCardBody>
     <CCardTitle>Card title</CCardTitle>
     <CCardText>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</CCardText>
-    <CCardText><small class="text-muted">Last updated 3 mins ago</small></CCardText>
+    <CCardText><small class="text-body-secondary">Last updated 3 mins ago</small></CCardText>
   </CCardBody>
     <CCardImage orientation="bottom" :src="$withBase('/images/vue.jpg')" />
 </CCard>
@@ -656,14 +656,14 @@ Similar to headers and footers, cards can include top and bottom "image caps"—
   <CCardBody>
     <CCardTitle>Card title</CCardTitle>
     <CCardText>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</CCardText>
-    <CCardText><small class="text-muted">Last updated 3 mins ago</small></CCardText>
+    <CCardText><small class="text-body-secondary">Last updated 3 mins ago</small></CCardText>
   </CCardBody>
 </CCard>
 <CCard class="mb-3">
   <CCardBody>
     <CCardTitle>Card title</CCardTitle>
     <CCardText>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</CCardText>
-    <CCardText><small class="text-muted">Last updated 3 mins ago</small></CCardText>
+    <CCardText><small class="text-body-secondary">Last updated 3 mins ago</small></CCardText>
   </CCardBody>
     <CCardImage orientation="bottom" src="/images/vue.jpg" />
 </CCard>
@@ -708,7 +708,7 @@ Using a combination of grid and utility classes, cards can be made horizontal in
       <CCardBody>
         <CCardTitle>Card title</CCardTitle>
         <CCardText>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</CCardText>
-        <CCardText><small class="text-muted">Last updated 3 mins ago</small></CCardText>
+        <CCardText><small class="text-body-secondary">Last updated 3 mins ago</small></CCardText>
       </CCardBody>
     </CCol>
   </CRow>
@@ -724,7 +724,7 @@ Using a combination of grid and utility classes, cards can be made horizontal in
       <CCardBody>
         <CCardTitle>Card title</CCardTitle>
         <CCardText>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</CCardText>
-        <CCardText><small class="text-muted">Last updated 3 mins ago</small></CCardText>
+        <CCardText><small class="text-body-secondary">Last updated 3 mins ago</small></CCardText>
       </CCardBody>
     </CCol>
   </CRow>
@@ -890,7 +890,7 @@ Use card groups to render cards as a single, attached element with equal width a
     <CCardBody>
       <CCardTitle>Card title</CCardTitle>
       <CCardText>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</CCardText>
-      <CCardText><small class="text-muted">Last updated 3 mins ago</small></CCardText>
+      <CCardText><small class="text-body-secondary">Last updated 3 mins ago</small></CCardText>
     </CCardBody>
   </CCard>
   <CCard>
@@ -898,7 +898,7 @@ Use card groups to render cards as a single, attached element with equal width a
     <CCardBody>
       <CCardTitle>Card title</CCardTitle>
       <CCardText>This card has supporting text below as a natural lead-in to additional content.</CCardText>
-      <CCardText><small class="text-muted">Last updated 3 mins ago</small></CCardText>
+      <CCardText><small class="text-body-secondary">Last updated 3 mins ago</small></CCardText>
     </CCardBody>
   </CCard>
   <CCard>
@@ -906,7 +906,7 @@ Use card groups to render cards as a single, attached element with equal width a
     <CCardBody>
       <CCardTitle>Card title</CCardTitle>
       <CCardText>This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.</CCardText>
-      <CCardText><small class="text-muted">Last updated 3 mins ago</small></CCardText>
+      <CCardText><small class="text-body-secondary">Last updated 3 mins ago</small></CCardText>
     </CCardBody>
   </CCard>
 </CCardGroup>
@@ -918,7 +918,7 @@ Use card groups to render cards as a single, attached element with equal width a
     <CCardBody>
       <CCardTitle>Card title</CCardTitle>
       <CCardText>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</CCardText>
-      <CCardText><small class="text-muted">Last updated 3 mins ago</small></CCardText>
+      <CCardText><small class="text-body-secondary">Last updated 3 mins ago</small></CCardText>
     </CCardBody>
   </CCard>
   <CCard>
@@ -926,7 +926,7 @@ Use card groups to render cards as a single, attached element with equal width a
     <CCardBody>
       <CCardTitle>Card title</CCardTitle>
       <CCardText>This card has supporting text below as a natural lead-in to additional content.</CCardText>
-      <CCardText><small class="text-muted">Last updated 3 mins ago</small></CCardText>
+      <CCardText><small class="text-body-secondary">Last updated 3 mins ago</small></CCardText>
     </CCardBody>
   </CCard>
   <CCard>
@@ -934,7 +934,7 @@ Use card groups to render cards as a single, attached element with equal width a
     <CCardBody>
       <CCardTitle>Card title</CCardTitle>
       <CCardText>This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.</CCardText>
-      <CCardText><small class="text-muted">Last updated 3 mins ago</small></CCardText>
+      <CCardText><small class="text-body-secondary">Last updated 3 mins ago</small></CCardText>
     </CCardBody>
   </CCard>
 </CCardGroup>
@@ -950,7 +950,7 @@ When using card groups with footers, their content will automatically line up.
       <CCardTitle>Card title</CCardTitle>
       <CCardText>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</CCardText>
     </CCardBody>
-    <CCardFooter><small class="text-muted">Last updated 3 mins ago</small></CCardFooter>
+    <CCardFooter><small class="text-body-secondary">Last updated 3 mins ago</small></CCardFooter>
   </CCard>
   <CCard>
     <CCardImage orientation="top" :src="$withBase('/images/vue.jpg')" />
@@ -958,7 +958,7 @@ When using card groups with footers, their content will automatically line up.
       <CCardTitle>Card title</CCardTitle>
       <CCardText>This card has supporting text below as a natural lead-in to additional content.</CCardText>
     </CCardBody>
-    <CCardFooter><small class="text-muted">Last updated 3 mins ago</small></CCardFooter>
+    <CCardFooter><small class="text-body-secondary">Last updated 3 mins ago</small></CCardFooter>
   </CCard>
   <CCard>
     <CCardImage orientation="top" :src="$withBase('/images/vue.jpg')" />
@@ -966,7 +966,7 @@ When using card groups with footers, their content will automatically line up.
       <CCardTitle>Card title</CCardTitle>
       <CCardText>This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.</CCardText>
     </CCardBody>
-    <CCardFooter><small class="text-muted">Last updated 3 mins ago</small></CCardFooter>
+    <CCardFooter><small class="text-body-secondary">Last updated 3 mins ago</small></CCardFooter>
   </CCard>
 </CCardGroup>
 :::
@@ -978,7 +978,7 @@ When using card groups with footers, their content will automatically line up.
       <CCardTitle>Card title</CCardTitle>
       <CCardText>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</CCardText>
     </CCardBody>
-    <CCardFooter><small class="text-muted">Last updated 3 mins ago</small></CCardFooter>
+    <CCardFooter><small class="text-body-secondary">Last updated 3 mins ago</small></CCardFooter>
   </CCard>
   <CCard>
     <CCardImage orientation="top" src="/images/vue.jpg" />
@@ -986,7 +986,7 @@ When using card groups with footers, their content will automatically line up.
       <CCardTitle>Card title</CCardTitle>
       <CCardText>This card has supporting text below as a natural lead-in to additional content.</CCardText>
     </CCardBody>
-    <CCardFooter><small class="text-muted">Last updated 3 mins ago</small></CCardFooter>
+    <CCardFooter><small class="text-body-secondary">Last updated 3 mins ago</small></CCardFooter>
   </CCard>
   <CCard>
     <CCardImage orientation="top" src="/images/vue.jpg" />
@@ -994,7 +994,7 @@ When using card groups with footers, their content will automatically line up.
       <CCardTitle>Card title</CCardTitle>
       <CCardText>This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.</CCardText>
     </CCardBody>
-    <CCardFooter><small class="text-muted">Last updated 3 mins ago</small></CCardFooter>
+    <CCardFooter><small class="text-body-secondary">Last updated 3 mins ago</small></CCardFooter>
   </CCard>
 </CCardGroup>
 ```
@@ -1012,7 +1012,7 @@ Use the `CRow` component and set `:xs|sm|md|lg|xl|xxl="{ cols: * }"` property to
         <CCardTitle>Card title</CCardTitle>
         <CCardText>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</CCardText>
       </CCardBody>
-      <CCardFooter><small class="text-muted">Last updated 3 mins ago</small></CCardFooter>
+      <CCardFooter><small class="text-body-secondary">Last updated 3 mins ago</small></CCardFooter>
     </CCard>
   </CCol>
   <CCol xs>
@@ -1022,7 +1022,7 @@ Use the `CRow` component and set `:xs|sm|md|lg|xl|xxl="{ cols: * }"` property to
         <CCardTitle>Card title</CCardTitle>
         <CCardText>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</CCardText>
       </CCardBody>
-      <CCardFooter><small class="text-muted">Last updated 3 mins ago</small></CCardFooter>
+      <CCardFooter><small class="text-body-secondary">Last updated 3 mins ago</small></CCardFooter>
     </CCard>
   </CCol>
   <CCol xs>
@@ -1032,7 +1032,7 @@ Use the `CRow` component and set `:xs|sm|md|lg|xl|xxl="{ cols: * }"` property to
         <CCardTitle>Card title</CCardTitle>
         <CCardText>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</CCardText>
       </CCardBody>
-      <CCardFooter><small class="text-muted">Last updated 3 mins ago</small></CCardFooter>
+      <CCardFooter><small class="text-body-secondary">Last updated 3 mins ago</small></CCardFooter>
     </CCard>
   </CCol>
   <CCol xs>
@@ -1042,7 +1042,7 @@ Use the `CRow` component and set `:xs|sm|md|lg|xl|xxl="{ cols: * }"` property to
         <CCardTitle>Card title</CCardTitle>
         <CCardText>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</CCardText>
       </CCardBody>
-      <CCardFooter><small class="text-muted">Last updated 3 mins ago</small></CCardFooter>
+      <CCardFooter><small class="text-body-secondary">Last updated 3 mins ago</small></CCardFooter>
     </CCard>
   </CCol>
 </CRow>
@@ -1056,7 +1056,7 @@ Use the `CRow` component and set `:xs|sm|md|lg|xl|xxl="{ cols: * }"` property to
         <CCardTitle>Card title</CCardTitle>
         <CCardText>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</CCardText>
       </CCardBody>
-      <CCardFooter><small class="text-muted">Last updated 3 mins ago</small></CCardFooter>
+      <CCardFooter><small class="text-body-secondary">Last updated 3 mins ago</small></CCardFooter>
     </CCard>
   </CCol>
   <CCol xs>
@@ -1066,7 +1066,7 @@ Use the `CRow` component and set `:xs|sm|md|lg|xl|xxl="{ cols: * }"` property to
         <CCardTitle>Card title</CCardTitle>
         <CCardText>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</CCardText>
       </CCardBody>
-      <CCardFooter><small class="text-muted">Last updated 3 mins ago</small></CCardFooter>
+      <CCardFooter><small class="text-body-secondary">Last updated 3 mins ago</small></CCardFooter>
     </CCard>
   </CCol>
   <CCol xs>
@@ -1076,7 +1076,7 @@ Use the `CRow` component and set `:xs|sm|md|lg|xl|xxl="{ cols: * }"` property to
         <CCardTitle>Card title</CCardTitle>
         <CCardText>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</CCardText>
       </CCardBody>
-      <CCardFooter><small class="text-muted">Last updated 3 mins ago</small></CCardFooter>
+      <CCardFooter><small class="text-body-secondary">Last updated 3 mins ago</small></CCardFooter>
     </CCard>
   </CCol>
   <CCol xs>
@@ -1086,7 +1086,7 @@ Use the `CRow` component and set `:xs|sm|md|lg|xl|xxl="{ cols: * }"` property to
         <CCardTitle>Card title</CCardTitle>
         <CCardText>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</CCardText>
       </CCardBody>
-      <CCardFooter><small class="text-muted">Last updated 3 mins ago</small></CCardFooter>
+      <CCardFooter><small class="text-body-secondary">Last updated 3 mins ago</small></CCardFooter>
     </CCard>
   </CCol>
 </CRow>
@@ -1103,7 +1103,7 @@ Change it to `:md="{ cols: 3}"` and you'll see the fourth card wrap.
         <CCardTitle>Card title</CCardTitle>
         <CCardText>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</CCardText>
       </CCardBody>
-      <CCardFooter><small class="text-muted">Last updated 3 mins ago</small></CCardFooter>
+      <CCardFooter><small class="text-body-secondary">Last updated 3 mins ago</small></CCardFooter>
     </CCard>
   </CCol>
   <CCol xs>
@@ -1113,7 +1113,7 @@ Change it to `:md="{ cols: 3}"` and you'll see the fourth card wrap.
         <CCardTitle>Card title</CCardTitle>
         <CCardText>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</CCardText>
       </CCardBody>
-      <CCardFooter><small class="text-muted">Last updated 3 mins ago</small></CCardFooter>
+      <CCardFooter><small class="text-body-secondary">Last updated 3 mins ago</small></CCardFooter>
     </CCard>
   </CCol>
   <CCol xs>
@@ -1123,7 +1123,7 @@ Change it to `:md="{ cols: 3}"` and you'll see the fourth card wrap.
         <CCardTitle>Card title</CCardTitle>
         <CCardText>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</CCardText>
       </CCardBody>
-      <CCardFooter><small class="text-muted">Last updated 3 mins ago</small></CCardFooter>
+      <CCardFooter><small class="text-body-secondary">Last updated 3 mins ago</small></CCardFooter>
     </CCard>
   </CCol>
   <CCol xs>
@@ -1133,7 +1133,7 @@ Change it to `:md="{ cols: 3}"` and you'll see the fourth card wrap.
         <CCardTitle>Card title</CCardTitle>
         <CCardText>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</CCardText>
       </CCardBody>
-      <CCardFooter><small class="text-muted">Last updated 3 mins ago</small></CCardFooter>
+      <CCardFooter><small class="text-body-secondary">Last updated 3 mins ago</small></CCardFooter>
     </CCard>
   </CCol>
 </CRow>
@@ -1147,7 +1147,7 @@ Change it to `:md="{ cols: 3}"` and you'll see the fourth card wrap.
         <CCardTitle>Card title</CCardTitle>
         <CCardText>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</CCardText>
       </CCardBody>
-      <CCardFooter><small class="text-muted">Last updated 3 mins ago</small></CCardFooter>
+      <CCardFooter><small class="text-body-secondary">Last updated 3 mins ago</small></CCardFooter>
     </CCard>
   </CCol>
   <CCol xs>
@@ -1157,7 +1157,7 @@ Change it to `:md="{ cols: 3}"` and you'll see the fourth card wrap.
         <CCardTitle>Card title</CCardTitle>
         <CCardText>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</CCardText>
       </CCardBody>
-      <CCardFooter><small class="text-muted">Last updated 3 mins ago</small></CCardFooter>
+      <CCardFooter><small class="text-body-secondary">Last updated 3 mins ago</small></CCardFooter>
     </CCard>
   </CCol>
   <CCol xs>
@@ -1167,7 +1167,7 @@ Change it to `:md="{ cols: 3}"` and you'll see the fourth card wrap.
         <CCardTitle>Card title</CCardTitle>
         <CCardText>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</CCardText>
       </CCardBody>
-      <CCardFooter><small class="text-muted">Last updated 3 mins ago</small></CCardFooter>
+      <CCardFooter><small class="text-body-secondary">Last updated 3 mins ago</small></CCardFooter>
     </CCard>
   </CCol>
   <CCol xs>
@@ -1177,7 +1177,7 @@ Change it to `:md="{ cols: 3}"` and you'll see the fourth card wrap.
         <CCardTitle>Card title</CCardTitle>
         <CCardText>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</CCardText>
       </CCardBody>
-      <CCardFooter><small class="text-muted">Last updated 3 mins ago</small></CCardFooter>
+      <CCardFooter><small class="text-body-secondary">Last updated 3 mins ago</small></CCardFooter>
     </CCard>
   </CCol>
 </CRow>
@@ -1277,7 +1277,7 @@ Just like with card groups, card footers will automatically line up.
         <CCardTitle>Card title</CCardTitle>
         <CCardText>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</CCardText>
       </CCardBody>
-      <CCardFooter><small class="text-muted">Last updated 3 mins ago</small></CCardFooter>
+      <CCardFooter><small class="text-body-secondary">Last updated 3 mins ago</small></CCardFooter>
     </CCard>
   </CCol>
   <CCol xs>
@@ -1287,7 +1287,7 @@ Just like with card groups, card footers will automatically line up.
         <CCardTitle>Card title</CCardTitle>
         <CCardText>This card has supporting text below as a natural lead-in to additional content.</CCardText>
       </CCardBody>
-      <CCardFooter><small class="text-muted">Last updated 3 mins ago</small></CCardFooter>
+      <CCardFooter><small class="text-body-secondary">Last updated 3 mins ago</small></CCardFooter>
     </CCard>
   </CCol>
   <CCol xs>
@@ -1297,7 +1297,7 @@ Just like with card groups, card footers will automatically line up.
         <CCardTitle>Card title</CCardTitle>
         <CCardText>This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.</CCardText>
       </CCardBody>
-      <CCardFooter><small class="text-muted">Last updated 3 mins ago</small></CCardFooter>
+      <CCardFooter><small class="text-body-secondary">Last updated 3 mins ago</small></CCardFooter>
     </CCard>
   </CCol>
 </CRow>
@@ -1311,7 +1311,7 @@ Just like with card groups, card footers will automatically line up.
         <CCardTitle>Card title</CCardTitle>
         <CCardText>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</CCardText>
       </CCardBody>
-      <CCardFooter><small class="text-muted">Last updated 3 mins ago</small></CCardFooter>
+      <CCardFooter><small class="text-body-secondary">Last updated 3 mins ago</small></CCardFooter>
     </CCard>
   </CCol>
   <CCol xs>
@@ -1321,7 +1321,7 @@ Just like with card groups, card footers will automatically line up.
         <CCardTitle>Card title</CCardTitle>
         <CCardText>This card has supporting text below as a natural lead-in to additional content.</CCardText>
       </CCardBody>
-      <CCardFooter><small class="text-muted">Last updated 3 mins ago</small></CCardFooter>
+      <CCardFooter><small class="text-body-secondary">Last updated 3 mins ago</small></CCardFooter>
     </CCard>
   </CCol>
   <CCol xs>
@@ -1331,7 +1331,7 @@ Just like with card groups, card footers will automatically line up.
         <CCardTitle>Card title</CCardTitle>
         <CCardText>This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.</CCardText>
       </CCardBody>
-      <CCardFooter><small class="text-muted">Last updated 3 mins ago</small></CCardFooter>
+      <CCardFooter><small class="text-body-secondary">Last updated 3 mins ago</small></CCardFooter>
     </CCard>
   </CCol>
 </CRow>
diff --git a/packages/docs/components/dropdown.md b/packages/docs/components/dropdown.md
index 5f492c9d..3dffbad2 100644
--- a/packages/docs/components/dropdown.md
+++ b/packages/docs/components/dropdown.md
@@ -19,16 +19,7 @@ Bind the dropdown's toggle and the dropdown menu inside `<CDropdown>`, or differ
 
 Here's how you can put them to work with either `<button>` elements:
 ::: demo
-<CDropdown direction="dropup">
-  <CDropdownToggle color="primary">Dropdown Button</CDropdownToggle>
-  <CDropdownMenu>
-    <CDropdownItem href="#">Action</CDropdownItem>
-    <CDropdownItem href="#">Another action</CDropdownItem>
-    <CDropdownItem href="#">Something else here</CDropdownItem>
-  </CDropdownMenu>
-</CDropdown>
-<div dir="rtl">
-<CDropdown direction="dropup">
+<CDropdown>
   <CDropdownToggle color="primary">Dropdown Button</CDropdownToggle>
   <CDropdownMenu>
     <CDropdownItem href="#">Action</CDropdownItem>
@@ -36,7 +27,6 @@ Here's how you can put them to work with either `<button>` elements:
     <CDropdownItem href="#">Something else here</CDropdownItem>
   </CDropdownMenu>
 </CDropdown>
-</div>
 :::
 ```vue
 <CDropdown>
@@ -630,7 +620,7 @@ In the following example we use `div` instead of `<CDropdownMenu>` to show `<CDr
 Place any freeform text within a dropdown menu with text. Note that you'll likely need additional sizing styles to constrain the menu width.
 
 ::: demo
-<div class="border rounded p-4 text-muted" style="max-width: 200px">
+<div class="border rounded p-4 text-body-secondary" style="max-width: 200px">
   <p>
     Some example text that's free-flowing within the dropdown menu.
   </p>
diff --git a/packages/docs/components/list-group.md b/packages/docs/components/list-group.md
index 27d4c98f..d936cf76 100644
--- a/packages/docs/components/list-group.md
+++ b/packages/docs/components/list-group.md
@@ -237,18 +237,18 @@ Add nearly any HTML within, even for linked list groups like the one below, with
   <CListGroupItem component="a" href="#">
     <div class="d-flex w-100 justify-content-between">
     <h5 class="mb-1">List group item heading</h5>
-      <small class="text-muted">3 days ago</small>
+      <small class="text-body-secondary">3 days ago</small>
     </div>
     <p class="mb-1">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
-    <small class="text-muted">Donec id elit non mi porta.</small>
+    <small class="text-body-secondary">Donec id elit non mi porta.</small>
   </CListGroupItem>
   <CListGroupItem component="a" href="#">
     <div class="d-flex w-100 justify-content-between">
     <h5 class="mb-1">List group item heading</h5>
-      <small class="text-muted">3 days ago</small>
+      <small class="text-body-secondary">3 days ago</small>
     </div>
     <p class="mb-1">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
-    <small class="text-muted">Donec id elit non mi porta.</small>
+    <small class="text-body-secondary">Donec id elit non mi porta.</small>
   </CListGroupItem>
 </CListGroup>
 :::
@@ -265,18 +265,18 @@ Add nearly any HTML within, even for linked list groups like the one below, with
   <CListGroupItem component="a" href="#">
     <div class="d-flex w-100 justify-content-between">
     <h5 class="mb-1">List group item heading</h5>
-      <small class="text-muted">3 days ago</small>
+      <small class="text-body-secondary">3 days ago</small>
     </div>
     <p class="mb-1">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
-    <small class="text-muted">Donec id elit non mi porta.</small>
+    <small class="text-body-secondary">Donec id elit non mi porta.</small>
   </CListGroupItem>
   <CListGroupItem component="a" href="#">
     <div class="d-flex w-100 justify-content-between">
     <h5 class="mb-1">List group item heading</h5>
-      <small class="text-muted">3 days ago</small>
+      <small class="text-body-secondary">3 days ago</small>
     </div>
     <p class="mb-1">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
-    <small class="text-muted">Donec id elit non mi porta.</small>
+    <small class="text-body-secondary">Donec id elit non mi porta.</small>
   </CListGroupItem>
 </CListGroup>
 ```
diff --git a/packages/docs/components/modal.md b/packages/docs/components/modal.md
index f26f03bd..ad7534bb 100644
--- a/packages/docs/components/modal.md
+++ b/packages/docs/components/modal.md
@@ -713,7 +713,7 @@ Modals have three optional sizes, available via modifier classes to be placed on
     </tr>
     <tr>
       <td>Default</td>
-      <td class="text-muted">None</td>
+      <td class="text-body-secondary">None</td>
       <td><code>500px</code></td>
     </tr>
     <tr>
diff --git a/packages/docs/layout/containers.md b/packages/docs/layout/containers.md
index 9f11c59b..4db2ce73 100644
--- a/packages/docs/layout/containers.md
+++ b/packages/docs/layout/containers.md
@@ -49,7 +49,7 @@ The table below illustrates how each container's `max-width` compares to the ori
   <tbody>
     <tr>
       <th scope="row" class="fw-normal"><code>&lt;CContainer&gt;</code></th>
-      <td class="text-muted">100%</td>
+      <td class="text-body-secondary">100%</td>
       <td>540px</td>
       <td>720px</td>
       <td>960px</td>
@@ -58,7 +58,7 @@ The table below illustrates how each container's `max-width` compares to the ori
     </tr>
     <tr>
       <th scope="row" class="fw-normal"><code>&lt;CContainer sm&gt;</code></th>
-      <td class="text-muted">100%</td>
+      <td class="text-body-secondary">100%</td>
       <td>540px</td>
       <td>720px</td>
       <td>960px</td>
@@ -67,8 +67,8 @@ The table below illustrates how each container's `max-width` compares to the ori
     </tr>
     <tr>
       <th scope="row" class="fw-normal"><code>&lt;CContainer md&gt;</code></th>
-      <td class="text-muted">100%</td>
-      <td class="text-muted">100%</td>
+      <td class="text-body-secondary">100%</td>
+      <td class="text-body-secondary">100%</td>
       <td>720px</td>
       <td>960px</td>
       <td>1140px</td>
@@ -76,39 +76,39 @@ The table below illustrates how each container's `max-width` compares to the ori
     </tr>
     <tr>
       <th scope="row" class="fw-normal"><code>&lt;CContainer lg&gt;</code></th>
-      <td class="text-muted">100%</td>
-      <td class="text-muted">100%</td>
-      <td class="text-muted">100%</td>
+      <td class="text-body-secondary">100%</td>
+      <td class="text-body-secondary">100%</td>
+      <td class="text-body-secondary">100%</td>
       <td>960px</td>
       <td>1140px</td>
       <td>1320px</td>
     </tr>
     <tr>
       <th scope="row" class="fw-normal"><code>&lt;CContainer xl&gt;</code></th>
-      <td class="text-muted">100%</td>
-      <td class="text-muted">100%</td>
-      <td class="text-muted">100%</td>
-      <td class="text-muted">100%</td>
+      <td class="text-body-secondary">100%</td>
+      <td class="text-body-secondary">100%</td>
+      <td class="text-body-secondary">100%</td>
+      <td class="text-body-secondary">100%</td>
       <td>1140px</td>
       <td>1320px</td>
     </tr>
     <tr>
       <th scope="row" class="fw-normal"><code>&lt;CContainer xxl&gt;</code></th>
-      <td class="text-muted">100%</td>
-      <td class="text-muted">100%</td>
-      <td class="text-muted">100%</td>
-      <td class="text-muted">100%</td>
-      <td class="text-muted">100%</td>
+      <td class="text-body-secondary">100%</td>
+      <td class="text-body-secondary">100%</td>
+      <td class="text-body-secondary">100%</td>
+      <td class="text-body-secondary">100%</td>
+      <td class="text-body-secondary">100%</td>
       <td>1320px</td>
     </tr>
     <tr>
       <th scope="row" class="fw-normal"><code>&lt;CContainer fluid&gt;</code></th>
-      <td class="text-muted">100%</td>
-      <td class="text-muted">100%</td>
-      <td class="text-muted">100%</td>
-      <td class="text-muted">100%</td>
-      <td class="text-muted">100%</td>
-      <td class="text-muted">100%</td>
+      <td class="text-body-secondary">100%</td>
+      <td class="text-body-secondary">100%</td>
+      <td class="text-body-secondary">100%</td>
+      <td class="text-body-secondary">100%</td>
+      <td class="text-body-secondary">100%</td>
+      <td class="text-body-secondary">100%</td>
     </tr>
   </tbody>
 </table>
diff --git a/packages/docs/templates/admin-dashboard.md b/packages/docs/templates/admin-dashboard.md
index a91a81ab..d761ec92 100644
--- a/packages/docs/templates/admin-dashboard.md
+++ b/packages/docs/templates/admin-dashboard.md
@@ -15,7 +15,7 @@ Check out the fully-featured, ready-to-use admin dashboard templates built using
       <CCardBody>
         <CLink class="text-decoration-none text-reset" href="https://coreui.io/product/free-vue-admin-template/" target="_blank">
           <CCardTitle>Free Vue Admin Template</CCardTitle>
-          <CCardSubtitle class="mb-3 text-muted">Default Theme</CCardSubtitle>
+          <CCardSubtitle class="mb-3 text-body-secondary">Default Theme</CCardSubtitle>
           <CImage class="rounded shadow-sm" fluid src="https://coreui.io/images/templates/coreui_free_1440.webp" alt=""/>
         </CLink>
       </CCardBody>
@@ -26,7 +26,7 @@ Check out the fully-featured, ready-to-use admin dashboard templates built using
       <CCardBody>
         <CLink class="text-decoration-none text-reset" href="https://coreui.io/product/vue-dashboard-template/?theme=default-v3" target="_blank">
           <CCardTitle>Vue Dashboard Template</CCardTitle>
-          <CCardSubtitle class="mb-3 text-muted">Default Theme v3</CCardSubtitle>
+          <CCardSubtitle class="mb-3 text-body-secondary">Default Theme v3</CCardSubtitle>
           <CImage class="rounded shadow-sm" fluid src="https://coreui.io/images/templates/coreui_pro_default_v3_1440.webp" alt=""/>
         </CLink>
       </CCardBody>
@@ -37,7 +37,7 @@ Check out the fully-featured, ready-to-use admin dashboard templates built using
       <CCardBody>
         <CLink class="text-decoration-none text-reset" href="https://coreui.io/product/vue-dashboard-template/?theme=light-v3" target="_blank">
           <CCardTitle>Vue Dashboard Template</CCardTitle>
-          <CCardSubtitle class="mb-3 text-muted">Light Theme v3</CCardSubtitle>
+          <CCardSubtitle class="mb-3 text-body-secondary">Light Theme v3</CCardSubtitle>
           <CImage class="rounded shadow-sm" fluid src="https://coreui.io/images/templates/coreui_pro_light_v3_1440.webp" alt=""/>
         </CLink>
       </CCardBody>
@@ -48,7 +48,7 @@ Check out the fully-featured, ready-to-use admin dashboard templates built using
       <CCardBody>
         <CLink class="text-decoration-none text-reset" href="https://coreui.io/product/vue-dashboard-template/?theme=default" target="_blank">
           <CCardTitle>Vue Dashboard Template</CCardTitle>
-          <CCardSubtitle class="mb-3 text-muted">Default Theme</CCardSubtitle>
+          <CCardSubtitle class="mb-3 text-body-secondary">Default Theme</CCardSubtitle>
           <CImage class="rounded shadow-sm" fluid src="https://coreui.io/images/templates/coreui_pro_default_1440.webp" alt=""/>
         </CLink>
       </CCardBody>
@@ -59,7 +59,7 @@ Check out the fully-featured, ready-to-use admin dashboard templates built using
       <CCardBody>
         <CLink class="text-decoration-none text-reset" href="https://coreui.io/product/vue-dashboard-template/?theme=light" target="_blank">
           <CCardTitle>Vue Dashboard Template</CCardTitle>
-          <CCardSubtitle class="mb-3 text-muted">Light Theme</CCardSubtitle>
+          <CCardSubtitle class="mb-3 text-body-secondary">Light Theme</CCardSubtitle>
           <CImage class="rounded shadow-sm" fluid src="https://coreui.io/images/templates/coreui_pro_light_1440.webp" alt=""/>
         </CLink>
       </CCardBody>
@@ -70,7 +70,7 @@ Check out the fully-featured, ready-to-use admin dashboard templates built using
       <CCardBody>
         <CLink class="text-decoration-none text-reset" href="https://coreui.io/product/vue-dashboard-template/?theme=dark" target="_blank">
           <CCardTitle>Vue Dashboard Template</CCardTitle>
-          <CCardSubtitle class="mb-3 text-muted">Dark Theme</CCardSubtitle>
+          <CCardSubtitle class="mb-3 text-body-secondary">Dark Theme</CCardSubtitle>
           <CImage class="rounded shadow-sm" fluid src="https://coreui.io/images/templates/coreui_pro_dark_1440.webp" alt=""/>
         </CLink>
       </CCardBody>

From f6bd76a20b68bbacd4634b158a0a507fac084d2f Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 28 Sep 2023 11:57:55 +0200
Subject: [PATCH 177/346] refactor: update colors

---
 packages/coreui-vue/src/components/widgets/CWidgetStatsA.ts   | 2 +-
 packages/coreui-vue/src/components/widgets/CWidgetStatsB.ts   | 4 ++--
 packages/coreui-vue/src/components/widgets/CWidgetStatsC.ts   | 4 ++--
 packages/coreui-vue/src/components/widgets/CWidgetStatsD.ts   | 2 +-
 packages/coreui-vue/src/components/widgets/CWidgetStatsE.ts   | 2 +-
 packages/coreui-vue/src/components/widgets/CWidgetStatsF.ts   | 2 +-
 .../__tests__/__snapshots__/CWidgetStatsE.spec.ts.snap        | 2 +-
 7 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/packages/coreui-vue/src/components/widgets/CWidgetStatsA.ts b/packages/coreui-vue/src/components/widgets/CWidgetStatsA.ts
index c2d3cc18..9647bfdf 100644
--- a/packages/coreui-vue/src/components/widgets/CWidgetStatsA.ts
+++ b/packages/coreui-vue/src/components/widgets/CWidgetStatsA.ts
@@ -34,7 +34,7 @@ const CWidgetStatsA = defineComponent({
         CCard,
         {
           class: [
-            { [`bg-${props.color}`]: props.color, 'text-high-emphasis-inverse': props.color },
+            { [`bg-${props.color}`]: props.color, 'text-white': props.color },
           ],
         },
         () => [
diff --git a/packages/coreui-vue/src/components/widgets/CWidgetStatsB.ts b/packages/coreui-vue/src/components/widgets/CWidgetStatsB.ts
index 1bcd1a0d..ce83a123 100644
--- a/packages/coreui-vue/src/components/widgets/CWidgetStatsB.ts
+++ b/packages/coreui-vue/src/components/widgets/CWidgetStatsB.ts
@@ -57,7 +57,7 @@ const CWidgetStatsB = defineComponent({
         {
           class: [
             {
-              'text-high-emphasis-inverse': props.inverse,
+              'text-white': props.inverse,
             },
           ],
           color: props.color,
@@ -99,7 +99,7 @@ const CWidgetStatsB = defineComponent({
                   'small',
                   {
                     class: [
-                      props.inverse ? 'text-medium-emphasis-inverse' : 'text-medium-emphasis',
+                      props.inverse ? 'text-white text-opacity-75' : 'text-body-secondary',
                     ],
                   },
                   {
diff --git a/packages/coreui-vue/src/components/widgets/CWidgetStatsC.ts b/packages/coreui-vue/src/components/widgets/CWidgetStatsC.ts
index 30584383..8c4c6a7c 100644
--- a/packages/coreui-vue/src/components/widgets/CWidgetStatsC.ts
+++ b/packages/coreui-vue/src/components/widgets/CWidgetStatsC.ts
@@ -75,7 +75,7 @@ const CWidgetStatsC = defineComponent({
                   {
                     class: [
                       'text-end mb-4',
-                      props.inverse ? 'text-medium-emphasis-inverse' : 'text-medium-emphasis',
+                      props.inverse ? 'text-white text-opacity-75' : 'text-body-secondary',
                     ],
                   },
                   slots.icon && slots.icon(),
@@ -96,7 +96,7 @@ const CWidgetStatsC = defineComponent({
                   {
                     class: [
                       'text-uppercase fw-semibold small',
-                      props.inverse ? 'text-medium-emphasis-inverse' : 'text-medium-emphasis',
+                      props.inverse ? 'text-white text-opacity-75' : 'text-body-secondary',
                     ],
                   },
                   {
diff --git a/packages/coreui-vue/src/components/widgets/CWidgetStatsD.ts b/packages/coreui-vue/src/components/widgets/CWidgetStatsD.ts
index 894bf592..0489d1eb 100644
--- a/packages/coreui-vue/src/components/widgets/CWidgetStatsD.ts
+++ b/packages/coreui-vue/src/components/widgets/CWidgetStatsD.ts
@@ -74,7 +74,7 @@ const CWidgetStatsD = defineComponent({
                           h(CCol, { class: 'fs-5 fw-semibold' }, () => value.value),
                           h(
                             CCol,
-                            { class: 'text-uppercase text-medium-emphasis small' },
+                            { class: 'text-uppercase text-body-secondary small' },
                             () => value.title,
                           ),
                         ],
diff --git a/packages/coreui-vue/src/components/widgets/CWidgetStatsE.ts b/packages/coreui-vue/src/components/widgets/CWidgetStatsE.ts
index 563e41b0..8c68d976 100644
--- a/packages/coreui-vue/src/components/widgets/CWidgetStatsE.ts
+++ b/packages/coreui-vue/src/components/widgets/CWidgetStatsE.ts
@@ -35,7 +35,7 @@ const CWidgetStatsE = defineComponent({
               h(
                 'div',
                 {
-                  class: 'text-muted small text-uppercase font-weight-bold',
+                  class: 'text-body-secondary small text-uppercase font-weight-bold',
                 },
                 {
                   default: () => (slots.title && slots.title()) || props.title,
diff --git a/packages/coreui-vue/src/components/widgets/CWidgetStatsF.ts b/packages/coreui-vue/src/components/widgets/CWidgetStatsF.ts
index 8c4db082..0c2ffd8e 100644
--- a/packages/coreui-vue/src/components/widgets/CWidgetStatsF.ts
+++ b/packages/coreui-vue/src/components/widgets/CWidgetStatsF.ts
@@ -81,7 +81,7 @@ const CWidgetStatsF = defineComponent({
                     h(
                       'div',
                       {
-                        class: 'text-medium-emphasis text-uppercase fw-semibold small',
+                        class: 'text-body-secondary text-uppercase fw-semibold small',
                       },
                       {
                         default: () => (slots.title && slots.title()) || props.title,
diff --git a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsE.spec.ts.snap b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsE.spec.ts.snap
index c1c85e62..18ed7668 100644
--- a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsE.spec.ts.snap
+++ b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsE.spec.ts.snap
@@ -3,7 +3,7 @@
 exports[`Loads and display CWidgetStatsE component renders correctly 1`] = `
 "<div class="card">
   <div class="card-body text-center">
-    <div class="text-muted small text-uppercase font-weight-bold">title</div>
+    <div class="text-body-secondary small text-uppercase font-weight-bold">title</div>
     <div class="h2 py-3">value</div>chartdefault
   </div>
 </div>"

From 1f048d66998c5ed924cc67464e798bc19fefe110 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 28 Sep 2023 11:58:21 +0200
Subject: [PATCH 178/346] chore: update @coreui/coreui to 5.0.0-alpha.2

---
 packages/coreui-vue/package.json | 2 +-
 packages/docs/package.json       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index 441a9534..8fe9c070 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -54,7 +54,7 @@
     "vue-types": "^5.1.0"
   },
   "peerDependencies": {
-    "@coreui/coreui": "^5.0.0-alpha.0",
+    "@coreui/coreui": "^5.0.0-alpha.2",
     "vue": "^3.2.21"
   },
   "standard": {
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 80e8f3c8..e22a69b9 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -9,7 +9,7 @@
   "license": "MIT",
   "devDependencies": {
     "@coreui/chartjs": "^3.1.2",
-    "@coreui/coreui": "^5.0.0-alpha.0",
+    "@coreui/coreui": "^5.0.0-alpha.2",
     "@coreui/icons": "^3.0.1",
     "@coreui/icons-vue": "^2.0.0",
     "@coreui/utils": "^2.0.2",

From ea349da1aad3dc0a355b4e44a2d9b3e7cf668d26 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 28 Sep 2023 11:59:18 +0200
Subject: [PATCH 179/346] docs: update theme

---
 .../docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue b/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue
index 65089b81..24fdb74b 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue
+++ b/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue
@@ -26,7 +26,7 @@
                   </Page>
                 </CCol>
                 <CCol :lg="3">
-                  <div class="docs-toc mt-4 mb-5 my-md-0 ps-xl-5 mb-lg-5 text-muted">
+                  <div class="docs-toc mt-4 mb-5 my-md-0 ps-xl-5 mb-lg-5 text-body-secondary">
                     <strong class="d-block h6 mb-2 pb-2 border-bottom">On this page</strong>
                     <Toc />
                   </div>

From 76d58c7f8cf2761ae31314e0369824c465013d52 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 28 Sep 2023 13:46:30 +0200
Subject: [PATCH 180/346] docs: update theme

---
 .../src/client/components/Sidebar.vue         |  6 ++--
 .../client/styles/_component-examples.scss    | 19 +++++------
 .../src/client/styles/_sidebar.scss           | 32 ++++++++++++++-----
 .../src/client/styles/_variables.scss         | 11 -------
 4 files changed, 37 insertions(+), 31 deletions(-)

diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/Sidebar.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/Sidebar.vue
index ce1b07f7..6ad736e2 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/components/Sidebar.vue
+++ b/packages/docs/.vuepress/theme-coreui/src/client/components/Sidebar.vue
@@ -1,5 +1,5 @@
 <template>
-  <CSidebar position="fixed" size="lg" class="docs-sidebar elevation-0 border-end ps-xl-4">
+  <CSidebar position="fixed" size="lg" class="docs-sidebar border-end px-xl-4 elevation-0">
     <CSidebarBrand class="justify-content-start ps-3">
       <svg
         xmlns="http://www.w3.org/2000/svg"
@@ -17,8 +17,8 @@
         </g>
       </svg>
     </CSidebarBrand>
-    <div class="text-body-secondary ms-3 me-5 mb-2 small fw-semibold">Framework:</div>
-    <CDropdown class="ms-3 me-5 mb-4">
+    <div class="text-body-secondary mx-3 mb-2 small fw-semibold">Framework:</div>
+    <CDropdown class="mx-3 mb-4">
       <CDropdownToggle color="primary" variant="outline"> Vue.js </CDropdownToggle>
       <CDropdownMenu class="w-100">
         <CDropdownItem href="https://coreui.io/angular/docs/4.0/" target="_blank">
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_component-examples.scss b/packages/docs/.vuepress/theme-coreui/src/client/styles/_component-examples.scss
index ecc83bd7..84abfc90 100644
--- a/packages/docs/.vuepress/theme-coreui/src/client/styles/_component-examples.scss
+++ b/packages/docs/.vuepress/theme-coreui/src/client/styles/_component-examples.scss
@@ -109,6 +109,14 @@
   .pagination {
     margin-bottom: 0;
   }
+
+  // Spinners
+  > .spinner-grow + .spinner-border,
+  > .spinner-border + .spinner-grow,
+  > .spinner-border + .spinner-border,
+  > .spinner-grow + .spinner-grow {
+    margin-left: .25rem;
+  }
 }
 
 //
@@ -347,7 +355,6 @@
 // Code snippets
 //
 
-div[class^="language-"],
 .highlight {
   position: relative;
   padding: .75rem ($cd-gutter-x * .5);
@@ -381,14 +388,13 @@ div[class^="language-"],
 .docs-code-snippet {
   margin: 0 ($cd-gutter-x * -.5) $spacer;
 
-  div[class^="language-"],
   .highlight {
     margin-bottom: 0;
   }
 
-  .docs-example ~ div[class^="language-"],
   .docs-example ~ .highlight {
-    border: 0;
+    border: solid var(--cui-border-color);
+    border-width: 1px 0 0;
     @include border-top-radius(0);
   }
 
@@ -414,11 +420,6 @@ div[class^="language-"],
   }
 }
 
-.docs-example {
-  border-bottom-width: 0;
-}
-
-.docs-example + div[class^="language-"],
 .docs-example + .highlight {
   border-top-width: 0;
   @include border-top-radius(0);
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_sidebar.scss b/packages/docs/.vuepress/theme-coreui/src/client/styles/_sidebar.scss
index 18ab0150..3e2482fa 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/styles/_sidebar.scss
+++ b/packages/docs/.vuepress/theme-coreui/src/client/styles/_sidebar.scss
@@ -2,15 +2,31 @@
   --cui-sidebar-bg: var(--cui-tertiary-bg);
   --cui-sidebar-brand-bg: transparent;
   --cui-sidebar-brand-color: var(--cui-body-color);
-  --cui-sidebar-nav-link-color: var(--cui-body-color);
-  --cui-sidebar-nav-link-active-bg: transparent;
-  --cui-sidebar-nav-link-active-color: var(--cui-primary);
-  --cui-sidebar-nav-link-hover-bg: transparent;
-  --cui-sidebar-nav-link-hover-color: var(--cui-primary);
-  --cui-sidebar-nav-group-bg: transparent;
-  --cui-sidebar-nav-group-toggle-show-color: var(--cui-primary);
 
-  .nav-group-items {
+  .sidebar-nav {
     --cui-sidebar-nav-link-color: var(--cui-body-color);
+    --cui-sidebar-nav-link-active-bg: transparent;
+    --cui-sidebar-nav-link-active-color: var(--cui-primary);
+    --cui-sidebar-nav-link-hover-bg: transparent;
+    --cui-sidebar-nav-link-hover-color: var(--cui-primary);
+    --cui-sidebar-nav-link-icon-margin: 1rem;
+    --cui-sidebar-nav-group-bg: transparent;
+    --cui-sidebar-nav-group-toggle-show-color: var(--cui-primary);
+
+    .compact .nav-link {
+      --cui-sidebar-nav-link-padding-y: .375rem;
+    }
+
+    .nav-group-items {
+      --cui-sidebar-nav-link-color: var(--cui-body-color);
+    }
+  }
+}
+
+@if $enable-dark-mode {
+  @include color-mode(dark) {
+    .docs-sidebar {
+      --cui-sidebar-bg: var(--cui-body-bg);
+    }
   }
 }
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_variables.scss b/packages/docs/.vuepress/theme-coreui/src/client/styles/_variables.scss
index bb49c60f..b53b7754 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/styles/_variables.scss
+++ b/packages/docs/.vuepress/theme-coreui/src/client/styles/_variables.scss
@@ -1,14 +1,3 @@
-// responsive breakpoints
-$MQNarrow: 959px !default;
-$MQMobile: 719px !default;
-$MQMobileNarrow: 419px !default;
-
-// code languages
-$codeLang: 'c' 'cpp' 'cs' 'css' 'dart' 'docker' 'fs' 'go' 'html' 'java' 'js'
-  'json' 'kt' 'less' 'makefile' 'md' 'php' 'py' 'rb' 'rs' 'sass' 'scss' 'sh'
-  'styl' 'ts' 'toml' 'vue' 'yml' !default;
-
-
 // stylelint-disable scss/dollar-variable-default
 
 // Local docs variables

From 62fd9ba23a6023fc69c2e3fccfd70d0819c8878f Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 28 Sep 2023 13:50:27 +0200
Subject: [PATCH 181/346] refactor(CDropdown): improve syntax

---
 .../components/dropdown/CDropdownToggle.ts    | 72 +++++++++----------
 packages/docs/components/dropdown.md          |  4 +-
 2 files changed, 36 insertions(+), 40 deletions(-)

diff --git a/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts b/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
index eb8200fd..0aab7e9f 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
@@ -1,4 +1,4 @@
-import { cloneVNode, defineComponent, h, inject, onMounted, PropType, Ref, ref } from 'vue'
+import { cloneVNode, computed, defineComponent, h, inject, onMounted, PropType, Ref, ref } from 'vue'
 
 import { CButton } from '../button'
 
@@ -8,10 +8,6 @@ import type { Triggers } from '../../types'
 const CDropdownToggle = defineComponent({
   name: 'CDropdownToggle',
   props: {
-    /**
-     * Toggle the active state for the component.
-     */
-    active: Boolean,
     /**
      * Sets the color context of the component to one of CoreUI’s themed colors.
      *
@@ -40,6 +36,15 @@ const CDropdownToggle = defineComponent({
      * Toggle the disabled state for the component.
      */
     disabled: Boolean,
+    /**
+     * If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.
+     *
+     * @since v5.0.0-alpha.1
+     */
+    navLink: {
+      type: Boolean,
+      default: true,
+    },
     /**
      * @values 'rounded', 'rounded-top', 'rounded-end', 'rounded-bottom', 'rounded-start', 'rounded-circle', 'rounded-pill', 'rounded-0', 'rounded-1', 'rounded-2', 'rounded-3'
      */
@@ -87,18 +92,10 @@ const CDropdownToggle = defineComponent({
     const visible = inject('visible') as Ref<boolean>
     const setVisible = inject('setVisible') as (_visible?: boolean) => void
 
-    const className = [
-      {
-        'dropdown-toggle': props.caret,
-        'dropdown-toggle-split': props.split,
-        active: props.active,
-        disabled: props.disabled,
-      },
-    ]
-
     const triggers = {
       ...((props.trigger === 'click' || props.trigger.includes('click')) && {
-        onClick: () => {
+        onClick: (event: Event) => {
+          event.preventDefault()
           if (props.disabled) {
             return
           }
@@ -123,6 +120,20 @@ const CDropdownToggle = defineComponent({
       }),
     }
 
+    const togglerProps = computed(() => {
+      return {
+        class: {
+          'nav-link': dropdownVariant === 'nav-item' && props.navLink,
+          'dropdown-toggle': props.caret,
+          'dropdown-toggle-split': props.split,
+          disabled: props.disabled,
+          show: visible.value
+        },
+        'aria-expanded': visible.value,
+        ...(!props.disabled && { ...triggers }),
+      }
+    })
+
     onMounted(() => {
       if (togglerRef.value) {
         dropdownToggleRef.value = togglerRef.value.$el
@@ -140,45 +151,30 @@ const CDropdownToggle = defineComponent({
               ...triggers,
             }),
           )
-        : dropdownVariant === 'nav-item'
+        : dropdownVariant === 'nav-item' && props.navLink
         ? h(
             'a',
             {
-              active: props.active,
-              class: [
-                'nav-link',
-                className,
-                {
-                  show: visible.value,
-                },
-              ],
-              disabled: props.disabled,
               href: '#',
+              ...togglerProps.value,
+              role: 'button',
               ref: dropdownToggleRef,
-              ...triggers,
             },
             { default: () => slots.default && slots.default() },
           )
         : h(
             CButton,
             {
-              class: [
-                className,
-                {
-                  show: visible.value,
-                },
-              ],
-              active: props.active,
+              ...togglerProps.value,
               color: props.color,
+              component: props.component,
               disabled: props.disabled,
-              ref: (el) => {
-                togglerRef.value = el
-              },
               shape: props.shape,
               size: props.size,
-              ...triggers,
-              ...(props.component === 'button' && { type: 'button' }),
               variant: props.variant,
+              ref: (el) => {
+                togglerRef.value = el
+              },
             },
             () =>
               props.split
diff --git a/packages/docs/components/dropdown.md b/packages/docs/components/dropdown.md
index 3dffbad2..e24ce4be 100644
--- a/packages/docs/components/dropdown.md
+++ b/packages/docs/components/dropdown.md
@@ -257,7 +257,7 @@ And putting it to use in a navbar:
     <CNavbarBrand href="#">Navbar</CNavbarBrand>
     <CNavbarNav>
       <CDropdown dark variant="nav-item">
-        <CDropdownToggle color="primary">Dropdown Button</CDropdownToggle>
+        <CDropdownToggle color="dark" :navLink="false">Dropdown Button</CDropdownToggle>
         <CDropdownMenu>
           <CDropdownItem href="#">Action</CDropdownItem>
           <CDropdownItem href="#">Another action</CDropdownItem>
@@ -276,7 +276,7 @@ And putting it to use in a navbar:
     <CNavbarBrand href="#">Navbar</CNavbarBrand>
     <CNavbarNav>
       <CDropdown dark variant="nav-item">
-        <CDropdownToggle color="primary">Dropdown Button</CDropdownToggle>
+        <CDropdownToggle color="dark" :navLink="false">Dropdown Button</CDropdownToggle>
         <CDropdownMenu>
           <CDropdownItem href="#">Action</CDropdownItem>
           <CDropdownItem href="#">Another action</CDropdownItem>

From ef0d9e7fb02ddb073608100af4bc298296a1de1d Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 28 Sep 2023 13:50:48 +0200
Subject: [PATCH 182/346] refactor(CButton): improve syntax

---
 packages/coreui-vue/src/components/button/CButton.ts | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/coreui-vue/src/components/button/CButton.ts b/packages/coreui-vue/src/components/button/CButton.ts
index d5b2421d..235bd972 100644
--- a/packages/coreui-vue/src/components/button/CButton.ts
+++ b/packages/coreui-vue/src/components/button/CButton.ts
@@ -79,6 +79,7 @@ export const CButton = defineComponent({
     'click',
   ],
   setup(props, { emit, slots }) {
+    const component = props.href ? 'a' : props.component
     const handleClick = (event: Event) => {
       if (props.disabled) {
         return
@@ -88,7 +89,7 @@ export const CButton = defineComponent({
     }
     return () =>
       h(
-        props.component,
+        component,
         {
           class: [
             'btn',
@@ -100,10 +101,9 @@ export const CButton = defineComponent({
             },
             props.shape,
           ],
-          disabled: props.disabled && props.component !== 'a',
-          ...(props.component === 'a' && props.disabled && { 'aria-disabled': true, tabIndex: -1 }),
-          ...(props.component === 'a' && props.href && { href: props.href }),
-          ...(props.component === 'button' && { type: props.type }),
+          ...(component === 'a' && props.disabled && { 'aria-disabled': true, tabIndex: -1 }),
+          ...(component === 'a' && props.href && { href: props.href }),
+          ...(component === 'button' && { type: props.type, disabled: props.disabled }),
           onClick: handleClick,
         },
         slots.default && slots.default(),

From a6d7ff0f9577aa2b159ada9f0b7be6ea01070a1c Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 28 Sep 2023 14:33:36 +0200
Subject: [PATCH 183/346] feat(CModal): add `focus` property to allow set if
 puts the focus on the modal when shown, restore focus to the previously
 focused element once the modal is hidden

---
 packages/coreui-vue/src/components/modal/CModal.ts | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/packages/coreui-vue/src/components/modal/CModal.ts b/packages/coreui-vue/src/components/modal/CModal.ts
index ff9805a8..6a0614ea 100644
--- a/packages/coreui-vue/src/components/modal/CModal.ts
+++ b/packages/coreui-vue/src/components/modal/CModal.ts
@@ -51,6 +51,15 @@ const CModal = defineComponent({
      * A string of all className you want applied to the modal content component.
      */
     contentClassName: String,
+    /**
+     * Puts the focus on the modal when shown.
+     *
+     * @since v5.0.0-alpha.1
+     */
+    focus: {
+      type: Boolean,
+      default: true,
+    },
     /**
      * Set modal to covers the entire user viewport
      *
@@ -124,6 +133,7 @@ const CModal = defineComponent({
     'show',
   ],
   setup(props, { slots, attrs, emit }) {
+    const activeElementRef = ref()
     const modalRef = ref()
     const modalContentRef = ref()
     const visible = ref(props.visible)
@@ -136,6 +146,7 @@ const CModal = defineComponent({
     )
 
     const handleEnter = (el: RendererElement, done: () => void) => {
+      activeElementRef.value = document.activeElement as HTMLElement | null
       executeAfterTransition(() => done(), el as HTMLElement)
       document.body.classList.add('modal-open')
       document.body.style.overflow = 'hidden'
@@ -148,6 +159,7 @@ const CModal = defineComponent({
     }
 
     const handleAfterEnter = () => {
+      props.focus && modalRef.value?.focus()
       window.addEventListener('mousedown', handleMouseDown)
       window.addEventListener('keyup', handleKeyUp)
     }
@@ -166,6 +178,7 @@ const CModal = defineComponent({
     }
 
     const handleAfterLeave = (el: RendererElement) => {
+      activeElementRef.value?.focus()
       window.removeEventListener('mousedown', handleMouseDown)
       window.removeEventListener('keyup', handleKeyUp)
       el.style.display = 'none'

From 2ae86d3cc46379af8d0db2932bd3c494c2db68c2 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 28 Sep 2023 15:30:22 +0200
Subject: [PATCH 184/346] docs(CModal): add new examples

---
 packages/docs/components/modal.md | 431 +++++++++++++++++++++++++-----
 1 file changed, 359 insertions(+), 72 deletions(-)

diff --git a/packages/docs/components/modal.md b/packages/docs/components/modal.md
index ad7534bb..72ea1b66 100644
--- a/packages/docs/components/modal.md
+++ b/packages/docs/components/modal.md
@@ -43,9 +43,13 @@ Toggle a working modal demo by clicking the button below. It will slide down and
 
 ::: demo
 <CButton color="primary" @click="() => { visibleLiveDemo = true }">Launch demo modal</CButton>
-<CModal :visible="visibleLiveDemo" @close="() => { visibleLiveDemo = false }">
+<CModal 
+  :visible="visibleLiveDemo"
+  @close="() => { visibleLiveDemo = false }"
+  aria-labelledby="LiveDemoExampleLabel"
+>
   <CModalHeader>
-    <CModalTitle>Modal title</CModalTitle>
+    <CModalTitle id="LiveDemoExampleLabel">Modal title</CModalTitle>
   </CModalHeader>
   <CModalBody>Woohoo, you're reading this text in a modal!</CModalBody>
   <CModalFooter>
@@ -59,9 +63,13 @@ Toggle a working modal demo by clicking the button below. It will slide down and
 ``` vue
 <template>
   <CButton color="primary" @click="() => { visibleLiveDemo = true }">Launch demo modal</CButton>
-  <CModal :visible="visibleLiveDemo" @close="() => { visibleLiveDemo = false }">
+  <CModal 
+    :visible="visibleLiveDemo"
+    @close="() => { visibleLiveDemo = false }"
+    aria-labelledby="LiveDemoExampleLabel"
+  >
     <CModalHeader>
-      <CModalTitle>Modal title</CModalTitle>
+      <CModalTitle id="LiveDemoExampleLabel">Modal title</CModalTitle>
     </CModalHeader>
     <CModalBody>Woohoo, you're reading this text in a modal!</CModalBody>
     <CModalFooter>
@@ -88,9 +96,14 @@ If you set `backdrop` property to `static`, your modal will behave as though the
 
 ::: demo
 <CButton color="primary" @click="() => { visibleStaticBackdropDemo = true }">Launch static backdrop modal</CButton>
-<CModal backdrop="static" :visible="visibleStaticBackdropDemo" @close="() => { visibleStaticBackdropDemo = false }">
+<CModal 
+  backdrop="static"
+  :visible="visibleStaticBackdropDemo"
+  @close="() => { visibleStaticBackdropDemo = false }" 
+  aria-labelledby="StaticBackdropExampleLabel"
+>
   <CModalHeader>
-    <CModalTitle>Modal title</CModalTitle>
+    <CModalTitle id="StaticBackdropExampleLabel">Modal title</CModalTitle>
   </CModalHeader>
   <CModalBody>Woohoo, you're reading this text in a modal!</CModalBody>
   <CModalFooter>
@@ -104,9 +117,14 @@ If you set `backdrop` property to `static`, your modal will behave as though the
 ``` vue
 <template>
   <CButton color="primary" @click="() => { visibleStaticBackdropDemo = true }">Launch demo modal</CButton>
-  <CModal backdrop="static" :visible="visibleStaticBackdropDemo" @close="() => { visibleStaticBackdropDemo = false }">
+  <CModal 
+    backdrop="static"
+    :visible="visibleStaticBackdropDemo"
+    @close="() => { visibleStaticBackdropDemo = false }" 
+    aria-labelledby="StaticBackdropExampleLabel"
+  >
     <CModalHeader>
-      <CModalTitle>Modal title</CModalTitle>
+      <CModalTitle id="StaticBackdropExampleLabel">Modal title</CModalTitle>
     </CModalHeader>
     <CModalBody>Woohoo, you're reading this text in a modal!</CModalBody>
     <CModalFooter>
@@ -134,9 +152,13 @@ When modals become too long for the user's viewport or device, they scroll indep
 
 ::: demo
 <CButton color="primary" @click="() => { visibleScrollingLongContentDemo = true }">Launch static backdrop modal</CButton>
-<CModal :visible="visibleScrollingLongContentDemo" @close="() => { visibleScrollingLongContentDemo = false }">
+<CModal 
+  :visible="visibleScrollingLongContentDemo"
+  @close="() => { visibleScrollingLongContentDemo = false }"
+  aria-labelledby="ScrollingLongContentExampleLabel"
+>
   <CModalHeader>
-    <CModalTitle>Modal title</CModalTitle>
+   <CModalTitle id="ScrollingLongContentExampleLabel">Modal title</CModalTitle>
   </CModalHeader>
   <CModalBody>
     <p>
@@ -229,9 +251,13 @@ When modals become too long for the user's viewport or device, they scroll indep
 ``` vue
 <template>
   <CButton color="primary" @click="() => { visibleScrollingLongContentDemo = true }">Launch demo modal</CButton>
-  <CModal :visible="visibleScrollingLongContentDemo" @close="() => { visibleScrollingLongContentDemo = false }">
+  <CModal 
+    :visible="visibleScrollingLongContentDemo"
+    @close="() => { visibleScrollingLongContentDemo = false }"
+    aria-labelledby="ScrollingLongContentExampleLabel"
+  >
     <CModalHeader>
-      <CModalTitle>Modal title</CModalTitle>
+     <CModalTitle id="ScrollingLongContentExampleLabel">Modal title</CModalTitle>
     </CModalHeader>
     <CModalBody>
       <p>
@@ -336,9 +362,14 @@ You can also create a scrollable modal that allows scroll the modal body by addi
 
 ::: demo
 <CButton color="primary" @click="() => { visibleScrollableDemo = true }">Launch static backdrop modal</CButton>
-<CModal scrollable :visible="visibleScrollableDemo" @close="() => { visibleScrollableDemo = false }">
+<CModal
+  scrollable
+  :visible="visibleScrollableDemo"
+  @close="() => { visibleScrollableDemo = false }"
+  aria-labelledby="ScrollingLongContentExampleLabel2"
+>
   <CModalHeader>
-    <CModalTitle>Modal title</CModalTitle>
+    <CModalTitle id="ScrollingLongContentExampleLabel2">Modal title</CModalTitle>
   </CModalHeader>
   <CModalBody>
     <p>
@@ -431,9 +462,14 @@ You can also create a scrollable modal that allows scroll the modal body by addi
 ``` vue
 <template>
   <CButton color="primary" @click="() => { visibleScrollableDemo = true }">Launch demo modal</CButton>
-  <CModal scrollable :visible="visibleScrollableDemo" @close="() => { visibleScrollableDemo = false }">
+  <CModal
+    scrollable
+    :visible="visibleScrollableDemo"
+    @close="() => { visibleScrollableDemo = false }"
+    aria-labelledby="ScrollingLongContentExampleLabel2"
+  >
     <CModalHeader>
-      <CModalTitle>Modal title</CModalTitle>
+      <CModalTitle id="ScrollingLongContentExampleLabel2">Modal title</CModalTitle>
     </CModalHeader>
     <CModalBody>
       <p>
@@ -540,9 +576,14 @@ Add `alignment="center` to `<CModal>` to vertically center the modal.
 
 ::: demo
 <CButton color="primary" @click="() => { visibleVerticallyCenteredDemo = true }">Vertically centered modal</CButton>
-<CModal alignment="center" :visible="visibleVerticallyCenteredDemo" @close="() => { visibleVerticallyCenteredDemo = false }">
+<CModal
+  alignment="center"
+  :visible="visibleVerticallyCenteredDemo"
+  @close="() => { visibleVerticallyCenteredDemo = false }"
+  aria-labelledby="VerticallyCenteredExample"
+>
   <CModalHeader>
-    <CModalTitle>Modal title</CModalTitle>
+    <CModalTitle id="VerticallyCenteredExample">Modal title</CModalTitle>
   </CModalHeader>
   <CModalBody>
     Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
@@ -558,9 +599,14 @@ Add `alignment="center` to `<CModal>` to vertically center the modal.
 ``` vue
 <template>
   <CButton color="primary" @click="() => { visibleVerticallyCenteredDemo = true }">Launch demo modal</CButton>
-  <CModal alignment="center" :visible="visibleVerticallyCenteredDemo" @close="() => { visibleVerticallyCenteredDemo = false }">
+  <CModal
+    alignment="center"
+    :visible="visibleVerticallyCenteredDemo"
+    @close="() => { visibleVerticallyCenteredDemo = false }"
+    aria-labelledby="VerticallyCenteredExample"
+  >
     <CModalHeader>
-      <CModalTitle>Modal title</CModalTitle>
+      <CModalTitle id="VerticallyCenteredExample">Modal title</CModalTitle>
     </CModalHeader>
     <CModalBody>
       Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
@@ -586,9 +632,15 @@ Add `alignment="center` to `<CModal>` to vertically center the modal.
 
 ::: demo
 <CButton color="primary" @click="() => { visibleVerticallyCenteredScrollableDemo = true }">Vertically centered scrollable modal</CButton>
-<CModal alignment="center" scrollable :visible="visibleVerticallyCenteredScrollableDemo" @close="() => { visibleVerticallyCenteredScrollableDemo = false }">
+<CModal 
+  alignment="center"
+  scrollable
+  :visible="visibleVerticallyCenteredScrollableDemo"
+  @close="() => { visibleVerticallyCenteredScrollableDemo = false }"
+  aria-labelledby="VerticallyCenteredExample2"
+>
   <CModalHeader>
-    <CModalTitle>Modal title</CModalTitle>
+    <CModalTitle id="VerticallyCenteredExample2">Modal title</CModalTitle>
   </CModalHeader>
   <CModalBody>
     Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
@@ -604,9 +656,15 @@ Add `alignment="center` to `<CModal>` to vertically center the modal.
 ``` vue
 <template>
   <CButton color="primary" @click="() => { visibleVerticallyCenteredScrollableDemo = true }">Vertically centered scrollable modal</CButton>
-  <CModal alignment="center" scrollable :visible="visibleVerticallyCenteredScrollableDemo" @close="() => { visibleVerticallyCenteredScrollableDemo = false }">
+  <CModal 
+    alignment="center"
+    scrollable
+    :visible="visibleVerticallyCenteredScrollableDemo"
+    @close="() => { visibleVerticallyCenteredScrollableDemo = false }"
+    aria-labelledby="VerticallyCenteredExample2"
+  >
     <CModalHeader>
-      <CModalTitle>Modal title</CModalTitle>
+      <CModalTitle id="VerticallyCenteredExample2">Modal title</CModalTitle>
     </CModalHeader>
     <CModalBody>
       Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
@@ -635,10 +693,14 @@ Add `alignment="center` to `<CModal>` to vertically center the modal.
 `<CTooltips>` and `<CPopovers>` can be placed within modals as needed. When modals are closed, any tooltips and popovers within are also automaticallyed.
 
 ::: demo
-<CButton color="primary" @click="() => { tooltipsAndPopoversDemo = true }">Launch demo modal</CButton>
-<CModal :visible="tooltipsAndPopoversDemo" @close="() => { tooltipsAndPopoversDemo = false }">
+<CButton color="primary" @click="() => { visibleTooltipsAndPopoversDemo = true }">Launch demo modal</CButton>
+<CModal
+  :visible="visibleTooltipsAndPopoversDemo"
+  @close="() => { visibleTooltipsAndPopoversDemo = false }"
+  aria-labelledby="TooltipsAndPopoverExample"
+>
   <CModalHeader>
-    <CModalTitle>Modal title</CModalTitle>
+    <CModalTitle id="TooltipsAndPopoverExample">Modal title</CModalTitle>
   </CModalHeader>
   <CModalBody>
     <h5>Popover in a modal</h5>
@@ -650,7 +712,7 @@ Add `alignment="center` to `<CModal>` to vertically center the modal.
     </p>
   </CModalBody>
   <CModalFooter>
-    <CButton color="secondary" @click="() => { tooltipsAndPopoversDemo = false }">
+    <CButton color="secondary" @click="() => { visibleTooltipsAndPopoversDemo = false }">
       Close
     </CButton>
     <CButton color="primary">Save changes</CButton>
@@ -659,10 +721,14 @@ Add `alignment="center` to `<CModal>` to vertically center the modal.
 :::
 ``` vue
 <template>
-  <CButton color="primary" @click="() => { tooltipsAndPopoversDemo = true }">Launch demo modal</CButton>
-  <CModal :visible="tooltipsAndPopoversDemo" @close="() => { tooltipsAndPopoversDemo = false }">
+  <CButton color="primary" @click="() => { visibleTooltipsAndPopoversDemo = true }">Launch demo modal</CButton>
+  <CModal
+    :visible="visibleTooltipsAndPopoversDemo"
+    @close="() => { visibleTooltipsAndPopoversDemo = false }"
+    aria-labelledby="TooltipsAndPopoverExample"
+  >
     <CModalHeader>
-      <CModalTitle>Modal title</CModalTitle>
+      <CModalTitle id="TooltipsAndPopoverExample">Modal title</CModalTitle>
     </CModalHeader>
     <CModalBody>
       <h5>Popover in a modal</h5>
@@ -674,7 +740,7 @@ Add `alignment="center` to `<CModal>` to vertically center the modal.
       </p>
     </CModalBody>
     <CModalFooter>
-      <CButton color="secondary" @click="() => { tooltipsAndPopoversDemo = false }">
+      <CButton color="secondary" @click="() => { visibleTooltipsAndPopoversDemo = false }">
         Close
       </CButton>
       <CButton color="primary">Save changes</CButton>
@@ -685,13 +751,142 @@ Add `alignment="center` to `<CModal>` to vertically center the modal.
   export default {
     data() {
       return { 
-        tooltipsAndPopoversDemo: false,
+        visibleTooltipsAndPopoversDemo: false,
+      }
+    }
+  }
+</script>
+```
+
+### Toggle between modals
+
+Toggle between multiple modals with some clever placement of the `visible` props. **Please note multiple modals cannot be opened at the same time** — this method simply toggles between two separate modals.
+
+::: demo
+<CButton color="primary" @click="() => { visibleToggleBetweenModalsDemo1 = true }">Open first modal</CButton>
+<CModal
+  :visible="visibleToggleBetweenModalsDemo1"
+  @close="() => { visibleToggleBetweenModalsDemo1 = false }"
+  aria-labelledby="ToggleBetweenModalsExample1"
+>
+  <CModalHeader>
+    <CModalTitle id="ToggleBetweenModalsExample1">Modal 1 title</CModalTitle>
+  </CModalHeader>
+  <CModalBody>
+    <p>Show a second modal and hide this one with the button below.</p>
+  </CModalBody>
+  <CModalFooter>
+    <CButton 
+      color="primary"
+      @click="() => { 
+        visibleToggleBetweenModalsDemo1 = false
+        visibleToggleBetweenModalsDemo2 = true
+      }"
+    >Open second modal</CButton>
+  </CModalFooter>
+</CModal>
+<CModal
+  :visible="visibleToggleBetweenModalsDemo2"
+  @close="() => {
+    visibleToggleBetweenModalsDemo1 = true
+    visibleToggleBetweenModalsDemo2 = false
+  }"
+  aria-labelledby="ToggleBetweenModalsExample2"
+>
+  <CModalHeader>
+    <CModalTitle id="ToggleBetweenModalsExample2">Modal 2 title</CModalTitle>
+  </CModalHeader>
+  <CModalBody>
+    <p>Hide this modal and show the first with the button below.</p>
+  </CModalBody>
+  <CModalFooter>
+    <CButton 
+      color="primary"
+      @click="() => { 
+        visibleToggleBetweenModalsDemo1 = true
+        visibleToggleBetweenModalsDemo2 = false
+      }"
+    >Back to first</CButton>
+  </CModalFooter>
+</CModal>
+:::
+```vue
+<template>
+  <CButton color="primary" @click="() => { visibleToggleBetweenModalsDemo1 = true }">Open first modal</CButton>
+  <CModal
+    :visible="visibleToggleBetweenModalsDemo1"
+    @close="() => { visibleToggleBetweenModalsDemo1 = false }"
+    aria-labelledby="ToggleBetweenModalsExample1"
+  >
+    <CModalHeader>
+      <CModalTitle id="ToggleBetweenModalsExample1">Modal 1 title</CModalTitle>
+    </CModalHeader>
+    <CModalBody>
+      <p>Show a second modal and hide this one with the button below.</p>
+    </CModalBody>
+    <CModalFooter>
+      <CButton 
+        color="primary"
+        @click="() => { 
+          visibleToggleBetweenModalsDemo1 = false
+          visibleToggleBetweenModalsDemo2 = true
+        }"
+      >Open second modal</CButton>
+    </CModalFooter>
+  </CModal>
+  <CModal
+    :visible="visibleToggleBetweenModalsDemo2"
+    @close="() => {
+      visibleToggleBetweenModalsDemo1 = true
+      visibleToggleBetweenModalsDemo2 = false
+    }"
+    aria-labelledby="ToggleBetweenModalsExample2"
+  >
+    <CModalHeader>
+      <CModalTitle id="ToggleBetweenModalsExample2">Modal 2 title</CModalTitle>
+    </CModalHeader>
+    <CModalBody>
+      <p>Hide this modal and show the first with the button below.</p>
+    </CModalBody>
+    <CModalFooter>
+      <CButton 
+        color="primary"
+        @click="() => { 
+          visibleToggleBetweenModalsDemo1 = true
+          visibleToggleBetweenModalsDemo2 = false
+        }"
+      >Back to first</CButton>
+    </CModalFooter>
+  </CModal>
+</template>
+<script>
+  export default {
+    data() {
+      return { 
+        visibleToggleBetweenModalsDemo1: false,
+        visibleToggleBetweenModalsDemo2: false,
       }
     }
   }
 </script>
 ```
 
+### Change animation
+
+The variable `$modal-fade-transform` determines the transform state of React Modal component before the modal fade-in animation, whereas the variable `$modal-show-transform` determines the transform state of Modal component after the modal fade-in animation.
+If you want a zoom-in animation, for example, set `$modal-fade-transform: scale(.8)`.
+
+### Remove animation
+
+For modals that simply appear rather than fade into view, set `transition` to `false`.
+
+```vue
+<CModal transition={false}>...</CModal>
+```
+
+### Accessibility
+
+Be sure to add `aria-labelledby="..."`, referencing the modal title, to `<CModal />` Additionally, you may give a description of your modal dialog with `aria-describedby` on `<CModal>`. Note that you don’t need to add `role="dialog` since we already add it.
 
 ## Optional sizes
 
@@ -733,25 +928,40 @@ Modals have three optional sizes, available via modifier classes to be placed on
 <CButton color="primary" @click="() => { xlDemo = true }">Extra large modal</CButton>
 <CButton color="primary" @click="() => { lgDemo = true }">Large modal</CButton>
 <CButton color="primary" @click="() => { smDemo = true }">Small modal</CButton>
-<CModal size="xl" :visible="xlDemo" @close="() => { xlDemo = false }">
+<CModal
+  size="xl"
+  :visible="xlDemo"
+  @close="() => { xlDemo = false }"
+  aria-labelledby="OptionalSizesExample1"
+>
   <CModalHeader>
-    <CModalTitle>Extra large modal</CModalTitle>
+    <CModalTitle id="OptionalSizesExample1">Extra large modal</CModalTitle>
   </CModalHeader>
   <CModalBody>
     ...
   </CModalBody>
 </CModal>
-<CModal size="lg" :visible="lgDemo" @close="() => { lgDemo = false }">
+<CModal 
+  size="lg"
+  :visible="lgDemo"
+  @close="() => { lgDemo = false }"
+  aria-labelledby="OptionalSizesExample2"
+>
   <CModalHeader>
-    <CModalTitle>Large modal</CModalTitle>
+    <CModalTitle id="OptionalSizesExample2">Large modal</CModalTitle>
   </CModalHeader>
   <CModalBody>
     ...
   </CModalBody>
 </CModal>
-<CModal size="sm" :visible="smDemo" @close="() => { smDemo = false }">
+<CModal
+  size="sm" 
+  :visible="smDemo" 
+  @close="() => { smDemo = false }"
+  aria-labelledby="OptionalSizesExample3"
+>
   <CModalHeader>
-    <CModalTitle>Small modal</CModalTitle>
+    <CModalTitle id="OptionalSizesExample3">Small modal</CModalTitle>
   </CModalHeader>
   <CModalBody>
     ...
@@ -763,25 +973,40 @@ Modals have three optional sizes, available via modifier classes to be placed on
   <CButton color="primary" @click="() => { xlDemo = true }">Extra large modal</CButton>
   <CButton color="primary" @click="() => { lgDemo = true }">Large modal</CButton>
   <CButton color="primary" @click="() => { smDemo = true }">Small modal</CButton>
-  <CModal size="xl" :visible="xlDemo" @close="() => { xlDemo = false }">
+  <CModal
+    size="xl"
+    :visible="xlDemo"
+    @close="() => { xlDemo = false }"
+    aria-labelledby="OptionalSizesExample1"
+  >
     <CModalHeader>
-      <CModalTitle>Extra large modal</CModalTitle>
+      <CModalTitle id="OptionalSizesExample1">Extra large modal</CModalTitle>
     </CModalHeader>
     <CModalBody>
       ...
     </CModalBody>
   </CModal>
-  <CModal size="lg" :visible="lgDemo" @close="() => { lgDemo = false }">
-    <CModalHeader>
-      <CModalTitle>Large modal</CModalTitle>
-    </CModalHeader>
+  <CModal
+    size="lg"
+    :visible="lgDemo"
+    @close="() => { lgDemo = false }"
+    aria-labelledby="OptionalSizesExample2"
+  >
+  <CModalHeader>
+    <CModalTitle id="OptionalSizesExample2">Large modal</CModalTitle>
+  </CModalHeader>
     <CModalBody>
       ...
     </CModalBody>
   </CModal>
-  <CModal size="sm" :visible="smDemo" @close="() => { smDemo = false }">
+  <CModal
+    size="sm" 
+    :visible="smDemo" 
+    @close="() => { smDemo = false }"
+    aria-labelledby="OptionalSizesExample3"
+  >
     <CModalHeader>
-      <CModalTitle>Small modal</CModalTitle>
+      <CModalTitle id="OptionalSizesExample3">Small modal</CModalTitle>
     </CModalHeader>
     <CModalBody>
       ...
@@ -847,49 +1072,79 @@ Another override is the option to pop up a modal that covers the user viewport,
 <CButton color="primary" @click="() => { fullscreenLgDemo = true }">Full screen below lg</CButton>
 <CButton color="primary" @click="() => { fullscreenXlDemo = true }">Full screen below xl</CButton>
 <CButton color="primary" @click="() => { fullscreenXxlDemo = true }">Full screen below xxl</CButton>
-<CModal fullscreen :visible="fullscreenDemo" @close="() => { fullscreenDemo = false }">
+<CModal
+  fullscreen
+  :visible="fullscreenDemo"
+  @close="() => { fullscreenDemo = false }"
+  aria-labelledby="FullscreenExample1"
+>
   <CModalHeader>
-    <CModalTitle>Full screen</CModalTitle>
+    <CModalTitle id="FullscreenExample1">Full screen</CModalTitle>
   </CModalHeader>
   <CModalBody>
     ...
   </CModalBody>
 </CModal>
-<CModal fullscreen="sm" :visible="fullscreenSmDemo" @close="() => { fullscreenSmDemo = false }">
+<CModal
+  fullscreen="sm"
+  :visible="fullscreenSmDemo"
+  @close="() => { fullscreenSmDemo = false }"
+  aria-labelledby="FullscreenExample2"
+>
   <CModalHeader>
-    <CModalTitle>Full screen below sm</CModalTitle>
+    <CModalTitle id="FullscreenExample2">Full screen below sm</CModalTitle>
   </CModalHeader>
   <CModalBody>
     ...
   </CModalBody>
 </CModal>
-<CModal fullscreen="md" :visible="fullscreenMdDemo" @close="() => { fullscreenMdDemo = false }">
+<CModal
+  fullscreen="md"
+  :visible="fullscreenMdDemo"
+  @close="() => { fullscreenMdDemo = false }"
+  aria-labelledby="FullscreenExample3"
+>
   <CModalHeader>
-    <CModalTitle>Full screen below md</CModalTitle>
+    <CModalTitle id="FullscreenExample3">Full screen below md</CModalTitle>
   </CModalHeader>
   <CModalBody>
     ...
   </CModalBody>
 </CModal>
-<CModal fullscreen="lg" :visible="fullscreenLgDemo" @close="() => { fullscreenLgDemo = false }">
+<CModal
+  fullscreen="lg"
+  :visible="fullscreenLgDemo"
+  @close="() => { fullscreenLgDemo = false }"
+  aria-labelledby="FullscreenExample4"
+>
   <CModalHeader>
-    <CModalTitle>Full screen below lg</CModalTitle>
+    <CModalTitle id="FullscreenExample4">Full screen below lg</CModalTitle>
   </CModalHeader>
   <CModalBody>
     ...
   </CModalBody>
 </CModal>
-<CModal fullscreen="xl" :visible="fullscreenXlDemo" @close="() => { fullscreenXlDemo = false }">
+<CModal
+  fullscreen="xl"
+  :visible="fullscreenXlDemo"
+  @close="() => { fullscreenXlDemo = false }"
+  aria-labelledby="FullscreenExample5"
+>
   <CModalHeader>
-    <CModalTitle>Full screen below xl</CModalTitle>
+    <CModalTitle id="FullscreenExample5">Full screen below xl</CModalTitle>
   </CModalHeader>
   <CModalBody>
     ...
   </CModalBody>
 </CModal>
-<CModal fullscreen="xxl" :visible="fullscreenXxlDemo" @close="() => { fullscreenXxlDemo = false }">
+<CModal
+  fullscreen="xxl"
+  :visible="fullscreenXxlDemo"
+  @close="() => { fullscreenXxlDemo = false }"
+  aria-labelledby="FullscreenExample6"
+>
   <CModalHeader>
-    <CModalTitle>Full screen below xxl</CModalTitle>
+    <CModalTitle id="FullscreenExample6">Full screen below xxl</CModalTitle>
   </CModalHeader>
   <CModalBody>
     ...
@@ -904,49 +1159,79 @@ Another override is the option to pop up a modal that covers the user viewport,
   <CButton color="primary" @click="() => { fullscreenLgDemo = true }">Full screen below lg</CButton>
   <CButton color="primary" @click="() => { fullscreenXlDemo = true }">Full screen below xl</CButton>
   <CButton color="primary" @click="() => { fullscreenXxlDemo = true }">Full screen below xxl</CButton>
-  <CModal fullscreen :visible="fullscreenDemo" @close="() => { fullscreenDemo = false }">
+  <CModal
+    fullscreen
+    :visible="fullscreenDemo"
+    @close="() => { fullscreenDemo = false }"
+    aria-labelledby="FullscreenExample1"
+  >
     <CModalHeader>
-      <CModalTitle>Full screen</CModalTitle>
+      <CModalTitle id="FullscreenExample1">Full screen</CModalTitle>
     </CModalHeader>
     <CModalBody>
       ...
     </CModalBody>
   </CModal>
-  <CModal fullscreen="sm" :visible="fullscreenSmDemo" @close="() => { fullscreenSmDemo = false }">
+  <CModal
+    fullscreen="sm"
+    :visible="fullscreenSmDemo"
+    @close="() => { fullscreenSmDemo = false }"
+    aria-labelledby="FullscreenExample2"
+  >
     <CModalHeader>
-      <CModalTitle>Full screen below sm</CModalTitle>
+      <CModalTitle id="FullscreenExample2">Full screen below sm</CModalTitle>
     </CModalHeader>
     <CModalBody>
       ...
     </CModalBody>
   </CModal>
-  <CModal fullscreen="md" :visible="fullscreenMdDemo" @close="() => { fullscreenMdDemo = false }">
+  <CModal
+    fullscreen="md"
+    :visible="fullscreenMdDemo"
+    @close="() => { fullscreenMdDemo = false }"
+    aria-labelledby="FullscreenExample3"
+  >
     <CModalHeader>
-      <CModalTitle>Full screen below md</CModalTitle>
+      <CModalTitle id="FullscreenExample3">Full screen below md</CModalTitle>
     </CModalHeader>
     <CModalBody>
       ...
     </CModalBody>
   </CModal>
-  <CModal fullscreen="lg" :visible="fullscreenLgDemo" @close="() => { fullscreenLgDemo = false }">
+  <CModal
+    fullscreen="lg"
+    :visible="fullscreenLgDemo"
+    @close="() => { fullscreenLgDemo = false }"
+    aria-labelledby="FullscreenExample4"
+  >
     <CModalHeader>
-      <CModalTitle>Full screen below lg</CModalTitle>
+      <CModalTitle id="FullscreenExample4">Full screen below lg</CModalTitle>
     </CModalHeader>
     <CModalBody>
       ...
     </CModalBody>
   </CModal>
-  <CModal fullscreen="xl" :visible="fullscreenXlDemo" @close="() => { fullscreenXlDemo = false }">
+  <CModal
+    fullscreen="xl"
+    :visible="fullscreenXlDemo"
+    @close="() => { fullscreenXlDemo = false }"
+    aria-labelledby="FullscreenExample5"
+  >
     <CModalHeader>
-      <CModalTitle>Full screen below xl</CModalTitle>
+      <CModalTitle id="FullscreenExample5">Full screen below xl</CModalTitle>
     </CModalHeader>
     <CModalBody>
       ...
     </CModalBody>
   </CModal>
-  <CModal fullscreen="xxl" :visible="fullscreenXxlDemo" @close="() => { fullscreenXxlDemo = false }">
+  <CModal
+    fullscreen="xxl"
+    :visible="fullscreenXxlDemo"
+    @close="() => { fullscreenXxlDemo = false }"
+    aria-labelledby="FullscreenExample6"
+  >
     <CModalHeader>
-      <CModalTitle>Full screen below xxl</CModalTitle>
+      <CModalTitle id="FullscreenExample6">Full screen below xxl</CModalTitle>
     </CModalHeader>
     <CModalBody>
       ...
@@ -979,7 +1264,9 @@ Another override is the option to pop up a modal that covers the user viewport,
         visibleScrollableDemo: false,
         visibleVerticallyCenteredDemo: false,
         visibleVerticallyCenteredScrollableDemo: false,
-        tooltipsAndPopoversDemo: false,
+        visibleTooltipsAndPopoversDemo: false,
+        visibleToggleBetweenModalsDemo1: false,
+        visibleToggleBetweenModalsDemo2: false,
         xlDemo: false,
         lgDemo: false,
         smDemo: false,

From 4f19d4ab139cc54ff0418cc7469d1b390ada6c3e Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 28 Sep 2023 16:16:45 +0200
Subject: [PATCH 185/346] refactor(CModal): improve accessibility

---
 packages/coreui-vue/src/components/modal/CModal.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/coreui-vue/src/components/modal/CModal.ts b/packages/coreui-vue/src/components/modal/CModal.ts
index 6a0614ea..b4257ce7 100644
--- a/packages/coreui-vue/src/components/modal/CModal.ts
+++ b/packages/coreui-vue/src/components/modal/CModal.ts
@@ -230,6 +230,7 @@ const CModal = defineComponent({
       h(
         'div',
         {
+          ...attrs,
           class: [
             'modal',
             {
@@ -237,6 +238,7 @@ const CModal = defineComponent({
             },
             attrs.class,
           ],
+          ...(visible.value ? { 'aria-modal': true, role: 'dialog' } : { 'aria-hidden': 'true' }),
           ref: modalRef,
         },
         h(
@@ -253,7 +255,6 @@ const CModal = defineComponent({
                 [`modal-${props.size}`]: props.size,
               },
             ],
-            role: 'dialog',
           },
           h(
             'div',

From 52f5fd50e07ecbfa3d39d6163b8fc2c98861915b Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 28 Sep 2023 20:37:55 +0200
Subject: [PATCH 186/346] refactor(CDropdown): allow to select the
 next/previous element by press the up/down arrow

---
 .../src/components/dropdown/CDropdown.ts      | 37 +++++++++++++++++++
 1 file changed, 37 insertions(+)

diff --git a/packages/coreui-vue/src/components/dropdown/CDropdown.ts b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
index c9b00cf8..ca2441af 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdown.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
@@ -17,6 +17,28 @@ export type Breakpoints =
 
 export type Alignments = Directions | Breakpoints
 
+export const getNextActiveElement = (
+  list: HTMLElement[],
+  activeElement: HTMLElement,
+  shouldGetNext: boolean,
+  isCycleAllowed: boolean,
+) => {
+  const listLength = list.length
+  let index = list.indexOf(activeElement)
+
+  if (index === -1) {
+    return !shouldGetNext && isCycleAllowed ? list[listLength - 1] : list[0]
+  }
+
+  index += shouldGetNext ? 1 : -1
+
+  if (isCycleAllowed) {
+    index = (index + listLength) % listLength
+  }
+
+  return list[Math.max(0, Math.min(index, listLength - 1))]
+}
+
 const getPlacement = (
   placement: Placement,
   direction: string | undefined,
@@ -214,6 +236,8 @@ const CDropdown = defineComponent({
         popper.value && initPopper(dropdownToggleRef.value, dropdownMenuRef.value, popperConfig)
         window.addEventListener('mouseup', handleMouseUp)
         window.addEventListener('keyup', handleKeyup)
+        dropdownToggleRef.value.addEventListener('keydown', handleKeydown)
+        dropdownMenuRef.value.addEventListener('keydown', handleKeydown)
         emit('show')
         return
       }
@@ -221,6 +245,10 @@ const CDropdown = defineComponent({
       popper.value && destroyPopper()
       window.removeEventListener('mouseup', handleMouseUp)
       window.removeEventListener('keyup', handleKeyup)
+      dropdownToggleRef.value &&
+        dropdownToggleRef.value.removeEventListener('keydown', handleKeydown)
+      dropdownMenuRef.value &&
+        dropdownMenuRef.value.removeEventListener('keydown', handleKeydown)
       emit('hide')
     })
 
@@ -235,6 +263,15 @@ const CDropdown = defineComponent({
     provide('dropdownToggleRef', dropdownToggleRef)
     provide('dropdownMenuRef', dropdownMenuRef)
 
+    const handleKeydown = (event: KeyboardEvent) => {
+      if (visible.value && dropdownMenuRef.value && (event.key === 'ArrowDown' || event.key === 'ArrowUp')) {
+        event.preventDefault()
+        const target = event.target as HTMLElement
+        const items: HTMLElement[] = Array.from(dropdownMenuRef.value.querySelectorAll('.dropdown-item:not(.disabled):not(:disabled)'))
+        getNextActiveElement(items, target, event.key === 'ArrowDown', true).focus()
+      }
+    }
+
     const handleKeyup = (event: KeyboardEvent) => {
       if (props.autoClose === false) {
         return

From 6dabb19f2dc8b71c572f9718097db980cbe41d7c Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 28 Sep 2023 23:37:14 +0200
Subject: [PATCH 187/346] refactor(CDropdown): improve syntax

---
 .../src/components/dropdown/CDropdown.ts      | 68 +-----------------
 .../src/components/dropdown/CDropdownMenu.ts  | 18 +----
 .../src/components/dropdown/types.ts          | 11 +++
 .../src/components/dropdown/utils.ts          | 71 +++++++++++++++++++
 4 files changed, 88 insertions(+), 80 deletions(-)
 create mode 100644 packages/coreui-vue/src/components/dropdown/types.ts
 create mode 100644 packages/coreui-vue/src/components/dropdown/utils.ts

diff --git a/packages/coreui-vue/src/components/dropdown/CDropdown.ts b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
index ca2441af..a2daf1f0 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdown.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
@@ -2,73 +2,11 @@ import { defineComponent, h, ref, provide, watch, PropType } from 'vue'
 import type { Placement } from '@popperjs/core'
 
 import { usePopper } from '../../composables'
-import type { Placements, Triggers } from '../../types'
+import type { Triggers } from '../../types'
 import { isRTL } from '../../utils'
 
-export type Directions = 'start' | 'end'
-
-export type Breakpoints =
-  | { xs: Directions }
-  | { sm: Directions }
-  | { md: Directions }
-  | { lg: Directions }
-  | { xl: Directions }
-  | { xxl: Directions }
-
-export type Alignments = Directions | Breakpoints
-
-export const getNextActiveElement = (
-  list: HTMLElement[],
-  activeElement: HTMLElement,
-  shouldGetNext: boolean,
-  isCycleAllowed: boolean,
-) => {
-  const listLength = list.length
-  let index = list.indexOf(activeElement)
-
-  if (index === -1) {
-    return !shouldGetNext && isCycleAllowed ? list[listLength - 1] : list[0]
-  }
-
-  index += shouldGetNext ? 1 : -1
-
-  if (isCycleAllowed) {
-    index = (index + listLength) % listLength
-  }
-
-  return list[Math.max(0, Math.min(index, listLength - 1))]
-}
-
-const getPlacement = (
-  placement: Placement,
-  direction: string | undefined,
-  alignment: Alignments | string | undefined,
-  isRTL: boolean,
-): Placements => {
-  let _placement = placement
-
-  if (direction === 'dropup') {
-    _placement = isRTL ? 'top-end' : 'top-start'
-  }
-
-  if (direction === 'dropup-center') {
-    _placement = 'top'
-  }
-
-  if (direction === 'dropend') {
-    _placement = isRTL ? 'left-start' : 'right-start'
-  }
-
-  if (direction === 'dropstart') {
-    _placement = isRTL ? 'right-start' : 'left-start'
-  }
-
-  if (alignment === 'end') {
-    _placement = isRTL ? 'bottom-start' : 'bottom-end'
-  }
-
-  return _placement
-}
+import type { Alignments } from './types'
+import { getNextActiveElement, getPlacement } from './utils'
 
 const CDropdown = defineComponent({
   name: 'CDropdown',
diff --git a/packages/coreui-vue/src/components/dropdown/CDropdownMenu.ts b/packages/coreui-vue/src/components/dropdown/CDropdownMenu.ts
index 43c885e6..19d488dc 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdownMenu.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdownMenu.ts
@@ -1,5 +1,7 @@
 import { defineComponent, h, inject, Ref } from 'vue'
 
+import { getAlignmentClassNames } from './utils'
+
 const CDropdownMenu = defineComponent({
   name: 'CDropdownMenu',
   props: {
@@ -20,20 +22,6 @@ const CDropdownMenu = defineComponent({
 
     const { alignment, dark, popper } = config
 
-    // eslint-disable-next-line @typescript-eslint/ban-types, unicorn/consistent-function-scoping
-    const alignmentClassNames = (alignment: object | string) => {
-      const classNames: string[] = []
-      if (typeof alignment === 'object') {
-        Object.keys(alignment).map((key) => {
-          classNames.push(`dropdown-menu${key === 'xs' ? '' : `-${key}`}-${alignment[key]}`)
-        })
-      }
-      if (typeof alignment === 'string') {
-        classNames.push(`dropdown-menu-${alignment}`)
-      }
-      return classNames
-    }
-
     return () =>
       h(
         props.component,
@@ -41,7 +29,7 @@ const CDropdownMenu = defineComponent({
           class: [
             'dropdown-menu',
             { 'dropdown-menu-dark': dark, show: visible.value },
-            alignmentClassNames(alignment),
+            getAlignmentClassNames(alignment),
           ],
           ...((typeof alignment === 'object' || !popper) && {
             'data-coreui-popper': 'static',
diff --git a/packages/coreui-vue/src/components/dropdown/types.ts b/packages/coreui-vue/src/components/dropdown/types.ts
new file mode 100644
index 00000000..7135b68a
--- /dev/null
+++ b/packages/coreui-vue/src/components/dropdown/types.ts
@@ -0,0 +1,11 @@
+export type Directions = 'start' | 'end'
+
+export type Breakpoints =
+  | { xs: Directions }
+  | { sm: Directions }
+  | { md: Directions }
+  | { lg: Directions }
+  | { xl: Directions }
+  | { xxl: Directions }
+
+export type Alignments = Directions | Breakpoints
\ No newline at end of file
diff --git a/packages/coreui-vue/src/components/dropdown/utils.ts b/packages/coreui-vue/src/components/dropdown/utils.ts
new file mode 100644
index 00000000..c2c3d6e2
--- /dev/null
+++ b/packages/coreui-vue/src/components/dropdown/utils.ts
@@ -0,0 +1,71 @@
+import type { Placement } from '@popperjs/core'
+import type { Placements } from '../../types'
+import type { Alignments } from './types'
+
+export const getAlignmentClassNames = (alignment: object | string) => {
+  const classNames: string[] = []
+  if (typeof alignment === 'object') {
+    Object.keys(alignment).map((key) => {
+      classNames.push(`dropdown-menu${key === 'xs' ? '' : `-${key}`}-${alignment[key]}`)
+    })
+  }
+
+  if (typeof alignment === 'string') {
+    classNames.push(`dropdown-menu-${alignment}`)
+  }
+  
+  return classNames
+}
+
+export const getNextActiveElement = (
+  list: HTMLElement[],
+  activeElement: HTMLElement,
+  shouldGetNext: boolean,
+  isCycleAllowed: boolean,
+) => {
+  const listLength = list.length
+  let index = list.indexOf(activeElement)
+
+  if (index === -1) {
+    return !shouldGetNext && isCycleAllowed ? list[listLength - 1] : list[0]
+  }
+
+  index += shouldGetNext ? 1 : -1
+
+  if (isCycleAllowed) {
+    index = (index + listLength) % listLength
+  }
+
+  return list[Math.max(0, Math.min(index, listLength - 1))]
+}
+
+export const getPlacement = (
+  placement: Placement,
+  direction: string | undefined,
+  alignment: Alignments | string | undefined,
+  isRTL: boolean,
+): Placements => {
+  let _placement = placement
+
+  if (direction === 'dropup') {
+    _placement = isRTL ? 'top-end' : 'top-start'
+  }
+
+  if (direction === 'dropup-center') {
+    _placement = 'top'
+  }
+
+  if (direction === 'dropend') {
+    _placement = isRTL ? 'left-start' : 'right-start'
+  }
+
+  if (direction === 'dropstart') {
+    _placement = isRTL ? 'right-start' : 'left-start'
+  }
+
+  if (alignment === 'end') {
+    _placement = isRTL ? 'bottom-start' : 'bottom-end'
+  }
+
+  return _placement
+}
\ No newline at end of file

From 4a9f21094cd7eaf646e5c6398a52773ed1644ad3 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Fri, 29 Sep 2023 00:20:52 +0200
Subject: [PATCH 188/346] refactor(CCarosuel): update dark variant

---
 packages/coreui-vue/src/components/carousel/CCarousel.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/coreui-vue/src/components/carousel/CCarousel.ts b/packages/coreui-vue/src/components/carousel/CCarousel.ts
index 06809d04..0e832c69 100644
--- a/packages/coreui-vue/src/components/carousel/CCarousel.ts
+++ b/packages/coreui-vue/src/components/carousel/CCarousel.ts
@@ -188,8 +188,8 @@ const CCarousel = defineComponent({
           class: [
             'carousel slide',
             props.transition === 'crossfade' && 'carousel-fade',
-            props.dark && 'carousel-dark',
           ],
+          ...(props.dark && { 'data-coreui-theme': 'dark' }),
           onmouseover: () => props.pause && pause(),
           onmouseleave: () => cycle(),
           ref: carouselRef,

From aceeaa17543084bfadaafe8cf6b6b6b7675d7106 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Fri, 29 Sep 2023 00:21:09 +0200
Subject: [PATCH 189/346] refactor(CDropdown): update dark variant

---
 .../coreui-vue/src/components/dropdown/CDropdownMenu.ts    | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/packages/coreui-vue/src/components/dropdown/CDropdownMenu.ts b/packages/coreui-vue/src/components/dropdown/CDropdownMenu.ts
index 19d488dc..0f178e95 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdownMenu.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdownMenu.ts
@@ -26,14 +26,11 @@ const CDropdownMenu = defineComponent({
       h(
         props.component,
         {
-          class: [
-            'dropdown-menu',
-            { 'dropdown-menu-dark': dark, show: visible.value },
-            getAlignmentClassNames(alignment),
-          ],
+          class: ['dropdown-menu', { show: visible.value }, getAlignmentClassNames(alignment)],
           ...((typeof alignment === 'object' || !popper) && {
             'data-coreui-popper': 'static',
           }),
+          ...(dark && { 'data-coreui-theme': 'dark' }),
           ref: dropdownMenuRef,
         },
         props.component === 'ul'

From 8c1f12ba144f9465e8dace87fe86e85501e8e035 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Fri, 29 Sep 2023 00:21:23 +0200
Subject: [PATCH 190/346] refactor(CNavbar): update dark variant

---
 packages/coreui-vue/src/components/navbar/CNavbar.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/coreui-vue/src/components/navbar/CNavbar.ts b/packages/coreui-vue/src/components/navbar/CNavbar.ts
index a58486b8..37dceb40 100644
--- a/packages/coreui-vue/src/components/navbar/CNavbar.ts
+++ b/packages/coreui-vue/src/components/navbar/CNavbar.ts
@@ -74,13 +74,13 @@ const CNavbar = defineComponent({
             'navbar',
             {
               [`bg-${props.color}`]: props.color,
-              [`navbar-${props.colorScheme}`]: props.colorScheme,
               [typeof props.expand === 'boolean'
                 ? 'navbar-expand'
                 : `navbar-expand-${props.expand}`]: props.expand,
             },
             props.placement,
           ],
+          ...(props.colorScheme && { 'data-coreui-theme': props.colorScheme }),
         },
         props.container
           ? h(

From b61426cd7d3ccd1291b577ba8730059715f5c3fd Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Fri, 29 Sep 2023 00:21:57 +0200
Subject: [PATCH 191/346] feat(CCarosuel): add dark variant

---
 .../src/components/offcanvas/COffcanvas.ts    |  5 ++++
 packages/docs/components/offcanvas.md         | 30 +++++++++++++++++++
 2 files changed, 35 insertions(+)

diff --git a/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts b/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts
index 8f3a70b2..e28b9cbf 100644
--- a/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts
+++ b/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts
@@ -26,6 +26,10 @@ const COffcanvas = defineComponent({
         return false
       },
     },
+    /**
+     * Sets a darker color scheme.
+     */
+    dark: Boolean,
     /**
      * Closes the offcanvas when escape key is pressed.
      */
@@ -182,6 +186,7 @@ const COffcanvas = defineComponent({
                 ref: offcanvasRef,
                 role: 'dialog',
                 tabindex: -1,
+                ...(props.dark && { 'data-coreui-theme': 'dark' }),
               },
               slots.default && slots.default(),
             ),
diff --git a/packages/docs/components/offcanvas.md b/packages/docs/components/offcanvas.md
index 59225a35..71b3a2f0 100644
--- a/packages/docs/components/offcanvas.md
+++ b/packages/docs/components/offcanvas.md
@@ -205,6 +205,36 @@ If you set a `backdrop` to `static`, your Vue offcanvas component will not close
 </script>
 ```
 
+## Dark offcanvas
+
+Change the appearance of offcanvases with `dark` boolean property to better match them to different contexts like dark navbars.
+
+::: demo
+<div class="docs-example-offcanvas bg-body-secondary p-0 overflow-hidden">
+  <COffcanvas :backdrop="false" dark placement="start" :visible="true">
+    <COffcanvasHeader>
+      <COffcanvasTitle>Offcanvas</COffcanvasTitle>
+      <CCloseButton class="text-reset" />
+    </COffcanvasHeader>
+    <COffcanvasBody>
+      Content for the offcanvas goes here. You can place just about any React component or custom elements here.
+    </COffcanvasBody>
+  </COffcanvas>
+</div>
+:::
+```vue
+<COffcanvas :backdrop="false" dark placement="start" :visible="true">
+  <COffcanvasHeader>
+    <COffcanvasTitle>Offcanvas</COffcanvasTitle>
+    <CCloseButton class="text-reset" />
+  </COffcanvasHeader>
+  <COffcanvasBody>
+    Content for the offcanvas goes here. You can place just about any React component or custom elements here.
+  </COffcanvasBody>
+</COffcanvas>
+```
+
+
 ## Responsive 
 
 Responsive offcanvas properties hide content outside the viewport from a specified breakpoint and down.

From 3fb2ffce380e8a40edb70aa382455fd5bf8e0b9d Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Fri, 29 Sep 2023 00:22:25 +0200
Subject: [PATCH 192/346] refactor(CCloseButton): add dark variant

---
 .../src/components/close-button/CCloseButton.ts      |  5 +++++
 packages/docs/components/close-button.md             | 12 ++++++------
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/packages/coreui-vue/src/components/close-button/CCloseButton.ts b/packages/coreui-vue/src/components/close-button/CCloseButton.ts
index 6e329f9e..0ddcc4a4 100644
--- a/packages/coreui-vue/src/components/close-button/CCloseButton.ts
+++ b/packages/coreui-vue/src/components/close-button/CCloseButton.ts
@@ -3,6 +3,10 @@ import { defineComponent, h } from 'vue'
 export const CCloseButton = defineComponent({
   name: 'CCloseButton',
   props: {
+    /**
+     * Invert the default color.
+     */
+    dark: Boolean,
     /**
      * Toggle the disabled state for the component.
      */
@@ -39,6 +43,7 @@ export const CCloseButton = defineComponent({
         ],
         'aria-label': 'Close',
         disabled: props.disabled,
+        ...(props.dark && { 'data-coreui-theme': 'dark' }),
         onClick: handleClick,
       })
   },
diff --git a/packages/docs/components/close-button.md b/packages/docs/components/close-button.md
index d6c71301..3bc5b38a 100644
--- a/packages/docs/components/close-button.md
+++ b/packages/docs/components/close-button.md
@@ -27,17 +27,17 @@ Disabled close buttons change their `opacity`. We've also applied `pointer-event
 <CCloseButton disabled/>
 ```
 
-## White variant
+## Dark variant
 
-Change the default `<CCloseButton>` to be white with the `white` boolean property.
+Add `dark` boolean property to the `<CCloseButton>`, to invert the close button. This uses the filter property to invert the background-image without overriding its value.
 
 ::: demo-dark
-<CCloseButton white/>
-<CCloseButton white disabled/>
+<CCloseButton dark/>
+<CCloseButton dark disabled/>
 :::
 ```vue
-<CCloseButton white/>
-<CCloseButton white disabled/>
+<CCloseButton dark/>
+<CCloseButton dark disabled/>
 ```
 
 ## API

From 8ee92aea4d636bd655b8a45ffe2b11317597d380 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Fri, 29 Sep 2023 09:28:05 +0200
Subject: [PATCH 193/346] refactor(COffcanvas): update transition

---
 packages/coreui-vue/src/components/offcanvas/COffcanvas.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts b/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts
index e28b9cbf..aeef53aa 100644
--- a/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts
+++ b/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts
@@ -163,6 +163,7 @@ const COffcanvas = defineComponent({
       h(
         Transition,
         {
+          appear: visible.value,
           css: false,
           onEnter: (el, done) => handleEnter(el, done),
           onAfterEnter: () => handleAfterEnter(),

From 1878cb0a868781f8fd0d5954b3b196ceee41f6ac Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Fri, 29 Sep 2023 09:28:44 +0200
Subject: [PATCH 194/346] docs: update theme

---
 .../src/client/styles/_component-examples.scss        | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_component-examples.scss b/packages/docs/.vuepress/theme-coreui/src/client/styles/_component-examples.scss
index 84abfc90..23751fd7 100644
--- a/packages/docs/.vuepress/theme-coreui/src/client/styles/_component-examples.scss
+++ b/packages/docs/.vuepress/theme-coreui/src/client/styles/_component-examples.scss
@@ -355,6 +355,7 @@
 // Code snippets
 //
 
+div[class^="language-"],
 .highlight {
   position: relative;
   padding: .75rem ($cd-gutter-x * .5);
@@ -388,13 +389,14 @@
 .docs-code-snippet {
   margin: 0 ($cd-gutter-x * -.5) $spacer;
 
+  div[class^="language-"],
   .highlight {
     margin-bottom: 0;
   }
 
+  .docs-example ~ div[class^="language-"],
   .docs-example ~ .highlight {
-    border: solid var(--cui-border-color);
-    border-width: 1px 0 0;
+    border: 0;
     @include border-top-radius(0);
   }
 
@@ -420,6 +422,11 @@
   }
 }
 
+.docs-example {
+  border-bottom-width: 0;
+}
+
+.docs-example + div[class^="language-"],
 .docs-example + .highlight {
   border-top-width: 0;
   @include border-top-radius(0);

From e9d413c521005ab4956bd26f50474ef33bcae5d8 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Fri, 29 Sep 2023 12:42:54 +0200
Subject: [PATCH 195/346] refactor(CProgress): add a more accessible structure

---
 .../src/components/progress/CProgress.ts      |  76 +++++-
 .../src/components/progress/CProgressBar.ts   |  10 +-
 .../components/progress/CProgressStacked.ts   |  19 ++
 .../src/components/progress/index.ts          |   4 +-
 packages/docs/components/progress.md          | 235 +++++++++---------
 5 files changed, 209 insertions(+), 135 deletions(-)
 create mode 100644 packages/coreui-vue/src/components/progress/CProgressStacked.ts

diff --git a/packages/coreui-vue/src/components/progress/CProgress.ts b/packages/coreui-vue/src/components/progress/CProgress.ts
index 66a9c84f..ec06e4bd 100644
--- a/packages/coreui-vue/src/components/progress/CProgress.ts
+++ b/packages/coreui-vue/src/components/progress/CProgress.ts
@@ -1,25 +1,61 @@
-import { defineComponent, h } from 'vue'
+import { defineComponent, h, inject } from 'vue'
 
 import { CProgressBar } from './CProgressBar'
+import { Color } from '../../props'
 
 const CProgress = defineComponent({
   name: 'CProgress',
   props: {
+    /**
+     * Use to animate the stripes right to left via CSS3 animations.
+     */
+    animated: Boolean,
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors.
+     *
+     * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
+     */
+    color: Color,
     /**
      * Sets the height of the component. If you set that value the inner `<CProgressBar>` will automatically resize accordingly.
      */
     height: Number,
+    /**
+     * A string of all className you want applied to the <CProgressBar/> component.
+     *
+     * @since 5.0.0-alpha.1
+     */
+    progressBarClassName: String,
     /**
      * Makes progress bar thinner.
      */
     thin: Boolean,
+    /**
+     * The percent to progress the ProgressBar.
+     */
+    value: {
+      type: Number,
+      default: 0,
+    },
+    /**
+     * Set the progress bar variant to optional striped.
+     *
+     * @values 'striped'
+     */
+    variant: {
+      type: String,
+      validator: (value: string) => {
+        return value === 'striped'
+      },
+    },
     /**
      * Change the default color to white.
      */
     white: Boolean,
-    ...CProgressBar.props,
   },
   setup(props, { slots }) {
+    const stacked = inject('stacked', false) as boolean
+
     return () =>
       h(
         'div',
@@ -31,20 +67,42 @@ const CProgress = defineComponent({
               'progress-white': props.white,
             },
           ],
-          ...(props.height, { style: `height: ${props.height}px` }),
+          style: {
+            ...(props.height ? { height: `${props.height}px` } : {}),
+            ...(stacked ? { width: `${props.value}%` } : {}),
+          },
+          ...(props.value !== undefined && {
+            role: 'progressbar',
+            'aria-valuenow': props.value,
+            'aria-valuemin': 0,
+            'aria-valuemax': 100,
+          }),
         },
-        props.value
-          ? h(
+        // @ts-expect-error name is defined in component
+        slots.default && slots.default().some((vnode) => vnode.type.name === 'CProgressBar')
+          ? slots.default().map((vnode) => {
+              // @ts-expect-error name is defined in component
+              if (vnode.type.name === 'CProgressBar') {
+                return h(vnode, {
+                  ...(props.animated && { animated: props.animated }),
+                  ...(props.color && { color: props.color }),
+                  ...(props.value && { value: props.value }),
+                  ...(props.variant && { variant: props.variant }),
+                })
+              }
+              return vnode
+            })
+          : h(
               CProgressBar,
               {
-                value: props.value,
+                ...(props.progressBarClassName && { class: props.progressBarClassName }),
                 animated: props.animated,
                 color: props.color,
+                value: props.value,
                 variant: props.variant,
               },
-              slots.default && slots.default(),
-            )
-          : slots.default && slots.default(),
+              () => slots.default && slots.default(),
+            ),
       )
   },
 })
diff --git a/packages/coreui-vue/src/components/progress/CProgressBar.ts b/packages/coreui-vue/src/components/progress/CProgressBar.ts
index 2463c25c..a483cbde 100644
--- a/packages/coreui-vue/src/components/progress/CProgressBar.ts
+++ b/packages/coreui-vue/src/components/progress/CProgressBar.ts
@@ -1,4 +1,4 @@
-import { defineComponent, h } from 'vue'
+import { defineComponent, h, inject } from 'vue'
 
 import { Color } from '../../props'
 
@@ -35,6 +35,8 @@ const CProgressBar = defineComponent({
     },
   },
   setup(props, { slots }) {
+    const stacked = inject('stacked', false) as boolean
+
     return () =>
       h(
         'div',
@@ -47,11 +49,7 @@ const CProgressBar = defineComponent({
               ['progress-bar-animated']: props.animated,
             },
           ],
-          role: 'progressbar',
-          style: `width: ${props.value}%`,
-          'aria-valuenow': props.value,
-          'aria-valuemin': '0',
-          'aria-valuemax': '100',
+          ...(!stacked && { style: { width: `${props.value}%` } }),
         },
         slots.default && slots.default(),
       )
diff --git a/packages/coreui-vue/src/components/progress/CProgressStacked.ts b/packages/coreui-vue/src/components/progress/CProgressStacked.ts
new file mode 100644
index 00000000..efa48cca
--- /dev/null
+++ b/packages/coreui-vue/src/components/progress/CProgressStacked.ts
@@ -0,0 +1,19 @@
+import { defineComponent, h, provide } from 'vue'
+
+const CProgressStacked = defineComponent({
+  name: 'CProgressStacked',
+  props: {},
+  setup(_, { slots }) {
+    provide('stacked', true)
+    return () =>
+      h(
+        'div',
+        {
+          class: 'progress-stacked',
+        },
+        slots.default && slots.default(),
+      )
+  },
+})
+
+export { CProgressStacked }
diff --git a/packages/coreui-vue/src/components/progress/index.ts b/packages/coreui-vue/src/components/progress/index.ts
index ca04166e..3d16c4f2 100644
--- a/packages/coreui-vue/src/components/progress/index.ts
+++ b/packages/coreui-vue/src/components/progress/index.ts
@@ -1,12 +1,14 @@
 import { App } from 'vue'
 import { CProgress } from './CProgress'
 import { CProgressBar } from './CProgressBar'
+import { CProgressStacked } from './CProgressStacked'
 
 const CProgressPlugin = {
   install: (app: App): void => {
     app.component(CProgress.name, CProgress)
     app.component(CProgressBar.name, CProgressBar)
+    app.component(CProgressStacked.name, CProgressStacked)
   },
 }
 
-export { CProgressPlugin, CProgress, CProgressBar }
+export { CProgressPlugin, CProgress, CProgressBar, CProgressStacked }
diff --git a/packages/docs/components/progress.md b/packages/docs/components/progress.md
index 9c32dbcb..335bae35 100644
--- a/packages/docs/components/progress.md
+++ b/packages/docs/components/progress.md
@@ -12,38 +12,18 @@ Progress components are built with two HTML elements, some CSS to set the width,
 ## Basic usage
 
 ::: demo
-<CProgress class="mb-3">
-  <CProgressBar :value="0"/>
-</CProgress>
-<CProgress class="mb-3">
-  <CProgressBar :value="25"/>
-</CProgress>
-<CProgress class="mb-3">
-  <CProgressBar :value="50"/>
-</CProgress>
-<CProgress class="mb-3">
-  <CProgressBar :value="75"/>
-</CProgress>
-<CProgress class="mb-3">
-  <CProgressBar :value="100"/>
-</CProgress>
+<CProgress :value="0"/>
+<CProgress :value="25"/>
+<CProgress :value="50"/>
+<CProgress :value="75"/>
+<CProgress :value="100"/>
 :::
 ```vue
-<CProgress class="mb-3">
-  <CProgressBar :value="0"/>
-</CProgress>
-<CProgress class="mb-3">
-  <CProgressBar :value="25"/>
-</CProgress>
-<CProgress class="mb-3">
-  <CProgressBar :value="50"/>
-</CProgress>
-<CProgress class="mb-3">
-  <CProgressBar :value="75"/>
-</CProgress>
-<CProgress class="mb-3">
-  <CProgressBar :value="100"/>
-</CProgress>
+<CProgress :value="0"/>
+<CProgress :value="25"/>
+<CProgress :value="50"/>
+<CProgress :value="75"/>
+<CProgress :value="100"/>
 ```
 
 ## Labels
@@ -51,35 +31,42 @@ Progress components are built with two HTML elements, some CSS to set the width,
 Add labels to your progress bars by placing text within the `<CProgressBar>`.
 
 ::: demo
-<CProgress class="mb-3">
-  <CProgressBar :value="25">25%</CProgressBar>
+<CProgress :value="25">25%</CProgress>
+:::
+```vue
+<CProgress :value="25">25%</CProgress>
+```
+
+Please note that the default setting for the content within the `<CProgressBar />` is to be limited by the `overflow: hidden property`, preventing it from extending beyond the bar's boundaries. If the progress bar is shorter than its label, the content will be truncated and could be difficult to read. To modify this behavior, you can utilize the `.overflow-visible` class from the overflow utilities. However, it is important to specify a specific text color to ensure readability. It's worth noting that this approach currently does not consider color modes.
+
+:::demo
+<CProgress :value="10" color="success">
+  <CProgressBar class="overflow-visible text-dark px-2">Long label text for the progress bar, set to a dark color</CProgressBar>
 </CProgress>
 :::
 ```vue
-<CProgress class="mb-3">
-  <CProgressBar :value="25">25%</CProgressBar>
+<CProgress :value="10" color="success">
+  <CProgressBar class="overflow-visible text-dark px-2">Long label text for the progress bar, set to a dark color</CProgressBar>
 </CProgress>
 ```
 
+Since **v5.0.0** you can also use the `progressBarClassName` property directly on the `<CProgress />` component to achieve the same.
+
+```vue
+<CProgress progressBarClassName="overflow-visible text-dark px-2" color="success" :value="10">Long label text for the progress bar, set to a dark color</CProgress>
+```
+
 ## Height
 
 We only set a `height` value on the `<CProgress>`, so if you change that value the inner `<CProgressBar>` will automatically resize accordingly.
 
 ::: demo
-<CProgress :height="1" class="mb-3">
-  <CProgressBar :value="25"></CProgressBar>
-</CProgress>
-<CProgress :height="20" class="mb-3">
-  <CProgressBar :value="25"></CProgressBar>
-</CProgress>
+<CProgress :height="1" :value="25" />
+<CProgress :height="20" :value="25" />
 :::
 ```vue
-<CProgress :height="1" class="mb-3">
-  <CProgressBar :value="25"></CProgressBar>
-</CProgress>
-<CProgress :height="20" class="mb-3">
-  <CProgressBar :value="25"></CProgressBar>
-</CProgress>
+<CProgress :height="1" :value="25" />
+<CProgress :height="20" :value="25" />
 ```
 
 ## Backgrounds
@@ -87,50 +74,92 @@ We only set a `height` value on the `<CProgress>`, so if you change that value t
 Use `color` prop to change the appearance of individual progress bars.
 
 ::: demo
-<CProgress class="mb-3">
-  <CProgressBar color="success" :value="25"/>
+<CProgress color="success" :value="25"/>
+<CProgress color="info" :value="50"/>
+<CProgress color="warning" :value="75"/>
+<CProgress color="danger" :value="100"/>
+:::
+```vue
+<CProgress color="success" :value="25"/>
+<CProgress color="info" :value="50"/>
+<CProgress color="warning" :value="75"/>
+<CProgress color="danger" :value="100"/>
+```
+
+Ensure that when you incorporate labels into progress bars featuring a custom background color, you also select an appropriate text color to ensure readability and maintain adequate contrast for the labels.
+
+::: demo
+<CProgress color="success" :value="25">
+  <CProgressBar>25%</CProgressBar>
 </CProgress>
-<CProgress class="mb-3">
-  <CProgressBar color="info" :value="50"/>
+<CProgress color="info" :value="50">
+  <CProgressBar class="text-dark">50%</CProgressBar>
 </CProgress>
-<CProgress class="mb-3">
-  <CProgressBar color="warning" :value="75"/>
+<CProgress color="warning" :value="75">
+  <CProgressBar class="text-dark">75%</CProgressBar>
 </CProgress>
-<CProgress class="mb-3">
-  <CProgressBar color="danger" :value="100"/>
+<CProgress color="danger" :value="100">
+  <CProgressBar>100%</CProgressBar>
 </CProgress>
 :::
 ```vue
-<CProgress class="mb-3">
-  <CProgressBar color="success" :value="25"/>
+<CProgress color="success" :value="25">
+  <CProgressBar>25%</CProgressBar>
 </CProgress>
-<CProgress class="mb-3">
-  <CProgressBar color="info" :value="50"/>
+<CProgress color="info" :value="50">
+  <CProgressBar class="text-dark">50%</CProgressBar>
 </CProgress>
-<CProgress class="mb-3">
-  <CProgressBar color="warning" :value="75"/>
+<CProgress color="warning" :value="75">
+  <CProgressBar class="text-dark">75%</CProgressBar>
 </CProgress>
-<CProgress class="mb-3">
-  <CProgressBar color="danger" :value="100"/>
+<CProgress color="danger" :value="100">
+  <CProgressBar>100%</CProgressBar>
 </CProgress>
 ```
 
+
+Since **v5.0.0** you can also use the `progressBarClassName` property directly on the `<CProgress />` component to achieve the same.
+
+```vue
+<CProgress color="success" :value="25">25%</CProgress>
+<CProgress color="info" progressBarClassName="text-dark" :value="50">50%</CProgress>
+<CProgress color="warning" progressBarClassName="text-dark" :value="75">75%</CProgress>
+<CProgress color="danger" :value="100">100%</CProgress>
+```
+
 ## Multiple bars
 
 Include multiple progress bars in a progress component if you need.
 
+<Callout color="info" title="New markup in v5.0.0">
+  In version 5.0.0, we introduced a new <code>&lt;CProgressStacked&gt;</code> component to more logically wrap multiple progress bars into a single stacked progress bar. The previous structure will continue to work until the next major version.
+</Callout>
+
+
+**New markup**
+
 ::: demo
-<CProgress class="mb-3">
-  <CProgressBar :value="15"/>
-  <CProgressBar color="success" :value="30"/>
-  <CProgressBar color="info" :value="20"/>
-</CProgress>
+<CProgressStacked>
+  <CProgress :value="15" />
+  <CProgress color="success" :value="30" />
+  <CProgress color="info" :value="20" />
+</CProgressStacked>
 :::
 ```vue
-<CProgress class="mb-3">
-  <CProgressBar :value="15"/>
-  <CProgressBar color="success" :value="30"/>
-  <CProgressBar color="info" :value="20"/>
+<CProgressStacked>
+  <CProgress :value="15" />
+  <CProgress color="success" :value="30" />
+  <CProgress color="info" :value="20" />
+</CProgressStacked>
+```
+
+
+**Previous markup**
+```vue
+<CProgress>
+  <CProgressBar :value="15" />
+  <CProgressBar color="success" :value="30" />
+  <CProgressBar color="info" :value="20" />
 </CProgress>
 ```
 
@@ -139,32 +168,16 @@ Include multiple progress bars in a progress component if you need.
 Add `variant="striped"` to any `<CProgressBar>` to apply a stripe via CSS gradient over the progress bar's background color.
 
 ::: demo
-<CProgress class="mb-3">
-  <CProgressBar color="success" variant="striped" :value="25"/>
-</CProgress>
-<CProgress class="mb-3">
-  <CProgressBar color="info" variant="striped" :value="50"/>
-</CProgress>
-<CProgress class="mb-3">
-  <CProgressBar color="warning" variant="striped" :value="75"/>
-</CProgress>
-<CProgress class="mb-3">
-  <CProgressBar color="danger" variant="striped" :value="100"/>
-</CProgress>
+<CProgress color="success" variant="striped" :value="25"/>
+<CProgress color="info" variant="striped" :value="50"/>
+<CProgress color="warning" variant="striped" :value="75"/>
+<CProgress color="danger" variant="striped" :value="100"/>
 :::
 ```vue
-<CProgress class="mb-3">
-  <CProgressBar color="success" variant="striped" :value="25"/>
-</CProgress>
-<CProgress class="mb-3">
-  <CProgressBar color="info" variant="striped" :value="50"/>
-</CProgress>
-<CProgress class="mb-3">
-  <CProgressBar color="warning" variant="striped" :value="75"/>
-</CProgress>
-<CProgress class="mb-3">
-  <CProgressBar color="danger" variant="striped" :value="100"/>
-</CProgress>
+<CProgress color="success" variant="striped" :value="25"/>
+<CProgress color="info" variant="striped" :value="50"/>
+<CProgress color="warning" variant="striped" :value="75"/>
+<CProgress color="danger" variant="striped" :value="100"/>
 ```
 
 ## Animated stripes
@@ -172,32 +185,16 @@ Add `variant="striped"` to any `<CProgressBar>` to apply a stripe via CSS gradie
 The striped gradient can also be animated. Add `animated` property to `<CProgressBar>` to animate the stripes right to left via CSS3 animations.
 
 ::: demo
-<CProgress class="mb-3">
-  <CProgressBar color="success" variant="striped" animated :value="25"/>
-</CProgress>
-<CProgress class="mb-3">
-  <CProgressBar color="info" variant="striped" animated :value="50"/>
-</CProgress>
-<CProgress class="mb-3">
-  <CProgressBar color="warning" variant="striped" animated :value="75"/>
-</CProgress>
-<CProgress class="mb-3">
-  <CProgressBar color="danger" variant="striped" animated :value="100"/>
-</CProgress>
+<CProgress color="success" variant="striped" animated :value="25"/>
+<CProgress color="info" variant="striped" animated :value="50"/>
+<CProgress color="warning" variant="striped" animated :value="75"/>
+<CProgress color="danger" variant="striped" animated :value="100"/>
 :::
 ```vue
-<CProgress class="mb-3">
-  <CProgressBar color="success" variant="striped" animated :value="25"/>
-</CProgress>
-<CProgress class="mb-3">
-  <CProgressBar color="info" variant="striped" animated :value="50"/>
-</CProgress>
-<CProgress class="mb-3">
-  <CProgressBar color="warning" variant="striped" animated :value="75"/>
-</CProgress>
-<CProgress class="mb-3">
-  <CProgressBar color="danger" variant="striped" animated :value="100"/>
-</CProgress>
+<CProgress color="success" variant="striped" animated :value="25"/>
+<CProgress color="info" variant="striped" animated :value="50"/>
+<CProgress color="warning" variant="striped" animated :value="75"/>
+<CProgress color="danger" variant="striped" animated :value="100"/>
 ```
 
 ## Customizing

From 63ba7c509d66275748b75631f891bf5f091aefea Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Fri, 29 Sep 2023 12:52:50 +0200
Subject: [PATCH 196/346] docs: add `<Callout>` component

---
 packages/docs/.vuepress/config.ts             |  1 +
 .../src/client/components/Callout.vue         | 29 ++++++++++++++
 .../src/client/styles/_callouts.scss          | 39 +++++++++++++++++++
 .../theme-coreui/src/client/styles/index.scss |  1 +
 packages/docs/components/button.md            | 11 ++----
 packages/docs/components/card.md              |  9 ++---
 packages/docs/components/dropdown.md          |  9 ++---
 packages/docs/components/list-group.md        |  9 ++---
 packages/docs/components/placeholder.md       |  4 +-
 packages/docs/layout/breakpoints.md           |  4 +-
 10 files changed, 87 insertions(+), 29 deletions(-)
 create mode 100644 packages/docs/.vuepress/theme-coreui/src/client/components/Callout.vue
 create mode 100644 packages/docs/.vuepress/theme-coreui/src/client/styles/_callouts.scss

diff --git a/packages/docs/.vuepress/config.ts b/packages/docs/.vuepress/config.ts
index ddf717dd..38bf8c24 100644
--- a/packages/docs/.vuepress/config.ts
+++ b/packages/docs/.vuepress/config.ts
@@ -69,6 +69,7 @@ export default defineUserConfig({
     tocPlugin({}),
     registerComponentsPlugin({
       components: {
+        Callout: path.resolve(__dirname, './theme-coreui/src/client/components/Callout.vue'),
         ScssDocs: path.resolve(__dirname, './theme-coreui/src/client/components/ScssDocs.vue'),
       },
     }),
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/Callout.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/Callout.vue
new file mode 100644
index 00000000..f3f3e8f1
--- /dev/null
+++ b/packages/docs/.vuepress/theme-coreui/src/client/components/Callout.vue
@@ -0,0 +1,29 @@
+<template>
+  <div :class="class">
+    <h5 v-if="title">{{ title }}</h5>
+    <slot></slot>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+export default defineComponent({
+  name: 'Callout',
+  props: {
+    color: String,
+    title: String,
+  },
+  setup(props) {
+    return {
+      class: [
+        'docs-callout',
+        {
+          [`docs-callout-${props.color}`]: props.color,
+        }
+      ],
+      color: props.color,
+      title: props.title,
+    }
+  },
+})
+</script>
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_callouts.scss b/packages/docs/.vuepress/theme-coreui/src/client/styles/_callouts.scss
new file mode 100644
index 00000000..a0dc566c
--- /dev/null
+++ b/packages/docs/.vuepress/theme-coreui/src/client/styles/_callouts.scss
@@ -0,0 +1,39 @@
+//
+// Callouts
+//
+
+.docs-callout {
+  --#{$prefix}link-color-rgb: var(--cd-callout-link);
+  --#{$prefix}code-color: var(--cd-callout-code-color);
+
+  padding: 1.25rem;
+  margin-top: 1.25rem;
+  margin-bottom: 1.25rem;
+  background-color: var(--cd-callout-bg, var(--cui-gray-100));
+  border-left: .25rem solid var(--cd-callout-border, var(--cui-gray-300));
+
+  h4 {
+    margin-bottom: .25rem;
+  }
+
+  > :last-child {
+    margin-bottom: 0;
+  }
+
+  + .docs-callout {
+    margin-top: -.25rem;
+  }
+
+  .highlight {
+    background-color: rgba($black, .05);
+  }
+}
+
+// Variations
+@each $variant in $cd-callout-variants {
+  .docs-callout-#{$variant} {
+    --cd-callout-color: var(--cui-#{$variant}-text-emphasis);
+    --cd-callout-bg: rgba(var(--cui-#{$variant}-rgb), .1);
+    --cd-callout-border: var(--cui-#{$variant});
+  }
+}
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/index.scss b/packages/docs/.vuepress/theme-coreui/src/client/styles/index.scss
index df73b581..ea3615e4 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/styles/index.scss
+++ b/packages/docs/.vuepress/theme-coreui/src/client/styles/index.scss
@@ -5,6 +5,7 @@
 
 @import "ads";
 @import "anchor";
+@import "callouts";
 @import "component-examples";
 @import "footer";
 @import "layout";
diff --git a/packages/docs/components/button.md b/packages/docs/components/button.md
index 05a3d5dc..e772d760 100644
--- a/packages/docs/components/button.md
+++ b/packages/docs/components/button.md
@@ -32,12 +32,9 @@ CoreUI includes a bunch of predefined buttons components, each serving its own s
 <CButton color="link">Link</CButton>
 ```
 
-<div class="callout callout-info">
-  <h5>Conveying meaning to assistive technologies</h5>
-  <p>
-    Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the `.visually-hidden` class.
-  </p>
-</div>
+<Callout color="info" title="Conveying meaning to assistive technologies">
+  Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the <code>.visually-hidden</code> class.
+</Callout>
 
 ## Disable text wrapping
 
@@ -115,7 +112,7 @@ If you need a ghost variant of button, set `variant="ghost"` prop to remove all
 ```
 
 
-<CCallout color="info">Some of the button styles use a relatively light foreground color, and should only be used on a dark background in order to have sufficient contrast.</CCallout>
+<Callout color="info">Some of the button styles use a relatively light foreground color, and should only be used on a dark background in order to have sufficient contrast.</Callout>
 
 ## Sizes
 
diff --git a/packages/docs/components/card.md b/packages/docs/components/card.md
index 350866ed..8202ff2b 100644
--- a/packages/docs/components/card.md
+++ b/packages/docs/components/card.md
@@ -780,12 +780,9 @@ Use `color` property to change the appearance of a card.
 </template>
 ```
 
-<CCallout color="info">
-  <h5>Conveying meaning to assistive technologies</h5>
-  <p>
-    Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the `.visually-hidden` class.
-  </p>
-</CCallout>
+<Callout color="info" title="Conveying meaning to assistive technologies">
+  Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the <code>.visually-hidden</code> class.
+</Callout>
 
 ### Border
 
diff --git a/packages/docs/components/dropdown.md b/packages/docs/components/dropdown.md
index e24ce4be..7e99ce96 100644
--- a/packages/docs/components/dropdown.md
+++ b/packages/docs/components/dropdown.md
@@ -292,12 +292,9 @@ And putting it to use in a navbar:
 
 ## Directions
 
-<CCallout color="info">
-  <h4>RTL</h4>
-  <p>
-    Directions are mirrored when using CoreUI in RTL, meaning `.dropstart` will appear on the right side.
-  </p>
-</CCallout>
+<Callout color="info" title="RTL">
+  Directions are mirrored when using CoreUI in RTL, meaning `.dropstart` will appear on the right side.
+</Callout>
 
 ### Centered
 
diff --git a/packages/docs/components/list-group.md b/packages/docs/components/list-group.md
index d936cf76..1678dd24 100644
--- a/packages/docs/components/list-group.md
+++ b/packages/docs/components/list-group.md
@@ -194,12 +194,9 @@ Contextual classes also work with `<a>`s or `<button>`s. Note the addition of th
 </CListGroup>
 ```
 
-<CCallout color="info">
-  <h5>Conveying meaning to assistive technologies</h5>
-  <p>
-    Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the `.visually-hidden` class.
-  </p>
-</CCallout>
+<Callout color="info" title="Conveying meaning to assistive technologies">
+  Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the <code>.visually-hidden</code> class.
+</Callout>
 
 ## With badges
 
diff --git a/packages/docs/components/placeholder.md b/packages/docs/components/placeholder.md
index f45dbca2..14e45b9a 100644
--- a/packages/docs/components/placeholder.md
+++ b/packages/docs/components/placeholder.md
@@ -100,9 +100,9 @@ We apply additional styling to `CButton`s via `::before` to ensure the `height`
 <CButton v-c-placeholder="{xs: 4}" color="primary" aria-hidden="true" disabled href="#" tabindex="-1"></CButton>
 ```
 
-<CCallout class="mb-4" color="info">
+<Callout color="info">
   The use of <code>aria-hidden="true"</code> only indicates that the element should be hidden to screen readers. The <strong>loading</strong> behavior of the placeholder depends on how authors will actually use the placeholder styles, how they plan to update things, etc. Some JavaScript code may be needed to *swap* the state of the placeholder and inform AT users of the update.
-</CCallout>
+</Callout>
 
 ### Width
 
diff --git a/packages/docs/layout/breakpoints.md b/packages/docs/layout/breakpoints.md
index 49dd1e67..40612dfb 100644
--- a/packages/docs/layout/breakpoints.md
+++ b/packages/docs/layout/breakpoints.md
@@ -171,9 +171,9 @@ These mixins take those declared breakpoints, subtract `.02px` from them, and us
 // No media query since the xxl breakpoint has no upper bound on its width
 ```
 
-<CCallout color="warning">
+<Callout color="warning">
   <strong>Why subtract .02px?</strong> Browsers don’t currently support <a href="https://www.w3.org/TR/mediaqueries-4/#range-context">range context queries</a>, so we work around the limitations of <a href="https://www.w3.org/TR/mediaqueries-4/#mq-min-max"><code>min-</code> and <code>max-</code> prefixes</a> and viewports with fractional widths (which can occur under certain conditions on high-dpi devices, for instance) by using values with higher precision.
-</CCallout>
+</Callout>
 
 ### Single breakpoint
 

From 0e96d7173441aae47a4a32671876340b185e3058 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Mon, 2 Oct 2023 17:41:36 +0200
Subject: [PATCH 197/346] fix(CSidebar): backdrop is not visible

---
 packages/coreui-vue/src/components/sidebar/CSidebar.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/coreui-vue/src/components/sidebar/CSidebar.ts b/packages/coreui-vue/src/components/sidebar/CSidebar.ts
index 9dc69b52..ebec4311 100644
--- a/packages/coreui-vue/src/components/sidebar/CSidebar.ts
+++ b/packages/coreui-vue/src/components/sidebar/CSidebar.ts
@@ -162,7 +162,7 @@ const CSidebar = defineComponent({
       ),
       mobile.value &&
         h(CBackdrop, {
-          class: 'sidebar-backdrop d-none',
+          class: 'sidebar-backdrop',
           visible: props.visible,
           onClick: () => handleHide(),
         }),

From c940210b623e4b52aec9b5a3d672556c3cdc711c Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Tue, 3 Oct 2023 09:31:56 +0200
Subject: [PATCH 198/346] styles: prettify syntax

---
 .../src/components/carousel/CCarousel.ts           |  5 +----
 .../src/components/dropdown/CDropdown.ts           | 13 +++++++++----
 .../src/components/dropdown/CDropdownToggle.ts     | 14 ++++++++++++--
 .../coreui-vue/src/components/dropdown/types.ts    |  2 +-
 .../coreui-vue/src/components/dropdown/utils.ts    |  4 ++--
 .../coreui-vue/src/components/tooltip/CTooltip.ts  |  2 +-
 .../src/components/widgets/CWidgetStatsA.ts        |  4 +---
 .../src/components/widgets/CWidgetStatsB.ts        |  4 +---
 8 files changed, 28 insertions(+), 20 deletions(-)

diff --git a/packages/coreui-vue/src/components/carousel/CCarousel.ts b/packages/coreui-vue/src/components/carousel/CCarousel.ts
index 0e832c69..bbb7046a 100644
--- a/packages/coreui-vue/src/components/carousel/CCarousel.ts
+++ b/packages/coreui-vue/src/components/carousel/CCarousel.ts
@@ -185,10 +185,7 @@ const CCarousel = defineComponent({
       h(
         'div',
         {
-          class: [
-            'carousel slide',
-            props.transition === 'crossfade' && 'carousel-fade',
-          ],
+          class: ['carousel slide', props.transition === 'crossfade' && 'carousel-fade'],
           ...(props.dark && { 'data-coreui-theme': 'dark' }),
           onmouseover: () => props.pause && pause(),
           onmouseleave: () => cycle(),
diff --git a/packages/coreui-vue/src/components/dropdown/CDropdown.ts b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
index a2daf1f0..77b734e4 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdown.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
@@ -185,8 +185,7 @@ const CDropdown = defineComponent({
       window.removeEventListener('keyup', handleKeyup)
       dropdownToggleRef.value &&
         dropdownToggleRef.value.removeEventListener('keydown', handleKeydown)
-      dropdownMenuRef.value &&
-        dropdownMenuRef.value.removeEventListener('keydown', handleKeydown)
+      dropdownMenuRef.value && dropdownMenuRef.value.removeEventListener('keydown', handleKeydown)
       emit('hide')
     })
 
@@ -202,10 +201,16 @@ const CDropdown = defineComponent({
     provide('dropdownMenuRef', dropdownMenuRef)
 
     const handleKeydown = (event: KeyboardEvent) => {
-      if (visible.value && dropdownMenuRef.value && (event.key === 'ArrowDown' || event.key === 'ArrowUp')) {
+      if (
+        visible.value &&
+        dropdownMenuRef.value &&
+        (event.key === 'ArrowDown' || event.key === 'ArrowUp')
+      ) {
         event.preventDefault()
         const target = event.target as HTMLElement
-        const items: HTMLElement[] = Array.from(dropdownMenuRef.value.querySelectorAll('.dropdown-item:not(.disabled):not(:disabled)'))
+        const items: HTMLElement[] = Array.from(
+          dropdownMenuRef.value.querySelectorAll('.dropdown-item:not(.disabled):not(:disabled)'),
+        )
         getNextActiveElement(items, target, event.key === 'ArrowDown', true).focus()
       }
     }
diff --git a/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts b/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
index 0aab7e9f..c78c6507 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
@@ -1,4 +1,14 @@
-import { cloneVNode, computed, defineComponent, h, inject, onMounted, PropType, Ref, ref } from 'vue'
+import {
+  cloneVNode,
+  computed,
+  defineComponent,
+  h,
+  inject,
+  onMounted,
+  PropType,
+  Ref,
+  ref,
+} from 'vue'
 
 import { CButton } from '../button'
 
@@ -127,7 +137,7 @@ const CDropdownToggle = defineComponent({
           'dropdown-toggle': props.caret,
           'dropdown-toggle-split': props.split,
           disabled: props.disabled,
-          show: visible.value
+          show: visible.value,
         },
         'aria-expanded': visible.value,
         ...(!props.disabled && { ...triggers }),
diff --git a/packages/coreui-vue/src/components/dropdown/types.ts b/packages/coreui-vue/src/components/dropdown/types.ts
index 7135b68a..3c68889a 100644
--- a/packages/coreui-vue/src/components/dropdown/types.ts
+++ b/packages/coreui-vue/src/components/dropdown/types.ts
@@ -8,4 +8,4 @@ export type Breakpoints =
   | { xl: Directions }
   | { xxl: Directions }
 
-export type Alignments = Directions | Breakpoints
\ No newline at end of file
+export type Alignments = Directions | Breakpoints
diff --git a/packages/coreui-vue/src/components/dropdown/utils.ts b/packages/coreui-vue/src/components/dropdown/utils.ts
index c2c3d6e2..7448eace 100644
--- a/packages/coreui-vue/src/components/dropdown/utils.ts
+++ b/packages/coreui-vue/src/components/dropdown/utils.ts
@@ -13,7 +13,7 @@ export const getAlignmentClassNames = (alignment: object | string) => {
   if (typeof alignment === 'string') {
     classNames.push(`dropdown-menu-${alignment}`)
   }
-  
+
   return classNames
 }
 
@@ -68,4 +68,4 @@ export const getPlacement = (
   }
 
   return _placement
-}
\ No newline at end of file
+}
diff --git a/packages/coreui-vue/src/components/tooltip/CTooltip.ts b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
index db47bddb..86c7180a 100644
--- a/packages/coreui-vue/src/components/tooltip/CTooltip.ts
+++ b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
@@ -104,7 +104,7 @@ const CTooltip = defineComponent({
     const tooltipRef = ref()
     const visible = ref(props.visible)
     const { initPopper, destroyPopper } = usePopper()
-    
+
     const delay =
       typeof props.delay === 'number' ? { show: props.delay, hide: props.delay } : props.delay
 
diff --git a/packages/coreui-vue/src/components/widgets/CWidgetStatsA.ts b/packages/coreui-vue/src/components/widgets/CWidgetStatsA.ts
index 9647bfdf..998217ed 100644
--- a/packages/coreui-vue/src/components/widgets/CWidgetStatsA.ts
+++ b/packages/coreui-vue/src/components/widgets/CWidgetStatsA.ts
@@ -33,9 +33,7 @@ const CWidgetStatsA = defineComponent({
       h(
         CCard,
         {
-          class: [
-            { [`bg-${props.color}`]: props.color, 'text-white': props.color },
-          ],
+          class: [{ [`bg-${props.color}`]: props.color, 'text-white': props.color }],
         },
         () => [
           h(
diff --git a/packages/coreui-vue/src/components/widgets/CWidgetStatsB.ts b/packages/coreui-vue/src/components/widgets/CWidgetStatsB.ts
index ce83a123..ded7cd3f 100644
--- a/packages/coreui-vue/src/components/widgets/CWidgetStatsB.ts
+++ b/packages/coreui-vue/src/components/widgets/CWidgetStatsB.ts
@@ -98,9 +98,7 @@ const CWidgetStatsB = defineComponent({
                 h(
                   'small',
                   {
-                    class: [
-                      props.inverse ? 'text-white text-opacity-75' : 'text-body-secondary',
-                    ],
+                    class: [props.inverse ? 'text-white text-opacity-75' : 'text-body-secondary'],
                   },
                   {
                     default: () => (slots.text && slots.text()) || props.text,

From f9aa323e091f4055adcb956ffbb09c9ea5d5d339 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Tue, 3 Oct 2023 09:33:51 +0200
Subject: [PATCH 199/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@typescript-eslint/eslint-plugin  ^5.61.0  →   ^6.7.4
@typescript-eslint/parser         ^5.61.0  →   ^6.7.4
@vue/eslint-config-prettier        ^7.1.0  →   ^8.0.0
@vue/eslint-config-typescript     ^11.0.3  →  ^12.0.0
@vue/vue3-jest                     29.2.4  →   29.2.6
eslint                             8.44.0  →   8.50.0
eslint-config-prettier             ^8.8.0  →   ^9.0.0
eslint-plugin-prettier             ^4.2.1  →   ^5.0.0
eslint-plugin-unicorn             ^47.0.0  →  ^48.0.1
eslint-plugin-vue                 ^9.15.1  →  ^9.17.0
lerna                              ^7.1.1  →   ^7.3.0
prettier                           ^3.0.0  →   ^3.0.3
---
 package.json | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/package.json b/package.json
index 048e9734..d1479e42 100644
--- a/package.json
+++ b/package.json
@@ -22,18 +22,18 @@
     "test:update": "npm-run-all charts:test:update icons:test:update lib:test:update"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^5.61.0",
-    "@typescript-eslint/parser": "^5.61.0",
-    "@vue/eslint-config-prettier": "^7.1.0",
-    "@vue/eslint-config-typescript": "^11.0.3",
-    "@vue/vue3-jest": "29.2.4",
-    "eslint": "8.44.0",
-    "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-vue": "^9.15.1",
-    "eslint-config-prettier": "^8.8.0",
-    "eslint-plugin-unicorn": "^47.0.0",
-    "lerna": "^7.1.1",
+    "@typescript-eslint/eslint-plugin": "^6.7.4",
+    "@typescript-eslint/parser": "^6.7.4",
+    "@vue/eslint-config-prettier": "^8.0.0",
+    "@vue/eslint-config-typescript": "^12.0.0",
+    "@vue/vue3-jest": "29.2.6",
+    "eslint": "8.50.0",
+    "eslint-plugin-prettier": "^5.0.0",
+    "eslint-plugin-vue": "^9.17.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-unicorn": "^48.0.1",
+    "lerna": "^7.3.0",
     "npm-run-all": "^4.1.5",
-    "prettier": "^3.0.0"
+    "prettier": "^3.0.3"
   }
 }

From 37dd3f6856ee51520530521baac3e99b2c9ce0bc Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Tue, 3 Oct 2023 09:34:23 +0200
Subject: [PATCH 200/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@rollup/plugin-commonjs      ^25.0.2  →  ^25.0.4
@rollup/plugin-node-resolve  ^15.1.0  →  ^15.2.1
@rollup/plugin-typescript    ^11.1.2  →  ^11.1.4
@types/jest                  ^29.5.2  →  ^29.5.5
@vue/test-utils               ^2.4.0  →   ^2.4.1
@vue/vue3-jest                29.2.4  →   29.2.6
jest                         ^29.6.0  →  ^29.7.0
jest-environment-jsdom       ^29.6.0  →  ^29.7.0
rollup                       ^3.26.2  →  ^3.29.4
typescript                    ^5.1.6  →   ^5.2.2
vue-types                     ^5.1.0  →   ^5.1.1
---
 packages/coreui-vue/package.json | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index 8fe9c070..b06dc238 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -38,20 +38,20 @@
   },
   "devDependencies": {
     "@popperjs/core": "^2.11.8",
-    "@rollup/plugin-commonjs": "^25.0.2",
-    "@rollup/plugin-node-resolve": "^15.1.0",
-    "@rollup/plugin-typescript": "^11.1.2",
-    "@types/jest": "^29.5.2",
-    "@vue/test-utils": "^2.4.0",
-    "@vue/vue3-jest": "29.2.4",
-    "jest": "^29.6.0",
-    "jest-environment-jsdom": "^29.6.0",
-    "rollup": "^3.26.2",
+    "@rollup/plugin-commonjs": "^25.0.4",
+    "@rollup/plugin-node-resolve": "^15.2.1",
+    "@rollup/plugin-typescript": "^11.1.4",
+    "@types/jest": "^29.5.5",
+    "@vue/test-utils": "^2.4.1",
+    "@vue/vue3-jest": "29.2.6",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "rollup": "^3.29.4",
     "rollup-plugin-vue": "^6.0.0",
     "ts-jest": "^29.1.1",
-    "typescript": "^5.1.6",
+    "typescript": "^5.2.2",
     "vue": "^3.3.4",
-    "vue-types": "^5.1.0"
+    "vue-types": "^5.1.1"
   },
   "peerDependencies": {
     "@coreui/coreui": "^5.0.0-alpha.2",

From 6da4fe81362648d453bc55db9f3b7f086eb85380 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Tue, 3 Oct 2023 09:35:55 +0200
Subject: [PATCH 201/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@docsearch/css  ^3.5.1  →  ^3.5.2
@docsearch/js   ^3.5.1  →  ^3.5.2
---
 packages/docs/package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/docs/package.json b/packages/docs/package.json
index e22a69b9..92aa21fe 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -14,8 +14,8 @@
     "@coreui/icons-vue": "^2.0.0",
     "@coreui/utils": "^2.0.2",
     "@coreui/vue-chartjs": "^2.1.0",
-    "@docsearch/css": "^3.5.1",
-    "@docsearch/js": "^3.5.1",
+    "@docsearch/css": "^3.5.2",
+    "@docsearch/js": "^3.5.2",
     "@vuepress/plugin-register-components": "2.0.0-beta.62",
     "@vuepress/plugin-toc": "2.0.0-beta.62",
     "markdown-it-include": "^2.0.0",

From 3eca33cd047bfb24ab7666842b599e18ef11d94f Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Tue, 3 Oct 2023 09:39:05 +0200
Subject: [PATCH 202/346] release: v5.0.0-alpha.1

---
 README.md                        | 2 +-
 lerna.json                       | 2 +-
 packages/coreui-vue/package.json | 2 +-
 packages/docs/package.json       | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index c93eb25b..2d870a02 100644
--- a/README.md
+++ b/README.md
@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.0.0-alpha.0.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.0.0-alpha.1.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue`
diff --git a/lerna.json b/lerna.json
index 5383e3b4..e906d497 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,6 +1,6 @@
 {
   "npmClient": "yarn",
   "packages": ["packages/*"],
-  "version": "5.0.0-alpha.0",
+  "version": "5.0.0-alpha.1",
   "$schema": "node_modules/lerna/schemas/lerna-schema.json"
 }
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index b06dc238..f1d0f21b 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue",
-  "version": "5.0.0-alpha.0",
+  "version": "5.0.0-alpha.1",
   "description": "UI Components Library for Vue.js",
   "keywords": [
     "vue",
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 92aa21fe..0117fa48 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue-docs",
-  "version": "5.0.0-alpha.0",
+  "version": "5.0.0-alpha.1",
   "scripts": {
     "api": "vue-docgen -c build/docgen.config.js",
     "dev": "vuepress dev --clean-cache",

From 44ef04bbbdd45ba07104c750e755f806475ecbbd Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Fri, 27 Oct 2023 13:06:13 +0200
Subject: [PATCH 203/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@coreui/coreui                        ^5.0.0-alpha.2  →  ^5.0.0-alpha.3
@vuepress/plugin-register-components   2.0.0-beta.62  →   2.0.0-beta.67
@vuepress/plugin-toc                   2.0.0-beta.62  →   2.0.0-beta.67
vuepress                               2.0.0-beta.62  →   2.0.0-beta.67
---
 packages/docs/package.json | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/docs/package.json b/packages/docs/package.json
index 0117fa48..1906552b 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -9,17 +9,17 @@
   "license": "MIT",
   "devDependencies": {
     "@coreui/chartjs": "^3.1.2",
-    "@coreui/coreui": "^5.0.0-alpha.2",
+    "@coreui/coreui": "^5.0.0-alpha.3",
     "@coreui/icons": "^3.0.1",
     "@coreui/icons-vue": "^2.0.0",
     "@coreui/utils": "^2.0.2",
     "@coreui/vue-chartjs": "^2.1.0",
     "@docsearch/css": "^3.5.2",
     "@docsearch/js": "^3.5.2",
-    "@vuepress/plugin-register-components": "2.0.0-beta.62",
-    "@vuepress/plugin-toc": "2.0.0-beta.62",
+    "@vuepress/plugin-register-components": "2.0.0-beta.67",
+    "@vuepress/plugin-toc": "2.0.0-beta.67",
     "markdown-it-include": "^2.0.0",
     "vue-docgen-cli": "^4.67.0",
-    "vuepress": "2.0.0-beta.62"
+    "vuepress": "2.0.0-beta.67"
   }
 }

From bc95835755e6f3ffccf382fe0679a8dd35bde12c Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Fri, 27 Oct 2023 13:08:01 +0200
Subject: [PATCH 204/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@rollup/plugin-commonjs      ^25.0.4  →  ^25.0.7
@rollup/plugin-node-resolve  ^15.2.1  →  ^15.2.3
@rollup/plugin-typescript    ^11.1.4  →  ^11.1.5
@types/jest                  ^29.5.5  →  ^29.5.6
vue                           ^3.3.4  →   ^3.3.7
---
 packages/coreui-vue/package.json | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index f1d0f21b..137aa2b7 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -38,10 +38,10 @@
   },
   "devDependencies": {
     "@popperjs/core": "^2.11.8",
-    "@rollup/plugin-commonjs": "^25.0.4",
-    "@rollup/plugin-node-resolve": "^15.2.1",
-    "@rollup/plugin-typescript": "^11.1.4",
-    "@types/jest": "^29.5.5",
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-typescript": "^11.1.5",
+    "@types/jest": "^29.5.6",
     "@vue/test-utils": "^2.4.1",
     "@vue/vue3-jest": "29.2.6",
     "jest": "^29.7.0",
@@ -50,7 +50,7 @@
     "rollup-plugin-vue": "^6.0.0",
     "ts-jest": "^29.1.1",
     "typescript": "^5.2.2",
-    "vue": "^3.3.4",
+    "vue": "^3.3.7",
     "vue-types": "^5.1.1"
   },
   "peerDependencies": {

From b7e91784137e461a1e830dd3c68057261add1ce3 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Fri, 27 Oct 2023 13:09:45 +0200
Subject: [PATCH 205/346] feat(CNav): add `underline` and `underline-border`
 variants

---
 .../coreui-vue/src/components/nav/CNav.ts     |  4 +-
 packages/docs/components/navs-tabs.md         | 90 +++++++++++++++++++
 2 files changed, 92 insertions(+), 2 deletions(-)

diff --git a/packages/coreui-vue/src/components/nav/CNav.ts b/packages/coreui-vue/src/components/nav/CNav.ts
index add7ef70..ebde0a25 100644
--- a/packages/coreui-vue/src/components/nav/CNav.ts
+++ b/packages/coreui-vue/src/components/nav/CNav.ts
@@ -24,12 +24,12 @@ const CNav = defineComponent({
     /**
      * Set the nav variant to tabs or pills.
      *
-     * @values 'tabs', 'pills'
+     * @values 'pills', 'tabs', 'underline', 'underline-border'
      */
     variant: {
       type: String,
       validator: (value: string) => {
-        return ['tabs', 'pills'].includes(value)
+        return ['pills', 'tabs', 'underline', 'underline-border'].includes(value)
       },
     },
   },
diff --git a/packages/docs/components/navs-tabs.md b/packages/docs/components/navs-tabs.md
index 6b667d6e..097c880b 100644
--- a/packages/docs/components/navs-tabs.md
+++ b/packages/docs/components/navs-tabs.md
@@ -312,6 +312,96 @@ Take that same HTML, but use `variant="pills"` instead:
 </CNav>
 ```
 
+
+### Underline
+
+Take that same code, but use `variant="underline"` instead:
+
+::: demo
+<CNav variant="underline">
+  <CNavItem>
+    <CNavLink href="#" active>
+      Active
+    </CNavLink>
+  </CNavItem>
+  <CNavItem>
+    <CNavLink href="#">Link</CNavLink>
+  </CNavItem>
+  <CNavItem>
+    <CNavLink href="#">Link</CNavLink>
+  </CNavItem>
+  <CNavItem>
+    <CNavLink href="#" disabled>
+      Disabled
+    </CNavLink>
+  </CNavItem>
+</CNav>
+:::
+```vue
+<CNav variant="underline">
+  <CNavItem>
+    <CNavLink href="#" active>
+      Active
+    </CNavLink>
+  </CNavItem>
+  <CNavItem>
+    <CNavLink href="#">Link</CNavLink>
+  </CNavItem>
+  <CNavItem>
+    <CNavLink href="#">Link</CNavLink>
+  </CNavItem>
+  <CNavItem>
+    <CNavLink href="#" disabled>
+      Disabled
+    </CNavLink>
+  </CNavItem>
+</CNav>
+```
+### Underline border
+
+Take that same code, but use `variant="underline-border"` instead:
+
+::: demo
+<CNav variant="underline-border">
+  <CNavItem>
+    <CNavLink href="#" active>
+      Active
+    </CNavLink>
+  </CNavItem>
+  <CNavItem>
+    <CNavLink href="#">Link</CNavLink>
+  </CNavItem>
+  <CNavItem>
+    <CNavLink href="#">Link</CNavLink>
+  </CNavItem>
+  <CNavItem>
+    <CNavLink href="#" disabled>
+      Disabled
+    </CNavLink>
+  </CNavItem>
+</CNav>
+:::
+```vue
+<CNav variant="underline-border">
+  <CNavItem>
+    <CNavLink href="#" active>
+      Active
+    </CNavLink>
+  </CNavItem>
+  <CNavItem>
+    <CNavLink href="#">Link</CNavLink>
+  </CNavItem>
+  <CNavItem>
+    <CNavLink href="#">Link</CNavLink>
+  </CNavItem>
+  <CNavItem>
+    <CNavLink href="#" disabled>
+      Disabled
+    </CNavLink>
+  </CNavItem>
+</CNav>
+```
+
 ### Fill and justify
 
 Force your `.nav`'s contents to extend the full available width one of two modifier classes. To proportionately fill all available space with your `.nav-item`s, use `layout="fill"`. Notice that all horizontal space is occupied, but not every nav item has the same width.

From 122c017a033df74a14b01d1d6ee48777436c318d Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Fri, 27 Oct 2023 13:10:41 +0200
Subject: [PATCH 206/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@typescript-eslint/eslint-plugin   ^6.7.4  →   ^6.9.0
@typescript-eslint/parser          ^6.7.4  →   ^6.9.0
eslint                             8.50.0  →   8.52.0
eslint-plugin-prettier             ^5.0.0  →   ^5.0.1
eslint-plugin-vue                 ^9.17.0  →  ^9.18.1
lerna                              ^7.3.0  →   ^7.4.2
---
 package.json | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index d1479e42..0f72042f 100644
--- a/package.json
+++ b/package.json
@@ -22,17 +22,17 @@
     "test:update": "npm-run-all charts:test:update icons:test:update lib:test:update"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^6.7.4",
-    "@typescript-eslint/parser": "^6.7.4",
+    "@typescript-eslint/eslint-plugin": "^6.9.0",
+    "@typescript-eslint/parser": "^6.9.0",
     "@vue/eslint-config-prettier": "^8.0.0",
     "@vue/eslint-config-typescript": "^12.0.0",
     "@vue/vue3-jest": "29.2.6",
-    "eslint": "8.50.0",
-    "eslint-plugin-prettier": "^5.0.0",
-    "eslint-plugin-vue": "^9.17.0",
+    "eslint": "8.52.0",
+    "eslint-plugin-prettier": "^5.0.1",
+    "eslint-plugin-vue": "^9.18.1",
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-unicorn": "^48.0.1",
-    "lerna": "^7.3.0",
+    "lerna": "^7.4.2",
     "npm-run-all": "^4.1.5",
     "prettier": "^3.0.3"
   }

From 6ebed89062bc3915a847d59fcbea93e50d11f1e3 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Fri, 3 Nov 2023 15:18:16 +0100
Subject: [PATCH 207/346] feat(CDropdown, CPopover, CTooltip): allow to
 "teleport" a component into a DOM node that exists outside the DOM hierarchy
 of that component

---
 .../CConditionalTeleport.ts                   | 60 ++++++++++++
 .../components/conditional-teleport/index.ts  | 10 ++
 .../src/components/dropdown/CDropdown.ts      | 22 +++++
 .../src/components/dropdown/CDropdownMenu.ts  | 37 ++++---
 packages/coreui-vue/src/components/index.ts   |  1 +
 .../src/components/popover/CPopover.ts        | 98 +++++++++++--------
 .../src/components/tooltip/CTooltip.ts        | 82 +++++++++-------
 .../CConditionalTeleport.api.md               | 14 +++
 packages/docs/api/dropdown/CDropdown.api.md   | 28 +++---
 .../docs/api/dropdown/CDropdownToggle.api.md  | 24 ++---
 packages/docs/api/popover/CPopover.api.md     | 23 ++---
 packages/docs/api/tooltip/CTooltip.api.md     | 21 ++--
 12 files changed, 289 insertions(+), 131 deletions(-)
 create mode 100644 packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts
 create mode 100644 packages/coreui-vue/src/components/conditional-teleport/index.ts
 create mode 100644 packages/docs/api/conditional-teleport/CConditionalTeleport.api.md

diff --git a/packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts b/packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts
new file mode 100644
index 00000000..47d31fac
--- /dev/null
+++ b/packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts
@@ -0,0 +1,60 @@
+import { defineComponent, h, PropType, ref, Teleport, watch } from 'vue'
+
+const getContainer = (
+  container?: HTMLElement | (() => HTMLElement) | string,
+): HTMLElement | string => {
+  if (container) {
+    return typeof container === 'function' ? container() : container
+  }
+
+  return 'body'
+}
+
+const CConditionalTeleport = defineComponent({
+  name: 'CConditionalTeleport',
+  props: {
+    /**
+     * An HTML element or function that returns a single element, with `document.body` as the default.
+     *
+     * @since v5.0.0-beta.0
+     */
+    container: {
+      type: [HTMLElement, () => HTMLElement, String] as PropType<
+        HTMLElement | (() => HTMLElement) | string
+      >,
+      default: 'body',
+    },
+    /**
+     * Render some children into a different part of the DOM
+     */
+    teleport: {
+      type: [Boolean],
+      default: true,
+    },
+  },
+  setup(props, { slots }) {
+    const container = ref<HTMLElement | string>(getContainer(props.container))
+
+    watch(
+      () => [props.container, props.teleport],
+      () => {
+        if (props.teleport) {
+          container.value = getContainer(props.container)
+        }
+      },
+    )
+
+    return () =>
+      h(
+        Teleport,
+        {
+          disabled: props.teleport === false,
+          to: container.value,
+        },
+        {
+          default: () => slots.default && slots.default(),
+        },
+      )
+  },
+})
+export { CConditionalTeleport }
diff --git a/packages/coreui-vue/src/components/conditional-teleport/index.ts b/packages/coreui-vue/src/components/conditional-teleport/index.ts
new file mode 100644
index 00000000..249949b4
--- /dev/null
+++ b/packages/coreui-vue/src/components/conditional-teleport/index.ts
@@ -0,0 +1,10 @@
+import { App } from 'vue'
+import { CConditionalTeleport } from './CConditionalTeleport'
+
+const CConditionalTeleportPlugin = {
+  install: (app: App): void => {
+    app.component(CConditionalTeleport.name, CConditionalTeleport)
+  },
+}
+
+export { CConditionalTeleport, CConditionalTeleportPlugin }
diff --git a/packages/coreui-vue/src/components/dropdown/CDropdown.ts b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
index 77b734e4..4d8f2e42 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdown.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
@@ -59,6 +59,17 @@ const CDropdown = defineComponent({
         return typeof value === 'boolean' || ['inside', 'outside'].includes(value)
       },
     },
+    /**
+     * Appends the vue dropdown menu to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
+     *
+     * @since v5.0.0-beta.0
+     */
+    container: {
+      type: [HTMLElement, () => HTMLElement, String] as PropType<
+        HTMLElement | (() => HTMLElement) | string
+      >,
+      default: 'body',
+    },
     /**
      * Sets a darker color scheme to match a dark navbar.
      */
@@ -103,6 +114,15 @@ const CDropdown = defineComponent({
       type: Boolean,
       default: true,
     },
+    /**
+     * Generates dropdown menu using Teleport.
+     *
+     * @since v5.0.0-beta.0
+     */
+    teleport: {
+      type: Boolean,
+      default: false,
+    },
     /**
      * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.
      */
@@ -191,8 +211,10 @@ const CDropdown = defineComponent({
 
     provide('config', {
       alignment: props.alignment,
+      container: props.container,
       dark: props.dark,
       popper: props.popper,
+      teleport: props.teleport,
     })
 
     provide('variant', props.variant)
diff --git a/packages/coreui-vue/src/components/dropdown/CDropdownMenu.ts b/packages/coreui-vue/src/components/dropdown/CDropdownMenu.ts
index 0f178e95..623de560 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdownMenu.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdownMenu.ts
@@ -1,5 +1,6 @@
 import { defineComponent, h, inject, Ref } from 'vue'
 
+import { CConditionalTeleport } from '../conditional-teleport'
 import { getAlignmentClassNames } from './utils'
 
 const CDropdownMenu = defineComponent({
@@ -20,22 +21,36 @@ const CDropdownMenu = defineComponent({
     const config = inject('config') as any // eslint-disable-line @typescript-eslint/no-explicit-any
     const visible = inject('visible') as Ref<boolean>
 
-    const { alignment, dark, popper } = config
+    const { alignment, container, dark, popper, teleport } = config
 
     return () =>
       h(
-        props.component,
+        CConditionalTeleport,
         {
-          class: ['dropdown-menu', { show: visible.value }, getAlignmentClassNames(alignment)],
-          ...((typeof alignment === 'object' || !popper) && {
-            'data-coreui-popper': 'static',
-          }),
-          ...(dark && { 'data-coreui-theme': 'dark' }),
-          ref: dropdownMenuRef,
+          container: container,
+          teleport: teleport,
+        },
+        {
+          default: () =>
+            h(
+              props.component,
+              {
+                class: [
+                  'dropdown-menu',
+                  { show: visible.value },
+                  getAlignmentClassNames(alignment),
+                ],
+                ...((typeof alignment === 'object' || !popper) && {
+                  'data-coreui-popper': 'static',
+                }),
+                ...(dark && { 'data-coreui-theme': 'dark' }),
+                ref: dropdownMenuRef,
+              },
+              props.component === 'ul'
+                ? slots.default && slots.default().map((vnode) => h('li', {}, vnode))
+                : slots.default && slots.default(),
+            ),
         },
-        props.component === 'ul'
-          ? slots.default && slots.default().map((vnode) => h('li', {}, vnode))
-          : slots.default && slots.default(),
       )
   },
 })
diff --git a/packages/coreui-vue/src/components/index.ts b/packages/coreui-vue/src/components/index.ts
index 0d3dae9e..d11d5eb0 100644
--- a/packages/coreui-vue/src/components/index.ts
+++ b/packages/coreui-vue/src/components/index.ts
@@ -11,6 +11,7 @@ export * from './card'
 export * from './carousel'
 export * from './close-button'
 export * from './collapse'
+export * from './conditional-teleport'
 export * from './dropdown'
 export * from './footer'
 export * from './form'
diff --git a/packages/coreui-vue/src/components/popover/CPopover.ts b/packages/coreui-vue/src/components/popover/CPopover.ts
index 0e5d172b..00389f4f 100644
--- a/packages/coreui-vue/src/components/popover/CPopover.ts
+++ b/packages/coreui-vue/src/components/popover/CPopover.ts
@@ -1,6 +1,7 @@
-import { defineComponent, h, PropType, ref, RendererElement, Teleport, Transition } from 'vue'
+import { defineComponent, h, PropType, ref, RendererElement, Transition } from 'vue'
 import type { Placement } from '@popperjs/core'
 
+import { CConditionalTeleport } from '../conditional-teleport'
 import { usePopper } from '../../composables'
 import type { Placements, Triggers } from '../../types'
 import { executeAfterTransition } from '../../utils/transition'
@@ -18,6 +19,17 @@ const CPopover = defineComponent({
       type: Boolean,
       default: true,
     },
+    /**
+     * Appends the vue popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
+     *
+     * @since v5.0.0-beta.0
+     */
+    container: {
+      type: [HTMLElement, () => HTMLElement, String] as PropType<
+        HTMLElement | (() => HTMLElement) | string
+      >,
+      default: 'body',
+    },
     /**
      * Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`
      */
@@ -168,53 +180,57 @@ const CPopover = defineComponent({
 
     return () => [
       h(
-        Teleport,
+        CConditionalTeleport,
         {
-          to: 'body',
+          container: props.container,
+          teleport: true,
         },
-        h(
-          Transition,
-          {
-            onEnter: (el, done) => handleEnter(el, done),
-            onLeave: (el, done) => handleLeave(el, done),
-          },
-          () =>
-            visible.value &&
+        {
+          default: () =>
             h(
-              'div',
+              Transition,
               {
-                class: [
-                  'popover',
-                  'bs-popover-auto',
+                onEnter: (el, done) => handleEnter(el, done),
+                onLeave: (el, done) => handleLeave(el, done),
+              },
+              () =>
+                visible.value &&
+                h(
+                  'div',
                   {
-                    fade: props.animation,
+                    class: [
+                      'popover',
+                      'bs-popover-auto',
+                      {
+                        fade: props.animation,
+                      },
+                    ],
+                    ref: popoverRef,
+                    role: 'tooltip',
+                    ...attrs,
                   },
-                ],
-                ref: popoverRef,
-                role: 'tooltip',
-                ...attrs,
-              },
-              [
-                h('div', { class: 'popover-arrow' }),
-                (props.title || slots.title) &&
-                  h(
-                    'div',
-                    { class: 'popover-header' },
-                    {
-                      default: () => (slots.title && slots.title()) || props.title,
-                    },
-                  ),
-                (props.content || slots.content) &&
-                  h(
-                    'div',
-                    { class: 'popover-body' },
-                    {
-                      default: () => (slots.content && slots.content()) || props.content,
-                    },
-                  ),
-              ],
+                  [
+                    h('div', { class: 'popover-arrow' }),
+                    (props.title || slots.title) &&
+                      h(
+                        'div',
+                        { class: 'popover-header' },
+                        {
+                          default: () => (slots.title && slots.title()) || props.title,
+                        },
+                      ),
+                    (props.content || slots.content) &&
+                      h(
+                        'div',
+                        { class: 'popover-body' },
+                        {
+                          default: () => (slots.content && slots.content()) || props.content,
+                        },
+                      ),
+                  ],
+                ),
             ),
-        ),
+        },
       ),
       slots.toggler &&
         slots.toggler({
diff --git a/packages/coreui-vue/src/components/tooltip/CTooltip.ts b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
index 86c7180a..22046fdc 100644
--- a/packages/coreui-vue/src/components/tooltip/CTooltip.ts
+++ b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
@@ -1,6 +1,7 @@
-import { defineComponent, h, PropType, ref, RendererElement, Teleport, Transition } from 'vue'
+import { defineComponent, h, PropType, ref, RendererElement, Transition } from 'vue'
 import type { Placement } from '@popperjs/core'
 
+import { CConditionalTeleport } from '../conditional-teleport'
 import { usePopper } from '../../composables'
 import type { Placements, Triggers } from '../../types'
 import { executeAfterTransition } from '../../utils/transition'
@@ -18,6 +19,17 @@ const CTooltip = defineComponent({
       type: Boolean,
       default: true,
     },
+    /**
+     * Appends the vue tooltip to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
+     *
+     * @since v5.0.0-beta.0
+     */
+    container: {
+      type: [HTMLElement, () => HTMLElement, String] as PropType<
+        HTMLElement | (() => HTMLElement) | string
+      >,
+      default: 'body',
+    },
     /**
      * Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`
      */
@@ -164,45 +176,49 @@ const CTooltip = defineComponent({
 
     return () => [
       h(
-        Teleport,
+        CConditionalTeleport,
         {
-          to: 'body',
+          container: props.container,
+          teleport: true,
         },
-        h(
-          Transition,
-          {
-            onEnter: (el, done) => handleEnter(el, done),
-            onLeave: (el, done) => handleLeave(el, done),
-          },
-          () =>
-            visible.value &&
+        {
+          default: () =>
             h(
-              'div',
+              Transition,
               {
-                class: [
-                  'tooltip',
-                  'bs-tooltip-auto',
+                onEnter: (el, done) => handleEnter(el, done),
+                onLeave: (el, done) => handleLeave(el, done),
+              },
+              () =>
+                visible.value &&
+                h(
+                  'div',
                   {
-                    fade: props.animation,
+                    class: [
+                      'tooltip',
+                      'bs-tooltip-auto',
+                      {
+                        fade: props.animation,
+                      },
+                    ],
+                    ref: tooltipRef,
+                    role: 'tooltip',
+                    ...attrs,
                   },
-                ],
-                ref: tooltipRef,
-                role: 'tooltip',
-                ...attrs,
-              },
-              [
-                h('div', { class: 'tooltip-arrow' }),
-                (props.content || slots.content) &&
-                  h(
-                    'div',
-                    { class: 'tooltip-inner' },
-                    {
-                      default: () => (slots.content && slots.content()) || props.content,
-                    },
-                  ),
-              ],
+                  [
+                    h('div', { class: 'tooltip-arrow' }),
+                    (props.content || slots.content) &&
+                      h(
+                        'div',
+                        { class: 'tooltip-inner' },
+                        {
+                          default: () => (slots.content && slots.content()) || props.content,
+                        },
+                      ),
+                  ],
+                ),
             ),
-        ),
+        },
       ),
       slots.toggler &&
         slots.toggler({
diff --git a/packages/docs/api/conditional-teleport/CConditionalTeleport.api.md b/packages/docs/api/conditional-teleport/CConditionalTeleport.api.md
new file mode 100644
index 00000000..81c68676
--- /dev/null
+++ b/packages/docs/api/conditional-teleport/CConditionalTeleport.api.md
@@ -0,0 +1,14 @@
+### CConditionalTeleport
+
+```jsx
+import { CConditionalTeleport } from '@coreui/vue'
+// or
+import CConditionalTeleport from '@coreui/vue/src/components/conditional-teleport/CConditionalTeleport'
+```
+
+#### Props
+
+| Prop name                                                            | Description                                                                                     | Type                                         | Values | Default |
+| -------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------- | -------------------------------------------- | ------ | ------- |
+| **container** <br><div class="badge bg-primary">v5.0.0-beta.0+</div> | An HTML element or function that returns a single element, with `document.body` as the default. | HTMLElement \| (() => HTMLElement) \| string | -      | 'body'  |
+| **teleport**                                                         | Render some children into a different part of the DOM                                           | boolean                                      | -      | true    |
diff --git a/packages/docs/api/dropdown/CDropdown.api.md b/packages/docs/api/dropdown/CDropdown.api.md
index 80c1de1d..74f34cc5 100644
--- a/packages/docs/api/dropdown/CDropdown.api.md
+++ b/packages/docs/api/dropdown/CDropdown.api.md
@@ -8,19 +8,21 @@ import CDropdown from '@coreui/vue/src/components/dropdown/CDropdown'
 
 #### Props
 
-| Prop name                                                 | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | Type                 | Values                                                                                                                                                                                        | Default        |
-| --------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- |
-| **alignment**                                             | Set aligment of dropdown menu.                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | string \| Alignments | `{ 'start' \| 'end' \| { xs: 'start' \| 'end' } \| { sm: 'start' \| 'end' } \| { md: 'start' \| 'end' } \| { lg: 'start' \| 'end' } \| { xl: 'start' \| 'end'} \| { xxl: 'start' \| 'end'} }` | -              |
-| **auto-close**                                            | Configure the auto close behavior of the dropdown:<br>- `true` - the dropdown will be closed by clicking outside or inside the dropdown menu.<br>- `false` - the dropdown will be closed by clicking the toggle button and manually calling hide or toggle method. (Also will not be closed by pressing esc key)<br>- `'inside'` - the dropdown will be closed (only) by clicking inside the dropdown menu.<br>- `'outside'` - the dropdown will be closed (only) by clicking outside the dropdown menu. | boolean\|string      | -                                                                                                                                                                                             | true           |
-| **dark**                                                  | Sets a darker color scheme to match a dark navbar.                                                                                                                                                                                                                                                                                                                                                                                                                                                       | boolean              | -                                                                                                                                                                                             | -              |
-| **direction**                                             | Sets a specified direction and location of the dropdown menu.                                                                                                                                                                                                                                                                                                                                                                                                                                            | string               | `'center'`, `'dropup'`, `'dropup-center'`, `'dropend'`, `'dropstart'`                                                                                                                         | -              |
-| **disabled**                                              | Toggle the disabled state for the component.                                                                                                                                                                                                                                                                                                                                                                                                                                                             | boolean              | -                                                                                                                                                                                             | -              |
-| **offset** <br><div class="badge bg-primary">4.9.0+</div> | Offset of the dropdown menu relative to its target.                                                                                                                                                                                                                                                                                                                                                                                                                                                      | array                | -                                                                                                                                                                                             | [0, 2]         |
-| **placement**                                             | Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.                                                                                                                                                                                                                                                                                                                                     | Placement            | `'auto'`, `'top-end'`, `'top'`, `'top-start'`, `'bottom-end'`, `'bottom'`, `'bottom-start'`, `'right-start'`, `'right'`, `'right-end'`, `'left-start'`, `'left'`, `'left-end'`                | 'bottom-start' |
-| **popper**                                                | If you want to disable dynamic positioning set this property to `true`.                                                                                                                                                                                                                                                                                                                                                                                                                                  | boolean              | -                                                                                                                                                                                             | true           |
-| **trigger**                                               | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.                                                                                                                                                                                                                                                                                                                                                                                      | Triggers             | -                                                                                                                                                                                             | 'click'        |
-| **variant**                                               | Set the dropdown variant to an btn-group, dropdown, input-group, and nav-item.                                                                                                                                                                                                                                                                                                                                                                                                                           | string               | `'btn-group'`, `'dropdown'`, `'input-group'`, `'nav-item'`                                                                                                                                    | 'btn-group'    |
-| **visible**                                               | Toggle the visibility of dropdown menu component.                                                                                                                                                                                                                                                                                                                                                                                                                                                        | boolean              | -                                                                                                                                                                                             | -              |
+| Prop name                                                            | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | Type                                         | Values                                                                                                                                                                                        | Default        |
+| -------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- |
+| **alignment**                                                        | Set aligment of dropdown menu.                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | string \| Alignments                         | `{ 'start' \| 'end' \| { xs: 'start' \| 'end' } \| { sm: 'start' \| 'end' } \| { md: 'start' \| 'end' } \| { lg: 'start' \| 'end' } \| { xl: 'start' \| 'end'} \| { xxl: 'start' \| 'end'} }` | -              |
+| **auto-close**                                                       | Configure the auto close behavior of the dropdown:<br>- `true` - the dropdown will be closed by clicking outside or inside the dropdown menu.<br>- `false` - the dropdown will be closed by clicking the toggle button and manually calling hide or toggle method. (Also will not be closed by pressing esc key)<br>- `'inside'` - the dropdown will be closed (only) by clicking inside the dropdown menu.<br>- `'outside'` - the dropdown will be closed (only) by clicking outside the dropdown menu. | boolean\|string                              | -                                                                                                                                                                                             | true           |
+| **container** <br><div class="badge bg-primary">v5.0.0-beta.0+</div> | Appends the vue dropdown menu to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                                                                                                                                                                                                                                                                 | HTMLElement \| (() => HTMLElement) \| string | -                                                                                                                                                                                             | 'body'         |
+| **dark**                                                             | Sets a darker color scheme to match a dark navbar.                                                                                                                                                                                                                                                                                                                                                                                                                                                       | boolean                                      | -                                                                                                                                                                                             | -              |
+| **direction**                                                        | Sets a specified direction and location of the dropdown menu.                                                                                                                                                                                                                                                                                                                                                                                                                                            | string                                       | `'center'`, `'dropup'`, `'dropup-center'`, `'dropend'`, `'dropstart'`                                                                                                                         | -              |
+| **disabled**                                                         | Toggle the disabled state for the component.                                                                                                                                                                                                                                                                                                                                                                                                                                                             | boolean                                      | -                                                                                                                                                                                             | -              |
+| **offset** <br><div class="badge bg-primary">4.9.0+</div>            | Offset of the dropdown menu relative to its target.                                                                                                                                                                                                                                                                                                                                                                                                                                                      | array                                        | -                                                                                                                                                                                             | [0, 2]         |
+| **placement**                                                        | Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.                                                                                                                                                                                                                                                                                                                                     | Placement                                    | `'auto'`, `'top-end'`, `'top'`, `'top-start'`, `'bottom-end'`, `'bottom'`, `'bottom-start'`, `'right-start'`, `'right'`, `'right-end'`, `'left-start'`, `'left'`, `'left-end'`                | 'bottom-start' |
+| **popper**                                                           | If you want to disable dynamic positioning set this property to `true`.                                                                                                                                                                                                                                                                                                                                                                                                                                  | boolean                                      | -                                                                                                                                                                                             | true           |
+| **teleport** <br><div class="badge bg-primary">v5.0.0-beta.0+</div>  | Generates dropdown menu using Teleport.                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | boolean                                      | -                                                                                                                                                                                             | false          |
+| **trigger**                                                          | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.                                                                                                                                                                                                                                                                                                                                                                                      | Triggers                                     | -                                                                                                                                                                                             | 'click'        |
+| **variant**                                                          | Set the dropdown variant to an btn-group, dropdown, input-group, and nav-item.                                                                                                                                                                                                                                                                                                                                                                                                                           | string                                       | `'btn-group'`, `'dropdown'`, `'input-group'`, `'nav-item'`                                                                                                                                    | 'btn-group'    |
+| **visible**                                                          | Toggle the visibility of dropdown menu component.                                                                                                                                                                                                                                                                                                                                                                                                                                                        | boolean                                      | -                                                                                                                                                                                             | -              |
 
 #### Events
 
diff --git a/packages/docs/api/dropdown/CDropdownToggle.api.md b/packages/docs/api/dropdown/CDropdownToggle.api.md
index 14987eae..ab7c7d4c 100644
--- a/packages/docs/api/dropdown/CDropdownToggle.api.md
+++ b/packages/docs/api/dropdown/CDropdownToggle.api.md
@@ -8,15 +8,15 @@ import CDropdownToggle from '@coreui/vue/src/components/dropdown/CDropdownToggle
 
 #### Props
 
-| Prop name     | Description                                                                                                                                                                                                   | Type     | Values                                                                                          | Default  |
-| ------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------------------------------------------------------------------------------------------- | -------- |
-| **active**    | Toggle the active state for the component.                                                                                                                                                                    | boolean  | -                                                                                               | -        |
-| **color**     | Sets the color context of the component to one of CoreUI’s themed colors.                                                                                                                                     | string   | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | -        |
-| **caret**     | Enables pseudo element caret on toggler.                                                                                                                                                                      | boolean  | -                                                                                               | true     |
-| **component** | Component used for the root node. Either a string to use a HTML element or a component.                                                                                                                       | string   | -                                                                                               | 'button' |
-| **custom**    | Create a custom toggler which accepts any content.                                                                                                                                                            | boolean  | -                                                                                               | -        |
-| **disabled**  | Toggle the disabled state for the component.                                                                                                                                                                  | boolean  | -                                                                                               | -        |
-| **size**      | Size the component small or large.                                                                                                                                                                            | string   | `'sm'`, `'lg'`                                                                                  | -        |
-| **split**     | Similarly, create split button dropdowns with virtually the same markup as single button dropdowns, but with the addition of `.dropdown-toggle-split` className for proper spacing around the dropdown caret. | boolean  | -                                                                                               | -        |
-| **trigger**   | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.<br/>`@type` 'hover' \| 'focus' \| 'click'                                                 | Triggers | -                                                                                               | 'click'  |
-| **variant**   | Set the button variant to an outlined button or a ghost button.                                                                                                                                               | string   | `'ghost'`, `'outline'`                                                                          | -        |
+| Prop name                                                            | Description                                                                                                                                                                                                   | Type     | Values                                                                                          | Default  |
+| -------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------------------------------------------------------------------------------------------- | -------- |
+| **color**                                                            | Sets the color context of the component to one of CoreUI’s themed colors.                                                                                                                                     | string   | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | -        |
+| **caret**                                                            | Enables pseudo element caret on toggler.                                                                                                                                                                      | boolean  | -                                                                                               | true     |
+| **component**                                                        | Component used for the root node. Either a string to use a HTML element or a component.                                                                                                                       | string   | -                                                                                               | 'button' |
+| **custom**                                                           | Create a custom toggler which accepts any content.                                                                                                                                                            | boolean  | -                                                                                               | -        |
+| **disabled**                                                         | Toggle the disabled state for the component.                                                                                                                                                                  | boolean  | -                                                                                               | -        |
+| **nav-link** <br><div class="badge bg-primary">v5.0.0-alpha.1+</div> | If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.                                                                                                           | boolean  | -                                                                                               | true     |
+| **size**                                                             | Size the component small or large.                                                                                                                                                                            | string   | `'sm'`, `'lg'`                                                                                  | -        |
+| **split**                                                            | Similarly, create split button dropdowns with virtually the same markup as single button dropdowns, but with the addition of `.dropdown-toggle-split` className for proper spacing around the dropdown caret. | boolean  | -                                                                                               | -        |
+| **trigger**                                                          | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.<br/>`@type` 'hover' \| 'focus' \| 'click'                                                 | Triggers | -                                                                                               | 'click'  |
+| **variant**                                                          | Set the button variant to an outlined button or a ghost button.                                                                                                                                               | string   | `'ghost'`, `'outline'`                                                                          | -        |
diff --git a/packages/docs/api/popover/CPopover.api.md b/packages/docs/api/popover/CPopover.api.md
index 648449b9..e4b5bdc1 100644
--- a/packages/docs/api/popover/CPopover.api.md
+++ b/packages/docs/api/popover/CPopover.api.md
@@ -8,17 +8,18 @@ import CPopover from '@coreui/vue/src/components/popover/CPopover'
 
 #### Props
 
-| Prop name                                                              | Description                                                                                                                                                                                                                                                     | Type                                     | Values                          | Default                                  |
-| ---------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------- | ------------------------------- | ---------------------------------------- |
-| **animation** <br><div class="badge bg-primary">4.9.0+</div>           | Apply a CSS fade transition to the popover.                                                                                                                                                                                                                     | boolean                                  | -                               | true                                     |
-| **content**                                                            | Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`                                                                                                                                  | string                                   | -                               | -                                        |
-| **delay** <br><div class="badge bg-primary">4.9.0+</div>               | The delay for displaying and hiding the popover (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`. | number \| { show: number; hide: number } | -                               | 0                                        |
-| **fallback-placements** <br><div class="badge bg-primary">4.9.0+</div> | Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.                                                                                                       | Placements \| Placements[]               | -                               | () => ['top', 'right', 'bottom', 'left'] |
-| **offset**                                                             | Offset of the popover relative to its target.                                                                                                                                                                                                                   | array                                    | -                               | [0, 8]                                   |
-| **placement**                                                          | Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.                                                                                            | Placement                                | -                               | 'top'                                    |
-| **title**                                                              | Title for your component. If you want to pass non-string value please use dedicated slot `<template #title>...</template>`                                                                                                                                      | string                                   | -                               | -                                        |
-| **trigger**                                                            | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.                                                                                                                                             | Triggers \| Triggers[]                   | `'click'`, `'focus'`, `'hover'` | 'click'                                  |
-| **visible**                                                            | Toggle the visibility of popover component.                                                                                                                                                                                                                     | boolean                                  | -                               | -                                        |
+| Prop name                                                              | Description                                                                                                                                                                                                                                                     | Type                                         | Values                          | Default                                  |
+| ---------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | ------------------------------- | ---------------------------------------- |
+| **animation** <br><div class="badge bg-primary">4.9.0+</div>           | Apply a CSS fade transition to the popover.                                                                                                                                                                                                                     | boolean                                      | -                               | true                                     |
+| **container** <br><div class="badge bg-primary">v5.0.0-beta.0+</div>   | Appends the vue popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                              | HTMLElement \| (() => HTMLElement) \| string | -                               | 'body'                                   |
+| **content**                                                            | Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`                                                                                                                                  | string                                       | -                               | -                                        |
+| **delay** <br><div class="badge bg-primary">4.9.0+</div>               | The delay for displaying and hiding the popover (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`. | number \| { show: number; hide: number }     | -                               | 0                                        |
+| **fallback-placements** <br><div class="badge bg-primary">4.9.0+</div> | Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.                                                                                                       | Placements \| Placements[]                   | -                               | () => ['top', 'right', 'bottom', 'left'] |
+| **offset**                                                             | Offset of the popover relative to its target.                                                                                                                                                                                                                   | array                                        | -                               | [0, 8]                                   |
+| **placement**                                                          | Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.                                                                                            | Placement                                    | -                               | 'top'                                    |
+| **title**                                                              | Title for your component. If you want to pass non-string value please use dedicated slot `<template #title>...</template>`                                                                                                                                      | string                                       | -                               | -                                        |
+| **trigger**                                                            | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.                                                                                                                                             | Triggers \| Triggers[]                       | `'click'`, `'focus'`, `'hover'` | 'click'                                  |
+| **visible**                                                            | Toggle the visibility of popover component.                                                                                                                                                                                                                     | boolean                                      | -                               | -                                        |
 
 #### Events
 
diff --git a/packages/docs/api/tooltip/CTooltip.api.md b/packages/docs/api/tooltip/CTooltip.api.md
index 8279d9d3..ead95837 100644
--- a/packages/docs/api/tooltip/CTooltip.api.md
+++ b/packages/docs/api/tooltip/CTooltip.api.md
@@ -8,16 +8,17 @@ import CTooltip from '@coreui/vue/src/components/tooltip/CTooltip'
 
 #### Props
 
-| Prop name                                                              | Description                                                                                                                                                                                                                                                     | Type                                     | Values                          | Default                                  |
-| ---------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------- | ------------------------------- | ---------------------------------------- |
-| **animation** <br><div class="badge bg-primary">4.9.0+</div>           | Apply a CSS fade transition to the tooltip.                                                                                                                                                                                                                     | boolean                                  | -                               | true                                     |
-| **content**                                                            | Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`                                                                                                                                  | string                                   | -                               | -                                        |
-| **delay** <br><div class="badge bg-primary">4.9.0+</div>               | The delay for displaying and hiding the popover (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`. | number \| { show: number; hide: number } | -                               | 0                                        |
-| **fallback-placements** <br><div class="badge bg-primary">4.9.0+</div> | Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.                                                                                                       | Placements \| Placements[]               | -                               | () => ['top', 'right', 'bottom', 'left'] |
-| **offset**                                                             | Offset of the tooltip relative to its target.                                                                                                                                                                                                                   | array                                    | -                               | [0, 6]                                   |
-| **placement**                                                          | Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.                                                                                            | Placement                                | -                               | 'top'                                    |
-| **trigger**                                                            | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.                                                                                                                                             | Triggers \| Triggers[]                   | `'click'`, `'focus'`, `'hover'` | () => ['hover', 'focus']                 |
-| **visible**                                                            | Toggle the visibility of tooltip component.                                                                                                                                                                                                                     | boolean                                  | -                               | -                                        |
+| Prop name                                                              | Description                                                                                                                                                                                                                                                     | Type                                         | Values                          | Default                                  |
+| ---------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | ------------------------------- | ---------------------------------------- |
+| **animation** <br><div class="badge bg-primary">4.9.0+</div>           | Apply a CSS fade transition to the tooltip.                                                                                                                                                                                                                     | boolean                                      | -                               | true                                     |
+| **container** <br><div class="badge bg-primary">v5.0.0-beta.0+</div>   | Appends the vue tooltip to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                              | HTMLElement \| (() => HTMLElement) \| string | -                               | 'body'                                   |
+| **content**                                                            | Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`                                                                                                                                  | string                                       | -                               | -                                        |
+| **delay** <br><div class="badge bg-primary">4.9.0+</div>               | The delay for displaying and hiding the popover (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`. | number \| { show: number; hide: number }     | -                               | 0                                        |
+| **fallback-placements** <br><div class="badge bg-primary">4.9.0+</div> | Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.                                                                                                       | Placements \| Placements[]                   | -                               | () => ['top', 'right', 'bottom', 'left'] |
+| **offset**                                                             | Offset of the tooltip relative to its target.                                                                                                                                                                                                                   | array                                        | -                               | [0, 6]                                   |
+| **placement**                                                          | Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.                                                                                            | Placement                                    | -                               | 'top'                                    |
+| **trigger**                                                            | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.                                                                                                                                             | Triggers \| Triggers[]                       | `'click'`, `'focus'`, `'hover'` | () => ['hover', 'focus']                 |
+| **visible**                                                            | Toggle the visibility of tooltip component.                                                                                                                                                                                                                     | boolean                                      | -                               | -                                        |
 
 #### Events
 

From 6a6f8e44f2433ad97f32811ab2fe6c990f8bd520 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Fri, 3 Nov 2023 15:18:29 +0100
Subject: [PATCH 208/346] docs: update API documentation

---
 .../docs/api/close-button/CCloseButton.api.md |  1 +
 packages/docs/api/form/CFormCheck.api.md      |  4 +--
 packages/docs/api/modal/CModal.api.md         | 25 ++++++++++---------
 packages/docs/api/nav/CNav.api.md             | 10 ++++----
 packages/docs/api/offcanvas/COffcanvas.api.md |  1 +
 packages/docs/api/progress/CProgress.api.md   | 15 +++++++----
 .../docs/api/progress/CProgressStacked.api.md |  7 ++++++
 7 files changed, 39 insertions(+), 24 deletions(-)
 create mode 100644 packages/docs/api/progress/CProgressStacked.api.md

diff --git a/packages/docs/api/close-button/CCloseButton.api.md b/packages/docs/api/close-button/CCloseButton.api.md
index f6da7a9a..631cdaf2 100644
--- a/packages/docs/api/close-button/CCloseButton.api.md
+++ b/packages/docs/api/close-button/CCloseButton.api.md
@@ -10,6 +10,7 @@ import CCloseButton from '@coreui/vue/src/components/close-button/CCloseButton'
 
 | Prop name    | Description                                  | Type    | Values | Default |
 | ------------ | -------------------------------------------- | ------- | ------ | ------- |
+| **dark**     | Invert the default color.                    | boolean | -      | -       |
 | **disabled** | Toggle the disabled state for the component. | boolean | -      | -       |
 | **white**    | Change the default color to white.           | boolean | -      | -       |
 
diff --git a/packages/docs/api/form/CFormCheck.api.md b/packages/docs/api/form/CFormCheck.api.md
index 681dfd10..1d906212 100644
--- a/packages/docs/api/form/CFormCheck.api.md
+++ b/packages/docs/api/form/CFormCheck.api.md
@@ -11,7 +11,7 @@ import CFormCheck from '@coreui/vue/src/components/form/CFormCheck'
 | Prop name                                                           | Description                                                                                                                                                 | Type                   | Values                  | Default    |
 | ------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------- | ----------------------- | ---------- |
 | **button**                                                          | Create button-like checkboxes and radio buttons.<br/>`@see` http://coreui.io/vue/docs/components/button.html                                                | object                 | -                       | -          |
-| **false-value** <br><div class="badge bg-primary">4.9.0+</div>      | Use in conjunction with the v-model directive to specify the value that should be assigned to the bound variable when the checkbox is in the `false` state. | string                 | -                       | -          |
+| **false-value** <br><div class="badge bg-primary">4.10.0+</div>     | Use in conjunction with the v-model directive to specify the value that should be assigned to the bound variable when the checkbox is in the `false` state. | string                 | -                       | -          |
 | **feedback** <br><div class="badge bg-primary">4.3.0+</div>         | Provide valuable, actionable feedback.                                                                                                                      | string                 | -                       | -          |
 | **feedback-invalid** <br><div class="badge bg-primary">4.3.0+</div> | Provide valuable, actionable feedback.                                                                                                                      | string                 | -                       | -          |
 | **feedback-valid** <br><div class="badge bg-primary">4.3.0+</div>   | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.       | string                 | -                       | -          |
@@ -24,7 +24,7 @@ import CFormCheck from '@coreui/vue/src/components/form/CFormCheck'
 | **model-value**                                                     | The default name for a value passed using v-model.                                                                                                          | array\|boolean\|string | -                       | -          |
 | **reverse** <br><div class="badge bg-primary">4.8.0+</div>          | Put checkboxes or radios on the opposite side.                                                                                                              | boolean                | -                       | -          |
 | **tooltip-feedback** <br><div class="badge bg-primary">4.3.0+</div> | Display validation feedback in a styled tooltip.                                                                                                            | boolean                | -                       | -          |
-| **true-value** <br><div class="badge bg-primary">4.9.0+</div>       | Use in conjunction with the v-model directive to specify the value that should be assigned to the bound variable when the checkbox is in the `true` state.  | string                 | -                       | -          |
+| **true-value** <br><div class="badge bg-primary">4.10.0+</div>      | Use in conjunction with the v-model directive to specify the value that should be assigned to the bound variable when the checkbox is in the `true` state.  | string                 | -                       | -          |
 | **type**                                                            | Specifies the type of component.                                                                                                                            | string                 | `'checkbox'`, `'radio'` | 'checkbox' |
 | **valid**                                                           | Set component validation state to valid.                                                                                                                    | boolean                | -                       | -          |
 | **value**                                                           | The value attribute of component.                                                                                                                           | string                 | -                       | -          |
diff --git a/packages/docs/api/modal/CModal.api.md b/packages/docs/api/modal/CModal.api.md
index 7485e03c..f6fbebf4 100644
--- a/packages/docs/api/modal/CModal.api.md
+++ b/packages/docs/api/modal/CModal.api.md
@@ -8,18 +8,19 @@ import CModal from '@coreui/vue/src/components/modal/CModal'
 
 #### Props
 
-| Prop name              | Description                                                                                                                        | Type            | Values                                             | Default |
-| ---------------------- | ---------------------------------------------------------------------------------------------------------------------------------- | --------------- | -------------------------------------------------- | ------- |
-| **alignment**          | Align the modal in the center or top of the screen.                                                                                | string          | `'top'`, `'center'`                                | 'top'   |
-| **backdrop**           | Apply a backdrop on body while offcanvas is open.                                                                                  | boolean\|string | `boolean \| 'static'`                              | true    |
-| **content-class-name** | A string of all className you want applied to the modal content component.                                                         | string          | -                                                  | -       |
-| **fullscreen**         | Set modal to covers the entire user viewport                                                                                       | boolean\|string | `boolean`, `'sm'`, `'md'`, `'lg'`, `'xl'`, `'xxl'` | -       |
-| **keyboard**           | Closes the modal when escape key is pressed.                                                                                       | boolean         | -                                                  | true    |
-| **scrollable**         | Create a scrollable modal that allows scrolling the modal body.                                                                    | boolean         | -                                                  | -       |
-| **size**               | Size the component small, large, or extra large.                                                                                   | string          | `'sm'`, `'lg'`, `'xl'`                             | -       |
-| **transition**         | Remove animation to create modal that simply appear rather than fade in to view.                                                   | boolean         | -                                                  | true    |
-| **unmount-on-close**   | By default the component is unmounted after close animation, if you want to keep the component mounted set this property to false. | boolean         | -                                                  | true    |
-| **visible**            | Toggle the visibility of alert component.                                                                                          | boolean         | -                                                  | -       |
+| Prop name                                                         | Description                                                                                                                        | Type            | Values                                             | Default |
+| ----------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- | --------------- | -------------------------------------------------- | ------- |
+| **alignment**                                                     | Align the modal in the center or top of the screen.                                                                                | string          | `'top'`, `'center'`                                | 'top'   |
+| **backdrop**                                                      | Apply a backdrop on body while offcanvas is open.                                                                                  | boolean\|string | `boolean \| 'static'`                              | true    |
+| **content-class-name**                                            | A string of all className you want applied to the modal content component.                                                         | string          | -                                                  | -       |
+| **focus** <br><div class="badge bg-primary">v5.0.0-alpha.1+</div> | Puts the focus on the modal when shown.                                                                                            | boolean         | -                                                  | true    |
+| **fullscreen**                                                    | Set modal to covers the entire user viewport                                                                                       | boolean\|string | `boolean`, `'sm'`, `'md'`, `'lg'`, `'xl'`, `'xxl'` | -       |
+| **keyboard**                                                      | Closes the modal when escape key is pressed.                                                                                       | boolean         | -                                                  | true    |
+| **scrollable**                                                    | Create a scrollable modal that allows scrolling the modal body.                                                                    | boolean         | -                                                  | -       |
+| **size**                                                          | Size the component small, large, or extra large.                                                                                   | string          | `'sm'`, `'lg'`, `'xl'`                             | -       |
+| **transition**                                                    | Remove animation to create modal that simply appear rather than fade in to view.                                                   | boolean         | -                                                  | true    |
+| **unmount-on-close**                                              | By default the component is unmounted after close animation, if you want to keep the component mounted set this property to false. | boolean         | -                                                  | true    |
+| **visible**                                                       | Toggle the visibility of alert component.                                                                                          | boolean         | -                                                  | -       |
 
 #### Events
 
diff --git a/packages/docs/api/nav/CNav.api.md b/packages/docs/api/nav/CNav.api.md
index 249b3f6b..787a3ac5 100644
--- a/packages/docs/api/nav/CNav.api.md
+++ b/packages/docs/api/nav/CNav.api.md
@@ -8,8 +8,8 @@ import CNav from '@coreui/vue/src/components/nav/CNav'
 
 #### Props
 
-| Prop name     | Description                                                                             | Type   | Values                  | Default |
-| ------------- | --------------------------------------------------------------------------------------- | ------ | ----------------------- | ------- |
-| **component** | Component used for the root node. Either a string to use a HTML element or a component. | string | -                       | 'ul'    |
-| **layout**    | Specify a layout type for component.                                                    | string | `'fill'`, `'justified'` | -       |
-| **variant**   | Set the nav variant to tabs or pills.                                                   | string | `'tabs'`, `'pills'`     | -       |
+| Prop name     | Description                                                                             | Type   | Values                                                   | Default |
+| ------------- | --------------------------------------------------------------------------------------- | ------ | -------------------------------------------------------- | ------- |
+| **component** | Component used for the root node. Either a string to use a HTML element or a component. | string | -                                                        | 'ul'    |
+| **layout**    | Specify a layout type for component.                                                    | string | `'fill'`, `'justified'`                                  | -       |
+| **variant**   | Set the nav variant to tabs or pills.                                                   | string | `'pills'`, `'tabs'`, `'underline'`, `'underline-border'` | -       |
diff --git a/packages/docs/api/offcanvas/COffcanvas.api.md b/packages/docs/api/offcanvas/COffcanvas.api.md
index ec04f04e..130ab67f 100644
--- a/packages/docs/api/offcanvas/COffcanvas.api.md
+++ b/packages/docs/api/offcanvas/COffcanvas.api.md
@@ -11,6 +11,7 @@ import COffcanvas from '@coreui/vue/src/components/offcanvas/COffcanvas'
 | Prop name                                                     | Description                                                                                           | Type            | Values                                             | Default |
 | ------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------- | --------------- | -------------------------------------------------- | ------- |
 | **backdrop**                                                  | Apply a backdrop on body while offcanvas is open.                                                     | boolean\|string | `boolean \| 'static'`                              | true    |
+| **dark**                                                      | Sets a darker color scheme.                                                                           | boolean         | -                                                  | -       |
 | **keyboard**                                                  | Closes the offcanvas when escape key is pressed.                                                      | boolean         | -                                                  | true    |
 | **placement**                                                 | Components placement, there’s no default placement.                                                   | string          | `'start'`, `'end'`, `'top'`, `'bottom'`            | -       |
 | **responsive** <br><div class="badge bg-primary">4.7.0+</div> | Responsive offcanvas property hide content outside the viewport from a specified breakpoint and down. | boolean\|string | `boolean \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'xxl'` | true    |
diff --git a/packages/docs/api/progress/CProgress.api.md b/packages/docs/api/progress/CProgress.api.md
index 3621fe13..a0023313 100644
--- a/packages/docs/api/progress/CProgress.api.md
+++ b/packages/docs/api/progress/CProgress.api.md
@@ -8,8 +8,13 @@ import CProgress from '@coreui/vue/src/components/progress/CProgress'
 
 #### Props
 
-| Prop name  | Description                                                                                                               | Type    | Values | Default |
-| ---------- | ------------------------------------------------------------------------------------------------------------------------- | ------- | ------ | ------- |
-| **height** | Sets the height of the component. If you set that value the inner `<CProgressBar>` will automatically resize accordingly. | number  | -      | -       |
-| **thin**   | Makes progress bar thinner.                                                                                               | boolean | -      | -       |
-| **white**  | Change the default color to white.                                                                                        | boolean | -      | -       |
+| Prop name                                                                          | Description                                                                                                               | Type    | Values                                                                                          | Default |
+| ---------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------- | ------- | ----------------------------------------------------------------------------------------------- | ------- |
+| **animated**                                                                       | Use to animate the stripes right to left via CSS3 animations.                                                             | boolean | -                                                                                               | -       |
+| **color**                                                                          | Sets the color context of the component to one of CoreUI’s themed colors.                                                 | string  | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | -       |
+| **height**                                                                         | Sets the height of the component. If you set that value the inner `<CProgressBar>` will automatically resize accordingly. | number  | -                                                                                               | -       |
+| **progress-bar-class-name** <br><div class="badge bg-primary">5.0.0-alpha.1+</div> | A string of all className you want applied to the <CProgressBar/> component.                                              | string  | -                                                                                               | -       |
+| **thin**                                                                           | Makes progress bar thinner.                                                                                               | boolean | -                                                                                               | -       |
+| **value**                                                                          | The percent to progress the ProgressBar.                                                                                  | number  | -                                                                                               | 0       |
+| **variant**                                                                        | Set the progress bar variant to optional striped.                                                                         | string  | `'striped'`                                                                                     | -       |
+| **white**                                                                          | Change the default color to white.                                                                                        | boolean | -                                                                                               | -       |
diff --git a/packages/docs/api/progress/CProgressStacked.api.md b/packages/docs/api/progress/CProgressStacked.api.md
new file mode 100644
index 00000000..8faf5158
--- /dev/null
+++ b/packages/docs/api/progress/CProgressStacked.api.md
@@ -0,0 +1,7 @@
+### CProgressStacked
+
+```jsx
+import { CProgressStacked } from '@coreui/vue'
+// or
+import CProgressStacked from '@coreui/vue/src/components/progress/CProgressStacked'
+```

From 8fe559d0485cd68f9ce23dbaf34fca75d0e89c58 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Fri, 3 Nov 2023 15:44:51 +0100
Subject: [PATCH 209/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@typescript-eslint/eslint-plugin   ^6.9.0  →   ^6.9.1
@typescript-eslint/parser          ^6.9.0  →   ^6.9.1
eslint-plugin-unicorn             ^48.0.1  →  ^49.0.0
---
 package.json | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 0f72042f..ee90e89c 100644
--- a/package.json
+++ b/package.json
@@ -22,8 +22,8 @@
     "test:update": "npm-run-all charts:test:update icons:test:update lib:test:update"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^6.9.0",
-    "@typescript-eslint/parser": "^6.9.0",
+    "@typescript-eslint/eslint-plugin": "^6.9.1",
+    "@typescript-eslint/parser": "^6.9.1",
     "@vue/eslint-config-prettier": "^8.0.0",
     "@vue/eslint-config-typescript": "^12.0.0",
     "@vue/vue3-jest": "29.2.6",
@@ -31,7 +31,7 @@
     "eslint-plugin-prettier": "^5.0.1",
     "eslint-plugin-vue": "^9.18.1",
     "eslint-config-prettier": "^9.0.0",
-    "eslint-plugin-unicorn": "^48.0.1",
+    "eslint-plugin-unicorn": "^49.0.0",
     "lerna": "^7.4.2",
     "npm-run-all": "^4.1.5",
     "prettier": "^3.0.3"

From 59ec89c1bf3c38a3726aabbeaae02152bb86caa7 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Fri, 3 Nov 2023 15:46:36 +0100
Subject: [PATCH 210/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@types/jest  ^29.5.6  →  ^29.5.7
---
 packages/coreui-vue/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index 137aa2b7..b69e6c56 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -41,7 +41,7 @@
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-typescript": "^11.1.5",
-    "@types/jest": "^29.5.6",
+    "@types/jest": "^29.5.7",
     "@vue/test-utils": "^2.4.1",
     "@vue/vue3-jest": "29.2.6",
     "jest": "^29.7.0",

From f9307855a21b1dcb534ff0e265dcec647a000fac Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Fri, 3 Nov 2023 15:47:46 +0100
Subject: [PATCH 211/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@coreui/coreui  ^5.0.0-alpha.3  →  ^5.0.0-beta.1
---
 packages/docs/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/docs/package.json b/packages/docs/package.json
index 1906552b..86e147f8 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -9,7 +9,7 @@
   "license": "MIT",
   "devDependencies": {
     "@coreui/chartjs": "^3.1.2",
-    "@coreui/coreui": "^5.0.0-alpha.3",
+    "@coreui/coreui": "^5.0.0-beta.1",
     "@coreui/icons": "^3.0.1",
     "@coreui/icons-vue": "^2.0.0",
     "@coreui/utils": "^2.0.2",

From 50b17676d57b942a6237e9497f1998238c9261ef Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Fri, 3 Nov 2023 16:10:33 +0100
Subject: [PATCH 212/346] fix: resolve typescript warnings

---
 packages/coreui-vue/src/components/dropdown/utils.ts | 12 +++++++-----
 packages/coreui-vue/src/index.ts                     |  8 ++++++--
 tsconfig.json                                        |  1 -
 3 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/packages/coreui-vue/src/components/dropdown/utils.ts b/packages/coreui-vue/src/components/dropdown/utils.ts
index 7448eace..edddb0db 100644
--- a/packages/coreui-vue/src/components/dropdown/utils.ts
+++ b/packages/coreui-vue/src/components/dropdown/utils.ts
@@ -1,13 +1,15 @@
 import type { Placement } from '@popperjs/core'
 import type { Placements } from '../../types'
-import type { Alignments } from './types'
+import type { Alignments, Breakpoints } from './types'
 
-export const getAlignmentClassNames = (alignment: object | string) => {
+export const getAlignmentClassNames = (alignment: Alignments) => {
   const classNames: string[] = []
   if (typeof alignment === 'object') {
-    Object.keys(alignment).map((key) => {
-      classNames.push(`dropdown-menu${key === 'xs' ? '' : `-${key}`}-${alignment[key]}`)
-    })
+    for (const key in alignment) {
+      classNames.push(
+        `dropdown-menu${key === 'xs' ? '' : `-${key}`}-${alignment[key as keyof Breakpoints]}`,
+      )
+    }
   }
 
   if (typeof alignment === 'string') {
diff --git a/packages/coreui-vue/src/index.ts b/packages/coreui-vue/src/index.ts
index 262ecc6b..6b6bbeef 100644
--- a/packages/coreui-vue/src/index.ts
+++ b/packages/coreui-vue/src/index.ts
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { App } from 'vue'
 import * as Components from './components'
 import * as Directives from './directives'
@@ -5,11 +6,14 @@ import * as Directives from './directives'
 const CoreuiVue = {
   install: (app: App): void => {
     for (const key in Components) {
-      app.component(key, Components[key])
+      app.component(key, (Components as { [key: string]: any })[key])
     }
 
     for (const key in Directives) {
-      app.directive(Directives[key]['name'], Directives[key])
+      app.directive(
+        (Directives as { [key: string]: any })[key]['name'],
+        (Directives as { [key: string]: any })[key],
+      )
     }
   },
 }
diff --git a/tsconfig.json b/tsconfig.json
index d8923dca..d8830b53 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -15,7 +15,6 @@
     "noImplicitThis": true,
     "noImplicitAny": true,
     "strictNullChecks": true,
-    "suppressImplicitAnyIndexErrors": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "esModuleInterop": true,

From 7ec652b28f3a87e8ac4ea68131d3d27adb35be65 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Fri, 3 Nov 2023 22:20:22 +0100
Subject: [PATCH 213/346] build: add tree shaking support

---
 .eslintrc.js                          | 15 +++++--
 packages/coreui-vue/package.json      | 15 ++++---
 packages/coreui-vue/rollup.config.js  | 58 ---------------------------
 packages/coreui-vue/rollup.config.mjs | 52 ++++++++++++++++++++++++
 4 files changed, 74 insertions(+), 66 deletions(-)
 delete mode 100644 packages/coreui-vue/rollup.config.js
 create mode 100644 packages/coreui-vue/rollup.config.mjs

diff --git a/.eslintrc.js b/.eslintrc.js
index 9a8ebde1..1a4fb4a2 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -4,9 +4,6 @@ module.exports = {
     ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features
     sourceType: 'module', // Allows for the use of imports
     extraFileExtensions: ['.vue'],
-    ecmaFeatures: {
-      jsx: true,
-    },
   },
   extends: [
     'eslint:recommended',
@@ -29,6 +26,18 @@ module.exports = {
     'vue/require-default-prop': 'off',
   },
   overrides: [
+    {
+      files: ['**/*.mjs'],
+      env: {
+        "env": {
+          "browser": false,
+          "node": true
+        },
+        "parserOptions": {
+          "sourceType": "module"
+        },
+      },
+    },
     {
       files: ['**/__tests__/*.{j,t}s?(x)', '**/tests/unit/**/*.spec.{j,t}s?(x)'],
       env: {
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index b69e6c56..c5e36a66 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -23,15 +23,19 @@
   },
   "license": "MIT",
   "author": "The CoreUI Team (https://github.com/orgs/coreui/people)",
-  "main": "dist/index.js",
-  "module": "dist/index.es.js",
-  "types": "dist/index.d.ts",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "jsnext:main": "dist/esm/index.js",
+  "types": "dist/esm/index.d.ts",
   "files": [
     "dist/",
     "src/"
   ],
   "scripts": {
-    "build": "rollup -c --bundleConfigAsCjs",
+    "build": "npm-run-all clean build-*",
+    "build-cjs": "rollup --environment ESM:false --config",
+    "build-esm": "rollup --environment ESM:true --config",
+    "clean": "cross-env-shell \"rm -rf dist\"",
     "test": "jest --coverage",
     "test:clear": "jest --clearCache",
     "test:update": "jest --coverage --updateSnapshot"
@@ -44,9 +48,10 @@
     "@types/jest": "^29.5.7",
     "@vue/test-utils": "^2.4.1",
     "@vue/vue3-jest": "29.2.6",
+    "cross-env": "^7.0.3",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "rollup": "^3.29.4",
+    "rollup": "^4.2.0",
     "rollup-plugin-vue": "^6.0.0",
     "ts-jest": "^29.1.1",
     "typescript": "^5.2.2",
diff --git a/packages/coreui-vue/rollup.config.js b/packages/coreui-vue/rollup.config.js
deleted file mode 100644
index c4b5a462..00000000
--- a/packages/coreui-vue/rollup.config.js
+++ /dev/null
@@ -1,58 +0,0 @@
-import commonjs from '@rollup/plugin-commonjs'
-import typescript from '@rollup/plugin-typescript'
-import resolve from '@rollup/plugin-node-resolve'
-import vue from 'rollup-plugin-vue'
-import pkg from './package.json'
-
-const plugins = [
-  resolve({
-    dedupe: ['vue'],
-    extensions: ['.ts', '.json', '.vue'],
-  }),
-  typescript({
-    exclude: ['**/__tests__/**'],
-    tsconfig: './tsconfig.json',
-  }),
-  commonjs({
-    include: ['../../node_modules/**'],
-  }),
-]
-
-const external = ['vue']
-
-export default [
-  // ESM build to be used with webpack/rollup.
-  {
-    input: 'src/index.ts',
-    output: {
-      format: 'es',
-      file: pkg.module,
-      exports: 'named',
-      sourcemap: true,
-      sourcemapPathTransform: (relativeSourcePath) => {
-        return relativeSourcePath
-          .replace('../../node_modules/', '../')
-          .replace('../packages/coreui-vue', '..')
-      },
-    },
-    external,
-    plugins: [...plugins, vue()],
-  },
-  // SSR build.
-  {
-    input: 'src/index.ts',
-    output: {
-      format: 'cjs',
-      file: pkg.main,
-      exports: 'named',
-      sourcemap: true,
-      sourcemapPathTransform: (relativeSourcePath) => {
-        return relativeSourcePath
-          .replace('../../node_modules/', '../')
-          .replace('../packages/coreui-vue', '..')
-      },
-    },
-    external,
-    plugins: [...plugins, vue({ template: { optimizeSSR: true } })],
-  },
-]
diff --git a/packages/coreui-vue/rollup.config.mjs b/packages/coreui-vue/rollup.config.mjs
new file mode 100644
index 00000000..c47d4ac0
--- /dev/null
+++ b/packages/coreui-vue/rollup.config.mjs
@@ -0,0 +1,52 @@
+import commonjs from '@rollup/plugin-commonjs'
+import typescript from '@rollup/plugin-typescript'
+import resolve from '@rollup/plugin-node-resolve'
+import vue from 'rollup-plugin-vue'
+import { readFileSync } from 'node:fs'
+import { dirname } from 'node:path'
+
+const pkg = JSON.parse(readFileSync(new URL('package.json', import.meta.url)))
+
+const DIR_CJS = dirname(pkg.main)
+const DIR_ESM = dirname(pkg.module)
+const ESM = process.env.ESM === 'true'
+
+const plugins = [
+  resolve({
+    dedupe: ['vue'],
+    extensions: ['.ts', '.json', '.vue'],
+  }),
+  typescript({
+    exclude: ['**/__tests__/**'],
+    tsconfig: './tsconfig.json',
+    compilerOptions: {
+      declarationDir: ESM ? DIR_ESM : DIR_CJS,
+      outDir: ESM ? DIR_ESM : DIR_CJS,
+    },
+  }),
+  commonjs({
+    include: ['../../node_modules/**'],
+  }),
+  ESM ? vue({ template: { optimizeSSR: true } }) : vue(),
+]
+
+const external = ['@popperjs/core', 'vue']
+
+const rollupConfig = {
+  input: 'src/index.ts',
+  output: {
+    dir: ESM ? DIR_ESM : DIR_CJS,
+    format: ESM ? 'esm' : 'cjs',
+    exports: 'named',
+    preserveModules: true,
+    preserveModulesRoot: 'src',
+    sourcemap: true,
+    sourcemapPathTransform: (relativeSourcePath) => {
+      return relativeSourcePath.replace('../../node_modules/', '../').replace('../src/', 'src/')
+    },
+  },
+  external,
+  plugins,
+}
+
+export default rollupConfig

From ab47d011d2786192b4ce7eaa35d68000238b34d0 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sat, 4 Nov 2023 00:26:19 +0100
Subject: [PATCH 214/346] release: v5.0.0-beta.0

---
 README.md                                                    | 2 +-
 lerna.json                                                   | 2 +-
 packages/coreui-icons-vue                                    | 2 +-
 packages/coreui-vue-chartjs                                  | 2 +-
 packages/coreui-vue/package.json                             | 5 +++--
 .../coreui-vue/src/components/dropdown/CDropdownToggle.ts    | 2 +-
 packages/coreui-vue/src/components/modal/CModal.ts           | 2 +-
 packages/coreui-vue/src/components/progress/CProgress.ts     | 2 +-
 packages/docs/api/dropdown/CDropdownToggle.api.md            | 2 +-
 packages/docs/api/modal/CModal.api.md                        | 2 +-
 packages/docs/api/progress/CProgress.api.md                  | 2 +-
 packages/docs/package.json                                   | 2 +-
 12 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/README.md b/README.md
index 2d870a02..aada696b 100644
--- a/README.md
+++ b/README.md
@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.0.0-alpha.1.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.0.0-beta.0.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue`
diff --git a/lerna.json b/lerna.json
index e906d497..5fac67ab 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,6 +1,6 @@
 {
   "npmClient": "yarn",
   "packages": ["packages/*"],
-  "version": "5.0.0-alpha.1",
+  "version": "5.0.0-beta.0",
   "$schema": "node_modules/lerna/schemas/lerna-schema.json"
 }
diff --git a/packages/coreui-icons-vue b/packages/coreui-icons-vue
index 4caafa13..b5f44477 160000
--- a/packages/coreui-icons-vue
+++ b/packages/coreui-icons-vue
@@ -1 +1 @@
-Subproject commit 4caafa13b155f5f915c3a2a05dbd6d74a1ef8977
+Subproject commit b5f44477ddae0e06bb5c9adedcdcde1d2aa95713
diff --git a/packages/coreui-vue-chartjs b/packages/coreui-vue-chartjs
index cc734c3a..c0b1b966 160000
--- a/packages/coreui-vue-chartjs
+++ b/packages/coreui-vue-chartjs
@@ -1 +1 @@
-Subproject commit cc734c3abd6797191096be80e2b0429b37990f25
+Subproject commit c0b1b966fe9ac6e2d097860831b616fcb20342d4
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index c5e36a66..1caf9995 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue",
-  "version": "5.0.0-alpha.1",
+  "version": "5.0.0-beta.0",
   "description": "UI Components Library for Vue.js",
   "keywords": [
     "vue",
@@ -59,7 +59,8 @@
     "vue-types": "^5.1.1"
   },
   "peerDependencies": {
-    "@coreui/coreui": "^5.0.0-alpha.2",
+    "@coreui/coreui": "^5.0.0-beta.1",
+    "@popperjs/core": "^2.11.8",
     "vue": "^3.2.21"
   },
   "standard": {
diff --git a/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts b/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
index c78c6507..04db05a7 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
@@ -49,7 +49,7 @@ const CDropdownToggle = defineComponent({
     /**
      * If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.
      *
-     * @since v5.0.0-alpha.1
+     * @since v5.0.0-beta.0
      */
     navLink: {
       type: Boolean,
diff --git a/packages/coreui-vue/src/components/modal/CModal.ts b/packages/coreui-vue/src/components/modal/CModal.ts
index b4257ce7..d1f8e7e6 100644
--- a/packages/coreui-vue/src/components/modal/CModal.ts
+++ b/packages/coreui-vue/src/components/modal/CModal.ts
@@ -54,7 +54,7 @@ const CModal = defineComponent({
     /**
      * Puts the focus on the modal when shown.
      *
-     * @since v5.0.0-alpha.1
+     * @since v5.0.0-beta.0
      */
     focus: {
       type: Boolean,
diff --git a/packages/coreui-vue/src/components/progress/CProgress.ts b/packages/coreui-vue/src/components/progress/CProgress.ts
index ec06e4bd..45450b22 100644
--- a/packages/coreui-vue/src/components/progress/CProgress.ts
+++ b/packages/coreui-vue/src/components/progress/CProgress.ts
@@ -23,7 +23,7 @@ const CProgress = defineComponent({
     /**
      * A string of all className you want applied to the <CProgressBar/> component.
      *
-     * @since 5.0.0-alpha.1
+     * @since 5.0.0-beta.0
      */
     progressBarClassName: String,
     /**
diff --git a/packages/docs/api/dropdown/CDropdownToggle.api.md b/packages/docs/api/dropdown/CDropdownToggle.api.md
index ab7c7d4c..78461cd8 100644
--- a/packages/docs/api/dropdown/CDropdownToggle.api.md
+++ b/packages/docs/api/dropdown/CDropdownToggle.api.md
@@ -15,7 +15,7 @@ import CDropdownToggle from '@coreui/vue/src/components/dropdown/CDropdownToggle
 | **component**                                                        | Component used for the root node. Either a string to use a HTML element or a component.                                                                                                                       | string   | -                                                                                               | 'button' |
 | **custom**                                                           | Create a custom toggler which accepts any content.                                                                                                                                                            | boolean  | -                                                                                               | -        |
 | **disabled**                                                         | Toggle the disabled state for the component.                                                                                                                                                                  | boolean  | -                                                                                               | -        |
-| **nav-link** <br><div class="badge bg-primary">v5.0.0-alpha.1+</div> | If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.                                                                                                           | boolean  | -                                                                                               | true     |
+| **nav-link** <br><div class="badge bg-primary">v5.0.0-beta.0+</div> | If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.                                                                                                           | boolean  | -                                                                                               | true     |
 | **size**                                                             | Size the component small or large.                                                                                                                                                                            | string   | `'sm'`, `'lg'`                                                                                  | -        |
 | **split**                                                            | Similarly, create split button dropdowns with virtually the same markup as single button dropdowns, but with the addition of `.dropdown-toggle-split` className for proper spacing around the dropdown caret. | boolean  | -                                                                                               | -        |
 | **trigger**                                                          | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.<br/>`@type` 'hover' \| 'focus' \| 'click'                                                 | Triggers | -                                                                                               | 'click'  |
diff --git a/packages/docs/api/modal/CModal.api.md b/packages/docs/api/modal/CModal.api.md
index f6fbebf4..5f0de3fd 100644
--- a/packages/docs/api/modal/CModal.api.md
+++ b/packages/docs/api/modal/CModal.api.md
@@ -13,7 +13,7 @@ import CModal from '@coreui/vue/src/components/modal/CModal'
 | **alignment**                                                     | Align the modal in the center or top of the screen.                                                                                | string          | `'top'`, `'center'`                                | 'top'   |
 | **backdrop**                                                      | Apply a backdrop on body while offcanvas is open.                                                                                  | boolean\|string | `boolean \| 'static'`                              | true    |
 | **content-class-name**                                            | A string of all className you want applied to the modal content component.                                                         | string          | -                                                  | -       |
-| **focus** <br><div class="badge bg-primary">v5.0.0-alpha.1+</div> | Puts the focus on the modal when shown.                                                                                            | boolean         | -                                                  | true    |
+| **focus** <br><div class="badge bg-primary">v5.0.0-beta.0+</div> | Puts the focus on the modal when shown.                                                                                            | boolean         | -                                                  | true    |
 | **fullscreen**                                                    | Set modal to covers the entire user viewport                                                                                       | boolean\|string | `boolean`, `'sm'`, `'md'`, `'lg'`, `'xl'`, `'xxl'` | -       |
 | **keyboard**                                                      | Closes the modal when escape key is pressed.                                                                                       | boolean         | -                                                  | true    |
 | **scrollable**                                                    | Create a scrollable modal that allows scrolling the modal body.                                                                    | boolean         | -                                                  | -       |
diff --git a/packages/docs/api/progress/CProgress.api.md b/packages/docs/api/progress/CProgress.api.md
index a0023313..466f2305 100644
--- a/packages/docs/api/progress/CProgress.api.md
+++ b/packages/docs/api/progress/CProgress.api.md
@@ -13,7 +13,7 @@ import CProgress from '@coreui/vue/src/components/progress/CProgress'
 | **animated**                                                                       | Use to animate the stripes right to left via CSS3 animations.                                                             | boolean | -                                                                                               | -       |
 | **color**                                                                          | Sets the color context of the component to one of CoreUI’s themed colors.                                                 | string  | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | -       |
 | **height**                                                                         | Sets the height of the component. If you set that value the inner `<CProgressBar>` will automatically resize accordingly. | number  | -                                                                                               | -       |
-| **progress-bar-class-name** <br><div class="badge bg-primary">5.0.0-alpha.1+</div> | A string of all className you want applied to the <CProgressBar/> component.                                              | string  | -                                                                                               | -       |
+| **progress-bar-class-name** <br><div class="badge bg-primary">5.0.0-beta.0+</div> | A string of all className you want applied to the <CProgressBar/> component.                                              | string  | -                                                                                               | -       |
 | **thin**                                                                           | Makes progress bar thinner.                                                                                               | boolean | -                                                                                               | -       |
 | **value**                                                                          | The percent to progress the ProgressBar.                                                                                  | number  | -                                                                                               | 0       |
 | **variant**                                                                        | Set the progress bar variant to optional striped.                                                                         | string  | `'striped'`                                                                                     | -       |
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 86e147f8..0851fe40 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue-docs",
-  "version": "5.0.0-alpha.1",
+  "version": "5.0.0-beta.0",
   "scripts": {
     "api": "vue-docgen -c build/docgen.config.js",
     "dev": "vuepress dev --clean-cache",

From ebecf5bdde601c53a044904296703a098ba63a1d Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 5 Nov 2023 13:10:26 +0100
Subject: [PATCH 215/346] fix(CConditionalTeleport, CDropdown, CPopover,
 CTooltip): HTMLElement is not defined

---
 .../src/components/conditional-teleport/CConditionalTeleport.ts | 2 +-
 packages/coreui-vue/src/components/dropdown/CDropdown.ts        | 2 +-
 packages/coreui-vue/src/components/popover/CPopover.ts          | 2 +-
 packages/coreui-vue/src/components/tooltip/CTooltip.ts          | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts b/packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts
index 47d31fac..e50a154a 100644
--- a/packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts
+++ b/packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts
@@ -19,7 +19,7 @@ const CConditionalTeleport = defineComponent({
      * @since v5.0.0-beta.0
      */
     container: {
-      type: [HTMLElement, () => HTMLElement, String] as PropType<
+      type: [Object, String] as PropType<
         HTMLElement | (() => HTMLElement) | string
       >,
       default: 'body',
diff --git a/packages/coreui-vue/src/components/dropdown/CDropdown.ts b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
index 4d8f2e42..89e7fc31 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdown.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
@@ -65,7 +65,7 @@ const CDropdown = defineComponent({
      * @since v5.0.0-beta.0
      */
     container: {
-      type: [HTMLElement, () => HTMLElement, String] as PropType<
+      type: [Object, String] as PropType<
         HTMLElement | (() => HTMLElement) | string
       >,
       default: 'body',
diff --git a/packages/coreui-vue/src/components/popover/CPopover.ts b/packages/coreui-vue/src/components/popover/CPopover.ts
index 00389f4f..58768226 100644
--- a/packages/coreui-vue/src/components/popover/CPopover.ts
+++ b/packages/coreui-vue/src/components/popover/CPopover.ts
@@ -25,7 +25,7 @@ const CPopover = defineComponent({
      * @since v5.0.0-beta.0
      */
     container: {
-      type: [HTMLElement, () => HTMLElement, String] as PropType<
+      type: [Object, String] as PropType<
         HTMLElement | (() => HTMLElement) | string
       >,
       default: 'body',
diff --git a/packages/coreui-vue/src/components/tooltip/CTooltip.ts b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
index 22046fdc..67355e90 100644
--- a/packages/coreui-vue/src/components/tooltip/CTooltip.ts
+++ b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
@@ -25,7 +25,7 @@ const CTooltip = defineComponent({
      * @since v5.0.0-beta.0
      */
     container: {
-      type: [HTMLElement, () => HTMLElement, String] as PropType<
+      type: [Object, String] as PropType<
         HTMLElement | (() => HTMLElement) | string
       >,
       default: 'body',

From 11d34d48a6b2852eafefd22033dc0026c875bbea Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 5 Nov 2023 13:12:16 +0100
Subject: [PATCH 216/346] refactor(CLink): add `event.preventDefault()` if href
 is to `''` or `'#'`

---
 packages/coreui-vue/src/components/link/CLink.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/coreui-vue/src/components/link/CLink.ts b/packages/coreui-vue/src/components/link/CLink.ts
index 63766e56..d2627605 100644
--- a/packages/coreui-vue/src/components/link/CLink.ts
+++ b/packages/coreui-vue/src/components/link/CLink.ts
@@ -30,8 +30,12 @@ const CLink = defineComponent({
     'click',
   ],
   setup(props, { slots, emit }) {
-    const handleClick = () => {
+    const handleClick = (event: Event) => {
       emit('click', props.href)
+
+      if (props.href === '' || props.href === '#') {
+        event.preventDefault()
+      }
     }
     return () =>
       h(

From d3abee638c79652ee2bd4ce71a60026d794328de Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 5 Nov 2023 13:15:49 +0100
Subject: [PATCH 217/346] chore: clean-up

---
 .eslintrc.js                               |  26 ++++-
 packages/docs/build/.eslintrc.json         |  14 ---
 packages/docs/build/buildVscodeHints.js    | 119 ---------------------
 packages/docs/build/changelog-template.hbs |  34 ------
 packages/docs/build/docgen.config.js       |   1 -
 packages/docs/build/webpack.config.js      |  11 --
 6 files changed, 21 insertions(+), 184 deletions(-)
 delete mode 100644 packages/docs/build/.eslintrc.json
 delete mode 100644 packages/docs/build/buildVscodeHints.js
 delete mode 100644 packages/docs/build/changelog-template.hbs
 delete mode 100644 packages/docs/build/webpack.config.js

diff --git a/.eslintrc.js b/.eslintrc.js
index 1a4fb4a2..c1c41a74 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -29,12 +29,12 @@ module.exports = {
     {
       files: ['**/*.mjs'],
       env: {
-        "env": {
-          "browser": false,
-          "node": true
+        env: {
+          browser: false,
+          node: true,
         },
-        "parserOptions": {
-          "sourceType": "module"
+        parserOptions: {
+          sourceType: 'module',
         },
       },
     },
@@ -44,5 +44,21 @@ module.exports = {
         jest: true,
       },
     },
+    {
+      files: ['packages/docs/build/**'],
+      env: {
+        env: {
+          browser: false,
+          node: true,
+        },
+        parserOptions: {
+          sourceType: 'script',
+        },
+        rules: {
+          'no-console': 'off',
+          strict: 'error',
+        },
+      },
+    },
   ],
 }
diff --git a/packages/docs/build/.eslintrc.json b/packages/docs/build/.eslintrc.json
deleted file mode 100644
index b890edff..00000000
--- a/packages/docs/build/.eslintrc.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "env": {
-    "browser": false,
-    "node": true
-  },
-  "parserOptions": {
-    "sourceType": "script"
-  },
-  "extends": "../../../.eslintrc.js",
-  "rules": {
-    "no-console": "off",
-    "strict": "error"
-  }
-}
\ No newline at end of file
diff --git a/packages/docs/build/buildVscodeHints.js b/packages/docs/build/buildVscodeHints.js
deleted file mode 100644
index 38c627c6..00000000
--- a/packages/docs/build/buildVscodeHints.js
+++ /dev/null
@@ -1,119 +0,0 @@
-// TODO: refactor this component
-// const fs = require('fs-extra')
-// const types = fs.readFileSync('src/components/index.d.ts', 'utf-8')
-// const classes = getTypesClasses(types)
-
-// function getTypesClasses (types) {
-//   let classes = {}
-//   const rawClasses = types.replace(/(\n|\r)/ig, '')
-//                           .split('declare')
-//                           .filter(rawClass => rawClass.includes('class'))
-
-//   rawClasses.forEach(rawClass => {
-//     const name = rawClass.match(/(?<=class\s+).*?(?=\s+)/gs)[0]
-
-//     const propsRaw = rawClass
-//       .substring(rawClass.indexOf('{') + 1, rawClass.lastIndexOf('}'))
-//       .replace(/{(()([^}]))+}/ig, 'custom')
-
-
-//     let props = propsRaw.match(/([a-zA-Z?]+:).*?(?=[a-zA-Z?]+:|$)/g)
-
-//     if (props) {
-//       props = props.map(prop => prop.trim().replace('?', ''))
-//     }        
-    
-//     classes[name] = {
-//       isExported: rawClass.includes('export'),
-//       extend: rawClass.match(/(?<=extends\s+).*?(?=\s+{)/gs)[0],
-//       props,
-//     }
-//   })
-//   Object.entries(classes).forEach(([key, value]) => {
-//     if (value.extend !== 'Vue') {
-//       const props = classes[key].props || []
-//       const extend = classes[value.extend].props || []
-//       classes[key].props = [...props, ...extend]
-//     }
-//   })
-//   return classes
-// }
-
-// const components = {} 
-// Object.entries(classes).forEach(([key,value]) => {
-//   if (value.isExported) {
-//     components[key] = value
-//   }
-// }) 
-
-// generateVeturFiles(components)
-
-// function generateVeturFiles (content) {
-//   const dir = 'dist/vetur'
-//   if (!fs.existsSync(dir)) {
-//     fs.mkdirSync(dir)
-//   }
-
-//   const attributes = generateAttributes(content)
-//   fs.writeFile(
-//     `dist/vetur/coreui-attributes.json`,
-//     attributes,
-//     () => ''
-//   )
-
-//   const tags = generateTags(content)
-//   fs.writeFile(
-//     `dist/vetur/coreui-tags.json`,
-//     tags,
-//     () => ''
-//   )
-// }
-
-// function generateTags (content) {
-//   let tags = {}
-//   Object.entries(content).forEach(([name, component]) => {
-//     let attributes = []
-//     if (component.props) {
-//       attributes = component.props.map(prop => toKebabCase(prop.split(':')[0]))
-//     }
-//     tags[name] = {
-//       attributes,
-//       description: ''
-//     }
-//     tags[toKebabCase(name)] = {
-//       attributes,
-//       description: ''
-//     }
-//   })
-//   return JSON.stringify(tags, null, 2)
-// }
-
-// function generateAttributes (content) {
-//   let attributes = {}
-//   Object.entries(content).forEach(([name, component]) => {
-//     if (component.props) {
-//       component.props.forEach(prop => {
-//         const propName = toKebabCase(prop.split(':')[0])
-//         const key = name + '/' + propName
-//         const kebabKey = toKebabCase(name) + '/' + propName
-//         const type = prop.split(':')[1].trim()
-//         const description = 'For API documentation please visit https://coreui.io/vue/docs'
-
-//         attributes[kebabKey] = {
-//           description,
-//           type,
-//         }
-//         attributes[key] = {
-//           description,
-//           type,
-//         }
-//       })
-//     }
-//   })
-//   return JSON.stringify(attributes, null, 2)
-// }
-
-// function toKebabCase (str) {
-//   const camelCase = str.charAt(0).toLowerCase() + str.slice(1)
-//   return camelCase.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase()
-// }
\ No newline at end of file
diff --git a/packages/docs/build/changelog-template.hbs b/packages/docs/build/changelog-template.hbs
deleted file mode 100644
index 1f66e38c..00000000
--- a/packages/docs/build/changelog-template.hbs
+++ /dev/null
@@ -1,34 +0,0 @@
-# Changelog
-
-{{#each releases}}
-{{#if href}}
-## {{#unless major}}{{/unless}}[{{title}}]({{href}})
-{{else}}
-## {{title}}
-{{/if}}
-
-{{#if tag}}
-> {{niceDate}}
-{{/if}}
-{{#if summary}}
-
-{{summary}}
-{{/if}}
-{{#if commits}}
-
-### Changed
-
-{{#each commits}}
-- {{#if breaking}}**Breaking change:** {{/if}}{{subject}}{{#if href}} [`{{shorthash}}`]({{href}}){{/if}}
-{{/each}}
-
-{{/if}}
-{{#if fixes}}
-
-### Fixed
-
-{{#each fixes}}
-- {{commit.subject}}{{#each fixes}}{{#if href}} [`#{{id}}`]({{href}}){{/if}}{{/each}}
-{{/each}}
-{{/if}}
-{{/each}}
\ No newline at end of file
diff --git a/packages/docs/build/docgen.config.js b/packages/docs/build/docgen.config.js
index 67b35dee..e4c71f24 100644
--- a/packages/docs/build/docgen.config.js
+++ b/packages/docs/build/docgen.config.js
@@ -2,7 +2,6 @@
 'use strict'
 
 const path = require('path')
-// const pkg = require('./../package.json')
 
 module.exports = {
   componentsRoot: './../../packages', // the folder where CLI will start searching for components.
diff --git a/packages/docs/build/webpack.config.js b/packages/docs/build/webpack.config.js
deleted file mode 100644
index 0ddbf9f5..00000000
--- a/packages/docs/build/webpack.config.js
+++ /dev/null
@@ -1,11 +0,0 @@
-module.exports = {
-    rules: {
-        test: /\.(js|vue)$/,
-        loader: 'eslint-loader',
-        enforce: "pre",
-        include: [resolve('src'), resolve('test')],
-        options: {
-          formatter: require('eslint-friendly-formatter')
-        }
-    }
-}
\ No newline at end of file

From c187d0b18f1bd470319b2da07f0c25d02592fff9 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 5 Nov 2023 13:17:28 +0100
Subject: [PATCH 218/346] refactor(CSidebar): update responsive behavior

---
 .../src/components/sidebar/CSidebar.ts        | 61 ++++++++++++++++---
 packages/docs/api/sidebar/CSidebar.api.md     | 18 +++---
 2 files changed, 62 insertions(+), 17 deletions(-)

diff --git a/packages/coreui-vue/src/components/sidebar/CSidebar.ts b/packages/coreui-vue/src/components/sidebar/CSidebar.ts
index ebec4311..b3b4c4f7 100644
--- a/packages/coreui-vue/src/components/sidebar/CSidebar.ts
+++ b/packages/coreui-vue/src/components/sidebar/CSidebar.ts
@@ -14,6 +14,18 @@ const isOnMobile = (element: HTMLDivElement) => {
 const CSidebar = defineComponent({
   name: 'CSidebar',
   props: {
+    /**
+     * Sets if the color of text should be colored for a light or dark dark background.
+     *
+     * @values 'dark', light'
+     */
+    colorScheme: {
+      type: String,
+      default: undefined,
+      validator: (value: string) => {
+        return ['dark', 'light'].includes(value)
+      },
+    },
     /**
      * Make sidebar narrow.
      */
@@ -22,6 +34,17 @@ const CSidebar = defineComponent({
      * Set sidebar to overlaid variant.
      */
     overlaid: Boolean,
+    /**
+     * Components placement, there’s no default placement.
+     * @values 'start', 'end'
+     */
+    placement: {
+      type: String,
+      default: undefined,
+      validator: (value: string) => {
+        return ['start', 'end'].includes(value)
+      },
+    },
     /**
      * Place sidebar in non-static positions.
      */
@@ -64,10 +87,16 @@ const CSidebar = defineComponent({
     'visible-change',
   ],
   setup(props, { attrs, slots, emit }) {
-    const mobile = ref()
-    const inViewport = ref()
     const sidebarRef = ref()
-    const visible = ref(props.visible)
+
+    const inViewport = ref()
+    const mobile = ref()
+    const visibleMobile = ref(false)
+    const visibleDesktop = ref(
+      props.visible !== undefined ? props.visible : props.overlaid ? false : true,
+    )
+
+    // const visible = ref(props.visible)
 
     watch(inViewport, () => {
       emit('visible-change', inViewport.value)
@@ -76,11 +105,14 @@ const CSidebar = defineComponent({
 
     watch(
       () => props.visible,
-      () => (visible.value = props.visible),
+      () => props.visible !== undefined && handleVisibleChange(props.visible),
     )
 
     watch(mobile, () => {
-      if (mobile.value && visible.value) visible.value = false
+      if (mobile.value) {
+        console.log('mobile')
+        visibleMobile.value = false
+      }
     })
 
     onMounted(() => {
@@ -109,8 +141,17 @@ const CSidebar = defineComponent({
       })
     })
 
+    const handleVisibleChange = (visible: boolean) => {
+      if (mobile.value) {
+        visibleMobile.value = visible
+        return
+      }
+
+      visibleDesktop.value = visible
+    }
+
     const handleHide = () => {
-      visible.value = false
+      handleVisibleChange(false)
       emit('visible-change', false)
     }
 
@@ -146,13 +187,15 @@ const CSidebar = defineComponent({
           class: [
             'sidebar',
             {
+              [`sidebar-${props.colorScheme}`]: props.colorScheme,
               'sidebar-narrow': props.narrow,
               'sidebar-overlaid': props.overlaid,
+              [`sidebar-${props.placement}`]: props.placement,
               [`sidebar-${props.position}`]: props.position,
               [`sidebar-${props.size}`]: props.size,
               'sidebar-narrow-unfoldable': props.unfoldable,
-              show: visible.value === true && mobile.value,
-              hide: visible.value === false && !mobile.value,
+              show: (mobile.value && visibleMobile.value) || (props.overlaid && visibleDesktop.value),
+              hide: visibleDesktop.value === false && !mobile.value && !props.overlaid,
             },
             attrs.class,
           ],
@@ -163,7 +206,7 @@ const CSidebar = defineComponent({
       mobile.value &&
         h(CBackdrop, {
           class: 'sidebar-backdrop',
-          visible: props.visible,
+          visible: visibleMobile.value,
           onClick: () => handleHide(),
         }),
     ]
diff --git a/packages/docs/api/sidebar/CSidebar.api.md b/packages/docs/api/sidebar/CSidebar.api.md
index 37e6f9ee..94a678d8 100644
--- a/packages/docs/api/sidebar/CSidebar.api.md
+++ b/packages/docs/api/sidebar/CSidebar.api.md
@@ -8,14 +8,16 @@ import CSidebar from '@coreui/vue/src/components/sidebar/CSidebar'
 
 #### Props
 
-| Prop name      | Description                                      | Type    | Values | Default |
-| -------------- | ------------------------------------------------ | ------- | ------ | ------- |
-| **narrow**     | Make sidebar narrow.                             | boolean | -      | -       |
-| **overlaid**   | Set sidebar to overlaid variant.                 | boolean | -      | -       |
-| **position**   | Place sidebar in non-static positions.           | string  | -      | -       |
-| **size**       | Size the component small, large, or extra large. | string  | -      | -       |
-| **unfoldable** | Expand narrowed sidebar on hover.                | boolean | -      | -       |
-| **visible**    | Toggle the visibility of sidebar component.      | boolean | -      | -       |
+| Prop name        | Description                                                                      | Type    | Values             | Default |
+| ---------------- | -------------------------------------------------------------------------------- | ------- | ------------------ | ------- |
+| **color-scheme** | Sets if the color of text should be colored for a light or dark dark background. | string  | `'dark'`, `light'` | -       |
+| **narrow**       | Make sidebar narrow.                                                             | boolean | -                  | -       |
+| **overlaid**     | Set sidebar to overlaid variant.                                                 | boolean | -                  | -       |
+| **placement**    | Components placement, there’s no default placement.                              | string  | `'start'`, `'end'` | -       |
+| **position**     | Place sidebar in non-static positions.                                           | string  | -                  | -       |
+| **size**         | Size the component small, large, or extra large.                                 | string  | -                  | -       |
+| **unfoldable**   | Expand narrowed sidebar on hover.                                                | boolean | -                  | -       |
+| **visible**      | Toggle the visibility of sidebar component.                                      | boolean | -                  | -       |
 
 #### Events
 

From 90133b49b98144434e913497df75c318b6f35290 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 5 Nov 2023 13:47:17 +0100
Subject: [PATCH 219/346] fix(CDropdownMenu, CPopover, CTooltip): add
 `inheritAttrs: false` to resolve the inheritance issue

---
 .../coreui-vue/src/components/dropdown/CDropdownMenu.ts   | 5 ++++-
 packages/coreui-vue/src/components/popover/CPopover.ts    | 8 ++++----
 packages/coreui-vue/src/components/tooltip/CTooltip.ts    | 4 +++-
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/packages/coreui-vue/src/components/dropdown/CDropdownMenu.ts b/packages/coreui-vue/src/components/dropdown/CDropdownMenu.ts
index 623de560..02fefabf 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdownMenu.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdownMenu.ts
@@ -5,6 +5,7 @@ import { getAlignmentClassNames } from './utils'
 
 const CDropdownMenu = defineComponent({
   name: 'CDropdownMenu',
+  inheritAttrs: false,
   props: {
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
@@ -16,7 +17,7 @@ const CDropdownMenu = defineComponent({
       default: 'div',
     },
   },
-  setup(props, { slots }) {
+  setup(props, { attrs, slots }) {
     const dropdownMenuRef = inject('dropdownMenuRef') as Ref<HTMLElement>
     const config = inject('config') as any // eslint-disable-line @typescript-eslint/no-explicit-any
     const visible = inject('visible') as Ref<boolean>
@@ -35,10 +36,12 @@ const CDropdownMenu = defineComponent({
             h(
               props.component,
               {
+                ...attrs,
                 class: [
                   'dropdown-menu',
                   { show: visible.value },
                   getAlignmentClassNames(alignment),
+                  attrs.class,
                 ],
                 ...((typeof alignment === 'object' || !popper) && {
                   'data-coreui-popper': 'static',
diff --git a/packages/coreui-vue/src/components/popover/CPopover.ts b/packages/coreui-vue/src/components/popover/CPopover.ts
index 58768226..90cb8601 100644
--- a/packages/coreui-vue/src/components/popover/CPopover.ts
+++ b/packages/coreui-vue/src/components/popover/CPopover.ts
@@ -9,6 +9,7 @@ import { getRTLPlacement } from '../../utils'
 
 const CPopover = defineComponent({
   name: 'CPopover',
+  inheritAttrs: false,
   props: {
     /**
      * Apply a CSS fade transition to the popover.
@@ -25,9 +26,7 @@ const CPopover = defineComponent({
      * @since v5.0.0-beta.0
      */
     container: {
-      type: [Object, String] as PropType<
-        HTMLElement | (() => HTMLElement) | string
-      >,
+      type: [Object, String] as PropType<HTMLElement | (() => HTMLElement) | string>,
       default: 'body',
     },
     /**
@@ -198,16 +197,17 @@ const CPopover = defineComponent({
                 h(
                   'div',
                   {
+                    ...attrs,
                     class: [
                       'popover',
                       'bs-popover-auto',
                       {
                         fade: props.animation,
                       },
+                      attrs.class,
                     ],
                     ref: popoverRef,
                     role: 'tooltip',
-                    ...attrs,
                   },
                   [
                     h('div', { class: 'popover-arrow' }),
diff --git a/packages/coreui-vue/src/components/tooltip/CTooltip.ts b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
index 67355e90..c2307b27 100644
--- a/packages/coreui-vue/src/components/tooltip/CTooltip.ts
+++ b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
@@ -9,6 +9,7 @@ import { getRTLPlacement } from '../../utils'
 
 const CTooltip = defineComponent({
   name: 'CTooltip',
+  // inheritAttrs: false,
   props: {
     /**
      * Apply a CSS fade transition to the tooltip.
@@ -194,16 +195,17 @@ const CTooltip = defineComponent({
                 h(
                   'div',
                   {
+                    ...attrs,
                     class: [
                       'tooltip',
                       'bs-tooltip-auto',
                       {
                         fade: props.animation,
                       },
+                      attrs.class,
                     ],
                     ref: tooltipRef,
                     role: 'tooltip',
-                    ...attrs,
                   },
                   [
                     h('div', { class: 'tooltip-arrow' }),

From 312b159f997ead348b4d45d4a50f58a542637595 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 5 Nov 2023 13:52:03 +0100
Subject: [PATCH 220/346] docs: update API documentation

---
 .../docs/api/dropdown/CDropdownToggle.api.md  | 22 ++++++++---------
 packages/docs/api/modal/CModal.api.md         | 24 +++++++++----------
 packages/docs/api/progress/CProgress.api.md   | 18 +++++++-------
 3 files changed, 32 insertions(+), 32 deletions(-)

diff --git a/packages/docs/api/dropdown/CDropdownToggle.api.md b/packages/docs/api/dropdown/CDropdownToggle.api.md
index 78461cd8..ac789eb1 100644
--- a/packages/docs/api/dropdown/CDropdownToggle.api.md
+++ b/packages/docs/api/dropdown/CDropdownToggle.api.md
@@ -8,15 +8,15 @@ import CDropdownToggle from '@coreui/vue/src/components/dropdown/CDropdownToggle
 
 #### Props
 
-| Prop name                                                            | Description                                                                                                                                                                                                   | Type     | Values                                                                                          | Default  |
-| -------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------------------------------------------------------------------------------------------- | -------- |
-| **color**                                                            | Sets the color context of the component to one of CoreUI’s themed colors.                                                                                                                                     | string   | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | -        |
-| **caret**                                                            | Enables pseudo element caret on toggler.                                                                                                                                                                      | boolean  | -                                                                                               | true     |
-| **component**                                                        | Component used for the root node. Either a string to use a HTML element or a component.                                                                                                                       | string   | -                                                                                               | 'button' |
-| **custom**                                                           | Create a custom toggler which accepts any content.                                                                                                                                                            | boolean  | -                                                                                               | -        |
-| **disabled**                                                         | Toggle the disabled state for the component.                                                                                                                                                                  | boolean  | -                                                                                               | -        |
+| Prop name                                                           | Description                                                                                                                                                                                                   | Type     | Values                                                                                          | Default  |
+| ------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------------------------------------------------------------------------------------------- | -------- |
+| **color**                                                           | Sets the color context of the component to one of CoreUI’s themed colors.                                                                                                                                     | string   | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | -        |
+| **caret**                                                           | Enables pseudo element caret on toggler.                                                                                                                                                                      | boolean  | -                                                                                               | true     |
+| **component**                                                       | Component used for the root node. Either a string to use a HTML element or a component.                                                                                                                       | string   | -                                                                                               | 'button' |
+| **custom**                                                          | Create a custom toggler which accepts any content.                                                                                                                                                            | boolean  | -                                                                                               | -        |
+| **disabled**                                                        | Toggle the disabled state for the component.                                                                                                                                                                  | boolean  | -                                                                                               | -        |
 | **nav-link** <br><div class="badge bg-primary">v5.0.0-beta.0+</div> | If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.                                                                                                           | boolean  | -                                                                                               | true     |
-| **size**                                                             | Size the component small or large.                                                                                                                                                                            | string   | `'sm'`, `'lg'`                                                                                  | -        |
-| **split**                                                            | Similarly, create split button dropdowns with virtually the same markup as single button dropdowns, but with the addition of `.dropdown-toggle-split` className for proper spacing around the dropdown caret. | boolean  | -                                                                                               | -        |
-| **trigger**                                                          | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.<br/>`@type` 'hover' \| 'focus' \| 'click'                                                 | Triggers | -                                                                                               | 'click'  |
-| **variant**                                                          | Set the button variant to an outlined button or a ghost button.                                                                                                                                               | string   | `'ghost'`, `'outline'`                                                                          | -        |
+| **size**                                                            | Size the component small or large.                                                                                                                                                                            | string   | `'sm'`, `'lg'`                                                                                  | -        |
+| **split**                                                           | Similarly, create split button dropdowns with virtually the same markup as single button dropdowns, but with the addition of `.dropdown-toggle-split` className for proper spacing around the dropdown caret. | boolean  | -                                                                                               | -        |
+| **trigger**                                                         | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.<br/>`@type` 'hover' \| 'focus' \| 'click'                                                 | Triggers | -                                                                                               | 'click'  |
+| **variant**                                                         | Set the button variant to an outlined button or a ghost button.                                                                                                                                               | string   | `'ghost'`, `'outline'`                                                                          | -        |
diff --git a/packages/docs/api/modal/CModal.api.md b/packages/docs/api/modal/CModal.api.md
index 5f0de3fd..487c2265 100644
--- a/packages/docs/api/modal/CModal.api.md
+++ b/packages/docs/api/modal/CModal.api.md
@@ -8,19 +8,19 @@ import CModal from '@coreui/vue/src/components/modal/CModal'
 
 #### Props
 
-| Prop name                                                         | Description                                                                                                                        | Type            | Values                                             | Default |
-| ----------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- | --------------- | -------------------------------------------------- | ------- |
-| **alignment**                                                     | Align the modal in the center or top of the screen.                                                                                | string          | `'top'`, `'center'`                                | 'top'   |
-| **backdrop**                                                      | Apply a backdrop on body while offcanvas is open.                                                                                  | boolean\|string | `boolean \| 'static'`                              | true    |
-| **content-class-name**                                            | A string of all className you want applied to the modal content component.                                                         | string          | -                                                  | -       |
+| Prop name                                                        | Description                                                                                                                        | Type            | Values                                             | Default |
+| ---------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- | --------------- | -------------------------------------------------- | ------- |
+| **alignment**                                                    | Align the modal in the center or top of the screen.                                                                                | string          | `'top'`, `'center'`                                | 'top'   |
+| **backdrop**                                                     | Apply a backdrop on body while offcanvas is open.                                                                                  | boolean\|string | `boolean \| 'static'`                              | true    |
+| **content-class-name**                                           | A string of all className you want applied to the modal content component.                                                         | string          | -                                                  | -       |
 | **focus** <br><div class="badge bg-primary">v5.0.0-beta.0+</div> | Puts the focus on the modal when shown.                                                                                            | boolean         | -                                                  | true    |
-| **fullscreen**                                                    | Set modal to covers the entire user viewport                                                                                       | boolean\|string | `boolean`, `'sm'`, `'md'`, `'lg'`, `'xl'`, `'xxl'` | -       |
-| **keyboard**                                                      | Closes the modal when escape key is pressed.                                                                                       | boolean         | -                                                  | true    |
-| **scrollable**                                                    | Create a scrollable modal that allows scrolling the modal body.                                                                    | boolean         | -                                                  | -       |
-| **size**                                                          | Size the component small, large, or extra large.                                                                                   | string          | `'sm'`, `'lg'`, `'xl'`                             | -       |
-| **transition**                                                    | Remove animation to create modal that simply appear rather than fade in to view.                                                   | boolean         | -                                                  | true    |
-| **unmount-on-close**                                              | By default the component is unmounted after close animation, if you want to keep the component mounted set this property to false. | boolean         | -                                                  | true    |
-| **visible**                                                       | Toggle the visibility of alert component.                                                                                          | boolean         | -                                                  | -       |
+| **fullscreen**                                                   | Set modal to covers the entire user viewport                                                                                       | boolean\|string | `boolean`, `'sm'`, `'md'`, `'lg'`, `'xl'`, `'xxl'` | -       |
+| **keyboard**                                                     | Closes the modal when escape key is pressed.                                                                                       | boolean         | -                                                  | true    |
+| **scrollable**                                                   | Create a scrollable modal that allows scrolling the modal body.                                                                    | boolean         | -                                                  | -       |
+| **size**                                                         | Size the component small, large, or extra large.                                                                                   | string          | `'sm'`, `'lg'`, `'xl'`                             | -       |
+| **transition**                                                   | Remove animation to create modal that simply appear rather than fade in to view.                                                   | boolean         | -                                                  | true    |
+| **unmount-on-close**                                             | By default the component is unmounted after close animation, if you want to keep the component mounted set this property to false. | boolean         | -                                                  | true    |
+| **visible**                                                      | Toggle the visibility of alert component.                                                                                          | boolean         | -                                                  | -       |
 
 #### Events
 
diff --git a/packages/docs/api/progress/CProgress.api.md b/packages/docs/api/progress/CProgress.api.md
index 466f2305..67a38247 100644
--- a/packages/docs/api/progress/CProgress.api.md
+++ b/packages/docs/api/progress/CProgress.api.md
@@ -8,13 +8,13 @@ import CProgress from '@coreui/vue/src/components/progress/CProgress'
 
 #### Props
 
-| Prop name                                                                          | Description                                                                                                               | Type    | Values                                                                                          | Default |
-| ---------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------- | ------- | ----------------------------------------------------------------------------------------------- | ------- |
-| **animated**                                                                       | Use to animate the stripes right to left via CSS3 animations.                                                             | boolean | -                                                                                               | -       |
-| **color**                                                                          | Sets the color context of the component to one of CoreUI’s themed colors.                                                 | string  | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | -       |
-| **height**                                                                         | Sets the height of the component. If you set that value the inner `<CProgressBar>` will automatically resize accordingly. | number  | -                                                                                               | -       |
+| Prop name                                                                         | Description                                                                                                               | Type    | Values                                                                                          | Default |
+| --------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------- | ------- | ----------------------------------------------------------------------------------------------- | ------- |
+| **animated**                                                                      | Use to animate the stripes right to left via CSS3 animations.                                                             | boolean | -                                                                                               | -       |
+| **color**                                                                         | Sets the color context of the component to one of CoreUI’s themed colors.                                                 | string  | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | -       |
+| **height**                                                                        | Sets the height of the component. If you set that value the inner `<CProgressBar>` will automatically resize accordingly. | number  | -                                                                                               | -       |
 | **progress-bar-class-name** <br><div class="badge bg-primary">5.0.0-beta.0+</div> | A string of all className you want applied to the <CProgressBar/> component.                                              | string  | -                                                                                               | -       |
-| **thin**                                                                           | Makes progress bar thinner.                                                                                               | boolean | -                                                                                               | -       |
-| **value**                                                                          | The percent to progress the ProgressBar.                                                                                  | number  | -                                                                                               | 0       |
-| **variant**                                                                        | Set the progress bar variant to optional striped.                                                                         | string  | `'striped'`                                                                                     | -       |
-| **white**                                                                          | Change the default color to white.                                                                                        | boolean | -                                                                                               | -       |
+| **thin**                                                                          | Makes progress bar thinner.                                                                                               | boolean | -                                                                                               | -       |
+| **value**                                                                         | The percent to progress the ProgressBar.                                                                                  | number  | -                                                                                               | 0       |
+| **variant**                                                                       | Set the progress bar variant to optional striped.                                                                         | string  | `'striped'`                                                                                     | -       |
+| **white**                                                                         | Change the default color to white.                                                                                        | boolean | -                                                                                               | -       |

From 397b166c362dfa3e42d354df232ead50d341dc35 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 5 Nov 2023 13:54:33 +0100
Subject: [PATCH 221/346] fix(CDropdownMenu, CPopover, CTooltip): add
 `inheritAttrs: false` to resolve the inheritance issue

---
 packages/coreui-vue/src/components/tooltip/CTooltip.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/coreui-vue/src/components/tooltip/CTooltip.ts b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
index c2307b27..c360d44c 100644
--- a/packages/coreui-vue/src/components/tooltip/CTooltip.ts
+++ b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
@@ -9,7 +9,7 @@ import { getRTLPlacement } from '../../utils'
 
 const CTooltip = defineComponent({
   name: 'CTooltip',
-  // inheritAttrs: false,
+  inheritAttrs: false,
   props: {
     /**
      * Apply a CSS fade transition to the tooltip.

From c7f55ae6b8cedcc7394938aef4d72acef87830db Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 5 Nov 2023 14:08:44 +0100
Subject: [PATCH 222/346] chore: clean-up

---
 packages/coreui-vue/package.json | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index 1caf9995..8128c4ef 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -62,11 +62,5 @@
     "@coreui/coreui": "^5.0.0-beta.1",
     "@popperjs/core": "^2.11.8",
     "vue": "^3.2.21"
-  },
-  "standard": {
-    "ignore": [
-      "node_modules/",
-      "build/"
-    ]
   }
 }

From 0048c628d49065b6c32bbefb210d0eeb9c50881f Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 5 Nov 2023 14:14:56 +0100
Subject: [PATCH 223/346] chore: change dependencies, devDependencies, and
 peerDependencies

---
 packages/coreui-vue/package.json | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index 8128c4ef..5022abc9 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -40,8 +40,11 @@
     "test:clear": "jest --clearCache",
     "test:update": "jest --coverage --updateSnapshot"
   },
+  "dependencies": {
+    "@coreui/coreui": "^5.0.0-beta.1",
+    "@popperjs/core": "^2.11.8"
+  },
   "devDependencies": {
-    "@popperjs/core": "^2.11.8",
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-typescript": "^11.1.5",
@@ -59,8 +62,6 @@
     "vue-types": "^5.1.1"
   },
   "peerDependencies": {
-    "@coreui/coreui": "^5.0.0-beta.1",
-    "@popperjs/core": "^2.11.8",
     "vue": "^3.2.21"
   }
 }

From f16e18c2835f634e5aa30f49ce5a52f059f5f72e Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 5 Nov 2023 15:07:41 +0100
Subject: [PATCH 224/346] fix: remove circular dependency

---
 packages/coreui-vue/src/utils/getRTLPlacement.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/coreui-vue/src/utils/getRTLPlacement.ts b/packages/coreui-vue/src/utils/getRTLPlacement.ts
index cc60b801..87c38517 100644
--- a/packages/coreui-vue/src/utils/getRTLPlacement.ts
+++ b/packages/coreui-vue/src/utils/getRTLPlacement.ts
@@ -1,5 +1,5 @@
 import { Placement } from '@popperjs/core'
-import { isRTL } from '../utils'
+import isRTL from './isRTL'
 
 const getRTLPlacement = (placement: string, element: HTMLDivElement | null): Placement => {
   switch (placement) {

From 5086f0640db12c2b8e4f76abd0dba25b75daf9fa Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Mon, 6 Nov 2023 18:47:24 +0100
Subject: [PATCH 225/346] release: v5.0.0-beta.1

---
 README.md                                                     | 2 +-
 lerna.json                                                    | 2 +-
 packages/coreui-vue/package.json                              | 2 +-
 .../components/conditional-teleport/CConditionalTeleport.ts   | 2 +-
 packages/coreui-vue/src/components/dropdown/CDropdown.ts      | 4 ++--
 .../coreui-vue/src/components/dropdown/CDropdownToggle.ts     | 2 +-
 packages/coreui-vue/src/components/modal/CModal.ts            | 2 +-
 packages/coreui-vue/src/components/popover/CPopover.ts        | 2 +-
 packages/coreui-vue/src/components/progress/CProgress.ts      | 2 +-
 packages/coreui-vue/src/components/tooltip/CTooltip.ts        | 2 +-
 .../docs/api/conditional-teleport/CConditionalTeleport.api.md | 2 +-
 packages/docs/api/dropdown/CDropdown.api.md                   | 4 ++--
 packages/docs/api/dropdown/CDropdownToggle.api.md             | 2 +-
 packages/docs/api/modal/CModal.api.md                         | 2 +-
 packages/docs/api/popover/CPopover.api.md                     | 2 +-
 packages/docs/api/progress/CProgress.api.md                   | 2 +-
 packages/docs/api/tooltip/CTooltip.api.md                     | 2 +-
 packages/docs/package.json                                    | 2 +-
 18 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/README.md b/README.md
index aada696b..8ffb551c 100644
--- a/README.md
+++ b/README.md
@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.0.0-beta.0.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.0.0-beta.1.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue`
diff --git a/lerna.json b/lerna.json
index 5fac67ab..bd175e90 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,6 +1,6 @@
 {
   "npmClient": "yarn",
   "packages": ["packages/*"],
-  "version": "5.0.0-beta.0",
+  "version": "5.0.0-beta.1",
   "$schema": "node_modules/lerna/schemas/lerna-schema.json"
 }
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index 5022abc9..68f2d950 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue",
-  "version": "5.0.0-beta.0",
+  "version": "5.0.0-beta.1",
   "description": "UI Components Library for Vue.js",
   "keywords": [
     "vue",
diff --git a/packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts b/packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts
index e50a154a..ecbea529 100644
--- a/packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts
+++ b/packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts
@@ -16,7 +16,7 @@ const CConditionalTeleport = defineComponent({
     /**
      * An HTML element or function that returns a single element, with `document.body` as the default.
      *
-     * @since v5.0.0-beta.0
+     * @since v5.0.0-beta.1
      */
     container: {
       type: [Object, String] as PropType<
diff --git a/packages/coreui-vue/src/components/dropdown/CDropdown.ts b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
index 89e7fc31..b9202c18 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdown.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
@@ -62,7 +62,7 @@ const CDropdown = defineComponent({
     /**
      * Appends the vue dropdown menu to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
      *
-     * @since v5.0.0-beta.0
+     * @since v5.0.0-beta.1
      */
     container: {
       type: [Object, String] as PropType<
@@ -117,7 +117,7 @@ const CDropdown = defineComponent({
     /**
      * Generates dropdown menu using Teleport.
      *
-     * @since v5.0.0-beta.0
+     * @since v5.0.0-beta.1
      */
     teleport: {
       type: Boolean,
diff --git a/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts b/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
index 04db05a7..c440bbda 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
@@ -49,7 +49,7 @@ const CDropdownToggle = defineComponent({
     /**
      * If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.
      *
-     * @since v5.0.0-beta.0
+     * @since v5.0.0-beta.1
      */
     navLink: {
       type: Boolean,
diff --git a/packages/coreui-vue/src/components/modal/CModal.ts b/packages/coreui-vue/src/components/modal/CModal.ts
index d1f8e7e6..ab3a0d3c 100644
--- a/packages/coreui-vue/src/components/modal/CModal.ts
+++ b/packages/coreui-vue/src/components/modal/CModal.ts
@@ -54,7 +54,7 @@ const CModal = defineComponent({
     /**
      * Puts the focus on the modal when shown.
      *
-     * @since v5.0.0-beta.0
+     * @since v5.0.0-beta.1
      */
     focus: {
       type: Boolean,
diff --git a/packages/coreui-vue/src/components/popover/CPopover.ts b/packages/coreui-vue/src/components/popover/CPopover.ts
index 90cb8601..e0bbb671 100644
--- a/packages/coreui-vue/src/components/popover/CPopover.ts
+++ b/packages/coreui-vue/src/components/popover/CPopover.ts
@@ -23,7 +23,7 @@ const CPopover = defineComponent({
     /**
      * Appends the vue popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
      *
-     * @since v5.0.0-beta.0
+     * @since v5.0.0-beta.1
      */
     container: {
       type: [Object, String] as PropType<HTMLElement | (() => HTMLElement) | string>,
diff --git a/packages/coreui-vue/src/components/progress/CProgress.ts b/packages/coreui-vue/src/components/progress/CProgress.ts
index 45450b22..b1f62c81 100644
--- a/packages/coreui-vue/src/components/progress/CProgress.ts
+++ b/packages/coreui-vue/src/components/progress/CProgress.ts
@@ -23,7 +23,7 @@ const CProgress = defineComponent({
     /**
      * A string of all className you want applied to the <CProgressBar/> component.
      *
-     * @since 5.0.0-beta.0
+     * @since 5.0.0-beta.1
      */
     progressBarClassName: String,
     /**
diff --git a/packages/coreui-vue/src/components/tooltip/CTooltip.ts b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
index c360d44c..db0b1fd3 100644
--- a/packages/coreui-vue/src/components/tooltip/CTooltip.ts
+++ b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
@@ -23,7 +23,7 @@ const CTooltip = defineComponent({
     /**
      * Appends the vue tooltip to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
      *
-     * @since v5.0.0-beta.0
+     * @since v5.0.0-beta.1
      */
     container: {
       type: [Object, String] as PropType<
diff --git a/packages/docs/api/conditional-teleport/CConditionalTeleport.api.md b/packages/docs/api/conditional-teleport/CConditionalTeleport.api.md
index 81c68676..3db09be8 100644
--- a/packages/docs/api/conditional-teleport/CConditionalTeleport.api.md
+++ b/packages/docs/api/conditional-teleport/CConditionalTeleport.api.md
@@ -10,5 +10,5 @@ import CConditionalTeleport from '@coreui/vue/src/components/conditional-telepor
 
 | Prop name                                                            | Description                                                                                     | Type                                         | Values | Default |
 | -------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------- | -------------------------------------------- | ------ | ------- |
-| **container** <br><div class="badge bg-primary">v5.0.0-beta.0+</div> | An HTML element or function that returns a single element, with `document.body` as the default. | HTMLElement \| (() => HTMLElement) \| string | -      | 'body'  |
+| **container** <br><div class="badge bg-primary">v5.0.0-beta.1+</div> | An HTML element or function that returns a single element, with `document.body` as the default. | HTMLElement \| (() => HTMLElement) \| string | -      | 'body'  |
 | **teleport**                                                         | Render some children into a different part of the DOM                                           | boolean                                      | -      | true    |
diff --git a/packages/docs/api/dropdown/CDropdown.api.md b/packages/docs/api/dropdown/CDropdown.api.md
index 74f34cc5..56b38832 100644
--- a/packages/docs/api/dropdown/CDropdown.api.md
+++ b/packages/docs/api/dropdown/CDropdown.api.md
@@ -12,14 +12,14 @@ import CDropdown from '@coreui/vue/src/components/dropdown/CDropdown'
 | -------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- |
 | **alignment**                                                        | Set aligment of dropdown menu.                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | string \| Alignments                         | `{ 'start' \| 'end' \| { xs: 'start' \| 'end' } \| { sm: 'start' \| 'end' } \| { md: 'start' \| 'end' } \| { lg: 'start' \| 'end' } \| { xl: 'start' \| 'end'} \| { xxl: 'start' \| 'end'} }` | -              |
 | **auto-close**                                                       | Configure the auto close behavior of the dropdown:<br>- `true` - the dropdown will be closed by clicking outside or inside the dropdown menu.<br>- `false` - the dropdown will be closed by clicking the toggle button and manually calling hide or toggle method. (Also will not be closed by pressing esc key)<br>- `'inside'` - the dropdown will be closed (only) by clicking inside the dropdown menu.<br>- `'outside'` - the dropdown will be closed (only) by clicking outside the dropdown menu. | boolean\|string                              | -                                                                                                                                                                                             | true           |
-| **container** <br><div class="badge bg-primary">v5.0.0-beta.0+</div> | Appends the vue dropdown menu to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                                                                                                                                                                                                                                                                 | HTMLElement \| (() => HTMLElement) \| string | -                                                                                                                                                                                             | 'body'         |
+| **container** <br><div class="badge bg-primary">v5.0.0-beta.1+</div> | Appends the vue dropdown menu to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                                                                                                                                                                                                                                                                 | HTMLElement \| (() => HTMLElement) \| string | -                                                                                                                                                                                             | 'body'         |
 | **dark**                                                             | Sets a darker color scheme to match a dark navbar.                                                                                                                                                                                                                                                                                                                                                                                                                                                       | boolean                                      | -                                                                                                                                                                                             | -              |
 | **direction**                                                        | Sets a specified direction and location of the dropdown menu.                                                                                                                                                                                                                                                                                                                                                                                                                                            | string                                       | `'center'`, `'dropup'`, `'dropup-center'`, `'dropend'`, `'dropstart'`                                                                                                                         | -              |
 | **disabled**                                                         | Toggle the disabled state for the component.                                                                                                                                                                                                                                                                                                                                                                                                                                                             | boolean                                      | -                                                                                                                                                                                             | -              |
 | **offset** <br><div class="badge bg-primary">4.9.0+</div>            | Offset of the dropdown menu relative to its target.                                                                                                                                                                                                                                                                                                                                                                                                                                                      | array                                        | -                                                                                                                                                                                             | [0, 2]         |
 | **placement**                                                        | Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.                                                                                                                                                                                                                                                                                                                                     | Placement                                    | `'auto'`, `'top-end'`, `'top'`, `'top-start'`, `'bottom-end'`, `'bottom'`, `'bottom-start'`, `'right-start'`, `'right'`, `'right-end'`, `'left-start'`, `'left'`, `'left-end'`                | 'bottom-start' |
 | **popper**                                                           | If you want to disable dynamic positioning set this property to `true`.                                                                                                                                                                                                                                                                                                                                                                                                                                  | boolean                                      | -                                                                                                                                                                                             | true           |
-| **teleport** <br><div class="badge bg-primary">v5.0.0-beta.0+</div>  | Generates dropdown menu using Teleport.                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | boolean                                      | -                                                                                                                                                                                             | false          |
+| **teleport** <br><div class="badge bg-primary">v5.0.0-beta.1+</div>  | Generates dropdown menu using Teleport.                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | boolean                                      | -                                                                                                                                                                                             | false          |
 | **trigger**                                                          | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.                                                                                                                                                                                                                                                                                                                                                                                      | Triggers                                     | -                                                                                                                                                                                             | 'click'        |
 | **variant**                                                          | Set the dropdown variant to an btn-group, dropdown, input-group, and nav-item.                                                                                                                                                                                                                                                                                                                                                                                                                           | string                                       | `'btn-group'`, `'dropdown'`, `'input-group'`, `'nav-item'`                                                                                                                                    | 'btn-group'    |
 | **visible**                                                          | Toggle the visibility of dropdown menu component.                                                                                                                                                                                                                                                                                                                                                                                                                                                        | boolean                                      | -                                                                                                                                                                                             | -              |
diff --git a/packages/docs/api/dropdown/CDropdownToggle.api.md b/packages/docs/api/dropdown/CDropdownToggle.api.md
index ac789eb1..dd403a9a 100644
--- a/packages/docs/api/dropdown/CDropdownToggle.api.md
+++ b/packages/docs/api/dropdown/CDropdownToggle.api.md
@@ -15,7 +15,7 @@ import CDropdownToggle from '@coreui/vue/src/components/dropdown/CDropdownToggle
 | **component**                                                       | Component used for the root node. Either a string to use a HTML element or a component.                                                                                                                       | string   | -                                                                                               | 'button' |
 | **custom**                                                          | Create a custom toggler which accepts any content.                                                                                                                                                            | boolean  | -                                                                                               | -        |
 | **disabled**                                                        | Toggle the disabled state for the component.                                                                                                                                                                  | boolean  | -                                                                                               | -        |
-| **nav-link** <br><div class="badge bg-primary">v5.0.0-beta.0+</div> | If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.                                                                                                           | boolean  | -                                                                                               | true     |
+| **nav-link** <br><div class="badge bg-primary">v5.0.0-beta.1+</div> | If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.                                                                                                           | boolean  | -                                                                                               | true     |
 | **size**                                                            | Size the component small or large.                                                                                                                                                                            | string   | `'sm'`, `'lg'`                                                                                  | -        |
 | **split**                                                           | Similarly, create split button dropdowns with virtually the same markup as single button dropdowns, but with the addition of `.dropdown-toggle-split` className for proper spacing around the dropdown caret. | boolean  | -                                                                                               | -        |
 | **trigger**                                                         | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.<br/>`@type` 'hover' \| 'focus' \| 'click'                                                 | Triggers | -                                                                                               | 'click'  |
diff --git a/packages/docs/api/modal/CModal.api.md b/packages/docs/api/modal/CModal.api.md
index 487c2265..6ae31e41 100644
--- a/packages/docs/api/modal/CModal.api.md
+++ b/packages/docs/api/modal/CModal.api.md
@@ -13,7 +13,7 @@ import CModal from '@coreui/vue/src/components/modal/CModal'
 | **alignment**                                                    | Align the modal in the center or top of the screen.                                                                                | string          | `'top'`, `'center'`                                | 'top'   |
 | **backdrop**                                                     | Apply a backdrop on body while offcanvas is open.                                                                                  | boolean\|string | `boolean \| 'static'`                              | true    |
 | **content-class-name**                                           | A string of all className you want applied to the modal content component.                                                         | string          | -                                                  | -       |
-| **focus** <br><div class="badge bg-primary">v5.0.0-beta.0+</div> | Puts the focus on the modal when shown.                                                                                            | boolean         | -                                                  | true    |
+| **focus** <br><div class="badge bg-primary">v5.0.0-beta.1+</div> | Puts the focus on the modal when shown.                                                                                            | boolean         | -                                                  | true    |
 | **fullscreen**                                                   | Set modal to covers the entire user viewport                                                                                       | boolean\|string | `boolean`, `'sm'`, `'md'`, `'lg'`, `'xl'`, `'xxl'` | -       |
 | **keyboard**                                                     | Closes the modal when escape key is pressed.                                                                                       | boolean         | -                                                  | true    |
 | **scrollable**                                                   | Create a scrollable modal that allows scrolling the modal body.                                                                    | boolean         | -                                                  | -       |
diff --git a/packages/docs/api/popover/CPopover.api.md b/packages/docs/api/popover/CPopover.api.md
index e4b5bdc1..3e440549 100644
--- a/packages/docs/api/popover/CPopover.api.md
+++ b/packages/docs/api/popover/CPopover.api.md
@@ -11,7 +11,7 @@ import CPopover from '@coreui/vue/src/components/popover/CPopover'
 | Prop name                                                              | Description                                                                                                                                                                                                                                                     | Type                                         | Values                          | Default                                  |
 | ---------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | ------------------------------- | ---------------------------------------- |
 | **animation** <br><div class="badge bg-primary">4.9.0+</div>           | Apply a CSS fade transition to the popover.                                                                                                                                                                                                                     | boolean                                      | -                               | true                                     |
-| **container** <br><div class="badge bg-primary">v5.0.0-beta.0+</div>   | Appends the vue popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                              | HTMLElement \| (() => HTMLElement) \| string | -                               | 'body'                                   |
+| **container** <br><div class="badge bg-primary">v5.0.0-beta.1+</div>   | Appends the vue popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                              | HTMLElement \| (() => HTMLElement) \| string | -                               | 'body'                                   |
 | **content**                                                            | Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`                                                                                                                                  | string                                       | -                               | -                                        |
 | **delay** <br><div class="badge bg-primary">4.9.0+</div>               | The delay for displaying and hiding the popover (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`. | number \| { show: number; hide: number }     | -                               | 0                                        |
 | **fallback-placements** <br><div class="badge bg-primary">4.9.0+</div> | Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.                                                                                                       | Placements \| Placements[]                   | -                               | () => ['top', 'right', 'bottom', 'left'] |
diff --git a/packages/docs/api/progress/CProgress.api.md b/packages/docs/api/progress/CProgress.api.md
index 67a38247..7ed81b2c 100644
--- a/packages/docs/api/progress/CProgress.api.md
+++ b/packages/docs/api/progress/CProgress.api.md
@@ -13,7 +13,7 @@ import CProgress from '@coreui/vue/src/components/progress/CProgress'
 | **animated**                                                                      | Use to animate the stripes right to left via CSS3 animations.                                                             | boolean | -                                                                                               | -       |
 | **color**                                                                         | Sets the color context of the component to one of CoreUI’s themed colors.                                                 | string  | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | -       |
 | **height**                                                                        | Sets the height of the component. If you set that value the inner `<CProgressBar>` will automatically resize accordingly. | number  | -                                                                                               | -       |
-| **progress-bar-class-name** <br><div class="badge bg-primary">5.0.0-beta.0+</div> | A string of all className you want applied to the <CProgressBar/> component.                                              | string  | -                                                                                               | -       |
+| **progress-bar-class-name** <br><div class="badge bg-primary">5.0.0-beta.1+</div> | A string of all className you want applied to the <CProgressBar/> component.                                              | string  | -                                                                                               | -       |
 | **thin**                                                                          | Makes progress bar thinner.                                                                                               | boolean | -                                                                                               | -       |
 | **value**                                                                         | The percent to progress the ProgressBar.                                                                                  | number  | -                                                                                               | 0       |
 | **variant**                                                                       | Set the progress bar variant to optional striped.                                                                         | string  | `'striped'`                                                                                     | -       |
diff --git a/packages/docs/api/tooltip/CTooltip.api.md b/packages/docs/api/tooltip/CTooltip.api.md
index ead95837..f8e10ff4 100644
--- a/packages/docs/api/tooltip/CTooltip.api.md
+++ b/packages/docs/api/tooltip/CTooltip.api.md
@@ -11,7 +11,7 @@ import CTooltip from '@coreui/vue/src/components/tooltip/CTooltip'
 | Prop name                                                              | Description                                                                                                                                                                                                                                                     | Type                                         | Values                          | Default                                  |
 | ---------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | ------------------------------- | ---------------------------------------- |
 | **animation** <br><div class="badge bg-primary">4.9.0+</div>           | Apply a CSS fade transition to the tooltip.                                                                                                                                                                                                                     | boolean                                      | -                               | true                                     |
-| **container** <br><div class="badge bg-primary">v5.0.0-beta.0+</div>   | Appends the vue tooltip to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                              | HTMLElement \| (() => HTMLElement) \| string | -                               | 'body'                                   |
+| **container** <br><div class="badge bg-primary">v5.0.0-beta.1+</div>   | Appends the vue tooltip to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                              | HTMLElement \| (() => HTMLElement) \| string | -                               | 'body'                                   |
 | **content**                                                            | Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`                                                                                                                                  | string                                       | -                               | -                                        |
 | **delay** <br><div class="badge bg-primary">4.9.0+</div>               | The delay for displaying and hiding the popover (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`. | number \| { show: number; hide: number }     | -                               | 0                                        |
 | **fallback-placements** <br><div class="badge bg-primary">4.9.0+</div> | Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.                                                                                                       | Placements \| Placements[]                   | -                               | () => ['top', 'right', 'bottom', 'left'] |
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 0851fe40..7084ddf5 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue-docs",
-  "version": "5.0.0-beta.0",
+  "version": "5.0.0-beta.1",
   "scripts": {
     "api": "vue-docgen -c build/docgen.config.js",
     "dev": "vuepress dev --clean-cache",

From 8ff2bfb9b25f4a3eed8f0342791aa70074568004 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Wed, 8 Nov 2023 15:07:21 +0100
Subject: [PATCH 226/346] refactor(CToaster): remove utility class from
 component

---
 packages/coreui-vue/src/components/toast/CToaster.ts |  2 +-
 packages/docs/components/toast.md                    | 12 ++++++------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/coreui-vue/src/components/toast/CToaster.ts b/packages/coreui-vue/src/components/toast/CToaster.ts
index 6e5b8381..12217da4 100644
--- a/packages/coreui-vue/src/components/toast/CToaster.ts
+++ b/packages/coreui-vue/src/components/toast/CToaster.ts
@@ -31,7 +31,7 @@ const CToaster = defineComponent({
         'div',
         {
           class: [
-            'toaster toast-container p-3',
+            'toaster toast-container',
             {
               'position-fixed': props.placement,
               'top-0': props.placement && props.placement.includes('top'),
diff --git a/packages/docs/components/toast.md b/packages/docs/components/toast.md
index 1d27d176..8e156b5e 100644
--- a/packages/docs/components/toast.md
+++ b/packages/docs/components/toast.md
@@ -65,8 +65,8 @@ Toasts are as flexible as you need and have very little required markup. At a mi
 
 :::demo
 <CButton color="primary" @click="createToast">Send a toast</CButton>
-<CToaster placement="top-end">
-  <CToast v-for="(toast, index) in toasts" visible>
+<CToaster class="p-3" placement="top-end">
+  <CToast v-for="(toast, index) in toasts" visible :key="index">
     <CToastHeader closeButton>
     <span class="me-auto fw-bold">{{toast.title}}</span>
     <small>7 min ago</small>
@@ -80,8 +80,8 @@ Toasts are as flexible as you need and have very little required markup. At a mi
 ```vue
 <template>
   <CButton color="primary" @click="createToast">Send a toast</CButton>
-  <CToaster placement="top-end" visible>
-    <CToast v-for="(toast, index) in toasts">
+  <CToaster class="p-3" placement="top-end">
+    <CToast v-for="(toast, index) in toasts" visible :key="index">
       <CToastHeader closeButton>
       <span class="me-auto fw-bold">{{toast.title}}</span>
       <small>7 min ago</small>
@@ -181,7 +181,7 @@ Toasts are slightly translucent to blend in with what's below them.
 You can stack toasts by wrapping them in a toast container, which will vertically add some spacing.
 
 ::: demo
-<CToaster class="position-relative" >
+<CToaster class="position-static">
 <CToast :autohide="false" visible>
 <CToastHeader closeButton>
 <svg
@@ -222,7 +222,7 @@ You can stack toasts by wrapping them in a toast container, which will verticall
 :::
 
 ```vue
-<CToaster>
+<CToaster class="position-static">
   <CToast :autohide="false" visible>
     <CToastHeader closeButton>
       <svg

From 9e749b3c7bf2117c829a5a8a797be321294fe13c Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Wed, 8 Nov 2023 15:30:52 +0100
Subject: [PATCH 227/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@typescript-eslint/eslint-plugin  ^6.9.1  →  ^6.10.0
@typescript-eslint/parser         ^6.9.1  →  ^6.10.0
eslint                            8.52.0  →   8.53.0
---
 package.json | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index ee90e89c..cef0203f 100644
--- a/package.json
+++ b/package.json
@@ -22,12 +22,12 @@
     "test:update": "npm-run-all charts:test:update icons:test:update lib:test:update"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^6.9.1",
-    "@typescript-eslint/parser": "^6.9.1",
+    "@typescript-eslint/eslint-plugin": "^6.10.0",
+    "@typescript-eslint/parser": "^6.10.0",
     "@vue/eslint-config-prettier": "^8.0.0",
     "@vue/eslint-config-typescript": "^12.0.0",
     "@vue/vue3-jest": "29.2.6",
-    "eslint": "8.52.0",
+    "eslint": "8.53.0",
     "eslint-plugin-prettier": "^5.0.1",
     "eslint-plugin-vue": "^9.18.1",
     "eslint-config-prettier": "^9.0.0",

From 9be276716e3e232c705be52f58697c8ec9e09d47 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Wed, 8 Nov 2023 15:39:39 +0100
Subject: [PATCH 228/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@coreui/coreui  ^5.0.0-beta.1  →  ^5.0.0-beta.2
@types/jest           ^29.5.7  →        ^29.5.8
rollup                 ^4.2.0  →         ^4.3.0
vue                    ^3.3.7  →         ^3.3.8
---
 packages/coreui-vue/package.json | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index 68f2d950..305dadbe 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -41,24 +41,24 @@
     "test:update": "jest --coverage --updateSnapshot"
   },
   "dependencies": {
-    "@coreui/coreui": "^5.0.0-beta.1",
+    "@coreui/coreui": "^5.0.0-beta.2",
     "@popperjs/core": "^2.11.8"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-typescript": "^11.1.5",
-    "@types/jest": "^29.5.7",
+    "@types/jest": "^29.5.8",
     "@vue/test-utils": "^2.4.1",
     "@vue/vue3-jest": "29.2.6",
     "cross-env": "^7.0.3",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "rollup": "^4.2.0",
+    "rollup": "^4.3.0",
     "rollup-plugin-vue": "^6.0.0",
     "ts-jest": "^29.1.1",
     "typescript": "^5.2.2",
-    "vue": "^3.3.7",
+    "vue": "^3.3.8",
     "vue-types": "^5.1.1"
   },
   "peerDependencies": {

From 90fc11ef3c70f7786ceaeb2b6adcf674ebc6248c Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Wed, 8 Nov 2023 15:46:36 +0100
Subject: [PATCH 229/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@coreui/coreui       ^5.0.0-beta.1  →  ^5.0.0-beta.2
@coreui/chartjs      ^4.0.0-beta.0  →  ^4.0.0-beta.1
@coreui/vue-chartjs  ^2.1.0         →  ^3.0.0-beta.0
---
 packages/docs/package.json | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/docs/package.json b/packages/docs/package.json
index 7084ddf5..ace4e690 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -8,12 +8,12 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@coreui/chartjs": "^3.1.2",
-    "@coreui/coreui": "^5.0.0-beta.1",
+    "@coreui/chartjs": "^4.0.0-beta.1",
+    "@coreui/coreui": "^5.0.0-beta.2",
     "@coreui/icons": "^3.0.1",
     "@coreui/icons-vue": "^2.0.0",
     "@coreui/utils": "^2.0.2",
-    "@coreui/vue-chartjs": "^2.1.0",
+    "@coreui/vue-chartjs": "^3.0.0-beta.0",
     "@docsearch/css": "^3.5.2",
     "@docsearch/js": "^3.5.2",
     "@vuepress/plugin-register-components": "2.0.0-beta.67",

From 26c38af42f92df5220bfbad39b2713fd0323a2ce Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Wed, 8 Nov 2023 18:22:55 +0100
Subject: [PATCH 230/346] docs: update README

---
 README.md | 50 +++++++++-----------------------------------------
 1 file changed, 9 insertions(+), 41 deletions(-)

diff --git a/README.md b/README.md
index 8ffb551c..5a546982 100644
--- a/README.md
+++ b/README.md
@@ -211,55 +211,23 @@ See [the Releases section of our project](https://github.com/coreui/coreui-vue/r
 
 **Łukasz Holeczek**
 
-- <https://twitter.com/lukaszholeczek>
-- <https://github.com/mrholek>
+* <https://twitter.com/lukaszholeczek>
+* <https://github.com/mrholek>
 
 **Andrzej Kopański**
 
-- <https://github.com/xidedix>
+* <https://github.com/xidedix>
 
-**The CoreUI Team**
+**CoreUI Team**
 
-- <https://github.com/orgs/coreui/people>
+* <https://twitter.com/core_ui>
+* <https://github.com/coreui>
+* <https://github.com/orgs/coreui/people>
 
 ## Support CoreUI Development
 
-CoreUI is an MIT-licensed open source project and is completely free to use. However, the amount of effort needed to maintain and develop new features for the project is not sustainable without proper financial backing. You can support development by buying the [CoreUI PRO](https://coreui.io/pricing/) or by becoming a sponsor via [Open Collective](https://opencollective.com/coreui/).
-
-<!--- StartOpenCollectiveBackers -->
-
-### Platinum Sponsors
-
-Support this project by [becoming a Platinum Sponsor](https://opencollective.com/coreui/contribute/platinum-sponsor-40959/). A large company logo will be added here with a link to your website.
-
-<a href="https://opencollective.com/coreui/contribute/platinum-sponsor-40959/checkout"><img src="https://opencollective.com/coreui/tiers/platinum-sponsor/0/avatar.svg?avatarHeight=100"></a>
-
-### Gold Sponsors
-
-Support this project by [becoming a Gold Sponsor](https://opencollective.com/coreui/contribute/gold-sponsor-40960/). A big company logo will be added here with a link to your website.
-
-<a href="https://opencollective.com/coreui/contribute/gold-sponsor-40960/checkout"><img src="https://opencollective.com/coreui/tiers/gold-sponsor/0/avatar.svg?avatarHeight=100"></a> 
-
-### Silver Sponsors
-
-Support this project by [becoming a Silver Sponsor](https://opencollective.com/coreui/contribute/silver-sponsor-40967/). A medium company logo will be added here with a link to your website.
-
-<a href="https://opencollective.com/coreui/contribute/silver-sponsor-40967/checkout"><img src="https://opencollective.com/coreui/tiers/gold-sponsor/0/avatar.svg?avatarHeight=100"></a>
-
-### Bronze Sponsors
-
-Support this project by [becoming a Bronze Sponsor](https://opencollective.com/coreui/contribute/bronze-sponsor-40966/). The company avatar will show up here with a link to your OpenCollective Profile.
-
-<a href="https://opencollective.com/coreui/contribute/bronze-sponsor-40966/checkout"><img src="https://opencollective.com/coreui/tiers/bronze-sponsor/0/avatar.svg?avatarHeight=100"></a> 
-
-### Backers
-
-Thanks to all the backers and sponsors! Support this project by [becoming a backer](https://opencollective.com/coreui/contribute/backer-40965/).
-
-<a href="https://opencollective.com/coreui/contribute/backer-40965/checkout" target="_blank" rel="noopener"><img src="https://opencollective.com/coreui/backers.svg?width=890"></a>
-
-<!--- EndOpenCollectiveBackers -->
+CoreUI is an MIT-licensed open source project and is completely free to use. However, the amount of effort needed to maintain and develop new features for the project is not sustainable without proper financial backing. You can support development by buying the [CoreUI PRO](https://coreui.io/pricing/?framework=vue&src=github-coreui-vue) or by becoming a sponsor via [Open Collective](https://opencollective.com/coreui/).
 
 ## Copyright and license
 
-Copyright 2022 creativeLabs Łukasz Holeczek. Code released under the [MIT License](https://github.com/coreui/coreui-vue/blob/main/LICENSE). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/).
+Copyright 2023 creativeLabs Łukasz Holeczek. Code released under the [MIT License](https://github.com/coreui/coreui-vue/blob/main/LICENSE). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/).

From 07aaa85baa05ed0ce8b4d84659bfb5a736181459 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Wed, 8 Nov 2023 18:29:30 +0100
Subject: [PATCH 231/346] docs: update README

---
 README.md | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/README.md b/README.md
index 5a546982..cb558955 100644
--- a/README.md
+++ b/README.md
@@ -148,11 +148,7 @@ import "bootstrap/dist/css/bootstrap.min.css";
 
 ## Status
 
-[![Build Status](https://github.com/coreui/coreui-vue/workflows/JS%20Tests/badge.svg?branch=main)](https://github.com/coreui/coreui-vue/actions?query=workflow%3AJS+Tests+branch%3Amain)
 [![npm version](https://img.shields.io/npm/v/@coreui/vue)](https://www.npmjs.com/package/@coreui/vue)
-[![peerDependencies Status](https://img.shields.io/david/peer/coreui/coreui)](https://david-dm.org/coreui/coreui?type=peer)
-[![devDependency Status](https://img.shields.io/david/dev/coreui/coreui)](https://david-dm.org/coreui/coreui?type=dev)
-[![Coverage Status](https://img.shields.io/coveralls/github/coreui/coreui-vue/v4)](https://coveralls.io/github/coreui/coreui-vue?branch=v4)
 
 ## Bugs and feature requests
 

From f6b3831c75cdca46f3904237214568a92d8647ee Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 9 Nov 2023 13:51:57 +0100
Subject: [PATCH 232/346] refactor(CSidebar): improve responsive behavior

---
 packages/coreui-vue/src/components/sidebar/CSidebar.ts | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/coreui-vue/src/components/sidebar/CSidebar.ts b/packages/coreui-vue/src/components/sidebar/CSidebar.ts
index b3b4c4f7..f54fef8b 100644
--- a/packages/coreui-vue/src/components/sidebar/CSidebar.ts
+++ b/packages/coreui-vue/src/components/sidebar/CSidebar.ts
@@ -70,7 +70,10 @@ const CSidebar = defineComponent({
     /**
      * Toggle the visibility of sidebar component.
      */
-    visible: Boolean,
+    visible: {
+      type: Boolean,
+      default: undefined,
+    },
   },
   emits: [
     /**
@@ -96,8 +99,6 @@ const CSidebar = defineComponent({
       props.visible !== undefined ? props.visible : props.overlaid ? false : true,
     )
 
-    // const visible = ref(props.visible)
-
     watch(inViewport, () => {
       emit('visible-change', inViewport.value)
       inViewport.value ? emit('show') : emit('hide')
@@ -194,7 +195,8 @@ const CSidebar = defineComponent({
               [`sidebar-${props.position}`]: props.position,
               [`sidebar-${props.size}`]: props.size,
               'sidebar-narrow-unfoldable': props.unfoldable,
-              show: (mobile.value && visibleMobile.value) || (props.overlaid && visibleDesktop.value),
+              show:
+                (mobile.value && visibleMobile.value) || (props.overlaid && visibleDesktop.value),
               hide: visibleDesktop.value === false && !mobile.value && !props.overlaid,
             },
             attrs.class,

From 1dc80d3578a2322102b55ed12bbaf78273bf8fb7 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 9 Nov 2023 13:52:19 +0100
Subject: [PATCH 233/346] docs: update examples

---
 packages/docs/.vuepress/client.ts             |   2 +
 packages/docs/.vuepress/config.ts             |  10 +
 .../client/styles/_component-examples.scss    |  10 +
 packages/docs/components/sidebar.md           | 343 ++++++++++++++++--
 4 files changed, 340 insertions(+), 25 deletions(-)

diff --git a/packages/docs/.vuepress/client.ts b/packages/docs/.vuepress/client.ts
index a793a702..4c650e5f 100644
--- a/packages/docs/.vuepress/client.ts
+++ b/packages/docs/.vuepress/client.ts
@@ -21,6 +21,7 @@ import {
   cilContrast,
   cilHandshake,
   cilInfo,
+  cilLayers,
   cilMenu,
   cilMoon,
   cilOptions,
@@ -49,6 +50,7 @@ export const icons = {
   cilContrast,
   cilHandshake,
   cilInfo,
+  cilLayers,
   cilMenu,
   cilMoon,
   cilOptions,
diff --git a/packages/docs/.vuepress/config.ts b/packages/docs/.vuepress/config.ts
index 38bf8c24..3e101e15 100644
--- a/packages/docs/.vuepress/config.ts
+++ b/packages/docs/.vuepress/config.ts
@@ -66,6 +66,16 @@ export default defineUserConfig({
         }
       },
     }),
+    containerPlugin({
+      type: 'demo-bg-secondary',
+      render: function (tokens, idx) {
+        if (tokens[idx].nesting === 1) {
+          return '<div class="docs-example rounded-top p-0 bg-body-secondary overflow-hidden">\n'
+        } else {
+          return '</div>\n'
+        }
+      },
+    }),
     tocPlugin({}),
     registerComponentsPlugin({
       components: {
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_component-examples.scss b/packages/docs/.vuepress/theme-coreui/src/client/styles/_component-examples.scss
index 23751fd7..10462b61 100644
--- a/packages/docs/.vuepress/theme-coreui/src/client/styles/_component-examples.scss
+++ b/packages/docs/.vuepress/theme-coreui/src/client/styles/_component-examples.scss
@@ -110,6 +110,16 @@
     margin-bottom: 0;
   }
 
+    // Sidebar
+    .sidebar-narrow,
+    .sidebar-narrow-unfoldable {
+      position: static;
+    }
+  
+    .sidebar-narrow-unfoldable {
+      min-height: 550px;
+    }
+
   // Spinners
   > .spinner-grow + .spinner-border,
   > .spinner-border + .spinner-grow,
diff --git a/packages/docs/components/sidebar.md b/packages/docs/components/sidebar.md
index 99afd650..1f32c9c6 100644
--- a/packages/docs/components/sidebar.md
+++ b/packages/docs/components/sidebar.md
@@ -16,18 +16,172 @@ Sidebar come with built-in support for a handful of sub-components. Choose from
 
 ## Examples
 
-::: demo
-<CSidebar visible>
-  <CSidebarBrand>Sidebar Brand</CSidebarBrand>
+### Sidebar component
+
+Below is an sidebar example that is shown by default on desktop devices.
+
+::: demo-bg-secondary
+<CSidebar>
+  <CSidebarHeader class="border-bottom">
+    <CSidebarBrand>CoreUI</CSidebarBrand>
+  </CSidebarHeader>
+  <CSidebarNav>
+    <CNavTitle>Nav Title</CNavTitle>
+    <CNavItem href="#">
+      <CIcon  customClassName="nav-icon" icon="cil-speedometer"/> Nav item
+    </CNavItem>
+    <CNavItem href="#">
+      <CIcon  customClassName="nav-icon" icon="cil-speedometer"/> With badge
+      <CBadge class="ms-auto" color="primary">NEW</CBadge>
+    </CNavItem>
+    <CNavGroup>
+      <template #togglerContent>
+        <CIcon  customClassName="nav-icon" icon="cil-puzzle"/> Nav dropdown
+      </template>
+      <CNavItem href="#">
+        <span class="nav-icon"><span class="nav-icon-bullet"></span></span> Nav dropdown item
+      </CNavItem>
+      <CNavItem href="#">
+        <span class="nav-icon"><span class="nav-icon-bullet"></span></span> Nav dropdown item
+      </CNavItem>
+    </CNavGroup>
+    <CNavGroup>
+      <template #togglerContent>
+        <CIcon  customClassName="nav-icon" icon="cil-puzzle"/> Nav dropdown2
+      </template>
+      <CNavItem href="#">
+        <span class="nav-icon"><span class="nav-icon-bullet"></span></span> Nav dropdown item
+      </CNavItem>
+      <CNavItem href="#">
+        <span class="nav-icon"><span class="nav-icon-bullet"></span></span> Nav dropdown item
+      </CNavItem>
+    </CNavGroup>
+    <CNavItem href="https://coreui.io">
+      <CIcon customClassName="nav-icon" icon="cil-cloud-download" /> Download CoreUI
+    </CNavItem>
+    <CNavItem href="https://coreui.io/pro/">
+      <CIcon customClassName="nav-icon" icon="cil-layers" /> Try CoreUI PRO
+    </CNavItem>
+  </CSidebarNav>
+  <CSidebarFooter class="border-top">
+    <CSidebarToggler/>
+  </CSidebarFooter>
+</CSidebar>
+:::
+```vue
+<CSidebar>
+  <CSidebarHeader class="border-bottom">
+    <CSidebarBrand>CoreUI</CSidebarBrand>
+  </CSidebarHeader>
+  <CSidebarNav>
+    <CNavTitle>Nav Title</CNavTitle>
+    <CNavItem href="#">
+      <CIcon  customClassName="nav-icon" icon="cil-speedometer"/> Nav item
+    </CNavItem>
+    <CNavItem href="#">
+      <CIcon  customClassName="nav-icon" icon="cil-speedometer"/> With badge
+      <CBadge class="ms-auto" color="primary">NEW</CBadge>
+    </CNavItem>
+    <CNavGroup>
+      <template #togglerContent>
+        <CIcon  customClassName="nav-icon" icon="cil-puzzle"/> Nav dropdown
+      </template>
+      <CNavItem href="#">
+        <span class="nav-icon"><span class="nav-icon-bullet"></span></span> Nav dropdown item
+      </CNavItem>
+      <CNavItem href="#">
+        <span class="nav-icon"><span class="nav-icon-bullet"></span></span> Nav dropdown item
+      </CNavItem>
+    </CNavGroup>
+    <CNavGroup>
+      <template #togglerContent>
+        <CIcon  customClassName="nav-icon" icon="cil-puzzle"/> Nav dropdown2
+      </template>
+      <CNavItem href="#">
+        <span class="nav-icon"><span class="nav-icon-bullet"></span></span> Nav dropdown item
+      </CNavItem>
+      <CNavItem href="#">
+        <span class="nav-icon"><span class="nav-icon-bullet"></span></span> Nav dropdown item
+      </CNavItem>
+    </CNavGroup>
+    <CNavItem href="https://coreui.io">
+      <CIcon customClassName="nav-icon" icon="cil-cloud-download" /> Download CoreUI
+    </CNavItem>
+    <CNavItem href="https://coreui.io/pro/">
+      <CIcon customClassName="nav-icon" icon="cil-layers" /> Try CoreUI PRO
+    </CNavItem>
+  </CSidebarNav>
+  <CSidebarFooter class="border-top">
+    <CSidebarToggler/>
+  </CSidebarFooter>
+</CSidebar>
+```
+
+### Narrow sidebar
+
+Add the `narrow` property to make the sidebar narrow.
+
+::: demo-bg-secondary
+<CSidebar narrow>
+  <CSidebarHeader class="border-bottom">
+    <CSidebarBrand>CUI</CSidebarBrand>
+  </CSidebarHeader>
+  <CSidebarNav>
+    <CNavTitle>Nav Title</CNavTitle>
+    <CNavItem href="#">
+      <CIcon  customClassName="nav-icon" icon="cil-speedometer"/>
+    </CNavItem>
+    <CNavItem href="#">
+      <CIcon  customClassName="nav-icon" icon="cil-speedometer"/>
+    </CNavItem>
+    <CNavItem href="https://coreui.io">
+      <CIcon customClassName="nav-icon" icon="cil-cloud-download" />
+    </CNavItem>
+    <CNavItem href="https://coreui.io/pro/">
+      <CIcon customClassName="nav-icon" icon="cil-layers" />
+    </CNavItem>
+  </CSidebarNav>
+</CSidebar>
+:::
+```vue
+<CSidebar narrow>
+  <CSidebarHeader class="border-bottom">
+    <CSidebarBrand>CUI</CSidebarBrand>
+  </CSidebarHeader>
   <CSidebarNav>
-    <li class="nav-title">Nav Title</li>
+    <CNavTitle>Nav Title</CNavTitle>
     <CNavItem href="#">
       <CIcon  customClassName="nav-icon" icon="cil-speedometer"/>
-      Nav item
     </CNavItem>
     <CNavItem href="#">
       <CIcon  customClassName="nav-icon" icon="cil-speedometer"/>
-      With badge
+    </CNavItem>
+    <CNavItem href="https://coreui.io">
+      <CIcon customClassName="nav-icon" icon="cil-cloud-download" />
+    </CNavItem>
+    <CNavItem href="https://coreui.io/pro/">
+      <CIcon customClassName="nav-icon" icon="cil-layers" />
+    </CNavItem>
+  </CSidebarNav>
+</CSidebar>
+```
+
+### Unfoldable sidebar
+
+Add the `unfoldable` property to make the sidebar narrow with unfoldable on hover.
+
+::: demo-bg-secondary
+<CSidebar unfoldable>
+  <CSidebarHeader class="border-bottom">
+    <CSidebarBrand>CUI</CSidebarBrand>
+  </CSidebarHeader>
+  <CSidebarNav>
+    <CNavTitle>Nav Title</CNavTitle>
+    <CNavItem href="#">
+      <CIcon  customClassName="nav-icon" icon="cil-speedometer"/> Nav item
+    </CNavItem>
+    <CNavItem href="#">
+      <CIcon  customClassName="nav-icon" icon="cil-speedometer"/> With badge
       <CBadge class="ms-auto" color="primary">NEW</CBadge>
     </CNavItem>
     <CNavGroup>
@@ -35,10 +189,10 @@ Sidebar come with built-in support for a handful of sub-components. Choose from
         <CIcon  customClassName="nav-icon" icon="cil-puzzle"/> Nav dropdown
       </template>
       <CNavItem href="#">
-        <CIcon  customClassName="nav-icon" icon="cil-puzzle"/> Nav dropdown item
+        <span class="nav-icon"><span class="nav-icon-bullet"></span></span> Nav dropdown item
       </CNavItem>
       <CNavItem href="#">
-         <CIcon  customClassName="nav-icon" icon="cil-puzzle"/> Nav dropdown item
+        <span class="nav-icon"><span class="nav-icon-bullet"></span></span> Nav dropdown item
       </CNavItem>
     </CNavGroup>
     <CNavGroup>
@@ -46,55 +200,192 @@ Sidebar come with built-in support for a handful of sub-components. Choose from
         <CIcon  customClassName="nav-icon" icon="cil-puzzle"/> Nav dropdown2
       </template>
       <CNavItem href="#">
-        <CIcon  customClassName="nav-icon" icon="cil-puzzle"/> Nav dropdown item
+        <span class="nav-icon"><span class="nav-icon-bullet"></span></span> Nav dropdown item
       </CNavItem>
       <CNavItem href="#">
-         <CIcon  customClassName="nav-icon" icon="cil-puzzle"/> Nav dropdown item
+        <span class="nav-icon"><span class="nav-icon-bullet"></span></span> Nav dropdown item
       </CNavItem>
     </CNavGroup>
+    <CNavItem href="https://coreui.io">
+      <CIcon customClassName="nav-icon" icon="cil-cloud-download" /> Download CoreUI
+    </CNavItem>
+    <CNavItem href="https://coreui.io/pro/">
+      <CIcon customClassName="nav-icon" icon="cil-layers" /> Try CoreUI PRO
+    </CNavItem>
   </CSidebarNav>
-  <CSidebarToggler/>
 </CSidebar>
 :::
 ```vue
-<CSidebar visible>
-  <CSidebarBrand>Sidebar Brand</CSidebarBrand>
+<CSidebar unfoldable>
+  <CSidebarHeader class="border-bottom">
+    <CSidebarBrand>CUI</CSidebarBrand>
+  </CSidebarHeader>
   <CSidebarNav>
-    <li class="nav-title">Nav Title</li>
+    <CNavTitle>Nav Title</CNavTitle>
     <CNavItem href="#">
-      <CIcon  customClassName="nav-icon" icon="cil-speedometer"/>
-      Nav item
+      <CIcon  customClassName="nav-icon" icon="cil-speedometer"/> Nav item
     </CNavItem>
     <CNavItem href="#">
-        <CIcon  customClassName="nav-icon" icon="cil-speedometer"/>
-        With badge
-        <CBadge color="primary ms-auto">NEW</CBadge>
+      <CIcon  customClassName="nav-icon" icon="cil-speedometer"/> With badge
+      <CBadge class="ms-auto" color="primary">NEW</CBadge>
     </CNavItem>
     <CNavGroup>
       <template #togglerContent>
         <CIcon  customClassName="nav-icon" icon="cil-puzzle"/> Nav dropdown
       </template>
       <CNavItem href="#">
-        <CIcon  customClassName="nav-icon" icon="cil-puzzle"/> Nav dropdown item
+        <span class="nav-icon"><span class="nav-icon-bullet"></span></span> Nav dropdown item
+      </CNavItem>
+      <CNavItem href="#">
+        <span class="nav-icon"><span class="nav-icon-bullet"></span></span> Nav dropdown item
+      </CNavItem>
+    </CNavGroup>
+    <CNavGroup>
+      <template #togglerContent>
+        <CIcon  customClassName="nav-icon" icon="cil-puzzle"/> Nav dropdown2
+      </template>
+      <CNavItem href="#">
+        <span class="nav-icon"><span class="nav-icon-bullet"></span></span> Nav dropdown item
       </CNavItem>
       <CNavItem href="#">
-         <CIcon  customClassName="nav-icon" icon="cil-puzzle"/> Nav dropdown item
+        <span class="nav-icon"><span class="nav-icon-bullet"></span></span> Nav dropdown item
       </CNavItem>
     </CNavGroup>
+    <CNavItem href="https://coreui.io">
+      <CIcon customClassName="nav-icon" icon="cil-cloud-download" /> Download CoreUI
+    </CNavItem>
+    <CNavItem href="https://coreui.io/pro/">
+      <CIcon customClassName="nav-icon" icon="cil-layers" /> Try CoreUI PRO
+    </CNavItem>
   </CSidebarNav>
-  <CSidebarToggler/>
 </CSidebar>
 ```
 
+## Dark sidebar
+
+Change the appearance of sidebars with the `colorScheme="dark"`.
+
+::: demo-bg-secondary
+<CSidebar colorScheme="dark">
+  <CSidebarHeader class="border-bottom">
+    <CSidebarBrand>CoreUI</CSidebarBrand>
+  </CSidebarHeader>
+  <CSidebarNav>
+    <CNavTitle>Nav Title</CNavTitle>
+    <CNavItem href="#">
+      <CIcon  customClassName="nav-icon" icon="cil-speedometer"/> Nav item
+    </CNavItem>
+    <CNavItem href="#">
+      <CIcon  customClassName="nav-icon" icon="cil-speedometer"/> With badge
+      <CBadge class="ms-auto" color="primary">NEW</CBadge>
+    </CNavItem>
+    <CNavGroup>
+      <template #togglerContent>
+        <CIcon  customClassName="nav-icon" icon="cil-puzzle"/> Nav dropdown
+      </template>
+      <CNavItem href="#">
+        <span class="nav-icon"><span class="nav-icon-bullet"></span></span> Nav dropdown item
+      </CNavItem>
+      <CNavItem href="#">
+        <span class="nav-icon"><span class="nav-icon-bullet"></span></span> Nav dropdown item
+      </CNavItem>
+    </CNavGroup>
+    <CNavGroup>
+      <template #togglerContent>
+        <CIcon  customClassName="nav-icon" icon="cil-puzzle"/> Nav dropdown2
+      </template>
+      <CNavItem href="#">
+        <span class="nav-icon"><span class="nav-icon-bullet"></span></span> Nav dropdown item
+      </CNavItem>
+      <CNavItem href="#">
+        <span class="nav-icon"><span class="nav-icon-bullet"></span></span> Nav dropdown item
+      </CNavItem>
+    </CNavGroup>
+    <CNavItem href="https://coreui.io">
+      <CIcon customClassName="nav-icon" icon="cil-cloud-download" /> Download CoreUI
+    </CNavItem>
+    <CNavItem href="https://coreui.io/pro/">
+      <CIcon customClassName="nav-icon" icon="cil-layers" /> Try CoreUI PRO
+    </CNavItem>
+  </CSidebarNav>
+  <CSidebarFooter class="border-top">
+    <CSidebarToggler/>
+  </CSidebarFooter>
+</CSidebar>
+:::
+```vue
+<CSidebar colorScheme="dark">
+  <CSidebarHeader class="border-bottom">
+    <CSidebarBrand>CoreUI</CSidebarBrand>
+  </CSidebarHeader>
+  <CSidebarNav>
+    <CNavTitle>Nav Title</CNavTitle>
+    <CNavItem href="#">
+      <CIcon  customClassName="nav-icon" icon="cil-speedometer"/> Nav item
+    </CNavItem>
+    <CNavItem href="#">
+      <CIcon  customClassName="nav-icon" icon="cil-speedometer"/> With badge
+      <CBadge class="ms-auto" color="primary">NEW</CBadge>
+    </CNavItem>
+    <CNavGroup>
+      <template #togglerContent>
+        <CIcon  customClassName="nav-icon" icon="cil-puzzle"/> Nav dropdown
+      </template>
+      <CNavItem href="#">
+        <span class="nav-icon"><span class="nav-icon-bullet"></span></span> Nav dropdown item
+      </CNavItem>
+      <CNavItem href="#">
+        <span class="nav-icon"><span class="nav-icon-bullet"></span></span> Nav dropdown item
+      </CNavItem>
+    </CNavGroup>
+    <CNavGroup>
+      <template #togglerContent>
+        <CIcon  customClassName="nav-icon" icon="cil-puzzle"/> Nav dropdown2
+      </template>
+      <CNavItem href="#">
+        <span class="nav-icon"><span class="nav-icon-bullet"></span></span> Nav dropdown item
+      </CNavItem>
+      <CNavItem href="#">
+        <span class="nav-icon"><span class="nav-icon-bullet"></span></span> Nav dropdown item
+      </CNavItem>
+    </CNavGroup>
+    <CNavItem href="https://coreui.io">
+      <CIcon customClassName="nav-icon" icon="cil-cloud-download" /> Download CoreUI
+    </CNavItem>
+    <CNavItem href="https://coreui.io/pro/">
+      <CIcon customClassName="nav-icon" icon="cil-layers" /> Try CoreUI PRO
+    </CNavItem>
+  </CSidebarNav>
+  <CSidebarFooter class="border-top">
+    <CSidebarToggler/>
+  </CSidebarFooter>
+</CSidebar>
+```
+
+## Placement
+
+By default placement for sidebar components is on the left of the viewport, but you can add one of the modifier classes below.
+
+- `placement="start"` places sidebar on the left of the viewport (shown above)
+- `placement="end"` places sidebar on the right of the viewport
+
 ## Customizing
 
 ### CSS variables
 
 Vue sidebars use local CSS variables on `.sidebar` and `.sidebar-backdrop` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
 
-<ScssDocs file="sidebar/_sidebar.scss" capture="sidebar-css-vars"/>
+<ScssDocs file="sidebar/_sidebar.scss" capture="sidebar-css-vars" />
 
-<ScssDocs file="sidebar/_sidebar.scss" capture="sidebar-backdrop-css-vars"/>
+<ScssDocs file="sidebar/_sidebar.scss" capture="sidebar-overlaid-css-vars" />
+
+<ScssDocs file="sidebar/_sidebar-narrow.scss" capture="sidebar-narrow-css-vars" />
+
+<ScssDocs file="sidebar/_sidebar-nav.scss" capture="sidebar-nav-css-vars" />
+
+<ScssDocs file="sidebar/_sidebar.scss" capture="sidebar-toggler-css-vars" />
+
+<ScssDocs file="sidebar/_sidebar.scss" capture="sidebar-backdrop-css-vars" />
 
 #### How to use CSS variables
 
@@ -108,7 +399,9 @@ return <CSidebar :style="vars">...</CSidebar>
 
 ### SASS variables
 
-<ScssDocs file="_variables.scss" capture="sidebar-variables"/>
+<ScssDocs file="_variables.scss" capture="sidebar-variables" />
+
+<ScssDocs file="_variables.scss" capture="sidebar-toggler" />
 
 ## API
 

From 96738206cf3d7439c906a04fd1c56e55f7430470 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 9 Nov 2023 18:52:40 +0100
Subject: [PATCH 234/346] build: update esling config

---
 .eslintrc.js | 47 +++++++++++++++++++++++++++++------------------
 1 file changed, 29 insertions(+), 18 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index c1c41a74..a0662dcd 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -1,4 +1,19 @@
+/**
+ * Copyright (c) 2013-present, creativeLabs Lukasz Holeczek.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict'
+
 module.exports = {
+  root: true, // So parent files don't get applied
+  env: {
+    es6: true,
+    browser: true,
+    node: true,
+  },
   parser: '@typescript-eslint/parser', // Specifies the ESLint parser
   parserOptions: {
     ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features
@@ -29,13 +44,11 @@ module.exports = {
     {
       files: ['**/*.mjs'],
       env: {
-        env: {
-          browser: false,
-          node: true,
-        },
-        parserOptions: {
-          sourceType: 'module',
-        },
+        browser: false,
+        node: true,
+      },
+      parserOptions: {
+        sourceType: 'module',
       },
     },
     {
@@ -47,17 +60,15 @@ module.exports = {
     {
       files: ['packages/docs/build/**'],
       env: {
-        env: {
-          browser: false,
-          node: true,
-        },
-        parserOptions: {
-          sourceType: 'script',
-        },
-        rules: {
-          'no-console': 'off',
-          strict: 'error',
-        },
+        browser: false,
+        node: true,
+      },
+      parserOptions: {
+        sourceType: 'script',
+      },
+      rules: {
+        'no-console': 'off',
+        strict: 'error',
       },
     },
   ],

From 2dbc3e8b3d2f46a0e09cc131408b49d3f1d6d7f6 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 9 Nov 2023 18:53:11 +0100
Subject: [PATCH 235/346] refactor: resolve eslint warnings

---
 .../conditional-teleport/CConditionalTeleport.ts         | 4 +---
 packages/coreui-vue/src/components/dropdown/CDropdown.ts | 4 +---
 packages/coreui-vue/src/components/sidebar/CSidebar.ts   | 2 +-
 packages/coreui-vue/src/components/tooltip/CTooltip.ts   | 4 +---
 packages/coreui-vue/src/shims-vue.d.ts                   | 9 +--------
 5 files changed, 5 insertions(+), 18 deletions(-)

diff --git a/packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts b/packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts
index ecbea529..4f5779d3 100644
--- a/packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts
+++ b/packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts
@@ -19,9 +19,7 @@ const CConditionalTeleport = defineComponent({
      * @since v5.0.0-beta.1
      */
     container: {
-      type: [Object, String] as PropType<
-        HTMLElement | (() => HTMLElement) | string
-      >,
+      type: [Object, String] as PropType<HTMLElement | (() => HTMLElement) | string>,
       default: 'body',
     },
     /**
diff --git a/packages/coreui-vue/src/components/dropdown/CDropdown.ts b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
index b9202c18..a6256bc3 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdown.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
@@ -65,9 +65,7 @@ const CDropdown = defineComponent({
      * @since v5.0.0-beta.1
      */
     container: {
-      type: [Object, String] as PropType<
-        HTMLElement | (() => HTMLElement) | string
-      >,
+      type: [Object, String] as PropType<HTMLElement | (() => HTMLElement) | string>,
       default: 'body',
     },
     /**
diff --git a/packages/coreui-vue/src/components/sidebar/CSidebar.ts b/packages/coreui-vue/src/components/sidebar/CSidebar.ts
index f54fef8b..64a5ef73 100644
--- a/packages/coreui-vue/src/components/sidebar/CSidebar.ts
+++ b/packages/coreui-vue/src/components/sidebar/CSidebar.ts
@@ -96,7 +96,7 @@ const CSidebar = defineComponent({
     const mobile = ref()
     const visibleMobile = ref(false)
     const visibleDesktop = ref(
-      props.visible !== undefined ? props.visible : props.overlaid ? false : true,
+      props.visible === undefined ? (props.overlaid ? false : true) : props.visible,
     )
 
     watch(inViewport, () => {
diff --git a/packages/coreui-vue/src/components/tooltip/CTooltip.ts b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
index db0b1fd3..3422bb42 100644
--- a/packages/coreui-vue/src/components/tooltip/CTooltip.ts
+++ b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
@@ -26,9 +26,7 @@ const CTooltip = defineComponent({
      * @since v5.0.0-beta.1
      */
     container: {
-      type: [Object, String] as PropType<
-        HTMLElement | (() => HTMLElement) | string
-      >,
+      type: [Object, String] as PropType<HTMLElement | (() => HTMLElement) | string>,
       default: 'body',
     },
     /**
diff --git a/packages/coreui-vue/src/shims-vue.d.ts b/packages/coreui-vue/src/shims-vue.d.ts
index ff02b35c..ac1ded79 100644
--- a/packages/coreui-vue/src/shims-vue.d.ts
+++ b/packages/coreui-vue/src/shims-vue.d.ts
@@ -1,12 +1,5 @@
-/*
 declare module '*.vue' {
-  import type { DefineComponent } from 'vue'
+  import { DefineComponent } from 'vue'
   const component: DefineComponent<{}, {}, any>
   export default component
 }
-*/
-declare module '*.vue' {
-  import { DefineComponent } from 'vue';
-  const component: DefineComponent<{}, {}, any>;
-  export default component;
-}
\ No newline at end of file

From 2af4eb2b668f8584ec0acd73c6446745453810fb Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 9 Nov 2023 19:10:21 +0100
Subject: [PATCH 236/346] docs: update content

---
 packages/docs/getting-started/introduction.md | 30 +++++++++++++------
 1 file changed, 21 insertions(+), 9 deletions(-)

diff --git a/packages/docs/getting-started/introduction.md b/packages/docs/getting-started/introduction.md
index ea2c7dcd..369de935 100644
--- a/packages/docs/getting-started/introduction.md
+++ b/packages/docs/getting-started/introduction.md
@@ -10,37 +10,49 @@ menu: Getting started
 ### Npm
 
 ```bash
-npm install @coreui/vue@next
+npm install @coreui/vue @coreui/coreui
+```
+
+If you use CoreUI PRO version.
+
+```bash
+npm install @coreui/vue-pro @coreui/coreui-pro
 ```
 
 ### Yarn
 
 ```bash
-yarn add @coreui/vue@next
+yarn add @coreui/vue @coreui/coreui
+```
+
+If you use CoreUI PRO version.
+
+```bash
+yarn add @coreui/vue-pro @coreui/coreui-pro
 ```
 
 ## Using components
 
 ```ts
 import { CAlert } from '@coreui/vue';
+
+// CoreUI PRO version
+import { CAlert } from '@coreui/vue-pro';
 ```
 
 ## Stylesheets
 
-Vue components are styled using `@coreui/coreui` CSS library, but you can use them also with bootstrap CSS library. That is possible because `@coreui/coreui` library is compatible with bootstrap, it just extends its functionalities. The only exception is custom CoreUI components, which don't exist in the Bootstrap ecosystem.
+Vue components are styled using the `@coreui/coreui` or `@coreui/coreui-pro` CSS library, but you can also use them with the bootstrap CSS library. That is possible because the `@coreui/coreui` library is compatible with Bootstrap, it just extends its functionalities. The only exceptions are custom CoreUI and CoreUI PRO components, which don't exist in the Bootstrap ecosystem.
 
 ### CoreUI CSS files
 
-###### Installation
-
-```bash
-npm install @coreui/coreui@next
-```
-
 ###### Basic usage
 
 ```js
 import '@coreui/coreui/dist/css/coreui.min.css'
+
+// CoreUI PRO version
+import '@coreui/coreui-pro/dist/css/coreui.min.css'
 ```
 
 ### Bootstrap CSS files

From ce0244c22c4f147001e6a6d3d7c489b9c820d970 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Fri, 10 Nov 2023 15:18:03 +0100
Subject: [PATCH 237/346] docs: update content

---
 packages/docs/.vuepress/config.ts |  4 ++++
 packages/docs/migration/v4.md     |  2 +-
 packages/docs/migration/v5.md     | 39 +++++++++++++++++++++++++++++++
 3 files changed, 44 insertions(+), 1 deletion(-)
 create mode 100644 packages/docs/migration/v5.md

diff --git a/packages/docs/.vuepress/config.ts b/packages/docs/.vuepress/config.ts
index 3e101e15..4c55aee9 100644
--- a/packages/docs/.vuepress/config.ts
+++ b/packages/docs/.vuepress/config.ts
@@ -377,6 +377,10 @@ export default defineUserConfig({
             text: 'v4',
             link: '/migration/v4.html',
           },
+          {
+            text: 'v5',
+            link: '/migration/v5.html',
+          },
         ],
       },
     ],
diff --git a/packages/docs/migration/v4.md b/packages/docs/migration/v4.md
index 9a20c0cb..f088547a 100644
--- a/packages/docs/migration/v4.md
+++ b/packages/docs/migration/v4.md
@@ -3,7 +3,7 @@ name: Migration to v4
 description: Track and review changes to the CoreUI for Vue.js components to help you migrate from v3 to v4.
 ---
 
-CoreUI for Vue is the Vue.js version of CoreUI components library, so before read this migration guide, please check also [CoreUI 3 to 4 migration guide](https://coreui.io/docs/4.0/migration/).
+CoreUI for Vue is the Vue.js version of CoreUI components library, so before read this migration guide, please check also [CoreUI 3 to 4 migration guide](https://coreui.io/docs/migration/v4/).
 
 ## Components
 
diff --git a/packages/docs/migration/v5.md b/packages/docs/migration/v5.md
new file mode 100644
index 00000000..90c0311e
--- /dev/null
+++ b/packages/docs/migration/v5.md
@@ -0,0 +1,39 @@
+---
+name: Migration to v5
+description: Track and review changes to the CoreUI for Vue.js components to help you migrate from v4 to v5.
+---
+
+CoreUI for Vue is the Vue.js version of CoreUI components library, so before read this migration guide, please check also [CoreUI 4 to 5 migration guide](https://coreui.io/docs/migration/v5/).
+
+## Components
+
+### CAvatar
+
+- Deprecated `textColor` values: `muted`, `high-emphasis`, `medium-emphasis`, `disabled`, `high-emphasis-inverse`, `medium-emphasis-inverse`, `disabled-inverse`.
+- New `textColor` values: `primary-emphasis`, `secondary-emphasis`, `success-emphasis`, `danger-emphasis`, `warning-emphasis`, `info-emphasis`, `light-emphasis`, `body`, `body-emphasis`, `body-secondary`, `body-tertiary`, `black`, `black-50`, `white`, `white-50`.
+
+### CBadge
+
+- Deprecated `textColor` values: `muted`, `high-emphasis`, `medium-emphasis`, `disabled`, `high-emphasis-inverse`, `medium-emphasis-inverse`, `disabled-inverse`.
+- New `textColor` values: `primary-emphasis`, `secondary-emphasis`, `success-emphasis`, `danger-emphasis`, `warning-emphasis`, `info-emphasis`, `light-emphasis`, `body`, `body-emphasis`, `body-secondary`, `body-tertiary`, `black`, `black-50`, `white`, `white-50`.
+
+### CCard
+
+- Deprecated `textColor` values: `muted`, `high-emphasis`, `medium-emphasis`, `disabled`, `high-emphasis-inverse`, `medium-emphasis-inverse`, `disabled-inverse`.
+- New `textColor` values: `primary-emphasis`, `secondary-emphasis`, `success-emphasis`, `danger-emphasis`, `warning-emphasis`, `info-emphasis`, `light-emphasis`, `body`, `body-emphasis`, `body-secondary`, `body-tertiary`, `black`, `black-50`, `white`, `white-50`.
+
+### CCloseButton
+
+- Deprecated property `white`, use `dark` instead of.
+
+### CNav
+
+- The `underline` variant has been changed to `underline-border`
+
+### CSidebar
+
+- Sidebar has a light color scheme by default, use `colorScheme="dark"` to make it dark.
+
+### CToastClose
+
+- Deprecated property `white`, use `dark` instead of.

From 8f3435d3d3c0a6cf7fb2ff925dd588da9ec4ce7b Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Wed, 15 Nov 2023 14:38:13 +0100
Subject: [PATCH 238/346] docs: update content

---
 packages/docs/migration/v4.md | 2 +-
 packages/docs/migration/v5.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/docs/migration/v4.md b/packages/docs/migration/v4.md
index f088547a..c6fc9df5 100644
--- a/packages/docs/migration/v4.md
+++ b/packages/docs/migration/v4.md
@@ -1,5 +1,5 @@
 ---
-name: Migration to v4
+title: Migration to v4
 description: Track and review changes to the CoreUI for Vue.js components to help you migrate from v3 to v4.
 ---
 
diff --git a/packages/docs/migration/v5.md b/packages/docs/migration/v5.md
index 90c0311e..780314a7 100644
--- a/packages/docs/migration/v5.md
+++ b/packages/docs/migration/v5.md
@@ -1,5 +1,5 @@
 ---
-name: Migration to v5
+title: Migration to v5
 description: Track and review changes to the CoreUI for Vue.js components to help you migrate from v4 to v5.
 ---
 

From 7bd748a7a6d7e05d133341be5fb54923d28f9381 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Wed, 15 Nov 2023 16:22:23 +0100
Subject: [PATCH 239/346] docs: update content

---
 packages/docs/.vuepress/client.ts   |   2 +
 packages/docs/components/icon.md    |   6 +-
 packages/docs/components/navbar.md  |  12 +-
 packages/docs/components/tooltip.md |   4 +-
 packages/docs/components/widgets.md | 836 +++++++++++++++-------------
 5 files changed, 447 insertions(+), 413 deletions(-)

diff --git a/packages/docs/.vuepress/client.ts b/packages/docs/.vuepress/client.ts
index 4c650e5f..b410c0a2 100644
--- a/packages/docs/.vuepress/client.ts
+++ b/packages/docs/.vuepress/client.ts
@@ -8,6 +8,7 @@ import '@coreui/chartjs/scss/coreui-chartjs.scss'
 import {
   cibCoreuiC,
   cibDiscourse,
+  cibFacebook,
   cibGithub,
   cibTwitter,
   cibOpenCollective,
@@ -37,6 +38,7 @@ import {
 export const icons = {
   cibCoreuiC,
   cibDiscourse,
+  cibFacebook,
   cibGithub,
   cibTwitter,
   cibOpenCollective,
diff --git a/packages/docs/components/icon.md b/packages/docs/components/icon.md
index c8d8a27e..d50d957e 100644
--- a/packages/docs/components/icon.md
+++ b/packages/docs/components/icon.md
@@ -162,7 +162,7 @@ CoreUI Icons package is delivered with more than 1500 icons in multiple formats
         <div class="p-3 py-4 mb-2 bg-light text-center rounded">
           <CIcon :icon="icon[i]" size="xxl"/>
         </div>
-        <div class="text-medium-emphasis text-center pt-1 small">{{i}}</div>
+        <div class="text-body-secondary text-center pt-1 small">{{i}}</div>
       </CCol>
     </CRow>
   </CTabPane>
@@ -172,7 +172,7 @@ CoreUI Icons package is delivered with more than 1500 icons in multiple formats
         <div class="p-3 py-4 mb-2 bg-light text-center rounded">
           <CIcon :icon="icon[i]" size="xxl"/>
         </div>
-        <div class="text-medium-emphasis text-center pt-1 small">{{i}}</div>
+        <div class="text-body-secondary text-center pt-1 small">{{i}}</div>
       </CCol>
     </CRow>
   </CTabPane>
@@ -182,7 +182,7 @@ CoreUI Icons package is delivered with more than 1500 icons in multiple formats
         <div class="p-3 py-4 mb-2 bg-light text-center rounded">
           <CIcon :icon="icon[i]" size="xxl"/>
         </div>
-        <div class="text-medium-emphasis text-center pt-1 small">{{i}}</div>
+        <div class="text-body-secondary text-center pt-1 small">{{i}}</div>
       </CCol>
     </CRow>
   </CTabPane>
diff --git a/packages/docs/components/navbar.md b/packages/docs/components/navbar.md
index c2b7f2ef..0f77c2f7 100644
--- a/packages/docs/components/navbar.md
+++ b/packages/docs/components/navbar.md
@@ -981,10 +981,10 @@ With a toggler on the left and brand name on the right:
 Sometimes you want to use the collapse plugin to trigger a container element for content that structurally sits outside of the `<CNavbar>`.
 
 ::: demo
-<CCollapse id="navbarToggleExternalContent" :visible="visibleExternalContent">
+<CCollapse id="navbarToggleExternalContent" :visible="visibleExternalContent" data-coreui-theme="dark">
   <div class="bg-dark p-4">
-    <h5 class="text-white h4">Collapsed content</h5>
-    <span class="text-medium-emphasis-inverse">Toggleable via the navbar brand.</span>
+    <h5 class="text-body-emphasis h4">Collapsed content</h5>
+    <span class="text-body-secondary">Toggleable via the navbar brand.</span>
   </div>
 </CCollapse>
 <CNavbar colorScheme="dark" class="bg-dark">
@@ -999,10 +999,10 @@ Sometimes you want to use the collapse plugin to trigger a container element for
 :::
 ```vue
 <template>
-  <CCollapse id="navbarToggleExternalContent" :visible="visibleExternalContent">
+  <CCollapse id="navbarToggleExternalContent" :visible="visibleExternalContent" data-coreui-theme="dark">
     <div class="bg-dark p-4">
-      <h5 class="text-white h4">Collapsed content</h5>
-      <span class="text-medium-emphasis-inverse">Toggleable via the navbar brand.</span>
+      <h5 class="text-body-emphasis h4">Collapsed content</h5>
+      <span class="text-body-secondary">Toggleable via the navbar brand.</span>
     </div>
   </CCollapse>
   <CNavbar colorScheme="dark" class="bg-dark">
diff --git a/packages/docs/components/tooltip.md b/packages/docs/components/tooltip.md
index 92e984ba..d7b5c411 100644
--- a/packages/docs/components/tooltip.md
+++ b/packages/docs/components/tooltip.md
@@ -12,7 +12,7 @@ other_frameworks: tooltip
 Hover over the links below to see tooltips:
 
 ::: demo
-<p class="text-medium-emphasis">
+<p class="text-body-secondary">
   Tight pants next level keffiyeh
   <CLink v-c-tooltip="'Tooltip text'"> you&nbsp;probably </CLink>
     haven't heard of them.
@@ -31,7 +31,7 @@ Hover over the links below to see tooltips:
 </p>
 :::
 ```vue demo
-<p class="text-medium-emphasis">
+<p class="text-body-secondary">
   Tight pants next level keffiyeh
   <CLink v-c-tooltip="'Tooltip text'"> you probably </CLink>
     haven't heard of them.
diff --git a/packages/docs/components/widgets.md b/packages/docs/components/widgets.md
index 77421487..8d8487d1 100644
--- a/packages/docs/components/widgets.md
+++ b/packages/docs/components/widgets.md
@@ -8,33 +8,32 @@ description:
 
 ::: demo
 <CRow>
-  <CCol :xs="4">
-    <CWidgetStatsA class="mb-3" color="primary">
-      <template #value
-        >26K
-        <span class="fs-6 fw-normal">
-          (-12.4% <CIcon icon="cil-arrow-bottom" />)
-        </span>
-      </template>
-      <template #title>Users</template>
-      <template #action>
-        <CDropdown placement="bottom-end">
-          <CDropdownToggle
+<CCol :sm="6">
+<CWidgetStatsA class="mb-3" color="primary">
+<template #value >26K
+<span class="fs-6 fw-normal">
+(-12.4% <CIcon icon="cil-arrow-bottom" />)
+</span>
+</template>
+<template #title>Users</template>
+<template #action>
+<CDropdown placement="bottom-end">
+<CDropdownToggle
             color="transparent"
             class="p-0 text-white"
             :caret="false"
           >
-            <CIcon icon="cil-options" class="text-high-emphasis-inverse" />
-          </CDropdownToggle>
-          <CDropdownMenu>
-            <CDropdownItem href="#">Action</CDropdownItem>
-            <CDropdownItem href="#">Another action</CDropdownItem>
-            <CDropdownItem href="#">Something else here</CDropdownItem>
-          </CDropdownMenu>
-        </CDropdown>
-      </template>
-      <template #chart>
-        <CChart
+<CIcon icon="cil-options" class="text-high-emphasis-inverse" />
+</CDropdownToggle>
+<CDropdownMenu>
+<CDropdownItem href="#">Action</CDropdownItem>
+<CDropdownItem href="#">Another action</CDropdownItem>
+<CDropdownItem href="#">Something else here</CDropdownItem>
+</CDropdownMenu>
+</CDropdown>
+</template>
+<template #chart>
+<CChart
           type="line"
           class="mt-3 mx-3"
           style="height: 70px"
@@ -67,6 +66,9 @@ description:
             maintainAspectRatio: false,
             scales: {
               x: {
+                border: {
+                  display: false
+                },
                 grid: {
                   display: false,
                   drawBorder: false,
@@ -100,36 +102,35 @@ description:
             },
           }"
         />
-      </template>
-    </CWidgetStatsA>
-  </CCol>
-  <CCol :xs="4">
-    <CWidgetStatsA class="mb-3" color="info">
-      <template #value
-        >$6.200
-        <span class="fs-6 fw-normal">
-          (40.9% <CIcon icon="cil-arrow-top" />)
-        </span>
-      </template>
-      <template #title>Income</template>
-      <template #action>
-        <CDropdown placement="bottom-end">
-          <CDropdownToggle
+</template>
+</CWidgetStatsA>
+</CCol>
+<CCol :sm="6">
+<CWidgetStatsA class="mb-3" color="info">
+<template #value >$6.200
+<span class="fs-6 fw-normal">
+(40.9% <CIcon icon="cil-arrow-top" />)
+</span>
+</template>
+<template #title>Income</template>
+<template #action>
+<CDropdown placement="bottom-end">
+<CDropdownToggle
             color="transparent"
             class="p-0 text-white"
             :caret="false"
           >
-            <CIcon icon="cil-options" class="text-high-emphasis-inverse" />
-          </CDropdownToggle>
-          <CDropdownMenu>
-            <CDropdownItem href="#">Action</CDropdownItem>
-            <CDropdownItem href="#">Another action</CDropdownItem>
-            <CDropdownItem href="#">Something else here</CDropdownItem>
-          </CDropdownMenu>
-        </CDropdown>
-      </template>
-      <template #chart>
-        <CChart
+<CIcon icon="cil-options" class="text-high-emphasis-inverse" />
+</CDropdownToggle>
+<CDropdownMenu>
+<CDropdownItem href="#">Action</CDropdownItem>
+<CDropdownItem href="#">Another action</CDropdownItem>
+<CDropdownItem href="#">Something else here</CDropdownItem>
+</CDropdownMenu>
+</CDropdown>
+</template>
+<template #chart>
+<CChart
           type="line"
           class="mt-3 mx-3"
           style="height: 70px"
@@ -162,6 +163,9 @@ description:
             maintainAspectRatio: false,
             scales: {
               x: {
+                border: {
+                  display: false,
+                },
                 grid: {
                   display: false,
                   drawBorder: false,
@@ -194,36 +198,35 @@ description:
             },
           }"
         />
-      </template>
-    </CWidgetStatsA>
-  </CCol>
-  <CCol :xs="4">
-    <CWidgetStatsA class="mb-3" color="warning">
-      <template #value
-        >2.49%
-        <span class="fs-6 fw-normal">
-          (84.7% <CIcon icon="cil-arrow-top" />)
-        </span>
-      </template>
-      <template #title>Conversion Rate</template>
-      <template #action>
-        <CDropdown placement="bottom-end">
-          <CDropdownToggle
+</template>
+</CWidgetStatsA>
+</CCol>
+<CCol :sm="6">
+<CWidgetStatsA class="mb-3" color="warning">
+<template #value >2.49%
+<span class="fs-6 fw-normal">
+(84.7% <CIcon icon="cil-arrow-top" />)
+</span>
+</template>
+<template #title>Conversion Rate</template>
+<template #action>
+<CDropdown placement="bottom-end">
+<CDropdownToggle
             color="transparent"
             class="p-0 text-white"
             :caret="false"
           >
-            <CIcon icon="cil-options" class="text-high-emphasis-inverse" />
-          </CDropdownToggle>
-          <CDropdownMenu>
-            <CDropdownItem href="#">Action</CDropdownItem>
-            <CDropdownItem href="#">Another action</CDropdownItem>
-            <CDropdownItem href="#">Something else here</CDropdownItem>
-          </CDropdownMenu>
-        </CDropdown>
-      </template>
-      <template #chart>
-        <CChart
+<CIcon icon="cil-options" class="text-high-emphasis-inverse" />
+</CDropdownToggle>
+<CDropdownMenu>
+<CDropdownItem href="#">Action</CDropdownItem>
+<CDropdownItem href="#">Another action</CDropdownItem>
+<CDropdownItem href="#">Something else here</CDropdownItem>
+</CDropdownMenu>
+</CDropdown>
+</template>
+<template #chart>
+<CChart
           type="line"
           class="mt-3"
           style="height: 70px"
@@ -275,36 +278,35 @@ description:
             },
           }"
         />
-      </template>
-    </CWidgetStatsA>
-  </CCol>
-  <CCol :xs="4">
-    <CWidgetStatsA class="mb-3" color="danger">
-      <template #value
-        >44K
-        <span class="fs-6 fw-normal">
-          (-23.6% <CIcon icon="cil-arrow-bottom" />)
-        </span>
-      </template>
-      <template #title>Sessions</template>
-      <template #action>
-        <CDropdown placement="bottom-end">
-          <CDropdownToggle
+</template>
+</CWidgetStatsA>
+</CCol>
+<CCol :sm="6">
+<CWidgetStatsA class="mb-3" color="danger">
+<template #value >44K
+<span class="fs-6 fw-normal">
+(-23.6% <CIcon icon="cil-arrow-bottom" />)
+</span>
+</template>
+<template #title>Sessions</template>
+<template #action>
+<CDropdown placement="bottom-end">
+<CDropdownToggle
             color="transparent"
             class="p-0 text-white"
             :caret="false"
           >
-            <CIcon icon="cil-options" class="text-high-emphasis-inverse" />
-          </CDropdownToggle>
-          <CDropdownMenu>
-            <CDropdownItem href="#">Action</CDropdownItem>
-            <CDropdownItem href="#">Another action</CDropdownItem>
-            <CDropdownItem href="#">Something else here</CDropdownItem>
-          </CDropdownMenu>
-        </CDropdown>
-      </template>
-      <template #chart>
-        <CChart
+<CIcon icon="cil-options" class="text-high-emphasis-inverse" />
+</CDropdownToggle>
+<CDropdownMenu>
+<CDropdownItem href="#">Action</CDropdownItem>
+<CDropdownItem href="#">Another action</CDropdownItem>
+<CDropdownItem href="#">Something else here</CDropdownItem>
+</CDropdownMenu>
+</CDropdown>
+</template>
+<template #chart>
+<CChart
           type="bar"
           class="mt-3 mx-3"
           style="height: 70px"
@@ -358,6 +360,9 @@ description:
                 },
               },
               y: {
+                border: {
+                  display: false,
+                },
                 grid: {
                   display: false,
                   drawBorder: false,
@@ -370,14 +375,15 @@ description:
             },
           }"
         />
-      </template>
-    </CWidgetStatsA>
-  </CCol>
+</template>
+</CWidgetStatsA>
+</CCol>
 </CRow>
 :::
+
 ```vue
 <CRow>
-  <CCol :xs="4">
+  <CCol :sm="6">
     <CWidgetStatsA class="mb-3" color="primary">
       <template #value
         >26K
@@ -436,6 +442,9 @@ description:
             maintainAspectRatio: false,
             scales: {
               x: {
+                border: {
+                  display: false,
+                },
                 grid: {
                   display: false,
                   drawBorder: false,
@@ -472,7 +481,7 @@ description:
       </template>
     </CWidgetStatsA>
   </CCol>
-  <CCol :xs="4">
+  <CCol :sm="6">
     <CWidgetStatsA class="mb-3" color="info">
       <template #value
         >$6.200
@@ -531,6 +540,9 @@ description:
             maintainAspectRatio: false,
             scales: {
               x: {
+                border: {
+                  display: false,
+                },
                 grid: {
                   display: false,
                   drawBorder: false,
@@ -566,7 +578,7 @@ description:
       </template>
     </CWidgetStatsA>
   </CCol>
-  <CCol :xs="4">
+  <CCol :sm="6">
     <CWidgetStatsA class="mb-3" color="warning">
       <template #value
         >2.49%
@@ -647,7 +659,7 @@ description:
       </template>
     </CWidgetStatsA>
   </CCol>
-  <CCol :xs="4">
+  <CCol :sm="6">
     <CWidgetStatsA class="mb-3" color="danger">
       <template #value
         >44K
@@ -727,6 +739,9 @@ description:
                 },
               },
               y: {
+                border: {
+                  display: false,
+                },
                 grid: {
                   display: false,
                   drawBorder: false,
@@ -749,37 +764,32 @@ description:
 
 ::: demo
 <CRow>
-  <CCol :xs="4">
-    <CWidgetStatsB
+<CCol :sm="6">
+<CWidgetStatsB
       class="mb-3"
       :progress="{ color: 'success', value: 75}"
     >
-      <template #text>Widget helper text</template>
-      <template #title>Widget title</template>
-      <template #value>89.9%</template>
-    </CWidgetStatsB>
-  </CCol>
-  <CCol :xs="4">
-    <CWidgetStatsB
+<template #text>Widget helper text</template>
+<template #title>Widget title</template>
+<template #value>89.9%</template>
+</CWidgetStatsB>
+</CCol>
+<CCol :sm="6">
+<CWidgetStatsB
       class="mb-3"
-      :progress="{ color: 'info', value: 75}"
+      color="primary"
+      inverse
+      :progress="{ value: 75}"
       text="Widget helper text"
       title="Widget title"
       value="12.124"/>
-  </CCol>
-  <CCol :xs="4">
-    <CWidgetStatsB
-      class="mb-3"
-      :progress="{ color: 'warning', value: 75}"
-      text="Widget helper text"
-      title="Widget title"
-      value="$98.111,00"/>
-  </CCol>
+</CCol>
 </CRow>
 :::
+
 ```vue
 <CRow>
-  <CCol :xs="4">
+  <CCol :sm="6">
     <CWidgetStatsB
       class="mb-3"
       :progress="{ color: 'success', value: 75}"
@@ -789,89 +799,16 @@ description:
       <template #value>89.9%</template>
     </CWidgetStatsB>
   </CCol>
-  <CCol :xs="4">
-    <CWidgetStatsB
-      class="mb-3"
-      :progress="{ color: 'info', value: 75}"
-      text="Widget helper text"
-      title="Widget title"
-      value="12.124"/>
-  </CCol>
-  <CCol :xs="4">
-    <CWidgetStatsB
-      class="mb-3"
-      :progress="{ color: 'warning', value: 75}"
-      text="Widget helper text"
-      title="Widget title"
-      value="$98.111,00"/>
-  </CCol>
-</CRow>
-```
-
-::: demo
-<CRow>
-  <CCol :xs="4">
-    <CWidgetStatsB
-      class="mb-3"
-      color="primary"
-      inverse
-      :progress="{ value: 75 }"
-      text="Widget helper text"
-      title="Widget title"
-      value="89.9%"/>
-  </CCol>
-  <CCol :xs="4">
-    <CWidgetStatsB
-      class="mb-3"
-      color="warning"
-      inverse
-      :progress="{ value: 75 }"
-      text="Widget helper text"
-      title="Widget title"
-      value="12.124"/>
-  </CCol>
-  <CCol :xs="4">
+  <CCol :sm="6">
     <CWidgetStatsB
-      color="danger"
-      inverse
-      :progress="{ value: 75 }"
-      text="Widget helper text"
-      title="Widget title"
-      value="$98.111,00"/>
-  </CCol>
-</CRow>
-:::
-```vue
-<CRow>
-  <CCol :xs="4">
-    <CWidgetProgress
       class="mb-3"
       color="primary"
       inverse
-      :progressValue="75"
-      text="Widget helper text"
-      title="Widget title"
-      value="89.9%"/>
-  </CCol>
-  <CCol :xs="4">
-    <CWidgetProgress
-      class="mb-3"
-      color="warning"
-      inverse
-      :progressValue="75"
+      :progress="{ value: 75}"
       text="Widget helper text"
       title="Widget title"
       value="12.124"/>
   </CCol>
-  <CCol :xs="4">
-    <CWidgetProgress
-      color="danger"
-      inverse
-      :progressValue="75"
-      text="Widget helper text"
-      title="Widget title"
-      value="$98.111,00"/>
-  </CCol>
 </CRow>
 ```
 
@@ -879,97 +816,229 @@ description:
 
 ::: demo
 <CRow>
-  <CCol :xs="4">
-    <CWidgetStatsC class="mb-3" value="87.500" :progress="{ color: 'info', value: 75 }" title="Visitors">
-      <template #icon><CIcon icon="cil-people" height="36"/></template>
+  <CCol :sm="6">
+    <CWidgetStatsC
+      class="mb-3"
+      value="87.500"
+      :progress="{ color: 'info', value: 75 }"
+      title="Visitors"
+    >
+      <template #icon><CIcon icon="cil-people" height="36" /></template>
       <template #title>Visitors</template>
     </CWidgetStatsC>
   </CCol>
-  <CCol :xs="4">
-    <CWidgetStatsC class="mb-3" value="385" :progress="{ color: 'success', value: 75 }" title="New clients">
-      <template #icon><CIcon icon="cil-user-follow" height="36"/></template>
-    </CWidgetStatsC>
-  </CCol>
-  <CCol :xs="4">
-    <CWidgetStatsC class="mb-3" value="1238" :progress="{ color: 'info', value: 75 }" title="Product sold">
-      <template #icon><CIcon icon="cil-basket" height="36"/></template>
+  <CCol :sm="6">
+    <CWidgetStatsC
+      class="mb-3"
+      inverse
+      color="info"
+      value="385"
+      :progress="{ value: 75 }"
+      title="New clients"
+    >
+      <template #icon><CIcon icon="cil-user-follow" height="36" /></template>
     </CWidgetStatsC>
   </CCol>
-</CRow> 
+</CRow>
 :::
 ```vue
 <CRow>
-  <CCol :xs="4">
-    <CWidgetStatsC class="mb-3" value="87.500" :progress="{ color: 'info', value: 75 }" title="Visitors">
-      <template #icon><CIcon icon="cil-people" height="36"/></template>
+  <CCol :sm="6">
+    <CWidgetStatsC
+      class="mb-3"
+      value="87.500"
+      :progress="{ color: 'info', value: 75 }"
+      title="Visitors"
+    >
+      <template #icon><CIcon icon="cil-people" height="36" /></template>
       <template #title>Visitors</template>
     </CWidgetStatsC>
   </CCol>
-  <CCol :xs="4">
-    <CWidgetStatsC class="mb-3" value="385" :progress="{ color: 'success', value: 75 }" title="New clients">
-      <template #icon><CIcon icon="cil-user-follow" height="36"/></template>
-    </CWidgetStatsC>
-  </CCol>
-  <CCol :xs="4">
-    <CWidgetStatsC class="mb-3" value="1238" :progress="{ color: 'info', value: 75 }" title="Product sold">
-      <template #icon><CIcon icon="cil-basket" height="36"/></template>
+  <CCol :sm="6">
+    <CWidgetStatsC
+      class="mb-3"
+      inverse
+      color="info"
+      value="385"
+      :progress="{ value: 75 }"
+      title="New clients"
+    >
+      <template #icon><CIcon icon="cil-user-follow" height="36" /></template>
     </CWidgetStatsC>
   </CCol>
-</CRow> 
+</CRow>
 ```
 
+## WidgetStatsD
+
 ::: demo
 <CRow>
-  <CCol :xs="4">
-    <CWidgetStatsC class="mb-3" value="87.500" inverse color="info" :progress="{ value: 75 }" title="Visitors">
-      <template #icon><CIcon icon="cil-people" height="36"/></template>
-    </CWidgetStatsC>
-  </CCol>
-  <CCol :xs="4">
-    <CWidgetStatsC class="mb-3" value="385" inverse color="success" :progress="{ value: 75 }" title="New clients">
-      <template #icon><CIcon icon="cil-user-follow" height="36"/></template>
-    </CWidgetStatsC>
+  <CCol :sm="6">
+    <CWidgetStatsD
+      class="mb-4"
+      style="--cui-card-cap-bg: #3b5998"
+      :values="[
+        { title: 'friends', value: '89K' },
+        { title: 'feeds', value: '459' },
+      ]"
+    >
+      <template #icon>
+        <CIcon icon="cib-facebook" height="52" class="my-4 text-white"/>
+      </template>
+      <template #chart>
+        <CChart
+          class="position-absolute w-100 h-100"
+          type="line"
+          :data="{
+            labels: [
+              'January',
+              'February',
+              'March',
+              'April',
+              'May',
+              'June',
+              'July',
+            ],
+            datasets: [
+              {
+                backgroundColor: 'rgba(255,255,255,.1)',
+                borderColor: 'rgba(255,255,255,.55)',
+                pointHoverBackgroundColor: '#fff',
+                borderWidth: 2,
+                data: [65, 59, 84, 84, 51, 55, 40],
+                fill: true,
+              },
+            ],
+          }"
+          :options="{
+            elements: {
+              line: {
+                tension: 0.4,
+              },
+              point: {
+                radius: 0,
+                hitRadius: 10,
+                hoverRadius: 4,
+                hoverBorderWidth: 3,
+              },
+            },
+            maintainAspectRatio: false,
+            plugins: {
+              legend: {
+                display: false,
+              },
+            },
+            scales: {
+              x: {
+                display: false,
+              },
+              y: {
+                display: false,
+              },
+            },
+          }"
+        />
+      </template>
+    </CWidgetStatsD>
   </CCol>
-  <CCol :xs="4">
-    <CWidgetStatsC class="mb-3" value="1238" inverse color="info" :progress="{ value: 75 }" title="Product sold">
-      <template #icon><CIcon icon="cil-basket" height="36"/></template>
-    </CWidgetStatsC>
+  <CCol :sm="6">
+    <CWidgetStatsD
+      class="mb-4"
+      style="--cui-card-cap-bg: #00aced"
+      :values="[
+        { title: 'followers', value: '973k' },
+        { title: 'tweets', value: '1.792' },
+      ]"
+    >
+      <template #icon>
+        <CIcon icon="cib-twitter" height="52" class="my-4 text-white" />
+      </template>
+      <template #chart>
+        <CChart
+          class="position-absolute w-100 h-100"
+          type="line"
+          :data="{
+            labels: [
+              'January',
+              'February',
+              'March',
+              'April',
+              'May',
+              'June',
+              'July',
+            ],
+            datasets: [
+              {
+                backgroundColor: 'rgba(255,255,255,.1)',
+                borderColor: 'rgba(255,255,255,.55)',
+                pointHoverBackgroundColor: '#fff',
+                borderWidth: 2,
+                data: [1, 13, 9, 17, 34, 41, 38],
+                fill: true,
+              },
+            ],
+          }"
+          :options="{
+            elements: {
+              line: {
+                tension: 0.4,
+              },
+              point: {
+                radius: 0,
+                hitRadius: 10,
+                hoverRadius: 4,
+                hoverBorderWidth: 3,
+              },
+            },
+            maintainAspectRatio: false,
+            plugins: {
+              legend: {
+                display: false,
+              },
+            },
+            scales: {
+              x: {
+                display: false,
+              },
+              y: {
+                display: false,
+              },
+            },
+          }"
+        />
+      </template>
+    </CWidgetStatsD>
   </CCol>
-</CRow> 
+</CRow>
 :::
 ```vue
 <CRow>
-  <CCol :xs="4">
-    <CWidgetStatsC class="mb-3" value="87.500" inverse color="info" :progress="{ value: 75 }" title="Visitors">
-      <template #icon><CIcon icon="cil-people" height="36"/></template>
-    </CWidgetStatsC>
-  </CCol>
-  <CCol :xs="4">
-    <CWidgetStatsC class="mb-3" value="385" inverse color="success" :progress="{ value: 75 }" title="New clients">
-      <template #icon><CIcon icon="cil-user-follow" height="36"/></template>
-    </CWidgetStatsC>
-  </CCol>
-  <CCol :xs="4">
-    <CWidgetStatsC class="mb-3" value="1238" inverse color="info" :progress="{ value: 75 }" title="Product sold">
-      <template #icon><CIcon icon="cil-basket" height="36"/></template>
-    </CWidgetStatsC>
-  </CCol>
-</CRow> 
-```
-
-## WidgetStatsD
-
-::: demo
-<CRow>
-  <CCol :xs="4">
-    <CWidgetStatsD :values="[['89k', 'friends'],['459', 'feeds']]" style="--cui-card-cap-bg: #321fdb">
-      <template #icon><CIcon icon="cib-coreui-c" height="52" class="my-4 text-white" /></template>
+  <CCol :sm="6">
+    <CWidgetStatsD
+      class="mb-4"
+      style="--cui-card-cap-bg: #3b5998"
+      :values="[
+        { title: 'friends', value: '89K' },
+        { title: 'feeds', value: '459' },
+      ]"
+    >
+      <template #icon>
+        <CIcon icon="cib-facebook" height="52" class="my-4 text-white"/>
+      </template>
       <template #chart>
         <CChart
           class="position-absolute w-100 h-100"
           type="line"
           :data="{
-            labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
+            labels: [
+              'January',
+              'February',
+              'March',
+              'April',
+              'May',
+              'June',
+              'July',
+            ],
             datasets: [
               {
                 backgroundColor: 'rgba(255,255,255,.1)',
@@ -1006,25 +1075,88 @@ description:
               y: {
                 display: false,
               },
-            }
+            },
+          }"
+        />
+      </template>
+    </CWidgetStatsD>
+  </CCol>
+  <CCol :sm="6">
+    <CWidgetStatsD
+      class="mb-4"
+      style="--cui-card-cap-bg: #00aced"
+      :values="[
+        { title: 'followers', value: '973k' },
+        { title: 'tweets', value: '1.792' },
+      ]"
+    >
+      <template #icon>
+        <CIcon icon="cib-twitter" height="52" class="my-4 text-white" />
+      </template>
+      <template #chart>
+        <CChart
+          class="position-absolute w-100 h-100"
+          type="line"
+          :data="{
+            labels: [
+              'January',
+              'February',
+              'March',
+              'April',
+              'May',
+              'June',
+              'July',
+            ],
+            datasets: [
+              {
+                backgroundColor: 'rgba(255,255,255,.1)',
+                borderColor: 'rgba(255,255,255,.55)',
+                pointHoverBackgroundColor: '#fff',
+                borderWidth: 2,
+                data: [1, 13, 9, 17, 34, 41, 38],
+                fill: true,
+              },
+            ],
+          }"
+          :options="{
+            elements: {
+              line: {
+                tension: 0.4,
+              },
+              point: {
+                radius: 0,
+                hitRadius: 10,
+                hoverRadius: 4,
+                hoverBorderWidth: 3,
+              },
+            },
+            maintainAspectRatio: false,
+            plugins: {
+              legend: {
+                display: false,
+              },
+            },
+            scales: {
+              x: {
+                display: false,
+              },
+              y: {
+                display: false,
+              },
+            },
           }"
         />
       </template>
-    </CWidgetStatsD>   
+    </CWidgetStatsD>
   </CCol>
 </CRow>
-:::
-```vue
-<CWidgetStatsD :values="[['89k', 'friends'],['459', 'feeds']]" style="--cui-card-cap-bg: #321fdb">
-  <CIcon icon="cib-coreui-c" height="52" class="my-4 text-white" />
-</CWidgetStatsD>   
 ```
 
 ## WidgetStatsE
 
 ::: demo
 <CRow>
-  <CCol :xs="4">
+  <CCol :sm="6">
     <CWidgetStatsE>
       <template #chart>
         <CChart
@@ -1064,7 +1196,7 @@ description:
       <template #value>1,123</template>
     </CWidgetStatsE>
   </CCol>
-  <CCol :xs="4">
+  <CCol :sm="6">
     <CWidgetStatsE title="title" value="1,123">
       <template #chart>
         <CChart
@@ -1152,65 +1284,52 @@ description:
 
 ::: demo
 <CRow>
-  <CCol :xs="4">
-    <CWidgetStatsF color="primary" title="Title" value="$1.999,50">
-      <template #icon>
-        <CIcon icon="cil-settings" size="xl"/>
-      </template>
-    </CWidgetStatsF>
-  </CCol>
-  <CCol :xs="4">
-    <CWidgetStatsF color="info" title="Title" value="$1.999,50">
-      <template #icon>
-        <CIcon icon="cil-settings" size="xl"/>
-      </template>
-    </CWidgetStatsF>
-  </CCol>
-  <CCol :xs="4">
-    <CWidgetStatsF color="warning" title="Title" value="$1.999,50">
-      <template #icon>
-        <CIcon icon="cil-settings" size="xl"/>
-      </template>
-    </CWidgetStatsF>
-  </CCol>
+ <CCol :sm="6">
+  <CWidgetStatsF color="primary" title="Title" value="$1.999,50">
+    <template #icon>
+      <CIcon icon="cil-settings" size="xl"/>
+    </template>
+  </CWidgetStatsF>
+ </CCol>
+ <CCol :sm="6">
+  <CWidgetStatsF color="info" title="Title" value="$1.999,50">
+    <template #icon>
+      <CIcon icon="cil-settings" size="xl"/>
+    </template>
+  </CWidgetStatsF>
+ </CCol>
 </CRow>
 :::
+
 ```vue
 <CRow>
-  <CCol :xs="4">
+  <CCol :sm="6">
     <CWidgetStatsF color="primary" title="Title" value="$1.999,50">
       <template #icon>
         <CIcon icon="cil-settings" size="xl"/>
       </template>
     </CWidgetStatsF>
   </CCol>
-  <CCol :xs="4">
+  <CCol :sm="6">
     <CWidgetStatsF color="info" title="Title" value="$1.999,50">
       <template #icon>
         <CIcon icon="cil-settings" size="xl"/>
       </template>
     </CWidgetStatsF>
   </CCol>
-  <CCol :xs="4">
-    <CWidgetStatsF color="warning" title="Title" value="$1.999,50">
-      <template #icon>
-        <CIcon icon="cil-settings" size="xl"/>
-      </template>
-    </CWidgetStatsF>
-  </CCol>
 </CRow>
 ```
 
 ::: demo
 <CRow>
-  <CCol :xs="4">
+  <CCol :sm="6">
     <CWidgetStatsF color="primary" title="Title" value="$1.999,50">
       <template #icon>
         <CIcon icon="cil-settings" size="xl"/>
       </template>
       <template #footer>
         <CLink
-          class="font-weight-bold font-xs text-medium-emphasis"
+          class="font-weight-bold font-xs text-body-secondary"
           href="https://coreui.io/"
           rel="noopener norefferer"
           target="_blank"
@@ -1221,32 +1340,14 @@ description:
       </template>  
     </CWidgetStatsF>
   </CCol>
-  <CCol :xs="4">
+  <CCol :sm="6">
     <CWidgetStatsF color="info" title="Title" value="$1.999,50">
       <template #icon>
         <CIcon icon="cil-settings" size="xl"/>
       </template>
       <template #footer>
         <CLink
-          class="font-weight-bold font-xs text-medium-emphasis"
-          href="https://coreui.io/"
-          rel="noopener norefferer"
-          target="_blank"
-        >
-          View more
-          <CIcon icon="cil-arrow-right" class="ms-auto" width="16" />
-        </CLink>
-      </template>  
-    </CWidgetStatsF>
-  </CCol>
-  <CCol :xs="4">
-    <CWidgetStatsF color="warning" title="Title" value="$1.999,50">
-      <template #icon>
-        <CIcon icon="cil-settings" size="xl"/>
-      </template>
-      <template #footer>
-        <CLink
-          class="font-weight-bold font-xs text-medium-emphasis"
+          class="font-weight-bold font-xs text-body-secondary"
           href="https://coreui.io/"
           rel="noopener norefferer"
           target="_blank"
@@ -1261,14 +1362,14 @@ description:
 :::
 ```vue
 <CRow>
-  <CCol :xs="4">
+  <CCol :sm="6">
     <CWidgetStatsF color="primary" title="Title" value="$1.999,50">
       <template #icon>
         <CIcon icon="cil-settings" size="xl"/>
       </template>
       <template #footer>
         <CLink
-          class="font-weight-bold font-xs text-medium-emphasis"
+          class="font-weight-bold font-xs text-body-secondary"
           href="https://coreui.io/"
           rel="noopener norefferer"
           target="_blank"
@@ -1279,14 +1380,14 @@ description:
       </template>  
     </CWidgetStatsF>
   </CCol>
-  <CCol :xs="4">
+  <CCol :sm="6">
     <CWidgetStatsF color="info" title="Title" value="$1.999,50">
       <template #icon>
         <CIcon icon="cil-settings" size="xl"/>
       </template>
       <template #footer>
         <CLink
-          class="font-weight-bold font-xs text-medium-emphasis"
+          class="font-weight-bold font-xs text-body-secondary"
           href="https://coreui.io/"
           rel="noopener norefferer"
           target="_blank"
@@ -1297,75 +1398,6 @@ description:
       </template>  
     </CWidgetStatsF>
   </CCol>
-  <CCol :xs="4">
-    <CWidgetStatsF color="warning" title="Title" value="$1.999,50">
-      <template #icon>
-        <CIcon icon="cil-settings" size="xl"/>
-      </template>
-      <template #footer>
-        <CLink
-          class="font-weight-bold font-xs text-medium-emphasis"
-          href="https://coreui.io/"
-          rel="noopener norefferer"
-          target="_blank"
-        >
-          View more
-          <CIcon icon="cil-arrow-right" class="ms-auto" width="16" />
-        </CLink>
-      </template>  
-    </CWidgetStatsF>
-  </CCol>
-</CRow>
-```
-
-::: demo
-<CRow>
-  <CCol :xs="4">
-    <CWidgetStatsF color="primary" :padding="false" title="Title" value="$1.999,50">
-      <template #icon>
-        <CIcon icon="cil-settings" size="xl"/>
-      </template>
-    </CWidgetStatsF>
-  </CCol>
-  <CCol :xs="4">
-    <CWidgetStatsF color="info" :padding="false" title="Title" value="$1.999,50">
-      <template #icon>
-        <CIcon icon="cil-settings" size="xl"/>
-      </template>
-    </CWidgetStatsF>
-  </CCol>
-  <CCol :xs="4">
-    <CWidgetStatsF color="warning" :padding="false" title="Title" value="$1.999,50">
-      <template #icon>
-        <CIcon icon="cil-settings" size="xl"/>
-      </template>
-    </CWidgetStatsF>
-  </CCol>
-</CRow>
-:::
-```vue
-<CRow>
-  <CCol :xs="4">
-    <CWidgetStatsF color="primary" :padding="false" title="Title" value="$1.999,50">
-      <template #icon>
-        <CIcon icon="cil-settings" size="xl"/>
-      </template>
-    </CWidgetStatsF>
-  </CCol>
-  <CCol :xs="4">
-    <CWidgetStatsF color="info" :padding="false" title="Title" value="$1.999,50">
-      <template #icon>
-        <CIcon icon="cil-settings" size="xl"/>
-      </template>
-    </CWidgetStatsF>
-  </CCol>
-  <CCol :xs="4">
-    <CWidgetStatsF color="warning" :padding="false" title="Title" value="$1.999,50">
-      <template #icon>
-        <CIcon icon="cil-settings" size="xl"/>
-      </template>
-    </CWidgetStatsF>
-  </CCol>
 </CRow>
 ```
 
@@ -1381,4 +1413,4 @@ description:
 
 !!!include(./api/widgets/CWidgetStatsE.api.md)!!!
 
-!!!include(./api/widgets/CWidgetStatsF.api.md)!!!
\ No newline at end of file
+!!!include(./api/widgets/CWidgetStatsF.api.md)!!!

From 8fff9ab74ce20e79f260a5a53041d7acf5fa9a58 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Wed, 15 Nov 2023 16:22:38 +0100
Subject: [PATCH 240/346] tests: update tests

---
 .../__tests__/__snapshots__/CBreadcrumb.spec.ts.snap |  2 +-
 .../__tests__/__snapshots__/CButton.spec.ts.snap     |  4 ++--
 .../__tests__/__snapshots__/CCarousel.spec.ts.snap   |  2 +-
 .../__snapshots__/CDropdownMenu.spec.ts.snap         | 10 ++++++----
 .../__snapshots__/CDropdownToggle.spec.ts.snap       |  4 ++--
 .../__tests__/__snapshots__/CFormCheck.spec.ts.snap  |  4 ++--
 .../__tests__/__snapshots__/CModal.spec.ts.snap      |  8 ++++----
 .../__tests__/__snapshots__/CNavbar.spec.ts.snap     |  2 +-
 .../__tests__/__snapshots__/COffcanvas.spec.ts.snap  |  4 ++--
 .../__tests__/__snapshots__/CProgress.spec.ts.snap   | 12 ++++++++++--
 .../__snapshots__/CProgressBar.spec.ts.snap          |  4 ++--
 .../__tests__/__snapshots__/CSidebar.spec.ts.snap    |  4 ++--
 .../__tests__/__snapshots__/CSpinner.spec.ts.snap    |  4 ++--
 .../__tests__/__snapshots__/CToaster.spec.ts.snap    |  4 ++--
 .../__snapshots__/CWidgetStatsA.spec.ts.snap         |  2 +-
 .../__snapshots__/CWidgetStatsB.spec.ts.snap         | 10 ++++++----
 .../__snapshots__/CWidgetStatsC.spec.ts.snap         | 10 ++++++----
 .../__snapshots__/CWidgetStatsD.spec.ts.snap         |  4 ++--
 .../__snapshots__/CWidgetStatsF.spec.ts.snap         |  2 +-
 19 files changed, 55 insertions(+), 41 deletions(-)

diff --git a/packages/coreui-vue/src/components/breadcrumb/__tests__/__snapshots__/CBreadcrumb.spec.ts.snap b/packages/coreui-vue/src/components/breadcrumb/__tests__/__snapshots__/CBreadcrumb.spec.ts.snap
index fa56864c..2cccad76 100644
--- a/packages/coreui-vue/src/components/breadcrumb/__tests__/__snapshots__/CBreadcrumb.spec.ts.snap
+++ b/packages/coreui-vue/src/components/breadcrumb/__tests__/__snapshots__/CBreadcrumb.spec.ts.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Loads and display CBreadcrumb component renders correctly 1`] = `
-"<nav aria-label="breadcrumb" class="bazinga">
+"<nav aria-label="breadcrumb">
   <ol class="breadcrumb bazinga">Default slot</ol>
 </nav>"
 `;
diff --git a/packages/coreui-vue/src/components/button/__tests__/__snapshots__/CButton.spec.ts.snap b/packages/coreui-vue/src/components/button/__tests__/__snapshots__/CButton.spec.ts.snap
index 97172f31..7b2d617e 100644
--- a/packages/coreui-vue/src/components/button/__tests__/__snapshots__/CButton.spec.ts.snap
+++ b/packages/coreui-vue/src/components/button/__tests__/__snapshots__/CButton.spec.ts.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize (number two) CButton component renders correctly 1`] = `"<a class="btn btn-warning disabled" disabled="false" aria-disabled="true" tabindex="-1">Default slot</a>"`;
+exports[`Customize (number two) CButton component renders correctly 1`] = `"<a class="btn btn-warning disabled" aria-disabled="true" tabindex="-1">Default slot</a>"`;
 
-exports[`Customize CButton component renders correctly 1`] = `"<div class="btn btn-outline-warning btn-lg active disabled rounded-pill" disabled="true">Default slot</div>"`;
+exports[`Customize CButton component renders correctly 1`] = `"<a class="btn btn-outline-warning btn-lg active disabled rounded-pill" aria-disabled="true" tabindex="-1" href="/bazinga">Default slot</a>"`;
 
 exports[`Loads and display CButton component renders correctly 1`] = `"<button class="btn btn-undefined" type="button">Default slot</button>"`;
diff --git a/packages/coreui-vue/src/components/carousel/__tests__/__snapshots__/CCarousel.spec.ts.snap b/packages/coreui-vue/src/components/carousel/__tests__/__snapshots__/CCarousel.spec.ts.snap
index 4bbd0a71..1798375d 100644
--- a/packages/coreui-vue/src/components/carousel/__tests__/__snapshots__/CCarousel.spec.ts.snap
+++ b/packages/coreui-vue/src/components/carousel/__tests__/__snapshots__/CCarousel.spec.ts.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Customize CCarousel component renders correctly 1`] = `
-"<div class="carousel slide carousel-fade carousel-dark">
+"<div class="carousel slide carousel-fade" data-coreui-theme="dark">
   <div class="carousel-indicators"></div>
   <div class="carousel-inner"></div><button type="button" class="carousel-control-prev" data-coreui-target=""><span class="carousel-control-prev-icon" ariahidden="true"></span><span class="visually-hidden">Previous</span></button><button type="button" class="carousel-control-next" data-coreui-target=""><span class="carousel-control-next-icon" ariahidden="true"></span><span class="visually-hidden">Next</span></button>
 </div>"
diff --git a/packages/coreui-vue/src/components/dropdown/__tests__/__snapshots__/CDropdownMenu.spec.ts.snap b/packages/coreui-vue/src/components/dropdown/__tests__/__snapshots__/CDropdownMenu.spec.ts.snap
index 42124bbf..2515aa2b 100644
--- a/packages/coreui-vue/src/components/dropdown/__tests__/__snapshots__/CDropdownMenu.spec.ts.snap
+++ b/packages/coreui-vue/src/components/dropdown/__tests__/__snapshots__/CDropdownMenu.spec.ts.snap
@@ -1,9 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Customize CDropdownMenu component renders correctly 1`] = `
-"<ul class="dropdown-menu dropdown-menu-dark show dropdown-menu-lg-end" data-coreui-popper="static">
-  <li>Default slot</li>
-</ul>"
+"<!--teleport start-->
+<!--teleport end-->"
 `;
 
-exports[`Loads and display CDropdownMenu component renders correctly 1`] = `"<div class="dropdown-menu dropdown-menu-lg-end" data-coreui-popper="static">Default slot</div>"`;
+exports[`Loads and display CDropdownMenu component renders correctly 1`] = `
+"<!--teleport start-->
+<!--teleport end-->"
+`;
diff --git a/packages/coreui-vue/src/components/dropdown/__tests__/__snapshots__/CDropdownToggle.spec.ts.snap b/packages/coreui-vue/src/components/dropdown/__tests__/__snapshots__/CDropdownToggle.spec.ts.snap
index 9b78d066..4697a13e 100644
--- a/packages/coreui-vue/src/components/dropdown/__tests__/__snapshots__/CDropdownToggle.spec.ts.snap
+++ b/packages/coreui-vue/src/components/dropdown/__tests__/__snapshots__/CDropdownToggle.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CDropdownToggle component renders correctly 1`] = `"<a active="true" class="nav-link dropdown-toggle-split active disabled show" disabled="true" href="#">Default slot</a>"`;
+exports[`Customize CDropdownToggle component renders correctly 1`] = `"<a href="#" class="nav-link dropdown-toggle-split disabled show" aria-expanded="true" role="button" active="true">Default slot</a>"`;
 
-exports[`Loads and display CDropdownToggle component renders correctly 1`] = `"<button class="btn btn-outline-warning btn-lg active disabled rounded-pill dropdown-toggle dropdown-toggle-split active disabled show" disabled="" type="button"><span class="visually-hidden">Toggle Dropdown</span></button>"`;
+exports[`Loads and display CDropdownToggle component renders correctly 1`] = `"<button class="btn btn-outline-warning btn-lg active disabled rounded-pill dropdown-toggle dropdown-toggle-split disabled show" type="button" disabled="" aria-expanded="true"><span class="visually-hidden">Toggle Dropdown</span></button>"`;
diff --git a/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormCheck.spec.ts.snap b/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormCheck.spec.ts.snap
index c864ba71..80f6acce 100644
--- a/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormCheck.spec.ts.snap
+++ b/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormCheck.spec.ts.snap
@@ -2,12 +2,12 @@
 
 exports[`Customize with label - CFormCheck component renders correctly 1`] = `
 "<input class="btn-check is-invalid is-valid" id="uniqueid" type="checkbox">
-<label class="btn btn-outline-warning btn-lg rounded-circle" disabled="false" for="uniqueid">some label</label>"
+<label class="btn btn-outline-warning btn-lg rounded-circle" for="uniqueid">some label</label>"
 `;
 
 exports[`Customize with label in slot - CFormCheck component renders correctly 1`] = `
 "<input class="btn-check is-invalid is-valid" id="uniqueid" type="checkbox">
-<label class="btn btn-outline-warning btn-lg rounded-circle" disabled="false" for="uniqueid">some label</label>"
+<label class="btn btn-outline-warning btn-lg rounded-circle" for="uniqueid">some label</label>"
 `;
 
 exports[`Loads and display CFormCheck component renders correctly 1`] = `"<input class="form-check-input" type="checkbox">"`;
diff --git a/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModal.spec.ts.snap b/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModal.spec.ts.snap
index 81cb267c..b818db63 100644
--- a/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModal.spec.ts.snap
+++ b/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModal.spec.ts.snap
@@ -2,8 +2,8 @@
 
 exports[`Customize CModal component renders correctly 1`] = `
 "<transition-stub appear="false" persisted="false" css="false">
-  <div class="modal">
-    <div class="modal-dialog modal-dialog-centered modal-fullscreen-lg-down modal-dialog-scrollable modal-lg" role="dialog">
+  <div class="modal" aria-modal="true" role="dialog">
+    <div class="modal-dialog modal-dialog-centered modal-fullscreen-lg-down modal-dialog-scrollable modal-lg">
       <div class="modal-content bazinga">Default slot</div>
     </div>
   </div>
@@ -12,8 +12,8 @@ exports[`Customize CModal component renders correctly 1`] = `
 
 exports[`Loads and display CModal component renders correctly 1`] = `
 "<transition-stub appear="false" persisted="false" css="false">
-  <div class="modal fade">
-    <div class="modal-dialog modal-fullscreen" role="dialog">
+  <div class="modal fade" aria-modal="true" role="dialog">
+    <div class="modal-dialog modal-fullscreen">
       <div class="modal-content">Default slot</div>
     </div>
   </div>
diff --git a/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbar.spec.ts.snap b/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbar.spec.ts.snap
index ff0e3509..8c12255a 100644
--- a/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbar.spec.ts.snap
+++ b/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbar.spec.ts.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Customize CNavbar component renders correctly 1`] = `
-"<div class="navbar bg-warning navbar-light navbar-expand-xl fixed-bottom">
+"<div class="navbar bg-warning navbar-expand-xl fixed-bottom" data-coreui-theme="light">
   <div class="container-lg">Default slot</div>
 </div>"
 `;
diff --git a/packages/coreui-vue/src/components/offcanvas/__tests__/__snapshots__/COffcanvas.spec.ts.snap b/packages/coreui-vue/src/components/offcanvas/__tests__/__snapshots__/COffcanvas.spec.ts.snap
index d74a3bcb..c05805a4 100644
--- a/packages/coreui-vue/src/components/offcanvas/__tests__/__snapshots__/COffcanvas.spec.ts.snap
+++ b/packages/coreui-vue/src/components/offcanvas/__tests__/__snapshots__/COffcanvas.spec.ts.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Customize COffcanvas component renders correctly 1`] = `
-"<transition-stub appear="false" persisted="false" css="false">
+"<transition-stub appear="true" persisted="false" css="false">
   <div class="offcanvas offcanvas-bottom" role="dialog" tabindex="-1">Default slot</div>
 </transition-stub>
 <transition-stub appear="false" persisted="false" css="true" class="offcanvas-backdrop">
@@ -10,7 +10,7 @@ exports[`Customize COffcanvas component renders correctly 1`] = `
 `;
 
 exports[`Loads and display COffcanvas component renders correctly 1`] = `
-"<transition-stub appear="false" persisted="false" css="false">
+"<transition-stub appear="true" persisted="false" css="false">
   <div class="offcanvas offcanvas-end" role="dialog" tabindex="-1">Default slot</div>
 </transition-stub>
 <transition-stub appear="false" persisted="false" css="true" class="offcanvas-backdrop">
diff --git a/packages/coreui-vue/src/components/progress/__tests__/__snapshots__/CProgress.spec.ts.snap b/packages/coreui-vue/src/components/progress/__tests__/__snapshots__/CProgress.spec.ts.snap
index bb820197..d4477a07 100644
--- a/packages/coreui-vue/src/components/progress/__tests__/__snapshots__/CProgress.spec.ts.snap
+++ b/packages/coreui-vue/src/components/progress/__tests__/__snapshots__/CProgress.spec.ts.snap
@@ -1,5 +1,13 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CProgress component renders correctly 1`] = `"<div class="progress progress-thin progress-white" style="height: 100px;">Default slot</div>"`;
+exports[`Customize CProgress component renders correctly 1`] = `
+"<div class="progress progress-thin progress-white" style="height: 100px;" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
+  <div class="progress-bar bg-undefined" style="width: 0%;">Default slot</div>
+</div>"
+`;
 
-exports[`Loads and display CProgress component renders correctly 1`] = `"<div class="progress" style="">Default slot</div>"`;
+exports[`Loads and display CProgress component renders correctly 1`] = `
+"<div class="progress" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
+  <div class="progress-bar bg-undefined" style="width: 0%;">Default slot</div>
+</div>"
+`;
diff --git a/packages/coreui-vue/src/components/progress/__tests__/__snapshots__/CProgressBar.spec.ts.snap b/packages/coreui-vue/src/components/progress/__tests__/__snapshots__/CProgressBar.spec.ts.snap
index c4daea91..f5e81a11 100644
--- a/packages/coreui-vue/src/components/progress/__tests__/__snapshots__/CProgressBar.spec.ts.snap
+++ b/packages/coreui-vue/src/components/progress/__tests__/__snapshots__/CProgressBar.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CProgressBar component renders correctly 1`] = `"<div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" role="progressbar" style="width: 75%;" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">Default slot</div>"`;
+exports[`Customize CProgressBar component renders correctly 1`] = `"<div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 75%;">Default slot</div>"`;
 
-exports[`Loads and display CProgressBar component renders correctly 1`] = `"<div class="progress-bar bg-undefined" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">Default slot</div>"`;
+exports[`Loads and display CProgressBar component renders correctly 1`] = `"<div class="progress-bar bg-undefined" style="width: 0%;">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebar.spec.ts.snap b/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebar.spec.ts.snap
index cffd8e68..15a3cec4 100644
--- a/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebar.spec.ts.snap
+++ b/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebar.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CSidebar component renders correctly 1`] = `"<div class="sidebar sidebar-narrow sidebar-overlaid sidebar-fixed sidebar-xl sidebar-narrow-unfoldable">Default slot</div>"`;
+exports[`Customize CSidebar component renders correctly 1`] = `"<div class="sidebar sidebar-narrow sidebar-overlaid sidebar-fixed sidebar-xl sidebar-narrow-unfoldable show">Default slot</div>"`;
 
-exports[`Loads and display CSidebar component renders correctly 1`] = `"<div class="sidebar hide">Default slot</div>"`;
+exports[`Loads and display CSidebar component renders correctly 1`] = `"<div class="sidebar">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/spinner/__tests__/__snapshots__/CSpinner.spec.ts.snap b/packages/coreui-vue/src/components/spinner/__tests__/__snapshots__/CSpinner.spec.ts.snap
index f1d49397..2147b3ac 100644
--- a/packages/coreui-vue/src/components/spinner/__tests__/__snapshots__/CSpinner.spec.ts.snap
+++ b/packages/coreui-vue/src/components/spinner/__tests__/__snapshots__/CSpinner.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CSpinner component renders correctly 1`] = `"<h4 class="spinner-grow text-warning spinner-grow-sm" role="status"><span class="visually-hidden">visuallyHiddenLabel</span></h4>"`;
+exports[`Customize CSpinner component renders correctly 1`] = `"<h4 class="spinner-grow spinner-grow-sm text-warning" role="status"><span class="visually-hidden">visuallyHiddenLabel</span></h4>"`;
 
-exports[`Loads and display CSpinner component renders correctly 1`] = `"<div class="spinner-border text-undefined" role="status"><span class="visually-hidden">Loading...</span></div>"`;
+exports[`Loads and display CSpinner component renders correctly 1`] = `"<div class="spinner-border" role="status"><span class="visually-hidden">Loading...</span></div>"`;
diff --git a/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToaster.spec.ts.snap b/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToaster.spec.ts.snap
index 8f23150f..950cc006 100644
--- a/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToaster.spec.ts.snap
+++ b/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToaster.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CToaster component renders correctly 1`] = `"<div class="toaster toast-container p-3 position-fixed top-0 end-0">Default slot</div>"`;
+exports[`Customize CToaster component renders correctly 1`] = `"<div class="toaster toast-container position-fixed top-0 end-0">Default slot</div>"`;
 
-exports[`Loads and display CToaster component renders correctly 1`] = `"<div class="toaster toast-container p-3">Default slot</div>"`;
+exports[`Loads and display CToaster component renders correctly 1`] = `"<div class="toaster toast-container">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsA.spec.ts.snap b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsA.spec.ts.snap
index c8e5f776..c2d3d59c 100644
--- a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsA.spec.ts.snap
+++ b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsA.spec.ts.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Loads and display CWidgetStatsA component renders correctly 1`] = `
-"<div class="card bg-warning text-high-emphasis-inverse">
+"<div class="card bg-warning text-white">
   <div class="card-body pb-0 d-flex justify-content-between align-items-start">
     <div>
       <div class="fs-4 fw-semibold">75</div>
diff --git a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsB.spec.ts.snap b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsB.spec.ts.snap
index 33f7850e..35a70bb9 100644
--- a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsB.spec.ts.snap
+++ b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsB.spec.ts.snap
@@ -1,13 +1,15 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Loads and display CWidgetStatsB component renders correctly 1`] = `
-"<div class="card bg-warning text-high-emphasis-inverse">
+"<div class="card bg-warning text-white">
   <div class="card-body">
     <div class="fs-4 fw-semibold">75</div>
     <div>title</div>
-    <div class="progress progress-white my-2" style="height: 4px;">
-      <div class="progress-bar bg-info" role="progressbar" style="width: 75%;" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-    </div><small class="text-medium-emphasis-inverse">text</small>
+    <div class="progress progress-white my-2" style="height: 4px;" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">
+      <div class="progress-bar bg-info" style="width: 75%;">
+        <!---->
+      </div>
+    </div><small class="text-white text-opacity-75">text</small>
   </div>
 </div>"
 `;
diff --git a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsC.spec.ts.snap b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsC.spec.ts.snap
index 8793d1ec..acea9bdf 100644
--- a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsC.spec.ts.snap
+++ b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsC.spec.ts.snap
@@ -3,11 +3,13 @@
 exports[`Loads and display CWidgetStatsC component renders correctly 1`] = `
 "<div class="card bg-warning text-white">
   <div class="card-body">
-    <div class="text-end mb-4 text-medium-emphasis-inverse">icon</div>
+    <div class="text-end mb-4 text-white text-opacity-75">icon</div>
     <div class="fs-4 fw-semibold">75</div>
-    <div class="text-uppercase fw-semibold small text-medium-emphasis-inverse">title</div>
-    <div class="progress progress-white my-2" style="height: 4px;">
-      <div class="progress-bar bg-info" role="progressbar" style="width: 75%;" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
+    <div class="text-uppercase fw-semibold small text-white text-opacity-75">title</div>
+    <div class="progress progress-white my-2" style="height: 4px;" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">
+      <div class="progress-bar bg-info" style="width: 75%;">
+        <!---->
+      </div>
     </div>
   </div>
 </div>"
diff --git a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsD.spec.ts.snap b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsD.spec.ts.snap
index 77bab6a7..904ea85c 100644
--- a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsD.spec.ts.snap
+++ b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsD.spec.ts.snap
@@ -7,12 +7,12 @@ exports[`Loads and display CWidgetStatsD component renders correctly 1`] = `
     <!---->
     <div class="col">
       <div class="col fs-5 fw-semibold">bb</div>
-      <div class="col text-uppercase text-medium-emphasis small">aa</div>
+      <div class="col text-uppercase text-body-secondary small">aa</div>
     </div>
     <div class="vr"></div>
     <div class="col">
       <div class="col fs-5 fw-semibold">dd</div>
-      <div class="col text-uppercase text-medium-emphasis small">cc</div>
+      <div class="col text-uppercase text-body-secondary small">cc</div>
     </div>
   </div>
 </div>"
diff --git a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsF.spec.ts.snap b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsF.spec.ts.snap
index 81b9aa42..08c236ae 100644
--- a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsF.spec.ts.snap
+++ b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsF.spec.ts.snap
@@ -6,7 +6,7 @@ exports[`Loads and display CWidgetStatsF component renders correctly 1`] = `
     <div class="me-3 text-white bg-warning p-3">default</div>
     <div>
       <div class="fs-6 fw-semibold text-warning">75</div>
-      <div class="text-medium-emphasis text-uppercase fw-semibold small">title</div>
+      <div class="text-body-secondary text-uppercase fw-semibold small">title</div>
     </div>
   </div>
   <div class="card-footer">footer</div>

From 213955fee2bc35a7792ef55308ca4a1ee24b2b5b Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Wed, 15 Nov 2023 16:32:30 +0100
Subject: [PATCH 241/346] refactor: update text colors

---
 .../src/components/avatar/CAvatar.ts          |  2 +-
 .../coreui-vue/src/components/badge/CBadge.ts |  2 +-
 .../coreui-vue/src/components/card/CCard.ts   |  2 +-
 packages/coreui-vue/src/props.ts              | 21 ++++++++++++-------
 packages/docs/api/avatar/CAvatar.api.md       | 16 +++++++-------
 packages/docs/api/badge/CBadge.api.md         | 16 +++++++-------
 packages/docs/api/card/CCard.api.md           |  8 +++----
 7 files changed, 37 insertions(+), 30 deletions(-)

diff --git a/packages/coreui-vue/src/components/avatar/CAvatar.ts b/packages/coreui-vue/src/components/avatar/CAvatar.ts
index 27008005..d35ee265 100644
--- a/packages/coreui-vue/src/components/avatar/CAvatar.ts
+++ b/packages/coreui-vue/src/components/avatar/CAvatar.ts
@@ -55,7 +55,7 @@ const CAvatar = defineComponent({
     /**
      * Sets the text color of the component to one of CoreUI’s themed colors.
      *
-     * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', 'white', 'muted', 'high-emphasis', 'medium-emphasis', 'disabled', 'high-emphasis-inverse', 'medium-emphasis-inverse', 'disabled-inverse'
+     * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', 'primary-emphasis', 'secondary-emphasis', 'success-emphasis', 'danger-emphasis', 'warning-emphasis', 'info-emphasis', 'light-emphasis', 'body', 'body-emphasis', 'body-secondary', 'body-tertiary', 'black', 'black-50', 'white', 'white-50'
      */
     textColor: TextColor,
   },
diff --git a/packages/coreui-vue/src/components/badge/CBadge.ts b/packages/coreui-vue/src/components/badge/CBadge.ts
index 717adac3..765d998a 100644
--- a/packages/coreui-vue/src/components/badge/CBadge.ts
+++ b/packages/coreui-vue/src/components/badge/CBadge.ts
@@ -49,7 +49,7 @@ const CBadge = defineComponent({
     /**
      * Sets the text color of the component to one of CoreUI’s themed colors.
      *
-     * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', 'white', 'muted', 'high-emphasis', 'medium-emphasis', 'disabled', 'high-emphasis-inverse', 'medium-emphasis-inverse', 'disabled-inverse'
+     * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', 'primary-emphasis', 'secondary-emphasis', 'success-emphasis', 'danger-emphasis', 'warning-emphasis', 'info-emphasis', 'light-emphasis', 'body', 'body-emphasis', 'body-secondary', 'body-tertiary', 'black', 'black-50', 'white', 'white-50'
      */
     textColor: TextColor,
   },
diff --git a/packages/coreui-vue/src/components/card/CCard.ts b/packages/coreui-vue/src/components/card/CCard.ts
index 3b63f8ff..34e0531a 100644
--- a/packages/coreui-vue/src/components/card/CCard.ts
+++ b/packages/coreui-vue/src/components/card/CCard.ts
@@ -14,7 +14,7 @@ const CCard = defineComponent({
     /**
      * Sets the text color context of the component to one of CoreUI’s themed colors.
      *
-     * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', 'white', 'muted', 'high-emphasis', 'medium-emphasis', 'disabled', 'high-emphasis-inverse', 'medium-emphasis-inverse', 'disabled-inverse'
+     * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', 'primary-emphasis', 'secondary-emphasis', 'success-emphasis', 'danger-emphasis', 'warning-emphasis', 'info-emphasis', 'light-emphasis', 'body', 'body-emphasis', 'body-secondary', 'body-tertiary', 'black', 'black-50', 'white', 'white-50'
      */
     textColor: TextColor,
   },
diff --git a/packages/coreui-vue/src/props.ts b/packages/coreui-vue/src/props.ts
index 667186d5..f0fda387 100644
--- a/packages/coreui-vue/src/props.ts
+++ b/packages/coreui-vue/src/props.ts
@@ -57,14 +57,21 @@ export const TextColor = {
       'info',
       'dark',
       'light',
+      'primary-emphasis',
+      'secondary-emphasis',
+      'success-emphasis',
+      'danger-emphasis',
+      'warning-emphasis',
+      'info-emphasis',
+      'light-emphasis',
+      'body',
+      'body-emphasis',
+      'body-secondary',
+      'body-tertiary',
+      'black',
+      'black-50',
       'white',
-      'muted',
-      'high-emphasis',
-      'medium-emphasis',
-      'disabled',
-      'high-emphasis-inverse',
-      'medium-emphasis-inverse',
-      'disabled-inverse',
+      'white-50',
     ].includes(value)
   },
 }
diff --git a/packages/docs/api/avatar/CAvatar.api.md b/packages/docs/api/avatar/CAvatar.api.md
index 51491b27..eb80cc30 100644
--- a/packages/docs/api/avatar/CAvatar.api.md
+++ b/packages/docs/api/avatar/CAvatar.api.md
@@ -8,11 +8,11 @@ import CAvatar from '@coreui/vue/src/components/avatar/CAvatar'
 
 #### Props
 
-| Prop name      | Description                                                                      | Type   | Values                                                                                                                                                                                                                                                    | Default |
-| -------------- | -------------------------------------------------------------------------------- | ------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- |
-| **color**      | Sets the color context of the component to one of CoreUI’s themed colors.        | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`                                                                                                                                                           | -       |
-| **shape**      | Select the shape of the component.                                               | string | `'rounded'`, `'rounded-top'`, `'rounded-end'`, `'rounded-bottom'`, `'rounded-start'`, `'rounded-circle'`, `'rounded-pill'`, `'rounded-0'`, `'rounded-1'`, `'rounded-2'`, `'rounded-3'`                                                                    | -       |
-| **size**       | Size the component small, large, or extra large.                                 | string | `'sm'`, `'md'`, `'lg'`, `'xl'`                                                                                                                                                                                                                            | -       |
-| **src**        | The src attribute for the img element.                                           | string | -                                                                                                                                                                                                                                                         | -       |
-| **status**     | Sets the color context of the status indicator to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`                                                                                                                                                           | -       |
-| **text-color** | Sets the text color of the component to one of CoreUI’s themed colors.           | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `'white'`, `'muted'`, `'high-emphasis'`, `'medium-emphasis'`, `'disabled'`, `'high-emphasis-inverse'`, `'medium-emphasis-inverse'`, `'disabled-inverse'` | -       |
+| Prop name      | Description                                                                      | Type   | Values                                                                                                                                                                                                                                                                                                                                                                      | Default |
+| -------------- | -------------------------------------------------------------------------------- | ------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- |
+| **color**      | Sets the color context of the component to one of CoreUI’s themed colors.        | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`                                                                                                                                                                                                                                                                             | -       |
+| **shape**      | Select the shape of the component.                                               | string | `'rounded'`, `'rounded-top'`, `'rounded-end'`, `'rounded-bottom'`, `'rounded-start'`, `'rounded-circle'`, `'rounded-pill'`, `'rounded-0'`, `'rounded-1'`, `'rounded-2'`, `'rounded-3'`                                                                                                                                                                                      | -       |
+| **size**       | Size the component small, large, or extra large.                                 | string | `'sm'`, `'md'`, `'lg'`, `'xl'`                                                                                                                                                                                                                                                                                                                                              | -       |
+| **src**        | The src attribute for the img element.                                           | string | -                                                                                                                                                                                                                                                                                                                                                                           | -       |
+| **status**     | Sets the color context of the status indicator to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`                                                                                                                                                                                                                                                                             | -       |
+| **text-color** | Sets the text color of the component to one of CoreUI’s themed colors.           | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `'primary-emphasis'`, `'secondary-emphasis'`, `'success-emphasis'`, `'danger-emphasis'`, `'warning-emphasis'`, `'info-emphasis'`, `'light-emphasis'`, `'body'`, `'body-emphasis'`, `'body-secondary'`, `'body-tertiary'`, `'black'`, `'black-50'`, `'white'`, `'white-50'` | -       |
diff --git a/packages/docs/api/badge/CBadge.api.md b/packages/docs/api/badge/CBadge.api.md
index b9fd90b0..0c953392 100644
--- a/packages/docs/api/badge/CBadge.api.md
+++ b/packages/docs/api/badge/CBadge.api.md
@@ -8,11 +8,11 @@ import CBadge from '@coreui/vue/src/components/badge/CBadge'
 
 #### Props
 
-| Prop name      | Description                                                                             | Type   | Values                                                                                                                                                                                                                                                    | Default |
-| -------------- | --------------------------------------------------------------------------------------- | ------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- |
-| **color**      | Sets the color context of the component to one of CoreUI’s themed colors.               | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`                                                                                                                                                           | -       |
-| **component**  | Component used for the root node. Either a string to use a HTML element or a component. | string | -                                                                                                                                                                                                                                                         | 'span'  |
-| **position**   | Position badge in one of the corners of a link or button.                               | string | `'top-start'`, `'top-end'`, `'bottom-end'`, `'bottom-start'`                                                                                                                                                                                              | -       |
-| **shape**      | Select the shape of the component.                                                      | string | `'rounded'`, `'rounded-top'`, `'rounded-end'`, `'rounded-bottom'`, `'rounded-start'`, `'rounded-circle'`, `'rounded-pill'`, `'rounded-0'`, `'rounded-1'`, `'rounded-2'`, `'rounded-3'`                                                                    | -       |
-| **size**       | Size the component small.                                                               | string | `'sm'`                                                                                                                                                                                                                                                    | -       |
-| **text-color** | Sets the text color of the component to one of CoreUI’s themed colors.                  | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `'white'`, `'muted'`, `'high-emphasis'`, `'medium-emphasis'`, `'disabled'`, `'high-emphasis-inverse'`, `'medium-emphasis-inverse'`, `'disabled-inverse'` | -       |
+| Prop name      | Description                                                                             | Type   | Values                                                                                                                                                                                                                                                                                                                                                                      | Default |
+| -------------- | --------------------------------------------------------------------------------------- | ------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- |
+| **color**      | Sets the color context of the component to one of CoreUI’s themed colors.               | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`                                                                                                                                                                                                                                                                             | -       |
+| **component**  | Component used for the root node. Either a string to use a HTML element or a component. | string | -                                                                                                                                                                                                                                                                                                                                                                           | 'span'  |
+| **position**   | Position badge in one of the corners of a link or button.                               | string | `'top-start'`, `'top-end'`, `'bottom-end'`, `'bottom-start'`                                                                                                                                                                                                                                                                                                                | -       |
+| **shape**      | Select the shape of the component.                                                      | string | `'rounded'`, `'rounded-top'`, `'rounded-end'`, `'rounded-bottom'`, `'rounded-start'`, `'rounded-circle'`, `'rounded-pill'`, `'rounded-0'`, `'rounded-1'`, `'rounded-2'`, `'rounded-3'`                                                                                                                                                                                      | -       |
+| **size**       | Size the component small.                                                               | string | `'sm'`                                                                                                                                                                                                                                                                                                                                                                      | -       |
+| **text-color** | Sets the text color of the component to one of CoreUI’s themed colors.                  | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `'primary-emphasis'`, `'secondary-emphasis'`, `'success-emphasis'`, `'danger-emphasis'`, `'warning-emphasis'`, `'info-emphasis'`, `'light-emphasis'`, `'body'`, `'body-emphasis'`, `'body-secondary'`, `'body-tertiary'`, `'black'`, `'black-50'`, `'white'`, `'white-50'` | -       |
diff --git a/packages/docs/api/card/CCard.api.md b/packages/docs/api/card/CCard.api.md
index 4db75e45..facd1fe6 100644
--- a/packages/docs/api/card/CCard.api.md
+++ b/packages/docs/api/card/CCard.api.md
@@ -8,7 +8,7 @@ import CCard from '@coreui/vue/src/components/card/CCard'
 
 #### Props
 
-| Prop name      | Description                                                                    | Type   | Values                                                                                                                                                                                                                                                    | Default |
-| -------------- | ------------------------------------------------------------------------------ | ------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- |
-| **color**      | Sets the color context of the component to one of CoreUI’s themed colors.      | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`                                                                                                                                                           | -       |
-| **text-color** | Sets the text color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `'white'`, `'muted'`, `'high-emphasis'`, `'medium-emphasis'`, `'disabled'`, `'high-emphasis-inverse'`, `'medium-emphasis-inverse'`, `'disabled-inverse'` | -       |
+| Prop name      | Description                                                                    | Type   | Values                                                                                                                                                                                                                                                                                                                                                                      | Default |
+| -------------- | ------------------------------------------------------------------------------ | ------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- |
+| **color**      | Sets the color context of the component to one of CoreUI’s themed colors.      | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`                                                                                                                                                                                                                                                                             | -       |
+| **text-color** | Sets the text color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `'primary-emphasis'`, `'secondary-emphasis'`, `'success-emphasis'`, `'danger-emphasis'`, `'warning-emphasis'`, `'info-emphasis'`, `'light-emphasis'`, `'body'`, `'body-emphasis'`, `'body-secondary'`, `'body-tertiary'`, `'black'`, `'black-50'`, `'white'`, `'white-50'` | -       |

From 0fabe4cd15db8c39bd12b78730f2fb04326722c7 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Wed, 15 Nov 2023 16:48:24 +0100
Subject: [PATCH 242/346] docs: update content

---
 packages/docs/components/widgets.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/docs/components/widgets.md b/packages/docs/components/widgets.md
index 8d8487d1..9c295123 100644
--- a/packages/docs/components/widgets.md
+++ b/packages/docs/components/widgets.md
@@ -52,7 +52,7 @@ description:
                 label: 'My First dataset',
                 backgroundColor: 'transparent',
                 borderColor: 'rgba(255,255,255,.55)',
-                pointBackgroundColor: '#321fdb',
+                pointBackgroundColor: '#5856d6',
                 data: [65, 59, 84, 84, 51, 55, 40],
               },
             ],
@@ -428,7 +428,7 @@ description:
                 label: 'My First dataset',
                 backgroundColor: 'transparent',
                 borderColor: 'rgba(255,255,255,.55)',
-                pointBackgroundColor: '#321fdb',
+                pointBackgroundColor: '#5856d6',
                 data: [65, 59, 84, 84, 51, 55, 40],
               },
             ],

From a2809d62aa4cde3626a7472c5b3657d7fc1549c6 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Wed, 15 Nov 2023 16:48:51 +0100
Subject: [PATCH 243/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@coreui/coreui                        ^5.0.0-beta.2  →    ^5.0.0-rc.0
@coreui/chartjs                       ^4.0.0-beta.1  →    ^4.0.0-rc.0
@coreui/vue-chartjs                   ^3.0.0-beta.0  →    ^3.0.0-rc.0
@typescript-eslint/eslint-plugin            ^6.10.0  →        ^6.11.0
@typescript-eslint/parser                   ^6.10.0  →        ^6.11.0
@vue/test-utils                              ^2.4.1  →         ^2.4.2
@vuepress/plugin-register-components  2.0.0-beta.67  →  2.0.0-beta.68
@vuepress/plugin-toc                  2.0.0-beta.67  →  2.0.0-beta.68
prettier                                     ^3.0.3  →         ^3.1.0
rollup                                       ^4.3.0  →         ^4.4.1
vuepress                              2.0.0-beta.67  →  2.0.0-beta.68
---
 package.json                     |  6 +++---
 packages/coreui-vue/package.json |  6 +++---
 packages/docs/package.json       | 12 ++++++------
 3 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/package.json b/package.json
index cef0203f..6d1ddb62 100644
--- a/package.json
+++ b/package.json
@@ -22,8 +22,8 @@
     "test:update": "npm-run-all charts:test:update icons:test:update lib:test:update"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^6.10.0",
-    "@typescript-eslint/parser": "^6.10.0",
+    "@typescript-eslint/eslint-plugin": "^6.11.0",
+    "@typescript-eslint/parser": "^6.11.0",
     "@vue/eslint-config-prettier": "^8.0.0",
     "@vue/eslint-config-typescript": "^12.0.0",
     "@vue/vue3-jest": "29.2.6",
@@ -34,6 +34,6 @@
     "eslint-plugin-unicorn": "^49.0.0",
     "lerna": "^7.4.2",
     "npm-run-all": "^4.1.5",
-    "prettier": "^3.0.3"
+    "prettier": "^3.1.0"
   }
 }
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index 305dadbe..55d2729c 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -41,7 +41,7 @@
     "test:update": "jest --coverage --updateSnapshot"
   },
   "dependencies": {
-    "@coreui/coreui": "^5.0.0-beta.2",
+    "@coreui/coreui": "^5.0.0-rc.0",
     "@popperjs/core": "^2.11.8"
   },
   "devDependencies": {
@@ -49,12 +49,12 @@
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-typescript": "^11.1.5",
     "@types/jest": "^29.5.8",
-    "@vue/test-utils": "^2.4.1",
+    "@vue/test-utils": "^2.4.2",
     "@vue/vue3-jest": "29.2.6",
     "cross-env": "^7.0.3",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "rollup": "^4.3.0",
+    "rollup": "^4.4.1",
     "rollup-plugin-vue": "^6.0.0",
     "ts-jest": "^29.1.1",
     "typescript": "^5.2.2",
diff --git a/packages/docs/package.json b/packages/docs/package.json
index ace4e690..862515b8 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -8,18 +8,18 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@coreui/chartjs": "^4.0.0-beta.1",
-    "@coreui/coreui": "^5.0.0-beta.2",
+    "@coreui/chartjs": "^4.0.0-rc.0",
+    "@coreui/coreui": "^5.0.0-rc.0",
     "@coreui/icons": "^3.0.1",
     "@coreui/icons-vue": "^2.0.0",
     "@coreui/utils": "^2.0.2",
-    "@coreui/vue-chartjs": "^3.0.0-beta.0",
+    "@coreui/vue-chartjs": "^3.0.0-rc.0",
     "@docsearch/css": "^3.5.2",
     "@docsearch/js": "^3.5.2",
-    "@vuepress/plugin-register-components": "2.0.0-beta.67",
-    "@vuepress/plugin-toc": "2.0.0-beta.67",
+    "@vuepress/plugin-register-components": "2.0.0-beta.68",
+    "@vuepress/plugin-toc": "2.0.0-beta.68",
     "markdown-it-include": "^2.0.0",
     "vue-docgen-cli": "^4.67.0",
-    "vuepress": "2.0.0-beta.67"
+    "vuepress": "2.0.0-beta.68"
   }
 }

From bf9fdd1630baad1409c3974a80f713b7540a0edd Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Wed, 15 Nov 2023 16:54:59 +0100
Subject: [PATCH 244/346] chore: update submodules

---
 packages/coreui-vue-chartjs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/coreui-vue-chartjs b/packages/coreui-vue-chartjs
index c0b1b966..4915760c 160000
--- a/packages/coreui-vue-chartjs
+++ b/packages/coreui-vue-chartjs
@@ -1 +1 @@
-Subproject commit c0b1b966fe9ac6e2d097860831b616fcb20342d4
+Subproject commit 4915760c5f87bd0106778d414288681edc086fa9

From c064719cbf849548843da36e25d59a5169750249 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Wed, 15 Nov 2023 16:57:27 +0100
Subject: [PATCH 245/346] release: v5.0.0-rc.0

---
 README.md                                                     | 2 +-
 lerna.json                                                    | 2 +-
 packages/coreui-vue/package.json                              | 2 +-
 .../components/conditional-teleport/CConditionalTeleport.ts   | 2 +-
 packages/coreui-vue/src/components/dropdown/CDropdown.ts      | 4 ++--
 .../coreui-vue/src/components/dropdown/CDropdownToggle.ts     | 2 +-
 packages/coreui-vue/src/components/modal/CModal.ts            | 2 +-
 packages/coreui-vue/src/components/popover/CPopover.ts        | 2 +-
 packages/coreui-vue/src/components/progress/CProgress.ts      | 2 +-
 packages/coreui-vue/src/components/tooltip/CTooltip.ts        | 2 +-
 .../docs/api/conditional-teleport/CConditionalTeleport.api.md | 2 +-
 packages/docs/api/dropdown/CDropdown.api.md                   | 4 ++--
 packages/docs/api/dropdown/CDropdownToggle.api.md             | 2 +-
 packages/docs/api/modal/CModal.api.md                         | 2 +-
 packages/docs/api/popover/CPopover.api.md                     | 2 +-
 packages/docs/api/progress/CProgress.api.md                   | 2 +-
 packages/docs/api/tooltip/CTooltip.api.md                     | 2 +-
 packages/docs/package.json                                    | 2 +-
 18 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/README.md b/README.md
index cb558955..ccf1caa1 100644
--- a/README.md
+++ b/README.md
@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.0.0-beta.1.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.0.0-rc.0.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue`
diff --git a/lerna.json b/lerna.json
index bd175e90..7aa00b6e 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,6 +1,6 @@
 {
   "npmClient": "yarn",
   "packages": ["packages/*"],
-  "version": "5.0.0-beta.1",
+  "version": "5.0.0-rc.0",
   "$schema": "node_modules/lerna/schemas/lerna-schema.json"
 }
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index 55d2729c..b72da2a7 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue",
-  "version": "5.0.0-beta.1",
+  "version": "5.0.0-rc.0",
   "description": "UI Components Library for Vue.js",
   "keywords": [
     "vue",
diff --git a/packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts b/packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts
index 4f5779d3..c380866a 100644
--- a/packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts
+++ b/packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts
@@ -16,7 +16,7 @@ const CConditionalTeleport = defineComponent({
     /**
      * An HTML element or function that returns a single element, with `document.body` as the default.
      *
-     * @since v5.0.0-beta.1
+     * @since v5.0.0-rc.0
      */
     container: {
       type: [Object, String] as PropType<HTMLElement | (() => HTMLElement) | string>,
diff --git a/packages/coreui-vue/src/components/dropdown/CDropdown.ts b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
index a6256bc3..bf4dc8f3 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdown.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
@@ -62,7 +62,7 @@ const CDropdown = defineComponent({
     /**
      * Appends the vue dropdown menu to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
      *
-     * @since v5.0.0-beta.1
+     * @since v5.0.0-rc.0
      */
     container: {
       type: [Object, String] as PropType<HTMLElement | (() => HTMLElement) | string>,
@@ -115,7 +115,7 @@ const CDropdown = defineComponent({
     /**
      * Generates dropdown menu using Teleport.
      *
-     * @since v5.0.0-beta.1
+     * @since v5.0.0-rc.0
      */
     teleport: {
       type: Boolean,
diff --git a/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts b/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
index c440bbda..136a60b8 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
@@ -49,7 +49,7 @@ const CDropdownToggle = defineComponent({
     /**
      * If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.
      *
-     * @since v5.0.0-beta.1
+     * @since v5.0.0-rc.0
      */
     navLink: {
       type: Boolean,
diff --git a/packages/coreui-vue/src/components/modal/CModal.ts b/packages/coreui-vue/src/components/modal/CModal.ts
index ab3a0d3c..af05a0ca 100644
--- a/packages/coreui-vue/src/components/modal/CModal.ts
+++ b/packages/coreui-vue/src/components/modal/CModal.ts
@@ -54,7 +54,7 @@ const CModal = defineComponent({
     /**
      * Puts the focus on the modal when shown.
      *
-     * @since v5.0.0-beta.1
+     * @since v5.0.0-rc.0
      */
     focus: {
       type: Boolean,
diff --git a/packages/coreui-vue/src/components/popover/CPopover.ts b/packages/coreui-vue/src/components/popover/CPopover.ts
index e0bbb671..9c0aa6c1 100644
--- a/packages/coreui-vue/src/components/popover/CPopover.ts
+++ b/packages/coreui-vue/src/components/popover/CPopover.ts
@@ -23,7 +23,7 @@ const CPopover = defineComponent({
     /**
      * Appends the vue popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
      *
-     * @since v5.0.0-beta.1
+     * @since v5.0.0-rc.0
      */
     container: {
       type: [Object, String] as PropType<HTMLElement | (() => HTMLElement) | string>,
diff --git a/packages/coreui-vue/src/components/progress/CProgress.ts b/packages/coreui-vue/src/components/progress/CProgress.ts
index b1f62c81..82613fd0 100644
--- a/packages/coreui-vue/src/components/progress/CProgress.ts
+++ b/packages/coreui-vue/src/components/progress/CProgress.ts
@@ -23,7 +23,7 @@ const CProgress = defineComponent({
     /**
      * A string of all className you want applied to the <CProgressBar/> component.
      *
-     * @since 5.0.0-beta.1
+     * @since 5.0.0-rc.0
      */
     progressBarClassName: String,
     /**
diff --git a/packages/coreui-vue/src/components/tooltip/CTooltip.ts b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
index 3422bb42..7e55964d 100644
--- a/packages/coreui-vue/src/components/tooltip/CTooltip.ts
+++ b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
@@ -23,7 +23,7 @@ const CTooltip = defineComponent({
     /**
      * Appends the vue tooltip to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
      *
-     * @since v5.0.0-beta.1
+     * @since v5.0.0-rc.0
      */
     container: {
       type: [Object, String] as PropType<HTMLElement | (() => HTMLElement) | string>,
diff --git a/packages/docs/api/conditional-teleport/CConditionalTeleport.api.md b/packages/docs/api/conditional-teleport/CConditionalTeleport.api.md
index 3db09be8..bd56a962 100644
--- a/packages/docs/api/conditional-teleport/CConditionalTeleport.api.md
+++ b/packages/docs/api/conditional-teleport/CConditionalTeleport.api.md
@@ -10,5 +10,5 @@ import CConditionalTeleport from '@coreui/vue/src/components/conditional-telepor
 
 | Prop name                                                            | Description                                                                                     | Type                                         | Values | Default |
 | -------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------- | -------------------------------------------- | ------ | ------- |
-| **container** <br><div class="badge bg-primary">v5.0.0-beta.1+</div> | An HTML element or function that returns a single element, with `document.body` as the default. | HTMLElement \| (() => HTMLElement) \| string | -      | 'body'  |
+| **container** <br><div class="badge bg-primary">v5.0.0-rc.0+</div> | An HTML element or function that returns a single element, with `document.body` as the default. | HTMLElement \| (() => HTMLElement) \| string | -      | 'body'  |
 | **teleport**                                                         | Render some children into a different part of the DOM                                           | boolean                                      | -      | true    |
diff --git a/packages/docs/api/dropdown/CDropdown.api.md b/packages/docs/api/dropdown/CDropdown.api.md
index 56b38832..2d6af004 100644
--- a/packages/docs/api/dropdown/CDropdown.api.md
+++ b/packages/docs/api/dropdown/CDropdown.api.md
@@ -12,14 +12,14 @@ import CDropdown from '@coreui/vue/src/components/dropdown/CDropdown'
 | -------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- |
 | **alignment**                                                        | Set aligment of dropdown menu.                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | string \| Alignments                         | `{ 'start' \| 'end' \| { xs: 'start' \| 'end' } \| { sm: 'start' \| 'end' } \| { md: 'start' \| 'end' } \| { lg: 'start' \| 'end' } \| { xl: 'start' \| 'end'} \| { xxl: 'start' \| 'end'} }` | -              |
 | **auto-close**                                                       | Configure the auto close behavior of the dropdown:<br>- `true` - the dropdown will be closed by clicking outside or inside the dropdown menu.<br>- `false` - the dropdown will be closed by clicking the toggle button and manually calling hide or toggle method. (Also will not be closed by pressing esc key)<br>- `'inside'` - the dropdown will be closed (only) by clicking inside the dropdown menu.<br>- `'outside'` - the dropdown will be closed (only) by clicking outside the dropdown menu. | boolean\|string                              | -                                                                                                                                                                                             | true           |
-| **container** <br><div class="badge bg-primary">v5.0.0-beta.1+</div> | Appends the vue dropdown menu to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                                                                                                                                                                                                                                                                 | HTMLElement \| (() => HTMLElement) \| string | -                                                                                                                                                                                             | 'body'         |
+| **container** <br><div class="badge bg-primary">v5.0.0-rc.0+</div> | Appends the vue dropdown menu to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                                                                                                                                                                                                                                                                 | HTMLElement \| (() => HTMLElement) \| string | -                                                                                                                                                                                             | 'body'         |
 | **dark**                                                             | Sets a darker color scheme to match a dark navbar.                                                                                                                                                                                                                                                                                                                                                                                                                                                       | boolean                                      | -                                                                                                                                                                                             | -              |
 | **direction**                                                        | Sets a specified direction and location of the dropdown menu.                                                                                                                                                                                                                                                                                                                                                                                                                                            | string                                       | `'center'`, `'dropup'`, `'dropup-center'`, `'dropend'`, `'dropstart'`                                                                                                                         | -              |
 | **disabled**                                                         | Toggle the disabled state for the component.                                                                                                                                                                                                                                                                                                                                                                                                                                                             | boolean                                      | -                                                                                                                                                                                             | -              |
 | **offset** <br><div class="badge bg-primary">4.9.0+</div>            | Offset of the dropdown menu relative to its target.                                                                                                                                                                                                                                                                                                                                                                                                                                                      | array                                        | -                                                                                                                                                                                             | [0, 2]         |
 | **placement**                                                        | Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.                                                                                                                                                                                                                                                                                                                                     | Placement                                    | `'auto'`, `'top-end'`, `'top'`, `'top-start'`, `'bottom-end'`, `'bottom'`, `'bottom-start'`, `'right-start'`, `'right'`, `'right-end'`, `'left-start'`, `'left'`, `'left-end'`                | 'bottom-start' |
 | **popper**                                                           | If you want to disable dynamic positioning set this property to `true`.                                                                                                                                                                                                                                                                                                                                                                                                                                  | boolean                                      | -                                                                                                                                                                                             | true           |
-| **teleport** <br><div class="badge bg-primary">v5.0.0-beta.1+</div>  | Generates dropdown menu using Teleport.                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | boolean                                      | -                                                                                                                                                                                             | false          |
+| **teleport** <br><div class="badge bg-primary">v5.0.0-rc.0+</div>  | Generates dropdown menu using Teleport.                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | boolean                                      | -                                                                                                                                                                                             | false          |
 | **trigger**                                                          | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.                                                                                                                                                                                                                                                                                                                                                                                      | Triggers                                     | -                                                                                                                                                                                             | 'click'        |
 | **variant**                                                          | Set the dropdown variant to an btn-group, dropdown, input-group, and nav-item.                                                                                                                                                                                                                                                                                                                                                                                                                           | string                                       | `'btn-group'`, `'dropdown'`, `'input-group'`, `'nav-item'`                                                                                                                                    | 'btn-group'    |
 | **visible**                                                          | Toggle the visibility of dropdown menu component.                                                                                                                                                                                                                                                                                                                                                                                                                                                        | boolean                                      | -                                                                                                                                                                                             | -              |
diff --git a/packages/docs/api/dropdown/CDropdownToggle.api.md b/packages/docs/api/dropdown/CDropdownToggle.api.md
index dd403a9a..87c73be4 100644
--- a/packages/docs/api/dropdown/CDropdownToggle.api.md
+++ b/packages/docs/api/dropdown/CDropdownToggle.api.md
@@ -15,7 +15,7 @@ import CDropdownToggle from '@coreui/vue/src/components/dropdown/CDropdownToggle
 | **component**                                                       | Component used for the root node. Either a string to use a HTML element or a component.                                                                                                                       | string   | -                                                                                               | 'button' |
 | **custom**                                                          | Create a custom toggler which accepts any content.                                                                                                                                                            | boolean  | -                                                                                               | -        |
 | **disabled**                                                        | Toggle the disabled state for the component.                                                                                                                                                                  | boolean  | -                                                                                               | -        |
-| **nav-link** <br><div class="badge bg-primary">v5.0.0-beta.1+</div> | If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.                                                                                                           | boolean  | -                                                                                               | true     |
+| **nav-link** <br><div class="badge bg-primary">v5.0.0-rc.0+</div> | If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.                                                                                                           | boolean  | -                                                                                               | true     |
 | **size**                                                            | Size the component small or large.                                                                                                                                                                            | string   | `'sm'`, `'lg'`                                                                                  | -        |
 | **split**                                                           | Similarly, create split button dropdowns with virtually the same markup as single button dropdowns, but with the addition of `.dropdown-toggle-split` className for proper spacing around the dropdown caret. | boolean  | -                                                                                               | -        |
 | **trigger**                                                         | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.<br/>`@type` 'hover' \| 'focus' \| 'click'                                                 | Triggers | -                                                                                               | 'click'  |
diff --git a/packages/docs/api/modal/CModal.api.md b/packages/docs/api/modal/CModal.api.md
index 6ae31e41..c30862a4 100644
--- a/packages/docs/api/modal/CModal.api.md
+++ b/packages/docs/api/modal/CModal.api.md
@@ -13,7 +13,7 @@ import CModal from '@coreui/vue/src/components/modal/CModal'
 | **alignment**                                                    | Align the modal in the center or top of the screen.                                                                                | string          | `'top'`, `'center'`                                | 'top'   |
 | **backdrop**                                                     | Apply a backdrop on body while offcanvas is open.                                                                                  | boolean\|string | `boolean \| 'static'`                              | true    |
 | **content-class-name**                                           | A string of all className you want applied to the modal content component.                                                         | string          | -                                                  | -       |
-| **focus** <br><div class="badge bg-primary">v5.0.0-beta.1+</div> | Puts the focus on the modal when shown.                                                                                            | boolean         | -                                                  | true    |
+| **focus** <br><div class="badge bg-primary">v5.0.0-rc.0+</div> | Puts the focus on the modal when shown.                                                                                            | boolean         | -                                                  | true    |
 | **fullscreen**                                                   | Set modal to covers the entire user viewport                                                                                       | boolean\|string | `boolean`, `'sm'`, `'md'`, `'lg'`, `'xl'`, `'xxl'` | -       |
 | **keyboard**                                                     | Closes the modal when escape key is pressed.                                                                                       | boolean         | -                                                  | true    |
 | **scrollable**                                                   | Create a scrollable modal that allows scrolling the modal body.                                                                    | boolean         | -                                                  | -       |
diff --git a/packages/docs/api/popover/CPopover.api.md b/packages/docs/api/popover/CPopover.api.md
index 3e440549..d9cb2297 100644
--- a/packages/docs/api/popover/CPopover.api.md
+++ b/packages/docs/api/popover/CPopover.api.md
@@ -11,7 +11,7 @@ import CPopover from '@coreui/vue/src/components/popover/CPopover'
 | Prop name                                                              | Description                                                                                                                                                                                                                                                     | Type                                         | Values                          | Default                                  |
 | ---------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | ------------------------------- | ---------------------------------------- |
 | **animation** <br><div class="badge bg-primary">4.9.0+</div>           | Apply a CSS fade transition to the popover.                                                                                                                                                                                                                     | boolean                                      | -                               | true                                     |
-| **container** <br><div class="badge bg-primary">v5.0.0-beta.1+</div>   | Appends the vue popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                              | HTMLElement \| (() => HTMLElement) \| string | -                               | 'body'                                   |
+| **container** <br><div class="badge bg-primary">v5.0.0-rc.0+</div>   | Appends the vue popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                              | HTMLElement \| (() => HTMLElement) \| string | -                               | 'body'                                   |
 | **content**                                                            | Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`                                                                                                                                  | string                                       | -                               | -                                        |
 | **delay** <br><div class="badge bg-primary">4.9.0+</div>               | The delay for displaying and hiding the popover (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`. | number \| { show: number; hide: number }     | -                               | 0                                        |
 | **fallback-placements** <br><div class="badge bg-primary">4.9.0+</div> | Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.                                                                                                       | Placements \| Placements[]                   | -                               | () => ['top', 'right', 'bottom', 'left'] |
diff --git a/packages/docs/api/progress/CProgress.api.md b/packages/docs/api/progress/CProgress.api.md
index 7ed81b2c..c33100ae 100644
--- a/packages/docs/api/progress/CProgress.api.md
+++ b/packages/docs/api/progress/CProgress.api.md
@@ -13,7 +13,7 @@ import CProgress from '@coreui/vue/src/components/progress/CProgress'
 | **animated**                                                                      | Use to animate the stripes right to left via CSS3 animations.                                                             | boolean | -                                                                                               | -       |
 | **color**                                                                         | Sets the color context of the component to one of CoreUI’s themed colors.                                                 | string  | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | -       |
 | **height**                                                                        | Sets the height of the component. If you set that value the inner `<CProgressBar>` will automatically resize accordingly. | number  | -                                                                                               | -       |
-| **progress-bar-class-name** <br><div class="badge bg-primary">5.0.0-beta.1+</div> | A string of all className you want applied to the <CProgressBar/> component.                                              | string  | -                                                                                               | -       |
+| **progress-bar-class-name** <br><div class="badge bg-primary">5.0.0-rc.0+</div> | A string of all className you want applied to the <CProgressBar/> component.                                              | string  | -                                                                                               | -       |
 | **thin**                                                                          | Makes progress bar thinner.                                                                                               | boolean | -                                                                                               | -       |
 | **value**                                                                         | The percent to progress the ProgressBar.                                                                                  | number  | -                                                                                               | 0       |
 | **variant**                                                                       | Set the progress bar variant to optional striped.                                                                         | string  | `'striped'`                                                                                     | -       |
diff --git a/packages/docs/api/tooltip/CTooltip.api.md b/packages/docs/api/tooltip/CTooltip.api.md
index f8e10ff4..054895ab 100644
--- a/packages/docs/api/tooltip/CTooltip.api.md
+++ b/packages/docs/api/tooltip/CTooltip.api.md
@@ -11,7 +11,7 @@ import CTooltip from '@coreui/vue/src/components/tooltip/CTooltip'
 | Prop name                                                              | Description                                                                                                                                                                                                                                                     | Type                                         | Values                          | Default                                  |
 | ---------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | ------------------------------- | ---------------------------------------- |
 | **animation** <br><div class="badge bg-primary">4.9.0+</div>           | Apply a CSS fade transition to the tooltip.                                                                                                                                                                                                                     | boolean                                      | -                               | true                                     |
-| **container** <br><div class="badge bg-primary">v5.0.0-beta.1+</div>   | Appends the vue tooltip to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                              | HTMLElement \| (() => HTMLElement) \| string | -                               | 'body'                                   |
+| **container** <br><div class="badge bg-primary">v5.0.0-rc.0+</div>   | Appends the vue tooltip to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                              | HTMLElement \| (() => HTMLElement) \| string | -                               | 'body'                                   |
 | **content**                                                            | Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`                                                                                                                                  | string                                       | -                               | -                                        |
 | **delay** <br><div class="badge bg-primary">4.9.0+</div>               | The delay for displaying and hiding the popover (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`. | number \| { show: number; hide: number }     | -                               | 0                                        |
 | **fallback-placements** <br><div class="badge bg-primary">4.9.0+</div> | Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.                                                                                                       | Placements \| Placements[]                   | -                               | () => ['top', 'right', 'bottom', 'left'] |
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 862515b8..1a1eb556 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue-docs",
-  "version": "5.0.0-beta.1",
+  "version": "5.0.0-rc.0",
   "scripts": {
     "api": "vue-docgen -c build/docgen.config.js",
     "dev": "vuepress dev --clean-cache",

From b5c08642dcc10a2123b0dea171efa6ec013296a6 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Tue, 2 Jan 2024 16:36:32 +0100
Subject: [PATCH 246/346] refactor: improve polymorphic components

---
 .../src/components/alert/CAlertHeading.ts     |   4 +-
 .../alert/__tests__/CAlertHeading.spec.ts     |   2 +-
 .../coreui-vue/src/components/badge/CBadge.ts |   4 +-
 .../src/components/button/CButton.ts          |  16 +--
 .../button/__tests__/CButton.spec.ts          |   4 +-
 .../src/components/card/CCardHeader.ts        |   4 +-
 .../src/components/card/CCardImage.ts         |   4 +-
 .../src/components/card/CCardSubtitle.ts      |   4 +-
 .../src/components/card/CCardText.ts          |   4 +-
 .../src/components/card/CCardTitle.ts         |   4 +-
 .../card/__tests__/CCardHeader.spec.ts        |   2 +-
 .../card/__tests__/CCardImage.spec.ts         |   2 +-
 .../card/__tests__/CCardSubtitle.spec.ts      |   2 +-
 .../card/__tests__/CCardText.spec.ts          |   2 +-
 .../card/__tests__/CCardTitle.spec.ts         |   2 +-
 .../components/dropdown/CDropdownHeader.ts    |   4 +-
 .../src/components/dropdown/CDropdownItem.ts  |   4 +-
 .../src/components/dropdown/CDropdownMenu.ts  |   6 +-
 .../components/dropdown/CDropdownToggle.ts    |  70 +++++-----
 .../__tests__/CDropdownHeader.spec.ts         |   2 +-
 .../dropdown/__tests__/CDropdownItem.spec.ts  |   2 +-
 .../dropdown/__tests__/CDropdownMenu.spec.ts  |   2 +-
 .../src/components/form/CFormCheck.ts         |   2 +-
 .../src/components/form/CFormFeedback.ts      |   4 +-
 .../src/components/form/CFormText.ts          |   4 +-
 .../src/components/form/CInputGroupText.ts    |   4 +-
 .../form/__tests__/CFormFeedback.spec.ts      |   4 +-
 .../form/__tests__/CFormText.spec.ts          |   2 +-
 .../form/__tests__/CInputGroupText.spec.ts    |   2 +-
 .../src/components/header/CHeaderBrand.ts     |   4 +-
 .../src/components/header/CHeaderNav.ts       |   4 +-
 .../header/__tests__/CHeaderBrand.spec.ts     |   2 +-
 .../header/__tests__/CHeaderNav.spec.ts       |   2 +-
 .../coreui-vue/src/components/link/CLink.ts   |   8 +-
 .../components/link/__tests__/CLink.spec.ts   |   2 +-
 .../src/components/list-group/CListGroup.ts   |   4 +-
 .../components/list-group/CListGroupItem.ts   |  20 +--
 .../list-group/__tests__/CListGroup.spec.ts   |   2 +-
 .../__tests__/CListGroupItem.spec.ts          |   4 +-
 .../src/components/modal/CModalTitle.ts       |   4 +-
 .../modal/__tests__/CModalTitle.spec.ts       |   2 +-
 .../coreui-vue/src/components/nav/CNav.ts     |   4 +-
 .../src/components/nav/CNavGroup.ts           |  11 +-
 .../coreui-vue/src/components/nav/CNavItem.ts |  11 +-
 .../coreui-vue/src/components/nav/CNavLink.ts |   4 +-
 .../src/components/nav/CNavTitle.ts           |  13 +-
 .../src/components/nav/__tests__/CNav.spec.ts |   2 +-
 .../components/nav/__tests__/CNavItem.spec.ts |   2 +-
 .../components/nav/__tests__/CNavLink.spec.ts |   2 +-
 .../src/components/navbar/CNavbar.ts          |  16 +--
 .../src/components/navbar/CNavbarBrand.ts     |   4 +-
 .../src/components/navbar/CNavbarNav.ts       |   4 +-
 .../navbar/__tests__/CNavbar.spec.ts          |   2 +-
 .../navbar/__tests__/CNavbarBrand.spec.ts     |   2 +-
 .../navbar/__tests__/CNavbarNav.spec.ts       |   2 +-
 .../components/offcanvas/COffcanvasTitle.ts   |   4 +-
 .../__tests__/COffcanvasTitle.spec.ts         |   2 +-
 .../components/pagination/CPaginationItem.ts  |   4 +-
 .../components/placeholder/CPlaceholder.ts    |  16 +--
 .../src/components/sidebar/CSidebarNav.ts     |  40 ++++--
 .../src/components/spinner/CSpinner.ts        |  16 +--
 .../spinner/__tests__/CSpinner.spec.ts        |   2 +-
 .../src/components/toast/CToastClose.ts       |   6 +-
 .../toast/__tests__/CToastClose.spec.ts       |   2 +-
 packages/docs/api/alert/CAlertHeading.api.md  |   6 +-
 packages/docs/api/badge/CBadge.api.md         |   2 +-
 packages/docs/api/button/CButton.api.md       |  22 +--
 packages/docs/api/card/CCardHeader.api.md     |   6 +-
 packages/docs/api/card/CCardImage.api.md      |   2 +-
 packages/docs/api/card/CCardSubtitle.api.md   |   6 +-
 packages/docs/api/card/CCardText.api.md       |   6 +-
 packages/docs/api/card/CCardTitle.api.md      |   6 +-
 .../CConditionalTeleport.api.md               |   6 +-
 packages/docs/api/dropdown/CDropdown.api.md   |  26 ++--
 .../docs/api/dropdown/CDropdownHeader.api.md  |   6 +-
 .../docs/api/dropdown/CDropdownItem.api.md    |  12 +-
 .../docs/api/dropdown/CDropdownMenu.api.md    |   6 +-
 .../docs/api/dropdown/CDropdownToggle.api.md  |  22 +--
 packages/docs/api/form/CFormFeedback.api.md   |  12 +-
 packages/docs/api/form/CFormText.api.md       |   6 +-
 packages/docs/api/form/CInputGroupText.api.md |   6 +-
 packages/docs/api/header/CHeaderBrand.api.md  |   6 +-
 packages/docs/api/header/CHeaderNav.api.md    |   6 +-
 packages/docs/api/link/CLink.api.md           |  12 +-
 .../docs/api/list-group/CListGroup.api.md     |  10 +-
 .../docs/api/list-group/CListGroupItem.api.md |  12 +-
 packages/docs/api/modal/CModal.api.md         |  24 ++--
 packages/docs/api/modal/CModalTitle.api.md    |   6 +-
 packages/docs/api/nav/CNav.api.md             |  10 +-
 packages/docs/api/nav/CNavGroup.api.md        |   9 +-
 packages/docs/api/nav/CNavItem.api.md         |   6 +
 packages/docs/api/nav/CNavLink.api.md         |  10 +-
 packages/docs/api/nav/CNavTitle.api.md        |   6 +
 packages/docs/api/navbar/CNavbar.api.md       |   2 +-
 packages/docs/api/navbar/CNavbarBrand.api.md  |   8 +-
 packages/docs/api/navbar/CNavbarNav.api.md    |   6 +-
 .../docs/api/offcanvas/COffcanvasTitle.api.md |   6 +-
 .../api/pagination/CPaginationItem.api.md     |  12 +-
 .../docs/api/placeholder/CPlaceholder.api.md  |   2 +-
 packages/docs/api/popover/CPopover.api.md     |   2 +-
 packages/docs/api/progress/CProgress.api.md   |  18 +--
 packages/docs/api/sidebar/CSidebarNav.api.md  |   6 +
 packages/docs/api/spinner/CSpinner.api.md     |   2 +-
 packages/docs/api/toast/CToastClose.api.md    |   6 +-
 packages/docs/api/tooltip/CTooltip.api.md     |   2 +-
 packages/docs/migration/v5.md                 | 132 +++++++++++++++++-
 106 files changed, 532 insertions(+), 348 deletions(-)

diff --git a/packages/coreui-vue/src/components/alert/CAlertHeading.ts b/packages/coreui-vue/src/components/alert/CAlertHeading.ts
index fbf38c69..94ed187c 100644
--- a/packages/coreui-vue/src/components/alert/CAlertHeading.ts
+++ b/packages/coreui-vue/src/components/alert/CAlertHeading.ts
@@ -6,7 +6,7 @@ export const CAlertHeading = defineComponent({
     /**
      * 	Component used for the root node. Either a string to use a HTML element or a component.
      */
-    component: {
+    as: {
       type: String,
       default: 'h4',
     },
@@ -14,7 +14,7 @@ export const CAlertHeading = defineComponent({
   setup(props, { slots }) {
     return () =>
       h(
-        props.component,
+        props.as,
         {
           class: 'alert-heading',
         },
diff --git a/packages/coreui-vue/src/components/alert/__tests__/CAlertHeading.spec.ts b/packages/coreui-vue/src/components/alert/__tests__/CAlertHeading.spec.ts
index 628ba7ad..73448f41 100644
--- a/packages/coreui-vue/src/components/alert/__tests__/CAlertHeading.spec.ts
+++ b/packages/coreui-vue/src/components/alert/__tests__/CAlertHeading.spec.ts
@@ -12,7 +12,7 @@ const defaultWrapper = mount(Component, {
 
 const customWrapper = mount(Component, {
   propsData: {
-    component: 'h2',
+    as: 'h2',
   },
   slots: {
     default: 'Default slot',
diff --git a/packages/coreui-vue/src/components/badge/CBadge.ts b/packages/coreui-vue/src/components/badge/CBadge.ts
index 765d998a..6fdfd798 100644
--- a/packages/coreui-vue/src/components/badge/CBadge.ts
+++ b/packages/coreui-vue/src/components/badge/CBadge.ts
@@ -14,7 +14,7 @@ const CBadge = defineComponent({
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    component: {
+    as: {
       type: String,
       default: 'span',
     },
@@ -56,7 +56,7 @@ const CBadge = defineComponent({
   setup(props, { slots }) {
     return () =>
       h(
-        props.component,
+        props.as,
         {
           class: [
             'badge',
diff --git a/packages/coreui-vue/src/components/button/CButton.ts b/packages/coreui-vue/src/components/button/CButton.ts
index 235bd972..e918cbfc 100644
--- a/packages/coreui-vue/src/components/button/CButton.ts
+++ b/packages/coreui-vue/src/components/button/CButton.ts
@@ -9,19 +9,19 @@ export const CButton = defineComponent({
      * Toggle the active state for the component.
      */
     active: Boolean,
-    /**
-     * Sets the color context of the component to one of CoreUI’s themed colors.
-     *
-     * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
-     */
-    color: Color,
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    component: {
+    as: {
       type: String,
       default: 'button',
     },
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors.
+     *
+     * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
+     */
+    color: Color,
     /**
      * Toggle the disabled state for the component.
      */
@@ -79,7 +79,7 @@ export const CButton = defineComponent({
     'click',
   ],
   setup(props, { emit, slots }) {
-    const component = props.href ? 'a' : props.component
+    const component = props.href ? 'a' : props.as
     const handleClick = (event: Event) => {
       if (props.disabled) {
         return
diff --git a/packages/coreui-vue/src/components/button/__tests__/CButton.spec.ts b/packages/coreui-vue/src/components/button/__tests__/CButton.spec.ts
index a739380f..a0aeded1 100644
--- a/packages/coreui-vue/src/components/button/__tests__/CButton.spec.ts
+++ b/packages/coreui-vue/src/components/button/__tests__/CButton.spec.ts
@@ -13,8 +13,8 @@ const defaultWrapper = mount(Component, {
 const customWrapper = mount(Component, {
   propsData: {
     active: true,
+    as: 'div',
     color: 'warning',
-    component: 'div',
     disabled: true,
     href: '/bazinga',
     shape: 'rounded-pill',
@@ -28,8 +28,8 @@ const customWrapper = mount(Component, {
 
 const customWrapperTwo = mount(Component, {
   propsData: {
+    as: 'a',
     color: 'warning',
-    component: 'a',
     disabled: true,
   },
   slots: {
diff --git a/packages/coreui-vue/src/components/card/CCardHeader.ts b/packages/coreui-vue/src/components/card/CCardHeader.ts
index 722ba187..d216d892 100644
--- a/packages/coreui-vue/src/components/card/CCardHeader.ts
+++ b/packages/coreui-vue/src/components/card/CCardHeader.ts
@@ -6,13 +6,13 @@ const CCardHeader = defineComponent({
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    component: {
+    as: {
       type: String,
       default: 'div',
     },
   },
   setup(props, { slots }) {
-    return () => h(props.component, { class: 'card-header' }, slots.default && slots.default())
+    return () => h(props.as, { class: 'card-header' }, slots.default && slots.default())
   },
 })
 
diff --git a/packages/coreui-vue/src/components/card/CCardImage.ts b/packages/coreui-vue/src/components/card/CCardImage.ts
index ee8695b9..81ff7fc0 100644
--- a/packages/coreui-vue/src/components/card/CCardImage.ts
+++ b/packages/coreui-vue/src/components/card/CCardImage.ts
@@ -6,7 +6,7 @@ const CCardImage = defineComponent({
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    component: {
+    as: {
       type: String,
       default: 'img',
     },
@@ -25,7 +25,7 @@ const CCardImage = defineComponent({
   setup(props, { slots }) {
     return () =>
       h(
-        props.component,
+        props.as,
         {
           class: `card-img${props.orientation ? `-${props.orientation}` : ''}`,
         },
diff --git a/packages/coreui-vue/src/components/card/CCardSubtitle.ts b/packages/coreui-vue/src/components/card/CCardSubtitle.ts
index 5a950776..b3bdf933 100644
--- a/packages/coreui-vue/src/components/card/CCardSubtitle.ts
+++ b/packages/coreui-vue/src/components/card/CCardSubtitle.ts
@@ -6,13 +6,13 @@ const CCardSubtitle = defineComponent({
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    component: {
+    as: {
       type: String,
       default: 'h6',
     },
   },
   setup(props, { slots }) {
-    return () => h(props.component, { class: 'card-subtitle' }, slots.default && slots.default())
+    return () => h(props.as, { class: 'card-subtitle' }, slots.default && slots.default())
   },
 })
 export { CCardSubtitle }
diff --git a/packages/coreui-vue/src/components/card/CCardText.ts b/packages/coreui-vue/src/components/card/CCardText.ts
index 759ff7e8..0f26e875 100644
--- a/packages/coreui-vue/src/components/card/CCardText.ts
+++ b/packages/coreui-vue/src/components/card/CCardText.ts
@@ -6,13 +6,13 @@ const CCardText = defineComponent({
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    component: {
+    as: {
       type: String,
       default: 'p',
     },
   },
   setup(props, { slots }) {
-    return () => h(props.component, { class: 'card-text' }, slots.default && slots.default())
+    return () => h(props.as, { class: 'card-text' }, slots.default && slots.default())
   },
 })
 
diff --git a/packages/coreui-vue/src/components/card/CCardTitle.ts b/packages/coreui-vue/src/components/card/CCardTitle.ts
index bc540e15..4564bdf0 100644
--- a/packages/coreui-vue/src/components/card/CCardTitle.ts
+++ b/packages/coreui-vue/src/components/card/CCardTitle.ts
@@ -6,13 +6,13 @@ const CCardTitle = defineComponent({
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    component: {
+    as: {
       type: String,
       default: 'h5',
     },
   },
   setup(props, { slots }) {
-    return () => h(props.component, { class: 'card-title' }, slots.default && slots.default())
+    return () => h(props.as, { class: 'card-title' }, slots.default && slots.default())
   },
 })
 
diff --git a/packages/coreui-vue/src/components/card/__tests__/CCardHeader.spec.ts b/packages/coreui-vue/src/components/card/__tests__/CCardHeader.spec.ts
index ded11542..01e950c4 100644
--- a/packages/coreui-vue/src/components/card/__tests__/CCardHeader.spec.ts
+++ b/packages/coreui-vue/src/components/card/__tests__/CCardHeader.spec.ts
@@ -12,7 +12,7 @@ const defaultWrapper = mount(Component, {
 
 const customWrapper = mount(Component, {
   propsData: {
-    component: 'span',
+    as: 'span',
   },
   slots: {
     default: 'Default slot',
diff --git a/packages/coreui-vue/src/components/card/__tests__/CCardImage.spec.ts b/packages/coreui-vue/src/components/card/__tests__/CCardImage.spec.ts
index da8cf0fb..342a74fa 100644
--- a/packages/coreui-vue/src/components/card/__tests__/CCardImage.spec.ts
+++ b/packages/coreui-vue/src/components/card/__tests__/CCardImage.spec.ts
@@ -12,7 +12,7 @@ const defaultWrapper = mount(Component, {
 
 const customWrapper = mount(Component, {
   propsData: {
-    component: 'a',
+    as: 'a',
     orientation: 'bottom',
   },
   slots: {
diff --git a/packages/coreui-vue/src/components/card/__tests__/CCardSubtitle.spec.ts b/packages/coreui-vue/src/components/card/__tests__/CCardSubtitle.spec.ts
index ae90329c..d78f05ad 100644
--- a/packages/coreui-vue/src/components/card/__tests__/CCardSubtitle.spec.ts
+++ b/packages/coreui-vue/src/components/card/__tests__/CCardSubtitle.spec.ts
@@ -12,7 +12,7 @@ const defaultWrapper = mount(Component, {
 
 const customWrapper = mount(Component, {
   propsData: {
-    component: 'h4',
+    as: 'h4',
   },
   slots: {
     default: 'Default slot',
diff --git a/packages/coreui-vue/src/components/card/__tests__/CCardText.spec.ts b/packages/coreui-vue/src/components/card/__tests__/CCardText.spec.ts
index b77ce9ff..cf03e29a 100644
--- a/packages/coreui-vue/src/components/card/__tests__/CCardText.spec.ts
+++ b/packages/coreui-vue/src/components/card/__tests__/CCardText.spec.ts
@@ -12,7 +12,7 @@ const defaultWrapper = mount(Component, {
 
 const customWrapper = mount(Component, {
   propsData: {
-    component: 'h4',
+    as: 'h4',
   },
   slots: {
     default: 'Default slot',
diff --git a/packages/coreui-vue/src/components/card/__tests__/CCardTitle.spec.ts b/packages/coreui-vue/src/components/card/__tests__/CCardTitle.spec.ts
index b6628c9f..a3c28d5d 100644
--- a/packages/coreui-vue/src/components/card/__tests__/CCardTitle.spec.ts
+++ b/packages/coreui-vue/src/components/card/__tests__/CCardTitle.spec.ts
@@ -12,7 +12,7 @@ const defaultWrapper = mount(Component, {
 
 const customWrapper = mount(Component, {
   propsData: {
-    component: 'h2',
+    as: 'h2',
   },
   slots: {
     default: 'Default slot',
diff --git a/packages/coreui-vue/src/components/dropdown/CDropdownHeader.ts b/packages/coreui-vue/src/components/dropdown/CDropdownHeader.ts
index 0ee6018e..ea630404 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdownHeader.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdownHeader.ts
@@ -6,7 +6,7 @@ const CDropdownHeader = defineComponent({
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    component: {
+    as: {
       type: String,
       default: 'h6',
     },
@@ -14,7 +14,7 @@ const CDropdownHeader = defineComponent({
   setup(props, { slots }) {
     return () =>
       h(
-        props.component,
+        props.as,
         {
           class: 'dropdown-header',
         },
diff --git a/packages/coreui-vue/src/components/dropdown/CDropdownItem.ts b/packages/coreui-vue/src/components/dropdown/CDropdownItem.ts
index fdd01393..49b1ea68 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdownItem.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdownItem.ts
@@ -12,7 +12,7 @@ const CDropdownItem = defineComponent({
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    component: {
+    as: {
       type: String,
       default: 'a',
     },
@@ -32,7 +32,7 @@ const CDropdownItem = defineComponent({
         {
           class: 'dropdown-item',
           active: props.active,
-          component: props.component,
+          as: props.as,
           disabled: props.disabled,
           href: props.href,
         },
diff --git a/packages/coreui-vue/src/components/dropdown/CDropdownMenu.ts b/packages/coreui-vue/src/components/dropdown/CDropdownMenu.ts
index 02fefabf..29791bac 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdownMenu.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdownMenu.ts
@@ -12,7 +12,7 @@ const CDropdownMenu = defineComponent({
      *
      * @values 'div', 'ul'
      */
-    component: {
+    as: {
       type: String,
       default: 'div',
     },
@@ -34,7 +34,7 @@ const CDropdownMenu = defineComponent({
         {
           default: () =>
             h(
-              props.component,
+              props.as,
               {
                 ...attrs,
                 class: [
@@ -49,7 +49,7 @@ const CDropdownMenu = defineComponent({
                 ...(dark && { 'data-coreui-theme': 'dark' }),
                 ref: dropdownMenuRef,
               },
-              props.component === 'ul'
+              props.as === 'ul'
                 ? slots.default && slots.default().map((vnode) => h('li', {}, vnode))
                 : slots.default && slots.default(),
             ),
diff --git a/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts b/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
index 136a60b8..55eec579 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
@@ -18,6 +18,13 @@ import type { Triggers } from '../../types'
 const CDropdownToggle = defineComponent({
   name: 'CDropdownToggle',
   props: {
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    as: {
+      type: String,
+      default: 'button',
+    },
     /**
      * Sets the color context of the component to one of CoreUI’s themed colors.
      *
@@ -31,13 +38,6 @@ const CDropdownToggle = defineComponent({
       type: Boolean,
       default: true,
     },
-    /**
-     * Component used for the root node. Either a string to use a HTML element or a component.
-     */
-    component: {
-      type: String,
-      default: 'button',
-    },
     /**
      * Create a custom toggler which accepts any content.
      */
@@ -162,35 +162,35 @@ const CDropdownToggle = defineComponent({
             }),
           )
         : dropdownVariant === 'nav-item' && props.navLink
-        ? h(
-            'a',
-            {
-              href: '#',
-              ...togglerProps.value,
-              role: 'button',
-              ref: dropdownToggleRef,
-            },
-            { default: () => slots.default && slots.default() },
-          )
-        : h(
-            CButton,
-            {
-              ...togglerProps.value,
-              color: props.color,
-              component: props.component,
-              disabled: props.disabled,
-              shape: props.shape,
-              size: props.size,
-              variant: props.variant,
-              ref: (el) => {
-                togglerRef.value = el
+          ? h(
+              'a',
+              {
+                href: '#',
+                ...togglerProps.value,
+                role: 'button',
+                ref: dropdownToggleRef,
               },
-            },
-            () =>
-              props.split
-                ? h('span', { class: 'visually-hidden' }, 'Toggle Dropdown')
-                : slots.default && slots.default(),
-          )
+              { default: () => slots.default && slots.default() },
+            )
+          : h(
+              CButton,
+              {
+                ...togglerProps.value,
+                color: props.color,
+                component: props.as,
+                disabled: props.disabled,
+                shape: props.shape,
+                size: props.size,
+                variant: props.variant,
+                ref: (el) => {
+                  togglerRef.value = el
+                },
+              },
+              () =>
+                props.split
+                  ? h('span', { class: 'visually-hidden' }, 'Toggle Dropdown')
+                  : slots.default && slots.default(),
+            )
   },
 })
 
diff --git a/packages/coreui-vue/src/components/dropdown/__tests__/CDropdownHeader.spec.ts b/packages/coreui-vue/src/components/dropdown/__tests__/CDropdownHeader.spec.ts
index 6ed72559..2401c7e8 100644
--- a/packages/coreui-vue/src/components/dropdown/__tests__/CDropdownHeader.spec.ts
+++ b/packages/coreui-vue/src/components/dropdown/__tests__/CDropdownHeader.spec.ts
@@ -12,7 +12,7 @@ const defaultWrapper = mount(Component, {
 
 const customWrapper = mount(Component, {
   propsData: {
-    component: 'h2',
+    as: 'h2',
   },
   slots: {
     default: 'Default slot',
diff --git a/packages/coreui-vue/src/components/dropdown/__tests__/CDropdownItem.spec.ts b/packages/coreui-vue/src/components/dropdown/__tests__/CDropdownItem.spec.ts
index bf153451..de5d2b11 100644
--- a/packages/coreui-vue/src/components/dropdown/__tests__/CDropdownItem.spec.ts
+++ b/packages/coreui-vue/src/components/dropdown/__tests__/CDropdownItem.spec.ts
@@ -13,7 +13,7 @@ const defaultWrapper = mount(Component, {
 const customWrapper = mount(Component, {
   propsData: {
     active: true,
-    component: 'div',
+    as: 'div',
     disabled: true,
     href: '/bazinga',
   },
diff --git a/packages/coreui-vue/src/components/dropdown/__tests__/CDropdownMenu.spec.ts b/packages/coreui-vue/src/components/dropdown/__tests__/CDropdownMenu.spec.ts
index 265388de..23c7d3d7 100644
--- a/packages/coreui-vue/src/components/dropdown/__tests__/CDropdownMenu.spec.ts
+++ b/packages/coreui-vue/src/components/dropdown/__tests__/CDropdownMenu.spec.ts
@@ -32,7 +32,7 @@ const defaultWrapper = mount(Component, {
 
 const customWrapper = mount(Component, {
   propsData: {
-    component: 'ul',
+    as: 'ul',
   },
   slots: {
     default: 'Default slot',
diff --git a/packages/coreui-vue/src/components/form/CFormCheck.ts b/packages/coreui-vue/src/components/form/CFormCheck.ts
index c7ed6edc..ea044fba 100644
--- a/packages/coreui-vue/src/components/form/CFormCheck.ts
+++ b/packages/coreui-vue/src/components/form/CFormCheck.ts
@@ -204,7 +204,7 @@ const CFormCheck = defineComponent({
         ? h(
             CButton,
             {
-              component: 'label',
+              as: 'label',
               ...props.button,
               ...(props.id && { for: props.id }),
             },
diff --git a/packages/coreui-vue/src/components/form/CFormFeedback.ts b/packages/coreui-vue/src/components/form/CFormFeedback.ts
index 3a7d9a16..df4d496e 100644
--- a/packages/coreui-vue/src/components/form/CFormFeedback.ts
+++ b/packages/coreui-vue/src/components/form/CFormFeedback.ts
@@ -6,7 +6,7 @@ const CFormFeedback = defineComponent({
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    component: {
+    as: {
       type: String,
       default: 'div',
     },
@@ -26,7 +26,7 @@ const CFormFeedback = defineComponent({
   setup(props, { slots }) {
     return () =>
       h(
-        props.component,
+        props.as,
         {
           class: [
             {
diff --git a/packages/coreui-vue/src/components/form/CFormText.ts b/packages/coreui-vue/src/components/form/CFormText.ts
index 13b47ada..5ed6b00c 100644
--- a/packages/coreui-vue/src/components/form/CFormText.ts
+++ b/packages/coreui-vue/src/components/form/CFormText.ts
@@ -6,13 +6,13 @@ const CFormText = defineComponent({
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    component: {
+    as: {
       type: String,
       default: 'div',
     },
   },
   setup(props, { slots }) {
-    return () => h(props.component, { class: 'form-text' }, slots.default && slots.default())
+    return () => h(props.as, { class: 'form-text' }, slots.default && slots.default())
   },
 })
 
diff --git a/packages/coreui-vue/src/components/form/CInputGroupText.ts b/packages/coreui-vue/src/components/form/CInputGroupText.ts
index 92717357..d44172a7 100644
--- a/packages/coreui-vue/src/components/form/CInputGroupText.ts
+++ b/packages/coreui-vue/src/components/form/CInputGroupText.ts
@@ -6,13 +6,13 @@ const CInputGroupText = defineComponent({
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    component: {
+    as: {
       type: String,
       default: 'span',
     },
   },
   setup(props, { slots }) {
-    return () => h(props.component, { class: 'input-group-text' }, slots.default && slots.default())
+    return () => h(props.as, { class: 'input-group-text' }, slots.default && slots.default())
   },
 })
 
diff --git a/packages/coreui-vue/src/components/form/__tests__/CFormFeedback.spec.ts b/packages/coreui-vue/src/components/form/__tests__/CFormFeedback.spec.ts
index 86349ea2..c1351c6c 100644
--- a/packages/coreui-vue/src/components/form/__tests__/CFormFeedback.spec.ts
+++ b/packages/coreui-vue/src/components/form/__tests__/CFormFeedback.spec.ts
@@ -12,7 +12,7 @@ const defaultWrapper = mount(Component, {
 
 const customWrapper = mount(Component, {
   propsData: {
-    component: 'h2',
+    as: 'h2',
     invalid: true,
     tooltip: true,
     valid: true,
@@ -24,7 +24,7 @@ const customWrapper = mount(Component, {
 
 const customWrapperTwo = mount(Component, {
   propsData: {
-    component: 'h2',
+    as: 'h2',
     invalid: true,
     tooltip: false,
     valid: true,
diff --git a/packages/coreui-vue/src/components/form/__tests__/CFormText.spec.ts b/packages/coreui-vue/src/components/form/__tests__/CFormText.spec.ts
index 224ad547..16a5de47 100644
--- a/packages/coreui-vue/src/components/form/__tests__/CFormText.spec.ts
+++ b/packages/coreui-vue/src/components/form/__tests__/CFormText.spec.ts
@@ -12,7 +12,7 @@ const defaultWrapper = mount(Component, {
 
 const customWrapper = mount(Component, {
   propsData: {
-    component: 'p',
+    as 'p',
   },
   slots: {
     default: 'Default slot',
diff --git a/packages/coreui-vue/src/components/form/__tests__/CInputGroupText.spec.ts b/packages/coreui-vue/src/components/form/__tests__/CInputGroupText.spec.ts
index 2ba2af6d..48a39878 100644
--- a/packages/coreui-vue/src/components/form/__tests__/CInputGroupText.spec.ts
+++ b/packages/coreui-vue/src/components/form/__tests__/CInputGroupText.spec.ts
@@ -12,7 +12,7 @@ const defaultWrapper = mount(Component, {
 
 const customWrapper = mount(Component, {
   propsData: {
-    component: 'div',
+    as: 'div',
   },
   slots: {
     default: 'Default slot',
diff --git a/packages/coreui-vue/src/components/header/CHeaderBrand.ts b/packages/coreui-vue/src/components/header/CHeaderBrand.ts
index 97ee9581..3f94fb86 100644
--- a/packages/coreui-vue/src/components/header/CHeaderBrand.ts
+++ b/packages/coreui-vue/src/components/header/CHeaderBrand.ts
@@ -6,13 +6,13 @@ const CHeaderBrand = defineComponent({
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    component: {
+    as: {
       type: String,
       default: 'a',
     },
   },
   setup(props, { slots }) {
-    return () => h(props.component, { class: 'header-brand' }, slots.default && slots.default())
+    return () => h(props.as, { class: 'header-brand' }, slots.default && slots.default())
   },
 })
 
diff --git a/packages/coreui-vue/src/components/header/CHeaderNav.ts b/packages/coreui-vue/src/components/header/CHeaderNav.ts
index 1fa1e7c7..e34277e0 100644
--- a/packages/coreui-vue/src/components/header/CHeaderNav.ts
+++ b/packages/coreui-vue/src/components/header/CHeaderNav.ts
@@ -6,7 +6,7 @@ const CHeaderNav = defineComponent({
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    component: {
+    as: {
       type: String,
       default: 'ul',
     },
@@ -14,7 +14,7 @@ const CHeaderNav = defineComponent({
   setup(props, { slots }) {
     return () =>
       h(
-        props.component,
+        props.as,
         {
           class: 'header-nav',
           role: 'navigation',
diff --git a/packages/coreui-vue/src/components/header/__tests__/CHeaderBrand.spec.ts b/packages/coreui-vue/src/components/header/__tests__/CHeaderBrand.spec.ts
index 10df823a..391e1e0d 100644
--- a/packages/coreui-vue/src/components/header/__tests__/CHeaderBrand.spec.ts
+++ b/packages/coreui-vue/src/components/header/__tests__/CHeaderBrand.spec.ts
@@ -12,7 +12,7 @@ const defaultWrapper = mount(Component, {
 
 const customWrapper = mount(Component, {
   propsData: {
-    component: 'div',
+    as: 'div',
   },
   slots: {
     default: 'Default slot',
diff --git a/packages/coreui-vue/src/components/header/__tests__/CHeaderNav.spec.ts b/packages/coreui-vue/src/components/header/__tests__/CHeaderNav.spec.ts
index 13867aaa..6564189f 100644
--- a/packages/coreui-vue/src/components/header/__tests__/CHeaderNav.spec.ts
+++ b/packages/coreui-vue/src/components/header/__tests__/CHeaderNav.spec.ts
@@ -12,7 +12,7 @@ const defaultWrapper = mount(Component, {
 
 const customWrapper = mount(Component, {
   propsData: {
-    component: 'div',
+    as: 'div',
   },
   slots: {
     default: 'Default slot',
diff --git a/packages/coreui-vue/src/components/link/CLink.ts b/packages/coreui-vue/src/components/link/CLink.ts
index d2627605..78369306 100644
--- a/packages/coreui-vue/src/components/link/CLink.ts
+++ b/packages/coreui-vue/src/components/link/CLink.ts
@@ -10,7 +10,7 @@ const CLink = defineComponent({
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    component: {
+    as: {
       type: String,
       default: 'a',
     },
@@ -39,12 +39,12 @@ const CLink = defineComponent({
     }
     return () =>
       h(
-        props.component,
+        props.as,
         {
           class: [{ active: props.active, disabled: props.disabled }],
           ...(props.active && { 'aria-current': 'page' }),
-          ...(props.component === 'a' && props.disabled && { 'aria-disabled': true, tabIndex: -1 }),
-          ...((props.component === 'a' || props.component === 'button') && {
+          ...(props.as === 'a' && props.disabled && { 'aria-disabled': true, tabIndex: -1 }),
+          ...((props.as === 'a' || props.as === 'button') && {
             onClick: handleClick,
           }),
           href: props.href,
diff --git a/packages/coreui-vue/src/components/link/__tests__/CLink.spec.ts b/packages/coreui-vue/src/components/link/__tests__/CLink.spec.ts
index f3c8c7dd..59a21a9c 100644
--- a/packages/coreui-vue/src/components/link/__tests__/CLink.spec.ts
+++ b/packages/coreui-vue/src/components/link/__tests__/CLink.spec.ts
@@ -15,7 +15,7 @@ const defaultWrapper = mount(Component, {
 const customWrapper = mount(Component, {
   propsData: {
     active: true,
-    component: 'div',
+    as: 'div',
     disabled: true,
     href: '/bazinga',
   },
diff --git a/packages/coreui-vue/src/components/list-group/CListGroup.ts b/packages/coreui-vue/src/components/list-group/CListGroup.ts
index 57003be4..9a565fe0 100644
--- a/packages/coreui-vue/src/components/list-group/CListGroup.ts
+++ b/packages/coreui-vue/src/components/list-group/CListGroup.ts
@@ -6,7 +6,7 @@ const CListGroup = defineComponent({
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    component: {
+    as: {
       type: String,
       default: 'ul',
     },
@@ -36,7 +36,7 @@ const CListGroup = defineComponent({
   setup(props, { slots }) {
     return () =>
       h(
-        props.component,
+        props.as,
         {
           class: [
             'list-group',
diff --git a/packages/coreui-vue/src/components/list-group/CListGroupItem.ts b/packages/coreui-vue/src/components/list-group/CListGroupItem.ts
index 0342f1fe..204df42f 100644
--- a/packages/coreui-vue/src/components/list-group/CListGroupItem.ts
+++ b/packages/coreui-vue/src/components/list-group/CListGroupItem.ts
@@ -9,6 +9,13 @@ const CListGroupItem = defineComponent({
      * Toggle the active state for the component.
      */
     active: Boolean,
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    as: {
+      type: String,
+      default: 'li',
+    },
     /**
      * Sets the color context of the component to one of CoreUI’s themed colors.
      *
@@ -19,29 +26,22 @@ const CListGroupItem = defineComponent({
      * Toggle the disabled state for the component.
      */
     disabled: Boolean,
-    /**
-     * Component used for the root node. Either a string to use a HTML element or a component.
-     */
-    component: {
-      type: String,
-      default: 'li',
-    },
   },
   setup(props, { slots }) {
     return () =>
       h(
-        props.component,
+        props.as,
         {
           class: [
             'list-group-item',
             {
               [`list-group-item-${props.color}`]: props.color,
-              'list-group-item-action': props.component === 'a' || props.component === 'button',
+              'list-group-item-action': props.as === 'a' || props.as === 'button',
               [`active`]: props.active,
               [`disabled`]: props.disabled,
             },
           ],
-          ...((props.component === 'a' || props.component === 'button') && {
+          ...((props.as === 'a' || props.as === 'button') && {
             active: props.active,
             disabled: props.disabled,
           }),
diff --git a/packages/coreui-vue/src/components/list-group/__tests__/CListGroup.spec.ts b/packages/coreui-vue/src/components/list-group/__tests__/CListGroup.spec.ts
index 092d62c2..f80906c1 100644
--- a/packages/coreui-vue/src/components/list-group/__tests__/CListGroup.spec.ts
+++ b/packages/coreui-vue/src/components/list-group/__tests__/CListGroup.spec.ts
@@ -12,7 +12,7 @@ const defaultWrapper = mount(Component, {
 
 const customWrapper = mount(Component, {
   propsData: {
-    component: 'div',
+    as: 'div',
     flush: true,
     layout: 'horizontal-lg',
   },
diff --git a/packages/coreui-vue/src/components/list-group/__tests__/CListGroupItem.spec.ts b/packages/coreui-vue/src/components/list-group/__tests__/CListGroupItem.spec.ts
index 41e9def2..763880b5 100644
--- a/packages/coreui-vue/src/components/list-group/__tests__/CListGroupItem.spec.ts
+++ b/packages/coreui-vue/src/components/list-group/__tests__/CListGroupItem.spec.ts
@@ -13,9 +13,9 @@ const defaultWrapper = mount(Component, {
 const customWrapper = mount(Component, {
   propsData: {
     active: true,
+    as: 'div',
     color: 'warning',
     disabled: true,
-    component: 'div',
   },
   slots: {
     default: 'Default slot',
@@ -24,8 +24,8 @@ const customWrapper = mount(Component, {
 
 const customWrapperTwo = mount(Component, {
   propsData: {
-    component: 'button',
     active: true,
+    as: 'button',
     disabled: true,
   },
   slots: {
diff --git a/packages/coreui-vue/src/components/modal/CModalTitle.ts b/packages/coreui-vue/src/components/modal/CModalTitle.ts
index ea970c09..a845f68c 100644
--- a/packages/coreui-vue/src/components/modal/CModalTitle.ts
+++ b/packages/coreui-vue/src/components/modal/CModalTitle.ts
@@ -6,13 +6,13 @@ const CModalTitle = defineComponent({
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    component: {
+    as: {
       type: String,
       default: 'h5',
     },
   },
   setup(props, { slots }) {
-    return () => h(props.component, { class: 'modal-title' }, slots.default && slots.default())
+    return () => h(props.as, { class: 'modal-title' }, slots.default && slots.default())
   },
 })
 
diff --git a/packages/coreui-vue/src/components/modal/__tests__/CModalTitle.spec.ts b/packages/coreui-vue/src/components/modal/__tests__/CModalTitle.spec.ts
index 28df672b..387f355d 100644
--- a/packages/coreui-vue/src/components/modal/__tests__/CModalTitle.spec.ts
+++ b/packages/coreui-vue/src/components/modal/__tests__/CModalTitle.spec.ts
@@ -12,7 +12,7 @@ const defaultWrapper = mount(Component, {
 
 const customWrapper = mount(Component, {
   propsData: {
-    component: 'div',
+    as: 'div',
   },
   slots: {
     default: 'Default slot',
diff --git a/packages/coreui-vue/src/components/nav/CNav.ts b/packages/coreui-vue/src/components/nav/CNav.ts
index ebde0a25..922603e9 100644
--- a/packages/coreui-vue/src/components/nav/CNav.ts
+++ b/packages/coreui-vue/src/components/nav/CNav.ts
@@ -6,7 +6,7 @@ const CNav = defineComponent({
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    component: {
+    as: {
       type: String,
       default: 'ul',
     },
@@ -36,7 +36,7 @@ const CNav = defineComponent({
   setup(props, { slots }) {
     return () =>
       h(
-        props.component,
+        props.as,
         {
           class: [
             'nav',
diff --git a/packages/coreui-vue/src/components/nav/CNavGroup.ts b/packages/coreui-vue/src/components/nav/CNavGroup.ts
index a0e8815f..2c83ccdf 100644
--- a/packages/coreui-vue/src/components/nav/CNavGroup.ts
+++ b/packages/coreui-vue/src/components/nav/CNavGroup.ts
@@ -5,6 +5,13 @@ import { executeAfterTransition } from '../../utils/transition'
 const CNavGroup = defineComponent({
   name: 'CNavGroup',
   props: {
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    as: {
+      type: String,
+      default: 'li',
+    },
     /**
      * Make nav group more compact by cutting all `padding` in half.
      */
@@ -93,7 +100,7 @@ const CNavGroup = defineComponent({
 
     return () =>
       h(
-        'li',
+        props.as,
         {
           class: 'nav-group',
           ref: navGroupRef,
@@ -123,7 +130,7 @@ const CNavGroup = defineComponent({
               default: () =>
                 visible.value &&
                 h(
-                  'ul',
+                  props.as === 'div' ? 'div' : 'ul',
                   {
                     class: [
                       'nav-group-items',
diff --git a/packages/coreui-vue/src/components/nav/CNavItem.ts b/packages/coreui-vue/src/components/nav/CNavItem.ts
index 19462bda..3ed139c7 100644
--- a/packages/coreui-vue/src/components/nav/CNavItem.ts
+++ b/packages/coreui-vue/src/components/nav/CNavItem.ts
@@ -6,12 +6,20 @@ const CNavItem = defineComponent({
   name: 'CNavItem',
   props: {
     ...CNavLink.props,
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    as: {
+      type: String,
+      default: 'li',
+    },
   },
   setup(props, { slots }) {
     return () =>
       h(
-        'li',
+        props.as,
         {
+          as: props.component,
           class: 'nav-item',
         },
         props.href
@@ -19,7 +27,6 @@ const CNavItem = defineComponent({
               CNavLink,
               {
                 active: props.active,
-                component: props.component,
                 disabled: props.disabled,
                 href: props.href,
               },
diff --git a/packages/coreui-vue/src/components/nav/CNavLink.ts b/packages/coreui-vue/src/components/nav/CNavLink.ts
index db5c183d..d2df89bb 100644
--- a/packages/coreui-vue/src/components/nav/CNavLink.ts
+++ b/packages/coreui-vue/src/components/nav/CNavLink.ts
@@ -12,7 +12,7 @@ const CNavLink = defineComponent({
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    component: {
+    as: {
       type: String,
       default: 'a',
     },
@@ -32,7 +32,7 @@ const CNavLink = defineComponent({
         {
           class: 'nav-link',
           active: props.active,
-          component: props.component,
+          component: props.as,
           disabled: props.disabled,
           href: props.href,
         },
diff --git a/packages/coreui-vue/src/components/nav/CNavTitle.ts b/packages/coreui-vue/src/components/nav/CNavTitle.ts
index c1a22227..6a808a42 100644
--- a/packages/coreui-vue/src/components/nav/CNavTitle.ts
+++ b/packages/coreui-vue/src/components/nav/CNavTitle.ts
@@ -2,8 +2,17 @@ import { defineComponent, h } from 'vue'
 
 const CNavTitle = defineComponent({
   name: 'CNavTitle',
-  setup(_, { slots }) {
-    return () => h('li', { class: 'nav-title' }, slots.default && slots.default())
+  props: {
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    as: {
+      type: String,
+      default: 'li',
+    },
+  },
+  setup(props, { slots }) {
+    return () => h(props.as, { class: 'nav-title' }, slots.default && slots.default())
   },
 })
 
diff --git a/packages/coreui-vue/src/components/nav/__tests__/CNav.spec.ts b/packages/coreui-vue/src/components/nav/__tests__/CNav.spec.ts
index 59ea597d..7b94d89b 100644
--- a/packages/coreui-vue/src/components/nav/__tests__/CNav.spec.ts
+++ b/packages/coreui-vue/src/components/nav/__tests__/CNav.spec.ts
@@ -12,7 +12,7 @@ const defaultWrapper = mount(Component, {
 
 const customWrapper = mount(Component, {
   propsData: {
-    component: 'div',
+    as: 'div',
     layout: 'fill',
     variant: 'pills',
   },
diff --git a/packages/coreui-vue/src/components/nav/__tests__/CNavItem.spec.ts b/packages/coreui-vue/src/components/nav/__tests__/CNavItem.spec.ts
index f7bee164..fc24c1c2 100644
--- a/packages/coreui-vue/src/components/nav/__tests__/CNavItem.spec.ts
+++ b/packages/coreui-vue/src/components/nav/__tests__/CNavItem.spec.ts
@@ -14,7 +14,7 @@ const customWrapper = mount(Component, {
   propsData: {
     href: '/bazinga',
     active: true,
-    component: 'div',
+    as: 'div',
     disabled: true,
   },
   slots: {
diff --git a/packages/coreui-vue/src/components/nav/__tests__/CNavLink.spec.ts b/packages/coreui-vue/src/components/nav/__tests__/CNavLink.spec.ts
index 9b334d44..0220a67c 100644
--- a/packages/coreui-vue/src/components/nav/__tests__/CNavLink.spec.ts
+++ b/packages/coreui-vue/src/components/nav/__tests__/CNavLink.spec.ts
@@ -14,7 +14,7 @@ const customWrapper = mount(Component, {
   propsData: {
     href: '/bazinga',
     active: true,
-    component: 'div',
+    as: 'div',
     disabled: true,
   },
   slots: {
diff --git a/packages/coreui-vue/src/components/navbar/CNavbar.ts b/packages/coreui-vue/src/components/navbar/CNavbar.ts
index 37dceb40..ec6f4991 100644
--- a/packages/coreui-vue/src/components/navbar/CNavbar.ts
+++ b/packages/coreui-vue/src/components/navbar/CNavbar.ts
@@ -5,6 +5,13 @@ import { Color } from '../../props'
 const CNavbar = defineComponent({
   name: 'CNavbar',
   props: {
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    as: {
+      type: String,
+      default: 'nav',
+    },
     /**
      * Sets the color context of the component to one of CoreUI’s themed colors.
      *
@@ -22,13 +29,6 @@ const CNavbar = defineComponent({
         return ['dark', 'light'].includes(value)
       },
     },
-    /**
-     * Component used for the root node. Either a string to use a HTML element or a component.
-     */
-    component: {
-      type: String,
-      default: 'nav',
-    },
     /**
      * Defines optional container wrapping children elements.
      *
@@ -68,7 +68,7 @@ const CNavbar = defineComponent({
   setup(props, { slots }) {
     return () =>
       h(
-        props.component,
+        props.as,
         {
           class: [
             'navbar',
diff --git a/packages/coreui-vue/src/components/navbar/CNavbarBrand.ts b/packages/coreui-vue/src/components/navbar/CNavbarBrand.ts
index bd8e5211..25a50b93 100644
--- a/packages/coreui-vue/src/components/navbar/CNavbarBrand.ts
+++ b/packages/coreui-vue/src/components/navbar/CNavbarBrand.ts
@@ -7,7 +7,7 @@ const CNavbarBrand = defineComponent({
      * Component used for the root node. Either a string to use a HTML element or a component.
      *
      */
-    component: {
+    as: {
       type: String,
       default: 'a',
     },
@@ -19,7 +19,7 @@ const CNavbarBrand = defineComponent({
   setup(props, { slots }) {
     return () =>
       h(
-        props.component ?? (props.href ? 'a' : 'span'),
+        props.as ?? (props.href ? 'a' : 'span'),
         {
           class: 'navbar-brand',
           href: props.href,
diff --git a/packages/coreui-vue/src/components/navbar/CNavbarNav.ts b/packages/coreui-vue/src/components/navbar/CNavbarNav.ts
index 7a36931f..338882e1 100644
--- a/packages/coreui-vue/src/components/navbar/CNavbarNav.ts
+++ b/packages/coreui-vue/src/components/navbar/CNavbarNav.ts
@@ -6,7 +6,7 @@ const CNavbarNav = defineComponent({
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    component: {
+    as: {
       type: String,
       default: 'ul',
     },
@@ -14,7 +14,7 @@ const CNavbarNav = defineComponent({
   setup(props, { slots }) {
     return () =>
       h(
-        props.component,
+        props.as,
         {
           class: 'navbar-nav',
           role: 'navigation',
diff --git a/packages/coreui-vue/src/components/navbar/__tests__/CNavbar.spec.ts b/packages/coreui-vue/src/components/navbar/__tests__/CNavbar.spec.ts
index aa081f28..6c533fb4 100644
--- a/packages/coreui-vue/src/components/navbar/__tests__/CNavbar.spec.ts
+++ b/packages/coreui-vue/src/components/navbar/__tests__/CNavbar.spec.ts
@@ -12,9 +12,9 @@ const defaultWrapper = mount(Component, {
 
 const customWrapper = mount(Component, {
   propsData: {
+    as: 'div',
     color: 'warning',
     colorScheme: 'light',
-    component: 'div',
     container: 'lg',
     expand: 'xl',
     placement: 'fixed-bottom',
diff --git a/packages/coreui-vue/src/components/navbar/__tests__/CNavbarBrand.spec.ts b/packages/coreui-vue/src/components/navbar/__tests__/CNavbarBrand.spec.ts
index f4b1c5d1..8f9b1b7e 100644
--- a/packages/coreui-vue/src/components/navbar/__tests__/CNavbarBrand.spec.ts
+++ b/packages/coreui-vue/src/components/navbar/__tests__/CNavbarBrand.spec.ts
@@ -12,7 +12,7 @@ const defaultWrapper = mount(Component, {
 
 const customWrapper = mount(Component, {
   propsData: {
-    component: 'div',
+    as: 'div',
     href: '/bazinga',
   },
   slots: {
diff --git a/packages/coreui-vue/src/components/navbar/__tests__/CNavbarNav.spec.ts b/packages/coreui-vue/src/components/navbar/__tests__/CNavbarNav.spec.ts
index 74db8a76..3c51ea8c 100644
--- a/packages/coreui-vue/src/components/navbar/__tests__/CNavbarNav.spec.ts
+++ b/packages/coreui-vue/src/components/navbar/__tests__/CNavbarNav.spec.ts
@@ -12,7 +12,7 @@ const defaultWrapper = mount(Component, {
 
 const customWrapper = mount(Component, {
   propsData: {
-    component: 'div',
+    as: 'div',
   },
   slots: {
     default: 'Default slot',
diff --git a/packages/coreui-vue/src/components/offcanvas/COffcanvasTitle.ts b/packages/coreui-vue/src/components/offcanvas/COffcanvasTitle.ts
index 0ea9f496..6a1cc18e 100644
--- a/packages/coreui-vue/src/components/offcanvas/COffcanvasTitle.ts
+++ b/packages/coreui-vue/src/components/offcanvas/COffcanvasTitle.ts
@@ -6,13 +6,13 @@ const COffcanvasTitle = defineComponent({
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    component: {
+    as: {
       type: String,
       default: 'h5',
     },
   },
   setup(props, { slots }) {
-    return () => h(props.component, { class: 'offcanvas-title' }, slots.default && slots.default())
+    return () => h(props.as, { class: 'offcanvas-title' }, slots.default && slots.default())
   },
 })
 
diff --git a/packages/coreui-vue/src/components/offcanvas/__tests__/COffcanvasTitle.spec.ts b/packages/coreui-vue/src/components/offcanvas/__tests__/COffcanvasTitle.spec.ts
index c41d76eb..7e27792f 100644
--- a/packages/coreui-vue/src/components/offcanvas/__tests__/COffcanvasTitle.spec.ts
+++ b/packages/coreui-vue/src/components/offcanvas/__tests__/COffcanvasTitle.spec.ts
@@ -12,7 +12,7 @@ const defaultWrapper = mount(Component, {
 
 const customWrapper = mount(Component, {
   propsData: {
-    component: 'div',
+    as: 'div',
   },
   slots: {
     default: 'Default slot',
diff --git a/packages/coreui-vue/src/components/pagination/CPaginationItem.ts b/packages/coreui-vue/src/components/pagination/CPaginationItem.ts
index 92475524..c997c061 100644
--- a/packages/coreui-vue/src/components/pagination/CPaginationItem.ts
+++ b/packages/coreui-vue/src/components/pagination/CPaginationItem.ts
@@ -12,7 +12,7 @@ const CPaginationItem = defineComponent({
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    component: String,
+    as: String,
     /**
      * Toggle the disabled state for the component.
      */
@@ -24,7 +24,7 @@ const CPaginationItem = defineComponent({
   },
   setup(props, { slots }) {
     return () => {
-      const component = props.component ?? (props.active ? 'span' : 'a')
+      const component = props.as ?? (props.active ? 'span' : 'a')
       return h(
         'li',
         {
diff --git a/packages/coreui-vue/src/components/placeholder/CPlaceholder.ts b/packages/coreui-vue/src/components/placeholder/CPlaceholder.ts
index 99b69a20..9217bf91 100644
--- a/packages/coreui-vue/src/components/placeholder/CPlaceholder.ts
+++ b/packages/coreui-vue/src/components/placeholder/CPlaceholder.ts
@@ -25,19 +25,19 @@ export const CPlaceholder = defineComponent({
         return ['glow', 'wave'].includes(value)
       },
     },
-    /**
-     * Sets the color context of the component to one of CoreUI’s themed colors.
-     *
-     * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
-     */
-    color: Color,
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    component: {
+    as: {
       type: String,
       default: 'span',
     },
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors.
+     *
+     * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
+     */
+    color: Color,
     /**
      * Size the component extra small, small, or large.
      *
@@ -93,7 +93,7 @@ export const CPlaceholder = defineComponent({
 
     return () =>
       h(
-        props.component,
+        props.as,
         {
           class: [
             props.animation ? `placeholder-${props.animation}` : 'placeholder',
diff --git a/packages/coreui-vue/src/components/sidebar/CSidebarNav.ts b/packages/coreui-vue/src/components/sidebar/CSidebarNav.ts
index 2b645744..daea06af 100644
--- a/packages/coreui-vue/src/components/sidebar/CSidebarNav.ts
+++ b/packages/coreui-vue/src/components/sidebar/CSidebarNav.ts
@@ -1,8 +1,17 @@
-import { defineComponent, h, ref } from 'vue'
+import { Component, defineComponent, h, ref, PropType } from 'vue'
 
 const CSidebarNav = defineComponent({
   name: 'CSidebarNav',
-  setup(_, { slots }) {
+  props: {
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    as: {
+      type: [Object, String] as PropType<string | Component>,
+      default: 'ul',
+    },
+  },
+  setup(props, { slots }) {
     const visibleGroup = ref()
 
     const handleVisibleChange = (visible: boolean, index: number) => {
@@ -19,21 +28,24 @@ const CSidebarNav = defineComponent({
 
     return () =>
       h(
-        'ul',
+        props.as,
         {
           class: 'sidebar-nav',
         },
-        slots.default &&
-          slots.default().map((vnode, index) => {
-            // @ts-expect-error name is defined in component
-            if (vnode.type.name === 'CNavGroup') {
-              return h(vnode, {
-                onVisibleChange: (visible: boolean) => handleVisibleChange(visible, index + 1),
-                ...(visibleGroup.value && { visible: isVisible(index + 1) }),
-              })
-            }
-            return vnode
-          }),
+        {
+          default: () =>
+            slots.default &&
+            slots.default().map((vnode, index) => {
+              // @ts-expect-error name is defined in component
+              if (vnode.type.name === 'CNavGroup') {
+                return h(vnode, {
+                  onVisibleChange: (visible: boolean) => handleVisibleChange(visible, index + 1),
+                  ...(visibleGroup.value && { visible: isVisible(index + 1) }),
+                })
+              }
+              return vnode
+            }),
+        },
       )
   },
 })
diff --git a/packages/coreui-vue/src/components/spinner/CSpinner.ts b/packages/coreui-vue/src/components/spinner/CSpinner.ts
index f773d422..1e4f0f26 100644
--- a/packages/coreui-vue/src/components/spinner/CSpinner.ts
+++ b/packages/coreui-vue/src/components/spinner/CSpinner.ts
@@ -3,6 +3,13 @@ import { defineComponent, h } from 'vue'
 const CSpinner = defineComponent({
   name: 'CSpinner',
   props: {
+        /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+        as: {
+          type: String,
+          default: 'div',
+        },
     /**
      * Sets the color context of the component to one of CoreUI’s themed colors.
      *
@@ -23,13 +30,6 @@ const CSpinner = defineComponent({
         ].includes(value)
       },
     },
-    /**
-     * Component used for the root node. Either a string to use a HTML element or a component.
-     */
-    component: {
-      type: String,
-      default: 'div',
-    },
     /**
      * Size the component small.
      *
@@ -64,7 +64,7 @@ const CSpinner = defineComponent({
   setup(props) {
     return () =>
       h(
-        props.component,
+        props.as,
         {
           class: [
             `spinner-${props.variant}`,
diff --git a/packages/coreui-vue/src/components/spinner/__tests__/CSpinner.spec.ts b/packages/coreui-vue/src/components/spinner/__tests__/CSpinner.spec.ts
index 0f1ec0a9..f007df07 100644
--- a/packages/coreui-vue/src/components/spinner/__tests__/CSpinner.spec.ts
+++ b/packages/coreui-vue/src/components/spinner/__tests__/CSpinner.spec.ts
@@ -12,8 +12,8 @@ const defaultWrapper = mount(Component, {
 
 const customWrapper = mount(Component, {
   propsData: {
+    as: 'h4',
     color: 'warning',
-    component: 'h4',
     size: 'sm',
     variant: 'grow',
     visuallyHiddenLabel: 'visuallyHiddenLabel',
diff --git a/packages/coreui-vue/src/components/toast/CToastClose.ts b/packages/coreui-vue/src/components/toast/CToastClose.ts
index f0aedd8d..b00e8dd1 100644
--- a/packages/coreui-vue/src/components/toast/CToastClose.ts
+++ b/packages/coreui-vue/src/components/toast/CToastClose.ts
@@ -7,7 +7,7 @@ const CToastClose = defineComponent({
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    component: String,
+    as: String,
     ...CCloseButton.props,
   },
   emits: [
@@ -24,9 +24,9 @@ const CToastClose = defineComponent({
       updateVisible(false)
     }
     return () =>
-      props.component
+      props.as
         ? h(
-            props.component,
+            props.as,
             {
               onClick: () => {
                 handleClose()
diff --git a/packages/coreui-vue/src/components/toast/__tests__/CToastClose.spec.ts b/packages/coreui-vue/src/components/toast/__tests__/CToastClose.spec.ts
index eee1ba77..b12e21a1 100644
--- a/packages/coreui-vue/src/components/toast/__tests__/CToastClose.spec.ts
+++ b/packages/coreui-vue/src/components/toast/__tests__/CToastClose.spec.ts
@@ -21,7 +21,7 @@ const defaultWrapper = mount(Component, {
 
 const customWrapper = mount(Component, {
   propsData: {
-    component: CButton,
+    as: CButton,
   },
   slots: {
     default: 'Default slot',
diff --git a/packages/docs/api/alert/CAlertHeading.api.md b/packages/docs/api/alert/CAlertHeading.api.md
index 30262600..da1acd2d 100644
--- a/packages/docs/api/alert/CAlertHeading.api.md
+++ b/packages/docs/api/alert/CAlertHeading.api.md
@@ -8,6 +8,6 @@ import CAlertHeading from '@coreui/vue/src/components/alert/CAlertHeading'
 
 #### Props
 
-| Prop name     | Description                                                                             | Type   | Values | Default |
-| ------------- | --------------------------------------------------------------------------------------- | ------ | ------ | ------- |
-| **component** | Component used for the root node. Either a string to use a HTML element or a component. | string | -      | 'h4'    |
+| Prop name | Description                                                                             | Type   | Values | Default |
+| --------- | --------------------------------------------------------------------------------------- | ------ | ------ | ------- |
+| **as**    | Component used for the root node. Either a string to use a HTML element or a component. | string | -      | 'h4'    |
diff --git a/packages/docs/api/badge/CBadge.api.md b/packages/docs/api/badge/CBadge.api.md
index 0c953392..b3c3e1ff 100644
--- a/packages/docs/api/badge/CBadge.api.md
+++ b/packages/docs/api/badge/CBadge.api.md
@@ -11,7 +11,7 @@ import CBadge from '@coreui/vue/src/components/badge/CBadge'
 | Prop name      | Description                                                                             | Type   | Values                                                                                                                                                                                                                                                                                                                                                                      | Default |
 | -------------- | --------------------------------------------------------------------------------------- | ------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- |
 | **color**      | Sets the color context of the component to one of CoreUI’s themed colors.               | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`                                                                                                                                                                                                                                                                             | -       |
-| **component**  | Component used for the root node. Either a string to use a HTML element or a component. | string | -                                                                                                                                                                                                                                                                                                                                                                           | 'span'  |
+| **as**         | Component used for the root node. Either a string to use a HTML element or a component. | string | -                                                                                                                                                                                                                                                                                                                                                                           | 'span'  |
 | **position**   | Position badge in one of the corners of a link or button.                               | string | `'top-start'`, `'top-end'`, `'bottom-end'`, `'bottom-start'`                                                                                                                                                                                                                                                                                                                | -       |
 | **shape**      | Select the shape of the component.                                                      | string | `'rounded'`, `'rounded-top'`, `'rounded-end'`, `'rounded-bottom'`, `'rounded-start'`, `'rounded-circle'`, `'rounded-pill'`, `'rounded-0'`, `'rounded-1'`, `'rounded-2'`, `'rounded-3'`                                                                                                                                                                                      | -       |
 | **size**       | Size the component small.                                                               | string | `'sm'`                                                                                                                                                                                                                                                                                                                                                                      | -       |
diff --git a/packages/docs/api/button/CButton.api.md b/packages/docs/api/button/CButton.api.md
index 8f8f11ee..47adf340 100644
--- a/packages/docs/api/button/CButton.api.md
+++ b/packages/docs/api/button/CButton.api.md
@@ -8,17 +8,17 @@ import CButton from '@coreui/vue/src/components/button/CButton'
 
 #### Props
 
-| Prop name     | Description                                                                                                                                                                   | Type    | Values                                                                                                                                                                                 | Default  |
-| ------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- |
-| **active**    | Toggle the active state for the component.                                                                                                                                    | boolean | -                                                                                                                                                                                      | -        |
-| **color**     | Sets the color context of the component to one of CoreUI’s themed colors.                                                                                                     | string  | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`                                                                                        | -        |
-| **component** | Component used for the root node. Either a string to use a HTML element or a component.                                                                                       | string  | -                                                                                                                                                                                      | 'button' |
-| **disabled**  | Toggle the disabled state for the component.                                                                                                                                  | boolean | -                                                                                                                                                                                      | -        |
-| **href**      | The href attribute specifies the URL of the page the link goes to.                                                                                                            | string  | -                                                                                                                                                                                      | -        |
-| **shape**     | Select the shape of the component.                                                                                                                                            | string  | `'rounded'`, `'rounded-top'`, `'rounded-end'`, `'rounded-bottom'`, `'rounded-start'`, `'rounded-circle'`, `'rounded-pill'`, `'rounded-0'`, `'rounded-1'`, `'rounded-2'`, `'rounded-3'` | -        |
-| **size**      | Size the component small or large.                                                                                                                                            | string  | `'sm'`, `'lg'`                                                                                                                                                                         | -        |
-| **type**      | Specifies the type of button. Always specify the type attribute for the `<button>` element.<br>Different browsers may use different default types for the `<button>` element. | string  | `'button'`, `'submit'`, `'reset'`                                                                                                                                                      | 'button' |
-| **variant**   | Set the button variant to an outlined button or a ghost button.                                                                                                               | string  | `'ghost'`, `'outline'`                                                                                                                                                                 | -        |
+| Prop name    | Description                                                                                                                                                                   | Type    | Values                                                                                                                                                                                 | Default  |
+| ------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- |
+| **active**   | Toggle the active state for the component.                                                                                                                                    | boolean | -                                                                                                                                                                                      | -        |
+| **as**       | Component used for the root node. Either a string to use a HTML element or a component.                                                                                       | string  | -                                                                                                                                                                                      | 'button' |
+| **color**    | Sets the color context of the component to one of CoreUI’s themed colors.                                                                                                     | string  | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`                                                                                        | -        |
+| **disabled** | Toggle the disabled state for the component.                                                                                                                                  | boolean | -                                                                                                                                                                                      | -        |
+| **href**     | The href attribute specifies the URL of the page the link goes to.                                                                                                            | string  | -                                                                                                                                                                                      | -        |
+| **shape**    | Select the shape of the component.                                                                                                                                            | string  | `'rounded'`, `'rounded-top'`, `'rounded-end'`, `'rounded-bottom'`, `'rounded-start'`, `'rounded-circle'`, `'rounded-pill'`, `'rounded-0'`, `'rounded-1'`, `'rounded-2'`, `'rounded-3'` | -        |
+| **size**     | Size the component small or large.                                                                                                                                            | string  | `'sm'`, `'lg'`                                                                                                                                                                         | -        |
+| **type**     | Specifies the type of button. Always specify the type attribute for the `<button>` element.<br>Different browsers may use different default types for the `<button>` element. | string  | `'button'`, `'submit'`, `'reset'`                                                                                                                                                      | 'button' |
+| **variant**  | Set the button variant to an outlined button or a ghost button.                                                                                                               | string  | `'ghost'`, `'outline'`                                                                                                                                                                 | -        |
 
 #### Events
 
diff --git a/packages/docs/api/card/CCardHeader.api.md b/packages/docs/api/card/CCardHeader.api.md
index fb314279..a04ae736 100644
--- a/packages/docs/api/card/CCardHeader.api.md
+++ b/packages/docs/api/card/CCardHeader.api.md
@@ -8,6 +8,6 @@ import CCardHeader from '@coreui/vue/src/components/card/CCardHeader'
 
 #### Props
 
-| Prop name     | Description                                                                             | Type   | Values | Default |
-| ------------- | --------------------------------------------------------------------------------------- | ------ | ------ | ------- |
-| **component** | Component used for the root node. Either a string to use a HTML element or a component. | string | -      | 'div'   |
+| Prop name | Description                                                                             | Type   | Values | Default |
+| --------- | --------------------------------------------------------------------------------------- | ------ | ------ | ------- |
+| **as**    | Component used for the root node. Either a string to use a HTML element or a component. | string | -      | 'div'   |
diff --git a/packages/docs/api/card/CCardImage.api.md b/packages/docs/api/card/CCardImage.api.md
index 117d906b..880ccab1 100644
--- a/packages/docs/api/card/CCardImage.api.md
+++ b/packages/docs/api/card/CCardImage.api.md
@@ -10,5 +10,5 @@ import CCardImage from '@coreui/vue/src/components/card/CCardImage'
 
 | Prop name       | Description                                                                             | Type   | Values              | Default |
 | --------------- | --------------------------------------------------------------------------------------- | ------ | ------------------- | ------- |
-| **component**   | Component used for the root node. Either a string to use a HTML element or a component. | string | -                   | 'img'   |
+| **as**          | Component used for the root node. Either a string to use a HTML element or a component. | string | -                   | 'img'   |
 | **orientation** | Optionally orientate the image to the top, bottom.                                      | string | `'top'`, `'bottom'` | -       |
diff --git a/packages/docs/api/card/CCardSubtitle.api.md b/packages/docs/api/card/CCardSubtitle.api.md
index 92ebf44e..8961c4d0 100644
--- a/packages/docs/api/card/CCardSubtitle.api.md
+++ b/packages/docs/api/card/CCardSubtitle.api.md
@@ -8,6 +8,6 @@ import CCardSubtitle from '@coreui/vue/src/components/card/CCardSubtitle'
 
 #### Props
 
-| Prop name     | Description                                                                             | Type   | Values | Default |
-| ------------- | --------------------------------------------------------------------------------------- | ------ | ------ | ------- |
-| **component** | Component used for the root node. Either a string to use a HTML element or a component. | string | -      | 'h6'    |
+| Prop name | Description                                                                             | Type   | Values | Default |
+| --------- | --------------------------------------------------------------------------------------- | ------ | ------ | ------- |
+| **as**    | Component used for the root node. Either a string to use a HTML element or a component. | string | -      | 'h6'    |
diff --git a/packages/docs/api/card/CCardText.api.md b/packages/docs/api/card/CCardText.api.md
index 6dc7aaae..b2550fb6 100644
--- a/packages/docs/api/card/CCardText.api.md
+++ b/packages/docs/api/card/CCardText.api.md
@@ -8,6 +8,6 @@ import CCardText from '@coreui/vue/src/components/card/CCardText'
 
 #### Props
 
-| Prop name     | Description                                                                             | Type   | Values | Default |
-| ------------- | --------------------------------------------------------------------------------------- | ------ | ------ | ------- |
-| **component** | Component used for the root node. Either a string to use a HTML element or a component. | string | -      | 'p'     |
+| Prop name | Description                                                                             | Type   | Values | Default |
+| --------- | --------------------------------------------------------------------------------------- | ------ | ------ | ------- |
+| **as**    | Component used for the root node. Either a string to use a HTML element or a component. | string | -      | 'p'     |
diff --git a/packages/docs/api/card/CCardTitle.api.md b/packages/docs/api/card/CCardTitle.api.md
index e2cb5eb4..6fe87e17 100644
--- a/packages/docs/api/card/CCardTitle.api.md
+++ b/packages/docs/api/card/CCardTitle.api.md
@@ -8,6 +8,6 @@ import CCardTitle from '@coreui/vue/src/components/card/CCardTitle'
 
 #### Props
 
-| Prop name     | Description                                                                             | Type   | Values | Default |
-| ------------- | --------------------------------------------------------------------------------------- | ------ | ------ | ------- |
-| **component** | Component used for the root node. Either a string to use a HTML element or a component. | string | -      | 'h5'    |
+| Prop name | Description                                                                             | Type   | Values | Default |
+| --------- | --------------------------------------------------------------------------------------- | ------ | ------ | ------- |
+| **as**    | Component used for the root node. Either a string to use a HTML element or a component. | string | -      | 'h5'    |
diff --git a/packages/docs/api/conditional-teleport/CConditionalTeleport.api.md b/packages/docs/api/conditional-teleport/CConditionalTeleport.api.md
index bd56a962..fd00e22d 100644
--- a/packages/docs/api/conditional-teleport/CConditionalTeleport.api.md
+++ b/packages/docs/api/conditional-teleport/CConditionalTeleport.api.md
@@ -8,7 +8,7 @@ import CConditionalTeleport from '@coreui/vue/src/components/conditional-telepor
 
 #### Props
 
-| Prop name                                                            | Description                                                                                     | Type                                         | Values | Default |
-| -------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------- | -------------------------------------------- | ------ | ------- |
+| Prop name                                                          | Description                                                                                     | Type                                         | Values | Default |
+| ------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------- | -------------------------------------------- | ------ | ------- |
 | **container** <br><div class="badge bg-primary">v5.0.0-rc.0+</div> | An HTML element or function that returns a single element, with `document.body` as the default. | HTMLElement \| (() => HTMLElement) \| string | -      | 'body'  |
-| **teleport**                                                         | Render some children into a different part of the DOM                                           | boolean                                      | -      | true    |
+| **teleport**                                                       | Render some children into a different part of the DOM                                           | boolean                                      | -      | true    |
diff --git a/packages/docs/api/dropdown/CDropdown.api.md b/packages/docs/api/dropdown/CDropdown.api.md
index 2d6af004..1c053c79 100644
--- a/packages/docs/api/dropdown/CDropdown.api.md
+++ b/packages/docs/api/dropdown/CDropdown.api.md
@@ -8,21 +8,21 @@ import CDropdown from '@coreui/vue/src/components/dropdown/CDropdown'
 
 #### Props
 
-| Prop name                                                            | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | Type                                         | Values                                                                                                                                                                                        | Default        |
-| -------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- |
-| **alignment**                                                        | Set aligment of dropdown menu.                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | string \| Alignments                         | `{ 'start' \| 'end' \| { xs: 'start' \| 'end' } \| { sm: 'start' \| 'end' } \| { md: 'start' \| 'end' } \| { lg: 'start' \| 'end' } \| { xl: 'start' \| 'end'} \| { xxl: 'start' \| 'end'} }` | -              |
-| **auto-close**                                                       | Configure the auto close behavior of the dropdown:<br>- `true` - the dropdown will be closed by clicking outside or inside the dropdown menu.<br>- `false` - the dropdown will be closed by clicking the toggle button and manually calling hide or toggle method. (Also will not be closed by pressing esc key)<br>- `'inside'` - the dropdown will be closed (only) by clicking inside the dropdown menu.<br>- `'outside'` - the dropdown will be closed (only) by clicking outside the dropdown menu. | boolean\|string                              | -                                                                                                                                                                                             | true           |
+| Prop name                                                          | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | Type                                         | Values                                                                                                                                                                                        | Default        |
+| ------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- |
+| **alignment**                                                      | Set aligment of dropdown menu.                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | string \| Alignments                         | `{ 'start' \| 'end' \| { xs: 'start' \| 'end' } \| { sm: 'start' \| 'end' } \| { md: 'start' \| 'end' } \| { lg: 'start' \| 'end' } \| { xl: 'start' \| 'end'} \| { xxl: 'start' \| 'end'} }` | -              |
+| **auto-close**                                                     | Configure the auto close behavior of the dropdown:<br>- `true` - the dropdown will be closed by clicking outside or inside the dropdown menu.<br>- `false` - the dropdown will be closed by clicking the toggle button and manually calling hide or toggle method. (Also will not be closed by pressing esc key)<br>- `'inside'` - the dropdown will be closed (only) by clicking inside the dropdown menu.<br>- `'outside'` - the dropdown will be closed (only) by clicking outside the dropdown menu. | boolean\|string                              | -                                                                                                                                                                                             | true           |
 | **container** <br><div class="badge bg-primary">v5.0.0-rc.0+</div> | Appends the vue dropdown menu to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                                                                                                                                                                                                                                                                 | HTMLElement \| (() => HTMLElement) \| string | -                                                                                                                                                                                             | 'body'         |
-| **dark**                                                             | Sets a darker color scheme to match a dark navbar.                                                                                                                                                                                                                                                                                                                                                                                                                                                       | boolean                                      | -                                                                                                                                                                                             | -              |
-| **direction**                                                        | Sets a specified direction and location of the dropdown menu.                                                                                                                                                                                                                                                                                                                                                                                                                                            | string                                       | `'center'`, `'dropup'`, `'dropup-center'`, `'dropend'`, `'dropstart'`                                                                                                                         | -              |
-| **disabled**                                                         | Toggle the disabled state for the component.                                                                                                                                                                                                                                                                                                                                                                                                                                                             | boolean                                      | -                                                                                                                                                                                             | -              |
-| **offset** <br><div class="badge bg-primary">4.9.0+</div>            | Offset of the dropdown menu relative to its target.                                                                                                                                                                                                                                                                                                                                                                                                                                                      | array                                        | -                                                                                                                                                                                             | [0, 2]         |
-| **placement**                                                        | Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.                                                                                                                                                                                                                                                                                                                                     | Placement                                    | `'auto'`, `'top-end'`, `'top'`, `'top-start'`, `'bottom-end'`, `'bottom'`, `'bottom-start'`, `'right-start'`, `'right'`, `'right-end'`, `'left-start'`, `'left'`, `'left-end'`                | 'bottom-start' |
-| **popper**                                                           | If you want to disable dynamic positioning set this property to `true`.                                                                                                                                                                                                                                                                                                                                                                                                                                  | boolean                                      | -                                                                                                                                                                                             | true           |
+| **dark**                                                           | Sets a darker color scheme to match a dark navbar.                                                                                                                                                                                                                                                                                                                                                                                                                                                       | boolean                                      | -                                                                                                                                                                                             | -              |
+| **direction**                                                      | Sets a specified direction and location of the dropdown menu.                                                                                                                                                                                                                                                                                                                                                                                                                                            | string                                       | `'center'`, `'dropup'`, `'dropup-center'`, `'dropend'`, `'dropstart'`                                                                                                                         | -              |
+| **disabled**                                                       | Toggle the disabled state for the component.                                                                                                                                                                                                                                                                                                                                                                                                                                                             | boolean                                      | -                                                                                                                                                                                             | -              |
+| **offset** <br><div class="badge bg-primary">4.9.0+</div>          | Offset of the dropdown menu relative to its target.                                                                                                                                                                                                                                                                                                                                                                                                                                                      | array                                        | -                                                                                                                                                                                             | [0, 2]         |
+| **placement**                                                      | Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.                                                                                                                                                                                                                                                                                                                                     | Placement                                    | `'auto'`, `'top-end'`, `'top'`, `'top-start'`, `'bottom-end'`, `'bottom'`, `'bottom-start'`, `'right-start'`, `'right'`, `'right-end'`, `'left-start'`, `'left'`, `'left-end'`                | 'bottom-start' |
+| **popper**                                                         | If you want to disable dynamic positioning set this property to `true`.                                                                                                                                                                                                                                                                                                                                                                                                                                  | boolean                                      | -                                                                                                                                                                                             | true           |
 | **teleport** <br><div class="badge bg-primary">v5.0.0-rc.0+</div>  | Generates dropdown menu using Teleport.                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | boolean                                      | -                                                                                                                                                                                             | false          |
-| **trigger**                                                          | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.                                                                                                                                                                                                                                                                                                                                                                                      | Triggers                                     | -                                                                                                                                                                                             | 'click'        |
-| **variant**                                                          | Set the dropdown variant to an btn-group, dropdown, input-group, and nav-item.                                                                                                                                                                                                                                                                                                                                                                                                                           | string                                       | `'btn-group'`, `'dropdown'`, `'input-group'`, `'nav-item'`                                                                                                                                    | 'btn-group'    |
-| **visible**                                                          | Toggle the visibility of dropdown menu component.                                                                                                                                                                                                                                                                                                                                                                                                                                                        | boolean                                      | -                                                                                                                                                                                             | -              |
+| **trigger**                                                        | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.                                                                                                                                                                                                                                                                                                                                                                                      | Triggers                                     | -                                                                                                                                                                                             | 'click'        |
+| **variant**                                                        | Set the dropdown variant to an btn-group, dropdown, input-group, and nav-item.                                                                                                                                                                                                                                                                                                                                                                                                                           | string                                       | `'btn-group'`, `'dropdown'`, `'input-group'`, `'nav-item'`                                                                                                                                    | 'btn-group'    |
+| **visible**                                                        | Toggle the visibility of dropdown menu component.                                                                                                                                                                                                                                                                                                                                                                                                                                                        | boolean                                      | -                                                                                                                                                                                             | -              |
 
 #### Events
 
diff --git a/packages/docs/api/dropdown/CDropdownHeader.api.md b/packages/docs/api/dropdown/CDropdownHeader.api.md
index ce854682..97d237e2 100644
--- a/packages/docs/api/dropdown/CDropdownHeader.api.md
+++ b/packages/docs/api/dropdown/CDropdownHeader.api.md
@@ -8,6 +8,6 @@ import CDropdownHeader from '@coreui/vue/src/components/dropdown/CDropdownHeader
 
 #### Props
 
-| Prop name     | Description                                                                             | Type   | Values | Default |
-| ------------- | --------------------------------------------------------------------------------------- | ------ | ------ | ------- |
-| **component** | Component used for the root node. Either a string to use a HTML element or a component. | string | -      | 'h6'    |
+| Prop name | Description                                                                             | Type   | Values | Default |
+| --------- | --------------------------------------------------------------------------------------- | ------ | ------ | ------- |
+| **as**    | Component used for the root node. Either a string to use a HTML element or a component. | string | -      | 'h6'    |
diff --git a/packages/docs/api/dropdown/CDropdownItem.api.md b/packages/docs/api/dropdown/CDropdownItem.api.md
index d3739469..c9d88766 100644
--- a/packages/docs/api/dropdown/CDropdownItem.api.md
+++ b/packages/docs/api/dropdown/CDropdownItem.api.md
@@ -8,9 +8,9 @@ import CDropdownItem from '@coreui/vue/src/components/dropdown/CDropdownItem'
 
 #### Props
 
-| Prop name     | Description                                                                             | Type    | Values | Default |
-| ------------- | --------------------------------------------------------------------------------------- | ------- | ------ | ------- |
-| **active**    | Toggle the active state for the component.                                              | boolean | -      | -       |
-| **component** | Component used for the root node. Either a string to use a HTML element or a component. | string  | -      | 'a'     |
-| **disabled**  | Toggle the disabled state for the component.                                            | boolean | -      | -       |
-| **href**      | The href attribute specifies the URL of the page the link goes to.                      | string  | -      | -       |
+| Prop name    | Description                                                                             | Type    | Values | Default |
+| ------------ | --------------------------------------------------------------------------------------- | ------- | ------ | ------- |
+| **active**   | Toggle the active state for the component.                                              | boolean | -      | -       |
+| **as**       | Component used for the root node. Either a string to use a HTML element or a component. | string  | -      | 'a'     |
+| **disabled** | Toggle the disabled state for the component.                                            | boolean | -      | -       |
+| **href**     | The href attribute specifies the URL of the page the link goes to.                      | string  | -      | -       |
diff --git a/packages/docs/api/dropdown/CDropdownMenu.api.md b/packages/docs/api/dropdown/CDropdownMenu.api.md
index d283ed5c..2c7c07b0 100644
--- a/packages/docs/api/dropdown/CDropdownMenu.api.md
+++ b/packages/docs/api/dropdown/CDropdownMenu.api.md
@@ -8,6 +8,6 @@ import CDropdownMenu from '@coreui/vue/src/components/dropdown/CDropdownMenu'
 
 #### Props
 
-| Prop name     | Description                                                                             | Type   | Values          | Default |
-| ------------- | --------------------------------------------------------------------------------------- | ------ | --------------- | ------- |
-| **component** | Component used for the root node. Either a string to use a HTML element or a component. | string | `'div'`, `'ul'` | 'div'   |
+| Prop name | Description                                                                             | Type   | Values          | Default |
+| --------- | --------------------------------------------------------------------------------------- | ------ | --------------- | ------- |
+| **as**    | Component used for the root node. Either a string to use a HTML element or a component. | string | `'div'`, `'ul'` | 'div'   |
diff --git a/packages/docs/api/dropdown/CDropdownToggle.api.md b/packages/docs/api/dropdown/CDropdownToggle.api.md
index 87c73be4..d56d845a 100644
--- a/packages/docs/api/dropdown/CDropdownToggle.api.md
+++ b/packages/docs/api/dropdown/CDropdownToggle.api.md
@@ -8,15 +8,15 @@ import CDropdownToggle from '@coreui/vue/src/components/dropdown/CDropdownToggle
 
 #### Props
 
-| Prop name                                                           | Description                                                                                                                                                                                                   | Type     | Values                                                                                          | Default  |
-| ------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------------------------------------------------------------------------------------------- | -------- |
-| **color**                                                           | Sets the color context of the component to one of CoreUI’s themed colors.                                                                                                                                     | string   | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | -        |
-| **caret**                                                           | Enables pseudo element caret on toggler.                                                                                                                                                                      | boolean  | -                                                                                               | true     |
-| **component**                                                       | Component used for the root node. Either a string to use a HTML element or a component.                                                                                                                       | string   | -                                                                                               | 'button' |
-| **custom**                                                          | Create a custom toggler which accepts any content.                                                                                                                                                            | boolean  | -                                                                                               | -        |
-| **disabled**                                                        | Toggle the disabled state for the component.                                                                                                                                                                  | boolean  | -                                                                                               | -        |
+| Prop name                                                         | Description                                                                                                                                                                                                   | Type     | Values                                                                                          | Default  |
+| ----------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------------------------------------------------------------------------------------------- | -------- |
+| **as**                                                            | Component used for the root node. Either a string to use a HTML element or a component.                                                                                                                       | string   | -                                                                                               | 'button' |
+| **color**                                                         | Sets the color context of the component to one of CoreUI’s themed colors.                                                                                                                                     | string   | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | -        |
+| **caret**                                                         | Enables pseudo element caret on toggler.                                                                                                                                                                      | boolean  | -                                                                                               | true     |
+| **custom**                                                        | Create a custom toggler which accepts any content.                                                                                                                                                            | boolean  | -                                                                                               | -        |
+| **disabled**                                                      | Toggle the disabled state for the component.                                                                                                                                                                  | boolean  | -                                                                                               | -        |
 | **nav-link** <br><div class="badge bg-primary">v5.0.0-rc.0+</div> | If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.                                                                                                           | boolean  | -                                                                                               | true     |
-| **size**                                                            | Size the component small or large.                                                                                                                                                                            | string   | `'sm'`, `'lg'`                                                                                  | -        |
-| **split**                                                           | Similarly, create split button dropdowns with virtually the same markup as single button dropdowns, but with the addition of `.dropdown-toggle-split` className for proper spacing around the dropdown caret. | boolean  | -                                                                                               | -        |
-| **trigger**                                                         | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.<br/>`@type` 'hover' \| 'focus' \| 'click'                                                 | Triggers | -                                                                                               | 'click'  |
-| **variant**                                                         | Set the button variant to an outlined button or a ghost button.                                                                                                                                               | string   | `'ghost'`, `'outline'`                                                                          | -        |
+| **size**                                                          | Size the component small or large.                                                                                                                                                                            | string   | `'sm'`, `'lg'`                                                                                  | -        |
+| **split**                                                         | Similarly, create split button dropdowns with virtually the same markup as single button dropdowns, but with the addition of `.dropdown-toggle-split` className for proper spacing around the dropdown caret. | boolean  | -                                                                                               | -        |
+| **trigger**                                                       | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.<br/>`@type` 'hover' \| 'focus' \| 'click'                                                 | Triggers | -                                                                                               | 'click'  |
+| **variant**                                                       | Set the button variant to an outlined button or a ghost button.                                                                                                                                               | string   | `'ghost'`, `'outline'`                                                                          | -        |
diff --git a/packages/docs/api/form/CFormFeedback.api.md b/packages/docs/api/form/CFormFeedback.api.md
index bc45a57d..3ab11d05 100644
--- a/packages/docs/api/form/CFormFeedback.api.md
+++ b/packages/docs/api/form/CFormFeedback.api.md
@@ -8,9 +8,9 @@ import CFormFeedback from '@coreui/vue/src/components/form/CFormFeedback'
 
 #### Props
 
-| Prop name     | Description                                                                             | Type    | Values | Default |
-| ------------- | --------------------------------------------------------------------------------------- | ------- | ------ | ------- |
-| **component** | Component used for the root node. Either a string to use a HTML element or a component. | string  | -      | 'div'   |
-| **invalid**   | Method called immediately after the `value` prop changes.                               | boolean | -      | -       |
-| **tooltip**   | If your form layout allows it, you can display validation feedback in a styled tooltip. | boolean | -      | -       |
-| **valid**     | Set component validation state to valid.                                                | boolean | -      | -       |
+| Prop name   | Description                                                                             | Type    | Values | Default |
+| ----------- | --------------------------------------------------------------------------------------- | ------- | ------ | ------- |
+| **as**      | Component used for the root node. Either a string to use a HTML element or a component. | string  | -      | 'div'   |
+| **invalid** | Method called immediately after the `value` prop changes.                               | boolean | -      | -       |
+| **tooltip** | If your form layout allows it, you can display validation feedback in a styled tooltip. | boolean | -      | -       |
+| **valid**   | Set component validation state to valid.                                                | boolean | -      | -       |
diff --git a/packages/docs/api/form/CFormText.api.md b/packages/docs/api/form/CFormText.api.md
index 939772da..33cdc019 100644
--- a/packages/docs/api/form/CFormText.api.md
+++ b/packages/docs/api/form/CFormText.api.md
@@ -8,6 +8,6 @@ import CFormText from '@coreui/vue/src/components/form/CFormText'
 
 #### Props
 
-| Prop name     | Description                                                                             | Type   | Values | Default |
-| ------------- | --------------------------------------------------------------------------------------- | ------ | ------ | ------- |
-| **component** | Component used for the root node. Either a string to use a HTML element or a component. | string | -      | 'div'   |
+| Prop name | Description                                                                             | Type   | Values | Default |
+| --------- | --------------------------------------------------------------------------------------- | ------ | ------ | ------- |
+| **as**    | Component used for the root node. Either a string to use a HTML element or a component. | string | -      | 'div'   |
diff --git a/packages/docs/api/form/CInputGroupText.api.md b/packages/docs/api/form/CInputGroupText.api.md
index a3ad985f..09998a59 100644
--- a/packages/docs/api/form/CInputGroupText.api.md
+++ b/packages/docs/api/form/CInputGroupText.api.md
@@ -8,6 +8,6 @@ import CInputGroupText from '@coreui/vue/src/components/form/CInputGroupText'
 
 #### Props
 
-| Prop name     | Description                                                                             | Type   | Values | Default |
-| ------------- | --------------------------------------------------------------------------------------- | ------ | ------ | ------- |
-| **component** | Component used for the root node. Either a string to use a HTML element or a component. | string | -      | 'span'  |
+| Prop name | Description                                                                             | Type   | Values | Default |
+| --------- | --------------------------------------------------------------------------------------- | ------ | ------ | ------- |
+| **as**    | Component used for the root node. Either a string to use a HTML element or a component. | string | -      | 'span'  |
diff --git a/packages/docs/api/header/CHeaderBrand.api.md b/packages/docs/api/header/CHeaderBrand.api.md
index a87636c5..9249d0a0 100644
--- a/packages/docs/api/header/CHeaderBrand.api.md
+++ b/packages/docs/api/header/CHeaderBrand.api.md
@@ -8,6 +8,6 @@ import CHeaderBrand from '@coreui/vue/src/components/header/CHeaderBrand'
 
 #### Props
 
-| Prop name     | Description                                                                             | Type   | Values | Default |
-| ------------- | --------------------------------------------------------------------------------------- | ------ | ------ | ------- |
-| **component** | Component used for the root node. Either a string to use a HTML element or a component. | string | -      | 'a'     |
+| Prop name | Description                                                                             | Type   | Values | Default |
+| --------- | --------------------------------------------------------------------------------------- | ------ | ------ | ------- |
+| **as**    | Component used for the root node. Either a string to use a HTML element or a component. | string | -      | 'a'     |
diff --git a/packages/docs/api/header/CHeaderNav.api.md b/packages/docs/api/header/CHeaderNav.api.md
index 1ceb45e3..dde286f0 100644
--- a/packages/docs/api/header/CHeaderNav.api.md
+++ b/packages/docs/api/header/CHeaderNav.api.md
@@ -8,6 +8,6 @@ import CHeaderNav from '@coreui/vue/src/components/header/CHeaderNav'
 
 #### Props
 
-| Prop name     | Description                                                                             | Type   | Values | Default |
-| ------------- | --------------------------------------------------------------------------------------- | ------ | ------ | ------- |
-| **component** | Component used for the root node. Either a string to use a HTML element or a component. | string | -      | 'ul'    |
+| Prop name | Description                                                                             | Type   | Values | Default |
+| --------- | --------------------------------------------------------------------------------------- | ------ | ------ | ------- |
+| **as**    | Component used for the root node. Either a string to use a HTML element or a component. | string | -      | 'ul'    |
diff --git a/packages/docs/api/link/CLink.api.md b/packages/docs/api/link/CLink.api.md
index 5404dffa..ddf93047 100644
--- a/packages/docs/api/link/CLink.api.md
+++ b/packages/docs/api/link/CLink.api.md
@@ -8,12 +8,12 @@ import CLink from '@coreui/vue/src/components/link/CLink'
 
 #### Props
 
-| Prop name     | Description                                                                             | Type    | Values | Default |
-| ------------- | --------------------------------------------------------------------------------------- | ------- | ------ | ------- |
-| **active**    | Toggle the active state for the component.                                              | boolean | -      | -       |
-| **component** | Component used for the root node. Either a string to use a HTML element or a component. | string  | -      | 'a'     |
-| **disabled**  | Toggle the disabled state for the component.                                            | boolean | -      | -       |
-| **href**      | The href attribute specifies the URL of the page the link goes to.                      | string  | -      | -       |
+| Prop name    | Description                                                                             | Type    | Values | Default |
+| ------------ | --------------------------------------------------------------------------------------- | ------- | ------ | ------- |
+| **active**   | Toggle the active state for the component.                                              | boolean | -      | -       |
+| **as**       | Component used for the root node. Either a string to use a HTML element or a component. | string  | -      | 'a'     |
+| **disabled** | Toggle the disabled state for the component.                                            | boolean | -      | -       |
+| **href**     | The href attribute specifies the URL of the page the link goes to.                      | string  | -      | -       |
 
 #### Events
 
diff --git a/packages/docs/api/list-group/CListGroup.api.md b/packages/docs/api/list-group/CListGroup.api.md
index 005ead80..2a88b9d3 100644
--- a/packages/docs/api/list-group/CListGroup.api.md
+++ b/packages/docs/api/list-group/CListGroup.api.md
@@ -8,8 +8,8 @@ import CListGroup from '@coreui/vue/src/components/list-group/CListGroup'
 
 #### Props
 
-| Prop name     | Description                                                                                                             | Type    | Values                                                                                                             | Default |
-| ------------- | ----------------------------------------------------------------------------------------------------------------------- | ------- | ------------------------------------------------------------------------------------------------------------------ | ------- |
-| **component** | Component used for the root node. Either a string to use a HTML element or a component.                                 | string  | -                                                                                                                  | 'ul'    |
-| **flush**     | Remove some borders and rounded corners to render list group items edge-to-edge in a parent component (e.g., `<CCard>`) | boolean | -                                                                                                                  | -       |
-| **layout**    | Specify a layout type.                                                                                                  | string  | `'horizontal'`, `'horizontal-sm'`, `'horizontal-md'`, `'horizontal-lg'`, `'horizontal-xl'`, `'horizontal-xxl'`, `` | -       |
+| Prop name  | Description                                                                                                             | Type    | Values                                                                                                             | Default |
+| ---------- | ----------------------------------------------------------------------------------------------------------------------- | ------- | ------------------------------------------------------------------------------------------------------------------ | ------- |
+| **as**     | Component used for the root node. Either a string to use a HTML element or a component.                                 | string  | -                                                                                                                  | 'ul'    |
+| **flush**  | Remove some borders and rounded corners to render list group items edge-to-edge in a parent component (e.g., `<CCard>`) | boolean | -                                                                                                                  | -       |
+| **layout** | Specify a layout type.                                                                                                  | string  | `'horizontal'`, `'horizontal-sm'`, `'horizontal-md'`, `'horizontal-lg'`, `'horizontal-xl'`, `'horizontal-xxl'`, `` | -       |
diff --git a/packages/docs/api/list-group/CListGroupItem.api.md b/packages/docs/api/list-group/CListGroupItem.api.md
index 3cfe1132..a5eddd7a 100644
--- a/packages/docs/api/list-group/CListGroupItem.api.md
+++ b/packages/docs/api/list-group/CListGroupItem.api.md
@@ -8,9 +8,9 @@ import CListGroupItem from '@coreui/vue/src/components/list-group/CListGroupItem
 
 #### Props
 
-| Prop name     | Description                                                                             | Type    | Values                                                                                                    | Default |
-| ------------- | --------------------------------------------------------------------------------------- | ------- | --------------------------------------------------------------------------------------------------------- | ------- |
-| **active**    | Toggle the active state for the component.                                              | boolean | -                                                                                                         | -       |
-| **color**     | Sets the color context of the component to one of CoreUI’s themed colors.               | string  | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` | -       |
-| **disabled**  | Toggle the disabled state for the component.                                            | boolean | -                                                                                                         | -       |
-| **component** | Component used for the root node. Either a string to use a HTML element or a component. | string  | -                                                                                                         | 'li'    |
+| Prop name    | Description                                                                             | Type    | Values                                                                                                    | Default |
+| ------------ | --------------------------------------------------------------------------------------- | ------- | --------------------------------------------------------------------------------------------------------- | ------- |
+| **active**   | Toggle the active state for the component.                                              | boolean | -                                                                                                         | -       |
+| **as**       | Component used for the root node. Either a string to use a HTML element or a component. | string  | -                                                                                                         | 'li'    |
+| **color**    | Sets the color context of the component to one of CoreUI’s themed colors.               | string  | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` | -       |
+| **disabled** | Toggle the disabled state for the component.                                            | boolean | -                                                                                                         | -       |
diff --git a/packages/docs/api/modal/CModal.api.md b/packages/docs/api/modal/CModal.api.md
index c30862a4..ce921a67 100644
--- a/packages/docs/api/modal/CModal.api.md
+++ b/packages/docs/api/modal/CModal.api.md
@@ -8,19 +8,19 @@ import CModal from '@coreui/vue/src/components/modal/CModal'
 
 #### Props
 
-| Prop name                                                        | Description                                                                                                                        | Type            | Values                                             | Default |
-| ---------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- | --------------- | -------------------------------------------------- | ------- |
-| **alignment**                                                    | Align the modal in the center or top of the screen.                                                                                | string          | `'top'`, `'center'`                                | 'top'   |
-| **backdrop**                                                     | Apply a backdrop on body while offcanvas is open.                                                                                  | boolean\|string | `boolean \| 'static'`                              | true    |
-| **content-class-name**                                           | A string of all className you want applied to the modal content component.                                                         | string          | -                                                  | -       |
+| Prop name                                                      | Description                                                                                                                        | Type            | Values                                             | Default |
+| -------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- | --------------- | -------------------------------------------------- | ------- |
+| **alignment**                                                  | Align the modal in the center or top of the screen.                                                                                | string          | `'top'`, `'center'`                                | 'top'   |
+| **backdrop**                                                   | Apply a backdrop on body while offcanvas is open.                                                                                  | boolean\|string | `boolean \| 'static'`                              | true    |
+| **content-class-name**                                         | A string of all className you want applied to the modal content component.                                                         | string          | -                                                  | -       |
 | **focus** <br><div class="badge bg-primary">v5.0.0-rc.0+</div> | Puts the focus on the modal when shown.                                                                                            | boolean         | -                                                  | true    |
-| **fullscreen**                                                   | Set modal to covers the entire user viewport                                                                                       | boolean\|string | `boolean`, `'sm'`, `'md'`, `'lg'`, `'xl'`, `'xxl'` | -       |
-| **keyboard**                                                     | Closes the modal when escape key is pressed.                                                                                       | boolean         | -                                                  | true    |
-| **scrollable**                                                   | Create a scrollable modal that allows scrolling the modal body.                                                                    | boolean         | -                                                  | -       |
-| **size**                                                         | Size the component small, large, or extra large.                                                                                   | string          | `'sm'`, `'lg'`, `'xl'`                             | -       |
-| **transition**                                                   | Remove animation to create modal that simply appear rather than fade in to view.                                                   | boolean         | -                                                  | true    |
-| **unmount-on-close**                                             | By default the component is unmounted after close animation, if you want to keep the component mounted set this property to false. | boolean         | -                                                  | true    |
-| **visible**                                                      | Toggle the visibility of alert component.                                                                                          | boolean         | -                                                  | -       |
+| **fullscreen**                                                 | Set modal to covers the entire user viewport                                                                                       | boolean\|string | `boolean`, `'sm'`, `'md'`, `'lg'`, `'xl'`, `'xxl'` | -       |
+| **keyboard**                                                   | Closes the modal when escape key is pressed.                                                                                       | boolean         | -                                                  | true    |
+| **scrollable**                                                 | Create a scrollable modal that allows scrolling the modal body.                                                                    | boolean         | -                                                  | -       |
+| **size**                                                       | Size the component small, large, or extra large.                                                                                   | string          | `'sm'`, `'lg'`, `'xl'`                             | -       |
+| **transition**                                                 | Remove animation to create modal that simply appear rather than fade in to view.                                                   | boolean         | -                                                  | true    |
+| **unmount-on-close**                                           | By default the component is unmounted after close animation, if you want to keep the component mounted set this property to false. | boolean         | -                                                  | true    |
+| **visible**                                                    | Toggle the visibility of alert component.                                                                                          | boolean         | -                                                  | -       |
 
 #### Events
 
diff --git a/packages/docs/api/modal/CModalTitle.api.md b/packages/docs/api/modal/CModalTitle.api.md
index 81ba100e..93d9891a 100644
--- a/packages/docs/api/modal/CModalTitle.api.md
+++ b/packages/docs/api/modal/CModalTitle.api.md
@@ -8,6 +8,6 @@ import CModalTitle from '@coreui/vue/src/components/modal/CModalTitle'
 
 #### Props
 
-| Prop name     | Description                                                                             | Type   | Values | Default |
-| ------------- | --------------------------------------------------------------------------------------- | ------ | ------ | ------- |
-| **component** | Component used for the root node. Either a string to use a HTML element or a component. | string | -      | 'h5'    |
+| Prop name | Description                                                                             | Type   | Values | Default |
+| --------- | --------------------------------------------------------------------------------------- | ------ | ------ | ------- |
+| **as**    | Component used for the root node. Either a string to use a HTML element or a component. | string | -      | 'h5'    |
diff --git a/packages/docs/api/nav/CNav.api.md b/packages/docs/api/nav/CNav.api.md
index 787a3ac5..deda7877 100644
--- a/packages/docs/api/nav/CNav.api.md
+++ b/packages/docs/api/nav/CNav.api.md
@@ -8,8 +8,8 @@ import CNav from '@coreui/vue/src/components/nav/CNav'
 
 #### Props
 
-| Prop name     | Description                                                                             | Type   | Values                                                   | Default |
-| ------------- | --------------------------------------------------------------------------------------- | ------ | -------------------------------------------------------- | ------- |
-| **component** | Component used for the root node. Either a string to use a HTML element or a component. | string | -                                                        | 'ul'    |
-| **layout**    | Specify a layout type for component.                                                    | string | `'fill'`, `'justified'`                                  | -       |
-| **variant**   | Set the nav variant to tabs or pills.                                                   | string | `'pills'`, `'tabs'`, `'underline'`, `'underline-border'` | -       |
+| Prop name   | Description                                                                             | Type   | Values                                                   | Default |
+| ----------- | --------------------------------------------------------------------------------------- | ------ | -------------------------------------------------------- | ------- |
+| **as**      | Component used for the root node. Either a string to use a HTML element or a component. | string | -                                                        | 'ul'    |
+| **layout**  | Specify a layout type for component.                                                    | string | `'fill'`, `'justified'`                                  | -       |
+| **variant** | Set the nav variant to tabs or pills.                                                   | string | `'pills'`, `'tabs'`, `'underline'`, `'underline-border'` | -       |
diff --git a/packages/docs/api/nav/CNavGroup.api.md b/packages/docs/api/nav/CNavGroup.api.md
index 3d826283..309a55c4 100644
--- a/packages/docs/api/nav/CNavGroup.api.md
+++ b/packages/docs/api/nav/CNavGroup.api.md
@@ -8,10 +8,11 @@ import CNavGroup from '@coreui/vue/src/components/nav/CNavGroup'
 
 #### Props
 
-| Prop name   | Description                                                   | Type    | Values | Default |
-| ----------- | ------------------------------------------------------------- | ------- | ------ | ------- |
-| **compact** | Make nav group more compact by cutting all `padding` in half. | boolean | -      | -       |
-| **visible** | Show nav group items.                                         | boolean | -      | -       |
+| Prop name   | Description                                                                             | Type    | Values | Default |
+| ----------- | --------------------------------------------------------------------------------------- | ------- | ------ | ------- |
+| **as**      | Component used for the root node. Either a string to use a HTML element or a component. | string  | -      | 'li'    |
+| **compact** | Make nav group more compact by cutting all `padding` in half.                           | boolean | -      | -       |
+| **visible** | Show nav group items.                                                                   | boolean | -      | -       |
 
 #### Events
 
diff --git a/packages/docs/api/nav/CNavItem.api.md b/packages/docs/api/nav/CNavItem.api.md
index 0be3893c..2a2d63d1 100644
--- a/packages/docs/api/nav/CNavItem.api.md
+++ b/packages/docs/api/nav/CNavItem.api.md
@@ -5,3 +5,9 @@ import { CNavItem } from '@coreui/vue'
 // or
 import CNavItem from '@coreui/vue/src/components/nav/CNavItem'
 ```
+
+#### Props
+
+| Prop name | Description                                                                             | Type   | Values | Default |
+| --------- | --------------------------------------------------------------------------------------- | ------ | ------ | ------- |
+| **as**    | Component used for the root node. Either a string to use a HTML element or a component. | string | -      | 'li'    |
diff --git a/packages/docs/api/nav/CNavLink.api.md b/packages/docs/api/nav/CNavLink.api.md
index 748b5bea..7e17ce27 100644
--- a/packages/docs/api/nav/CNavLink.api.md
+++ b/packages/docs/api/nav/CNavLink.api.md
@@ -8,8 +8,8 @@ import CNavLink from '@coreui/vue/src/components/nav/CNavLink'
 
 #### Props
 
-| Prop name     | Description                                                                             | Type    | Values | Default |
-| ------------- | --------------------------------------------------------------------------------------- | ------- | ------ | ------- |
-| **active**    | Toggle the active state for the component.                                              | boolean | -      | -       |
-| **component** | Component used for the root node. Either a string to use a HTML element or a component. | string  | -      | 'a'     |
-| **disabled**  | Toggle the disabled state for the component.                                            | boolean | -      | -       |
+| Prop name    | Description                                                                             | Type    | Values | Default |
+| ------------ | --------------------------------------------------------------------------------------- | ------- | ------ | ------- |
+| **active**   | Toggle the active state for the component.                                              | boolean | -      | -       |
+| **as**       | Component used for the root node. Either a string to use a HTML element or a component. | string  | -      | 'a'     |
+| **disabled** | Toggle the disabled state for the component.                                            | boolean | -      | -       |
diff --git a/packages/docs/api/nav/CNavTitle.api.md b/packages/docs/api/nav/CNavTitle.api.md
index 856e314b..ce56c9b1 100644
--- a/packages/docs/api/nav/CNavTitle.api.md
+++ b/packages/docs/api/nav/CNavTitle.api.md
@@ -5,3 +5,9 @@ import { CNavTitle } from '@coreui/vue'
 // or
 import CNavTitle from '@coreui/vue/src/components/nav/CNavTitle'
 ```
+
+#### Props
+
+| Prop name | Description                                                                             | Type   | Values | Default |
+| --------- | --------------------------------------------------------------------------------------- | ------ | ------ | ------- |
+| **as**    | Component used for the root node. Either a string to use a HTML element or a component. | string | -      | 'li'    |
diff --git a/packages/docs/api/navbar/CNavbar.api.md b/packages/docs/api/navbar/CNavbar.api.md
index d907f3fc..bc8d5c8b 100644
--- a/packages/docs/api/navbar/CNavbar.api.md
+++ b/packages/docs/api/navbar/CNavbar.api.md
@@ -10,9 +10,9 @@ import CNavbar from '@coreui/vue/src/components/navbar/CNavbar'
 
 | Prop name        | Description                                                                             | Type            | Values                                                                                                    | Default |
 | ---------------- | --------------------------------------------------------------------------------------- | --------------- | --------------------------------------------------------------------------------------------------------- | ------- |
+| **as**           | Component used for the root node. Either a string to use a HTML element or a component. | string          | -                                                                                                         | 'nav'   |
 | **color**        | Sets the color context of the component to one of CoreUI’s themed colors.               | string          | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` | -       |
 | **color-scheme** | Sets if the color of text should be colored for a light or dark dark background.        | string          | `'dark'`, `'light'`                                                                                       | -       |
-| **component**    | Component used for the root node. Either a string to use a HTML element or a component. | string          | -                                                                                                         | 'nav'   |
 | **container**    | Defines optional container wrapping children elements.                                  | boolean\|string | `boolean`, `'sm'`, `'md'`, `'lg'`, `'xl'`, `'xxl'`, `'fluid'`                                             | -       |
 | **expand**       | Defines the responsive breakpoint to determine when content collapses.                  | boolean\|string | `boolean`, `'sm'`, `'md'`, `'lg'`, `'xl'`, `'xxl'`                                                        | -       |
 | **placement**    | Place component in non-static positions.                                                | string          | `'fixed-top'`, `'fixed-bottom'`, `'sticky-top'`                                                           | -       |
diff --git a/packages/docs/api/navbar/CNavbarBrand.api.md b/packages/docs/api/navbar/CNavbarBrand.api.md
index 5d24b0e8..de415ed5 100644
--- a/packages/docs/api/navbar/CNavbarBrand.api.md
+++ b/packages/docs/api/navbar/CNavbarBrand.api.md
@@ -8,7 +8,7 @@ import CNavbarBrand from '@coreui/vue/src/components/navbar/CNavbarBrand'
 
 #### Props
 
-| Prop name     | Description                                                                             | Type   | Values | Default |
-| ------------- | --------------------------------------------------------------------------------------- | ------ | ------ | ------- |
-| **component** | Component used for the root node. Either a string to use a HTML element or a component. | string | -      | 'a'     |
-| **href**      | The href attribute specifies the URL of the page the link goes to.                      | string | -      | -       |
+| Prop name | Description                                                                             | Type   | Values | Default |
+| --------- | --------------------------------------------------------------------------------------- | ------ | ------ | ------- |
+| **as**    | Component used for the root node. Either a string to use a HTML element or a component. | string | -      | 'a'     |
+| **href**  | The href attribute specifies the URL of the page the link goes to.                      | string | -      | -       |
diff --git a/packages/docs/api/navbar/CNavbarNav.api.md b/packages/docs/api/navbar/CNavbarNav.api.md
index d71b96fc..ce7da6a2 100644
--- a/packages/docs/api/navbar/CNavbarNav.api.md
+++ b/packages/docs/api/navbar/CNavbarNav.api.md
@@ -8,6 +8,6 @@ import CNavbarNav from '@coreui/vue/src/components/navbar/CNavbarNav'
 
 #### Props
 
-| Prop name     | Description                                                                             | Type   | Values | Default |
-| ------------- | --------------------------------------------------------------------------------------- | ------ | ------ | ------- |
-| **component** | Component used for the root node. Either a string to use a HTML element or a component. | string | -      | 'ul'    |
+| Prop name | Description                                                                             | Type   | Values | Default |
+| --------- | --------------------------------------------------------------------------------------- | ------ | ------ | ------- |
+| **as**    | Component used for the root node. Either a string to use a HTML element or a component. | string | -      | 'ul'    |
diff --git a/packages/docs/api/offcanvas/COffcanvasTitle.api.md b/packages/docs/api/offcanvas/COffcanvasTitle.api.md
index 48fff654..f920006c 100644
--- a/packages/docs/api/offcanvas/COffcanvasTitle.api.md
+++ b/packages/docs/api/offcanvas/COffcanvasTitle.api.md
@@ -8,6 +8,6 @@ import COffcanvasTitle from '@coreui/vue/src/components/offcanvas/COffcanvasTitl
 
 #### Props
 
-| Prop name     | Description                                                                             | Type   | Values | Default |
-| ------------- | --------------------------------------------------------------------------------------- | ------ | ------ | ------- |
-| **component** | Component used for the root node. Either a string to use a HTML element or a component. | string | -      | 'h5'    |
+| Prop name | Description                                                                             | Type   | Values | Default |
+| --------- | --------------------------------------------------------------------------------------- | ------ | ------ | ------- |
+| **as**    | Component used for the root node. Either a string to use a HTML element or a component. | string | -      | 'h5'    |
diff --git a/packages/docs/api/pagination/CPaginationItem.api.md b/packages/docs/api/pagination/CPaginationItem.api.md
index fced0268..ce607b0b 100644
--- a/packages/docs/api/pagination/CPaginationItem.api.md
+++ b/packages/docs/api/pagination/CPaginationItem.api.md
@@ -8,9 +8,9 @@ import CPaginationItem from '@coreui/vue/src/components/pagination/CPaginationIt
 
 #### Props
 
-| Prop name     | Description                                                                             | Type    | Values | Default |
-| ------------- | --------------------------------------------------------------------------------------- | ------- | ------ | ------- |
-| **active**    | Toggle the active state for the component.                                              | boolean | -      | -       |
-| **component** | Component used for the root node. Either a string to use a HTML element or a component. | string  | -      | -       |
-| **disabled**  | Toggle the disabled state for the component.                                            | boolean | -      | -       |
-| **href**      | The href attribute specifies the URL of the page the link goes to.                      | string  | -      | -       |
+| Prop name    | Description                                                                             | Type    | Values | Default |
+| ------------ | --------------------------------------------------------------------------------------- | ------- | ------ | ------- |
+| **active**   | Toggle the active state for the component.                                              | boolean | -      | -       |
+| **as**       | Component used for the root node. Either a string to use a HTML element or a component. | string  | -      | -       |
+| **disabled** | Toggle the disabled state for the component.                                            | boolean | -      | -       |
+| **href**     | The href attribute specifies the URL of the page the link goes to.                      | string  | -      | -       |
diff --git a/packages/docs/api/placeholder/CPlaceholder.api.md b/packages/docs/api/placeholder/CPlaceholder.api.md
index e229a9dc..074a0c57 100644
--- a/packages/docs/api/placeholder/CPlaceholder.api.md
+++ b/packages/docs/api/placeholder/CPlaceholder.api.md
@@ -11,8 +11,8 @@ import CPlaceholder from '@coreui/vue/src/components/placeholder/CPlaceholder'
 | Prop name     | Description                                                                             | Type   | Values                                                                                          | Default |
 | ------------- | --------------------------------------------------------------------------------------- | ------ | ----------------------------------------------------------------------------------------------- | ------- |
 | **animation** | Set animation type to better convey the perception of something being actively loaded.  | string | `'glow'`, `'wave'`                                                                              | -       |
+| **as**        | Component used for the root node. Either a string to use a HTML element or a component. | string | -                                                                                               | 'span'  |
 | **color**     | Sets the color context of the component to one of CoreUI’s themed colors.               | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | -       |
-| **component** | Component used for the root node. Either a string to use a HTML element or a component. | string | -                                                                                               | 'span'  |
 | **size**      | Size the component extra small, small, or large.                                        | string | `'xs'`, `'sm'`, `'lg'`                                                                          | -       |
 | **xs**        | The number of columns on extra small devices (<576px).                                  | number | -                                                                                               | -       |
 | **sm**        | The number of columns on small devices (<768px).                                        | number | -                                                                                               | -       |
diff --git a/packages/docs/api/popover/CPopover.api.md b/packages/docs/api/popover/CPopover.api.md
index d9cb2297..69d234a4 100644
--- a/packages/docs/api/popover/CPopover.api.md
+++ b/packages/docs/api/popover/CPopover.api.md
@@ -11,7 +11,7 @@ import CPopover from '@coreui/vue/src/components/popover/CPopover'
 | Prop name                                                              | Description                                                                                                                                                                                                                                                     | Type                                         | Values                          | Default                                  |
 | ---------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | ------------------------------- | ---------------------------------------- |
 | **animation** <br><div class="badge bg-primary">4.9.0+</div>           | Apply a CSS fade transition to the popover.                                                                                                                                                                                                                     | boolean                                      | -                               | true                                     |
-| **container** <br><div class="badge bg-primary">v5.0.0-rc.0+</div>   | Appends the vue popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                              | HTMLElement \| (() => HTMLElement) \| string | -                               | 'body'                                   |
+| **container** <br><div class="badge bg-primary">v5.0.0-rc.0+</div>     | Appends the vue popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                              | HTMLElement \| (() => HTMLElement) \| string | -                               | 'body'                                   |
 | **content**                                                            | Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`                                                                                                                                  | string                                       | -                               | -                                        |
 | **delay** <br><div class="badge bg-primary">4.9.0+</div>               | The delay for displaying and hiding the popover (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`. | number \| { show: number; hide: number }     | -                               | 0                                        |
 | **fallback-placements** <br><div class="badge bg-primary">4.9.0+</div> | Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.                                                                                                       | Placements \| Placements[]                   | -                               | () => ['top', 'right', 'bottom', 'left'] |
diff --git a/packages/docs/api/progress/CProgress.api.md b/packages/docs/api/progress/CProgress.api.md
index c33100ae..cd846ccb 100644
--- a/packages/docs/api/progress/CProgress.api.md
+++ b/packages/docs/api/progress/CProgress.api.md
@@ -8,13 +8,13 @@ import CProgress from '@coreui/vue/src/components/progress/CProgress'
 
 #### Props
 
-| Prop name                                                                         | Description                                                                                                               | Type    | Values                                                                                          | Default |
-| --------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------- | ------- | ----------------------------------------------------------------------------------------------- | ------- |
-| **animated**                                                                      | Use to animate the stripes right to left via CSS3 animations.                                                             | boolean | -                                                                                               | -       |
-| **color**                                                                         | Sets the color context of the component to one of CoreUI’s themed colors.                                                 | string  | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | -       |
-| **height**                                                                        | Sets the height of the component. If you set that value the inner `<CProgressBar>` will automatically resize accordingly. | number  | -                                                                                               | -       |
+| Prop name                                                                       | Description                                                                                                               | Type    | Values                                                                                          | Default |
+| ------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------- | ------- | ----------------------------------------------------------------------------------------------- | ------- |
+| **animated**                                                                    | Use to animate the stripes right to left via CSS3 animations.                                                             | boolean | -                                                                                               | -       |
+| **color**                                                                       | Sets the color context of the component to one of CoreUI’s themed colors.                                                 | string  | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | -       |
+| **height**                                                                      | Sets the height of the component. If you set that value the inner `<CProgressBar>` will automatically resize accordingly. | number  | -                                                                                               | -       |
 | **progress-bar-class-name** <br><div class="badge bg-primary">5.0.0-rc.0+</div> | A string of all className you want applied to the <CProgressBar/> component.                                              | string  | -                                                                                               | -       |
-| **thin**                                                                          | Makes progress bar thinner.                                                                                               | boolean | -                                                                                               | -       |
-| **value**                                                                         | The percent to progress the ProgressBar.                                                                                  | number  | -                                                                                               | 0       |
-| **variant**                                                                       | Set the progress bar variant to optional striped.                                                                         | string  | `'striped'`                                                                                     | -       |
-| **white**                                                                         | Change the default color to white.                                                                                        | boolean | -                                                                                               | -       |
+| **thin**                                                                        | Makes progress bar thinner.                                                                                               | boolean | -                                                                                               | -       |
+| **value**                                                                       | The percent to progress the ProgressBar.                                                                                  | number  | -                                                                                               | 0       |
+| **variant**                                                                     | Set the progress bar variant to optional striped.                                                                         | string  | `'striped'`                                                                                     | -       |
+| **white**                                                                       | Change the default color to white.                                                                                        | boolean | -                                                                                               | -       |
diff --git a/packages/docs/api/sidebar/CSidebarNav.api.md b/packages/docs/api/sidebar/CSidebarNav.api.md
index 30558957..fdfa8a1c 100644
--- a/packages/docs/api/sidebar/CSidebarNav.api.md
+++ b/packages/docs/api/sidebar/CSidebarNav.api.md
@@ -5,3 +5,9 @@ import { CSidebarNav } from '@coreui/vue'
 // or
 import CSidebarNav from '@coreui/vue/src/components/sidebar/CSidebarNav'
 ```
+
+#### Props
+
+| Prop name | Description                                                                             | Type                | Values | Default |
+| --------- | --------------------------------------------------------------------------------------- | ------------------- | ------ | ------- |
+| **as**    | Component used for the root node. Either a string to use a HTML element or a component. | string \| Component | -      | 'ul'    |
diff --git a/packages/docs/api/spinner/CSpinner.api.md b/packages/docs/api/spinner/CSpinner.api.md
index df9d77ed..2ff979b7 100644
--- a/packages/docs/api/spinner/CSpinner.api.md
+++ b/packages/docs/api/spinner/CSpinner.api.md
@@ -10,8 +10,8 @@ import CSpinner from '@coreui/vue/src/components/spinner/CSpinner'
 
 | Prop name                 | Description                                                                             | Type   | Values                                                                                          | Default      |
 | ------------------------- | --------------------------------------------------------------------------------------- | ------ | ----------------------------------------------------------------------------------------------- | ------------ |
+| **as**                    | Component used for the root node. Either a string to use a HTML element or a component. | string | -                                                                                               | 'div'        |
 | **color**                 | Sets the color context of the component to one of CoreUI’s themed colors.               | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | -            |
-| **component**             | Component used for the root node. Either a string to use a HTML element or a component. | string | -                                                                                               | 'div'        |
 | **size**                  | Size the component small.                                                               | string | `'sm'`                                                                                          | -            |
 | **variant**               | Set the button variant to an outlined button or a ghost button.                         | string | `'border'`, `'grow'`                                                                            | 'border'     |
 | **visually-hidden-label** | Set visually hidden label for accessibility purposes.                                   | string | -                                                                                               | 'Loading...' |
diff --git a/packages/docs/api/toast/CToastClose.api.md b/packages/docs/api/toast/CToastClose.api.md
index beab2765..c1b0f388 100644
--- a/packages/docs/api/toast/CToastClose.api.md
+++ b/packages/docs/api/toast/CToastClose.api.md
@@ -8,9 +8,9 @@ import CToastClose from '@coreui/vue/src/components/toast/CToastClose'
 
 #### Props
 
-| Prop name     | Description                                                                             | Type   | Values | Default |
-| ------------- | --------------------------------------------------------------------------------------- | ------ | ------ | ------- |
-| **component** | Component used for the root node. Either a string to use a HTML element or a component. | string | -      | -       |
+| Prop name | Description                                                                             | Type   | Values | Default |
+| --------- | --------------------------------------------------------------------------------------- | ------ | ------ | ------- |
+| **as**    | Component used for the root node. Either a string to use a HTML element or a component. | string | -      | -       |
 
 #### Events
 
diff --git a/packages/docs/api/tooltip/CTooltip.api.md b/packages/docs/api/tooltip/CTooltip.api.md
index 054895ab..35ff42a9 100644
--- a/packages/docs/api/tooltip/CTooltip.api.md
+++ b/packages/docs/api/tooltip/CTooltip.api.md
@@ -11,7 +11,7 @@ import CTooltip from '@coreui/vue/src/components/tooltip/CTooltip'
 | Prop name                                                              | Description                                                                                                                                                                                                                                                     | Type                                         | Values                          | Default                                  |
 | ---------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | ------------------------------- | ---------------------------------------- |
 | **animation** <br><div class="badge bg-primary">4.9.0+</div>           | Apply a CSS fade transition to the tooltip.                                                                                                                                                                                                                     | boolean                                      | -                               | true                                     |
-| **container** <br><div class="badge bg-primary">v5.0.0-rc.0+</div>   | Appends the vue tooltip to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                              | HTMLElement \| (() => HTMLElement) \| string | -                               | 'body'                                   |
+| **container** <br><div class="badge bg-primary">v5.0.0-rc.0+</div>     | Appends the vue tooltip to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                              | HTMLElement \| (() => HTMLElement) \| string | -                               | 'body'                                   |
 | **content**                                                            | Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`                                                                                                                                  | string                                       | -                               | -                                        |
 | **delay** <br><div class="badge bg-primary">4.9.0+</div>               | The delay for displaying and hiding the popover (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`. | number \| { show: number; hide: number }     | -                               | 0                                        |
 | **fallback-placements** <br><div class="badge bg-primary">4.9.0+</div> | Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.                                                                                                       | Placements \| Placements[]                   | -                               | () => ['top', 'right', 'bottom', 'left'] |
diff --git a/packages/docs/migration/v5.md b/packages/docs/migration/v5.md
index 780314a7..d0891fe9 100644
--- a/packages/docs/migration/v5.md
+++ b/packages/docs/migration/v5.md
@@ -7,6 +7,10 @@ CoreUI for Vue is the Vue.js version of CoreUI components library, so before rea
 
 ## Components
 
+### CAlertHeading
+
+- <span class="badge bg-danger">Breaking</span> Renamed `component` property to `as`.
+
 ### CAvatar
 
 - Deprecated `textColor` values: `muted`, `high-emphasis`, `medium-emphasis`, `disabled`, `high-emphasis-inverse`, `medium-emphasis-inverse`, `disabled-inverse`.
@@ -14,26 +18,152 @@ CoreUI for Vue is the Vue.js version of CoreUI components library, so before rea
 
 ### CBadge
 
+- <span class="badge bg-danger">Breaking</span> Renamed `component` property to `as`.
 - Deprecated `textColor` values: `muted`, `high-emphasis`, `medium-emphasis`, `disabled`, `high-emphasis-inverse`, `medium-emphasis-inverse`, `disabled-inverse`.
 - New `textColor` values: `primary-emphasis`, `secondary-emphasis`, `success-emphasis`, `danger-emphasis`, `warning-emphasis`, `info-emphasis`, `light-emphasis`, `body`, `body-emphasis`, `body-secondary`, `body-tertiary`, `black`, `black-50`, `white`, `white-50`.
 
+### CButton
+
+- <span class="badge bg-danger">Breaking</span> Renamed `component` property to `as`.
+
 ### CCard
 
 - Deprecated `textColor` values: `muted`, `high-emphasis`, `medium-emphasis`, `disabled`, `high-emphasis-inverse`, `medium-emphasis-inverse`, `disabled-inverse`.
 - New `textColor` values: `primary-emphasis`, `secondary-emphasis`, `success-emphasis`, `danger-emphasis`, `warning-emphasis`, `info-emphasis`, `light-emphasis`, `body`, `body-emphasis`, `body-secondary`, `body-tertiary`, `black`, `black-50`, `white`, `white-50`.
 
+### CCardHeader
+
+- <span class="badge bg-danger">Breaking</span> Renamed `component` property to `as`.
+
+### CCardImage
+
+- <span class="badge bg-danger">Breaking</span> Renamed `component` property to `as`.
+
+### CCardSubtitle
+
+- <span class="badge bg-danger">Breaking</span> Renamed `component` property to `as`.
+
+### CCardText
+
+- <span class="badge bg-danger">Breaking</span> Renamed `component` property to `as`.
+
+### CCardTitle
+
+- <span class="badge bg-danger">Breaking</span> Renamed `component` property to `as`.
+
 ### CCloseButton
 
 - Deprecated property `white`, use `dark` instead of.
 
+### CDropdown
+
+- <span class="badge bg-danger">Breaking</span> Renamed `component` property to `as`.
+
+### CDropdownHeader
+
+- <span class="badge bg-danger">Breaking</span> Renamed `component` property to `as`.
+
+### CDropdownItem
+
+- <span class="badge bg-danger">Breaking</span> Renamed `component` property to `as`.
+
+### CDropdownItemPlain
+
+- <span class="badge bg-danger">Breaking</span> Renamed `component` property to `as`.
+
+### CDropdownMenu
+
+- <span class="badge bg-danger">Breaking</span> Renamed `component` property to `as`.
+
+### CDropdownToggle
+
+- <span class="badge bg-danger">Breaking</span> Renamed `component` property to `as`.
+
+### CFormFeedback
+
+- <span class="badge bg-danger">Breaking</span> Renamed `component` property to `as`.
+
+### CFormText
+
+- <span class="badge bg-danger">Breaking</span> Renamed `component` property to `as`.
+
+### CHeaderBrand
+
+- <span class="badge bg-danger">Breaking</span> Renamed `component` property to `as`.
+
+### CHeaderNav
+
+- <span class="badge bg-danger">Breaking</span> Renamed `component` property to `as`.
+
+### CInputGroupText
+
+- <span class="badge bg-danger">Breaking</span> Renamed `component` property to `as`.
+
+### CLink
+
+- <span class="badge bg-danger">Breaking</span> Renamed `component` property to `as`.
+
+### CListGroup
+
+- <span class="badge bg-danger">Breaking</span> Renamed `component` property to `as`.
+
+### CListGroupItem
+
+- <span class="badge bg-danger">Breaking</span> Renamed `component` property to `as`.
+
+### CModalTitle
+
+- <span class="badge bg-danger">Breaking</span> Renamed `component` property to `as`.
+
 ### CNav
 
 - The `underline` variant has been changed to `underline-border`
 
+### CNavbar
+
+- <span class="badge bg-danger">Breaking</span> Renamed `component` property to `as`.
+
+### CNavbarBrand
+
+- <span class="badge bg-danger">Breaking</span> Renamed `component` property to `as`.
+
+### CNavbarNav
+
+- <span class="badge bg-danger">Breaking</span> Renamed `component` property to `as`.
+
+### CNavItem
+
+- <span class="badge bg-danger">Breaking</span> Renamed `component` property to `as`.
+
+### CNavLink
+
+- <span class="badge bg-danger">Breaking</span> Renamed `component` property to `as`.
+
+### CNavTitle
+
+- <span class="badge bg-danger">Breaking</span> Renamed `component` property to `as`.
+
+### COffcanvasTitle
+
+- <span class="badge bg-danger">Breaking</span> Renamed `component` property to `as`.
+
+### CPaginationItem
+
+- <span class="badge bg-danger">Breaking</span> Renamed `component` property to `as`.
+
+### CPlaceholder
+
+- <span class="badge bg-danger">Breaking</span> Renamed `component` property to `as`.
+
 ### CSidebar
 
-- Sidebar has a light color scheme by default, use `colorScheme="dark"` to make it dark.
+- <span class="badge bg-danger">Breaking</span> Sidebar has a light color scheme by default, use `colorScheme="dark"` to make it dark.
+
+### CSpinner
+
+- <span class="badge bg-danger">Breaking</span> Renamed `component` property to `as`.
 
 ### CToastClose
 
+- <span class="badge bg-danger">Breaking</span> Renamed `component` property to `as`.
 - Deprecated property `white`, use `dark` instead of.

From 5dfb126fbceab4b24c08d5f9300212c306838ce6 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Tue, 2 Jan 2024 16:36:56 +0100
Subject: [PATCH 247/346] feat(CSidebarBrand): allows to rendering the
 component as a link

---
 .../src/components/sidebar/CSidebarBrand.ts   | 23 +++++++++++++++++--
 .../docs/api/sidebar/CSidebarBrand.api.md     |  7 ++++++
 2 files changed, 28 insertions(+), 2 deletions(-)

diff --git a/packages/coreui-vue/src/components/sidebar/CSidebarBrand.ts b/packages/coreui-vue/src/components/sidebar/CSidebarBrand.ts
index b6327134..d58b5803 100644
--- a/packages/coreui-vue/src/components/sidebar/CSidebarBrand.ts
+++ b/packages/coreui-vue/src/components/sidebar/CSidebarBrand.ts
@@ -2,8 +2,27 @@ import { defineComponent, h } from 'vue'
 
 const CSidebarBrand = defineComponent({
   name: 'CSidebarBrand',
-  setup(_, { slots }) {
-    return () => h('div', { class: 'sidebar-brand' }, slots.default && slots.default())
+  props: {
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     *
+     */
+    as: {
+      type: String,
+      default: 'div',
+    },
+    /**
+     * The href attribute specifies the URL of the page the link goes to.
+     */
+    href: String,
+  },
+  setup(props, { slots }) {
+    return () =>
+      h(
+        props.as ?? (props.href ? 'a' : 'div'),
+        { class: 'sidebar-brand', href: props.href },
+        slots.default && slots.default(),
+      )
   },
 })
 
diff --git a/packages/docs/api/sidebar/CSidebarBrand.api.md b/packages/docs/api/sidebar/CSidebarBrand.api.md
index 79d69d44..9819a335 100644
--- a/packages/docs/api/sidebar/CSidebarBrand.api.md
+++ b/packages/docs/api/sidebar/CSidebarBrand.api.md
@@ -5,3 +5,10 @@ import { CSidebarBrand } from '@coreui/vue'
 // or
 import CSidebarBrand from '@coreui/vue/src/components/sidebar/CSidebarBrand'
 ```
+
+#### Props
+
+| Prop name | Description                                                                             | Type   | Values | Default |
+| --------- | --------------------------------------------------------------------------------------- | ------ | ------ | ------- |
+| **as**    | Component used for the root node. Either a string to use a HTML element or a component. | string | -      | 'div'   |
+| **href**  | The href attribute specifies the URL of the page the link goes to.                      | string | -      | -       |

From 04c98c5e2ce247236f9233f6f12b06a484b49e78 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Tue, 2 Jan 2024 17:20:44 +0100
Subject: [PATCH 248/346] refactor(CPopover): improve accessibility

---
 .../src/components/popover/CPopover.ts        | 11 +++-
 .../coreui-vue/src/directives/v-c-popover.ts  | 42 +++++++++-----
 packages/docs/components/popover.md           | 56 +++++++++----------
 3 files changed, 64 insertions(+), 45 deletions(-)

diff --git a/packages/coreui-vue/src/components/popover/CPopover.ts b/packages/coreui-vue/src/components/popover/CPopover.ts
index 9c0aa6c1..a173ba37 100644
--- a/packages/coreui-vue/src/components/popover/CPopover.ts
+++ b/packages/coreui-vue/src/components/popover/CPopover.ts
@@ -1,11 +1,11 @@
-import { defineComponent, h, PropType, ref, RendererElement, Transition } from 'vue'
+import { defineComponent, h, onMounted, PropType, ref, RendererElement, Transition } from 'vue'
 import type { Placement } from '@popperjs/core'
 
 import { CConditionalTeleport } from '../conditional-teleport'
 import { usePopper } from '../../composables'
 import type { Placements, Triggers } from '../../types'
 import { executeAfterTransition } from '../../utils/transition'
-import { getRTLPlacement } from '../../utils'
+import { getRTLPlacement, getUID } from '../../utils'
 
 const CPopover = defineComponent({
   name: 'CPopover',
@@ -117,6 +117,7 @@ const CPopover = defineComponent({
   setup(props, { attrs, slots, emit }) {
     const togglerRef = ref()
     const popoverRef = ref()
+    const uID = ref()
     const visible = ref(props.visible)
     const { initPopper, destroyPopper } = usePopper()
 
@@ -147,6 +148,10 @@ const CPopover = defineComponent({
       placement: getRTLPlacement(props.placement, togglerRef.value),
     }
 
+    onMounted(() => {
+      uID.value = getUID('popover')
+    })
+
     const handleEnter = (el: RendererElement, done: () => void) => {
       emit('show')
       initPopper(togglerRef.value, popoverRef.value, popperConfig)
@@ -206,6 +211,7 @@ const CPopover = defineComponent({
                       },
                       attrs.class,
                     ],
+                    id: uID.value,
                     ref: popoverRef,
                     role: 'tooltip',
                   },
@@ -234,6 +240,7 @@ const CPopover = defineComponent({
       ),
       slots.toggler &&
         slots.toggler({
+          id: visible.value ? uID.value : null,
           on: {
             click: (event: Event) =>
               props.trigger.includes('click') && toggleVisible(event, !visible.value),
diff --git a/packages/coreui-vue/src/directives/v-c-popover.ts b/packages/coreui-vue/src/directives/v-c-popover.ts
index 49d6d0f8..41c22601 100644
--- a/packages/coreui-vue/src/directives/v-c-popover.ts
+++ b/packages/coreui-vue/src/directives/v-c-popover.ts
@@ -1,6 +1,8 @@
 import { DirectiveBinding } from 'vue'
 import { createPopper } from '@popperjs/core'
 
+import type { Options } from '@popperjs/core'
+
 import { getUID } from '../utils'
 
 const createPopoverElement = (id: string, header: string, content: string): HTMLDivElement => {
@@ -14,8 +16,13 @@ const createPopoverElement = (id: string, header: string, content: string): HTML
   return popover
 }
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const addPopoverElement = (popover: HTMLDivElement, el: HTMLElement, popperOptions: any) => {
+const addPopoverElement = (
+  el: HTMLElement,
+  popover: HTMLDivElement,
+  popperOptions: Partial<Options>,
+  uID: string,
+) => {
+  el.setAttribute('aria-describedby', uID)
   document.body.appendChild(popover)
   createPopper(el, popover, popperOptions)
   setTimeout(() => {
@@ -23,21 +30,26 @@ const addPopoverElement = (popover: HTMLDivElement, el: HTMLElement, popperOptio
   }, 1)
 }
 
-const removePopoverElement = (popover: HTMLDivElement) => {
+const removePopoverElement = (el: HTMLElement, popover: HTMLDivElement) => {
+  el.removeAttribute('aria-describedby')
   popover.classList.remove('show')
   setTimeout(() => {
     popover.remove()
   }, 300)
 }
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const togglePopoverElement = (popover: HTMLDivElement, el: HTMLElement, popperOptions: any) => {
+const togglePopoverElement = (
+  el: HTMLElement,
+  popover: HTMLDivElement,
+  popperOptions: Partial<Options>,
+  uID: string,
+) => {
   const popperElement = document.getElementById(popover.id)
   if (popperElement && popperElement.classList.contains('show')) {
-    removePopoverElement(popover)
+    removePopoverElement(el, popover)
     return
   }
-  addPopoverElement(popover, el, popperOptions)
+  addPopoverElement(el, popover, popperOptions, uID)
 }
 
 export default {
@@ -65,30 +77,30 @@ export default {
       ],
     }
 
-    const popoverUID = getUID('popover')
-    binding.arg = popoverUID
-    const popover = createPopoverElement(popoverUID, header, content)
+    const uID = getUID('popover')
+    binding.arg = uID
+    const popover = createPopoverElement(uID, header, content)
 
     trigger.includes('click') &&
       el.addEventListener('click', () => {
-        togglePopoverElement(popover, el, popperOptions)
+        togglePopoverElement(el, popover, popperOptions, uID)
       })
 
     if (trigger.includes('focus')) {
       el.addEventListener('focus', () => {
-        addPopoverElement(popover, el, popperOptions)
+        addPopoverElement(el, popover, popperOptions, uID)
       })
       el.addEventListener('blur', () => {
-        removePopoverElement(popover)
+        removePopoverElement(el, popover)
       })
     }
 
     if (trigger.includes('hover')) {
       el.addEventListener('mouseenter', () => {
-        addPopoverElement(popover, el, popperOptions)
+        addPopoverElement(el, popover, popperOptions, uID)
       })
       el.addEventListener('mouseleave', () => {
-        removePopoverElement(popover)
+        removePopoverElement(el, popover)
       })
     }
   },
diff --git a/packages/docs/components/popover.md b/packages/docs/components/popover.md
index bd8b6f30..0fcf964a 100644
--- a/packages/docs/components/popover.md
+++ b/packages/docs/components/popover.md
@@ -11,15 +11,15 @@ other_frameworks: popover
 
 ::: demo
 <CPopover title="Popover title" content="And here\’s some amazing content. It’s very engaging. Right?" placement="right">
-  <template #toggler="{ on }">
-    <CButton color="danger" size="lg" v-on="on">Click to toggle popover</CButton>
+  <template #toggler="{ id, on }">
+    <CButton color="danger" size="lg" :aria-describedby="id" v-on="on">Click to toggle popover</CButton>
   </template>
 </CPopover>
 :::
 ```vue
 <CPopover title="Popover title" content="And here\’s some amazing content. It’s very engaging. Right?" placement="right">
-  <template #toggler="{ on }">
-    <CButton color="danger" size="lg" v-on="on">Click to toggle popover</CButton>
+  <template #toggler="{ id, on }">
+    <CButton color="danger" size="lg" :aria-describedby="id" v-on="on">Click to toggle popover</CButton>
   </template>
 </CPopover>
 ```
@@ -41,45 +41,45 @@ Four options are available: top, right, bottom, and left aligned. Directions are
 
 ::: demo
 <CPopover content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus" placement="top">
-  <template #toggler="{ on }">
-    <CButton color="secondary" v-on="on">Popover on top</CButton>
+  <template #toggler="{ id, on }">
+    <CButton color="secondary" :aria-describedby="id" v-on="on">Popover on top</CButton>
   </template>
 </CPopover>
 <CPopover content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus" placement="right">
-  <template #toggler="{ on }">
-    <CButton color="secondary" v-on="on">Popover on right</CButton>
+  <template #toggler="{ id, on }">
+    <CButton color="secondary" :aria-describedby="id" v-on="on">Popover on right</CButton>
   </template>
 </CPopover>
 <CPopover content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus" placement="bottom">
-  <template #toggler="{ on }">
-    <CButton color="secondary" v-on="on">Popover on bottom</CButton>
+  <template #toggler="{ id, on }">
+    <CButton color="secondary" :aria-describedby="id" v-on="on">Popover on bottom</CButton>
   </template>
 </CPopover>
 <CPopover content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus" placement="left">
-  <template #toggler="{ on }">
-    <CButton color="secondary" v-on="on">Popover on left</CButton>
+  <template #toggler="{ id, on }">
+    <CButton color="secondary" :aria-describedby="id" v-on="on">Popover on left</CButton>
   </template>
 </CPopover>
 :::
 ```vue
 <CPopover content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus" placement="top">
-  <template #toggler="{ on }">
-    <CButton color="secondary" v-on="on">Popover on top</CButton>
+  <template #toggler="{ id, on }">
+    <CButton color="secondary" :aria-describedby="id" v-on="on">Popover on top</CButton>
   </template>
 </CPopover>
 <CPopover content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus" placement="right">
-  <template #toggler="{ on }">
-    <CButton color="secondary" v-on="on">Popover on right</CButton>
+  <template #toggler="{ id, on }">
+    <CButton color="secondary" :aria-describedby="id" v-on="on">Popover on right</CButton>
   </template>
 </CPopover>
 <CPopover content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus" placement="bottom">
-  <template #toggler="{ on }">
-    <CButton color="secondary" v-on="on">Popover on bottom</CButton>
+  <template #toggler="{ id, on }">
+    <CButton color="secondary" :aria-describedby="id" v-on="on">Popover on bottom</CButton>
   </template>
 </CPopover>
 <CPopover content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus" placement="left">
-  <template #toggler="{ on }">
-    <CButton color="secondary" v-on="on">Popover on left</CButton>
+  <template #toggler="{ id, on }">
+    <CButton color="secondary" :aria-describedby="id" v-on="on">Popover on left</CButton>
   </template>
 </CPopover>
 ```
@@ -110,8 +110,8 @@ You can customize the appearance of popovers using [CSS variables](#css-variable
   title="Custom popover"
   :style="customPopoverStyle"
 >
-  <template #toggler="{ on }">
-    <CButton color="secondary" v-on="on">Custom popover</CButton>
+  <template #toggler="{ id, on }">
+    <CButton color="secondary" :aria-describedby="id" v-on="on">Custom popover</CButton>
   </template>
 </CPopover>
 :::
@@ -123,8 +123,8 @@ You can customize the appearance of popovers using [CSS variables](#css-variable
     title="Custom popover"
     :style="customPopoverStyle"
   >
-    <template #toggler="{ on }">
-      <CButton color="secondary" v-on="on">Custom popover</CButton>
+    <template #toggler="{ id, on }">
+      <CButton color="secondary" :aria-describedby="id" v-on="on">Custom popover</CButton>
     </template>
   </CPopover>
 </template>
@@ -160,8 +160,8 @@ For disabled popover triggers, you may also prefer `:trigger="['hover', 'focus']
   placement="right"
   :trigger="['hover', 'focus']"
 >
-  <template #toggler="{ on }">
-    <span class="d-inline-block" :tabindex="0" v-on="on">
+  <template #toggler="{ id, on }">
+    <span class="d-inline-block" :tabindex="0" :aria-describedby="id" v-on="on">
       <CButton color="primary" disabled>Disabled button</CButton>
     </span>
   </template>
@@ -173,8 +173,8 @@ For disabled popover triggers, you may also prefer `:trigger="['hover', 'focus']
   placement="right"
   :trigger="['hover', 'focus']"
 >
-  <template #toggler="{ on }">
-    <span class="d-inline-block" :tabindex="0" v-on="on">
+  <template #toggler="{ id, on }">
+    <span class="d-inline-block" :tabindex="0" :aria-describedby="id" v-on="on">
       <CButton color="primary" disabled>Disabled button</CButton>
     </span>
   </template>

From 39118021273eab176080d3c271438942a2275d48 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Tue, 2 Jan 2024 17:52:45 +0100
Subject: [PATCH 249/346] refactor(CTooltip): improve accessibility

---
 .../src/components/tooltip/CTooltip.ts        | 11 ++++-
 .../coreui-vue/src/directives/v-c-tooltip.ts  | 42 ++++++++++------
 packages/docs/components/tooltip.md           | 48 +++++++++----------
 3 files changed, 60 insertions(+), 41 deletions(-)

diff --git a/packages/coreui-vue/src/components/tooltip/CTooltip.ts b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
index 7e55964d..1f26e1ed 100644
--- a/packages/coreui-vue/src/components/tooltip/CTooltip.ts
+++ b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
@@ -1,11 +1,11 @@
-import { defineComponent, h, PropType, ref, RendererElement, Transition } from 'vue'
+import { defineComponent, h, onMounted, PropType, ref, RendererElement, Transition } from 'vue'
 import type { Placement } from '@popperjs/core'
 
 import { CConditionalTeleport } from '../conditional-teleport'
 import { usePopper } from '../../composables'
 import type { Placements, Triggers } from '../../types'
 import { executeAfterTransition } from '../../utils/transition'
-import { getRTLPlacement } from '../../utils'
+import { getRTLPlacement, getUID } from '../../utils'
 
 const CTooltip = defineComponent({
   name: 'CTooltip',
@@ -113,6 +113,7 @@ const CTooltip = defineComponent({
   setup(props, { attrs, slots, emit }) {
     const togglerRef = ref()
     const tooltipRef = ref()
+    const uID = ref()
     const visible = ref(props.visible)
     const { initPopper, destroyPopper } = usePopper()
 
@@ -143,6 +144,10 @@ const CTooltip = defineComponent({
       placement: getRTLPlacement(props.placement, togglerRef.value),
     }
 
+    onMounted(() => {
+      uID.value = getUID('tooltip')
+    })
+
     const handleEnter = (el: RendererElement, done: () => void) => {
       emit('show')
       initPopper(togglerRef.value, tooltipRef.value, popperConfig)
@@ -202,6 +207,7 @@ const CTooltip = defineComponent({
                       },
                       attrs.class,
                     ],
+                    id: uID.value,
                     ref: tooltipRef,
                     role: 'tooltip',
                   },
@@ -222,6 +228,7 @@ const CTooltip = defineComponent({
       ),
       slots.toggler &&
         slots.toggler({
+          id: visible.value ? uID.value : null,
           on: {
             click: (event: Event) =>
               props.trigger.includes('click') && toggleVisible(event, !visible.value),
diff --git a/packages/coreui-vue/src/directives/v-c-tooltip.ts b/packages/coreui-vue/src/directives/v-c-tooltip.ts
index 20b0c09d..50903711 100644
--- a/packages/coreui-vue/src/directives/v-c-tooltip.ts
+++ b/packages/coreui-vue/src/directives/v-c-tooltip.ts
@@ -1,6 +1,8 @@
 import { DirectiveBinding } from 'vue'
 import { createPopper } from '@popperjs/core'
 
+import type { Options } from '@popperjs/core'
+
 import { getUID } from '../utils'
 
 const createTooltipElement = (id: string, content: string): HTMLDivElement => {
@@ -13,8 +15,13 @@ const createTooltipElement = (id: string, content: string): HTMLDivElement => {
   return tooltip
 }
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const addTooltipElement = (tooltip: HTMLDivElement, el: HTMLElement, popperOptions: any) => {
+const addTooltipElement = (
+  el: HTMLElement,
+  tooltip: HTMLDivElement,
+  popperOptions: Partial<Options>,
+  uID: string,
+) => {
+  el.setAttribute('aria-describedby', uID)
   document.body.appendChild(tooltip)
   createPopper(el, tooltip, popperOptions)
   setTimeout(() => {
@@ -22,21 +29,26 @@ const addTooltipElement = (tooltip: HTMLDivElement, el: HTMLElement, popperOptio
   }, 1)
 }
 
-const removeTooltipElement = (tooltip: HTMLDivElement) => {
+const removeTooltipElement = (el: HTMLElement, tooltip: HTMLDivElement) => {
+  el.removeAttribute('aria-describedby')
   tooltip.classList.remove('show')
   setTimeout(() => {
     tooltip.remove()
   }, 300)
 }
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const toggleTooltipElement = (tooltip: HTMLDivElement, el: HTMLElement, popperOptions: any) => {
+const toggleTooltipElement = (
+  el: HTMLElement,
+  tooltip: HTMLDivElement,
+  popperOptions: Partial<Options>,
+  uID: string,
+) => {
   const popperElement = document.getElementById(tooltip.id)
   if (popperElement && popperElement.classList.contains('show')) {
-    removeTooltipElement(tooltip)
+    removeTooltipElement(el, tooltip)
     return
   }
-  addTooltipElement(tooltip, el, popperOptions)
+  addTooltipElement(el, tooltip, popperOptions, uID)
 }
 
 export default {
@@ -62,30 +74,30 @@ export default {
       ],
     }
 
-    const tooltipUID = getUID('tooltip')
-    binding.arg = tooltipUID
-    const tooltip = createTooltipElement(tooltipUID, content)
+    const uID = getUID('tooltip')
+    binding.arg = uID
+    const tooltip = createTooltipElement(uID, content)
 
     trigger.includes('click') &&
       el.addEventListener('click', () => {
-        toggleTooltipElement(tooltip, el, popperOptions)
+        toggleTooltipElement(el, tooltip, popperOptions, uID)
       })
 
     if (trigger.includes('focus')) {
       el.addEventListener('focus', () => {
-        addTooltipElement(tooltip, el, popperOptions)
+        addTooltipElement(el, tooltip, popperOptions, uID)
       })
       el.addEventListener('blur', () => {
-        removeTooltipElement(tooltip)
+        removeTooltipElement(el, tooltip)
       })
     }
 
     if (trigger.includes('hover')) {
       el.addEventListener('mouseenter', () => {
-        addTooltipElement(tooltip, el, popperOptions)
+        addTooltipElement(el, tooltip, popperOptions, uID)
       })
       el.addEventListener('mouseleave', () => {
-        removeTooltipElement(tooltip)
+        removeTooltipElement(el, tooltip)
       })
     }
   },
diff --git a/packages/docs/components/tooltip.md b/packages/docs/components/tooltip.md
index d7b5c411..52a00c1d 100644
--- a/packages/docs/components/tooltip.md
+++ b/packages/docs/components/tooltip.md
@@ -56,45 +56,45 @@ Hover over the buttons below to see the four tooltips directions: top, right, bo
 
 ::: demo
 <CTooltip content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus" placement="top">
-  <template #toggler="{ on }">
-    <CButton color="secondary" v-on="on">Tooltip on top</CButton>
+  <template #toggler="{ id, on }">
+    <CButton color="secondary" :aria-describedby="id" v-on="on">Tooltip on top</CButton>
   </template>
 </CTooltip>
 <CTooltip content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus" placement="right">
-  <template #toggler="{ on }">
-    <CButton color="secondary" v-on="on">Tooltip on right</CButton>
+  <template #toggler="{ id, on }">
+    <CButton color="secondary" :aria-describedby="id" v-on="on">Tooltip on right</CButton>
   </template>
 </CTooltip>
 <CTooltip content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus" placement="bottom">
-  <template #toggler="{ on }">
-    <CButton color="secondary" v-on="on">Tooltip on bottom</CButton>
+  <template #toggler="{ id, on }">
+    <CButton color="secondary" :aria-describedby="id" v-on="on">Tooltip on bottom</CButton>
   </template>
 </CTooltip>
 <CTooltip content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus" placement="left">
-  <template #toggler="{ on }">
-    <CButton color="secondary" v-on="on">Tooltip on left</CButton>
+  <template #toggler="{ id, on }">
+    <CButton color="secondary" :aria-describedby="id" v-on="on">Tooltip on left</CButton>
   </template>
 </CTooltip>
 :::
 ```vue
 <CTooltip content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus" placement="top">
-  <template #toggler="{ on }">
-    <CButton color="secondary" v-on="on">Tooltip on top</CButton>
+  <template #toggler="{ id, on }">
+    <CButton color="secondary" :aria-describedby="id" v-on="on">Tooltip on top</CButton>
   </template>
 </CTooltip>
 <CTooltip content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus" placement="right">
-  <template #toggler="{ on }">
-    <CButton color="secondary" v-on="on">Tooltip on right</CButton>
+  <template #toggler="{ id, on }">
+    <CButton color="secondary" :aria-describedby="id" v-on="on">Tooltip on right</CButton>
   </template>
 </CTooltip>
 <CTooltip content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus" placement="bottom">
-  <template #toggler="{ on }">
-    <CButton color="secondary" v-on="on">Tooltip on bottom</CButton>
+  <template #toggler="{ id, on }">
+    <CButton color="secondary" :aria-describedby="id" v-on="on">Tooltip on bottom</CButton>
   </template>
 </CTooltip>
 <CTooltip content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus" placement="left">
-  <template #toggler="{ on }">
-    <CButton color="secondary" v-on="on">Tooltip on left</CButton>
+  <template #toggler="{ id, on }">
+    <CButton color="secondary" :aria-describedby="id" v-on="on">Tooltip on left</CButton>
   </template>
 </CTooltip>
 ```
@@ -124,8 +124,8 @@ You can customize the appearance of tooltips using [CSS variables](#css-variable
   placement="top"
   :style="customTooltipStyle"
 >
-  <template #toggler="{ on }">
-    <CButton color="secondary" v-on="on">Custom popover</CButton>
+  <template #toggler="{ id, on }">
+    <CButton color="secondary" :aria-describedby="id" v-on="on">Custom popover</CButton>
   </template>
 </CTooltip>
 :::
@@ -136,8 +136,8 @@ You can customize the appearance of tooltips using [CSS variables](#css-variable
     placement="top"
     :style="customTooltipStyle"
   >
-    <template #toggler="{ on }">
-      <CButton color="secondary" v-on="on">Custom popover</CButton>
+    <template #toggler="{ id, on }">
+      <CButton color="secondary" :aria-describedby="id" v-on="on">Custom popover</CButton>
     </template>
   </CTooltip>
 </template>
@@ -162,8 +162,8 @@ Elements with the disabled attribute aren’t interactive, meaning users cannot
 
 :::demo
 <CTooltip content="Disabled tooltip">
-  <template #toggler="{ on }">
-    <span class="d-inline-block" :tabindex="0" v-on="on">
+  <template #toggler="{ id, on }">
+    <span class="d-inline-block" :tabindex="0" :aria-describedby="id" v-on="on">
       <CButton color="primary" disabled>Disabled button</CButton>
     </span>
   </template>
@@ -171,8 +171,8 @@ Elements with the disabled attribute aren’t interactive, meaning users cannot
 :::
 ```vue
 <CTooltip content="Disabled tooltip">
-  <template #toggler="{ on }">
-    <span class="d-inline-block" :tabindex="0" v-on="on">
+  <template #toggler="{ id, on }">
+    <span class="d-inline-block" :tabindex="0" :aria-describedby="id" v-on="on">
       <CButton color="primary" disabled>Disabled button</CButton>
     </span>
   </template>

From d1884b9c1c8990b7fdd70e9ae3bd0165c24b7a8e Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Tue, 2 Jan 2024 17:55:33 +0100
Subject: [PATCH 250/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@typescript-eslint/eslint-plugin  ^6.11.0  →  ^6.17.0
@typescript-eslint/parser         ^6.11.0  →  ^6.17.0
@vue/eslint-config-prettier        ^8.0.0  →   ^9.0.0
eslint                             8.53.0  →   8.56.0
eslint-config-prettier             ^9.0.0  →   ^9.1.0
eslint-plugin-prettier             ^5.0.1  →   ^5.1.2
eslint-plugin-unicorn             ^49.0.0  →  ^50.0.1
eslint-plugin-vue                 ^9.18.1  →  ^9.19.2
lerna                              ^7.4.2  →   ^8.0.1
prettier                           ^3.1.0  →   ^3.1.1
---
 package.json | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/package.json b/package.json
index 6d1ddb62..2089686c 100644
--- a/package.json
+++ b/package.json
@@ -22,18 +22,18 @@
     "test:update": "npm-run-all charts:test:update icons:test:update lib:test:update"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^6.11.0",
-    "@typescript-eslint/parser": "^6.11.0",
-    "@vue/eslint-config-prettier": "^8.0.0",
+    "@typescript-eslint/eslint-plugin": "^6.17.0",
+    "@typescript-eslint/parser": "^6.17.0",
+    "@vue/eslint-config-prettier": "^9.0.0",
     "@vue/eslint-config-typescript": "^12.0.0",
     "@vue/vue3-jest": "29.2.6",
-    "eslint": "8.53.0",
-    "eslint-plugin-prettier": "^5.0.1",
-    "eslint-plugin-vue": "^9.18.1",
-    "eslint-config-prettier": "^9.0.0",
-    "eslint-plugin-unicorn": "^49.0.0",
-    "lerna": "^7.4.2",
+    "eslint": "8.56.0",
+    "eslint-plugin-prettier": "^5.1.2",
+    "eslint-plugin-vue": "^9.19.2",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-unicorn": "^50.0.1",
+    "lerna": "^8.0.1",
     "npm-run-all": "^4.1.5",
-    "prettier": "^3.1.0"
+    "prettier": "^3.1.1"
   }
 }

From 52846e4a35683e14ba4ad13729b4dbce4426da0d Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Tue, 2 Jan 2024 17:57:03 +0100
Subject: [PATCH 251/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@coreui/coreui  ^5.0.0-rc.0  →  ^5.0.0-rc.1
@types/jest         ^29.5.8  →     ^29.5.11
@vue/test-utils      ^2.4.2  →       ^2.4.3
rollup               ^4.4.1  →       ^4.9.2
typescript           ^5.2.2  →       ^5.3.3
vue                  ^3.3.8  →       ^3.4.3
---
 packages/coreui-vue/package.json | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index b72da2a7..d9495c62 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -41,24 +41,24 @@
     "test:update": "jest --coverage --updateSnapshot"
   },
   "dependencies": {
-    "@coreui/coreui": "^5.0.0-rc.0",
+    "@coreui/coreui": "^5.0.0-rc.1",
     "@popperjs/core": "^2.11.8"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-typescript": "^11.1.5",
-    "@types/jest": "^29.5.8",
-    "@vue/test-utils": "^2.4.2",
+    "@types/jest": "^29.5.11",
+    "@vue/test-utils": "^2.4.3",
     "@vue/vue3-jest": "29.2.6",
     "cross-env": "^7.0.3",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "rollup": "^4.4.1",
+    "rollup": "^4.9.2",
     "rollup-plugin-vue": "^6.0.0",
     "ts-jest": "^29.1.1",
-    "typescript": "^5.2.2",
-    "vue": "^3.3.8",
+    "typescript": "^5.3.3",
+    "vue": "^3.4.3",
     "vue-types": "^5.1.1"
   },
   "peerDependencies": {

From e00ec81c2f2d18efcb47dbae313d220b68acf4c4 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Tue, 2 Jan 2024 18:02:52 +0100
Subject: [PATCH 252/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@coreui/coreui                          ^5.0.0-rc.0  →  ^5.0.0-rc.1
@vuepress/plugin-register-components  2.0.0-beta.68  →   2.0.0-rc.0
@vuepress/plugin-toc                  2.0.0-beta.68  →   2.0.0-rc.0
vuepress                              2.0.0-beta.68  →   2.0.0-rc.0
---
 packages/docs/package.json | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/docs/package.json b/packages/docs/package.json
index 1a1eb556..5da9ef7d 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -9,17 +9,17 @@
   "license": "MIT",
   "devDependencies": {
     "@coreui/chartjs": "^4.0.0-rc.0",
-    "@coreui/coreui": "^5.0.0-rc.0",
+    "@coreui/coreui": "^5.0.0-rc.1",
     "@coreui/icons": "^3.0.1",
     "@coreui/icons-vue": "^2.0.0",
     "@coreui/utils": "^2.0.2",
     "@coreui/vue-chartjs": "^3.0.0-rc.0",
     "@docsearch/css": "^3.5.2",
     "@docsearch/js": "^3.5.2",
-    "@vuepress/plugin-register-components": "2.0.0-beta.68",
-    "@vuepress/plugin-toc": "2.0.0-beta.68",
+    "@vuepress/plugin-register-components": "2.0.0-rc.0",
+    "@vuepress/plugin-toc": "2.0.0-rc.0",
     "markdown-it-include": "^2.0.0",
     "vue-docgen-cli": "^4.67.0",
-    "vuepress": "2.0.0-beta.68"
+    "vuepress": "2.0.0-rc.0"
   }
 }

From 402b262dbb8f362f923e2c68fb5aa651d218ecf7 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Tue, 2 Jan 2024 19:04:28 +0100
Subject: [PATCH 253/346] docs: update the year

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index ccf1caa1..daccefe7 100644
--- a/README.md
+++ b/README.md
@@ -226,4 +226,4 @@ CoreUI is an MIT-licensed open source project and is completely free to use. How
 
 ## Copyright and license
 
-Copyright 2023 creativeLabs Łukasz Holeczek. Code released under the [MIT License](https://github.com/coreui/coreui-vue/blob/main/LICENSE). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/).
+Copyright 2024 creativeLabs Łukasz Holeczek. Code released under the [MIT License](https://github.com/coreui/coreui-vue/blob/main/LICENSE). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/).

From b65093d2eea42f0fae005129b53a16e2684319ae Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Tue, 2 Jan 2024 19:54:22 +0100
Subject: [PATCH 254/346] release: v5.0.0-rc.1

---
 README.md                                                     | 2 +-
 lerna.json                                                    | 2 +-
 packages/coreui-vue/package.json                              | 2 +-
 .../components/conditional-teleport/CConditionalTeleport.ts   | 2 +-
 packages/coreui-vue/src/components/dropdown/CDropdown.ts      | 4 ++--
 .../coreui-vue/src/components/dropdown/CDropdownToggle.ts     | 2 +-
 packages/coreui-vue/src/components/modal/CModal.ts            | 2 +-
 packages/coreui-vue/src/components/popover/CPopover.ts        | 2 +-
 packages/coreui-vue/src/components/progress/CProgress.ts      | 2 +-
 packages/coreui-vue/src/components/tooltip/CTooltip.ts        | 2 +-
 .../docs/api/conditional-teleport/CConditionalTeleport.api.md | 2 +-
 packages/docs/api/dropdown/CDropdown.api.md                   | 4 ++--
 packages/docs/api/dropdown/CDropdownToggle.api.md             | 2 +-
 packages/docs/api/modal/CModal.api.md                         | 2 +-
 packages/docs/api/popover/CPopover.api.md                     | 2 +-
 packages/docs/api/progress/CProgress.api.md                   | 2 +-
 packages/docs/api/tooltip/CTooltip.api.md                     | 2 +-
 packages/docs/package.json                                    | 2 +-
 18 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/README.md b/README.md
index daccefe7..e57961c8 100644
--- a/README.md
+++ b/README.md
@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.0.0-rc.0.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.0.0-rc.1.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue`
diff --git a/lerna.json b/lerna.json
index 7aa00b6e..fed1a749 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,6 +1,6 @@
 {
   "npmClient": "yarn",
   "packages": ["packages/*"],
-  "version": "5.0.0-rc.0",
+  "version": "5.0.0-rc.1",
   "$schema": "node_modules/lerna/schemas/lerna-schema.json"
 }
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index d9495c62..21af3e3c 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue",
-  "version": "5.0.0-rc.0",
+  "version": "5.0.0-rc.1",
   "description": "UI Components Library for Vue.js",
   "keywords": [
     "vue",
diff --git a/packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts b/packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts
index c380866a..22207486 100644
--- a/packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts
+++ b/packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts
@@ -16,7 +16,7 @@ const CConditionalTeleport = defineComponent({
     /**
      * An HTML element or function that returns a single element, with `document.body` as the default.
      *
-     * @since v5.0.0-rc.0
+     * @since v5.0.0-rc.1
      */
     container: {
       type: [Object, String] as PropType<HTMLElement | (() => HTMLElement) | string>,
diff --git a/packages/coreui-vue/src/components/dropdown/CDropdown.ts b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
index bf4dc8f3..b1eb9200 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdown.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
@@ -62,7 +62,7 @@ const CDropdown = defineComponent({
     /**
      * Appends the vue dropdown menu to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
      *
-     * @since v5.0.0-rc.0
+     * @since v5.0.0-rc.1
      */
     container: {
       type: [Object, String] as PropType<HTMLElement | (() => HTMLElement) | string>,
@@ -115,7 +115,7 @@ const CDropdown = defineComponent({
     /**
      * Generates dropdown menu using Teleport.
      *
-     * @since v5.0.0-rc.0
+     * @since v5.0.0-rc.1
      */
     teleport: {
       type: Boolean,
diff --git a/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts b/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
index 55eec579..10b7f85a 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
@@ -49,7 +49,7 @@ const CDropdownToggle = defineComponent({
     /**
      * If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.
      *
-     * @since v5.0.0-rc.0
+     * @since v5.0.0-rc.1
      */
     navLink: {
       type: Boolean,
diff --git a/packages/coreui-vue/src/components/modal/CModal.ts b/packages/coreui-vue/src/components/modal/CModal.ts
index af05a0ca..50a0a570 100644
--- a/packages/coreui-vue/src/components/modal/CModal.ts
+++ b/packages/coreui-vue/src/components/modal/CModal.ts
@@ -54,7 +54,7 @@ const CModal = defineComponent({
     /**
      * Puts the focus on the modal when shown.
      *
-     * @since v5.0.0-rc.0
+     * @since v5.0.0-rc.1
      */
     focus: {
       type: Boolean,
diff --git a/packages/coreui-vue/src/components/popover/CPopover.ts b/packages/coreui-vue/src/components/popover/CPopover.ts
index a173ba37..5dc24bfd 100644
--- a/packages/coreui-vue/src/components/popover/CPopover.ts
+++ b/packages/coreui-vue/src/components/popover/CPopover.ts
@@ -23,7 +23,7 @@ const CPopover = defineComponent({
     /**
      * Appends the vue popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
      *
-     * @since v5.0.0-rc.0
+     * @since v5.0.0-rc.1
      */
     container: {
       type: [Object, String] as PropType<HTMLElement | (() => HTMLElement) | string>,
diff --git a/packages/coreui-vue/src/components/progress/CProgress.ts b/packages/coreui-vue/src/components/progress/CProgress.ts
index 82613fd0..ad67b183 100644
--- a/packages/coreui-vue/src/components/progress/CProgress.ts
+++ b/packages/coreui-vue/src/components/progress/CProgress.ts
@@ -23,7 +23,7 @@ const CProgress = defineComponent({
     /**
      * A string of all className you want applied to the <CProgressBar/> component.
      *
-     * @since 5.0.0-rc.0
+     * @since 5.0.0-rc.1
      */
     progressBarClassName: String,
     /**
diff --git a/packages/coreui-vue/src/components/tooltip/CTooltip.ts b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
index 1f26e1ed..1b0da318 100644
--- a/packages/coreui-vue/src/components/tooltip/CTooltip.ts
+++ b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
@@ -23,7 +23,7 @@ const CTooltip = defineComponent({
     /**
      * Appends the vue tooltip to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
      *
-     * @since v5.0.0-rc.0
+     * @since v5.0.0-rc.1
      */
     container: {
       type: [Object, String] as PropType<HTMLElement | (() => HTMLElement) | string>,
diff --git a/packages/docs/api/conditional-teleport/CConditionalTeleport.api.md b/packages/docs/api/conditional-teleport/CConditionalTeleport.api.md
index fd00e22d..b9dafcef 100644
--- a/packages/docs/api/conditional-teleport/CConditionalTeleport.api.md
+++ b/packages/docs/api/conditional-teleport/CConditionalTeleport.api.md
@@ -10,5 +10,5 @@ import CConditionalTeleport from '@coreui/vue/src/components/conditional-telepor
 
 | Prop name                                                          | Description                                                                                     | Type                                         | Values | Default |
 | ------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------- | -------------------------------------------- | ------ | ------- |
-| **container** <br><div class="badge bg-primary">v5.0.0-rc.0+</div> | An HTML element or function that returns a single element, with `document.body` as the default. | HTMLElement \| (() => HTMLElement) \| string | -      | 'body'  |
+| **container** <br><div class="badge bg-primary">v5.0.0-rc.1+</div> | An HTML element or function that returns a single element, with `document.body` as the default. | HTMLElement \| (() => HTMLElement) \| string | -      | 'body'  |
 | **teleport**                                                       | Render some children into a different part of the DOM                                           | boolean                                      | -      | true    |
diff --git a/packages/docs/api/dropdown/CDropdown.api.md b/packages/docs/api/dropdown/CDropdown.api.md
index 1c053c79..76a88d7a 100644
--- a/packages/docs/api/dropdown/CDropdown.api.md
+++ b/packages/docs/api/dropdown/CDropdown.api.md
@@ -12,14 +12,14 @@ import CDropdown from '@coreui/vue/src/components/dropdown/CDropdown'
 | ------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- |
 | **alignment**                                                      | Set aligment of dropdown menu.                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | string \| Alignments                         | `{ 'start' \| 'end' \| { xs: 'start' \| 'end' } \| { sm: 'start' \| 'end' } \| { md: 'start' \| 'end' } \| { lg: 'start' \| 'end' } \| { xl: 'start' \| 'end'} \| { xxl: 'start' \| 'end'} }` | -              |
 | **auto-close**                                                     | Configure the auto close behavior of the dropdown:<br>- `true` - the dropdown will be closed by clicking outside or inside the dropdown menu.<br>- `false` - the dropdown will be closed by clicking the toggle button and manually calling hide or toggle method. (Also will not be closed by pressing esc key)<br>- `'inside'` - the dropdown will be closed (only) by clicking inside the dropdown menu.<br>- `'outside'` - the dropdown will be closed (only) by clicking outside the dropdown menu. | boolean\|string                              | -                                                                                                                                                                                             | true           |
-| **container** <br><div class="badge bg-primary">v5.0.0-rc.0+</div> | Appends the vue dropdown menu to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                                                                                                                                                                                                                                                                 | HTMLElement \| (() => HTMLElement) \| string | -                                                                                                                                                                                             | 'body'         |
+| **container** <br><div class="badge bg-primary">v5.0.0-rc.1+</div> | Appends the vue dropdown menu to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                                                                                                                                                                                                                                                                 | HTMLElement \| (() => HTMLElement) \| string | -                                                                                                                                                                                             | 'body'         |
 | **dark**                                                           | Sets a darker color scheme to match a dark navbar.                                                                                                                                                                                                                                                                                                                                                                                                                                                       | boolean                                      | -                                                                                                                                                                                             | -              |
 | **direction**                                                      | Sets a specified direction and location of the dropdown menu.                                                                                                                                                                                                                                                                                                                                                                                                                                            | string                                       | `'center'`, `'dropup'`, `'dropup-center'`, `'dropend'`, `'dropstart'`                                                                                                                         | -              |
 | **disabled**                                                       | Toggle the disabled state for the component.                                                                                                                                                                                                                                                                                                                                                                                                                                                             | boolean                                      | -                                                                                                                                                                                             | -              |
 | **offset** <br><div class="badge bg-primary">4.9.0+</div>          | Offset of the dropdown menu relative to its target.                                                                                                                                                                                                                                                                                                                                                                                                                                                      | array                                        | -                                                                                                                                                                                             | [0, 2]         |
 | **placement**                                                      | Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.                                                                                                                                                                                                                                                                                                                                     | Placement                                    | `'auto'`, `'top-end'`, `'top'`, `'top-start'`, `'bottom-end'`, `'bottom'`, `'bottom-start'`, `'right-start'`, `'right'`, `'right-end'`, `'left-start'`, `'left'`, `'left-end'`                | 'bottom-start' |
 | **popper**                                                         | If you want to disable dynamic positioning set this property to `true`.                                                                                                                                                                                                                                                                                                                                                                                                                                  | boolean                                      | -                                                                                                                                                                                             | true           |
-| **teleport** <br><div class="badge bg-primary">v5.0.0-rc.0+</div>  | Generates dropdown menu using Teleport.                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | boolean                                      | -                                                                                                                                                                                             | false          |
+| **teleport** <br><div class="badge bg-primary">v5.0.0-rc.1+</div>  | Generates dropdown menu using Teleport.                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | boolean                                      | -                                                                                                                                                                                             | false          |
 | **trigger**                                                        | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.                                                                                                                                                                                                                                                                                                                                                                                      | Triggers                                     | -                                                                                                                                                                                             | 'click'        |
 | **variant**                                                        | Set the dropdown variant to an btn-group, dropdown, input-group, and nav-item.                                                                                                                                                                                                                                                                                                                                                                                                                           | string                                       | `'btn-group'`, `'dropdown'`, `'input-group'`, `'nav-item'`                                                                                                                                    | 'btn-group'    |
 | **visible**                                                        | Toggle the visibility of dropdown menu component.                                                                                                                                                                                                                                                                                                                                                                                                                                                        | boolean                                      | -                                                                                                                                                                                             | -              |
diff --git a/packages/docs/api/dropdown/CDropdownToggle.api.md b/packages/docs/api/dropdown/CDropdownToggle.api.md
index d56d845a..3c2a2479 100644
--- a/packages/docs/api/dropdown/CDropdownToggle.api.md
+++ b/packages/docs/api/dropdown/CDropdownToggle.api.md
@@ -15,7 +15,7 @@ import CDropdownToggle from '@coreui/vue/src/components/dropdown/CDropdownToggle
 | **caret**                                                         | Enables pseudo element caret on toggler.                                                                                                                                                                      | boolean  | -                                                                                               | true     |
 | **custom**                                                        | Create a custom toggler which accepts any content.                                                                                                                                                            | boolean  | -                                                                                               | -        |
 | **disabled**                                                      | Toggle the disabled state for the component.                                                                                                                                                                  | boolean  | -                                                                                               | -        |
-| **nav-link** <br><div class="badge bg-primary">v5.0.0-rc.0+</div> | If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.                                                                                                           | boolean  | -                                                                                               | true     |
+| **nav-link** <br><div class="badge bg-primary">v5.0.0-rc.1+</div> | If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.                                                                                                           | boolean  | -                                                                                               | true     |
 | **size**                                                          | Size the component small or large.                                                                                                                                                                            | string   | `'sm'`, `'lg'`                                                                                  | -        |
 | **split**                                                         | Similarly, create split button dropdowns with virtually the same markup as single button dropdowns, but with the addition of `.dropdown-toggle-split` className for proper spacing around the dropdown caret. | boolean  | -                                                                                               | -        |
 | **trigger**                                                       | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.<br/>`@type` 'hover' \| 'focus' \| 'click'                                                 | Triggers | -                                                                                               | 'click'  |
diff --git a/packages/docs/api/modal/CModal.api.md b/packages/docs/api/modal/CModal.api.md
index ce921a67..238935f9 100644
--- a/packages/docs/api/modal/CModal.api.md
+++ b/packages/docs/api/modal/CModal.api.md
@@ -13,7 +13,7 @@ import CModal from '@coreui/vue/src/components/modal/CModal'
 | **alignment**                                                  | Align the modal in the center or top of the screen.                                                                                | string          | `'top'`, `'center'`                                | 'top'   |
 | **backdrop**                                                   | Apply a backdrop on body while offcanvas is open.                                                                                  | boolean\|string | `boolean \| 'static'`                              | true    |
 | **content-class-name**                                         | A string of all className you want applied to the modal content component.                                                         | string          | -                                                  | -       |
-| **focus** <br><div class="badge bg-primary">v5.0.0-rc.0+</div> | Puts the focus on the modal when shown.                                                                                            | boolean         | -                                                  | true    |
+| **focus** <br><div class="badge bg-primary">v5.0.0-rc.1+</div> | Puts the focus on the modal when shown.                                                                                            | boolean         | -                                                  | true    |
 | **fullscreen**                                                 | Set modal to covers the entire user viewport                                                                                       | boolean\|string | `boolean`, `'sm'`, `'md'`, `'lg'`, `'xl'`, `'xxl'` | -       |
 | **keyboard**                                                   | Closes the modal when escape key is pressed.                                                                                       | boolean         | -                                                  | true    |
 | **scrollable**                                                 | Create a scrollable modal that allows scrolling the modal body.                                                                    | boolean         | -                                                  | -       |
diff --git a/packages/docs/api/popover/CPopover.api.md b/packages/docs/api/popover/CPopover.api.md
index 69d234a4..bdcc1d81 100644
--- a/packages/docs/api/popover/CPopover.api.md
+++ b/packages/docs/api/popover/CPopover.api.md
@@ -11,7 +11,7 @@ import CPopover from '@coreui/vue/src/components/popover/CPopover'
 | Prop name                                                              | Description                                                                                                                                                                                                                                                     | Type                                         | Values                          | Default                                  |
 | ---------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | ------------------------------- | ---------------------------------------- |
 | **animation** <br><div class="badge bg-primary">4.9.0+</div>           | Apply a CSS fade transition to the popover.                                                                                                                                                                                                                     | boolean                                      | -                               | true                                     |
-| **container** <br><div class="badge bg-primary">v5.0.0-rc.0+</div>     | Appends the vue popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                              | HTMLElement \| (() => HTMLElement) \| string | -                               | 'body'                                   |
+| **container** <br><div class="badge bg-primary">v5.0.0-rc.1+</div>     | Appends the vue popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                              | HTMLElement \| (() => HTMLElement) \| string | -                               | 'body'                                   |
 | **content**                                                            | Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`                                                                                                                                  | string                                       | -                               | -                                        |
 | **delay** <br><div class="badge bg-primary">4.9.0+</div>               | The delay for displaying and hiding the popover (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`. | number \| { show: number; hide: number }     | -                               | 0                                        |
 | **fallback-placements** <br><div class="badge bg-primary">4.9.0+</div> | Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.                                                                                                       | Placements \| Placements[]                   | -                               | () => ['top', 'right', 'bottom', 'left'] |
diff --git a/packages/docs/api/progress/CProgress.api.md b/packages/docs/api/progress/CProgress.api.md
index cd846ccb..cc4812ea 100644
--- a/packages/docs/api/progress/CProgress.api.md
+++ b/packages/docs/api/progress/CProgress.api.md
@@ -13,7 +13,7 @@ import CProgress from '@coreui/vue/src/components/progress/CProgress'
 | **animated**                                                                    | Use to animate the stripes right to left via CSS3 animations.                                                             | boolean | -                                                                                               | -       |
 | **color**                                                                       | Sets the color context of the component to one of CoreUI’s themed colors.                                                 | string  | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | -       |
 | **height**                                                                      | Sets the height of the component. If you set that value the inner `<CProgressBar>` will automatically resize accordingly. | number  | -                                                                                               | -       |
-| **progress-bar-class-name** <br><div class="badge bg-primary">5.0.0-rc.0+</div> | A string of all className you want applied to the <CProgressBar/> component.                                              | string  | -                                                                                               | -       |
+| **progress-bar-class-name** <br><div class="badge bg-primary">5.0.0-rc.1+</div> | A string of all className you want applied to the <CProgressBar/> component.                                              | string  | -                                                                                               | -       |
 | **thin**                                                                        | Makes progress bar thinner.                                                                                               | boolean | -                                                                                               | -       |
 | **value**                                                                       | The percent to progress the ProgressBar.                                                                                  | number  | -                                                                                               | 0       |
 | **variant**                                                                     | Set the progress bar variant to optional striped.                                                                         | string  | `'striped'`                                                                                     | -       |
diff --git a/packages/docs/api/tooltip/CTooltip.api.md b/packages/docs/api/tooltip/CTooltip.api.md
index 35ff42a9..4eb49c1a 100644
--- a/packages/docs/api/tooltip/CTooltip.api.md
+++ b/packages/docs/api/tooltip/CTooltip.api.md
@@ -11,7 +11,7 @@ import CTooltip from '@coreui/vue/src/components/tooltip/CTooltip'
 | Prop name                                                              | Description                                                                                                                                                                                                                                                     | Type                                         | Values                          | Default                                  |
 | ---------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | ------------------------------- | ---------------------------------------- |
 | **animation** <br><div class="badge bg-primary">4.9.0+</div>           | Apply a CSS fade transition to the tooltip.                                                                                                                                                                                                                     | boolean                                      | -                               | true                                     |
-| **container** <br><div class="badge bg-primary">v5.0.0-rc.0+</div>     | Appends the vue tooltip to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                              | HTMLElement \| (() => HTMLElement) \| string | -                               | 'body'                                   |
+| **container** <br><div class="badge bg-primary">v5.0.0-rc.1+</div>     | Appends the vue tooltip to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                              | HTMLElement \| (() => HTMLElement) \| string | -                               | 'body'                                   |
 | **content**                                                            | Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`                                                                                                                                  | string                                       | -                               | -                                        |
 | **delay** <br><div class="badge bg-primary">4.9.0+</div>               | The delay for displaying and hiding the popover (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`. | number \| { show: number; hide: number }     | -                               | 0                                        |
 | **fallback-placements** <br><div class="badge bg-primary">4.9.0+</div> | Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.                                                                                                       | Placements \| Placements[]                   | -                               | () => ['top', 'right', 'bottom', 'left'] |
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 5da9ef7d..d229be21 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue-docs",
-  "version": "5.0.0-rc.0",
+  "version": "5.0.0-rc.1",
   "scripts": {
     "api": "vue-docgen -c build/docgen.config.js",
     "dev": "vuepress dev --clean-cache",

From 8ee8286c5a2e09d88b43fca7f466970351d28f55 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Fri, 5 Jan 2024 12:06:19 +0100
Subject: [PATCH 255/346] fix(COffcanvas): allow passing attributes like class
 and style to the component

---
 packages/coreui-vue/src/components/offcanvas/COffcanvas.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts b/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts
index aeef53aa..5377fa72 100644
--- a/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts
+++ b/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts
@@ -7,6 +7,7 @@ import { executeAfterTransition } from '../../utils/transition'
 
 const COffcanvas = defineComponent({
   name: 'COffcanvas',
+  inheritAttrs: false,
   props: {
     /**
      * Apply a backdrop on body while offcanvas is open.
@@ -94,7 +95,7 @@ const COffcanvas = defineComponent({
      */
     'show',
   ],
-  setup(props, { slots, emit }) {
+  setup(props, { attrs, emit, slots }) {
     const offcanvasRef = ref()
     const visible = ref(props.visible)
 
@@ -175,6 +176,7 @@ const COffcanvas = defineComponent({
             h(
               'div',
               {
+                ...attrs,
                 class: [
                   {
                     [`offcanvas${
@@ -182,6 +184,7 @@ const COffcanvas = defineComponent({
                     }`]: props.responsive,
                     [`offcanvas-${props.placement}`]: props.placement,
                   },
+                  attrs.class,
                 ],
                 onKeydown: (event: KeyboardEvent) => handleKeyDown(event),
                 ref: offcanvasRef,

From d573dcd223f2b87747b6a03432eb0b79ae6bb26a Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Fri, 5 Jan 2024 12:32:41 +0100
Subject: [PATCH 256/346] docs: update content

---
 packages/docs/components/collapse.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/docs/components/collapse.md b/packages/docs/components/collapse.md
index 50d879bc..162b1a16 100644
--- a/packages/docs/components/collapse.md
+++ b/packages/docs/components/collapse.md
@@ -15,7 +15,7 @@ The collapse component is used to show and hide content. Buttons or anchors are
 You can use a link or a button component.
 
 ::: demo
-<CButton color="primary" href="#" @click="visible = !visible">Link</CButton>
+<CButton color="primary" href="#" @click.prevent="visible = !visible">Link</CButton>
 <CButton color="primary" @click="visible = !visible">Button</CButton>
 <CCollapse :visible="visible">
   <CCard class="mt-3">
@@ -29,7 +29,7 @@ You can use a link or a button component.
 :::
 ```vue
 <template>
-  <CButton color="primary" href="#" @click="visible = !visible">Link</CButton>
+  <CButton color="primary" href="#" @click.prevent="visible = !visible">Link</CButton>
   <CButton color="primary" @click="visible = !visible">Button</CButton>
   <CCollapse :visible="visible">
     <CCard class="mt-3">

From 92186d32e2ab50a1c2e850a4b1a308bb601c2266 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 7 Mar 2024 00:06:05 +0100
Subject: [PATCH 257/346] refactor(CBadge): update badge colors

---
 packages/coreui-vue/src/components/badge/CBadge.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/coreui-vue/src/components/badge/CBadge.ts b/packages/coreui-vue/src/components/badge/CBadge.ts
index 6fdfd798..18480ba4 100644
--- a/packages/coreui-vue/src/components/badge/CBadge.ts
+++ b/packages/coreui-vue/src/components/badge/CBadge.ts
@@ -61,7 +61,7 @@ const CBadge = defineComponent({
           class: [
             'badge',
             {
-              [`bg-${props.color}`]: props.color,
+              [`text-bg-${props.color}`]: props.color,
               'position-absolute translate-middle': props.position,
               'top-0': props.position && props.position.includes('top'),
               'top-100': props.position && props.position.includes('bottom'),

From 60899f7f499954c6116de86f69ed39dbeb80ee20 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Sun, 10 Mar 2024 11:18:27 +0100
Subject: [PATCH 258/346] Merge pull request #282 from
 gfoidl/accordion-active-item-key

Accordion watches for activeItemKey changes
---
 packages/coreui-vue/src/components/accordion/CAccordion.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/coreui-vue/src/components/accordion/CAccordion.ts b/packages/coreui-vue/src/components/accordion/CAccordion.ts
index 1422d40b..eee9a535 100644
--- a/packages/coreui-vue/src/components/accordion/CAccordion.ts
+++ b/packages/coreui-vue/src/components/accordion/CAccordion.ts
@@ -1,4 +1,4 @@
-import { defineComponent, h, provide, ref } from 'vue'
+import { defineComponent, h, provide, ref, watch } from 'vue'
 
 const CAccordion = defineComponent({
   name: 'CAccordion',
@@ -21,6 +21,9 @@ const CAccordion = defineComponent({
     const setActiveItemKey = (key: string | number) => {
       activeItemKey.value = key
     }
+    
+    watch(() => props.activeItemKey, value => activeItemKey.value = value)
+
     provide('activeItemKey', activeItemKey)
     provide('alwaysOpen', props.alwaysOpen)
     provide('setActiveItemKey', setActiveItemKey)

From 26ff1351ad0ffb74e9631a33087579bfad55a3ce Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 10 Mar 2024 11:40:15 +0100
Subject: [PATCH 259/346] style: format syntax

---
 packages/coreui-vue/src/components/accordion/CAccordion.ts | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/coreui-vue/src/components/accordion/CAccordion.ts b/packages/coreui-vue/src/components/accordion/CAccordion.ts
index eee9a535..639b5af2 100644
--- a/packages/coreui-vue/src/components/accordion/CAccordion.ts
+++ b/packages/coreui-vue/src/components/accordion/CAccordion.ts
@@ -21,8 +21,11 @@ const CAccordion = defineComponent({
     const setActiveItemKey = (key: string | number) => {
       activeItemKey.value = key
     }
-    
-    watch(() => props.activeItemKey, value => activeItemKey.value = value)
+
+    watch(
+      () => props.activeItemKey,
+      (value) => (activeItemKey.value = value),
+    )
 
     provide('activeItemKey', activeItemKey)
     provide('alwaysOpen', props.alwaysOpen)

From 54373f14ba439244c14d67f0b77fe6233cdb0001 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 10 Mar 2024 11:53:41 +0100
Subject: [PATCH 260/346] fix(CFormSwitch, CFormTextarea): class attribute
 values are not combining

---
 packages/coreui-vue/src/components/form/CFormSwitch.ts   | 1 +
 packages/coreui-vue/src/components/form/CFormTextarea.ts | 1 +
 2 files changed, 2 insertions(+)

diff --git a/packages/coreui-vue/src/components/form/CFormSwitch.ts b/packages/coreui-vue/src/components/form/CFormSwitch.ts
index a1c54a1e..6b75cd36 100644
--- a/packages/coreui-vue/src/components/form/CFormSwitch.ts
+++ b/packages/coreui-vue/src/components/form/CFormSwitch.ts
@@ -94,6 +94,7 @@ const CFormSwitch = defineComponent({
                 'is-invalid': props.invalid,
                 'is-valid': props.valid,
               },
+              attrs.class,
             ],
             id: props.id,
             onChange: (event: InputEvent) => handleChange(event),
diff --git a/packages/coreui-vue/src/components/form/CFormTextarea.ts b/packages/coreui-vue/src/components/form/CFormTextarea.ts
index 21fb3596..a953991d 100644
--- a/packages/coreui-vue/src/components/form/CFormTextarea.ts
+++ b/packages/coreui-vue/src/components/form/CFormTextarea.ts
@@ -133,6 +133,7 @@ const CFormTextarea = defineComponent({
                     'is-invalid': props.invalid,
                     'is-valid': props.valid,
                   },
+                  attrs.class,
                 ],
                 onChange: (event: InputEvent) => handleChange(event),
                 onInput: (event: InputEvent) => handleInput(event),

From 6dd629d4ddc40f4994bee63c42ed9699f5a18c87 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 10 Mar 2024 11:56:01 +0100
Subject: [PATCH 261/346] docs: update content

---
 packages/docs/forms/textarea.md | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/packages/docs/forms/textarea.md b/packages/docs/forms/textarea.md
index 558c1b20..b1361c63 100644
--- a/packages/docs/forms/textarea.md
+++ b/packages/docs/forms/textarea.md
@@ -15,13 +15,12 @@ other_frameworks: textarea
   text="Must be 8-20 words long."></CFormTextarea>
 :::
 ```vue
-<CForm>
-  <CFormTextarea
-    id="exampleFormControlTextarea1"
-    label="Example textarea"
-    rows="3"
-    text="Must be 8-20 words long."
-  ></CFormTextarea>
+<CFormTextarea
+  id="exampleFormControlTextarea1"
+  label="Example textarea"
+  rows="3"
+  text="Must be 8-20 words long."
+></CFormTextarea>
 </CForm>
 ```
 

From 5d337d61155270f95bb8a425d939ede0d4e9dddd Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 10 Mar 2024 12:19:46 +0100
Subject: [PATCH 262/346] fix(CFormCheck): the `checked` attribute is not
 working when `value` is set

---
 .../src/components/form/CFormCheck.ts         | 38 +++++++++----------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/packages/coreui-vue/src/components/form/CFormCheck.ts b/packages/coreui-vue/src/components/form/CFormCheck.ts
index ea044fba..fbdd26fd 100644
--- a/packages/coreui-vue/src/components/form/CFormCheck.ts
+++ b/packages/coreui-vue/src/components/form/CFormCheck.ts
@@ -189,7 +189,7 @@ const CFormCheck = defineComponent({
     const formControl = () => {
       return h('input', {
         ...attrs,
-        ...((props.modelValue || props.value) && { checked: isChecked.value }),
+        ...(props.modelValue && { checked: isChecked.value }),
         class: inputClassName,
         id: props.id,
         indeterminate: props.indeterminate,
@@ -236,26 +236,26 @@ const CFormCheck = defineComponent({
       props.button
         ? [formControl(), (slots.label || props.label) && formLabel(), formValidation()]
         : props.label
-        ? props.hitArea
-          ? [
-              h(
-                CFormLabel,
+          ? props.hitArea
+            ? [
+                h(
+                  CFormLabel,
+                  {
+                    customClassName: className,
+                    ...(props.id && { for: props.id }),
+                  },
+                  [formControl(), props.label],
+                ),
+                formValidation(),
+              ]
+            : h(
+                'div',
                 {
-                  customClassName: className,
-                  ...(props.id && { for: props.id }),
+                  class: className,
                 },
-                [formControl(), props.label],
-              ),
-              formValidation(),
-            ]
-          : h(
-              'div',
-              {
-                class: className,
-              },
-              [formControl(), props.label && formLabel(), formValidation()],
-            )
-        : formControl()
+                [formControl(), props.label && formLabel(), formValidation()],
+              )
+          : formControl()
   },
 })
 

From 5f75e9e793459596ef9210d19730c91d924d9070 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 10 Mar 2024 12:43:59 +0100
Subject: [PATCH 263/346] docs: update content

---
 packages/docs/forms/radio.md | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/docs/forms/radio.md b/packages/docs/forms/radio.md
index 90d93af2..938663c7 100644
--- a/packages/docs/forms/radio.md
+++ b/packages/docs/forms/radio.md
@@ -27,18 +27,18 @@ Add the `disabled` attribute and the associated `<label>`s are automatically sty
 ::: demo
 <CFormCheck type="radio" id="flexRadioVModel1" inline label="One" value="One" v-model="picked"/>
 <CFormCheck type="radio" id="flexRadioVModel2" inline label="Two" value="Two" v-model="picked"/>
-<CFormCheck type="radio" id="flexRadioVModel2" inline label="Three" value="Three" v-model="picked"/>
-<CFormCheck type="radio" id="flexRadioVModel2" inline label="Four" value="Four" v-model="picked"/>
-<CFormCheck type="radio" id="flexRadioVModel2" inline label="Five" value="Five" v-model="picked"/>
+<CFormCheck type="radio" id="flexRadioVModel3" inline label="Three" value="Three" v-model="picked"/>
+<CFormCheck type="radio" id="flexRadioVModel4" inline label="Four" value="Four" v-model="picked"/>
+<CFormCheck type="radio" id="flexRadioVModel5" inline label="Five" value="Five" v-model="picked"/>
 <div>Picked: {{ picked }}</div>
 :::
 ```vue
 <template>
   <CFormCheck type="radio" id="flexRadioVModel1" inline label="One" value="One" v-model="picked"/>
   <CFormCheck type="radio" id="flexRadioVModel2" inline label="Two" value="Two" v-model="picked"/>
-  <CFormCheck type="radio" id="flexRadioVModel2" inline label="Three" value="Three" v-model="picked"/>
-  <CFormCheck type="radio" id="flexRadioVModel2" inline label="Four" value="Four" v-model="picked"/>
-  <CFormCheck type="radio" id="flexRadioVModel2" inline label="Five" value="Five" v-model="picked"/>
+  <CFormCheck type="radio" id="flexRadioVModel3" inline label="Three" value="Three" v-model="picked"/>
+  <CFormCheck type="radio" id="flexRadioVModel4" inline label="Four" value="Four" v-model="picked"/>
+  <CFormCheck type="radio" id="flexRadioVModel5" inline label="Five" value="Five" v-model="picked"/>
   <div>Picked: {{ picked }}</div>
 </template>
 <script>

From d9a7656d9157e7290407e251fe1529f2484f8f57 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 10 Mar 2024 12:47:14 +0100
Subject: [PATCH 264/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@typescript-eslint/eslint-plugin  ^6.17.0  →   ^7.1.1
@typescript-eslint/parser         ^6.17.0  →   ^7.1.1
@vue/eslint-config-typescript     ^12.0.0  →  ^13.0.0
eslint                             8.56.0  →   8.57.0
eslint-plugin-prettier             ^5.1.2  →   ^5.1.3
eslint-plugin-unicorn             ^50.0.1  →  ^51.0.1
eslint-plugin-vue                 ^9.19.2  →  ^9.22.0
lerna                              ^8.0.1  →   ^8.1.2
prettier                           ^3.1.1  →   ^3.2.5
---
 package.json | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/package.json b/package.json
index 2089686c..2139943d 100644
--- a/package.json
+++ b/package.json
@@ -22,18 +22,18 @@
     "test:update": "npm-run-all charts:test:update icons:test:update lib:test:update"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^6.17.0",
-    "@typescript-eslint/parser": "^6.17.0",
+    "@typescript-eslint/eslint-plugin": "^7.1.1",
+    "@typescript-eslint/parser": "^7.1.1",
     "@vue/eslint-config-prettier": "^9.0.0",
-    "@vue/eslint-config-typescript": "^12.0.0",
+    "@vue/eslint-config-typescript": "^13.0.0",
     "@vue/vue3-jest": "29.2.6",
-    "eslint": "8.56.0",
-    "eslint-plugin-prettier": "^5.1.2",
-    "eslint-plugin-vue": "^9.19.2",
+    "eslint": "8.57.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-vue": "^9.22.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-unicorn": "^50.0.1",
-    "lerna": "^8.0.1",
+    "eslint-plugin-unicorn": "^51.0.1",
+    "lerna": "^8.1.2",
     "npm-run-all": "^4.1.5",
-    "prettier": "^3.1.1"
+    "prettier": "^3.2.5"
   }
 }

From 4425cd41f05a81ab50258730522a88b05cd1542c Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 10 Mar 2024 14:24:52 +0100
Subject: [PATCH 265/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@coreui/coreui                        ^5.0.0-rc.1  →  ^5.0.0-rc-2
@docsearch/css                             ^3.5.2  →       ^3.6.0
@docsearch/js                              ^3.5.2  →       ^3.6.0
---
 packages/docs/package.json | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/docs/package.json b/packages/docs/package.json
index d229be21..d154d2db 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -9,13 +9,13 @@
   "license": "MIT",
   "devDependencies": {
     "@coreui/chartjs": "^4.0.0-rc.0",
-    "@coreui/coreui": "^5.0.0-rc.1",
+    "@coreui/coreui": "^5.0.0-rc-2",
     "@coreui/icons": "^3.0.1",
     "@coreui/icons-vue": "^2.0.0",
     "@coreui/utils": "^2.0.2",
     "@coreui/vue-chartjs": "^3.0.0-rc.0",
-    "@docsearch/css": "^3.5.2",
-    "@docsearch/js": "^3.5.2",
+    "@docsearch/css": "^3.6.0",
+    "@docsearch/js": "^3.6.0",
     "@vuepress/plugin-register-components": "2.0.0-rc.0",
     "@vuepress/plugin-toc": "2.0.0-rc.0",
     "markdown-it-include": "^2.0.0",

From 95cf2c708f479cb0077c916138d01cbe284453ea Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 10 Mar 2024 16:07:59 +0100
Subject: [PATCH 266/346] release: v5.0.0-rc.2

---
 README.md                                                     | 2 +-
 lerna.json                                                    | 2 +-
 packages/coreui-vue/package.json                              | 4 ++--
 .../components/conditional-teleport/CConditionalTeleport.ts   | 2 +-
 packages/coreui-vue/src/components/dropdown/CDropdown.ts      | 4 ++--
 .../coreui-vue/src/components/dropdown/CDropdownToggle.ts     | 2 +-
 packages/coreui-vue/src/components/modal/CModal.ts            | 2 +-
 packages/coreui-vue/src/components/popover/CPopover.ts        | 2 +-
 packages/coreui-vue/src/components/progress/CProgress.ts      | 2 +-
 packages/coreui-vue/src/components/tooltip/CTooltip.ts        | 2 +-
 .../docs/api/conditional-teleport/CConditionalTeleport.api.md | 2 +-
 packages/docs/api/dropdown/CDropdown.api.md                   | 4 ++--
 packages/docs/api/dropdown/CDropdownToggle.api.md             | 2 +-
 packages/docs/api/modal/CModal.api.md                         | 2 +-
 packages/docs/api/popover/CPopover.api.md                     | 2 +-
 packages/docs/api/progress/CProgress.api.md                   | 2 +-
 packages/docs/api/tooltip/CTooltip.api.md                     | 2 +-
 packages/docs/package.json                                    | 2 +-
 18 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/README.md b/README.md
index e57961c8..3eec02ea 100644
--- a/README.md
+++ b/README.md
@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.0.0-rc.1.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.0.0-rc.2.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue`
diff --git a/lerna.json b/lerna.json
index fed1a749..49a8b937 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,6 +1,6 @@
 {
   "npmClient": "yarn",
   "packages": ["packages/*"],
-  "version": "5.0.0-rc.1",
+  "version": "5.0.0-rc.2",
   "$schema": "node_modules/lerna/schemas/lerna-schema.json"
 }
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index 21af3e3c..e30b2abe 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue",
-  "version": "5.0.0-rc.1",
+  "version": "5.0.0-rc.2",
   "description": "UI Components Library for Vue.js",
   "keywords": [
     "vue",
@@ -41,7 +41,7 @@
     "test:update": "jest --coverage --updateSnapshot"
   },
   "dependencies": {
-    "@coreui/coreui": "^5.0.0-rc.1",
+    "@coreui/coreui": "^5.0.0-rc.2",
     "@popperjs/core": "^2.11.8"
   },
   "devDependencies": {
diff --git a/packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts b/packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts
index 22207486..44bc6660 100644
--- a/packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts
+++ b/packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts
@@ -16,7 +16,7 @@ const CConditionalTeleport = defineComponent({
     /**
      * An HTML element or function that returns a single element, with `document.body` as the default.
      *
-     * @since v5.0.0-rc.1
+     * @since v5.0.0-rc.2
      */
     container: {
       type: [Object, String] as PropType<HTMLElement | (() => HTMLElement) | string>,
diff --git a/packages/coreui-vue/src/components/dropdown/CDropdown.ts b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
index b1eb9200..dc6ca125 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdown.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
@@ -62,7 +62,7 @@ const CDropdown = defineComponent({
     /**
      * Appends the vue dropdown menu to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
      *
-     * @since v5.0.0-rc.1
+     * @since v5.0.0-rc.2
      */
     container: {
       type: [Object, String] as PropType<HTMLElement | (() => HTMLElement) | string>,
@@ -115,7 +115,7 @@ const CDropdown = defineComponent({
     /**
      * Generates dropdown menu using Teleport.
      *
-     * @since v5.0.0-rc.1
+     * @since v5.0.0-rc.2
      */
     teleport: {
       type: Boolean,
diff --git a/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts b/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
index 10b7f85a..6f348894 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
@@ -49,7 +49,7 @@ const CDropdownToggle = defineComponent({
     /**
      * If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.
      *
-     * @since v5.0.0-rc.1
+     * @since v5.0.0-rc.2
      */
     navLink: {
       type: Boolean,
diff --git a/packages/coreui-vue/src/components/modal/CModal.ts b/packages/coreui-vue/src/components/modal/CModal.ts
index 50a0a570..1ee36c53 100644
--- a/packages/coreui-vue/src/components/modal/CModal.ts
+++ b/packages/coreui-vue/src/components/modal/CModal.ts
@@ -54,7 +54,7 @@ const CModal = defineComponent({
     /**
      * Puts the focus on the modal when shown.
      *
-     * @since v5.0.0-rc.1
+     * @since v5.0.0-rc.2
      */
     focus: {
       type: Boolean,
diff --git a/packages/coreui-vue/src/components/popover/CPopover.ts b/packages/coreui-vue/src/components/popover/CPopover.ts
index 5dc24bfd..b472b9d2 100644
--- a/packages/coreui-vue/src/components/popover/CPopover.ts
+++ b/packages/coreui-vue/src/components/popover/CPopover.ts
@@ -23,7 +23,7 @@ const CPopover = defineComponent({
     /**
      * Appends the vue popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
      *
-     * @since v5.0.0-rc.1
+     * @since v5.0.0-rc.2
      */
     container: {
       type: [Object, String] as PropType<HTMLElement | (() => HTMLElement) | string>,
diff --git a/packages/coreui-vue/src/components/progress/CProgress.ts b/packages/coreui-vue/src/components/progress/CProgress.ts
index ad67b183..26cf43eb 100644
--- a/packages/coreui-vue/src/components/progress/CProgress.ts
+++ b/packages/coreui-vue/src/components/progress/CProgress.ts
@@ -23,7 +23,7 @@ const CProgress = defineComponent({
     /**
      * A string of all className you want applied to the <CProgressBar/> component.
      *
-     * @since 5.0.0-rc.1
+     * @since 5.0.0-rc.2
      */
     progressBarClassName: String,
     /**
diff --git a/packages/coreui-vue/src/components/tooltip/CTooltip.ts b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
index 1b0da318..06607284 100644
--- a/packages/coreui-vue/src/components/tooltip/CTooltip.ts
+++ b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
@@ -23,7 +23,7 @@ const CTooltip = defineComponent({
     /**
      * Appends the vue tooltip to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
      *
-     * @since v5.0.0-rc.1
+     * @since v5.0.0-rc.2
      */
     container: {
       type: [Object, String] as PropType<HTMLElement | (() => HTMLElement) | string>,
diff --git a/packages/docs/api/conditional-teleport/CConditionalTeleport.api.md b/packages/docs/api/conditional-teleport/CConditionalTeleport.api.md
index b9dafcef..ece97230 100644
--- a/packages/docs/api/conditional-teleport/CConditionalTeleport.api.md
+++ b/packages/docs/api/conditional-teleport/CConditionalTeleport.api.md
@@ -10,5 +10,5 @@ import CConditionalTeleport from '@coreui/vue/src/components/conditional-telepor
 
 | Prop name                                                          | Description                                                                                     | Type                                         | Values | Default |
 | ------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------- | -------------------------------------------- | ------ | ------- |
-| **container** <br><div class="badge bg-primary">v5.0.0-rc.1+</div> | An HTML element or function that returns a single element, with `document.body` as the default. | HTMLElement \| (() => HTMLElement) \| string | -      | 'body'  |
+| **container** <br><div class="badge bg-primary">v5.0.0-rc.2+</div> | An HTML element or function that returns a single element, with `document.body` as the default. | HTMLElement \| (() => HTMLElement) \| string | -      | 'body'  |
 | **teleport**                                                       | Render some children into a different part of the DOM                                           | boolean                                      | -      | true    |
diff --git a/packages/docs/api/dropdown/CDropdown.api.md b/packages/docs/api/dropdown/CDropdown.api.md
index 76a88d7a..02de108d 100644
--- a/packages/docs/api/dropdown/CDropdown.api.md
+++ b/packages/docs/api/dropdown/CDropdown.api.md
@@ -12,14 +12,14 @@ import CDropdown from '@coreui/vue/src/components/dropdown/CDropdown'
 | ------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- |
 | **alignment**                                                      | Set aligment of dropdown menu.                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | string \| Alignments                         | `{ 'start' \| 'end' \| { xs: 'start' \| 'end' } \| { sm: 'start' \| 'end' } \| { md: 'start' \| 'end' } \| { lg: 'start' \| 'end' } \| { xl: 'start' \| 'end'} \| { xxl: 'start' \| 'end'} }` | -              |
 | **auto-close**                                                     | Configure the auto close behavior of the dropdown:<br>- `true` - the dropdown will be closed by clicking outside or inside the dropdown menu.<br>- `false` - the dropdown will be closed by clicking the toggle button and manually calling hide or toggle method. (Also will not be closed by pressing esc key)<br>- `'inside'` - the dropdown will be closed (only) by clicking inside the dropdown menu.<br>- `'outside'` - the dropdown will be closed (only) by clicking outside the dropdown menu. | boolean\|string                              | -                                                                                                                                                                                             | true           |
-| **container** <br><div class="badge bg-primary">v5.0.0-rc.1+</div> | Appends the vue dropdown menu to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                                                                                                                                                                                                                                                                 | HTMLElement \| (() => HTMLElement) \| string | -                                                                                                                                                                                             | 'body'         |
+| **container** <br><div class="badge bg-primary">v5.0.0-rc.2+</div> | Appends the vue dropdown menu to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                                                                                                                                                                                                                                                                 | HTMLElement \| (() => HTMLElement) \| string | -                                                                                                                                                                                             | 'body'         |
 | **dark**                                                           | Sets a darker color scheme to match a dark navbar.                                                                                                                                                                                                                                                                                                                                                                                                                                                       | boolean                                      | -                                                                                                                                                                                             | -              |
 | **direction**                                                      | Sets a specified direction and location of the dropdown menu.                                                                                                                                                                                                                                                                                                                                                                                                                                            | string                                       | `'center'`, `'dropup'`, `'dropup-center'`, `'dropend'`, `'dropstart'`                                                                                                                         | -              |
 | **disabled**                                                       | Toggle the disabled state for the component.                                                                                                                                                                                                                                                                                                                                                                                                                                                             | boolean                                      | -                                                                                                                                                                                             | -              |
 | **offset** <br><div class="badge bg-primary">4.9.0+</div>          | Offset of the dropdown menu relative to its target.                                                                                                                                                                                                                                                                                                                                                                                                                                                      | array                                        | -                                                                                                                                                                                             | [0, 2]         |
 | **placement**                                                      | Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.                                                                                                                                                                                                                                                                                                                                     | Placement                                    | `'auto'`, `'top-end'`, `'top'`, `'top-start'`, `'bottom-end'`, `'bottom'`, `'bottom-start'`, `'right-start'`, `'right'`, `'right-end'`, `'left-start'`, `'left'`, `'left-end'`                | 'bottom-start' |
 | **popper**                                                         | If you want to disable dynamic positioning set this property to `true`.                                                                                                                                                                                                                                                                                                                                                                                                                                  | boolean                                      | -                                                                                                                                                                                             | true           |
-| **teleport** <br><div class="badge bg-primary">v5.0.0-rc.1+</div>  | Generates dropdown menu using Teleport.                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | boolean                                      | -                                                                                                                                                                                             | false          |
+| **teleport** <br><div class="badge bg-primary">v5.0.0-rc.2+</div>  | Generates dropdown menu using Teleport.                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | boolean                                      | -                                                                                                                                                                                             | false          |
 | **trigger**                                                        | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.                                                                                                                                                                                                                                                                                                                                                                                      | Triggers                                     | -                                                                                                                                                                                             | 'click'        |
 | **variant**                                                        | Set the dropdown variant to an btn-group, dropdown, input-group, and nav-item.                                                                                                                                                                                                                                                                                                                                                                                                                           | string                                       | `'btn-group'`, `'dropdown'`, `'input-group'`, `'nav-item'`                                                                                                                                    | 'btn-group'    |
 | **visible**                                                        | Toggle the visibility of dropdown menu component.                                                                                                                                                                                                                                                                                                                                                                                                                                                        | boolean                                      | -                                                                                                                                                                                             | -              |
diff --git a/packages/docs/api/dropdown/CDropdownToggle.api.md b/packages/docs/api/dropdown/CDropdownToggle.api.md
index 3c2a2479..5d6c2b55 100644
--- a/packages/docs/api/dropdown/CDropdownToggle.api.md
+++ b/packages/docs/api/dropdown/CDropdownToggle.api.md
@@ -15,7 +15,7 @@ import CDropdownToggle from '@coreui/vue/src/components/dropdown/CDropdownToggle
 | **caret**                                                         | Enables pseudo element caret on toggler.                                                                                                                                                                      | boolean  | -                                                                                               | true     |
 | **custom**                                                        | Create a custom toggler which accepts any content.                                                                                                                                                            | boolean  | -                                                                                               | -        |
 | **disabled**                                                      | Toggle the disabled state for the component.                                                                                                                                                                  | boolean  | -                                                                                               | -        |
-| **nav-link** <br><div class="badge bg-primary">v5.0.0-rc.1+</div> | If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.                                                                                                           | boolean  | -                                                                                               | true     |
+| **nav-link** <br><div class="badge bg-primary">v5.0.0-rc.2+</div> | If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.                                                                                                           | boolean  | -                                                                                               | true     |
 | **size**                                                          | Size the component small or large.                                                                                                                                                                            | string   | `'sm'`, `'lg'`                                                                                  | -        |
 | **split**                                                         | Similarly, create split button dropdowns with virtually the same markup as single button dropdowns, but with the addition of `.dropdown-toggle-split` className for proper spacing around the dropdown caret. | boolean  | -                                                                                               | -        |
 | **trigger**                                                       | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.<br/>`@type` 'hover' \| 'focus' \| 'click'                                                 | Triggers | -                                                                                               | 'click'  |
diff --git a/packages/docs/api/modal/CModal.api.md b/packages/docs/api/modal/CModal.api.md
index 238935f9..fec31d16 100644
--- a/packages/docs/api/modal/CModal.api.md
+++ b/packages/docs/api/modal/CModal.api.md
@@ -13,7 +13,7 @@ import CModal from '@coreui/vue/src/components/modal/CModal'
 | **alignment**                                                  | Align the modal in the center or top of the screen.                                                                                | string          | `'top'`, `'center'`                                | 'top'   |
 | **backdrop**                                                   | Apply a backdrop on body while offcanvas is open.                                                                                  | boolean\|string | `boolean \| 'static'`                              | true    |
 | **content-class-name**                                         | A string of all className you want applied to the modal content component.                                                         | string          | -                                                  | -       |
-| **focus** <br><div class="badge bg-primary">v5.0.0-rc.1+</div> | Puts the focus on the modal when shown.                                                                                            | boolean         | -                                                  | true    |
+| **focus** <br><div class="badge bg-primary">v5.0.0-rc.2+</div> | Puts the focus on the modal when shown.                                                                                            | boolean         | -                                                  | true    |
 | **fullscreen**                                                 | Set modal to covers the entire user viewport                                                                                       | boolean\|string | `boolean`, `'sm'`, `'md'`, `'lg'`, `'xl'`, `'xxl'` | -       |
 | **keyboard**                                                   | Closes the modal when escape key is pressed.                                                                                       | boolean         | -                                                  | true    |
 | **scrollable**                                                 | Create a scrollable modal that allows scrolling the modal body.                                                                    | boolean         | -                                                  | -       |
diff --git a/packages/docs/api/popover/CPopover.api.md b/packages/docs/api/popover/CPopover.api.md
index bdcc1d81..3bfa8ba6 100644
--- a/packages/docs/api/popover/CPopover.api.md
+++ b/packages/docs/api/popover/CPopover.api.md
@@ -11,7 +11,7 @@ import CPopover from '@coreui/vue/src/components/popover/CPopover'
 | Prop name                                                              | Description                                                                                                                                                                                                                                                     | Type                                         | Values                          | Default                                  |
 | ---------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | ------------------------------- | ---------------------------------------- |
 | **animation** <br><div class="badge bg-primary">4.9.0+</div>           | Apply a CSS fade transition to the popover.                                                                                                                                                                                                                     | boolean                                      | -                               | true                                     |
-| **container** <br><div class="badge bg-primary">v5.0.0-rc.1+</div>     | Appends the vue popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                              | HTMLElement \| (() => HTMLElement) \| string | -                               | 'body'                                   |
+| **container** <br><div class="badge bg-primary">v5.0.0-rc.2+</div>     | Appends the vue popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                              | HTMLElement \| (() => HTMLElement) \| string | -                               | 'body'                                   |
 | **content**                                                            | Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`                                                                                                                                  | string                                       | -                               | -                                        |
 | **delay** <br><div class="badge bg-primary">4.9.0+</div>               | The delay for displaying and hiding the popover (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`. | number \| { show: number; hide: number }     | -                               | 0                                        |
 | **fallback-placements** <br><div class="badge bg-primary">4.9.0+</div> | Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.                                                                                                       | Placements \| Placements[]                   | -                               | () => ['top', 'right', 'bottom', 'left'] |
diff --git a/packages/docs/api/progress/CProgress.api.md b/packages/docs/api/progress/CProgress.api.md
index cc4812ea..2f03bcd8 100644
--- a/packages/docs/api/progress/CProgress.api.md
+++ b/packages/docs/api/progress/CProgress.api.md
@@ -13,7 +13,7 @@ import CProgress from '@coreui/vue/src/components/progress/CProgress'
 | **animated**                                                                    | Use to animate the stripes right to left via CSS3 animations.                                                             | boolean | -                                                                                               | -       |
 | **color**                                                                       | Sets the color context of the component to one of CoreUI’s themed colors.                                                 | string  | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | -       |
 | **height**                                                                      | Sets the height of the component. If you set that value the inner `<CProgressBar>` will automatically resize accordingly. | number  | -                                                                                               | -       |
-| **progress-bar-class-name** <br><div class="badge bg-primary">5.0.0-rc.1+</div> | A string of all className you want applied to the <CProgressBar/> component.                                              | string  | -                                                                                               | -       |
+| **progress-bar-class-name** <br><div class="badge bg-primary">5.0.0-rc.2+</div> | A string of all className you want applied to the <CProgressBar/> component.                                              | string  | -                                                                                               | -       |
 | **thin**                                                                        | Makes progress bar thinner.                                                                                               | boolean | -                                                                                               | -       |
 | **value**                                                                       | The percent to progress the ProgressBar.                                                                                  | number  | -                                                                                               | 0       |
 | **variant**                                                                     | Set the progress bar variant to optional striped.                                                                         | string  | `'striped'`                                                                                     | -       |
diff --git a/packages/docs/api/tooltip/CTooltip.api.md b/packages/docs/api/tooltip/CTooltip.api.md
index 4eb49c1a..169db23d 100644
--- a/packages/docs/api/tooltip/CTooltip.api.md
+++ b/packages/docs/api/tooltip/CTooltip.api.md
@@ -11,7 +11,7 @@ import CTooltip from '@coreui/vue/src/components/tooltip/CTooltip'
 | Prop name                                                              | Description                                                                                                                                                                                                                                                     | Type                                         | Values                          | Default                                  |
 | ---------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | ------------------------------- | ---------------------------------------- |
 | **animation** <br><div class="badge bg-primary">4.9.0+</div>           | Apply a CSS fade transition to the tooltip.                                                                                                                                                                                                                     | boolean                                      | -                               | true                                     |
-| **container** <br><div class="badge bg-primary">v5.0.0-rc.1+</div>     | Appends the vue tooltip to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                              | HTMLElement \| (() => HTMLElement) \| string | -                               | 'body'                                   |
+| **container** <br><div class="badge bg-primary">v5.0.0-rc.2+</div>     | Appends the vue tooltip to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                              | HTMLElement \| (() => HTMLElement) \| string | -                               | 'body'                                   |
 | **content**                                                            | Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`                                                                                                                                  | string                                       | -                               | -                                        |
 | **delay** <br><div class="badge bg-primary">4.9.0+</div>               | The delay for displaying and hiding the popover (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`. | number \| { show: number; hide: number }     | -                               | 0                                        |
 | **fallback-placements** <br><div class="badge bg-primary">4.9.0+</div> | Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.                                                                                                       | Placements \| Placements[]                   | -                               | () => ['top', 'right', 'bottom', 'left'] |
diff --git a/packages/docs/package.json b/packages/docs/package.json
index d154d2db..8a508e54 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue-docs",
-  "version": "5.0.0-rc.1",
+  "version": "5.0.0-rc.2",
   "scripts": {
     "api": "vue-docgen -c build/docgen.config.js",
     "dev": "vuepress dev --clean-cache",

From e70b9e56c8a476e1c44748e49cf0c80191bbb7f1 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 21 Mar 2024 11:25:57 +0100
Subject: [PATCH 267/346] refactor: migrate from `component` property to `as`

---
 .../components/dropdown/CDropdownToggle.ts    |  2 +-
 .../coreui-vue/src/components/nav/CNavLink.ts |  4 +-
 .../components/pagination/CPaginationItem.ts  |  2 +-
 .../src/client/components/Header.vue          | 10 +--
 packages/docs/components/button.md            | 24 +++----
 packages/docs/components/card.md              |  6 +-
 packages/docs/components/dropdown.md          |  4 +-
 packages/docs/components/list-group.md        | 62 +++++++++----------
 packages/docs/components/navbar.md            |  4 +-
 packages/docs/components/navs-tabs.md         |  8 +--
 packages/docs/components/placeholder.md       | 12 ++--
 packages/docs/components/spinner.md           | 16 ++---
 packages/docs/components/toast.md             |  4 +-
 packages/docs/forms/input-group.md            | 16 ++---
 packages/docs/forms/input.md                  |  2 +-
 packages/docs/forms/overview.md               |  4 +-
 packages/docs/forms/textarea.md               |  2 +-
 17 files changed, 91 insertions(+), 91 deletions(-)

diff --git a/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts b/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
index 6f348894..2a02d18a 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
@@ -176,8 +176,8 @@ const CDropdownToggle = defineComponent({
               CButton,
               {
                 ...togglerProps.value,
+                as: props.as,
                 color: props.color,
-                component: props.as,
                 disabled: props.disabled,
                 shape: props.shape,
                 size: props.size,
diff --git a/packages/coreui-vue/src/components/nav/CNavLink.ts b/packages/coreui-vue/src/components/nav/CNavLink.ts
index d2df89bb..63c2af94 100644
--- a/packages/coreui-vue/src/components/nav/CNavLink.ts
+++ b/packages/coreui-vue/src/components/nav/CNavLink.ts
@@ -30,9 +30,9 @@ const CNavLink = defineComponent({
       h(
         CLink,
         {
-          class: 'nav-link',
+          as: props.as,
           active: props.active,
-          component: props.as,
+          class: 'nav-link',
           disabled: props.disabled,
           href: props.href,
         },
diff --git a/packages/coreui-vue/src/components/pagination/CPaginationItem.ts b/packages/coreui-vue/src/components/pagination/CPaginationItem.ts
index c997c061..c4085a9a 100644
--- a/packages/coreui-vue/src/components/pagination/CPaginationItem.ts
+++ b/packages/coreui-vue/src/components/pagination/CPaginationItem.ts
@@ -41,8 +41,8 @@ const CPaginationItem = defineComponent({
           ? h(
               CLink,
               {
+                as: component,
                 class: ['page-link'],
-                component: component,
                 href: props.href,
               },
               {
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
index 183935cf..ca3f0165 100644
--- a/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
+++ b/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
@@ -28,7 +28,7 @@
           <CDropdownItem
             :active="colorMode === 'light'"
             class="d-flex align-items-center"
-            component="button"
+            as="button"
             type="button"
             @click="setColorMode('light')"
           >
@@ -37,7 +37,7 @@
           <CDropdownItem
             :active="colorMode === 'dark'"
             class="d-flex align-items-center"
-            component="button"
+            as="button"
             type="button"
             @click="setColorMode('dark')"
           >
@@ -46,7 +46,7 @@
           <CDropdownItem
             :active="colorMode === 'auto'"
             class="d-flex align-items-center"
-            component="button"
+            as="button"
             type="button"
             @click="setColorMode('auto')"
           >
@@ -62,7 +62,7 @@
     <CButton
       class="d-lg-inline-block my-2 my-md-0 ms-md-3"
       color="primary"
-      component="a"
+      as="a"
       href="https://coreui.io/vue/docs/getting-started/introduction.html"
       variant="outline"
     >
@@ -79,7 +79,7 @@
     <CButton
       class="d-lg-inline-block my-2 my-md-0 ms-md-3"
       color="primary"
-      component="a"
+      as="a"
       href="https://coreui.io/pricing/?framework=vue&docs=coreui-header-button"
     >
       Get CoreUI PRO
diff --git a/packages/docs/components/button.md b/packages/docs/components/button.md
index e772d760..0f9a8428 100644
--- a/packages/docs/components/button.md
+++ b/packages/docs/components/button.md
@@ -47,18 +47,18 @@ The `<CButton>` component are designed for `<button>` ,  `<a>`  or  `<input>` el
 If you're using `<CButton>` component as `<a>` elements that are used to trigger functionality ex. collapsing content, these links should be given a `role="button"` to adequately communicate their meaning to assistive technologies such as screen readers.
 
 ::: demo
-<CButton component="a" color="primary" href="#" role="button">Link</CButton>
+<CButton as="a" color="primary" href="#" role="button">Link</CButton>
 <CButton type="submit" color="primary">Button</CButton>
-<CButton component="input" type="button" color="primary" value="Input"/>
-<CButton component="input" type="submit" color="primary" value="Submit"/>
-<CButton component="input" type="reset" color="primary" value="Reset"/>
+<CButton as="input" type="button" color="primary" value="Input"/>
+<CButton as="input" type="submit" color="primary" value="Submit"/>
+<CButton as="input" type="reset" color="primary" value="Reset"/>
 :::
 ```vue
-<CButton component="a" color="primary" href="#" role="button">Link</CButton>
+<CButton as="a" color="primary" href="#" role="button">Link</CButton>
 <CButton type="submit" color="primary">Button</CButton>
-<CButton component="input" type="button" color="primary" value="Input"/>
-<CButton component="input" type="submit" color="primary" value="Submit"/>
-<CButton component="input" type="reset" color="primary" value="Reset"/>
+<CButton as="input" type="button" color="primary" value="Input"/>
+<CButton as="input" type="submit" color="primary" value="Submit"/>
+<CButton as="input" type="reset" color="primary" value="Reset"/>
 ```
 
 ## Outline buttons
@@ -197,12 +197,12 @@ Disabled buttons using the `<a>` component act a little different:
 `<a>`s don't support the `disabled` attribute, so CoreUI has to add `.disabled` class to make buttons look inactive. CoreUI also has to add to the disabled button component `aria-disabled="true"` attribute to show the state of the component to assistive technologies.
 
 ::: demo
-<CButton component="a" href="#" color="primary" size="lg" disabled>Primary link</CButton>
-<CButton component="a" href="#" color="secondary" size="lg" disabled>Link</CButton>
+<CButton as="a" href="#" color="primary" size="lg" disabled>Primary link</CButton>
+<CButton as="a" href="#" color="secondary" size="lg" disabled>Link</CButton>
 :::
 ```vue
-<CButton component="a" href="#" color="primary" size="lg" disabled>Primary link</CButton>
-<CButton component="a" href="#" color="secondary" size="lg" disabled>Link</CButton>
+<CButton as="a" href="#" color="primary" size="lg" disabled>Primary link</CButton>
+<CButton as="a" href="#" color="secondary" size="lg" disabled>Link</CButton>
 ```
 
 The `.disabled` class uses `pointer-events: none` to try to disable the link functionality of `<a>`s, but that CSS property is not yet standardized. Besides, even in browsers that do support `pointer-events: none`, keyboard navigation remains unaffected, meaning that sighted keyboard users and users of assistive technologies will still be able to activate these links. So to be safe, we automatically add a `tabindex="-1"` attribute on disabled links (to prevent them from receiving keyboard focus) and use custom JavaScript to disable their functionality.
diff --git a/packages/docs/components/card.md b/packages/docs/components/card.md
index 8202ff2b..2e298a4f 100644
--- a/packages/docs/components/card.md
+++ b/packages/docs/components/card.md
@@ -241,11 +241,11 @@ Add an optional header and/or footer within a card.
 </CCard>
 ```
 
-Card headers can be styled by adding ex. `component="h5"`.
+Card headers can be styled by adding ex. `as="h5"`.
 
 ::: demo
 <CCard>
-  <CCardHeader component="h5">Header</CCardHeader>
+  <CCardHeader as="h5">Header</CCardHeader>
   <CCardBody>
     <CCardTitle>Special title treatment</CCardTitle>
     <CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
@@ -255,7 +255,7 @@ Card headers can be styled by adding ex. `component="h5"`.
 :::
 ```vue
 <CCard>
-  <CCardHeader component="h5">Header</CCardHeader>
+  <CCardHeader as="h5">Header</CCardHeader>
   <CCardBody>
     <CCardTitle>Special title treatment</CCardTitle>
     <CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
diff --git a/packages/docs/components/dropdown.md b/packages/docs/components/dropdown.md
index 7e99ce96..188211c7 100644
--- a/packages/docs/components/dropdown.md
+++ b/packages/docs/components/dropdown.md
@@ -43,7 +43,7 @@ And with `<a>` elements:
 
 ::: demo
 <CDropdown color="secondary" togglerText="Dropdown button">
-  <CDropdownToggle component="a" color="primary">Dropdown Button</CDropdownToggle>
+  <CDropdownToggle as="a" color="primary">Dropdown Button</CDropdownToggle>
   <CDropdownMenu>
     <CDropdownItem href="#">Action</CDropdownItem>
     <CDropdownItem href="#">Another action</CDropdownItem>
@@ -53,7 +53,7 @@ And with `<a>` elements:
 :::
 ```vue
 <CDropdown color="secondary" togglerText="Dropdown button">
-  <CDropdownToggle component="a" color="primary">Dropdown Button</CDropdownToggle>
+  <CDropdownToggle as="a" color="primary">Dropdown Button</CDropdownToggle>
   <CDropdownMenu>
     <CDropdownItem href="#">Action</CDropdownItem>
     <CDropdownItem href="#">Another action</CDropdownItem>
diff --git a/packages/docs/components/list-group.md b/packages/docs/components/list-group.md
index 1678dd24..f7525f5c 100644
--- a/packages/docs/components/list-group.md
+++ b/packages/docs/components/list-group.md
@@ -76,43 +76,43 @@ Add `disabled` boolean property to a `<CListGroupItem>` to make it appear disabl
 
 ## Links and buttons
 
-Use `<a>`s or `<button>`s to create _actionable_ list group items with hover, disabled, and active states by adding `component="a|button"`. We separate these pseudo-classes to ensure list groups made of non-interactive elements (like `<li>`s or `<div>`s) don't provide a click or tap affordance.
+Use `<a>`s or `<button>`s to create _actionable_ list group items with hover, disabled, and active states by adding `as="a|button"`. We separate these pseudo-classes to ensure list groups made of non-interactive elements (like `<li>`s or `<div>`s) don't provide a click or tap affordance.
 
 ::: demo
 <CListGroup>
-  <CListGroupItem component="a" href="#" active>Cras justo odio</CListGroupItem>
-  <CListGroupItem component="a" href="#">Dapibus ac facilisis in</CListGroupItem>
-  <CListGroupItem component="a" href="#">Morbi leo risus</CListGroupItem>
-  <CListGroupItem component="a" href="#">Porta ac consectetur ac</CListGroupItem>
-  <CListGroupItem component="a" href="#" disabled>Vestibulum at eros</CListGroupItem>
+  <CListGroupItem as="a" href="#" active>Cras justo odio</CListGroupItem>
+  <CListGroupItem as="a" href="#">Dapibus ac facilisis in</CListGroupItem>
+  <CListGroupItem as="a" href="#">Morbi leo risus</CListGroupItem>
+  <CListGroupItem as="a" href="#">Porta ac consectetur ac</CListGroupItem>
+  <CListGroupItem as="a" href="#" disabled>Vestibulum at eros</CListGroupItem>
 </CListGroup>
 :::
 ```vue
 <CListGroup>
-  <CListGroupItem component="a" href="#" active>Cras justo odio</CListGroupItem>
-  <CListGroupItem component="a" href="#">Dapibus ac facilisis in</CListGroupItem>
-  <CListGroupItem component="a" href="#">Morbi leo risus</CListGroupItem>
-  <CListGroupItem component="a" href="#">Porta ac consectetur ac</CListGroupItem>
-  <CListGroupItem component="a" href="#" disabled>Vestibulum at eros</CListGroupItem>
+  <CListGroupItem as="a" href="#" active>Cras justo odio</CListGroupItem>
+  <CListGroupItem as="a" href="#">Dapibus ac facilisis in</CListGroupItem>
+  <CListGroupItem as="a" href="#">Morbi leo risus</CListGroupItem>
+  <CListGroupItem as="a" href="#">Porta ac consectetur ac</CListGroupItem>
+  <CListGroupItem as="a" href="#" disabled>Vestibulum at eros</CListGroupItem>
 </CListGroup>
 ```
 
 ::: demo
 <CListGroup>
-  <CListGroupItem component="button" active>Cras justo odio</CListGroupItem>
-  <CListGroupItem component="button">Dapibus ac facilisis in</CListGroupItem>
-  <CListGroupItem component="button">Morbi leo risus</CListGroupItem>
-  <CListGroupItem component="button">Porta ac consectetur ac</CListGroupItem>
-  <CListGroupItem component="button" disabled>Vestibulum at eros</CListGroupItem>
+  <CListGroupItem as="button" active>Cras justo odio</CListGroupItem>
+  <CListGroupItem as="button">Dapibus ac facilisis in</CListGroupItem>
+  <CListGroupItem as="button">Morbi leo risus</CListGroupItem>
+  <CListGroupItem as="button">Porta ac consectetur ac</CListGroupItem>
+  <CListGroupItem as="button" disabled>Vestibulum at eros</CListGroupItem>
 </CListGroup>
 :::
 ```vue
 <CListGroup>
-  <CListGroupItem component="button" active>Cras justo odio</CListGroupItem>
-  <CListGroupItem component="button">Dapibus ac facilisis in</CListGroupItem>
-  <CListGroupItem component="button">Morbi leo risus</CListGroupItem>
-  <CListGroupItem component="button">Porta ac consectetur ac</CListGroupItem>
-  <CListGroupItem component="button" disabled>Vestibulum at eros</CListGroupItem>
+  <CListGroupItem as="button" active>Cras justo odio</CListGroupItem>
+  <CListGroupItem as="button">Dapibus ac facilisis in</CListGroupItem>
+  <CListGroupItem as="button">Morbi leo risus</CListGroupItem>
+  <CListGroupItem as="button">Porta ac consectetur ac</CListGroupItem>
+  <CListGroupItem as="button" disabled>Vestibulum at eros</CListGroupItem>
 </CListGroup>
 ```
 
@@ -183,14 +183,14 @@ Contextual classes also work with `<a>`s or `<button>`s. Note the addition of th
 
 ::: demo
 <CListGroup>
-  <CListGroupItem component="a" href="#">Dapibus ac facilisis in</CListGroupItem>
-  <CListGroupItem v-for="(item) in ['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark']" component="a" href="#" :color="item">A simple {{item}} list group item</CListGroupItem>
+  <CListGroupItem as="a" href="#">Dapibus ac facilisis in</CListGroupItem>
+  <CListGroupItem v-for="(item) in ['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark']" as="a" href="#" :color="item">A simple {{item}} list group item</CListGroupItem>
 </CListGroup>
 :::
 ```vue
 <CListGroup>
-  <CListGroupItem component="a" href="#">Dapibus ac facilisis in</CListGroupItem>
-  <CListGroupItem v-for="(item) in ['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark']" component="a" href="#" :color="item">A simple {{item}} list group item</CListGroupItem>
+  <CListGroupItem as="a" href="#">Dapibus ac facilisis in</CListGroupItem>
+  <CListGroupItem v-for="(item) in ['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark']" as="a" href="#" :color="item">A simple {{item}} list group item</CListGroupItem>
 </CListGroup>
 ```
 
@@ -223,7 +223,7 @@ Add nearly any HTML within, even for linked list groups like the one below, with
 
 ::: demo
 <CListGroup>
-  <CListGroupItem component="a" href="#" active>
+  <CListGroupItem as="a" href="#" active>
     <div class="d-flex w-100 justify-content-between">
     <h5 class="mb-1">List group item heading</h5>
       <small>3 days ago</small>
@@ -231,7 +231,7 @@ Add nearly any HTML within, even for linked list groups like the one below, with
     <p class="mb-1">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
     <small>Donec id elit non mi porta.</small>
   </CListGroupItem>
-  <CListGroupItem component="a" href="#">
+  <CListGroupItem as="a" href="#">
     <div class="d-flex w-100 justify-content-between">
     <h5 class="mb-1">List group item heading</h5>
       <small class="text-body-secondary">3 days ago</small>
@@ -239,7 +239,7 @@ Add nearly any HTML within, even for linked list groups like the one below, with
     <p class="mb-1">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
     <small class="text-body-secondary">Donec id elit non mi porta.</small>
   </CListGroupItem>
-  <CListGroupItem component="a" href="#">
+  <CListGroupItem as="a" href="#">
     <div class="d-flex w-100 justify-content-between">
     <h5 class="mb-1">List group item heading</h5>
       <small class="text-body-secondary">3 days ago</small>
@@ -251,7 +251,7 @@ Add nearly any HTML within, even for linked list groups like the one below, with
 :::
 ```vue
 <CListGroup>
-  <CListGroupItem component="a" href="#" active>
+  <CListGroupItem as="a" href="#" active>
     <div class="d-flex w-100 justify-content-between">
     <h5 class="mb-1">List group item heading</h5>
       <small>3 days ago</small>
@@ -259,7 +259,7 @@ Add nearly any HTML within, even for linked list groups like the one below, with
     <p class="mb-1">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
     <small>Donec id elit non mi porta.</small>
   </CListGroupItem>
-  <CListGroupItem component="a" href="#">
+  <CListGroupItem as="a" href="#">
     <div class="d-flex w-100 justify-content-between">
     <h5 class="mb-1">List group item heading</h5>
       <small class="text-body-secondary">3 days ago</small>
@@ -267,7 +267,7 @@ Add nearly any HTML within, even for linked list groups like the one below, with
     <p class="mb-1">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
     <small class="text-body-secondary">Donec id elit non mi porta.</small>
   </CListGroupItem>
-  <CListGroupItem component="a" href="#">
+  <CListGroupItem as="a" href="#">
     <div class="d-flex w-100 justify-content-between">
     <h5 class="mb-1">List group item heading</h5>
       <small class="text-body-secondary">3 days ago</small>
diff --git a/packages/docs/components/navbar.md b/packages/docs/components/navbar.md
index 0f77c2f7..4c32c36d 100644
--- a/packages/docs/components/navbar.md
+++ b/packages/docs/components/navbar.md
@@ -237,7 +237,7 @@ And because we use classes for our navs, you can avoid the list-based approach e
     <CNavbarBrand href="#">Navbar</CNavbarBrand>
     <CNavbarToggler aria-label="Toggle navigation" aria-expanded={visible} @click="visible = !visible"/>
     <CCollapse class="navbar-collapse" :visible="visible">
-      <CNavbarNav component="nav">
+      <CNavbarNav as="nav">
         <CNavLink href="#" active>
             Home
           </CNavLink>
@@ -255,7 +255,7 @@ And because we use classes for our navs, you can avoid the list-based approach e
     <CNavbarBrand href="#">Navbar</CNavbarBrand>
     <CNavbarToggler aria-label="Toggle navigation" aria-expanded={visible} @click="visible = !visible"/>
     <CCollapse class="navbar-collapse" :visible="visible">
-      <CNavbarNav component="nav">
+      <CNavbarNav as="nav">
         <CNavLink href="#" active>
             Home
           </CNavLink>
diff --git a/packages/docs/components/navs-tabs.md b/packages/docs/components/navs-tabs.md
index 097c880b..543ac981 100644
--- a/packages/docs/components/navs-tabs.md
+++ b/packages/docs/components/navs-tabs.md
@@ -56,7 +56,7 @@ Classes are used throughout, so your markup can be super flexible. Use `<ul>`s l
 
 ::: demo
 
-  <CNav component="nav">
+  <CNav as="nav">
     <CNavLink href="#" active>
       Active
     </CNavLink>
@@ -70,7 +70,7 @@ Classes are used throughout, so your markup can be super flexible. Use `<ul>`s l
 :::
 ```vue
 
-  <CNav component="nav">
+  <CNav as="nav">
     <CNavLink href="#" active>
       Active
     </CNavLink>
@@ -495,7 +495,7 @@ For equal-width elements, use `layout="justified"`. All horizontal space will be
 If you need responsive nav variations, consider using a series of [flexbox utilities](https://coreui.io/docs/utilities/flex). While more verbose, these utilities offer greater customization across responsive breakpoints. In the example below, our nav will be stacked on the lowest breakpoint, then adapt to a horizontal layout that fills the available width starting from the small breakpoint.
 
 ::: demo
-<CNav component="nav" variant="pills" class="flex-column flex-sm-row">
+<CNav as="nav" variant="pills" class="flex-column flex-sm-row">
   <CNavLink href="#" active>
     Active
   </CNavLink>
@@ -507,7 +507,7 @@ If you need responsive nav variations, consider using a series of [flexbox utili
 </CNav>
 :::
 ```vue
-<CNav component="nav" variant="pills" class="flex-column flex-sm-row">
+<CNav as="nav" variant="pills" class="flex-column flex-sm-row">
   <CNavLink href="#" active>
     Active
   </CNavLink>
diff --git a/packages/docs/components/placeholder.md b/packages/docs/components/placeholder.md
index 14e45b9a..658ca503 100644
--- a/packages/docs/components/placeholder.md
+++ b/packages/docs/components/placeholder.md
@@ -30,7 +30,7 @@ In the example below, we take a typical card component and recreate it with plac
     </CCardBody>
   </CCard>
   <CCard style="width: 18rem">
-    <CCardImage component="svg" orientation="top" width="100%" height="162" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder" preserveAspectRatio="xMidYMid slice" focusable="false">
+    <CCardImage as="svg" orientation="top" width="100%" height="162" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder" preserveAspectRatio="xMidYMid slice" focusable="false">
       <title>Placeholder</title><rect width="100%" height="100%" fill="#868e96"></rect>
     </CCardImage>  
     <CCardBody>
@@ -62,7 +62,7 @@ In the example below, we take a typical card component and recreate it with plac
   </CCardBody>
 </CCard>
 <CCard style="width: 18rem">
-  <CCardImage component="svg" orientation="top" width="100%" height="162" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder" preserveAspectRatio="xMidYMid slice" focusable="false">
+  <CCardImage as="svg" orientation="top" width="100%" height="162" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder" preserveAspectRatio="xMidYMid slice" focusable="false">
     <title>Placeholder</title><rect width="100%" height="100%" fill="#868e96"></rect>
   </CCardImage>  
   <CCardBody>
@@ -170,19 +170,19 @@ The size of `<CPlaceholder>`s are based on the typographic style of the parent e
 Animate placeholders with `animation="glow"` or `animation="wave"` to better convey the perception of something being _actively_ loaded.
 
 :::demo
-<CPlaceholder component="p" animation="glow">
+<CPlaceholder as="p" animation="glow">
   <CPlaceholder :xs="12" />
 </CPlaceholder>  
-<CPlaceholder component="p" animation="wave">
+<CPlaceholder as="p" animation="wave">
   <CPlaceholder :xs="12" />
 </CPlaceholder> 
 :::
 ```vue
-<CPlaceholder component="p" animation="glow">
+<CPlaceholder as="p" animation="glow">
   <CPlaceholder :xs="12" />
 </CPlaceholder>  
 
-<CPlaceholder component="p" animation="wave">
+<CPlaceholder as="p" animation="wave">
   <CPlaceholder :xs="12" />
 </CPlaceholder> 
 ```
diff --git a/packages/docs/components/spinner.md b/packages/docs/components/spinner.md
index 7c3dda54..c0d6e028 100644
--- a/packages/docs/components/spinner.md
+++ b/packages/docs/components/spinner.md
@@ -102,38 +102,38 @@ Use spinners within buttons to indicate an action is currently processing or tak
 
 ::: demo
 <CButton disabled>
-  <CSpinner component="span" size="sm" aria-hidden="true"/>
+  <CSpinner as="span" size="sm" aria-hidden="true"/>
 </CButton>
 <CButton disabled>
-  <CSpinner component="span" size="sm" aria-hidden="true"/>
+  <CSpinner as="span" size="sm" aria-hidden="true"/>
   Loading...
 </CButton>
 :::
 ```vue
 <CButton disabled>
-  <CSpinner component="span" size="sm" aria-hidden="true"/>
+  <CSpinner as="span" size="sm" aria-hidden="true"/>
 </CButton>
 <CButton disabled>
-  <CSpinner component="span" size="sm" aria-hidden="true"/>
+  <CSpinner as="span" size="sm" aria-hidden="true"/>
   Loading...
 </CButton>
 ```
 
 ::: demo
 <CButton disabled>
-  <CSpinner component="span" size="sm" variant="grow" aria-hidden="true"/>
+  <CSpinner as="span" size="sm" variant="grow" aria-hidden="true"/>
 </CButton>
 <CButton disabled>
-  <CSpinner component="span" size="sm" variant="grow" aria-hidden="true"/>
+  <CSpinner as="span" size="sm" variant="grow" aria-hidden="true"/>
   Loading...
 </CButton>
 :::
 ```vue
 <CButton disabled>
-  <CSpinner component="span" size="sm" variant="grow" aria-hidden="true"/>
+  <CSpinner as="span" size="sm" variant="grow" aria-hidden="true"/>
 </CButton>
 <CButton disabled>
-  <CSpinner component="span" size="sm" variant="grow" aria-hidden="true"/>
+  <CSpinner as="span" size="sm" variant="grow" aria-hidden="true"/>
   Loading...
 </CButton>
 ```
diff --git a/packages/docs/components/toast.md b/packages/docs/components/toast.md
index 8e156b5e..8f6e1b76 100644
--- a/packages/docs/components/toast.md
+++ b/packages/docs/components/toast.md
@@ -293,7 +293,7 @@ Alternatively, you can also add additional controls and components to toasts.
     <CButton type="button" color="primary" size="sm">
     Take action
     </CButton>
-    <CToastClose component="CButton" color="secondary" size="sm" class="ms-1">Close</CToastClose>
+    <CToastClose as="CButton" color="secondary" size="sm" class="ms-1">Close</CToastClose>
     </div>
   </CToastBody>
 </CToast>
@@ -306,7 +306,7 @@ Alternatively, you can also add additional controls and components to toasts.
     <CButton type="button" color="primary" size="sm">
     Take action
     </CButton>
-    <CToastClose component="CButton" color="secondary" size="sm" class="ms-1">Close</CToastClose>
+    <CToastClose as="CButton" color="secondary" size="sm" class="ms-1">Close</CToastClose>
     </div>
   </CToastBody>
 </CToast>
diff --git a/packages/docs/forms/input-group.md b/packages/docs/forms/input-group.md
index d8540628..d3a4d523 100644
--- a/packages/docs/forms/input-group.md
+++ b/packages/docs/forms/input-group.md
@@ -422,7 +422,7 @@ Input groups include support for custom selects and custom file inputs. Browser
 
 ::: demo
 <CInputGroup class="mb-3">
-  <CInputGroupText component="label" for="inputGroupSelect01">Options</CInputGroupText>
+  <CInputGroupText as="label" for="inputGroupSelect01">Options</CInputGroupText>
   <CFormSelect id="inputGroupSelect01">
     <option>Choose...</option>
     <option value="1">One</option>
@@ -437,7 +437,7 @@ Input groups include support for custom selects and custom file inputs. Browser
     <option value="2">Two</option>
     <option value="3">Three</option>
   </CFormSelect>
-  <CInputGroupText component="label" for="inputGroupSelect02">Options</CInputGroupText>
+  <CInputGroupText as="label" for="inputGroupSelect02">Options</CInputGroupText>
 </CInputGroup>
 <CInputGroup class="mb-3">
   <CButton type="button" color="secondary" variant="outline">Button</CButton>
@@ -460,7 +460,7 @@ Input groups include support for custom selects and custom file inputs. Browser
 :::
 ```vue
 <CInputGroup class="mb-3">
-  <CInputGroupText component="label" for="inputGroupSelect01">Options</CInputGroupText>
+  <CInputGroupText as="label" for="inputGroupSelect01">Options</CInputGroupText>
   <CFormSelect id="inputGroupSelect01">
     <option>Choose...</option>
     <option value="1">One</option>
@@ -475,7 +475,7 @@ Input groups include support for custom selects and custom file inputs. Browser
     <option value="2">Two</option>
     <option value="3">Three</option>
   </CFormSelect>
-  <CInputGroupText component="label" for="inputGroupSelect02">Options</CInputGroupText>
+  <CInputGroupText as="label" for="inputGroupSelect02">Options</CInputGroupText>
 </CInputGroup>
 <CInputGroup class="mb-3">
   <CButton type="button" color="secondary" variant="outline">Button</CButton>
@@ -501,12 +501,12 @@ Input groups include support for custom selects and custom file inputs. Browser
 
 ::: demo
 <CInputGroup class="mb-3">
-  <CInputGroupText component="label" for="inputGroupFile01">Upload</CInputGroupText>
+  <CInputGroupText as="label" for="inputGroupFile01">Upload</CInputGroupText>
   <CFormInput type="file" id="inputGroupFile01"/>
 </CInputGroup>
 <CInputGroup class="mb-3">
   <CFormInput type="file" id="inputGroupFile02"/>
-  <CInputGroupText component="label" for="inputGroupFile02">Upload</CInputGroupText>
+  <CInputGroupText as="label" for="inputGroupFile02">Upload</CInputGroupText>
 </CInputGroup>
 <CInputGroup class="mb-3">
   <CButton type="button" color="secondary" variant="outline" id="inputGroupFileAddon03">Button</CButton>
@@ -519,12 +519,12 @@ Input groups include support for custom selects and custom file inputs. Browser
 :::
 ```vue
 <CInputGroup class="mb-3">
-  <CInputGroupText component="label" for="inputGroupFile01">Upload</CInputGroupText>
+  <CInputGroupText as="label" for="inputGroupFile01">Upload</CInputGroupText>
   <CFormInput type="file" id="inputGroupFile01"/>
 </CInputGroup>
 <CInputGroup class="mb-3">
   <CFormInput type="file" id="inputGroupFile02"/>
-  <CInputGroupText component="label" for="inputGroupFile02">Upload</CInputGroupText>
+  <CInputGroupText as="label" for="inputGroupFile02">Upload</CInputGroupText>
 </CInputGroup>
 <CInputGroup class="mb-3">
   <CButton type="button" color="secondary" variant="outline" id="inputGroupFileAddon03">Button</CButton>
diff --git a/packages/docs/forms/input.md b/packages/docs/forms/input.md
index 211afd82..71bafe1f 100644
--- a/packages/docs/forms/input.md
+++ b/packages/docs/forms/input.md
@@ -38,7 +38,7 @@ If you need to add custom classs to form's components, or need to add some custo
 <CForm>
   <CFormLabel for="exampleFormControlInput1">Email address</CFormLabel>
   <CFormInput type="email" id="exampleFormControlInput1" placeholder="name@example.com" aria-describedby="exampleFormControlInputHelpInline" />
-  <CFormText component="span" id="exampleFormControlInputHelpInline">
+  <CFormText as="span" id="exampleFormControlInputHelpInline">
     Must be 8-20 characters long.
   </CFormText>
 </CForm>
diff --git a/packages/docs/forms/overview.md b/packages/docs/forms/overview.md
index ae58681f..59f2911b 100644
--- a/packages/docs/forms/overview.md
+++ b/packages/docs/forms/overview.md
@@ -102,7 +102,7 @@ Inline text can use any typical inline HTML element (be it a `<span>`, `<small>`
     <CFormInput type="password" id="inputPassword6" aria-describedby="passwordHelpInline" />
   </CCol>
   <CCol xs="auto">
-    <CFormText component="span" id="passwordHelpInline">
+    <CFormText as="span" id="passwordHelpInline">
       Must be 8-20 characters long.
     </CFormText>
   </CCol>
@@ -119,7 +119,7 @@ Inline text can use any typical inline HTML element (be it a `<span>`, `<small>`
     <CFormInput type="password" id="inputPassword6" aria-describedby="passwordHelpInline" />
   </CCol>
   <CCol xs="auto">
-    <CFormText component="span" id="passwordHelpInline">
+    <CFormText as="span" id="passwordHelpInline">
       Must be 8-20 characters long.
     </CFormText>
   </CCol>
diff --git a/packages/docs/forms/textarea.md b/packages/docs/forms/textarea.md
index b1361c63..c238c297 100644
--- a/packages/docs/forms/textarea.md
+++ b/packages/docs/forms/textarea.md
@@ -29,7 +29,7 @@ If you need to add custom classs to form's components, or need to add some custo
 ```vue
 <CFormLabel for="exampleFormControlTextarea1">Example textarea</CFormLabel>
 <CFormTextarea id="exampleFormControlTextarea1" rows="3"></CFormTextarea>
-<CFormText component="span" id="passwordHelpInline">Must be 8-20 words long.</CFormText>
+<CFormText as="span" id="passwordHelpInline">Must be 8-20 words long.</CFormText>
 ```
 
 You can also use slots.

From f6093b6eb4f2458f4e3754d8797573aad638aa79 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 21 Mar 2024 11:36:51 +0100
Subject: [PATCH 268/346] refactor(CBadge): improve background and text color
 handling

---
 .../coreui-vue/src/components/badge/CBadge.ts     | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/packages/coreui-vue/src/components/badge/CBadge.ts b/packages/coreui-vue/src/components/badge/CBadge.ts
index 18480ba4..a6897567 100644
--- a/packages/coreui-vue/src/components/badge/CBadge.ts
+++ b/packages/coreui-vue/src/components/badge/CBadge.ts
@@ -5,12 +5,6 @@ import { Color, Shape, TextColor } from '../../props'
 const CBadge = defineComponent({
   name: 'CBadge',
   props: {
-    /**
-     * Sets the color context of the component to one of CoreUI’s themed colors.
-     *
-     * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
-     */
-    color: Color,
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
@@ -18,6 +12,12 @@ const CBadge = defineComponent({
       type: String,
       default: 'span',
     },
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors.
+     *
+     * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
+     */
+    color: Color,
     /**
      * Position badge in one of the corners of a link or button.
      *
@@ -61,7 +61,8 @@ const CBadge = defineComponent({
           class: [
             'badge',
             {
-              [`text-bg-${props.color}`]: props.color,
+              [`text-bg-${props.color}`]: props.color && !props.textColor,
+              [`bg-${props.color}`]: props.color && props.textColor,
               'position-absolute translate-middle': props.position,
               'top-0': props.position && props.position.includes('top'),
               'top-100': props.position && props.position.includes('bottom'),

From c4f5da9b5c01041959e7bfc04585dd49b2d60734 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Fri, 22 Mar 2024 15:49:51 +0100
Subject: [PATCH 269/346] refactor(CBadge, CCard): improve background and text
 color handling

---
 .../coreui-vue/src/components/badge/CBadge.ts | 11 ++++-
 .../coreui-vue/src/components/card/CCard.ts   |  8 ++++
 .../client/styles/_component-examples.scss    |  5 +++
 packages/docs/components/badge.md             | 30 +++++++++++--
 packages/docs/components/card.md              | 43 +++++++++++++++++++
 5 files changed, 91 insertions(+), 6 deletions(-)

diff --git a/packages/coreui-vue/src/components/badge/CBadge.ts b/packages/coreui-vue/src/components/badge/CBadge.ts
index a6897567..65e5936c 100644
--- a/packages/coreui-vue/src/components/badge/CBadge.ts
+++ b/packages/coreui-vue/src/components/badge/CBadge.ts
@@ -46,6 +46,13 @@ const CBadge = defineComponent({
         return value === 'sm'
       },
     },
+    /**
+     * Sets the component's color scheme to one of CoreUI's themed colors, ensuring the text color contrast adheres to the WCAG 4.5:1 contrast ratio standard for accessibility.
+     *
+     * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
+     * @since 5.0.0-rc.3
+     */
+    textBgColor: Color,
     /**
      * Sets the text color of the component to one of CoreUI’s themed colors.
      *
@@ -61,8 +68,7 @@ const CBadge = defineComponent({
           class: [
             'badge',
             {
-              [`text-bg-${props.color}`]: props.color && !props.textColor,
-              [`bg-${props.color}`]: props.color && props.textColor,
+              [`bg-${props.color}`]: props.color,
               'position-absolute translate-middle': props.position,
               'top-0': props.position && props.position.includes('top'),
               'top-100': props.position && props.position.includes('bottom'),
@@ -70,6 +76,7 @@ const CBadge = defineComponent({
               'start-0': props.position && props.position.includes('start'),
               [`badge-${props.size}`]: props.size,
               [`text-${props.textColor}`]: props.textColor,
+              [`text-bg-${props.textBgColor}`]: props.textBgColor,
             },
             props.shape,
           ],
diff --git a/packages/coreui-vue/src/components/card/CCard.ts b/packages/coreui-vue/src/components/card/CCard.ts
index 34e0531a..e63631fb 100644
--- a/packages/coreui-vue/src/components/card/CCard.ts
+++ b/packages/coreui-vue/src/components/card/CCard.ts
@@ -11,6 +11,13 @@ const CCard = defineComponent({
      * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
      */
     color: Color,
+    /**
+     * Sets the component's color scheme to one of CoreUI's themed colors, ensuring the text color contrast adheres to the WCAG 4.5:1 contrast ratio standard for accessibility.
+     *
+     * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
+     * @since 5.0.0-rc.3
+     */
+    textBgColor: Color,
     /**
      * Sets the text color context of the component to one of CoreUI’s themed colors.
      *
@@ -28,6 +35,7 @@ const CCard = defineComponent({
             {
               [`bg-${props.color}`]: props.color,
               [`text-${props.textColor}`]: props.textColor,
+              [`text-bg-${props.textBgColor}`]: props.textBgColor,
             },
           ],
         },
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_component-examples.scss b/packages/docs/.vuepress/theme-coreui/src/client/styles/_component-examples.scss
index 10462b61..6561eaee 100644
--- a/packages/docs/.vuepress/theme-coreui/src/client/styles/_component-examples.scss
+++ b/packages/docs/.vuepress/theme-coreui/src/client/styles/_component-examples.scss
@@ -73,6 +73,11 @@
     margin-left: .5rem;
   }
 
+  // Badges
+  > .badge + .badge {
+    margin-left: .25rem;
+  }
+
   // Buttons
   > .btn,
   > .btn-group {
diff --git a/packages/docs/components/badge.md b/packages/docs/components/badge.md
index 5f6a22a0..6d46e501 100644
--- a/packages/docs/components/badge.md
+++ b/packages/docs/components/badge.md
@@ -145,7 +145,7 @@ Add any of the below-mentioned `color` props to modify the presentation of a bad
 <CBadge color="danger">danger</CBadge>
 <CBadge color="warning">warning</CBadge>
 <CBadge color="info">info</CBadge>
-<CBadge color="light">light</CBadge>
+<CBadge textBgColor="light">light</CBadge>
 <CBadge color="dark">dark</CBadge>
 :::
 ```vue
@@ -154,10 +154,32 @@ Add any of the below-mentioned `color` props to modify the presentation of a bad
 <CBadge color="danger">danger</CBadge>
 <CBadge color="warning">warning</CBadge>
 <CBadge color="info">info</CBadge>
-<CBadge color="light">light</CBadge>
+<CBadge textBgColor="light">light</CBadge>
 <CBadge color="dark">dark</CBadge>
 ```
 
+You can also apply contextual variations with the `textBgColor` property, which automatically sets the text color to ensure compliance with the WCAG 4.5:1 contrast ratio standard for enhanced accessibility.
+
+::: demo
+<CBadge textBgColor="primary">primary</CBadge>
+<CBadge textBgColor="success">success</CBadge>
+<CBadge textBgColor="danger">danger</CBadge>
+<CBadge textBgColor="warning">warning</CBadge>
+<CBadge textBgColor="info">info</CBadge>
+<CBadge textBgColor="light">light</CBadge>
+<CBadge textBgColor="dark">dark</CBadge>
+:::
+```vue
+<CBadge textBgColor="primary">primary</CBadge>
+<CBadge textBgColor="success">success</CBadge>
+<CBadge textBgColor="danger">danger</CBadge>
+<CBadge textBgColor="warning">warning</CBadge>
+<CBadge textBgColor="info">info</CBadge>
+<CBadge textBgColor="light">light</CBadge>
+<CBadge textBgColor="dark">dark</CBadge>
+```
+
+
 ## Pill badges
 
 Apply the `shape="rounded-pill"` prop to make badges rounded.
@@ -168,7 +190,7 @@ Apply the `shape="rounded-pill"` prop to make badges rounded.
 <CBadge color="danger" shape="rounded-pill">danger</CBadge>
 <CBadge color="warning" shape="rounded-pill">warning</CBadge>
 <CBadge color="info" shape="rounded-pill">info</CBadge>
-<CBadge color="light" shape="rounded-pill">light</CBadge>
+<CBadge textBgColor="light" shape="rounded-pill">light</CBadge>
 <CBadge color="dark" shape="rounded-pill">dark</CBadge>
 :::
 ```vue
@@ -177,7 +199,7 @@ Apply the `shape="rounded-pill"` prop to make badges rounded.
 <CBadge color="danger" shape="rounded-pill">danger</CBadge>
 <CBadge color="warning" shape="rounded-pill">warning</CBadge>
 <CBadge color="info" shape="rounded-pill">info</CBadge>
-<CBadge color="light" shape="rounded-pill">light</CBadge>
+<CBadge textBgColor="light" shape="rounded-pill">light</CBadge>
 <CBadge color="dark" shape="rounded-pill">dark</CBadge>
 ```
 
diff --git a/packages/docs/components/card.md b/packages/docs/components/card.md
index 2e298a4f..7163d29a 100644
--- a/packages/docs/components/card.md
+++ b/packages/docs/components/card.md
@@ -780,6 +780,49 @@ Use `color` property to change the appearance of a card.
 </template>
 ```
 
+You can also apply contextual variations with the `textBgColor` property, which automatically sets the text color to ensure compliance with the WCAG 4.5:1 contrast ratio standard for enhanced accessibility.
+
+::: demo
+<template v-for="(item) in [
+  { color: 'primary' },
+  { color: 'secondary' },
+  { color: 'success' },
+  { color: 'danger' },
+  { color: 'warning' },
+  { color: 'info' },
+  { color: 'light' },
+  { color: 'dark' }
+]">
+  <CCard :textBgColor="item.color" class="mb-3" style="max-width: 18rem">
+    <CCardHeader>Header</CCardHeader>
+    <CCardBody>
+      <CCardTitle>{{item.color}} card title</CCardTitle>
+      <CCardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CCardText>
+    </CCardBody>
+  </CCard>
+</template>
+:::
+```vue
+<template v-for="(item) in [
+  { color: 'primary' },
+  { color: 'secondary' },
+  { color: 'success' },
+  { color: 'danger' },
+  { color: 'warning' },
+  { color: 'info' },
+  { color: 'light' },
+  { color: 'dark' }
+]">
+  <CCard :textBgColor="item.color" class="mb-3" style="max-width: 18rem">
+    <CCardHeader>Header</CCardHeader>
+    <CCardBody>
+      <CCardTitle>{{item.color}} card title</CCardTitle>
+      <CCardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CCardText>
+    </CCardBody>
+  </CCard>
+</template>
+```
+
 <Callout color="info" title="Conveying meaning to assistive technologies">
   Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the <code>.visually-hidden</code> class.
 </Callout>

From ef6acab80001237680db322782ef04221e851e36 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Fri, 22 Mar 2024 16:07:19 +0100
Subject: [PATCH 270/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@coreui/coreui                    ^5.0.0-rc.2  →  ^5.0.0-rc-2
@rollup/plugin-typescript             ^11.1.5  →      ^11.1.6
@types/jest                          ^29.5.11  →     ^29.5.12
@typescript-eslint/eslint-plugin       ^7.1.1  →       ^7.3.1
@typescript-eslint/parser              ^7.1.1  →       ^7.3.1
@vue/test-utils                        ^2.4.3  →       ^2.4.5
eslint-plugin-vue                     ^9.22.0  →      ^9.23.0
rollup                                 ^4.9.2  →      ^4.13.0
ts-jest                               ^29.1.1  →      ^29.1.2
typescript                             ^5.3.3  →       ^5.4.3
vue                                    ^3.4.3  →      ^3.4.21
vue-docgen-cli                        ^4.67.0  →      ^4.78.0
---
 package.json                     |  6 +++---
 packages/coreui-vue/package.json | 16 ++++++++--------
 packages/docs/package.json       |  4 ++--
 3 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/package.json b/package.json
index 2139943d..9173efda 100644
--- a/package.json
+++ b/package.json
@@ -22,14 +22,14 @@
     "test:update": "npm-run-all charts:test:update icons:test:update lib:test:update"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^7.1.1",
-    "@typescript-eslint/parser": "^7.1.1",
+    "@typescript-eslint/eslint-plugin": "^7.3.1",
+    "@typescript-eslint/parser": "^7.3.1",
     "@vue/eslint-config-prettier": "^9.0.0",
     "@vue/eslint-config-typescript": "^13.0.0",
     "@vue/vue3-jest": "29.2.6",
     "eslint": "8.57.0",
     "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-vue": "^9.22.0",
+    "eslint-plugin-vue": "^9.23.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-unicorn": "^51.0.1",
     "lerna": "^8.1.2",
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index e30b2abe..bd7fafa4 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -41,24 +41,24 @@
     "test:update": "jest --coverage --updateSnapshot"
   },
   "dependencies": {
-    "@coreui/coreui": "^5.0.0-rc.2",
+    "@coreui/coreui": "^5.0.0-rc.3",
     "@popperjs/core": "^2.11.8"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-node-resolve": "^15.2.3",
-    "@rollup/plugin-typescript": "^11.1.5",
-    "@types/jest": "^29.5.11",
-    "@vue/test-utils": "^2.4.3",
+    "@rollup/plugin-typescript": "^11.1.6",
+    "@types/jest": "^29.5.12",
+    "@vue/test-utils": "^2.4.5",
     "@vue/vue3-jest": "29.2.6",
     "cross-env": "^7.0.3",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "rollup": "^4.9.2",
+    "rollup": "^4.13.0",
     "rollup-plugin-vue": "^6.0.0",
-    "ts-jest": "^29.1.1",
-    "typescript": "^5.3.3",
-    "vue": "^3.4.3",
+    "ts-jest": "^29.1.2",
+    "typescript": "^5.4.3",
+    "vue": "^3.4.21",
     "vue-types": "^5.1.1"
   },
   "peerDependencies": {
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 8a508e54..a2df3ca1 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -9,7 +9,7 @@
   "license": "MIT",
   "devDependencies": {
     "@coreui/chartjs": "^4.0.0-rc.0",
-    "@coreui/coreui": "^5.0.0-rc-2",
+    "@coreui/coreui": "^5.0.0-rc.3",
     "@coreui/icons": "^3.0.1",
     "@coreui/icons-vue": "^2.0.0",
     "@coreui/utils": "^2.0.2",
@@ -19,7 +19,7 @@
     "@vuepress/plugin-register-components": "2.0.0-rc.0",
     "@vuepress/plugin-toc": "2.0.0-rc.0",
     "markdown-it-include": "^2.0.0",
-    "vue-docgen-cli": "^4.67.0",
+    "vue-docgen-cli": "^4.78.0",
     "vuepress": "2.0.0-rc.0"
   }
 }

From e526efd221c1364ec471b7d170a37a4b4727c83e Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Fri, 22 Mar 2024 16:19:21 +0100
Subject: [PATCH 271/346] docs: update content

---
 packages/docs/components/card.md     | 56 ++++++++++++++--------------
 packages/docs/components/dropdown.md | 10 ++---
 packages/docs/components/spinner.md  | 16 ++++----
 packages/docs/forms/layout.md        | 20 +++++-----
 packages/docs/forms/overview.md      |  4 +-
 5 files changed, 53 insertions(+), 53 deletions(-)

diff --git a/packages/docs/components/card.md b/packages/docs/components/card.md
index 7163d29a..57562d86 100644
--- a/packages/docs/components/card.md
+++ b/packages/docs/components/card.md
@@ -24,7 +24,7 @@ Below is an example of a basic card with mixed content and a fixed width. Cards
   <CCardBody>
     <CCardTitle>Card title</CCardTitle>
     <CCardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CCardText>
-    <CButton href="#">Go somewhere</CButton>
+    <CButton color="primary" href="#">Go somewhere</CButton>
   </CCardBody>
 </CCard>
 :::
@@ -34,7 +34,7 @@ Below is an example of a basic card with mixed content and a fixed width. Cards
   <CCardBody>
     <CCardTitle>Card title</CCardTitle>
     <CCardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CCardText>
-    <CButton href="#">Go somewhere</CButton>
+    <CButton color="primary" href="#">Go somewhere</CButton>
   </CCardBody>
 </CCard>
 ```
@@ -226,7 +226,7 @@ Add an optional header and/or footer within a card.
   <CCardBody>
     <CCardTitle>Special title treatment</CCardTitle>
     <CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
-    <CButton href="#">Go somewhere</CButton>
+    <CButton color="primary" href="#">Go somewhere</CButton>
   </CCardBody>
 </CCard>
 :::
@@ -236,7 +236,7 @@ Add an optional header and/or footer within a card.
   <CCardBody>
     <CCardTitle>Special title treatment</CCardTitle>
     <CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
-    <CButton href="#">Go somewhere</CButton>
+    <CButton color="primary" href="#">Go somewhere</CButton>
   </CCardBody>
 </CCard>
 ```
@@ -249,7 +249,7 @@ Card headers can be styled by adding ex. `as="h5"`.
   <CCardBody>
     <CCardTitle>Special title treatment</CCardTitle>
     <CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
-    <CButton href="#">Go somewhere</CButton>
+    <CButton color="primary" href="#">Go somewhere</CButton>
   </CCardBody>
 </CCard>
 :::
@@ -259,7 +259,7 @@ Card headers can be styled by adding ex. `as="h5"`.
   <CCardBody>
     <CCardTitle>Special title treatment</CCardTitle>
     <CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
-    <CButton href="#">Go somewhere</CButton>
+    <CButton color="primary" href="#">Go somewhere</CButton>
   </CCardBody>
 </CCard>
 ```
@@ -293,7 +293,7 @@ Card headers can be styled by adding ex. `as="h5"`.
   <CCardBody>
     <CCardTitle>Special title treatment</CCardTitle>
     <CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
-    <CButton href="#">Go somewhere</CButton>
+    <CButton color="primary" href="#">Go somewhere</CButton>
   </CCardBody>
   <CCardFooter class="text-body-secondary">2 days ago</CCardFooter>
 </CCard>
@@ -304,7 +304,7 @@ Card headers can be styled by adding ex. `as="h5"`.
   <CCardBody>
     <CCardTitle>Special title treatment</CCardTitle>
     <CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
-    <CButton href="#">Go somewhere</CButton>
+    <CButton color="primary" href="#">Go somewhere</CButton>
   </CCardBody>
   <CCardFooter class="text-body-secondary">2 days ago</CCardFooter>
 </CCard>
@@ -325,7 +325,7 @@ Using the grid, wrap cards in columns and rows as needed.
       <CCardBody>
         <CCardTitle>Special title treatment</CCardTitle>
         <CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
-        <CButton href="#">Go somewhere</CButton>
+        <CButton color="primary" href="#">Go somewhere</CButton>
       </CCardBody>
     </CCard>
   </CCol>
@@ -334,7 +334,7 @@ Using the grid, wrap cards in columns and rows as needed.
       <CCardBody>
         <CCardTitle>Special title treatment</CCardTitle>
         <CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
-        <CButton href="#">Go somewhere</CButton>
+        <CButton color="primary" href="#">Go somewhere</CButton>
       </CCardBody>
     </CCard>
   </CCol>
@@ -347,7 +347,7 @@ Using the grid, wrap cards in columns and rows as needed.
       <CCardBody>
         <CCardTitle>Special title treatment</CCardTitle>
         <CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
-        <CButton href="#">Go somewhere</CButton>
+        <CButton color="primary" href="#">Go somewhere</CButton>
       </CCardBody>
     </CCard>
   </CCol>
@@ -356,7 +356,7 @@ Using the grid, wrap cards in columns and rows as needed.
       <CCardBody>
         <CCardTitle>Special title treatment</CCardTitle>
         <CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
-        <CButton href="#">Go somewhere</CButton>
+        <CButton color="primary" href="#">Go somewhere</CButton>
       </CCardBody>
     </CCard>
   </CCol>
@@ -372,14 +372,14 @@ Use some of [available sizing utilities](https://coreui.io/docs/utilities/sizing
   <CCardBody>
     <CCardTitle>Card title</CCardTitle>
     <CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
-    <CButton href="#">Go somewhere</CButton>
+    <CButton color="primary" href="#">Go somewhere</CButton>
   </CCardBody>
 </CCard>
 <CCard class="w-50">
   <CCardBody>
     <CCardTitle>Card title</CCardTitle>
     <CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
-    <CButton href="#">Go somewhere</CButton>
+    <CButton color="primary" href="#">Go somewhere</CButton>
   </CCardBody>
 </CCard>
 :::
@@ -388,14 +388,14 @@ Use some of [available sizing utilities](https://coreui.io/docs/utilities/sizing
   <CCardBody>
     <CCardTitle>Card title</CCardTitle>
     <CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
-    <CButton href="#">Go somewhere</CButton>
+    <CButton color="primary" href="#">Go somewhere</CButton>
   </CCardBody>
 </CCard>
 <CCard class="w-50">
   <CCardBody>
     <CCardTitle>Card title</CCardTitle>
     <CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
-    <CButton href="#">Go somewhere</CButton>
+    <CButton color="primary" href="#">Go somewhere</CButton>
   </CCardBody>
 </CCard>
 ```
@@ -409,7 +409,7 @@ Use custom CSS in your stylesheets or as inline styles to set a width.
   <CCardBody>
     <CCardTitle>Special title treatment</CCardTitle>
     <CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
-    <CButton href="#">Go somewhere</CButton>
+    <CButton color="primary" href="#">Go somewhere</CButton>
   </CCardBody>
 </CCard>
 :::
@@ -418,7 +418,7 @@ Use custom CSS in your stylesheets or as inline styles to set a width.
   <CCardBody>
     <CCardTitle>Special title treatment</CCardTitle>
     <CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
-    <CButton href="#">Go somewhere</CButton>
+    <CButton color="primary" href="#">Go somewhere</CButton>
   </CCardBody>
 </CCard>
 ```
@@ -432,21 +432,21 @@ You can instantly change the text arrangement of any card—in its whole or spec
   <CCardBody>
     <CCardTitle>Special title treatment</CCardTitle>
     <CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
-    <CButton href="#">Go somewhere</CButton>
+    <CButton color="primary" href="#">Go somewhere</CButton>
   </CCardBody>
 </CCard>
 <CCard class="text-center" style="width: 18rem">
   <CCardBody>
     <CCardTitle>Special title treatment</CCardTitle>
     <CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
-    <CButton href="#">Go somewhere</CButton>
+    <CButton color="primary" href="#">Go somewhere</CButton>
   </CCardBody>
 </CCard>
 <CCard class="text-end" style="width: 18rem">
   <CCardBody>
     <CCardTitle>Special title treatment</CCardTitle>
     <CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
-    <CButton href="#">Go somewhere</CButton>
+    <CButton color="primary" href="#">Go somewhere</CButton>
   </CCardBody>
 </CCard>
 :::
@@ -455,21 +455,21 @@ You can instantly change the text arrangement of any card—in its whole or spec
   <CCardBody>
     <CCardTitle>Special title treatment</CCardTitle>
     <CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
-    <CButton href="#">Go somewhere</CButton>
+    <CButton color="primary" href="#">Go somewhere</CButton>
   </CCardBody>
 </CCard>
 <CCard class="text-center" style="width: 18rem">
   <CCardBody>
     <CCardTitle>Special title treatment</CCardTitle>
     <CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
-    <CButton href="#">Go somewhere</CButton>
+    <CButton color="primary" href="#">Go somewhere</CButton>
   </CCardBody>
 </CCard>
 <CCard class="text-end" style="width: 18rem">
   <CCardBody>
     <CCardTitle>Special title treatment</CCardTitle>
     <CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
-    <CButton href="#">Go somewhere</CButton>
+    <CButton color="primary" href="#">Go somewhere</CButton>
   </CCardBody>
 </CCard>
 ```
@@ -510,7 +510,7 @@ Add some navigation to a `<CCardHeader>` with our `<CNav>` component.
   <CCardBody>
     <CCardTitle>Special title treatment</CCardTitle>
     <CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
-    <CButton href="#">Go somewhere</CButton>
+    <CButton color="primary" href="#">Go somewhere</CButton>
   </CCardBody>
 </CCard>
 :::
@@ -546,7 +546,7 @@ Add some navigation to a `<CCardHeader>` with our `<CNav>` component.
   <CCardBody>
     <CCardTitle>Special title treatment</CCardTitle>
     <CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
-    <CButton href="#">Go somewhere</CButton>
+    <CButton color="primary" href="#">Go somewhere</CButton>
   </CCardBody>
 </CCard>
 ```
@@ -583,7 +583,7 @@ Add some navigation to a `<CCardHeader>` with our `<CNav>` component.
   <CCardBody>
     <CCardTitle>Special title treatment</CCardTitle>
     <CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
-    <CButton href="#">Go somewhere</CButton>
+    <CButton color="primary" href="#">Go somewhere</CButton>
   </CCardBody>
 </CCard>
 :::
@@ -619,7 +619,7 @@ Add some navigation to a `<CCardHeader>` with our `<CNav>` component.
   <CCardBody>
     <CCardTitle>Special title treatment</CCardTitle>
     <CCardText>With supporting text below as a natural lead-in to additional content.</CCardText>
-    <CButton href="#">Go somewhere</CButton>
+    <CButton color="primary" href="#">Go somewhere</CButton>
   </CCardBody>
 </CCard>
 ```
diff --git a/packages/docs/components/dropdown.md b/packages/docs/components/dropdown.md
index 188211c7..da73b72e 100644
--- a/packages/docs/components/dropdown.md
+++ b/packages/docs/components/dropdown.md
@@ -578,7 +578,7 @@ Add a header to label sections of actions in any dropdown menu.
 In the following example we use `div` instead of `<CDropdownMenu>` to show `<CDropdownMenu>` content.
 
 ::: demo
-<div class="border rounded py-2">
+<div class="dropdown-menu">
   <CDropdownHeader>Dropdown header</CDropdownHeader>
   <CDropdownItem href="#">Action</CDropdownItem>
   <CDropdownItem href="#">Another action</CDropdownItem>
@@ -597,7 +597,7 @@ Separate groups of related menu items with a divider.
 In the following example we use `div` instead of `<CDropdownMenu>` to show `<CDropdownMenu>` content.
 
 ::: demo
-<div class="border rounded py-2">
+<div class="dropdown-menu">
   <CDropdownItem href="#">Action</CDropdownItem>
   <CDropdownItem href="#">Another action</CDropdownItem>
   <CDropdownItem href="#">Something else here</CDropdownItem>
@@ -640,7 +640,7 @@ Place any freeform text within a dropdown menu with text. Note that you'll likel
 Put a form within a dropdown menu, or make it into a dropdown menu.
 
 ::: demo
-<div class="border rounded py-2">
+<div class="dropdown-menu">
   <CForm class="px-4 py-4">
     <div class="mb-3">
       <CFormLabel for="exampleDropdownFormEmail1">Email address</CFormLabel>
@@ -653,7 +653,7 @@ Put a form within a dropdown menu, or make it into a dropdown menu.
     <div class="mb-3">
       <CFormCheck id="dropdownCheck" label="Remember me"/>
     </div>
-    <CButton type="submit">Sign in</CButton>
+    <CButton color="primary" type="submit">Sign in</CButton>
   </CForm>
   <CDropdownDivider/>
   <CDropdownItem href="#">New around here? Sign up</CDropdownItem>
@@ -673,7 +673,7 @@ Put a form within a dropdown menu, or make it into a dropdown menu.
   <div class="mb-3">
     <CFormCheck id="dropdownCheck" label="Remember me"/>
   </div>
-  <CButton type="submit">Sign in</CButton>
+  <CButton color="primary" type="submit">Sign in</CButton>
 </CForm>
 <CDropdownDivider/>
 <CDropdownItem href="#">New around here? Sign up</CDropdownItem>
diff --git a/packages/docs/components/spinner.md b/packages/docs/components/spinner.md
index c0d6e028..f6a9eaac 100644
--- a/packages/docs/components/spinner.md
+++ b/packages/docs/components/spinner.md
@@ -101,38 +101,38 @@ Add `size="sm"`property` to make a smaller spinner that can quickly be used with
 Use spinners within buttons to indicate an action is currently processing or taking place. You may also swap the text out of the spinner element and utilize button text as needed.
 
 ::: demo
-<CButton disabled>
+<CButton color="primary" disabled>
   <CSpinner as="span" size="sm" aria-hidden="true"/>
 </CButton>
-<CButton disabled>
+<CButton color="primary" disabled>
   <CSpinner as="span" size="sm" aria-hidden="true"/>
   Loading...
 </CButton>
 :::
 ```vue
-<CButton disabled>
+<CButton color="primary" disabled>
   <CSpinner as="span" size="sm" aria-hidden="true"/>
 </CButton>
-<CButton disabled>
+<CButton color="primary" disabled>
   <CSpinner as="span" size="sm" aria-hidden="true"/>
   Loading...
 </CButton>
 ```
 
 ::: demo
-<CButton disabled>
+<CButton color="primary" disabled>
   <CSpinner as="span" size="sm" variant="grow" aria-hidden="true"/>
 </CButton>
-<CButton disabled>
+<CButton color="primary" disabled>
   <CSpinner as="span" size="sm" variant="grow" aria-hidden="true"/>
   Loading...
 </CButton>
 :::
 ```vue
-<CButton disabled>
+<CButton color="primary" disabled>
   <CSpinner as="span" size="sm" variant="grow" aria-hidden="true"/>
 </CButton>
-<CButton disabled>
+<CButton color="primary" disabled>
   <CSpinner as="span" size="sm" variant="grow" aria-hidden="true"/>
   Loading...
 </CButton>
diff --git a/packages/docs/forms/layout.md b/packages/docs/forms/layout.md
index e2f733a2..eed21307 100644
--- a/packages/docs/forms/layout.md
+++ b/packages/docs/forms/layout.md
@@ -107,7 +107,7 @@ More complex layouts can also be created with the grid system.
     <CFormCheck type="checkbox" id="gridCheck" label="Check me out"/>
   </CCol>
   <CCol xs="12">
-    <CButton type="submit">Sign in</CButton>
+    <CButton color="primary" type="submit">Sign in</CButton>
   </CCol>
 </CForm>
 :::
@@ -148,7 +148,7 @@ More complex layouts can also be created with the grid system.
     <CFormCheck type="checkbox" id="gridCheck" label="Check me out"/>
   </CCol>
   <CCol xs="12">
-    <CButton type="submit">Sign in</CButton>
+    <CButton color="primary" type="submit">Sign in</CButton>
   </CCol>
 </CForm>
 ```
@@ -186,7 +186,7 @@ At times, you maybe need to use margin or padding utilities to create that perfe
       <CFormCheck type="checkbox" id="gridCheck1" label="Example checkbox"/>
     </div>
   </CRow>
-  <CButton type="submit">Sign in</CButton>
+  <CButton color="primary" type="submit">Sign in</CButton>
 </CForm>
 :::
 ```vue
@@ -216,7 +216,7 @@ At times, you maybe need to use margin or padding utilities to create that perfe
       <CFormCheck type="checkbox" id="gridCheck1" label="Example checkbox"/>
     </div>
   </CRow>
-  <CButton type="submit">Sign in</CButton>
+  <CButton color="primary" type="submit">Sign in</CButton>
 </CForm>
 ```
 
@@ -326,7 +326,7 @@ The example below uses a flexbox utility to vertically center the contents and c
     <CFormCheck type="checkbox" id="autoSizingCheck" label="Remember me"/>
   </CCol>
   <CCol xs="auto">
-    <CButton type="submit">Submit</CButton>
+    <CButton color="primary" type="submit">Submit</CButton>
   </CCol>
 </CForm>
 :::
@@ -356,7 +356,7 @@ The example below uses a flexbox utility to vertically center the contents and c
     <CFormCheck type="checkbox" id="autoSizingCheck" label="Remember me"/>
   </CCol>
   <CCol xs="auto">
-    <CButton type="submit">Submit</CButton>
+    <CButton color="primary" type="submit">Submit</CButton>
   </CCol>
 </CForm>
 ```
@@ -389,7 +389,7 @@ You can then remix that once again with size-specific column classes.
     <CFormCheck type="checkbox" id="autoSizingCheck2" label="Remember me"/>
   </CCol>
   <CCol xs="auto">
-    <CButton type="submit">Submit</CButton>
+    <CButton color="primary" type="submit">Submit</CButton>
   </CCol>
 </CForm>
 :::
@@ -419,7 +419,7 @@ You can then remix that once again with size-specific column classes.
     <CFormCheck type="checkbox" id="autoSizingCheck2" label="Remember me"/>
   </CCol>
   <CCol xs="auto">
-    <CButton type="submit">Submit</CButton>
+    <CButton color="primary" type="submit">Submit</CButton>
   </CCol>
 </CForm>
 ```
@@ -450,7 +450,7 @@ Use the `<CCol xs="auto">` class to create horizontal layouts. By adding [gutter
     <CFormCheck type="checkbox" id="inlineFormCheck" label="Remember me"/>
   </CCol>
   <CCol xs="12">
-    <CButton type="submit">Submit</CButton>
+    <CButton color="primary" type="submit">Submit</CButton>
   </CCol>
 </CForm>
 :::
@@ -476,7 +476,7 @@ Use the `<CCol xs="auto">` class to create horizontal layouts. By adding [gutter
     <CFormCheck type="checkbox" id="inlineFormCheck" label="Remember me"/>
   </CCol>
   <CCol xs="12">
-    <CButton type="submit">Submit</CButton>
+    <CButton color="primary" type="submit">Submit</CButton>
   </CCol>
 </CForm>
 ```
diff --git a/packages/docs/forms/overview.md b/packages/docs/forms/overview.md
index 59f2911b..d37133f6 100644
--- a/packages/docs/forms/overview.md
+++ b/packages/docs/forms/overview.md
@@ -155,7 +155,7 @@ However, if your form also includes custom button-like elements such as `<CButto
     <div class="mb-3">
       <CFormCheck id="disabledFieldsetCheck" label="Can't check this" disabled />
     </div>
-    <CButton type="submit">Submit</CButton>
+    <CButton color="primary" type="submit">Submit</CButton>
   </fieldset>
 </CForm>
 :::
@@ -176,7 +176,7 @@ However, if your form also includes custom button-like elements such as `<CButto
     <div class="mb-3">
       <CFormCheck id="disabledFieldsetCheck" label="Can't check this" disabled />
     </div>
-    <CButton type="submit">Submit</CButton>
+    <CButton color="primary" type="submit">Submit</CButton>
   </fieldset>
 </CForm>
 ```

From 1860d59845b9f9438fcc594aebff3f18dafae879 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sat, 23 Mar 2024 11:42:21 +0100
Subject: [PATCH 272/346] fix:  resolve "Argument of type 'string | undefined'
 is not assignable to parameter of type 'string'" warning

---
 .../src/components/accordion/index.ts         | 10 +++----
 .../coreui-vue/src/components/alert/index.ts  |  6 ++--
 .../coreui-vue/src/components/avatar/index.ts |  2 +-
 .../src/components/backdrop/index.ts          |  2 +-
 .../coreui-vue/src/components/badge/index.ts  |  2 +-
 .../src/components/breadcrumb/index.ts        |  4 +--
 .../src/components/button-group/index.ts      |  4 +--
 .../coreui-vue/src/components/button/index.ts |  2 +-
 .../src/components/callout/index.ts           |  2 +-
 .../coreui-vue/src/components/card/index.ts   | 22 +++++++-------
 .../src/components/carousel/index.ts          |  6 ++--
 .../src/components/close-button/index.ts      |  2 +-
 .../src/components/collapse/index.ts          |  2 +-
 .../CConditionalTeleport.ts                   |  2 +-
 .../components/conditional-teleport/index.ts  |  2 +-
 .../src/components/dropdown/CDropdown.ts      |  4 +--
 .../components/dropdown/CDropdownToggle.ts    |  2 +-
 .../src/components/dropdown/index.ts          | 12 ++++----
 .../coreui-vue/src/components/footer/index.ts |  2 +-
 .../coreui-vue/src/components/form/index.ts   | 29 +++++++++----------
 .../coreui-vue/src/components/grid/index.ts   |  6 ++--
 .../coreui-vue/src/components/header/index.ts | 12 ++++----
 .../coreui-vue/src/components/image/index.ts  |  2 +-
 .../coreui-vue/src/components/link/index.ts   |  2 +-
 .../src/components/list-group/index.ts        |  4 +--
 .../coreui-vue/src/components/modal/CModal.ts |  2 +-
 .../coreui-vue/src/components/modal/index.ts  | 10 +++----
 .../coreui-vue/src/components/nav/index.ts    | 12 ++++----
 .../coreui-vue/src/components/navbar/index.ts | 10 +++----
 .../src/components/offcanvas/index.ts         |  8 ++---
 .../src/components/pagination/index.ts        |  4 +--
 .../src/components/placeholder/index.ts       |  2 +-
 .../src/components/popover/CPopover.ts        |  2 +-
 .../src/components/popover/index.ts           |  2 +-
 .../src/components/progress/CProgress.ts      |  2 +-
 .../src/components/progress/index.ts          |  6 ++--
 .../src/components/sidebar/index.ts           | 12 ++++----
 .../src/components/spinner/index.ts           |  2 +-
 .../coreui-vue/src/components/table/index.ts  | 16 +++++-----
 .../coreui-vue/src/components/tabs/index.ts   |  4 +--
 .../coreui-vue/src/components/toast/index.ts  | 10 +++----
 .../src/components/tooltip/CTooltip.ts        |  2 +-
 .../src/components/tooltip/index.ts           |  2 +-
 .../src/components/widgets/index.ts           | 12 ++++----
 44 files changed, 131 insertions(+), 134 deletions(-)

diff --git a/packages/coreui-vue/src/components/accordion/index.ts b/packages/coreui-vue/src/components/accordion/index.ts
index ee2326db..0d3d51dd 100644
--- a/packages/coreui-vue/src/components/accordion/index.ts
+++ b/packages/coreui-vue/src/components/accordion/index.ts
@@ -7,11 +7,11 @@ import { CAccordionItem } from './CAccordionItem'
 
 const CAccordionPlugin = {
   install: (app: App): void => {
-    app.component(CAccordion.name, CAccordion)
-    app.component(CAccordionBody.name, CAccordionBody)
-    app.component(CAccordionButton.name, CAccordionButton)
-    app.component(CAccordionHeader.name, CAccordionHeader)
-    app.component(CAccordionItem.name, CAccordionItem)
+    app.component(CAccordion.name as string, CAccordion)
+    app.component(CAccordionBody.name as string, CAccordionBody)
+    app.component(CAccordionButton.name as string, CAccordionButton)
+    app.component(CAccordionHeader.name as string, CAccordionHeader)
+    app.component(CAccordionItem.name as string, CAccordionItem)
   },
 }
 
diff --git a/packages/coreui-vue/src/components/alert/index.ts b/packages/coreui-vue/src/components/alert/index.ts
index c8f7b404..d3fadac4 100644
--- a/packages/coreui-vue/src/components/alert/index.ts
+++ b/packages/coreui-vue/src/components/alert/index.ts
@@ -5,9 +5,9 @@ import { CAlertLink } from './CAlertLink'
 
 const CAlertPlugin = {
   install: (app: App): void => {
-    app.component(CAlert.name, CAlert)
-    app.component(CAlertHeading.name, CAlertHeading)
-    app.component(CAlertLink.name, CAlertLink)
+    app.component(CAlert.name as string, CAlert)
+    app.component(CAlertHeading.name as string, CAlertHeading)
+    app.component(CAlertLink.name as string, CAlertLink)
   },
 }
 
diff --git a/packages/coreui-vue/src/components/avatar/index.ts b/packages/coreui-vue/src/components/avatar/index.ts
index 650fb4e6..479ab9f4 100644
--- a/packages/coreui-vue/src/components/avatar/index.ts
+++ b/packages/coreui-vue/src/components/avatar/index.ts
@@ -3,7 +3,7 @@ import { CAvatar } from './CAvatar'
 
 const CAvatarPlugin = {
   install: (app: App): void => {
-    app.component(CAvatar.name, CAvatar)
+    app.component(CAvatar.name as string, CAvatar)
   },
 }
 
diff --git a/packages/coreui-vue/src/components/backdrop/index.ts b/packages/coreui-vue/src/components/backdrop/index.ts
index 7202b8fd..440292ba 100644
--- a/packages/coreui-vue/src/components/backdrop/index.ts
+++ b/packages/coreui-vue/src/components/backdrop/index.ts
@@ -3,7 +3,7 @@ import { CBackdrop } from './CBackdrop'
 
 const CBackdropPlugin = {
   install: (app: App): void => {
-    app.component(CBackdrop.name, CBackdrop)
+    app.component(CBackdrop.name as string, CBackdrop)
   },
 }
 
diff --git a/packages/coreui-vue/src/components/badge/index.ts b/packages/coreui-vue/src/components/badge/index.ts
index 3bd6f86a..9a2e47a3 100644
--- a/packages/coreui-vue/src/components/badge/index.ts
+++ b/packages/coreui-vue/src/components/badge/index.ts
@@ -3,7 +3,7 @@ import { CBadge } from './CBadge'
 
 const CBadgePlugin = {
   install: (app: App): void => {
-    app.component(CBadge.name, CBadge)
+    app.component(CBadge.name as string, CBadge)
   },
 }
 
diff --git a/packages/coreui-vue/src/components/breadcrumb/index.ts b/packages/coreui-vue/src/components/breadcrumb/index.ts
index 90b2b6f1..b7bad130 100644
--- a/packages/coreui-vue/src/components/breadcrumb/index.ts
+++ b/packages/coreui-vue/src/components/breadcrumb/index.ts
@@ -4,8 +4,8 @@ import { CBreadcrumb } from './CBreadcrumb'
 
 const CBreadcrumbPlugin = {
   install: (app: App): void => {
-    app.component(CBreadcrumb.name, CBreadcrumb)
-    app.component(CBreadcrumbItem.name, CBreadcrumbItem)
+    app.component(CBreadcrumb.name as string, CBreadcrumb)
+    app.component(CBreadcrumbItem.name as string, CBreadcrumbItem)
   },
 }
 
diff --git a/packages/coreui-vue/src/components/button-group/index.ts b/packages/coreui-vue/src/components/button-group/index.ts
index ed8c71c5..f038168b 100644
--- a/packages/coreui-vue/src/components/button-group/index.ts
+++ b/packages/coreui-vue/src/components/button-group/index.ts
@@ -4,8 +4,8 @@ import { CButtonGroup } from './CButtonGroup'
 
 const CButtonGroupPlugin = {
   install: (app: App): void => {
-    app.component(CButtonToolbar.name, CButtonToolbar)
-    app.component(CButtonGroup.name, CButtonGroup)
+    app.component(CButtonToolbar.name as string, CButtonToolbar)
+    app.component(CButtonGroup.name as string, CButtonGroup)
   },
 }
 
diff --git a/packages/coreui-vue/src/components/button/index.ts b/packages/coreui-vue/src/components/button/index.ts
index 8a2531c0..679616e0 100644
--- a/packages/coreui-vue/src/components/button/index.ts
+++ b/packages/coreui-vue/src/components/button/index.ts
@@ -3,7 +3,7 @@ import { CButton } from './CButton'
 
 const CButtonPlugin = {
   install: (app: App): void => {
-    app.component(CButton.name, CButton)
+    app.component(CButton.name as string, CButton)
   },
 }
 
diff --git a/packages/coreui-vue/src/components/callout/index.ts b/packages/coreui-vue/src/components/callout/index.ts
index 1fe788de..e0baf185 100644
--- a/packages/coreui-vue/src/components/callout/index.ts
+++ b/packages/coreui-vue/src/components/callout/index.ts
@@ -3,7 +3,7 @@ import { CCallout } from './CCallout'
 
 const CCalloutPlugin = {
   install: (app: App): void => {
-    app.component(CCallout.name, CCallout)
+    app.component(CCallout.name as string, CCallout)
   },
 }
 
diff --git a/packages/coreui-vue/src/components/card/index.ts b/packages/coreui-vue/src/components/card/index.ts
index ef61b81a..cad0a6ca 100644
--- a/packages/coreui-vue/src/components/card/index.ts
+++ b/packages/coreui-vue/src/components/card/index.ts
@@ -13,17 +13,17 @@ import { CCardTitle } from './CCardTitle'
 
 const CCardPlugin = {
   install: (app: App): void => {
-    app.component(CCard.name, CCard)
-    app.component(CCardBody.name, CCardBody)
-    app.component(CCardFooter.name, CCardFooter)
-    app.component(CCardGroup.name, CCardGroup)
-    app.component(CCardHeader.name, CCardHeader)
-    app.component(CCardImage.name, CCardImage)
-    app.component(CCardImageOverlay.name, CCardImageOverlay)
-    app.component(CCardLink.name, CCardLink)
-    app.component(CCardSubtitle.name, CCardSubtitle)
-    app.component(CCardText.name, CCardText)
-    app.component(CCardTitle.name, CCardTitle)
+    app.component(CCard.name as string, CCard)
+    app.component(CCardBody.name as string, CCardBody)
+    app.component(CCardFooter.name as string, CCardFooter)
+    app.component(CCardGroup.name as string, CCardGroup)
+    app.component(CCardHeader.name as string, CCardHeader)
+    app.component(CCardImage.name as string, CCardImage)
+    app.component(CCardImageOverlay.name as string, CCardImageOverlay)
+    app.component(CCardLink.name as string, CCardLink)
+    app.component(CCardSubtitle.name as string, CCardSubtitle)
+    app.component(CCardText.name as string, CCardText)
+    app.component(CCardTitle.name as string, CCardTitle)
   },
 }
 
diff --git a/packages/coreui-vue/src/components/carousel/index.ts b/packages/coreui-vue/src/components/carousel/index.ts
index 68c66fa5..59566ee8 100644
--- a/packages/coreui-vue/src/components/carousel/index.ts
+++ b/packages/coreui-vue/src/components/carousel/index.ts
@@ -5,9 +5,9 @@ import { CCarouselItem } from './CCarouselItem'
 
 const CCarouselPlugin = {
   install: (app: App): void => {
-    app.component(CCarousel.name, CCarousel)
-    app.component(CCarouselCaption.name, CCarouselCaption)
-    app.component(CCarouselItem.name, CCarouselItem)
+    app.component(CCarousel.name as string, CCarousel)
+    app.component(CCarouselCaption.name as string, CCarouselCaption)
+    app.component(CCarouselItem.name as string, CCarouselItem)
   },
 }
 
diff --git a/packages/coreui-vue/src/components/close-button/index.ts b/packages/coreui-vue/src/components/close-button/index.ts
index 7c19c164..7445eb8f 100644
--- a/packages/coreui-vue/src/components/close-button/index.ts
+++ b/packages/coreui-vue/src/components/close-button/index.ts
@@ -3,7 +3,7 @@ import { CCloseButton } from './CCloseButton'
 
 const CCloseButtonPlugin = {
   install: (app: App): void => {
-    app.component(CCloseButton.name, CCloseButton)
+    app.component(CCloseButton.name as string, CCloseButton)
   },
 }
 
diff --git a/packages/coreui-vue/src/components/collapse/index.ts b/packages/coreui-vue/src/components/collapse/index.ts
index c13fa246..2c6ccd7c 100644
--- a/packages/coreui-vue/src/components/collapse/index.ts
+++ b/packages/coreui-vue/src/components/collapse/index.ts
@@ -3,7 +3,7 @@ import { CCollapse } from './CCollapse'
 
 const CCollapsePlugin = {
   install: (app: App): void => {
-    app.component(CCollapse.name, CCollapse)
+    app.component(CCollapse.name as string, CCollapse)
   },
 }
 
diff --git a/packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts b/packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts
index 44bc6660..48df4843 100644
--- a/packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts
+++ b/packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts
@@ -16,7 +16,7 @@ const CConditionalTeleport = defineComponent({
     /**
      * An HTML element or function that returns a single element, with `document.body` as the default.
      *
-     * @since v5.0.0-rc.2
+     * @since v5.0.0-rc.3
      */
     container: {
       type: [Object, String] as PropType<HTMLElement | (() => HTMLElement) | string>,
diff --git a/packages/coreui-vue/src/components/conditional-teleport/index.ts b/packages/coreui-vue/src/components/conditional-teleport/index.ts
index 249949b4..538edf16 100644
--- a/packages/coreui-vue/src/components/conditional-teleport/index.ts
+++ b/packages/coreui-vue/src/components/conditional-teleport/index.ts
@@ -3,7 +3,7 @@ import { CConditionalTeleport } from './CConditionalTeleport'
 
 const CConditionalTeleportPlugin = {
   install: (app: App): void => {
-    app.component(CConditionalTeleport.name, CConditionalTeleport)
+    app.component(CConditionalTeleport.name as string, CConditionalTeleport)
   },
 }
 
diff --git a/packages/coreui-vue/src/components/dropdown/CDropdown.ts b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
index dc6ca125..8f835633 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdown.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
@@ -62,7 +62,7 @@ const CDropdown = defineComponent({
     /**
      * Appends the vue dropdown menu to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
      *
-     * @since v5.0.0-rc.2
+     * @since v5.0.0-rc.3
      */
     container: {
       type: [Object, String] as PropType<HTMLElement | (() => HTMLElement) | string>,
@@ -115,7 +115,7 @@ const CDropdown = defineComponent({
     /**
      * Generates dropdown menu using Teleport.
      *
-     * @since v5.0.0-rc.2
+     * @since v5.0.0-rc.3
      */
     teleport: {
       type: Boolean,
diff --git a/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts b/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
index 2a02d18a..c64d4511 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
@@ -49,7 +49,7 @@ const CDropdownToggle = defineComponent({
     /**
      * If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.
      *
-     * @since v5.0.0-rc.2
+     * @since v5.0.0-rc.3
      */
     navLink: {
       type: Boolean,
diff --git a/packages/coreui-vue/src/components/dropdown/index.ts b/packages/coreui-vue/src/components/dropdown/index.ts
index 3bec8afd..aabcfeb8 100644
--- a/packages/coreui-vue/src/components/dropdown/index.ts
+++ b/packages/coreui-vue/src/components/dropdown/index.ts
@@ -8,12 +8,12 @@ import { CDropdownToggle } from './CDropdownToggle'
 
 const CDropdownPlugin = {
   install: (app: App): void => {
-    app.component(CDropdown.name, CDropdown)
-    app.component(CDropdownItem.name, CDropdownItem)
-    app.component(CDropdownHeader.name, CDropdownHeader)
-    app.component(CDropdownDivider.name, CDropdownDivider)
-    app.component(CDropdownMenu.name, CDropdownMenu)
-    app.component(CDropdownToggle.name, CDropdownToggle)
+    app.component(CDropdown.name as string, CDropdown)
+    app.component(CDropdownItem.name as string, CDropdownItem)
+    app.component(CDropdownHeader.name as string, CDropdownHeader)
+    app.component(CDropdownDivider.name as string, CDropdownDivider)
+    app.component(CDropdownMenu.name as string, CDropdownMenu)
+    app.component(CDropdownToggle.name as string, CDropdownToggle)
   },
 }
 
diff --git a/packages/coreui-vue/src/components/footer/index.ts b/packages/coreui-vue/src/components/footer/index.ts
index 3f64755a..8bd4edd4 100644
--- a/packages/coreui-vue/src/components/footer/index.ts
+++ b/packages/coreui-vue/src/components/footer/index.ts
@@ -3,7 +3,7 @@ import { CFooter } from './CFooter'
 
 const CFooterPlugin = {
   install: (app: App): void => {
-    app.component(CFooter.name, CFooter)
+    app.component(CFooter.name as string, CFooter)
   },
 }
 
diff --git a/packages/coreui-vue/src/components/form/index.ts b/packages/coreui-vue/src/components/form/index.ts
index 583df8d7..6fa6fb5c 100644
--- a/packages/coreui-vue/src/components/form/index.ts
+++ b/packages/coreui-vue/src/components/form/index.ts
@@ -1,7 +1,6 @@
 import { App } from 'vue'
 import { CForm } from './CForm'
 import { CFormCheck } from './CFormCheck'
-// import { CFormControl } from './CFormControl'
 import { CFormFeedback } from './CFormFeedback'
 import { CFormFloating } from './CFormFloating'
 import { CFormInput } from './CFormInput'
@@ -16,20 +15,19 @@ import { CInputGroupText } from './CInputGroupText'
 
 const CFormPlugin = {
   install: (app: App): void => {
-    app.component(CForm.name, CForm)
-    app.component(CFormCheck.name, CFormCheck)
-    // app.component(CFormControl.name, CFormControl)
-    app.component(CFormFeedback.name, CFormFeedback)
-    app.component(CFormFloating.name, CFormFloating)
-    app.component(CFormInput.name, CFormInput)
-    app.component(CFormLabel.name, CFormLabel)
-    app.component(CFormRange.name, CFormRange)
-    app.component(CFormSelect.name, CFormSelect)
-    app.component(CFormSwitch.name, CFormSwitch)
-    app.component(CFormText.name, CFormText)
-    app.component(CFormTextarea.name, CFormTextarea)
-    app.component(CInputGroup.name, CInputGroup)
-    app.component(CInputGroupText.name, CInputGroupText)
+    app.component(CForm.name as string, CForm)
+    app.component(CFormCheck.name as string, CFormCheck)
+    app.component(CFormFeedback.name as string, CFormFeedback)
+    app.component(CFormFloating.name as string, CFormFloating)
+    app.component(CFormInput.name as string, CFormInput)
+    app.component(CFormLabel.name as string, CFormLabel)
+    app.component(CFormRange.name as string, CFormRange)
+    app.component(CFormSelect.name as string, CFormSelect)
+    app.component(CFormSwitch.name as string, CFormSwitch)
+    app.component(CFormText.name as string, CFormText)
+    app.component(CFormTextarea.name as string, CFormTextarea)
+    app.component(CInputGroup.name as string, CInputGroup)
+    app.component(CInputGroupText.name as string, CInputGroupText)
   },
 }
 
@@ -37,7 +35,6 @@ export {
   CFormPlugin,
   CForm,
   CFormCheck,
-  // CFormControl,
   CFormFeedback,
   CFormFloating,
   CFormInput,
diff --git a/packages/coreui-vue/src/components/grid/index.ts b/packages/coreui-vue/src/components/grid/index.ts
index 1af418a2..785efaac 100644
--- a/packages/coreui-vue/src/components/grid/index.ts
+++ b/packages/coreui-vue/src/components/grid/index.ts
@@ -5,9 +5,9 @@ import { CRow } from './CRow'
 
 const CGridPlugin = {
   install: (app: App): void => {
-    app.component(CCol.name, CCol)
-    app.component(CContainer.name, CContainer)
-    app.component(CRow.name, CRow)
+    app.component(CCol.name as string, CCol)
+    app.component(CContainer.name as string, CContainer)
+    app.component(CRow.name as string, CRow)
   },
 }
 export { CGridPlugin, CCol, CContainer, CRow }
diff --git a/packages/coreui-vue/src/components/header/index.ts b/packages/coreui-vue/src/components/header/index.ts
index 3b8c7ddd..85c25975 100644
--- a/packages/coreui-vue/src/components/header/index.ts
+++ b/packages/coreui-vue/src/components/header/index.ts
@@ -8,12 +8,12 @@ import { CHeaderToggler } from './CHeaderToggler'
 
 const CHeaderPlugin = {
   install: (app: App): void => {
-    app.component(CHeader.name, CHeader)
-    app.component(CHeaderBrand.name, CHeaderBrand)
-    app.component(CHeaderDivider.name, CHeaderDivider)
-    app.component(CHeaderNav.name, CHeaderNav)
-    app.component(CHeaderText.name, CHeaderText)
-    app.component(CHeaderToggler.name, CHeaderToggler)
+    app.component(CHeader.name as string, CHeader)
+    app.component(CHeaderBrand.name as string, CHeaderBrand)
+    app.component(CHeaderDivider.name as string, CHeaderDivider)
+    app.component(CHeaderNav.name as string, CHeaderNav)
+    app.component(CHeaderText.name as string, CHeaderText)
+    app.component(CHeaderToggler.name as string, CHeaderToggler)
   },
 }
 
diff --git a/packages/coreui-vue/src/components/image/index.ts b/packages/coreui-vue/src/components/image/index.ts
index 072142f4..cd4c69ae 100644
--- a/packages/coreui-vue/src/components/image/index.ts
+++ b/packages/coreui-vue/src/components/image/index.ts
@@ -3,7 +3,7 @@ import { CImage } from './CImage'
 
 const CImagePlugin = {
   install: (app: App): void => {
-    app.component(CImage.name, CImage)
+    app.component(CImage.name as string, CImage)
   },
 }
 
diff --git a/packages/coreui-vue/src/components/link/index.ts b/packages/coreui-vue/src/components/link/index.ts
index 4e45e441..04be72dd 100644
--- a/packages/coreui-vue/src/components/link/index.ts
+++ b/packages/coreui-vue/src/components/link/index.ts
@@ -3,7 +3,7 @@ import { CLink } from './CLink'
 
 const CCLinkPlugin = {
   install: (app: App): void => {
-    app.component(CLink.name, CLink)
+    app.component(CLink.name as string, CLink)
   },
 }
 
diff --git a/packages/coreui-vue/src/components/list-group/index.ts b/packages/coreui-vue/src/components/list-group/index.ts
index 3aaafb5b..d969a028 100644
--- a/packages/coreui-vue/src/components/list-group/index.ts
+++ b/packages/coreui-vue/src/components/list-group/index.ts
@@ -4,8 +4,8 @@ import { CListGroupItem } from './CListGroupItem'
 
 const CListGroupPlugin = {
   install: (app: App): void => {
-    app.component(CListGroup.name, CListGroup)
-    app.component(CListGroupItem.name, CListGroupItem)
+    app.component(CListGroup.name as string, CListGroup)
+    app.component(CListGroupItem.name as string, CListGroupItem)
   },
 }
 
diff --git a/packages/coreui-vue/src/components/modal/CModal.ts b/packages/coreui-vue/src/components/modal/CModal.ts
index 1ee36c53..1c5c12e4 100644
--- a/packages/coreui-vue/src/components/modal/CModal.ts
+++ b/packages/coreui-vue/src/components/modal/CModal.ts
@@ -54,7 +54,7 @@ const CModal = defineComponent({
     /**
      * Puts the focus on the modal when shown.
      *
-     * @since v5.0.0-rc.2
+     * @since v5.0.0-rc.3
      */
     focus: {
       type: Boolean,
diff --git a/packages/coreui-vue/src/components/modal/index.ts b/packages/coreui-vue/src/components/modal/index.ts
index 7e1c8e6b..4ebad336 100644
--- a/packages/coreui-vue/src/components/modal/index.ts
+++ b/packages/coreui-vue/src/components/modal/index.ts
@@ -7,11 +7,11 @@ import { CModalTitle } from './CModalTitle'
 
 const CModalPlugin = {
   install: (app: App): void => {
-    app.component(CModal.name, CModal)
-    app.component(CModalBody.name, CModalBody)
-    app.component(CModalFooter.name, CModalFooter)
-    app.component(CModalHeader.name, CModalHeader)
-    app.component(CModalTitle.name, CModalTitle)
+    app.component(CModal.name as string, CModal)
+    app.component(CModalBody.name as string, CModalBody)
+    app.component(CModalFooter.name as string, CModalFooter)
+    app.component(CModalHeader.name as string, CModalHeader)
+    app.component(CModalTitle.name as string, CModalTitle)
   },
 }
 
diff --git a/packages/coreui-vue/src/components/nav/index.ts b/packages/coreui-vue/src/components/nav/index.ts
index d8796b1e..d38a6cfd 100644
--- a/packages/coreui-vue/src/components/nav/index.ts
+++ b/packages/coreui-vue/src/components/nav/index.ts
@@ -8,12 +8,12 @@ import { CNavTitle } from './CNavTitle'
 
 const CNavPlugin = {
   install: (app: App): void => {
-    app.component(CNav.name, CNav)
-    app.component(CNavGroup.name, CNavGroup)
-    app.component(CNavGroupItems.name, CNavGroupItems)
-    app.component(CNavItem.name, CNavItem)
-    app.component(CNavLink.name, CNavLink)
-    app.component(CNavTitle.name, CNavTitle)
+    app.component(CNav.name as string, CNav)
+    app.component(CNavGroup.name as string, CNavGroup)
+    app.component(CNavGroupItems.name as string, CNavGroupItems)
+    app.component(CNavItem.name as string, CNavItem)
+    app.component(CNavLink.name as string, CNavLink)
+    app.component(CNavTitle.name as string, CNavTitle)
   },
 }
 
diff --git a/packages/coreui-vue/src/components/navbar/index.ts b/packages/coreui-vue/src/components/navbar/index.ts
index b857b0f9..c466c871 100644
--- a/packages/coreui-vue/src/components/navbar/index.ts
+++ b/packages/coreui-vue/src/components/navbar/index.ts
@@ -7,11 +7,11 @@ import { CNavbarToggler } from './CNavbarToggler'
 
 const CNavbarPlugin = {
   install: (app: App): void => {
-    app.component(CNavbar.name, CNavbar)
-    app.component(CNavbarBrand.name, CNavbarBrand)
-    app.component(CNavbarNav.name, CNavbarNav)
-    app.component(CNavbarText.name, CNavbarText)
-    app.component(CNavbarToggler.name, CNavbarToggler)
+    app.component(CNavbar.name as string, CNavbar)
+    app.component(CNavbarBrand.name as string, CNavbarBrand)
+    app.component(CNavbarNav.name as string, CNavbarNav)
+    app.component(CNavbarText.name as string, CNavbarText)
+    app.component(CNavbarToggler.name as string, CNavbarToggler)
   },
 }
 
diff --git a/packages/coreui-vue/src/components/offcanvas/index.ts b/packages/coreui-vue/src/components/offcanvas/index.ts
index cad1d0d3..28572037 100644
--- a/packages/coreui-vue/src/components/offcanvas/index.ts
+++ b/packages/coreui-vue/src/components/offcanvas/index.ts
@@ -6,10 +6,10 @@ import { COffcanvasTitle } from './COffcanvasTitle'
 
 const COffcanvasPlugin = {
   install: (app: App): void => {
-    app.component(COffcanvas.name, COffcanvas)
-    app.component(COffcanvasBody.name, COffcanvasBody)
-    app.component(COffcanvasHeader.name, COffcanvasHeader)
-    app.component(COffcanvasTitle.name, COffcanvasTitle)
+    app.component(COffcanvas.name as string, COffcanvas)
+    app.component(COffcanvasBody.name as string, COffcanvasBody)
+    app.component(COffcanvasHeader.name as string, COffcanvasHeader)
+    app.component(COffcanvasTitle.name as string, COffcanvasTitle)
   },
 }
 
diff --git a/packages/coreui-vue/src/components/pagination/index.ts b/packages/coreui-vue/src/components/pagination/index.ts
index 307d0534..8c7d5e7c 100644
--- a/packages/coreui-vue/src/components/pagination/index.ts
+++ b/packages/coreui-vue/src/components/pagination/index.ts
@@ -4,8 +4,8 @@ import { CPaginationItem } from './CPaginationItem'
 
 const CPaginationPlugin = {
   install: (app: App): void => {
-    app.component(CPagination.name, CPagination)
-    app.component(CPaginationItem.name, CPaginationItem)
+    app.component(CPagination.name as string, CPagination)
+    app.component(CPaginationItem.name as string, CPaginationItem)
   },
 }
 
diff --git a/packages/coreui-vue/src/components/placeholder/index.ts b/packages/coreui-vue/src/components/placeholder/index.ts
index 39369fc1..87038824 100644
--- a/packages/coreui-vue/src/components/placeholder/index.ts
+++ b/packages/coreui-vue/src/components/placeholder/index.ts
@@ -3,7 +3,7 @@ import { CPlaceholder } from './CPlaceholder'
 
 const CPlaceholderPlugin = {
   install: (app: App): void => {
-    app.component(CPlaceholder.name, CPlaceholder)
+    app.component(CPlaceholder.name as string, CPlaceholder)
   },
 }
 
diff --git a/packages/coreui-vue/src/components/popover/CPopover.ts b/packages/coreui-vue/src/components/popover/CPopover.ts
index b472b9d2..908b0efb 100644
--- a/packages/coreui-vue/src/components/popover/CPopover.ts
+++ b/packages/coreui-vue/src/components/popover/CPopover.ts
@@ -23,7 +23,7 @@ const CPopover = defineComponent({
     /**
      * Appends the vue popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
      *
-     * @since v5.0.0-rc.2
+     * @since v5.0.0-rc.3
      */
     container: {
       type: [Object, String] as PropType<HTMLElement | (() => HTMLElement) | string>,
diff --git a/packages/coreui-vue/src/components/popover/index.ts b/packages/coreui-vue/src/components/popover/index.ts
index 58eaee32..261dae00 100644
--- a/packages/coreui-vue/src/components/popover/index.ts
+++ b/packages/coreui-vue/src/components/popover/index.ts
@@ -3,7 +3,7 @@ import { CPopover } from './CPopover'
 
 const CPopoverPlugin = {
   install: (app: App): void => {
-    app.component(CPopover.name, CPopover)
+    app.component(CPopover.name as string, CPopover)
   },
 }
 
diff --git a/packages/coreui-vue/src/components/progress/CProgress.ts b/packages/coreui-vue/src/components/progress/CProgress.ts
index 26cf43eb..95b0c532 100644
--- a/packages/coreui-vue/src/components/progress/CProgress.ts
+++ b/packages/coreui-vue/src/components/progress/CProgress.ts
@@ -23,7 +23,7 @@ const CProgress = defineComponent({
     /**
      * A string of all className you want applied to the <CProgressBar/> component.
      *
-     * @since 5.0.0-rc.2
+     * @since 5.0.0-rc.3
      */
     progressBarClassName: String,
     /**
diff --git a/packages/coreui-vue/src/components/progress/index.ts b/packages/coreui-vue/src/components/progress/index.ts
index 3d16c4f2..ae6fabfc 100644
--- a/packages/coreui-vue/src/components/progress/index.ts
+++ b/packages/coreui-vue/src/components/progress/index.ts
@@ -5,9 +5,9 @@ import { CProgressStacked } from './CProgressStacked'
 
 const CProgressPlugin = {
   install: (app: App): void => {
-    app.component(CProgress.name, CProgress)
-    app.component(CProgressBar.name, CProgressBar)
-    app.component(CProgressStacked.name, CProgressStacked)
+    app.component(CProgress.name as string, CProgress)
+    app.component(CProgressBar.name as string, CProgressBar)
+    app.component(CProgressStacked.name as string, CProgressStacked)
   },
 }
 
diff --git a/packages/coreui-vue/src/components/sidebar/index.ts b/packages/coreui-vue/src/components/sidebar/index.ts
index ec0e1826..11dd0095 100644
--- a/packages/coreui-vue/src/components/sidebar/index.ts
+++ b/packages/coreui-vue/src/components/sidebar/index.ts
@@ -8,12 +8,12 @@ import { CSidebarToggler } from './CSidebarToggler'
 
 const CSidebarPlugin = {
   install: (app: App): void => {
-    app.component(CSidebar.name, CSidebar)
-    app.component(CSidebarBrand.name, CSidebarBrand)
-    app.component(CSidebarFooter.name, CSidebarFooter)
-    app.component(CSidebarHeader.name, CSidebarHeader)
-    app.component(CSidebarNav.name, CSidebarNav)
-    app.component(CSidebarToggler.name, CSidebarToggler)
+    app.component(CSidebar.name as string, CSidebar)
+    app.component(CSidebarBrand.name as string, CSidebarBrand)
+    app.component(CSidebarFooter.name as string, CSidebarFooter)
+    app.component(CSidebarHeader.name as string, CSidebarHeader)
+    app.component(CSidebarNav.name as string, CSidebarNav)
+    app.component(CSidebarToggler.name as string, CSidebarToggler)
   },
 }
 
diff --git a/packages/coreui-vue/src/components/spinner/index.ts b/packages/coreui-vue/src/components/spinner/index.ts
index f1b76dda..8bcffb6d 100644
--- a/packages/coreui-vue/src/components/spinner/index.ts
+++ b/packages/coreui-vue/src/components/spinner/index.ts
@@ -3,7 +3,7 @@ import { CSpinner } from './CSpinner'
 
 const CSpinnerPlugin = {
   install: (app: App): void => {
-    app.component(CSpinner.name, CSpinner)
+    app.component(CSpinner.name as string, CSpinner)
   },
 }
 
diff --git a/packages/coreui-vue/src/components/table/index.ts b/packages/coreui-vue/src/components/table/index.ts
index 9bdba307..96b44727 100644
--- a/packages/coreui-vue/src/components/table/index.ts
+++ b/packages/coreui-vue/src/components/table/index.ts
@@ -10,14 +10,14 @@ import { CTableRow } from './CTableRow'
 
 const CTablePlugin = {
   install: (app: App): void => {
-    app.component(CTable.name, CTable)
-    app.component(CTableBody.name, CTableBody)
-    app.component(CTableCaption.name, CTableCaption)
-    app.component(CTableDataCell.name, CTableDataCell)
-    app.component(CTableFoot.name, CTableFoot)
-    app.component(CTableHead.name, CTableHead)
-    app.component(CTableHeaderCell.name, CTableHeaderCell)
-    app.component(CTableRow.name, CTableRow)
+    app.component(CTable.name as string, CTable)
+    app.component(CTableBody.name as string, CTableBody)
+    app.component(CTableCaption.name as string, CTableCaption)
+    app.component(CTableDataCell.name as string, CTableDataCell)
+    app.component(CTableFoot.name as string, CTableFoot)
+    app.component(CTableHead.name as string, CTableHead)
+    app.component(CTableHeaderCell.name as string, CTableHeaderCell)
+    app.component(CTableRow.name as string, CTableRow)
   },
 }
 
diff --git a/packages/coreui-vue/src/components/tabs/index.ts b/packages/coreui-vue/src/components/tabs/index.ts
index 47f3846a..997480a5 100644
--- a/packages/coreui-vue/src/components/tabs/index.ts
+++ b/packages/coreui-vue/src/components/tabs/index.ts
@@ -4,8 +4,8 @@ import { CTabPane } from './CTabPane'
 
 const CTabsPlugin = {
   install: (app: App): void => {
-    app.component(CTabContent.name, CTabContent)
-    app.component(CTabPane.name, CTabPane)
+    app.component(CTabContent.name as string, CTabContent)
+    app.component(CTabPane.name as string, CTabPane)
   },
 }
 
diff --git a/packages/coreui-vue/src/components/toast/index.ts b/packages/coreui-vue/src/components/toast/index.ts
index 4e2ac38d..bf297589 100644
--- a/packages/coreui-vue/src/components/toast/index.ts
+++ b/packages/coreui-vue/src/components/toast/index.ts
@@ -7,11 +7,11 @@ import { CToastHeader } from './CToastHeader'
 
 const CToastPlugin = {
   install: (app: App): void => {
-    app.component(CToast.name, CToast)
-    app.component(CToastBody.name, CToastBody)
-    app.component(CToastClose.name, CToastClose)
-    app.component(CToaster.name, CToaster)
-    app.component(CToastHeader.name, CToastHeader)
+    app.component(CToast.name as string, CToast)
+    app.component(CToastBody.name as string, CToastBody)
+    app.component(CToastClose.name as string, CToastClose)
+    app.component(CToaster.name as string, CToaster)
+    app.component(CToastHeader.name as string, CToastHeader)
   },
 }
 
diff --git a/packages/coreui-vue/src/components/tooltip/CTooltip.ts b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
index 06607284..2182345d 100644
--- a/packages/coreui-vue/src/components/tooltip/CTooltip.ts
+++ b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
@@ -23,7 +23,7 @@ const CTooltip = defineComponent({
     /**
      * Appends the vue tooltip to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
      *
-     * @since v5.0.0-rc.2
+     * @since v5.0.0-rc.3
      */
     container: {
       type: [Object, String] as PropType<HTMLElement | (() => HTMLElement) | string>,
diff --git a/packages/coreui-vue/src/components/tooltip/index.ts b/packages/coreui-vue/src/components/tooltip/index.ts
index 88b3e802..cde4a9a3 100644
--- a/packages/coreui-vue/src/components/tooltip/index.ts
+++ b/packages/coreui-vue/src/components/tooltip/index.ts
@@ -3,7 +3,7 @@ import { CTooltip } from './CTooltip'
 
 const CTooltipPlugin = {
   install: (app: App): void => {
-    app.component(CTooltip.name, CTooltip)
+    app.component(CTooltip.name as string, CTooltip)
   },
 }
 
diff --git a/packages/coreui-vue/src/components/widgets/index.ts b/packages/coreui-vue/src/components/widgets/index.ts
index 2e6cdb18..38a6f825 100644
--- a/packages/coreui-vue/src/components/widgets/index.ts
+++ b/packages/coreui-vue/src/components/widgets/index.ts
@@ -8,12 +8,12 @@ import { CWidgetStatsF } from './CWidgetStatsF'
 
 const CWidgetsStatsPlugin = {
   install: (app: App): void => {
-    app.component(CWidgetStatsA.name, CWidgetStatsA)
-    app.component(CWidgetStatsB.name, CWidgetStatsB)
-    app.component(CWidgetStatsC.name, CWidgetStatsC)
-    app.component(CWidgetStatsD.name, CWidgetStatsD)
-    app.component(CWidgetStatsE.name, CWidgetStatsE)
-    app.component(CWidgetStatsF.name, CWidgetStatsF)
+    app.component(CWidgetStatsA.name as string, CWidgetStatsA)
+    app.component(CWidgetStatsB.name as string, CWidgetStatsB)
+    app.component(CWidgetStatsC.name as string, CWidgetStatsC)
+    app.component(CWidgetStatsD.name as string, CWidgetStatsD)
+    app.component(CWidgetStatsE.name as string, CWidgetStatsE)
+    app.component(CWidgetStatsF.name as string, CWidgetStatsF)
   },
 }
 

From 3dd0ce3a648a07c43c14bc9478ca207553ec0a62 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sat, 23 Mar 2024 11:43:05 +0100
Subject: [PATCH 273/346] release: v5.0.0-rc.3

---
 README.md                                       |  2 +-
 lerna.json                                      |  2 +-
 packages/coreui-vue/package.json                |  2 +-
 packages/docs/api/badge/CBadge.api.md           | 17 +++++++++--------
 packages/docs/api/card/CCard.api.md             |  9 +++++----
 .../CConditionalTeleport.api.md                 |  2 +-
 packages/docs/api/dropdown/CDropdown.api.md     |  4 ++--
 .../docs/api/dropdown/CDropdownToggle.api.md    |  2 +-
 packages/docs/api/modal/CModal.api.md           |  2 +-
 packages/docs/api/popover/CPopover.api.md       |  2 +-
 packages/docs/api/progress/CProgress.api.md     |  2 +-
 packages/docs/api/tooltip/CTooltip.api.md       |  2 +-
 packages/docs/package.json                      |  2 +-
 13 files changed, 26 insertions(+), 24 deletions(-)

diff --git a/README.md b/README.md
index 3eec02ea..f4dc59ca 100644
--- a/README.md
+++ b/README.md
@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.0.0-rc.2.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.0.0-rc.3.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue`
diff --git a/lerna.json b/lerna.json
index 49a8b937..2a068bcd 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,6 +1,6 @@
 {
   "npmClient": "yarn",
   "packages": ["packages/*"],
-  "version": "5.0.0-rc.2",
+  "version": "5.0.0-rc.3",
   "$schema": "node_modules/lerna/schemas/lerna-schema.json"
 }
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index bd7fafa4..474a16e6 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue",
-  "version": "5.0.0-rc.2",
+  "version": "5.0.0-rc.3",
   "description": "UI Components Library for Vue.js",
   "keywords": [
     "vue",
diff --git a/packages/docs/api/badge/CBadge.api.md b/packages/docs/api/badge/CBadge.api.md
index b3c3e1ff..4ee02b81 100644
--- a/packages/docs/api/badge/CBadge.api.md
+++ b/packages/docs/api/badge/CBadge.api.md
@@ -8,11 +8,12 @@ import CBadge from '@coreui/vue/src/components/badge/CBadge'
 
 #### Props
 
-| Prop name      | Description                                                                             | Type   | Values                                                                                                                                                                                                                                                                                                                                                                      | Default |
-| -------------- | --------------------------------------------------------------------------------------- | ------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- |
-| **color**      | Sets the color context of the component to one of CoreUI’s themed colors.               | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`                                                                                                                                                                                                                                                                             | -       |
-| **as**         | Component used for the root node. Either a string to use a HTML element or a component. | string | -                                                                                                                                                                                                                                                                                                                                                                           | 'span'  |
-| **position**   | Position badge in one of the corners of a link or button.                               | string | `'top-start'`, `'top-end'`, `'bottom-end'`, `'bottom-start'`                                                                                                                                                                                                                                                                                                                | -       |
-| **shape**      | Select the shape of the component.                                                      | string | `'rounded'`, `'rounded-top'`, `'rounded-end'`, `'rounded-bottom'`, `'rounded-start'`, `'rounded-circle'`, `'rounded-pill'`, `'rounded-0'`, `'rounded-1'`, `'rounded-2'`, `'rounded-3'`                                                                                                                                                                                      | -       |
-| **size**       | Size the component small.                                                               | string | `'sm'`                                                                                                                                                                                                                                                                                                                                                                      | -       |
-| **text-color** | Sets the text color of the component to one of CoreUI’s themed colors.                  | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `'primary-emphasis'`, `'secondary-emphasis'`, `'success-emphasis'`, `'danger-emphasis'`, `'warning-emphasis'`, `'info-emphasis'`, `'light-emphasis'`, `'body'`, `'body-emphasis'`, `'body-secondary'`, `'body-tertiary'`, `'black'`, `'black-50'`, `'white'`, `'white-50'` | -       |
+| Prop name                                                             | Description                                                                                                                                                               | Type   | Values                                                                                                                                                                                                                                                                                                                                                                      | Default |
+| --------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- |
+| **as**                                                                | Component used for the root node. Either a string to use a HTML element or a component.                                                                                   | string | -                                                                                                                                                                                                                                                                                                                                                                           | 'span'  |
+| **color**                                                             | Sets the color context of the component to one of CoreUI’s themed colors.                                                                                                 | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`                                                                                                                                                                                                                                                                             | -       |
+| **position**                                                          | Position badge in one of the corners of a link or button.                                                                                                                 | string | `'top-start'`, `'top-end'`, `'bottom-end'`, `'bottom-start'`                                                                                                                                                                                                                                                                                                                | -       |
+| **shape**                                                             | Select the shape of the component.                                                                                                                                        | string | `'rounded'`, `'rounded-top'`, `'rounded-end'`, `'rounded-bottom'`, `'rounded-start'`, `'rounded-circle'`, `'rounded-pill'`, `'rounded-0'`, `'rounded-1'`, `'rounded-2'`, `'rounded-3'`                                                                                                                                                                                      | -       |
+| **size**                                                              | Size the component small.                                                                                                                                                 | string | `'sm'`                                                                                                                                                                                                                                                                                                                                                                      | -       |
+| **text-bg-color** <br><div class="badge bg-primary">5.0.0-rc.3+</div> | Sets the component's color scheme to one of CoreUI's themed colors, ensuring the text color contrast adheres to the WCAG 4.5:1 contrast ratio standard for accessibility. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`                                                                                                                                                                                                                                                                             | -       |
+| **text-color**                                                        | Sets the text color of the component to one of CoreUI’s themed colors.                                                                                                    | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `'primary-emphasis'`, `'secondary-emphasis'`, `'success-emphasis'`, `'danger-emphasis'`, `'warning-emphasis'`, `'info-emphasis'`, `'light-emphasis'`, `'body'`, `'body-emphasis'`, `'body-secondary'`, `'body-tertiary'`, `'black'`, `'black-50'`, `'white'`, `'white-50'` | -       |
diff --git a/packages/docs/api/card/CCard.api.md b/packages/docs/api/card/CCard.api.md
index facd1fe6..6f6734f7 100644
--- a/packages/docs/api/card/CCard.api.md
+++ b/packages/docs/api/card/CCard.api.md
@@ -8,7 +8,8 @@ import CCard from '@coreui/vue/src/components/card/CCard'
 
 #### Props
 
-| Prop name      | Description                                                                    | Type   | Values                                                                                                                                                                                                                                                                                                                                                                      | Default |
-| -------------- | ------------------------------------------------------------------------------ | ------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- |
-| **color**      | Sets the color context of the component to one of CoreUI’s themed colors.      | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`                                                                                                                                                                                                                                                                             | -       |
-| **text-color** | Sets the text color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `'primary-emphasis'`, `'secondary-emphasis'`, `'success-emphasis'`, `'danger-emphasis'`, `'warning-emphasis'`, `'info-emphasis'`, `'light-emphasis'`, `'body'`, `'body-emphasis'`, `'body-secondary'`, `'body-tertiary'`, `'black'`, `'black-50'`, `'white'`, `'white-50'` | -       |
+| Prop name                                                             | Description                                                                                                                                                               | Type   | Values                                                                                                                                                                                                                                                                                                                                                                      | Default |
+| --------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- |
+| **color**                                                             | Sets the color context of the component to one of CoreUI’s themed colors.                                                                                                 | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`                                                                                                                                                                                                                                                                             | -       |
+| **text-bg-color** <br><div class="badge bg-primary">5.0.0-rc.3+</div> | Sets the component's color scheme to one of CoreUI's themed colors, ensuring the text color contrast adheres to the WCAG 4.5:1 contrast ratio standard for accessibility. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`                                                                                                                                                                                                                                                                             | -       |
+| **text-color**                                                        | Sets the text color context of the component to one of CoreUI’s themed colors.                                                                                            | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `'primary-emphasis'`, `'secondary-emphasis'`, `'success-emphasis'`, `'danger-emphasis'`, `'warning-emphasis'`, `'info-emphasis'`, `'light-emphasis'`, `'body'`, `'body-emphasis'`, `'body-secondary'`, `'body-tertiary'`, `'black'`, `'black-50'`, `'white'`, `'white-50'` | -       |
diff --git a/packages/docs/api/conditional-teleport/CConditionalTeleport.api.md b/packages/docs/api/conditional-teleport/CConditionalTeleport.api.md
index ece97230..743b1d0a 100644
--- a/packages/docs/api/conditional-teleport/CConditionalTeleport.api.md
+++ b/packages/docs/api/conditional-teleport/CConditionalTeleport.api.md
@@ -10,5 +10,5 @@ import CConditionalTeleport from '@coreui/vue/src/components/conditional-telepor
 
 | Prop name                                                          | Description                                                                                     | Type                                         | Values | Default |
 | ------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------- | -------------------------------------------- | ------ | ------- |
-| **container** <br><div class="badge bg-primary">v5.0.0-rc.2+</div> | An HTML element or function that returns a single element, with `document.body` as the default. | HTMLElement \| (() => HTMLElement) \| string | -      | 'body'  |
+| **container** <br><div class="badge bg-primary">v5.0.0-rc.3+</div> | An HTML element or function that returns a single element, with `document.body` as the default. | HTMLElement \| (() => HTMLElement) \| string | -      | 'body'  |
 | **teleport**                                                       | Render some children into a different part of the DOM                                           | boolean                                      | -      | true    |
diff --git a/packages/docs/api/dropdown/CDropdown.api.md b/packages/docs/api/dropdown/CDropdown.api.md
index 02de108d..8a5b1759 100644
--- a/packages/docs/api/dropdown/CDropdown.api.md
+++ b/packages/docs/api/dropdown/CDropdown.api.md
@@ -12,14 +12,14 @@ import CDropdown from '@coreui/vue/src/components/dropdown/CDropdown'
 | ------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- |
 | **alignment**                                                      | Set aligment of dropdown menu.                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | string \| Alignments                         | `{ 'start' \| 'end' \| { xs: 'start' \| 'end' } \| { sm: 'start' \| 'end' } \| { md: 'start' \| 'end' } \| { lg: 'start' \| 'end' } \| { xl: 'start' \| 'end'} \| { xxl: 'start' \| 'end'} }` | -              |
 | **auto-close**                                                     | Configure the auto close behavior of the dropdown:<br>- `true` - the dropdown will be closed by clicking outside or inside the dropdown menu.<br>- `false` - the dropdown will be closed by clicking the toggle button and manually calling hide or toggle method. (Also will not be closed by pressing esc key)<br>- `'inside'` - the dropdown will be closed (only) by clicking inside the dropdown menu.<br>- `'outside'` - the dropdown will be closed (only) by clicking outside the dropdown menu. | boolean\|string                              | -                                                                                                                                                                                             | true           |
-| **container** <br><div class="badge bg-primary">v5.0.0-rc.2+</div> | Appends the vue dropdown menu to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                                                                                                                                                                                                                                                                 | HTMLElement \| (() => HTMLElement) \| string | -                                                                                                                                                                                             | 'body'         |
+| **container** <br><div class="badge bg-primary">v5.0.0-rc.3+</div> | Appends the vue dropdown menu to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                                                                                                                                                                                                                                                                 | HTMLElement \| (() => HTMLElement) \| string | -                                                                                                                                                                                             | 'body'         |
 | **dark**                                                           | Sets a darker color scheme to match a dark navbar.                                                                                                                                                                                                                                                                                                                                                                                                                                                       | boolean                                      | -                                                                                                                                                                                             | -              |
 | **direction**                                                      | Sets a specified direction and location of the dropdown menu.                                                                                                                                                                                                                                                                                                                                                                                                                                            | string                                       | `'center'`, `'dropup'`, `'dropup-center'`, `'dropend'`, `'dropstart'`                                                                                                                         | -              |
 | **disabled**                                                       | Toggle the disabled state for the component.                                                                                                                                                                                                                                                                                                                                                                                                                                                             | boolean                                      | -                                                                                                                                                                                             | -              |
 | **offset** <br><div class="badge bg-primary">4.9.0+</div>          | Offset of the dropdown menu relative to its target.                                                                                                                                                                                                                                                                                                                                                                                                                                                      | array                                        | -                                                                                                                                                                                             | [0, 2]         |
 | **placement**                                                      | Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.                                                                                                                                                                                                                                                                                                                                     | Placement                                    | `'auto'`, `'top-end'`, `'top'`, `'top-start'`, `'bottom-end'`, `'bottom'`, `'bottom-start'`, `'right-start'`, `'right'`, `'right-end'`, `'left-start'`, `'left'`, `'left-end'`                | 'bottom-start' |
 | **popper**                                                         | If you want to disable dynamic positioning set this property to `true`.                                                                                                                                                                                                                                                                                                                                                                                                                                  | boolean                                      | -                                                                                                                                                                                             | true           |
-| **teleport** <br><div class="badge bg-primary">v5.0.0-rc.2+</div>  | Generates dropdown menu using Teleport.                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | boolean                                      | -                                                                                                                                                                                             | false          |
+| **teleport** <br><div class="badge bg-primary">v5.0.0-rc.3+</div>  | Generates dropdown menu using Teleport.                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | boolean                                      | -                                                                                                                                                                                             | false          |
 | **trigger**                                                        | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.                                                                                                                                                                                                                                                                                                                                                                                      | Triggers                                     | -                                                                                                                                                                                             | 'click'        |
 | **variant**                                                        | Set the dropdown variant to an btn-group, dropdown, input-group, and nav-item.                                                                                                                                                                                                                                                                                                                                                                                                                           | string                                       | `'btn-group'`, `'dropdown'`, `'input-group'`, `'nav-item'`                                                                                                                                    | 'btn-group'    |
 | **visible**                                                        | Toggle the visibility of dropdown menu component.                                                                                                                                                                                                                                                                                                                                                                                                                                                        | boolean                                      | -                                                                                                                                                                                             | -              |
diff --git a/packages/docs/api/dropdown/CDropdownToggle.api.md b/packages/docs/api/dropdown/CDropdownToggle.api.md
index 5d6c2b55..5c10b591 100644
--- a/packages/docs/api/dropdown/CDropdownToggle.api.md
+++ b/packages/docs/api/dropdown/CDropdownToggle.api.md
@@ -15,7 +15,7 @@ import CDropdownToggle from '@coreui/vue/src/components/dropdown/CDropdownToggle
 | **caret**                                                         | Enables pseudo element caret on toggler.                                                                                                                                                                      | boolean  | -                                                                                               | true     |
 | **custom**                                                        | Create a custom toggler which accepts any content.                                                                                                                                                            | boolean  | -                                                                                               | -        |
 | **disabled**                                                      | Toggle the disabled state for the component.                                                                                                                                                                  | boolean  | -                                                                                               | -        |
-| **nav-link** <br><div class="badge bg-primary">v5.0.0-rc.2+</div> | If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.                                                                                                           | boolean  | -                                                                                               | true     |
+| **nav-link** <br><div class="badge bg-primary">v5.0.0-rc.3+</div> | If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.                                                                                                           | boolean  | -                                                                                               | true     |
 | **size**                                                          | Size the component small or large.                                                                                                                                                                            | string   | `'sm'`, `'lg'`                                                                                  | -        |
 | **split**                                                         | Similarly, create split button dropdowns with virtually the same markup as single button dropdowns, but with the addition of `.dropdown-toggle-split` className for proper spacing around the dropdown caret. | boolean  | -                                                                                               | -        |
 | **trigger**                                                       | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.<br/>`@type` 'hover' \| 'focus' \| 'click'                                                 | Triggers | -                                                                                               | 'click'  |
diff --git a/packages/docs/api/modal/CModal.api.md b/packages/docs/api/modal/CModal.api.md
index fec31d16..66efacda 100644
--- a/packages/docs/api/modal/CModal.api.md
+++ b/packages/docs/api/modal/CModal.api.md
@@ -13,7 +13,7 @@ import CModal from '@coreui/vue/src/components/modal/CModal'
 | **alignment**                                                  | Align the modal in the center or top of the screen.                                                                                | string          | `'top'`, `'center'`                                | 'top'   |
 | **backdrop**                                                   | Apply a backdrop on body while offcanvas is open.                                                                                  | boolean\|string | `boolean \| 'static'`                              | true    |
 | **content-class-name**                                         | A string of all className you want applied to the modal content component.                                                         | string          | -                                                  | -       |
-| **focus** <br><div class="badge bg-primary">v5.0.0-rc.2+</div> | Puts the focus on the modal when shown.                                                                                            | boolean         | -                                                  | true    |
+| **focus** <br><div class="badge bg-primary">v5.0.0-rc.3+</div> | Puts the focus on the modal when shown.                                                                                            | boolean         | -                                                  | true    |
 | **fullscreen**                                                 | Set modal to covers the entire user viewport                                                                                       | boolean\|string | `boolean`, `'sm'`, `'md'`, `'lg'`, `'xl'`, `'xxl'` | -       |
 | **keyboard**                                                   | Closes the modal when escape key is pressed.                                                                                       | boolean         | -                                                  | true    |
 | **scrollable**                                                 | Create a scrollable modal that allows scrolling the modal body.                                                                    | boolean         | -                                                  | -       |
diff --git a/packages/docs/api/popover/CPopover.api.md b/packages/docs/api/popover/CPopover.api.md
index 3bfa8ba6..11cd30e9 100644
--- a/packages/docs/api/popover/CPopover.api.md
+++ b/packages/docs/api/popover/CPopover.api.md
@@ -11,7 +11,7 @@ import CPopover from '@coreui/vue/src/components/popover/CPopover'
 | Prop name                                                              | Description                                                                                                                                                                                                                                                     | Type                                         | Values                          | Default                                  |
 | ---------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | ------------------------------- | ---------------------------------------- |
 | **animation** <br><div class="badge bg-primary">4.9.0+</div>           | Apply a CSS fade transition to the popover.                                                                                                                                                                                                                     | boolean                                      | -                               | true                                     |
-| **container** <br><div class="badge bg-primary">v5.0.0-rc.2+</div>     | Appends the vue popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                              | HTMLElement \| (() => HTMLElement) \| string | -                               | 'body'                                   |
+| **container** <br><div class="badge bg-primary">v5.0.0-rc.3+</div>     | Appends the vue popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                              | HTMLElement \| (() => HTMLElement) \| string | -                               | 'body'                                   |
 | **content**                                                            | Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`                                                                                                                                  | string                                       | -                               | -                                        |
 | **delay** <br><div class="badge bg-primary">4.9.0+</div>               | The delay for displaying and hiding the popover (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`. | number \| { show: number; hide: number }     | -                               | 0                                        |
 | **fallback-placements** <br><div class="badge bg-primary">4.9.0+</div> | Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.                                                                                                       | Placements \| Placements[]                   | -                               | () => ['top', 'right', 'bottom', 'left'] |
diff --git a/packages/docs/api/progress/CProgress.api.md b/packages/docs/api/progress/CProgress.api.md
index 2f03bcd8..821d6eef 100644
--- a/packages/docs/api/progress/CProgress.api.md
+++ b/packages/docs/api/progress/CProgress.api.md
@@ -13,7 +13,7 @@ import CProgress from '@coreui/vue/src/components/progress/CProgress'
 | **animated**                                                                    | Use to animate the stripes right to left via CSS3 animations.                                                             | boolean | -                                                                                               | -       |
 | **color**                                                                       | Sets the color context of the component to one of CoreUI’s themed colors.                                                 | string  | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | -       |
 | **height**                                                                      | Sets the height of the component. If you set that value the inner `<CProgressBar>` will automatically resize accordingly. | number  | -                                                                                               | -       |
-| **progress-bar-class-name** <br><div class="badge bg-primary">5.0.0-rc.2+</div> | A string of all className you want applied to the <CProgressBar/> component.                                              | string  | -                                                                                               | -       |
+| **progress-bar-class-name** <br><div class="badge bg-primary">5.0.0-rc.3+</div> | A string of all className you want applied to the <CProgressBar/> component.                                              | string  | -                                                                                               | -       |
 | **thin**                                                                        | Makes progress bar thinner.                                                                                               | boolean | -                                                                                               | -       |
 | **value**                                                                       | The percent to progress the ProgressBar.                                                                                  | number  | -                                                                                               | 0       |
 | **variant**                                                                     | Set the progress bar variant to optional striped.                                                                         | string  | `'striped'`                                                                                     | -       |
diff --git a/packages/docs/api/tooltip/CTooltip.api.md b/packages/docs/api/tooltip/CTooltip.api.md
index 169db23d..9794c42c 100644
--- a/packages/docs/api/tooltip/CTooltip.api.md
+++ b/packages/docs/api/tooltip/CTooltip.api.md
@@ -11,7 +11,7 @@ import CTooltip from '@coreui/vue/src/components/tooltip/CTooltip'
 | Prop name                                                              | Description                                                                                                                                                                                                                                                     | Type                                         | Values                          | Default                                  |
 | ---------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | ------------------------------- | ---------------------------------------- |
 | **animation** <br><div class="badge bg-primary">4.9.0+</div>           | Apply a CSS fade transition to the tooltip.                                                                                                                                                                                                                     | boolean                                      | -                               | true                                     |
-| **container** <br><div class="badge bg-primary">v5.0.0-rc.2+</div>     | Appends the vue tooltip to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                              | HTMLElement \| (() => HTMLElement) \| string | -                               | 'body'                                   |
+| **container** <br><div class="badge bg-primary">v5.0.0-rc.3+</div>     | Appends the vue tooltip to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                              | HTMLElement \| (() => HTMLElement) \| string | -                               | 'body'                                   |
 | **content**                                                            | Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`                                                                                                                                  | string                                       | -                               | -                                        |
 | **delay** <br><div class="badge bg-primary">4.9.0+</div>               | The delay for displaying and hiding the popover (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`. | number \| { show: number; hide: number }     | -                               | 0                                        |
 | **fallback-placements** <br><div class="badge bg-primary">4.9.0+</div> | Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.                                                                                                       | Placements \| Placements[]                   | -                               | () => ['top', 'right', 'bottom', 'left'] |
diff --git a/packages/docs/package.json b/packages/docs/package.json
index a2df3ca1..ebd6b72b 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue-docs",
-  "version": "5.0.0-rc.2",
+  "version": "5.0.0-rc.3",
   "scripts": {
     "api": "vue-docgen -c build/docgen.config.js",
     "dev": "vuepress dev --clean-cache",

From d4d4ad9700338997712d2161e8eabfd48d89f1e7 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 28 Mar 2024 16:42:33 +0100
Subject: [PATCH 274/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@typescript-eslint/eslint-plugin       ^7.3.1  →   ^7.4.0
@typescript-eslint/parser              ^7.3.1  →   ^7.4.0
eslint-plugin-vue                     ^9.23.0  →  ^9.24.0
@coreui/chartjs                   ^4.0.0-rc.0  →   ^4.0.0
@coreui/coreui                    ^5.0.0-rc.3  →   ^5.0.0
@coreui/vue-chartjs               ^3.0.0-rc.0  →   ^3.0.0
rollup                                ^4.13.0  →  ^4.13.2
vue-docgen-cli                        ^4.78.0  →  ^4.79.0
---
 package.json                     | 6 +++---
 packages/coreui-icons-vue        | 2 +-
 packages/coreui-vue-chartjs      | 2 +-
 packages/coreui-vue/package.json | 4 ++--
 packages/docs/package.json       | 8 ++++----
 5 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/package.json b/package.json
index 9173efda..b8c9328f 100644
--- a/package.json
+++ b/package.json
@@ -22,14 +22,14 @@
     "test:update": "npm-run-all charts:test:update icons:test:update lib:test:update"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^7.3.1",
-    "@typescript-eslint/parser": "^7.3.1",
+    "@typescript-eslint/eslint-plugin": "^7.4.0",
+    "@typescript-eslint/parser": "^7.4.0",
     "@vue/eslint-config-prettier": "^9.0.0",
     "@vue/eslint-config-typescript": "^13.0.0",
     "@vue/vue3-jest": "29.2.6",
     "eslint": "8.57.0",
     "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-vue": "^9.23.0",
+    "eslint-plugin-vue": "^9.24.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-unicorn": "^51.0.1",
     "lerna": "^8.1.2",
diff --git a/packages/coreui-icons-vue b/packages/coreui-icons-vue
index b5f44477..9de09384 160000
--- a/packages/coreui-icons-vue
+++ b/packages/coreui-icons-vue
@@ -1 +1 @@
-Subproject commit b5f44477ddae0e06bb5c9adedcdcde1d2aa95713
+Subproject commit 9de09384e7b0ece5196adf30b0f5e25cee77975c
diff --git a/packages/coreui-vue-chartjs b/packages/coreui-vue-chartjs
index 4915760c..a3a42cab 160000
--- a/packages/coreui-vue-chartjs
+++ b/packages/coreui-vue-chartjs
@@ -1 +1 @@
-Subproject commit 4915760c5f87bd0106778d414288681edc086fa9
+Subproject commit a3a42cabd2b34dd1b1b78cbb72d5e6cdc41ba5cd
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index 474a16e6..30e2a72a 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -41,7 +41,7 @@
     "test:update": "jest --coverage --updateSnapshot"
   },
   "dependencies": {
-    "@coreui/coreui": "^5.0.0-rc.3",
+    "@coreui/coreui": "^5.0.0",
     "@popperjs/core": "^2.11.8"
   },
   "devDependencies": {
@@ -54,7 +54,7 @@
     "cross-env": "^7.0.3",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "rollup": "^4.13.0",
+    "rollup": "^4.13.2",
     "rollup-plugin-vue": "^6.0.0",
     "ts-jest": "^29.1.2",
     "typescript": "^5.4.3",
diff --git a/packages/docs/package.json b/packages/docs/package.json
index ebd6b72b..d33b8100 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -8,18 +8,18 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@coreui/chartjs": "^4.0.0-rc.0",
-    "@coreui/coreui": "^5.0.0-rc.3",
+    "@coreui/chartjs": "^4.0.0",
+    "@coreui/coreui": "^5.0.0",
     "@coreui/icons": "^3.0.1",
     "@coreui/icons-vue": "^2.0.0",
     "@coreui/utils": "^2.0.2",
-    "@coreui/vue-chartjs": "^3.0.0-rc.0",
+    "@coreui/vue-chartjs": "^3.0.0",
     "@docsearch/css": "^3.6.0",
     "@docsearch/js": "^3.6.0",
     "@vuepress/plugin-register-components": "2.0.0-rc.0",
     "@vuepress/plugin-toc": "2.0.0-rc.0",
     "markdown-it-include": "^2.0.0",
-    "vue-docgen-cli": "^4.78.0",
+    "vue-docgen-cli": "^4.79.0",
     "vuepress": "2.0.0-rc.0"
   }
 }

From 9802ae6f6eeacabed910dece4e1f622c78c77571 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 28 Mar 2024 16:49:47 +0100
Subject: [PATCH 275/346] release: v5.0.0

---
 README.md                                     |  2 +-
 lerna.json                                    |  2 +-
 packages/coreui-vue/package.json              |  2 +-
 .../coreui-vue/src/components/badge/CBadge.ts |  2 +-
 .../coreui-vue/src/components/card/CCard.ts   |  2 +-
 .../CConditionalTeleport.ts                   |  2 +-
 .../src/components/dropdown/CDropdown.ts      |  4 +--
 .../components/dropdown/CDropdownToggle.ts    |  2 +-
 .../coreui-vue/src/components/modal/CModal.ts |  2 +-
 .../src/components/popover/CPopover.ts        |  2 +-
 .../src/components/progress/CProgress.ts      |  2 +-
 .../src/components/tooltip/CTooltip.ts        |  2 +-
 packages/docs/api/badge/CBadge.api.md         | 18 +++++------
 packages/docs/api/card/CCard.api.md           | 10 +++----
 .../CConditionalTeleport.api.md               |  8 ++---
 packages/docs/api/dropdown/CDropdown.api.md   | 30 +++++++++----------
 .../docs/api/dropdown/CDropdownToggle.api.md  | 24 +++++++--------
 packages/docs/api/modal/CModal.api.md         | 26 ++++++++--------
 packages/docs/api/popover/CPopover.api.md     |  2 +-
 packages/docs/api/progress/CProgress.api.md   | 20 ++++++-------
 packages/docs/api/tooltip/CTooltip.api.md     |  2 +-
 packages/docs/package.json                    |  2 +-
 22 files changed, 84 insertions(+), 84 deletions(-)

diff --git a/README.md b/README.md
index f4dc59ca..0a993209 100644
--- a/README.md
+++ b/README.md
@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.0.0-rc.3.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.0.0.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue`
diff --git a/lerna.json b/lerna.json
index 2a068bcd..194343e3 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,6 +1,6 @@
 {
   "npmClient": "yarn",
   "packages": ["packages/*"],
-  "version": "5.0.0-rc.3",
+  "version": "5.0.0",
   "$schema": "node_modules/lerna/schemas/lerna-schema.json"
 }
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index 30e2a72a..f4134e45 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue",
-  "version": "5.0.0-rc.3",
+  "version": "5.0.0",
   "description": "UI Components Library for Vue.js",
   "keywords": [
     "vue",
diff --git a/packages/coreui-vue/src/components/badge/CBadge.ts b/packages/coreui-vue/src/components/badge/CBadge.ts
index 65e5936c..3802015d 100644
--- a/packages/coreui-vue/src/components/badge/CBadge.ts
+++ b/packages/coreui-vue/src/components/badge/CBadge.ts
@@ -50,7 +50,7 @@ const CBadge = defineComponent({
      * Sets the component's color scheme to one of CoreUI's themed colors, ensuring the text color contrast adheres to the WCAG 4.5:1 contrast ratio standard for accessibility.
      *
      * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
-     * @since 5.0.0-rc.3
+     * @since 5.0.0
      */
     textBgColor: Color,
     /**
diff --git a/packages/coreui-vue/src/components/card/CCard.ts b/packages/coreui-vue/src/components/card/CCard.ts
index e63631fb..580dc207 100644
--- a/packages/coreui-vue/src/components/card/CCard.ts
+++ b/packages/coreui-vue/src/components/card/CCard.ts
@@ -15,7 +15,7 @@ const CCard = defineComponent({
      * Sets the component's color scheme to one of CoreUI's themed colors, ensuring the text color contrast adheres to the WCAG 4.5:1 contrast ratio standard for accessibility.
      *
      * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
-     * @since 5.0.0-rc.3
+     * @since 5.0.0
      */
     textBgColor: Color,
     /**
diff --git a/packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts b/packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts
index 48df4843..8fd104a1 100644
--- a/packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts
+++ b/packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts
@@ -16,7 +16,7 @@ const CConditionalTeleport = defineComponent({
     /**
      * An HTML element or function that returns a single element, with `document.body` as the default.
      *
-     * @since v5.0.0-rc.3
+     * @since v5.0.0
      */
     container: {
       type: [Object, String] as PropType<HTMLElement | (() => HTMLElement) | string>,
diff --git a/packages/coreui-vue/src/components/dropdown/CDropdown.ts b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
index 8f835633..97ef4fe5 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdown.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
@@ -62,7 +62,7 @@ const CDropdown = defineComponent({
     /**
      * Appends the vue dropdown menu to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
      *
-     * @since v5.0.0-rc.3
+     * @since v5.0.0
      */
     container: {
       type: [Object, String] as PropType<HTMLElement | (() => HTMLElement) | string>,
@@ -115,7 +115,7 @@ const CDropdown = defineComponent({
     /**
      * Generates dropdown menu using Teleport.
      *
-     * @since v5.0.0-rc.3
+     * @since v5.0.0
      */
     teleport: {
       type: Boolean,
diff --git a/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts b/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
index c64d4511..33e96a35 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
@@ -49,7 +49,7 @@ const CDropdownToggle = defineComponent({
     /**
      * If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.
      *
-     * @since v5.0.0-rc.3
+     * @since v5.0.0
      */
     navLink: {
       type: Boolean,
diff --git a/packages/coreui-vue/src/components/modal/CModal.ts b/packages/coreui-vue/src/components/modal/CModal.ts
index 1c5c12e4..78a238b9 100644
--- a/packages/coreui-vue/src/components/modal/CModal.ts
+++ b/packages/coreui-vue/src/components/modal/CModal.ts
@@ -54,7 +54,7 @@ const CModal = defineComponent({
     /**
      * Puts the focus on the modal when shown.
      *
-     * @since v5.0.0-rc.3
+     * @since v5.0.0
      */
     focus: {
       type: Boolean,
diff --git a/packages/coreui-vue/src/components/popover/CPopover.ts b/packages/coreui-vue/src/components/popover/CPopover.ts
index 908b0efb..a39aea63 100644
--- a/packages/coreui-vue/src/components/popover/CPopover.ts
+++ b/packages/coreui-vue/src/components/popover/CPopover.ts
@@ -23,7 +23,7 @@ const CPopover = defineComponent({
     /**
      * Appends the vue popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
      *
-     * @since v5.0.0-rc.3
+     * @since v5.0.0
      */
     container: {
       type: [Object, String] as PropType<HTMLElement | (() => HTMLElement) | string>,
diff --git a/packages/coreui-vue/src/components/progress/CProgress.ts b/packages/coreui-vue/src/components/progress/CProgress.ts
index 95b0c532..03c39ed3 100644
--- a/packages/coreui-vue/src/components/progress/CProgress.ts
+++ b/packages/coreui-vue/src/components/progress/CProgress.ts
@@ -23,7 +23,7 @@ const CProgress = defineComponent({
     /**
      * A string of all className you want applied to the <CProgressBar/> component.
      *
-     * @since 5.0.0-rc.3
+     * @since 5.0.0
      */
     progressBarClassName: String,
     /**
diff --git a/packages/coreui-vue/src/components/tooltip/CTooltip.ts b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
index 2182345d..8ee54061 100644
--- a/packages/coreui-vue/src/components/tooltip/CTooltip.ts
+++ b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
@@ -23,7 +23,7 @@ const CTooltip = defineComponent({
     /**
      * Appends the vue tooltip to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
      *
-     * @since v5.0.0-rc.3
+     * @since v5.0.0
      */
     container: {
       type: [Object, String] as PropType<HTMLElement | (() => HTMLElement) | string>,
diff --git a/packages/docs/api/badge/CBadge.api.md b/packages/docs/api/badge/CBadge.api.md
index 4ee02b81..4d763c88 100644
--- a/packages/docs/api/badge/CBadge.api.md
+++ b/packages/docs/api/badge/CBadge.api.md
@@ -8,12 +8,12 @@ import CBadge from '@coreui/vue/src/components/badge/CBadge'
 
 #### Props
 
-| Prop name                                                             | Description                                                                                                                                                               | Type   | Values                                                                                                                                                                                                                                                                                                                                                                      | Default |
-| --------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- |
-| **as**                                                                | Component used for the root node. Either a string to use a HTML element or a component.                                                                                   | string | -                                                                                                                                                                                                                                                                                                                                                                           | 'span'  |
-| **color**                                                             | Sets the color context of the component to one of CoreUI’s themed colors.                                                                                                 | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`                                                                                                                                                                                                                                                                             | -       |
-| **position**                                                          | Position badge in one of the corners of a link or button.                                                                                                                 | string | `'top-start'`, `'top-end'`, `'bottom-end'`, `'bottom-start'`                                                                                                                                                                                                                                                                                                                | -       |
-| **shape**                                                             | Select the shape of the component.                                                                                                                                        | string | `'rounded'`, `'rounded-top'`, `'rounded-end'`, `'rounded-bottom'`, `'rounded-start'`, `'rounded-circle'`, `'rounded-pill'`, `'rounded-0'`, `'rounded-1'`, `'rounded-2'`, `'rounded-3'`                                                                                                                                                                                      | -       |
-| **size**                                                              | Size the component small.                                                                                                                                                 | string | `'sm'`                                                                                                                                                                                                                                                                                                                                                                      | -       |
-| **text-bg-color** <br><div class="badge bg-primary">5.0.0-rc.3+</div> | Sets the component's color scheme to one of CoreUI's themed colors, ensuring the text color contrast adheres to the WCAG 4.5:1 contrast ratio standard for accessibility. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`                                                                                                                                                                                                                                                                             | -       |
-| **text-color**                                                        | Sets the text color of the component to one of CoreUI’s themed colors.                                                                                                    | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `'primary-emphasis'`, `'secondary-emphasis'`, `'success-emphasis'`, `'danger-emphasis'`, `'warning-emphasis'`, `'info-emphasis'`, `'light-emphasis'`, `'body'`, `'body-emphasis'`, `'body-secondary'`, `'body-tertiary'`, `'black'`, `'black-50'`, `'white'`, `'white-50'` | -       |
+| Prop name                                                        | Description                                                                                                                                                               | Type   | Values                                                                                                                                                                                                                                                                                                                                                                      | Default |
+| ---------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- |
+| **as**                                                           | Component used for the root node. Either a string to use a HTML element or a component.                                                                                   | string | -                                                                                                                                                                                                                                                                                                                                                                           | 'span'  |
+| **color**                                                        | Sets the color context of the component to one of CoreUI’s themed colors.                                                                                                 | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`                                                                                                                                                                                                                                                                             | -       |
+| **position**                                                     | Position badge in one of the corners of a link or button.                                                                                                                 | string | `'top-start'`, `'top-end'`, `'bottom-end'`, `'bottom-start'`                                                                                                                                                                                                                                                                                                                | -       |
+| **shape**                                                        | Select the shape of the component.                                                                                                                                        | string | `'rounded'`, `'rounded-top'`, `'rounded-end'`, `'rounded-bottom'`, `'rounded-start'`, `'rounded-circle'`, `'rounded-pill'`, `'rounded-0'`, `'rounded-1'`, `'rounded-2'`, `'rounded-3'`                                                                                                                                                                                      | -       |
+| **size**                                                         | Size the component small.                                                                                                                                                 | string | `'sm'`                                                                                                                                                                                                                                                                                                                                                                      | -       |
+| **text-bg-color** <br><div class="badge bg-primary">5.0.0+</div> | Sets the component's color scheme to one of CoreUI's themed colors, ensuring the text color contrast adheres to the WCAG 4.5:1 contrast ratio standard for accessibility. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`                                                                                                                                                                                                                                                                             | -       |
+| **text-color**                                                   | Sets the text color of the component to one of CoreUI’s themed colors.                                                                                                    | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `'primary-emphasis'`, `'secondary-emphasis'`, `'success-emphasis'`, `'danger-emphasis'`, `'warning-emphasis'`, `'info-emphasis'`, `'light-emphasis'`, `'body'`, `'body-emphasis'`, `'body-secondary'`, `'body-tertiary'`, `'black'`, `'black-50'`, `'white'`, `'white-50'` | -       |
diff --git a/packages/docs/api/card/CCard.api.md b/packages/docs/api/card/CCard.api.md
index 6f6734f7..49c792f9 100644
--- a/packages/docs/api/card/CCard.api.md
+++ b/packages/docs/api/card/CCard.api.md
@@ -8,8 +8,8 @@ import CCard from '@coreui/vue/src/components/card/CCard'
 
 #### Props
 
-| Prop name                                                             | Description                                                                                                                                                               | Type   | Values                                                                                                                                                                                                                                                                                                                                                                      | Default |
-| --------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- |
-| **color**                                                             | Sets the color context of the component to one of CoreUI’s themed colors.                                                                                                 | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`                                                                                                                                                                                                                                                                             | -       |
-| **text-bg-color** <br><div class="badge bg-primary">5.0.0-rc.3+</div> | Sets the component's color scheme to one of CoreUI's themed colors, ensuring the text color contrast adheres to the WCAG 4.5:1 contrast ratio standard for accessibility. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`                                                                                                                                                                                                                                                                             | -       |
-| **text-color**                                                        | Sets the text color context of the component to one of CoreUI’s themed colors.                                                                                            | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `'primary-emphasis'`, `'secondary-emphasis'`, `'success-emphasis'`, `'danger-emphasis'`, `'warning-emphasis'`, `'info-emphasis'`, `'light-emphasis'`, `'body'`, `'body-emphasis'`, `'body-secondary'`, `'body-tertiary'`, `'black'`, `'black-50'`, `'white'`, `'white-50'` | -       |
+| Prop name                                                        | Description                                                                                                                                                               | Type   | Values                                                                                                                                                                                                                                                                                                                                                                      | Default |
+| ---------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- |
+| **color**                                                        | Sets the color context of the component to one of CoreUI’s themed colors.                                                                                                 | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`                                                                                                                                                                                                                                                                             | -       |
+| **text-bg-color** <br><div class="badge bg-primary">5.0.0+</div> | Sets the component's color scheme to one of CoreUI's themed colors, ensuring the text color contrast adheres to the WCAG 4.5:1 contrast ratio standard for accessibility. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`                                                                                                                                                                                                                                                                             | -       |
+| **text-color**                                                   | Sets the text color context of the component to one of CoreUI’s themed colors.                                                                                            | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `'primary-emphasis'`, `'secondary-emphasis'`, `'success-emphasis'`, `'danger-emphasis'`, `'warning-emphasis'`, `'info-emphasis'`, `'light-emphasis'`, `'body'`, `'body-emphasis'`, `'body-secondary'`, `'body-tertiary'`, `'black'`, `'black-50'`, `'white'`, `'white-50'` | -       |
diff --git a/packages/docs/api/conditional-teleport/CConditionalTeleport.api.md b/packages/docs/api/conditional-teleport/CConditionalTeleport.api.md
index 743b1d0a..66b3972f 100644
--- a/packages/docs/api/conditional-teleport/CConditionalTeleport.api.md
+++ b/packages/docs/api/conditional-teleport/CConditionalTeleport.api.md
@@ -8,7 +8,7 @@ import CConditionalTeleport from '@coreui/vue/src/components/conditional-telepor
 
 #### Props
 
-| Prop name                                                          | Description                                                                                     | Type                                         | Values | Default |
-| ------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------- | -------------------------------------------- | ------ | ------- |
-| **container** <br><div class="badge bg-primary">v5.0.0-rc.3+</div> | An HTML element or function that returns a single element, with `document.body` as the default. | HTMLElement \| (() => HTMLElement) \| string | -      | 'body'  |
-| **teleport**                                                       | Render some children into a different part of the DOM                                           | boolean                                      | -      | true    |
+| Prop name                                                     | Description                                                                                     | Type                                         | Values | Default |
+| ------------------------------------------------------------- | ----------------------------------------------------------------------------------------------- | -------------------------------------------- | ------ | ------- |
+| **container** <br><div class="badge bg-primary">v5.0.0+</div> | An HTML element or function that returns a single element, with `document.body` as the default. | HTMLElement \| (() => HTMLElement) \| string | -      | 'body'  |
+| **teleport**                                                  | Render some children into a different part of the DOM                                           | boolean                                      | -      | true    |
diff --git a/packages/docs/api/dropdown/CDropdown.api.md b/packages/docs/api/dropdown/CDropdown.api.md
index 8a5b1759..3eaad39f 100644
--- a/packages/docs/api/dropdown/CDropdown.api.md
+++ b/packages/docs/api/dropdown/CDropdown.api.md
@@ -8,21 +8,21 @@ import CDropdown from '@coreui/vue/src/components/dropdown/CDropdown'
 
 #### Props
 
-| Prop name                                                          | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | Type                                         | Values                                                                                                                                                                                        | Default        |
-| ------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- |
-| **alignment**                                                      | Set aligment of dropdown menu.                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | string \| Alignments                         | `{ 'start' \| 'end' \| { xs: 'start' \| 'end' } \| { sm: 'start' \| 'end' } \| { md: 'start' \| 'end' } \| { lg: 'start' \| 'end' } \| { xl: 'start' \| 'end'} \| { xxl: 'start' \| 'end'} }` | -              |
-| **auto-close**                                                     | Configure the auto close behavior of the dropdown:<br>- `true` - the dropdown will be closed by clicking outside or inside the dropdown menu.<br>- `false` - the dropdown will be closed by clicking the toggle button and manually calling hide or toggle method. (Also will not be closed by pressing esc key)<br>- `'inside'` - the dropdown will be closed (only) by clicking inside the dropdown menu.<br>- `'outside'` - the dropdown will be closed (only) by clicking outside the dropdown menu. | boolean\|string                              | -                                                                                                                                                                                             | true           |
-| **container** <br><div class="badge bg-primary">v5.0.0-rc.3+</div> | Appends the vue dropdown menu to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                                                                                                                                                                                                                                                                 | HTMLElement \| (() => HTMLElement) \| string | -                                                                                                                                                                                             | 'body'         |
-| **dark**                                                           | Sets a darker color scheme to match a dark navbar.                                                                                                                                                                                                                                                                                                                                                                                                                                                       | boolean                                      | -                                                                                                                                                                                             | -              |
-| **direction**                                                      | Sets a specified direction and location of the dropdown menu.                                                                                                                                                                                                                                                                                                                                                                                                                                            | string                                       | `'center'`, `'dropup'`, `'dropup-center'`, `'dropend'`, `'dropstart'`                                                                                                                         | -              |
-| **disabled**                                                       | Toggle the disabled state for the component.                                                                                                                                                                                                                                                                                                                                                                                                                                                             | boolean                                      | -                                                                                                                                                                                             | -              |
-| **offset** <br><div class="badge bg-primary">4.9.0+</div>          | Offset of the dropdown menu relative to its target.                                                                                                                                                                                                                                                                                                                                                                                                                                                      | array                                        | -                                                                                                                                                                                             | [0, 2]         |
-| **placement**                                                      | Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.                                                                                                                                                                                                                                                                                                                                     | Placement                                    | `'auto'`, `'top-end'`, `'top'`, `'top-start'`, `'bottom-end'`, `'bottom'`, `'bottom-start'`, `'right-start'`, `'right'`, `'right-end'`, `'left-start'`, `'left'`, `'left-end'`                | 'bottom-start' |
-| **popper**                                                         | If you want to disable dynamic positioning set this property to `true`.                                                                                                                                                                                                                                                                                                                                                                                                                                  | boolean                                      | -                                                                                                                                                                                             | true           |
-| **teleport** <br><div class="badge bg-primary">v5.0.0-rc.3+</div>  | Generates dropdown menu using Teleport.                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | boolean                                      | -                                                                                                                                                                                             | false          |
-| **trigger**                                                        | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.                                                                                                                                                                                                                                                                                                                                                                                      | Triggers                                     | -                                                                                                                                                                                             | 'click'        |
-| **variant**                                                        | Set the dropdown variant to an btn-group, dropdown, input-group, and nav-item.                                                                                                                                                                                                                                                                                                                                                                                                                           | string                                       | `'btn-group'`, `'dropdown'`, `'input-group'`, `'nav-item'`                                                                                                                                    | 'btn-group'    |
-| **visible**                                                        | Toggle the visibility of dropdown menu component.                                                                                                                                                                                                                                                                                                                                                                                                                                                        | boolean                                      | -                                                                                                                                                                                             | -              |
+| Prop name                                                     | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | Type                                         | Values                                                                                                                                                                                        | Default        |
+| ------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- |
+| **alignment**                                                 | Set aligment of dropdown menu.                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | string \| Alignments                         | `{ 'start' \| 'end' \| { xs: 'start' \| 'end' } \| { sm: 'start' \| 'end' } \| { md: 'start' \| 'end' } \| { lg: 'start' \| 'end' } \| { xl: 'start' \| 'end'} \| { xxl: 'start' \| 'end'} }` | -              |
+| **auto-close**                                                | Configure the auto close behavior of the dropdown:<br>- `true` - the dropdown will be closed by clicking outside or inside the dropdown menu.<br>- `false` - the dropdown will be closed by clicking the toggle button and manually calling hide or toggle method. (Also will not be closed by pressing esc key)<br>- `'inside'` - the dropdown will be closed (only) by clicking inside the dropdown menu.<br>- `'outside'` - the dropdown will be closed (only) by clicking outside the dropdown menu. | boolean\|string                              | -                                                                                                                                                                                             | true           |
+| **container** <br><div class="badge bg-primary">v5.0.0+</div> | Appends the vue dropdown menu to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                                                                                                                                                                                                                                                                 | HTMLElement \| (() => HTMLElement) \| string | -                                                                                                                                                                                             | 'body'         |
+| **dark**                                                      | Sets a darker color scheme to match a dark navbar.                                                                                                                                                                                                                                                                                                                                                                                                                                                       | boolean                                      | -                                                                                                                                                                                             | -              |
+| **direction**                                                 | Sets a specified direction and location of the dropdown menu.                                                                                                                                                                                                                                                                                                                                                                                                                                            | string                                       | `'center'`, `'dropup'`, `'dropup-center'`, `'dropend'`, `'dropstart'`                                                                                                                         | -              |
+| **disabled**                                                  | Toggle the disabled state for the component.                                                                                                                                                                                                                                                                                                                                                                                                                                                             | boolean                                      | -                                                                                                                                                                                             | -              |
+| **offset** <br><div class="badge bg-primary">4.9.0+</div>     | Offset of the dropdown menu relative to its target.                                                                                                                                                                                                                                                                                                                                                                                                                                                      | array                                        | -                                                                                                                                                                                             | [0, 2]         |
+| **placement**                                                 | Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.                                                                                                                                                                                                                                                                                                                                     | Placement                                    | `'auto'`, `'top-end'`, `'top'`, `'top-start'`, `'bottom-end'`, `'bottom'`, `'bottom-start'`, `'right-start'`, `'right'`, `'right-end'`, `'left-start'`, `'left'`, `'left-end'`                | 'bottom-start' |
+| **popper**                                                    | If you want to disable dynamic positioning set this property to `true`.                                                                                                                                                                                                                                                                                                                                                                                                                                  | boolean                                      | -                                                                                                                                                                                             | true           |
+| **teleport** <br><div class="badge bg-primary">v5.0.0+</div>  | Generates dropdown menu using Teleport.                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | boolean                                      | -                                                                                                                                                                                             | false          |
+| **trigger**                                                   | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.                                                                                                                                                                                                                                                                                                                                                                                      | Triggers                                     | -                                                                                                                                                                                             | 'click'        |
+| **variant**                                                   | Set the dropdown variant to an btn-group, dropdown, input-group, and nav-item.                                                                                                                                                                                                                                                                                                                                                                                                                           | string                                       | `'btn-group'`, `'dropdown'`, `'input-group'`, `'nav-item'`                                                                                                                                    | 'btn-group'    |
+| **visible**                                                   | Toggle the visibility of dropdown menu component.                                                                                                                                                                                                                                                                                                                                                                                                                                                        | boolean                                      | -                                                                                                                                                                                             | -              |
 
 #### Events
 
diff --git a/packages/docs/api/dropdown/CDropdownToggle.api.md b/packages/docs/api/dropdown/CDropdownToggle.api.md
index 5c10b591..2c5e2d20 100644
--- a/packages/docs/api/dropdown/CDropdownToggle.api.md
+++ b/packages/docs/api/dropdown/CDropdownToggle.api.md
@@ -8,15 +8,15 @@ import CDropdownToggle from '@coreui/vue/src/components/dropdown/CDropdownToggle
 
 #### Props
 
-| Prop name                                                         | Description                                                                                                                                                                                                   | Type     | Values                                                                                          | Default  |
-| ----------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------------------------------------------------------------------------------------------- | -------- |
-| **as**                                                            | Component used for the root node. Either a string to use a HTML element or a component.                                                                                                                       | string   | -                                                                                               | 'button' |
-| **color**                                                         | Sets the color context of the component to one of CoreUI’s themed colors.                                                                                                                                     | string   | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | -        |
-| **caret**                                                         | Enables pseudo element caret on toggler.                                                                                                                                                                      | boolean  | -                                                                                               | true     |
-| **custom**                                                        | Create a custom toggler which accepts any content.                                                                                                                                                            | boolean  | -                                                                                               | -        |
-| **disabled**                                                      | Toggle the disabled state for the component.                                                                                                                                                                  | boolean  | -                                                                                               | -        |
-| **nav-link** <br><div class="badge bg-primary">v5.0.0-rc.3+</div> | If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.                                                                                                           | boolean  | -                                                                                               | true     |
-| **size**                                                          | Size the component small or large.                                                                                                                                                                            | string   | `'sm'`, `'lg'`                                                                                  | -        |
-| **split**                                                         | Similarly, create split button dropdowns with virtually the same markup as single button dropdowns, but with the addition of `.dropdown-toggle-split` className for proper spacing around the dropdown caret. | boolean  | -                                                                                               | -        |
-| **trigger**                                                       | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.<br/>`@type` 'hover' \| 'focus' \| 'click'                                                 | Triggers | -                                                                                               | 'click'  |
-| **variant**                                                       | Set the button variant to an outlined button or a ghost button.                                                                                                                                               | string   | `'ghost'`, `'outline'`                                                                          | -        |
+| Prop name                                                    | Description                                                                                                                                                                                                   | Type     | Values                                                                                          | Default  |
+| ------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------------------------------------------------------------------------------------------- | -------- |
+| **as**                                                       | Component used for the root node. Either a string to use a HTML element or a component.                                                                                                                       | string   | -                                                                                               | 'button' |
+| **color**                                                    | Sets the color context of the component to one of CoreUI’s themed colors.                                                                                                                                     | string   | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | -        |
+| **caret**                                                    | Enables pseudo element caret on toggler.                                                                                                                                                                      | boolean  | -                                                                                               | true     |
+| **custom**                                                   | Create a custom toggler which accepts any content.                                                                                                                                                            | boolean  | -                                                                                               | -        |
+| **disabled**                                                 | Toggle the disabled state for the component.                                                                                                                                                                  | boolean  | -                                                                                               | -        |
+| **nav-link** <br><div class="badge bg-primary">v5.0.0+</div> | If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.                                                                                                           | boolean  | -                                                                                               | true     |
+| **size**                                                     | Size the component small or large.                                                                                                                                                                            | string   | `'sm'`, `'lg'`                                                                                  | -        |
+| **split**                                                    | Similarly, create split button dropdowns with virtually the same markup as single button dropdowns, but with the addition of `.dropdown-toggle-split` className for proper spacing around the dropdown caret. | boolean  | -                                                                                               | -        |
+| **trigger**                                                  | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.<br/>`@type` 'hover' \| 'focus' \| 'click'                                                 | Triggers | -                                                                                               | 'click'  |
+| **variant**                                                  | Set the button variant to an outlined button or a ghost button.                                                                                                                                               | string   | `'ghost'`, `'outline'`                                                                          | -        |
diff --git a/packages/docs/api/modal/CModal.api.md b/packages/docs/api/modal/CModal.api.md
index 66efacda..582c2798 100644
--- a/packages/docs/api/modal/CModal.api.md
+++ b/packages/docs/api/modal/CModal.api.md
@@ -8,19 +8,19 @@ import CModal from '@coreui/vue/src/components/modal/CModal'
 
 #### Props
 
-| Prop name                                                      | Description                                                                                                                        | Type            | Values                                             | Default |
-| -------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- | --------------- | -------------------------------------------------- | ------- |
-| **alignment**                                                  | Align the modal in the center or top of the screen.                                                                                | string          | `'top'`, `'center'`                                | 'top'   |
-| **backdrop**                                                   | Apply a backdrop on body while offcanvas is open.                                                                                  | boolean\|string | `boolean \| 'static'`                              | true    |
-| **content-class-name**                                         | A string of all className you want applied to the modal content component.                                                         | string          | -                                                  | -       |
-| **focus** <br><div class="badge bg-primary">v5.0.0-rc.3+</div> | Puts the focus on the modal when shown.                                                                                            | boolean         | -                                                  | true    |
-| **fullscreen**                                                 | Set modal to covers the entire user viewport                                                                                       | boolean\|string | `boolean`, `'sm'`, `'md'`, `'lg'`, `'xl'`, `'xxl'` | -       |
-| **keyboard**                                                   | Closes the modal when escape key is pressed.                                                                                       | boolean         | -                                                  | true    |
-| **scrollable**                                                 | Create a scrollable modal that allows scrolling the modal body.                                                                    | boolean         | -                                                  | -       |
-| **size**                                                       | Size the component small, large, or extra large.                                                                                   | string          | `'sm'`, `'lg'`, `'xl'`                             | -       |
-| **transition**                                                 | Remove animation to create modal that simply appear rather than fade in to view.                                                   | boolean         | -                                                  | true    |
-| **unmount-on-close**                                           | By default the component is unmounted after close animation, if you want to keep the component mounted set this property to false. | boolean         | -                                                  | true    |
-| **visible**                                                    | Toggle the visibility of alert component.                                                                                          | boolean         | -                                                  | -       |
+| Prop name                                                 | Description                                                                                                                        | Type            | Values                                             | Default |
+| --------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- | --------------- | -------------------------------------------------- | ------- |
+| **alignment**                                             | Align the modal in the center or top of the screen.                                                                                | string          | `'top'`, `'center'`                                | 'top'   |
+| **backdrop**                                              | Apply a backdrop on body while offcanvas is open.                                                                                  | boolean\|string | `boolean \| 'static'`                              | true    |
+| **content-class-name**                                    | A string of all className you want applied to the modal content component.                                                         | string          | -                                                  | -       |
+| **focus** <br><div class="badge bg-primary">v5.0.0+</div> | Puts the focus on the modal when shown.                                                                                            | boolean         | -                                                  | true    |
+| **fullscreen**                                            | Set modal to covers the entire user viewport                                                                                       | boolean\|string | `boolean`, `'sm'`, `'md'`, `'lg'`, `'xl'`, `'xxl'` | -       |
+| **keyboard**                                              | Closes the modal when escape key is pressed.                                                                                       | boolean         | -                                                  | true    |
+| **scrollable**                                            | Create a scrollable modal that allows scrolling the modal body.                                                                    | boolean         | -                                                  | -       |
+| **size**                                                  | Size the component small, large, or extra large.                                                                                   | string          | `'sm'`, `'lg'`, `'xl'`                             | -       |
+| **transition**                                            | Remove animation to create modal that simply appear rather than fade in to view.                                                   | boolean         | -                                                  | true    |
+| **unmount-on-close**                                      | By default the component is unmounted after close animation, if you want to keep the component mounted set this property to false. | boolean         | -                                                  | true    |
+| **visible**                                               | Toggle the visibility of alert component.                                                                                          | boolean         | -                                                  | -       |
 
 #### Events
 
diff --git a/packages/docs/api/popover/CPopover.api.md b/packages/docs/api/popover/CPopover.api.md
index 11cd30e9..55a94fd7 100644
--- a/packages/docs/api/popover/CPopover.api.md
+++ b/packages/docs/api/popover/CPopover.api.md
@@ -11,7 +11,7 @@ import CPopover from '@coreui/vue/src/components/popover/CPopover'
 | Prop name                                                              | Description                                                                                                                                                                                                                                                     | Type                                         | Values                          | Default                                  |
 | ---------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | ------------------------------- | ---------------------------------------- |
 | **animation** <br><div class="badge bg-primary">4.9.0+</div>           | Apply a CSS fade transition to the popover.                                                                                                                                                                                                                     | boolean                                      | -                               | true                                     |
-| **container** <br><div class="badge bg-primary">v5.0.0-rc.3+</div>     | Appends the vue popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                              | HTMLElement \| (() => HTMLElement) \| string | -                               | 'body'                                   |
+| **container** <br><div class="badge bg-primary">v5.0.0+</div>          | Appends the vue popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                              | HTMLElement \| (() => HTMLElement) \| string | -                               | 'body'                                   |
 | **content**                                                            | Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`                                                                                                                                  | string                                       | -                               | -                                        |
 | **delay** <br><div class="badge bg-primary">4.9.0+</div>               | The delay for displaying and hiding the popover (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`. | number \| { show: number; hide: number }     | -                               | 0                                        |
 | **fallback-placements** <br><div class="badge bg-primary">4.9.0+</div> | Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.                                                                                                       | Placements \| Placements[]                   | -                               | () => ['top', 'right', 'bottom', 'left'] |
diff --git a/packages/docs/api/progress/CProgress.api.md b/packages/docs/api/progress/CProgress.api.md
index 821d6eef..1236b6ba 100644
--- a/packages/docs/api/progress/CProgress.api.md
+++ b/packages/docs/api/progress/CProgress.api.md
@@ -8,13 +8,13 @@ import CProgress from '@coreui/vue/src/components/progress/CProgress'
 
 #### Props
 
-| Prop name                                                                       | Description                                                                                                               | Type    | Values                                                                                          | Default |
-| ------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------- | ------- | ----------------------------------------------------------------------------------------------- | ------- |
-| **animated**                                                                    | Use to animate the stripes right to left via CSS3 animations.                                                             | boolean | -                                                                                               | -       |
-| **color**                                                                       | Sets the color context of the component to one of CoreUI’s themed colors.                                                 | string  | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | -       |
-| **height**                                                                      | Sets the height of the component. If you set that value the inner `<CProgressBar>` will automatically resize accordingly. | number  | -                                                                                               | -       |
-| **progress-bar-class-name** <br><div class="badge bg-primary">5.0.0-rc.3+</div> | A string of all className you want applied to the <CProgressBar/> component.                                              | string  | -                                                                                               | -       |
-| **thin**                                                                        | Makes progress bar thinner.                                                                                               | boolean | -                                                                                               | -       |
-| **value**                                                                       | The percent to progress the ProgressBar.                                                                                  | number  | -                                                                                               | 0       |
-| **variant**                                                                     | Set the progress bar variant to optional striped.                                                                         | string  | `'striped'`                                                                                     | -       |
-| **white**                                                                       | Change the default color to white.                                                                                        | boolean | -                                                                                               | -       |
+| Prop name                                                                  | Description                                                                                                               | Type    | Values                                                                                          | Default |
+| -------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------- | ------- | ----------------------------------------------------------------------------------------------- | ------- |
+| **animated**                                                               | Use to animate the stripes right to left via CSS3 animations.                                                             | boolean | -                                                                                               | -       |
+| **color**                                                                  | Sets the color context of the component to one of CoreUI’s themed colors.                                                 | string  | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | -       |
+| **height**                                                                 | Sets the height of the component. If you set that value the inner `<CProgressBar>` will automatically resize accordingly. | number  | -                                                                                               | -       |
+| **progress-bar-class-name** <br><div class="badge bg-primary">5.0.0+</div> | A string of all className you want applied to the <CProgressBar/> component.                                              | string  | -                                                                                               | -       |
+| **thin**                                                                   | Makes progress bar thinner.                                                                                               | boolean | -                                                                                               | -       |
+| **value**                                                                  | The percent to progress the ProgressBar.                                                                                  | number  | -                                                                                               | 0       |
+| **variant**                                                                | Set the progress bar variant to optional striped.                                                                         | string  | `'striped'`                                                                                     | -       |
+| **white**                                                                  | Change the default color to white.                                                                                        | boolean | -                                                                                               | -       |
diff --git a/packages/docs/api/tooltip/CTooltip.api.md b/packages/docs/api/tooltip/CTooltip.api.md
index 9794c42c..f8f3d672 100644
--- a/packages/docs/api/tooltip/CTooltip.api.md
+++ b/packages/docs/api/tooltip/CTooltip.api.md
@@ -11,7 +11,7 @@ import CTooltip from '@coreui/vue/src/components/tooltip/CTooltip'
 | Prop name                                                              | Description                                                                                                                                                                                                                                                     | Type                                         | Values                          | Default                                  |
 | ---------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | ------------------------------- | ---------------------------------------- |
 | **animation** <br><div class="badge bg-primary">4.9.0+</div>           | Apply a CSS fade transition to the tooltip.                                                                                                                                                                                                                     | boolean                                      | -                               | true                                     |
-| **container** <br><div class="badge bg-primary">v5.0.0-rc.3+</div>     | Appends the vue tooltip to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                              | HTMLElement \| (() => HTMLElement) \| string | -                               | 'body'                                   |
+| **container** <br><div class="badge bg-primary">v5.0.0+</div>          | Appends the vue tooltip to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                              | HTMLElement \| (() => HTMLElement) \| string | -                               | 'body'                                   |
 | **content**                                                            | Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`                                                                                                                                  | string                                       | -                               | -                                        |
 | **delay** <br><div class="badge bg-primary">4.9.0+</div>               | The delay for displaying and hiding the popover (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`. | number \| { show: number; hide: number }     | -                               | 0                                        |
 | **fallback-placements** <br><div class="badge bg-primary">4.9.0+</div> | Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.                                                                                                       | Placements \| Placements[]                   | -                               | () => ['top', 'right', 'bottom', 'left'] |
diff --git a/packages/docs/package.json b/packages/docs/package.json
index d33b8100..95f61218 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue-docs",
-  "version": "5.0.0-rc.3",
+  "version": "5.0.0",
   "scripts": {
     "api": "vue-docgen -c build/docgen.config.js",
     "dev": "vuepress dev --clean-cache",

From 9debb3157355ba17bafadb134a57abd1f05ad154 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 26 May 2024 12:57:55 +0200
Subject: [PATCH 276/346] docs: improve layout

---
 .../src/client/components/Banner.vue          |  48 +++++++
 .../src/client/components/OtherFrameworks.vue |  44 ++++++
 .../src/client/components/Page.vue            | 111 ---------------
 .../src/client/components/Toc.vue             |  36 +++++
 .../client/components/other_frameworks.json   |  78 +++++------
 .../src/client/layouts/Layout.vue             | 128 +++++++-----------
 .../client/styles/_component-examples.scss    |   5 +-
 .../src/client/styles/_layout.scss            |  50 ++++++-
 .../theme-coreui/src/client/styles/_toc.scss  |  49 ++++++-
 9 files changed, 316 insertions(+), 233 deletions(-)
 create mode 100644 packages/docs/.vuepress/theme-coreui/src/client/components/Banner.vue
 create mode 100644 packages/docs/.vuepress/theme-coreui/src/client/components/OtherFrameworks.vue
 delete mode 100755 packages/docs/.vuepress/theme-coreui/src/client/components/Page.vue
 create mode 100644 packages/docs/.vuepress/theme-coreui/src/client/components/Toc.vue

diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/Banner.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/Banner.vue
new file mode 100644
index 00000000..e37c867a
--- /dev/null
+++ b/packages/docs/.vuepress/theme-coreui/src/client/components/Banner.vue
@@ -0,0 +1,48 @@
+<template>
+  <div
+    v-if="pro_component"
+    class="bg-danger bg-opacity-10 border-start border-start-5 border-start-danger p-4 pb-3 mb-5"
+  >
+    <h3 class="mb-4">CoreUI PRO Component</h3>
+    <p>
+      To use this component you must have a CoreUI PRO license. Buy the
+      <a href="https://coreui.io/pricing/?framework=vue&docs=coreui-banner-pro">CoreUI PRO</a>
+      and get access to all PRO components, features, templates, and dedicated support.
+    </p>
+  </div>
+  <div
+    v-else
+    class="bg-info bg-opacity-10 border-start border-start-5 border-start-info p-4 pb-3 mb-5"
+  >
+    <h3 class="mb-4">Support CoreUI Development</h3>
+    <p>
+      CoreUI is an MIT-licensed open source project and is completely free to use. However, the
+      amount of effort needed to maintain and develop new features for the project is not
+      sustainable without proper financial backing.
+    </p>
+    <p>You can support our Open Source software development in the following ways:</p>
+    <ul>
+      <li>
+        Buy the
+        <a href="https://coreui.io/pricing/?framework=vue&docs=coreui-banner-pro">CoreUI PRO</a>,
+        and get access to PRO components, and dedicated support.
+      </li>
+      <li>
+        <a href="https://opencollective.com/coreui" target="_blank">Became a sponsor</a>, and get
+        your logo on BACKERS.md/README.md files or each site of this documentation
+      </li>
+      <li>
+        Give us a star ⭐️ on
+        <a href="https://github.com/coreui/coreui-vue" target="_blank">Github</a>.
+      </li>
+    </ul>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { usePageFrontmatter } from '@vuepress/client'
+import type { DefaultThemePageFrontmatter } from '../../shared'
+
+const frontmatter = usePageFrontmatter<DefaultThemePageFrontmatter>()
+const pro_component = frontmatter.value.pro_component
+</script>
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/OtherFrameworks.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/OtherFrameworks.vue
new file mode 100644
index 00000000..755d7679
--- /dev/null
+++ b/packages/docs/.vuepress/theme-coreui/src/client/components/OtherFrameworks.vue
@@ -0,0 +1,44 @@
+<template>
+  <template v-if="frameworks">
+    <h2>Other frameworks</h2>
+    <p>
+      CoreUI components are available as native Angular, Bootstrap (Vanilla JS), and React
+      components. To learn more please visit the following pages.
+    </p>
+    <ul>
+      <template v-for="framework in frameworks">
+        <template v-for="(el, index) in Object.keys(otherFrameworks[framework])">
+          <li v-if="el !== 'vue'" :key="index">
+            <a :href="otherFrameworks[framework][el]"
+              >{{ el[0].toUpperCase() + el.slice(1) }} {{ humanize(framework) }}</a
+            >
+          </li>
+        </template>
+      </template>
+    </ul>
+  </template>
+</template>
+<script setup lang="ts">
+import { usePageFrontmatter } from '@vuepress/client'
+import jsonData from '../components/other_frameworks.json'
+import type { DefaultThemePageFrontmatter } from '../../shared'
+
+const props = defineProps({
+  pro_component: Boolean,
+})
+const frontmatter = usePageFrontmatter<DefaultThemePageFrontmatter>()
+  const frameworks = frontmatter.value.other_frameworks
+  ? frontmatter.value.other_frameworks.split(', ')
+  : false
+const otherFrameworks = JSON.parse(JSON.stringify(jsonData))
+
+const humanize = (text: string) => {
+  const string = text
+    .split('-')
+    .reduce(
+      (accumulator, currentValue) =>
+        accumulator + ' ' + currentValue[0].toUpperCase() + currentValue.slice(1),
+    )
+  return string[0].toUpperCase() + string.slice(1)
+}
+</script>
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/Page.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/Page.vue
deleted file mode 100755
index 4ae63055..00000000
--- a/packages/docs/.vuepress/theme-coreui/src/client/components/Page.vue
+++ /dev/null
@@ -1,111 +0,0 @@
-<template>
-  <div
-    v-if="pro_component"
-    class="bg-danger bg-opacity-10 border-start border-start-5 border-start-danger p-4 pb-3 mb-5"
-  >
-    <h3 class="mb-4">CoreUI PRO Component</h3>
-    <p>
-      To use this component you must have a CoreUI PRO license. Buy the
-      <a href="https://coreui.io/pricing/?framework=vue&docs=coreui-banner-pro">CoreUI PRO</a>
-      and get access to all PRO components, features, templates, and dedicated support.
-    </p>
-  </div>
-  <div
-    v-else
-    class="bg-info bg-opacity-10 border-start border-start-5 border-start-info p-4 pb-3 mb-5"
-  >
-    <h3 class="mb-4">Support CoreUI Development</h3>
-    <p>
-      CoreUI is an MIT-licensed open source project and is completely free to use. However, the
-      amount of effort needed to maintain and develop new features for the project is not
-      sustainable without proper financial backing.
-    </p>
-    <p>You can support our Open Source software development in the following ways:</p>
-    <ul>
-      <li>
-        Buy the
-        <a href="https://coreui.io/pricing/?framework=vue&docs=coreui-banner-pro">CoreUI PRO</a>,
-        and get access to PRO components, and dedicated support.
-      </li>
-      <li>
-        <a href="https://opencollective.com/coreui" target="_blank">Became a sponsor</a>, and get
-        your logo on BACKERS.md/README.md files or each site of this documentation
-      </li>
-      <li>
-        Give us a star ⭐️ on
-        <a href="https://github.com/coreui/coreui-vue" target="_blank">Github</a>.
-      </li>
-    </ul>
-  </div>
-  <div class="theme-default-content">
-    <div class="content">
-      <h1>{{ title }}</h1>
-      <p class="docs-lead fs-4 fw-light">{{ description }}</p>
-      <Ads />
-      <template v-if="frameworks">
-        <h2>Other frameworks</h2>
-        <p>
-          CoreUI components are available as native Angular, Bootstrap (Vanilla JS), and React
-          components. To learn more please visit the following pages.
-        </p>
-        <ul>
-          <template v-for="framework in frameworks">
-            <template v-for="(el, index) in Object.keys(otherFrameworks[framework])">
-              <li v-if="el !== 'vue'" :key="index">
-                <a :href="otherFrameworks[framework][el]"
-                  >{{ el[0].toUpperCase() + el.slice(1) }} {{ humanize(framework) }}</a
-                >
-              </li>
-            </template>
-          </template>
-        </ul>
-      </template>
-      <Content />
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent } from 'vue'
-import { usePageFrontmatter } from '@vuepress/client'
-import type { DefaultThemeNormalPageFrontmatter } from '../../shared'
-import jsonData from './other_frameworks.json'
-
-import Ads from './Ads.vue'
-
-export default defineComponent({
-  name: 'Page',
-  components: {
-    Ads,
-  },
-  setup() {
-    const frontmatter = usePageFrontmatter<DefaultThemeNormalPageFrontmatter>()
-    const title = frontmatter.value.title
-    const description = frontmatter.value.description
-    const pro_component = frontmatter.value.pro_component
-    const frameworks = frontmatter.value.other_frameworks
-      ? frontmatter.value.other_frameworks.split(', ')
-      : false
-    const otherFrameworks = JSON.parse(JSON.stringify(jsonData))
-
-    const humanize = (text: string) => {
-      const string = text
-        .split('-')
-        .reduce(
-          (accumulator, currentValue) =>
-            accumulator + ' ' + currentValue[0].toUpperCase() + currentValue.slice(1),
-        )
-      return string[0].toUpperCase() + string.slice(1)
-    }
-
-    return {
-      title,
-      description,
-      frameworks,
-      pro_component,
-      otherFrameworks,
-      humanize,
-    }
-  },
-})
-</script>
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/Toc.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/Toc.vue
new file mode 100644
index 00000000..bcb036d1
--- /dev/null
+++ b/packages/docs/.vuepress/theme-coreui/src/client/components/Toc.vue
@@ -0,0 +1,36 @@
+<template>
+  <div class="docs-toc mt-4 mb-5 my-md-0 ps-xl-5 mb-lg-5 text-body-secondary">
+    <button
+      class="btn btn-link p-md-0 mb-2 mb-md-0 text-decoration-none docs-toc-toggle d-md-none"
+      type="button"
+      :aria-expanded="visible ? true : false"
+      aria-controls="tocContents"
+      @click="toggleVisible()"
+    >
+      On this page
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        class="icon d-md-none ms-2"
+        aria-hidden="true"
+        viewBox="0 0 512 512"
+      >
+        <polygon
+          fill="var(--ci-primary-color, currentColor)"
+          points="256 382.627 60.687 187.313 83.313 164.687 256 337.372 428.687 164.687 451.313 187.313 256 382.627"
+          class="ci-primary"
+        />
+      </svg>
+    </button>
+    <strong class="d-none d-md-block h6 mb-2 pb-2 border-bottom">On this page</strong>
+    <CCollapse class="docs-toc-collapse" id="tocContents" :visible="visible">
+      <Toc />
+    </CCollapse>
+  </div>
+</template>
+<script setup lang="ts">
+import { ref } from 'vue'
+const visible = ref(false)
+const toggleVisible = () => {
+  visible.value = !visible.value
+}
+</script>
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/other_frameworks.json b/packages/docs/.vuepress/theme-coreui/src/client/components/other_frameworks.json
index 32046bbd..df64148b 100644
--- a/packages/docs/.vuepress/theme-coreui/src/client/components/other_frameworks.json
+++ b/packages/docs/.vuepress/theme-coreui/src/client/components/other_frameworks.json
@@ -1,138 +1,138 @@
 {
   "accordion": {
-    "angular": "https://coreui.io/angular/docs/components/accordion",
+    "angular": "https://coreui.io/angular/docs/components/accordion/",
     "bootstrap": "https://coreui.io/docs/components/accordion/",
     "react": "https://coreui.io/react/docs/components/accordion/",
     "vue": "https://coreui.io/vue/docs/components/accordion.html"
   },
   "alert": {
-    "angular": "https://coreui.io/angular/docs/components/alert",
+    "angular": "https://coreui.io/angular/docs/components/alert/",
     "bootstrap": "https://coreui.io/docs/components/alerts/",
     "react": "https://coreui.io/react/docs/components/alert/",
     "vue": "https://coreui.io/vue/docs/components/alert.html"
   },
   "avatar": {
-    "angular": "https://coreui.io/angular/docs/components/avatar",
+    "angular": "https://coreui.io/angular/docs/components/avatar/",
     "bootstrap": "https://coreui.io/docs/components/avatar/",
     "react": "https://coreui.io/react/docs/components/avatar/",
     "vue": "https://coreui.io/vue/docs/components/avatar.html"
   },
   "badge": {
-    "angular": "https://coreui.io/angular/docs/components/badge",
+    "angular": "https://coreui.io/angular/docs/components/badge/",
     "bootstrap": "https://coreui.io/docs/components/badge/",
     "react": "https://coreui.io/react/docs/components/badge/",
     "vue": "https://coreui.io/vue/docs/components/badge.html"
   },
   "breadcrumb": {
-    "angular": "https://coreui.io/angular/docs/components/breadcrumb",
+    "angular": "https://coreui.io/angular/docs/components/breadcrumb/",
     "bootstrap": "https://coreui.io/docs/components/breadcrumb/",
     "react": "https://coreui.io/react/docs/components/breadcrumb/",
     "vue": "https://coreui.io/vue/docs/components/breadcrumb.html"
   },
   "button": {
-    "angular": "https://coreui.io/angular/docs/components/button",
+    "angular": "https://coreui.io/angular/docs/components/button/",
     "bootstrap": "https://coreui.io/docs/components/buttons/",
     "react": "https://coreui.io/react/docs/components/button/",
     "vue": "https://coreui.io/vue/docs/components/button.html"
   },
   "button-group": {
-    "angular": "https://coreui.io/angular/docs/components/button-group",
+    "angular": "https://coreui.io/angular/docs/components/button-group/",
     "bootstrap": "https://coreui.io/docs/components/button-group/",
     "react": "https://coreui.io/react/docs/components/button-group/",
     "vue": "https://coreui.io/vue/docs/components/button-group.html"
   },
   "callout": {
-    "angular": "https://coreui.io/angular/docs/components/callout",
+    "angular": "https://coreui.io/angular/docs/components/callout/",
     "bootstrap": "https://coreui.io/docs/components/callout/",
     "react": "https://coreui.io/react/docs/components/callout/",
     "vue": "https://coreui.io/vue/docs/components/callout.html"
   },
   "card": {
-    "angular": "https://coreui.io/angular/docs/components/card",
+    "angular": "https://coreui.io/angular/docs/components/card/",
     "bootstrap": "https://coreui.io/docs/components/card/",
     "react": "https://coreui.io/react/docs/components/card/",
     "vue": "https://coreui.io/vue/docs/components/card.html"
   },
   "carousel": {
-    "angular": "https://coreui.io/angular/docs/components/carousel",
+    "angular": "https://coreui.io/angular/docs/components/carousel/",
     "bootstrap": "https://coreui.io/docs/components/carousel/",
     "react": "https://coreui.io/react/docs/components/carousel/",
     "vue": "https://coreui.io/vue/docs/components/carousel.html"
   },
   "checkbox": {
-    "angular": "https://coreui.io/angular/docs/forms/checks-radios",
+    "angular": "https://coreui.io/angular/docs/forms/checks-radios/",
     "bootstrap": "https://coreui.io/docs/forms/checks-radios/",
     "react": "https://coreui.io/react/docs/forms/checkbox/",
     "vue": "https://coreui.io/vue/docs/forms/checkbox.html"
   },
   "close-button": {
-    "angular": "https://coreui.io/angular/docs/components/close-button",
+    "angular": "https://coreui.io/angular/docs/components/close-button/",
     "bootstrap": "https://coreui.io/docs/components/close-button/",
     "react": "https://coreui.io/react/docs/components/close-button/",
     "vue": "https://coreui.io/vue/docs/components/close-button.html"
   },
   "collapse": {
-    "angular": "https://coreui.io/angular/docs/components/collapse",
+    "angular": "https://coreui.io/angular/docs/components/collapse/",
     "bootstrap": "https://coreui.io/docs/components/collapse/",
     "react": "https://coreui.io/react/docs/components/collapse/",
     "vue": "https://coreui.io/vue/docs/components/collapse.html"
   },
   "dropdown": {
-    "angular": "https://coreui.io/angular/docs/components/dropdown",
+    "angular": "https://coreui.io/angular/docs/components/dropdown/",
     "bootstrap": "https://coreui.io/docs/components/dropdowns/",
     "react": "https://coreui.io/react/docs/components/dropdown/",
     "vue": "https://coreui.io/vue/docs/components/dropdown.html"
   },
   "footer": {
-    "angular": "https://coreui.io/angular/docs/components/footer",
+    "angular": "https://coreui.io/angular/docs/components/footer/",
     "bootstrap": "https://coreui.io/docs/components/footer/",
     "react": "https://coreui.io/react/docs/components/footer/",
     "vue": "https://coreui.io/vue/docs/components/footer.html"
   },
   "header": {
-    "angular": "https://coreui.io/angular/docs/components/header",
+    "angular": "https://coreui.io/angular/docs/components/header/",
     "bootstrap": "https://coreui.io/docs/components/header/",
     "react": "https://coreui.io/react/docs/components/header/",
     "vue": "https://coreui.io/vue/docs/components/header.html"
   },
   "icon": {
-    "angular": "https://coreui.io/angular/docs/components/icon",
+    "angular": "https://coreui.io/angular/docs/components/icon/",
     "bootstrap": "https://coreui.io/docs/components/icon/",
     "react": "https://coreui.io/react/docs/components/icon/",
     "vue": "https://coreui.io/vue/docs/components/icon.html"
   },
   "image": {
-    "angular": "https://coreui.io/angular/docs/components/image",
+    "angular": "https://coreui.io/angular/docs/components/image/",
     "bootstrap": "https://coreui.io/docs/content/images/",
     "react": "https://coreui.io/react/docs/components/image/",
     "vue": "https://coreui.io/vue/docs/components/image.html"
   },
   "input": {
-    "angular": "https://coreui.io/angular/docs/forms/input",
+    "angular": "https://coreui.io/angular/docs/forms/input/",
     "bootstrap": "https://coreui.io/docs/forms/form-control/",
     "react": "https://coreui.io/react/docs/forms/input/",
     "vue": "https://coreui.io/vue/docs/forms/input.html"
   },
   "input-group": {
-    "angular": "https://coreui.io/angular/docs/forms/input-group",
+    "angular": "https://coreui.io/angular/docs/forms/input-group/",
     "bootstrap": "https://coreui.io/docs/forms/input-group/",
     "react": "https://coreui.io/react/docs/forms/input-group/",
     "vue": "https://coreui.io/vue/docs/forms/input-group.html"
   },
   "floating-labels": {
-    "angular": "https://coreui.io/angular/docs/forms/floating-labels",
+    "angular": "https://coreui.io/angular/docs/forms/floating-labels/",
     "bootstrap": "https://coreui.io/docs/forms/floating-labels/",
     "react": "https://coreui.io/react/docs/forms/floating-labels/",
     "vue": "https://coreui.io/vue/docs/forms/floating-labels.html"
   },
   "list-group": {
-    "angular": "https://coreui.io/angular/docs/components/list-group",
+    "angular": "https://coreui.io/angular/docs/components/list-group/",
     "bootstrap": "https://coreui.io/docs/components/list-group/",
     "react": "https://coreui.io/react/docs/components/list-group/",
     "vue": "https://coreui.io/vue/docs/components/list-group.html"
   },
   "modal": {
-    "angular": "https://coreui.io/angular/docs/components/modal",
+    "angular": "https://coreui.io/angular/docs/components/modal/",
     "bootstrap": "https://coreui.io/docs/components/modal/",
     "react": "https://coreui.io/react/docs/components/modal/",
     "vue": "https://coreui.io/vue/docs/components/modal.html"
@@ -143,97 +143,97 @@
     "vue": "https://coreui.io/vue/docs/components/navbar.html"
   },
   "navs-tabs": {
-    "angular": "https://coreui.io/angular/docs/components/nav",
+    "angular": "https://coreui.io/angular/docs/components/nav/",
     "bootstrap": "https://coreui.io/docs/components/navs-tabs/",
     "react": "https://coreui.io/react/docs/components/navs-tabs/",
     "vue": "https://coreui.io/vue/docs/components/navs-tabs.html"
   },
   "offcanvas": {
-    "angular": "https://coreui.io/angular/docs/components/offcanvas",
+    "angular": "https://coreui.io/angular/docs/components/offcanvas/",
     "bootstrap": "https://coreui.io/docs/components/offcanvas/",
     "react": "https://coreui.io/react/docs/components/offcanvas/",
     "vue": "https://coreui.io/vue/docs/components/offcanvas.html"
   },
   "pagination": {
-    "angular": "https://coreui.io/angular/docs/components/pagination",
+    "angular": "https://coreui.io/angular/docs/components/pagination/",
     "bootstrap": "https://coreui.io/docs/components/pagination/",
     "react": "https://coreui.io/react/docs/components/pagination/",
     "vue": "https://coreui.io/vue/docs/components/pagination.html"
   },
   "placeholder": {
-    "angular": "https://coreui.io/angular/docs/components/placeholder",
+    "angular": "https://coreui.io/angular/docs/components/placeholder/",
     "bootstrap": "https://coreui.io/docs/components/placeholders/",
     "react": "https://coreui.io/react/docs/components/placeholder/",
     "vue": "https://coreui.io/vue/docs/components/placeholder.html"
   },
   "popover": {
-    "angular": "https://coreui.io/angular/docs/components/popover",
+    "angular": "https://coreui.io/angular/docs/components/popover/",
     "bootstrap": "https://coreui.io/docs/components/popovers/",
     "react": "https://coreui.io/react/docs/components/popover/",
     "vue": "https://coreui.io/vue/docs/components/popover.html"
   },
   "progress": {
-    "angular": "https://coreui.io/angular/docs/components/progress",
+    "angular": "https://coreui.io/angular/docs/components/progress/",
     "bootstrap": "https://coreui.io/docs/components/progress/",
     "react": "https://coreui.io/react/docs/components/progress/",
     "vue": "https://coreui.io/vue/docs/components/progress.html"
   },
   "radio": {
-    "angular": "https://coreui.io/angular/docs/forms/checks-radios",
+    "angular": "https://coreui.io/angular/docs/forms/checks-radios/",
     "bootstrap": "https://coreui.io/docs/forms/checks-radios/",
     "react": "https://coreui.io/react/docs/forms/radio/",
     "vue": "https://coreui.io/vue/docs/forms/radio.html"
   },
   "range": {
-    "angular": "https://coreui.io/angular/docs/forms/range",
+    "angular": "https://coreui.io/angular/docs/forms/range/",
     "bootstrap": "https://coreui.io/docs/forms/range/",
     "react": "https://coreui.io/react/docs/forms/range/",
     "vue": "https://coreui.io/vue/docs/forms/range.html"
   },
   "select": {
-    "angular": "https://coreui.io/angular/docs/forms/select",
+    "angular": "https://coreui.io/angular/docs/forms/select/",
     "bootstrap": "https://coreui.io/docs/forms/select/",
     "react": "https://coreui.io/react/docs/forms/select/",
     "vue": "https://coreui.io/vue/docs/forms/select.html"
   },
   "sidebar": {
-    "angular": "https://coreui.io/angular/docs/components/sidebar",
+    "angular": "https://coreui.io/angular/docs/components/sidebar/",
     "bootstrap": "https://coreui.io/docs/components/sidebar/",
     "react": "https://coreui.io/react/docs/components/sidebar/",
     "vue": "https://coreui.io/vue/docs/components/sidebar.html"
   },
   "spinner": {
-    "angular": "https://coreui.io/angular/docs/components/spinner",
+    "angular": "https://coreui.io/angular/docs/components/spinner/",
     "bootstrap": "https://coreui.io/docs/components/spinners/",
     "react": "https://coreui.io/react/docs/components/spinner/",
     "vue": "https://coreui.io/vue/docs/components/spinner.html"
   },
   "switch": {
-    "angular": "https://coreui.io/angular/docs/forms/checks-radios",
+    "angular": "https://coreui.io/angular/docs/forms/checks-radios/",
     "bootstrap": "https://coreui.io/docs/forms/checks-radios/",
     "react": "https://coreui.io/react/docs/forms/switch/",
     "vue": "https://coreui.io/vue/docs/forms/switch.html"
   },
   "table": {
-    "angular": "https://coreui.io/angular/docs/components/table",
+    "angular": "https://coreui.io/angular/docs/components/table/",
     "bootstrap": "https://coreui.io/docs/content/tables/",
     "react": "https://coreui.io/react/docs/components/table/",
     "vue": "https://coreui.io/vue/docs/components/table.html"
   },
   "textarea": {
-    "angular": "https://coreui.io/angular/docs/forms/form-control",
+    "angular": "https://coreui.io/angular/docs/forms/form-control/",
     "bootstrap": "https://coreui.io/docs/forms/form-control/",
     "react": "https://coreui.io/react/docs/forms/textarea/",
     "vue": "https://coreui.io/vue/docs/forms/textarea.html"
   },
   "toast": {
-    "angular": "https://coreui.io/angular/docs/components/toast",
+    "angular": "https://coreui.io/angular/docs/components/toast/",
     "bootstrap": "https://coreui.io/docs/components/toasts/",
     "react": "https://coreui.io/react/docs/components/toast/",
     "vue": "https://coreui.io/vue/docs/components/toast.html"
   },
   "tooltip": {
-    "angular": "https://coreui.io/angular/docs/components/tooltip",
+    "angular": "https://coreui.io/angular/docs/components/tooltip/",
     "bootstrap": "https://coreui.io/docs/components/tooltips/",
     "react": "https://coreui.io/react/docs/components/tooltip/",
     "vue": "https://coreui.io/vue/docs/components/tooltip.html"
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue b/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue
index 24fdb74b..936b31c4 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue
+++ b/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue
@@ -1,103 +1,73 @@
 <template>
   <div>
     <Sidebar :visible="isSidebarOpen" @visible-change="(event) => (isSidebarOpen = event)" />
-    <div class="wrapper d-flex flex-column min-vh-100">
-      <Header
-        @toggle-sidebar="toggleSidebar(!isSidebarOpen)"
-      />
-      <div class="body flex-grow-1 px-3">
-        <CContainer lg>
-          <main class="docs-main">
-            <Transition
-              name="fade-slide-y"
-              mode="out-in"
-              @before-enter="onBeforeEnter"
-              @before-leave="onBeforeLeave"
-            >
-              <CRow>
-                <CCol :lg="9">
-                  <Page :key="page.path">
-                    <template #top>
-                      <slot name="page-top" />
-                    </template>
-                    <template #bottom>
-                      <slot name="page-bottom" />
-                    </template>
-                  </Page>
-                </CCol>
-                <CCol :lg="3">
-                  <div class="docs-toc mt-4 mb-5 my-md-0 ps-xl-5 mb-lg-5 text-body-secondary">
-                    <strong class="d-block h6 mb-2 pb-2 border-bottom">On this page</strong>
-                    <Toc />
-                  </div>
-                </CCol>
-              </CRow>
-            </Transition>
+    <div class="wrapper flex-grow-1">
+      <Header @toggle-sidebar="toggleSidebar(!isSidebarOpen)" />
+      <Transition
+        name="fade-slide-y"
+        mode="out-in"
+        @before-enter="onBeforeEnter"
+        @before-leave="onBeforeLeave"
+      >
+        <CContainer class="my-md-4 flex-grow-1" lg>
+          <main class="docs-main order-1">
+            <div class="docs-intro ps-lg-4">
+              <Banner />
+              <h1 className="docs-title" id="content">{{ title }}</h1>
+              <p class="docs-lead">{{ description }}</p>
+              <Ads />
+              <OtherFrameworks />
+            </div>
+            <Toc />
+            <div className="docs-content ps-lg-4"><Content /></div>
           </main>
         </CContainer>
-      </div>
+      </Transition>
       <Footer />
     </div>
   </div>
 </template>
 
-<script lang="ts">
-import { defineComponent, onMounted, ref } from 'vue'
-import { usePageData, usePageFrontmatter } from '@vuepress/client'
+<script setup lang="ts">
+import { onMounted, ref } from 'vue'
+import { usePageFrontmatter } from '@vuepress/client'
 import docsearch from '@docsearch/js'
 import type { DefaultThemePageFrontmatter } from '../../shared'
+import Ads from '../components/Ads.vue'
+import Banner from '../components/Banner.vue'
 import Footer from '../components/Footer.vue'
 import Header from '../components/Header.vue'
-import Page from '../components/Page.vue'
+import OtherFrameworks from '../components/OtherFrameworks.vue'
 import Sidebar from '../components/Sidebar.vue'
+import Toc from '../components/Toc.vue'
 import { useScrollPromise } from '../composables'
 
-export default defineComponent({
-  name: 'Layout',
+const frontmatter = usePageFrontmatter<DefaultThemePageFrontmatter>()
 
-  components: {
-    Footer,
-    Header,
-    Page,
-    Sidebar,
-  },
+// sidebar
+const isSidebarOpen = ref(true)
 
-  setup() {
-    const page = usePageData()
-    const frontmatter = usePageFrontmatter<DefaultThemePageFrontmatter>()
+const toggleSidebar = (to?: boolean): void => {
+  isSidebarOpen.value = typeof to === 'boolean' ? to : !isSidebarOpen.value
+}
 
-    // sidebar
-    const isSidebarOpen = ref(true)
+// handle scrollBehavior with transition
+const scrollPromise = useScrollPromise()
+const onBeforeEnter = scrollPromise.resolve
+const onBeforeLeave = scrollPromise.pending
 
-    const toggleSidebar = (to?: boolean): void => {
-      isSidebarOpen.value = typeof to === 'boolean' ? to : !isSidebarOpen.value
-    }
+const title = frontmatter.value.title
+const description = frontmatter.value.description
 
-    // handle scrollBehavior with transition
-    const scrollPromise = useScrollPromise()
-    const onBeforeEnter = scrollPromise.resolve
-    const onBeforeLeave = scrollPromise.pending
-
-    onMounted(() => {
-      const searchElement = document.getElementById('docsearch') as HTMLElement
-      docsearch({
-        appId: 'RG8RW9GEH3',
-        apiKey: '4926b633296d71c6d727f7766170f82b',
-        indexName: 'coreuivue',
-        container: searchElement,
-        // @ts-ignore
-        debug: false,
-      })
-    })
-
-    return {
-      isSidebarOpen,
-      frontmatter,
-      page,
-      toggleSidebar,
-      onBeforeEnter,
-      onBeforeLeave,
-    }
-  },
+onMounted(() => {
+  const searchElement = document.getElementById('docsearch') as HTMLElement
+  docsearch({
+    appId: 'RG8RW9GEH3',
+    apiKey: '4926b633296d71c6d727f7766170f82b',
+    indexName: 'coreuivue',
+    container: searchElement,
+    // @ts-ignore
+    debug: false,
+  })
 })
 </script>
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_component-examples.scss b/packages/docs/.vuepress/theme-coreui/src/client/styles/_component-examples.scss
index 6561eaee..c0909660 100644
--- a/packages/docs/.vuepress/theme-coreui/src/client/styles/_component-examples.scss
+++ b/packages/docs/.vuepress/theme-coreui/src/client/styles/_component-examples.scss
@@ -374,19 +374,20 @@ div[class^="language-"],
 .highlight {
   position: relative;
   padding: .75rem ($cd-gutter-x * .5);
-  margin-bottom: 1rem;
+  margin: 0 ($cd-gutter-x * -.5) 1rem ($cd-gutter-x * -.5) ;
   border: 1px solid var(--cui-border-color);
   background-color: var(--cd-pre-bg);
 
   @include media-breakpoint-up(md) {
     padding: .75rem 1.25rem;
+    margin-right: 0;
+    margin-left: 0;
     @include border-radius(var(--cui-border-radius));
   }
 
   pre {
     padding: .25rem 0 .875rem;
     margin-top: .8125rem;
-    margin-right: 1.875rem;
     margin-bottom: 0;
     overflow: overlay;
     white-space: pre;
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_layout.scss b/packages/docs/.vuepress/theme-coreui/src/client/styles/_layout.scss
index 284eae98..2ee63995 100644
--- a/packages/docs/.vuepress/theme-coreui/src/client/styles/_layout.scss
+++ b/packages/docs/.vuepress/theme-coreui/src/client/styles/_layout.scss
@@ -3,4 +3,52 @@
   @include ltr-rtl("padding-left", var(--cui-sidebar-occupy-start, 0));
   will-change: auto;
   @include transition(padding .15s);
-}
\ No newline at end of file
+
+  > .container-lg {
+    --cui-gutter-x: 3rem;
+  }
+}
+
+.docs-sidebar {
+  grid-area: sidebar;
+}
+
+.docs-main {
+  grid-area: main;
+
+  @include media-breakpoint-down(lg) {
+    max-width: 760px;
+    margin-inline: auto;
+  }
+
+  @include media-breakpoint-up(md) {
+    display: grid;
+    grid-template-areas:
+      "intro"
+      "toc"
+      "content";
+    grid-template-rows: auto auto 1fr;
+    gap: $grid-gutter-width;
+  }
+
+  @include media-breakpoint-up(lg) {
+    grid-template-areas:
+      "intro   toc"
+      "content toc";
+    grid-template-rows: auto 1fr;
+    grid-template-columns: 4fr 1fr;
+  }
+}
+
+.docs-intro {
+  grid-area: intro;
+}
+
+.docs-toc {
+  grid-area: toc;
+}
+
+.docs-content {
+  grid-area: content;
+  min-width: 1px; // Fix width when bd-content contains a `<pre>` https://github.com/twbs/bootstrap/issues/25410
+}
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_toc.scss b/packages/docs/.vuepress/theme-coreui/src/client/styles/_toc.scss
index fc1f0fee..8f6dc04d 100644
--- a/packages/docs/.vuepress/theme-coreui/src/client/styles/_toc.scss
+++ b/packages/docs/.vuepress/theme-coreui/src/client/styles/_toc.scss
@@ -1,3 +1,5 @@
+// stylelint-disable selector-max-type
+
 .docs-toc {
   @include media-breakpoint-up(lg) {
     position: sticky;
@@ -37,4 +39,49 @@
       }
     }
   }
-}
\ No newline at end of file
+}
+
+.docs-toc-toggle {
+  display: flex;
+  align-items: center;
+
+  @include media-breakpoint-down(sm) {
+    justify-content: space-between;
+    width: 100%;
+  }
+
+  @include media-breakpoint-down(md) {
+    color: var(--cui-body-color);
+    border: 1px solid var(--cui-border-color);
+    @include border-radius(var(--cui-border-radius));
+
+    &:hover,
+    &:focus,
+    &:active,
+    &[aria-expanded="true"] {
+      color: var(--cui-primary);
+      background-color: var(--cui-body-bg);
+      border-color: var(--cui-primary);
+    }
+
+    &:focus,
+    &[aria-expanded="true"] {
+      box-shadow: 0 0 0 3px rgba(var(--cui-primary-rgb), .25);
+    }
+  }
+}
+
+.docs-toc-collapse {
+  @include media-breakpoint-down(md) {
+    nav {
+      padding: 1.25rem 1.25rem 1.25rem 1rem;
+      background-color: var(--cui-tertiary-bg);
+      border: 1px solid var(--cui-border-color);
+      @include border-radius(var(--cui-border-radius));
+    }
+  }
+
+  @include media-breakpoint-up(md) {
+    display: block !important; // stylelint-disable-line declaration-no-important
+  }
+}

From fc881ad0474ca57e209b5859f90c46b00feb64f3 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 26 May 2024 14:23:05 +0200
Subject: [PATCH 277/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@coreui/coreui                            ^5.0.0  →       ^5.0.1
@vuepress/plugin-active-header-links  2.0.0-rc.0  →  2.0.0-rc.30
@vuepress/plugin-back-to-top          2.0.0-rc.0  →  2.0.0-rc.30
@vuepress/plugin-container            2.0.0-rc.0  →  2.0.0-rc.28
@vuepress/plugin-prismjs              2.0.0-rc.0  →  2.0.0-rc.30
@vuepress/plugin-register-components  2.0.0-rc.0  →  2.0.0-rc.30
@vuepress/plugin-theme-data           2.0.0-rc.0  →  2.0.0-rc.30
@vuepress/plugin-toc                  2.0.0-rc.0  →  2.0.0-rc.30
vuepress                              2.0.0-rc.0  →  2.0.0-rc.11
---
 packages/docs/package.json | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/packages/docs/package.json b/packages/docs/package.json
index 95f61218..1795fdbe 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -9,17 +9,25 @@
   "license": "MIT",
   "devDependencies": {
     "@coreui/chartjs": "^4.0.0",
-    "@coreui/coreui": "^5.0.0",
+    "@coreui/coreui": "^5.0.1",
     "@coreui/icons": "^3.0.1",
     "@coreui/icons-vue": "^2.0.0",
     "@coreui/utils": "^2.0.2",
     "@coreui/vue-chartjs": "^3.0.0",
     "@docsearch/css": "^3.6.0",
     "@docsearch/js": "^3.6.0",
-    "@vuepress/plugin-register-components": "2.0.0-rc.0",
-    "@vuepress/plugin-toc": "2.0.0-rc.0",
+    "@vuepress/bundler-vite": "2.0.0-rc.11",
+    "@vuepress/plugin-active-header-links": "2.0.0-rc.30",
+    "@vuepress/plugin-back-to-top": "2.0.0-rc.30",
+    "@vuepress/plugin-container": "2.0.0-rc.28",
+    "@vuepress/plugin-git": "2.0.0-rc.30",
+    "@vuepress/plugin-prismjs": "2.0.0-rc.30",
+    "@vuepress/plugin-theme-data": "2.0.0-rc.30",
+    "@vuepress/plugin-register-components": "2.0.0-rc.30",
+    "@vuepress/plugin-toc": "2.0.0-rc.30",
     "markdown-it-include": "^2.0.0",
+    "sass": "^1.77.2",
     "vue-docgen-cli": "^4.79.0",
-    "vuepress": "2.0.0-rc.0"
+    "vuepress": "2.0.0-rc.11"
   }
 }

From 1912045de18ba79118f0ebed75345ca0b935804d Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 26 May 2024 14:33:04 +0200
Subject: [PATCH 278/346] docs: improve theme

---
 packages/docs/.vuepress/config.ts             | 11 ++--
 .../src/assets/brand/coreui-vue.svg           |  0
 .../src/client/components/Ads.vue             |  0
 .../src/client/components/Banner.vue          |  0
 .../src/client/components/Callout.vue         |  0
 .../src/client/components/Footer.vue          |  3 +-
 .../src/client/components/Header.vue          |  0
 .../src/client/components/OtherFrameworks.vue |  1 +
 .../src/client/components/ScssDocs.vue        |  0
 .../src/client/components/Sidebar.vue         |  0
 .../src/client/components/SidebarNav.ts       |  0
 .../src/client/components/Toc.vue             |  0
 .../client/components/other_frameworks.json   |  0
 .../src/client/composables/index.ts           |  0
 .../src/client/composables/useNavLink.ts      |  0
 .../useResolveRouteWithRedirect.ts            |  0
 .../client/composables/useScrollPromise.ts    |  0
 .../src/client/composables/useSidebarItems.ts |  3 +-
 .../src/client/composables/useThemeData.ts    |  0
 .../{theme-coreui => }/src/client/config.ts   |  0
 .../{theme-coreui => }/src/client/index.ts    |  0
 .../src/client/layouts/404.vue                |  0
 .../src/client/layouts/Layout.vue             |  0
 .../src/client/layouts/Redirect.vue           |  0
 .../{theme-coreui => }/src/client/shim.d.ts   |  0
 .../src/client/styles/_ads.scss               |  0
 .../src/client/styles/_anchor.scss            |  0
 .../src/client/styles/_callouts.scss          |  0
 .../client/styles/_component-examples.scss    |  0
 .../src/client/styles/_footer.scss            |  0
 .../src/client/styles/_layout.scss            |  0
 .../src/client/styles/_prism.scss             |  0
 .../src/client/styles/_scrolling.scss         |  0
 .../src/client/styles/_search.scss            |  0
 .../src/client/styles/_sidebar.scss           |  0
 .../src/client/styles/_table-api.scss         |  0
 .../src/client/styles/_toc.scss               |  0
 .../src/client/styles/_variables.scss         |  0
 .../src/client/styles/custom-container.scss   |  0
 .../src/client/styles/index.scss              |  0
 .../src/node/defaultTheme.ts                  |  0
 .../{theme-coreui => }/src/node/index.ts      |  0
 .../node/utils/assignDefaultLocaleOptions.ts  |  0
 .../src/node/utils/index.ts                   |  0
 .../{theme-coreui => }/src/shared/index.ts    |  0
 .../{theme-coreui => }/src/shared/nav.ts      |  0
 .../{theme-coreui => }/src/shared/options.ts  |  0
 .../{theme-coreui => }/src/shared/page.ts     |  0
 .../{theme-coreui => }/templates/build.html   |  0
 .../docs/.vuepress/theme-coreui/package.json  | 52 -------------------
 50 files changed, 12 insertions(+), 58 deletions(-)
 rename packages/docs/.vuepress/{theme-coreui => }/src/assets/brand/coreui-vue.svg (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/client/components/Ads.vue (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/client/components/Banner.vue (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/client/components/Callout.vue (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/client/components/Footer.vue (95%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/client/components/Header.vue (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/client/components/OtherFrameworks.vue (98%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/client/components/ScssDocs.vue (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/client/components/Sidebar.vue (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/client/components/SidebarNav.ts (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/client/components/Toc.vue (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/client/components/other_frameworks.json (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/client/composables/index.ts (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/client/composables/useNavLink.ts (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/client/composables/useResolveRouteWithRedirect.ts (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/client/composables/useScrollPromise.ts (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/client/composables/useSidebarItems.ts (99%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/client/composables/useThemeData.ts (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/client/config.ts (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/client/index.ts (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/client/layouts/404.vue (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/client/layouts/Layout.vue (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/client/layouts/Redirect.vue (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/client/shim.d.ts (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/client/styles/_ads.scss (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/client/styles/_anchor.scss (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/client/styles/_callouts.scss (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/client/styles/_component-examples.scss (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/client/styles/_footer.scss (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/client/styles/_layout.scss (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/client/styles/_prism.scss (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/client/styles/_scrolling.scss (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/client/styles/_search.scss (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/client/styles/_sidebar.scss (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/client/styles/_table-api.scss (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/client/styles/_toc.scss (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/client/styles/_variables.scss (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/client/styles/custom-container.scss (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/client/styles/index.scss (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/node/defaultTheme.ts (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/node/index.ts (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/node/utils/assignDefaultLocaleOptions.ts (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/node/utils/index.ts (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/shared/index.ts (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/shared/nav.ts (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/shared/options.ts (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/src/shared/page.ts (100%)
 rename packages/docs/.vuepress/{theme-coreui => }/templates/build.html (100%)
 delete mode 100755 packages/docs/.vuepress/theme-coreui/package.json

diff --git a/packages/docs/.vuepress/config.ts b/packages/docs/.vuepress/config.ts
index 4c55aee9..34678fec 100644
--- a/packages/docs/.vuepress/config.ts
+++ b/packages/docs/.vuepress/config.ts
@@ -1,7 +1,8 @@
 import { defineUserConfig } from 'vuepress'
+import { viteBundler } from '@vuepress/bundler-vite'
 import anchor from 'markdown-it-anchor'
 import include_plugin from 'markdown-it-include'
-import { defaultTheme } from './theme-coreui'
+import { defaultTheme } from './src/node/defaultTheme'
 
 import { containerPlugin } from '@vuepress/plugin-container'
 import { registerComponentsPlugin } from '@vuepress/plugin-register-components'
@@ -18,6 +19,10 @@ export default defineUserConfig({
   head: [
     ['link', { rel: 'icon', href: `/vue/docs/favicons/favicon-96x96.png` }],
   ],
+  bundler: viteBundler({
+    viteOptions: {},
+    vuePluginOptions: {},
+  }),
   markdown: {
     anchor: {
       permalink: anchor.permalink.ariaHidden({
@@ -79,8 +84,8 @@ export default defineUserConfig({
     tocPlugin({}),
     registerComponentsPlugin({
       components: {
-        Callout: path.resolve(__dirname, './theme-coreui/src/client/components/Callout.vue'),
-        ScssDocs: path.resolve(__dirname, './theme-coreui/src/client/components/ScssDocs.vue'),
+        Callout: path.resolve(__dirname, './src/client/components/Callout.vue'),
+        ScssDocs: path.resolve(__dirname, './src/client/components/ScssDocs.vue'),
       },
     }),
   ],
diff --git a/packages/docs/.vuepress/theme-coreui/src/assets/brand/coreui-vue.svg b/packages/docs/.vuepress/src/assets/brand/coreui-vue.svg
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/assets/brand/coreui-vue.svg
rename to packages/docs/.vuepress/src/assets/brand/coreui-vue.svg
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/Ads.vue b/packages/docs/.vuepress/src/client/components/Ads.vue
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/client/components/Ads.vue
rename to packages/docs/.vuepress/src/client/components/Ads.vue
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/Banner.vue b/packages/docs/.vuepress/src/client/components/Banner.vue
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/client/components/Banner.vue
rename to packages/docs/.vuepress/src/client/components/Banner.vue
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/Callout.vue b/packages/docs/.vuepress/src/client/components/Callout.vue
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/client/components/Callout.vue
rename to packages/docs/.vuepress/src/client/components/Callout.vue
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/Footer.vue b/packages/docs/.vuepress/src/client/components/Footer.vue
similarity index 95%
rename from packages/docs/.vuepress/theme-coreui/src/client/components/Footer.vue
rename to packages/docs/.vuepress/src/client/components/Footer.vue
index ca00885f..848a8785 100644
--- a/packages/docs/.vuepress/theme-coreui/src/client/components/Footer.vue
+++ b/packages/docs/.vuepress/src/client/components/Footer.vue
@@ -39,7 +39,7 @@
 
 <script lang="ts">
 import { defineComponent } from 'vue'
-import pkg from './../../../../../package.json'
+import pkg from './../../../../package.json'
 export default defineComponent({
   name: 'Footer',
   setup () {
@@ -50,3 +50,4 @@ export default defineComponent({
   }
 })
 </script>
+../../../../package.json
\ No newline at end of file
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue b/packages/docs/.vuepress/src/client/components/Header.vue
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue
rename to packages/docs/.vuepress/src/client/components/Header.vue
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/OtherFrameworks.vue b/packages/docs/.vuepress/src/client/components/OtherFrameworks.vue
similarity index 98%
rename from packages/docs/.vuepress/theme-coreui/src/client/components/OtherFrameworks.vue
rename to packages/docs/.vuepress/src/client/components/OtherFrameworks.vue
index 755d7679..f06b9959 100644
--- a/packages/docs/.vuepress/theme-coreui/src/client/components/OtherFrameworks.vue
+++ b/packages/docs/.vuepress/src/client/components/OtherFrameworks.vue
@@ -42,3 +42,4 @@ const humanize = (text: string) => {
   return string[0].toUpperCase() + string.slice(1)
 }
 </script>
+./other_frameworks.json
\ No newline at end of file
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/ScssDocs.vue b/packages/docs/.vuepress/src/client/components/ScssDocs.vue
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/client/components/ScssDocs.vue
rename to packages/docs/.vuepress/src/client/components/ScssDocs.vue
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/Sidebar.vue b/packages/docs/.vuepress/src/client/components/Sidebar.vue
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/client/components/Sidebar.vue
rename to packages/docs/.vuepress/src/client/components/Sidebar.vue
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/SidebarNav.ts b/packages/docs/.vuepress/src/client/components/SidebarNav.ts
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/client/components/SidebarNav.ts
rename to packages/docs/.vuepress/src/client/components/SidebarNav.ts
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/Toc.vue b/packages/docs/.vuepress/src/client/components/Toc.vue
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/client/components/Toc.vue
rename to packages/docs/.vuepress/src/client/components/Toc.vue
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/other_frameworks.json b/packages/docs/.vuepress/src/client/components/other_frameworks.json
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/client/components/other_frameworks.json
rename to packages/docs/.vuepress/src/client/components/other_frameworks.json
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/composables/index.ts b/packages/docs/.vuepress/src/client/composables/index.ts
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/client/composables/index.ts
rename to packages/docs/.vuepress/src/client/composables/index.ts
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/composables/useNavLink.ts b/packages/docs/.vuepress/src/client/composables/useNavLink.ts
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/client/composables/useNavLink.ts
rename to packages/docs/.vuepress/src/client/composables/useNavLink.ts
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/composables/useResolveRouteWithRedirect.ts b/packages/docs/.vuepress/src/client/composables/useResolveRouteWithRedirect.ts
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/client/composables/useResolveRouteWithRedirect.ts
rename to packages/docs/.vuepress/src/client/composables/useResolveRouteWithRedirect.ts
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/composables/useScrollPromise.ts b/packages/docs/.vuepress/src/client/composables/useScrollPromise.ts
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/client/composables/useScrollPromise.ts
rename to packages/docs/.vuepress/src/client/composables/useScrollPromise.ts
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/composables/useSidebarItems.ts b/packages/docs/.vuepress/src/client/composables/useSidebarItems.ts
similarity index 99%
rename from packages/docs/.vuepress/theme-coreui/src/client/composables/useSidebarItems.ts
rename to packages/docs/.vuepress/src/client/composables/useSidebarItems.ts
index 0cf89962..d68d9dad 100755
--- a/packages/docs/.vuepress/theme-coreui/src/client/composables/useSidebarItems.ts
+++ b/packages/docs/.vuepress/src/client/composables/useSidebarItems.ts
@@ -1,7 +1,6 @@
 import { usePageData, usePageFrontmatter } from '@vuepress/client'
 import type { PageHeader } from '@vuepress/client'
 import {
-  isArray,
   isPlainObject,
   isString,
   resolveLocalePath,
@@ -70,7 +69,7 @@ export const resolveSidebarItems = (
     return resolveAutoSidebarItems(sidebarDepth)
   }
 
-  if (isArray(sidebarConfig)) {
+  if (Array.isArray(sidebarConfig)) {
     return resolveArraySidebarItems(sidebarConfig, sidebarDepth)
   }
 
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/composables/useThemeData.ts b/packages/docs/.vuepress/src/client/composables/useThemeData.ts
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/client/composables/useThemeData.ts
rename to packages/docs/.vuepress/src/client/composables/useThemeData.ts
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/config.ts b/packages/docs/.vuepress/src/client/config.ts
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/client/config.ts
rename to packages/docs/.vuepress/src/client/config.ts
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/index.ts b/packages/docs/.vuepress/src/client/index.ts
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/client/index.ts
rename to packages/docs/.vuepress/src/client/index.ts
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/layouts/404.vue b/packages/docs/.vuepress/src/client/layouts/404.vue
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/client/layouts/404.vue
rename to packages/docs/.vuepress/src/client/layouts/404.vue
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue b/packages/docs/.vuepress/src/client/layouts/Layout.vue
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue
rename to packages/docs/.vuepress/src/client/layouts/Layout.vue
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/layouts/Redirect.vue b/packages/docs/.vuepress/src/client/layouts/Redirect.vue
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/client/layouts/Redirect.vue
rename to packages/docs/.vuepress/src/client/layouts/Redirect.vue
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/shim.d.ts b/packages/docs/.vuepress/src/client/shim.d.ts
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/client/shim.d.ts
rename to packages/docs/.vuepress/src/client/shim.d.ts
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_ads.scss b/packages/docs/.vuepress/src/client/styles/_ads.scss
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/client/styles/_ads.scss
rename to packages/docs/.vuepress/src/client/styles/_ads.scss
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_anchor.scss b/packages/docs/.vuepress/src/client/styles/_anchor.scss
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/client/styles/_anchor.scss
rename to packages/docs/.vuepress/src/client/styles/_anchor.scss
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_callouts.scss b/packages/docs/.vuepress/src/client/styles/_callouts.scss
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/client/styles/_callouts.scss
rename to packages/docs/.vuepress/src/client/styles/_callouts.scss
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_component-examples.scss b/packages/docs/.vuepress/src/client/styles/_component-examples.scss
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/client/styles/_component-examples.scss
rename to packages/docs/.vuepress/src/client/styles/_component-examples.scss
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_footer.scss b/packages/docs/.vuepress/src/client/styles/_footer.scss
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/client/styles/_footer.scss
rename to packages/docs/.vuepress/src/client/styles/_footer.scss
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_layout.scss b/packages/docs/.vuepress/src/client/styles/_layout.scss
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/client/styles/_layout.scss
rename to packages/docs/.vuepress/src/client/styles/_layout.scss
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_prism.scss b/packages/docs/.vuepress/src/client/styles/_prism.scss
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/client/styles/_prism.scss
rename to packages/docs/.vuepress/src/client/styles/_prism.scss
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_scrolling.scss b/packages/docs/.vuepress/src/client/styles/_scrolling.scss
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/client/styles/_scrolling.scss
rename to packages/docs/.vuepress/src/client/styles/_scrolling.scss
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_search.scss b/packages/docs/.vuepress/src/client/styles/_search.scss
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/client/styles/_search.scss
rename to packages/docs/.vuepress/src/client/styles/_search.scss
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_sidebar.scss b/packages/docs/.vuepress/src/client/styles/_sidebar.scss
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/client/styles/_sidebar.scss
rename to packages/docs/.vuepress/src/client/styles/_sidebar.scss
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_table-api.scss b/packages/docs/.vuepress/src/client/styles/_table-api.scss
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/client/styles/_table-api.scss
rename to packages/docs/.vuepress/src/client/styles/_table-api.scss
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_toc.scss b/packages/docs/.vuepress/src/client/styles/_toc.scss
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/client/styles/_toc.scss
rename to packages/docs/.vuepress/src/client/styles/_toc.scss
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/_variables.scss b/packages/docs/.vuepress/src/client/styles/_variables.scss
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/client/styles/_variables.scss
rename to packages/docs/.vuepress/src/client/styles/_variables.scss
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/custom-container.scss b/packages/docs/.vuepress/src/client/styles/custom-container.scss
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/client/styles/custom-container.scss
rename to packages/docs/.vuepress/src/client/styles/custom-container.scss
diff --git a/packages/docs/.vuepress/theme-coreui/src/client/styles/index.scss b/packages/docs/.vuepress/src/client/styles/index.scss
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/client/styles/index.scss
rename to packages/docs/.vuepress/src/client/styles/index.scss
diff --git a/packages/docs/.vuepress/theme-coreui/src/node/defaultTheme.ts b/packages/docs/.vuepress/src/node/defaultTheme.ts
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/node/defaultTheme.ts
rename to packages/docs/.vuepress/src/node/defaultTheme.ts
diff --git a/packages/docs/.vuepress/theme-coreui/src/node/index.ts b/packages/docs/.vuepress/src/node/index.ts
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/node/index.ts
rename to packages/docs/.vuepress/src/node/index.ts
diff --git a/packages/docs/.vuepress/theme-coreui/src/node/utils/assignDefaultLocaleOptions.ts b/packages/docs/.vuepress/src/node/utils/assignDefaultLocaleOptions.ts
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/node/utils/assignDefaultLocaleOptions.ts
rename to packages/docs/.vuepress/src/node/utils/assignDefaultLocaleOptions.ts
diff --git a/packages/docs/.vuepress/theme-coreui/src/node/utils/index.ts b/packages/docs/.vuepress/src/node/utils/index.ts
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/node/utils/index.ts
rename to packages/docs/.vuepress/src/node/utils/index.ts
diff --git a/packages/docs/.vuepress/theme-coreui/src/shared/index.ts b/packages/docs/.vuepress/src/shared/index.ts
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/shared/index.ts
rename to packages/docs/.vuepress/src/shared/index.ts
diff --git a/packages/docs/.vuepress/theme-coreui/src/shared/nav.ts b/packages/docs/.vuepress/src/shared/nav.ts
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/shared/nav.ts
rename to packages/docs/.vuepress/src/shared/nav.ts
diff --git a/packages/docs/.vuepress/theme-coreui/src/shared/options.ts b/packages/docs/.vuepress/src/shared/options.ts
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/shared/options.ts
rename to packages/docs/.vuepress/src/shared/options.ts
diff --git a/packages/docs/.vuepress/theme-coreui/src/shared/page.ts b/packages/docs/.vuepress/src/shared/page.ts
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/src/shared/page.ts
rename to packages/docs/.vuepress/src/shared/page.ts
diff --git a/packages/docs/.vuepress/theme-coreui/templates/build.html b/packages/docs/.vuepress/templates/build.html
similarity index 100%
rename from packages/docs/.vuepress/theme-coreui/templates/build.html
rename to packages/docs/.vuepress/templates/build.html
diff --git a/packages/docs/.vuepress/theme-coreui/package.json b/packages/docs/.vuepress/theme-coreui/package.json
deleted file mode 100755
index 39655fd9..00000000
--- a/packages/docs/.vuepress/theme-coreui/package.json
+++ /dev/null
@@ -1,52 +0,0 @@
-{
-  "name": "@vuepress/theme-coreui",
-  "version": "1.0.0",
-  "description": "CoreUI for Vue.js docs theme",
-  "keywords": [
-    "vuepress-theme",
-    "vuepress",
-    "theme",
-    "default"
-  ],
-  "homepage": "https://github.com/coreui",
-  "bugs": {
-    "url": "https://github.com/coreui/coreui-vue/issues"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/coreui/coreui-vue.git"
-  },
-  "license": "MIT",
-  "author": "Lukasz Holeczek",
-  "main": "src/node/index.ts",
-  "files": [
-    "lib"
-  ],
-  "scripts": {
-    "build": "tsc -b tsconfig.build.json",
-    "clean": "rimraf lib *.tsbuildinfo",
-    "copy": "cpx \"src/**/*.{d.ts,vue,scss}\" lib"
-  },
-  "dependencies": {
-    "@vuepress/client": "2.0.0-beta.21",
-    "@vuepress/core": "2.0.0-beta.22",
-    "@vuepress/plugin-active-header-links": "2.0.0-beta.22",
-    "@vuepress/plugin-back-to-top": "2.0.0-beta.22",
-    "@vuepress/plugin-container": "2.0.0-beta.22",
-    "@vuepress/plugin-git": "2.0.0-beta.22",
-    "@vuepress/plugin-medium-zoom": "2.0.0-beta.22",
-    "@vuepress/plugin-nprogress": "2.0.0-beta.22",
-    "@vuepress/plugin-palette": "2.0.0-beta.22",
-    "@vuepress/plugin-prismjs": "2.0.0-beta.22",
-    "@vuepress/plugin-theme-data": "2.0.0-beta.22",
-    "@vuepress/shared": "2.0.0-beta.21",
-    "@vuepress/utils": "2.0.0-beta.21",
-    "sass": "^1.35.1",
-    "sass-loader": "^12.1.0",
-    "vue": "^3.1.4",
-    "vue-router": "^4.0.10"
-  },
-  "publishConfig": {
-    "access": "public"
-  }
-}

From d787ed5c571245982c38810aaecd70423353cd27 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Mon, 27 May 2024 13:41:50 +0200
Subject: [PATCH 279/346] feat(CTabs): the initial release of the new react
 tabs component

---
 .../coreui-vue/src/components/tabs/CTab.ts    |  45 ++
 .../src/components/tabs/CTabList.ts           |  89 +++
 .../src/components/tabs/CTabPanel.ts          | 129 ++++
 .../coreui-vue/src/components/tabs/CTabs.ts   |  44 ++
 .../coreui-vue/src/components/tabs/index.ts   |  10 +-
 packages/docs/.vuepress/config.ts             |   4 +
 packages/docs/api/tabs/CTab.api.md            |  13 +
 packages/docs/api/tabs/CTabList.api.md        |  14 +
 packages/docs/api/tabs/CTabPanel.api.md       |  22 +
 packages/docs/api/tabs/CTabs.api.md           |  19 +
 packages/docs/components/tabs.md              | 579 +++++++++++++++---
 11 files changed, 866 insertions(+), 102 deletions(-)
 create mode 100644 packages/coreui-vue/src/components/tabs/CTab.ts
 create mode 100644 packages/coreui-vue/src/components/tabs/CTabList.ts
 create mode 100644 packages/coreui-vue/src/components/tabs/CTabPanel.ts
 create mode 100644 packages/coreui-vue/src/components/tabs/CTabs.ts
 create mode 100644 packages/docs/api/tabs/CTab.api.md
 create mode 100644 packages/docs/api/tabs/CTabList.api.md
 create mode 100644 packages/docs/api/tabs/CTabPanel.api.md
 create mode 100644 packages/docs/api/tabs/CTabs.api.md

diff --git a/packages/coreui-vue/src/components/tabs/CTab.ts b/packages/coreui-vue/src/components/tabs/CTab.ts
new file mode 100644
index 00000000..c7c54250
--- /dev/null
+++ b/packages/coreui-vue/src/components/tabs/CTab.ts
@@ -0,0 +1,45 @@
+import { defineComponent, h, inject, Ref } from 'vue'
+
+const CTab = defineComponent({
+  name: 'CTab',
+  props: {
+    /**
+     * Item key.
+     */
+    itemKey: {
+      type: [Number, String],
+      required: true,
+    },
+  },
+  setup(props, { slots }) {
+    const activeItemKey = inject('activeItemKey') as Ref<number | string>
+    const id = inject('id') as Ref<number | string>
+    const setActiveItemKey = inject('setActiveItemKey') as (key: number | string) => void
+
+    const isActive = () => props.itemKey === activeItemKey.value
+
+    return () =>
+      h(
+        'button',
+        {
+          class: [
+            'nav-link',
+            {
+              active: isActive(),
+            },
+          ],
+          id: `${id.value}${props.itemKey}-tab`,
+          role: 'tab',
+          tabindex: isActive() ? 0 : -1,
+          type: 'button',
+          'aria-controls': `${id.value}${props.itemKey}-tab-pane`,
+          'aria-selected': isActive(),
+          onClick: () => setActiveItemKey(props.itemKey),
+          onFocus: () => setActiveItemKey(props.itemKey),
+        },
+        slots.default && slots.default(),
+      )
+  },
+})
+
+export { CTab }
diff --git a/packages/coreui-vue/src/components/tabs/CTabList.ts b/packages/coreui-vue/src/components/tabs/CTabList.ts
new file mode 100644
index 00000000..60028cd8
--- /dev/null
+++ b/packages/coreui-vue/src/components/tabs/CTabList.ts
@@ -0,0 +1,89 @@
+import { defineComponent, h, ref } from 'vue'
+import { getNextActiveElement } from '../dropdown/utils'
+
+const CTabList = defineComponent({
+  name: 'CTabList',
+  props: {
+    /**
+     * Specify a layout type for component.
+     *
+     * @values 'fill', 'justified'
+     */
+    layout: {
+      type: String,
+      validator: (value: string) => {
+        return ['fill', 'justified'].includes(value)
+      },
+    },
+    /**
+     * Set the nav variant to tabs or pills.
+     *
+     * @values 'pills', 'tabs', 'underline', 'underline-border'
+     */
+    variant: {
+      type: String,
+      validator: (value: string) => {
+        return ['pills', 'tabs', 'underline', 'underline-border'].includes(value)
+      },
+    },
+  },
+  setup(props, { slots }) {
+    const tabListRef = ref<HTMLDivElement>()
+
+    const handleKeydown = (event: KeyboardEvent) => {
+      if (
+        tabListRef.value &&
+        (event.key === 'ArrowDown' ||
+          event.key === 'ArrowUp' ||
+          event.key === 'ArrowLeft' ||
+          event.key === 'ArrowRight' ||
+          event.key === 'Home' ||
+          event.key === 'End')
+      ) {
+        event.preventDefault()
+        const target = event.target as HTMLElement
+        // eslint-disable-next-line unicorn/prefer-spread
+        const items: HTMLElement[] = Array.from(
+          tabListRef.value.querySelectorAll('.nav-link:not(.disabled):not(:disabled)'),
+        )
+
+        let nextActiveElement
+
+        if (event.key === 'Home' || event.key === 'End') {
+          nextActiveElement = event.key === 'End' ? items.at(-1) : items[0]
+        } else {
+          nextActiveElement = getNextActiveElement(
+            items,
+            target,
+            event.key === 'ArrowDown' || event.key === 'ArrowRight',
+            true,
+          )
+        }
+
+        if (nextActiveElement) {
+          nextActiveElement.focus({ preventScroll: true })
+        }
+      }
+    }
+
+    return () =>
+      h(
+        'div',
+        {
+          class: [
+            'nav',
+            {
+              [`nav-${props.layout}`]: props.layout,
+              [`nav-${props.variant}`]: props.variant,
+            },
+          ],
+          role: 'tablist',
+          onKeydown: (event) => handleKeydown(event),
+          ref: tabListRef,
+        },
+        slots.default && slots.default(),
+      )
+  },
+})
+
+export { CTabList }
diff --git a/packages/coreui-vue/src/components/tabs/CTabPanel.ts b/packages/coreui-vue/src/components/tabs/CTabPanel.ts
new file mode 100644
index 00000000..5e2609bf
--- /dev/null
+++ b/packages/coreui-vue/src/components/tabs/CTabPanel.ts
@@ -0,0 +1,129 @@
+import {
+  defineComponent,
+  h,
+  inject,
+  ref,
+  Ref,
+  RendererElement,
+  Transition,
+  vShow,
+  watch,
+  withDirectives,
+} from 'vue'
+
+import { executeAfterTransition } from '../../utils/transition'
+
+const CTabPanel = defineComponent({
+  name: 'CTabPanel',
+  props: {
+    /**
+     * Item key.
+     */
+    itemKey: {
+      type: [Number, String],
+      required: true,
+    },
+    /**
+     * Enable fade in and fade out transition.
+     */
+    transition: {
+      type: Boolean,
+      default: true,
+    },
+    /**
+     * Toggle the visibility of component.
+     */
+    visible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  emits: [
+    /**
+     * Callback fired when the component requests to be hidden.
+     */
+    'hide',
+    /**
+     * Callback fired when the component requests to be shown.
+     */
+    'show',
+  ],
+  setup(props, { slots, emit }) {
+    const activeItemKey = inject('activeItemKey') as Ref<number | string>
+    const id = inject('id') as Ref<number | string>
+
+    const tabPaneRef = ref()
+    const firstRender = ref(true)
+    const visible = ref()
+
+    watch(
+      () => props.visible,
+      () => {
+        visible.value = props.visible
+      },
+      {
+        immediate: true,
+      },
+    )
+
+    watch(
+      activeItemKey,
+      () => {
+        visible.value = Boolean(activeItemKey.value === props.itemKey)
+      },
+      {
+        immediate: true,
+      },
+    )
+
+    const handleEnter = (el: RendererElement, done: () => void) => {
+      firstRender.value = false
+      emit('show')
+      setTimeout(() => {
+        executeAfterTransition(() => done(), el as HTMLElement)
+        el.classList.add('show')
+      }, 1)
+    }
+
+    const handleLeave = (el: RendererElement, done: () => void) => {
+      firstRender.value = false
+      emit('hide')
+      el.classList.remove('show')
+      executeAfterTransition(() => done(), el as HTMLElement)
+    }
+
+    return () =>
+      h(
+        Transition,
+        {
+          onEnter: (el, done) => handleEnter(el, done),
+          onLeave: (el, done) => handleLeave(el, done),
+        },
+        () =>
+          withDirectives(
+            h(
+              'div',
+              {
+                class: [
+                  'tab-pane',
+                  {
+                    active: visible.value,
+                    fade: props.transition,
+                    show: firstRender.value && visible.value,
+                  },
+                ],
+                id: `${id.value}${props.itemKey}-tab-pane`,
+                role: 'tabpanel',
+                'aria-labelledby': `${id.value}${props.itemKey}-tab`,
+                tabindex: 0,
+                ref: tabPaneRef,
+              },
+              slots.default && slots.default(),
+            ),
+            [[vShow, visible.value]],
+          ),
+      )
+  },
+})
+
+export { CTabPanel }
diff --git a/packages/coreui-vue/src/components/tabs/CTabs.ts b/packages/coreui-vue/src/components/tabs/CTabs.ts
new file mode 100644
index 00000000..e031153d
--- /dev/null
+++ b/packages/coreui-vue/src/components/tabs/CTabs.ts
@@ -0,0 +1,44 @@
+import { defineComponent, h, provide, ref, watch } from 'vue'
+import { getUID } from '../../utils'
+
+const CTabs = defineComponent({
+  name: 'CTabs',
+  props: {
+    /**
+     * The active item key.
+     */
+    activeItemKey: {
+      type: [Number, String],
+      required: true,
+    }
+  },
+  emits: [
+    /**
+     * The callback is fired when the active tab changes.
+     */
+    'change',
+  ],
+  setup(props, { slots, emit }) {
+    const uID = ref(getUID('t'))
+    const activeItemKey = ref(props.activeItemKey)
+    const setActiveItemKey = (key: string | number) => {
+      activeItemKey.value = key
+    }
+
+    watch(
+      () => props.activeItemKey,
+      (value) => {
+        activeItemKey.value = value
+        emit('change', value)
+      },
+    )
+
+    provide('activeItemKey', activeItemKey)
+    provide('id', uID)
+    provide('setActiveItemKey', setActiveItemKey)
+
+    return () => h('div', { class: 'tabs' }, slots.default && slots.default())
+  },
+})
+
+export { CTabs }
diff --git a/packages/coreui-vue/src/components/tabs/index.ts b/packages/coreui-vue/src/components/tabs/index.ts
index 997480a5..7c848b03 100644
--- a/packages/coreui-vue/src/components/tabs/index.ts
+++ b/packages/coreui-vue/src/components/tabs/index.ts
@@ -1,12 +1,20 @@
 import { App } from 'vue'
+import { CTab } from './CTab'
 import { CTabContent } from './CTabContent'
+import { CTabList } from './CTabList'
 import { CTabPane } from './CTabPane'
+import { CTabPanel } from './CTabPanel'
+import { CTabs } from './CTabs'
 
 const CTabsPlugin = {
   install: (app: App): void => {
+    app.component(CTab.name as string, CTab)
     app.component(CTabContent.name as string, CTabContent)
+    app.component(CTabList.name as string, CTabList)
     app.component(CTabPane.name as string, CTabPane)
+    app.component(CTabPanel.name as string, CTabPanel)
+    app.component(CTabs.name as string, CTabs)
   },
 }
 
-export { CTabsPlugin, CTabContent, CTabPane }
+export { CTabsPlugin, CTab, CTabContent, CTabList, CTabPane, CTabPanel, CTabs }
diff --git a/packages/docs/.vuepress/config.ts b/packages/docs/.vuepress/config.ts
index 34678fec..932a5cf2 100644
--- a/packages/docs/.vuepress/config.ts
+++ b/packages/docs/.vuepress/config.ts
@@ -328,6 +328,10 @@ export default defineUserConfig({
             text: 'Table',
             link: `/components/table.html`,
           },
+          {
+            text: 'Tabs',
+            link: `/components/tabs.html`,
+          },
           {
             text: 'Toast',
             link: `/components/toast.html`,
diff --git a/packages/docs/api/tabs/CTab.api.md b/packages/docs/api/tabs/CTab.api.md
new file mode 100644
index 00000000..ed8dc7b0
--- /dev/null
+++ b/packages/docs/api/tabs/CTab.api.md
@@ -0,0 +1,13 @@
+### CTab
+
+```jsx
+import { CTab } from '@coreui/vue'
+// or
+import CTab from '@coreui/vue/src/components/tabs/CTab'
+```
+
+#### Props
+
+| Prop name    | Description | Type           | Values | Default |
+| ------------ | ----------- | -------------- | ------ | ------- |
+| **item-key** | Item key.   | number\|string | -      | -       |
diff --git a/packages/docs/api/tabs/CTabList.api.md b/packages/docs/api/tabs/CTabList.api.md
new file mode 100644
index 00000000..68b9ca46
--- /dev/null
+++ b/packages/docs/api/tabs/CTabList.api.md
@@ -0,0 +1,14 @@
+### CTabList
+
+```jsx
+import { CTabList } from '@coreui/vue'
+// or
+import CTabList from '@coreui/vue/src/components/tabs/CTabList'
+```
+
+#### Props
+
+| Prop name   | Description                           | Type   | Values                                                   | Default |
+| ----------- | ------------------------------------- | ------ | -------------------------------------------------------- | ------- |
+| **layout**  | Specify a layout type for component.  | string | `'fill'`, `'justified'`                                  | -       |
+| **variant** | Set the nav variant to tabs or pills. | string | `'pills'`, `'tabs'`, `'underline'`, `'underline-border'` | -       |
diff --git a/packages/docs/api/tabs/CTabPanel.api.md b/packages/docs/api/tabs/CTabPanel.api.md
new file mode 100644
index 00000000..bf254378
--- /dev/null
+++ b/packages/docs/api/tabs/CTabPanel.api.md
@@ -0,0 +1,22 @@
+### CTabPanel
+
+```jsx
+import { CTabPanel } from '@coreui/vue'
+// or
+import CTabPanel from '@coreui/vue/src/components/tabs/CTabPanel'
+```
+
+#### Props
+
+| Prop name      | Description                             | Type           | Values | Default |
+| -------------- | --------------------------------------- | -------------- | ------ | ------- |
+| **item-key**   | Item key.                               | number\|string | -      | -       |
+| **transition** | Enable fade in and fade out transition. | boolean        | -      | true    |
+| **visible**    | Toggle the visibility of component.     | boolean        | -      | false   |
+
+#### Events
+
+| Event name | Description                                              | Properties |
+| ---------- | -------------------------------------------------------- | ---------- |
+| **hide**   | Callback fired when the component requests to be hidden. |
+| **show**   | Callback fired when the component requests to be shown.  |
diff --git a/packages/docs/api/tabs/CTabs.api.md b/packages/docs/api/tabs/CTabs.api.md
new file mode 100644
index 00000000..4fea4982
--- /dev/null
+++ b/packages/docs/api/tabs/CTabs.api.md
@@ -0,0 +1,19 @@
+### CTabs
+
+```jsx
+import { CTabs } from '@coreui/vue'
+// or
+import CTabs from '@coreui/vue/src/components/tabs/CTabs'
+```
+
+#### Props
+
+| Prop name           | Description          | Type           | Values | Default |
+| ------------------- | -------------------- | -------------- | ------ | ------- |
+| **active-item-key** | The active item key. | number\|string | -      | -       |
+
+#### Events
+
+| Event name | Description                                        | Properties |
+| ---------- | -------------------------------------------------- | ---------- |
+| **change** | The callback is fired when the active tab changes. |
diff --git a/packages/docs/components/tabs.md b/packages/docs/components/tabs.md
index 8da4e027..a7c06623 100644
--- a/packages/docs/components/tabs.md
+++ b/packages/docs/components/tabs.md
@@ -1,112 +1,489 @@
 ---
-title: CTabs
-description: 
-activeKey: 1
+title: Vue Tabs Components
+name: Tabs
+description: The CoreUI Vue Tabs component provides a flexible and accessible way to create tabbed navigation in your application. It supports various styles and configurations to meet different design requirements.
+since: 5.1.0
 ---
 
-## Examples
-
-{{ $page.activeKey }}
-
-
-<CNav variant="tabs">
-          <CNavItem>
-            <CNavLink href="#" @click="$page.activeKey=1">
-              Active
-            </CNavLink>
-          </CNavItem>
-          <CNavItem>
-            <CNavLink href="#" @click="$page.activeKey=2">
-              Link
-            </CNavLink>
-          </CNavItem>
-          <CNavItem>
-            <CNavLink href="#" @click="$page.activeKey=3">
-              Link
-            </CNavLink>
-          </CNavItem>
-        </CNav>
-        <CTabContent>
-          <CTabPane :visible="$page.activeKey == 1">
-            Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown
-            aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan
-            helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu
-            banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone.
-            Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.
-          </CTabPane>
-          <CTabPane :visible="$page.activeKey == 2">
-            Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.
-            Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson
-            artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo
-            enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud
-            organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia
-            yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes
-            anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson
-            biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente
-            accusamus tattooed echo park.
-          </CTabPane>
-          <CTabPane :visible="$page.activeKey == 3">
-            Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's
-            organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify
-            pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy
-            hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred
-            pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie
-            etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl
-            craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.
-          </CTabPane>
-        </CTabContent>
+## Example
 
+The basic Vue tabs example uses the `variant="tabs"` props to generate a tabbed interface.
 
+::: demo
+<CTabs activeItemKey="profile">
+  <CTabList variant="tabs">
+    <CTab itemKey="home">Home</CTab>
+    <CTab itemKey="profile">Profile</CTab>
+    <CTab itemKey="contact">Contact</CTab>
+    <CTab disabled itemKey="disabled">Disabled</CTab>
+  </CTabList>
+  <CTabContent>
+    <CTabPanel class="p-3" itemKey="home">
+      Home tab content
+    </CTabPanel>
+    <CTabPanel class="p-3" itemKey="profile">
+      Profile tab content
+    </CTabPanel>
+    <CTabPanel class="p-3" itemKey="contact">
+      Contact tab content
+    </CTabPanel>
+    <CTabPanel class="p-3" itemKey="disabled">
+      Disabled tab content
+    </CTabPanel>
+  </CTabContent>
+</CTabs>
+:::
 ```vue
+<CTabs activeItemKey="profile">
+  <CTabList variant="tabs">
+    <CTab itemKey="home">Home</CTab>
+    <CTab itemKey="profile">Profile</CTab>
+    <CTab itemKey="contact">Contact</CTab>
+    <CTab disabled itemKey="disabled">Disabled</CTab>
+  </CTabList>
+  <CTabContent>
+    <CTabPanel class="p-3" itemKey="home">
+      Home tab content
+    </CTabPanel>
+    <CTabPanel class="p-3" itemKey="profile">
+      Profile tab content
+    </CTabPanel>
+    <CTabPanel class="p-3" itemKey="contact">
+      Contact tab content
+    </CTabPanel>
+    <CTabPanel class="p-3" itemKey="disabled">
+      Disabled tab content
+    </CTabPanel>
+  </CTabContent>
+</CTabs>
+```
+
+
+## Available styles
+
+Change the style of `<CTabs>`'s component with modifiers and utilities. Mix and match as needed, or build your own.
+
+### Unstyled
 
-        <CNav variant="tabs">
-          <CNavItem>
-            <CNavLink href="#" @click="$page.activeKey=1">
-              Active
-            </CNavLink>
-          </CNavItem>
-          <CNavItem>
-            <CNavLink href="#" @click="$page.activeKey=2">
-              Link
-            </CNavLink>
-          </CNavItem>
-          <CNavItem>
-            <CNavLink href="#" @click="$page.activeKey=3">
-              Link
-            </CNavLink>
-          </CNavItem>
-        </CNav>
-        <CTabContent>
-          <CTabPane :visible="$page.activeKey == 1">
-            Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown
-            aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan
-            helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu
-            banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone.
-            Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.
-          </CTabPane>
-          <CTabPane :visible="$page.activeKey == 2">
-            Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.
-            Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson
-            artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo
-            enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud
-            organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia
-            yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes
-            anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson
-            biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente
-            accusamus tattooed echo park.
-          </CTabPane>
-          <CTabPane :visible="$page.activeKey == 3">
-            Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's
-            organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify
-            pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy
-            hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred
-            pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie
-            etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl
-            craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.
-          </CTabPane>
-        </CTabContent>
+If you don’t provide the `variant` prop, the component will default to a basic style.
 
+::: demo
+<CTabs activeItemKey="profile">
+  <CTabList>
+    <CTab itemKey="home">Home</CTab>
+    <CTab itemKey="profile">Profile</CTab>
+    <CTab itemKey="contact">Contact</CTab>
+    <CTab disabled itemKey="disabled">Disabled</CTab>
+  </CTabList>
+  <CTabContent>
+    <CTabPanel className="p-3" itemKey="home">
+      Home tab content
+    </CTabPanel>
+    <CTabPanel className="p-3" itemKey="profile">
+      Profile tab content
+    </CTabPanel>
+    <CTabPanel className="p-3" itemKey="contact">
+      Contact tab content
+    </CTabPanel>
+    <CTabPanel className="p-3" itemKey="disabled">
+      Disabled tab content
+    </CTabPanel>
+  </CTabContent>
+</CTabs>
+:::
+```vue
+<CTabs activeItemKey="profile">
+  <CTabList>
+    <CTab itemKey="home">Home</CTab>
+    <CTab itemKey="profile">Profile</CTab>
+    <CTab itemKey="contact">Contact</CTab>
+    <CTab disabled itemKey="disabled">Disabled</CTab>
+  </CTabList>
+  <CTabContent>
+    <CTabPanel className="p-3" itemKey="home">
+      Home tab content
+    </CTabPanel>
+    <CTabPanel className="p-3" itemKey="profile">
+      Profile tab content
+    </CTabPanel>
+    <CTabPanel className="p-3" itemKey="contact">
+      Contact tab content
+    </CTabPanel>
+    <CTabPanel className="p-3" itemKey="disabled">
+      Disabled tab content
+    </CTabPanel>
+  </CTabContent>
+</CTabs>
 ```
 
+### Pills
+
+Take that same code, but use `variant="pills"` instead:
+
+::: demo
+<CTabs :activeItemKey=2>
+  <CTabList variant="pills">
+    <CTab aria-controls="home-tab-pane" :itemKey="1">Home</CTab>
+    <CTab aria-controls="profile-tab-pane" :itemKey="2">Profile</CTab>
+    <CTab aria-controls="contact-tab-pane" :itemKey="3">Contact</CTab>
+    <CTab aria-controls="disabled-tab-pane" disabled :itemKey="4">Disabled</CTab>
+  </CTabList>
+  <CTabContent>
+    <CTabPanel className="p-3" aria-labelledby="home-tab-pane" :itemKey="1">
+      Home tab content
+    </CTabPanel>
+    <CTabPanel className="p-3" aria-labelledby="profile-tab-pane" :itemKey="2">
+      Profile tab content
+    </CTabPanel>
+    <CTabPanel className="p-3" aria-labelledby="contact-tab-pane" :itemKey="3">
+      Contact tab content
+    </CTabPanel>
+    <CTabPanel className="p-3" aria-labelledby="disabled-tab-pane" :itemKey="4">
+      Disabled tab content
+    </CTabPanel>
+  </CTabContent>
+</CTabs>
+:::
+```vue
+<CTabs :activeItemKey=2>
+  <CTabList variant="pills">
+    <CTab aria-controls="home-tab-pane" :itemKey="1">Home</CTab>
+    <CTab aria-controls="profile-tab-pane" :itemKey="2">Profile</CTab>
+    <CTab aria-controls="contact-tab-pane" :itemKey="3">Contact</CTab>
+    <CTab aria-controls="disabled-tab-pane" disabled :itemKey="4">Disabled</CTab>
+  </CTabList>
+  <CTabContent>
+    <CTabPanel className="p-3" aria-labelledby="home-tab-pane" :itemKey="1">
+      Home tab content
+    </CTabPanel>
+    <CTabPanel className="p-3" aria-labelledby="profile-tab-pane" :itemKey="2">
+      Profile tab content
+    </CTabPanel>
+    <CTabPanel className="p-3" aria-labelledby="contact-tab-pane" :itemKey="3">
+      Contact tab content
+    </CTabPanel>
+    <CTabPanel className="p-3" aria-labelledby="disabled-tab-pane" :itemKey="4">
+      Disabled tab content
+    </CTabPanel>
+  </CTabContent>
+</CTabs>
+```
+
+### Underline
+
+Take that same code, but use `variant="underline"` instead:
+
+::: demo
+<CTabs :activeItemKey="2">
+  <CTabList variant="underline">
+    <CTab aria-controls="home-tab-pane" :itemKey="1">Home</CTab>
+    <CTab aria-controls="profile-tab-pane" :itemKey="2">Profile</CTab>
+    <CTab aria-controls="contact-tab-pane" :itemKey="3">Contact</CTab>
+    <CTab aria-controls="disabled-tab-pane" disabled :itemKey="4">Disabled</CTab>
+  </CTabList>
+  <CTabContent>
+    <CTabPanel className="py-3" aria-labelledby="home-tab-pane" :itemKey="1">
+      Home tab content
+    </CTabPanel>
+    <CTabPanel className="py-3" aria-labelledby="profile-tab-pane" :itemKey="2">
+      Profile tab content
+    </CTabPanel>
+    <CTabPanel className="py-3" aria-labelledby="contact-tab-pane" :itemKey="3">
+      Contact tab content
+    </CTabPanel>
+    <CTabPanel className="py-3" aria-labelledby="disabled-tab-pane" :itemKey="4">
+      Disabled tab content
+    </CTabPanel>
+  </CTabContent>
+</CTabs>
+:::
+```vue
+<CTabs :activeItemKey="2">
+  <CTabList variant="underline">
+    <CTab aria-controls="home-tab-pane" :itemKey="1">Home</CTab>
+    <CTab aria-controls="profile-tab-pane" :itemKey="2">Profile</CTab>
+    <CTab aria-controls="contact-tab-pane" :itemKey="3">Contact</CTab>
+    <CTab aria-controls="disabled-tab-pane" disabled :itemKey="4">Disabled</CTab>
+  </CTabList>
+  <CTabContent>
+    <CTabPanel className="py-3" aria-labelledby="home-tab-pane" :itemKey="1">
+      Home tab content
+    </CTabPanel>
+    <CTabPanel className="py-3" aria-labelledby="profile-tab-pane" :itemKey="2">
+      Profile tab content
+    </CTabPanel>
+    <CTabPanel className="py-3" aria-labelledby="contact-tab-pane" :itemKey="3">
+      Contact tab content
+    </CTabPanel>
+    <CTabPanel className="py-3" aria-labelledby="disabled-tab-pane" :itemKey="4">
+      Disabled tab content
+    </CTabPanel>
+  </CTabContent>
+</CTabs>
+```
+
+### Underline border
+
+Take that same code, but use `variant="underline-border"` instead:
+
+::: demo
+<CTabs :activeItemKey="2">
+  <CTabList variant="underline-border">
+    <CTab aria-controls="home-tab-pane" :itemKey="1">Home</CTab>
+    <CTab aria-controls="profile-tab-pane" :itemKey="2">Profile</CTab>
+    <CTab aria-controls="contact-tab-pane" :itemKey="3">Contact</CTab>
+    <CTab aria-controls="disabled-tab-pane" disabled :itemKey="4">Disabled</CTab>
+  </CTabList>
+  <CTabContent>
+    <CTabPanel className="py-3" aria-labelledby="home-tab-pane" :itemKey="1">
+      Home tab content
+    </CTabPanel>
+    <CTabPanel className="py-3" aria-labelledby="profile-tab-pane" :itemKey="2">
+      Profile tab content
+    </CTabPanel>
+    <CTabPanel className="py-3" aria-labelledby="contact-tab-pane" :itemKey="3">
+      Contact tab content
+    </CTabPanel>
+    <CTabPanel className="py-3" aria-labelledby="disabled-tab-pane" :itemKey="4">
+      Disabled tab content
+    </CTabPanel>
+  </CTabContent>
+</CTabs>
+:::
+```vue
+<CTabs :activeItemKey="2">
+  <CTabList variant="underline-border">
+    <CTab aria-controls="home-tab-pane" :itemKey="1">Home</CTab>
+    <CTab aria-controls="profile-tab-pane" :itemKey="2">Profile</CTab>
+    <CTab aria-controls="contact-tab-pane" :itemKey="3">Contact</CTab>
+    <CTab aria-controls="disabled-tab-pane" disabled :itemKey="4">Disabled</CTab>
+  </CTabList>
+  <CTabContent>
+    <CTabPanel className="py-3" aria-labelledby="home-tab-pane" :itemKey="1">
+      Home tab content
+    </CTabPanel>
+    <CTabPanel className="py-3" aria-labelledby="profile-tab-pane" :itemKey="2">
+      Profile tab content
+    </CTabPanel>
+    <CTabPanel className="py-3" aria-labelledby="contact-tab-pane" :itemKey="3">
+      Contact tab content
+    </CTabPanel>
+    <CTabPanel className="py-3" aria-labelledby="disabled-tab-pane" :itemKey="4">
+      Disabled tab content
+    </CTabPanel>
+  </CTabContent>
+</CTabs>
+```
+
+### Fill and justify
+
+Force your `<CTabs>`'s contents to extend the full available width one of two modifier classes. To proportionately fill all available space use `layout="fill"`. Notice that all horizontal space is occupied, but not every nav item has the same width.
+
+::: demo
+<CTabs :activeItemKey="2">
+  <CTabList variant="tabs" layout="fill">
+    <CTab aria-controls="home-tab-pane" :itemKey="1">Home</CTab>
+    <CTab aria-controls="profile-tab-pane" :itemKey="2">Profile tab with longer content</CTab>
+    <CTab aria-controls="contact-tab-pane" :itemKey="3">Contact</CTab>
+    <CTab aria-controls="disabled-tab-pane" disabled :itemKey="4">Disabled</CTab>
+  </CTabList>
+  <CTabContent>
+    <CTabPanel className="py-3" aria-labelledby="home-tab-pane" :itemKey="1">
+      Home tab content
+    </CTabPanel>
+    <CTabPanel className="py-3" aria-labelledby="profile-tab-pane" :itemKey="2">
+      Profile tab content
+    </CTabPanel>
+    <CTabPanel className="py-3" aria-labelledby="contact-tab-pane" :itemKey="3">
+      Contact tab content
+    </CTabPanel>
+    <CTabPanel className="py-3" aria-labelledby="disabled-tab-pane" :itemKey="4">
+      Disabled tab content
+    </CTabPanel>
+  </CTabContent>
+</CTabs>
+:::
+```vue
+<CTabs :activeItemKey="2">
+  <CTabList variant="tabs" layout="fill">
+    <CTab aria-controls="home-tab-pane" :itemKey="1">Home</CTab>
+    <CTab aria-controls="profile-tab-pane" :itemKey="2">Profile tab with longer content</CTab>
+    <CTab aria-controls="contact-tab-pane" :itemKey="3">Contact</CTab>
+    <CTab aria-controls="disabled-tab-pane" disabled :itemKey="4">Disabled</CTab>
+  </CTabList>
+  <CTabContent>
+    <CTabPanel className="py-3" aria-labelledby="home-tab-pane" :itemKey="1">
+      Home tab content
+    </CTabPanel>
+    <CTabPanel className="py-3" aria-labelledby="profile-tab-pane" :itemKey="2">
+      Profile tab content
+    </CTabPanel>
+    <CTabPanel className="py-3" aria-labelledby="contact-tab-pane" :itemKey="3">
+      Contact tab content
+    </CTabPanel>
+    <CTabPanel className="py-3" aria-labelledby="disabled-tab-pane" :itemKey="4">
+      Disabled tab content
+    </CTabPanel>
+  </CTabContent>
+</CTabs>
+```
+
+For equal-width elements, use `layout="justified"`. All horizontal space will be occupied by nav links, but unlike the `layout="fill"` above, every nav item will be the same width.
+
+::: demo
+<CTabs :activeItemKey="2">
+  <CTabList variant="tabs" layout="justified">
+    <CTab aria-controls="home-tab-pane" :itemKey="1">Home</CTab>
+    <CTab aria-controls="profile-tab-pane" :itemKey="2">Profile</CTab>
+    <CTab aria-controls="contact-tab-pane" :itemKey="3">Contact</CTab>
+    <CTab aria-controls="disabled-tab-pane" disabled :itemKey="4">Disabled</CTab>
+  </CTabList>
+  <CTabContent>
+    <CTabPanel className="py-3" aria-labelledby="home-tab-pane" :itemKey="1">
+      Home tab content
+    </CTabPanel>
+    <CTabPanel className="py-3" aria-labelledby="profile-tab-pane" :itemKey="2">
+      Profile tab content
+    </CTabPanel>
+    <CTabPanel className="py-3" aria-labelledby="contact-tab-pane" :itemKey="3">
+      Contact tab content
+    </CTabPanel>
+    <CTabPanel className="py-3" aria-labelledby="disabled-tab-pane" :itemKey="4">
+      Disabled tab content
+    </CTabPanel>
+  </CTabContent>
+</CTabs>
+:::
+```vue
+<CTabs :activeItemKey="2">
+  <CTabList variant="tabs" layout="justified">
+    <CTab aria-controls="home-tab-pane" :itemKey="1">Home</CTab>
+    <CTab aria-controls="profile-tab-pane" :itemKey="2">Profile</CTab>
+    <CTab aria-controls="contact-tab-pane" :itemKey="3">Contact</CTab>
+    <CTab aria-controls="disabled-tab-pane" disabled :itemKey="4">Disabled</CTab>
+  </CTabList>
+  <CTabContent>
+    <CTabPanel className="py-3" aria-labelledby="home-tab-pane" :itemKey="1">
+      Home tab content
+    </CTabPanel>
+    <CTabPanel className="py-3" aria-labelledby="profile-tab-pane" :itemKey="2">
+      Profile tab content
+    </CTabPanel>
+    <CTabPanel className="py-3" aria-labelledby="contact-tab-pane" :itemKey="3">
+      Contact tab content
+    </CTabPanel>
+    <CTabPanel className="py-3" aria-labelledby="disabled-tab-pane" :itemKey="4">
+      Disabled tab content
+    </CTabPanel>
+  </CTabContent>
+</CTabs>
+```
+
+## Accessibility
+
+Dynamic tabbed interfaces, as described in the [<abbr title="Web Accessibility Initiative">WAI</abbr> <abbr title="Accessible Rich Internet Applications">ARIA</abbr> Authoring Practices](https://www.w3.org/TR/wai-aria-practices/#tabpanel), require `role="tablist"`, `role="tab"`, `role="tabpanel"`, and additional `aria-` attributes in order to convey their structure, functionality and current state to users of assistive technologies (such as screen readers).
+
+### WAI-ARIA Roles
+
+- The element that serves as the container for the set of tabs has the role `tablist`.
+- Each element that serves as a tab has the role `tab` and is contained within the element with the role `tablist`.
+- Each element that contains the content panel for a tab has the role `tabpanel`.
+- If the tab list has a visible label, the element with the role `tablist` has `aria-labelledby` set to a value that refers to the labeling element. Otherwise, the `tablist` element has a label provided by `aria-label`.
+- Each element with the role `tab` has the property `aria-controls` referring to its associated `tabpanel` element.
+- The active tab element has the state `aria-selected` set to `true`, and all other tab elements have it set to `false`.
+- Each element with the role `tabpanel` has the property `aria-labelledby` referring to its associated `tab` element.
+
+Our Vue Tabs component automatically manages all `role="..."` and `aria-` attributes for accessibility. It also handles the selected state by adding `aria-selected="true"` to the active tab. Additionally, you have the flexibility to manually set these attributes, as shown in the example below:
+
+```jsx
+<CTabs :activeItemKey="2">
+  <CTabList variant="tabs">
+    <CTab id="home-tab" aria-controls="home-tab-pane" :itemKey="1">Home</CTab>
+    <CTab id="profile-tab" aria-controls="profile-tab-pane" :itemKey="2">Profile</CTab>
+    <CTab id="contact-tab" aria-controls="contact-tab-pane" :itemKey="3">Contact</CTab>
+    <CTab id="disabled-tab" aria-controls="disabled-tab-pane" disabled :itemKey="4">Disabled</CTab>
+  </CTabList>
+  <CTabContent>
+    <CTabPanel id="home-tab-pane" className="p-3" aria-labelledby="home-tab-pane" aria-labelledby="home-tab" :itemKey="1">
+      Home tab content
+    </CTabPanel>
+    <CTabPanel id="profile-tab-pane" className="p-3" aria-labelledby="profile-tab-pane" aria-labelledby="profile-tab" :itemKey="2">
+      Profile tab content
+    </CTabPanel>
+    <CTabPanel id="contact-tab-pane" className="p-3" aria-labelledby="contact-tab-pane" aria-labelledby="contact-tab" :itemKey="3">
+      Contact tab content
+    </CTabPanel>
+    <CTabPanel id="disabled-tab-pane" className="p-3" aria-labelledby="disabled-tab-pane" aria-labelledby="disabled-tab" :itemKey="4">
+      Disabled tab content
+    </CTabPanel>
+  </CTabContent>
+</CTabs>
+```
+
+This example demonstrates how to manually set `aria-selected`, `aria-controls`, and `aria-labelledby` attributes on your `<CTab>`'s and `<CTabPanels>`'s.
+
+### Keyboard Interaction
+
+**When focus enters the tab list:**
+
+<kbd>Tab</kbd>: It places focus on the active `tab` element.
+
+**When focus is on a tab element:**
+
+<kbd>Tab</kbd>: Moves focus to the next element in the tab sequence, typically the tabpanel unless the first focusable element inside the tabpanel is found earlier.
+
+<kbd>Left Arrow</kbd>: Moves focus to the previous tab. If on the first tab, it wraps around to the last tab.
+
+<kbd>Right Arrow</kbd>: Moves focus to the next tab. If on the last tab, it wraps around to the first tab.
+
+<kbd>Home</kbd>: Moves focus to the first tab.
+
+<kbd>End</kbd>: Moves focus to the last tab.
+
+## Customizing
+
+### CSS variables
+
+Vue tabs use local CSS variables on `.nav`, `.nav-tabs`, `.nav-pills`, `.nav-underline` and `.nav-underline-border` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
+
+On the `.nav` base class:
+
+<ScssDocs file="_nav.scss" capture="nav-css-vars"/>
+
+On the `.nav-tabs` modifier class:
+
+<ScssDocs file="_nav.scss" capture="nav-tabs-css-vars"/>
+
+On the `.nav-pills` modifier class:
+
+<ScssDocs file="_nav.scss" capture="nav-pills-css-vars"/>
+
+On the `.nav-underline` modifier class:
+
+<ScssDocs file="_nav.scss" capture="nav-underline-css-vars"/>
+
+On the `.nav-underline-border` modifier class:
+
+<ScssDocs file="_nav.scss" capture="nav-underline-border-css-vars"/>
+
+#### How to use CSS variables
+
+```jsx
+const vars = { 
+  '--my-css-var': 10,
+  '--my-another-css-var': "red" 
+}
+return <CTabs :style="vars">...</CTabs>
+```
+
+### SASS variables
+
+<ScssDocs file="_variables.scss" capture="nav-variables"/>
+
+## API
 
-## Additional content
\ No newline at end of file
+!!!include(./api/tabs/CTab.api.md)!!!
+!!!include(./api/tabs/CTabContent.api.md)!!!
+!!!include(./api/tabs/CTabList.api.md)!!!
+!!!include(./api/tabs/CTabPanel.api.md)!!!
+!!!include(./api/tabs/CTabs.api.md)!!!
\ No newline at end of file

From 96cee23488500ba2c9b7a304fcce3c982f89f255 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Mon, 27 May 2024 13:42:18 +0200
Subject: [PATCH 280/346] chore: add eslint comments

---
 packages/coreui-vue/src/components/dropdown/CDropdown.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/coreui-vue/src/components/dropdown/CDropdown.ts b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
index 97ef4fe5..d171f90b 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdown.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
@@ -228,6 +228,7 @@ const CDropdown = defineComponent({
       ) {
         event.preventDefault()
         const target = event.target as HTMLElement
+        // eslint-disable-next-line unicorn/prefer-spread
         const items: HTMLElement[] = Array.from(
           dropdownMenuRef.value.querySelectorAll('.dropdown-item:not(.disabled):not(:disabled)'),
         )

From 45a515d55c3b04cfedb5bc39261d0dc1439069b5 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Mon, 27 May 2024 13:44:27 +0200
Subject: [PATCH 281/346] feat(CTabPane): add the `transition` property to
 enable control of fade animation on panels

---
 packages/coreui-vue/src/components/tabs/CTabPane.ts | 11 ++++++++++-
 packages/docs/api/tabs/CTabPane.api.md              |  7 ++++---
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/packages/coreui-vue/src/components/tabs/CTabPane.ts b/packages/coreui-vue/src/components/tabs/CTabPane.ts
index 9ff0050f..7614c346 100644
--- a/packages/coreui-vue/src/components/tabs/CTabPane.ts
+++ b/packages/coreui-vue/src/components/tabs/CTabPane.ts
@@ -5,6 +5,15 @@ import { executeAfterTransition } from '../../utils/transition'
 const CTabPane = defineComponent({
   name: 'CTabPane',
   props: {
+    /**
+     * Enable fade in and fade out transition.
+     *
+     * @since 5.1.0
+     */
+    transition: {
+      type: Boolean,
+      default: true,
+    },
     /**
      * Toggle the visibility of component.
      */
@@ -57,9 +66,9 @@ const CTabPane = defineComponent({
               {
                 class: [
                   'tab-pane',
-                  'fade',
                   {
                     active: props.visible,
+                    fade: props.transition,
                     show: firstRender.value && props.visible,
                   },
                 ],
diff --git a/packages/docs/api/tabs/CTabPane.api.md b/packages/docs/api/tabs/CTabPane.api.md
index 61e1db99..17eb0a59 100644
--- a/packages/docs/api/tabs/CTabPane.api.md
+++ b/packages/docs/api/tabs/CTabPane.api.md
@@ -8,9 +8,10 @@ import CTabPane from '@coreui/vue/src/components/tabs/CTabPane'
 
 #### Props
 
-| Prop name   | Description                         | Type    | Values | Default |
-| ----------- | ----------------------------------- | ------- | ------ | ------- |
-| **visible** | Toggle the visibility of component. | boolean | -      | false   |
+| Prop name                                                     | Description                             | Type    | Values | Default |
+| ------------------------------------------------------------- | --------------------------------------- | ------- | ------ | ------- |
+| **transition** <br><div class="badge bg-primary">5.1.0+</div> | Enable fade in and fade out transition. | boolean | -      | true    |
+| **visible**                                                   | Toggle the visibility of component.     | boolean | -      | false   |
 
 #### Events
 

From fc6f12bcc7bba1779f92eb4af2d2ad430a0e631c Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Mon, 27 May 2024 13:45:00 +0200
Subject: [PATCH 282/346] docs: update content

---
 packages/docs/getting-started/introduction.md | 66 +++++++++++++++++--
 1 file changed, 59 insertions(+), 7 deletions(-)

diff --git a/packages/docs/getting-started/introduction.md b/packages/docs/getting-started/introduction.md
index 369de935..c0a6a0f4 100644
--- a/packages/docs/getting-started/introduction.md
+++ b/packages/docs/getting-started/introduction.md
@@ -9,36 +9,74 @@ menu: Getting started
 
 ### Npm
 
+<CTabs :activeItemKey="1">
+  <CTabList variant="underline-border">
+    <CTab :itemKey="1">CoreUI</CTab>
+    <CTab :itemKey="2">CoreUI PRO</CTab>
+  </CTabList>
+  <CTabContent>
+    <CTabPanel :itemKey="1">
+    
 ```bash
 npm install @coreui/vue @coreui/coreui
 ```
-
-If you use CoreUI PRO version.
+</CTabPanel>
+    <CTabPanel :itemKey="2">
 
 ```bash
 npm install @coreui/vue-pro @coreui/coreui-pro
 ```
+</CTabPanel>
+  </CTabContent>
+</CTabs>
+
 
 ### Yarn
 
+<CTabs :activeItemKey="1">
+  <CTabList variant="underline-border">
+    <CTab :itemKey="1">CoreUI</CTab>
+    <CTab :itemKey="2">CoreUI PRO</CTab>
+  </CTabList>
+  <CTabContent>
+    <CTabPanel :itemKey="1">
+    
 ```bash
 yarn add @coreui/vue @coreui/coreui
 ```
-
-If you use CoreUI PRO version.
+</CTabPanel>
+    <CTabPanel :itemKey="2">
 
 ```bash
 yarn add @coreui/vue-pro @coreui/coreui-pro
 ```
+</CTabPanel>
+  </CTabContent>
+</CTabs>
 
 ## Using components
 
-```ts
+<CTabs :activeItemKey="1">
+  <CTabList variant="underline-border">
+    <CTab :itemKey="1">CoreUI</CTab>
+    <CTab :itemKey="2">CoreUI PRO</CTab>
+  </CTabList>
+  <CTabContent>
+    <CTabPanel :itemKey="1">
+    
+```js
 import { CAlert } from '@coreui/vue';
+```
+</CTabPanel>
+    <CTabPanel :itemKey="2">
 
-// CoreUI PRO version
+```js
 import { CAlert } from '@coreui/vue-pro';
 ```
+</CTabPanel>
+  </CTabContent>
+</CTabs>
+
 
 ## Stylesheets
 
@@ -48,12 +86,26 @@ Vue components are styled using the `@coreui/coreui` or `@coreui/coreui-pro` CSS
 
 ###### Basic usage
 
+<CTabs :activeItemKey="1">
+  <CTabList variant="underline-border">
+    <CTab :itemKey="1">CoreUI</CTab>
+    <CTab :itemKey="2">CoreUI PRO</CTab>
+  </CTabList>
+  <CTabContent>
+    <CTabPanel :itemKey="1">
+    
 ```js
 import '@coreui/coreui/dist/css/coreui.min.css'
+```
+</CTabPanel>
+    <CTabPanel :itemKey="2">
 
-// CoreUI PRO version
+```js
 import '@coreui/coreui-pro/dist/css/coreui.min.css'
 ```
+</CTabPanel>
+  </CTabContent>
+</CTabs>
 
 ### Bootstrap CSS files
 

From 0b77985f6184876ba6a7d94d35567a92ffe82e45 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Mon, 27 May 2024 13:45:28 +0200
Subject: [PATCH 283/346] docs: update content

---
 .../docs/.vuepress/src/client/components/ScssDocs.vue    | 4 ++--
 .../.vuepress/src/client/styles/_component-examples.scss | 9 +++++++++
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/packages/docs/.vuepress/src/client/components/ScssDocs.vue b/packages/docs/.vuepress/src/client/components/ScssDocs.vue
index ae622b73..dd9fb126 100644
--- a/packages/docs/.vuepress/src/client/components/ScssDocs.vue
+++ b/packages/docs/.vuepress/src/client/components/ScssDocs.vue
@@ -21,11 +21,11 @@ export default defineComponent({
       window.Prism.manual = true;
     }
 
-    const files = import.meta.glob(`../../../../../../../node_modules/@coreui/coreui/scss/**/*.scss`, {
+    const files = import.meta.glob(`../../../../../../node_modules/@coreui/coreui/scss/**/*.scss`, {
       as: 'raw',
       eager: true,
     })
-    const file = files[`../../../../../../../node_modules/@coreui/coreui/scss/${props.file}`]
+    const file = files[`../../../../../../node_modules/@coreui/coreui/scss/${props.file}`]
 
     const captureStart = `// scss-docs-start ${props.capture}`
     const captureEnd = `// scss-docs-end ${props.capture}`
diff --git a/packages/docs/.vuepress/src/client/styles/_component-examples.scss b/packages/docs/.vuepress/src/client/styles/_component-examples.scss
index c0909660..fbe5369c 100644
--- a/packages/docs/.vuepress/src/client/styles/_component-examples.scss
+++ b/packages/docs/.vuepress/src/client/styles/_component-examples.scss
@@ -2,6 +2,15 @@
 // Docs examples
 //
 
+.tab-content .tab-pane {
+  @include border-top-radius(0 !important);
+
+  .highlight, div[class^="language-"] {
+    border-top: 0 !important;
+    @include border-top-radius(0 !important);
+  }
+}
+
 .docs-example-snippet {
   border: solid var(--cui-border-color);
   border-width: 1px 0;

From ea7050aaabed47029a64157530e8fee0def3bf3e Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Mon, 27 May 2024 15:28:28 +0200
Subject: [PATCH 284/346] refactor(Utils): move `getNextActiveElement` from
 `CDropdown` utils to utils

---
 .../src/components/dropdown/CDropdown.ts      |  4 ++--
 .../src/components/dropdown/utils.ts          | 22 ------------------
 .../src/components/tabs/CTabList.ts           |  2 +-
 .../src/utils/getNextActiveElement.ts         | 23 +++++++++++++++++++
 packages/coreui-vue/src/utils/index.ts        |  3 ++-
 5 files changed, 28 insertions(+), 26 deletions(-)
 create mode 100644 packages/coreui-vue/src/utils/getNextActiveElement.ts

diff --git a/packages/coreui-vue/src/components/dropdown/CDropdown.ts b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
index d171f90b..32fe1ea0 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdown.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
@@ -3,10 +3,10 @@ import type { Placement } from '@popperjs/core'
 
 import { usePopper } from '../../composables'
 import type { Triggers } from '../../types'
-import { isRTL } from '../../utils'
+import { getNextActiveElement, isRTL } from '../../utils'
 
 import type { Alignments } from './types'
-import { getNextActiveElement, getPlacement } from './utils'
+import { getPlacement } from './utils'
 
 const CDropdown = defineComponent({
   name: 'CDropdown',
diff --git a/packages/coreui-vue/src/components/dropdown/utils.ts b/packages/coreui-vue/src/components/dropdown/utils.ts
index edddb0db..c9659636 100644
--- a/packages/coreui-vue/src/components/dropdown/utils.ts
+++ b/packages/coreui-vue/src/components/dropdown/utils.ts
@@ -19,28 +19,6 @@ export const getAlignmentClassNames = (alignment: Alignments) => {
   return classNames
 }
 
-export const getNextActiveElement = (
-  list: HTMLElement[],
-  activeElement: HTMLElement,
-  shouldGetNext: boolean,
-  isCycleAllowed: boolean,
-) => {
-  const listLength = list.length
-  let index = list.indexOf(activeElement)
-
-  if (index === -1) {
-    return !shouldGetNext && isCycleAllowed ? list[listLength - 1] : list[0]
-  }
-
-  index += shouldGetNext ? 1 : -1
-
-  if (isCycleAllowed) {
-    index = (index + listLength) % listLength
-  }
-
-  return list[Math.max(0, Math.min(index, listLength - 1))]
-}
-
 export const getPlacement = (
   placement: Placement,
   direction: string | undefined,
diff --git a/packages/coreui-vue/src/components/tabs/CTabList.ts b/packages/coreui-vue/src/components/tabs/CTabList.ts
index 60028cd8..63b720f2 100644
--- a/packages/coreui-vue/src/components/tabs/CTabList.ts
+++ b/packages/coreui-vue/src/components/tabs/CTabList.ts
@@ -1,5 +1,5 @@
 import { defineComponent, h, ref } from 'vue'
-import { getNextActiveElement } from '../dropdown/utils'
+import { getNextActiveElement } from '../../utils'
 
 const CTabList = defineComponent({
   name: 'CTabList',
diff --git a/packages/coreui-vue/src/utils/getNextActiveElement.ts b/packages/coreui-vue/src/utils/getNextActiveElement.ts
new file mode 100644
index 00000000..a80293ca
--- /dev/null
+++ b/packages/coreui-vue/src/utils/getNextActiveElement.ts
@@ -0,0 +1,23 @@
+const getNextActiveElement = (
+  list: HTMLElement[],
+  activeElement: HTMLElement,
+  shouldGetNext: boolean,
+  isCycleAllowed: boolean,
+) => {
+  const listLength = list.length
+  let index = list.indexOf(activeElement)
+
+  if (index === -1) {
+    return !shouldGetNext && isCycleAllowed ? list[listLength - 1] : list[0]
+  }
+
+  index += shouldGetNext ? 1 : -1
+
+  if (isCycleAllowed) {
+    index = (index + listLength) % listLength
+  }
+
+  return list[Math.max(0, Math.min(index, listLength - 1))]
+}
+
+export default getNextActiveElement
diff --git a/packages/coreui-vue/src/utils/index.ts b/packages/coreui-vue/src/utils/index.ts
index 2bd39724..b478e8c2 100644
--- a/packages/coreui-vue/src/utils/index.ts
+++ b/packages/coreui-vue/src/utils/index.ts
@@ -1,6 +1,7 @@
+import getNextActiveElement from './getNextActiveElement'
 import getRTLPlacement from './getRTLPlacement'
 import getUID from './getUID'
 import isInViewport from './isInViewport'
 import isRTL from './isRTL'
 
-export { getRTLPlacement, getUID, isInViewport, isRTL }
+export { getNextActiveElement, getRTLPlacement, getUID, isInViewport, isRTL }

From 2bfd026198175b4b55c15835c75f6ebbe9594b91 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Mon, 27 May 2024 15:28:51 +0200
Subject: [PATCH 285/346] docs: improve responsive layout

---
 .../src/client/styles/_component-examples.scss     | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/packages/docs/.vuepress/src/client/styles/_component-examples.scss b/packages/docs/.vuepress/src/client/styles/_component-examples.scss
index fbe5369c..aee50619 100644
--- a/packages/docs/.vuepress/src/client/styles/_component-examples.scss
+++ b/packages/docs/.vuepress/src/client/styles/_component-examples.scss
@@ -2,10 +2,18 @@
 // Docs examples
 //
 
-.tab-content .tab-pane {
-  @include border-top-radius(0 !important);
+.docs-code-tabs {
+  padding: 0 ($cd-gutter-x * .5);
+  margin: 0 ($cd-gutter-x * -.5);
+
+  @include media-breakpoint-up(md) {
+    padding: 0;
+    margin: 0;
+  }
+}
 
-  .highlight, div[class^="language-"] {
+.docs-code-tab-content {
+  .tab-pane div[class^="language-"] {
     border-top: 0 !important;
     @include border-top-radius(0 !important);
   }

From b8756f24f64c1821765349aad9c4167ca4be4cae Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Mon, 27 May 2024 15:29:01 +0200
Subject: [PATCH 286/346] docs: update content

---
 .../client/components/other_frameworks.json   | 80 +++++++++----------
 packages/docs/getting-started/introduction.md | 16 ++--
 2 files changed, 48 insertions(+), 48 deletions(-)

diff --git a/packages/docs/.vuepress/src/client/components/other_frameworks.json b/packages/docs/.vuepress/src/client/components/other_frameworks.json
index df64148b..b9297930 100644
--- a/packages/docs/.vuepress/src/client/components/other_frameworks.json
+++ b/packages/docs/.vuepress/src/client/components/other_frameworks.json
@@ -1,240 +1,240 @@
 {
   "accordion": {
     "angular": "https://coreui.io/angular/docs/components/accordion/",
-    "bootstrap": "https://coreui.io/docs/components/accordion/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/components/accordion/",
     "react": "https://coreui.io/react/docs/components/accordion/",
     "vue": "https://coreui.io/vue/docs/components/accordion.html"
   },
   "alert": {
     "angular": "https://coreui.io/angular/docs/components/alert/",
-    "bootstrap": "https://coreui.io/docs/components/alerts/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/components/alerts/",
     "react": "https://coreui.io/react/docs/components/alert/",
     "vue": "https://coreui.io/vue/docs/components/alert.html"
   },
   "avatar": {
     "angular": "https://coreui.io/angular/docs/components/avatar/",
-    "bootstrap": "https://coreui.io/docs/components/avatar/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/components/avatar/",
     "react": "https://coreui.io/react/docs/components/avatar/",
     "vue": "https://coreui.io/vue/docs/components/avatar.html"
   },
   "badge": {
     "angular": "https://coreui.io/angular/docs/components/badge/",
-    "bootstrap": "https://coreui.io/docs/components/badge/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/components/badge/",
     "react": "https://coreui.io/react/docs/components/badge/",
     "vue": "https://coreui.io/vue/docs/components/badge.html"
   },
   "breadcrumb": {
     "angular": "https://coreui.io/angular/docs/components/breadcrumb/",
-    "bootstrap": "https://coreui.io/docs/components/breadcrumb/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/components/breadcrumb/",
     "react": "https://coreui.io/react/docs/components/breadcrumb/",
     "vue": "https://coreui.io/vue/docs/components/breadcrumb.html"
   },
   "button": {
     "angular": "https://coreui.io/angular/docs/components/button/",
-    "bootstrap": "https://coreui.io/docs/components/buttons/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/components/buttons/",
     "react": "https://coreui.io/react/docs/components/button/",
     "vue": "https://coreui.io/vue/docs/components/button.html"
   },
   "button-group": {
     "angular": "https://coreui.io/angular/docs/components/button-group/",
-    "bootstrap": "https://coreui.io/docs/components/button-group/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/components/button-group/",
     "react": "https://coreui.io/react/docs/components/button-group/",
     "vue": "https://coreui.io/vue/docs/components/button-group.html"
   },
   "callout": {
     "angular": "https://coreui.io/angular/docs/components/callout/",
-    "bootstrap": "https://coreui.io/docs/components/callout/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/components/callout/",
     "react": "https://coreui.io/react/docs/components/callout/",
     "vue": "https://coreui.io/vue/docs/components/callout.html"
   },
   "card": {
     "angular": "https://coreui.io/angular/docs/components/card/",
-    "bootstrap": "https://coreui.io/docs/components/card/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/components/card/",
     "react": "https://coreui.io/react/docs/components/card/",
     "vue": "https://coreui.io/vue/docs/components/card.html"
   },
   "carousel": {
     "angular": "https://coreui.io/angular/docs/components/carousel/",
-    "bootstrap": "https://coreui.io/docs/components/carousel/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/components/carousel/",
     "react": "https://coreui.io/react/docs/components/carousel/",
     "vue": "https://coreui.io/vue/docs/components/carousel.html"
   },
   "checkbox": {
     "angular": "https://coreui.io/angular/docs/forms/checks-radios/",
-    "bootstrap": "https://coreui.io/docs/forms/checks-radios/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/forms/checks-radios/",
     "react": "https://coreui.io/react/docs/forms/checkbox/",
     "vue": "https://coreui.io/vue/docs/forms/checkbox.html"
   },
   "close-button": {
     "angular": "https://coreui.io/angular/docs/components/close-button/",
-    "bootstrap": "https://coreui.io/docs/components/close-button/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/components/close-button/",
     "react": "https://coreui.io/react/docs/components/close-button/",
     "vue": "https://coreui.io/vue/docs/components/close-button.html"
   },
   "collapse": {
     "angular": "https://coreui.io/angular/docs/components/collapse/",
-    "bootstrap": "https://coreui.io/docs/components/collapse/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/components/collapse/",
     "react": "https://coreui.io/react/docs/components/collapse/",
     "vue": "https://coreui.io/vue/docs/components/collapse.html"
   },
   "dropdown": {
     "angular": "https://coreui.io/angular/docs/components/dropdown/",
-    "bootstrap": "https://coreui.io/docs/components/dropdowns/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/components/dropdowns/",
     "react": "https://coreui.io/react/docs/components/dropdown/",
     "vue": "https://coreui.io/vue/docs/components/dropdown.html"
   },
   "footer": {
     "angular": "https://coreui.io/angular/docs/components/footer/",
-    "bootstrap": "https://coreui.io/docs/components/footer/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/components/footer/",
     "react": "https://coreui.io/react/docs/components/footer/",
     "vue": "https://coreui.io/vue/docs/components/footer.html"
   },
   "header": {
     "angular": "https://coreui.io/angular/docs/components/header/",
-    "bootstrap": "https://coreui.io/docs/components/header/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/components/header/",
     "react": "https://coreui.io/react/docs/components/header/",
     "vue": "https://coreui.io/vue/docs/components/header.html"
   },
   "icon": {
     "angular": "https://coreui.io/angular/docs/components/icon/",
-    "bootstrap": "https://coreui.io/docs/components/icon/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/components/icon/",
     "react": "https://coreui.io/react/docs/components/icon/",
     "vue": "https://coreui.io/vue/docs/components/icon.html"
   },
   "image": {
     "angular": "https://coreui.io/angular/docs/components/image/",
-    "bootstrap": "https://coreui.io/docs/content/images/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/content/images/",
     "react": "https://coreui.io/react/docs/components/image/",
     "vue": "https://coreui.io/vue/docs/components/image.html"
   },
   "input": {
     "angular": "https://coreui.io/angular/docs/forms/input/",
-    "bootstrap": "https://coreui.io/docs/forms/form-control/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/forms/form-control/",
     "react": "https://coreui.io/react/docs/forms/input/",
     "vue": "https://coreui.io/vue/docs/forms/input.html"
   },
   "input-group": {
     "angular": "https://coreui.io/angular/docs/forms/input-group/",
-    "bootstrap": "https://coreui.io/docs/forms/input-group/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/forms/input-group/",
     "react": "https://coreui.io/react/docs/forms/input-group/",
     "vue": "https://coreui.io/vue/docs/forms/input-group.html"
   },
   "floating-labels": {
     "angular": "https://coreui.io/angular/docs/forms/floating-labels/",
-    "bootstrap": "https://coreui.io/docs/forms/floating-labels/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/forms/floating-labels/",
     "react": "https://coreui.io/react/docs/forms/floating-labels/",
     "vue": "https://coreui.io/vue/docs/forms/floating-labels.html"
   },
   "list-group": {
     "angular": "https://coreui.io/angular/docs/components/list-group/",
-    "bootstrap": "https://coreui.io/docs/components/list-group/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/components/list-group/",
     "react": "https://coreui.io/react/docs/components/list-group/",
     "vue": "https://coreui.io/vue/docs/components/list-group.html"
   },
   "modal": {
     "angular": "https://coreui.io/angular/docs/components/modal/",
-    "bootstrap": "https://coreui.io/docs/components/modal/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/components/modal/",
     "react": "https://coreui.io/react/docs/components/modal/",
     "vue": "https://coreui.io/vue/docs/components/modal.html"
   },
   "navbar": {
-    "bootstrap": "https://coreui.io/docs/components/navbar/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/components/navbar/",
     "react": "https://coreui.io/react/docs/components/navbar/",
     "vue": "https://coreui.io/vue/docs/components/navbar.html"
   },
   "navs-tabs": {
     "angular": "https://coreui.io/angular/docs/components/nav/",
-    "bootstrap": "https://coreui.io/docs/components/navs-tabs/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/components/navs-tabs/",
     "react": "https://coreui.io/react/docs/components/navs-tabs/",
     "vue": "https://coreui.io/vue/docs/components/navs-tabs.html"
   },
   "offcanvas": {
     "angular": "https://coreui.io/angular/docs/components/offcanvas/",
-    "bootstrap": "https://coreui.io/docs/components/offcanvas/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/components/offcanvas/",
     "react": "https://coreui.io/react/docs/components/offcanvas/",
     "vue": "https://coreui.io/vue/docs/components/offcanvas.html"
   },
   "pagination": {
     "angular": "https://coreui.io/angular/docs/components/pagination/",
-    "bootstrap": "https://coreui.io/docs/components/pagination/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/components/pagination/",
     "react": "https://coreui.io/react/docs/components/pagination/",
     "vue": "https://coreui.io/vue/docs/components/pagination.html"
   },
   "placeholder": {
     "angular": "https://coreui.io/angular/docs/components/placeholder/",
-    "bootstrap": "https://coreui.io/docs/components/placeholders/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/components/placeholders/",
     "react": "https://coreui.io/react/docs/components/placeholder/",
     "vue": "https://coreui.io/vue/docs/components/placeholder.html"
   },
   "popover": {
     "angular": "https://coreui.io/angular/docs/components/popover/",
-    "bootstrap": "https://coreui.io/docs/components/popovers/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/components/popovers/",
     "react": "https://coreui.io/react/docs/components/popover/",
     "vue": "https://coreui.io/vue/docs/components/popover.html"
   },
   "progress": {
     "angular": "https://coreui.io/angular/docs/components/progress/",
-    "bootstrap": "https://coreui.io/docs/components/progress/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/components/progress/",
     "react": "https://coreui.io/react/docs/components/progress/",
     "vue": "https://coreui.io/vue/docs/components/progress.html"
   },
   "radio": {
     "angular": "https://coreui.io/angular/docs/forms/checks-radios/",
-    "bootstrap": "https://coreui.io/docs/forms/checks-radios/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/forms/checks-radios/",
     "react": "https://coreui.io/react/docs/forms/radio/",
     "vue": "https://coreui.io/vue/docs/forms/radio.html"
   },
   "range": {
     "angular": "https://coreui.io/angular/docs/forms/range/",
-    "bootstrap": "https://coreui.io/docs/forms/range/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/forms/range/",
     "react": "https://coreui.io/react/docs/forms/range/",
     "vue": "https://coreui.io/vue/docs/forms/range.html"
   },
   "select": {
     "angular": "https://coreui.io/angular/docs/forms/select/",
-    "bootstrap": "https://coreui.io/docs/forms/select/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/forms/select/",
     "react": "https://coreui.io/react/docs/forms/select/",
     "vue": "https://coreui.io/vue/docs/forms/select.html"
   },
   "sidebar": {
     "angular": "https://coreui.io/angular/docs/components/sidebar/",
-    "bootstrap": "https://coreui.io/docs/components/sidebar/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/components/sidebar/",
     "react": "https://coreui.io/react/docs/components/sidebar/",
     "vue": "https://coreui.io/vue/docs/components/sidebar.html"
   },
   "spinner": {
     "angular": "https://coreui.io/angular/docs/components/spinner/",
-    "bootstrap": "https://coreui.io/docs/components/spinners/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/components/spinners/",
     "react": "https://coreui.io/react/docs/components/spinner/",
     "vue": "https://coreui.io/vue/docs/components/spinner.html"
   },
   "switch": {
     "angular": "https://coreui.io/angular/docs/forms/checks-radios/",
-    "bootstrap": "https://coreui.io/docs/forms/checks-radios/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/forms/checks-radios/",
     "react": "https://coreui.io/react/docs/forms/switch/",
     "vue": "https://coreui.io/vue/docs/forms/switch.html"
   },
   "table": {
     "angular": "https://coreui.io/angular/docs/components/table/",
-    "bootstrap": "https://coreui.io/docs/content/tables/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/content/tables/",
     "react": "https://coreui.io/react/docs/components/table/",
     "vue": "https://coreui.io/vue/docs/components/table.html"
   },
   "textarea": {
     "angular": "https://coreui.io/angular/docs/forms/form-control/",
-    "bootstrap": "https://coreui.io/docs/forms/form-control/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/forms/form-control/",
     "react": "https://coreui.io/react/docs/forms/textarea/",
     "vue": "https://coreui.io/vue/docs/forms/textarea.html"
   },
   "toast": {
     "angular": "https://coreui.io/angular/docs/components/toast/",
-    "bootstrap": "https://coreui.io/docs/components/toasts/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/components/toasts/",
     "react": "https://coreui.io/react/docs/components/toast/",
     "vue": "https://coreui.io/vue/docs/components/toast.html"
   },
   "tooltip": {
     "angular": "https://coreui.io/angular/docs/components/tooltip/",
-    "bootstrap": "https://coreui.io/docs/components/tooltips/",
+    "bootstrap": "https://coreui.io/bootstrap/docs/components/tooltips/",
     "react": "https://coreui.io/react/docs/components/tooltip/",
     "vue": "https://coreui.io/vue/docs/components/tooltip.html"
   }
diff --git a/packages/docs/getting-started/introduction.md b/packages/docs/getting-started/introduction.md
index c0a6a0f4..911e5bb2 100644
--- a/packages/docs/getting-started/introduction.md
+++ b/packages/docs/getting-started/introduction.md
@@ -10,11 +10,11 @@ menu: Getting started
 ### Npm
 
 <CTabs :activeItemKey="1">
-  <CTabList variant="underline-border">
+  <CTabList class="docs-code-tabs" variant="underline-border">
     <CTab :itemKey="1">CoreUI</CTab>
     <CTab :itemKey="2">CoreUI PRO</CTab>
   </CTabList>
-  <CTabContent>
+  <CTabContent class="docs-code-tab-content">
     <CTabPanel :itemKey="1">
     
 ```bash
@@ -34,11 +34,11 @@ npm install @coreui/vue-pro @coreui/coreui-pro
 ### Yarn
 
 <CTabs :activeItemKey="1">
-  <CTabList variant="underline-border">
+  <CTabList class="docs-code-tabs" variant="underline-border">
     <CTab :itemKey="1">CoreUI</CTab>
     <CTab :itemKey="2">CoreUI PRO</CTab>
   </CTabList>
-  <CTabContent>
+  <CTabContent class="docs-code-tab-content">
     <CTabPanel :itemKey="1">
     
 ```bash
@@ -57,11 +57,11 @@ yarn add @coreui/vue-pro @coreui/coreui-pro
 ## Using components
 
 <CTabs :activeItemKey="1">
-  <CTabList variant="underline-border">
+  <CTabList class="docs-code-tabs" variant="underline-border">
     <CTab :itemKey="1">CoreUI</CTab>
     <CTab :itemKey="2">CoreUI PRO</CTab>
   </CTabList>
-  <CTabContent>
+  <CTabContent class="docs-code-tab-content">
     <CTabPanel :itemKey="1">
     
 ```js
@@ -87,11 +87,11 @@ Vue components are styled using the `@coreui/coreui` or `@coreui/coreui-pro` CSS
 ###### Basic usage
 
 <CTabs :activeItemKey="1">
-  <CTabList variant="underline-border">
+  <CTabList class="docs-code-tabs" variant="underline-border">
     <CTab :itemKey="1">CoreUI</CTab>
     <CTab :itemKey="2">CoreUI PRO</CTab>
   </CTabList>
-  <CTabContent>
+  <CTabContent class="docs-code-tab-content">
     <CTabPanel :itemKey="1">
     
 ```js

From 37eec0e3a742c33960f87723eba9d194c4fd282c Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Tue, 28 May 2024 13:12:14 +0200
Subject: [PATCH 287/346] docs: update layout

---
 .../.vuepress/src/client/components/ScssDocs.vue     |  2 +-
 .../docs/.vuepress/src/client/layouts/Layout.vue     | 12 ++++++++++--
 packages/docs/.vuepress/src/shared/page.ts           |  1 +
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/packages/docs/.vuepress/src/client/components/ScssDocs.vue b/packages/docs/.vuepress/src/client/components/ScssDocs.vue
index dd9fb126..6004d20a 100644
--- a/packages/docs/.vuepress/src/client/components/ScssDocs.vue
+++ b/packages/docs/.vuepress/src/client/components/ScssDocs.vue
@@ -22,7 +22,7 @@ export default defineComponent({
     }
 
     const files = import.meta.glob(`../../../../../../node_modules/@coreui/coreui/scss/**/*.scss`, {
-      as: 'raw',
+      query: '?raw',
       eager: true,
     })
     const file = files[`../../../../../../node_modules/@coreui/coreui/scss/${props.file}`]
diff --git a/packages/docs/.vuepress/src/client/layouts/Layout.vue b/packages/docs/.vuepress/src/client/layouts/Layout.vue
index 936b31c4..486d0064 100755
--- a/packages/docs/.vuepress/src/client/layouts/Layout.vue
+++ b/packages/docs/.vuepress/src/client/layouts/Layout.vue
@@ -13,8 +13,15 @@
           <main class="docs-main order-1">
             <div class="docs-intro ps-lg-4">
               <Banner />
-              <h1 className="docs-title" id="content">{{ title }}</h1>
-              <p class="docs-lead">{{ description }}</p>
+              <div v-if="name && name !== title" class="d-flex flex-column">
+                <h1 class="order-2 h5 mb-4 text-body-secondary" id="content">
+                  {{ title }}
+                </h1>
+                <h2 class="docs-title order-1 h1">{{ name }}</h2>
+              </div>
+              <h1 v-else class="docs-title" id="content">
+                {{ title }}
+              </h1>
               <Ads />
               <OtherFrameworks />
             </div>
@@ -56,6 +63,7 @@ const scrollPromise = useScrollPromise()
 const onBeforeEnter = scrollPromise.resolve
 const onBeforeLeave = scrollPromise.pending
 
+const name = frontmatter.value.name
 const title = frontmatter.value.title
 const description = frontmatter.value.description
 
diff --git a/packages/docs/.vuepress/src/shared/page.ts b/packages/docs/.vuepress/src/shared/page.ts
index 9feed30c..7e3bcdf5 100755
--- a/packages/docs/.vuepress/src/shared/page.ts
+++ b/packages/docs/.vuepress/src/shared/page.ts
@@ -9,6 +9,7 @@ export interface DefaultThemePageFrontmatter {
   home?: boolean
   navbar?: boolean
   pageClass?: string
+  name?: string
 }
 
 export interface DefaultThemeHomePageFrontmatter

From 897780e086e22d5006475e154c793be2da33f7e8 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Tue, 28 May 2024 13:12:25 +0200
Subject: [PATCH 288/346] docs: update content

---
 packages/docs/components/alert.md             | 1 +
 packages/docs/components/chart.md             | 1 +
 packages/docs/components/placeholder.md       | 1 +
 packages/docs/components/sidebar.md           | 1 +
 packages/docs/getting-started/introduction.md | 2 +-
 5 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/docs/components/alert.md b/packages/docs/components/alert.md
index 8575ad96..7a757599 100644
--- a/packages/docs/components/alert.md
+++ b/packages/docs/components/alert.md
@@ -1,5 +1,6 @@
 ---
 title: Vue Alert Component
+name: Alert
 description: Vue alert component gives contextual feedback information for common user operations. The alert component is delivered with a bunch of usable and adjustable alert messages.
 other_frameworks: alert
 ---
diff --git a/packages/docs/components/chart.md b/packages/docs/components/chart.md
index 181f6635..d10a26d2 100644
--- a/packages/docs/components/chart.md
+++ b/packages/docs/components/chart.md
@@ -1,5 +1,6 @@
 ---
 title: Vue Chart.js Component
+name: Chart.js
 description: Vue wrapper for Chart.js 3.0, the most popular charting library.
 ---
 
diff --git a/packages/docs/components/placeholder.md b/packages/docs/components/placeholder.md
index 658ca503..a18b0153 100644
--- a/packages/docs/components/placeholder.md
+++ b/packages/docs/components/placeholder.md
@@ -1,5 +1,6 @@
 ---
 title: Vue Placeholder Component
+name: Placeholder
 description: Use loading vue placeholders for your components or pages to indicate something may still be loading.
 other_frameworks: placeholder
 ---
diff --git a/packages/docs/components/sidebar.md b/packages/docs/components/sidebar.md
index 1f32c9c6..b59d1f54 100644
--- a/packages/docs/components/sidebar.md
+++ b/packages/docs/components/sidebar.md
@@ -1,5 +1,6 @@
 ---
 title: Vue Sidebar Component
+name: Sidebar
 description: Vue Sidebar is a powerful and customizable responsive navigation component for any type of vertical navigation. Bootstrap Sidebar come with built-in support for branding, navigation, and more.
 other_frameworks: sidebar
 ---
diff --git a/packages/docs/getting-started/introduction.md b/packages/docs/getting-started/introduction.md
index 911e5bb2..405a039e 100644
--- a/packages/docs/getting-started/introduction.md
+++ b/packages/docs/getting-started/introduction.md
@@ -1,5 +1,5 @@
 ---
-title: Getting Started
+title: Introduction
 name: Introduction
 description: CoreUI for Vue.js is UI Component library written in TypeScript, and ready for your next Vue.js project. Learn how to include CoreUI for Vue.js in your project.
 menu: Getting started

From 18644600476c7088229bcb1f5cb9edff156d50ee Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Tue, 28 May 2024 13:18:06 +0200
Subject: [PATCH 289/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@coreui/coreui                             ^5.0.1  →       ^5.0.2
@rollup/plugin-commonjs                   ^25.0.7  →      ^25.0.8
@typescript-eslint/eslint-plugin           ^7.4.0  →      ^7.11.0
@typescript-eslint/parser                  ^7.4.0  →      ^7.11.0
@vue/test-utils                            ^2.4.5  →       ^2.4.6
@vuepress/bundler-vite                2.0.0-rc.11  →  2.0.0-rc.12
@vuepress/plugin-active-header-links  2.0.0-rc.30  →  2.0.0-rc.31
@vuepress/plugin-back-to-top          2.0.0-rc.30  →  2.0.0-rc.31
@vuepress/plugin-git                  2.0.0-rc.30  →  2.0.0-rc.31
@vuepress/plugin-prismjs              2.0.0-rc.30  →  2.0.0-rc.32
@vuepress/plugin-register-components  2.0.0-rc.30  →  2.0.0-rc.31
@vuepress/plugin-theme-data           2.0.0-rc.30  →  2.0.0-rc.31
@vuepress/plugin-toc                  2.0.0-rc.30  →  2.0.0-rc.31
eslint-plugin-vue                         ^9.24.0  →      ^9.26.0
lerna                                      ^8.1.2  →       ^8.1.3
rollup                                    ^4.13.2  →      ^4.18.0
ts-jest                                   ^29.1.2  →      ^29.1.4
typescript                                 ^5.4.3  →       ^5.4.5
vue                                       ^3.4.21  →      ^3.4.27
vue-types                                  ^5.1.1  →       ^5.1.2
vuepress                              2.0.0-rc.11  →  2.0.0-rc.12
---
 package.json                     |  8 ++++----
 packages/coreui-vue/package.json | 16 ++++++++--------
 packages/docs/package.json       | 20 ++++++++++----------
 3 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/package.json b/package.json
index b8c9328f..f038380e 100644
--- a/package.json
+++ b/package.json
@@ -22,17 +22,17 @@
     "test:update": "npm-run-all charts:test:update icons:test:update lib:test:update"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^7.4.0",
-    "@typescript-eslint/parser": "^7.4.0",
+    "@typescript-eslint/eslint-plugin": "^7.11.0",
+    "@typescript-eslint/parser": "^7.11.0",
     "@vue/eslint-config-prettier": "^9.0.0",
     "@vue/eslint-config-typescript": "^13.0.0",
     "@vue/vue3-jest": "29.2.6",
     "eslint": "8.57.0",
     "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-vue": "^9.24.0",
+    "eslint-plugin-vue": "^9.26.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-unicorn": "^51.0.1",
-    "lerna": "^8.1.2",
+    "lerna": "^8.1.3",
     "npm-run-all": "^4.1.5",
     "prettier": "^3.2.5"
   }
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index f4134e45..dad717e6 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -41,25 +41,25 @@
     "test:update": "jest --coverage --updateSnapshot"
   },
   "dependencies": {
-    "@coreui/coreui": "^5.0.0",
+    "@coreui/coreui": "^5.0.2",
     "@popperjs/core": "^2.11.8"
   },
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-commonjs": "^25.0.8",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-typescript": "^11.1.6",
     "@types/jest": "^29.5.12",
-    "@vue/test-utils": "^2.4.5",
+    "@vue/test-utils": "^2.4.6",
     "@vue/vue3-jest": "29.2.6",
     "cross-env": "^7.0.3",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "rollup": "^4.13.2",
+    "rollup": "^4.18.0",
     "rollup-plugin-vue": "^6.0.0",
-    "ts-jest": "^29.1.2",
-    "typescript": "^5.4.3",
-    "vue": "^3.4.21",
-    "vue-types": "^5.1.1"
+    "ts-jest": "^29.1.4",
+    "typescript": "^5.4.5",
+    "vue": "^3.4.27",
+    "vue-types": "^5.1.2"
   },
   "peerDependencies": {
     "vue": "^3.2.21"
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 1795fdbe..cd89b42f 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -9,25 +9,25 @@
   "license": "MIT",
   "devDependencies": {
     "@coreui/chartjs": "^4.0.0",
-    "@coreui/coreui": "^5.0.1",
+    "@coreui/coreui": "^5.0.2",
     "@coreui/icons": "^3.0.1",
     "@coreui/icons-vue": "^2.0.0",
     "@coreui/utils": "^2.0.2",
     "@coreui/vue-chartjs": "^3.0.0",
     "@docsearch/css": "^3.6.0",
     "@docsearch/js": "^3.6.0",
-    "@vuepress/bundler-vite": "2.0.0-rc.11",
-    "@vuepress/plugin-active-header-links": "2.0.0-rc.30",
-    "@vuepress/plugin-back-to-top": "2.0.0-rc.30",
+    "@vuepress/bundler-vite": "2.0.0-rc.12",
+    "@vuepress/plugin-active-header-links": "2.0.0-rc.31",
+    "@vuepress/plugin-back-to-top": "2.0.0-rc.31",
     "@vuepress/plugin-container": "2.0.0-rc.28",
-    "@vuepress/plugin-git": "2.0.0-rc.30",
-    "@vuepress/plugin-prismjs": "2.0.0-rc.30",
-    "@vuepress/plugin-theme-data": "2.0.0-rc.30",
-    "@vuepress/plugin-register-components": "2.0.0-rc.30",
-    "@vuepress/plugin-toc": "2.0.0-rc.30",
+    "@vuepress/plugin-git": "2.0.0-rc.31",
+    "@vuepress/plugin-prismjs": "2.0.0-rc.32",
+    "@vuepress/plugin-theme-data": "2.0.0-rc.31",
+    "@vuepress/plugin-register-components": "2.0.0-rc.31",
+    "@vuepress/plugin-toc": "2.0.0-rc.31",
     "markdown-it-include": "^2.0.0",
     "sass": "^1.77.2",
     "vue-docgen-cli": "^4.79.0",
-    "vuepress": "2.0.0-rc.11"
+    "vuepress": "2.0.0-rc.12"
   }
 }

From af5303f2722371283de290a4f09f2c688c7e4b99 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Wed, 29 May 2024 11:35:11 +0200
Subject: [PATCH 290/346] docs: update layout

---
 .../docs/.vuepress/src/client/components/ScssDocs.vue     | 8 ++++----
 packages/docs/.vuepress/src/client/layouts/Layout.vue     | 1 +
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/docs/.vuepress/src/client/components/ScssDocs.vue b/packages/docs/.vuepress/src/client/components/ScssDocs.vue
index 6004d20a..ba8b8fe6 100644
--- a/packages/docs/.vuepress/src/client/components/ScssDocs.vue
+++ b/packages/docs/.vuepress/src/client/components/ScssDocs.vue
@@ -15,14 +15,14 @@ export default defineComponent({
     file: String,
   },
   setup(props) {
-
     if (typeof window !== 'undefined') {
-      window.Prism = window.Prism || {};
-      window.Prism.manual = true;
+      window.Prism = window.Prism || {}
+      window.Prism.manual = true
     }
 
     const files = import.meta.glob(`../../../../../../node_modules/@coreui/coreui/scss/**/*.scss`, {
       query: '?raw',
+      import: 'default',
       eager: true,
     })
     const file = files[`../../../../../../node_modules/@coreui/coreui/scss/${props.file}`]
@@ -40,7 +40,7 @@ export default defineComponent({
             .replaceAll('\n  @', '\n@'),
           Prism.languages.scss,
           'scss',
-      )
+        )
       : null
     return {
       code,
diff --git a/packages/docs/.vuepress/src/client/layouts/Layout.vue b/packages/docs/.vuepress/src/client/layouts/Layout.vue
index 486d0064..672cf9be 100755
--- a/packages/docs/.vuepress/src/client/layouts/Layout.vue
+++ b/packages/docs/.vuepress/src/client/layouts/Layout.vue
@@ -22,6 +22,7 @@
               <h1 v-else class="docs-title" id="content">
                 {{ title }}
               </h1>
+              <p class="docs-lead">{{ description }}</p>
               <Ads />
               <OtherFrameworks />
             </div>

From a2767fb0450eddf9ff08eeca65137f70db496815 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 30 May 2024 11:12:59 +0200
Subject: [PATCH 291/346] docs: update theme

---
 packages/docs/.vuepress/client.ts             |  1 +
 packages/docs/.vuepress/config.ts             | 88 ++++++++-----------
 .../src/client/components/Banner.vue          | 16 ++--
 .../src/client/components/Callout.vue         | 41 ++++-----
 .../src/client/components/Footer.vue          | 17 +---
 .../src/client/components/Header.vue          | 29 ++----
 .../src/client/components/OtherFrameworks.vue | 42 ++++-----
 .../src/client/components/ScssDocs.vue        | 82 ++++++++---------
 .../src/client/components/Sidebar.vue         | 28 ++----
 .../.vuepress/src/client/components/Toc.vue   | 15 ++--
 .../docs/.vuepress/src/client/layouts/404.vue | 41 +++------
 .../.vuepress/src/client/layouts/Layout.vue   | 76 ++++++++--------
 .../docs/.vuepress/src/node/defaultTheme.ts   | 62 ++-----------
 packages/docs/.vuepress/src/shared/page.ts    | 27 +-----
 .../.vuepress/{ => src}/templates/build.html  |  0
 packages/docs/package.json                    |  8 +-
 16 files changed, 214 insertions(+), 359 deletions(-)
 rename packages/docs/.vuepress/{ => src}/templates/build.html (100%)

diff --git a/packages/docs/.vuepress/client.ts b/packages/docs/.vuepress/client.ts
index b410c0a2..0ae21634 100644
--- a/packages/docs/.vuepress/client.ts
+++ b/packages/docs/.vuepress/client.ts
@@ -1,4 +1,5 @@
 import { defineClientConfig } from '@vuepress/client'
+
 import { CIcon } from '@coreui/icons-vue'
 import CChartPlugin from '@coreui/vue-chartjs'
 import CoreuiVue from '@coreui/vue/src/'
diff --git a/packages/docs/.vuepress/config.ts b/packages/docs/.vuepress/config.ts
index 932a5cf2..abe4077c 100644
--- a/packages/docs/.vuepress/config.ts
+++ b/packages/docs/.vuepress/config.ts
@@ -1,14 +1,17 @@
 import { defineUserConfig } from 'vuepress'
 import { viteBundler } from '@vuepress/bundler-vite'
-import anchor from 'markdown-it-anchor'
-import include_plugin from 'markdown-it-include'
-import { defaultTheme } from './src/node/defaultTheme'
-
-import { containerPlugin } from '@vuepress/plugin-container'
+import { activeHeaderLinksPlugin } from '@vuepress/plugin-active-header-links'
+import { backToTopPlugin } from '@vuepress/plugin-back-to-top'
+import { markdownContainerPlugin } from '@vuepress/plugin-markdown-container'
+import { prismjsPlugin } from '@vuepress/plugin-prismjs'
 import { registerComponentsPlugin } from '@vuepress/plugin-register-components'
 import { tocPlugin } from '@vuepress/plugin-toc'
 import { getDirname, path } from '@vuepress/utils'
+import anchor from 'markdown-it-anchor'
+import include_plugin from 'markdown-it-include'
+import { defaultTheme } from './src/node'
 
+import { fileURLToPath, URL } from 'url'
 const __dirname = getDirname(import.meta.url)
 
 export default defineUserConfig({
@@ -16,22 +19,14 @@ export default defineUserConfig({
   lang: 'en-US',
   title: 'Vue UI Components · CoreUI',
   description: 'UI Components Library for Vue.js (Vue 3)',
-  head: [
-    ['link', { rel: 'icon', href: `/vue/docs/favicons/favicon-96x96.png` }],
-  ],
-  bundler: viteBundler({
-    viteOptions: {},
-    vuePluginOptions: {},
-  }),
+  head: [['link', { rel: 'icon', href: `/vue/docs/favicons/favicon-96x96.png` }]],
+  bundler: viteBundler(),
   markdown: {
     anchor: {
       permalink: anchor.permalink.ariaHidden({
         class: 'anchor-link',
-        placement: 'after'
-      })
-    },
-    code: {
-      lineNumbers: false,
+        placement: 'after',
+      }),
     },
   },
   extendsMarkdown: (md) => {
@@ -41,53 +36,42 @@ export default defineUserConfig({
       })
   },
   plugins: [
-    containerPlugin({
+    activeHeaderLinksPlugin({
+      headerLinkSelector: 'a.sidebar-item',
+      headerAnchorSelector: '.header-anchor',
+      // should greater than page transition duration
+      delay: 300,
+    }),
+    // backToTopPlugin(),
+    markdownContainerPlugin({
       type: 'demo',
-      render: function (tokens, idx) {
-        if (tokens[idx].nesting === 1) {
-          return '<div class="docs-example rounded-top p-4">\n'
-        } else {
-          return '</div>\n'
-        }
-      },
+      before: (): string => `<div class="docs-example rounded-top p-4">\n`,
+      after: (): string => '</div>\n',
     }),
-    containerPlugin({
-      type: 'demo-rounded',
-      render: function (tokens, idx) {
-        if (tokens[idx].nesting === 1) {
-          return '<div class="docs-example rounded p-4">\n'
-        } else {
-          return '</div>\n'
-        }
-      },
+    markdownContainerPlugin({
+      type: 'demo-bg-secondary',
+      before: (): string =>
+        `<div class="docs-example rounded-top p-0 bg-body-secondary overflow-hidden">\n`,
+      after: (): string => '</div>\n',
     }),
-    containerPlugin({
+    markdownContainerPlugin({
       type: 'demo-dark',
-      render: function (tokens, idx) {
-        if (tokens[idx].nesting === 1) {
-          return '<div class="docs-example rounded-top p-4 bg-dark">\n'
-        } else {
-          return '</div>\n'
-        }
-      },
+      before: (): string => `<div class="docs-example rounded-top p-4 bg-dark">\n`,
+      after: (): string => '</div>\n',
     }),
-    containerPlugin({
-      type: 'demo-bg-secondary',
-      render: function (tokens, idx) {
-        if (tokens[idx].nesting === 1) {
-          return '<div class="docs-example rounded-top p-0 bg-body-secondary overflow-hidden">\n'
-        } else {
-          return '</div>\n'
-        }
-      },
+    markdownContainerPlugin({
+      type: 'demo-rounded',
+      before: (): string => `<div class="docs-example rounded p-4">\n`,
+      after: (): string => '</div>\n',
     }),
-    tocPlugin({}),
+    prismjsPlugin(),
     registerComponentsPlugin({
       components: {
         Callout: path.resolve(__dirname, './src/client/components/Callout.vue'),
         ScssDocs: path.resolve(__dirname, './src/client/components/ScssDocs.vue'),
       },
     }),
+    tocPlugin({}),
   ],
   theme: defaultTheme({
     sidebar: [
diff --git a/packages/docs/.vuepress/src/client/components/Banner.vue b/packages/docs/.vuepress/src/client/components/Banner.vue
index e37c867a..ba150ac6 100644
--- a/packages/docs/.vuepress/src/client/components/Banner.vue
+++ b/packages/docs/.vuepress/src/client/components/Banner.vue
@@ -1,3 +1,11 @@
+<script setup lang="ts">
+import { usePageFrontmatter } from '@vuepress/client'
+import type { DefaultThemePageFrontmatter } from '../../shared'
+
+const frontmatter = usePageFrontmatter<DefaultThemePageFrontmatter>()
+const pro_component = frontmatter.value.pro_component
+</script>
+
 <template>
   <div
     v-if="pro_component"
@@ -38,11 +46,3 @@
     </ul>
   </div>
 </template>
-
-<script setup lang="ts">
-import { usePageFrontmatter } from '@vuepress/client'
-import type { DefaultThemePageFrontmatter } from '../../shared'
-
-const frontmatter = usePageFrontmatter<DefaultThemePageFrontmatter>()
-const pro_component = frontmatter.value.pro_component
-</script>
diff --git a/packages/docs/.vuepress/src/client/components/Callout.vue b/packages/docs/.vuepress/src/client/components/Callout.vue
index f3f3e8f1..da3b93d8 100644
--- a/packages/docs/.vuepress/src/client/components/Callout.vue
+++ b/packages/docs/.vuepress/src/client/components/Callout.vue
@@ -1,29 +1,20 @@
+<script setup lang="ts">
+const props = defineProps({
+  color: String,
+  title: String,
+})
+
+const className = [
+  'docs-callout',
+  {
+    [`docs-callout-${props.color}`]: props.color,
+  },
+]
+</script>
+
 <template>
-  <div :class="class">
-    <h5 v-if="title">{{ title }}</h5>
+  <div :class="className">
+    <h5 v-if="props.title">{{ props.title }}</h5>
     <slot></slot>
   </div>
 </template>
-
-<script lang="ts">
-import { defineComponent } from 'vue'
-export default defineComponent({
-  name: 'Callout',
-  props: {
-    color: String,
-    title: String,
-  },
-  setup(props) {
-    return {
-      class: [
-        'docs-callout',
-        {
-          [`docs-callout-${props.color}`]: props.color,
-        }
-      ],
-      color: props.color,
-      title: props.title,
-    }
-  },
-})
-</script>
diff --git a/packages/docs/.vuepress/src/client/components/Footer.vue b/packages/docs/.vuepress/src/client/components/Footer.vue
index 848a8785..d38e5749 100644
--- a/packages/docs/.vuepress/src/client/components/Footer.vue
+++ b/packages/docs/.vuepress/src/client/components/Footer.vue
@@ -35,19 +35,4 @@
       </p>
     </CContainer>
   </CFooter>
-</template>
-
-<script lang="ts">
-import { defineComponent } from 'vue'
-import pkg from './../../../../package.json'
-export default defineComponent({
-  name: 'Footer',
-  setup () {
-    const version = pkg.version
-    return {
-      version
-    }
-  }
-})
-</script>
-../../../../package.json
\ No newline at end of file
+</template>
\ No newline at end of file
diff --git a/packages/docs/.vuepress/src/client/components/Header.vue b/packages/docs/.vuepress/src/client/components/Header.vue
index ca3f0165..17ee1090 100644
--- a/packages/docs/.vuepress/src/client/components/Header.vue
+++ b/packages/docs/.vuepress/src/client/components/Header.vue
@@ -1,3 +1,12 @@
+<script setup lang="ts">
+import { useColorModes } from '@coreui/vue/src'
+
+const props = defineProps({
+  theme: String,
+})
+
+const { colorMode, setColorMode } = useColorModes('coreui-vue-docs-theme')
+</script>
 <template>
   <CHeader class="mb-5 elevation-0 border-bottom" position="sticky">
     <CHeaderToggler class="ms-md-3" @click="$emit('toggle-sidebar')">
@@ -86,23 +95,3 @@
     </CButton>
   </CHeader>
 </template>
-<script lang="ts">
-import { defineComponent } from 'vue'
-import { useColorModes } from '@coreui/vue/src'
-
-export default defineComponent({
-  name: 'Header',
-  props: {
-    theme: String,
-  },
-  emits: ['toggle-sidebar'],
-  setup() {
-    const { colorMode, setColorMode } = useColorModes('coreui-vue-docs-theme')
-    
-    return {
-      colorMode,
-      setColorMode,
-    }
-  },
-})
-</script>
diff --git a/packages/docs/.vuepress/src/client/components/OtherFrameworks.vue b/packages/docs/.vuepress/src/client/components/OtherFrameworks.vue
index f06b9959..b58ceed6 100644
--- a/packages/docs/.vuepress/src/client/components/OtherFrameworks.vue
+++ b/packages/docs/.vuepress/src/client/components/OtherFrameworks.vue
@@ -1,23 +1,3 @@
-<template>
-  <template v-if="frameworks">
-    <h2>Other frameworks</h2>
-    <p>
-      CoreUI components are available as native Angular, Bootstrap (Vanilla JS), and React
-      components. To learn more please visit the following pages.
-    </p>
-    <ul>
-      <template v-for="framework in frameworks">
-        <template v-for="(el, index) in Object.keys(otherFrameworks[framework])">
-          <li v-if="el !== 'vue'" :key="index">
-            <a :href="otherFrameworks[framework][el]"
-              >{{ el[0].toUpperCase() + el.slice(1) }} {{ humanize(framework) }}</a
-            >
-          </li>
-        </template>
-      </template>
-    </ul>
-  </template>
-</template>
 <script setup lang="ts">
 import { usePageFrontmatter } from '@vuepress/client'
 import jsonData from '../components/other_frameworks.json'
@@ -42,4 +22,24 @@ const humanize = (text: string) => {
   return string[0].toUpperCase() + string.slice(1)
 }
 </script>
-./other_frameworks.json
\ No newline at end of file
+
+<template>
+  <template v-if="frameworks">
+    <h2>Other frameworks</h2>
+    <p>
+      CoreUI components are available as native Angular, Bootstrap (Vanilla JS), and React
+      components. To learn more please visit the following pages.
+    </p>
+    <ul>
+      <template v-for="framework in frameworks">
+        <template v-for="(el, index) in Object.keys(otherFrameworks[framework])">
+          <li v-if="el !== 'vue'" :key="index">
+            <a :href="otherFrameworks[framework][el]"
+              >{{ el[0].toUpperCase() + el.slice(1) }} {{ humanize(framework) }}</a
+            >
+          </li>
+        </template>
+      </template>
+    </ul>
+  </template>
+</template>
\ No newline at end of file
diff --git a/packages/docs/.vuepress/src/client/components/ScssDocs.vue b/packages/docs/.vuepress/src/client/components/ScssDocs.vue
index ba8b8fe6..61a93fee 100644
--- a/packages/docs/.vuepress/src/client/components/ScssDocs.vue
+++ b/packages/docs/.vuepress/src/client/components/ScssDocs.vue
@@ -1,50 +1,44 @@
-<template>
-  <div class="highlight">
-    <pre class="prism-code language-scss" v-html="code" />
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent } from 'vue'
+<script setup lang="ts">
 import Prism from 'prismjs'
 import 'prismjs/components/prism-scss'
-export default defineComponent({
-  name: 'ScssDocs',
-  props: {
-    capture: String,
-    file: String,
-  },
-  setup(props) {
-    if (typeof window !== 'undefined') {
-      window.Prism = window.Prism || {}
-      window.Prism.manual = true
-    }
 
-    const files = import.meta.glob(`../../../../../../node_modules/@coreui/coreui/scss/**/*.scss`, {
-      query: '?raw',
-      import: 'default',
-      eager: true,
-    })
-    const file = files[`../../../../../../node_modules/@coreui/coreui/scss/${props.file}`]
+const props = defineProps({
+  capture: String,
+  file: String,
+})
+
+if (typeof window !== 'undefined') {
+  window.Prism = window.Prism || {}
+  window.Prism.manual = true
+}
 
-    const captureStart = `// scss-docs-start ${props.capture}`
-    const captureEnd = `// scss-docs-end ${props.capture}`
-    const re = new RegExp(`${captureStart}((?:.|\n)*)${captureEnd}`)
-    const captured = re.exec(file)
-    const section = captured && captured[1].trim()
-    const code = section
-      ? Prism.highlight(
-          section
-            .replaceAll('--#{$prefix}', '--cui-')
-            .replaceAll('\n  -', '\n-')
-            .replaceAll('\n  @', '\n@'),
-          Prism.languages.scss,
-          'scss',
-        )
-      : null
-    return {
-      code,
-    }
-  },
+const files = import.meta.glob(`../../../../../../node_modules/@coreui/coreui/scss/**/*.scss`, {
+  query: '?raw',
+  import: 'default',
+  eager: true,
 })
+
+const file = files[`../../../../../../node_modules/@coreui/coreui/scss/${props.file}`]
+
+const captureStart = `// scss-docs-start ${props.capture}`
+const captureEnd = `// scss-docs-end ${props.capture}`
+const re = new RegExp(`${captureStart}((?:.|\n)*)${captureEnd}`)
+const captured = re.exec(file)
+const section = captured && captured[1].trim()
+const code = section
+  ? Prism.highlight(
+      section
+        .replaceAll('--#{$prefix}', '--cui-')
+        .replaceAll('\n  -', '\n-')
+        .replaceAll('\n  @', '\n@'),
+      Prism.languages.scss,
+      'scss',
+    )
+  : null
 </script>
+
+<template>
+  <div class="highlight">
+    <pre class="prism-code language-scss" v-html="code" />
+  </div>
+</template>
diff --git a/packages/docs/.vuepress/src/client/components/Sidebar.vue b/packages/docs/.vuepress/src/client/components/Sidebar.vue
index 6ad736e2..d05ff18f 100755
--- a/packages/docs/.vuepress/src/client/components/Sidebar.vue
+++ b/packages/docs/.vuepress/src/client/components/Sidebar.vue
@@ -1,3 +1,10 @@
+<script setup lang="ts">
+import { useSidebarItems } from '../composables'
+import { SidebarNav } from './SidebarNav'
+
+const sidebarItems = useSidebarItems()
+</script>
+
 <template>
   <CSidebar position="fixed" size="lg" class="docs-sidebar border-end px-xl-4 elevation-0">
     <CSidebarBrand class="justify-content-start ps-3">
@@ -35,24 +42,3 @@
     <SidebarNav :items="sidebarItems" />
   </CSidebar>
 </template>
-
-<script lang="ts">
-import { defineComponent } from 'vue'
-import { useSidebarItems } from '../composables'
-import { SidebarNav } from './SidebarNav'
-
-export default defineComponent({
-  name: 'Sidebar',
-
-  components: {
-    SidebarNav,
-  },
-
-  setup() {
-    const sidebarItems = useSidebarItems()
-    return {
-      sidebarItems,
-    }
-  },
-})
-</script>
diff --git a/packages/docs/.vuepress/src/client/components/Toc.vue b/packages/docs/.vuepress/src/client/components/Toc.vue
index bcb036d1..074ca917 100644
--- a/packages/docs/.vuepress/src/client/components/Toc.vue
+++ b/packages/docs/.vuepress/src/client/components/Toc.vue
@@ -1,3 +1,11 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+const visible = ref(false)
+const toggleVisible = () => {
+  visible.value = !visible.value
+}
+</script>
+
 <template>
   <div class="docs-toc mt-4 mb-5 my-md-0 ps-xl-5 mb-lg-5 text-body-secondary">
     <button
@@ -27,10 +35,3 @@
     </CCollapse>
   </div>
 </template>
-<script setup lang="ts">
-import { ref } from 'vue'
-const visible = ref(false)
-const toggleVisible = () => {
-  visible.value = !visible.value
-}
-</script>
diff --git a/packages/docs/.vuepress/src/client/layouts/404.vue b/packages/docs/.vuepress/src/client/layouts/404.vue
index 1066e78c..b8315905 100755
--- a/packages/docs/.vuepress/src/client/layouts/404.vue
+++ b/packages/docs/.vuepress/src/client/layouts/404.vue
@@ -1,3 +1,17 @@
+<script setup lang="ts">
+import { defineComponent } from 'vue'
+import { useRouteLocale } from '@vuepress/client'
+import { useThemeLocaleData } from '../composables'
+
+const routeLocale = useRouteLocale()
+const themeLocale = useThemeLocaleData()
+
+const messages = themeLocale.value.notFound ?? ['Not Found']
+const getMsg = (): string => messages[Math.floor(Math.random() * messages.length)]
+const homeLink = themeLocale.value.home ?? routeLocale.value
+const homeText = themeLocale.value.backToHome ?? 'Back to home'
+</script>
+
 <template>
   <div class="theme-container">
     <div class="theme-default-content">
@@ -9,30 +23,3 @@
     </div>
   </div>
 </template>
-
-<script lang="ts">
-import { defineComponent } from 'vue'
-import { useRouteLocale } from '@vuepress/client'
-import { useThemeLocaleData } from '../composables'
-
-export default defineComponent({
-  name: '404',
-
-  setup() {
-    const routeLocale = useRouteLocale()
-    const themeLocale = useThemeLocaleData()
-
-    const messages = themeLocale.value.notFound ?? ['Not Found']
-    const getMsg = (): string =>
-      messages[Math.floor(Math.random() * messages.length)]
-    const homeLink = themeLocale.value.home ?? routeLocale.value
-    const homeText = themeLocale.value.backToHome ?? 'Back to home'
-
-    return {
-      getMsg,
-      homeLink,
-      homeText,
-    }
-  },
-})
-</script>
diff --git a/packages/docs/.vuepress/src/client/layouts/Layout.vue b/packages/docs/.vuepress/src/client/layouts/Layout.vue
index 672cf9be..75d6da70 100755
--- a/packages/docs/.vuepress/src/client/layouts/Layout.vue
+++ b/packages/docs/.vuepress/src/client/layouts/Layout.vue
@@ -1,41 +1,3 @@
-<template>
-  <div>
-    <Sidebar :visible="isSidebarOpen" @visible-change="(event) => (isSidebarOpen = event)" />
-    <div class="wrapper flex-grow-1">
-      <Header @toggle-sidebar="toggleSidebar(!isSidebarOpen)" />
-      <Transition
-        name="fade-slide-y"
-        mode="out-in"
-        @before-enter="onBeforeEnter"
-        @before-leave="onBeforeLeave"
-      >
-        <CContainer class="my-md-4 flex-grow-1" lg>
-          <main class="docs-main order-1">
-            <div class="docs-intro ps-lg-4">
-              <Banner />
-              <div v-if="name && name !== title" class="d-flex flex-column">
-                <h1 class="order-2 h5 mb-4 text-body-secondary" id="content">
-                  {{ title }}
-                </h1>
-                <h2 class="docs-title order-1 h1">{{ name }}</h2>
-              </div>
-              <h1 v-else class="docs-title" id="content">
-                {{ title }}
-              </h1>
-              <p class="docs-lead">{{ description }}</p>
-              <Ads />
-              <OtherFrameworks />
-            </div>
-            <Toc />
-            <div className="docs-content ps-lg-4"><Content /></div>
-          </main>
-        </CContainer>
-      </Transition>
-      <Footer />
-    </div>
-  </div>
-</template>
-
 <script setup lang="ts">
 import { onMounted, ref } from 'vue'
 import { usePageFrontmatter } from '@vuepress/client'
@@ -80,3 +42,41 @@ onMounted(() => {
   })
 })
 </script>
+
+<template>
+  <div>
+    <Sidebar :visible="isSidebarOpen" @visible-change="(event) => (isSidebarOpen = event)" />
+    <div class="wrapper flex-grow-1">
+      <Header @toggle-sidebar="toggleSidebar(!isSidebarOpen)" />
+      <Transition
+        name="fade-slide-y"
+        mode="out-in"
+        @before-enter="onBeforeEnter"
+        @before-leave="onBeforeLeave"
+      >
+        <CContainer class="my-md-4 flex-grow-1" lg>
+          <main class="docs-main order-1">
+            <div class="docs-intro ps-lg-4">
+              <Banner />
+              <div v-if="name && name !== title" class="d-flex flex-column">
+                <h1 class="order-2 h5 mb-4 text-body-secondary" id="content">
+                  {{ title }}
+                </h1>
+                <h2 class="docs-title order-1 h1">{{ name }}</h2>
+              </div>
+              <h1 v-else class="docs-title" id="content">
+                {{ title }}
+              </h1>
+              <p class="docs-lead">{{ description }}</p>
+              <Ads />
+              <OtherFrameworks />
+            </div>
+            <Toc />
+            <div className="docs-content ps-lg-4"><Content /></div>
+          </main>
+        </CContainer>
+      </Transition>
+      <Footer />
+    </div>
+  </div>
+</template>
diff --git a/packages/docs/.vuepress/src/node/defaultTheme.ts b/packages/docs/.vuepress/src/node/defaultTheme.ts
index 0886fd22..0fe8ca5f 100755
--- a/packages/docs/.vuepress/src/node/defaultTheme.ts
+++ b/packages/docs/.vuepress/src/node/defaultTheme.ts
@@ -1,10 +1,12 @@
 import type { Page, Theme } from '@vuepress/core'
-import { activeHeaderLinksPlugin } from '@vuepress/plugin-active-header-links'
-import { backToTopPlugin } from '@vuepress/plugin-back-to-top'
-import { prismjsPlugin } from '@vuepress/plugin-prismjs'
+
 import { themeDataPlugin } from '@vuepress/plugin-theme-data'
 import { fs, getDirname, path } from '@vuepress/utils'
-import type { DefaultThemeLocaleOptions, DefaultThemePluginsOptions } from '../shared'
+import type {
+  DefaultThemeLocaleOptions,
+  DefaultThemePageData,
+  DefaultThemePluginsOptions,
+} from '../shared'
 import { assignDefaultLocaleOptions } from './utils'
 
 const __dirname = getDirname(import.meta.url)
@@ -25,17 +27,7 @@ export const defaultTheme = ({
   return {
     name: '@vuepress/coreui-docs-theme',
 
-    templateBuild: path.resolve(__dirname, '../../templates/build.html'),
-
-    alias: {
-      // use alias to make all components replaceable
-      ...Object.fromEntries(
-        fs
-          .readdirSync(path.resolve(__dirname, '../client/components'))
-          .filter((file) => file.endsWith('.vue'))
-          .map((file) => [`@theme/${file}`, path.resolve(__dirname, '../client/components', file)]),
-      ),
-    },
+    templateBuild: path.resolve(__dirname, '../templates/build.html'),
 
     clientConfigFile: path.resolve(__dirname, '../client/config.ts'),
 
@@ -46,44 +38,6 @@ export const defaultTheme = ({
       page.routeMeta.title = page.title
     },
 
-    // layouts: path.resolve(__dirname, '../client/layouts'),
-
-    // clientAppEnhanceFiles: path.resolve(__dirname, '../client/clientAppEnhance.ts'),
-
-    // clientAppSetupFiles: path.resolve(__dirname, '../client/clientAppSetup.ts'),
-
-    // // use the relative file path to generate edit link
-    // extendsPageData: ({ filePathRelative }) => ({ filePathRelative }),
-
-    plugins: [
-      // @vuepress/plugin-active-header-link
-      themePlugins.activeHeaderLinks !== false
-        ? activeHeaderLinksPlugin({
-            headerLinkSelector: 'a.sidebar-item',
-            headerAnchorSelector: '.header-anchor',
-            // should greater than page transition duration
-            delay: 300,
-          })
-        : [],
-
-      // @vuepress/plugin-back-to-top
-      themePlugins.backToTop !== false ? backToTopPlugin() : [],
-
-      // @vuepress/plugin-prismjs
-      themePlugins.prismjs !== false ? prismjsPlugin() : [],
-
-      // @vuepress/plugin-theme-data
-      themeDataPlugin({ themeData: localeOptions }),
-      // [
-      //   '@vuepress/active-header-links',
-      //   {
-      //     headerLinkSelector: 'a.sidebar-item',
-      //     headerAnchorSelector: '.anchor-link',
-      //   },
-      // ],
-      // ['@vuepress/back-to-top', themePlugins.backToTop !== false],
-      // ['@vuepress/prismjs', themePlugins.prismjs !== false],
-      // ['@vuepress/theme-data', { themeData: localeOptions }],
-    ],
+    plugins: [themeDataPlugin({ themeData: localeOptions })],
   }
 }
diff --git a/packages/docs/.vuepress/src/shared/page.ts b/packages/docs/.vuepress/src/shared/page.ts
index 7e3bcdf5..64e5fe99 100755
--- a/packages/docs/.vuepress/src/shared/page.ts
+++ b/packages/docs/.vuepress/src/shared/page.ts
@@ -10,30 +10,11 @@ export interface DefaultThemePageFrontmatter {
   navbar?: boolean
   pageClass?: string
   name?: string
+  pro_component?: boolean
+  other_frameworks?: string
 }
 
-export interface DefaultThemeHomePageFrontmatter
-  extends DefaultThemePageFrontmatter {
-  home: true
-  heroImage?: string
-  heroAlt?: string
-  heroText?: string | null
-  tagline?: string | null
-  actions?: {
-    text: string
-    link: string
-    type?: 'primary' | 'secondary'
-  }[]
-  features?: {
-    title: string
-    details: string
-  }[]
-  footer?: string
-  footerHtml?: boolean
-}
-
-export interface DefaultThemeNormalPageFrontmatter
-  extends DefaultThemePageFrontmatter {
+export interface DefaultThemeNormalPageFrontmatter extends DefaultThemePageFrontmatter {
   home?: false
   editLink?: boolean
   lastUpdated?: boolean
@@ -42,6 +23,4 @@ export interface DefaultThemeNormalPageFrontmatter
   sidebarDepth?: number
   prev?: string | NavLink
   next?: string | NavLink
-  pro_component: boolean
-  other_frameworks?: string
 }
diff --git a/packages/docs/.vuepress/templates/build.html b/packages/docs/.vuepress/src/templates/build.html
similarity index 100%
rename from packages/docs/.vuepress/templates/build.html
rename to packages/docs/.vuepress/src/templates/build.html
diff --git a/packages/docs/package.json b/packages/docs/package.json
index cd89b42f..ef5215fd 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -4,7 +4,7 @@
   "scripts": {
     "api": "vue-docgen -c build/docgen.config.js",
     "dev": "vuepress dev --clean-cache",
-    "build": "vuepress build"
+    "build": "vuepress build --debug"
   },
   "license": "MIT",
   "devDependencies": {
@@ -17,14 +17,18 @@
     "@docsearch/css": "^3.6.0",
     "@docsearch/js": "^3.6.0",
     "@vuepress/bundler-vite": "2.0.0-rc.12",
+    "@vuepress/bundler-webpack": "2.0.0-rc.12",
     "@vuepress/plugin-active-header-links": "2.0.0-rc.31",
     "@vuepress/plugin-back-to-top": "2.0.0-rc.31",
-    "@vuepress/plugin-container": "2.0.0-rc.28",
     "@vuepress/plugin-git": "2.0.0-rc.31",
+    "@vuepress/plugin-markdown-container": "2.0.0-rc.30",
     "@vuepress/plugin-prismjs": "2.0.0-rc.32",
     "@vuepress/plugin-theme-data": "2.0.0-rc.31",
     "@vuepress/plugin-register-components": "2.0.0-rc.31",
     "@vuepress/plugin-toc": "2.0.0-rc.31",
+    "@vuepress/shared": "2.0.0-rc.12",
+    "@vuepress/utils": "2.0.0-rc.12",
+    "markdown-it-anchor": "^9.0.1",
     "markdown-it-include": "^2.0.0",
     "sass": "^1.77.2",
     "vue-docgen-cli": "^4.79.0",

From 9ec63704fbf4d7568e3d6986043a036355787724 Mon Sep 17 00:00:00 2001
From: Cesar <cesargb@gmail.com>
Date: Thu, 30 May 2024 15:21:13 +0200
Subject: [PATCH 292/346] Add the *as* property in the CFoooter component to
 use semantic tag

---
 .../src/components/footer/CFooter.ts          |  9 ++++++++-
 .../footer/__tests__/CFooter.spec.ts          | 19 +++++++++++++++++++
 2 files changed, 27 insertions(+), 1 deletion(-)

diff --git a/packages/coreui-vue/src/components/footer/CFooter.ts b/packages/coreui-vue/src/components/footer/CFooter.ts
index 81de0158..3f0d5fd2 100644
--- a/packages/coreui-vue/src/components/footer/CFooter.ts
+++ b/packages/coreui-vue/src/components/footer/CFooter.ts
@@ -3,6 +3,13 @@ import { defineComponent, h } from 'vue'
 const CFooter = defineComponent({
   name: 'CFooter',
   props: {
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    as: {
+      type: String,
+      default: 'div',
+    },
     /**
      * Place footer in non-static positions.
      *
@@ -18,7 +25,7 @@ const CFooter = defineComponent({
   setup(props, { slots }) {
     return () =>
       h(
-        'div',
+        props.as,
         { class: ['footer', { [`footer-${props.position}`]: props.position }] },
         slots.default && slots.default(),
       )
diff --git a/packages/coreui-vue/src/components/footer/__tests__/CFooter.spec.ts b/packages/coreui-vue/src/components/footer/__tests__/CFooter.spec.ts
index 4a5ba536..35b914ca 100644
--- a/packages/coreui-vue/src/components/footer/__tests__/CFooter.spec.ts
+++ b/packages/coreui-vue/src/components/footer/__tests__/CFooter.spec.ts
@@ -19,6 +19,15 @@ const customWrapper = mount(Component, {
   },
 })
 
+const customWrapperTwo = mount(Component, {
+  propsData: {
+    as: 'footer',
+  },
+  slots: {
+    default: 'Default slot',
+  },
+})
+
 describe(`Loads and display ${ComponentName} component`, () => {
   it('has a name', () => {
     expect(Component.name).toMatch(ComponentName)
@@ -42,3 +51,13 @@ describe(`Customize ${ComponentName} component`, () => {
     expect(customWrapper.classes('footer-fixed')).toBe(true)
   })
 })
+
+describe(`Customize (number two) ${ComponentName} component`, () => {
+  it('renders correctly', () => {
+    expect(customWrapperTwo.html()).toMatchSnapshot()
+  })
+
+  it('tag name is custom', () => {
+    expect(customWrapperTwo.element.tagName).toBe('FOOTER')
+  })
+})

From 78f7c60c6b41d1024be6bb88ff5e22aaf1dec126 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 30 May 2024 17:37:36 +0200
Subject: [PATCH 293/346] refactor(CPopover, CTabs, CTooltips): change to an
 SSR-friendly unique ID generator

---
 .../src/components/popover/CPopover.ts         |  7 ++++---
 .../coreui-vue/src/components/tabs/CTab.ts     |  4 ++--
 .../src/components/tabs/CTabPanel.ts           |  4 ++--
 .../coreui-vue/src/components/tabs/CTabs.ts    |  5 +++--
 .../src/components/tooltip/CTooltip.ts         |  7 ++++---
 packages/coreui-vue/src/composables/index.ts   |  3 ++-
 .../coreui-vue/src/composables/useUniqueId.ts  | 18 ++++++++++++++++++
 .../coreui-vue/src/directives/v-c-popover.ts   |  6 +++---
 .../coreui-vue/src/directives/v-c-tooltip.ts   |  6 +++---
 packages/docs/.vuepress/config.ts              |  2 --
 10 files changed, 41 insertions(+), 21 deletions(-)
 create mode 100644 packages/coreui-vue/src/composables/useUniqueId.ts

diff --git a/packages/coreui-vue/src/components/popover/CPopover.ts b/packages/coreui-vue/src/components/popover/CPopover.ts
index a39aea63..3690fa48 100644
--- a/packages/coreui-vue/src/components/popover/CPopover.ts
+++ b/packages/coreui-vue/src/components/popover/CPopover.ts
@@ -2,10 +2,10 @@ import { defineComponent, h, onMounted, PropType, ref, RendererElement, Transiti
 import type { Placement } from '@popperjs/core'
 
 import { CConditionalTeleport } from '../conditional-teleport'
-import { usePopper } from '../../composables'
+import { useUniqueId, usePopper } from '../../composables'
 import type { Placements, Triggers } from '../../types'
 import { executeAfterTransition } from '../../utils/transition'
-import { getRTLPlacement, getUID } from '../../utils'
+import { getRTLPlacement } from '../../utils'
 
 const CPopover = defineComponent({
   name: 'CPopover',
@@ -119,6 +119,7 @@ const CPopover = defineComponent({
     const popoverRef = ref()
     const uID = ref()
     const visible = ref(props.visible)
+    const { getUID } = useUniqueId('popover')
     const { initPopper, destroyPopper } = usePopper()
 
     const delay =
@@ -149,7 +150,7 @@ const CPopover = defineComponent({
     }
 
     onMounted(() => {
-      uID.value = getUID('popover')
+      uID.value = getUID()
     })
 
     const handleEnter = (el: RendererElement, done: () => void) => {
diff --git a/packages/coreui-vue/src/components/tabs/CTab.ts b/packages/coreui-vue/src/components/tabs/CTab.ts
index c7c54250..05ce3fe4 100644
--- a/packages/coreui-vue/src/components/tabs/CTab.ts
+++ b/packages/coreui-vue/src/components/tabs/CTab.ts
@@ -28,11 +28,11 @@ const CTab = defineComponent({
               active: isActive(),
             },
           ],
-          id: `${id.value}${props.itemKey}-tab`,
+          id: `${props.itemKey}-tab-${id.value}`,
           role: 'tab',
           tabindex: isActive() ? 0 : -1,
           type: 'button',
-          'aria-controls': `${id.value}${props.itemKey}-tab-pane`,
+          'aria-controls': `${props.itemKey}-tab-panel-${id.value}`,
           'aria-selected': isActive(),
           onClick: () => setActiveItemKey(props.itemKey),
           onFocus: () => setActiveItemKey(props.itemKey),
diff --git a/packages/coreui-vue/src/components/tabs/CTabPanel.ts b/packages/coreui-vue/src/components/tabs/CTabPanel.ts
index 5e2609bf..a4d23e7d 100644
--- a/packages/coreui-vue/src/components/tabs/CTabPanel.ts
+++ b/packages/coreui-vue/src/components/tabs/CTabPanel.ts
@@ -112,9 +112,9 @@ const CTabPanel = defineComponent({
                     show: firstRender.value && visible.value,
                   },
                 ],
-                id: `${id.value}${props.itemKey}-tab-pane`,
+                id: `${props.itemKey}-tab-panel-${id.value}`,
                 role: 'tabpanel',
-                'aria-labelledby': `${id.value}${props.itemKey}-tab`,
+                'aria-labelledby': `${props.itemKey}-tab-${id.value}`,
                 tabindex: 0,
                 ref: tabPaneRef,
               },
diff --git a/packages/coreui-vue/src/components/tabs/CTabs.ts b/packages/coreui-vue/src/components/tabs/CTabs.ts
index e031153d..112decfe 100644
--- a/packages/coreui-vue/src/components/tabs/CTabs.ts
+++ b/packages/coreui-vue/src/components/tabs/CTabs.ts
@@ -1,5 +1,5 @@
 import { defineComponent, h, provide, ref, watch } from 'vue'
-import { getUID } from '../../utils'
+import { useUniqueId } from '../../composables'
 
 const CTabs = defineComponent({
   name: 'CTabs',
@@ -19,7 +19,8 @@ const CTabs = defineComponent({
     'change',
   ],
   setup(props, { slots, emit }) {
-    const uID = ref(getUID('t'))
+    const { getUID } = useUniqueId()
+    const uID = ref(getUID())
     const activeItemKey = ref(props.activeItemKey)
     const setActiveItemKey = (key: string | number) => {
       activeItemKey.value = key
diff --git a/packages/coreui-vue/src/components/tooltip/CTooltip.ts b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
index 8ee54061..c982b3c8 100644
--- a/packages/coreui-vue/src/components/tooltip/CTooltip.ts
+++ b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
@@ -2,10 +2,10 @@ import { defineComponent, h, onMounted, PropType, ref, RendererElement, Transiti
 import type { Placement } from '@popperjs/core'
 
 import { CConditionalTeleport } from '../conditional-teleport'
-import { usePopper } from '../../composables'
+import { useUniqueId, usePopper } from '../../composables'
 import type { Placements, Triggers } from '../../types'
 import { executeAfterTransition } from '../../utils/transition'
-import { getRTLPlacement, getUID } from '../../utils'
+import { getRTLPlacement } from '../../utils'
 
 const CTooltip = defineComponent({
   name: 'CTooltip',
@@ -115,6 +115,7 @@ const CTooltip = defineComponent({
     const tooltipRef = ref()
     const uID = ref()
     const visible = ref(props.visible)
+    const { getUID } = useUniqueId('popover')
     const { initPopper, destroyPopper } = usePopper()
 
     const delay =
@@ -145,7 +146,7 @@ const CTooltip = defineComponent({
     }
 
     onMounted(() => {
-      uID.value = getUID('tooltip')
+      uID.value = getUID()
     })
 
     const handleEnter = (el: RendererElement, done: () => void) => {
diff --git a/packages/coreui-vue/src/composables/index.ts b/packages/coreui-vue/src/composables/index.ts
index 4cee4c15..47572a5d 100644
--- a/packages/coreui-vue/src/composables/index.ts
+++ b/packages/coreui-vue/src/composables/index.ts
@@ -1,4 +1,5 @@
 import { useColorModes } from './useColorModes'
+import { useUniqueId } from './useUniqueId'
 import { usePopper } from './usePopper'
 
-export { useColorModes, usePopper }
+export { useColorModes, useUniqueId, usePopper }
diff --git a/packages/coreui-vue/src/composables/useUniqueId.ts b/packages/coreui-vue/src/composables/useUniqueId.ts
new file mode 100644
index 00000000..95810c31
--- /dev/null
+++ b/packages/coreui-vue/src/composables/useUniqueId.ts
@@ -0,0 +1,18 @@
+import { ref } from 'vue'
+
+export const useUniqueId = (prefix: string = '') => {
+  const ids = ref<string[]>([])
+
+  const getUID = () => {
+    do {
+      prefix += Math.floor(Math.random() * 1_000_000)
+    } while (ids.value.includes(prefix))
+    
+    ids.value.push(prefix)
+    return prefix
+  }
+
+  return {
+    getUID,
+  }
+}
diff --git a/packages/coreui-vue/src/directives/v-c-popover.ts b/packages/coreui-vue/src/directives/v-c-popover.ts
index 41c22601..5e846244 100644
--- a/packages/coreui-vue/src/directives/v-c-popover.ts
+++ b/packages/coreui-vue/src/directives/v-c-popover.ts
@@ -1,9 +1,8 @@
 import { DirectiveBinding } from 'vue'
 import { createPopper } from '@popperjs/core'
-
 import type { Options } from '@popperjs/core'
 
-import { getUID } from '../utils'
+import { useUniqueId } from '../composables'
 
 const createPopoverElement = (id: string, header: string, content: string): HTMLDivElement => {
   const popover = document.createElement('div')
@@ -56,6 +55,7 @@ export default {
   name: 'c-popover',
   uid: '',
   mounted(el: HTMLElement, binding: DirectiveBinding): void {
+    const { getUID } = useUniqueId('popover')
     const value = binding.value
     const content = typeof value === 'string' ? value : value.content ?? ''
     const header = value.header ?? ''
@@ -77,7 +77,7 @@ export default {
       ],
     }
 
-    const uID = getUID('popover')
+    const uID = getUID()
     binding.arg = uID
     const popover = createPopoverElement(uID, header, content)
 
diff --git a/packages/coreui-vue/src/directives/v-c-tooltip.ts b/packages/coreui-vue/src/directives/v-c-tooltip.ts
index 50903711..bf888042 100644
--- a/packages/coreui-vue/src/directives/v-c-tooltip.ts
+++ b/packages/coreui-vue/src/directives/v-c-tooltip.ts
@@ -1,9 +1,8 @@
 import { DirectiveBinding } from 'vue'
 import { createPopper } from '@popperjs/core'
-
 import type { Options } from '@popperjs/core'
 
-import { getUID } from '../utils'
+import { useUniqueId } from '../composables'
 
 const createTooltipElement = (id: string, content: string): HTMLDivElement => {
   const tooltip = document.createElement('div')
@@ -54,6 +53,7 @@ const toggleTooltipElement = (
 export default {
   name: 'c-tooltip',
   mounted(el: HTMLElement, binding: DirectiveBinding): void {
+    const { getUID } = useUniqueId('tooltip')
     const value = binding.value
     const content = typeof value === 'string' ? value : value.content ?? ''
     const trigger = value.trigger ?? 'hover'
@@ -74,7 +74,7 @@ export default {
       ],
     }
 
-    const uID = getUID('tooltip')
+    const uID = getUID()
     binding.arg = uID
     const tooltip = createTooltipElement(uID, content)
 
diff --git a/packages/docs/.vuepress/config.ts b/packages/docs/.vuepress/config.ts
index abe4077c..0ae26563 100644
--- a/packages/docs/.vuepress/config.ts
+++ b/packages/docs/.vuepress/config.ts
@@ -1,7 +1,6 @@
 import { defineUserConfig } from 'vuepress'
 import { viteBundler } from '@vuepress/bundler-vite'
 import { activeHeaderLinksPlugin } from '@vuepress/plugin-active-header-links'
-import { backToTopPlugin } from '@vuepress/plugin-back-to-top'
 import { markdownContainerPlugin } from '@vuepress/plugin-markdown-container'
 import { prismjsPlugin } from '@vuepress/plugin-prismjs'
 import { registerComponentsPlugin } from '@vuepress/plugin-register-components'
@@ -11,7 +10,6 @@ import anchor from 'markdown-it-anchor'
 import include_plugin from 'markdown-it-include'
 import { defaultTheme } from './src/node'
 
-import { fileURLToPath, URL } from 'url'
 const __dirname = getDirname(import.meta.url)
 
 export default defineUserConfig({

From fd9e5e3f3874f21f0784a762bba69cdb98ff8ce7 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 30 May 2024 18:05:28 +0200
Subject: [PATCH 294/346] docs: update theme

---
 packages/coreui-vue/src/composables/index.ts |  4 ++--
 packages/docs/.vuepress/config.ts            | 10 ++++++++++
 packages/docs/.vuepress/src/shared/page.ts   |  1 +
 3 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/packages/coreui-vue/src/composables/index.ts b/packages/coreui-vue/src/composables/index.ts
index 47572a5d..4d78d30e 100644
--- a/packages/coreui-vue/src/composables/index.ts
+++ b/packages/coreui-vue/src/composables/index.ts
@@ -1,5 +1,5 @@
 import { useColorModes } from './useColorModes'
-import { useUniqueId } from './useUniqueId'
 import { usePopper } from './usePopper'
+import { useUniqueId } from './useUniqueId'
 
-export { useColorModes, useUniqueId, usePopper }
+export { useColorModes, usePopper, useUniqueId }
diff --git a/packages/docs/.vuepress/config.ts b/packages/docs/.vuepress/config.ts
index 0ae26563..764793ab 100644
--- a/packages/docs/.vuepress/config.ts
+++ b/packages/docs/.vuepress/config.ts
@@ -70,6 +70,16 @@ export default defineUserConfig({
       },
     }),
     tocPlugin({}),
+    {
+      name: 'extendsPage',
+      extendsPage: (page) => {
+        const frontmatter = page.frontmatter
+
+        frontmatter.head = [
+          ['link', { rel: 'canonical', href: `https://coreui.io/vue/docs${page.path}` }],
+        ]
+      },
+    },
   ],
   theme: defaultTheme({
     sidebar: [
diff --git a/packages/docs/.vuepress/src/shared/page.ts b/packages/docs/.vuepress/src/shared/page.ts
index 64e5fe99..40007b84 100755
--- a/packages/docs/.vuepress/src/shared/page.ts
+++ b/packages/docs/.vuepress/src/shared/page.ts
@@ -10,6 +10,7 @@ export interface DefaultThemePageFrontmatter {
   navbar?: boolean
   pageClass?: string
   name?: string
+  preview_component?: boolean
   pro_component?: boolean
   other_frameworks?: string
 }

From 1fd45ef8537a13c1a0b62df6861bc56c6e65d15f Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 30 May 2024 18:06:01 +0200
Subject: [PATCH 295/346] release: v5.1.0

---
 lerna.json                       | 2 +-
 packages/coreui-vue/package.json | 2 +-
 packages/docs/package.json       | 3 +--
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/lerna.json b/lerna.json
index 194343e3..5ceaf54d 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,6 +1,6 @@
 {
   "npmClient": "yarn",
   "packages": ["packages/*"],
-  "version": "5.0.0",
+  "version": "5.1.0",
   "$schema": "node_modules/lerna/schemas/lerna-schema.json"
 }
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index dad717e6..2b94d01b 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue",
-  "version": "5.0.0",
+  "version": "5.1.0",
   "description": "UI Components Library for Vue.js",
   "keywords": [
     "vue",
diff --git a/packages/docs/package.json b/packages/docs/package.json
index ef5215fd..1fc7b75b 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue-docs",
-  "version": "5.0.0",
+  "version": "5.1.0",
   "scripts": {
     "api": "vue-docgen -c build/docgen.config.js",
     "dev": "vuepress dev --clean-cache",
@@ -19,7 +19,6 @@
     "@vuepress/bundler-vite": "2.0.0-rc.12",
     "@vuepress/bundler-webpack": "2.0.0-rc.12",
     "@vuepress/plugin-active-header-links": "2.0.0-rc.31",
-    "@vuepress/plugin-back-to-top": "2.0.0-rc.31",
     "@vuepress/plugin-git": "2.0.0-rc.31",
     "@vuepress/plugin-markdown-container": "2.0.0-rc.30",
     "@vuepress/plugin-prismjs": "2.0.0-rc.32",

From 7f9805cce40f6a4a64351fda0de98e9fd7e3a29d Mon Sep 17 00:00:00 2001
From: Cesar <cesargb@gmail.com>
Date: Fri, 31 May 2024 13:28:49 +0200
Subject: [PATCH 296/346] Add the *as* property in the CHeader component to use
 semantic tag

---
 .../src/components/header/CHeader.ts          |  9 ++++++++-
 .../header/__tests__/CHeader.spec.ts          | 19 +++++++++++++++++++
 packages/docs/api/header/CHeader.api.md       |  9 +++++----
 3 files changed, 32 insertions(+), 5 deletions(-)

diff --git a/packages/coreui-vue/src/components/header/CHeader.ts b/packages/coreui-vue/src/components/header/CHeader.ts
index 32ab0bf5..d1c23b45 100644
--- a/packages/coreui-vue/src/components/header/CHeader.ts
+++ b/packages/coreui-vue/src/components/header/CHeader.ts
@@ -3,6 +3,13 @@ import { defineComponent, h } from 'vue'
 const CHeader = defineComponent({
   name: 'CHeader',
   props: {
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    as: {
+      type: String,
+      default: 'div',
+    },
     /**
      * Defines optional container wrapping children elements.
      *
@@ -31,7 +38,7 @@ const CHeader = defineComponent({
   setup(props, { slots }) {
     return () =>
       h(
-        'div',
+        props.as,
         { class: ['header', { [`header-${props.position}`]: props.position }] },
         props.container
           ? h(
diff --git a/packages/coreui-vue/src/components/header/__tests__/CHeader.spec.ts b/packages/coreui-vue/src/components/header/__tests__/CHeader.spec.ts
index 2bb30916..09ec0065 100644
--- a/packages/coreui-vue/src/components/header/__tests__/CHeader.spec.ts
+++ b/packages/coreui-vue/src/components/header/__tests__/CHeader.spec.ts
@@ -20,6 +20,15 @@ const customWrapper = mount(Component, {
   },
 })
 
+const customWrapperTwo = mount(Component, {
+  propsData: {
+    as: 'header',
+  },
+  slots: {
+    default: 'Default slot',
+  },
+})
+
 describe(`Loads and display ${ComponentName} component`, () => {
   it('has a name', () => {
     expect(Component.name).toMatch(ComponentName)
@@ -44,3 +53,13 @@ describe(`Customize ${ComponentName} component`, () => {
     expect(customWrapper.find('.container-lg').classes('container-lg')).toBe(true)
   })
 })
+
+
+describe(`Customize (number two) ${ComponentName} component`, () => {
+  it('renders correctly', () => {
+    expect(customWrapperTwo.html()).toMatchSnapshot()
+  })
+  it('tag name is custom', () => {
+    expect(customWrapperTwo.element.tagName).toBe('HEADER')
+  })
+})
\ No newline at end of file
diff --git a/packages/docs/api/header/CHeader.api.md b/packages/docs/api/header/CHeader.api.md
index 0416d9ee..f47ab627 100644
--- a/packages/docs/api/header/CHeader.api.md
+++ b/packages/docs/api/header/CHeader.api.md
@@ -8,7 +8,8 @@ import CHeader from '@coreui/vue/src/components/header/CHeader'
 
 #### Props
 
-| Prop name     | Description                                            | Type            | Values                                                        | Default |
-| ------------- | ------------------------------------------------------ | --------------- | ------------------------------------------------------------- | ------- |
-| **container** | Defines optional container wrapping children elements. | boolean\|string | `boolean`, `'sm'`, `'md'`, `'lg'`, `'xl'`, `'xxl'`, `'fluid'` | -       |
-| **position**  | Place header in non-static positions.                  | string          | `'fixed'`, `'sticky'`                                         | -       |
+| Prop name     | Description                                                                             | Type            | Values                                                        | Default |
+| ------------- | --------------------------------------------------------------------------------------- | --------------- | ------------------------------------------------------------- | ------- |
+| **as**        | Component used for the root node. Either a string to use a HTML element or a component. | string          | -                                                             | 'div'   |
+| **container** | Defines optional container wrapping children elements.                                  | boolean\|string | `boolean`, `'sm'`, `'md'`, `'lg'`, `'xl'`, `'xxl'`, `'fluid'` | -       |
+| **position**  | Place header in non-static positions.                                                   | string          | `'fixed'`, `'sticky'`                                         | -       |

From b52f2ea6dbf6f83e7dece8325a9223b083efd8aa Mon Sep 17 00:00:00 2001
From: Cesar <cesargb@gmail.com>
Date: Fri, 31 May 2024 13:42:20 +0200
Subject: [PATCH 297/346] docs: add as property in CFooter api

---
 packages/docs/api/footer/CFooter.api.md | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/docs/api/footer/CFooter.api.md b/packages/docs/api/footer/CFooter.api.md
index b1eedef2..bc9337fe 100644
--- a/packages/docs/api/footer/CFooter.api.md
+++ b/packages/docs/api/footer/CFooter.api.md
@@ -8,6 +8,7 @@ import CFooter from '@coreui/vue/src/components/footer/CFooter'
 
 #### Props
 
-| Prop name    | Description                           | Type   | Values                | Default |
-| ------------ | ------------------------------------- | ------ | --------------------- | ------- |
-| **position** | Place footer in non-static positions. | string | `'fixed'`, `'sticky'` | -       |
+| Prop name    | Description                                                                             | Type   | Values                | Default |
+| ------------ | --------------------------------------------------------------------------------------- | ------ | --------------------- | ------- |
+| **as**       | Component used for the root node. Either a string to use a HTML element or a component. | string | -                     | 'div'   |
+| **position** | Place footer in non-static positions.                                                   | string | `'fixed'`, `'sticky'` | -       |

From 0627839c115e1e1c931d9b7e1e6eaff848913555 Mon Sep 17 00:00:00 2001
From: atari <89896729+atari-sog@users.noreply.github.com>
Date: Mon, 24 Jun 2024 15:34:06 +0900
Subject: [PATCH 298/346] Update CFormSelect.api.md

Added 'selected' to the options.
---
 packages/docs/api/form/CFormSelect.api.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/docs/api/form/CFormSelect.api.md b/packages/docs/api/form/CFormSelect.api.md
index 8d77c483..2637bffa 100644
--- a/packages/docs/api/form/CFormSelect.api.md
+++ b/packages/docs/api/form/CFormSelect.api.md
@@ -19,7 +19,7 @@ import CFormSelect from '@coreui/vue/src/components/form/CFormSelect'
 | **invalid**                                                         | Set component validation state to invalid.                                                                                                                                                                                                   | boolean              | -              | -       |
 | **label** <br><div class="badge bg-primary">4.3.0+</div>            | Add a caption for a component.                                                                                                                                                                                                               | string               | -              | -       |
 | **model-value**                                                     | The default name for a value passed using v-model.                                                                                                                                                                                           | string \| string[]   | -              | -       |
-| **options**                                                         | Options list of the select component. Available keys: `label`, `value`, `disabled`.<br>Examples:<br>- `:options="[{ value: 'js', label: 'JavaScript' }, { value: 'html', label: 'HTML', disabled: true }]"`<br>- `:options="['js', 'html']"` | Option[] \| string[] | -              | -       |
+| **options**                                                         | Options list of the select component. Available keys: `label`, `value`, `disabled`, `selected`.<br>Examples:<br>- `:options="[{ value: 'js', label: 'JavaScript', selected: true }, { value: 'html', label: 'HTML', disabled: true }]"`<br>- `:options="['js', 'html']"` | Option[] \| string[] | -              | -       |
 | **size**                                                            | Size the component small or large.                                                                                                                                                                                                           | string               | `'sm' \| 'lg'` | -       |
 | **text** <br><div class="badge bg-primary">4.3.0+</div>             | Add helper text to the component.                                                                                                                                                                                                            | string               | -              | -       |
 | **tooltip-feedback** <br><div class="badge bg-primary">4.3.0+</div> | Display validation feedback in a styled tooltip.                                                                                                                                                                                             | boolean              | -              | -       |

From 3cdb3776aa7be02a6d2c1283246d7dae5418aaa3 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Wed, 24 Jul 2024 12:56:06 +0200
Subject: [PATCH 299/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@coreui/coreui                             ^5.0.2  →       ^5.1.0
@docsearch/css                             ^3.6.0  →       ^3.6.1
@docsearch/js                              ^3.6.0  →       ^3.6.1
@rollup/plugin-commonjs                   ^25.0.8  →      ^26.0.1
@typescript-eslint/eslint-plugin          ^7.11.0  →      ^7.17.0
@typescript-eslint/parser                 ^7.11.0  →      ^7.17.0
@vuepress/bundler-vite                2.0.0-rc.12  →  2.0.0-rc.14
@vuepress/bundler-webpack             2.0.0-rc.12  →  2.0.0-rc.14
@vuepress/plugin-active-header-links  2.0.0-rc.31  →  2.0.0-rc.39
@vuepress/plugin-git                  2.0.0-rc.31  →  2.0.0-rc.38
@vuepress/plugin-markdown-container   2.0.0-rc.30  →  2.0.0-rc.37
@vuepress/plugin-prismjs              2.0.0-rc.32  →  2.0.0-rc.37
@vuepress/plugin-register-components  2.0.0-rc.31  →  2.0.0-rc.37
@vuepress/plugin-theme-data           2.0.0-rc.31  →  2.0.0-rc.39
@vuepress/plugin-toc                  2.0.0-rc.31  →  2.0.0-rc.39
@vuepress/shared                      2.0.0-rc.12  →  2.0.0-rc.14
@vuepress/utils                       2.0.0-rc.12  →  2.0.0-rc.14
eslint-plugin-prettier                     ^5.1.3  →       ^5.2.1
eslint-plugin-unicorn                     ^51.0.1  →      ^54.0.0
eslint-plugin-vue                         ^9.26.0  →      ^9.27.0
lerna                                      ^8.1.3  →       ^8.1.7
prettier                                   ^3.2.5  →       ^3.3.3
rollup                                    ^4.18.0  →      ^4.19.0
sass                                      ^1.77.2  →      ^1.77.8
ts-jest                                   ^29.1.4  →      ^29.2.3
typescript                                 ^5.4.5  →       ^5.5.4
vue                                       ^3.4.27  →      ^3.4.33
vue-types                                  ^5.1.2  →       ^5.1.3
vuepress                              2.0.0-rc.12  →  2.0.0-rc.14
---
 package.json                     | 14 +++++++-------
 packages/coreui-vue/package.json | 14 +++++++-------
 packages/docs/package.json       | 32 ++++++++++++++++----------------
 3 files changed, 30 insertions(+), 30 deletions(-)

diff --git a/package.json b/package.json
index f038380e..f732fb97 100644
--- a/package.json
+++ b/package.json
@@ -22,18 +22,18 @@
     "test:update": "npm-run-all charts:test:update icons:test:update lib:test:update"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^7.11.0",
-    "@typescript-eslint/parser": "^7.11.0",
+    "@typescript-eslint/eslint-plugin": "^7.17.0",
+    "@typescript-eslint/parser": "^7.17.0",
     "@vue/eslint-config-prettier": "^9.0.0",
     "@vue/eslint-config-typescript": "^13.0.0",
     "@vue/vue3-jest": "29.2.6",
     "eslint": "8.57.0",
-    "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-vue": "^9.26.0",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-vue": "^9.27.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-unicorn": "^51.0.1",
-    "lerna": "^8.1.3",
+    "eslint-plugin-unicorn": "^54.0.0",
+    "lerna": "^8.1.7",
     "npm-run-all": "^4.1.5",
-    "prettier": "^3.2.5"
+    "prettier": "^3.3.3"
   }
 }
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index 2b94d01b..f663bbf2 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -41,11 +41,11 @@
     "test:update": "jest --coverage --updateSnapshot"
   },
   "dependencies": {
-    "@coreui/coreui": "^5.0.2",
+    "@coreui/coreui": "^5.1.0",
     "@popperjs/core": "^2.11.8"
   },
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^25.0.8",
+    "@rollup/plugin-commonjs": "^26.0.1",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-typescript": "^11.1.6",
     "@types/jest": "^29.5.12",
@@ -54,12 +54,12 @@
     "cross-env": "^7.0.3",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "rollup": "^4.18.0",
+    "rollup": "^4.19.0",
     "rollup-plugin-vue": "^6.0.0",
-    "ts-jest": "^29.1.4",
-    "typescript": "^5.4.5",
-    "vue": "^3.4.27",
-    "vue-types": "^5.1.2"
+    "ts-jest": "^29.2.3",
+    "typescript": "^5.5.4",
+    "vue": "^3.4.33",
+    "vue-types": "^5.1.3"
   },
   "peerDependencies": {
     "vue": "^3.2.21"
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 1fc7b75b..629de096 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -9,28 +9,28 @@
   "license": "MIT",
   "devDependencies": {
     "@coreui/chartjs": "^4.0.0",
-    "@coreui/coreui": "^5.0.2",
+    "@coreui/coreui": "^5.1.0",
     "@coreui/icons": "^3.0.1",
     "@coreui/icons-vue": "^2.0.0",
     "@coreui/utils": "^2.0.2",
     "@coreui/vue-chartjs": "^3.0.0",
-    "@docsearch/css": "^3.6.0",
-    "@docsearch/js": "^3.6.0",
-    "@vuepress/bundler-vite": "2.0.0-rc.12",
-    "@vuepress/bundler-webpack": "2.0.0-rc.12",
-    "@vuepress/plugin-active-header-links": "2.0.0-rc.31",
-    "@vuepress/plugin-git": "2.0.0-rc.31",
-    "@vuepress/plugin-markdown-container": "2.0.0-rc.30",
-    "@vuepress/plugin-prismjs": "2.0.0-rc.32",
-    "@vuepress/plugin-theme-data": "2.0.0-rc.31",
-    "@vuepress/plugin-register-components": "2.0.0-rc.31",
-    "@vuepress/plugin-toc": "2.0.0-rc.31",
-    "@vuepress/shared": "2.0.0-rc.12",
-    "@vuepress/utils": "2.0.0-rc.12",
+    "@docsearch/css": "^3.6.1",
+    "@docsearch/js": "^3.6.1",
+    "@vuepress/bundler-vite": "2.0.0-rc.14",
+    "@vuepress/bundler-webpack": "2.0.0-rc.14",
+    "@vuepress/plugin-active-header-links": "2.0.0-rc.39",
+    "@vuepress/plugin-git": "2.0.0-rc.38",
+    "@vuepress/plugin-markdown-container": "2.0.0-rc.37",
+    "@vuepress/plugin-prismjs": "2.0.0-rc.37",
+    "@vuepress/plugin-theme-data": "2.0.0-rc.39",
+    "@vuepress/plugin-register-components": "2.0.0-rc.37",
+    "@vuepress/plugin-toc": "2.0.0-rc.39",
+    "@vuepress/shared": "2.0.0-rc.14",
+    "@vuepress/utils": "2.0.0-rc.14",
     "markdown-it-anchor": "^9.0.1",
     "markdown-it-include": "^2.0.0",
-    "sass": "^1.77.2",
+    "sass": "^1.77.8",
     "vue-docgen-cli": "^4.79.0",
-    "vuepress": "2.0.0-rc.12"
+    "vuepress": "2.0.0-rc.14"
   }
 }

From 5f76520011c138b7cd4b530f6ad762ce21ae7c0b Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Wed, 24 Jul 2024 13:11:12 +0200
Subject: [PATCH 300/346] docs: update `CAvatar` documentation

---
 .../client/styles/_component-examples.scss    |  5 ++
 packages/docs/components/avatar.md            | 73 ++++++++++++++++++-
 2 files changed, 76 insertions(+), 2 deletions(-)

diff --git a/packages/docs/.vuepress/src/client/styles/_component-examples.scss b/packages/docs/.vuepress/src/client/styles/_component-examples.scss
index aee50619..2e725c8f 100644
--- a/packages/docs/.vuepress/src/client/styles/_component-examples.scss
+++ b/packages/docs/.vuepress/src/client/styles/_component-examples.scss
@@ -90,6 +90,11 @@
     margin-left: .5rem;
   }
 
+  // Avatars
+  > .avatar + .avatar {
+    margin-left: .25rem;
+  }
+
   // Badges
   > .badge + .badge {
     margin-left: .25rem;
diff --git a/packages/docs/components/avatar.md b/packages/docs/components/avatar.md
index e94d7e27..02fb3b37 100644
--- a/packages/docs/components/avatar.md
+++ b/packages/docs/components/avatar.md
@@ -1,12 +1,14 @@
 ---
 title: Vue Avatar Component
 name: Avatar
-description: Vue avatar component can be used to display circular user profile pictures. Avatar can be used to portray people or objects. It supports images, icons, or letters.
+description: The Vue Avatar component is used to display circular user profile pictures. Vue avatars can portray people or objects and support images, icons, or letters.
 other_frameworks: avatar
 ---
 
 ## Image avatars
 
+Showcase Vue avatars using images. These avatars are typically circular and can display user profile pictures.
+
 ::: demo
 <CAvatar :src="$withBase('/images/avatars/1.jpg')"/>
 <CAvatar :src="$withBase('/images/avatars/2.jpg')"/>
@@ -17,8 +19,11 @@ other_frameworks: avatar
 <CAvatar src="/images/avatars/2.jpg"/>
 <CAvatar src="/images/avatars/3.jpg"/>
 ```
+
 ## Letter avatars
 
+Use letters inside avatars to represent users or objects when images are not available. This can be useful for displaying initials.
+
 ::: demo
 <CAvatar color="primary" text-color="white">CUI</CAvatar>
 <CAvatar color="secondary">CUI</CAvatar>
@@ -30,6 +35,45 @@ other_frameworks: avatar
 <CAvatar color="warning" text-color="white">CUI</CAvatar>
 ```
 
+## Icons avatars 
+
+Incorporate icons within Vue avatars, allowing for a visual representation using scalable vector graphics (SVG).
+
+::: demo
+<CAvatar color="info" textColor="white">
+  <svg id="cib-coreui-c" class="icon" viewBox="0 0 32 32">
+    <path d="M27.912 7.289l-10.324-5.961c-0.455-0.268-1.002-0.425-1.588-0.425s-1.133 0.158-1.604 0.433l0.015-0.008-10.324 5.961c-0.955 0.561-1.586 1.582-1.588 2.75v11.922c0.002 1.168 0.635 2.189 1.574 2.742l0.016 0.008 10.322 5.961c0.455 0.267 1.004 0.425 1.59 0.425 0.584 0 1.131-0.158 1.602-0.433l-0.014 0.008 10.322-5.961c0.955-0.561 1.586-1.582 1.588-2.75v-11.922c-0.002-1.168-0.633-2.189-1.573-2.742zM27.383 21.961c0 0.389-0.211 0.73-0.526 0.914l-0.004 0.002-10.324 5.961c-0.152 0.088-0.334 0.142-0.53 0.142s-0.377-0.053-0.535-0.145l0.005 0.002-10.324-5.961c-0.319-0.186-0.529-0.527-0.529-0.916v-11.922c0-0.389 0.211-0.73 0.526-0.914l0.004-0.002 10.324-5.961c0.152-0.090 0.334-0.143 0.53-0.143s0.377 0.053 0.535 0.144l-0.006-0.002 10.324 5.961c0.319 0.185 0.529 0.527 0.529 0.916z"></path><path d="M22.094 19.451h-0.758c-0.188 0-0.363 0.049-0.515 0.135l0.006-0.004-4.574 2.512-5.282-3.049v-6.082l5.282-3.051 4.576 2.504c0.146 0.082 0.323 0.131 0.508 0.131h0.758c0.293 0 0.529-0.239 0.529-0.531v-0.716c0-0.2-0.11-0.373-0.271-0.463l-0.004-0.002-5.078-2.777c-0.293-0.164-0.645-0.26-1.015-0.26-0.39 0-0.756 0.106-1.070 0.289l0.010-0.006-5.281 3.049c-0.636 0.375-1.056 1.055-1.059 1.834v6.082c0 0.779 0.422 1.461 1.049 1.828l0.009 0.006 5.281 3.049c0.305 0.178 0.67 0.284 1.061 0.284 0.373 0 0.723-0.098 1.027-0.265l-0.012 0.006 5.080-2.787c0.166-0.091 0.276-0.265 0.276-0.465v-0.716c0-0.293-0.238-0.529-0.529-0.529z"></path>
+  </svg>
+</CAvatar>
+<CAvatar color="success" textColor="white">
+  <svg id="cib-coreui-c" class="icon" viewBox="0 0 32 32">
+    <path d="M27.912 7.289l-10.324-5.961c-0.455-0.268-1.002-0.425-1.588-0.425s-1.133 0.158-1.604 0.433l0.015-0.008-10.324 5.961c-0.955 0.561-1.586 1.582-1.588 2.75v11.922c0.002 1.168 0.635 2.189 1.574 2.742l0.016 0.008 10.322 5.961c0.455 0.267 1.004 0.425 1.59 0.425 0.584 0 1.131-0.158 1.602-0.433l-0.014 0.008 10.322-5.961c0.955-0.561 1.586-1.582 1.588-2.75v-11.922c-0.002-1.168-0.633-2.189-1.573-2.742zM27.383 21.961c0 0.389-0.211 0.73-0.526 0.914l-0.004 0.002-10.324 5.961c-0.152 0.088-0.334 0.142-0.53 0.142s-0.377-0.053-0.535-0.145l0.005 0.002-10.324-5.961c-0.319-0.186-0.529-0.527-0.529-0.916v-11.922c0-0.389 0.211-0.73 0.526-0.914l0.004-0.002 10.324-5.961c0.152-0.090 0.334-0.143 0.53-0.143s0.377 0.053 0.535 0.144l-0.006-0.002 10.324 5.961c0.319 0.185 0.529 0.527 0.529 0.916z"></path><path d="M22.094 19.451h-0.758c-0.188 0-0.363 0.049-0.515 0.135l0.006-0.004-4.574 2.512-5.282-3.049v-6.082l5.282-3.051 4.576 2.504c0.146 0.082 0.323 0.131 0.508 0.131h0.758c0.293 0 0.529-0.239 0.529-0.531v-0.716c0-0.2-0.11-0.373-0.271-0.463l-0.004-0.002-5.078-2.777c-0.293-0.164-0.645-0.26-1.015-0.26-0.39 0-0.756 0.106-1.070 0.289l0.010-0.006-5.281 3.049c-0.636 0.375-1.056 1.055-1.059 1.834v6.082c0 0.779 0.422 1.461 1.049 1.828l0.009 0.006 5.281 3.049c0.305 0.178 0.67 0.284 1.061 0.284 0.373 0 0.723-0.098 1.027-0.265l-0.012 0.006 5.080-2.787c0.166-0.091 0.276-0.265 0.276-0.465v-0.716c0-0.293-0.238-0.529-0.529-0.529z"></path>
+  </svg>
+</CAvatar>
+<CAvatar color="danger" textColor="white">
+  <svg id="cib-coreui-c" class="icon" viewBox="0 0 32 32">
+    <path d="M27.912 7.289l-10.324-5.961c-0.455-0.268-1.002-0.425-1.588-0.425s-1.133 0.158-1.604 0.433l0.015-0.008-10.324 5.961c-0.955 0.561-1.586 1.582-1.588 2.75v11.922c0.002 1.168 0.635 2.189 1.574 2.742l0.016 0.008 10.322 5.961c0.455 0.267 1.004 0.425 1.59 0.425 0.584 0 1.131-0.158 1.602-0.433l-0.014 0.008 10.322-5.961c0.955-0.561 1.586-1.582 1.588-2.75v-11.922c-0.002-1.168-0.633-2.189-1.573-2.742zM27.383 21.961c0 0.389-0.211 0.73-0.526 0.914l-0.004 0.002-10.324 5.961c-0.152 0.088-0.334 0.142-0.53 0.142s-0.377-0.053-0.535-0.145l0.005 0.002-10.324-5.961c-0.319-0.186-0.529-0.527-0.529-0.916v-11.922c0-0.389 0.211-0.73 0.526-0.914l0.004-0.002 10.324-5.961c0.152-0.090 0.334-0.143 0.53-0.143s0.377 0.053 0.535 0.144l-0.006-0.002 10.324 5.961c0.319 0.185 0.529 0.527 0.529 0.916z"></path><path d="M22.094 19.451h-0.758c-0.188 0-0.363 0.049-0.515 0.135l0.006-0.004-4.574 2.512-5.282-3.049v-6.082l5.282-3.051 4.576 2.504c0.146 0.082 0.323 0.131 0.508 0.131h0.758c0.293 0 0.529-0.239 0.529-0.531v-0.716c0-0.2-0.11-0.373-0.271-0.463l-0.004-0.002-5.078-2.777c-0.293-0.164-0.645-0.26-1.015-0.26-0.39 0-0.756 0.106-1.070 0.289l0.010-0.006-5.281 3.049c-0.636 0.375-1.056 1.055-1.059 1.834v6.082c0 0.779 0.422 1.461 1.049 1.828l0.009 0.006 5.281 3.049c0.305 0.178 0.67 0.284 1.061 0.284 0.373 0 0.723-0.098 1.027-0.265l-0.012 0.006 5.080-2.787c0.166-0.091 0.276-0.265 0.276-0.465v-0.716c0-0.293-0.238-0.529-0.529-0.529z"></path>
+  </svg>
+</CAvatar>
+:::
+```vue
+<CAvatar color="info" textColor="white">
+  <svg id="cib-coreui-c" class="icon" viewBox="0 0 32 32">
+    <path d="M27.912 7.289l-10.324-5.961c-0.455-0.268-1.002-0.425-1.588-0.425s-1.133 0.158-1.604 0.433l0.015-0.008-10.324 5.961c-0.955 0.561-1.586 1.582-1.588 2.75v11.922c0.002 1.168 0.635 2.189 1.574 2.742l0.016 0.008 10.322 5.961c0.455 0.267 1.004 0.425 1.59 0.425 0.584 0 1.131-0.158 1.602-0.433l-0.014 0.008 10.322-5.961c0.955-0.561 1.586-1.582 1.588-2.75v-11.922c-0.002-1.168-0.633-2.189-1.573-2.742zM27.383 21.961c0 0.389-0.211 0.73-0.526 0.914l-0.004 0.002-10.324 5.961c-0.152 0.088-0.334 0.142-0.53 0.142s-0.377-0.053-0.535-0.145l0.005 0.002-10.324-5.961c-0.319-0.186-0.529-0.527-0.529-0.916v-11.922c0-0.389 0.211-0.73 0.526-0.914l0.004-0.002 10.324-5.961c0.152-0.090 0.334-0.143 0.53-0.143s0.377 0.053 0.535 0.144l-0.006-0.002 10.324 5.961c0.319 0.185 0.529 0.527 0.529 0.916z"></path><path d="M22.094 19.451h-0.758c-0.188 0-0.363 0.049-0.515 0.135l0.006-0.004-4.574 2.512-5.282-3.049v-6.082l5.282-3.051 4.576 2.504c0.146 0.082 0.323 0.131 0.508 0.131h0.758c0.293 0 0.529-0.239 0.529-0.531v-0.716c0-0.2-0.11-0.373-0.271-0.463l-0.004-0.002-5.078-2.777c-0.293-0.164-0.645-0.26-1.015-0.26-0.39 0-0.756 0.106-1.070 0.289l0.010-0.006-5.281 3.049c-0.636 0.375-1.056 1.055-1.059 1.834v6.082c0 0.779 0.422 1.461 1.049 1.828l0.009 0.006 5.281 3.049c0.305 0.178 0.67 0.284 1.061 0.284 0.373 0 0.723-0.098 1.027-0.265l-0.012 0.006 5.080-2.787c0.166-0.091 0.276-0.265 0.276-0.465v-0.716c0-0.293-0.238-0.529-0.529-0.529z"></path>
+  </svg>
+</CAvatar>
+<CAvatar color="success" textColor="white">
+  <svg id="cib-coreui-c" class="icon" viewBox="0 0 32 32">
+    <path d="M27.912 7.289l-10.324-5.961c-0.455-0.268-1.002-0.425-1.588-0.425s-1.133 0.158-1.604 0.433l0.015-0.008-10.324 5.961c-0.955 0.561-1.586 1.582-1.588 2.75v11.922c0.002 1.168 0.635 2.189 1.574 2.742l0.016 0.008 10.322 5.961c0.455 0.267 1.004 0.425 1.59 0.425 0.584 0 1.131-0.158 1.602-0.433l-0.014 0.008 10.322-5.961c0.955-0.561 1.586-1.582 1.588-2.75v-11.922c-0.002-1.168-0.633-2.189-1.573-2.742zM27.383 21.961c0 0.389-0.211 0.73-0.526 0.914l-0.004 0.002-10.324 5.961c-0.152 0.088-0.334 0.142-0.53 0.142s-0.377-0.053-0.535-0.145l0.005 0.002-10.324-5.961c-0.319-0.186-0.529-0.527-0.529-0.916v-11.922c0-0.389 0.211-0.73 0.526-0.914l0.004-0.002 10.324-5.961c0.152-0.090 0.334-0.143 0.53-0.143s0.377 0.053 0.535 0.144l-0.006-0.002 10.324 5.961c0.319 0.185 0.529 0.527 0.529 0.916z"></path><path d="M22.094 19.451h-0.758c-0.188 0-0.363 0.049-0.515 0.135l0.006-0.004-4.574 2.512-5.282-3.049v-6.082l5.282-3.051 4.576 2.504c0.146 0.082 0.323 0.131 0.508 0.131h0.758c0.293 0 0.529-0.239 0.529-0.531v-0.716c0-0.2-0.11-0.373-0.271-0.463l-0.004-0.002-5.078-2.777c-0.293-0.164-0.645-0.26-1.015-0.26-0.39 0-0.756 0.106-1.070 0.289l0.010-0.006-5.281 3.049c-0.636 0.375-1.056 1.055-1.059 1.834v6.082c0 0.779 0.422 1.461 1.049 1.828l0.009 0.006 5.281 3.049c0.305 0.178 0.67 0.284 1.061 0.284 0.373 0 0.723-0.098 1.027-0.265l-0.012 0.006 5.080-2.787c0.166-0.091 0.276-0.265 0.276-0.465v-0.716c0-0.293-0.238-0.529-0.529-0.529z"></path>
+  </svg>
+</CAvatar>
+<CAvatar color="danger" textColor="white">
+  <svg id="cib-coreui-c" class="icon" viewBox="0 0 32 32">
+    <path d="M27.912 7.289l-10.324-5.961c-0.455-0.268-1.002-0.425-1.588-0.425s-1.133 0.158-1.604 0.433l0.015-0.008-10.324 5.961c-0.955 0.561-1.586 1.582-1.588 2.75v11.922c0.002 1.168 0.635 2.189 1.574 2.742l0.016 0.008 10.322 5.961c0.455 0.267 1.004 0.425 1.59 0.425 0.584 0 1.131-0.158 1.602-0.433l-0.014 0.008 10.322-5.961c0.955-0.561 1.586-1.582 1.588-2.75v-11.922c-0.002-1.168-0.633-2.189-1.573-2.742zM27.383 21.961c0 0.389-0.211 0.73-0.526 0.914l-0.004 0.002-10.324 5.961c-0.152 0.088-0.334 0.142-0.53 0.142s-0.377-0.053-0.535-0.145l0.005 0.002-10.324-5.961c-0.319-0.186-0.529-0.527-0.529-0.916v-11.922c0-0.389 0.211-0.73 0.526-0.914l0.004-0.002 10.324-5.961c0.152-0.090 0.334-0.143 0.53-0.143s0.377 0.053 0.535 0.144l-0.006-0.002 10.324 5.961c0.319 0.185 0.529 0.527 0.529 0.916z"></path><path d="M22.094 19.451h-0.758c-0.188 0-0.363 0.049-0.515 0.135l0.006-0.004-4.574 2.512-5.282-3.049v-6.082l5.282-3.051 4.576 2.504c0.146 0.082 0.323 0.131 0.508 0.131h0.758c0.293 0 0.529-0.239 0.529-0.531v-0.716c0-0.2-0.11-0.373-0.271-0.463l-0.004-0.002-5.078-2.777c-0.293-0.164-0.645-0.26-1.015-0.26-0.39 0-0.756 0.106-1.070 0.289l0.010-0.006-5.281 3.049c-0.636 0.375-1.056 1.055-1.059 1.834v6.082c0 0.779 0.422 1.461 1.049 1.828l0.009 0.006 5.281 3.049c0.305 0.178 0.67 0.284 1.061 0.284 0.373 0 0.723-0.098 1.027-0.265l-0.012 0.006 5.080-2.787c0.166-0.091 0.276-0.265 0.276-0.465v-0.716c0-0.293-0.238-0.529-0.529-0.529z"></path>
+  </svg>
+</CAvatar>
+```
+
 ## Rounded avatars
 
 Use the `shape="rounded"` prop to make avatars squared with rounded corners.
@@ -66,20 +110,23 @@ Fancy larger or smaller avatar? Add `size="xl"`, `size="lg"` or `size="sm"` for
 ::: demo
 <CAvatar color="secondary" size="xl">CUI</CAvatar>
 <CAvatar color="secondary" size="lg">CUI</CAvatar>
+<CAvatar color="secondary" size="md">CUI</CAvatar>
 <CAvatar color="secondary">CUI</CAvatar>
 <CAvatar color="secondary" size="sm">CUI</CAvatar>
 :::
 ```vue
 <CAvatar color="secondary" size="xl">CUI</CAvatar>
 <CAvatar color="secondary" size="lg">CUI</CAvatar>
+<CAvatar color="secondary" size="md">CUI</CAvatar>
 <CAvatar color="secondary">CUI</CAvatar>
 <CAvatar color="secondary" size="sm">CUI</CAvatar>
 ```
 
 ## Avatars with status
 
-::: demo
+Add a status indicator to avatars using the `status` property to show online or offline status.
 
+::: demo
 <CAvatar :src="$withBase('/images/avatars/1.jpg')" status="success"/>
 <CAvatar color="secondary" status="danger">CUI</CAvatar>
 :::
@@ -88,6 +135,28 @@ Fancy larger or smaller avatar? Add `size="xl"`, `size="lg"` or `size="sm"` for
 <CAvatar color="secondary" status="danger">CUI</CAvatar>
 ```
 
+## Customizing
+
+### CSS variables
+
+Vue avatars use local CSS variables on `.avatar` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.
+
+<ScssDocs file="_avatar.scss" capture="avatar-css-vars"/>
+
+#### How to use CSS variables
+
+```jsx
+const vars = {
+  '--my-css-var': 10,
+  '--my-another-css-var': 'red',
+}
+return <CAvatar style={vars}>...</CAvatar>
+```
+
+### SASS variables
+
+<ScssDocs file="_variables.scss" capture="avatar-variables"/>
+
 ## API
 
 !!!include(./api/avatar/CAvatar.api.md)!!!
\ No newline at end of file

From 51cf9a92d73de7abf205df5a5287228f495c3508 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Wed, 24 Jul 2024 15:45:53 +0200
Subject: [PATCH 301/346] refactor(CButton): improve colors and variants
 handling

---
 packages/coreui-vue/src/components/button/CButton.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/coreui-vue/src/components/button/CButton.ts b/packages/coreui-vue/src/components/button/CButton.ts
index e918cbfc..287bfd12 100644
--- a/packages/coreui-vue/src/components/button/CButton.ts
+++ b/packages/coreui-vue/src/components/button/CButton.ts
@@ -93,8 +93,9 @@ export const CButton = defineComponent({
         {
           class: [
             'btn',
-            props.variant ? `btn-${props.variant}-${props.color}` : `btn-${props.color}`,
             {
+              [`btn-${props.color}`]: props.color && !props.variant,
+              [`btn-${props.variant}-${props.color}`]: props.color && props.variant,
               [`btn-${props.size}`]: props.size,
               active: props.active,
               disabled: props.disabled,

From 18c962df8ffbf3f1a9192e3219439ecda6f96283 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 25 Jul 2024 18:05:37 +0200
Subject: [PATCH 302/346] docs: update icons documentation

---
 packages/docs/.vuepress/client.ts             |   3 +-
 .../api/coreui-icons-vue/src/CIconSvg.api.md  |  17 ++
 packages/docs/components/icon.md              | 157 +++++++++++++++---
 packages/docs/package.json                    |   2 +-
 4 files changed, 158 insertions(+), 21 deletions(-)
 create mode 100644 packages/docs/api/coreui-icons-vue/src/CIconSvg.api.md

diff --git a/packages/docs/.vuepress/client.ts b/packages/docs/.vuepress/client.ts
index 0ae21634..0404f0fd 100644
--- a/packages/docs/.vuepress/client.ts
+++ b/packages/docs/.vuepress/client.ts
@@ -1,6 +1,6 @@
 import { defineClientConfig } from '@vuepress/client'
 
-import { CIcon } from '@coreui/icons-vue'
+import { CIcon, CIconSvg } from '@coreui/icons-vue'
 import CChartPlugin from '@coreui/vue-chartjs'
 import CoreuiVue from '@coreui/vue/src/'
 import '@coreui/coreui/scss/coreui.scss'
@@ -71,6 +71,7 @@ export default defineClientConfig({
     app.use(CoreuiVue)
     app.provide('icons', icons)
     app.component('CIcon', CIcon)
+    app.component('CIconSvg', CIconSvg)
     app.use(CChartPlugin),
     router.addRoute({ path: '', redirect: '/getting-started/introduction.html' })
   },
diff --git a/packages/docs/api/coreui-icons-vue/src/CIconSvg.api.md b/packages/docs/api/coreui-icons-vue/src/CIconSvg.api.md
new file mode 100644
index 00000000..1984a5a7
--- /dev/null
+++ b/packages/docs/api/coreui-icons-vue/src/CIconSvg.api.md
@@ -0,0 +1,17 @@
+### CIconSvg
+
+```jsx
+import { CIconSvg } from '@coreui/icons-vue'
+// or
+import CIconSvg from '@coreui/icons-vue/src/CIconSvg'
+```
+
+#### Props
+
+| Prop name             | Description                                                                                       | Type                  | Values | Default |
+| --------------------- | ------------------------------------------------------------------------------------------------- | --------------------- | ------ | ------- |
+| **custom-class-name** | Use for replacing default CIconSvg component classes. Prop is overriding the 'size' prop.         | string\|array\|object | -      | -       |
+| **height**            | The height attribute defines the vertical length of an icon.                                      | number                | -      | -       |
+| **size**              | Size of the icon. Available sizes: 'sm', 'lg', 'xl', 'xxl', '3xl...9xl', 'custom', 'custom-size'. | string                | -      | -       |
+| **title**             | Title tag content.                                                                                | string                | -      | -       |
+| **width**             | The width attribute defines the horizontal length of an icon.                                     | number                | -      | -       |
diff --git a/packages/docs/components/icon.md b/packages/docs/components/icon.md
index d50d957e..10794fff 100644
--- a/packages/docs/components/icon.md
+++ b/packages/docs/components/icon.md
@@ -1,12 +1,12 @@
 ---
 title: Vue Icon Component
 name: Icon
-description: Official Vue.js component for CoreUI Icons and CoreUI Icons PRO.
+description: Vue icons library is a great resource for Vue developers, who can use its customizable SVG icons in their applications. It offers an extensive library of icons to choose from, which can be easily inserted into projects with just a few lines of code. Not only that, but users are also able to customize the appearance of these icons by setting various props on them. This provides developers with an efficient and flexible way to integrate useful graphical elements into their web pages without doing any extra work.
 ---
 
 ## Installation
 
-If you want to use our icon component and our icons library you have to install two additional packages.
+To start using CoreUI Vue Icons in your project, you need to install it as a dependency. Follow the instructions below based on your package manager of choice:
 
 ### Npm
 
@@ -27,7 +27,11 @@ yarn add @coreui/icons-vue
 
 ## Usage
 
-### Single icon
+Import vue.js icons using one of these two options:
+
+### Single Vue.js icon
+
+To use a single Vue.js icon, import the `<CIcon>` component and the desired icon(s) from the `@coreui/icons` library. Then, include the `<CIcon>` component in your code and specify the icon prop with the imported icon variable. Additionally, you can set the desired size for the icon using the `size` prop.
 
 ::: demo
 <CIcon :icon="icon.cilList" size="xl"/>
@@ -57,6 +61,8 @@ export default {
 
 ### All icons
 
+To use all icons available in the CoreUI Vue.js Icons package, import the CIcon component and the entire `@coreui/icons` library using the `* as` syntax. Then, reference the desired icon within the `icon` prop.
+
 ```vue
 <template>
   <CIcon :icon="icon.cilList" size="xxl"/>
@@ -76,10 +82,9 @@ export default {
 }
 </script>
 ```
-
 ### Icons object
 
-This way you import your needed icons once and pass them to $root object on 'icons' key
+This way you import your needed Vue.js icons once and pass them to $root object on 'icons' key
 
 ```js
 // main.js / main.ts
@@ -114,13 +119,139 @@ app.component('CIcon', CIcon)
 app.mount('#app')
 
 ```
+
 Later anywhere in the app:
+
 ```vue
 <CIcon icon="cilArrowBottom" size="xxl"/>
 <CIcon icon="cil-arrow-bottom" size="xxl"/>
 ```
+
 You can pass the name of the icon both in camelCase and kebab-case
 
+### Color
+
+The CoreUI Vue Icon component offers versatile color customization options, empowering you to personalize the icons in multiple ways. You can effortlessly modify the colors by utilizing either class names or CSS variables, providing flexibility and ease in creating visually stunning and cohesive icon designs.
+
+#### Utility classes
+
+With some [color utility classes](https://coreui.io/docs/utilities/colors/), you may use color to convey message.
+
+::: demo
+<CIcon :icon="icon.cilList" size="xl" />
+<CIcon :icon="icon.cilList" class="text-primary" size="xl" />
+<CIcon :icon="icon.cilList" class="text-secondary" size="xl" />
+<CIcon :icon="icon.cilList" class="text-success" size="xl" />
+<CIcon :icon="icon.cilList" class="text-danger" size="xl" />
+<CIcon :icon="icon.cilList" class="text-warning" size="xl" />
+<CIcon :icon="icon.cilList" class="text-info" size="xl" />
+:::
+```vue
+::: demo
+<CIcon :icon="cilList" size="xl" />
+<CIcon :icon="cilList" class="text-primary" size="xl" />
+<CIcon :icon="cilList" class="text-secondary" size="xl" />
+<CIcon :icon="cilList" class="text-success" size="xl" />
+<CIcon :icon="cilList" class="text-danger" size="xl" />
+<CIcon :icon="cilList" class="text-warning" size="xl" />
+<CIcon :icon="cilList" class="text-info" size="xl" />
+:::
+```
+
+#### CSS Variables
+
+CoreUI Vue Icons leverage local CSS variables, such as `--ci-primary-color` and `--ci-secondary-color` (for Duotone icons), to facilitate real-time customization. This allows developers to easily customize the icons by providing their own custom CSS variables.
+
+::: demo
+<CIcon :icon="icon.cilList" size="xl" :style="{'--ci-primary-color': 'red'}" />
+<CIcon :icon="icon.cilList" size="xl" :style="{'--ci-primary-color': 'green'}" />
+:::
+```vue
+<CIcon :icon="cilList" size="xl" :style="{'--ci-primary-color': 'red'}" />
+<CIcon :icon="cilList" size="xl" :style="{'--ci-primary-color': 'green'}" />
+```
+
+### Sizing
+
+Set heights of vue icons using size property like `size="lg"` and `size="sm"`.
+
+::: demo
+<CIcon :icon="icon.cilList" size="sm" />
+<CIcon :icon="icon.cilList" />
+<CIcon :icon="icon.cilList" size="lg" />
+<CIcon :icon="icon.cilList" size="xl" />
+<CIcon :icon="icon.cilList" size="xxl" />
+<CIcon :icon="icon.cilList" size="3xl" />
+:::
+```vue
+<CIcon :icon="cilList" size="sm" />
+<CIcon :icon="cilList" />
+<CIcon :icon="cilList" size="lg" />
+<CIcon :icon="cilList" size="xl" />
+<CIcon :icon="cilList" size="xxl" />
+<CIcon :icon="cilList" size="3xl" />
+```
+
+### Custom SVG Icons
+
+The `<CIconSvg`> component allows you to add custom SVG icons to your application. In case you want to use custom SVG icons, this component provides the flexibility to include bespoke SVG graphics that align with your design requirements.
+
+::: demo
+<CIconSvg size="4xl">
+  <svg
+    viewBox="0 0 102 116"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+  >
+    <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
+      <g fill="#3C4B64" fillRule="nonzero">
+        <path
+          d="M96,25.091 L57,2.5743 C53.2871871,0.430706461 48.7128129,0.430706461 45,2.5743 L6,25.091 C2.292246,27.239646 0.00690676667,31.1979678 0,35.4833 L0,80.5167 C0.00688629146,84.8020377 2.29223099,88.760369 6,90.909 L45,113.4256 C48.7127742,115.569338 53.2872258,115.569338 57,113.4256 L96,90.909 C99.707769,88.760369 101.993114,84.8020377 102,80.5167 L102,35.4833 C101.993093,31.1979678 99.707754,27.239646 96,25.091 Z M94,80.5167 C94,81.9457261 93.2375729,83.266187 92,83.9807 L53,106.4974 C51.7623957,107.211931 50.2376043,107.211931 49,106.4974 L10,83.9807 C8.76242713,83.266187 8,81.9457261 8,80.5167 L8,35.4833 C8,34.0542382 8.76239619,32.7337309 10,32.0192 L49,9.5025 C50.2376043,8.78796882 51.7623957,8.78796882 53,9.5025 L92,32.0192 C93.2376038,32.7337309 94,34.0542382 94,35.4833 L94,80.5167 Z"
+          id="Shape"
+        />
+        <path
+          d="M74.0216,71.0379 L71.1556,71.0379 C70.4827717,71.0379163 69.8208181,71.2076524 69.231,71.5314 L51.95,81.0167 L32,69.4981 L32,46.5206 L51.95,35.002 L69.2394,44.457 C69.8278903,44.7788245 70.4878603,44.9474965 71.1586,44.9475 L74.0218,44.9475 C75.1263695,44.9475 76.0218,44.0520695 76.0218,42.9475 L76.0218,40.2357 C76.0218,39.5046907 75.6230914,38.8318844 74.9818,38.481 L55.793,27.9854 C53.3404536,26.651551 50.3714915,26.6856213 47.9502,28.0754 L28,39.5929 C25.5282949,41.025705 24.0048155,43.6646378 24,46.5216 L24,69.4976 C24,72.3557593 25.5247614,74.9968204 28,76.4259 L47.95,87.9444 C50.3719491,89.3331078 53.3408366,89.3663802 55.7933,88.0323 L74.9833,77.5012 C75.623333,77.1499602 76.021125,76.4778764 76.0211,75.7478 L76.0211,73.0378 C76.0210448,71.9334648 75.1259352,71.0381761 74.0216,71.0379 L74.0216,71.0379 Z"
+          id="Path"
+        />
+      </g>
+    </g>
+  </svg>
+</CIconSvg>
+:::
+```vue
+<template>
+  <CIconSvg size="4xl">
+    <svg
+      viewBox="0 0 102 116"
+      version="1.1"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlnsXlink="http://www.w3.org/1999/xlink"
+    >
+      <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
+        <g fill="#3C4B64" fillRule="nonzero">
+          <path
+            d="M96,25.091 L57,2.5743 C53.2871871,0.430706461 48.7128129,0.430706461 45,2.5743 L6,25.091 C2.292246,27.239646 0.00690676667,31.1979678 0,35.4833 L0,80.5167 C0.00688629146,84.8020377 2.29223099,88.760369 6,90.909 L45,113.4256 C48.7127742,115.569338 53.2872258,115.569338 57,113.4256 L96,90.909 C99.707769,88.760369 101.993114,84.8020377 102,80.5167 L102,35.4833 C101.993093,31.1979678 99.707754,27.239646 96,25.091 Z M94,80.5167 C94,81.9457261 93.2375729,83.266187 92,83.9807 L53,106.4974 C51.7623957,107.211931 50.2376043,107.211931 49,106.4974 L10,83.9807 C8.76242713,83.266187 8,81.9457261 8,80.5167 L8,35.4833 C8,34.0542382 8.76239619,32.7337309 10,32.0192 L49,9.5025 C50.2376043,8.78796882 51.7623957,8.78796882 53,9.5025 L92,32.0192 C93.2376038,32.7337309 94,34.0542382 94,35.4833 L94,80.5167 Z"
+            id="Shape"
+          />
+          <path
+            d="M74.0216,71.0379 L71.1556,71.0379 C70.4827717,71.0379163 69.8208181,71.2076524 69.231,71.5314 L51.95,81.0167 L32,69.4981 L32,46.5206 L51.95,35.002 L69.2394,44.457 C69.8278903,44.7788245 70.4878603,44.9474965 71.1586,44.9475 L74.0218,44.9475 C75.1263695,44.9475 76.0218,44.0520695 76.0218,42.9475 L76.0218,40.2357 C76.0218,39.5046907 75.6230914,38.8318844 74.9818,38.481 L55.793,27.9854 C53.3404536,26.651551 50.3714915,26.6856213 47.9502,28.0754 L28,39.5929 C25.5282949,41.025705 24.0048155,43.6646378 24,46.5216 L24,69.4976 C24,72.3557593 25.5247614,74.9968204 28,76.4259 L47.95,87.9444 C50.3719491,89.3331078 53.3408366,89.3663802 55.7933,88.0323 L74.9833,77.5012 C75.623333,77.1499602 76.021125,76.4778764 76.0211,75.7478 L76.0211,73.0378 C76.0210448,71.9334648 75.1259352,71.0381761 74.0216,71.0379 L74.0216,71.0379 Z"
+            id="Path"
+          />
+        </g>
+      </g>
+    </svg>
+  </CIconSvg>
+</template>
+<script>
+  import { CIconSvg } from '@coreui/icons-vue';
+  export default {
+    components: {
+      CIconSvg
+    }
+  }
+</script>
+```
 
 ## Available icons
 
@@ -220,18 +351,6 @@ export default {
 
 ## API
 
-### CIcon
-
-```js
-import { CIcon } from '@coreui/icons-vue'
-```
+!!!include(./api/coreui-icons-vue/src/CIcon.api.md)!!!
 
-| Prop name             | Description                                                                                       | Type                  | Values | Default |
-| --------------------- | ------------------------------------------------------------------------------------------------- | --------------------- | ------ | ------- |
-| **content**           | Use `:icon="..."` instead of<br/>`@deprecated` since version 3.0                                  | string\|array         | -      | -       |
-| **custom-class-name** | Use for replacing default CIcon component classes. Prop is overriding the 'size' prop.            | string\|array\|object | -      | -       |
-| **icon**              | Name of the icon placed in Vue object or SVG content.                                           | string \| string[]    | -      | -       |
-| **name**              | Use `icon="..."` instead of<br/>`@deprecated` since version 3.0                                   | string                | -      | -       |
-| **size**              | Size of the icon. Available sizes: 'sm', 'lg', 'xl', 'xxl', '3xl...9xl', 'custom', 'custom-size'. | string                | -      | -       |
-| **title**             | Title tag content.                                                                                | string                | -      | -       |
-| **use**               | If defined component will be rendered using 'use' tag.                                            | string                | -      | -       |
\ No newline at end of file
+!!!include(./api/coreui-icons-vue/src/CIconSvg.api.md)!!!
\ No newline at end of file
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 629de096..e402aea7 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -11,7 +11,7 @@
     "@coreui/chartjs": "^4.0.0",
     "@coreui/coreui": "^5.1.0",
     "@coreui/icons": "^3.0.1",
-    "@coreui/icons-vue": "^2.0.0",
+    "@coreui/icons-vue": "^2.1.0",
     "@coreui/utils": "^2.0.2",
     "@coreui/vue-chartjs": "^3.0.0",
     "@docsearch/css": "^3.6.1",

From 408f69d6e3d5280a6b43a039d780a05e3517e64e Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Fri, 26 Jul 2024 10:21:50 +0200
Subject: [PATCH 303/346] docs: improve icons documentation

---
 packages/docs/components/icon.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/docs/components/icon.md b/packages/docs/components/icon.md
index 10794fff..1d71d1d9 100644
--- a/packages/docs/components/icon.md
+++ b/packages/docs/components/icon.md
@@ -290,7 +290,7 @@ CoreUI Icons package is delivered with more than 1500 icons in multiple formats
   <CTabPane role="tabpanel" aria-labelledby="linear-tab" :visible="tabPaneActiveKey === 1">
     <CRow v-if="tabPaneActiveKey === 1" :xs="{ cols: 3 }" :sm="{ cols: 4 }" :lg="{ cols: 5 }">
       <CCol class="mb-4" v-for="(i) in linearIcons">
-        <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+        <div class="p-3 py-4 mb-2 bg-body-tertiary text-center rounded">
           <CIcon :icon="icon[i]" size="xxl"/>
         </div>
         <div class="text-body-secondary text-center pt-1 small">{{i}}</div>
@@ -300,7 +300,7 @@ CoreUI Icons package is delivered with more than 1500 icons in multiple formats
   <CTabPane role="tabpanel" aria-labelledby="brand-tab" :visible="tabPaneActiveKey === 2">
     <CRow v-if="tabPaneActiveKey === 2" :xs="{ cols: 3 }" :sm="{ cols: 4 }" :lg="{ cols: 5 }">
       <CCol class="mb-4" v-for="(i) in brandIcons">
-        <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+        <div class="p-3 py-4 mb-2 bg-body-tertiary text-center rounded">
           <CIcon :icon="icon[i]" size="xxl"/>
         </div>
         <div class="text-body-secondary text-center pt-1 small">{{i}}</div>
@@ -310,7 +310,7 @@ CoreUI Icons package is delivered with more than 1500 icons in multiple formats
   <CTabPane role="tabpanel" aria-labelledby="flags-tab" :visible="tabPaneActiveKey === 3">
     <CRow v-if="tabPaneActiveKey === 3" :xs="{ cols: 3 }" :sm="{ cols: 4 }" :lg="{ cols: 5 }">
       <CCol class="mb-4" v-for="(i) in flagIcons">
-        <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+        <div class="p-3 py-4 mb-2 bg-body-tertiary text-center rounded">
           <CIcon :icon="icon[i]" size="xxl"/>
         </div>
         <div class="text-body-secondary text-center pt-1 small">{{i}}</div>

From def19032f4a62226b152bb6c06c7543a61f1a5d6 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Fri, 26 Jul 2024 11:04:13 +0200
Subject: [PATCH 304/346] release: v5.2.0

---
 README.md                        |  3 +-
 lerna.json                       |  2 +-
 packages/coreui-vue/README.md    |  3 +-
 packages/coreui-vue/package.json |  2 +-
 packages/docs/README.md          | 80 --------------------------------
 packages/docs/package.json       |  2 +-
 6 files changed, 7 insertions(+), 85 deletions(-)
 delete mode 100644 packages/docs/README.md

diff --git a/README.md b/README.md
index 0a993209..355d7967 100644
--- a/README.md
+++ b/README.md
@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.0.0.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.2.0.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue`
@@ -134,6 +134,7 @@ import "bootstrap/dist/css/bootstrap.min.css";
 - [Vue Progress](https://coreui.io/vue/docs/components/progress.html)
 - [Vue Radio](https://coreui.io/vue/docs/forms/radio.html)
 - [Vue Range](https://coreui.io/vue/docs/forms/range.html)
+- [Vue Rating](https://coreui.io/vue/docs/forms/rating.html)
 - [Vue Select](https://coreui.io/vue/docs/forms/select.html)
 - [Vue Sidebar](https://coreui.io/vue/docs/components/sidebar.html)
 - [Vue Smart Pagination](https://coreui.io/vue/docs/components/smart-pagination.html) **PRO**
diff --git a/lerna.json b/lerna.json
index 5ceaf54d..f19238c5 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,6 +1,6 @@
 {
   "npmClient": "yarn",
   "packages": ["packages/*"],
-  "version": "5.1.0",
+  "version": "5.2.0",
   "$schema": "node_modules/lerna/schemas/lerna-schema.json"
 }
diff --git a/packages/coreui-vue/README.md b/packages/coreui-vue/README.md
index 8293a55c..24bc3f28 100644
--- a/packages/coreui-vue/README.md
+++ b/packages/coreui-vue/README.md
@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v4.4.0.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.2.0.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue`
@@ -134,6 +134,7 @@ import "bootstrap/dist/css/bootstrap.min.css";
 - [Vue Progress](https://coreui.io/vue/docs/components/progress.html)
 - [Vue Radio](https://coreui.io/vue/docs/forms/radio.html)
 - [Vue Range](https://coreui.io/vue/docs/forms/range.html)
+- [Vue Rating](https://coreui.io/vue/docs/forms/rating.html)
 - [Vue Select](https://coreui.io/vue/docs/forms/select.html)
 - [Vue Sidebar](https://coreui.io/vue/docs/components/sidebar.html)
 - [Vue Smart Pagination](https://coreui.io/vue/docs/components/smart-pagination.html) **PRO**
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index f663bbf2..be156612 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue",
-  "version": "5.1.0",
+  "version": "5.2.0",
   "description": "UI Components Library for Vue.js",
   "keywords": [
     "vue",
diff --git a/packages/docs/README.md b/packages/docs/README.md
deleted file mode 100644
index 54e0c48e..00000000
--- a/packages/docs/README.md
+++ /dev/null
@@ -1,80 +0,0 @@
----
-layout: Redirect
-lang: en-US
-title: Title of this page
-description: Description of this page
----
-### Components:
-
-[ CAccordion ](./4.0/components/accordion.md)
-
-[ CAlert ](./4.0/components/alert.md)
-
-[ CAvatar ](./4.0/components/avatar.md)
-
-[ CBackdrop ](./4.0/components/backdrop.md)
-
-[ CBadge ](./4.0/components/badge.md)
-
-[ CBreadcrumb ](./4.0/components/breadcrumb.md)
-
-[ CButton ](./4.0/components/button.md)
-
-[ CButtonGroup ](./4.0/components/button-group.md)
-
-[ CCallout ](./4.0/components/callout.md)
-
-[ CCard ](./4.0/components/card.md)
-
-[ CCollapse ](./4.0/components/collapse.md)
-
-[ CDropdown ](./4.0/components/dropdown.md)
-
-[ CDropdown ](./4.0/components/dropdown.md)
-
-[ CFooter ](./4.0/components/footer.md)
-
-[ CForm ](./4.0/components/form.md)
-
-[ CGrid ](./4.0/components/grid.md)
-
-[ CHeader ](./4.0/components/header.md)
-
-[ CLink ](./4.0/components/link.md)
-
-[ CListGroup ](./4.0/components/list-group.md)
-
-[ CLoadingButton ](./4.0/components/loading-button.md)
-
-[ CModal ](./4.0/components/modal.md)
-
-[ CMultiSelect ](./4.0/components/multi-select.md)
-
-[ CNav ](./4.0/components/nav.md)
-
-[ CNavBar ](./4.0/components/navbar.md)
-
-[ COffcanvas ](./4.0/components/offcanvas.md)
-
-[ CPagination ](./4.0/components/pagination.md)
-
-[ CPopover ](./4.0/components/popover.md)
-
-[ CProgress ](./4.0/components/progress.md)
-
-[ CSidebar ](./4.0/components/sidebar.md)
-
-[ CSpinner ](./4.0/components/spinner.md)
-
-[ CTable ](./4.0/components/table.md)
-
-[ CTabs ](./4.0/components/tabs.md)
-
-[ CToast ](./4.0/components/toast.md)
-
-### Directives:
-
-
-[ CTooltip ](./4.0/directives/tooltip.md)
-
-[ CPopover ](./4.0/directives/popover.md)
\ No newline at end of file
diff --git a/packages/docs/package.json b/packages/docs/package.json
index e402aea7..3dfd25a2 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue-docs",
-  "version": "5.1.0",
+  "version": "5.2.0",
   "scripts": {
     "api": "vue-docgen -c build/docgen.config.js",
     "dev": "vuepress dev --clean-cache",

From 7626e30aaa69bd6ab1ba796d8dd8c04c62c178a6 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 29 Aug 2024 12:54:33 +0200
Subject: [PATCH 305/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@coreui/coreui                             ^5.1.0  →       ^5.1.2
@typescript-eslint/eslint-plugin          ^7.17.0  →       ^8.3.0
@typescript-eslint/parser                 ^7.17.0  →       ^8.3.0
@vuepress/bundler-vite                2.0.0-rc.14  →  2.0.0-rc.15
@vuepress/bundler-webpack             2.0.0-rc.14  →  2.0.0-rc.15
@vuepress/plugin-active-header-links  2.0.0-rc.39  →  2.0.0-rc.42
@vuepress/plugin-git                  2.0.0-rc.38  →  2.0.0-rc.42
@vuepress/plugin-markdown-container   2.0.0-rc.37  →  2.0.0-rc.42
@vuepress/plugin-register-components  2.0.0-rc.37  →  2.0.0-rc.42
@vuepress/plugin-theme-data           2.0.0-rc.39  →  2.0.0-rc.42
@vuepress/plugin-toc                  2.0.0-rc.39  →  2.0.0-rc.42
@vuepress/shared                      2.0.0-rc.14  →  2.0.0-rc.15
@vuepress/utils                       2.0.0-rc.14  →  2.0.0-rc.15
eslint-plugin-unicorn                     ^54.0.0  →      ^55.0.0
lerna                                      ^8.1.7  →       ^8.1.8
markdown-it-anchor                         ^9.0.1  →       ^9.1.0
rollup                                    ^4.19.0  →      ^4.21.1
ts-jest                                   ^29.2.3  →      ^29.2.5
vue                                       ^3.4.33  →      ^3.4.38
vuepress                              2.0.0-rc.14  →  2.0.0-rc.15
---
 package.json                     |  8 ++++----
 packages/coreui-vue/package.json |  8 ++++----
 packages/docs/package.json       | 26 +++++++++++++-------------
 3 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/package.json b/package.json
index f732fb97..41fbecce 100644
--- a/package.json
+++ b/package.json
@@ -22,8 +22,8 @@
     "test:update": "npm-run-all charts:test:update icons:test:update lib:test:update"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^7.17.0",
-    "@typescript-eslint/parser": "^7.17.0",
+    "@typescript-eslint/eslint-plugin": "^8.3.0",
+    "@typescript-eslint/parser": "^8.3.0",
     "@vue/eslint-config-prettier": "^9.0.0",
     "@vue/eslint-config-typescript": "^13.0.0",
     "@vue/vue3-jest": "29.2.6",
@@ -31,8 +31,8 @@
     "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-vue": "^9.27.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-unicorn": "^54.0.0",
-    "lerna": "^8.1.7",
+    "eslint-plugin-unicorn": "^55.0.0",
+    "lerna": "^8.1.8",
     "npm-run-all": "^4.1.5",
     "prettier": "^3.3.3"
   }
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index be156612..95c382a3 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -41,7 +41,7 @@
     "test:update": "jest --coverage --updateSnapshot"
   },
   "dependencies": {
-    "@coreui/coreui": "^5.1.0",
+    "@coreui/coreui": "^5.1.2",
     "@popperjs/core": "^2.11.8"
   },
   "devDependencies": {
@@ -54,11 +54,11 @@
     "cross-env": "^7.0.3",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "rollup": "^4.19.0",
+    "rollup": "^4.21.1",
     "rollup-plugin-vue": "^6.0.0",
-    "ts-jest": "^29.2.3",
+    "ts-jest": "^29.2.5",
     "typescript": "^5.5.4",
-    "vue": "^3.4.33",
+    "vue": "^3.4.38",
     "vue-types": "^5.1.3"
   },
   "peerDependencies": {
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 3dfd25a2..14f551b1 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -9,28 +9,28 @@
   "license": "MIT",
   "devDependencies": {
     "@coreui/chartjs": "^4.0.0",
-    "@coreui/coreui": "^5.1.0",
+    "@coreui/coreui": "^5.1.2",
     "@coreui/icons": "^3.0.1",
     "@coreui/icons-vue": "^2.1.0",
     "@coreui/utils": "^2.0.2",
     "@coreui/vue-chartjs": "^3.0.0",
     "@docsearch/css": "^3.6.1",
     "@docsearch/js": "^3.6.1",
-    "@vuepress/bundler-vite": "2.0.0-rc.14",
-    "@vuepress/bundler-webpack": "2.0.0-rc.14",
-    "@vuepress/plugin-active-header-links": "2.0.0-rc.39",
-    "@vuepress/plugin-git": "2.0.0-rc.38",
-    "@vuepress/plugin-markdown-container": "2.0.0-rc.37",
+    "@vuepress/bundler-vite": "2.0.0-rc.15",
+    "@vuepress/bundler-webpack": "2.0.0-rc.15",
+    "@vuepress/plugin-active-header-links": "2.0.0-rc.42",
+    "@vuepress/plugin-git": "2.0.0-rc.42",
+    "@vuepress/plugin-markdown-container": "2.0.0-rc.42",
     "@vuepress/plugin-prismjs": "2.0.0-rc.37",
-    "@vuepress/plugin-theme-data": "2.0.0-rc.39",
-    "@vuepress/plugin-register-components": "2.0.0-rc.37",
-    "@vuepress/plugin-toc": "2.0.0-rc.39",
-    "@vuepress/shared": "2.0.0-rc.14",
-    "@vuepress/utils": "2.0.0-rc.14",
-    "markdown-it-anchor": "^9.0.1",
+    "@vuepress/plugin-theme-data": "2.0.0-rc.42",
+    "@vuepress/plugin-register-components": "2.0.0-rc.42",
+    "@vuepress/plugin-toc": "2.0.0-rc.42",
+    "@vuepress/shared": "2.0.0-rc.15",
+    "@vuepress/utils": "2.0.0-rc.15",
+    "markdown-it-anchor": "^9.1.0",
     "markdown-it-include": "^2.0.0",
     "sass": "^1.77.8",
     "vue-docgen-cli": "^4.79.0",
-    "vuepress": "2.0.0-rc.14"
+    "vuepress": "2.0.0-rc.15"
   }
 }

From d15e7054866c0f3719e8220324335ea070e6741a Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 29 Aug 2024 14:13:12 +0200
Subject: [PATCH 306/346] feat(CModal): the `container` and `teleport`
 properties to enable appending the modal to a specific element

---
 .../coreui-vue/src/components/modal/CModal.ts | 68 +++++++++++++------
 packages/docs/api/modal/CModal.api.md         | 28 ++++----
 2 files changed, 64 insertions(+), 32 deletions(-)

diff --git a/packages/coreui-vue/src/components/modal/CModal.ts b/packages/coreui-vue/src/components/modal/CModal.ts
index 78a238b9..e2e1947d 100644
--- a/packages/coreui-vue/src/components/modal/CModal.ts
+++ b/packages/coreui-vue/src/components/modal/CModal.ts
@@ -1,6 +1,7 @@
 import {
   defineComponent,
   h,
+  PropType,
   provide,
   ref,
   RendererElement,
@@ -11,6 +12,7 @@ import {
 } from 'vue'
 
 import { CBackdrop } from '../backdrop/CBackdrop'
+import { CConditionalTeleport } from '../conditional-teleport'
 
 import { executeAfterTransition } from '../../utils/transition'
 
@@ -47,6 +49,15 @@ const CModal = defineComponent({
         return false
       },
     },
+    /**
+     * Appends the vue popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
+     *
+     * @since 5.3.0
+     */
+    container: {
+      type: [Object, String] as PropType<HTMLElement | (() => HTMLElement) | string>,
+      default: 'body',
+    },
     /**
      * A string of all className you want applied to the modal content component.
      */
@@ -54,7 +65,7 @@ const CModal = defineComponent({
     /**
      * Puts the focus on the modal when shown.
      *
-     * @since v5.0.0
+     * @since 5.0.0
      */
     focus: {
       type: Boolean,
@@ -99,6 +110,15 @@ const CModal = defineComponent({
         return ['sm', 'lg', 'xl'].includes(value)
       },
     },
+    /**
+     * Generates modal using Teleport.
+     *
+     * @since 5.3.0
+     */
+    teleport: {
+      type: Boolean,
+      default: false,
+    },
     /**
      * Remove animation to create modal that simply appear rather than fade in to view.
      */
@@ -264,27 +284,37 @@ const CModal = defineComponent({
         ),
       )
 
-    return () => [
+    return () =>
       h(
-        Transition,
+        CConditionalTeleport,
         {
-          css: false,
-          onEnter: (el, done) => handleEnter(el, done),
-          onAfterEnter: () => handleAfterEnter(),
-          onLeave: (el, done) => handleLeave(el, done),
-          onAfterLeave: (el) => handleAfterLeave(el),
+          container: props.container,
+          teleport: props.teleport,
         },
-        () =>
-          props.unmountOnClose
-            ? visible.value && modal()
-            : withDirectives(modal(), [[vShow, visible.value]]),
-      ),
-      props.backdrop &&
-        h(CBackdrop, {
-          class: 'modal-backdrop',
-          visible: visible.value,
-        }),
-    ]
+        {
+          default: () => [
+            h(
+              Transition,
+              {
+                css: false,
+                onEnter: (el, done) => handleEnter(el, done),
+                onAfterEnter: () => handleAfterEnter(),
+                onLeave: (el, done) => handleLeave(el, done),
+                onAfterLeave: (el) => handleAfterLeave(el),
+              },
+              () =>
+                props.unmountOnClose
+                  ? visible.value && modal()
+                  : withDirectives(modal(), [[vShow, visible.value]]),
+            ),
+            props.backdrop &&
+              h(CBackdrop, {
+                class: 'modal-backdrop',
+                visible: visible.value,
+              }),
+          ],
+        },
+      )
   },
 })
 
diff --git a/packages/docs/api/modal/CModal.api.md b/packages/docs/api/modal/CModal.api.md
index 582c2798..6f201012 100644
--- a/packages/docs/api/modal/CModal.api.md
+++ b/packages/docs/api/modal/CModal.api.md
@@ -8,19 +8,21 @@ import CModal from '@coreui/vue/src/components/modal/CModal'
 
 #### Props
 
-| Prop name                                                 | Description                                                                                                                        | Type            | Values                                             | Default |
-| --------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- | --------------- | -------------------------------------------------- | ------- |
-| **alignment**                                             | Align the modal in the center or top of the screen.                                                                                | string          | `'top'`, `'center'`                                | 'top'   |
-| **backdrop**                                              | Apply a backdrop on body while offcanvas is open.                                                                                  | boolean\|string | `boolean \| 'static'`                              | true    |
-| **content-class-name**                                    | A string of all className you want applied to the modal content component.                                                         | string          | -                                                  | -       |
-| **focus** <br><div class="badge bg-primary">v5.0.0+</div> | Puts the focus on the modal when shown.                                                                                            | boolean         | -                                                  | true    |
-| **fullscreen**                                            | Set modal to covers the entire user viewport                                                                                       | boolean\|string | `boolean`, `'sm'`, `'md'`, `'lg'`, `'xl'`, `'xxl'` | -       |
-| **keyboard**                                              | Closes the modal when escape key is pressed.                                                                                       | boolean         | -                                                  | true    |
-| **scrollable**                                            | Create a scrollable modal that allows scrolling the modal body.                                                                    | boolean         | -                                                  | -       |
-| **size**                                                  | Size the component small, large, or extra large.                                                                                   | string          | `'sm'`, `'lg'`, `'xl'`                             | -       |
-| **transition**                                            | Remove animation to create modal that simply appear rather than fade in to view.                                                   | boolean         | -                                                  | true    |
-| **unmount-on-close**                                      | By default the component is unmounted after close animation, if you want to keep the component mounted set this property to false. | boolean         | -                                                  | true    |
-| **visible**                                               | Toggle the visibility of alert component.                                                                                          | boolean         | -                                                  | -       |
+| Prop name                                                    | Description                                                                                                                                        | Type                                         | Values                                             | Default |
+| ------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | -------------------------------------------------- | ------- |
+| **alignment**                                                | Align the modal in the center or top of the screen.                                                                                                | string                                       | `'top'`, `'center'`                                | 'top'   |
+| **backdrop**                                                 | Apply a backdrop on body while offcanvas is open.                                                                                                  | boolean\|string                              | `boolean \| 'static'`                              | true    |
+| **container** <br><div class="badge bg-primary">5.3.0+</div> | Appends the vue popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`. | HTMLElement \| (() => HTMLElement) \| string | -                                                  | 'body'  |
+| **content-class-name**                                       | A string of all className you want applied to the modal content component.                                                                         | string                                       | -                                                  | -       |
+| **focus** <br><div class="badge bg-primary">5.0.0+</div>     | Puts the focus on the modal when shown.                                                                                                            | boolean                                      | -                                                  | true    |
+| **fullscreen**                                               | Set modal to covers the entire user viewport                                                                                                       | boolean\|string                              | `boolean`, `'sm'`, `'md'`, `'lg'`, `'xl'`, `'xxl'` | -       |
+| **keyboard**                                                 | Closes the modal when escape key is pressed.                                                                                                       | boolean                                      | -                                                  | true    |
+| **scrollable**                                               | Create a scrollable modal that allows scrolling the modal body.                                                                                    | boolean                                      | -                                                  | -       |
+| **size**                                                     | Size the component small, large, or extra large.                                                                                                   | string                                       | `'sm'`, `'lg'`, `'xl'`                             | -       |
+| **teleport** <br><div class="badge bg-primary">5.3.0+</div>  | Generates modal using Teleport.                                                                                                                    | boolean                                      | -                                                  | false   |
+| **transition**                                               | Remove animation to create modal that simply appear rather than fade in to view.                                                                   | boolean                                      | -                                                  | true    |
+| **unmount-on-close**                                         | By default the component is unmounted after close animation, if you want to keep the component mounted set this property to false.                 | boolean                                      | -                                                  | true    |
+| **visible**                                                  | Toggle the visibility of alert component.                                                                                                          | boolean                                      | -                                                  | -       |
 
 #### Events
 

From 7cc0c88b9d1748d82ea1578300a229ec608b5b4a Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 29 Aug 2024 14:17:40 +0200
Subject: [PATCH 307/346] docs: update API documentation

---
 .../CConditionalTeleport.ts                   |  2 +-
 .../src/components/dropdown/CDropdown.ts      |  4 +--
 .../components/dropdown/CDropdownToggle.ts    |  2 +-
 .../src/components/popover/CPopover.ts        |  2 +-
 .../src/components/tooltip/CTooltip.ts        |  2 +-
 .../CConditionalTeleport.api.md               |  8 ++---
 packages/docs/api/dropdown/CDropdown.api.md   | 30 +++++++++----------
 .../docs/api/dropdown/CDropdownToggle.api.md  | 24 +++++++--------
 packages/docs/api/form/CFormSelect.api.md     |  2 +-
 packages/docs/api/popover/CPopover.api.md     |  2 +-
 packages/docs/api/tooltip/CTooltip.api.md     |  2 +-
 11 files changed, 40 insertions(+), 40 deletions(-)

diff --git a/packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts b/packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts
index 8fd104a1..9207fb9a 100644
--- a/packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts
+++ b/packages/coreui-vue/src/components/conditional-teleport/CConditionalTeleport.ts
@@ -16,7 +16,7 @@ const CConditionalTeleport = defineComponent({
     /**
      * An HTML element or function that returns a single element, with `document.body` as the default.
      *
-     * @since v5.0.0
+     * @since 5.0.0
      */
     container: {
       type: [Object, String] as PropType<HTMLElement | (() => HTMLElement) | string>,
diff --git a/packages/coreui-vue/src/components/dropdown/CDropdown.ts b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
index 32fe1ea0..679e5d6f 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdown.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdown.ts
@@ -62,7 +62,7 @@ const CDropdown = defineComponent({
     /**
      * Appends the vue dropdown menu to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
      *
-     * @since v5.0.0
+     * @since 5.0.0
      */
     container: {
       type: [Object, String] as PropType<HTMLElement | (() => HTMLElement) | string>,
@@ -115,7 +115,7 @@ const CDropdown = defineComponent({
     /**
      * Generates dropdown menu using Teleport.
      *
-     * @since v5.0.0
+     * @since 5.0.0
      */
     teleport: {
       type: Boolean,
diff --git a/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts b/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
index 33e96a35..17fd034b 100644
--- a/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
+++ b/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts
@@ -49,7 +49,7 @@ const CDropdownToggle = defineComponent({
     /**
      * If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.
      *
-     * @since v5.0.0
+     * @since 5.0.0
      */
     navLink: {
       type: Boolean,
diff --git a/packages/coreui-vue/src/components/popover/CPopover.ts b/packages/coreui-vue/src/components/popover/CPopover.ts
index 3690fa48..03ade861 100644
--- a/packages/coreui-vue/src/components/popover/CPopover.ts
+++ b/packages/coreui-vue/src/components/popover/CPopover.ts
@@ -23,7 +23,7 @@ const CPopover = defineComponent({
     /**
      * Appends the vue popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
      *
-     * @since v5.0.0
+     * @since 5.0.0
      */
     container: {
       type: [Object, String] as PropType<HTMLElement | (() => HTMLElement) | string>,
diff --git a/packages/coreui-vue/src/components/tooltip/CTooltip.ts b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
index c982b3c8..02ad416e 100644
--- a/packages/coreui-vue/src/components/tooltip/CTooltip.ts
+++ b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
@@ -23,7 +23,7 @@ const CTooltip = defineComponent({
     /**
      * Appends the vue tooltip to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
      *
-     * @since v5.0.0
+     * @since 5.0.0
      */
     container: {
       type: [Object, String] as PropType<HTMLElement | (() => HTMLElement) | string>,
diff --git a/packages/docs/api/conditional-teleport/CConditionalTeleport.api.md b/packages/docs/api/conditional-teleport/CConditionalTeleport.api.md
index 66b3972f..79b60043 100644
--- a/packages/docs/api/conditional-teleport/CConditionalTeleport.api.md
+++ b/packages/docs/api/conditional-teleport/CConditionalTeleport.api.md
@@ -8,7 +8,7 @@ import CConditionalTeleport from '@coreui/vue/src/components/conditional-telepor
 
 #### Props
 
-| Prop name                                                     | Description                                                                                     | Type                                         | Values | Default |
-| ------------------------------------------------------------- | ----------------------------------------------------------------------------------------------- | -------------------------------------------- | ------ | ------- |
-| **container** <br><div class="badge bg-primary">v5.0.0+</div> | An HTML element or function that returns a single element, with `document.body` as the default. | HTMLElement \| (() => HTMLElement) \| string | -      | 'body'  |
-| **teleport**                                                  | Render some children into a different part of the DOM                                           | boolean                                      | -      | true    |
+| Prop name                                                    | Description                                                                                     | Type                                         | Values | Default |
+| ------------------------------------------------------------ | ----------------------------------------------------------------------------------------------- | -------------------------------------------- | ------ | ------- |
+| **container** <br><div class="badge bg-primary">5.0.0+</div> | An HTML element or function that returns a single element, with `document.body` as the default. | HTMLElement \| (() => HTMLElement) \| string | -      | 'body'  |
+| **teleport**                                                 | Render some children into a different part of the DOM                                           | boolean                                      | -      | true    |
diff --git a/packages/docs/api/dropdown/CDropdown.api.md b/packages/docs/api/dropdown/CDropdown.api.md
index 3eaad39f..6d3bade5 100644
--- a/packages/docs/api/dropdown/CDropdown.api.md
+++ b/packages/docs/api/dropdown/CDropdown.api.md
@@ -8,21 +8,21 @@ import CDropdown from '@coreui/vue/src/components/dropdown/CDropdown'
 
 #### Props
 
-| Prop name                                                     | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | Type                                         | Values                                                                                                                                                                                        | Default        |
-| ------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- |
-| **alignment**                                                 | Set aligment of dropdown menu.                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | string \| Alignments                         | `{ 'start' \| 'end' \| { xs: 'start' \| 'end' } \| { sm: 'start' \| 'end' } \| { md: 'start' \| 'end' } \| { lg: 'start' \| 'end' } \| { xl: 'start' \| 'end'} \| { xxl: 'start' \| 'end'} }` | -              |
-| **auto-close**                                                | Configure the auto close behavior of the dropdown:<br>- `true` - the dropdown will be closed by clicking outside or inside the dropdown menu.<br>- `false` - the dropdown will be closed by clicking the toggle button and manually calling hide or toggle method. (Also will not be closed by pressing esc key)<br>- `'inside'` - the dropdown will be closed (only) by clicking inside the dropdown menu.<br>- `'outside'` - the dropdown will be closed (only) by clicking outside the dropdown menu. | boolean\|string                              | -                                                                                                                                                                                             | true           |
-| **container** <br><div class="badge bg-primary">v5.0.0+</div> | Appends the vue dropdown menu to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                                                                                                                                                                                                                                                                 | HTMLElement \| (() => HTMLElement) \| string | -                                                                                                                                                                                             | 'body'         |
-| **dark**                                                      | Sets a darker color scheme to match a dark navbar.                                                                                                                                                                                                                                                                                                                                                                                                                                                       | boolean                                      | -                                                                                                                                                                                             | -              |
-| **direction**                                                 | Sets a specified direction and location of the dropdown menu.                                                                                                                                                                                                                                                                                                                                                                                                                                            | string                                       | `'center'`, `'dropup'`, `'dropup-center'`, `'dropend'`, `'dropstart'`                                                                                                                         | -              |
-| **disabled**                                                  | Toggle the disabled state for the component.                                                                                                                                                                                                                                                                                                                                                                                                                                                             | boolean                                      | -                                                                                                                                                                                             | -              |
-| **offset** <br><div class="badge bg-primary">4.9.0+</div>     | Offset of the dropdown menu relative to its target.                                                                                                                                                                                                                                                                                                                                                                                                                                                      | array                                        | -                                                                                                                                                                                             | [0, 2]         |
-| **placement**                                                 | Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.                                                                                                                                                                                                                                                                                                                                     | Placement                                    | `'auto'`, `'top-end'`, `'top'`, `'top-start'`, `'bottom-end'`, `'bottom'`, `'bottom-start'`, `'right-start'`, `'right'`, `'right-end'`, `'left-start'`, `'left'`, `'left-end'`                | 'bottom-start' |
-| **popper**                                                    | If you want to disable dynamic positioning set this property to `true`.                                                                                                                                                                                                                                                                                                                                                                                                                                  | boolean                                      | -                                                                                                                                                                                             | true           |
-| **teleport** <br><div class="badge bg-primary">v5.0.0+</div>  | Generates dropdown menu using Teleport.                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | boolean                                      | -                                                                                                                                                                                             | false          |
-| **trigger**                                                   | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.                                                                                                                                                                                                                                                                                                                                                                                      | Triggers                                     | -                                                                                                                                                                                             | 'click'        |
-| **variant**                                                   | Set the dropdown variant to an btn-group, dropdown, input-group, and nav-item.                                                                                                                                                                                                                                                                                                                                                                                                                           | string                                       | `'btn-group'`, `'dropdown'`, `'input-group'`, `'nav-item'`                                                                                                                                    | 'btn-group'    |
-| **visible**                                                   | Toggle the visibility of dropdown menu component.                                                                                                                                                                                                                                                                                                                                                                                                                                                        | boolean                                      | -                                                                                                                                                                                             | -              |
+| Prop name                                                    | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | Type                                         | Values                                                                                                                                                                                        | Default        |
+| ------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- |
+| **alignment**                                                | Set aligment of dropdown menu.                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | string \| Alignments                         | `{ 'start' \| 'end' \| { xs: 'start' \| 'end' } \| { sm: 'start' \| 'end' } \| { md: 'start' \| 'end' } \| { lg: 'start' \| 'end' } \| { xl: 'start' \| 'end'} \| { xxl: 'start' \| 'end'} }` | -              |
+| **auto-close**                                               | Configure the auto close behavior of the dropdown:<br>- `true` - the dropdown will be closed by clicking outside or inside the dropdown menu.<br>- `false` - the dropdown will be closed by clicking the toggle button and manually calling hide or toggle method. (Also will not be closed by pressing esc key)<br>- `'inside'` - the dropdown will be closed (only) by clicking inside the dropdown menu.<br>- `'outside'` - the dropdown will be closed (only) by clicking outside the dropdown menu. | boolean\|string                              | -                                                                                                                                                                                             | true           |
+| **container** <br><div class="badge bg-primary">5.0.0+</div> | Appends the vue dropdown menu to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                                                                                                                                                                                                                                                                 | HTMLElement \| (() => HTMLElement) \| string | -                                                                                                                                                                                             | 'body'         |
+| **dark**                                                     | Sets a darker color scheme to match a dark navbar.                                                                                                                                                                                                                                                                                                                                                                                                                                                       | boolean                                      | -                                                                                                                                                                                             | -              |
+| **direction**                                                | Sets a specified direction and location of the dropdown menu.                                                                                                                                                                                                                                                                                                                                                                                                                                            | string                                       | `'center'`, `'dropup'`, `'dropup-center'`, `'dropend'`, `'dropstart'`                                                                                                                         | -              |
+| **disabled**                                                 | Toggle the disabled state for the component.                                                                                                                                                                                                                                                                                                                                                                                                                                                             | boolean                                      | -                                                                                                                                                                                             | -              |
+| **offset** <br><div class="badge bg-primary">4.9.0+</div>    | Offset of the dropdown menu relative to its target.                                                                                                                                                                                                                                                                                                                                                                                                                                                      | array                                        | -                                                                                                                                                                                             | [0, 2]         |
+| **placement**                                                | Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.                                                                                                                                                                                                                                                                                                                                     | Placement                                    | `'auto'`, `'top-end'`, `'top'`, `'top-start'`, `'bottom-end'`, `'bottom'`, `'bottom-start'`, `'right-start'`, `'right'`, `'right-end'`, `'left-start'`, `'left'`, `'left-end'`                | 'bottom-start' |
+| **popper**                                                   | If you want to disable dynamic positioning set this property to `true`.                                                                                                                                                                                                                                                                                                                                                                                                                                  | boolean                                      | -                                                                                                                                                                                             | true           |
+| **teleport** <br><div class="badge bg-primary">5.0.0+</div>  | Generates dropdown menu using Teleport.                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | boolean                                      | -                                                                                                                                                                                             | false          |
+| **trigger**                                                  | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.                                                                                                                                                                                                                                                                                                                                                                                      | Triggers                                     | -                                                                                                                                                                                             | 'click'        |
+| **variant**                                                  | Set the dropdown variant to an btn-group, dropdown, input-group, and nav-item.                                                                                                                                                                                                                                                                                                                                                                                                                           | string                                       | `'btn-group'`, `'dropdown'`, `'input-group'`, `'nav-item'`                                                                                                                                    | 'btn-group'    |
+| **visible**                                                  | Toggle the visibility of dropdown menu component.                                                                                                                                                                                                                                                                                                                                                                                                                                                        | boolean                                      | -                                                                                                                                                                                             | -              |
 
 #### Events
 
diff --git a/packages/docs/api/dropdown/CDropdownToggle.api.md b/packages/docs/api/dropdown/CDropdownToggle.api.md
index 2c5e2d20..ddf79509 100644
--- a/packages/docs/api/dropdown/CDropdownToggle.api.md
+++ b/packages/docs/api/dropdown/CDropdownToggle.api.md
@@ -8,15 +8,15 @@ import CDropdownToggle from '@coreui/vue/src/components/dropdown/CDropdownToggle
 
 #### Props
 
-| Prop name                                                    | Description                                                                                                                                                                                                   | Type     | Values                                                                                          | Default  |
-| ------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------------------------------------------------------------------------------------------- | -------- |
-| **as**                                                       | Component used for the root node. Either a string to use a HTML element or a component.                                                                                                                       | string   | -                                                                                               | 'button' |
-| **color**                                                    | Sets the color context of the component to one of CoreUI’s themed colors.                                                                                                                                     | string   | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | -        |
-| **caret**                                                    | Enables pseudo element caret on toggler.                                                                                                                                                                      | boolean  | -                                                                                               | true     |
-| **custom**                                                   | Create a custom toggler which accepts any content.                                                                                                                                                            | boolean  | -                                                                                               | -        |
-| **disabled**                                                 | Toggle the disabled state for the component.                                                                                                                                                                  | boolean  | -                                                                                               | -        |
-| **nav-link** <br><div class="badge bg-primary">v5.0.0+</div> | If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.                                                                                                           | boolean  | -                                                                                               | true     |
-| **size**                                                     | Size the component small or large.                                                                                                                                                                            | string   | `'sm'`, `'lg'`                                                                                  | -        |
-| **split**                                                    | Similarly, create split button dropdowns with virtually the same markup as single button dropdowns, but with the addition of `.dropdown-toggle-split` className for proper spacing around the dropdown caret. | boolean  | -                                                                                               | -        |
-| **trigger**                                                  | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.<br/>`@type` 'hover' \| 'focus' \| 'click'                                                 | Triggers | -                                                                                               | 'click'  |
-| **variant**                                                  | Set the button variant to an outlined button or a ghost button.                                                                                                                                               | string   | `'ghost'`, `'outline'`                                                                          | -        |
+| Prop name                                                   | Description                                                                                                                                                                                                   | Type     | Values                                                                                          | Default  |
+| ----------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------------------------------------------------------------------------------------------- | -------- |
+| **as**                                                      | Component used for the root node. Either a string to use a HTML element or a component.                                                                                                                       | string   | -                                                                                               | 'button' |
+| **color**                                                   | Sets the color context of the component to one of CoreUI’s themed colors.                                                                                                                                     | string   | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | -        |
+| **caret**                                                   | Enables pseudo element caret on toggler.                                                                                                                                                                      | boolean  | -                                                                                               | true     |
+| **custom**                                                  | Create a custom toggler which accepts any content.                                                                                                                                                            | boolean  | -                                                                                               | -        |
+| **disabled**                                                | Toggle the disabled state for the component.                                                                                                                                                                  | boolean  | -                                                                                               | -        |
+| **nav-link** <br><div class="badge bg-primary">5.0.0+</div> | If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.                                                                                                           | boolean  | -                                                                                               | true     |
+| **size**                                                    | Size the component small or large.                                                                                                                                                                            | string   | `'sm'`, `'lg'`                                                                                  | -        |
+| **split**                                                   | Similarly, create split button dropdowns with virtually the same markup as single button dropdowns, but with the addition of `.dropdown-toggle-split` className for proper spacing around the dropdown caret. | boolean  | -                                                                                               | -        |
+| **trigger**                                                 | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.<br/>`@type` 'hover' \| 'focus' \| 'click'                                                 | Triggers | -                                                                                               | 'click'  |
+| **variant**                                                 | Set the button variant to an outlined button or a ghost button.                                                                                                                                               | string   | `'ghost'`, `'outline'`                                                                          | -        |
diff --git a/packages/docs/api/form/CFormSelect.api.md b/packages/docs/api/form/CFormSelect.api.md
index 2637bffa..8d77c483 100644
--- a/packages/docs/api/form/CFormSelect.api.md
+++ b/packages/docs/api/form/CFormSelect.api.md
@@ -19,7 +19,7 @@ import CFormSelect from '@coreui/vue/src/components/form/CFormSelect'
 | **invalid**                                                         | Set component validation state to invalid.                                                                                                                                                                                                   | boolean              | -              | -       |
 | **label** <br><div class="badge bg-primary">4.3.0+</div>            | Add a caption for a component.                                                                                                                                                                                                               | string               | -              | -       |
 | **model-value**                                                     | The default name for a value passed using v-model.                                                                                                                                                                                           | string \| string[]   | -              | -       |
-| **options**                                                         | Options list of the select component. Available keys: `label`, `value`, `disabled`, `selected`.<br>Examples:<br>- `:options="[{ value: 'js', label: 'JavaScript', selected: true }, { value: 'html', label: 'HTML', disabled: true }]"`<br>- `:options="['js', 'html']"` | Option[] \| string[] | -              | -       |
+| **options**                                                         | Options list of the select component. Available keys: `label`, `value`, `disabled`.<br>Examples:<br>- `:options="[{ value: 'js', label: 'JavaScript' }, { value: 'html', label: 'HTML', disabled: true }]"`<br>- `:options="['js', 'html']"` | Option[] \| string[] | -              | -       |
 | **size**                                                            | Size the component small or large.                                                                                                                                                                                                           | string               | `'sm' \| 'lg'` | -       |
 | **text** <br><div class="badge bg-primary">4.3.0+</div>             | Add helper text to the component.                                                                                                                                                                                                            | string               | -              | -       |
 | **tooltip-feedback** <br><div class="badge bg-primary">4.3.0+</div> | Display validation feedback in a styled tooltip.                                                                                                                                                                                             | boolean              | -              | -       |
diff --git a/packages/docs/api/popover/CPopover.api.md b/packages/docs/api/popover/CPopover.api.md
index 55a94fd7..725e4846 100644
--- a/packages/docs/api/popover/CPopover.api.md
+++ b/packages/docs/api/popover/CPopover.api.md
@@ -11,7 +11,7 @@ import CPopover from '@coreui/vue/src/components/popover/CPopover'
 | Prop name                                                              | Description                                                                                                                                                                                                                                                     | Type                                         | Values                          | Default                                  |
 | ---------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | ------------------------------- | ---------------------------------------- |
 | **animation** <br><div class="badge bg-primary">4.9.0+</div>           | Apply a CSS fade transition to the popover.                                                                                                                                                                                                                     | boolean                                      | -                               | true                                     |
-| **container** <br><div class="badge bg-primary">v5.0.0+</div>          | Appends the vue popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                              | HTMLElement \| (() => HTMLElement) \| string | -                               | 'body'                                   |
+| **container** <br><div class="badge bg-primary">5.0.0+</div>           | Appends the vue popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                              | HTMLElement \| (() => HTMLElement) \| string | -                               | 'body'                                   |
 | **content**                                                            | Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`                                                                                                                                  | string                                       | -                               | -                                        |
 | **delay** <br><div class="badge bg-primary">4.9.0+</div>               | The delay for displaying and hiding the popover (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`. | number \| { show: number; hide: number }     | -                               | 0                                        |
 | **fallback-placements** <br><div class="badge bg-primary">4.9.0+</div> | Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.                                                                                                       | Placements \| Placements[]                   | -                               | () => ['top', 'right', 'bottom', 'left'] |
diff --git a/packages/docs/api/tooltip/CTooltip.api.md b/packages/docs/api/tooltip/CTooltip.api.md
index f8f3d672..3b0cac97 100644
--- a/packages/docs/api/tooltip/CTooltip.api.md
+++ b/packages/docs/api/tooltip/CTooltip.api.md
@@ -11,7 +11,7 @@ import CTooltip from '@coreui/vue/src/components/tooltip/CTooltip'
 | Prop name                                                              | Description                                                                                                                                                                                                                                                     | Type                                         | Values                          | Default                                  |
 | ---------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | ------------------------------- | ---------------------------------------- |
 | **animation** <br><div class="badge bg-primary">4.9.0+</div>           | Apply a CSS fade transition to the tooltip.                                                                                                                                                                                                                     | boolean                                      | -                               | true                                     |
-| **container** <br><div class="badge bg-primary">v5.0.0+</div>          | Appends the vue tooltip to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                              | HTMLElement \| (() => HTMLElement) \| string | -                               | 'body'                                   |
+| **container** <br><div class="badge bg-primary">5.0.0+</div>           | Appends the vue tooltip to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.                                                                                                              | HTMLElement \| (() => HTMLElement) \| string | -                               | 'body'                                   |
 | **content**                                                            | Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`                                                                                                                                  | string                                       | -                               | -                                        |
 | **delay** <br><div class="badge bg-primary">4.9.0+</div>               | The delay for displaying and hiding the popover (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`. | number \| { show: number; hide: number }     | -                               | 0                                        |
 | **fallback-placements** <br><div class="badge bg-primary">4.9.0+</div> | Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.                                                                                                       | Placements \| Placements[]                   | -                               | () => ['top', 'right', 'bottom', 'left'] |

From 766700b8251336c0a559cb1c4f06c7c117852a41 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Fri, 30 Aug 2024 10:57:22 +0200
Subject: [PATCH 308/346] docs: migrate examples to `<script setup>`

---
 packages/docs/components/alert.md     | 108 ++--
 packages/docs/components/collapse.md  |  66 +-
 packages/docs/components/header.md    |  91 ++-
 packages/docs/components/icon.md      |  89 +--
 packages/docs/components/modal.md     | 213 +++----
 packages/docs/components/navbar.md    | 141 ++---
 packages/docs/components/navs-tabs.md |  45 +-
 packages/docs/components/offcanvas.md | 158 ++---
 packages/docs/components/popover.md   |  48 +-
 packages/docs/components/table.md     | 850 ++++++++++++--------------
 packages/docs/components/toast.md     |  59 +-
 packages/docs/components/tooltip.md   |  34 +-
 packages/docs/forms/checkbox.md       |  52 +-
 packages/docs/forms/radio.md          |  32 +-
 packages/docs/forms/validation.md     | 180 +++---
 15 files changed, 904 insertions(+), 1262 deletions(-)

diff --git a/packages/docs/components/alert.md b/packages/docs/components/alert.md
index 7a757599..96091ca9 100644
--- a/packages/docs/components/alert.md
+++ b/packages/docs/components/alert.md
@@ -19,7 +19,8 @@ Vue Alert is prepared for any length of text, as well as an optional close butto
 <CAlert color="light">A simple light alert—check it out!</CAlert>
 <CAlert color="dark">A simple dark alert—check it out!</CAlert>
 :::
-```markup
+
+```vue
 <CAlert color="primary">A simple primary alert—check it out!</CAlert>
 <CAlert color="secondary">A simple secondary alert—check it out!</CAlert>
 <CAlert color="success">A simple success alert—check it out!</CAlert>
@@ -38,9 +39,16 @@ Click the button below to show an alert (hidden with inline styles to start), th
 <CAlert color="primary" :visible="liveExampleVisible" dismissible @close="() => { liveExampleVisible = false }">A simple primary alert—check it out!</CAlert>
 <CButton color="primary" @click="() => { liveExampleVisible = true }">Show live alert</CButton>
 :::
-```markup
-<CAlert color="primary" :visible="liveExampleVisible" dismissible @close="() => { liveExampleVisible = false }">A simple primary alert—check it out!</CAlert>
-<CButton color="primary" @click="() => { liveExampleVisible = true }">Show live alert</CButton>
+
+```vue
+<script setup>
+  import { ref } from 'vue'
+  const liveExampleVisible = ref(false)
+</script>
+<template>
+  <CAlert color="primary" :visible="liveExampleVisible" dismissible @close="() => { liveExampleVisible = false }">A simple primary alert—check it out!</CAlert>
+  <CButton color="primary" @click="() => { liveExampleVisible = true }">Show live alert</CButton>
+</template>
 ```
 
 ### Link color
@@ -48,32 +56,32 @@ Click the button below to show an alert (hidden with inline styles to start), th
 Use the `<CAlertLink>` component to immediately give matching colored links inside any alert.
 ::: demo
 <CAlert color="primary">
-  A simple primary alert with <CAlertLink href="#">an example link</CAlertLink>. Give it a click if you like.
+A simple primary alert with <CAlertLink href="#">an example link</CAlertLink>. Give it a click if you like.
 </CAlert>
 <CAlert color="secondary">
-  A simple secondary alert with <CAlertLink href="#">an example link</CAlertLink>. Give it a click if you like.
+A simple secondary alert with <CAlertLink href="#">an example link</CAlertLink>. Give it a click if you like.
 </CAlert>
 <CAlert color="success">
-  A simple success alert with <CAlertLink href="#">an example link</CAlertLink>. Give it a click if you like.
+A simple success alert with <CAlertLink href="#">an example link</CAlertLink>. Give it a click if you like.
 </CAlert>
 <CAlert color="danger">
-  A simple danger alert with <CAlertLink href="#">an example link</CAlertLink>. Give it a click if you like.
+A simple danger alert with <CAlertLink href="#">an example link</CAlertLink>. Give it a click if you like.
 </CAlert>
 <CAlert color="warning">
-  A simple warning alert with <CAlertLink href="#">an example link</CAlertLink>. Give it a click if you like.
+A simple warning alert with <CAlertLink href="#">an example link</CAlertLink>. Give it a click if you like.
 </CAlert>
 <CAlert color="info">
-  A simple info alert with <CAlertLink href="#">an example link</CAlertLink>. Give it a click if you like.
+A simple info alert with <CAlertLink href="#">an example link</CAlertLink>. Give it a click if you like.
 </CAlert>
 <CAlert color="light">
-  A simple light alert with <CAlertLink href="#">an example link</CAlertLink>. Give it a click if you like.
+A simple light alert with <CAlertLink href="#">an example link</CAlertLink>. Give it a click if you like.
 </CAlert>
 <CAlert color="dark">
-  A simple dark alert with <CAlertLink href="#">an example link</CAlertLink>. Give it a click if you like.
+A simple dark alert with <CAlertLink href="#">an example link</CAlertLink>. Give it a click if you like.
 </CAlert>
 :::
 
-```markup
+```vue
 <CAlert color="primary">
   A simple primary alert with <CAlertLink href="#">an example link</CAlertLink>. Give it a click if you like.
 </CAlert>
@@ -106,14 +114,15 @@ Alert can also incorporate supplementary HTML elements like heading, paragraph,
 
 ::: demo
 <CAlert color="success">
-  <CAlertHeading>Well done!</CAlertHeading>
+<CAlertHeading>Well done!</CAlertHeading>
+
   <p>Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.</p>
   <hr />
   <p class="mb-0">Whenever you need to, be sure to use margin utilities to keep things nice and tidy.</p>
 </CAlert>
 :::
 
-```markup
+```vue
 <CAlert color="success" v-bind:visible="true">
   <CAlertHeading>Well done!</CAlertHeading>
   <p>Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.</p>
@@ -121,21 +130,23 @@ Alert can also incorporate supplementary HTML elements like heading, paragraph,
   <p class="mb-0">Whenever you need to, be sure to use margin utilities to keep things nice and tidy.</p>
 </CAlert>
 ```
+
 ### Icons
 
 Similarly, you can use [flexbox utilities](https//coreui.io/docs/4.0/utilities/flex") and [CoreUI Icons](https://icons.coreui.io) to create alerts with icons. Depending on your icons and content, you may want to add more utilities or custom styles.
 
 ::: demo
 <CAlert color="primary" class="d-flex align-items-center">
-  <svg class="flex-shrink-0 me-2" width="24" height="24" viewBox="0 0 512 512">
-    <rect width="32" height="176" x="240" y="176" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect><rect width="32" height="32" x="240" y="384" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect><path fill="var(--ci-primary-color, currentColor)" d="M274.014,16H237.986L16,445.174V496H496V445.174ZM464,464H48V452.959L256,50.826,464,452.959Z" class="ci-primary"></path>
-  </svg>
+<svg class="flex-shrink-0 me-2" width="24" height="24" viewBox="0 0 512 512">
+<rect width="32" height="176" x="240" y="176" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect><rect width="32" height="32" x="240" y="384" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect><path fill="var(--ci-primary-color, currentColor)" d="M274.014,16H237.986L16,445.174V496H496V445.174ZM464,464H48V452.959L256,50.826,464,452.959Z" class="ci-primary"></path>
+</svg>
+
   <div>
     An example alert with an icon
   </div>
 </CAlert>
 :::
-```markup
+```vue
 <CAlert color="primary" class="d-flex align-items-center">
   <svg class="flex-shrink-0 me-2" width="24" height="24" viewBox="0 0 512 512">
     <rect width="32" height="176" x="240" y="176" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect><rect width="32" height="32" x="240" y="384" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect><path fill="var(--ci-primary-color, currentColor)" d="M274.014,16H237.986L16,445.174V496H496V445.174ZM464,464H48V452.959L256,50.826,464,452.959Z" class="ci-primary"></path>
@@ -150,7 +161,8 @@ Need more than one icon for your alerts? Consider using [CoreUI Icons](https://i
 
 ::: demo
 <CAlert color="primary" class="d-flex align-items-center">
-  <CIcon icon="cil-info" class="flex-shrink-0 me-2" width="24" height="24" />
+<CIcon icon="cil-info" class="flex-shrink-0 me-2" width="24" height="24" />
+
   <div>
     An example alert with an icon
   </div>
@@ -174,7 +186,7 @@ Need more than one icon for your alerts? Consider using [CoreUI Icons](https://i
   </div>
 </CAlert>
 :::
-```markup
+```vue
 <CAlert color="primary" class="d-flex align-items-center">
   <CIcon icon="cil-info" class="flex-shrink-0 me-2" width="24" height="24" />
   <div>
@@ -216,7 +228,7 @@ Use `variant="solid"` to change contextual colors to solid.
 <CAlert color="dark" variant="solid">A simple solid dark alert—check it out!</CAlert>
 :::
 
-```markup
+```vue
 <CAlert color="primary" variant="solid">A simple solid primary alert—check it out!</CAlert>
 <CAlert color="secondary" variant="solid">A simple solid secondary alert—check it out!</CAlert>
 <CAlert color="success" variant="solid">A simple solid success alert—check it out!</CAlert>
@@ -232,42 +244,24 @@ Use `variant="solid"` to change contextual colors to solid.
 Alerts can also be easily dismissed. Just add the `dismissible` prop.
 
 ::: demo
-<CAlert color="warning" dismissible @close="alert">
+<CAlert color="warning" dismissible @close="message">
   <strong>Go right ahead</strong> and click that dimiss over there on the right.
 </CAlert>
 :::
 
-```markup
-<CAlert color="warning" dismissible @close="alert">
-  <strong>Go right ahead</strong> and click that dimiss over there on the right.
-</CAlert>
-
-<script>
-  export default {
-    methods: {
-      alert () {
-        alert("👋 Well, hi there! Thanks for dismissing me.")
-      },
-    }
+```vue
+<script setup>
+  const message = () => {
+    alert("👋 Well, hi there! Thanks for dismissing me.")
   }
 </script>
+<template>
+  <CAlert color="warning" dismissible @close="message">
+    <strong>Go right ahead</strong> and click that dimiss over there on the right.
+  </CAlert>
+</template>
 ```
 
-<script>
-  export default {
-    data() {
-      return { 
-        liveExampleVisible: false,
-      }
-    },
-    methods: {
-      alert () {
-        alert("👋 Well, hi there! Thanks for dismissing me.")
-      },
-    }
-  }
-</script>
-
 ## Customizing
 
 ### CSS variables
@@ -279,9 +273,9 @@ Vue alerts use local CSS variables on `.alert` for enhanced real-time customizat
 #### How to use CSS variables
 
 ```js
-const vars = { 
+const vars = {
   '--my-css-var': 10,
-  '--my-another-css-var': "red" 
+  '--my-another-css-var': "red"
 }
 return <CAlert :style="vars">...</CAlert>
 ```
@@ -294,4 +288,12 @@ return <CAlert :style="vars">...</CAlert>
 
 !!!include(./api/alert/CAlert.api.md)!!!
 
-!!!include(./api/alert/CAlertHeading.api.md)!!!
\ No newline at end of file
+!!!include(./api/alert/CAlertHeading.api.md)!!!
+
+<script setup>
+  import { ref } from 'vue'
+  const liveExampleVisible = ref(false)
+  const message = () => {
+    alert("👋 Well, hi there! Thanks for dismissing me.")
+  }
+</script>
diff --git a/packages/docs/components/collapse.md b/packages/docs/components/collapse.md
index 162b1a16..0dffb5d0 100644
--- a/packages/docs/components/collapse.md
+++ b/packages/docs/components/collapse.md
@@ -28,6 +28,10 @@ You can use a link or a button component.
 </CCollapse>
 :::
 ```vue
+<script setup>
+  import { ref } from 'vue'
+  const visible = ref(false)
+</script>
 <template>
   <CButton color="primary" href="#" @click.prevent="visible = !visible">Link</CButton>
   <CButton color="primary" @click="visible = !visible">Button</CButton>
@@ -41,15 +45,6 @@ You can use a link or a button component.
     </CCard>
   </CCollapse>
 </template>
-<script>
-  export default {
-    data() {
-      return { 
-        visible: false,
-      }
-    }
-  }
-</script> 
 ```
 
 ## Horizontal
@@ -69,6 +64,10 @@ The collapse plugin also supports horizontal collapsing. Add the `horizontal` pr
 </div>
 :::
 ```vue
+<script setup>
+  import { ref } from 'vue'
+  const visibleHorizontal = ref(false)
+</script>
 <template>
   <CButton class="mb-3" color="primary" aria-expanded={visible} aria-controls="collapseWidthExample" @click="visibleHorizontal = !visibleHorizontal">Button</CButton>
   <div style="min-height: 120px">
@@ -81,15 +80,6 @@ The collapse plugin also supports horizontal collapsing. Add the `horizontal` pr
     </CCollapse>
   </div>
 </template>
-<script>
-  export default {
-    data() {
-      return { 
-        visibleHorizontal: false,
-      }
-    }
-  }
-</script>
 ```
 
 ## Multiple targets
@@ -132,6 +122,11 @@ A `<CButton>` can show and hide multiple elements.
 </CRow>
 :::
 ```vue
+<script setup>
+  import { ref } from 'vue'
+  const visibleA = ref(false)
+  const visibleB = ref(false)
+</script>
 <template>
   <CButton color="primary" @click="visibleA = !visibleA">Toggle first element</CButton>
   <CButton color="primary" @click="visibleB = !visibleB">Toggle second element</CButton>
@@ -166,32 +161,17 @@ A `<CButton>` can show and hide multiple elements.
       </CCollapse>
     </CCol>
   </CRow>
-</template>  
-<script>
-  export default {
-    data() {
-      return { 
-        visibleA: false,
-        visibleB: false,
-      }
-    }
-  }
-</script>
+</template>
 ```
 
-<script>
-  export default {
-    data() {
-      return { 
-        visible: false,
-        visibleHorizontal: false,
-        visibleA: false,
-        visibleB: false,
-      }
-    }
-  }
-</script>
-
 ## API
 
-!!!include(./api/collapse/CCollapse.api.md)!!!
\ No newline at end of file
+!!!include(./api/collapse/CCollapse.api.md)!!!
+
+<script setup>
+  import { ref } from 'vue'
+  const visible = ref(false)
+  const visibleHorizontal = ref(false)
+  const visibleA = ref(false)
+  const visibleB = ref(false)
+</script>
\ No newline at end of file
diff --git a/packages/docs/components/header.md b/packages/docs/components/header.md
index 5094d15c..8c45d6a3 100644
--- a/packages/docs/components/header.md
+++ b/packages/docs/components/header.md
@@ -68,60 +68,42 @@ Here's an example of all the sub-components included in a responsive light-theme
 </CHeader>
 :::
 ```vue
-<CHeader>
-  <CContainer fluid>
-    <CHeaderBrand href="#">Header</CHeaderBrand>
-    <CHeaderToggler @click="visible = !visible" />
-    <CCollapse class="header-collapse" :visible="visible">
-      <CHeaderNav>
-        <CNavItem>
-          <CNavLink href="#" active>
-            Home
-          </CNavLink>
-        </CNavItem>
-        <CNavItem>
-          <CNavLink href="#">Link</CNavLink>
-        </CNavItem>
-        <CDropdown togglerText="Dropdown" variant="nav-item">
-          <CDropdownItem href="#">Action</CDropdownItem>
-          <CDropdownItem href="#">Another action</CDropdownItem>
-          <CDropdownItem href="#">Something else here</CDropdownItem>
-        </CDropdown>
-        <CNavItem>
-          <CNavLink href="#" disabled>
-            Disabled
-          </CNavLink>
-        </CNavItem>
-      </CHeaderNav>
-      <!-- <form class="d-flex">
-        <input class="form-control me-2" type="search" placeholder="Search">
-        <button class="btn btn-outline-success" type="submit">Search</button>
-      </form> -->
-    </CCollapse>
-  </CContainer>
-</CHeader>
-<script>
-  export default {
-    data() {
-      return { 
-        visible: true,
-      }
-    }
-  }
+<script setup>
+  import { ref } from 'vue'
+  const visible = ref(true)
 </script>
+<template>
+  <CHeader>
+    <CContainer fluid>
+      <CHeaderBrand href="#">Header</CHeaderBrand>
+      <CHeaderToggler @click="visible = !visible" />
+      <CCollapse class="header-collapse" :visible="visible">
+        <CHeaderNav>
+          <CNavItem>
+            <CNavLink href="#" active>
+              Home
+            </CNavLink>
+          </CNavItem>
+          <CNavItem>
+            <CNavLink href="#">Link</CNavLink>
+          </CNavItem>
+          <CDropdown togglerText="Dropdown" variant="nav-item">
+            <CDropdownItem href="#">Action</CDropdownItem>
+            <CDropdownItem href="#">Another action</CDropdownItem>
+            <CDropdownItem href="#">Something else here</CDropdownItem>
+          </CDropdown>
+          <CNavItem>
+            <CNavLink href="#" disabled>
+              Disabled
+            </CNavLink>
+          </CNavItem>
+        </CHeaderNav>
+      </CCollapse>
+    </CContainer>
+  </CHeader>
+</template>
 ```
 
-<script>
-  export default {
-    data() {
-      return { 
-        visible: true,
-      }
-    }
-  }
-</script>
-
-
 ## Customizing
 
 ### CSS variables
@@ -150,4 +132,9 @@ return <CHeader :style="vars">...</CHeader>
 
 !!!include(./api/header/CHeaderBrand.api.md)!!!
 
-!!!include(./api/header/CHeaderNav.api.md)!!!
\ No newline at end of file
+!!!include(./api/header/CHeaderNav.api.md)!!!
+
+<script setup>
+  import { ref } from 'vue'
+  const visible = ref(true)
+</script>
diff --git a/packages/docs/components/icon.md b/packages/docs/components/icon.md
index 1d71d1d9..a68ced42 100644
--- a/packages/docs/components/icon.md
+++ b/packages/docs/components/icon.md
@@ -42,20 +42,9 @@ To use a single Vue.js icon, import the `<CIcon>` component and the desired icon
   <CIcon :icon="cilList" size="xl"/>
   <CIcon :icon="cilShieldAlt" size="xl"/>
 </template>
-<script>
-import { CIcon } from '@coreui/icons-vue';
-import { cilList, cilShieldAlt } from '@coreui/icons';
-export default {
-  components: {
-    CIcon
-  },
-  setup() {
-    return {
-      cilList,
-      cilShieldAlt,
-    }
-  }
-}
+<script setup>
+  import { CIcon } from '@coreui/icons-vue';
+  import { cilList, cilShieldAlt } from '@coreui/icons';
 </script>
 ```
 
@@ -67,21 +56,12 @@ To use all icons available in the CoreUI Vue.js Icons package, import the CIcon
 <template>
   <CIcon :icon="icon.cilList" size="xxl"/>
 </template>
-<script>
-import { CIcon } from '@coreui/icons-vue';
-import * as icon from '@coreui/icons';
-export default {
-  components: {
-    CIcon
-  },
-  setup() {
-    return {
-      icon,
-    }
-  }
-}
+<script setup>
+  import { CIcon } from '@coreui/icons-vue';
+  import * as icon from '@coreui/icons';
 </script>
 ```
+
 ### Icons object
 
 This way you import your needed Vue.js icons once and pass them to $root object on 'icons' key
@@ -147,7 +127,6 @@ With some [color utility classes](https://coreui.io/docs/utilities/colors/), you
 <CIcon :icon="icon.cilList" class="text-info" size="xl" />
 :::
 ```vue
-::: demo
 <CIcon :icon="cilList" size="xl" />
 <CIcon :icon="cilList" class="text-primary" size="xl" />
 <CIcon :icon="cilList" class="text-secondary" size="xl" />
@@ -155,7 +134,6 @@ With some [color utility classes](https://coreui.io/docs/utilities/colors/), you
 <CIcon :icon="cilList" class="text-danger" size="xl" />
 <CIcon :icon="cilList" class="text-warning" size="xl" />
 <CIcon :icon="cilList" class="text-info" size="xl" />
-:::
 ```
 
 #### CSS Variables
@@ -220,6 +198,9 @@ The `<CIconSvg`> component allows you to add custom SVG icons to your applicatio
 </CIconSvg>
 :::
 ```vue
+<script setup>
+  import { CIconSvg } from '@coreui/icons-vue';
+</script>
 <template>
   <CIconSvg size="4xl">
     <svg
@@ -243,14 +224,6 @@ The `<CIconSvg`> component allows you to add custom SVG icons to your applicatio
     </svg>
   </CIconSvg>
 </template>
-<script>
-  import { CIconSvg } from '@coreui/icons-vue';
-  export default {
-    components: {
-      CIconSvg
-    }
-  }
-</script>
 ```
 
 ## Available icons
@@ -319,38 +292,22 @@ CoreUI Icons package is delivered with more than 1500 icons in multiple formats
   </CTabPane>
 </CTabContent>
 
-<script>
-import { ref } from 'vue'
-import { CIcon } from '@coreui/icons-vue';
-import * as icon from '@coreui/icons';
-export default {
-  components: {
-    CIcon
-  },
-  setup() {
-    const linearIcons = ['cilAccountLogout', 'cilActionRedo', 'cilActionUndo', 'cilAddressBook', 'cilAirplaneModeOff', 'cilAirplaneMode', 'cilAirplay', 'cilAlarm', 'cilAlbum', 'cilAlignCenter', 'cilAlignLeft', 'cilAlignRight', 'cilAmericanFootball', 'cilAnimal', 'cilAperture', 'cilApple', 'cilApplicationsSettings', 'cilApplications', 'cilAppsSettings', 'cilApps', 'cilArrowBottom', 'cilArrowCircleBottom', 'cilArrowCircleLeft', 'cilArrowCircleRight', 'cilArrowCircleTop', 'cilArrowLeft', 'cilArrowRight', 'cilArrowThickBottom', 'cilArrowThickFromBottom', 'cilArrowThickFromLeft', 'cilArrowThickFromRight', 'cilArrowThickFromTop', 'cilArrowThickLeft', 'cilArrowThickRight', 'cilArrowThickToBottom', 'cilArrowThickToLeft', 'cilArrowThickToRight', 'cilArrowThickToTop', 'cilArrowThickTop', 'cilArrowTop', 'cilAssistiveListeningSystem', 'cilAsteriskCircle', 'cilAsterisk', 'cilAt', 'cilAudioDescription', 'cilAudioSpectrum', 'cilAudio', 'cilAvTimer', 'cilBabyCarriage', 'cilBaby', 'cilBackspace', 'cilBadge', 'cilBalanceScale', 'cilBan', 'cilBank', 'cilBarChart', 'cilBarcode', 'cilBaseball', 'cilBasket', 'cilBasketball', 'cilBath', 'cilBathroom', 'cilBattery0', 'cilBattery3', 'cilBattery5', 'cilBatteryAlert', 'cilBatteryEmpty', 'cilBatteryFull', 'cilBatterySlash', 'cilBeachAccess', 'cilBeaker', 'cilBed', 'cilBellExclamation', 'cilBell', 'cilBike', 'cilBirthdayCake', 'cilBlind', 'cilBluetooth', 'cilBlurCircular', 'cilBlurLinear', 'cilBlur', 'cilBoatAlt', 'cilBold', 'cilBoltCircle', 'cilBolt', 'cilBook', 'cilBookmark', 'cilBorderAll', 'cilBorderBottom', 'cilBorderClear', 'cilBorderHorizontal', 'cilBorderInner', 'cilBorderLeft', 'cilBorderOuter', 'cilBorderRight', 'cilBorderStyle', 'cilBorderTop', 'cilBorderVertical', 'cilBowling', 'cilBraille', 'cilBriefcase', 'cilBrightness', 'cilBritishPound', 'cilBrowser', 'cilBrushAlt', 'cilBrush', 'cilBug', 'cilBuilding', 'cilBullhorn', 'cilBurger', 'cilBurn', 'cilBusAlt', 'cilCalculator', 'cilCalendarCheck', 'cilCalendar', 'cilCameraControl', 'cilCameraRoll', 'cilCamera', 'cilCarAlt', 'cilCaretBottom', 'cilCaretLeft', 'cilCaretRight', 'cilCaretTop', 'cilCart', 'cilCash', 'cilCasino', 'cilCast', 'cilCat', 'cilCc', 'cilCenterFocus', 'cilChartLine', 'cilChartPie', 'cilChart', 'cilChatBubble', 'cilCheckAlt', 'cilCheckCircle', 'cilCheck', 'cilChevronBottom', 'cilChevronCircleDownAlt', 'cilChevronCircleLeftAlt', 'cilChevronCircleRightAlt', 'cilChevronCircleUpAlt', 'cilChevronDoubleDown', 'cilChevronDoubleLeft', 'cilChevronDoubleRight', 'cilChevronDoubleUp', 'cilChevronLeft', 'cilChevronRight', 'cilChevronTop', 'cilChildFriendly', 'cilChild', 'cilCircle', 'cilClearAll', 'cilClipboard', 'cilClock', 'cilClone', 'cilClosedCaptioning', 'cilCloudDownload', 'cilCloudUpload', 'cilCloud', 'cilCloudy', 'cilCode', 'cilCoffee', 'cilCog', 'cilColorBorder', 'cilColorFill', 'cilColorPalette', 'cilColumns', 'cilCommand', 'cilCommentBubble', 'cilCommentSquare', 'cilCompass', 'cilCompress', 'cilContact', 'cilContrast', 'cilControl', 'cilCopy', 'cilCouch', 'cilCreditCard', 'cilCropRotate', 'cilCrop', 'cilCursorMove', 'cilCursor', 'cilCut', 'cilDataTransferDown', 'cilDataTransferUp', 'cilDeaf', 'cilDelete', 'cilDescription', 'cilDevices', 'cilDialpad', 'cilDiamond', 'cilDinner', 'cilDisabled', 'cilDog', 'cilDollar', 'cilDoor', 'cilDoubleQuoteSansLeft', 'cilDoubleQuoteSansRight', 'cilDrinkAlcohol', 'cilDrink', 'cilDrop', 'cilEco', 'cilEducation', 'cilElevator', 'cilEnvelopeClosed', 'cilEnvelopeLetter', 'cilEnvelopeOpen', 'cilEqualizer', 'cilEthernet', 'cilEuro', 'cilExcerpt', 'cilExitToApp', 'cilExpandDown', 'cilExpandLeft', 'cilExpandRight', 'cilExpandUp', 'cilExposure', 'cilExternalLink', 'cilEyedropper', 'cilFaceDead', 'cilFace', 'cilFactorySlash', 'cilFactory', 'cilFastfood', 'cilFax', 'cilFeaturedPlaylist', 'cilFile', 'cilFilterFrames', 'cilFilterPhoto', 'cilFilterSquare', 'cilFilterX', 'cilFilter', 'cilFindInPage', 'cilFingerprint', 'cilFire', 'cilFlagAlt', 'cilFlightTakeoff', 'cilFlipToBack', 'cilFlipToFront', 'cilFlip', 'cilFlower', 'cilFolderOpen', 'cilFolder', 'cilFont', 'cilFootball', 'cilFork', 'cilFridge', 'cilFrown', 'cilFullscreenExit', 'cilFullscreen', 'cilFunctionsAlt', 'cilFunctions', 'cilGamepad', 'cilGarage', 'cilGem', 'cilGif', 'cilGift', 'cilGlobeAlt', 'cilGolfAlt', 'cilGolf', 'cilGradient', 'cilGrain', 'cilGraph', 'cilGridSlash', 'cilGrid', 'cilGroup', 'cilHamburgerMenu', 'cilHandPointDown', 'cilHandPointLeft', 'cilHandPointRight', 'cilHandPointUp', 'cilHappy', 'cilHd', 'cilHdr', 'cilHeader', 'cilHeadphones', 'cilHealing', 'cilHeart', 'cilHighlighter', 'cilHighligt', 'cilHistory', 'cilHome', 'cilHospital', 'cilHotTub', 'cilHouse', 'cilHttps', 'cilImageBroken', 'cilImagePlus', 'cilImage', 'cilInbox', 'cilIndentDecrease', 'cilIndentIncrease', 'cilIndustrySlash', 'cilIndustry', 'cilInfinity', 'cilInfo', 'cilInputHdmi', 'cilInputPower', 'cilInput', 'cilInstitution', 'cilItalic', 'cilJustifyCenter', 'cilJustifyLeft', 'cilJustifyRight', 'cilKeyboard', 'cilLan', 'cilLanguage', 'cilLaptop', 'cilLayers', 'cilLeaf', 'cilLemon', 'cilLevelDown', 'cilLevelUp', 'cilLibraryAdd', 'cilLibraryBuilding', 'cilLibrary', 'cilLifeRing', 'cilLightbulb', 'cilLineSpacing', 'cilLineStyle', 'cilLineWeight', 'cilLinkAlt', 'cilLinkBroken', 'cilLink', 'cilListFilter', 'cilListHighPriority', 'cilListLowPriority', 'cilListNumberedRtl', 'cilListNumbered', 'cilListRich', 'cilList', 'cilLocationPin', 'cilLockLocked', 'cilLockUnlocked', 'cilLocomotive', 'cilLoop1', 'cilLoopCircular', 'cilLoop', 'cilLowVision', 'cilMagnifyingGlass', 'cilMap', 'cilMediaEject', 'cilMediaPause', 'cilMediaPlay', 'cilMediaRecord', 'cilMediaSkipBackward', 'cilMediaSkipForward', 'cilMediaStepBackward', 'cilMediaStepForward', 'cilMediaStop', 'cilMedicalCross', 'cilMeh', 'cilMemory', 'cilMenu', 'cilMic', 'cilMicrophone', 'cilMinus', 'cilMobileLandscape', 'cilMobile', 'cilMoney', 'cilMonitor', 'cilMoodBad', 'cilMoodGood', 'cilMoodVeryBad', 'cilMoodVeryGood', 'cilMoon', 'cilMouse', 'cilMouthSlash', 'cilMove', 'cilMovie', 'cilMugTea', 'cilMug', 'cilMusicNote', 'cilNewspaper', 'cilNoteAdd', 'cilNotes', 'cilObjectGroup', 'cilObjectUngroup', 'cilOpacity', 'cilOpentype', 'cilOptions', 'cilPaintBucket', 'cilPaint', 'cilPaperPlane', 'cilPaperclip', 'cilParagraph', 'cilPaw', 'cilPenAlt', 'cilPenNib', 'cilPen', 'cilPencil', 'cilPeople', 'cilPhone', 'cilPin', 'cilPizza', 'cilPlant', 'cilPlaylistAdd', 'cilPlus', 'cilPool', 'cilPowerStandby', 'cilPregnant', 'cilPrint', 'cilPushchair', 'cilPuzzle', 'cilQrCode', 'cilRain', 'cilRectangle', 'cilRecycle', 'cilReload', 'cilReportSlash', 'cilResizeBoth', 'cilResizeHeight', 'cilResizeWidth', 'cilRestaurant', 'cilRoom', 'cilRouter', 'cilRowing', 'cilRss', 'cilRuble', 'cilRunning', 'cilSad', 'cilSatelite', 'cilSave', 'cilSchool', 'cilScreenDesktop', 'cilScreenSmartphone', 'cilScrubber', 'cilSearch', 'cilSend', 'cilSettings', 'cilShareAll', 'cilShareAlt', 'cilShareBoxed', 'cilShare', 'cilShieldAlt', 'cilShortText', 'cilShower', 'cilSignLanguage', 'cilSignalCellular0', 'cilSignalCellular3', 'cilSignalCellular4', 'cilSim', 'cilSitemap', 'cilSmilePlus', 'cilSmile', 'cilSmokeFree', 'cilSmokeSlash', 'cilSmoke', 'cilSmokingRoom', 'cilSnowflake', 'cilSoccer', 'cilSofa', 'cilSortAlphaDown', 'cilSortAlphaUp', 'cilSortAscending', 'cilSortDescending', 'cilSortNumericDown', 'cilSortNumericUp', 'cilSpa', 'cilSpaceBar', 'cilSpeak', 'cilSpeaker', 'cilSpeech', 'cilSpeedometer', 'cilSpreadsheet', 'cilSquare', 'cilStarHalf', 'cilStar', 'cilStorage', 'cilStream', 'cilStrikethrough', 'cilSun', 'cilSwapHorizontal', 'cilSwapVertical', 'cilSwimming', 'cilSync', 'cilTablet', 'cilTag', 'cilTags', 'cilTask', 'cilTaxi', 'cilTennisBall', 'cilTennis', 'cilTerminal', 'cilTerrain', 'cilTextShapes', 'cilTextSize', 'cilTextSquare', 'cilTextStrike', 'cilText', 'cilThumbDown', 'cilThumbUp', 'cilToggleOff', 'cilToggleOn', 'cilToilet', 'cilTouchApp', 'cilTransfer', 'cilTranslate', 'cilTrash', 'cilTriangle', 'cilTruck', 'cilTv', 'cilUnderline', 'cilUsb', 'cilUserFemale', 'cilUserFollow', 'cilUserPlus', 'cilUserUnfollow', 'cilUserX', 'cilUser', 'cilVector', 'cilVerticalAlignBottom', 'cilVerticalAlignCenter', 'cilVerticalAlignTop', 'cilVideo', 'cilVideogame', 'cilViewColumn', 'cilViewModule', 'cilViewQuilt', 'cilViewStream', 'cilVoiceOverRecord', 'cilVoice', 'cilVolumeHigh', 'cilVolumeLow', 'cilVolumeOff', 'cilWalk', 'cilWallet', 'cilWallpaper', 'cilWarning', 'cilWatch', 'cilWc', 'cilWeightlifitng', 'cilWheelchair', 'cilWifiSignal0', 'cilWifiSignal1', 'cilWifiSignal2', 'cilWifiSignal3', 'cilWifiSignal4', 'cilWifiSignalOff', 'cilWindowMaximize', 'cilWindowMinimize', 'cilWindowRestore', 'cilWindow', 'cilWrapText', 'cilXCircle', 'cilX', 'cilYen', 'cilZoomIn', 'cilZoomOut', 'cilZoom']
-
-    const brandIcons = ['cib500px5', 'cib500px', 'cibAboutMe', 'cibAbstract', 'cibAcm', 'cibAddthis', 'cibAdguard', 'cibAdobeAcrobatReader', 'cibAdobeAfterEffects', 'cibAdobeAudition', 'cibAdobeCreativeCloud', 'cibAdobeDreamweaver', 'cibAdobeIllustrator', 'cibAdobeIndesign', 'cibAdobeLightroomClassic', 'cibAdobeLightroom', 'cibAdobePhotoshop', 'cibAdobePremiere', 'cibAdobeTypekit', 'cibAdobeXd', 'cibAdobe', 'cibAirbnb', 'cibAlgolia', 'cibAlipay', 'cibAllocine', 'cibAmazonAws', 'cibAmazonPay', 'cibAmazon', 'cibAmd', 'cibAmericanExpress', 'cibAnaconda', 'cibAnalogue', 'cibAndroidAlt', 'cibAndroid', 'cibAngellist', 'cibAngularUniversal', 'cibAngular', 'cibAnsible', 'cibApacheAirflow', 'cibApacheFlink', 'cibApacheSpark', 'cibApache', 'cibAppStoreIos', 'cibAppStore', 'cibAppleMusic', 'cibApplePay', 'cibApplePodcasts', 'cibApple', 'cibAppveyor', 'cibAral', 'cibArchLinux', 'cibArchiveOfOurOwn', 'cibArduino', 'cibArtstation', 'cibArxiv', 'cibAsana', 'cibAtAndT', 'cibAtlassian', 'cibAtom', 'cibAudible', 'cibAurelia', 'cibAuth0', 'cibAutomatic', 'cibAutotask', 'cibAventrix', 'cibAzureArtifacts', 'cibAzureDevops', 'cibAzurePipelines', 'cibBabel', 'cibBaidu', 'cibBamboo', 'cibBancontact', 'cibBandcamp', 'cibBasecamp', 'cibBathasu', 'cibBehance', 'cibBigCartel', 'cibBing', 'cibBit', 'cibBitbucket', 'cibBitcoin', 'cibBitdefender', 'cibBitly', 'cibBlackberry', 'cibBlender', 'cibBloggerB', 'cibBlogger', 'cibBluetoothB', 'cibBluetooth', 'cibBoeing', 'cibBoost', 'cibBootstrap', 'cibBower', 'cibBrandAi', 'cibBrave', 'cibBtc', 'cibBuddy', 'cibBuffer', 'cibBuyMeACoffee', 'cibBuysellads', 'cibBuzzfeed', 'cibC', 'cibCakephp', 'cibCampaignMonitor', 'cibCanva', 'cibCashapp', 'cibCassandra', 'cibCastro', 'cibCcAmazonPay', 'cibCcAmex', 'cibCcApplePay', 'cibCcDinersClub', 'cibCcDiscover', 'cibCcJcb', 'cibCcMastercard', 'cibCcPaypal', 'cibCcStripe', 'cibCcVisa', 'cibCentos', 'cibCevo', 'cibChase', 'cibChef', 'cibChromecast', 'cibCircle', 'cibCircleci', 'cibCirrusci', 'cibCisco', 'cibCivicrm', 'cibClockify', 'cibClojure', 'cibCloudbees', 'cibCloudflare', 'cibCmake', 'cibCoOp', 'cibCodacy', 'cibCodeClimate', 'cibCodecademy', 'cibCodecov', 'cibCodeigniter', 'cibCodepen', 'cibCoderwall', 'cibCodesandbox', 'cibCodeship', 'cibCodewars', 'cibCodio', 'cibCoffeescript', 'cibCommonWorkflowLanguage', 'cibComposer', 'cibCondaForge', 'cibConekta', 'cibConfluence', 'cibCoreuiC', 'cibCoreui', 'cibCoursera', 'cibCoveralls', 'cibCpanel', 'cibCplusplus', 'cibCreativeCommonsBy', 'cibCreativeCommonsNcEu', 'cibCreativeCommonsNcJp', 'cibCreativeCommonsNc', 'cibCreativeCommonsNd', 'cibCreativeCommonsPdAlt', 'cibCreativeCommonsPd', 'cibCreativeCommonsRemix', 'cibCreativeCommonsSa', 'cibCreativeCommonsSamplingPlus', 'cibCreativeCommonsSampling', 'cibCreativeCommonsShare', 'cibCreativeCommonsZero', 'cibCreativeCommons', 'cibCrunchbase', 'cibCrunchyroll', 'cibCss3Shiled', 'cibCss3', 'cibCsswizardry', 'cibD3Js', 'cibDailymotion', 'cibDashlane', 'cibDazn', 'cibDblp', 'cibDebian', 'cibDeepin', 'cibDeezer', 'cibDelicious', 'cibDell', 'cibDeno', 'cibDependabot', 'cibDesignerNews', 'cibDevTo', 'cibDeviantart', 'cibDevrant', 'cibDiaspora', 'cibDigg', 'cibDigitalOcean', 'cibDiscord', 'cibDiscourse', 'cibDiscover', 'cibDisqus', 'cibDisroot', 'cibDjango', 'cibDocker', 'cibDocusign', 'cibDotNet', 'cibDraugiemLv', 'cibDribbble', 'cibDrone', 'cibDropbox', 'cibDrupal', 'cibDtube', 'cibDuckduckgo', 'cibDynatrace', 'cibEbay', 'cibEclipseide', 'cibElasticCloud', 'cibElasticSearch', 'cibElasticStack', 'cibElastic', 'cibElectron', 'cibElementary', 'cibEleventy', 'cibEllo', 'cibElsevier', 'cibEmlakjet', 'cibEmpirekred', 'cibEnvato', 'cibEpicGames', 'cibEpson', 'cibEsea', 'cibEslint', 'cibEthereum', 'cibEtsy', 'cibEventStore', 'cibEventbrite', 'cibEvernote', 'cibEverplaces', 'cibEvry', 'cibExercism', 'cibExpertsExchange', 'cibExpo', 'cibEyeem', 'cibFSecure', 'cibFacebookF', 'cibFacebook', 'cibFaceit', 'cibFandango', 'cibFavro', 'cibFeathub', 'cibFedex', 'cibFedora', 'cibFeedly', 'cibFidoAlliance', 'cibFigma', 'cibFilezilla', 'cibFirebase', 'cibFitbit', 'cibFlask', 'cibFlattr', 'cibFlickr', 'cibFlipboard', 'cibFlutter', 'cibFnac', 'cibFoursquare', 'cibFramer', 'cibFreebsd', 'cibFreecodecamp', 'cibFurAffinity', 'cibFurryNetwork', 'cibGarmin', 'cibGatsby', 'cibGauges', 'cibGenius', 'cibGentoo', 'cibGeocaching', 'cibGerrit', 'cibGg', 'cibGhost', 'cibGimp', 'cibGit', 'cibGitea', 'cibGithub', 'cibGitkraken', 'cibGitlab', 'cibGitpod', 'cibGitter', 'cibGlassdoor', 'cibGlitch', 'cibGmail', 'cibGnuPrivacyGuard', 'cibGnuSocial', 'cibGnu', 'cibGo', 'cibGodotEngine', 'cibGogCom', 'cibGoldenline', 'cibGoodreads', 'cibGoogleAds', 'cibGoogleAllo', 'cibGoogleAnalytics', 'cibGoogleChrome', 'cibGoogleCloud', 'cibGoogleKeep', 'cibGooglePay', 'cibGooglePlay', 'cibGooglePodcasts', 'cibGoogle', 'cibGooglesCholar', 'cibGovUk', 'cibGradle', 'cibGrafana', 'cibGraphcool', 'cibGraphql', 'cibGrav', 'cibGravatar', 'cibGreenkeeper', 'cibGreensock', 'cibGroovy', 'cibGroupon', 'cibGrunt', 'cibGulp', 'cibGumroad', 'cibGumtree', 'cibHabr', 'cibHackaday', 'cibHackerearth', 'cibHackerone', 'cibHackerrank', 'cibHackhands', 'cibHackster', 'cibHappycow', 'cibHashnode', 'cibHaskell', 'cibHatenaBookmark', 'cibHaxe', 'cibHelm', 'cibHere', 'cibHeroku', 'cibHexo', 'cibHighly', 'cibHipchat', 'cibHitachi', 'cibHockeyapp', 'cibHomify', 'cibHootsuite', 'cibHotjar', 'cibHouzz', 'cibHp', 'cibHtml5Shield', 'cibHtml5', 'cibHtmlacademy', 'cibHuawei', 'cibHubspot', 'cibHulu', 'cibHumbleBundle', 'cibIata', 'cibIbm', 'cibIcloud', 'cibIconjar', 'cibIcq', 'cibIdeal', 'cibIfixit', 'cibImdb', 'cibIndeed', 'cibInkscape', 'cibInstacart', 'cibInstagram', 'cibInstapaper', 'cibIntel', 'cibIntellijidea', 'cibIntercom', 'cibInternetExplorer', 'cibInvision', 'cibIonic', 'cibIssuu', 'cibItchIo', 'cibJabber', 'cibJava', 'cibJavascript', 'cibJekyll', 'cibJenkins', 'cibJest', 'cibJet', 'cibJetbrains', 'cibJira', 'cibJoomla', 'cibJquery', 'cibJs', 'cibJsdelivr', 'cibJsfiddle', 'cibJson', 'cibJupyter', 'cibJustgiving', 'cibKaggle', 'cibKaios', 'cibKaspersky', 'cibKentico', 'cibKeras', 'cibKeybase', 'cibKeycdn', 'cibKhanAcademy', 'cibKibana', 'cibKickstarter', 'cibKik', 'cibKirby', 'cibKlout', 'cibKnown', 'cibKoFi', 'cibKodi', 'cibKoding', 'cibKotlin', 'cibKrita', 'cibKubernetes', 'cibLanyrd', 'cibLaravelHorizon', 'cibLaravelNova', 'cibLaravel', 'cibLastFm', 'cibLatex', 'cibLaunchpad', 'cibLeetcode', 'cibLenovo', 'cibLess', 'cibLetsEncrypt', 'cibLetterboxd', 'cibLgtm', 'cibLiberapay', 'cibLibrarything', 'cibLibreoffice', 'cibLine', 'cibLinkedinIn', 'cibLinkedin', 'cibLinuxFoundation', 'cibLinuxMint', 'cibLinux', 'cibLivejournal', 'cibLivestream', 'cibLogstash', 'cibLua', 'cibLumen', 'cibLyft', 'cibMacys', 'cibMagento', 'cibMagisk', 'cibMailRu', 'cibMailchimp', 'cibMakerbot', 'cibManjaro', 'cibMarkdown', 'cibMarketo', 'cibMastercard', 'cibMastodon', 'cibMaterialDesign', 'cibMathworks', 'cibMatrix', 'cibMattermost', 'cibMatternet', 'cibMaxcdn', 'cibMcafee', 'cibMediaTemple', 'cibMediafire', 'cibMediumM', 'cibMedium', 'cibMeetup', 'cibMega', 'cibMendeley', 'cibMessenger', 'cibMeteor', 'cibMicroBlog', 'cibMicrogenetics', 'cibMicrosoftEdge', 'cibMicrosoft', 'cibMinetest', 'cibMinutemailer', 'cibMix', 'cibMixcloud', 'cibMixer', 'cibMojang', 'cibMonero', 'cibMongodb', 'cibMonkeytie', 'cibMonogram', 'cibMonzo', 'cibMoo', 'cibMozillaFirefox', 'cibMozilla', 'cibMusescore', 'cibMxlinux', 'cibMyspace', 'cibMysql', 'cibNativescript', 'cibNec', 'cibNeo4J', 'cibNetflix', 'cibNetlify', 'cibNextJs', 'cibNextcloud', 'cibNextdoor', 'cibNginx', 'cibNim', 'cibNintendo3Ds', 'cibNintendoGamecube', 'cibNintendoSwitch', 'cibNintendo', 'cibNodeJs', 'cibNodeRed', 'cibNodemon', 'cibNokia', 'cibNotion', 'cibNpm', 'cibNucleo', 'cibNuget', 'cibNuxtJs', 'cibNvidia', 'cibOcaml', 'cibOctave', 'cibOctopusDeploy', 'cibOculus', 'cibOdnoklassniki', 'cibOpenAccess', 'cibOpenCollective', 'cibOpenId', 'cibOpenSourceInitiative', 'cibOpenstreetmap', 'cibOpensuse', 'cibOpenvpn', 'cibOpera', 'cibOpsgenie', 'cibOracle', 'cibOrcid', 'cibOrigin', 'cibOsi', 'cibOsmc', 'cibOvercast', 'cibOverleaf', 'cibOvh', 'cibPagekit', 'cibPalantir', 'cibPandora', 'cibPantheon', 'cibPatreon', 'cibPaypal', 'cibPeriscope', 'cibPhp', 'cibPicartoTv', 'cibPinboard', 'cibPingdom', 'cibPingup', 'cibPinterestP', 'cibPinterest', 'cibPivotaltracker', 'cibPlangrid', 'cibPlayerMe', 'cibPlayerfm', 'cibPlaystation', 'cibPlaystation3', 'cibPlaystation4', 'cibPlesk', 'cibPlex', 'cibPluralsight', 'cibPlurk', 'cibPocket', 'cibPostgresql', 'cibPostman', 'cibPostwoman', 'cibPowershell', 'cibPrettier', 'cibPrismic', 'cibProbot', 'cibProcesswire', 'cibProductHunt', 'cibProtoIo', 'cibProtonmail', 'cibProxmox', 'cibPypi', 'cibPython', 'cibPytorch', 'cibQgis', 'cibQiita', 'cibQq', 'cibQualcomm', 'cibQuantcast', 'cibQuantopian', 'cibQuarkus', 'cibQuora', 'cibQwiklabs', 'cibQzone', 'cibR', 'cibRadiopublic', 'cibRails', 'cibRaspberryPi', 'cibReact', 'cibReadTheDocs', 'cibReadme', 'cibRealm', 'cibReason', 'cibRedbubble', 'cibRedditAlt', 'cibReddit', 'cibRedhat', 'cibRedis', 'cibRedux', 'cibRenren', 'cibReverbnation', 'cibRiot', 'cibRipple', 'cibRiseup', 'cibRollupJs', 'cibRoots', 'cibRoundcube', 'cibRss', 'cibRstudio', 'cibRuby', 'cibRubygems', 'cibRunkeeper', 'cibRust', 'cibSafari', 'cibSahibinden', 'cibSalesforce', 'cibSaltstack', 'cibSamsungPay', 'cibSamsung', 'cibSap', 'cibSassAlt', 'cibSass', 'cibSaucelabs', 'cibScala', 'cibScaleway', 'cibScribd', 'cibScrutinizerci', 'cibSeagate', 'cibSega', 'cibSellfy', 'cibSemaphoreci', 'cibSensu', 'cibSentry', 'cibServerFault', 'cibShazam', 'cibShell', 'cibShopify', 'cibShowpad', 'cibSiemens', 'cibSignal', 'cibSinaWeibo', 'cibSitepoint', 'cibSketch', 'cibSkillshare', 'cibSkyliner', 'cibSkype', 'cibSlack', 'cibSlashdot', 'cibSlickpic', 'cibSlides', 'cibSlideshare', 'cibSmashingmagazine', 'cibSnapchat', 'cibSnapcraft', 'cibSnyk', 'cibSociety6', 'cibSocketIo', 'cibSogou', 'cibSolus', 'cibSongkick', 'cibSonos', 'cibSoundcloud', 'cibSourceforge', 'cibSourcegraph', 'cibSpacemacs', 'cibSpacex', 'cibSparkfun', 'cibSparkpost', 'cibSpdx', 'cibSpeakerDeck', 'cibSpectrum', 'cibSpotify', 'cibSpotlight', 'cibSpreaker', 'cibSpring', 'cibSprint', 'cibSquarespace', 'cibStackbit', 'cibStackexchange', 'cibStackoverflow', 'cibStackpath', 'cibStackshare', 'cibStadia', 'cibStatamic', 'cibStaticman', 'cibStatuspage', 'cibSteam', 'cibSteem', 'cibSteemit', 'cibStitcher', 'cibStorify', 'cibStorybook', 'cibStrapi', 'cibStrava', 'cibStripeS', 'cibStripe', 'cibStubhub', 'cibStumbleupon', 'cibStyleshare', 'cibStylus', 'cibSublimeText', 'cibSubversion', 'cibSuperuser', 'cibSvelte', 'cibSvg', 'cibSwagger', 'cibSwarm', 'cibSwift', 'cibSymantec', 'cibSymfony', 'cibSynology', 'cibTMobile', 'cibTableau', 'cibTails', 'cibTapas', 'cibTeamviewer', 'cibTed', 'cibTeespring', 'cibTelegramPlane', 'cibTelegram', 'cibTencentQq', 'cibTencentWeibo', 'cibTensorflow', 'cibTerraform', 'cibTesla', 'cibTheMighty', 'cibTheMovieDatabase', 'cibTidal', 'cibTiktok', 'cibTinder', 'cibTodoist', 'cibToggl', 'cibTopcoder', 'cibToptal', 'cibTor', 'cibToshiba', 'cibTrainerroad', 'cibTrakt', 'cibTravisci', 'cibTreehouse', 'cibTrello', 'cibTripadvisor', 'cibTrulia', 'cibTumblr', 'cibTwilio', 'cibTwitch', 'cibTwitter', 'cibTwoo', 'cibTypescript', 'cibTypo3', 'cibUber', 'cibUbisoft', 'cibUblockOrigin', 'cibUbuntu', 'cibUdacity', 'cibUdemy', 'cibUikit', 'cibUmbraco', 'cibUnity', 'cibUnrealEngine', 'cibUnsplash', 'cibUntappd', 'cibUpwork', 'cibUsb', 'cibV8', 'cibVagrant', 'cibVenmo', 'cibVerizon', 'cibViadeo', 'cibViber', 'cibVim', 'cibVimeoV', 'cibVimeo', 'cibVine', 'cibVirb', 'cibVisa', 'cibVisualStudioCode', 'cibVisualStudio', 'cibVk', 'cibVlc', 'cibVsco', 'cibVueJs', 'cibWattpad', 'cibWeasyl', 'cibWebcomponentsOrg', 'cibWebpack', 'cibWebstorm', 'cibWechat', 'cibWhatsapp', 'cibWhenIWork', 'cibWii', 'cibWiiu', 'cibWikipedia', 'cibWindows', 'cibWire', 'cibWireguard', 'cibWix', 'cibWolframLanguage', 'cibWolframMathematica', 'cibWolfram', 'cibWordpress', 'cibWpengine', 'cibXPack', 'cibXbox', 'cibXcode', 'cibXero', 'cibXiaomi', 'cibXing', 'cibXrp', 'cibXsplit', 'cibYCombinator', 'cibYahoo', 'cibYammer', 'cibYandex', 'cibYarn', 'cibYelp', 'cibYoutube', 'cibZalando', 'cibZapier', 'cibZeit', 'cibZendesk', 'cibZerply', 'cibZillow', 'cibZingat', 'cibZoom', 'cibZorin', 'cibZulip']
-    
-    const flagIcons = ['cifAd', 'cifAe', 'cifAf', 'cifAg', 'cifAl', 'cifAm', 'cifAo', 'cifAr', 'cifAt', 'cifAu', 'cifAz', 'cifBa', 'cifBb', 'cifBd', 'cifBe', 'cifBf', 'cifBg', 'cifBh', 'cifBi', 'cifBj', 'cifBn', 'cifBo', 'cifBr', 'cifBs', 'cifBt', 'cifBw', 'cifBy', 'cifBz', 'cifCa', 'cifCd', 'cifCf', 'cifCg', 'cifCh', 'cifCi', 'cifCl', 'cifCm', 'cifCn', 'cifCo', 'cifCr', 'cifCu', 'cifCv', 'cifCy', 'cifCz', 'cifDe', 'cifDj', 'cifDk', 'cifDm', 'cifDo', 'cifDz', 'cifEc', 'cifEe', 'cifEg', 'cifEr', 'cifEs', 'cifEt', 'cifFi', 'cifFj', 'cifFm', 'cifFr', 'cifGa', 'cifGb', 'cifGd', 'cifGe', 'cifGh', 'cifGm', 'cifGn', 'cifGq', 'cifGr', 'cifGt', 'cifGw', 'cifGy', 'cifHk', 'cifHn', 'cifHr', 'cifHt', 'cifHu', 'cifId', 'cifIe', 'cifIl', 'cifIn', 'cifIq', 'cifIr', 'cifIs', 'cifIt', 'cifJm', 'cifJo', 'cifJp', 'cifKe', 'cifKg', 'cifKh', 'cifKi', 'cifKm', 'cifKn', 'cifKp', 'cifKr', 'cifKw', 'cifKz', 'cifLa', 'cifLb', 'cifLc', 'cifLi', 'cifLk', 'cifLr', 'cifLs', 'cifLt', 'cifLu', 'cifLv', 'cifLy', 'cifMa', 'cifMc', 'cifMd', 'cifMe', 'cifMg', 'cifMh', 'cifMk', 'cifMl', 'cifMm', 'cifMn', 'cifMr', 'cifMt', 'cifMu', 'cifMv', 'cifMw', 'cifMx', 'cifMy', 'cifMz', 'cifNa', 'cifNe', 'cifNg', 'cifNi', 'cifNl', 'cifNo', 'cifNp', 'cifNr', 'cifNu', 'cifNz', 'cifOm', 'cifPa', 'cifPe', 'cifPg', 'cifPh', 'cifPk', 'cifPl', 'cifPt', 'cifPw', 'cifPy', 'cifQa', 'cifRo', 'cifRs', 'cifRu', 'cifRw', 'cifSa', 'cifSb', 'cifSc', 'cifSd', 'cifSe', 'cifSg', 'cifSi', 'cifSk', 'cifSl', 'cifSm', 'cifSn', 'cifSo', 'cifSr', 'cifSs', 'cifSt', 'cifSv', 'cifSy', 'cifSz', 'cifTd', 'cifTg', 'cifTh', 'cifTj', 'cifTl', 'cifTm', 'cifTn', 'cifTo', 'cifTr', 'cifTt', 'cifTv', 'cifTw', 'cifTz', 'cifUa', 'cifUg', 'cifUs', 'cifUy', 'cifUz', 'cifVa', 'cifVc', 'cifVe', 'cifVn', 'cifWs', 'cifXk', 'cifYe', 'cifZa', 'cifZm', 'cifZw']
+## API
 
+!!!include(./api/coreui-icons-vue/src/CIcon.api.md)!!!
 
-    const tabPaneActiveKey = ref(1)
-    
-    return {
-      tabPaneActiveKey,
-      linearIcons,
-      brandIcons,
-      flagIcons,
-      icon,
-    }
-  }
-}
-</script> 
+!!!include(./api/coreui-icons-vue/src/CIconSvg.api.md)!!!
 
+<script setup>
+  import { ref } from 'vue'
+  import { CIcon } from '@coreui/icons-vue';
+  import * as icon from '@coreui/icons';
 
-## API
+  const linearIcons = ['cilAccountLogout', 'cilActionRedo', 'cilActionUndo', 'cilAddressBook', 'cilAirplaneModeOff', 'cilAirplaneMode', 'cilAirplay', 'cilAlarm', 'cilAlbum', 'cilAlignCenter', 'cilAlignLeft', 'cilAlignRight', 'cilAmericanFootball', 'cilAnimal', 'cilAperture', 'cilApple', 'cilApplicationsSettings', 'cilApplications', 'cilAppsSettings', 'cilApps', 'cilArrowBottom', 'cilArrowCircleBottom', 'cilArrowCircleLeft', 'cilArrowCircleRight', 'cilArrowCircleTop', 'cilArrowLeft', 'cilArrowRight', 'cilArrowThickBottom', 'cilArrowThickFromBottom', 'cilArrowThickFromLeft', 'cilArrowThickFromRight', 'cilArrowThickFromTop', 'cilArrowThickLeft', 'cilArrowThickRight', 'cilArrowThickToBottom', 'cilArrowThickToLeft', 'cilArrowThickToRight', 'cilArrowThickToTop', 'cilArrowThickTop', 'cilArrowTop', 'cilAssistiveListeningSystem', 'cilAsteriskCircle', 'cilAsterisk', 'cilAt', 'cilAudioDescription', 'cilAudioSpectrum', 'cilAudio', 'cilAvTimer', 'cilBabyCarriage', 'cilBaby', 'cilBackspace', 'cilBadge', 'cilBalanceScale', 'cilBan', 'cilBank', 'cilBarChart', 'cilBarcode', 'cilBaseball', 'cilBasket', 'cilBasketball', 'cilBath', 'cilBathroom', 'cilBattery0', 'cilBattery3', 'cilBattery5', 'cilBatteryAlert', 'cilBatteryEmpty', 'cilBatteryFull', 'cilBatterySlash', 'cilBeachAccess', 'cilBeaker', 'cilBed', 'cilBellExclamation', 'cilBell', 'cilBike', 'cilBirthdayCake', 'cilBlind', 'cilBluetooth', 'cilBlurCircular', 'cilBlurLinear', 'cilBlur', 'cilBoatAlt', 'cilBold', 'cilBoltCircle', 'cilBolt', 'cilBook', 'cilBookmark', 'cilBorderAll', 'cilBorderBottom', 'cilBorderClear', 'cilBorderHorizontal', 'cilBorderInner', 'cilBorderLeft', 'cilBorderOuter', 'cilBorderRight', 'cilBorderStyle', 'cilBorderTop', 'cilBorderVertical', 'cilBowling', 'cilBraille', 'cilBriefcase', 'cilBrightness', 'cilBritishPound', 'cilBrowser', 'cilBrushAlt', 'cilBrush', 'cilBug', 'cilBuilding', 'cilBullhorn', 'cilBurger', 'cilBurn', 'cilBusAlt', 'cilCalculator', 'cilCalendarCheck', 'cilCalendar', 'cilCameraControl', 'cilCameraRoll', 'cilCamera', 'cilCarAlt', 'cilCaretBottom', 'cilCaretLeft', 'cilCaretRight', 'cilCaretTop', 'cilCart', 'cilCash', 'cilCasino', 'cilCast', 'cilCat', 'cilCc', 'cilCenterFocus', 'cilChartLine', 'cilChartPie', 'cilChart', 'cilChatBubble', 'cilCheckAlt', 'cilCheckCircle', 'cilCheck', 'cilChevronBottom', 'cilChevronCircleDownAlt', 'cilChevronCircleLeftAlt', 'cilChevronCircleRightAlt', 'cilChevronCircleUpAlt', 'cilChevronDoubleDown', 'cilChevronDoubleLeft', 'cilChevronDoubleRight', 'cilChevronDoubleUp', 'cilChevronLeft', 'cilChevronRight', 'cilChevronTop', 'cilChildFriendly', 'cilChild', 'cilCircle', 'cilClearAll', 'cilClipboard', 'cilClock', 'cilClone', 'cilClosedCaptioning', 'cilCloudDownload', 'cilCloudUpload', 'cilCloud', 'cilCloudy', 'cilCode', 'cilCoffee', 'cilCog', 'cilColorBorder', 'cilColorFill', 'cilColorPalette', 'cilColumns', 'cilCommand', 'cilCommentBubble', 'cilCommentSquare', 'cilCompass', 'cilCompress', 'cilContact', 'cilContrast', 'cilControl', 'cilCopy', 'cilCouch', 'cilCreditCard', 'cilCropRotate', 'cilCrop', 'cilCursorMove', 'cilCursor', 'cilCut', 'cilDataTransferDown', 'cilDataTransferUp', 'cilDeaf', 'cilDelete', 'cilDescription', 'cilDevices', 'cilDialpad', 'cilDiamond', 'cilDinner', 'cilDisabled', 'cilDog', 'cilDollar', 'cilDoor', 'cilDoubleQuoteSansLeft', 'cilDoubleQuoteSansRight', 'cilDrinkAlcohol', 'cilDrink', 'cilDrop', 'cilEco', 'cilEducation', 'cilElevator', 'cilEnvelopeClosed', 'cilEnvelopeLetter', 'cilEnvelopeOpen', 'cilEqualizer', 'cilEthernet', 'cilEuro', 'cilExcerpt', 'cilExitToApp', 'cilExpandDown', 'cilExpandLeft', 'cilExpandRight', 'cilExpandUp', 'cilExposure', 'cilExternalLink', 'cilEyedropper', 'cilFaceDead', 'cilFace', 'cilFactorySlash', 'cilFactory', 'cilFastfood', 'cilFax', 'cilFeaturedPlaylist', 'cilFile', 'cilFilterFrames', 'cilFilterPhoto', 'cilFilterSquare', 'cilFilterX', 'cilFilter', 'cilFindInPage', 'cilFingerprint', 'cilFire', 'cilFlagAlt', 'cilFlightTakeoff', 'cilFlipToBack', 'cilFlipToFront', 'cilFlip', 'cilFlower', 'cilFolderOpen', 'cilFolder', 'cilFont', 'cilFootball', 'cilFork', 'cilFridge', 'cilFrown', 'cilFullscreenExit', 'cilFullscreen', 'cilFunctionsAlt', 'cilFunctions', 'cilGamepad', 'cilGarage', 'cilGem', 'cilGif', 'cilGift', 'cilGlobeAlt', 'cilGolfAlt', 'cilGolf', 'cilGradient', 'cilGrain', 'cilGraph', 'cilGridSlash', 'cilGrid', 'cilGroup', 'cilHamburgerMenu', 'cilHandPointDown', 'cilHandPointLeft', 'cilHandPointRight', 'cilHandPointUp', 'cilHappy', 'cilHd', 'cilHdr', 'cilHeader', 'cilHeadphones', 'cilHealing', 'cilHeart', 'cilHighlighter', 'cilHighligt', 'cilHistory', 'cilHome', 'cilHospital', 'cilHotTub', 'cilHouse', 'cilHttps', 'cilImageBroken', 'cilImagePlus', 'cilImage', 'cilInbox', 'cilIndentDecrease', 'cilIndentIncrease', 'cilIndustrySlash', 'cilIndustry', 'cilInfinity', 'cilInfo', 'cilInputHdmi', 'cilInputPower', 'cilInput', 'cilInstitution', 'cilItalic', 'cilJustifyCenter', 'cilJustifyLeft', 'cilJustifyRight', 'cilKeyboard', 'cilLan', 'cilLanguage', 'cilLaptop', 'cilLayers', 'cilLeaf', 'cilLemon', 'cilLevelDown', 'cilLevelUp', 'cilLibraryAdd', 'cilLibraryBuilding', 'cilLibrary', 'cilLifeRing', 'cilLightbulb', 'cilLineSpacing', 'cilLineStyle', 'cilLineWeight', 'cilLinkAlt', 'cilLinkBroken', 'cilLink', 'cilListFilter', 'cilListHighPriority', 'cilListLowPriority', 'cilListNumberedRtl', 'cilListNumbered', 'cilListRich', 'cilList', 'cilLocationPin', 'cilLockLocked', 'cilLockUnlocked', 'cilLocomotive', 'cilLoop1', 'cilLoopCircular', 'cilLoop', 'cilLowVision', 'cilMagnifyingGlass', 'cilMap', 'cilMediaEject', 'cilMediaPause', 'cilMediaPlay', 'cilMediaRecord', 'cilMediaSkipBackward', 'cilMediaSkipForward', 'cilMediaStepBackward', 'cilMediaStepForward', 'cilMediaStop', 'cilMedicalCross', 'cilMeh', 'cilMemory', 'cilMenu', 'cilMic', 'cilMicrophone', 'cilMinus', 'cilMobileLandscape', 'cilMobile', 'cilMoney', 'cilMonitor', 'cilMoodBad', 'cilMoodGood', 'cilMoodVeryBad', 'cilMoodVeryGood', 'cilMoon', 'cilMouse', 'cilMouthSlash', 'cilMove', 'cilMovie', 'cilMugTea', 'cilMug', 'cilMusicNote', 'cilNewspaper', 'cilNoteAdd', 'cilNotes', 'cilObjectGroup', 'cilObjectUngroup', 'cilOpacity', 'cilOpentype', 'cilOptions', 'cilPaintBucket', 'cilPaint', 'cilPaperPlane', 'cilPaperclip', 'cilParagraph', 'cilPaw', 'cilPenAlt', 'cilPenNib', 'cilPen', 'cilPencil', 'cilPeople', 'cilPhone', 'cilPin', 'cilPizza', 'cilPlant', 'cilPlaylistAdd', 'cilPlus', 'cilPool', 'cilPowerStandby', 'cilPregnant', 'cilPrint', 'cilPushchair', 'cilPuzzle', 'cilQrCode', 'cilRain', 'cilRectangle', 'cilRecycle', 'cilReload', 'cilReportSlash', 'cilResizeBoth', 'cilResizeHeight', 'cilResizeWidth', 'cilRestaurant', 'cilRoom', 'cilRouter', 'cilRowing', 'cilRss', 'cilRuble', 'cilRunning', 'cilSad', 'cilSatelite', 'cilSave', 'cilSchool', 'cilScreenDesktop', 'cilScreenSmartphone', 'cilScrubber', 'cilSearch', 'cilSend', 'cilSettings', 'cilShareAll', 'cilShareAlt', 'cilShareBoxed', 'cilShare', 'cilShieldAlt', 'cilShortText', 'cilShower', 'cilSignLanguage', 'cilSignalCellular0', 'cilSignalCellular3', 'cilSignalCellular4', 'cilSim', 'cilSitemap', 'cilSmilePlus', 'cilSmile', 'cilSmokeFree', 'cilSmokeSlash', 'cilSmoke', 'cilSmokingRoom', 'cilSnowflake', 'cilSoccer', 'cilSofa', 'cilSortAlphaDown', 'cilSortAlphaUp', 'cilSortAscending', 'cilSortDescending', 'cilSortNumericDown', 'cilSortNumericUp', 'cilSpa', 'cilSpaceBar', 'cilSpeak', 'cilSpeaker', 'cilSpeech', 'cilSpeedometer', 'cilSpreadsheet', 'cilSquare', 'cilStarHalf', 'cilStar', 'cilStorage', 'cilStream', 'cilStrikethrough', 'cilSun', 'cilSwapHorizontal', 'cilSwapVertical', 'cilSwimming', 'cilSync', 'cilTablet', 'cilTag', 'cilTags', 'cilTask', 'cilTaxi', 'cilTennisBall', 'cilTennis', 'cilTerminal', 'cilTerrain', 'cilTextShapes', 'cilTextSize', 'cilTextSquare', 'cilTextStrike', 'cilText', 'cilThumbDown', 'cilThumbUp', 'cilToggleOff', 'cilToggleOn', 'cilToilet', 'cilTouchApp', 'cilTransfer', 'cilTranslate', 'cilTrash', 'cilTriangle', 'cilTruck', 'cilTv', 'cilUnderline', 'cilUsb', 'cilUserFemale', 'cilUserFollow', 'cilUserPlus', 'cilUserUnfollow', 'cilUserX', 'cilUser', 'cilVector', 'cilVerticalAlignBottom', 'cilVerticalAlignCenter', 'cilVerticalAlignTop', 'cilVideo', 'cilVideogame', 'cilViewColumn', 'cilViewModule', 'cilViewQuilt', 'cilViewStream', 'cilVoiceOverRecord', 'cilVoice', 'cilVolumeHigh', 'cilVolumeLow', 'cilVolumeOff', 'cilWalk', 'cilWallet', 'cilWallpaper', 'cilWarning', 'cilWatch', 'cilWc', 'cilWeightlifitng', 'cilWheelchair', 'cilWifiSignal0', 'cilWifiSignal1', 'cilWifiSignal2', 'cilWifiSignal3', 'cilWifiSignal4', 'cilWifiSignalOff', 'cilWindowMaximize', 'cilWindowMinimize', 'cilWindowRestore', 'cilWindow', 'cilWrapText', 'cilXCircle', 'cilX', 'cilYen', 'cilZoomIn', 'cilZoomOut', 'cilZoom']
 
-!!!include(./api/coreui-icons-vue/src/CIcon.api.md)!!!
+  const brandIcons = ['cib500px5', 'cib500px', 'cibAboutMe', 'cibAbstract', 'cibAcm', 'cibAddthis', 'cibAdguard', 'cibAdobeAcrobatReader', 'cibAdobeAfterEffects', 'cibAdobeAudition', 'cibAdobeCreativeCloud', 'cibAdobeDreamweaver', 'cibAdobeIllustrator', 'cibAdobeIndesign', 'cibAdobeLightroomClassic', 'cibAdobeLightroom', 'cibAdobePhotoshop', 'cibAdobePremiere', 'cibAdobeTypekit', 'cibAdobeXd', 'cibAdobe', 'cibAirbnb', 'cibAlgolia', 'cibAlipay', 'cibAllocine', 'cibAmazonAws', 'cibAmazonPay', 'cibAmazon', 'cibAmd', 'cibAmericanExpress', 'cibAnaconda', 'cibAnalogue', 'cibAndroidAlt', 'cibAndroid', 'cibAngellist', 'cibAngularUniversal', 'cibAngular', 'cibAnsible', 'cibApacheAirflow', 'cibApacheFlink', 'cibApacheSpark', 'cibApache', 'cibAppStoreIos', 'cibAppStore', 'cibAppleMusic', 'cibApplePay', 'cibApplePodcasts', 'cibApple', 'cibAppveyor', 'cibAral', 'cibArchLinux', 'cibArchiveOfOurOwn', 'cibArduino', 'cibArtstation', 'cibArxiv', 'cibAsana', 'cibAtAndT', 'cibAtlassian', 'cibAtom', 'cibAudible', 'cibAurelia', 'cibAuth0', 'cibAutomatic', 'cibAutotask', 'cibAventrix', 'cibAzureArtifacts', 'cibAzureDevops', 'cibAzurePipelines', 'cibBabel', 'cibBaidu', 'cibBamboo', 'cibBancontact', 'cibBandcamp', 'cibBasecamp', 'cibBathasu', 'cibBehance', 'cibBigCartel', 'cibBing', 'cibBit', 'cibBitbucket', 'cibBitcoin', 'cibBitdefender', 'cibBitly', 'cibBlackberry', 'cibBlender', 'cibBloggerB', 'cibBlogger', 'cibBluetoothB', 'cibBluetooth', 'cibBoeing', 'cibBoost', 'cibBootstrap', 'cibBower', 'cibBrandAi', 'cibBrave', 'cibBtc', 'cibBuddy', 'cibBuffer', 'cibBuyMeACoffee', 'cibBuysellads', 'cibBuzzfeed', 'cibC', 'cibCakephp', 'cibCampaignMonitor', 'cibCanva', 'cibCashapp', 'cibCassandra', 'cibCastro', 'cibCcAmazonPay', 'cibCcAmex', 'cibCcApplePay', 'cibCcDinersClub', 'cibCcDiscover', 'cibCcJcb', 'cibCcMastercard', 'cibCcPaypal', 'cibCcStripe', 'cibCcVisa', 'cibCentos', 'cibCevo', 'cibChase', 'cibChef', 'cibChromecast', 'cibCircle', 'cibCircleci', 'cibCirrusci', 'cibCisco', 'cibCivicrm', 'cibClockify', 'cibClojure', 'cibCloudbees', 'cibCloudflare', 'cibCmake', 'cibCoOp', 'cibCodacy', 'cibCodeClimate', 'cibCodecademy', 'cibCodecov', 'cibCodeigniter', 'cibCodepen', 'cibCoderwall', 'cibCodesandbox', 'cibCodeship', 'cibCodewars', 'cibCodio', 'cibCoffeescript', 'cibCommonWorkflowLanguage', 'cibComposer', 'cibCondaForge', 'cibConekta', 'cibConfluence', 'cibCoreuiC', 'cibCoreui', 'cibCoursera', 'cibCoveralls', 'cibCpanel', 'cibCplusplus', 'cibCreativeCommonsBy', 'cibCreativeCommonsNcEu', 'cibCreativeCommonsNcJp', 'cibCreativeCommonsNc', 'cibCreativeCommonsNd', 'cibCreativeCommonsPdAlt', 'cibCreativeCommonsPd', 'cibCreativeCommonsRemix', 'cibCreativeCommonsSa', 'cibCreativeCommonsSamplingPlus', 'cibCreativeCommonsSampling', 'cibCreativeCommonsShare', 'cibCreativeCommonsZero', 'cibCreativeCommons', 'cibCrunchbase', 'cibCrunchyroll', 'cibCss3Shiled', 'cibCss3', 'cibCsswizardry', 'cibD3Js', 'cibDailymotion', 'cibDashlane', 'cibDazn', 'cibDblp', 'cibDebian', 'cibDeepin', 'cibDeezer', 'cibDelicious', 'cibDell', 'cibDeno', 'cibDependabot', 'cibDesignerNews', 'cibDevTo', 'cibDeviantart', 'cibDevrant', 'cibDiaspora', 'cibDigg', 'cibDigitalOcean', 'cibDiscord', 'cibDiscourse', 'cibDiscover', 'cibDisqus', 'cibDisroot', 'cibDjango', 'cibDocker', 'cibDocusign', 'cibDotNet', 'cibDraugiemLv', 'cibDribbble', 'cibDrone', 'cibDropbox', 'cibDrupal', 'cibDtube', 'cibDuckduckgo', 'cibDynatrace', 'cibEbay', 'cibEclipseide', 'cibElasticCloud', 'cibElasticSearch', 'cibElasticStack', 'cibElastic', 'cibElectron', 'cibElementary', 'cibEleventy', 'cibEllo', 'cibElsevier', 'cibEmlakjet', 'cibEmpirekred', 'cibEnvato', 'cibEpicGames', 'cibEpson', 'cibEsea', 'cibEslint', 'cibEthereum', 'cibEtsy', 'cibEventStore', 'cibEventbrite', 'cibEvernote', 'cibEverplaces', 'cibEvry', 'cibExercism', 'cibExpertsExchange', 'cibExpo', 'cibEyeem', 'cibFSecure', 'cibFacebookF', 'cibFacebook', 'cibFaceit', 'cibFandango', 'cibFavro', 'cibFeathub', 'cibFedex', 'cibFedora', 'cibFeedly', 'cibFidoAlliance', 'cibFigma', 'cibFilezilla', 'cibFirebase', 'cibFitbit', 'cibFlask', 'cibFlattr', 'cibFlickr', 'cibFlipboard', 'cibFlutter', 'cibFnac', 'cibFoursquare', 'cibFramer', 'cibFreebsd', 'cibFreecodecamp', 'cibFurAffinity', 'cibFurryNetwork', 'cibGarmin', 'cibGatsby', 'cibGauges', 'cibGenius', 'cibGentoo', 'cibGeocaching', 'cibGerrit', 'cibGg', 'cibGhost', 'cibGimp', 'cibGit', 'cibGitea', 'cibGithub', 'cibGitkraken', 'cibGitlab', 'cibGitpod', 'cibGitter', 'cibGlassdoor', 'cibGlitch', 'cibGmail', 'cibGnuPrivacyGuard', 'cibGnuSocial', 'cibGnu', 'cibGo', 'cibGodotEngine', 'cibGogCom', 'cibGoldenline', 'cibGoodreads', 'cibGoogleAds', 'cibGoogleAllo', 'cibGoogleAnalytics', 'cibGoogleChrome', 'cibGoogleCloud', 'cibGoogleKeep', 'cibGooglePay', 'cibGooglePlay', 'cibGooglePodcasts', 'cibGoogle', 'cibGooglesCholar', 'cibGovUk', 'cibGradle', 'cibGrafana', 'cibGraphcool', 'cibGraphql', 'cibGrav', 'cibGravatar', 'cibGreenkeeper', 'cibGreensock', 'cibGroovy', 'cibGroupon', 'cibGrunt', 'cibGulp', 'cibGumroad', 'cibGumtree', 'cibHabr', 'cibHackaday', 'cibHackerearth', 'cibHackerone', 'cibHackerrank', 'cibHackhands', 'cibHackster', 'cibHappycow', 'cibHashnode', 'cibHaskell', 'cibHatenaBookmark', 'cibHaxe', 'cibHelm', 'cibHere', 'cibHeroku', 'cibHexo', 'cibHighly', 'cibHipchat', 'cibHitachi', 'cibHockeyapp', 'cibHomify', 'cibHootsuite', 'cibHotjar', 'cibHouzz', 'cibHp', 'cibHtml5Shield', 'cibHtml5', 'cibHtmlacademy', 'cibHuawei', 'cibHubspot', 'cibHulu', 'cibHumbleBundle', 'cibIata', 'cibIbm', 'cibIcloud', 'cibIconjar', 'cibIcq', 'cibIdeal', 'cibIfixit', 'cibImdb', 'cibIndeed', 'cibInkscape', 'cibInstacart', 'cibInstagram', 'cibInstapaper', 'cibIntel', 'cibIntellijidea', 'cibIntercom', 'cibInternetExplorer', 'cibInvision', 'cibIonic', 'cibIssuu', 'cibItchIo', 'cibJabber', 'cibJava', 'cibJavascript', 'cibJekyll', 'cibJenkins', 'cibJest', 'cibJet', 'cibJetbrains', 'cibJira', 'cibJoomla', 'cibJquery', 'cibJs', 'cibJsdelivr', 'cibJsfiddle', 'cibJson', 'cibJupyter', 'cibJustgiving', 'cibKaggle', 'cibKaios', 'cibKaspersky', 'cibKentico', 'cibKeras', 'cibKeybase', 'cibKeycdn', 'cibKhanAcademy', 'cibKibana', 'cibKickstarter', 'cibKik', 'cibKirby', 'cibKlout', 'cibKnown', 'cibKoFi', 'cibKodi', 'cibKoding', 'cibKotlin', 'cibKrita', 'cibKubernetes', 'cibLanyrd', 'cibLaravelHorizon', 'cibLaravelNova', 'cibLaravel', 'cibLastFm', 'cibLatex', 'cibLaunchpad', 'cibLeetcode', 'cibLenovo', 'cibLess', 'cibLetsEncrypt', 'cibLetterboxd', 'cibLgtm', 'cibLiberapay', 'cibLibrarything', 'cibLibreoffice', 'cibLine', 'cibLinkedinIn', 'cibLinkedin', 'cibLinuxFoundation', 'cibLinuxMint', 'cibLinux', 'cibLivejournal', 'cibLivestream', 'cibLogstash', 'cibLua', 'cibLumen', 'cibLyft', 'cibMacys', 'cibMagento', 'cibMagisk', 'cibMailRu', 'cibMailchimp', 'cibMakerbot', 'cibManjaro', 'cibMarkdown', 'cibMarketo', 'cibMastercard', 'cibMastodon', 'cibMaterialDesign', 'cibMathworks', 'cibMatrix', 'cibMattermost', 'cibMatternet', 'cibMaxcdn', 'cibMcafee', 'cibMediaTemple', 'cibMediafire', 'cibMediumM', 'cibMedium', 'cibMeetup', 'cibMega', 'cibMendeley', 'cibMessenger', 'cibMeteor', 'cibMicroBlog', 'cibMicrogenetics', 'cibMicrosoftEdge', 'cibMicrosoft', 'cibMinetest', 'cibMinutemailer', 'cibMix', 'cibMixcloud', 'cibMixer', 'cibMojang', 'cibMonero', 'cibMongodb', 'cibMonkeytie', 'cibMonogram', 'cibMonzo', 'cibMoo', 'cibMozillaFirefox', 'cibMozilla', 'cibMusescore', 'cibMxlinux', 'cibMyspace', 'cibMysql', 'cibNativescript', 'cibNec', 'cibNeo4J', 'cibNetflix', 'cibNetlify', 'cibNextJs', 'cibNextcloud', 'cibNextdoor', 'cibNginx', 'cibNim', 'cibNintendo3Ds', 'cibNintendoGamecube', 'cibNintendoSwitch', 'cibNintendo', 'cibNodeJs', 'cibNodeRed', 'cibNodemon', 'cibNokia', 'cibNotion', 'cibNpm', 'cibNucleo', 'cibNuget', 'cibNuxtJs', 'cibNvidia', 'cibOcaml', 'cibOctave', 'cibOctopusDeploy', 'cibOculus', 'cibOdnoklassniki', 'cibOpenAccess', 'cibOpenCollective', 'cibOpenId', 'cibOpenSourceInitiative', 'cibOpenstreetmap', 'cibOpensuse', 'cibOpenvpn', 'cibOpera', 'cibOpsgenie', 'cibOracle', 'cibOrcid', 'cibOrigin', 'cibOsi', 'cibOsmc', 'cibOvercast', 'cibOverleaf', 'cibOvh', 'cibPagekit', 'cibPalantir', 'cibPandora', 'cibPantheon', 'cibPatreon', 'cibPaypal', 'cibPeriscope', 'cibPhp', 'cibPicartoTv', 'cibPinboard', 'cibPingdom', 'cibPingup', 'cibPinterestP', 'cibPinterest', 'cibPivotaltracker', 'cibPlangrid', 'cibPlayerMe', 'cibPlayerfm', 'cibPlaystation', 'cibPlaystation3', 'cibPlaystation4', 'cibPlesk', 'cibPlex', 'cibPluralsight', 'cibPlurk', 'cibPocket', 'cibPostgresql', 'cibPostman', 'cibPostwoman', 'cibPowershell', 'cibPrettier', 'cibPrismic', 'cibProbot', 'cibProcesswire', 'cibProductHunt', 'cibProtoIo', 'cibProtonmail', 'cibProxmox', 'cibPypi', 'cibPython', 'cibPytorch', 'cibQgis', 'cibQiita', 'cibQq', 'cibQualcomm', 'cibQuantcast', 'cibQuantopian', 'cibQuarkus', 'cibQuora', 'cibQwiklabs', 'cibQzone', 'cibR', 'cibRadiopublic', 'cibRails', 'cibRaspberryPi', 'cibReact', 'cibReadTheDocs', 'cibReadme', 'cibRealm', 'cibReason', 'cibRedbubble', 'cibRedditAlt', 'cibReddit', 'cibRedhat', 'cibRedis', 'cibRedux', 'cibRenren', 'cibReverbnation', 'cibRiot', 'cibRipple', 'cibRiseup', 'cibRollupJs', 'cibRoots', 'cibRoundcube', 'cibRss', 'cibRstudio', 'cibRuby', 'cibRubygems', 'cibRunkeeper', 'cibRust', 'cibSafari', 'cibSahibinden', 'cibSalesforce', 'cibSaltstack', 'cibSamsungPay', 'cibSamsung', 'cibSap', 'cibSassAlt', 'cibSass', 'cibSaucelabs', 'cibScala', 'cibScaleway', 'cibScribd', 'cibScrutinizerci', 'cibSeagate', 'cibSega', 'cibSellfy', 'cibSemaphoreci', 'cibSensu', 'cibSentry', 'cibServerFault', 'cibShazam', 'cibShell', 'cibShopify', 'cibShowpad', 'cibSiemens', 'cibSignal', 'cibSinaWeibo', 'cibSitepoint', 'cibSketch', 'cibSkillshare', 'cibSkyliner', 'cibSkype', 'cibSlack', 'cibSlashdot', 'cibSlickpic', 'cibSlides', 'cibSlideshare', 'cibSmashingmagazine', 'cibSnapchat', 'cibSnapcraft', 'cibSnyk', 'cibSociety6', 'cibSocketIo', 'cibSogou', 'cibSolus', 'cibSongkick', 'cibSonos', 'cibSoundcloud', 'cibSourceforge', 'cibSourcegraph', 'cibSpacemacs', 'cibSpacex', 'cibSparkfun', 'cibSparkpost', 'cibSpdx', 'cibSpeakerDeck', 'cibSpectrum', 'cibSpotify', 'cibSpotlight', 'cibSpreaker', 'cibSpring', 'cibSprint', 'cibSquarespace', 'cibStackbit', 'cibStackexchange', 'cibStackoverflow', 'cibStackpath', 'cibStackshare', 'cibStadia', 'cibStatamic', 'cibStaticman', 'cibStatuspage', 'cibSteam', 'cibSteem', 'cibSteemit', 'cibStitcher', 'cibStorify', 'cibStorybook', 'cibStrapi', 'cibStrava', 'cibStripeS', 'cibStripe', 'cibStubhub', 'cibStumbleupon', 'cibStyleshare', 'cibStylus', 'cibSublimeText', 'cibSubversion', 'cibSuperuser', 'cibSvelte', 'cibSvg', 'cibSwagger', 'cibSwarm', 'cibSwift', 'cibSymantec', 'cibSymfony', 'cibSynology', 'cibTMobile', 'cibTableau', 'cibTails', 'cibTapas', 'cibTeamviewer', 'cibTed', 'cibTeespring', 'cibTelegramPlane', 'cibTelegram', 'cibTencentQq', 'cibTencentWeibo', 'cibTensorflow', 'cibTerraform', 'cibTesla', 'cibTheMighty', 'cibTheMovieDatabase', 'cibTidal', 'cibTiktok', 'cibTinder', 'cibTodoist', 'cibToggl', 'cibTopcoder', 'cibToptal', 'cibTor', 'cibToshiba', 'cibTrainerroad', 'cibTrakt', 'cibTravisci', 'cibTreehouse', 'cibTrello', 'cibTripadvisor', 'cibTrulia', 'cibTumblr', 'cibTwilio', 'cibTwitch', 'cibTwitter', 'cibTwoo', 'cibTypescript', 'cibTypo3', 'cibUber', 'cibUbisoft', 'cibUblockOrigin', 'cibUbuntu', 'cibUdacity', 'cibUdemy', 'cibUikit', 'cibUmbraco', 'cibUnity', 'cibUnrealEngine', 'cibUnsplash', 'cibUntappd', 'cibUpwork', 'cibUsb', 'cibV8', 'cibVagrant', 'cibVenmo', 'cibVerizon', 'cibViadeo', 'cibViber', 'cibVim', 'cibVimeoV', 'cibVimeo', 'cibVine', 'cibVirb', 'cibVisa', 'cibVisualStudioCode', 'cibVisualStudio', 'cibVk', 'cibVlc', 'cibVsco', 'cibVueJs', 'cibWattpad', 'cibWeasyl', 'cibWebcomponentsOrg', 'cibWebpack', 'cibWebstorm', 'cibWechat', 'cibWhatsapp', 'cibWhenIWork', 'cibWii', 'cibWiiu', 'cibWikipedia', 'cibWindows', 'cibWire', 'cibWireguard', 'cibWix', 'cibWolframLanguage', 'cibWolframMathematica', 'cibWolfram', 'cibWordpress', 'cibWpengine', 'cibXPack', 'cibXbox', 'cibXcode', 'cibXero', 'cibXiaomi', 'cibXing', 'cibXrp', 'cibXsplit', 'cibYCombinator', 'cibYahoo', 'cibYammer', 'cibYandex', 'cibYarn', 'cibYelp', 'cibYoutube', 'cibZalando', 'cibZapier', 'cibZeit', 'cibZendesk', 'cibZerply', 'cibZillow', 'cibZingat', 'cibZoom', 'cibZorin', 'cibZulip']
+    
+  const flagIcons = ['cifAd', 'cifAe', 'cifAf', 'cifAg', 'cifAl', 'cifAm', 'cifAo', 'cifAr', 'cifAt', 'cifAu', 'cifAz', 'cifBa', 'cifBb', 'cifBd', 'cifBe', 'cifBf', 'cifBg', 'cifBh', 'cifBi', 'cifBj', 'cifBn', 'cifBo', 'cifBr', 'cifBs', 'cifBt', 'cifBw', 'cifBy', 'cifBz', 'cifCa', 'cifCd', 'cifCf', 'cifCg', 'cifCh', 'cifCi', 'cifCl', 'cifCm', 'cifCn', 'cifCo', 'cifCr', 'cifCu', 'cifCv', 'cifCy', 'cifCz', 'cifDe', 'cifDj', 'cifDk', 'cifDm', 'cifDo', 'cifDz', 'cifEc', 'cifEe', 'cifEg', 'cifEr', 'cifEs', 'cifEt', 'cifFi', 'cifFj', 'cifFm', 'cifFr', 'cifGa', 'cifGb', 'cifGd', 'cifGe', 'cifGh', 'cifGm', 'cifGn', 'cifGq', 'cifGr', 'cifGt', 'cifGw', 'cifGy', 'cifHk', 'cifHn', 'cifHr', 'cifHt', 'cifHu', 'cifId', 'cifIe', 'cifIl', 'cifIn', 'cifIq', 'cifIr', 'cifIs', 'cifIt', 'cifJm', 'cifJo', 'cifJp', 'cifKe', 'cifKg', 'cifKh', 'cifKi', 'cifKm', 'cifKn', 'cifKp', 'cifKr', 'cifKw', 'cifKz', 'cifLa', 'cifLb', 'cifLc', 'cifLi', 'cifLk', 'cifLr', 'cifLs', 'cifLt', 'cifLu', 'cifLv', 'cifLy', 'cifMa', 'cifMc', 'cifMd', 'cifMe', 'cifMg', 'cifMh', 'cifMk', 'cifMl', 'cifMm', 'cifMn', 'cifMr', 'cifMt', 'cifMu', 'cifMv', 'cifMw', 'cifMx', 'cifMy', 'cifMz', 'cifNa', 'cifNe', 'cifNg', 'cifNi', 'cifNl', 'cifNo', 'cifNp', 'cifNr', 'cifNu', 'cifNz', 'cifOm', 'cifPa', 'cifPe', 'cifPg', 'cifPh', 'cifPk', 'cifPl', 'cifPt', 'cifPw', 'cifPy', 'cifQa', 'cifRo', 'cifRs', 'cifRu', 'cifRw', 'cifSa', 'cifSb', 'cifSc', 'cifSd', 'cifSe', 'cifSg', 'cifSi', 'cifSk', 'cifSl', 'cifSm', 'cifSn', 'cifSo', 'cifSr', 'cifSs', 'cifSt', 'cifSv', 'cifSy', 'cifSz', 'cifTd', 'cifTg', 'cifTh', 'cifTj', 'cifTl', 'cifTm', 'cifTn', 'cifTo', 'cifTr', 'cifTt', 'cifTv', 'cifTw', 'cifTz', 'cifUa', 'cifUg', 'cifUs', 'cifUy', 'cifUz', 'cifVa', 'cifVc', 'cifVe', 'cifVn', 'cifWs', 'cifXk', 'cifYe', 'cifZa', 'cifZm', 'cifZw']
 
-!!!include(./api/coreui-icons-vue/src/CIconSvg.api.md)!!!
\ No newline at end of file
+  const tabPaneActiveKey = ref(1)
+</script> 
\ No newline at end of file
diff --git a/packages/docs/components/modal.md b/packages/docs/components/modal.md
index 72ea1b66..07e19ad8 100644
--- a/packages/docs/components/modal.md
+++ b/packages/docs/components/modal.md
@@ -60,7 +60,11 @@ Toggle a working modal demo by clicking the button below. It will slide down and
   </CModalFooter>
 </CModal>
 :::
-``` vue
+```vue
+<script setup>
+  import { ref } from 'vue'
+  const visibleLiveDemo = ref(false)
+</script>
 <template>
   <CButton color="primary" @click="() => { visibleLiveDemo = true }">Launch demo modal</CButton>
   <CModal 
@@ -80,15 +84,6 @@ Toggle a working modal demo by clicking the button below. It will slide down and
     </CModalFooter>
   </CModal>
 </template>
-<script>
-  export default {
-    data() {
-      return { 
-        visibleLiveDemo: false,
-      }
-    }
-  }
-</script>
 ```
 ### Static backdrop
 
@@ -114,7 +109,11 @@ If you set `backdrop` property to `static`, your modal will behave as though the
   </CModalFooter>
 </CModal>
 :::
-``` vue
+```vue
+<script setup>
+  import { ref } from 'vue'
+  const visibleStaticBackdropDemo = ref(false)
+</script>
 <template>
   <CButton color="primary" @click="() => { visibleStaticBackdropDemo = true }">Launch demo modal</CButton>
   <CModal 
@@ -135,15 +134,6 @@ If you set `backdrop` property to `static`, your modal will behave as though the
     </CModalFooter>
   </CModal>
 </template>
-<script>
-  export default {
-    data() {
-      return { 
-        visibleStaticBackdropDemo: false,
-      }
-    }
-  }
-</script>
 ```
 
 ### Scrolling long content
@@ -248,7 +238,11 @@ When modals become too long for the user's viewport or device, they scroll indep
   </CModalBody>
 </CModal>
 :::
-``` vue
+```vue
+<script setup>
+  import { ref } from 'vue'
+  const visibleScrollingLongContentDemo = ref(false)
+</script>
 <template>
   <CButton color="primary" @click="() => { visibleScrollingLongContentDemo = true }">Launch demo modal</CButton>
   <CModal 
@@ -347,15 +341,6 @@ When modals become too long for the user's viewport or device, they scroll indep
     </CModalBody>
   </CModal>
 </template>
-<script>
-  export default {
-    data() {
-      return { 
-        visibleScrollingLongContentDemo: false,
-      }
-    }
-  }
-</script>
 ```
 
 You can also create a scrollable modal that allows scroll the modal body by adding `scrollable` prop.
@@ -459,7 +444,11 @@ You can also create a scrollable modal that allows scroll the modal body by addi
   </CModalBody>
 </CModal>
 :::
-``` vue
+```vue
+<script setup>
+  import { ref } from 'vue'
+  const visibleScrollableDemo = ref(false)
+</script>
 <template>
   <CButton color="primary" @click="() => { visibleScrollableDemo = true }">Launch demo modal</CButton>
   <CModal
@@ -559,15 +548,6 @@ You can also create a scrollable modal that allows scroll the modal body by addi
     </CModalBody>
   </CModal>
 </template>
-<script>
-  export default {
-    data() {
-      return { 
-        visibleScrollableDemo: false,
-      }
-    }
-  }
-</script>
 ```
 
 ### Vertically centered
@@ -596,7 +576,11 @@ Add `alignment="center` to `<CModal>` to vertically center the modal.
   </CModalFooter>
 </CModal>
 :::
-``` vue
+```vue
+<script setup>
+  import { ref } from 'vue'
+  const visibleVerticallyCenteredDemo = ref(false)
+</script>
 <template>
   <CButton color="primary" @click="() => { visibleVerticallyCenteredDemo = true }">Launch demo modal</CButton>
   <CModal
@@ -619,15 +603,6 @@ Add `alignment="center` to `<CModal>` to vertically center the modal.
     </CModalFooter>
   </CModal>
 </template>
-<script>
-  export default {
-    data() {
-      return { 
-        visibleVerticallyCenteredDemo: false,
-      }
-    }
-  }
-</script>
 ```
 
 ::: demo
@@ -653,7 +628,11 @@ Add `alignment="center` to `<CModal>` to vertically center the modal.
   </CModalFooter>
 </CModal>
 :::
-``` vue
+```vue
+<script setup>
+  import { ref } from 'vue'
+  const visibleVerticallyCenteredScrollableDemo = ref(false)
+</script>
 <template>
   <CButton color="primary" @click="() => { visibleVerticallyCenteredScrollableDemo = true }">Vertically centered scrollable modal</CButton>
   <CModal 
@@ -677,15 +656,6 @@ Add `alignment="center` to `<CModal>` to vertically center the modal.
     </CModalFooter>
   </CModal>
 </template>
-<script>
-  export default {
-    data() {
-      return { 
-        visibleVerticallyCenteredScrollableDemo: false,
-      }
-    }
-  }
-</script>
 ```
 
 ### Tooltips and popovers
@@ -719,7 +689,11 @@ Add `alignment="center` to `<CModal>` to vertically center the modal.
   </CModalFooter>
 </CModal>
 :::
-``` vue
+```vue
+<script setup>
+  import { ref } from 'vue'
+  const visibleTooltipsAndPopoversDemo = ref(false)
+</script>
 <template>
   <CButton color="primary" @click="() => { visibleTooltipsAndPopoversDemo = true }">Launch demo modal</CButton>
   <CModal
@@ -747,15 +721,6 @@ Add `alignment="center` to `<CModal>` to vertically center the modal.
     </CModalFooter>
   </CModal>
 </template>
-<script>
-  export default {
-    data() {
-      return { 
-        visibleTooltipsAndPopoversDemo: false,
-      }
-    }
-  }
-</script>
 ```
 
 ### Toggle between modals
@@ -811,6 +776,11 @@ Toggle between multiple modals with some clever placement of the `visible` props
 </CModal>
 :::
 ```vue
+<script setup>
+  import { ref } from 'vue'
+  const visibleToggleBetweenModalsDemo1 = ref(false)
+  const visibleToggleBetweenModalsDemo2 = ref(false)
+</script>
 <template>
   <CButton color="primary" @click="() => { visibleToggleBetweenModalsDemo1 = true }">Open first modal</CButton>
   <CModal
@@ -859,16 +829,6 @@ Toggle between multiple modals with some clever placement of the `visible` props
     </CModalFooter>
   </CModal>
 </template>
-<script>
-  export default {
-    data() {
-      return { 
-        visibleToggleBetweenModalsDemo1: false,
-        visibleToggleBetweenModalsDemo2: false,
-      }
-    }
-  }
-</script>
 ```
 
 ### Change animation
@@ -968,7 +928,13 @@ Modals have three optional sizes, available via modifier classes to be placed on
   </CModalBody>
 </CModal>
 :::
-``` vue
+```vue
+<script setup>
+  import { ref } from 'vue'
+  const xlDemo = ref(false)
+  const lgDemo = ref(false)
+  const smDemo = ref(false)
+</script>
 <template>
   <CButton color="primary" @click="() => { xlDemo = true }">Extra large modal</CButton>
   <CButton color="primary" @click="() => { lgDemo = true }">Large modal</CButton>
@@ -1013,17 +979,6 @@ Modals have three optional sizes, available via modifier classes to be placed on
     </CModalBody>
   </CModal>
 </template>
-<script>
-  export default {
-    data() {
-      return { 
-        xlDemo: false,
-        lgDemo: false,
-        smDemo: false,
-      }
-    }
-  }
-</script>
 ```
 
 ## Fullscreen Modal
@@ -1151,7 +1106,16 @@ Another override is the option to pop up a modal that covers the user viewport,
   </CModalBody>
 </CModal>
 :::
-``` vue
+```vue
+<script setup>
+  import { ref } from 'vue'
+  const fullscreenDemo = ref(false)
+  const fullscreenSmDemo = ref(false)
+  const fullscreenMdDemo = ref(false)
+  const fullscreenLgDemo = ref(false)
+  const fullscreenXlDemo = ref(false)
+  const fullscreenXxlDemo = ref(false)
+</script>
 <template>
   <CButton color="primary" @click="() => { fullscreenDemo = true }">Full screen</CButton>
   <CButton color="primary" @click="() => { fullscreenSmDemo = true }">Full screen below sm</CButton>
@@ -1238,49 +1202,8 @@ Another override is the option to pop up a modal that covers the user viewport,
     </CModalBody>
   </CModal>
 </template>
-<script>
-  export default {
-    data() {
-      return { 
-        fullscreenDemo: false,
-        fullscreenSmDemo: false,
-        fullscreenMdDemo: false,
-        fullscreenLgDemo: false,
-        fullscreenXlDemo: false,
-        fullscreenXxlDemo: false,
-      }
-    }
-  }
-</script>
 ```
 
-<script>
-  export default {
-    data() {
-      return { 
-        visibleLiveDemo: false,
-        visibleStaticBackdropDemo: false,
-        visibleScrollingLongContentDemo: false,
-        visibleScrollableDemo: false,
-        visibleVerticallyCenteredDemo: false,
-        visibleVerticallyCenteredScrollableDemo: false,
-        visibleTooltipsAndPopoversDemo: false,
-        visibleToggleBetweenModalsDemo1: false,
-        visibleToggleBetweenModalsDemo2: false,
-        xlDemo: false,
-        lgDemo: false,
-        smDemo: false,
-        fullscreenDemo: false,
-        fullscreenSmDemo: false,
-        fullscreenMdDemo: false,
-        fullscreenLgDemo: false,
-        fullscreenXlDemo: false,
-        fullscreenXxlDemo: false,
-      }
-    }
-  }
-</script>
-
 ## Customizing
 
 ### CSS variables
@@ -1318,3 +1241,25 @@ return <CModal :style="vars">...</CModal>
 !!!include(./api/modal/CModalHeader.api.md)!!!
 
 !!!include(./api/modal/CModalTitle.api.md)!!!
+
+<script setup>
+  import { ref } from 'vue'
+  const visibleLiveDemo = ref(false)
+  const visibleStaticBackdropDemo = ref(false)
+  const visibleScrollingLongContentDemo = ref(false)
+  const visibleScrollableDemo = ref(false)
+  const visibleVerticallyCenteredDemo = ref(false)
+  const visibleVerticallyCenteredScrollableDemo = ref(false)
+  const visibleTooltipsAndPopoversDemo = ref(false)
+  const visibleToggleBetweenModalsDemo1 = ref(false)
+  const visibleToggleBetweenModalsDemo2 = ref(false)
+  const xlDemo = ref(false)
+  const lgDemo = ref(false)
+  const smDemo = ref(false)
+  const fullscreenDemo = ref(false)
+  const fullscreenSmDemo = ref(false)
+  const fullscreenMdDemo = ref(false)
+  const fullscreenLgDemo = ref(false)
+  const fullscreenXlDemo = ref(false)
+  const fullscreenXxlDemo = ref(false)
+</script>
diff --git a/packages/docs/components/navbar.md b/packages/docs/components/navbar.md
index 4c32c36d..ce2e636a 100644
--- a/packages/docs/components/navbar.md
+++ b/packages/docs/components/navbar.md
@@ -59,42 +59,48 @@ Here's an example of all the sub-components included in a responsive light-theme
 </CNavbar>
 :::
 ```vue
-<CNavbar expand="lg" color-scheme="light" class="bg-light">
-  <CContainer fluid>
-    <CNavbarBrand href="#">Navbar</CNavbarBrand>
-    <CNavbarToggler @click="visible = !visible"/>
-    <CCollapse class="navbar-collapse" :visible="visible">
-      <CNavbarNav>
-        <CNavItem>
-          <CNavLink href="#" active>
-            Home
-          </CNavLink>
-        </CNavItem>
-        <CNavItem>
-          <CNavLink href="#">Link</CNavLink>
-        </CNavItem>
-        <CDropdown variant="nav-item" :popper="false">
-          <CDropdownToggle color="secondary">Dropdown button</CDropdownToggle>
-          <CDropdownMenu>
-            <CDropdownItem href="#">Action</CDropdownItem>
-            <CDropdownItem href="#">Another action</CDropdownItem>
-            <CDropdownDivider />
-            <CDropdownItem href="#">Something else here</CDropdownItem>
-          </CDropdownMenu>
-        </CDropdown>
-        <CNavItem>
-          <CNavLink href="#" disabled>
-            Disabled
-          </CNavLink>
-        </CNavItem>
-      </CNavbarNav>
-      <CForm class="d-flex">
-        <CFormInput type="search" class="me-2" placeholder="Search"/>
-        <CButton type="submit" color="success" variant="outline">Search</CButton>
-      </CForm>
-    </CCollapse>
-  </CContainer>
-</CNavbar>
+<script setup>
+  import { ref } from 'vue'
+  const visible = ref(true)
+</script>
+<template>
+  <CNavbar expand="lg" color-scheme="light" class="bg-light">
+    <CContainer fluid>
+      <CNavbarBrand href="#">Navbar</CNavbarBrand>
+      <CNavbarToggler @click="visible = !visible"/>
+      <CCollapse class="navbar-collapse" :visible="visible">
+        <CNavbarNav>
+          <CNavItem>
+            <CNavLink href="#" active>
+              Home
+            </CNavLink>
+          </CNavItem>
+          <CNavItem>
+            <CNavLink href="#">Link</CNavLink>
+          </CNavItem>
+          <CDropdown variant="nav-item" :popper="false">
+            <CDropdownToggle color="secondary">Dropdown button</CDropdownToggle>
+            <CDropdownMenu>
+              <CDropdownItem href="#">Action</CDropdownItem>
+              <CDropdownItem href="#">Another action</CDropdownItem>
+              <CDropdownDivider />
+              <CDropdownItem href="#">Something else here</CDropdownItem>
+            </CDropdownMenu>
+          </CDropdown>
+          <CNavItem>
+            <CNavLink href="#" disabled>
+              Disabled
+            </CNavLink>
+          </CNavItem>
+        </CNavbarNav>
+        <CForm class="d-flex">
+          <CFormInput type="search" class="me-2" placeholder="Search"/>
+          <CButton type="submit" color="success" variant="outline">Search</CButton>
+        </CForm>
+      </CCollapse>
+    </CContainer>
+  </CNavbar>
+</template>
 ```
 
 ### Brand
@@ -998,6 +1004,10 @@ Sometimes you want to use the collapse plugin to trigger a container element for
 </CNavbar>
 :::
 ```vue
+<script setup>
+  import { ref } from 'vue'
+  const visibleExternalContent = ref(false)
+</script>
 <template>
   <CCollapse id="navbarToggleExternalContent" :visible="visibleExternalContent" data-coreui-theme="dark">
     <div class="bg-dark p-4">
@@ -1015,15 +1025,6 @@ Sometimes you want to use the collapse plugin to trigger a container element for
     </CContainer>
   </CNavbar>
 </template>
-<script>
-  export default {
-    data() {
-      return { 
-        visibleExternalContent: false,
-      }
-    }
-  }
-</script>
 ```
 
 ### Offcanvas
@@ -1083,6 +1084,10 @@ In the example below, to create an offcanvas navbar that is always collapsed acr
 </CNavbar>
 :::
 ```vue
+<script setup>
+  import { ref } from 'vue'
+  const visibleOffcanvas = ref(false)
+</script>
 <template>
   <CNavbar colorScheme="light" class="bg-light">
     <CContainer fluid>
@@ -1133,15 +1138,6 @@ In the example below, to create an offcanvas navbar that is always collapsed acr
     </CContainer>
   </CNavbar>
 </template>
-<script>
-  export default {
-    data() {
-      return { 
-        visibleOffcanvas: false,
-      }
-    }
-  }
-</script>
 ```
 
 To create an offcanvas navbar that expands into a normal navbar at a specific breakpoint like `xxl`, use `expand="xxl"` property.
@@ -1197,6 +1193,10 @@ To create an offcanvas navbar that expands into a normal navbar at a specific br
 </CNavbar>
 :::
 ```vue
+<script setup>
+  import { ref } from 'vue'
+  const visibleOffcanvas2 = ref(false)
+</script>
 <template>
   <CNavbar colorScheme="light" class="bg-light" expand="xxl">
     <CContainer fluid>
@@ -1247,31 +1247,8 @@ To create an offcanvas navbar that expands into a normal navbar at a specific br
     </CContainer>
   </CNavbar>
 </template>
-<script>
-  export default {
-    data() {
-      return { 
-        visibleOffcanvas2: false,
-      }
-    }
-  }
-</script>
 ```
 
-<script>
-  export default {
-    data() {
-      return { 
-        visible: true,
-        visibleExternalContent: false,
-        visibleOffcanvas: false,
-        visibleOffcanvas2: false,
-      }
-    }
-  }
-</script>
-
-
 ## Customizing
 
 ### CSS variables
@@ -1320,4 +1297,12 @@ Variables for the [dark navbar](#color-schemes):
 
 !!!include(./api/navbar/CNavbarBrand.api.md)!!!
 
-!!!include(./api/navbar/CNavbarNav.api.md)!!!
\ No newline at end of file
+!!!include(./api/navbar/CNavbarNav.api.md)!!!
+
+<script setup>
+  import { ref } from 'vue'
+  const visible = ref(true)
+  const visibleExternalContent = ref(false)
+  const visibleOffcanvas = ref(false)
+  const visibleOffcanvas2 = ref(false)
+</script>
\ No newline at end of file
diff --git a/packages/docs/components/navs-tabs.md b/packages/docs/components/navs-tabs.md
index 543ac981..1452f180 100644
--- a/packages/docs/components/navs-tabs.md
+++ b/packages/docs/components/navs-tabs.md
@@ -702,6 +702,10 @@ Note that dynamic tabbed interfaces should not contain dropdown menus, as this c
 </CTabContent>
 :::
 ```vue
+<script setup>
+  import { ref } from 'vue'
+  const tabPaneActiveKey = ref(1)
+</script>
 <template>
   <CNav variant="tabs" role="tablist">
     <CNavItem>
@@ -761,15 +765,6 @@ Note that dynamic tabbed interfaces should not contain dropdown menus, as this c
     </CTabPane>
   </CTabContent>
 </template>
-<script>
-  export default {
-    data() {
-      return { 
-        tabPaneActiveKey: 1,
-      }
-    }
-  }
-</script>
 ```
 
 The tabs also works with pills.
@@ -834,6 +829,10 @@ The tabs also works with pills.
 </CTabContent>
 :::
 ```vue
+<script setup>
+  import { ref } from 'vue'
+  const tabPanePillsActiveKey = ref(1)
+</script>
 <template>
   <CNav variant="tabs" role="tablist">
     <CNavItem>
@@ -893,28 +892,8 @@ The tabs also works with pills.
     </CTabPane>
   </CTabContent>
 </template>
-<script>
-  export default {
-    data() {
-      return { 
-        tabPanePillsActiveKey: 1,
-      }
-    }
-  }
-</script>
 ```
 
-<script>
-  export default {
-    data() {
-      return { 
-        tabPaneActiveKey: 1,
-        tabPanePillsActiveKey: 1,
-      }
-    }
-  }
-</script>
-
 ## Customizing
 
 ### CSS variables
@@ -957,4 +936,10 @@ return <CNav :style="vars">...</CNav>
 
 `CNavItem` and `CNavLink` have the same properties. If you set the `href` property on `CNavItem` then, `CNavLink` will be generated inside `CNavItem`.
 
-!!!include(./api/nav/CNavLink.api.md)!!!
\ No newline at end of file
+!!!include(./api/nav/CNavLink.api.md)!!!
+
+<script setup>
+  import { ref } from 'vue'
+  const tabPaneActiveKey = ref(1)
+  const tabPanePillsActiveKey = ref(1)
+</script>
\ No newline at end of file
diff --git a/packages/docs/components/offcanvas.md b/packages/docs/components/offcanvas.md
index 71b3a2f0..a39696ba 100644
--- a/packages/docs/components/offcanvas.md
+++ b/packages/docs/components/offcanvas.md
@@ -28,16 +28,18 @@ Below is an offcanvas example that is shown by default (via `:visible="true"`).
 </div>
 :::
 ```vue
-<COffcanvas :backdrop="false" placement="start" :visible="true">
-  <COffcanvasHeader>
-    <COffcanvasTitle>Offcanvas</COffcanvasTitle>
-    <CCloseButton class="text-reset" />
-  </COffcanvasHeader>
-  <COffcanvasBody>
-    Content for the offcanvas goes here. You can place just about any Bootstrap component or
-    custom elements here.
-  </COffcanvasBody>
-</COffcanvas>
+<template>
+  <COffcanvas :backdrop="false" placement="start" :visible="true">
+    <COffcanvasHeader>
+      <COffcanvasTitle>Offcanvas</COffcanvasTitle>
+      <CCloseButton class="text-reset" />
+    </COffcanvasHeader>
+    <COffcanvasBody>
+      Content for the offcanvas goes here. You can place just about any Bootstrap component or
+      custom elements here.
+    </COffcanvasBody>
+  </COffcanvas>
+</template>
 ```
 
 ### Live demo
@@ -61,6 +63,10 @@ Use the buttons below to show and hide an offcanvas component.
 </COffcanvas>
 :::
 ```vue
+<script setup>
+  import { ref } from 'vue'
+  const visible = ref(false)
+</script>
 <template>
   <CButton color="primary" @click="() => { visible = !visible }">Toggle offcanvas</CButton>
   <COffcanvas placement="start" :visible="visible" @hide="() => { visible = !visible }">
@@ -74,15 +80,6 @@ Use the buttons below to show and hide an offcanvas component.
     </COffcanvasBody>
   </COffcanvas>
 </template>
-<script>
-  export default {
-    data() {
-      return { 
-        visible: false,
-      }
-    }
-  }
-</script>
 ```
 
 ### Body scrolling
@@ -102,6 +99,11 @@ Scrolling the `<body>` element is disabled when an offcanvas and its backdrop ar
 </COffcanvas>
 :::
 ```vue
+<script setup>
+  import { ref } from 'vue'
+  const visible = ref(false)
+  const visibleScrolling = ref(false)
+</script>
 <template>
   <CButton color="primary" @click="() => { visibleScrolling = !visibleScrolling }">Enable body scrolling</CButton>
   <COffcanvas :backdrop="false" placement="start" scroll :visible="visibleScrolling" @hide="() => { visibleScrolling = !visibleScrolling }">
@@ -114,15 +116,6 @@ Scrolling the `<body>` element is disabled when an offcanvas and its backdrop ar
     </COffcanvasBody>
   </COffcanvas>
 </template>
-<script>
-  export default {
-    data() {
-      return { 
-        visibleScrolling: false,
-      }
-    }
-  }
-</script>
 ```
 
 ### Body scrolling and backdrop
@@ -142,6 +135,10 @@ You can also enable `<body>` scrolling with a visible backdrop.
 </COffcanvas>
 :::
 ```vue
+<script setup>
+  import { ref } from 'vue'
+  const visibleWithBothOptions = ref(false)
+</script>
 <template>
   <CButton color="primary" @click="() => { visibleWithBothOptions = !visibleWithBothOptions }">Enable both scrolling &amp; backdrop</CButton>
   <COffcanvas placement="start" scroll :visible="visibleWithBothOptions" @hide="() => { visibleWithBothOptions = !visibleWithBothOptions }">
@@ -154,15 +151,6 @@ You can also enable `<body>` scrolling with a visible backdrop.
     </COffcanvasBody>
   </COffcanvas>
 </template>
-<script>
-  export default {
-    data() {
-      return {
-        visibleWithBothOptions: false,
-      }
-    }
-  }
-</script>
 ```
 
 ### Static backdrop
@@ -182,6 +170,10 @@ If you set a `backdrop` to `static`, your Vue offcanvas component will not close
 </COffcanvas>
 :::
 ```vue
+<script setup>
+  import { ref } from 'vue'
+  const visibleWithStaticBackdrop = ref(false)
+</script>
 <template>
   <CButton color="primary" @click="() => { visibleWithStaticBackdrop = !visibleWithStaticBackdrop }">Toggle static offcanvas</CButton>
   <COffcanvas backdrop="static" placement="start" :visible="visibleWithStaticBackdrop" @hide="() => { visibleWithStaticBackdrop = !visibleWithStaticBackdrop }">
@@ -194,15 +186,6 @@ If you set a `backdrop` to `static`, your Vue offcanvas component will not close
     </COffcanvasBody>
   </COffcanvas>
 </template>
-<script>
-  export default {
-    data() {
-      return { 
-        visibleWithStaticBackdrop: false,
-      }
-    }
-  }
-</script>
 ```
 
 ## Dark offcanvas
@@ -255,6 +238,10 @@ For example, `responsive="lg"` hides content in an offcanvas below the lg breakp
 </COffcanvas>
 :::
 ```vue
+<script setup>
+  import { ref } from 'vue'
+  const visibleResponsiveBackdrop = ref(false)
+</script>
 <template>
   <CButton color="primary" @click="() => { visibleResponsiveBackdrop = !visibleResponsiveBackdrop }">Toggle static offcanvas</CButton>
   <CAlert class="d-none d-lg-block" color="info">Resize your browser to show the responsive offcanvas toggle.</CAlert>
@@ -268,15 +255,6 @@ For example, `responsive="lg"` hides content in an offcanvas below the lg breakp
     </COffcanvasBody>
   </COffcanvas>
 </template>
-<script>
-  export default {
-    data() {
-      return { 
-        visibleResponsiveBackdrop: false,
-      }
-    }
-  }
-</script>
 ```
 
 
@@ -305,6 +283,10 @@ Try the top, right, and bottom examples out below.
 </COffcanvas>
 :::
 ```vue
+<script setup>
+  import { ref } from 'vue'
+  const visibleTop = ref(false)
+</script>
 <template>
   <CButton color="primary" @click="() => { visibleTop = !visibleTop }">Toggle top offcanvas</CButton>
   <COffcanvas placement="top" :visible="visibleTop" @hide="() => { visibleTop = !visibleTop }">
@@ -318,15 +300,6 @@ Try the top, right, and bottom examples out below.
     </COffcanvasBody>
   </COffcanvas>
 </template>
-<script>
-  export default {
-    data() {
-      return { 
-        visibleTop: false,
-      }
-    }
-  }
-</script>
 ```
 
 ::: demo
@@ -343,6 +316,10 @@ Try the top, right, and bottom examples out below.
 </COffcanvas>
 :::
 ```vue
+<script setup>
+  import { ref } from 'vue'
+  const visibleEnd = ref(false)
+</script>
 <template>
   <CButton color="primary" @click="() => { visibleEnd = !visibleEnd }">Toggle right offcanvas</CButton>
   <COffcanvas placement="end" :visible="visibleEnd" @hide="() => { visibleEnd = !visibleEnd }">
@@ -356,15 +333,6 @@ Try the top, right, and bottom examples out below.
     </COffcanvasBody>
   </COffcanvas>
 </template>
-<script>
-  export default {
-    data() {
-      return { 
-        visibleEnd: false,
-      }
-    }
-  }
-</script>
 ```
 
 ::: demo
@@ -381,6 +349,10 @@ Try the top, right, and bottom examples out below.
 </COffcanvas>
 :::
 ```vue
+<script setup>
+  import { ref } from 'vue'
+  const visibleBottom = ref(false)
+</script>
 <template>
   <CButton color="primary" @click="() => { visibleBottom = !visibleBottom }">Toggle bottom offcanvas</CButton>
   <COffcanvas placement="bottom" :visible="visibleBottom" @hide="() => { visibleBottom = !visibleBottom }">
@@ -394,38 +366,12 @@ Try the top, right, and bottom examples out below.
     </COffcanvasBody>
   </COffcanvas>
 </template>
-<script>
-  export default {
-    data() {
-      return { 
-        visibleBottom: false,
-      }
-    }
-  }
-</script>
 ```
 
 ## Accessibility
 
 Since the offcanvas panel is conceptually a modal dialog, be sure to add `aria-labelledby="..."`—referencing the offcanvas title—to `<COffcanvas>`. Note that you don’t need to add `role="dialog"` since we already add it automatically.
 
-<script>
-  export default {
-    data() {
-      return { 
-        visible: false,
-        visibleTop: false,
-        visibleEnd: false,
-        visibleBottom: false,
-        visibleScrolling: false,
-        visibleResponsiveBackdrop: false,
-        visibleWithStaticBackdrop: false,
-        visibleWithBothOptions: false,
-      }
-    }
-  }
-</script>
-
 ## Customizing
 
 ### CSS variables
@@ -452,4 +398,16 @@ return <COffcanvas :style="vars">...</COffcanvas>
 
 !!!include(./api/offcanvas/COffcanvas.api.md)!!!
 
-!!!include(./api/offcanvas/COffcanvasTitle.api.md)!!!
\ No newline at end of file
+!!!include(./api/offcanvas/COffcanvasTitle.api.md)!!!
+
+<script setup>
+  import { ref } from 'vue'
+  const visible = ref(false)
+  const visibleTop = ref(false)
+  const visibleEnd = ref(false)
+  const visibleBottom = ref(false)
+  const visibleScrolling = ref(false)
+  const visibleResponsiveBackdrop = ref(false)
+  const visibleWithStaticBackdrop = ref(false)
+  const visibleWithBothOptions = ref(false)
+</script>
\ No newline at end of file
diff --git a/packages/docs/components/popover.md b/packages/docs/components/popover.md
index 0fcf964a..d758ad80 100644
--- a/packages/docs/components/popover.md
+++ b/packages/docs/components/popover.md
@@ -116,6 +116,16 @@ You can customize the appearance of popovers using [CSS variables](#css-variable
 </CPopover>
 :::
 ```vue
+<script setup>
+  const customPopoverStyle = {
+    '--cui-popover-max-width': '200px',
+    '--cui-popover-border-color': 'var(--cui-primary)',
+    '--cui-popover-header-bg': 'var(--cui-primary)',
+    '--cui-popover-header-color': 'var(--cui-white)',
+    '--cui-popover-body-padding-x': '1rem',
+    '--cui-popover-body-padding-y': '.5rem',
+  }
+</script>
 <template>
   <CPopover
     content="This popover is themed via CSS variables."
@@ -128,22 +138,6 @@ You can customize the appearance of popovers using [CSS variables](#css-variable
     </template>
   </CPopover>
 </template>
-<script>
-  export default {
-    data() {
-      return { 
-       customPopoverStyle: {
-          '--cui-popover-max-width': '200px',
-          '--cui-popover-border-color': 'var(--cui-primary)',
-          '--cui-popover-header-bg': 'var(--cui-primary)',
-          '--cui-popover-header-color': 'var(--cui-white)',
-          '--cui-popover-body-padding-x': '1rem',
-          '--cui-popover-body-padding-y': '.5rem',
-        }
-      }
-    }
-  }
-</script>
 ```
 
 ## Usage
@@ -207,19 +201,13 @@ return <CPopover :style="vars">...</CPopover>
 
 !!!include(./api/popover/CPopover.api.md)!!!
 
-<script>
-  export default {
-    data() {
-      return { 
-       customPopoverStyle: {
-          '--cui-popover-max-width': '200px',
-          '--cui-popover-border-color': 'var(--cui-primary)',
-          '--cui-popover-header-bg': 'var(--cui-primary)',
-          '--cui-popover-header-color': 'var(--cui-white)',
-          '--cui-popover-body-padding-x': '1rem',
-          '--cui-popover-body-padding-y': '.5rem',
-        }
-      }
-    }
+<script setup>
+  const customPopoverStyle = {
+    '--cui-popover-max-width': '200px',
+    '--cui-popover-border-color': 'var(--cui-primary)',
+    '--cui-popover-header-bg': 'var(--cui-primary)',
+    '--cui-popover-header-color': 'var(--cui-white)',
+    '--cui-popover-body-padding-x': '1rem',
+    '--cui-popover-body-padding-y': '.5rem',
   }
 </script>
\ No newline at end of file
diff --git a/packages/docs/components/table.md b/packages/docs/components/table.md
index 56512d57..06994d69 100644
--- a/packages/docs/components/table.md
+++ b/packages/docs/components/table.md
@@ -17,62 +17,55 @@ Using the most basic table CoreUI, here's how `<CTable>`-based tables look in Co
 
 In version **4.5.0** we introduced a new way to create a table, similarly to our [Smart Table component](https://coreui.io/vue/docs/components/smart-table.html).
 
-
 ```vue
+<script setup>
+  const columns = [
+    {
+      key: 'id',
+      label: '#',
+      _props: { scope: 'col' },
+    },
+    {
+      key: 'class',
+      _props: { scope: 'col' },
+    },
+    {
+      key: 'heading_1',
+      label: 'Heading',
+      _props: { scope: 'col' },
+    },
+    {
+      key: 'heading_2',
+      label: 'Heading',
+      _props: { scope: 'col' },
+    },
+  ]
+  const items = [
+    {
+      id: 1,
+      class: 'Mark',
+      heading_1: 'Otto',
+      heading_2: '@mdo',
+      _cellProps: { id: { scope: 'row' } },
+    },
+    {
+      id: 2,
+      class: 'Jacob',
+      heading_1: 'Thornton',
+      heading_2: '@fat',
+      _cellProps: { id: { scope: 'row' } },
+    },
+    {
+      id: 3,
+      class: 'Larry the Bird',
+      heading_2: '@twitter',
+      _cellProps: { id: { scope: 'row' }, class: { colSpan: 2 } },
+    },
+  ]
+</script>
 <template>
   <CTable :columns="columns" :items="items" />
 </template>
-<script>
-  export default {
-    data: () => {
-      return {
-        columns: [
-          {
-            key: 'id',
-            label: '#',
-            _props: { scope: 'col' },
-          },
-          {
-            key: 'class',
-            _props: { scope: 'col' },
-          },
-          {
-            key: 'heading_1',
-            label: 'Heading',
-            _props: { scope: 'col' },
-          },
-          {
-            key: 'heading_2',
-            label: 'Heading',
-            _props: { scope: 'col' },
-          },
-        ],
-        items: [
-          {
-            id: 1,
-            class: 'Mark',
-            heading_1: 'Otto',
-            heading_2: '@mdo',
-            _cellProps: { id: { scope: 'row' } },
-          },
-          {
-            id: 2,
-            class: 'Jacob',
-            heading_1: 'Thornton',
-            heading_2: '@fat',
-            _cellProps: { id: { scope: 'row' } },
-          },
-          {
-            id: 3,
-            class: 'Larry the Bird',
-            heading_2: '@twitter',
-            _cellProps: { id: { scope: 'row' }, class: { colSpan: 2 } },
-          },
-        ]
-      }
-    },
-  }
-</script>
 ```
 
 You can also put all table components together manually as hitherto.
@@ -116,6 +109,7 @@ Use contextual classes to color tables, table rows or individual cells.
 ::: demo
 <CTable :columns="columnsVariantExample" :items="itemsVariantExample" />
 :::
+
 ```vue
 <CTable>
   <CTableHead>
@@ -178,86 +172,80 @@ Use contextual classes to color tables, table rows or individual cells.
 Since version **4.5.0** also this way.
 
 ```vue
+<script setup>
+  const columnsVariantExample = [
+    { key: 'class', _props: { scope: 'col' } },
+    { key: 'heading_1', label: 'Heading', _props: { scope: 'col' } },
+    { key: 'heading_2', label: 'Heading', _props: { scope: 'col' } },
+  ]
+  const itemsVariantExample = [
+    {
+      class: 'Default',
+      heading_1: 'Cell',
+      heading_2: 'Cell',
+      _cellProps: { class: { scope: 'row' } },
+    },
+    {
+      class: 'Primary',
+      heading_1: 'Cell',
+      heading_2: 'Cell',
+      _cellProps: { class: { scope: 'row' } },
+      _props: { color: 'primary' },
+    },
+    {
+      class: 'Secondary',
+      heading_1: 'Cell',
+      heading_2: 'Cell',
+      _cellProps: { class: { scope: 'row' } },
+      _props: { color: 'secondary' },
+    },
+    {
+      class: 'Success',
+      heading_1: 'Cell',
+      heading_2: 'Cell',
+      _cellProps: { class: { scope: 'row' } },
+      _props: { color: 'success' },
+    },
+    {
+      class: 'Danger',
+      heading_1: 'Cell',
+      heading_2: 'Cell',
+      _cellProps: { class: { scope: 'row' } },
+      _props: { color: 'danger' },
+    },
+    {
+      class: 'Warning',
+      heading_1: 'Cell',
+      heading_2: 'Cell',
+      _cellProps: { class: { scope: 'row' } },
+      _props: { color: 'warning' },
+    },
+    {
+      class: 'Info',
+      heading_1: 'Cell',
+      heading_2: 'Cell',
+      _cellProps: { class: { scope: 'row' } },
+      _props: { color: 'info' },
+    },
+    {
+      class: 'Light',
+      heading_1: 'Cell',
+      heading_2: 'Cell',
+      _cellProps: { class: { scope: 'row' } },
+      _props: { color: 'light' },
+    },
+    {
+      class: 'Dark',
+      heading_1: 'Cell',
+      heading_2: 'Cell',
+      _cellProps: { class: { scope: 'row' } },
+      _props: { color: 'dark' },
+    },
+  ]
+</script>
 <template>
   <CTable :columns="columnsVariantExample" :items="itemsVariantExample" />
 </template>
-<script>
-  export default {
-    data: () => {
-      return {
-        columnsVariantExample: [
-          { key: 'class', _props: { scope: 'col' } },
-          { key: 'heading_1', label: 'Heading', _props: { scope: 'col' } },
-          { key: 'heading_2', label: 'Heading', _props: { scope: 'col' } },
-        ],
-        itemsVariantExample: [
-          {
-            class: 'Default',
-            heading_1: 'Cell',
-            heading_2: 'Cell',
-            _cellProps: { class: { scope: 'row' } },
-          },
-          {
-            class: 'Primary',
-            heading_1: 'Cell',
-            heading_2: 'Cell',
-            _cellProps: { class: { scope: 'row' } },
-            _props: { color: 'primary' },
-          },
-          {
-            class: 'Secondary',
-            heading_1: 'Cell',
-            heading_2: 'Cell',
-            _cellProps: { class: { scope: 'row' } },
-            _props: { color: 'secondary' },
-          },
-          {
-            class: 'Success',
-            heading_1: 'Cell',
-            heading_2: 'Cell',
-            _cellProps: { class: { scope: 'row' } },
-            _props: { color: 'success' },
-          },
-          {
-            class: 'Danger',
-            heading_1: 'Cell',
-            heading_2: 'Cell',
-            _cellProps: { class: { scope: 'row' } },
-            _props: { color: 'danger' },
-          },
-          {
-            class: 'Warning',
-            heading_1: 'Cell',
-            heading_2: 'Cell',
-            _cellProps: { class: { scope: 'row' } },
-            _props: { color: 'warning' },
-          },
-          {
-            class: 'Info',
-            heading_1: 'Cell',
-            heading_2: 'Cell',
-            _cellProps: { class: { scope: 'row' } },
-            _props: { color: 'info' },
-          },
-          {
-            class: 'Light',
-            heading_1: 'Cell',
-            heading_2: 'Cell',
-            _cellProps: { class: { scope: 'row' } },
-            _props: { color: 'light' },
-          },
-          {
-            class: 'Dark',
-            heading_1: 'Cell',
-            heading_2: 'Cell',
-            _cellProps: { class: { scope: 'row' } },
-            _props: { color: 'dark' },
-          },
-        ]
-      }
-    },
-  }
-</script>
 ```
 
 ## Accented tables
@@ -701,61 +689,55 @@ Highlight a table row or cell by adding a `active` property.
 As mentioned before since version **4.5.0** we have two ways to generate tables, also with custom properties for rows, and cells.
 
 ```vue
+<script setup>
+  const columnsActiveTableExample = [
+    {
+      key: 'id',
+      label: '#',
+      _props: { scope: 'col' },
+    },
+    {
+      key: 'class',
+      _props: { scope: 'col' },
+    },
+    {
+      key: 'heading_1',
+      label: 'Heading',
+      _props: { scope: 'col' },
+    },
+    {
+      key: 'heading_2',
+      label: 'Heading',
+      _props: { scope: 'col' },
+    },
+  ]
+  const itemsActiveTableExample = [
+    {
+      id: 1,
+      class: 'Mark',
+      heading_1: 'Otto',
+      heading_2: '@mdo',
+      _props: { active: true },
+      _cellProps: { id: { scope: 'row' } },
+    },
+    {
+      id: 2,
+      class: 'Jacob',
+      heading_1: 'Thornton',
+      heading_2: '@fat',
+      _cellProps: { id: { scope: 'row' } },
+    },
+    {
+      id: 3,
+      class: 'Larry the Bird',
+      heading_2: '@twitter',
+      _cellProps: { id: { scope: 'row' }, class: { active: true, colSpan: 2 } },
+    },
+  ]
+</script>
 <template>
   <CTable :columns="columnsActiveTableExample" :items="itemsActiveTableExample" />
 </template>
-<script>
-  export default {
-    data: () => {
-      return {
-        columnsActiveTableExample: [
-          {
-            key: 'id',
-            label: '#',
-            _props: { scope: 'col' },
-          },
-          {
-            key: 'class',
-            _props: { scope: 'col' },
-          },
-          {
-            key: 'heading_1',
-            label: 'Heading',
-            _props: { scope: 'col' },
-          },
-          {
-            key: 'heading_2',
-            label: 'Heading',
-            _props: { scope: 'col' },
-          },
-        ],
-        itemsActiveTableExample: [
-          {
-            id: 1,
-            class: 'Mark',
-            heading_1: 'Otto',
-            heading_2: '@mdo',
-            _props: { active: true },
-            _cellProps: { id: { scope: 'row' } },
-          },
-          {
-            id: 2,
-            class: 'Jacob',
-            heading_1: 'Thornton',
-            heading_2: '@fat',
-            _cellProps: { id: { scope: 'row' } },
-          },
-          {
-            id: 3,
-            class: 'Larry the Bird',
-            heading_2: '@twitter',
-            _cellProps: { id: { scope: 'row' }, class: { active: true, colSpan: 2 } },
-          },
-        ],
-      }
-    },
-  }
-</script>
 ```
 
 ```vue
@@ -794,61 +776,55 @@ As mentioned before since version **4.5.0** we have two ways to generate tables,
 <CTable color="dark" :columns="columnsActiveTableExample" :items="itemsActiveTableExample" />
 :::
 ```vue
+<script setup>
+  const columnsActiveTableExample = [
+    {
+      key: 'id',
+      label: '#',
+      _props: { scope: 'col' },
+    },
+    {
+      key: 'class',
+      _props: { scope: 'col' },
+    },
+    {
+      key: 'heading_1',
+      label: 'Heading',
+      _props: { scope: 'col' },
+    },
+    {
+      key: 'heading_2',
+      label: 'Heading',
+      _props: { scope: 'col' },
+    },
+  ]
+  const itemsActiveTableExample = [
+    {
+      id: 1,
+      class: 'Mark',
+      heading_1: 'Otto',
+      heading_2: '@mdo',
+      _props: { active: true },
+      _cellProps: { id: { scope: 'row' } },
+    },
+    {
+      id: 2,
+      class: 'Jacob',
+      heading_1: 'Thornton',
+      heading_2: '@fat',
+      _cellProps: { id: { scope: 'row' } },
+    },
+    {
+      id: 3,
+      class: 'Larry the Bird',
+      heading_2: '@twitter',
+      _cellProps: { id: { scope: 'row' }, class: { active: true, colSpan: 2 } },
+    },
+  ]
+</script>
 <template>
   <CTable color="dark" :columns="columnsActiveTableExample" :items="itemsActiveTableExample" />
 </template>
-<script>
-  export default {
-    data: () => {
-      return {
-        columnsActiveTableExample: [
-          {
-            key: 'id',
-            label: '#',
-            _props: { scope: 'col' },
-          },
-          {
-            key: 'class',
-            _props: { scope: 'col' },
-          },
-          {
-            key: 'heading_1',
-            label: 'Heading',
-            _props: { scope: 'col' },
-          },
-          {
-            key: 'heading_2',
-            label: 'Heading',
-            _props: { scope: 'col' },
-          },
-        ],
-        itemsActiveTableExample: [
-          {
-            id: 1,
-            class: 'Mark',
-            heading_1: 'Otto',
-            heading_2: '@mdo',
-            _props: { active: true },
-            _cellProps: { id: { scope: 'row' } },
-          },
-          {
-            id: 2,
-            class: 'Jacob',
-            heading_1: 'Thornton',
-            heading_2: '@fat',
-            _cellProps: { id: { scope: 'row' } },
-          },
-          {
-            id: 3,
-            class: 'Larry the Bird',
-            heading_2: '@twitter',
-            _cellProps: { id: { scope: 'row' }, class: { active: true, colSpan: 2 } },
-          },
-        ],
-      }
-    },
-  }
-</script>
 ```
 
 ## Table borders
@@ -1148,19 +1124,13 @@ Similar to tables and dark tables, use the modifier prop `color="light"` or `col
 If you generate a table using the new method incorporated in version **4.5.0**, you have to use tableHeadProps property to pass properties to the table header component.
 
 ```vue
+<script setup>
+  const columns = [ ... ]
+  const items = [ ... ]
+</script>
 <template>
   <CTable :columns="columns" :items="items" :tableHeadProps="{ color: 'light' }" />
 </template>
-<script>
- export default {
-    data: () => {
-      return {
-        columns: [ ... ],
-        items: [ ... ]
-      }
-    },
-  }
-</script>
 ```
 
 ::: demo
@@ -1208,19 +1178,13 @@ If you generate a table using the new method incorporated in version **4.5.0**,
 Starting from version **4.5.0** also this way.
 
 ```vue
+<script setup>
+  const columns = [ ... ]
+  const items = [ ... ]
+</script>
 <template>
   <CTable :columns="columns" :items="items" :tableHeadProps="{ color: 'dark' }" />
 </template>
-<script>
- export default {
-    data: () => {
-      return {
-        columns: [ ... ],
-        items: [ ... ]
-      }
-    },
-  }
-</script>
 ```
 
 ### Table foot
@@ -1278,25 +1242,19 @@ Starting from version **4.5.0** also this way.
 Starting from version **4.5.0** also this way.
 
 ```vue
+<script setup>
+  const columns = [ ... ]
+  const footer = [
+    'Footer',
+    'Footer',
+    'Footer',
+    'Footer',
+  ]
+  const items = [ ... ]
+</script>
 <template>
   <CTable :columns="columns" :footer="footer" :items="items" :tableHeadProps="{ color: 'dark' }" />
 </template>
-<script>
- export default {
-    data: () => {
-      return {
-        columns: [ ... ],
-        footer: [
-          'Footer',
-          'Footer',
-          'Footer',
-          'Footer',
-        ],
-        items: [ ... ]
-      }
-    },
-  }
-</script>
 ```
 
 ### Captions
@@ -1351,19 +1309,13 @@ A `<CTableCaption>` functions like a heading for a table. It helps users with sc
 Starting from version **4.5.0** also this way.
 
 ```vue
+<script setup>
+  const columns = [ ... ]
+  const items = [ ... ]
+</script>
 <template>
   <CTable caption="List of users" :columns="columns" :items="items"  />
 </template>
-<script>
- export default {
-    data: () => {
-      return {
-        columns: [ ... ],
-        items: [ ... ]
-      }
-    },
-  }
-</script>
 ```
 
 You can also put the `<CTableCaption>` on the top of the table with `caption="top"`.
@@ -1438,19 +1390,13 @@ You can also put the `<CTableCaption>` on the top of the table with `caption="to
 Since version **4.5.0** also this way.
 
 ```vue
+<script setup>
+  const columns = [ ... ]
+  const items = [ ... ]
+</script>
 <template>
   <CTable captionTop="List of users" :columns="columns" :items="items"  />
 </template>
-<script>
- export default {
-    data: () => {
-      return {
-        columns: [ ... ],
-        items: [ ... ]
-      }
-    },
-  }
-</script>
 ```
 ## Responsive tables
 
@@ -1804,171 +1750,6 @@ Responsive tables allow tables to be scrolled horizontally with ease. Make any t
 </CTable>
 ```
 
-<script>
-  export default {
-    data: () => {
-      return {
-        columns: [
-          {
-            key: 'id',
-            label: '#',
-            _props: { scope: 'col' },
-          },
-          {
-            key: 'class',
-            _props: { scope: 'col' },
-          },
-          {
-            key: 'heading_1',
-            label: 'Heading',
-            _props: { scope: 'col' },
-          },
-          {
-            key: 'heading_2',
-            label: 'Heading',
-            _props: { scope: 'col' },
-          },
-        ],
-        items: [
-          {
-            id: 1,
-            class: 'Mark',
-            heading_1: 'Otto',
-            heading_2: '@mdo',
-            _cellProps: { id: { scope: 'row' } },
-          },
-          {
-            id: 2,
-            class: 'Jacob',
-            heading_1: 'Thornton',
-            heading_2: '@fat',
-            _cellProps: { id: { scope: 'row' } },
-          },
-          {
-            id: 3,
-            class: 'Larry the Bird',
-            heading_2: '@twitter',
-            _cellProps: { id: { scope: 'row' }, class: { colSpan: 2 } },
-          },
-        ],
-        columnsActiveTableExample: [
-          {
-            key: 'id',
-            label: '#',
-            _props: { scope: 'col' },
-          },
-          {
-            key: 'class',
-            _props: { scope: 'col' },
-          },
-          {
-            key: 'heading_1',
-            label: 'Heading',
-            _props: { scope: 'col' },
-          },
-          {
-            key: 'heading_2',
-            label: 'Heading',
-            _props: { scope: 'col' },
-          },
-        ],
-        itemsActiveTableExample: [
-          {
-            id: 1,
-            class: 'Mark',
-            heading_1: 'Otto',
-            heading_2: '@mdo',
-            _props: { active: true },
-            _cellProps: { id: { scope: 'row' } },
-          },
-          {
-            id: 2,
-            class: 'Jacob',
-            heading_1: 'Thornton',
-            heading_2: '@fat',
-            _cellProps: { id: { scope: 'row' } },
-          },
-          {
-            id: 3,
-            class: 'Larry the Bird',
-            heading_2: '@twitter',
-            _cellProps: { id: { scope: 'row' }, class: { active: true, colSpan: 2 } },
-          },
-        ],
-        columnsVariantExample: [
-          { key: 'class', _props: { scope: 'col' } },
-          { key: 'heading_1', label: 'Heading', _props: { scope: 'col' } },
-          { key: 'heading_2', label: 'Heading', _props: { scope: 'col' } },
-        ],
-        itemsVariantExample: [
-          {
-            class: 'Default',
-            heading_1: 'Cell',
-            heading_2: 'Cell',
-            _cellProps: { class: { scope: 'row' } },
-          },
-          {
-            class: 'Primary',
-            heading_1: 'Cell',
-            heading_2: 'Cell',
-            _cellProps: { class: { scope: 'row' } },
-            _props: { color: 'primary' },
-          },
-          {
-            class: 'Secondary',
-            heading_1: 'Cell',
-            heading_2: 'Cell',
-            _cellProps: { class: { scope: 'row' } },
-            _props: { color: 'secondary' },
-          },
-          {
-            class: 'Success',
-            heading_1: 'Cell',
-            heading_2: 'Cell',
-            _cellProps: { class: { scope: 'row' } },
-            _props: { color: 'success' },
-          },
-          {
-            class: 'Danger',
-            heading_1: 'Cell',
-            heading_2: 'Cell',
-            _cellProps: { class: { scope: 'row' } },
-            _props: { color: 'danger' },
-          },
-          {
-            class: 'Warning',
-            heading_1: 'Cell',
-            heading_2: 'Cell',
-            _cellProps: { class: { scope: 'row' } },
-            _props: { color: 'warning' },
-          },
-          {
-            class: 'Info',
-            heading_1: 'Cell',
-            heading_2: 'Cell',
-            _cellProps: { class: { scope: 'row' } },
-            _props: { color: 'info' },
-          },
-          {
-            class: 'Light',
-            heading_1: 'Cell',
-            heading_2: 'Cell',
-            _cellProps: { class: { scope: 'row' } },
-            _props: { color: 'light' },
-          },
-          {
-            class: 'Dark',
-            heading_1: 'Cell',
-            heading_2: 'Cell',
-            _cellProps: { class: { scope: 'row' } },
-            _props: { color: 'dark' },
-          },
-        ]
-      }
-    },
-  }
-</script>
-
 ## API
 
 !!!include(./api/table/CTable.api.md)!!!
@@ -1983,4 +1764,163 @@ Responsive tables allow tables to be scrolled horizontally with ease. Make any t
 
 !!!include(./api/table/CTableHeaderCell.api.md)!!!
 
-!!!include(./api/table/CTableRow.api.md)!!!
\ No newline at end of file
+!!!include(./api/table/CTableRow.api.md)!!!
+
+<script setup>
+  const columns = [
+    {
+      key: 'id',
+      label: '#',
+      _props: { scope: 'col' },
+    },
+    {
+      key: 'class',
+      _props: { scope: 'col' },
+    },
+    {
+      key: 'heading_1',
+      label: 'Heading',
+      _props: { scope: 'col' },
+    },
+    {
+      key: 'heading_2',
+      label: 'Heading',
+      _props: { scope: 'col' },
+    },
+  ]
+  const items = [
+    {
+      id: 1,
+      class: 'Mark',
+      heading_1: 'Otto',
+      heading_2: '@mdo',
+      _cellProps: { id: { scope: 'row' } },
+    },
+    {
+      id: 2,
+      class: 'Jacob',
+      heading_1: 'Thornton',
+      heading_2: '@fat',
+      _cellProps: { id: { scope: 'row' } },
+    },
+    {
+      id: 3,
+      class: 'Larry the Bird',
+      heading_2: '@twitter',
+      _cellProps: { id: { scope: 'row' }, class: { colSpan: 2 } },
+    },
+  ]
+  const columnsActiveTableExample = [
+    {
+      key: 'id',
+      label: '#',
+      _props: { scope: 'col' },
+    },
+    {
+      key: 'class',
+      _props: { scope: 'col' },
+    },
+    {
+      key: 'heading_1',
+      label: 'Heading',
+      _props: { scope: 'col' },
+    },
+    {
+      key: 'heading_2',
+      label: 'Heading',
+      _props: { scope: 'col' },
+    },
+  ]
+  const itemsActiveTableExample = [
+    {
+      id: 1,
+      class: 'Mark',
+      heading_1: 'Otto',
+      heading_2: '@mdo',
+      _props: { active: true },
+      _cellProps: { id: { scope: 'row' } },
+    },
+    {
+      id: 2,
+      class: 'Jacob',
+      heading_1: 'Thornton',
+      heading_2: '@fat',
+      _cellProps: { id: { scope: 'row' } },
+    },
+    {
+      id: 3,
+      class: 'Larry the Bird',
+      heading_2: '@twitter',
+      _cellProps: { id: { scope: 'row' }, class: { active: true, colSpan: 2 } },
+    },
+  ]
+  const columnsVariantExample = [
+    { key: 'class', _props: { scope: 'col' } },
+    { key: 'heading_1', label: 'Heading', _props: { scope: 'col' } },
+    { key: 'heading_2', label: 'Heading', _props: { scope: 'col' } },
+  ]
+  const itemsVariantExample = [
+    {
+      class: 'Default',
+      heading_1: 'Cell',
+      heading_2: 'Cell',
+      _cellProps: { class: { scope: 'row' } },
+    },
+    {
+      class: 'Primary',
+      heading_1: 'Cell',
+      heading_2: 'Cell',
+      _cellProps: { class: { scope: 'row' } },
+      _props: { color: 'primary' },
+    },
+    {
+      class: 'Secondary',
+      heading_1: 'Cell',
+      heading_2: 'Cell',
+      _cellProps: { class: { scope: 'row' } },
+      _props: { color: 'secondary' },
+    },
+    {
+      class: 'Success',
+      heading_1: 'Cell',
+      heading_2: 'Cell',
+      _cellProps: { class: { scope: 'row' } },
+      _props: { color: 'success' },
+    },
+    {
+      class: 'Danger',
+      heading_1: 'Cell',
+      heading_2: 'Cell',
+      _cellProps: { class: { scope: 'row' } },
+      _props: { color: 'danger' },
+    },
+    {
+      class: 'Warning',
+      heading_1: 'Cell',
+      heading_2: 'Cell',
+      _cellProps: { class: { scope: 'row' } },
+      _props: { color: 'warning' },
+    },
+    {
+      class: 'Info',
+      heading_1: 'Cell',
+      heading_2: 'Cell',
+      _cellProps: { class: { scope: 'row' } },
+      _props: { color: 'info' },
+    },
+    {
+      class: 'Light',
+      heading_1: 'Cell',
+      heading_2: 'Cell',
+      _cellProps: { class: { scope: 'row' } },
+      _props: { color: 'light' },
+    },
+    {
+      class: 'Dark',
+      heading_1: 'Cell',
+      heading_2: 'Cell',
+      _cellProps: { class: { scope: 'row' } },
+      _props: { color: 'dark' },
+    },
+  ]
+</script>
diff --git a/packages/docs/components/toast.md b/packages/docs/components/toast.md
index 8f6e1b76..906a5fad 100644
--- a/packages/docs/components/toast.md
+++ b/packages/docs/components/toast.md
@@ -78,6 +78,16 @@ Toasts are as flexible as you need and have very little required markup. At a mi
 </CToaster>
 :::
 ```vue
+<script setup>
+  import { ref } from 'vue'
+  const toasts = ref([])
+  const createToast = () => {
+    toasts.value.push({
+      title: 'new toast',
+      content: 'Lorem ipsum dolor cet emit'
+    })
+  }
+</script>
 <template>
   <CButton color="primary" @click="createToast">Send a toast</CButton>
   <CToaster class="p-3" placement="top-end">
@@ -92,44 +102,8 @@ Toasts are as flexible as you need and have very little required markup. At a mi
     </CToast>
   </CToaster>
 </template>
-<script>
-  export default {
-    data() {
-      return {
-        toasts: []
-      }
-    },
-    methods: {
-      createToast() {
-        this.toasts.push({
-          title: 'new toast',
-          content: 'Lorem ipsum dolor cet emit'
-        })
-      }
-    }
-  }
-</script>
 ```
 
-<script>
-  export default {
-    data() {
-      return {
-        toasts: []
-      }
-    },
-    
-    methods: {
-      createToast() {
-        this.toasts.push({
-          title: 'new toast',
-          content: 'Lorem ipsum dolor cet emit'
-        })
-      }
-    }
-  }
-</script>
-
 ### Translucent
 
 Toasts are slightly translucent to blend in with what's below them.
@@ -363,4 +337,15 @@ return <CToast :style="vars">...</CToast>
 
 !!!include(./api/toast/CToastHeader.api.md)!!!
 
-!!!include(./api/toast/CToaster.api.md)!!!
\ No newline at end of file
+!!!include(./api/toast/CToaster.api.md)!!!
+
+<script setup>
+  import { ref } from 'vue'
+  const toasts = ref([])
+  const createToast = () => {
+    toasts.value.push({
+      title: 'new toast',
+      content: 'Lorem ipsum dolor cet emit'
+    })
+  }
+</script>
\ No newline at end of file
diff --git a/packages/docs/components/tooltip.md b/packages/docs/components/tooltip.md
index 52a00c1d..b10c61e9 100644
--- a/packages/docs/components/tooltip.md
+++ b/packages/docs/components/tooltip.md
@@ -114,7 +114,7 @@ Hover over the buttons below to see the four tooltips directions: top, right, bo
 <CButton color="secondary" v-c-tooltip="{content: 'Vivamus sagittis lacus vel augue laoreet rutrum faucibus.', placement: 'left'}">Tooltip on left</CButton>
 ```
 
-### Custom popovers
+### Custom tooltips
 
 You can customize the appearance of tooltips using [CSS variables](#css-variables). We set a custom `style` to scope our custom appearance and use it to override some of the local CSS variables.
 
@@ -125,11 +125,16 @@ You can customize the appearance of tooltips using [CSS variables](#css-variable
   :style="customTooltipStyle"
 >
   <template #toggler="{ id, on }">
-    <CButton color="secondary" :aria-describedby="id" v-on="on">Custom popover</CButton>
+    <CButton color="secondary" :aria-describedby="id" v-on="on">Custom tooltip</CButton>
   </template>
 </CTooltip>
 :::
 ```vue
+<script setup>
+  const customTooltipStyle = {
+    '--cui-tooltip-bg': 'var(--cui-primary)',
+  }
+</script>
 <template>
   <CTooltip
     content="This top tooltip is themed via CSS variables."
@@ -137,21 +142,10 @@ You can customize the appearance of tooltips using [CSS variables](#css-variable
     :style="customTooltipStyle"
   >
     <template #toggler="{ id, on }">
-      <CButton color="secondary" :aria-describedby="id" v-on="on">Custom popover</CButton>
+      <CButton color="secondary" :aria-describedby="id" v-on="on">Custom tooltip</CButton>
     </template>
   </CTooltip>
 </template>
-<script>
-  export default {
-    data() {
-      return { 
-       customTooltipStyle: {
-          '--cui-tooltip-bg': 'var(--cui-primary)',
-        }
-      }
-    }
-  }
-</script>
 ```
 
 ## Usage
@@ -206,14 +200,8 @@ return <CTooltip :style="vars">...</CTooltip>
 
 !!!include(./api/tooltip/CTooltip.api.md)!!!
 
-<script>
-  export default {
-    data() {
-      return { 
-       customTooltipStyle: {
-          '--cui-tooltip-bg': 'var(--cui-primary)',
-        }
-      }
-    }
+<script setup>
+  const customTooltipStyle = {
+    '--cui-tooltip-bg': 'var(--cui-primary)',
   }
 </script>
\ No newline at end of file
diff --git a/packages/docs/forms/checkbox.md b/packages/docs/forms/checkbox.md
index 9b2273e0..3b6ecb4b 100644
--- a/packages/docs/forms/checkbox.md
+++ b/packages/docs/forms/checkbox.md
@@ -29,21 +29,14 @@ Single checkbox, boolean value.
 <div>Checked: {{checked}}</div>
 :::
 ```vue
+<script setup>
+  import { ref } from 'vue'
+  const checked = ref(true)
+</script>
 <template>
   <CFormCheck id="flexCheckDefaultVModel" label="Default checkbox" v-model="checked" />
   <div>Checked: {{checked}}</div>
 </template>
-<script>
-  import { ref } from 'vue'
-  export default {
-    setup() {
-      const checked = ref(true)
-      return {
-        checked
-      }
-    }
-  }
-</script>
 ```
 
 We can also bind multiple checkboxes to the same array.
@@ -55,39 +48,18 @@ We can also bind multiple checkboxes to the same array.
 <div>Checked names: {{checkedNames}}</div>
 :::
 ```vue
+<script setup>
+  import { ref } from 'vue'
+  const checkedNames = ref(['Andrew'])
+</script>
 <template>
   <CFormCheck id="lucas" value="Lucas" label="Lucas" v-model="checkedNames"/>
   <CFormCheck id="andrew" value="Andrew" label="Andrew" v-model="checkedNames"/>
   <CFormCheck id="anna" value="Anna" label="Anna" v-model="checkedNames"/>
   <div>Checked names: {{checkedNames}}</div>
 </template>
-<script>
-  import { ref } from 'vue'
-  export default {
-    setup() {
-      const checkedNames = ref(['Andrew'])
-      return {
-        checkedNames
-      }
-    }
-  }
-</script>
 ```
 
-<script>
-  import { ref } from 'vue'
-  export default {
-    setup() {
-      const checked = ref(true)
-      const checkedNames = ref(['Andrew'])
-      return {
-        checked,
-        checkedNames
-      }
-    }
-  }
-</script>
-
 ## Indeterminate
 
 Checkboxes can utilize the `:indeterminate` pseudo-class when manually set via `indeterminate` property.
@@ -211,4 +183,10 @@ Different variants of button, such at the various outlined styles, are supported
 
 ## API
 
-!!!include(./api/form/CFormCheck.api.md)!!!
\ No newline at end of file
+!!!include(./api/form/CFormCheck.api.md)!!!
+
+<script setup>
+  import { ref } from 'vue'
+  const checked = ref(true)
+  const checkedNames = ref(['Andrew'])
+</script>
\ No newline at end of file
diff --git a/packages/docs/forms/radio.md b/packages/docs/forms/radio.md
index 938663c7..c52d2a02 100644
--- a/packages/docs/forms/radio.md
+++ b/packages/docs/forms/radio.md
@@ -33,6 +33,10 @@ Add the `disabled` attribute and the associated `<label>`s are automatically sty
 <div>Picked: {{ picked }}</div>
 :::
 ```vue
+<script setup>
+  import { ref } from 'vue'
+  const picked = ref('Four')
+</script>
 <template>
   <CFormCheck type="radio" id="flexRadioVModel1" inline label="One" value="One" v-model="picked"/>
   <CFormCheck type="radio" id="flexRadioVModel2" inline label="Two" value="Two" v-model="picked"/>
@@ -41,31 +45,8 @@ Add the `disabled` attribute and the associated `<label>`s are automatically sty
   <CFormCheck type="radio" id="flexRadioVModel5" inline label="Five" value="Five" v-model="picked"/>
   <div>Picked: {{ picked }}</div>
 </template>
-<script>
-  import { ref } from 'vue'
-  export default {
-    setup() {
-      const picked = ref('Four')
-      return {
-        picked
-      }
-    }
-  }
-</script>
 ```
 
-<script>
-  import { ref } from 'vue'
-  export default {
-    setup() {
-      const picked = ref('Four')
-      return {
-        picked
-      }
-    }
-  }
-</script>
-
 ### Disabled
 
 ::: demo
@@ -170,3 +151,8 @@ Different variants of button, such at the various outlined styles, are supported
 ## API
 
 !!!include(./api/form/CFormCheck.api.md)!!!
+
+<script setup>
+  import { ref } from 'vue'
+  const picked = ref('Four')
+</script>
diff --git a/packages/docs/forms/validation.md b/packages/docs/forms/validation.md
index 5aa00714..3dff05d3 100644
--- a/packages/docs/forms/validation.md
+++ b/packages/docs/forms/validation.md
@@ -8,13 +8,13 @@ description: Provide valuable, actionable feedback to your users with HTML5 form
 
 For custom CoreUI form validation messages, you'll need to add the `novalidate` boolean property to your `<CForm>`. This disables the browser default feedback tooltips, but still provides access to the form validation APIs in JavaScript. Try to submit the form below; our JavaScript will intercept the submit button and relay feedback to you. When attempting to submit, you'll see the `:invalid` and `:valid` styles applied to your form controls.
 
-Custom feedback styles apply custom colors, borders, focus styles, and background icons to better communicate feedback. 
+Custom feedback styles apply custom colors, borders, focus styles, and background icons to better communicate feedback.
 
 ::: demo
-<CForm 
-  class="row g-3 needs-validation" 
-  novalidate 
-  :validated="validatedCustom01" 
+<CForm
+  class="row g-3 needs-validation"
+  novalidate
+  :validated="validatedCustom01"
   @submit="handleSubmitCustom01"
 >
   <CCol md="4">
@@ -91,6 +91,18 @@ Custom feedback styles apply custom colors, borders, focus styles, and backgroun
 </CForm>
 :::
 ```vue
+<script setup>
+  import { ref } from 'vue'
+  const validatedCustom01 = ref()
+  const handleSubmitCustom01 = (event) => {
+    const form = event.currentTarget
+    if (form.checkValidity() === false) {
+      event.preventDefault()
+      event.stopPropagation()
+    }
+    validatedCustom01.value = true
+  }
+</script>
 <template>
   <CForm 
     class="row g-3 needs-validation" 
@@ -171,25 +183,6 @@ Custom feedback styles apply custom colors, borders, focus styles, and backgroun
     </CCol>
   </CForm>
 </template>
-<script>
-  export default {
-    data: () => {
-      return {
-        validatedCustom01: null,
-      }
-    },
-    methods: {
-      handleSubmitCustom01(event) {
-        const form = event.currentTarget
-        if (form.checkValidity() === false) {
-          event.preventDefault()
-          event.stopPropagation()
-        }
-        this.validatedCustom01 = true
-      },
-    }
-  }
-</script> 
 ```
 
 ## Browser defaults
@@ -245,9 +238,7 @@ While these feedback styles cannot be styled with CSS, you can still customize t
       label="State"
       required
     >
-      <option selected="" disabled="" value="">
-        Choose...
-      </option>
+      <option selected="" disabled="" value="">Choose...</option>
       <option>...</option>
     </CFormSelect>
   </CCol>
@@ -273,6 +264,7 @@ While these feedback styles cannot be styled with CSS, you can still customize t
   </CCol>
 </CForm>
 :::
+
 ```vue
 <CForm class="row g-3">
   <CCol md="4">
@@ -434,6 +426,7 @@ For invalid fields, ensure that the invalid feedback/error message is associated
   </CCol>
 </CForm>
 :::
+
 ```vue
 <CForm class="row g-3 needs-validation">
   <CCol md="4">
@@ -532,7 +525,7 @@ Validation styles are available for the following form controls and components:
       label="Textarea"
       placeholder="Required example textarea"
       required
-    ></CFormTextarea>
+    />
   </div>
   <CFormCheck
     class="mb-3"
@@ -594,7 +587,7 @@ Validation styles are available for the following form controls and components:
       label="Textarea"
       placeholder="Required example textarea"
       required
-    ></CFormTextarea>
+    />
   </div>
   <CFormCheck
     class="mb-3"
@@ -706,9 +699,7 @@ If your form layout allows it, you can swap the text for the tooltip to display
       required
       tooltipFeedback
     >
-      <option selected="" disabled="" value="">
-        Choose...
-      </option>
+      <option selected="" disabled="" value="">Choose...</option>
       <option>...</option>
     </CFormSelect>
   </CCol>
@@ -727,39 +718,55 @@ If your form layout allows it, you can swap the text for the tooltip to display
   </CCol>
 </CForm>
 :::
+
 ```vue
+<script setup>
+  import { ref } from 'vue'
+  const validatedTooltip01 = ref()
+  const handleSubmitTooltip01 = (event) => {
+    const form = event.currentTarget
+    if (form.checkValidity() === false) {
+      event.preventDefault()
+      event.stopPropagation()
+    }
+    
+    validatedTooltip01.value = true
+  }
+</script>
 <template>
-  <CForm class="row g-3 needs-validation" novalidate :validated="validatedTooltip01" @submit="handleSubmitTooltip01">
+  <CForm
+    class="row g-3 needs-validation"
+    novalidate
+    :validated="validatedTooltip01"
+    @submit="handleSubmitTooltip01"
+  >
     <CCol md="4" class="position-relative">
       <CFormLabel for="validationTooltip01">Email</CFormLabel>
-      <CFormInput id="validationTooltip01" value="Mark" required/>
-      <CFormFeedback tooltip valid>
-        Looks good!
-      </CFormFeedback>
+      <CFormInput id="validationTooltip01" value="Mark" required />
+      <CFormFeedback tooltip valid> Looks good! </CFormFeedback>
     </CCol>
     <CCol md="4" class="position-relative">
       <CFormLabel for="validationTooltip02">Email</CFormLabel>
-      <CFormInput id="validationTooltip02" value="Otto" required/>
-      <CFormFeedback tooltip valid>
-        Looks good!
-      </CFormFeedback>
+      <CFormInput id="validationTooltip02" value="Otto" required />
+      <CFormFeedback tooltip valid> Looks good! </CFormFeedback>
     </CCol>
     <CCol md="4" class="position-relative">
       <CFormLabel for="validationTooltipUsername">Username</CFormLabel>
       <CInputGroup class="has-validation">
         <CInputGroupText id="inputGroupPrepend">@</CInputGroupText>
-        <CFormInput id="validationTooltipUsername" value="" aria-describedby="inputGroupPrepend" required/>
-        <CFormFeedback tooltip invalid>
-        Please choose a username.
-        </CFormFeedback>
+        <CFormInput
+          id="validationTooltipUsername"
+          value=""
+          aria-describedby="inputGroupPrepend"
+          required
+        />
+        <CFormFeedback tooltip invalid> Please choose a username. </CFormFeedback>
       </CInputGroup>
     </CCol>
     <CCol md="6" class="position-relative">
       <CFormLabel for="validationTooltip03">City</CFormLabel>
-      <CFormInput id="validationTooltip03" required/>
-      <CFormFeedback tooltip invalid>
-        Please provide a valid city.
-      </CFormFeedback>
+      <CFormInput id="validationTooltip03" required />
+      <CFormFeedback tooltip invalid> Please provide a valid city. </CFormFeedback>
     </CCol>
     <CCol md="3" class="position-relative">
       <CFormLabel for="validationTooltip04">City</CFormLabel>
@@ -767,41 +774,18 @@ If your form layout allows it, you can swap the text for the tooltip to display
         <option disabled value="">Choose...</option>
         <option>...</option>
       </CFormSelect>
-      <CFormFeedback tooltip invalid>
-        Please provide a valid city.
-      </CFormFeedback>
+      <CFormFeedback tooltip invalid> Please provide a valid city. </CFormFeedback>
     </CCol>
     <CCol md="3" class="position-relative">
       <CFormLabel for="validationTooltip05">City</CFormLabel>
-      <CFormInput id="validationTooltip05" required/>
-      <CFormFeedback tooltip invalid>
-        Please provide a valid zip.
-      </CFormFeedback>
+      <CFormInput id="validationTooltip05" required />
+      <CFormFeedback tooltip invalid> Please provide a valid zip. </CFormFeedback>
     </CCol>
     <CCol xs="12" class="position-relative">
       <CButton color="primary" type="submit">Submit form</CButton>
     </CCol>
   </CForm>
 </template>
-<script>
-  export default {
-    data: () => {
-      return {
-        validatedTooltip01: null,
-      }
-    },
-    methods: {
-      handleSubmitTooltip01(event) {
-        const form = event.currentTarget
-        if (form.checkValidity() === false) {
-          event.preventDefault()
-          event.stopPropagation()
-        }
-        this.validatedTooltip01 = true
-      }
-    }
-  }
-</script>
 ```
 
 ## Customizing
@@ -842,31 +826,25 @@ Used to iterate over `$form-validation-states` map values to generate our valida
 
 <ScssDocs file="forms/_validation.scss" capture="form-validation-states-loop" />
 
-<script>
-  export default {
-    data: () => {
-      return {
-        validatedCustom01: null,
-        validatedTooltip01: null,
-      }
-    },
-    methods: {
-      handleSubmitCustom01(event) {
-        const form = event.currentTarget
-        if (form.checkValidity() === false) {
-          event.preventDefault()
-          event.stopPropagation()
-        }
-        this.validatedCustom01 = true
-      },
-      handleSubmitTooltip01(event) {
-        const form = event.currentTarget
-        if (form.checkValidity() === false) {
-          event.preventDefault()
-          event.stopPropagation()
-        }
-        this.validatedTooltip01 = true
-      }
+<script setup>
+  import { ref } from 'vue'
+  const validatedCustom01 = ref()
+  const validatedTooltip01 = ref()
+  const handleSubmitCustom01 = (event) => {
+    const form = event.currentTarget
+    if (form.checkValidity() === false) {
+      event.preventDefault()
+      event.stopPropagation()
     }
+    validatedCustom01.value = true
   }
-</script>
\ No newline at end of file
+  const handleSubmitTooltip01 = (event) => {
+    const form = event.currentTarget
+    if (form.checkValidity() === false) {
+      event.preventDefault()
+      event.stopPropagation()
+    }
+    
+    validatedTooltip01.value = true
+  }
+</script>

From 78ef39b7f250327019f7862ced568e5a692deb38 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Fri, 30 Aug 2024 15:19:16 +0200
Subject: [PATCH 309/346] docs: update theme

---
 packages/docs/.vuepress/config.ts             |  4 +--
 .../src/client/components/Sidebar.vue         |  5 +---
 .../src/client/components/SidebarNav.ts       | 26 ++++++++-----------
 .../src/client/composables/useSidebarItems.ts | 23 ++++++++--------
 4 files changed, 26 insertions(+), 32 deletions(-)

diff --git a/packages/docs/.vuepress/config.ts b/packages/docs/.vuepress/config.ts
index 764793ab..ea00ecf0 100644
--- a/packages/docs/.vuepress/config.ts
+++ b/packages/docs/.vuepress/config.ts
@@ -21,9 +21,9 @@ export default defineUserConfig({
   bundler: viteBundler(),
   markdown: {
     anchor: {
-      permalink: anchor.permalink.ariaHidden({
+      permalink: anchor.permalink.linkInsideHeader({
         class: 'anchor-link',
-        placement: 'after',
+        placement: 'after'
       }),
     },
   },
diff --git a/packages/docs/.vuepress/src/client/components/Sidebar.vue b/packages/docs/.vuepress/src/client/components/Sidebar.vue
index d05ff18f..49581af1 100755
--- a/packages/docs/.vuepress/src/client/components/Sidebar.vue
+++ b/packages/docs/.vuepress/src/client/components/Sidebar.vue
@@ -1,8 +1,5 @@
 <script setup lang="ts">
-import { useSidebarItems } from '../composables'
 import { SidebarNav } from './SidebarNav'
-
-const sidebarItems = useSidebarItems()
 </script>
 
 <template>
@@ -39,6 +36,6 @@ const sidebarItems = useSidebarItems()
         </CDropdownItem>
       </CDropdownMenu>
     </CDropdown>
-    <SidebarNav :items="sidebarItems" />
+    <SidebarNav />
   </CSidebar>
 </template>
diff --git a/packages/docs/.vuepress/src/client/components/SidebarNav.ts b/packages/docs/.vuepress/src/client/components/SidebarNav.ts
index 09184a1e..ba1b4a81 100755
--- a/packages/docs/.vuepress/src/client/components/SidebarNav.ts
+++ b/packages/docs/.vuepress/src/client/components/SidebarNav.ts
@@ -1,14 +1,15 @@
 import { defineComponent, h, computed, onMounted, ref } from 'vue'
-import type { VNode } from 'vue'
-import { RouterLink, useRoute } from 'vue-router'
-import type { RouteLocationNormalizedLoaded } from 'vue-router'
-import type { ResolvedSidebarItem } from '../../shared'
-
+import { useRoute } from 'vuepress/client'
+import { RouterLink} from 'vue-router'
+import { useSidebarItems } from '../composables'
 import { withBase } from '@vuepress/client'
-
 import { CBadge, CNavGroup, CNavItem, CSidebarNav } from '@coreui/vue/src/'
 import { CIcon } from '@coreui/icons-vue'
 
+import type { VNode } from 'vue'
+import type { RouteLocationNormalizedLoaded } from 'vue-router'
+import type { ResolvedSidebarItem } from '../../shared'
+
 const normalizePath = (path: string): string =>
   decodeURI(path)
     .replace(/#.*$/, '')
@@ -43,13 +44,8 @@ const isActiveItem = (route: RouteLocationNormalizedLoaded, item: ResolvedSideba
 
 const SidebarNav = defineComponent({
   name: 'SidebarNav',
-  props: {
-    items: {
-      type: Array,
-      required: true,
-    },
-  },
-  setup(props) {
+  setup() {
+    const sidebarItems = useSidebarItems()
     const route = useRoute()
     const firstRender = ref(true)
 
@@ -57,7 +53,7 @@ const SidebarNav = defineComponent({
       firstRender.value = false
     })
 
-    const renderItem = (item: ResolvedSidebarItem): VNode => {
+    const renderItem = (item: any): VNode => {
       if (item.children && !item.link.includes('.html')) {
         const visible = computed(() => item.children.some((child) => isActiveItem(route, child)))
 
@@ -122,7 +118,7 @@ const SidebarNav = defineComponent({
       CSidebarNav,
       {},
       {
-        default: () => props.items.map((item: any) => renderItem(item)),
+        default: () => sidebarItems.value.map((item: any) => renderItem(item)),
       }
     )
     },
diff --git a/packages/docs/.vuepress/src/client/composables/useSidebarItems.ts b/packages/docs/.vuepress/src/client/composables/useSidebarItems.ts
index d68d9dad..cc9aa7b6 100755
--- a/packages/docs/.vuepress/src/client/composables/useSidebarItems.ts
+++ b/packages/docs/.vuepress/src/client/composables/useSidebarItems.ts
@@ -143,19 +143,20 @@ export const resolveArraySidebarItems = (
       }
     }
 
+    // TODO: check if we need this
     // if the sidebar item is current page and children is not set
     // use headers of current page as children
-    if (childItem.link === route.path) {
-      // skip h1 header
-      const headers =
-        page.value.headers[0]?.level === 1
-          ? page.value.headers[0].children
-          : page.value.headers
-      return {
-        ...childItem,
-        children: headersToSidebarItemChildren(headers, sidebarDepth),
-      }
-    }
+    // if (childItem.link === route.path) {
+    //   // skip h1 header
+    //   const headers =
+    //     page.value.headers[0]?.level === 1
+    //       ? page.value.headers[0].children
+    //       : page.value.headers
+    //   return {
+    //     ...childItem,
+    //     children: headersToSidebarItemChildren(headers, sidebarDepth),
+    //   }
+    // }
 
     return childItem
   }

From 618df56d6cd42a9dd35c5505533eaa44ae349a41 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sat, 31 Aug 2024 16:47:46 +0200
Subject: [PATCH 310/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

rollup  ^4.21.1  →  ^4.21.2
---
 packages/coreui-vue/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index 95c382a3..aa206e17 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -54,7 +54,7 @@
     "cross-env": "^7.0.3",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "rollup": "^4.21.1",
+    "rollup": "^4.21.2",
     "rollup-plugin-vue": "^6.0.0",
     "ts-jest": "^29.2.5",
     "typescript": "^5.5.4",

From 00b2fd986c902541ab90c2d3cc944b9bb796837f Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sat, 31 Aug 2024 16:48:38 +0200
Subject: [PATCH 311/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@coreui/icons-vue  ^2.1.0  →  ^2.2.0
---
 packages/docs/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/docs/package.json b/packages/docs/package.json
index 14f551b1..c45ad56a 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -11,7 +11,7 @@
     "@coreui/chartjs": "^4.0.0",
     "@coreui/coreui": "^5.1.2",
     "@coreui/icons": "^3.0.1",
-    "@coreui/icons-vue": "^2.1.0",
+    "@coreui/icons-vue": "^2.2.0",
     "@coreui/utils": "^2.0.2",
     "@coreui/vue-chartjs": "^3.0.0",
     "@docsearch/css": "^3.6.1",

From 3e8537d8b6ac2353b6b53ada331f6ef9eff0d604 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sat, 31 Aug 2024 16:52:21 +0200
Subject: [PATCH 312/346] release: v5.3.0

---
 README.md                        | 2 +-
 lerna.json                       | 2 +-
 packages/coreui-icons-vue        | 2 +-
 packages/coreui-vue/README.md    | 2 +-
 packages/coreui-vue/package.json | 2 +-
 packages/docs/package.json       | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index 355d7967..31114030 100644
--- a/README.md
+++ b/README.md
@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.2.0.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.3.0.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue`
diff --git a/lerna.json b/lerna.json
index f19238c5..8e4098d4 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,6 +1,6 @@
 {
   "npmClient": "yarn",
   "packages": ["packages/*"],
-  "version": "5.2.0",
+  "version": "5.3.0",
   "$schema": "node_modules/lerna/schemas/lerna-schema.json"
 }
diff --git a/packages/coreui-icons-vue b/packages/coreui-icons-vue
index 9de09384..be8961e2 160000
--- a/packages/coreui-icons-vue
+++ b/packages/coreui-icons-vue
@@ -1 +1 @@
-Subproject commit 9de09384e7b0ece5196adf30b0f5e25cee77975c
+Subproject commit be8961e2115c0c86a1be72e4d0ea176c69ed4740
diff --git a/packages/coreui-vue/README.md b/packages/coreui-vue/README.md
index 24bc3f28..1ecdf9ed 100644
--- a/packages/coreui-vue/README.md
+++ b/packages/coreui-vue/README.md
@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.2.0.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.3.0.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue`
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index aa206e17..0bd4aee3 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue",
-  "version": "5.2.0",
+  "version": "5.3.0",
   "description": "UI Components Library for Vue.js",
   "keywords": [
     "vue",
diff --git a/packages/docs/package.json b/packages/docs/package.json
index c45ad56a..0495b5e1 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue-docs",
-  "version": "5.2.0",
+  "version": "5.3.0",
   "scripts": {
     "api": "vue-docgen -c build/docgen.config.js",
     "dev": "vuepress dev --clean-cache",

From e579fd7d84250dc8c0379ebbfce39f95291aa3bd Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sat, 14 Sep 2024 12:58:05 +0200
Subject: [PATCH 313/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@types/jest                              ^29.5.12  →     ^29.5.13
@typescript-eslint/eslint-plugin           ^8.3.0  →       ^8.5.0
@typescript-eslint/parser                  ^8.3.0  →       ^8.5.0
@vuepress/plugin-active-header-links  2.0.0-rc.42  →  2.0.0-rc.43
@vuepress/plugin-git                  2.0.0-rc.42  →  2.0.0-rc.43
@vuepress/plugin-markdown-container   2.0.0-rc.42  →  2.0.0-rc.43
@vuepress/plugin-theme-data           2.0.0-rc.42  →  2.0.0-rc.43
@vuepress/plugin-toc                  2.0.0-rc.42  →  2.0.0-rc.43
eslint-plugin-vue                         ^9.27.0  →      ^9.28.0
markdown-it-anchor                         ^9.1.0  →       ^9.2.0
rollup                                    ^4.21.2  →      ^4.21.3
sass                                      ^1.77.8  →      ^1.78.0
typescript                                 ^5.5.4  →       ^5.6.2
vue                                       ^3.4.38  →       ^3.5.5
---
 package.json                     |  6 +++---
 packages/coreui-vue/package.json |  8 ++++----
 packages/docs/package.json       | 14 +++++++-------
 3 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/package.json b/package.json
index 41fbecce..baa6b2a6 100644
--- a/package.json
+++ b/package.json
@@ -22,14 +22,14 @@
     "test:update": "npm-run-all charts:test:update icons:test:update lib:test:update"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^8.3.0",
-    "@typescript-eslint/parser": "^8.3.0",
+    "@typescript-eslint/eslint-plugin": "^8.5.0",
+    "@typescript-eslint/parser": "^8.5.0",
     "@vue/eslint-config-prettier": "^9.0.0",
     "@vue/eslint-config-typescript": "^13.0.0",
     "@vue/vue3-jest": "29.2.6",
     "eslint": "8.57.0",
     "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-vue": "^9.27.0",
+    "eslint-plugin-vue": "^9.28.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-unicorn": "^55.0.0",
     "lerna": "^8.1.8",
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index 0bd4aee3..1a2070c6 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -48,17 +48,17 @@
     "@rollup/plugin-commonjs": "^26.0.1",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-typescript": "^11.1.6",
-    "@types/jest": "^29.5.12",
+    "@types/jest": "^29.5.13",
     "@vue/test-utils": "^2.4.6",
     "@vue/vue3-jest": "29.2.6",
     "cross-env": "^7.0.3",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "rollup": "^4.21.2",
+    "rollup": "^4.21.3",
     "rollup-plugin-vue": "^6.0.0",
     "ts-jest": "^29.2.5",
-    "typescript": "^5.5.4",
-    "vue": "^3.4.38",
+    "typescript": "^5.6.2",
+    "vue": "^3.5.5",
     "vue-types": "^5.1.3"
   },
   "peerDependencies": {
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 0495b5e1..fd51348c 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -18,18 +18,18 @@
     "@docsearch/js": "^3.6.1",
     "@vuepress/bundler-vite": "2.0.0-rc.15",
     "@vuepress/bundler-webpack": "2.0.0-rc.15",
-    "@vuepress/plugin-active-header-links": "2.0.0-rc.42",
-    "@vuepress/plugin-git": "2.0.0-rc.42",
-    "@vuepress/plugin-markdown-container": "2.0.0-rc.42",
+    "@vuepress/plugin-active-header-links": "2.0.0-rc.43",
+    "@vuepress/plugin-git": "2.0.0-rc.43",
+    "@vuepress/plugin-markdown-container": "2.0.0-rc.43",
     "@vuepress/plugin-prismjs": "2.0.0-rc.37",
-    "@vuepress/plugin-theme-data": "2.0.0-rc.42",
+    "@vuepress/plugin-theme-data": "2.0.0-rc.43",
     "@vuepress/plugin-register-components": "2.0.0-rc.42",
-    "@vuepress/plugin-toc": "2.0.0-rc.42",
+    "@vuepress/plugin-toc": "2.0.0-rc.43",
     "@vuepress/shared": "2.0.0-rc.15",
     "@vuepress/utils": "2.0.0-rc.15",
-    "markdown-it-anchor": "^9.1.0",
+    "markdown-it-anchor": "^9.2.0",
     "markdown-it-include": "^2.0.0",
-    "sass": "^1.77.8",
+    "sass": "^1.78.0",
     "vue-docgen-cli": "^4.79.0",
     "vuepress": "2.0.0-rc.15"
   }

From 2f96ef25cd5191c1c9ae0ebbeb31ae484dfe57e3 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 15 Sep 2024 15:10:27 +0200
Subject: [PATCH 314/346] refactor: update shared props types handling

---
 .../src/components/form/CFormControlWrapper.ts      | 11 ++++++++++-
 .../coreui-vue/src/components/form/CFormInput.ts    |  4 +++-
 .../coreui-vue/src/components/form/CFormSelect.ts   |  4 +++-
 .../coreui-vue/src/components/form/CFormTextarea.ts |  4 +++-
 packages/coreui-vue/src/components/nav/CNavItem.ts  |  9 +++++++--
 .../coreui-vue/src/components/toast/CToastClose.ts  |  8 +++++++-
 .../coreui-vue/src/components/toast/CToastHeader.ts | 13 ++-----------
 7 files changed, 35 insertions(+), 18 deletions(-)

diff --git a/packages/coreui-vue/src/components/form/CFormControlWrapper.ts b/packages/coreui-vue/src/components/form/CFormControlWrapper.ts
index e4aee290..6bd12e19 100644
--- a/packages/coreui-vue/src/components/form/CFormControlWrapper.ts
+++ b/packages/coreui-vue/src/components/form/CFormControlWrapper.ts
@@ -4,6 +4,15 @@ import { CFormFloating } from './CFormFloating'
 import { CFormLabel } from './CFormLabel'
 import { CFormText } from './CFormText'
 
+type CFormControlValidationProps = InstanceType<typeof CFormControlValidation>['$props']
+
+interface CFormControlWrapperProps {
+  floatingLabel?: string
+  id?: string
+  label?: string
+  text?: string
+}
+
 const CFormControlWrapper = defineComponent({
   name: 'CFormControlWrapper',
   inheritAttrs: false,
@@ -32,7 +41,7 @@ const CFormControlWrapper = defineComponent({
      */
     text: String,
   },
-  setup(props, { slots }) {
+  setup(props: CFormControlWrapperProps & CFormControlValidationProps, { slots }) {
     const formControlValidation = () =>
       h(
         CFormControlValidation,
diff --git a/packages/coreui-vue/src/components/form/CFormInput.ts b/packages/coreui-vue/src/components/form/CFormInput.ts
index 68746233..8dbe4eca 100644
--- a/packages/coreui-vue/src/components/form/CFormInput.ts
+++ b/packages/coreui-vue/src/components/form/CFormInput.ts
@@ -130,7 +130,9 @@ const CFormInput = defineComponent({
       h(
         CFormControlWrapper,
         {
-          describedby: attrs['aria-describedby'],
+          ...(typeof attrs['aria-describedby'] === 'string' && {
+            describedby: attrs['aria-describedby'],
+          }),
           feedback: props.feedback,
           feedbackInvalid: props.feedbackInvalid,
           feedbackValid: props.feedbackValid,
diff --git a/packages/coreui-vue/src/components/form/CFormSelect.ts b/packages/coreui-vue/src/components/form/CFormSelect.ts
index b3086b60..23bd7b1b 100644
--- a/packages/coreui-vue/src/components/form/CFormSelect.ts
+++ b/packages/coreui-vue/src/components/form/CFormSelect.ts
@@ -119,7 +119,9 @@ const CFormSelect = defineComponent({
       h(
         CFormControlWrapper,
         {
-          describedby: attrs['aria-describedby'],
+          ...(typeof attrs['aria-describedby'] === 'string' && {
+            describedby: attrs['aria-describedby'],
+          }),
           feedback: props.feedback,
           feedbackInvalid: props.feedbackInvalid,
           feedbackValid: props.feedbackValid,
diff --git a/packages/coreui-vue/src/components/form/CFormTextarea.ts b/packages/coreui-vue/src/components/form/CFormTextarea.ts
index a953991d..42a8a732 100644
--- a/packages/coreui-vue/src/components/form/CFormTextarea.ts
+++ b/packages/coreui-vue/src/components/form/CFormTextarea.ts
@@ -106,7 +106,9 @@ const CFormTextarea = defineComponent({
       h(
         CFormControlWrapper,
         {
-          describedby: attrs['aria-describedby'],
+          ...(typeof attrs['aria-describedby'] === 'string' && {
+            describedby: attrs['aria-describedby'],
+          }),
           feedback: props.feedback,
           feedbackInvalid: props.feedbackInvalid,
           feedbackValid: props.feedbackValid,
diff --git a/packages/coreui-vue/src/components/nav/CNavItem.ts b/packages/coreui-vue/src/components/nav/CNavItem.ts
index 3ed139c7..3dd133a7 100644
--- a/packages/coreui-vue/src/components/nav/CNavItem.ts
+++ b/packages/coreui-vue/src/components/nav/CNavItem.ts
@@ -2,6 +2,12 @@ import { defineComponent, h } from 'vue'
 
 import { CNavLink } from './CNavLink'
 
+type CNavLinkProps = Omit<InstanceType<typeof CNavLink>['$props'], 'as'>
+
+interface CNavItemProps {
+  as: string
+}
+
 const CNavItem = defineComponent({
   name: 'CNavItem',
   props: {
@@ -14,12 +20,11 @@ const CNavItem = defineComponent({
       default: 'li',
     },
   },
-  setup(props, { slots }) {
+  setup(props: CNavLinkProps & CNavItemProps, { slots }) {
     return () =>
       h(
         props.as,
         {
-          as: props.component,
           class: 'nav-item',
         },
         props.href
diff --git a/packages/coreui-vue/src/components/toast/CToastClose.ts b/packages/coreui-vue/src/components/toast/CToastClose.ts
index b00e8dd1..6bdbf6a1 100644
--- a/packages/coreui-vue/src/components/toast/CToastClose.ts
+++ b/packages/coreui-vue/src/components/toast/CToastClose.ts
@@ -1,6 +1,12 @@
 import { defineComponent, h, inject } from 'vue'
 import { CCloseButton } from '../close-button/CCloseButton'
 
+type CCloseButtonProps = InstanceType<typeof CCloseButton>['$props']
+
+interface CToastCloseProps {
+  as: string
+}
+
 const CToastClose = defineComponent({
   name: 'CToastClose',
   props: {
@@ -16,7 +22,7 @@ const CToastClose = defineComponent({
      */
     'close',
   ],
-  setup(props, { slots, emit }) {
+  setup(props: CToastCloseProps & CCloseButtonProps, { slots, emit }) {
     // eslint-disable-next-line no-unused-vars
     const updateVisible = inject('updateVisible') as (visible: boolean) => void
     const handleClose = () => {
diff --git a/packages/coreui-vue/src/components/toast/CToastHeader.ts b/packages/coreui-vue/src/components/toast/CToastHeader.ts
index 74fbc651..3f822da0 100644
--- a/packages/coreui-vue/src/components/toast/CToastHeader.ts
+++ b/packages/coreui-vue/src/components/toast/CToastHeader.ts
@@ -9,20 +9,11 @@ const CToastHeader = defineComponent({
      */
     closeButton: Boolean,
   },
-  emits: [
-    /**
-     * Event called after clicking the close button.
-     */
-    'close',
-  ],
-  setup(props, { slots, emit }) {
+  setup(props, { slots }) {
     return () =>
       h('div', { class: 'toast-header' }, [
         slots.default && slots.default(),
-        props.closeButton &&
-          h(CToastClose, {
-            onClose: () => emit('close'),
-          }),
+        props.closeButton && h(CToastClose),
       ])
   },
 })

From e0239fdd8886aebc305ed33f88ce97001fc7769a Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 15 Sep 2024 15:17:40 +0200
Subject: [PATCH 315/346] fix(CToastClose): allow passing a custom component as
 a prop

---
 packages/coreui-vue/src/components/toast/CToastClose.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/coreui-vue/src/components/toast/CToastClose.ts b/packages/coreui-vue/src/components/toast/CToastClose.ts
index 6bdbf6a1..cd7f4360 100644
--- a/packages/coreui-vue/src/components/toast/CToastClose.ts
+++ b/packages/coreui-vue/src/components/toast/CToastClose.ts
@@ -1,4 +1,4 @@
-import { defineComponent, h, inject } from 'vue'
+import { defineComponent, h, inject, resolveComponent } from 'vue'
 import { CCloseButton } from '../close-button/CCloseButton'
 
 type CCloseButtonProps = InstanceType<typeof CCloseButton>['$props']
@@ -32,7 +32,7 @@ const CToastClose = defineComponent({
     return () =>
       props.as
         ? h(
-            props.as,
+            resolveComponent(props.as),
             {
               onClick: () => {
                 handleClose()

From 69a05dd4e4aa7443aa9fdf37fa3bef6954c2c545 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Mon, 16 Sep 2024 10:05:50 +0200
Subject: [PATCH 316/346] refactor: update shared props types handling

---
 packages/coreui-vue/package.json                      |  2 +-
 .../src/components/form/CFormControlWrapper.ts        | 11 ++++++-----
 packages/coreui-vue/src/components/nav/CNavItem.ts    |  7 +++----
 .../coreui-vue/src/components/toast/CToastClose.ts    |  8 ++++----
 packages/coreui-vue/src/utils/ComponentProps.ts       |  6 ++++++
 packages/docs/build/docgen.config.js                  |  3 ++-
 6 files changed, 22 insertions(+), 15 deletions(-)
 create mode 100644 packages/coreui-vue/src/utils/ComponentProps.ts

diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index 1a2070c6..c72d1a45 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -62,6 +62,6 @@
     "vue-types": "^5.1.3"
   },
   "peerDependencies": {
-    "vue": "^3.2.21"
+    "vue": "^3.5.0"
   }
 }
diff --git a/packages/coreui-vue/src/components/form/CFormControlWrapper.ts b/packages/coreui-vue/src/components/form/CFormControlWrapper.ts
index 6bd12e19..bdecc2ff 100644
--- a/packages/coreui-vue/src/components/form/CFormControlWrapper.ts
+++ b/packages/coreui-vue/src/components/form/CFormControlWrapper.ts
@@ -4,9 +4,9 @@ import { CFormFloating } from './CFormFloating'
 import { CFormLabel } from './CFormLabel'
 import { CFormText } from './CFormText'
 
-type CFormControlValidationProps = InstanceType<typeof CFormControlValidation>['$props']
+import type { ComponentProps } from '../../utils/ComponentProps'
 
-interface CFormControlWrapperProps {
+interface CFormControlWrapperProps extends ComponentProps<typeof CFormControlValidation> {
   floatingLabel?: string
   id?: string
   label?: string
@@ -27,7 +27,9 @@ const CFormControlWrapper = defineComponent({
     /**
      * @ignore
      */
-    id: String,
+    id: {
+      type: String,
+    },
     /**
      * Add a caption for a component.
      *
@@ -41,7 +43,7 @@ const CFormControlWrapper = defineComponent({
      */
     text: String,
   },
-  setup(props: CFormControlWrapperProps & CFormControlValidationProps, { slots }) {
+  setup(props: CFormControlWrapperProps, { slots }) {
     const formControlValidation = () =>
       h(
         CFormControlValidation,
@@ -50,7 +52,6 @@ const CFormControlWrapper = defineComponent({
           feedback: props.feedback,
           feedbackInvalid: props.feedbackInvalid,
           feedbackValid: props.feedbackValid,
-          floatingLabel: props.floatingLabel,
           invalid: props.invalid,
           tooltipFeedback: props.tooltipFeedback,
           valid: props.valid,
diff --git a/packages/coreui-vue/src/components/nav/CNavItem.ts b/packages/coreui-vue/src/components/nav/CNavItem.ts
index 3dd133a7..1774dcba 100644
--- a/packages/coreui-vue/src/components/nav/CNavItem.ts
+++ b/packages/coreui-vue/src/components/nav/CNavItem.ts
@@ -1,10 +1,9 @@
 import { defineComponent, h } from 'vue'
-
 import { CNavLink } from './CNavLink'
 
-type CNavLinkProps = Omit<InstanceType<typeof CNavLink>['$props'], 'as'>
+import type { ComponentProps } from '../../utils/ComponentProps'
 
-interface CNavItemProps {
+interface CNavItemProps extends ComponentProps<typeof CNavLink> {
   as: string
 }
 
@@ -20,7 +19,7 @@ const CNavItem = defineComponent({
       default: 'li',
     },
   },
-  setup(props: CNavLinkProps & CNavItemProps, { slots }) {
+  setup(props: CNavItemProps, { slots }) {
     return () =>
       h(
         props.as,
diff --git a/packages/coreui-vue/src/components/toast/CToastClose.ts b/packages/coreui-vue/src/components/toast/CToastClose.ts
index cd7f4360..a190e323 100644
--- a/packages/coreui-vue/src/components/toast/CToastClose.ts
+++ b/packages/coreui-vue/src/components/toast/CToastClose.ts
@@ -1,10 +1,10 @@
 import { defineComponent, h, inject, resolveComponent } from 'vue'
 import { CCloseButton } from '../close-button/CCloseButton'
 
-type CCloseButtonProps = InstanceType<typeof CCloseButton>['$props']
+import type { ComponentProps } from '../../utils/ComponentProps'
 
-interface CToastCloseProps {
-  as: string
+interface CCloseButtonProps extends ComponentProps<typeof CCloseButton> {
+  as?: string
 }
 
 const CToastClose = defineComponent({
@@ -22,7 +22,7 @@ const CToastClose = defineComponent({
      */
     'close',
   ],
-  setup(props: CToastCloseProps & CCloseButtonProps, { slots, emit }) {
+  setup(props: CCloseButtonProps, { slots, emit }) {
     // eslint-disable-next-line no-unused-vars
     const updateVisible = inject('updateVisible') as (visible: boolean) => void
     const handleClose = () => {
diff --git a/packages/coreui-vue/src/utils/ComponentProps.ts b/packages/coreui-vue/src/utils/ComponentProps.ts
new file mode 100644
index 00000000..5bd3991c
--- /dev/null
+++ b/packages/coreui-vue/src/utils/ComponentProps.ts
@@ -0,0 +1,6 @@
+import { DefineComponent, ExtractPropTypes, ExtractPublicPropTypes } from 'vue'
+
+export type ComponentProps<T> =
+  T extends DefineComponent<ExtractPropTypes<infer Props>, any, any>
+    ? ExtractPublicPropTypes<Props>
+    : never
diff --git a/packages/docs/build/docgen.config.js b/packages/docs/build/docgen.config.js
index e4c71f24..7d654712 100644
--- a/packages/docs/build/docgen.config.js
+++ b/packages/docs/build/docgen.config.js
@@ -8,7 +8,8 @@ module.exports = {
   components: [
     '**/[A-Z]*.ts',
     '!**/[A-Z]*.d.ts',
-    '!**/[A-Z]*.spec.ts'
+    '!**/[A-Z]*.spec.ts',
+    '!**/ComponentProps.ts',
   ],
   outDir: 'api', // folder to save components docs in (relative to the current working directry)
   getDocFileName: (componentPath) =>

From cab04c286beaa5c27a6dfcb6aa4c02e088a2508a Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Mon, 16 Sep 2024 14:00:15 +0200
Subject: [PATCH 317/346] refactor(CPopover, CTabs, CTooltips): migrate from
 `useUniqueId` to `useId`

---
 .../src/components/popover/CPopover.ts           | 16 ++++++----------
 packages/coreui-vue/src/components/tabs/CTab.ts  |  6 +++---
 .../coreui-vue/src/components/tabs/CTabPanel.ts  |  7 +++----
 packages/coreui-vue/src/components/tabs/CTabs.ts |  8 +++-----
 .../src/components/tooltip/CTooltip.ts           | 16 ++++++----------
 .../coreui-vue/src/composables/useUniqueId.ts    |  2 +-
 6 files changed, 22 insertions(+), 33 deletions(-)

diff --git a/packages/coreui-vue/src/components/popover/CPopover.ts b/packages/coreui-vue/src/components/popover/CPopover.ts
index 03ade861..300f876a 100644
--- a/packages/coreui-vue/src/components/popover/CPopover.ts
+++ b/packages/coreui-vue/src/components/popover/CPopover.ts
@@ -1,8 +1,8 @@
-import { defineComponent, h, onMounted, PropType, ref, RendererElement, Transition } from 'vue'
+import { defineComponent, h, PropType, ref, RendererElement, Transition, useId } from 'vue'
 import type { Placement } from '@popperjs/core'
 
 import { CConditionalTeleport } from '../conditional-teleport'
-import { useUniqueId, usePopper } from '../../composables'
+import { usePopper } from '../../composables'
 import type { Placements, Triggers } from '../../types'
 import { executeAfterTransition } from '../../utils/transition'
 import { getRTLPlacement } from '../../utils'
@@ -117,10 +117,10 @@ const CPopover = defineComponent({
   setup(props, { attrs, slots, emit }) {
     const togglerRef = ref()
     const popoverRef = ref()
-    const uID = ref()
     const visible = ref(props.visible)
-    const { getUID } = useUniqueId('popover')
+
     const { initPopper, destroyPopper } = usePopper()
+    const uniqueId = `popover-${useId()}`
 
     const delay =
       typeof props.delay === 'number' ? { show: props.delay, hide: props.delay } : props.delay
@@ -149,10 +149,6 @@ const CPopover = defineComponent({
       placement: getRTLPlacement(props.placement, togglerRef.value),
     }
 
-    onMounted(() => {
-      uID.value = getUID()
-    })
-
     const handleEnter = (el: RendererElement, done: () => void) => {
       emit('show')
       initPopper(togglerRef.value, popoverRef.value, popperConfig)
@@ -212,7 +208,7 @@ const CPopover = defineComponent({
                       },
                       attrs.class,
                     ],
-                    id: uID.value,
+                    id: uniqueId,
                     ref: popoverRef,
                     role: 'tooltip',
                   },
@@ -241,7 +237,7 @@ const CPopover = defineComponent({
       ),
       slots.toggler &&
         slots.toggler({
-          id: visible.value ? uID.value : null,
+          id: visible.value ? uniqueId : null,
           on: {
             click: (event: Event) =>
               props.trigger.includes('click') && toggleVisible(event, !visible.value),
diff --git a/packages/coreui-vue/src/components/tabs/CTab.ts b/packages/coreui-vue/src/components/tabs/CTab.ts
index 05ce3fe4..b2b178bf 100644
--- a/packages/coreui-vue/src/components/tabs/CTab.ts
+++ b/packages/coreui-vue/src/components/tabs/CTab.ts
@@ -13,7 +13,7 @@ const CTab = defineComponent({
   },
   setup(props, { slots }) {
     const activeItemKey = inject('activeItemKey') as Ref<number | string>
-    const id = inject('id') as Ref<number | string>
+    const id = inject('id')
     const setActiveItemKey = inject('setActiveItemKey') as (key: number | string) => void
 
     const isActive = () => props.itemKey === activeItemKey.value
@@ -28,11 +28,11 @@ const CTab = defineComponent({
               active: isActive(),
             },
           ],
-          id: `${props.itemKey}-tab-${id.value}`,
+          id: `${props.itemKey}-tab-${id}`,
           role: 'tab',
           tabindex: isActive() ? 0 : -1,
           type: 'button',
-          'aria-controls': `${props.itemKey}-tab-panel-${id.value}`,
+          'aria-controls': `${props.itemKey}-tab-panel-${id}`,
           'aria-selected': isActive(),
           onClick: () => setActiveItemKey(props.itemKey),
           onFocus: () => setActiveItemKey(props.itemKey),
diff --git a/packages/coreui-vue/src/components/tabs/CTabPanel.ts b/packages/coreui-vue/src/components/tabs/CTabPanel.ts
index a4d23e7d..3182e74f 100644
--- a/packages/coreui-vue/src/components/tabs/CTabPanel.ts
+++ b/packages/coreui-vue/src/components/tabs/CTabPanel.ts
@@ -50,8 +50,7 @@ const CTabPanel = defineComponent({
   ],
   setup(props, { slots, emit }) {
     const activeItemKey = inject('activeItemKey') as Ref<number | string>
-    const id = inject('id') as Ref<number | string>
-
+    const id = inject('id')
     const tabPaneRef = ref()
     const firstRender = ref(true)
     const visible = ref()
@@ -112,9 +111,9 @@ const CTabPanel = defineComponent({
                     show: firstRender.value && visible.value,
                   },
                 ],
-                id: `${props.itemKey}-tab-panel-${id.value}`,
+                id: `${props.itemKey}-tab-panel-${id}`,
                 role: 'tabpanel',
-                'aria-labelledby': `${props.itemKey}-tab-${id.value}`,
+                'aria-labelledby': `${props.itemKey}-tab-${id}`,
                 tabindex: 0,
                 ref: tabPaneRef,
               },
diff --git a/packages/coreui-vue/src/components/tabs/CTabs.ts b/packages/coreui-vue/src/components/tabs/CTabs.ts
index 112decfe..b61908c2 100644
--- a/packages/coreui-vue/src/components/tabs/CTabs.ts
+++ b/packages/coreui-vue/src/components/tabs/CTabs.ts
@@ -1,5 +1,4 @@
-import { defineComponent, h, provide, ref, watch } from 'vue'
-import { useUniqueId } from '../../composables'
+import { defineComponent, h, provide, ref, useId, watch } from 'vue'
 
 const CTabs = defineComponent({
   name: 'CTabs',
@@ -19,9 +18,8 @@ const CTabs = defineComponent({
     'change',
   ],
   setup(props, { slots, emit }) {
-    const { getUID } = useUniqueId()
-    const uID = ref(getUID())
     const activeItemKey = ref(props.activeItemKey)
+    const uniqueId = useId()
     const setActiveItemKey = (key: string | number) => {
       activeItemKey.value = key
     }
@@ -35,7 +33,7 @@ const CTabs = defineComponent({
     )
 
     provide('activeItemKey', activeItemKey)
-    provide('id', uID)
+    provide('id', uniqueId)
     provide('setActiveItemKey', setActiveItemKey)
 
     return () => h('div', { class: 'tabs' }, slots.default && slots.default())
diff --git a/packages/coreui-vue/src/components/tooltip/CTooltip.ts b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
index 02ad416e..6fe15d0e 100644
--- a/packages/coreui-vue/src/components/tooltip/CTooltip.ts
+++ b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
@@ -1,8 +1,8 @@
-import { defineComponent, h, onMounted, PropType, ref, RendererElement, Transition } from 'vue'
+import { defineComponent, h, PropType, ref, RendererElement, Transition, useId } from 'vue'
 import type { Placement } from '@popperjs/core'
 
 import { CConditionalTeleport } from '../conditional-teleport'
-import { useUniqueId, usePopper } from '../../composables'
+import { usePopper } from '../../composables'
 import type { Placements, Triggers } from '../../types'
 import { executeAfterTransition } from '../../utils/transition'
 import { getRTLPlacement } from '../../utils'
@@ -113,10 +113,10 @@ const CTooltip = defineComponent({
   setup(props, { attrs, slots, emit }) {
     const togglerRef = ref()
     const tooltipRef = ref()
-    const uID = ref()
     const visible = ref(props.visible)
-    const { getUID } = useUniqueId('popover')
+
     const { initPopper, destroyPopper } = usePopper()
+    const uniqueId = `tooltip-${useId()}`
 
     const delay =
       typeof props.delay === 'number' ? { show: props.delay, hide: props.delay } : props.delay
@@ -145,10 +145,6 @@ const CTooltip = defineComponent({
       placement: getRTLPlacement(props.placement, togglerRef.value),
     }
 
-    onMounted(() => {
-      uID.value = getUID()
-    })
-
     const handleEnter = (el: RendererElement, done: () => void) => {
       emit('show')
       initPopper(togglerRef.value, tooltipRef.value, popperConfig)
@@ -208,7 +204,7 @@ const CTooltip = defineComponent({
                       },
                       attrs.class,
                     ],
-                    id: uID.value,
+                    id: uniqueId,
                     ref: tooltipRef,
                     role: 'tooltip',
                   },
@@ -229,7 +225,7 @@ const CTooltip = defineComponent({
       ),
       slots.toggler &&
         slots.toggler({
-          id: visible.value ? uID.value : null,
+          id: visible.value ? uniqueId : null,
           on: {
             click: (event: Event) =>
               props.trigger.includes('click') && toggleVisible(event, !visible.value),
diff --git a/packages/coreui-vue/src/composables/useUniqueId.ts b/packages/coreui-vue/src/composables/useUniqueId.ts
index 95810c31..e6f724a9 100644
--- a/packages/coreui-vue/src/composables/useUniqueId.ts
+++ b/packages/coreui-vue/src/composables/useUniqueId.ts
@@ -7,7 +7,7 @@ export const useUniqueId = (prefix: string = '') => {
     do {
       prefix += Math.floor(Math.random() * 1_000_000)
     } while (ids.value.includes(prefix))
-    
+
     ids.value.push(prefix)
     return prefix
   }

From 26656bf73070e34ee705ab4de5cce132a3e7e522 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Mon, 16 Sep 2024 14:01:24 +0200
Subject: [PATCH 318/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

vue  ^3.5.5  →  ^3.5.6
---
 packages/coreui-vue/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index c72d1a45..d21995b1 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -58,7 +58,7 @@
     "rollup-plugin-vue": "^6.0.0",
     "ts-jest": "^29.2.5",
     "typescript": "^5.6.2",
-    "vue": "^3.5.5",
+    "vue": "^3.5.6",
     "vue-types": "^5.1.3"
   },
   "peerDependencies": {

From 97e58d72a5f37a0ff7fb8556b0fc2c43d89a2309 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Wed, 18 Sep 2024 21:40:54 +0200
Subject: [PATCH 319/346] fix(CTabs): add missing `disabled` prop

---
 packages/coreui-vue/src/components/tabs/CTab.ts | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/packages/coreui-vue/src/components/tabs/CTab.ts b/packages/coreui-vue/src/components/tabs/CTab.ts
index b2b178bf..1c7d8763 100644
--- a/packages/coreui-vue/src/components/tabs/CTab.ts
+++ b/packages/coreui-vue/src/components/tabs/CTab.ts
@@ -3,6 +3,10 @@ import { defineComponent, h, inject, Ref } from 'vue'
 const CTab = defineComponent({
   name: 'CTab',
   props: {
+    /**
+     * Toggle the disabled state for the component.
+     */
+    disabled: Boolean,
     /**
      * Item key.
      */
@@ -34,6 +38,7 @@ const CTab = defineComponent({
           type: 'button',
           'aria-controls': `${props.itemKey}-tab-panel-${id}`,
           'aria-selected': isActive(),
+          disabled: props.disabled,
           onClick: () => setActiveItemKey(props.itemKey),
           onFocus: () => setActiveItemKey(props.itemKey),
         },

From 02c1c3a29fee878177563d0f41e0c5b1eff3f1e3 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Wed, 18 Sep 2024 23:06:31 +0200
Subject: [PATCH 320/346] docs: update content

---
 packages/docs/components/tabs.md | 104 +++++++++++++++----------------
 1 file changed, 52 insertions(+), 52 deletions(-)

diff --git a/packages/docs/components/tabs.md b/packages/docs/components/tabs.md
index a7c06623..fcb3dd2a 100644
--- a/packages/docs/components/tabs.md
+++ b/packages/docs/components/tabs.md
@@ -76,16 +76,16 @@ If you don’t provide the `variant` prop, the component will default to a basic
     <CTab disabled itemKey="disabled">Disabled</CTab>
   </CTabList>
   <CTabContent>
-    <CTabPanel className="p-3" itemKey="home">
+    <CTabPanel class="p-3" itemKey="home">
       Home tab content
     </CTabPanel>
-    <CTabPanel className="p-3" itemKey="profile">
+    <CTabPanel class="p-3" itemKey="profile">
       Profile tab content
     </CTabPanel>
-    <CTabPanel className="p-3" itemKey="contact">
+    <CTabPanel class="p-3" itemKey="contact">
       Contact tab content
     </CTabPanel>
-    <CTabPanel className="p-3" itemKey="disabled">
+    <CTabPanel class="p-3" itemKey="disabled">
       Disabled tab content
     </CTabPanel>
   </CTabContent>
@@ -100,16 +100,16 @@ If you don’t provide the `variant` prop, the component will default to a basic
     <CTab disabled itemKey="disabled">Disabled</CTab>
   </CTabList>
   <CTabContent>
-    <CTabPanel className="p-3" itemKey="home">
+    <CTabPanel class="p-3" itemKey="home">
       Home tab content
     </CTabPanel>
-    <CTabPanel className="p-3" itemKey="profile">
+    <CTabPanel class="p-3" itemKey="profile">
       Profile tab content
     </CTabPanel>
-    <CTabPanel className="p-3" itemKey="contact">
+    <CTabPanel class="p-3" itemKey="contact">
       Contact tab content
     </CTabPanel>
-    <CTabPanel className="p-3" itemKey="disabled">
+    <CTabPanel class="p-3" itemKey="disabled">
       Disabled tab content
     </CTabPanel>
   </CTabContent>
@@ -129,16 +129,16 @@ Take that same code, but use `variant="pills"` instead:
     <CTab aria-controls="disabled-tab-pane" disabled :itemKey="4">Disabled</CTab>
   </CTabList>
   <CTabContent>
-    <CTabPanel className="p-3" aria-labelledby="home-tab-pane" :itemKey="1">
+    <CTabPanel class="p-3" aria-labelledby="home-tab-pane" :itemKey="1">
       Home tab content
     </CTabPanel>
-    <CTabPanel className="p-3" aria-labelledby="profile-tab-pane" :itemKey="2">
+    <CTabPanel class="p-3" aria-labelledby="profile-tab-pane" :itemKey="2">
       Profile tab content
     </CTabPanel>
-    <CTabPanel className="p-3" aria-labelledby="contact-tab-pane" :itemKey="3">
+    <CTabPanel class="p-3" aria-labelledby="contact-tab-pane" :itemKey="3">
       Contact tab content
     </CTabPanel>
-    <CTabPanel className="p-3" aria-labelledby="disabled-tab-pane" :itemKey="4">
+    <CTabPanel class="p-3" aria-labelledby="disabled-tab-pane" :itemKey="4">
       Disabled tab content
     </CTabPanel>
   </CTabContent>
@@ -153,16 +153,16 @@ Take that same code, but use `variant="pills"` instead:
     <CTab aria-controls="disabled-tab-pane" disabled :itemKey="4">Disabled</CTab>
   </CTabList>
   <CTabContent>
-    <CTabPanel className="p-3" aria-labelledby="home-tab-pane" :itemKey="1">
+    <CTabPanel class="p-3" aria-labelledby="home-tab-pane" :itemKey="1">
       Home tab content
     </CTabPanel>
-    <CTabPanel className="p-3" aria-labelledby="profile-tab-pane" :itemKey="2">
+    <CTabPanel class="p-3" aria-labelledby="profile-tab-pane" :itemKey="2">
       Profile tab content
     </CTabPanel>
-    <CTabPanel className="p-3" aria-labelledby="contact-tab-pane" :itemKey="3">
+    <CTabPanel class="p-3" aria-labelledby="contact-tab-pane" :itemKey="3">
       Contact tab content
     </CTabPanel>
-    <CTabPanel className="p-3" aria-labelledby="disabled-tab-pane" :itemKey="4">
+    <CTabPanel class="p-3" aria-labelledby="disabled-tab-pane" :itemKey="4">
       Disabled tab content
     </CTabPanel>
   </CTabContent>
@@ -182,16 +182,16 @@ Take that same code, but use `variant="underline"` instead:
     <CTab aria-controls="disabled-tab-pane" disabled :itemKey="4">Disabled</CTab>
   </CTabList>
   <CTabContent>
-    <CTabPanel className="py-3" aria-labelledby="home-tab-pane" :itemKey="1">
+    <CTabPanel class="py-3" aria-labelledby="home-tab-pane" :itemKey="1">
       Home tab content
     </CTabPanel>
-    <CTabPanel className="py-3" aria-labelledby="profile-tab-pane" :itemKey="2">
+    <CTabPanel class="py-3" aria-labelledby="profile-tab-pane" :itemKey="2">
       Profile tab content
     </CTabPanel>
-    <CTabPanel className="py-3" aria-labelledby="contact-tab-pane" :itemKey="3">
+    <CTabPanel class="py-3" aria-labelledby="contact-tab-pane" :itemKey="3">
       Contact tab content
     </CTabPanel>
-    <CTabPanel className="py-3" aria-labelledby="disabled-tab-pane" :itemKey="4">
+    <CTabPanel class="py-3" aria-labelledby="disabled-tab-pane" :itemKey="4">
       Disabled tab content
     </CTabPanel>
   </CTabContent>
@@ -206,16 +206,16 @@ Take that same code, but use `variant="underline"` instead:
     <CTab aria-controls="disabled-tab-pane" disabled :itemKey="4">Disabled</CTab>
   </CTabList>
   <CTabContent>
-    <CTabPanel className="py-3" aria-labelledby="home-tab-pane" :itemKey="1">
+    <CTabPanel class="py-3" aria-labelledby="home-tab-pane" :itemKey="1">
       Home tab content
     </CTabPanel>
-    <CTabPanel className="py-3" aria-labelledby="profile-tab-pane" :itemKey="2">
+    <CTabPanel class="py-3" aria-labelledby="profile-tab-pane" :itemKey="2">
       Profile tab content
     </CTabPanel>
-    <CTabPanel className="py-3" aria-labelledby="contact-tab-pane" :itemKey="3">
+    <CTabPanel class="py-3" aria-labelledby="contact-tab-pane" :itemKey="3">
       Contact tab content
     </CTabPanel>
-    <CTabPanel className="py-3" aria-labelledby="disabled-tab-pane" :itemKey="4">
+    <CTabPanel class="py-3" aria-labelledby="disabled-tab-pane" :itemKey="4">
       Disabled tab content
     </CTabPanel>
   </CTabContent>
@@ -235,16 +235,16 @@ Take that same code, but use `variant="underline-border"` instead:
     <CTab aria-controls="disabled-tab-pane" disabled :itemKey="4">Disabled</CTab>
   </CTabList>
   <CTabContent>
-    <CTabPanel className="py-3" aria-labelledby="home-tab-pane" :itemKey="1">
+    <CTabPanel class="py-3" aria-labelledby="home-tab-pane" :itemKey="1">
       Home tab content
     </CTabPanel>
-    <CTabPanel className="py-3" aria-labelledby="profile-tab-pane" :itemKey="2">
+    <CTabPanel class="py-3" aria-labelledby="profile-tab-pane" :itemKey="2">
       Profile tab content
     </CTabPanel>
-    <CTabPanel className="py-3" aria-labelledby="contact-tab-pane" :itemKey="3">
+    <CTabPanel class="py-3" aria-labelledby="contact-tab-pane" :itemKey="3">
       Contact tab content
     </CTabPanel>
-    <CTabPanel className="py-3" aria-labelledby="disabled-tab-pane" :itemKey="4">
+    <CTabPanel class="py-3" aria-labelledby="disabled-tab-pane" :itemKey="4">
       Disabled tab content
     </CTabPanel>
   </CTabContent>
@@ -259,16 +259,16 @@ Take that same code, but use `variant="underline-border"` instead:
     <CTab aria-controls="disabled-tab-pane" disabled :itemKey="4">Disabled</CTab>
   </CTabList>
   <CTabContent>
-    <CTabPanel className="py-3" aria-labelledby="home-tab-pane" :itemKey="1">
+    <CTabPanel class="py-3" aria-labelledby="home-tab-pane" :itemKey="1">
       Home tab content
     </CTabPanel>
-    <CTabPanel className="py-3" aria-labelledby="profile-tab-pane" :itemKey="2">
+    <CTabPanel class="py-3" aria-labelledby="profile-tab-pane" :itemKey="2">
       Profile tab content
     </CTabPanel>
-    <CTabPanel className="py-3" aria-labelledby="contact-tab-pane" :itemKey="3">
+    <CTabPanel class="py-3" aria-labelledby="contact-tab-pane" :itemKey="3">
       Contact tab content
     </CTabPanel>
-    <CTabPanel className="py-3" aria-labelledby="disabled-tab-pane" :itemKey="4">
+    <CTabPanel class="py-3" aria-labelledby="disabled-tab-pane" :itemKey="4">
       Disabled tab content
     </CTabPanel>
   </CTabContent>
@@ -288,16 +288,16 @@ Force your `<CTabs>`'s contents to extend the full available width one of two mo
     <CTab aria-controls="disabled-tab-pane" disabled :itemKey="4">Disabled</CTab>
   </CTabList>
   <CTabContent>
-    <CTabPanel className="py-3" aria-labelledby="home-tab-pane" :itemKey="1">
+    <CTabPanel class="py-3" aria-labelledby="home-tab-pane" :itemKey="1">
       Home tab content
     </CTabPanel>
-    <CTabPanel className="py-3" aria-labelledby="profile-tab-pane" :itemKey="2">
+    <CTabPanel class="py-3" aria-labelledby="profile-tab-pane" :itemKey="2">
       Profile tab content
     </CTabPanel>
-    <CTabPanel className="py-3" aria-labelledby="contact-tab-pane" :itemKey="3">
+    <CTabPanel class="py-3" aria-labelledby="contact-tab-pane" :itemKey="3">
       Contact tab content
     </CTabPanel>
-    <CTabPanel className="py-3" aria-labelledby="disabled-tab-pane" :itemKey="4">
+    <CTabPanel class="py-3" aria-labelledby="disabled-tab-pane" :itemKey="4">
       Disabled tab content
     </CTabPanel>
   </CTabContent>
@@ -312,16 +312,16 @@ Force your `<CTabs>`'s contents to extend the full available width one of two mo
     <CTab aria-controls="disabled-tab-pane" disabled :itemKey="4">Disabled</CTab>
   </CTabList>
   <CTabContent>
-    <CTabPanel className="py-3" aria-labelledby="home-tab-pane" :itemKey="1">
+    <CTabPanel class="py-3" aria-labelledby="home-tab-pane" :itemKey="1">
       Home tab content
     </CTabPanel>
-    <CTabPanel className="py-3" aria-labelledby="profile-tab-pane" :itemKey="2">
+    <CTabPanel class="py-3" aria-labelledby="profile-tab-pane" :itemKey="2">
       Profile tab content
     </CTabPanel>
-    <CTabPanel className="py-3" aria-labelledby="contact-tab-pane" :itemKey="3">
+    <CTabPanel class="py-3" aria-labelledby="contact-tab-pane" :itemKey="3">
       Contact tab content
     </CTabPanel>
-    <CTabPanel className="py-3" aria-labelledby="disabled-tab-pane" :itemKey="4">
+    <CTabPanel class="py-3" aria-labelledby="disabled-tab-pane" :itemKey="4">
       Disabled tab content
     </CTabPanel>
   </CTabContent>
@@ -339,16 +339,16 @@ For equal-width elements, use `layout="justified"`. All horizontal space will be
     <CTab aria-controls="disabled-tab-pane" disabled :itemKey="4">Disabled</CTab>
   </CTabList>
   <CTabContent>
-    <CTabPanel className="py-3" aria-labelledby="home-tab-pane" :itemKey="1">
+    <CTabPanel class="py-3" aria-labelledby="home-tab-pane" :itemKey="1">
       Home tab content
     </CTabPanel>
-    <CTabPanel className="py-3" aria-labelledby="profile-tab-pane" :itemKey="2">
+    <CTabPanel class="py-3" aria-labelledby="profile-tab-pane" :itemKey="2">
       Profile tab content
     </CTabPanel>
-    <CTabPanel className="py-3" aria-labelledby="contact-tab-pane" :itemKey="3">
+    <CTabPanel class="py-3" aria-labelledby="contact-tab-pane" :itemKey="3">
       Contact tab content
     </CTabPanel>
-    <CTabPanel className="py-3" aria-labelledby="disabled-tab-pane" :itemKey="4">
+    <CTabPanel class="py-3" aria-labelledby="disabled-tab-pane" :itemKey="4">
       Disabled tab content
     </CTabPanel>
   </CTabContent>
@@ -363,16 +363,16 @@ For equal-width elements, use `layout="justified"`. All horizontal space will be
     <CTab aria-controls="disabled-tab-pane" disabled :itemKey="4">Disabled</CTab>
   </CTabList>
   <CTabContent>
-    <CTabPanel className="py-3" aria-labelledby="home-tab-pane" :itemKey="1">
+    <CTabPanel class="py-3" aria-labelledby="home-tab-pane" :itemKey="1">
       Home tab content
     </CTabPanel>
-    <CTabPanel className="py-3" aria-labelledby="profile-tab-pane" :itemKey="2">
+    <CTabPanel class="py-3" aria-labelledby="profile-tab-pane" :itemKey="2">
       Profile tab content
     </CTabPanel>
-    <CTabPanel className="py-3" aria-labelledby="contact-tab-pane" :itemKey="3">
+    <CTabPanel class="py-3" aria-labelledby="contact-tab-pane" :itemKey="3">
       Contact tab content
     </CTabPanel>
-    <CTabPanel className="py-3" aria-labelledby="disabled-tab-pane" :itemKey="4">
+    <CTabPanel class="py-3" aria-labelledby="disabled-tab-pane" :itemKey="4">
       Disabled tab content
     </CTabPanel>
   </CTabContent>
@@ -404,16 +404,16 @@ Our Vue Tabs component automatically manages all `role="..."` and `aria-` attrib
     <CTab id="disabled-tab" aria-controls="disabled-tab-pane" disabled :itemKey="4">Disabled</CTab>
   </CTabList>
   <CTabContent>
-    <CTabPanel id="home-tab-pane" className="p-3" aria-labelledby="home-tab-pane" aria-labelledby="home-tab" :itemKey="1">
+    <CTabPanel id="home-tab-pane" class="p-3" aria-labelledby="home-tab-pane" aria-labelledby="home-tab" :itemKey="1">
       Home tab content
     </CTabPanel>
-    <CTabPanel id="profile-tab-pane" className="p-3" aria-labelledby="profile-tab-pane" aria-labelledby="profile-tab" :itemKey="2">
+    <CTabPanel id="profile-tab-pane" class="p-3" aria-labelledby="profile-tab-pane" aria-labelledby="profile-tab" :itemKey="2">
       Profile tab content
     </CTabPanel>
-    <CTabPanel id="contact-tab-pane" className="p-3" aria-labelledby="contact-tab-pane" aria-labelledby="contact-tab" :itemKey="3">
+    <CTabPanel id="contact-tab-pane" class="p-3" aria-labelledby="contact-tab-pane" aria-labelledby="contact-tab" :itemKey="3">
       Contact tab content
     </CTabPanel>
-    <CTabPanel id="disabled-tab-pane" className="p-3" aria-labelledby="disabled-tab-pane" aria-labelledby="disabled-tab" :itemKey="4">
+    <CTabPanel id="disabled-tab-pane" class="p-3" aria-labelledby="disabled-tab-pane" aria-labelledby="disabled-tab" :itemKey="4">
       Disabled tab content
     </CTabPanel>
   </CTabContent>

From 5d42d8ad1a8139b8c0bcc0250a2eeda721fc71b3 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 22 Sep 2024 14:57:08 +0200
Subject: [PATCH 321/346] docs: update API documentation

---
 packages/coreui-icons-vue                       | 2 +-
 packages/coreui-vue-chartjs                     | 2 +-
 packages/coreui-vue/src/components/tabs/CTab.ts | 2 ++
 packages/docs/api/tabs/CTab.api.md              | 7 ++++---
 packages/docs/api/toast/CToastHeader.api.md     | 6 ------
 5 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/packages/coreui-icons-vue b/packages/coreui-icons-vue
index be8961e2..009583d5 160000
--- a/packages/coreui-icons-vue
+++ b/packages/coreui-icons-vue
@@ -1 +1 @@
-Subproject commit be8961e2115c0c86a1be72e4d0ea176c69ed4740
+Subproject commit 009583d58f7ea9a2a7bc7a2e62861eba48c0d911
diff --git a/packages/coreui-vue-chartjs b/packages/coreui-vue-chartjs
index a3a42cab..f3b8364d 160000
--- a/packages/coreui-vue-chartjs
+++ b/packages/coreui-vue-chartjs
@@ -1 +1 @@
-Subproject commit a3a42cabd2b34dd1b1b78cbb72d5e6cdc41ba5cd
+Subproject commit f3b8364d04dcd94c273ead1f740e1d792a5fb041
diff --git a/packages/coreui-vue/src/components/tabs/CTab.ts b/packages/coreui-vue/src/components/tabs/CTab.ts
index 1c7d8763..5eb4c513 100644
--- a/packages/coreui-vue/src/components/tabs/CTab.ts
+++ b/packages/coreui-vue/src/components/tabs/CTab.ts
@@ -5,6 +5,8 @@ const CTab = defineComponent({
   props: {
     /**
      * Toggle the disabled state for the component.
+     *
+     * @since 5.4.0
      */
     disabled: Boolean,
     /**
diff --git a/packages/docs/api/tabs/CTab.api.md b/packages/docs/api/tabs/CTab.api.md
index ed8dc7b0..7cdff394 100644
--- a/packages/docs/api/tabs/CTab.api.md
+++ b/packages/docs/api/tabs/CTab.api.md
@@ -8,6 +8,7 @@ import CTab from '@coreui/vue/src/components/tabs/CTab'
 
 #### Props
 
-| Prop name    | Description | Type           | Values | Default |
-| ------------ | ----------- | -------------- | ------ | ------- |
-| **item-key** | Item key.   | number\|string | -      | -       |
+| Prop name                                                   | Description                                  | Type           | Values | Default |
+| ----------------------------------------------------------- | -------------------------------------------- | -------------- | ------ | ------- |
+| **disabled** <br><div class="badge bg-primary">5.4.0+</div> | Toggle the disabled state for the component. | boolean        | -      | -       |
+| **item-key**                                                | Item key.                                    | number\|string | -      | -       |
diff --git a/packages/docs/api/toast/CToastHeader.api.md b/packages/docs/api/toast/CToastHeader.api.md
index fdd97dc8..a8ff8638 100644
--- a/packages/docs/api/toast/CToastHeader.api.md
+++ b/packages/docs/api/toast/CToastHeader.api.md
@@ -11,9 +11,3 @@ import CToastHeader from '@coreui/vue/src/components/toast/CToastHeader'
 | Prop name        | Description                                     | Type    | Values | Default |
 | ---------------- | ----------------------------------------------- | ------- | ------ | ------- |
 | **close-button** | Automatically add a close button to the header. | boolean | -      | -       |
-
-#### Events
-
-| Event name | Description                                   | Properties |
-| ---------- | --------------------------------------------- | ---------- |
-| **close**  | Event called after clicking the close button. |

From f9a48545538f131f0111754d74a12e688d525185 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 22 Sep 2024 15:12:08 +0200
Subject: [PATCH 322/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@typescript-eslint/eslint-plugin           ^8.5.0  →       ^8.6.0
@typescript-eslint/parser                  ^8.5.0  →       ^8.6.0
@vuepress/plugin-active-header-links  2.0.0-rc.43  →  2.0.0-rc.47
@vuepress/plugin-git                  2.0.0-rc.43  →  2.0.0-rc.44
@vuepress/plugin-register-components  2.0.0-rc.42  →  2.0.0-rc.44
@vuepress/plugin-theme-data           2.0.0-rc.43  →  2.0.0-rc.47
@vuepress/plugin-toc                  2.0.0-rc.43  →  2.0.0-rc.47
sass                                      ^1.78.0  →      ^1.79.3
rollup                                    ^4.21.3  →      ^4.22.4
vue                                        ^3.5.6  →       ^3.5.8
---
 package.json                     |  4 ++--
 packages/coreui-vue/package.json |  4 ++--
 packages/docs/package.json       | 12 ++++++------
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/package.json b/package.json
index baa6b2a6..a8e640de 100644
--- a/package.json
+++ b/package.json
@@ -22,8 +22,8 @@
     "test:update": "npm-run-all charts:test:update icons:test:update lib:test:update"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^8.5.0",
-    "@typescript-eslint/parser": "^8.5.0",
+    "@typescript-eslint/eslint-plugin": "^8.6.0",
+    "@typescript-eslint/parser": "^8.6.0",
     "@vue/eslint-config-prettier": "^9.0.0",
     "@vue/eslint-config-typescript": "^13.0.0",
     "@vue/vue3-jest": "29.2.6",
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index d21995b1..ac5ee56c 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -54,11 +54,11 @@
     "cross-env": "^7.0.3",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "rollup": "^4.21.3",
+    "rollup": "^4.22.4",
     "rollup-plugin-vue": "^6.0.0",
     "ts-jest": "^29.2.5",
     "typescript": "^5.6.2",
-    "vue": "^3.5.6",
+    "vue": "^3.5.8",
     "vue-types": "^5.1.3"
   },
   "peerDependencies": {
diff --git a/packages/docs/package.json b/packages/docs/package.json
index fd51348c..65e97cb8 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -18,18 +18,18 @@
     "@docsearch/js": "^3.6.1",
     "@vuepress/bundler-vite": "2.0.0-rc.15",
     "@vuepress/bundler-webpack": "2.0.0-rc.15",
-    "@vuepress/plugin-active-header-links": "2.0.0-rc.43",
-    "@vuepress/plugin-git": "2.0.0-rc.43",
+    "@vuepress/plugin-active-header-links": "2.0.0-rc.47",
+    "@vuepress/plugin-git": "2.0.0-rc.44",
     "@vuepress/plugin-markdown-container": "2.0.0-rc.43",
     "@vuepress/plugin-prismjs": "2.0.0-rc.37",
-    "@vuepress/plugin-theme-data": "2.0.0-rc.43",
-    "@vuepress/plugin-register-components": "2.0.0-rc.42",
-    "@vuepress/plugin-toc": "2.0.0-rc.43",
+    "@vuepress/plugin-theme-data": "2.0.0-rc.47",
+    "@vuepress/plugin-register-components": "2.0.0-rc.44",
+    "@vuepress/plugin-toc": "2.0.0-rc.47",
     "@vuepress/shared": "2.0.0-rc.15",
     "@vuepress/utils": "2.0.0-rc.15",
     "markdown-it-anchor": "^9.2.0",
     "markdown-it-include": "^2.0.0",
-    "sass": "^1.78.0",
+    "sass": "^1.79.3",
     "vue-docgen-cli": "^4.79.0",
     "vuepress": "2.0.0-rc.15"
   }

From 20a9dd2cca60f19d0e76ba6d00e315008f383478 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 22 Sep 2024 18:25:34 +0200
Subject: [PATCH 323/346] release: v5.4.0

---
 README.md                        | 2 +-
 lerna.json                       | 2 +-
 packages/coreui-vue/README.md    | 2 +-
 packages/coreui-vue/package.json | 2 +-
 packages/docs/package.json       | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index 31114030..8999a03d 100644
--- a/README.md
+++ b/README.md
@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.3.0.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.4.0.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue`
diff --git a/lerna.json b/lerna.json
index 8e4098d4..a5830df9 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,6 +1,6 @@
 {
   "npmClient": "yarn",
   "packages": ["packages/*"],
-  "version": "5.3.0",
+  "version": "5.4.0",
   "$schema": "node_modules/lerna/schemas/lerna-schema.json"
 }
diff --git a/packages/coreui-vue/README.md b/packages/coreui-vue/README.md
index 1ecdf9ed..32c3cc2a 100644
--- a/packages/coreui-vue/README.md
+++ b/packages/coreui-vue/README.md
@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.3.0.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.4.0.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue`
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index ac5ee56c..f6d14f23 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue",
-  "version": "5.3.0",
+  "version": "5.4.0",
   "description": "UI Components Library for Vue.js",
   "keywords": [
     "vue",
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 65e97cb8..e164bbd8 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue-docs",
-  "version": "5.3.0",
+  "version": "5.4.0",
   "scripts": {
     "api": "vue-docgen -c build/docgen.config.js",
     "dev": "vuepress dev --clean-cache",

From c47645c0905330aac61588d3cc25946beb541cef Mon Sep 17 00:00:00 2001
From: Sreesanth <48680973+Sreesanth46@users.noreply.github.com>
Date: Mon, 14 Oct 2024 11:44:18 +0530
Subject: [PATCH 324/346] docs: add key for looped contents

---
 packages/docs/components/dropdown.md | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/docs/components/dropdown.md b/packages/docs/components/dropdown.md
index da73b72e..cc321091 100644
--- a/packages/docs/components/dropdown.md
+++ b/packages/docs/components/dropdown.md
@@ -65,7 +65,7 @@ And with `<a>` elements:
 The best part is you can do this with any button variant, too:
 
 ::: demo
-<template v-for="(item) in ['primary', 'secondary', 'success', 'info', 'warning', 'danger']">
+<template v-for="(item) in ['primary', 'secondary', 'success', 'info', 'warning', 'danger']" :key="item">
   <CDropdown :color="item" :togglerText="item" variant="btn-group">
     <CDropdownToggle :color="item">{{item}}</CDropdownToggle>
     <CDropdownMenu>
@@ -77,7 +77,7 @@ The best part is you can do this with any button variant, too:
 </template>
 :::
 ```vue
-<template v-for="(item) in ['primary', 'secondary', 'success', 'info', 'warning', 'danger']">
+<template v-for="(item) in ['primary', 'secondary', 'success', 'info', 'warning', 'danger']" :key="item">
   <CDropdown :color="item" :togglerText="item" variant="btn-group">
     <CDropdownToggle :color="item">{{togglerText}}</CDropdownToggle>
     <CDropdownMenu>
@@ -96,7 +96,7 @@ Similarly, create split button dropdowns with virtually the same markup as singl
 We use this extra class to reduce the horizontal `padding` on either side of the caret by 25% and remove the `margin-left` that's attached for normal button dropdowns. Those additional changes hold the caret centered in the split button and implement a more properly sized hit area next to the main button.
 
 ::: demo
-<template v-for="(item) in ['primary', 'secondary', 'success', 'info', 'warning', 'danger']">
+<template v-for="(item) in ['primary', 'secondary', 'success', 'info', 'warning', 'danger']" :key="item">
   <CDropdown :color="item" :togglerText="item" variant="btn-group">
     <CButton :color="item">{{ item }}</CButton>
     <CDropdownToggle :color="item" split>{{item}}</CDropdownToggle>
@@ -109,7 +109,7 @@ We use this extra class to reduce the horizontal `padding` on either side of the
 </template>
 :::
 ```vue
-<template v-for="(item) in ['primary', 'secondary', 'success', 'info', 'warning', 'danger']">
+<template v-for="(item) in ['primary', 'secondary', 'success', 'info', 'warning', 'danger']" :key="item">
   <CDropdown :color="item" :togglerText="item" variant="btn-group">
     <CButton :color="item">{{ item }}</CButton>
     <CDropdownToggle :color="item" split>{{item}}</CDropdownToggle>
@@ -724,4 +724,4 @@ Variables for the CSS-based carets that indicate a dropdown's interactivity:
 
 !!!include(./api/dropdown/CDropdownMenu.api.md)!!!
 
-!!!include(./api/dropdown/CDropdownToggle.api.md)!!!
\ No newline at end of file
+!!!include(./api/dropdown/CDropdownToggle.api.md)!!!

From 6ca1ec92f90ef607850a552cb7a5b31a8122caae Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Tue, 29 Oct 2024 01:47:06 +0100
Subject: [PATCH 325/346] fix(CNavItem): `as` is now not a required property

---
 packages/coreui-vue/src/components/nav/CNavItem.ts | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/packages/coreui-vue/src/components/nav/CNavItem.ts b/packages/coreui-vue/src/components/nav/CNavItem.ts
index 1774dcba..48290ba7 100644
--- a/packages/coreui-vue/src/components/nav/CNavItem.ts
+++ b/packages/coreui-vue/src/components/nav/CNavItem.ts
@@ -10,7 +10,10 @@ interface CNavItemProps extends ComponentProps<typeof CNavLink> {
 const CNavItem = defineComponent({
   name: 'CNavItem',
   props: {
-    ...CNavLink.props,
+    /**
+     * Toggle the active state for the component.
+     */
+    active: Boolean,
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
@@ -18,6 +21,14 @@ const CNavItem = defineComponent({
       type: String,
       default: 'li',
     },
+    /**
+     * Toggle the disabled state for the component.
+     */
+    disabled: Boolean,
+    /**
+     * @ignore
+     */
+    href: String,
   },
   setup(props: CNavItemProps, { slots }) {
     return () =>

From 1c3a3959dfa0f25cc554f4bbac551c7bf238e77a Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Tue, 29 Oct 2024 12:41:12 +0100
Subject: [PATCH 326/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@coreui/coreui                             ^5.1.2  →       ^5.2.0
@docsearch/css                             ^3.6.1  →       ^3.6.2
@docsearch/js                              ^3.6.1  →       ^3.6.2
@rollup/plugin-commonjs                   ^26.0.1  →      ^28.0.1
@rollup/plugin-node-resolve               ^15.2.3  →      ^15.3.0
@rollup/plugin-typescript                 ^11.1.6  →      ^12.1.1
@types/jest                              ^29.5.13  →     ^29.5.14
@typescript-eslint/eslint-plugin           ^8.6.0  →      ^8.12.1
@typescript-eslint/parser                  ^8.6.0  →      ^8.12.1
@vue/eslint-config-prettier                ^9.0.0  →      ^10.1.0
@vue/eslint-config-typescript             ^13.0.0  →      ^14.1.3
@vuepress/bundler-vite                2.0.0-rc.15  →  2.0.0-rc.18
@vuepress/bundler-webpack             2.0.0-rc.15  →  2.0.0-rc.18
@vuepress/plugin-active-header-links  2.0.0-rc.47  →  2.0.0-rc.55
@vuepress/plugin-git                  2.0.0-rc.44  →  2.0.0-rc.56
@vuepress/plugin-markdown-container   2.0.0-rc.43  →  2.0.0-rc.54
@vuepress/plugin-register-components  2.0.0-rc.44  →  2.0.0-rc.54
@vuepress/plugin-theme-data           2.0.0-rc.47  →  2.0.0-rc.57
@vuepress/plugin-toc                  2.0.0-rc.47  →  2.0.0-rc.55
@vuepress/shared                      2.0.0-rc.15  →  2.0.0-rc.18
@vuepress/utils                       2.0.0-rc.15  →  2.0.0-rc.18
eslint                                     8.57.0  →       9.13.0
eslint-plugin-unicorn                     ^55.0.0  →      ^56.0.0
eslint-plugin-vue                         ^9.28.0  →      ^9.30.0
rollup                                    ^4.22.4  →      ^4.24.2
sass                                      ^1.79.3  →      ^1.80.4
typescript                                 ^5.6.2  →       ^5.6.3
vue                                        ^3.5.8  →      ^3.5.12
vuepress                              2.0.0-rc.15  →  2.0.0-rc.18
---
 packages/coreui-vue/package.json | 16 ++++++++--------
 packages/docs/package.json       | 30 +++++++++++++++---------------
 2 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index f6d14f23..44bdc2b6 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -41,24 +41,24 @@
     "test:update": "jest --coverage --updateSnapshot"
   },
   "dependencies": {
-    "@coreui/coreui": "^5.1.2",
+    "@coreui/coreui": "^5.2.0",
     "@popperjs/core": "^2.11.8"
   },
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^26.0.1",
-    "@rollup/plugin-node-resolve": "^15.2.3",
-    "@rollup/plugin-typescript": "^11.1.6",
-    "@types/jest": "^29.5.13",
+    "@rollup/plugin-commonjs": "^28.0.1",
+    "@rollup/plugin-node-resolve": "^15.3.0",
+    "@rollup/plugin-typescript": "^12.1.1",
+    "@types/jest": "^29.5.14",
     "@vue/test-utils": "^2.4.6",
     "@vue/vue3-jest": "29.2.6",
     "cross-env": "^7.0.3",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "rollup": "^4.22.4",
+    "rollup": "^4.24.2",
     "rollup-plugin-vue": "^6.0.0",
     "ts-jest": "^29.2.5",
-    "typescript": "^5.6.2",
-    "vue": "^3.5.8",
+    "typescript": "^5.6.3",
+    "vue": "^3.5.12",
     "vue-types": "^5.1.3"
   },
   "peerDependencies": {
diff --git a/packages/docs/package.json b/packages/docs/package.json
index e164bbd8..9064fb22 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -9,28 +9,28 @@
   "license": "MIT",
   "devDependencies": {
     "@coreui/chartjs": "^4.0.0",
-    "@coreui/coreui": "^5.1.2",
+    "@coreui/coreui": "^5.2.0",
     "@coreui/icons": "^3.0.1",
     "@coreui/icons-vue": "^2.2.0",
     "@coreui/utils": "^2.0.2",
     "@coreui/vue-chartjs": "^3.0.0",
-    "@docsearch/css": "^3.6.1",
-    "@docsearch/js": "^3.6.1",
-    "@vuepress/bundler-vite": "2.0.0-rc.15",
-    "@vuepress/bundler-webpack": "2.0.0-rc.15",
-    "@vuepress/plugin-active-header-links": "2.0.0-rc.47",
-    "@vuepress/plugin-git": "2.0.0-rc.44",
-    "@vuepress/plugin-markdown-container": "2.0.0-rc.43",
+    "@docsearch/css": "^3.6.2",
+    "@docsearch/js": "^3.6.2",
+    "@vuepress/bundler-vite": "2.0.0-rc.18",
+    "@vuepress/bundler-webpack": "2.0.0-rc.18",
+    "@vuepress/plugin-active-header-links": "2.0.0-rc.55",
+    "@vuepress/plugin-git": "2.0.0-rc.56",
+    "@vuepress/plugin-markdown-container": "2.0.0-rc.54",
     "@vuepress/plugin-prismjs": "2.0.0-rc.37",
-    "@vuepress/plugin-theme-data": "2.0.0-rc.47",
-    "@vuepress/plugin-register-components": "2.0.0-rc.44",
-    "@vuepress/plugin-toc": "2.0.0-rc.47",
-    "@vuepress/shared": "2.0.0-rc.15",
-    "@vuepress/utils": "2.0.0-rc.15",
+    "@vuepress/plugin-theme-data": "2.0.0-rc.57",
+    "@vuepress/plugin-register-components": "2.0.0-rc.54",
+    "@vuepress/plugin-toc": "2.0.0-rc.55",
+    "@vuepress/shared": "2.0.0-rc.18",
+    "@vuepress/utils": "2.0.0-rc.18",
     "markdown-it-anchor": "^9.2.0",
     "markdown-it-include": "^2.0.0",
-    "sass": "^1.79.3",
+    "sass": "^1.80.4",
     "vue-docgen-cli": "^4.79.0",
-    "vuepress": "2.0.0-rc.15"
+    "vuepress": "2.0.0-rc.18"
   }
 }

From 741c27b7db9077a9156a2e75342930b20a82aa94 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Tue, 29 Oct 2024 12:45:45 +0100
Subject: [PATCH 327/346] release: v5.4.1

---
 README.md                             | 2 +-
 lerna.json                            | 2 +-
 packages/coreui-vue/README.md         | 2 +-
 packages/coreui-vue/package.json      | 2 +-
 packages/docs/api/nav/CNavItem.api.md | 8 +++++---
 packages/docs/package.json            | 2 +-
 6 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/README.md b/README.md
index 8999a03d..e21d4f28 100644
--- a/README.md
+++ b/README.md
@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.4.0.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.4.1.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue`
diff --git a/lerna.json b/lerna.json
index a5830df9..6fea4400 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,6 +1,6 @@
 {
   "npmClient": "yarn",
   "packages": ["packages/*"],
-  "version": "5.4.0",
+  "version": "5.4.1",
   "$schema": "node_modules/lerna/schemas/lerna-schema.json"
 }
diff --git a/packages/coreui-vue/README.md b/packages/coreui-vue/README.md
index 32c3cc2a..d422298c 100644
--- a/packages/coreui-vue/README.md
+++ b/packages/coreui-vue/README.md
@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.4.0.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.4.1.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue`
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index 44bdc2b6..02a7b5e2 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue",
-  "version": "5.4.0",
+  "version": "5.4.1",
   "description": "UI Components Library for Vue.js",
   "keywords": [
     "vue",
diff --git a/packages/docs/api/nav/CNavItem.api.md b/packages/docs/api/nav/CNavItem.api.md
index 2a2d63d1..bba531c6 100644
--- a/packages/docs/api/nav/CNavItem.api.md
+++ b/packages/docs/api/nav/CNavItem.api.md
@@ -8,6 +8,8 @@ import CNavItem from '@coreui/vue/src/components/nav/CNavItem'
 
 #### Props
 
-| Prop name | Description                                                                             | Type   | Values | Default |
-| --------- | --------------------------------------------------------------------------------------- | ------ | ------ | ------- |
-| **as**    | Component used for the root node. Either a string to use a HTML element or a component. | string | -      | 'li'    |
+| Prop name    | Description                                                                             | Type    | Values | Default |
+| ------------ | --------------------------------------------------------------------------------------- | ------- | ------ | ------- |
+| **active**   | Toggle the active state for the component.                                              | boolean | -      | -       |
+| **as**       | Component used for the root node. Either a string to use a HTML element or a component. | string  | -      | 'li'    |
+| **disabled** | Toggle the disabled state for the component.                                            | boolean | -      | -       |
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 9064fb22..43b43f9c 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue-docs",
-  "version": "5.4.0",
+  "version": "5.4.1",
   "scripts": {
     "api": "vue-docgen -c build/docgen.config.js",
     "dev": "vuepress dev --clean-cache",

From 342ba880f1a601b5ed4bfe6541b3ed3def1320c8 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sat, 16 Nov 2024 12:10:42 +0100
Subject: [PATCH 328/346] refactor(CNavItem): pass anchor attributes to the
 internal element if the href attribute is set

---
 packages/coreui-vue/src/components/nav/CNavItem.ts | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/coreui-vue/src/components/nav/CNavItem.ts b/packages/coreui-vue/src/components/nav/CNavItem.ts
index 48290ba7..e660c01a 100644
--- a/packages/coreui-vue/src/components/nav/CNavItem.ts
+++ b/packages/coreui-vue/src/components/nav/CNavItem.ts
@@ -5,10 +5,12 @@ import type { ComponentProps } from '../../utils/ComponentProps'
 
 interface CNavItemProps extends ComponentProps<typeof CNavLink> {
   as: string
+  class: string
 }
 
 const CNavItem = defineComponent({
   name: 'CNavItem',
+  inheritAttrs: false,
   props: {
     /**
      * Toggle the active state for the component.
@@ -21,6 +23,10 @@ const CNavItem = defineComponent({
       type: String,
       default: 'li',
     },
+    /**
+     * A string of all className you want applied to the component.
+     */
+    class: String,
     /**
      * Toggle the disabled state for the component.
      */
@@ -30,17 +36,18 @@ const CNavItem = defineComponent({
      */
     href: String,
   },
-  setup(props: CNavItemProps, { slots }) {
+  setup(props: CNavItemProps, { attrs, slots }) {
     return () =>
       h(
         props.as,
         {
-          class: 'nav-item',
+          class: ['nav-item', props.class],
         },
         props.href
           ? h(
               CNavLink,
               {
+                ...attrs,
                 active: props.active,
                 disabled: props.disabled,
                 href: props.href,

From 8c2827790d607a449aeafc821a80d7848a8438ba Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Tue, 7 Jan 2025 22:39:15 +0100
Subject: [PATCH 329/346] refactor(CAccordion): improve component accessibility

---
 .../src/components/accordion/CAccordionBody.ts     |  3 ++-
 .../src/components/accordion/CAccordionButton.ts   |  4 +++-
 .../src/components/accordion/CAccordionItem.ts     | 14 +++++++++++---
 3 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/packages/coreui-vue/src/components/accordion/CAccordionBody.ts b/packages/coreui-vue/src/components/accordion/CAccordionBody.ts
index 4a8d83ff..c8907021 100644
--- a/packages/coreui-vue/src/components/accordion/CAccordionBody.ts
+++ b/packages/coreui-vue/src/components/accordion/CAccordionBody.ts
@@ -4,11 +4,12 @@ import { CCollapse } from '../collapse/CCollapse'
 const CAccordionBody = defineComponent({
   name: 'CAccordionBody',
   setup(_, { slots }) {
+    const id = inject('id')
     const visible = inject('visible') as Ref<boolean>
     return () =>
       h(
         CCollapse,
-        { class: 'accordion-collapse', visible: visible.value },
+        { class: 'accordion-collapse', id, visible: visible.value },
         {
           default: () => h('div', { class: ['accordion-body'] }, slots.default && slots.default()),
         },
diff --git a/packages/coreui-vue/src/components/accordion/CAccordionButton.ts b/packages/coreui-vue/src/components/accordion/CAccordionButton.ts
index 69ab7a00..f9820b4a 100644
--- a/packages/coreui-vue/src/components/accordion/CAccordionButton.ts
+++ b/packages/coreui-vue/src/components/accordion/CAccordionButton.ts
@@ -3,6 +3,7 @@ import { defineComponent, h, inject, Ref } from 'vue'
 const CAccordionButton = defineComponent({
   name: 'CAccordionButton',
   setup(_, { slots }) {
+    const id = inject('id') as string
     const toggleVisibility = inject('toggleVisibility') as () => void
     const visible = inject('visible') as Ref<boolean>
 
@@ -11,7 +12,8 @@ const CAccordionButton = defineComponent({
         'button',
         {
           type: 'button',
-          'aria-expanded': !visible.value,
+          'aria-control': id,
+          'aria-expanded': visible.value,
           class: ['accordion-button', { ['collapsed']: !visible.value }],
           onClick: () => toggleVisibility(),
         },
diff --git a/packages/coreui-vue/src/components/accordion/CAccordionItem.ts b/packages/coreui-vue/src/components/accordion/CAccordionItem.ts
index 20575085..f2ebe594 100644
--- a/packages/coreui-vue/src/components/accordion/CAccordionItem.ts
+++ b/packages/coreui-vue/src/components/accordion/CAccordionItem.ts
@@ -1,8 +1,12 @@
-import { defineComponent, h, inject, provide, ref, watch, Ref } from 'vue'
+import { defineComponent, h, inject, provide, ref, watch, Ref, useId } from 'vue'
 
 const CAccordionItem = defineComponent({
   name: 'CAccordionItem',
   props: {
+    /**
+     * The id global attribute defines an identifier (ID) that must be unique in the whole document.
+     */
+    id: String,
     /**
      * The item key.
      */
@@ -13,16 +17,20 @@ const CAccordionItem = defineComponent({
     const alwaysOpen = inject('alwaysOpen') as boolean
     const setActiveItemKey = inject('setActiveItemKey') as (key: number | string) => void
 
-    const itemKey = ref(props.itemKey ?? Math.random().toString(36).slice(2, 11))
+    const id = props.id ?? useId()
+    const itemKey = ref(props.itemKey ?? id)
     const visible = ref(Boolean(activeItemKey.value === itemKey.value))
 
     watch(activeItemKey, () => (visible.value = Boolean(activeItemKey.value === itemKey.value)))
 
     const toggleVisibility = () => {
       visible.value = !visible.value
-      !alwaysOpen && visible && setActiveItemKey(itemKey.value)
+      if (!alwaysOpen && visible) {
+        setActiveItemKey(itemKey.value)
+      }
     }
 
+    provide('id', id)
     provide('visible', visible)
     provide('toggleVisibility', toggleVisibility)
 

From 7a65f3674bca057e74196736d8d052f7c765034b Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Tue, 7 Jan 2025 22:46:32 +0100
Subject: [PATCH 330/346] fix(CNavGroup): add the missing href attribute to the
 toggler

---
 packages/coreui-vue/src/components/nav/CNavGroup.ts | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/coreui-vue/src/components/nav/CNavGroup.ts b/packages/coreui-vue/src/components/nav/CNavGroup.ts
index 2c83ccdf..7c45bd7c 100644
--- a/packages/coreui-vue/src/components/nav/CNavGroup.ts
+++ b/packages/coreui-vue/src/components/nav/CNavGroup.ts
@@ -41,7 +41,10 @@ const CNavGroup = defineComponent({
 
     onMounted(() => {
       visible.value = props.visible
-      props.visible && navGroupRef.value.classList.add('show')
+      if (props.visible) {
+        navGroupRef.value.classList.add('show')
+      }
+
       emit('visible-change', visible.value)
     })
 
@@ -60,7 +63,8 @@ const CNavGroup = defineComponent({
       emit('visible-change', visible.value)
     })
 
-    const handleTogglerClick = () => {
+    const handleTogglerClick = (event: Event) => {
+      event.preventDefault()
       visible.value = !visible.value
       emit('visible-change', visible.value)
     }
@@ -111,6 +115,7 @@ const CNavGroup = defineComponent({
               'a',
               {
                 class: ['nav-link', 'nav-group-toggle'],
+                href: '#',
                 onClick: handleTogglerClick,
               },
               slots.togglerContent && slots.togglerContent(),

From 0f0a66d2dce66b99e449484a38fdb09550f00ea2 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Wed, 8 Jan 2025 11:10:59 +0100
Subject: [PATCH 331/346] build: upgrade ESLint to v9.x

---
 .eslintignore     |  3 --
 .eslintrc.js      | 75 ----------------------------------------------
 eslint.config.mjs | 76 +++++++++++++++++++++++++++++++++++++++++++++++
 package.json      | 18 +++++------
 4 files changed, 84 insertions(+), 88 deletions(-)
 delete mode 100644 .eslintignore
 delete mode 100644 .eslintrc.js
 create mode 100644 eslint.config.mjs

diff --git a/.eslintignore b/.eslintignore
deleted file mode 100644
index 1846284b..00000000
--- a/.eslintignore
+++ /dev/null
@@ -1,3 +0,0 @@
-/dist/**
-/docs/**
-.eslintrc.js
\ No newline at end of file
diff --git a/.eslintrc.js b/.eslintrc.js
deleted file mode 100644
index a0662dcd..00000000
--- a/.eslintrc.js
+++ /dev/null
@@ -1,75 +0,0 @@
-/**
- * Copyright (c) 2013-present, creativeLabs Lukasz Holeczek.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-'use strict'
-
-module.exports = {
-  root: true, // So parent files don't get applied
-  env: {
-    es6: true,
-    browser: true,
-    node: true,
-  },
-  parser: '@typescript-eslint/parser', // Specifies the ESLint parser
-  parserOptions: {
-    ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features
-    sourceType: 'module', // Allows for the use of imports
-    extraFileExtensions: ['.vue'],
-  },
-  extends: [
-    'eslint:recommended',
-    'plugin:vue/vue3-recommended',
-    'plugin:prettier/recommended',
-    'plugin:unicorn/recommended',
-    '@vue/eslint-config-typescript/recommended',
-    '@vue/eslint-config-prettier',
-  ],
-  rules: {
-    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-    'unicorn/filename-case': 'off',
-    'unicorn/no-array-for-each': 'off',
-    'unicorn/no-null': 'off',
-    'unicorn/prefer-dom-node-append': 'off',
-    'unicorn/prefer-export-from': 'off',
-    'unicorn/prefer-query-selector': 'off',
-    'unicorn/prevent-abbreviations': 'off',
-    'vue/require-default-prop': 'off',
-  },
-  overrides: [
-    {
-      files: ['**/*.mjs'],
-      env: {
-        browser: false,
-        node: true,
-      },
-      parserOptions: {
-        sourceType: 'module',
-      },
-    },
-    {
-      files: ['**/__tests__/*.{j,t}s?(x)', '**/tests/unit/**/*.spec.{j,t}s?(x)'],
-      env: {
-        jest: true,
-      },
-    },
-    {
-      files: ['packages/docs/build/**'],
-      env: {
-        browser: false,
-        node: true,
-      },
-      parserOptions: {
-        sourceType: 'script',
-      },
-      rules: {
-        'no-console': 'off',
-        strict: 'error',
-      },
-    },
-  ],
-}
diff --git a/eslint.config.mjs b/eslint.config.mjs
new file mode 100644
index 00000000..3cee3965
--- /dev/null
+++ b/eslint.config.mjs
@@ -0,0 +1,76 @@
+import eslint from '@eslint/js'
+import eslintPluginUnicorn from 'eslint-plugin-unicorn'
+import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended'
+import eslintPluginVue from 'eslint-plugin-vue'
+import globals from 'globals'
+import typescriptEslint from 'typescript-eslint'
+
+export default typescriptEslint.config(
+  { ignores: ['**/*.d.ts', '**/coverage', '**/dist', '**/docs', 'eslint.config.mjs'] },
+  {
+    extends: [
+      eslint.configs.recommended,
+      ...typescriptEslint.configs.recommended,
+      ...eslintPluginVue.configs['flat/recommended'],
+      eslintPluginUnicorn.configs['flat/recommended'],
+    ],
+    files: ['packages/**/src/**/*.{js,ts,tsx}'],
+    languageOptions: {
+      ecmaVersion: 'latest',
+      sourceType: 'module',
+      globals: globals.browser,
+      parserOptions: {
+        parser: typescriptEslint.parser,
+      },
+    },
+    rules: {
+      'no-console': 'off',
+      'no-debugger': 'off',
+      'unicorn/filename-case': 'off',
+      'unicorn/no-array-for-each': 'off',
+      'unicorn/no-null': 'off',
+      'unicorn/prefer-dom-node-append': 'off',
+      'unicorn/prefer-export-from': 'off',
+      'unicorn/prefer-query-selector': 'off',
+      'unicorn/prevent-abbreviations': 'off',
+      'vue/require-default-prop': 'off',
+    },
+  },
+  {
+    files: ['**/*.mjs'],
+    languageOptions: {
+      globals: {
+        ...Object.fromEntries(Object.entries(globals.browser).map(([key]) => [key, 'off'])),
+        ...globals.node,
+      },
+
+      ecmaVersion: 5,
+      sourceType: 'module',
+    },
+  },
+  {
+    files: ['**/__tests__/*.{j,t}s?(x)', '**/tests/unit/**/*.spec.{j,t}s?(x)'],
+    languageOptions: {
+      globals: {
+        ...globals.jest,
+      },
+    },
+  },
+  {
+    files: ['packages/docs/build/**'],
+    languageOptions: {
+      globals: {
+        ...Object.fromEntries(Object.entries(globals.browser).map(([key]) => [key, 'off'])),
+        ...globals.node,
+      },
+
+      ecmaVersion: 5,
+      sourceType: 'commonjs',
+    },
+    rules: {
+      'no-console': 'off',
+      strict: 'error',
+    },
+  },
+  eslintPluginPrettierRecommended,
+)
diff --git a/package.json b/package.json
index a8e640de..37eb604e 100644
--- a/package.json
+++ b/package.json
@@ -17,23 +17,21 @@
     "lib:build": "lerna run --scope \"@coreui/vue\" build --stream",
     "lib:test": "lerna run --scope \"@coreui/vue\" test --stream",
     "lib:test:update": "lerna run --scope \"@coreui/vue\" test:update --stream",
-    "lint": "eslint \"packages/**/src/**/*.{js,ts,tsx}\"",
+    "lint": "eslint",
     "test": "npm-run-all charts:test icons:test lib:test",
     "test:update": "npm-run-all charts:test:update icons:test:update lib:test:update"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^8.6.0",
-    "@typescript-eslint/parser": "^8.6.0",
-    "@vue/eslint-config-prettier": "^9.0.0",
-    "@vue/eslint-config-typescript": "^13.0.0",
     "@vue/vue3-jest": "29.2.6",
-    "eslint": "8.57.0",
-    "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-vue": "^9.28.0",
+    "eslint": "^9.17.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-unicorn": "^55.0.0",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-unicorn": "^56.0.1",
+    "eslint-plugin-vue": "^9.32.0",
+    "globals": "^15.14.0",
     "lerna": "^8.1.8",
     "npm-run-all": "^4.1.5",
-    "prettier": "^3.3.3"
+    "prettier": "^3.3.3",
+    "typescript-eslint": "^8.19.1"
   }
 }

From ad4bfdfdb99fae7b710b688089731c33812ce742 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Wed, 8 Jan 2025 11:17:13 +0100
Subject: [PATCH 332/346] build: migrate `.prettierrc.js` to
 `eslint.config.mjs`

---
 .prettierrc.js      |  7 -------
 eslint.config.mjs   |  4 ++--
 prettier.config.mjs | 13 +++++++++++++
 3 files changed, 15 insertions(+), 9 deletions(-)
 delete mode 100644 .prettierrc.js
 create mode 100644 prettier.config.mjs

diff --git a/.prettierrc.js b/.prettierrc.js
deleted file mode 100644
index 415ca057..00000000
--- a/.prettierrc.js
+++ /dev/null
@@ -1,7 +0,0 @@
-module.exports = {
-  semi: false,
-  trailingComma: "all",
-  singleQuote: true,
-  printWidth: 100,
-  tabWidth: 2
-};
\ No newline at end of file
diff --git a/eslint.config.mjs b/eslint.config.mjs
index 3cee3965..15164bf5 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -6,7 +6,7 @@ import globals from 'globals'
 import typescriptEslint from 'typescript-eslint'
 
 export default typescriptEslint.config(
-  { ignores: ['**/*.d.ts', '**/coverage', '**/dist', '**/docs', 'eslint.config.mjs'] },
+  { ignores: ['**/*.d.ts', '**/coverage', '**/dist', '**/docs'] },
   {
     extends: [
       eslint.configs.recommended,
@@ -44,7 +44,7 @@ export default typescriptEslint.config(
         ...globals.node,
       },
 
-      ecmaVersion: 5,
+      ecmaVersion: 'latest',
       sourceType: 'module',
     },
   },
diff --git a/prettier.config.mjs b/prettier.config.mjs
new file mode 100644
index 00000000..6e0ae723
--- /dev/null
+++ b/prettier.config.mjs
@@ -0,0 +1,13 @@
+/**
+ * @see https://prettier.io/docs/en/configuration.html
+ * @type {import("prettier").Config}
+ */
+const config = {
+  printWidth: 100,
+  semi: false,
+  singleQuote: true,
+  tabWidth: 2,
+  trailingComma: 'es5',
+};
+
+export default config;
\ No newline at end of file

From 83d380c315404eb6152cfed0b2d687a82507fed1 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Wed, 8 Jan 2025 11:18:14 +0100
Subject: [PATCH 333/346] chore: dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

lerna     ^8.1.8  →  ^8.1.9
prettier  ^3.3.3  →  ^3.4.2
---
 package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 37eb604e..9b945921 100644
--- a/package.json
+++ b/package.json
@@ -29,9 +29,9 @@
     "eslint-plugin-unicorn": "^56.0.1",
     "eslint-plugin-vue": "^9.32.0",
     "globals": "^15.14.0",
-    "lerna": "^8.1.8",
+    "lerna": "^8.1.9",
     "npm-run-all": "^4.1.5",
-    "prettier": "^3.3.3",
+    "prettier": "^3.4.2",
     "typescript-eslint": "^8.19.1"
   }
 }

From 9eb188014652f1c912900539e2aa3145f5123edc Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Wed, 8 Jan 2025 11:19:46 +0100
Subject: [PATCH 334/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@rollup/plugin-commonjs      ^28.0.1  →  ^28.0.2
@rollup/plugin-node-resolve  ^15.3.0  →  ^16.0.0
@rollup/plugin-typescript    ^12.1.1  →  ^12.1.2
rollup                       ^4.24.2  →  ^4.30.1
typescript                    ^5.6.3  →   ^5.7.2
vue                          ^3.5.12  →  ^3.5.13
---
 packages/coreui-vue/package.json | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index 02a7b5e2..bc94fec7 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -45,20 +45,20 @@
     "@popperjs/core": "^2.11.8"
   },
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^28.0.1",
-    "@rollup/plugin-node-resolve": "^15.3.0",
-    "@rollup/plugin-typescript": "^12.1.1",
+    "@rollup/plugin-commonjs": "^28.0.2",
+    "@rollup/plugin-node-resolve": "^16.0.0",
+    "@rollup/plugin-typescript": "^12.1.2",
     "@types/jest": "^29.5.14",
     "@vue/test-utils": "^2.4.6",
     "@vue/vue3-jest": "29.2.6",
     "cross-env": "^7.0.3",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "rollup": "^4.24.2",
+    "rollup": "^4.30.1",
     "rollup-plugin-vue": "^6.0.0",
     "ts-jest": "^29.2.5",
-    "typescript": "^5.6.3",
-    "vue": "^3.5.12",
+    "typescript": "^5.7.2",
+    "vue": "^3.5.13",
     "vue-types": "^5.1.3"
   },
   "peerDependencies": {

From 9ffefe651379f6a02b7f9748811b83ee4095c125 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Wed, 8 Jan 2025 11:23:55 +0100
Subject: [PATCH 335/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@docsearch/css                             ^3.6.2  →       ^3.8.2
@docsearch/js                              ^3.6.2  →       ^3.8.2
@vuepress/bundler-vite                2.0.0-rc.18  →  2.0.0-rc.19
@vuepress/bundler-webpack             2.0.0-rc.18  →  2.0.0-rc.19
@vuepress/plugin-active-header-links  2.0.0-rc.55  →  2.0.0-rc.69
@vuepress/plugin-git                  2.0.0-rc.56  →  2.0.0-rc.68
@vuepress/plugin-markdown-container   2.0.0-rc.54  →  2.0.0-rc.66
@vuepress/plugin-register-components  2.0.0-rc.54  →  2.0.0-rc.66
@vuepress/plugin-theme-data           2.0.0-rc.57  →  2.0.0-rc.69
@vuepress/plugin-toc                  2.0.0-rc.55  →  2.0.0-rc.66
@vuepress/shared                      2.0.0-rc.18  →  2.0.0-rc.19
@vuepress/utils                       2.0.0-rc.18  →  2.0.0-rc.19
sass                                      ^1.80.4  →      ^1.83.1
vuepress                              2.0.0-rc.18  →  2.0.0-rc.19
---
 packages/docs/package.json | 28 ++++++++++++++--------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/packages/docs/package.json b/packages/docs/package.json
index 43b43f9c..45028b48 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -14,23 +14,23 @@
     "@coreui/icons-vue": "^2.2.0",
     "@coreui/utils": "^2.0.2",
     "@coreui/vue-chartjs": "^3.0.0",
-    "@docsearch/css": "^3.6.2",
-    "@docsearch/js": "^3.6.2",
-    "@vuepress/bundler-vite": "2.0.0-rc.18",
-    "@vuepress/bundler-webpack": "2.0.0-rc.18",
-    "@vuepress/plugin-active-header-links": "2.0.0-rc.55",
-    "@vuepress/plugin-git": "2.0.0-rc.56",
-    "@vuepress/plugin-markdown-container": "2.0.0-rc.54",
+    "@docsearch/css": "^3.8.2",
+    "@docsearch/js": "^3.8.2",
+    "@vuepress/bundler-vite": "2.0.0-rc.19",
+    "@vuepress/bundler-webpack": "2.0.0-rc.19",
+    "@vuepress/plugin-active-header-links": "2.0.0-rc.69",
+    "@vuepress/plugin-git": "2.0.0-rc.68",
+    "@vuepress/plugin-markdown-container": "2.0.0-rc.66",
     "@vuepress/plugin-prismjs": "2.0.0-rc.37",
-    "@vuepress/plugin-theme-data": "2.0.0-rc.57",
-    "@vuepress/plugin-register-components": "2.0.0-rc.54",
-    "@vuepress/plugin-toc": "2.0.0-rc.55",
-    "@vuepress/shared": "2.0.0-rc.18",
-    "@vuepress/utils": "2.0.0-rc.18",
+    "@vuepress/plugin-theme-data": "2.0.0-rc.69",
+    "@vuepress/plugin-register-components": "2.0.0-rc.66",
+    "@vuepress/plugin-toc": "2.0.0-rc.66",
+    "@vuepress/shared": "2.0.0-rc.19",
+    "@vuepress/utils": "2.0.0-rc.19",
     "markdown-it-anchor": "^9.2.0",
     "markdown-it-include": "^2.0.0",
-    "sass": "^1.80.4",
+    "sass": "^1.83.1",
     "vue-docgen-cli": "^4.79.0",
-    "vuepress": "2.0.0-rc.18"
+    "vuepress": "2.0.0-rc.19"
   }
 }

From 8b7e683d8eb50ca3a030d2b05ede1cf9e2c4bf75 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Wed, 8 Jan 2025 11:37:43 +0100
Subject: [PATCH 336/346] chore: update the current year

---
 LICENSE | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/LICENSE b/LICENSE
index f19fc729..fbb053e0 100644
--- a/LICENSE
+++ b/LICENSE
@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2021 creativeLabs Łukasz Holeczek
+Copyright (c) 2025 creativeLabs Łukasz Holeczek
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
@@ -18,4 +18,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
\ No newline at end of file
+SOFTWARE.

From 49180937bf5172e80f3fb2a578db44012cff1b80 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Wed, 8 Jan 2025 11:38:12 +0100
Subject: [PATCH 337/346] chore: update the current year

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index e21d4f28..3d4aab99 100644
--- a/README.md
+++ b/README.md
@@ -227,4 +227,4 @@ CoreUI is an MIT-licensed open source project and is completely free to use. How
 
 ## Copyright and license
 
-Copyright 2024 creativeLabs Łukasz Holeczek. Code released under the [MIT License](https://github.com/coreui/coreui-vue/blob/main/LICENSE). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/).
+Copyright 2025 creativeLabs Łukasz Holeczek. Code released under the [MIT License](https://github.com/coreui/coreui-vue/blob/main/LICENSE). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/).

From 9f310bb700dee6f30dab3748de333a605127d0fc Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Tue, 6 May 2025 13:45:48 +0200
Subject: [PATCH 338/346] build: add .prettierc for docgen cli

---
 packages/docs/.prettierrc                         |  8 ++++++++
 packages/docs/api/accordion/CAccordionItem.api.md |  7 ++++---
 packages/docs/api/form/CFormControlWrapper.api.md | 11 ++++++-----
 packages/docs/api/nav/CNavItem.api.md             |  1 +
 4 files changed, 19 insertions(+), 8 deletions(-)
 create mode 100644 packages/docs/.prettierrc

diff --git a/packages/docs/.prettierrc b/packages/docs/.prettierrc
new file mode 100644
index 00000000..53e4559d
--- /dev/null
+++ b/packages/docs/.prettierrc
@@ -0,0 +1,8 @@
+{
+  "semi": false,
+  "trailingComma": "es5",
+  "singleQuote": true,
+  "printWidth": 100,
+  "tabWidth": 2
+  
+}
diff --git a/packages/docs/api/accordion/CAccordionItem.api.md b/packages/docs/api/accordion/CAccordionItem.api.md
index 753acd83..3e07d5aa 100644
--- a/packages/docs/api/accordion/CAccordionItem.api.md
+++ b/packages/docs/api/accordion/CAccordionItem.api.md
@@ -8,6 +8,7 @@ import CAccordionItem from '@coreui/vue/src/components/accordion/CAccordionItem'
 
 #### Props
 
-| Prop name    | Description   | Type           | Values | Default |
-| ------------ | ------------- | -------------- | ------ | ------- |
-| **item-key** | The item key. | number\|string | -      | -       |
+| Prop name    | Description                                                                                   | Type           | Values | Default |
+| ------------ | --------------------------------------------------------------------------------------------- | -------------- | ------ | ------- |
+| **id**       | The id global attribute defines an identifier (ID) that must be unique in the whole document. | string         | -      | -       |
+| **item-key** | The item key.                                                                                 | number\|string | -      | -       |
diff --git a/packages/docs/api/form/CFormControlWrapper.api.md b/packages/docs/api/form/CFormControlWrapper.api.md
index c4d97891..ebce3a46 100644
--- a/packages/docs/api/form/CFormControlWrapper.api.md
+++ b/packages/docs/api/form/CFormControlWrapper.api.md
@@ -8,8 +8,9 @@ import CFormControlWrapper from '@coreui/vue/src/components/form/CFormControlWra
 
 #### Props
 
-| Prop name                                                         | Description                                                                                                                                         | Type   | Values | Default |
-| ----------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- | ------ | ------ | ------- |
-| **floating-label** <br><div class="badge bg-primary">4.3.0+</div> | Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | string | -      | -       |
-| **label** <br><div class="badge bg-primary">4.3.0+</div>          | Add a caption for a component.                                                                                                                      | string | -      | -       |
-| **text** <br><div class="badge bg-primary">4.3.0+</div>           | Add helper text to the component.                                                                                                                   | string | -      | -       |
+| Prop name                                                              | Description                                                                                                                                         | Type   | Values | Default |
+| ---------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- | ------ | ------ | ------- |
+| **floating-class-name** <br><div class="badge bg-primary">5.5.0+</div> | A string of all className you want applied to the floating label wrapper.                                                                           | string | -      | -       |
+| **floating-label** <br><div class="badge bg-primary">4.3.0+</div>      | Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | string | -      | -       |
+| **label** <br><div class="badge bg-primary">4.3.0+</div>               | Add a caption for a component.                                                                                                                      | string | -      | -       |
+| **text** <br><div class="badge bg-primary">4.3.0+</div>                | Add helper text to the component.                                                                                                                   | string | -      | -       |
diff --git a/packages/docs/api/nav/CNavItem.api.md b/packages/docs/api/nav/CNavItem.api.md
index bba531c6..788b3792 100644
--- a/packages/docs/api/nav/CNavItem.api.md
+++ b/packages/docs/api/nav/CNavItem.api.md
@@ -12,4 +12,5 @@ import CNavItem from '@coreui/vue/src/components/nav/CNavItem'
 | ------------ | --------------------------------------------------------------------------------------- | ------- | ------ | ------- |
 | **active**   | Toggle the active state for the component.                                              | boolean | -      | -       |
 | **as**       | Component used for the root node. Either a string to use a HTML element or a component. | string  | -      | 'li'    |
+| **class**    | A string of all className you want applied to the component.                            | string  | -      | -       |
 | **disabled** | Toggle the disabled state for the component.                                            | boolean | -      | -       |

From c43c76b9d991041b19ad06912469585031236928 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Tue, 6 May 2025 13:48:40 +0200
Subject: [PATCH 339/346] feat(CFormControlWrapper): allow passing class names
 to the CFormFloaging component

---
 .../components/form/CFormControlWrapper.ts    | 48 ++++++++++++-------
 1 file changed, 31 insertions(+), 17 deletions(-)

diff --git a/packages/coreui-vue/src/components/form/CFormControlWrapper.ts b/packages/coreui-vue/src/components/form/CFormControlWrapper.ts
index bdecc2ff..0ed3d195 100644
--- a/packages/coreui-vue/src/components/form/CFormControlWrapper.ts
+++ b/packages/coreui-vue/src/components/form/CFormControlWrapper.ts
@@ -7,6 +7,7 @@ import { CFormText } from './CFormText'
 import type { ComponentProps } from '../../utils/ComponentProps'
 
 interface CFormControlWrapperProps extends ComponentProps<typeof CFormControlValidation> {
+  floatingClassName?: string
   floatingLabel?: string
   id?: string
   label?: string
@@ -18,6 +19,12 @@ const CFormControlWrapper = defineComponent({
   inheritAttrs: false,
   props: {
     ...CFormControlValidation.props,
+    /**
+     * A string of all className you want applied to the floating label wrapper.
+     *
+     * @since 5.5.0
+     */
+    floatingClassName: String,
     /**
      * Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
      *
@@ -69,29 +76,36 @@ const CFormControlWrapper = defineComponent({
 
     return () =>
       props.floatingLabel
-        ? h(CFormFloating, () => [
-            slots.default && slots.default(),
-            h(
-              CFormLabel,
-              {
-                for: props.id,
-              },
-              {
-                default: () => (slots.label && slots.label()) || props.label || props.floatingLabel,
-              },
-            ),
-            (props.text || slots.text) &&
+        ? h(
+            CFormFloating,
+            {
+              class: props.floatingClassName,
+            },
+            () => [
+              slots.default && slots.default(),
               h(
-                CFormText,
+                CFormLabel,
                 {
-                  id: props.describedby,
+                  for: props.id,
                 },
                 {
-                  default: () => (slots.text && slots.text()) || props.text,
+                  default: () =>
+                    (slots.label && slots.label()) || props.label || props.floatingLabel,
                 },
               ),
-            formControlValidation(),
-          ])
+              (props.text || slots.text) &&
+                h(
+                  CFormText,
+                  {
+                    id: props.describedby,
+                  },
+                  {
+                    default: () => (slots.text && slots.text()) || props.text,
+                  },
+                ),
+              formControlValidation(),
+            ],
+          )
         : [
             (props.label || slots.label) &&
               h(

From e024754a69ab46b041d781de23c0401cfed8bcdd Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Tue, 6 May 2025 14:05:22 +0200
Subject: [PATCH 340/346] chore: clean-up

---
 prettier.config.mjs | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/prettier.config.mjs b/prettier.config.mjs
index 6e0ae723..c901ceaf 100644
--- a/prettier.config.mjs
+++ b/prettier.config.mjs
@@ -8,6 +8,6 @@ const config = {
   singleQuote: true,
   tabWidth: 2,
   trailingComma: 'es5',
-};
+}
 
-export default config;
\ No newline at end of file
+export default config

From ed1b8df741c2d37a1da4a854d72557e48491384c Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Wed, 4 Jun 2025 12:12:02 +0200
Subject: [PATCH 341/346] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@coreui/coreui                ^5.2.0  →   ^5.4.0
@docsearch/css                ^3.8.2  →   ^3.9.0
@docsearch/js                 ^3.8.2  →   ^3.9.0
@rollup/plugin-commonjs      ^28.0.2  →  ^28.0.3
@rollup/plugin-node-resolve  ^16.0.0  →  ^16.0.1
eslint                       ^9.17.0  →  ^9.28.0
eslint-config-prettier        ^9.1.0  →  ^10.1.5
eslint-plugin-prettier        ^5.2.1  →   ^5.4.1
eslint-plugin-unicorn        ^56.0.1  →  ^59.0.1
eslint-plugin-vue            ^9.32.0  →  ^10.1.0
globals                     ^15.14.0  →  ^16.2.0
lerna                         ^8.1.9  →   ^8.2.2
prettier                      ^3.4.2  →   ^3.5.3
rollup                       ^4.30.1  →  ^4.41.1
sass                         ^1.83.1  →  ^1.89.1
ts-jest                      ^29.2.5  →  ^29.3.4
typescript                    ^5.7.2  →   ^5.8.3
typescript-eslint            ^8.19.1  →  ^8.33.1
vue                          ^3.5.13  →  ^3.5.16
vue-types                     ^5.1.3  →   ^6.0.0
---
 package.json                                  |  18 +-
 packages/coreui-vue/package.json              |  16 +-
 .../src/components/stepper/CStepper.ts        | 266 ++++++++++++++++++
 .../stepper/__tests__/CBadge.spec.ts          |  39 +++
 .../__snapshots__/CBadge.spec.ts.snap         |  15 +
 .../src/components/stepper/index.ts           |  10 +
 .../src/components/stepper/types.ts           |  20 ++
 packages/docs/package.json                    |   8 +-
 8 files changed, 371 insertions(+), 21 deletions(-)
 create mode 100644 packages/coreui-vue/src/components/stepper/CStepper.ts
 create mode 100644 packages/coreui-vue/src/components/stepper/__tests__/CBadge.spec.ts
 create mode 100644 packages/coreui-vue/src/components/stepper/__tests__/__snapshots__/CBadge.spec.ts.snap
 create mode 100644 packages/coreui-vue/src/components/stepper/index.ts
 create mode 100644 packages/coreui-vue/src/components/stepper/types.ts

diff --git a/package.json b/package.json
index 9b945921..7b5343e7 100644
--- a/package.json
+++ b/package.json
@@ -23,15 +23,15 @@
   },
   "devDependencies": {
     "@vue/vue3-jest": "29.2.6",
-    "eslint": "^9.17.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-unicorn": "^56.0.1",
-    "eslint-plugin-vue": "^9.32.0",
-    "globals": "^15.14.0",
-    "lerna": "^8.1.9",
+    "eslint": "^9.28.0",
+    "eslint-config-prettier": "^10.1.5",
+    "eslint-plugin-prettier": "^5.4.1",
+    "eslint-plugin-unicorn": "^59.0.1",
+    "eslint-plugin-vue": "^10.1.0",
+    "globals": "^16.2.0",
+    "lerna": "^8.2.2",
     "npm-run-all": "^4.1.5",
-    "prettier": "^3.4.2",
-    "typescript-eslint": "^8.19.1"
+    "prettier": "^3.5.3",
+    "typescript-eslint": "^8.33.1"
   }
 }
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index bc94fec7..7cbb6585 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -41,12 +41,12 @@
     "test:update": "jest --coverage --updateSnapshot"
   },
   "dependencies": {
-    "@coreui/coreui": "^5.2.0",
+    "@coreui/coreui": "^5.4.0",
     "@popperjs/core": "^2.11.8"
   },
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^28.0.2",
-    "@rollup/plugin-node-resolve": "^16.0.0",
+    "@rollup/plugin-commonjs": "^28.0.3",
+    "@rollup/plugin-node-resolve": "^16.0.1",
     "@rollup/plugin-typescript": "^12.1.2",
     "@types/jest": "^29.5.14",
     "@vue/test-utils": "^2.4.6",
@@ -54,12 +54,12 @@
     "cross-env": "^7.0.3",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "rollup": "^4.30.1",
+    "rollup": "^4.41.1",
     "rollup-plugin-vue": "^6.0.0",
-    "ts-jest": "^29.2.5",
-    "typescript": "^5.7.2",
-    "vue": "^3.5.13",
-    "vue-types": "^5.1.3"
+    "ts-jest": "^29.3.4",
+    "typescript": "^5.8.3",
+    "vue": "^3.5.16",
+    "vue-types": "^6.0.0"
   },
   "peerDependencies": {
     "vue": "^3.5.0"
diff --git a/packages/coreui-vue/src/components/stepper/CStepper.ts b/packages/coreui-vue/src/components/stepper/CStepper.ts
new file mode 100644
index 00000000..42df9bf4
--- /dev/null
+++ b/packages/coreui-vue/src/components/stepper/CStepper.ts
@@ -0,0 +1,266 @@
+// CStepper.ts
+import {
+  defineComponent,
+  h,
+  ref,
+  watch,
+  computed,
+  nextTick,
+  onMounted,
+  toRefs,
+  shallowRef,
+  watchEffect,
+} from 'vue'
+import { CCollapse } from '../collapse'
+import type { StepperStepData, StepperStepValidationResult } from './types'
+
+export const CStepper = defineComponent({
+  name: 'CStepper',
+  inheritAttrs: false,
+  props: {
+    modelValue: Number,
+    defaultActiveStepIndex: {
+      type: Number,
+      default: 0,
+    },
+    layout: {
+      type: String as () => 'horizontal' | 'vertical',
+      default: 'horizontal',
+    },
+    linear: {
+      type: Boolean,
+      default: true,
+    },
+    steps: {
+      type: Array as () => StepperStepData[],
+      required: true,
+    },
+    stepButtonLayout: {
+      type: String as () => 'horizontal' | 'vertical',
+      default: 'horizontal',
+    },
+    validation: {
+      type: Boolean,
+      default: true,
+    },
+    id: String,
+  },
+  emits: ['update:modelValue', 'finish', 'reset', 'stepChange', 'stepValidationComplete'],
+  setup(props, { emit, slots, attrs, expose }) {
+    const { modelValue, defaultActiveStepIndex, validation, steps, layout, linear } = toRefs(props)
+
+    const activeStepIndex = ref<number>(modelValue.value ?? defaultActiveStepIndex.value ?? 0)
+    const isControlled = computed(() => modelValue.value !== undefined)
+    const isFinished = ref(false)
+    const stepsRef = ref<HTMLOListElement | null>(null)
+    const stepButtonRefs = shallowRef<(HTMLButtonElement | null)[]>([])
+
+    watch(modelValue, (val) => {
+      if (val !== undefined) activeStepIndex.value = val
+    })
+
+    watch(activeStepIndex, (val) => {
+      if (isControlled.value) emit('update:modelValue', val)
+    })
+
+    const isStepValid = (index: number): boolean => {
+      if (!validation.value) return true
+
+      const form = steps.value[index]?.formRef?.value
+      if (!form) return true
+
+      const valid = form.checkValidity()
+      emit('stepValidationComplete', { stepNumber: index + 1, isValid: valid })
+      if (!valid) form.reportValidity()
+      return valid
+    }
+
+    const setActiveStep = (index: number, bypassValidation = false) => {
+      if (index < 0 || index >= steps.value.length || index === activeStepIndex.value) return
+      if (!bypassValidation && index > activeStepIndex.value && !isStepValid(activeStepIndex.value))
+        return
+
+      activeStepIndex.value = index
+      emit('stepChange', index + 1)
+    }
+
+    const next = () => {
+      if (activeStepIndex.value < steps.value.length - 1) {
+        setActiveStep(activeStepIndex.value + 1)
+      } else {
+        finish()
+      }
+    }
+
+    const prev = () => {
+      if (activeStepIndex.value > 0) {
+        setActiveStep(activeStepIndex.value - 1, true)
+      }
+    }
+
+    const finish = () => {
+      if (activeStepIndex.value === steps.value.length - 1 && isStepValid(activeStepIndex.value)) {
+        isFinished.value = true
+        emit('finish')
+      }
+    }
+
+    const reset = () => {
+      if (validation.value) {
+        steps.value.forEach((s) => s.formRef?.value?.reset?.())
+      }
+      activeStepIndex.value = defaultActiveStepIndex.value
+      isFinished.value = false
+      emit('reset')
+      emit('stepChange', defaultActiveStepIndex.value)
+      nextTick(() => {
+        stepButtonRefs.value[defaultActiveStepIndex.value]?.focus()
+      })
+    }
+
+    const handleKeyDown = (event: KeyboardEvent) => {
+      const buttons = stepButtonRefs.value
+      const current = event.target as HTMLButtonElement
+      const index = buttons.findIndex((b) => b === current)
+      if (index === -1) return
+
+      let nextIndex = index
+      switch (event.key) {
+        case 'ArrowRight':
+        case 'ArrowDown':
+          nextIndex = (index + 1) % buttons.length
+          break
+        case 'ArrowLeft':
+        case 'ArrowUp':
+          nextIndex = (index - 1 + buttons.length) % buttons.length
+          break
+        case 'Home':
+          nextIndex = 0
+          break
+        case 'End':
+          nextIndex = buttons.length - 1
+          break
+        default:
+          return
+      }
+
+      event.preventDefault()
+      buttons[nextIndex]?.focus()
+    }
+
+    expose({ next, prev, finish, reset })
+
+    return () => {
+      const isVertical = layout.value === 'vertical'
+      stepButtonRefs.value = []
+
+      return h(
+        'div',
+        {
+          ...attrs,
+          class: ['stepper', { 'stepper-vertical': isVertical }, attrs.class],
+        },
+        [
+          h(
+            'ol',
+            {
+              class: 'stepper-steps',
+              role: 'tablist',
+              'aria-orientation': isVertical ? 'vertical' : 'horizontal',
+              onKeydown: handleKeyDown,
+              ref: stepsRef,
+            },
+            steps.value.map((step, index) => {
+              const isActive = !isFinished.value && index === activeStepIndex.value
+              const isComplete = isFinished.value || index < activeStepIndex.value
+              const isDisabled =
+                isFinished.value || (linear.value && index > activeStepIndex.value + 1)
+              const stepId = `step-${props.id || 'stepper'}-${index}`
+              const panelId = `panel-${props.id || 'stepper'}-${index}`
+
+              return h(
+                'li',
+                {
+                  key: index,
+                  class: ['stepper-step', props.stepButtonLayout],
+                  role: 'presentation',
+                },
+                [
+                  h(
+                    'button',
+                    {
+                      type: 'button',
+                      class: ['stepper-step-button', { active: isActive, complete: isComplete }],
+                      disabled: isDisabled,
+                      id: stepId,
+                      role: 'tab',
+                      'aria-selected': isActive,
+                      tabindex: isActive ? 0 : -1,
+                      'aria-controls': step.content ? panelId : undefined,
+                      onClick: () =>
+                        setActiveStep(index, !linear.value || index <= activeStepIndex.value),
+                      ref: (el) => (stepButtonRefs.value[index] = el as HTMLButtonElement),
+                    },
+                    [
+                      h('span', { class: 'stepper-step-indicator' }, [
+                        isComplete
+                          ? h('span', { class: 'stepper-step-indicator-icon' })
+                          : h(
+                              'span',
+                              { class: 'stepper-step-indicator-text' },
+                              step.indicator ?? index + 1
+                            ),
+                      ]),
+                      h('span', { class: 'stepper-step-label' }, step.label),
+                    ]
+                  ),
+                  index < steps.value.length - 1 && h('div', { class: 'stepper-step-connector' }),
+                  step.content &&
+                    isVertical &&
+                    h(
+                      CCollapse,
+                      {
+                        class: 'stepper-step-content',
+                        id: panelId,
+                        role: 'tabpanel',
+                        visible: isActive,
+                        'aria-hidden': !isActive,
+                        'aria-labelledby': stepId,
+                        'aria-live': 'polite',
+                      },
+                      () => step.content
+                    ),
+                ]
+              )
+            })
+          ),
+          !isVertical &&
+            steps.value.some((s) => s.content != null) &&
+            h(
+              'div',
+              { class: 'stepper-content' },
+              steps.value.map((step, index) => {
+                const isActive = !isFinished.value && index === activeStepIndex.value
+                const stepId = `step-${props.id || 'stepper'}-${index}`
+                const panelId = `panel-${props.id || 'stepper'}-${index}`
+
+                return h(
+                  'div',
+                  {
+                    key: index,
+                    id: panelId,
+                    role: 'tabpanel',
+                    'aria-hidden': !isActive,
+                    'aria-labelledby': stepId,
+                    'aria-live': 'polite',
+                    class: ['stepper-pane', { active: isActive, show: isActive }],
+                  },
+                  step.content
+                )
+              })
+            ),
+        ]
+      )
+    }
+  },
+})
diff --git a/packages/coreui-vue/src/components/stepper/__tests__/CBadge.spec.ts b/packages/coreui-vue/src/components/stepper/__tests__/CBadge.spec.ts
new file mode 100644
index 00000000..4d132901
--- /dev/null
+++ b/packages/coreui-vue/src/components/stepper/__tests__/CBadge.spec.ts
@@ -0,0 +1,39 @@
+import { shallowMount } from '@vue/test-utils'
+import { CBadge as Component } from '../../'
+
+const ComponentName = 'CBadge'
+const wrapper = shallowMount(Component)
+const customWrapper = shallowMount(Component, {
+  props: {
+    color: 'success',
+  },
+  attrs: {
+    class: 'bazinga',
+  },
+  slots: {
+    default: 'Hello World!',
+  },
+})
+
+describe(`Loads and display ${ComponentName} component`, () => {
+  it('has a name', () => {
+    expect(Component.name).toMatch(ComponentName)
+  })
+  it('renders correctly', () => {
+    expect(wrapper.element).toMatchSnapshot()
+  })
+  it('renders correctly with slot', () => {
+    expect(customWrapper.element).toMatchSnapshot()
+  })
+})
+
+describe(`Customize ${ComponentName} component`, () => {
+  it('has a prope class names', () => {
+    expect(customWrapper.classes('bazinga')).toBe(true)
+    expect(customWrapper.classes('badge')).toBe(true)
+    expect(customWrapper.classes('bg-success')).toBe(true)
+  })
+  it('default slot contains text', () => {
+    expect(customWrapper.text()).toBe('Hello World!')
+  })
+})
diff --git a/packages/coreui-vue/src/components/stepper/__tests__/__snapshots__/CBadge.spec.ts.snap b/packages/coreui-vue/src/components/stepper/__tests__/__snapshots__/CBadge.spec.ts.snap
new file mode 100644
index 00000000..249fb4fd
--- /dev/null
+++ b/packages/coreui-vue/src/components/stepper/__tests__/__snapshots__/CBadge.spec.ts.snap
@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Loads and display CBadge component renders correctly 1`] = `
+<span
+  class="badge"
+/>
+`;
+
+exports[`Loads and display CBadge component renders correctly with slot 1`] = `
+<span
+  class="badge bg-success bazinga"
+>
+  Hello World!
+</span>
+`;
diff --git a/packages/coreui-vue/src/components/stepper/index.ts b/packages/coreui-vue/src/components/stepper/index.ts
new file mode 100644
index 00000000..93b9c047
--- /dev/null
+++ b/packages/coreui-vue/src/components/stepper/index.ts
@@ -0,0 +1,10 @@
+import { App } from 'vue'
+import { CStepper } from './CStepper'
+
+const CStepperPlugin = {
+  install: (app: App): void => {
+    app.component(CStepper.name as string, CStepper)
+  },
+}
+
+export { CStepper, CStepperPlugin }
diff --git a/packages/coreui-vue/src/components/stepper/types.ts b/packages/coreui-vue/src/components/stepper/types.ts
new file mode 100644
index 00000000..a2cc6bcf
--- /dev/null
+++ b/packages/coreui-vue/src/components/stepper/types.ts
@@ -0,0 +1,20 @@
+import type { VNode, Ref } from 'vue'
+
+export interface StepperRef {
+  next: () => void
+  prev: () => void
+  finish: () => void
+  reset: () => void
+}
+
+export interface StepperStepData {
+  indicator?: VNode
+  label: VNode
+  content?: VNode
+  formRef?: Ref<HTMLFormElement | null> // Opcjonalny ref do walidacji
+}
+
+export type StepperStepValidationResult = {
+  stepNumber: number
+  isValid: boolean
+}
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 45028b48..10463eb4 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -9,13 +9,13 @@
   "license": "MIT",
   "devDependencies": {
     "@coreui/chartjs": "^4.0.0",
-    "@coreui/coreui": "^5.2.0",
+    "@coreui/coreui": "^5.4.0",
     "@coreui/icons": "^3.0.1",
     "@coreui/icons-vue": "^2.2.0",
     "@coreui/utils": "^2.0.2",
     "@coreui/vue-chartjs": "^3.0.0",
-    "@docsearch/css": "^3.8.2",
-    "@docsearch/js": "^3.8.2",
+    "@docsearch/css": "^3.9.0",
+    "@docsearch/js": "^3.9.0",
     "@vuepress/bundler-vite": "2.0.0-rc.19",
     "@vuepress/bundler-webpack": "2.0.0-rc.19",
     "@vuepress/plugin-active-header-links": "2.0.0-rc.69",
@@ -29,7 +29,7 @@
     "@vuepress/utils": "2.0.0-rc.19",
     "markdown-it-anchor": "^9.2.0",
     "markdown-it-include": "^2.0.0",
-    "sass": "^1.83.1",
+    "sass": "^1.89.1",
     "vue-docgen-cli": "^4.79.0",
     "vuepress": "2.0.0-rc.19"
   }

From f0ad650a7d7318a23e7eeb95494d14e69eb294d7 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Wed, 4 Jun 2025 12:31:48 +0200
Subject: [PATCH 342/346] feat(CButton): add support for unthemed outline and
 ghost buttons

---
 .../src/components/button/CButton.ts          |  2 +-
 packages/docs/components/button.md            | 43 ++++++++++++++++++-
 2 files changed, 43 insertions(+), 2 deletions(-)

diff --git a/packages/coreui-vue/src/components/button/CButton.ts b/packages/coreui-vue/src/components/button/CButton.ts
index 287bfd12..70f7e90d 100644
--- a/packages/coreui-vue/src/components/button/CButton.ts
+++ b/packages/coreui-vue/src/components/button/CButton.ts
@@ -93,9 +93,9 @@ export const CButton = defineComponent({
         {
           class: [
             'btn',
+            props.variant && props.color ? `btn-${props.variant}-${props.color}` : `btn-${props.variant}`,
             {
               [`btn-${props.color}`]: props.color && !props.variant,
-              [`btn-${props.variant}-${props.color}`]: props.color && props.variant,
               [`btn-${props.size}`]: props.size,
               active: props.active,
               disabled: props.disabled,
diff --git a/packages/docs/components/button.md b/packages/docs/components/button.md
index 0f9a8428..fe592e77 100644
--- a/packages/docs/components/button.md
+++ b/packages/docs/components/button.md
@@ -63,7 +63,27 @@ If you're using `<CButton>` component as `<a>` elements that are used to trigger
 
 ## Outline buttons
 
-If you need a button, but without the strong background colors. Set `variant="outline"` prop to remove all background colors.
+### Base outline style
+
+The `variant="outline` property provides a neutral outline button style without any color modifiers. It’s useful as a foundation for minimal buttons without background color or strong visual emphasis.
+
+::: demo
+<CButton variant="outline">Base outline button</CButton>
+<CButton variant="outline" active>Active state</CButton>
+<CButton variant="outline" disabled>Disabled state</CButton>
+:::
+```vue
+<CButton variant="outline">Base outline button</CButton>
+<CButton variant="outline" active>Active state</CButton>
+<CButton variant="outline" disabled>Disabled state</CButton>
+```
+
+These Vue buttons use a transparent background, subtle border, and inherit text color from the parent context. They’re best suited for minimalist UI elements like modals, toolbars, or secondary actions.
+
+
+### Themed outline variants
+
+If you need a button, but without the strong background colors, set `color` and `variant=" outline"` props to remove all background colors.
 
 ::: demo
 <CButton color="primary" variant="outline">Primary</CButton>
@@ -86,10 +106,31 @@ If you need a button, but without the strong background colors. Set `variant="ou
 <CButton color="dark" variant="outline">Dark</CButton>
 ```
 
+These outline variants of our Vue.js buttons retain transparent backgrounds by default, but display a background tint on hover or focus to indicate interactivity. They’re ideal for secondary actions when you want to differentiate from the standard buttons visually.
+
 ## Ghost buttons
 
+### Base ghost style
+
+Use the `variant="ghost"` property to create ultra-minimalist buttons with no borders and a fully transparent background. These Vue buttons rely solely on text color for visibility and apply a background highlight when hovered over or in an active state.
+
+They’re perfect for interfaces where you want buttons to be present but visually unobtrusive—such as action buttons in modals, cards, or toolbars.
+
 If you need a ghost variant of button, set `variant="ghost"` prop to remove all background colors.
 
+::: demo
+<CButton variant="ghost">Base ghost button</CButton>
+<CButton variant="ghost" active>Active state</CButton>
+<CButton variant="ghost" disabled>Disabled state</CButton>
+:::
+```vue
+<CButton variant="ghost">Base ghost button</CButton>
+<CButton variant="ghost" active>Active state</CButton>
+<CButton variant="ghost" disabled>Disabled state</CButton>
+```
+
+To apply theme colors to Vue ghost buttons, use the `color` and `variant="ghost"` properties. By default, these variants color only the text. On hover or focus, they add a background that corresponds to the theme color.
+
 ::: demo
 <CButton color="primary" variant="ghost">Primary</CButton>
 <CButton color="secondary" variant="ghost">Secondary</CButton>

From 5c26db6c43209bde854564f0777faf6932b199aa Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Wed, 4 Jun 2025 12:41:22 +0200
Subject: [PATCH 343/346] feat(CNav): add enclosed variants

---
 .../coreui-vue/src/components/nav/CNav.ts     |  5 +-
 packages/docs/api/tabs/CTabList.api.md        |  8 +-
 packages/docs/components/navs-tabs.md         | 90 +++++++++++++++++++
 3 files changed, 97 insertions(+), 6 deletions(-)

diff --git a/packages/coreui-vue/src/components/nav/CNav.ts b/packages/coreui-vue/src/components/nav/CNav.ts
index 922603e9..6b5b7384 100644
--- a/packages/coreui-vue/src/components/nav/CNav.ts
+++ b/packages/coreui-vue/src/components/nav/CNav.ts
@@ -24,12 +24,12 @@ const CNav = defineComponent({
     /**
      * Set the nav variant to tabs or pills.
      *
-     * @values 'pills', 'tabs', 'underline', 'underline-border'
+     * @values 'enclosed', 'enclosed-pills', 'pills', 'tabs', 'underline', 'underline-border'
      */
     variant: {
       type: String,
       validator: (value: string) => {
-        return ['pills', 'tabs', 'underline', 'underline-border'].includes(value)
+        return ['enclosed', 'enclosed-pills', 'pills', 'tabs', 'underline', 'underline-border'].includes(value)
       },
     },
   },
@@ -40,6 +40,7 @@ const CNav = defineComponent({
         {
           class: [
             'nav',
+            props.variant === 'enclosed-pills' && 'nav-enclosed',
             {
               [`nav-${props.layout}`]: props.layout,
               [`nav-${props.variant}`]: props.variant,
diff --git a/packages/docs/api/tabs/CTabList.api.md b/packages/docs/api/tabs/CTabList.api.md
index 68b9ca46..c12138af 100644
--- a/packages/docs/api/tabs/CTabList.api.md
+++ b/packages/docs/api/tabs/CTabList.api.md
@@ -8,7 +8,7 @@ import CTabList from '@coreui/vue/src/components/tabs/CTabList'
 
 #### Props
 
-| Prop name   | Description                           | Type   | Values                                                   | Default |
-| ----------- | ------------------------------------- | ------ | -------------------------------------------------------- | ------- |
-| **layout**  | Specify a layout type for component.  | string | `'fill'`, `'justified'`                                  | -       |
-| **variant** | Set the nav variant to tabs or pills. | string | `'pills'`, `'tabs'`, `'underline'`, `'underline-border'` | -       |
+| Prop name   | Description                           | Type   | Values                                                                                     | Default |
+| ----------- | ------------------------------------- | ------ | ------------------------------------------------------------------------------------------ | ------- |
+| **layout**  | Specify a layout type for component.  | string | `'fill'`, `'justified'`                                                                    | -       |
+| **variant** | Set the nav variant to tabs or pills. | string | `'enclosed'`, `'enclosed-pills'`, `'pills'`, `'tabs'`, `'underline'`, `'underline-border'` | -       |
diff --git a/packages/docs/components/navs-tabs.md b/packages/docs/components/navs-tabs.md
index 1452f180..9ad84051 100644
--- a/packages/docs/components/navs-tabs.md
+++ b/packages/docs/components/navs-tabs.md
@@ -402,6 +402,96 @@ Take that same code, but use `variant="underline-border"` instead:
 </CNav>
 ```
 
+### Enclosed
+
+Use the `variant="enclosed"` class to give your navigation items a subtle border and rounded styling.
+
+::: demo
+<CNav variant="enclosed">
+  <CNavItem>
+    <CNavLink href="#" active>
+      Active
+    </CNavLink>
+  </CNavItem>
+  <CNavItem>
+    <CNavLink href="#">Link</CNavLink>
+  </CNavItem>
+  <CNavItem>
+    <CNavLink href="#">Link</CNavLink>
+  </CNavItem>
+  <CNavItem>
+    <CNavLink href="#" disabled>
+      Disabled
+    </CNavLink>
+  </CNavItem>
+</CNav>
+:::
+```vue
+<CNav variant="enclosed">
+  <CNavItem>
+    <CNavLink href="#" active>
+      Active
+    </CNavLink>
+  </CNavItem>
+  <CNavItem>
+    <CNavLink href="#">Link</CNavLink>
+  </CNavItem>
+  <CNavItem>
+    <CNavLink href="#">Link</CNavLink>
+  </CNavItem>
+  <CNavItem>
+    <CNavLink href="#" disabled>
+      Disabled
+    </CNavLink>
+  </CNavItem>
+</CNav>
+```
+
+### Enclosed pills 
+
+Use the `variant="enclosed-pills"` to achieve a pill-style appearance for each nav item, using pill-shaped borders and smoother outlines.
+
+::: demo
+<CNav variant="enclosed-pills">
+  <CNavItem>
+    <CNavLink href="#" active>
+      Active
+    </CNavLink>
+  </CNavItem>
+  <CNavItem>
+    <CNavLink href="#">Link</CNavLink>
+  </CNavItem>
+  <CNavItem>
+    <CNavLink href="#">Link</CNavLink>
+  </CNavItem>
+  <CNavItem>
+    <CNavLink href="#" disabled>
+      Disabled
+    </CNavLink>
+  </CNavItem>
+</CNav>
+:::
+```vue
+<CNav variant="enclosed-pills">
+  <CNavItem>
+    <CNavLink href="#" active>
+      Active
+    </CNavLink>
+  </CNavItem>
+  <CNavItem>
+    <CNavLink href="#">Link</CNavLink>
+  </CNavItem>
+  <CNavItem>
+    <CNavLink href="#">Link</CNavLink>
+  </CNavItem>
+  <CNavItem>
+    <CNavLink href="#" disabled>
+      Disabled
+    </CNavLink>
+  </CNavItem>
+</CNav>
+```
+
 ### Fill and justify
 
 Force your `.nav`'s contents to extend the full available width one of two modifier classes. To proportionately fill all available space with your `.nav-item`s, use `layout="fill"`. Notice that all horizontal space is occupied, but not every nav item has the same width.

From 7826e36392c5524a5b827e33992d05c0512e09d0 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Wed, 4 Jun 2025 12:56:23 +0200
Subject: [PATCH 344/346] feat(CTabs): add enclosed variants

---
 .../src/components/tabs/CTabList.ts           |   5 +-
 packages/docs/api/nav/CNav.api.md             |  10 +-
 packages/docs/components/tabs.md              | 106 ++++++++++++++++++
 3 files changed, 114 insertions(+), 7 deletions(-)

diff --git a/packages/coreui-vue/src/components/tabs/CTabList.ts b/packages/coreui-vue/src/components/tabs/CTabList.ts
index 63b720f2..d73bb17d 100644
--- a/packages/coreui-vue/src/components/tabs/CTabList.ts
+++ b/packages/coreui-vue/src/components/tabs/CTabList.ts
@@ -18,12 +18,12 @@ const CTabList = defineComponent({
     /**
      * Set the nav variant to tabs or pills.
      *
-     * @values 'pills', 'tabs', 'underline', 'underline-border'
+     * @values 'enclosed', 'enclosed-pills', 'pills', 'tabs', 'underline', 'underline-border'
      */
     variant: {
       type: String,
       validator: (value: string) => {
-        return ['pills', 'tabs', 'underline', 'underline-border'].includes(value)
+        return ['enclosed', 'enclosed-pills', 'pills', 'tabs', 'underline', 'underline-border'].includes(value)
       },
     },
   },
@@ -72,6 +72,7 @@ const CTabList = defineComponent({
         {
           class: [
             'nav',
+            props.variant === 'enclosed-pills' && 'nav-enclosed',
             {
               [`nav-${props.layout}`]: props.layout,
               [`nav-${props.variant}`]: props.variant,
diff --git a/packages/docs/api/nav/CNav.api.md b/packages/docs/api/nav/CNav.api.md
index deda7877..37c9f02c 100644
--- a/packages/docs/api/nav/CNav.api.md
+++ b/packages/docs/api/nav/CNav.api.md
@@ -8,8 +8,8 @@ import CNav from '@coreui/vue/src/components/nav/CNav'
 
 #### Props
 
-| Prop name   | Description                                                                             | Type   | Values                                                   | Default |
-| ----------- | --------------------------------------------------------------------------------------- | ------ | -------------------------------------------------------- | ------- |
-| **as**      | Component used for the root node. Either a string to use a HTML element or a component. | string | -                                                        | 'ul'    |
-| **layout**  | Specify a layout type for component.                                                    | string | `'fill'`, `'justified'`                                  | -       |
-| **variant** | Set the nav variant to tabs or pills.                                                   | string | `'pills'`, `'tabs'`, `'underline'`, `'underline-border'` | -       |
+| Prop name   | Description                                                                             | Type   | Values                                                                                     | Default |
+| ----------- | --------------------------------------------------------------------------------------- | ------ | ------------------------------------------------------------------------------------------ | ------- |
+| **as**      | Component used for the root node. Either a string to use a HTML element or a component. | string | -                                                                                          | 'ul'    |
+| **layout**  | Specify a layout type for component.                                                    | string | `'fill'`, `'justified'`                                                                    | -       |
+| **variant** | Set the nav variant to tabs or pills.                                                   | string | `'enclosed'`, `'enclosed-pills'`, `'pills'`, `'tabs'`, `'underline'`, `'underline-border'` | -       |
diff --git a/packages/docs/components/tabs.md b/packages/docs/components/tabs.md
index fcb3dd2a..33b8a72d 100644
--- a/packages/docs/components/tabs.md
+++ b/packages/docs/components/tabs.md
@@ -275,6 +275,112 @@ Take that same code, but use `variant="underline-border"` instead:
 </CTabs>
 ```
 
+### Enclosed
+
+Use the `variant="enclosed"` class to give your tab items a subtle border and rounded styling.
+
+::: demo
+<CTabs :activeItemKey="1">
+  <CTabList variant="enclosed">
+    <CTab aria-controls="home-tab-pane" :itemKey="1">Home</CTab>
+    <CTab aria-controls="profile-tab-pane" :itemKey="2">Profile</CTab>
+    <CTab aria-controls="contact-tab-pane" :itemKey="3">Contact</CTab>
+    <CTab aria-controls="disabled-tab-pane" disabled :itemKey="4">Disabled</CTab>
+  </CTabList>
+  <CTabContent>
+    <CTabPanel class="py-3" aria-labelledby="home-tab-pane" :itemKey="1">
+      Home tab content
+    </CTabPanel>
+    <CTabPanel class="py-3" aria-labelledby="profile-tab-pane" :itemKey="2">
+      Profile tab content
+    </CTabPanel>
+    <CTabPanel class="py-3" aria-labelledby="contact-tab-pane" :itemKey="3">
+      Contact tab content
+    </CTabPanel>
+    <CTabPanel class="py-3" aria-labelledby="disabled-tab-pane" :itemKey="4">
+      Disabled tab content
+    </CTabPanel>
+  </CTabContent>
+</CTabs>
+:::
+```vue
+<CTabs :activeItemKey="1">
+  <CTabList variant="enclosed-pills">
+    <CTab aria-controls="home-tab-pane" :itemKey="1">Home</CTab>
+    <CTab aria-controls="profile-tab-pane" :itemKey="2">Profile</CTab>
+    <CTab aria-controls="contact-tab-pane" :itemKey="3">Contact</CTab>
+    <CTab aria-controls="disabled-tab-pane" disabled :itemKey="4">Disabled</CTab>
+  </CTabList>
+  <CTabContent>
+    <CTabPanel class="py-3" aria-labelledby="home-tab-pane" :itemKey="1">
+      Home tab content
+    </CTabPanel>
+    <CTabPanel class="py-3" aria-labelledby="profile-tab-pane" :itemKey="2">
+      Profile tab content
+    </CTabPanel>
+    <CTabPanel class="py-3" aria-labelledby="contact-tab-pane" :itemKey="3">
+      Contact tab content
+    </CTabPanel>
+    <CTabPanel class="py-3" aria-labelledby="disabled-tab-pane" :itemKey="4">
+      Disabled tab content
+    </CTabPanel>
+  </CTabContent>
+</CTabs>
+```
+
+### Enclosed pills 
+
+Use the `variant="enclosed-pills"` to achieve a pill-style appearance for each tab item, using pill-shaped borders and smoother outlines.
+
+::: demo
+<CTabs :activeItemKey="1">
+  <CTabList variant="enclosed-pills">
+    <CTab aria-controls="home-tab-pane" :itemKey="1">Home</CTab>
+    <CTab aria-controls="profile-tab-pane" :itemKey="2">Profile</CTab>
+    <CTab aria-controls="contact-tab-pane" :itemKey="3">Contact</CTab>
+    <CTab aria-controls="disabled-tab-pane" disabled :itemKey="4">Disabled</CTab>
+  </CTabList>
+  <CTabContent>
+    <CTabPanel class="py-3" aria-labelledby="home-tab-pane" :itemKey="1">
+      Home tab content
+    </CTabPanel>
+    <CTabPanel class="py-3" aria-labelledby="profile-tab-pane" :itemKey="2">
+      Profile tab content
+    </CTabPanel>
+    <CTabPanel class="py-3" aria-labelledby="contact-tab-pane" :itemKey="3">
+      Contact tab content
+    </CTabPanel>
+    <CTabPanel class="py-3" aria-labelledby="disabled-tab-pane" :itemKey="4">
+      Disabled tab content
+    </CTabPanel>
+  </CTabContent>
+</CTabs>
+:::
+```vue
+<CTabs :activeItemKey="1">
+  <CTabList variant="enclosed-pills">
+    <CTab aria-controls="home-tab-pane" :itemKey="1">Home</CTab>
+    <CTab aria-controls="profile-tab-pane" :itemKey="2">Profile</CTab>
+    <CTab aria-controls="contact-tab-pane" :itemKey="3">Contact</CTab>
+    <CTab aria-controls="disabled-tab-pane" disabled :itemKey="4">Disabled</CTab>
+  </CTabList>
+  <CTabContent>
+    <CTabPanel class="py-3" aria-labelledby="home-tab-pane" :itemKey="1">
+      Home tab content
+    </CTabPanel>
+    <CTabPanel class="py-3" aria-labelledby="profile-tab-pane" :itemKey="2">
+      Profile tab content
+    </CTabPanel>
+    <CTabPanel class="py-3" aria-labelledby="contact-tab-pane" :itemKey="3">
+      Contact tab content
+    </CTabPanel>
+    <CTabPanel class="py-3" aria-labelledby="disabled-tab-pane" :itemKey="4">
+      Disabled tab content
+    </CTabPanel>
+  </CTabContent>
+</CTabs>
+```
+
 ### Fill and justify
 
 Force your `<CTabs>`'s contents to extend the full available width one of two modifier classes. To proportionately fill all available space use `layout="fill"`. Notice that all horizontal space is occupied, but not every nav item has the same width.

From 1b0ed7177caec29f7960b82cdd92dbc7c5b0e07b Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Wed, 4 Jun 2025 12:57:49 +0200
Subject: [PATCH 345/346] chore: clean-up

---
 .../src/components/stepper/CStepper.ts        | 266 ------------------
 .../stepper/__tests__/CBadge.spec.ts          |  39 ---
 .../__snapshots__/CBadge.spec.ts.snap         |  15 -
 .../src/components/stepper/index.ts           |  10 -
 .../src/components/stepper/types.ts           |  20 --
 packages/docs/api/stepper/CStepper.api.md     |  22 ++
 6 files changed, 22 insertions(+), 350 deletions(-)
 delete mode 100644 packages/coreui-vue/src/components/stepper/CStepper.ts
 delete mode 100644 packages/coreui-vue/src/components/stepper/__tests__/CBadge.spec.ts
 delete mode 100644 packages/coreui-vue/src/components/stepper/__tests__/__snapshots__/CBadge.spec.ts.snap
 delete mode 100644 packages/coreui-vue/src/components/stepper/index.ts
 delete mode 100644 packages/coreui-vue/src/components/stepper/types.ts
 create mode 100644 packages/docs/api/stepper/CStepper.api.md

diff --git a/packages/coreui-vue/src/components/stepper/CStepper.ts b/packages/coreui-vue/src/components/stepper/CStepper.ts
deleted file mode 100644
index 42df9bf4..00000000
--- a/packages/coreui-vue/src/components/stepper/CStepper.ts
+++ /dev/null
@@ -1,266 +0,0 @@
-// CStepper.ts
-import {
-  defineComponent,
-  h,
-  ref,
-  watch,
-  computed,
-  nextTick,
-  onMounted,
-  toRefs,
-  shallowRef,
-  watchEffect,
-} from 'vue'
-import { CCollapse } from '../collapse'
-import type { StepperStepData, StepperStepValidationResult } from './types'
-
-export const CStepper = defineComponent({
-  name: 'CStepper',
-  inheritAttrs: false,
-  props: {
-    modelValue: Number,
-    defaultActiveStepIndex: {
-      type: Number,
-      default: 0,
-    },
-    layout: {
-      type: String as () => 'horizontal' | 'vertical',
-      default: 'horizontal',
-    },
-    linear: {
-      type: Boolean,
-      default: true,
-    },
-    steps: {
-      type: Array as () => StepperStepData[],
-      required: true,
-    },
-    stepButtonLayout: {
-      type: String as () => 'horizontal' | 'vertical',
-      default: 'horizontal',
-    },
-    validation: {
-      type: Boolean,
-      default: true,
-    },
-    id: String,
-  },
-  emits: ['update:modelValue', 'finish', 'reset', 'stepChange', 'stepValidationComplete'],
-  setup(props, { emit, slots, attrs, expose }) {
-    const { modelValue, defaultActiveStepIndex, validation, steps, layout, linear } = toRefs(props)
-
-    const activeStepIndex = ref<number>(modelValue.value ?? defaultActiveStepIndex.value ?? 0)
-    const isControlled = computed(() => modelValue.value !== undefined)
-    const isFinished = ref(false)
-    const stepsRef = ref<HTMLOListElement | null>(null)
-    const stepButtonRefs = shallowRef<(HTMLButtonElement | null)[]>([])
-
-    watch(modelValue, (val) => {
-      if (val !== undefined) activeStepIndex.value = val
-    })
-
-    watch(activeStepIndex, (val) => {
-      if (isControlled.value) emit('update:modelValue', val)
-    })
-
-    const isStepValid = (index: number): boolean => {
-      if (!validation.value) return true
-
-      const form = steps.value[index]?.formRef?.value
-      if (!form) return true
-
-      const valid = form.checkValidity()
-      emit('stepValidationComplete', { stepNumber: index + 1, isValid: valid })
-      if (!valid) form.reportValidity()
-      return valid
-    }
-
-    const setActiveStep = (index: number, bypassValidation = false) => {
-      if (index < 0 || index >= steps.value.length || index === activeStepIndex.value) return
-      if (!bypassValidation && index > activeStepIndex.value && !isStepValid(activeStepIndex.value))
-        return
-
-      activeStepIndex.value = index
-      emit('stepChange', index + 1)
-    }
-
-    const next = () => {
-      if (activeStepIndex.value < steps.value.length - 1) {
-        setActiveStep(activeStepIndex.value + 1)
-      } else {
-        finish()
-      }
-    }
-
-    const prev = () => {
-      if (activeStepIndex.value > 0) {
-        setActiveStep(activeStepIndex.value - 1, true)
-      }
-    }
-
-    const finish = () => {
-      if (activeStepIndex.value === steps.value.length - 1 && isStepValid(activeStepIndex.value)) {
-        isFinished.value = true
-        emit('finish')
-      }
-    }
-
-    const reset = () => {
-      if (validation.value) {
-        steps.value.forEach((s) => s.formRef?.value?.reset?.())
-      }
-      activeStepIndex.value = defaultActiveStepIndex.value
-      isFinished.value = false
-      emit('reset')
-      emit('stepChange', defaultActiveStepIndex.value)
-      nextTick(() => {
-        stepButtonRefs.value[defaultActiveStepIndex.value]?.focus()
-      })
-    }
-
-    const handleKeyDown = (event: KeyboardEvent) => {
-      const buttons = stepButtonRefs.value
-      const current = event.target as HTMLButtonElement
-      const index = buttons.findIndex((b) => b === current)
-      if (index === -1) return
-
-      let nextIndex = index
-      switch (event.key) {
-        case 'ArrowRight':
-        case 'ArrowDown':
-          nextIndex = (index + 1) % buttons.length
-          break
-        case 'ArrowLeft':
-        case 'ArrowUp':
-          nextIndex = (index - 1 + buttons.length) % buttons.length
-          break
-        case 'Home':
-          nextIndex = 0
-          break
-        case 'End':
-          nextIndex = buttons.length - 1
-          break
-        default:
-          return
-      }
-
-      event.preventDefault()
-      buttons[nextIndex]?.focus()
-    }
-
-    expose({ next, prev, finish, reset })
-
-    return () => {
-      const isVertical = layout.value === 'vertical'
-      stepButtonRefs.value = []
-
-      return h(
-        'div',
-        {
-          ...attrs,
-          class: ['stepper', { 'stepper-vertical': isVertical }, attrs.class],
-        },
-        [
-          h(
-            'ol',
-            {
-              class: 'stepper-steps',
-              role: 'tablist',
-              'aria-orientation': isVertical ? 'vertical' : 'horizontal',
-              onKeydown: handleKeyDown,
-              ref: stepsRef,
-            },
-            steps.value.map((step, index) => {
-              const isActive = !isFinished.value && index === activeStepIndex.value
-              const isComplete = isFinished.value || index < activeStepIndex.value
-              const isDisabled =
-                isFinished.value || (linear.value && index > activeStepIndex.value + 1)
-              const stepId = `step-${props.id || 'stepper'}-${index}`
-              const panelId = `panel-${props.id || 'stepper'}-${index}`
-
-              return h(
-                'li',
-                {
-                  key: index,
-                  class: ['stepper-step', props.stepButtonLayout],
-                  role: 'presentation',
-                },
-                [
-                  h(
-                    'button',
-                    {
-                      type: 'button',
-                      class: ['stepper-step-button', { active: isActive, complete: isComplete }],
-                      disabled: isDisabled,
-                      id: stepId,
-                      role: 'tab',
-                      'aria-selected': isActive,
-                      tabindex: isActive ? 0 : -1,
-                      'aria-controls': step.content ? panelId : undefined,
-                      onClick: () =>
-                        setActiveStep(index, !linear.value || index <= activeStepIndex.value),
-                      ref: (el) => (stepButtonRefs.value[index] = el as HTMLButtonElement),
-                    },
-                    [
-                      h('span', { class: 'stepper-step-indicator' }, [
-                        isComplete
-                          ? h('span', { class: 'stepper-step-indicator-icon' })
-                          : h(
-                              'span',
-                              { class: 'stepper-step-indicator-text' },
-                              step.indicator ?? index + 1
-                            ),
-                      ]),
-                      h('span', { class: 'stepper-step-label' }, step.label),
-                    ]
-                  ),
-                  index < steps.value.length - 1 && h('div', { class: 'stepper-step-connector' }),
-                  step.content &&
-                    isVertical &&
-                    h(
-                      CCollapse,
-                      {
-                        class: 'stepper-step-content',
-                        id: panelId,
-                        role: 'tabpanel',
-                        visible: isActive,
-                        'aria-hidden': !isActive,
-                        'aria-labelledby': stepId,
-                        'aria-live': 'polite',
-                      },
-                      () => step.content
-                    ),
-                ]
-              )
-            })
-          ),
-          !isVertical &&
-            steps.value.some((s) => s.content != null) &&
-            h(
-              'div',
-              { class: 'stepper-content' },
-              steps.value.map((step, index) => {
-                const isActive = !isFinished.value && index === activeStepIndex.value
-                const stepId = `step-${props.id || 'stepper'}-${index}`
-                const panelId = `panel-${props.id || 'stepper'}-${index}`
-
-                return h(
-                  'div',
-                  {
-                    key: index,
-                    id: panelId,
-                    role: 'tabpanel',
-                    'aria-hidden': !isActive,
-                    'aria-labelledby': stepId,
-                    'aria-live': 'polite',
-                    class: ['stepper-pane', { active: isActive, show: isActive }],
-                  },
-                  step.content
-                )
-              })
-            ),
-        ]
-      )
-    }
-  },
-})
diff --git a/packages/coreui-vue/src/components/stepper/__tests__/CBadge.spec.ts b/packages/coreui-vue/src/components/stepper/__tests__/CBadge.spec.ts
deleted file mode 100644
index 4d132901..00000000
--- a/packages/coreui-vue/src/components/stepper/__tests__/CBadge.spec.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { shallowMount } from '@vue/test-utils'
-import { CBadge as Component } from '../../'
-
-const ComponentName = 'CBadge'
-const wrapper = shallowMount(Component)
-const customWrapper = shallowMount(Component, {
-  props: {
-    color: 'success',
-  },
-  attrs: {
-    class: 'bazinga',
-  },
-  slots: {
-    default: 'Hello World!',
-  },
-})
-
-describe(`Loads and display ${ComponentName} component`, () => {
-  it('has a name', () => {
-    expect(Component.name).toMatch(ComponentName)
-  })
-  it('renders correctly', () => {
-    expect(wrapper.element).toMatchSnapshot()
-  })
-  it('renders correctly with slot', () => {
-    expect(customWrapper.element).toMatchSnapshot()
-  })
-})
-
-describe(`Customize ${ComponentName} component`, () => {
-  it('has a prope class names', () => {
-    expect(customWrapper.classes('bazinga')).toBe(true)
-    expect(customWrapper.classes('badge')).toBe(true)
-    expect(customWrapper.classes('bg-success')).toBe(true)
-  })
-  it('default slot contains text', () => {
-    expect(customWrapper.text()).toBe('Hello World!')
-  })
-})
diff --git a/packages/coreui-vue/src/components/stepper/__tests__/__snapshots__/CBadge.spec.ts.snap b/packages/coreui-vue/src/components/stepper/__tests__/__snapshots__/CBadge.spec.ts.snap
deleted file mode 100644
index 249fb4fd..00000000
--- a/packages/coreui-vue/src/components/stepper/__tests__/__snapshots__/CBadge.spec.ts.snap
+++ /dev/null
@@ -1,15 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Loads and display CBadge component renders correctly 1`] = `
-<span
-  class="badge"
-/>
-`;
-
-exports[`Loads and display CBadge component renders correctly with slot 1`] = `
-<span
-  class="badge bg-success bazinga"
->
-  Hello World!
-</span>
-`;
diff --git a/packages/coreui-vue/src/components/stepper/index.ts b/packages/coreui-vue/src/components/stepper/index.ts
deleted file mode 100644
index 93b9c047..00000000
--- a/packages/coreui-vue/src/components/stepper/index.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { App } from 'vue'
-import { CStepper } from './CStepper'
-
-const CStepperPlugin = {
-  install: (app: App): void => {
-    app.component(CStepper.name as string, CStepper)
-  },
-}
-
-export { CStepper, CStepperPlugin }
diff --git a/packages/coreui-vue/src/components/stepper/types.ts b/packages/coreui-vue/src/components/stepper/types.ts
deleted file mode 100644
index a2cc6bcf..00000000
--- a/packages/coreui-vue/src/components/stepper/types.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import type { VNode, Ref } from 'vue'
-
-export interface StepperRef {
-  next: () => void
-  prev: () => void
-  finish: () => void
-  reset: () => void
-}
-
-export interface StepperStepData {
-  indicator?: VNode
-  label: VNode
-  content?: VNode
-  formRef?: Ref<HTMLFormElement | null> // Opcjonalny ref do walidacji
-}
-
-export type StepperStepValidationResult = {
-  stepNumber: number
-  isValid: boolean
-}
diff --git a/packages/docs/api/stepper/CStepper.api.md b/packages/docs/api/stepper/CStepper.api.md
new file mode 100644
index 00000000..e13e9c9a
--- /dev/null
+++ b/packages/docs/api/stepper/CStepper.api.md
@@ -0,0 +1,22 @@
+### CStepper
+
+```jsx
+import { CStepper } from '@coreui/vue'
+// or
+import CStepper from '@coreui/vue/src/components/stepper/CStepper'
+```
+
+#### Props
+
+| Prop name | Description | Type | Values | Default |
+| --------- | ----------- | ---- | ------ | ------- |
+
+#### Events
+
+| Event name                   | Description | Properties |
+| ---------------------------- | ----------- | ---------- |
+| **update:modelValue**        |             |
+| **finish**                   |             |
+| **reset**                    |             |
+| **step-change**              |             |
+| **step-validation-complete** |             |

From c54eae4e17e98c94fbbb88f3a9453cc89c8cc333 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Wed, 4 Jun 2025 13:11:21 +0200
Subject: [PATCH 346/346] release: v5.5.0

---
 README.md                        | 2 +-
 lerna.json                       | 2 +-
 packages/coreui-vue/README.md    | 2 +-
 packages/coreui-vue/package.json | 2 +-
 packages/docs/package.json       | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index 3d4aab99..86647480 100644
--- a/README.md
+++ b/README.md
@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.4.1.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.5.0.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue`
diff --git a/lerna.json b/lerna.json
index 6fea4400..8b1ec4d7 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,6 +1,6 @@
 {
   "npmClient": "yarn",
   "packages": ["packages/*"],
-  "version": "5.4.1",
+  "version": "5.5.0",
   "$schema": "node_modules/lerna/schemas/lerna-schema.json"
 }
diff --git a/packages/coreui-vue/README.md b/packages/coreui-vue/README.md
index d422298c..a1cfd697 100644
--- a/packages/coreui-vue/README.md
+++ b/packages/coreui-vue/README.md
@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.4.1.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.5.0.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue`
diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json
index 7cbb6585..39b08b3a 100644
--- a/packages/coreui-vue/package.json
+++ b/packages/coreui-vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue",
-  "version": "5.4.1",
+  "version": "5.5.0",
   "description": "UI Components Library for Vue.js",
   "keywords": [
     "vue",
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 10463eb4..e190d802 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue-docs",
-  "version": "5.4.1",
+  "version": "5.5.0",
   "scripts": {
     "api": "vue-docgen -c build/docgen.config.js",
     "dev": "vuepress dev --clean-cache",