Merge branch 'dev' of https://framagit.org/hubzilla/core into dev

177 files changed, 2350 insertions, 276 deletions

diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/_index.html b/vendor/twbs/bootstrap/site/content/docs/5.0/_index.html
deleted file mode 100644
index 0a758d2bf..000000000
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/_index.html
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: redirect
-sitemap_exclude: true
-redirect: "/docs/5.0/getting-started/introduction/"
----
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.1/_index.html b/vendor/twbs/bootstrap/site/content/docs/5.1/_index.html
new file mode 100644
index 000000000..198e6af8c
--- /dev/null
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/_index.html
@@ -0,0 +1,5 @@
+---
+layout: redirect
+sitemap_exclude: true
+redirect: "/docs/5.1/getting-started/introduction/"
+---
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/about/brand.md b/vendor/twbs/bootstrap/site/content/docs/5.1/about/brand.md
index 80c613526..80c613526 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/about/brand.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/about/brand.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/about/license.md b/vendor/twbs/bootstrap/site/content/docs/5.1/about/license.md
index 07e60e00a..07e60e00a 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/about/license.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/about/license.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/about/overview.md b/vendor/twbs/bootstrap/site/content/docs/5.1/about/overview.md
index 0c2fc64c6..4fd019314 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/about/overview.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/about/overview.md
@@ -5,7 +5,7 @@ description: Learn more about the team maintaining Bootstrap, how and why the pr
 group: about
 aliases:
   - "/about/"
-  - "/docs/5.0/about/"
+  - "/docs/5.1/about/"
 ---
 
 ## Team
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/about/team.md b/vendor/twbs/bootstrap/site/content/docs/5.1/about/team.md
index 3c1666f29..3c1666f29 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/about/team.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/about/team.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/about/translations.md b/vendor/twbs/bootstrap/site/content/docs/5.1/about/translations.md
index e719e3a84..e719e3a84 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/about/translations.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/about/translations.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/components/accordion.md b/vendor/twbs/bootstrap/site/content/docs/5.1/components/accordion.md
index a4ef8272e..535ae46b5 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/components/accordion.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/components/accordion.md
@@ -5,7 +5,7 @@ description: Build vertically collapsing accordions in combination with our Coll
 group: components
 aliases:
   - "/components/"
-  - "/docs/5.0/components/"
+  - "/docs/5.1/components/"
 toc: true
 ---
 
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/components/alerts.md b/vendor/twbs/bootstrap/site/content/docs/5.1/components/alerts.md
index a7e52f5f8..6127279f5 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/components/alerts.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/components/alerts.md
@@ -23,6 +23,35 @@ Alerts are available for any length of text, as well as an optional close button
 {{< partial "callout-warning-color-assistive-technologies.md" >}}
 {{< /callout >}}
 
+### Live example
+
+Click the button below to show an alert (hidden with inline styles to start), then dismiss (and destroy) it with the built-in close button.
+
+{{< example >}}
+<div id="liveAlertPlaceholder"></div>
+<button type="button" class="btn btn-primary" id="liveAlertBtn">Show live alert</button>
+{{< /example >}}
+
+We use the following JavaScript to trigger our live alert demo:
+
+```js
+var alertPlaceholder = document.getElementById('liveAlertPlaceholder')
+var alertTrigger = document.getElementById('liveAlertBtn')
+
+function alert(message, type) {
+  var wrapper = document.createElement('div')
+  wrapper.innerHTML = '<div class="alert alert-' + type + ' alert-dismissible" role="alert">' + message + '<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button></div>'
+
+  alertPlaceholder.append(wrapper)
+}
+
+if (alertTrigger) {
+  alertTrigger.addEventListener('click', function () {
+    alert('Nice, you triggered this alert message!', 'success')
+  })
+}
+```
+
 ### Link color
 
 Use the `.alert-link` utility class to quickly provide matching colored links within any alert.
@@ -147,35 +176,30 @@ Loop that generates the modifier classes with the `alert-variant()` mixin.
 
 ## JavaScript behavior
 
-### Triggers
+### Initialize
 
-Enable dismissal of an alert via JavaScript:
+Initialize elements as alerts
 
 ```js
 var alertList = document.querySelectorAll('.alert')
-alertList.forEach(function (alert) {
-  new bootstrap.Alert(alert)
+var alerts =  [].slice.call(alertList).map(function (element) {
+  return new bootstrap.Alert(element)
 })
 ```
 
-Or with `data` attributes on a button **within the alert**, as demonstrated above:
-
-```html
-<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
-```
+{{< callout info >}}
+For the sole purpose of dismissing an alert, it isn't necessary to initialize the component manually via the JS API. By making use of `data-bs-dismiss="alert"`, the component will be initialized automatically and properly dismissed.
 
