@wwtdev/bsds-components-vue3 2.9.4 → 2.10.0

package/lib/bsds-components.js

@@ -1,6 +1,6 @@
-import { computed as p, ref as I, onMounted as H, onUnmounted as Be, shallowRef as Pt, watch as j, defineAsyncComponent as Qe, openBlock as u, createElementBlock as v, unref as c, createElementVNode as k, renderSlot as D, createBlock as O, resolveDynamicComponent as te, createCommentVNode as x, toDisplayString as V, createVNode as L, normalizeClass as ie, useAttrs as ve, mergeProps as z, withCtx as E, Fragment as G, toHandlers as Ke, onBeforeUnmount as Je, onBeforeMount as gt, nextTick as Ae, createTextVNode as W, createSlots as Ye, useSlots as yt, renderList as ee, Teleport as qt, withDirectives as de, Transition as st, vShow as ue, provide as ce, inject as fe, withModifiers as Mt, isRef as Nt } from "vue";
+import { computed as p, ref as k, onMounted as H, onUnmounted as $e, shallowRef as qt, watch as j, defineAsyncComponent as Qe, openBlock as u, createElementBlock as v, unref as c, createElementVNode as I, renderSlot as E, createBlock as V, resolveDynamicComponent as te, createCommentVNode as C, toDisplayString as A, createVNode as D, normalizeClass as ie, useAttrs as ve, mergeProps as N, withCtx as L, Fragment as G, toHandlers as Ke, onBeforeUnmount as Je, onBeforeMount as gt, nextTick as Ae, createTextVNode as W, createSlots as Ye, useSlots as yt, renderList as ee, Teleport as Pt, withDirectives as de, Transition as st, vShow as ue, provide as ce, inject as fe, withModifiers as Mt, isRef as zt } from "vue";
 import { v4 as St } from "uuid";
-import { BsIconCaretDown as _e, BsIconWarning as Ze, BsIconClose as $e, BsIconCalendar as wt, BsIconCaretRight as Bt, BsIconCaretLeft as $t, BsIconSmallCaretRight as zt, BsIconSmallCaretLeft as Rt, BsIconCaretSort as Ft, BsIconSearch as jt, BsIconCaretLeftDouble as Ut, BsIconCaretRightDouble as Wt, BsIconActionEllipsis as Gt, BsIconGraphPieEmpty as dt, BsIconCircleStop as Ht, BsIconCircleCheck as Kt, BsIconCircleX as Yt, BsIconCircleEllipsis as Zt, BsIconCirclePlay as Xt, BsIconCirclePause as Qt, BsIconCircleExclamation as It, BsIconThumbsUpStroke as Jt } from "@wwtdev/bsds-icons-vue3";
+import { BsIconCaretDown as _e, BsIconWarning as Ze, BsIconClose as Be, BsIconCalendar as wt, BsIconCaretRight as $t, BsIconCaretLeft as Bt, BsIconSmallCaretRight as Nt, BsIconSmallCaretLeft as Rt, BsIconCaretSort as Ft, BsIconSearch as jt, BsIconCaretLeftDouble as Ut, BsIconCaretRightDouble as Wt, BsIconActionEllipsis as Gt, BsIconGraphPieEmpty as dt, BsIconCircleStop as Ht, BsIconCircleCheck as Kt, BsIconCircleX as Yt, BsIconCircleEllipsis as Zt, BsIconCirclePlay as Xt, BsIconCirclePause as Qt, BsIconCircleExclamation as It, BsIconThumbsUpStroke as Jt } from "@wwtdev/bsds-icons-vue3";
 import { DatePicker as _t } from "v-calendar";
 import { Filler as ea, Chart as Fe, BarController as ta, BarElement as aa, CategoryScale as na, LinearScale as la, Legend as oa, TimeScale as ia, Tooltip as ra } from "chart.js";
 import "chartjs-adapter-date-fns";
@@ -13,7 +13,7 @@ const ct = {
   onClick: "button",
   type: "button"
 };
