@wwtdev/bsds-components-vue3 2.17.0 → 2.18.0

package/lib/bsds-components.js

@@ -1,10 +1,10 @@
-import { computed as f, ref as $, onMounted as X, onUnmounted as $e, shallowRef as Wt, watch as G, defineAsyncComponent as Je, useId as yt, openBlock as d, createElementBlock as b, unref as c, createElementVNode as B, renderSlot as V, createBlock as O, resolveDynamicComponent as ae, createCommentVNode as C, createTextVNode as j, toDisplayString as A, createVNode as P, normalizeClass as le, useAttrs as re, mergeProps as z, withCtx as D, Fragment as K, toHandlers as Ye, onBeforeUnmount as _e, onBeforeMount as St, nextTick as Ae, createSlots as Ze, useSlots as et, renderList as te, Teleport as jt, withDirectives as ue, Transition as dt, vShow as ce, provide as fe, inject as pe, withModifiers as wt, isRef as Ut } from "vue";
-import { BsIconCaretDown as Me, BsIconWarning as Xe, BsIconClose as Ie, BsIconCalendar as Bt, BsIconCaretRight as $t, BsIconCaretLeft as It, BsIconSmallCaretRight as Gt, BsIconSmallCaretLeft as Ht, BsIconSearch as Kt, BsIconCaretSort as Yt, BsIconCaretLeftDouble as Zt, BsIconCaretRightDouble as Xt, BsIconActionEllipsis as Qt, BsIconGraphPieEmpty as ut, BsIconCircleStop as Jt, BsIconCircleCheck as _t, BsIconCircleX as ea, BsIconCircleEllipsis as ta, BsIconCirclePlay as aa, BsIconCirclePause as na, BsIconCircleExclamation as kt, BsIconThumbsUpStroke as la } from "@wwtdev/bsds-icons-vue3";
+import { computed as f, ref as $, onMounted as Q, onUnmounted as $e, shallowRef as Wt, watch as G, defineAsyncComponent as Je, useId as yt, openBlock as d, createElementBlock as h, unref as c, createElementVNode as B, renderSlot as O, createBlock as A, resolveDynamicComponent as ne, createCommentVNode as C, createTextVNode as U, toDisplayString as T, createVNode as E, normalizeClass as oe, useAttrs as de, mergeProps as F, withCtx as L, Fragment as Y, toHandlers as Ye, onBeforeUnmount as _e, onBeforeMount as St, nextTick as Ae, createSlots as Ze, useSlots as et, renderList as ae, Teleport as jt, withDirectives as pe, Transition as dt, vShow as me, provide as he, inject as be, withModifiers as wt, isRef as Ut } from "vue";
+import { BsIconCaretDown as Me, BsIconWarning as Xe, BsIconClose as Ie, BsIconCalendar as Bt, BsIconCaretRight as $t, BsIconCaretLeft as It, BsIconSmallCaretRight as Ht, BsIconSmallCaretLeft as Gt, BsIconSearch as Kt, BsIconCaretSort as Yt, BsIconCaretLeftDouble as Zt, BsIconCaretRightDouble as Xt, BsIconActionEllipsis as Qt, BsIconGraphPieEmpty as ut, BsIconCircleStop as Jt, BsIconCircleCheck as _t, BsIconCircleX as ea, BsIconCircleEllipsis as ta, BsIconCirclePlay as aa, BsIconCirclePause as na, BsIconCircleExclamation as kt, BsIconThumbsUpStroke as la } from "@wwtdev/bsds-icons-vue3";
 import { DatePicker as oa } from "v-calendar";
 import { Filler as ia, Chart as We, BarController as ra, BarElement as sa, CategoryScale as da, LinearScale as ua, Legend as ca, TimeScale as fa, Tooltip as pa } from "chart.js";
 import "chartjs-adapter-date-fns";
 import Ne from "lodash.merge";
