@wwtdev/bsds-components-vue3 2.5.0 → 2.5.1

package/lib/bsds-components.js

@@ -1,9 +1,9 @@
-import { computed as v, ref as B, onMounted as Y, onUnmounted as re, shallowRef as pt, watch as R, defineAsyncComponent as Re, openBlock as d, createElementBlock as p, unref as f, createElementVNode as b, renderSlot as L, createBlock as O, resolveDynamicComponent as Z, createCommentVNode as w, toDisplayString as T, createVNode as V, normalizeClass as ae, useAttrs as se, mergeProps as N, withCtx as D, Fragment as U, toHandlers as Me, onBeforeUnmount as at, onBeforeMount as nt, nextTick as ce, createTextVNode as G, createSlots as lt, renderList as J, Teleport as vt, withDirectives as Be, Transition as Ke, vShow as Se, provide as oe, inject as ie, isRef as ht, useSlots as bt } from "vue";
+import { computed as p, ref as g, onMounted as X, onUnmounted as ve, shallowRef as vt, watch as N, defineAsyncComponent as Re, openBlock as s, createElementBlock as v, unref as f, createElementVNode as b, renderSlot as x, createBlock as E, resolveDynamicComponent as te, createCommentVNode as S, toDisplayString as C, createVNode as A, normalizeClass as le, useAttrs as fe, mergeProps as z, withCtx as L, Fragment as W, toHandlers as Me, onBeforeUnmount as at, onBeforeMount as nt, nextTick as ge, createTextVNode as H, createSlots as lt, renderList as _, Teleport as pt, withDirectives as Te, Transition as Ke, vShow as xe, provide as ue, inject as ce, withModifiers as ht, isRef as bt, useSlots as gt } from "vue";
 import { v4 as ot } from "uuid";