-function Ne(e, a, t = "button") {
+function ze(e, a, t = "button") {
   const l = ua(e, a, t), n = p(() => {
     const o = l.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;
@@ -25,7 +25,7 @@ function Ne(e, a, t = "button") {
 }
 function ua(e, a, t) {
   const l = Object.keys(ct).find((n) => ca(e, a, n));
-  return I(ct[l] || t);
+  return k(ct[l] || t);
 }
 function ca(e, a, t) {
   return e[t] || a[t];
@@ -39,11 +39,11 @@ const kt = (e, a) => {
   };
   H(() => {
     document.addEventListener("mouseup", t);
-  }), Be(() => {
+  }), $e(() => {
     document.removeEventListener("mouseup", t);
   });
 };
-function ze(e) {
+function Ne(e) {
   const a = p(() => e.linkTo || e.href || ""), t = p(() => {
     var i, s;
     return ((s = (i = a.value) == null ? void 0 : i.startsWith) == null ? void 0 : s.call(i, "/")) || !1;
@@ -65,7 +65,7 @@ function ze(e) {
 function ft(e) {
   return e.split("-").map((l) => l.charAt(0).toUpperCase() + l.slice(1)).join("");
 }
-const Pe = (e, a) => {
+const Ve = (e, a) => {
   var i;
   function t(s) {
     if (!s)
@@ -76,7 +76,7 @@ const Pe = (e, a) => {
       return d;
     });
   }
-  const l = Pt(), n = e[a] || ((i = e == null ? void 0 : e.value) == null ? void 0 : i[a]);
+  const l = qt(), n = e[a] || ((i = e == null ? void 0 : e.value) == null ? void 0 : i[a]);
   return l.value = t(n), j(
     [
       () => e[a],
@@ -91,7 +91,7 @@ const Pe = (e, a) => {
 function X(e = 1) {
   const a = [];
   for (let t = 0; t < e; t++)
-    a.push(I(""));
+    a.push(k(""));
   return H(() => {
     a.forEach((t) => t.value = `id-${St()}`);
   }), a;
@@ -106,18 +106,18 @@ const pe = (e, a, t = void 0) => {
   };
   H(() => {
     ((t == null ? void 0 : t.value) ?? document).addEventListener("keydown", l);
-  }), Be(() => {
+  }), $e(() => {
     ((t == null ? void 0 : t.value) ?? document).removeEventListener("keydown", l);
   });
 }, fa = (e, a, t) => {
   let l = null;
   H(() => {
     l = new MutationObserver(a), l.observe(e.value, t);
-  }), Be(() => {
+  }), $e(() => {
     l.disconnect();
   });
-}, Ee = (e) => {
-  const a = I(!1);
+}, Le = (e) => {
+  const a = k(!1);
   return H(() => {
     e.enterControlled ? a.value = e.enterTrigger : a.value = e.shown;
   }), j(() => e.shown, (t) => {
@@ -131,7 +131,7 @@ const pe = (e, a, t = void 0) => {
   key: 0,
   "data-position": "start",
   style: { display: "inline-flex" }
-}, ba = ["id"], ga = ["aria-labelledby", "data-open", "id"], Do = {
+}, ba = ["id"], ga = ["aria-labelledby", "data-open", "id"], zo = {
   __name: "BsAccordion",
   props: {
     controlled: { type: Boolean, default: !1 },
@@ -148,7 +148,7 @@ const pe = (e, a, t = void 0) => {
   },
   emits: ["toggled"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = I(null), i = I(!1), { icon: s } = Pe(t, "icon"), [o] = X(), d = p(() => o.value + "-content"), r = p(() => o.value + "-title"), f = p(() => t.openItemId && t.openItemId === o.value || t.openItem === !0), m = p(() => t.controlled ? f.value : i.value);
+    const t = e, l = a, n = k(null), i = k(!1), { icon: s } = Ve(t, "icon"), [o] = X(), d = p(() => o.value + "-content"), r = p(() => o.value + "-title"), f = p(() => t.openItemId && t.openItemId === o.value || t.openItem === !0), m = p(() => t.controlled ? f.value : i.value);
     function b() {
       l("toggled", o.value), t.controlled || (i.value = !i.value);
     }
@@ -160,29 +160,29 @@ const pe = (e, a, t = void 0) => {
       "data-component": "bs-accordion",
       "data-stacked": e.stacked
     }, [
-      k("header", {
+      I("header", {
         part: "header",
         "data-open": m.value
       }, [
-        k("button", {
+        I("button", {
           "aria-controls": d.value,
           "aria-expanded": m.value,
           type: "button",
           onClick: b
         }, [
           e.icon || S.$slots.icon ? (u(), v("span", ma, [
-            D(S.$slots, "icon", {}, () => [
-              e.icon ? (u(), O(te(c(s) ? c(s) : "span"), { key: 0 })) : x("", !0)
+            E(S.$slots, "icon", {}, () => [
+              e.icon ? (u(), V(te(c(s) ? c(s) : "span"), { key: 0 })) : C("", !0)
             ])
-          ])) : x("", !0),
-          k("span", { id: r.value }, V(e.headerText), 9, ba),
-          L(c(_e), {
+          ])) : C("", !0),
+          I("span", { id: r.value }, A(e.headerText), 9, ba),
+          D(c(_e), {
             size: "md",
             "data-position": "end"
           })
         ], 8, va)
       ], 8, ha),
-      k("div", {
+      I("div", {
         "aria-labelledby": r.value,
         class: "bs-accordion-content",
         "data-open": m.value,
@@ -190,8 +190,8 @@ const pe = (e, a, t = void 0) => {
         part: "content",
         role: "region"
       }, [
-        k("div", null, [
-          D(S.$slots, "default")
+        I("div", null, [
+          E(S.$slots, "default")
         ])
       ], 8, ga)
     ], 8, pa));
@@ -243,7 +243,7 @@ const pe = (e, a, t = void 0) => {
     }
   },
   setup(e) {
-    const a = e, t = I(null), l = p(() => a.count === 0 ? "0" : !a.count || a.dot ? null : a.count > a.countMax ? a.countMax + "+" : a.count.toString()), n = p(() => {
+    const a = e, t = k(null), l = p(() => a.count === 0 ? "0" : !a.count || a.dot ? null : a.count > a.countMax ? a.countMax + "+" : a.count.toString()), n = p(() => {
       var d, r;
       const i = ((r = (d = t.value) == null ? void 0 : d.textContent) == null ? void 0 : r.trim()) || "", s = l.value ? l.value + " " : "";
       if (!s && !a.dot)
@@ -264,35 +264,35 @@ const pe = (e, a, t = void 0) => {
       "data-variant": e.variant,
       role: "status"
     }, [
-      e.variant !== "notext" ? D(i.$slots, "default", { key: 0 }) : x("", !0)
+      e.variant !== "notext" ? E(i.$slots, "default", { key: 0 }) : C("", !0)
     ], 10, ya));
   }
 }, wa = {
   key: 0,
   role: "alert",
   class: "bs-banner"
-}, Ba = { class: "bs-banner-content" }, $a = { class: "bs-banner-warning-icon" }, Po = {
+}, $a = { class: "bs-banner-content" }, Ba = { class: "bs-banner-warning-icon" }, No = {
   __name: "BsBanner",
   emits: ["dismiss"],
   setup(e, { emit: a }) {
-    const t = a, l = I(!1);
+    const t = a, l = k(!1);
     function n() {
       l.value = !0, t("dismiss");
     }
-    return (i, s) => l.value ? x("", !0) : (u(), v("div", wa, [
-      k("div", Ba, [
-        k("div", $a, [
-          L(c(Ze), { size: "lg" })
+    return (i, s) => l.value ? C("", !0) : (u(), v("div", wa, [
+      I("div", $a, [
+        I("div", Ba, [
+          D(c(Ze), { size: "lg" })
         ]),
-        k("p", null, [
-          D(i.$slots, "default")
+        I("p", null, [
+          E(i.$slots, "default")
         ]),
-        k("button", {
+        I("button", {
           type: "button",
           title: "Close Banner",
           onClick: n
         }, [
-          L(c($e))
+          D(c(Be))
         ])
       ])
     ]));
@@ -328,8 +328,8 @@ const pe = (e, a, t = void 0) => {
     href: { type: String }
   },
   setup(e) {
-    const a = e, t = ve(), { rootTag: l, attrsToBind: n, hrefUrl: i } = Ne(a, t), { onLinkClick: s } = ze(a);
-    return (o, d) => (u(), O(te(c(l)), z({
+    const a = e, t = ve(), { rootTag: l, attrsToBind: n, hrefUrl: i } = ze(a, t), { onLinkClick: s } = Ne(a);
+    return (o, d) => (u(), V(te(c(l)), N({
       class: "bs-button",
       "data-component": "bs-button",
       "data-ghost": e.ghostBtn,
@@ -338,8 +338,8 @@ const pe = (e, a, t = void 0) => {
       "data-variant": e.variant,
       ".href": c(i)
     }, c(n), { onClick: c(s) }), {
-      default: E(() => [
-        D(o.$slots, "default")
+      default: L(() => [
+        E(o.$slots, "default")
       ]),
       _: 3
     }, 48, ["data-ghost", "data-size", "data-text", "data-variant", ".href", "onClick"]));
@@ -374,19 +374,19 @@ const pe = (e, a, t = void 0) => {
         id: e.hintId,
         class: "bs-hint",
         "data-error": e.error
-      }, V(t.value), 9, Ca)) : x("", !0),
+      }, A(t.value), 9, Ca)) : C("", !0),
       e.charMax ? (u(), 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
-      }, V(a.charCount || "0") + " / " + V(a.charMax), 9, xa)) : x("", !0)
+      }, A(a.charCount || "0") + " / " + A(a.charMax), 9, xa)) : C("", !0)
     ]));
   }
-}, Ta = ["data-disabled", "for"], Aa = /* @__PURE__ */ k("span", {
+}, Ta = ["data-disabled", "for"], Aa = /* @__PURE__ */ I("span", {
   "data-required": "true",
   "aria-hidden": "true"
-}, " *", -1), Va = /* @__PURE__ */ k("span", { class: "visually-hidden" }, "required", -1), ae = {
+}, " *", -1), Va = /* @__PURE__ */ I("span", { class: "visually-hidden" }, "required", -1), ae = {
   __name: "BsLabel",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -401,13 +401,13 @@ const pe = (e, a, t = void 0) => {
       "data-disabled": e.disabled,
       for: e.for
     }, [
-      k("span", null, [
-        D(a.$slots, "default")
+      I("span", null, [
+        E(a.$slots, "default")
       ]),
       e.required ? (u(), v(G, { key: 0 }, [
         Aa,
         Va
-      ], 64)) : x("", !0)
+      ], 64)) : C("", !0)
     ], 10, Ta));
   }
 }, Oa = ["data-error", "id", "value"], Ie = {
@@ -430,7 +430,7 @@ const pe = (e, a, t = void 0) => {
       const d = n.type === "number" ? parseInt(o.target.value) : o.target.value;
       l("update:modelValue", d);
     }
-    return (o, d) => (u(), v("input", z({
+    return (o, d) => (u(), v("input", N({
       class: "bs-input",
       "data-component": "bs-input",
       "data-error": e.error,
@@ -439,7 +439,7 @@ const pe = (e, a, t = void 0) => {
       onInput: s
     }, i.value), null, 16, Oa));
   }
-}, Ea = ["data-autopad", "data-autosize-icons", "data-disabled", "data-error", "data-variant", "data-multifocus"], Le = {
+}, Ea = ["data-autopad", "data-autosize-icons", "data-disabled", "data-error", "data-variant", "data-multifocus"], De = {
   __name: "BsInputAddon",
   props: {
     autopad: { type: Boolean, default: !1 },
@@ -460,7 +460,7 @@ const pe = (e, a, t = void 0) => {
       "data-variant": e.variant,
       "data-multifocus": e.multifocus
     }, [
-      D(a.$slots, "default")
+      E(a.$slots, "default")
     ], 8, Ea));
   }
 }, La = {
@@ -496,13 +496,13 @@ const pe = (e, a, t = void 0) => {
     }
   },
   setup(e) {
-    return (a, t) => (u(), O(Le, {
+    return (a, t) => (u(), V(De, {
       disabled: e.disabled,
       error: e.error
     }, {
-      default: E(() => [
-        L(c(wt)),
-        L(Ie, z({
+      default: L(() => [
+        D(c(wt)),
+        D(Ie, N({
           "data-autowidth": "",
           disabled: e.disabled,
           id: e.inputId,
@@ -515,7 +515,7 @@ const pe = (e, a, t = void 0) => {
     }, 8, ["disabled", "error"]));
   }
 };
-function Ve(e, a, t) {
+function Oe(e, a, t) {
   let l;
   return function() {
     let n = this, i = arguments;
@@ -524,7 +524,7 @@ function Ve(e, a, t) {
     }, a);
   };
 }
-const Da = ["disabled", "id", "model-value"], Pa = ["disabled", "id", "model-value"], qa = {
+const Da = ["disabled", "id", "model-value"], qa = ["disabled", "id", "model-value"], Pa = {
   __name: "BsInputDateRange",
   props: {
     disabled: {
@@ -561,7 +561,7 @@ const Da = ["disabled", "id", "model-value"], Pa = ["disabled", "id", "model-val
   },
   emits: ["ui-focusin", "ui-input"],
   setup(e, { emit: a }) {
-    const t = a, l = I(null), n = I(null);
+    const t = a, l = k(null), n = k(null);
     function i(r) {
       const f = new Event("change", { bubbles: !0, cancelable: !0 });
       r.dispatchEvent(f);
@@ -570,17 +570,17 @@ const Da = ["disabled", "id", "model-value"], Pa = ["disabled", "id", "model-val
       const { value: f } = r.target, [m, b] = f.split(/ to | - /);
       l.value.value = m || "", n.value.value = b || "", i(l.value), i(n.value);
     }
-    const o = Ve(s, 1e3);
+    const o = Oe(s, 1e3);
     function d(r) {
       t("ui-input"), o(r);
     }
-    return (r, f) => (u(), O(Le, {
+    return (r, f) => (u(), V(De, {
       disabled: e.disabled,
       error: e.error
     }, {
-      default: E(() => [
-        L(c(wt)),
-        L(Ie, {
+      default: L(() => [
+        D(c(wt)),
+        D(Ie, {
           "data-autowidth": "",
           disabled: e.disabled,
           id: e.inputId,
@@ -591,7 +591,7 @@ const Da = ["disabled", "id", "model-value"], Pa = ["disabled", "id", "model-val
           onInput: d,
           onChange: s
         }, null, 8, ["disabled", "id", "model-value", "placeholder", "required"]),
-        k("input", z({
+        I("input", N({
           ref_key: "hiddenStart",
           ref: l,
           type: "hidden",
@@ -599,14 +599,14 @@ const Da = ["disabled", "id", "model-value"], Pa = ["disabled", "id", "model-val
           id: `${e.inputId}-start`,
           "model-value": e.inputValue.start
         }, Ke(e.listeners.start, !0)), null, 16, Da),
-        k("input", z({
+        I("input", N({
           ref_key: "hiddenEnd",
           ref: n,
           type: "hidden",
           disabled: e.disabled,
           id: `${e.inputId}-end`,
           "model-value": e.inputValue.end
-        }, Ke(e.listeners.end, !0)), null, 16, Pa)
+        }, Ke(e.listeners.end, !0)), null, 16, qa)
       ]),
       _: 1
     }, 8, ["disabled", "error"]));
@@ -646,7 +646,7 @@ const et = [
   "form",
   "id",
   "name"
-], Na = [
+], za = [
   "aria-describedby",
   "aria-label",
   "autocomplete",
@@ -657,7 +657,7 @@ const et = [
   "multiple",
   "name",
   "size"
-], za = [
+], Na = [
   "aria-describedby",
   "aria-label",
   "autocapitalize",
@@ -704,7 +704,7 @@ function Y(e, a = []) {
     a.includes(n) ? t[n] = e[n] : l[n] = e[n];
   }), { filtered: t, remaining: l };
 }
-const Ra = ["data-range"], pt = "(min-width: 752px)", qo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+const Ra = ["data-range"], pt = "(min-width: 752px)", Ro = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsCalendar",
   props: {
     disabled: {
@@ -771,7 +771,7 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", qo = /* @__PURE__ */ Objec
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = I(null), n = I(1), i = I(null), [s, o] = X(2), d = I(1), { filtered: r, remaining: f } = Y(ve(), [
+    const t = e, l = k(null), n = k(1), i = k(null), [s, o] = X(2), d = k(1), { filtered: r, remaining: f } = Y(ve(), [
       "attributes",
       "data-cy",
       "expanded",
@@ -780,15 +780,15 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", qo = /* @__PURE__ */ Objec
       "masks",
       "rows",
       "trim-weeks"
-    ]), m = p(() => t.inputId || s.value), b = p(() => ({ range: t.isRange })), S = p(() => !!(t.error && t.errorMsg || t.hint)), w = p(() => t.step), $ = p(() => t.variant);
+    ]), m = p(() => t.inputId || s.value), b = p(() => ({ range: t.isRange })), S = p(() => !!(t.error && t.errorMsg || t.hint)), w = p(() => t.step), B = p(() => t.variant);
     Ma(i), Xe(
       pt,
-      (g) => n.value = g != null && g.matches && $.value == "2-col" ? 2 : 1,
-      [$]
+      (g) => n.value = g != null && g.matches && B.value == "2-col" ? 2 : 1,
+      [B]
     ), Xe(
       pt,
-      (g) => d.value = g != null && g.matches && $.value == "2-col" ? w.value : 1,
-      [w, $]
+      (g) => d.value = g != null && g.matches && B.value == "2-col" ? w.value : 1,
+      [w, B]
     ), H(() => {
       t.inputMode || y();
     }), j(() => {
@@ -800,34 +800,34 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", qo = /* @__PURE__ */ Objec
     function h(g) {
       return t.isRange && g.start && g.end ? `${g.start} to ${g.end}` : !t.isRange && g ? g : "";
     }
-    function B(g) {
+    function $(g) {
       !t.isRange || i.value.contains(g.relatedTarget) || l.value.hidePopover();
     }
     function y() {
       const g = i.value.querySelector("button.vc-prev"), M = i.value.querySelector("button.vc-next");
       g && g.setAttribute("aria-label", "Previous month"), M && M.setAttribute("aria-label", "Next month");
     }
-    return (g, M) => (u(), v("div", z({
+    return (g, M) => (u(), v("div", N({
       ref_key: "container",
       ref: i,
       class: "bs-calendar",
       "data-range": e.isRange,
-      onFocusout: B
+      onFocusout: $
     }, c(f)), [
-      e.label || g.$slots.label ? (u(), O(ae, {
+      e.label || g.$slots.label ? (u(), V(ae, {
         key: 0,
         for: m.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: E(() => [
-          D(g.$slots, "label", {}, () => [
-            W(V(e.label), 1)
+        default: L(() => [
+          E(g.$slots, "label", {}, () => [
+            W(A(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : x("", !0),
-      L(c(_t), z({
+      }, 8, ["for", "disabled", "required"])) : C("", !0),
+      D(c(_t), N({
         ref_key: "calendar",
         ref: l,
         columns: n.value,
@@ -844,25 +844,25 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", qo = /* @__PURE__ */ Objec
       }, c(r)), Ye({ _: 2 }, [
         e.inputMode ? {
           name: "default",
-          fn: E(({ inputValue: T, inputEvents: P, showPopover: R }) => [
-            e.isRange ? (u(), O(qa, {
+          fn: L(({ inputValue: T, inputEvents: q, showPopover: R }) => [
+            e.isRange ? (u(), V(Pa, {
               key: 1,
               disabled: e.disabled,
               error: e.error,
               "input-id": m.value,
               "input-value": T,
               "input-value-fmt": h(T),
-              listeners: P,
+              listeners: q,
               placeholder: e.placeholder,
               required: e.required,
               onUiFocusin: R,
               onUiInput: R
-            }, null, 8, ["disabled", "error", "input-id", "input-value", "input-value-fmt", "listeners", "placeholder", "required", "onUiFocusin", "onUiInput"])) : (u(), O(La, {
+            }, null, 8, ["disabled", "error", "input-id", "input-value", "input-value-fmt", "listeners", "placeholder", "required", "onUiFocusin", "onUiInput"])) : (u(), V(La, {
               key: 0,
               disabled: e.disabled,
               error: e.error,
               "input-id": m.value,
-              listeners: P,
+              listeners: q,
               "model-value": h(T),
               placeholder: e.placeholder,
               required: e.required
@@ -871,13 +871,13 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", qo = /* @__PURE__ */ Objec
           key: "0"
         } : void 0
       ]), 1040, ["columns", "disabled-dates", "max-date", "min-date", "model-value", "model-modifiers", "step"]),
-      S.value ? (u(), O(ge, {
+      S.value ? (u(), V(ge, {
         key: 1,
         error: e.error,
         "error-msg": e.errorMsg,
         hint: e.hint,
         "hint-id": c(o)
-      }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : x("", !0)
+      }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : C("", !0)
     ], 16, Ra));
   }
 }), Fa = { key: 0 }, ja = {
@@ -907,7 +907,8 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", qo = /* @__PURE__ */ Objec
       default: "right"
     },
     label: {
-      type: String
+      type: String,
+      required: !0
     },
     linkTo: {
       type: String
@@ -931,7 +932,7 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", qo = /* @__PURE__ */ Objec
     }
   },
   setup(e) {
-    const a = e, t = ve(), l = yt(), { rootTag: n, attrsToBind: i, hrefUrl: s } = Ne(a, t), { onLinkClick: o } = ze(a), d = p(() => m.value ? {} : a.href ? { title: a.label } : { "aria-label": a.label }), r = p(() => {
+    const a = e, t = ve(), l = yt(), { rootTag: n, attrsToBind: i, hrefUrl: s } = ze(a, t), { onLinkClick: o } = Ne(a), d = p(() => m.value ? {} : a.href ? { title: a.label } : { "aria-label": a.label }), r = p(() => {
       if (a.hoverEffect)
         return a.iconPosition;
     }), f = p(() => {
@@ -939,8 +940,8 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", qo = /* @__PURE__ */ Objec
       return {
         icon: a.icon || (a.textBtn || a.size == "sm" ? `small-${h}` : h)
       };
-    }), m = p(() => a.textBtn || !!(l != null && l.default)), b = p(() => m.value && a.iconPosition !== "left"), S = p(() => m.value && a.iconPosition === "left"), w = p(() => a.variant ? `color-${a.variant}` : void 0), { icon: $ } = Pe(f, "icon");
-    return (h, B) => (u(), O(te(c(n)), z({
+    }), m = p(() => a.textBtn || !!(l != null && l.default)), b = p(() => m.value && a.iconPosition !== "left"), S = p(() => m.value && a.iconPosition === "left"), w = p(() => a.variant ? `color-${a.variant}` : void 0), { icon: B } = Ve(f, "icon");
+    return (h, $) => (u(), V(te(c(n)), N({
       class: "bs-circle-button",
       "data-disabled": e.disabled,
       "data-direction": r.value,
@@ -950,27 +951,27 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", qo = /* @__PURE__ */ Objec
       "data-variant": w.value,
       ".href": c(s)
     }, { ...c(i), ...d.value }, { onClick: c(o) }), {
-      default: E(() => [
+      default: L(() => [
         b.value ? (u(), v("span", Fa, [
-          D(h.$slots, "default", {}, () => [
-            W(V(e.label), 1)
+          E(h.$slots, "default", {}, () => [
+            W(A(e.label), 1)
           ])
-        ])) : x("", !0),
-        k("span", ja, [
-          D(h.$slots, "icon", {}, () => [
-            (u(), O(te(c($))))
+        ])) : C("", !0),
+        I("span", ja, [
+          E(h.$slots, "icon", {}, () => [
+            (u(), V(te(c(B))))
           ])
         ]),
         S.value ? (u(), v("span", Ua, [
-          D(h.$slots, "default", {}, () => [
-            W(V(e.label), 1)
+          E(h.$slots, "default", {}, () => [
+            W(A(e.label), 1)
           ])
-        ])) : x("", !0)
+        ])) : C("", !0)
       ]),
       _: 3
     }, 48, ["data-disabled", "data-direction", "data-ghost", "data-size", "data-text", "data-variant", ".href", "onClick"]));
   }
-}), Mo = {
+}), Fo = {
   __name: "BsCaretButton",
   props: {
     direction: {
@@ -1004,7 +1005,7 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", qo = /* @__PURE__ */ Objec
     }
   },
   setup(e) {
-    return (a, t) => (u(), O(Ct, {
+    return (a, t) => (u(), V(Ct, {
       disabled: e.disabled,
       "ghost-btn": e.ghostBtn,
       "hover-effect": e.hoverEffect,
@@ -1015,13 +1016,13 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", qo = /* @__PURE__ */ Objec
       size: e.size,
       "text-btn": !1
     }, {
-      icon: E(() => [
-        e.direction == "right" ? (u(), O(c(Bt), { key: 0 })) : (u(), O(c($t), { key: 1 }))
+      icon: L(() => [
+        e.direction == "right" ? (u(), V(c($t), { key: 0 })) : (u(), V(c(Bt), { key: 1 }))
       ]),
       _: 1
     }, 8, ["disabled", "ghost-btn", "hover-effect", "icon-position", "label", "link-to", "router", "size"]));
   }
-}, No = {
+}, jo = {
   __name: "BsCaretTextButton",
   props: {
     direction: {
@@ -1060,7 +1061,7 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", qo = /* @__PURE__ */ Objec
     }
   },
   setup(e) {
-    return (a, t) => (u(), O(Ct, {
+    return (a, t) => (u(), V(Ct, {
       disabled: e.disabled,
       "ghost-btn": e.ghostBtn,
       "hover-effect": e.hoverEffect,
@@ -1072,12 +1073,12 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", qo = /* @__PURE__ */ Objec
       "text-btn": "",
       variant: e.variant
     }, {
-      icon: E(() => [
-        e.direction == "right" ? (u(), O(c(zt), { key: 0 })) : (u(), O(c(Rt), { key: 1 }))
+      icon: L(() => [
+        e.direction == "right" ? (u(), V(c(Nt), { key: 0 })) : (u(), V(c(Rt), { key: 1 }))
       ]),
-      default: E(() => [
-        D(a.$slots, "default", {}, () => [
-          W(V(e.label), 1)
+      default: L(() => [
+        E(a.$slots, "default", {}, () => [
+          W(A(e.label), 1)
         ])
       ]),
       _: 3
@@ -1120,7 +1121,7 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", qo = /* @__PURE__ */ Objec
     }
   },
   setup(e) {
-    const a = e, t = I(!1), l = (f) => {
+    const a = e, t = k(!1), l = (f) => {
       const m = new Date(f), b = m.toTimeString().split(" ")[0], S = m.toDateString().split(" ").slice(1, 3).join(" ");
       return `${b} (${S})`;
     }, n = p(() => {
@@ -1133,8 +1134,8 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", qo = /* @__PURE__ */ Objec
           const b = m.label;
           let S = [];
           if (m.data.some((w) => (w == null ? void 0 : w.x) && (w == null ? void 0 : w.y))) {
-            const w = m.data.reduce(($, h) => ($[h.x] = h.y, $), {});
-            S = a.dataIdxLabels.map(($) => ({ value: w[$] ?? null }));
+            const w = m.data.reduce((B, h) => (B[h.x] = h.y, B), {});
+            S = a.dataIdxLabels.map((B) => ({ value: w[B] ?? null }));
           } else
             S = m.data.map((w) => ({ value: w }));
           return { rowLabel: b, dataCells: S };
@@ -1145,16 +1146,16 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", qo = /* @__PURE__ */ Objec
     }
     function s(f) {
       try {
-        const m = f.reduce((w, $) => {
-          const h = $.data.map((B) => B == null ? void 0 : B.x);
+        const m = f.reduce((w, B) => {
+          const h = B.data.map(($) => $ == null ? void 0 : $.x);
           return [...w, ...h];
         }, []), b = Array.from(new Set(m));
-        return (a.xAxisType === "time" || a.xAxisType === "linear") && b.sort((w, $) => (typeof w == "string" && typeof $ == "string" && (w = w.toLowerCase(), $ = $.toLowerCase()), w < $ ? -1 : w > $ ? 1 : 0)), b.map((w) => {
-          const $ = { rowLabel: w }, h = [];
-          return f.forEach((B) => {
-            const y = { datasetLabel: B.label }, g = B.data.find((M) => M.x === w);
+        return (a.xAxisType === "time" || a.xAxisType === "linear") && b.sort((w, B) => (typeof w == "string" && typeof B == "string" && (w = w.toLowerCase(), B = B.toLowerCase()), w < B ? -1 : w > B ? 1 : 0)), b.map((w) => {
+          const B = { rowLabel: w }, h = [];
+          return f.forEach(($) => {
+            const y = { datasetLabel: $.label }, g = $.data.find((M) => M.x === w);
             y.value = g ? g.y : null, h.push(y);
-          }), $.dataCells = h, a.xAxisType === "time" && ($.rowLabelFmt = l(w)), $;
+          }), B.dataCells = h, a.xAxisType === "time" && (B.rowLabelFmt = l(w)), B;
         });
       } catch {
         return [];
@@ -1177,38 +1178,38 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", qo = /* @__PURE__ */ Objec
         key: 0,
         summary: d.value.title
       }, [
-        k("thead", null, [
-          k("tr", null, [
-            k("th", {
+        I("thead", null, [
+          I("tr", null, [
+            I("th", {
               colspan: d.value.colspan
-            }, V(d.value.title), 9, Ha)
+            }, A(d.value.title), 9, Ha)
           ]),
-          k("tr", null, [
-            k("th", Ka, V(d.value.colHeadingFirst), 1),
+          I("tr", null, [
+            I("th", Ka, A(d.value.colHeadingFirst), 1),
             (u(!0), v(G, null, ee(d.value.colHeadings, (b) => (u(), v("th", {
               key: b,
               scope: "col"
-            }, V(b), 1))), 128))
+            }, A(b), 1))), 128))
           ])
         ]),
-        k("tbody", null, [
+        I("tbody", null, [
           (u(!0), v(G, null, ee(d.value.rows, (b) => (u(), v("tr", {
             key: b.rowLabelFmt || b.rowLabel
           }, [
-            k("th", Ya, V(b.rowLabelFmt || b.rowLabel), 1),
+            I("th", Ya, A(b.rowLabelFmt || b.rowLabel), 1),
             (u(!0), v(G, null, ee(b.dataCells, (S) => (u(), v("td", {
               key: `${b.rowLabelFmt || b.rowLabel}${S.datasetLabel}${S.value}`
-            }, V(S.value), 1))), 128))
+            }, A(S.value), 1))), 128))
           ]))), 128))
         ])
-      ], 8, Ga)) : x("", !0)
+      ], 8, Ga)) : C("", !0)
     ]));
   }
-}, Oe = 16, Xa = 20;
+}, Ee = 16, Xa = 20;
 function Qa(e, a) {
-  const t = I(null), l = I(!1), n = I(null), i = "(min-width: 1166px)", s = { tickSize: Oe }, o = { tickSize: Xa };
+  const t = k(null), l = k(!1), n = k(null), i = "(min-width: 1166px)", s = { tickSize: Ee }, o = { tickSize: Xa };
   let d, r;
-  function f(h, B) {
+  function f(h, $) {
     let y;
     switch (h) {
       case "bar":
@@ -1220,27 +1221,27 @@ function Qa(e, a) {
       default:
         throw new Error(`Unsupported chart type: ${h}`);
     }
-    return new nn().setCommonConfigs(B).setCustomOptions(B)[y](B).setPlugins([Ja(n), ea]).build();
+    return new nn().setCommonConfigs($).setCustomOptions($)[y]($).setPlugins([Ja(n), ea]).build();
   }
   function m(h) {
     h.preventDefault(), h.stopImmediatePropagation();
-    const B = h.target.closest("li");
-    if (B && d) {
-      const { labelIndex: y, datasetIndex: g } = B.dataset;
+    const $ = h.target.closest("li");
+    if ($ && d) {
+      const { labelIndex: y, datasetIndex: g } = $.dataset;
       e === "pie" || e === "doughnut" ? d.toggleDataVisibility(y) : d.setDatasetVisibility(g, !d.isDatasetVisible(g)), d.update(), h.preventDefault(), h.stopImmediatePropagation(), b(g, y);
     }
   }
-  function b(h, B) {
+  function b(h, $) {
     var M;
-    const y = `[data-dataset-index="${h}"][data-label-index="${B}"]`, g = n.value.querySelector(y);
+    const y = `[data-dataset-index="${h}"][data-label-index="${$}"]`, g = n.value.querySelector(y);
     (M = g == null ? void 0 : g.focus) == null || M.call(g);
   }
   function S(...h) {
     !r || !t.value || (Fe.register(...h), Fe.defaults.font.family = "'Roobert', sans-serif", d = new Fe(t.value, r));
   }
-  const w = Ve(function(h) {
+  const w = Oe(function(h) {
     r && (r.updateOptions(h), d.options = r.options, d.update());
-  }, 100), $ = Ve(function(h) {
+  }, 100), B = Oe(function(h) {
     r && (r.updateData(h), d.data = r.data, d.update());
   }, 100);
   return Xe(
@@ -1251,8 +1252,8 @@ function Qa(e, a) {
     var h;
     try {
       r = f(e, a), (h = n.value) == null || h.addEventListener("click", m);
-    } catch (B) {
-      console.error("Error creating chart config", B), r = null;
+    } catch ($) {
+      console.error("Error creating chart config", $), r = null;
     }
   }), pe([" ", "Enter"], m, n), Je(() => {
     var h;
@@ -1279,7 +1280,7 @@ function Qa(e, a) {
       () => a.data,
       () => a.dataIdxLabels
     ],
-    () => $(a),
+    () => B(a),
     { deep: !0 }
   ), {
     canvasRef: t,
@@ -1400,7 +1401,7 @@ function nt(e) {
       stacked: n,
       ticks: {
         font: {
-          size: m || Oe
+          size: m || Ee
         }
       },
       title: {
@@ -1420,7 +1421,7 @@ function nt(e) {
       suggestedMin: r,
       ticks: {
         font: {
-          size: m || Oe
+          size: m || Ee
         }
       },
       title: {
@@ -1555,8 +1556,8 @@ class nn {
   setCartesianAxesOpts(a) {
     const { dataIdxLabels: t } = a;
     return this.dataIdxLabels = t, this.scalesOptions = nt(a), this.commonOptionsStrict.scales = {
-      x: { ticks: { font: { size: Oe } } },
-      y: { ticks: { font: { size: Oe } } }
+      x: { ticks: { font: { size: Ee } } },
+      y: { ticks: { font: { size: Ee } } }
     }, this;
   }
   build() {
@@ -1592,7 +1593,7 @@ class nn {
 const ln = {
   class: "bs-chart bs-chart-bar",
   "data-component": "bs-chart-bar"
-}, on = ["aria-label"], rn = ["data-hidden"], zo = {
+}, on = ["aria-label"], rn = ["data-hidden"], Uo = {
   __name: "BsChartBar",
   props: {
     chartTitle: {
@@ -1673,17 +1674,17 @@ const ln = {
       ia,
       ra
     )), (s, o) => (u(), v("div", ln, [
-      k("figure", null, [
-        k("div", null, [
-          k("canvas", {
+      I("figure", null, [
+        I("div", null, [
+          I("canvas", {
             "aria-label": i.value,
             ref_key: "canvasRef",
             ref: t,
             role: "img"
           }, null, 8, on)
         ]),
-        k("div", null, [
-          L(Za, {
+        I("div", null, [
+          D(Za, {
             "chart-type": "bar",
             data: e.data,
             "data-idx-labels": e.dataIdxLabels,
@@ -1692,10 +1693,10 @@ const ln = {
             "x-label": e.xLabel,
             "y-label": e.yLabel
           }, null, 8, ["data", "data-idx-labels", "table-title", "x-axis-type", "x-label", "y-label"]),
-          k("figcaption", {
+          I("figcaption", {
             "data-hidden": !e.showLegend
           }, [
-            k("ul", {
+            I("ul", {
               ref_key: "legendListRef",
               ref: l
             }, null, 512)
@@ -1704,7 +1705,7 @@ const ln = {
       ])
     ]));
   }
-}, sn = ["data-disabled", "data-error", "data-size"], dn = ["checked", "data-error", "disabled", "id", "required", "value"], Ro = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, sn = ["data-disabled", "data-error", "data-size"], dn = ["checked", "data-error", "disabled", "id", "required", "value"], Wo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsCheckbox",
   props: {
     /** Sets the label. */
@@ -1767,7 +1768,7 @@ const ln = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = a, [n] = X(), i = p(() => et.concat(t.passAttrs.split(","))), s = I(null), o = p(() => t.inputId || n.value), d = p(() => t.checked || m.value), r = p(() => t.indeterminate || t.checkedPartially), f = p(() => Array.isArray(t.modelValue) && t.value), m = p(() => f.value && t.modelValue.includes(t.value) || typeof t.modelValue == "boolean" && t.modelValue);
+    const t = e, l = a, [n] = X(), i = p(() => et.concat(t.passAttrs.split(","))), s = k(null), o = p(() => t.inputId || n.value), d = p(() => t.checked || m.value), r = p(() => t.indeterminate || t.checkedPartially), f = p(() => Array.isArray(t.modelValue) && t.value), m = p(() => f.value && t.modelValue.includes(t.value) || typeof t.modelValue == "boolean" && t.modelValue);
     function b() {
       s.value && (s.value.indeterminate = r.value && !d.value);
     }
@@ -1775,21 +1776,21 @@ const ln = {
       l("update:modelValue", h);
     }
     function w(h) {
-      const B = [...t.modelValue];
-      h ? B.push(t.value) : B.splice(B.indexOf(t.value), 1), l("update:modelValue", B);
+      const $ = [...t.modelValue];
+      h ? $.push(t.value) : $.splice($.indexOf(t.value), 1), l("update:modelValue", $);
     }
-    function $(h) {
-      const { checked: B } = h.target;
-      f.value ? w(B) : S(B);
+    function B(h) {
+      const { checked: $ } = h.target;
+      f.value ? w($) : S($);
     }
-    return j(d, b), j(r, b), H(b), (h, B) => (u(), v("div", z({
+    return j(d, b), j(r, b), H(b), (h, $) => (u(), v("div", N({
       class: "bs-boolean",
       "data-component": "bs-checkbox",
       "data-disabled": e.disabled,
       "data-error": e.error,
       "data-size": e.size
     }, c(Y)(h.$attrs, i.value).remaining), [
-      k("input", z({
+      I("input", N({
         ref_key: "inputEl",
         ref: s,
         checked: d.value,
@@ -1799,21 +1800,21 @@ const ln = {
         required: e.required,
         value: e.value || "on",
         type: "checkbox",
-        onChange: $
+        onChange: B
       }, c(Y)(h.$attrs, i.value).filtered), null, 16, dn),
-      e.label || h.$slots.label ? (u(), O(ae, {
+      e.label || h.$slots.label ? (u(), V(ae, {
         key: 0,
         for: h.$attrs.id || o.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: E(() => [
-          D(h.$slots, "label", {}, () => [
-            W(V(e.label), 1)
+        default: L(() => [
+          E(h.$slots, "label", {}, () => [
+            W(A(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : x("", !0)
+      }, 8, ["for", "disabled", "required"])) : C("", !0)
     ], 16, sn));
   }
 }), un = {
@@ -1837,27 +1838,27 @@ const ln = {
     }
   },
   setup(e, { expose: a }) {
-    const t = I(null);
+    const t = k(null);
     return a({ internalContainerRef: t }), (l, n) => (u(), v(G, null, [
-      e.breakout && e.breakoutMounted ? (u(), O(qt, {
+      e.breakout && e.breakoutMounted ? (u(), V(Pt, {
         key: 0,
         to: e.breakoutStub
       }, [
-        D(l.$slots, "default")
-      ], 8, ["to"])) : x("", !0),
-      e.breakout ? x("", !0) : (u(), v(G, { key: 1 }, [
-        e.containerId ? D(l.$slots, "default", { key: 0 }) : (u(), v("div", {
+        E(l.$slots, "default")
+      ], 8, ["to"])) : C("", !0),
+      e.breakout ? C("", !0) : (u(), v(G, { key: 1 }, [
+        e.containerId ? E(l.$slots, "default", { key: 0 }) : (u(), v("div", {
           key: 1,
           ref_key: "internalContainerRef",
           ref: t,
           style: { position: "relative" }
         }, [
-          D(l.$slots, "default")
+          E(l.$slots, "default")
         ], 512))
       ], 64))
     ], 64));
   }
-}, De = {
+}, qe = {
   __name: "BsEnhancedTransition",
   props: {
     // Transition Name
@@ -1889,7 +1890,7 @@ const ln = {
   ],
   setup(e, { emit: a }) {
     const t = a;
-    return (l, n) => e.preloaded ? de((u(), O(st, {
+    return (l, n) => e.preloaded ? de((u(), V(st, {
       key: 0,
       name: e.name,
       onBeforeEnter: n[0] || (n[0] = (i) => t("before-enter")),
@@ -1901,13 +1902,13 @@ const ln = {
       onAfterLeave: n[6] || (n[6] = (i) => t("after-leave")),
       onLeaveCancelled: n[7] || (n[7] = (i) => t("leave-cancelled"))
     }, {
-      default: E(() => [
-        D(l.$slots, "default")
+      default: L(() => [
+        E(l.$slots, "default")
       ]),
       _: 3
     }, 8, ["name"])), [
       [ue, e.shown]
-    ]) : (u(), O(st, {
+    ]) : (u(), V(st, {
       key: 1,
       name: e.name,
       onBeforeEnter: n[8] || (n[8] = (i) => t("before-enter")),
@@ -1919,18 +1920,18 @@ const ln = {
       onAfterLeave: n[14] || (n[14] = (i) => t("after-leave")),
       onLeaveCancelled: n[15] || (n[15] = (i) => t("leave-cancelled"))
     }, {
-      default: E(() => [
-        e.shown ? D(l.$slots, "default", { key: 0 }) : x("", !0)
+      default: L(() => [
+        e.shown ? E(l.$slots, "default", { key: 0 }) : C("", !0)
       ]),
       _: 3
     }, 8, ["name"]));
   }
 }, cn = (e, a = void 0, t = "relative") => {
-  const l = I(null), n = I(null), i = I(!1);
+  const l = k(null), n = k(null), i = k(!1);
   let s = !1;
   return H(() => {
     e && (l.value = a || St(), document.getElementById(l.value) ? (n.value = document.getElementById(l.value), s = !0) : (n.value = document.createElement("div"), n.value.id = l.value, n.value.style.position = t, document.body.insertAdjacentElement("afterbegin", n.value)), i.value = !0);
-  }), Be(() => {
+  }), $e(() => {
     var o;
     e && !s && ((o = document.getElementById(l.value)) == null || o.remove());
   }), { breakoutId: l, breakoutStub: n, breakoutMounted: i };
@@ -1990,7 +1991,7 @@ const ln = {
     "after-leave"
   ],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = I(null), i = I(null), s = I(!1), o = I(!1), d = p(() => document.getElementById(t.anchorId)), r = p(() => t.breakout ? m.value : t.containerId ? document.getElementById(t.containerId) : n.value.internalContainerRef), f = p(() => t.width === "anchor" ? void 0 : t.width);
+    const t = e, l = a, n = k(null), i = k(null), s = k(!1), o = k(!1), d = p(() => document.getElementById(t.anchorId)), r = p(() => t.breakout ? m.value : t.containerId ? document.getElementById(t.containerId) : n.value.internalContainerRef), f = p(() => t.width === "anchor" ? void 0 : t.width);
     kt([i, d], () => {
       o.value && l("close");
     }), pe(["Escape"], () => {
@@ -1998,36 +1999,36 @@ const ln = {
     });
     const { breakoutStub: m, breakoutMounted: b } = cn(t.breakout, t.containerId);
     ce("dropdownEnter", s), ce("dropdownAfterEnter", o), ce("dropdownShown", p(() => t.shown));
-    const S = (T, P) => {
-      i.value.style.setProperty(T, P);
+    const S = (T, q) => {
+      i.value.style.setProperty(T, q);
     };
     function w() {
-      const T = r.value.getBoundingClientRect(), P = d.value.getBoundingClientRect(), R = i.value.getBoundingClientRect();
-      $(T, P), h(T, P, R);
+      const T = r.value.getBoundingClientRect(), q = d.value.getBoundingClientRect(), R = i.value.getBoundingClientRect();
+      B(T, q), h(T, q, R);
     }
-    function $(T, P) {
+    function B(T, q) {
       if (t.position === "top") {
-        const R = T.bottom - P.bottom;
-        S("--dropdown-wscreen-top", "auto"), S("--dropdown-wscreen-bottom", `${R + P.height + 8}px`);
+        const R = T.bottom - q.bottom;
+        S("--dropdown-wscreen-top", "auto"), S("--dropdown-wscreen-bottom", `${R + q.height + 8}px`);
       } else {
-        const R = P.top - T.top;
-        S("--dropdown-wscreen-top", `${R + P.height + 8}px`), S("--dropdown-wscreen-bottom", "auto");
+        const R = q.top - T.top;
+        S("--dropdown-wscreen-top", `${R + q.height + 8}px`), S("--dropdown-wscreen-bottom", "auto");
       }
     }
-    function h(T, P, R) {
+    function h(T, q, R) {
       if (t.width !== "anchor") {
-        const _ = P.left - T.left;
+        const _ = q.left - T.left;
         if (t.position === "center") {
-          const J = (P.width - R.width) / 2;
+          const J = (q.width - R.width) / 2;
           S("--dropdown-wscreen-left", `${_ + J}px`), S("--dropdown-wscreen-right", "auto");
         } else if (t.position === "right") {
-          const J = T.right - P.right;
+          const J = T.right - q.right;
           S("--dropdown-wscreen-left", "auto"), S("--dropdown-wscreen-right", `${J}px`);
         } else
           S("--dropdown-wscreen-left", `${_}px`), S("--dropdown-wscreen-right", "auto");
       }
     }
-    function B() {
+    function $() {
       if (t.width === "anchor") {
         const T = d.value.getBoundingClientRect();
         S("--dropdown-wscreen-width", `${T.width}px`);
@@ -2035,7 +2036,7 @@ const ln = {
         S("--dropdown-wscreen-width", "");
     }
     function y() {
-      s.value = !0, w(), B(), l("enter");
+      s.value = !0, w(), $(), l("enter");
     }
     function g() {
       o.value = !0, l("after-enter");
@@ -2043,9 +2044,9 @@ const ln = {
     function M() {
       s.value = !1, o.value = !1, l("after-leave");
     }
-    return (T, P) => (u(), v(G, null, [
-      e.useMobileStyle && e.shown ? (u(), v("div", fn)) : x("", !0),
-      L(un, {
+    return (T, q) => (u(), v(G, null, [
+      e.useMobileStyle && e.shown ? (u(), v("div", fn)) : C("", !0),
+      D(un, {
         ref_key: "dropdownContainerRef",
         ref: n,
         breakout: e.breakout,
@@ -2053,8 +2054,8 @@ const ln = {
         breakoutStub: c(m),
         containerId: e.containerId
       }, {
-        default: E(() => [
-          L(De, {
+        default: L(() => [
+          D(qe, {
             name: "bs-dropdown",
             preloaded: e.preloaded,
             shown: e.shown,
@@ -2062,8 +2063,8 @@ const ln = {
             onEnter: y,
             onAfterLeave: M
           }, {
-            default: E(() => [
-              k("div", z({
+            default: L(() => [
+              I("div", N({
                 ref_key: "dropdownRef",
                 ref: i,
                 class: "bs-dropdown",
@@ -2072,19 +2073,19 @@ const ln = {
                 "data-no-mobile": !e.useMobileStyle
               }, T.$attrs), [
                 e.helperText ? (u(), v("header", hn, [
-                  k("div", null, [
-                    k("h3", null, V(e.helperText), 1),
-                    e.helperDescription ? (u(), v("p", vn, V(e.helperDescription), 1)) : x("", !0)
+                  I("div", null, [
+                    I("h3", null, A(e.helperText), 1),
+                    e.helperDescription ? (u(), v("p", vn, A(e.helperDescription), 1)) : C("", !0)
                   ]),
-                  k("button", {
+                  I("button", {
                     type: "button",
                     title: "close",
-                    onClick: P[0] || (P[0] = () => l("close"))
+                    onClick: q[0] || (q[0] = () => l("close"))
                   }, [
-                    L(c($e))
+                    D(c(Be))
                   ])
-                ])) : x("", !0),
-                D(T.$slots, "default")
+                ])) : C("", !0),
+                E(T.$slots, "default")
               ], 16, pn)
             ]),
             _: 3
@@ -2184,8 +2185,8 @@ const ln = {
     "after-leave"
   ],
   setup(e, { emit: a }) {
-    const t = e, l = a, { transition: n } = Ee(t), i = p(() => t.width === "toggle" ? "anchor" : t.width), s = p(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position), o = p(() => t.toggleId ? t.toggleId : t.anchorId);
-    return (d, r) => (u(), O(mn, {
+    const t = e, l = a, { transition: n } = Le(t), i = p(() => t.width === "toggle" ? "anchor" : t.width), s = p(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position), o = p(() => t.toggleId ? t.toggleId : t.anchorId);
+    return (d, r) => (u(), V(mn, {
       "anchor-id": o.value,
       breakout: e.breakout,
       "container-id": e.containerId,
@@ -2201,8 +2202,8 @@ const ln = {
       onAfterEnter: r[2] || (r[2] = () => l("after-enter")),
       onAfterLeave: r[3] || (r[3] = () => l("after-leave"))
     }, {
-      default: E(() => [
-        D(d.$slots, "default")
+      default: L(() => [
+        E(d.$slots, "default")
       ]),
       _: 3
     }, 8, ["anchor-id", "breakout", "container-id", "helper-description", "helper-text", "position", "preloaded", "shown", "use-mobile-style", "width"]));
@@ -2249,7 +2250,7 @@ const ln = {
   setup(e, { emit: a }) {
     const t = e, l = a;
     let n = !1;
-    const i = I(null), [s] = X(1), o = p(() => ({
+    const i = k(null), [s] = X(1), o = p(() => ({
       icon: t.modelValue ? "close" : t.optionsId ? "caret-down" : "",
       show: !!(t.modelValue || t.optionsId),
       text: t.modelValue ? "Clear this field" : t.optionsId ? "Toggle options dropdown" : ""
@@ -2258,12 +2259,12 @@ const ln = {
       t.modelValue && l("clear"), n = !0, i.value.$el.focus();
     }
     function r(m) {
-      var w, $;
+      var w, B;
       const b = ((w = m.relatedTarget) == null ? void 0 : w.id) === s.value;
-      !((($ = m.relatedTarget) == null ? void 0 : $.id) === t.optionsId) && (!b || !n) && f(!0), n = !1;
+      !(((B = m.relatedTarget) == null ? void 0 : B.id) === t.optionsId) && (!b || !n) && f(!0), n = !1;
     }
-    const f = Ve((m) => l("toggled", m), 200, !0);
-    return (m, b) => (u(), O(Le, {
+    const f = Oe((m) => l("toggled", m), 200, !0);
+    return (m, b) => (u(), V(De, {
       "aria-live": "polite",
       disabled: e.disabled,
       error: e.error,
@@ -2272,8 +2273,8 @@ const ln = {
       variant: "combobox",
       onClick: c(f)
     }, {
-      default: E(() => [
-        L(Ie, z({
+      default: L(() => [
+        D(Ie, N({
           ref_key: "inputRef",
           ref: i,
           "aria-controls": e.optionsId,
@@ -2291,7 +2292,7 @@ const ln = {
           onFocus: r,
           onInput: b[0] || (b[0] = (S) => m.$emit("update:modelValue", S.target.value))
         }, m.$attrs), null, 16, ["aria-controls", "aria-describedby", "aria-expanded", "aria-haspopup", "aria-invalid", "data-error", "disabled", "model-value", "placeholder", "required", "role"]),
-        de(k("button", {
+        de(I("button", {
           "aria-controls": !e.modelValue && e.optionsId ? e.optionsId : void 0,
           "aria-expanded": !e.modelValue && e.optionsId ? e.open : void 0,
           "data-open": e.modelValue ? void 0 : e.open,
@@ -2302,14 +2303,14 @@ const ln = {
           type: "button",
           onClick: d
         }, [
-          k("span", gn, V(o.value.text), 1),
-          de(L(c(_e), {
+          I("span", gn, A(o.value.text), 1),
+          de(D(c(_e), {
             role: "presentation",
             size: "md"
           }, null, 512), [
             [ue, o.value.icon == "caret-down"]
           ]),
-          de(L(c($e), {
+          de(D(c(Be), {
             role: "presentation",
             size: "md"
           }, null, 512), [
@@ -2362,21 +2363,21 @@ const ln = {
       disabled: e.disabled,
       type: "button"
     }, [
-      t.value ? (u(), O(Sa, {
+      t.value ? (u(), V(Sa, {
         key: 0,
         color: "blue",
         count: e.badgeCount,
         label: "active filter",
         position: "left",
         variant: "notext"
-      }, null, 8, ["count"])) : x("", !0),
-      D(l.$slots, "label", {}, () => [
-        W(V(e.label), 1)
+      }, null, 8, ["count"])) : C("", !0),
+      E(l.$slots, "label", {}, () => [
+        W(A(e.label), 1)
       ]),
-      L(c(_e))
+      D(c(_e))
     ], 8, Sn));
   }
-}, Bn = ["data-value", "data-value-type", "data-variant", "id"], ot = {
+}, $n = ["data-value", "data-value-type", "data-variant", "id"], ot = {
   __name: "BsDropdownOption",
   props: {
     value: {
@@ -2389,7 +2390,7 @@ const ln = {
     }
   },
   setup(e) {
-    const a = e, t = I(null), l = fe("optionsId", ""), n = fe("handleOptionSelect", () => {
+    const a = e, t = k(null), l = fe("optionsId", ""), n = fe("handleOptionSelect", () => {
     }), i = p(() => `${l.value}-option-${a.value}`);
     function s(o) {
       n(t.value), o.stopPropagation();
@@ -2405,10 +2406,10 @@ const ln = {
       role: "option",
       onClick: s
     }, [
-      D(o.$slots, "default")
-    ], 8, Bn));
+      E(o.$slots, "default")
+    ], 8, $n));
   }
-}, $n = ["data-img-size", "data-initials", "data-no-img"], In = ["src", "alt"], Tt = {
+}, Bn = ["data-img-size", "data-initials", "data-no-img"], In = ["src", "alt"], Tt = {
   __name: "BsProfileImg",
   props: {
     src: String,
@@ -2427,7 +2428,7 @@ const ln = {
     }
   },
   setup(e) {
-    const a = e, t = I(!1), l = I(!!a.src);
+    const a = e, t = k(!1), l = k(!!a.src);
     return H(() => t.value = !0), (n, i) => (u(), v("div", {
       class: "bs-profile-img",
       "data-img-size": e.size,
@@ -2439,14 +2440,14 @@ const ln = {
         src: e.src,
         alt: e.useAltText ? e.profileName : "",
         onError: i[0] || (i[0] = (s) => l.value = !1)
-      }, null, 40, In)) : x("", !0)
-    ], 8, $n));
+      }, null, 40, In)) : C("", !0)
+    ], 8, Bn));
   }
 }, kn = ["id", "data-checked"], Cn = { key: 1 }, xn = ["innerHTML"], Tn = { key: 4 }, An = { key: 5 }, Vn = {
   key: 0,
   role: "option",
   "data-no-hover": ""
-}, qe = {
+}, Pe = {
   __name: "BsDropdownOptionBuilder",
   props: {
     // Array of objects with the following properties (either label or labelHtml
@@ -2504,44 +2505,44 @@ const ln = {
       return !!o && o !== d;
     }
     return (o, d) => (u(), v(G, null, [
-      (u(!0), v(G, null, ee(e.options, (r) => (u(), O(ot, {
+      (u(!0), v(G, null, ee(e.options, (r) => (u(), V(ot, {
         "aria-checked": r.checkbox ? r.checkbox.checked : void 0,
         key: r.value,
         value: r.value,
         variant: n(r)
       }, {
-        default: E(() => [
+        default: L(() => [
           r.checkbox ? (u(), v("span", {
             key: 0,
             id: r.checkbox.inputId,
             "aria-hidden": "true",
             class: "bs-checkbox",
             "data-checked": r.checkbox.checked
-          }, null, 8, kn)) : x("", !0),
+          }, null, 8, kn)) : C("", !0),
           r.icon ? (u(), v("span", Cn, [
-            (u(), O(te(t[r.icon])))
-          ])) : x("", !0),
-          r.profileImg ? (u(), O(Tt, {
+            (u(), V(te(t[r.icon])))
+          ])) : C("", !0),
+          r.profileImg ? (u(), V(Tt, {
             key: 2,
             src: r.profileImg.src,
             size: "xs",
             initials: r.profileImg.initials,
             "profile-name": r.profileImg.profileName,
             "use-alt-text": s(r.profileImg.profileName, r.label)
-          }, null, 8, ["src", "initials", "profile-name", "use-alt-text"])) : x("", !0),
+          }, null, 8, ["src", "initials", "profile-name", "use-alt-text"])) : C("", !0),
           r.labelHtml ? (u(), v("span", {
             key: 3,
             innerHTML: r.labelHtml
-          }, null, 8, xn)) : (u(), v("span", Tn, V(r.label), 1)),
-          r.description ? (u(), v("span", An, V(r.description), 1)) : x("", !0)
+          }, null, 8, xn)) : (u(), v("span", Tn, A(r.label), 1)),
+          r.description ? (u(), v("span", An, A(r.description), 1)) : C("", !0)
         ]),
         _: 2
       }, 1032, ["aria-checked", "value", "variant"]))), 128)),
       e.showNoOptions && e.options.length === 0 ? (u(), v("li", Vn, [
-        D(o.$slots, "no-options", {}, () => [
+        E(o.$slots, "no-options", {}, () => [
           W("No options")
         ])
-      ])) : x("", !0)
+      ])) : C("", !0)
     ], 64));
   }
 }, On = ["id"], En = {
@@ -2618,7 +2619,7 @@ const ln = {
   setup(e, { emit: a }) {
     const t = e, l = a;
     let n = null;
-    const [i, s] = X(2), o = I(!1), d = () => n || (n = document.getElementById(m.value)), r = p(() => Qe(async () => await (t.multiselect ? Promise.resolve().then(() => zn) : Promise.resolve().then(() => Dn)))), f = p(() => t.optionsId || s.value), m = p(() => t.toggleId || i.value);
+    const [i, s] = X(2), o = k(!1), d = () => n || (n = document.getElementById(m.value)), r = p(() => Qe(async () => await (t.multiselect ? Promise.resolve().then(() => Nn) : Promise.resolve().then(() => Dn)))), f = p(() => t.optionsId || s.value), m = p(() => t.toggleId || i.value);
     function b() {
       const y = document.activeElement;
       return !y || y.tagName === "BODY" || y.id === f.value;
@@ -2630,25 +2631,25 @@ const ln = {
     function w() {
       o.value && S();
     }
-    function $() {
+    function B() {
       o.value = !0;
     }
     function h(y) {
       l("update:selectedOptions", y);
     }
-    function B(y) {
+    function $(y) {
       t.multiselect || (l("update:selectedOption", y), S());
     }
     return (y, g) => (u(), v("div", {
       class: "bs-dropdown-with-toggle",
       id: y.$attrs.id
     }, [
-      D(y.$slots, "toggle", {
+      E(y.$slots, "toggle", {
         anchorId: e.anchorId,
         optionsId: f.value,
         toggleId: m.value
       }, () => [
-        L(wn, {
+        D(wn, {
           "aria-controls": f.value,
           "aria-expanded": e.open,
           disabled: e.disabled,
@@ -2658,15 +2659,15 @@ const ln = {
           size: e.toggleSize,
           onClick: g[0] || (g[0] = (M) => y.$emit("toggled"))
         }, {
-          label: E(() => [
-            D(y.$slots, "toggle-label", {}, () => [
-              W(V(e.toggleLabel), 1)
+          label: L(() => [
+            E(y.$slots, "toggle-label", {}, () => [
+              W(A(e.toggleLabel), 1)
             ])
           ]),
           _: 3
         }, 8, ["aria-controls", "aria-expanded", "disabled", "id", "open", "options-id", "size"])
       ]),
-      L(lt, {
+      D(lt, {
         "anchor-id": e.anchorId || m.value,
         breakout: e.breakout,
         "helper-text": e.helperText,
@@ -2677,22 +2678,22 @@ const ln = {
         "use-mobile-style": e.useMobileStyle,
         width: e.dropdownWidth,
         onClose: w,
-        onEnter: $
+        onEnter: B
       }, {
-        default: E(() => [
-          L(c(r), {
+        default: L(() => [
+          D(c(r), {
             label: e.dropdownLabel,
             "model-value": e.selectedOption,
             options: e.options,
             "options-id": f.value,
             "selected-options": e.selectedOptions,
             shown: e.open,
-            "onUpdate:modelValue": B,
+            "onUpdate:modelValue": $,
             "onUpdate:selectedOptions": h,
             onClose: g[1] || (g[1] = (M) => e.multiselect ? void 0 : w())
           }, {
-            default: E(() => [
-              e.multiselect ? x("", !0) : (u(), O(qe, {
+            default: L(() => [
+              e.multiselect ? C("", !0) : (u(), V(Pe, {
                 key: 0,
                 options: e.options
               }, null, 8, ["options"]))
@@ -2763,7 +2764,7 @@ const ln = {
   },
   emits: ["update:modelValue", "combobox:change", "combobox:input"],
   setup(e, { emit: a }) {
-    const t = e, l = a, [n, i, s] = X(3), o = I(!1), d = p(() => t.inputId || n.value);
+    const t = e, l = a, [n, i, s] = X(3), o = k(!1), d = p(() => t.inputId || n.value);
     function r(w) {
       l("combobox:change", w.target.value), l("update:modelValue", w.target.value);
     }
@@ -2771,8 +2772,8 @@ const ln = {
       l("combobox:change", ""), l("update:modelValue", "");
     }
     function m(w) {
-      var $, h;
-      ($ = w.relatedTarget) != null && $.closest(`#${s.value}`) || (h = w.relatedTarget) != null && h.closest(`#${i.value}`) || (o.value = !1);
+      var B, h;
+      (B = w.relatedTarget) != null && B.closest(`#${s.value}`) || (h = w.relatedTarget) != null && h.closest(`#${i.value}`) || (o.value = !1);
     }
     function b(w) {
       l("combobox:input", w.target.value), t.updateOnInput && l("update:modelValue", w.target.value);
@@ -2780,7 +2781,7 @@ const ln = {
     function S(w) {
       w === !0 || w === !1 ? o.value = w : o.value = !o.value;
     }
-    return (w, $) => (u(), O(En, {
+    return (w, B) => (u(), V(En, {
       "anchor-id": c(i),
       disabled: e.disabled,
       "dropdown-position": e.dropdownPosition,
@@ -2793,12 +2794,12 @@ const ln = {
       "options-id": c(s),
       "selected-option": e.modelValue,
       "toggle-id": w.$attrs.id || d.value,
-      onClose: $[0] || ($[0] = (h) => o.value = !1),
+      onClose: B[0] || (B[0] = (h) => o.value = !1),
       onFocusout: m,
-      "onUpdate:selectedOption": $[1] || ($[1] = (h) => w.$emit("update:modelValue", h))
+      "onUpdate:selectedOption": B[1] || (B[1] = (h) => w.$emit("update:modelValue", h))
     }, {
-      toggle: E(() => [
-        L(yn, z({
+      toggle: L(() => [
+        D(yn, N({
           id: w.$attrs.id || d.value,
           "container-id": c(i),
           disabled: e.disabled,
@@ -2818,7 +2819,7 @@ const ln = {
       _: 1
     }, 8, ["anchor-id", "disabled", "dropdown-position", "dropdown-width", "helper-description", "helper-text", "open", "options", "options-id", "selected-option", "toggle-id"]));
   }
-}), Fo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), Go = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsDropdownComboboxField",
   props: {
     disabled: {
@@ -2887,21 +2888,21 @@ const ln = {
   emits: ["update:modelValue", "combobox:change", "combobox:input"],
   setup(e, { emit: a }) {
     const t = e, [l, n] = X(2), i = p(() => t.error && t.errorMsg || t.hint || void 0), s = p(() => t.inputId || l.value);
-    return (o, d) => (u(), v("div", z({ "data-component": "bs-dropdown-combobox-field" }, c(Y)(o.$attrs, c(he)).remaining), [
-      e.label || o.$slots.label ? (u(), O(ae, {
+    return (o, d) => (u(), v("div", N({ "data-component": "bs-dropdown-combobox-field" }, c(Y)(o.$attrs, c(he)).remaining), [
+      e.label || o.$slots.label ? (u(), V(ae, {
         key: 0,
         for: o.$attrs.id || s.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: E(() => [
-          D(o.$slots, "label", {}, () => [
-            W(V(e.label), 1)
+        default: L(() => [
+          E(o.$slots, "label", {}, () => [
+            W(A(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : x("", !0),
-      L(At, z({
+      }, 8, ["for", "disabled", "required"])) : C("", !0),
+      D(At, N({
         disabled: e.disabled,
         "display-value": e.displayValue,
         "dropdown-position": e.dropdownPosition,
@@ -2920,13 +2921,13 @@ const ln = {
         "onCombobox:input": d[1] || (d[1] = (r) => o.$emit("combobox:input", r)),
         "onUpdate:modelValue": d[2] || (d[2] = (r) => o.$emit("update:modelValue", r))
       }, c(Y)(o.$attrs, c(he)).filtered), null, 16, ["disabled", "display-value", "dropdown-position", "dropdown-width", "error", "helper-text", "helper-description", "hint-id", "input-id", "model-value", "options", "placeholder", "required", "update-on-input"]),
-      i.value ? (u(), O(ge, {
+      i.value ? (u(), V(ge, {
         key: 1,
         error: e.error,
         "error-msg": e.errorMsg,
         hint: e.hint || o.hintDeprecated,
         "hint-id": c(n)
-      }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : x("", !0)
+      }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : C("", !0)
     ], 16));
   }
 }), Ln = ["aria-activedescendant", "aria-label", "data-overflow", "id", "tabindex"], Re = {
@@ -2965,25 +2966,25 @@ const ln = {
     "update:modelValue"
   ],
   setup(e, { expose: a, emit: t }) {
-    const l = e, n = t, i = I(null), s = I(null), o = I(-1), d = I(-1), r = I(null), f = I(!1), m = fe("dropdownEnter", I(!1)), b = fe("dropdownAfterEnter", I(!1)), S = fe("dropdownShown", I(!1));
+    const l = e, n = t, i = k(null), s = k(null), o = k(-1), d = k(-1), r = k(null), f = k(!1), m = fe("dropdownEnter", k(!1)), b = fe("dropdownAfterEnter", k(!1)), S = fe("dropdownShown", k(!1));
     ce("optionsId", p(() => l.optionsId)), ce("handleOptionSelect", ye), fa(i, g, { childList: !0 }), pe([" ", "Enter", "NumpadEnter"], ke, i), pe(["ArrowDown", "ArrowUp", "Home", "End"], Ce);
-    const h = [/^[a-zA-Z0-9]{1}$/], B = {
+    const h = [/^[a-zA-Z0-9]{1}$/], $ = {
       keys: "",
       lastTyped: 0
     };
-    pe(h, (A) => xe(A, B)), H(() => {
+    pe(h, (O) => xe(O, $)), H(() => {
       g(), J(S.value);
     }), j(
       [m, () => {
-        var A;
-        return (A = r.value) == null ? void 0 : A.length;
+        var O;
+        return (O = r.value) == null ? void 0 : O.length;
       }],
-      ([A, F]) => {
-        (A || F > 0) && (f.value = i.value.scrollHeight > i.value.clientHeight);
+      ([O, F]) => {
+        (O || F > 0) && (f.value = i.value.scrollHeight > i.value.clientHeight);
       }
-    ), j(b, (A) => {
-      A && (M(), T());
-    }), j(S, (A) => J(A));
+    ), j(b, (O) => {
+      O && (M(), T());
+    }), j(S, (O) => J(O));
     const y = p(() => l.modelValue || l.selectedValue);
     function g() {
       r.value = Array.from(
@@ -2994,64 +2995,64 @@ const ln = {
       i.value.getBoundingClientRect().bottom > window.innerHeight && i.value.scrollIntoView({ block: "nearest" });
     }
     function T() {
-      var A;
-      o.value > -1 && (M(), (A = r.value[o.value]) == null || A.scrollIntoView({ block: "nearest" }));
+      var O;
+      o.value > -1 && (M(), (O = r.value[o.value]) == null || O.scrollIntoView({ block: "nearest" }));
     }
-    function P() {
-      var A, F;
-      o.value > -1 && ((A = r.value[o.value]) == null || A.setAttribute("data-active", ""), s.value = (F = r.value[o.value]) == null ? void 0 : F.id, T());
+    function q() {
+      var O, F;
+      o.value > -1 && ((O = r.value[o.value]) == null || O.setAttribute("data-active", ""), s.value = (F = r.value[o.value]) == null ? void 0 : F.id, T());
     }
     function R() {
-      var A;
-      o.value > -1 && ((A = r.value[o.value]) == null || A.removeAttribute("data-active"));
+      var O;
+      o.value > -1 && ((O = r.value[o.value]) == null || O.removeAttribute("data-active"));
     }
     function _() {
-      var A;
-      o.value < 0 && (o.value = 0, s.value = (A = r.value[0]) == null ? void 0 : A.id), P();
+      var O;
+      o.value < 0 && (o.value = 0, s.value = (O = r.value[0]) == null ? void 0 : O.id), q();
     }
-    function J(A) {
-      A ? ne() : me();
+    function J(O) {
+      O ? ne() : me();
     }
     function ne() {
-      var A, F;
+      var O, F;
       l.multiselect || (d.value = r.value.findIndex(
-        (q) => q.getAttribute("data-value") === String(y.value)
-      ), !l.multiselect && d.value > -1 && ((A = r.value[d.value]) == null || A.setAttribute("data-selected", ""), (F = r.value[d.value]) == null || F.setAttribute("aria-selected", "true")), o.value = d.value);
+        (P) => P.getAttribute("data-value") === String(y.value)
+      ), !l.multiselect && d.value > -1 && ((O = r.value[d.value]) == null || O.setAttribute("data-selected", ""), (F = r.value[d.value]) == null || F.setAttribute("aria-selected", "true")), o.value = d.value);
     }
     function me() {
-      r.value.forEach((A) => {
-        A.removeAttribute("data-selected"), A.setAttribute("aria-selected", "false");
+      r.value.forEach((O) => {
+        O.removeAttribute("data-selected"), O.setAttribute("aria-selected", "false");
       }), R(), d.value = -1, o.value = -1, s.value = null;
     }
-    function ye(A) {
-      var q;
-      (q = A.querySelector("a")) == null || q.click();
-      let F = A.getAttribute("data-value");
-      A.getAttribute("data-value-type") === "number" && (F = Number(F)), s.value = A.id, R(), n("optselected", F), n("update:modelValue", F), n("close");
+    function ye(O) {
+      var P;
+      (P = O.querySelector("a")) == null || P.click();
+      let F = O.getAttribute("data-value");
+      O.getAttribute("data-value-type") === "number" && (F = Number(F)), s.value = O.id, R(), n("optselected", F), n("update:modelValue", F), n("close");
     }
-    function ke(A) {
-      ye(r.value[o.value]), A.preventDefault();
+    function ke(O) {
+      ye(r.value[o.value]), O.preventDefault();
     }
-    function Ce(A) {
+    function Ce(O) {
       if (S.value)
-        switch (A.key) {
+        switch (O.key) {
           case "ArrowDown":
-            re("down"), A.preventDefault();
+            re("down"), O.preventDefault();
             break;
           case "ArrowUp":
-            re("up"), A.preventDefault();
+            re("up"), O.preventDefault();
             break;
           case "Home":
-            re("home"), A.preventDefault();
+            re("home"), O.preventDefault();
             break;
           case "End":
-            re("end"), A.preventDefault();
+            re("end"), O.preventDefault();
             break;
         }
     }
-    function re(A) {
+    function re(O) {
       let F;
-      switch (A) {
+      switch (O) {
         case "up":
           F = o.value - 1 < 0 ? r.value.length - 1 : o.value - 1;
           break;
@@ -3067,23 +3068,23 @@ const ln = {
       }
       Se(F);
     }
-    function xe(A, F) {
+    function xe(O, F) {
       if (!S.value)
         return;
-      F.keys = A.timeStamp - F.lastTyped > 500 ? A.key : F.keys + A.key, F.lastTyped = A.timeStamp;
-      const q = r.value.findIndex((K) => K.textContent.replaceAll(/[^a-zA-Z0-9]/g, "").toLowerCase().startsWith(F.keys));
-      q > -1 && Se(q, !1);
+      F.keys = O.timeStamp - F.lastTyped > 500 ? O.key : F.keys + O.key, F.lastTyped = O.timeStamp;
+      const P = r.value.findIndex((K) => K.textContent.replaceAll(/[^a-zA-Z0-9]/g, "").toLowerCase().startsWith(F.keys));
+      P > -1 && Se(P, !1);
     }
-    function Se(A, F = !0) {
-      R(), o.value = A, document.activeElement !== i.value && F ? i.value.focus() : P();
+    function Se(O, F = !0) {
+      R(), o.value = O, document.activeElement !== i.value && F ? i.value.focus() : q();
     }
     return a({
       activeIndex: o,
       optionEls: r,
       optionsRef: i,
       refreshOptions: g,
-      setCurrentActive: P
-    }), (A, F) => (u(), v("ul", {
+      setCurrentActive: q
+    }), (O, F) => (u(), v("ul", {
       ref_key: "optionsRef",
       ref: i,
       "aria-activedescendant": s.value || void 0,
@@ -3099,21 +3100,25 @@ const ln = {
       onMousedown: F[0] || (F[0] = Mt(() => {
       }, ["prevent"]))
     }, [
-      D(A.$slots, "default")
+      E(O.$slots, "default")
     ], 40, Ln));
   }
 }, Dn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Re
-}, Symbol.toStringTag, { value: "Module" })), Pn = { role: "separator" }, qn = /* @__PURE__ */ k("hr", null, null, -1), Mn = [
-  qn
-], Nn = {
+}, Symbol.toStringTag, { value: "Module" })), qn = { role: "separator" }, Pn = /* @__PURE__ */ I("hr", null, null, -1), Mn = [
+  Pn
+], zn = {
   key: 1,
   role: "option",
   "data-no-hover": "true"
 }, Vt = {
   __name: "BsDropdownMultiselect",
   props: {
+    focusOnOpen: {
+      type: Boolean,
+      default: !0
+    },
     label: {
       type: String,
       default: "Select an option"
@@ -3141,12 +3146,12 @@ const ln = {
     "uncheck-option"
   ],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = I(null), i = I([]), s = I([]), o = p(() => {
-      var $, h;
-      return (($ = i.value) == null ? void 0 : $.length) && ((h = s.value) == null ? void 0 : h.length);
+    const t = e, l = a, n = k(null), i = k([]), s = k([]), o = p(() => {
+      var B, h;
+      return ((B = i.value) == null ? void 0 : B.length) && ((h = s.value) == null ? void 0 : h.length);
     }), d = p(() => {
-      var $, h;
-      return (($ = i.value) == null ? void 0 : $.length) || ((h = s.value) == null ? void 0 : h.length);
+      var B, h;
+      return ((B = i.value) == null ? void 0 : B.length) || ((h = s.value) == null ? void 0 : h.length);
     });
     let r = !1;
     j(() => t.options, () => {
@@ -3155,8 +3160,8 @@ const ln = {
       () => t.selectedOptions,
       b,
       { immediate: !0 }
-    ), j(() => t.shown, ($) => {
-      $ && Ae(f);
+    ), j(() => t.shown, (B) => {
+      B && t.focusOnOpen && Ae(f);
     });
     function f() {
       n.value && (n.value.refreshOptions(), n.value.optionsRef.focus());
@@ -3164,28 +3169,28 @@ const ln = {
     function m() {
       n.value && (n.value.refreshOptions(), n.value.setCurrentActive());
     }
-    function b($ = []) {
-      const h = new Set($), B = [], y = [];
+    function b(B = []) {
+      const h = new Set(B), $ = [], y = [];
       t.options.forEach((g) => {
         const M = { ...g }, T = `${t.optionsId}-${g.value}-cb`;
-        h.has(g.value) ? (M.checkbox = { inputId: T, checked: !0 }, B.push(M)) : (M.checkbox = { inputId: T, checked: !1 }, y.push(M));
-      }), i.value = B, Ae(() => {
+        h.has(g.value) ? (M.checkbox = { inputId: T, checked: !0 }, $.push(M)) : (M.checkbox = { inputId: T, checked: !1 }, y.push(M));
+      }), i.value = $, Ae(() => {
         s.value = y, Ae(() => {
           r && m(), r = !1;
         });
       });
     }
-    function S($ = []) {
-      const h = new Set($), B = [];
+    function S(B = []) {
+      const h = new Set(B), $ = [];
       return t.options.forEach((y) => {
-        h.has(y.value) && B.push(y.value);
-      }), B;
+        h.has(y.value) && $.push(y.value);
+      }), $;
     }
-    function w($) {
+    function w(B) {
       let h = [];
-      t.selectedOptions.includes($) ? (h = t.selectedOptions.filter((B) => B !== $), l("uncheck-option", $)) : (h = S([...t.selectedOptions, $]), l("check-option", $)), r = !0, l("update:selectedOptions", h);
+      t.selectedOptions.includes(B) ? (h = t.selectedOptions.filter(($) => $ !== B), l("uncheck-option", B)) : (h = S([...t.selectedOptions, B]), l("check-option", B)), r = !0, l("update:selectedOptions", h);
     }
-    return ($, h) => (u(), O(Re, {
+    return (B, h) => (u(), V(Re, {
       ref_key: "optlist",
       ref: n,
       "aria-multiselectable": "true",
@@ -3196,21 +3201,21 @@ const ln = {
       shown: e.shown,
       "onUpdate:modelValue": w
     }, {
-      default: E(() => [
+      default: L(() => [
         d.value ? (u(), v(G, { key: 0 }, [
-          L(qe, {
+          D(Pe, {
             options: i.value,
             "show-no-options": !1
           }, null, 8, ["options"]),
-          de(k("li", Pn, Mn, 512), [
+          de(I("li", qn, Mn, 512), [
             [ue, o.value]
           ]),
-          L(qe, {
+          D(Pe, {
             options: s.value,
             "show-no-options": !1
           }, null, 8, ["options"])
-        ], 64)) : (u(), v("li", Nn, [
-          D($.$slots, "no-options", {}, () => [
+        ], 64)) : (u(), v("li", zn, [
+          E(B.$slots, "no-options", {}, () => [
             W("No options")
           ])
         ]))
@@ -3218,7 +3223,7 @@ const ln = {
       _: 3
     }, 8, ["label", "options-id", "shown"]));
   }
-}, zn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Nn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Vt
 }, Symbol.toStringTag, { value: "Module" })), Rn = {
@@ -3296,7 +3301,7 @@ const ln = {
     "after-leave"
   ],
   setup(e, { emit: a }) {
-    const t = a, l = I(!1);
+    const t = a, l = k(!1);
     function n() {
       l.value = !0;
     }
@@ -3306,7 +3311,7 @@ const ln = {
     function s() {
       l.value && (l.value = !1, t("close"));
     }
-    return (o, d) => (u(), O(c(lt), {
+    return (o, d) => (u(), V(c(lt), {
       "anchor-id": e.anchorId,
       breakout: e.breakout,
       "container-id": e.containerId,
@@ -3322,8 +3327,8 @@ const ln = {
       onEnter: n,
       onAfterLeave: d[1] || (d[1] = (r) => t("after-leave"))
     }, {
-      default: E(() => [
-        L(c(Re), {
+      default: L(() => [
+        D(c(Re), {
           label: e.label,
           "model-value": e.modelValue,
           "options-id": e.optionsId,
@@ -3332,8 +3337,8 @@ const ln = {
           "onUpdate:modelValue": i,
           onClose: s
         }, {
-          default: E(() => [
-            D(o.$slots, "default")
+          default: L(() => [
+            E(o.$slots, "default")
           ]),
           _: 3
         }, 8, ["label", "model-value", "options-id", "prevent-tab", "type-to-focus"])
@@ -3455,11 +3460,11 @@ const ln = {
     "after-leave"
   ],
   setup(e, { emit: a }) {
-    const t = e, l = a, { transition: n } = Ee(t), i = p(() => t.width === "toggle" ? "anchor" : t.width), s = 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);
+    const t = e, l = a, { transition: n } = Le(t), i = p(() => t.width === "toggle" ? "anchor" : t.width), s = 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 r(f) {
       l("optselected", f), l("update:modelValue", f);
     }
-    return (f, m) => (u(), O(Rn, {
+    return (f, m) => (u(), V(Rn, {
       "anchor-id": o.value,
       breakout: e.breakout,
       "container-id": e.containerId,
@@ -3479,13 +3484,59 @@ const ln = {
       onAfterLeave: m[2] || (m[2] = (b) => l("after-leave")),
       "onUpdate:modelValue": r
     }, {
-      default: E(() => [
-        D(f.$slots, "default")
+      default: L(() => [
+        E(f.$slots, "default")
       ]),
       _: 3
     }, 8, ["anchor-id", "breakout", "container-id", "helper-description", "helper-text", "label", "model-value", "options-id", "position", "preloaded", "prevent-tab", "shown", "use-mobile-style", "width"]));
   }
-}, Fn = ["data-absolute", "data-position", "data-shown", "data-size"], jn = { class: "bs-flyout-close-container" }, jo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Fn = ["data-size"], jn = { class: "bs-empty-state-icon" }, Un = { class: "bs-empty-state-title" }, Wn = {
+  key: 0,
+  class: "bs-empty-state-description"
+}, Ho = {
+  __name: "BsEmptyState",
+  props: {
+    description: {
+      type: String,
+      default: ""
+    },
+    iconName: {
+      type: String,
+      required: !0
+    },
+    size: {
+      type: String,
+      validator: (e) => ["xs", "sm", "md", "lg"].includes(e),
+      default: "md"
+    },
+    title: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(e) {
+    const a = e, { icon: t } = Ve(a, "iconName");
+    return (l, n) => (u(), v("div", {
+      class: "bs-empty-state",
+      "data-size": e.size
+    }, [
+      I("div", jn, [
+        E(l.$slots, "icon", {}, () => [
+          (u(), V(te(c(t)), { size: "" }))
+        ])
+      ]),
+      I("div", null, [
+        I("p", Un, A(e.title), 1),
+        e.size !== "xs" ? (u(), v("p", Wn, [
+          E(l.$slots, "description", {}, () => [
+            W(A(e.description), 1)
+          ])
+        ])) : C("", !0),
+        E(l.$slots, "call-to-action")
+      ])
+    ], 8, Fn));
+  }
+}, Gn = ["data-absolute", "data-position", "data-shown", "data-size"], Hn = { class: "bs-flyout-close-container" }, Ko = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsFlyout",
   props: {
     absolute: {
@@ -3521,18 +3572,18 @@ const ln = {
   },
   emits: ["close"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = I(null), i = p(() => document.getElementById(t.toggleId));
+    const t = e, l = a, n = k(null), i = p(() => document.getElementById(t.toggleId));
     kt([n, i], s), pe(["Escape"], s);
     function s() {
       t.shown && l("close");
     }
-    return (o, d) => (u(), O(De, {
+    return (o, d) => (u(), V(qe, {
       name: "bs-flyout",
       preloaded: e.preloaded,
       shown: e.shown
     }, {
-      default: E(() => [
-        k("div", z({
+      default: L(() => [
+        I("div", N({
           ref_key: "flyout",
           ref: n,
           class: "bs-flyout",
@@ -3541,26 +3592,26 @@ const ln = {
           "data-shown": e.shown,
           "data-size": e.size
         }, o.$attrs), [
-          k("div", jn, [
-            k("button", {
+          I("div", Hn, [
+            I("button", {
               type: "button",
               title: "Close",
               "aria-label": "Close",
               onClick: s
             }, [
-              L(c($e))
+              D(c(Be))
             ])
           ]),
-          D(o.$slots, "default")
-        ], 16, Fn)
+          E(o.$slots, "default")
+        ], 16, Gn)
       ]),
       _: 3
     }, 8, ["preloaded", "shown"]));
   }
-}), Un = ["view-box"], Wn = ["id"], Gn = ["offset", "stop-color"], Uo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), Kn = ["view-box"], Yn = ["id"], Zn = ["offset", "stop-color"], Yo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsIconGradientWrapper",
   setup(e) {
-    const a = I(null), t = I(null), l = [
+    const a = k(null), t = k(null), l = [
       { offset: 0.1326, color: "#EE282A" },
       { offset: 0.5466, color: "#1C0087" },
       { offset: 0.9715, color: "#0086EA" }
@@ -3568,13 +3619,13 @@ const ln = {
     return H(() => {
       t.value = a.value.querySelector("svg").getAttribute("viewBox") || "0 0 0 0";
     }), (i, s) => (u(), v(G, null, [
-      k("span", z({
+      I("span", N({
         ref_key: "svgWrapperRef",
         ref: a,
         class: "bs-icon-gradient-wrapper",
         style: `fill: url(#${c(n)});`
       }, i.$attrs), [
-        D(i.$slots, "default")
+        E(i.$slots, "default")
       ], 16),
       (u(), v("svg", {
         xmlns: "http://www.w3.org/2000/svg",
@@ -3582,7 +3633,7 @@ const ln = {
         width: "0",
         height: "0"
       }, [
-        k("linearGradient", {
+        I("linearGradient", {
           id: c(n),
           x1: "0",
           y1: "0",
@@ -3590,16 +3641,16 @@ const ln = {
           y2: "100%",
           "gradient-units": "userSpaceOnUse"
         }, [
-          (u(), v(G, null, ee(l, (o) => k("stop", {
+          (u(), v(G, null, ee(l, (o) => I("stop", {
             key: o.offset,
             offset: o.offset,
             "stop-color": o.color
-          }, null, 8, Gn)), 64))
-        ], 8, Wn)
-      ], 8, Un))
+          }, null, 8, Zn)), 64))
+        ], 8, Yn)
+      ], 8, Kn))
     ], 64));
   }
-}), Wo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), Zo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsInputField",
   props: {
     /** Sets the disabled state on input, disabled styles on label. */
@@ -3651,21 +3702,21 @@ const ln = {
       return ((f = (r = t.hints) == null ? void 0 : r.join) == null ? void 0 : f.call(r, `
 `)) || t.hints;
     }), o = p(() => t.error && t.errorMsg || t.hint || s.value || void 0), d = p(() => t.inputId || l.value);
-    return (r, f) => (u(), v("div", z({ "data-component": "bs-input-field" }, c(Y)(r.$attrs, i.value).remaining), [
-      e.label || r.$slots.label ? (u(), O(ae, {
+    return (r, f) => (u(), v("div", N({ "data-component": "bs-input-field" }, c(Y)(r.$attrs, i.value).remaining), [
+      e.label || r.$slots.label ? (u(), V(ae, {
         key: 0,
         for: r.$attrs.id || d.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: E(() => [
-          D(r.$slots, "label", {}, () => [
-            W(V(e.label), 1)
+        default: L(() => [
+          E(r.$slots, "label", {}, () => [
+            W(A(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : x("", !0),
-      L(Ie, z({
+      }, 8, ["for", "disabled", "required"])) : C("", !0),
+      D(Ie, N({
         disabled: e.disabled,
         error: e.error,
         "hint-id": c(n),
@@ -3676,13 +3727,13 @@ const ln = {
         value: e.value || e.modelValue,
         "onUpdate:modelValue": f[0] || (f[0] = (m) => r.$emit("update:modelValue", m))
       }, c(Y)(r.$attrs, i.value).filtered), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "type", "value"]),
-      o.value ? (u(), O(ge, {
+      o.value ? (u(), V(ge, {
         key: 1,
         error: e.error,
         "error-msg": e.errorMsg,
         hint: e.hint || s.value,
         "hint-id": c(n)
-      }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : x("", !0)
+      }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : C("", !0)
     ], 16));
   }
 }), ht = {
@@ -3753,10 +3804,10 @@ const ln = {
       this.data[e][t[a]] = t;
     }));
   }
-}, Hn = ["id", "aria-controls", "aria-expanded", "aria-label", "disabled"], Kn = { key: 0 }, Yn = {
+}, Xn = ["id", "aria-controls", "aria-expanded", "aria-label", "disabled"], Qn = { key: 0 }, Jn = {
   "aria-hidden": "true",
   style: { width: "1.25rem" }
-}, Zn = { "aria-hidden": "true" }, Go = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, _n = { "aria-hidden": "true" }, Xo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsInputPhone",
   props: {
     deferValidation: {
@@ -3818,83 +3869,83 @@ const ln = {
       "Escape",
       "Home",
       "Tab"
-    ], s = I(null), o = I(1), d = I([]), r = I(null), [
+    ], s = k(null), o = k(1), d = k([]), r = k(null), [
       f,
       m,
       b,
       S
-    ] = X(4), w = I(!1), $ = I(""), h = I(""), B = I(!1), y = I(!1), g = I(!0);
+    ] = X(4), w = k(!1), B = k(""), h = k(""), $ = k(!1), y = k(!1), g = k(!0);
     a({
-      validationErr: B,
+      validationErr: $,
       validationErrMsg: h
     });
-    const M = p(() => $.value ? `+${o.value}${$.value}` : ""), T = p(() => `Country code: ${o.value}. Click to change.`), P = p(() => g.value ? l.errorMsg || h.value : ""), R = p(() => l.error || B.value), _ = p(() => l.hint || R.value && P.value), J = p(() => g.value && R.value);
-    j(M, (q) => {
-      n("update:modelValue", q), F(q);
+    const M = p(() => B.value ? `+${o.value}${B.value}` : ""), T = p(() => `Country code: ${o.value}. Click to change.`), q = p(() => g.value ? l.errorMsg || h.value : ""), R = p(() => l.error || $.value), _ = p(() => l.hint || R.value && q.value), J = p(() => g.value && R.value);
+    j(M, (P) => {
+      n("update:modelValue", P), F(P);
     }), j(() => l.modelValue, ne), xe(), H(() => w.value = !0);
-    function ne(q, K) {
-      q === "" && q !== K && ($.value = "");
+    function ne(P, K) {
+      P === "" && P !== K && (B.value = "");
     }
     function me() {
-      var q;
-      y.value && (y.value = !1, (q = s.value) == null || q.focus());
+      var P;
+      y.value && (y.value = !1, (P = s.value) == null || P.focus());
     }
-    function ye(q) {
+    function ye(P) {
       var K;
-      o.value = q, y.value = !1, (K = s.value) == null || K.focus(), A(q);
+      o.value = P, y.value = !1, (K = s.value) == null || K.focus(), O(P);
     }
     function ke() {
       l.deferValidation && (g.value = !0), n("input-blur");
     }
-    function Ce(q) {
-      $.value = q.target.value, l.deferValidation && (g.value = !1);
+    function Ce(P) {
+      B.value = P.target.value, l.deferValidation && (g.value = !1);
     }
-    function re(q) {
+    function re(P) {
       var K, Z;
-      !((Z = (K = q.key) == null ? void 0 : K.match) != null && Z.call(K, /[0-9]/)) && !i.includes(q.key) && !q.ctrlKey && !q.metaKey && q.preventDefault();
+      !((Z = (K = P.key) == null ? void 0 : K.match) != null && Z.call(K, /[0-9]/)) && !i.includes(P.key) && !P.ctrlKey && !P.metaKey && P.preventDefault();
     }
     function xe() {
-      je.initSourceData(), Se(), A(o.value), F(M.value);
+      je.initSourceData(), Se(), O(o.value), F(M.value);
     }
     function Se() {
       var K, Z;
-      let q = ut(l.modelValue);
-      q.valid || q.countryCode && ((Z = (K = l.modelValue) == null ? void 0 : K.startsWith) != null && Z.call(K, "+")) ? (o.value = q.countryCode, $.value = q.number.significant) : $.value = l.modelValue, d.value = je.data.allCountries.map((Te) => ({
+      let P = ut(l.modelValue);
+      P.valid || P.countryCode && ((Z = (K = l.modelValue) == null ? void 0 : K.startsWith) != null && Z.call(K, "+")) ? (o.value = P.countryCode, B.value = P.number.significant) : B.value = l.modelValue, d.value = je.data.allCountries.map((Te) => ({
         ...Te,
         isSelected: o.value === Te
       }));
     }
-    function A(q) {
-      r.value = je.getCountryByCountryCode(q);
+    function O(P) {
+      r.value = je.getCountryByCountryCode(P);
     }
-    function F(q) {
-      B.value = q ? !ut(q).valid : !1, h.value = B.value ? "Invalid phone number" : "";
+    function F(P) {
+      $.value = P ? !ut(P).valid : !1, h.value = $.value ? "Invalid phone number" : "";
     }
-    return (q, K) => (u(), v("div", z({
+    return (P, K) => (u(), v("div", N({
       class: "bs-input-phone",
       "data-component": "bs-input-phone"
-    }, c(Y)(q.$attrs, c(he)).remaining), [
-      L(ae, {
-        for: q.$attrs.id || e.inputId || c(S),
+    }, c(Y)(P.$attrs, c(he)).remaining), [
+      D(ae, {
+        for: P.$attrs.id || e.inputId || c(S),
         required: e.required,
         disabled: e.disabled,
         class: ie({ "visually-hidden": e.hideLabel })
       }, {
-        default: E(() => [
-          W(V(e.label), 1)
+        default: L(() => [
+          W(A(e.label), 1)
         ]),
         _: 1
       }, 8, ["for", "required", "disabled", "class"]),
-      L(Le, {
+      D(De, {
         disabled: e.disabled,
         error: J.value,
         multifocus: !0,
         variant: "inner-bordered"
       }, {
-        default: E(() => {
+        default: L(() => {
           var Z;
           return [
-            k("button", {
+            I("button", {
               id: c(f),
               ref_key: "countryCodesToggle",
               ref: s,
@@ -3906,19 +3957,19 @@ const ln = {
               type: "button",
               onClick: K[0] || (K[0] = (Te) => y.value = !y.value)
             }, [
-              k("span", null, V((Z = r.value) == null ? void 0 : Z.flag), 1),
-              k("span", null, "+" + V(o.value), 1),
-              L(c(Ft), { size: "sm" })
-            ], 8, Hn),
-            L(Ie, z({
-              "input-id": q.$attrs.id || e.inputId || c(S),
+              I("span", null, A((Z = r.value) == null ? void 0 : Z.flag), 1),
+              I("span", null, "+" + A(o.value), 1),
+              D(c(Ft), { size: "sm" })
+            ], 8, Xn),
+            D(Ie, N({
+              "input-id": P.$attrs.id || e.inputId || c(S),
               disabled: e.disabled,
               "hint-id": c(b),
               placeholder: e.placeholder,
-              value: $.value,
+              value: B.value,
               "data-autowidth": "",
               type: "tel"
-            }, c(Y)(q.$attrs, c(he)).filtered, {
+            }, c(Y)(P.$attrs, c(he)).filtered, {
               onInput: Ce,
               onFocusout: ke,
               onKeydown: re
@@ -3927,16 +3978,16 @@ const ln = {
         }),
         _: 1
       }, 8, ["disabled", "error"]),
-      de(L(ge, {
+      de(D(ge, {
         error: R.value,
-        "error-msg": P.value,
+        "error-msg": q.value,
         hint: e.hint,
         "hint-id": c(b)
       }, null, 8, ["error", "error-msg", "hint", "hint-id"]), [
         [ue, _.value]
       ]),
-      w.value ? (u(), v("div", Kn, [
-        L(Ot, {
+      w.value ? (u(), v("div", Qn, [
+        D(Ot, {
           "anchor-id": c(f),
           "helper-text": "Country Code",
           label: "Country Code",
@@ -3948,26 +3999,26 @@ const ln = {
           onClose: me,
           "onUpdate:modelValue": ye
         }, {
-          default: E(() => [
-            w.value ? (u(!0), v(G, { key: 0 }, ee(d.value, (Z) => (u(), O(ot, {
+          default: L(() => [
+            w.value ? (u(!0), v(G, { key: 0 }, ee(d.value, (Z) => (u(), V(ot, {
               "aria-label": Z.value,
               key: Z.value,
               value: `${Z.value}`,
               variant: "2-col"
             }, {
-              default: E(() => [
-                k("span", Yn, V(Z == null ? void 0 : Z.flag), 1),
-                k("span", Zn, V(Z.label), 1)
+              default: L(() => [
+                I("span", Jn, A(Z == null ? void 0 : Z.flag), 1),
+                I("span", _n, A(Z.label), 1)
               ]),
               _: 2
-            }, 1032, ["aria-label", "value"]))), 128)) : x("", !0)
+            }, 1032, ["aria-label", "value"]))), 128)) : C("", !0)
           ]),
           _: 1
         }, 8, ["anchor-id", "model-value", "options-id", "shown"])
-      ])) : x("", !0)
+      ])) : C("", !0)
     ], 16));
   }
-}), Xn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), el = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsInputSearch",
   props: {
     /** Sets the disabled state on input, disabled styles on label. */
@@ -4013,15 +4064,15 @@ const ln = {
   emits: ["clear", "update:modelValue"],
   setup(e, { emit: a }) {
     const t = e, l = p(() => he.concat(t.passAttrs.split(","))), n = p(() => !t.disabled && !t.hideClear && t.variant !== "filter");
-    return (i, s) => (u(), O(Le, z({
+    return (i, s) => (u(), V(De, N({
       class: "bs-input-search",
       "data-component": "bs-input-search",
       "data-variant": e.variant,
       disabled: e.disabled
     }, c(Y)(i.$attrs, l.value).remaining), {
-      default: E(() => [
-        e.hideSearchIcon ? x("", !0) : (u(), O(c(jt), { key: 0 })),
-        L(Ie, z({
+      default: L(() => [
+        e.hideSearchIcon ? C("", !0) : (u(), V(c(jt), { key: 0 })),
+        D(Ie, N({
           "data-autowidth": "",
           disabled: e.disabled,
           "input-id": i.$attrs.id || e.inputId,
@@ -4030,12 +4081,12 @@ const ln = {
         }, c(Y)(i.$attrs, l.value).filtered, {
           "onUpdate:modelValue": s[0] || (s[0] = (o) => i.$emit("update:modelValue", o))
         }), null, 16, ["disabled", "input-id", "placeholder", "value"]),
-        de(k("button", {
+        de(I("button", {
           title: "Clear",
           type: "button",
           onClick: s[1] || (s[1] = (o) => i.$emit("clear"))
         }, [
-          L(c($e), { size: "sm" })
+          D(c(Be), { size: "sm" })
         ], 512), [
           [ue, n.value]
         ])
@@ -4043,12 +4094,12 @@ const ln = {
       _: 1
     }, 16, ["data-variant", "disabled"]));
   }
-}), Qn = ["data-size", "data-variant"], Jn = ["stroke"], _n = { key: 0 }, el = /* @__PURE__ */ k("linearGradient", { id: "bs-spinner-gradient" }, [
-  /* @__PURE__ */ k("stop", { offset: "0%" }),
-  /* @__PURE__ */ k("stop", { offset: "49%" }),
-  /* @__PURE__ */ k("stop", { offset: "100%" })
-], -1), tl = [
-  el
+}), tl = ["data-size", "data-variant"], al = ["stroke"], nl = { key: 0 }, ll = /* @__PURE__ */ I("linearGradient", { id: "bs-spinner-gradient" }, [
+  /* @__PURE__ */ I("stop", { offset: "0%" }),
+  /* @__PURE__ */ I("stop", { offset: "49%" }),
+  /* @__PURE__ */ I("stop", { offset: "100%" })
+], -1), ol = [
+  ll
 ], vt = {
   __name: "BsSpinner",
   props: {
@@ -4075,18 +4126,18 @@ const ln = {
       viewBox: "0 0 100 100",
       xmlns: "http://www.w3.org/2000/svg"
     }, [
-      k("title", null, V(e.label), 1),
-      k("circle", {
+      I("title", null, A(e.label), 1),
+      I("circle", {
         cx: "50",
         cy: "50",
         pathLength: "100",
         r: "45",
         stroke: e.variant === "gradient" ? "url(#bs-spinner-gradient)" : void 0
-      }, null, 8, Jn),
-      e.variant === "gradient" ? (u(), v("defs", _n, tl)) : x("", !0)
-    ], 8, Qn));
+      }, null, 8, al),
+      e.variant === "gradient" ? (u(), v("defs", nl, ol)) : C("", !0)
+    ], 8, tl));
   }
-}, al = ["id"], nl = { style: { display: "flex", "justify-content": "center" } }, ll = { style: { display: "flex", "justify-content": "center" } }, Ho = {
+}, il = ["id"], rl = { style: { display: "flex", "justify-content": "center" } }, sl = { style: { display: "flex", "justify-content": "center" } }, Qo = {
   __name: "BsInputTypeahead",
   props: {
     characterThreshold: {
@@ -4158,7 +4209,7 @@ const ln = {
   },
   emits: ["update:inputValue", "update:optionsValue"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = I(!1), i = I(!1), [s] = X();
+    const t = e, l = a, n = k(!1), i = k(!1), [s] = X();
     let o = [];
     j(() => t.inputValue, () => {
       i.value ? i.value = !1 : h();
@@ -4166,19 +4217,19 @@ const ln = {
     const d = p(() => t.typeaheadId || s.value), r = p(() => `${d.value}-input-container`), f = p(() => `${d.value}-input`), m = p(() => `${d.value}-options`), b = p(() => t.multiselect ? Array.isArray(t.optionsValue) ? t.optionsValue : [t.optionsValue] : t.optionsValue), S = p(() => {
       if (n.value) {
         let T = t.options;
-        const P = t.inputValue.toLowerCase(), R = t.filterType === "includes" ? "includes" : "startsWith";
-        return t.inputValue.length >= t.characterThreshold && (T = w(T, P, R), T = T.slice(0, t.maxOptions), T = $(T, P, R), o = T), T;
+        const q = t.inputValue.toLowerCase(), R = t.filterType === "includes" ? "includes" : "startsWith";
+        return t.inputValue.length >= t.characterThreshold && (T = w(T, q, R), T = T.slice(0, t.maxOptions), T = B(T, q, R), o = T), T;
       } else
         return o;
     });
-    function w(T, P, R) {
-      return t.internalFiltering ? T.filter((_) => _.label.toLowerCase()[R](P)) : T;
+    function w(T, q, R) {
+      return t.internalFiltering ? T.filter((_) => _.label.toLowerCase()[R](q)) : T;
     }
-    function $(T, P, R) {
+    function B(T, q, R) {
       return T.map((_) => {
         let J = _.label;
-        if (P !== "") {
-          const ne = R === "includes" ? "gi" : "i", me = new RegExp(`(${P})`, ne);
+        if (q !== "") {
+          const ne = R === "includes" ? "gi" : "i", me = new RegExp(`(${q})`, ne);
           J = _.label.replace(me, '<span style="color: var(--bs-blue-base)">$1</span>');
         }
         return { ..._, labelHtml: J };
@@ -4187,41 +4238,41 @@ const ln = {
     function h() {
       t.showDropdownOnFocus || t.inputValue.length >= t.characterThreshold ? n.value = !0 : n.value = !1;
     }
-    function B() {
+    function $() {
       l("update:inputValue", ""), t.multiselect || l("update:optionsValue", ""), document.getElementById(f.value).focus();
     }
     function y(T) {
       i.value = !0;
-      const P = S.value.find((R) => R.value === T);
-      l("update:inputValue", P.label), l("update:optionsValue", T);
+      const q = S.value.find((R) => R.value === T);
+      l("update:inputValue", q.label), l("update:optionsValue", T);
     }
     function g(T) {
-      const P = [...b.value, T];
-      l("update:optionsValue", P);
+      const q = [...b.value, T];
+      l("update:optionsValue", q);
     }
     function M(T) {
-      const P = b.value.filter((R) => R !== T);
-      l("update:optionsValue", P);
+      const q = b.value.filter((R) => R !== T);
+      l("update:optionsValue", q);
     }
-    return (T, P) => (u(), v(G, null, [
-      e.label || T.$slots.label ? (u(), O(ae, {
+    return (T, q) => (u(), v(G, null, [
+      e.label || T.$slots.label ? (u(), V(ae, {
         key: 0,
         for: f.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: E(() => [
-          D(T.$slots, "label", {}, () => [
-            W(V(e.label), 1)
+        default: L(() => [
+          E(T.$slots, "label", {}, () => [
+            W(A(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : x("", !0),
-      k("div", {
+      }, 8, ["for", "disabled", "required"])) : C("", !0),
+      I("div", {
         id: r.value,
         class: "typeahead-search-wrapper"
       }, [
-        L(Xn, z({
+        D(el, N({
           "aria-controls": m.value,
           "aria-expanded": n.value,
           "aria-haspopup": "listbox",
@@ -4235,22 +4286,23 @@ const ln = {
           role: "combobox",
           value: e.inputValue
         }, T.$attrs, {
-          onClear: B,
+          onClear: $,
           onFocusin: h,
-          "onUpdate:modelValue": P[0] || (P[0] = (R) => l("update:inputValue", R))
+          "onUpdate:modelValue": q[0] || (q[0] = (R) => l("update:inputValue", R))
         }), null, 16, ["aria-controls", "aria-expanded", "disabled", "hide-clear", "hide-search-icon", "input-id", "placeholder", "value"])
-      ], 8, al),
-      L(lt, {
+      ], 8, il),
+      D(lt, {
         "anchor-id": r.value,
         preloaded: !0,
         shown: n.value,
         "use-mobile-style": !1,
         width: "toggle",
-        onClose: P[2] || (P[2] = (R) => n.value = !1)
+        onClose: q[2] || (q[2] = (R) => n.value = !1)
       }, {
-        default: E(() => [
-          e.multiselect ? (u(), O(Vt, {
+        default: L(() => [
+          e.multiselect ? (u(), V(Vt, {
             key: 0,
+            "focus-on-open": !1,
             label: e.label,
             options: S.value,
             "options-id": m.value,
@@ -4261,41 +4313,41 @@ const ln = {
           }, Ye({ _: 2 }, [
             e.loading ? {
               name: "no-options",
-              fn: E(() => [
-                k("span", nl, [
-                  L(vt, { size: "sm" })
+              fn: L(() => [
+                I("span", rl, [
+                  D(vt, { size: "sm" })
                 ])
               ]),
               key: "0"
             } : {
               name: "no-options",
-              fn: E(() => [
+              fn: L(() => [
                 W("No results found")
               ]),
               key: "1"
             }
-          ]), 1032, ["label", "options", "options-id", "selected-options", "shown"])) : (u(), O(Re, {
+          ]), 1032, ["label", "options", "options-id", "selected-options", "shown"])) : (u(), V(Re, {
             key: 1,
             label: e.label,
             "model-value": b.value,
             "options-id": m.value,
             shown: n.value,
             "onUpdate:modelValue": y,
-            onClose: P[1] || (P[1] = (R) => n.value = !1)
+            onClose: q[1] || (q[1] = (R) => n.value = !1)
           }, {
-            default: E(() => [
-              L(qe, { options: S.value }, Ye({ _: 2 }, [
+            default: L(() => [
+              D(Pe, { options: S.value }, Ye({ _: 2 }, [
                 e.loading ? {
                   name: "no-options",
-                  fn: E(() => [
-                    k("span", ll, [
-                      L(vt, { size: "sm" })
+                  fn: L(() => [
+                    I("span", sl, [
+                      D(vt, { size: "sm" })
                     ])
                   ]),
                   key: "0"
                 } : {
                   name: "no-options",
-                  fn: E(() => [
+                  fn: L(() => [
                     W("No results found")
                   ]),
                   key: "1"
@@ -4309,13 +4361,13 @@ const ln = {
       }, 8, ["anchor-id", "shown"])
     ], 64));
   }
-}, ol = ["data-size", "data-variant"], il = /* @__PURE__ */ k("span", null, null, -1), rl = /* @__PURE__ */ k("span", null, null, -1), sl = /* @__PURE__ */ k("span", null, null, -1), dl = /* @__PURE__ */ k("span", null, null, -1), ul = /* @__PURE__ */ k("span", { class: "visually-hidden" }, "Loading", -1), cl = [
-  il,
-  rl,
-  sl,
-  dl,
-  ul
-], Ko = {
+}, dl = ["data-size", "data-variant"], ul = /* @__PURE__ */ I("span", null, null, -1), cl = /* @__PURE__ */ I("span", null, null, -1), fl = /* @__PURE__ */ I("span", null, null, -1), pl = /* @__PURE__ */ I("span", null, null, -1), hl = /* @__PURE__ */ I("span", { class: "visually-hidden" }, "Loading", -1), vl = [
+  ul,
+  cl,
+  fl,
+  pl,
+  hl
+], Jo = {
   __name: "BsLoader",
   props: {
     size: {
@@ -4334,9 +4386,9 @@ const ln = {
       "data-size": e.size,
       "data-variant": e.variant,
       role: "status"
-    }, cl, 8, ol));
+    }, vl, 8, dl));
   }
-}, fl = ["data-shown"], pl = {
+}, ml = ["data-shown"], bl = {
   __name: "BsOverlay",
   props: {
     shown: {
@@ -4365,7 +4417,7 @@ const ln = {
   },
   emits: ["after-enter", "after-leave"],
   setup(e, { emit: a }) {
-    const t = e, l = a, { transition: n } = Ee(t);
+    const t = e, l = a, { transition: n } = Le(t);
     H(() => {
       i();
     }), j(n, () => {
@@ -4374,23 +4426,23 @@ const ln = {
     function i() {
       n.value ? document.body.setAttribute("data-scroll", "false") : document.body.removeAttribute("data-scroll");
     }
-    return (s, o) => (u(), O(De, {
+    return (s, o) => (u(), V(qe, {
       name: "bs-overlay",
       shown: c(n),
       preloaded: e.preloaded,
       onAfterEnter: o[0] || (o[0] = (d) => l("after-enter")),
       onAfterLeave: o[1] || (o[1] = (d) => l("after-leave"))
     }, {
-      default: E(() => [
-        k("div", {
+      default: L(() => [
+        I("div", {
           class: "bs-overlay",
           "data-shown": c(n)
-        }, null, 8, fl)
+        }, null, 8, ml)
       ]),
       _: 1
     }, 8, ["shown", "preloaded"]));
   }
-}, hl = ["id", "role", "aria-labelledby", "data-shown"], vl = ["id"], Yo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, gl = ["id", "role", "aria-labelledby", "data-shown"], yl = ["id"], _o = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsModal",
   props: {
     modalId: {
@@ -4435,37 +4487,37 @@ const ln = {
   },
   emits: ["close", "after-enter", "after-leave"],
   setup(e, { emit: a }) {
-    const t = e, l = a, { transition: n } = Ee(t), [i] = X();
+    const t = e, l = a, { transition: n } = Le(t), [i] = X();
     let s = !1;
-    const o = I(null), d = (m) => {
+    const o = k(null), d = (m) => {
       o.value && m.target.closest(".bs-overlay") && l("close", t.modalId);
     };
     H(() => {
       document.addEventListener("click", d);
-    }), Be(() => {
+    }), $e(() => {
       document.removeEventListener("click", d);
     }), pe(["Escape"], () => {
       s && l("close", t.modalId);
     });
     const r = () => !t.title && t.closeButton, f = () => t.title && t.closeButton;
     return (m, b) => (u(), v(G, null, [
-      L(pl, {
+      D(bl, {
         shown: c(n),
         preloaded: e.preloaded,
         "enter-controlled": e.enterControlled,
         "enter-trigger": e.enterTrigger,
         "leave-trigger": e.leaveTrigger
       }, null, 8, ["shown", "preloaded", "enter-controlled", "enter-trigger", "leave-trigger"]),
-      L(De, {
+      D(qe, {
         name: "bs-modal",
         preloaded: e.preloaded,
         shown: c(n),
         onAfterEnter: b[1] || (b[1] = (S) => l("after-enter")),
         onAfterLeave: b[2] || (b[2] = (S) => l("after-leave")),
-        onEnter: b[3] || (b[3] = (S) => Nt(s) ? s.value = !0 : s = !0)
+        onEnter: b[3] || (b[3] = (S) => zt(s) ? s.value = !0 : s = !0)
       }, {
-        default: E(() => [
-          k("div", z({
+        default: L(() => [
+          I("div", N({
             id: e.modalId,
             class: "bs-modal",
             role: e.alert ? "alertdialog" : "dialog",
@@ -4487,7 +4539,7 @@ const ln = {
                 key: 0,
                 id: c(i),
                 class: "modal-title"
-              }, V(e.title), 9, vl)) : x("", !0),
+              }, A(e.title), 9, yl)) : C("", !0),
               e.closeButton ? (u(), v("button", {
                 key: 1,
                 type: "button",
@@ -4495,26 +4547,26 @@ const ln = {
                 "aria-label": "Close Modal",
                 onClick: b[0] || (b[0] = (S) => l("close", e.modalId))
               }, [
-                L(c($e), { class: "close-button" })
-              ])) : x("", !0)
-            ], 2)) : x("", !0),
-            D(m.$slots, "default")
-          ], 16, hl)
+                D(c(Be), { class: "close-button" })
+              ])) : C("", !0)
+            ], 2)) : C("", !0),
+            E(m.$slots, "default")
+          ], 16, gl)
         ]),
         _: 3
       }, 8, ["preloaded", "shown"])
     ], 64));
   }
-}), ml = ["data-variant", "data-fixed"], bl = {
+}), Sl = ["data-variant", "data-fixed"], wl = {
   key: 0,
   class: "bs-pagination-carets"
-}, gl = ["aria-label", "title", "disabled"], yl = { key: 0 }, Sl = ["aria-label", "title", "disabled"], wl = { key: 0 }, Bl = {
+}, $l = ["aria-label", "title", "disabled"], Bl = { key: 0 }, Il = ["aria-label", "title", "disabled"], kl = { key: 0 }, Cl = {
   key: 1,
   class: "bs-pagination-page-numbers"
-}, $l = ["title", "data-selected", "onClick"], Il = { key: 2 }, kl = { key: 3 }, Cl = /* @__PURE__ */ k("span", null, "Results Per Page:", -1), xl = { class: "bs-pagination-results-numbers" }, Tl = ["data-selected", "disabled", "onClick"], Al = {
+}, xl = ["title", "data-selected", "onClick"], Tl = { key: 2 }, Al = { key: 3 }, Vl = /* @__PURE__ */ I("span", null, "Results Per Page:", -1), Ol = { class: "bs-pagination-results-numbers" }, El = ["data-selected", "disabled", "onClick"], Ll = {
   key: 5,
   class: "bs-pagination-carets"
-}, Vl = ["aria-label", "title", "disabled"], Ol = { key: 0 }, El = ["aria-label", "title", "disabled"], Ll = { key: 0 }, Zo = {
+}, Dl = ["aria-label", "title", "disabled"], ql = { key: 0 }, Pl = ["aria-label", "title", "disabled"], Ml = { key: 0 }, ei = {
   __name: "BsPagination",
   props: {
     // Used for all
@@ -4600,17 +4652,17 @@ const ln = {
   },
   emits: ["selchange", "update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = I(null);
+    const t = e, l = a, n = k(null);
     H(() => {
-      i.value ? n.value = i.value : t.variant === "results" ? n.value = $.value[0] : n.value = 1;
+      i.value ? n.value = i.value : t.variant === "results" ? n.value = B.value[0] : n.value = 1;
     });
     const i = p(() => t.modelValue || t.selection);
     j(() => t.selection, (h) => {
       n.value = h;
     }), j(() => t.modelValue, (h) => {
       n.value = h;
-    }), j(n, (h, B) => {
-      B !== null && (l("selchange", h), l("update:modelValue", h));
+    }), j(n, (h, $) => {
+      $ !== null && (l("selchange", h), l("update:modelValue", h));
     });
     const s = p(() => {
       if (t.variant === "group")
@@ -4636,22 +4688,22 @@ const ln = {
     const b = p(() => {
       if (t.pageCount <= t.pageRange)
         return [...Array(t.pageCount + 1).keys()].slice(1);
-      const h = [1], B = (t.pageRange - 1) / 2;
-      let y = n.value - B, g = n.value + B;
+      const h = [1], $ = (t.pageRange - 1) / 2;
+      let y = n.value - $, g = n.value + $;
       y < 1 && (g += 1 - y, y = 1), g > t.pageCount && (y -= g - t.pageCount, g = t.pageCount), y = Math.max(y, 2), g = Math.min(g, t.pageCount - 1), y > 2 && h.push(t.breakText);
       for (let M = y; M <= g; M++)
         h.push(M);
       return g < t.pageCount - 1 && h.push(t.breakText), h.push(t.pageCount), h;
     }), S = p(() => `${t.centerLabel ?? "Page"} ${n.value} of ${s.value}`), w = p(() => {
-      const h = (n.value - 1) * t.itemsPerGroup + 1, B = Math.min(h - 1 + t.itemsPerGroup, t.itemsCount);
-      return `${t.centerLabel ?? "Results"} ${h} - ${B} of ${t.itemsCount}`;
-    }), $ = p(() => t.resultsIncrements.split(",").map((h) => parseInt(h)));
-    return (h, B) => (u(), v("div", {
+      const h = (n.value - 1) * t.itemsPerGroup + 1, $ = Math.min(h - 1 + t.itemsPerGroup, t.itemsCount);
+      return `${t.centerLabel ?? "Results"} ${h} - ${$} of ${t.itemsCount}`;
+    }), B = p(() => t.resultsIncrements.split(",").map((h) => parseInt(h)));
+    return (h, $) => (u(), v("div", {
       class: "bs-pagination",
       "data-variant": o.value,
       "data-fixed": t.fixed
     }, [
-      e.variant === "base" || e.variant === "group" ? (u(), v("div", bl, [
+      e.variant === "base" || e.variant === "group" ? (u(), v("div", wl, [
         e.showFirstLastButtons ? (u(), v("button", {
           key: 0,
           type: "button",
@@ -4661,10 +4713,10 @@ const ln = {
           disabled: n.value === 1,
           onClick: d
         }, [
-          L(c(Ut)),
-          e.firstPageText ? (u(), v("span", yl, V(e.firstPageText), 1)) : x("", !0)
-        ], 10, gl)) : x("", !0),
-        k("button", {
+          D(c(Ut)),
+          e.firstPageText ? (u(), v("span", Bl, A(e.firstPageText), 1)) : C("", !0)
+        ], 10, $l)) : C("", !0),
+        I("button", {
           type: "button",
           class: ie(e.prevPageText ? "bs-pagination-word-caret" : void 0),
           "aria-label": e.prevPageText ? void 0 : "Previous Page",
@@ -4672,35 +4724,35 @@ const ln = {
           disabled: n.value === 1,
           onClick: r
         }, [
-          L(c($t)),
-          e.prevPageText ? (u(), v("span", wl, V(e.prevPageText), 1)) : x("", !0)
-        ], 10, Sl)
-      ])) : x("", !0),
-      e.variant === "base" && e.centerDisplay === "numbers" ? (u(), v("div", Bl, [
+          D(c(Bt)),
+          e.prevPageText ? (u(), v("span", kl, A(e.prevPageText), 1)) : C("", !0)
+        ], 10, Il)
+      ])) : C("", !0),
+      e.variant === "base" && e.centerDisplay === "numbers" ? (u(), v("div", Cl, [
         (u(!0), v(G, null, ee(b.value, (y) => (u(), v("button", {
           key: `page-${y}-button`,
           type: "button",
           title: `Page ${y}`,
           "data-selected": y === n.value,
           onClick: (g) => n.value = y
-        }, V(y), 9, $l))), 128))
-      ])) : x("", !0),
-      t.variant === "base" && t.centerDisplay === "text" ? (u(), v("span", Il, V(S.value), 1)) : x("", !0),
-      t.variant === "group" ? (u(), v("span", kl, V(w.value), 1)) : x("", !0),
+        }, A(y), 9, xl))), 128))
+      ])) : C("", !0),
+      t.variant === "base" && t.centerDisplay === "text" ? (u(), v("span", Tl, A(S.value), 1)) : C("", !0),
+      t.variant === "group" ? (u(), v("span", Al, A(w.value), 1)) : C("", !0),
       t.variant === "results" ? (u(), v(G, { key: 4 }, [
-        Cl,
-        k("div", xl, [
-          (u(!0), v(G, null, ee($.value, (y) => (u(), v("button", {
+        Vl,
+        I("div", Ol, [
+          (u(!0), v(G, null, ee(B.value, (y) => (u(), v("button", {
             type: "button",
             key: `results-${y}`,
             "data-selected": y === n.value,
             disabled: n.value === y,
             onClick: (g) => n.value = y
-          }, V(y), 9, Tl))), 128))
+          }, A(y), 9, El))), 128))
         ])
-      ], 64)) : x("", !0),
-      e.variant === "base" || e.variant === "group" ? (u(), v("div", Al, [
-        k("button", {
+      ], 64)) : C("", !0),
+      e.variant === "base" || e.variant === "group" ? (u(), v("div", Ll, [
+        I("button", {
           type: "button",
           class: ie(e.nextPageText ? "bs-pagination-word-caret" : void 0),
           "aria-label": e.nextPageText ? void 0 : "Next Page",
@@ -4708,9 +4760,9 @@ const ln = {
           disabled: n.value === s.value,
           onClick: f
         }, [
-          e.nextPageText ? (u(), v("span", Ol, V(e.nextPageText), 1)) : x("", !0),
-          L(c(Bt))
-        ], 10, Vl),
+          e.nextPageText ? (u(), v("span", ql, A(e.nextPageText), 1)) : C("", !0),
+          D(c($t))
+        ], 10, Dl),
         e.showFirstLastButtons ? (u(), v("button", {
           key: 0,
           type: "button",
@@ -4720,13 +4772,13 @@ const ln = {
           disabled: n.value === s.value,
           onClick: m
         }, [
-          e.lastPageText ? (u(), v("span", Ll, V(e.lastPageText), 1)) : x("", !0),
-          L(c(Wt))
-        ], 10, El)) : x("", !0)
-      ])) : x("", !0)
-    ], 8, ml));
+          e.lastPageText ? (u(), v("span", Ml, A(e.lastPageText), 1)) : C("", !0),
+          D(c(Wt))
+        ], 10, Pl)) : C("", !0)
+      ])) : C("", !0)
+    ], 8, Sl));
   }
-}, Dl = ["data-truncate"], Xo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, zl = ["data-truncate"], ti = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsPill",
   props: {
     active: { type: Boolean, default: !1 },
@@ -4750,8 +4802,8 @@ const ln = {
     }
   },
   setup(e) {
-    const a = e, { onLinkClick: t } = ze(a), l = ve(), { rootTag: n, attrsToBind: i, hrefUrl: s } = Ne(a, l, "span");
-    return (o, d) => (u(), O(te(c(n)), z({
+    const a = e, { onLinkClick: t } = Ne(a), l = ve(), { rootTag: n, attrsToBind: i, hrefUrl: s } = ze(a, l, "span");
+    return (o, d) => (u(), V(te(c(n)), N({
       class: "bs-pill",
       "data-active": e.active,
       "data-component": "bs-pill",
@@ -4760,25 +4812,25 @@ const ln = {
       disabled: e.disabled,
       ".href": c(s)
     }, c(i), { onClick: c(t) }), {
-      default: E(() => [
-        k("span", { "data-truncate": e.truncate }, [
-          D(o.$slots, "default")
-        ], 8, Dl)
+      default: L(() => [
+        I("span", { "data-truncate": e.truncate }, [
+          E(o.$slots, "default")
+        ], 8, zl)
       ]),
       _: 3
     }, 48, ["data-active", "data-status", "data-variant", "disabled", ".href", "onClick"]));
   }
-}), Pl = { class: "bs-profile-details" }, ql = {
+}), Nl = { class: "bs-profile-details" }, Rl = {
   class: "bs-profile-name",
   "data-size": "sm",
   "data-weight": "bold"
-}, Ml = {
+}, Fl = {
   key: 1,
   "data-weight": "bold"
-}, Nl = { key: 2 }, zl = { key: 3 }, Rl = {
+}, jl = { key: 2 }, Ul = { key: 3 }, Wl = {
   key: 4,
   "data-icon": "true"
-}, Fl = {
+}, Gl = {
   __name: "BsProfileDetails",
   props: {
     profileName: {
@@ -4795,40 +4847,40 @@ const ln = {
   },
   emits: ["action-toggled"],
   setup(e, { emit: a }) {
-    const t = e, l = a, { icon: n } = Pe(t, "actionIcon"), { icon: i } = Pe(t, "miscMetaIcon");
+    const t = e, l = a, { icon: n } = Ve(t, "actionIcon"), { icon: i } = Ve(t, "miscMetaIcon");
     function s(o) {
       o.target.tagName === "BUTTON" && (o.preventDefault(), o.stopImmediatePropagation(), l("action-toggled"));
     }
-    return (o, d) => (u(), v("div", Pl, [
+    return (o, d) => (u(), v("div", Nl, [
       e.action || o.$slots.action ? (u(), v("button", {
         key: 0,
         "data-icon": "true",
         onClick: s
       }, [
-        D(o.$slots, "action", {}, () => [
-          e.actionIcon ? (u(), O(te(c(n) ? c(n) : "span"), {
+        E(o.$slots, "action", {}, () => [
+          e.actionIcon ? (u(), V(te(c(n) ? c(n) : "span"), {
             key: 0,
             class: "bs-icon"
-          })) : x("", !0),
-          W(" " + V(e.action), 1)
+          })) : C("", !0),
+          W(" " + A(e.action), 1)
         ])
-      ])) : x("", !0),
-      k("span", ql, V(e.profileName), 1),
-      e.company ? (u(), v("span", Ml, V(e.company), 1)) : x("", !0),
-      e.jobTitle ? (u(), v("span", Nl, V(e.jobTitle), 1)) : x("", !0),
-      e.email ? (u(), v("span", zl, V(e.email), 1)) : x("", !0),
-      e.miscMeta || o.$slots.misc ? (u(), v("span", Rl, [
-        D(o.$slots, "misc", {}, () => [
-          e.miscMetaIcon ? (u(), O(te(c(i) ? c(i) : "span"), {
+      ])) : C("", !0),
+      I("span", Rl, A(e.profileName), 1),
+      e.company ? (u(), v("span", Fl, A(e.company), 1)) : C("", !0),
+      e.jobTitle ? (u(), v("span", jl, A(e.jobTitle), 1)) : C("", !0),
+      e.email ? (u(), v("span", Ul, A(e.email), 1)) : C("", !0),
+      e.miscMeta || o.$slots.misc ? (u(), v("span", Wl, [
+        E(o.$slots, "misc", {}, () => [
+          e.miscMetaIcon ? (u(), V(te(c(i) ? c(i) : "span"), {
             key: 0,
             class: "bs-icon"
-          })) : x("", !0),
-          W(" " + V(e.miscMeta), 1)
+          })) : C("", !0),
+          W(" " + A(e.miscMeta), 1)
         ])
-      ])) : x("", !0)
+      ])) : C("", !0)
     ]));
   }
-}, Qo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, ai = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsProfile",
   props: {
     layout: {
@@ -4858,21 +4910,21 @@ const ln = {
   },
   emits: ["action-toggled"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = ve(), { onLinkClick: i } = ze(t), { rootTag: s, attrsToBind: o, hrefUrl: d } = Ne(t, n, "div");
-    return (r, f) => (u(), O(te(c(s)), z({
+    const t = e, l = a, n = ve(), { onLinkClick: i } = Ne(t), { rootTag: s, attrsToBind: o, hrefUrl: d } = ze(t, n, "div");
+    return (r, f) => (u(), V(te(c(s)), N({
       class: "bs-profile",
       ".href": c(d),
       "data-layout": e.layout
     }, c(o), { onClick: c(i) }), {
-      default: E(() => [
-        L(Tt, {
+      default: L(() => [
+        D(Tt, {
           src: e.imageSrc,
           size: e.imageSize,
           initials: e.initials,
           "profile-name": e.profileName,
           "use-alt-text": !1
         }, null, 8, ["src", "size", "initials", "profile-name"]),
-        L(Fl, {
+        D(Gl, {
           "profile-name": e.profileName,
           company: e.company,
           "job-title": e.jobTitle,
@@ -4883,11 +4935,11 @@ const ln = {
           "misc-meta-icon": e.miscMetaIcon,
           onActionToggled: f[0] || (f[0] = (m) => l("action-toggled"))
         }, {
-          action: E(() => [
-            D(r.$slots, "action")
+          action: L(() => [
+            E(r.$slots, "action")
           ]),
-          misc: E(() => [
-            D(r.$slots, "misc")
+          misc: L(() => [
+            E(r.$slots, "misc")
           ]),
           _: 3
         }, 8, ["profile-name", "company", "job-title", "email", "action", "action-icon", "misc-meta", "misc-meta-icon"])
@@ -4921,7 +4973,7 @@ function Et(e) {
     getStatus: l
   };
 }
-const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-status"], Jo = {
+const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-status"], ni = {
   __name: "BsProgressBar",
   props: {
     /** @type {Status} */
@@ -4964,11 +5016,11 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
         key: o.id || o.label,
         role: "status"
       }, [
-        k("span", null, V(o.label || o) + " : " + V(c(n)(o.status, d) || "not started"), 1)
-      ], 8, Ul))), 128))
-    ], 8, jl));
+        I("span", null, A(o.label || o) + " : " + A(c(n)(o.status, d) || "not started"), 1)
+      ], 8, Kl))), 128))
+    ], 8, Hl));
   }
-}, Wl = ["data-disabled", "data-error", "data-size"], Gl = ["checked", "disabled", "id", "required", "value", "data-error"], _o = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Yl = ["data-disabled", "data-error", "data-size"], Zl = ["checked", "disabled", "id", "required", "value", "data-error"], li = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsRadio",
   props: {
     label: {
@@ -5013,14 +5065,14 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
     const t = e, [l] = X(), n = p(() => et.concat(t.passAttrs.split(","))), i = p(() => t.inputId || l.value), s = p(() => t.checked || t.modelValue && t.modelValue === t.value);
-    return (o, d) => (u(), v("div", z({
+    return (o, d) => (u(), v("div", N({
       class: "bs-boolean",
       "data-component": "bs-radio",
       "data-disabled": e.disabled,
       "data-error": e.error,
       "data-size": e.size
     }, c(Y)(o.$attrs, n.value).remaining), [
-      k("input", z({
+      I("input", N({
         checked: s.value,
         disabled: e.disabled,
         id: o.$attrs.id || i.value,
@@ -5030,23 +5082,23 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
         "data-error": e.error
       }, c(Y)(o.$attrs, n.value).filtered, {
         onChange: d[0] || (d[0] = (r) => o.$emit("update:modelValue", r.target.value))
-      }), null, 16, Gl),
-      e.label || o.$slots.label ? (u(), O(ae, {
+      }), null, 16, Zl),
+      e.label || o.$slots.label ? (u(), V(ae, {
         key: 0,
         for: o.$attrs.id || i.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: E(() => [
-          D(o.$slots, "label", {}, () => [
-            W(V(e.label), 1)
+        default: L(() => [
+          E(o.$slots, "label", {}, () => [
+            W(A(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : x("", !0)
-    ], 16, Wl));
+      }, 8, ["for", "disabled", "required"])) : C("", !0)
+    ], 16, Yl));
   }
-}), Hl = ["id", "disabled", "required", "data-error", "value"], Kl = {
+}), Xl = ["id", "disabled", "required", "data-error", "value"], Ql = {
   __name: "BsSelect",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -5060,7 +5112,7 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
     const t = e, l = p(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
-    return (n, i) => (u(), v("select", z({
+    return (n, i) => (u(), v("select", N({
       id: n.$attrs.id || e.inputId,
       class: "bs-select",
       "data-component": "bs-select",
@@ -5071,10 +5123,10 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
     }, l.value, {
       onChange: i[0] || (i[0] = (s) => n.$emit("update:modelValue", s.target.value))
     }), [
-      D(n.$slots, "default")
-    ], 16, Hl));
+      E(n.$slots, "default")
+    ], 16, Xl));
   }
-}, Yl = ["selected", "disabled"], Zl = ["disabled", "selected", "value"], ei = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Jl = ["selected", "disabled"], _l = ["disabled", "selected", "value"], oi = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsSelectField",
   props: {
     data: {
@@ -5118,26 +5170,26 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
     modelValue: [String, Number]
   },
   setup(e) {
-    const a = e, [t, l] = X(2), n = p(() => Na.concat(a.passAttrs.split(","))), i = p(() => {
+    const a = e, [t, l] = X(2), n = p(() => za.concat(a.passAttrs.split(","))), i = p(() => {
       var r, f;
       return ((f = (r = a.hints) == null ? void 0 : r.join) == null ? void 0 : f.call(r, `
 `)) || a.hints;
     }), s = p(() => a.error && a.errorMsg || a.hint || i.value || void 0), o = p(() => a.inputId || t.value), d = p(() => a.value || a.modelValue);
-    return (r, f) => (u(), v("div", z({ "data-component": "bs-select-field" }, c(Y)(r.$attrs, n.value).remaining), [
-      e.label || r.$slots.label ? (u(), O(ae, {
+    return (r, f) => (u(), v("div", N({ "data-component": "bs-select-field" }, c(Y)(r.$attrs, n.value).remaining), [
+      e.label || r.$slots.label ? (u(), V(ae, {
         key: 0,
         for: r.$attrs.id || o.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: E(() => [
-          D(r.$slots, "label", {}, () => [
-            W(V(e.label), 1)
+        default: L(() => [
+          E(r.$slots, "label", {}, () => [
+            W(A(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : x("", !0),
-      L(Kl, z({
+      }, 8, ["for", "disabled", "required"])) : C("", !0),
+      D(Ql, N({
         disabled: e.disabled,
         error: e.error,
         "hint-id": c(l),
@@ -5146,32 +5198,32 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
         value: d.value,
         "onUpdate:modelValue": f[0] || (f[0] = (m) => r.$emit("update:modelValue", m))
       }, c(Y)(r.$attrs, n.value).filtered), {
-        default: E(() => [
-          k("option", {
+        default: L(() => [
+          I("option", {
             selected: !d.value,
             value: "",
             disabled: !!d.value
-          }, V(e.disabled ? "" : e.placeholder), 9, Yl),
+          }, A(e.disabled ? "" : e.placeholder), 9, Jl),
           (u(!0), v(G, null, ee(e.data, (m) => (u(), v("option", {
             key: m.value,
             disabled: m.disabled,
             selected: d.value === m.value,
             value: m.value
-          }, V(m.label), 9, Zl))), 128))
+          }, A(m.label), 9, _l))), 128))
         ]),
         _: 1
       }, 16, ["disabled", "error", "hint-id", "input-id", "required", "value"]),
-      s.value ? (u(), O(ge, {
+      s.value ? (u(), V(ge, {
         key: 1,
         "data-disabled": e.disabled,
         error: e.error,
         "error-msg": e.errorMsg,
         hint: e.hint || i.value,
         "hint-id": c(l)
-      }, null, 8, ["data-disabled", "error", "error-msg", "hint", "hint-id"])) : x("", !0)
+      }, null, 8, ["data-disabled", "error", "error-msg", "hint", "hint-id"])) : C("", !0)
     ], 16));
   }
-}), Xl = ["data-disabled", "data-size"], Ql = ["data-disabled", "data-pending", "data-size"], Jl = ["checked", "disabled", "id"], _l = ["data-inner-on-label", "data-inner-off-label"], ti = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), eo = ["data-disabled", "data-size"], to = ["data-disabled", "data-pending", "data-size"], ao = ["checked", "disabled", "id"], no = ["data-inner-on-label", "data-inner-off-label"], ii = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsSwitch",
   props: {
     checked: {
@@ -5218,48 +5270,48 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
     const t = e, l = a, [n] = X(), i = p(() => et.concat(t.passAttrs.split(","))), s = p(() => t.inputId || n.value), o = p(() => t.checked || t.modelValue);
-    return (d, r) => (u(), v("div", z({
+    return (d, r) => (u(), v("div", N({
       class: "bs-boolean",
       "data-component": "bs-switch",
       "data-disabled": e.disabled,
       "data-size": e.size
     }, c(Y)(d.$attrs, i.value).remaining), [
-      e.label || d.$slots.label ? (u(), O(ae, {
+      e.label || d.$slots.label ? (u(), V(ae, {
         key: 0,
         for: d.$attrs.id || s.value,
         disabled: e.disabled,
         hide: e.hideLabel
       }, {
-        default: E(() => [
-          D(d.$slots, "label", {}, () => [
-            W(V(e.label), 1)
+        default: L(() => [
+          E(d.$slots, "label", {}, () => [
+            W(A(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "hide"])) : x("", !0),
-      k("div", {
+      }, 8, ["for", "disabled", "hide"])) : C("", !0),
+      I("div", {
         class: "bs-switch",
         "data-disabled": e.disabled,
         "data-pending": e.pending,
         "data-size": e.size
       }, [
-        k("input", z({
+        I("input", N({
           checked: o.value,
           disabled: e.disabled,
           id: d.$attrs.id || s.value,
           type: "checkbox"
         }, c(Y)(d.$attrs, i.value).filtered, {
           onChange: r[0] || (r[0] = (f) => l("update:modelValue", f.target.checked))
-        }), null, 16, Jl),
-        k("span", {
+        }), null, 16, ao),
+        I("span", {
           "aria-hidden": "true",
           "data-inner-on-label": e.innerOnLabel,
           "data-inner-off-label": e.innerOffLabel
-        }, null, 8, _l)
-      ], 8, Ql)
-    ], 16, Xl));
+        }, null, 8, no)
+      ], 8, to)
+    ], 16, eo));
   }
-}), eo = ["aria-controls", "aria-selected", "data-hidden"], ai = {
+}), lo = ["aria-controls", "aria-selected", "data-hidden"], ri = {
   __name: "BsTab",
   props: {
     activeTabId: {
@@ -5276,7 +5328,7 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
   },
   emits: ["tabClick"],
   setup(e, { emit: a }) {
-    const t = e, l = ve(), n = I(), i = p(() => t.activeTabId === l.id), s = p(() => t.panelId || `${l.id}-panel`);
+    const t = e, l = ve(), n = k(), i = p(() => t.activeTabId === l.id), s = p(() => t.panelId || `${l.id}-panel`);
     function o(r) {
       (r.key === "Enter" || r.key === " ") && (r.preventDefault(), r.stopPropagation(), d());
     }
@@ -5298,10 +5350,10 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
       onClick: d,
       onKeydown: o
     }, [
-      D(r.$slots, "default")
-    ], 40, eo));
+      E(r.$slots, "default")
+    ], 40, lo));
   }
-}, to = ["id", "data-resizing"], ao = ["aria-controls", "aria-expanded", "data-active", "data-hidden", "id"], no = 73, lo = 20, Ue = 16, ni = {
+}, oo = ["id", "data-resizing"], io = ["aria-controls", "aria-expanded", "data-active", "data-hidden", "id"], ro = 73, so = 20, Ue = 16, si = {
   __name: "BsTabList",
   props: {
     activeTabId: { type: String, required: !0 },
@@ -5312,155 +5364,155 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
   },
   emits: ["tabChange", "update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = I(!1), i = I(!1), s = I([]), o = I(!1), d = I(!1), r = I(), f = I([]), m = I(!1), b = I([]), S = I(), w = I([]), $ = I(), h = I(), [B, y] = X(2), g = p(() => t.activeTabId ? b.value.findIndex((C) => C.id === t.activeTabId) : 0), M = p(() => s.value.some((C) => C.id === t.activeTabId)), T = p(() => `${y.value}-options`), P = p(() => `${y.value}-toggle`), R = p(() => {
-      var C;
-      return M.value ? (C = b.value[g.value]) == null ? void 0 : C.textContent : "More";
-    }), _ = p(() => M.value ? f.value[g.value] - f.value[g.value - 1] + lo + Ue : no + Ue);
+    const t = e, l = a, n = k(!1), i = k(!1), s = k([]), o = k(!1), d = k(!1), r = k(), f = k([]), m = k(!1), b = k([]), S = k(), w = k([]), B = k(), h = k(), [$, y] = X(2), g = p(() => t.activeTabId ? b.value.findIndex((x) => x.id === t.activeTabId) : 0), M = p(() => s.value.some((x) => x.id === t.activeTabId)), T = p(() => `${y.value}-options`), q = p(() => `${y.value}-toggle`), R = p(() => {
+      var x;
+      return M.value ? (x = b.value[g.value]) == null ? void 0 : x.textContent : "More";
+    }), _ = p(() => M.value ? f.value[g.value] - f.value[g.value - 1] + so + Ue : ro + Ue);
     function J() {
       var se;
-      let C = !1, N, U = 0, Q = !1, le = [];
+      let x = !1, z, U = 0, Q = !1, le = [];
       if ((se = b.value) != null && se.length) {
         for (let oe = 0; oe < b.value.length; oe++) {
-          if (N = b.value[oe], N.setAttribute("tabindex", "-1"), Q && oe !== g.value) {
-            N.dataset.hidden = "true", le.push(N);
+          if (z = b.value[oe], z.setAttribute("tabindex", "-1"), Q && oe !== g.value) {
+            z.dataset.hidden = "true", le.push(z);
             continue;
           }
           if (U = oe < b.value.length - 1 ? h.value - _.value : h.value, f.value[oe] > U) {
-            N.dataset.hidden = "true", le.push(N), C = !0, Q = !0;
+            z.dataset.hidden = "true", le.push(z), x = !0, Q = !0;
             continue;
           }
-          N.dataset.hidden = "false", N.setAttribute("tabindex", "0");
+          z.dataset.hidden = "false", z.setAttribute("tabindex", "0");
         }
-        d.value = C, s.value = le, n.value || Ae(() => n.value = !0), setTimeout(() => {
-          Dt(), q(), m.value = !0;
+        d.value = x, s.value = le, n.value || Ae(() => n.value = !0), setTimeout(() => {
+          Dt(), P(), m.value = !0;
         }, m.value ? 25 : 1e3);
       }
     }
-    function ne(C) {
-      l("tabChange", C), l("update:modelValue", C);
+    function ne(x) {
+      l("tabChange", x), l("update:modelValue", x);
     }
-    function me(C) {
+    function me(x) {
       var Q, le, se;
-      const N = (se = (le = (Q = b.value[C]) == null ? void 0 : Q.getBoundingClientRect) == null ? void 0 : le.call(Q)) == null ? void 0 : se.width;
-      return N || (C === 0 ? f.value[0] : f.value[C] - f.value[C - 1]) || 0;
+      const z = (se = (le = (Q = b.value[x]) == null ? void 0 : Q.getBoundingClientRect) == null ? void 0 : le.call(Q)) == null ? void 0 : se.width;
+      return z || (x === 0 ? f.value[0] : f.value[x] - f.value[x - 1]) || 0;
     }
     function ye() {
-      var C;
-      (C = b.value[g.value]) == null || C.setAttribute("aria-selected", "true"), J();
+      var x;
+      (x = b.value[g.value]) == null || x.setAttribute("aria-selected", "true"), J();
     }
     function ke() {
-      var C;
-      (C = S.value) == null || C.focus(), o.value = !1;
+      var x;
+      (x = S.value) == null || x.focus(), o.value = !1;
     }
     function Ce() {
       o.value = !o.value, i.value || (i.value = !0);
     }
-    function re(C) {
-      var N;
-      o.value = !1, (N = S.value) == null || N.focus(), ne(C);
+    function re(x) {
+      var z;
+      o.value = !1, (z = S.value) == null || z.focus(), ne(x);
     }
-    function xe(C) {
+    function xe(x) {
       if (t.withBsTabs)
         return;
-      const N = C.target.closest('[role="tab"]');
-      if (!N || N.getAttribute("aria-selected") === "true")
+      const z = x.target.closest('[role="tab"]');
+      if (!z || z.getAttribute("aria-selected") === "true")
         return;
-      const U = N.getAttribute("id");
+      const U = z.getAttribute("id");
       ne(U);
     }
-    function Se(C) {
-      if (C.key === "ArrowLeft" || C.key === "ArrowRight") {
-        const N = w.value.findIndex((U) => U.id === C.target.id);
-        if (N === -1)
+    function Se(x) {
+      if (x.key === "ArrowLeft" || x.key === "ArrowRight") {
+        const z = w.value.findIndex((U) => U.id === x.target.id);
+        if (z === -1)
           return;
-        C.preventDefault(), C.stopPropagation(), C.key === "ArrowLeft" ? F(N) : A(N);
+        x.preventDefault(), x.stopPropagation(), x.key === "ArrowLeft" ? F(z) : O(z);
       }
     }
-    function A(C) {
+    function O(x) {
       var U;
-      const N = (C + 1) % w.value.length;
-      (U = w.value[N]) == null || U.focus();
+      const z = (x + 1) % w.value.length;
+      (U = w.value[z]) == null || U.focus();
     }
-    function F(C) {
+    function F(x) {
       var U;
-      const N = C === 0 ? w.value.length - 1 : C - 1;
-      (U = w.value[N]) == null || U.focus();
+      const z = x === 0 ? w.value.length - 1 : x - 1;
+      (U = w.value[z]) == null || U.focus();
     }
-    function q() {
+    function P() {
       var se, oe, it, rt;
-      const C = parseInt(r.value.style.getPropertyValue("--active-line-offset")) || 0, N = h.value;
+      const x = parseInt(r.value.style.getPropertyValue("--active-line-offset")) || 0, z = h.value;
       let U = 300, Q = ((oe = (se = w.value) == null ? void 0 : se[g.value]) == null ? void 0 : oe.offsetLeft) || 0, le = me(g.value);
-      d.value && M.value && (Q = (it = S.value) == null ? void 0 : it.offsetLeft, le = (rt = S.value) == null ? void 0 : rt.offsetWidth), U = Math.max(Math.abs((Q - C) / N * 300), 100), r.value.style.setProperty("--active-line-max-width", `${N}px`), r.value.style.setProperty("--active-line-scale", `${le / N}`), r.value.style.setProperty("--active-line-offset", `${Q}px`), r.value.style.setProperty("--active-line-transition-duration", `${U}ms`);
+      d.value && M.value && (Q = (it = S.value) == null ? void 0 : it.offsetLeft, le = (rt = S.value) == null ? void 0 : rt.offsetWidth), U = Math.max(Math.abs((Q - x) / z * 300), 100), r.value.style.setProperty("--active-line-max-width", `${z}px`), r.value.style.setProperty("--active-line-scale", `${le / z}`), r.value.style.setProperty("--active-line-offset", `${Q}px`), r.value.style.setProperty("--active-line-transition-duration", `${U}ms`);
     }
     function K() {
-      var C, N;
-      (N = (C = $.value) == null ? void 0 : C.disconnect) == null || N.call(C), $.value = null;
+      var x, z;
+      (z = (x = B.value) == null ? void 0 : x.disconnect) == null || z.call(x), B.value = null;
     }
     function Z() {
-      const C = Ve(() => {
+      const x = Oe(() => {
         h.value = r.value.clientWidth, J();
       }, 25);
-      $.value = new ResizeObserver(C), $.value.observe(document.body);
+      B.value = new ResizeObserver(x), B.value.observe(document.body);
     }
     function Te() {
-      b.value = Array.from(r.value.children).filter((C) => C.role === "tab");
+      b.value = Array.from(r.value.children).filter((x) => x.role === "tab");
     }
     function Lt() {
-      let C;
-      b.value.forEach((N, U) => {
-        C = N.getBoundingClientRect().width + Ue, f.value.push(U ? C + f.value[U - 1] : C);
+      let x;
+      b.value.forEach((z, U) => {
+        x = z.getBoundingClientRect().width + Ue, f.value.push(U ? x + f.value[U - 1] : x);
       });
     }
     function Dt() {
-      var N, U;
-      let C = [];
+      var z, U;
+      let x = [];
       if (typeof window > "u")
-        return C;
+        return x;
       for (let Q of b.value) {
-        if (((N = Q.dataset) == null ? void 0 : N.hidden) === "true" || ((U = Q.dataset) == null ? void 0 : U.hidden) === "" || Q.getAttribute("tabindex") === "-1")
+        if (((z = Q.dataset) == null ? void 0 : z.hidden) === "true" || ((U = Q.dataset) == null ? void 0 : U.hidden) === "" || Q.getAttribute("tabindex") === "-1")
           break;
-        C.push(Q);
+        x.push(Q);
       }
-      d.value && C.push(r.value.querySelector(".bs-tab-list-toggle")), w.value = C;
+      d.value && x.push(r.value.querySelector(".bs-tab-list-toggle")), w.value = x;
     }
     return j(() => t.activeTabId, ye), H(() => {
-      var C;
+      var x;
       try {
-        Te(), Lt(), Z(), h.value = r.value.getBoundingClientRect().width, J(), t.withBsTabs || (C = b.value[g.value]) == null || C.setAttribute("aria-selected", "true");
-      } catch (N) {
-        console.log("tab error", N);
+        Te(), Lt(), Z(), h.value = r.value.getBoundingClientRect().width, J(), t.withBsTabs || (x = b.value[g.value]) == null || x.setAttribute("aria-selected", "true");
+      } catch (z) {
+        console.log("tab error", z);
       }
-    }), Be(K), (C, N) => (u(), v("div", {
+    }), $e(K), (x, z) => (u(), v("div", {
       class: "bs-tab-list",
       "data-component": "bs-tab-list",
-      id: C.$attrs.id || c(B),
+      id: x.$attrs.id || c($),
       ref_key: "hostEl",
       ref: r,
       role: "tablist",
       "data-resizing": !n.value || void 0,
       onClick: xe,
-      "on:tabClick": N[0] || (N[0] = (U) => ne(U.detail)),
+      "on:tabClick": z[0] || (z[0] = (U) => ne(U.detail)),
       onKeydown: Se
     }, [
-      D(C.$slots, "default"),
-      k("button", {
+      E(x.$slots, "default"),
+      I("button", {
         "aria-controls": c(y),
         "aria-expanded": o.value,
         class: "bs-tab-list-toggle",
         "data-active": M.value || void 0,
         "data-hidden": !d.value,
-        id: P.value,
+        id: q.value,
         ref_key: "dropdownToggle",
         ref: S,
         onClick: Ce
       }, [
-        L(c(Gt), { size: "sm" }),
-        W(" " + V(R.value), 1)
-      ], 8, ao),
-      L(Ot, {
-        "anchor-id": P.value,
+        D(c(Gt), { size: "sm" }),
+        W(" " + A(R.value), 1)
+      ], 8, io),
+      D(Ot, {
+        "anchor-id": q.value,
         breakout: "",
-        "container-id": C.$attrs.id || c(B),
+        "container-id": x.$attrs.id || c($),
         "helper-description": e.helperDescription || void 0,
         "helper-text": e.helperText,
         id: c(y),
@@ -5472,23 +5524,23 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
         onClose: ke,
         "onUpdate:modelValue": re
       }, {
-        default: E(() => [
-          (u(!0), v(G, null, ee(s.value, (U) => (u(), O(ot, {
+        default: L(() => [
+          (u(!0), v(G, null, ee(s.value, (U) => (u(), V(ot, {
             key: U.id,
             value: U.id,
             "options-id": T.value
           }, {
-            default: E(() => [
-              W(V(U.textContent), 1)
+            default: L(() => [
+              W(A(U.textContent), 1)
             ]),
             _: 2
           }, 1032, ["value", "options-id"]))), 128))
         ]),
         _: 1
       }, 8, ["anchor-id", "container-id", "helper-description", "helper-text", "id", "options-id", "shown"])
-    ], 40, to));
+    ], 40, oo));
   }
-}, oo = ["aria-labelledby", "data-active", "id"], li = {
+}, uo = ["aria-labelledby", "data-active", "id"], di = {
   __name: "BsTabPanel",
   props: {
     activeTabId: {
@@ -5509,10 +5561,10 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
       id: n.value,
       role: "tabpanel"
     }, [
-      D(i.$slots, "default")
-    ], 8, oo));
+      E(i.$slots, "default")
+    ], 8, uo));
   }
-}, io = ["data-error", "id", "rows", "value"], ro = {
+}, co = ["data-error", "id", "rows", "value"], fo = {
   __name: "BsTextarea",
   props: {
     error: {
@@ -5528,7 +5580,7 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
     const t = e, l = p(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
-    return (n, i) => (u(), v("textarea", z({
+    return (n, i) => (u(), v("textarea", N({
       class: "bs-textarea",
       "data-component": "bs-textarea",
       "data-error": e.error,
@@ -5536,9 +5588,9 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
       rows: n.$attrs.rows || 6,
       value: e.value || e.modelValue,
       onInput: i[0] || (i[0] = (s) => n.$emit("update:modelValue", s.target.value))
-    }, l.value), null, 16, io));
+    }, l.value), null, 16, co));
   }
-}, oi = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, ui = /* @__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. */
@@ -5587,7 +5639,7 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, [l, n] = X(2), i = p(() => za.concat(t.passAttrs.split(","))), s = p(() => {
+    const t = e, [l, n] = X(2), i = p(() => Na.concat(t.passAttrs.split(","))), s = p(() => {
       var f;
       return ((f = t.value || t.modelValue) == null ? void 0 : f.length) || 0;
     }), o = p(() => {
@@ -5595,21 +5647,21 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
       return ((m = (f = t.hints) == null ? void 0 : f.join) == null ? void 0 : m.call(f, `
 `)) || t.hints;
     }), d = p(() => t.error && t.errorMsg || t.hint || o.value || void 0), r = p(() => t.inputId || l.value);
-    return (f, m) => (u(), v("div", z({ "data-component": "bs-textarea-field" }, c(Y)(f.$attrs, i.value).remaining), [
-      e.label || f.$slots.label ? (u(), O(ae, {
+    return (f, m) => (u(), v("div", N({ "data-component": "bs-textarea-field" }, c(Y)(f.$attrs, i.value).remaining), [
+      e.label || f.$slots.label ? (u(), V(ae, {
         key: 0,
         for: f.$attrs.id || r.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: E(() => [
-          D(f.$slots, "label", {}, () => [
-            W(V(e.label), 1)
+        default: L(() => [
+          E(f.$slots, "label", {}, () => [
+            W(A(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : x("", !0),
-      L(ro, z({
+      }, 8, ["for", "disabled", "required"])) : C("", !0),
+      D(fo, N({
         disabled: e.disabled,
         error: e.error,
         "hint-id": c(n),
@@ -5620,7 +5672,7 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
         value: e.value || e.modelValue,
         "onUpdate:modelValue": m[0] || (m[0] = (b) => f.$emit("update:modelValue", b))
       }, c(Y)(f.$attrs, i.value).filtered), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "rows", "value"]),
-      d.value || e.charMax ? (u(), O(ge, {
+      d.value || e.charMax ? (u(), V(ge, {
         key: 1,
         "char-count": s.value,
         "char-max": e.charMax,
@@ -5629,19 +5681,19 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
         "error-msg": e.errorMsg,
         hint: e.hint || o.value,
         "hint-id": c(n)
-      }, null, 8, ["char-count", "char-max", "data-disabled", "error", "error-msg", "hint", "hint-id"])) : x("", !0)
+      }, null, 8, ["char-count", "char-max", "data-disabled", "error", "error-msg", "hint", "hint-id"])) : C("", !0)
     ], 16));
   }
 });
-function so(e) {
+function po(e) {
   const a = /^([01]?[0-9]|2[0-3]):[0-5][0-9]$/.test(e), t = /^([01]?[0-9]|2[0-3])[0-5][0-9]$/.test(e), l = /^([0]?[0-9]|1[0-2]):[0-5][0-9] ?(a|p|am|pm)$/i.test(e), n = /^([0]?[0-9]|1[0-2])[0-5][0-9] ?(a|p|am|pm)$/i.test(e);
   return a ? "uFmt" : t ? "uFmtNoColon" : l ? "amPm" : n ? "amPmNoColon" : "";
 }
 const we = (e) => parseInt(e, 10);
-function uo(e = "") {
+function ho(e = "") {
   const a = /[^0-9:apmAPM]/g;
   let t, l;
-  switch (e = e.replaceAll(a, "").toLowerCase(), so(e)) {
+  switch (e = e.replaceAll(a, "").toLowerCase(), po(e)) {
     case "uFmt":
     case "uFmtNoColon":
       l = we(e.slice(-2)), t = we(e.slice(0, -2));
@@ -5664,11 +5716,11 @@ function be(e = "") {
   const [t, l] = e.split(":"), n = we(t), i = we(l), s = n < 12 ? "AM" : "PM";
   return isNaN(n) || isNaN(i) || n > 23 || i > 59 ? "" : `${n % 12 || 12}:${l} ${s}`;
 }
-function co(e = "") {
-  const { hours: a, minutes: t } = uo(e);
+function vo(e = "") {
+  const { hours: a, minutes: t } = ho(e);
   return isNaN(a) || isNaN(t) ? "" : `${a.toString().padStart(2, "0")}:${t.toString().padStart(2, "0")}`;
 }
-const We = "excluded", Ge = "over", mt = "skip", bt = "stop", He = "under", fo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+const We = "excluded", Ge = "over", mt = "skip", bt = "stop", He = "under", mo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsTimePicker",
   props: {
     disabled: {
@@ -5733,31 +5785,31 @@ const We = "excluded", Ge = "over", mt = "skip", bt = "stop", He = "under", fo =
   },
   emits: ["update:modelValue"],
   setup(e, { expose: a, emit: t }) {
-    const l = e, n = t, i = I(be(l.modelValue)), s = I([]), o = I(""), d = I(!1);
+    const l = e, n = t, i = k(be(l.modelValue)), s = k([]), o = k(""), d = k(!1);
     function r() {
-      const B = [];
+      const $ = [];
       let y = !1;
       for (let g = 0; g < 24 && !y; g++)
         for (let M = 0; M < 60; M += l.step) {
-          const T = b(g, M), P = m(T);
-          if (P !== mt) {
-            if (P === bt) {
+          const T = b(g, M), q = m(T);
+          if (q !== mt) {
+            if (q === bt) {
               y = !0;
               break;
             }
-            B.push({
+            $.push({
               label: be(T),
               value: T
             });
           }
         }
-      return B;
+      return $;
     }
-    function f(B) {
-      return B ? l.minTime && B < l.minTime ? He : l.maxTime && B > l.maxTime ? Ge : l.disabledTimes.includes(B) ? We : "" : "";
+    function f($) {
+      return $ ? l.minTime && $ < l.minTime ? He : l.maxTime && $ > l.maxTime ? Ge : l.disabledTimes.includes($) ? We : "" : "";
     }
-    function m(B) {
-      switch (f(B)) {
+    function m($) {
+      switch (f($)) {
         case Ge:
           return bt;
         case He:
@@ -5767,21 +5819,21 @@ const We = "excluded", Ge = "over", mt = "skip", bt = "stop", He = "under", fo =
           return "";
       }
     }
-    function b(B, y) {
-      return B = B.toString().padStart(2, "0"), y = y.toString().padStart(2, "0"), `${B}:${y}`;
+    function b($, y) {
+      return $ = $.toString().padStart(2, "0"), y = y.toString().padStart(2, "0"), `${$}:${y}`;
     }
-    function S(B) {
-      const y = co(B);
-      y === l.modelValue && (i.value = be(l.modelValue)), $(y);
+    function S($) {
+      const y = vo($);
+      y === l.modelValue && (i.value = be(l.modelValue)), B(y);
     }
     function w() {
       s.value = r();
     }
-    function $(B) {
-      h(B), n("update:modelValue", B);
+    function B($) {
+      h($), n("update:modelValue", $);
     }
-    function h(B) {
-      switch (f(B)) {
+    function h($) {
+      switch (f($)) {
         case Ge:
           o.value = `Time must be before ${be(l.maxTime)}`, d.value = !0;
           break;
@@ -5805,12 +5857,12 @@ const We = "excluded", Ge = "over", mt = "skip", bt = "stop", He = "under", fo =
       () => l.maxTime,
       () => l.minTime,
       () => l.modelValue
-    ], () => h(l.modelValue)), j(() => l.modelValue, (B) => {
-      i.value = l.modelValue ? be(B) : "";
+    ], () => h(l.modelValue)), j(() => l.modelValue, ($) => {
+      i.value = l.modelValue ? be($) : "";
     }), a({
       validationErr: d,
       validationErrMsg: o
-    }), (B, y) => (u(), O(At, {
+    }), ($, y) => (u(), V(At, {
       disabled: e.disabled,
       "display-value": i.value,
       "dropdown-position": e.dropdownPosition,
@@ -5828,7 +5880,7 @@ const We = "excluded", Ge = "over", mt = "skip", bt = "stop", He = "under", fo =
       "onUpdate:modelValue": S
     }, null, 8, ["disabled", "display-value", "dropdown-position", "dropdown-width", "error", "helper-description", "helper-text", "hint-id", "input-id", "model-value", "options", "placeholder", "required"]));
   }
-}), ii = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), ci = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsTimePickerField",
   props: {
     disabled: {
@@ -5897,7 +5949,7 @@ const We = "excluded", Ge = "over", mt = "skip", bt = "stop", He = "under", fo =
   },
   emits: ["update:modelValue"],
   setup(e, { expose: a, emit: t }) {
-    const l = e, [n, i] = X(2), s = I(null), o = p(() => l.errorMsg || m.value), d = p(() => l.error || b.value), r = p(() => l.inputId || n.value), f = p(() => l.hint || d.value && o.value), m = p(() => {
+    const l = e, [n, i] = X(2), s = k(null), o = p(() => l.errorMsg || m.value), d = p(() => l.error || b.value), r = p(() => l.inputId || n.value), f = p(() => l.hint || d.value && o.value), m = p(() => {
       var S;
       return (S = s.value) == null ? void 0 : S.validationErrMsg;
     }), b = p(() => {
@@ -5907,24 +5959,24 @@ const We = "excluded", Ge = "over", mt = "skip", bt = "stop", He = "under", fo =
     return a({
       validationErr: b,
       validationErrMsg: m
-    }), (S, w) => (u(), v("div", z({
+    }), (S, w) => (u(), v("div", N({
       "aria-live": "polite",
       "data-component": "bs-time-picker-field"
     }, c(Y)(S.$attrs, c(he)).remaining), [
-      e.label || S.$slots.label ? (u(), O(ae, {
+      e.label || S.$slots.label ? (u(), V(ae, {
         key: 0,
         for: S.$attrs.id || r.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: E(() => [
-          D(S.$slots, "label", {}, () => [
-            W(V(e.label), 1)
+        default: L(() => [
+          E(S.$slots, "label", {}, () => [
+            W(A(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : x("", !0),
-      L(fo, z({
+      }, 8, ["for", "disabled", "required"])) : C("", !0),
+      D(mo, N({
         ref_key: "timePicker",
         ref: s,
         disabled: e.disabled,
@@ -5942,9 +5994,9 @@ const We = "excluded", Ge = "over", mt = "skip", bt = "stop", He = "under", fo =
         placeholder: e.placeholder,
         required: e.required,
         step: e.step,
-        "onUpdate:modelValue": w[0] || (w[0] = ($) => S.$emit("update:modelValue", $))
+        "onUpdate:modelValue": w[0] || (w[0] = (B) => S.$emit("update:modelValue", B))
       }, c(Y)(S.$attrs, c(he)).filtered), null, 16, ["disabled", "disabled-times", "dropdown-position", "dropdown-width", "error", "helper-description", "helper-text", "hint-id", "input-id", "max-time", "min-time", "model-value", "placeholder", "required", "step"]),
-      de(L(ge, {
+      de(D(ge, {
         error: d.value,
         "error-msg": o.value,
         hint: e.hint,
@@ -5954,7 +6006,7 @@ const We = "excluded", Ge = "over", mt = "skip", bt = "stop", He = "under", fo =
       ])
     ], 16));
   }
-}), po = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], ho = ["data-status"], vo = { class: "visually-hidden" }, ri = {
+}), bo = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], go = ["data-status"], yo = { class: "visually-hidden" }, fi = {
   __name: "BsTimeline",
   props: {
     /** @type {Status} */
@@ -6008,18 +6060,18 @@ const We = "excluded", Ge = "over", mt = "skip", bt = "stop", He = "under", fo =
         key: r.id || r.label,
         role: "status"
       }, [
-        (u(), O(te(s(r.status, f)), {
+        (u(), V(te(s(r.status, f)), {
           class: "bs-step-icon",
           role: "presentation"
         })),
-        k("p", null, [
-          W(V(r.label || r) + " ", 1),
-          k("span", vo, " : " + V(c(i)(r.status, f) || "not started"), 1)
+        I("p", null, [
+          W(A(r.label || r) + " ", 1),
+          I("span", yo, " : " + A(c(i)(r.status, f) || "not started"), 1)
         ])
-      ], 8, ho))), 128))
-    ], 8, po));
+      ], 8, go))), 128))
+    ], 8, bo));
   }
-}, mo = ["data-variant", "data-shown", "data-stacked"], si = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, So = ["data-variant", "data-shown", "data-stacked"], pi = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsToast",
   props: {
     shown: {
@@ -6065,7 +6117,7 @@ const We = "excluded", Ge = "over", mt = "skip", bt = "stop", He = "under", fo =
   },
   emits: ["dismiss", "after-enter", "after-leave"],
   setup(e, { emit: a }) {
-    const t = e, l = a, { transition: n } = Ee(t);
+    const t = e, l = a, { transition: n } = Le(t);
     let i = null;
     ce("variant", t.variant), ce("handleDismiss", o);
     const s = fe("stacked", t.stacked);
@@ -6077,31 +6129,31 @@ const We = "excluded", Ge = "over", mt = "skip", bt = "stop", He = "under", fo =
         o();
       }, t.duration)), l("after-enter");
     }
-    return (r, f) => (u(), O(De, {
+    return (r, f) => (u(), V(qe, {
       name: "bs-toast",
       shown: c(n),
       preloaded: e.preloaded,
       onAfterEnter: d,
       onAfterLeave: f[0] || (f[0] = (m) => l("after-leave"))
     }, {
-      default: E(() => [
-        k("div", z({
+      default: L(() => [
+        I("div", N({
           class: "bs-toast",
           "data-variant": e.variant,
           "data-shown": c(n),
           "data-stacked": c(s) || void 0,
           role: "alert"
         }, r.$attrs), [
-          D(r.$slots, "default")
-        ], 16, mo)
+          E(r.$slots, "default")
+        ], 16, So)
       ]),
       _: 3
     }, 8, ["shown", "preloaded"]));
   }
-}), bo = ["data-stacked"], di = {
+}), wo = ["data-stacked"], hi = {
   __name: "BsToastActions",
   setup(e) {
-    const a = I(!1);
+    const a = k(!1);
     H(() => {
       var n;
       const l = yt();
@@ -6112,32 +6164,32 @@ const We = "excluded", Ge = "over", mt = "skip", bt = "stop", He = "under", fo =
       class: "bs-toast-actions",
       "data-stacked": a.value || void 0
     }, [
-      D(l.$slots, "default", {}, () => [
-        L(Ia, {
+      E(l.$slots, "default", {}, () => [
+        D(Ia, {
           size: "sm",
           "text-btn": "",
           onClick: c(t)
         }, {
-          default: E(() => [
+          default: L(() => [
             W(" Dismiss ")
           ]),
           _: 1
         }, 8, ["onClick"])
       ])
-    ], 8, bo));
+    ], 8, wo));
   }
-}, go = (e, a) => {
+}, $o = (e, a) => {
   const t = e.__vccOpts || e;
   for (const [l, n] of a)
     t[l] = n;
   return t;
-}, yo = {}, So = { class: "bs-toast-body" };
-function wo(e, a) {
-  return u(), v("div", So, [
-    D(e.$slots, "default")
+}, Bo = {}, Io = { class: "bs-toast-body" };
+function ko(e, a) {
+  return u(), v("div", Io, [
+    E(e.$slots, "default")
   ]);
 }
-const ui = /* @__PURE__ */ go(yo, [["render", wo]]), Bo = ["data-variant"], ci = {
+const vi = /* @__PURE__ */ $o(Bo, [["render", ko]]), Co = ["data-variant"], mi = {
   __name: "BsToastHeader",
   setup(e) {
     const a = fe("variant"), t = p(() => {
@@ -6156,20 +6208,20 @@ const ui = /* @__PURE__ */ go(yo, [["render", wo]]), Bo = ["data-variant"], ci =
       class: "bs-toast-header",
       "data-variant": c(a)
     }, [
-      (u(), O(te(t.value), { class: "bs-toast-header-icon" })),
-      k("h5", null, [
-        D(l.$slots, "default")
+      (u(), V(te(t.value), { class: "bs-toast-header-icon" })),
+      I("h5", null, [
+        E(l.$slots, "default")
       ])
-    ], 8, Bo));
+    ], 8, Co));
   }
-}, $o = { class: "bs-toaster" }, fi = {
+}, xo = { class: "bs-toaster" }, bi = {
   __name: "BsToaster",
   setup(e) {
-    return ce("stacked", !0), (a, t) => (u(), v("div", $o, [
-      D(a.$slots, "default")
+    return ce("stacked", !0), (a, t) => (u(), v("div", xo, [
+      E(a.$slots, "default")
     ]));
   }
-}, Io = ["data-position"], ko = ["id"], pi = {
+}, To = ["data-position"], Ao = ["id"], gi = {
   __name: "BsTooltip",
   props: {
     tooltipId: {
@@ -6196,7 +6248,7 @@ const ui = /* @__PURE__ */ go(yo, [["render", wo]]), Bo = ["data-variant"], ci =
     }
   },
   setup(e) {
-    const a = e, t = I(!1), l = I(!1), n = p(() => {
+    const a = e, t = k(!1), l = k(!1), n = p(() => {
       let o = "bs-tooltip-text";
       return l.value && (a.position === void 0 || a.position === "top" || a.position === "bottom" ? o += " escaped-x" : a.position === "left" || a.position === "right" ? o += " escaped-y" : o += " escaped"), o;
     });
@@ -6218,73 +6270,74 @@ const ui = /* @__PURE__ */ go(yo, [["render", wo]]), Bo = ["data-variant"], ci =
       onMouseleave: s,
       onFocusout: s
     }, [
-      D(o.$slots, "default"),
+      E(o.$slots, "default"),
       e.content ? (u(), v("div", {
         key: 0,
         class: ie(n.value),
         id: e.tooltipId,
         role: "tooltip"
-      }, V(e.content), 11, ko)) : x("", !0)
-    ], 40, Io));
+      }, A(e.content), 11, Ao)) : C("", !0)
+    ], 40, To));
   }
 };
 export {
-  Do as BsAccordion,
+  zo as BsAccordion,
   Sa as BsBadge,
-  Po as BsBanner,
+  No as BsBanner,
   Ia as BsButton,
-  qo as BsCalendar,
-  Mo as BsCaretButton,
-  No as BsCaretTextButton,
-  zo as BsChartBar,
-  Ro as BsCheckbox,
+  Ro as BsCalendar,
+  Fo as BsCaretButton,
+  jo as BsCaretTextButton,
+  Uo as BsChartBar,
+  Wo as BsCheckbox,
   Ct as BsCircleButton,
   lt as BsDropdown,
   At as BsDropdownCombobox,
-  Fo as BsDropdownComboboxField,
+  Go as BsDropdownComboboxField,
   Vt as BsDropdownMultiselect,
   ot as BsDropdownOption,
-  qe as BsDropdownOptionBuilder,
+  Pe as BsDropdownOptionBuilder,
   Re as BsDropdownOptionList,
   Ot as BsDropdownWithOptions,
   En as BsDropdownWithToggle,
+  Ho as BsEmptyState,
   ge as BsFieldDetails,
   wn as BsFilterButton,
-  jo as BsFlyout,
-  Uo as BsIconGradientWrapper,
+  Ko as BsFlyout,
+  Yo as BsIconGradientWrapper,
   Ie as BsInput,
-  Le as BsInputAddon,
-  Wo as BsInputField,
-  Go as BsInputPhone,
-  Xn as BsInputSearch,
-  Ho as BsInputTypeahead,
+  De as BsInputAddon,
+  Zo as BsInputField,
+  Xo as BsInputPhone,
+  el as BsInputSearch,
+  Qo as BsInputTypeahead,
   ae as BsLabel,
-  Ko as BsLoader,
-  Yo as BsModal,
-  pl as BsOverlay,
-  Zo as BsPagination,
-  Xo as BsPill,
-  Qo as BsProfile,
-  Fl as BsProfileDetails,
+  Jo as BsLoader,
+  _o as BsModal,
+  bl as BsOverlay,
+  ei as BsPagination,
+  ti as BsPill,
+  ai as BsProfile,
+  Gl as BsProfileDetails,
   Tt as BsProfileImg,
-  Jo as BsProgressBar,
-  _o as BsRadio,
-  Kl as BsSelect,
-  ei as BsSelectField,
+  ni as BsProgressBar,
+  li as BsRadio,
+  Ql as BsSelect,
+  oi as BsSelectField,
   vt as BsSpinner,
-  ti as BsSwitch,
-  ai as BsTab,
-  ni as BsTabList,
-  li as BsTabPanel,
-  ro as BsTextarea,
-  oi as BsTextareaField,
-  fo as BsTimePicker,
-  ii as BsTimePickerField,
-  ri as BsTimeline,
-  si as BsToast,
-  di as BsToastActions,
-  ui as BsToastBody,
-  ci as BsToastHeader,
-  fi as BsToaster,
-  pi as BsTooltip
+  ii as BsSwitch,
+  ri as BsTab,
+  si as BsTabList,
+  di as BsTabPanel,
+  fo as BsTextarea,
+  ui as BsTextareaField,
+  mo as BsTimePicker,
+  ci as BsTimePickerField,
+  fi as BsTimeline,
+  pi as BsToast,
+  hi as BsToastActions,
+  vi as BsToastBody,
+  mi as BsToastHeader,
+  bi as BsToaster,
+  gi as BsTooltip
 };