-Note that closing an alert will remove it from the DOM.
+See the [triggers](#triggers) section for more details.
+{{< /callout >}}
 
-### Methods
+### Triggers
 
-You can create an alert instance with the alert constructor, for example:
+{{% js-dismiss "alert" %}}
 
-```js
-var myAlert = document.getElementById('myAlert')
-var bsAlert = new bootstrap.Alert(myAlert)
-```
+**Note that closing an alert will remove it from the DOM.**
 
-This makes an alert listen for click events on descendant elements which have the `data-bs-dismiss="alert"` attribute. (Not necessary when using the data-api's auto-initialization.)
+### Methods
 
 <table class="table">
   <thead>
@@ -214,7 +238,7 @@ This makes an alert listen for click events on descendant elements which have th
         <code>getOrCreateInstance</code>
       </td>
       <td>
-        Static method which returns an alert instance associated to a DOM element or create a new one in case it wasn't initialised.
+        Static method which returns an alert instance associated to a DOM element or create a new one in case it wasn't initialized.
         You can use it like this: <code>bootstrap.Alert.getOrCreateInstance(element)</code>
       </td>
     </tr>
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/components/badge.md b/vendor/twbs/bootstrap/site/content/docs/5.1/components/badge.md
index de80d3b27..de80d3b27 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/components/badge.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/components/badge.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/components/breadcrumb.md b/vendor/twbs/bootstrap/site/content/docs/5.1/components/breadcrumb.md
index 9143e7612..9143e7612 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/components/breadcrumb.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/components/breadcrumb.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/components/button-group.md b/vendor/twbs/bootstrap/site/content/docs/5.1/components/button-group.md
index 184ca4973..184ca4973 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/components/button-group.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/components/button-group.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/components/buttons.md b/vendor/twbs/bootstrap/site/content/docs/5.1/components/buttons.md
index d62d6e2b6..1f279ffd7 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/components/buttons.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/components/buttons.md
@@ -85,18 +85,22 @@ Disabled buttons using the `<a>` element behave a bit different:
 
 - `<a>`s don't support the `disabled` attribute, so you must add the `.disabled` class to make it visually appear disabled.
 - Some future-friendly styles are included to disable all `pointer-events` on anchor buttons.
-- Disabled buttons should include the `aria-disabled="true"` attribute to indicate the state of the element to assistive technologies.
+- Disabled buttons using `<a>` should include the `aria-disabled="true"` attribute to indicate the state of the element to assistive technologies.
+- Disabled buttons using `<a>` *should not* include the `href` attribute.
 
 {{< example >}}
-<a href="#" class="btn btn-primary btn-lg disabled" tabindex="-1" role="button" aria-disabled="true">Primary link</a>
-<a href="#" class="btn btn-secondary btn-lg disabled" tabindex="-1" role="button" aria-disabled="true">Link</a>
+<a class="btn btn-primary btn-lg disabled" role="button" aria-disabled="true">Primary link</a>
+<a class="btn btn-secondary btn-lg disabled" role="button" aria-disabled="true">Link</a>
 {{< /example >}}
 
-{{< callout warning >}}
-##### Link functionality caveat
+### Link functionality caveat
 
-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. In addition, 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, in addition to `aria-disabled="true"`, also include a `tabindex="-1"` attribute on these links to prevent them from receiving keyboard focus, and use custom JavaScript to disable their functionality altogether.
-{{< /callout >}}
+To cover cases where you have to keep the `href` attribute on a disabled link, the `.disabled` class uses `pointer-events: none` to try to disable the link functionality of `<a>`s. Note that this CSS property is not yet standardized for HTML, but all modern browsers support it. In addition, 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, in addition to `aria-disabled="true"`, also include a `tabindex="-1"` attribute on these links to prevent them from receiving keyboard focus, and use custom JavaScript to disable their functionality altogether.
+
+{{< example >}}
+<a href="#" class="btn btn-primary btn-lg disabled" tabindex="-1" role="button" aria-disabled="true">Primary link</a>
+<a href="#" class="btn btn-secondary btn-lg disabled" tabindex="-1" role="button" aria-disabled="true">Link</a>
+{{< /example >}}
 
 ## Block buttons
 
@@ -157,7 +161,7 @@ Add `data-bs-toggle="button"` to toggle a button's `active` state. If you're pre
 {{< example >}}
 <a href="#" class="btn btn-primary" role="button" data-bs-toggle="button">Toggle link</a>
 <a href="#" class="btn btn-primary active" role="button" data-bs-toggle="button" aria-pressed="true">Active toggle link</a>
-<a href="#" class="btn btn-primary disabled" tabindex="-1" aria-disabled="true" role="button" data-bs-toggle="button">Disabled toggle link</a>
+<a class="btn btn-primary disabled" aria-disabled="true" role="button" data-bs-toggle="button">Disabled toggle link</a>
 {{< /example >}}
 
 ### Methods
@@ -206,7 +210,7 @@ var bsButton = new bootstrap.Button(button)
         <code>getOrCreateInstance</code>
       </td>
       <td>
-        Static method which returns a button instance associated to a DOM element or create a new one in case it wasn't initialised.
+        Static method which returns a button instance associated to a DOM element or create a new one in case it wasn't initialized.
         You can use it like this: <code>bootstrap.Button.getOrCreateInstance(element)</code>
       </td>
     </tr>
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/components/card.md b/vendor/twbs/bootstrap/site/content/docs/5.1/components/card.md
index 97bcf77d5..3effb21d0 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/components/card.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/components/card.md
@@ -309,7 +309,7 @@ Add some navigation to a card's header (or block) with Bootstrap's [nav componen
         <a class="nav-link" href="#">Link</a>
       </li>
       <li class="nav-item">
-        <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+        <a class="nav-link disabled">Disabled</a>
       </li>
     </ul>
   </div>
@@ -332,7 +332,7 @@ Add some navigation to a card's header (or block) with Bootstrap's [nav componen
         <a class="nav-link" href="#">Link</a>
       </li>
       <li class="nav-item">
-        <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+        <a class="nav-link disabled">Disabled</a>
       </li>
     </ul>
   </div>
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/components/carousel.md b/vendor/twbs/bootstrap/site/content/docs/5.1/components/carousel.md
index e106e76c0..5a060f26f 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/components/carousel.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/components/carousel.md
@@ -425,7 +425,7 @@ var carousel = new bootstrap.Carousel(myCarousel, {
         <code>getOrCreateInstance</code>
       </td>
       <td>
-        Static method which returns a carousel instance associated to a DOM element or create a new one in case it wasn't initialised.
+        Static method which returns a carousel instance associated to a DOM element or create a new one in case it wasn't initialized.
         You can use it like this: <code>bootstrap.Carousel.getOrCreateInstance(element)</code>
       </td>
     </tr>
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/components/close-button.md b/vendor/twbs/bootstrap/site/content/docs/5.1/components/close-button.md
index f4a3ed071..f4a3ed071 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/components/close-button.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/components/close-button.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/components/collapse.md b/vendor/twbs/bootstrap/site/content/docs/5.1/components/collapse.md
index ac84ca964..1e1b58c29 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/components/collapse.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/components/collapse.md
@@ -40,6 +40,29 @@ Generally, we recommend using a button with the `data-bs-target` attribute. Whil
 </div>
 {{< /example >}}
 
+## Horizontal
+
+The collapse plugin also supports horizontal collapsing. Add the `.collapse-horizontal` modifier class to transition the `width` instead of `height` and set a `width` on the immediate child element. Feel free to write your own custom Sass, use inline styles, or use our [width utilities]({{< docsref "/utilities/sizing" >}}).
+
+{{< callout info >}}
+Please note that while the example below has a `min-height` set to avoid excessive repaints in our docs, this is not explicitly required. **Only the `width` on the child element is required.**
+{{< /callout >}}
+
+{{< example >}}
+<p>
+  <button class="btn btn-primary" type="button" data-bs-toggle="collapse" data-bs-target="#collapseWidthExample" aria-expanded="false" aria-controls="collapseWidthExample">
+    Toggle width collapse
+  </button>
+</p>
+<div style="min-height: 120px;">
+  <div class="collapse collapse-horizontal" id="collapseWidthExample">
+    <div class="card card-body" style="width: 300px;">
+      This is some placeholder content for a horizontal collapse. It's hidden by default and shown when triggered.
+    </div>
+  </div>
+</div>
+{{< /example >}}
+
 ## Multiple targets
 
 A `<button>` or `<a>` can show and hide multiple elements by referencing them with a selector in its `href` or `data-bs-target` attribute.
@@ -103,7 +126,7 @@ These classes can be found in `_transitions.scss`.
 
 Just add `data-bs-toggle="collapse"` and a `data-bs-target` to the element to automatically assign control of one or more collapsible elements. The `data-bs-target` attribute accepts a CSS selector to apply the collapse to. Be sure to add the class `collapse` to the collapsible element. If you'd like it to default open, add the additional class `show`.
 
-To add accordion-like group management to a collapsible area, add the data attribute `data-bs-parent="#selector"`. Refer to the demo to see this in action.
+To add accordion-like group management to a collapsible area, add the data attribute `data-bs-parent="#selector"`. Refer to the [accordion page]({{< docsref "/components/accordion" >}}) for more information.
 
 ### Via JavaScript
 
@@ -199,7 +222,7 @@ var bsCollapse = new bootstrap.Collapse(myCollapse, {
         <code>getOrCreateInstance</code>
       </td>
       <td>
-        Static method which returns a collapse instance associated to a DOM element or create a new one in case it wasn't initialised.
+        Static method which returns a collapse instance associated to a DOM element or create a new one in case it wasn't initialized.
         You can use it like this: <code>bootstrap.Collapse.getOrCreateInstance(element)</code>
       </td>
     </tr>
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/components/dropdowns.md b/vendor/twbs/bootstrap/site/content/docs/5.1/components/dropdowns.md
index 1668ae7bd..738940fc9 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/components/dropdowns.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/components/dropdowns.md
@@ -628,7 +628,7 @@ Add `.disabled` to items in the dropdown to **style them as disabled**.
 {{< example >}}
 <ul class="dropdown-menu">
   <li><a class="dropdown-item" href="#">Regular link</a></li>
-  <li><a class="dropdown-item disabled" href="#" tabindex="-1" aria-disabled="true">Disabled link</a></li>
+  <li><a class="dropdown-item disabled">Disabled link</a></li>
   <li><a class="dropdown-item" href="#">Another link</a></li>
 </ul>
 {{< /example >}}
@@ -1148,7 +1148,7 @@ var dropdown = new bootstrap.Dropdown(element, {
         <code>getOrCreateInstance</code>
       </td>
       <td>
-        Static method which returns a dropdown instance associated to a DOM element or create a new one in case it wasn't initialised.
+        Static method which returns a dropdown instance associated to a DOM element or create a new one in case it wasn't initialized.
         You can use it like this: <code>bootstrap.Dropdown.getOrCreateInstance(element)</code>
       </td>
     </tr>
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/components/list-group.md b/vendor/twbs/bootstrap/site/content/docs/5.1/components/list-group.md
index c49541bdb..71e45245c 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/components/list-group.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/components/list-group.md
@@ -62,7 +62,7 @@ Be sure to **not use the standard `.btn` classes here**.
   <a href="#" class="list-group-item list-group-item-action">A second link item</a>
   <a href="#" class="list-group-item list-group-item-action">A third link item</a>
   <a href="#" class="list-group-item list-group-item-action">A fourth link item</a>
-  <a href="#" class="list-group-item list-group-item-action disabled" tabindex="-1" aria-disabled="true">A disabled link item</a>
+  <a class="list-group-item list-group-item-action disabled">A disabled link item</a>
 </div>
 {{< /example >}}
 
@@ -102,9 +102,9 @@ Numbers are generated by `counter-reset` on the `<ol>`, and then styled and plac
 
 {{< example >}}
 <ol class="list-group list-group-numbered">
-  <li class="list-group-item">Cras justo odio</li>
-  <li class="list-group-item">Cras justo odio</li>
-  <li class="list-group-item">Cras justo odio</li>
+  <li class="list-group-item">A list item</li>
+  <li class="list-group-item">A list item</li>
+  <li class="list-group-item">A list item</li>
 </ol>
 {{< /example >}}
 
@@ -115,21 +115,21 @@ These work great with custom content as well.
   <li class="list-group-item d-flex justify-content-between align-items-start">
     <div class="ms-2 me-auto">
       <div class="fw-bold">Subheading</div>
-      Cras justo odio
+      Content for list item
     </div>
     <span class="badge bg-primary rounded-pill">14</span>
   </li>
   <li class="list-group-item d-flex justify-content-between align-items-start">
     <div class="ms-2 me-auto">
       <div class="fw-bold">Subheading</div>
-      Cras justo odio
+      Content for list item
     </div>
     <span class="badge bg-primary rounded-pill">14</span>
   </li>
   <li class="list-group-item d-flex justify-content-between align-items-start">
     <div class="ms-2 me-auto">
       <div class="fw-bold">Subheading</div>
-      Cras justo odio
+      Content for list item
     </div>
     <span class="badge bg-primary rounded-pill">14</span>
   </li>
@@ -486,7 +486,7 @@ var tab = bootstrap.Tab.getInstance(triggerEl) // Returns a Bootstrap tab instan
 
 #### getOrCreateInstance
 
-*Static* method which allows you to get the tab instance associated with a DOM element, or create a new one in case it wasn't initialised
+*Static* method which allows you to get the tab instance associated with a DOM element, or create a new one in case it wasn't initialized
 
 ```js
 var triggerEl = document.querySelector('#trigger')
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/components/modal.md b/vendor/twbs/bootstrap/site/content/docs/5.1/components/modal.md
index e6a838aac..8255a7364 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/components/modal.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/components/modal.md
@@ -224,7 +224,7 @@ You can also create a scrollable modal that allows scroll the modal body by addi
         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
       </div>
       <div class="modal-body">
-        <p>This is some placeholder content to show the scrolling behavior for modals. We use repeated line breaks to demonstrate how content can exceed minimum inner height, thereby showing inner scrolling. When content becomes longer than the prefedined max-height of modal, content will be cropped and scrollable within the modal.</p>
+        <p>This is some placeholder content to show the scrolling behavior for modals. We use repeated line breaks to demonstrate how content can exceed minimum inner height, thereby showing inner scrolling. When content becomes longer than the predefined max-height of modal, content will be cropped and scrollable within the modal.</p>
         <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
         <p>This content should appear at the bottom after you scroll.</p>
       </div>
@@ -279,7 +279,7 @@ Add `.modal-dialog-centered` to `.modal-dialog` to vertically center the modal.
         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
       </div>
       <div class="modal-body">
-        <p>This is some placeholder content to show a vertically centered modal. We've added some extra copy here to show how vertically centering the modal works when combined with scrollable modals. We also use some repeated line breaks to quickly extend the height of the content, thereby triggering the scrolling. When content becomes longer than the prefedined max-height of modal, content will be cropped and scrollable within the modal.</p>
+        <p>This is some placeholder content to show a vertically centered modal. We've added some extra copy here to show how vertically centering the modal works when combined with scrollable modals. We also use some repeated line breaks to quickly extend the height of the content, thereby triggering the scrolling. When content becomes longer than the predefined max-height of modal, content will be cropped and scrollable within the modal.</p>
         <br><br><br><br><br><br><br><br><br><br>
         <p>Just like that.</p>
       </div>
@@ -512,7 +512,7 @@ Toggle between multiple modals with some clever placement of the `data-bs-target
         Show a second modal and hide this one with the button below.
       </div>
       <div class="modal-footer">
-        <button class="btn btn-primary" data-bs-target="#exampleModalToggle2" data-bs-toggle="modal" data-bs-dismiss="modal">Open second modal</button>
+        <button class="btn btn-primary" data-bs-target="#exampleModalToggle2" data-bs-toggle="modal">Open second modal</button>
       </div>
     </div>
   </div>
@@ -528,7 +528,7 @@ Toggle between multiple modals with some clever placement of the `data-bs-target
         Hide this modal and show the first with the button below.
       </div>
       <div class="modal-footer">
-        <button class="btn btn-primary" data-bs-target="#exampleModalToggle" data-bs-toggle="modal" data-bs-dismiss="modal">Back to first</button>
+        <button class="btn btn-primary" data-bs-target="#exampleModalToggle" data-bs-toggle="modal">Back to first</button>
       </div>
     </div>
   </div>
@@ -831,12 +831,22 @@ The modal plugin toggles your hidden content on demand, via data attributes or J
 
 ### Via data attributes
 
+#### Toggle
+
 Activate a modal without writing JavaScript. Set `data-bs-toggle="modal"` on a controller element, like a button, along with a `data-bs-target="#foo"` or `href="#foo"` to target a specific modal to toggle.
 
 ```html
 <button type="button" data-bs-toggle="modal" data-bs-target="#myModal">Launch modal</button>
 ```
 
+#### Dismiss
+
+{{% js-dismiss "modal" %}}
+
+{{< callout warning >}}
+While both ways to dismiss a modal are supported, keep in mind that dismissing from outside a modal does not match [the WAI-ARIA modal dialog design pattern](https://www.w3.org/TR/wai-aria-practices-1.1/#dialog_modal). Do this at your own risk.
+{{< /callout >}}
+
 ### Via JavaScript
 
 Create a modal with a single line of JavaScript:
@@ -954,7 +964,7 @@ var modal = bootstrap.Modal.getInstance(myModalEl) // Returns a Bootstrap modal
 
 #### getOrCreateInstance
 
-*Static* method which allows you to get the modal instance associated with a DOM element, or create a new one in case it wasn't initialised
+*Static* method which allows you to get the modal instance associated with a DOM element, or create a new one in case it wasn't initialized
 
 ```js
 var myModalEl = document.querySelector('#myModal')
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/components/navbar.md b/vendor/twbs/bootstrap/site/content/docs/5.1/components/navbar.md
index 7b57fd5c6..f6dbb8e61 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/components/navbar.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/components/navbar.md
@@ -62,7 +62,7 @@ Here's an example of all the sub-components included in a responsive light-theme
           </ul>
         </li>
         <li class="nav-item">
-          <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+          <a class="nav-link disabled">Disabled</a>
         </li>
       </ul>
       <form class="d-flex">
@@ -156,7 +156,7 @@ Please note that you should also add the `aria-current` attribute on the active
           <a class="nav-link" href="#">Pricing</a>
         </li>
         <li class="nav-item">
-          <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+          <a class="nav-link disabled">Disabled</a>
         </li>
       </ul>
     </div>
@@ -178,7 +178,7 @@ And because we use classes for our navs, you can avoid the list-based approach e
         <a class="nav-link active" aria-current="page" href="#">Home</a>
         <a class="nav-link" href="#">Features</a>
         <a class="nav-link" href="#">Pricing</a>
-        <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+        <a class="nav-link disabled">Disabled</a>
       </div>
     </div>
   </div>
@@ -521,7 +521,7 @@ Here's an example navbar using `.navbar-nav-scroll` with `style="--bs-scroll-hei
           </ul>
         </li>
         <li class="nav-item">
-          <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Link</a>
+          <a class="nav-link disabled">Link</a>
         </li>
       </ul>
       <form class="d-flex">
@@ -561,7 +561,7 @@ With no `.navbar-brand` shown at the smallest breakpoint:
           <a class="nav-link" href="#">Link</a>
         </li>
         <li class="nav-item">
-          <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+          <a class="nav-link disabled">Disabled</a>
         </li>
       </ul>
       <form class="d-flex">
@@ -591,7 +591,7 @@ With a brand name shown on the left and toggler on the right:
           <a class="nav-link" href="#">Link</a>
         </li>
         <li class="nav-item">
-          <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+          <a class="nav-link disabled">Disabled</a>
         </li>
       </ul>
       <form class="d-flex">
@@ -621,7 +621,7 @@ With a toggler on the left and brand name on the right:
           <a class="nav-link" href="#">Link</a>
         </li>
         <li class="nav-item">
-          <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+          <a class="nav-link disabled">Disabled</a>
         </li>
       </ul>
       <form class="d-flex">
@@ -655,6 +655,70 @@ Sometimes you want to use the collapse plugin to trigger a container element for
 
 When you do this, we recommend including additional JavaScript to move the focus programmatically to the container when it is opened. Otherwise, keyboard users and users of assistive technologies will likely have a hard time finding the newly revealed content - particularly if the container that was opened comes *before* the toggler in the document's structure. We also recommend making sure that the toggler has the `aria-controls` attribute, pointing to the `id` of the content container. In theory, this allows assistive technology users to jump directly from the toggler to the container it controls–but support for this is currently quite patchy.
 
+### Offcanvas
+
+Transform your expanding and collapsing navbar into an offcanvas drawer with the offcanvas plugin. We extend both the offcanvas default styles and use our `.navbar-expand-*` classes to create a dynamic and flexible navigation sidebar.
+
+In the example below, to create an offcanvas navbar that is always collapsed across all breakpoints, omit the `.navbar-expand-*` class entirely.
+
+{{< example >}}
+<nav class="navbar navbar-light bg-light fixed-top">
+  <div class="container-fluid">
+    <a class="navbar-brand" href="#">Offcanvas navbar</a>
+    <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+    <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel">
+      <div class="offcanvas-header">
+        <h5 class="offcanvas-title" id="offcanvasNavbarLabel">Offcanvas</h5>
+        <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
+      </div>
+      <div class="offcanvas-body">
+        <ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
+          <li class="nav-item">
+            <a class="nav-link active" aria-current="page" href="#">Home</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="#">Link</a>
+          </li>
+          <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" href="#" id="offcanvasNavbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+              Dropdown
+            </a>
+            <ul class="dropdown-menu" aria-labelledby="offcanvasNavbarDropdown">
+              <li><a class="dropdown-item" href="#">Action</a></li>
+              <li><a class="dropdown-item" href="#">Another action</a></li>
+              <li>
+                <hr class="dropdown-divider">
+              </li>
+              <li><a class="dropdown-item" href="#">Something else here</a></li>
+            </ul>
+          </li>
+        </ul>
+        <form class="d-flex">
+          <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
+          <button class="btn btn-outline-success" type="submit">Search</button>
+        </form>
+      </div>
+    </div>
+  </div>
+</nav>
+{{< /example >}}
+
+To create an offcanvas navbar that expands into a normal navbar at a specific breakpoint like `lg`, use `.navbar-expand-lg`.
+
+```html
+<nav class="navbar navbar-light navbar-expand-lg bg-light fixed-top">
+  <a class="navbar-brand" href="#">Offcanvas navbar</a>
+  <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#navbarOffcanvasLg" aria-controls="navbarOffcanvasLg">
+    <span class="navbar-toggler-icon"></span>
+  </button>
+  <div class="offcanvas offcanvas-end" tabindex="-1" id="navbarOffcanvasLg" aria-labelledby="navbarOffcanvasLgLabel">
+    ...
+  </div>
+</nav>
+```
+
 ## Sass
 
 ### Variables
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/components/navs-tabs.md b/vendor/twbs/bootstrap/site/content/docs/5.1/components/navs-tabs.md
index b839f9754..353d03d2d 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/components/navs-tabs.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/components/navs-tabs.md
@@ -3,7 +3,7 @@ layout: docs
 title: Navs and tabs
 description: Documentation and examples for how to use Bootstrap's included navigation components.
 group: components
-aliases: "/docs/5.0/components/navs/"
+aliases: "/docs/5.1/components/navs/"
 toc: true
 ---
 
@@ -31,7 +31,7 @@ To convey the active state to assistive technologies, use the `aria-current` att
     <a class="nav-link" href="#">Link</a>
   </li>
   <li class="nav-item">
-    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+    <a class="nav-link disabled">Disabled</a>
   </li>
 </ul>
 {{< /example >}}
@@ -43,7 +43,7 @@ Classes are used throughout, so your markup can be super flexible. Use `<ul>`s l
   <a class="nav-link active" aria-current="page" href="#">Active</a>
   <a class="nav-link" href="#">Link</a>
   <a class="nav-link" href="#">Link</a>
-  <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+  <a class="nav-link disabled">Disabled</a>
 </nav>
 {{< /example >}}
 
@@ -69,7 +69,7 @@ Centered with `.justify-content-center`:
     <a class="nav-link" href="#">Link</a>
   </li>
   <li class="nav-item">
-    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+    <a class="nav-link disabled">Disabled</a>
   </li>
 </ul>
 {{< /example >}}
@@ -88,7 +88,7 @@ Right-aligned with `.justify-content-end`:
     <a class="nav-link" href="#">Link</a>
   </li>
   <li class="nav-item">
-    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+    <a class="nav-link disabled">Disabled</a>
   </li>
 </ul>
 {{< /example >}}
@@ -109,7 +109,7 @@ Stack your navigation by changing the flex item direction with the `.flex-column
     <a class="nav-link" href="#">Link</a>
   </li>
   <li class="nav-item">
-    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+    <a class="nav-link disabled">Disabled</a>
   </li>
 </ul>
 {{< /example >}}
@@ -121,7 +121,7 @@ As always, vertical navigation is possible without `<ul>`s, too.
   <a class="nav-link active" aria-current="page" href="#">Active</a>
   <a class="nav-link" href="#">Link</a>
   <a class="nav-link" href="#">Link</a>
-  <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+  <a class="nav-link disabled">Disabled</a>
 </nav>
 {{< /example >}}
 
@@ -141,7 +141,7 @@ Takes the basic nav from above and adds the `.nav-tabs` class to generate a tabb
     <a class="nav-link" href="#">Link</a>
   </li>
   <li class="nav-item">
-    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+    <a class="nav-link disabled">Disabled</a>
   </li>
 </ul>
 {{< /example >}}
@@ -162,7 +162,7 @@ Take that same HTML, but use `.nav-pills` instead:
     <a class="nav-link" href="#">Link</a>
   </li>
   <li class="nav-item">
-    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+    <a class="nav-link disabled">Disabled</a>
   </li>
 </ul>
 {{< /example >}}
@@ -183,7 +183,7 @@ Force your `.nav`'s contents to extend the full available width one of two modif
     <a class="nav-link" href="#">Link</a>
   </li>
   <li class="nav-item">
-    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+    <a class="nav-link disabled">Disabled</a>
   </li>
 </ul>
 {{< /example >}}
@@ -195,7 +195,7 @@ When using a `<nav>`-based navigation, you can safely omit `.nav-item` as only `
   <a class="nav-link active" aria-current="page" href="#">Active</a>
   <a class="nav-link" href="#">Much longer nav link</a>
   <a class="nav-link" href="#">Link</a>
-  <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+  <a class="nav-link disabled">Disabled</a>
 </nav>
 {{< /example >}}
 
@@ -213,7 +213,7 @@ For equal-width elements, use `.nav-justified`. All horizontal space will be occ
     <a class="nav-link" href="#">Link</a>
   </li>
   <li class="nav-item">
-    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+    <a class="nav-link disabled">Disabled</a>
   </li>
 </ul>
 {{< /example >}}
@@ -225,7 +225,7 @@ Similar to the `.nav-fill` example using a `<nav>`-based navigation.
   <a class="nav-link active" aria-current="page" href="#">Active</a>
   <a class="nav-link" href="#">Much longer nav link</a>
   <a class="nav-link" href="#">Link</a>
-  <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+  <a class="nav-link disabled">Disabled</a>
 </nav>
 
 {{< /example >}}
@@ -238,7 +238,7 @@ If you need responsive nav variations, consider using a series of [flexbox utili
   <a class="flex-sm-fill text-sm-center nav-link active" aria-current="page" href="#">Active</a>
   <a class="flex-sm-fill text-sm-center nav-link" href="#">Longer nav link</a>
   <a class="flex-sm-fill text-sm-center nav-link" href="#">Link</a>
-  <a class="flex-sm-fill text-sm-center nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+  <a class="flex-sm-fill text-sm-center nav-link disabled">Disabled</a>
 </nav>
 {{< /example >}}
 
@@ -273,7 +273,7 @@ Add dropdown menus with a little extra HTML and the [dropdowns JavaScript plugin
     <a class="nav-link" href="#">Link</a>
   </li>
   <li class="nav-item">
-    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+    <a class="nav-link disabled">Disabled</a>
   </li>
 </ul>
 {{< /example >}}
@@ -299,7 +299,7 @@ Add dropdown menus with a little extra HTML and the [dropdowns JavaScript plugin
     <a class="nav-link" href="#">Link</a>
   </li>
   <li class="nav-item">
-    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+    <a class="nav-link disabled">Disabled</a>
   </li>
 </ul>
 {{< /example >}}
@@ -525,7 +525,7 @@ You can activate a tab or pill navigation without writing any JavaScript by simp
 Enable tabbable tabs via JavaScript (each tab needs to be activated individually):
 
 ```js
-var triggerTabList = [].slice.call(document.querySelectorAll('#myTab a'))
+var triggerTabList = [].slice.call(document.querySelectorAll('#myTab button'))
 triggerTabList.forEach(function (triggerEl) {
   var tabTrigger = new bootstrap.Tab(triggerEl)
 
@@ -539,10 +539,10 @@ triggerTabList.forEach(function (triggerEl) {
 You can activate individual tabs in several ways:
 
 ```js
-var triggerEl = document.querySelector('#myTab a[href="#profile"]')
+var triggerEl = document.querySelector('#myTab button[data-bs-target="#profile"]')
 bootstrap.Tab.getInstance(triggerEl).show() // Select tab by name
 
-var triggerFirstTabEl = document.querySelector('#myTab li:first-child a')
+var triggerFirstTabEl = document.querySelector('#myTab li:first-child button')
 bootstrap.Tab.getInstance(triggerFirstTabEl).show() // Select first tab
 ```
 
@@ -593,7 +593,7 @@ Activates a tab element and content container. Tab should have either a `data-bs
 </div>
 
 <script>
-  var firstTabEl = document.querySelector('#myTab li:last-child a')
+  var firstTabEl = document.querySelector('#myTab li:last-child button')
   var firstTab = new bootstrap.Tab(firstTabEl)
 
   firstTab.show()
@@ -626,7 +626,7 @@ var tab = bootstrap.Tab.getInstance(triggerEl) // Returns a Bootstrap tab instan
 
 #### getOrCreateInstance
 
-*Static* method which allows you to get the tab instance associated with a DOM element, or create a new one in case it wasn't initialised
+*Static* method which allows you to get the tab instance associated with a DOM element, or create a new one in case it wasn't initialized
 
 ```js
 var triggerEl = document.querySelector('#trigger')
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/components/offcanvas.md b/vendor/twbs/bootstrap/site/content/docs/5.1/components/offcanvas.md
index d0c60db2b..6be2cd64d 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/components/offcanvas.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/components/offcanvas.md
@@ -161,7 +161,7 @@ Scrolling the `<body>` element is disabled when an offcanvas and its backdrop ar
 </div>
 <div class="offcanvas offcanvas-start" data-bs-scroll="true" tabindex="-1" id="offcanvasWithBothOptions" aria-labelledby="offcanvasWithBothOptionsLabel">
   <div class="offcanvas-header">
-    <h5 class="offcanvas-title" id="offcanvasWithBothOptionsLabel">Backdroped with scrolling</h5>
+    <h5 class="offcanvas-title" id="offcanvasWithBothOptionsLabel">Backdrop with scrolling</h5>
     <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
   </div>
   <div class="offcanvas-body">
@@ -194,8 +194,18 @@ Add a dismiss button with the `data-bs-dismiss="offcanvas"` attribute, which tri
 
 ### Via data attributes
 
+#### Toggle
+
 Add `data-bs-toggle="offcanvas"` and a `data-bs-target` or `href` to the element to automatically assign control of one offcanvas element. The `data-bs-target` attribute accepts a CSS selector to apply the offcanvas to. Be sure to add the class `offcanvas` to the offcanvas element. If you'd like it to default open, add the additional class `show`.
 
+#### Dismiss
+
+{{% js-dismiss "offcanvas" %}}
+
+{{< callout warning >}}
+While both ways to dismiss an offcanvas are supported, keep in mind that dismissing from outside an offcanvas does not match [the WAI-ARIA modal dialog design pattern](https://www.w3.org/TR/wai-aria-practices-1.1/#dialog_modal). Do this at your own risk.
+{{< /callout >}}
+
 ### Via JavaScript
 
 Enable manually with:
@@ -241,7 +251,7 @@ var bsOffcanvas = new bootstrap.Offcanvas(myOffcanvas)
 | `show` | Shows an offcanvas element. **Returns to the caller before the offcanvas element has actually been shown** (i.e. before the `shown.bs.offcanvas` event occurs).|
 | `hide` | Hides an offcanvas element. **Returns to the caller before the offcanvas element has actually been hidden** (i.e. before the `hidden.bs.offcanvas` event occurs).|
 | `getInstance` | *Static* method which allows you to get the offcanvas instance associated with a DOM element |
-| `getOrCreateInstance` | *Static* method which allows you to get the offcanvas instance associated with a DOM element, or create a new one in case it wasn't initialised |
+| `getOrCreateInstance` | *Static* method which allows you to get the offcanvas instance associated with a DOM element, or create a new one in case it wasn't initialized |
 {{< /bs-table >}}
 
 ### Events
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/components/pagination.md b/vendor/twbs/bootstrap/site/content/docs/5.1/components/pagination.md
index 6b7c7a3da..7e70a77e1 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/components/pagination.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/components/pagination.md
@@ -58,7 +58,7 @@ While the `.disabled` class uses `pointer-events: none` to _try_ to disable the
 <nav aria-label="...">
   <ul class="pagination">
     <li class="page-item disabled">
-      <a class="page-link" href="#" tabindex="-1" aria-disabled="true">Previous</a>
+      <a class="page-link">Previous</a>
     </li>
     <li class="page-item"><a class="page-link" href="#">1</a></li>
     <li class="page-item active" aria-current="page">
@@ -128,7 +128,7 @@ Change the alignment of pagination components with [flexbox utilities]({{< docsr
 <nav aria-label="Page navigation example">
   <ul class="pagination justify-content-center">
     <li class="page-item disabled">
-      <a class="page-link" href="#" tabindex="-1" aria-disabled="true">Previous</a>
+      <a class="page-link">Previous</a>
     </li>
     <li class="page-item"><a class="page-link" href="#">1</a></li>
     <li class="page-item"><a class="page-link" href="#">2</a></li>
@@ -144,7 +144,7 @@ Change the alignment of pagination components with [flexbox utilities]({{< docsr
 <nav aria-label="Page navigation example">
   <ul class="pagination justify-content-end">
     <li class="page-item disabled">
-      <a class="page-link" href="#" tabindex="-1" aria-disabled="true">Previous</a>
+      <a class="page-link">Previous</a>
     </li>
     <li class="page-item"><a class="page-link" href="#">1</a></li>
     <li class="page-item"><a class="page-link" href="#">2</a></li>
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.1/components/placeholders.md b/vendor/twbs/bootstrap/site/content/docs/5.1/components/placeholders.md
new file mode 100644
index 000000000..7b380b603
--- /dev/null
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/components/placeholders.md
@@ -0,0 +1,144 @@
+---
+layout: docs
+title: Placeholders
+description: Use loading placeholders for your components or pages to indicate something may still be loading.
+group: components
+toc: true
+---
+
+## About
+
+Placeholders can be used to enhance the experience of your application. They're built only with HTML and CSS, meaning you don't need any JavaScript to create them. You will, however, need some custom JavaScript to toggle their visibility. Their appearance, color, and sizing can be easily customized with our utility classes.
+
+## Example
+
+In the example below, we take a typical card component and recreate it with placeholders applied to create a "loading card". Size and proportions are the same between the two.
+
+<div class="bd-example bd-example-placeholder-cards d-flex justify-content-around">
+<div class="card">
+  {{< placeholder width="100%" height="180" class="card-img-top" text="false" background="#20c997" >}}
+  <div class="card-body">
+    <h5 class="card-title">Card title</h5>
+    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
+    <a href="#" class="btn btn-primary">Go somewhere</a>
+  </div>
+</div>
+
+<div class="card" aria-hidden="true">
+  {{< placeholder width="100%" height="180" class="card-img-top" text="false" >}}
+  <div class="card-body">
+    <div class="h5 card-title placeholder-glow">
+      <span class="placeholder col-6"></span>
+    </div>
+    <p class="card-text placeholder-glow">
+      <span class="placeholder col-7"></span>
+      <span class="placeholder col-4"></span>
+      <span class="placeholder col-4"></span>
+      <span class="placeholder col-6"></span>
+      <span class="placeholder col-8"></span>
+    </p>
+    <a href="#" tabindex="-1" class="btn btn-primary disabled placeholder col-6"></a>
+  </div>
+</div>
+</div>
+
+```html
+<div class="card">
+  <img src="..." class="card-img-top" alt="...">
+
+  <div class="card-body">
+    <h5 class="card-title">Card title</h5>
+    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
+    <a href="#" class="btn btn-primary">Go somewhere</a>
+  </div>
+</div>
+
+<div class="card" aria-hidden="true">
+  <img src="..." class="card-img-top" alt="...">
+  <div class="card-body">
+    <h5 class="card-title placeholder-glow">
+      <span class="placeholder col-6"></span>
+    </h5>
+    <p class="card-text placeholder-glow">
+      <span class="placeholder col-7"></span>
+      <span class="placeholder col-4"></span>
+      <span class="placeholder col-4"></span>
+      <span class="placeholder col-6"></span>
+      <span class="placeholder col-8"></span>
+    </p>
+    <a href="#" tabindex="-1" class="btn btn-primary disabled placeholder col-6"></a>
+  </div>
+</div>
+```
+
+## How it works
+
+Create placeholders with the `.placeholder` class and a grid column class (e.g., `.col-6`) to set the `width`. They can replace the text inside an element or be added as a modifier class to an existing component.
+
+We apply additional styling to `.btn`s via `::before` to ensure the `height` is respected. You may extend this pattern for other situations as needed, or add a `&nbsp;` within the element to reflect the height when actual text is rendered in its place.
+
+{{< example >}}
+<p aria-hidden="true">
+  <span class="placeholder col-6"></span>
+</p>
+
+<a href="#" tabindex="-1" class="btn btn-primary disabled placeholder col-4" aria-hidden="true"></a>
+{{< /example >}}
+
+{{< callout info >}}
+The use of `aria-hidden="true"` only indicates that the element should be hidden to screen readers. The *loading* 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.
+{{< /callout >}}
+
+### Width
+
+You can change the `width` through grid column classes, width utilities, or inline styles.
+
+{{< example >}}
+<span class="placeholder col-6"></span>
+<span class="placeholder w-75"></span>
+<span class="placeholder" style="width: 25%;"></span>
+{{< /example >}}
+
+### Color
+
+By default, the `placeholder` uses `currentColor`. This can be overridden with a custom color or utility class.
+
+{{< example >}}
+<span class="placeholder col-12"></span>
+{{< placeholders.inline >}}
+{{- range (index $.Site.Data "theme-colors") }}
+<span class="placeholder col-12 bg-{{ .name }}"></span>
+{{- end -}}
+{{< /placeholders.inline >}}
+{{< /example >}}
+
+### Sizing
+
+The size of `.placeholder`s are based on the typographic style of the parent element. Customize them with sizing modifiers: `.placeholder-lg`, `.placeholder-sm`, or `.placeholder-xs`.
+
+{{< example >}}
+<span class="placeholder col-12 placeholder-lg"></span>
+<span class="placeholder col-12"></span>
+<span class="placeholder col-12 placeholder-sm"></span>
+<span class="placeholder col-12 placeholder-xs"></span>
+{{< /example >}}
+
+### Animation
+
+Animate placeholders with `.placeholder-glow` or `.placeholder-wave` to better convey the perception of something being _actively_ loaded.
+
+{{< example >}}
+<p class="placeholder-glow">
+  <span class="placeholder col-12"></span>
+</p>
+
+<p class="placeholder-wave">
+  <span class="placeholder col-12"></span>
+</p>
+{{< /example >}}
+
+## Sass
+
+### Variables
+
+{{< scss-docs name="placeholders" file="scss/_variables.scss" >}}
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/components/popovers.md b/vendor/twbs/bootstrap/site/content/docs/5.1/components/popovers.md
index 06aa656d9..4511645ce 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/components/popovers.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/components/popovers.md
@@ -395,7 +395,7 @@ var popover = bootstrap.Popover.getInstance(exampleTriggerEl) // Returns a Boots
 
 #### getOrCreateInstance
 
-*Static* method which allows you to get the popover instance associated with a DOM element, or create a new one in case it wasn't initialised
+*Static* method which allows you to get the popover instance associated with a DOM element, or create a new one in case it wasn't initialized
 
 ```js
 var exampleTriggerEl = document.getElementById('example')
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/components/progress.md b/vendor/twbs/bootstrap/site/content/docs/5.1/components/progress.md
index 1b59dc97a..fccd546c6 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/components/progress.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/components/progress.md
@@ -123,20 +123,11 @@ Add `.progress-bar-striped` to any `.progress-bar` to apply a stripe via CSS gra
 
 The striped gradient can also be animated. Add `.progress-bar-animated` to `.progress-bar` to animate the stripes right to left via CSS3 animations.
 
-<div class="bd-example">
-  <div class="progress">
-    <div class="progress-bar progress-bar-striped" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%"></div>
-  </div>
-  <button type="button" class="btn btn-secondary mt-3" data-bs-toggle="button" id="btnToggleAnimatedProgress" aria-pressed="false" autocomplete="off">
-    Toggle animation
-  </button>
-</div>
-
-```html
+{{< example >}}
 <div class="progress">
   <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%"></div>
 </div>
-```
+{{< /example >}}
 
 ## Sass
 
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/components/scrollspy.md b/vendor/twbs/bootstrap/site/content/docs/5.1/components/scrollspy.md
index 580a1e2d5..bcd9fb78a 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/components/scrollspy.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/components/scrollspy.md
@@ -300,7 +300,7 @@ var scrollSpy = bootstrap.ScrollSpy.getInstance(scrollSpyContentEl) // Returns a
 
 #### getOrCreateInstance
 
-*Static* method which allows you to get the scrollspy instance associated with a DOM element, or create a new one in case it wasn't initialised
+*Static* method which allows you to get the scrollspy instance associated with a DOM element, or create a new one in case it wasn't initialized
 
 ```js
 var scrollSpyContentEl = document.getElementById('content')
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/components/spinners.md b/vendor/twbs/bootstrap/site/content/docs/5.1/components/spinners.md
index ef7efaf58..ef7efaf58 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/components/spinners.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/components/spinners.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/components/toasts.md b/vendor/twbs/bootstrap/site/content/docs/5.1/components/toasts.md
index 2dde09f5b..449f0275c 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/components/toasts.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/components/toasts.md
@@ -41,12 +41,16 @@ Toasts are as flexible as you need and have very little required markup. At a mi
 </div>
 {{< /example >}}
 
-### Live
+{{< callout warning >}}
+Previously, our scripts dynamically added the `.hide` class to completely hide a toast (with `display:none`, rather than just with `opacity:0`). This is now not necessary anymore. However, for backwards compatibility, our script will continue to toggle the class (even though there is no practical need for it) until the next major version.
+{{< /callout >}}
+
+### Live example
 
-Click the button below to show a toast (positioned with our utilities in the lower right corner) that has been hidden by default with `.hide`.
+Click the button below to show a toast (positioned with our utilities in the lower right corner) that has been hidden by default.
 
 <div class="position-fixed bottom-0 end-0 p-3" style="z-index: 11">
-  <div id="liveToast" class="toast hide" role="alert" aria-live="assertive" aria-atomic="true">
+  <div id="liveToast" class="toast" role="alert" aria-live="assertive" aria-atomic="true">
     <div class="toast-header">
       {{< placeholder width="20" height="20" background="#007aff" class="rounded me-2" text="false" title="false" >}}
       <strong class="me-auto">Bootstrap</strong>
@@ -67,7 +71,7 @@ Click the button below to show a toast (positioned with our utilities in the low
 <button type="button" class="btn btn-primary" id="liveToastBtn">Show live toast</button>
 
 <div class="position-fixed bottom-0 end-0 p-3" style="z-index: 11">
-  <div id="liveToast" class="toast hide" role="alert" aria-live="assertive" aria-atomic="true">
+  <div id="liveToast" class="toast" role="alert" aria-live="assertive" aria-atomic="true">
     <div class="toast-header">
       <img src="..." class="rounded me-2" alt="...">
       <strong class="me-auto">Bootstrap</strong>
@@ -81,6 +85,20 @@ Click the button below to show a toast (positioned with our utilities in the low
 </div>
 ```
 
+We use the following JavaScript to trigger our live toast demo:
+
+```js
+var toastTrigger = document.getElementById('liveToastBtn')
+var toastLiveExample = document.getElementById('liveToast')
+if (toastTrigger) {
+  toastTrigger.addEventListener('click', function () {
+    var toast = new bootstrap.Toast(toastLiveExample)
+
+    toast.show()
+  })
+}
+```
+
 ### Translucent
 
 Toasts are slightly translucent to blend in with what's below them.
@@ -323,6 +341,10 @@ var toastList = toastElList.map(function (toastEl) {
 })
 ```
 
+### Triggers
+
+{{% js-dismiss "toast" %}}
+
 ### Options
 
 Options can be passed via data attributes or JavaScript. For data attributes, append the option name to `data-bs-`, as in `data-bs-animation=""`.
@@ -393,7 +415,7 @@ toast.dispose()
 
 #### getInstance
 
-*Static* method which allows you to get the scrollspy instance associated with a DOM element
+*Static* method which allows you to get the toast instance associated with a DOM element
 
 ```js
 var myToastEl = document.getElementById('myToastEl')
@@ -402,7 +424,7 @@ var myToast = bootstrap.Toast.getInstance(myToastEl) // Returns a Bootstrap toas
 
 #### getOrCreateInstance
 
-*Static* method which allows you to get the scrollspy instance associated with a DOM element, or create a new one in case it wasn't initialised
+*Static* method which allows you to get the toast instance associated with a DOM element, or create a new one in case it wasn't initialized
 
 ```js
 var myToastEl = document.getElementById('myToastEl')
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/components/tooltips.md b/vendor/twbs/bootstrap/site/content/docs/5.1/components/tooltips.md
index 59d2480d4..58da2076b 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/components/tooltips.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/components/tooltips.md
@@ -419,7 +419,7 @@ var tooltip = bootstrap.Tooltip.getInstance(exampleTriggerEl) // Returns a Boots
 
 #### getOrCreateInstance
 
-*Static* method which allows you to get the tooltip instance associated with a DOM element, or create a new one in case it wasn't initialised
+*Static* method which allows you to get the tooltip instance associated with a DOM element, or create a new one in case it wasn't initialized
 
 ```js
 var exampleTriggerEl = document.getElementById('example')
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/content/figures.md b/vendor/twbs/bootstrap/site/content/docs/5.1/content/figures.md
index 29a38d723..29a38d723 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/content/figures.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/content/figures.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/content/images.md b/vendor/twbs/bootstrap/site/content/docs/5.1/content/images.md
index f1012efbf..9d13ef4fb 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/content/images.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/content/images.md
@@ -1,14 +1,14 @@
 ---
 layout: docs
 title: Images
-description: Documentation and examples for opting images into responsive behavior (so they never become larger than their parent elements) and add lightweight styles to them—all via classes.
+description: Documentation and examples for opting images into responsive behavior (so they never become wider than their parent) and add lightweight styles to them—all via classes.
 group: content
 toc: true
 ---
 
 ## Responsive images
 
-Images in Bootstrap are made responsive with `.img-fluid`. This applies `max-width: 100%;` and `height: auto;` to the image so that it scales with the parent element.
+Images in Bootstrap are made responsive with `.img-fluid`. This applies `max-width: 100%;` and `height: auto;` to the image so that it scales with the parent width.
 
 {{< example >}}
 {{< placeholder width="100%" height="250" class="bd-placeholder-img-lg img-fluid" text="Responsive image" >}}
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/content/reboot.md b/vendor/twbs/bootstrap/site/content/docs/5.1/content/reboot.md
index 7ed1d796b..63f892de2 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/content/reboot.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/content/reboot.md
@@ -3,7 +3,7 @@ layout: docs
 title: Reboot
 description: Reboot, a collection of element-specific CSS changes in a single file, kickstart Bootstrap to provide an elegant, consistent, and simple baseline to build upon.
 group: content
-aliases: "/docs/5.0/content/"
+aliases: "/docs/5.1/content/"
 toc: true
 ---
 
@@ -18,6 +18,12 @@ Here are our guidelines and reasons for choosing what to override in Reboot:
 - For easier scaling across device sizes, block elements should use `rem`s for `margin`s.
 - Keep declarations of `font`-related properties to a minimum, using `inherit` whenever possible.
 
+## CSS variables
+
+<small class="d-inline-flex px-2 py-1 font-monospace text-muted border rounded-3">Added in v5.1.1</small>
+
+With v5.1.1, we standardized our required `@import`s across all our CSS bundles (including `bootstrap.css`, `bootstrap-reboot.css`, and `bootstrap-grid.css` to include `_root.scss` . This adds `:root` level CSS variables to all bundles, regardless of how many of them are used in that bundle. Ultimately Bootstrap 5 will continue to see more CSS variables added over time.
+
 ## Page defaults
 
 The `<html>` and `<body>` elements are updated to provide better page-wide defaults. More specifically:
@@ -56,6 +62,26 @@ Note that because the font stack includes emoji fonts, many common symbol/dingba
 
 This `font-family` is applied to the `<body>` and automatically inherited globally throughout Bootstrap. To switch the global `font-family`, update `$font-family-base` and recompile Bootstrap.
 
+## CSS variables
+
+As Bootstrap 5 continues to mature, more and more styles will be built with [CSS variables]({{< docsref "/customize/css-variables" >}}) as a means to provide more real-time customization without the need to always recompile Sass. Our approach is to take our source Sass variables and transform them into CSS variables. That way, even if you don't use CSS variables, you still have all the power of Sass. **This is still in-progress and will take time to fully implement.**
+
+For example, consider these `:root` CSS variables for common `<body>` styles:
+
+{{< scss-docs name="root-body-variables" file="scss/_root.scss" >}}
+
+In practice, those variables are then applied in Reboot like so:
+
+{{< scss-docs name="reboot-body-rules" file="scss/_reboot.scss" >}}
+
+Which allows you to make real-time customizations however you like:
+
+```html
+<body style="--bs-body-color: #333;">
+  <!-- ... -->
+</body>
+```
+
 ## Headings and paragraphs
 
 All heading elements—e.g., `<h1>`—and `<p>` are reset to have their `margin-top` removed. Headings have `margin-bottom: .5rem` added and paragraphs `margin-bottom: 1rem` for easy spacing.
@@ -407,7 +433,7 @@ The default `margin` on blockquotes is `1em 40px`, so we reset that to `0 0 1rem
 The `<abbr>` element receives basic styling to make it stand out amongst paragraph text.
 
 <div class="bd-example">
-  Nulla <abbr title="attribute">attr</abbr> vitae elit libero, a pharetra augue.
+  The <abbr title="HyperText Markup Language">HTML</abbr> abbreviation element.
 </div>
 
 ### Summary
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/content/tables.md b/vendor/twbs/bootstrap/site/content/docs/5.1/content/tables.md
index 7ec00201b..6f6e025dc 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/content/tables.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/content/tables.md
@@ -559,7 +559,7 @@ A `<caption>` functions like a heading for a table. It helps users with screen r
 <div class="bd-example">
   <table class="table">
     <caption>List of users</caption>
-    {{< partial "table-content.html" >}}
+    {{< partial "table-content" >}}
   </table>
 </div>
 
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/content/typography.md b/vendor/twbs/bootstrap/site/content/docs/5.1/content/typography.md
index 7d41f04de..7d41f04de 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/content/typography.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/content/typography.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/customize/color.md b/vendor/twbs/bootstrap/site/content/docs/5.1/customize/color.md
index 7d1615589..63e5d19e6 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/customize/color.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/customize/color.md
@@ -106,3 +106,45 @@ Here's how you can use these in your Sass:
 ```
 
 [Color]({{< docsref "/utilities/colors" >}}) and [background]({{< docsref "/utilities/background" >}}) utility classes are also available for setting `color` and `background-color` using the `500` color values.
+
+## Generating utilities
+
+<small class="d-inline-flex px-2 py-1 font-monospace text-muted border rounded-3">Added in v5.1.0</small>
+
+Bootstrap doesn't include `color` and `background-color` utilities for every color variable, but you can generate these yourself with our [utility API]({{< docsref "/utilities/api" >}}) and our extended Sass maps added in v5.1.0.
+
+1. To start, make sure you've imported our functions, variables, mixins, and utilities.
+2. Use our `map-merge-multiple()` function to quickly merge multiple Sass maps together in a new map.
+3. Merge this new combined map to extend any utility with a `{color}-{level}` class name.
+
+Here's an example that generates text color utilities (e.g., `.text-purple-500`) using the above steps.
+
+```scss
+@import "bootstrap/scss/functions";
+@import "bootstrap/scss/variables";
+@import "bootstrap/scss/mixins";
+@import "bootstrap/scss/utilities";
+
+$all-colors: map-merge-multiple($blues, $indigos, $purples, $pinks, $reds, $oranges, $yellows, $greens, $teals, $cyans);
+
+$utilities: map-merge(
+  $utilities,
+  (
+    "color": map-merge(
+      map-get($utilities, "color"),
+      (
+        values: map-merge(
+          map-get(map-get($utilities, "color"), "values"),
+          (
+            $all-colors
+          ),
+        ),
+      ),
+    ),
+  )
+);
+
+@import "bootstrap/scss/utilities/api";
+```
+
+This will generate new `.text-{color}-{level}` utilities for every color and level. You can do the same for any other utility and property as well.
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/customize/components.md b/vendor/twbs/bootstrap/site/content/docs/5.1/customize/components.md
index b512a9036..b512a9036 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/customize/components.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/customize/components.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/customize/css-variables.md b/vendor/twbs/bootstrap/site/content/docs/5.1/customize/css-variables.md
index a2d0f33b7..079f9ad23 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/customize/css-variables.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/customize/css-variables.md
@@ -6,7 +6,7 @@ group: customize
 toc: true
 ---
 
-Bootstrap 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.
+Bootstrap includes many [CSS custom properties (variables)](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties) in its compiled CSS for real-time customization without the need to recompile Sass. 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 `bs-`** to avoid conflicts with third party CSS.
 
@@ -48,3 +48,7 @@ a {
   color: var(--bs-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/vendor/twbs/bootstrap/site/content/docs/5.0/customize/optimize.md b/vendor/twbs/bootstrap/site/content/docs/5.1/customize/optimize.md
index 0911667d0..fc61728ce 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/customize/optimize.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/customize/optimize.md
@@ -30,6 +30,7 @@ For instance, assuming you're using your own JavaScript bundler like Webpack or
 // import 'bootstrap/js/dist/collapse';
 // import 'bootstrap/js/dist/dropdown';
 import 'bootstrap/js/dist/modal';
+// import 'bootstrap/js/dist/offcanvas';
 // import 'bootstrap/js/dist/popover';
 // import 'bootstrap/js/dist/scrollspy';
 // import 'bootstrap/js/dist/tab';
@@ -70,9 +71,9 @@ Lastly, this [CSS Tricks article on unused CSS](https://css-tricks.com/how-do-yo
 
 Whenever possible, be sure to compress all the code you serve to your visitors. If you're using Bootstrap dist files, try to stick to the minified versions (indicated by the `.min.css` and `.min.js` extensions). If you're building Bootstrap from the source with your own build system, be sure to implement your own minifiers for HTML, CSS, and JS.
 
-## Nonblocking files
+## Non-blocking files
 
-While minifying and using compression might seem like enough, making your files nonblocking ones is also a big step in making your site well-optimized and fast enough.
+While minifying and using compression might seem like enough, making your files non-blocking ones is also a big step in making your site well-optimized and fast enough.
 
 If you are using a [Lighthouse](https://developers.google.com/web/tools/lighthouse/) plugin in Google Chrome, you may have stumbled over FCP. [The First Contentful Paint](https://web.dev/fcp/) metric measures the time from when the page starts loading to when any part of the page's content is rendered on the screen.
 
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/customize/options.md b/vendor/twbs/bootstrap/site/content/docs/5.1/customize/options.md
index 0d846270b..c819e6e84 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/customize/options.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/customize/options.md
@@ -26,4 +26,5 @@ You can find and customize these variables for key global options in Bootstrap's
 | `$enable-negative-margins`     | `true` or `false` (default)        | Enables the generation of [negative margin utilities]({{< docsref "/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]({{< docsref "/getting-started/accessibility#reduced-motion" >}}) |
 {{< /bs-table >}}
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/customize/overview.md b/vendor/twbs/bootstrap/site/content/docs/5.1/customize/overview.md
index 9c8878e3a..03b4bff33 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/customize/overview.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/customize/overview.md
@@ -4,7 +4,7 @@ title: Customize
 description: Learn how to theme, customize, and extend Bootstrap with Sass, a boatload of global options, an expansive color system, and more.
 group: customize
 toc: false
-aliases: "/docs/5.0/customize/"
+aliases: "/docs/5.1/customize/"
 sections:
   - title: Sass
     description: Utilize our source Sass files to take advantage of variables, maps, mixins, and functions.
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/customize/sass.md b/vendor/twbs/bootstrap/site/content/docs/5.1/customize/sass.md
index 4039bd67c..e00d1eeae 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/customize/sass.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/customize/sass.md
@@ -60,16 +60,21 @@ In your `custom.scss`, you'll import Bootstrap's source Sass files. You have two
 // 3. Include remainder of required Bootstrap stylesheets
 @import "../node_modules/bootstrap/scss/variables";
 @import "../node_modules/bootstrap/scss/mixins";
-
-// 4. Include any optional Bootstrap components as you like
 @import "../node_modules/bootstrap/scss/root";
+
+// 4. Include any optional Bootstrap CSS as needed
+@import "../node_modules/bootstrap/scss/utilities";
 @import "../node_modules/bootstrap/scss/reboot";
 @import "../node_modules/bootstrap/scss/type";
 @import "../node_modules/bootstrap/scss/images";
 @import "../node_modules/bootstrap/scss/containers";
 @import "../node_modules/bootstrap/scss/grid";
+@import "../node_modules/bootstrap/scss/helpers";
 
-// 5. Add additional custom code here
+// 5. Optionally include utilities API last to generate classes based on the Sass map in `_utilities.scss`
+@import "../node_modules/bootstrap/scss/utilities/api";
+
+// 6. 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 Bootstrap under the `// Optional` section as needed. We suggest using the full import stack from our `bootstrap.scss` file as your starting point.
@@ -95,9 +100,9 @@ $body-color: #111;
 // Required
 @import "../node_modules/bootstrap/scss/variables";
 @import "../node_modules/bootstrap/scss/mixins";
+@import "../node_modules/bootstrap/scss/root";
 
 // Optional Bootstrap components here
-@import "../node_modules/bootstrap/scss/root";
 @import "../node_modules/bootstrap/scss/reboot";
 @import "../node_modules/bootstrap/scss/type";
 // etc
@@ -156,11 +161,11 @@ To remove colors from `$theme-colors`, or any other map, use `map-remove`. Be aw
 @import "../node_modules/bootstrap/scss/functions";
 @import "../node_modules/bootstrap/scss/variables";
 @import "../node_modules/bootstrap/scss/mixins";
+@import "../node_modules/bootstrap/scss/root";
 
 $theme-colors: map-remove($theme-colors, "info", "light", "dark");
 
 // Optional
-@import "../node_modules/bootstrap/scss/root";
 @import "../node_modules/bootstrap/scss/reboot";
 @import "../node_modules/bootstrap/scss/type";
 // etc
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/.stylelintrc b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/.stylelintrc
index dc76dedbd..dc76dedbd 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/.stylelintrc
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/.stylelintrc
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/_index.md b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/_index.md
index 3d5bfab2f..3d5bfab2f 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/_index.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/_index.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/album-rtl/index.html b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/album-rtl/index.html
index 3408056bc..3408056bc 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/album-rtl/index.html
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/album-rtl/index.html
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/album/index.html b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/album/index.html
index 2d25d726a..2d25d726a 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/album/index.html
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/album/index.html
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/blog-rtl/index.html b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/blog-rtl/index.html
index d3b732c64..3ce0978f3 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/blog-rtl/index.html
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/blog-rtl/index.html
@@ -154,7 +154,7 @@ include_js: false
 
       <nav class="blog-pagination" aria-label="Pagination">
         <a class="btn btn-outline-primary" href="#">تدوينات أقدم</a>
-        <a class="btn btn-outline-secondary disabled" href="#" tabindex="-1" aria-disabled="true">تدوينات أحدث</a>
+        <a class="btn btn-outline-secondary disabled">تدوينات أحدث</a>
       </nav>
 
     </div>
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/blog/blog.css b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/blog/blog.css
index 437a540f6..437a540f6 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/blog/blog.css
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/blog/blog.css
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/blog/blog.rtl.css b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/blog/blog.rtl.css
index 35eac731f..35eac731f 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/blog/blog.rtl.css
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/blog/blog.rtl.css
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/blog/index.html b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/blog/index.html
index 13c013b2c..fb5c25dfc 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/blog/index.html
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/blog/index.html
@@ -115,7 +115,7 @@ include_js: false
           <li>Second list item with a longer description</li>
           <li>Third list item to close it out</li>
         </ol>
-        <p>And this is a definiton list:</p>
+        <p>And this is a definition list:</p>
         <dl>
           <dt>HyperText Markup Language (HTML)</dt>
           <dd>The language used to describe and define the content of a Web page</dd>
@@ -206,7 +206,7 @@ include_js: false
 
       <nav class="blog-pagination" aria-label="Pagination">
         <a class="btn btn-outline-primary" href="#">Older</a>
-        <a class="btn btn-outline-secondary disabled" href="#" tabindex="-1" aria-disabled="true">Newer</a>
+        <a class="btn btn-outline-secondary disabled">Newer</a>
       </nav>
 
     </div>
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/carousel-rtl/index.html b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/carousel-rtl/index.html
index 4e0285686..043d4b063 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/carousel-rtl/index.html
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/carousel-rtl/index.html
@@ -22,7 +22,7 @@ extra_css:
             <a class="nav-link" href="#">حلقة الوصل</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">رابط غير مفعل</a>
+            <a class="nav-link disabled">رابط غير مفعل</a>
           </li>
         </ul>
         <form class="d-flex">
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/carousel/carousel.css b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/carousel/carousel.css
index f91faec76..f91faec76 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/carousel/carousel.css
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/carousel/carousel.css
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/carousel/carousel.rtl.css b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/carousel/carousel.rtl.css
index 853640b97..853640b97 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/carousel/carousel.rtl.css
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/carousel/carousel.rtl.css
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/carousel/index.html b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/carousel/index.html
index da5f3ab7a..8faf6cdd1 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/carousel/index.html
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/carousel/index.html
@@ -21,7 +21,7 @@ extra_css:
             <a class="nav-link" href="#">Link</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+            <a class="nav-link disabled">Disabled</a>
           </li>
         </ul>
         <form class="d-flex">
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/cheatsheet-rtl/index.html b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/cheatsheet-rtl/index.html
index 7728e5036..04afcbaf4 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/cheatsheet-rtl/index.html
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/cheatsheet-rtl/index.html
@@ -12,7 +12,7 @@ direction: rtl
 <header class="bd-header bg-dark py-3 d-flex align-items-stretch border-bottom border-dark">
   <div class="container-fluid d-flex align-items-center">
     <h1 class="d-flex align-items-center fs-4 text-white mb-0">
-      <img src="/docs/5.0/assets/brand/bootstrap-logo-white.svg" width="38" height="30" class="me-3" alt="Bootstrap">
+      <img src="/docs/5.1/assets/brand/bootstrap-logo-white.svg" width="38" height="30" class="me-3" alt="Bootstrap">
       ورقة الغش
     </h1>
     <a href="{{< docsref "/examples/cheatsheet" >}}" class="ms-auto link-light" hreflang="en">جدول بيانات LTR</a>
@@ -355,7 +355,7 @@ direction: rtl
             <input type="file" class="form-control" id="customFile">
           </div>
           <div class="mb-3 form-check form-switch">
-            <input class="form-check-input" type="checkbox" id="flexSwitchCheckChecked" checked>
+            <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckChecked" checked>
             <label class="form-check-label" for="flexSwitchCheckChecked">زر على شكل مفتاح اختيار.</label>
           </div>
           <div class="mb-3">
@@ -411,7 +411,7 @@ direction: rtl
               <input type="file" class="form-control" id="disabledCustomFile" disabled>
             </div>
             <div class="mb-3 form-check form-switch">
-              <input class="form-check-input" type="checkbox" id="disabledSwitchCheckChecked" checked disabled>
+              <input class="form-check-input" type="checkbox" role="switch" id="disabledSwitchCheckChecked" checked disabled>
               <label class="form-check-label" for="disabledSwitchCheckChecked">زر معطل على شكل مفتاح اختيار.</label>
             </div>
             <div class="mb-3">
@@ -1157,7 +1157,7 @@ direction: rtl
           <a class="nav-link active" aria-current="page" href="#">نشط</a>
           <a class="nav-link" href="#">رابط</a>
           <a class="nav-link" href="#">رابط</a>
-          <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">معطل</a>
+          <a class="nav-link disabled">معطل</a>
         </nav>
         {{< /example >}}
 
@@ -1194,7 +1194,7 @@ direction: rtl
             <a class="nav-link" href="#">رابط</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">معطل</a>
+            <a class="nav-link disabled">معطل</a>
           </li>
         </ul>
         {{< /example >}}
@@ -1237,7 +1237,7 @@ direction: rtl
                   </ul>
                 </li>
                 <li class="nav-item">
-                  <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">معطل</a>
+                  <a class="nav-link disabled">معطل</a>
                 </li>
               </ul>
               <form class="d-flex">
@@ -1276,7 +1276,7 @@ direction: rtl
                   </ul>
                 </li>
                 <li class="nav-item">
-                  <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">معطل</a>
+                  <a class="nav-link disabled">معطل</a>
                 </li>
               </ul>
               <form class="d-flex">
@@ -1332,7 +1332,7 @@ direction: rtl
         <nav aria-label="مثال آخر لترقيم الصفحات">
           <ul class="pagination pagination-lg flex-wrap">
             <li class="page-item disabled">
-              <a class="page-link" href="#" tabindex="-1" aria-disabled="true">السابق</a>
+              <a class="page-link">السابق</a>
             </li>
             <li class="page-item"><a class="page-link" href="#">1</a></li>
             <li class="page-item active" aria-current="page">
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/cheatsheet/cheatsheet.css b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/cheatsheet/cheatsheet.css
index 77aa0f23c..77aa0f23c 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/cheatsheet/cheatsheet.css
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/cheatsheet/cheatsheet.css
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/cheatsheet/cheatsheet.js b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/cheatsheet/cheatsheet.js
index 0a50258b9..0a50258b9 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/cheatsheet/cheatsheet.js
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/cheatsheet/cheatsheet.js
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/cheatsheet/cheatsheet.rtl.css b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/cheatsheet/cheatsheet.rtl.css
index c1a4a1ccc..c1a4a1ccc 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/cheatsheet/cheatsheet.rtl.css
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/cheatsheet/cheatsheet.rtl.css
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/cheatsheet/index.html b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/cheatsheet/index.html
index 9bcf5cc71..d68e26233 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/cheatsheet/index.html
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/cheatsheet/index.html
@@ -11,7 +11,7 @@ body_class: "bg-light"
 <header class="bd-header bg-dark py-3 d-flex align-items-stretch border-bottom border-dark">
   <div class="container-fluid d-flex align-items-center">
     <h1 class="d-flex align-items-center fs-4 text-white mb-0">
-      <img src="/docs/5.0/assets/brand/bootstrap-logo-white.svg" width="38" height="30" class="me-3" alt="Bootstrap">
+      <img src="/docs/5.1/assets/brand/bootstrap-logo-white.svg" width="38" height="30" class="me-3" alt="Bootstrap">
       Cheatsheet
     </h1>
     <a href="{{< docsref "/examples/cheatsheet-rtl" >}}" class="ms-auto link-light" hreflang="ar">RTL cheatsheet</a>
@@ -354,7 +354,7 @@ body_class: "bg-light"
             <input type="file" class="form-control" id="customFile">
           </div>
           <div class="mb-3 form-check form-switch">
-            <input class="form-check-input" type="checkbox" id="flexSwitchCheckChecked" checked>
+            <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckChecked" checked>
             <label class="form-check-label" for="flexSwitchCheckChecked">Checked switch checkbox input</label>
           </div>
           <div class="mb-3">
@@ -410,7 +410,7 @@ body_class: "bg-light"
               <input type="file" class="form-control" id="disabledCustomFile" disabled>
             </div>
             <div class="mb-3 form-check form-switch">
-              <input class="form-check-input" type="checkbox" id="disabledSwitchCheckChecked" checked disabled>
+              <input class="form-check-input" type="checkbox" role="switch" id="disabledSwitchCheckChecked" checked disabled>
               <label class="form-check-label" for="disabledSwitchCheckChecked">Disabled checked switch checkbox input</label>
             </div>
             <div class="mb-3">
@@ -1156,7 +1156,7 @@ body_class: "bg-light"
           <a class="nav-link active" aria-current="page" href="#">Active</a>
           <a class="nav-link" href="#">Link</a>
           <a class="nav-link" href="#">Link</a>
-          <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+          <a class="nav-link disabled">Disabled</a>
         </nav>
         {{< /example >}}
 
@@ -1193,7 +1193,7 @@ body_class: "bg-light"
             <a class="nav-link" href="#">Link</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+            <a class="nav-link disabled">Disabled</a>
           </li>
         </ul>
         {{< /example >}}
@@ -1236,7 +1236,7 @@ body_class: "bg-light"
                   </ul>
                 </li>
                 <li class="nav-item">
-                  <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+                  <a class="nav-link disabled">Disabled</a>
                 </li>
               </ul>
               <form class="d-flex">
@@ -1275,7 +1275,7 @@ body_class: "bg-light"
                   </ul>
                 </li>
                 <li class="nav-item">
-                  <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+                  <a class="nav-link disabled">Disabled</a>
                 </li>
               </ul>
               <form class="d-flex">
@@ -1331,7 +1331,7 @@ body_class: "bg-light"
         <nav aria-label="Another pagination example">
           <ul class="pagination pagination-lg flex-wrap">
             <li class="page-item disabled">
-              <a class="page-link" href="#" tabindex="-1" aria-disabled="true">Previous</a>
+              <a class="page-link">Previous</a>
             </li>
             <li class="page-item"><a class="page-link" href="#">1</a></li>
             <li class="page-item active" aria-current="page">
@@ -1560,7 +1560,7 @@ body_class: "bg-light"
         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
       </div>
       <div class="modal-body">
-        <p>This is some placeholder content to show the scrolling behavior for modals. We use repeated line breaks to demonstrate how content can exceed minimum inner height, thereby showing inner scrolling. When content becomes longer than the prefedined max-height of modal, content will be cropped and scrollable within the modal.</p>
+        <p>This is some placeholder content to show the scrolling behavior for modals. We use repeated line breaks to demonstrate how content can exceed minimum inner height, thereby showing inner scrolling. When content becomes longer than the predefined max-height of modal, content will be cropped and scrollable within the modal.</p>
         <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
         <p>This content should appear at the bottom after you scroll.</p>
       </div>
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/checkout-rtl/index.html b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/checkout-rtl/index.html
index e0ca621b1..e0ca621b1 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/checkout-rtl/index.html
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/checkout-rtl/index.html
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/checkout/form-validation.css b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/checkout/form-validation.css
index e5ea31c40..e5ea31c40 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/checkout/form-validation.css
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/checkout/form-validation.css
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/checkout/form-validation.js b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/checkout/form-validation.js
index f8fd583de..f8fd583de 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/checkout/form-validation.js
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/checkout/form-validation.js
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/checkout/index.html b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/checkout/index.html
index 4809dc4bb..4809dc4bb 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/checkout/index.html
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/checkout/index.html
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/cover/cover.css b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/cover/cover.css
index 87afc3be9..87afc3be9 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/cover/cover.css
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/cover/cover.css
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/cover/index.html b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/cover/index.html
index 10362083e..10362083e 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/cover/index.html
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/cover/index.html
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/dashboard-rtl/dashboard.js b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/dashboard-rtl/dashboard.js
index 7831fa9d0..7831fa9d0 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/dashboard-rtl/dashboard.js
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/dashboard-rtl/dashboard.js
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/dashboard-rtl/index.html b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/dashboard-rtl/index.html
index daef89a14..19db4f3b4 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/dashboard-rtl/index.html
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/dashboard-rtl/index.html
@@ -5,10 +5,10 @@ direction: rtl
 extra_css:
   - "../dashboard/dashboard.rtl.css"
 extra_js:
-  - src: "https://cdnjs.cloudflare.com/ajax/libs/feather-icons/4.24.1/feather.min.js"
-    integrity: "sha384-EbSscX4STvYAC/DxHse8z5gEDaNiKAIGW+EpfzYTfQrgIlHywXXrM9SUIZ0BlyfF"
-  - src: "https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js"
-    integrity: "sha384-i+dHPTzZw7YVZOx9lbH5l6lP74sLRtMtwN2XjVqjf3uAGAREAF4LMIUDTWEVs4LI"
+  - src: "https://cdn.jsdelivr.net/npm/feather-icons@4.28.0/dist/feather.min.js"
+    integrity: "sha384-uO3SXW5IuS1ZpFPKugNNWqTZRRglnUJK6UAZ/gxOX80nxEkN9NcGZTftn6RzhGWE"
+  - src: "https://cdn.jsdelivr.net/npm/chart.js@2.9.4/dist/Chart.min.js"
+    integrity: "sha384-zNy6FEbO50N+Cg5wap8IKA4M/ZnLJgzc6w2NqACZaK0u0FXfOWRRJOnQtpZun8ha"
   - src: "dashboard.js"
 ---
 
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/dashboard/dashboard.css b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/dashboard/dashboard.css
index e1099fbb3..e1099fbb3 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/dashboard/dashboard.css
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/dashboard/dashboard.css
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/dashboard/dashboard.js b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/dashboard/dashboard.js
index 7c2402ae2..7c2402ae2 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/dashboard/dashboard.js
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/dashboard/dashboard.js
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/dashboard/dashboard.rtl.css b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/dashboard/dashboard.rtl.css
index a88226ecf..a88226ecf 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/dashboard/dashboard.rtl.css
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/dashboard/dashboard.rtl.css
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/dashboard/index.html b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/dashboard/index.html
index 04c187dbc..04c187dbc 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/dashboard/index.html
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/dashboard/index.html
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.1/examples/dropdowns/dropdowns.css b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/dropdowns/dropdowns.css
new file mode 100644
index 000000000..4341c59ea
--- /dev/null
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/dropdowns/dropdowns.css
@@ -0,0 +1,89 @@
+.b-example-divider {
+  height: 3rem;
+  background-color: rgba(0, 0, 0, .1);
+  border: solid rgba(0, 0, 0, .15);
+  border-width: 1px 0;
+  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
+}
+
+.bi {
+  vertical-align: -.125em;
+  fill: currentColor;
+}
+
+.dropdown-menu {
+  position: static;
+  display: block;
+  width: auto;
+  margin: 4rem auto;
+}
+
+.dropdown-menu-macos {
+  display: grid;
+  gap: .25rem;
+  padding: .5rem;
+  border-radius: .5rem;
+}
+.dropdown-menu-macos .dropdown-item {
+  border-radius: .25rem;
+}
+
+.dropdown-item-danger {
+  color: var(--bs-red);
+}
+.dropdown-item-danger:hover,
+.dropdown-item-danger:focus {
+  color: #fff;
+  background-color: var(--bs-red);
+}
+.dropdown-item-danger.active {
+  background-color: var(--bs-red);
+}
+
+.btn-hover-light {
+  text-align: left;
+  background-color: var(--bs-white);
+  border-radius: .25rem;
+}
+.btn-hover-light:hover,
+.btn-hover-light:focus {
+  color: var(--bs-blue);
+  background-color: var(--bs-light);
+}
+
+.cal-month,
+.cal-days,
+.cal-weekdays {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  align-items: center;
+}
+.cal-month-name {
+  grid-column-start: 2;
+  grid-column-end: 7;
+  text-align: center;
+}
+.cal-weekday,
+.cal-btn {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  height: 3rem;
+  padding: 0;
+}
+.cal-btn:not([disabled]) {
+  font-weight: 500;
+}
+.cal-btn:hover,
+.cal-btn:focus {
+  background-color: rgba(0, 0, 0, .05);
+}
+.cal-btn[disabled] {
+  opacity: .5;
+}
+
+.form-control-dark {
+  background-color: rgba(255, 255, 255, .05);
+  border-color: rgba(255, 255, 255, .15);
+}
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.1/examples/dropdowns/index.html b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/dropdowns/index.html
new file mode 100644
index 000000000..5296d1507
--- /dev/null
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/dropdowns/index.html
@@ -0,0 +1,339 @@
+---
+layout: examples
+title: Dropdowns
+extra_css:
+  - "dropdowns.css"
+body_class: ""
+---
+
+<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
+  <symbol id="bootstrap" viewBox="0 0 118 94">
+    <title>Bootstrap</title>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M24.509 0c-6.733 0-11.715 5.893-11.492 12.284.214 6.14-.064 14.092-2.066 20.577C8.943 39.365 5.547 43.485 0 44.014v5.972c5.547.529 8.943 4.649 10.951 11.153 2.002 6.485 2.28 14.437 2.066 20.577C12.794 88.106 17.776 94 24.51 94H93.5c6.733 0 11.714-5.893 11.491-12.284-.214-6.14.064-14.092 2.066-20.577 2.009-6.504 5.396-10.624 10.943-11.153v-5.972c-5.547-.529-8.934-4.649-10.943-11.153-2.002-6.484-2.28-14.437-2.066-20.577C105.214 5.894 100.233 0 93.5 0H24.508zM80 57.863C80 66.663 73.436 72 62.543 72H44a2 2 0 01-2-2V24a2 2 0 012-2h18.437c9.083 0 15.044 4.92 15.044 12.474 0 5.302-4.01 10.049-9.119 10.88v.277C75.317 46.394 80 51.21 80 57.863zM60.521 28.34H49.948v14.934h8.905c6.884 0 10.68-2.772 10.68-7.727 0-4.643-3.264-7.207-9.012-7.207zM49.948 49.2v16.458H60.91c7.167 0 10.964-2.876 10.964-8.281 0-5.406-3.903-8.178-11.425-8.178H49.948z"></path>
+  </symbol>
+
+  <symbol id="exclamation-triangle-fill" viewBox="0 0 16 16">
+    <path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
+  </symbol>
+
+  <symbol id="check2" viewBox="0 0 16 16">
+    <path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
+  </symbol>
+
+  <symbol id="check2-circle" viewBox="0 0 16 16">
+    <path d="M2.5 8a5.5 5.5 0 0 1 8.25-4.764.5.5 0 0 0 .5-.866A6.5 6.5 0 1 0 14.5 8a.5.5 0 0 0-1 0 5.5 5.5 0 1 1-11 0z"/>
+    <path d="M15.354 3.354a.5.5 0 0 0-.708-.708L8 9.293 5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l7-7z"/>
+  </symbol>
+
+  <symbol id="bookmark-star" viewBox="0 0 16 16">
+    <path d="M7.84 4.1a.178.178 0 0 1 .32 0l.634 1.285a.178.178 0 0 0 .134.098l1.42.206c.145.021.204.2.098.303L9.42 6.993a.178.178 0 0 0-.051.158l.242 1.414a.178.178 0 0 1-.258.187l-1.27-.668a.178.178 0 0 0-.165 0l-1.27.668a.178.178 0 0 1-.257-.187l.242-1.414a.178.178 0 0 0-.05-.158l-1.03-1.001a.178.178 0 0 1 .098-.303l1.42-.206a.178.178 0 0 0 .134-.098L7.84 4.1z"/>
+    <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5V2zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1H4z"/>
+  </symbol>
+
+  <symbol id="grid-fill" viewBox="0 0 16 16">
+    <path d="M1 2.5A1.5 1.5 0 0 1 2.5 1h3A1.5 1.5 0 0 1 7 2.5v3A1.5 1.5 0 0 1 5.5 7h-3A1.5 1.5 0 0 1 1 5.5v-3zm8 0A1.5 1.5 0 0 1 10.5 1h3A1.5 1.5 0 0 1 15 2.5v3A1.5 1.5 0 0 1 13.5 7h-3A1.5 1.5 0 0 1 9 5.5v-3zm-8 8A1.5 1.5 0 0 1 2.5 9h3A1.5 1.5 0 0 1 7 10.5v3A1.5 1.5 0 0 1 5.5 15h-3A1.5 1.5 0 0 1 1 13.5v-3zm8 0A1.5 1.5 0 0 1 10.5 9h3a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 9 13.5v-3z"/>
+  </symbol>
+
+  <symbol id="stars" viewBox="0 0 16 16">
+    <path d="M7.657 6.247c.11-.33.576-.33.686 0l.645 1.937a2.89 2.89 0 0 0 1.829 1.828l1.936.645c.33.11.33.576 0 .686l-1.937.645a2.89 2.89 0 0 0-1.828 1.829l-.645 1.936a.361.361 0 0 1-.686 0l-.645-1.937a2.89 2.89 0 0 0-1.828-1.828l-1.937-.645a.361.361 0 0 1 0-.686l1.937-.645a2.89 2.89 0 0 0 1.828-1.828l.645-1.937zM3.794 1.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387A1.734 1.734 0 0 0 4.593 5.69l-.387 1.162a.217.217 0 0 1-.412 0L3.407 5.69A1.734 1.734 0 0 0 2.31 4.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387A1.734 1.734 0 0 0 3.407 2.31l.387-1.162zM10.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732L9.1 2.137a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L10.863.1z"/>
+  </symbol>
+
+  <symbol id="film" viewBox="0 0 16 16">
+    <path d="M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1zm4 0v6h8V1H4zm8 8H4v6h8V9zM1 1v2h2V1H1zm2 3H1v2h2V4zM1 7v2h2V7H1zm2 3H1v2h2v-2zm-2 3v2h2v-2H1zM15 1h-2v2h2V1zm-2 3v2h2V4h-2zm2 3h-2v2h2V7zm-2 3v2h2v-2h-2zm2 3h-2v2h2v-2z"/>
+  </symbol>
+
+  <symbol id="joystick" viewBox="0 0 16 16">
+    <path d="M10 2a2 2 0 0 1-1.5 1.937v5.087c.863.083 1.5.377 1.5.726 0 .414-.895.75-2 .75s-2-.336-2-.75c0-.35.637-.643 1.5-.726V3.937A2 2 0 1 1 10 2z"/>
+    <path d="M0 9.665v1.717a1 1 0 0 0 .553.894l6.553 3.277a2 2 0 0 0 1.788 0l6.553-3.277a1 1 0 0 0 .553-.894V9.665c0-.1-.06-.19-.152-.23L9.5 6.715v.993l5.227 2.178a.125.125 0 0 1 .001.23l-5.94 2.546a2 2 0 0 1-1.576 0l-5.94-2.546a.125.125 0 0 1 .001-.23L6.5 7.708l-.013-.988L.152 9.435a.25.25 0 0 0-.152.23z"/>
+  </symbol>
+
+  <symbol id="music-note-beamed" viewBox="0 0 16 16">
+    <path d="M6 13c0 1.105-1.12 2-2.5 2S1 14.105 1 13c0-1.104 1.12-2 2.5-2s2.5.896 2.5 2zm9-2c0 1.105-1.12 2-2.5 2s-2.5-.895-2.5-2 1.12-2 2.5-2 2.5.895 2.5 2z"/>
+    <path fill-rule="evenodd" d="M14 11V2h1v9h-1zM6 3v10H5V3h1z"/>
+    <path d="M5 2.905a1 1 0 0 1 .9-.995l8-.8a1 1 0 0 1 1.1.995V3L5 4V2.905z"/>
+  </symbol>
+
+  <symbol id="files" viewBox="0 0 16 16">
+    <path d="M13 0H6a2 2 0 0 0-2 2 2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2 2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm0 13V4a2 2 0 0 0-2-2H5a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1zM3 4a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4z"/>
+  </symbol>
+
+  <symbol id="image-fill" viewBox="0 0 16 16">
+    <path d="M.002 3a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-12a2 2 0 0 1-2-2V3zm1 9v1a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V9.5l-3.777-1.947a.5.5 0 0 0-.577.093l-3.71 3.71-2.66-1.772a.5.5 0 0 0-.63.062L1.002 12zm5-6.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0z"/>
+  </symbol>
+
+  <symbol id="trash" viewBox="0 0 16 16">
+    <path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z"/>
+    <path fill-rule="evenodd" d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z"/>
+  </symbol>
+
+  <symbol id="question-circle" viewBox="0 0 16 16">
+    <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+    <path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"/>
+  </symbol>
+
+  <symbol id="arrow-left-short" viewBox="0 0 16 16">
+    <path fill-rule="evenodd" d="M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z"/>
+  </symbol>
+
+  <symbol id="arrow-right-short" viewBox="0 0 16 16">
+    <path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z"/>
+  </symbol>
+</svg>
+
+<div class="d-flex gap-5 justify-content-center" id="dropdownMacos">
+  <ul class="dropdown-menu dropdown-menu-macos mx-0 shadow" style="width: 220px;">
+    <li><a class="dropdown-item active" href="#">Action</a></li>
+    <li><a class="dropdown-item" href="#">Another action</a></li>
+    <li><a class="dropdown-item" href="#">Something else here</a></li>
+    <li><hr class="dropdown-divider"></li>
+    <li><a class="dropdown-item" href="#">Separated link</a></li>
+  </ul>
+  <ul class="dropdown-menu dropdown-menu-dark dropdown-menu-macos mx-0 border-0 shadow" style="width: 220px;">
+    <li><a class="dropdown-item active" href="#">Action</a></li>
+    <li><a class="dropdown-item" href="#">Another action</a></li>
+    <li><a class="dropdown-item" href="#">Something else here</a></li>
+    <li><hr class="dropdown-divider"></li>
+    <li><a class="dropdown-item" href="#">Separated link</a></li>
+  </ul>
+</div>
+
+<div class="b-example-divider"></div>
+
+
+<div class="d-flex gap-5 justify-content-center" id="dropdownFilter">
+  <div class="dropdown-menu pt-0 mx-0 rounded-3 shadow overflow-hidden" style="width: 280px;">
+    <form class="p-2 mb-2 bg-light border-bottom">
+      <input type="search" class="form-control" autocomplete="false" placeholder="Type to filter...">
+    </form>
+    <ul class="list-unstyled mb-0">
+      <li><a class="dropdown-item d-flex align-items-center gap-2 py-2" href="#">
+        <span class="d-inline-block bg-success rounded-circle" style="width: .5em; height: .5em;"></span>
+        Action
+      </a></li>
+      <li><a class="dropdown-item d-flex align-items-center gap-2 py-2" href="#">
+        <span class="d-inline-block bg-primary rounded-circle" style="width: .5em; height: .5em;"></span>
+        Another action
+      </a></li>
+      <li><a class="dropdown-item d-flex align-items-center gap-2 py-2" href="#">
+        <span class="d-inline-block bg-danger rounded-circle" style="width: .5em; height: .5em;"></span>
+        Something else here
+      </a></li>
+      <li><a class="dropdown-item d-flex align-items-center gap-2 py-2" href="#">
+        <span class="d-inline-block bg-info rounded-circle" style="width: .5em; height: .5em;"></span>
+        Separated link
+      </a></li>
+    </ul>
+  </div>
+
+  <div class="dropdown-menu dropdown-menu-dark border-0 pt-0 mx-0 rounded-3 shadow overflow-hidden" style="width: 280px;">
+    <form class="p-2 mb-2 bg-dark border-bottom border-dark">
+      <input type="search" class="form-control form-control-dark" autocomplete="false" placeholder="Type to filter...">
+    </form>
+    <ul class="list-unstyled mb-0">
+      <li><a class="dropdown-item d-flex align-items-center gap-2 py-2" href="#">
+        <span class="d-inline-block bg-success rounded-circle" style="width: .5em; height: .5em;"></span>
+        Action
+      </a></li>
+      <li><a class="dropdown-item d-flex align-items-center gap-2 py-2" href="#">
+        <span class="d-inline-block bg-primary rounded-circle" style="width: .5em; height: .5em;"></span>
+        Another action
+      </a></li>
+      <li><a class="dropdown-item d-flex align-items-center gap-2 py-2" href="#">
+        <span class="d-inline-block bg-danger rounded-circle" style="width: .5em; height: .5em;"></span>
+        Something else here
+      </a></li>
+      <li><a class="dropdown-item d-flex align-items-center gap-2 py-2" href="#">
+        <span class="d-inline-block bg-info rounded-circle" style="width: .5em; height: .5em;"></span>
+        Separated link
+      </a></li>
+    </ul>
+  </div>
+</div>
+
+<div class="b-example-divider"></div>
+
+<div class="d-flex gap-5 justify-content-center" id="dropdownIcons">
+  <ul class="dropdown-menu mx-0 shadow" style="width: 220px;">
+    <li>
+      <a class="dropdown-item d-flex gap-2 align-items-center" href="#">
+        <svg class="bi" width="16" height="16"><use xlink:href="#files"/></svg>
+        Documents
+      </a>
+    </li>
+    <li>
+      <a class="dropdown-item d-flex gap-2 align-items-center" href="#">
+        <svg class="bi" width="16" height="16"><use xlink:href="#image-fill"/></svg>
+        Photos
+      </a>
+    </li>
+    <li>
+      <a class="dropdown-item d-flex gap-2 align-items-center" href="#">
+        <svg class="bi" width="16" height="16"><use xlink:href="#film"/></svg>
+        Movies
+      </a>
+    </li>
+    <li>
+      <a class="dropdown-item d-flex gap-2 align-items-center" href="#">
+        <svg class="bi" width="16" height="16"><use xlink:href="#music-note-beamed"/></svg>
+        Music
+      </a>
+    </li>
+    <li>
+      <a class="dropdown-item d-flex gap-2 align-items-center" href="#">
+        <svg class="bi" width="16" height="16"><use xlink:href="#joystick"/></svg>
+        Games
+      </a>
+    </li>
+    <li><hr class="dropdown-divider"></li>
+    <li>
+      <a class="dropdown-item dropdown-item-danger d-flex gap-2 align-items-center" href="#">
+        <svg class="bi" width="16" height="16"><use xlink:href="#trash"/></svg>
+        Trash
+      </a>
+    </li>
+  </ul>
+  <ul class="dropdown-menu dropdown-menu-dark mx-0 border-0 shadow" style="width: 220px;">
+    <li>
+      <a class="dropdown-item d-flex gap-2 align-items-center" href="#">
+        <svg class="bi" width="16" height="16"><use xlink:href="#files"/></svg>
+        Documents
+      </a>
+    </li>
+    <li>
+      <a class="dropdown-item d-flex gap-2 align-items-center" href="#">
+        <svg class="bi" width="16" height="16"><use xlink:href="#image-fill"/></svg>
+        Photos
+      </a>
+    </li>
+    <li>
+      <a class="dropdown-item d-flex gap-2 align-items-center" href="#">
+        <svg class="bi" width="16" height="16"><use xlink:href="#film"/></svg>
+        Movies
+      </a>
+    </li>
+    <li>
+      <a class="dropdown-item d-flex gap-2 align-items-center" href="#">
+        <svg class="bi" width="16" height="16"><use xlink:href="#music-note-beamed"/></svg>
+        Music
+      </a>
+    </li>
+    <li>
+      <a class="dropdown-item d-flex gap-2 align-items-center" href="#">
+        <svg class="bi" width="16" height="16"><use xlink:href="#joystick"/></svg>
+        Games
+      </a>
+    </li>
+    <li><hr class="dropdown-divider"></li>
+    <li>
+      <a class="dropdown-item d-flex gap-2 align-items-center" href="#">
+        <svg class="bi" width="16" height="16"><use xlink:href="#trash"/></svg>
+        Trash
+      </a>
+    </li>
+  </ul>
+</div>
+
+<div class="b-example-divider"></div>
+
+<div class="dropdown-menu p-2 shadow rounded-3" style="width: 340px" id="dropdownCalendar">
+  <div class="d-grid gap-1">
+    <div class="cal">
+      <div class="cal-month">
+        <button class="btn cal-btn" type="button">
+          <svg class="bi" width="16" height="16"><use xlink:href="#arrow-left-short"/></svg>
+        </button>
+        <strong class="cal-month-name">June</strong>
+        <select class="form-select cal-month-name d-none">
+          <option value="January">January</option>
+          <option value="February">February</option>
+          <option value="March">March</option>
+          <option value="April">April</option>
+          <option value="May">May</option>
+          <option selected value="June">June</option>
+          <option value="July">July</option>
+          <option value="August">August</option>
+          <option value="September">September</option>
+          <option value="October">October</option>
+          <option value="November">November</option>
+          <option value="December">December</option>
+        </select>
+        <button class="btn cal-btn" type="button">
+          <svg class="bi" width="16" height="16"><use xlink:href="#arrow-right-short"/></svg>
+        </button>
+      </div>
+      <div class="cal-weekdays text-muted">
+        <div class="cal-weekday">Sun</div>
+        <div class="cal-weekday">Mon</div>
+        <div class="cal-weekday">Tue</div>
+        <div class="cal-weekday">Wed</div>
+        <div class="cal-weekday">Thu</div>
+        <div class="cal-weekday">Fri</div>
+        <div class="cal-weekday">Sat</div>
+      </div>
+      <div class="cal-days">
+        <button class="btn cal-btn" disabled type="button">30</button>
+        <button class="btn cal-btn" disabled type="button">31</button>
+
+        <button class="btn cal-btn" type="button">1</button>
+        <button class="btn cal-btn" type="button">2</button>
+        <button class="btn cal-btn" type="button">3</button>
+        <button class="btn cal-btn" type="button">4</button>
+        <button class="btn cal-btn" type="button">5</button>
+        <button class="btn cal-btn" type="button">6</button>
+        <button class="btn cal-btn" type="button">7</button>
+
+        <button class="btn cal-btn" type="button">8</button>
+        <button class="btn cal-btn" type="button">9</button>
+        <button class="btn cal-btn" type="button">10</button>
+        <button class="btn cal-btn" type="button">11</button>
+        <button class="btn cal-btn" type="button">12</button>
+        <button class="btn cal-btn" type="button">13</button>
+        <button class="btn cal-btn" type="button">14</button>
+
+        <button class="btn cal-btn" type="button">15</button>
+        <button class="btn cal-btn" type="button">16</button>
+        <button class="btn cal-btn" type="button">17</button>
+        <button class="btn cal-btn" type="button">18</button>
+        <button class="btn cal-btn" type="button">19</button>
+        <button class="btn cal-btn" type="button">20</button>
+        <button class="btn cal-btn" type="button">21</button>
+
+        <button class="btn cal-btn" type="button">22</button>
+        <button class="btn cal-btn" type="button">23</button>
+        <button class="btn cal-btn" type="button">24</button>
+        <button class="btn cal-btn" type="button">25</button>
+        <button class="btn cal-btn" type="button">26</button>
+        <button class="btn cal-btn" type="button">27</button>
+        <button class="btn cal-btn" type="button">28</button>
+
+        <button class="btn cal-btn" type="button">29</button>
+        <button class="btn cal-btn" type="button">30</button>
+        <button class="btn cal-btn" type="button">31</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="b-example-divider"></div>
+
+<div class="dropdown-menu d-flex align-items-stretch p-3 rounded-3 shadow-lg" style="width: 600px" id="dropdownMega">
+  <nav class="d-grid gap-2 col-8">
+    <a href="#" class="btn btn-hover-light d-flex align-items-center gap-3 py-2 px-3 lh-sm">
+      <svg class="bi" width="32" height="32"><use xlink:href="#image-fill"/></svg>
+      <div>
+        <strong class="d-block">Features</strong>
+        <small>Take a tour through the product</small>
+      </div>
+    </a>
+    <a href="#" class="btn btn-hover-light d-flex align-items-center gap-3 py-2 px-3 lh-sm">
+      <svg class="bi" width="32" height="32"><use xlink:href="#question-circle"/></svg>
+      <div>
+        <strong class="d-block">Support</strong>
+        <small>Get help from our support crew</small>
+      </div>
+    </a>
+  </nav>
+  <div class="col-4">
+    ...
+  </div>
+</div>
\ No newline at end of file
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/features/features.css b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/features/features.css
index 33942f7f1..33942f7f1 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/features/features.css
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/features/features.css
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/features/index.html b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/features/index.html
index 1e331f00a..1e331f00a 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/features/index.html
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/features/index.html
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/features/unsplash-photo-1.jpg b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/features/unsplash-photo-1.jpg
index ed2e36a78..ed2e36a78 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/features/unsplash-photo-1.jpg
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/features/unsplash-photo-1.jpg
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/features/unsplash-photo-2.jpg b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/features/unsplash-photo-2.jpg
index b66864a00..b66864a00 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/features/unsplash-photo-2.jpg
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/features/unsplash-photo-2.jpg
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/features/unsplash-photo-3.jpg b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/features/unsplash-photo-3.jpg
index c411b17ec..c411b17ec 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/features/unsplash-photo-3.jpg
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/features/unsplash-photo-3.jpg
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.1/examples/footers/footers.css b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/footers/footers.css
new file mode 100644
index 000000000..4e826827e
--- /dev/null
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/footers/footers.css
@@ -0,0 +1,12 @@
+.b-example-divider {
+  height: 3rem;
+  background-color: rgba(0, 0, 0, .1);
+  border: solid rgba(0, 0, 0, .15);
+  border-width: 1px 0;
+  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
+}
+
+.bi {
+  vertical-align: -.125em;
+  fill: currentColor;
+}
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.1/examples/footers/index.html b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/footers/index.html
new file mode 100644
index 000000000..b26909574
--- /dev/null
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/footers/index.html
@@ -0,0 +1,188 @@
+---
+layout: examples
+title: Footers
+extra_css:
+  - "footers.css"
+body_class: ""
+---
+
+<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
+  <symbol id="bootstrap" viewBox="0 0 118 94">
+    <title>Bootstrap</title>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M24.509 0c-6.733 0-11.715 5.893-11.492 12.284.214 6.14-.064 14.092-2.066 20.577C8.943 39.365 5.547 43.485 0 44.014v5.972c5.547.529 8.943 4.649 10.951 11.153 2.002 6.485 2.28 14.437 2.066 20.577C12.794 88.106 17.776 94 24.51 94H93.5c6.733 0 11.714-5.893 11.491-12.284-.214-6.14.064-14.092 2.066-20.577 2.009-6.504 5.396-10.624 10.943-11.153v-5.972c-5.547-.529-8.934-4.649-10.943-11.153-2.002-6.484-2.28-14.437-2.066-20.577C105.214 5.894 100.233 0 93.5 0H24.508zM80 57.863C80 66.663 73.436 72 62.543 72H44a2 2 0 01-2-2V24a2 2 0 012-2h18.437c9.083 0 15.044 4.92 15.044 12.474 0 5.302-4.01 10.049-9.119 10.88v.277C75.317 46.394 80 51.21 80 57.863zM60.521 28.34H49.948v14.934h8.905c6.884 0 10.68-2.772 10.68-7.727 0-4.643-3.264-7.207-9.012-7.207zM49.948 49.2v16.458H60.91c7.167 0 10.964-2.876 10.964-8.281 0-5.406-3.903-8.178-11.425-8.178H49.948z"></path>
+  </symbol>
+  <symbol id="facebook" viewBox="0 0 16 16">
+    <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/>
+  </symbol>
+  <symbol id="instagram" viewBox="0 0 16 16">
+      <path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/>
+  </symbol>
+  <symbol id="twitter" viewBox="0 0 16 16">
+    <path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
+  </symbol>
+</svg>
+
+<div class="container">
+  <footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top">
+    <p class="col-md-4 mb-0 text-muted">&copy; {{< year >}} Company, Inc</p>
+
+    <a href="/" class="col-md-4 d-flex align-items-center justify-content-center mb-3 mb-md-0 me-md-auto link-dark text-decoration-none">
+      <svg class="bi me-2" width="40" height="32"><use xlink:href="#bootstrap"/></svg>
+    </a>
+
+    <ul class="nav col-md-4 justify-content-end">
+      <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">Home</a></li>
+      <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">Features</a></li>
+      <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">Pricing</a></li>
+      <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">FAQs</a></li>
+      <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">About</a></li>
+    </ul>
+  </footer>
+</div>
+
+<div class="b-example-divider"></div>
+
+<div class="container">
+  <footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top">
+    <div class="col-md-4 d-flex align-items-center">
+      <a href="/" class="mb-3 me-2 mb-md-0 text-muted text-decoration-none lh-1">
+        <svg class="bi" width="30" height="24"><use xlink:href="#bootstrap"/></svg>
+      </a>
+      <span class="text-muted">&copy; {{< year >}} Company, Inc</span>
+    </div>
+
+    <ul class="nav col-md-4 justify-content-end list-unstyled d-flex">
+      <li class="ms-3"><a class="text-muted" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#twitter"/></svg></a></li>
+      <li class="ms-3"><a class="text-muted" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#instagram"/></svg></a></li>
+      <li class="ms-3"><a class="text-muted" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#facebook"/></svg></a></li>
+    </ul>
+  </footer>
+</div>
+
+<div class="b-example-divider"></div>
+
+<div class="container">
+  <footer class="py-3 my-4">
+    <ul class="nav justify-content-center border-bottom pb-3 mb-3">
+      <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">Home</a></li>
+      <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">Features</a></li>
+      <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">Pricing</a></li>
+      <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">FAQs</a></li>
+      <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">About</a></li>
+    </ul>
+    <p class="text-center text-muted">&copy; {{< year >}} Company, Inc</p>
+  </footer>
+</div>
+
+<div class="b-example-divider"></div>
+
+<div class="container">
+  <footer class="row row-cols-5 py-5 my-5 border-top">
+    <div class="col">
+      <a href="/" class="d-flex align-items-center mb-3 link-dark text-decoration-none">
+        <svg class="bi me-2" width="40" height="32"><use xlink:href="#bootstrap"/></svg>
+      </a>
+      <p class="text-muted">&copy; {{< year >}}</p>
+    </div>
+
+    <div class="col">
+
+    </div>
+
+    <div class="col">
+      <h5>Section</h5>
+      <ul class="nav flex-column">
+        <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Home</a></li>
+        <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Features</a></li>
+        <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Pricing</a></li>
+        <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">FAQs</a></li>
+        <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">About</a></li>
+      </ul>
+    </div>
+
+    <div class="col">
+      <h5>Section</h5>
+      <ul class="nav flex-column">
+        <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Home</a></li>
+        <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Features</a></li>
+        <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Pricing</a></li>
+        <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">FAQs</a></li>
+        <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">About</a></li>
+      </ul>
+    </div>
+
+    <div class="col">
+      <h5>Section</h5>
+      <ul class="nav flex-column">
+        <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Home</a></li>
+        <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Features</a></li>
+        <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Pricing</a></li>
+        <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">FAQs</a></li>
+        <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">About</a></li>
+      </ul>
+    </div>
+  </footer>
+</div>
+
+<div class="b-example-divider"></div>
+
+
+<div class="container">
+  <footer class="py-5">
+    <div class="row">
+      <div class="col-2">
+        <h5>Section</h5>
+        <ul class="nav flex-column">
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Home</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Features</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Pricing</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">FAQs</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">About</a></li>
+        </ul>
+      </div>
+
+      <div class="col-2">
+        <h5>Section</h5>
+        <ul class="nav flex-column">
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Home</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Features</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Pricing</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">FAQs</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">About</a></li>
+        </ul>
+      </div>
+
+      <div class="col-2">
+        <h5>Section</h5>
+        <ul class="nav flex-column">
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Home</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Features</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Pricing</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">FAQs</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">About</a></li>
+        </ul>
+      </div>
+
+      <div class="col-4 offset-1">
+        <form>
+          <h5>Subscribe to our newsletter</h5>
+          <p>Monthly digest of whats new and exciting from us.</p>
+          <div class="d-flex w-100 gap-2">
+            <label for="newsletter1" class="visually-hidden">Email address</label>
+            <input id="newsletter1" type="text" class="form-control" placeholder="Email address">
+            <button class="btn btn-primary" type="button">Subscribe</button>
+          </div>
+        </form>
+      </div>
+    </div>
+
+    <div class="d-flex justify-content-between py-4 my-4 border-top">
+      <p>&copy; {{< year >}} Company, Inc. All rights reserved.</p>
+      <ul class="list-unstyled d-flex">
+        <li class="ms-3"><a class="link-dark" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#twitter"/></svg></a></li>
+        <li class="ms-3"><a class="link-dark" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#instagram"/></svg></a></li>
+        <li class="ms-3"><a class="link-dark" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#facebook"/></svg></a></li>
+      </ul>
+    </div>
+  </footer>
+</div>
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/grid/grid.css b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/grid/grid.css
index 18e3568b1..18e3568b1 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/grid/grid.css
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/grid/grid.css
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/grid/index.html b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/grid/index.html
index f26829b4f..f26829b4f 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/grid/index.html
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/grid/index.html
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/headers/headers.css b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/headers/headers.css
index 661a74d55..661a74d55 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/headers/headers.css
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/headers/headers.css
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/headers/index.html b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/headers/index.html
index e15b47e5f..e15b47e5f 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/headers/index.html
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/headers/index.html
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/heroes/bootstrap-docs.png b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/heroes/bootstrap-docs.png
index 471a9eddf..471a9eddf 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/heroes/bootstrap-docs.png
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/heroes/bootstrap-docs.png
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/heroes/bootstrap-themes.png b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/heroes/bootstrap-themes.png
index 13c32337d..13c32337d 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/heroes/bootstrap-themes.png
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/heroes/bootstrap-themes.png
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/heroes/heroes.css b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/heroes/heroes.css
index 380b70a4a..380b70a4a 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/heroes/heroes.css
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/heroes/heroes.css
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/heroes/index.html b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/heroes/index.html
index ef621fd50..ef621fd50 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/heroes/index.html
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/heroes/index.html
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/jumbotron/index.html b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/jumbotron/index.html
index 99cc61dee..99cc61dee 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/jumbotron/index.html
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/jumbotron/index.html
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.1/examples/list-groups/index.html b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/list-groups/index.html
new file mode 100644
index 000000000..c16bad944
--- /dev/null
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/list-groups/index.html
@@ -0,0 +1,186 @@
+---
+layout: examples
+title: List groups
+extra_css:
+  - "list-groups.css"
+body_class: ""
+---
+
+<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
+  <symbol id="bootstrap" viewBox="0 0 118 94">
+    <title>Bootstrap</title>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M24.509 0c-6.733 0-11.715 5.893-11.492 12.284.214 6.14-.064 14.092-2.066 20.577C8.943 39.365 5.547 43.485 0 44.014v5.972c5.547.529 8.943 4.649 10.951 11.153 2.002 6.485 2.28 14.437 2.066 20.577C12.794 88.106 17.776 94 24.51 94H93.5c6.733 0 11.714-5.893 11.491-12.284-.214-6.14.064-14.092 2.066-20.577 2.009-6.504 5.396-10.624 10.943-11.153v-5.972c-5.547-.529-8.934-4.649-10.943-11.153-2.002-6.484-2.28-14.437-2.066-20.577C105.214 5.894 100.233 0 93.5 0H24.508zM80 57.863C80 66.663 73.436 72 62.543 72H44a2 2 0 01-2-2V24a2 2 0 012-2h18.437c9.083 0 15.044 4.92 15.044 12.474 0 5.302-4.01 10.049-9.119 10.88v.277C75.317 46.394 80 51.21 80 57.863zM60.521 28.34H49.948v14.934h8.905c6.884 0 10.68-2.772 10.68-7.727 0-4.643-3.264-7.207-9.012-7.207zM49.948 49.2v16.458H60.91c7.167 0 10.964-2.876 10.964-8.281 0-5.406-3.903-8.178-11.425-8.178H49.948z"></path>
+  </symbol>
+
+  <symbol id="calendar-event" viewBox="0 0 16 16">
+    <path d="M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z"/>
+    <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/>
+  </symbol>
+
+  <symbol id="alarm" viewBox="0 0 16 16">
+    <path d="M8.5 5.5a.5.5 0 0 0-1 0v3.362l-1.429 2.38a.5.5 0 1 0 .858.515l1.5-2.5A.5.5 0 0 0 8.5 9V5.5z"/>
+    <path d="M6.5 0a.5.5 0 0 0 0 1H7v1.07a7.001 7.001 0 0 0-3.273 12.474l-.602.602a.5.5 0 0 0 .707.708l.746-.746A6.97 6.97 0 0 0 8 16a6.97 6.97 0 0 0 3.422-.892l.746.746a.5.5 0 0 0 .707-.708l-.601-.602A7.001 7.001 0 0 0 9 2.07V1h.5a.5.5 0 0 0 0-1h-3zm1.038 3.018a6.093 6.093 0 0 1 .924 0 6 6 0 1 1-.924 0zM0 3.5c0 .753.333 1.429.86 1.887A8.035 8.035 0 0 1 4.387 1.86 2.5 2.5 0 0 0 0 3.5zM13.5 1c-.753 0-1.429.333-1.887.86a8.035 8.035 0 0 1 3.527 3.527A2.5 2.5 0 0 0 13.5 1z"/>
+  </symbol>
+
+  <symbol id="list-check" viewBox="0 0 16 16">
+    <path fill-rule="evenodd" d="M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zM3.854 2.146a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708L2 3.293l1.146-1.147a.5.5 0 0 1 .708 0zm0 4a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708L2 7.293l1.146-1.147a.5.5 0 0 1 .708 0zm0 4a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 0 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0z"/>
+  </symbol>
+</svg>
+
+<div class="list-group">
+  <a href="#" class="list-group-item list-group-item-action d-flex gap-3 py-3" aria-current="true">
+    <img src="https://github.com/twbs.png" alt="twbs" width="32" height="32" class="rounded-circle flex-shrink-0">
+    <div class="d-flex gap-2 w-100 justify-content-between">
+      <div>
+        <h6 class="mb-0">List group item heading</h6>
+        <p class="mb-0 opacity-75">Some placeholder content in a paragraph.</p>
+      </div>
+      <small class="opacity-50 text-nowrap">now</small>
+    </div>
+  </a>
+  <a href="#" class="list-group-item list-group-item-action d-flex gap-3 py-3" aria-current="true">
+    <img src="https://github.com/twbs.png" alt="twbs" width="32" height="32" class="rounded-circle flex-shrink-0">
+    <div class="d-flex gap-2 w-100 justify-content-between">
+      <div>
+        <h6 class="mb-0">Another title here</h6>
+        <p class="mb-0 opacity-75">Some placeholder content in a paragraph that goes a little longer so it wraps to a new line.</p>
+      </div>
+      <small class="opacity-50 text-nowrap">3d</small>
+    </div>
+  </a>
+  <a href="#" class="list-group-item list-group-item-action d-flex gap-3 py-3" aria-current="true">
+    <img src="https://github.com/twbs.png" alt="twbs" width="32" height="32" class="rounded-circle flex-shrink-0">
+    <div class="d-flex gap-2 w-100 justify-content-between">
+      <div>
+        <h6 class="mb-0">Third heading</h6>
+        <p class="mb-0 opacity-75">Some placeholder content in a paragraph.</p>
+      </div>
+      <small class="opacity-50 text-nowrap">1w</small>
+    </div>
+  </a>
+</div>
+
+<div class="b-example-divider"></div>
+
+<div class="d-flex gap-5 justify-content-center">
+  <div class="list-group mx-0">
+    <label class="list-group-item d-flex gap-2">
+      <input class="form-check-input flex-shrink-0" type="checkbox" value="" checked>
+      <span>
+        First checkbox
+        <small class="d-block text-muted">With support text underneath to add more detail</small>
+      </span>
+    </label>
+    <label class="list-group-item d-flex gap-2">
+      <input class="form-check-input flex-shrink-0" type="checkbox" value="">
+      <span>
+        Second checkbox
+        <small class="d-block text-muted">Some other text goes here</small>
+      </span>
+    </label>
+    <label class="list-group-item d-flex gap-2">
+      <input class="form-check-input flex-shrink-0" type="checkbox" value="">
+      <span>
+        Third checkbox
+        <small class="d-block text-muted">And we end with another snippet of text</small>
+      </span>
+    </label>
+  </div>
+
+  <div class="list-group mx-0">
+    <label class="list-group-item d-flex gap-2">
+      <input class="form-check-input flex-shrink-0" type="radio" name="listGroupRadios" id="listGroupRadios1" value="" checked>
+      <span>
+        First radio
+        <small class="d-block text-muted">With support text underneath to add more detail</small>
+      </span>
+    </label>
+    <label class="list-group-item d-flex gap-2">
+      <input class="form-check-input flex-shrink-0" type="radio" name="listGroupRadios" id="listGroupRadios2" value="">
+      <span>
+        Second radio
+        <small class="d-block text-muted">Some other text goes here</small>
+      </span>
+    </label>
+    <label class="list-group-item d-flex gap-2">
+      <input class="form-check-input flex-shrink-0" type="radio" name="listGroupRadios" id="listGroupRadios3" value="">
+      <span>
+        Third radio
+        <small class="d-block text-muted">And we end with another snippet of text</small>
+      </span>
+    </label>
+  </div>
+</div>
+
+<div class="b-example-divider"></div>
+
+<div class="list-group">
+  <label class="list-group-item d-flex gap-3">
+    <input class="form-check-input flex-shrink-0" type="checkbox" value="" checked style="font-size: 1.375em;">
+    <span class="pt-1 form-checked-content">
+      <strong>Finish sales report</strong>
+      <small class="d-block text-muted">
+        <svg class="bi me-1" width="1em" height="1em"><use xlink:href="#calendar-event"/></svg>
+        1:00–2:00pm
+      </small>
+    </span>
+  </label>
+  <label class="list-group-item d-flex gap-3">
+    <input class="form-check-input flex-shrink-0" type="checkbox" value="" style="font-size: 1.375em;">
+    <span class="pt-1 form-checked-content">
+      <strong>Weekly All Hands</strong>
+      <small class="d-block text-muted">
+        <svg class="bi me-1" width="1em" height="1em"><use xlink:href="#calendar-event"/></svg>
+        2:00–2:30pm
+      </small>
+    </span>
+  </label>
+  <label class="list-group-item d-flex gap-3">
+    <input class="form-check-input flex-shrink-0" type="checkbox" value="" style="font-size: 1.375em;">
+    <span class="pt-1 form-checked-content">
+      <strong>Out of office</strong>
+      <small class="d-block text-muted">
+        <svg class="bi me-1" width="1em" height="1em"><use xlink:href="#alarm"/></svg>
+        Tomorrow
+      </small>
+    </span>
+  </label>
+  <label class="list-group-item d-flex gap-3 bg-light">
+    <input class="form-check-input form-check-input-placeholder bg-light flex-shrink-0" disabled type="checkbox" value="" style="font-size: 1.375em;">
+    <span class="pt-1 form-checked-content">
+      <span contenteditable="true" class="w-100">Add new task...</span>
+      <small class="d-block text-muted">
+        <svg class="bi me-1" width="1em" height="1em"><use xlink:href="#list-check"/></svg>
+        Choose list...
+      </small>
+    </span>
+  </label>
+</div>
+
+<div class="b-example-divider"></div>
+
+<div class="list-group list-group-checkable">
+  <input class="list-group-item-check" type="radio" name="listGroupCheckableRadios" id="listGroupCheckableRadios1" value="" checked>
+  <label class="list-group-item py-3" for="listGroupCheckableRadios1">
+    First radio
+    <span class="d-block small opacity-50">With support text underneath to add more detail</span>
+  </label>
+
+  <input class="list-group-item-check" type="radio" name="listGroupCheckableRadios" id="listGroupCheckableRadios2" value="">
+  <label class="list-group-item py-3" for="listGroupCheckableRadios2">
+    Second radio
+    <span class="d-block small opacity-50">Some other text goes here</span>
+  </label>
+
+  <input class="list-group-item-check" type="radio" name="listGroupCheckableRadios" id="listGroupCheckableRadios3" value="">
+  <label class="list-group-item py-3" for="listGroupCheckableRadios3">
+    Third radio
+    <span class="d-block small opacity-50">And we end with another snippet of text</span>
+  </label>
+
+  <input class="list-group-item-check" type="radio" name="listGroupCheckableRadios" id="listGroupCheckableRadios4" value="" disabled>
+  <label class="list-group-item py-3" for="listGroupCheckableRadios4">
+    Fourth disabled radio
+    <span class="d-block small opacity-50">This option is disabled</span>
+  </label>
+</div>
\ No newline at end of file
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.1/examples/list-groups/list-groups.css b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/list-groups/list-groups.css
new file mode 100644
index 000000000..11351f87e
--- /dev/null
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/list-groups/list-groups.css
@@ -0,0 +1,61 @@
+.b-example-divider {
+  height: 3rem;
+  background-color: rgba(0, 0, 0, .1);
+  border: solid rgba(0, 0, 0, .15);
+  border-width: 1px 0;
+  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
+}
+
+.bi {
+  vertical-align: -.125em;
+  fill: currentColor;
+}
+
+.opacity-50 { opacity: .5; }
+.opacity-75 { opacity: .75; }
+
+.list-group {
+  width: auto;
+  max-width: 460px;
+  margin: 4rem auto;
+}
+
+.form-check-input:checked + .form-checked-content {
+  opacity: .5;
+}
+
+.form-check-input-placeholder {
+  pointer-events: none;
+  border-style: dashed;
+}
+[contenteditable]:focus {
+  outline: 0;
+}
+
+.list-group-checkable {
+  display: grid;
+  gap: .5rem;
+  border: 0;
+}
+.list-group-checkable .list-group-item {
+  cursor: pointer;
+  border-radius: .5rem;
+}
+.list-group-item-check {
+  position: absolute;
+  clip: rect(0, 0, 0, 0);
+  pointer-events: none;
+}
+.list-group-item-check:hover + .list-group-item {
+  background-color: var(--bs-light);
+}
+.list-group-item-check:checked + .list-group-item {
+  color: #fff;
+  background-color: var(--bs-blue);
+}
+.list-group-item-check[disabled] + .list-group-item,
+.list-group-item-check:disabled + .list-group-item {
+  pointer-events: none;
+  filter: none;
+  opacity: .5;
+}
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/masonry/index.html b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/masonry/index.html
index 9061d7cce..9061d7cce 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/masonry/index.html
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/masonry/index.html
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.1/examples/modals/index.html b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/modals/index.html
new file mode 100644
index 000000000..cc0feff87
--- /dev/null
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/modals/index.html
@@ -0,0 +1,173 @@
+---
+layout: examples
+title: Modals
+extra_css:
+  - "modals.css"
+body_class: ""
+---
+
+<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
+  <symbol id="bootstrap" viewBox="0 0 118 94">
+    <title>Bootstrap</title>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M24.509 0c-6.733 0-11.715 5.893-11.492 12.284.214 6.14-.064 14.092-2.066 20.577C8.943 39.365 5.547 43.485 0 44.014v5.972c5.547.529 8.943 4.649 10.951 11.153 2.002 6.485 2.28 14.437 2.066 20.577C12.794 88.106 17.776 94 24.51 94H93.5c6.733 0 11.714-5.893 11.491-12.284-.214-6.14.064-14.092 2.066-20.577 2.009-6.504 5.396-10.624 10.943-11.153v-5.972c-5.547-.529-8.934-4.649-10.943-11.153-2.002-6.484-2.28-14.437-2.066-20.577C105.214 5.894 100.233 0 93.5 0H24.508zM80 57.863C80 66.663 73.436 72 62.543 72H44a2 2 0 01-2-2V24a2 2 0 012-2h18.437c9.083 0 15.044 4.92 15.044 12.474 0 5.302-4.01 10.049-9.119 10.88v.277C75.317 46.394 80 51.21 80 57.863zM60.521 28.34H49.948v14.934h8.905c6.884 0 10.68-2.772 10.68-7.727 0-4.643-3.264-7.207-9.012-7.207zM49.948 49.2v16.458H60.91c7.167 0 10.964-2.876 10.964-8.281 0-5.406-3.903-8.178-11.425-8.178H49.948z"></path>
+  </symbol>
+
+  <symbol id="exclamation-triangle-fill" viewBox="0 0 16 16">
+    <path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
+  </symbol>
+
+  <symbol id="check2" viewBox="0 0 16 16">
+    <path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
+  </symbol>
+
+  <symbol id="check2-circle" viewBox="0 0 16 16">
+    <path d="M2.5 8a5.5 5.5 0 0 1 8.25-4.764.5.5 0 0 0 .5-.866A6.5 6.5 0 1 0 14.5 8a.5.5 0 0 0-1 0 5.5 5.5 0 1 1-11 0z"/>
+    <path d="M15.354 3.354a.5.5 0 0 0-.708-.708L8 9.293 5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l7-7z"/>
+  </symbol>
+
+  <symbol id="bookmark-star" viewBox="0 0 16 16">
+    <path d="M7.84 4.1a.178.178 0 0 1 .32 0l.634 1.285a.178.178 0 0 0 .134.098l1.42.206c.145.021.204.2.098.303L9.42 6.993a.178.178 0 0 0-.051.158l.242 1.414a.178.178 0 0 1-.258.187l-1.27-.668a.178.178 0 0 0-.165 0l-1.27.668a.178.178 0 0 1-.257-.187l.242-1.414a.178.178 0 0 0-.05-.158l-1.03-1.001a.178.178 0 0 1 .098-.303l1.42-.206a.178.178 0 0 0 .134-.098L7.84 4.1z"/>
+    <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5V2zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1H4z"/>
+  </symbol>
+
+  <symbol id="grid-fill" viewBox="0 0 16 16">
+    <path d="M1 2.5A1.5 1.5 0 0 1 2.5 1h3A1.5 1.5 0 0 1 7 2.5v3A1.5 1.5 0 0 1 5.5 7h-3A1.5 1.5 0 0 1 1 5.5v-3zm8 0A1.5 1.5 0 0 1 10.5 1h3A1.5 1.5 0 0 1 15 2.5v3A1.5 1.5 0 0 1 13.5 7h-3A1.5 1.5 0 0 1 9 5.5v-3zm-8 8A1.5 1.5 0 0 1 2.5 9h3A1.5 1.5 0 0 1 7 10.5v3A1.5 1.5 0 0 1 5.5 15h-3A1.5 1.5 0 0 1 1 13.5v-3zm8 0A1.5 1.5 0 0 1 10.5 9h3a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 9 13.5v-3z"/>
+  </symbol>
+
+  <symbol id="stars" viewBox="0 0 16 16">
+    <path d="M7.657 6.247c.11-.33.576-.33.686 0l.645 1.937a2.89 2.89 0 0 0 1.829 1.828l1.936.645c.33.11.33.576 0 .686l-1.937.645a2.89 2.89 0 0 0-1.828 1.829l-.645 1.936a.361.361 0 0 1-.686 0l-.645-1.937a2.89 2.89 0 0 0-1.828-1.828l-1.937-.645a.361.361 0 0 1 0-.686l1.937-.645a2.89 2.89 0 0 0 1.828-1.828l.645-1.937zM3.794 1.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387A1.734 1.734 0 0 0 4.593 5.69l-.387 1.162a.217.217 0 0 1-.412 0L3.407 5.69A1.734 1.734 0 0 0 2.31 4.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387A1.734 1.734 0 0 0 3.407 2.31l.387-1.162zM10.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732L9.1 2.137a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L10.863.1z"/>
+  </symbol>
+
+  <symbol id="film" viewBox="0 0 16 16">
+    <path d="M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1zm4 0v6h8V1H4zm8 8H4v6h8V9zM1 1v2h2V1H1zm2 3H1v2h2V4zM1 7v2h2V7H1zm2 3H1v2h2v-2zm-2 3v2h2v-2H1zM15 1h-2v2h2V1zm-2 3v2h2V4h-2zm2 3h-2v2h2V7zm-2 3v2h2v-2h-2zm2 3h-2v2h2v-2z"/>
+  </symbol>
+
+  <symbol id="github" viewBox="0 0 16 16">
+    <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
+  </symbol>
+
+  <symbol id="twitter" viewBox="0 0 16 16">
+    <path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
+  </symbol>
+
+  <symbol id="facebook" viewBox="0 0 16 16">
+    <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/>
+  </symbol>
+</svg>
+
+<div class="modal modal-sheet position-static d-block bg-secondary py-5" tabindex="-1" role="dialog" id="modalSheet">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content rounded-6 shadow">
+      <div class="modal-header border-bottom-0">
+        <h5 class="modal-title">Modal title</h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+      </div>
+      <div class="modal-body py-0">
+        <p>This is a modal sheet, a variation of the modal that docs itself to the bottom of the viewport like the newer share sheets in iOS.</p>
+      </div>
+      <div class="modal-footer flex-column border-top-0">
+        <button type="button" class="btn btn-lg btn-primary w-100 mx-0 mb-2">Save changes</button>
+        <button type="button" class="btn btn-lg btn-light w-100 mx-0" data-bs-dismiss="modal">Close</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="b-example-divider"></div>
+
+<div class="modal modal-alert position-static d-block bg-secondary py-5" tabindex="-1" role="dialog" id="modalChoice">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content rounded-4 shadow">
+      <div class="modal-body p-4 text-center">
+        <h5 class="mb-0">Enable this setting?</h5>
+        <p class="mb-0">You can always change your mind in your account settings.</p>
+      </div>
+      <div class="modal-footer flex-nowrap p-0">
+        <button type="button" class="btn btn-lg btn-link fs-6 text-decoration-none col-6 m-0 rounded-0 border-right"><strong>Yes, enable</strong></button>
+        <button type="button" class="btn btn-lg btn-link fs-6 text-decoration-none col-6 m-0 rounded-0" data-bs-dismiss="modal">No thanks</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="b-example-divider"></div>
+
+<div class="modal modal-tour position-static d-block bg-secondary py-5" tabindex="-1" role="dialog" id="modalTour">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content rounded-6 shadow">
+      <div class="modal-body p-5">
+        <h2 class="fw-bold mb-0">What's new</h2>
+
+        <ul class="d-grid gap-4 my-5 list-unstyled">
+          <li class="d-flex gap-4">
+            <svg class="bi text-muted flex-shrink-0" width="48" height="48"><use xlink:href="#grid-fill"/></svg>
+            <div>
+              <h5 class="mb-0">Grid view</h5>
+              Not into lists? Try the new grid view.
+            </div>
+          </li>
+          <li class="d-flex gap-4">
+            <svg class="bi text-warning flex-shrink-0" width="48" height="48"><use xlink:href="#bookmark-star"/></svg>
+            <div>
+              <h5 class="mb-0">Bookmarks</h5>
+              Save items you love for easy access later.
+            </div>
+          </li>
+          <li class="d-flex gap-4">
+            <svg class="bi text-primary flex-shrink-0" width="48" height="48"><use xlink:href="#film"/></svg>
+            <div>
+              <h5 class="mb-0">Video embeds</h5>
+              Share videos wherever you go.
+            </div>
+          </li>
+        </ul>
+        <button type="button" class="btn btn-lg btn-primary mt-5 w-100" data-bs-dismiss="modal">Great, thanks!</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="b-example-divider"></div>
+
+<div class="modal modal-signin position-static d-block bg-secondary py-5" tabindex="-1" role="dialog" id="modalSignin">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content rounded-5 shadow">
+      <div class="modal-header p-5 pb-4 border-bottom-0">
+        <!-- <h5 class="modal-title">Modal title</h5> -->
+        <h2 class="fw-bold mb-0">Sign up for free</h2>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+      </div>
+
+      <div class="modal-body p-5 pt-0">
+        <form class="">
+          <div class="form-floating mb-3">
+            <input type="email" class="form-control rounded-4" id="floatingInput" placeholder="name@example.com">
+            <label for="floatingInput">Email address</label>
+          </div>
+          <div class="form-floating mb-3">
+            <input type="password" class="form-control rounded-4" id="floatingPassword" placeholder="Password">
+            <label for="floatingPassword">Password</label>
+          </div>
+          <button class="w-100 mb-2 btn btn-lg rounded-4 btn-primary" type="submit">Sign up</button>
+          <small class="text-muted">By clicking Sign up, you agree to the terms of use.</small>
+          <hr class="my-4">
+          <h2 class="fs-5 fw-bold mb-3">Or use a third-party</h2>
+          <button class="w-100 py-2 mb-2 btn btn-outline-dark rounded-4" type="submit">
+            <svg class="bi me-1" width="16" height="16"><use xlink:href="#twitter"/></svg>
+            Sign up with Twitter
+          </button>
+          <button class="w-100 py-2 mb-2 btn btn-outline-primary rounded-4" type="submit">
+            <svg class="bi me-1" width="16" height="16"><use xlink:href="#facebook"/></svg>
+            Sign up with Facebook
+          </button>
+          <button class="w-100 py-2 mb-2 btn btn-outline-secondary rounded-4" type="submit">
+            <svg class="bi me-1" width="16" height="16"><use xlink:href="#github"/></svg>
+            Sign up with GitHub
+          </button>
+        </form>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="b-example-divider"></div>
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.1/examples/modals/modals.css b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/modals/modals.css
new file mode 100644
index 000000000..8fda8212a
--- /dev/null
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/modals/modals.css
@@ -0,0 +1,34 @@
+.b-example-divider {
+  height: 3rem;
+  background-color: rgba(0, 0, 0, .1);
+  border: solid rgba(0, 0, 0, .15);
+  border-width: 1px 0;
+  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
+}
+
+.bi {
+  vertical-align: -.125em;
+  fill: currentColor;
+}
+
+.rounded-4 { border-radius: .5rem; }
+.rounded-5 { border-radius: .75rem; }
+.rounded-6 { border-radius: 1rem; }
+
+.modal-sheet .modal-dialog {
+  width: 380px;
+  transition: bottom .75s ease-in-out;
+}
+.modal-sheet .modal-footer {
+  padding-bottom: 2rem;
+}
+
+.modal-alert .modal-dialog {
+  width: 380px;
+}
+
+.border-right { border-right: 1px solid #eee; }
+
+.modal-tour .modal-dialog {
+  width: 380px;
+}
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/navbar-bottom/index.html b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/navbar-bottom/index.html
index aee772e20..1a6399975 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/navbar-bottom/index.html
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/navbar-bottom/index.html
@@ -25,7 +25,7 @@ title: Bottom navbar example
           <a class="nav-link" href="#">Link</a>
         </li>
         <li class="nav-item">
-          <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+          <a class="nav-link disabled">Disabled</a>
         </li>
         <li class="nav-item dropup">
           <a class="nav-link dropdown-toggle" href="#" id="dropdown10" data-bs-toggle="dropdown" aria-expanded="false">Dropup</a>
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/navbar-fixed/index.html b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/navbar-fixed/index.html
index 848137eff..0c981392e 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/navbar-fixed/index.html
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/navbar-fixed/index.html
@@ -20,7 +20,7 @@ extra_css:
           <a class="nav-link" href="#">Link</a>
         </li>
         <li class="nav-item">
-          <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+          <a class="nav-link disabled">Disabled</a>
         </li>
       </ul>
       <form class="d-flex">
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/navbar-fixed/navbar-top-fixed.css b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/navbar-fixed/navbar-top-fixed.css
index c77c0c147..c77c0c147 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/navbar-fixed/navbar-top-fixed.css
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/navbar-fixed/navbar-top-fixed.css
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/navbar-static/index.html b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/navbar-static/index.html
index fe95dab47..63c54c9f2 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/navbar-static/index.html
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/navbar-static/index.html
@@ -20,7 +20,7 @@ extra_css:
           <a class="nav-link" href="#">Link</a>
         </li>
         <li class="nav-item">
-          <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+          <a class="nav-link disabled">Disabled</a>
         </li>
       </ul>
       <form class="d-flex">
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/navbar-static/navbar-top.css b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/navbar-static/navbar-top.css
index 25bbdde09..25bbdde09 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/navbar-static/navbar-top.css
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/navbar-static/navbar-top.css
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/navbars/index.html b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/navbars/index.html
index 38281f3dd..04d6ab623 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/navbars/index.html
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/navbars/index.html
@@ -22,7 +22,7 @@ extra_css:
             <a class="nav-link" href="#">Link</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+            <a class="nav-link disabled">Disabled</a>
           </li>
           <li class="nav-item dropdown">
             <a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-bs-toggle="dropdown" aria-expanded="false">Dropdown</a>
@@ -79,7 +79,7 @@ extra_css:
             <a class="nav-link" href="#">Link</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+            <a class="nav-link disabled">Disabled</a>
           </li>
           <li class="nav-item dropdown">
             <a class="nav-link dropdown-toggle" href="#" id="dropdown03" data-bs-toggle="dropdown" aria-expanded="false">Dropdown</a>
@@ -113,7 +113,7 @@ extra_css:
             <a class="nav-link" href="#">Link</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+            <a class="nav-link disabled">Disabled</a>
           </li>
           <li class="nav-item dropdown">
             <a class="nav-link dropdown-toggle" href="#" id="dropdown04" data-bs-toggle="dropdown" aria-expanded="false">Dropdown</a>
@@ -147,7 +147,7 @@ extra_css:
             <a class="nav-link" href="#">Link</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+            <a class="nav-link disabled">Disabled</a>
           </li>
           <li class="nav-item dropdown">
             <a class="nav-link dropdown-toggle" href="#" id="dropdown05" data-bs-toggle="dropdown" aria-expanded="false">Dropdown</a>
@@ -181,7 +181,7 @@ extra_css:
             <a class="nav-link" href="#">Link</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+            <a class="nav-link disabled">Disabled</a>
           </li>
           <li class="nav-item dropdown">
             <a class="nav-link dropdown-toggle" href="#" id="dropdown06" data-bs-toggle="dropdown" aria-expanded="false">Dropdown</a>
@@ -215,7 +215,7 @@ extra_css:
             <a class="nav-link" href="#">Link</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+            <a class="nav-link disabled">Disabled</a>
           </li>
           <li class="nav-item dropdown">
             <a class="nav-link dropdown-toggle" href="#" id="dropdownXxl" data-bs-toggle="dropdown" aria-expanded="false">Dropdown</a>
@@ -249,7 +249,7 @@ extra_css:
             <a class="nav-link" href="#">Link</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+            <a class="nav-link disabled">Disabled</a>
           </li>
           <li class="nav-item dropdown">
             <a class="nav-link dropdown-toggle" href="#" id="dropdown07" data-bs-toggle="dropdown" aria-expanded="false">Dropdown</a>
@@ -283,7 +283,7 @@ extra_css:
             <a class="nav-link" href="#">Link</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+            <a class="nav-link disabled">Disabled</a>
           </li>
           <li class="nav-item dropdown">
             <a class="nav-link dropdown-toggle" href="#" id="dropdown07XL" data-bs-toggle="dropdown" aria-expanded="false">Dropdown</a>
@@ -320,7 +320,7 @@ extra_css:
             <a class="nav-link" href="#">Link</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+            <a class="nav-link disabled">Disabled</a>
           </li>
           <li class="nav-item dropdown">
             <a class="nav-link dropdown-toggle" href="#" id="dropdown08" data-bs-toggle="dropdown" aria-expanded="false">Dropdown</a>
@@ -352,7 +352,7 @@ extra_css:
               <a class="nav-link" href="#">Link</a>
             </li>
             <li class="nav-item">
-              <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+              <a class="nav-link disabled">Disabled</a>
             </li>
             <li class="nav-item dropdown">
               <a class="nav-link dropdown-toggle" href="#" id="dropdown09" data-bs-toggle="dropdown" aria-expanded="false">Dropdown</a>
@@ -385,7 +385,7 @@ extra_css:
               <a class="nav-link" href="#">Link</a>
             </li>
             <li class="nav-item">
-              <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+              <a class="nav-link disabled">Disabled</a>
             </li>
             <li class="nav-item dropdown">
               <a class="nav-link dropdown-toggle" href="#" id="dropdown10" data-bs-toggle="dropdown" aria-expanded="false">Dropdown</a>
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/navbars/navbar.css b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/navbars/navbar.css
index 70d209409..70d209409 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/navbars/navbar.css
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/navbars/navbar.css
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/offcanvas-navbar/index.html b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/offcanvas-navbar/index.html
index 09c6488a5..5af7e2ea2 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/offcanvas-navbar/index.html
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/offcanvas-navbar/index.html
@@ -6,7 +6,7 @@ extra_css:
 extra_js:
   - src: "offcanvas.js"
 body_class: "bg-light"
-aliases: "/docs/5.0/examples/offcanvas/"
+aliases: "/docs/5.1/examples/offcanvas/"
 ---
 
 <nav class="navbar navbar-expand-lg fixed-top navbar-dark bg-dark" aria-label="Main navigation">
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/offcanvas-navbar/offcanvas.css b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/offcanvas-navbar/offcanvas.css
index 29e26b11b..97fe8399c 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/offcanvas-navbar/offcanvas.css
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/offcanvas-navbar/offcanvas.css
@@ -62,6 +62,6 @@ body {
   color: #343a40;
 }
 
-.text-white-50 { color: rgba(255, 255, 255, .5); }
-
-.bg-purple { background-color: #6f42c1; }
+.bg-purple {
+  background-color: #6f42c1;
+}
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/offcanvas-navbar/offcanvas.js b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/offcanvas-navbar/offcanvas.js
index 91103b1c4..91103b1c4 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/offcanvas-navbar/offcanvas.js
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/offcanvas-navbar/offcanvas.js
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/pricing/index.html b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/pricing/index.html
index c62c68c70..c62c68c70 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/pricing/index.html
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/pricing/index.html
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/pricing/pricing.css b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/pricing/pricing.css
index c7304d10b..c7304d10b 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/pricing/pricing.css
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/pricing/pricing.css
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/product/index.html b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/product/index.html
index 291901efa..291901efa 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/product/index.html
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/product/index.html
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/product/product.css b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/product/product.css
index 5fcb582b4..5fcb582b4 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/product/product.css
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/product/product.css
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/sidebars/index.html b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/sidebars/index.html
index 4d628f1c0..4d628f1c0 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/sidebars/index.html
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/sidebars/index.html
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/sidebars/sidebars.css b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/sidebars/sidebars.css
index 6949a379e..6949a379e 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/sidebars/sidebars.css
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/sidebars/sidebars.css
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/sidebars/sidebars.js b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/sidebars/sidebars.js
index 68384c163..68384c163 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/sidebars/sidebars.js
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/sidebars/sidebars.js
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/sign-in/index.html b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/sign-in/index.html
index fb885ba41..fb885ba41 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/sign-in/index.html
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/sign-in/index.html
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/sign-in/signin.css b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/sign-in/signin.css
index 4732d1fb9..4732d1fb9 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/sign-in/signin.css
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/sign-in/signin.css
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/starter-template/index.html b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/starter-template/index.html
index 48a5cbfad..3623ff180 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/starter-template/index.html
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/starter-template/index.html
@@ -40,7 +40,7 @@ extra_css:
           <li><a href="{{< docsref "/getting-started/introduction" >}}">Bootstrap quick start guide</a></li>
           <li><a href="{{< docsref "/getting-started/webpack" >}}">Bootstrap Webpack guide</a></li>
           <li><a href="{{< docsref "/getting-started/parcel" >}}">Bootstrap Parcel guide</a></li>
-          <li><a href="{{< docsref "/getting-started/build-tools" >}}">Contributing to Bootstrap</a></li>
+          <li><a href="{{< docsref "/getting-started/contribute" >}}">Contributing to Bootstrap</a></li>
         </ul>
       </div>
     </div>
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/starter-template/starter-template.css b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/starter-template/starter-template.css
index d03436db0..d03436db0 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/starter-template/starter-template.css
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/starter-template/starter-template.css
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/sticky-footer-navbar/index.html b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/sticky-footer-navbar/index.html
index ce036dc09..cd72aa778 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/sticky-footer-navbar/index.html
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/sticky-footer-navbar/index.html
@@ -24,7 +24,7 @@ body_class: "d-flex flex-column h-100"
             <a class="nav-link" href="#">Link</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+            <a class="nav-link disabled">Disabled</a>
           </li>
         </ul>
         <form class="d-flex">
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/sticky-footer-navbar/sticky-footer-navbar.css b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/sticky-footer-navbar/sticky-footer-navbar.css
index 3087ead7d..3087ead7d 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/sticky-footer-navbar/sticky-footer-navbar.css
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/sticky-footer-navbar/sticky-footer-navbar.css
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/sticky-footer/index.html b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/sticky-footer/index.html
index 7a6e127cd..7a6e127cd 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/sticky-footer/index.html
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/sticky-footer/index.html
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/sticky-footer/sticky-footer.css b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/sticky-footer/sticky-footer.css
index f8be43729..f8be43729 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/examples/sticky-footer/sticky-footer.css
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/examples/sticky-footer/sticky-footer.css
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/forms/checks-radios.md b/vendor/twbs/bootstrap/site/content/docs/5.1/forms/checks-radios.md
index 7fefb6aa6..efd040de0 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/forms/checks-radios.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/forms/checks-radios.md
@@ -3,7 +3,7 @@ layout: docs
 title: Checks and radios
 description: Create consistent cross-browser and cross-device checkboxes and radios with our completely rewritten checks component.
 group: forms
-aliases: "/docs/5.0/forms/checks/"
+aliases: "/docs/5.1/forms/checks/"
 toc: true
 ---
 
@@ -102,23 +102,23 @@ Add the `disabled` attribute and the associated `<label>`s are automatically sty
 
 ## Switches
 
-A switch has the markup of a custom checkbox but uses the `.form-switch` class to render a toggle switch. Switches also support the `disabled` attribute.
+A switch has the markup of a custom checkbox but uses the `.form-switch` class to render a toggle switch. Consider using `role="switch"` to more accurately convey the nature of the control to assistive technologies that support this role. In older assistive technologies, it will simply be announced as a regular checkbox as a fallback. Switches also support the `disabled` attribute.
 
 {{< example >}}
 <div class="form-check form-switch">
-  <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
+  <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckDefault">
   <label class="form-check-label" for="flexSwitchCheckDefault">Default switch checkbox input</label>
 </div>
 <div class="form-check form-switch">
-  <input class="form-check-input" type="checkbox" id="flexSwitchCheckChecked" checked>
+  <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckChecked" checked>
   <label class="form-check-label" for="flexSwitchCheckChecked">Checked switch checkbox input</label>
 </div>
 <div class="form-check form-switch">
-  <input class="form-check-input" type="checkbox" id="flexSwitchCheckDisabled" disabled>
+  <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckDisabled" disabled>
   <label class="form-check-label" for="flexSwitchCheckDisabled">Disabled switch checkbox input</label>
 </div>
 <div class="form-check form-switch">
-  <input class="form-check-input" type="checkbox" id="flexSwitchCheckCheckedDisabled" checked disabled>
+  <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckCheckedDisabled" checked disabled>
   <label class="form-check-label" for="flexSwitchCheckCheckedDisabled">Disabled checked switch checkbox input</label>
 </div>
 {{< /example >}}
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/forms/floating-labels.md b/vendor/twbs/bootstrap/site/content/docs/5.1/forms/floating-labels.md
index 941055089..941055089 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/forms/floating-labels.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/forms/floating-labels.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/forms/form-control.md b/vendor/twbs/bootstrap/site/content/docs/5.1/forms/form-control.md
index 9c1c495b1..9c1c495b1 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/forms/form-control.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/forms/form-control.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/forms/input-group.md b/vendor/twbs/bootstrap/site/content/docs/5.1/forms/input-group.md
index 00e9eeec9..00e9eeec9 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/forms/input-group.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/forms/input-group.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/forms/layout.md b/vendor/twbs/bootstrap/site/content/docs/5.1/forms/layout.md
index 47e2f8ab7..47e2f8ab7 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/forms/layout.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/forms/layout.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/forms/overview.md b/vendor/twbs/bootstrap/site/content/docs/5.1/forms/overview.md
index 40e9b6b4f..c60cf1ccc 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/forms/overview.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/forms/overview.md
@@ -4,7 +4,7 @@ title: Forms
 description: Examples and usage guidelines for form control styles, layout options, and custom components for creating a wide variety of forms.
 group: forms
 toc: true
-aliases: "/docs/5.0/forms/"
+aliases: "/docs/5.1/forms/"
 sections:
   - title: Form control
     description: Style textual inputs and textareas with support for multiple states.
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/forms/range.md b/vendor/twbs/bootstrap/site/content/docs/5.1/forms/range.md
index d7ac6965c..d7ac6965c 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/forms/range.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/forms/range.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/forms/select.md b/vendor/twbs/bootstrap/site/content/docs/5.1/forms/select.md
index 7f0c255ef..7f0c255ef 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/forms/select.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/forms/select.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/forms/validation.md b/vendor/twbs/bootstrap/site/content/docs/5.1/forms/validation.md
index 128f6b408..c4bc1b5db 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/forms/validation.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/forms/validation.md
@@ -5,7 +5,7 @@ description: Provide valuable, actionable feedback to your users with HTML5 form
 group: forms
 toc: true
 extra_js:
-  - src: "/docs/5.0/assets/js/validate-forms.js"
+  - src: "/docs/5.1/assets/js/validate-forms.js"
     async: true
 ---
 
@@ -103,7 +103,7 @@ Custom feedback styles apply custom colors, borders, focus styles, and backgroun
 
 {{< example lang="js" show_preview="false" >}}
 {{< js.inline >}}
-{{- readFile (printf "site/static/docs/%s/assets/js/validate-forms.js" .Site.Params.docs_version) -}}
+{{- readFile (path.Join "site/static/docs" .Site.Params.docs_version "assets/js/validate-forms.js") -}}
 {{< /js.inline >}}
 {{< /example >}}
 
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/getting-started/accessibility.md b/vendor/twbs/bootstrap/site/content/docs/5.1/getting-started/accessibility.md
index e9f1cb316..e9f1cb316 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/getting-started/accessibility.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/getting-started/accessibility.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/getting-started/best-practices.md b/vendor/twbs/bootstrap/site/content/docs/5.1/getting-started/best-practices.md
index e17fc1290..e17fc1290 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/getting-started/best-practices.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/getting-started/best-practices.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/getting-started/browsers-devices.md b/vendor/twbs/bootstrap/site/content/docs/5.1/getting-started/browsers-devices.md
index bdda154a3..bdda154a3 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/getting-started/browsers-devices.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/getting-started/browsers-devices.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/getting-started/contents.md b/vendor/twbs/bootstrap/site/content/docs/5.1/getting-started/contents.md
index 35dec93b3..4e86d5592 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/getting-started/contents.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/getting-started/contents.md
@@ -62,7 +62,7 @@ bootstrap/
     └── bootstrap.min.js.map
 ```
 
-This is the most basic form of Bootstrap: precompiled files for quick drop-in usage in nearly any web project. We provide compiled CSS and JS (`bootstrap.*`), as well as compiled and minified CSS and JS (`bootstrap.min.*`). [source maps](https://developers.google.com/web/tools/chrome-devtools/javascript/source-maps) (`bootstrap.*.map`) are available for use with certain browsers' developer tools. Bundled JS files (`bootstrap.bundle.js` and minified `bootstrap.bundle.min.js`) include [Popper](https://popper.js.org/).
+This is the most basic form of Bootstrap: precompiled files for quick drop-in usage in nearly any web project. We provide compiled CSS and JS (`bootstrap.*`), as well as compiled and minified CSS and JS (`bootstrap.min.*`). [Source maps](https://developers.google.com/web/tools/chrome-devtools/javascript/source-maps) (`bootstrap.*.map`) are available for use with certain browsers' developer tools. Bundled JS files (`bootstrap.bundle.js` and minified `bootstrap.bundle.min.js`) include [Popper](https://popper.js.org/).
 
 ## CSS files
 
@@ -171,7 +171,7 @@ bootstrap/
 ├── site/
 │   └──content/
 │      └── docs/
-│          └── 5.0/
+│          └── 5.1/
 │              └── examples/
 ├── js/
 └── scss/
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/getting-started/build-tools.md b/vendor/twbs/bootstrap/site/content/docs/5.1/getting-started/contribute.md
index d0286375e..337bb2a43 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/getting-started/build-tools.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/getting-started/contribute.md
@@ -1,14 +1,15 @@
 ---
 layout: docs
-title: Build tools
-description: Learn how to use Bootstrap's included npm scripts to build our documentation, compile source code, run tests, and more.
+title: Contribute
+description: Help develop Bootstrap with our documentation build scripts and tests.
 group: getting-started
 toc: true
+aliases: "/docs/5.1/getting-started/build-tools/"
 ---
 
 ## Tooling setup
 
-Bootstrap uses [npm scripts](https://docs.npmjs.com/misc/scripts/) for its build system. Our [package.json]({{< param repo >}}/blob/v{{< param current_version >}}/package.json) includes convenient methods for working with the framework, including compiling code, running tests, and more.
+Bootstrap uses [npm scripts](https://docs.npmjs.com/misc/scripts/) to build the documentation and compile source files. Our [package.json]({{< param repo >}}/blob/v{{< param current_version >}}/package.json) houses these scripts for compiling code, running tests, and more. These aren't intended for use outside our repository and documentation.
 
 To use our build system and run our documentation locally, you'll need a copy of Bootstrap's source files and Node. Follow these steps and you should be ready to rock:
 
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/getting-started/download.md b/vendor/twbs/bootstrap/site/content/docs/5.1/getting-started/download.md
index e3c982d30..67bc295a9 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/getting-started/download.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/getting-started/download.md
@@ -21,10 +21,10 @@ This doesn't include documentation, source files, or any optional JavaScript dep
 
 Compile Bootstrap with your own asset pipeline by downloading our source Sass, JavaScript, and documentation files. This option requires some additional tooling:
 
-- [Sass compiler]({{< docsref "/getting-started/build-tools#sass" >}}) for compiling Sass source files into CSS files
+- [Sass compiler]({{< docsref "/getting-started/contribute#sass" >}}) for compiling Sass source files into CSS files
 - [Autoprefixer](https://github.com/postcss/autoprefixer) for CSS vendor prefixing
 
-Should you require our full set of [build tools]({{< docsref "/getting-started/build-tools#tooling-setup" >}}), they are included for developing Bootstrap and its docs, but they're likely unsuitable for your own purposes.
+Should you require our full set of [build tools]({{< docsref "/getting-started/contribute#tooling-setup" >}}), they are included for developing Bootstrap and its docs, but they're likely unsuitable for your own purposes.
 
 <a href="{{< param "download.source" >}}" class="btn btn-bd-primary" onclick="ga('send', 'event', 'Getting started', 'Download', 'Download source');">Download source</a>
 
@@ -52,7 +52,7 @@ If you're using our compiled JavaScript and prefer to include Popper separately,
 
 ## Package managers
 
-Pull in Bootstrap's **source files** into nearly any project with some of the most popular package managers. No matter the package manager, Bootstrap will **require a [Sass compiler]({{< docsref "/getting-started/build-tools#sass" >}}) and [Autoprefixer](https://github.com/postcss/autoprefixer)** for a setup that matches our official compiled versions.
+Pull in Bootstrap's **source files** into nearly any project with some of the most popular package managers. No matter the package manager, Bootstrap will **require a [Sass compiler]({{< docsref "/getting-started/contribute#sass" >}}) and [Autoprefixer](https://github.com/postcss/autoprefixer)** for a setup that matches our official compiled versions.
 
 ### npm
 
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/getting-started/introduction.md b/vendor/twbs/bootstrap/site/content/docs/5.1/getting-started/introduction.md
index eb39c7456..b2fe767d7 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/getting-started/introduction.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/getting-started/introduction.md
@@ -4,7 +4,7 @@ title: Introduction
 description: Get started with Bootstrap, the world's most popular framework for building responsive, mobile-first sites, with jsDelivr and a template starter page.
 group: getting-started
 aliases:
-  - "/docs/5.0/getting-started/"
+  - "/docs/5.1/getting-started/"
   - "/docs/getting-started/"
   - "/getting-started/"
 toc: true
@@ -61,6 +61,7 @@ Curious which components explicitly require our JavaScript and Popper? Click the
 - Dropdowns for displaying and positioning (also requires [Popper](https://popper.js.org/))
 - Modals for displaying, positioning, and scroll behavior
 - Navbar for extending our Collapse plugin to implement responsive behavior
+- Offcanvases for displaying, positioning, and scroll behavior
 - Toasts for displaying and dismissing
 - Tooltips and popovers for displaying and positioning (also requires [Popper](https://popper.js.org/))
 - Scrollspy for scroll behavior and navigation updates
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/getting-started/javascript.md b/vendor/twbs/bootstrap/site/content/docs/5.1/getting-started/javascript.md
index 8ee428921..8ee428921 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/getting-started/javascript.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/getting-started/javascript.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/getting-started/parcel.md b/vendor/twbs/bootstrap/site/content/docs/5.1/getting-started/parcel.md
index 23aab0054..23aab0054 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/getting-started/parcel.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/getting-started/parcel.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/getting-started/rfs.md b/vendor/twbs/bootstrap/site/content/docs/5.1/getting-started/rfs.md
index f440924d1..5aa6840a4 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/getting-started/rfs.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/getting-started/rfs.md
@@ -8,13 +8,13 @@ toc: true
 
 ## What is RFS?
 
-Bootstrap's side project [RFS](https://github.com/twbs/rfs/tree/v{{< param "rfs_version" >}}) is a unit resizing engine which was initially developed to resize font sizes (hence its abbreviation for Responsive Font Sizes). Nowadays RFS is capable of rescaling most CSS properties with unit values like `margin`, `padding`, `border-radius`, or even `box-shadow`.
+Bootstrap's side project [RFS](https://github.com/twbs/rfs/tree/{{< param "rfs_version" >}}) is a unit resizing engine which was initially developed to resize font sizes (hence its abbreviation for Responsive Font Sizes). Nowadays RFS is capable of rescaling most CSS properties with unit values like `margin`, `padding`, `border-radius`, or even `box-shadow`.
 
 The mechanism automatically calculates the appropriate values based on the dimensions of the browser viewport. It will be compiled into `calc()` functions with a mix of `rem` and viewport units to enable the responsive scaling behavior.
 
 ## Using RFS
 
-The mixins are included in Bootstrap and are available once you include Bootstrap's `scss`. RFS can also be [installed standalone](https://github.com/twbs/rfs/tree/v{{< param "rfs_version" >}}#installation) if needed.
+The mixins are included in Bootstrap and are available once you include Bootstrap's `scss`. RFS can also be [installed standalone](https://github.com/twbs/rfs/tree/{{< param "rfs_version" >}}#installation) if needed.
 
 ### Using the mixins
 
@@ -83,4 +83,4 @@ In this example, we use one of Bootstrap's built-in [responsive breakpoint mixin
 
 ## Extended documentation
 
-RFS is a separate project under the Bootstrap organization. More about RFS and its configuration can be found on its [GitHub repository](https://github.com/twbs/rfs/tree/v{{< param "rfs_version" >}}).
+RFS is a separate project under the Bootstrap organization. More about RFS and its configuration can be found on its [GitHub repository](https://github.com/twbs/rfs/tree/{{< param "rfs_version" >}}).
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/getting-started/rtl.md b/vendor/twbs/bootstrap/site/content/docs/5.1/getting-started/rtl.md
index 549104c6f..549104c6f 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/getting-started/rtl.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/getting-started/rtl.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/getting-started/webpack.md b/vendor/twbs/bootstrap/site/content/docs/5.1/getting-started/webpack.md
index 6998e1e99..b87460ebe 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/getting-started/webpack.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/getting-started/webpack.md
@@ -15,15 +15,19 @@ toc: true
 Import [Bootstrap's JavaScript]({{< docsref "/getting-started/javascript" >}}) by adding this line to your app's entry point (usually `index.js` or `app.js`):
 
 ```js
-// You can specify which plugins you need
-import { Tooltip, Toast, Popover } from 'bootstrap';
+import 'bootstrap';
+
+// or get all of the named exports for further usage
+import * as bootstrap from 'bootstrap';
 ```
 
 Alternatively, if you only need just a few of our plugins, you may **import plugins individually** as needed:
 
 ```js
 import Alert from 'bootstrap/js/dist/alert';
-...
+
+// or, specify which plugins you need:
+import { Tooltip, Toast, Popover } from 'bootstrap';
 ```
 
 Bootstrap depends on [Popper](https://popper.js.org/), which is specified in the `peerDependencies` property.
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/helpers/clearfix.md b/vendor/twbs/bootstrap/site/content/docs/5.1/helpers/clearfix.md
index 9e31474a4..f1329d5b4 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/helpers/clearfix.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/helpers/clearfix.md
@@ -3,7 +3,7 @@ layout: docs
 title: Clearfix
 description: Quickly and easily clear floated content within a container by adding a clearfix utility.
 group: helpers
-aliases: "/docs/5.0/helpers/"
+aliases: "/docs/5.1/helpers/"
 ---
 
 Easily clear `float`s by adding `.clearfix` **to the parent element**. Can also be used as a mixin.
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/helpers/colored-links.md b/vendor/twbs/bootstrap/site/content/docs/5.1/helpers/colored-links.md
index e940196ff..e940196ff 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/helpers/colored-links.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/helpers/colored-links.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/helpers/position.md b/vendor/twbs/bootstrap/site/content/docs/5.1/helpers/position.md
index d54c1c795..d54c1c795 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/helpers/position.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/helpers/position.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/helpers/ratio.md b/vendor/twbs/bootstrap/site/content/docs/5.1/helpers/ratio.md
index 771bc07cb..771bc07cb 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/helpers/ratio.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/helpers/ratio.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.1/helpers/stacks.md b/vendor/twbs/bootstrap/site/content/docs/5.1/helpers/stacks.md
new file mode 100644
index 000000000..20ca86aa0
--- /dev/null
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/helpers/stacks.md
@@ -0,0 +1,84 @@
+---
+layout: docs
+title: Stacks
+description: Shorthand helpers that build on top of our flexbox utilities to make component layout faster and easier than ever.
+group: helpers
+toc: true
+---
+
+Stacks offer a shortcut for applying a number of flexbox properties to quickly and easily create layouts in Bootstrap. All credit for the concept and implementation goes to the open source [Pylon project](https://almonk.github.io/pylon/).
+
+{{< callout warning >}}
+Heads up! Support for gap utilities with flexbox was recently added to Safari, so consider verifying your intended browser support. Grid layout should have no issues. [Read more](https://caniuse.com/flexbox-gap).
+{{< /callout >}}
+
+## Vertical
+
+Use `.vstack` to create vertical layouts. Stacked items are full-width by default. Use `.gap-*` utilities to add space between items.
+
+{{< example >}}
+<div class="vstack gap-3">
+  <div class="bg-light border">First item</div>
+  <div class="bg-light border">Second item</div>
+  <div class="bg-light border">Third item</div>
+</div>
+{{< /example >}}
+
+## Horizontal
+
+Use `.hstack` for horizontal layouts. Stacked items are vertically centered by default and only take up their necessary width. Use `.gap-*` utilities to add space between items.
+
+{{< example >}}
+<div class="hstack gap-3">
+  <div class="bg-light border">First item</div>
+  <div class="bg-light border">Second item</div>
+  <div class="bg-light border">Third item</div>
+</div>
+{{< /example >}}
+
+Using horizontal margin utilities like `.ms-auto` as spacers:
+
+{{< example >}}
+<div class="hstack gap-3">
+  <div class="bg-light border">First item</div>
+  <div class="bg-light border ms-auto">Second item</div>
+  <div class="bg-light border">Third item</div>
+</div>
+{{< /example >}}
+
+And with [vertical rules]({{< docsref "/helpers/vertical-rule" >}}):
+
+{{< example >}}
+<div class="hstack gap-3">
+  <div class="bg-light border">First item</div>
+  <div class="bg-light border ms-auto">Second item</div>
+  <div class="vr"></div>
+  <div class="bg-light border">Third item</div>
+</div>
+{{< /example >}}
+
+## Examples
+
+Use `.vstack` to stack buttons and other elements:
+
+{{< example >}}
+<div class="vstack gap-2 col-md-5 mx-auto">
+  <button type="button" class="btn btn-secondary">Save changes</button>
+  <button type="button" class="btn btn-outline-secondary">Cancel</button>
+</div>
+{{< /example >}}
+
+Create an inline form with `.hstack`:
+
+{{< example >}}
+<div class="hstack gap-3">
+  <input class="form-control me-auto" type="text" placeholder="Add your item here..." aria-label="Add your item here...">
+  <button type="button" class="btn btn-secondary">Submit</button>
+  <div class="vr"></div>
+  <button type="button" class="btn btn-outline-danger">Reset</button>
+</div>
+{{< /example >}}
+
+## Sass
+
+{{< scss-docs name="stacks" file="scss/helpers/_stacks.scss" >}}
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/helpers/stretched-link.md b/vendor/twbs/bootstrap/site/content/docs/5.1/helpers/stretched-link.md
index 93bffeb31..93bffeb31 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/helpers/stretched-link.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/helpers/stretched-link.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/helpers/text-truncation.md b/vendor/twbs/bootstrap/site/content/docs/5.1/helpers/text-truncation.md
index a92a171fd..799f2059b 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/helpers/text-truncation.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/helpers/text-truncation.md
@@ -12,12 +12,12 @@ For longer content, you can add a `.text-truncate` class to truncate the text wi
 <!-- Block level -->
 <div class="row">
   <div class="col-2 text-truncate">
-    Praeterea iter est quasdam res quas ex communi.
+    This text is quite long, and will be truncated once displayed.
   </div>
 </div>
 
 <!-- Inline level -->
 <span class="d-inline-block text-truncate" style="max-width: 150px;">
-  Praeterea iter est quasdam res quas ex communi.
+  This text is quite long, and will be truncated once displayed.
 </span>
 {{< /example >}}
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.1/helpers/vertical-rule.md b/vendor/twbs/bootstrap/site/content/docs/5.1/helpers/vertical-rule.md
new file mode 100644
index 000000000..8d0d6141f
--- /dev/null
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/helpers/vertical-rule.md
@@ -0,0 +1,44 @@
+---
+layout: docs
+title: Vertical rule
+description: Use the custom vertical rule helper to create vertical dividers like the `<hr>` element.
+group: helpers
+toc: true
+---
+
+## How it works
+
+Vertical rules are inspired by the `<hr>` element, allowing you to create vertical dividers in common layouts. They're styled just like `<hr>` elements:
+
+- They're `1px` wide
+- They have `min-height` of `1em`
+- Their color is set via `currentColor` and `opacity`
+
+Customize them with additional styles as needed.
+
+## Example
+
+{{< example >}}
+<div class="vr"></div>
+{{< /example >}}
+
+Vertical rules scale their height in flex layouts:
+
+{{< example >}}
+<div class="d-flex" style="height: 200px;">
+  <div class="vr"></div>
+</div>
+{{< /example >}}
+
+## With stacks
+
+They can also be used in [stacks]({{< docsref "/helpers/stacks" >}}):
+
+{{< example >}}
+<div class="hstack gap-3">
+  <div class="bg-light border">First item</div>
+  <div class="bg-light border ms-auto">Second item</div>
+  <div class="vr"></div>
+  <div class="bg-light border">Third item</div>
+</div>
+{{< /example >}}
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/helpers/visually-hidden.md b/vendor/twbs/bootstrap/site/content/docs/5.1/helpers/visually-hidden.md
index d8148b3f3..245546994 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/helpers/visually-hidden.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/helpers/visually-hidden.md
@@ -3,7 +3,7 @@ layout: docs
 title: Visually hidden
 description: Use these helpers to visually hide elements but keep them accessible to assistive technologies.
 group: helpers
-aliases: "/docs/5.0/helpers/screen-readers/"
+aliases: "/docs/5.1/helpers/screen-readers/"
 ---
 
 Visually hide an element while still allowing it to be exposed to assistive technologies (such as screen readers) with `.visually-hidden`. Use `.visually-hidden-focusable` to visually hide an element by default, but to display it when it's focused (e.g. by a keyboard-only user). `.visually-hidden-focusable` can also be applied to a container–thanks to `:focus-within`, the container will be displayed when any child element of the container receives focus.
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/layout/breakpoints.md b/vendor/twbs/bootstrap/site/content/docs/5.1/layout/breakpoints.md
index ce1df6bb7..a11dfb050 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/layout/breakpoints.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/layout/breakpoints.md
@@ -3,7 +3,7 @@ layout: docs
 title: Breakpoints
 description: Breakpoints are customizable widths that determine how your responsive layout behaves across device or viewport sizes in Bootstrap.
 group: layout
-aliases: "/docs/5.0/layout/"
+aliases: "/docs/5.1/layout/"
 toc: true
 ---
 
@@ -145,23 +145,23 @@ We occasionally use media queries that go in the other direction (the given scre
 These mixins take those declared breakpoints, subtract `.02px` from them, and use them as our `max-width` values. For example:
 
 ```scss
-// X-Small devices (portrait phones, less than 576px)
+// `xs` returns only a ruleset and no media query
+// ... { ... }
+
+// `sm` applies to x-small devices (portrait phones, less than 576px)
 @media (max-width: 575.98px) { ... }
 
-// Small devices (landscape phones, less than 768px)
+// `md` applies to small devices (landscape phones, less than 768px)
 @media (max-width: 767.98px) { ... }
 
-// Medium devices (tablets, less than 992px)
+// `lg` applies to medium devices (tablets, less than 992px)
 @media (max-width: 991.98px) { ... }
 
-// Large devices (desktops, less than 1200px)
+// `xl` applies to large devices (desktops, less than 1200px)
 @media (max-width: 1199.98px) { ... }
 
-// X-Large devices (large desktops, less than 1400px)
+// `xxl` applies to x-large devices (large desktops, less than 1400px)
 @media (max-width: 1399.98px) { ... }
-
-// XX-Large devices (larger desktops)
-// No media query since the xxl breakpoint has no upper bound on its width
 ```
 
 {{< callout warning >}}
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/layout/columns.md b/vendor/twbs/bootstrap/site/content/docs/5.1/layout/columns.md
index 5c859065a..5c859065a 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/layout/columns.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/layout/columns.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/layout/containers.md b/vendor/twbs/bootstrap/site/content/docs/5.1/layout/containers.md
index 456225b94..456225b94 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/layout/containers.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/layout/containers.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.1/layout/css-grid.md b/vendor/twbs/bootstrap/site/content/docs/5.1/layout/css-grid.md
new file mode 100644
index 000000000..c3a1831c1
--- /dev/null
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/layout/css-grid.md
@@ -0,0 +1,266 @@
+---
+layout: docs
+title: CSS Grid
+description: Learn how to enable, use, and customize our alternate layout system built on CSS Grid with examples and code snippets.
+group: layout
+toc: true
+---
+
+Bootstrap's default grid system represents the culmination of over a decade of CSS layout techniques, tried and tested by millions of people. But, it was also created without many of the modern CSS features and techniques we're seeing in browsers like the new CSS Grid.
+
+{{< callout warning >}}
+**Heads up—our CSS Grid system is experimental and opt-in as of v5.1.0!** We included it in our documentation's CSS to demonstrate it for you, but it's disabled by default. Keep reading to learn how to enable it in your projects.
+{{< /callout >}}
+
+## How it works
+
+With Bootstrap 5, we've added the option to enable a separate grid system that's built on CSS Grid, but with a Bootstrap twist. You still get classes you can apply on a whim to build responsive layouts, but with a different approach under the hood.
+
+- **CSS Grid is opt-in.** Disable the default grid system by setting `$enable-grid-classes: false` and enable the CSS Grid by setting `$enable-cssgrid: true`. Then, recompile your Sass.
+
+- **Replace instances of `.row` with `.grid`.** The `.grid` class sets `display: grid` and creates a `grid-template` that you build on with your HTML.
+
+- **Replace `.col-*` classes with `.g-col-*` classes.** This is because our CSS Grid columns use the `grid-column` property instead of `width`.
+
+- **Columns and gutter sizes are set via CSS variables.** Set these on the parent `.grid` and customize however you want, inline or in a stylesheet, with `--bs-columns` and `--bs-gap`.
+
+In the future, Bootstrap will likely shift to a hybrid solution as the `gap` property has achieved nearly full browser support for flexbox.
+
+## Key differences
+
+Compared to the default grid system:
+
+- Flex utilities don't affect the CSS Grid columns in the same way.
+
+- Gaps replaces gutters. The `gap` property replaces the horizontal `padding` from our default grid system and functions more like `margin`.
+
+- As such, unlike `.row`s, `.grid`s have no negative margins and margin utilities cannot be used to change the grid gutters. Grid gaps are applied horizontally and vertically by default. See the [customizing section](#customizing) for more details.
+
+- Inline and custom styles should be viewed as replacements for modifier classes (e.g., `style="--bs-columns: 3;"` vs `class="row-cols-3"`).
+
+- Nesting works similarly, but may require you to reset your column counts on each instance of a nested `.grid`. See the [nesting section](#nesting) for details.
+
+## Examples
+
+### Three columns
+
+Three equal-width columns across all viewports and devices can be created by using the `.g-col-4` classes. Add [responsive classes](#responsive) to change the layout by viewport size.
+
+{{< example class="bd-example-cssgrid" >}}
+<div class="grid">
+  <div class="g-col-4">.g-col-4</div>
+  <div class="g-col-4">.g-col-4</div>
+  <div class="g-col-4">.g-col-4</div>
+</div>
+{{< /example >}}
+
+### Responsive
+
+Use responsive classes to adjust your layout across viewports. Here we start with two columns on the narrowest viewports, and then grow to three columns on medium viewports and above.
+
+{{< example class="bd-example-cssgrid" >}}
+<div class="grid">
+  <div class="g-col-6 g-col-md-4">.g-col-6 .g-col-md-4</div>
+  <div class="g-col-6 g-col-md-4">.g-col-6 .g-col-md-4</div>
+  <div class="g-col-6 g-col-md-4">.g-col-6 .g-col-md-4</div>
+</div>
+{{< /example >}}
+
+Compare that to this two column layout at all viewports.
+
+{{< example class="bd-example-cssgrid" >}}
+<div class="grid">
+  <div class="g-col-6">.g-col-6</div>
+  <div class="g-col-6">.g-col-6</div>
+</div>
+{{< /example >}}
+
+## Wrapping
+
+Grid items automatically wrap to the next line when there's no more room horizontally. Note that the `gap` applies to horizontal and vertical gaps between grid items.
+
+{{< example class="bd-example-cssgrid" >}}
+<div class="grid">
+  <div class="g-col-6">.g-col-6</div>
+  <div class="g-col-6">.g-col-6</div>
+
+  <div class="g-col-6">.g-col-6</div>
+  <div class="g-col-6">.g-col-6</div>
+</div>
+{{< /example >}}
+
+## Starts
+
+Start classes aim to replace our default grid's offset classes, but they're not entirely the same. CSS Grid creates a grid template through styles that tell browsers to "start at this column" and "end at this column." Those properties are `grid-column-start` and `grid-column-end`. Start classes are shorthand for the former. Pair them with the column classes to size and align your columns however you need. Start classes begin at `1` as `0` is an invalid value for these properties.
+
+{{< example class="bd-example-cssgrid" >}}
+<div class="grid">
+  <div class="g-col-3 g-start-2">.g-col-3 .g-start-2</div>
+  <div class="g-col-4 g-start-6">.g-col-4 .g-start-6</div>
+</div>
+{{< /example >}}
+
+## Auto columns
+
+When there are no classes on the grid items (the immediate children of a `.grid`), each grid item will automatically be sized to one column.
+
+{{< example class="bd-example-cssgrid" >}}
+<div class="grid">
+  <div>1</div>
+  <div>1</div>
+  <div>1</div>
+  <div>1</div>
+  <div>1</div>
+  <div>1</div>
+  <div>1</div>
+  <div>1</div>
+  <div>1</div>
+  <div>1</div>
+  <div>1</div>
+  <div>1</div>
+</div>
+{{< /example >}}
+
+This behavior can be mixed with grid column classes.
+
+{{< example class="bd-example-cssgrid" >}}
+<div class="grid">
+  <div class="g-col-6">.g-col-6</div>
+  <div>1</div>
+  <div>1</div>
+  <div>1</div>
+  <div>1</div>
+  <div>1</div>
+  <div>1</div>
+</div>
+{{< /example >}}
+
+## Nesting
+
+Similar to our default grid system, our CSS Grid allows for easy nesting of `.grid`s. However, unlike the default, this grid inherits changes in the rows, columns, and gaps. Consider the example below:
+
+- We override the default number of columns with a local CSS variable: `--bs-columns: 3`.
+- In the first auto-column, the column count is inherited and each column is one-third of the available width.
+- In the second auto-column, we've reset the column count on the nested `.grid` to 12 (our default).
+- The third auto-column has no nested content.
+
+In practice this allows for more complex and custom layouts when compared to our default grid system.
+
+{{< example class="bd-example-cssgrid" >}}
+<div class="grid" style="--bs-columns: 3;">
+  <div>
+    First auto-column
+    <div class="grid">
+      <div>Auto-column</div>
+      <div>Auto-column</div>
+    </div>
+  </div>
+  <div>
+    Second auto-column
+    <div class="grid" style="--bs-columns: 12;">
+      <div class="g-col-6">6 of 12</div>
+      <div class="g-col-4">4 of 12</div>
+      <div class="g-col-2">2 of 12</div>
+    </div>
+  </div>
+  <div>Third auto-column</div>
+</div>
+{{< /example >}}
+
+## Customizing
+
+Customize the number of columns, the number of rows, and the width of the gaps with local CSS variables.
+
+{{< bs-table "table" >}}
+| Variable | Fallback value | Description |
+| --- | --- | --- |
+| `--bs-rows` | `1` | The number of rows in your grid template |
+| `--bs-columns` | `12` | The number of columns in your grid template |
+| `--bs-gap` | `1.5rem` | The size of the gap between columns (vertical and horizontal) |
+{{< /bs-table >}}
+
+These CSS variables have no default value; instead, they apply fallback values that are used _until_ a local instance is provided. For example, we use `var(--bs-rows, 1)` for our CSS Grid rows, which ignores `--bs-rows` because that hasn't been set anywhere yet. Once it is, the `.grid` instance will use that value instead of the fallback value of `1`.
+
+### No grid classes
+
+Immediate children elements of `.grid` are grid items, so they'll be sized without explicitly adding a `.g-col` class.
+
+{{< example class="bd-example-cssgrid" >}}
+<div class="grid" style="--bs-columns: 3;">
+  <div>Auto-column</div>
+  <div>Auto-column</div>
+  <div>Auto-column</div>
+</div>
+{{< /example >}}
+
+### Columns and gaps
+
+Adjust the number of columns and the gap.
+
+{{< example class="bd-example-cssgrid" >}}
+<div class="grid" style="--bs-columns: 4; --bs-gap: 5rem;">
+  <div class="g-col-2">.g-col-2</div>
+  <div class="g-col-2">.g-col-2</div>
+</div>
+{{< /example >}}
+
+{{< example class="bd-example-cssgrid" >}}
+<div class="grid" style="--bs-columns: 10; --bs-gap: 1rem;">
+  <div class="g-col-6">.g-col-6</div>
+  <div class="g-col-4">.g-col-4</div>
+</div>
+{{< /example >}}
+
+### Adding rows
+
+Adding more rows and changing the placement of columns:
+
+{{< example class="bd-example-cssgrid" >}}
+<div class="grid" style="--bs-rows: 3; --bs-columns: 3;">
+  <div>Auto-column</div>
+  <div class="g-start-2" style="grid-row: 2">Auto-column</div>
+  <div class="g-start-3" style="grid-row: 3">Auto-column</div>
+</div>
+{{< /example >}}
+
+### Gaps
+
+Change the vertical gaps only by modifying the `row-gap`. Note that we use `gap` on `.grid`s, but `row-gap` and `column-gap` can be modified as needed.
+
+{{< example class="bd-example-cssgrid" >}}
+<div class="grid" style="row-gap: 0;">
+  <div class="g-col-6">.g-col-6</div>
+  <div class="g-col-6">.g-col-6</div>
+
+  <div class="g-col-6">.g-col-6</div>
+  <div class="g-col-6">.g-col-6</div>
+</div>
+{{< /example >}}
+
+Because of that, you can have different vertical and horizontal `gap`s, which can take a single value (all sides) or a pair of values (vertical and horizontal). This can be applied with an inline style for `gap`, or with our `--bs-gap` CSS variable.
+
+{{< example class="bd-example-cssgrid" >}}
+<div class="grid" style="--bs-gap: .25rem 1rem;">
+  <div class="g-col-6">.g-col-6</div>
+  <div class="g-col-6">.g-col-6</div>
+
+  <div class="g-col-6">.g-col-6</div>
+  <div class="g-col-6">.g-col-6</div>
+</div>
+{{< /example >}}
+
+## Sass
+
+One limitation of the CSS Grid is that our default classes are still generated by two Sass variables, `$grid-columns` and `$grid-gutter-width`. This effectively predetermines the number of classes generated in our compiled CSS. You have two options here:
+
+- Modify those default Sass variables and recompile your CSS.
+- Use inline or custom styles to augment the provided classes.
+
+For example, you can increase the column count and change the gap size, and then size your "columns" with a mix of inline styles and predefined CSS Grid column classes (e.g., `.g-col-4`).
+
+{{< example class="bd-example-cssgrid" >}}
+<div class="grid" style="--bs-columns: 18; --bs-gap: .5rem;">
+  <div style="grid-column: span 14;">14 columns</div>
+  <div class="g-col-4">.g-col-4</div>
+</div>
+{{< /example >}}
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/layout/grid.md b/vendor/twbs/bootstrap/site/content/docs/5.1/layout/grid.md
index afa3818a2..05fc1bd65 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/layout/grid.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/layout/grid.md
@@ -299,9 +299,9 @@ Don't want your columns to simply stack in some grid tiers? Use a combination of
 
 ### Row columns
 
-Use the responsive `.row-cols-*` classes to quickly set the number of columns that best render your content and layout. Whereas normal `.col-*` classes apply to the individual columns (e.g., `.col-md-4`), the row columns classes are set on the parent `.row` as a default for contained columns. With `.row-cols-auto` you can give the columns their natural width.
+Use the responsive `.row-cols-*` classes to quickly set the number of columns that best render your content and layout. Whereas normal `.col-*` classes apply to the individual columns (e.g., `.col-md-4`), the row columns classes are set on the parent `.row` as a shortcut. With `.row-cols-auto` you can give the columns their natural width.
 
-Use these row columns classes to quickly create basic grid layouts or to control your card layouts and override when needed at the column level.
+Use these row columns classes to quickly create basic grid layouts or to control your card layouts.
 
 {{< example class="bd-example-row" >}}
 <div class="container">
@@ -369,25 +369,6 @@ Use these row columns classes to quickly create basic grid layouts or to control
 </div>
 {{< /example >}}
 
-{{< example class="bd-example-row" >}}
-<div class="container">
-  <div class="row row-cols-2 row-cols-lg-3">
-    <div class="col">Column</div>
-    <div class="col">Column</div>
-    <div class="col">Column</div>
-    <div class="col">Column</div>
-    <div class="col">Column</div>
-    <div class="col">Column</div>
-    <div class="col-4 col-lg-2">Column</div>
-    <div class="col-4 col-lg-2">Column</div>
-    <div class="col-4 col-lg-2">Column</div>
-    <div class="col-4 col-lg-2">Column</div>
-    <div class="col-4 col-lg-2">Column</div>
-    <div class="col-4 col-lg-2">Column</div>
-  </div>
-</div>
-{{< /example >}}
-
 You can also use the accompanying Sass mixin, `row-cols()`:
 
 ```scss
@@ -458,7 +439,7 @@ Mixins are used in conjunction with the grid variables to generate semantic CSS
 @include make-col();
 @include make-col($size, $columns: $grid-columns);
 
-// Get fancy by offsetting, or changing the sort order
+// Offset with margins
 @include make-col-offset($size, $columns: $grid-columns);
 ```
 
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/layout/gutters.md b/vendor/twbs/bootstrap/site/content/docs/5.1/layout/gutters.md
index 87d2731a4..87d2731a4 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/layout/gutters.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/layout/gutters.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/layout/utilities.md b/vendor/twbs/bootstrap/site/content/docs/5.1/layout/utilities.md
index 009d2416d..009d2416d 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/layout/utilities.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/layout/utilities.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/layout/z-index.md b/vendor/twbs/bootstrap/site/content/docs/5.1/layout/z-index.md
index 1870d05d2..1870d05d2 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/layout/z-index.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/layout/z-index.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/migration.md b/vendor/twbs/bootstrap/site/content/docs/5.1/migration.md
index e6db422c4..8ebb13b81 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/migration.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/migration.md
@@ -28,10 +28,10 @@ toc: true
 ## Documentation changes
 
 - Redesigned homepage, docs layout, and footer.
-- Added [new Parcel guide](https://getbootstrap.com/docs/5.0/getting-started/parcel/).
-- Added [new Customize section](https://getbootstrap.com/docs/5.0/customize/overview/), replacing [v4's Theming page](https://getbootstrap.com/docs/4.6/getting-started/theming/), with new details on Sass, global configuration options, color schemes, CSS variables, and more.
-- Reorganized all form documentation into [new Forms section](https://getbootstrap.com/docs/5.0/forms/overview/), breaking apart the content into more focused pages.
-- Similarly, updated [the Layout section](https://getbootstrap.com/docs/5.0/layout/breakpoints/), to flesh out grid content more clearly.
+- Added [new Parcel guide](https://getbootstrap.com/docs/5.1/getting-started/parcel/).
+- Added [new Customize section](https://getbootstrap.com/docs/5.1/customize/overview/), replacing [v4's Theming page](https://getbootstrap.com/docs/4.6/getting-started/theming/), with new details on Sass, global configuration options, color schemes, CSS variables, and more.
+- Reorganized all form documentation into [new Forms section](https://getbootstrap.com/docs/5.1/forms/overview/), breaking apart the content into more focused pages.
+- Similarly, updated [the Layout section](https://getbootstrap.com/docs/5.1/layout/breakpoints/), to flesh out grid content more clearly.
 - Renamed "Navs" component page to "Navs & Tabs".
 - Renamed "Checks" page to "Checks & radios".
 - Redesigned the navbar and added a new subnav to make it easier to get around our sites and docs versions.
@@ -90,7 +90,7 @@ toc: true
 - **New breakpoint!** Added new `xxl` breakpoint for `1400px` and up. No changes to all other breakpoints.
 
 - **Improved gutters.** Gutters are now set in rems, and are narrower than v4 (`1.5rem`, or about `24px`, down from `30px`). This aligns our grid system's gutters with our spacing utilities.
-  - Added new [gutter class](https://getbootstrap.com/docs/5.0/layout/gutters/) (`.g-*`, `.gx-*`, and `.gy-*`) to control horizontal/vertical gutters, horizontal gutters, and vertical gutters.
+  - Added new [gutter class](https://getbootstrap.com/docs/5.1/layout/gutters/) (`.g-*`, `.gx-*`, and `.gy-*`) to control horizontal/vertical gutters, horizontal gutters, and vertical gutters.
   - <span class="badge bg-danger">Breaking</span> Renamed `.no-gutters` to `.g-0` to match new gutter utilities.
 
 - Columns no longer have `position: relative` applied, so you may have to add `.position-relative` to some elements to restore that behavior.
@@ -131,6 +131,8 @@ toc: true
 
 - <span class="badge bg-danger">Breaking</span> Dropped `.text-justify` class. [See #29793](https://github.com/twbs/bootstrap/pull/29793)
 
+- <span class="badge bg-danger">Breaking</span> `<hr>` elements now use `height` instead of `border` to better support the `size` attribute. This also enables use of padding utilities to create thicker dividers (e.g., `<hr class="py-1">`).
+
 - Reset default horizontal `padding-left` on `<ul>` and `<ol>` elements from browser default `40px` to `2rem`.
 
 - Added `$enable-smooth-scroll`, which applies `scroll-behavior: smooth` globally—except for users asking for reduced motion through `prefers-reduced-motion` media query. [See #31877](https://github.com/twbs/bootstrap/pull/31877)
@@ -199,9 +201,9 @@ toc: true
 
 ### Buttons
 
-- <span class="badge bg-danger">Breaking</span> **[Toggle buttons](https://getbootstrap.com/docs/5.0/forms/checks-radios/#toggle-buttons), with checkboxes or radios, no longer require JavaScript and have new markup.** We no longer require a wrapping element, add `.btn-check` to the `<input>`, and pair it with any `.btn` classes on the `<label>`. [See #30650](https://github.com/twbs/bootstrap/pull/30650). _The docs for this has moved from our Buttons page to the new Forms section._
+- <span class="badge bg-danger">Breaking</span> **[Toggle buttons](https://getbootstrap.com/docs/5.1/forms/checks-radios/#toggle-buttons), with checkboxes or radios, no longer require JavaScript and have new markup.** We no longer require a wrapping element, add `.btn-check` to the `<input>`, and pair it with any `.btn` classes on the `<label>`. [See #30650](https://github.com/twbs/bootstrap/pull/30650). _The docs for this has moved from our Buttons page to the new Forms section._
 
-- <span class="badge bg-danger">Breaking</span> **Dropped `.btn-block` for utilities.** Instead of using `.btn-block` on the `.btn`, wrap your buttons with `.d-grid` and a `.gap-*` utility to space them as needed. Switch to responsive classes for even more control over them. [Read the docs for some examples.](https://getbootstrap.com/docs/5.0/components/buttons/#block-buttons)
+- <span class="badge bg-danger">Breaking</span> **Dropped `.btn-block` for utilities.** Instead of using `.btn-block` on the `.btn`, wrap your buttons with `.d-grid` and a `.gap-*` utility to space them as needed. Switch to responsive classes for even more control over them. [Read the docs for some examples.](https://getbootstrap.com/docs/5.1/components/buttons/#block-buttons)
 
 - Updated our `button-variant()` and `button-outline-variant()` mixins to support additional parameters.
 
@@ -255,7 +257,7 @@ toc: true
 
 ### Jumbotron
 
-- <span class="badge bg-danger">Breaking</span> Dropped the jumbotron component as it can be replicated with utilities. [See our new Jumbotron example for a demo.](https://getbootstrap.com/docs/5.0/examples/jumbotron/)
+- <span class="badge bg-danger">Breaking</span> Dropped the jumbotron component as it can be replicated with utilities. [See our new Jumbotron example for a demo.](https://getbootstrap.com/docs/5.1/examples/jumbotron/)
 
 ### List group
 
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/utilities/api.md b/vendor/twbs/bootstrap/site/content/docs/5.1/utilities/api.md
index 8ffc76caa..66b6bc0f8 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/utilities/api.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/utilities/api.md
@@ -3,7 +3,7 @@ layout: docs
 title: Utility API
 description: The utility API is a Sass-based tool to generate utility classes.
 group: utilities
-aliases: "/docs/5.0/utilities/"
+aliases: "/docs/5.1/utilities/"
 toc: true
 ---
 
@@ -12,16 +12,18 @@ Bootstrap utilities are generated with our utility API and can be used to modify
 The `$utilities` map contains all our utilities and is later merged with your custom `$utilities` map, if present. The utility map contains a keyed list of utility groups which accept the following options:
 
 {{< bs-table "table text-start" >}}
-| Option | Type | Description |
-| --- | --- | --- |
-| `property` | **Required** | Name of the property, this can be a string or an array of strings (e.g., horizontal paddings or margins). |
-| `values` | **Required** | List of values, or a map if you don't want the class name to be the same as the value. If `null` is used as map key, it isn't compiled. |
-| `class` | Optional | Variable for the class name if you don't want it to be the same as the property. In case you don't provide the `class` key and `property` key is an array of strings, the class name will be the first element of the `property` array. |
-| `state` | Optional | List of pseudo-class variants like `:hover` or `:focus` to generate for the utility. No default value. |
-| `responsive` | Optional | Boolean indicating if responsive classes need to be generated. `false` by default. |
-| `rfs` | Optional | Boolean to enable fluid rescaling. Have a look at the [RFS]({{< docsref "/getting-started/rfs" >}}) page to find out how this works. `false` by default. |
-| `print` | Optional | Boolean indicating if print classes need to be generated. `false` by default. |
-| `rtl` | Optional | Boolean indicating if utility should be kept in RTL. `true` by default. |
+| Option | Type | Default&nbsp;value | Description |
+| --- | --- | --- | --- |
+| [`property`](#property) | **Required** | – | Name of the property, this can be a string or an array of strings (e.g., horizontal paddings or margins). |
+| [`values`](#values) | **Required** | – | List of values, or a map if you don't want the class name to be the same as the value. If `null` is used as map key, it isn't compiled. |
+| [`class`](#class) | Optional | null | Name of the generated class. If not provided and `property` is an array of strings, `class` will default to the first element of the `property` array. |
+| [`css-var`](#css-variable-utilities) | Optional | `false` | Boolean to generate CSS variables instead of CSS rules. |
+| [`local-vars`](#local-css-variables) | Optional | null | Map of local CSS variables to generate in addition to the CSS rules. |
+| [`state`](#states) | Optional | null | List of pseudo-class variants (e.g., `:hover` or `:focus`) to generate. |
+| [`responsive`](#responsive) | Optional | `false` | Boolean indicating if responsive classes should be generated. |
+| `rfs` | Optional | `false` | Boolean to enable [fluid rescaling with RFS]({{< docsref "/getting-started/rfs" >}}). |
+| [`print`](#print) | Optional | `false` | Boolean indicating if print classes need to be generated. |
+| `rtl` | Optional | `true` | Boolean indicating if utility should be kept in RTL. |
 {{< /bs-table >}}
 
 ## API explained
@@ -40,7 +42,7 @@ $utilities: (
       100: 1,
     )
   )
- );
+);
 ```
 
 Which outputs the following:
@@ -53,9 +55,58 @@ Which outputs the following:
 .opacity-100 { opacity: 1; }
 ```
 
-### Custom class prefix
+### Property
+
+The required `property` key must be set for any utility, and it must contain a valid CSS property. This property is used in the generated utility's ruleset. When the `class` key is omitted, it also serves as the default class name. Consider the `text-decoration` utility:
+
+```scss
+$utilities: (
+  "text-decoration": (
+    property: text-decoration,
+    values: none underline line-through
+  )
+);
+```
+
+Output:
+
+```css
+.text-decoration-none { text-decoration: none !important; }
+.text-decoration-underline { text-decoration: underline !important; }
+.text-decoration-line-through { text-decoration: line-through !important; }
+```
+
+### Values
+
+Use the `values` key to specify which values for the specified `property` should be used in the generated class names and rules. Can be a list or map (set in the utilities or in a Sass variable).
+
+As a list, like with [`text-decoration` utilities]({{< docsref "/utilities/text#text-decoration" >}}):
+
+```scss
+values: none underline line-through
+```
+
+As a map, like with [`opacity` utilities]({{< docsref "/utilities/opacity" >}}):
+
+```scss
+values: (
+  0: 0,
+  25: .25,
+  50: .5,
+  75: .75,
+  100: 1,
+)
+```
+
+As a Sass variable that sets the list or map, as in our [`position` utilities]({{< docsref "/utilities/position" >}}):
+
+```scss
+values: $position-values
+```
+
+### Class
 
-Use the `class` option to change the class prefix used in the compiled CSS:
+Use the `class` option to change the class prefix used in the compiled CSS. For example, to change from `.opacity-*` to `.o-*`:
 
 ```scss
 $utilities: (
@@ -70,17 +121,76 @@ $utilities: (
       100: 1,
     )
   )
- );
+);
+```
+
+Output:
+
+```css
+.o-0 { opacity: 0 !important; }
+.o-25 { opacity: .25 !important; }
+.o-50 { opacity: .5 !important; }
+.o-75 { opacity: .75 !important; }
+.o-100 { opacity: 1 !important; }
+```
+
+### CSS variable utilities
+
+Set the `css-var` boolean option to `true` and the API will generate local CSS variables for the given selector instead of the usual `property: value` rules. Consider our `.text-opacity-*` utilities:
+
+```scss
+$utilities: (
+  "text-opacity": (
+    css-var: true,
+    class: text-opacity,
+    values: (
+      25: .25,
+      50: .5,
+      75: .75,
+      100: 1
+    )
+  ),
+);
+```
+
+Output:
+
+```css
+.text-opacity-25 { --bs-text-opacity: .25; }
+.text-opacity-50 { --bs-text-opacity: .5; }
+.text-opacity-75 { --bs-text-opacity: .75; }
+.text-opacity-100 { --bs-text-opacity: 1; }
+```
+
+### Local CSS variables
+
+Use the `local-vars` option to specify a Sass map that will generate local CSS variables within the utility class's ruleset. Please note that it may require additional work to consume those local CSS variables in the generated CSS rules. For example, consider our `.bg-*` utilities:
+
+```scss
+$utilities: (
+  "background-color": (
+    property: background-color,
+    class: bg,
+    local-vars: (
+      "bg-opacity": 1
+    ),
+    values: map-merge(
+      $utilities-bg-colors,
+      (
+        "transparent": transparent
+      )
+    )
+  )
+);
 ```
 
 Output:
 
 ```css
-.o-0 { opacity: 0; }
-.o-25 { opacity: .25; }
-.o-50 { opacity: .5; }
-.o-75 { opacity: .75; }
-.o-100 { opacity: 1; }
+.bg-primary {
+  --bs-bg-opacity: 1;
+  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
+}
 ```
 
 ### States
@@ -116,7 +226,7 @@ Output:
 .opacity-100-hover:hover { opacity: 1 !important; }
 ```
 
-### Responsive utilities
+### Responsive
 
 Add the `responsive` boolean to generate responsive utilities (e.g., `.opacity-md-25`) across [all breakpoints]({{< docsref "/layout/breakpoints" >}}).
 
@@ -133,7 +243,7 @@ $utilities: (
       100: 1,
     )
   )
- );
+);
 ```
 
 Output:
@@ -186,21 +296,7 @@ Output:
 }
 ```
 
-### Changing utilities
-
-Override existing utilities by using the same key. For example, if you want additional responsive overflow utility classes, you can do this:
-
-```scss
-$utilities: (
-  "overflow": (
-    responsive: true,
-    property: overflow,
-    values: visible hidden scroll auto,
-  ),
-);
-```
-
-### Print utilities
+### Print
 
 Enabling the `print` option will **also** generate utility classes for print, which are only applied within the `@media print { ... }` media query.
 
@@ -217,7 +313,7 @@ $utilities: (
       100: 1,
     )
   )
- );
+);
 ```
 
 Output:
@@ -246,6 +342,20 @@ All utilities generated by the API include `!important` to ensure they override
 
 Now that you're familiar with how the utilities API works, learn how to add your own custom classes and modify our default utilities.
 
+### Override utilities
+
+Override existing utilities by using the same key. For example, if you want additional responsive overflow utility classes, you can do this:
+
+```scss
+$utilities: (
+  "overflow": (
+    responsive: true,
+    property: overflow,
+    values: visible hidden scroll auto,
+  ),
+);
+```
+
 ### Add utilities
 
 New utilities can be added to the default `$utilities` map with a `map-merge`. Make sure our required Sass files and `_utilities.scss` are imported first, then use the `map-merge` to add your additional utilities. For example, here's how to add a responsive `cursor` utility with three values.
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/utilities/background.md b/vendor/twbs/bootstrap/site/content/docs/5.1/utilities/background.md
index 7b1b48140..61c27365b 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/utilities/background.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/utilities/background.md
@@ -35,6 +35,44 @@ Do you need a gradient in your custom CSS? Just add `background-image: var(--bs-
 {{< /colors.inline >}}
 {{< /markdown >}}
 
+## Opacity
+
+<small class="d-inline-flex px-2 py-1 font-monospace text-muted border rounded-3">Added in v5.1.0</small>
+
+As of v5.1.0, `background-color` utilities are generated with Sass using CSS variables. This allows for real-time color changes without compilation and dynamic alpha transparency changes.
+
+### How it works
+
+Consider our default `.bg-success` utility.
+
+```css
+.bg-success {
+  --bs-bg-opacity: 1;
+  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
+}
+```
+
+We use an RGB version of our `--bs-success` (with the value of `25, 135, 84`) CSS variable and attached a second CSS variable, `--bs-bg-opacity`, for the alpha transparency (with a default value `1` thanks to a local CSS variable). That means anytime you use `.bg-success` now, your computed `color` value is `rgba(25, 135, 84, 1)`. The local CSS variable inside each `.bg-*` class avoids inheritance issues so nested instances of the utilities don't automatically have a modified alpha transparency.
+
+### Example
+
+To change that opacity, override `--bs-bg-opacity` via custom styles or inline styles.
+
+{{< example >}}
+<div class="bg-success p-2 text-white">This is default success background</div>
+<div class="bg-success p-2" style="--bs-bg-opacity: .5;">This is 50% opacity success background</div>
+{{< /example >}}
+
+Or, choose from any of the `.bg-opacity` utilities:
+
+{{< example >}}
+<div class="bg-success p-2 text-white">This is default success background</div>
+<div class="bg-success p-2 text-white bg-opacity-75">This is 75% opacity success background</div>
+<div class="bg-success p-2 text-dark bg-opacity-50">This is 50% opacity success background</div>
+<div class="bg-success p-2 text-dark bg-opacity-25">This is 25% opacity success background</div>
+<div class="bg-success p-2 text-dark bg-opacity-10">This is 10% opacity success background</div>
+{{< /example >}}
+
 ## Sass
 
 In addition to the following Sass functionality, consider reading about our included [CSS custom properties]({{< docsref "/customize/css-variables" >}}) (aka CSS variables) for colors and more.
@@ -63,6 +101,14 @@ Grayscale colors are also available as a Sass map. **This map is not used to gen
 
 {{< scss-docs name="gray-colors-map" file="scss/_variables.scss" >}}
 
+RGB colors are generated from a separate Sass map:
+
+{{< scss-docs name="theme-colors-rgb" file="scss/_variables.scss" >}}
+
+And background color opacities build on that with their own map that's consumed by the utilities API:
+
+{{< scss-docs name="utilities-bg-colors" file="scss/_variables.scss" >}}
+
 ### Mixins
 
 **No mixins are used to generate our background utilities**, but we do have some additional mixins for other situations where you'd like to create your own gradients.
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/utilities/borders.md b/vendor/twbs/bootstrap/site/content/docs/5.1/utilities/borders.md
index 6ba1174c9..6ba1174c9 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/utilities/borders.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/utilities/borders.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/utilities/colors.md b/vendor/twbs/bootstrap/site/content/docs/5.1/utilities/colors.md
index 266f671f6..60462070b 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/utilities/colors.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/utilities/colors.md
@@ -23,10 +23,51 @@ Colorize text with color utilities. If you want to colorize links, you can use t
 <p class="text-white-50 bg-dark">.text-white-50</p>
 {{< /example >}}
 
+{{< callout warning >}}
+**Deprecation:** With the addition of `.text-opacity-*` utilities and CSS variables for text utilities, `.text-black-50` and `.text-white-50` are deprecated as of v5.1.0. They'll be removed in v6.0.0.
+{{< /callout >}}
+
 {{< callout info >}}
 {{< partial "callout-warning-color-assistive-technologies.md" >}}
 {{< /callout >}}
 
+## Opacity
+
+<small class="d-inline-flex px-2 py-1 font-monospace text-muted border rounded-3">Added in v5.1.0</small>
+
+As of v5.1.0, text color utilities are generated with Sass using CSS variables. This allows for real-time color changes without compilation and dynamic alpha transparency changes.
+
+### How it works
+
+Consider our default `.text-primary` utility.
+
+```css
+.text-primary {
+  --bs-text-opacity: 1;
+  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
+}
+```
+
+We use an RGB version of our `--bs-primary` (with the value of `13, 110, 253`) CSS variable and attached a second CSS variable, `--bs-text-opacity`, for the alpha transparency (with a default value `1` thanks to a local CSS variable). That means anytime you use `.text-primary` now, your computed `color` value is `rgba(13, 110, 253, 1)`. The local CSS variable inside each `.text-*` class avoids inheritance issues so nested instances of the utilities don't automatically have a modified alpha transparency.
+
+### Example
+
+To change that opacity, override `--bs-text-opacity` via custom styles or inline styles.
+
+{{< example >}}
+<div class="text-primary">This is default primary text</div>
+<div class="text-primary" style="--bs-text-opacity: .5;">This is 50% opacity primary text</div>
+{{< /example >}}
+
+Or, choose from any of the `.text-opacity` utilities:
+
+{{< example >}}
+<div class="text-primary">This is default primary text</div>
+<div class="text-primary text-opacity-75">This is 75% opacity primary text</div>
+<div class="text-primary text-opacity-50">This is 50% opacity primary text</div>
+<div class="text-primary text-opacity-25">This is 25% opacity primary text</div>
+{{< /example >}}
+
 ## Specificity
 
 Sometimes contextual classes cannot be applied due to the specificity of another selector. In some cases, a sufficient workaround is to wrap your element's content in a `<div>` or more semantic element with the desired class.
@@ -57,6 +98,14 @@ Grayscale colors are also available as a Sass map. **This map is not used to gen
 
 {{< scss-docs name="gray-colors-map" file="scss/_variables.scss" >}}
 
+RGB colors are generated from a separate Sass map:
+
+{{< scss-docs name="theme-colors-rgb" file="scss/_variables.scss" >}}
+
+And color opacities build on that with their own map that's consumed by the utilities API:
+
+{{< scss-docs name="utilities-text-colors" file="scss/_variables.scss" >}}
+
 ### Utilities API
 
 Color utilities are declared in our utilities API in `scss/_utilities.scss`. [Learn how to use the utilities API.]({{< docsref "/utilities/api#using-the-api" >}})
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/utilities/display.md b/vendor/twbs/bootstrap/site/content/docs/5.1/utilities/display.md
index 9e5a5dfb2..9e5a5dfb2 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/utilities/display.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/utilities/display.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/utilities/flex.md b/vendor/twbs/bootstrap/site/content/docs/5.1/utilities/flex.md
index bbb1824b4..bbb1824b4 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/utilities/flex.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/utilities/flex.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/utilities/float.md b/vendor/twbs/bootstrap/site/content/docs/5.1/utilities/float.md
index a18c21471..a18c21471 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/utilities/float.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/utilities/float.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/utilities/interactions.md b/vendor/twbs/bootstrap/site/content/docs/5.1/utilities/interactions.md
index b95b98a10..35ea2b995 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/utilities/interactions.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/utilities/interactions.md
@@ -26,9 +26,12 @@ Bootstrap provides `.pe-none` and `.pe-auto` classes to prevent or add element i
 <p class="pe-none"><a href="#" tabindex="-1" aria-disabled="true">This link</a> can not be clicked because the <code>pointer-events</code> property is inherited from its parent. However, <a href="#" class="pe-auto">this link</a> has a <code>pe-auto</code> class and can be clicked.</p>
 {{< /example >}}
 
-{{< callout warning >}}
-The `.pe-none` class (and the `pointer-events` CSS property it sets) only prevents interactions with a pointer (mouse, stylus, touch). Links and controls with `.pe-none` are, by default, still focusable and actionable for keyboard users. To ensure that they are completely neutralized even for keyboard users, you may need to add further attributes such as `tabindex="-1"` (to prevent them from receiving keyboard focus) and `aria-disabled="true"` (to convey the fact they are effectively disabled to assistive technologies), and possibly use JavaScript to completely prevent them from being actionable. For form controls, consider using the `disabled` HTML attribute instead.
-{{< /callout >}}
+The `.pe-none` class (and the `pointer-events` CSS property it sets) only prevents interactions with a pointer (mouse, stylus, touch). Links and controls with `.pe-none` are, by default, still focusable and actionable for keyboard users. To ensure that they are completely neutralized even for keyboard users, you may need to add further attributes such as `tabindex="-1"` (to prevent them from receiving keyboard focus) and `aria-disabled="true"` (to convey the fact they are effectively disabled to assistive technologies), and possibly use JavaScript to completely prevent them from being actionable.
+
+If possible, the simpler solution is:
+
+- For form controls, add the `disabled` HTML attribute.
+* For links, remove the `href` attribute, making it a non-interactive anchor or placeholder link.
 
 ## Sass
 
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.1/utilities/opacity.md b/vendor/twbs/bootstrap/site/content/docs/5.1/utilities/opacity.md
new file mode 100644
index 000000000..a2fdc3807
--- /dev/null
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/utilities/opacity.md
@@ -0,0 +1,30 @@
+---
+layout: docs
+title: Opacity
+description: Control the opacity of elements.
+group: utilities
+---
+
+The `opacity` property sets the opacity level for an element. The opacity level describes the transparency level, where `1` is not transparent at all, `.5` is 50% visible, and `0` is completely transparent.
+
+Set the `opacity` of an element using `.opacity-{value}` utilities.
+
+<div class="bd-example d-sm-flex">
+  <div class="opacity-100 p-3 m-2 bg-primary text-light fw-bold rounded">100%</div>
+  <div class="opacity-75 p-3 m-2 bg-primary text-light fw-bold rounded">75%</div>
+  <div class="opacity-50 p-3 m-2 bg-primary text-light fw-bold rounded">50%</div>
+  <div class="opacity-25 p-3 m-2 bg-primary text-light fw-bold rounded">25%</div>
+</div>
+
+```html
+<div class="opacity-100">...</div>
+<div class="opacity-75">...</div>
+<div class="opacity-50">...</div>
+<div class="opacity-25">...</div>
+```
+
+### Utilities API
+
+Opacity utilities are declared in our utilities API in `scss/_utilities.scss`. [Learn how to use the utilities API.]({{< docsref "/utilities/api#using-the-api" >}})
+
+{{< scss-docs name="utils-opacity" file="scss/_utilities.scss" >}}
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/utilities/overflow.md b/vendor/twbs/bootstrap/site/content/docs/5.1/utilities/overflow.md
index a36374cd5..a36374cd5 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/utilities/overflow.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/utilities/overflow.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/utilities/position.md b/vendor/twbs/bootstrap/site/content/docs/5.1/utilities/position.md
index 46e62dd36..46e62dd36 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/utilities/position.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/utilities/position.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/utilities/shadows.md b/vendor/twbs/bootstrap/site/content/docs/5.1/utilities/shadows.md
index bb5ef44ab..bb5ef44ab 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/utilities/shadows.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/utilities/shadows.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/utilities/sizing.md b/vendor/twbs/bootstrap/site/content/docs/5.1/utilities/sizing.md
index 962575ffe..962575ffe 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/utilities/sizing.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/utilities/sizing.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/utilities/spacing.md b/vendor/twbs/bootstrap/site/content/docs/5.1/utilities/spacing.md
index 70fbe7694..70fbe7694 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/utilities/spacing.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/utilities/spacing.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/utilities/text.md b/vendor/twbs/bootstrap/site/content/docs/5.1/utilities/text.md
index be8e0e1c0..be8e0e1c0 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/utilities/text.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/utilities/text.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/utilities/vertical-align.md b/vendor/twbs/bootstrap/site/content/docs/5.1/utilities/vertical-align.md
index 9fe0eeb93..9fe0eeb93 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/utilities/vertical-align.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/utilities/vertical-align.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.0/utilities/visibility.md b/vendor/twbs/bootstrap/site/content/docs/5.1/utilities/visibility.md
index 61eb30241..61eb30241 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.0/utilities/visibility.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.1/utilities/visibility.md
diff --git a/vendor/twbs/bootstrap/site/content/docs/_index.html b/vendor/twbs/bootstrap/site/content/docs/_index.html
index 0a758d2bf..198e6af8c 100644
--- a/vendor/twbs/bootstrap/site/content/docs/_index.html
+++ b/vendor/twbs/bootstrap/site/content/docs/_index.html
@@ -1,5 +1,5 @@
 ---
 layout: redirect
 sitemap_exclude: true
-redirect: "/docs/5.0/getting-started/introduction/"
+redirect: "/docs/5.1/getting-started/introduction/"
 ---