@wwtdev/bsds-components-vue3 2.1.3 → 2.1.5

package/lib/bsds-components.js

@@ -1,132 +1,132 @@
-import { computed as p, ref as I, onMounted as j, onUnmounted as ne, shallowRef as Re, watch as D, defineAsyncComponent as je, openBlock as d, createElementBlock as f, unref as v, createElementVNode as m, renderSlot as k, createBlock as L, resolveDynamicComponent as U, createCommentVNode as S, toDisplayString as T, createVNode as E, normalizeClass as X, useAttrs as O, mergeProps as P, withCtx as V, Fragment as N, renderList as Y, createTextVNode as R, withDirectives as Fe, Transition as me, vShow as We, inject as te, provide as ae, onDeactivated as Ge, isRef as Ue, nextTick as He, useSlots as Ke } from "vue";
-import { v4 as Ye } from "uuid";
-import { BsIconCaretDown as we, BsIconWarning as pe, BsIconClose as oe, BsIconSearch as Xe, BsIconCaretLeftDouble as Ze, BsIconCaretLeft as Je, BsIconCaretRight as Qe, BsIconCaretRightDouble as _e, BsIconActionEllipsis as et, BsIconCircleExclamation as tt, BsIconThumbsUpStroke as at } from "@wwtdev/bsds-icons-vue3";
-import { Chart as ve, BarController as nt, BarElement as lt, CategoryScale as ot, LinearScale as it, Legend as rt, Tooltip as st } from "chart.js";
-const ye = {
+import { computed as g, ref as I, onMounted as F, onUnmounted as _, shallowRef as Ze, watch as z, defineAsyncComponent as me, openBlock as s, createElementBlock as v, unref as f, createElementVNode as $, renderSlot as L, createBlock as O, resolveDynamicComponent as H, createCommentVNode as w, toDisplayString as A, createVNode as D, normalizeClass as Q, useAttrs as U, mergeProps as M, withCtx as P, Fragment as R, renderList as G, createTextVNode as W, withDirectives as ye, Transition as Ie, vShow as Be, provide as ee, inject as te, nextTick as oe, Teleport as Je, onBeforeMount as Qe, isRef as _e, useSlots as et } from "vue";
+import { v4 as tt } from "uuid";
+import { BsIconCaretDown as Ve, BsIconWarning as ge, BsIconClose as de, BsIconSearch as at, BsIconCaretLeftDouble as nt, BsIconCaretLeft as lt, BsIconCaretRight as ot, BsIconCaretRightDouble as it, BsIconActionEllipsis as rt, BsIconCircleExclamation as st, BsIconThumbsUpStroke as dt } from "@wwtdev/bsds-icons-vue3";
+import { Chart as be, BarController as ut, BarElement as ct, CategoryScale as ft, LinearScale as vt, Legend as pt, Tooltip as ht } from "chart.js";
+const Te = {
   href: "a",
   linkTo: "a",
   onclick: "button",
   onClick: "button",
   type: "button"
 };
-function ie(e, a, t = "button") {
-  const n = dt(e, a, t), l = p(() => {
-    const i = n.value === "button", s = {};
-    return i ? (s.type = a.type || "button", s.autocomplete = "off", e.disabled && (s.disabled = !0)) : e.disabled && (s["aria-disabled"] = "true", s.tabindex = "-1"), s;
-  }), o = p(() => {
-    const i = { ...a, ...l.value };
+function ue(e, a, t = "button") {
+  const l = bt(e, a, t), n = g(() => {
+    const i = l.value === "button", r = {};
+    return i ? (r.type = a.type || "button", r.autocomplete = "off", e.disabled && (r.disabled = !0)) : e.disabled && (r["aria-disabled"] = "true", r.tabindex = "-1"), r;
+  }), o = g(() => {
+    const i = { ...a, ...n.value };
     return delete i.href, i;
-  }), u = p(() => e.linkTo || e.href);
-  return { rootTag: n, attrsToBind: o, hrefUrl: u };
+  }), u = g(() => e.linkTo || e.href);
+  return { rootTag: l, attrsToBind: o, hrefUrl: u };
 }
-function dt(e, a, t) {
-  const n = Object.keys(ye).find((l) => ut(e, a, l));
-  return I(ye[n] || t);
+function bt(e, a, t) {
+  const l = Object.keys(Te).find((n) => gt(e, a, n));
+  return I(Te[l] || t);
 }
-function ut(e, a, t) {
+function gt(e, a, t) {
   return e[t] || a[t];
 }
-const ct = (e, a) => {
-  const t = (n) => {
-    e.some((l) => {
+const mt = (e, a) => {
+  const t = (l) => {
+    e.some((n) => {
       var o;
-      return (o = l.value) == null ? void 0 : o.contains(n.target);
-    }) || a(n);
+      return (o = n.value) == null ? void 0 : o.contains(l.target);
+    }) || a(l);
   };
-  j(() => {
+  F(() => {
     document.addEventListener("click", t);
-  }), ne(() => {
+  }), _(() => {
     document.removeEventListener("click", t);
   });
 };
-function re(e) {
-  const a = p(() => e.linkTo || e.href || ""), t = p(() => {
+function ce(e) {
+  const a = g(() => e.linkTo || e.href || ""), t = g(() => {
     var o, u;
     return ((u = (o = a.value) == null ? void 0 : o.startsWith) == null ? void 0 : u.call(o, "/")) || !1;
-  }), n = p(() => {
+  }), l = g(() => {
     var o, u;
     return t.value && ((o = e.router) == null ? void 0 : o.navigateTo) || ((u = e.router) == null ? void 0 : u.push) || null;
   });
-  function l(o) {
+  function n(o) {
     if (e.disabled) {
       o.preventDefault(), o.stopImmediatePropagation();
       return;
     }
-    if (!a.value || !n.value)
+    if (!a.value || !l.value)
       return;
-    o.target.closest("a").href === `${window.location.origin}${a.value}` && (o.preventDefault(), n.value(a.value));
+    o.target.closest("a").href === `${window.location.origin}${a.value}` && (o.preventDefault(), l.value(a.value));
   }
-  return { onLinkClick: l };
+  return { onLinkClick: n };
 }
-function Be(e) {
-  return e.split("-").map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join("");
+function xe(e) {
+  return e.split("-").map((l) => l.charAt(0).toUpperCase() + l.slice(1)).join("");
 }
-const le = (e, a) => {
-  function t(l) {
-    if (!l)
+const se = (e, a) => {
+  function t(n) {
+    if (!n)
       return null;
-    const o = l.startsWith("bs-") ? Be(l) : `BsIcon${Be(l)}`;
-    return je(async () => {
+    const o = n.startsWith("bs-") ? xe(n) : `BsIcon${xe(n)}`;
+    return me(async () => {
       const { [o]: u } = await import("@wwtdev/bsds-icons-vue3");
       return u;
     });
   }
-  const n = Re();
-  return n.value = t(e[a]), D(() => e[a], async (l) => n.value = t(l)), { icon: n };
+  const l = Ze();
+  return l.value = t(e[a]), z(() => e[a], async (n) => l.value = t(n)), { icon: l };
 };
-function H(e = 1) {
+function K(e = 1) {
   const a = [];
   for (let t = 0; t < e; t++)
     a.push(I(""));
-  return j(() => {
-    a.forEach((t) => t.value = Ye());
+  return F(() => {
+    a.forEach((t) => t.value = `id-${tt()}`);
   }), a;
 }
-const se = (e, a, t = void 0) => {
-  const n = (l) => {
-    e.includes(l.key) && a(l);
+const fe = (e, a, t = void 0) => {
+  const l = (n) => {
+    e.includes(n.key) && a(n);
   };
-  j(() => {
-    ((t == null ? void 0 : t.value) ?? document).addEventListener("keydown", n);
-  }), ne(() => {
-    ((t == null ? void 0 : t.value) ?? document).removeEventListener("keydown", n);
+  F(() => {
+    ((t == null ? void 0 : t.value) ?? document).addEventListener("keydown", l);
+  }), _(() => {
+    ((t == null ? void 0 : t.value) ?? document).removeEventListener("keydown", l);
   });
-}, ft = (e, a, t) => {
-  let n = null;
-  j(() => {
-    n = new MutationObserver(a), n.observe(e.value, t);
-  }), ne(() => {
-    n.disconnect();
+}, yt = (e, a, t) => {
+  let l = null;
+  F(() => {
+    l = new MutationObserver(a), l.observe(e.value, t);
+  }), _(() => {
+    l.disconnect();
   });
 };
-function Z(e, a, t = []) {
-  var i, s;
-  const n = ((s = (i = e.passAttrs) == null ? void 0 : i.split) == null ? void 0 : s.call(i, ",")) || [], l = /* @__PURE__ */ new Set([...n, ...t]);
-  l.delete("");
+function ae(e, a, t = []) {
+  var i, r;
+  const l = ((r = (i = e.passAttrs) == null ? void 0 : i.split) == null ? void 0 : r.call(i, ",")) || [], n = /* @__PURE__ */ new Set([...l, ...t]);
+  n.delete("");
   const o = I({}), u = I({});
-  for (let r in a)
-    l.has(r) ? u.value[r] = a[r] : o.value[r] = a[r];
+  for (let d in a)
+    n.has(d) ? u.value[d] = a[d] : o.value[d] = a[d];
   return {
     toRoot: o,
     toChild: u
   };
 }
-const de = (e) => {
+const ve = (e) => {
   const a = I(!1);
-  return j(() => {
+  return F(() => {
     a.value = e.enterControlled || e.preloaded ? e.enterTrigger : e.shown;
-  }), D(() => e.shown, (t) => {
+  }), z(() => e.shown, (t) => {
     a.value = t;
-  }), D(() => e.enterTrigger, (t) => {
+  }), z(() => e.enterTrigger, (t) => {
     a.value = t;
-  }), D(() => e.leaveTrigger, (t) => {
+  }), z(() => e.leaveTrigger, (t) => {
     t && (a.value = !1);
   }), { transition: a };
-}, vt = ["id", "data-stacked"], pt = ["data-open"], ht = ["aria-controls", "aria-expanded"], gt = {
+}, Bt = ["id", "data-stacked"], $t = ["data-open"], St = ["aria-controls", "aria-expanded"], wt = {
   key: 0,
   "data-position": "start",
   style: { display: "inline-flex" }
-}, bt = ["id", "aria-level"], mt = ["aria-labelledby", "data-open", "id"], Vn = {
+}, kt = ["id", "aria-level"], It = ["aria-labelledby", "data-open", "id"], Xn = {
   __name: "BsAccordion",
   props: {
     controlled: { type: Boolean, default: !1 },
@@ -142,59 +142,59 @@ const de = (e) => {
   },
   emits: ["toggled"],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = I(null), o = I(!1), { icon: u } = le(t, "icon"), [i] = H(), s = p(() => i.value + "-content"), r = p(() => i.value + "-title"), c = p(() => t.openItemId && t.openItemId === i.value || t.openItem === !0), b = p(() => t.controlled ? c.value : o.value);
-    function g() {
-      n("toggled", i.value), t.controlled || (o.value = !o.value);
+    const t = e, l = a, n = I(null), o = I(!1), { icon: u } = se(t, "icon"), [i] = K(), r = g(() => i.value + "-content"), d = g(() => i.value + "-title"), c = g(() => t.openItemId && t.openItemId === i.value || t.openItem === !0), p = g(() => t.controlled ? c.value : o.value);
+    function h() {
+      l("toggled", i.value), t.controlled || (o.value = !o.value);
     }
-    return (B, x) => (d(), f("div", {
-      id: v(i),
+    return (m, V) => (s(), v("div", {
+      id: f(i),
       ref_key: "containerRef",
-      ref: l,
+      ref: n,
       class: "bs-accordion",
       "data-component": "bs-accordion",
       "data-stacked": e.stacked
     }, [
-      m("header", {
+      $("header", {
         part: "header",
-        "data-open": b.value
+        "data-open": p.value
       }, [
-        m("button", {
-          "aria-controls": s.value,
-          "aria-expanded": b.value,
+        $("button", {
+          "aria-controls": r.value,
+          "aria-expanded": p.value,
           type: "button",
-          onClick: g
+          onClick: h
         }, [
-          e.icon || B.$slots.icon ? (d(), f("span", gt, [
-            k(B.$slots, "icon", {}, () => [
-              e.icon ? (d(), L(U(v(u) ? v(u) : "span"), { key: 0 })) : S("", !0)
+          e.icon || m.$slots.icon ? (s(), v("span", wt, [
+            L(m.$slots, "icon", {}, () => [
+              e.icon ? (s(), O(H(f(u) ? f(u) : "span"), { key: 0 })) : w("", !0)
             ])
-          ])) : S("", !0),
-          m("span", {
-            id: r.value,
+          ])) : w("", !0),
+          $("span", {
+            id: d.value,
             "aria-level": e.headingLevel,
             role: "heading"
-          }, T(e.headerText), 9, bt),
-          E(v(we), {
+          }, A(e.headerText), 9, kt),
+          D(f(Ve), {
             size: "md",
             "data-position": "end"
           })
-        ], 8, ht)
-      ], 8, pt),
-      m("div", {
-        "aria-labelledby": r.value,
+        ], 8, St)
+      ], 8, $t),
+      $("div", {
+        "aria-labelledby": d.value,
         class: "bs-accordion-content",
-        "data-open": b.value,
-        id: s.value,
+        "data-open": p.value,
+        id: r.value,
         part: "content",
         role: "region"
       }, [
-        m("div", null, [
-          k(B.$slots, "default")
+        $("div", null, [
+          L(m.$slots, "default")
         ])
-      ], 8, mt)
-    ], 8, vt));
+      ], 8, It)
+    ], 8, Bt));
   }
-}, yt = ["data-badge-color", "data-count", "data-position", "data-show-zero", "data-variant", "aria-label"], Bt = {
+}, Tt = ["data-badge-color", "data-count", "data-position", "data-show-zero", "data-variant", "aria-label"], xt = {
   __name: "BsBadge",
   props: {
     /** Pass value to set `data-badge-color`. */
@@ -241,60 +241,60 @@ const de = (e) => {
     }
   },
   setup(e) {
-    const a = e, t = I(null), n = p(() => a.count === 0 ? "0" : !a.count || a.dot ? null : a.count > a.countMax ? a.countMax + "+" : a.count.toString()), l = p(() => {
-      var s, r;
-      const o = ((r = (s = t.value) == null ? void 0 : s.textContent) == null ? void 0 : r.trim()) || "", u = n.value ? n.value + " " : "";
+    const a = e, t = I(null), l = g(() => a.count === 0 ? "0" : !a.count || a.dot ? null : a.count > a.countMax ? a.countMax + "+" : a.count.toString()), n = g(() => {
+      var r, d;
+      const o = ((d = (r = t.value) == null ? void 0 : r.textContent) == null ? void 0 : d.trim()) || "", u = l.value ? l.value + " " : "";
       if (!u && !a.dot)
         return o;
       const i = a.count !== 1 ? "s" : "";
       return `${o ? `${o}, ` : ""}${u}${a.label}${i}`;
     });
-    return (o, u) => (d(), f("span", {
+    return (o, u) => (s(), v("span", {
       ref_key: "hostRef",
       ref: t,
-      class: X({ "bs-badge": e.dot || n.value }),
+      class: Q({ "bs-badge": e.dot || l.value }),
       "data-badge-color": e.color,
       "data-component": "bs-badge",
-      "data-count": n.value,
+      "data-count": l.value,
       "data-position": e.position,
       "data-show-zero": e.showZero,
       "data-variant": e.variant,
-      "aria-label": l.value
+      "aria-label": n.value
     }, [
-      e.variant !== "notext" ? k(o.$slots, "default", { key: 0 }) : S("", !0)
-    ], 10, yt));
+      e.variant !== "notext" ? L(o.$slots, "default", { key: 0 }) : w("", !0)
+    ], 10, Tt));
   }
-}, $t = {
+}, Ct = {
   key: 0,
   role: "alert",
   class: "bs-banner"
-}, St = { class: "bs-banner-content" }, wt = { class: "bs-banner-warning-icon" }, Pn = {
+}, At = { class: "bs-banner-content" }, Lt = { class: "bs-banner-warning-icon" }, Zn = {
   __name: "BsBanner",
   emits: ["dismiss"],
   setup(e, { emit: a }) {
-    const t = a, n = I(!1);
-    function l() {
-      n.value = !0, t("dismiss");
-    }
-    return (o, u) => n.value ? S("", !0) : (d(), f("div", $t, [
-      m("div", St, [
-        m("div", wt, [
-          E(v(pe), { size: "lg" })
+    const t = a, l = I(!1);
+    function n() {
+      l.value = !0, t("dismiss");
+    }
+    return (o, u) => l.value ? w("", !0) : (s(), v("div", Ct, [
+      $("div", At, [
+        $("div", Lt, [
+          D(f(ge), { size: "lg" })
         ]),
-        m("p", null, [
-          k(o.$slots, "default")
+        $("p", null, [
+          L(o.$slots, "default")
         ]),
-        m("button", {
+        $("button", {
           type: "button",
           title: "Close Banner",
-          onClick: l
+          onClick: n
         }, [
-          E(v(oe))
+          D(f(de))
         ])
       ])
     ]));
   }
-}, kt = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Vt = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsButton",
   props: {
     variant: { type: String },
@@ -308,23 +308,23 @@ const de = (e) => {
     size: { type: String, validator: (e) => ["sm", "xs", "xxs"].includes(e) }
   },
   setup(e) {
-    const a = e, t = O(), { rootTag: n, attrsToBind: l, hrefUrl: o } = ie(a, t), { onLinkClick: u } = re(a);
-    return (i, s) => (d(), L(U(v(n)), P({
+    const a = e, t = U(), { rootTag: l, attrsToBind: n, hrefUrl: o } = ue(a, t), { onLinkClick: u } = ce(a);
+    return (i, r) => (s(), O(H(f(l)), 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": v(o)
-    }, v(l), { onClick: v(u) }), {
-      default: V(() => [
-        k(i.$slots, "default")
+      ".href": f(o)
+    }, f(n), { onClick: f(u) }), {
+      default: P(() => [
+        L(i.$slots, "default")
       ]),
       _: 3
     }, 48, ["data-ghost", "data-size", "data-text", "data-variant", ".href", "onClick"]));
   }
-}), It = { "data-component": "bs-chart-table" }, Tt = ["summary"], xt = ["colspan"], Ct = /* @__PURE__ */ m("th", { scope: "col" }, " Dataset ", -1), At = { scope: "row" }, Lt = {
+}), Et = { "data-component": "bs-chart-table" }, Pt = ["summary"], Ot = ["colspan"], Dt = /* @__PURE__ */ $("th", { scope: "col" }, " Dataset ", -1), qt = { scope: "row" }, Mt = {
   __name: "BsChartTable",
   props: {
     data: {
@@ -342,53 +342,53 @@ const de = (e) => {
   },
   setup(e) {
     return (a, t) => {
-      var n;
-      return d(), f("div", It, [
-        m("table", { summary: e.tableTitle }, [
-          m("thead", null, [
-            m("tr", null, [
-              m("th", {
-                colspan: ((n = e.dataIdxLabels) == null ? void 0 : n.length) + 1
-              }, T(e.tableTitle), 9, xt)
+      var l;
+      return s(), v("div", Et, [
+        $("table", { summary: e.tableTitle }, [
+          $("thead", null, [
+            $("tr", null, [
+              $("th", {
+                colspan: ((l = e.dataIdxLabels) == null ? void 0 : l.length) + 1
+              }, A(e.tableTitle), 9, Ot)
             ]),
-            m("tr", null, [
-              Ct,
-              (d(!0), f(N, null, Y(e.dataIdxLabels, (l) => (d(), f("th", {
-                key: l,
+            $("tr", null, [
+              Dt,
+              (s(!0), v(R, null, G(e.dataIdxLabels, (n) => (s(), v("th", {
+                key: n,
                 scope: "col"
-              }, T(l), 1))), 128))
+              }, A(n), 1))), 128))
             ])
           ]),
-          m("tbody", null, [
-            (d(!0), f(N, null, Y(e.data, (l) => (d(), f("tr", {
-              key: l.label
+          $("tbody", null, [
+            (s(!0), v(R, null, G(e.data, (n) => (s(), v("tr", {
+              key: n.label
             }, [
-              m("th", At, T(l.label), 1),
-              (d(!0), f(N, null, Y(l.data, (o, u) => (d(), f("td", {
+              $("th", qt, A(n.label), 1),
+              (s(!0), v(R, null, G(n.data, (o, u) => (s(), v("td", {
                 key: `${o}${u}`
-              }, T(o), 1))), 128))
+              }, A(o), 1))), 128))
             ]))), 128))
           ])
-        ], 8, Tt)
+        ], 8, Pt)
       ]);
     };
   }
-}, Vt = (e) => ({
+}, zt = (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: s } = a.config._config;
-        s === "pie" || s === "doughnut" ? a.toggleDataVisibility(n.index) : a.setDatasetVisibility(n.datasetIndex, !a.isDatasetVisible(n.datasetIndex)), a.update();
+    e.innerHTML = "", e.style.setProperty("--legend-padding", `${a.scales.x.left}px`), a.options.plugins.legend.labels.generateLabels(a).forEach((l) => {
+      const n = document.createElement("li");
+      n.onclick = () => {
+        const { type: r } = a.config._config;
+        r === "pie" || r === "doughnut" ? a.toggleDataVisibility(l.index) : a.setDatasetVisibility(l.datasetIndex, !a.isDatasetVisible(l.datasetIndex)), a.update();
       };
       const o = document.createElement("span");
-      o.style.setProperty("--item-box-fill", n.fillStyle), o.style.setProperty("--item-box-stroke", n.strokeStyle);
-      const u = 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(u), l.appendChild(o), l.appendChild(i), e.appendChild(l);
+      o.style.setProperty("--item-box-fill", l.fillStyle), o.style.setProperty("--item-box-stroke", l.strokeStyle);
+      const u = document.createTextNode(l.text), i = document.createElement("p");
+      i.style.setProperty("--item-text-color", l.fontColor), i.style.setProperty("--item-text-decoration", l.hidden ? "line-through" : "none"), i.appendChild(u), n.appendChild(o), n.appendChild(i), e.appendChild(n);
     });
   }
-}), Pt = ({ type: e, datasets: a, labels: t, tooltips: n }) => ({
+}), Rt = ({ type: e, datasets: a, labels: t, tooltips: l }) => ({
   type: e,
   data: {
     datasets: a,
@@ -401,13 +401,13 @@ const de = (e) => {
         display: !1
       },
       tooltip: {
-        enabled: n
+        enabled: l
       }
     },
     responsive: !0
   }
 });
-function Et(e) {
+function Nt(e) {
   const a = [
     "rgba(209, 26, 111, 1)",
     "rgba(130, 18, 196, 1)",
@@ -420,19 +420,19 @@ function Et(e) {
   ], t = a[e % a.length];
   return e >= a.length ? t.replace("1)", "0.5)") : t;
 }
-function $e(e, a, t) {
-  let n;
+function Ce(e, a, t) {
+  let l;
   return function() {
-    let l = this, o = arguments;
-    clearTimeout(n), t && !n && e.apply(l, o), n = setTimeout(function() {
-      n = null, t || e.apply(l, o);
+    let n = this, o = arguments;
+    clearTimeout(l), t && !l && e.apply(n, o), l = setTimeout(function() {
+      l = null, t || e.apply(n, o);
     }, a);
   };
 }
-const Dt = {
+const jt = {
   class: "bs-chart-bar",
   "data-component": "bs-chart-bar"
-}, qt = ["aria-label"], zt = ["data-hidden"], En = {
+}, Wt = ["aria-label"], Ft = ["data-hidden"], Jn = {
   __name: "BsChartBar",
   props: {
     chartTitle: {
@@ -486,16 +486,16 @@ const Dt = {
     }
   },
   setup(e) {
-    const a = e, t = I(null), n = I(null);
-    let l;
-    const o = p(() => {
+    const a = e, t = I(null), l = I(null);
+    let n;
+    const o = g(() => {
       const c = {
         datasets: u.value,
         labels: a.dataIdxLabels,
         type: "bar",
         tooltips: a.showTooltips
-      }, b = Pt(c);
-      return b.plugins = [Vt(n.value)], b.options.scales = {
+      }, p = Rt(c);
+      return p.plugins = [zt(l.value)], p.options.scales = {
         x: {
           grid: {
             display: a.showXGrid
@@ -516,50 +516,50 @@ const Dt = {
             text: a.yLabel
           }
         }
-      }, b;
-    }), u = p(() => a.data.map((c, b) => ({
+      }, p;
+    }), u = g(() => a.data.map((c, p) => ({
       ...c,
-      backgroundColor: Et(b),
+      backgroundColor: Nt(p),
       categoryPercentage: a.data.length > 1 ? 0.5 : 0.33
-    }))), i = p(() => a.chartTitle || `${a.yLabel} / ${a.xLabel}`), s = $e(function(c, b) {
-      !l || c === b || (l.options = o.value.options, l.update());
-    }, 100), r = $e(function() {
-      l && (l.data = o.value.data, l.update());
+    }))), i = g(() => a.chartTitle || `${a.yLabel} / ${a.xLabel}`), r = Ce(function(c, p) {
+      !n || c === p || (n.options = o.value.options, n.update());
+    }, 100), d = Ce(function() {
+      n && (n.data = o.value.data, n.update());
     }, 100);
-    return j(() => {
-      ve.register(nt, lt, ot, it, rt, st), ve.defaults.font.family = "'Roobert', sans-serif", l = new ve(t.value, o.value);
-    }), D(() => a.showLegend, s), D(() => a.showTooltips, s), D(() => a.showXGrid, s), D(() => a.showYGrid, s), D(() => a.stacked, s), D(() => a.xLabel, s), D(() => a.yLabel, s), D(() => a.data, r), D(() => a.dataIdxLabels, r), (c, b) => (d(), f("div", Dt, [
-      m("figure", null, [
-        m("div", null, [
-          m("canvas", {
+    return F(() => {
+      be.register(ut, ct, ft, vt, pt, ht), be.defaults.font.family = "'Roobert', sans-serif", n = new be(t.value, o.value);
+    }), z(() => a.showLegend, r), z(() => a.showTooltips, r), z(() => a.showXGrid, r), z(() => a.showYGrid, r), z(() => a.stacked, r), z(() => a.xLabel, r), z(() => a.yLabel, r), z(() => a.data, d), z(() => a.dataIdxLabels, d), (c, p) => (s(), v("div", jt, [
+      $("figure", null, [
+        $("div", null, [
+          $("canvas", {
             "aria-label": i.value,
             ref_key: "canvas",
             ref: t,
             role: "img"
-          }, null, 8, qt)
+          }, null, 8, Wt)
         ]),
-        m("div", null, [
-          E(Lt, {
+        $("div", null, [
+          D(Mt, {
             data: e.data,
             "data-idx-labels": e.dataIdxLabels,
             "table-title": i.value
           }, null, 8, ["data", "data-idx-labels", "table-title"]),
-          m("figcaption", {
+          $("figcaption", {
             "data-hidden": !e.showLegend
           }, [
-            m("ul", {
+            $("ul", {
               ref_key: "legendList",
-              ref: n
+              ref: l
             }, null, 512)
-          ], 8, zt)
+          ], 8, Ft)
         ])
       ])
     ]));
   }
-}, Mt = ["data-disabled", "for"], Ot = /* @__PURE__ */ m("span", {
+}, Ut = ["data-disabled", "for"], Gt = /* @__PURE__ */ $("span", {
   "data-required": "true",
   "aria-hidden": "true"
-}, " *", -1), Nt = /* @__PURE__ */ m("span", { class: "visually-hidden" }, "required", -1), _ = {
+}, " *", -1), Ht = /* @__PURE__ */ $("span", { class: "visually-hidden" }, "required", -1), ne = {
   __name: "BsLabel",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -568,22 +568,22 @@ const Dt = {
     required: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (a, t) => (d(), f("label", {
-      class: X(["bs-label", e.hide ? "visually-hidden" : ""]),
+    return (a, t) => (s(), v("label", {
+      class: Q(["bs-label", e.hide ? "visually-hidden" : ""]),
       "data-component": "bs-label",
       "data-disabled": e.disabled,
       for: e.for
     }, [
-      m("span", null, [
-        k(a.$slots, "default")
+      $("span", null, [
+        L(a.$slots, "default")
       ]),
-      e.required ? (d(), f(N, { key: 0 }, [
-        Ot,
-        Nt
-      ], 64)) : S("", !0)
-    ], 10, Mt));
+      e.required ? (s(), v(R, { key: 0 }, [
+        Gt,
+        Ht
+      ], 64)) : w("", !0)
+    ], 10, Ut));
   }
-}, Rt = ["data-size"], jt = ["checked", "data-error", "disabled", "id", "required", "value"], Dn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Kt = ["data-size"], Yt = ["checked", "data-error", "disabled", "id", "required", "value"], Ae = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsCheckbox",
   props: {
     /** Sets the label. */
@@ -641,54 +641,54 @@ const Dt = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = O(), [o] = H(), { toChild: u, toRoot: i } = Z(t, l, ["aria-label", "name", "value"]), s = I(null), r = p(() => t.inputId || o.value), c = p(() => t.checked || g.value), b = p(() => Array.isArray(t.modelValue) && t.value), g = p(() => b.value && t.modelValue.includes(t.value) || typeof t.modelValue == "boolean" && t.modelValue);
-    function B() {
-      s.value && (s.value.indeterminate = t.checkedPartially && !c.value);
+    const t = e, l = a, n = U(), [o] = K(), { toChild: u, toRoot: i } = ae(t, n, ["aria-label", "name", "value"]), r = I(null), d = g(() => t.inputId || o.value), c = g(() => t.checked || h.value), p = g(() => Array.isArray(t.modelValue) && t.value), h = g(() => p.value && t.modelValue.includes(t.value) || typeof t.modelValue == "boolean" && t.modelValue);
+    function m() {
+      r.value && (r.value.indeterminate = t.checkedPartially && !c.value);
     }
-    function x($) {
-      n("update:modelValue", $);
+    function V(E) {
+      l("update:modelValue", E);
     }
-    function z($) {
+    function T(E) {
       const y = [...t.modelValue];
-      $ ? y.push(t.value) : y.splice(y.indexOf(t.value), 1), n("update:modelValue", y);
+      E ? y.push(t.value) : y.splice(y.indexOf(t.value), 1), l("update:modelValue", y);
     }
-    function C($) {
-      const { checked: y } = $.target;
-      b.value ? z(y) : x(y);
+    function k(E) {
+      const { checked: y } = E.target;
+      p.value ? T(y) : V(y);
     }
-    return D(c, B), D(() => t.checkedPartially, B), ($, y) => (d(), f("div", P({
+    return z(c, m), z(() => t.checkedPartially, m), (E, y) => (s(), v("div", M({
       class: "bs-boolean",
       "data-component": "bs-checkbox",
       "data-size": e.size
-    }, v(i)), [
-      m("input", P({
+    }, f(i)), [
+      $("input", M({
         ref_key: "inputEl",
-        ref: s,
+        ref: r,
         checked: c.value,
         "data-error": e.error,
         disabled: e.disabled,
-        id: r.value,
+        id: d.value,
         required: e.required,
         value: e.value || "on",
         type: "checkbox",
-        onChange: C
-      }, v(u)), null, 16, jt),
-      e.label || $.$slots.label ? (d(), L(_, {
+        onChange: k
+      }, f(u)), null, 16, Yt),
+      e.label || E.$slots.label ? (s(), O(ne, {
         key: 0,
-        for: r.value,
+        for: d.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: V(() => [
-          k($.$slots, "label", {}, () => [
-            R(T(e.label), 1)
+        default: P(() => [
+          L(E.$slots, "label", {}, () => [
+            W(A(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : S("", !0)
-    ], 16, Rt));
+      }, 8, ["for", "disabled", "required"])) : w("", !0)
+    ], 16, Kt));
   }
-}), Ft = { key: 0 }, Wt = { class: "bs-circle-button-icon" }, Gt = { key: 1 }, qn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), Xt = { key: 0 }, Zt = { class: "bs-circle-button-icon" }, Jt = { key: 1 }, Qn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsCircleButton",
   props: {
     disabled: {
@@ -734,32 +734,32 @@ const Dt = {
     }
   },
   setup(e) {
-    const a = e, t = O(), { rootTag: n, attrsToBind: l, hrefUrl: o } = ie(a, t), { icon: u } = le(a, "icon"), { onLinkClick: i } = re(a), s = p(() => a.textBtn ? {} : a.href ? { title: a.label } : { "aria-label": a.label }), r = p(() => {
+    const a = e, t = U(), { rootTag: l, attrsToBind: n, hrefUrl: o } = ue(a, t), { icon: u } = se(a, "icon"), { onLinkClick: i } = ce(a), r = g(() => a.textBtn ? {} : a.href ? { title: a.label } : { "aria-label": a.label }), d = g(() => {
       if (a.hoverEffect)
         return a.iconPosition;
-    }), c = p(() => a.textBtn && a.iconPosition !== "left"), b = p(() => a.textBtn && a.iconPosition === "left");
-    return (g, B) => (d(), L(U(v(n)), P({
+    }), c = g(() => a.textBtn && a.iconPosition !== "left"), p = g(() => a.textBtn && a.iconPosition === "left");
+    return (h, m) => (s(), O(H(f(l)), M({
       class: "bs-circle-button",
       "data-disabled": e.disabled,
-      "data-direction": r.value,
+      "data-direction": d.value,
       "data-ghost": e.ghostBtn,
       "data-size": e.size,
       "data-text": e.textBtn,
-      ".href": v(o)
-    }, { ...v(l), ...s.value }, { onClick: v(i) }), {
-      default: V(() => [
-        c.value ? (d(), f("span", Ft, T(e.label), 1)) : S("", !0),
-        m("span", Wt, [
-          k(g.$slots, "icon", {}, () => [
-            (d(), L(U(v(u)), { size: e.size }, null, 8, ["size"]))
+      ".href": f(o)
+    }, { ...f(n), ...r.value }, { onClick: f(i) }), {
+      default: P(() => [
+        c.value ? (s(), v("span", Xt, A(e.label), 1)) : w("", !0),
+        $("span", Zt, [
+          L(h.$slots, "icon", {}, () => [
+            (s(), O(H(f(u)), { size: e.size }, null, 8, ["size"]))
           ])
         ]),
-        b.value ? (d(), f("span", Gt, T(e.label), 1)) : S("", !0)
+        p.value ? (s(), v("span", Jt, A(e.label), 1)) : w("", !0)
       ]),
       _: 3
     }, 48, ["data-disabled", "data-direction", "data-ghost", "data-size", "data-text", ".href", "onClick"]));
   }
-}), ue = {
+}), pe = {
   __name: "BsTransition",
   props: {
     shown: {
@@ -802,72 +802,72 @@ const Dt = {
     "leave-cancelled"
   ],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = [];
-    function o(s, r) {
-      const { duration: c, enterClass: b, enterAttribute: g } = t;
-      l.push(setTimeout(() => {
-        b && s.classList.add(b), g && s.setAttribute(g, ""), l.push(setTimeout(() => {
-          r();
-        }, c)), n("enter", s);
+    const t = e, l = a, n = [];
+    function o(r, d) {
+      const { duration: c, enterClass: p, enterAttribute: h } = t;
+      n.push(setTimeout(() => {
+        p && r.classList.add(p), h && r.setAttribute(h, ""), n.push(setTimeout(() => {
+          d();
+        }, c)), l("enter", r);
       }));
     }
-    function u(s, r) {
+    function u(r, d) {
       const {
         duration: c,
-        enterClass: b,
-        enterAttribute: g,
-        leaveClass: B,
-        leaveAttribute: x
+        enterClass: p,
+        enterAttribute: h,
+        leaveClass: m,
+        leaveAttribute: V
       } = t;
-      s.classList.remove(b), s.removeAttribute(g), B && s.classList.add(B), x && s.setAttribute(x, ""), l.push(setTimeout(() => {
-        r();
-      }, c)), n("leave", s);
+      r.classList.remove(p), r.removeAttribute(h), m && r.classList.add(m), V && r.setAttribute(V, ""), n.push(setTimeout(() => {
+        d();
+      }, c)), l("leave", r);
     }
-    function i(s) {
-      const { leaveClass: r, leaveAttribute: c } = t;
-      s.classList.remove(r), s.removeAttribute(c), n("after-leave", s);
+    function i(r) {
+      const { leaveClass: d, leaveAttribute: c } = t;
+      r.classList.remove(d), r.removeAttribute(c), l("after-leave", r);
     }
-    return ne(() => {
-      l.forEach((s) => {
-        clearTimeout(s);
+    return _(() => {
+      n.forEach((r) => {
+        clearTimeout(r);
       });
-    }), (s, r) => e.preloaded ? Fe((d(), L(me, {
+    }), (r, d) => e.preloaded ? ye((s(), O(Ie, {
       key: 0,
       css: !1,
-      onBeforeEnter: r[0] || (r[0] = (c) => n("before-enter", c)),
+      onBeforeEnter: d[0] || (d[0] = (c) => l("before-enter", c)),
       onEnter: o,
-      onAfterEnter: r[1] || (r[1] = (c) => n("after-enter", c)),
-      onEnterCancelled: r[2] || (r[2] = (c) => n("enter-cancelled", c)),
-      onBeforeLeave: r[3] || (r[3] = (c) => n("before-leave", c)),
+      onAfterEnter: d[1] || (d[1] = (c) => l("after-enter", c)),
+      onEnterCancelled: d[2] || (d[2] = (c) => l("enter-cancelled", c)),
+      onBeforeLeave: d[3] || (d[3] = (c) => l("before-leave", c)),
       onLeave: u,
       onAfterLeave: i,
-      onLeaveCancelled: r[4] || (r[4] = (c) => n("leave-cancelled", c))
+      onLeaveCancelled: d[4] || (d[4] = (c) => l("leave-cancelled", c))
     }, {
-      default: V(() => [
-        k(s.$slots, "default")
+      default: P(() => [
+        L(r.$slots, "default")
       ]),
       _: 3
     }, 512)), [
-      [We, e.shown]
-    ]) : (d(), L(me, {
+      [Be, e.shown]
+    ]) : (s(), O(Ie, {
       key: 1,
       css: !1,
-      onBeforeEnter: r[5] || (r[5] = (c) => n("before-enter", c)),
+      onBeforeEnter: d[5] || (d[5] = (c) => l("before-enter", c)),
       onEnter: o,
-      onAfterEnter: r[6] || (r[6] = (c) => n("after-enter", c)),
-      onEnterCancelled: r[7] || (r[7] = (c) => n("enter-cancelled", c)),
-      onBeforeLeave: r[8] || (r[8] = (c) => n("before-leave", c)),
+      onAfterEnter: d[6] || (d[6] = (c) => l("after-enter", c)),
+      onEnterCancelled: d[7] || (d[7] = (c) => l("enter-cancelled", c)),
+      onBeforeLeave: d[8] || (d[8] = (c) => l("before-leave", c)),
       onLeave: u,
       onAfterLeave: i,
-      onLeaveCancelled: r[9] || (r[9] = (c) => n("leave-cancelled", c))
+      onLeaveCancelled: d[9] || (d[9] = (c) => l("leave-cancelled", c))
     }, {
-      default: V(() => [
-        e.shown ? k(s.$slots, "default", { key: 0 }) : S("", !0)
+      default: P(() => [
+        e.shown ? L(r.$slots, "default", { key: 0 }) : w("", !0)
       ]),
       _: 3
     }));
   }
-}, Ut = ["data-width"], Ht = { key: 0 }, Kt = { key: 0 }, Se = {
+}, Qt = ["data-width"], _t = { key: 0 }, ea = { key: 0 }, Le = {
   __name: "BsDropdownInternal",
   props: {
     shown: {
@@ -915,90 +915,93 @@ const Dt = {
     "after-leave"
   ],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = I(null);
+    const t = e, l = a, n = I(null);
     let o = !1;
-    ct([l], () => {
-      o && n("close");
-    }), se(["Escape"], () => {
-      o && n("close");
+    const u = new Proxy({}, {
+      get: () => document.getElementById(t.anchorId)
     });
-    function u() {
-      const B = (t.containerRef || document.getElementById(t.containerId)).getBoundingClientRect(), x = document.getElementById(t.anchorId).getBoundingClientRect(), z = l.value.getBoundingClientRect();
+    mt([n, u], () => {
+      o && l("close");
+    }), fe(["Escape"], () => {
+      o && l("close");
+    });
+    function i() {
+      const V = (t.containerRef || document.getElementById(t.containerId)).getBoundingClientRect(), T = document.getElementById(t.anchorId).getBoundingClientRect(), k = n.value.getBoundingClientRect();
       if (t.position === "top") {
-        const $ = B.bottom - x.bottom;
-        l.value.style.setProperty("--dropdown-wscreen-top", "auto"), l.value.style.setProperty("--dropdown-wscreen-bottom", `${$ + x.height + 8}px`);
+        const y = V.bottom - T.bottom;
+        n.value.style.setProperty("--dropdown-wscreen-top", "auto"), n.value.style.setProperty("--dropdown-wscreen-bottom", `${y + T.height + 8}px`);
       } else {
-        const $ = x.top - B.top;
-        l.value.style.setProperty("--dropdown-wscreen-top", `${$ + x.height + 8}px`), l.value.style.setProperty("--dropdown-wscreen-bottom", "auto");
+        const y = T.top - V.top;
+        n.value.style.setProperty("--dropdown-wscreen-top", `${y + T.height + 8}px`), n.value.style.setProperty("--dropdown-wscreen-bottom", "auto");
       }
-      const C = x.left - B.left;
+      const E = T.left - V.left;
       if (t.position === "center") {
-        const $ = (x.width - z.width) / 2;
-        l.value.style.setProperty("--dropdown-wscreen-left", `${C + $}px`);
+        const y = (T.width - k.width) / 2;
+        n.value.style.setProperty("--dropdown-wscreen-left", `${E + y}px`);
       } else if (t.position === "right") {
-        const $ = B.right - x.right;
-        l.value.style.setProperty("--dropdown-wscreen-left", "auto"), l.value.style.setProperty("--dropdown-wscreen-right", `${$}px`);
+        const y = V.right - T.right;
+        n.value.style.setProperty("--dropdown-wscreen-left", "auto"), n.value.style.setProperty("--dropdown-wscreen-right", `${y}px`);
       } else
-        l.value.style.setProperty("--dropdown-wscreen-left", `${C}px`);
+        n.value.style.setProperty("--dropdown-wscreen-left", `${E}px`);
     }
-    function i() {
+    function r() {
       if (t.width === "toggle") {
-        const g = document.getElementById(t.anchorId).getBoundingClientRect();
-        l.value.style.setProperty("--dropdown-wscreen-width", `${g.width}px`);
+        const m = document.getElementById(t.anchorId).getBoundingClientRect();
+        n.value.style.setProperty("--dropdown-wscreen-width", `${m.width}px`);
       } else
-        l.value.style.setProperty("--dropdown-wscreen-width", "");
+        n.value.style.setProperty("--dropdown-wscreen-width", "");
     }
-    function s() {
-      u(), i(), n("enter");
-    }
-    function r() {
-      o = !0, n("after-enter");
+    function d() {
+      i(), r(), l("enter");
     }
     function c() {
-      o = !1, n("after-leave");
+      o = !0, l("after-enter");
+    }
+    function p() {
+      o = !1, l("after-leave");
     }
-    function b() {
+    function h() {
       return t.width === "toggle" ? void 0 : t.width;
     }
-    return (g, B) => (d(), L(v(ue), {
+    return (m, V) => (s(), O(f(pe), {
       shown: e.shown,
       preloaded: e.preloaded,
       duration: 75,
       "enter-attribute": "data-shown",
-      onAfterEnter: B[1] || (B[1] = (x) => r()),
-      onEnter: B[2] || (B[2] = (x) => s()),
-      onAfterLeave: B[3] || (B[3] = (x) => c())
+      onAfterEnter: c,
+      onEnter: d,
+      onAfterLeave: p
     }, {
-      default: V(() => [
-        m("div", P({
+      default: P(() => [
+        $("div", M({
           ref_key: "dropdownRef",
-          ref: l,
+          ref: n,
           class: "bs-dropdown",
-          "data-width": b()
-        }, g.$attrs), [
-          e.helperText ? (d(), f("header", Ht, [
-            m("div", null, [
-              m("h3", null, T(e.helperText), 1),
-              e.helperDescription ? (d(), f("p", Kt, T(e.helperDescription), 1)) : S("", !0)
+          "data-width": h()
+        }, m.$attrs), [
+          e.helperText ? (s(), v("header", _t, [
+            $("div", null, [
+              $("h3", null, A(e.helperText), 1),
+              e.helperDescription ? (s(), v("p", ea, A(e.helperDescription), 1)) : w("", !0)
             ]),
-            m("button", {
+            $("button", {
               type: "button",
               title: "close",
-              onClick: B[0] || (B[0] = () => n("close"))
+              onClick: V[0] || (V[0] = () => l("close"))
             }, [
-              E(v(oe))
+              D(f(de))
             ])
-          ])) : S("", !0),
-          k(g.$slots, "default")
-        ], 16, Ut)
+          ])) : w("", !0),
+          L(m.$slots, "default")
+        ], 16, Qt)
       ]),
       _: 3
     }, 8, ["shown", "preloaded"]));
   }
-}, Yt = {
+}, ta = {
   key: 0,
   class: "bs-dropdown-backdrop"
-}, Xt = {
+}, Ee = {
   __name: "BsDropdown",
   props: {
     shown: {
@@ -1078,59 +1081,67 @@ const Dt = {
     "after-leave"
   ],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = I(null), { transition: o } = de(t), u = p(() => t.toggleId ? t.toggleId : t.anchorId), i = p(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position);
-    return (s, r) => (d(), f(N, null, [
-      v(o) ? (d(), f("div", Yt)) : S("", !0),
-      e.containerId ? (d(), L(v(Se), P({
+    const t = e, l = a, n = I(null), o = I(!1), { transition: u } = ve(t);
+    ee("dropdownAfterEnter", o), ee("dropdownShown", u);
+    const i = g(() => t.toggleId ? t.toggleId : t.anchorId), r = g(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position);
+    function d() {
+      o.value = !0, l("after-enter");
+    }
+    function c() {
+      o.value = !1, l("after-leave");
+    }
+    return (p, h) => (s(), v(R, null, [
+      f(u) ? (s(), v("div", ta)) : w("", !0),
+      e.containerId ? (s(), O(f(Le), M({
         key: 1,
-        shown: v(o),
+        shown: f(u),
         preloaded: e.preloaded,
-        "anchor-id": u.value,
+        "anchor-id": i.value,
         "container-id": e.containerId,
         "helper-description": e.helperDescription,
         "helper-text": e.helperText,
-        position: i.value,
+        position: r.value,
         width: e.width
-      }, s.$attrs, {
-        onClose: r[0] || (r[0] = (c) => n("close")),
-        onAfterEnter: r[1] || (r[1] = (c) => n("after-enter")),
-        onEnter: r[2] || (r[2] = (c) => n("enter")),
-        onAfterLeave: r[3] || (r[3] = (c) => n("after-leave"))
+      }, p.$attrs, {
+        onClose: h[0] || (h[0] = (m) => l("close")),
+        onAfterEnter: d,
+        onEnter: h[1] || (h[1] = (m) => l("enter")),
+        onAfterLeave: c
       }), {
-        default: V(() => [
-          k(s.$slots, "default")
+        default: P(() => [
+          L(p.$slots, "default")
         ]),
         _: 3
-      }, 16, ["shown", "preloaded", "anchor-id", "container-id", "helper-description", "helper-text", "position", "width"])) : (d(), f("div", {
+      }, 16, ["shown", "preloaded", "anchor-id", "container-id", "helper-description", "helper-text", "position", "width"])) : (s(), v("div", {
         key: 2,
         ref_key: "containerRef",
-        ref: l,
+        ref: n,
         style: { position: "relative" }
       }, [
-        E(v(Se), P({
-          shown: v(o),
+        D(f(Le), M({
+          shown: f(u),
           preloaded: e.preloaded,
-          "anchor-id": u.value,
-          "container-ref": l.value,
+          "anchor-id": i.value,
+          "container-ref": n.value,
           "helper-description": e.helperDescription,
           "helper-text": e.helperText,
-          position: i.value,
+          position: r.value,
           width: e.width
-        }, s.$attrs, {
-          onClose: r[4] || (r[4] = (c) => n("close")),
-          onAfterEnter: r[5] || (r[5] = (c) => n("after-enter")),
-          onEnter: r[6] || (r[6] = (c) => n("enter")),
-          onAfterLeave: r[7] || (r[7] = (c) => n("after-leave"))
+        }, p.$attrs, {
+          onClose: h[2] || (h[2] = (m) => l("close")),
+          onAfterEnter: d,
+          onEnter: h[3] || (h[3] = (m) => l("enter")),
+          onAfterLeave: c
         }), {
-          default: V(() => [
-            k(s.$slots, "default")
+          default: P(() => [
+            L(p.$slots, "default")
           ]),
           _: 3
         }, 16, ["shown", "preloaded", "anchor-id", "container-ref", "helper-description", "helper-text", "position", "width"])
       ], 512))
     ], 64));
   }
-}, Zt = ["data-value", "data-variant", "id"], Jt = {
+}, aa = ["data-value", "data-variant", "id"], ie = {
   __name: "BsDropdownOption",
   props: {
     value: {
@@ -1143,55 +1154,52 @@ const Dt = {
     }
   },
   setup(e) {
-    const a = e, t = I(null), n = te("optionsId"), l = te("handleSelect"), o = p(() => `${n}-option-${a.value}`);
-    se([" ", "Enter", "NumpadEnter"], (i) => {
-      var s;
-      u(), (s = t.value.querySelector("a")) == null || s.click(), i.preventDefault();
+    const a = e, t = I(null), l = te("optionsId"), n = te("handleSelect"), o = g(() => `${l}-option-${a.value}`);
+    fe([" ", "Enter", "NumpadEnter"], (i) => {
+      u(), i.preventDefault();
     }, t);
-    function u() {
-      var i;
-      l(o.value, a.value), (i = t.value.querySelector("a")) == null || i.click();
+    function u(i) {
+      var r, d;
+      n(o.value, a.value), (r = t.value.querySelector("a")) == null || r.click(), (d = i == null ? void 0 : i.stopPropagation) == null || d.call(i);
     }
-    return (i, s) => (d(), f("li", {
-      "data-component": "bs-dropdown-option",
-      "data-value": a.value,
+    return (i, r) => (s(), v("li", {
       ref_key: "optionRef",
       ref: t,
-      role: "option",
+      "data-component": "bs-dropdown-option",
+      "data-value": a.value,
       "data-variant": e.variant || void 0,
       id: o.value,
+      role: "option",
       tabIndex: -1,
       onClick: u
     }, [
-      k(i.$slots, "default")
-    ], 8, Zt));
+      L(i.$slots, "default")
+    ], 8, aa));
   }
-}, Qt = ["aria-activedescendant", "aria-label", "id"], _t = {
+}, na = ["aria-activedescendant", "aria-label", "id"], $e = {
   __name: "BsDropdownOptionList",
   props: {
     optionsId: {
       type: String,
       required: !0
     },
-    /** @Deprecated - Use 'shown' instead. The new prop defaults to `true`, so
-     * it is not even needed when using v-if (only for v-show).
-     */
-    visible: {
-      type: Boolean,
-      default: void 0
-    },
-    shown: {
+    focusOnShow: {
       type: Boolean,
       default: !0
     },
-    focusDelay: {
-      type: Number,
-      default: 75
-    },
     label: {
       type: String,
       default: void 0
     },
+    /* Internal use only - no need to document */
+    multiselect: {
+      type: Boolean,
+      default: !1
+    },
+    preventTab: {
+      type: Boolean,
+      default: !0
+    },
     /** @Deprecated - Use modelValue (or v-model) instead */
     selectedValue: {
       type: [String, Number],
@@ -1203,97 +1211,242 @@ const Dt = {
     }
   },
   emits: ["optselected", "update:modelValue", "close"],
-  setup(e, { emit: a }) {
-    const t = e, n = a, l = I(null), o = I(null);
-    let u = null, i = -1, s = -1;
-    ae("optionsId", t.optionsId), ae("handleSelect", C);
-    function r() {
-      return u || (u = Array.from(l.value.querySelectorAll('[data-component="bs-dropdown-option"]'))), u;
-    }
-    j(() => {
-      g(), document.addEventListener("keydown", x);
-    }), Ge(() => {
-      document.removeEventListener("keydown", x);
-    }), D(() => t.visible, () => {
-      g();
-    }), D(() => t.shown, () => {
-      g();
-    });
-    const c = p(() => t.visible || t.shown), b = p(() => t.modelValue || t.selectedValue);
-    function g() {
-      var $, y, q, F, ee;
-      c.value ? (s = r().findIndex(
-        (J) => J.getAttribute("data-value") === String(b.value)
-      ), s > -1 && (($ = r()[s]) == null || $.setAttribute("data-selected", ""), (y = r()[s]) == null || y.setAttribute("aria-selected", "true"), i = s, t.focusDelay > 0 ? setTimeout(() => {
-        var J;
-        (J = r()[s]) == null || J.focus();
-      }, t.focusDelay) : (q = r()[s]) == null || q.focus())) : ((F = r()[s]) == null || F.removeAttribute("data-selected"), (ee = r()[s]) == null || ee.removeAttribute("aria-selected"));
-    }
-    ft(
-      l,
+  setup(e, { expose: a, emit: t }) {
+    const l = e, n = t, o = I(null), u = I(null), i = I(-1), r = I(null), d = te("dropdownAfterEnter"), c = te("dropdownShown");
+    let p = -1;
+    ee("handleSelect", y), ee("optionsId", l.optionsId), F(() => {
+      m(), V(), document.addEventListener("keydown", k);
+    }), _(() => {
+      document.removeEventListener("keydown", k);
+    }), z(d, (b) => {
+      var S, x;
+      b && p > -1 && (l.focusOnShow ? (S = r.value[p]) == null || S.focus() : (x = r.value[p]) == null || x.scrollIntoView({ block: "nearest" }));
+    }), z(c, V);
+    const h = g(() => l.modelValue || l.selectedValue);
+    function m() {
+      r.value = Array.from(
+        o.value.querySelectorAll('[data-component="bs-dropdown-option"]')
+      );
+    }
+    function V() {
+      var b, S;
+      c.value && !l.multiselect ? (p = r.value.findIndex(
+        (x) => x.getAttribute("data-value") === String(h.value)
+      ), r.value.forEach((x) => {
+        var N;
+        return (N = x == null ? void 0 : x.setAttribute) == null ? void 0 : N.call(x, "aria-selected", "false");
+      }), p > -1 && ((b = r.value[p]) == null || b.setAttribute("data-selected", ""), (S = r.value[p]) == null || S.setAttribute("aria-selected", "true"), i.value = p)) : (r.value.forEach((x) => {
+        var N;
+        return (N = x == null ? void 0 : x.removeAttribute) == null ? void 0 : N.call(x, "data-selected");
+      }), r.value.forEach((x) => {
+        var N;
+        return (N = x == null ? void 0 : x.removeAttribute) == null ? void 0 : N.call(x, "aria-selected");
+      }));
+    }
+    yt(
+      o,
       () => {
-        u = null;
+        m();
       },
       { childList: !0 }
     );
-    function B() {
-      var $;
-      i > -1 && (($ = r()[i]) == null || $.blur());
+    function T() {
+      var b;
+      i.value > -1 && ((b = r.value[i.value]) == null || b.blur());
     }
-    function x($) {
+    function k(b) {
       if (c.value)
-        switch ($.key) {
+        switch (b.key) {
           case "ArrowDown":
-            z("down"), $.preventDefault();
+            E("down"), b.preventDefault();
             break;
           case "ArrowUp":
-            z("up"), $.preventDefault();
+            E("up"), b.preventDefault();
             break;
           case "Home":
-            z("home"), $.preventDefault();
+            E("home"), b.preventDefault();
             break;
           case "End":
-            z("end"), $.preventDefault();
+            E("end"), b.preventDefault();
             break;
           case "Tab":
-            $.preventDefault();
+            i.value = p, l.preventTab && b.preventDefault();
             break;
         }
     }
-    function z($) {
-      let y;
-      switch ($) {
+    function E(b) {
+      let S;
+      switch (b) {
         case "up":
-          y = i - 1 < 0 ? r().length - 1 : i - 1;
+          S = i.value - 1 < 0 ? r.value.length - 1 : i.value - 1;
           break;
         case "down":
-          y = (i + 1) % r().length;
+          S = (i.value + 1) % r.value.length;
           break;
         case "home":
-          y = 0;
+          S = 0;
           break;
         case "end":
-          y = r().length - 1;
+          S = r.value.length - 1;
           break;
       }
-      B(), r()[y].focus(), i = y;
+      T(), r.value[S].focus(), u.value = r.value[S].id, i.value = S;
     }
-    function C($, y) {
-      o.value = $, B(), n("optselected", y), n("update:modelValue", y), n("close");
+    function y(b, S) {
+      u.value = b, T(), n("optselected", S), n("update:modelValue", S), n("close");
     }
-    return ($, y) => (d(), f("ul", {
+    return a({
+      activeDescendantId: u,
+      focusedIndex: i,
+      optionEls: r,
+      refreshOptions: m
+    }), (b, S) => (s(), v("ul", {
       ref_key: "optionsRef",
-      ref: l,
-      "aria-activedescendant": o.value || void 0,
-      "aria-label": t.label || void 0,
+      ref: o,
+      "aria-activedescendant": u.value || void 0,
+      "aria-label": l.label || void 0,
       class: "bs-dropdown-options",
-      id: t.optionsId,
+      id: l.optionsId,
       role: "listbox"
     }, [
-      k($.$slots, "default")
-    ], 8, Qt));
+      L(b.$slots, "default")
+    ], 8, na));
   }
-}, ea = {
+}, la = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: $e
+}, Symbol.toStringTag, { value: "Module" })), oa = ["for"], ia = { role: "separator" }, ra = /* @__PURE__ */ $("hr", null, null, -1), sa = [
+  ra
+], da = ["for"], ua = {
+  __name: "BsDropdownMultiselect",
+  props: {
+    label: {
+      type: String
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    optionsId: {
+      type: String,
+      required: !0
+    },
+    selectedOptions: {
+      type: Array,
+      default: () => []
+    },
+    shown: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:selectedOptions"],
+  setup(e, { emit: a }) {
+    const t = e, l = a;
+    I(null), I(null);
+    const n = I(null), o = I([]), u = I([]);
+    let i = !1;
+    z(
+      () => t.selectedOptions,
+      c,
+      { immediate: !0 }
+    ), z(() => t.shown, (m) => {
+      m && oe(r);
+    });
+    function r() {
+      var V, T;
+      n.value && (n.value.refreshOptions(), n.value.activeDescendantId = (V = n.value.optionEls[0]) == null ? void 0 : V.id, n.value.focusedIndex = 0);
+      const m = document.querySelector(`#${t.optionsId} [data-component="bs-dropdown-option"]`);
+      (T = m == null ? void 0 : m.focus) == null || T.call(m, { preventScroll: !0 });
+    }
+    function d() {
+      var m;
+      if (n.value) {
+        n.value.refreshOptions();
+        const V = n.value.focusedIndex, T = n.value.optionEls[V];
+        (m = T == null ? void 0 : T.focus) == null || m.call(T), n.value.activeDescendantId = T == null ? void 0 : T.id;
+      }
+    }
+    function c(m = []) {
+      const V = new Set(m), T = [], k = [];
+      t.options.forEach((E) => V.has(E.value) ? T.push(E) : k.push(E)), o.value = T, oe(() => {
+        u.value = k, oe(() => {
+          i && d(), i = !1;
+        });
+      });
+    }
+    function p(m = []) {
+      const V = new Set(m), T = [];
+      return t.options.forEach((k) => {
+        V.has(k.value) && T.push(k.value);
+      }), T;
+    }
+    function h(m) {
+      const V = t.selectedOptions.includes(m) ? t.selectedOptions.filter((T) => T !== m) : p([...t.selectedOptions, m]);
+      i = !0, l("update:selectedOptions", V);
+    }
+    return (m, V) => (s(), O($e, {
+      ref_key: "optlist",
+      ref: n,
+      "aria-multiselectable": "true",
+      "data-component": "bs-dropdown-multiselect",
+      label: e.label,
+      multiselect: "",
+      "options-id": e.optionsId,
+      shown: e.shown,
+      "onUpdate:modelValue": h
+    }, {
+      default: P(() => {
+        var T;
+        return [
+          (s(!0), v(R, null, G(o.value, (k) => (s(), O(ie, {
+            key: k.value,
+            "aria-checked": e.shown ? "true" : void 0,
+            variant: "2-col",
+            value: k.value
+          }, {
+            default: P(() => [
+              D(Ae, {
+                "input-id": `${e.optionsId}-${k.value}-cb`,
+                value: k.value,
+                "model-value": e.selectedOptions
+              }, null, 8, ["input-id", "value", "model-value"]),
+              $("label", {
+                for: `${e.optionsId}-${k.value}-cb`
+              }, A(k.label), 9, oa)
+            ]),
+            _: 2
+          }, 1032, ["aria-checked", "value"]))), 128)),
+          ye($("li", ia, sa, 512), [
+            [Be, (T = o.value) == null ? void 0 : T.length]
+          ]),
+          (s(!0), v(R, null, G(u.value, (k) => (s(), O(ie, {
+            key: k.value,
+            "aria-checked": e.shown ? "false" : void 0,
+            variant: "2-col",
+            value: k.value
+          }, {
+            default: P(() => [
+              D(Ae, {
+                "input-id": `${e.optionsId}-${k.value}-cb`,
+                value: k.value,
+                "model-value": e.selectedOptions
+              }, null, 8, ["input-id", "value", "model-value"]),
+              $("label", {
+                for: `${e.optionsId}-${k.value}-cb`
+              }, A(k.label), 9, da)
+            ]),
+            _: 2
+          }, 1032, ["aria-checked", "value"]))), 128))
+        ];
+      }),
+      _: 1
+    }, 8, ["label", "options-id", "shown"]));
+  }
+}, ca = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: ua
+}, Symbol.toStringTag, { value: "Module" })), Pe = {
   __name: "BsDropdownWithOptions",
   props: {
     // OPTION LIST PROPS
@@ -1301,6 +1454,14 @@ const Dt = {
       type: String,
       required: !0
     },
+    focusOnShow: {
+      type: Boolean,
+      default: !0
+    },
+    preventTab: {
+      type: Boolean,
+      default: !0
+    },
     label: {
       type: String,
       default: void 0
@@ -1393,17 +1554,17 @@ const Dt = {
     "after-leave"
   ],
   setup(e, { emit: a }) {
-    const t = a, n = I(!1);
-    function l() {
-      n.value = !0;
+    const t = a, l = I(!1);
+    function n() {
+      l.value = !0;
     }
     function o(i) {
-      n.value = !1, t("optselected", i), t("update:modelValue", i), t("close");
+      l.value = !1, t("optselected", i), t("update:modelValue", i), t("close");
     }
     function u() {
-      n.value && (n.value = !1, t("close"));
+      l.value && (l.value = !1, t("close"));
     }
-    return (i, s) => (d(), L(v(Xt), {
+    return (i, r) => (s(), O(f(Ee), {
       shown: e.shown,
       preloaded: e.preloaded,
       "anchor-id": e.anchorId,
@@ -1420,69 +1581,32 @@ const Dt = {
       top: e.top,
       width: e.width,
       onClose: u,
-      onAfterEnter: s[0] || (s[0] = (r) => t("after-enter")),
-      onEnter: l,
-      onAfterLeave: s[1] || (s[1] = (r) => t("after-leave"))
+      onAfterEnter: r[0] || (r[0] = (d) => t("after-enter")),
+      onEnter: n,
+      onAfterLeave: r[1] || (r[1] = (d) => t("after-leave"))
     }, {
-      default: V(() => [
-        E(v(_t), {
+      default: P(() => [
+        D(f($e), {
+          "focus-on-show": e.focusOnShow,
           label: e.label,
           "model-value": e.modelValue,
           "options-id": e.optionsId,
+          "prevent-tab": e.preventTab,
           "selected-value": e.selectedValue,
-          shown: n.value,
+          shown: l.value,
           "onUpdate:modelValue": o,
           onClose: u
         }, {
-          default: V(() => [
-            k(i.$slots, "default")
+          default: P(() => [
+            L(i.$slots, "default")
           ]),
           _: 3
-        }, 8, ["label", "model-value", "options-id", "selected-value", "shown"])
+        }, 8, ["focus-on-show", "label", "model-value", "options-id", "prevent-tab", "selected-value", "shown"])
       ]),
       _: 3
     }, 8, ["shown", "preloaded", "anchor-id", "center", "container-id", "enter-controlled", "enter-trigger", "helper-description", "helper-text", "leave-trigger", "position", "right", "toggle-id", "top", "width"]));
   }
-}, ta = {
-  class: "bs-field-details",
-  "data-component": "bs-field-details"
-}, aa = ["id", "data-error"], na = ["data-error"], he = {
-  __name: "BsFieldDetails",
-  props: {
-    /** The number of characters that have been entered by the user.  */
-    charCount: Number,
-    /** Pass value to show character count and set the maximum number of characters that are allowed to be submitted by the user.  */
-    charMax: Number,
-    /** Applies error styles to the helper text. */
-    error: {
-      type: Boolean,
-      default: !1
-    },
-    /** Pass error text.  Will be shown if `error` is `true`. */
-    errorMsg: String,
-    /** Pass single helper text. */
-    hint: String,
-    /** Adds an id to associate a hint to an input. */
-    hintId: String
-  },
-  setup(e) {
-    const a = e, t = p(() => a.error && a.errorMsg || a.hint);
-    return (n, l) => (d(), f("div", ta, [
-      t.value ? (d(), f("span", {
-        key: 0,
-        id: e.hintId,
-        class: "bs-hint",
-        "data-error": e.error
-      }, T(t.value), 9, aa)) : S("", !0),
-      e.charMax ? (d(), f("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, na)) : S("", !0)
-    ]));
-  }
-}, la = ["aria-controls", "aria-expanded", "data-open", "data-size", "disabled"], zn = {
+}, fa = ["aria-controls", "aria-expanded", "data-open", "data-size", "disabled"], va = {
   __name: "BsFilterButton",
   props: {
     badgeCount: {
@@ -1511,8 +1635,8 @@ const Dt = {
     }
   },
   setup(e) {
-    const a = e, t = p(() => a.badgeCount > 0);
-    return (n, l) => (d(), f("button", {
+    const a = e, t = g(() => a.badgeCount > 0);
+    return (l, n) => (s(), v("button", {
       class: "bs-filter-button",
       "aria-controls": e.optionsId,
       "aria-expanded": e.open,
@@ -1522,63 +1646,259 @@ const Dt = {
       disabled: e.disabled,
       type: "button"
     }, [
-      t.value ? (d(), L(Bt, {
+      t.value ? (s(), O(xt, {
         key: 0,
         color: "blue",
         count: e.badgeCount,
         label: "active filter",
         position: "left",
         variant: "notext"
-      }, null, 8, ["count"])) : S("", !0),
-      k(n.$slots, "label", {}, () => [
-        R(T(e.label), 1)
+      }, null, 8, ["count"])) : w("", !0),
+      L(l.$slots, "label", {}, () => [
+        W(A(e.label), 1)
       ]),
-      E(v(we))
-    ], 8, la));
+      D(f(Ve))
+    ], 8, fa));
   }
-}, oa = ["view-box"], ia = ["id"], ra = ["offset", "stop-color"], Mn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, pa = ["id"], _n = {
+  __name: "BsDropdownWithToggle",
+  props: {
+    breakout: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    dropdownLabel: {
+      type: String
+    },
+    dropdownPosition: {
+      type: String,
+      validator: (e) => ["top", "center", "right"].includes(e)
+    },
+    dropdownWidth: {
+      type: String,
+      validator: (e) => ["sm", "md", "lg", "content", "toggle"].includes(e)
+    },
+    helperText: {
+      type: String
+    },
+    helperDescription: {
+      type: String
+    },
+    multiselect: {
+      type: Boolean,
+      default: !1
+    },
+    open: {
+      type: Boolean,
+      default: !0
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    selectedOption: {
+      type: [String, Number]
+    },
+    selectedOptions: {
+      type: Array,
+      default: () => []
+    },
+    toggleLabel: {
+      type: String,
+      default: "Filter"
+    },
+    toggleSize: {
+      type: String,
+      validator: (e) => ["sm", "xs"].includes(e)
+    }
+  },
+  emits: ["update:selectedOptions", "update:selectedOption", "toggled", "close"],
+  setup(e, { emit: a }) {
+    const t = e, l = a, n = I(!1), o = I(!1), u = I(null), i = g(() => me(async () => await (t.multiselect ? Promise.resolve().then(() => ca) : Promise.resolve().then(() => la)))), [r, d, c] = K(3);
+    z(o, (y) => {
+      y && u.value.$el.blur();
+    }), F(() => {
+      k(), oe(() => n.value = !0);
+    }), _(E);
+    function p() {
+      o.value = !1, l("close"), u.value.$el.focus();
+    }
+    function h() {
+      o.value && p();
+    }
+    function m() {
+      o.value = !0;
+    }
+    function V(y) {
+      l("update:selectedOptions", y);
+    }
+    function T(y) {
+      t.multiselect || (l("update:selectedOption", y), p());
+    }
+    function k() {
+      if (t.breakout) {
+        const y = document.querySelector("body"), b = document.createElement("div");
+        b.id = d.value, b.style.position = "absolute", y.insertAdjacentElement("afterbegin", b);
+      }
+    }
+    function E() {
+      t.breakout && document.querySelector(`#${d.value}`).remove();
+    }
+    return (y, b) => (s(), v("div", {
+      class: "bs-dropdown-with-toggle",
+      id: e.breakout ? y.$attrs.id : y.$attrs.id || f(d)
+    }, [
+      D(va, {
+        ref_key: "toggleRef",
+        ref: u,
+        disabled: e.disabled,
+        id: f(r),
+        open: e.open,
+        "options-id": f(c),
+        size: e.toggleSize,
+        onClick: b[0] || (b[0] = (S) => y.$emit("toggled"))
+      }, {
+        label: P(() => [
+          L(y.$slots, "toggle-label", {}, () => [
+            W(A(e.toggleLabel), 1)
+          ])
+        ]),
+        _: 3
+      }, 8, ["disabled", "id", "open", "options-id", "size"]),
+      n.value ? (s(), O(Je, {
+        key: 0,
+        disabled: !e.breakout,
+        to: e.breakout ? `#${f(d)}` : void 0
+      }, [
+        D(Ee, {
+          shown: e.open,
+          "anchor-id": f(r),
+          "container-id": e.breakout ? f(d) : y.$attrs.id || f(d),
+          "helper-text": e.helperText,
+          "helper-description": e.helperDescription,
+          position: e.dropdownPosition,
+          preloaded: "",
+          width: e.dropdownWidth,
+          onClose: h,
+          onEnter: m
+        }, {
+          default: P(() => [
+            D(f(i), {
+              label: e.dropdownLabel,
+              "model-value": e.selectedOption,
+              options: e.options,
+              "options-id": f(c),
+              "selected-options": e.selectedOptions,
+              shown: e.open,
+              "onUpdate:modelValue": T,
+              "onUpdate:selectedOptions": V,
+              onClose: b[1] || (b[1] = (S) => e.multiselect ? void 0 : h())
+            }, {
+              default: P(() => [
+                e.multiselect ? w("", !0) : (s(!0), v(R, { key: 0 }, G(e.options, (S) => (s(), O(ie, {
+                  key: S.value,
+                  value: S.value
+                }, {
+                  default: P(() => [
+                    W(A(S.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["value"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["label", "model-value", "options", "options-id", "selected-options", "shown"])
+          ]),
+          _: 1
+        }, 8, ["shown", "anchor-id", "container-id", "helper-text", "helper-description", "position", "width"])
+      ], 8, ["disabled", "to"])) : w("", !0)
+    ], 8, pa));
+  }
+}, ha = {
+  class: "bs-field-details",
+  "data-component": "bs-field-details"
+}, ba = ["id", "data-error"], ga = ["data-error"], Se = {
+  __name: "BsFieldDetails",
+  props: {
+    /** The number of characters that have been entered by the user.  */
+    charCount: Number,
+    /** Pass value to show character count and set the maximum number of characters that are allowed to be submitted by the user.  */
+    charMax: Number,
+    /** Applies error styles to the helper text. */
+    error: {
+      type: Boolean,
+      default: !1
+    },
+    /** Pass error text.  Will be shown if `error` is `true`. */
+    errorMsg: String,
+    /** Pass single helper text. */
+    hint: String,
+    /** Adds an id to associate a hint to an input. */
+    hintId: String
+  },
+  setup(e) {
+    const a = e, t = g(() => a.error && a.errorMsg || a.hint);
+    return (l, n) => (s(), v("div", ha, [
+      t.value ? (s(), v("span", {
+        key: 0,
+        id: e.hintId,
+        class: "bs-hint",
+        "data-error": e.error
+      }, A(t.value), 9, ba)) : w("", !0),
+      e.charMax ? (s(), v("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
+      }, A(a.charCount || "0") + " / " + A(a.charMax), 9, ga)) : w("", !0)
+    ]));
+  }
+}, ma = ["view-box"], ya = ["id"], Ba = ["offset", "stop-color"], el = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsIconGradientWrapper",
   setup(e) {
-    const a = I(null), t = I(null), n = [
+    const a = I(null), t = I(null), l = [
       { offset: 0.1326, color: "#EE282A" },
       { offset: 0.5466, color: "#1C0087" },
       { offset: 0.9715, color: "#0086EA" }
-    ], [l] = H();
-    return j(() => {
+    ], [n] = K();
+    return F(() => {
       t.value = a.value.querySelector("svg").getAttribute("viewBox") || "0 0 0 0";
-    }), (o, u) => (d(), f(N, null, [
-      m("span", P({
+    }), (o, u) => (s(), v(R, null, [
+      $("span", M({
         ref_key: "svgWrapperRef",
         ref: a,
         class: "bs-icon-gradient-wrapper",
-        style: `fill: url(#${v(l)});`
+        style: `fill: url(#${f(n)});`
       }, o.$attrs), [
-        k(o.$slots, "default")
+        L(o.$slots, "default")
       ], 16),
-      (d(), f("svg", {
+      (s(), v("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         "view-box": t.value,
         width: "0",
         height: "0"
       }, [
-        m("linearGradient", {
-          id: v(l),
+        $("linearGradient", {
+          id: f(n),
           x1: "0",
           y1: "0",
           x2: "100%",
           y2: "100%",
           "gradient-units": "userSpaceOnUse"
         }, [
-          (d(), f(N, null, Y(n, (i) => m("stop", {
+          (s(), v(R, null, G(l, (i) => $("stop", {
             key: i.offset,
             offset: i.offset,
             "stop-color": i.color
-          }, null, 8, ra)), 64))
-        ], 8, ia)
-      ], 8, oa))
+          }, null, 8, Ba)), 64))
+        ], 8, ya)
+      ], 8, ma))
     ], 64));
   }
-}), sa = ["data-error", "id", "value"], ke = {
+}), $a = ["data-error", "id", "value"], Oe = {
   __name: "BsInput",
   props: {
     error: {
@@ -1593,21 +1913,21 @@ const Dt = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = O(), o = p(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
+    const t = e, l = a, n = U(), o = g(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
     function u(i) {
-      const s = l.type === "number" ? parseInt(i.target.value) : i.target.value;
-      n("update:modelValue", s);
+      const r = n.type === "number" ? parseInt(i.target.value) : i.target.value;
+      l("update:modelValue", r);
     }
-    return (i, s) => (d(), f("input", P({
+    return (i, r) => (s(), v("input", M({
       class: "bs-input",
       "data-component": "bs-input",
       "data-error": e.error,
       id: i.$attrs.id || e.inputId,
       value: e.value || e.modelValue,
       onInput: u
-    }, o.value), null, 16, sa));
+    }, o.value), null, 16, $a));
   }
-}, da = ["data-disabled", "data-error", "data-variant", "data-multifocus"], ua = {
+}, Sa = ["data-disabled", "data-error", "data-variant", "data-multifocus"], wa = {
   __name: "BsInputAddon",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -1616,7 +1936,7 @@ const Dt = {
     variant: { type: String, validator: (e) => e === "inner-bordered" }
   },
   setup(e) {
-    return (a, t) => (d(), f("div", {
+    return (a, t) => (s(), v("div", {
       class: "bs-input-addon",
       "data-component": "bs-input-addon",
       "data-disabled": e.disabled,
@@ -1624,10 +1944,10 @@ const Dt = {
       "data-variant": e.variant,
       "data-multifocus": e.multifocus
     }, [
-      k(a.$slots, "default")
-    ], 8, da));
+      L(a.$slots, "default")
+    ], 8, Sa));
   }
-}, On = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, tl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsInputField",
   props: {
     /** Sets the disabled state on input, disabled styles on label. */
@@ -1674,7 +1994,7 @@ const Dt = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = O(), [l, o] = H(2), { toChild: u, toRoot: i } = Z(t, n, [
+    const t = e, l = U(), [n, o] = K(2), { toChild: u, toRoot: i } = ae(t, l, [
       "aria-label",
       "autocomplete",
       "max",
@@ -1682,46 +2002,46 @@ const Dt = {
       "min",
       "minlength",
       "name"
-    ]), s = p(() => {
-      var b, g;
-      return ((g = (b = t.hints) == null ? void 0 : b.join) == null ? void 0 : g.call(b, `
+    ]), r = g(() => {
+      var p, h;
+      return ((h = (p = t.hints) == null ? void 0 : p.join) == null ? void 0 : h.call(p, `
 `)) || t.hints;
-    }), r = p(() => t.error && t.errorMsg || t.hint || s.value || void 0), c = p(() => t.inputId || l.value);
-    return (b, g) => (d(), f("div", P({ "data-component": "bs-input-field" }, v(i)), [
-      e.label || b.$slots.label ? (d(), L(_, {
+    }), d = g(() => t.error && t.errorMsg || t.hint || r.value || void 0), c = g(() => t.inputId || n.value);
+    return (p, h) => (s(), v("div", M({ "data-component": "bs-input-field" }, f(i)), [
+      e.label || p.$slots.label ? (s(), O(ne, {
         key: 0,
         for: c.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: V(() => [
-          k(b.$slots, "label", {}, () => [
-            R(T(e.label), 1)
+        default: P(() => [
+          L(p.$slots, "label", {}, () => [
+            W(A(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : S("", !0),
-      E(ke, P({
+      }, 8, ["for", "disabled", "required"])) : w("", !0),
+      D(Oe, M({
         disabled: e.disabled,
         error: e.error,
-        "hint-id": v(o),
+        "hint-id": f(o),
         id: c.value,
         placeholder: e.placeholder,
         required: e.required,
         type: e.type,
         value: e.value || e.modelValue,
-        "onUpdate:modelValue": g[0] || (g[0] = (B) => b.$emit("update:modelValue", B))
-      }, v(u)), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "type", "value"]),
-      r.value ? (d(), L(he, {
+        "onUpdate:modelValue": h[0] || (h[0] = (m) => p.$emit("update:modelValue", m))
+      }, f(u)), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "type", "value"]),
+      d.value ? (s(), O(Se, {
         key: 1,
         error: e.error,
         "error-msg": e.errorMsg,
-        hint: e.hint || s.value,
-        "hint-id": v(o)
-      }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : S("", !0)
+        hint: e.hint || r.value,
+        "hint-id": f(o)
+      }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : w("", !0)
     ], 16));
   }
-}), Nn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), ka = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsInputSearch",
   props: {
     /** Sets the disabled state on input, disabled styles on label. */
@@ -1733,7 +2053,14 @@ const Dt = {
       type: Boolean,
       default: !1
     },
-    inputId: String,
+    hideSearchIcon: {
+      type: Boolean,
+      default: !1
+    },
+    inputId: {
+      type: String,
+      default: void 0
+    },
     modelValue: {
       type: String,
       default: ""
@@ -1759,48 +2086,235 @@ const Dt = {
   },
   emits: ["clear", "update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = O(), { toChild: l, toRoot: o } = Z(t, n, [
+    const t = e, l = U(), { toChild: n, toRoot: o } = ae(t, l, [
       "aria-label",
       "autocomplete",
       "maxlength",
       "minlength",
       "name"
-    ]), u = p(() => !t.disabled && !t.hideClear && t.variant !== "filter");
-    return (i, s) => (d(), L(ua, P({
+    ]), u = g(() => !t.disabled && !t.hideClear && t.variant !== "filter");
+    return (i, r) => (s(), O(wa, M({
       class: "bs-input-search",
       "data-component": "bs-input-search",
       "data-variant": e.variant,
       disabled: e.disabled
-    }, v(o)), {
-      default: V(() => [
-        E(v(Xe)),
-        E(ke, P({
+    }, f(o)), {
+      default: P(() => [
+        e.hideSearchIcon ? w("", !0) : (s(), O(f(at), { key: 0 })),
+        D(Oe, M({
           "data-autowidth": "",
           disabled: e.disabled,
           "input-id": e.inputId,
           placeholder: e.placeholder,
           value: e.value || e.modelValue,
-          "onUpdate:modelValue": s[0] || (s[0] = (r) => i.$emit("update:modelValue", r))
-        }, v(l)), null, 16, ["disabled", "input-id", "placeholder", "value"]),
-        u.value ? (d(), f("button", {
-          key: 0,
+          "onUpdate:modelValue": r[0] || (r[0] = (d) => i.$emit("update:modelValue", d))
+        }, f(n)), null, 16, ["disabled", "input-id", "placeholder", "value"]),
+        ye($("button", {
           title: "Clear",
           type: "button",
-          onClick: s[1] || (s[1] = (r) => i.$emit("clear"))
+          onClick: r[1] || (r[1] = (d) => i.$emit("clear"))
         }, [
-          E(v(oe), { size: "sm" })
-        ])) : S("", !0)
+          D(f(de), { size: "sm" })
+        ], 512), [
+          [Be, u.value]
+        ])
       ]),
       _: 1
     }, 16, ["data-variant", "disabled"]));
   }
-}), ca = ["data-size", "data-variant"], fa = /* @__PURE__ */ m("span", null, null, -1), va = /* @__PURE__ */ m("span", null, null, -1), pa = /* @__PURE__ */ m("span", null, null, -1), ha = /* @__PURE__ */ m("span", null, null, -1), ga = /* @__PURE__ */ m("span", { class: "visually-hidden" }, "Loading", -1), ba = [
-  fa,
-  va,
-  pa,
-  ha,
-  ga
-], Rn = {
+}), De = (e, a) => {
+  const t = e.__vccOpts || e;
+  for (const [l, n] of a)
+    t[l] = n;
+  return t;
+}, Ia = { key: 0 }, Ta = ["innerHTML"], xa = { key: 1 }, Ca = {
+  key: 0,
+  class: "bs-empty-option"
+}, Aa = {
+  __name: "BsInputTypeahead",
+  props: {
+    characterThreshold: {
+      type: Number,
+      default: 1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    filterType: {
+      type: String,
+      default: "starts-with",
+      validator: (e) => ["includes", "starts-with"].includes(e)
+    },
+    hideSearchIcon: {
+      type: Boolean,
+      default: !1
+    },
+    inputValue: {
+      type: String,
+      default: ""
+    },
+    internalFiltering: {
+      type: Boolean,
+      default: !0
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    maxOptions: {
+      type: Number,
+      default: void 0
+    },
+    // [{ label: String, value: String, description: String, icon: String }] }
+    options: {
+      type: Array,
+      required: !0
+    },
+    optionsValue: {
+      type: [String, Number],
+      default: ""
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    required: {
+      type: Boolean,
+      default: !1
+    },
+    typeaheadId: {
+      type: String,
+      required: !0
+    }
+  },
+  emits: ["update:inputValue", "update:optionsValue"],
+  setup(e, { emit: a }) {
+    const t = e, l = a, n = I(!1), o = I(!1), u = {};
+    let i = [];
+    Qe(() => {
+      t.options.forEach((b) => {
+        const { icon: S } = b;
+        S && !u[S] && (u[S] = T(S));
+      });
+    }), z(() => t.inputValue, () => {
+      o.value ? o.value = !1 : k();
+    });
+    const r = g(() => `${t.typeaheadId}-input-addon`), d = g(() => `${t.typeaheadId}-input`), c = g(() => `${t.typeaheadId}-options`), p = g(() => {
+      if (n.value) {
+        let b = t.options;
+        const S = t.inputValue.toLowerCase(), x = t.filterType === "includes" ? "includes" : "startsWith";
+        return b = h(b, S, x), b = b.slice(0, t.maxOptions), b = m(b, S, x), i = b, b;
+      } else
+        return i;
+    });
+    function h(b, S, x) {
+      return t.internalFiltering ? b.filter((N) => N.label.toLowerCase()[x](S)) : b;
+    }
+    function m(b, S, x) {
+      return b.map((N) => {
+        let re = N.label;
+        if (S !== "") {
+          const Z = x === "includes" ? "gi" : "i", le = new RegExp(`(${S})`, Z);
+          re = N.label.replace(le, '<span style="color: var(--bs-blue-base)">$1</span>');
+        }
+        return { ...N, labelHtml: re };
+      });
+    }
+    function V(b) {
+      let S = "";
+      return b.icon && (S += " 2-col"), b.description && (S += " description"), S;
+    }
+    function T(b) {
+      return me(async () => {
+        const { [`BsIcon${b}`]: S } = await import("@wwtdev/bsds-icons-vue3");
+        return S;
+      });
+    }
+    function k() {
+      t.inputValue.length >= t.characterThreshold ? n.value = !0 : n.value = !1;
+    }
+    function E() {
+      l("update:inputValue", ""), l("update:optionsValue", ""), document.getElementById(d.value).focus();
+    }
+    function y(b) {
+      o.value = !0, n.value = !1;
+      const S = p.value.find((x) => x.value === b);
+      l("update:inputValue", S.label), l("update:optionsValue", b);
+    }
+    return (b, S) => (s(), v(R, null, [
+      e.label || b.$slots.label ? (s(), O(f(ne), {
+        key: 0,
+        for: d.value,
+        disabled: e.disabled,
+        required: e.required
+      }, {
+        default: P(() => [
+          L(b.$slots, "label", {}, () => [
+            W(A(e.label), 1)
+          ], !0)
+        ]),
+        _: 3
+      }, 8, ["for", "disabled", "required"])) : w("", !0),
+      D(f(ka), M({
+        "aria-controls": c.value,
+        "aria-expanded": n.value,
+        "aria-haspopup": "listbox",
+        autocomplete: "off",
+        disabled: e.disabled,
+        "hide-clear": e.inputValue === "",
+        "hide-search-icon": e.hideSearchIcon,
+        id: r.value,
+        "input-id": d.value,
+        placeholder: e.placeholder,
+        value: e.inputValue
+      }, b.$attrs, {
+        onClear: E,
+        onFocusin: k,
+        "onUpdate:modelValue": S[0] || (S[0] = (x) => l("update:inputValue", x))
+      }), null, 16, ["aria-controls", "aria-expanded", "disabled", "hide-clear", "hide-search-icon", "id", "input-id", "placeholder", "value"]),
+      D(f(Pe), {
+        "anchor-id": r.value,
+        "focus-on-show": !1,
+        "model-value": e.optionsValue,
+        "options-id": c.value,
+        preloaded: !0,
+        "prevent-tab": !1,
+        shown: n.value,
+        width: "toggle",
+        onClose: S[1] || (S[1] = (x) => n.value = !1),
+        "onUpdate:modelValue": y
+      }, {
+        default: P(() => [
+          (s(!0), v(R, null, G(p.value, (x) => (s(), O(f(ie), {
+            key: x.value,
+            value: x.value,
+            variant: V(x)
+          }, {
+            default: P(() => [
+              x.icon ? (s(), v("span", Ia, [
+                (s(), O(H(u[x.icon])))
+              ])) : w("", !0),
+              $("span", {
+                innerHTML: x.labelHtml
+              }, null, 8, Ta),
+              x.description ? (s(), v("span", xa, A(x.description), 1)) : w("", !0)
+            ]),
+            _: 2
+          }, 1032, ["value", "variant"]))), 128)),
+          p.value.length === 0 ? (s(), v("li", Ca, " No results found ")) : w("", !0)
+        ]),
+        _: 1
+      }, 8, ["anchor-id", "model-value", "options-id", "shown"])
+    ], 64));
+  }
+}, al = /* @__PURE__ */ De(Aa, [["__scopeId", "data-v-730b56e5"]]), La = ["data-size", "data-variant"], Va = /* @__PURE__ */ $("span", null, null, -1), Ea = /* @__PURE__ */ $("span", null, null, -1), Pa = /* @__PURE__ */ $("span", null, null, -1), Oa = /* @__PURE__ */ $("span", null, null, -1), Da = /* @__PURE__ */ $("span", { class: "visually-hidden" }, "Loading", -1), qa = [
+  Va,
+  Ea,
+  Pa,
+  Oa,
+  Da
+], nl = {
   __name: "BsLoader",
   props: {
     size: {
@@ -1814,14 +2328,14 @@ const Dt = {
     }
   },
   setup(e) {
-    return (a, t) => (d(), f("span", {
+    return (a, t) => (s(), v("span", {
       class: "bs-loader",
       "data-size": e.size,
       "data-variant": e.variant,
       role: "status"
-    }, ba, 8, ca));
+    }, qa, 8, La));
   }
-}, ma = /* @__PURE__ */ m("div", { class: "bs-overlay" }, null, -1), ya = {
+}, Ma = /* @__PURE__ */ $("div", { class: "bs-overlay" }, null, -1), za = {
   __name: "BsOverlay",
   props: {
     shown: {
@@ -1850,31 +2364,35 @@ const Dt = {
   },
   emits: ["after-enter", "after-leave"],
   setup(e, { emit: a }) {
-    const t = e, n = a, { transition: l } = de(t);
-    return (o, u) => (d(), L(v(ue), {
-      shown: v(l),
+    const t = e, l = a, { transition: n } = ve(t);
+    return (o, u) => (s(), O(f(pe), {
+      shown: f(n),
       preloaded: e.preloaded,
       duration: 75,
       "enter-attribute": "data-shown",
-      onAfterEnter: u[0] || (u[0] = (i) => n("after-enter")),
-      onAfterLeave: u[1] || (u[1] = (i) => n("after-leave"))
+      onAfterEnter: u[0] || (u[0] = (i) => l("after-enter")),
+      onAfterLeave: u[1] || (u[1] = (i) => l("after-leave"))
     }, {
-      default: V(() => [
-        ma
+      default: P(() => [
+        Ma
       ]),
       _: 1
     }, 8, ["shown", "preloaded"]));
   }
-}, Ba = ["id", "role"], $a = {
+}, Ra = ["id", "role"], Na = {
   key: 0,
-  class: "close-button-container"
-}, jn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+  class: "modal-title"
+}, ll = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsModal",
   props: {
     modalId: {
       type: String,
       default: void 0
     },
+    title: {
+      type: String,
+      required: !1
+    },
     shown: {
       type: Boolean,
       default: !0
@@ -1907,67 +2425,83 @@ const Dt = {
       default: !1
     }
   },
-  emits: [
-    "close",
-    "after-enter",
-    "after-leave"
-  ],
+  emits: ["close", "after-enter", "after-leave"],
   setup(e, { emit: a }) {
-    const t = e, n = a, { transition: l } = de(t);
+    const t = e, l = a, { transition: n } = ve(t);
     let o = !1;
-    return se(["Escape"], () => {
-      o && n("close", t.modalId);
-    }), (u, i) => (d(), f(N, null, [
-      E(ya, {
-        shown: v(l),
+    const u = I(null), i = (c) => {
+      u.value && c.target.closest(".bs-overlay") && l("close", t.modalId);
+    };
+    F(() => {
+      document.addEventListener("click", i);
+    }), _(() => {
+      document.removeEventListener("click", i);
+    }), fe(["Escape"], () => {
+      o && l("close", t.modalId);
+    });
+    const r = () => !t.title && t.closeButton, d = () => t.title && t.closeButton;
+    return (c, p) => (s(), v(R, null, [
+      D(za, {
+        shown: f(n),
         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"]),
-      E(ue, {
-        shown: v(l),
+      D(pe, {
+        shown: f(n),
         preloaded: e.preloaded,
         duration: 75,
         "enter-attribute": "data-shown",
-        onEnter: i[1] || (i[1] = (s) => Ue(o) ? o.value = !0 : o = !0),
-        onAfterEnter: i[2] || (i[2] = (s) => n("after-enter")),
-        onAfterLeave: i[3] || (i[3] = (s) => n("after-leave"))
+        onEnter: p[1] || (p[1] = (h) => _e(o) ? o.value = !0 : o = !0),
+        onAfterEnter: p[2] || (p[2] = (h) => l("after-enter")),
+        onAfterLeave: p[3] || (p[3] = (h) => l("after-leave"))
       }, {
-        default: V(() => [
-          m("div", P({
+        default: P(() => [
+          $("div", M({
             id: t.modalId,
             class: "bs-modal",
             role: e.alert ? "alertdialog" : "dialog",
             "aria-modal": "true"
-          }, u.$attrs), [
-            e.closeButton ? (d(), f("div", $a, [
-              m("button", {
+          }, c.$attrs, {
+            ref_key: "modalRef",
+            ref: u
+          }), [
+            e.title || e.closeButton ? (s(), v("header", {
+              key: 0,
+              class: Q({
+                "only-close-button-modal-header": r,
+                "modal-header": d
+              })
+            }, [
+              e.title ? (s(), v("h5", Na, A(e.title), 1)) : w("", !0),
+              e.closeButton ? (s(), v("button", {
+                key: 1,
                 type: "button",
                 title: "Close Modal",
                 "aria-label": "Close Modal",
-                onClick: i[0] || (i[0] = (s) => n("close", e.modalId))
+                onClick: p[0] || (p[0] = (h) => l("close", e.modalId))
               }, [
-                E(v(oe), { class: "close-button" })
-              ])
-            ])) : S("", !0),
-            k(u.$slots, "default")
-          ], 16, Ba)
+                D(f(de), { class: "close-button" })
+              ])) : w("", !0)
+            ], 2)) : w("", !0),
+            L(c.$slots, "default")
+          ], 16, Ra)
         ]),
         _: 3
       }, 8, ["shown", "preloaded"])
     ], 64));
   }
-}), Sa = ["data-variant", "data-fixed"], wa = {
+}), ja = ["data-variant", "data-fixed"], Wa = {
   key: 0,
   class: "bs-pagination-carets"
-}, ka = ["title", "disabled"], Ia = { key: 0 }, Ta = ["title", "disabled"], xa = { key: 0 }, Ca = {
+}, Fa = ["title", "disabled"], Ua = { key: 0 }, Ga = ["title", "disabled"], Ha = { key: 0 }, Ka = {
   key: 1,
   class: "bs-pagination-page-numbers"
-}, Aa = ["title", "data-selected", "onClick"], La = { key: 2 }, Va = { key: 3 }, Pa = /* @__PURE__ */ m("span", null, "Results Per Page:", -1), Ea = { class: "bs-pagination-results-numbers" }, Da = ["data-selected", "disabled", "onClick"], qa = {
+}, Ya = ["title", "data-selected", "onClick"], Xa = { key: 2 }, Za = { key: 3 }, Ja = /* @__PURE__ */ $("span", null, "Results Per Page:", -1), Qa = { class: "bs-pagination-results-numbers" }, _a = ["data-selected", "disabled", "onClick"], en = {
   key: 5,
   class: "bs-pagination-carets"
-}, za = ["title", "disabled"], Ma = { key: 0 }, Oa = ["title", "disabled"], Na = { key: 0 }, Fn = {
+}, tn = ["title", "disabled"], an = { key: 0 }, nn = ["title", "disabled"], ln = { key: 0 }, ol = {
   __name: "BsPagination",
   props: {
     // Used for all
@@ -2053,129 +2587,129 @@ const Dt = {
   },
   emits: ["selchange", "update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = I(null);
-    j(() => {
-      o.value ? l.value = o.value : t.variant === "results" ? l.value = z.value[0] : l.value = 1;
+    const t = e, l = a, n = I(null);
+    F(() => {
+      o.value ? n.value = o.value : t.variant === "results" ? n.value = T.value[0] : n.value = 1;
     });
-    const o = p(() => t.modelValue || t.selection);
-    D(() => t.selection, (C) => {
-      l.value = C;
-    }), D(() => t.modelValue, (C) => {
-      l.value = C;
-    }), D(l, (C, $) => {
-      $ !== null && (n("selchange", C), n("update:modelValue", C));
+    const o = g(() => t.modelValue || t.selection);
+    z(() => t.selection, (k) => {
+      n.value = k;
+    }), z(() => t.modelValue, (k) => {
+      n.value = k;
+    }), z(n, (k, E) => {
+      E !== null && (l("selchange", k), l("update:modelValue", k));
     });
-    const u = p(() => {
+    const u = g(() => {
       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 s() {
-      l.value = 1;
-    }
+    }), i = g(() => t.variant === "base" ? t.centerDisplay === "text" ? "group" : void 0 : t.variant);
     function r() {
-      l.value = Math.max(l.value - 1, 1);
+      n.value = 1;
+    }
+    function d() {
+      n.value = Math.max(n.value - 1, 1);
     }
     function c() {
-      l.value = Math.min(
-        l.value + 1,
+      n.value = Math.min(
+        n.value + 1,
         u.value
       );
     }
-    function b() {
-      l.value = u.value;
+    function p() {
+      n.value = u.value;
     }
-    const g = p(() => {
+    const h = g(() => {
       if (t.pageCount <= t.pageRange)
         return [...Array(t.pageCount + 1).keys()].slice(1);
-      const C = [1], $ = (t.pageRange - 1) / 2;
-      let y = l.value - $, q = l.value + $;
-      y < 1 && (q += 1 - y, y = 1), q > t.pageCount && (y -= q - t.pageCount, q = t.pageCount), y = Math.max(y, 2), q = Math.min(q, t.pageCount - 1), y > 2 && C.push(t.breakText);
-      for (let F = y; F <= q; F++)
-        C.push(F);
-      return q < t.pageCount - 1 && C.push(t.breakText), C.push(t.pageCount), C;
-    }), B = p(() => `${t.centerLabel ?? "Page"} ${l.value} of ${u.value}`), x = p(() => {
-      const C = (l.value - 1) * t.itemsPerGroup + 1, $ = Math.min(C - 1 + t.itemsPerGroup, t.itemsCount);
-      return `${t.centerLabel ?? "Results"} ${C} - ${$} of ${t.itemsCount}`;
-    }), z = p(() => t.resultsIncrements.split(",").map((C) => parseInt(C)));
-    return (C, $) => (d(), f("div", {
+      const k = [1], E = (t.pageRange - 1) / 2;
+      let y = n.value - E, b = n.value + E;
+      y < 1 && (b += 1 - y, y = 1), b > t.pageCount && (y -= b - t.pageCount, b = t.pageCount), y = Math.max(y, 2), b = Math.min(b, t.pageCount - 1), y > 2 && k.push(t.breakText);
+      for (let S = y; S <= b; S++)
+        k.push(S);
+      return b < t.pageCount - 1 && k.push(t.breakText), k.push(t.pageCount), k;
+    }), m = g(() => `${t.centerLabel ?? "Page"} ${n.value} of ${u.value}`), V = g(() => {
+      const k = (n.value - 1) * t.itemsPerGroup + 1, E = Math.min(k - 1 + t.itemsPerGroup, t.itemsCount);
+      return `${t.centerLabel ?? "Results"} ${k} - ${E} of ${t.itemsCount}`;
+    }), T = g(() => t.resultsIncrements.split(",").map((k) => parseInt(k)));
+    return (k, E) => (s(), v("div", {
       class: "bs-pagination",
       "data-variant": i.value,
       "data-fixed": t.fixed
     }, [
-      e.variant === "base" || e.variant === "group" ? (d(), f("div", wa, [
-        e.showFirstLastButtons ? (d(), f("button", {
+      e.variant === "base" || e.variant === "group" ? (s(), v("div", Wa, [
+        e.showFirstLastButtons ? (s(), v("button", {
           key: 0,
           type: "button",
-          class: X(e.firstPageText ? "bs-pagination-word-caret" : void 0),
+          class: Q(e.firstPageText ? "bs-pagination-word-caret" : void 0),
           title: e.firstPageText,
-          disabled: l.value === 1,
-          onClick: s
+          disabled: n.value === 1,
+          onClick: r
         }, [
-          E(v(Ze)),
-          e.firstPageText ? (d(), f("span", Ia, T(e.firstPageText), 1)) : S("", !0)
-        ], 10, ka)) : S("", !0),
-        m("button", {
+          D(f(nt)),
+          e.firstPageText ? (s(), v("span", Ua, A(e.firstPageText), 1)) : w("", !0)
+        ], 10, Fa)) : w("", !0),
+        $("button", {
           type: "button",
-          class: X(e.prevPageText ? "bs-pagination-word-caret" : void 0),
+          class: Q(e.prevPageText ? "bs-pagination-word-caret" : void 0),
           title: e.prevPageText,
-          disabled: l.value === 1,
-          onClick: r
+          disabled: n.value === 1,
+          onClick: d
         }, [
-          E(v(Je)),
-          e.prevPageText ? (d(), f("span", xa, T(e.prevPageText), 1)) : S("", !0)
-        ], 10, Ta)
-      ])) : S("", !0),
-      e.variant === "base" && e.centerDisplay === "numbers" ? (d(), f("div", Ca, [
-        (d(!0), f(N, null, Y(g.value, (y) => (d(), f("button", {
+          D(f(lt)),
+          e.prevPageText ? (s(), v("span", Ha, A(e.prevPageText), 1)) : w("", !0)
+        ], 10, Ga)
+      ])) : w("", !0),
+      e.variant === "base" && e.centerDisplay === "numbers" ? (s(), v("div", Ka, [
+        (s(!0), v(R, null, G(h.value, (y) => (s(), v("button", {
           key: `page-${y}-button`,
           type: "button",
           title: `Page ${y}`,
-          "data-selected": y === l.value,
-          onClick: (q) => l.value = y
-        }, T(y), 9, Aa))), 128))
-      ])) : S("", !0),
-      t.variant === "base" && t.centerDisplay === "text" ? (d(), f("span", La, T(B.value), 1)) : S("", !0),
-      t.variant === "group" ? (d(), f("span", Va, T(x.value), 1)) : S("", !0),
-      t.variant === "results" ? (d(), f(N, { key: 4 }, [
-        Pa,
-        m("div", Ea, [
-          (d(!0), f(N, null, Y(z.value, (y) => (d(), f("button", {
+          "data-selected": y === n.value,
+          onClick: (b) => n.value = y
+        }, A(y), 9, Ya))), 128))
+      ])) : w("", !0),
+      t.variant === "base" && t.centerDisplay === "text" ? (s(), v("span", Xa, A(m.value), 1)) : w("", !0),
+      t.variant === "group" ? (s(), v("span", Za, A(V.value), 1)) : w("", !0),
+      t.variant === "results" ? (s(), v(R, { key: 4 }, [
+        Ja,
+        $("div", Qa, [
+          (s(!0), v(R, null, G(T.value, (y) => (s(), v("button", {
             type: "button",
             key: `results-${y}`,
-            "data-selected": y === l.value,
-            disabled: l.value === y,
-            onClick: (q) => l.value = y
-          }, T(y), 9, Da))), 128))
+            "data-selected": y === n.value,
+            disabled: n.value === y,
+            onClick: (b) => n.value = y
+          }, A(y), 9, _a))), 128))
         ])
-      ], 64)) : S("", !0),
-      e.variant === "base" || e.variant === "group" ? (d(), f("div", qa, [
-        m("button", {
+      ], 64)) : w("", !0),
+      e.variant === "base" || e.variant === "group" ? (s(), v("div", en, [
+        $("button", {
           type: "button",
-          class: X(e.nextPageText ? "bs-pagination-word-caret" : void 0),
+          class: Q(e.nextPageText ? "bs-pagination-word-caret" : void 0),
           title: e.nextPageText,
-          disabled: l.value === u.value,
+          disabled: n.value === u.value,
           onClick: c
         }, [
-          e.nextPageText ? (d(), f("span", Ma, T(e.nextPageText), 1)) : S("", !0),
-          E(v(Qe))
-        ], 10, za),
-        e.showFirstLastButtons ? (d(), f("button", {
+          e.nextPageText ? (s(), v("span", an, A(e.nextPageText), 1)) : w("", !0),
+          D(f(ot))
+        ], 10, tn),
+        e.showFirstLastButtons ? (s(), v("button", {
           key: 0,
           type: "button",
-          class: X(e.lastPageText ? "bs-pagination-word-caret" : void 0),
+          class: Q(e.lastPageText ? "bs-pagination-word-caret" : void 0),
           title: e.lastPageText,
-          disabled: l.value === u.value,
-          onClick: b
+          disabled: n.value === u.value,
+          onClick: p
         }, [
-          e.lastPageText ? (d(), f("span", Na, T(e.lastPageText), 1)) : S("", !0),
-          E(v(_e))
-        ], 10, Oa)) : S("", !0)
-      ])) : S("", !0)
-    ], 8, Sa));
+          e.lastPageText ? (s(), v("span", ln, A(e.lastPageText), 1)) : w("", !0),
+          D(f(it))
+        ], 10, nn)) : w("", !0)
+      ])) : w("", !0)
+    ], 8, ja));
   }
-}, Ra = ["data-truncate"], Wn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, on = ["data-truncate"], il = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsPill",
   props: {
     active: { type: Boolean, default: !1 },
@@ -2199,35 +2733,35 @@ const Dt = {
     }
   },
   setup(e) {
-    const a = e, { onLinkClick: t } = re(a), n = O(), { rootTag: l, attrsToBind: o, hrefUrl: u } = ie(a, n, "span");
-    return (i, s) => (d(), L(U(v(l)), P({
+    const a = e, { onLinkClick: t } = ce(a), l = U(), { rootTag: n, attrsToBind: o, hrefUrl: u } = ue(a, l, "span");
+    return (i, r) => (s(), O(H(f(n)), 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": v(u)
-    }, v(o), { onClick: v(t) }), {
-      default: V(() => [
-        m("span", { "data-truncate": e.truncate }, [
-          k(i.$slots, "default")
-        ], 8, Ra)
+      ".href": f(u)
+    }, f(o), { onClick: f(t) }), {
+      default: P(() => [
+        $("span", { "data-truncate": e.truncate }, [
+          L(i.$slots, "default")
+        ], 8, on)
       ]),
       _: 3
     }, 48, ["data-active", "data-status", "data-variant", "disabled", ".href", "onClick"]));
   }
-}), ja = { class: "bs-profile-details" }, Fa = {
+}), rn = { class: "bs-profile-details" }, sn = {
   class: "bs-profile-name",
   "data-size": "sm",
   "data-weight": "bold"
-}, Wa = {
+}, dn = {
   key: 1,
   "data-weight": "bold"
-}, Ga = { key: 2 }, Ua = { key: 3 }, Ha = {
+}, un = { key: 2 }, cn = { key: 3 }, fn = {
   key: 4,
   "data-icon": "true"
-}, Ka = {
+}, vn = {
   __name: "BsProfileDetails",
   props: {
     profileName: {
@@ -2244,40 +2778,40 @@ const Dt = {
   },
   emits: ["action-toggled"],
   setup(e, { emit: a }) {
-    const t = e, n = a, { icon: l } = le(t, "actionIcon"), { icon: o } = le(t, "miscMetaIcon");
+    const t = e, l = a, { icon: n } = se(t, "actionIcon"), { icon: o } = se(t, "miscMetaIcon");
     function u(i) {
-      i.target.tagName === "BUTTON" && (i.preventDefault(), i.stopImmediatePropagation(), n("action-toggled"));
+      i.target.tagName === "BUTTON" && (i.preventDefault(), i.stopImmediatePropagation(), l("action-toggled"));
     }
-    return (i, s) => (d(), f("div", ja, [
-      e.action || i.$slots.action ? (d(), f("button", {
+    return (i, r) => (s(), v("div", rn, [
+      e.action || i.$slots.action ? (s(), v("button", {
         key: 0,
         "data-icon": "true",
         onClick: u
       }, [
-        k(i.$slots, "action", {}, () => [
-          e.actionIcon ? (d(), L(U(v(l) ? v(l) : "span"), {
+        L(i.$slots, "action", {}, () => [
+          e.actionIcon ? (s(), O(H(f(n) ? f(n) : "span"), {
             key: 0,
             class: "bs-icon"
-          })) : S("", !0),
-          R(" " + T(e.action), 1)
+          })) : w("", !0),
+          W(" " + A(e.action), 1)
         ])
-      ])) : S("", !0),
-      m("span", Fa, T(e.profileName), 1),
-      e.company ? (d(), f("span", Wa, T(e.company), 1)) : S("", !0),
-      e.jobTitle ? (d(), f("span", Ga, T(e.jobTitle), 1)) : S("", !0),
-      e.email ? (d(), f("span", Ua, T(e.email), 1)) : S("", !0),
-      e.miscMeta || i.$slots.misc ? (d(), f("span", Ha, [
-        k(i.$slots, "misc", {}, () => [
-          e.miscMetaIcon ? (d(), L(U(v(o) ? v(o) : "span"), {
+      ])) : w("", !0),
+      $("span", sn, A(e.profileName), 1),
+      e.company ? (s(), v("span", dn, A(e.company), 1)) : w("", !0),
+      e.jobTitle ? (s(), v("span", un, A(e.jobTitle), 1)) : w("", !0),
+      e.email ? (s(), v("span", cn, A(e.email), 1)) : w("", !0),
+      e.miscMeta || i.$slots.misc ? (s(), v("span", fn, [
+        L(i.$slots, "misc", {}, () => [
+          e.miscMetaIcon ? (s(), O(H(f(o) ? f(o) : "span"), {
             key: 0,
             class: "bs-icon"
-          })) : S("", !0),
-          R(" " + T(e.miscMeta), 1)
+          })) : w("", !0),
+          W(" " + A(e.miscMeta), 1)
         ])
-      ])) : S("", !0)
+      ])) : w("", !0)
     ]));
   }
-}, Ya = ["data-img-size", "data-initials", "data-no-img"], Xa = ["src", "alt"], Za = {
+}, pn = ["data-img-size", "data-initials", "data-no-img"], hn = ["src", "alt"], bn = {
   __name: "BsProfileImg",
   props: {
     src: String,
@@ -2292,22 +2826,22 @@ const Dt = {
     }
   },
   setup(e) {
-    const a = e, t = I(!1), n = I(!!a.src);
-    return j(() => t.value = !0), (l, o) => (d(), f("div", {
+    const a = e, t = I(!1), l = I(!!a.src);
+    return F(() => t.value = !0), (n, o) => (s(), v("div", {
       class: "bs-profile-img",
       "data-img-size": e.size,
       "data-initials": e.initials,
-      "data-no-img": !n.value
+      "data-no-img": !l.value
     }, [
-      n.value && t.value ? (d(), f("img", {
+      l.value && t.value ? (s(), v("img", {
         key: 0,
         src: e.src,
         alt: e.profileName,
-        onError: o[0] || (o[0] = (u) => n.value = !1)
-      }, null, 40, Xa)) : S("", !0)
-    ], 8, Ya));
+        onError: o[0] || (o[0] = (u) => l.value = !1)
+      }, null, 40, hn)) : w("", !0)
+    ], 8, pn));
   }
-}, Gn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, rl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsProfile",
   props: {
     layout: {
@@ -2337,20 +2871,20 @@ const Dt = {
   },
   emits: ["action-toggled"],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = O(), { onLinkClick: o } = re(t), { rootTag: u, attrsToBind: i, hrefUrl: s } = ie(t, l, "div");
-    return (r, c) => (d(), L(U(v(u)), P({
+    const t = e, l = a, n = U(), { onLinkClick: o } = ce(t), { rootTag: u, attrsToBind: i, hrefUrl: r } = ue(t, n, "div");
+    return (d, c) => (s(), O(H(f(u)), M({
       class: "bs-profile",
-      ".href": v(s),
+      ".href": f(r),
       "data-layout": e.layout
-    }, v(i), { onClick: v(o) }), {
-      default: V(() => [
-        E(Za, {
+    }, f(i), { onClick: f(o) }), {
+      default: P(() => [
+        D(bn, {
           src: e.imageSrc,
           size: e.imageSize,
           initials: e.initials,
           "profile-name": e.profileName
         }, null, 8, ["src", "size", "initials", "profile-name"]),
-        E(Ka, {
+        D(vn, {
           "profile-name": e.profileName,
           company: e.company,
           "job-title": e.jobTitle,
@@ -2359,13 +2893,13 @@ const Dt = {
           "action-icon": e.actionIcon,
           "misc-meta": e.miscMeta,
           "misc-meta-icon": e.miscMetaIcon,
-          onActionToggled: c[0] || (c[0] = (b) => n("action-toggled"))
+          onActionToggled: c[0] || (c[0] = (p) => l("action-toggled"))
         }, {
-          action: V(() => [
-            k(r.$slots, "action")
+          action: P(() => [
+            L(d.$slots, "action")
           ]),
-          misc: V(() => [
-            k(r.$slots, "misc")
+          misc: P(() => [
+            L(d.$slots, "misc")
           ]),
           _: 3
         }, 8, ["profile-name", "company", "job-title", "email", "action", "action-icon", "misc-meta", "misc-meta-icon"])
@@ -2373,7 +2907,7 @@ const Dt = {
       _: 3
     }, 48, [".href", "data-layout", "onClick"]));
   }
-}), Ja = ["data-size"], Qa = ["checked", "disabled", "id", "required", "value", "data-error"], Un = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), gn = ["data-size"], mn = ["checked", "disabled", "id", "required", "value", "data-error"], sl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsRadio",
   props: {
     label: {
@@ -2417,39 +2951,39 @@ const Dt = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = O(), [l] = H(), { toChild: o, toRoot: u } = Z(t, n, ["aria-label", "name"]), i = p(() => t.inputId || l.value), s = p(() => t.checked || t.modelValue && t.modelValue === t.value);
-    return (r, c) => (d(), f("div", P({
+    const t = e, l = U(), [n] = K(), { toChild: o, toRoot: u } = ae(t, l, ["aria-label", "name"]), i = g(() => t.inputId || n.value), r = g(() => t.checked || t.modelValue && t.modelValue === t.value);
+    return (d, c) => (s(), v("div", M({
       class: "bs-boolean",
       "data-component": "bs-radio",
       "data-size": e.size
-    }, v(u)), [
-      m("input", P({
-        checked: s.value,
+    }, f(u)), [
+      $("input", M({
+        checked: r.value,
         disabled: e.disabled,
         id: i.value,
         required: e.required,
         type: "radio",
         value: e.value,
         "data-error": e.error
-      }, v(o), {
-        onChange: c[0] || (c[0] = (b) => r.$emit("update:modelValue", b.target.value))
-      }), null, 16, Qa),
-      e.label || r.$slots.label ? (d(), L(_, {
+      }, f(o), {
+        onChange: c[0] || (c[0] = (p) => d.$emit("update:modelValue", p.target.value))
+      }), null, 16, mn),
+      e.label || d.$slots.label ? (s(), O(ne, {
         key: 0,
         for: i.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: V(() => [
-          k(r.$slots, "label", {}, () => [
-            R(T(e.label), 1)
+        default: P(() => [
+          L(d.$slots, "label", {}, () => [
+            W(A(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : S("", !0)
-    ], 16, Ja));
+      }, 8, ["for", "disabled", "required"])) : w("", !0)
+    ], 16, gn));
   }
-}), _a = ["id", "disabled", "required", "data-error", "value"], en = {
+}), yn = ["id", "disabled", "required", "data-error", "value"], Bn = {
   __name: "BsSelect",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -2462,22 +2996,22 @@ const Dt = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = p(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
-    return (l, o) => (d(), f("select", P({
-      id: l.$attrs.id || e.inputId,
+    const t = e, l = g(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
+    return (n, o) => (s(), v("select", M({
+      id: n.$attrs.id || e.inputId,
       class: "bs-select",
       "data-component": "bs-select",
       disabled: e.disabled,
       required: e.required,
       "data-error": e.error,
       value: e.value || e.modelValue
-    }, n.value, {
-      onChange: o[0] || (o[0] = (u) => l.$emit("update:modelValue", u.target.value))
+    }, l.value, {
+      onChange: o[0] || (o[0] = (u) => n.$emit("update:modelValue", u.target.value))
     }), [
-      k(l.$slots, "default")
-    ], 16, _a));
+      L(n.$slots, "default")
+    ], 16, yn));
   }
-}, tn = ["selected", "disabled"], an = ["disabled", "selected", "value"], Hn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, $n = ["selected", "disabled"], Sn = ["disabled", "selected", "value"], dl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsSelectField",
   props: {
     data: {
@@ -2521,64 +3055,64 @@ const Dt = {
     modelValue: [String, Number]
   },
   setup(e) {
-    const a = e, t = O(), [n, l] = H(2), { toChild: o, toRoot: u } = Z(a, t, [
+    const a = e, t = U(), [l, n] = K(2), { toChild: o, toRoot: u } = ae(a, t, [
       "aria-label",
       "autofocus",
       "name"
-    ]), i = p(() => {
-      var b, g;
-      return ((g = (b = a.hints) == null ? void 0 : b.join) == null ? void 0 : g.call(b, `
+    ]), i = g(() => {
+      var p, h;
+      return ((h = (p = a.hints) == null ? void 0 : p.join) == null ? void 0 : h.call(p, `
 `)) || a.hints;
-    }), s = p(() => a.error && a.errorMsg || a.hint || i.value || void 0), r = p(() => a.inputId || n.value), c = p(() => a.value || a.modelValue);
-    return (b, g) => (d(), f("div", P({ "data-component": "bs-select-field" }, v(u)), [
-      e.label || b.$slots.label ? (d(), L(_, {
+    }), r = g(() => a.error && a.errorMsg || a.hint || i.value || void 0), d = g(() => a.inputId || l.value), c = g(() => a.value || a.modelValue);
+    return (p, h) => (s(), v("div", M({ "data-component": "bs-select-field" }, f(u)), [
+      e.label || p.$slots.label ? (s(), O(ne, {
         key: 0,
-        for: r.value,
+        for: d.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: V(() => [
-          k(b.$slots, "label", {}, () => [
-            R(T(e.label), 1)
+        default: P(() => [
+          L(p.$slots, "label", {}, () => [
+            W(A(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : S("", !0),
-      E(en, P({
+      }, 8, ["for", "disabled", "required"])) : w("", !0),
+      D(Bn, M({
         disabled: e.disabled,
         error: e.error,
-        "hint-id": v(l),
-        "input-id": r.value,
+        "hint-id": f(n),
+        "input-id": d.value,
         required: e.required,
         value: c.value,
-        "onUpdate:modelValue": g[0] || (g[0] = (B) => b.$emit("update:modelValue", B))
-      }, v(o)), {
-        default: V(() => [
-          m("option", {
+        "onUpdate:modelValue": h[0] || (h[0] = (m) => p.$emit("update:modelValue", m))
+      }, f(o)), {
+        default: P(() => [
+          $("option", {
             selected: !c.value,
             value: "",
             disabled: !!c.value
-          }, T(e.placeholder), 9, tn),
-          (d(!0), f(N, null, Y(e.data, (B) => (d(), f("option", {
-            key: B.value,
-            disabled: B.disabled,
-            selected: c.value === B.value,
-            value: B.value
-          }, T(B.label), 9, an))), 128))
+          }, A(e.disabled ? "" : e.placeholder), 9, $n),
+          (s(!0), v(R, null, G(e.data, (m) => (s(), v("option", {
+            key: m.value,
+            disabled: m.disabled,
+            selected: c.value === m.value,
+            value: m.value
+          }, A(m.label), 9, Sn))), 128))
         ]),
         _: 1
       }, 16, ["disabled", "error", "hint-id", "input-id", "required", "value"]),
-      s.value ? (d(), L(he, {
+      r.value ? (s(), O(Se, {
         key: 1,
         "data-disabled": e.disabled,
         error: e.error,
         "error-msg": e.errorMsg,
         hint: e.hint || i.value,
-        "hint-id": v(l)
-      }, null, 8, ["data-disabled", "error", "error-msg", "hint", "hint-id"])) : S("", !0)
+        "hint-id": f(n)
+      }, null, 8, ["data-disabled", "error", "error-msg", "hint", "hint-id"])) : w("", !0)
     ], 16));
   }
-}), nn = ["data-size"], ln = ["data-disabled", "data-pending", "data-size"], on = ["checked", "disabled", "id"], rn = ["data-inner-on-label", "data-inner-off-label"], Kn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), wn = ["data-size"], kn = ["data-disabled", "data-pending", "data-size"], In = ["checked", "disabled", "id"], Tn = ["data-inner-on-label", "data-inner-off-label"], ul = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsSwitch",
   props: {
     checked: {
@@ -2624,48 +3158,48 @@ const Dt = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = O(), [o] = H(), { toChild: u, toRoot: i } = Z(t, l, ["aria-label", "name", "value"]), s = p(() => t.inputId || o.value), r = p(() => t.checked || t.modelValue);
-    return (c, b) => (d(), f("div", P({
+    const t = e, l = a, n = U(), [o] = K(), { toChild: u, toRoot: i } = ae(t, n, ["aria-label", "name", "value"]), r = g(() => t.inputId || o.value), d = g(() => t.checked || t.modelValue);
+    return (c, p) => (s(), v("div", M({
       class: "bs-boolean",
       "data-component": "bs-switch",
       "data-size": e.size
-    }, v(i)), [
-      e.label || c.$slots.label ? (d(), L(_, {
+    }, f(i)), [
+      e.label || c.$slots.label ? (s(), O(ne, {
         key: 0,
-        for: s.value,
+        for: r.value,
         disabled: e.disabled,
         hide: e.hideLabel
       }, {
-        default: V(() => [
-          k(c.$slots, "label", {}, () => [
-            R(T(e.label), 1)
+        default: P(() => [
+          L(c.$slots, "label", {}, () => [
+            W(A(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "hide"])) : S("", !0),
-      m("div", {
+      }, 8, ["for", "disabled", "hide"])) : w("", !0),
+      $("div", {
         class: "bs-switch",
         "data-disabled": e.disabled,
         "data-pending": e.pending,
         "data-size": e.size
       }, [
-        m("input", P({
-          checked: r.value,
+        $("input", M({
+          checked: d.value,
           disabled: e.disabled,
-          id: s.value,
+          id: r.value,
           type: "checkbox"
-        }, v(u), {
-          onChange: b[0] || (b[0] = (g) => n("update:modelValue", g.target.checked))
-        }), null, 16, on),
-        m("span", {
+        }, f(u), {
+          onChange: p[0] || (p[0] = (h) => l("update:modelValue", h.target.checked))
+        }), null, 16, In),
+        $("span", {
           "aria-hidden": "true",
           "data-inner-on-label": e.innerOnLabel,
           "data-inner-off-label": e.innerOffLabel
-        }, null, 8, rn)
-      ], 8, ln)
-    ], 16, nn));
+        }, null, 8, Tn)
+      ], 8, kn)
+    ], 16, wn));
   }
-}), sn = ["aria-controls", "aria-selected", "data-hidden"], Yn = {
+}), xn = ["aria-controls", "aria-selected", "data-hidden"], cl = {
   __name: "BsTab",
   props: {
     activeTabId: {
@@ -2682,17 +3216,17 @@ const Dt = {
   },
   emits: ["tabClick"],
   setup(e, { emit: a }) {
-    const t = e, n = O(), l = I(), o = p(() => t.activeTabId === n.id), u = p(() => t.panelId || `${n.id}-panel`);
-    function i(r) {
-      (r.key === "Enter" || r.key === " ") && (r.preventDefault(), r.stopPropagation(), s());
+    const t = e, l = U(), n = I(), o = g(() => t.activeTabId === l.id), u = g(() => t.panelId || `${l.id}-panel`);
+    function i(d) {
+      (d.key === "Enter" || d.key === " ") && (d.preventDefault(), d.stopPropagation(), r());
     }
-    function s() {
-      if (t.activeTabId !== n.id) {
-        const r = new CustomEvent("tabClick", { detail: n.id, bubbles: !0 });
-        l.value.dispatchEvent(r);
+    function r() {
+      if (t.activeTabId !== l.id) {
+        const d = new CustomEvent("tabClick", { detail: l.id, bubbles: !0 });
+        n.value.dispatchEvent(d);
       }
     }
-    return (r, c) => (d(), f("div", {
+    return (d, c) => (s(), v("div", {
       "aria-controls": u.value,
       "aria-selected": o.value ? "true" : "false",
       "data-hidden": e.hidden || void 0,
@@ -2700,14 +3234,14 @@ const Dt = {
       role: "tab",
       tabindex: "0",
       ref_key: "hostEl",
-      ref: l,
-      onClick: s,
+      ref: n,
+      onClick: r,
       onKeydown: i
     }, [
-      k(r.$slots, "default")
-    ], 40, sn));
+      L(d.$slots, "default")
+    ], 40, xn));
   }
-}, dn = ["id", "data-resizing"], un = ["aria-controls", "aria-expanded", "data-active", "data-hidden", "id"], cn = 73, fn = 20, vn = 16, Xn = {
+}, Cn = ["id", "data-resizing"], An = ["aria-controls", "aria-expanded", "data-active", "data-hidden", "id"], Ln = 73, Vn = 20, En = 16, fl = {
   __name: "BsTabList",
   props: {
     activeTabId: { type: String, required: !0 },
@@ -2718,182 +3252,182 @@ const Dt = {
   },
   emits: ["tabChange", "update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = I(!1), o = I(!1), u = I([]), i = I(!1), s = I(!1), r = I(), c = I([]), b = I(!1), g = I([]), B = I(), x = I(), z = I(), [C, $] = H(2), y = p(() => t.activeTabId ? g.value.findIndex((h) => h.id === t.activeTabId) : 0), q = p(() => u.value.some((h) => h.id === t.activeTabId)), F = p(() => `${$.value}-options`), ee = p(() => `${$.value}-toggle`), J = p(() => {
-      var h;
-      return q.value ? (h = g.value[y.value]) == null ? void 0 : h.textContent : "More";
-    }), Ie = p(() => q.value ? c.value[y.value] - c.value[y.value - 1] + fn : cn), Q = p(() => {
-      var w, A;
-      let h = [];
+    const t = e, l = a, n = I(!1), o = I(!1), u = I([]), i = I(!1), r = I(!1), d = I(), c = I([]), p = I(!1), h = I([]), m = I(), V = I(), T = I(), [k, E] = K(2), y = g(() => t.activeTabId ? h.value.findIndex((B) => B.id === t.activeTabId) : 0), b = g(() => u.value.some((B) => B.id === t.activeTabId)), S = g(() => `${E.value}-options`), x = g(() => `${E.value}-toggle`), N = g(() => {
+      var B;
+      return b.value ? (B = h.value[y.value]) == null ? void 0 : B.textContent : "More";
+    }), re = g(() => b.value ? c.value[y.value] - c.value[y.value - 1] + Vn : Ln), Z = g(() => {
+      var C, q;
+      let B = [];
       if (typeof window > "u")
-        return h;
-      for (let M of g.value) {
-        if (((w = M.dataset) == null ? void 0 : w.hidden) === "true" || ((A = M.dataset) == null ? void 0 : A.hidden) === "" || M.getAttribute("tabindex") === "-1")
+        return B;
+      for (let j of h.value) {
+        if (((C = j.dataset) == null ? void 0 : C.hidden) === "true" || ((q = j.dataset) == null ? void 0 : q.hidden) === "" || j.getAttribute("tabindex") === "-1")
           break;
-        h.push(M);
+        B.push(j);
       }
-      return s.value && h.push(r.value.querySelector(".bs-tab-list-toggle")), h;
+      return r.value && B.push(d.value.querySelector(".bs-tab-list-toggle")), B;
     });
-    function ce() {
-      var K;
-      let h = !1, w, A = 0, M = !1, W = [];
-      if ((K = g.value) != null && K.length) {
-        for (let G = 0; G < g.value.length; G++) {
-          if (w = g.value[G], w.setAttribute("tabindex", "-1"), M && G !== y.value) {
-            w.dataset.hidden = "true", W.push(w);
+    function le() {
+      var J;
+      let B = !1, C, q = 0, j = !1, Y = [];
+      if ((J = h.value) != null && J.length) {
+        for (let X = 0; X < h.value.length; X++) {
+          if (C = h.value[X], C.setAttribute("tabindex", "-1"), j && X !== y.value) {
+            C.dataset.hidden = "true", Y.push(C);
             continue;
           }
-          if (A = G < g.value.length - 1 ? z.value - Ie.value : z.value, c.value[G] > A) {
-            w.dataset.hidden = "true", W.push(w), h = !0, M = !0;
+          if (q = X < h.value.length - 1 ? T.value - re.value : T.value, c.value[X] > q) {
+            C.dataset.hidden = "true", Y.push(C), B = !0, j = !0;
             continue;
           }
-          w.dataset.hidden = "false", w.setAttribute("tabindex", "0");
+          C.dataset.hidden = "false", C.setAttribute("tabindex", "0");
         }
-        s.value = h, u.value = W, l.value || He(() => l.value = !0), setTimeout(() => {
-          qe(), b.value = !0;
-        }, b.value ? 0 : 1e3);
+        r.value = B, u.value = Y, n.value || oe(() => n.value = !0), setTimeout(() => {
+          Ge(), p.value = !0;
+        }, p.value ? 0 : 1e3);
       }
     }
-    function fe(h) {
-      n("tabChange", h), n("update:modelValue", h);
+    function he(B) {
+      l("tabChange", B), l("update:modelValue", B);
     }
-    function Te(h) {
-      var M, W, K;
-      const w = (K = (W = (M = g.value[h]) == null ? void 0 : M.getBoundingClientRect) == null ? void 0 : W.call(M)) == null ? void 0 : K.width;
-      return w || (h === 0 ? c.value[0] : c.value[h] - c.value[h - 1]) || 0;
+    function qe(B) {
+      var j, Y, J;
+      const C = (J = (Y = (j = h.value[B]) == null ? void 0 : j.getBoundingClientRect) == null ? void 0 : Y.call(j)) == null ? void 0 : J.width;
+      return C || (B === 0 ? c.value[0] : c.value[B] - c.value[B - 1]) || 0;
     }
-    function xe() {
-      var h;
-      (h = g.value[y.value]) == null || h.setAttribute("aria-selected", "true"), ce();
+    function Me() {
+      var B;
+      (B = h.value[y.value]) == null || B.setAttribute("aria-selected", "true"), le();
     }
-    function Ce() {
-      var h;
-      (h = B.value) == null || h.focus(), i.value = !1;
+    function ze() {
+      var B;
+      (B = m.value) == null || B.focus(), i.value = !1;
     }
-    function Ae() {
+    function Re() {
       i.value = !i.value, o.value || (o.value = !0);
     }
-    function Le(h) {
-      var w;
-      i.value = !1, (w = B.value) == null || w.focus(), fe(h);
+    function Ne(B) {
+      var C;
+      i.value = !1, (C = m.value) == null || C.focus(), he(B);
     }
-    function Ve(h) {
+    function je(B) {
       if (t.withBsTabs)
         return;
-      const w = h.target.closest('[role="tab"]');
-      if (!w || w.getAttribute("aria-selected") === "true")
+      const C = B.target.closest('[role="tab"]');
+      if (!C || C.getAttribute("aria-selected") === "true")
         return;
-      const A = w.getAttribute("id");
-      fe(A);
+      const q = C.getAttribute("id");
+      he(q);
     }
-    function Pe(h) {
-      if (h.key === "ArrowLeft" || h.key === "ArrowRight") {
-        const w = Q.value.findIndex((A) => A.id === h.target.id);
-        if (w === -1)
+    function We(B) {
+      if (B.key === "ArrowLeft" || B.key === "ArrowRight") {
+        const C = Z.value.findIndex((q) => q.id === B.target.id);
+        if (C === -1)
           return;
-        h.preventDefault(), h.stopPropagation(), h.key === "ArrowLeft" ? De(w) : Ee(w);
+        B.preventDefault(), B.stopPropagation(), B.key === "ArrowLeft" ? Ue(C) : Fe(C);
       }
     }
-    function Ee(h) {
-      var A;
-      const w = (h + 1) % Q.value.length;
-      (A = Q.value[w]) == null || A.focus();
-    }
-    function De(h) {
-      var A;
-      const w = h === 0 ? Q.value.length - 1 : h - 1;
-      (A = Q.value[w]) == null || A.focus();
-    }
-    function qe() {
-      var K, G, ge, be;
-      const h = parseInt(r.value.style.getPropertyValue("--active-line-offset")) || 0, w = z.value;
-      let A = 300, M = ((G = (K = Q.value) == null ? void 0 : K[y.value]) == null ? void 0 : G.offsetLeft) || 0, W = Te(y.value);
-      s.value && q.value && (M = (ge = B.value) == null ? void 0 : ge.offsetLeft, W = (be = B.value) == null ? void 0 : be.offsetWidth), A = Math.max(Math.abs((M - h) / w * 300), 100), r.value.style.setProperty("--active-line-max-width", `${w}px`), r.value.style.setProperty("--active-line-scale", `${W / w}`), r.value.style.setProperty("--active-line-offset", `${M}px`), r.value.style.setProperty("--active-line-transition-duration", `${A}ms`);
-    }
-    function ze() {
-      var h, w;
-      (w = (h = x.value) == null ? void 0 : h.disconnect) == null || w.call(h), x.value = null;
-    }
-    function Me() {
-      x.value = new ResizeObserver((h) => {
-        for (let w of h)
-          z.value = w.contentBoxSize[0].inlineSize;
-        ce();
-      }), x.value.observe(r.value);
-    }
-    function Oe() {
-      g.value = Array.from(r.value.children).filter((h) => h.role === "tab");
-    }
-    function Ne() {
-      let h;
-      g.value.forEach((w, A) => {
-        h = w.getBoundingClientRect().width + vn, c.value.push(A ? h + c.value[A - 1] : h);
+    function Fe(B) {
+      var q;
+      const C = (B + 1) % Z.value.length;
+      (q = Z.value[C]) == null || q.focus();
+    }
+    function Ue(B) {
+      var q;
+      const C = B === 0 ? Z.value.length - 1 : B - 1;
+      (q = Z.value[C]) == null || q.focus();
+    }
+    function Ge() {
+      var J, X, we, ke;
+      const B = parseInt(d.value.style.getPropertyValue("--active-line-offset")) || 0, C = T.value;
+      let q = 300, j = ((X = (J = Z.value) == null ? void 0 : J[y.value]) == null ? void 0 : X.offsetLeft) || 0, Y = qe(y.value);
+      r.value && b.value && (j = (we = m.value) == null ? void 0 : we.offsetLeft, Y = (ke = m.value) == null ? void 0 : ke.offsetWidth), q = Math.max(Math.abs((j - B) / C * 300), 100), d.value.style.setProperty("--active-line-max-width", `${C}px`), d.value.style.setProperty("--active-line-scale", `${Y / C}`), d.value.style.setProperty("--active-line-offset", `${j}px`), d.value.style.setProperty("--active-line-transition-duration", `${q}ms`);
+    }
+    function He() {
+      var B, C;
+      (C = (B = V.value) == null ? void 0 : B.disconnect) == null || C.call(B), V.value = null;
+    }
+    function Ke() {
+      V.value = new ResizeObserver((B) => {
+        for (let C of B)
+          T.value = C.contentBoxSize[0].inlineSize;
+        le();
+      }), V.value.observe(d.value);
+    }
+    function Ye() {
+      h.value = Array.from(d.value.children).filter((B) => B.role === "tab");
+    }
+    function Xe() {
+      let B;
+      h.value.forEach((C, q) => {
+        B = C.getBoundingClientRect().width + En, c.value.push(q ? B + c.value[q - 1] : B);
       });
     }
-    return D(() => t.activeTabId, xe), j(() => {
-      var h;
+    return z(() => t.activeTabId, Me), F(() => {
+      var B;
       try {
-        Oe(), Ne(), Me(), z.value = r.value.getBoundingClientRect().width, ce(), t.withBsTabs || (h = g.value[y.value]) == null || h.setAttribute("aria-selected", "true");
-      } catch (w) {
-        console.log("tab error", w);
+        Ye(), Xe(), Ke(), T.value = d.value.getBoundingClientRect().width, le(), t.withBsTabs || (B = h.value[y.value]) == null || B.setAttribute("aria-selected", "true");
+      } catch (C) {
+        console.log("tab error", C);
       }
-    }), ne(ze), (h, w) => (d(), f("div", {
+    }), _(He), (B, C) => (s(), v("div", {
       class: "bs-tab-list",
       "data-component": "bs-tab-list",
-      id: h.$attrs.id || v(C),
+      id: B.$attrs.id || f(k),
       ref_key: "hostEl",
-      ref: r,
+      ref: d,
       role: "tablist",
-      "data-resizing": !l.value || void 0,
-      onClick: Ve,
-      "on:tabClick": w[0] || (w[0] = (A) => fe(A.detail)),
-      onKeydown: Pe
+      "data-resizing": !n.value || void 0,
+      onClick: je,
+      "on:tabClick": C[0] || (C[0] = (q) => he(q.detail)),
+      onKeydown: We
     }, [
-      k(h.$slots, "default"),
-      m("button", {
-        "aria-controls": v($),
+      L(B.$slots, "default"),
+      $("button", {
+        "aria-controls": f(E),
         "aria-expanded": i.value,
         class: "bs-tab-list-toggle",
-        "data-active": q.value || void 0,
-        "data-hidden": !s.value,
-        id: ee.value,
+        "data-active": b.value || void 0,
+        "data-hidden": !r.value,
+        id: x.value,
         ref_key: "dropdownToggle",
-        ref: B,
-        onClick: Ae
+        ref: m,
+        onClick: Re
       }, [
-        E(v(et), { size: "sm" }),
-        R(" " + T(J.value), 1)
-      ], 8, un),
-      E(ea, {
-        "anchor-id": ee.value,
-        "container-id": h.$attrs.id || v(C),
+        D(f(rt), { size: "sm" }),
+        W(" " + A(N.value), 1)
+      ], 8, An),
+      D(Pe, {
+        "anchor-id": x.value,
+        "container-id": B.$attrs.id || f(k),
         "helper-description": e.helperDescription || void 0,
         "helper-text": e.helperText,
-        id: v($),
-        "options-id": F.value,
+        id: f(E),
+        "options-id": S.value,
         position: "right",
         preloaded: "",
         shown: i.value,
         width: "content",
-        onClose: Ce,
-        "onUpdate:modelValue": Le
+        onClose: ze,
+        "onUpdate:modelValue": Ne
       }, {
-        default: V(() => [
-          (d(!0), f(N, null, Y(u.value, (A) => (d(), L(Jt, {
-            key: A.id,
-            value: A.id,
-            "options-id": F.value
+        default: P(() => [
+          (s(!0), v(R, null, G(u.value, (q) => (s(), O(ie, {
+            key: q.id,
+            value: q.id,
+            "options-id": S.value
           }, {
-            default: V(() => [
-              R(T(A.textContent), 1)
+            default: P(() => [
+              W(A(q.textContent), 1)
             ]),
             _: 2
           }, 1032, ["value", "options-id"]))), 128))
         ]),
         _: 1
       }, 8, ["anchor-id", "container-id", "helper-description", "helper-text", "id", "options-id", "shown"])
-    ], 40, dn));
+    ], 40, Cn));
   }
-}, pn = ["aria-labelledby", "data-active", "id"], Zn = {
+}, Pn = ["aria-labelledby", "data-active", "id"], vl = {
   __name: "BsTabPanel",
   props: {
     activeTabId: {
@@ -2906,18 +3440,18 @@ const Dt = {
     }
   },
   setup(e) {
-    const a = e, t = O(), n = p(() => a.activeTabId && a.activeTabId === a.tabId), l = p(() => t.id || `${a.tabId}-panel`);
-    return (o, u) => (d(), f("section", {
+    const a = e, t = U(), l = g(() => a.activeTabId && a.activeTabId === a.tabId), n = g(() => t.id || `${a.tabId}-panel`);
+    return (o, u) => (s(), v("section", {
       "aria-labelledby": e.tabId,
-      "data-active": n.value,
+      "data-active": l.value,
       "data-component": "bs-tab-panel",
-      id: l.value,
+      id: n.value,
       role: "tabpanel"
     }, [
-      k(o.$slots, "default")
-    ], 8, pn));
+      L(o.$slots, "default")
+    ], 8, Pn));
   }
-}, hn = ["data-error", "id", "rows", "value"], gn = {
+}, On = ["data-error", "id", "rows", "value"], Dn = {
   __name: "BsTextarea",
   props: {
     error: {
@@ -2932,18 +3466,18 @@ const Dt = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = p(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
-    return (l, o) => (d(), f("textarea", P({
+    const t = e, l = g(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
+    return (n, o) => (s(), v("textarea", M({
       class: "bs-textarea",
       "data-component": "bs-textarea",
       "data-error": e.error,
-      id: l.$attrs.id || e.inputId,
-      rows: l.$attrs.rows || 6,
+      id: n.$attrs.id || e.inputId,
+      rows: n.$attrs.rows || 6,
       value: e.value || e.modelValue,
-      onInput: o[0] || (o[0] = (u) => l.$emit("update:modelValue", u.target.value))
-    }, n.value), null, 16, hn));
+      onInput: o[0] || (o[0] = (u) => n.$emit("update:modelValue", u.target.value))
+    }, l.value), null, 16, On));
   }
-}, Jn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, pl = /* @__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. */
@@ -2992,59 +3526,59 @@ const Dt = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = O(), [l, o] = H(2), { toChild: u, toRoot: i } = Z(t, n, [
+    const t = e, l = U(), [n, o] = K(2), { toChild: u, toRoot: i } = ae(t, l, [
       "aria-label",
       "autocomplete",
       "cols",
       "maxlength",
       "minlength",
       "name"
-    ]), s = p(() => {
-      var g;
-      return ((g = t.value || t.modelValue) == null ? void 0 : g.length) || 0;
-    }), r = p(() => {
-      var g, B;
-      return ((B = (g = t.hints) == null ? void 0 : g.join) == null ? void 0 : B.call(g, `
+    ]), r = g(() => {
+      var h;
+      return ((h = t.value || t.modelValue) == null ? void 0 : h.length) || 0;
+    }), d = g(() => {
+      var h, m;
+      return ((m = (h = t.hints) == null ? void 0 : h.join) == null ? void 0 : m.call(h, `
 `)) || t.hints;
-    }), c = p(() => t.error && t.errorMsg || t.hint || r.value || void 0), b = p(() => t.inputId || l.value);
-    return (g, B) => (d(), f("div", P({ "data-component": "bs-textarea-field" }, v(i)), [
-      e.label || g.$slots.label ? (d(), L(_, {
+    }), c = g(() => t.error && t.errorMsg || t.hint || d.value || void 0), p = g(() => t.inputId || n.value);
+    return (h, m) => (s(), v("div", M({ "data-component": "bs-textarea-field" }, f(i)), [
+      e.label || h.$slots.label ? (s(), O(ne, {
         key: 0,
-        for: b.value,
+        for: p.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: V(() => [
-          k(g.$slots, "label", {}, () => [
-            R(T(e.label), 1)
+        default: P(() => [
+          L(h.$slots, "label", {}, () => [
+            W(A(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : S("", !0),
-      E(gn, P({
+      }, 8, ["for", "disabled", "required"])) : w("", !0),
+      D(Dn, M({
         disabled: e.disabled,
         error: e.error,
-        "hint-id": v(o),
-        id: b.value,
+        "hint-id": f(o),
+        id: p.value,
         placeholder: e.placeholder,
         required: e.required,
         rows: e.rows,
         value: e.value || e.modelValue,
-        "onUpdate:modelValue": B[0] || (B[0] = (x) => g.$emit("update:modelValue", x))
-      }, v(u)), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "rows", "value"]),
-      c.value || e.charMax ? (d(), L(he, {
+        "onUpdate:modelValue": m[0] || (m[0] = (V) => h.$emit("update:modelValue", V))
+      }, f(u)), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "rows", "value"]),
+      c.value || e.charMax ? (s(), O(Se, {
         key: 1,
-        "char-count": s.value,
+        "char-count": r.value,
         "char-max": e.charMax,
         "data-disabled": e.disabled,
         error: e.error,
         "error-msg": e.errorMsg,
-        hint: e.hint || r.value,
-        "hint-id": v(o)
-      }, null, 8, ["char-count", "char-max", "data-disabled", "error", "error-msg", "hint", "hint-id"])) : S("", !0)
+        hint: e.hint || d.value,
+        "hint-id": f(o)
+      }, null, 8, ["char-count", "char-max", "data-disabled", "error", "error-msg", "hint", "hint-id"])) : w("", !0)
     ], 16));
   }
-}), bn = ["data-variant", "data-stacked"], Qn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), qn = ["data-variant", "data-stacked"], hl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsToast",
   props: {
     shown: {
@@ -3090,111 +3624,106 @@ const Dt = {
   },
   emits: ["dismiss", "after-enter", "after-leave"],
   setup(e, { emit: a }) {
-    const t = e, n = a, { transition: l } = de(t);
+    const t = e, l = a, { transition: n } = ve(t);
     let o = null;
-    ae("variant", t.variant), ae("handleDismiss", i);
+    ee("variant", t.variant), ee("handleDismiss", i);
     const u = te("stacked", t.stacked);
     function i() {
-      o && (clearTimeout(o), o = null), n("dismiss", t.toastId);
+      o && (clearTimeout(o), o = null), l("dismiss", t.toastId);
     }
-    function s() {
+    function r() {
       t.duration > 0 && (o = setTimeout(() => {
         i();
-      }, t.duration)), n("after-enter");
+      }, t.duration)), l("after-enter");
     }
-    return (r, c) => (d(), L(v(ue), {
-      shown: v(l),
+    return (d, c) => (s(), O(f(pe), {
+      shown: f(n),
       preloaded: e.preloaded,
       duration: 200,
       "enter-attribute": "data-shown",
-      onAfterEnter: s,
-      onAfterLeave: c[0] || (c[0] = (b) => n("after-leave"))
+      onAfterEnter: r,
+      onAfterLeave: c[0] || (c[0] = (p) => l("after-leave"))
     }, {
-      default: V(() => [
-        m("div", P({
+      default: P(() => [
+        $("div", M({
           class: "bs-toast",
           "data-variant": e.variant,
-          "data-stacked": v(u) || void 0,
+          "data-stacked": f(u) || void 0,
           "aria-role": "alert"
-        }, r.$attrs), [
-          k(r.$slots, "default")
-        ], 16, bn)
+        }, d.$attrs), [
+          L(d.$slots, "default")
+        ], 16, qn)
       ]),
       _: 3
     }, 8, ["shown", "preloaded"]));
   }
-}), mn = ["data-stacked"], _n = {
+}), Mn = ["data-stacked"], bl = {
   __name: "BsToastActions",
   setup(e) {
     const a = I(!1);
-    j(() => {
-      var l;
-      const n = Ke();
-      ((l = n.default) == null ? void 0 : l.call(n).length) > 2 && (a.value = !0);
+    F(() => {
+      var n;
+      const l = et();
+      ((n = l.default) == null ? void 0 : n.call(l).length) > 2 && (a.value = !0);
     });
     const t = te("handleDismiss");
-    return (n, l) => (d(), f("div", {
+    return (l, n) => (s(), v("div", {
       class: "bs-toast-actions",
       "data-stacked": a.value || void 0
     }, [
-      k(n.$slots, "default", {}, () => [
-        E(kt, {
+      L(l.$slots, "default", {}, () => [
+        D(Vt, {
           size: "sm",
           "text-btn": "",
-          onClick: v(t)
+          onClick: f(t)
         }, {
-          default: V(() => [
-            R(" Dismiss ")
+          default: P(() => [
+            W(" Dismiss ")
           ]),
           _: 1
         }, 8, ["onClick"])
       ])
-    ], 8, mn));
+    ], 8, Mn));
   }
-}, yn = (e, a) => {
-  const t = e.__vccOpts || e;
-  for (const [n, l] of a)
-    t[n] = l;
-  return t;
-}, Bn = {}, $n = { class: "bs-toast-body" };
-function Sn(e, a) {
-  return d(), f("div", $n, [
-    k(e.$slots, "default")
+}, zn = {}, Rn = { class: "bs-toast-body" };
+function Nn(e, a) {
+  return s(), v("div", Rn, [
+    L(e.$slots, "default")
   ]);
 }
-const el = /* @__PURE__ */ yn(Bn, [["render", Sn]]), wn = ["data-variant"], tl = {
+const gl = /* @__PURE__ */ De(zn, [["render", Nn]]), jn = ["data-variant"], ml = {
   __name: "BsToastHeader",
   setup(e) {
-    const a = te("variant"), t = p(() => {
+    const a = te("variant"), t = g(() => {
       switch (a) {
         case "warning":
-          return pe;
+          return ge;
         case "positive":
-          return at;
+          return dt;
         case "negative":
-          return pe;
+          return ge;
         default:
-          return tt;
+          return st;
       }
     });
-    return (n, l) => (d(), f("div", {
+    return (l, n) => (s(), v("div", {
       class: "bs-toast-header",
-      "data-variant": v(a)
+      "data-variant": f(a)
     }, [
-      (d(), L(U(t.value), { class: "bs-toast-header-icon" })),
-      m("h5", null, [
-        k(n.$slots, "default")
+      (s(), O(H(t.value), { class: "bs-toast-header-icon" })),
+      $("h5", null, [
+        L(l.$slots, "default")
       ])
-    ], 8, wn));
+    ], 8, jn));
   }
-}, kn = { class: "bs-toaster" }, al = {
+}, Wn = { class: "bs-toaster" }, yl = {
   __name: "BsToaster",
   setup(e) {
-    return ae("stacked", !0), (a, t) => (d(), f("div", kn, [
-      k(a.$slots, "default")
+    return ee("stacked", !0), (a, t) => (s(), v("div", Wn, [
+      L(a.$slots, "default")
     ]));
   }
-}, In = ["data-position"], Tn = ["id"], nl = {
+}, Fn = ["data-position"], Un = ["id"], Bl = {
   __name: "BsTooltip",
   props: {
     tooltipId: {
@@ -3221,20 +3750,20 @@ const el = /* @__PURE__ */ yn(Bn, [["render", Sn]]), wn = ["data-variant"], tl =
     }
   },
   setup(e) {
-    const a = e, t = I(!1), n = I(!1), l = p(() => {
+    const a = e, t = I(!1), l = I(!1), n = g(() => {
       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;
+      return l.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;
     });
-    se(["Escape"], () => {
-      t.value && (t.value = !1, n.value = !0);
+    fe(["Escape"], () => {
+      t.value && (t.value = !1, l.value = !0);
     });
     function o() {
       t.value = !0;
     }
     function u() {
-      t.value = !1, n.value = !1;
+      t.value = !1, l.value = !1;
     }
-    return (i, s) => (d(), f("div", {
+    return (i, r) => (s(), v("div", {
       class: "bs-tooltip",
       "data-position": e.position || void 0,
       "data-component": "bs-tooltip",
@@ -3243,58 +3772,61 @@ const el = /* @__PURE__ */ yn(Bn, [["render", Sn]]), wn = ["data-variant"], tl =
       onMouseleave: u,
       onFocusout: u
     }, [
-      k(i.$slots, "default"),
-      e.content ? (d(), f("div", {
+      L(i.$slots, "default"),
+      e.content ? (s(), v("div", {
         key: 0,
-        class: X(l.value),
+        class: Q(n.value),
         id: e.tooltipId,
         role: "tooltip"
-      }, T(e.content), 11, Tn)) : S("", !0)
-    ], 40, In));
+      }, A(e.content), 11, Un)) : w("", !0)
+    ], 40, Fn));
   }
 };
 export {
-  Vn as BsAccordion,
-  Bt as BsBadge,
-  Pn as BsBanner,
-  kt as BsButton,
-  En as BsChartBar,
-  Dn as BsCheckbox,
-  qn as BsCircleButton,
-  Xt as BsDropdown,
-  Jt as BsDropdownOption,
-  _t as BsDropdownOptionList,
-  ea as BsDropdownWithOptions,
-  he as BsFieldDetails,
-  zn as BsFilterButton,
-  Mn as BsIconGradientWrapper,
-  ke as BsInput,
-  ua as BsInputAddon,
-  On as BsInputField,
-  Nn as BsInputSearch,
-  _ as BsLabel,
-  Rn as BsLoader,
-  jn as BsModal,
-  ya as BsOverlay,
-  Fn as BsPagination,
-  Wn as BsPill,
-  Gn as BsProfile,
-  Ka as BsProfileDetails,
-  Za as BsProfileImg,
-  Un as BsRadio,
-  en as BsSelect,
-  Hn as BsSelectField,
-  Kn as BsSwitch,
-  Yn as BsTab,
-  Xn as BsTabList,
-  Zn as BsTabPanel,
-  gn as BsTextarea,
-  Jn as BsTextareaField,
-  Qn as BsToast,
-  _n as BsToastActions,
-  el as BsToastBody,
-  tl as BsToastHeader,
-  al as BsToaster,
-  nl as BsTooltip,
-  ue as BsTransition
+  Xn as BsAccordion,
+  xt as BsBadge,
+  Zn as BsBanner,
+  Vt as BsButton,
+  Jn as BsChartBar,
+  Ae as BsCheckbox,
+  Qn as BsCircleButton,
+  Ee as BsDropdown,
+  ua as BsDropdownMultiselect,
+  ie as BsDropdownOption,
+  $e as BsDropdownOptionList,
+  Pe as BsDropdownWithOptions,
+  _n as BsDropdownWithToggle,
+  Se as BsFieldDetails,
+  va as BsFilterButton,
+  el as BsIconGradientWrapper,
+  Oe as BsInput,
+  wa as BsInputAddon,
+  tl as BsInputField,
+  ka as BsInputSearch,
+  al as BsInputTypeahead,
+  ne as BsLabel,
+  nl as BsLoader,
+  ll as BsModal,
+  za as BsOverlay,
+  ol as BsPagination,
+  il as BsPill,
+  rl as BsProfile,
+  vn as BsProfileDetails,
+  bn as BsProfileImg,
+  sl as BsRadio,
+  Bn as BsSelect,
+  dl as BsSelectField,
+  ul as BsSwitch,
+  cl as BsTab,
+  fl as BsTabList,
+  vl as BsTabPanel,
+  Dn as BsTextarea,
+  pl as BsTextareaField,
+  hl as BsToast,
+  bl as BsToastActions,
+  gl as BsToastBody,
+  ml as BsToastHeader,
+  yl as BsToaster,
+  Bl as BsTooltip,
+  pe as BsTransition
 };