npm - @wwtdev/bsds-components-vue3 - Versions diffs - 2.13.1 → 2.14.0 - Mend

@wwtdev/bsds-components-vue3 2.13.1 → 2.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/lib/bsds-components.js +1104 -1110
package/lib/components.css +1 -1
package/package.json +9 -10

package/lib/bsds-components.js CHANGED Viewed

@@ -1,6 +1,5 @@
-import { computed as p, ref as I, onMounted as H, onUnmounted as $e, shallowRef as Mt, watch as j, defineAsyncComponent as Je, openBlock as u, createElementBlock as h, unref as c, createElementVNode as S, renderSlot as E, createBlock as O, resolveDynamicComponent as te, createCommentVNode as C, createTextVNode as W, toDisplayString as V, createVNode as P, normalizeClass as ie, useAttrs as re, mergeProps as z, withCtx as D, Fragment as G, toHandlers as Ye, onBeforeUnmount as _e, onBeforeMount as gt, nextTick as Ae, createSlots as Ze, useSlots as yt, renderList as ee, Teleport as Nt, withDirectives as ue, Transition as st, vShow as ce, provide as fe, inject as pe, withModifiers as St, isRef as zt } from "vue";
-import { v4 as wt } from "uuid";
-import { BsIconCaretDown as Me, BsIconWarning as Xe, BsIconClose as Be, BsIconCalendar as $t, BsIconCaretRight as Bt, BsIconCaretLeft as It, BsIconSmallCaretRight as Ft, BsIconSmallCaretLeft as Rt, BsIconCaretSort as jt, BsIconSearch as Wt, BsIconCaretLeftDouble as Ut, BsIconCaretRightDouble as Gt, BsIconActionEllipsis as Ht, BsIconGraphPieEmpty as dt, BsIconCircleStop as Kt, BsIconCircleCheck as Yt, BsIconCircleX as Zt, BsIconCircleEllipsis as Xt, BsIconCirclePlay as Qt, BsIconCirclePause as Jt, BsIconCircleExclamation as kt, BsIconThumbsUpStroke as _t } from "@wwtdev/bsds-icons-vue3";
+import { computed as f, ref as I, onMounted as H, onUnmounted as Be, shallowRef as Mt, watch as j, defineAsyncComponent as Je, useId as gt, openBlock as u, createElementBlock as b, unref as c, createElementVNode as w, renderSlot as E, createBlock as V, resolveDynamicComponent as te, createCommentVNode as x, createTextVNode as W, toDisplayString as O, createVNode as P, normalizeClass as ie, useAttrs as re, mergeProps as z, withCtx as D, Fragment as G, toHandlers as Ye, onBeforeUnmount as _e, onBeforeMount as yt, nextTick as Ae, createSlots as Ze, useSlots as St, renderList as ee, Teleport as Nt, withDirectives as ue, Transition as st, vShow as ce, provide as fe, inject as pe, withModifiers as wt, isRef as zt } from "vue";
+import { BsIconCaretDown as Me, BsIconWarning as Xe, BsIconClose as $e, BsIconCalendar as Bt, BsIconCaretRight as $t, BsIconCaretLeft as It, BsIconSmallCaretRight as Ft, BsIconSmallCaretLeft as Rt, BsIconCaretSort as jt, BsIconSearch as Wt, BsIconCaretLeftDouble as Ut, BsIconCaretRightDouble as Gt, BsIconActionEllipsis as Ht, BsIconGraphPieEmpty as dt, BsIconCircleStop as Kt, BsIconCircleCheck as Yt, BsIconCircleX as Zt, BsIconCircleEllipsis as Xt, BsIconCirclePlay as Qt, BsIconCirclePause as Jt, BsIconCircleExclamation as kt, BsIconThumbsUpStroke as _t } from "@wwtdev/bsds-icons-vue3";
 import { DatePicker as ea } from "v-calendar";
 import { Filler as ta, Chart as je, BarController as aa, BarElement as na, CategoryScale as la, LinearScale as oa, Legend as ia, TimeScale as ra, Tooltip as sa } from "chart.js";
 import "chartjs-adapter-date-fns";
