@wwtdev/bsds-components-vue3 2.3.3 → 2.3.5

package/lib/bsds-components.js

@@ -1,9 +1,9 @@
-import { computed as p, ref as m, onMounted as W, onUnmounted as oe, shallowRef as ut, watch as N, defineAsyncComponent as Re, openBlock as u, createElementBlock as v, unref as f, createElementVNode as g, renderSlot as E, createBlock as V, resolveDynamicComponent as J, createCommentVNode as w, toDisplayString as T, createVNode as D, normalizeClass as ae, Fragment as j, useAttrs as ie, mergeProps as z, withCtx as O, toHandlers as Pe, onBeforeUnmount as at, onBeforeMount as nt, createTextVNode as F, renderList as Z, withDirectives as Be, Transition as Ke, vShow as $e, provide as re, Teleport as ct, normalizeStyle as ft, inject as se, withModifiers as Ye, nextTick as me, isRef as pt, useSlots as vt } from "vue";
-import { v4 as lt } from "uuid";
-import { BsIconCaretDown as ot, BsIconWarning as ze, BsIconClose as Se, BsIconCalendar as it, BsIconCaretSort as ht, BsIconSearch as bt, BsIconCaretLeftDouble as mt, BsIconCaretLeft as gt, BsIconCaretRight as yt, BsIconCaretRightDouble as Bt, BsIconActionEllipsis as $t, BsIconCircleExclamation as St, BsIconThumbsUpStroke as wt } from "@wwtdev/bsds-icons-vue3";
-import { DatePicker as kt } from "v-calendar";
-import { Chart as qe, BarController as It, BarElement as Ct, CategoryScale as Tt, LinearScale as xt, Legend as At, Tooltip as Lt } from "chart.js";
-import { getSupportedCallingCodes as Vt, getRegionCodeForCountryCode as Et, parsePhoneNumber as Qe } from "awesome-phonenumber";
+import { computed as v, ref as m, onMounted as Y, onUnmounted as de, shallowRef as ft, watch as z, defineAsyncComponent as je, openBlock as d, createElementBlock as b, unref as p, createElementVNode as $, renderSlot as D, createBlock as L, resolveDynamicComponent as _, createCommentVNode as k, toDisplayString as x, createVNode as V, normalizeClass as ne, Fragment as G, useAttrs as le, mergeProps as M, withCtx as E, toHandlers as ze, onBeforeUnmount as at, onBeforeMount as nt, nextTick as pe, createTextVNode as H, renderList as J, withDirectives as Se, Transition as Ye, vShow as we, useSlots as lt, provide as ue, Teleport as pt, h as se, inject as ce, createSlots as vt, isRef as ht } from "vue";
+import { v4 as ot } from "uuid";
+import { BsIconCaretDown as it, BsIconWarning as Ne, BsIconClose as ke, BsIconCalendar as rt, BsIconCaretSort as bt, BsIconSearch as mt, BsIconCaretLeftDouble as gt, BsIconCaretLeft as yt, BsIconCaretRight as Bt, BsIconCaretRightDouble as $t, BsIconActionEllipsis as St, BsIconCircleExclamation as wt, BsIconThumbsUpStroke as kt } from "@wwtdev/bsds-icons-vue3";
+import { DatePicker as It } from "v-calendar";
+import { Chart as Pe, BarController as Ct, BarElement as Tt, CategoryScale as xt, LinearScale as At, Legend as Lt, Tooltip as Vt } from "chart.js";
+import { getSupportedCallingCodes as Et, getRegionCodeForCountryCode as Dt, parsePhoneNumber as Qe } from "awesome-phonenumber";
 const Xe = {
   href: "a",
   linkTo: "a",
@@ -11,116 +11,117 @@ const Xe = {
   onClick: "button",
   type: "button"
 };
-function we(e, a, t = "button") {
-  const n = Dt(e, a, t), l = p(() => {
-    const i = n.value === "button", o = {};
-    return i ? (o.type = a.type || "button", o.autocomplete = "off", e.disabled && (o.disabled = !0)) : e.disabled && (o["aria-disabled"] = "true", o.tabindex = "-1"), o;
-  }), r = p(() => {
-    const i = { ...a, ...l.value };
-    return delete i.href, i;
-  }), d = p(() => e.linkTo || e.href);
-  return { rootTag: n, attrsToBind: r, hrefUrl: d };
+function Ie(e, a, t = "button") {
+  const n = Ot(e, a, t), l = v(() => {
+    const o = n.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 = v(() => {
+    const o = { ...a, ...l.value };
+    return delete o.href, o;
+  }), u = v(() => e.linkTo || e.href);
+  return { rootTag: n, attrsToBind: i, hrefUrl: u };
 }
-function Dt(e, a, t) {
-  const n = Object.keys(Xe).find((l) => Ot(e, a, l));
+function Ot(e, a, t) {
+  const n = Object.keys(Xe).find((l) => qt(e, a, l));
   return m(Xe[n] || t);
 }
-function Ot(e, a, t) {
+function qt(e, a, t) {
   return e[t] || a[t];
 }
-const qt = (e, a) => {
+const Pt = (e, a) => {
   const t = (n) => {
     e.some((l) => {
-      var r;
-      return (r = l.value) == null ? void 0 : r.contains(n.target);
+      var i;
+      return (i = l.value) == null ? void 0 : i.contains(n.target);
     }) || a(n);
   };
-  W(() => {
+  Y(() => {
     document.addEventListener("click", t);
-  }), oe(() => {
+  }), de(() => {
     document.removeEventListener("click", t);
   });
 };
-function ke(e) {
-  const a = p(() => e.linkTo || e.href || ""), t = p(() => {
-    var r, d;
-    return ((d = (r = a.value) == null ? void 0 : r.startsWith) == null ? void 0 : d.call(r, "/")) || !1;
-  }), n = p(() => {
-    var r, d;
-    return t.value && ((r = e.router) == null ? void 0 : r.navigateTo) || ((d = e.router) == null ? void 0 : d.push) || null;
+function Ce(e) {
+  const a = v(() => e.linkTo || e.href || ""), t = v(() => {
+    var i, u;
+    return ((u = (i = a.value) == null ? void 0 : i.startsWith) == null ? void 0 : u.call(i, "/")) || !1;
+  }), n = v(() => {
+    var i, u;
+    return t.value && ((i = e.router) == null ? void 0 : i.navigateTo) || ((u = e.router) == null ? void 0 : u.push) || null;
   });
-  function l(r) {
+  function l(i) {
     if (e.disabled) {
-      r.preventDefault(), r.stopImmediatePropagation();
+      i.preventDefault(), i.stopImmediatePropagation();
       return;
     }
     if (!a.value || !n.value)
       return;
-    r.target.closest("a").href === `${window.location.origin}${a.value}` && (r.preventDefault(), n.value(a.value));
+    i.target.closest("a").href === `${window.location.origin}${a.value}` && (i.preventDefault(), n.value(a.value));
   }
   return { onLinkClick: l };
 }
 function Ze(e) {
   return e.split("-").map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join("");
 }
-const ge = (e, a) => {
+const ye = (e, a) => {
   function t(l) {
     if (!l)
       return null;
-    const r = l.startsWith("bs-") ? Ze(l) : `BsIcon${Ze(l)}`;
-    return Re(async () => {
-      const { [r]: d } = await import("@wwtdev/bsds-icons-vue3");
-      return d;
+    const i = l.startsWith("bs-") ? Ze(l) : `BsIcon${Ze(l)}`;
+    return je(async () => {
+      const { [i]: u } = await import("@wwtdev/bsds-icons-vue3");
+      return u;
     });
   }
-  const n = ut();
-  return n.value = t(e[a]), N(() => e[a], async (l) => n.value = t(l)), { icon: n };
+  const n = ft();
+  return n.value = t(e[a]), z(() => e[a], async (l) => n.value = t(l)), { icon: n };
 };
-function X(e = 1) {
+function Z(e = 1) {
   const a = [];
   for (let t = 0; t < e; t++)
     a.push(m(""));
-  return W(() => {
-    a.forEach((t) => t.value = `id-${lt()}`);
+  return Y(() => {
+    a.forEach((t) => t.value = `id-${ot()}`);
   }), a;
 }
-const Ie = (e, a, t = void 0) => {
+const Te = (e, a, t = void 0) => {
   const n = (l) => {
     e.includes(l.key) && a(l);
   };
-  W(() => {
+  Y(() => {
     ((t == null ? void 0 : t.value) ?? document).addEventListener("keydown", n);
-  }), oe(() => {
+  }), de(() => {
     ((t == null ? void 0 : t.value) ?? document).removeEventListener("keydown", n);
   });
 }, Mt = (e, a, t) => {
   let n = null;
-  W(() => {
+  Y(() => {
     n = new MutationObserver(a), n.observe(e.value, t);
-  }), oe(() => {
+  }), de(() => {
     n.disconnect();
   });
-}, fe = (e) => {
+}, ve = (e) => {
   const a = m(!1);
-  return W(() => {
+  return Y(() => {
     e.enterControlled ? a.value = e.enterTrigger : a.value = e.shown;
-  }), N(() => e.shown, (t) => {
+  }), z(() => e.shown, (t) => {
     a.value = t;
-  }), N(() => e.enterTrigger, (t) => {
+  }), z(() => e.enterTrigger, (t) => {
     a.value = t;
-  }), N(() => e.leaveTrigger, (t) => {
+  }), z(() => e.leaveTrigger, (t) => {
     t && (a.value = !1);
   }), { transition: a };
-}, Pt = ["id", "data-stacked"], zt = ["data-open"], Nt = ["aria-controls", "aria-expanded"], Rt = {
+}, zt = ["id", "data-stacked"], Nt = ["data-open"], Rt = ["aria-controls", "aria-expanded"], jt = {
   key: 0,
   "data-position": "start",
   style: { display: "inline-flex" }
-}, jt = ["id", "aria-level"], Ft = ["aria-labelledby", "data-open", "id"], Ll = {
+}, Ft = ["id"], Ut = ["aria-labelledby", "data-open", "id"], Al = {
   __name: "BsAccordion",
   props: {
     controlled: { type: Boolean, default: !1 },
     icon: { type: String },
     headerText: { type: String, required: !0 },
+    /** @Deprecated */
     headingLevel: {
       type: Number,
       validator: (e) => [2, 3, 4, 5].includes(e)
@@ -131,59 +132,55 @@ const Ie = (e, a, t = void 0) => {
   },
   emits: ["toggled"],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = m(null), r = m(!1), { icon: d } = ge(t, "icon"), [i] = X(), o = p(() => i.value + "-content"), s = p(() => i.value + "-title"), c = p(() => t.openItemId && t.openItemId === i.value || t.openItem === !0), h = p(() => t.controlled ? c.value : r.value);
-    function I() {
-      n("toggled", i.value), t.controlled || (r.value = !r.value);
+    const t = e, n = a, l = m(null), i = m(!1), { icon: u } = ye(t, "icon"), [o] = Z(), s = v(() => o.value + "-content"), r = v(() => o.value + "-title"), c = v(() => t.openItemId && t.openItemId === o.value || t.openItem === !0), f = v(() => t.controlled ? c.value : i.value);
+    function T() {
+      n("toggled", o.value), t.controlled || (i.value = !i.value);
     }
-    return ($, x) => (u(), v("div", {
-      id: f(i),
+    return (y, S) => (d(), b("div", {
+      id: p(o),
       ref_key: "containerRef",
       ref: l,
       class: "bs-accordion",
       "data-component": "bs-accordion",
       "data-stacked": e.stacked
     }, [
-      g("header", {
+      $("header", {
         part: "header",
-        "data-open": h.value
+        "data-open": f.value
       }, [
-        g("button", {
-          "aria-controls": o.value,
-          "aria-expanded": h.value,
+        $("button", {
+          "aria-controls": s.value,
+          "aria-expanded": f.value,
           type: "button",
-          onClick: I
+          onClick: T
         }, [
-          e.icon || $.$slots.icon ? (u(), v("span", Rt, [
-            E($.$slots, "icon", {}, () => [
-              e.icon ? (u(), V(J(f(d) ? f(d) : "span"), { key: 0 })) : w("", !0)
+          e.icon || y.$slots.icon ? (d(), b("span", jt, [
+            D(y.$slots, "icon", {}, () => [
+              e.icon ? (d(), L(_(p(u) ? p(u) : "span"), { key: 0 })) : k("", !0)
             ])
-          ])) : w("", !0),
-          g("span", {
-            id: s.value,
-            "aria-level": e.headingLevel,
-            role: "heading"
-          }, T(e.headerText), 9, jt),
-          D(f(ot), {
+          ])) : k("", !0),
+          $("span", { id: r.value }, x(e.headerText), 9, Ft),
+          V(p(it), {
             size: "md",
             "data-position": "end"
           })
-        ], 8, Nt)
-      ], 8, zt),
-      g("div", {
-        "aria-labelledby": s.value,
+        ], 8, Rt)
+      ], 8, Nt),
+      $("div", {
+        "aria-labelledby": r.value,
         class: "bs-accordion-content",
-        "data-open": h.value,
-        id: o.value,
+        "data-open": f.value,
+        id: s.value,
         part: "content",
         role: "region"
       }, [
-        g("div", null, [
-          E($.$slots, "default")
+        $("div", null, [
+          D(y.$slots, "default")
         ])
-      ], 8, Ft)
-    ], 8, Pt));
+      ], 8, Ut)
+    ], 8, zt));
   }
-}, Ut = ["data-badge-color", "data-count", "data-position", "data-show-zero", "data-variant", "aria-label"], Wt = {
+}, Wt = ["aria-label", "data-badge-color", "data-count", "data-position", "data-show-zero", "data-variant"], Gt = {
   __name: "BsBadge",
   props: {
     /** Pass value to set `data-badge-color`. */
@@ -230,34 +227,35 @@ const Ie = (e, a, t = void 0) => {
     }
   },
   setup(e) {
-    const a = e, t = m(null), n = p(() => a.count === 0 ? "0" : !a.count || a.dot ? null : a.count > a.countMax ? a.countMax + "+" : a.count.toString()), l = p(() => {
-      var o, s;
-      const r = ((s = (o = t.value) == null ? void 0 : o.textContent) == null ? void 0 : s.trim()) || "", d = n.value ? n.value + " " : "";
-      if (!d && !a.dot)
-        return r;
-      const i = a.count !== 1 ? "s" : "";
-      return `${r ? `${r}, ` : ""}${d}${a.label}${i}`;
+    const a = e, t = m(null), n = v(() => a.count === 0 ? "0" : !a.count || a.dot ? null : a.count > a.countMax ? a.countMax + "+" : a.count.toString()), l = v(() => {
+      var s, r;
+      const i = ((r = (s = t.value) == null ? void 0 : s.textContent) == null ? void 0 : r.trim()) || "", u = n.value ? n.value + " " : "";
+      if (!u && !a.dot)
+        return i;
+      const o = a.count !== 1 ? "s" : "";
+      return `${i ? `${i}, ` : ""}${u}${a.label}${o}`;
     });
-    return (r, d) => (u(), v("span", {
+    return (i, u) => (d(), b("span", {
       ref_key: "hostRef",
       ref: t,
-      class: ae({ "bs-badge": e.dot || n.value }),
+      "aria-label": l.value,
+      class: ne({ "bs-badge": e.dot || n.value }),
       "data-badge-color": e.color,
       "data-component": "bs-badge",
       "data-count": n.value,
       "data-position": e.position,
       "data-show-zero": e.showZero,
       "data-variant": e.variant,
-      "aria-label": l.value
+      role: "status"
     }, [
-      e.variant !== "notext" ? E(r.$slots, "default", { key: 0 }) : w("", !0)
-    ], 10, Ut));
+      e.variant !== "notext" ? D(i.$slots, "default", { key: 0 }) : k("", !0)
+    ], 10, Wt));
   }
-}, Gt = {
+}, Ht = {
   key: 0,
   role: "alert",
   class: "bs-banner"
-}, Ht = { class: "bs-banner-content" }, Kt = { class: "bs-banner-warning-icon" }, Vl = {
+}, Kt = { class: "bs-banner-content" }, Yt = { class: "bs-banner-warning-icon" }, Ll = {
   __name: "BsBanner",
   emits: ["dismiss"],
   setup(e, { emit: a }) {
@@ -265,28 +263,28 @@ const Ie = (e, a, t = void 0) => {
     function l() {
       n.value = !0, t("dismiss");
     }
-    return (r, d) => n.value ? w("", !0) : (u(), v("div", Gt, [
-      g("div", Ht, [
-        g("div", Kt, [
-          D(f(ze), { size: "lg" })
+    return (i, u) => n.value ? k("", !0) : (d(), b("div", Ht, [
+      $("div", Kt, [
+        $("div", Yt, [
+          V(p(Ne), { size: "lg" })
         ]),
-        g("p", null, [
-          E(r.$slots, "default")
+        $("p", null, [
+          D(i.$slots, "default")
         ]),
-        g("button", {
+        $("button", {
           type: "button",
           title: "Close Banner",
           onClick: l
         }, [
-          D(f(Se))
+          V(p(ke))
         ])
       ])
     ]));
   }
-}, Yt = {
+}, Qt = {
   class: "bs-field-details",
   "data-component": "bs-field-details"
-}, Qt = ["id", "data-error"], Xt = ["data-error"], pe = {
+}, Xt = ["id", "data-error"], Zt = ["data-error"], he = {
   __name: "BsFieldDetails",
   props: {
     /** The number of characters that have been entered by the user.  */
@@ -306,26 +304,26 @@ const Ie = (e, a, t = void 0) => {
     hintId: String
   },
   setup(e) {
-    const a = e, t = p(() => a.error && a.errorMsg || a.hint);
-    return (n, l) => (u(), v("div", Yt, [
-      t.value ? (u(), v("span", {
+    const a = e, t = v(() => a.error && a.errorMsg || a.hint);
+    return (n, l) => (d(), b("div", Qt, [
+      t.value ? (d(), b("span", {
         key: 0,
         id: e.hintId,
         class: "bs-hint",
         "data-error": e.error
-      }, T(t.value), 9, Qt)) : w("", !0),
-      e.charMax ? (u(), v("span", {
+      }, x(t.value), 9, Xt)) : k("", !0),
+      e.charMax ? (d(), 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
-      }, T(a.charCount || "0") + " / " + T(a.charMax), 9, Xt)) : w("", !0)
+      }, x(a.charCount || "0") + " / " + x(a.charMax), 9, Zt)) : k("", !0)
     ]));
   }
-}, Zt = ["data-disabled", "for"], Jt = /* @__PURE__ */ g("span", {
+}, Jt = ["data-disabled", "for"], _t = /* @__PURE__ */ $("span", {
   "data-required": "true",
   "aria-hidden": "true"
-}, " *", -1), _t = /* @__PURE__ */ g("span", { class: "visually-hidden" }, "required", -1), ne = {
+}, " *", -1), ea = /* @__PURE__ */ $("span", { class: "visually-hidden" }, "required", -1), oe = {
   __name: "BsLabel",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -334,22 +332,22 @@ const Ie = (e, a, t = void 0) => {
     required: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (a, t) => (u(), v("label", {
-      class: ae(["bs-label", e.hide ? "visually-hidden" : ""]),
+    return (a, t) => (d(), b("label", {
+      class: ne(["bs-label", e.hide ? "visually-hidden" : ""]),
       "data-component": "bs-label",
       "data-disabled": e.disabled,
       for: e.for
     }, [
-      g("span", null, [
-        E(a.$slots, "default")
+      $("span", null, [
+        D(a.$slots, "default")
       ]),
-      e.required ? (u(), v(j, { key: 0 }, [
-        Jt,
-        _t
-      ], 64)) : w("", !0)
-    ], 10, Zt));
+      e.required ? (d(), b(G, { key: 0 }, [
+        _t,
+        ea
+      ], 64)) : k("", !0)
+    ], 10, Jt));
   }
-}, ea = ["data-error", "id", "value"], ve = {
+}, ta = ["data-error", "id", "value"], be = {
   __name: "BsInput",
   props: {
     error: {
@@ -364,21 +362,21 @@ const Ie = (e, a, t = void 0) => {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = ie(), r = p(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
-    function d(i) {
-      const o = l.type === "number" ? parseInt(i.target.value) : i.target.value;
-      n("update:modelValue", o);
+    const t = e, n = a, l = le(), i = v(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
+    function u(o) {
+      const s = l.type === "number" ? parseInt(o.target.value) : o.target.value;
+      n("update:modelValue", s);
     }
-    return (i, o) => (u(), v("input", z({
+    return (o, s) => (d(), b("input", M({
       class: "bs-input",
       "data-component": "bs-input",
       "data-error": e.error,
-      id: i.$attrs.id || e.inputId,
+      id: o.$attrs.id || e.inputId,
       value: e.value || e.modelValue,
-      onInput: d
-    }, r.value), null, 16, ea));
+      onInput: u
+    }, i.value), null, 16, ta));
   }
-}, ta = ["data-disabled", "data-error", "data-variant", "data-multifocus"], Ce = {
+}, aa = ["data-disabled", "data-error", "data-variant", "data-multifocus"], xe = {
   __name: "BsInputAddon",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -387,7 +385,7 @@ const Ie = (e, a, t = void 0) => {
     variant: { type: String, validator: (e) => e === "inner-bordered" }
   },
   setup(e) {
-    return (a, t) => (u(), v("div", {
+    return (a, t) => (d(), b("div", {
       class: "bs-input-addon",
       "data-component": "bs-input-addon",
       "data-disabled": e.disabled,
@@ -395,10 +393,10 @@ const Ie = (e, a, t = void 0) => {
       "data-variant": e.variant,
       "data-multifocus": e.multifocus
     }, [
-      E(a.$slots, "default")
-    ], 8, ta));
+      D(a.$slots, "default")
+    ], 8, aa));
   }
-}, aa = {
+}, na = {
   __name: "BsInputDateSingle",
   props: {
     disabled: {
@@ -431,35 +429,35 @@ const Ie = (e, a, t = void 0) => {
     }
   },
   setup(e) {
-    return (a, t) => (u(), V(Ce, {
+    return (a, t) => (d(), L(xe, {
       disabled: e.disabled,
       error: e.error
     }, {
-      default: O(() => [
-        D(f(it)),
-        D(ve, z({
+      default: E(() => [
+        V(p(rt)),
+        V(be, M({
           "data-autowidth": "",
           disabled: e.disabled,
           id: e.inputId,
           "model-value": e.modelValue,
           placeholder: e.placeholder,
           required: e.required
-        }, Pe(e.listeners)), null, 16, ["disabled", "id", "model-value", "placeholder", "required"])
+        }, ze(e.listeners)), null, 16, ["disabled", "id", "model-value", "placeholder", "required"])
       ]),
       _: 1
     }, 8, ["disabled", "error"]));
   }
 };
-function Ne(e, a, t) {
+function Re(e, a, t) {
   let n;
   return function() {
-    let l = this, r = arguments;
-    clearTimeout(n), t && !n && e.apply(l, r), n = setTimeout(function() {
-      n = null, t || e.apply(l, r);
+    let l = this, i = arguments;
+    clearTimeout(n), t && !n && e.apply(l, i), n = setTimeout(function() {
+      n = null, t || e.apply(l, i);
     }, a);
   };
 }
-const na = ["disabled", "id", "model-value"], la = ["disabled", "id", "model-value"], oa = {
+const la = ["disabled", "id", "model-value"], oa = ["disabled", "id", "model-value"], ia = {
   __name: "BsInputDateRange",
   props: {
     disabled: {
@@ -497,69 +495,69 @@ const na = ["disabled", "id", "model-value"], la = ["disabled", "id", "model-val
   emits: ["ui-focusin", "ui-input"],
   setup(e, { emit: a }) {
     const t = a, n = m(null), l = m(null);
-    function r(s) {
+    function i(r) {
       const c = new Event("change", { bubbles: !0, cancelable: !0 });
-      s.dispatchEvent(c);
+      r.dispatchEvent(c);
     }
-    function d(s) {
-      const { value: c } = s.target, [h, I] = c.split(/ to | - /);
-      n.value.value = h || "", l.value.value = I || "", r(n.value), r(l.value);
+    function u(r) {
+      const { value: c } = r.target, [f, T] = c.split(/ to | - /);
+      n.value.value = f || "", l.value.value = T || "", i(n.value), i(l.value);
     }
-    const i = Ne(d, 1e3);
-    function o(s) {
-      t("ui-input"), i(s);
+    const o = Re(u, 1e3);
+    function s(r) {
+      t("ui-input"), o(r);
     }
-    return (s, c) => (u(), V(Ce, {
+    return (r, c) => (d(), L(xe, {
       disabled: e.disabled,
       error: e.error
     }, {
-      default: O(() => [
-        D(f(it)),
-        D(ve, {
+      default: E(() => [
+        V(p(rt)),
+        V(be, {
           "data-autowidth": "",
           disabled: e.disabled,
           id: e.inputId,
           "model-value": e.inputValueFmt,
           placeholder: e.placeholder,
           required: e.required,
-          onFocusin: c[0] || (c[0] = (h) => s.$emit("ui-focusin")),
-          onInput: o,
-          onChange: d
+          onFocusin: c[0] || (c[0] = (f) => r.$emit("ui-focusin")),
+          onInput: s,
+          onChange: u
         }, null, 8, ["disabled", "id", "model-value", "placeholder", "required"]),
-        g("input", z({
+        $("input", M({
           ref_key: "hiddenStart",
           ref: n,
           type: "hidden",
           disabled: e.disabled,
           id: `${e.inputId}-start`,
           "model-value": e.inputValue.start
-        }, Pe(e.listeners.start, !0)), null, 16, na),
-        g("input", z({
+        }, ze(e.listeners.start, !0)), null, 16, la),
+        $("input", M({
           ref_key: "hiddenEnd",
           ref: l,
           type: "hidden",
           disabled: e.disabled,
           id: `${e.inputId}-end`,
           "model-value": e.inputValue.end
-        }, Pe(e.listeners.end, !0)), null, 16, la)
+        }, ze(e.listeners.end, !0)), null, 16, oa)
       ]),
       _: 1
     }, 8, ["disabled", "error"]));
   }
 };
-function ia(e) {
+function ra(e) {
   var a, t;
   return ((t = (a = e == null ? void 0 : e.classList) == null ? void 0 : a.contains) == null ? void 0 : t.call(a, "vc-arrow")) && (e.classList.contains("vc-prev") || e.classList.contains("vc-next"));
 }
-function ra(e) {
+function sa(e) {
   return e === " " || e === "Spacebar" || e === "Enter";
 }
 function Je(e) {
-  ia(e == null ? void 0 : e.target) && ra(e == null ? void 0 : e.key) && e.preventDefault();
+  ra(e == null ? void 0 : e.target) && sa(e == null ? void 0 : e.key) && e.preventDefault();
 }
-function sa(e) {
+function da(e) {
   let a;
-  W(() => {
+  Y(() => {
     var t, n, l;
     a = (t = e == null ? void 0 : e.value) == null ? void 0 : t.popoverRef, (l = (n = a == null ? void 0 : a.$el) == null ? void 0 : n.addEventListener) == null || l.call(n, "keydown", Je);
   }), at(() => {
@@ -573,15 +571,15 @@ function _e(e, a, t = []) {
     n = window.matchMedia(e), n.addEventListener("change", a), a(n);
   }), at(() => {
     n.removeEventListener("change", a), n = null;
-  }), t.length && N(t, () => a(n));
+  }), t.length && z(t, () => a(n));
 }
-const je = [
+const Fe = [
   "aria-describedby",
   "aria-label",
   "form",
   "id",
   "name"
-], da = [
+], ua = [
   "aria-describedby",
   "aria-label",
   "autocomplete",
@@ -591,7 +589,7 @@ const je = [
   "multiple",
   "name",
   "size"
-], ua = [
+], ca = [
   "aria-describedby",
   "aria-label",
   "autocapitalize",
@@ -609,7 +607,7 @@ const je = [
   "rows",
   "spellcheck",
   "wrap"
-], ce = [
+], Be = [
   "aria-describedby",
   "aria-label",
   "autocapitalize",
@@ -630,13 +628,13 @@ const je = [
   "size",
   "step"
 ];
-function U(e, a = []) {
+function K(e, a = []) {
   const t = {}, n = {};
   return Object.keys(e).forEach((l) => {
     a.includes(l) ? t[l] = e[l] : n[l] = e[l];
   }), { filtered: t, remaining: n };
 }
-const ca = ["data-range"], et = "(min-width: 752px)", El = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+const fa = ["data-range"], et = "(min-width: 752px)", Vl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsCalendar",
   props: {
     disabled: {
@@ -699,7 +697,7 @@ const ca = ["data-range"], et = "(min-width: 752px)", El = /* @__PURE__ */ Objec
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = m(null), l = m(1), r = m(null), [d, i] = X(2), o = m(1), { filtered: s, remaining: c } = U(ie(), [
+    const t = e, n = m(null), l = m(1), i = m(null), [u, o] = Z(2), s = m(1), { filtered: r, remaining: c } = K(le(), [
       "attributes",
       "expanded",
       "first-day-of-week",
@@ -707,43 +705,52 @@ const ca = ["data-range"], et = "(min-width: 752px)", El = /* @__PURE__ */ Objec
       "masks",
       "rows",
       "trim-weeks"
-    ]), h = p(() => t.inputId || d.value), I = p(() => ({ range: t.isRange })), $ = p(() => !!(t.error && t.errorMsg || t.hint)), x = p(() => t.step), S = p(() => t.variant);
-    sa(n), _e(
+    ]), f = v(() => t.inputId || u.value), T = v(() => ({ range: t.isRange })), y = v(() => !!(t.error && t.errorMsg || t.hint)), S = v(() => t.step), w = v(() => t.variant);
+    da(n), _e(
       et,
-      (b) => l.value = b != null && b.matches && S.value == "2-col" ? 2 : 1,
-      [S]
+      (h) => l.value = h != null && h.matches && w.value == "2-col" ? 2 : 1,
+      [w]
     ), _e(
       et,
-      (b) => o.value = b != null && b.matches && S.value == "2-col" ? x.value : 1,
-      [x, S]
-    );
-    function k(b) {
-      return t.isRange && b.start && b.end ? `${b.start} to ${b.end}` : !t.isRange && b ? b : "";
+      (h) => s.value = h != null && h.matches && w.value == "2-col" ? S.value : 1,
+      [S, w]
+    ), z(() => {
+      var h, C;
+      return (C = (h = n.value) == null ? void 0 : h.popoverRef) == null ? void 0 : C.isVisible;
+    }, (h) => {
+      h && pe(B);
+    });
+    function I(h) {
+      return t.isRange && h.start && h.end ? `${h.start} to ${h.end}` : !t.isRange && h ? h : "";
     }
-    function q(b) {
-      !t.isRange || r.value.contains(b.relatedTarget) || n.value.hidePopover();
+    function q(h) {
+      !t.isRange || i.value.contains(h.relatedTarget) || n.value.hidePopover();
+    }
+    function B() {
+      const h = i.value.querySelector("button.vc-prev"), C = i.value.querySelector("button.vc-next");
+      h && h.setAttribute("aria-label", "Previous month"), C && C.setAttribute("aria-label", "Next month");
     }
-    return (b, B) => (u(), v("div", z({
+    return (h, C) => (d(), b("div", M({
       ref_key: "container",
-      ref: r,
+      ref: i,
       class: "bs-calendar",
       "data-range": e.isRange,
       onFocusout: q
-    }, f(c)), [
-      e.label || b.$slots.label ? (u(), V(ne, {
+    }, p(c)), [
+      e.label || h.$slots.label ? (d(), L(oe, {
         key: 0,
-        for: h.value,
+        for: f.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: O(() => [
-          E(b.$slots, "label", {}, () => [
-            F(T(e.label), 1)
+        default: E(() => [
+          D(h.$slots, "label", {}, () => [
+            H(x(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : w("", !0),
-      D(f(kt), z({
+      }, 8, ["for", "disabled", "required"])) : k("", !0),
+      V(p(It), M({
         ref_key: "calendar",
         ref: n,
         columns: l.value,
@@ -752,50 +759,50 @@ const ca = ["data-range"], et = "(min-width: 752px)", El = /* @__PURE__ */ Objec
         "min-date": e.minDate,
         mode: "date",
         "model-value": e.modelValue,
-        "model-modifiers": I.value,
+        "model-modifiers": T.value,
         popover: { visibility: "focus" },
         rows: 1,
-        step: o.value,
-        "onUpdate:modelValue": B[0] || (B[0] = (A) => b.$emit("update:modelValue", A))
-      }, f(s)), {
-        default: O(({ inputValue: A, inputEvents: C, showPopover: M }) => [
-          e.isRange ? (u(), V(oa, {
+        step: s.value,
+        "onUpdate:modelValue": C[0] || (C[0] = (O) => h.$emit("update:modelValue", O))
+      }, p(r)), {
+        default: E(({ inputValue: O, inputEvents: j, showPopover: R }) => [
+          e.isRange ? (d(), L(ia, {
             key: 1,
             disabled: e.disabled,
             error: e.error,
-            "hidden-end-ref": b.inputEnd,
-            "hidden-start-ref": b.inputStart,
-            "input-id": h.value,
-            "input-value": A,
-            "input-value-fmt": k(A),
-            listeners: C,
+            "hidden-end-ref": h.inputEnd,
+            "hidden-start-ref": h.inputStart,
+            "input-id": f.value,
+            "input-value": O,
+            "input-value-fmt": I(O),
+            listeners: j,
             placeholder: e.placeholder,
             required: e.required,
-            onUiFocusin: M,
-            onUiInput: M
-          }, null, 8, ["disabled", "error", "hidden-end-ref", "hidden-start-ref", "input-id", "input-value", "input-value-fmt", "listeners", "placeholder", "required", "onUiFocusin", "onUiInput"])) : (u(), V(aa, {
+            onUiFocusin: R,
+            onUiInput: R
+          }, null, 8, ["disabled", "error", "hidden-end-ref", "hidden-start-ref", "input-id", "input-value", "input-value-fmt", "listeners", "placeholder", "required", "onUiFocusin", "onUiInput"])) : (d(), L(na, {
             key: 0,
             disabled: e.disabled,
             error: e.error,
-            "input-id": h.value,
-            listeners: C,
-            "model-value": k(A),
+            "input-id": f.value,
+            listeners: j,
+            "model-value": I(O),
             placeholder: e.placeholder,
             required: e.required
           }, null, 8, ["disabled", "error", "input-id", "listeners", "model-value", "placeholder", "required"]))
         ]),
         _: 1
       }, 16, ["columns", "disabled-dates", "max-date", "min-date", "model-value", "model-modifiers", "step"]),
-      $.value ? (u(), V(pe, {
+      y.value ? (d(), L(he, {
         key: 1,
         error: e.error,
         "error-msg": e.errorMsg,
         hint: e.hint,
-        "hint-id": f(i)
-      }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : w("", !0)
-    ], 16, ca));
+        "hint-id": p(o)
+      }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : k("", !0)
+    ], 16, fa));
   }
-}), fa = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), pa = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsButton",
   props: {
     variant: { type: String },
@@ -809,23 +816,23 @@ const ca = ["data-range"], et = "(min-width: 752px)", El = /* @__PURE__ */ Objec
     size: { type: String, validator: (e) => ["sm", "xs", "xxs"].includes(e) }
   },
   setup(e) {
-    const a = e, t = ie(), { rootTag: n, attrsToBind: l, hrefUrl: r } = we(a, t), { onLinkClick: d } = ke(a);
-    return (i, o) => (u(), V(J(f(n)), z({
+    const a = e, t = le(), { rootTag: n, attrsToBind: l, hrefUrl: i } = Ie(a, t), { onLinkClick: u } = Ce(a);
+    return (o, s) => (d(), L(_(p(n)), M({
       class: "bs-button",
       "data-component": "bs-button",
       "data-ghost": e.ghostBtn,
       "data-size": e.size,
       "data-text": e.textBtn,
       "data-variant": e.variant,
-      ".href": f(r)
-    }, f(l), { onClick: f(d) }), {
-      default: O(() => [
-        E(i.$slots, "default")
+      ".href": p(i)
+    }, p(l), { onClick: p(u) }), {
+      default: E(() => [
+        D(o.$slots, "default")
       ]),
       _: 3
     }, 48, ["data-ghost", "data-size", "data-text", "data-variant", ".href", "onClick"]));
   }
-}), pa = { "data-component": "bs-chart-table" }, va = ["summary"], ha = ["colspan"], ba = /* @__PURE__ */ g("th", { scope: "col" }, " Dataset ", -1), ma = { scope: "row" }, ga = {
+}), va = { "data-component": "bs-chart-table" }, ha = ["summary"], ba = ["colspan"], ma = /* @__PURE__ */ $("th", { scope: "col" }, " Dataset ", -1), ga = { scope: "row" }, ya = {
   __name: "BsChartTable",
   props: {
     data: {
@@ -844,52 +851,52 @@ const ca = ["data-range"], et = "(min-width: 752px)", El = /* @__PURE__ */ Objec
   setup(e) {
     return (a, t) => {
       var n;
-      return u(), v("div", pa, [
-        g("table", { summary: e.tableTitle }, [
-          g("thead", null, [
-            g("tr", null, [
-              g("th", {
+      return d(), b("div", va, [
+        $("table", { summary: e.tableTitle }, [
+          $("thead", null, [
+            $("tr", null, [
+              $("th", {
                 colspan: ((n = e.dataIdxLabels) == null ? void 0 : n.length) + 1
-              }, T(e.tableTitle), 9, ha)
+              }, x(e.tableTitle), 9, ba)
             ]),
-            g("tr", null, [
-              ba,
-              (u(!0), v(j, null, Z(e.dataIdxLabels, (l) => (u(), v("th", {
+            $("tr", null, [
+              ma,
+              (d(!0), b(G, null, J(e.dataIdxLabels, (l) => (d(), b("th", {
                 key: l,
                 scope: "col"
-              }, T(l), 1))), 128))
+              }, x(l), 1))), 128))
             ])
           ]),
-          g("tbody", null, [
-            (u(!0), v(j, null, Z(e.data, (l) => (u(), v("tr", {
+          $("tbody", null, [
+            (d(!0), b(G, null, J(e.data, (l) => (d(), b("tr", {
               key: l.label
             }, [
-              g("th", ma, T(l.label), 1),
-              (u(!0), v(j, null, Z(l.data, (r, d) => (u(), v("td", {
-                key: `${r}${d}`
-              }, T(r), 1))), 128))
+              $("th", ga, x(l.label), 1),
+              (d(!0), b(G, null, J(l.data, (i, u) => (d(), b("td", {
+                key: `${i}${u}`
+              }, x(i), 1))), 128))
             ]))), 128))
           ])
-        ], 8, va)
+        ], 8, ha)
       ]);
     };
   }
-}, ya = (e) => ({
+}, Ba = (e) => ({
   id: "htmlLegend",
   afterUpdate(a) {
     e.innerHTML = "", e.style.setProperty("--legend-padding", `${a.scales.x.left}px`), a.options.plugins.legend.labels.generateLabels(a).forEach((n) => {
       const l = document.createElement("li");
       l.onclick = () => {
-        const { type: o } = a.config._config;
-        o === "pie" || o === "doughnut" ? a.toggleDataVisibility(n.index) : a.setDatasetVisibility(n.datasetIndex, !a.isDatasetVisible(n.datasetIndex)), a.update();
+        const { type: s } = a.config._config;
+        s === "pie" || s === "doughnut" ? a.toggleDataVisibility(n.index) : a.setDatasetVisibility(n.datasetIndex, !a.isDatasetVisible(n.datasetIndex)), a.update();
       };
-      const r = document.createElement("span");
-      r.style.setProperty("--item-box-fill", n.fillStyle), r.style.setProperty("--item-box-stroke", n.strokeStyle);
-      const d = document.createTextNode(n.text), i = document.createElement("p");
-      i.style.setProperty("--item-text-color", n.fontColor), i.style.setProperty("--item-text-decoration", n.hidden ? "line-through" : "none"), i.appendChild(d), l.appendChild(r), l.appendChild(i), e.appendChild(l);
+      const i = document.createElement("span");
+      i.style.setProperty("--item-box-fill", n.fillStyle), i.style.setProperty("--item-box-stroke", n.strokeStyle);
+      const u = document.createTextNode(n.text), o = document.createElement("p");
+      o.style.setProperty("--item-text-color", "var(--bs-ink-base)"), o.style.setProperty("--item-text-decoration", n.hidden ? "line-through" : "none"), o.appendChild(u), l.appendChild(i), l.appendChild(o), e.appendChild(l);
     });
   }
-}), Ba = ({ type: e, datasets: a, labels: t, tooltips: n }) => ({
+}), $a = ({ type: e, datasets: a, labels: t, tooltips: n }) => ({
   type: e,
   data: {
     datasets: a,
@@ -908,7 +915,7 @@ const ca = ["data-range"], et = "(min-width: 752px)", El = /* @__PURE__ */ Objec
     responsive: !0
   }
 });
-function $a(e) {
+function Sa(e) {
   const a = [
     "rgba(209, 26, 111, 1)",
     "rgba(130, 18, 196, 1)",
@@ -921,10 +928,10 @@ function $a(e) {
   ], t = a[e % a.length];
   return e >= a.length ? t.replace("1)", "0.5)") : t;
 }
-const Sa = {
+const wa = {
   class: "bs-chart-bar",
   "data-component": "bs-chart-bar"
-}, wa = ["aria-label"], ka = ["data-hidden"], Dl = {
+}, ka = ["aria-label"], Ia = ["data-hidden"], El = {
   __name: "BsChartBar",
   props: {
     chartTitle: {
@@ -980,14 +987,14 @@ const Sa = {
   setup(e) {
     const a = e, t = m(null), n = m(null);
     let l;
-    const r = p(() => {
+    const i = v(() => {
       const c = {
-        datasets: d.value,
+        datasets: u.value,
         labels: a.dataIdxLabels,
         type: "bar",
         tooltips: a.showTooltips
-      }, h = Ba(c);
-      return h.plugins = [ya(n.value)], h.options.scales = {
+      }, f = $a(c);
+      return f.plugins = [Ba(n.value)], f.options.scales = {
         x: {
           grid: {
             display: a.showXGrid
@@ -1008,47 +1015,47 @@ const Sa = {
             text: a.yLabel
           }
         }
-      }, h;
-    }), d = p(() => a.data.map((c, h) => ({
+      }, f;
+    }), u = v(() => a.data.map((c, f) => ({
       ...c,
-      backgroundColor: $a(h),
+      backgroundColor: Sa(f),
       categoryPercentage: a.data.length > 1 ? 0.5 : 0.33
-    }))), i = p(() => a.chartTitle || `${a.yLabel} / ${a.xLabel}`), o = Ne(function(c, h) {
-      !l || c === h || (l.options = r.value.options, l.update());
-    }, 100), s = Ne(function() {
-      l && (l.data = r.value.data, l.update());
+    }))), o = v(() => a.chartTitle || `${a.yLabel} / ${a.xLabel}`), s = Re(function(c, f) {
+      !l || c === f || (l.options = i.value.options, l.update());
+    }, 100), r = Re(function() {
+      l && (l.data = i.value.data, l.update());
     }, 100);
-    return W(() => {
-      qe.register(It, Ct, Tt, xt, At, Lt), qe.defaults.font.family = "'Roobert', sans-serif", l = new qe(t.value, r.value);
-    }), N(() => a.showLegend, o), N(() => a.showTooltips, o), N(() => a.showXGrid, o), N(() => a.showYGrid, o), N(() => a.stacked, o), N(() => a.xLabel, o), N(() => a.yLabel, o), N(() => a.data, s), N(() => a.dataIdxLabels, s), (c, h) => (u(), v("div", Sa, [
-      g("figure", null, [
-        g("div", null, [
-          g("canvas", {
-            "aria-label": i.value,
+    return Y(() => {
+      Pe.register(Ct, Tt, xt, At, Lt, Vt), Pe.defaults.font.family = "'Roobert', sans-serif", l = new Pe(t.value, i.value);
+    }), z(() => a.showLegend, s), z(() => a.showTooltips, s), z(() => a.showXGrid, s), z(() => a.showYGrid, s), z(() => a.stacked, s), z(() => a.xLabel, s), z(() => a.yLabel, s), z(() => a.data, r), z(() => a.dataIdxLabels, r), (c, f) => (d(), b("div", wa, [
+      $("figure", null, [
+        $("div", null, [
+          $("canvas", {
+            "aria-label": o.value,
             ref_key: "canvas",
             ref: t,
             role: "img"
-          }, null, 8, wa)
+          }, null, 8, ka)
         ]),
-        g("div", null, [
-          D(ga, {
+        $("div", null, [
+          V(ya, {
             data: e.data,
             "data-idx-labels": e.dataIdxLabels,
-            "table-title": i.value
+            "table-title": o.value
           }, null, 8, ["data", "data-idx-labels", "table-title"]),
-          g("figcaption", {
+          $("figcaption", {
             "data-hidden": !e.showLegend
           }, [
-            g("ul", {
+            $("ul", {
               ref_key: "legendList",
               ref: n
             }, null, 512)
-          ], 8, ka)
+          ], 8, Ia)
         ])
       ])
     ]));
   }
-}, Ia = ["data-size"], Ca = ["checked", "data-error", "disabled", "id", "required", "value"], Ta = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Ca = ["data-size"], Ta = ["checked", "data-error", "disabled", "id", "required", "value"], Dl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsCheckbox",
   props: {
     /** Sets the label. */
@@ -1111,52 +1118,52 @@ const Sa = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, [l] = X(), r = p(() => je.concat(t.passAttrs.split(","))), d = m(null), i = p(() => t.inputId || l.value), o = p(() => t.checked || h.value), s = p(() => t.indeterminate || t.checkedPartially), c = p(() => Array.isArray(t.modelValue) && t.value), h = p(() => c.value && t.modelValue.includes(t.value) || typeof t.modelValue == "boolean" && t.modelValue);
-    function I() {
-      d.value && (d.value.indeterminate = s.value && !o.value);
+    const t = e, n = a, [l] = Z(), i = v(() => Fe.concat(t.passAttrs.split(","))), u = m(null), o = v(() => t.inputId || l.value), s = v(() => t.checked || f.value), r = v(() => t.indeterminate || t.checkedPartially), c = v(() => Array.isArray(t.modelValue) && t.value), f = v(() => c.value && t.modelValue.includes(t.value) || typeof t.modelValue == "boolean" && t.modelValue);
+    function T() {
+      u.value && (u.value.indeterminate = r.value && !s.value);
     }
-    function $(k) {
-      n("update:modelValue", k);
+    function y(I) {
+      n("update:modelValue", I);
     }
-    function x(k) {
+    function S(I) {
       const q = [...t.modelValue];
-      k ? q.push(t.value) : q.splice(q.indexOf(t.value), 1), n("update:modelValue", q);
+      I ? q.push(t.value) : q.splice(q.indexOf(t.value), 1), n("update:modelValue", q);
     }
-    function S(k) {
-      const { checked: q } = k.target;
-      c.value ? x(q) : $(q);
+    function w(I) {
+      const { checked: q } = I.target;
+      c.value ? S(q) : y(q);
     }
-    return N(o, I), N(s, I), W(I), (k, q) => (u(), v("div", z({
+    return z(s, T), z(r, T), Y(T), (I, q) => (d(), b("div", M({
       class: "bs-boolean",
       "data-component": "bs-checkbox",
       "data-size": e.size
-    }, f(U)(k.$attrs, r.value).remaining), [
-      g("input", z({
+    }, p(K)(I.$attrs, i.value).remaining), [
+      $("input", M({
         ref_key: "inputEl",
-        ref: d,
-        checked: o.value,
+        ref: u,
+        checked: s.value,
         "data-error": e.error,
         disabled: e.disabled,
-        id: k.$attrs.id || i.value,
+        id: I.$attrs.id || o.value,
         required: e.required,
         value: e.value || "on",
         type: "checkbox",
-        onChange: S
-      }, f(U)(k.$attrs, r.value).filtered), null, 16, Ca),
-      e.label || k.$slots.label ? (u(), V(ne, {
+        onChange: w
+      }, p(K)(I.$attrs, i.value).filtered), null, 16, Ta),
+      e.label || I.$slots.label ? (d(), L(oe, {
         key: 0,
-        for: k.$attrs.id || i.value,
+        for: I.$attrs.id || o.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: O(() => [
-          E(k.$slots, "label", {}, () => [
-            F(T(e.label), 1)
+        default: E(() => [
+          D(I.$slots, "label", {}, () => [
+            H(x(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : w("", !0)
-    ], 16, Ia));
+      }, 8, ["for", "disabled", "required"])) : k("", !0)
+    ], 16, Ca));
   }
 }), xa = { key: 0 }, Aa = { class: "bs-circle-button-icon" }, La = { key: 1 }, Ol = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsCircleButton",
@@ -1204,32 +1211,32 @@ const Sa = {
     }
   },
   setup(e) {
-    const a = e, t = ie(), { rootTag: n, attrsToBind: l, hrefUrl: r } = we(a, t), { icon: d } = ge(a, "icon"), { onLinkClick: i } = ke(a), o = p(() => a.textBtn ? {} : a.href ? { title: a.label } : { "aria-label": a.label }), s = p(() => {
+    const a = e, t = le(), { rootTag: n, attrsToBind: l, hrefUrl: i } = Ie(a, t), { icon: u } = ye(a, "icon"), { onLinkClick: o } = Ce(a), s = v(() => a.textBtn ? {} : a.href ? { title: a.label } : { "aria-label": a.label }), r = v(() => {
       if (a.hoverEffect)
         return a.iconPosition;
-    }), c = p(() => a.textBtn && a.iconPosition !== "left"), h = p(() => a.textBtn && a.iconPosition === "left");
-    return (I, $) => (u(), V(J(f(n)), z({
+    }), c = v(() => a.textBtn && a.iconPosition !== "left"), f = v(() => a.textBtn && a.iconPosition === "left");
+    return (T, y) => (d(), L(_(p(n)), M({
       class: "bs-circle-button",
       "data-disabled": e.disabled,
-      "data-direction": s.value,
+      "data-direction": r.value,
       "data-ghost": e.ghostBtn,
       "data-size": e.size,
       "data-text": e.textBtn,
-      ".href": f(r)
-    }, { ...f(l), ...o.value }, { onClick: f(i) }), {
-      default: O(() => [
-        c.value ? (u(), v("span", xa, T(e.label), 1)) : w("", !0),
-        g("span", Aa, [
-          E(I.$slots, "icon", {}, () => [
-            (u(), V(J(f(d)), { size: e.size }, null, 8, ["size"]))
+      ".href": p(i)
+    }, { ...p(l), ...s.value }, { onClick: p(o) }), {
+      default: E(() => [
+        c.value ? (d(), b("span", xa, x(e.label), 1)) : k("", !0),
+        $("span", Aa, [
+          D(T.$slots, "icon", {}, () => [
+            (d(), L(_(p(u)), { size: e.size }, null, 8, ["size"]))
           ])
         ]),
-        h.value ? (u(), v("span", La, T(e.label), 1)) : w("", !0)
+        f.value ? (d(), b("span", La, x(e.label), 1)) : k("", !0)
       ]),
       _: 3
     }, 48, ["data-disabled", "data-direction", "data-ghost", "data-size", "data-text", ".href", "onClick"]));
   }
-}), Te = {
+}), Ae = {
   __name: "BsTransition",
   props: {
     shown: {
@@ -1272,85 +1279,86 @@ const Sa = {
     "leave-cancelled"
   ],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = [];
-    function r(o, s) {
-      const { duration: c, enterClass: h, enterAttribute: I } = t;
+    const t = e, n = a, l = [], i = t.preloaded && t.shown;
+    function u(r, c) {
+      const { duration: f, enterClass: T, enterAttribute: y } = t;
       l.push(setTimeout(() => {
-        h && o.classList.add(h), I && o.setAttribute(I, ""), l.push(setTimeout(() => {
-          s();
-        }, c)), n("enter", o);
+        T && r.classList.add(T), y && r.setAttribute(y, ""), l.push(setTimeout(() => {
+          c();
+        }, f)), n("enter", r);
       }));
     }
-    function d(o, s) {
+    function o(r, c) {
       const {
-        duration: c,
-        enterClass: h,
-        enterAttribute: I,
-        leaveClass: $,
-        leaveAttribute: x
+        duration: f,
+        enterClass: T,
+        enterAttribute: y,
+        leaveClass: S,
+        leaveAttribute: w
       } = t;
-      o.classList.remove(h), o.removeAttribute(I), $ && o.classList.add($), x && o.setAttribute(x, ""), l.push(setTimeout(() => {
-        s();
-      }, c)), n("leave", o);
+      r.classList.remove(T), r.removeAttribute(y), S && r.classList.add(S), w && r.setAttribute(w, ""), l.push(setTimeout(() => {
+        c();
+      }, f)), n("leave", r);
     }
-    function i(o) {
-      const { leaveClass: s, leaveAttribute: c } = t;
-      o.classList.remove(s), o.removeAttribute(c), n("after-leave", o);
+    function s(r) {
+      const { leaveClass: c, leaveAttribute: f } = t;
+      r.classList.remove(c), r.removeAttribute(f), n("after-leave", r);
     }
-    return oe(() => {
-      l.forEach((o) => {
-        clearTimeout(o);
+    return de(() => {
+      l.forEach((r) => {
+        clearTimeout(r);
       });
-    }), (o, s) => e.preloaded ? Be((u(), V(Ke, {
+    }), (r, c) => e.preloaded ? Se((d(), L(Ye, {
       key: 0,
+      appear: p(i),
       css: !1,
-      onBeforeEnter: s[0] || (s[0] = (c) => n("before-enter", c)),
-      onEnter: r,
-      onAfterEnter: s[1] || (s[1] = (c) => n("after-enter", c)),
-      onEnterCancelled: s[2] || (s[2] = (c) => n("enter-cancelled", c)),
-      onBeforeLeave: s[3] || (s[3] = (c) => n("before-leave", c)),
-      onLeave: d,
-      onAfterLeave: i,
-      onLeaveCancelled: s[4] || (s[4] = (c) => n("leave-cancelled", c))
+      onBeforeEnter: c[0] || (c[0] = (f) => n("before-enter", f)),
+      onEnter: u,
+      onAfterEnter: c[1] || (c[1] = (f) => n("after-enter", f)),
+      onEnterCancelled: c[2] || (c[2] = (f) => n("enter-cancelled", f)),
+      onBeforeLeave: c[3] || (c[3] = (f) => n("before-leave", f)),
+      onLeave: o,
+      onAfterLeave: s,
+      onLeaveCancelled: c[4] || (c[4] = (f) => n("leave-cancelled", f))
     }, {
-      default: O(() => [
-        E(o.$slots, "default")
+      default: E(() => [
+        D(r.$slots, "default")
       ]),
       _: 3
-    }, 512)), [
-      [$e, e.shown]
-    ]) : (u(), V(Ke, {
+    }, 8, ["appear"])), [
+      [we, e.shown]
+    ]) : (d(), L(Ye, {
       key: 1,
       appear: !0,
       css: !1,
-      onBeforeEnter: s[5] || (s[5] = (c) => n("before-enter", c)),
-      onEnter: r,
-      onAfterEnter: s[6] || (s[6] = (c) => n("after-enter", c)),
-      onEnterCancelled: s[7] || (s[7] = (c) => n("enter-cancelled", c)),
-      onBeforeLeave: s[8] || (s[8] = (c) => n("before-leave", c)),
-      onLeave: d,
-      onAfterLeave: i,
-      onLeaveCancelled: s[9] || (s[9] = (c) => n("leave-cancelled", c))
+      onBeforeEnter: c[5] || (c[5] = (f) => n("before-enter", f)),
+      onEnter: u,
+      onAfterEnter: c[6] || (c[6] = (f) => n("after-enter", f)),
+      onEnterCancelled: c[7] || (c[7] = (f) => n("enter-cancelled", f)),
+      onBeforeLeave: c[8] || (c[8] = (f) => n("before-leave", f)),
+      onLeave: o,
+      onAfterLeave: s,
+      onLeaveCancelled: c[9] || (c[9] = (f) => n("leave-cancelled", f))
     }, {
-      default: O(() => [
-        e.shown ? E(o.$slots, "default", { key: 0 }) : w("", !0)
+      default: E(() => [
+        e.shown ? D(r.$slots, "default", { key: 0 }) : k("", !0)
       ]),
       _: 3
     }));
   }
 }, Va = (e, a = void 0, t = "relative") => {
-  const n = m(null), l = m(null), r = m(!1);
-  let d = !1;
-  return W(() => {
-    e && (n.value = a || lt(), document.getElementById(n.value) ? (l.value = document.getElementById(n.value), d = !0) : (l.value = document.createElement("div"), l.value.id = n.value, l.value.style.position = t, document.body.insertAdjacentElement("afterbegin", l.value)), r.value = !0);
-  }), oe(() => {
-    var i;
-    e && !d && ((i = document.getElementById(n.value)) == null || i.remove());
-  }), { breakoutId: n, breakoutStub: l, breakoutMounted: r };
+  const n = m(null), l = m(null), i = m(!1);
+  let u = !1;
+  return Y(() => {
+    e && (n.value = a || ot(), document.getElementById(n.value) ? (l.value = document.getElementById(n.value), u = !0) : (l.value = document.createElement("div"), l.value.id = n.value, l.value.style.position = t, document.body.insertAdjacentElement("afterbegin", l.value)), i.value = !0);
+  }), de(() => {
+    var o;
+    e && !u && ((o = document.getElementById(n.value)) == null || o.remove());
+  }), { breakoutId: n, breakoutStub: l, breakoutMounted: i };
 }, Ea = {
   key: 0,
   class: "bs-dropdown-backdrop"
-}, Da = ["data-width", "data-no-mobile"], Oa = { key: 0 }, qa = { key: 0 }, Ma = {
+}, Da = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsDropdownNew",
   props: {
     anchorId: {
@@ -1403,114 +1411,137 @@ const Sa = {
     "after-leave"
   ],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = m(null), r = m(null), d = m(!1), i = p(() => document.getElementById(t.anchorId)), o = p(() => t.breakout ? h.value : t.containerId ? document.getElementById(t.containerId) : l.value), s = p(() => t.breakout ? I.value : !0), c = p(() => t.width === "anchor" ? void 0 : t.width), { breakoutStub: h, breakoutMounted: I } = Va(t.breakout, t.containerId);
-    qt([r, i], () => {
-      d.value && n("close");
-    }), Ie(["Escape"], () => {
-      d.value && n("close");
-    }), re("dropdownAfterEnter", d), re("dropdownShown", p(() => t.shown));
-    const $ = (C, M) => {
-      r.value.style.setProperty(C, M);
+    const t = lt(), n = le(), l = e, i = a, u = m(null), o = m(null), s = m(!1), r = v(() => document.getElementById(l.anchorId)), c = v(() => l.breakout ? T.value : l.containerId ? document.getElementById(l.containerId) : u.value), f = v(() => l.width === "anchor" ? void 0 : l.width), { breakoutStub: T, breakoutMounted: y } = Va(l.breakout, l.containerId);
+    Pt([o, r], () => {
+      s.value && i("close");
+    }), Te(["Escape"], () => {
+      s.value && i("close");
+    }), ue("dropdownAfterEnter", s), ue("dropdownShown", v(() => l.shown));
+    const S = (R, F) => {
+      o.value.style.setProperty(R, F);
     };
-    function x() {
-      const C = o.value.getBoundingClientRect(), M = i.value.getBoundingClientRect(), H = r.value.getBoundingClientRect();
-      S(C, M), k(C, M, H);
+    function w() {
+      const R = c.value.getBoundingClientRect(), F = r.value.getBoundingClientRect(), Q = o.value.getBoundingClientRect();
+      I(R, F), q(R, F, Q);
     }
-    function S(C, M) {
-      if (t.position === "top") {
-        const H = C.bottom - M.bottom;
-        $("--dropdown-wscreen-top", "auto"), $("--dropdown-wscreen-bottom", `${H + M.height + 8}px`);
+    function I(R, F) {
+      if (l.position === "top") {
+        const Q = R.bottom - F.bottom;
+        S("--dropdown-wscreen-top", "auto"), S("--dropdown-wscreen-bottom", `${Q + F.height + 8}px`);
       } else {
-        const H = M.top - C.top;
-        $("--dropdown-wscreen-top", `${H + M.height + 8}px`), $("--dropdown-wscreen-bottom", "auto");
+        const Q = F.top - R.top;
+        S("--dropdown-wscreen-top", `${Q + F.height + 8}px`), S("--dropdown-wscreen-bottom", "auto");
       }
     }
-    function k(C, M, H) {
-      if (t.width !== "anchor") {
-        const Q = M.left - C.left;
-        if (t.position === "center") {
-          const _ = (M.width - H.width) / 2;
-          $("--dropdown-wscreen-left", `${Q + _}px`), $("--dropdown-wscreen-right", "auto");
-        } else if (t.position === "right") {
-          const _ = C.right - M.right;
-          $("--dropdown-wscreen-left", "auto"), $("--dropdown-wscreen-right", `${_}px`);
+    function q(R, F, Q) {
+      if (l.width !== "anchor") {
+        const ie = F.left - R.left;
+        if (l.position === "center") {
+          const ee = (F.width - Q.width) / 2;
+          S("--dropdown-wscreen-left", `${ie + ee}px`), S("--dropdown-wscreen-right", "auto");
+        } else if (l.position === "right") {
+          const ee = R.right - F.right;
+          S("--dropdown-wscreen-left", "auto"), S("--dropdown-wscreen-right", `${ee}px`);
         } else
-          $("--dropdown-wscreen-left", `${Q}px`), $("--dropdown-wscreen-right", "auto");
+          S("--dropdown-wscreen-left", `${ie}px`), S("--dropdown-wscreen-right", "auto");
       }
     }
-    function q() {
-      if (t.width === "anchor") {
-        const C = i.value.getBoundingClientRect();
-        $("--dropdown-wscreen-width", `${C.width}px`);
+    function B() {
+      if (l.width === "anchor") {
+        const R = r.value.getBoundingClientRect();
+        S("--dropdown-wscreen-width", `${R.width}px`);
       } else
-        $("--dropdown-wscreen-width", "");
+        S("--dropdown-wscreen-width", "");
     }
-    function b() {
-      x(), q(), n("enter");
+    function h() {
+      w(), B(), i("enter");
     }
-    function B() {
-      d.value = !0, n("after-enter");
+    function C() {
+      s.value = !0, i("after-enter");
     }
-    function A() {
-      d.value = !1, n("after-leave");
+    function O() {
+      s.value = !1, i("after-leave");
     }
-    return (C, M) => (u(), v(j, null, [
-      e.useMobileStyle && e.shown ? (u(), v("div", Ea)) : w("", !0),
-      s.value ? (u(), V(ct, {
+    const j = () => (
+      // <BsTransition>
+      se(
+        Ae,
+        {
+          shown: l.shown,
+          preloaded: l.preloaded,
+          duration: 75,
+          enterAttribute: "data-shown",
+          onAfterEnter: C,
+          onEnter: h,
+          onAfterLeave: O
+        },
+        // <div class="bs-dropdown">
+        () => {
+          var R;
+          return se("div", {
+            ref: o,
+            class: "bs-dropdown",
+            "data-width": f.value,
+            "data-no-mobile": !l.useMobileStyle,
+            ...n
+          }, [
+            // <header>
+            l.helperText && se("header", [
+              // <div>
+              se("div", [
+                // <h3>Helper Text</h3>
+                se("h3", l.helperText),
+                // <p>Helper Description</p>
+                l.helperDescription && se("p", l.helperDescription)
+              ]),
+              // </div>
+              // <button>
+              se(
+                "button",
+                {
+                  type: "button",
+                  title: "close",
+                  onClick: () => i("close")
+                },
+                // <BsIconClose />
+                se(ke)
+              )
+              // </button>
+            ]),
+            // </header>
+            // <slot />
+            (R = t.default) == null ? void 0 : R.call(t)
+          ]);
+        }
+        // </div>
+      )
+    );
+    return (R, F) => (d(), b(G, null, [
+      e.useMobileStyle && e.shown ? (d(), b("div", Ea)) : k("", !0),
+      e.breakout && p(y) ? (d(), L(pt, {
         key: 1,
-        disabled: !e.breakout,
-        to: e.breakout ? f(h) : void 0
+        to: p(T)
       }, [
-        g("div", {
+        V(j)
+      ], 8, ["to"])) : k("", !0),
+      e.breakout ? k("", !0) : (d(), b(G, { key: 2 }, [
+        e.containerId ? (d(), L(j, { key: 0 })) : (d(), b("div", {
+          key: 1,
           ref_key: "containerRef",
-          ref: l,
-          style: ft(e.breakout || e.containerId ? void 0 : { position: "relative" })
+          ref: u,
+          style: { position: "relative" }
         }, [
-          D(Te, {
-            shown: e.shown,
-            preloaded: e.preloaded,
-            duration: 75,
-            "enter-attribute": "data-shown",
-            onAfterEnter: B,
-            onEnter: b,
-            onAfterLeave: A
-          }, {
-            default: O(() => [
-              g("div", z({
-                ref_key: "dropdownRef",
-                ref: r,
-                class: "bs-dropdown",
-                "data-width": c.value,
-                "data-no-mobile": !e.useMobileStyle
-              }, C.$attrs), [
-                e.helperText ? (u(), v("header", Oa, [
-                  g("div", null, [
-                    g("h3", null, T(e.helperText), 1),
-                    e.helperDescription ? (u(), v("p", qa, T(e.helperDescription), 1)) : w("", !0)
-                  ]),
-                  g("button", {
-                    type: "button",
-                    title: "close",
-                    onClick: M[0] || (M[0] = () => n("close"))
-                  }, [
-                    D(f(Se))
-                  ])
-                ])) : w("", !0),
-                E(C.$slots, "default")
-              ], 16, Da)
-            ]),
-            _: 3
-          }, 8, ["shown", "preloaded"])
-        ], 4)
-      ], 8, ["disabled", "to"])) : w("", !0)
+          V(j)
+        ], 512))
+      ], 64))
     ], 64));
   }
-}, rt = {
+}), st = {
   __name: "BsDropdown",
   props: {
     anchorId: {
       type: String,
-      required: !0
+      default: void 0
     },
     shown: {
       type: Boolean,
@@ -1595,30 +1626,30 @@ const Sa = {
     "after-leave"
   ],
   setup(e, { emit: a }) {
-    const t = e, n = a, { transition: l } = fe(t), r = p(() => t.width === "toggle" ? "anchor" : t.width), d = p(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position), i = p(() => t.toggleId ? t.toggleId : t.anchorId);
-    return (o, s) => (u(), V(Ma, {
-      "anchor-id": i.value,
+    const t = e, n = a, { transition: l } = ve(t), i = v(() => t.width === "toggle" ? "anchor" : t.width), u = v(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position), o = v(() => t.toggleId ? t.toggleId : t.anchorId);
+    return (s, r) => (d(), L(Da, {
+      "anchor-id": o.value,
       breakout: e.breakout,
       "container-id": e.containerId,
       "helper-description": e.helperDescription,
       "helper-text": e.helperText,
-      position: d.value,
+      position: u.value,
       preloaded: e.preloaded,
-      shown: f(l),
+      shown: p(l),
       "use-mobile-style": e.useMobileStyle,
-      width: r.value,
-      onClose: s[0] || (s[0] = () => n("close")),
-      onEnter: s[1] || (s[1] = () => n("enter")),
-      onAfterEnter: s[2] || (s[2] = () => n("after-enter")),
-      onAfterLeave: s[3] || (s[3] = () => n("after-leave"))
+      width: i.value,
+      onClose: r[0] || (r[0] = () => n("close")),
+      onEnter: r[1] || (r[1] = () => n("enter")),
+      onAfterEnter: r[2] || (r[2] = () => n("after-enter")),
+      onAfterLeave: r[3] || (r[3] = () => n("after-leave"))
     }, {
-      default: O(() => [
-        E(o.$slots, "default")
+      default: E(() => [
+        D(s.$slots, "default")
       ]),
       _: 3
     }, 8, ["anchor-id", "breakout", "container-id", "helper-description", "helper-text", "position", "preloaded", "shown", "use-mobile-style", "width"]));
   }
-}, Pa = ["aria-activedescendant", "aria-label", "id"], Fe = {
+}, Oa = ["aria-activedescendant", "aria-label", "id"], Ue = {
   __name: "BsDropdownOptionList",
   props: {
     optionsId: {
@@ -1631,7 +1662,7 @@ const Sa = {
     },
     label: {
       type: String,
-      default: void 0
+      default: "Select an option"
     },
     modelValue: {
       type: [String, Number],
@@ -1654,110 +1685,110 @@ const Sa = {
   },
   emits: ["optselected", "update:modelValue", "close"],
   setup(e, { expose: a, emit: t }) {
-    const n = e, l = t, r = m(null), d = m(null), i = m(-1), o = m(null), s = se("dropdownAfterEnter"), c = se("dropdownShown", !1);
-    let h = -1;
-    re("handleSelect", b), re("optionsId", p(() => n.optionsId)), W(() => {
-      $(), x(), document.addEventListener("keydown", k);
-    }), oe(() => {
-      document.removeEventListener("keydown", k);
-    }), N(s, (B) => {
-      var A, C;
-      B && h > -1 && (n.focusOnShow ? (A = o.value[h]) == null || A.focus() : (C = o.value[h]) == null || C.scrollIntoView({ block: "nearest" }));
-    }), N(c, x);
-    const I = p(() => n.modelValue || n.selectedValue);
-    function $() {
-      o.value = Array.from(
-        r.value.querySelectorAll('[data-component="bs-dropdown-option"]')
+    const n = e, l = t, i = m(null), u = m(null), o = m(-1), s = m(null), r = ce("dropdownAfterEnter"), c = ce("dropdownShown", !1);
+    let f = -1;
+    ue("handleSelect", B), ue("optionsId", v(() => n.optionsId)), Y(() => {
+      y(), S(), document.addEventListener("keydown", I);
+    }), de(() => {
+      document.removeEventListener("keydown", I);
+    }), z(r, (h) => {
+      var C, O;
+      h && f > -1 && (n.focusOnShow ? (C = s.value[f]) == null || C.focus() : (O = s.value[f]) == null || O.scrollIntoView({ block: "nearest" }));
+    }), z(c, S);
+    const T = v(() => n.modelValue || n.selectedValue);
+    function y() {
+      s.value = Array.from(
+        i.value.querySelectorAll('[data-component="bs-dropdown-option"]')
       );
     }
-    function x() {
-      var B, A;
-      c.value && !n.multiselect ? (h = o.value.findIndex(
-        (C) => C.getAttribute("data-value") === String(I.value)
-      ), o.value.forEach((C) => {
-        var M;
-        return (M = C == null ? void 0 : C.setAttribute) == null ? void 0 : M.call(C, "aria-selected", "false");
-      }), h > -1 && ((B = o.value[h]) == null || B.setAttribute("data-selected", ""), (A = o.value[h]) == null || A.setAttribute("aria-selected", "true"), i.value = h)) : (o.value.forEach((C) => {
-        var M;
-        return (M = C == null ? void 0 : C.removeAttribute) == null ? void 0 : M.call(C, "data-selected");
-      }), o.value.forEach((C) => {
-        var M;
-        return (M = C == null ? void 0 : C.removeAttribute) == null ? void 0 : M.call(C, "aria-selected");
+    function S() {
+      var h, C;
+      c.value && !n.multiselect ? (f = s.value.findIndex(
+        (O) => O.getAttribute("data-value") === String(T.value)
+      ), s.value.forEach((O) => {
+        var j;
+        return (j = O == null ? void 0 : O.setAttribute) == null ? void 0 : j.call(O, "aria-selected", "false");
+      }), f > -1 && ((h = s.value[f]) == null || h.setAttribute("data-selected", ""), (C = s.value[f]) == null || C.setAttribute("aria-selected", "true"), o.value = f)) : (s.value.forEach((O) => {
+        var j;
+        return (j = O == null ? void 0 : O.removeAttribute) == null ? void 0 : j.call(O, "data-selected");
+      }), s.value.forEach((O) => {
+        var j;
+        return (j = O == null ? void 0 : O.removeAttribute) == null ? void 0 : j.call(O, "aria-selected");
       }));
     }
     Mt(
-      r,
+      i,
       () => {
-        $();
+        y();
       },
       { childList: !0 }
     );
-    function S() {
-      var B;
-      i.value > -1 && ((B = o.value[i.value]) == null || B.blur());
+    function w() {
+      var h;
+      o.value > -1 && ((h = s.value[o.value]) == null || h.blur());
     }
-    function k(B) {
+    function I(h) {
       if (c.value)
-        switch (B.key) {
+        switch (h.key) {
           case "ArrowDown":
-            q("down"), B.preventDefault();
+            q("down"), h.preventDefault();
             break;
           case "ArrowUp":
-            q("up"), B.preventDefault();
+            q("up"), h.preventDefault();
             break;
           case "Home":
-            q("home"), B.preventDefault();
+            q("home"), h.preventDefault();
             break;
           case "End":
-            q("end"), B.preventDefault();
+            q("end"), h.preventDefault();
             break;
           case "Tab":
-            i.value = h, n.preventTab && B.preventDefault();
+            o.value = f, n.preventTab && h.preventDefault();
             break;
         }
     }
-    function q(B) {
-      let A;
-      switch (B) {
+    function q(h) {
+      let C;
+      switch (h) {
         case "up":
-          A = i.value - 1 < 0 ? o.value.length - 1 : i.value - 1;
+          C = o.value - 1 < 0 ? s.value.length - 1 : o.value - 1;
           break;
         case "down":
-          A = (i.value + 1) % o.value.length;
+          C = (o.value + 1) % s.value.length;
           break;
         case "home":
-          A = 0;
+          C = 0;
           break;
         case "end":
-          A = o.value.length - 1;
+          C = s.value.length - 1;
           break;
       }
-      S(), o.value[A].focus(), d.value = o.value[A].id, i.value = A;
+      w(), s.value[C].focus(), u.value = s.value[C].id, o.value = C;
     }
-    function b(B, A) {
-      d.value = B, S(), l("optselected", A), l("update:modelValue", A), l("close");
+    function B(h, C) {
+      u.value = h, w(), l("optselected", C), l("update:modelValue", C), l("close");
     }
     return a({
-      activeDescendantId: d,
-      focusedIndex: i,
-      optionEls: o,
-      refreshOptions: $
-    }), (B, A) => (u(), v("ul", {
+      activeDescendantId: u,
+      focusedIndex: o,
+      optionEls: s,
+      refreshOptions: y
+    }), (h, C) => (d(), b("ul", {
       ref_key: "optionsRef",
-      ref: r,
-      "aria-activedescendant": d.value || void 0,
-      "aria-label": n.label || void 0,
+      ref: i,
+      "aria-activedescendant": u.value || void 0,
+      "aria-label": e.label,
       class: "bs-dropdown-options",
-      id: n.optionsId,
+      id: e.optionsId,
       role: "listbox"
     }, [
-      E(B.$slots, "default")
-    ], 8, Pa));
+      D(h.$slots, "default")
+    ], 8, Oa));
   }
-}, za = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, qa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Fe
-}, Symbol.toStringTag, { value: "Module" })), Na = ["data-value", "data-variant", "id"], Ue = {
+  default: Ue
+}, Symbol.toStringTag, { value: "Module" })), Pa = ["data-value", "data-variant", "id"], We = {
   __name: "BsDropdownOption",
   props: {
     value: {
@@ -1770,30 +1801,30 @@ const Sa = {
     }
   },
   setup(e) {
-    const a = e, t = m(null), n = se("optionsId", ""), l = se("handleSelect", () => {
-    }), r = p(() => `${n.value}-option-${a.value}`);
-    Ie([" ", "Enter", "NumpadEnter"], (i) => {
-      d(), i.preventDefault();
+    const a = e, t = m(null), n = ce("optionsId", ""), l = ce("handleSelect", () => {
+    }), i = v(() => `${n.value}-option-${a.value}`);
+    Te([" ", "Enter", "NumpadEnter"], (o) => {
+      u(), o.preventDefault();
     }, t);
-    function d(i) {
-      var o, s;
-      l(r.value, a.value), (o = t.value.querySelector("a")) == null || o.click(), (s = i == null ? void 0 : i.stopPropagation) == null || s.call(i);
+    function u(o) {
+      var s, r;
+      l(i.value, a.value), (s = t.value.querySelector("a")) == null || s.click(), (r = o == null ? void 0 : o.stopPropagation) == null || r.call(o);
     }
-    return (i, o) => (u(), v("li", {
+    return (o, s) => (d(), b("li", {
       ref_key: "optionRef",
       ref: t,
       "data-component": "bs-dropdown-option",
       "data-value": a.value,
       "data-variant": e.variant || void 0,
-      id: r.value,
+      id: i.value,
       role: "option",
       tabIndex: -1,
-      onClick: d
+      onClick: u
     }, [
-      E(i.$slots, "default")
-    ], 8, Na));
+      D(o.$slots, "default")
+    ], 8, Pa));
   }
-}, Ra = ["data-img-size", "data-initials", "data-no-img"], ja = ["src", "alt"], st = {
+}, Ma = ["data-img-size", "data-initials", "data-no-img"], za = ["src", "alt"], dt = {
   __name: "BsProfileImg",
   props: {
     src: String,
@@ -1805,28 +1836,33 @@ const Sa = {
     profileName: {
       type: String,
       required: !0
+    },
+    useAltText: {
+      type: Boolean,
+      default: !0
     }
   },
   setup(e) {
     const a = e, t = m(!1), n = m(!!a.src);
-    return W(() => t.value = !0), (l, r) => (u(), v("div", {
+    return Y(() => t.value = !0), (l, i) => (d(), b("div", {
       class: "bs-profile-img",
       "data-img-size": e.size,
       "data-initials": e.initials,
       "data-no-img": !n.value
     }, [
-      n.value && t.value ? (u(), v("img", {
+      n.value && t.value ? (d(), b("img", {
         key: 0,
         src: e.src,
-        alt: e.profileName,
-        onError: r[0] || (r[0] = (d) => n.value = !1)
-      }, null, 40, ja)) : w("", !0)
-    ], 8, Ra));
+        alt: e.useAltText ? e.profileName : "",
+        onError: i[0] || (i[0] = (u) => n.value = !1)
+      }, null, 40, za)) : k("", !0)
+    ], 8, Ma));
   }
-}, Fa = { key: 1 }, Ua = ["for", "innerHTML"], Wa = ["innerHTML"], Ga = ["for"], Ha = { key: 1 }, Ka = { key: 5 }, Ya = {
+}, Na = ["id", "data-checked"], Ra = { key: 1 }, ja = ["innerHTML"], Fa = { key: 4 }, Ua = { key: 5 }, Wa = {
   key: 0,
+  role: "option",
   "data-no-hover": ""
-}, ye = {
+}, $e = {
   __name: "BsDropdownOptionBuilder",
   props: {
     // Array of objects with the following properties (either label or labelHtml
@@ -1861,85 +1897,77 @@ const Sa = {
     const a = e, t = {};
     nt(() => {
       n();
-    }), N(() => a.options, () => {
+    }), z(() => a.options, () => {
       n();
     });
     function n() {
-      a.options.forEach((d) => {
-        const { icon: i } = d;
-        i && !t[i] && (t[i] = r(i));
+      a.options.forEach((o) => {
+        const { icon: s } = o;
+        s && !t[s] && (t[s] = i(s));
       });
     }
-    function l(d) {
-      let i = "", o = 1;
-      return o += d.checkbox ? 1 : 0, o += d.icon ? 1 : 0, o += d.profileImg ? 1 : 0, o > 1 && (i += ` ${o}-col`), d.checkbox && (i += " checkbox"), d.description && (i += " description"), d.negative && (i += " negative"), i;
+    function l(o) {
+      let s = "", r = 1;
+      return r += o.checkbox ? 1 : 0, r += o.icon ? 1 : 0, r += o.profileImg ? 1 : 0, r > 1 && (s += ` ${r}-col`), o.checkbox && (s += " checkbox"), o.description && (s += " description"), o.negative && (s += " negative"), s;
     }
-    function r(d) {
-      return Re(async () => {
-        const { [`BsIcon${d}`]: i } = await import("@wwtdev/bsds-icons-vue3");
-        return i;
+    function i(o) {
+      return je(async () => {
+        const { [`BsIcon${o}`]: s } = await import("@wwtdev/bsds-icons-vue3");
+        return s;
       });
     }
-    return (d, i) => (u(), v(j, null, [
-      (u(!0), v(j, null, Z(e.options, (o) => (u(), V(Ue, {
-        "aria-checked": o.checkbox ? o.checkbox.checked : void 0,
-        key: o.value,
-        value: o.value,
-        variant: l(o)
+    function u(o, s) {
+      return !!o && o !== s;
+    }
+    return (o, s) => (d(), b(G, null, [
+      (d(!0), b(G, null, J(e.options, (r) => (d(), L(We, {
+        "aria-checked": r.checkbox ? r.checkbox.checked : void 0,
+        key: r.value,
+        value: r.value,
+        variant: l(r)
       }, {
-        default: O(() => [
-          o.checkbox ? (u(), V(Ta, {
+        default: E(() => [
+          r.checkbox ? (d(), b("span", {
             key: 0,
-            "input-id": o.checkbox.inputId,
-            "model-value": o.checkbox.checked
-          }, null, 8, ["input-id", "model-value"])) : w("", !0),
-          o.icon ? (u(), v("span", Fa, [
-            (u(), V(J(t[o.icon])))
-          ])) : w("", !0),
-          o.profileImg ? (u(), V(st, {
+            id: r.checkbox.inputId,
+            "aria-hidden": "true",
+            class: "bs-checkbox",
+            "data-checked": r.checkbox.checked
+          }, null, 8, Na)) : k("", !0),
+          r.icon ? (d(), b("span", Ra, [
+            (d(), L(_(t[r.icon])))
+          ])) : k("", !0),
+          r.profileImg ? (d(), L(dt, {
             key: 2,
-            src: o.profileImg.src,
+            src: r.profileImg.src,
             size: "xs",
-            initials: o.profileImg.initials,
-            "profile-name": o.profileImg.profileName
-          }, null, 8, ["src", "initials", "profile-name"])) : w("", !0),
-          o.labelHtml ? (u(), v(j, { key: 3 }, [
-            o.checkbox ? (u(), v("label", {
-              key: 0,
-              for: o.checkbox.inputId,
-              innerHTML: o.labelHtml,
-              onClick: i[0] || (i[0] = Ye(() => {
-              }, ["prevent"]))
-            }, null, 8, Ua)) : (u(), v("span", {
-              key: 1,
-              innerHTML: o.labelHtml
-            }, null, 8, Wa))
-          ], 64)) : (u(), v(j, { key: 4 }, [
-            o.checkbox ? (u(), v("label", {
-              key: 0,
-              for: o.checkbox.inputId,
-              onClick: i[1] || (i[1] = Ye(() => {
-              }, ["prevent"]))
-            }, T(o.label), 9, Ga)) : (u(), v("span", Ha, T(o.label), 1))
-          ], 64)),
-          o.description ? (u(), v("span", Ka, T(o.description), 1)) : w("", !0)
+            initials: r.profileImg.initials,
+            "profile-name": r.profileImg.profileName,
+            "use-alt-text": u(r.profileImg.profileName, r.label)
+          }, null, 8, ["src", "initials", "profile-name", "use-alt-text"])) : k("", !0),
+          r.labelHtml ? (d(), b("span", {
+            key: 3,
+            innerHTML: r.labelHtml
+          }, null, 8, ja)) : (d(), b("span", Fa, x(r.label), 1)),
+          r.description ? (d(), b("span", Ua, x(r.description), 1)) : k("", !0)
         ]),
         _: 2
       }, 1032, ["aria-checked", "value", "variant"]))), 128)),
-      e.showNoOptions && e.options.length === 0 ? (u(), v("li", Ya, [
-        E(d.$slots, "no-options", {}, () => [
-          F("No options")
+      e.showNoOptions && e.options.length === 0 ? (d(), b("li", Wa, [
+        D(o.$slots, "no-options", {}, () => [
+          H("No options")
         ])
-      ])) : w("", !0)
+      ])) : k("", !0)
     ], 64));
   }
-}, Qa = { role: "separator" }, Xa = /* @__PURE__ */ g("hr", null, null, -1), Za = [
-  Xa
-], Ja = {
+}, Ga = { role: "separator" }, Ha = /* @__PURE__ */ $("hr", null, null, -1), Ka = [
+  Ha
+], Ya = {
   __name: "BsDropdownMultiselect",
   props: {
     label: {
-      type: String
+      type: String,
+      default: "Select an option"
     },
     options: {
       type: Array,
@@ -1960,53 +1988,51 @@ const Sa = {
   },
   emits: ["update:selectedOptions"],
   setup(e, { emit: a }) {
-    const t = e, n = a;
-    m(null), m(null);
-    const l = m(null), r = m([]), d = m([]);
-    let i = !1;
-    N(
+    const t = e, n = a, l = m(null), i = m([]), u = m([]);
+    let o = !1;
+    z(
       () => t.selectedOptions,
       c,
       { immediate: !0 }
-    ), N(() => t.shown, ($) => {
-      $ && me(o);
+    ), z(() => t.shown, (y) => {
+      y && pe(s);
     });
-    function o() {
-      var x, S;
-      l.value && (l.value.refreshOptions(), l.value.activeDescendantId = (x = l.value.optionEls[0]) == null ? void 0 : x.id, l.value.focusedIndex = 0);
-      const $ = document.querySelector(`#${t.optionsId} [data-component="bs-dropdown-option"]`);
-      (S = $ == null ? void 0 : $.focus) == null || S.call($, { preventScroll: !0 });
-    }
     function s() {
-      var $;
+      var S, w;
+      l.value && (l.value.refreshOptions(), l.value.activeDescendantId = (S = l.value.optionEls[0]) == null ? void 0 : S.id, l.value.focusedIndex = 0);
+      const y = document.querySelector(`#${t.optionsId} [data-component="bs-dropdown-option"]`);
+      (w = y == null ? void 0 : y.focus) == null || w.call(y, { preventScroll: !0 });
+    }
+    function r() {
+      var y;
       if (l.value) {
         l.value.refreshOptions();
-        const x = l.value.focusedIndex, S = l.value.optionEls[x];
-        ($ = S == null ? void 0 : S.focus) == null || $.call(S), l.value.activeDescendantId = S == null ? void 0 : S.id;
+        const S = l.value.focusedIndex, w = l.value.optionEls[S];
+        (y = w == null ? void 0 : w.focus) == null || y.call(w), l.value.activeDescendantId = w == null ? void 0 : w.id;
       }
     }
-    function c($ = []) {
-      const x = new Set($), S = [], k = [];
+    function c(y = []) {
+      const S = new Set(y), w = [], I = [];
       t.options.forEach((q) => {
-        const b = { ...q }, B = `${t.optionsId}-${q.value}-cb`;
-        x.has(q.value) ? (b.checkbox = { inputId: B, checked: !0 }, S.push(b)) : (b.checkbox = { inputId: B, checked: !1 }, k.push(b));
-      }), r.value = S, me(() => {
-        d.value = k, me(() => {
-          i && s(), i = !1;
+        const B = { ...q }, h = `${t.optionsId}-${q.value}-cb`;
+        S.has(q.value) ? (B.checkbox = { inputId: h, checked: !0 }, w.push(B)) : (B.checkbox = { inputId: h, checked: !1 }, I.push(B));
+      }), i.value = w, pe(() => {
+        u.value = I, pe(() => {
+          o && r(), o = !1;
         });
       });
     }
-    function h($ = []) {
-      const x = new Set($), S = [];
-      return t.options.forEach((k) => {
-        x.has(k.value) && S.push(k.value);
-      }), S;
+    function f(y = []) {
+      const S = new Set(y), w = [];
+      return t.options.forEach((I) => {
+        S.has(I.value) && w.push(I.value);
+      }), w;
     }
-    function I($) {
-      const x = t.selectedOptions.includes($) ? t.selectedOptions.filter((S) => S !== $) : h([...t.selectedOptions, $]);
-      i = !0, n("update:selectedOptions", x);
+    function T(y) {
+      const S = t.selectedOptions.includes(y) ? t.selectedOptions.filter((w) => w !== y) : f([...t.selectedOptions, y]);
+      o = !0, n("update:selectedOptions", S);
     }
-    return ($, x) => (u(), V(Fe, {
+    return (y, S) => (d(), L(Ue, {
       ref_key: "optlist",
       ref: l,
       "aria-multiselectable": "true",
@@ -2015,20 +2041,20 @@ const Sa = {
       multiselect: "",
       "options-id": e.optionsId,
       shown: e.shown,
-      "onUpdate:modelValue": I
+      "onUpdate:modelValue": T
     }, {
-      default: O(() => {
-        var S;
+      default: E(() => {
+        var w;
         return [
-          D(ye, {
-            options: r.value,
+          V($e, {
+            options: i.value,
             "show-no-options": !1
           }, null, 8, ["options"]),
-          Be(g("li", Qa, Za, 512), [
-            [$e, (S = r.value) == null ? void 0 : S.length]
+          Se($("li", Ga, Ka, 512), [
+            [we, (w = i.value) == null ? void 0 : w.length]
           ]),
-          D(ye, {
-            options: d.value,
+          V($e, {
+            options: u.value,
             "show-no-options": !1
           }, null, 8, ["options"])
         ];
@@ -2036,10 +2062,10 @@ const Sa = {
       _: 1
     }, 8, ["label", "options-id", "shown"]));
   }
-}, _a = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Qa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ja
-}, Symbol.toStringTag, { value: "Module" })), en = {
+  default: Ya
+}, Symbol.toStringTag, { value: "Module" })), Xa = {
   __name: "BsDropdownWithOptionsNew",
   props: {
     // DROPDOWN PROPS
@@ -2092,7 +2118,7 @@ const Sa = {
     },
     label: {
       type: String,
-      default: void 0
+      default: "Select an option"
     },
     modelValue: {
       type: [String, Number],
@@ -2118,13 +2144,13 @@ const Sa = {
     function l() {
       n.value = !0;
     }
-    function r(i) {
-      n.value = !1, t("update:modelValue", i), t("close");
+    function i(o) {
+      n.value = !1, t("update:modelValue", o), t("close");
     }
-    function d() {
+    function u() {
       n.value && (n.value = !1, t("close"));
     }
-    return (i, o) => (u(), V(f(rt), {
+    return (o, s) => (d(), L(p(st), {
       "anchor-id": e.anchorId,
       breakout: e.breakout,
       "container-id": e.containerId,
@@ -2135,23 +2161,23 @@ const Sa = {
       shown: e.shown,
       "use-mobile-style": e.useMobileStyle,
       width: e.width,
-      onClose: d,
-      onAfterEnter: o[0] || (o[0] = (s) => t("after-enter")),
+      onClose: u,
+      onAfterEnter: s[0] || (s[0] = (r) => t("after-enter")),
       onEnter: l,
-      onAfterLeave: o[1] || (o[1] = (s) => t("after-leave"))
+      onAfterLeave: s[1] || (s[1] = (r) => t("after-leave"))
     }, {
-      default: O(() => [
-        D(f(Fe), {
+      default: E(() => [
+        V(p(Ue), {
           "focus-on-show": e.focusOnShow,
           label: e.label,
           "model-value": e.modelValue,
           "options-id": e.optionsId,
           "prevent-tab": e.preventTab,
-          "onUpdate:modelValue": r,
-          onClose: d
+          "onUpdate:modelValue": i,
+          onClose: u
         }, {
-          default: O(() => [
-            E(i.$slots, "default")
+          default: E(() => [
+            D(o.$slots, "default")
           ]),
           _: 3
         }, 8, ["focus-on-show", "label", "model-value", "options-id", "prevent-tab"])
@@ -2159,7 +2185,7 @@ const Sa = {
       _: 3
     }, 8, ["anchor-id", "breakout", "container-id", "helper-description", "helper-text", "position", "preloaded", "shown", "use-mobile-style", "width"]));
   }
-}, We = {
+}, Ge = {
   __name: "BsDropdownWithOptions",
   props: {
     anchorId: {
@@ -2248,7 +2274,7 @@ const Sa = {
     },
     label: {
       type: String,
-      default: void 0
+      default: "Select an option"
     },
     modelValue: {
       type: [String, Number],
@@ -2277,38 +2303,38 @@ const Sa = {
     "after-leave"
   ],
   setup(e, { emit: a }) {
-    const t = e, n = a, { transition: l } = fe(t), r = p(() => t.width === "toggle" ? "anchor" : t.width), d = p(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position), i = p(() => t.toggleId ? t.toggleId : t.anchorId), o = p(() => t.selectedValue || t.modelValue);
-    function s(c) {
+    const t = e, n = a, { transition: l } = ve(t), i = v(() => t.width === "toggle" ? "anchor" : t.width), u = v(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position), o = v(() => t.toggleId ? t.toggleId : t.anchorId), s = v(() => t.selectedValue || t.modelValue);
+    function r(c) {
       n("optselected", c), n("update:modelValue", c);
     }
-    return (c, h) => (u(), V(en, {
-      "anchor-id": i.value,
+    return (c, f) => (d(), L(Xa, {
+      "anchor-id": o.value,
       breakout: e.breakout,
       "container-id": e.containerId,
       "focus-on-show": e.focusOnShow,
       "helper-description": e.helperDescription,
       "helper-text": e.helperText,
       label: e.label,
-      "model-value": o.value,
+      "model-value": s.value,
       "options-id": e.optionsId,
-      position: d.value,
+      position: u.value,
       preloaded: e.preloaded,
       "prevent-tab": e.preventTab,
-      shown: f(l),
+      shown: p(l),
       "use-mobile-style": e.useMobileStyle,
-      width: r.value,
-      onClose: h[0] || (h[0] = (I) => n("close")),
-      onAfterEnter: h[1] || (h[1] = (I) => n("after-enter")),
-      onAfterLeave: h[2] || (h[2] = (I) => n("after-leave")),
-      "onUpdate:modelValue": s
+      width: i.value,
+      onClose: f[0] || (f[0] = (T) => n("close")),
+      onAfterEnter: f[1] || (f[1] = (T) => n("after-enter")),
+      onAfterLeave: f[2] || (f[2] = (T) => n("after-leave")),
+      "onUpdate:modelValue": r
     }, {
-      default: O(() => [
-        E(c.$slots, "default")
+      default: E(() => [
+        D(c.$slots, "default")
       ]),
       _: 3
     }, 8, ["anchor-id", "breakout", "container-id", "focus-on-show", "helper-description", "helper-text", "label", "model-value", "options-id", "position", "preloaded", "prevent-tab", "shown", "use-mobile-style", "width"]));
   }
-}, tn = ["aria-controls", "aria-expanded", "data-open", "data-size", "disabled"], an = {
+}, Za = ["aria-controls", "aria-expanded", "data-open", "data-size", "disabled"], Ja = {
   __name: "BsFilterButton",
   props: {
     badgeCount: {
@@ -2337,8 +2363,8 @@ const Sa = {
     }
   },
   setup(e) {
-    const a = e, t = p(() => a.badgeCount > 0);
-    return (n, l) => (u(), v("button", {
+    const a = e, t = v(() => a.badgeCount > 0);
+    return (n, l) => (d(), b("button", {
       class: "bs-filter-button",
       "aria-controls": e.optionsId,
       "aria-expanded": e.open,
@@ -2348,21 +2374,21 @@ const Sa = {
       disabled: e.disabled,
       type: "button"
     }, [
-      t.value ? (u(), V(Wt, {
+      t.value ? (d(), L(Gt, {
         key: 0,
         color: "blue",
         count: e.badgeCount,
         label: "active filter",
         position: "left",
         variant: "notext"
-      }, null, 8, ["count"])) : w("", !0),
-      E(n.$slots, "label", {}, () => [
-        F(T(e.label), 1)
+      }, null, 8, ["count"])) : k("", !0),
+      D(n.$slots, "label", {}, () => [
+        H(x(e.label), 1)
       ]),
-      D(f(ot))
-    ], 8, tn));
+      V(p(it))
+    ], 8, Za));
   }
-}, nn = ["id"], ql = {
+}, _a = ["id"], ql = {
   __name: "BsDropdownWithToggle",
   props: {
     breakout: {
@@ -2374,7 +2400,8 @@ const Sa = {
       default: !1
     },
     dropdownLabel: {
-      type: String
+      type: String,
+      default: "Select an option"
     },
     dropdownPosition: {
       type: String,
@@ -2424,51 +2451,51 @@ const Sa = {
   },
   emits: ["update:selectedOptions", "update:selectedOption", "toggled", "close"],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = m(!1), r = m(null), d = p(() => Re(async () => await (t.multiselect ? Promise.resolve().then(() => _a) : Promise.resolve().then(() => za)))), [i, o] = X(2);
-    N(l, (x) => {
-      x && r.value.$el.blur();
+    const t = e, n = a, l = m(!1), i = m(null), u = v(() => je(async () => await (t.multiselect ? Promise.resolve().then(() => Qa) : Promise.resolve().then(() => qa)))), [o, s] = Z(2);
+    z(l, (S) => {
+      S && i.value.$el.blur();
     });
-    function s() {
-      l.value = !1, n("close"), r.value.$el.focus();
+    function r() {
+      l.value = !1, n("close"), i.value.$el.focus();
     }
     function c() {
-      l.value && s();
+      l.value && r();
     }
-    function h() {
+    function f() {
       l.value = !0;
     }
-    function I(x) {
-      n("update:selectedOptions", x);
+    function T(S) {
+      n("update:selectedOptions", S);
     }
-    function $(x) {
-      t.multiselect || (n("update:selectedOption", x), s());
+    function y(S) {
+      t.multiselect || (n("update:selectedOption", S), r());
     }
-    return (x, S) => (u(), v("div", {
+    return (S, w) => (d(), b("div", {
       class: "bs-dropdown-with-toggle",
-      id: x.$attrs.id
+      id: S.$attrs.id
     }, [
-      D(an, {
+      V(Ja, {
         ref_key: "toggleRef",
-        ref: r,
-        "aria-controls": f(o),
+        ref: i,
+        "aria-controls": p(s),
         "aria-expanded": e.open,
         disabled: e.disabled,
-        id: f(i),
+        id: p(o),
         open: e.open,
-        "options-id": f(o),
+        "options-id": p(s),
         size: e.toggleSize,
-        onClick: S[0] || (S[0] = (k) => x.$emit("toggled"))
+        onClick: w[0] || (w[0] = (I) => S.$emit("toggled"))
       }, {
-        label: O(() => [
-          E(x.$slots, "toggle-label", {}, () => [
-            F(T(e.toggleLabel), 1)
+        label: E(() => [
+          D(S.$slots, "toggle-label", {}, () => [
+            H(x(e.toggleLabel), 1)
           ])
         ]),
         _: 3
       }, 8, ["aria-controls", "aria-expanded", "disabled", "id", "open", "options-id", "size"]),
-      D(rt, {
+      V(st, {
         shown: e.open,
-        "anchor-id": f(i),
+        "anchor-id": p(o),
         breakout: e.breakout,
         "helper-text": e.helperText,
         "helper-description": e.helperDescription,
@@ -2477,22 +2504,22 @@ const Sa = {
         "use-mobile-style": e.useMobileStyle,
         width: e.dropdownWidth,
         onClose: c,
-        onEnter: h
+        onEnter: f
       }, {
-        default: O(() => [
-          D(f(d), {
+        default: E(() => [
+          V(p(u), {
             label: e.dropdownLabel,
             "model-value": e.selectedOption,
             options: e.options,
-            "options-id": f(o),
+            "options-id": p(s),
             "selected-options": e.selectedOptions,
             shown: e.open,
-            "onUpdate:modelValue": $,
-            "onUpdate:selectedOptions": I,
-            onClose: S[1] || (S[1] = (k) => e.multiselect ? void 0 : c())
+            "onUpdate:modelValue": y,
+            "onUpdate:selectedOptions": T,
+            onClose: w[1] || (w[1] = (I) => e.multiselect ? void 0 : c())
           }, {
-            default: O(() => [
-              e.multiselect ? w("", !0) : (u(), V(ye, {
+            default: E(() => [
+              e.multiselect ? k("", !0) : (d(), L($e, {
                 key: 0,
                 options: e.options
               }, null, 8, ["options"]))
@@ -2502,51 +2529,51 @@ const Sa = {
         ]),
         _: 1
       }, 8, ["shown", "anchor-id", "breakout", "helper-text", "helper-description", "position", "use-mobile-style", "width"])
-    ], 8, nn));
+    ], 8, _a));
   }
-}, ln = ["view-box"], on = ["id"], rn = ["offset", "stop-color"], Ml = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, en = ["view-box"], tn = ["id"], an = ["offset", "stop-color"], Pl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsIconGradientWrapper",
   setup(e) {
     const a = m(null), t = m(null), n = [
       { offset: 0.1326, color: "#EE282A" },
       { offset: 0.5466, color: "#1C0087" },
       { offset: 0.9715, color: "#0086EA" }
-    ], [l] = X();
-    return W(() => {
+    ], [l] = Z();
+    return Y(() => {
       t.value = a.value.querySelector("svg").getAttribute("viewBox") || "0 0 0 0";
-    }), (r, d) => (u(), v(j, null, [
-      g("span", z({
+    }), (i, u) => (d(), b(G, null, [
+      $("span", M({
         ref_key: "svgWrapperRef",
         ref: a,
         class: "bs-icon-gradient-wrapper",
-        style: `fill: url(#${f(l)});`
-      }, r.$attrs), [
-        E(r.$slots, "default")
+        style: `fill: url(#${p(l)});`
+      }, i.$attrs), [
+        D(i.$slots, "default")
       ], 16),
-      (u(), v("svg", {
+      (d(), b("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         "view-box": t.value,
         width: "0",
         height: "0"
       }, [
-        g("linearGradient", {
-          id: f(l),
+        $("linearGradient", {
+          id: p(l),
           x1: "0",
           y1: "0",
           x2: "100%",
           y2: "100%",
           "gradient-units": "userSpaceOnUse"
         }, [
-          (u(), v(j, null, Z(n, (i) => g("stop", {
-            key: i.offset,
-            offset: i.offset,
-            "stop-color": i.color
-          }, null, 8, rn)), 64))
-        ], 8, on)
-      ], 8, ln))
+          (d(), b(G, null, J(n, (o) => $("stop", {
+            key: o.offset,
+            offset: o.offset,
+            "stop-color": o.color
+          }, null, 8, an)), 64))
+        ], 8, tn)
+      ], 8, en))
     ], 64));
   }
-}), Pl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), Ml = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsInputField",
   props: {
     /** Sets the disabled state on input, disabled styles on label. */
@@ -2593,43 +2620,43 @@ const Sa = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, [n, l] = X(2), r = p(() => ce.concat(t.passAttrs.split(",")).concat("type")), d = p(() => {
-      var s, c;
-      return ((c = (s = t.hints) == null ? void 0 : s.join) == null ? void 0 : c.call(s, `
+    const t = e, [n, l] = Z(2), i = v(() => Be.concat(t.passAttrs.split(",")).concat("type")), u = v(() => {
+      var r, c;
+      return ((c = (r = t.hints) == null ? void 0 : r.join) == null ? void 0 : c.call(r, `
 `)) || t.hints;
-    }), i = p(() => t.error && t.errorMsg || t.hint || d.value || void 0), o = p(() => t.inputId || n.value);
-    return (s, c) => (u(), v("div", z({ "data-component": "bs-input-field" }, f(U)(s.$attrs, r.value).remaining), [
-      e.label || s.$slots.label ? (u(), V(ne, {
+    }), o = v(() => t.error && t.errorMsg || t.hint || u.value || void 0), s = v(() => t.inputId || n.value);
+    return (r, c) => (d(), b("div", M({ "data-component": "bs-input-field" }, p(K)(r.$attrs, i.value).remaining), [
+      e.label || r.$slots.label ? (d(), L(oe, {
         key: 0,
-        for: s.$attrs.id || o.value,
+        for: r.$attrs.id || s.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: O(() => [
-          E(s.$slots, "label", {}, () => [
-            F(T(e.label), 1)
+        default: E(() => [
+          D(r.$slots, "label", {}, () => [
+            H(x(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : w("", !0),
-      D(ve, z({
+      }, 8, ["for", "disabled", "required"])) : k("", !0),
+      V(be, M({
         disabled: e.disabled,
         error: e.error,
-        "hint-id": f(l),
-        id: s.$attrs.id || o.value,
+        "hint-id": p(l),
+        id: r.$attrs.id || s.value,
         placeholder: e.placeholder,
         required: e.required,
         type: e.type,
         value: e.value || e.modelValue,
-        "onUpdate:modelValue": c[0] || (c[0] = (h) => s.$emit("update:modelValue", h))
-      }, f(U)(s.$attrs, r.value).filtered), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "type", "value"]),
-      i.value ? (u(), V(pe, {
+        "onUpdate:modelValue": c[0] || (c[0] = (f) => r.$emit("update:modelValue", f))
+      }, p(K)(r.$attrs, i.value).filtered), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "type", "value"]),
+      o.value ? (d(), L(he, {
         key: 1,
         error: e.error,
         "error-msg": e.errorMsg,
-        hint: e.hint || d.value,
-        "hint-id": f(l)
-      }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : w("", !0)
+        hint: e.hint || u.value,
+        "hint-id": p(l)
+      }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : k("", !0)
     ], 16));
   }
 }), tt = {
@@ -2685,8 +2712,8 @@ const Sa = {
    * @returns {Country[]} an array of country objects
    */
   initSourceData() {
-    return this.data.allCountries || (this.data.allCountries = Vt().map((e) => {
-      const a = Et(e), t = tt[a[0]] + tt[a[1]] || "";
+    return this.data.allCountries || (this.data.allCountries = Et().map((e) => {
+      const a = Dt(e), t = tt[a[0]] + tt[a[1]] || "";
       return {
         label: `+${e}`,
         flag: t,
@@ -2700,10 +2727,10 @@ const Sa = {
       this.data[e][t[a]] = t;
     }));
   }
-}, sn = ["id", "aria-controls", "aria-expanded", "aria-label", "disabled"], dn = {
+}, nn = ["id", "aria-controls", "aria-expanded", "aria-label", "disabled"], ln = { key: 0 }, on = {
   "aria-hidden": "true",
   style: { width: "1.25rem" }
-}, un = { "aria-hidden": "true" }, zl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, rn = { "aria-hidden": "true" }, zl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsInputPhone",
   props: {
     deferValidation: {
@@ -2753,7 +2780,7 @@ const Sa = {
   },
   emits: ["update:modelValue", "input-blur"],
   setup(e, { expose: a, emit: t }) {
-    const n = e, l = t, r = [
+    const n = e, l = t, i = [
       "ArrowDown",
       "ArrowLeft",
       "ArrowRight",
@@ -2765,153 +2792,155 @@ const Sa = {
       "Escape",
       "Home",
       "Tab"
-    ], d = m(null), i = m(1), o = m([]), s = m(null), [
+    ], u = m(null), o = m(1), s = m([]), r = m(null), [
       c,
-      h,
-      I,
-      $
-    ] = X(4), x = m(!1), S = m(""), k = m(""), q = m(!1), b = m(!1), B = m(!0);
+      f,
+      T,
+      y
+    ] = Z(4), S = m(!1), w = m(""), I = m(""), q = m(!1), B = m(!1), h = m(!0);
     a({
       validationErr: q,
-      validationErrMsg: k
+      validationErrMsg: I
     });
-    const A = p(() => S.value ? `+${i.value}${S.value}` : ""), C = p(() => `Country code: ${i.value}. Click to change.`), M = p(() => B.value ? n.errorMsg || k.value : ""), H = p(() => n.error || q.value), Q = p(() => n.hint || H.value && M.value), _ = p(() => B.value && H.value);
-    N(A, (P) => {
-      l("update:modelValue", P), be(P);
-    }), N(() => n.modelValue, de), De(), W(() => x.value = !0);
-    function de(P, Y) {
-      P === "" && P !== Y && (S.value = "");
+    const C = v(() => w.value ? `+${o.value}${w.value}` : ""), O = v(() => `Country code: ${o.value}. Click to change.`), j = v(() => h.value ? n.errorMsg || I.value : ""), R = v(() => n.error || q.value), F = v(() => n.hint || R.value && j.value), Q = v(() => h.value && R.value);
+    z(C, (P) => {
+      l("update:modelValue", P), ge(P);
+    }), z(() => n.modelValue, ie), Oe(), Y(() => S.value = !0);
+    function ie(P, U) {
+      P === "" && P !== U && (w.value = "");
     }
-    function xe() {
+    function ee() {
       var P;
-      b.value && (b.value = !1, (P = d.value) == null || P.focus());
+      B.value && (B.value = !1, (P = u.value) == null || P.focus());
     }
-    function Ae(P) {
-      var Y;
-      i.value = P, b.value = !1, (Y = d.value) == null || Y.focus(), he(P);
+    function Le(P) {
+      var U;
+      o.value = P, B.value = !1, (U = u.value) == null || U.focus(), me(P);
     }
-    function Le() {
-      n.deferValidation && (B.value = !0), l("input-blur");
-    }
-    function Ve(P) {
-      S.value = P.target.value, n.deferValidation && (B.value = !1);
+    function Ve() {
+      n.deferValidation && (h.value = !0), l("input-blur");
     }
     function Ee(P) {
-      !P.key.match(/[0-9]/) && !r.includes(P.key) && P.preventDefault();
+      w.value = P.target.value, n.deferValidation && (h.value = !1);
     }
-    function De() {
-      Me.initSourceData(), Oe(), he(i.value), be(A.value);
+    function De(P) {
+      var U, W;
+      !((W = (U = P.key) == null ? void 0 : U.match) != null && W.call(U, /[0-9]/)) && !i.includes(P.key) && !P.ctrlKey && !P.metaKey && P.preventDefault();
     }
     function Oe() {
-      var Y, K;
+      Me.initSourceData(), qe(), me(o.value), ge(C.value);
+    }
+    function qe() {
+      var U, W;
       let P = Qe(n.modelValue);
-      P.valid || P.countryCode && ((K = (Y = n.modelValue) == null ? void 0 : Y.startsWith) != null && K.call(Y, "+")) ? (i.value = P.countryCode, S.value = P.number.significant) : S.value = n.modelValue, o.value = Me.data.allCountries.map((ue) => ({
-        ...ue,
-        isSelected: i.value === ue
+      P.valid || P.countryCode && ((W = (U = n.modelValue) == null ? void 0 : U.startsWith) != null && W.call(U, "+")) ? (o.value = P.countryCode, w.value = P.number.significant) : w.value = n.modelValue, s.value = Me.data.allCountries.map((fe) => ({
+        ...fe,
+        isSelected: o.value === fe
       }));
     }
-    function he(P) {
-      s.value = Me.getCountryByCountryCode(P);
+    function me(P) {
+      r.value = Me.getCountryByCountryCode(P);
     }
-    function be(P) {
-      q.value = P ? !Qe(P).valid : !1, k.value = q.value ? "Invalid phone number" : "";
+    function ge(P) {
+      q.value = P ? !Qe(P).valid : !1, I.value = q.value ? "Invalid phone number" : "";
     }
-    return (P, Y) => (u(), v("div", z({
+    return (P, U) => (d(), b("div", M({
       class: "bs-input-phone",
       "data-component": "bs-input-phone"
-    }, f(U)(P.$attrs, f(ce)).remaining), [
-      D(ne, {
-        for: P.$attrs.id || e.inputId || f($),
+    }, p(K)(P.$attrs, p(Be)).remaining), [
+      V(oe, {
+        for: P.$attrs.id || e.inputId || p(y),
         required: e.required,
-        class: ae({ "visually-hidden": e.hideLabel })
+        class: ne({ "visually-hidden": e.hideLabel })
       }, {
-        default: O(() => [
-          F(T(e.label), 1)
+        default: E(() => [
+          H(x(e.label), 1)
         ]),
         _: 1
       }, 8, ["for", "required", "class"]),
-      D(Ce, {
+      V(xe, {
         disabled: e.disabled,
-        error: _.value,
+        error: Q.value,
         multifocus: !0,
         variant: "inner-bordered"
       }, {
-        default: O(() => {
-          var K;
+        default: E(() => {
+          var W;
           return [
-            g("button", {
-              id: f(c),
+            $("button", {
+              id: p(c),
               ref_key: "countryCodesToggle",
-              ref: d,
-              "aria-controls": f(h),
-              "aria-expanded": b.value,
+              ref: u,
+              "aria-controls": p(f),
+              "aria-expanded": B.value,
               "aria-haspopup": "listbox",
-              "aria-label": C.value,
+              "aria-label": O.value,
               disabled: e.disabled,
               type: "button",
-              onClick: Y[0] || (Y[0] = (ue) => b.value = !b.value)
+              onClick: U[0] || (U[0] = (fe) => B.value = !B.value)
             }, [
-              g("span", null, T((K = s.value) == null ? void 0 : K.flag), 1),
-              g("span", null, "+" + T(i.value), 1),
-              D(f(ht), { size: "sm" })
-            ], 8, sn),
-            D(ve, z({
-              "input-id": P.$attrs.id || e.inputId || f($),
+              $("span", null, x((W = r.value) == null ? void 0 : W.flag), 1),
+              $("span", null, "+" + x(o.value), 1),
+              V(p(bt), { size: "sm" })
+            ], 8, nn),
+            V(be, M({
+              "input-id": P.$attrs.id || e.inputId || p(y),
               disabled: e.disabled,
-              "hint-id": f(I),
+              "hint-id": p(T),
               placeholder: e.placeholder,
-              value: S.value,
+              value: w.value,
               "data-autowidth": "",
               type: "tel"
-            }, f(U)(P.$attrs, f(ce)).filtered, {
-              onInput: Ve,
-              onFocusout: Le,
-              onKeydown: Ee
+            }, p(K)(P.$attrs, p(Be)).filtered, {
+              onInput: Ee,
+              onFocusout: Ve,
+              onKeydown: De
             }), null, 16, ["input-id", "disabled", "hint-id", "placeholder", "value"])
           ];
         }),
         _: 1
       }, 8, ["disabled", "error"]),
-      Be(D(pe, {
-        error: H.value,
-        "error-msg": M.value,
+      Se(V(he, {
+        error: R.value,
+        "error-msg": j.value,
         hint: e.hint,
-        "hint-id": f(I)
+        "hint-id": p(T)
       }, null, 8, ["error", "error-msg", "hint", "hint-id"]), [
-        [$e, Q.value]
+        [we, F.value]
       ]),
-      x.value ? (u(), V(We, {
-        key: 0,
-        "anchor-id": f(c),
-        "helper-text": "Country Code",
-        label: "Country Code",
-        "model-value": i.value,
-        "options-id": f(h),
-        preloaded: "",
-        shown: b.value,
-        width: "content",
-        onClose: xe,
-        "onUpdate:modelValue": Ae
-      }, {
-        default: O(() => [
-          (u(!0), v(j, null, Z(o.value, (K) => (u(), V(Ue, {
-            "aria-label": K.value,
-            key: K.value,
-            value: `${K.value}`,
-            variant: "2-col"
-          }, {
-            default: O(() => [
-              g("span", dn, T(K == null ? void 0 : K.flag), 1),
-              g("span", un, T(K.label), 1)
-            ]),
-            _: 2
-          }, 1032, ["aria-label", "value"]))), 128))
-        ]),
-        _: 1
-      }, 8, ["anchor-id", "model-value", "options-id", "shown"])) : w("", !0)
+      S.value ? (d(), b("div", ln, [
+        V(Ge, {
+          "anchor-id": p(c),
+          "helper-text": "Country Code",
+          label: "Country Code",
+          "model-value": o.value,
+          "options-id": p(f),
+          preloaded: "",
+          shown: B.value,
+          width: "content",
+          onClose: ee,
+          "onUpdate:modelValue": Le
+        }, {
+          default: E(() => [
+            S.value ? (d(!0), b(G, { key: 0 }, J(s.value, (W) => (d(), L(We, {
+              "aria-label": W.value,
+              key: W.value,
+              value: `${W.value}`,
+              variant: "2-col"
+            }, {
+              default: E(() => [
+                $("span", on, x(W == null ? void 0 : W.flag), 1),
+                $("span", rn, x(W.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["aria-label", "value"]))), 128)) : k("", !0)
+          ]),
+          _: 1
+        }, 8, ["anchor-id", "model-value", "options-id", "shown"])
+      ])) : k("", !0)
     ], 16));
   }
-}), cn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), sn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsInputSearch",
   props: {
     /** Sets the disabled state on input, disabled styles on label. */
@@ -2956,38 +2985,65 @@ const Sa = {
   },
   emits: ["clear", "update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = p(() => !t.disabled && !t.hideClear && t.variant !== "filter");
-    return (l, r) => (u(), V(Ce, z({
+    const t = e, n = v(() => Be.concat(t.passAttrs.split(","))), l = v(() => !t.disabled && !t.hideClear && t.variant !== "filter");
+    return (i, u) => (d(), L(xe, M({
       class: "bs-input-search",
       "data-component": "bs-input-search",
       "data-variant": e.variant,
       disabled: e.disabled
-    }, f(U)(l.$attrs, f(ce)).remaining), {
-      default: O(() => [
-        e.hideSearchIcon ? w("", !0) : (u(), V(f(bt), { key: 0 })),
-        D(ve, z({
+    }, p(K)(i.$attrs, n.value).remaining), {
+      default: E(() => [
+        e.hideSearchIcon ? k("", !0) : (d(), L(p(mt), { key: 0 })),
+        V(be, M({
           "data-autowidth": "",
           disabled: e.disabled,
-          "input-id": l.$attrs.id || e.inputId,
+          "input-id": i.$attrs.id || e.inputId,
           placeholder: e.placeholder,
           value: e.value || e.modelValue
-        }, f(U)(l.$attrs, f(ce)).filtered, {
-          "onUpdate:modelValue": r[0] || (r[0] = (d) => l.$emit("update:modelValue", d))
+        }, p(K)(i.$attrs, n.value).filtered, {
+          "onUpdate:modelValue": u[0] || (u[0] = (o) => i.$emit("update:modelValue", o))
         }), null, 16, ["disabled", "input-id", "placeholder", "value"]),
-        Be(g("button", {
+        Se($("button", {
           title: "Clear",
           type: "button",
-          onClick: r[1] || (r[1] = (d) => l.$emit("clear"))
+          onClick: u[1] || (u[1] = (o) => i.$emit("clear"))
         }, [
-          D(f(Se), { size: "sm" })
+          V(p(ke), { size: "sm" })
         ], 512), [
-          [$e, n.value]
+          [we, l.value]
         ])
       ]),
       _: 1
     }, 16, ["data-variant", "disabled"]));
   }
-}), Nl = {
+}), dn = ["data-size", "data-variant"], un = /* @__PURE__ */ $("span", null, null, -1), cn = /* @__PURE__ */ $("span", null, null, -1), fn = /* @__PURE__ */ $("span", null, null, -1), pn = /* @__PURE__ */ $("span", null, null, -1), vn = /* @__PURE__ */ $("span", { class: "visually-hidden" }, "Loading", -1), hn = [
+  un,
+  cn,
+  fn,
+  pn,
+  vn
+], bn = {
+  __name: "BsLoader",
+  props: {
+    size: {
+      type: String,
+      default: "md",
+      validator: (e) => ["xs", "sm", "md", "lg"].includes(e)
+    },
+    variant: {
+      type: String,
+      validator: (e) => ["black", "white", "gray"].includes(e)
+    }
+  },
+  setup(e) {
+    return (a, t) => (d(), b("span", {
+      class: "bs-loader",
+      "data-size": e.size,
+      "data-variant": e.variant,
+      role: "status"
+    }, hn, 8, dn));
+  }
+}, mn = ["id"], Nl = {
   __name: "BsInputTypeahead",
   props: {
     characterThreshold: {
@@ -3019,6 +3075,10 @@ const Sa = {
       type: String,
       default: ""
     },
+    loading: {
+      type: Boolean,
+      default: !1
+    },
     maxOptions: {
       type: Number,
       default: void 0
@@ -3047,127 +3107,112 @@ const Sa = {
   },
   emits: ["update:inputValue", "update:optionsValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = m(!1), r = m(!1), [d] = X();
-    let i = [];
-    N(() => t.inputValue, () => {
-      r.value ? r.value = !1 : S();
+    const t = e, n = a, l = m(!1), i = m(!1), [u] = Z();
+    let o = [];
+    z(() => t.inputValue, () => {
+      i.value ? i.value = !1 : w();
     });
-    const o = p(() => t.typeaheadId || d.value), s = p(() => `${o.value}-input-addon`), c = p(() => `${o.value}-input`), h = p(() => `${o.value}-options`), I = p(() => {
+    const s = v(() => t.typeaheadId || u.value), r = v(() => `${s.value}-input-container`), c = v(() => `${s.value}-input`), f = v(() => `${s.value}-options`), T = v(() => {
       if (l.value) {
-        let b = t.options;
-        const B = t.inputValue.toLowerCase(), A = t.filterType === "includes" ? "includes" : "startsWith";
-        return b = $(b, B, A), b = b.slice(0, t.maxOptions), b = x(b, B, A), i = b, b;
+        let B = t.options;
+        const h = t.inputValue.toLowerCase(), C = t.filterType === "includes" ? "includes" : "startsWith";
+        return B = y(B, h, C), B = B.slice(0, t.maxOptions), B = S(B, h, C), o = B, B;
       } else
-        return i;
+        return o;
     });
-    function $(b, B, A) {
-      return t.internalFiltering ? b.filter((C) => C.label.toLowerCase()[A](B)) : b;
+    function y(B, h, C) {
+      return t.internalFiltering ? B.filter((O) => O.label.toLowerCase()[C](h)) : B;
     }
-    function x(b, B, A) {
-      return b.map((C) => {
-        let M = C.label;
-        if (B !== "") {
-          const H = A === "includes" ? "gi" : "i", Q = new RegExp(`(${B})`, H);
-          M = C.label.replace(Q, '<span style="color: var(--bs-blue-base)">$1</span>');
+    function S(B, h, C) {
+      return B.map((O) => {
+        let j = O.label;
+        if (h !== "") {
+          const R = C === "includes" ? "gi" : "i", F = new RegExp(`(${h})`, R);
+          j = O.label.replace(F, '<span style="color: var(--bs-blue-base)">$1</span>');
         }
-        return { ...C, labelHtml: M };
+        return { ...O, labelHtml: j };
       });
     }
-    function S() {
+    function w() {
       t.inputValue.length >= t.characterThreshold ? l.value = !0 : l.value = !1;
     }
-    function k() {
+    function I() {
       n("update:inputValue", ""), n("update:optionsValue", ""), document.getElementById(c.value).focus();
     }
-    function q(b) {
-      r.value = !0, l.value = !1;
-      const B = I.value.find((A) => A.value === b);
-      n("update:inputValue", B.label), n("update:optionsValue", b);
+    function q(B) {
+      i.value = !0, l.value = !1;
+      const h = T.value.find((C) => C.value === B);
+      n("update:inputValue", h.label), n("update:optionsValue", B);
     }
-    return (b, B) => (u(), v(j, null, [
-      e.label || b.$slots.label ? (u(), V(ne, {
+    return (B, h) => (d(), b(G, null, [
+      e.label || B.$slots.label ? (d(), L(oe, {
         key: 0,
         for: c.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: O(() => [
-          E(b.$slots, "label", {}, () => [
-            F(T(e.label), 1)
+        default: E(() => [
+          D(B.$slots, "label", {}, () => [
+            H(x(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : w("", !0),
-      D(cn, z({
-        "aria-controls": h.value,
-        "aria-expanded": l.value,
-        "aria-haspopup": "listbox",
-        autocomplete: "off",
-        disabled: e.disabled,
-        "hide-clear": e.inputValue === "",
-        "hide-search-icon": e.hideSearchIcon,
-        id: s.value,
-        "input-id": c.value,
-        placeholder: e.placeholder,
-        value: e.inputValue
-      }, b.$attrs, {
-        onClear: k,
-        onFocusin: S,
-        "onUpdate:modelValue": B[0] || (B[0] = (A) => n("update:inputValue", A))
-      }), null, 16, ["aria-controls", "aria-expanded", "disabled", "hide-clear", "hide-search-icon", "id", "input-id", "placeholder", "value"]),
-      D(We, {
-        "anchor-id": s.value,
+      }, 8, ["for", "disabled", "required"])) : k("", !0),
+      $("div", { id: r.value }, [
+        V(sn, M({
+          "aria-controls": f.value,
+          "aria-expanded": l.value,
+          "aria-haspopup": "listbox",
+          autocomplete: "off",
+          disabled: e.disabled,
+          "hide-clear": e.inputValue === "",
+          "hide-search-icon": e.hideSearchIcon,
+          "input-id": c.value,
+          "pass-attrs": "aria-controls,aria-expanded,role",
+          placeholder: e.placeholder,
+          role: "combobox",
+          value: e.inputValue
+        }, B.$attrs, {
+          onClear: I,
+          onFocusin: w,
+          "onUpdate:modelValue": h[0] || (h[0] = (C) => n("update:inputValue", C))
+        }), null, 16, ["aria-controls", "aria-expanded", "disabled", "hide-clear", "hide-search-icon", "input-id", "placeholder", "value"])
+      ], 8, mn),
+      V(Ge, {
+        "anchor-id": r.value,
         "focus-on-show": !1,
         "model-value": e.optionsValue,
-        "options-id": h.value,
+        "options-id": f.value,
         preloaded: !0,
         "prevent-tab": !1,
         shown: l.value,
         "use-mobile-style": !1,
         width: "toggle",
-        onClose: B[1] || (B[1] = (A) => l.value = !1),
+        onClose: h[1] || (h[1] = (C) => l.value = !1),
         "onUpdate:modelValue": q
       }, {
-        default: O(() => [
-          D(ye, { options: I.value }, {
-            "no-options": O(() => [
-              F("No results found")
-            ]),
-            _: 1
-          }, 8, ["options"])
+        default: E(() => [
+          V($e, { options: T.value }, vt({ _: 2 }, [
+            e.loading ? {
+              name: "no-options",
+              fn: E(() => [
+                V(bn, { size: "xs" })
+              ]),
+              key: "0"
+            } : {
+              name: "no-options",
+              fn: E(() => [
+                H("No results found")
+              ]),
+              key: "1"
+            }
+          ]), 1032, ["options"])
         ]),
         _: 1
       }, 8, ["anchor-id", "model-value", "options-id", "shown"])
     ], 64));
   }
-}, fn = ["data-size", "data-variant"], pn = /* @__PURE__ */ g("span", null, null, -1), vn = /* @__PURE__ */ g("span", null, null, -1), hn = /* @__PURE__ */ g("span", null, null, -1), bn = /* @__PURE__ */ g("span", null, null, -1), mn = /* @__PURE__ */ g("span", { class: "visually-hidden" }, "Loading", -1), gn = [
-  pn,
-  vn,
-  hn,
-  bn,
-  mn
-], Rl = {
-  __name: "BsLoader",
-  props: {
-    size: {
-      type: String,
-      default: "md",
-      validator: (e) => ["xs", "sm", "md", "lg"].includes(e)
-    },
-    variant: {
-      type: String,
-      validator: (e) => ["black", "white", "gray"].includes(e)
-    }
-  },
-  setup(e) {
-    return (a, t) => (u(), v("span", {
-      class: "bs-loader",
-      "data-size": e.size,
-      "data-variant": e.variant,
-      role: "status"
-    }, gn, 8, fn));
-  }
-}, yn = /* @__PURE__ */ g("div", { class: "bs-overlay" }, null, -1), Bn = {
+}, gn = /* @__PURE__ */ $("div", { class: "bs-overlay" }, null, -1), yn = {
   __name: "BsOverlay",
   props: {
     shown: {
@@ -3196,27 +3241,24 @@ const Sa = {
   },
   emits: ["after-enter", "after-leave"],
   setup(e, { emit: a }) {
-    const t = e, n = a, { transition: l } = fe(t);
-    return N(l, (r) => {
-      r ? document.body.setAttribute("data-scroll", "false") : document.body.removeAttribute("data-scroll");
-    }), (r, d) => (u(), V(f(Te), {
-      shown: f(l),
+    const t = e, n = a, { transition: l } = ve(t);
+    return z(l, (i) => {
+      i ? document.body.setAttribute("data-scroll", "false") : document.body.removeAttribute("data-scroll");
+    }), (i, u) => (d(), L(p(Ae), {
+      shown: p(l),
       preloaded: e.preloaded,
       duration: 75,
       "enter-attribute": "data-shown",
-      onAfterEnter: d[0] || (d[0] = (i) => n("after-enter")),
-      onAfterLeave: d[1] || (d[1] = (i) => n("after-leave"))
+      onAfterEnter: u[0] || (u[0] = (o) => n("after-enter")),
+      onAfterLeave: u[1] || (u[1] = (o) => n("after-leave"))
     }, {
-      default: O(() => [
-        yn
+      default: E(() => [
+        gn
       ]),
       _: 1
     }, 8, ["shown", "preloaded"]));
   }
-}, $n = ["id", "role"], Sn = {
-  key: 0,
-  class: "modal-title"
-}, jl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Bn = ["id", "role", "aria-labelledby"], $n = ["id"], Rl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsModal",
   props: {
     modalId: {
@@ -3261,81 +3303,86 @@ const Sa = {
   },
   emits: ["close", "after-enter", "after-leave"],
   setup(e, { emit: a }) {
-    const t = e, n = a, { transition: l } = fe(t);
-    let r = !1;
-    const d = m(null), i = (c) => {
-      d.value && c.target.closest(".bs-overlay") && n("close", t.modalId);
+    const t = e, n = a, { transition: l } = ve(t), [i] = Z();
+    let u = !1;
+    const o = m(null), s = (f) => {
+      o.value && f.target.closest(".bs-overlay") && n("close", t.modalId);
     };
-    W(() => {
-      document.addEventListener("click", i);
-    }), oe(() => {
-      document.removeEventListener("click", i);
-    }), Ie(["Escape"], () => {
-      r && n("close", t.modalId);
+    Y(() => {
+      document.addEventListener("click", s);
+    }), de(() => {
+      document.removeEventListener("click", s);
+    }), Te(["Escape"], () => {
+      u && n("close", t.modalId);
     });
-    const o = () => !t.title && t.closeButton, s = () => t.title && t.closeButton;
-    return (c, h) => (u(), v(j, null, [
-      D(Bn, {
-        shown: f(l),
+    const r = () => !t.title && t.closeButton, c = () => t.title && t.closeButton;
+    return (f, T) => (d(), b(G, null, [
+      V(yn, {
+        shown: p(l),
         preloaded: e.preloaded,
         "enter-controlled": e.enterControlled,
         "enter-trigger": e.enterTrigger,
         "leave-trigger": e.leaveTrigger
       }, null, 8, ["shown", "preloaded", "enter-controlled", "enter-trigger", "leave-trigger"]),
-      D(Te, {
-        shown: f(l),
+      V(Ae, {
+        shown: p(l),
         preloaded: e.preloaded,
         duration: 75,
         "enter-attribute": "data-shown",
-        onEnter: h[1] || (h[1] = (I) => pt(r) ? r.value = !0 : r = !0),
-        onAfterEnter: h[2] || (h[2] = (I) => n("after-enter")),
-        onAfterLeave: h[3] || (h[3] = (I) => n("after-leave"))
+        onEnter: T[1] || (T[1] = (y) => ht(u) ? u.value = !0 : u = !0),
+        onAfterEnter: T[2] || (T[2] = (y) => n("after-enter")),
+        onAfterLeave: T[3] || (T[3] = (y) => n("after-leave"))
       }, {
-        default: O(() => [
-          g("div", z({
-            id: t.modalId,
+        default: E(() => [
+          $("div", M({
+            id: e.modalId,
             class: "bs-modal",
             role: e.alert ? "alertdialog" : "dialog",
+            "aria-labelledby": e.title && !f.$attrs["aria-label"] ? p(i) : void 0,
             "aria-modal": "true"
-          }, c.$attrs, {
+          }, f.$attrs, {
             ref_key: "modalRef",
-            ref: d
+            ref: o
           }), [
-            e.title || e.closeButton ? (u(), v("header", {
+            e.title || e.closeButton ? (d(), b("header", {
               key: 0,
-              class: ae({
-                "only-close-button-modal-header": o,
-                "modal-header": s
+              class: ne({
+                "only-close-button-modal-header": r,
+                "modal-header": c
               })
             }, [
-              e.title ? (u(), v("h5", Sn, T(e.title), 1)) : w("", !0),
-              e.closeButton ? (u(), v("button", {
+              e.title ? (d(), b("h5", {
+                key: 0,
+                id: p(i),
+                class: "modal-title"
+              }, x(e.title), 9, $n)) : k("", !0),
+              e.closeButton ? (d(), b("button", {
                 key: 1,
                 type: "button",
                 title: "Close Modal",
                 "aria-label": "Close Modal",
-                onClick: h[0] || (h[0] = (I) => n("close", e.modalId))
+                onClick: T[0] || (T[0] = (y) => n("close", e.modalId))
               }, [
-                D(f(Se), { class: "close-button" })
-              ])) : w("", !0)
-            ], 2)) : w("", !0),
-            E(c.$slots, "default")
-          ], 16, $n)
+                V(p(ke), { class: "close-button" })
+              ])) : k("", !0)
+            ], 2)) : k("", !0),
+            D(f.$slots, "default")
+          ], 16, Bn)
         ]),
         _: 3
       }, 8, ["shown", "preloaded"])
     ], 64));
   }
-}), wn = ["data-variant", "data-fixed"], kn = {
+}), Sn = ["data-variant", "data-fixed"], wn = {
   key: 0,
   class: "bs-pagination-carets"
-}, In = ["title", "disabled"], Cn = { key: 0 }, Tn = ["title", "disabled"], xn = { key: 0 }, An = {
+}, kn = ["aria-label", "title", "disabled"], In = { key: 0 }, Cn = ["aria-label", "title", "disabled"], Tn = { key: 0 }, xn = {
   key: 1,
   class: "bs-pagination-page-numbers"
-}, Ln = ["title", "data-selected", "onClick"], Vn = { key: 2 }, En = { key: 3 }, Dn = /* @__PURE__ */ g("span", null, "Results Per Page:", -1), On = { class: "bs-pagination-results-numbers" }, qn = ["data-selected", "disabled", "onClick"], Mn = {
+}, An = ["title", "data-selected", "onClick"], Ln = { key: 2 }, Vn = { key: 3 }, En = /* @__PURE__ */ $("span", null, "Results Per Page:", -1), Dn = { class: "bs-pagination-results-numbers" }, On = ["data-selected", "disabled", "onClick"], qn = {
   key: 5,
   class: "bs-pagination-carets"
-}, Pn = ["title", "disabled"], zn = { key: 0 }, Nn = ["title", "disabled"], Rn = { key: 0 }, Fl = {
+}, Pn = ["aria-label", "title", "disabled"], Mn = { key: 0 }, zn = ["aria-label", "title", "disabled"], Nn = { key: 0 }, jl = {
   __name: "BsPagination",
   props: {
     // Used for all
@@ -3422,128 +3469,132 @@ const Sa = {
   emits: ["selchange", "update:modelValue"],
   setup(e, { emit: a }) {
     const t = e, n = a, l = m(null);
-    W(() => {
-      r.value ? l.value = r.value : t.variant === "results" ? l.value = S.value[0] : l.value = 1;
+    Y(() => {
+      i.value ? l.value = i.value : t.variant === "results" ? l.value = w.value[0] : l.value = 1;
     });
-    const r = p(() => t.modelValue || t.selection);
-    N(() => t.selection, (k) => {
-      l.value = k;
-    }), N(() => t.modelValue, (k) => {
-      l.value = k;
-    }), N(l, (k, q) => {
-      q !== null && (n("selchange", k), n("update:modelValue", k));
+    const i = v(() => t.modelValue || t.selection);
+    z(() => t.selection, (I) => {
+      l.value = I;
+    }), z(() => t.modelValue, (I) => {
+      l.value = I;
+    }), z(l, (I, q) => {
+      q !== null && (n("selchange", I), n("update:modelValue", I));
     });
-    const d = p(() => {
+    const u = v(() => {
       if (t.variant === "group")
         return Math.ceil(t.itemsCount / t.itemsPerGroup);
       if (t.variant === "base")
         return t.pageCount;
-    }), i = p(() => t.variant === "base" ? t.centerDisplay === "text" ? "group" : void 0 : t.variant);
-    function o() {
+    }), o = v(() => t.variant === "base" ? t.centerDisplay === "text" ? "group" : void 0 : t.variant);
+    function s() {
       l.value = 1;
     }
-    function s() {
+    function r() {
       l.value = Math.max(l.value - 1, 1);
     }
     function c() {
       l.value = Math.min(
         l.value + 1,
-        d.value
+        u.value
       );
     }
-    function h() {
-      l.value = d.value;
+    function f() {
+      l.value = u.value;
     }
-    const I = p(() => {
+    const T = v(() => {
       if (t.pageCount <= t.pageRange)
         return [...Array(t.pageCount + 1).keys()].slice(1);
-      const k = [1], q = (t.pageRange - 1) / 2;
-      let b = l.value - q, B = l.value + q;
-      b < 1 && (B += 1 - b, b = 1), B > t.pageCount && (b -= B - t.pageCount, B = t.pageCount), b = Math.max(b, 2), B = Math.min(B, t.pageCount - 1), b > 2 && k.push(t.breakText);
-      for (let A = b; A <= B; A++)
-        k.push(A);
-      return B < t.pageCount - 1 && k.push(t.breakText), k.push(t.pageCount), k;
-    }), $ = p(() => `${t.centerLabel ?? "Page"} ${l.value} of ${d.value}`), x = p(() => {
-      const k = (l.value - 1) * t.itemsPerGroup + 1, q = Math.min(k - 1 + t.itemsPerGroup, t.itemsCount);
-      return `${t.centerLabel ?? "Results"} ${k} - ${q} of ${t.itemsCount}`;
-    }), S = p(() => t.resultsIncrements.split(",").map((k) => parseInt(k)));
-    return (k, q) => (u(), v("div", {
+      const I = [1], q = (t.pageRange - 1) / 2;
+      let B = l.value - q, h = l.value + q;
+      B < 1 && (h += 1 - B, B = 1), h > t.pageCount && (B -= h - t.pageCount, h = t.pageCount), B = Math.max(B, 2), h = Math.min(h, t.pageCount - 1), B > 2 && I.push(t.breakText);
+      for (let C = B; C <= h; C++)
+        I.push(C);
+      return h < t.pageCount - 1 && I.push(t.breakText), I.push(t.pageCount), I;
+    }), y = v(() => `${t.centerLabel ?? "Page"} ${l.value} of ${u.value}`), S = v(() => {
+      const I = (l.value - 1) * t.itemsPerGroup + 1, q = Math.min(I - 1 + t.itemsPerGroup, t.itemsCount);
+      return `${t.centerLabel ?? "Results"} ${I} - ${q} of ${t.itemsCount}`;
+    }), w = v(() => t.resultsIncrements.split(",").map((I) => parseInt(I)));
+    return (I, q) => (d(), b("div", {
       class: "bs-pagination",
-      "data-variant": i.value,
+      "data-variant": o.value,
       "data-fixed": t.fixed
     }, [
-      e.variant === "base" || e.variant === "group" ? (u(), v("div", kn, [
-        e.showFirstLastButtons ? (u(), v("button", {
+      e.variant === "base" || e.variant === "group" ? (d(), b("div", wn, [
+        e.showFirstLastButtons ? (d(), b("button", {
           key: 0,
           type: "button",
-          class: ae(e.firstPageText ? "bs-pagination-word-caret" : void 0),
+          class: ne(e.firstPageText ? "bs-pagination-word-caret" : void 0),
+          "aria-label": e.firstPageText ? void 0 : "First Page",
           title: e.firstPageText,
           disabled: l.value === 1,
-          onClick: o
+          onClick: s
         }, [
-          D(f(mt)),
-          e.firstPageText ? (u(), v("span", Cn, T(e.firstPageText), 1)) : w("", !0)
-        ], 10, In)) : w("", !0),
-        g("button", {
+          V(p(gt)),
+          e.firstPageText ? (d(), b("span", In, x(e.firstPageText), 1)) : k("", !0)
+        ], 10, kn)) : k("", !0),
+        $("button", {
           type: "button",
-          class: ae(e.prevPageText ? "bs-pagination-word-caret" : void 0),
+          class: ne(e.prevPageText ? "bs-pagination-word-caret" : void 0),
+          "aria-label": e.prevPageText ? void 0 : "Previous Page",
           title: e.prevPageText,
           disabled: l.value === 1,
-          onClick: s
+          onClick: r
         }, [
-          D(f(gt)),
-          e.prevPageText ? (u(), v("span", xn, T(e.prevPageText), 1)) : w("", !0)
-        ], 10, Tn)
-      ])) : w("", !0),
-      e.variant === "base" && e.centerDisplay === "numbers" ? (u(), v("div", An, [
-        (u(!0), v(j, null, Z(I.value, (b) => (u(), v("button", {
-          key: `page-${b}-button`,
+          V(p(yt)),
+          e.prevPageText ? (d(), b("span", Tn, x(e.prevPageText), 1)) : k("", !0)
+        ], 10, Cn)
+      ])) : k("", !0),
+      e.variant === "base" && e.centerDisplay === "numbers" ? (d(), b("div", xn, [
+        (d(!0), b(G, null, J(T.value, (B) => (d(), b("button", {
+          key: `page-${B}-button`,
           type: "button",
-          title: `Page ${b}`,
-          "data-selected": b === l.value,
-          onClick: (B) => l.value = b
-        }, T(b), 9, Ln))), 128))
-      ])) : w("", !0),
-      t.variant === "base" && t.centerDisplay === "text" ? (u(), v("span", Vn, T($.value), 1)) : w("", !0),
-      t.variant === "group" ? (u(), v("span", En, T(x.value), 1)) : w("", !0),
-      t.variant === "results" ? (u(), v(j, { key: 4 }, [
-        Dn,
-        g("div", On, [
-          (u(!0), v(j, null, Z(S.value, (b) => (u(), v("button", {
+          title: `Page ${B}`,
+          "data-selected": B === l.value,
+          onClick: (h) => l.value = B
+        }, x(B), 9, An))), 128))
+      ])) : k("", !0),
+      t.variant === "base" && t.centerDisplay === "text" ? (d(), b("span", Ln, x(y.value), 1)) : k("", !0),
+      t.variant === "group" ? (d(), b("span", Vn, x(S.value), 1)) : k("", !0),
+      t.variant === "results" ? (d(), b(G, { key: 4 }, [
+        En,
+        $("div", Dn, [
+          (d(!0), b(G, null, J(w.value, (B) => (d(), b("button", {
             type: "button",
-            key: `results-${b}`,
-            "data-selected": b === l.value,
-            disabled: l.value === b,
-            onClick: (B) => l.value = b
-          }, T(b), 9, qn))), 128))
+            key: `results-${B}`,
+            "data-selected": B === l.value,
+            disabled: l.value === B,
+            onClick: (h) => l.value = B
+          }, x(B), 9, On))), 128))
         ])
-      ], 64)) : w("", !0),
-      e.variant === "base" || e.variant === "group" ? (u(), v("div", Mn, [
-        g("button", {
+      ], 64)) : k("", !0),
+      e.variant === "base" || e.variant === "group" ? (d(), b("div", qn, [
+        $("button", {
           type: "button",
-          class: ae(e.nextPageText ? "bs-pagination-word-caret" : void 0),
+          class: ne(e.nextPageText ? "bs-pagination-word-caret" : void 0),
+          "aria-label": e.nextPageText ? void 0 : "Next Page",
           title: e.nextPageText,
-          disabled: l.value === d.value,
+          disabled: l.value === u.value,
           onClick: c
         }, [
-          e.nextPageText ? (u(), v("span", zn, T(e.nextPageText), 1)) : w("", !0),
-          D(f(yt))
+          e.nextPageText ? (d(), b("span", Mn, x(e.nextPageText), 1)) : k("", !0),
+          V(p(Bt))
         ], 10, Pn),
-        e.showFirstLastButtons ? (u(), v("button", {
+        e.showFirstLastButtons ? (d(), b("button", {
           key: 0,
           type: "button",
-          class: ae(e.lastPageText ? "bs-pagination-word-caret" : void 0),
+          class: ne(e.lastPageText ? "bs-pagination-word-caret" : void 0),
+          "aria-label": e.lastPageText ? void 0 : "Last Page",
           title: e.lastPageText,
-          disabled: l.value === d.value,
-          onClick: h
+          disabled: l.value === u.value,
+          onClick: f
         }, [
-          e.lastPageText ? (u(), v("span", Rn, T(e.lastPageText), 1)) : w("", !0),
-          D(f(Bt))
-        ], 10, Nn)) : w("", !0)
-      ])) : w("", !0)
-    ], 8, wn));
+          e.lastPageText ? (d(), b("span", Nn, x(e.lastPageText), 1)) : k("", !0),
+          V(p($t))
+        ], 10, zn)) : k("", !0)
+      ])) : k("", !0)
+    ], 8, Sn));
   }
-}, jn = ["data-truncate"], Ul = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Rn = ["data-truncate"], Fl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsPill",
   props: {
     active: { type: Boolean, default: !1 },
@@ -3567,35 +3618,35 @@ const Sa = {
     }
   },
   setup(e) {
-    const a = e, { onLinkClick: t } = ke(a), n = ie(), { rootTag: l, attrsToBind: r, hrefUrl: d } = we(a, n, "span");
-    return (i, o) => (u(), V(J(f(l)), z({
+    const a = e, { onLinkClick: t } = Ce(a), n = le(), { rootTag: l, attrsToBind: i, hrefUrl: u } = Ie(a, n, "span");
+    return (o, s) => (d(), L(_(p(l)), M({
       class: "bs-pill",
       "data-active": e.active,
       "data-component": "bs-pill",
       "data-status": e.status || void 0,
       "data-variant": e.variant || void 0,
       disabled: e.disabled,
-      ".href": f(d)
-    }, f(r), { onClick: f(t) }), {
-      default: O(() => [
-        g("span", { "data-truncate": e.truncate }, [
-          E(i.$slots, "default")
-        ], 8, jn)
+      ".href": p(u)
+    }, p(i), { onClick: p(t) }), {
+      default: E(() => [
+        $("span", { "data-truncate": e.truncate }, [
+          D(o.$slots, "default")
+        ], 8, Rn)
       ]),
       _: 3
     }, 48, ["data-active", "data-status", "data-variant", "disabled", ".href", "onClick"]));
   }
-}), Fn = { class: "bs-profile-details" }, Un = {
+}), jn = { class: "bs-profile-details" }, Fn = {
   class: "bs-profile-name",
   "data-size": "sm",
   "data-weight": "bold"
-}, Wn = {
+}, Un = {
   key: 1,
   "data-weight": "bold"
-}, Gn = { key: 2 }, Hn = { key: 3 }, Kn = {
+}, Wn = { key: 2 }, Gn = { key: 3 }, Hn = {
   key: 4,
   "data-icon": "true"
-}, Yn = {
+}, Kn = {
   __name: "BsProfileDetails",
   props: {
     profileName: {
@@ -3612,40 +3663,40 @@ const Sa = {
   },
   emits: ["action-toggled"],
   setup(e, { emit: a }) {
-    const t = e, n = a, { icon: l } = ge(t, "actionIcon"), { icon: r } = ge(t, "miscMetaIcon");
-    function d(i) {
-      i.target.tagName === "BUTTON" && (i.preventDefault(), i.stopImmediatePropagation(), n("action-toggled"));
+    const t = e, n = a, { icon: l } = ye(t, "actionIcon"), { icon: i } = ye(t, "miscMetaIcon");
+    function u(o) {
+      o.target.tagName === "BUTTON" && (o.preventDefault(), o.stopImmediatePropagation(), n("action-toggled"));
     }
-    return (i, o) => (u(), v("div", Fn, [
-      e.action || i.$slots.action ? (u(), v("button", {
+    return (o, s) => (d(), b("div", jn, [
+      e.action || o.$slots.action ? (d(), b("button", {
         key: 0,
         "data-icon": "true",
-        onClick: d
+        onClick: u
       }, [
-        E(i.$slots, "action", {}, () => [
-          e.actionIcon ? (u(), V(J(f(l) ? f(l) : "span"), {
+        D(o.$slots, "action", {}, () => [
+          e.actionIcon ? (d(), L(_(p(l) ? p(l) : "span"), {
             key: 0,
             class: "bs-icon"
-          })) : w("", !0),
-          F(" " + T(e.action), 1)
+          })) : k("", !0),
+          H(" " + x(e.action), 1)
         ])
-      ])) : w("", !0),
-      g("span", Un, T(e.profileName), 1),
-      e.company ? (u(), v("span", Wn, T(e.company), 1)) : w("", !0),
-      e.jobTitle ? (u(), v("span", Gn, T(e.jobTitle), 1)) : w("", !0),
-      e.email ? (u(), v("span", Hn, T(e.email), 1)) : w("", !0),
-      e.miscMeta || i.$slots.misc ? (u(), v("span", Kn, [
-        E(i.$slots, "misc", {}, () => [
-          e.miscMetaIcon ? (u(), V(J(f(r) ? f(r) : "span"), {
+      ])) : k("", !0),
+      $("span", Fn, x(e.profileName), 1),
+      e.company ? (d(), b("span", Un, x(e.company), 1)) : k("", !0),
+      e.jobTitle ? (d(), b("span", Wn, x(e.jobTitle), 1)) : k("", !0),
+      e.email ? (d(), b("span", Gn, x(e.email), 1)) : k("", !0),
+      e.miscMeta || o.$slots.misc ? (d(), b("span", Hn, [
+        D(o.$slots, "misc", {}, () => [
+          e.miscMetaIcon ? (d(), L(_(p(i) ? p(i) : "span"), {
             key: 0,
             class: "bs-icon"
-          })) : w("", !0),
-          F(" " + T(e.miscMeta), 1)
+          })) : k("", !0),
+          H(" " + x(e.miscMeta), 1)
         ])
-      ])) : w("", !0)
+      ])) : k("", !0)
     ]));
   }
-}, Wl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Ul = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsProfile",
   props: {
     layout: {
@@ -3675,20 +3726,21 @@ const Sa = {
   },
   emits: ["action-toggled"],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = ie(), { onLinkClick: r } = ke(t), { rootTag: d, attrsToBind: i, hrefUrl: o } = we(t, l, "div");
-    return (s, c) => (u(), V(J(f(d)), z({
+    const t = e, n = a, l = le(), { onLinkClick: i } = Ce(t), { rootTag: u, attrsToBind: o, hrefUrl: s } = Ie(t, l, "div");
+    return (r, c) => (d(), L(_(p(u)), M({
       class: "bs-profile",
-      ".href": f(o),
+      ".href": p(s),
       "data-layout": e.layout
-    }, f(i), { onClick: f(r) }), {
-      default: O(() => [
-        D(st, {
+    }, p(o), { onClick: p(i) }), {
+      default: E(() => [
+        V(dt, {
           src: e.imageSrc,
           size: e.imageSize,
           initials: e.initials,
-          "profile-name": e.profileName
+          "profile-name": e.profileName,
+          "use-alt-text": !1
         }, null, 8, ["src", "size", "initials", "profile-name"]),
-        D(Yn, {
+        V(Kn, {
           "profile-name": e.profileName,
           company: e.company,
           "job-title": e.jobTitle,
@@ -3697,13 +3749,13 @@ const Sa = {
           "action-icon": e.actionIcon,
           "misc-meta": e.miscMeta,
           "misc-meta-icon": e.miscMetaIcon,
-          onActionToggled: c[0] || (c[0] = (h) => n("action-toggled"))
+          onActionToggled: c[0] || (c[0] = (f) => n("action-toggled"))
         }, {
-          action: O(() => [
-            E(s.$slots, "action")
+          action: E(() => [
+            D(r.$slots, "action")
           ]),
-          misc: O(() => [
-            E(s.$slots, "misc")
+          misc: E(() => [
+            D(r.$slots, "misc")
           ]),
           _: 3
         }, 8, ["profile-name", "company", "job-title", "email", "action", "action-icon", "misc-meta", "misc-meta-icon"])
@@ -3711,7 +3763,7 @@ const Sa = {
       _: 3
     }, 48, [".href", "data-layout", "onClick"]));
   }
-}), Qn = ["data-size"], Xn = ["checked", "disabled", "id", "required", "value", "data-error"], Gl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), Yn = ["data-size"], Qn = ["checked", "disabled", "id", "required", "value", "data-error"], Wl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsRadio",
   props: {
     label: {
@@ -3755,39 +3807,39 @@ const Sa = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, [n] = X(), l = p(() => je.concat(t.passAttrs.split(","))), r = p(() => t.inputId || n.value), d = p(() => t.checked || t.modelValue && t.modelValue === t.value);
-    return (i, o) => (u(), v("div", z({
+    const t = e, [n] = Z(), l = v(() => Fe.concat(t.passAttrs.split(","))), i = v(() => t.inputId || n.value), u = v(() => t.checked || t.modelValue && t.modelValue === t.value);
+    return (o, s) => (d(), b("div", M({
       class: "bs-boolean",
       "data-component": "bs-radio",
       "data-size": e.size
-    }, f(U)(i.$attrs, l.value).remaining), [
-      g("input", z({
-        checked: d.value,
+    }, p(K)(o.$attrs, l.value).remaining), [
+      $("input", M({
+        checked: u.value,
         disabled: e.disabled,
-        id: i.$attrs.id || r.value,
+        id: o.$attrs.id || i.value,
         required: e.required,
         type: "radio",
         value: e.value,
         "data-error": e.error
-      }, f(U)(i.$attrs, l.value).filtered, {
-        onChange: o[0] || (o[0] = (s) => i.$emit("update:modelValue", s.target.value))
-      }), null, 16, Xn),
-      e.label || i.$slots.label ? (u(), V(ne, {
+      }, p(K)(o.$attrs, l.value).filtered, {
+        onChange: s[0] || (s[0] = (r) => o.$emit("update:modelValue", r.target.value))
+      }), null, 16, Qn),
+      e.label || o.$slots.label ? (d(), L(oe, {
         key: 0,
-        for: i.$attrs.id || r.value,
+        for: o.$attrs.id || i.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: O(() => [
-          E(i.$slots, "label", {}, () => [
-            F(T(e.label), 1)
+        default: E(() => [
+          D(o.$slots, "label", {}, () => [
+            H(x(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : w("", !0)
-    ], 16, Qn));
+      }, 8, ["for", "disabled", "required"])) : k("", !0)
+    ], 16, Yn));
   }
-}), Zn = ["id", "disabled", "required", "data-error", "value"], Jn = {
+}), Xn = ["id", "disabled", "required", "data-error", "value"], Zn = {
   __name: "BsSelect",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -3800,8 +3852,8 @@ const Sa = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = p(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
-    return (l, r) => (u(), v("select", z({
+    const t = e, n = v(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
+    return (l, i) => (d(), b("select", M({
       id: l.$attrs.id || e.inputId,
       class: "bs-select",
       "data-component": "bs-select",
@@ -3810,12 +3862,12 @@ const Sa = {
       "data-error": e.error,
       value: e.value || e.modelValue
     }, n.value, {
-      onChange: r[0] || (r[0] = (d) => l.$emit("update:modelValue", d.target.value))
+      onChange: i[0] || (i[0] = (u) => l.$emit("update:modelValue", u.target.value))
     }), [
-      E(l.$slots, "default")
-    ], 16, Zn));
+      D(l.$slots, "default")
+    ], 16, Xn));
   }
-}, _n = ["selected", "disabled"], el = ["disabled", "selected", "value"], Hl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Jn = ["selected", "disabled"], _n = ["disabled", "selected", "value"], Gl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsSelectField",
   props: {
     data: {
@@ -3859,60 +3911,60 @@ const Sa = {
     modelValue: [String, Number]
   },
   setup(e) {
-    const a = e, [t, n] = X(2), l = p(() => da.concat(a.passAttrs.split(","))), r = p(() => {
-      var s, c;
-      return ((c = (s = a.hints) == null ? void 0 : s.join) == null ? void 0 : c.call(s, `
+    const a = e, [t, n] = Z(2), l = v(() => ua.concat(a.passAttrs.split(","))), i = v(() => {
+      var r, c;
+      return ((c = (r = a.hints) == null ? void 0 : r.join) == null ? void 0 : c.call(r, `
 `)) || a.hints;
-    }), d = p(() => a.error && a.errorMsg || a.hint || r.value || void 0), i = p(() => a.inputId || t.value), o = p(() => a.value || a.modelValue);
-    return (s, c) => (u(), v("div", z({ "data-component": "bs-select-field" }, f(U)(s.$attrs, l.value).remaining), [
-      e.label || s.$slots.label ? (u(), V(ne, {
+    }), u = v(() => a.error && a.errorMsg || a.hint || i.value || void 0), o = v(() => a.inputId || t.value), s = v(() => a.value || a.modelValue);
+    return (r, c) => (d(), b("div", M({ "data-component": "bs-select-field" }, p(K)(r.$attrs, l.value).remaining), [
+      e.label || r.$slots.label ? (d(), L(oe, {
         key: 0,
-        for: s.$attrs.id || i.value,
+        for: r.$attrs.id || o.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: O(() => [
-          E(s.$slots, "label", {}, () => [
-            F(T(e.label), 1)
+        default: E(() => [
+          D(r.$slots, "label", {}, () => [
+            H(x(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : w("", !0),
-      D(Jn, z({
+      }, 8, ["for", "disabled", "required"])) : k("", !0),
+      V(Zn, M({
         disabled: e.disabled,
         error: e.error,
-        "hint-id": f(n),
-        "input-id": s.$attrs.id || i.value,
+        "hint-id": p(n),
+        "input-id": r.$attrs.id || o.value,
         required: e.required,
-        value: o.value,
-        "onUpdate:modelValue": c[0] || (c[0] = (h) => s.$emit("update:modelValue", h))
-      }, f(U)(s.$attrs, l.value).filtered), {
-        default: O(() => [
-          g("option", {
-            selected: !o.value,
+        value: s.value,
+        "onUpdate:modelValue": c[0] || (c[0] = (f) => r.$emit("update:modelValue", f))
+      }, p(K)(r.$attrs, l.value).filtered), {
+        default: E(() => [
+          $("option", {
+            selected: !s.value,
             value: "",
-            disabled: !!o.value
-          }, T(e.disabled ? "" : e.placeholder), 9, _n),
-          (u(!0), v(j, null, Z(e.data, (h) => (u(), v("option", {
-            key: h.value,
-            disabled: h.disabled,
-            selected: o.value === h.value,
-            value: h.value
-          }, T(h.label), 9, el))), 128))
+            disabled: !!s.value
+          }, x(e.disabled ? "" : e.placeholder), 9, Jn),
+          (d(!0), b(G, null, J(e.data, (f) => (d(), b("option", {
+            key: f.value,
+            disabled: f.disabled,
+            selected: s.value === f.value,
+            value: f.value
+          }, x(f.label), 9, _n))), 128))
         ]),
         _: 1
       }, 16, ["disabled", "error", "hint-id", "input-id", "required", "value"]),
-      d.value ? (u(), V(pe, {
+      u.value ? (d(), L(he, {
         key: 1,
         "data-disabled": e.disabled,
         error: e.error,
         "error-msg": e.errorMsg,
-        hint: e.hint || r.value,
-        "hint-id": f(n)
-      }, null, 8, ["data-disabled", "error", "error-msg", "hint", "hint-id"])) : w("", !0)
+        hint: e.hint || i.value,
+        "hint-id": p(n)
+      }, null, 8, ["data-disabled", "error", "error-msg", "hint", "hint-id"])) : k("", !0)
     ], 16));
   }
-}), tl = ["data-size"], al = ["data-disabled", "data-pending", "data-size"], nl = ["checked", "disabled", "id"], ll = ["data-inner-on-label", "data-inner-off-label"], Kl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), el = ["data-size"], tl = ["data-disabled", "data-pending", "data-size"], al = ["checked", "disabled", "id"], nl = ["data-inner-on-label", "data-inner-off-label"], Hl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsSwitch",
   props: {
     checked: {
@@ -3958,48 +4010,48 @@ const Sa = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, [l] = X(), r = p(() => je.concat(t.passAttrs.split(","))), d = p(() => t.inputId || l.value), i = p(() => t.checked || t.modelValue);
-    return (o, s) => (u(), v("div", z({
+    const t = e, n = a, [l] = Z(), i = v(() => Fe.concat(t.passAttrs.split(","))), u = v(() => t.inputId || l.value), o = v(() => t.checked || t.modelValue);
+    return (s, r) => (d(), b("div", M({
       class: "bs-boolean",
       "data-component": "bs-switch",
       "data-size": e.size
-    }, f(U)(o.$attrs, r.value).remaining), [
-      e.label || o.$slots.label ? (u(), V(ne, {
+    }, p(K)(s.$attrs, i.value).remaining), [
+      e.label || s.$slots.label ? (d(), L(oe, {
         key: 0,
-        for: o.$attrs.id || d.value,
+        for: s.$attrs.id || u.value,
         disabled: e.disabled,
         hide: e.hideLabel
       }, {
-        default: O(() => [
-          E(o.$slots, "label", {}, () => [
-            F(T(e.label), 1)
+        default: E(() => [
+          D(s.$slots, "label", {}, () => [
+            H(x(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "hide"])) : w("", !0),
-      g("div", {
+      }, 8, ["for", "disabled", "hide"])) : k("", !0),
+      $("div", {
         class: "bs-switch",
         "data-disabled": e.disabled,
         "data-pending": e.pending,
         "data-size": e.size
       }, [
-        g("input", z({
-          checked: i.value,
+        $("input", M({
+          checked: o.value,
           disabled: e.disabled,
-          id: o.$attrs.id || d.value,
+          id: s.$attrs.id || u.value,
           type: "checkbox"
-        }, f(U)(o.$attrs, r.value).filtered, {
-          onChange: s[0] || (s[0] = (c) => n("update:modelValue", c.target.checked))
-        }), null, 16, nl),
-        g("span", {
+        }, p(K)(s.$attrs, i.value).filtered, {
+          onChange: r[0] || (r[0] = (c) => n("update:modelValue", c.target.checked))
+        }), null, 16, al),
+        $("span", {
           "aria-hidden": "true",
           "data-inner-on-label": e.innerOnLabel,
           "data-inner-off-label": e.innerOffLabel
-        }, null, 8, ll)
-      ], 8, al)
-    ], 16, tl));
+        }, null, 8, nl)
+      ], 8, tl)
+    ], 16, el));
   }
-}), ol = ["aria-controls", "aria-selected", "data-hidden"], Yl = {
+}), ll = ["aria-controls", "aria-selected", "data-hidden"], Kl = {
   __name: "BsTab",
   props: {
     activeTabId: {
@@ -4016,32 +4068,32 @@ const Sa = {
   },
   emits: ["tabClick"],
   setup(e, { emit: a }) {
-    const t = e, n = ie(), l = m(), r = p(() => t.activeTabId === n.id), d = p(() => t.panelId || `${n.id}-panel`);
-    function i(s) {
-      (s.key === "Enter" || s.key === " ") && (s.preventDefault(), s.stopPropagation(), o());
+    const t = e, n = le(), l = m(), i = v(() => t.activeTabId === n.id), u = v(() => t.panelId || `${n.id}-panel`);
+    function o(r) {
+      (r.key === "Enter" || r.key === " ") && (r.preventDefault(), r.stopPropagation(), s());
     }
-    function o() {
+    function s() {
       if (t.activeTabId !== n.id) {
-        const s = new CustomEvent("tabClick", { detail: n.id, bubbles: !0 });
-        l.value.dispatchEvent(s);
+        const r = new CustomEvent("tabClick", { detail: n.id, bubbles: !0 });
+        l.value.dispatchEvent(r);
       }
     }
-    return (s, c) => (u(), v("div", {
-      "aria-controls": d.value,
-      "aria-selected": r.value ? "true" : "false",
+    return (r, c) => (d(), b("div", {
+      "aria-controls": u.value,
+      "aria-selected": i.value ? "true" : "false",
       "data-hidden": e.hidden || void 0,
       "data-component": "bs-tab",
       role: "tab",
       tabindex: "0",
       ref_key: "hostEl",
       ref: l,
-      onClick: o,
-      onKeydown: i
+      onClick: s,
+      onKeydown: o
     }, [
-      E(s.$slots, "default")
-    ], 40, ol));
+      D(r.$slots, "default")
+    ], 40, ll));
   }
-}, il = ["id", "data-resizing"], rl = ["aria-controls", "aria-expanded", "data-active", "data-hidden", "id"], sl = 73, dl = 20, ul = 16, Ql = {
+}, ol = ["id", "data-resizing"], il = ["aria-controls", "aria-expanded", "data-active", "data-hidden", "id"], rl = 73, sl = 20, dl = 16, Yl = {
   __name: "BsTabList",
   props: {
     activeTabId: { type: String, required: !0 },
@@ -4052,182 +4104,183 @@ const Sa = {
   },
   emits: ["tabChange", "update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = m(!1), r = m(!1), d = m([]), i = m(!1), o = m(!1), s = m(), c = m([]), h = m(!1), I = m([]), $ = m(), x = m(), S = m(), [k, q] = X(2), b = p(() => t.activeTabId ? I.value.findIndex((y) => y.id === t.activeTabId) : 0), B = p(() => d.value.some((y) => y.id === t.activeTabId)), A = p(() => `${q.value}-options`), C = p(() => `${q.value}-toggle`), M = p(() => {
-      var y;
-      return B.value ? (y = I.value[b.value]) == null ? void 0 : y.textContent : "More";
-    }), H = p(() => B.value ? c.value[b.value] - c.value[b.value - 1] + dl : sl), Q = p(() => {
-      var L, R;
-      let y = [];
+    const t = e, n = a, l = m(!1), i = m(!1), u = m([]), o = m(!1), s = m(!1), r = m(), c = m(!1), f = m([]), T = m(!1), y = m([]), S = m(), w = m(), I = m(), [q, B] = Z(2), h = v(() => t.activeTabId ? y.value.findIndex((g) => g.id === t.activeTabId) : 0), C = v(() => u.value.some((g) => g.id === t.activeTabId)), O = v(() => `${B.value}-options`), j = v(() => `${B.value}-toggle`), R = v(() => {
+      var g;
+      return C.value ? (g = y.value[h.value]) == null ? void 0 : g.textContent : "More";
+    }), F = v(() => C.value ? f.value[h.value] - f.value[h.value - 1] + sl : rl), Q = v(() => {
+      var A, N;
+      let g = [];
       if (typeof window > "u")
-        return y;
-      for (let G of I.value) {
-        if (((L = G.dataset) == null ? void 0 : L.hidden) === "true" || ((R = G.dataset) == null ? void 0 : R.hidden) === "" || G.getAttribute("tabindex") === "-1")
+        return g;
+      for (let X of y.value) {
+        if (((A = X.dataset) == null ? void 0 : A.hidden) === "true" || ((N = X.dataset) == null ? void 0 : N.hidden) === "" || X.getAttribute("tabindex") === "-1")
           break;
-        y.push(G);
+        g.push(X);
       }
-      return o.value && y.push(s.value.querySelector(".bs-tab-list-toggle")), y;
+      return s.value && g.push(r.value.querySelector(".bs-tab-list-toggle")), g;
     });
-    function _() {
-      var le;
-      let y = !1, L, R = 0, G = !1, ee = [];
-      if ((le = I.value) != null && le.length) {
-        for (let te = 0; te < I.value.length; te++) {
-          if (L = I.value[te], L.setAttribute("tabindex", "-1"), G && te !== b.value) {
-            L.dataset.hidden = "true", ee.push(L);
+    function ie() {
+      var re;
+      let g = !1, A, N = 0, X = !1, te = [];
+      if ((re = y.value) != null && re.length) {
+        for (let ae = 0; ae < y.value.length; ae++) {
+          if (A = y.value[ae], A.setAttribute("tabindex", "-1"), X && ae !== h.value) {
+            A.dataset.hidden = "true", te.push(A);
             continue;
           }
-          if (R = te < I.value.length - 1 ? S.value - H.value : S.value, c.value[te] > R) {
-            L.dataset.hidden = "true", ee.push(L), y = !0, G = !0;
+          if (N = ae < y.value.length - 1 ? I.value - F.value : I.value, f.value[ae] > N) {
+            A.dataset.hidden = "true", te.push(A), g = !0, X = !0;
             continue;
           }
-          L.dataset.hidden = "false", L.setAttribute("tabindex", "0");
+          A.dataset.hidden = "false", A.setAttribute("tabindex", "0");
         }
-        o.value = y, d.value = ee, l.value || me(() => l.value = !0), setTimeout(() => {
-          P(), h.value = !0;
-        }, h.value ? 0 : 1e3);
+        s.value = g, u.value = te, l.value || pe(() => l.value = !0), setTimeout(() => {
+          U(), T.value = !0;
+        }, T.value ? 0 : 1e3);
       }
     }
-    function de(y) {
-      n("tabChange", y), n("update:modelValue", y);
+    function ee(g) {
+      n("tabChange", g), n("update:modelValue", g);
     }
-    function xe(y) {
-      var G, ee, le;
-      const L = (le = (ee = (G = I.value[y]) == null ? void 0 : G.getBoundingClientRect) == null ? void 0 : ee.call(G)) == null ? void 0 : le.width;
-      return L || (y === 0 ? c.value[0] : c.value[y] - c.value[y - 1]) || 0;
+    function Le(g) {
+      var X, te, re;
+      const A = (re = (te = (X = y.value[g]) == null ? void 0 : X.getBoundingClientRect) == null ? void 0 : te.call(X)) == null ? void 0 : re.width;
+      return A || (g === 0 ? f.value[0] : f.value[g] - f.value[g - 1]) || 0;
     }
-    function Ae() {
-      var y;
-      (y = I.value[b.value]) == null || y.setAttribute("aria-selected", "true"), _();
+    function Ve() {
+      var g;
+      (g = y.value[h.value]) == null || g.setAttribute("aria-selected", "true"), ie();
     }
-    function Le() {
-      var y;
-      (y = $.value) == null || y.focus(), i.value = !1;
+    function Ee() {
+      var g;
+      (g = S.value) == null || g.focus(), o.value = !1;
     }
-    function Ve() {
-      i.value = !i.value, r.value || (r.value = !0);
+    function De() {
+      o.value = !o.value, i.value || (i.value = !0);
     }
-    function Ee(y) {
-      var L;
-      i.value = !1, (L = $.value) == null || L.focus(), de(y);
+    function Oe(g) {
+      var A;
+      o.value = !1, (A = S.value) == null || A.focus(), ee(g);
     }
-    function De(y) {
+    function qe(g) {
       if (t.withBsTabs)
         return;
-      const L = y.target.closest('[role="tab"]');
-      if (!L || L.getAttribute("aria-selected") === "true")
+      const A = g.target.closest('[role="tab"]');
+      if (!A || A.getAttribute("aria-selected") === "true")
         return;
-      const R = L.getAttribute("id");
-      de(R);
+      const N = A.getAttribute("id");
+      ee(N);
     }
-    function Oe(y) {
-      if (y.key === "ArrowLeft" || y.key === "ArrowRight") {
-        const L = Q.value.findIndex((R) => R.id === y.target.id);
-        if (L === -1)
+    function me(g) {
+      if (g.key === "ArrowLeft" || g.key === "ArrowRight") {
+        const A = Q.value.findIndex((N) => N.id === g.target.id);
+        if (A === -1)
           return;
-        y.preventDefault(), y.stopPropagation(), y.key === "ArrowLeft" ? be(L) : he(L);
+        g.preventDefault(), g.stopPropagation(), g.key === "ArrowLeft" ? P(A) : ge(A);
       }
     }
-    function he(y) {
-      var R;
-      const L = (y + 1) % Q.value.length;
-      (R = Q.value[L]) == null || R.focus();
+    function ge(g) {
+      var N;
+      const A = (g + 1) % Q.value.length;
+      (N = Q.value[A]) == null || N.focus();
     }
-    function be(y) {
-      var R;
-      const L = y === 0 ? Q.value.length - 1 : y - 1;
-      (R = Q.value[L]) == null || R.focus();
+    function P(g) {
+      var N;
+      const A = g === 0 ? Q.value.length - 1 : g - 1;
+      (N = Q.value[A]) == null || N.focus();
     }
-    function P() {
-      var le, te, Ge, He;
-      const y = parseInt(s.value.style.getPropertyValue("--active-line-offset")) || 0, L = S.value;
-      let R = 300, G = ((te = (le = Q.value) == null ? void 0 : le[b.value]) == null ? void 0 : te.offsetLeft) || 0, ee = xe(b.value);
-      o.value && B.value && (G = (Ge = $.value) == null ? void 0 : Ge.offsetLeft, ee = (He = $.value) == null ? void 0 : He.offsetWidth), R = Math.max(Math.abs((G - y) / L * 300), 100), s.value.style.setProperty("--active-line-max-width", `${L}px`), s.value.style.setProperty("--active-line-scale", `${ee / L}`), s.value.style.setProperty("--active-line-offset", `${G}px`), s.value.style.setProperty("--active-line-transition-duration", `${R}ms`);
+    function U() {
+      var re, ae, He, Ke;
+      const g = parseInt(r.value.style.getPropertyValue("--active-line-offset")) || 0, A = I.value;
+      let N = 300, X = ((ae = (re = Q.value) == null ? void 0 : re[h.value]) == null ? void 0 : ae.offsetLeft) || 0, te = Le(h.value);
+      s.value && C.value && (X = (He = S.value) == null ? void 0 : He.offsetLeft, te = (Ke = S.value) == null ? void 0 : Ke.offsetWidth), N = Math.max(Math.abs((X - g) / A * 300), 100), r.value.style.setProperty("--active-line-max-width", `${A}px`), r.value.style.setProperty("--active-line-scale", `${te / A}`), r.value.style.setProperty("--active-line-offset", `${X}px`), r.value.style.setProperty("--active-line-transition-duration", `${N}ms`);
     }
-    function Y() {
-      var y, L;
-      (L = (y = x.value) == null ? void 0 : y.disconnect) == null || L.call(y), x.value = null;
+    function W() {
+      var g, A;
+      (A = (g = w.value) == null ? void 0 : g.disconnect) == null || A.call(g), w.value = null;
     }
-    function K() {
-      x.value = new ResizeObserver((y) => {
-        for (let L of y)
-          S.value = L.contentBoxSize[0].inlineSize;
-        _();
-      }), x.value.observe(s.value);
+    function fe() {
+      w.value = new ResizeObserver((g) => {
+        for (let A of g)
+          I.value = A.contentBoxSize[0].inlineSize;
+        ie();
+      }), w.value.observe(r.value);
     }
-    function ue() {
-      I.value = Array.from(s.value.children).filter((y) => y.role === "tab");
+    function ut() {
+      y.value = Array.from(r.value.children).filter((g) => g.role === "tab");
     }
-    function dt() {
-      let y;
-      I.value.forEach((L, R) => {
-        y = L.getBoundingClientRect().width + ul, c.value.push(R ? y + c.value[R - 1] : y);
+    function ct() {
+      let g;
+      y.value.forEach((A, N) => {
+        g = A.getBoundingClientRect().width + dl, f.value.push(N ? g + f.value[N - 1] : g);
       });
     }
-    return N(() => t.activeTabId, Ae), W(() => {
-      var y;
+    return z(() => t.activeTabId, Ve), Y(() => {
+      var g;
       try {
-        ue(), dt(), K(), S.value = s.value.getBoundingClientRect().width, _(), t.withBsTabs || (y = I.value[b.value]) == null || y.setAttribute("aria-selected", "true");
-      } catch (L) {
-        console.log("tab error", L);
+        ut(), ct(), fe(), I.value = r.value.getBoundingClientRect().width, ie(), t.withBsTabs || (g = y.value[h.value]) == null || g.setAttribute("aria-selected", "true"), c.value = !0;
+      } catch (A) {
+        console.log("tab error", A);
       }
-    }), oe(Y), (y, L) => (u(), v("div", {
+    }), de(W), (g, A) => (d(), b("div", {
       class: "bs-tab-list",
       "data-component": "bs-tab-list",
-      id: y.$attrs.id || f(k),
+      id: g.$attrs.id || p(q),
       ref_key: "hostEl",
-      ref: s,
+      ref: r,
       role: "tablist",
       "data-resizing": !l.value || void 0,
-      onClick: De,
-      "on:tabClick": L[0] || (L[0] = (R) => de(R.detail)),
-      onKeydown: Oe
+      onClick: qe,
+      "on:tabClick": A[0] || (A[0] = (N) => ee(N.detail)),
+      onKeydown: me
     }, [
-      E(y.$slots, "default"),
-      g("button", {
-        "aria-controls": f(q),
-        "aria-expanded": i.value,
+      D(g.$slots, "default"),
+      $("button", {
+        "aria-controls": p(B),
+        "aria-expanded": o.value,
         class: "bs-tab-list-toggle",
-        "data-active": B.value || void 0,
-        "data-hidden": !o.value,
-        id: C.value,
+        "data-active": C.value || void 0,
+        "data-hidden": !s.value,
+        id: j.value,
         ref_key: "dropdownToggle",
-        ref: $,
-        onClick: Ve
+        ref: S,
+        onClick: De
       }, [
-        D(f($t), { size: "sm" }),
-        F(" " + T(M.value), 1)
-      ], 8, rl),
-      D(We, {
-        "anchor-id": C.value,
-        "container-id": y.$attrs.id || f(k),
+        V(p(St), { size: "sm" }),
+        H(" " + x(R.value), 1)
+      ], 8, il),
+      c.value ? (d(), L(Ge, {
+        key: 0,
+        "anchor-id": j.value,
+        "container-id": g.$attrs.id || p(q),
         "helper-description": e.helperDescription || void 0,
         "helper-text": e.helperText,
-        id: f(q),
-        "options-id": A.value,
+        id: p(B),
+        "options-id": O.value,
         position: "right",
         preloaded: "",
-        shown: i.value,
+        shown: o.value,
         width: "content",
-        onClose: Le,
-        "onUpdate:modelValue": Ee
+        onClose: Ee,
+        "onUpdate:modelValue": Oe
       }, {
-        default: O(() => [
-          (u(!0), v(j, null, Z(d.value, (R) => (u(), V(Ue, {
-            key: R.id,
-            value: R.id,
-            "options-id": A.value
+        default: E(() => [
+          (d(!0), b(G, null, J(u.value, (N) => (d(), L(We, {
+            key: N.id,
+            value: N.id,
+            "options-id": O.value
           }, {
-            default: O(() => [
-              F(T(R.textContent), 1)
+            default: E(() => [
+              H(x(N.textContent), 1)
             ]),
             _: 2
           }, 1032, ["value", "options-id"]))), 128))
         ]),
         _: 1
-      }, 8, ["anchor-id", "container-id", "helper-description", "helper-text", "id", "options-id", "shown"])
-    ], 40, il));
+      }, 8, ["anchor-id", "container-id", "helper-description", "helper-text", "id", "options-id", "shown"])) : k("", !0)
+    ], 40, ol));
   }
-}, cl = ["aria-labelledby", "data-active", "id"], Xl = {
+}, ul = ["aria-labelledby", "data-active", "id"], Ql = {
   __name: "BsTabPanel",
   props: {
     activeTabId: {
@@ -4240,18 +4293,18 @@ const Sa = {
     }
   },
   setup(e) {
-    const a = e, t = ie(), n = p(() => a.activeTabId && a.activeTabId === a.tabId), l = p(() => t.id || `${a.tabId}-panel`);
-    return (r, d) => (u(), v("section", {
+    const a = e, t = le(), n = v(() => a.activeTabId && a.activeTabId === a.tabId), l = v(() => t.id || `${a.tabId}-panel`);
+    return (i, u) => (d(), b("section", {
       "aria-labelledby": e.tabId,
       "data-active": n.value,
       "data-component": "bs-tab-panel",
       id: l.value,
       role: "tabpanel"
     }, [
-      E(r.$slots, "default")
-    ], 8, cl));
+      D(i.$slots, "default")
+    ], 8, ul));
   }
-}, fl = ["data-error", "id", "rows", "value"], pl = {
+}, cl = ["data-error", "id", "rows", "value"], fl = {
   __name: "BsTextarea",
   props: {
     error: {
@@ -4266,18 +4319,18 @@ const Sa = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = p(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
-    return (l, r) => (u(), v("textarea", z({
+    const t = e, n = v(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
+    return (l, i) => (d(), b("textarea", M({
       class: "bs-textarea",
       "data-component": "bs-textarea",
       "data-error": e.error,
       id: l.$attrs.id || e.inputId,
       rows: l.$attrs.rows || 6,
       value: e.value || e.modelValue,
-      onInput: r[0] || (r[0] = (d) => l.$emit("update:modelValue", d.target.value))
-    }, n.value), null, 16, fl));
+      onInput: i[0] || (i[0] = (u) => l.$emit("update:modelValue", u.target.value))
+    }, n.value), null, 16, cl));
   }
-}, Zl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Xl = /* @__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. */
@@ -4326,52 +4379,52 @@ const Sa = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, [n, l] = X(2), r = p(() => ua.concat(t.passAttrs.split(","))), d = p(() => {
+    const t = e, [n, l] = Z(2), i = v(() => ca.concat(t.passAttrs.split(","))), u = v(() => {
       var c;
       return ((c = t.value || t.modelValue) == null ? void 0 : c.length) || 0;
-    }), i = p(() => {
-      var c, h;
-      return ((h = (c = t.hints) == null ? void 0 : c.join) == null ? void 0 : h.call(c, `
+    }), o = v(() => {
+      var c, f;
+      return ((f = (c = t.hints) == null ? void 0 : c.join) == null ? void 0 : f.call(c, `
 `)) || t.hints;
-    }), o = p(() => t.error && t.errorMsg || t.hint || i.value || void 0), s = p(() => t.inputId || n.value);
-    return (c, h) => (u(), v("div", z({ "data-component": "bs-textarea-field" }, f(U)(c.$attrs, r.value).remaining), [
-      e.label || c.$slots.label ? (u(), V(ne, {
+    }), s = v(() => t.error && t.errorMsg || t.hint || o.value || void 0), r = v(() => t.inputId || n.value);
+    return (c, f) => (d(), b("div", M({ "data-component": "bs-textarea-field" }, p(K)(c.$attrs, i.value).remaining), [
+      e.label || c.$slots.label ? (d(), L(oe, {
         key: 0,
-        for: c.$attrs.id || s.value,
+        for: c.$attrs.id || r.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: O(() => [
-          E(c.$slots, "label", {}, () => [
-            F(T(e.label), 1)
+        default: E(() => [
+          D(c.$slots, "label", {}, () => [
+            H(x(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : w("", !0),
-      D(pl, z({
+      }, 8, ["for", "disabled", "required"])) : k("", !0),
+      V(fl, M({
         disabled: e.disabled,
         error: e.error,
-        "hint-id": f(l),
-        id: c.$attrs.id || s.value,
+        "hint-id": p(l),
+        id: c.$attrs.id || r.value,
         placeholder: e.placeholder,
         required: e.required,
         rows: e.rows,
         value: e.value || e.modelValue,
-        "onUpdate:modelValue": h[0] || (h[0] = (I) => c.$emit("update:modelValue", I))
-      }, f(U)(c.$attrs, r.value).filtered), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "rows", "value"]),
-      o.value || e.charMax ? (u(), V(pe, {
+        "onUpdate:modelValue": f[0] || (f[0] = (T) => c.$emit("update:modelValue", T))
+      }, p(K)(c.$attrs, i.value).filtered), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "rows", "value"]),
+      s.value || e.charMax ? (d(), L(he, {
         key: 1,
-        "char-count": d.value,
+        "char-count": u.value,
         "char-max": e.charMax,
         "data-disabled": e.disabled,
         error: e.error,
         "error-msg": e.errorMsg,
-        hint: e.hint || i.value,
-        "hint-id": f(l)
-      }, null, 8, ["char-count", "char-max", "data-disabled", "error", "error-msg", "hint", "hint-id"])) : w("", !0)
+        hint: e.hint || o.value,
+        "hint-id": p(l)
+      }, null, 8, ["char-count", "char-max", "data-disabled", "error", "error-msg", "hint", "hint-id"])) : k("", !0)
     ], 16));
   }
-}), vl = ["data-variant", "data-stacked"], Jl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), pl = ["data-variant", "data-stacked"], Zl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsToast",
   props: {
     shown: {
@@ -4417,111 +4470,111 @@ const Sa = {
   },
   emits: ["dismiss", "after-enter", "after-leave"],
   setup(e, { emit: a }) {
-    const t = e, n = a, { transition: l } = fe(t);
-    let r = null;
-    re("variant", t.variant), re("handleDismiss", i);
-    const d = se("stacked", t.stacked);
-    function i() {
-      r && (clearTimeout(r), r = null), n("dismiss", t.toastId);
-    }
+    const t = e, n = a, { transition: l } = ve(t);
+    let i = null;
+    ue("variant", t.variant), ue("handleDismiss", o);
+    const u = ce("stacked", t.stacked);
     function o() {
-      t.duration > 0 && (r = setTimeout(() => {
-        i();
+      i && (clearTimeout(i), i = null), n("dismiss", t.toastId);
+    }
+    function s() {
+      t.duration > 0 && (i = setTimeout(() => {
+        o();
       }, t.duration)), n("after-enter");
     }
-    return (s, c) => (u(), V(f(Te), {
-      shown: f(l),
+    return (r, c) => (d(), L(p(Ae), {
+      shown: p(l),
       preloaded: e.preloaded,
       duration: 200,
       "enter-attribute": "data-shown",
-      onAfterEnter: o,
-      onAfterLeave: c[0] || (c[0] = (h) => n("after-leave"))
+      onAfterEnter: s,
+      onAfterLeave: c[0] || (c[0] = (f) => n("after-leave"))
     }, {
-      default: O(() => [
-        g("div", z({
+      default: E(() => [
+        $("div", M({
           class: "bs-toast",
           "data-variant": e.variant,
-          "data-stacked": f(d) || void 0,
-          "aria-role": "alert"
-        }, s.$attrs), [
-          E(s.$slots, "default")
-        ], 16, vl)
+          "data-stacked": p(u) || void 0,
+          role: "alert"
+        }, r.$attrs), [
+          D(r.$slots, "default")
+        ], 16, pl)
       ]),
       _: 3
     }, 8, ["shown", "preloaded"]));
   }
-}), hl = ["data-stacked"], _l = {
+}), vl = ["data-stacked"], Jl = {
   __name: "BsToastActions",
   setup(e) {
     const a = m(!1);
-    W(() => {
+    Y(() => {
       var l;
-      const n = vt();
+      const n = lt();
       ((l = n.default) == null ? void 0 : l.call(n).length) > 2 && (a.value = !0);
     });
-    const t = se("handleDismiss");
-    return (n, l) => (u(), v("div", {
+    const t = ce("handleDismiss");
+    return (n, l) => (d(), b("div", {
       class: "bs-toast-actions",
       "data-stacked": a.value || void 0
     }, [
-      E(n.$slots, "default", {}, () => [
-        D(fa, {
+      D(n.$slots, "default", {}, () => [
+        V(pa, {
           size: "sm",
           "text-btn": "",
-          onClick: f(t)
+          onClick: p(t)
         }, {
-          default: O(() => [
-            F(" Dismiss ")
+          default: E(() => [
+            H(" Dismiss ")
           ]),
           _: 1
         }, 8, ["onClick"])
       ])
-    ], 8, hl));
+    ], 8, vl));
   }
-}, bl = (e, a) => {
+}, hl = (e, a) => {
   const t = e.__vccOpts || e;
   for (const [n, l] of a)
     t[n] = l;
   return t;
-}, ml = {}, gl = { class: "bs-toast-body" };
-function yl(e, a) {
-  return u(), v("div", gl, [
-    E(e.$slots, "default")
+}, bl = {}, ml = { class: "bs-toast-body" };
+function gl(e, a) {
+  return d(), b("div", ml, [
+    D(e.$slots, "default")
   ]);
 }
-const eo = /* @__PURE__ */ bl(ml, [["render", yl]]), Bl = ["data-variant"], to = {
+const _l = /* @__PURE__ */ hl(bl, [["render", gl]]), yl = ["data-variant"], eo = {
   __name: "BsToastHeader",
   setup(e) {
-    const a = se("variant"), t = p(() => {
+    const a = ce("variant"), t = v(() => {
       switch (a) {
         case "warning":
-          return ze;
+          return Ne;
         case "positive":
-          return wt;
+          return kt;
         case "negative":
-          return ze;
+          return Ne;
         default:
-          return St;
+          return wt;
       }
     });
-    return (n, l) => (u(), v("div", {
+    return (n, l) => (d(), b("div", {
       class: "bs-toast-header",
-      "data-variant": f(a)
+      "data-variant": p(a)
     }, [
-      (u(), V(J(t.value), { class: "bs-toast-header-icon" })),
-      g("h5", null, [
-        E(n.$slots, "default")
+      (d(), L(_(t.value), { class: "bs-toast-header-icon" })),
+      $("h5", null, [
+        D(n.$slots, "default")
       ])
-    ], 8, Bl));
+    ], 8, yl));
   }
-}, $l = { class: "bs-toaster" }, ao = {
+}, Bl = { class: "bs-toaster" }, to = {
   __name: "BsToaster",
   setup(e) {
-    return re("stacked", !0), (a, t) => (u(), v("div", $l, [
-      E(a.$slots, "default")
+    return ue("stacked", !0), (a, t) => (d(), b("div", Bl, [
+      D(a.$slots, "default")
     ]));
   }
-}, Sl = ["data-position"], wl = ["id"], no = {
+}, $l = ["data-position"], Sl = ["id"], ao = {
   __name: "BsTooltip",
   props: {
     tooltipId: {
@@ -4548,86 +4601,86 @@ const eo = /* @__PURE__ */ bl(ml, [["render", yl]]), Bl = ["data-variant"], to =
     }
   },
   setup(e) {
-    const a = e, t = m(!1), n = m(!1), l = p(() => {
-      let i = "bs-tooltip-text";
-      return n.value && (a.position === void 0 || a.position === "top" || a.position === "bottom" ? i += " escaped-x" : a.position === "left" || a.position === "right" ? i += " escaped-y" : i += " escaped"), i;
+    const a = e, t = m(!1), n = m(!1), l = v(() => {
+      let o = "bs-tooltip-text";
+      return n.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;
     });
-    Ie(["Escape"], () => {
+    Te(["Escape"], () => {
       t.value && (t.value = !1, n.value = !0);
     });
-    function r() {
+    function i() {
       t.value = !0;
     }
-    function d() {
+    function u() {
       t.value = !1, n.value = !1;
     }
-    return (i, o) => (u(), v("div", {
+    return (o, s) => (d(), b("div", {
       class: "bs-tooltip",
       "data-position": e.position || void 0,
       "data-component": "bs-tooltip",
-      onMouseenter: r,
-      onFocusin: r,
-      onMouseleave: d,
-      onFocusout: d
+      onMouseenter: i,
+      onFocusin: i,
+      onMouseleave: u,
+      onFocusout: u
     }, [
-      E(i.$slots, "default"),
-      e.content ? (u(), v("div", {
+      D(o.$slots, "default"),
+      e.content ? (d(), b("div", {
         key: 0,
-        class: ae(l.value),
+        class: ne(l.value),
         id: e.tooltipId,
         role: "tooltip"
-      }, T(e.content), 11, wl)) : w("", !0)
-    ], 40, Sl));
+      }, x(e.content), 11, Sl)) : k("", !0)
+    ], 40, $l));
   }
 };
 export {
-  Ll as BsAccordion,
-  Wt as BsBadge,
-  Vl as BsBanner,
-  fa as BsButton,
-  El as BsCalendar,
-  Dl as BsChartBar,
-  Ta as BsCheckbox,
+  Al as BsAccordion,
+  Gt as BsBadge,
+  Ll as BsBanner,
+  pa as BsButton,
+  Vl as BsCalendar,
+  El as BsChartBar,
+  Dl as BsCheckbox,
   Ol as BsCircleButton,
-  rt as BsDropdown,
-  Ja as BsDropdownMultiselect,
-  Ue as BsDropdownOption,
-  ye as BsDropdownOptionBuilder,
-  Fe as BsDropdownOptionList,
-  We as BsDropdownWithOptions,
+  st as BsDropdown,
+  Ya as BsDropdownMultiselect,
+  We as BsDropdownOption,
+  $e as BsDropdownOptionBuilder,
+  Ue as BsDropdownOptionList,
+  Ge as BsDropdownWithOptions,
   ql as BsDropdownWithToggle,
-  pe as BsFieldDetails,
-  an as BsFilterButton,
-  Ml as BsIconGradientWrapper,
-  ve as BsInput,
-  Ce as BsInputAddon,
-  Pl as BsInputField,
+  he as BsFieldDetails,
+  Ja as BsFilterButton,
+  Pl as BsIconGradientWrapper,
+  be as BsInput,
+  xe as BsInputAddon,
+  Ml as BsInputField,
   zl as BsInputPhone,
-  cn as BsInputSearch,
+  sn as BsInputSearch,
   Nl as BsInputTypeahead,
-  ne as BsLabel,
-  Rl as BsLoader,
-  jl as BsModal,
-  Bn as BsOverlay,
-  Fl as BsPagination,
-  Ul as BsPill,
-  Wl as BsProfile,
-  Yn as BsProfileDetails,
-  st as BsProfileImg,
-  Gl as BsRadio,
-  Jn as BsSelect,
-  Hl as BsSelectField,
-  Kl as BsSwitch,
-  Yl as BsTab,
-  Ql as BsTabList,
-  Xl as BsTabPanel,
-  pl as BsTextarea,
-  Zl as BsTextareaField,
-  Jl as BsToast,
-  _l as BsToastActions,
-  eo as BsToastBody,
-  to as BsToastHeader,
-  ao as BsToaster,
-  no as BsTooltip,
-  Te as BsTransition
+  oe as BsLabel,
+  bn as BsLoader,
+  Rl as BsModal,
+  yn as BsOverlay,
+  jl as BsPagination,
+  Fl as BsPill,
+  Ul as BsProfile,
+  Kn as BsProfileDetails,
+  dt as BsProfileImg,
+  Wl as BsRadio,
+  Zn as BsSelect,
+  Gl as BsSelectField,
+  Hl as BsSwitch,
+  Kl as BsTab,
+  Yl as BsTabList,
+  Ql as BsTabPanel,
+  fl as BsTextarea,
+  Xl as BsTextareaField,
+  Zl as BsToast,
+  Jl as BsToastActions,
+  _l as BsToastBody,
+  eo as BsToastHeader,
+  to as BsToaster,
+  ao as BsTooltip,
+  Ae as BsTransition
 };