-import { getSupportedCallingCodes as ma, getRegionCodeForCountryCode as ba, parsePhoneNumber as ct } from "awesome-phonenumber";
+import { getSupportedCallingCodes as ma, getRegionCodeForCountryCode as ha, parsePhoneNumber as ct } from "awesome-phonenumber";
 const ft = {
   href: "a",
   linkTo: "a",
@@ -13,7 +13,7 @@ const ft = {
   type: "button"
 };
 function ze(e, a, t = "button") {
-  const l = ha(e, a, t), n = f(() => {
+  const l = ba(e, a, t), n = f(() => {
     const o = l.value === "button", s = {};
     return o ? (s.type = a.type || "button", s.autocomplete = "off", e.disabled && (s.disabled = !0)) : e.disabled && (s["aria-disabled"] = "true", s.tabindex = "-1"), s;
   }), i = f(() => {
@@ -22,7 +22,7 @@ function ze(e, a, t = "button") {
   }), u = f(() => e.linkTo || e.href);
   return { rootTag: l, attrsToBind: i, hrefUrl: u };
 }
-function ha(e, a, t) {
+function ba(e, a, t) {
   const l = Object.keys(ft).find((n) => va(e, a, n));
   return $(ft[l] || t);
 }
@@ -36,7 +36,7 @@ const Ct = (e, a) => {
       return (i = n.value) == null ? void 0 : i.contains(l.target);
     }) || a(l);
   };
-  X(() => {
+  Q(() => {
     document.addEventListener("mouseup", t);
   }), $e(() => {
     document.removeEventListener("mouseup", t);
@@ -85,15 +85,15 @@ const Oe = (e, a) => {
     async ([u, o]) => l.value = t(u || o)
   ), { icon: l };
 };
-function Q(e = 1) {
+function J(e = 1) {
   const a = [];
   for (let t = 0; t < e; t++)
     a.push($(""));
-  return X(() => {
+  return Q(() => {
     a.forEach((t) => t.value = yt());
   }), a;
 }
-const me = (e, a, t = void 0) => {
+const ve = (e, a, t = void 0) => {
   const l = (n) => {
     var i, u;
     ((i = e == null ? void 0 : e.includes) != null && i.call(e, n.key) || (u = e == null ? void 0 : e.some) != null && u.call(e, (o) => {
@@ -101,21 +101,21 @@ const me = (e, a, t = void 0) => {
       return (s = o == null ? void 0 : o.test) == null ? void 0 : s.call(o, n.key);
     })) && a(n);
   };
-  X(() => {
+  Q(() => {
     ((t == null ? void 0 : t.value) ?? document).addEventListener("keydown", l);
   }), $e(() => {
     ((t == null ? void 0 : t.value) ?? document).removeEventListener("keydown", l);
   });
 }, ga = (e, a, t) => {
   let l = null;
-  X(() => {
+  Q(() => {
     l = new MutationObserver(a), l.observe(e.value, t);
   }), $e(() => {
     l.disconnect();
   });
 }, Ee = (e) => {
   const a = $(!1);
-  return X(() => {
+  return Q(() => {
     e.enterControlled ? a.value = e.enterTrigger : a.value = e.shown;
   }), G(() => e.shown, (t) => {
     a.value = t;
@@ -128,7 +128,7 @@ const me = (e, a, t = void 0) => {
   key: 0,
   "data-position": "start",
   style: { display: "inline-flex" }
-}, $a = ["id"], Ia = ["aria-labelledby", "data-open", "id"], Eo = {
+}, $a = ["id"], Ia = ["aria-labelledby", "data-open", "id"], Do = {
   __name: "BsAccordion",
   props: {
     controlled: { type: Boolean, default: !1 },
@@ -145,11 +145,11 @@ const me = (e, a, t = void 0) => {
   },
   emits: ["toggled"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = $(null), i = $(!1), { icon: u } = Oe(t, "icon"), [o] = Q(), s = f(() => o.value + "-content"), r = f(() => o.value + "-title"), m = f(() => t.openItemId && t.openItemId === o.value || t.openItem === !0), g = f(() => t.controlled ? m.value : i.value);
+    const t = e, l = a, n = $(null), i = $(!1), { icon: u } = Oe(t, "icon"), [o] = J(), s = f(() => o.value + "-content"), r = f(() => o.value + "-title"), m = f(() => t.openItemId && t.openItemId === o.value || t.openItem === !0), g = f(() => t.controlled ? m.value : i.value);
     function v() {
       l("toggled", o.value), t.controlled || (i.value = !i.value);
     }
-    return (h, y) => (d(), b("div", {
+    return (b, y) => (d(), h("div", {
       id: c(o),
       ref_key: "containerRef",
       ref: n,
@@ -167,17 +167,17 @@ const me = (e, a, t = void 0) => {
           type: "button",
           onClick: v
         }, [
-          e.icon || h.$slots.icon ? (d(), b("span", Ba, [
-            V(h.$slots, "icon", {}, () => [
-              e.icon ? (d(), O(ae(c(u) ? c(u) : "span"), { key: 0 })) : C("", !0)
+          e.icon || b.$slots.icon ? (d(), h("span", Ba, [
+            O(b.$slots, "icon", {}, () => [
+              e.icon ? (d(), A(ne(c(u) ? c(u) : "span"), { key: 0 })) : C("", !0)
             ])
           ])) : C("", !0),
           B("span", { id: r.value }, [
-            V(h.$slots, "header", {}, () => [
-              j(A(e.headerText), 1)
+            O(b.$slots, "header", {}, () => [
+              U(T(e.headerText), 1)
             ])
           ], 8, $a),
-          P(c(Me), {
+          E(c(Me), {
             size: "md",
             "data-position": "end"
           })
@@ -192,7 +192,7 @@ const me = (e, a, t = void 0) => {
         role: "region"
       }, [
         B("div", null, [
-          V(h.$slots, "default")
+          O(b.$slots, "default")
         ])
       ], 8, Ia)
     ], 8, ya));
@@ -251,11 +251,11 @@ const me = (e, a, t = void 0) => {
       const o = a.count !== 1 ? "s" : "";
       return `${i ? `${i}, ` : ""}${u}${a.label}${o}`;
     });
-    return (i, u) => (d(), b("span", {
+    return (i, u) => (d(), h("span", {
       ref_key: "hostRef",
       ref: t,
       "aria-label": n.value,
-      class: le({ "bs-badge": e.dot || l.value }),
+      class: oe({ "bs-badge": e.dot || l.value }),
       "data-badge-color": e.color,
       "data-component": "bs-badge",
       "data-count": l.value,
@@ -264,7 +264,7 @@ const me = (e, a, t = void 0) => {
       "data-variant": e.variant,
       role: "status"
     }, [
-      e.variant !== "notext" ? V(i.$slots, "default", { key: 0 }) : C("", !0)
+      e.variant !== "notext" ? O(i.$slots, "default", { key: 0 }) : C("", !0)
     ], 10, ka));
   }
 }, xa = {
@@ -272,7 +272,7 @@ const me = (e, a, t = void 0) => {
   role: "alert",
   class: "bs-banner",
   "data-component": "bs-banner"
-}, Ta = { class: "bs-banner-content" }, Aa = { class: "bs-banner-warning-icon" }, Do = {
+}, Ta = { class: "bs-banner-content" }, Aa = { class: "bs-banner-warning-icon" }, Po = {
   __name: "BsBanner",
   emits: ["dismiss"],
   setup(e, { emit: a }) {
@@ -280,20 +280,22 @@ const me = (e, a, t = void 0) => {
     function n() {
       l.value = !0, t("dismiss");
     }
-    return (i, u) => l.value ? C("", !0) : (d(), b("div", xa, [
+    return (i, u) => l.value ? C("", !0) : (d(), h("div", xa, [
       B("div", Ta, [
         B("div", Aa, [
-          P(c(Xe), { size: "lg" })
+          O(i.$slots, "icon", {}, () => [
+            E(c(Xe), { size: "md" })
+          ])
         ]),
         B("p", null, [
-          V(i.$slots, "default")
+          O(i.$slots, "default")
         ]),
         B("button", {
           type: "button",
           title: "Close Banner",
           onClick: n
         }, [
-          P(c(Ie))
+          E(c(Ie))
         ])
       ])
     ]));
@@ -329,8 +331,8 @@ const me = (e, a, t = void 0) => {
     href: { type: String }
   },
   setup(e) {
-    const a = e, t = re(), { rootTag: l, attrsToBind: n, hrefUrl: i } = ze(a, t), { onLinkClick: u } = Fe(a);
-    return (o, s) => (d(), O(ae(c(l)), z({
+    const a = e, t = de(), { rootTag: l, attrsToBind: n, hrefUrl: i } = ze(a, t), { onLinkClick: u } = Fe(a);
+    return (o, s) => (d(), A(ne(c(l)), F({
       class: "bs-button",
       "data-component": "bs-button",
       "data-ghost": e.ghostBtn,
@@ -339,8 +341,8 @@ const me = (e, a, t = void 0) => {
       "data-variant": e.variant,
       ".href": c(i)
     }, c(n), { onClick: c(u) }), {
-      default: D(() => [
-        V(o.$slots, "default")
+      default: L(() => [
+        O(o.$slots, "default")
       ]),
       _: 3
     }, 48, ["data-ghost", "data-size", "data-text", "data-variant", ".href", "onClick"]));
@@ -369,22 +371,22 @@ const me = (e, a, t = void 0) => {
   },
   setup(e) {
     const a = e, t = f(() => a.error && a.errorMsg || a.hint);
-    return (l, n) => (d(), b("div", Oa, [
-      t.value ? (d(), b("span", {
+    return (l, n) => (d(), h("div", Oa, [
+      t.value ? (d(), h("span", {
         key: 0,
         id: e.hintId,
         class: "bs-hint",
         "data-error": e.error
-      }, A(t.value), 9, Va)) : C("", !0),
-      e.charMax ? (d(), b("span", {
+      }, T(t.value), 9, Va)) : C("", !0),
+      e.charMax ? (d(), h("span", {
         key: 1,
         "aria-description": "character count over character limit for the preceding text field",
         class: "bs-character-count",
         "data-error": a.charCount > a.charMax
-      }, A(a.charCount || "0") + " / " + A(a.charMax), 9, La)) : C("", !0)
+      }, T(a.charCount || "0") + " / " + T(a.charMax), 9, La)) : C("", !0)
     ]));
   }
-}, Ea = ["data-disabled", "for"], ne = {
+}, Ea = ["data-disabled", "for"], le = {
   __name: "BsLabel",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -393,16 +395,16 @@ const me = (e, a, t = void 0) => {
     required: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (a, t) => (d(), b("label", {
-      class: le(["bs-label", e.hide ? "visually-hidden" : ""]),
+    return (a, t) => (d(), h("label", {
+      class: oe(["bs-label", e.hide ? "visually-hidden" : ""]),
       "data-component": "bs-label",
       "data-disabled": e.disabled,
       for: e.for
     }, [
       B("span", null, [
-        V(a.$slots, "default")
+        O(a.$slots, "default")
       ]),
-      e.required ? (d(), b(K, { key: 0 }, [
+      e.required ? (d(), h(Y, { key: 0 }, [
         t[0] || (t[0] = B("span", {
           "data-required": "true",
           "aria-hidden": "true"
@@ -426,12 +428,12 @@ const me = (e, a, t = void 0) => {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = re(), i = f(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
+    const t = e, l = a, n = de(), i = f(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
     function u(o) {
       const s = n.type === "number" ? parseInt(o.target.value) : o.target.value;
       l("update:modelValue", s);
     }
-    return (o, s) => (d(), b("input", z({
+    return (o, s) => (d(), h("input", F({
       class: "bs-input",
       "data-component": "bs-input",
       "data-error": e.error,
@@ -451,7 +453,7 @@ const me = (e, a, t = void 0) => {
     variant: { type: String, validator: (e) => ["inner-bordered", "combobox"].includes(e) }
   },
   setup(e) {
-    return (a, t) => (d(), b("div", {
+    return (a, t) => (d(), h("div", {
       class: "bs-input-addon",
       "data-component": "bs-input-addon",
       "data-autopad": e.autopad,
@@ -461,7 +463,7 @@ const me = (e, a, t = void 0) => {
       "data-variant": e.variant,
       "data-multifocus": e.multifocus
     }, [
-      V(a.$slots, "default")
+      O(a.$slots, "default")
     ], 8, Pa));
   }
 }, qa = {
@@ -497,13 +499,13 @@ const me = (e, a, t = void 0) => {
     }
   },
   setup(e) {
-    return (a, t) => (d(), O(De, {
+    return (a, t) => (d(), A(De, {
       disabled: e.disabled,
       error: e.error
     }, {
-      default: D(() => [
-        P(c(Bt)),
-        P(ke, z({
+      default: L(() => [
+        E(c(Bt)),
+        E(ke, F({
           "data-autowidth": "",
           disabled: e.disabled,
           id: e.inputId,
@@ -564,36 +566,36 @@ const Ma = ["disabled", "id", "model-value"], Na = ["disabled", "id", "model-val
   setup(e, { emit: a }) {
     const t = e, l = a, n = $(null), i = $(null);
     function u(v) {
-      const h = new Event("change", { bubbles: !0, cancelable: !0 });
-      v.dispatchEvent(h);
+      const b = new Event("change", { bubbles: !0, cancelable: !0 });
+      v.dispatchEvent(b);
     }
     function o(v) {
-      const { value: h } = v.target, [y, w] = h.split(/ to | - /);
-      n.value.value = y || "", i.value.value = w || "", u(n.value), u(i.value);
+      const { value: b } = v.target, [y, S] = b.split(/ to | - /);
+      n.value.value = y || "", i.value.value = S || "", u(n.value), u(i.value);
     }
     const s = Ve(o, 1e3);
     function r(v) {
       l("ui-input"), s(v);
     }
     const m = f(() => t.listeners.start ? t.listeners.start : {}), g = f(() => t.listeners.end ? t.listeners.end : {});
-    return (v, h) => (d(), O(De, {
+    return (v, b) => (d(), A(De, {
       disabled: e.disabled,
       error: e.error
     }, {
-      default: D(() => [
-        P(c(Bt)),
-        P(ke, {
+      default: L(() => [
+        E(c(Bt)),
+        E(ke, {
           "data-autowidth": "",
           disabled: e.disabled,
           id: e.inputId,
           "model-value": e.inputValueFmt,
           placeholder: e.placeholder,
           required: e.required,
-          onFocusin: h[0] || (h[0] = (y) => v.$emit("ui-focusin")),
+          onFocusin: b[0] || (b[0] = (y) => v.$emit("ui-focusin")),
           onInput: r,
           onChange: o
         }, null, 8, ["disabled", "id", "model-value", "placeholder", "required"]),
-        B("input", z({
+        B("input", F({
           ref_key: "hiddenStart",
           ref: n,
           type: "hidden",
@@ -601,7 +603,7 @@ const Ma = ["disabled", "id", "model-value"], Na = ["disabled", "id", "model-val
           id: `${e.inputId}-start`,
           "model-value": e.inputValue.start
         }, Ye(m.value, !0)), null, 16, Ma),
-        B("input", z({
+        B("input", F({
           ref_key: "hiddenEnd",
           ref: i,
           type: "hidden",
@@ -625,7 +627,7 @@ function Fa(e) {
   function l(n) {
     a(n == null ? void 0 : n.target) && t(n == null ? void 0 : n.key) && n.preventDefault();
   }
-  X(() => {
+  Q(() => {
     var n, i;
     (i = (n = e.value) == null ? void 0 : n.addEventListener) == null || i.call(n, "keydown", l);
   }), _e(() => {
@@ -678,7 +680,7 @@ const tt = [
   "rows",
   "spellcheck",
   "wrap"
-], be = [
+], ge = [
   "aria-describedby",
   "aria-label",
   "autocapitalize",
@@ -700,13 +702,13 @@ const tt = [
   "size",
   "step"
 ];
-function Z(e, a = []) {
+function X(e, a = []) {
   const t = {}, l = {};
   return Object.keys(e).forEach((n) => {
     a.includes(n) ? t[n] = e[n] : l[n] = e[n];
   }), { filtered: t, remaining: l };
 }
-const ja = ["data-range"], mt = "(min-width: 752px)", Po = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+const ja = ["data-range"], mt = "(min-width: 752px)", qo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsCalendar",
   props: {
     disabled: {
@@ -773,7 +775,7 @@ const ja = ["data-range"], mt = "(min-width: 752px)", Po = /* @__PURE__ */ Objec
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = $(null), n = $(1), i = $(null), [u, o] = Q(2), s = $(1), { filtered: r, remaining: m } = Z(re(), [
+    const t = e, l = $(null), n = $(1), i = $(null), [u, o] = J(2), s = $(1), { filtered: r, remaining: m } = X(de(), [
       "attributes",
       "data-cy",
       "expanded",
@@ -782,16 +784,16 @@ const ja = ["data-range"], mt = "(min-width: 752px)", Po = /* @__PURE__ */ Objec
       "masks",
       "rows",
       "trim-weeks"
-    ]), g = f(() => t.inputId || u.value), v = f(() => ({ range: t.isRange })), h = f(() => !!(t.error && t.errorMsg || t.hint)), y = f(() => t.step), w = f(() => t.variant);
+    ]), g = f(() => t.inputId || u.value), v = f(() => ({ range: t.isRange })), b = f(() => !!(t.error && t.errorMsg || t.hint)), y = f(() => t.step), S = f(() => t.variant);
     Fa(i), Qe(
       mt,
-      (I) => n.value = I != null && I.matches && w.value == "2-col" ? 2 : 1,
-      [w]
+      (I) => n.value = I != null && I.matches && S.value == "2-col" ? 2 : 1,
+      [S]
     ), Qe(
       mt,
-      (I) => s.value = I != null && I.matches && w.value == "2-col" ? y.value : 1,
-      [y, w]
-    ), X(() => {
+      (I) => s.value = I != null && I.matches && S.value == "2-col" ? y.value : 1,
+      [y, S]
+    ), Q(() => {
       t.inputMode || k();
     }), G(() => {
       var I, q;
@@ -802,35 +804,35 @@ const ja = ["data-range"], mt = "(min-width: 752px)", Po = /* @__PURE__ */ Objec
     function p(I) {
       return t.isRange && I.start && I.end ? `${I.start} to ${I.end}` : !t.isRange && I ? I : "";
     }
-    function S(I) {
+    function w(I) {
       !t.isRange || i.value.contains(I.relatedTarget) || l.value.hidePopover();
     }
     function k() {
       const I = i.value.querySelector("button.vc-prev"), q = i.value.querySelector("button.vc-next");
       I && I.setAttribute("aria-label", "Previous month"), q && q.setAttribute("aria-label", "Next month");
     }
-    return (I, q) => (d(), b("div", z({
+    return (I, q) => (d(), h("div", F({
       ref_key: "container",
       ref: i,
       class: "bs-calendar",
       "data-component": "bs-calendar",
       "data-range": e.isRange,
-      onFocusout: S
+      onFocusout: w
     }, c(m)), [
-      e.label || I.$slots.label ? (d(), O(ne, {
+      e.label || I.$slots.label ? (d(), A(le, {
         key: 0,
         for: g.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: D(() => [
-          V(I.$slots, "label", {}, () => [
-            j(A(e.label), 1)
+        default: L(() => [
+          O(I.$slots, "label", {}, () => [
+            U(T(e.label), 1)
           ])
         ]),
         _: 3
       }, 8, ["for", "disabled", "required"])) : C("", !0),
-      P(c(oa), z({
+      E(c(oa), F({
         ref_key: "calendar",
         ref: l,
         columns: n.value,
@@ -843,30 +845,30 @@ const ja = ["data-range"], mt = "(min-width: 752px)", Po = /* @__PURE__ */ Objec
         popover: { visibility: "focus" },
         rows: 1,
         step: s.value,
-        "onUpdate:modelValue": q[0] || (q[0] = (T) => I.$emit("update:modelValue", T))
+        "onUpdate:modelValue": q[0] || (q[0] = (z) => I.$emit("update:modelValue", z))
       }, c(r)), Ze({ _: 2 }, [
         e.inputMode ? {
           name: "default",
-          fn: D(({ inputValue: T, inputEvents: L, showPopover: F }) => [
-            e.isRange ? (d(), O(za, {
+          fn: L(({ inputValue: z, inputEvents: R, showPopover: D }) => [
+            e.isRange ? (d(), A(za, {
               key: 1,
               disabled: e.disabled,
               error: e.error,
               "input-id": g.value,
-              "input-value": T,
-              "input-value-fmt": p(T),
-              listeners: L,
+              "input-value": z,
+              "input-value-fmt": p(z),
+              listeners: R,
               placeholder: e.placeholder,
               required: e.required,
-              onUiFocusin: F,
-              onUiInput: F
-            }, null, 8, ["disabled", "error", "input-id", "input-value", "input-value-fmt", "listeners", "placeholder", "required", "onUiFocusin", "onUiInput"])) : (d(), O(qa, {
+              onUiFocusin: D,
+              onUiInput: D
+            }, null, 8, ["disabled", "error", "input-id", "input-value", "input-value-fmt", "listeners", "placeholder", "required", "onUiFocusin", "onUiInput"])) : (d(), A(qa, {
               key: 0,
               disabled: e.disabled,
               error: e.error,
               "input-id": g.value,
-              listeners: L,
-              "model-value": p(T),
+              listeners: R,
+              "model-value": p(z),
               placeholder: e.placeholder,
               required: e.required
             }, null, 8, ["disabled", "error", "input-id", "listeners", "model-value", "placeholder", "required"]))
@@ -874,7 +876,7 @@ const ja = ["data-range"], mt = "(min-width: 752px)", Po = /* @__PURE__ */ Objec
           key: "0"
         } : void 0
       ]), 1040, ["columns", "disabled-dates", "max-date", "min-date", "model-value", "model-modifiers", "step"]),
-      h.value ? (d(), O(ye, {
+      b.value ? (d(), A(ye, {
         key: 1,
         error: e.error,
         "error-msg": e.errorMsg,
@@ -883,10 +885,10 @@ const ja = ["data-range"], mt = "(min-width: 752px)", Po = /* @__PURE__ */ Objec
       }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : C("", !0)
     ], 16, ja));
   }
-}), Ua = { key: 0 }, Ga = {
+}), Ua = { key: 0 }, Ha = {
   class: "bs-circle-button-icon",
   role: "presentation"
-}, Ha = { key: 1 }, Tt = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Ga = { key: 1 }, Tt = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsCircleButton",
   props: {
     disabled: {
@@ -927,7 +929,7 @@ const ja = ["data-range"], mt = "(min-width: 752px)", Po = /* @__PURE__ */ Objec
     },
     variant: {
       type: String,
-      validator: (e) => ["", "blue", "pink", "purple", "red", "royal"].includes(e)
+      validator: (e) => ["", "blue", "pink", "purple", "red", "royal", "white"].includes(e)
     },
     /** @DEPRECATED in favor of linkTo */
     href: {
@@ -935,7 +937,7 @@ const ja = ["data-range"], mt = "(min-width: 752px)", Po = /* @__PURE__ */ Objec
     }
   },
   setup(e) {
-    const a = e, t = re(), l = et(), { rootTag: n, attrsToBind: i, hrefUrl: u } = ze(a, t), { onLinkClick: o } = Fe(a), s = f(() => g.value ? {} : a.href ? { title: a.label } : { "aria-label": a.label }), r = f(() => {
+    const a = e, t = de(), l = et(), { rootTag: n, attrsToBind: i, hrefUrl: u } = ze(a, t), { onLinkClick: o } = Fe(a), s = f(() => g.value ? {} : a.href ? { title: a.label } : { "aria-label": a.label }), r = f(() => {
       if (a.hoverEffect)
         return a.iconPosition;
     }), m = f(() => {
@@ -943,8 +945,8 @@ const ja = ["data-range"], mt = "(min-width: 752px)", Po = /* @__PURE__ */ Objec
       return {
         icon: a.icon || (a.textBtn || a.size == "sm" ? `small-${p}` : p)
       };
-    }), g = f(() => a.textBtn || !!(l != null && l.default)), v = f(() => g.value && a.iconPosition !== "left"), h = f(() => g.value && a.iconPosition === "left"), y = f(() => a.variant ? `color-${a.variant}` : void 0), { icon: w } = Oe(m, "icon");
-    return (p, S) => (d(), O(ae(c(n)), z({
+    }), g = f(() => a.textBtn || !!(l != null && l.default)), v = f(() => g.value && a.iconPosition !== "left"), b = f(() => g.value && a.iconPosition === "left"), y = f(() => a.variant ? `color-${a.variant}` : void 0), { icon: S } = Oe(m, "icon");
+    return (p, w) => (d(), A(ne(c(n)), F({
       class: "bs-circle-button",
       "data-disabled": e.disabled,
       "data-direction": r.value,
@@ -955,27 +957,27 @@ const ja = ["data-range"], mt = "(min-width: 752px)", Po = /* @__PURE__ */ Objec
       "data-component": "bs-circle-button",
       ".href": c(u)
     }, { ...c(i), ...s.value }, { onClick: c(o) }), {
-      default: D(() => [
-        v.value ? (d(), b("span", Ua, [
-          V(p.$slots, "default", {}, () => [
-            j(A(e.label), 1)
+      default: L(() => [
+        v.value ? (d(), h("span", Ua, [
+          O(p.$slots, "default", {}, () => [
+            U(T(e.label), 1)
           ])
         ])) : C("", !0),
-        B("span", Ga, [
-          V(p.$slots, "icon", {}, () => [
-            (d(), O(ae(c(w))))
+        B("span", Ha, [
+          O(p.$slots, "icon", {}, () => [
+            (d(), A(ne(c(S))))
           ])
         ]),
-        h.value ? (d(), b("span", Ha, [
-          V(p.$slots, "default", {}, () => [
-            j(A(e.label), 1)
+        b.value ? (d(), h("span", Ga, [
+          O(p.$slots, "default", {}, () => [
+            U(T(e.label), 1)
           ])
         ])) : C("", !0)
       ]),
       _: 3
     }, 48, ["data-disabled", "data-direction", "data-ghost", "data-size", "data-text", "data-variant", ".href", "onClick"]));
   }
-}), qo = {
+}), Mo = {
   __name: "BsCaretButton",
   props: {
     direction: {
@@ -1009,7 +1011,7 @@ const ja = ["data-range"], mt = "(min-width: 752px)", Po = /* @__PURE__ */ Objec
     }
   },
   setup(e) {
-    return (a, t) => (d(), O(Tt, {
+    return (a, t) => (d(), A(Tt, {
       disabled: e.disabled,
       "ghost-btn": e.ghostBtn,
       "hover-effect": e.hoverEffect,
@@ -1020,13 +1022,13 @@ const ja = ["data-range"], mt = "(min-width: 752px)", Po = /* @__PURE__ */ Objec
       size: e.size,
       "text-btn": !1
     }, {
-      icon: D(() => [
-        e.direction == "right" ? (d(), O(c($t), { key: 0 })) : (d(), O(c(It), { key: 1 }))
+      icon: L(() => [
+        e.direction == "right" ? (d(), A(c($t), { key: 0 })) : (d(), A(c(It), { key: 1 }))
       ]),
       _: 1
     }, 8, ["disabled", "ghost-btn", "hover-effect", "icon-position", "label", "link-to", "router", "size"]));
   }
-}, Mo = {
+}, No = {
   __name: "BsCaretTextButton",
   props: {
     direction: {
@@ -1060,12 +1062,12 @@ const ja = ["data-range"], mt = "(min-width: 752px)", Po = /* @__PURE__ */ Objec
     },
     variant: {
       type: String,
-      validator: (e) => ["", "blue", "pink", "purple", "red", "royal"].includes(e),
+      validator: (e) => ["", "blue", "pink", "purple", "red", "royal", "white"].includes(e),
       default: ""
     }
   },
   setup(e) {
-    return (a, t) => (d(), O(Tt, {
+    return (a, t) => (d(), A(Tt, {
       disabled: e.disabled,
       "ghost-btn": e.ghostBtn,
       "hover-effect": e.hoverEffect,
@@ -1077,12 +1079,12 @@ const ja = ["data-range"], mt = "(min-width: 752px)", Po = /* @__PURE__ */ Objec
       "text-btn": "",
       variant: e.variant
     }, {
-      icon: D(() => [
-        e.direction == "right" ? (d(), O(c(Gt), { key: 0 })) : (d(), O(c(Ht), { key: 1 }))
+      icon: L(() => [
+        e.direction == "right" ? (d(), A(c(Ht), { key: 0 })) : (d(), A(c(Gt), { key: 1 }))
       ]),
-      default: D(() => [
-        V(a.$slots, "default", {}, () => [
-          j(A(e.label), 1)
+      default: L(() => [
+        O(a.$slots, "default", {}, () => [
+          U(T(e.label), 1)
         ])
       ]),
       _: 3
@@ -1126,8 +1128,8 @@ const ja = ["data-range"], mt = "(min-width: 752px)", Po = /* @__PURE__ */ Objec
   },
   setup(e) {
     const a = e, t = $(!1), l = (m) => {
-      const g = new Date(m), v = g.toTimeString().split(" ")[0], h = g.toDateString().split(" ").slice(1, 3).join(" ");
-      return `${v} (${h})`;
+      const g = new Date(m), v = g.toTimeString().split(" ")[0], b = g.toDateString().split(" ").slice(1, 3).join(" ");
+      return `${v} (${b})`;
     }, n = f(() => {
       var m;
       return !((m = a.dataIdxLabels) != null && m.length);
@@ -1136,13 +1138,13 @@ const ja = ["data-range"], mt = "(min-width: 752px)", Po = /* @__PURE__ */ Objec
       try {
         return m.map((g) => {
           const v = g.label;
-          let h = [];
+          let b = [];
           if (g.data.some((y) => (y == null ? void 0 : y.x) && (y == null ? void 0 : y.y))) {
-            const y = g.data.reduce((w, p) => (w[p.x] = p.y, w), {});
-            h = a.dataIdxLabels.map((w) => ({ value: y[w] ?? null }));
+            const y = g.data.reduce((S, p) => (S[p.x] = p.y, S), {});
+            b = a.dataIdxLabels.map((S) => ({ value: y[S] ?? null }));
           } else
-            h = g.data.map((y) => ({ value: y }));
-          return { rowLabel: v, dataCells: h };
+            b = g.data.map((y) => ({ value: y }));
+          return { rowLabel: v, dataCells: b };
         });
       } catch {
         return [];
@@ -1150,16 +1152,16 @@ const ja = ["data-range"], mt = "(min-width: 752px)", Po = /* @__PURE__ */ Objec
     }
     function u(m) {
       try {
-        const g = m.reduce((y, w) => {
-          const p = w.data.map((S) => S == null ? void 0 : S.x);
+        const g = m.reduce((y, S) => {
+          const p = S.data.map((w) => w == null ? void 0 : w.x);
           return [...y, ...p];
         }, []), v = Array.from(new Set(g));
-        return (a.xAxisType === "time" || a.xAxisType === "linear") && v.sort((y, w) => (typeof y == "string" && typeof w == "string" && (y = y.toLowerCase(), w = w.toLowerCase()), y < w ? -1 : y > w ? 1 : 0)), v.map((y) => {
-          const w = { rowLabel: y }, p = [];
-          return m.forEach((S) => {
-            const k = { datasetLabel: S.label }, I = S.data.find((q) => q.x === y);
+        return (a.xAxisType === "time" || a.xAxisType === "linear") && v.sort((y, S) => (typeof y == "string" && typeof S == "string" && (y = y.toLowerCase(), S = S.toLowerCase()), y < S ? -1 : y > S ? 1 : 0)), v.map((y) => {
+          const S = { rowLabel: y }, p = [];
+          return m.forEach((w) => {
+            const k = { datasetLabel: w.label }, I = w.data.find((q) => q.x === y);
             k.value = I ? I.y : null, p.push(k);
-          }), w.dataCells = p, a.xAxisType === "time" && (w.rowLabelFmt = l(y)), w;
+          }), S.dataCells = p, a.xAxisType === "time" && (S.rowLabelFmt = l(y)), S;
         });
       } catch {
         return [];
@@ -1175,10 +1177,10 @@ const ja = ["data-range"], mt = "(min-width: 752px)", Po = /* @__PURE__ */ Objec
       var m;
       return t.value && !!((m = o.value) != null && m.length);
     });
-    return X(() => {
+    return Q(() => {
       t.value = !0;
-    }), (m, g) => (d(), b("div", Ka, [
-      r.value ? (d(), b("table", {
+    }), (m, g) => (d(), h("div", Ka, [
+      r.value ? (d(), h("table", {
         key: 0,
         summary: s.value.title
       }, [
@@ -1186,24 +1188,24 @@ const ja = ["data-range"], mt = "(min-width: 752px)", Po = /* @__PURE__ */ Objec
           B("tr", null, [
             B("th", {
               colspan: s.value.colspan
-            }, A(s.value.title), 9, Za)
+            }, T(s.value.title), 9, Za)
           ]),
           B("tr", null, [
-            B("th", Xa, A(s.value.colHeadingFirst), 1),
-            (d(!0), b(K, null, te(s.value.colHeadings, (v) => (d(), b("th", {
+            B("th", Xa, T(s.value.colHeadingFirst), 1),
+            (d(!0), h(Y, null, ae(s.value.colHeadings, (v) => (d(), h("th", {
               key: v,
               scope: "col"
-            }, A(v), 1))), 128))
+            }, T(v), 1))), 128))
           ])
         ]),
         B("tbody", null, [
-          (d(!0), b(K, null, te(s.value.rows, (v) => (d(), b("tr", {
+          (d(!0), h(Y, null, ae(s.value.rows, (v) => (d(), h("tr", {
             key: v.rowLabelFmt || v.rowLabel
           }, [
-            B("th", Qa, A(v.rowLabelFmt || v.rowLabel), 1),
-            (d(!0), b(K, null, te(v.dataCells, (h) => (d(), b("td", {
-              key: `${v.rowLabelFmt || v.rowLabel}${h.datasetLabel}${h.value}`
-            }, A(h.value), 1))), 128))
+            B("th", Qa, T(v.rowLabelFmt || v.rowLabel), 1),
+            (d(!0), h(Y, null, ae(v.dataCells, (b) => (d(), h("td", {
+              key: `${v.rowLabelFmt || v.rowLabel}${b.datasetLabel}${b.value}`
+            }, T(b.value), 1))), 128))
           ]))), 128))
         ])
       ], 8, Ya)) : C("", !0)
@@ -1213,7 +1215,7 @@ const ja = ["data-range"], mt = "(min-width: 752px)", Po = /* @__PURE__ */ Objec
 function en(e, a) {
   const t = $(null), l = $(!1), n = $(null), i = "(min-width: 1166px)", u = { tickSize: Le }, o = { tickSize: _a };
   let s, r;
-  function m(p, S) {
+  function m(p, w) {
     let k;
     switch (p) {
       case "bar":
@@ -1225,41 +1227,41 @@ function en(e, a) {
       default:
         throw new Error(`Unsupported chart type: ${p}`);
     }
-    return new rn().setCommonConfigs(S).setCustomOptions(S)[k](S).setPlugins([tn(n), ia]).build();
+    return new rn().setCommonConfigs(w).setCustomOptions(w)[k](w).setPlugins([tn(n), ia]).build();
   }
   function g(p) {
     p.preventDefault(), p.stopImmediatePropagation();
-    const S = p.target.closest("li");
-    if (S && s) {
-      const { labelIndex: k, datasetIndex: I } = S.dataset;
+    const w = p.target.closest("li");
+    if (w && s) {
+      const { labelIndex: k, datasetIndex: I } = w.dataset;
       s.setDatasetVisibility(I, !s.isDatasetVisible(I)), s.update(), p.preventDefault(), p.stopImmediatePropagation(), v(I, k);
     }
   }
-  function v(p, S) {
+  function v(p, w) {
     var q;
-    const k = `[data-dataset-index="${p}"][data-label-index="${S}"]`, I = n.value.querySelector(k);
+    const k = `[data-dataset-index="${p}"][data-label-index="${w}"]`, I = n.value.querySelector(k);
     (q = I == null ? void 0 : I.focus) == null || q.call(I);
   }
-  function h(...p) {
+  function b(...p) {
     !r || !t.value || (We.register(...p), We.defaults.font.family = "'Roobert', sans-serif", s = new We(t.value, r));
   }
   const y = Ve(function(p) {
     r && (r.updateOptions(p), s.options = r.options, s.update());
-  }, 100), w = Ve(function(p) {
+  }, 100), S = Ve(function(p) {
     r && (r.updateData(p), s.data = r.data, s.update());
   }, 100);
   return Qe(
     i,
     (p) => l.value = p == null ? void 0 : p.matches,
     [l]
-  ), X(() => {
+  ), Q(() => {
     var p;
     try {
       r = m(e, a), (p = n.value) == null || p.addEventListener("click", g);
-    } catch (S) {
-      console.error("Error creating chart config", S), r = null;
+    } catch (w) {
+      console.error("Error creating chart config", w), r = null;
     }
-  }), me([" ", "Enter"], g, n), _e(() => {
+  }), ve([" ", "Enter"], g, n), _e(() => {
     var p;
     (p = n.value) == null || p.removeEventListener("click", g), s == null || s.destroy();
   }), G([
@@ -1284,12 +1286,12 @@ function en(e, a) {
       () => a.data,
       () => a.dataIdxLabels
     ],
-    () => w(a),
+    () => S(a),
     { deep: !0 }
   ), {
     canvasRef: t,
     legendListRef: n,
-    registerChart: h
+    registerChart: b
   };
 }
 const tn = (e) => ({
@@ -1383,7 +1385,7 @@ function nt() {
   };
 }
 function lt(e) {
-  var h, y;
+  var b, y;
   const {
     dataIdxLabels: a,
     showXGrid: t,
@@ -1434,7 +1436,7 @@ function lt(e) {
       }
     }
   };
-  return (i === "time" || ((y = (h = m == null ? void 0 : m.scales) == null ? void 0 : h.x) == null ? void 0 : y.type) === "time") && (v.x.ticks.source = a != null && a.length ? "labels" : "auto", v.x.time = {
+  return (i === "time" || ((y = (b = m == null ? void 0 : m.scales) == null ? void 0 : b.x) == null ? void 0 : y.type) === "time") && (v.x.ticks.source = a != null && a.length ? "labels" : "auto", v.x.time = {
     tooltipFormat: "dd MMM yyyy : h:mm bbb"
   }), v;
 }
@@ -1597,7 +1599,7 @@ class rn {
 const sn = {
   class: "bs-chart bs-chart-bar",
   "data-component": "bs-chart-bar"
-}, dn = ["aria-label"], un = ["data-hidden"], No = {
+}, dn = ["aria-label"], un = ["data-hidden"], zo = {
   __name: "BsChartBar",
   props: {
     chartTitle: {
@@ -1669,7 +1671,7 @@ const sn = {
   },
   setup(e) {
     const a = e, { canvasRef: t, legendListRef: l, registerChart: n } = en("bar", a), i = f(() => a.chartTitle || `${a.yLabel} / ${a.xLabel}`);
-    return X(() => n(
+    return Q(() => n(
       ra,
       sa,
       da,
@@ -1677,7 +1679,7 @@ const sn = {
       ca,
       fa,
       pa
-    )), (u, o) => (d(), b("div", sn, [
+    )), (u, o) => (d(), h("div", sn, [
       B("figure", null, [
         B("div", null, [
           B("canvas", {
@@ -1688,7 +1690,7 @@ const sn = {
           }, null, 8, dn)
         ]),
         B("div", null, [
-          P(Ja, {
+          E(Ja, {
             "chart-type": "bar",
             data: e.data,
             "data-idx-labels": e.dataIdxLabels,
@@ -1709,7 +1711,7 @@ const sn = {
       ])
     ]));
   }
-}, cn = ["data-disabled", "data-error", "data-size"], fn = ["checked", "data-error", "disabled", "id", "required", "value"], zo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, cn = ["data-disabled", "data-error", "data-size"], fn = ["checked", "data-error", "disabled", "id", "required", "value"], Fo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsCheckbox",
   props: {
     /** Sets the label. */
@@ -1772,29 +1774,29 @@ const sn = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = a, [n] = Q(), i = f(() => tt.concat(t.passAttrs.split(","))), u = $(null), o = f(() => t.inputId || n.value), s = f(() => t.checked || g.value), r = f(() => t.indeterminate || t.checkedPartially), m = f(() => Array.isArray(t.modelValue) && t.value), g = f(() => m.value && t.modelValue.includes(t.value) || typeof t.modelValue == "boolean" && t.modelValue);
+    const t = e, l = a, [n] = J(), i = f(() => tt.concat(t.passAttrs.split(","))), u = $(null), o = f(() => t.inputId || n.value), s = f(() => t.checked || g.value), r = f(() => t.indeterminate || t.checkedPartially), m = f(() => Array.isArray(t.modelValue) && t.value), g = f(() => m.value && t.modelValue.includes(t.value) || typeof t.modelValue == "boolean" && t.modelValue);
     function v() {
       u.value && (u.value.indeterminate = r.value && !s.value);
     }
-    function h(p) {
+    function b(p) {
       l("update:modelValue", p);
     }
     function y(p) {
-      const S = [...t.modelValue];
-      p ? S.push(t.value) : S.splice(S.indexOf(t.value), 1), l("update:modelValue", S);
+      const w = [...t.modelValue];
+      p ? w.push(t.value) : w.splice(w.indexOf(t.value), 1), l("update:modelValue", w);
     }
-    function w(p) {
-      const { checked: S } = p.target;
-      m.value ? y(S) : h(S);
+    function S(p) {
+      const { checked: w } = p.target;
+      m.value ? y(w) : b(w);
     }
-    return G(s, v), G(r, v), X(v), (p, S) => (d(), b("div", z({
+    return G(s, v), G(r, v), Q(v), (p, w) => (d(), h("div", F({
       class: "bs-boolean",
       "data-component": "bs-checkbox",
       "data-disabled": e.disabled,
       "data-error": e.error,
       "data-size": e.size
-    }, c(Z)(p.$attrs, i.value).remaining), [
-      B("input", z({
+    }, c(X)(p.$attrs, i.value).remaining), [
+      B("input", F({
         ref_key: "inputEl",
         ref: u,
         checked: s.value,
@@ -1804,17 +1806,17 @@ const sn = {
         required: e.required,
         value: e.value || "on",
         type: "checkbox",
-        onChange: w
-      }, c(Z)(p.$attrs, i.value).filtered), null, 16, fn),
-      e.label || p.$slots.label ? (d(), O(ne, {
+        onChange: S
+      }, c(X)(p.$attrs, i.value).filtered), null, 16, fn),
+      e.label || p.$slots.label ? (d(), A(le, {
         key: 0,
         for: p.$attrs.id || o.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: D(() => [
-          V(p.$slots, "label", {}, () => [
-            j(A(e.label), 1)
+        default: L(() => [
+          O(p.$slots, "label", {}, () => [
+            U(T(e.label), 1)
           ])
         ]),
         _: 3
@@ -1843,21 +1845,21 @@ const sn = {
   },
   setup(e, { expose: a }) {
     const t = $(null);
-    return a({ internalContainerRef: t }), (l, n) => (d(), b(K, null, [
-      e.breakout && e.breakoutMounted ? (d(), O(jt, {
+    return a({ internalContainerRef: t }), (l, n) => (d(), h(Y, null, [
+      e.breakout && e.breakoutMounted ? (d(), A(jt, {
         key: 0,
         to: e.breakoutStub
       }, [
-        V(l.$slots, "default")
+        O(l.$slots, "default")
       ], 8, ["to"])) : C("", !0),
-      e.breakout ? C("", !0) : (d(), b(K, { key: 1 }, [
-        e.containerId ? V(l.$slots, "default", { key: 0 }) : (d(), b("div", {
+      e.breakout ? C("", !0) : (d(), h(Y, { key: 1 }, [
+        e.containerId ? O(l.$slots, "default", { key: 0 }) : (d(), h("div", {
           key: 1,
           ref_key: "internalContainerRef",
           ref: t,
           style: { position: "relative" }
         }, [
-          V(l.$slots, "default")
+          O(l.$slots, "default")
         ], 512))
       ], 64))
     ], 64));
@@ -1894,7 +1896,7 @@ const sn = {
   ],
   setup(e, { emit: a }) {
     const t = a;
-    return (l, n) => e.preloaded ? ue((d(), O(dt, {
+    return (l, n) => e.preloaded ? pe((d(), A(dt, {
       key: 0,
       name: e.name,
       onBeforeEnter: n[0] || (n[0] = (i) => t("before-enter")),
@@ -1906,13 +1908,13 @@ const sn = {
       onAfterLeave: n[6] || (n[6] = (i) => t("after-leave")),
       onLeaveCancelled: n[7] || (n[7] = (i) => t("leave-cancelled"))
     }, {
-      default: D(() => [
-        V(l.$slots, "default")
+      default: L(() => [
+        O(l.$slots, "default")
       ]),
       _: 3
     }, 8, ["name"])), [
-      [ce, e.shown]
-    ]) : (d(), O(dt, {
+      [me, e.shown]
+    ]) : (d(), A(dt, {
       key: 1,
       name: e.name,
       onBeforeEnter: n[8] || (n[8] = (i) => t("before-enter")),
@@ -1924,8 +1926,8 @@ const sn = {
       onAfterLeave: n[14] || (n[14] = (i) => t("after-leave")),
       onLeaveCancelled: n[15] || (n[15] = (i) => t("leave-cancelled"))
     }, {
-      default: D(() => [
-        e.shown ? V(l.$slots, "default", { key: 0 }) : C("", !0)
+      default: L(() => [
+        e.shown ? O(l.$slots, "default", { key: 0 }) : C("", !0)
       ]),
       _: 3
     }, 8, ["name"]));
@@ -1933,16 +1935,16 @@ const sn = {
 }, mn = (e, a = void 0, t = "relative") => {
   const l = $(null), n = $(null), i = $(!1);
   let u = !1;
-  return X(() => {
+  return Q(() => {
     e && (l.value = a || yt(), document.getElementById(l.value) ? (n.value = document.getElementById(l.value), u = !0) : (n.value = document.createElement("div"), n.value.id = l.value, n.value.style.position = t, document.body.insertAdjacentElement("afterbegin", n.value)), i.value = !0);
   }), $e(() => {
     var o;
     e && !u && ((o = document.getElementById(l.value)) == null || o.remove());
   }), { breakoutId: l, breakoutStub: n, breakoutMounted: i };
-}, bn = {
+}, hn = {
   key: 0,
   class: "bs-dropdown-backdrop"
-}, hn = ["data-width", "data-shown", "data-no-mobile"], vn = { key: 0 }, gn = { key: 0 }, yn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, bn = ["data-width", "data-shown", "data-no-mobile"], vn = { key: 0 }, gn = { key: 0 }, yn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsDropdownNew",
   props: {
     anchorId: {
@@ -1998,47 +2000,47 @@ const sn = {
     const t = e, l = a, n = $(null), i = $(null), u = $(!1), o = $(!1), s = f(() => document.getElementById(t.anchorId)), r = f(() => t.breakout ? g.value : t.containerId ? document.getElementById(t.containerId) : n.value.internalContainerRef), m = f(() => t.width === "anchor" ? void 0 : t.width);
     Ct([i, s], () => {
       o.value && l("close");
-    }), me(["Escape"], () => {
+    }), ve(["Escape"], () => {
       o.value && l("close");
     });
     const { breakoutStub: g, breakoutMounted: v } = mn(t.breakout, t.containerId);
-    fe("dropdownEnter", u), fe("dropdownAfterEnter", o), fe("dropdownShown", f(() => t.shown));
-    const h = (T, L) => {
-      i.value.style.setProperty(T, L);
+    he("dropdownEnter", u), he("dropdownAfterEnter", o), he("dropdownShown", f(() => t.shown));
+    const b = (z, R) => {
+      i.value.style.setProperty(z, R);
     };
     function y() {
-      const T = r.value.getBoundingClientRect(), L = s.value.getBoundingClientRect(), F = i.value.getBoundingClientRect();
-      w(T, L), p(T, L, F);
+      const z = r.value.getBoundingClientRect(), R = s.value.getBoundingClientRect(), D = i.value.getBoundingClientRect();
+      S(z, R), p(z, R, D);
     }
-    function w(T, L) {
+    function S(z, R) {
       if (t.position === "top") {
-        const F = T.bottom - L.bottom;
-        h("--dropdown-wscreen-top", "auto"), h("--dropdown-wscreen-bottom", `${F + L.height + 8}px`);
+        const D = z.bottom - R.bottom;
+        b("--dropdown-wscreen-top", "auto"), b("--dropdown-wscreen-bottom", `${D + R.height + 8}px`);
       } else {
-        const F = L.top - T.top;
-        h("--dropdown-wscreen-top", `${F + L.height + 8}px`), h("--dropdown-wscreen-bottom", "auto");
+        const D = R.top - z.top;
+        b("--dropdown-wscreen-top", `${D + R.height + 8}px`), b("--dropdown-wscreen-bottom", "auto");
       }
     }
-    function p(T, L, F) {
-      const R = L.left - T.left;
+    function p(z, R, D) {
+      const W = R.left - z.left;
       if (t.position === "center") {
-        const U = (L.width - F.width) / 2;
-        h("--dropdown-wscreen-left", `${R + U}px`), h("--dropdown-wscreen-right", "auto");
+        const P = (R.width - D.width) / 2;
+        b("--dropdown-wscreen-left", `${W + P}px`), b("--dropdown-wscreen-right", "auto");
       } else if (t.position === "right") {
-        const U = T.right - L.right;
-        h("--dropdown-wscreen-left", "auto"), h("--dropdown-wscreen-right", `${U}px`);
+        const P = z.right - R.right;
+        b("--dropdown-wscreen-left", "auto"), b("--dropdown-wscreen-right", `${P}px`);
       } else
-        h("--dropdown-wscreen-left", `${R}px`), h("--dropdown-wscreen-right", "auto");
+        b("--dropdown-wscreen-left", `${W}px`), b("--dropdown-wscreen-right", "auto");
     }
-    function S() {
+    function w() {
       if (t.width === "anchor") {
-        const T = s.value.getBoundingClientRect();
-        h("--dropdown-wscreen-width", `${T.width}px`);
+        const z = s.value.getBoundingClientRect();
+        b("--dropdown-wscreen-width", `${z.width}px`);
       } else
-        h("--dropdown-wscreen-width", "");
+        b("--dropdown-wscreen-width", "");
     }
     function k() {
-      u.value = !0, y(), S(), l("enter");
+      u.value = !0, y(), w(), l("enter");
     }
     function I() {
       o.value = !0, l("after-enter");
@@ -2046,9 +2048,9 @@ const sn = {
     function q() {
       u.value = !1, o.value = !1, l("after-leave");
     }
-    return (T, L) => (d(), b(K, null, [
-      e.useMobileStyle && e.shown ? (d(), b("div", bn)) : C("", !0),
-      P(pn, {
+    return (z, R) => (d(), h(Y, null, [
+      e.useMobileStyle && e.shown ? (d(), h("div", hn)) : C("", !0),
+      E(pn, {
         ref_key: "dropdownContainerRef",
         ref: n,
         breakout: e.breakout,
@@ -2056,8 +2058,8 @@ const sn = {
         breakoutStub: c(g),
         containerId: e.containerId
       }, {
-        default: D(() => [
-          P(Pe, {
+        default: L(() => [
+          E(Pe, {
             name: "bs-dropdown",
             preloaded: e.preloaded,
             shown: e.shown,
@@ -2065,30 +2067,30 @@ const sn = {
             onEnter: k,
             onAfterLeave: q
           }, {
-            default: D(() => [
-              B("div", z({
+            default: L(() => [
+              B("div", F({
                 ref_key: "dropdownRef",
                 ref: i,
                 class: "bs-dropdown",
                 "data-width": m.value,
                 "data-shown": e.shown,
                 "data-no-mobile": !e.useMobileStyle
-              }, T.$attrs), [
-                e.helperText ? (d(), b("header", vn, [
+              }, z.$attrs), [
+                e.helperText ? (d(), h("header", vn, [
                   B("div", null, [
-                    B("h3", null, A(e.helperText), 1),
-                    e.helperDescription ? (d(), b("p", gn, A(e.helperDescription), 1)) : C("", !0)
+                    B("h3", null, T(e.helperText), 1),
+                    e.helperDescription ? (d(), h("p", gn, T(e.helperDescription), 1)) : C("", !0)
                   ]),
                   B("button", {
                     type: "button",
                     title: "close",
-                    onClick: L[0] || (L[0] = () => l("close"))
+                    onClick: R[0] || (R[0] = () => l("close"))
                   }, [
-                    P(c(Ie))
+                    E(c(Ie))
                   ])
                 ])) : C("", !0),
-                V(T.$slots, "default")
-              ], 16, hn)
+                O(z.$slots, "default")
+              ], 16, bn)
             ]),
             _: 3
           }, 8, ["preloaded", "shown"])
@@ -2188,7 +2190,7 @@ const sn = {
   ],
   setup(e, { emit: a }) {
     const t = e, l = a, { transition: n } = Ee(t), i = f(() => t.width === "toggle" ? "anchor" : t.width), u = f(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position), o = f(() => t.toggleId ? t.toggleId : t.anchorId);
-    return (s, r) => (d(), O(yn, {
+    return (s, r) => (d(), A(yn, {
       "anchor-id": o.value,
       breakout: e.breakout,
       "container-id": e.containerId,
@@ -2204,8 +2206,8 @@ const sn = {
       onAfterEnter: r[2] || (r[2] = () => l("after-enter")),
       onAfterLeave: r[3] || (r[3] = () => l("after-leave"))
     }, {
-      default: D(() => [
-        V(s.$slots, "default")
+      default: L(() => [
+        O(s.$slots, "default")
       ]),
       _: 3
     }, 8, ["anchor-id", "breakout", "container-id", "helper-description", "helper-text", "position", "preloaded", "shown", "use-mobile-style", "width"]));
@@ -2252,7 +2254,7 @@ const sn = {
   setup(e, { emit: a }) {
     const t = e, l = a;
     let n = !1;
-    const i = $(null), [u] = Q(1), o = f(() => ({
+    const i = $(null), [u] = J(1), o = f(() => ({
       icon: t.modelValue ? "close" : t.optionsId ? "caret-down" : "",
       show: !!(t.modelValue || t.optionsId),
       text: t.modelValue ? "Clear this field" : t.optionsId ? "Toggle options dropdown" : ""
@@ -2261,12 +2263,12 @@ const sn = {
       t.modelValue && l("clear"), n = !0, i.value.$el.focus();
     }
     function r(g) {
-      var y, w;
+      var y, S;
       const v = ((y = g.relatedTarget) == null ? void 0 : y.id) === u.value;
-      !(((w = g.relatedTarget) == null ? void 0 : w.id) === t.optionsId) && (!v || !n) && m(!0), n = !1;
+      !(((S = g.relatedTarget) == null ? void 0 : S.id) === t.optionsId) && (!v || !n) && m(!0), n = !1;
     }
     const m = Ve((g) => l("toggled", g), 200, !0);
-    return (g, v) => (d(), O(De, {
+    return (g, v) => (d(), A(De, {
       "aria-live": "polite",
       disabled: e.disabled,
       error: e.error,
@@ -2275,8 +2277,8 @@ const sn = {
       variant: "combobox",
       onClick: c(m)
     }, {
-      default: D(() => [
-        P(ke, z({
+      default: L(() => [
+        E(ke, F({
           ref_key: "inputRef",
           ref: i,
           "aria-controls": e.optionsId,
@@ -2292,9 +2294,9 @@ const sn = {
           required: e.required,
           role: e.optionsId ? "combobox" : void 0,
           onFocus: r,
-          onInput: v[0] || (v[0] = (h) => g.$emit("update:modelValue", h.target.value))
+          onInput: v[0] || (v[0] = (b) => g.$emit("update:modelValue", b.target.value))
         }, g.$attrs), null, 16, ["aria-controls", "aria-describedby", "aria-expanded", "aria-haspopup", "aria-invalid", "data-error", "disabled", "model-value", "placeholder", "required", "role"]),
-        ue(B("button", {
+        pe(B("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,
@@ -2305,21 +2307,21 @@ const sn = {
           type: "button",
           onClick: s
         }, [
-          B("span", wn, A(o.value.text), 1),
-          ue(P(c(Me), {
+          B("span", wn, T(o.value.text), 1),
+          pe(E(c(Me), {
             role: "presentation",
             size: "md"
           }, null, 512), [
-            [ce, o.value.icon == "caret-down"]
+            [me, o.value.icon == "caret-down"]
           ]),
-          ue(P(c(Ie), {
+          pe(E(c(Ie), {
             role: "presentation",
             size: "md"
           }, null, 512), [
-            [ce, o.value.icon == "close"]
+            [me, o.value.icon == "close"]
           ])
         ], 8, Sn), [
-          [ce, o.value.show]
+          [me, o.value.show]
         ])
       ]),
       _: 1
@@ -2355,7 +2357,7 @@ const sn = {
   },
   setup(e) {
     const a = e, t = f(() => a.badgeCount > 0);
-    return (l, n) => (d(), b("button", {
+    return (l, n) => (d(), h("button", {
       class: "bs-filter-button",
       "aria-controls": e.optionsId,
       "aria-expanded": e.open,
@@ -2366,7 +2368,7 @@ const sn = {
       disabled: e.disabled,
       type: "button"
     }, [
-      t.value ? (d(), O(Ca, {
+      t.value ? (d(), A(Ca, {
         key: 0,
         color: "blue",
         count: e.badgeCount,
@@ -2374,10 +2376,10 @@ const sn = {
         position: "left",
         variant: "notext"
       }, null, 8, ["count"])) : C("", !0),
-      V(l.$slots, "label", {}, () => [
-        j(A(e.label), 1)
+      O(l.$slots, "label", {}, () => [
+        U(T(e.label), 1)
       ]),
-      P(c(Me))
+      E(c(Me))
     ], 8, $n));
   }
 }, kn = ["data-value", "data-value-type", "data-variant", "id"], it = {
@@ -2393,12 +2395,12 @@ const sn = {
     }
   },
   setup(e) {
-    const a = e, t = $(null), l = pe("optionsId", ""), n = pe("handleOptionSelect", () => {
+    const a = e, t = $(null), l = be("optionsId", ""), n = be("handleOptionSelect", () => {
     }), i = f(() => `${l.value}-option-${a.value}`);
     function u(o) {
       n(t.value), o.stopPropagation();
     }
-    return (o, s) => (d(), b("li", {
+    return (o, s) => (d(), h("li", {
       ref_key: "optionRef",
       ref: t,
       "data-component": "bs-dropdown-option",
@@ -2409,7 +2411,7 @@ const sn = {
       role: "option",
       onClick: u
     }, [
-      V(o.$slots, "default")
+      O(o.$slots, "default")
     ], 8, kn));
   }
 }, Cn = ["data-img-size", "data-initials", "data-no-img"], xn = ["src", "alt"], Ot = {
@@ -2432,14 +2434,14 @@ const sn = {
   },
   setup(e) {
     const a = e, t = $(!1), l = $(!!a.src);
-    return X(() => t.value = !0), (n, i) => (d(), b("div", {
+    return Q(() => t.value = !0), (n, i) => (d(), h("div", {
       class: "bs-profile-img",
       "data-component": "bs-profile-img",
       "data-img-size": e.size,
       "data-initials": e.initials,
       "data-no-img": !l.value
     }, [
-      l.value && t.value ? (d(), b("img", {
+      l.value && t.value ? (d(), h("img", {
         key: 0,
         src: e.src,
         alt: e.useAltText ? e.profileName : "",
@@ -2508,25 +2510,25 @@ const sn = {
     function u(o, s) {
       return !!o && o !== s;
     }
-    return (o, s) => (d(), b(K, null, [
-      (d(!0), b(K, null, te(e.options, (r) => (d(), O(it, {
+    return (o, s) => (d(), h(Y, null, [
+      (d(!0), h(Y, null, ae(e.options, (r) => (d(), A(it, {
         "aria-checked": r.checkbox ? r.checkbox.checked : void 0,
         key: r.value,
         value: r.value,
         variant: n(r)
       }, {
-        default: D(() => [
-          r.checkbox ? (d(), b("span", {
+        default: L(() => [
+          r.checkbox ? (d(), h("span", {
             key: 0,
             id: r.checkbox.inputId,
             "aria-hidden": "true",
             class: "bs-checkbox",
             "data-checked": r.checkbox.checked
           }, null, 8, Tn)) : C("", !0),
-          r.icon ? (d(), b("span", An, [
-            (d(), O(ae(t[r.icon])))
+          r.icon ? (d(), h("span", An, [
+            (d(), A(ne(t[r.icon])))
           ])) : C("", !0),
-          r.profileImg ? (d(), O(Ot, {
+          r.profileImg ? (d(), A(Ot, {
             key: 2,
             src: r.profileImg.src,
             size: "xs",
@@ -2534,17 +2536,17 @@ const sn = {
             "profile-name": r.profileImg.profileName,
             "use-alt-text": u(r.profileImg.profileName, r.label)
           }, null, 8, ["src", "initials", "profile-name", "use-alt-text"])) : C("", !0),
-          r.labelHtml ? (d(), b("span", {
+          r.labelHtml ? (d(), h("span", {
             key: 3,
             innerHTML: r.labelHtml
-          }, null, 8, On)) : (d(), b("span", Vn, A(r.label), 1)),
-          r.description ? (d(), b("span", Ln, A(r.description), 1)) : C("", !0)
+          }, null, 8, On)) : (d(), h("span", Vn, T(r.label), 1)),
+          r.description ? (d(), h("span", Ln, T(r.description), 1)) : C("", !0)
         ]),
         _: 2
       }, 1032, ["aria-checked", "value", "variant"]))), 128)),
-      e.showNoOptions && e.options.length === 0 ? (d(), b("li", En, [
-        V(o.$slots, "no-options", {}, () => [
-          s[0] || (s[0] = j("No options"))
+      e.showNoOptions && e.options.length === 0 ? (d(), h("li", En, [
+        O(o.$slots, "no-options", {}, () => [
+          s[0] || (s[0] = U("No options"))
         ])
       ])) : C("", !0)
     ], 64));
@@ -2594,32 +2596,32 @@ const sn = {
   },
   emits: ["clear", "update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = f(() => be.concat(t.passAttrs.split(","))), n = f(() => !t.disabled && !t.hideClear && t.variant !== "filter");
-    return (i, u) => (d(), O(De, z({
+    const t = e, l = f(() => ge.concat(t.passAttrs.split(","))), n = f(() => !t.disabled && !t.hideClear && t.variant !== "filter");
+    return (i, u) => (d(), A(De, F({
       class: "bs-input-search",
       "data-component": "bs-input-search",
       "data-variant": e.variant,
       disabled: e.disabled
-    }, c(Z)(i.$attrs, l.value).remaining), {
-      default: D(() => [
-        e.hideSearchIcon ? C("", !0) : (d(), O(c(Kt), { key: 0 })),
-        P(ke, z({
+    }, c(X)(i.$attrs, l.value).remaining), {
+      default: L(() => [
+        e.hideSearchIcon ? C("", !0) : (d(), A(c(Kt), { key: 0 })),
+        E(ke, F({
           "data-autowidth": "",
           disabled: e.disabled,
           "input-id": i.$attrs.id || e.inputId,
           placeholder: e.placeholder,
           value: e.value || e.modelValue
-        }, c(Z)(i.$attrs, l.value).filtered, {
+        }, c(X)(i.$attrs, l.value).filtered, {
           "onUpdate:modelValue": u[0] || (u[0] = (o) => i.$emit("update:modelValue", o))
         }), null, 16, ["disabled", "input-id", "placeholder", "value"]),
-        ue(B("button", {
+        pe(B("button", {
           title: "Clear",
           type: "button",
           onClick: u[1] || (u[1] = (o) => i.$emit("clear"))
         }, [
-          P(c(Ie), { size: "sm" })
+          E(c(Ie), { size: "sm" })
         ], 512), [
-          [ce, n.value]
+          [me, n.value]
         ])
       ]),
       _: 1
@@ -2741,71 +2743,71 @@ const sn = {
   setup(e, { emit: a }) {
     const t = e, l = a;
     let n = null;
-    const [i, u] = Q(2), o = $(!1), s = $(""), r = $([...t.options]), m = f(() => t.selectedOptions.length), g = f(() => Je(async () => await (t.multiselect ? Promise.resolve().then(() => Rn) : Promise.resolve().then(() => Nn)))), v = f(() => t.optionsId || u.value), h = f(() => t.toggleId || i.value), y = () => n || (n = document.getElementById(h.value));
-    function w() {
-      const R = document.activeElement;
-      return !R || R.tagName === "BODY" || R.id === v.value;
-    }
+    const [i, u] = J(2), o = $(!1), s = $(""), r = $([...t.options]), m = f(() => t.selectedOptions.length), g = f(() => Je(async () => await (t.multiselect ? Promise.resolve().then(() => Rn) : Promise.resolve().then(() => Nn)))), v = f(() => t.optionsId || u.value), b = f(() => t.toggleId || i.value), y = f(() => t.filter ? r.value : t.options), S = () => n || (n = document.getElementById(b.value));
     function p() {
-      var R, U;
-      o.value = !1, l("close"), w() && ((U = (R = y()) == null ? void 0 : R.focus) == null || U.call(R));
+      const P = document.activeElement;
+      return !P || P.tagName === "BODY" || P.id === v.value;
     }
-    function S() {
-      o.value && p();
+    function w() {
+      var P, H;
+      o.value = !1, l("close"), p() && ((H = (P = S()) == null ? void 0 : P.focus) == null || H.call(P));
     }
     function k() {
+      o.value && w();
+    }
+    function I() {
       o.value = !0;
     }
-    function I(R) {
-      const U = t.selectedOptions.filter((_) => _ !== R);
-      l("update:selectedOptions", U), l("uncheck-option", R);
+    function q(P) {
+      const H = t.selectedOptions.filter((te) => te !== P);
+      l("update:selectedOptions", H), l("uncheck-option", P);
     }
-    function q(R) {
-      const U = [...t.selectedOptions, R];
-      l("update:selectedOptions", U), l("check-option", R);
+    function z(P) {
+      const H = [...t.selectedOptions, P];
+      l("update:selectedOptions", H), l("check-option", P);
     }
-    function T(R) {
-      t.multiselect || (l("update:selectedOption", R), p());
+    function R(P) {
+      t.multiselect || (l("update:selectedOption", P), w());
     }
-    function L() {
+    function D() {
       s.value = "", r.value = t.options;
     }
-    function F(R) {
-      s.value = R, r.value = t.options.filter((U) => {
-        var _;
-        return U.label.toLowerCase().startsWith((_ = s.value) == null ? void 0 : _.toLowerCase());
+    function W(P) {
+      s.value = P, r.value = t.options.filter((H) => {
+        var te;
+        return H.label.toLowerCase().startsWith((te = s.value) == null ? void 0 : te.toLowerCase());
       });
     }
-    return (R, U) => (d(), b("div", {
+    return (P, H) => (d(), h("div", {
       class: "bs-dropdown-with-toggle",
-      id: R.$attrs.id
+      id: P.$attrs.id
     }, [
-      V(R.$slots, "toggle", {
+      O(P.$slots, "toggle", {
         anchorId: e.anchorId,
         optionsId: v.value,
-        toggleId: h.value
+        toggleId: b.value
       }, () => [
-        P(In, {
+        E(In, {
           "aria-controls": v.value,
           "aria-expanded": e.open,
           disabled: e.disabled,
-          id: h.value,
+          id: b.value,
           open: e.open,
           "options-id": v.value,
           size: e.toggleSize,
           "badge-count": e.showBadgeCount && e.multiselect ? m.value : void 0,
-          onClick: U[0] || (U[0] = (_) => R.$emit("toggled"))
+          onClick: H[0] || (H[0] = (te) => P.$emit("toggled"))
         }, {
-          label: D(() => [
-            V(R.$slots, "toggle-label", {}, () => [
-              j(A(e.toggleLabel), 1)
+          label: L(() => [
+            O(P.$slots, "toggle-label", {}, () => [
+              U(T(e.toggleLabel), 1)
             ])
           ]),
           _: 3
         }, 8, ["aria-controls", "aria-expanded", "disabled", "id", "open", "options-id", "size", "badge-count"])
       ]),
-      P(ot, {
-        "anchor-id": e.anchorId || h.value,
+      E(ot, {
+        "anchor-id": e.anchorId || b.value,
         breakout: e.breakout,
         "helper-text": e.helperText,
         "helper-description": e.helperDescription,
@@ -2814,48 +2816,49 @@ const sn = {
         shown: e.open,
         "use-mobile-style": e.useMobileStyle,
         width: e.dropdownWidth,
-        onClose: S,
-        onEnter: k
+        onClose: k,
+        onEnter: I,
+        onAfterLeave: D
       }, {
-        default: D(() => [
-          e.filter ? (d(), b("div", Pn, [
-            P(Vt, {
+        default: L(() => [
+          e.filter ? (d(), h("div", Pn, [
+            E(Vt, {
               "aria-label": e.filterLabel,
               "model-value": s.value,
               placeholder: e.filterPlaceholder,
-              "onUpdate:modelValue": F,
-              onClear: L
+              "onUpdate:modelValue": W,
+              onClear: D
             }, null, 8, ["aria-label", "model-value", "placeholder"])
           ])) : C("", !0),
-          P(c(g), {
-            class: le({ "filterable-options": e.filter }),
+          E(c(g), {
+            class: oe({ "filterable-options": e.filter }),
             label: e.dropdownLabel,
             "model-value": e.selectedOption,
-            options: e.multiselect ? r.value : void 0,
+            options: e.multiselect ? y.value : void 0,
             "options-id": v.value,
             "selected-options": e.selectedOptions,
             shown: e.open,
-            "onUpdate:modelValue": T,
-            onCheckOption: q,
-            onUncheckOption: I,
-            onClose: U[1] || (U[1] = (_) => e.multiselect ? void 0 : S())
+            "onUpdate:modelValue": R,
+            onCheckOption: z,
+            onUncheckOption: q,
+            onClose: H[1] || (H[1] = (te) => e.multiselect ? void 0 : k())
           }, {
-            default: D(() => [
-              e.multiselect ? C("", !0) : (d(), O(qe, {
+            default: L(() => [
+              e.multiselect ? C("", !0) : (d(), A(qe, {
                 key: 0,
-                options: r.value
+                options: y.value
               }, null, 8, ["options"]))
             ]),
             _: 1
           }, 8, ["class", "label", "model-value", "options", "options-id", "selected-options", "shown"]),
-          e.multiselect ? (d(), b("div", qn, [
-            P(xt, {
+          e.multiselect ? (d(), h("div", qn, [
+            E(xt, {
               title: e.filterButtonText,
               class: "mobile-select-button",
-              onClick: U[2] || (U[2] = () => l("close"))
+              onClick: H[2] || (H[2] = () => l("close"))
             }, {
-              default: D(() => [
-                j(A(e.filterButtonText), 1)
+              default: L(() => [
+                U(T(e.filterButtonText), 1)
               ]),
               _: 1
             }, 8, ["title"])
@@ -2924,7 +2927,7 @@ const sn = {
   },
   emits: ["update:modelValue", "combobox:change", "combobox:input"],
   setup(e, { emit: a }) {
-    const t = e, l = a, [n, i, u] = Q(3), o = $(!1), s = f(() => t.inputId || n.value);
+    const t = e, l = a, [n, i, u] = J(3), o = $(!1), s = f(() => t.inputId || n.value);
     function r(y) {
       l("combobox:change", y.target.value), l("update:modelValue", y.target.value);
     }
@@ -2932,16 +2935,16 @@ const sn = {
       l("combobox:change", ""), l("update:modelValue", "");
     }
     function g(y) {
-      var w, p;
-      (w = y.relatedTarget) != null && w.closest(`#${u.value}`) || (p = y.relatedTarget) != null && p.closest(`#${i.value}`) || (o.value = !1);
+      var S, p;
+      (S = y.relatedTarget) != null && S.closest(`#${u.value}`) || (p = y.relatedTarget) != null && p.closest(`#${i.value}`) || (o.value = !1);
     }
     function v(y) {
       l("combobox:input", y.target.value), t.updateOnInput && l("update:modelValue", y.target.value);
     }
-    function h(y) {
+    function b(y) {
       y === !0 || y === !1 ? o.value = y : o.value = !o.value;
     }
-    return (y, w) => (d(), O(Lt, {
+    return (y, S) => (d(), A(Lt, {
       "anchor-id": c(i),
       disabled: e.disabled,
       "dropdown-position": e.dropdownPosition,
@@ -2954,12 +2957,12 @@ const sn = {
       "options-id": c(u),
       "selected-option": e.modelValue,
       "toggle-id": y.$attrs.id || s.value,
-      onClose: w[0] || (w[0] = (p) => o.value = !1),
+      onClose: S[0] || (S[0] = (p) => o.value = !1),
       onFocusout: g,
-      "onUpdate:selectedOption": w[1] || (w[1] = (p) => y.$emit("update:modelValue", p))
+      "onUpdate:selectedOption": S[1] || (S[1] = (p) => y.$emit("update:modelValue", p))
     }, {
-      toggle: D(() => [
-        P(Bn, z({
+      toggle: L(() => [
+        E(Bn, F({
           id: y.$attrs.id || s.value,
           "container-id": c(i),
           disabled: e.disabled,
@@ -2973,13 +2976,13 @@ const sn = {
           onChange: r,
           onClear: m,
           onInput: v,
-          onToggled: h
+          onToggled: b
         }, y.$attrs), null, 16, ["id", "container-id", "disabled", "error", "hint-id", "model-value", "open", "options-id", "placeholder", "required"])
       ]),
       _: 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 }, {
+}), Ro = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsDropdownComboboxField",
   props: {
     disabled: {
@@ -3047,22 +3050,22 @@ const sn = {
   },
   emits: ["update:modelValue", "combobox:change", "combobox:input"],
   setup(e, { emit: a }) {
-    const t = e, [l, n] = Q(2), i = f(() => t.error && t.errorMsg || t.hint || void 0), u = f(() => t.inputId || l.value);
-    return (o, s) => (d(), b("div", z({ "data-component": "bs-dropdown-combobox-field" }, c(Z)(o.$attrs, c(be)).remaining), [
-      e.label || o.$slots.label ? (d(), O(ne, {
+    const t = e, [l, n] = J(2), i = f(() => t.error && t.errorMsg || t.hint || void 0), u = f(() => t.inputId || l.value);
+    return (o, s) => (d(), h("div", F({ "data-component": "bs-dropdown-combobox-field" }, c(X)(o.$attrs, c(ge)).remaining), [
+      e.label || o.$slots.label ? (d(), A(le, {
         key: 0,
         for: o.$attrs.id || u.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: D(() => [
-          V(o.$slots, "label", {}, () => [
-            j(A(e.label), 1)
+        default: L(() => [
+          O(o.$slots, "label", {}, () => [
+            U(T(e.label), 1)
           ])
         ]),
         _: 3
       }, 8, ["for", "disabled", "required"])) : C("", !0),
-      P(Et, z({
+      E(Et, F({
         disabled: e.disabled,
         "display-value": e.displayValue,
         "dropdown-position": e.dropdownPosition,
@@ -3080,8 +3083,8 @@ const sn = {
         "onCombobox:change": s[0] || (s[0] = (r) => o.$emit("combobox:change", r)),
         "onCombobox:input": s[1] || (s[1] = (r) => o.$emit("combobox:input", r)),
         "onUpdate:modelValue": s[2] || (s[2] = (r) => o.$emit("update:modelValue", r))
-      }, c(Z)(o.$attrs, c(be)).filtered), null, 16, ["disabled", "display-value", "dropdown-position", "dropdown-width", "error", "helper-text", "helper-description", "hint-id", "input-id", "model-value", "options", "placeholder", "required", "update-on-input"]),
-      i.value ? (d(), O(ye, {
+      }, c(X)(o.$attrs, c(ge)).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 ? (d(), A(ye, {
         key: 1,
         error: e.error,
         "error-msg": e.errorMsg,
@@ -3126,25 +3129,25 @@ const sn = {
     "update:modelValue"
   ],
   setup(e, { expose: a, emit: t }) {
-    const l = e, n = t, i = $(null), u = $(null), o = $(-1), s = $(-1), r = $(null), m = $(!1), g = pe("dropdownEnter", $(!1)), v = pe("dropdownAfterEnter", $(!1)), h = pe("dropdownShown", $(!1));
-    fe("optionsId", f(() => l.optionsId)), fe("handleOptionSelect", Se), ga(i, I, { childList: !0 }), me([" ", "Enter", "NumpadEnter"], ve, i), me(["ArrowDown", "ArrowUp", "Home", "End"], Ce);
-    const p = [/^[a-zA-Z0-9]{1}$/], S = {
+    const l = e, n = t, i = $(null), u = $(null), o = $(-1), s = $(-1), r = $(null), m = $(!1), g = be("dropdownEnter", $(!1)), v = be("dropdownAfterEnter", $(!1)), b = be("dropdownShown", $(!1));
+    he("optionsId", f(() => l.optionsId)), he("handleOptionSelect", ue), ga(i, I, { childList: !0 }), ve([" ", "Enter", "NumpadEnter"], ie, i), ve(["ArrowDown", "ArrowUp", "Home", "End"], Ce);
+    const p = [/^[a-zA-Z0-9]{1}$/], w = {
       keys: "",
       lastTyped: 0
     };
-    me(p, (E) => xe(E, S)), X(() => {
-      I(), U(h.value);
+    ve(p, (V) => xe(V, w)), Q(() => {
+      I(), P(b.value);
     }), G(
       [g, () => {
-        var E;
-        return (E = r.value) == null ? void 0 : E.length;
+        var V;
+        return (V = r.value) == null ? void 0 : V.length;
       }],
-      ([E, W]) => {
-        (E || W > 0) && (m.value = i.value.scrollHeight > i.value.clientHeight);
+      ([V, j]) => {
+        (V || j > 0) && (m.value = i.value.scrollHeight > i.value.clientHeight);
       }
-    ), G(v, (E) => {
-      E && (q(), T());
-    }), G(h, (E) => U(E));
+    ), G(v, (V) => {
+      V && (q(), z());
+    }), G(b, (V) => P(V));
     const k = f(() => l.modelValue || l.selectedValue);
     function I() {
       r.value = Array.from(
@@ -3154,96 +3157,96 @@ const sn = {
     function q() {
       i.value.getBoundingClientRect().bottom > window.innerHeight && i.value.scrollIntoView({ block: "nearest" });
     }
-    function T() {
-      var E;
-      o.value > -1 && (q(), (E = r.value[o.value]) == null || E.scrollIntoView({ block: "nearest" }));
+    function z() {
+      var V;
+      o.value > -1 && (q(), (V = r.value[o.value]) == null || V.scrollIntoView({ block: "nearest" }));
     }
-    function L() {
-      var E, W;
-      o.value > -1 && ((E = r.value[o.value]) == null || E.setAttribute("data-active", ""), u.value = (W = r.value[o.value]) == null ? void 0 : W.id, T());
+    function R() {
+      var V, j;
+      o.value > -1 && ((V = r.value[o.value]) == null || V.setAttribute("data-active", ""), u.value = (j = r.value[o.value]) == null ? void 0 : j.id, z());
     }
-    function F() {
-      var E;
-      o.value > -1 && ((E = r.value[o.value]) == null || E.removeAttribute("data-active"));
+    function D() {
+      var V;
+      o.value > -1 && ((V = r.value[o.value]) == null || V.removeAttribute("data-active"));
     }
-    function R() {
-      var E;
-      o.value < 0 && (o.value = 0, u.value = (E = r.value[0]) == null ? void 0 : E.id), L();
+    function W() {
+      var V;
+      o.value < 0 && (o.value = 0, u.value = (V = r.value[0]) == null ? void 0 : V.id), R();
     }
-    function U(E) {
-      E ? _() : he();
+    function P(V) {
+      V ? H() : te();
     }
-    function _() {
-      var E, W;
+    function H() {
+      var V, j;
       l.multiselect || (s.value = r.value.findIndex(
         (M) => M.getAttribute("data-value") === String(k.value)
-      ), !l.multiselect && s.value > -1 && ((E = r.value[s.value]) == null || E.setAttribute("data-selected", ""), (W = r.value[s.value]) == null || W.setAttribute("aria-selected", "true")), o.value = s.value);
+      ), !l.multiselect && s.value > -1 && ((V = r.value[s.value]) == null || V.setAttribute("data-selected", ""), (j = r.value[s.value]) == null || j.setAttribute("aria-selected", "true")), o.value = s.value);
     }
-    function he() {
-      r.value.forEach((E) => {
-        E.removeAttribute("data-selected"), E.setAttribute("aria-selected", "false");
-      }), F(), s.value = -1, o.value = -1, u.value = null;
+    function te() {
+      r.value.forEach((V) => {
+        V.removeAttribute("data-selected"), V.setAttribute("aria-selected", "false");
+      }), D(), s.value = -1, o.value = -1, u.value = null;
     }
-    function Se(E) {
+    function ue(V) {
       var M;
-      (M = E.querySelector("a")) == null || M.click();
-      let W = E.getAttribute("data-value");
-      E.getAttribute("data-value-type") === "number" && (W = Number(W)), u.value = E.id, F(), n("optselected", W), n("update:modelValue", W), n("close");
+      (M = V.querySelector("a")) == null || M.click();
+      let j = V.getAttribute("data-value");
+      V.getAttribute("data-value-type") === "number" && (j = Number(j)), u.value = V.id, D(), n("optselected", j), n("update:modelValue", j), n("close");
     }
-    function ve(E) {
-      Se(r.value[o.value]), E.preventDefault();
+    function ie(V) {
+      ue(r.value[o.value]), V.preventDefault();
     }
-    function Ce(E) {
-      if (h.value)
-        switch (E.key) {
+    function Ce(V) {
+      if (b.value)
+        switch (V.key) {
           case "ArrowDown":
-            se("down"), E.preventDefault();
+            ce("down"), V.preventDefault();
             break;
           case "ArrowUp":
-            se("up"), E.preventDefault();
+            ce("up"), V.preventDefault();
             break;
           case "Home":
-            se("home"), E.preventDefault();
+            ce("home"), V.preventDefault();
             break;
           case "End":
-            se("end"), E.preventDefault();
+            ce("end"), V.preventDefault();
             break;
         }
     }
-    function se(E) {
-      let W;
-      switch (E) {
+    function ce(V) {
+      let j;
+      switch (V) {
         case "up":
-          W = o.value - 1 < 0 ? r.value.length - 1 : o.value - 1;
+          j = o.value - 1 < 0 ? r.value.length - 1 : o.value - 1;
           break;
         case "down":
-          W = (o.value + 1) % r.value.length;
+          j = (o.value + 1) % r.value.length;
           break;
         case "home":
-          W = 0;
+          j = 0;
           break;
         case "end":
-          W = r.value.length - 1;
+          j = r.value.length - 1;
           break;
       }
-      we(W);
+      we(j);
     }
-    function xe(E, W) {
-      if (!h.value) return;
-      W.keys = E.timeStamp - W.lastTyped > 500 ? E.key : W.keys + E.key, W.lastTyped = E.timeStamp;
-      const M = r.value.findIndex((Y) => Y.textContent.replaceAll(/[^a-zA-Z0-9]/g, "").toLowerCase().startsWith(W.keys));
+    function xe(V, j) {
+      if (!b.value) return;
+      j.keys = V.timeStamp - j.lastTyped > 500 ? V.key : j.keys + V.key, j.lastTyped = V.timeStamp;
+      const M = r.value.findIndex((Z) => Z.textContent.replaceAll(/[^a-zA-Z0-9]/g, "").toLowerCase().startsWith(j.keys));
       M > -1 && we(M, !1);
     }
-    function we(E, W = !0) {
-      F(), o.value = E, document.activeElement !== i.value && W ? i.value.focus() : L();
+    function we(V, j = !0) {
+      D(), o.value = V, document.activeElement !== i.value && j ? i.value.focus() : R();
     }
     return a({
       activeIndex: o,
       optionEls: r,
       optionsRef: i,
       refreshOptions: I,
-      setCurrentActive: L
-    }), (E, W) => (d(), b("ul", {
+      setCurrentActive: R
+    }), (V, j) => (d(), h("ul", {
       ref_key: "optionsRef",
       ref: i,
       "aria-activedescendant": u.value || void 0,
@@ -3254,13 +3257,13 @@ const sn = {
       "data-overflow": m.value,
       id: e.optionsId,
       role: "listbox",
-      tabindex: c(h) ? 0 : void 0,
-      onBlur: F,
-      onFocus: R,
-      onMousedown: W[0] || (W[0] = wt(() => {
+      tabindex: c(b) ? 0 : void 0,
+      onBlur: D,
+      onFocus: W,
+      onMousedown: j[0] || (j[0] = wt(() => {
       }, ["prevent"]))
     }, [
-      V(E.$slots, "default")
+      O(V.$slots, "default")
     ], 40, Mn));
   }
 }, Nn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -3305,11 +3308,11 @@ const sn = {
   ],
   setup(e, { emit: a }) {
     const t = e, l = a, n = $(null), i = $([]), u = $([]), o = f(() => {
-      var w, p;
-      return ((w = i.value) == null ? void 0 : w.length) && ((p = u.value) == null ? void 0 : p.length);
+      var S, p;
+      return ((S = i.value) == null ? void 0 : S.length) && ((p = u.value) == null ? void 0 : p.length);
     }), s = f(() => {
-      var w, p;
-      return ((w = i.value) == null ? void 0 : w.length) || ((p = u.value) == null ? void 0 : p.length);
+      var S, p;
+      return ((S = i.value) == null ? void 0 : S.length) || ((p = u.value) == null ? void 0 : p.length);
     });
     let r = !1;
     G(() => t.options, () => {
@@ -3318,8 +3321,8 @@ const sn = {
       () => t.selectedOptions,
       v,
       { immediate: !0 }
-    ), G(() => t.shown, (w) => {
-      w && t.focusOnOpen && Ae(m);
+    ), G(() => t.shown, (S) => {
+      S && t.focusOnOpen && Ae(m);
     });
     function m() {
       n.value && (n.value.refreshOptions(), n.value.optionsRef.focus());
@@ -3327,28 +3330,28 @@ const sn = {
     function g() {
       n.value && (n.value.refreshOptions(), n.value.setCurrentActive());
     }
-    function v(w = []) {
-      const p = new Set(w), S = [], k = [];
+    function v(S = []) {
+      const p = new Set(S), w = [], k = [];
       t.options.forEach((I) => {
-        const q = { ...I }, T = `${t.optionsId}-${I.value}-cb`;
-        p.has(I.value) ? (q.checkbox = { inputId: T, checked: !0 }, S.push(q)) : (q.checkbox = { inputId: T, checked: !1 }, k.push(q));
-      }), i.value = S, Ae(() => {
+        const q = { ...I }, z = `${t.optionsId}-${I.value}-cb`;
+        p.has(I.value) ? (q.checkbox = { inputId: z, checked: !0 }, w.push(q)) : (q.checkbox = { inputId: z, checked: !1 }, k.push(q));
+      }), i.value = w, Ae(() => {
         u.value = k, Ae(() => {
           r && g(), r = !1;
         });
       });
     }
-    function h(w = []) {
-      const p = new Set(w), S = [];
+    function b(S = []) {
+      const p = new Set(S), w = [];
       return t.options.forEach((k) => {
-        p.has(k.value) && S.push(k.value);
-      }), S;
+        p.has(k.value) && w.push(k.value);
+      }), w;
     }
-    function y(w) {
+    function y(S) {
       let p = [];
-      t.selectedOptions.includes(w) ? (p = t.selectedOptions.filter((S) => S !== w), l("uncheck-option", w)) : (p = h([...t.selectedOptions, w]), l("check-option", w)), r = !0, l("update:selectedOptions", p);
+      t.selectedOptions.includes(S) ? (p = t.selectedOptions.filter((w) => w !== S), l("uncheck-option", S)) : (p = b([...t.selectedOptions, S]), l("check-option", S)), r = !0, l("update:selectedOptions", p);
     }
-    return (w, p) => (d(), O(Re, {
+    return (S, p) => (d(), A(Re, {
       ref_key: "optlist",
       ref: n,
       "aria-multiselectable": "true",
@@ -3359,24 +3362,24 @@ const sn = {
       shown: e.shown,
       "onUpdate:modelValue": y
     }, {
-      default: D(() => [
-        s.value ? (d(), b(K, { key: 0 }, [
-          P(qe, {
+      default: L(() => [
+        s.value ? (d(), h(Y, { key: 0 }, [
+          E(qe, {
             options: i.value,
             "show-no-options": !1
           }, null, 8, ["options"]),
-          ue(B("li", zn, p[0] || (p[0] = [
+          pe(B("li", zn, p[0] || (p[0] = [
             B("hr", null, null, -1)
           ]), 512), [
-            [ce, o.value]
+            [me, o.value]
           ]),
-          P(qe, {
+          E(qe, {
             options: u.value,
             "show-no-options": !1
           }, null, 8, ["options"])
-        ], 64)) : (d(), b("li", Fn, [
-          V(w.$slots, "no-options", {}, () => [
-            p[1] || (p[1] = j("No options"))
+        ], 64)) : (d(), h("li", Fn, [
+          O(S.$slots, "no-options", {}, () => [
+            p[1] || (p[1] = U("No options"))
           ])
         ]))
       ]),
@@ -3471,7 +3474,7 @@ const sn = {
     function u() {
       l.value && (l.value = !1, t("close"));
     }
-    return (o, s) => (d(), O(c(ot), {
+    return (o, s) => (d(), A(c(ot), {
       "anchor-id": e.anchorId,
       breakout: e.breakout,
       "container-id": e.containerId,
@@ -3487,8 +3490,8 @@ const sn = {
       onEnter: n,
       onAfterLeave: s[1] || (s[1] = (r) => t("after-leave"))
     }, {
-      default: D(() => [
-        P(c(Re), {
+      default: L(() => [
+        E(c(Re), {
           label: e.label,
           "model-value": e.modelValue,
           "options-id": e.optionsId,
@@ -3497,8 +3500,8 @@ const sn = {
           "onUpdate:modelValue": i,
           onClose: u
         }, {
-          default: D(() => [
-            V(o.$slots, "default")
+          default: L(() => [
+            O(o.$slots, "default")
           ]),
           _: 3
         }, 8, ["label", "model-value", "options-id", "prevent-tab", "type-to-focus"])
@@ -3624,7 +3627,7 @@ const sn = {
     function r(m) {
       l("optselected", m), l("update:modelValue", m);
     }
-    return (m, g) => (d(), O(Wn, {
+    return (m, g) => (d(), A(Wn, {
       "anchor-id": o.value,
       breakout: e.breakout,
       "container-id": e.containerId,
@@ -3644,16 +3647,16 @@ const sn = {
       onAfterLeave: g[2] || (g[2] = (v) => l("after-leave")),
       "onUpdate:modelValue": r
     }, {
-      default: D(() => [
-        V(m.$slots, "default")
+      default: L(() => [
+        O(m.$slots, "default")
       ]),
       _: 3
     }, 8, ["anchor-id", "breakout", "container-id", "helper-description", "helper-text", "label", "model-value", "options-id", "position", "preloaded", "prevent-tab", "shown", "use-mobile-style", "width"]));
   }
-}, jn = ["data-size"], Un = { class: "bs-empty-state-icon" }, Gn = { class: "bs-empty-state-title" }, Hn = {
+}, jn = ["data-size"], Un = { class: "bs-empty-state-icon" }, Hn = { class: "bs-empty-state-title" }, Gn = {
   key: 0,
   class: "bs-empty-state-description"
-}, Ro = {
+}, Wo = {
   __name: "BsEmptyState",
   props: {
     description: {
@@ -3676,28 +3679,28 @@ const sn = {
   },
   setup(e) {
     const a = e, { icon: t } = Oe(a, "iconName");
-    return (l, n) => (d(), b("div", {
+    return (l, n) => (d(), h("div", {
       class: "bs-empty-state",
       "data-component": "bs-empty-state",
       "data-size": e.size
     }, [
       B("div", Un, [
-        V(l.$slots, "icon", {}, () => [
-          (d(), O(ae(c(t)), { size: "auto" }))
+        O(l.$slots, "icon", {}, () => [
+          (d(), A(ne(c(t)), { size: "auto" }))
         ])
       ]),
       B("div", null, [
-        B("p", Gn, A(e.title), 1),
-        e.size !== "xs" ? (d(), b("p", Hn, [
-          V(l.$slots, "description", {}, () => [
-            j(A(e.description), 1)
+        B("p", Hn, T(e.title), 1),
+        e.size !== "xs" ? (d(), h("p", Gn, [
+          O(l.$slots, "description", {}, () => [
+            U(T(e.description), 1)
           ])
         ])) : C("", !0),
-        V(l.$slots, "call-to-action")
+        O(l.$slots, "call-to-action")
       ])
     ], 8, jn));
   }
-}, Kn = ["data-absolute", "data-position", "data-shown", "data-size"], Yn = { class: "bs-flyout-close-container" }, Wo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Kn = ["data-absolute", "data-position", "data-shown", "data-size"], Yn = { class: "bs-flyout-close-container" }, jo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsFlyout",
   props: {
     absolute: {
@@ -3734,17 +3737,17 @@ const sn = {
   emits: ["close"],
   setup(e, { emit: a }) {
     const t = e, l = a, n = $(null), i = f(() => document.getElementById(t.toggleId));
-    Ct([n, i], u), me(["Escape"], u);
+    Ct([n, i], u), ve(["Escape"], u);
     function u() {
       t.shown && l("close");
     }
-    return (o, s) => (d(), O(Pe, {
+    return (o, s) => (d(), A(Pe, {
       name: "bs-flyout",
       preloaded: e.preloaded,
       shown: e.shown
     }, {
-      default: D(() => [
-        B("div", z({
+      default: L(() => [
+        B("div", F({
           ref_key: "flyout",
           ref: n,
           class: "bs-flyout",
@@ -3761,35 +3764,35 @@ const sn = {
               "aria-label": "Close",
               onClick: u
             }, [
-              P(c(Ie))
+              E(c(Ie))
             ])
           ]),
-          V(o.$slots, "default")
+          O(o.$slots, "default")
         ], 16, Kn)
       ]),
       _: 3
     }, 8, ["preloaded", "shown"]));
   }
-}), Zn = ["view-box"], Xn = ["id"], Qn = ["offset", "stop-color"], jo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), Zn = ["view-box"], Xn = ["id"], Qn = ["offset", "stop-color"], Uo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsIconGradientWrapper",
   setup(e) {
     const a = $(null), t = $(null), l = [
       { offset: 0.1326, color: "#EE282A" },
       { offset: 0.5466, color: "#1C0087" },
       { offset: 0.9715, color: "#0086EA" }
-    ], [n] = Q();
-    return X(() => {
+    ], [n] = J();
+    return Q(() => {
       t.value = a.value.querySelector("svg").getAttribute("viewBox") || "0 0 0 0";
-    }), (i, u) => (d(), b(K, null, [
-      B("span", z({
+    }), (i, u) => (d(), h(Y, null, [
+      B("span", F({
         ref_key: "svgWrapperRef",
         ref: a,
         class: "bs-icon-gradient-wrapper",
         style: `fill: url(#${c(n)});`
       }, i.$attrs), [
-        V(i.$slots, "default")
+        O(i.$slots, "default")
       ], 16),
-      (d(), b("svg", {
+      (d(), h("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         "view-box": t.value,
         width: "0",
@@ -3803,7 +3806,7 @@ const sn = {
           y2: "100%",
           "gradient-units": "userSpaceOnUse"
         }, [
-          (d(), b(K, null, te(l, (o) => B("stop", {
+          (d(), h(Y, null, ae(l, (o) => B("stop", {
             key: o.offset,
             offset: o.offset,
             "stop-color": o.color
@@ -3812,7 +3815,7 @@ const sn = {
       ], 8, Zn))
     ], 64));
   }
-}), Uo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), Ho = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsInputField",
   props: {
     /** Sets the disabled state on input, disabled styles on label. */
@@ -3859,26 +3862,26 @@ const sn = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, [l, n] = Q(2), i = f(() => be.concat(t.passAttrs.split(",")).concat("type")), u = f(() => {
+    const t = e, [l, n] = J(2), i = f(() => ge.concat(t.passAttrs.split(",")).concat("type")), u = f(() => {
       var r, m;
       return ((m = (r = t.hints) == null ? void 0 : r.join) == null ? void 0 : m.call(r, `
 `)) || t.hints;
     }), o = f(() => t.error && t.errorMsg || t.hint || u.value || void 0), s = f(() => t.inputId || l.value);
-    return (r, m) => (d(), b("div", z({ "data-component": "bs-input-field" }, c(Z)(r.$attrs, i.value).remaining), [
-      e.label || r.$slots.label ? (d(), O(ne, {
+    return (r, m) => (d(), h("div", F({ "data-component": "bs-input-field" }, c(X)(r.$attrs, i.value).remaining), [
+      e.label || r.$slots.label ? (d(), A(le, {
         key: 0,
         for: r.$attrs.id || s.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: D(() => [
-          V(r.$slots, "label", {}, () => [
-            j(A(e.label), 1)
+        default: L(() => [
+          O(r.$slots, "label", {}, () => [
+            U(T(e.label), 1)
           ])
         ]),
         _: 3
       }, 8, ["for", "disabled", "required"])) : C("", !0),
-      P(ke, z({
+      E(ke, F({
         disabled: e.disabled,
         error: e.error,
         "hint-id": c(n),
@@ -3888,8 +3891,8 @@ const sn = {
         type: e.type,
         value: e.value || e.modelValue,
         "onUpdate:modelValue": m[0] || (m[0] = (g) => r.$emit("update:modelValue", g))
-      }, c(Z)(r.$attrs, i.value).filtered), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "type", "value"]),
-      o.value ? (d(), O(ye, {
+      }, c(X)(r.$attrs, i.value).filtered), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "type", "value"]),
+      o.value ? (d(), A(ye, {
         key: 1,
         error: e.error,
         "error-msg": e.errorMsg,
@@ -3898,7 +3901,7 @@ const sn = {
       }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : C("", !0)
     ], 16));
   }
-}), bt = {
+}), ht = {
   A: "🇦",
   B: "🇧",
   C: "🇨",
@@ -3952,7 +3955,7 @@ const sn = {
    */
   initSourceData() {
     return this.data.allCountries || (this.data.allCountries = ma().map((e) => {
-      const a = ba(e), t = bt[a[0]] + bt[a[1]] || "";
+      const a = ha(e), t = ht[a[0]] + ht[a[1]] || "";
       return {
         label: `+${e}`,
         flag: t,
@@ -4035,77 +4038,77 @@ const sn = {
       m,
       g,
       v,
-      h
-    ] = Q(4), y = $(!1), w = $(""), p = $(""), S = $(!1), k = $(!1), I = $(!0);
+      b
+    ] = J(4), y = $(!1), S = $(""), p = $(""), w = $(!1), k = $(!1), I = $(!0);
     a({
-      validationErr: S,
+      validationErr: w,
       validationErrMsg: p
     });
-    const q = f(() => w.value ? `+${o.value}${w.value}` : ""), T = f(() => `Country code: ${o.value}. Click to change.`), L = f(() => I.value ? l.errorMsg || p.value : ""), F = f(() => l.error || S.value), R = f(() => l.hint || F.value && L.value), U = f(() => I.value && F.value);
+    const q = f(() => S.value ? `+${o.value}${S.value}` : ""), z = f(() => `Country code: ${o.value}. Click to change.`), R = f(() => I.value ? l.errorMsg || p.value : ""), D = f(() => l.error || w.value), W = f(() => l.hint || D.value && R.value), P = f(() => I.value && D.value);
     G(q, (M) => {
-      n("update:modelValue", M), W(M);
-    }), G(() => l.modelValue, _), xe(), X(() => y.value = !0);
-    function _(M, Y) {
-      M === "" && M !== Y && (w.value = "");
+      n("update:modelValue", M), j(M);
+    }), G(() => l.modelValue, H), xe(), Q(() => y.value = !0);
+    function H(M, Z) {
+      M === "" && M !== Z && (S.value = "");
     }
-    function he() {
+    function te() {
       var M;
       k.value && (k.value = !1, (M = u.value) == null || M.focus());
     }
-    function Se(M) {
-      var Y;
-      o.value = M, k.value = !1, (Y = u.value) == null || Y.focus(), E(M);
+    function ue(M) {
+      var Z;
+      o.value = M, k.value = !1, (Z = u.value) == null || Z.focus(), V(M);
     }
-    function ve() {
+    function ie() {
       l.deferValidation && (I.value = !0), n("input-blur");
     }
     function Ce(M) {
-      w.value = M.target.value, l.deferValidation && (I.value = !1);
+      S.value = M.target.value, l.deferValidation && (I.value = !1);
     }
-    function se(M) {
-      var Y, J;
-      !((J = (Y = M.key) == null ? void 0 : Y.match) != null && J.call(Y, /[0-9]/)) && !i.includes(M.key) && !M.ctrlKey && !M.metaKey && M.preventDefault();
+    function ce(M) {
+      var Z, _;
+      !((_ = (Z = M.key) == null ? void 0 : Z.match) != null && _.call(Z, /[0-9]/)) && !i.includes(M.key) && !M.ctrlKey && !M.metaKey && M.preventDefault();
     }
     function xe() {
-      je.initSourceData(), we(), E(o.value), W(q.value);
+      je.initSourceData(), we(), V(o.value), j(q.value);
     }
     function we() {
-      var Y, J;
+      var Z, _;
       let M = ct(l.modelValue);
-      M.valid || M.countryCode && ((J = (Y = l.modelValue) == null ? void 0 : Y.startsWith) != null && J.call(Y, "+")) ? (o.value = M.countryCode, w.value = M.number.significant) : w.value = l.modelValue, s.value = je.data.allCountries.map((Te) => ({
+      M.valid || M.countryCode && ((_ = (Z = l.modelValue) == null ? void 0 : Z.startsWith) != null && _.call(Z, "+")) ? (o.value = M.countryCode, S.value = M.number.significant) : S.value = l.modelValue, s.value = je.data.allCountries.map((Te) => ({
         ...Te,
         isSelected: o.value === Te
       }));
     }
-    function E(M) {
+    function V(M) {
       r.value = je.getCountryByCountryCode(M);
     }
-    function W(M) {
-      S.value = M ? !ct(M).valid : !1, p.value = S.value ? "Invalid phone number" : "";
+    function j(M) {
+      w.value = M ? !ct(M).valid : !1, p.value = w.value ? "Invalid phone number" : "";
     }
-    return (M, Y) => (d(), b("div", z({
+    return (M, Z) => (d(), h("div", F({
       class: "bs-input-phone",
       "data-component": "bs-input-phone"
-    }, c(Z)(M.$attrs, c(be)).remaining), [
-      P(ne, {
-        for: M.$attrs.id || e.inputId || c(h),
+    }, c(X)(M.$attrs, c(ge)).remaining), [
+      E(le, {
+        for: M.$attrs.id || e.inputId || c(b),
         required: e.required,
         disabled: e.disabled,
-        class: le({ "visually-hidden": e.hideLabel })
+        class: oe({ "visually-hidden": e.hideLabel })
       }, {
-        default: D(() => [
-          j(A(e.label), 1)
+        default: L(() => [
+          U(T(e.label), 1)
         ]),
         _: 1
       }, 8, ["for", "required", "disabled", "class"]),
-      P(De, {
+      E(De, {
         disabled: e.disabled,
-        error: U.value,
+        error: P.value,
         multifocus: !0,
         variant: "inner-bordered"
       }, {
-        default: D(() => {
-          var J;
+        default: L(() => {
+          var _;
           return [
             B("button", {
               id: c(m),
@@ -4114,42 +4117,42 @@ const sn = {
               "aria-controls": c(g),
               "aria-expanded": k.value,
               "aria-haspopup": "listbox",
-              "aria-label": T.value,
+              "aria-label": z.value,
               disabled: e.disabled,
               type: "button",
-              onClick: Y[0] || (Y[0] = (Te) => k.value = !k.value)
+              onClick: Z[0] || (Z[0] = (Te) => k.value = !k.value)
             }, [
-              B("span", null, A((J = r.value) == null ? void 0 : J.flag), 1),
-              B("span", null, "+" + A(o.value), 1),
-              P(c(Yt), { size: "sm" })
+              B("span", null, T((_ = r.value) == null ? void 0 : _.flag), 1),
+              B("span", null, "+" + T(o.value), 1),
+              E(c(Yt), { size: "sm" })
             ], 8, Jn),
-            P(ke, z({
-              "input-id": M.$attrs.id || e.inputId || c(h),
+            E(ke, F({
+              "input-id": M.$attrs.id || e.inputId || c(b),
               disabled: e.disabled,
               "hint-id": c(v),
               placeholder: e.placeholder,
-              value: w.value,
+              value: S.value,
               "data-autowidth": "",
               type: "tel"
-            }, c(Z)(M.$attrs, c(be)).filtered, {
+            }, c(X)(M.$attrs, c(ge)).filtered, {
               onInput: Ce,
-              onFocusout: ve,
-              onKeydown: se
+              onFocusout: ie,
+              onKeydown: ce
             }), null, 16, ["input-id", "disabled", "hint-id", "placeholder", "value"])
           ];
         }),
         _: 1
       }, 8, ["disabled", "error"]),
-      ue(P(ye, {
-        error: F.value,
-        "error-msg": L.value,
+      pe(E(ye, {
+        error: D.value,
+        "error-msg": R.value,
         hint: e.hint,
         "hint-id": c(v)
       }, null, 8, ["error", "error-msg", "hint", "hint-id"]), [
-        [ce, R.value]
+        [me, W.value]
       ]),
-      y.value ? (d(), b("div", _n, [
-        P(Pt, {
+      y.value ? (d(), h("div", _n, [
+        E(Pt, {
           "anchor-id": c(m),
           "helper-text": "Country Code",
           label: "Country Code",
@@ -4158,19 +4161,19 @@ const sn = {
           preloaded: "",
           shown: k.value,
           width: "content",
-          onClose: he,
-          "onUpdate:modelValue": Se
+          onClose: te,
+          "onUpdate:modelValue": ue
         }, {
-          default: D(() => [
-            y.value ? (d(!0), b(K, { key: 0 }, te(s.value, (J) => (d(), O(it, {
-              "aria-label": J.value,
-              key: J.value,
-              value: `${J.value}`,
+          default: L(() => [
+            y.value ? (d(!0), h(Y, { key: 0 }, ae(s.value, (_) => (d(), A(it, {
+              "aria-label": _.value,
+              key: _.value,
+              value: `${_.value}`,
               variant: "2-col"
             }, {
-              default: D(() => [
-                B("span", el, A(J == null ? void 0 : J.flag), 1),
-                B("span", tl, A(J.label), 1)
+              default: L(() => [
+                B("span", el, T(_ == null ? void 0 : _.flag), 1),
+                B("span", tl, T(_.label), 1)
               ]),
               _: 2
             }, 1032, ["aria-label", "value"]))), 128)) : C("", !0)
@@ -4180,7 +4183,7 @@ const sn = {
       ])) : C("", !0)
     ], 16));
   }
-}), al = ["data-size", "data-variant"], nl = ["stroke"], ll = { key: 0 }, ht = {
+}), al = ["data-size", "data-variant"], nl = ["stroke"], ll = { key: 0 }, bt = {
   __name: "BsSpinner",
   props: {
     label: {
@@ -4197,7 +4200,7 @@ const sn = {
     }
   },
   setup(e) {
-    return (a, t) => (d(), b("svg", {
+    return (a, t) => (d(), h("svg", {
       class: "bs-spinner",
       "data-component": "bs-spinner",
       "data-size": e.size,
@@ -4207,7 +4210,7 @@ const sn = {
       viewBox: "0 0 100 100",
       xmlns: "http://www.w3.org/2000/svg"
     }, [
-      B("title", null, A(e.label), 1),
+      B("title", null, T(e.label), 1),
       B("circle", {
         cx: "50",
         cy: "50",
@@ -4215,7 +4218,7 @@ const sn = {
         r: "45",
         stroke: e.variant === "gradient" ? "url(#bs-spinner-gradient)" : void 0
       }, null, 8, nl),
-      e.variant === "gradient" ? (d(), b("defs", ll, t[0] || (t[0] = [
+      e.variant === "gradient" ? (d(), h("defs", ll, t[0] || (t[0] = [
         B("linearGradient", { id: "bs-spinner-gradient" }, [
           B("stop", { offset: "0%" }),
           B("stop", { offset: "49%" }),
@@ -4224,7 +4227,7 @@ const sn = {
       ]))) : C("", !0)
     ], 8, al));
   }
-}, ol = ["id"], il = { style: { display: "flex", "justify-content": "center" } }, rl = { style: { display: "flex", "justify-content": "center" } }, Ho = {
+}, ol = ["id"], il = { style: { display: "flex", "justify-content": "center" } }, rl = { style: { display: "flex", "justify-content": "center" } }, sl = { "aria-live": "polite" }, Ko = {
   __name: "BsInputTypeahead",
   props: {
     characterThreshold: {
@@ -4235,6 +4238,14 @@ const sn = {
       type: Boolean,
       default: !1
     },
+    error: {
+      type: Boolean,
+      default: !1
+    },
+    errorMsg: {
+      type: String,
+      default: ""
+    },
     filterType: {
       type: String,
       default: "starts-with",
@@ -4244,6 +4255,10 @@ const sn = {
       type: Boolean,
       default: !1
     },
+    hint: {
+      type: String,
+      default: ""
+    },
     inputValue: {
       type: String,
       default: ""
@@ -4296,146 +4311,148 @@ const sn = {
   },
   emits: ["update:inputValue", "update:optionsValue"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = $(!1), i = $(!1), [u] = Q();
-    let o = [];
+    const t = e, l = a, n = $(!1), i = $(!1), [u, o] = J(2);
+    let s = [];
     G(() => t.inputValue, () => {
-      i.value ? i.value = !1 : p();
+      i.value ? i.value = !1 : k();
     });
-    const s = f(() => t.typeaheadId || u.value), r = f(() => `${s.value}-input-container`), m = f(() => `${s.value}-input`), g = f(() => `${s.value}-options`), v = f(() => t.multiselect ? Array.isArray(t.optionsValue) ? t.optionsValue : [t.optionsValue] : t.optionsValue), h = f(() => {
+    const r = f(() => t.typeaheadId || u.value), m = f(() => t.error && t.errorMsg || t.hint || void 0), g = f(() => `${r.value}-input-container`), v = f(() => `${r.value}-input`), b = f(() => `${r.value}-options`), y = f(() => t.multiselect ? Array.isArray(t.optionsValue) ? t.optionsValue : [t.optionsValue] : t.optionsValue), S = f(() => {
       if (n.value) {
-        let T = t.options;
-        const L = t.inputValue.toLowerCase(), F = t.filterType === "includes" ? "includes" : "startsWith";
-        return t.inputValue.length >= t.characterThreshold && (T = y(T, L, F), T = T.slice(0, t.maxOptions), T = w(T, L, F), o = T), T;
+        let D = t.options;
+        const W = t.inputValue.toLowerCase(), P = t.filterType === "includes" ? "includes" : "startsWith";
+        return t.inputValue.length >= t.characterThreshold && (D = p(D, W, P), D = D.slice(0, t.maxOptions), D = w(D, W, P), s = D), D;
       } else
-        return o;
+        return s;
     });
-    function y(T, L, F) {
-      return t.internalFiltering ? T.filter((R) => R.label.toLowerCase()[F](L)) : T;
-    }
-    function w(T, L, F) {
-      return T.map((R) => {
-        let U = R.label;
-        if (L !== "") {
-          const _ = F === "includes" ? "gi" : "i", he = new RegExp(`(${L})`, _);
-          U = R.label.replace(he, '<span style="color: var(--bs-blue-base)">$1</span>');
+    function p(D, W, P) {
+      return t.internalFiltering ? D.filter((H) => H.label.toLowerCase()[P](W)) : D;
+    }
+    function w(D, W, P) {
+      return D.map((H) => {
+        let te = H.label;
+        if (W !== "") {
+          const ue = P === "includes" ? "gi" : "i", ie = new RegExp(`(${W})`, ue);
+          te = H.label.replace(ie, '<span style="color: var(--bs-blue-base)">$1</span>');
         }
-        return { ...R, labelHtml: U };
+        return { ...H, labelHtml: te };
       });
     }
-    function p() {
+    function k() {
       t.showDropdownOnFocus || t.inputValue.length >= t.characterThreshold ? n.value = !0 : n.value = !1;
     }
-    function S() {
-      l("update:inputValue", ""), t.multiselect || l("update:optionsValue", ""), document.getElementById(m.value).focus();
+    function I() {
+      l("update:inputValue", ""), t.multiselect || l("update:optionsValue", ""), document.getElementById(v.value).focus();
     }
-    function k(T) {
+    function q(D) {
       i.value = !0;
-      const L = h.value.find((F) => F.value === T);
-      l("update:inputValue", L.label), l("update:optionsValue", T);
+      const W = S.value.find((P) => P.value === D);
+      l("update:inputValue", W.label), l("update:optionsValue", D);
     }
-    function I(T) {
-      const L = [...v.value, T];
-      l("update:optionsValue", L);
+    function z(D) {
+      const W = [...y.value, D];
+      l("update:optionsValue", W);
     }
-    function q(T) {
-      const L = v.value.filter((F) => F !== T);
-      l("update:optionsValue", L);
+    function R(D) {
+      const W = y.value.filter((P) => P !== D);
+      l("update:optionsValue", W);
     }
-    return (T, L) => (d(), b(K, null, [
-      e.label || T.$slots.label ? (d(), O(ne, {
+    return (D, W) => (d(), h(Y, null, [
+      e.label || D.$slots.label ? (d(), A(le, {
         key: 0,
-        for: m.value,
+        for: v.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: D(() => [
-          V(T.$slots, "label", {}, () => [
-            j(A(e.label), 1)
+        default: L(() => [
+          O(D.$slots, "label", {}, () => [
+            U(T(e.label), 1)
           ])
         ]),
         _: 3
       }, 8, ["for", "disabled", "required"])) : C("", !0),
       B("div", {
-        id: r.value,
+        id: g.value,
         class: "typeahead-search-wrapper"
       }, [
-        P(Vt, z({
-          "aria-controls": g.value,
+        E(Vt, F({
+          "aria-controls": b.value,
+          "aria-describedby": m.value ? c(o) : void 0,
           "aria-expanded": n.value,
           "aria-haspopup": "listbox",
           autocomplete: "off",
           disabled: e.disabled,
+          error: e.error,
           "hide-clear": e.inputValue === "",
           "hide-search-icon": e.hideSearchIcon,
-          "input-id": m.value,
-          "pass-attrs": "aria-controls,aria-expanded,role",
+          "input-id": v.value,
+          "pass-attrs": "aria-controls,aria-describedby,aria-expanded,role",
           placeholder: e.placeholder,
           role: "combobox",
           value: e.inputValue
-        }, T.$attrs, {
-          onClear: S,
-          onFocusin: p,
-          "onUpdate:modelValue": L[0] || (L[0] = (F) => l("update:inputValue", F))
-        }), null, 16, ["aria-controls", "aria-expanded", "disabled", "hide-clear", "hide-search-icon", "input-id", "placeholder", "value"])
+        }, D.$attrs, {
+          onClear: I,
+          onFocusin: k,
+          "onUpdate:modelValue": W[0] || (W[0] = (P) => l("update:inputValue", P))
+        }), null, 16, ["aria-controls", "aria-describedby", "aria-expanded", "disabled", "error", "hide-clear", "hide-search-icon", "input-id", "placeholder", "value"])
       ], 8, ol),
-      P(ot, {
-        "anchor-id": r.value,
+      E(ot, {
+        "anchor-id": g.value,
         preloaded: !0,
         shown: n.value,
         "use-mobile-style": !1,
         width: "toggle",
-        onClose: L[2] || (L[2] = (F) => n.value = !1)
+        onClose: W[2] || (W[2] = (P) => n.value = !1)
       }, {
-        default: D(() => [
-          e.multiselect ? (d(), O(Dt, {
+        default: L(() => [
+          e.multiselect ? (d(), A(Dt, {
             key: 0,
             "focus-on-open": !1,
             label: e.label,
-            options: h.value,
-            "options-id": g.value,
-            "selected-options": v.value,
+            options: S.value,
+            "options-id": b.value,
+            "selected-options": y.value,
             shown: n.value,
-            onCheckOption: I,
-            onUncheckOption: q
+            onCheckOption: z,
+            onUncheckOption: R
           }, Ze({ _: 2 }, [
             e.loading ? {
               name: "no-options",
-              fn: D(() => [
+              fn: L(() => [
                 B("span", il, [
-                  P(ht, { size: "sm" })
+                  E(bt, { size: "sm" })
                 ])
               ]),
               key: "0"
             } : {
               name: "no-options",
-              fn: D(() => [
-                L[3] || (L[3] = j("No results found"))
+              fn: L(() => [
+                W[3] || (W[3] = U("No results found"))
               ]),
               key: "1"
             }
-          ]), 1032, ["label", "options", "options-id", "selected-options", "shown"])) : (d(), O(Re, {
+          ]), 1032, ["label", "options", "options-id", "selected-options", "shown"])) : (d(), A(Re, {
             key: 1,
             label: e.label,
-            "model-value": v.value,
-            "options-id": g.value,
+            "model-value": y.value,
+            "options-id": b.value,
             shown: n.value,
-            "onUpdate:modelValue": k,
-            onClose: L[1] || (L[1] = (F) => n.value = !1)
+            "onUpdate:modelValue": q,
+            onClose: W[1] || (W[1] = (P) => n.value = !1)
           }, {
-            default: D(() => [
-              P(qe, { options: h.value }, Ze({ _: 2 }, [
+            default: L(() => [
+              E(qe, { options: S.value }, Ze({ _: 2 }, [
                 e.loading ? {
                   name: "no-options",
-                  fn: D(() => [
+                  fn: L(() => [
                     B("span", rl, [
-                      P(ht, { size: "sm" })
+                      E(bt, { size: "sm" })
                     ])
                   ]),
                   key: "0"
                 } : {
                   name: "no-options",
-                  fn: D(() => [
-                    L[4] || (L[4] = j("No results found"))
+                  fn: L(() => [
+                    W[4] || (W[4] = U("No results found"))
                   ]),
                   key: "1"
                 }
@@ -4445,10 +4462,19 @@ const sn = {
           }, 8, ["label", "model-value", "options-id", "shown"]))
         ]),
         _: 1
-      }, 8, ["anchor-id", "shown"])
+      }, 8, ["anchor-id", "shown"]),
+      B("div", sl, [
+        m.value ? (d(), A(ye, {
+          key: 0,
+          error: e.error,
+          "error-msg": e.errorMsg,
+          hint: e.hint,
+          "hint-id": c(o)
+        }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : C("", !0)
+      ])
     ], 64));
   }
-}, sl = ["data-size", "data-variant"], Ko = {
+}, dl = ["data-size", "data-variant"], Yo = {
   __name: "BsLoader",
   props: {
     size: {
@@ -4462,7 +4488,7 @@ const sn = {
     }
   },
   setup(e) {
-    return (a, t) => (d(), b("span", {
+    return (a, t) => (d(), h("span", {
       class: "bs-loader",
       "data-size": e.size,
       "data-variant": e.variant,
@@ -4473,9 +4499,9 @@ const sn = {
       B("span", null, null, -1),
       B("span", null, null, -1),
       B("span", { class: "visually-hidden" }, "Loading", -1)
-    ]), 8, sl));
+    ]), 8, dl));
   }
-}, dl = ["data-shown"], ul = {
+}, ul = ["data-shown"], cl = {
   __name: "BsOverlay",
   props: {
     shown: {
@@ -4505,7 +4531,7 @@ const sn = {
   emits: ["after-enter", "after-leave"],
   setup(e, { emit: a }) {
     const t = e, l = a, { transition: n } = Ee(t);
-    X(() => {
+    Q(() => {
       i();
     }), G(n, () => {
       i();
@@ -4513,26 +4539,26 @@ const sn = {
     function i() {
       n.value ? document.body.setAttribute("data-scroll", "false") : document.body.removeAttribute("data-scroll");
     }
-    return (u, o) => (d(), O(Pe, {
+    return (u, o) => (d(), A(Pe, {
       name: "bs-overlay",
       shown: c(n),
       preloaded: e.preloaded,
       onAfterEnter: o[0] || (o[0] = (s) => l("after-enter")),
       onAfterLeave: o[1] || (o[1] = (s) => l("after-leave"))
     }, {
-      default: D(() => [
+      default: L(() => [
         B("div", {
           class: "bs-overlay",
           "data-shown": c(n)
-        }, null, 8, dl)
+        }, null, 8, ul)
       ]),
       _: 1
     }, 8, ["shown", "preloaded"]));
   }
-}, cl = ["id", "role", "aria-labelledby", "data-shown", "data-full-width", "data-full-height"], fl = ["id"], pl = {
+}, fl = ["id", "role", "aria-labelledby", "data-shown", "data-full-width", "data-full-height"], pl = ["id"], ml = {
   key: 1,
   class: "modal-footer"
-}, Yo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Zo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsModal",
   props: {
     modalId: {
@@ -4585,37 +4611,37 @@ const sn = {
   },
   emits: ["close", "after-enter", "after-leave"],
   setup(e, { emit: a }) {
-    const t = et(), l = e, n = a, { transition: i } = Ee(l), [u] = Q();
+    const t = et(), l = e, n = a, { transition: i } = Ee(l), [u] = J();
     let o = !1;
     const s = $(null), r = (v) => {
       s.value && v.target.closest(".bs-overlay") && n("close", l.modalId);
     };
-    X(() => {
+    Q(() => {
       document.addEventListener("click", r);
     }), $e(() => {
       document.removeEventListener("click", r);
-    }), me(["Escape"], () => {
+    }), ve(["Escape"], () => {
       o && n("close", l.modalId);
     });
     const m = f(() => !l.title && !t.title && l.closeButton), g = f(() => (l.title || t.title) && l.closeButton);
-    return (v, h) => (d(), b(K, null, [
-      P(ul, {
+    return (v, b) => (d(), h(Y, null, [
+      E(cl, {
         shown: c(i),
         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"]),
-      P(Pe, {
+      E(Pe, {
         name: "bs-modal",
         preloaded: e.preloaded,
         shown: c(i),
-        onAfterEnter: h[1] || (h[1] = (y) => n("after-enter")),
-        onAfterLeave: h[2] || (h[2] = (y) => n("after-leave")),
-        onEnter: h[3] || (h[3] = (y) => Ut(o) ? o.value = !0 : o = !0)
+        onAfterEnter: b[1] || (b[1] = (y) => n("after-enter")),
+        onAfterLeave: b[2] || (b[2] = (y) => n("after-leave")),
+        onEnter: b[3] || (b[3] = (y) => Ut(o) ? o.value = !0 : o = !0)
       }, {
-        default: D(() => [
-          B("div", z({
+        default: L(() => [
+          B("div", F({
             id: e.modalId,
             class: "bs-modal",
             "data-component": "bs-modal",
@@ -4629,53 +4655,53 @@ const sn = {
             "data-full-width": e.fullWidth,
             "data-full-height": e.fullHeight
           }), [
-            e.title || v.$slots.title || e.closeButton ? (d(), b("header", {
+            e.title || v.$slots.title || e.closeButton ? (d(), h("header", {
               key: 0,
-              class: le({
+              class: oe({
                 "only-close-button-modal-header": m.value,
                 "modal-header": g.value
               })
             }, [
-              V(v.$slots, "title", {}, () => [
-                e.title ? (d(), b("span", {
+              O(v.$slots, "title", {}, () => [
+                e.title ? (d(), h("span", {
                   key: 0,
                   id: c(u),
                   class: "modal-title"
-                }, A(e.title), 9, fl)) : C("", !0)
+                }, T(e.title), 9, pl)) : C("", !0)
               ]),
-              e.closeButton ? (d(), b("button", {
+              e.closeButton ? (d(), h("button", {
                 key: 0,
                 type: "button",
                 title: "Close Modal",
                 "aria-label": "Close Modal",
-                class: le({ "full-width-header-close-button": e.fullWidth || e.fullHeight }),
-                onClick: h[0] || (h[0] = (y) => n("close", e.modalId))
+                class: oe({ "full-width-header-close-button": e.fullWidth || e.fullHeight }),
+                onClick: b[0] || (b[0] = (y) => n("close", e.modalId))
               }, [
-                P(c(Ie), { class: "close-button" })
+                E(c(Ie), { class: "close-button" })
               ], 2)) : C("", !0)
             ], 2)) : C("", !0),
             B("div", null, [
-              V(v.$slots, "default")
+              O(v.$slots, "default")
             ]),
-            v.$slots.footer ? (d(), b("footer", pl, [
-              V(v.$slots, "footer")
+            v.$slots.footer ? (d(), h("footer", ml, [
+              O(v.$slots, "footer")
             ])) : C("", !0)
-          ], 16, cl)
+          ], 16, fl)
         ]),
         _: 3
       }, 8, ["preloaded", "shown"])
     ], 64));
   }
-}), ml = ["data-variant", "data-fixed"], bl = {
+}), hl = ["data-variant", "data-fixed"], bl = {
   key: 0,
   class: "bs-pagination-carets"
-}, hl = ["aria-label", "title", "disabled"], vl = { key: 0 }, gl = ["aria-label", "title", "disabled"], yl = { key: 0 }, Sl = {
+}, vl = ["aria-label", "title", "disabled"], gl = { key: 0 }, yl = ["aria-label", "title", "disabled"], Sl = { key: 0 }, wl = {
   key: 1,
   class: "bs-pagination-page-numbers"
-}, wl = ["title", "data-selected", "onClick"], Bl = { key: 2 }, $l = { key: 3 }, Il = { class: "bs-pagination-results-numbers" }, kl = ["data-selected", "disabled", "onClick"], Cl = {
+}, Bl = ["title", "data-selected", "onClick"], $l = { key: 2 }, Il = { key: 3 }, kl = { class: "bs-pagination-results-numbers" }, Cl = ["data-selected", "disabled", "onClick"], xl = {
   key: 5,
   class: "bs-pagination-carets"
-}, xl = ["aria-label", "title", "disabled"], Tl = { key: 0 }, Al = ["aria-label", "title", "disabled"], Ol = { key: 0 }, Zo = {
+}, Tl = ["aria-label", "title", "disabled"], Al = { key: 0 }, Ol = ["aria-label", "title", "disabled"], Vl = { key: 0 }, Xo = {
   __name: "BsPagination",
   props: {
     // Used for all
@@ -4762,16 +4788,16 @@ const sn = {
   emits: ["selchange", "update:modelValue"],
   setup(e, { emit: a }) {
     const t = e, l = a, n = $(null);
-    X(() => {
-      i.value ? n.value = i.value : t.variant === "results" ? n.value = w.value[0] : n.value = 1;
+    Q(() => {
+      i.value ? n.value = i.value : t.variant === "results" ? n.value = S.value[0] : n.value = 1;
     });
     const i = f(() => t.modelValue || t.selection);
     G(() => t.selection, (p) => {
       n.value = p;
     }), G(() => t.modelValue, (p) => {
       n.value = p;
-    }), G(n, (p, S) => {
-      S !== null && (l("selchange", p), l("update:modelValue", p));
+    }), G(n, (p, w) => {
+      w !== null && (l("selchange", p), l("update:modelValue", p));
     });
     const u = f(() => {
       if (t.variant === "group")
@@ -4797,98 +4823,98 @@ const sn = {
     const v = f(() => {
       if (t.pageCount <= t.pageRange)
         return [...Array(t.pageCount + 1).keys()].slice(1);
-      const p = [1], S = (t.pageRange - 1) / 2;
-      let k = n.value - S, I = n.value + S;
+      const p = [1], w = (t.pageRange - 1) / 2;
+      let k = n.value - w, I = n.value + w;
       k < 1 && (I += 1 - k, k = 1), I > t.pageCount && (k -= I - t.pageCount, I = t.pageCount), k = Math.max(k, 2), I = Math.min(I, t.pageCount - 1), k > 2 && p.push(t.breakText);
       for (let q = k; q <= I; q++)
         p.push(q);
       return I < t.pageCount - 1 && p.push(t.breakText), p.push(t.pageCount), p;
-    }), h = f(() => `${t.centerLabel ?? "Page"} ${n.value} of ${u.value}`), y = f(() => {
-      const p = (n.value - 1) * t.itemsPerGroup + 1, S = Math.min(p - 1 + t.itemsPerGroup, t.itemsCount);
-      return `${t.centerLabel ?? "Results"} ${p} - ${S} of ${t.itemsCount}`;
-    }), w = f(() => t.resultsIncrements.split(",").map((p) => parseInt(p)));
-    return (p, S) => (d(), b("div", {
+    }), b = f(() => `${t.centerLabel ?? "Page"} ${n.value} of ${u.value}`), y = f(() => {
+      const p = (n.value - 1) * t.itemsPerGroup + 1, w = Math.min(p - 1 + t.itemsPerGroup, t.itemsCount);
+      return `${t.centerLabel ?? "Results"} ${p} - ${w} of ${t.itemsCount}`;
+    }), S = f(() => t.resultsIncrements.split(",").map((p) => parseInt(p)));
+    return (p, w) => (d(), h("div", {
       class: "bs-pagination",
       "data-component": "bs-pagination",
       "data-variant": o.value,
       "data-fixed": t.fixed
     }, [
-      e.variant === "base" || e.variant === "group" ? (d(), b("div", bl, [
-        e.showFirstLastButtons ? (d(), b("button", {
+      e.variant === "base" || e.variant === "group" ? (d(), h("div", bl, [
+        e.showFirstLastButtons ? (d(), h("button", {
           key: 0,
           type: "button",
-          class: le(e.firstPageText ? "bs-pagination-word-caret" : void 0),
+          class: oe(e.firstPageText ? "bs-pagination-word-caret" : void 0),
           "aria-label": e.firstPageText ? void 0 : "First Page",
           title: e.firstPageText,
           disabled: n.value === 1,
           onClick: s
         }, [
-          P(c(Zt)),
-          e.firstPageText ? (d(), b("span", vl, A(e.firstPageText), 1)) : C("", !0)
-        ], 10, hl)) : C("", !0),
+          E(c(Zt)),
+          e.firstPageText ? (d(), h("span", gl, T(e.firstPageText), 1)) : C("", !0)
+        ], 10, vl)) : C("", !0),
         B("button", {
           type: "button",
-          class: le(e.prevPageText ? "bs-pagination-word-caret" : void 0),
+          class: oe(e.prevPageText ? "bs-pagination-word-caret" : void 0),
           "aria-label": e.prevPageText ? void 0 : "Previous Page",
           title: e.prevPageText,
           disabled: n.value === 1,
           onClick: r
         }, [
-          P(c(It)),
-          e.prevPageText ? (d(), b("span", yl, A(e.prevPageText), 1)) : C("", !0)
-        ], 10, gl)
+          E(c(It)),
+          e.prevPageText ? (d(), h("span", Sl, T(e.prevPageText), 1)) : C("", !0)
+        ], 10, yl)
       ])) : C("", !0),
-      e.variant === "base" && e.centerDisplay === "numbers" ? (d(), b("div", Sl, [
-        (d(!0), b(K, null, te(v.value, (k) => (d(), b("button", {
+      e.variant === "base" && e.centerDisplay === "numbers" ? (d(), h("div", wl, [
+        (d(!0), h(Y, null, ae(v.value, (k) => (d(), h("button", {
           key: `page-${k}-button`,
           type: "button",
           title: `Page ${k}`,
           "data-selected": k === n.value,
           onClick: (I) => n.value = k
-        }, A(k), 9, wl))), 128))
+        }, T(k), 9, Bl))), 128))
       ])) : C("", !0),
-      t.variant === "base" && t.centerDisplay === "text" ? (d(), b("span", Bl, A(h.value), 1)) : C("", !0),
-      t.variant === "group" ? (d(), b("span", $l, A(y.value), 1)) : C("", !0),
-      t.variant === "results" ? (d(), b(K, { key: 4 }, [
-        S[0] || (S[0] = B("span", null, "Results Per Page:", -1)),
-        B("div", Il, [
-          (d(!0), b(K, null, te(w.value, (k) => (d(), b("button", {
+      t.variant === "base" && t.centerDisplay === "text" ? (d(), h("span", $l, T(b.value), 1)) : C("", !0),
+      t.variant === "group" ? (d(), h("span", Il, T(y.value), 1)) : C("", !0),
+      t.variant === "results" ? (d(), h(Y, { key: 4 }, [
+        w[0] || (w[0] = B("span", null, "Results Per Page:", -1)),
+        B("div", kl, [
+          (d(!0), h(Y, null, ae(S.value, (k) => (d(), h("button", {
             type: "button",
             key: `results-${k}`,
             "data-selected": k === n.value,
             disabled: n.value === k,
             onClick: (I) => n.value = k
-          }, A(k), 9, kl))), 128))
+          }, T(k), 9, Cl))), 128))
         ])
       ], 64)) : C("", !0),
-      e.variant === "base" || e.variant === "group" ? (d(), b("div", Cl, [
+      e.variant === "base" || e.variant === "group" ? (d(), h("div", xl, [
         B("button", {
           type: "button",
-          class: le(e.nextPageText ? "bs-pagination-word-caret" : void 0),
+          class: oe(e.nextPageText ? "bs-pagination-word-caret" : void 0),
           "aria-label": e.nextPageText ? void 0 : "Next Page",
           title: e.nextPageText,
           disabled: n.value === u.value,
           onClick: m
         }, [
-          e.nextPageText ? (d(), b("span", Tl, A(e.nextPageText), 1)) : C("", !0),
-          P(c($t))
-        ], 10, xl),
-        e.showFirstLastButtons ? (d(), b("button", {
+          e.nextPageText ? (d(), h("span", Al, T(e.nextPageText), 1)) : C("", !0),
+          E(c($t))
+        ], 10, Tl),
+        e.showFirstLastButtons ? (d(), h("button", {
           key: 0,
           type: "button",
-          class: le(e.lastPageText ? "bs-pagination-word-caret" : void 0),
+          class: oe(e.lastPageText ? "bs-pagination-word-caret" : void 0),
           "aria-label": e.lastPageText ? void 0 : "Last Page",
           title: e.lastPageText,
           disabled: n.value === u.value,
           onClick: g
         }, [
-          e.lastPageText ? (d(), b("span", Ol, A(e.lastPageText), 1)) : C("", !0),
-          P(c(Xt))
-        ], 10, Al)) : C("", !0)
+          e.lastPageText ? (d(), h("span", Vl, T(e.lastPageText), 1)) : C("", !0),
+          E(c(Xt))
+        ], 10, Ol)) : C("", !0)
       ])) : C("", !0)
-    ], 8, ml));
+    ], 8, hl));
   }
-}, Vl = ["data-truncate"], Xo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Ll = ["data-truncate"], Qo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsPill",
   props: {
     active: { type: Boolean, default: !1 },
@@ -4912,8 +4938,8 @@ const sn = {
     }
   },
   setup(e) {
-    const a = e, { onLinkClick: t } = Fe(a), l = re(), { rootTag: n, attrsToBind: i, hrefUrl: u } = ze(a, l, "span");
-    return (o, s) => (d(), O(ae(c(n)), z({
+    const a = e, { onLinkClick: t } = Fe(a), l = de(), { rootTag: n, attrsToBind: i, hrefUrl: u } = ze(a, l, "span");
+    return (o, s) => (d(), A(ne(c(n)), F({
       class: "bs-pill",
       "data-active": e.active,
       "data-component": "bs-pill",
@@ -4922,28 +4948,28 @@ const sn = {
       disabled: e.disabled,
       ".href": c(u)
     }, c(i), { onClick: c(t) }), {
-      default: D(() => [
+      default: L(() => [
         B("span", { "data-truncate": e.truncate }, [
-          V(o.$slots, "default")
-        ], 8, Vl)
+          O(o.$slots, "default")
+        ], 8, Ll)
       ]),
       _: 3
     }, 48, ["data-active", "data-status", "data-variant", "disabled", ".href", "onClick"]));
   }
-}), Ll = {
+}), El = {
   class: "bs-profile-details",
   "data-component": "bs-profile-details"
-}, El = {
+}, Dl = {
   class: "bs-profile-name",
   "data-size": "sm",
   "data-weight": "bold"
-}, Dl = {
+}, Pl = {
   key: 1,
   "data-weight": "bold"
-}, Pl = { key: 2 }, ql = { key: 3 }, Ml = {
+}, ql = { key: 2 }, Ml = { key: 3 }, Nl = {
   key: 4,
   "data-icon": "true"
-}, Nl = {
+}, zl = {
   __name: "BsProfileDetails",
   props: {
     profileName: {
@@ -4964,36 +4990,36 @@ const sn = {
     function u(o) {
       o.target.tagName === "BUTTON" && (o.preventDefault(), o.stopImmediatePropagation(), l("action-toggled"));
     }
-    return (o, s) => (d(), b("div", Ll, [
-      e.action || o.$slots.action ? (d(), b("button", {
+    return (o, s) => (d(), h("div", El, [
+      e.action || o.$slots.action ? (d(), h("button", {
         key: 0,
         "data-icon": "true",
         onClick: u
       }, [
-        V(o.$slots, "action", {}, () => [
-          e.actionIcon ? (d(), O(ae(c(n) ? c(n) : "span"), {
+        O(o.$slots, "action", {}, () => [
+          e.actionIcon ? (d(), A(ne(c(n) ? c(n) : "span"), {
             key: 0,
             class: "bs-icon"
           })) : C("", !0),
-          j(" " + A(e.action), 1)
+          U(" " + T(e.action), 1)
         ])
       ])) : C("", !0),
-      B("span", El, A(e.profileName), 1),
-      e.company ? (d(), b("span", Dl, A(e.company), 1)) : C("", !0),
-      e.jobTitle ? (d(), b("span", Pl, A(e.jobTitle), 1)) : C("", !0),
-      e.email ? (d(), b("span", ql, A(e.email), 1)) : C("", !0),
-      e.miscMeta || o.$slots.misc ? (d(), b("span", Ml, [
-        V(o.$slots, "misc", {}, () => [
-          e.miscMetaIcon ? (d(), O(ae(c(i) ? c(i) : "span"), {
+      B("span", Dl, T(e.profileName), 1),
+      e.company ? (d(), h("span", Pl, T(e.company), 1)) : C("", !0),
+      e.jobTitle ? (d(), h("span", ql, T(e.jobTitle), 1)) : C("", !0),
+      e.email ? (d(), h("span", Ml, T(e.email), 1)) : C("", !0),
+      e.miscMeta || o.$slots.misc ? (d(), h("span", Nl, [
+        O(o.$slots, "misc", {}, () => [
+          e.miscMetaIcon ? (d(), A(ne(c(i) ? c(i) : "span"), {
             key: 0,
             class: "bs-icon"
           })) : C("", !0),
-          j(" " + A(e.miscMeta), 1)
+          U(" " + T(e.miscMeta), 1)
         ])
       ])) : C("", !0)
     ]));
   }
-}, Qo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Jo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsProfile",
   props: {
     layout: {
@@ -5023,22 +5049,22 @@ const sn = {
   },
   emits: ["action-toggled"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = re(), { onLinkClick: i } = Fe(t), { rootTag: u, attrsToBind: o, hrefUrl: s } = ze(t, n, "div");
-    return (r, m) => (d(), O(ae(c(u)), z({
+    const t = e, l = a, n = de(), { onLinkClick: i } = Fe(t), { rootTag: u, attrsToBind: o, hrefUrl: s } = ze(t, n, "div");
+    return (r, m) => (d(), A(ne(c(u)), F({
       class: "bs-profile",
       ".href": c(s),
       "data-component": "bs-profile",
       "data-layout": e.layout
     }, c(o), { onClick: c(i) }), {
-      default: D(() => [
-        P(Ot, {
+      default: L(() => [
+        E(Ot, {
           src: e.imageSrc,
           size: e.imageSize,
           initials: e.initials,
           "profile-name": e.profileName,
           "use-alt-text": !1
         }, null, 8, ["src", "size", "initials", "profile-name"]),
-        P(Nl, {
+        E(zl, {
           "profile-name": e.profileName,
           company: e.company,
           "job-title": e.jobTitle,
@@ -5049,11 +5075,11 @@ const sn = {
           "misc-meta-icon": e.miscMetaIcon,
           onActionToggled: m[0] || (m[0] = (g) => l("action-toggled"))
         }, {
-          action: D(() => [
-            V(r.$slots, "action")
+          action: L(() => [
+            O(r.$slots, "action")
           ]),
-          misc: D(() => [
-            V(r.$slots, "misc")
+          misc: L(() => [
+            O(r.$slots, "misc")
           ]),
           _: 3
         }, 8, ["profile-name", "company", "job-title", "email", "action", "action-icon", "misc-meta", "misc-meta-icon"])
@@ -5087,7 +5113,7 @@ function qt(e) {
     getStatus: l
   };
 }
-const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-status"], Jo = {
+const Fl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Rl = ["data-status"], _o = {
   __name: "BsProgressBar",
   props: {
     /** @type {Status} */
@@ -5116,7 +5142,7 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
   },
   setup(e) {
     const a = e, { progressStep: t, progressText: l, getStatus: n } = qt(a);
-    return (i, u) => (d(), b("div", {
+    return (i, u) => (d(), h("div", {
       "aria-valuemax": e.steps.length,
       "aria-valuenow": c(t),
       "aria-valuetext": c(l),
@@ -5124,18 +5150,18 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
       "data-component": "bs-progress-bar",
       role: "progressbar"
     }, [
-      (d(!0), b(K, null, te(e.steps, (o, s) => (d(), b("div", {
+      (d(!0), h(Y, null, ae(e.steps, (o, s) => (d(), h("div", {
         class: "bs-step-item",
         "data-status": c(n)(o.status, s),
         "data-variant": "progress",
         key: o.id || o.label,
         role: "status"
       }, [
-        B("span", null, A(o.label || o) + " : " + A(c(n)(o.status, s) || "not started"), 1)
-      ], 8, Fl))), 128))
-    ], 8, zl));
+        B("span", null, T(o.label || o) + " : " + T(c(n)(o.status, s) || "not started"), 1)
+      ], 8, Rl))), 128))
+    ], 8, Fl));
   }
-}, Rl = ["data-disabled", "data-error", "data-size"], Wl = ["checked", "disabled", "id", "required", "value", "data-error"], _o = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Wl = ["data-disabled", "data-error", "data-size"], jl = ["checked", "disabled", "id", "required", "value", "data-error"], ei = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsRadio",
   props: {
     label: {
@@ -5179,15 +5205,15 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, [l] = Q(), n = f(() => tt.concat(t.passAttrs.split(","))), i = f(() => t.inputId || l.value), u = f(() => t.checked || t.modelValue && t.modelValue === t.value);
-    return (o, s) => (d(), b("div", z({
+    const t = e, [l] = J(), n = f(() => tt.concat(t.passAttrs.split(","))), i = f(() => t.inputId || l.value), u = f(() => t.checked || t.modelValue && t.modelValue === t.value);
+    return (o, s) => (d(), h("div", F({
       class: "bs-boolean",
       "data-component": "bs-radio",
       "data-disabled": e.disabled,
       "data-error": e.error,
       "data-size": e.size
-    }, c(Z)(o.$attrs, n.value).remaining), [
-      B("input", z({
+    }, c(X)(o.$attrs, n.value).remaining), [
+      B("input", F({
         checked: u.value,
         disabled: e.disabled,
         id: o.$attrs.id || i.value,
@@ -5195,25 +5221,25 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
         type: "radio",
         value: e.value,
         "data-error": e.error
-      }, c(Z)(o.$attrs, n.value).filtered, {
+      }, c(X)(o.$attrs, n.value).filtered, {
         onChange: s[0] || (s[0] = (r) => o.$emit("update:modelValue", r.target.value))
-      }), null, 16, Wl),
-      e.label || o.$slots.label ? (d(), O(ne, {
+      }), null, 16, jl),
+      e.label || o.$slots.label ? (d(), A(le, {
         key: 0,
         for: o.$attrs.id || i.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: D(() => [
-          V(o.$slots, "label", {}, () => [
-            j(A(e.label), 1)
+        default: L(() => [
+          O(o.$slots, "label", {}, () => [
+            U(T(e.label), 1)
           ])
         ]),
         _: 3
       }, 8, ["for", "disabled", "required"])) : C("", !0)
-    ], 16, Rl));
+    ], 16, Wl));
   }
-}), jl = ["id", "disabled", "required", "data-error", "value"], Ul = {
+}), Ul = ["id", "disabled", "required", "data-error", "value"], Hl = {
   __name: "BsSelect",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -5227,7 +5253,7 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
     const t = e, l = f(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
-    return (n, i) => (d(), b("select", z({
+    return (n, i) => (d(), h("select", F({
       id: n.$attrs.id || e.inputId,
       class: "bs-select",
       "data-component": "bs-select",
@@ -5238,10 +5264,10 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
     }, l.value, {
       onChange: i[0] || (i[0] = (u) => n.$emit("update:modelValue", u.target.value))
     }), [
-      V(n.$slots, "default")
-    ], 16, jl));
+      O(n.$slots, "default")
+    ], 16, Ul));
   }
-}, Gl = ["selected", "disabled"], Hl = ["disabled", "selected", "value"], ei = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Gl = ["selected", "disabled"], Kl = ["disabled", "selected", "value"], ti = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsSelectField",
   props: {
     data: {
@@ -5285,26 +5311,26 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
     modelValue: [String, Number]
   },
   setup(e) {
-    const a = e, [t, l] = Q(2), n = f(() => Ra.concat(a.passAttrs.split(","))), i = f(() => {
+    const a = e, [t, l] = J(2), n = f(() => Ra.concat(a.passAttrs.split(","))), i = f(() => {
       var r, m;
       return ((m = (r = a.hints) == null ? void 0 : r.join) == null ? void 0 : m.call(r, `
 `)) || a.hints;
     }), u = f(() => a.error && a.errorMsg || a.hint || i.value || void 0), o = f(() => a.inputId || t.value), s = f(() => a.value || a.modelValue);
-    return (r, m) => (d(), b("div", z({ "data-component": "bs-select-field" }, c(Z)(r.$attrs, n.value).remaining), [
-      e.label || r.$slots.label ? (d(), O(ne, {
+    return (r, m) => (d(), h("div", F({ "data-component": "bs-select-field" }, c(X)(r.$attrs, n.value).remaining), [
+      e.label || r.$slots.label ? (d(), A(le, {
         key: 0,
         for: r.$attrs.id || o.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: D(() => [
-          V(r.$slots, "label", {}, () => [
-            j(A(e.label), 1)
+        default: L(() => [
+          O(r.$slots, "label", {}, () => [
+            U(T(e.label), 1)
           ])
         ]),
         _: 3
       }, 8, ["for", "disabled", "required"])) : C("", !0),
-      P(Ul, z({
+      E(Hl, F({
         disabled: e.disabled,
         error: e.error,
         "hint-id": c(l),
@@ -5312,23 +5338,23 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
         required: e.required,
         value: s.value,
         "onUpdate:modelValue": m[0] || (m[0] = (g) => r.$emit("update:modelValue", g))
-      }, c(Z)(r.$attrs, n.value).filtered), {
-        default: D(() => [
+      }, c(X)(r.$attrs, n.value).filtered), {
+        default: L(() => [
           B("option", {
             selected: !s.value,
             value: "",
             disabled: !!s.value
-          }, A(e.disabled ? "" : e.placeholder), 9, Gl),
-          (d(!0), b(K, null, te(e.data, (g) => (d(), b("option", {
+          }, T(e.disabled ? "" : e.placeholder), 9, Gl),
+          (d(!0), h(Y, null, ae(e.data, (g) => (d(), h("option", {
             key: g.value,
             disabled: g.disabled,
             selected: s.value === g.value,
             value: g.value
-          }, A(g.label), 9, Hl))), 128))
+          }, T(g.label), 9, Kl))), 128))
         ]),
         _: 1
       }, 16, ["disabled", "error", "hint-id", "input-id", "required", "value"]),
-      u.value ? (d(), O(ye, {
+      u.value ? (d(), A(ye, {
         key: 1,
         "data-disabled": e.disabled,
         error: e.error,
@@ -5338,7 +5364,7 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
       }, null, 8, ["data-disabled", "error", "error-msg", "hint", "hint-id"])) : C("", !0)
     ], 16));
   }
-}), Kl = ["id", "name", "value"], Yl = ["aria-controls", "aria-describedby", "aria-expanded", "aria-invalid", "aria-label", "data-cy", "data-disabled", "data-error", "data-open", "data-placeholder", "data-required", "disabled", "id"], ti = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), Yl = ["id", "name", "value"], Zl = ["aria-controls", "aria-describedby", "aria-expanded", "aria-invalid", "aria-label", "data-cy", "data-disabled", "data-error", "data-open", "data-placeholder", "data-required", "disabled", "id"], ai = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsSelectWithDropdown",
   props: {
     breakout: {
@@ -5414,35 +5440,35 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
   },
   emits: ["update:model-value"],
   setup(e, { emit: a }) {
-    const t = e, l = a, [n, i] = Q(2), u = re(), o = $(!1), s = f(() => t.selectId || u.id || n.value), r = f(() => t.optionsId || i.value), m = f(() => {
+    const t = e, l = a, [n, i] = J(2), u = de(), o = $(!1), s = f(() => t.selectId || u.id || n.value), r = f(() => t.optionsId || i.value), m = f(() => {
       if (t.modelValue) {
-        const v = t.options.find((h) => h.value === t.modelValue);
+        const v = t.options.find((b) => b.value === t.modelValue);
         return v ? v.label : t.placeholder;
       }
       return t.placeholder;
     }), g = f(() => m.value === t.placeholder);
-    return (v, h) => (d(), b("div", null, [
-      e.label || v.$slots.label ? (d(), O(ne, {
+    return (v, b) => (d(), h("div", null, [
+      e.label || v.$slots.label ? (d(), A(le, {
         key: 0,
         disabled: e.disabled,
         for: s.value,
         required: e.required
       }, {
-        default: D(() => [
-          V(v.$slots, "label", {}, () => [
-            j(A(e.label), 1)
+        default: L(() => [
+          O(v.$slots, "label", {}, () => [
+            U(T(e.label), 1)
           ])
         ]),
         _: 3
       }, 8, ["disabled", "for", "required"])) : C("", !0),
-      e.inputName || e.inputId ? (d(), b("input", {
+      e.inputName || e.inputId ? (d(), h("input", {
         key: 1,
         id: e.inputId,
         name: e.inputName,
         type: "hidden",
         value: e.modelValue
-      }, null, 8, Kl)) : C("", !0),
-      P(Lt, {
+      }, null, 8, Yl)) : C("", !0),
+      E(Lt, {
         "anchor-id": s.value,
         breakout: e.breakout,
         "dropdown-position": e.dropdownPosition,
@@ -5455,11 +5481,11 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
         options: e.options,
         "selected-option": e.modelValue,
         "toggle-id": s.value,
-        onClose: h[1] || (h[1] = (y) => o.value = !1),
-        "onUpdate:selectedOption": h[2] || (h[2] = (y) => l("update:model-value", y))
+        onClose: b[1] || (b[1] = (y) => o.value = !1),
+        "onUpdate:selectedOption": b[2] || (b[2] = (y) => l("update:model-value", y))
       }, {
-        toggle: D(() => [
-          B("button", z({
+        toggle: L(() => [
+          B("button", F({
             "aria-controls": r.value,
             "aria-describedby": e.hintId,
             "aria-expanded": o.value,
@@ -5477,20 +5503,20 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
             id: s.value,
             role: "combobox"
           }, v.$attrs, {
-            onClick: h[0] || (h[0] = wt((y) => o.value = !o.value, ["prevent"]))
+            onClick: b[0] || (b[0] = wt((y) => o.value = !o.value, ["prevent"]))
           }), [
-            B("span", null, A(m.value), 1),
-            e.disabled ? C("", !0) : (d(), O(c(Me), {
+            B("span", null, T(m.value), 1),
+            e.disabled ? C("", !0) : (d(), A(c(Me), {
               key: 0,
               size: "md"
             }))
-          ], 16, Yl)
+          ], 16, Zl)
         ]),
         _: 1
       }, 8, ["anchor-id", "breakout", "dropdown-position", "dropdown-width", "helper-description", "helper-text", "open", "options-id", "options", "selected-option", "toggle-id"])
     ]));
   }
-}), Zl = ["data-disabled", "data-size"], Xl = ["data-disabled", "data-pending", "data-size"], Ql = ["checked", "disabled", "id"], Jl = ["data-inner-on-label", "data-inner-off-label"], ai = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), 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"], ni = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsSwitch",
   props: {
     checked: {
@@ -5536,22 +5562,22 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = a, [n] = Q(), i = f(() => tt.concat(t.passAttrs.split(","))), u = f(() => t.inputId || n.value), o = f(() => t.checked || t.modelValue);
-    return (s, r) => (d(), b("div", z({
+    const t = e, l = a, [n] = J(), i = f(() => tt.concat(t.passAttrs.split(","))), u = f(() => t.inputId || n.value), o = f(() => t.checked || t.modelValue);
+    return (s, r) => (d(), h("div", F({
       class: "bs-boolean",
       "data-component": "bs-switch",
       "data-disabled": e.disabled,
       "data-size": e.size
-    }, c(Z)(s.$attrs, i.value).remaining), [
-      e.label || s.$slots.label ? (d(), O(ne, {
+    }, c(X)(s.$attrs, i.value).remaining), [
+      e.label || s.$slots.label ? (d(), A(le, {
         key: 0,
         for: s.$attrs.id || u.value,
         disabled: e.disabled,
         hide: e.hideLabel
       }, {
-        default: D(() => [
-          V(s.$slots, "label", {}, () => [
-            j(A(e.label), 1)
+        default: L(() => [
+          O(s.$slots, "label", {}, () => [
+            U(T(e.label), 1)
           ])
         ]),
         _: 3
@@ -5562,23 +5588,23 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
         "data-pending": e.pending,
         "data-size": e.size
       }, [
-        B("input", z({
+        B("input", F({
           checked: o.value,
           disabled: e.disabled,
           id: s.$attrs.id || u.value,
           type: "checkbox"
-        }, c(Z)(s.$attrs, i.value).filtered, {
+        }, c(X)(s.$attrs, i.value).filtered, {
           onChange: r[0] || (r[0] = (m) => l("update:modelValue", m.target.checked))
-        }), null, 16, Ql),
+        }), null, 16, Jl),
         B("span", {
           "aria-hidden": "true",
           "data-inner-on-label": e.innerOnLabel,
           "data-inner-off-label": e.innerOffLabel
-        }, null, 8, Jl)
-      ], 8, Xl)
-    ], 16, Zl));
+        }, null, 8, _l)
+      ], 8, Ql)
+    ], 16, Xl));
   }
-}), _l = ["aria-controls", "aria-selected", "data-hidden"], ni = {
+}), eo = ["aria-controls", "aria-selected", "data-hidden"], li = {
   __name: "BsTab",
   props: {
     activeTabId: {
@@ -5595,7 +5621,7 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
   },
   emits: ["tabClick"],
   setup(e, { emit: a }) {
-    const t = e, l = re(), n = $(), i = f(() => t.activeTabId === l.id), u = f(() => t.panelId || `${l.id}-panel`);
+    const t = e, l = de(), n = $(), i = f(() => t.activeTabId === l.id), u = f(() => t.panelId || `${l.id}-panel`);
     function o(r) {
       (r.key === "Enter" || r.key === " ") && (r.preventDefault(), r.stopPropagation(), s());
     }
@@ -5605,7 +5631,7 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
         n.value.dispatchEvent(r);
       }
     }
-    return (r, m) => (d(), b("div", {
+    return (r, m) => (d(), h("div", {
       "aria-controls": u.value,
       "aria-selected": i.value ? "true" : "false",
       "data-hidden": e.hidden || void 0,
@@ -5617,10 +5643,10 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
       onClick: s,
       onKeydown: o
     }, [
-      V(r.$slots, "default")
-    ], 40, _l));
+      O(r.$slots, "default")
+    ], 40, eo));
   }
-}, eo = ["id", "data-resizing"], to = ["aria-controls", "aria-expanded", "data-active", "data-hidden", "id"], ao = 73, no = 20, Ue = 16, li = {
+}, to = ["id", "data-resizing"], ao = ["aria-controls", "aria-expanded", "data-active", "data-hidden", "id"], no = 73, lo = 20, Ue = 16, oi = {
   __name: "BsTabList",
   props: {
     activeTabId: { type: String, required: !0 },
@@ -5631,185 +5657,185 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
   },
   emits: ["tabChange", "update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = $(!1), i = $(!1), u = $([]), o = $(!1), s = $(!1), r = $(), m = $([]), g = $(!1), v = $([]), h = $(), y = $([]), w = $(), p = $(), [S, k] = Q(2);
+    const t = e, l = a, n = $(!1), i = $(!1), u = $([]), o = $(!1), s = $(!1), r = $(), m = $([]), g = $(!1), v = $([]), b = $(), y = $([]), S = $(), p = $(), [w, k] = J(2);
     let I;
-    const q = f(() => t.activeTabId ? v.value.findIndex((x) => x.id === t.activeTabId) : 0), T = f(() => u.value.some((x) => x.id === t.activeTabId)), L = f(() => `${k.value}-options`), F = f(() => `${k.value}-toggle`), R = f(() => {
+    const q = f(() => t.activeTabId ? v.value.findIndex((x) => x.id === t.activeTabId) : 0), z = f(() => u.value.some((x) => x.id === t.activeTabId)), R = f(() => `${k.value}-options`), D = f(() => `${k.value}-toggle`), W = f(() => {
       var x;
-      return T.value ? (x = v.value[q.value]) == null ? void 0 : x.textContent : "More";
-    }), U = f(() => T.value ? m.value[q.value] - m.value[q.value - 1] + no + Ue : ao + Ue);
-    function _() {
-      var de;
-      let x = !1, N, H = 0, ee = !1, oe = [];
-      if ((de = v.value) != null && de.length) {
-        for (let ie = 0; ie < v.value.length; ie++) {
-          if (N = v.value[ie], N.setAttribute("tabindex", "-1"), ee && ie !== q.value) {
-            N.dataset.hidden = "true", oe.push(N);
+      return z.value ? (x = v.value[q.value]) == null ? void 0 : x.textContent : "More";
+    }), P = f(() => z.value ? m.value[q.value] - m.value[q.value - 1] + lo + Ue : no + Ue);
+    function H() {
+      var fe;
+      let x = !1, N, K = 0, ee = !1, re = [];
+      if ((fe = v.value) != null && fe.length) {
+        for (let se = 0; se < v.value.length; se++) {
+          if (N = v.value[se], N.setAttribute("tabindex", "-1"), ee && se !== q.value) {
+            N.dataset.hidden = "true", re.push(N);
             continue;
           }
-          if (H = ie < v.value.length - 1 ? p.value - U.value : p.value, m.value[ie] > H) {
-            N.dataset.hidden = "true", oe.push(N), x = !0, ee = !0;
+          if (K = se < v.value.length - 1 ? p.value - P.value : p.value, m.value[se] > K) {
+            N.dataset.hidden = "true", re.push(N), x = !0, ee = !0;
             continue;
           }
           N.dataset.hidden = "false", N.setAttribute("tabindex", "0");
         }
-        s.value = x, u.value = oe, n.value || Ae(() => n.value = !0), I = setTimeout(() => {
+        s.value = x, u.value = re, n.value || Ae(() => n.value = !0), I = setTimeout(() => {
           r.value && (Rt(), Te(), g.value = !0);
         }, g.value ? 25 : 1e3);
       }
     }
-    function he() {
+    function te() {
       clearTimeout(I);
     }
-    function Se() {
-      he(), Mt();
+    function ue() {
+      te(), Mt();
     }
-    function ve(x) {
+    function ie(x) {
       l("tabChange", x), l("update:modelValue", x);
     }
     function Ce(x) {
-      var ee, oe, de;
-      const N = (de = (oe = (ee = v.value[x]) == null ? void 0 : ee.getBoundingClientRect) == null ? void 0 : oe.call(ee)) == null ? void 0 : de.width;
+      var ee, re, fe;
+      const N = (fe = (re = (ee = v.value[x]) == null ? void 0 : ee.getBoundingClientRect) == null ? void 0 : re.call(ee)) == null ? void 0 : fe.width;
       return N || (x === 0 ? m.value[0] : m.value[x] - m.value[x - 1]) || 0;
     }
-    function se() {
+    function ce() {
       var x;
-      (x = v.value[q.value]) == null || x.setAttribute("aria-selected", "true"), _();
+      (x = v.value[q.value]) == null || x.setAttribute("aria-selected", "true"), H();
     }
     function xe() {
       var x;
-      (x = h.value) == null || x.focus(), o.value = !1;
+      (x = b.value) == null || x.focus(), o.value = !1;
     }
     function we() {
       o.value = !o.value, i.value || (i.value = !0);
     }
-    function E(x) {
+    function V(x) {
       var N;
-      o.value = !1, (N = h.value) == null || N.focus(), ve(x);
+      o.value = !1, (N = b.value) == null || N.focus(), ie(x);
     }
-    function W(x) {
+    function j(x) {
       if (t.withBsTabs) return;
       const N = x.target.closest('[role="tab"]');
       if (!N || N.getAttribute("aria-selected") === "true") return;
-      const H = N.getAttribute("id");
-      ve(H);
+      const K = N.getAttribute("id");
+      ie(K);
     }
     function M(x) {
       if (x.key === "ArrowLeft" || x.key === "ArrowRight") {
-        const N = y.value.findIndex((H) => H.id === x.target.id);
+        const N = y.value.findIndex((K) => K.id === x.target.id);
         if (N === -1) return;
-        x.preventDefault(), x.stopPropagation(), x.key === "ArrowLeft" ? J(N) : Y(N);
+        x.preventDefault(), x.stopPropagation(), x.key === "ArrowLeft" ? _(N) : Z(N);
       }
     }
-    function Y(x) {
-      var H;
+    function Z(x) {
+      var K;
       const N = (x + 1) % y.value.length;
-      (H = y.value[N]) == null || H.focus();
+      (K = y.value[N]) == null || K.focus();
     }
-    function J(x) {
-      var H;
+    function _(x) {
+      var K;
       const N = x === 0 ? y.value.length - 1 : x - 1;
-      (H = y.value[N]) == null || H.focus();
+      (K = y.value[N]) == null || K.focus();
     }
     function Te() {
-      var de, ie, rt, st;
+      var fe, se, rt, st;
       const x = parseInt(r.value.style.getPropertyValue("--active-line-offset")) || 0, N = p.value;
-      let H = 300, ee = ((ie = (de = y.value) == null ? void 0 : de[q.value]) == null ? void 0 : ie.offsetLeft) || 0, oe = Ce(q.value);
-      s.value && T.value && (ee = (rt = h.value) == null ? void 0 : rt.offsetLeft, oe = (st = h.value) == null ? void 0 : st.offsetWidth), H = Math.max(Math.abs((ee - x) / N * 300), 100), r.value.style.setProperty("--active-line-max-width", `${N}px`), r.value.style.setProperty("--active-line-scale", `${oe / N}`), r.value.style.setProperty("--active-line-offset", `${ee}px`), r.value.style.setProperty("--active-line-transition-duration", `${H}ms`);
+      let K = 300, ee = ((se = (fe = y.value) == null ? void 0 : fe[q.value]) == null ? void 0 : se.offsetLeft) || 0, re = Ce(q.value);
+      s.value && z.value && (ee = (rt = b.value) == null ? void 0 : rt.offsetLeft, re = (st = b.value) == null ? void 0 : st.offsetWidth), K = Math.max(Math.abs((ee - x) / N * 300), 100), r.value.style.setProperty("--active-line-max-width", `${N}px`), r.value.style.setProperty("--active-line-scale", `${re / N}`), r.value.style.setProperty("--active-line-offset", `${ee}px`), r.value.style.setProperty("--active-line-transition-duration", `${K}ms`);
     }
     function Mt() {
       var x, N;
-      (N = (x = w.value) == null ? void 0 : x.disconnect) == null || N.call(x), w.value = null;
+      (N = (x = S.value) == null ? void 0 : x.disconnect) == null || N.call(x), S.value = null;
     }
     function Nt() {
       const x = Ve(() => {
-        p.value = r.value.clientWidth, _();
+        p.value = r.value.clientWidth, H();
       }, 25);
-      w.value = new ResizeObserver(x), w.value.observe(document.body), r.value && w.value.observe(r.value);
+      S.value = new ResizeObserver(x), S.value.observe(document.body), r.value && S.value.observe(r.value);
     }
     function zt() {
       v.value = Array.from(r.value.children).filter((x) => x.role === "tab");
     }
     function Ft() {
       let x;
-      v.value.forEach((N, H) => {
-        x = N.getBoundingClientRect().width + Ue, m.value.push(H ? x + m.value[H - 1] : x);
+      v.value.forEach((N, K) => {
+        x = N.getBoundingClientRect().width + Ue, m.value.push(K ? x + m.value[K - 1] : x);
       });
     }
     function Rt() {
-      var N, H;
+      var N, K;
       let x = [];
       if (typeof window > "u") return x;
       for (let ee of v.value) {
-        if (((N = ee.dataset) == null ? void 0 : N.hidden) === "true" || ((H = ee.dataset) == null ? void 0 : H.hidden) === "" || ee.getAttribute("tabindex") === "-1") break;
+        if (((N = ee.dataset) == null ? void 0 : N.hidden) === "true" || ((K = ee.dataset) == null ? void 0 : K.hidden) === "" || ee.getAttribute("tabindex") === "-1") break;
         x.push(ee);
       }
       s.value && x.push(r.value.querySelector(".bs-tab-list-toggle")), y.value = x;
     }
-    return G(() => t.activeTabId, se), X(() => {
+    return G(() => t.activeTabId, ce), Q(() => {
       var x;
       try {
-        zt(), Ft(), Nt(), p.value = r.value.getBoundingClientRect().width, _(), t.withBsTabs || (x = v.value[q.value]) == null || x.setAttribute("aria-selected", "true");
+        zt(), Ft(), Nt(), p.value = r.value.getBoundingClientRect().width, H(), t.withBsTabs || (x = v.value[q.value]) == null || x.setAttribute("aria-selected", "true");
       } catch (N) {
         console.log("tab error", N);
       }
-    }), $e(Se), (x, N) => (d(), b("div", {
+    }), $e(ue), (x, N) => (d(), h("div", {
       class: "bs-tab-list",
       "data-component": "bs-tab-list",
-      id: x.$attrs.id || c(S),
+      id: x.$attrs.id || c(w),
       ref_key: "hostEl",
       ref: r,
       role: "tablist",
       "data-resizing": !n.value || void 0,
-      onClick: W,
-      "on:tabClick": N[0] || (N[0] = (H) => ve(H.detail)),
+      onClick: j,
+      "on:tabClick": N[0] || (N[0] = (K) => ie(K.detail)),
       onKeydown: M
     }, [
-      V(x.$slots, "default"),
+      O(x.$slots, "default"),
       B("button", {
         "aria-controls": c(k),
         "aria-expanded": o.value,
         class: "bs-tab-list-toggle",
-        "data-active": T.value || void 0,
+        "data-active": z.value || void 0,
         "data-hidden": !s.value,
-        id: F.value,
+        id: D.value,
         ref_key: "dropdownToggle",
-        ref: h,
+        ref: b,
         onClick: we
       }, [
-        P(c(Qt), { size: "sm" }),
-        j(" " + A(R.value), 1)
-      ], 8, to),
-      P(Pt, {
-        "anchor-id": F.value,
-        "container-id": x.$attrs.id || c(S),
+        E(c(Qt), { size: "sm" }),
+        U(" " + T(W.value), 1)
+      ], 8, ao),
+      E(Pt, {
+        "anchor-id": D.value,
+        "container-id": x.$attrs.id || c(w),
         "helper-description": e.helperDescription || void 0,
         "helper-text": e.helperText,
         id: c(k),
-        "options-id": L.value,
+        "options-id": R.value,
         position: "right",
         preloaded: "",
         shown: o.value,
         width: "content",
         onClose: xe,
-        "onUpdate:modelValue": E
+        "onUpdate:modelValue": V
       }, {
-        default: D(() => [
-          (d(!0), b(K, null, te(u.value, (H) => (d(), O(it, {
-            key: H.id,
-            value: H.id,
-            "options-id": L.value
+        default: L(() => [
+          (d(!0), h(Y, null, ae(u.value, (K) => (d(), A(it, {
+            key: K.id,
+            value: K.id,
+            "options-id": R.value
           }, {
-            default: D(() => [
-              j(A(H.textContent), 1)
+            default: L(() => [
+              U(T(K.textContent), 1)
             ]),
             _: 2
           }, 1032, ["value", "options-id"]))), 128))
         ]),
         _: 1
       }, 8, ["anchor-id", "container-id", "helper-description", "helper-text", "id", "options-id", "shown"])
-    ], 40, eo));
+    ], 40, to));
   }
-}, lo = ["aria-labelledby", "data-active", "id"], oi = {
+}, oo = ["aria-labelledby", "data-active", "id"], ii = {
   __name: "BsTabPanel",
   props: {
     activeTabId: {
@@ -5822,18 +5848,18 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
     }
   },
   setup(e) {
-    const a = e, t = re(), l = f(() => a.activeTabId && a.activeTabId === a.tabId), n = f(() => t.id || `${a.tabId}-panel`);
-    return (i, u) => (d(), b("section", {
+    const a = e, t = de(), l = f(() => a.activeTabId && a.activeTabId === a.tabId), n = f(() => t.id || `${a.tabId}-panel`);
+    return (i, u) => (d(), h("section", {
       "aria-labelledby": e.tabId,
       "data-active": l.value,
       "data-component": "bs-tab-panel",
       id: n.value,
       role: "tabpanel"
     }, [
-      V(i.$slots, "default")
-    ], 8, lo));
+      O(i.$slots, "default")
+    ], 8, oo));
   }
-}, oo = ["data-error", "id", "rows", "value"], io = {
+}, io = ["data-error", "id", "rows", "value"], ro = {
   __name: "BsTextarea",
   props: {
     error: {
@@ -5849,7 +5875,7 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
     const t = e, l = f(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
-    return (n, i) => (d(), b("textarea", z({
+    return (n, i) => (d(), h("textarea", F({
       class: "bs-textarea",
       "data-component": "bs-textarea",
       "data-error": e.error,
@@ -5857,9 +5883,9 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
       rows: n.$attrs.rows || 6,
       value: e.value || e.modelValue,
       onInput: i[0] || (i[0] = (u) => n.$emit("update:modelValue", u.target.value))
-    }, l.value), null, 16, oo));
+    }, l.value), null, 16, io));
   }
-}, ii = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, ri = /* @__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. */
@@ -5908,7 +5934,7 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, [l, n] = Q(2), i = f(() => Wa.concat(t.passAttrs.split(","))), u = f(() => {
+    const t = e, [l, n] = J(2), i = f(() => Wa.concat(t.passAttrs.split(","))), u = f(() => {
       var m;
       return ((m = t.value || t.modelValue) == null ? void 0 : m.length) || 0;
     }), o = f(() => {
@@ -5916,21 +5942,21 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
       return ((g = (m = t.hints) == null ? void 0 : m.join) == null ? void 0 : g.call(m, `
 `)) || t.hints;
     }), s = f(() => t.error && t.errorMsg || t.hint || o.value || void 0), r = f(() => t.inputId || l.value);
-    return (m, g) => (d(), b("div", z({ "data-component": "bs-textarea-field" }, c(Z)(m.$attrs, i.value).remaining), [
-      e.label || m.$slots.label ? (d(), O(ne, {
+    return (m, g) => (d(), h("div", F({ "data-component": "bs-textarea-field" }, c(X)(m.$attrs, i.value).remaining), [
+      e.label || m.$slots.label ? (d(), A(le, {
         key: 0,
         for: m.$attrs.id || r.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: D(() => [
-          V(m.$slots, "label", {}, () => [
-            j(A(e.label), 1)
+        default: L(() => [
+          O(m.$slots, "label", {}, () => [
+            U(T(e.label), 1)
           ])
         ]),
         _: 3
       }, 8, ["for", "disabled", "required"])) : C("", !0),
-      P(io, z({
+      E(ro, F({
         disabled: e.disabled,
         error: e.error,
         "hint-id": c(n),
@@ -5940,8 +5966,8 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
         rows: e.rows,
         value: e.value || e.modelValue,
         "onUpdate:modelValue": g[0] || (g[0] = (v) => m.$emit("update:modelValue", v))
-      }, c(Z)(m.$attrs, i.value).filtered), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "rows", "value"]),
-      s.value || e.charMax ? (d(), O(ye, {
+      }, c(X)(m.$attrs, i.value).filtered), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "rows", "value"]),
+      s.value || e.charMax ? (d(), A(ye, {
         key: 1,
         "char-count": u.value,
         "char-max": e.charMax,
@@ -5954,15 +5980,15 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
     ], 16));
   }
 });
-function ro(e) {
+function so(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 Be = (e) => parseInt(e, 10);
-function so(e = "") {
+function uo(e = "") {
   const a = /[^0-9:apmAPM]/g;
   let t, l;
-  switch (e = e.replaceAll(a, "").toLowerCase(), ro(e)) {
+  switch (e = e.replaceAll(a, "").toLowerCase(), so(e)) {
     case "uFmt":
     case "uFmtNoColon":
       l = Be(e.slice(-2)), t = Be(e.slice(0, -2));
@@ -5978,17 +6004,17 @@ function so(e = "") {
     minutes: l
   };
 }
-function ge(e = "") {
+function Se(e = "") {
   const a = /[^0-9:]/g;
   if (e = e.replaceAll(a, ""), !e) return "";
   const [t, l] = e.split(":"), n = Be(t), i = Be(l), u = n < 12 ? "AM" : "PM";
   return isNaN(n) || isNaN(i) || n > 23 || i > 59 ? "" : `${n % 12 || 12}:${l} ${u}`;
 }
-function uo(e = "") {
-  const { hours: a, minutes: t } = so(e);
+function co(e = "") {
+  const { hours: a, minutes: t } = uo(e);
   return isNaN(a) || isNaN(t) ? "" : `${a.toString().padStart(2, "0")}:${t.toString().padStart(2, "0")}`;
 }
-const Ge = "excluded", He = "over", vt = "skip", gt = "stop", Ke = "under", co = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+const He = "excluded", Ge = "over", vt = "skip", gt = "stop", Ke = "under", fo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsTimePicker",
   props: {
     disabled: {
@@ -6053,69 +6079,69 @@ const Ge = "excluded", He = "over", vt = "skip", gt = "stop", Ke = "under", co =
   },
   emits: ["update:modelValue"],
   setup(e, { expose: a, emit: t }) {
-    const l = e, n = t, i = $(ge(l.modelValue)), u = $([]), o = $(""), s = $(!1);
+    const l = e, n = t, i = $(Se(l.modelValue)), u = $([]), o = $(""), s = $(!1);
     function r() {
-      const S = [];
+      const w = [];
       let k = !1;
       for (let I = 0; I < 24 && !k; I++)
         for (let q = 0; q < 60; q += l.step) {
-          const T = v(I, q), L = g(T);
-          if (L !== vt) {
-            if (L === gt) {
+          const z = v(I, q), R = g(z);
+          if (R !== vt) {
+            if (R === gt) {
               k = !0;
               break;
             }
-            S.push({
-              label: ge(T),
-              value: T
+            w.push({
+              label: Se(z),
+              value: z
             });
           }
         }
-      return S;
+      return w;
     }
-    function m(S) {
-      return S ? l.minTime && S < l.minTime ? Ke : l.maxTime && S > l.maxTime ? He : l.disabledTimes.includes(S) ? Ge : "" : "";
+    function m(w) {
+      return w ? l.minTime && w < l.minTime ? Ke : l.maxTime && w > l.maxTime ? Ge : l.disabledTimes.includes(w) ? He : "" : "";
     }
-    function g(S) {
-      switch (m(S)) {
-        case He:
+    function g(w) {
+      switch (m(w)) {
+        case Ge:
           return gt;
         case Ke:
-        case Ge:
+        case He:
           return vt;
         default:
           return "";
       }
     }
-    function v(S, k) {
-      return S = S.toString().padStart(2, "0"), k = k.toString().padStart(2, "0"), `${S}:${k}`;
+    function v(w, k) {
+      return w = w.toString().padStart(2, "0"), k = k.toString().padStart(2, "0"), `${w}:${k}`;
     }
-    function h(S) {
-      const k = uo(S);
-      k === l.modelValue && (i.value = ge(l.modelValue)), w(k);
+    function b(w) {
+      const k = co(w);
+      k === l.modelValue && (i.value = Se(l.modelValue)), S(k);
     }
     function y() {
       u.value = r();
     }
-    function w(S) {
-      p(S), n("update:modelValue", S);
+    function S(w) {
+      p(w), n("update:modelValue", w);
     }
-    function p(S) {
-      switch (m(S)) {
-        case He:
-          o.value = `Time must be before ${ge(l.maxTime)}`, s.value = !0;
+    function p(w) {
+      switch (m(w)) {
+        case Ge:
+          o.value = `Time must be before ${Se(l.maxTime)}`, s.value = !0;
           break;
         case Ke:
-          o.value = `Time must be after ${ge(l.minTime)}`, s.value = !0;
+          o.value = `Time must be after ${Se(l.minTime)}`, s.value = !0;
           break;
-        case Ge:
-          o.value = `The following times are disabled: ${l.disabledTimes.map((I) => ge(I)).join(", ")}`, s.value = !0;
+        case He:
+          o.value = `The following times are disabled: ${l.disabledTimes.map((I) => Se(I)).join(", ")}`, s.value = !0;
           break;
         default:
           o.value = "", s.value = !1;
       }
     }
-    return X(y), G([
+    return Q(y), G([
       () => l.disabledTimes,
       () => l.maxTime,
       () => l.minTime,
@@ -6125,12 +6151,12 @@ const Ge = "excluded", He = "over", vt = "skip", gt = "stop", Ke = "under", co =
       () => l.maxTime,
       () => l.minTime,
       () => l.modelValue
-    ], () => p(l.modelValue)), G(() => l.modelValue, (S) => {
-      i.value = l.modelValue ? ge(S) : "";
+    ], () => p(l.modelValue)), G(() => l.modelValue, (w) => {
+      i.value = l.modelValue ? Se(w) : "";
     }), a({
       validationErr: s,
       validationErrMsg: o
-    }), (S, k) => (d(), O(Et, {
+    }), (w, k) => (d(), A(Et, {
       disabled: e.disabled,
       "display-value": i.value,
       "dropdown-position": e.dropdownPosition,
@@ -6145,10 +6171,10 @@ const Ge = "excluded", He = "over", vt = "skip", gt = "stop", Ke = "under", co =
       placeholder: e.placeholder,
       required: e.required,
       "update-on-input": !1,
-      "onUpdate:modelValue": h
+      "onUpdate:modelValue": b
     }, null, 8, ["disabled", "display-value", "dropdown-position", "dropdown-width", "error", "helper-description", "helper-text", "hint-id", "input-id", "model-value", "options", "placeholder", "required"]));
   }
-}), ri = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), si = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsTimePickerField",
   props: {
     disabled: {
@@ -6217,34 +6243,34 @@ const Ge = "excluded", He = "over", vt = "skip", gt = "stop", Ke = "under", co =
   },
   emits: ["update:modelValue"],
   setup(e, { expose: a, emit: t }) {
-    const l = e, [n, i] = Q(2), u = $(null), o = f(() => l.errorMsg || g.value), s = f(() => l.error || v.value), r = f(() => l.inputId || n.value), m = f(() => l.hint || s.value && o.value), g = f(() => {
-      var h;
-      return (h = u.value) == null ? void 0 : h.validationErrMsg;
+    const l = e, [n, i] = J(2), u = $(null), o = f(() => l.errorMsg || g.value), s = f(() => l.error || v.value), r = f(() => l.inputId || n.value), m = f(() => l.hint || s.value && o.value), g = f(() => {
+      var b;
+      return (b = u.value) == null ? void 0 : b.validationErrMsg;
     }), v = f(() => {
-      var h;
-      return (h = u.value) == null ? void 0 : h.validationErr;
+      var b;
+      return (b = u.value) == null ? void 0 : b.validationErr;
     });
     return a({
       validationErr: v,
       validationErrMsg: g
-    }), (h, y) => (d(), b("div", z({
+    }), (b, y) => (d(), h("div", F({
       "aria-live": "polite",
       "data-component": "bs-time-picker-field"
-    }, c(Z)(h.$attrs, c(be)).remaining), [
-      e.label || h.$slots.label ? (d(), O(ne, {
+    }, c(X)(b.$attrs, c(ge)).remaining), [
+      e.label || b.$slots.label ? (d(), A(le, {
         key: 0,
-        for: h.$attrs.id || r.value,
+        for: b.$attrs.id || r.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: D(() => [
-          V(h.$slots, "label", {}, () => [
-            j(A(e.label), 1)
+        default: L(() => [
+          O(b.$slots, "label", {}, () => [
+            U(T(e.label), 1)
           ])
         ]),
         _: 3
       }, 8, ["for", "disabled", "required"])) : C("", !0),
-      P(co, z({
+      E(fo, F({
         ref_key: "timePicker",
         ref: u,
         disabled: e.disabled,
@@ -6255,26 +6281,26 @@ const Ge = "excluded", He = "over", vt = "skip", gt = "stop", Ke = "under", co =
         "helper-description": e.helperDescription,
         "helper-text": e.helperText,
         "hint-id": c(i),
-        "input-id": h.$attrs.id || r.value,
+        "input-id": b.$attrs.id || r.value,
         "max-time": e.maxTime,
         "min-time": e.minTime,
         "model-value": e.modelValue,
         placeholder: e.placeholder,
         required: e.required,
         step: e.step,
-        "onUpdate:modelValue": y[0] || (y[0] = (w) => h.$emit("update:modelValue", w))
-      }, c(Z)(h.$attrs, c(be)).filtered), null, 16, ["disabled", "disabled-times", "dropdown-position", "dropdown-width", "error", "helper-description", "helper-text", "hint-id", "input-id", "max-time", "min-time", "model-value", "placeholder", "required", "step"]),
-      ue(P(ye, {
+        "onUpdate:modelValue": y[0] || (y[0] = (S) => b.$emit("update:modelValue", S))
+      }, c(X)(b.$attrs, c(ge)).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"]),
+      pe(E(ye, {
         error: s.value,
         "error-msg": o.value,
         hint: e.hint,
         "hint-id": c(i)
       }, null, 8, ["error", "error-msg", "hint", "hint-id"]), [
-        [ce, m.value]
+        [me, m.value]
       ])
     ], 16));
   }
-}), fo = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], po = ["data-status"], mo = { class: "visually-hidden" }, si = {
+}), po = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], mo = ["data-status"], ho = { class: "visually-hidden" }, di = {
   __name: "BsTimeline",
   props: {
     /** @type {Status} */
@@ -6315,7 +6341,7 @@ const Ge = "excluded", He = "over", vt = "skip", gt = "stop", Ke = "under", co =
     function u(o, s) {
       return o = i(o, s), t[o] || ut;
     }
-    return (o, s) => (d(), b("div", {
+    return (o, s) => (d(), h("div", {
       "aria-valuemax": e.steps.length,
       "aria-valuenow": c(l),
       "aria-valuetext": c(n),
@@ -6323,24 +6349,24 @@ const Ge = "excluded", He = "over", vt = "skip", gt = "stop", Ke = "under", co =
       "data-component": "bs-timeline",
       role: "progressbar"
     }, [
-      (d(!0), b(K, null, te(e.steps, (r, m) => (d(), b("div", {
+      (d(!0), h(Y, null, ae(e.steps, (r, m) => (d(), h("div", {
         class: "bs-step-item",
         "data-status": c(i)(r.status, m),
         key: r.id || r.label,
         role: "status"
       }, [
-        (d(), O(ae(u(r.status, m)), {
+        (d(), A(ne(u(r.status, m)), {
           class: "bs-step-icon",
           role: "presentation"
         })),
         B("p", null, [
-          j(A(r.label || r) + " ", 1),
-          B("span", mo, " : " + A(c(i)(r.status, m) || "not started"), 1)
+          U(T(r.label || r) + " ", 1),
+          B("span", ho, " : " + T(c(i)(r.status, m) || "not started"), 1)
         ])
-      ], 8, po))), 128))
-    ], 8, fo));
+      ], 8, mo))), 128))
+    ], 8, po));
   }
-}, bo = ["data-variant", "data-shown", "data-stacked"], di = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, bo = ["data-variant", "data-shown", "data-stacked"], ui = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsToast",
   props: {
     shown: {
@@ -6388,8 +6414,8 @@ const Ge = "excluded", He = "over", vt = "skip", gt = "stop", Ke = "under", co =
   setup(e, { emit: a }) {
     const t = e, l = a, { transition: n } = Ee(t);
     let i = null;
-    fe("variant", t.variant), fe("handleDismiss", o);
-    const u = pe("stacked", t.stacked);
+    he("variant", t.variant), he("handleDismiss", o);
+    const u = be("stacked", t.stacked);
     function o() {
       i && (clearTimeout(i), i = null), l("dismiss", t.toastId);
     }
@@ -6398,15 +6424,15 @@ const Ge = "excluded", He = "over", vt = "skip", gt = "stop", Ke = "under", co =
         o();
       }, t.duration)), l("after-enter");
     }
-    return (r, m) => (d(), O(Pe, {
+    return (r, m) => (d(), A(Pe, {
       name: "bs-toast",
       shown: c(n),
       preloaded: e.preloaded,
       onAfterEnter: s,
       onAfterLeave: m[0] || (m[0] = (g) => l("after-leave"))
     }, {
-      default: D(() => [
-        B("div", z({
+      default: L(() => [
+        B("div", F({
           class: "bs-toast",
           "data-component": "bs-toast",
           "data-variant": e.variant,
@@ -6414,58 +6440,58 @@ const Ge = "excluded", He = "over", vt = "skip", gt = "stop", Ke = "under", co =
           "data-stacked": c(u) || void 0,
           role: "alert"
         }, r.$attrs), [
-          V(r.$slots, "default")
+          O(r.$slots, "default")
         ], 16, bo)
       ]),
       _: 3
     }, 8, ["shown", "preloaded"]));
   }
-}), ho = ["data-stacked"], ui = {
+}), vo = ["data-stacked"], ci = {
   __name: "BsToastActions",
   setup(e) {
-    const a = pe("handleDismiss", () => {
+    const a = be("handleDismiss", () => {
     });
     function t() {
       var l, n;
       return ((n = (l = et()).default) == null ? void 0 : n.call(l).length) > 2 || void 0;
     }
-    return (l, n) => (d(), b("div", {
+    return (l, n) => (d(), h("div", {
       class: "bs-toast-actions",
       "data-component": "bs-toast-actions",
       "data-stacked": t()
     }, [
-      V(l.$slots, "default", {}, () => [
-        P(xt, {
+      O(l.$slots, "default", {}, () => [
+        E(xt, {
           size: "sm",
           "text-btn": "",
           onClick: c(a)
         }, {
-          default: D(() => n[0] || (n[0] = [
-            j(" Dismiss ")
+          default: L(() => n[0] || (n[0] = [
+            U(" Dismiss ")
           ])),
           _: 1
         }, 8, ["onClick"])
       ])
-    ], 8, ho));
+    ], 8, vo));
   }
-}, vo = (e, a) => {
+}, go = (e, a) => {
   const t = e.__vccOpts || e;
   for (const [l, n] of a)
     t[l] = n;
   return t;
-}, go = {}, yo = {
+}, yo = {}, So = {
   class: "bs-toast-body",
   "data-component": "bs-toast-body"
 };
-function So(e, a) {
-  return d(), b("div", yo, [
-    V(e.$slots, "default")
+function wo(e, a) {
+  return d(), h("div", So, [
+    O(e.$slots, "default")
   ]);
 }
-const ci = /* @__PURE__ */ vo(go, [["render", So]]), wo = ["data-variant"], fi = {
+const fi = /* @__PURE__ */ go(yo, [["render", wo]]), Bo = ["data-variant"], pi = {
   __name: "BsToastHeader",
   setup(e) {
-    const a = pe("variant", void 0), t = f(() => {
+    const a = be("variant", void 0), t = f(() => {
       switch (a) {
         case "warning":
           return Xe;
@@ -6477,28 +6503,28 @@ const ci = /* @__PURE__ */ vo(go, [["render", So]]), wo = ["data-variant"], fi =
           return kt;
       }
     });
-    return (l, n) => (d(), b("div", {
+    return (l, n) => (d(), h("div", {
       class: "bs-toast-header",
       "data-component": "bs-toast-header",
       "data-variant": c(a)
     }, [
-      (d(), O(ae(t.value), { class: "bs-toast-header-icon" })),
+      (d(), A(ne(t.value), { class: "bs-toast-header-icon" })),
       B("h5", null, [
-        V(l.$slots, "default")
+        O(l.$slots, "default")
       ])
-    ], 8, wo));
+    ], 8, Bo));
   }
-}, Bo = {
+}, $o = {
   class: "bs-toaster",
   "data-component": "bs-toaster"
-}, pi = {
+}, mi = {
   __name: "BsToaster",
   setup(e) {
-    return fe("stacked", !0), (a, t) => (d(), b("div", Bo, [
-      V(a.$slots, "default")
+    return he("stacked", !0), (a, t) => (d(), h("div", $o, [
+      O(a.$slots, "default")
     ]));
   }
-}, $o = ["data-position"], Io = ["id"], mi = {
+}, Io = ["data-position"], ko = ["id"], hi = {
   __name: "BsTooltip",
   props: {
     tooltipId: {
@@ -6529,7 +6555,7 @@ const ci = /* @__PURE__ */ vo(go, [["render", So]]), wo = ["data-variant"], fi =
       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;
     });
-    me(["Escape"], () => {
+    ve(["Escape"], () => {
       t.value && (t.value = !1, l.value = !0);
     });
     function i() {
@@ -6538,7 +6564,7 @@ const ci = /* @__PURE__ */ vo(go, [["render", So]]), wo = ["data-variant"], fi =
     function u() {
       t.value = !1, l.value = !1;
     }
-    return (o, s) => (d(), b("div", {
+    return (o, s) => (d(), h("div", {
       class: "bs-tooltip",
       "data-position": e.position || void 0,
       "data-component": "bs-tooltip",
@@ -6547,16 +6573,16 @@ const ci = /* @__PURE__ */ vo(go, [["render", So]]), wo = ["data-variant"], fi =
       onMouseleave: u,
       onFocusout: u
     }, [
-      V(o.$slots, "default"),
-      e.content ? (d(), b("div", {
+      O(o.$slots, "default"),
+      e.content ? (d(), h("div", {
         key: 0,
-        class: le(n.value),
+        class: oe(n.value),
         id: e.tooltipId,
         role: "tooltip"
-      }, A(e.content), 11, Io)) : C("", !0)
-    ], 40, $o));
+      }, T(e.content), 11, ko)) : C("", !0)
+    ], 40, Io));
   }
-}, ko = {
+}, Co = {
   accordion: "[data-component=bs-accordion]",
   badge: "[data-component=bs-badge]",
   banner: "[data-component=bs-banner]",
@@ -6614,68 +6640,68 @@ const ci = /* @__PURE__ */ vo(go, [["render", So]]), wo = ["data-variant"], fi =
   toaster: "[data-component=bs-toaster]",
   tooltip: "[data-component=bs-tooltip]"
 }, bi = {
-  bsSelectors: ko
+  bsSelectors: Co
 };
 export {
-  Eo as BsAccordion,
+  Do as BsAccordion,
   Ca as BsBadge,
-  Do as BsBanner,
+  Po as BsBanner,
   xt as BsButton,
-  Po as BsCalendar,
-  qo as BsCaretButton,
-  Mo as BsCaretTextButton,
-  No as BsChartBar,
-  zo as BsCheckbox,
+  qo as BsCalendar,
+  Mo as BsCaretButton,
+  No as BsCaretTextButton,
+  zo as BsChartBar,
+  Fo as BsCheckbox,
   Tt as BsCircleButton,
   ot as BsDropdown,
   Et as BsDropdownCombobox,
-  Fo as BsDropdownComboboxField,
+  Ro as BsDropdownComboboxField,
   Dt as BsDropdownMultiselect,
   it as BsDropdownOption,
   qe as BsDropdownOptionBuilder,
   Re as BsDropdownOptionList,
   Pt as BsDropdownWithOptions,
   Lt as BsDropdownWithToggle,
-  Ro as BsEmptyState,
+  Wo as BsEmptyState,
   ye as BsFieldDetails,
   In as BsFilterButton,
-  Wo as BsFlyout,
-  jo as BsIconGradientWrapper,
+  jo as BsFlyout,
+  Uo as BsIconGradientWrapper,
   ke as BsInput,
   De as BsInputAddon,
-  Uo as BsInputField,
+  Ho as BsInputField,
   Go as BsInputPhone,
   Vt as BsInputSearch,
-  Ho as BsInputTypeahead,
-  ne as BsLabel,
-  Ko as BsLoader,
-  Yo as BsModal,
-  ul as BsOverlay,
-  Zo as BsPagination,
-  Xo as BsPill,
-  Qo as BsProfile,
-  Nl as BsProfileDetails,
+  Ko as BsInputTypeahead,
+  le as BsLabel,
+  Yo as BsLoader,
+  Zo as BsModal,
+  cl as BsOverlay,
+  Xo as BsPagination,
+  Qo as BsPill,
+  Jo as BsProfile,
+  zl as BsProfileDetails,
   Ot as BsProfileImg,
-  Jo as BsProgressBar,
-  _o as BsRadio,
-  Ul as BsSelect,
-  ei as BsSelectField,
-  ti as BsSelectWithDropdown,
-  ht as BsSpinner,
-  ai as BsSwitch,
-  ni as BsTab,
-  li as BsTabList,
-  oi as BsTabPanel,
-  io as BsTextarea,
-  ii as BsTextareaField,
-  co as BsTimePicker,
-  ri as BsTimePickerField,
-  si as BsTimeline,
-  di as BsToast,
-  ui as BsToastActions,
-  ci as BsToastBody,
-  fi as BsToastHeader,
-  pi as BsToaster,
-  mi as BsTooltip,
+  _o as BsProgressBar,
+  ei as BsRadio,
+  Hl as BsSelect,
+  ti as BsSelectField,
+  ai as BsSelectWithDropdown,
+  bt as BsSpinner,
+  ni as BsSwitch,
+  li as BsTab,
+  oi as BsTabList,
+  ii as BsTabPanel,
+  ro as BsTextarea,
+  ri as BsTextareaField,
+  fo as BsTimePicker,
+  si as BsTimePickerField,
+  di as BsTimeline,
+  ui as BsToast,
+  ci as BsToastActions,
+  fi as BsToastBody,
+  pi as BsToastHeader,
+  mi as BsToaster,
+  hi as BsTooltip,
   bi as bsSelectors
 };