@@ -14,13 +13,13 @@ const ct = {
   type: "button"
 };
 function ze(e, a, t = "button") {
-  const l = ca(e, a, t), n = p(() => {
+  const l = ca(e, a, t), n = f(() => {
     const o = l.value === "button", s = {};
     return o ? (s.type = a.type || "button", s.autocomplete = "off", e.disabled && (s.disabled = !0)) : e.disabled && (s["aria-disabled"] = "true", s.tabindex = "-1"), s;
-  }), i = p(() => {
+  }), i = f(() => {
     const o = { ...a, ...n.value };
     return delete o.href, o;
-  }), d = p(() => e.linkTo || e.href);
+  }), d = f(() => e.linkTo || e.href);
   return { rootTag: l, attrsToBind: i, hrefUrl: d };
 }
 function ca(e, a, t) {
@@ -39,15 +38,15 @@ const Ct = (e, a) => {
   };
   H(() => {
     document.addEventListener("mouseup", t);
-  }), $e(() => {
+  }), Be(() => {
     document.removeEventListener("mouseup", t);
   });
 };
 function Fe(e) {
-  const a = p(() => e.linkTo || e.href || ""), t = p(() => {
+  const a = f(() => e.linkTo || e.href || ""), t = f(() => {
     var i, d;
     return ((d = (i = a.value) == null ? void 0 : i.startsWith) == null ? void 0 : d.call(i, "/")) || !1;
-  }), l = p(() => {
+  }), l = f(() => {
     var i, d;
     return t.value && ((i = e.router) == null ? void 0 : i.navigateTo) || ((d = e.router) == null ? void 0 : d.push) || null;
   });
@@ -56,8 +55,7 @@ function Fe(e) {
       i.preventDefault(), i.stopImmediatePropagation();
       return;
     }
-    if (!a.value || !l.value)
-      return;
+    if (!a.value || !l.value) return;
     i.target.closest("a").href === `${window.location.origin}${a.value}` && (i.preventDefault(), l.value(a.value));
   }
   return { onLinkClick: n };
@@ -65,11 +63,10 @@ function Fe(e) {
 function ft(e) {
   return e.split("-").map((l) => l.charAt(0).toUpperCase() + l.slice(1)).join("");
 }
-const Ve = (e, a) => {
+const Oe = (e, a) => {
   var i;
   function t(d) {
-    if (!d)
-      return null;
+    if (!d) return null;
     const o = d.startsWith("bs-") ? ft(d) : `BsIcon${ft(d)}`;
     return Je(async () => {
       const { [o]: s } = await import("@wwtdev/bsds-icons-vue3");
@@ -93,7 +90,7 @@ function Z(e = 1) {
   for (let t = 0; t < e; t++)
     a.push(I(""));
   return H(() => {
-    a.forEach((t) => t.value = `id-${wt()}`);
+    a.forEach((t) => t.value = gt());
   }), a;
 }
 const me = (e, a, t = void 0) => {
@@ -106,14 +103,14 @@ const me = (e, a, t = void 0) => {
   };
   H(() => {
     ((t == null ? void 0 : t.value) ?? document).addEventListener("keydown", l);
-  }), $e(() => {
+  }), Be(() => {
     ((t == null ? void 0 : t.value) ?? document).removeEventListener("keydown", l);
   });
 }, pa = (e, a, t) => {
   let l = null;
   H(() => {
     l = new MutationObserver(a), l.observe(e.value, t);
-  }), $e(() => {
+  }), Be(() => {
     l.disconnect();
   });
 }, Le = (e) => {
@@ -127,11 +124,11 @@ const me = (e, a, t = void 0) => {
   }), j(() => e.leaveTrigger, (t) => {
     t && (a.value = !1);
   }), { transition: a };
-}, ma = ["id", "data-stacked"], ha = ["data-open"], ba = ["aria-controls", "aria-expanded"], va = {
+}, ma = ["id", "data-stacked"], ba = ["data-open"], ha = ["aria-controls", "aria-expanded"], va = {
   key: 0,
   "data-position": "start",
   style: { display: "inline-flex" }
-}, ga = ["id"], ya = ["aria-labelledby", "data-open", "id"], Ro = {
+}, ga = ["id"], ya = ["aria-labelledby", "data-open", "id"], xo = {
   __name: "BsAccordion",
   props: {
     controlled: { type: Boolean, default: !1 },
@@ -148,11 +145,11 @@ const me = (e, a, t = void 0) => {
   },
   emits: ["toggled"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = I(null), i = I(!1), { icon: d } = Ve(t, "icon"), [o] = Z(), s = p(() => o.value + "-content"), r = p(() => o.value + "-title"), f = p(() => t.openItemId && t.openItemId === o.value || t.openItem === !0), b = p(() => t.controlled ? f.value : i.value);
+    const t = e, l = a, n = I(null), i = I(!1), { icon: d } = Oe(t, "icon"), [o] = Z(), s = f(() => o.value + "-content"), r = f(() => o.value + "-title"), m = f(() => t.openItemId && t.openItemId === o.value || t.openItem === !0), h = f(() => t.controlled ? m.value : i.value);
     function v() {
       l("toggled", o.value), t.controlled || (i.value = !i.value);
     }
-    return (g, y) => (u(), h("div", {
+    return (g, y) => (u(), b("div", {
       id: c(o),
       ref_key: "containerRef",
       ref: n,
@@ -160,41 +157,41 @@ const me = (e, a, t = void 0) => {
       "data-component": "bs-accordion",
       "data-stacked": e.stacked
     }, [
-      S("header", {
+      w("header", {
         part: "header",
-        "data-open": b.value
+        "data-open": h.value
       }, [
-        S("button", {
+        w("button", {
           "aria-controls": s.value,
-          "aria-expanded": b.value,
+          "aria-expanded": h.value,
           type: "button",
           onClick: v
         }, [
-          e.icon || g.$slots.icon ? (u(), h("span", va, [
+          e.icon || g.$slots.icon ? (u(), b("span", va, [
             E(g.$slots, "icon", {}, () => [
-              e.icon ? (u(), O(te(c(d) ? c(d) : "span"), { key: 0 })) : C("", !0)
+              e.icon ? (u(), V(te(c(d) ? c(d) : "span"), { key: 0 })) : x("", !0)
             ])
-          ])) : C("", !0),
-          S("span", { id: r.value }, [
+          ])) : x("", !0),
+          w("span", { id: r.value }, [
             E(g.$slots, "header", {}, () => [
-              W(V(e.headerText), 1)
+              W(O(e.headerText), 1)
             ])
           ], 8, ga),
           P(c(Me), {
             size: "md",
             "data-position": "end"
           })
-        ], 8, ba)
-      ], 8, ha),
-      S("div", {
+        ], 8, ha)
+      ], 8, ba),
+      w("div", {
         "aria-labelledby": r.value,
         class: "bs-accordion-content",
-        "data-open": b.value,
+        "data-open": h.value,
         id: s.value,
         part: "content",
         role: "region"
       }, [
-        S("div", null, [
+        w("div", null, [
           E(g.$slots, "default")
         ])
       ], 8, ya)
@@ -247,15 +244,14 @@ const me = (e, a, t = void 0) => {
     }
   },
   setup(e) {
-    const a = e, t = I(null), l = p(() => a.count === 0 ? "0" : !a.count || a.dot ? null : a.count > a.countMax ? a.countMax + "+" : a.count.toString()), n = p(() => {
+    const a = e, t = I(null), l = f(() => a.count === 0 ? "0" : !a.count || a.dot ? null : a.count > a.countMax ? a.countMax + "+" : a.count.toString()), n = f(() => {
       var s, r;
       const i = ((r = (s = t.value) == null ? void 0 : s.textContent) == null ? void 0 : r.trim()) || "", d = l.value ? l.value + " " : "";
-      if (!d && !a.dot)
-        return i;
+      if (!d && !a.dot) return i;
       const o = a.count !== 1 ? "s" : "";
       return `${i ? `${i}, ` : ""}${d}${a.label}${o}`;
     });
-    return (i, d) => (u(), h("span", {
+    return (i, d) => (u(), b("span", {
       ref_key: "hostRef",
       ref: t,
       "aria-label": n.value,
@@ -268,15 +264,15 @@ const me = (e, a, t = void 0) => {
       "data-variant": e.variant,
       role: "status"
     }, [
-      e.variant !== "notext" ? E(i.$slots, "default", { key: 0 }) : C("", !0)
+      e.variant !== "notext" ? E(i.$slots, "default", { key: 0 }) : x("", !0)
     ], 10, Sa));
   }
-}, $a = {
+}, Ba = {
   key: 0,
   role: "alert",
   class: "bs-banner",
   "data-component": "bs-banner"
-}, Ba = { class: "bs-banner-content" }, Ia = { class: "bs-banner-warning-icon" }, jo = {
+}, $a = { class: "bs-banner-content" }, Ia = { class: "bs-banner-warning-icon" }, To = {
   __name: "BsBanner",
   emits: ["dismiss"],
   setup(e, { emit: a }) {
@@ -284,20 +280,20 @@ const me = (e, a, t = void 0) => {
     function n() {
       l.value = !0, t("dismiss");
     }
-    return (i, d) => l.value ? C("", !0) : (u(), h("div", $a, [
-      S("div", Ba, [
-        S("div", Ia, [
+    return (i, d) => l.value ? x("", !0) : (u(), b("div", Ba, [
+      w("div", $a, [
+        w("div", Ia, [
           P(c(Xe), { size: "lg" })
         ]),
-        S("p", null, [
+        w("p", null, [
           E(i.$slots, "default")
         ]),
-        S("button", {
+        w("button", {
           type: "button",
           title: "Close Banner",
           onClick: n
         }, [
-          P(c(Be))
+          P(c($e))
         ])
       ])
     ]));
@@ -334,7 +330,7 @@ const me = (e, a, t = void 0) => {
   },
   setup(e) {
     const a = e, t = re(), { rootTag: l, attrsToBind: n, hrefUrl: i } = ze(a, t), { onLinkClick: d } = Fe(a);
-    return (o, s) => (u(), O(te(c(l)), z({
+    return (o, s) => (u(), V(te(c(l)), z({
       class: "bs-button",
       "data-component": "bs-button",
       "data-ghost": e.ghostBtn,
@@ -372,26 +368,23 @@ const me = (e, a, t = void 0) => {
     hintId: String
   },
   setup(e) {
-    const a = e, t = p(() => a.error && a.errorMsg || a.hint);
-    return (l, n) => (u(), h("div", Ca, [
-      t.value ? (u(), h("span", {
+    const a = e, t = f(() => a.error && a.errorMsg || a.hint);
+    return (l, n) => (u(), b("div", Ca, [
+      t.value ? (u(), b("span", {
         key: 0,
         id: e.hintId,
         class: "bs-hint",
         "data-error": e.error
-      }, V(t.value), 9, xa)) : C("", !0),
-      e.charMax ? (u(), h("span", {
+      }, O(t.value), 9, xa)) : x("", !0),
+      e.charMax ? (u(), b("span", {
         key: 1,
         "aria-description": "character count over character limit for the preceding text field",
         class: "bs-character-count",
         "data-error": a.charCount > a.charMax
-      }, V(a.charCount || "0") + " / " + V(a.charMax), 9, Ta)) : C("", !0)
+      }, O(a.charCount || "0") + " / " + O(a.charMax), 9, Ta)) : x("", !0)
     ]));
   }
-}, Aa = ["data-disabled", "for"], Va = /* @__PURE__ */ S("span", {
-  "data-required": "true",
-  "aria-hidden": "true"
-}, " *", -1), Oa = /* @__PURE__ */ S("span", { class: "visually-hidden" }, "required", -1), ae = {
+}, Aa = ["data-disabled", "for"], ae = {
   __name: "BsLabel",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -400,22 +393,25 @@ const me = (e, a, t = void 0) => {
     required: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (a, t) => (u(), h("label", {
+    return (a, t) => (u(), b("label", {
       class: ie(["bs-label", e.hide ? "visually-hidden" : ""]),
       "data-component": "bs-label",
       "data-disabled": e.disabled,
       for: e.for
     }, [
-      S("span", null, [
+      w("span", null, [
         E(a.$slots, "default")
       ]),
-      e.required ? (u(), h(G, { key: 0 }, [
-        Va,
-        Oa
-      ], 64)) : C("", !0)
+      e.required ? (u(), b(G, { key: 0 }, [
+        t[0] || (t[0] = w("span", {
+          "data-required": "true",
+          "aria-hidden": "true"
+        }, " *", -1)),
+        t[1] || (t[1] = w("span", { class: "visually-hidden" }, "required", -1))
+      ], 64)) : x("", !0)
     ], 10, Aa));
   }
-}, Ea = ["data-error", "id", "value"], Ie = {
+}, Oa = ["data-error", "id", "value"], Ie = {
   __name: "BsInput",
   props: {
     error: {
@@ -430,21 +426,21 @@ const me = (e, a, t = void 0) => {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = re(), i = p(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
+    const t = e, l = a, n = re(), i = f(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
     function d(o) {
       const s = n.type === "number" ? parseInt(o.target.value) : o.target.value;
       l("update:modelValue", s);
     }
-    return (o, s) => (u(), h("input", z({
+    return (o, s) => (u(), b("input", z({
       class: "bs-input",
       "data-component": "bs-input",
       "data-error": e.error,
       id: o.$attrs.id || e.inputId,
       value: e.value || e.modelValue,
       onInput: d
-    }, i.value), null, 16, Ea));
+    }, i.value), null, 16, Oa));
   }
-}, La = ["data-autopad", "data-autosize-icons", "data-disabled", "data-error", "data-variant", "data-multifocus"], De = {
+}, Va = ["data-autopad", "data-autosize-icons", "data-disabled", "data-error", "data-variant", "data-multifocus"], De = {
   __name: "BsInputAddon",
   props: {
     autopad: { type: Boolean, default: !1 },
@@ -455,7 +451,7 @@ const me = (e, a, t = void 0) => {
     variant: { type: String, validator: (e) => ["inner-bordered", "combobox"].includes(e) }
   },
   setup(e) {
-    return (a, t) => (u(), h("div", {
+    return (a, t) => (u(), b("div", {
       class: "bs-input-addon",
       "data-component": "bs-input-addon",
       "data-autopad": e.autopad,
@@ -466,9 +462,9 @@ const me = (e, a, t = void 0) => {
       "data-multifocus": e.multifocus
     }, [
       E(a.$slots, "default")
-    ], 8, La));
+    ], 8, Va));
   }
-}, Da = {
+}, Ea = {
   __name: "BsInputDateSingle",
   props: {
     disabled: {
@@ -501,12 +497,12 @@ const me = (e, a, t = void 0) => {
     }
   },
   setup(e) {
-    return (a, t) => (u(), O(De, {
+    return (a, t) => (u(), V(De, {
       disabled: e.disabled,
       error: e.error
     }, {
       default: D(() => [
-        P(c($t)),
+        P(c(Bt)),
         P(Ie, z({
           "data-autowidth": "",
           disabled: e.disabled,
@@ -520,7 +516,7 @@ const me = (e, a, t = void 0) => {
     }, 8, ["disabled", "error"]));
   }
 };
-function Oe(e, a, t) {
+function Ve(e, a, t) {
   let l;
   return function() {
     let n = this, i = arguments;
@@ -529,7 +525,7 @@ function Oe(e, a, t) {
     }, a);
   };
 }
-const Pa = ["disabled", "id", "model-value"], qa = ["disabled", "id", "model-value"], Ma = {
+const La = ["disabled", "id", "model-value"], Da = ["disabled", "id", "model-value"], Pa = {
   __name: "BsInputDateRange",
   props: {
     disabled: {
@@ -568,23 +564,23 @@ const Pa = ["disabled", "id", "model-value"], qa = ["disabled", "id", "model-val
   setup(e, { emit: a }) {
     const t = a, l = I(null), n = I(null);
     function i(r) {
-      const f = new Event("change", { bubbles: !0, cancelable: !0 });
-      r.dispatchEvent(f);
+      const m = new Event("change", { bubbles: !0, cancelable: !0 });
+      r.dispatchEvent(m);
     }
     function d(r) {
-      const { value: f } = r.target, [b, v] = f.split(/ to | - /);
-      l.value.value = b || "", n.value.value = v || "", i(l.value), i(n.value);
+      const { value: m } = r.target, [h, v] = m.split(/ to | - /);
+      l.value.value = h || "", n.value.value = v || "", i(l.value), i(n.value);
     }
-    const o = Oe(d, 1e3);
+    const o = Ve(d, 1e3);
     function s(r) {
       t("ui-input"), o(r);
     }
-    return (r, f) => (u(), O(De, {
+    return (r, m) => (u(), V(De, {
       disabled: e.disabled,
       error: e.error
     }, {
       default: D(() => [
-        P(c($t)),
+        P(c(Bt)),
         P(Ie, {
           "data-autowidth": "",
           disabled: e.disabled,
@@ -592,32 +588,32 @@ const Pa = ["disabled", "id", "model-value"], qa = ["disabled", "id", "model-val
           "model-value": e.inputValueFmt,
           placeholder: e.placeholder,
           required: e.required,
-          onFocusin: f[0] || (f[0] = (b) => r.$emit("ui-focusin")),
+          onFocusin: m[0] || (m[0] = (h) => r.$emit("ui-focusin")),
           onInput: s,
           onChange: d
         }, null, 8, ["disabled", "id", "model-value", "placeholder", "required"]),
-        S("input", z({
+        w("input", z({
           ref_key: "hiddenStart",
           ref: l,
           type: "hidden",
           disabled: e.disabled,
           id: `${e.inputId}-start`,
           "model-value": e.inputValue.start
-        }, Ye(e.listeners.start, !0)), null, 16, Pa),
-        S("input", z({
+        }, Ye(e.listeners.start, !0)), null, 16, La),
+        w("input", z({
           ref_key: "hiddenEnd",
           ref: n,
           type: "hidden",
           disabled: e.disabled,
           id: `${e.inputId}-end`,
           "model-value": e.inputValue.end
-        }, Ye(e.listeners.end, !0)), null, 16, qa)
+        }, Ye(e.listeners.end, !0)), null, 16, Da)
       ]),
       _: 1
     }, 8, ["disabled", "error"]));
   }
 };
-function Na(e) {
+function qa(e) {
   function a(n) {
     var i, d;
     return ((d = (i = n == null ? void 0 : n.classList) == null ? void 0 : i.contains) == null ? void 0 : d.call(i, "vc-arrow")) && (n.classList.contains("vc-prev") || n.classList.contains("vc-next"));
@@ -638,7 +634,7 @@ function Na(e) {
 }
 function Qe(e, a, t = []) {
   let l;
-  gt(() => {
+  yt(() => {
     l = window.matchMedia(e), l.addEventListener("change", a), a(l);
   }), _e(() => {
     l.removeEventListener("change", a), l = null;
@@ -651,7 +647,7 @@ const et = [
   "form",
   "id",
   "name"
-], za = [
+], Ma = [
   "aria-describedby",
   "aria-label",
   "autocomplete",
@@ -662,7 +658,7 @@ const et = [
   "multiple",
   "name",
   "size"
-], Fa = [
+], Na = [
   "aria-describedby",
   "aria-label",
   "autocapitalize",
@@ -681,7 +677,7 @@ const et = [
   "rows",
   "spellcheck",
   "wrap"
-], he = [
+], be = [
   "aria-describedby",
   "aria-label",
   "autocapitalize",
@@ -709,7 +705,7 @@ function Y(e, a = []) {
     a.includes(n) ? t[n] = e[n] : l[n] = e[n];
   }), { filtered: t, remaining: l };
 }
-const Ra = ["data-range"], pt = "(min-width: 752px)", Wo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+const za = ["data-range"], pt = "(min-width: 752px)", Ao = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsCalendar",
   props: {
     disabled: {
@@ -776,7 +772,7 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", Wo = /* @__PURE__ */ Objec
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = I(null), n = I(1), i = I(null), [d, o] = Z(2), s = I(1), { filtered: r, remaining: f } = Y(re(), [
+    const t = e, l = I(null), n = I(1), i = I(null), [d, o] = Z(2), s = I(1), { filtered: r, remaining: m } = Y(re(), [
       "attributes",
       "data-cy",
       "expanded",
@@ -785,8 +781,8 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", Wo = /* @__PURE__ */ Objec
       "masks",
       "rows",
       "trim-weeks"
-    ]), b = p(() => t.inputId || d.value), v = p(() => ({ range: t.isRange })), g = p(() => !!(t.error && t.errorMsg || t.hint)), y = p(() => t.step), B = p(() => t.variant);
-    Na(i), Qe(
+    ]), h = f(() => t.inputId || d.value), v = f(() => ({ range: t.isRange })), g = f(() => !!(t.error && t.errorMsg || t.hint)), y = f(() => t.step), B = f(() => t.variant);
+    qa(i), Qe(
       pt,
       ($) => n.value = $ != null && $.matches && B.value == "2-col" ? 2 : 1,
       [B]
@@ -795,44 +791,44 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", Wo = /* @__PURE__ */ Objec
       ($) => s.value = $ != null && $.matches && B.value == "2-col" ? y.value : 1,
       [y, B]
     ), H(() => {
-      t.inputMode || k();
+      t.inputMode || C();
     }), j(() => {
-      var $, A;
-      return (A = ($ = l.value) == null ? void 0 : $.popoverRef) == null ? void 0 : A.isVisible;
+      var $, M;
+      return (M = ($ = l.value) == null ? void 0 : $.popoverRef) == null ? void 0 : M.isVisible;
     }, ($) => {
-      $ && Ae(k);
+      $ && Ae(C);
     });
-    function m($) {
+    function p($) {
       return t.isRange && $.start && $.end ? `${$.start} to ${$.end}` : !t.isRange && $ ? $ : "";
     }
-    function w($) {
+    function S($) {
       !t.isRange || i.value.contains($.relatedTarget) || l.value.hidePopover();
     }
-    function k() {
-      const $ = i.value.querySelector("button.vc-prev"), A = i.value.querySelector("button.vc-next");
-      $ && $.setAttribute("aria-label", "Previous month"), A && A.setAttribute("aria-label", "Next month");
+    function C() {
+      const $ = i.value.querySelector("button.vc-prev"), M = i.value.querySelector("button.vc-next");
+      $ && $.setAttribute("aria-label", "Previous month"), M && M.setAttribute("aria-label", "Next month");
     }
-    return ($, A) => (u(), h("div", z({
+    return ($, M) => (u(), b("div", z({
       ref_key: "container",
       ref: i,
       class: "bs-calendar",
       "data-component": "bs-calendar",
       "data-range": e.isRange,
-      onFocusout: w
-    }, c(f)), [
-      e.label || $.$slots.label ? (u(), O(ae, {
+      onFocusout: S
+    }, c(m)), [
+      e.label || $.$slots.label ? (u(), V(ae, {
         key: 0,
-        for: b.value,
+        for: h.value,
         disabled: e.disabled,
         required: e.required
       }, {
         default: D(() => [
           E($.$slots, "label", {}, () => [
-            W(V(e.label), 1)
+            W(O(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : C("", !0),
+      }, 8, ["for", "disabled", "required"])) : x("", !0),
       P(c(ea), z({
         ref_key: "calendar",
         ref: l,
@@ -846,30 +842,30 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", Wo = /* @__PURE__ */ Objec
         popover: { visibility: "focus" },
         rows: 1,
         step: s.value,
-        "onUpdate:modelValue": A[0] || (A[0] = (x) => $.$emit("update:modelValue", x))
+        "onUpdate:modelValue": M[0] || (M[0] = (k) => $.$emit("update:modelValue", k))
       }, c(r)), Ze({ _: 2 }, [
         e.inputMode ? {
           name: "default",
-          fn: D(({ inputValue: x, inputEvents: q, showPopover: F }) => [
-            e.isRange ? (u(), O(Ma, {
+          fn: D(({ inputValue: k, inputEvents: A, showPopover: F }) => [
+            e.isRange ? (u(), V(Pa, {
               key: 1,
               disabled: e.disabled,
               error: e.error,
-              "input-id": b.value,
-              "input-value": x,
-              "input-value-fmt": m(x),
-              listeners: q,
+              "input-id": h.value,
+              "input-value": k,
+              "input-value-fmt": p(k),
+              listeners: A,
               placeholder: e.placeholder,
               required: e.required,
               onUiFocusin: F,
               onUiInput: F
-            }, null, 8, ["disabled", "error", "input-id", "input-value", "input-value-fmt", "listeners", "placeholder", "required", "onUiFocusin", "onUiInput"])) : (u(), O(Da, {
+            }, null, 8, ["disabled", "error", "input-id", "input-value", "input-value-fmt", "listeners", "placeholder", "required", "onUiFocusin", "onUiInput"])) : (u(), V(Ea, {
               key: 0,
               disabled: e.disabled,
               error: e.error,
-              "input-id": b.value,
-              listeners: q,
-              "model-value": m(x),
+              "input-id": h.value,
+              listeners: A,
+              "model-value": p(k),
               placeholder: e.placeholder,
               required: e.required
             }, null, 8, ["disabled", "error", "input-id", "listeners", "model-value", "placeholder", "required"]))
@@ -877,19 +873,19 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", Wo = /* @__PURE__ */ Objec
           key: "0"
         } : void 0
       ]), 1040, ["columns", "disabled-dates", "max-date", "min-date", "model-value", "model-modifiers", "step"]),
-      g.value ? (u(), O(ge, {
+      g.value ? (u(), V(ge, {
         key: 1,
         error: e.error,
         "error-msg": e.errorMsg,
         hint: e.hint,
         "hint-id": c(o)
-      }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : C("", !0)
-    ], 16, Ra));
+      }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : x("", !0)
+    ], 16, za));
   }
-}), ja = { key: 0 }, Wa = {
+}), Fa = { key: 0 }, Ra = {
   class: "bs-circle-button-icon",
   role: "presentation"
-}, Ua = { key: 1 }, xt = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, ja = { key: 1 }, xt = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsCircleButton",
   props: {
     disabled: {
@@ -938,47 +934,47 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", Wo = /* @__PURE__ */ Objec
     }
   },
   setup(e) {
-    const a = e, t = re(), l = yt(), { rootTag: n, attrsToBind: i, hrefUrl: d } = ze(a, t), { onLinkClick: o } = Fe(a), s = p(() => b.value ? {} : a.href ? { title: a.label } : { "aria-label": a.label }), r = p(() => {
+    const a = e, t = re(), l = St(), { rootTag: n, attrsToBind: i, hrefUrl: d } = ze(a, t), { onLinkClick: o } = Fe(a), s = f(() => h.value ? {} : a.href ? { title: a.label } : { "aria-label": a.label }), r = f(() => {
       if (a.hoverEffect)
         return a.iconPosition;
-    }), f = p(() => {
-      const m = a.iconPosition === "left" ? "caret-left" : "caret-right";
+    }), m = f(() => {
+      const p = a.iconPosition === "left" ? "caret-left" : "caret-right";
       return {
-        icon: a.icon || (a.textBtn || a.size == "sm" ? `small-${m}` : m)
+        icon: a.icon || (a.textBtn || a.size == "sm" ? `small-${p}` : p)
       };
-    }), b = p(() => a.textBtn || !!(l != null && l.default)), v = p(() => b.value && a.iconPosition !== "left"), g = p(() => b.value && a.iconPosition === "left"), y = p(() => a.variant ? `color-${a.variant}` : void 0), { icon: B } = Ve(f, "icon");
-    return (m, w) => (u(), O(te(c(n)), z({
+    }), h = f(() => a.textBtn || !!(l != null && l.default)), v = f(() => h.value && a.iconPosition !== "left"), g = f(() => h.value && a.iconPosition === "left"), y = f(() => a.variant ? `color-${a.variant}` : void 0), { icon: B } = Oe(m, "icon");
+    return (p, S) => (u(), V(te(c(n)), z({
       class: "bs-circle-button",
       "data-disabled": e.disabled,
       "data-direction": r.value,
       "data-ghost": e.ghostBtn,
       "data-size": e.size,
-      "data-text": b.value,
+      "data-text": h.value,
       "data-variant": y.value,
       "data-component": "bs-circle-button",
       ".href": c(d)
     }, { ...c(i), ...s.value }, { onClick: c(o) }), {
       default: D(() => [
-        v.value ? (u(), h("span", ja, [
-          E(m.$slots, "default", {}, () => [
-            W(V(e.label), 1)
+        v.value ? (u(), b("span", Fa, [
+          E(p.$slots, "default", {}, () => [
+            W(O(e.label), 1)
           ])
-        ])) : C("", !0),
-        S("span", Wa, [
-          E(m.$slots, "icon", {}, () => [
-            (u(), O(te(c(B))))
+        ])) : x("", !0),
+        w("span", Ra, [
+          E(p.$slots, "icon", {}, () => [
+            (u(), V(te(c(B))))
           ])
         ]),
-        g.value ? (u(), h("span", Ua, [
-          E(m.$slots, "default", {}, () => [
-            W(V(e.label), 1)
+        g.value ? (u(), b("span", ja, [
+          E(p.$slots, "default", {}, () => [
+            W(O(e.label), 1)
           ])
-        ])) : C("", !0)
+        ])) : x("", !0)
       ]),
       _: 3
     }, 48, ["data-disabled", "data-direction", "data-ghost", "data-size", "data-text", "data-variant", ".href", "onClick"]));
   }
-}), Uo = {
+}), Oo = {
   __name: "BsCaretButton",
   props: {
     direction: {
@@ -1012,7 +1008,7 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", Wo = /* @__PURE__ */ Objec
     }
   },
   setup(e) {
-    return (a, t) => (u(), O(xt, {
+    return (a, t) => (u(), V(xt, {
       disabled: e.disabled,
       "ghost-btn": e.ghostBtn,
       "hover-effect": e.hoverEffect,
@@ -1024,12 +1020,12 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", Wo = /* @__PURE__ */ Objec
       "text-btn": !1
     }, {
       icon: D(() => [
-        e.direction == "right" ? (u(), O(c(Bt), { key: 0 })) : (u(), O(c(It), { key: 1 }))
+        e.direction == "right" ? (u(), V(c($t), { key: 0 })) : (u(), V(c(It), { key: 1 }))
       ]),
       _: 1
     }, 8, ["disabled", "ghost-btn", "hover-effect", "icon-position", "label", "link-to", "router", "size"]));
   }
-}, Go = {
+}, Vo = {
   __name: "BsCaretTextButton",
   props: {
     direction: {
@@ -1068,7 +1064,7 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", Wo = /* @__PURE__ */ Objec
     }
   },
   setup(e) {
-    return (a, t) => (u(), O(xt, {
+    return (a, t) => (u(), V(xt, {
       disabled: e.disabled,
       "ghost-btn": e.ghostBtn,
       "hover-effect": e.hoverEffect,
@@ -1081,20 +1077,20 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", Wo = /* @__PURE__ */ Objec
       variant: e.variant
     }, {
       icon: D(() => [
-        e.direction == "right" ? (u(), O(c(Ft), { key: 0 })) : (u(), O(c(Rt), { key: 1 }))
+        e.direction == "right" ? (u(), V(c(Ft), { key: 0 })) : (u(), V(c(Rt), { key: 1 }))
       ]),
       default: D(() => [
         E(a.$slots, "default", {}, () => [
-          W(V(e.label), 1)
+          W(O(e.label), 1)
         ])
       ]),
       _: 3
     }, 8, ["disabled", "ghost-btn", "hover-effect", "icon-position", "label", "link-to", "router", "size", "variant"]));
   }
-}, Ga = {
+}, Wa = {
   class: "bs-chart-table",
   "data-component": "bs-chart-table"
-}, Ha = ["summary"], Ka = ["colspan"], Ya = { scope: "col" }, Za = { scope: "row" }, Xa = {
+}, Ua = ["summary"], Ga = ["colspan"], Ha = { scope: "col" }, Ka = { scope: "row" }, Ya = {
   __name: "BsChartTable",
   props: {
     chartType: {
@@ -1128,143 +1124,143 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", Wo = /* @__PURE__ */ Objec
     }
   },
   setup(e) {
-    const a = e, t = I(!1), l = (f) => {
-      const b = new Date(f), v = b.toTimeString().split(" ")[0], g = b.toDateString().split(" ").slice(1, 3).join(" ");
+    const a = e, t = I(!1), l = (m) => {
+      const h = new Date(m), v = h.toTimeString().split(" ")[0], g = h.toDateString().split(" ").slice(1, 3).join(" ");
       return `${v} (${g})`;
-    }, n = p(() => {
-      var f;
-      return !((f = a.dataIdxLabels) != null && f.length);
+    }, n = f(() => {
+      var m;
+      return !((m = a.dataIdxLabels) != null && m.length);
     });
-    function i(f) {
+    function i(m) {
       try {
-        return f.map((b) => {
-          const v = b.label;
+        return m.map((h) => {
+          const v = h.label;
           let g = [];
-          if (b.data.some((y) => (y == null ? void 0 : y.x) && (y == null ? void 0 : y.y))) {
-            const y = b.data.reduce((B, m) => (B[m.x] = m.y, B), {});
+          if (h.data.some((y) => (y == null ? void 0 : y.x) && (y == null ? void 0 : y.y))) {
+            const y = h.data.reduce((B, p) => (B[p.x] = p.y, B), {});
             g = a.dataIdxLabels.map((B) => ({ value: y[B] ?? null }));
           } else
-            g = b.data.map((y) => ({ value: y }));
+            g = h.data.map((y) => ({ value: y }));
           return { rowLabel: v, dataCells: g };
         });
       } catch {
         return [];
       }
     }
-    function d(f) {
+    function d(m) {
       try {
-        const b = f.reduce((y, B) => {
-          const m = B.data.map((w) => w == null ? void 0 : w.x);
-          return [...y, ...m];
-        }, []), v = Array.from(new Set(b));
+        const h = m.reduce((y, B) => {
+          const p = B.data.map((S) => S == null ? void 0 : S.x);
+          return [...y, ...p];
+        }, []), v = Array.from(new Set(h));
         return (a.xAxisType === "time" || a.xAxisType === "linear") && v.sort((y, B) => (typeof y == "string" && typeof B == "string" && (y = y.toLowerCase(), B = B.toLowerCase()), y < B ? -1 : y > B ? 1 : 0)), v.map((y) => {
-          const B = { rowLabel: y }, m = [];
-          return f.forEach((w) => {
-            const k = { datasetLabel: w.label }, $ = w.data.find((A) => A.x === y);
-            k.value = $ ? $.y : null, m.push(k);
-          }), B.dataCells = m, a.xAxisType === "time" && (B.rowLabelFmt = l(y)), B;
+          const B = { rowLabel: y }, p = [];
+          return m.forEach((S) => {
+            const C = { datasetLabel: S.label }, $ = S.data.find((M) => M.x === y);
+            C.value = $ ? $.y : null, p.push(C);
+          }), B.dataCells = p, a.xAxisType === "time" && (B.rowLabelFmt = l(y)), B;
         });
       } catch {
         return [];
       }
     }
-    const o = p(() => n.value ? d(a.data) : i(a.data)), s = p(() => ({
+    const o = f(() => n.value ? d(a.data) : i(a.data)), s = f(() => ({
       colspan: n.value ? a.data.length + 1 : a.dataIdxLabels.length + 1,
       title: a.tableTitle,
       colHeadingFirst: n.value ? a.xLabel : "Dataset",
-      colHeadings: n.value ? a.data.map((f) => f.label) : a.dataIdxLabels,
+      colHeadings: n.value ? a.data.map((m) => m.label) : a.dataIdxLabels,
       rows: o.value
-    })), r = p(() => {
-      var f;
-      return t.value && !!((f = o.value) != null && f.length);
+    })), r = f(() => {
+      var m;
+      return t.value && !!((m = o.value) != null && m.length);
     });
     return H(() => {
       t.value = !0;
-    }), (f, b) => (u(), h("div", Ga, [
-      r.value ? (u(), h("table", {
+    }), (m, h) => (u(), b("div", Wa, [
+      r.value ? (u(), b("table", {
         key: 0,
         summary: s.value.title
       }, [
-        S("thead", null, [
-          S("tr", null, [
-            S("th", {
+        w("thead", null, [
+          w("tr", null, [
+            w("th", {
               colspan: s.value.colspan
-            }, V(s.value.title), 9, Ka)
+            }, O(s.value.title), 9, Ga)
           ]),
-          S("tr", null, [
-            S("th", Ya, V(s.value.colHeadingFirst), 1),
-            (u(!0), h(G, null, ee(s.value.colHeadings, (v) => (u(), h("th", {
+          w("tr", null, [
+            w("th", Ha, O(s.value.colHeadingFirst), 1),
+            (u(!0), b(G, null, ee(s.value.colHeadings, (v) => (u(), b("th", {
               key: v,
               scope: "col"
-            }, V(v), 1))), 128))
+            }, O(v), 1))), 128))
           ])
         ]),
-        S("tbody", null, [
-          (u(!0), h(G, null, ee(s.value.rows, (v) => (u(), h("tr", {
+        w("tbody", null, [
+          (u(!0), b(G, null, ee(s.value.rows, (v) => (u(), b("tr", {
             key: v.rowLabelFmt || v.rowLabel
           }, [
-            S("th", Za, V(v.rowLabelFmt || v.rowLabel), 1),
-            (u(!0), h(G, null, ee(v.dataCells, (g) => (u(), h("td", {
+            w("th", Ka, O(v.rowLabelFmt || v.rowLabel), 1),
+            (u(!0), b(G, null, ee(v.dataCells, (g) => (u(), b("td", {
               key: `${v.rowLabelFmt || v.rowLabel}${g.datasetLabel}${g.value}`
-            }, V(g.value), 1))), 128))
+            }, O(g.value), 1))), 128))
           ]))), 128))
         ])
-      ], 8, Ha)) : C("", !0)
+      ], 8, Ua)) : x("", !0)
     ]));
   }
-}, Ee = 16, Qa = 20;
-function Ja(e, a) {
-  const t = I(null), l = I(!1), n = I(null), i = "(min-width: 1166px)", d = { tickSize: Ee }, o = { tickSize: Qa };
+}, Ee = 16, Za = 20;
+function Xa(e, a) {
+  const t = I(null), l = I(!1), n = I(null), i = "(min-width: 1166px)", d = { tickSize: Ee }, o = { tickSize: Za };
   let s, r;
-  function f(m, w) {
-    let k;
-    switch (m) {
+  function m(p, S) {
+    let C;
+    switch (p) {
       case "bar":
-        k = "setBarChartConfigs";
+        C = "setBarChartConfigs";
         break;
       case "line":
-        k = "setLineChartConfigs";
+        C = "setLineChartConfigs";
         break;
       default:
-        throw new Error(`Unsupported chart type: ${m}`);
+        throw new Error(`Unsupported chart type: ${p}`);
     }
-    return new ln().setCommonConfigs(w).setCustomOptions(w)[k](w).setPlugins([_a(n), ta]).build();
+    return new an().setCommonConfigs(S).setCustomOptions(S)[C](S).setPlugins([Qa(n), ta]).build();
   }
-  function b(m) {
-    m.preventDefault(), m.stopImmediatePropagation();
-    const w = m.target.closest("li");
-    if (w && s) {
-      const { labelIndex: k, datasetIndex: $ } = w.dataset;
-      e === "pie" || e === "doughnut" ? s.toggleDataVisibility(k) : s.setDatasetVisibility($, !s.isDatasetVisible($)), s.update(), m.preventDefault(), m.stopImmediatePropagation(), v($, k);
+  function h(p) {
+    p.preventDefault(), p.stopImmediatePropagation();
+    const S = p.target.closest("li");
+    if (S && s) {
+      const { labelIndex: C, datasetIndex: $ } = S.dataset;
+      s.setDatasetVisibility($, !s.isDatasetVisible($)), s.update(), p.preventDefault(), p.stopImmediatePropagation(), v($, C);
     }
   }
-  function v(m, w) {
-    var A;
-    const k = `[data-dataset-index="${m}"][data-label-index="${w}"]`, $ = n.value.querySelector(k);
-    (A = $ == null ? void 0 : $.focus) == null || A.call($);
+  function v(p, S) {
+    var M;
+    const C = `[data-dataset-index="${p}"][data-label-index="${S}"]`, $ = n.value.querySelector(C);
+    (M = $ == null ? void 0 : $.focus) == null || M.call($);
   }
-  function g(...m) {
-    !r || !t.value || (je.register(...m), je.defaults.font.family = "'Roobert', sans-serif", s = new je(t.value, r));
+  function g(...p) {
+    !r || !t.value || (je.register(...p), je.defaults.font.family = "'Roobert', sans-serif", s = new je(t.value, r));
   }
-  const y = Oe(function(m) {
-    r && (r.updateOptions(m), s.options = r.options, s.update());
-  }, 100), B = Oe(function(m) {
-    r && (r.updateData(m), s.data = r.data, s.update());
+  const y = Ve(function(p) {
+    r && (r.updateOptions(p), s.options = r.options, s.update());
+  }, 100), B = Ve(function(p) {
+    r && (r.updateData(p), s.data = r.data, s.update());
   }, 100);
   return Qe(
     i,
-    (m) => l.value = m == null ? void 0 : m.matches,
+    (p) => l.value = p == null ? void 0 : p.matches,
     [l]
   ), H(() => {
-    var m;
+    var p;
     try {
-      r = f(e, a), (m = n.value) == null || m.addEventListener("click", b);
-    } catch (w) {
-      console.error("Error creating chart config", w), r = null;
+      r = m(e, a), (p = n.value) == null || p.addEventListener("click", h);
+    } catch (S) {
+      console.error("Error creating chart config", S), r = null;
     }
-  }), me([" ", "Enter"], b, n), _e(() => {
-    var m;
-    (m = n.value) == null || m.removeEventListener("click", b), s == null || s.destroy();
+  }), me([" ", "Enter"], h, n), _e(() => {
+    var p;
+    (p = n.value) == null || p.removeEventListener("click", h), s == null || s.destroy();
   }), j([
     () => a.customOptions,
     () => a.showTooltips,
@@ -1277,10 +1273,10 @@ function Ja(e, a) {
     () => a.yMax
   ], () => y(a)), j(
     l,
-    (m) => y(Ne(
+    (p) => y(Ne(
       {},
       a,
-      m ? o : d
+      p ? o : d
     ))
   ), j(
     [
@@ -1295,7 +1291,7 @@ function Ja(e, a) {
     registerChart: g
   };
 }
-const _a = (e) => ({
+const Qa = (e) => ({
   id: "htmlLegend",
   afterUpdate(a) {
     e.value.innerHTML = "", e.value.style.setProperty("--cjs-legend-padding-inline", `${a.scales.x.left}px`), a.options.plugins.legend.labels.generateLabels(a).forEach((l) => {
@@ -1361,10 +1357,10 @@ function tt(e, a = 1) {
   ], l = t[e % t.length], n = Math.floor(e / t.length) + a;
   return `rgba(${l.toString()}, ${1 / n})`;
 }
-function en(e) {
+function Ja(e) {
   return tt(e);
 }
-function tn(e) {
+function _a(e) {
   return {
     maintainAspectRatio: !1,
     plugins: {
@@ -1397,8 +1393,8 @@ function nt(e) {
     yLabel: o,
     yMax: s,
     yMin: r,
-    customOptions: f,
-    tickSize: b
+    customOptions: m,
+    tickSize: h
   } = e, v = {
     x: {
       grid: {
@@ -1408,7 +1404,7 @@ function nt(e) {
       stacked: n,
       ticks: {
         font: {
-          size: b || Ee
+          size: h || Ee
         }
       },
       title: {
@@ -1428,7 +1424,7 @@ function nt(e) {
       suggestedMin: r,
       ticks: {
         font: {
-          size: b || Ee
+          size: h || Ee
         }
       },
       title: {
@@ -1437,7 +1433,7 @@ function nt(e) {
       }
     }
   };
-  return (i === "time" || ((y = (g = f == null ? void 0 : f.scales) == null ? void 0 : g.x) == null ? void 0 : y.type) === "time") && (v.x.ticks.source = a != null && a.length ? "labels" : "auto", v.x.time = {
+  return (i === "time" || ((y = (g = m == null ? void 0 : m.scales) == null ? void 0 : g.x) == null ? void 0 : y.type) === "time") && (v.x.ticks.source = a != null && a.length ? "labels" : "auto", v.x.time = {
     tooltipFormat: "dd MMM yyyy : h:mm bbb"
   }), v;
 }
@@ -1471,7 +1467,7 @@ class Tt {
     return a;
   }
 }
-class an extends Tt {
+class en extends Tt {
   constructor({ data: a, options: t, plugins: l }) {
     super({ type: "bar", data: a, options: t, plugins: l });
   }
@@ -1495,7 +1491,7 @@ class an extends Tt {
     this.options = n;
   }
 }
-class nn extends Tt {
+class tn extends Tt {
   constructor({ data: a, options: t, plugins: l }) {
     super({ type: "line", data: a, options: t, plugins: l });
   }
@@ -1503,7 +1499,7 @@ class nn extends Tt {
     return a.map((t, l) => ({
       ...t,
       backgroundColor: tt(l, 2),
-      borderColor: en(l),
+      borderColor: Ja(l),
       borderWidth: 4
     }));
   }
@@ -1520,7 +1516,7 @@ class nn extends Tt {
     this.options = n;
   }
 }
-class ln {
+class an {
   constructor() {
     return this;
   }
@@ -1537,7 +1533,7 @@ class ln {
    */
   setCommonConfigs(a) {
     const { data: t } = a;
-    return this.commonOptionsBasic = tn(a), this.commonOptionsStrict = at(), this.datasets = t, this;
+    return this.commonOptionsBasic = _a(a), this.commonOptionsStrict = at(), this.datasets = t, this;
   }
   setCustomOptions(a) {
     return this.customOptions = a.customOptions, this;
@@ -1589,18 +1585,18 @@ class ln {
     };
     switch (this.type) {
       case "bar":
-        return new an(a);
+        return new en(a);
       case "line":
-        return new nn(a);
+        return new tn(a);
       default:
         throw new Error(`Unsupported chart type: ${this.type}`);
     }
   }
 }
-const on = {
+const nn = {
   class: "bs-chart bs-chart-bar",
   "data-component": "bs-chart-bar"
-}, rn = ["aria-label"], sn = ["data-hidden"], Ho = {
+}, ln = ["aria-label"], on = ["data-hidden"], Eo = {
   __name: "BsChartBar",
   props: {
     chartTitle: {
@@ -1671,7 +1667,7 @@ const on = {
     }
   },
   setup(e) {
-    const a = e, { canvasRef: t, legendListRef: l, registerChart: n } = Ja("bar", a), i = p(() => a.chartTitle || `${a.yLabel} / ${a.xLabel}`);
+    const a = e, { canvasRef: t, legendListRef: l, registerChart: n } = Xa("bar", a), i = f(() => a.chartTitle || `${a.yLabel} / ${a.xLabel}`);
     return H(() => n(
       aa,
       na,
@@ -1680,18 +1676,18 @@ const on = {
       ia,
       ra,
       sa
-    )), (d, o) => (u(), h("div", on, [
-      S("figure", null, [
-        S("div", null, [
-          S("canvas", {
+    )), (d, o) => (u(), b("div", nn, [
+      w("figure", null, [
+        w("div", null, [
+          w("canvas", {
             "aria-label": i.value,
             ref_key: "canvasRef",
             ref: t,
             role: "img"
-          }, null, 8, rn)
+          }, null, 8, ln)
         ]),
-        S("div", null, [
-          P(Xa, {
+        w("div", null, [
+          P(Ya, {
             "chart-type": "bar",
             data: e.data,
             "data-idx-labels": e.dataIdxLabels,
@@ -1700,19 +1696,19 @@ const on = {
             "x-label": e.xLabel,
             "y-label": e.yLabel
           }, null, 8, ["data", "data-idx-labels", "table-title", "x-axis-type", "x-label", "y-label"]),
-          S("figcaption", {
+          w("figcaption", {
             "data-hidden": !e.showLegend
           }, [
-            S("ul", {
+            w("ul", {
               ref_key: "legendListRef",
               ref: l
             }, null, 512)
-          ], 8, sn)
+          ], 8, on)
         ])
       ])
     ]));
   }
-}, dn = ["data-disabled", "data-error", "data-size"], un = ["checked", "data-error", "disabled", "id", "required", "value"], Ko = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, rn = ["data-disabled", "data-error", "data-size"], sn = ["checked", "data-error", "disabled", "id", "required", "value"], Lo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsCheckbox",
   props: {
     /** Sets the label. */
@@ -1775,56 +1771,56 @@ const on = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = a, [n] = Z(), i = p(() => et.concat(t.passAttrs.split(","))), d = I(null), o = p(() => t.inputId || n.value), s = p(() => t.checked || b.value), r = p(() => t.indeterminate || t.checkedPartially), f = p(() => Array.isArray(t.modelValue) && t.value), b = p(() => f.value && t.modelValue.includes(t.value) || typeof t.modelValue == "boolean" && t.modelValue);
+    const t = e, l = a, [n] = Z(), i = f(() => et.concat(t.passAttrs.split(","))), d = I(null), o = f(() => t.inputId || n.value), s = f(() => t.checked || h.value), r = f(() => t.indeterminate || t.checkedPartially), m = f(() => Array.isArray(t.modelValue) && t.value), h = f(() => m.value && t.modelValue.includes(t.value) || typeof t.modelValue == "boolean" && t.modelValue);
     function v() {
       d.value && (d.value.indeterminate = r.value && !s.value);
     }
-    function g(m) {
-      l("update:modelValue", m);
+    function g(p) {
+      l("update:modelValue", p);
     }
-    function y(m) {
-      const w = [...t.modelValue];
-      m ? w.push(t.value) : w.splice(w.indexOf(t.value), 1), l("update:modelValue", w);
+    function y(p) {
+      const S = [...t.modelValue];
+      p ? S.push(t.value) : S.splice(S.indexOf(t.value), 1), l("update:modelValue", S);
     }
-    function B(m) {
-      const { checked: w } = m.target;
-      f.value ? y(w) : g(w);
+    function B(p) {
+      const { checked: S } = p.target;
+      m.value ? y(S) : g(S);
     }
-    return j(s, v), j(r, v), H(v), (m, w) => (u(), h("div", z({
+    return j(s, v), j(r, v), H(v), (p, S) => (u(), b("div", z({
       class: "bs-boolean",
       "data-component": "bs-checkbox",
       "data-disabled": e.disabled,
       "data-error": e.error,
       "data-size": e.size
-    }, c(Y)(m.$attrs, i.value).remaining), [
-      S("input", z({
+    }, c(Y)(p.$attrs, i.value).remaining), [
+      w("input", z({
         ref_key: "inputEl",
         ref: d,
         checked: s.value,
         "data-error": e.error,
         disabled: e.disabled,
-        id: m.$attrs.id || o.value,
+        id: p.$attrs.id || o.value,
         required: e.required,
         value: e.value || "on",
         type: "checkbox",
         onChange: B
-      }, c(Y)(m.$attrs, i.value).filtered), null, 16, un),
-      e.label || m.$slots.label ? (u(), O(ae, {
+      }, c(Y)(p.$attrs, i.value).filtered), null, 16, sn),
+      e.label || p.$slots.label ? (u(), V(ae, {
         key: 0,
-        for: m.$attrs.id || o.value,
+        for: p.$attrs.id || o.value,
         disabled: e.disabled,
         required: e.required
       }, {
         default: D(() => [
-          E(m.$slots, "label", {}, () => [
-            W(V(e.label), 1)
+          E(p.$slots, "label", {}, () => [
+            W(O(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : C("", !0)
-    ], 16, dn));
+      }, 8, ["for", "disabled", "required"])) : x("", !0)
+    ], 16, rn));
   }
-}), cn = {
+}), dn = {
   __name: "BsDropdownContainer",
   props: {
     breakout: {
@@ -1846,15 +1842,15 @@ const on = {
   },
   setup(e, { expose: a }) {
     const t = I(null);
-    return a({ internalContainerRef: t }), (l, n) => (u(), h(G, null, [
-      e.breakout && e.breakoutMounted ? (u(), O(Nt, {
+    return a({ internalContainerRef: t }), (l, n) => (u(), b(G, null, [
+      e.breakout && e.breakoutMounted ? (u(), V(Nt, {
         key: 0,
         to: e.breakoutStub
       }, [
         E(l.$slots, "default")
-      ], 8, ["to"])) : C("", !0),
-      e.breakout ? C("", !0) : (u(), h(G, { key: 1 }, [
-        e.containerId ? E(l.$slots, "default", { key: 0 }) : (u(), h("div", {
+      ], 8, ["to"])) : x("", !0),
+      e.breakout ? x("", !0) : (u(), b(G, { key: 1 }, [
+        e.containerId ? E(l.$slots, "default", { key: 0 }) : (u(), b("div", {
           key: 1,
           ref_key: "internalContainerRef",
           ref: t,
@@ -1897,7 +1893,7 @@ const on = {
   ],
   setup(e, { emit: a }) {
     const t = a;
-    return (l, n) => e.preloaded ? ue((u(), O(st, {
+    return (l, n) => e.preloaded ? ue((u(), V(st, {
       key: 0,
       name: e.name,
       onBeforeEnter: n[0] || (n[0] = (i) => t("before-enter")),
@@ -1915,7 +1911,7 @@ const on = {
       _: 3
     }, 8, ["name"])), [
       [ce, e.shown]
-    ]) : (u(), O(st, {
+    ]) : (u(), V(st, {
       key: 1,
       name: e.name,
       onBeforeEnter: n[8] || (n[8] = (i) => t("before-enter")),
@@ -1928,24 +1924,24 @@ const on = {
       onLeaveCancelled: n[15] || (n[15] = (i) => t("leave-cancelled"))
     }, {
       default: D(() => [
-        e.shown ? E(l.$slots, "default", { key: 0 }) : C("", !0)
+        e.shown ? E(l.$slots, "default", { key: 0 }) : x("", !0)
       ]),
       _: 3
     }, 8, ["name"]));
   }
-}, fn = (e, a = void 0, t = "relative") => {
+}, un = (e, a = void 0, t = "relative") => {
   const l = I(null), n = I(null), i = I(!1);
   let d = !1;
   return H(() => {
-    e && (l.value = a || wt(), document.getElementById(l.value) ? (n.value = document.getElementById(l.value), d = !0) : (n.value = document.createElement("div"), n.value.id = l.value, n.value.style.position = t, document.body.insertAdjacentElement("afterbegin", n.value)), i.value = !0);
-  }), $e(() => {
+    e && (l.value = a || gt(), document.getElementById(l.value) ? (n.value = document.getElementById(l.value), d = !0) : (n.value = document.createElement("div"), n.value.id = l.value, n.value.style.position = t, document.body.insertAdjacentElement("afterbegin", n.value)), i.value = !0);
+  }), Be(() => {
     var o;
     e && !d && ((o = document.getElementById(l.value)) == null || o.remove());
   }), { breakoutId: l, breakoutStub: n, breakoutMounted: i };
-}, pn = {
+}, cn = {
   key: 0,
   class: "bs-dropdown-backdrop"
-}, mn = ["data-width", "data-shown", "data-no-mobile"], hn = { key: 0 }, bn = { key: 0 }, vn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, fn = ["data-width", "data-shown", "data-no-mobile"], pn = { key: 0 }, mn = { key: 0 }, bn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsDropdownNew",
   props: {
     anchorId: {
@@ -1998,65 +1994,65 @@ const on = {
     "after-leave"
   ],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = I(null), i = I(null), d = I(!1), o = I(!1), s = p(() => document.getElementById(t.anchorId)), r = p(() => t.breakout ? b.value : t.containerId ? document.getElementById(t.containerId) : n.value.internalContainerRef), f = p(() => t.width === "anchor" ? void 0 : t.width);
+    const t = e, l = a, n = I(null), i = I(null), d = I(!1), o = I(!1), s = f(() => document.getElementById(t.anchorId)), r = f(() => t.breakout ? h.value : t.containerId ? document.getElementById(t.containerId) : n.value.internalContainerRef), m = f(() => t.width === "anchor" ? void 0 : t.width);
     Ct([i, s], () => {
       o.value && l("close");
     }), me(["Escape"], () => {
       o.value && l("close");
     });
-    const { breakoutStub: b, breakoutMounted: v } = fn(t.breakout, t.containerId);
-    fe("dropdownEnter", d), fe("dropdownAfterEnter", o), fe("dropdownShown", p(() => t.shown));
-    const g = (x, q) => {
-      i.value.style.setProperty(x, q);
+    const { breakoutStub: h, breakoutMounted: v } = un(t.breakout, t.containerId);
+    fe("dropdownEnter", d), fe("dropdownAfterEnter", o), fe("dropdownShown", f(() => t.shown));
+    const g = (k, A) => {
+      i.value.style.setProperty(k, A);
     };
     function y() {
-      const x = r.value.getBoundingClientRect(), q = s.value.getBoundingClientRect(), F = i.value.getBoundingClientRect();
-      B(x, q), m(x, q, F);
+      const k = r.value.getBoundingClientRect(), A = s.value.getBoundingClientRect(), F = i.value.getBoundingClientRect();
+      B(k, A), p(k, A, F);
     }
-    function B(x, q) {
+    function B(k, A) {
       if (t.position === "top") {
-        const F = x.bottom - q.bottom;
-        g("--dropdown-wscreen-top", "auto"), g("--dropdown-wscreen-bottom", `${F + q.height + 8}px`);
+        const F = k.bottom - A.bottom;
+        g("--dropdown-wscreen-top", "auto"), g("--dropdown-wscreen-bottom", `${F + A.height + 8}px`);
       } else {
-        const F = q.top - x.top;
-        g("--dropdown-wscreen-top", `${F + q.height + 8}px`), g("--dropdown-wscreen-bottom", "auto");
+        const F = A.top - k.top;
+        g("--dropdown-wscreen-top", `${F + A.height + 8}px`), g("--dropdown-wscreen-bottom", "auto");
       }
     }
-    function m(x, q, F) {
-      const _ = q.left - x.left;
+    function p(k, A, F) {
+      const _ = A.left - k.left;
       if (t.position === "center") {
-        const J = (q.width - F.width) / 2;
+        const J = (A.width - F.width) / 2;
         g("--dropdown-wscreen-left", `${_ + J}px`), g("--dropdown-wscreen-right", "auto");
       } else if (t.position === "right") {
-        const J = x.right - q.right;
+        const J = k.right - A.right;
         g("--dropdown-wscreen-left", "auto"), g("--dropdown-wscreen-right", `${J}px`);
       } else
         g("--dropdown-wscreen-left", `${_}px`), g("--dropdown-wscreen-right", "auto");
     }
-    function w() {
+    function S() {
       if (t.width === "anchor") {
-        const x = s.value.getBoundingClientRect();
-        g("--dropdown-wscreen-width", `${x.width}px`);
+        const k = s.value.getBoundingClientRect();
+        g("--dropdown-wscreen-width", `${k.width}px`);
       } else
         g("--dropdown-wscreen-width", "");
     }
-    function k() {
-      d.value = !0, y(), w(), l("enter");
+    function C() {
+      d.value = !0, y(), S(), l("enter");
     }
     function $() {
       o.value = !0, l("after-enter");
     }
-    function A() {
+    function M() {
       d.value = !1, o.value = !1, l("after-leave");
     }
-    return (x, q) => (u(), h(G, null, [
-      e.useMobileStyle && e.shown ? (u(), h("div", pn)) : C("", !0),
-      P(cn, {
+    return (k, A) => (u(), b(G, null, [
+      e.useMobileStyle && e.shown ? (u(), b("div", cn)) : x("", !0),
+      P(dn, {
         ref_key: "dropdownContainerRef",
         ref: n,
         breakout: e.breakout,
         breakoutMounted: c(v),
-        breakoutStub: c(b),
+        breakoutStub: c(h),
         containerId: e.containerId
       }, {
         default: D(() => [
@@ -2065,33 +2061,33 @@ const on = {
             preloaded: e.preloaded,
             shown: e.shown,
             onAfterEnter: $,
-            onEnter: k,
-            onAfterLeave: A
+            onEnter: C,
+            onAfterLeave: M
           }, {
             default: D(() => [
-              S("div", z({
+              w("div", z({
                 ref_key: "dropdownRef",
                 ref: i,
                 class: "bs-dropdown",
-                "data-width": f.value,
+                "data-width": m.value,
                 "data-shown": e.shown,
                 "data-no-mobile": !e.useMobileStyle
-              }, x.$attrs), [
-                e.helperText ? (u(), h("header", hn, [
-                  S("div", null, [
-                    S("h3", null, V(e.helperText), 1),
-                    e.helperDescription ? (u(), h("p", bn, V(e.helperDescription), 1)) : C("", !0)
+              }, k.$attrs), [
+                e.helperText ? (u(), b("header", pn, [
+                  w("div", null, [
+                    w("h3", null, O(e.helperText), 1),
+                    e.helperDescription ? (u(), b("p", mn, O(e.helperDescription), 1)) : x("", !0)
                   ]),
-                  S("button", {
+                  w("button", {
                     type: "button",
                     title: "close",
-                    onClick: q[0] || (q[0] = () => l("close"))
+                    onClick: A[0] || (A[0] = () => l("close"))
                   }, [
-                    P(c(Be))
+                    P(c($e))
                   ])
-                ])) : C("", !0),
-                E(x.$slots, "default")
-              ], 16, mn)
+                ])) : x("", !0),
+                E(k.$slots, "default")
+              ], 16, fn)
             ]),
             _: 3
           }, 8, ["preloaded", "shown"])
@@ -2190,8 +2186,8 @@ const on = {
     "after-leave"
   ],
   setup(e, { emit: a }) {
-    const t = e, l = a, { transition: n } = Le(t), i = p(() => t.width === "toggle" ? "anchor" : t.width), d = p(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position), o = p(() => t.toggleId ? t.toggleId : t.anchorId);
-    return (s, r) => (u(), O(vn, {
+    const t = e, l = a, { transition: n } = Le(t), i = f(() => t.width === "toggle" ? "anchor" : t.width), d = f(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position), o = f(() => t.toggleId ? t.toggleId : t.anchorId);
+    return (s, r) => (u(), V(bn, {
       "anchor-id": o.value,
       breakout: e.breakout,
       "container-id": e.containerId,
@@ -2213,7 +2209,7 @@ const on = {
       _: 3
     }, 8, ["anchor-id", "breakout", "container-id", "helper-description", "helper-text", "position", "preloaded", "shown", "use-mobile-style", "width"]));
   }
-}, gn = ["aria-controls", "aria-expanded", "data-open", "disabled", "id", "tabindex"], yn = { class: "visually-hidden" }, Sn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, hn = ["aria-controls", "aria-expanded", "data-open", "disabled", "id", "tabindex"], vn = { class: "visually-hidden" }, gn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsInputCombobox",
   props: {
     containerId: {
@@ -2255,7 +2251,7 @@ const on = {
   setup(e, { emit: a }) {
     const t = e, l = a;
     let n = !1;
-    const i = I(null), [d] = Z(1), o = p(() => ({
+    const i = I(null), [d] = Z(1), o = f(() => ({
       icon: t.modelValue ? "close" : t.optionsId ? "caret-down" : "",
       show: !!(t.modelValue || t.optionsId),
       text: t.modelValue ? "Clear this field" : t.optionsId ? "Toggle options dropdown" : ""
@@ -2263,20 +2259,20 @@ const on = {
     function s() {
       t.modelValue && l("clear"), n = !0, i.value.$el.focus();
     }
-    function r(b) {
+    function r(h) {
       var y, B;
-      const v = ((y = b.relatedTarget) == null ? void 0 : y.id) === d.value;
-      !(((B = b.relatedTarget) == null ? void 0 : B.id) === t.optionsId) && (!v || !n) && f(!0), n = !1;
+      const v = ((y = h.relatedTarget) == null ? void 0 : y.id) === d.value;
+      !(((B = h.relatedTarget) == null ? void 0 : B.id) === t.optionsId) && (!v || !n) && m(!0), n = !1;
     }
-    const f = Oe((b) => l("toggled", b), 200, !0);
-    return (b, v) => (u(), O(De, {
+    const m = Ve((h) => l("toggled", h), 200, !0);
+    return (h, v) => (u(), V(De, {
       "aria-live": "polite",
       disabled: e.disabled,
       error: e.error,
       id: e.containerId,
       multifocus: !1,
       variant: "combobox",
-      onClick: c(f)
+      onClick: c(m)
     }, {
       default: D(() => [
         P(Ie, z({
@@ -2295,9 +2291,9 @@ const on = {
           required: e.required,
           role: e.optionsId ? "combobox" : void 0,
           onFocus: r,
-          onInput: v[0] || (v[0] = (g) => b.$emit("update:modelValue", g.target.value))
-        }, b.$attrs), null, 16, ["aria-controls", "aria-describedby", "aria-expanded", "aria-haspopup", "aria-invalid", "data-error", "disabled", "model-value", "placeholder", "required", "role"]),
-        ue(S("button", {
+          onInput: v[0] || (v[0] = (g) => h.$emit("update:modelValue", g.target.value))
+        }, h.$attrs), null, 16, ["aria-controls", "aria-describedby", "aria-expanded", "aria-haspopup", "aria-invalid", "data-error", "disabled", "model-value", "placeholder", "required", "role"]),
+        ue(w("button", {
           "aria-controls": !e.modelValue && e.optionsId ? e.optionsId : void 0,
           "aria-expanded": !e.modelValue && e.optionsId ? e.open : void 0,
           "data-open": e.modelValue ? void 0 : e.open,
@@ -2308,27 +2304,27 @@ const on = {
           type: "button",
           onClick: s
         }, [
-          S("span", yn, V(o.value.text), 1),
+          w("span", vn, O(o.value.text), 1),
           ue(P(c(Me), {
             role: "presentation",
             size: "md"
           }, null, 512), [
             [ce, o.value.icon == "caret-down"]
           ]),
-          ue(P(c(Be), {
+          ue(P(c($e), {
             role: "presentation",
             size: "md"
           }, null, 512), [
             [ce, o.value.icon == "close"]
           ])
-        ], 8, gn), [
+        ], 8, hn), [
           [ce, o.value.show]
         ])
       ]),
       _: 1
     }, 8, ["disabled", "error", "id", "onClick"]));
   }
-}), wn = ["aria-controls", "aria-expanded", "data-open", "data-size", "disabled"], $n = {
+}), yn = ["aria-controls", "aria-expanded", "data-open", "data-size", "disabled"], Sn = {
   __name: "BsFilterButton",
   props: {
     badgeCount: {
@@ -2357,8 +2353,8 @@ const on = {
     }
   },
   setup(e) {
-    const a = e, t = p(() => a.badgeCount > 0);
-    return (l, n) => (u(), h("button", {
+    const a = e, t = f(() => a.badgeCount > 0);
+    return (l, n) => (u(), b("button", {
       class: "bs-filter-button",
       "aria-controls": e.optionsId,
       "aria-expanded": e.open,
@@ -2369,21 +2365,21 @@ const on = {
       disabled: e.disabled,
       type: "button"
     }, [
-      t.value ? (u(), O(wa, {
+      t.value ? (u(), V(wa, {
         key: 0,
         color: "blue",
         count: e.badgeCount,
         label: "active filter",
         position: "left",
         variant: "notext"
-      }, null, 8, ["count"])) : C("", !0),
+      }, null, 8, ["count"])) : x("", !0),
       E(l.$slots, "label", {}, () => [
-        W(V(e.label), 1)
+        W(O(e.label), 1)
       ]),
       P(c(Me))
-    ], 8, wn));
+    ], 8, yn));
   }
-}, Bn = ["data-value", "data-value-type", "data-variant", "id"], ot = {
+}, wn = ["data-value", "data-value-type", "data-variant", "id"], ot = {
   __name: "BsDropdownOption",
   props: {
     value: {
@@ -2397,11 +2393,11 @@ const on = {
   },
   setup(e) {
     const a = e, t = I(null), l = pe("optionsId", ""), n = pe("handleOptionSelect", () => {
-    }), i = p(() => `${l.value}-option-${a.value}`);
+    }), i = f(() => `${l.value}-option-${a.value}`);
     function d(o) {
       n(t.value), o.stopPropagation();
     }
-    return (o, s) => (u(), h("li", {
+    return (o, s) => (u(), b("li", {
       ref_key: "optionRef",
       ref: t,
       "data-component": "bs-dropdown-option",
@@ -2413,9 +2409,9 @@ const on = {
       onClick: d
     }, [
       E(o.$slots, "default")
-    ], 8, Bn));
+    ], 8, wn));
   }
-}, In = ["data-img-size", "data-initials", "data-no-img"], kn = ["src", "alt"], At = {
+}, Bn = ["data-img-size", "data-initials", "data-no-img"], $n = ["src", "alt"], At = {
   __name: "BsProfileImg",
   props: {
     src: String,
@@ -2435,22 +2431,22 @@ const on = {
   },
   setup(e) {
     const a = e, t = I(!1), l = I(!!a.src);
-    return H(() => t.value = !0), (n, i) => (u(), h("div", {
+    return H(() => t.value = !0), (n, i) => (u(), b("div", {
       class: "bs-profile-img",
       "data-component": "bs-profile-img",
       "data-img-size": e.size,
       "data-initials": e.initials,
       "data-no-img": !l.value
     }, [
-      l.value && t.value ? (u(), h("img", {
+      l.value && t.value ? (u(), b("img", {
         key: 0,
         src: e.src,
         alt: e.useAltText ? e.profileName : "",
         onError: i[0] || (i[0] = (d) => l.value = !1)
-      }, null, 40, kn)) : C("", !0)
-    ], 8, In));
+      }, null, 40, $n)) : x("", !0)
+    ], 8, Bn));
   }
-}, Cn = ["id", "data-checked"], xn = { key: 1 }, Tn = ["innerHTML"], An = { key: 4 }, Vn = { key: 5 }, On = {
+}, In = ["id", "data-checked"], kn = { key: 1 }, Cn = ["innerHTML"], xn = { key: 4 }, Tn = { key: 5 }, An = {
   key: 0,
   role: "option",
   "data-no-hover": ""
@@ -2487,7 +2483,7 @@ const on = {
   },
   setup(e) {
     const a = e, t = {};
-    gt(() => {
+    yt(() => {
       l();
     }), j(() => a.options, () => {
       l();
@@ -2511,48 +2507,48 @@ const on = {
     function d(o, s) {
       return !!o && o !== s;
     }
-    return (o, s) => (u(), h(G, null, [
-      (u(!0), h(G, null, ee(e.options, (r) => (u(), O(ot, {
+    return (o, s) => (u(), b(G, null, [
+      (u(!0), b(G, null, ee(e.options, (r) => (u(), V(ot, {
         "aria-checked": r.checkbox ? r.checkbox.checked : void 0,
         key: r.value,
         value: r.value,
         variant: n(r)
       }, {
         default: D(() => [
-          r.checkbox ? (u(), h("span", {
+          r.checkbox ? (u(), b("span", {
             key: 0,
             id: r.checkbox.inputId,
             "aria-hidden": "true",
             class: "bs-checkbox",
             "data-checked": r.checkbox.checked
-          }, null, 8, Cn)) : C("", !0),
-          r.icon ? (u(), h("span", xn, [
-            (u(), O(te(t[r.icon])))
-          ])) : C("", !0),
-          r.profileImg ? (u(), O(At, {
+          }, null, 8, In)) : x("", !0),
+          r.icon ? (u(), b("span", kn, [
+            (u(), V(te(t[r.icon])))
+          ])) : x("", !0),
+          r.profileImg ? (u(), V(At, {
             key: 2,
             src: r.profileImg.src,
             size: "xs",
             initials: r.profileImg.initials,
             "profile-name": r.profileImg.profileName,
             "use-alt-text": d(r.profileImg.profileName, r.label)
-          }, null, 8, ["src", "initials", "profile-name", "use-alt-text"])) : C("", !0),
-          r.labelHtml ? (u(), h("span", {
+          }, null, 8, ["src", "initials", "profile-name", "use-alt-text"])) : x("", !0),
+          r.labelHtml ? (u(), b("span", {
             key: 3,
             innerHTML: r.labelHtml
-          }, null, 8, Tn)) : (u(), h("span", An, V(r.label), 1)),
-          r.description ? (u(), h("span", Vn, V(r.description), 1)) : C("", !0)
+          }, null, 8, Cn)) : (u(), b("span", xn, O(r.label), 1)),
+          r.description ? (u(), b("span", Tn, O(r.description), 1)) : x("", !0)
         ]),
         _: 2
       }, 1032, ["aria-checked", "value", "variant"]))), 128)),
-      e.showNoOptions && e.options.length === 0 ? (u(), h("li", On, [
+      e.showNoOptions && e.options.length === 0 ? (u(), b("li", An, [
         E(o.$slots, "no-options", {}, () => [
-          W("No options")
+          s[0] || (s[0] = W("No options"))
         ])
-      ])) : C("", !0)
+      ])) : x("", !0)
     ], 64));
   }
-}, En = ["id"], Vt = {
+}, On = ["id"], Ot = {
   __name: "BsDropdownWithToggle",
   props: {
     anchorId: {
@@ -2606,6 +2602,10 @@ const on = {
       type: Array,
       default: () => []
     },
+    showBadgeCount: {
+      type: Boolean,
+      default: !1
+    },
     toggleId: {
       type: String
     },
@@ -2624,64 +2624,65 @@ const on = {
   },
   emits: ["update:selectedOptions", "update:selectedOption", "toggled", "close", "check-option", "uncheck-option"],
   setup(e, { emit: a }) {
-    const t = e, l = a;
-    let n = null;
-    const [i, d] = Z(2), o = I(!1), s = () => n || (n = document.getElementById(b.value)), r = p(() => Je(async () => await (t.multiselect ? Promise.resolve().then(() => zn) : Promise.resolve().then(() => Dn)))), f = p(() => t.optionsId || d.value), b = p(() => t.toggleId || i.value);
-    function v() {
-      const A = document.activeElement;
-      return !A || A.tagName === "BODY" || A.id === f.value;
-    }
+    const t = e, l = a, n = I(t.selectedOptions.length);
+    let i = null;
+    const [d, o] = Z(2), s = I(!1), r = () => i || (i = document.getElementById(v.value)), m = f(() => Je(async () => await (t.multiselect ? Promise.resolve().then(() => Pn) : Promise.resolve().then(() => En)))), h = f(() => t.optionsId || o.value), v = f(() => t.toggleId || d.value);
     function g() {
-      var A, x;
-      o.value = !1, l("close"), v() && ((x = (A = s()) == null ? void 0 : A.focus) == null || x.call(A));
+      const k = document.activeElement;
+      return !k || k.tagName === "BODY" || k.id === h.value;
     }
     function y() {
-      o.value && g();
+      var k, A;
+      s.value = !1, l("close"), g() && ((A = (k = r()) == null ? void 0 : k.focus) == null || A.call(k));
     }
     function B() {
-      o.value = !0;
+      s.value && y();
     }
-    function m(A) {
-      l("uncheck-option", A);
+    function p() {
+      s.value = !0;
     }
-    function w(A) {
-      l("check-option", A);
+    function S(k) {
+      t.multiselect && n.value--, l("uncheck-option", k);
     }
-    function k(A) {
-      l("update:selectedOptions", A);
+    function C(k) {
+      l("check-option", k);
     }
-    function $(A) {
-      t.multiselect || (l("update:selectedOption", A), g());
+    function $(k) {
+      !n.value && t.multiselect && (n.value = 0), t.multiselect && (n.value = k.length), l("update:selectedOptions", k);
     }
-    return (A, x) => (u(), h("div", {
+    function M(k) {
+      t.multiselect || (l("update:selectedOption", k), y());
+    }
+    return (k, A) => (u(), b("div", {
       class: "bs-dropdown-with-toggle",
-      id: A.$attrs.id
+      id: k.$attrs.id
     }, [
-      E(A.$slots, "toggle", {
+      E(k.$slots, "toggle", {
         anchorId: e.anchorId,
-        optionsId: f.value,
-        toggleId: b.value
+        optionsId: h.value,
+        toggleId: v.value
       }, () => [
-        P($n, {
-          "aria-controls": f.value,
+        P(Sn, {
+          "aria-controls": h.value,
           "aria-expanded": e.open,
           disabled: e.disabled,
-          id: b.value,
+          id: v.value,
           open: e.open,
-          "options-id": f.value,
+          "options-id": h.value,
           size: e.toggleSize,
-          onClick: x[0] || (x[0] = (q) => A.$emit("toggled"))
+          "badge-count": e.showBadgeCount ? n.value : void 0,
+          onClick: A[0] || (A[0] = (F) => k.$emit("toggled"))
         }, {
           label: D(() => [
-            E(A.$slots, "toggle-label", {}, () => [
-              W(V(e.toggleLabel), 1)
+            E(k.$slots, "toggle-label", {}, () => [
+              W(O(e.toggleLabel), 1)
             ])
           ]),
           _: 3
-        }, 8, ["aria-controls", "aria-expanded", "disabled", "id", "open", "options-id", "size"])
+        }, 8, ["aria-controls", "aria-expanded", "disabled", "id", "open", "options-id", "size", "badge-count"])
       ]),
       P(lt, {
-        "anchor-id": e.anchorId || b.value,
+        "anchor-id": e.anchorId || v.value,
         breakout: e.breakout,
         "helper-text": e.helperText,
         "helper-description": e.helperDescription,
@@ -2690,25 +2691,25 @@ const on = {
         shown: e.open,
         "use-mobile-style": e.useMobileStyle,
         width: e.dropdownWidth,
-        onClose: y,
-        onEnter: B
+        onClose: B,
+        onEnter: p
       }, {
         default: D(() => [
-          P(c(r), {
+          P(c(m), {
             label: e.dropdownLabel,
             "model-value": e.selectedOption,
             options: e.multiselect ? e.options : void 0,
-            "options-id": f.value,
+            "options-id": h.value,
             "selected-options": e.selectedOptions,
             shown: e.open,
-            "onUpdate:modelValue": $,
-            "onUpdate:selectedOptions": k,
-            onCheckOption: w,
-            onUncheckOption: m,
-            onClose: x[1] || (x[1] = (q) => e.multiselect ? void 0 : y())
+            "onUpdate:modelValue": M,
+            "onUpdate:selectedOptions": $,
+            onCheckOption: C,
+            onUncheckOption: S,
+            onClose: A[1] || (A[1] = (F) => e.multiselect ? void 0 : B())
           }, {
             default: D(() => [
-              e.multiselect ? C("", !0) : (u(), O(qe, {
+              e.multiselect ? x("", !0) : (u(), V(qe, {
                 key: 0,
                 options: e.options
               }, null, 8, ["options"]))
@@ -2718,9 +2719,9 @@ const on = {
         ]),
         _: 1
       }, 8, ["anchor-id", "breakout", "helper-text", "helper-description", "position", "shown", "use-mobile-style", "width"])
-    ], 8, En));
+    ], 8, On));
   }
-}, Ot = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Vt = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsDropdownCombobox",
   props: {
     disabled: {
@@ -2779,16 +2780,16 @@ const on = {
   },
   emits: ["update:modelValue", "combobox:change", "combobox:input"],
   setup(e, { emit: a }) {
-    const t = e, l = a, [n, i, d] = Z(3), o = I(!1), s = p(() => t.inputId || n.value);
+    const t = e, l = a, [n, i, d] = Z(3), o = I(!1), s = f(() => t.inputId || n.value);
     function r(y) {
       l("combobox:change", y.target.value), l("update:modelValue", y.target.value);
     }
-    function f() {
+    function m() {
       l("combobox:change", ""), l("update:modelValue", "");
     }
-    function b(y) {
-      var B, m;
-      (B = y.relatedTarget) != null && B.closest(`#${d.value}`) || (m = y.relatedTarget) != null && m.closest(`#${i.value}`) || (o.value = !1);
+    function h(y) {
+      var B, p;
+      (B = y.relatedTarget) != null && B.closest(`#${d.value}`) || (p = y.relatedTarget) != null && p.closest(`#${i.value}`) || (o.value = !1);
     }
     function v(y) {
       l("combobox:input", y.target.value), t.updateOnInput && l("update:modelValue", y.target.value);
@@ -2796,7 +2797,7 @@ const on = {
     function g(y) {
       y === !0 || y === !1 ? o.value = y : o.value = !o.value;
     }
-    return (y, B) => (u(), O(Vt, {
+    return (y, B) => (u(), V(Ot, {
       "anchor-id": c(i),
       disabled: e.disabled,
       "dropdown-position": e.dropdownPosition,
@@ -2809,12 +2810,12 @@ const on = {
       "options-id": c(d),
       "selected-option": e.modelValue,
       "toggle-id": y.$attrs.id || s.value,
-      onClose: B[0] || (B[0] = (m) => o.value = !1),
-      onFocusout: b,
-      "onUpdate:selectedOption": B[1] || (B[1] = (m) => y.$emit("update:modelValue", m))
+      onClose: B[0] || (B[0] = (p) => o.value = !1),
+      onFocusout: h,
+      "onUpdate:selectedOption": B[1] || (B[1] = (p) => y.$emit("update:modelValue", p))
     }, {
       toggle: D(() => [
-        P(Sn, z({
+        P(gn, z({
           id: y.$attrs.id || s.value,
           "container-id": c(i),
           disabled: e.disabled,
@@ -2826,7 +2827,7 @@ const on = {
           placeholder: e.placeholder,
           required: e.required,
           onChange: r,
-          onClear: f,
+          onClear: m,
           onInput: v,
           onToggled: g
         }, y.$attrs), null, 16, ["id", "container-id", "disabled", "error", "hint-id", "model-value", "open", "options-id", "placeholder", "required"])
@@ -2834,7 +2835,7 @@ const on = {
       _: 1
     }, 8, ["anchor-id", "disabled", "dropdown-position", "dropdown-width", "helper-description", "helper-text", "open", "options", "options-id", "selected-option", "toggle-id"]));
   }
-}), Yo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), Do = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsDropdownComboboxField",
   props: {
     disabled: {
@@ -2902,9 +2903,9 @@ const on = {
   },
   emits: ["update:modelValue", "combobox:change", "combobox:input"],
   setup(e, { emit: a }) {
-    const t = e, [l, n] = Z(2), i = p(() => t.error && t.errorMsg || t.hint || void 0), d = p(() => t.inputId || l.value);
-    return (o, s) => (u(), h("div", z({ "data-component": "bs-dropdown-combobox-field" }, c(Y)(o.$attrs, c(he)).remaining), [
-      e.label || o.$slots.label ? (u(), O(ae, {
+    const t = e, [l, n] = Z(2), i = f(() => t.error && t.errorMsg || t.hint || void 0), d = f(() => t.inputId || l.value);
+    return (o, s) => (u(), b("div", z({ "data-component": "bs-dropdown-combobox-field" }, c(Y)(o.$attrs, c(be)).remaining), [
+      e.label || o.$slots.label ? (u(), V(ae, {
         key: 0,
         for: o.$attrs.id || d.value,
         disabled: e.disabled,
@@ -2912,12 +2913,12 @@ const on = {
       }, {
         default: D(() => [
           E(o.$slots, "label", {}, () => [
-            W(V(e.label), 1)
+            W(O(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : C("", !0),
-      P(Ot, z({
+      }, 8, ["for", "disabled", "required"])) : x("", !0),
+      P(Vt, z({
         disabled: e.disabled,
         "display-value": e.displayValue,
         "dropdown-position": e.dropdownPosition,
@@ -2935,17 +2936,17 @@ const on = {
         "onCombobox:change": s[0] || (s[0] = (r) => o.$emit("combobox:change", r)),
         "onCombobox:input": s[1] || (s[1] = (r) => o.$emit("combobox:input", r)),
         "onUpdate:modelValue": s[2] || (s[2] = (r) => o.$emit("update:modelValue", r))
-      }, c(Y)(o.$attrs, c(he)).filtered), null, 16, ["disabled", "display-value", "dropdown-position", "dropdown-width", "error", "helper-text", "helper-description", "hint-id", "input-id", "model-value", "options", "placeholder", "required", "update-on-input"]),
-      i.value ? (u(), O(ge, {
+      }, c(Y)(o.$attrs, c(be)).filtered), null, 16, ["disabled", "display-value", "dropdown-position", "dropdown-width", "error", "helper-text", "helper-description", "hint-id", "input-id", "model-value", "options", "placeholder", "required", "update-on-input"]),
+      i.value ? (u(), V(ge, {
         key: 1,
         error: e.error,
         "error-msg": e.errorMsg,
         hint: e.hint || o.hintDeprecated,
         "hint-id": c(n)
-      }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : C("", !0)
+      }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : x("", !0)
     ], 16));
   }
-}), Ln = ["aria-activedescendant", "aria-label", "data-overflow", "id", "tabindex"], Re = {
+}), Vn = ["aria-activedescendant", "aria-label", "data-overflow", "id", "tabindex"], Re = {
   __name: "BsDropdownOptionList",
   props: {
     optionsId: {
@@ -2981,41 +2982,41 @@ const on = {
     "update:modelValue"
   ],
   setup(e, { expose: a, emit: t }) {
-    const l = e, n = t, i = I(null), d = I(null), o = I(-1), s = I(-1), r = I(null), f = I(!1), b = pe("dropdownEnter", I(!1)), v = pe("dropdownAfterEnter", I(!1)), g = pe("dropdownShown", I(!1));
-    fe("optionsId", p(() => l.optionsId)), fe("handleOptionSelect", ye), pa(i, $, { childList: !0 }), me([" ", "Enter", "NumpadEnter"], ke, i), me(["ArrowDown", "ArrowUp", "Home", "End"], Ce);
-    const m = [/^[a-zA-Z0-9]{1}$/], w = {
+    const l = e, n = t, i = I(null), d = I(null), o = I(-1), s = I(-1), r = I(null), m = I(!1), h = pe("dropdownEnter", I(!1)), v = pe("dropdownAfterEnter", I(!1)), g = pe("dropdownShown", I(!1));
+    fe("optionsId", f(() => l.optionsId)), fe("handleOptionSelect", ye), pa(i, $, { childList: !0 }), me([" ", "Enter", "NumpadEnter"], ke, i), me(["ArrowDown", "ArrowUp", "Home", "End"], Ce);
+    const p = [/^[a-zA-Z0-9]{1}$/], S = {
       keys: "",
       lastTyped: 0
     };
-    me(m, (L) => xe(L, w)), H(() => {
+    me(p, (L) => xe(L, S)), H(() => {
       $(), J(g.value);
     }), j(
-      [b, () => {
+      [h, () => {
         var L;
         return (L = r.value) == null ? void 0 : L.length;
       }],
       ([L, R]) => {
-        (L || R > 0) && (f.value = i.value.scrollHeight > i.value.clientHeight);
+        (L || R > 0) && (m.value = i.value.scrollHeight > i.value.clientHeight);
       }
     ), j(v, (L) => {
-      L && (A(), x());
+      L && (M(), k());
     }), j(g, (L) => J(L));
-    const k = p(() => l.modelValue || l.selectedValue);
+    const C = f(() => l.modelValue || l.selectedValue);
     function $() {
       r.value = Array.from(
         i.value.querySelectorAll('[data-component="bs-dropdown-option"]')
       );
     }
-    function A() {
+    function M() {
       i.value.getBoundingClientRect().bottom > window.innerHeight && i.value.scrollIntoView({ block: "nearest" });
     }
-    function x() {
+    function k() {
       var L;
-      o.value > -1 && (A(), (L = r.value[o.value]) == null || L.scrollIntoView({ block: "nearest" }));
+      o.value > -1 && (M(), (L = r.value[o.value]) == null || L.scrollIntoView({ block: "nearest" }));
     }
-    function q() {
+    function A() {
       var L, R;
-      o.value > -1 && ((L = r.value[o.value]) == null || L.setAttribute("data-active", ""), d.value = (R = r.value[o.value]) == null ? void 0 : R.id, x());
+      o.value > -1 && ((L = r.value[o.value]) == null || L.setAttribute("data-active", ""), d.value = (R = r.value[o.value]) == null ? void 0 : R.id, k());
     }
     function F() {
       var L;
@@ -3023,25 +3024,25 @@ const on = {
     }
     function _() {
       var L;
-      o.value < 0 && (o.value = 0, d.value = (L = r.value[0]) == null ? void 0 : L.id), q();
+      o.value < 0 && (o.value = 0, d.value = (L = r.value[0]) == null ? void 0 : L.id), A();
     }
     function J(L) {
-      L ? ne() : be();
+      L ? ne() : he();
     }
     function ne() {
       var L, R;
       l.multiselect || (s.value = r.value.findIndex(
-        (M) => M.getAttribute("data-value") === String(k.value)
+        (q) => q.getAttribute("data-value") === String(C.value)
       ), !l.multiselect && s.value > -1 && ((L = r.value[s.value]) == null || L.setAttribute("data-selected", ""), (R = r.value[s.value]) == null || R.setAttribute("aria-selected", "true")), o.value = s.value);
     }
-    function be() {
+    function he() {
       r.value.forEach((L) => {
         L.removeAttribute("data-selected"), L.setAttribute("aria-selected", "false");
       }), F(), s.value = -1, o.value = -1, d.value = null;
     }
     function ye(L) {
-      var M;
-      (M = L.querySelector("a")) == null || M.click();
+      var q;
+      (q = L.querySelector("a")) == null || q.click();
       let R = L.getAttribute("data-value");
       L.getAttribute("data-value-type") === "number" && (R = Number(R)), d.value = L.id, F(), n("optselected", R), n("update:modelValue", R), n("close");
     }
@@ -3084,22 +3085,21 @@ const on = {
       Se(R);
     }
     function xe(L, R) {
-      if (!g.value)
-        return;
+      if (!g.value) return;
       R.keys = L.timeStamp - R.lastTyped > 500 ? L.key : R.keys + L.key, R.lastTyped = L.timeStamp;
-      const M = r.value.findIndex((K) => K.textContent.replaceAll(/[^a-zA-Z0-9]/g, "").toLowerCase().startsWith(R.keys));
-      M > -1 && Se(M, !1);
+      const q = r.value.findIndex((K) => K.textContent.replaceAll(/[^a-zA-Z0-9]/g, "").toLowerCase().startsWith(R.keys));
+      q > -1 && Se(q, !1);
     }
     function Se(L, R = !0) {
-      F(), o.value = L, document.activeElement !== i.value && R ? i.value.focus() : q();
+      F(), o.value = L, document.activeElement !== i.value && R ? i.value.focus() : A();
     }
     return a({
       activeIndex: o,
       optionEls: r,
       optionsRef: i,
       refreshOptions: $,
-      setCurrentActive: q
-    }), (L, R) => (u(), h("ul", {
+      setCurrentActive: A
+    }), (L, R) => (u(), b("ul", {
       ref_key: "optionsRef",
       ref: i,
       "aria-activedescendant": d.value || void 0,
@@ -3107,24 +3107,22 @@ const on = {
       "aria-live": "polite",
       class: "bs-dropdown-options",
       "data-component": "bs-dropdown-option-list",
-      "data-overflow": f.value,
+      "data-overflow": m.value,
       id: e.optionsId,
       role: "listbox",
       tabindex: c(g) ? 0 : void 0,
       onBlur: F,
       onFocus: _,
-      onMousedown: R[0] || (R[0] = St(() => {
+      onMousedown: R[0] || (R[0] = wt(() => {
       }, ["prevent"]))
     }, [
       E(L.$slots, "default")
-    ], 40, Ln));
+    ], 40, Vn));
   }
-}, Dn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, En = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Re
-}, Symbol.toStringTag, { value: "Module" })), Pn = { role: "separator" }, qn = /* @__PURE__ */ S("hr", null, null, -1), Mn = [
-  qn
-], Nn = {
+}, Symbol.toStringTag, { value: "Module" })), Ln = { role: "separator" }, Dn = {
   key: 1,
   role: "option",
   "data-no-hover": "true"
@@ -3162,12 +3160,12 @@ const on = {
     "uncheck-option"
   ],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = I(null), i = I([]), d = I([]), o = p(() => {
-      var B, m;
-      return ((B = i.value) == null ? void 0 : B.length) && ((m = d.value) == null ? void 0 : m.length);
-    }), s = p(() => {
-      var B, m;
-      return ((B = i.value) == null ? void 0 : B.length) || ((m = d.value) == null ? void 0 : m.length);
+    const t = e, l = a, n = I(null), i = I([]), d = I([]), o = f(() => {
+      var B, p;
+      return ((B = i.value) == null ? void 0 : B.length) && ((p = d.value) == null ? void 0 : p.length);
+    }), s = f(() => {
+      var B, p;
+      return ((B = i.value) == null ? void 0 : B.length) || ((p = d.value) == null ? void 0 : p.length);
     });
     let r = !1;
     j(() => t.options, () => {
@@ -3177,36 +3175,36 @@ const on = {
       v,
       { immediate: !0 }
     ), j(() => t.shown, (B) => {
-      B && t.focusOnOpen && Ae(f);
+      B && t.focusOnOpen && Ae(m);
     });
-    function f() {
+    function m() {
       n.value && (n.value.refreshOptions(), n.value.optionsRef.focus());
     }
-    function b() {
+    function h() {
       n.value && (n.value.refreshOptions(), n.value.setCurrentActive());
     }
     function v(B = []) {
-      const m = new Set(B), w = [], k = [];
+      const p = new Set(B), S = [], C = [];
       t.options.forEach(($) => {
-        const A = { ...$ }, x = `${t.optionsId}-${$.value}-cb`;
-        m.has($.value) ? (A.checkbox = { inputId: x, checked: !0 }, w.push(A)) : (A.checkbox = { inputId: x, checked: !1 }, k.push(A));
-      }), i.value = w, Ae(() => {
-        d.value = k, Ae(() => {
-          r && b(), r = !1;
+        const M = { ...$ }, k = `${t.optionsId}-${$.value}-cb`;
+        p.has($.value) ? (M.checkbox = { inputId: k, checked: !0 }, S.push(M)) : (M.checkbox = { inputId: k, checked: !1 }, C.push(M));
+      }), i.value = S, Ae(() => {
+        d.value = C, Ae(() => {
+          r && h(), r = !1;
         });
       });
     }
     function g(B = []) {
-      const m = new Set(B), w = [];
-      return t.options.forEach((k) => {
-        m.has(k.value) && w.push(k.value);
-      }), w;
+      const p = new Set(B), S = [];
+      return t.options.forEach((C) => {
+        p.has(C.value) && S.push(C.value);
+      }), S;
     }
     function y(B) {
-      let m = [];
-      t.selectedOptions.includes(B) ? (m = t.selectedOptions.filter((w) => w !== B), l("uncheck-option", B)) : (m = g([...t.selectedOptions, B]), l("check-option", B)), r = !0, l("update:selectedOptions", m);
+      let p = [];
+      t.selectedOptions.includes(B) ? (p = t.selectedOptions.filter((S) => S !== B), l("uncheck-option", B)) : (p = g([...t.selectedOptions, B]), l("check-option", B)), r = !0, l("update:selectedOptions", p);
     }
-    return (B, m) => (u(), O(Re, {
+    return (B, p) => (u(), V(Re, {
       ref_key: "optlist",
       ref: n,
       "aria-multiselectable": "true",
@@ -3218,31 +3216,33 @@ const on = {
       "onUpdate:modelValue": y
     }, {
       default: D(() => [
-        s.value ? (u(), h(G, { key: 0 }, [
+        s.value ? (u(), b(G, { key: 0 }, [
           P(qe, {
             options: i.value,
             "show-no-options": !1
           }, null, 8, ["options"]),
-          ue(S("li", Pn, Mn, 512), [
+          ue(w("li", Ln, p[0] || (p[0] = [
+            w("hr", null, null, -1)
+          ]), 512), [
             [ce, o.value]
           ]),
           P(qe, {
             options: d.value,
             "show-no-options": !1
           }, null, 8, ["options"])
-        ], 64)) : (u(), h("li", Nn, [
+        ], 64)) : (u(), b("li", Dn, [
           E(B.$slots, "no-options", {}, () => [
-            W("No options")
+            p[1] || (p[1] = W("No options"))
           ])
         ]))
       ]),
       _: 3
     }, 8, ["label", "options-id", "shown"]));
   }
-}, zn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Pn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Et
-}, Symbol.toStringTag, { value: "Module" })), Fn = {
+}, Symbol.toStringTag, { value: "Module" })), qn = {
   __name: "BsDropdownWithOptionsNew",
   props: {
     // DROPDOWN PROPS
@@ -3327,7 +3327,7 @@ const on = {
     function d() {
       l.value && (l.value = !1, t("close"));
     }
-    return (o, s) => (u(), O(c(lt), {
+    return (o, s) => (u(), V(c(lt), {
       "anchor-id": e.anchorId,
       breakout: e.breakout,
       "container-id": e.containerId,
@@ -3476,11 +3476,11 @@ const on = {
     "after-leave"
   ],
   setup(e, { emit: a }) {
-    const t = e, l = a, { transition: n } = Le(t), i = p(() => t.width === "toggle" ? "anchor" : t.width), d = p(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position), o = p(() => t.toggleId ? t.toggleId : t.anchorId), s = p(() => t.selectedValue || t.modelValue);
-    function r(f) {
-      l("optselected", f), l("update:modelValue", f);
+    const t = e, l = a, { transition: n } = Le(t), i = f(() => t.width === "toggle" ? "anchor" : t.width), d = f(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position), o = f(() => t.toggleId ? t.toggleId : t.anchorId), s = f(() => t.selectedValue || t.modelValue);
+    function r(m) {
+      l("optselected", m), l("update:modelValue", m);
     }
-    return (f, b) => (u(), O(Fn, {
+    return (m, h) => (u(), V(qn, {
       "anchor-id": o.value,
       breakout: e.breakout,
       "container-id": e.containerId,
@@ -3495,21 +3495,21 @@ const on = {
       shown: c(n),
       "use-mobile-style": e.useMobileStyle,
       width: i.value,
-      onClose: b[0] || (b[0] = (v) => l("close")),
-      onAfterEnter: b[1] || (b[1] = (v) => l("after-enter")),
-      onAfterLeave: b[2] || (b[2] = (v) => l("after-leave")),
+      onClose: h[0] || (h[0] = (v) => l("close")),
+      onAfterEnter: h[1] || (h[1] = (v) => l("after-enter")),
+      onAfterLeave: h[2] || (h[2] = (v) => l("after-leave")),
       "onUpdate:modelValue": r
     }, {
       default: D(() => [
-        E(f.$slots, "default")
+        E(m.$slots, "default")
       ]),
       _: 3
     }, 8, ["anchor-id", "breakout", "container-id", "helper-description", "helper-text", "label", "model-value", "options-id", "position", "preloaded", "prevent-tab", "shown", "use-mobile-style", "width"]));
   }
-}, Rn = ["data-size"], jn = { class: "bs-empty-state-icon" }, Wn = { class: "bs-empty-state-title" }, Un = {
+}, Mn = ["data-size"], Nn = { class: "bs-empty-state-icon" }, zn = { class: "bs-empty-state-title" }, Fn = {
   key: 0,
   class: "bs-empty-state-description"
-}, Zo = {
+}, Po = {
   __name: "BsEmptyState",
   props: {
     description: {
@@ -3531,29 +3531,29 @@ const on = {
     }
   },
   setup(e) {
-    const a = e, { icon: t } = Ve(a, "iconName");
-    return (l, n) => (u(), h("div", {
+    const a = e, { icon: t } = Oe(a, "iconName");
+    return (l, n) => (u(), b("div", {
       class: "bs-empty-state",
       "data-component": "bs-empty-state",
       "data-size": e.size
     }, [
-      S("div", jn, [
+      w("div", Nn, [
         E(l.$slots, "icon", {}, () => [
-          (u(), O(te(c(t)), { size: "" }))
+          (u(), V(te(c(t)), { size: "" }))
         ])
       ]),
-      S("div", null, [
-        S("p", Wn, V(e.title), 1),
-        e.size !== "xs" ? (u(), h("p", Un, [
+      w("div", null, [
+        w("p", zn, O(e.title), 1),
+        e.size !== "xs" ? (u(), b("p", Fn, [
           E(l.$slots, "description", {}, () => [
-            W(V(e.description), 1)
+            W(O(e.description), 1)
           ])
-        ])) : C("", !0),
+        ])) : x("", !0),
         E(l.$slots, "call-to-action")
       ])
-    ], 8, Rn));
+    ], 8, Mn));
   }
-}, Gn = ["data-absolute", "data-position", "data-shown", "data-size"], Hn = { class: "bs-flyout-close-container" }, Xo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Rn = ["data-absolute", "data-position", "data-shown", "data-size"], jn = { class: "bs-flyout-close-container" }, qo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsFlyout",
   props: {
     absolute: {
@@ -3589,18 +3589,18 @@ const on = {
   },
   emits: ["close"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = I(null), i = p(() => document.getElementById(t.toggleId));
+    const t = e, l = a, n = I(null), i = f(() => document.getElementById(t.toggleId));
     Ct([n, i], d), me(["Escape"], d);
     function d() {
       t.shown && l("close");
     }
-    return (o, s) => (u(), O(Pe, {
+    return (o, s) => (u(), V(Pe, {
       name: "bs-flyout",
       preloaded: e.preloaded,
       shown: e.shown
     }, {
       default: D(() => [
-        S("div", z({
+        w("div", z({
           ref_key: "flyout",
           ref: n,
           class: "bs-flyout",
@@ -3610,23 +3610,23 @@ const on = {
           "data-shown": e.shown,
           "data-size": e.size
         }, o.$attrs), [
-          S("div", Hn, [
-            S("button", {
+          w("div", jn, [
+            w("button", {
               type: "button",
               title: "Close",
               "aria-label": "Close",
               onClick: d
             }, [
-              P(c(Be))
+              P(c($e))
             ])
           ]),
           E(o.$slots, "default")
-        ], 16, Gn)
+        ], 16, Rn)
       ]),
       _: 3
     }, 8, ["preloaded", "shown"]));
   }
-}), Kn = ["view-box"], Yn = ["id"], Zn = ["offset", "stop-color"], Qo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), Wn = ["view-box"], Un = ["id"], Gn = ["offset", "stop-color"], Mo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsIconGradientWrapper",
   setup(e) {
     const a = I(null), t = I(null), l = [
@@ -3636,8 +3636,8 @@ const on = {
     ], [n] = Z();
     return H(() => {
       t.value = a.value.querySelector("svg").getAttribute("viewBox") || "0 0 0 0";
-    }), (i, d) => (u(), h(G, null, [
-      S("span", z({
+    }), (i, d) => (u(), b(G, null, [
+      w("span", z({
         ref_key: "svgWrapperRef",
         ref: a,
         class: "bs-icon-gradient-wrapper",
@@ -3645,13 +3645,13 @@ const on = {
       }, i.$attrs), [
         E(i.$slots, "default")
       ], 16),
-      (u(), h("svg", {
+      (u(), b("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         "view-box": t.value,
         width: "0",
         height: "0"
       }, [
-        S("linearGradient", {
+        w("linearGradient", {
           id: c(n),
           x1: "0",
           y1: "0",
@@ -3659,16 +3659,16 @@ const on = {
           y2: "100%",
           "gradient-units": "userSpaceOnUse"
         }, [
-          (u(), h(G, null, ee(l, (o) => S("stop", {
+          (u(), b(G, null, ee(l, (o) => w("stop", {
             key: o.offset,
             offset: o.offset,
             "stop-color": o.color
-          }, null, 8, Zn)), 64))
-        ], 8, Yn)
-      ], 8, Kn))
+          }, null, 8, Gn)), 64))
+        ], 8, Un)
+      ], 8, Wn))
     ], 64));
   }
-}), Jo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), No = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsInputField",
   props: {
     /** Sets the disabled state on input, disabled styles on label. */
@@ -3715,13 +3715,13 @@ const on = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, [l, n] = Z(2), i = p(() => he.concat(t.passAttrs.split(",")).concat("type")), d = p(() => {
-      var r, f;
-      return ((f = (r = t.hints) == null ? void 0 : r.join) == null ? void 0 : f.call(r, `
+    const t = e, [l, n] = Z(2), i = f(() => be.concat(t.passAttrs.split(",")).concat("type")), d = f(() => {
+      var r, m;
+      return ((m = (r = t.hints) == null ? void 0 : r.join) == null ? void 0 : m.call(r, `
 `)) || t.hints;
-    }), o = p(() => t.error && t.errorMsg || t.hint || d.value || void 0), s = p(() => t.inputId || l.value);
-    return (r, f) => (u(), h("div", z({ "data-component": "bs-input-field" }, c(Y)(r.$attrs, i.value).remaining), [
-      e.label || r.$slots.label ? (u(), O(ae, {
+    }), o = f(() => t.error && t.errorMsg || t.hint || d.value || void 0), s = f(() => t.inputId || l.value);
+    return (r, m) => (u(), b("div", z({ "data-component": "bs-input-field" }, c(Y)(r.$attrs, i.value).remaining), [
+      e.label || r.$slots.label ? (u(), V(ae, {
         key: 0,
         for: r.$attrs.id || s.value,
         disabled: e.disabled,
@@ -3729,11 +3729,11 @@ const on = {
       }, {
         default: D(() => [
           E(r.$slots, "label", {}, () => [
-            W(V(e.label), 1)
+            W(O(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : C("", !0),
+      }, 8, ["for", "disabled", "required"])) : x("", !0),
       P(Ie, z({
         disabled: e.disabled,
         error: e.error,
@@ -3743,15 +3743,15 @@ const on = {
         required: e.required,
         type: e.type,
         value: e.value || e.modelValue,
-        "onUpdate:modelValue": f[0] || (f[0] = (b) => r.$emit("update:modelValue", b))
+        "onUpdate:modelValue": m[0] || (m[0] = (h) => r.$emit("update:modelValue", h))
       }, c(Y)(r.$attrs, i.value).filtered), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "type", "value"]),
-      o.value ? (u(), O(ge, {
+      o.value ? (u(), V(ge, {
         key: 1,
         error: e.error,
         "error-msg": e.errorMsg,
         hint: e.hint || d.value,
         "hint-id": c(n)
-      }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : C("", !0)
+      }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : x("", !0)
     ], 16));
   }
 }), mt = {
@@ -3822,10 +3822,10 @@ const on = {
       this.data[e][t[a]] = t;
     }));
   }
-}, Xn = ["id", "aria-controls", "aria-expanded", "aria-label", "disabled"], Qn = { key: 0 }, Jn = {
+}, Hn = ["id", "aria-controls", "aria-expanded", "aria-label", "disabled"], Kn = { key: 0 }, Yn = {
   "aria-hidden": "true",
   style: { width: "1.25rem" }
-}, _n = { "aria-hidden": "true" }, _o = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Zn = { "aria-hidden": "true" }, zo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsInputPhone",
   props: {
     deferValidation: {
@@ -3888,69 +3888,69 @@ const on = {
       "Home",
       "Tab"
     ], d = I(null), o = I(1), s = I([]), r = I(null), [
-      f,
-      b,
+      m,
+      h,
       v,
       g
-    ] = Z(4), y = I(!1), B = I(""), m = I(""), w = I(!1), k = I(!1), $ = I(!0);
+    ] = Z(4), y = I(!1), B = I(""), p = I(""), S = I(!1), C = I(!1), $ = I(!0);
     a({
-      validationErr: w,
-      validationErrMsg: m
+      validationErr: S,
+      validationErrMsg: p
     });
-    const A = p(() => B.value ? `+${o.value}${B.value}` : ""), x = p(() => `Country code: ${o.value}. Click to change.`), q = p(() => $.value ? l.errorMsg || m.value : ""), F = p(() => l.error || w.value), _ = p(() => l.hint || F.value && q.value), J = p(() => $.value && F.value);
-    j(A, (M) => {
-      n("update:modelValue", M), R(M);
+    const M = f(() => B.value ? `+${o.value}${B.value}` : ""), k = f(() => `Country code: ${o.value}. Click to change.`), A = f(() => $.value ? l.errorMsg || p.value : ""), F = f(() => l.error || S.value), _ = f(() => l.hint || F.value && A.value), J = f(() => $.value && F.value);
+    j(M, (q) => {
+      n("update:modelValue", q), R(q);
     }), j(() => l.modelValue, ne), xe(), H(() => y.value = !0);
-    function ne(M, K) {
-      M === "" && M !== K && (B.value = "");
+    function ne(q, K) {
+      q === "" && q !== K && (B.value = "");
     }
-    function be() {
-      var M;
-      k.value && (k.value = !1, (M = d.value) == null || M.focus());
+    function he() {
+      var q;
+      C.value && (C.value = !1, (q = d.value) == null || q.focus());
     }
-    function ye(M) {
+    function ye(q) {
       var K;
-      o.value = M, k.value = !1, (K = d.value) == null || K.focus(), L(M);
+      o.value = q, C.value = !1, (K = d.value) == null || K.focus(), L(q);
     }
     function ke() {
       l.deferValidation && ($.value = !0), n("input-blur");
     }
-    function Ce(M) {
-      B.value = M.target.value, l.deferValidation && ($.value = !1);
+    function Ce(q) {
+      B.value = q.target.value, l.deferValidation && ($.value = !1);
     }
-    function se(M) {
+    function se(q) {
       var K, X;
-      !((X = (K = M.key) == null ? void 0 : K.match) != null && X.call(K, /[0-9]/)) && !i.includes(M.key) && !M.ctrlKey && !M.metaKey && M.preventDefault();
+      !((X = (K = q.key) == null ? void 0 : K.match) != null && X.call(K, /[0-9]/)) && !i.includes(q.key) && !q.ctrlKey && !q.metaKey && q.preventDefault();
     }
     function xe() {
-      We.initSourceData(), Se(), L(o.value), R(A.value);
+      We.initSourceData(), Se(), L(o.value), R(M.value);
     }
     function Se() {
       var K, X;
-      let M = ut(l.modelValue);
-      M.valid || M.countryCode && ((X = (K = l.modelValue) == null ? void 0 : K.startsWith) != null && X.call(K, "+")) ? (o.value = M.countryCode, B.value = M.number.significant) : B.value = l.modelValue, s.value = We.data.allCountries.map((Te) => ({
+      let q = ut(l.modelValue);
+      q.valid || q.countryCode && ((X = (K = l.modelValue) == null ? void 0 : K.startsWith) != null && X.call(K, "+")) ? (o.value = q.countryCode, B.value = q.number.significant) : B.value = l.modelValue, s.value = We.data.allCountries.map((Te) => ({
         ...Te,
         isSelected: o.value === Te
       }));
     }
-    function L(M) {
-      r.value = We.getCountryByCountryCode(M);
+    function L(q) {
+      r.value = We.getCountryByCountryCode(q);
     }
-    function R(M) {
-      w.value = M ? !ut(M).valid : !1, m.value = w.value ? "Invalid phone number" : "";
+    function R(q) {
+      S.value = q ? !ut(q).valid : !1, p.value = S.value ? "Invalid phone number" : "";
     }
-    return (M, K) => (u(), h("div", z({
+    return (q, K) => (u(), b("div", z({
       class: "bs-input-phone",
       "data-component": "bs-input-phone"
-    }, c(Y)(M.$attrs, c(he)).remaining), [
+    }, c(Y)(q.$attrs, c(be)).remaining), [
       P(ae, {
-        for: M.$attrs.id || e.inputId || c(g),
+        for: q.$attrs.id || e.inputId || c(g),
         required: e.required,
         disabled: e.disabled,
         class: ie({ "visually-hidden": e.hideLabel })
       }, {
         default: D(() => [
-          W(V(e.label), 1)
+          W(O(e.label), 1)
         ]),
         _: 1
       }, 8, ["for", "required", "disabled", "class"]),
@@ -3963,31 +3963,31 @@ const on = {
         default: D(() => {
           var X;
           return [
-            S("button", {
-              id: c(f),
+            w("button", {
+              id: c(m),
               ref_key: "countryCodesToggle",
               ref: d,
-              "aria-controls": c(b),
-              "aria-expanded": k.value,
+              "aria-controls": c(h),
+              "aria-expanded": C.value,
               "aria-haspopup": "listbox",
-              "aria-label": x.value,
+              "aria-label": k.value,
               disabled: e.disabled,
               type: "button",
-              onClick: K[0] || (K[0] = (Te) => k.value = !k.value)
+              onClick: K[0] || (K[0] = (Te) => C.value = !C.value)
             }, [
-              S("span", null, V((X = r.value) == null ? void 0 : X.flag), 1),
-              S("span", null, "+" + V(o.value), 1),
+              w("span", null, O((X = r.value) == null ? void 0 : X.flag), 1),
+              w("span", null, "+" + O(o.value), 1),
               P(c(jt), { size: "sm" })
-            ], 8, Xn),
+            ], 8, Hn),
             P(Ie, z({
-              "input-id": M.$attrs.id || e.inputId || c(g),
+              "input-id": q.$attrs.id || e.inputId || c(g),
               disabled: e.disabled,
               "hint-id": c(v),
               placeholder: e.placeholder,
               value: B.value,
               "data-autowidth": "",
               type: "tel"
-            }, c(Y)(M.$attrs, c(he)).filtered, {
+            }, c(Y)(q.$attrs, c(be)).filtered, {
               onInput: Ce,
               onFocusout: ke,
               onKeydown: se
@@ -3998,45 +3998,45 @@ const on = {
       }, 8, ["disabled", "error"]),
       ue(P(ge, {
         error: F.value,
-        "error-msg": q.value,
+        "error-msg": A.value,
         hint: e.hint,
         "hint-id": c(v)
       }, null, 8, ["error", "error-msg", "hint", "hint-id"]), [
         [ce, _.value]
       ]),
-      y.value ? (u(), h("div", Qn, [
+      y.value ? (u(), b("div", Kn, [
         P(Lt, {
-          "anchor-id": c(f),
+          "anchor-id": c(m),
           "helper-text": "Country Code",
           label: "Country Code",
           "model-value": o.value,
-          "options-id": c(b),
+          "options-id": c(h),
           preloaded: "",
-          shown: k.value,
+          shown: C.value,
           width: "content",
-          onClose: be,
+          onClose: he,
           "onUpdate:modelValue": ye
         }, {
           default: D(() => [
-            y.value ? (u(!0), h(G, { key: 0 }, ee(s.value, (X) => (u(), O(ot, {
+            y.value ? (u(!0), b(G, { key: 0 }, ee(s.value, (X) => (u(), V(ot, {
               "aria-label": X.value,
               key: X.value,
               value: `${X.value}`,
               variant: "2-col"
             }, {
               default: D(() => [
-                S("span", Jn, V(X == null ? void 0 : X.flag), 1),
-                S("span", _n, V(X.label), 1)
+                w("span", Yn, O(X == null ? void 0 : X.flag), 1),
+                w("span", Zn, O(X.label), 1)
               ]),
               _: 2
-            }, 1032, ["aria-label", "value"]))), 128)) : C("", !0)
+            }, 1032, ["aria-label", "value"]))), 128)) : x("", !0)
           ]),
           _: 1
         }, 8, ["anchor-id", "model-value", "options-id", "shown"])
-      ])) : C("", !0)
+      ])) : x("", !0)
     ], 16));
   }
-}), el = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), Xn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsInputSearch",
   props: {
     /** Sets the disabled state on input, disabled styles on label. */
@@ -4081,15 +4081,15 @@ const on = {
   },
   emits: ["clear", "update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = p(() => he.concat(t.passAttrs.split(","))), n = p(() => !t.disabled && !t.hideClear && t.variant !== "filter");
-    return (i, d) => (u(), O(De, z({
+    const t = e, l = f(() => be.concat(t.passAttrs.split(","))), n = f(() => !t.disabled && !t.hideClear && t.variant !== "filter");
+    return (i, d) => (u(), V(De, z({
       class: "bs-input-search",
       "data-component": "bs-input-search",
       "data-variant": e.variant,
       disabled: e.disabled
     }, c(Y)(i.$attrs, l.value).remaining), {
       default: D(() => [
-        e.hideSearchIcon ? C("", !0) : (u(), O(c(Wt), { key: 0 })),
+        e.hideSearchIcon ? x("", !0) : (u(), V(c(Wt), { key: 0 })),
         P(Ie, z({
           "data-autowidth": "",
           disabled: e.disabled,
@@ -4099,12 +4099,12 @@ const on = {
         }, c(Y)(i.$attrs, l.value).filtered, {
           "onUpdate:modelValue": d[0] || (d[0] = (o) => i.$emit("update:modelValue", o))
         }), null, 16, ["disabled", "input-id", "placeholder", "value"]),
-        ue(S("button", {
+        ue(w("button", {
           title: "Clear",
           type: "button",
           onClick: d[1] || (d[1] = (o) => i.$emit("clear"))
         }, [
-          P(c(Be), { size: "sm" })
+          P(c($e), { size: "sm" })
         ], 512), [
           [ce, n.value]
         ])
@@ -4112,13 +4112,7 @@ const on = {
       _: 1
     }, 16, ["data-variant", "disabled"]));
   }
-}), tl = ["data-size", "data-variant"], al = ["stroke"], nl = { key: 0 }, ll = /* @__PURE__ */ S("linearGradient", { id: "bs-spinner-gradient" }, [
-  /* @__PURE__ */ S("stop", { offset: "0%" }),
-  /* @__PURE__ */ S("stop", { offset: "49%" }),
-  /* @__PURE__ */ S("stop", { offset: "100%" })
-], -1), ol = [
-  ll
-], ht = {
+}), Qn = ["data-size", "data-variant"], Jn = ["stroke"], _n = { key: 0 }, bt = {
   __name: "BsSpinner",
   props: {
     label: {
@@ -4135,7 +4129,7 @@ const on = {
     }
   },
   setup(e) {
-    return (a, t) => (u(), h("svg", {
+    return (a, t) => (u(), b("svg", {
       class: "bs-spinner",
       "data-component": "bs-spinner",
       "data-size": e.size,
@@ -4145,18 +4139,24 @@ const on = {
       viewBox: "0 0 100 100",
       xmlns: "http://www.w3.org/2000/svg"
     }, [
-      S("title", null, V(e.label), 1),
-      S("circle", {
+      w("title", null, O(e.label), 1),
+      w("circle", {
         cx: "50",
         cy: "50",
         pathLength: "100",
         r: "45",
         stroke: e.variant === "gradient" ? "url(#bs-spinner-gradient)" : void 0
-      }, null, 8, al),
-      e.variant === "gradient" ? (u(), h("defs", nl, ol)) : C("", !0)
-    ], 8, tl));
+      }, null, 8, Jn),
+      e.variant === "gradient" ? (u(), b("defs", _n, t[0] || (t[0] = [
+        w("linearGradient", { id: "bs-spinner-gradient" }, [
+          w("stop", { offset: "0%" }),
+          w("stop", { offset: "49%" }),
+          w("stop", { offset: "100%" })
+        ], -1)
+      ]))) : x("", !0)
+    ], 8, Qn));
   }
-}, il = ["id"], rl = { style: { display: "flex", "justify-content": "center" } }, sl = { style: { display: "flex", "justify-content": "center" } }, ei = {
+}, el = ["id"], tl = { style: { display: "flex", "justify-content": "center" } }, al = { style: { display: "flex", "justify-content": "center" } }, Fo = {
   __name: "BsInputTypeahead",
   props: {
     characterThreshold: {
@@ -4231,143 +4231,143 @@ const on = {
     const t = e, l = a, n = I(!1), i = I(!1), [d] = Z();
     let o = [];
     j(() => t.inputValue, () => {
-      i.value ? i.value = !1 : m();
+      i.value ? i.value = !1 : p();
     });
-    const s = p(() => t.typeaheadId || d.value), r = p(() => `${s.value}-input-container`), f = p(() => `${s.value}-input`), b = p(() => `${s.value}-options`), v = p(() => t.multiselect ? Array.isArray(t.optionsValue) ? t.optionsValue : [t.optionsValue] : t.optionsValue), g = p(() => {
+    const s = f(() => t.typeaheadId || d.value), r = f(() => `${s.value}-input-container`), m = f(() => `${s.value}-input`), h = f(() => `${s.value}-options`), v = f(() => t.multiselect ? Array.isArray(t.optionsValue) ? t.optionsValue : [t.optionsValue] : t.optionsValue), g = f(() => {
       if (n.value) {
-        let x = t.options;
-        const q = t.inputValue.toLowerCase(), F = t.filterType === "includes" ? "includes" : "startsWith";
-        return t.inputValue.length >= t.characterThreshold && (x = y(x, q, F), x = x.slice(0, t.maxOptions), x = B(x, q, F), o = x), x;
+        let k = t.options;
+        const A = t.inputValue.toLowerCase(), F = t.filterType === "includes" ? "includes" : "startsWith";
+        return t.inputValue.length >= t.characterThreshold && (k = y(k, A, F), k = k.slice(0, t.maxOptions), k = B(k, A, F), o = k), k;
       } else
         return o;
     });
-    function y(x, q, F) {
-      return t.internalFiltering ? x.filter((_) => _.label.toLowerCase()[F](q)) : x;
+    function y(k, A, F) {
+      return t.internalFiltering ? k.filter((_) => _.label.toLowerCase()[F](A)) : k;
     }
-    function B(x, q, F) {
-      return x.map((_) => {
+    function B(k, A, F) {
+      return k.map((_) => {
         let J = _.label;
-        if (q !== "") {
-          const ne = F === "includes" ? "gi" : "i", be = new RegExp(`(${q})`, ne);
-          J = _.label.replace(be, '<span style="color: var(--bs-blue-base)">$1</span>');
+        if (A !== "") {
+          const ne = F === "includes" ? "gi" : "i", he = new RegExp(`(${A})`, ne);
+          J = _.label.replace(he, '<span style="color: var(--bs-blue-base)">$1</span>');
         }
         return { ..._, labelHtml: J };
       });
     }
-    function m() {
+    function p() {
       t.showDropdownOnFocus || t.inputValue.length >= t.characterThreshold ? n.value = !0 : n.value = !1;
     }
-    function w() {
-      l("update:inputValue", ""), t.multiselect || l("update:optionsValue", ""), document.getElementById(f.value).focus();
+    function S() {
+      l("update:inputValue", ""), t.multiselect || l("update:optionsValue", ""), document.getElementById(m.value).focus();
     }
-    function k(x) {
+    function C(k) {
       i.value = !0;
-      const q = g.value.find((F) => F.value === x);
-      l("update:inputValue", q.label), l("update:optionsValue", x);
+      const A = g.value.find((F) => F.value === k);
+      l("update:inputValue", A.label), l("update:optionsValue", k);
     }
-    function $(x) {
-      const q = [...v.value, x];
-      l("update:optionsValue", q);
+    function $(k) {
+      const A = [...v.value, k];
+      l("update:optionsValue", A);
     }
-    function A(x) {
-      const q = v.value.filter((F) => F !== x);
-      l("update:optionsValue", q);
+    function M(k) {
+      const A = v.value.filter((F) => F !== k);
+      l("update:optionsValue", A);
     }
-    return (x, q) => (u(), h(G, null, [
-      e.label || x.$slots.label ? (u(), O(ae, {
+    return (k, A) => (u(), b(G, null, [
+      e.label || k.$slots.label ? (u(), V(ae, {
         key: 0,
-        for: f.value,
+        for: m.value,
         disabled: e.disabled,
         required: e.required
       }, {
         default: D(() => [
-          E(x.$slots, "label", {}, () => [
-            W(V(e.label), 1)
+          E(k.$slots, "label", {}, () => [
+            W(O(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : C("", !0),
-      S("div", {
+      }, 8, ["for", "disabled", "required"])) : x("", !0),
+      w("div", {
         id: r.value,
         class: "typeahead-search-wrapper"
       }, [
-        P(el, z({
-          "aria-controls": b.value,
+        P(Xn, z({
+          "aria-controls": h.value,
           "aria-expanded": n.value,
           "aria-haspopup": "listbox",
           autocomplete: "off",
           disabled: e.disabled,
           "hide-clear": e.inputValue === "",
           "hide-search-icon": e.hideSearchIcon,
-          "input-id": f.value,
+          "input-id": m.value,
           "pass-attrs": "aria-controls,aria-expanded,role",
           placeholder: e.placeholder,
           role: "combobox",
           value: e.inputValue
-        }, x.$attrs, {
-          onClear: w,
-          onFocusin: m,
-          "onUpdate:modelValue": q[0] || (q[0] = (F) => l("update:inputValue", F))
+        }, k.$attrs, {
+          onClear: S,
+          onFocusin: p,
+          "onUpdate:modelValue": A[0] || (A[0] = (F) => l("update:inputValue", F))
         }), null, 16, ["aria-controls", "aria-expanded", "disabled", "hide-clear", "hide-search-icon", "input-id", "placeholder", "value"])
-      ], 8, il),
+      ], 8, el),
       P(lt, {
         "anchor-id": r.value,
         preloaded: !0,
         shown: n.value,
         "use-mobile-style": !1,
         width: "toggle",
-        onClose: q[2] || (q[2] = (F) => n.value = !1)
+        onClose: A[2] || (A[2] = (F) => n.value = !1)
       }, {
         default: D(() => [
-          e.multiselect ? (u(), O(Et, {
+          e.multiselect ? (u(), V(Et, {
             key: 0,
             "focus-on-open": !1,
             label: e.label,
             options: g.value,
-            "options-id": b.value,
+            "options-id": h.value,
             "selected-options": v.value,
             shown: n.value,
             onCheckOption: $,
-            onUncheckOption: A
+            onUncheckOption: M
           }, Ze({ _: 2 }, [
             e.loading ? {
               name: "no-options",
               fn: D(() => [
-                S("span", rl, [
-                  P(ht, { size: "sm" })
+                w("span", tl, [
+                  P(bt, { size: "sm" })
                 ])
               ]),
               key: "0"
             } : {
               name: "no-options",
               fn: D(() => [
-                W("No results found")
+                A[3] || (A[3] = W("No results found"))
               ]),
               key: "1"
             }
-          ]), 1032, ["label", "options", "options-id", "selected-options", "shown"])) : (u(), O(Re, {
+          ]), 1032, ["label", "options", "options-id", "selected-options", "shown"])) : (u(), V(Re, {
             key: 1,
             label: e.label,
             "model-value": v.value,
-            "options-id": b.value,
+            "options-id": h.value,
             shown: n.value,
-            "onUpdate:modelValue": k,
-            onClose: q[1] || (q[1] = (F) => n.value = !1)
+            "onUpdate:modelValue": C,
+            onClose: A[1] || (A[1] = (F) => n.value = !1)
           }, {
             default: D(() => [
               P(qe, { options: g.value }, Ze({ _: 2 }, [
                 e.loading ? {
                   name: "no-options",
                   fn: D(() => [
-                    S("span", sl, [
-                      P(ht, { size: "sm" })
+                    w("span", al, [
+                      P(bt, { size: "sm" })
                     ])
                   ]),
                   key: "0"
                 } : {
                   name: "no-options",
                   fn: D(() => [
-                    W("No results found")
+                    A[4] || (A[4] = W("No results found"))
                   ]),
                   key: "1"
                 }
@@ -4380,13 +4380,7 @@ const on = {
       }, 8, ["anchor-id", "shown"])
     ], 64));
   }
-}, dl = ["data-size", "data-variant"], ul = /* @__PURE__ */ S("span", null, null, -1), cl = /* @__PURE__ */ S("span", null, null, -1), fl = /* @__PURE__ */ S("span", null, null, -1), pl = /* @__PURE__ */ S("span", null, null, -1), ml = /* @__PURE__ */ S("span", { class: "visually-hidden" }, "Loading", -1), hl = [
-  ul,
-  cl,
-  fl,
-  pl,
-  ml
-], ti = {
+}, nl = ["data-size", "data-variant"], Ro = {
   __name: "BsLoader",
   props: {
     size: {
@@ -4400,14 +4394,20 @@ const on = {
     }
   },
   setup(e) {
-    return (a, t) => (u(), h("span", {
+    return (a, t) => (u(), b("span", {
       class: "bs-loader",
       "data-size": e.size,
       "data-variant": e.variant,
       role: "status"
-    }, hl, 8, dl));
+    }, t[0] || (t[0] = [
+      w("span", null, null, -1),
+      w("span", null, null, -1),
+      w("span", null, null, -1),
+      w("span", null, null, -1),
+      w("span", { class: "visually-hidden" }, "Loading", -1)
+    ]), 8, nl));
   }
-}, bl = ["data-shown"], vl = {
+}, ll = ["data-shown"], ol = {
   __name: "BsOverlay",
   props: {
     shown: {
@@ -4445,7 +4445,7 @@ const on = {
     function i() {
       n.value ? document.body.setAttribute("data-scroll", "false") : document.body.removeAttribute("data-scroll");
     }
-    return (d, o) => (u(), O(Pe, {
+    return (d, o) => (u(), V(Pe, {
       name: "bs-overlay",
       shown: c(n),
       preloaded: e.preloaded,
@@ -4453,15 +4453,15 @@ const on = {
       onAfterLeave: o[1] || (o[1] = (s) => l("after-leave"))
     }, {
       default: D(() => [
-        S("div", {
+        w("div", {
           class: "bs-overlay",
           "data-shown": c(n)
-        }, null, 8, bl)
+        }, null, 8, ll)
       ]),
       _: 1
     }, 8, ["shown", "preloaded"]));
   }
-}, gl = ["id", "role", "aria-labelledby", "data-shown"], yl = ["id"], ai = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, il = ["id", "role", "aria-labelledby", "data-shown"], rl = ["id"], jo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsModal",
   props: {
     modalId: {
@@ -4508,19 +4508,19 @@ const on = {
   setup(e, { emit: a }) {
     const t = e, l = a, { transition: n } = Le(t), [i] = Z();
     let d = !1;
-    const o = I(null), s = (b) => {
-      o.value && b.target.closest(".bs-overlay") && l("close", t.modalId);
+    const o = I(null), s = (h) => {
+      o.value && h.target.closest(".bs-overlay") && l("close", t.modalId);
     };
     H(() => {
       document.addEventListener("click", s);
-    }), $e(() => {
+    }), Be(() => {
       document.removeEventListener("click", s);
     }), me(["Escape"], () => {
       d && l("close", t.modalId);
     });
-    const r = () => !t.title && t.closeButton, f = () => t.title && t.closeButton;
-    return (b, v) => (u(), h(G, null, [
-      P(vl, {
+    const r = () => !t.title && t.closeButton, m = () => t.title && t.closeButton;
+    return (h, v) => (u(), b(G, null, [
+      P(ol, {
         shown: c(n),
         preloaded: e.preloaded,
         "enter-controlled": e.enterControlled,
@@ -4536,57 +4536,57 @@ const on = {
         onEnter: v[3] || (v[3] = (g) => zt(d) ? d.value = !0 : d = !0)
       }, {
         default: D(() => [
-          S("div", z({
+          w("div", z({
             id: e.modalId,
             class: "bs-modal",
             "data-component": "bs-modal",
             role: e.alert ? "alertdialog" : "dialog",
-            "aria-labelledby": e.title && !b.$attrs["aria-label"] ? c(i) : void 0,
+            "aria-labelledby": e.title && !h.$attrs["aria-label"] ? c(i) : void 0,
             "aria-modal": "true"
-          }, b.$attrs, {
+          }, h.$attrs, {
             ref_key: "modalRef",
             ref: o,
             "data-shown": c(n)
           }), [
-            e.title || e.closeButton ? (u(), h("header", {
+            e.title || e.closeButton ? (u(), b("header", {
               key: 0,
               class: ie({
                 "only-close-button-modal-header": r,
-                "modal-header": f
+                "modal-header": m
               })
             }, [
-              e.title ? (u(), h("span", {
+              e.title ? (u(), b("span", {
                 key: 0,
                 id: c(i),
                 class: "modal-title"
-              }, V(e.title), 9, yl)) : C("", !0),
-              e.closeButton ? (u(), h("button", {
+              }, O(e.title), 9, rl)) : x("", !0),
+              e.closeButton ? (u(), b("button", {
                 key: 1,
                 type: "button",
                 title: "Close Modal",
                 "aria-label": "Close Modal",
                 onClick: v[0] || (v[0] = (g) => l("close", e.modalId))
               }, [
-                P(c(Be), { class: "close-button" })
-              ])) : C("", !0)
-            ], 2)) : C("", !0),
-            E(b.$slots, "default")
-          ], 16, gl)
+                P(c($e), { class: "close-button" })
+              ])) : x("", !0)
+            ], 2)) : x("", !0),
+            E(h.$slots, "default")
+          ], 16, il)
         ]),
         _: 3
       }, 8, ["preloaded", "shown"])
     ], 64));
   }
-}), Sl = ["data-variant", "data-fixed"], wl = {
+}), sl = ["data-variant", "data-fixed"], dl = {
   key: 0,
   class: "bs-pagination-carets"
-}, $l = ["aria-label", "title", "disabled"], Bl = { key: 0 }, Il = ["aria-label", "title", "disabled"], kl = { key: 0 }, Cl = {
+}, ul = ["aria-label", "title", "disabled"], cl = { key: 0 }, fl = ["aria-label", "title", "disabled"], pl = { key: 0 }, ml = {
   key: 1,
   class: "bs-pagination-page-numbers"
-}, xl = ["title", "data-selected", "onClick"], Tl = { key: 2 }, Al = { key: 3 }, Vl = /* @__PURE__ */ S("span", null, "Results Per Page:", -1), Ol = { class: "bs-pagination-results-numbers" }, El = ["data-selected", "disabled", "onClick"], Ll = {
+}, bl = ["title", "data-selected", "onClick"], hl = { key: 2 }, vl = { key: 3 }, gl = { class: "bs-pagination-results-numbers" }, yl = ["data-selected", "disabled", "onClick"], Sl = {
   key: 5,
   class: "bs-pagination-carets"
-}, Dl = ["aria-label", "title", "disabled"], Pl = { key: 0 }, ql = ["aria-label", "title", "disabled"], Ml = { key: 0 }, ni = {
+}, wl = ["aria-label", "title", "disabled"], Bl = { key: 0 }, $l = ["aria-label", "title", "disabled"], Il = { key: 0 }, Wo = {
   __name: "BsPagination",
   props: {
     // Used for all
@@ -4676,56 +4676,56 @@ const on = {
     H(() => {
       i.value ? n.value = i.value : t.variant === "results" ? n.value = B.value[0] : n.value = 1;
     });
-    const i = p(() => t.modelValue || t.selection);
-    j(() => t.selection, (m) => {
-      n.value = m;
-    }), j(() => t.modelValue, (m) => {
-      n.value = m;
-    }), j(n, (m, w) => {
-      w !== null && (l("selchange", m), l("update:modelValue", m));
+    const i = f(() => t.modelValue || t.selection);
+    j(() => t.selection, (p) => {
+      n.value = p;
+    }), j(() => t.modelValue, (p) => {
+      n.value = p;
+    }), j(n, (p, S) => {
+      S !== null && (l("selchange", p), l("update:modelValue", p));
     });
-    const d = p(() => {
+    const d = f(() => {
       if (t.variant === "group")
         return Math.ceil(t.itemsCount / t.itemsPerGroup);
       if (t.variant === "base")
         return t.pageCount;
-    }), o = p(() => t.variant === "base" ? t.centerDisplay === "text" ? "group" : void 0 : t.variant);
+    }), o = f(() => t.variant === "base" ? t.centerDisplay === "text" ? "group" : void 0 : t.variant);
     function s() {
       n.value = 1;
     }
     function r() {
       n.value = Math.max(n.value - 1, 1);
     }
-    function f() {
+    function m() {
       n.value = Math.min(
         n.value + 1,
         d.value
       );
     }
-    function b() {
+    function h() {
       n.value = d.value;
     }
-    const v = p(() => {
+    const v = f(() => {
       if (t.pageCount <= t.pageRange)
         return [...Array(t.pageCount + 1).keys()].slice(1);
-      const m = [1], w = (t.pageRange - 1) / 2;
-      let k = n.value - w, $ = n.value + w;
-      k < 1 && ($ += 1 - k, k = 1), $ > t.pageCount && (k -= $ - t.pageCount, $ = t.pageCount), k = Math.max(k, 2), $ = Math.min($, t.pageCount - 1), k > 2 && m.push(t.breakText);
-      for (let A = k; A <= $; A++)
-        m.push(A);
-      return $ < t.pageCount - 1 && m.push(t.breakText), m.push(t.pageCount), m;
-    }), g = p(() => `${t.centerLabel ?? "Page"} ${n.value} of ${d.value}`), y = p(() => {
-      const m = (n.value - 1) * t.itemsPerGroup + 1, w = Math.min(m - 1 + t.itemsPerGroup, t.itemsCount);
-      return `${t.centerLabel ?? "Results"} ${m} - ${w} of ${t.itemsCount}`;
-    }), B = p(() => t.resultsIncrements.split(",").map((m) => parseInt(m)));
-    return (m, w) => (u(), h("div", {
+      const p = [1], S = (t.pageRange - 1) / 2;
+      let C = n.value - S, $ = n.value + S;
+      C < 1 && ($ += 1 - C, C = 1), $ > t.pageCount && (C -= $ - t.pageCount, $ = t.pageCount), C = Math.max(C, 2), $ = Math.min($, t.pageCount - 1), C > 2 && p.push(t.breakText);
+      for (let M = C; M <= $; M++)
+        p.push(M);
+      return $ < t.pageCount - 1 && p.push(t.breakText), p.push(t.pageCount), p;
+    }), g = f(() => `${t.centerLabel ?? "Page"} ${n.value} of ${d.value}`), y = f(() => {
+      const p = (n.value - 1) * t.itemsPerGroup + 1, S = Math.min(p - 1 + t.itemsPerGroup, t.itemsCount);
+      return `${t.centerLabel ?? "Results"} ${p} - ${S} of ${t.itemsCount}`;
+    }), B = f(() => t.resultsIncrements.split(",").map((p) => parseInt(p)));
+    return (p, S) => (u(), b("div", {
       class: "bs-pagination",
       "data-component": "bs-pagination",
       "data-variant": o.value,
       "data-fixed": t.fixed
     }, [
-      e.variant === "base" || e.variant === "group" ? (u(), h("div", wl, [
-        e.showFirstLastButtons ? (u(), h("button", {
+      e.variant === "base" || e.variant === "group" ? (u(), b("div", dl, [
+        e.showFirstLastButtons ? (u(), b("button", {
           key: 0,
           type: "button",
           class: ie(e.firstPageText ? "bs-pagination-word-caret" : void 0),
@@ -4735,9 +4735,9 @@ const on = {
           onClick: s
         }, [
           P(c(Ut)),
-          e.firstPageText ? (u(), h("span", Bl, V(e.firstPageText), 1)) : C("", !0)
-        ], 10, $l)) : C("", !0),
-        S("button", {
+          e.firstPageText ? (u(), b("span", cl, O(e.firstPageText), 1)) : x("", !0)
+        ], 10, ul)) : x("", !0),
+        w("button", {
           type: "button",
           class: ie(e.prevPageText ? "bs-pagination-word-caret" : void 0),
           "aria-label": e.prevPageText ? void 0 : "Previous Page",
@@ -4746,60 +4746,60 @@ const on = {
           onClick: r
         }, [
           P(c(It)),
-          e.prevPageText ? (u(), h("span", kl, V(e.prevPageText), 1)) : C("", !0)
-        ], 10, Il)
-      ])) : C("", !0),
-      e.variant === "base" && e.centerDisplay === "numbers" ? (u(), h("div", Cl, [
-        (u(!0), h(G, null, ee(v.value, (k) => (u(), h("button", {
-          key: `page-${k}-button`,
+          e.prevPageText ? (u(), b("span", pl, O(e.prevPageText), 1)) : x("", !0)
+        ], 10, fl)
+      ])) : x("", !0),
+      e.variant === "base" && e.centerDisplay === "numbers" ? (u(), b("div", ml, [
+        (u(!0), b(G, null, ee(v.value, (C) => (u(), b("button", {
+          key: `page-${C}-button`,
           type: "button",
-          title: `Page ${k}`,
-          "data-selected": k === n.value,
-          onClick: ($) => n.value = k
-        }, V(k), 9, xl))), 128))
-      ])) : C("", !0),
-      t.variant === "base" && t.centerDisplay === "text" ? (u(), h("span", Tl, V(g.value), 1)) : C("", !0),
-      t.variant === "group" ? (u(), h("span", Al, V(y.value), 1)) : C("", !0),
-      t.variant === "results" ? (u(), h(G, { key: 4 }, [
-        Vl,
-        S("div", Ol, [
-          (u(!0), h(G, null, ee(B.value, (k) => (u(), h("button", {
+          title: `Page ${C}`,
+          "data-selected": C === n.value,
+          onClick: ($) => n.value = C
+        }, O(C), 9, bl))), 128))
+      ])) : x("", !0),
+      t.variant === "base" && t.centerDisplay === "text" ? (u(), b("span", hl, O(g.value), 1)) : x("", !0),
+      t.variant === "group" ? (u(), b("span", vl, O(y.value), 1)) : x("", !0),
+      t.variant === "results" ? (u(), b(G, { key: 4 }, [
+        S[0] || (S[0] = w("span", null, "Results Per Page:", -1)),
+        w("div", gl, [
+          (u(!0), b(G, null, ee(B.value, (C) => (u(), b("button", {
             type: "button",
-            key: `results-${k}`,
-            "data-selected": k === n.value,
-            disabled: n.value === k,
-            onClick: ($) => n.value = k
-          }, V(k), 9, El))), 128))
+            key: `results-${C}`,
+            "data-selected": C === n.value,
+            disabled: n.value === C,
+            onClick: ($) => n.value = C
+          }, O(C), 9, yl))), 128))
         ])
-      ], 64)) : C("", !0),
-      e.variant === "base" || e.variant === "group" ? (u(), h("div", Ll, [
-        S("button", {
+      ], 64)) : x("", !0),
+      e.variant === "base" || e.variant === "group" ? (u(), b("div", Sl, [
+        w("button", {
           type: "button",
           class: ie(e.nextPageText ? "bs-pagination-word-caret" : void 0),
           "aria-label": e.nextPageText ? void 0 : "Next Page",
           title: e.nextPageText,
           disabled: n.value === d.value,
-          onClick: f
+          onClick: m
         }, [
-          e.nextPageText ? (u(), h("span", Pl, V(e.nextPageText), 1)) : C("", !0),
-          P(c(Bt))
-        ], 10, Dl),
-        e.showFirstLastButtons ? (u(), h("button", {
+          e.nextPageText ? (u(), b("span", Bl, O(e.nextPageText), 1)) : x("", !0),
+          P(c($t))
+        ], 10, wl),
+        e.showFirstLastButtons ? (u(), b("button", {
           key: 0,
           type: "button",
           class: ie(e.lastPageText ? "bs-pagination-word-caret" : void 0),
           "aria-label": e.lastPageText ? void 0 : "Last Page",
           title: e.lastPageText,
           disabled: n.value === d.value,
-          onClick: b
+          onClick: h
         }, [
-          e.lastPageText ? (u(), h("span", Ml, V(e.lastPageText), 1)) : C("", !0),
+          e.lastPageText ? (u(), b("span", Il, O(e.lastPageText), 1)) : x("", !0),
           P(c(Gt))
-        ], 10, ql)) : C("", !0)
-      ])) : C("", !0)
-    ], 8, Sl));
+        ], 10, $l)) : x("", !0)
+      ])) : x("", !0)
+    ], 8, sl));
   }
-}, Nl = ["data-truncate"], li = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, kl = ["data-truncate"], Uo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsPill",
   props: {
     active: { type: Boolean, default: !1 },
@@ -4824,7 +4824,7 @@ const on = {
   },
   setup(e) {
     const a = e, { onLinkClick: t } = Fe(a), l = re(), { rootTag: n, attrsToBind: i, hrefUrl: d } = ze(a, l, "span");
-    return (o, s) => (u(), O(te(c(n)), z({
+    return (o, s) => (u(), V(te(c(n)), z({
       class: "bs-pill",
       "data-active": e.active,
       "data-component": "bs-pill",
@@ -4834,27 +4834,27 @@ const on = {
       ".href": c(d)
     }, c(i), { onClick: c(t) }), {
       default: D(() => [
-        S("span", { "data-truncate": e.truncate }, [
+        w("span", { "data-truncate": e.truncate }, [
           E(o.$slots, "default")
-        ], 8, Nl)
+        ], 8, kl)
       ]),
       _: 3
     }, 48, ["data-active", "data-status", "data-variant", "disabled", ".href", "onClick"]));
   }
-}), zl = {
+}), Cl = {
   class: "bs-profile-details",
   "data-component": "bs-profile-details"
-}, Fl = {
+}, xl = {
   class: "bs-profile-name",
   "data-size": "sm",
   "data-weight": "bold"
-}, Rl = {
+}, Tl = {
   key: 1,
   "data-weight": "bold"
-}, jl = { key: 2 }, Wl = { key: 3 }, Ul = {
+}, Al = { key: 2 }, Ol = { key: 3 }, Vl = {
   key: 4,
   "data-icon": "true"
-}, Gl = {
+}, El = {
   __name: "BsProfileDetails",
   props: {
     profileName: {
@@ -4871,40 +4871,40 @@ const on = {
   },
   emits: ["action-toggled"],
   setup(e, { emit: a }) {
-    const t = e, l = a, { icon: n } = Ve(t, "actionIcon"), { icon: i } = Ve(t, "miscMetaIcon");
+    const t = e, l = a, { icon: n } = Oe(t, "actionIcon"), { icon: i } = Oe(t, "miscMetaIcon");
     function d(o) {
       o.target.tagName === "BUTTON" && (o.preventDefault(), o.stopImmediatePropagation(), l("action-toggled"));
     }
-    return (o, s) => (u(), h("div", zl, [
-      e.action || o.$slots.action ? (u(), h("button", {
+    return (o, s) => (u(), b("div", Cl, [
+      e.action || o.$slots.action ? (u(), b("button", {
         key: 0,
         "data-icon": "true",
         onClick: d
       }, [
         E(o.$slots, "action", {}, () => [
-          e.actionIcon ? (u(), O(te(c(n) ? c(n) : "span"), {
+          e.actionIcon ? (u(), V(te(c(n) ? c(n) : "span"), {
             key: 0,
             class: "bs-icon"
-          })) : C("", !0),
-          W(" " + V(e.action), 1)
+          })) : x("", !0),
+          W(" " + O(e.action), 1)
         ])
-      ])) : C("", !0),
-      S("span", Fl, V(e.profileName), 1),
-      e.company ? (u(), h("span", Rl, V(e.company), 1)) : C("", !0),
-      e.jobTitle ? (u(), h("span", jl, V(e.jobTitle), 1)) : C("", !0),
-      e.email ? (u(), h("span", Wl, V(e.email), 1)) : C("", !0),
-      e.miscMeta || o.$slots.misc ? (u(), h("span", Ul, [
+      ])) : x("", !0),
+      w("span", xl, O(e.profileName), 1),
+      e.company ? (u(), b("span", Tl, O(e.company), 1)) : x("", !0),
+      e.jobTitle ? (u(), b("span", Al, O(e.jobTitle), 1)) : x("", !0),
+      e.email ? (u(), b("span", Ol, O(e.email), 1)) : x("", !0),
+      e.miscMeta || o.$slots.misc ? (u(), b("span", Vl, [
         E(o.$slots, "misc", {}, () => [
-          e.miscMetaIcon ? (u(), O(te(c(i) ? c(i) : "span"), {
+          e.miscMetaIcon ? (u(), V(te(c(i) ? c(i) : "span"), {
             key: 0,
             class: "bs-icon"
-          })) : C("", !0),
-          W(" " + V(e.miscMeta), 1)
+          })) : x("", !0),
+          W(" " + O(e.miscMeta), 1)
         ])
-      ])) : C("", !0)
+      ])) : x("", !0)
     ]));
   }
-}, oi = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Go = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsProfile",
   props: {
     layout: {
@@ -4935,7 +4935,7 @@ const on = {
   emits: ["action-toggled"],
   setup(e, { emit: a }) {
     const t = e, l = a, n = re(), { onLinkClick: i } = Fe(t), { rootTag: d, attrsToBind: o, hrefUrl: s } = ze(t, n, "div");
-    return (r, f) => (u(), O(te(c(d)), z({
+    return (r, m) => (u(), V(te(c(d)), z({
       class: "bs-profile",
       ".href": c(s),
       "data-component": "bs-profile",
@@ -4949,7 +4949,7 @@ const on = {
           "profile-name": e.profileName,
           "use-alt-text": !1
         }, null, 8, ["src", "size", "initials", "profile-name"]),
-        P(Gl, {
+        P(El, {
           "profile-name": e.profileName,
           company: e.company,
           "job-title": e.jobTitle,
@@ -4958,7 +4958,7 @@ const on = {
           "action-icon": e.actionIcon,
           "misc-meta": e.miscMeta,
           "misc-meta-icon": e.miscMetaIcon,
-          onActionToggled: f[0] || (f[0] = (b) => l("action-toggled"))
+          onActionToggled: m[0] || (m[0] = (h) => l("action-toggled"))
         }, {
           action: D(() => [
             E(r.$slots, "action")
@@ -4974,7 +4974,7 @@ const on = {
   }
 });
 function Dt(e) {
-  const a = p(() => {
+  const a = f(() => {
     var n;
     switch (e.currentStatus) {
       case void 0:
@@ -4988,7 +4988,7 @@ function Dt(e) {
       default:
         return e.currentStep;
     }
-  }), t = p(() => `${a.value} of ${e.steps.length} completed.`);
+  }), t = f(() => `${a.value} of ${e.steps.length} completed.`);
   function l(n, i) {
     return n || (e.currentStatus ? i < e.currentStep ? "complete" : i === e.currentStep ? e.currentStatus : "not-started" : "not-started");
   }
@@ -4998,7 +4998,7 @@ function Dt(e) {
     getStatus: l
   };
 }
-const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-status"], ii = {
+const Ll = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Dl = ["data-status"], Ho = {
   __name: "BsProgressBar",
   props: {
     /** @type {Status} */
@@ -5027,7 +5027,7 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
   },
   setup(e) {
     const a = e, { progressStep: t, progressText: l, getStatus: n } = Dt(a);
-    return (i, d) => (u(), h("div", {
+    return (i, d) => (u(), b("div", {
       "aria-valuemax": e.steps.length,
       "aria-valuenow": c(t),
       "aria-valuetext": c(l),
@@ -5035,18 +5035,18 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
       "data-component": "bs-progress-bar",
       role: "progressbar"
     }, [
-      (u(!0), h(G, null, ee(e.steps, (o, s) => (u(), h("div", {
+      (u(!0), b(G, null, ee(e.steps, (o, s) => (u(), b("div", {
         class: "bs-step-item",
         "data-status": c(n)(o.status, s),
         "data-variant": "progress",
         key: o.id || o.label,
         role: "status"
       }, [
-        S("span", null, V(o.label || o) + " : " + V(c(n)(o.status, s) || "not started"), 1)
-      ], 8, Kl))), 128))
-    ], 8, Hl));
+        w("span", null, O(o.label || o) + " : " + O(c(n)(o.status, s) || "not started"), 1)
+      ], 8, Dl))), 128))
+    ], 8, Ll));
   }
-}, Yl = ["data-disabled", "data-error", "data-size"], Zl = ["checked", "disabled", "id", "required", "value", "data-error"], ri = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Pl = ["data-disabled", "data-error", "data-size"], ql = ["checked", "disabled", "id", "required", "value", "data-error"], Ko = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsRadio",
   props: {
     label: {
@@ -5090,15 +5090,15 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, [l] = Z(), n = p(() => et.concat(t.passAttrs.split(","))), i = p(() => t.inputId || l.value), d = p(() => t.checked || t.modelValue && t.modelValue === t.value);
-    return (o, s) => (u(), h("div", z({
+    const t = e, [l] = Z(), n = f(() => et.concat(t.passAttrs.split(","))), i = f(() => t.inputId || l.value), d = f(() => t.checked || t.modelValue && t.modelValue === t.value);
+    return (o, s) => (u(), b("div", z({
       class: "bs-boolean",
       "data-component": "bs-radio",
       "data-disabled": e.disabled,
       "data-error": e.error,
       "data-size": e.size
     }, c(Y)(o.$attrs, n.value).remaining), [
-      S("input", z({
+      w("input", z({
         checked: d.value,
         disabled: e.disabled,
         id: o.$attrs.id || i.value,
@@ -5108,8 +5108,8 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
         "data-error": e.error
       }, c(Y)(o.$attrs, n.value).filtered, {
         onChange: s[0] || (s[0] = (r) => o.$emit("update:modelValue", r.target.value))
-      }), null, 16, Zl),
-      e.label || o.$slots.label ? (u(), O(ae, {
+      }), null, 16, ql),
+      e.label || o.$slots.label ? (u(), V(ae, {
         key: 0,
         for: o.$attrs.id || i.value,
         disabled: e.disabled,
@@ -5117,14 +5117,14 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
       }, {
         default: D(() => [
           E(o.$slots, "label", {}, () => [
-            W(V(e.label), 1)
+            W(O(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : C("", !0)
-    ], 16, Yl));
+      }, 8, ["for", "disabled", "required"])) : x("", !0)
+    ], 16, Pl));
   }
-}), Xl = ["id", "disabled", "required", "data-error", "value"], Ql = {
+}), Ml = ["id", "disabled", "required", "data-error", "value"], Nl = {
   __name: "BsSelect",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -5137,8 +5137,8 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = p(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
-    return (n, i) => (u(), h("select", z({
+    const t = e, l = f(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
+    return (n, i) => (u(), b("select", z({
       id: n.$attrs.id || e.inputId,
       class: "bs-select",
       "data-component": "bs-select",
@@ -5150,9 +5150,9 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
       onChange: i[0] || (i[0] = (d) => n.$emit("update:modelValue", d.target.value))
     }), [
       E(n.$slots, "default")
-    ], 16, Xl));
+    ], 16, Ml));
   }
-}, Jl = ["selected", "disabled"], _l = ["disabled", "selected", "value"], si = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, zl = ["selected", "disabled"], Fl = ["disabled", "selected", "value"], Yo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsSelectField",
   props: {
     data: {
@@ -5196,13 +5196,13 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
     modelValue: [String, Number]
   },
   setup(e) {
-    const a = e, [t, l] = Z(2), n = p(() => za.concat(a.passAttrs.split(","))), i = p(() => {
-      var r, f;
-      return ((f = (r = a.hints) == null ? void 0 : r.join) == null ? void 0 : f.call(r, `
+    const a = e, [t, l] = Z(2), n = f(() => Ma.concat(a.passAttrs.split(","))), i = f(() => {
+      var r, m;
+      return ((m = (r = a.hints) == null ? void 0 : r.join) == null ? void 0 : m.call(r, `
 `)) || a.hints;
-    }), d = p(() => a.error && a.errorMsg || a.hint || i.value || void 0), o = p(() => a.inputId || t.value), s = p(() => a.value || a.modelValue);
-    return (r, f) => (u(), h("div", z({ "data-component": "bs-select-field" }, c(Y)(r.$attrs, n.value).remaining), [
-      e.label || r.$slots.label ? (u(), O(ae, {
+    }), d = f(() => a.error && a.errorMsg || a.hint || i.value || void 0), o = f(() => a.inputId || t.value), s = f(() => a.value || a.modelValue);
+    return (r, m) => (u(), b("div", z({ "data-component": "bs-select-field" }, c(Y)(r.$attrs, n.value).remaining), [
+      e.label || r.$slots.label ? (u(), V(ae, {
         key: 0,
         for: r.$attrs.id || o.value,
         disabled: e.disabled,
@@ -5210,46 +5210,46 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
       }, {
         default: D(() => [
           E(r.$slots, "label", {}, () => [
-            W(V(e.label), 1)
+            W(O(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : C("", !0),
-      P(Ql, z({
+      }, 8, ["for", "disabled", "required"])) : x("", !0),
+      P(Nl, z({
         disabled: e.disabled,
         error: e.error,
         "hint-id": c(l),
         "input-id": r.$attrs.id || o.value,
         required: e.required,
         value: s.value,
-        "onUpdate:modelValue": f[0] || (f[0] = (b) => r.$emit("update:modelValue", b))
+        "onUpdate:modelValue": m[0] || (m[0] = (h) => r.$emit("update:modelValue", h))
       }, c(Y)(r.$attrs, n.value).filtered), {
         default: D(() => [
-          S("option", {
+          w("option", {
             selected: !s.value,
             value: "",
             disabled: !!s.value
-          }, V(e.disabled ? "" : e.placeholder), 9, Jl),
-          (u(!0), h(G, null, ee(e.data, (b) => (u(), h("option", {
-            key: b.value,
-            disabled: b.disabled,
-            selected: s.value === b.value,
-            value: b.value
-          }, V(b.label), 9, _l))), 128))
+          }, O(e.disabled ? "" : e.placeholder), 9, zl),
+          (u(!0), b(G, null, ee(e.data, (h) => (u(), b("option", {
+            key: h.value,
+            disabled: h.disabled,
+            selected: s.value === h.value,
+            value: h.value
+          }, O(h.label), 9, Fl))), 128))
         ]),
         _: 1
       }, 16, ["disabled", "error", "hint-id", "input-id", "required", "value"]),
-      d.value ? (u(), O(ge, {
+      d.value ? (u(), V(ge, {
         key: 1,
         "data-disabled": e.disabled,
         error: e.error,
         "error-msg": e.errorMsg,
         hint: e.hint || i.value,
         "hint-id": c(l)
-      }, null, 8, ["data-disabled", "error", "error-msg", "hint", "hint-id"])) : C("", !0)
+      }, null, 8, ["data-disabled", "error", "error-msg", "hint", "hint-id"])) : x("", !0)
     ], 16));
   }
-}), eo = ["id", "name", "value"], to = ["aria-controls", "aria-describedby", "aria-expanded", "aria-invalid", "aria-label", "data-cy", "data-disabled", "data-error", "data-open", "data-placeholder", "data-required", "disabled", "id"], di = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), Rl = ["id", "name", "value"], jl = ["aria-controls", "aria-describedby", "aria-expanded", "aria-invalid", "aria-label", "data-cy", "data-disabled", "data-error", "data-open", "data-placeholder", "data-required", "disabled", "id"], Zo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsSelectWithDropdown",
   props: {
     breakout: {
@@ -5325,15 +5325,15 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
   },
   emits: ["update:model-value"],
   setup(e, { emit: a }) {
-    const t = e, l = a, [n, i] = Z(2), d = re(), o = I(!1), s = p(() => t.selectId || d.id || n.value), r = p(() => t.optionsId || i.value), f = p(() => {
+    const t = e, l = a, [n, i] = Z(2), d = re(), o = I(!1), s = f(() => t.selectId || d.id || n.value), r = f(() => t.optionsId || i.value), m = f(() => {
       if (t.modelValue) {
         const v = t.options.find((g) => g.value === t.modelValue);
         return v ? v.label : t.placeholder;
       }
       return t.placeholder;
-    }), b = p(() => f.value === t.placeholder);
-    return (v, g) => (u(), h("div", null, [
-      e.label || v.$slots.label ? (u(), O(ae, {
+    }), h = f(() => m.value === t.placeholder);
+    return (v, g) => (u(), b("div", null, [
+      e.label || v.$slots.label ? (u(), V(ae, {
         key: 0,
         disabled: e.disabled,
         for: s.value,
@@ -5341,19 +5341,19 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
       }, {
         default: D(() => [
           E(v.$slots, "label", {}, () => [
-            W(V(e.label), 1)
+            W(O(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["disabled", "for", "required"])) : C("", !0),
-      e.inputName || e.inputId ? (u(), h("input", {
+      }, 8, ["disabled", "for", "required"])) : x("", !0),
+      e.inputName || e.inputId ? (u(), b("input", {
         key: 1,
         id: e.inputId,
         name: e.inputName,
         type: "hidden",
         value: e.modelValue
-      }, null, 8, eo)) : C("", !0),
-      P(Vt, {
+      }, null, 8, Rl)) : x("", !0),
+      P(Ot, {
         "anchor-id": s.value,
         breakout: e.breakout,
         "dropdown-position": e.dropdownPosition,
@@ -5370,7 +5370,7 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
         "onUpdate:selectedOption": g[2] || (g[2] = (y) => l("update:model-value", y))
       }, {
         toggle: D(() => [
-          S("button", z({
+          w("button", z({
             "aria-controls": r.value,
             "aria-describedby": e.hintId,
             "aria-expanded": o.value,
@@ -5378,30 +5378,30 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
             "aria-invalid": e.error,
             "aria-label": `${o.value ? "Close" : "Open"} Combobox`,
             class: "bs-select",
-            "data-cy": b.value ? "ignore" : void 0,
+            "data-cy": h.value ? "ignore" : void 0,
             "data-disabled": e.disabled,
             "data-error": e.error,
             "data-open": o.value,
-            "data-placeholder": b.value,
+            "data-placeholder": h.value,
             "data-required": e.required,
             disabled: e.disabled,
             id: s.value,
             role: "combobox"
           }, v.$attrs, {
-            onClick: g[0] || (g[0] = St((y) => o.value = !o.value, ["prevent"]))
+            onClick: g[0] || (g[0] = wt((y) => o.value = !o.value, ["prevent"]))
           }), [
-            S("span", null, V(f.value), 1),
-            e.disabled ? C("", !0) : (u(), O(c(Me), {
+            w("span", null, O(m.value), 1),
+            e.disabled ? x("", !0) : (u(), V(c(Me), {
               key: 0,
               size: "md"
             }))
-          ], 16, to)
+          ], 16, jl)
         ]),
         _: 1
       }, 8, ["anchor-id", "breakout", "dropdown-position", "dropdown-width", "helper-description", "helper-text", "open", "options-id", "options", "selected-option", "toggle-id"])
     ]));
   }
-}), ao = ["data-disabled", "data-size"], no = ["data-disabled", "data-pending", "data-size"], lo = ["checked", "disabled", "id"], oo = ["data-inner-on-label", "data-inner-off-label"], ui = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), Wl = ["data-disabled", "data-size"], Ul = ["data-disabled", "data-pending", "data-size"], Gl = ["checked", "disabled", "id"], Hl = ["data-inner-on-label", "data-inner-off-label"], Xo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsSwitch",
   props: {
     checked: {
@@ -5447,14 +5447,14 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = a, [n] = Z(), i = p(() => et.concat(t.passAttrs.split(","))), d = p(() => t.inputId || n.value), o = p(() => t.checked || t.modelValue);
-    return (s, r) => (u(), h("div", z({
+    const t = e, l = a, [n] = Z(), i = f(() => et.concat(t.passAttrs.split(","))), d = f(() => t.inputId || n.value), o = f(() => t.checked || t.modelValue);
+    return (s, r) => (u(), b("div", z({
       class: "bs-boolean",
       "data-component": "bs-switch",
       "data-disabled": e.disabled,
       "data-size": e.size
     }, c(Y)(s.$attrs, i.value).remaining), [
-      e.label || s.$slots.label ? (u(), O(ae, {
+      e.label || s.$slots.label ? (u(), V(ae, {
         key: 0,
         for: s.$attrs.id || d.value,
         disabled: e.disabled,
@@ -5462,34 +5462,34 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
       }, {
         default: D(() => [
           E(s.$slots, "label", {}, () => [
-            W(V(e.label), 1)
+            W(O(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "hide"])) : C("", !0),
-      S("div", {
+      }, 8, ["for", "disabled", "hide"])) : x("", !0),
+      w("div", {
         class: "bs-switch",
         "data-disabled": e.disabled,
         "data-pending": e.pending,
         "data-size": e.size
       }, [
-        S("input", z({
+        w("input", z({
           checked: o.value,
           disabled: e.disabled,
           id: s.$attrs.id || d.value,
           type: "checkbox"
         }, c(Y)(s.$attrs, i.value).filtered, {
-          onChange: r[0] || (r[0] = (f) => l("update:modelValue", f.target.checked))
-        }), null, 16, lo),
-        S("span", {
+          onChange: r[0] || (r[0] = (m) => l("update:modelValue", m.target.checked))
+        }), null, 16, Gl),
+        w("span", {
           "aria-hidden": "true",
           "data-inner-on-label": e.innerOnLabel,
           "data-inner-off-label": e.innerOffLabel
-        }, null, 8, oo)
-      ], 8, no)
-    ], 16, ao));
+        }, null, 8, Hl)
+      ], 8, Ul)
+    ], 16, Wl));
   }
-}), io = ["aria-controls", "aria-selected", "data-hidden"], ci = {
+}), Kl = ["aria-controls", "aria-selected", "data-hidden"], Qo = {
   __name: "BsTab",
   props: {
     activeTabId: {
@@ -5506,7 +5506,7 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
   },
   emits: ["tabClick"],
   setup(e, { emit: a }) {
-    const t = e, l = re(), n = I(), i = p(() => t.activeTabId === l.id), d = p(() => t.panelId || `${l.id}-panel`);
+    const t = e, l = re(), n = I(), i = f(() => t.activeTabId === l.id), d = f(() => t.panelId || `${l.id}-panel`);
     function o(r) {
       (r.key === "Enter" || r.key === " ") && (r.preventDefault(), r.stopPropagation(), s());
     }
@@ -5516,7 +5516,7 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
         n.value.dispatchEvent(r);
       }
     }
-    return (r, f) => (u(), h("div", {
+    return (r, m) => (u(), b("div", {
       "aria-controls": d.value,
       "aria-selected": i.value ? "true" : "false",
       "data-hidden": e.hidden || void 0,
@@ -5529,9 +5529,9 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
       onKeydown: o
     }, [
       E(r.$slots, "default")
-    ], 40, io));
+    ], 40, Kl));
   }
-}, ro = ["id", "data-resizing"], so = ["aria-controls", "aria-expanded", "data-active", "data-hidden", "id"], uo = 73, co = 20, Ue = 16, fi = {
+}, Yl = ["id", "data-resizing"], Zl = ["aria-controls", "aria-expanded", "data-active", "data-hidden", "id"], Xl = 73, Ql = 20, Ue = 16, Jo = {
   __name: "BsTabList",
   props: {
     activeTabId: { type: String, required: !0 },
@@ -5542,10 +5542,10 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
   },
   emits: ["tabChange", "update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = I(!1), i = I(!1), d = I([]), o = I(!1), s = I(!1), r = I(), f = I([]), b = I(!1), v = I([]), g = I(), y = I([]), B = I(), m = I(), [w, k] = Z(2), $ = p(() => t.activeTabId ? v.value.findIndex((T) => T.id === t.activeTabId) : 0), A = p(() => d.value.some((T) => T.id === t.activeTabId)), x = p(() => `${k.value}-options`), q = p(() => `${k.value}-toggle`), F = p(() => {
+    const t = e, l = a, n = I(!1), i = I(!1), d = I([]), o = I(!1), s = I(!1), r = I(), m = I([]), h = I(!1), v = I([]), g = I(), y = I([]), B = I(), p = I(), [S, C] = Z(2), $ = f(() => t.activeTabId ? v.value.findIndex((T) => T.id === t.activeTabId) : 0), M = f(() => d.value.some((T) => T.id === t.activeTabId)), k = f(() => `${C.value}-options`), A = f(() => `${C.value}-toggle`), F = f(() => {
       var T;
-      return A.value ? (T = v.value[$.value]) == null ? void 0 : T.textContent : "More";
-    }), _ = p(() => A.value ? f.value[$.value] - f.value[$.value - 1] + co + Ue : uo + Ue);
+      return M.value ? (T = v.value[$.value]) == null ? void 0 : T.textContent : "More";
+    }), _ = f(() => M.value ? m.value[$.value] - m.value[$.value - 1] + Ql + Ue : Xl + Ue);
     function J() {
       var de;
       let T = !1, N, U = 0, Q = !1, le = [];
@@ -5555,24 +5555,24 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
             N.dataset.hidden = "true", le.push(N);
             continue;
           }
-          if (U = oe < v.value.length - 1 ? m.value - _.value : m.value, f.value[oe] > U) {
+          if (U = oe < v.value.length - 1 ? p.value - _.value : p.value, m.value[oe] > U) {
             N.dataset.hidden = "true", le.push(N), T = !0, Q = !0;
             continue;
           }
           N.dataset.hidden = "false", N.setAttribute("tabindex", "0");
         }
         s.value = T, d.value = le, n.value || Ae(() => n.value = !0), setTimeout(() => {
-          qt(), M(), b.value = !0;
-        }, b.value ? 25 : 1e3);
+          qt(), q(), h.value = !0;
+        }, h.value ? 25 : 1e3);
       }
     }
     function ne(T) {
       l("tabChange", T), l("update:modelValue", T);
     }
-    function be(T) {
+    function he(T) {
       var Q, le, de;
       const N = (de = (le = (Q = v.value[T]) == null ? void 0 : Q.getBoundingClientRect) == null ? void 0 : le.call(Q)) == null ? void 0 : de.width;
-      return N || (T === 0 ? f.value[0] : f.value[T] - f.value[T - 1]) || 0;
+      return N || (T === 0 ? m.value[0] : m.value[T] - m.value[T - 1]) || 0;
     }
     function ye() {
       var T;
@@ -5590,19 +5590,16 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
       o.value = !1, (N = g.value) == null || N.focus(), ne(T);
     }
     function xe(T) {
-      if (t.withBsTabs)
-        return;
+      if (t.withBsTabs) return;
       const N = T.target.closest('[role="tab"]');
-      if (!N || N.getAttribute("aria-selected") === "true")
-        return;
+      if (!N || N.getAttribute("aria-selected") === "true") return;
       const U = N.getAttribute("id");
       ne(U);
     }
     function Se(T) {
       if (T.key === "ArrowLeft" || T.key === "ArrowRight") {
         const N = y.value.findIndex((U) => U.id === T.target.id);
-        if (N === -1)
-          return;
+        if (N === -1) return;
         T.preventDefault(), T.stopPropagation(), T.key === "ArrowLeft" ? R(N) : L(N);
       }
     }
@@ -5616,19 +5613,19 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
       const N = T === 0 ? y.value.length - 1 : T - 1;
       (U = y.value[N]) == null || U.focus();
     }
-    function M() {
+    function q() {
       var de, oe, it, rt;
-      const T = parseInt(r.value.style.getPropertyValue("--active-line-offset")) || 0, N = m.value;
-      let U = 300, Q = ((oe = (de = y.value) == null ? void 0 : de[$.value]) == null ? void 0 : oe.offsetLeft) || 0, le = be($.value);
-      s.value && A.value && (Q = (it = g.value) == null ? void 0 : it.offsetLeft, le = (rt = g.value) == null ? void 0 : rt.offsetWidth), U = Math.max(Math.abs((Q - T) / N * 300), 100), r.value.style.setProperty("--active-line-max-width", `${N}px`), r.value.style.setProperty("--active-line-scale", `${le / N}`), r.value.style.setProperty("--active-line-offset", `${Q}px`), r.value.style.setProperty("--active-line-transition-duration", `${U}ms`);
+      const T = parseInt(r.value.style.getPropertyValue("--active-line-offset")) || 0, N = p.value;
+      let U = 300, Q = ((oe = (de = y.value) == null ? void 0 : de[$.value]) == null ? void 0 : oe.offsetLeft) || 0, le = he($.value);
+      s.value && M.value && (Q = (it = g.value) == null ? void 0 : it.offsetLeft, le = (rt = g.value) == null ? void 0 : rt.offsetWidth), U = Math.max(Math.abs((Q - T) / N * 300), 100), r.value.style.setProperty("--active-line-max-width", `${N}px`), r.value.style.setProperty("--active-line-scale", `${le / N}`), r.value.style.setProperty("--active-line-offset", `${Q}px`), r.value.style.setProperty("--active-line-transition-duration", `${U}ms`);
     }
     function K() {
       var T, N;
       (N = (T = B.value) == null ? void 0 : T.disconnect) == null || N.call(T), B.value = null;
     }
     function X() {
-      const T = Oe(() => {
-        m.value = r.value.clientWidth, J();
+      const T = Ve(() => {
+        p.value = r.value.clientWidth, J();
       }, 25);
       B.value = new ResizeObserver(T), B.value.observe(document.body);
     }
@@ -5638,17 +5635,15 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
     function Pt() {
       let T;
       v.value.forEach((N, U) => {
-        T = N.getBoundingClientRect().width + Ue, f.value.push(U ? T + f.value[U - 1] : T);
+        T = N.getBoundingClientRect().width + Ue, m.value.push(U ? T + m.value[U - 1] : T);
       });
     }
     function qt() {
       var N, U;
       let T = [];
-      if (typeof window > "u")
-        return T;
+      if (typeof window > "u") return T;
       for (let Q of v.value) {
-        if (((N = Q.dataset) == null ? void 0 : N.hidden) === "true" || ((U = Q.dataset) == null ? void 0 : U.hidden) === "" || Q.getAttribute("tabindex") === "-1")
-          break;
+        if (((N = Q.dataset) == null ? void 0 : N.hidden) === "true" || ((U = Q.dataset) == null ? void 0 : U.hidden) === "" || Q.getAttribute("tabindex") === "-1") break;
         T.push(Q);
       }
       s.value && T.push(r.value.querySelector(".bs-tab-list-toggle")), y.value = T;
@@ -5656,14 +5651,14 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
     return j(() => t.activeTabId, ye), H(() => {
       var T;
       try {
-        Te(), Pt(), X(), m.value = r.value.getBoundingClientRect().width, J(), t.withBsTabs || (T = v.value[$.value]) == null || T.setAttribute("aria-selected", "true");
+        Te(), Pt(), X(), p.value = r.value.getBoundingClientRect().width, J(), t.withBsTabs || (T = v.value[$.value]) == null || T.setAttribute("aria-selected", "true");
       } catch (N) {
         console.log("tab error", N);
       }
-    }), $e(K), (T, N) => (u(), h("div", {
+    }), Be(K), (T, N) => (u(), b("div", {
       class: "bs-tab-list",
       "data-component": "bs-tab-list",
-      id: T.$attrs.id || c(w),
+      id: T.$attrs.id || c(S),
       ref_key: "hostEl",
       ref: r,
       role: "tablist",
@@ -5673,28 +5668,28 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
       onKeydown: Se
     }, [
       E(T.$slots, "default"),
-      S("button", {
-        "aria-controls": c(k),
+      w("button", {
+        "aria-controls": c(C),
         "aria-expanded": o.value,
         class: "bs-tab-list-toggle",
-        "data-active": A.value || void 0,
+        "data-active": M.value || void 0,
         "data-hidden": !s.value,
-        id: q.value,
+        id: A.value,
         ref_key: "dropdownToggle",
         ref: g,
         onClick: Ce
       }, [
         P(c(Ht), { size: "sm" }),
-        W(" " + V(F.value), 1)
-      ], 8, so),
+        W(" " + O(F.value), 1)
+      ], 8, Zl),
       P(Lt, {
-        "anchor-id": q.value,
+        "anchor-id": A.value,
         breakout: "",
-        "container-id": T.$attrs.id || c(w),
+        "container-id": T.$attrs.id || c(S),
         "helper-description": e.helperDescription || void 0,
         "helper-text": e.helperText,
-        id: c(k),
-        "options-id": x.value,
+        id: c(C),
+        "options-id": k.value,
         position: "right",
         preloaded: "",
         shown: o.value,
@@ -5703,22 +5698,22 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
         "onUpdate:modelValue": se
       }, {
         default: D(() => [
-          (u(!0), h(G, null, ee(d.value, (U) => (u(), O(ot, {
+          (u(!0), b(G, null, ee(d.value, (U) => (u(), V(ot, {
             key: U.id,
             value: U.id,
-            "options-id": x.value
+            "options-id": k.value
           }, {
             default: D(() => [
-              W(V(U.textContent), 1)
+              W(O(U.textContent), 1)
             ]),
             _: 2
           }, 1032, ["value", "options-id"]))), 128))
         ]),
         _: 1
       }, 8, ["anchor-id", "container-id", "helper-description", "helper-text", "id", "options-id", "shown"])
-    ], 40, ro));
+    ], 40, Yl));
   }
-}, fo = ["aria-labelledby", "data-active", "id"], pi = {
+}, Jl = ["aria-labelledby", "data-active", "id"], _o = {
   __name: "BsTabPanel",
   props: {
     activeTabId: {
@@ -5731,8 +5726,8 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
     }
   },
   setup(e) {
-    const a = e, t = re(), l = p(() => a.activeTabId && a.activeTabId === a.tabId), n = p(() => t.id || `${a.tabId}-panel`);
-    return (i, d) => (u(), h("section", {
+    const a = e, t = re(), l = f(() => a.activeTabId && a.activeTabId === a.tabId), n = f(() => t.id || `${a.tabId}-panel`);
+    return (i, d) => (u(), b("section", {
       "aria-labelledby": e.tabId,
       "data-active": l.value,
       "data-component": "bs-tab-panel",
@@ -5740,9 +5735,9 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
       role: "tabpanel"
     }, [
       E(i.$slots, "default")
-    ], 8, fo));
+    ], 8, Jl));
   }
-}, po = ["data-error", "id", "rows", "value"], mo = {
+}, _l = ["data-error", "id", "rows", "value"], eo = {
   __name: "BsTextarea",
   props: {
     error: {
@@ -5757,8 +5752,8 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = p(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
-    return (n, i) => (u(), h("textarea", z({
+    const t = e, l = f(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
+    return (n, i) => (u(), b("textarea", z({
       class: "bs-textarea",
       "data-component": "bs-textarea",
       "data-error": e.error,
@@ -5766,9 +5761,9 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
       rows: n.$attrs.rows || 6,
       value: e.value || e.modelValue,
       onInput: i[0] || (i[0] = (d) => n.$emit("update:modelValue", d.target.value))
-    }, l.value), null, 16, po));
+    }, l.value), null, 16, _l));
   }
-}, mi = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, ei = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsTextareaField",
   props: {
     /** Sets the maximum value this textarea will allow. Will also display character count if present. This does not set maxlength, so users are able to enter text that is longer and edit it down. Enforcement of length must be by the developer. */
@@ -5817,40 +5812,40 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, [l, n] = Z(2), i = p(() => Fa.concat(t.passAttrs.split(","))), d = p(() => {
-      var f;
-      return ((f = t.value || t.modelValue) == null ? void 0 : f.length) || 0;
-    }), o = p(() => {
-      var f, b;
-      return ((b = (f = t.hints) == null ? void 0 : f.join) == null ? void 0 : b.call(f, `
+    const t = e, [l, n] = Z(2), i = f(() => Na.concat(t.passAttrs.split(","))), d = f(() => {
+      var m;
+      return ((m = t.value || t.modelValue) == null ? void 0 : m.length) || 0;
+    }), o = f(() => {
+      var m, h;
+      return ((h = (m = t.hints) == null ? void 0 : m.join) == null ? void 0 : h.call(m, `
 `)) || t.hints;
-    }), s = p(() => t.error && t.errorMsg || t.hint || o.value || void 0), r = p(() => t.inputId || l.value);
-    return (f, b) => (u(), h("div", z({ "data-component": "bs-textarea-field" }, c(Y)(f.$attrs, i.value).remaining), [
-      e.label || f.$slots.label ? (u(), O(ae, {
+    }), s = f(() => t.error && t.errorMsg || t.hint || o.value || void 0), r = f(() => t.inputId || l.value);
+    return (m, h) => (u(), b("div", z({ "data-component": "bs-textarea-field" }, c(Y)(m.$attrs, i.value).remaining), [
+      e.label || m.$slots.label ? (u(), V(ae, {
         key: 0,
-        for: f.$attrs.id || r.value,
+        for: m.$attrs.id || r.value,
         disabled: e.disabled,
         required: e.required
       }, {
         default: D(() => [
-          E(f.$slots, "label", {}, () => [
-            W(V(e.label), 1)
+          E(m.$slots, "label", {}, () => [
+            W(O(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : C("", !0),
-      P(mo, z({
+      }, 8, ["for", "disabled", "required"])) : x("", !0),
+      P(eo, z({
         disabled: e.disabled,
         error: e.error,
         "hint-id": c(n),
-        id: f.$attrs.id || r.value,
+        id: m.$attrs.id || r.value,
         placeholder: e.placeholder,
         required: e.required,
         rows: e.rows,
         value: e.value || e.modelValue,
-        "onUpdate:modelValue": b[0] || (b[0] = (v) => f.$emit("update:modelValue", v))
-      }, c(Y)(f.$attrs, i.value).filtered), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "rows", "value"]),
-      s.value || e.charMax ? (u(), O(ge, {
+        "onUpdate:modelValue": h[0] || (h[0] = (v) => m.$emit("update:modelValue", v))
+      }, c(Y)(m.$attrs, i.value).filtered), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "rows", "value"]),
+      s.value || e.charMax ? (u(), V(ge, {
         key: 1,
         "char-count": d.value,
         "char-max": e.charMax,
@@ -5859,19 +5854,19 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
         "error-msg": e.errorMsg,
         hint: e.hint || o.value,
         "hint-id": c(n)
-      }, null, 8, ["char-count", "char-max", "data-disabled", "error", "error-msg", "hint", "hint-id"])) : C("", !0)
+      }, null, 8, ["char-count", "char-max", "data-disabled", "error", "error-msg", "hint", "hint-id"])) : x("", !0)
     ], 16));
   }
 });
-function ho(e) {
+function to(e) {
   const a = /^([01]?[0-9]|2[0-3]):[0-5][0-9]$/.test(e), t = /^([01]?[0-9]|2[0-3])[0-5][0-9]$/.test(e), l = /^([0]?[0-9]|1[0-2]):[0-5][0-9] ?(a|p|am|pm)$/i.test(e), n = /^([0]?[0-9]|1[0-2])[0-5][0-9] ?(a|p|am|pm)$/i.test(e);
   return a ? "uFmt" : t ? "uFmtNoColon" : l ? "amPm" : n ? "amPmNoColon" : "";
 }
 const we = (e) => parseInt(e, 10);
-function bo(e = "") {
+function ao(e = "") {
   const a = /[^0-9:apmAPM]/g;
   let t, l;
-  switch (e = e.replaceAll(a, "").toLowerCase(), ho(e)) {
+  switch (e = e.replaceAll(a, "").toLowerCase(), to(e)) {
     case "uFmt":
     case "uFmtNoColon":
       l = we(e.slice(-2)), t = we(e.slice(0, -2));
@@ -5889,16 +5884,15 @@ function bo(e = "") {
 }
 function ve(e = "") {
   const a = /[^0-9:]/g;
-  if (e = e.replaceAll(a, ""), !e)
-    return "";
+  if (e = e.replaceAll(a, ""), !e) return "";
   const [t, l] = e.split(":"), n = we(t), i = we(l), d = n < 12 ? "AM" : "PM";
   return isNaN(n) || isNaN(i) || n > 23 || i > 59 ? "" : `${n % 12 || 12}:${l} ${d}`;
 }
-function vo(e = "") {
-  const { hours: a, minutes: t } = bo(e);
+function no(e = "") {
+  const { hours: a, minutes: t } = ao(e);
   return isNaN(a) || isNaN(t) ? "" : `${a.toString().padStart(2, "0")}:${t.toString().padStart(2, "0")}`;
 }
-const Ge = "excluded", He = "over", bt = "skip", vt = "stop", Ke = "under", go = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+const Ge = "excluded", He = "over", ht = "skip", vt = "stop", Ke = "under", lo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsTimePicker",
   props: {
     disabled: {
@@ -5965,53 +5959,53 @@ const Ge = "excluded", He = "over", bt = "skip", vt = "stop", Ke = "under", go =
   setup(e, { expose: a, emit: t }) {
     const l = e, n = t, i = I(ve(l.modelValue)), d = I([]), o = I(""), s = I(!1);
     function r() {
-      const w = [];
-      let k = !1;
-      for (let $ = 0; $ < 24 && !k; $++)
-        for (let A = 0; A < 60; A += l.step) {
-          const x = v($, A), q = b(x);
-          if (q !== bt) {
-            if (q === vt) {
-              k = !0;
+      const S = [];
+      let C = !1;
+      for (let $ = 0; $ < 24 && !C; $++)
+        for (let M = 0; M < 60; M += l.step) {
+          const k = v($, M), A = h(k);
+          if (A !== ht) {
+            if (A === vt) {
+              C = !0;
               break;
             }
-            w.push({
-              label: ve(x),
-              value: x
+            S.push({
+              label: ve(k),
+              value: k
             });
           }
         }
-      return w;
+      return S;
     }
-    function f(w) {
-      return w ? l.minTime && w < l.minTime ? Ke : l.maxTime && w > l.maxTime ? He : l.disabledTimes.includes(w) ? Ge : "" : "";
+    function m(S) {
+      return S ? l.minTime && S < l.minTime ? Ke : l.maxTime && S > l.maxTime ? He : l.disabledTimes.includes(S) ? Ge : "" : "";
     }
-    function b(w) {
-      switch (f(w)) {
+    function h(S) {
+      switch (m(S)) {
         case He:
           return vt;
         case Ke:
         case Ge:
-          return bt;
+          return ht;
         default:
           return "";
       }
     }
-    function v(w, k) {
-      return w = w.toString().padStart(2, "0"), k = k.toString().padStart(2, "0"), `${w}:${k}`;
+    function v(S, C) {
+      return S = S.toString().padStart(2, "0"), C = C.toString().padStart(2, "0"), `${S}:${C}`;
     }
-    function g(w) {
-      const k = vo(w);
-      k === l.modelValue && (i.value = ve(l.modelValue)), B(k);
+    function g(S) {
+      const C = no(S);
+      C === l.modelValue && (i.value = ve(l.modelValue)), B(C);
     }
     function y() {
       d.value = r();
     }
-    function B(w) {
-      m(w), n("update:modelValue", w);
+    function B(S) {
+      p(S), n("update:modelValue", S);
     }
-    function m(w) {
-      switch (f(w)) {
+    function p(S) {
+      switch (m(S)) {
         case He:
           o.value = `Time must be before ${ve(l.maxTime)}`, s.value = !0;
           break;
@@ -6035,12 +6029,12 @@ const Ge = "excluded", He = "over", bt = "skip", vt = "stop", Ke = "under", go =
       () => l.maxTime,
       () => l.minTime,
       () => l.modelValue
-    ], () => m(l.modelValue)), j(() => l.modelValue, (w) => {
-      i.value = l.modelValue ? ve(w) : "";
+    ], () => p(l.modelValue)), j(() => l.modelValue, (S) => {
+      i.value = l.modelValue ? ve(S) : "";
     }), a({
       validationErr: s,
       validationErrMsg: o
-    }), (w, k) => (u(), O(Ot, {
+    }), (S, C) => (u(), V(Vt, {
       disabled: e.disabled,
       "display-value": i.value,
       "dropdown-position": e.dropdownPosition,
@@ -6058,7 +6052,7 @@ const Ge = "excluded", He = "over", bt = "skip", vt = "stop", Ke = "under", go =
       "onUpdate:modelValue": g
     }, null, 8, ["disabled", "display-value", "dropdown-position", "dropdown-width", "error", "helper-description", "helper-text", "hint-id", "input-id", "model-value", "options", "placeholder", "required"]));
   }
-}), hi = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), ti = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsTimePickerField",
   props: {
     disabled: {
@@ -6127,21 +6121,21 @@ const Ge = "excluded", He = "over", bt = "skip", vt = "stop", Ke = "under", go =
   },
   emits: ["update:modelValue"],
   setup(e, { expose: a, emit: t }) {
-    const l = e, [n, i] = Z(2), d = I(null), o = p(() => l.errorMsg || b.value), s = p(() => l.error || v.value), r = p(() => l.inputId || n.value), f = p(() => l.hint || s.value && o.value), b = p(() => {
+    const l = e, [n, i] = Z(2), d = I(null), o = f(() => l.errorMsg || h.value), s = f(() => l.error || v.value), r = f(() => l.inputId || n.value), m = f(() => l.hint || s.value && o.value), h = f(() => {
       var g;
       return (g = d.value) == null ? void 0 : g.validationErrMsg;
-    }), v = p(() => {
+    }), v = f(() => {
       var g;
       return (g = d.value) == null ? void 0 : g.validationErr;
     });
     return a({
       validationErr: v,
-      validationErrMsg: b
-    }), (g, y) => (u(), h("div", z({
+      validationErrMsg: h
+    }), (g, y) => (u(), b("div", z({
       "aria-live": "polite",
       "data-component": "bs-time-picker-field"
-    }, c(Y)(g.$attrs, c(he)).remaining), [
-      e.label || g.$slots.label ? (u(), O(ae, {
+    }, c(Y)(g.$attrs, c(be)).remaining), [
+      e.label || g.$slots.label ? (u(), V(ae, {
         key: 0,
         for: g.$attrs.id || r.value,
         disabled: e.disabled,
@@ -6149,12 +6143,12 @@ const Ge = "excluded", He = "over", bt = "skip", vt = "stop", Ke = "under", go =
       }, {
         default: D(() => [
           E(g.$slots, "label", {}, () => [
-            W(V(e.label), 1)
+            W(O(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : C("", !0),
-      P(go, z({
+      }, 8, ["for", "disabled", "required"])) : x("", !0),
+      P(lo, z({
         ref_key: "timePicker",
         ref: d,
         disabled: e.disabled,
@@ -6173,18 +6167,18 @@ const Ge = "excluded", He = "over", bt = "skip", vt = "stop", Ke = "under", go =
         required: e.required,
         step: e.step,
         "onUpdate:modelValue": y[0] || (y[0] = (B) => g.$emit("update:modelValue", B))
-      }, c(Y)(g.$attrs, c(he)).filtered), null, 16, ["disabled", "disabled-times", "dropdown-position", "dropdown-width", "error", "helper-description", "helper-text", "hint-id", "input-id", "max-time", "min-time", "model-value", "placeholder", "required", "step"]),
+      }, c(Y)(g.$attrs, c(be)).filtered), null, 16, ["disabled", "disabled-times", "dropdown-position", "dropdown-width", "error", "helper-description", "helper-text", "hint-id", "input-id", "max-time", "min-time", "model-value", "placeholder", "required", "step"]),
       ue(P(ge, {
         error: s.value,
         "error-msg": o.value,
         hint: e.hint,
         "hint-id": c(i)
       }, null, 8, ["error", "error-msg", "hint", "hint-id"]), [
-        [ce, f.value]
+        [ce, m.value]
       ])
     ], 16));
   }
-}), yo = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], So = ["data-status"], wo = { class: "visually-hidden" }, bi = {
+}), oo = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], io = ["data-status"], ro = { class: "visually-hidden" }, ai = {
   __name: "BsTimeline",
   props: {
     /** @type {Status} */
@@ -6225,7 +6219,7 @@ const Ge = "excluded", He = "over", bt = "skip", vt = "stop", Ke = "under", go =
     function d(o, s) {
       return o = i(o, s), t[o] || dt;
     }
-    return (o, s) => (u(), h("div", {
+    return (o, s) => (u(), b("div", {
       "aria-valuemax": e.steps.length,
       "aria-valuenow": c(l),
       "aria-valuetext": c(n),
@@ -6233,24 +6227,24 @@ const Ge = "excluded", He = "over", bt = "skip", vt = "stop", Ke = "under", go =
       "data-component": "bs-timeline",
       role: "progressbar"
     }, [
-      (u(!0), h(G, null, ee(e.steps, (r, f) => (u(), h("div", {
+      (u(!0), b(G, null, ee(e.steps, (r, m) => (u(), b("div", {
         class: "bs-step-item",
-        "data-status": c(i)(r.status, f),
+        "data-status": c(i)(r.status, m),
         key: r.id || r.label,
         role: "status"
       }, [
-        (u(), O(te(d(r.status, f)), {
+        (u(), V(te(d(r.status, m)), {
           class: "bs-step-icon",
           role: "presentation"
         })),
-        S("p", null, [
-          W(V(r.label || r) + " ", 1),
-          S("span", wo, " : " + V(c(i)(r.status, f) || "not started"), 1)
+        w("p", null, [
+          W(O(r.label || r) + " ", 1),
+          w("span", ro, " : " + O(c(i)(r.status, m) || "not started"), 1)
         ])
-      ], 8, So))), 128))
-    ], 8, yo));
+      ], 8, io))), 128))
+    ], 8, oo));
   }
-}, $o = ["data-variant", "data-shown", "data-stacked"], vi = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, so = ["data-variant", "data-shown", "data-stacked"], ni = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsToast",
   props: {
     shown: {
@@ -6308,15 +6302,15 @@ const Ge = "excluded", He = "over", bt = "skip", vt = "stop", Ke = "under", go =
         o();
       }, t.duration)), l("after-enter");
     }
-    return (r, f) => (u(), O(Pe, {
+    return (r, m) => (u(), V(Pe, {
       name: "bs-toast",
       shown: c(n),
       preloaded: e.preloaded,
       onAfterEnter: s,
-      onAfterLeave: f[0] || (f[0] = (b) => l("after-leave"))
+      onAfterLeave: m[0] || (m[0] = (h) => l("after-leave"))
     }, {
       default: D(() => [
-        S("div", z({
+        w("div", z({
           class: "bs-toast",
           "data-component": "bs-toast",
           "data-variant": e.variant,
@@ -6325,22 +6319,22 @@ const Ge = "excluded", He = "over", bt = "skip", vt = "stop", Ke = "under", go =
           role: "alert"
         }, r.$attrs), [
           E(r.$slots, "default")
-        ], 16, $o)
+        ], 16, so)
       ]),
       _: 3
     }, 8, ["shown", "preloaded"]));
   }
-}), Bo = ["data-stacked"], gi = {
+}), uo = ["data-stacked"], li = {
   __name: "BsToastActions",
   setup(e) {
     const a = I(!1);
     H(() => {
       var n;
-      const l = yt();
+      const l = St();
       ((n = l.default) == null ? void 0 : n.call(l).length) > 2 && (a.value = !0);
     });
     const t = pe("handleDismiss");
-    return (l, n) => (u(), h("div", {
+    return (l, n) => (u(), b("div", {
       class: "bs-toast-actions",
       "data-component": "bs-toast-actions",
       "data-stacked": a.value || void 0
@@ -6351,32 +6345,32 @@ const Ge = "excluded", He = "over", bt = "skip", vt = "stop", Ke = "under", go =
           "text-btn": "",
           onClick: c(t)
         }, {
-          default: D(() => [
+          default: D(() => n[0] || (n[0] = [
             W(" Dismiss ")
-          ]),
+          ])),
           _: 1
         }, 8, ["onClick"])
       ])
-    ], 8, Bo));
+    ], 8, uo));
   }
-}, Io = (e, a) => {
+}, co = (e, a) => {
   const t = e.__vccOpts || e;
   for (const [l, n] of a)
     t[l] = n;
   return t;
-}, ko = {}, Co = {
+}, fo = {}, po = {
   class: "bs-toast-body",
   "data-component": "bs-toast-body"
 };
-function xo(e, a) {
-  return u(), h("div", Co, [
+function mo(e, a) {
+  return u(), b("div", po, [
     E(e.$slots, "default")
   ]);
 }
-const yi = /* @__PURE__ */ Io(ko, [["render", xo]]), To = ["data-variant"], Si = {
+const oi = /* @__PURE__ */ co(fo, [["render", mo]]), bo = ["data-variant"], ii = {
   __name: "BsToastHeader",
   setup(e) {
-    const a = pe("variant"), t = p(() => {
+    const a = pe("variant"), t = f(() => {
       switch (a) {
         case "warning":
           return Xe;
@@ -6388,28 +6382,28 @@ const yi = /* @__PURE__ */ Io(ko, [["render", xo]]), To = ["data-variant"], Si =
           return kt;
       }
     });
-    return (l, n) => (u(), h("div", {
+    return (l, n) => (u(), b("div", {
       class: "bs-toast-header",
       "data-component": "bs-toast-header",
       "data-variant": c(a)
     }, [
-      (u(), O(te(t.value), { class: "bs-toast-header-icon" })),
-      S("h5", null, [
+      (u(), V(te(t.value), { class: "bs-toast-header-icon" })),
+      w("h5", null, [
         E(l.$slots, "default")
       ])
-    ], 8, To));
+    ], 8, bo));
   }
-}, Ao = {
+}, ho = {
   class: "bs-toaster",
   "data-component": "bs-toaster"
-}, wi = {
+}, ri = {
   __name: "BsToaster",
   setup(e) {
-    return fe("stacked", !0), (a, t) => (u(), h("div", Ao, [
+    return fe("stacked", !0), (a, t) => (u(), b("div", ho, [
       E(a.$slots, "default")
     ]));
   }
-}, Vo = ["data-position"], Oo = ["id"], $i = {
+}, vo = ["data-position"], go = ["id"], si = {
   __name: "BsTooltip",
   props: {
     tooltipId: {
@@ -6436,7 +6430,7 @@ const yi = /* @__PURE__ */ Io(ko, [["render", xo]]), To = ["data-variant"], Si =
     }
   },
   setup(e) {
-    const a = e, t = I(!1), l = I(!1), n = p(() => {
+    const a = e, t = I(!1), l = I(!1), n = f(() => {
       let o = "bs-tooltip-text";
       return l.value && (a.position === void 0 || a.position === "top" || a.position === "bottom" ? o += " escaped-x" : a.position === "left" || a.position === "right" ? o += " escaped-y" : o += " escaped"), o;
     });
@@ -6449,7 +6443,7 @@ const yi = /* @__PURE__ */ Io(ko, [["render", xo]]), To = ["data-variant"], Si =
     function d() {
       t.value = !1, l.value = !1;
     }
-    return (o, s) => (u(), h("div", {
+    return (o, s) => (u(), b("div", {
       class: "bs-tooltip",
       "data-position": e.position || void 0,
       "data-component": "bs-tooltip",
@@ -6459,15 +6453,15 @@ const yi = /* @__PURE__ */ Io(ko, [["render", xo]]), To = ["data-variant"], Si =
       onFocusout: d
     }, [
       E(o.$slots, "default"),
-      e.content ? (u(), h("div", {
+      e.content ? (u(), b("div", {
         key: 0,
         class: ie(n.value),
         id: e.tooltipId,
         role: "tooltip"
-      }, V(e.content), 11, Oo)) : C("", !0)
-    ], 40, Vo));
+      }, O(e.content), 11, go)) : x("", !0)
+    ], 40, vo));
   }
-}, Eo = {
+}, yo = {
   accordion: "[data-component=bs-accordion]",
   badge: "[data-component=bs-badge]",
   banner: "[data-component=bs-banner]",
@@ -6524,69 +6518,69 @@ const yi = /* @__PURE__ */ Io(ko, [["render", xo]]), To = ["data-variant"], Si =
   toastHeader: "[data-component=bs-toast-header]",
   toaster: "[data-component=bs-toaster]",
   tooltip: "[data-component=bs-tooltip]"
-}, Bi = {
-  bsSelectors: Eo
+}, di = {
+  bsSelectors: yo
 };
 export {
-  Ro as BsAccordion,
+  xo as BsAccordion,
   wa as BsBadge,
-  jo as BsBanner,
+  To as BsBanner,
   ka as BsButton,
-  Wo as BsCalendar,
-  Uo as BsCaretButton,
-  Go as BsCaretTextButton,
-  Ho as BsChartBar,
-  Ko as BsCheckbox,
+  Ao as BsCalendar,
+  Oo as BsCaretButton,
+  Vo as BsCaretTextButton,
+  Eo as BsChartBar,
+  Lo as BsCheckbox,
   xt as BsCircleButton,
   lt as BsDropdown,
-  Ot as BsDropdownCombobox,
-  Yo as BsDropdownComboboxField,
+  Vt as BsDropdownCombobox,
+  Do as BsDropdownComboboxField,
   Et as BsDropdownMultiselect,
   ot as BsDropdownOption,
   qe as BsDropdownOptionBuilder,
   Re as BsDropdownOptionList,
   Lt as BsDropdownWithOptions,
-  Vt as BsDropdownWithToggle,
-  Zo as BsEmptyState,
+  Ot as BsDropdownWithToggle,
+  Po as BsEmptyState,
   ge as BsFieldDetails,
-  $n as BsFilterButton,
-  Xo as BsFlyout,
-  Qo as BsIconGradientWrapper,
+  Sn as BsFilterButton,
+  qo as BsFlyout,
+  Mo as BsIconGradientWrapper,
   Ie as BsInput,
   De as BsInputAddon,
-  Jo as BsInputField,
-  _o as BsInputPhone,
-  el as BsInputSearch,
-  ei as BsInputTypeahead,
+  No as BsInputField,
+  zo as BsInputPhone,
+  Xn as BsInputSearch,
+  Fo as BsInputTypeahead,
   ae as BsLabel,
-  ti as BsLoader,
-  ai as BsModal,
-  vl as BsOverlay,
-  ni as BsPagination,
-  li as BsPill,
-  oi as BsProfile,
-  Gl as BsProfileDetails,
+  Ro as BsLoader,
+  jo as BsModal,
+  ol as BsOverlay,
+  Wo as BsPagination,
+  Uo as BsPill,
+  Go as BsProfile,
+  El as BsProfileDetails,
   At as BsProfileImg,
-  ii as BsProgressBar,
-  ri as BsRadio,
-  Ql as BsSelect,
-  si as BsSelectField,
-  di as BsSelectWithDropdown,
-  ht as BsSpinner,
-  ui as BsSwitch,
-  ci as BsTab,
-  fi as BsTabList,
-  pi as BsTabPanel,
-  mo as BsTextarea,
-  mi as BsTextareaField,
-  go as BsTimePicker,
-  hi as BsTimePickerField,
-  bi as BsTimeline,
-  vi as BsToast,
-  gi as BsToastActions,
-  yi as BsToastBody,
-  Si as BsToastHeader,
-  wi as BsToaster,
-  $i as BsTooltip,
-  Bi as bsSelectors
+  Ho as BsProgressBar,
+  Ko as BsRadio,
+  Nl as BsSelect,
+  Yo as BsSelectField,
+  Zo as BsSelectWithDropdown,
+  bt as BsSpinner,
+  Xo as BsSwitch,
+  Qo as BsTab,
+  Jo as BsTabList,
+  _o as BsTabPanel,
+  eo as BsTextarea,
+  ei as BsTextareaField,
+  lo as BsTimePicker,
+  ti as BsTimePickerField,
+  ai as BsTimeline,
+  ni as BsToast,
+  li as BsToastActions,
+  oi as BsToastBody,
+  ii as BsToastHeader,
+  ri as BsToaster,
+  si as BsTooltip,
+  di as bsSelectors
 };