fix

assets/bsCore/bsCore.css

@@ -10,4 +10,39 @@
 }
 .collapse:not(.show) {
     display: none;
+}
+
+
+
+.btn-close {
+    box-sizing: content-box;
+    width: 1em;
+    height: 1em;
+    padding: 0.25em 0.25em;
+    color: #000;
+    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
+    border: 0;
+    border-radius: 0.25rem;
+    opacity: 0.5;
+}
+.btn-close:hover {
+    color: #000;
+    text-decoration: none;
+    opacity: 0.75;
+}
+.btn-close:focus {
+    outline: 0;
+    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+    opacity: 1;
+}
+.btn-close:disabled, .btn-close.disabled {
+    pointer-events: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: none;
+    opacity: 0.25;
+}
+
+.btn-close-white {
+    filter: invert(1) grayscale(100%) brightness(200%);
 }

assets/bsCore/bsCore.js

@@ -1,7 +1,12 @@
+/** @module bsCore */
 kit.PluginManager.register('bsCore', function(module, exports, require, global){
 
-    /** @class kitBsCore */
+    /**
+     * @memberOf kit
+     * @class bsCore
+     **/
     var bsCore = {};
+
     var dom = {};
     var util = {};
 
@@ -288,7 +293,6 @@ kit.PluginManager.register('bsCore', function(module, exports, require, global){
 
         const getElementFromSelector = element => {
             const selector = getSelector(element)
-
             return selector ? document.querySelector(selector) : null
         }
 
@@ -520,6 +524,7 @@ kit.PluginManager.register('bsCore', function(module, exports, require, global){
         return {
             getElement,
             getUID,
+            getSelector,
             getSelectorFromElement,
             getElementFromSelector,
             getTransitionDurationFromElement,
@@ -1263,6 +1268,44 @@ kit.PluginManager.register('bsCore', function(module, exports, require, global){
         util.index.isElement
     );
 
+    /**
+     * --------------------------------------------------------------------------
+     * Bootstrap (v5.1.3): util/component-functions.js
+     * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+     * --------------------------------------------------------------------------
+     */
+
+    util.componentFunctions = function(EventHandler, getElementFromSelector, isDisabled){
+        const enableDismissTrigger = (component, method = 'hide') => {
+            const clickEvent = `click.dismiss${component.EVENT_KEY}`
+            const name = component.NAME
+
+            EventHandler.on(document, clickEvent, `[data-bs-dismiss="${name}"]`, function (event) {
+                if (['A', 'AREA'].includes(this.tagName)) {
+                    event.preventDefault()
+                }
+
+                if (isDisabled(this)) {
+                    return
+                }
+
+                const target = getElementFromSelector(this) || this.closest(`.${name}`)
+                const instance = component.getOrCreateInstance(target)
+
+                // Method argument is left, for Alert and only, as it doesn't implement the 'hide' method
+                instance[method]()
+            })
+        };
+
+        return {
+            enableDismissTrigger
+        };
+    }(
+        dom.EventHandler,
+        util.index.getElementFromSelector,
+        util.index.isDisabled
+    );
+
     /**
      * --------------------------------------------------------------------------
      * Bootstrap (v5.0.2): base-component.js