-import { BsIconCaretDown as it, BsIconWarning as ze, BsIconClose as $e, BsIconCalendar as rt, BsIconCaretSort as gt, BsIconSearch as mt, BsIconCaretLeftDouble as yt, BsIconCaretLeft as Bt, BsIconCaretRight as St, BsIconCaretRightDouble as $t, BsIconActionEllipsis as wt, BsIconGraphPieEmpty as Ye, BsIconCircleStop as kt, BsIconCircleCheck as It, BsIconCircleX as Ct, BsIconCircleEllipsis as Tt, BsIconCirclePlay as xt, BsIconCirclePause as At, BsIconCircleExclamation as st, BsIconThumbsUpStroke as Lt } from "@wwtdev/bsds-icons-vue3";
-import { DatePicker as Vt } from "v-calendar";
-import { Chart as Pe, BarController as Et, BarElement as Dt, CategoryScale as Ot, LinearScale as Pt, Legend as qt, Tooltip as Mt } from "chart.js";
-import { getSupportedCallingCodes as zt, getRegionCodeForCountryCode as Nt, parsePhoneNumber as Xe } from "awesome-phonenumber";
+import { BsIconCaretDown as it, BsIconWarning as Ne, BsIconClose as Ae, BsIconCalendar as rt, BsIconCaretSort as mt, BsIconSearch as yt, BsIconCaretLeftDouble as Bt, BsIconCaretLeft as St, BsIconCaretRight as $t, BsIconCaretRightDouble as wt, BsIconActionEllipsis as kt, BsIconGraphPieEmpty as Ye, BsIconCircleStop as It, BsIconCircleCheck as Ct, BsIconCircleX as Tt, BsIconCircleEllipsis as xt, BsIconCirclePlay as At, BsIconCirclePause as Vt, BsIconCircleExclamation as st, BsIconThumbsUpStroke as Lt } from "@wwtdev/bsds-icons-vue3";
+import { DatePicker as Et } from "v-calendar";
+import { Chart as Pe, BarController as Ot, BarElement as Dt, CategoryScale as Pt, LinearScale as qt, Legend as Mt, Tooltip as Nt } from "chart.js";
+import { getSupportedCallingCodes as zt, getRegionCodeForCountryCode as Rt, parsePhoneNumber as Xe } from "awesome-phonenumber";
 const Qe = {
   href: "a",
   linkTo: "a",
@@ -11,111 +11,111 @@ const Qe = {
   onClick: "button",
   type: "button"
 };
-function we(e, a, t = "button") {
-  const n = Rt(e, a, t), l = v(() => {
-    const o = n.value === "button", s = {};
-    return o ? (s.type = a.type || "button", s.autocomplete = "off", e.disabled && (s.disabled = !0)) : e.disabled && (s["aria-disabled"] = "true", s.tabindex = "-1"), s;
-  }), i = v(() => {
+function Ve(e, a, t = "button") {
+  const n = Ft(e, a, t), l = p(() => {
+    const o = n.value === "button", d = {};
+    return o ? (d.type = a.type || "button", d.autocomplete = "off", e.disabled && (d.disabled = !0)) : e.disabled && (d["aria-disabled"] = "true", d.tabindex = "-1"), d;
+  }), r = p(() => {
     const o = { ...a, ...l.value };
     return delete o.href, o;
-  }), u = v(() => e.linkTo || e.href);
-  return { rootTag: n, attrsToBind: i, hrefUrl: u };
+  }), u = p(() => e.linkTo || e.href);
+  return { rootTag: n, attrsToBind: r, hrefUrl: u };
 }
-function Rt(e, a, t) {
+function Ft(e, a, t) {
   const n = Object.keys(Qe).find((l) => jt(e, a, l));
-  return B(Qe[n] || t);
+  return g(Qe[n] || t);
 }
 function jt(e, a, t) {
   return e[t] || a[t];
 }
-const Ft = (e, a) => {
+const Ut = (e, a) => {
   const t = (n) => {
     e.some((l) => {
-      var i;
-      return (i = l.value) == null ? void 0 : i.contains(n.target);
+      var r;
+      return (r = l.value) == null ? void 0 : r.contains(n.target);
     }) || a(n);
   };
-  Y(() => {
+  X(() => {
     document.addEventListener("click", t);
-  }), re(() => {
+  }), ve(() => {
     document.removeEventListener("click", t);
   });
 };
-function ke(e) {
-  const a = v(() => e.linkTo || e.href || ""), t = v(() => {
-    var i, u;
-    return ((u = (i = a.value) == null ? void 0 : i.startsWith) == null ? void 0 : u.call(i, "/")) || !1;
-  }), n = v(() => {
-    var i, u;
-    return t.value && ((i = e.router) == null ? void 0 : i.navigateTo) || ((u = e.router) == null ? void 0 : u.push) || null;
+function Le(e) {
+  const a = p(() => e.linkTo || e.href || ""), t = p(() => {
+    var r, u;
+    return ((u = (r = a.value) == null ? void 0 : r.startsWith) == null ? void 0 : u.call(r, "/")) || !1;
+  }), n = p(() => {
+    var r, u;
+    return t.value && ((r = e.router) == null ? void 0 : r.navigateTo) || ((u = e.router) == null ? void 0 : u.push) || null;
   });
-  function l(i) {
+  function l(r) {
     if (e.disabled) {
-      i.preventDefault(), i.stopImmediatePropagation();
+      r.preventDefault(), r.stopImmediatePropagation();
       return;
     }
     if (!a.value || !n.value)
       return;
-    i.target.closest("a").href === `${window.location.origin}${a.value}` && (i.preventDefault(), n.value(a.value));
+    r.target.closest("a").href === `${window.location.origin}${a.value}` && (r.preventDefault(), n.value(a.value));
   }
   return { onLinkClick: l };
 }
 function Je(e) {
   return e.split("-").map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join("");
 }
-const ge = (e, a) => {
+const ke = (e, a) => {
   function t(l) {
     if (!l)
       return null;
-    const i = l.startsWith("bs-") ? Je(l) : `BsIcon${Je(l)}`;
+    const r = l.startsWith("bs-") ? Je(l) : `BsIcon${Je(l)}`;
     return Re(async () => {
-      const { [i]: u } = await import("@wwtdev/bsds-icons-vue3");
+      const { [r]: u } = await import("@wwtdev/bsds-icons-vue3");
       return u;
     });
   }
-  const n = pt();
-  return n.value = t(e[a]), R(() => e[a], async (l) => n.value = t(l)), { icon: n };
+  const n = vt();
+  return n.value = t(e[a]), N(() => e[a], async (l) => n.value = t(l)), { icon: n };
 };
-function Q(e = 1) {
+function Z(e = 1) {
   const a = [];
   for (let t = 0; t < e; t++)
-    a.push(B(""));
-  return Y(() => {
+    a.push(g(""));
+  return X(() => {
     a.forEach((t) => t.value = `id-${ot()}`);
   }), a;
 }
-const Ie = (e, a, t = void 0) => {
+const me = (e, a, t = void 0) => {
   const n = (l) => {
     e.includes(l.key) && a(l);
   };
-  Y(() => {
+  X(() => {
     ((t == null ? void 0 : t.value) ?? document).addEventListener("keydown", n);
-  }), re(() => {
+  }), ve(() => {
     ((t == null ? void 0 : t.value) ?? document).removeEventListener("keydown", n);
   });
-}, Ut = (e, a, t) => {
+}, Wt = (e, a, t) => {
   let n = null;
-  Y(() => {
+  X(() => {
     n = new MutationObserver(a), n.observe(e.value, t);
-  }), re(() => {
+  }), ve(() => {
     n.disconnect();
   });
-}, fe = (e) => {
-  const a = B(!1);
-  return Y(() => {
+}, ye = (e) => {
+  const a = g(!1);
+  return X(() => {
     e.enterControlled ? a.value = e.enterTrigger : a.value = e.shown;
-  }), R(() => e.shown, (t) => {
+  }), N(() => e.shown, (t) => {
     a.value = t;
-  }), R(() => e.enterTrigger, (t) => {
+  }), N(() => e.enterTrigger, (t) => {
     a.value = t;
-  }), R(() => e.leaveTrigger, (t) => {
+  }), N(() => e.leaveTrigger, (t) => {
     t && (a.value = !1);
   }), { transition: a };
-}, Wt = ["id", "data-stacked"], Gt = ["data-open"], Ht = ["aria-controls", "aria-expanded"], Kt = {
+}, Gt = ["id", "data-stacked"], Ht = ["data-open"], Kt = ["aria-controls", "aria-expanded"], Yt = {
   key: 0,
   "data-position": "start",
   style: { display: "inline-flex" }
-}, Yt = ["id"], Xt = ["aria-labelledby", "data-open", "id"], Xl = {
+}, Xt = ["id"], Qt = ["aria-labelledby", "data-open", "id"], Ql = {
   __name: "BsAccordion",
   props: {
     controlled: { type: Boolean, default: !1 },
@@ -132,11 +132,11 @@ const Ie = (e, a, t = void 0) => {
   },
   emits: ["toggled"],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = B(null), i = B(!1), { icon: u } = ge(t, "icon"), [o] = Q(), s = v(() => o.value + "-content"), r = v(() => o.value + "-title"), c = v(() => t.openItemId && t.openItemId === o.value || t.openItem === !0), h = v(() => t.controlled ? c.value : i.value);
-    function k() {
-      n("toggled", o.value), t.controlled || (i.value = !i.value);
+    const t = e, n = a, l = g(null), r = g(!1), { icon: u } = ke(t, "icon"), [o] = Z(), d = p(() => o.value + "-content"), i = p(() => o.value + "-title"), c = p(() => t.openItemId && t.openItemId === o.value || t.openItem === !0), h = p(() => t.controlled ? c.value : r.value);
+    function w() {
+      n("toggled", o.value), t.controlled || (r.value = !r.value);
     }
-    return (g, x) => (d(), p("div", {
+    return ($, M) => (s(), v("div", {
       id: f(o),
       ref_key: "containerRef",
       ref: l,
@@ -149,38 +149,38 @@ const Ie = (e, a, t = void 0) => {
         "data-open": h.value
       }, [
         b("button", {
-          "aria-controls": s.value,
+          "aria-controls": d.value,
           "aria-expanded": h.value,
           type: "button",
-          onClick: k
+          onClick: w
         }, [
-          e.icon || g.$slots.icon ? (d(), p("span", Kt, [
-            L(g.$slots, "icon", {}, () => [
-              e.icon ? (d(), O(Z(f(u) ? f(u) : "span"), { key: 0 })) : w("", !0)
+          e.icon || $.$slots.icon ? (s(), v("span", Yt, [
+            x($.$slots, "icon", {}, () => [
+              e.icon ? (s(), E(te(f(u) ? f(u) : "span"), { key: 0 })) : S("", !0)
             ])
-          ])) : w("", !0),
-          b("span", { id: r.value }, T(e.headerText), 9, Yt),
-          V(f(it), {
+          ])) : S("", !0),
+          b("span", { id: i.value }, C(e.headerText), 9, Xt),
+          A(f(it), {
             size: "md",
             "data-position": "end"
           })
-        ], 8, Ht)
-      ], 8, Gt),
+        ], 8, Kt)
+      ], 8, Ht),
       b("div", {
-        "aria-labelledby": r.value,
+        "aria-labelledby": i.value,
         class: "bs-accordion-content",
         "data-open": h.value,
-        id: s.value,
+        id: d.value,
         part: "content",
         role: "region"
       }, [
         b("div", null, [
-          L(g.$slots, "default")
+          x($.$slots, "default")
         ])
-      ], 8, Xt)
-    ], 8, Wt));
+      ], 8, Qt)
+    ], 8, Gt));
   }
-}, Qt = ["aria-label", "data-badge-color", "data-count", "data-position", "data-show-zero", "data-variant"], Jt = {
+}, Jt = ["aria-label", "data-badge-color", "data-count", "data-position", "data-show-zero", "data-variant"], Zt = {
   __name: "BsBadge",
   props: {
     /** Pass value to set `data-badge-color`. */
@@ -227,19 +227,19 @@ const Ie = (e, a, t = void 0) => {
     }
   },
   setup(e) {
-    const a = e, t = B(null), n = v(() => a.count === 0 ? "0" : !a.count || a.dot ? null : a.count > a.countMax ? a.countMax + "+" : a.count.toString()), l = v(() => {
-      var s, r;
-      const i = ((r = (s = t.value) == null ? void 0 : s.textContent) == null ? void 0 : r.trim()) || "", u = n.value ? n.value + " " : "";
+    const a = e, t = g(null), n = p(() => a.count === 0 ? "0" : !a.count || a.dot ? null : a.count > a.countMax ? a.countMax + "+" : a.count.toString()), l = p(() => {
+      var d, i;
+      const r = ((i = (d = t.value) == null ? void 0 : d.textContent) == null ? void 0 : i.trim()) || "", u = n.value ? n.value + " " : "";
       if (!u && !a.dot)
-        return i;
+        return r;
       const o = a.count !== 1 ? "s" : "";
-      return `${i ? `${i}, ` : ""}${u}${a.label}${o}`;
+      return `${r ? `${r}, ` : ""}${u}${a.label}${o}`;
     });
-    return (i, u) => (d(), p("span", {
+    return (r, u) => (s(), v("span", {
       ref_key: "hostRef",
       ref: t,
       "aria-label": l.value,
-      class: ae({ "bs-badge": e.dot || n.value }),
+      class: le({ "bs-badge": e.dot || n.value }),
       "data-badge-color": e.color,
       "data-component": "bs-badge",
       "data-count": n.value,
@@ -248,40 +248,40 @@ const Ie = (e, a, t = void 0) => {
       "data-variant": e.variant,
       role: "status"
     }, [
-      e.variant !== "notext" ? L(i.$slots, "default", { key: 0 }) : w("", !0)
-    ], 10, Qt));
+      e.variant !== "notext" ? x(r.$slots, "default", { key: 0 }) : S("", !0)
+    ], 10, Jt));
   }
-}, Zt = {
+}, _t = {
   key: 0,
   role: "alert",
   class: "bs-banner"
-}, _t = { class: "bs-banner-content" }, ea = { class: "bs-banner-warning-icon" }, Ql = {
+}, ea = { class: "bs-banner-content" }, ta = { class: "bs-banner-warning-icon" }, Jl = {
   __name: "BsBanner",
   emits: ["dismiss"],
   setup(e, { emit: a }) {
-    const t = a, n = B(!1);
+    const t = a, n = g(!1);
     function l() {
       n.value = !0, t("dismiss");
     }
-    return (i, u) => n.value ? w("", !0) : (d(), p("div", Zt, [
-      b("div", _t, [
-        b("div", ea, [
-          V(f(ze), { size: "lg" })
+    return (r, u) => n.value ? S("", !0) : (s(), v("div", _t, [
+      b("div", ea, [
+        b("div", ta, [
+          A(f(Ne), { size: "lg" })
         ]),
         b("p", null, [
-          L(i.$slots, "default")
+          x(r.$slots, "default")
         ]),
         b("button", {
           type: "button",
           title: "Close Banner",
           onClick: l
         }, [
-          V(f($e))
+          A(f(Ae))
         ])
       ])
     ]));
   }
-}, ta = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, aa = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsButton",
   props: {
     variant: { type: String },
@@ -295,26 +295,26 @@ const Ie = (e, a, t = void 0) => {
     size: { type: String, validator: (e) => ["sm", "xs", "xxs"].includes(e) }
   },
   setup(e) {
-    const a = e, t = se(), { rootTag: n, attrsToBind: l, hrefUrl: i } = we(a, t), { onLinkClick: u } = ke(a);
-    return (o, s) => (d(), O(Z(f(n)), N({
+    const a = e, t = fe(), { rootTag: n, attrsToBind: l, hrefUrl: r } = Ve(a, t), { onLinkClick: u } = Le(a);
+    return (o, d) => (s(), E(te(f(n)), z({
       class: "bs-button",
       "data-component": "bs-button",
       "data-ghost": e.ghostBtn,
       "data-size": e.size,
       "data-text": e.textBtn,
       "data-variant": e.variant,
-      ".href": f(i)
+      ".href": f(r)
     }, f(l), { onClick: f(u) }), {
-      default: D(() => [
-        L(o.$slots, "default")
+      default: L(() => [
+        x(o.$slots, "default")
       ]),
       _: 3
     }, 48, ["data-ghost", "data-size", "data-text", "data-variant", ".href", "onClick"]));
   }
-}), aa = {
+}), na = {
   class: "bs-field-details",
   "data-component": "bs-field-details"
-}, na = ["id", "data-error"], la = ["data-error"], pe = {
+}, la = ["id", "data-error"], oa = ["data-error"], Be = {
   __name: "BsFieldDetails",
   props: {
     /** The number of characters that have been entered by the user.  */
@@ -334,26 +334,26 @@ const Ie = (e, a, t = void 0) => {
     hintId: String
   },
   setup(e) {
-    const a = e, t = v(() => a.error && a.errorMsg || a.hint);
-    return (n, l) => (d(), p("div", aa, [
-      t.value ? (d(), p("span", {
+    const a = e, t = p(() => a.error && a.errorMsg || a.hint);
+    return (n, l) => (s(), v("div", na, [
+      t.value ? (s(), v("span", {
         key: 0,
         id: e.hintId,
         class: "bs-hint",
         "data-error": e.error
-      }, T(t.value), 9, na)) : w("", !0),
-      e.charMax ? (d(), p("span", {
+      }, C(t.value), 9, la)) : S("", !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
-      }, T(a.charCount || "0") + " / " + T(a.charMax), 9, la)) : w("", !0)
+      }, C(a.charCount || "0") + " / " + C(a.charMax), 9, oa)) : S("", !0)
     ]));
   }
-}, oa = ["data-disabled", "for"], ia = /* @__PURE__ */ b("span", {
+}, ia = ["data-disabled", "for"], ra = /* @__PURE__ */ b("span", {
   "data-required": "true",
   "aria-hidden": "true"
-}, " *", -1), ra = /* @__PURE__ */ b("span", { class: "visually-hidden" }, "required", -1), ne = {
+}, " *", -1), sa = /* @__PURE__ */ b("span", { class: "visually-hidden" }, "required", -1), oe = {
   __name: "BsLabel",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -362,22 +362,22 @@ const Ie = (e, a, t = void 0) => {
     required: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (a, t) => (d(), p("label", {
-      class: ae(["bs-label", e.hide ? "visually-hidden" : ""]),
+    return (a, t) => (s(), v("label", {
+      class: le(["bs-label", e.hide ? "visually-hidden" : ""]),
       "data-component": "bs-label",
       "data-disabled": e.disabled,
       for: e.for
     }, [
       b("span", null, [
-        L(a.$slots, "default")
+        x(a.$slots, "default")
       ]),
-      e.required ? (d(), p(U, { key: 0 }, [
-        ia,
-        ra
-      ], 64)) : w("", !0)
-    ], 10, oa));
+      e.required ? (s(), v(W, { key: 0 }, [
+        ra,
+        sa
+      ], 64)) : S("", !0)
+    ], 10, ia));
   }
-}, sa = ["data-error", "id", "value"], ve = {
+}, da = ["data-error", "id", "value"], Se = {
   __name: "BsInput",
   props: {
     error: {
@@ -392,21 +392,21 @@ const Ie = (e, a, t = void 0) => {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = se(), i = v(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
+    const t = e, n = a, l = fe(), r = p(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
     function u(o) {
-      const s = l.type === "number" ? parseInt(o.target.value) : o.target.value;
-      n("update:modelValue", s);
+      const d = l.type === "number" ? parseInt(o.target.value) : o.target.value;
+      n("update:modelValue", d);
     }
-    return (o, s) => (d(), p("input", N({
+    return (o, d) => (s(), v("input", z({
       class: "bs-input",
       "data-component": "bs-input",
       "data-error": e.error,
       id: o.$attrs.id || e.inputId,
       value: e.value || e.modelValue,
       onInput: u
-    }, i.value), null, 16, sa));
+    }, r.value), null, 16, da));
   }
-}, da = ["data-disabled", "data-error", "data-variant", "data-multifocus"], Ce = {
+}, ua = ["data-disabled", "data-error", "data-variant", "data-multifocus"], Ee = {
   __name: "BsInputAddon",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -415,7 +415,7 @@ const Ie = (e, a, t = void 0) => {
     variant: { type: String, validator: (e) => e === "inner-bordered" }
   },
   setup(e) {
-    return (a, t) => (d(), p("div", {
+    return (a, t) => (s(), v("div", {
       class: "bs-input-addon",
       "data-component": "bs-input-addon",
       "data-disabled": e.disabled,
@@ -423,10 +423,10 @@ const Ie = (e, a, t = void 0) => {
       "data-variant": e.variant,
       "data-multifocus": e.multifocus
     }, [
-      L(a.$slots, "default")
-    ], 8, da));
+      x(a.$slots, "default")
+    ], 8, ua));
   }
-}, ua = {
+}, ca = {
   __name: "BsInputDateSingle",
   props: {
     disabled: {
@@ -459,13 +459,13 @@ const Ie = (e, a, t = void 0) => {
     }
   },
   setup(e) {
-    return (a, t) => (d(), O(Ce, {
+    return (a, t) => (s(), E(Ee, {
       disabled: e.disabled,
       error: e.error
     }, {
-      default: D(() => [
-        V(f(rt)),
-        V(ve, N({
+      default: L(() => [
+        A(f(rt)),
+        A(Se, z({
           "data-autowidth": "",
           disabled: e.disabled,
           id: e.inputId,
@@ -478,16 +478,16 @@ const Ie = (e, a, t = void 0) => {
     }, 8, ["disabled", "error"]));
   }
 };
-function Ne(e, a, t) {
+function ze(e, a, t) {
   let n;
   return function() {
-    let l = this, i = arguments;
-    clearTimeout(n), t && !n && e.apply(l, i), n = setTimeout(function() {
-      n = null, t || e.apply(l, i);
+    let l = this, r = arguments;
+    clearTimeout(n), t && !n && e.apply(l, r), n = setTimeout(function() {
+      n = null, t || e.apply(l, r);
     }, a);
   };
 }
-const ca = ["disabled", "id", "model-value"], fa = ["disabled", "id", "model-value"], pa = {
+const fa = ["disabled", "id", "model-value"], va = ["disabled", "id", "model-value"], pa = {
   __name: "BsInputDateRange",
   props: {
     disabled: {
@@ -524,70 +524,70 @@ const ca = ["disabled", "id", "model-value"], fa = ["disabled", "id", "model-val
   },
   emits: ["ui-focusin", "ui-input"],
   setup(e, { emit: a }) {
-    const t = a, n = B(null), l = B(null);
-    function i(r) {
+    const t = a, n = g(null), l = g(null);
+    function r(i) {
       const c = new Event("change", { bubbles: !0, cancelable: !0 });
-      r.dispatchEvent(c);
+      i.dispatchEvent(c);
     }
-    function u(r) {
-      const { value: c } = r.target, [h, k] = c.split(/ to | - /);
-      n.value.value = h || "", l.value.value = k || "", i(n.value), i(l.value);
+    function u(i) {
+      const { value: c } = i.target, [h, w] = c.split(/ to | - /);
+      n.value.value = h || "", l.value.value = w || "", r(n.value), r(l.value);
     }
-    const o = Ne(u, 1e3);
-    function s(r) {
-      t("ui-input"), o(r);
+    const o = ze(u, 1e3);
+    function d(i) {
+      t("ui-input"), o(i);
     }
-    return (r, c) => (d(), O(Ce, {
+    return (i, c) => (s(), E(Ee, {
       disabled: e.disabled,
       error: e.error
     }, {
-      default: D(() => [
-        V(f(rt)),
-        V(ve, {
+      default: L(() => [
+        A(f(rt)),
+        A(Se, {
           "data-autowidth": "",
           disabled: e.disabled,
           id: e.inputId,
           "model-value": e.inputValueFmt,
           placeholder: e.placeholder,
           required: e.required,
-          onFocusin: c[0] || (c[0] = (h) => r.$emit("ui-focusin")),
-          onInput: s,
+          onFocusin: c[0] || (c[0] = (h) => i.$emit("ui-focusin")),
+          onInput: d,
           onChange: u
         }, null, 8, ["disabled", "id", "model-value", "placeholder", "required"]),
-        b("input", N({
+        b("input", z({
           ref_key: "hiddenStart",
           ref: n,
           type: "hidden",
           disabled: e.disabled,
           id: `${e.inputId}-start`,
           "model-value": e.inputValue.start
-        }, Me(e.listeners.start, !0)), null, 16, ca),
-        b("input", N({
+        }, Me(e.listeners.start, !0)), null, 16, fa),
+        b("input", z({
           ref_key: "hiddenEnd",
           ref: l,
           type: "hidden",
           disabled: e.disabled,
           id: `${e.inputId}-end`,
           "model-value": e.inputValue.end
-        }, Me(e.listeners.end, !0)), null, 16, fa)
+        }, Me(e.listeners.end, !0)), null, 16, va)
       ]),
       _: 1
     }, 8, ["disabled", "error"]));
   }
 };
-function va(e) {
+function ha(e) {
   var a, t;
   return ((t = (a = e == null ? void 0 : e.classList) == null ? void 0 : a.contains) == null ? void 0 : t.call(a, "vc-arrow")) && (e.classList.contains("vc-prev") || e.classList.contains("vc-next"));
 }
-function ha(e) {
+function ba(e) {
   return e === " " || e === "Spacebar" || e === "Enter";
 }
 function Ze(e) {
-  va(e == null ? void 0 : e.target) && ha(e == null ? void 0 : e.key) && e.preventDefault();
+  ha(e == null ? void 0 : e.target) && ba(e == null ? void 0 : e.key) && e.preventDefault();
 }
-function ba(e) {
+function ga(e) {
   let a;
-  Y(() => {
+  X(() => {
     var t, n, l;
     a = (t = e == null ? void 0 : e.value) == null ? void 0 : t.popoverRef, (l = (n = a == null ? void 0 : a.$el) == null ? void 0 : n.addEventListener) == null || l.call(n, "keydown", Ze);
   }), at(() => {
@@ -601,15 +601,15 @@ function _e(e, a, t = []) {
     n = window.matchMedia(e), n.addEventListener("change", a), a(n);
   }), at(() => {
     n.removeEventListener("change", a), n = null;
-  }), t.length && R(t, () => a(n));
+  }), t.length && N(t, () => a(n));
 }
-const je = [
+const Fe = [
   "aria-describedby",
   "aria-label",
   "form",
   "id",
   "name"
-], ga = [
+], ma = [
   "aria-describedby",
   "aria-label",
   "autocomplete",
@@ -619,7 +619,7 @@ const je = [
   "multiple",
   "name",
   "size"
-], ma = [
+], ya = [
   "aria-describedby",
   "aria-label",
   "autocapitalize",
@@ -637,7 +637,7 @@ const je = [
   "rows",
   "spellcheck",
   "wrap"
-], me = [
+], Ie = [
   "aria-describedby",
   "aria-label",
   "autocapitalize",
@@ -658,13 +658,13 @@ const je = [
   "size",
   "step"
 ];
-function K(e, a = []) {
+function Y(e, a = []) {
   const t = {}, n = {};
   return Object.keys(e).forEach((l) => {
     a.includes(l) ? t[l] = e[l] : n[l] = e[l];
   }), { filtered: t, remaining: n };
 }
-const ya = ["data-range"], et = "(min-width: 752px)", Jl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+const Ba = ["data-range"], et = "(min-width: 752px)", Zl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsCalendar",
   props: {
     disabled: {
@@ -731,7 +731,7 @@ const ya = ["data-range"], et = "(min-width: 752px)", Jl = /* @__PURE__ */ Objec
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = B(null), l = B(1), i = B(null), [u, o] = Q(2), s = B(1), { filtered: r, remaining: c } = K(se(), [
+    const t = e, n = g(null), l = g(1), r = g(null), [u, o] = Z(2), d = g(1), { filtered: i, remaining: c } = Y(fe(), [
       "attributes",
       "expanded",
       "first-day-of-week",
@@ -739,52 +739,52 @@ const ya = ["data-range"], et = "(min-width: 752px)", Jl = /* @__PURE__ */ Objec
       "masks",
       "rows",
       "trim-weeks"
-    ]), h = v(() => t.inputId || u.value), k = v(() => ({ range: t.isRange })), g = v(() => !!(t.error && t.errorMsg || t.hint)), x = v(() => t.step), $ = v(() => t.variant);
-    ba(n), _e(
+    ]), h = p(() => t.inputId || u.value), w = p(() => ({ range: t.isRange })), $ = p(() => !!(t.error && t.errorMsg || t.hint)), M = p(() => t.step), k = p(() => t.variant);
+    ga(n), _e(
       et,
-      (m) => l.value = m != null && m.matches && $.value == "2-col" ? 2 : 1,
-      [$]
+      (m) => l.value = m != null && m.matches && k.value == "2-col" ? 2 : 1,
+      [k]
     ), _e(
       et,
-      (m) => s.value = m != null && m.matches && $.value == "2-col" ? x.value : 1,
-      [x, $]
-    ), R(() => {
-      var m, z;
-      return (z = (m = n.value) == null ? void 0 : m.popoverRef) == null ? void 0 : z.isVisible;
+      (m) => d.value = m != null && m.matches && k.value == "2-col" ? M.value : 1,
+      [M, k]
+    ), N(() => {
+      var m, P;
+      return (P = (m = n.value) == null ? void 0 : m.popoverRef) == null ? void 0 : P.isVisible;
     }, (m) => {
-      m && ce(y);
+      m && ge(y);
     });
-    function C(m) {
+    function I(m) {
       return t.isRange && m.start && m.end ? `${m.start} to ${m.end}` : !t.isRange && m ? m : "";
     }
-    function q(m) {
-      !t.isRange || i.value.contains(m.relatedTarget) || n.value.hidePopover();
+    function O(m) {
+      !t.isRange || r.value.contains(m.relatedTarget) || n.value.hidePopover();
     }
     function y() {
-      const m = i.value.querySelector("button.vc-prev"), z = i.value.querySelector("button.vc-next");
-      m && m.setAttribute("aria-label", "Previous month"), z && z.setAttribute("aria-label", "Next month");
+      const m = r.value.querySelector("button.vc-prev"), P = r.value.querySelector("button.vc-next");
+      m && m.setAttribute("aria-label", "Previous month"), P && P.setAttribute("aria-label", "Next month");
     }
-    return (m, z) => (d(), p("div", N({
+    return (m, P) => (s(), v("div", z({
       ref_key: "container",
-      ref: i,
+      ref: r,
       class: "bs-calendar",
       "data-range": e.isRange,
-      onFocusout: q
+      onFocusout: O
     }, f(c)), [
-      e.label || m.$slots.label ? (d(), O(ne, {
+      e.label || m.$slots.label ? (s(), E(oe, {
         key: 0,
         for: h.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: D(() => [
-          L(m.$slots, "label", {}, () => [
-            G(T(e.label), 1)
+        default: L(() => [
+          x(m.$slots, "label", {}, () => [
+            H(C(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : w("", !0),
-      V(f(Vt), N({
+      }, 8, ["for", "disabled", "required"])) : S("", !0),
+      A(f(Et), z({
         ref_key: "calendar",
         ref: n,
         columns: l.value,
@@ -793,34 +793,34 @@ const ya = ["data-range"], et = "(min-width: 752px)", Jl = /* @__PURE__ */ Objec
         "min-date": e.minDate,
         mode: "date",
         "model-value": e.modelValue,
-        "model-modifiers": k.value,
+        "model-modifiers": w.value,
         popover: { visibility: "focus" },
         rows: 1,
-        step: s.value,
-        "onUpdate:modelValue": z[0] || (z[0] = (I) => m.$emit("update:modelValue", I))
-      }, f(r)), lt({ _: 2 }, [
+        step: d.value,
+        "onUpdate:modelValue": P[0] || (P[0] = (D) => m.$emit("update:modelValue", D))
+      }, f(i)), lt({ _: 2 }, [
         e.inputMode ? {
           name: "default",
-          fn: D(({ inputValue: I, inputEvents: A, showPopover: P }) => [
-            e.isRange ? (d(), O(pa, {
+          fn: L(({ inputValue: D, inputEvents: R, showPopover: U }) => [
+            e.isRange ? (s(), E(pa, {
               key: 1,
               disabled: e.disabled,
               error: e.error,
               "input-id": h.value,
-              "input-value": I,
-              "input-value-fmt": C(I),
-              listeners: A,
+              "input-value": D,
+              "input-value-fmt": I(D),
+              listeners: R,
               placeholder: e.placeholder,
               required: e.required,
-              onUiFocusin: P,
-              onUiInput: P
-            }, null, 8, ["disabled", "error", "input-id", "input-value", "input-value-fmt", "listeners", "placeholder", "required", "onUiFocusin", "onUiInput"])) : (d(), O(ua, {
+              onUiFocusin: U,
+              onUiInput: U
+            }, null, 8, ["disabled", "error", "input-id", "input-value", "input-value-fmt", "listeners", "placeholder", "required", "onUiFocusin", "onUiInput"])) : (s(), E(ca, {
               key: 0,
               disabled: e.disabled,
               error: e.error,
               "input-id": h.value,
-              listeners: A,
-              "model-value": C(I),
+              listeners: R,
+              "model-value": I(D),
               placeholder: e.placeholder,
               required: e.required
             }, null, 8, ["disabled", "error", "input-id", "listeners", "model-value", "placeholder", "required"]))
@@ -828,16 +828,16 @@ const ya = ["data-range"], et = "(min-width: 752px)", Jl = /* @__PURE__ */ Objec
           key: "0"
         } : void 0
       ]), 1040, ["columns", "disabled-dates", "max-date", "min-date", "model-value", "model-modifiers", "step"]),
-      g.value ? (d(), O(pe, {
+      $.value ? (s(), E(Be, {
         key: 1,
         error: e.error,
         "error-msg": e.errorMsg,
         hint: e.hint,
         "hint-id": f(o)
-      }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : w("", !0)
-    ], 16, ya));
+      }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : S("", !0)
+    ], 16, Ba));
   }
-}), Ba = { "data-component": "bs-chart-table" }, Sa = ["summary"], $a = ["colspan"], wa = /* @__PURE__ */ b("th", { scope: "col" }, " Dataset ", -1), ka = { scope: "row" }, Ia = {
+}), Sa = { "data-component": "bs-chart-table" }, $a = ["summary"], wa = ["colspan"], ka = /* @__PURE__ */ b("th", { scope: "col" }, " Dataset ", -1), Ia = { scope: "row" }, Ca = {
   __name: "BsChartTable",
   props: {
     data: {
@@ -856,52 +856,52 @@ const ya = ["data-range"], et = "(min-width: 752px)", Jl = /* @__PURE__ */ Objec
   setup(e) {
     return (a, t) => {
       var n;
-      return d(), p("div", Ba, [
+      return s(), v("div", Sa, [
         b("table", { summary: e.tableTitle }, [
           b("thead", null, [
             b("tr", null, [
               b("th", {
                 colspan: ((n = e.dataIdxLabels) == null ? void 0 : n.length) + 1
-              }, T(e.tableTitle), 9, $a)
+              }, C(e.tableTitle), 9, wa)
             ]),
             b("tr", null, [
-              wa,
-              (d(!0), p(U, null, J(e.dataIdxLabels, (l) => (d(), p("th", {
+              ka,
+              (s(!0), v(W, null, _(e.dataIdxLabels, (l) => (s(), v("th", {
                 key: l,
                 scope: "col"
-              }, T(l), 1))), 128))
+              }, C(l), 1))), 128))
             ])
           ]),
           b("tbody", null, [
-            (d(!0), p(U, null, J(e.data, (l) => (d(), p("tr", {
+            (s(!0), v(W, null, _(e.data, (l) => (s(), v("tr", {
               key: l.label
             }, [
-              b("th", ka, T(l.label), 1),
-              (d(!0), p(U, null, J(l.data, (i, u) => (d(), p("td", {
-                key: `${i}${u}`
-              }, T(i), 1))), 128))
+              b("th", Ia, C(l.label), 1),
+              (s(!0), v(W, null, _(l.data, (r, u) => (s(), v("td", {
+                key: `${r}${u}`
+              }, C(r), 1))), 128))
             ]))), 128))
           ])
-        ], 8, Sa)
+        ], 8, $a)
       ]);
     };
   }
-}, Ca = (e) => ({
+}, Ta = (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();
+        const { type: d } = a.config._config;
+        d === "pie" || d === "doughnut" ? a.toggleDataVisibility(n.index) : a.setDatasetVisibility(n.datasetIndex, !a.isDatasetVisible(n.datasetIndex)), a.update();
       };
-      const i = document.createElement("span");
-      i.style.setProperty("--item-box-fill", n.fillStyle), i.style.setProperty("--item-box-stroke", n.strokeStyle);
+      const r = document.createElement("span");
+      r.style.setProperty("--item-box-fill", n.fillStyle), r.style.setProperty("--item-box-stroke", n.strokeStyle);
       const u = document.createTextNode(n.text), o = document.createElement("p");
-      o.style.setProperty("--item-text-color", "var(--bs-ink-base)"), o.style.setProperty("--item-text-decoration", n.hidden ? "line-through" : "none"), o.appendChild(u), l.appendChild(i), l.appendChild(o), e.appendChild(l);
+      o.style.setProperty("--item-text-color", "var(--bs-ink-base)"), o.style.setProperty("--item-text-decoration", n.hidden ? "line-through" : "none"), o.appendChild(u), l.appendChild(r), l.appendChild(o), e.appendChild(l);
     });
   }
-}), Ta = ({ type: e, datasets: a, labels: t, tooltips: n }) => ({
+}), xa = ({ type: e, datasets: a, labels: t, tooltips: n }) => ({
   type: e,
   data: {
     datasets: a,
@@ -920,7 +920,7 @@ const ya = ["data-range"], et = "(min-width: 752px)", Jl = /* @__PURE__ */ Objec
     responsive: !0
   }
 });
-function xa(e) {
+function Aa(e) {
   const a = [
     "rgba(209, 26, 111, 1)",
     "rgba(130, 18, 196, 1)",
@@ -933,10 +933,10 @@ function xa(e) {
   ], t = a[e % a.length];
   return e >= a.length ? t.replace("1)", "0.5)") : t;
 }
-const Aa = {
+const Va = {
   class: "bs-chart-bar",
   "data-component": "bs-chart-bar"
-}, La = ["aria-label"], Va = ["data-hidden"], Zl = {
+}, La = ["aria-label"], Ea = ["data-hidden"], _l = {
   __name: "BsChartBar",
   props: {
     chartTitle: {
@@ -990,16 +990,16 @@ const Aa = {
     }
   },
   setup(e) {
-    const a = e, t = B(null), n = B(null);
+    const a = e, t = g(null), n = g(null);
     let l;
-    const i = v(() => {
+    const r = p(() => {
       const c = {
         datasets: u.value,
         labels: a.dataIdxLabels,
         type: "bar",
         tooltips: a.showTooltips
-      }, h = Ta(c);
-      return h.plugins = [Ca(n.value)], h.options.scales = {
+      }, h = xa(c);
+      return h.plugins = [Ta(n.value)], h.options.scales = {
         x: {
           grid: {
             display: a.showXGrid
@@ -1021,18 +1021,18 @@ const Aa = {
           }
         }
       }, h;
-    }), u = v(() => a.data.map((c, h) => ({
+    }), u = p(() => a.data.map((c, h) => ({
       ...c,
-      backgroundColor: xa(h),
+      backgroundColor: Aa(h),
       categoryPercentage: a.data.length > 1 ? 0.5 : 0.33
-    }))), o = v(() => a.chartTitle || `${a.yLabel} / ${a.xLabel}`), s = Ne(function(c, h) {
-      !l || c === h || (l.options = i.value.options, l.update());
-    }, 100), r = Ne(function() {
-      l && (l.data = i.value.data, l.update());
+    }))), o = p(() => a.chartTitle || `${a.yLabel} / ${a.xLabel}`), d = ze(function(c, h) {
+      !l || c === h || (l.options = r.value.options, l.update());
+    }, 100), i = ze(function() {
+      l && (l.data = r.value.data, l.update());
     }, 100);
-    return Y(() => {
-      Pe.register(Et, Dt, Ot, Pt, qt, Mt), Pe.defaults.font.family = "'Roobert', sans-serif", l = new Pe(t.value, i.value);
-    }), R(() => a.showLegend, s), R(() => a.showTooltips, s), R(() => a.showXGrid, s), R(() => a.showYGrid, s), R(() => a.stacked, s), R(() => a.xLabel, s), R(() => a.yLabel, s), R(() => a.data, r), R(() => a.dataIdxLabels, r), (c, h) => (d(), p("div", Aa, [
+    return X(() => {
+      Pe.register(Ot, Dt, Pt, qt, Mt, Nt), Pe.defaults.font.family = "'Roobert', sans-serif", l = new Pe(t.value, r.value);
+    }), N(() => a.showLegend, d), N(() => a.showTooltips, d), N(() => a.showXGrid, d), N(() => a.showYGrid, d), N(() => a.stacked, d), N(() => a.xLabel, d), N(() => a.yLabel, d), N(() => a.data, i), N(() => a.dataIdxLabels, i), (c, h) => (s(), v("div", Va, [
       b("figure", null, [
         b("div", null, [
           b("canvas", {
@@ -1043,7 +1043,7 @@ const Aa = {
           }, null, 8, La)
         ]),
         b("div", null, [
-          V(Ia, {
+          A(Ca, {
             data: e.data,
             "data-idx-labels": e.dataIdxLabels,
             "table-title": o.value
@@ -1055,12 +1055,12 @@ const Aa = {
               ref_key: "legendList",
               ref: n
             }, null, 512)
-          ], 8, Va)
+          ], 8, Ea)
         ])
       ])
     ]));
   }
-}, Ea = ["data-size"], Da = ["checked", "data-error", "disabled", "id", "required", "value"], _l = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Oa = ["data-size"], Da = ["checked", "data-error", "disabled", "id", "required", "value"], eo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsCheckbox",
   props: {
     /** Sets the label. */
@@ -1123,54 +1123,54 @@ const Aa = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, [l] = Q(), i = v(() => je.concat(t.passAttrs.split(","))), u = B(null), o = v(() => t.inputId || l.value), s = v(() => t.checked || h.value), r = v(() => t.indeterminate || t.checkedPartially), c = v(() => Array.isArray(t.modelValue) && t.value), h = v(() => c.value && t.modelValue.includes(t.value) || typeof t.modelValue == "boolean" && t.modelValue);
-    function k() {
-      u.value && (u.value.indeterminate = r.value && !s.value);
+    const t = e, n = a, [l] = Z(), r = p(() => Fe.concat(t.passAttrs.split(","))), u = g(null), o = p(() => t.inputId || l.value), d = p(() => t.checked || h.value), i = p(() => t.indeterminate || t.checkedPartially), c = p(() => Array.isArray(t.modelValue) && t.value), h = p(() => c.value && t.modelValue.includes(t.value) || typeof t.modelValue == "boolean" && t.modelValue);
+    function w() {
+      u.value && (u.value.indeterminate = i.value && !d.value);
     }
-    function g(C) {
-      n("update:modelValue", C);
+    function $(I) {
+      n("update:modelValue", I);
     }
-    function x(C) {
-      const q = [...t.modelValue];
-      C ? q.push(t.value) : q.splice(q.indexOf(t.value), 1), n("update:modelValue", q);
+    function M(I) {
+      const O = [...t.modelValue];
+      I ? O.push(t.value) : O.splice(O.indexOf(t.value), 1), n("update:modelValue", O);
     }
-    function $(C) {
-      const { checked: q } = C.target;
-      c.value ? x(q) : g(q);
+    function k(I) {
+      const { checked: O } = I.target;
+      c.value ? M(O) : $(O);
     }
-    return R(s, k), R(r, k), Y(k), (C, q) => (d(), p("div", N({
+    return N(d, w), N(i, w), X(w), (I, O) => (s(), v("div", z({
       class: "bs-boolean",
       "data-component": "bs-checkbox",
       "data-size": e.size
-    }, f(K)(C.$attrs, i.value).remaining), [
-      b("input", N({
+    }, f(Y)(I.$attrs, r.value).remaining), [
+      b("input", z({
         ref_key: "inputEl",
         ref: u,
-        checked: s.value,
+        checked: d.value,
         "data-error": e.error,
         disabled: e.disabled,
-        id: C.$attrs.id || o.value,
+        id: I.$attrs.id || o.value,
         required: e.required,
         value: e.value || "on",
         type: "checkbox",
-        onChange: $
-      }, f(K)(C.$attrs, i.value).filtered), null, 16, Da),
-      e.label || C.$slots.label ? (d(), O(ne, {
+        onChange: k
+      }, f(Y)(I.$attrs, r.value).filtered), null, 16, Da),
+      e.label || I.$slots.label ? (s(), E(oe, {
         key: 0,
-        for: C.$attrs.id || o.value,
+        for: I.$attrs.id || o.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: D(() => [
-          L(C.$slots, "label", {}, () => [
-            G(T(e.label), 1)
+        default: L(() => [
+          x(I.$slots, "label", {}, () => [
+            H(C(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : w("", !0)
-    ], 16, Ea));
+      }, 8, ["for", "disabled", "required"])) : S("", !0)
+    ], 16, Oa));
   }
-}), Oa = { key: 0 }, Pa = { class: "bs-circle-button-icon" }, qa = { key: 1 }, eo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), Pa = { key: 0 }, qa = { class: "bs-circle-button-icon" }, Ma = { key: 1 }, to = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsCircleButton",
   props: {
     disabled: {
@@ -1216,32 +1216,32 @@ const Aa = {
     }
   },
   setup(e) {
-    const a = e, t = se(), { rootTag: n, attrsToBind: l, hrefUrl: i } = we(a, t), { icon: u } = ge(a, "icon"), { onLinkClick: o } = ke(a), s = v(() => a.textBtn ? {} : a.href ? { title: a.label } : { "aria-label": a.label }), r = v(() => {
+    const a = e, t = fe(), { rootTag: n, attrsToBind: l, hrefUrl: r } = Ve(a, t), { icon: u } = ke(a, "icon"), { onLinkClick: o } = Le(a), d = p(() => a.textBtn ? {} : a.href ? { title: a.label } : { "aria-label": a.label }), i = p(() => {
       if (a.hoverEffect)
         return a.iconPosition;
-    }), c = v(() => a.textBtn && a.iconPosition !== "left"), h = v(() => a.textBtn && a.iconPosition === "left");
-    return (k, g) => (d(), O(Z(f(n)), N({
+    }), c = p(() => a.textBtn && a.iconPosition !== "left"), h = p(() => a.textBtn && a.iconPosition === "left");
+    return (w, $) => (s(), E(te(f(n)), z({
       class: "bs-circle-button",
       "data-disabled": e.disabled,
-      "data-direction": r.value,
+      "data-direction": i.value,
       "data-ghost": e.ghostBtn,
       "data-size": e.size,
       "data-text": e.textBtn,
-      ".href": f(i)
-    }, { ...f(l), ...s.value }, { onClick: f(o) }), {
-      default: D(() => [
-        c.value ? (d(), p("span", Oa, T(e.label), 1)) : w("", !0),
-        b("span", Pa, [
-          L(k.$slots, "icon", {}, () => [
-            (d(), O(Z(f(u)), { size: e.size }, null, 8, ["size"]))
+      ".href": f(r)
+    }, { ...f(l), ...d.value }, { onClick: f(o) }), {
+      default: L(() => [
+        c.value ? (s(), v("span", Pa, C(e.label), 1)) : S("", !0),
+        b("span", qa, [
+          x(w.$slots, "icon", {}, () => [
+            (s(), E(te(f(u)), { size: e.size }, null, 8, ["size"]))
           ])
         ]),
-        h.value ? (d(), p("span", qa, T(e.label), 1)) : w("", !0)
+        h.value ? (s(), v("span", Ma, C(e.label), 1)) : S("", !0)
       ]),
       _: 3
     }, 48, ["data-disabled", "data-direction", "data-ghost", "data-size", "data-text", ".href", "onClick"]));
   }
-}), Ma = {
+}), Na = {
   __name: "BsDropdownContainer",
   props: {
     breakout: {
@@ -1262,27 +1262,27 @@ const Aa = {
     }
   },
   setup(e, { expose: a }) {
-    const t = B(null);
-    return a({ internalContainerRef: t }), (n, l) => (d(), p(U, null, [
-      e.breakout && e.breakoutMounted ? (d(), O(vt, {
+    const t = g(null);
+    return a({ internalContainerRef: t }), (n, l) => (s(), v(W, null, [
+      e.breakout && e.breakoutMounted ? (s(), E(pt, {
         key: 0,
         to: e.breakoutStub
       }, [
-        L(n.$slots, "default")
-      ], 8, ["to"])) : w("", !0),
-      e.breakout ? w("", !0) : (d(), p(U, { key: 1 }, [
-        e.containerId ? L(n.$slots, "default", { key: 0 }) : (d(), p("div", {
+        x(n.$slots, "default")
+      ], 8, ["to"])) : S("", !0),
+      e.breakout ? S("", !0) : (s(), v(W, { key: 1 }, [
+        e.containerId ? x(n.$slots, "default", { key: 0 }) : (s(), v("div", {
           key: 1,
           ref_key: "internalContainerRef",
           ref: t,
           style: { position: "relative" }
         }, [
-          L(n.$slots, "default")
+          x(n.$slots, "default")
         ], 512))
       ], 64))
     ], 64));
   }
-}, Te = {
+}, Oe = {
   __name: "BsTransition",
   props: {
     shown: {
@@ -1325,38 +1325,38 @@ const Aa = {
     "leave-cancelled"
   ],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = [], i = t.preloaded && t.shown;
-    function u(r, c) {
-      const { duration: h, enterClass: k, enterAttribute: g } = t;
+    const t = e, n = a, l = [], r = t.preloaded && t.shown;
+    function u(i, c) {
+      const { duration: h, enterClass: w, enterAttribute: $ } = t;
       l.push(setTimeout(() => {
-        k && r.classList.add(k), g && r.setAttribute(g, ""), l.push(setTimeout(() => {
+        w && i.classList.add(w), $ && i.setAttribute($, ""), l.push(setTimeout(() => {
           c();
-        }, h)), n("enter", r);
+        }, h)), n("enter", i);
       }));
     }
-    function o(r, c) {
+    function o(i, c) {
       const {
         duration: h,
-        enterClass: k,
-        enterAttribute: g,
-        leaveClass: x,
-        leaveAttribute: $
+        enterClass: w,
+        enterAttribute: $,
+        leaveClass: M,
+        leaveAttribute: k
       } = t;
-      r.classList.remove(k), r.removeAttribute(g), x && r.classList.add(x), $ && r.setAttribute($, ""), l.push(setTimeout(() => {
+      i.classList.remove(w), i.removeAttribute($), M && i.classList.add(M), k && i.setAttribute(k, ""), l.push(setTimeout(() => {
         c();
-      }, h)), n("leave", r);
+      }, h)), n("leave", i);
     }
-    function s(r) {
+    function d(i) {
       const { leaveClass: c, leaveAttribute: h } = t;
-      r.classList.remove(c), r.removeAttribute(h), n("after-leave", r);
+      i.classList.remove(c), i.removeAttribute(h), n("after-leave", i);
     }
-    return re(() => {
-      l.forEach((r) => {
-        clearTimeout(r);
+    return ve(() => {
+      l.forEach((i) => {
+        clearTimeout(i);
       });
-    }), (r, c) => e.preloaded ? Be((d(), O(Ke, {
+    }), (i, c) => e.preloaded ? Te((s(), E(Ke, {
       key: 0,
-      appear: f(i),
+      appear: f(r),
       css: !1,
       onBeforeEnter: c[0] || (c[0] = (h) => n("before-enter", h)),
       onEnter: u,
@@ -1364,16 +1364,16 @@ const Aa = {
       onEnterCancelled: c[2] || (c[2] = (h) => n("enter-cancelled", h)),
       onBeforeLeave: c[3] || (c[3] = (h) => n("before-leave", h)),
       onLeave: o,
-      onAfterLeave: s,
+      onAfterLeave: d,
       onLeaveCancelled: c[4] || (c[4] = (h) => n("leave-cancelled", h))
     }, {
-      default: D(() => [
-        L(r.$slots, "default")
+      default: L(() => [
+        x(i.$slots, "default")
       ]),
       _: 3
     }, 8, ["appear"])), [
-      [Se, e.shown]
-    ]) : (d(), O(Ke, {
+      [xe, e.shown]
+    ]) : (s(), E(Ke, {
       key: 1,
       appear: !0,
       css: !1,
@@ -1383,28 +1383,28 @@ const Aa = {
       onEnterCancelled: c[7] || (c[7] = (h) => n("enter-cancelled", h)),
       onBeforeLeave: c[8] || (c[8] = (h) => n("before-leave", h)),
       onLeave: o,
-      onAfterLeave: s,
+      onAfterLeave: d,
       onLeaveCancelled: c[9] || (c[9] = (h) => n("leave-cancelled", h))
     }, {
-      default: D(() => [
-        e.shown ? L(r.$slots, "default", { key: 0 }) : w("", !0)
+      default: L(() => [
+        e.shown ? x(i.$slots, "default", { key: 0 }) : S("", !0)
       ]),
       _: 3
     }));
   }
 }, za = (e, a = void 0, t = "relative") => {
-  const n = B(null), l = B(null), i = B(!1);
+  const n = g(null), l = g(null), r = g(!1);
   let u = !1;
-  return Y(() => {
-    e && (n.value = a || ot(), document.getElementById(n.value) ? (l.value = document.getElementById(n.value), u = !0) : (l.value = document.createElement("div"), l.value.id = n.value, l.value.style.position = t, document.body.insertAdjacentElement("afterbegin", l.value)), i.value = !0);
-  }), re(() => {
+  return X(() => {
+    e && (n.value = a || ot(), document.getElementById(n.value) ? (l.value = document.getElementById(n.value), u = !0) : (l.value = document.createElement("div"), l.value.id = n.value, l.value.style.position = t, document.body.insertAdjacentElement("afterbegin", l.value)), r.value = !0);
+  }), ve(() => {
     var o;
     e && !u && ((o = document.getElementById(n.value)) == null || o.remove());
-  }), { breakoutId: n, breakoutStub: l, breakoutMounted: i };
-}, Na = {
+  }), { breakoutId: n, breakoutStub: l, breakoutMounted: r };
+}, Ra = {
   key: 0,
   class: "bs-dropdown-backdrop"
-}, Ra = ["data-width", "data-no-mobile"], ja = { key: 0 }, Fa = { key: 0 }, Ua = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Fa = ["data-width", "data-no-mobile"], ja = { key: 0 }, Ua = { key: 0 }, Wa = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsDropdownNew",
   props: {
     anchorId: {
@@ -1457,102 +1457,102 @@ const Aa = {
     "after-leave"
   ],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = B(null), i = B(null), u = B(!1), o = B(!1), s = v(() => document.getElementById(t.anchorId)), r = v(() => t.breakout ? h.value : t.containerId ? document.getElementById(t.containerId) : l.value.internalContainerRef), c = v(() => t.width === "anchor" ? void 0 : t.width);
-    Ft([i, s], () => {
+    const t = e, n = a, l = g(null), r = g(null), u = g(!1), o = g(!1), d = p(() => document.getElementById(t.anchorId)), i = p(() => t.breakout ? h.value : t.containerId ? document.getElementById(t.containerId) : l.value.internalContainerRef), c = p(() => t.width === "anchor" ? void 0 : t.width);
+    Ut([r, d], () => {
       o.value && n("close");
-    }), Ie(["Escape"], () => {
+    }), me(["Escape"], () => {
       o.value && n("close");
     });
-    const { breakoutStub: h, breakoutMounted: k } = za(t.breakout, t.containerId);
-    oe("dropdownEnter", u), oe("dropdownAfterEnter", o), oe("dropdownShown", v(() => t.shown));
-    const g = (I, A) => {
-      i.value.style.setProperty(I, A);
+    const { breakoutStub: h, breakoutMounted: w } = za(t.breakout, t.containerId);
+    ue("dropdownEnter", u), ue("dropdownAfterEnter", o), ue("dropdownShown", p(() => t.shown));
+    const $ = (D, R) => {
+      r.value.style.setProperty(D, R);
     };
-    function x() {
-      const I = r.value.getBoundingClientRect(), A = s.value.getBoundingClientRect(), P = i.value.getBoundingClientRect();
-      $(I, A), C(I, A, P);
+    function M() {
+      const D = i.value.getBoundingClientRect(), R = d.value.getBoundingClientRect(), U = r.value.getBoundingClientRect();
+      k(D, R), I(D, R, U);
     }
-    function $(I, A) {
+    function k(D, R) {
       if (t.position === "top") {
-        const P = I.bottom - A.bottom;
-        g("--dropdown-wscreen-top", "auto"), g("--dropdown-wscreen-bottom", `${P + A.height + 8}px`);
+        const U = D.bottom - R.bottom;
+        $("--dropdown-wscreen-top", "auto"), $("--dropdown-wscreen-bottom", `${U + R.height + 8}px`);
       } else {
-        const P = A.top - I.top;
-        g("--dropdown-wscreen-top", `${P + A.height + 8}px`), g("--dropdown-wscreen-bottom", "auto");
+        const U = R.top - D.top;
+        $("--dropdown-wscreen-top", `${U + R.height + 8}px`), $("--dropdown-wscreen-bottom", "auto");
       }
     }
-    function C(I, A, P) {
+    function I(D, R, U) {
       if (t.width !== "anchor") {
-        const F = A.left - I.left;
+        const J = R.left - D.left;
         if (t.position === "center") {
-          const _ = (A.width - P.width) / 2;
-          g("--dropdown-wscreen-left", `${F + _}px`), g("--dropdown-wscreen-right", "auto");
+          const ee = (R.width - U.width) / 2;
+          $("--dropdown-wscreen-left", `${J + ee}px`), $("--dropdown-wscreen-right", "auto");
         } else if (t.position === "right") {
-          const _ = I.right - A.right;
-          g("--dropdown-wscreen-left", "auto"), g("--dropdown-wscreen-right", `${_}px`);
+          const ee = D.right - R.right;
+          $("--dropdown-wscreen-left", "auto"), $("--dropdown-wscreen-right", `${ee}px`);
         } else
-          g("--dropdown-wscreen-left", `${F}px`), g("--dropdown-wscreen-right", "auto");
+          $("--dropdown-wscreen-left", `${J}px`), $("--dropdown-wscreen-right", "auto");
       }
     }
-    function q() {
+    function O() {
       if (t.width === "anchor") {
-        const I = s.value.getBoundingClientRect();
-        g("--dropdown-wscreen-width", `${I.width}px`);
+        const D = d.value.getBoundingClientRect();
+        $("--dropdown-wscreen-width", `${D.width}px`);
       } else
-        g("--dropdown-wscreen-width", "");
+        $("--dropdown-wscreen-width", "");
     }
     function y() {
-      u.value = !0, x(), q(), n("enter");
+      u.value = !0, M(), O(), n("enter");
     }
     function m() {
       o.value = !0, n("after-enter");
     }
-    function z() {
+    function P() {
       u.value = !1, o.value = !1, n("after-leave");
     }
-    return (I, A) => (d(), p(U, null, [
-      e.useMobileStyle && e.shown ? (d(), p("div", Na)) : w("", !0),
-      V(Ma, {
+    return (D, R) => (s(), v(W, null, [
+      e.useMobileStyle && e.shown ? (s(), v("div", Ra)) : S("", !0),
+      A(Na, {
         ref_key: "dropdownContainerRef",
         ref: l,
         breakout: e.breakout,
-        breakoutMounted: f(k),
+        breakoutMounted: f(w),
         breakoutStub: f(h),
         containerId: e.containerId
       }, {
-        default: D(() => [
-          V(Te, {
+        default: L(() => [
+          A(Oe, {
             shown: e.shown,
             preloaded: e.preloaded,
             duration: 75,
             "enter-attribute": "data-shown",
             onAfterEnter: m,
             onEnter: y,
-            onAfterLeave: z
+            onAfterLeave: P
           }, {
-            default: D(() => [
-              b("div", N({
+            default: L(() => [
+              b("div", z({
                 ref_key: "dropdownRef",
-                ref: i,
+                ref: r,
                 class: "bs-dropdown",
                 "data-width": c.value,
                 "data-no-mobile": !e.useMobileStyle
-              }, I.$attrs), [
-                e.helperText ? (d(), p("header", ja, [
+              }, D.$attrs), [
+                e.helperText ? (s(), v("header", ja, [
                   b("div", null, [
-                    b("h3", null, T(e.helperText), 1),
-                    e.helperDescription ? (d(), p("p", Fa, T(e.helperDescription), 1)) : w("", !0)
+                    b("h3", null, C(e.helperText), 1),
+                    e.helperDescription ? (s(), v("p", Ua, C(e.helperDescription), 1)) : S("", !0)
                   ]),
                   b("button", {
                     type: "button",
                     title: "close",
-                    onClick: A[0] || (A[0] = () => n("close"))
+                    onClick: R[0] || (R[0] = () => n("close"))
                   }, [
-                    V(f($e))
+                    A(f(Ae))
                   ])
-                ])) : w("", !0),
-                L(I.$slots, "default")
-              ], 16, Ra)
+                ])) : S("", !0),
+                x(D.$slots, "default")
+              ], 16, Fa)
             ]),
             _: 3
           }, 8, ["shown", "preloaded"])
@@ -1651,8 +1651,8 @@ const Aa = {
     "after-leave"
   ],
   setup(e, { emit: a }) {
-    const t = e, n = a, { transition: l } = fe(t), i = v(() => t.width === "toggle" ? "anchor" : t.width), u = v(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position), o = v(() => t.toggleId ? t.toggleId : t.anchorId);
-    return (s, r) => (d(), O(Ua, {
+    const t = e, n = a, { transition: l } = ye(t), r = p(() => t.width === "toggle" ? "anchor" : t.width), u = p(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position), o = p(() => t.toggleId ? t.toggleId : t.anchorId);
+    return (d, i) => (s(), E(Wa, {
       "anchor-id": o.value,
       breakout: e.breakout,
       "container-id": e.containerId,
@@ -1662,29 +1662,25 @@ const Aa = {
       preloaded: e.preloaded,
       shown: f(l),
       "use-mobile-style": e.useMobileStyle,
-      width: i.value,
-      onClose: r[0] || (r[0] = () => n("close")),
-      onEnter: r[1] || (r[1] = () => n("enter")),
-      onAfterEnter: r[2] || (r[2] = () => n("after-enter")),
-      onAfterLeave: r[3] || (r[3] = () => n("after-leave"))
+      width: r.value,
+      onClose: i[0] || (i[0] = () => n("close")),
+      onEnter: i[1] || (i[1] = () => n("enter")),
+      onAfterEnter: i[2] || (i[2] = () => n("after-enter")),
+      onAfterLeave: i[3] || (i[3] = () => n("after-leave"))
     }, {
-      default: D(() => [
-        L(s.$slots, "default")
+      default: L(() => [
+        x(d.$slots, "default")
       ]),
       _: 3
     }, 8, ["anchor-id", "breakout", "container-id", "helper-description", "helper-text", "position", "preloaded", "shown", "use-mobile-style", "width"]));
   }
-}, Wa = ["aria-activedescendant", "aria-label", "data-overflow", "id"], Fe = {
+}, Ga = ["aria-activedescendant", "aria-label", "data-overflow", "id", "tabindex"], je = {
   __name: "BsDropdownOptionList",
   props: {
     optionsId: {
       type: String,
       required: !0
     },
-    focusOnShow: {
-      type: Boolean,
-      default: !0
-    },
     label: {
       type: String,
       default: "Select an option"
@@ -1708,121 +1704,137 @@ const Aa = {
       default: void 0
     }
   },
-  emits: ["optselected", "update:modelValue", "close"],
+  emits: [
+    "close",
+    "optselected",
+    "update:modelValue"
+  ],
   setup(e, { expose: a, emit: t }) {
-    const n = e, l = t, i = B(null), u = B(null), o = B(-1), s = B(null), r = B(!1), c = ie("dropdownEnter", !1), h = ie("dropdownAfterEnter", !1), k = ie("dropdownShown", !1);
-    let g = -1;
-    oe("handleSelect", z), oe("optionsId", v(() => n.optionsId)), Y(() => {
-      $(), C(), document.addEventListener("keydown", y);
-    }), re(() => {
-      document.removeEventListener("keydown", y);
-    }), R(
-      [c, () => {
-        var I;
-        return (I = s.value) == null ? void 0 : I.length;
+    const n = e, l = t, r = g(null), u = g(null), o = g(-1), d = g(-1), i = g(null), c = g(!1), h = ce("dropdownEnter", g(!1)), w = ce("dropdownAfterEnter", g(!1)), $ = ce("dropdownShown", g(!1));
+    ue("optionsId", p(() => n.optionsId)), ue("handleOptionSelect", ie), Wt(r, O, { childList: !0 }), me([" ", "Enter", "NumpadEnter"], pe, r), me(["ArrowDown", "ArrowUp", "Home", "End"], he), X(() => {
+      O(), U($.value);
+    }), N(
+      [h, () => {
+        var T;
+        return (T = i.value) == null ? void 0 : T.length;
       }],
-      ([I, A]) => {
-        (I || A > 0) && (r.value = i.value.scrollHeight > i.value.clientHeight);
+      ([T, j]) => {
+        (T || j > 0) && (c.value = r.value.scrollHeight > r.value.clientHeight);
       }
-    ), R(h, (I) => {
-      var A, P;
-      I && g > -1 && (n.focusOnShow ? (A = s.value[g]) == null || A.focus() : (P = s.value[g]) == null || P.scrollIntoView({ block: "nearest" }));
-    }), R(k, C);
-    const x = v(() => n.modelValue || n.selectedValue);
-    function $() {
-      s.value = Array.from(
-        i.value.querySelectorAll('[data-component="bs-dropdown-option"]')
+    ), N(w, (T) => {
+      T && (y(), m());
+    }), N($, (T) => U(T));
+    const I = p(() => n.modelValue || n.selectedValue);
+    function O() {
+      i.value = Array.from(
+        r.value.querySelectorAll('[data-component="bs-dropdown-option"]')
       );
     }
-    function C() {
-      var I, A;
-      k.value && !n.multiselect ? (g = s.value.findIndex(
-        (P) => P.getAttribute("data-value") === String(x.value)
-      ), s.value.forEach((P) => {
-        var F;
-        return (F = P == null ? void 0 : P.setAttribute) == null ? void 0 : F.call(P, "aria-selected", "false");
-      }), g > -1 && ((I = s.value[g]) == null || I.setAttribute("data-selected", ""), (A = s.value[g]) == null || A.setAttribute("aria-selected", "true"), o.value = g)) : (s.value.forEach((P) => {
-        var F;
-        return (F = P == null ? void 0 : P.removeAttribute) == null ? void 0 : F.call(P, "data-selected");
-      }), s.value.forEach((P) => {
-        var F;
-        return (F = P == null ? void 0 : P.removeAttribute) == null ? void 0 : F.call(P, "aria-selected");
-      }));
-    }
-    Ut(
-      i,
-      () => {
-        $();
-      },
-      { childList: !0 }
-    );
-    function q() {
-      var I;
-      o.value > -1 && ((I = s.value[o.value]) == null || I.blur());
+    function y() {
+      r.value.getBoundingClientRect().bottom > window.innerHeight && r.value.scrollIntoView();
     }
-    function y(I) {
-      if (k.value)
-        switch (I.key) {
+    function m() {
+      var T;
+      o.value > -1 && (y(), (T = i.value[o.value]) == null || T.scrollIntoView({ block: "nearest" }));
+    }
+    function P() {
+      var T;
+      o.value > -1 && ((T = i.value[o.value]) == null || T.setAttribute("data-active", ""), u.value = i.value[o.value].id, m());
+    }
+    function D() {
+      var T;
+      o.value > -1 && ((T = i.value[o.value]) == null || T.removeAttribute("data-active"));
+    }
+    function R() {
+      var T;
+      o.value < 0 && (o.value = 0, u.value = (T = i.value[0]) == null ? void 0 : T.id), P();
+    }
+    function U(T) {
+      T ? J() : ee();
+    }
+    function J() {
+      var T, j;
+      n.multiselect || (d.value = i.value.findIndex(
+        (se) => se.getAttribute("data-value") === String(I.value)
+      ), !n.multiselect && d.value > -1 && ((T = i.value[d.value]) == null || T.setAttribute("data-selected", ""), (j = i.value[d.value]) == null || j.setAttribute("aria-selected", "true")), o.value = d.value);
+    }
+    function ee() {
+      i.value.forEach((T) => {
+        T.removeAttribute("data-selected"), T.setAttribute("aria-selected", "false");
+      }), D(), d.value = -1, o.value = -1, u.value = null;
+    }
+    function ie(T) {
+      var se;
+      (se = T.querySelector("a")) == null || se.click();
+      let j = T.getAttribute("data-value");
+      T.getAttribute("data-value-type") === "number" && (j = Number(j)), u.value = T.id, D(), l("optselected", j), l("update:modelValue", j), l("close");
+    }
+    function pe(T) {
+      ie(i.value[o.value]), T.preventDefault();
+    }
+    function he(T) {
+      if ($.value)
+        switch (T.key) {
           case "ArrowDown":
-            m("down"), I.preventDefault();
+            re("down"), T.preventDefault();
             break;
           case "ArrowUp":
-            m("up"), I.preventDefault();
+            re("up"), T.preventDefault();
             break;
           case "Home":
-            m("home"), I.preventDefault();
+            re("home"), T.preventDefault();
             break;
           case "End":
-            m("end"), I.preventDefault();
-            break;
-          case "Tab":
-            o.value = g, n.preventTab && I.preventDefault();
+            re("end"), T.preventDefault();
             break;
         }
     }
-    function m(I) {
-      let A;
-      switch (I) {
+    function re(T) {
+      let j;
+      switch (T) {
         case "up":
-          A = o.value - 1 < 0 ? s.value.length - 1 : o.value - 1;
+          j = o.value - 1 < 0 ? i.value.length - 1 : o.value - 1;
           break;
         case "down":
-          A = (o.value + 1) % s.value.length;
+          j = (o.value + 1) % i.value.length;
           break;
         case "home":
-          A = 0;
+          j = 0;
           break;
         case "end":
-          A = s.value.length - 1;
+          j = i.value.length - 1;
           break;
       }
-      q(), s.value[A].focus(), u.value = s.value[A].id, o.value = A;
-    }
-    function z(I, A) {
-      u.value = I, q(), l("optselected", A), l("update:modelValue", A), l("close");
+      D(), o.value = j, document.activeElement !== r.value ? r.value.focus() : P();
     }
     return a({
-      activeDescendantId: u,
-      focusedIndex: o,
-      optionEls: s,
-      refreshOptions: $
-    }), (I, A) => (d(), p("ul", {
+      activeIndex: o,
+      optionEls: i,
+      optionsRef: r,
+      refreshOptions: O,
+      setCurrentActive: P
+    }), (T, j) => (s(), v("ul", {
       ref_key: "optionsRef",
-      ref: i,
+      ref: r,
       "aria-activedescendant": u.value || void 0,
       "aria-label": e.label,
       class: "bs-dropdown-options",
-      "data-overflow": r.value,
+      "data-overflow": c.value,
       id: e.optionsId,
-      role: "listbox"
+      role: "listbox",
+      tabindex: f($) ? 0 : void 0,
+      onBlur: D,
+      onFocus: R,
+      onMousedown: j[0] || (j[0] = ht(() => {
+      }, ["prevent"]))
     }, [
-      L(I.$slots, "default")
-    ], 8, Wa));
+      x(T.$slots, "default")
+    ], 40, Ga));
   }
-}, Ga = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Ha = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Fe
-}, Symbol.toStringTag, { value: "Module" })), Ha = ["data-value", "data-variant", "id"], Ue = {
+  default: je
+}, Symbol.toStringTag, { value: "Module" })), Ka = ["data-value", "data-value-type", "data-variant", "id"], Ue = {
   __name: "BsDropdownOption",
   props: {
     value: {
@@ -1835,30 +1847,26 @@ const Aa = {
     }
   },
   setup(e) {
-    const a = e, t = B(null), n = ie("optionsId", ""), l = ie("handleSelect", () => {
-    }), i = v(() => `${n.value}-option-${a.value}`);
-    Ie([" ", "Enter", "NumpadEnter"], (o) => {
-      u(), o.preventDefault();
-    }, t);
+    const a = e, t = g(null), n = ce("optionsId", ""), l = ce("handleOptionSelect", () => {
+    }), r = p(() => `${n.value}-option-${a.value}`);
     function u(o) {
-      var s, r;
-      l(i.value, a.value), (s = t.value.querySelector("a")) == null || s.click(), (r = o == null ? void 0 : o.stopPropagation) == null || r.call(o);
+      l(t.value), o.stopPropagation();
     }
-    return (o, s) => (d(), p("li", {
+    return (o, d) => (s(), v("li", {
       ref_key: "optionRef",
       ref: t,
       "data-component": "bs-dropdown-option",
       "data-value": a.value,
+      "data-value-type": typeof a.value,
       "data-variant": e.variant || void 0,
-      id: i.value,
+      id: r.value,
       role: "option",
-      tabIndex: -1,
       onClick: u
     }, [
-      L(o.$slots, "default")
-    ], 8, Ha));
+      x(o.$slots, "default")
+    ], 8, Ka));
   }
-}, Ka = ["data-img-size", "data-initials", "data-no-img"], Ya = ["src", "alt"], ut = {
+}, Ya = ["data-img-size", "data-initials", "data-no-img"], Xa = ["src", "alt"], ut = {
   __name: "BsProfileImg",
   props: {
     src: String,
@@ -1877,26 +1885,26 @@ const Aa = {
     }
   },
   setup(e) {
-    const a = e, t = B(!1), n = B(!!a.src);
-    return Y(() => t.value = !0), (l, i) => (d(), p("div", {
+    const a = e, t = g(!1), n = g(!!a.src);
+    return X(() => t.value = !0), (l, r) => (s(), v("div", {
       class: "bs-profile-img",
       "data-img-size": e.size,
       "data-initials": e.initials,
       "data-no-img": !n.value
     }, [
-      n.value && t.value ? (d(), p("img", {
+      n.value && t.value ? (s(), v("img", {
         key: 0,
         src: e.src,
         alt: e.useAltText ? e.profileName : "",
-        onError: i[0] || (i[0] = (u) => n.value = !1)
-      }, null, 40, Ya)) : w("", !0)
-    ], 8, Ka));
+        onError: r[0] || (r[0] = (u) => n.value = !1)
+      }, null, 40, Xa)) : S("", !0)
+    ], 8, Ya));
   }
-}, Xa = ["id", "data-checked"], Qa = { key: 1 }, Ja = ["innerHTML"], Za = { key: 4 }, _a = { key: 5 }, en = {
+}, Qa = ["id", "data-checked"], Ja = { key: 1 }, Za = ["innerHTML"], _a = { key: 4 }, en = { key: 5 }, tn = {
   key: 0,
   role: "option",
   "data-no-hover": ""
-}, ye = {
+}, Ce = {
   __name: "BsDropdownOptionBuilder",
   props: {
     // Array of objects with the following properties (either label or labelHtml
@@ -1931,72 +1939,72 @@ const Aa = {
     const a = e, t = {};
     nt(() => {
       n();
-    }), R(() => a.options, () => {
+    }), N(() => a.options, () => {
       n();
     });
     function n() {
       a.options.forEach((o) => {
-        const { icon: s } = o;
-        s && !t[s] && (t[s] = i(s));
+        const { icon: d } = o;
+        d && !t[d] && (t[d] = r(d));
       });
     }
     function l(o) {
-      let s = "", r = 1;
-      return r += o.checkbox ? 1 : 0, r += o.icon ? 1 : 0, r += o.profileImg ? 1 : 0, r > 1 && (s += ` ${r}-col`), o.checkbox && (s += " checkbox"), o.description && (s += " description"), o.negative && (s += " negative"), s;
+      let d = "", i = 1;
+      return i += o.checkbox ? 1 : 0, i += o.icon ? 1 : 0, i += o.profileImg ? 1 : 0, i > 1 && (d += ` ${i}-col`), o.checkbox && (d += " checkbox"), o.description && (d += " description"), o.negative && (d += " negative"), d;
     }
-    function i(o) {
+    function r(o) {
       return Re(async () => {
-        const { [`BsIcon${o}`]: s } = await import("@wwtdev/bsds-icons-vue3");
-        return s;
+        const { [`BsIcon${o}`]: d } = await import("@wwtdev/bsds-icons-vue3");
+        return d;
       });
     }
-    function u(o, s) {
-      return !!o && o !== s;
+    function u(o, d) {
+      return !!o && o !== d;
     }
-    return (o, s) => (d(), p(U, null, [
-      (d(!0), p(U, null, J(e.options, (r) => (d(), O(Ue, {
-        "aria-checked": r.checkbox ? r.checkbox.checked : void 0,
-        key: r.value,
-        value: r.value,
-        variant: l(r)
+    return (o, d) => (s(), v(W, null, [
+      (s(!0), v(W, null, _(e.options, (i) => (s(), E(Ue, {
+        "aria-checked": i.checkbox ? i.checkbox.checked : void 0,
+        key: i.value,
+        value: i.value,
+        variant: l(i)
       }, {
-        default: D(() => [
-          r.checkbox ? (d(), p("span", {
+        default: L(() => [
+          i.checkbox ? (s(), v("span", {
             key: 0,
-            id: r.checkbox.inputId,
+            id: i.checkbox.inputId,
             "aria-hidden": "true",
             class: "bs-checkbox",
-            "data-checked": r.checkbox.checked
-          }, null, 8, Xa)) : w("", !0),
-          r.icon ? (d(), p("span", Qa, [
-            (d(), O(Z(t[r.icon])))
-          ])) : w("", !0),
-          r.profileImg ? (d(), O(ut, {
+            "data-checked": i.checkbox.checked
+          }, null, 8, Qa)) : S("", !0),
+          i.icon ? (s(), v("span", Ja, [
+            (s(), E(te(t[i.icon])))
+          ])) : S("", !0),
+          i.profileImg ? (s(), E(ut, {
             key: 2,
-            src: r.profileImg.src,
+            src: i.profileImg.src,
             size: "xs",
-            initials: r.profileImg.initials,
-            "profile-name": r.profileImg.profileName,
-            "use-alt-text": u(r.profileImg.profileName, r.label)
-          }, null, 8, ["src", "initials", "profile-name", "use-alt-text"])) : w("", !0),
-          r.labelHtml ? (d(), p("span", {
+            initials: i.profileImg.initials,
+            "profile-name": i.profileImg.profileName,
+            "use-alt-text": u(i.profileImg.profileName, i.label)
+          }, null, 8, ["src", "initials", "profile-name", "use-alt-text"])) : S("", !0),
+          i.labelHtml ? (s(), v("span", {
             key: 3,
-            innerHTML: r.labelHtml
-          }, null, 8, Ja)) : (d(), p("span", Za, T(r.label), 1)),
-          r.description ? (d(), p("span", _a, T(r.description), 1)) : w("", !0)
+            innerHTML: i.labelHtml
+          }, null, 8, Za)) : (s(), v("span", _a, C(i.label), 1)),
+          i.description ? (s(), v("span", en, C(i.description), 1)) : S("", !0)
         ]),
         _: 2
       }, 1032, ["aria-checked", "value", "variant"]))), 128)),
-      e.showNoOptions && e.options.length === 0 ? (d(), p("li", en, [
-        L(o.$slots, "no-options", {}, () => [
-          G("No options")
+      e.showNoOptions && e.options.length === 0 ? (s(), v("li", tn, [
+        x(o.$slots, "no-options", {}, () => [
+          H("No options")
         ])
-      ])) : w("", !0)
+      ])) : S("", !0)
     ], 64));
   }
-}, tn = { role: "separator" }, an = /* @__PURE__ */ b("hr", null, null, -1), nn = [
-  an
-], ln = {
+}, an = { role: "separator" }, nn = /* @__PURE__ */ b("hr", null, null, -1), ln = [
+  nn
+], on = {
   __name: "BsDropdownMultiselect",
   props: {
     label: {
@@ -2022,51 +2030,45 @@ const Aa = {
   },
   emits: ["update:selectedOptions"],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = B(null), i = B([]), u = B([]);
+    const t = e, n = a, l = g(null), r = g([]), u = g([]);
     let o = !1;
-    R(
+    N(() => t.options, () => {
+      c(t.selectedOptions);
+    }), N(
       () => t.selectedOptions,
       c,
       { immediate: !0 }
-    ), R(() => t.shown, (g) => {
-      g && ce(s);
+    ), N(() => t.shown, ($) => {
+      $ && ge(d);
     });
-    function s() {
-      var x, $;
-      l.value && (l.value.refreshOptions(), l.value.activeDescendantId = (x = l.value.optionEls[0]) == null ? void 0 : x.id, l.value.focusedIndex = 0);
-      const g = document.querySelector(`#${t.optionsId} [data-component="bs-dropdown-option"]`);
-      ($ = g == null ? void 0 : g.focus) == null || $.call(g, { preventScroll: !0 });
+    function d() {
+      l.value && (l.value.refreshOptions(), l.value.optionsRef.focus());
     }
-    function r() {
-      var g;
-      if (l.value) {
-        l.value.refreshOptions();
-        const x = l.value.focusedIndex, $ = l.value.optionEls[x];
-        (g = $ == null ? void 0 : $.focus) == null || g.call($), l.value.activeDescendantId = $ == null ? void 0 : $.id;
-      }
-    }
-    function c(g = []) {
-      const x = new Set(g), $ = [], C = [];
-      t.options.forEach((q) => {
-        const y = { ...q }, m = `${t.optionsId}-${q.value}-cb`;
-        x.has(q.value) ? (y.checkbox = { inputId: m, checked: !0 }, $.push(y)) : (y.checkbox = { inputId: m, checked: !1 }, C.push(y));
-      }), i.value = $, ce(() => {
-        u.value = C, ce(() => {
-          o && r(), o = !1;
+    function i() {
+      l.value && (l.value.refreshOptions(), l.value.setCurrentActive());
+    }
+    function c($ = []) {
+      const M = new Set($), k = [], I = [];
+      t.options.forEach((O) => {
+        const y = { ...O }, m = `${t.optionsId}-${O.value}-cb`;
+        M.has(O.value) ? (y.checkbox = { inputId: m, checked: !0 }, k.push(y)) : (y.checkbox = { inputId: m, checked: !1 }, I.push(y));
+      }), r.value = k, ge(() => {
+        u.value = I, ge(() => {
+          o && i(), o = !1;
         });
       });
     }
-    function h(g = []) {
-      const x = new Set(g), $ = [];
-      return t.options.forEach((C) => {
-        x.has(C.value) && $.push(C.value);
-      }), $;
+    function h($ = []) {
+      const M = new Set($), k = [];
+      return t.options.forEach((I) => {
+        M.has(I.value) && k.push(I.value);
+      }), k;
     }
-    function k(g) {
-      const x = t.selectedOptions.includes(g) ? t.selectedOptions.filter(($) => $ !== g) : h([...t.selectedOptions, g]);
-      o = !0, n("update:selectedOptions", x);
+    function w($) {
+      const M = t.selectedOptions.includes($) ? t.selectedOptions.filter((k) => k !== $) : h([...t.selectedOptions, $]);
+      o = !0, n("update:selectedOptions", M);
     }
-    return (g, x) => (d(), O(Fe, {
+    return ($, M) => (s(), E(je, {
       ref_key: "optlist",
       ref: l,
       "aria-multiselectable": "true",
@@ -2075,19 +2077,19 @@ const Aa = {
       multiselect: "",
       "options-id": e.optionsId,
       shown: e.shown,
-      "onUpdate:modelValue": k
+      "onUpdate:modelValue": w
     }, {
-      default: D(() => {
-        var $;
+      default: L(() => {
+        var k;
         return [
-          V(ye, {
-            options: i.value,
+          A(Ce, {
+            options: r.value,
             "show-no-options": !1
           }, null, 8, ["options"]),
-          Be(b("li", tn, nn, 512), [
-            [Se, ($ = i.value) == null ? void 0 : $.length]
+          Te(b("li", an, ln, 512), [
+            [xe, (k = r.value) == null ? void 0 : k.length]
           ]),
-          V(ye, {
+          A(Ce, {
             options: u.value,
             "show-no-options": !1
           }, null, 8, ["options"])
@@ -2096,10 +2098,10 @@ const Aa = {
       _: 1
     }, 8, ["label", "options-id", "shown"]));
   }
-}, on = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, rn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ln
-}, Symbol.toStringTag, { value: "Module" })), rn = {
+  default: on
+}, Symbol.toStringTag, { value: "Module" })), sn = {
   __name: "BsDropdownWithOptionsNew",
   props: {
     // DROPDOWN PROPS
@@ -2146,10 +2148,6 @@ const Aa = {
       validator: (e) => ["sm", "md", "lg", "content", "anchor"].includes(e)
     },
     // OPTION LIST PROPS
-    focusOnShow: {
-      type: Boolean,
-      default: !0
-    },
     label: {
       type: String,
       default: "Select an option"
@@ -2174,17 +2172,17 @@ const Aa = {
     "after-leave"
   ],
   setup(e, { emit: a }) {
-    const t = a, n = B(!1);
+    const t = a, n = g(!1);
     function l() {
       n.value = !0;
     }
-    function i(o) {
+    function r(o) {
       n.value = !1, t("update:modelValue", o), t("close");
     }
     function u() {
       n.value && (n.value = !1, t("close"));
     }
-    return (o, s) => (d(), O(f(dt), {
+    return (o, d) => (s(), E(f(dt), {
       "anchor-id": e.anchorId,
       breakout: e.breakout,
       "container-id": e.containerId,
@@ -2196,25 +2194,24 @@ const Aa = {
       "use-mobile-style": e.useMobileStyle,
       width: e.width,
       onClose: u,
-      onAfterEnter: s[0] || (s[0] = (r) => t("after-enter")),
+      onAfterEnter: d[0] || (d[0] = (i) => t("after-enter")),
       onEnter: l,
-      onAfterLeave: s[1] || (s[1] = (r) => t("after-leave"))
+      onAfterLeave: d[1] || (d[1] = (i) => t("after-leave"))
     }, {
-      default: D(() => [
-        V(f(Fe), {
-          "focus-on-show": e.focusOnShow,
+      default: L(() => [
+        A(f(je), {
           label: e.label,
           "model-value": e.modelValue,
           "options-id": e.optionsId,
           "prevent-tab": e.preventTab,
-          "onUpdate:modelValue": i,
+          "onUpdate:modelValue": r,
           onClose: u
         }, {
-          default: D(() => [
-            L(o.$slots, "default")
+          default: L(() => [
+            x(o.$slots, "default")
           ]),
           _: 3
-        }, 8, ["focus-on-show", "label", "model-value", "options-id", "prevent-tab"])
+        }, 8, ["label", "model-value", "options-id", "prevent-tab"])
       ]),
       _: 3
     }, 8, ["anchor-id", "breakout", "container-id", "helper-description", "helper-text", "position", "preloaded", "shown", "use-mobile-style", "width"]));
@@ -2302,10 +2299,6 @@ const Aa = {
       default: !1
     },
     // OPTION LIST PROPS
-    focusOnShow: {
-      type: Boolean,
-      default: !0
-    },
     label: {
       type: String,
       default: "Select an option"
@@ -2337,38 +2330,37 @@ const Aa = {
     "after-leave"
   ],
   setup(e, { emit: a }) {
-    const t = e, n = a, { transition: l } = fe(t), i = v(() => t.width === "toggle" ? "anchor" : t.width), u = v(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position), o = v(() => t.toggleId ? t.toggleId : t.anchorId), s = v(() => t.selectedValue || t.modelValue);
-    function r(c) {
+    const t = e, n = a, { transition: l } = ye(t), r = p(() => t.width === "toggle" ? "anchor" : t.width), u = p(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position), o = p(() => t.toggleId ? t.toggleId : t.anchorId), d = p(() => t.selectedValue || t.modelValue);
+    function i(c) {
       n("optselected", c), n("update:modelValue", c);
     }
-    return (c, h) => (d(), O(rn, {
+    return (c, h) => (s(), E(sn, {
       "anchor-id": o.value,
       breakout: e.breakout,
       "container-id": e.containerId,
-      "focus-on-show": e.focusOnShow,
       "helper-description": e.helperDescription,
       "helper-text": e.helperText,
       label: e.label,
-      "model-value": s.value,
+      "model-value": d.value,
       "options-id": e.optionsId,
       position: u.value,
       preloaded: e.preloaded,
       "prevent-tab": e.preventTab,
       shown: f(l),
       "use-mobile-style": e.useMobileStyle,
-      width: i.value,
-      onClose: h[0] || (h[0] = (k) => n("close")),
-      onAfterEnter: h[1] || (h[1] = (k) => n("after-enter")),
-      onAfterLeave: h[2] || (h[2] = (k) => n("after-leave")),
-      "onUpdate:modelValue": r
+      width: r.value,
+      onClose: h[0] || (h[0] = (w) => n("close")),
+      onAfterEnter: h[1] || (h[1] = (w) => n("after-enter")),
+      onAfterLeave: h[2] || (h[2] = (w) => n("after-leave")),
+      "onUpdate:modelValue": i
     }, {
-      default: D(() => [
-        L(c.$slots, "default")
+      default: L(() => [
+        x(c.$slots, "default")
       ]),
       _: 3
-    }, 8, ["anchor-id", "breakout", "container-id", "focus-on-show", "helper-description", "helper-text", "label", "model-value", "options-id", "position", "preloaded", "prevent-tab", "shown", "use-mobile-style", "width"]));
+    }, 8, ["anchor-id", "breakout", "container-id", "helper-description", "helper-text", "label", "model-value", "options-id", "position", "preloaded", "prevent-tab", "shown", "use-mobile-style", "width"]));
   }
-}, sn = ["aria-controls", "aria-expanded", "data-open", "data-size", "disabled"], dn = {
+}, dn = ["aria-controls", "aria-expanded", "data-open", "data-size", "disabled"], un = {
   __name: "BsFilterButton",
   props: {
     badgeCount: {
@@ -2397,8 +2389,8 @@ const Aa = {
     }
   },
   setup(e) {
-    const a = e, t = v(() => a.badgeCount > 0);
-    return (n, l) => (d(), p("button", {
+    const a = e, t = p(() => a.badgeCount > 0);
+    return (n, l) => (s(), v("button", {
       class: "bs-filter-button",
       "aria-controls": e.optionsId,
       "aria-expanded": e.open,
@@ -2408,21 +2400,21 @@ const Aa = {
       disabled: e.disabled,
       type: "button"
     }, [
-      t.value ? (d(), O(Jt, {
+      t.value ? (s(), E(Zt, {
         key: 0,
         color: "blue",
         count: e.badgeCount,
         label: "active filter",
         position: "left",
         variant: "notext"
-      }, null, 8, ["count"])) : w("", !0),
-      L(n.$slots, "label", {}, () => [
-        G(T(e.label), 1)
+      }, null, 8, ["count"])) : S("", !0),
+      x(n.$slots, "label", {}, () => [
+        H(C(e.label), 1)
       ]),
-      V(f(it))
-    ], 8, sn));
+      A(f(it))
+    ], 8, dn));
   }
-}, un = ["id"], to = {
+}, cn = ["id"], ao = {
   __name: "BsDropdownWithToggle",
   props: {
     breakout: {
@@ -2485,49 +2477,53 @@ const Aa = {
   },
   emits: ["update:selectedOptions", "update:selectedOption", "toggled", "close"],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = B(!1), i = B(null), u = v(() => Re(async () => await (t.multiselect ? Promise.resolve().then(() => on) : Promise.resolve().then(() => Ga)))), [o, s] = Q(2);
-    R(l, (x) => {
-      x && i.value.$el.blur();
+    const t = e, n = a, l = g(!1), r = g(null), u = p(() => Re(async () => await (t.multiselect ? Promise.resolve().then(() => rn) : Promise.resolve().then(() => Ha)))), [o, d] = Z(2);
+    N(l, (k) => {
+      k && r.value.$el.blur();
     });
-    function r() {
-      l.value = !1, n("close"), i.value.$el.focus();
+    function i() {
+      const k = document.activeElement;
+      return !k || k.tagName === "BODY" || k.id === d.value;
     }
     function c() {
-      l.value && r();
+      l.value = !1, n("close"), i() && r.value.$el.focus();
     }
     function h() {
+      l.value && c();
+    }
+    function w() {
       l.value = !0;
     }
-    function k(x) {
-      n("update:selectedOptions", x);
+    function $(k) {
+      n("update:selectedOptions", k);
     }
-    function g(x) {
-      t.multiselect || (n("update:selectedOption", x), r());
+    function M(k) {
+      t.multiselect || (n("update:selectedOption", k), c());
     }
-    return (x, $) => (d(), p("div", {
+    return (k, I) => (s(), v("div", {
       class: "bs-dropdown-with-toggle",
-      id: x.$attrs.id
+      id: k.$attrs.id
     }, [
-      V(dn, {
+      A(un, {
         ref_key: "toggleRef",
-        ref: i,
-        "aria-controls": f(s),
+        ref: r,
+        "aria-controls": f(d),
         "aria-expanded": e.open,
         disabled: e.disabled,
         id: f(o),
         open: e.open,
-        "options-id": f(s),
+        "options-id": f(d),
         size: e.toggleSize,
-        onClick: $[0] || ($[0] = (C) => x.$emit("toggled"))
+        onClick: I[0] || (I[0] = (O) => k.$emit("toggled"))
       }, {
-        label: D(() => [
-          L(x.$slots, "toggle-label", {}, () => [
-            G(T(e.toggleLabel), 1)
+        label: L(() => [
+          x(k.$slots, "toggle-label", {}, () => [
+            H(C(e.toggleLabel), 1)
           ])
         ]),
         _: 3
       }, 8, ["aria-controls", "aria-expanded", "disabled", "id", "open", "options-id", "size"]),
-      V(dt, {
+      A(dt, {
         shown: e.open,
         "anchor-id": f(o),
         breakout: e.breakout,
@@ -2537,23 +2533,23 @@ const Aa = {
         preloaded: "",
         "use-mobile-style": e.useMobileStyle,
         width: e.dropdownWidth,
-        onClose: c,
-        onEnter: h
+        onClose: h,
+        onEnter: w
       }, {
-        default: D(() => [
-          V(f(u), {
+        default: L(() => [
+          A(f(u), {
             label: e.dropdownLabel,
             "model-value": e.selectedOption,
             options: e.options,
-            "options-id": f(s),
+            "options-id": f(d),
             "selected-options": e.selectedOptions,
             shown: e.open,
-            "onUpdate:modelValue": g,
-            "onUpdate:selectedOptions": k,
-            onClose: $[1] || ($[1] = (C) => e.multiselect ? void 0 : c())
+            "onUpdate:modelValue": M,
+            "onUpdate:selectedOptions": $,
+            onClose: I[1] || (I[1] = (O) => e.multiselect ? void 0 : h())
           }, {
-            default: D(() => [
-              e.multiselect ? w("", !0) : (d(), O(ye, {
+            default: L(() => [
+              e.multiselect ? S("", !0) : (s(), E(Ce, {
                 key: 0,
                 options: e.options
               }, null, 8, ["options"]))
@@ -2563,28 +2559,28 @@ const Aa = {
         ]),
         _: 1
       }, 8, ["shown", "anchor-id", "breakout", "helper-text", "helper-description", "position", "use-mobile-style", "width"])
-    ], 8, un));
+    ], 8, cn));
   }
-}, cn = ["view-box"], fn = ["id"], pn = ["offset", "stop-color"], ao = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, fn = ["view-box"], vn = ["id"], pn = ["offset", "stop-color"], no = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsIconGradientWrapper",
   setup(e) {
-    const a = B(null), t = B(null), n = [
+    const a = g(null), t = g(null), n = [
       { offset: 0.1326, color: "#EE282A" },
       { offset: 0.5466, color: "#1C0087" },
       { offset: 0.9715, color: "#0086EA" }
-    ], [l] = Q();
-    return Y(() => {
+    ], [l] = Z();
+    return X(() => {
       t.value = a.value.querySelector("svg").getAttribute("viewBox") || "0 0 0 0";
-    }), (i, u) => (d(), p(U, null, [
-      b("span", N({
+    }), (r, u) => (s(), v(W, null, [
+      b("span", z({
         ref_key: "svgWrapperRef",
         ref: a,
         class: "bs-icon-gradient-wrapper",
         style: `fill: url(#${f(l)});`
-      }, i.$attrs), [
-        L(i.$slots, "default")
+      }, r.$attrs), [
+        x(r.$slots, "default")
       ], 16),
-      (d(), p("svg", {
+      (s(), v("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         "view-box": t.value,
         width: "0",
@@ -2598,16 +2594,16 @@ const Aa = {
           y2: "100%",
           "gradient-units": "userSpaceOnUse"
         }, [
-          (d(), p(U, null, J(n, (o) => b("stop", {
+          (s(), v(W, null, _(n, (o) => b("stop", {
             key: o.offset,
             offset: o.offset,
             "stop-color": o.color
           }, null, 8, pn)), 64))
-        ], 8, fn)
-      ], 8, cn))
+        ], 8, vn)
+      ], 8, fn))
     ], 64));
   }
-}), no = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), lo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsInputField",
   props: {
     /** Sets the disabled state on input, disabled styles on label. */
@@ -2654,43 +2650,43 @@ const Aa = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, [n, l] = Q(2), i = v(() => me.concat(t.passAttrs.split(",")).concat("type")), u = v(() => {
-      var r, c;
-      return ((c = (r = t.hints) == null ? void 0 : r.join) == null ? void 0 : c.call(r, `
+    const t = e, [n, l] = Z(2), r = p(() => Ie.concat(t.passAttrs.split(",")).concat("type")), u = p(() => {
+      var i, c;
+      return ((c = (i = t.hints) == null ? void 0 : i.join) == null ? void 0 : c.call(i, `
 `)) || t.hints;
-    }), o = v(() => t.error && t.errorMsg || t.hint || u.value || void 0), s = v(() => t.inputId || n.value);
-    return (r, c) => (d(), p("div", N({ "data-component": "bs-input-field" }, f(K)(r.$attrs, i.value).remaining), [
-      e.label || r.$slots.label ? (d(), O(ne, {
+    }), o = p(() => t.error && t.errorMsg || t.hint || u.value || void 0), d = p(() => t.inputId || n.value);
+    return (i, c) => (s(), v("div", z({ "data-component": "bs-input-field" }, f(Y)(i.$attrs, r.value).remaining), [
+      e.label || i.$slots.label ? (s(), E(oe, {
         key: 0,
-        for: r.$attrs.id || s.value,
+        for: i.$attrs.id || d.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: D(() => [
-          L(r.$slots, "label", {}, () => [
-            G(T(e.label), 1)
+        default: L(() => [
+          x(i.$slots, "label", {}, () => [
+            H(C(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : w("", !0),
-      V(ve, N({
+      }, 8, ["for", "disabled", "required"])) : S("", !0),
+      A(Se, z({
         disabled: e.disabled,
         error: e.error,
         "hint-id": f(l),
-        id: r.$attrs.id || s.value,
+        id: i.$attrs.id || d.value,
         placeholder: e.placeholder,
         required: e.required,
         type: e.type,
         value: e.value || e.modelValue,
-        "onUpdate:modelValue": c[0] || (c[0] = (h) => r.$emit("update:modelValue", h))
-      }, f(K)(r.$attrs, i.value).filtered), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "type", "value"]),
-      o.value ? (d(), O(pe, {
+        "onUpdate:modelValue": c[0] || (c[0] = (h) => i.$emit("update:modelValue", h))
+      }, f(Y)(i.$attrs, r.value).filtered), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "type", "value"]),
+      o.value ? (s(), E(Be, {
         key: 1,
         error: e.error,
         "error-msg": e.errorMsg,
         hint: e.hint || u.value,
         "hint-id": f(l)
-      }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : w("", !0)
+      }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : S("", !0)
     ], 16));
   }
 }), tt = {
@@ -2747,7 +2743,7 @@ const Aa = {
    */
   initSourceData() {
     return this.data.allCountries || (this.data.allCountries = zt().map((e) => {
-      const a = Nt(e), t = tt[a[0]] + tt[a[1]] || "";
+      const a = Rt(e), t = tt[a[0]] + tt[a[1]] || "";
       return {
         label: `+${e}`,
         flag: t,
@@ -2761,10 +2757,10 @@ const Aa = {
       this.data[e][t[a]] = t;
     }));
   }
-}, vn = ["id", "aria-controls", "aria-expanded", "aria-label", "disabled"], hn = { key: 0 }, bn = {
+}, hn = ["id", "aria-controls", "aria-expanded", "aria-label", "disabled"], bn = { key: 0 }, gn = {
   "aria-hidden": "true",
   style: { width: "1.25rem" }
-}, gn = { "aria-hidden": "true" }, lo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, mn = { "aria-hidden": "true" }, oo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsInputPhone",
   props: {
     deferValidation: {
@@ -2814,7 +2810,7 @@ const Aa = {
   },
   emits: ["update:modelValue", "input-blur"],
   setup(e, { expose: a, emit: t }) {
-    const n = e, l = t, i = [
+    const n = e, l = t, r = [
       "ArrowDown",
       "ArrowLeft",
       "ArrowRight",
@@ -2826,80 +2822,80 @@ const Aa = {
       "Escape",
       "Home",
       "Tab"
-    ], u = B(null), o = B(1), s = B([]), r = B(null), [
+    ], u = g(null), o = g(1), d = g([]), i = g(null), [
       c,
       h,
-      k,
-      g
-    ] = Q(4), x = B(!1), $ = B(""), C = B(""), q = B(!1), y = B(!1), m = B(!0);
+      w,
+      $
+    ] = Z(4), M = g(!1), k = g(""), I = g(""), O = g(!1), y = g(!1), m = g(!0);
     a({
-      validationErr: q,
-      validationErrMsg: C
+      validationErr: O,
+      validationErrMsg: I
     });
-    const z = v(() => $.value ? `+${o.value}${$.value}` : ""), I = v(() => `Country code: ${o.value}. Click to change.`), A = v(() => m.value ? n.errorMsg || C.value : ""), P = v(() => n.error || q.value), F = v(() => n.hint || P.value && A.value), _ = v(() => m.value && P.value);
-    R(z, (M) => {
-      l("update:modelValue", M), be(M);
-    }), R(() => n.modelValue, de), De(), Y(() => x.value = !0);
-    function de(M, W) {
-      M === "" && M !== W && ($.value = "");
-    }
-    function xe() {
-      var M;
-      y.value && (y.value = !1, (M = u.value) == null || M.focus());
-    }
-    function Ae(M) {
-      var W;
-      o.value = M, y.value = !1, (W = u.value) == null || W.focus(), he(M);
-    }
-    function Le() {
+    const P = p(() => k.value ? `+${o.value}${k.value}` : ""), D = p(() => `Country code: ${o.value}. Click to change.`), R = p(() => m.value ? n.errorMsg || I.value : ""), U = p(() => n.error || O.value), J = p(() => n.hint || U.value && R.value), ee = p(() => m.value && U.value);
+    N(P, (q) => {
+      l("update:modelValue", q), we(q);
+    }), N(() => n.modelValue, ie), se(), X(() => M.value = !0);
+    function ie(q, G) {
+      q === "" && q !== G && (k.value = "");
+    }
+    function pe() {
+      var q;
+      y.value && (y.value = !1, (q = u.value) == null || q.focus());
+    }
+    function he(q) {
+      var G;
+      o.value = q, y.value = !1, (G = u.value) == null || G.focus(), $e(q);
+    }
+    function re() {
       n.deferValidation && (m.value = !0), l("input-blur");
     }
-    function Ve(M) {
-      $.value = M.target.value, n.deferValidation && (m.value = !1);
+    function T(q) {
+      k.value = q.target.value, n.deferValidation && (m.value = !1);
     }
-    function Ee(M) {
-      var W, H;
-      !((H = (W = M.key) == null ? void 0 : W.match) != null && H.call(W, /[0-9]/)) && !i.includes(M.key) && !M.ctrlKey && !M.metaKey && M.preventDefault();
+    function j(q) {
+      var G, K;
+      !((K = (G = q.key) == null ? void 0 : G.match) != null && K.call(G, /[0-9]/)) && !r.includes(q.key) && !q.ctrlKey && !q.metaKey && q.preventDefault();
+    }
+    function se() {
+      qe.initSourceData(), De(), $e(o.value), we(P.value);
     }
     function De() {
-      qe.initSourceData(), Oe(), he(o.value), be(z.value);
-    }
-    function Oe() {
-      var W, H;
-      let M = Xe(n.modelValue);
-      M.valid || M.countryCode && ((H = (W = n.modelValue) == null ? void 0 : W.startsWith) != null && H.call(W, "+")) ? (o.value = M.countryCode, $.value = M.number.significant) : $.value = n.modelValue, s.value = qe.data.allCountries.map((ue) => ({
-        ...ue,
-        isSelected: o.value === ue
+      var G, K;
+      let q = Xe(n.modelValue);
+      q.valid || q.countryCode && ((K = (G = n.modelValue) == null ? void 0 : G.startsWith) != null && K.call(G, "+")) ? (o.value = q.countryCode, k.value = q.number.significant) : k.value = n.modelValue, d.value = qe.data.allCountries.map((be) => ({
+        ...be,
+        isSelected: o.value === be
       }));
     }
-    function he(M) {
-      r.value = qe.getCountryByCountryCode(M);
+    function $e(q) {
+      i.value = qe.getCountryByCountryCode(q);
     }
-    function be(M) {
-      q.value = M ? !Xe(M).valid : !1, C.value = q.value ? "Invalid phone number" : "";
+    function we(q) {
+      O.value = q ? !Xe(q).valid : !1, I.value = O.value ? "Invalid phone number" : "";
     }
-    return (M, W) => (d(), p("div", N({
+    return (q, G) => (s(), v("div", z({
       class: "bs-input-phone",
       "data-component": "bs-input-phone"
-    }, f(K)(M.$attrs, f(me)).remaining), [
-      V(ne, {
-        for: M.$attrs.id || e.inputId || f(g),
+    }, f(Y)(q.$attrs, f(Ie)).remaining), [
+      A(oe, {
+        for: q.$attrs.id || e.inputId || f($),
         required: e.required,
-        class: ae({ "visually-hidden": e.hideLabel })
+        class: le({ "visually-hidden": e.hideLabel })
       }, {
-        default: D(() => [
-          G(T(e.label), 1)
+        default: L(() => [
+          H(C(e.label), 1)
         ]),
         _: 1
       }, 8, ["for", "required", "class"]),
-      V(Ce, {
+      A(Ee, {
         disabled: e.disabled,
-        error: _.value,
+        error: ee.value,
         multifocus: !0,
         variant: "inner-bordered"
       }, {
-        default: D(() => {
-          var H;
+        default: L(() => {
+          var K;
           return [
             b("button", {
               id: f(c),
@@ -2908,42 +2904,42 @@ const Aa = {
               "aria-controls": f(h),
               "aria-expanded": y.value,
               "aria-haspopup": "listbox",
-              "aria-label": I.value,
+              "aria-label": D.value,
               disabled: e.disabled,
               type: "button",
-              onClick: W[0] || (W[0] = (ue) => y.value = !y.value)
+              onClick: G[0] || (G[0] = (be) => y.value = !y.value)
             }, [
-              b("span", null, T((H = r.value) == null ? void 0 : H.flag), 1),
-              b("span", null, "+" + T(o.value), 1),
-              V(f(gt), { size: "sm" })
-            ], 8, vn),
-            V(ve, N({
-              "input-id": M.$attrs.id || e.inputId || f(g),
+              b("span", null, C((K = i.value) == null ? void 0 : K.flag), 1),
+              b("span", null, "+" + C(o.value), 1),
+              A(f(mt), { size: "sm" })
+            ], 8, hn),
+            A(Se, z({
+              "input-id": q.$attrs.id || e.inputId || f($),
               disabled: e.disabled,
-              "hint-id": f(k),
+              "hint-id": f(w),
               placeholder: e.placeholder,
-              value: $.value,
+              value: k.value,
               "data-autowidth": "",
               type: "tel"
-            }, f(K)(M.$attrs, f(me)).filtered, {
-              onInput: Ve,
-              onFocusout: Le,
-              onKeydown: Ee
+            }, f(Y)(q.$attrs, f(Ie)).filtered, {
+              onInput: T,
+              onFocusout: re,
+              onKeydown: j
             }), null, 16, ["input-id", "disabled", "hint-id", "placeholder", "value"])
           ];
         }),
         _: 1
       }, 8, ["disabled", "error"]),
-      Be(V(pe, {
-        error: P.value,
-        "error-msg": A.value,
+      Te(A(Be, {
+        error: U.value,
+        "error-msg": R.value,
         hint: e.hint,
-        "hint-id": f(k)
+        "hint-id": f(w)
       }, null, 8, ["error", "error-msg", "hint", "hint-id"]), [
-        [Se, F.value]
+        [xe, J.value]
       ]),
-      x.value ? (d(), p("div", hn, [
-        V(We, {
+      M.value ? (s(), v("div", bn, [
+        A(We, {
           "anchor-id": f(c),
           "helper-text": "Country Code",
           label: "Country Code",
@@ -2952,29 +2948,29 @@ const Aa = {
           preloaded: "",
           shown: y.value,
           width: "content",
-          onClose: xe,
-          "onUpdate:modelValue": Ae
+          onClose: pe,
+          "onUpdate:modelValue": he
         }, {
-          default: D(() => [
-            x.value ? (d(!0), p(U, { key: 0 }, J(s.value, (H) => (d(), O(Ue, {
-              "aria-label": H.value,
-              key: H.value,
-              value: `${H.value}`,
+          default: L(() => [
+            M.value ? (s(!0), v(W, { key: 0 }, _(d.value, (K) => (s(), E(Ue, {
+              "aria-label": K.value,
+              key: K.value,
+              value: `${K.value}`,
               variant: "2-col"
             }, {
-              default: D(() => [
-                b("span", bn, T(H == null ? void 0 : H.flag), 1),
-                b("span", gn, T(H.label), 1)
+              default: L(() => [
+                b("span", gn, C(K == null ? void 0 : K.flag), 1),
+                b("span", mn, C(K.label), 1)
               ]),
               _: 2
-            }, 1032, ["aria-label", "value"]))), 128)) : w("", !0)
+            }, 1032, ["aria-label", "value"]))), 128)) : S("", !0)
           ]),
           _: 1
         }, 8, ["anchor-id", "model-value", "options-id", "shown"])
-      ])) : w("", !0)
+      ])) : S("", !0)
     ], 16));
   }
-}), mn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), yn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsInputSearch",
   props: {
     /** Sets the disabled state on input, disabled styles on label. */
@@ -3019,44 +3015,44 @@ const Aa = {
   },
   emits: ["clear", "update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = v(() => me.concat(t.passAttrs.split(","))), l = v(() => !t.disabled && !t.hideClear && t.variant !== "filter");
-    return (i, u) => (d(), O(Ce, N({
+    const t = e, n = p(() => Ie.concat(t.passAttrs.split(","))), l = p(() => !t.disabled && !t.hideClear && t.variant !== "filter");
+    return (r, u) => (s(), E(Ee, z({
       class: "bs-input-search",
       "data-component": "bs-input-search",
       "data-variant": e.variant,
       disabled: e.disabled
-    }, f(K)(i.$attrs, n.value).remaining), {
-      default: D(() => [
-        e.hideSearchIcon ? w("", !0) : (d(), O(f(mt), { key: 0 })),
-        V(ve, N({
+    }, f(Y)(r.$attrs, n.value).remaining), {
+      default: L(() => [
+        e.hideSearchIcon ? S("", !0) : (s(), E(f(yt), { key: 0 })),
+        A(Se, z({
           "data-autowidth": "",
           disabled: e.disabled,
-          "input-id": i.$attrs.id || e.inputId,
+          "input-id": r.$attrs.id || e.inputId,
           placeholder: e.placeholder,
           value: e.value || e.modelValue
-        }, f(K)(i.$attrs, n.value).filtered, {
-          "onUpdate:modelValue": u[0] || (u[0] = (o) => i.$emit("update:modelValue", o))
+        }, f(Y)(r.$attrs, n.value).filtered, {
+          "onUpdate:modelValue": u[0] || (u[0] = (o) => r.$emit("update:modelValue", o))
         }), null, 16, ["disabled", "input-id", "placeholder", "value"]),
-        Be(b("button", {
+        Te(b("button", {
           title: "Clear",
           type: "button",
-          onClick: u[1] || (u[1] = (o) => i.$emit("clear"))
+          onClick: u[1] || (u[1] = (o) => r.$emit("clear"))
         }, [
-          V(f($e), { size: "sm" })
+          A(f(Ae), { size: "sm" })
         ], 512), [
-          [Se, l.value]
+          [xe, l.value]
         ])
       ]),
       _: 1
     }, 16, ["data-variant", "disabled"]));
   }
-}), yn = ["data-size", "data-variant"], Bn = /* @__PURE__ */ b("span", null, null, -1), Sn = /* @__PURE__ */ b("span", null, null, -1), $n = /* @__PURE__ */ b("span", null, null, -1), wn = /* @__PURE__ */ b("span", null, null, -1), kn = /* @__PURE__ */ b("span", { class: "visually-hidden" }, "Loading", -1), In = [
-  Bn,
+}), Bn = ["data-size", "data-variant"], Sn = /* @__PURE__ */ b("span", null, null, -1), $n = /* @__PURE__ */ b("span", null, null, -1), wn = /* @__PURE__ */ b("span", null, null, -1), kn = /* @__PURE__ */ b("span", null, null, -1), In = /* @__PURE__ */ b("span", { class: "visually-hidden" }, "Loading", -1), Cn = [
   Sn,
   $n,
   wn,
-  kn
-], Cn = {
+  kn,
+  In
+], Tn = {
   __name: "BsLoader",
   props: {
     size: {
@@ -3070,14 +3066,14 @@ const Aa = {
     }
   },
   setup(e) {
-    return (a, t) => (d(), p("span", {
+    return (a, t) => (s(), v("span", {
       class: "bs-loader",
       "data-size": e.size,
       "data-variant": e.variant,
       role: "status"
-    }, In, 8, yn));
+    }, Cn, 8, Bn));
   }
-}, Tn = ["id"], oo = {
+}, xn = ["id"], io = {
   __name: "BsInputTypeahead",
   props: {
     characterThreshold: {
@@ -3141,59 +3137,59 @@ const Aa = {
   },
   emits: ["update:inputValue", "update:optionsValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = B(!1), i = B(!1), [u] = Q();
+    const t = e, n = a, l = g(!1), r = g(!1), [u] = Z();
     let o = [];
-    R(() => t.inputValue, () => {
-      i.value ? i.value = !1 : $();
+    N(() => t.inputValue, () => {
+      r.value ? r.value = !1 : k();
     });
-    const s = v(() => t.typeaheadId || u.value), r = v(() => `${s.value}-input-container`), c = v(() => `${s.value}-input`), h = v(() => `${s.value}-options`), k = v(() => {
+    const d = p(() => t.typeaheadId || u.value), i = p(() => `${d.value}-input-container`), c = p(() => `${d.value}-input`), h = p(() => `${d.value}-options`), w = p(() => {
       if (l.value) {
         let y = t.options;
-        const m = t.inputValue.toLowerCase(), z = t.filterType === "includes" ? "includes" : "startsWith";
-        return y = g(y, m, z), y = y.slice(0, t.maxOptions), y = x(y, m, z), o = y, y;
+        const m = t.inputValue.toLowerCase(), P = t.filterType === "includes" ? "includes" : "startsWith";
+        return y = $(y, m, P), y = y.slice(0, t.maxOptions), y = M(y, m, P), o = y, y;
       } else
         return o;
     });
-    function g(y, m, z) {
-      return t.internalFiltering ? y.filter((I) => I.label.toLowerCase()[z](m)) : y;
+    function $(y, m, P) {
+      return t.internalFiltering ? y.filter((D) => D.label.toLowerCase()[P](m)) : y;
     }
-    function x(y, m, z) {
-      return y.map((I) => {
-        let A = I.label;
+    function M(y, m, P) {
+      return y.map((D) => {
+        let R = D.label;
         if (m !== "") {
-          const P = z === "includes" ? "gi" : "i", F = new RegExp(`(${m})`, P);
-          A = I.label.replace(F, '<span style="color: var(--bs-blue-base)">$1</span>');
+          const U = P === "includes" ? "gi" : "i", J = new RegExp(`(${m})`, U);
+          R = D.label.replace(J, '<span style="color: var(--bs-blue-base)">$1</span>');
         }
-        return { ...I, labelHtml: A };
+        return { ...D, labelHtml: R };
       });
     }
-    function $() {
+    function k() {
       t.inputValue.length >= t.characterThreshold ? l.value = !0 : l.value = !1;
     }
-    function C() {
+    function I() {
       n("update:inputValue", ""), n("update:optionsValue", ""), document.getElementById(c.value).focus();
     }
-    function q(y) {
-      i.value = !0, l.value = !1;
-      const m = k.value.find((z) => z.value === y);
+    function O(y) {
+      r.value = !0, l.value = !1;
+      const m = w.value.find((P) => P.value === y);
       n("update:inputValue", m.label), n("update:optionsValue", y);
     }
-    return (y, m) => (d(), p(U, null, [
-      e.label || y.$slots.label ? (d(), O(ne, {
+    return (y, m) => (s(), v(W, null, [
+      e.label || y.$slots.label ? (s(), E(oe, {
         key: 0,
         for: c.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: D(() => [
-          L(y.$slots, "label", {}, () => [
-            G(T(e.label), 1)
+        default: L(() => [
+          x(y.$slots, "label", {}, () => [
+            H(C(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : w("", !0),
-      b("div", { id: r.value }, [
-        V(mn, N({
+      }, 8, ["for", "disabled", "required"])) : S("", !0),
+      b("div", { id: i.value }, [
+        A(yn, z({
           "aria-controls": h.value,
           "aria-expanded": l.value,
           "aria-haspopup": "listbox",
@@ -3207,14 +3203,13 @@ const Aa = {
           role: "combobox",
           value: e.inputValue
         }, y.$attrs, {
-          onClear: C,
-          onFocusin: $,
-          "onUpdate:modelValue": m[0] || (m[0] = (z) => n("update:inputValue", z))
+          onClear: I,
+          onFocusin: k,
+          "onUpdate:modelValue": m[0] || (m[0] = (P) => n("update:inputValue", P))
         }), null, 16, ["aria-controls", "aria-expanded", "disabled", "hide-clear", "hide-search-icon", "input-id", "placeholder", "value"])
-      ], 8, Tn),
-      V(We, {
-        "anchor-id": r.value,
-        "focus-on-show": !1,
+      ], 8, xn),
+      A(We, {
+        "anchor-id": i.value,
         "model-value": e.optionsValue,
         "options-id": h.value,
         preloaded: !0,
@@ -3222,21 +3217,21 @@ const Aa = {
         shown: l.value,
         "use-mobile-style": !1,
         width: "toggle",
-        onClose: m[1] || (m[1] = (z) => l.value = !1),
-        "onUpdate:modelValue": q
+        onClose: m[1] || (m[1] = (P) => l.value = !1),
+        "onUpdate:modelValue": O
       }, {
-        default: D(() => [
-          V(ye, { options: k.value }, lt({ _: 2 }, [
+        default: L(() => [
+          A(Ce, { options: w.value }, lt({ _: 2 }, [
             e.loading ? {
               name: "no-options",
-              fn: D(() => [
-                V(Cn, { size: "xs" })
+              fn: L(() => [
+                A(Tn, { size: "xs" })
               ]),
               key: "0"
             } : {
               name: "no-options",
-              fn: D(() => [
-                G("No results found")
+              fn: L(() => [
+                H("No results found")
               ]),
               key: "1"
             }
@@ -3246,7 +3241,7 @@ const Aa = {
       }, 8, ["anchor-id", "model-value", "options-id", "shown"])
     ], 64));
   }
-}, xn = /* @__PURE__ */ b("div", { class: "bs-overlay" }, null, -1), An = {
+}, An = /* @__PURE__ */ b("div", { class: "bs-overlay" }, null, -1), Vn = {
   __name: "BsOverlay",
   props: {
     shown: {
@@ -3275,10 +3270,10 @@ const Aa = {
   },
   emits: ["after-enter", "after-leave"],
   setup(e, { emit: a }) {
-    const t = e, n = a, { transition: l } = fe(t);
-    return R(l, (i) => {
-      i ? document.body.setAttribute("data-scroll", "false") : document.body.removeAttribute("data-scroll");
-    }), (i, u) => (d(), O(f(Te), {
+    const t = e, n = a, { transition: l } = ye(t);
+    return N(l, (r) => {
+      r ? document.body.setAttribute("data-scroll", "false") : document.body.removeAttribute("data-scroll");
+    }), (r, u) => (s(), E(f(Oe), {
       shown: f(l),
       preloaded: e.preloaded,
       duration: 75,
@@ -3286,13 +3281,13 @@ const Aa = {
       onAfterEnter: u[0] || (u[0] = (o) => n("after-enter")),
       onAfterLeave: u[1] || (u[1] = (o) => n("after-leave"))
     }, {
-      default: D(() => [
-        xn
+      default: L(() => [
+        An
       ]),
       _: 1
     }, 8, ["shown", "preloaded"]));
   }
-}, Ln = ["id", "role", "aria-labelledby"], Vn = ["id"], io = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Ln = ["id", "role", "aria-labelledby"], En = ["id"], ro = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsModal",
   props: {
     modalId: {
@@ -3337,86 +3332,86 @@ const Aa = {
   },
   emits: ["close", "after-enter", "after-leave"],
   setup(e, { emit: a }) {
-    const t = e, n = a, { transition: l } = fe(t), [i] = Q();
+    const t = e, n = a, { transition: l } = ye(t), [r] = Z();
     let u = !1;
-    const o = B(null), s = (h) => {
+    const o = g(null), d = (h) => {
       o.value && h.target.closest(".bs-overlay") && n("close", t.modalId);
     };
-    Y(() => {
-      document.addEventListener("click", s);
-    }), re(() => {
-      document.removeEventListener("click", s);
-    }), Ie(["Escape"], () => {
+    X(() => {
+      document.addEventListener("click", d);
+    }), ve(() => {
+      document.removeEventListener("click", d);
+    }), me(["Escape"], () => {
       u && n("close", t.modalId);
     });
-    const r = () => !t.title && t.closeButton, c = () => t.title && t.closeButton;
-    return (h, k) => (d(), p(U, null, [
-      V(An, {
+    const i = () => !t.title && t.closeButton, c = () => t.title && t.closeButton;
+    return (h, w) => (s(), v(W, null, [
+      A(Vn, {
         shown: f(l),
         preloaded: e.preloaded,
         "enter-controlled": e.enterControlled,
         "enter-trigger": e.enterTrigger,
         "leave-trigger": e.leaveTrigger
       }, null, 8, ["shown", "preloaded", "enter-controlled", "enter-trigger", "leave-trigger"]),
-      V(Te, {
+      A(Oe, {
         shown: f(l),
         preloaded: e.preloaded,
         duration: 75,
         "enter-attribute": "data-shown",
-        onEnter: k[1] || (k[1] = (g) => ht(u) ? u.value = !0 : u = !0),
-        onAfterEnter: k[2] || (k[2] = (g) => n("after-enter")),
-        onAfterLeave: k[3] || (k[3] = (g) => n("after-leave"))
+        onEnter: w[1] || (w[1] = ($) => bt(u) ? u.value = !0 : u = !0),
+        onAfterEnter: w[2] || (w[2] = ($) => n("after-enter")),
+        onAfterLeave: w[3] || (w[3] = ($) => n("after-leave"))
       }, {
-        default: D(() => [
-          b("div", N({
+        default: L(() => [
+          b("div", z({
             id: e.modalId,
             class: "bs-modal",
             role: e.alert ? "alertdialog" : "dialog",
-            "aria-labelledby": e.title && !h.$attrs["aria-label"] ? f(i) : void 0,
+            "aria-labelledby": e.title && !h.$attrs["aria-label"] ? f(r) : void 0,
             "aria-modal": "true"
           }, h.$attrs, {
             ref_key: "modalRef",
             ref: o
           }), [
-            e.title || e.closeButton ? (d(), p("header", {
+            e.title || e.closeButton ? (s(), v("header", {
               key: 0,
-              class: ae({
-                "only-close-button-modal-header": r,
+              class: le({
+                "only-close-button-modal-header": i,
                 "modal-header": c
               })
             }, [
-              e.title ? (d(), p("h5", {
+              e.title ? (s(), v("h5", {
                 key: 0,
-                id: f(i),
+                id: f(r),
                 class: "modal-title"
-              }, T(e.title), 9, Vn)) : w("", !0),
-              e.closeButton ? (d(), p("button", {
+              }, C(e.title), 9, En)) : S("", !0),
+              e.closeButton ? (s(), v("button", {
                 key: 1,
                 type: "button",
                 title: "Close Modal",
                 "aria-label": "Close Modal",
-                onClick: k[0] || (k[0] = (g) => n("close", e.modalId))
+                onClick: w[0] || (w[0] = ($) => n("close", e.modalId))
               }, [
-                V(f($e), { class: "close-button" })
-              ])) : w("", !0)
-            ], 2)) : w("", !0),
-            L(h.$slots, "default")
+                A(f(Ae), { class: "close-button" })
+              ])) : S("", !0)
+            ], 2)) : S("", !0),
+            x(h.$slots, "default")
           ], 16, Ln)
         ]),
         _: 3
       }, 8, ["shown", "preloaded"])
     ], 64));
   }
-}), En = ["data-variant", "data-fixed"], Dn = {
+}), On = ["data-variant", "data-fixed"], Dn = {
   key: 0,
   class: "bs-pagination-carets"
-}, On = ["aria-label", "title", "disabled"], Pn = { key: 0 }, qn = ["aria-label", "title", "disabled"], Mn = { key: 0 }, zn = {
+}, Pn = ["aria-label", "title", "disabled"], qn = { key: 0 }, Mn = ["aria-label", "title", "disabled"], Nn = { key: 0 }, zn = {
   key: 1,
   class: "bs-pagination-page-numbers"
-}, Nn = ["title", "data-selected", "onClick"], Rn = { key: 2 }, jn = { key: 3 }, Fn = /* @__PURE__ */ b("span", null, "Results Per Page:", -1), Un = { class: "bs-pagination-results-numbers" }, Wn = ["data-selected", "disabled", "onClick"], Gn = {
+}, Rn = ["title", "data-selected", "onClick"], Fn = { key: 2 }, jn = { key: 3 }, Un = /* @__PURE__ */ b("span", null, "Results Per Page:", -1), Wn = { class: "bs-pagination-results-numbers" }, Gn = ["data-selected", "disabled", "onClick"], Hn = {
   key: 5,
   class: "bs-pagination-carets"
-}, Hn = ["aria-label", "title", "disabled"], Kn = { key: 0 }, Yn = ["aria-label", "title", "disabled"], Xn = { key: 0 }, ro = {
+}, Kn = ["aria-label", "title", "disabled"], Yn = { key: 0 }, Xn = ["aria-label", "title", "disabled"], Qn = { key: 0 }, so = {
   __name: "BsPagination",
   props: {
     // Used for all
@@ -3502,28 +3497,28 @@ const Aa = {
   },
   emits: ["selchange", "update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = B(null);
-    Y(() => {
-      i.value ? l.value = i.value : t.variant === "results" ? l.value = $.value[0] : l.value = 1;
+    const t = e, n = a, l = g(null);
+    X(() => {
+      r.value ? l.value = r.value : t.variant === "results" ? l.value = k.value[0] : l.value = 1;
     });
-    const i = v(() => t.modelValue || t.selection);
-    R(() => t.selection, (C) => {
-      l.value = C;
-    }), R(() => t.modelValue, (C) => {
-      l.value = C;
-    }), R(l, (C, q) => {
-      q !== null && (n("selchange", C), n("update:modelValue", C));
+    const r = p(() => t.modelValue || t.selection);
+    N(() => t.selection, (I) => {
+      l.value = I;
+    }), N(() => t.modelValue, (I) => {
+      l.value = I;
+    }), N(l, (I, O) => {
+      O !== null && (n("selchange", I), n("update:modelValue", I));
     });
-    const u = v(() => {
+    const u = p(() => {
       if (t.variant === "group")
         return Math.ceil(t.itemsCount / t.itemsPerGroup);
       if (t.variant === "base")
         return t.pageCount;
-    }), o = v(() => t.variant === "base" ? t.centerDisplay === "text" ? "group" : void 0 : t.variant);
-    function s() {
+    }), o = p(() => t.variant === "base" ? t.centerDisplay === "text" ? "group" : void 0 : t.variant);
+    function d() {
       l.value = 1;
     }
-    function r() {
+    function i() {
       l.value = Math.max(l.value - 1, 1);
     }
     function c() {
@@ -3535,100 +3530,100 @@ const Aa = {
     function h() {
       l.value = u.value;
     }
-    const k = v(() => {
+    const w = p(() => {
       if (t.pageCount <= t.pageRange)
         return [...Array(t.pageCount + 1).keys()].slice(1);
-      const C = [1], q = (t.pageRange - 1) / 2;
-      let y = l.value - q, m = l.value + q;
-      y < 1 && (m += 1 - y, y = 1), m > t.pageCount && (y -= m - t.pageCount, m = t.pageCount), y = Math.max(y, 2), m = Math.min(m, t.pageCount - 1), y > 2 && C.push(t.breakText);
-      for (let z = y; z <= m; z++)
-        C.push(z);
-      return m < t.pageCount - 1 && C.push(t.breakText), C.push(t.pageCount), C;
-    }), g = v(() => `${t.centerLabel ?? "Page"} ${l.value} of ${u.value}`), x = v(() => {
-      const C = (l.value - 1) * t.itemsPerGroup + 1, q = Math.min(C - 1 + t.itemsPerGroup, t.itemsCount);
-      return `${t.centerLabel ?? "Results"} ${C} - ${q} of ${t.itemsCount}`;
-    }), $ = v(() => t.resultsIncrements.split(",").map((C) => parseInt(C)));
-    return (C, q) => (d(), p("div", {
+      const I = [1], O = (t.pageRange - 1) / 2;
+      let y = l.value - O, m = l.value + O;
+      y < 1 && (m += 1 - y, y = 1), m > t.pageCount && (y -= m - t.pageCount, m = t.pageCount), y = Math.max(y, 2), m = Math.min(m, t.pageCount - 1), y > 2 && I.push(t.breakText);
+      for (let P = y; P <= m; P++)
+        I.push(P);
+      return m < t.pageCount - 1 && I.push(t.breakText), I.push(t.pageCount), I;
+    }), $ = p(() => `${t.centerLabel ?? "Page"} ${l.value} of ${u.value}`), M = p(() => {
+      const I = (l.value - 1) * t.itemsPerGroup + 1, O = Math.min(I - 1 + t.itemsPerGroup, t.itemsCount);
+      return `${t.centerLabel ?? "Results"} ${I} - ${O} of ${t.itemsCount}`;
+    }), k = p(() => t.resultsIncrements.split(",").map((I) => parseInt(I)));
+    return (I, O) => (s(), v("div", {
       class: "bs-pagination",
       "data-variant": o.value,
       "data-fixed": t.fixed
     }, [
-      e.variant === "base" || e.variant === "group" ? (d(), p("div", Dn, [
-        e.showFirstLastButtons ? (d(), p("button", {
+      e.variant === "base" || e.variant === "group" ? (s(), v("div", Dn, [
+        e.showFirstLastButtons ? (s(), v("button", {
           key: 0,
           type: "button",
-          class: ae(e.firstPageText ? "bs-pagination-word-caret" : void 0),
+          class: le(e.firstPageText ? "bs-pagination-word-caret" : void 0),
           "aria-label": e.firstPageText ? void 0 : "First Page",
           title: e.firstPageText,
           disabled: l.value === 1,
-          onClick: s
+          onClick: d
         }, [
-          V(f(yt)),
-          e.firstPageText ? (d(), p("span", Pn, T(e.firstPageText), 1)) : w("", !0)
-        ], 10, On)) : w("", !0),
+          A(f(Bt)),
+          e.firstPageText ? (s(), v("span", qn, C(e.firstPageText), 1)) : S("", !0)
+        ], 10, Pn)) : S("", !0),
         b("button", {
           type: "button",
-          class: ae(e.prevPageText ? "bs-pagination-word-caret" : void 0),
+          class: le(e.prevPageText ? "bs-pagination-word-caret" : void 0),
           "aria-label": e.prevPageText ? void 0 : "Previous Page",
           title: e.prevPageText,
           disabled: l.value === 1,
-          onClick: r
+          onClick: i
         }, [
-          V(f(Bt)),
-          e.prevPageText ? (d(), p("span", Mn, T(e.prevPageText), 1)) : w("", !0)
-        ], 10, qn)
-      ])) : w("", !0),
-      e.variant === "base" && e.centerDisplay === "numbers" ? (d(), p("div", zn, [
-        (d(!0), p(U, null, J(k.value, (y) => (d(), p("button", {
+          A(f(St)),
+          e.prevPageText ? (s(), v("span", Nn, C(e.prevPageText), 1)) : S("", !0)
+        ], 10, Mn)
+      ])) : S("", !0),
+      e.variant === "base" && e.centerDisplay === "numbers" ? (s(), v("div", zn, [
+        (s(!0), v(W, null, _(w.value, (y) => (s(), v("button", {
           key: `page-${y}-button`,
           type: "button",
           title: `Page ${y}`,
           "data-selected": y === l.value,
           onClick: (m) => l.value = y
-        }, T(y), 9, Nn))), 128))
-      ])) : w("", !0),
-      t.variant === "base" && t.centerDisplay === "text" ? (d(), p("span", Rn, T(g.value), 1)) : w("", !0),
-      t.variant === "group" ? (d(), p("span", jn, T(x.value), 1)) : w("", !0),
-      t.variant === "results" ? (d(), p(U, { key: 4 }, [
-        Fn,
-        b("div", Un, [
-          (d(!0), p(U, null, J($.value, (y) => (d(), p("button", {
+        }, C(y), 9, Rn))), 128))
+      ])) : S("", !0),
+      t.variant === "base" && t.centerDisplay === "text" ? (s(), v("span", Fn, C($.value), 1)) : S("", !0),
+      t.variant === "group" ? (s(), v("span", jn, C(M.value), 1)) : S("", !0),
+      t.variant === "results" ? (s(), v(W, { key: 4 }, [
+        Un,
+        b("div", Wn, [
+          (s(!0), v(W, null, _(k.value, (y) => (s(), v("button", {
             type: "button",
             key: `results-${y}`,
             "data-selected": y === l.value,
             disabled: l.value === y,
             onClick: (m) => l.value = y
-          }, T(y), 9, Wn))), 128))
+          }, C(y), 9, Gn))), 128))
         ])
-      ], 64)) : w("", !0),
-      e.variant === "base" || e.variant === "group" ? (d(), p("div", Gn, [
+      ], 64)) : S("", !0),
+      e.variant === "base" || e.variant === "group" ? (s(), v("div", Hn, [
         b("button", {
           type: "button",
-          class: ae(e.nextPageText ? "bs-pagination-word-caret" : void 0),
+          class: le(e.nextPageText ? "bs-pagination-word-caret" : void 0),
           "aria-label": e.nextPageText ? void 0 : "Next Page",
           title: e.nextPageText,
           disabled: l.value === u.value,
           onClick: c
         }, [
-          e.nextPageText ? (d(), p("span", Kn, T(e.nextPageText), 1)) : w("", !0),
-          V(f(St))
-        ], 10, Hn),
-        e.showFirstLastButtons ? (d(), p("button", {
+          e.nextPageText ? (s(), v("span", Yn, C(e.nextPageText), 1)) : S("", !0),
+          A(f($t))
+        ], 10, Kn),
+        e.showFirstLastButtons ? (s(), v("button", {
           key: 0,
           type: "button",
-          class: ae(e.lastPageText ? "bs-pagination-word-caret" : void 0),
+          class: le(e.lastPageText ? "bs-pagination-word-caret" : void 0),
           "aria-label": e.lastPageText ? void 0 : "Last Page",
           title: e.lastPageText,
           disabled: l.value === u.value,
           onClick: h
         }, [
-          e.lastPageText ? (d(), p("span", Xn, T(e.lastPageText), 1)) : w("", !0),
-          V(f($t))
-        ], 10, Yn)) : w("", !0)
-      ])) : w("", !0)
-    ], 8, En));
+          e.lastPageText ? (s(), v("span", Qn, C(e.lastPageText), 1)) : S("", !0),
+          A(f(wt))
+        ], 10, Xn)) : S("", !0)
+      ])) : S("", !0)
+    ], 8, On));
   }
-}, Qn = ["data-truncate"], so = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Jn = ["data-truncate"], uo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsPill",
   props: {
     active: { type: Boolean, default: !1 },
@@ -3652,8 +3647,8 @@ const Aa = {
     }
   },
   setup(e) {
-    const a = e, { onLinkClick: t } = ke(a), n = se(), { rootTag: l, attrsToBind: i, hrefUrl: u } = we(a, n, "span");
-    return (o, s) => (d(), O(Z(f(l)), N({
+    const a = e, { onLinkClick: t } = Le(a), n = fe(), { rootTag: l, attrsToBind: r, hrefUrl: u } = Ve(a, n, "span");
+    return (o, d) => (s(), E(te(f(l)), z({
       class: "bs-pill",
       "data-active": e.active,
       "data-component": "bs-pill",
@@ -3661,26 +3656,26 @@ const Aa = {
       "data-variant": e.variant || void 0,
       disabled: e.disabled,
       ".href": f(u)
-    }, f(i), { onClick: f(t) }), {
-      default: D(() => [
+    }, f(r), { onClick: f(t) }), {
+      default: L(() => [
         b("span", { "data-truncate": e.truncate }, [
-          L(o.$slots, "default")
-        ], 8, Qn)
+          x(o.$slots, "default")
+        ], 8, Jn)
       ]),
       _: 3
     }, 48, ["data-active", "data-status", "data-variant", "disabled", ".href", "onClick"]));
   }
-}), Jn = { class: "bs-profile-details" }, Zn = {
+}), Zn = { class: "bs-profile-details" }, _n = {
   class: "bs-profile-name",
   "data-size": "sm",
   "data-weight": "bold"
-}, _n = {
+}, el = {
   key: 1,
   "data-weight": "bold"
-}, el = { key: 2 }, tl = { key: 3 }, al = {
+}, tl = { key: 2 }, al = { key: 3 }, nl = {
   key: 4,
   "data-icon": "true"
-}, nl = {
+}, ll = {
   __name: "BsProfileDetails",
   props: {
     profileName: {
@@ -3697,40 +3692,40 @@ const Aa = {
   },
   emits: ["action-toggled"],
   setup(e, { emit: a }) {
-    const t = e, n = a, { icon: l } = ge(t, "actionIcon"), { icon: i } = ge(t, "miscMetaIcon");
+    const t = e, n = a, { icon: l } = ke(t, "actionIcon"), { icon: r } = ke(t, "miscMetaIcon");
     function u(o) {
       o.target.tagName === "BUTTON" && (o.preventDefault(), o.stopImmediatePropagation(), n("action-toggled"));
     }
-    return (o, s) => (d(), p("div", Jn, [
-      e.action || o.$slots.action ? (d(), p("button", {
+    return (o, d) => (s(), v("div", Zn, [
+      e.action || o.$slots.action ? (s(), v("button", {
         key: 0,
         "data-icon": "true",
         onClick: u
       }, [
-        L(o.$slots, "action", {}, () => [
-          e.actionIcon ? (d(), O(Z(f(l) ? f(l) : "span"), {
+        x(o.$slots, "action", {}, () => [
+          e.actionIcon ? (s(), E(te(f(l) ? f(l) : "span"), {
             key: 0,
             class: "bs-icon"
-          })) : w("", !0),
-          G(" " + T(e.action), 1)
+          })) : S("", !0),
+          H(" " + C(e.action), 1)
         ])
-      ])) : w("", !0),
-      b("span", Zn, T(e.profileName), 1),
-      e.company ? (d(), p("span", _n, T(e.company), 1)) : w("", !0),
-      e.jobTitle ? (d(), p("span", el, T(e.jobTitle), 1)) : w("", !0),
-      e.email ? (d(), p("span", tl, T(e.email), 1)) : w("", !0),
-      e.miscMeta || o.$slots.misc ? (d(), p("span", al, [
-        L(o.$slots, "misc", {}, () => [
-          e.miscMetaIcon ? (d(), O(Z(f(i) ? f(i) : "span"), {
+      ])) : S("", !0),
+      b("span", _n, C(e.profileName), 1),
+      e.company ? (s(), v("span", el, C(e.company), 1)) : S("", !0),
+      e.jobTitle ? (s(), v("span", tl, C(e.jobTitle), 1)) : S("", !0),
+      e.email ? (s(), v("span", al, C(e.email), 1)) : S("", !0),
+      e.miscMeta || o.$slots.misc ? (s(), v("span", nl, [
+        x(o.$slots, "misc", {}, () => [
+          e.miscMetaIcon ? (s(), E(te(f(r) ? f(r) : "span"), {
             key: 0,
             class: "bs-icon"
-          })) : w("", !0),
-          G(" " + T(e.miscMeta), 1)
+          })) : S("", !0),
+          H(" " + C(e.miscMeta), 1)
         ])
-      ])) : w("", !0)
+      ])) : S("", !0)
     ]));
   }
-}, uo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, co = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsProfile",
   props: {
     layout: {
@@ -3760,21 +3755,21 @@ const Aa = {
   },
   emits: ["action-toggled"],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = se(), { onLinkClick: i } = ke(t), { rootTag: u, attrsToBind: o, hrefUrl: s } = we(t, l, "div");
-    return (r, c) => (d(), O(Z(f(u)), N({
+    const t = e, n = a, l = fe(), { onLinkClick: r } = Le(t), { rootTag: u, attrsToBind: o, hrefUrl: d } = Ve(t, l, "div");
+    return (i, c) => (s(), E(te(f(u)), z({
       class: "bs-profile",
-      ".href": f(s),
+      ".href": f(d),
       "data-layout": e.layout
-    }, f(o), { onClick: f(i) }), {
-      default: D(() => [
-        V(ut, {
+    }, f(o), { onClick: f(r) }), {
+      default: L(() => [
+        A(ut, {
           src: e.imageSrc,
           size: e.imageSize,
           initials: e.initials,
           "profile-name": e.profileName,
           "use-alt-text": !1
         }, null, 8, ["src", "size", "initials", "profile-name"]),
-        V(nl, {
+        A(ll, {
           "profile-name": e.profileName,
           company: e.company,
           "job-title": e.jobTitle,
@@ -3785,11 +3780,11 @@ const Aa = {
           "misc-meta-icon": e.miscMetaIcon,
           onActionToggled: c[0] || (c[0] = (h) => n("action-toggled"))
         }, {
-          action: D(() => [
-            L(r.$slots, "action")
+          action: L(() => [
+            x(i.$slots, "action")
           ]),
-          misc: D(() => [
-            L(r.$slots, "misc")
+          misc: L(() => [
+            x(i.$slots, "misc")
           ]),
           _: 3
         }, 8, ["profile-name", "company", "job-title", "email", "action", "action-icon", "misc-meta", "misc-meta-icon"])
@@ -3799,13 +3794,13 @@ const Aa = {
   }
 });
 function ct(e) {
-  const a = v(() => {
+  const a = p(() => {
     var l;
     switch (e.currentStatus) {
       case void 0:
       case null:
       case "":
-        return (l = e.steps.filter((i) => i.status === "complete")) == null ? void 0 : l.length;
+        return (l = e.steps.filter((r) => r.status === "complete")) == null ? void 0 : l.length;
       case "complete":
         return e.steps.length;
       case "in-progress":
@@ -3813,9 +3808,9 @@ function ct(e) {
       default:
         return e.currentStep;
     }
-  }), t = v(() => `${a.value} of ${e.steps.length} completed.`);
-  function n(l, i) {
-    return l || (e.currentStatus ? i < e.currentStep ? "complete" : i === e.currentStep ? e.currentStatus : "not-started" : "not-started");
+  }), t = p(() => `${a.value} of ${e.steps.length} completed.`);
+  function n(l, r) {
+    return l || (e.currentStatus ? r < e.currentStep ? "complete" : r === e.currentStep ? e.currentStatus : "not-started" : "not-started");
   }
   return {
     progressStep: a,
@@ -3823,7 +3818,7 @@ function ct(e) {
     getStatus: n
   };
 }
-const ll = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], ol = ["data-status"], co = {
+const ol = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], il = ["data-status"], fo = {
   __name: "BsProgressBar",
   props: {
     /** @type {Status} */
@@ -3852,25 +3847,25 @@ const ll = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], ol = ["data-sta
   },
   setup(e) {
     const a = e, { progressStep: t, progressText: n, getStatus: l } = ct(a);
-    return (i, u) => (d(), p("div", {
+    return (r, u) => (s(), v("div", {
       "aria-valuemax": e.steps.length,
       "aria-valuenow": f(t),
       "aria-valuetext": f(n),
       class: "bs-progress-bar",
       role: "progressbar"
     }, [
-      (d(!0), p(U, null, J(e.steps, (o, s) => (d(), p("div", {
+      (s(!0), v(W, null, _(e.steps, (o, d) => (s(), v("div", {
         class: "bs-step-item",
-        "data-status": f(l)(o.status, s),
+        "data-status": f(l)(o.status, d),
         "data-variant": "progress",
         key: o.id || o.label,
         role: "status"
       }, [
-        b("span", null, T(o.label || o) + " : " + T(f(l)(o.status, s) || "not started"), 1)
-      ], 8, ol))), 128))
-    ], 8, ll));
+        b("span", null, C(o.label || o) + " : " + C(f(l)(o.status, d) || "not started"), 1)
+      ], 8, il))), 128))
+    ], 8, ol));
   }
-}, il = ["data-size"], rl = ["checked", "disabled", "id", "required", "value", "data-error"], fo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, rl = ["data-size"], sl = ["checked", "disabled", "id", "required", "value", "data-error"], vo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsRadio",
   props: {
     label: {
@@ -3914,39 +3909,39 @@ const ll = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], ol = ["data-sta
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, [n] = Q(), l = v(() => je.concat(t.passAttrs.split(","))), i = v(() => t.inputId || n.value), u = v(() => t.checked || t.modelValue && t.modelValue === t.value);
-    return (o, s) => (d(), p("div", N({
+    const t = e, [n] = Z(), l = p(() => Fe.concat(t.passAttrs.split(","))), r = p(() => t.inputId || n.value), u = p(() => t.checked || t.modelValue && t.modelValue === t.value);
+    return (o, d) => (s(), v("div", z({
       class: "bs-boolean",
       "data-component": "bs-radio",
       "data-size": e.size
-    }, f(K)(o.$attrs, l.value).remaining), [
-      b("input", N({
+    }, f(Y)(o.$attrs, l.value).remaining), [
+      b("input", z({
         checked: u.value,
         disabled: e.disabled,
-        id: o.$attrs.id || i.value,
+        id: o.$attrs.id || r.value,
         required: e.required,
         type: "radio",
         value: e.value,
         "data-error": e.error
-      }, f(K)(o.$attrs, l.value).filtered, {
-        onChange: s[0] || (s[0] = (r) => o.$emit("update:modelValue", r.target.value))
-      }), null, 16, rl),
-      e.label || o.$slots.label ? (d(), O(ne, {
+      }, f(Y)(o.$attrs, l.value).filtered, {
+        onChange: d[0] || (d[0] = (i) => o.$emit("update:modelValue", i.target.value))
+      }), null, 16, sl),
+      e.label || o.$slots.label ? (s(), E(oe, {
         key: 0,
-        for: o.$attrs.id || i.value,
+        for: o.$attrs.id || r.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: D(() => [
-          L(o.$slots, "label", {}, () => [
-            G(T(e.label), 1)
+        default: L(() => [
+          x(o.$slots, "label", {}, () => [
+            H(C(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : w("", !0)
-    ], 16, il));
+      }, 8, ["for", "disabled", "required"])) : S("", !0)
+    ], 16, rl));
   }
-}), sl = ["id", "disabled", "required", "data-error", "value"], dl = {
+}), dl = ["id", "disabled", "required", "data-error", "value"], ul = {
   __name: "BsSelect",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -3959,8 +3954,8 @@ const ll = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], ol = ["data-sta
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = v(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
-    return (l, i) => (d(), p("select", N({
+    const t = e, n = p(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
+    return (l, r) => (s(), v("select", z({
       id: l.$attrs.id || e.inputId,
       class: "bs-select",
       "data-component": "bs-select",
@@ -3969,12 +3964,12 @@ const ll = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], ol = ["data-sta
       "data-error": e.error,
       value: e.value || e.modelValue
     }, n.value, {
-      onChange: i[0] || (i[0] = (u) => l.$emit("update:modelValue", u.target.value))
+      onChange: r[0] || (r[0] = (u) => l.$emit("update:modelValue", u.target.value))
     }), [
-      L(l.$slots, "default")
-    ], 16, sl));
+      x(l.$slots, "default")
+    ], 16, dl));
   }
-}, ul = ["selected", "disabled"], cl = ["disabled", "selected", "value"], po = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, cl = ["selected", "disabled"], fl = ["disabled", "selected", "value"], po = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsSelectField",
   props: {
     data: {
@@ -4018,66 +4013,66 @@ const ll = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], ol = ["data-sta
     modelValue: [String, Number]
   },
   setup(e) {
-    const a = e, [t, n] = Q(2), l = v(() => ga.concat(a.passAttrs.split(","))), i = v(() => {
-      var r, c;
-      return ((c = (r = a.hints) == null ? void 0 : r.join) == null ? void 0 : c.call(r, `
+    const a = e, [t, n] = Z(2), l = p(() => ma.concat(a.passAttrs.split(","))), r = p(() => {
+      var i, c;
+      return ((c = (i = a.hints) == null ? void 0 : i.join) == null ? void 0 : c.call(i, `
 `)) || a.hints;
-    }), u = v(() => a.error && a.errorMsg || a.hint || i.value || void 0), o = v(() => a.inputId || t.value), s = v(() => a.value || a.modelValue);
-    return (r, c) => (d(), p("div", N({ "data-component": "bs-select-field" }, f(K)(r.$attrs, l.value).remaining), [
-      e.label || r.$slots.label ? (d(), O(ne, {
+    }), u = p(() => a.error && a.errorMsg || a.hint || r.value || void 0), o = p(() => a.inputId || t.value), d = p(() => a.value || a.modelValue);
+    return (i, c) => (s(), v("div", z({ "data-component": "bs-select-field" }, f(Y)(i.$attrs, l.value).remaining), [
+      e.label || i.$slots.label ? (s(), E(oe, {
         key: 0,
-        for: r.$attrs.id || o.value,
+        for: i.$attrs.id || o.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: D(() => [
-          L(r.$slots, "label", {}, () => [
-            G(T(e.label), 1)
+        default: L(() => [
+          x(i.$slots, "label", {}, () => [
+            H(C(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : w("", !0),
-      V(dl, N({
+      }, 8, ["for", "disabled", "required"])) : S("", !0),
+      A(ul, z({
         disabled: e.disabled,
         error: e.error,
         "hint-id": f(n),
-        "input-id": r.$attrs.id || o.value,
+        "input-id": i.$attrs.id || o.value,
         required: e.required,
-        value: s.value,
-        "onUpdate:modelValue": c[0] || (c[0] = (h) => r.$emit("update:modelValue", h))
-      }, f(K)(r.$attrs, l.value).filtered), {
-        default: D(() => [
+        value: d.value,
+        "onUpdate:modelValue": c[0] || (c[0] = (h) => i.$emit("update:modelValue", h))
+      }, f(Y)(i.$attrs, l.value).filtered), {
+        default: L(() => [
           b("option", {
-            selected: !s.value,
+            selected: !d.value,
             value: "",
-            disabled: !!s.value
-          }, T(e.disabled ? "" : e.placeholder), 9, ul),
-          (d(!0), p(U, null, J(e.data, (h) => (d(), p("option", {
+            disabled: !!d.value
+          }, C(e.disabled ? "" : e.placeholder), 9, cl),
+          (s(!0), v(W, null, _(e.data, (h) => (s(), v("option", {
             key: h.value,
             disabled: h.disabled,
-            selected: s.value === h.value,
+            selected: d.value === h.value,
             value: h.value
-          }, T(h.label), 9, cl))), 128))
+          }, C(h.label), 9, fl))), 128))
         ]),
         _: 1
       }, 16, ["disabled", "error", "hint-id", "input-id", "required", "value"]),
-      u.value ? (d(), O(pe, {
+      u.value ? (s(), E(Be, {
         key: 1,
         "data-disabled": e.disabled,
         error: e.error,
         "error-msg": e.errorMsg,
-        hint: e.hint || i.value,
+        hint: e.hint || r.value,
         "hint-id": f(n)
-      }, null, 8, ["data-disabled", "error", "error-msg", "hint", "hint-id"])) : w("", !0)
+      }, null, 8, ["data-disabled", "error", "error-msg", "hint", "hint-id"])) : S("", !0)
     ], 16));
   }
-}), fl = ["data-size", "data-variant"], pl = ["stroke"], vl = { key: 0 }, hl = /* @__PURE__ */ b("linearGradient", { id: "bs-spinner-gradient" }, [
+}), vl = ["data-size", "data-variant"], pl = ["stroke"], hl = { key: 0 }, bl = /* @__PURE__ */ b("linearGradient", { id: "bs-spinner-gradient" }, [
   /* @__PURE__ */ b("stop", { offset: "0%" }),
   /* @__PURE__ */ b("stop", { offset: "49%" }),
   /* @__PURE__ */ b("stop", { offset: "100%" })
-], -1), bl = [
-  hl
-], vo = {
+], -1), gl = [
+  bl
+], ho = {
   __name: "BsSpinner",
   props: {
     label: {
@@ -4094,7 +4089,7 @@ const ll = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], ol = ["data-sta
     }
   },
   setup(e) {
-    return (a, t) => (d(), p("svg", {
+    return (a, t) => (s(), v("svg", {
       class: "bs-spinner",
       "data-size": e.size,
       "data-variant": e.variant,
@@ -4103,7 +4098,7 @@ const ll = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], ol = ["data-sta
       viewBox: "0 0 100 100",
       xmlns: "http://www.w3.org/2000/svg"
     }, [
-      b("title", null, T(e.label), 1),
+      b("title", null, C(e.label), 1),
       b("circle", {
         cx: "50",
         cy: "50",
@@ -4111,10 +4106,10 @@ const ll = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], ol = ["data-sta
         r: "45",
         stroke: e.variant === "gradient" ? "url(#bs-spinner-gradient)" : void 0
       }, null, 8, pl),
-      e.variant === "gradient" ? (d(), p("defs", vl, bl)) : w("", !0)
-    ], 8, fl));
+      e.variant === "gradient" ? (s(), v("defs", hl, gl)) : S("", !0)
+    ], 8, vl));
   }
-}, gl = ["data-size"], ml = ["data-disabled", "data-pending", "data-size"], yl = ["checked", "disabled", "id"], Bl = ["data-inner-on-label", "data-inner-off-label"], ho = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, ml = ["data-size"], yl = ["data-disabled", "data-pending", "data-size"], Bl = ["checked", "disabled", "id"], Sl = ["data-inner-on-label", "data-inner-off-label"], bo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsSwitch",
   props: {
     checked: {
@@ -4160,48 +4155,48 @@ const ll = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], ol = ["data-sta
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, [l] = Q(), i = v(() => je.concat(t.passAttrs.split(","))), u = v(() => t.inputId || l.value), o = v(() => t.checked || t.modelValue);
-    return (s, r) => (d(), p("div", N({
+    const t = e, n = a, [l] = Z(), r = p(() => Fe.concat(t.passAttrs.split(","))), u = p(() => t.inputId || l.value), o = p(() => t.checked || t.modelValue);
+    return (d, i) => (s(), v("div", z({
       class: "bs-boolean",
       "data-component": "bs-switch",
       "data-size": e.size
-    }, f(K)(s.$attrs, i.value).remaining), [
-      e.label || s.$slots.label ? (d(), O(ne, {
+    }, f(Y)(d.$attrs, r.value).remaining), [
+      e.label || d.$slots.label ? (s(), E(oe, {
         key: 0,
-        for: s.$attrs.id || u.value,
+        for: d.$attrs.id || u.value,
         disabled: e.disabled,
         hide: e.hideLabel
       }, {
-        default: D(() => [
-          L(s.$slots, "label", {}, () => [
-            G(T(e.label), 1)
+        default: L(() => [
+          x(d.$slots, "label", {}, () => [
+            H(C(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "hide"])) : w("", !0),
+      }, 8, ["for", "disabled", "hide"])) : S("", !0),
       b("div", {
         class: "bs-switch",
         "data-disabled": e.disabled,
         "data-pending": e.pending,
         "data-size": e.size
       }, [
-        b("input", N({
+        b("input", z({
           checked: o.value,
           disabled: e.disabled,
-          id: s.$attrs.id || u.value,
+          id: d.$attrs.id || u.value,
           type: "checkbox"
-        }, f(K)(s.$attrs, i.value).filtered, {
-          onChange: r[0] || (r[0] = (c) => n("update:modelValue", c.target.checked))
-        }), null, 16, yl),
+        }, f(Y)(d.$attrs, r.value).filtered, {
+          onChange: i[0] || (i[0] = (c) => n("update:modelValue", c.target.checked))
+        }), null, 16, Bl),
         b("span", {
           "aria-hidden": "true",
           "data-inner-on-label": e.innerOnLabel,
           "data-inner-off-label": e.innerOffLabel
-        }, null, 8, Bl)
-      ], 8, ml)
-    ], 16, gl));
+        }, null, 8, Sl)
+      ], 8, yl)
+    ], 16, ml));
   }
-}), Sl = ["aria-controls", "aria-selected", "data-hidden"], bo = {
+}), $l = ["aria-controls", "aria-selected", "data-hidden"], go = {
   __name: "BsTab",
   props: {
     activeTabId: {
@@ -4218,32 +4213,32 @@ const ll = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], ol = ["data-sta
   },
   emits: ["tabClick"],
   setup(e, { emit: a }) {
-    const t = e, n = se(), l = B(), i = v(() => t.activeTabId === n.id), u = v(() => t.panelId || `${n.id}-panel`);
-    function o(r) {
-      (r.key === "Enter" || r.key === " ") && (r.preventDefault(), r.stopPropagation(), s());
+    const t = e, n = fe(), l = g(), r = p(() => t.activeTabId === n.id), u = p(() => t.panelId || `${n.id}-panel`);
+    function o(i) {
+      (i.key === "Enter" || i.key === " ") && (i.preventDefault(), i.stopPropagation(), d());
     }
-    function s() {
+    function d() {
       if (t.activeTabId !== n.id) {
-        const r = new CustomEvent("tabClick", { detail: n.id, bubbles: !0 });
-        l.value.dispatchEvent(r);
+        const i = new CustomEvent("tabClick", { detail: n.id, bubbles: !0 });
+        l.value.dispatchEvent(i);
       }
     }
-    return (r, c) => (d(), p("div", {
+    return (i, c) => (s(), v("div", {
       "aria-controls": u.value,
-      "aria-selected": i.value ? "true" : "false",
+      "aria-selected": r.value ? "true" : "false",
       "data-hidden": e.hidden || void 0,
       "data-component": "bs-tab",
       role: "tab",
       tabindex: "0",
       ref_key: "hostEl",
       ref: l,
-      onClick: s,
+      onClick: d,
       onKeydown: o
     }, [
-      L(r.$slots, "default")
-    ], 40, Sl));
+      x(i.$slots, "default")
+    ], 40, $l));
   }
-}, $l = ["id", "data-resizing"], wl = ["aria-controls", "aria-expanded", "data-active", "data-hidden", "id"], kl = 73, Il = 20, Cl = 16, go = {
+}, wl = ["id", "data-resizing"], kl = ["aria-controls", "aria-expanded", "data-active", "data-hidden", "id"], Il = 73, Cl = 20, Tl = 16, mo = {
   __name: "BsTabList",
   props: {
     activeTabId: { type: String, required: !0 },
@@ -4254,182 +4249,182 @@ const ll = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], ol = ["data-sta
   },
   emits: ["tabChange", "update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = B(!1), i = B(!1), u = B([]), o = B(!1), s = B(!1), r = B(), c = B([]), h = B(!1), k = B([]), g = B(), x = B(), $ = B(), [C, q] = Q(2), y = v(() => t.activeTabId ? k.value.findIndex((S) => S.id === t.activeTabId) : 0), m = v(() => u.value.some((S) => S.id === t.activeTabId)), z = v(() => `${q.value}-options`), I = v(() => `${q.value}-toggle`), A = v(() => {
-      var S;
-      return m.value ? (S = k.value[y.value]) == null ? void 0 : S.textContent : "More";
-    }), P = v(() => m.value ? c.value[y.value] - c.value[y.value - 1] + Il : kl), F = v(() => {
-      var E, j;
-      let S = [];
+    const t = e, n = a, l = g(!1), r = g(!1), u = g([]), o = g(!1), d = g(!1), i = g(), c = g([]), h = g(!1), w = g([]), $ = g(), M = g(), k = g(), [I, O] = Z(2), y = p(() => t.activeTabId ? w.value.findIndex((B) => B.id === t.activeTabId) : 0), m = p(() => u.value.some((B) => B.id === t.activeTabId)), P = p(() => `${O.value}-options`), D = p(() => `${O.value}-toggle`), R = p(() => {
+      var B;
+      return m.value ? (B = w.value[y.value]) == null ? void 0 : B.textContent : "More";
+    }), U = p(() => m.value ? c.value[y.value] - c.value[y.value - 1] + Cl : Il), J = p(() => {
+      var V, F;
+      let B = [];
       if (typeof window > "u")
-        return S;
-      for (let X of k.value) {
-        if (((E = X.dataset) == null ? void 0 : E.hidden) === "true" || ((j = X.dataset) == null ? void 0 : j.hidden) === "" || X.getAttribute("tabindex") === "-1")
+        return B;
+      for (let Q of w.value) {
+        if (((V = Q.dataset) == null ? void 0 : V.hidden) === "true" || ((F = Q.dataset) == null ? void 0 : F.hidden) === "" || Q.getAttribute("tabindex") === "-1")
           break;
-        S.push(X);
+        B.push(Q);
       }
-      return s.value && S.push(r.value.querySelector(".bs-tab-list-toggle")), S;
+      return d.value && B.push(i.value.querySelector(".bs-tab-list-toggle")), B;
     });
-    function _() {
-      var le;
-      let S = !1, E, j = 0, X = !1, ee = [];
-      if ((le = k.value) != null && le.length) {
-        for (let te = 0; te < k.value.length; te++) {
-          if (E = k.value[te], E.setAttribute("tabindex", "-1"), X && te !== y.value) {
-            E.dataset.hidden = "true", ee.push(E);
+    function ee() {
+      var de;
+      let B = !1, V, F = 0, Q = !1, ae = [];
+      if ((de = w.value) != null && de.length) {
+        for (let ne = 0; ne < w.value.length; ne++) {
+          if (V = w.value[ne], V.setAttribute("tabindex", "-1"), Q && ne !== y.value) {
+            V.dataset.hidden = "true", ae.push(V);
             continue;
           }
-          if (j = te < k.value.length - 1 ? $.value - P.value : $.value, c.value[te] > j) {
-            E.dataset.hidden = "true", ee.push(E), S = !0, X = !0;
+          if (F = ne < w.value.length - 1 ? k.value - U.value : k.value, c.value[ne] > F) {
+            V.dataset.hidden = "true", ae.push(V), B = !0, Q = !0;
             continue;
           }
-          E.dataset.hidden = "false", E.setAttribute("tabindex", "0");
+          V.dataset.hidden = "false", V.setAttribute("tabindex", "0");
         }
-        s.value = S, u.value = ee, l.value || ce(() => l.value = !0), setTimeout(() => {
-          M(), h.value = !0;
+        d.value = B, u.value = ae, l.value || ge(() => l.value = !0), setTimeout(() => {
+          q(), h.value = !0;
         }, h.value ? 0 : 1e3);
       }
     }
-    function de(S) {
-      n("tabChange", S), n("update:modelValue", S);
+    function ie(B) {
+      n("tabChange", B), n("update:modelValue", B);
     }
-    function xe(S) {
-      var X, ee, le;
-      const E = (le = (ee = (X = k.value[S]) == null ? void 0 : X.getBoundingClientRect) == null ? void 0 : ee.call(X)) == null ? void 0 : le.width;
-      return E || (S === 0 ? c.value[0] : c.value[S] - c.value[S - 1]) || 0;
+    function pe(B) {
+      var Q, ae, de;
+      const V = (de = (ae = (Q = w.value[B]) == null ? void 0 : Q.getBoundingClientRect) == null ? void 0 : ae.call(Q)) == null ? void 0 : de.width;
+      return V || (B === 0 ? c.value[0] : c.value[B] - c.value[B - 1]) || 0;
     }
-    function Ae() {
-      var S;
-      (S = k.value[y.value]) == null || S.setAttribute("aria-selected", "true"), _();
+    function he() {
+      var B;
+      (B = w.value[y.value]) == null || B.setAttribute("aria-selected", "true"), ee();
     }
-    function Le() {
-      var S;
-      (S = g.value) == null || S.focus(), o.value = !1;
+    function re() {
+      var B;
+      (B = $.value) == null || B.focus(), o.value = !1;
     }
-    function Ve() {
-      o.value = !o.value, i.value || (i.value = !0);
+    function T() {
+      o.value = !o.value, r.value || (r.value = !0);
     }
-    function Ee(S) {
-      var E;
-      o.value = !1, (E = g.value) == null || E.focus(), de(S);
+    function j(B) {
+      var V;
+      o.value = !1, (V = $.value) == null || V.focus(), ie(B);
     }
-    function De(S) {
+    function se(B) {
       if (t.withBsTabs)
         return;
-      const E = S.target.closest('[role="tab"]');
-      if (!E || E.getAttribute("aria-selected") === "true")
+      const V = B.target.closest('[role="tab"]');
+      if (!V || V.getAttribute("aria-selected") === "true")
         return;
-      const j = E.getAttribute("id");
-      de(j);
+      const F = V.getAttribute("id");
+      ie(F);
     }
-    function Oe(S) {
-      if (S.key === "ArrowLeft" || S.key === "ArrowRight") {
-        const E = F.value.findIndex((j) => j.id === S.target.id);
-        if (E === -1)
+    function De(B) {
+      if (B.key === "ArrowLeft" || B.key === "ArrowRight") {
+        const V = J.value.findIndex((F) => F.id === B.target.id);
+        if (V === -1)
           return;
-        S.preventDefault(), S.stopPropagation(), S.key === "ArrowLeft" ? be(E) : he(E);
+        B.preventDefault(), B.stopPropagation(), B.key === "ArrowLeft" ? we(V) : $e(V);
       }
     }
-    function he(S) {
-      var j;
-      const E = (S + 1) % F.value.length;
-      (j = F.value[E]) == null || j.focus();
+    function $e(B) {
+      var F;
+      const V = (B + 1) % J.value.length;
+      (F = J.value[V]) == null || F.focus();
     }
-    function be(S) {
-      var j;
-      const E = S === 0 ? F.value.length - 1 : S - 1;
-      (j = F.value[E]) == null || j.focus();
+    function we(B) {
+      var F;
+      const V = B === 0 ? J.value.length - 1 : B - 1;
+      (F = J.value[V]) == null || F.focus();
     }
-    function M() {
-      var le, te, Ge, He;
-      const S = parseInt(r.value.style.getPropertyValue("--active-line-offset")) || 0, E = $.value;
-      let j = 300, X = ((te = (le = F.value) == null ? void 0 : le[y.value]) == null ? void 0 : te.offsetLeft) || 0, ee = xe(y.value);
-      s.value && m.value && (X = (Ge = g.value) == null ? void 0 : Ge.offsetLeft, ee = (He = g.value) == null ? void 0 : He.offsetWidth), j = Math.max(Math.abs((X - S) / E * 300), 100), r.value.style.setProperty("--active-line-max-width", `${E}px`), r.value.style.setProperty("--active-line-scale", `${ee / E}`), r.value.style.setProperty("--active-line-offset", `${X}px`), r.value.style.setProperty("--active-line-transition-duration", `${j}ms`);
+    function q() {
+      var de, ne, Ge, He;
+      const B = parseInt(i.value.style.getPropertyValue("--active-line-offset")) || 0, V = k.value;
+      let F = 300, Q = ((ne = (de = J.value) == null ? void 0 : de[y.value]) == null ? void 0 : ne.offsetLeft) || 0, ae = pe(y.value);
+      d.value && m.value && (Q = (Ge = $.value) == null ? void 0 : Ge.offsetLeft, ae = (He = $.value) == null ? void 0 : He.offsetWidth), F = Math.max(Math.abs((Q - B) / V * 300), 100), i.value.style.setProperty("--active-line-max-width", `${V}px`), i.value.style.setProperty("--active-line-scale", `${ae / V}`), i.value.style.setProperty("--active-line-offset", `${Q}px`), i.value.style.setProperty("--active-line-transition-duration", `${F}ms`);
     }
-    function W() {
-      var S, E;
-      (E = (S = x.value) == null ? void 0 : S.disconnect) == null || E.call(S), x.value = null;
+    function G() {
+      var B, V;
+      (V = (B = M.value) == null ? void 0 : B.disconnect) == null || V.call(B), M.value = null;
     }
-    function H() {
-      x.value = new ResizeObserver((S) => {
-        for (let E of S)
-          $.value = E.contentBoxSize[0].inlineSize;
-        _();
-      }), x.value.observe(r.value);
+    function K() {
+      M.value = new ResizeObserver((B) => {
+        for (let V of B)
+          k.value = V.contentBoxSize[0].inlineSize;
+        ee();
+      }), M.value.observe(i.value);
     }
-    function ue() {
-      k.value = Array.from(r.value.children).filter((S) => S.role === "tab");
+    function be() {
+      w.value = Array.from(i.value.children).filter((B) => B.role === "tab");
     }
     function ft() {
-      let S;
-      k.value.forEach((E, j) => {
-        S = E.getBoundingClientRect().width + Cl, c.value.push(j ? S + c.value[j - 1] : S);
+      let B;
+      w.value.forEach((V, F) => {
+        B = V.getBoundingClientRect().width + Tl, c.value.push(F ? B + c.value[F - 1] : B);
       });
     }
-    return R(() => t.activeTabId, Ae), Y(() => {
-      var S;
+    return N(() => t.activeTabId, he), X(() => {
+      var B;
       try {
-        ue(), ft(), H(), $.value = r.value.getBoundingClientRect().width, _(), t.withBsTabs || (S = k.value[y.value]) == null || S.setAttribute("aria-selected", "true");
-      } catch (E) {
-        console.log("tab error", E);
+        be(), ft(), K(), k.value = i.value.getBoundingClientRect().width, ee(), t.withBsTabs || (B = w.value[y.value]) == null || B.setAttribute("aria-selected", "true");
+      } catch (V) {
+        console.log("tab error", V);
       }
-    }), re(W), (S, E) => (d(), p("div", {
+    }), ve(G), (B, V) => (s(), v("div", {
       class: "bs-tab-list",
       "data-component": "bs-tab-list",
-      id: S.$attrs.id || f(C),
+      id: B.$attrs.id || f(I),
       ref_key: "hostEl",
-      ref: r,
+      ref: i,
       role: "tablist",
       "data-resizing": !l.value || void 0,
-      onClick: De,
-      "on:tabClick": E[0] || (E[0] = (j) => de(j.detail)),
-      onKeydown: Oe
+      onClick: se,
+      "on:tabClick": V[0] || (V[0] = (F) => ie(F.detail)),
+      onKeydown: De
     }, [
-      L(S.$slots, "default"),
+      x(B.$slots, "default"),
       b("button", {
-        "aria-controls": f(q),
+        "aria-controls": f(O),
         "aria-expanded": o.value,
         class: "bs-tab-list-toggle",
         "data-active": m.value || void 0,
-        "data-hidden": !s.value,
-        id: I.value,
+        "data-hidden": !d.value,
+        id: D.value,
         ref_key: "dropdownToggle",
-        ref: g,
-        onClick: Ve
+        ref: $,
+        onClick: T
       }, [
-        V(f(wt), { size: "sm" }),
-        G(" " + T(A.value), 1)
-      ], 8, wl),
-      V(We, {
-        "anchor-id": I.value,
-        "container-id": S.$attrs.id || f(C),
+        A(f(kt), { size: "sm" }),
+        H(" " + C(R.value), 1)
+      ], 8, kl),
+      A(We, {
+        "anchor-id": D.value,
+        "container-id": B.$attrs.id || f(I),
         "helper-description": e.helperDescription || void 0,
         "helper-text": e.helperText,
-        id: f(q),
-        "options-id": z.value,
+        id: f(O),
+        "options-id": P.value,
         position: "right",
         preloaded: "",
         shown: o.value,
         width: "content",
-        onClose: Le,
-        "onUpdate:modelValue": Ee
+        onClose: re,
+        "onUpdate:modelValue": j
       }, {
-        default: D(() => [
-          (d(!0), p(U, null, J(u.value, (j) => (d(), O(Ue, {
-            key: j.id,
-            value: j.id,
-            "options-id": z.value
+        default: L(() => [
+          (s(!0), v(W, null, _(u.value, (F) => (s(), E(Ue, {
+            key: F.id,
+            value: F.id,
+            "options-id": P.value
           }, {
-            default: D(() => [
-              G(T(j.textContent), 1)
+            default: L(() => [
+              H(C(F.textContent), 1)
             ]),
             _: 2
           }, 1032, ["value", "options-id"]))), 128))
         ]),
         _: 1
       }, 8, ["anchor-id", "container-id", "helper-description", "helper-text", "id", "options-id", "shown"])
-    ], 40, $l));
+    ], 40, wl));
   }
-}, Tl = ["aria-labelledby", "data-active", "id"], mo = {
+}, xl = ["aria-labelledby", "data-active", "id"], yo = {
   __name: "BsTabPanel",
   props: {
     activeTabId: {
@@ -4442,18 +4437,18 @@ const ll = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], ol = ["data-sta
     }
   },
   setup(e) {
-    const a = e, t = se(), n = v(() => a.activeTabId && a.activeTabId === a.tabId), l = v(() => t.id || `${a.tabId}-panel`);
-    return (i, u) => (d(), p("section", {
+    const a = e, t = fe(), n = p(() => a.activeTabId && a.activeTabId === a.tabId), l = p(() => t.id || `${a.tabId}-panel`);
+    return (r, u) => (s(), v("section", {
       "aria-labelledby": e.tabId,
       "data-active": n.value,
       "data-component": "bs-tab-panel",
       id: l.value,
       role: "tabpanel"
     }, [
-      L(i.$slots, "default")
-    ], 8, Tl));
+      x(r.$slots, "default")
+    ], 8, xl));
   }
-}, xl = ["data-error", "id", "rows", "value"], Al = {
+}, Al = ["data-error", "id", "rows", "value"], Vl = {
   __name: "BsTextarea",
   props: {
     error: {
@@ -4468,18 +4463,18 @@ const ll = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], ol = ["data-sta
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = v(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
-    return (l, i) => (d(), p("textarea", N({
+    const t = e, n = p(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
+    return (l, r) => (s(), v("textarea", z({
       class: "bs-textarea",
       "data-component": "bs-textarea",
       "data-error": e.error,
       id: l.$attrs.id || e.inputId,
       rows: l.$attrs.rows || 6,
       value: e.value || e.modelValue,
-      onInput: i[0] || (i[0] = (u) => l.$emit("update:modelValue", u.target.value))
-    }, n.value), null, 16, xl));
+      onInput: r[0] || (r[0] = (u) => l.$emit("update:modelValue", u.target.value))
+    }, n.value), null, 16, Al));
   }
-}, yo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Bo = /* @__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. */
@@ -4528,40 +4523,40 @@ const ll = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], ol = ["data-sta
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, [n, l] = Q(2), i = v(() => ma.concat(t.passAttrs.split(","))), u = v(() => {
+    const t = e, [n, l] = Z(2), r = p(() => ya.concat(t.passAttrs.split(","))), u = p(() => {
       var c;
       return ((c = t.value || t.modelValue) == null ? void 0 : c.length) || 0;
-    }), o = v(() => {
+    }), o = p(() => {
       var c, h;
       return ((h = (c = t.hints) == null ? void 0 : c.join) == null ? void 0 : h.call(c, `
 `)) || t.hints;
-    }), s = v(() => t.error && t.errorMsg || t.hint || o.value || void 0), r = v(() => t.inputId || n.value);
-    return (c, h) => (d(), p("div", N({ "data-component": "bs-textarea-field" }, f(K)(c.$attrs, i.value).remaining), [
-      e.label || c.$slots.label ? (d(), O(ne, {
+    }), d = p(() => t.error && t.errorMsg || t.hint || o.value || void 0), i = p(() => t.inputId || n.value);
+    return (c, h) => (s(), v("div", z({ "data-component": "bs-textarea-field" }, f(Y)(c.$attrs, r.value).remaining), [
+      e.label || c.$slots.label ? (s(), E(oe, {
         key: 0,
-        for: c.$attrs.id || r.value,
+        for: c.$attrs.id || i.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: D(() => [
-          L(c.$slots, "label", {}, () => [
-            G(T(e.label), 1)
+        default: L(() => [
+          x(c.$slots, "label", {}, () => [
+            H(C(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : w("", !0),
-      V(Al, N({
+      }, 8, ["for", "disabled", "required"])) : S("", !0),
+      A(Vl, z({
         disabled: e.disabled,
         error: e.error,
         "hint-id": f(l),
-        id: c.$attrs.id || r.value,
+        id: c.$attrs.id || i.value,
         placeholder: e.placeholder,
         required: e.required,
         rows: e.rows,
         value: e.value || e.modelValue,
-        "onUpdate:modelValue": h[0] || (h[0] = (k) => c.$emit("update:modelValue", k))
-      }, f(K)(c.$attrs, i.value).filtered), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "rows", "value"]),
-      s.value || e.charMax ? (d(), O(pe, {
+        "onUpdate:modelValue": h[0] || (h[0] = (w) => c.$emit("update:modelValue", w))
+      }, f(Y)(c.$attrs, r.value).filtered), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "rows", "value"]),
+      d.value || e.charMax ? (s(), E(Be, {
         key: 1,
         "char-count": u.value,
         "char-max": e.charMax,
@@ -4570,10 +4565,10 @@ const ll = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], ol = ["data-sta
         "error-msg": e.errorMsg,
         hint: e.hint || o.value,
         "hint-id": f(l)
-      }, null, 8, ["char-count", "char-max", "data-disabled", "error", "error-msg", "hint", "hint-id"])) : w("", !0)
+      }, null, 8, ["char-count", "char-max", "data-disabled", "error", "error-msg", "hint", "hint-id"])) : S("", !0)
     ], 16));
   }
-}), Ll = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Vl = ["data-status"], El = { class: "visually-hidden" }, Bo = {
+}), Ll = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], El = ["data-status"], Ol = { class: "visually-hidden" }, So = {
   __name: "BsTimeline",
   props: {
     /** @type {Status} */
@@ -4602,43 +4597,43 @@ const ll = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], ol = ["data-sta
   },
   setup(e) {
     const a = e, t = {
-      cancelled: kt,
-      complete: It,
-      error: Ct,
-      "in-progress": Tt,
+      cancelled: It,
+      complete: Ct,
+      error: Tt,
+      "in-progress": xt,
       "not-started": Ye,
-      ongoing: xt,
-      paused: At,
+      ongoing: At,
+      paused: Vt,
       warning: st
-    }, { progressStep: n, progressText: l, getStatus: i } = ct(a);
-    function u(o, s) {
-      return o = i(o, s), t[o] || Ye;
+    }, { progressStep: n, progressText: l, getStatus: r } = ct(a);
+    function u(o, d) {
+      return o = r(o, d), t[o] || Ye;
     }
-    return (o, s) => (d(), p("div", {
+    return (o, d) => (s(), v("div", {
       "aria-valuemax": e.steps.length,
       "aria-valuenow": f(n),
       "aria-valuetext": f(l),
       class: "bs-timeline",
       role: "progressbar"
     }, [
-      (d(!0), p(U, null, J(e.steps, (r, c) => (d(), p("div", {
+      (s(!0), v(W, null, _(e.steps, (i, c) => (s(), v("div", {
         class: "bs-step-item",
-        "data-status": f(i)(r.status, c),
-        key: r.id || r.label,
+        "data-status": f(r)(i.status, c),
+        key: i.id || i.label,
         role: "status"
       }, [
-        (d(), O(Z(u(r.status, c)), {
+        (s(), E(te(u(i.status, c)), {
           class: "bs-step-icon",
           role: "presentation"
         })),
         b("p", null, [
-          G(T(r.label || r) + " ", 1),
-          b("span", El, " : " + T(f(i)(r.status, c) || "not started"), 1)
+          H(C(i.label || i) + " ", 1),
+          b("span", Ol, " : " + C(f(r)(i.status, c) || "not started"), 1)
         ])
-      ], 8, Vl))), 128))
+      ], 8, El))), 128))
     ], 8, Ll));
   }
-}, Dl = ["data-variant", "data-stacked"], So = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Dl = ["data-variant", "data-stacked"], $o = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsToast",
   props: {
     shown: {
@@ -4684,111 +4679,111 @@ const ll = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], ol = ["data-sta
   },
   emits: ["dismiss", "after-enter", "after-leave"],
   setup(e, { emit: a }) {
-    const t = e, n = a, { transition: l } = fe(t);
-    let i = null;
-    oe("variant", t.variant), oe("handleDismiss", o);
-    const u = ie("stacked", t.stacked);
+    const t = e, n = a, { transition: l } = ye(t);
+    let r = null;
+    ue("variant", t.variant), ue("handleDismiss", o);
+    const u = ce("stacked", t.stacked);
     function o() {
-      i && (clearTimeout(i), i = null), n("dismiss", t.toastId);
+      r && (clearTimeout(r), r = null), n("dismiss", t.toastId);
     }
-    function s() {
-      t.duration > 0 && (i = setTimeout(() => {
+    function d() {
+      t.duration > 0 && (r = setTimeout(() => {
         o();
       }, t.duration)), n("after-enter");
     }
-    return (r, c) => (d(), O(f(Te), {
+    return (i, c) => (s(), E(f(Oe), {
       shown: f(l),
       preloaded: e.preloaded,
       duration: 200,
       "enter-attribute": "data-shown",
-      onAfterEnter: s,
+      onAfterEnter: d,
       onAfterLeave: c[0] || (c[0] = (h) => n("after-leave"))
     }, {
-      default: D(() => [
-        b("div", N({
+      default: L(() => [
+        b("div", z({
           class: "bs-toast",
           "data-variant": e.variant,
           "data-stacked": f(u) || void 0,
           role: "alert"
-        }, r.$attrs), [
-          L(r.$slots, "default")
+        }, i.$attrs), [
+          x(i.$slots, "default")
         ], 16, Dl)
       ]),
       _: 3
     }, 8, ["shown", "preloaded"]));
   }
-}), Ol = ["data-stacked"], $o = {
+}), Pl = ["data-stacked"], wo = {
   __name: "BsToastActions",
   setup(e) {
-    const a = B(!1);
-    Y(() => {
+    const a = g(!1);
+    X(() => {
       var l;
-      const n = bt();
+      const n = gt();
       ((l = n.default) == null ? void 0 : l.call(n).length) > 2 && (a.value = !0);
     });
-    const t = ie("handleDismiss");
-    return (n, l) => (d(), p("div", {
+    const t = ce("handleDismiss");
+    return (n, l) => (s(), v("div", {
       class: "bs-toast-actions",
       "data-stacked": a.value || void 0
     }, [
-      L(n.$slots, "default", {}, () => [
-        V(ta, {
+      x(n.$slots, "default", {}, () => [
+        A(aa, {
           size: "sm",
           "text-btn": "",
           onClick: f(t)
         }, {
-          default: D(() => [
-            G(" Dismiss ")
+          default: L(() => [
+            H(" Dismiss ")
           ]),
           _: 1
         }, 8, ["onClick"])
       ])
-    ], 8, Ol));
+    ], 8, Pl));
   }
-}, Pl = (e, a) => {
+}, ql = (e, a) => {
   const t = e.__vccOpts || e;
   for (const [n, l] of a)
     t[n] = l;
   return t;
-}, ql = {}, Ml = { class: "bs-toast-body" };
+}, Ml = {}, Nl = { class: "bs-toast-body" };
 function zl(e, a) {
-  return d(), p("div", Ml, [
-    L(e.$slots, "default")
+  return s(), v("div", Nl, [
+    x(e.$slots, "default")
   ]);
 }
-const wo = /* @__PURE__ */ Pl(ql, [["render", zl]]), Nl = ["data-variant"], ko = {
+const ko = /* @__PURE__ */ ql(Ml, [["render", zl]]), Rl = ["data-variant"], Io = {
   __name: "BsToastHeader",
   setup(e) {
-    const a = ie("variant"), t = v(() => {
+    const a = ce("variant"), t = p(() => {
       switch (a) {
         case "warning":
-          return ze;
+          return Ne;
         case "positive":
           return Lt;
         case "negative":
-          return ze;
+          return Ne;
         default:
           return st;
       }
     });
-    return (n, l) => (d(), p("div", {
+    return (n, l) => (s(), v("div", {
       class: "bs-toast-header",
       "data-variant": f(a)
     }, [
-      (d(), O(Z(t.value), { class: "bs-toast-header-icon" })),
+      (s(), E(te(t.value), { class: "bs-toast-header-icon" })),
       b("h5", null, [
-        L(n.$slots, "default")
+        x(n.$slots, "default")
       ])
-    ], 8, Nl));
+    ], 8, Rl));
   }
-}, Rl = { class: "bs-toaster" }, Io = {
+}, Fl = { class: "bs-toaster" }, Co = {
   __name: "BsToaster",
   setup(e) {
-    return oe("stacked", !0), (a, t) => (d(), p("div", Rl, [
-      L(a.$slots, "default")
+    return ue("stacked", !0), (a, t) => (s(), v("div", Fl, [
+      x(a.$slots, "default")
     ]));
   }
-}, jl = ["data-position"], Fl = ["id"], Co = {
+}, jl = ["data-position"], Ul = ["id"], To = {
   __name: "BsTooltip",
   props: {
     tooltipId: {
@@ -4815,89 +4810,89 @@ const wo = /* @__PURE__ */ Pl(ql, [["render", zl]]), Nl = ["data-variant"], ko =
     }
   },
   setup(e) {
-    const a = e, t = B(!1), n = B(!1), l = v(() => {
+    const a = e, t = g(!1), n = g(!1), l = p(() => {
       let o = "bs-tooltip-text";
       return n.value && (a.position === void 0 || a.position === "top" || a.position === "bottom" ? o += " escaped-x" : a.position === "left" || a.position === "right" ? o += " escaped-y" : o += " escaped"), o;
     });
-    Ie(["Escape"], () => {
+    me(["Escape"], () => {
       t.value && (t.value = !1, n.value = !0);
     });
-    function i() {
+    function r() {
       t.value = !0;
     }
     function u() {
       t.value = !1, n.value = !1;
     }
-    return (o, s) => (d(), p("div", {
+    return (o, d) => (s(), v("div", {
       class: "bs-tooltip",
       "data-position": e.position || void 0,
       "data-component": "bs-tooltip",
-      onMouseenter: i,
-      onFocusin: i,
+      onMouseenter: r,
+      onFocusin: r,
       onMouseleave: u,
       onFocusout: u
     }, [
-      L(o.$slots, "default"),
-      e.content ? (d(), p("div", {
+      x(o.$slots, "default"),
+      e.content ? (s(), v("div", {
         key: 0,
-        class: ae(l.value),
+        class: le(l.value),
         id: e.tooltipId,
         role: "tooltip"
-      }, T(e.content), 11, Fl)) : w("", !0)
+      }, C(e.content), 11, Ul)) : S("", !0)
     ], 40, jl));
   }
 };
 export {
-  Xl as BsAccordion,
-  Jt as BsBadge,
-  Ql as BsBanner,
-  ta as BsButton,
-  Jl as BsCalendar,
-  Zl as BsChartBar,
-  _l as BsCheckbox,
-  eo as BsCircleButton,
+  Ql as BsAccordion,
+  Zt as BsBadge,
+  Jl as BsBanner,
+  aa as BsButton,
+  Zl as BsCalendar,
+  _l as BsChartBar,
+  eo as BsCheckbox,
+  to as BsCircleButton,
   dt as BsDropdown,
-  ln as BsDropdownMultiselect,
+  on as BsDropdownMultiselect,
   Ue as BsDropdownOption,
-  ye as BsDropdownOptionBuilder,
-  Fe as BsDropdownOptionList,
+  Ce as BsDropdownOptionBuilder,
+  je as BsDropdownOptionList,
   We as BsDropdownWithOptions,
-  to as BsDropdownWithToggle,
-  pe as BsFieldDetails,
-  dn as BsFilterButton,
-  ao as BsIconGradientWrapper,
-  ve as BsInput,
-  Ce as BsInputAddon,
-  no as BsInputField,
-  lo as BsInputPhone,
-  mn as BsInputSearch,
-  oo as BsInputTypeahead,
-  ne as BsLabel,
-  Cn as BsLoader,
-  io as BsModal,
-  An as BsOverlay,
-  ro as BsPagination,
-  so as BsPill,
-  uo as BsProfile,
-  nl as BsProfileDetails,
+  ao as BsDropdownWithToggle,
+  Be as BsFieldDetails,
+  un as BsFilterButton,
+  no as BsIconGradientWrapper,
+  Se as BsInput,
+  Ee as BsInputAddon,
+  lo as BsInputField,
+  oo as BsInputPhone,
+  yn as BsInputSearch,
+  io as BsInputTypeahead,
+  oe as BsLabel,
+  Tn as BsLoader,
+  ro as BsModal,
+  Vn as BsOverlay,
+  so as BsPagination,
+  uo as BsPill,
+  co as BsProfile,
+  ll as BsProfileDetails,
   ut as BsProfileImg,
-  co as BsProgressBar,
-  fo as BsRadio,
-  dl as BsSelect,
+  fo as BsProgressBar,
+  vo as BsRadio,
+  ul as BsSelect,
   po as BsSelectField,
-  vo as BsSpinner,
-  ho as BsSwitch,
-  bo as BsTab,
-  go as BsTabList,
-  mo as BsTabPanel,
-  Al as BsTextarea,
-  yo as BsTextareaField,
-  Bo as BsTimeline,
-  So as BsToast,
-  $o as BsToastActions,
-  wo as BsToastBody,
-  ko as BsToastHeader,
-  Io as BsToaster,
-  Co as BsTooltip,
-  Te as BsTransition
+  ho as BsSpinner,
+  bo as BsSwitch,
+  go as BsTab,
+  mo as BsTabList,
+  yo as BsTabPanel,
+  Vl as BsTextarea,
+  Bo as BsTextareaField,
+  So as BsTimeline,
+  $o as BsToast,
+  wo as BsToastActions,
+  ko as BsToastBody,
+  Io as BsToastHeader,
+  Co as BsToaster,
+  To as BsTooltip,
+  Oe as BsTransition
 };