npm - @wwtdev/bsds-components-vue3 - Versions diffs - 2.6.0 → 2.7.0 - Mend

@wwtdev/bsds-components-vue3 2.6.0 → 2.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/README.md +56 -0
package/lib/bsds-components.js +1167 -1040
package/lib/components.css +1 -1
package/package.json +2 -2

package/lib/bsds-components.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { computed as v, ref as y, onMounted as X, onUnmounted as he, shallowRef as $t, watch as R, defineAsyncComponent as He, openBlock as d, createElementBlock as h, unref as f, createElementVNode as S, renderSlot as E, createBlock as P, resolveDynamicComponent as ee, createCommentVNode as k, toDisplayString as A, createVNode as V, normalizeClass as oe, useAttrs as fe, mergeProps as N, withCtx as L, Fragment as G, toHandlers as Ue, onBeforeUnmount as ct, onBeforeMount as ft, nextTick as xe, createTextVNode as H, createSlots as pt, renderList as _, Teleport as wt, withDirectives as se, Transition as et, vShow as de, provide as ue, inject as ce, withModifiers as It, isRef as kt, useSlots as Tt } from "vue";
-import { v4 as vt } from "uuid";
-import { BsIconCaretDown as Ke, BsIconWarning as Ge, BsIconClose as Ve, BsIconCalendar as ht, BsIconCaretSort as Ct, BsIconSearch as xt, BsIconCaretLeftDouble as At, BsIconCaretLeft as Vt, BsIconCaretRight as Et, BsIconCaretRightDouble as Pt, BsIconActionEllipsis as Lt, BsIconGraphPieEmpty as tt, BsIconCircleStop as Ot, BsIconCircleCheck as qt, BsIconCircleX as Dt, BsIconCircleEllipsis as Mt, BsIconCirclePlay as Nt, BsIconCirclePause as zt, BsIconCircleExclamation as mt, BsIconThumbsUpStroke as Rt } from "@wwtdev/bsds-icons-vue3";
+import { computed as v, ref as y, onMounted as Y, onUnmounted as me, shallowRef as Bt, watch as R, defineAsyncComponent as He, openBlock as u, createElementBlock as h, unref as f, createElementVNode as S, renderSlot as P, createBlock as E, resolveDynamicComponent as ee, createCommentVNode as I, toDisplayString as A, createVNode as V, normalizeClass as oe, useAttrs as pe, mergeProps as N, withCtx as O, Fragment as G, toHandlers as Ue, onBeforeUnmount as ut, onBeforeMount as ct, nextTick as xe, createTextVNode as H, createSlots as ft, renderList as _, Teleport as $t, withDirectives as de, Transition as et, vShow as se, provide as ue, inject as ce, withModifiers as It, isRef as kt, useSlots as Tt } from "vue";
+import { v4 as pt } from "uuid";
+import { BsIconCaretDown as Ke, BsIconWarning as Ge, BsIconClose as Ve, BsIconCalendar as vt, BsIconCaretSort as Ct, BsIconSearch as xt, BsIconCaretLeftDouble as At, BsIconCaretLeft as Vt, BsIconCaretRight as Et, BsIconCaretRightDouble as Pt, BsIconActionEllipsis as Ot, BsIconGraphPieEmpty as tt, BsIconCircleStop as Lt, BsIconCircleCheck as qt, BsIconCircleX as Dt, BsIconCircleEllipsis as Mt, BsIconCirclePlay as Nt, BsIconCirclePause as zt, BsIconCircleExclamation as ht, BsIconThumbsUpStroke as Rt } from "@wwtdev/bsds-icons-vue3";
 import { DatePicker as Ft } from "v-calendar";
 import { Chart as Ne, BarController as jt, BarElement as Wt, CategoryScale as Ut, LinearScale as Gt, Legend as Ht, Tooltip as Kt } from "chart.js";
 import { getSupportedCallingCodes as Yt, getRegionCodeForCountryCode as Xt, parsePhoneNumber as at } from "awesome-phonenumber";
@@ -13,13 +13,13 @@ const nt = {
 };
 function qe(e, n, t = "button") {
   const a = Zt(e, n, t), l = v(() => {
-    const o = a.value === "button", u = {};
-    return o ? (u.type = n.type || "button", u.autocomplete = "off", e.disabled && (u.disabled = !0)) : e.disabled && (u["aria-disabled"] = "true", u.tabindex = "-1"), u;
+    const o = a.value === "button", s = {};
+    return o ? (s.type = n.type || "button", s.autocomplete = "off", e.disabled && (s.disabled = !0)) : e.disabled && (s["aria-disabled"] = "true", s.tabindex = "-1"), s;
   }), i = v(() => {
     const o = { ...n, ...l.value };
     return delete o.href, o;
-  }), s = v(() => e.linkTo || e.href);
-  return { rootTag: a, attrsToBind: i, hrefUrl: s };
+  }), d = v(() => e.linkTo || e.href);
+  return { rootTag: a, attrsToBind: i, hrefUrl: d };
 }
 function Zt(e, n, t) {
   const a = Object.keys(nt).find((l) => Qt(e, n, l));
@@ -35,19 +35,19 @@ const Jt = (e, n) => {
       return (i = l.value) == null ? void 0 : i.contains(a.target);
     }) || n(a);
   };
-  X(() => {
+  Y(() => {
     document.addEventListener("click", t);
-  }), he(() => {
+  }), me(() => {
     document.removeEventListener("click", t);
   });
 };
 function De(e) {
   const n = v(() => e.linkTo || e.href || ""), t = v(() => {
-    var i, s;
-    return ((s = (i = n.value) == null ? void 0 : i.startsWith) == null ? void 0 : s.call(i, "/")) || !1;
+    var i, d;
+    return ((d = (i = n.value) == null ? void 0 : i.startsWith) == null ? void 0 : d.call(i, "/")) || !1;
   }), a = v(() => {
-    var i, s;
-    return t.value && ((i = e.router) == null ? void 0 : i.navigateTo) || ((s = e.router) == null ? void 0 : s.push) || null;
+    var i, d;
+    return t.value && ((i = e.router) == null ? void 0 : i.navigateTo) || ((d = e.router) == null ? void 0 : d.push) || null;
   });
   function l(i) {
     if (e.disabled) {
@@ -63,50 +63,50 @@ function De(e) {
 function lt(e) {
   return e.split("-").map((a) => a.charAt(0).toUpperCase() + a.slice(1)).join("");
 }
-const Le = (e, n) => {
+const Oe = (e, n) => {
   function t(l) {
     if (!l)
       return null;
     const i = l.startsWith("bs-") ? lt(l) : `BsIcon${lt(l)}`;
     return He(async () => {
-      const { [i]: s } = await import("@wwtdev/bsds-icons-vue3");
-      return s;
+      const { [i]: d } = await import("@wwtdev/bsds-icons-vue3");
+      return d;
     });
   }
-  const a = $t();
+  const a = Bt();
   return a.value = t(e[n]), R(() => e[n], async (l) => a.value = t(l)), { icon: a };
 };
 function Z(e = 1) {
   const n = [];
   for (let t = 0; t < e; t++)
     n.push(y(""));
-  return X(() => {
-    n.forEach((t) => t.value = `id-${vt()}`);
+  return Y(() => {
+    n.forEach((t) => t.value = `id-${pt()}`);
   }), n;
 }
-const ye = (e, n, t = void 0) => {
+const we = (e, n, t = void 0) => {
   const a = (l) => {
-    var i, s;
-    ((i = e == null ? void 0 : e.includes) != null && i.call(e, l.key) || (s = e == null ? void 0 : e.some) != null && s.call(e, (o) => {
-      var u;
-      return (u = o == null ? void 0 : o.test) == null ? void 0 : u.call(o, l.key);
+    var i, d;
+    ((i = e == null ? void 0 : e.includes) != null && i.call(e, l.key) || (d = e == null ? void 0 : e.some) != null && d.call(e, (o) => {
+      var s;
+      return (s = o == null ? void 0 : o.test) == null ? void 0 : s.call(o, l.key);
     })) && n(l);
   };
-  X(() => {
+  Y(() => {
     ((t == null ? void 0 : t.value) ?? document).addEventListener("keydown", a);
-  }), he(() => {
+  }), me(() => {
     ((t == null ? void 0 : t.value) ?? document).removeEventListener("keydown", a);
   });
 }, _t = (e, n, t) => {
   let a = null;
-  X(() => {
+  Y(() => {
     a = new MutationObserver(n), a.observe(e.value, t);
-  }), he(() => {
+  }), me(() => {
     a.disconnect();
   });
 }, Ee = (e) => {
   const n = y(!1);
-  return X(() => {
+  return Y(() => {
     e.enterControlled ? n.value = e.enterTrigger : n.value = e.shown;
   }), R(() => e.shown, (t) => {
     n.value = t;
@@ -119,7 +119,7 @@ const ye = (e, n, t = void 0) => {
   key: 0,
   "data-position": "start",
   style: { display: "inline-flex" }
-}, la = ["id"], oa = ["aria-labelledby", "data-open", "id"], vo = {
+}, la = ["id"], oa = ["aria-labelledby", "data-open", "id"], co = {
   __name: "BsAccordion",
   props: {
     controlled: { type: Boolean, default: !1 },
@@ -136,11 +136,11 @@ const ye = (e, n, t = void 0) => {
   },
   emits: ["toggled"],
   setup(e, { emit: n }) {
-    const t = e, a = n, l = y(null), i = y(!1), { icon: s } = Le(t, "icon"), [o] = Z(), u = v(() => o.value + "-content"), r = v(() => o.value + "-title"), c = v(() => t.openItemId && t.openItemId === o.value || t.openItem === !0), p = v(() => t.controlled ? c.value : i.value);
-    function B() {
+    const t = e, a = n, l = y(null), i = y(!1), { icon: d } = Oe(t, "icon"), [o] = Z(), s = v(() => o.value + "-content"), r = v(() => o.value + "-title"), c = v(() => t.openItemId && t.openItemId === o.value || t.openItem === !0), p = v(() => t.controlled ? c.value : i.value);
+    function w() {
       a("toggled", o.value), t.controlled || (i.value = !i.value);
     }
-    return (g, I) => (d(), h("div", {
+    return (g, k) => (u(), h("div", {
       id: f(o),
       ref_key: "containerRef",
       ref: l,
@@ -153,16 +153,16 @@ const ye = (e, n, t = void 0) => {
         "data-open": p.value
       }, [
         S("button", {
-          "aria-controls": u.value,
+          "aria-controls": s.value,
           "aria-expanded": p.value,
           type: "button",
-          onClick: B
+          onClick: w
         }, [
-          e.icon || g.$slots.icon ? (d(), h("span", na, [
-            E(g.$slots, "icon", {}, () => [
-              e.icon ? (d(), P(ee(f(s) ? f(s) : "span"), { key: 0 })) : k("", !0)
+          e.icon || g.$slots.icon ? (u(), h("span", na, [
+            P(g.$slots, "icon", {}, () => [
+              e.icon ? (u(), E(ee(f(d) ? f(d) : "span"), { key: 0 })) : I("", !0)
             ])
-          ])) : k("", !0),
+          ])) : I("", !0),
           S("span", { id: r.value }, A(e.headerText), 9, la),
           V(f(Ke), {
             size: "md",
@@ -174,12 +174,12 @@ const ye = (e, n, t = void 0) => {
         "aria-labelledby": r.value,
         class: "bs-accordion-content",
         "data-open": p.value,
-        id: u.value,
+        id: s.value,
         part: "content",
         role: "region"
       }, [
         S("div", null, [
-          E(g.$slots, "default")
+          P(g.$slots, "default")
         ])
       ], 8, oa)
     ], 8, ea));
@@ -232,14 +232,14 @@ const ye = (e, n, t = void 0) => {
   },
   setup(e) {
     const n = e, t = y(null), a = v(() => n.count === 0 ? "0" : !n.count || n.dot ? null : n.count > n.countMax ? n.countMax + "+" : n.count.toString()), l = v(() => {
-      var u, r;
-      const i = ((r = (u = t.value) == null ? void 0 : u.textContent) == null ? void 0 : r.trim()) || "", s = a.value ? a.value + " " : "";
-      if (!s && !n.dot)
+      var s, r;
+      const i = ((r = (s = t.value) == null ? void 0 : s.textContent) == null ? void 0 : r.trim()) || "", d = a.value ? a.value + " " : "";
+      if (!d && !n.dot)
         return i;
       const o = n.count !== 1 ? "s" : "";
-      return `${i ? `${i}, ` : ""}${s}${n.label}${o}`;
+      return `${i ? `${i}, ` : ""}${d}${n.label}${o}`;
     });
-    return (i, s) => (d(), h("span", {
+    return (i, d) => (u(), h("span", {
       ref_key: "hostRef",
       ref: t,
       "aria-label": l.value,
@@ -252,14 +252,14 @@ const ye = (e, n, t = void 0) => {
       "data-variant": e.variant,
       role: "status"
     }, [
-      e.variant !== "notext" ? E(i.$slots, "default", { key: 0 }) : k("", !0)
+      e.variant !== "notext" ? P(i.$slots, "default", { key: 0 }) : I("", !0)
     ], 10, ia));
   }
-}, sa = {
+}, da = {
   key: 0,
   role: "alert",
   class: "bs-banner"
-}, da = { class: "bs-banner-content" }, ua = { class: "bs-banner-warning-icon" }, ho = {
+}, sa = { class: "bs-banner-content" }, ua = { class: "bs-banner-warning-icon" }, fo = {
   __name: "BsBanner",
   emits: ["dismiss"],
   setup(e, { emit: n }) {
@@ -267,13 +267,13 @@ const ye = (e, n, t = void 0) => {
     function l() {
       a.value = !0, t("dismiss");
     }
-    return (i, s) => a.value ? k("", !0) : (d(), h("div", sa, [
-      S("div", da, [
+    return (i, d) => a.value ? I("", !0) : (u(), h("div", da, [
+      S("div", sa, [
         S("div", ua, [
           V(f(Ge), { size: "lg" })
         ]),
         S("p", null, [
-          E(i.$slots, "default")
+          P(i.$slots, "default")
         ]),
         S("button", {
           type: "button",
@@ -299,8 +299,8 @@ const ye = (e, n, t = void 0) => {
     size: { type: String, validator: (e) => ["sm", "xs", "xxs"].includes(e) }
   },
   setup(e) {
-    const n = e, t = fe(), { rootTag: a, attrsToBind: l, hrefUrl: i } = qe(n, t), { onLinkClick: s } = De(n);
-    return (o, u) => (d(), P(ee(f(a)), N({
+    const n = e, t = pe(), { rootTag: a, attrsToBind: l, hrefUrl: i } = qe(n, t), { onLinkClick: d } = De(n);
+    return (o, s) => (u(), E(ee(f(a)), N({
       class: "bs-button",
       "data-component": "bs-button",
       "data-ghost": e.ghostBtn,
@@ -308,9 +308,9 @@ const ye = (e, n, t = void 0) => {
       "data-text": e.textBtn,
       "data-variant": e.variant,
       ".href": f(i)
-    }, f(l), { onClick: f(s) }), {
-      default: L(() => [
-        E(o.$slots, "default")
+    }, f(l), { onClick: f(d) }), {
+      default: O(() => [
+        P(o.$slots, "default")
       ]),
       _: 3
     }, 48, ["data-ghost", "data-size", "data-text", "data-variant", ".href", "onClick"]));
@@ -318,7 +318,7 @@ const ye = (e, n, t = void 0) => {
 }), fa = {
   class: "bs-field-details",
   "data-component": "bs-field-details"
-}, pa = ["id", "data-error"], va = ["data-error"], Be = {
+}, pa = ["id", "data-error"], va = ["data-error"], be = {
   __name: "BsFieldDetails",
   props: {
     /** The number of characters that have been entered by the user.  */
@@ -339,25 +339,25 @@ const ye = (e, n, t = void 0) => {
   },
   setup(e) {
     const n = e, t = v(() => n.error && n.errorMsg || n.hint);
-    return (a, l) => (d(), h("div", fa, [
-      t.value ? (d(), h("span", {
+    return (a, l) => (u(), h("div", fa, [
+      t.value ? (u(), h("span", {
         key: 0,
         id: e.hintId,
         class: "bs-hint",
         "data-error": e.error
-      }, A(t.value), 9, pa)) : k("", !0),
-      e.charMax ? (d(), h("span", {
+      }, A(t.value), 9, pa)) : I("", !0),
+      e.charMax ? (u(), h("span", {
         key: 1,
         "aria-description": "character count over character limit for the preceding text field",
         class: "bs-character-count",
         "data-error": n.charCount > n.charMax
-      }, A(n.charCount || "0") + " / " + A(n.charMax), 9, va)) : k("", !0)
+      }, A(n.charCount || "0") + " / " + A(n.charMax), 9, va)) : I("", !0)
     ]));
   }
 }, ha = ["data-disabled", "for"], ma = /* @__PURE__ */ S("span", {
   "data-required": "true",
   "aria-hidden": "true"
-}, " *", -1), ba = /* @__PURE__ */ S("span", { class: "visually-hidden" }, "required", -1), ae = {
+}, " *", -1), ba = /* @__PURE__ */ S("span", { class: "visually-hidden" }, "required", -1), te = {
   __name: "BsLabel",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -366,22 +366,22 @@ const ye = (e, n, t = void 0) => {
     required: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (n, t) => (d(), h("label", {
+    return (n, t) => (u(), h("label", {
       class: oe(["bs-label", e.hide ? "visually-hidden" : ""]),
       "data-component": "bs-label",
       "data-disabled": e.disabled,
       for: e.for
     }, [
       S("span", null, [
-        E(n.$slots, "default")
+        P(n.$slots, "default")
       ]),
-      e.required ? (d(), h(G, { key: 0 }, [
+      e.required ? (u(), h(G, { key: 0 }, [
         ma,
         ba
-      ], 64)) : k("", !0)
+      ], 64)) : I("", !0)
     ], 10, ha));
   }
-}, ga = ["data-error", "id", "value"], $e = {
+}, ga = ["data-error", "id", "value"], Be = {
   __name: "BsInput",
   props: {
     error: {
@@ -396,18 +396,18 @@ const ye = (e, n, t = void 0) => {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    const t = e, a = n, l = fe(), i = v(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
-    function s(o) {
-      const u = l.type === "number" ? parseInt(o.target.value) : o.target.value;
-      a("update:modelValue", u);
+    const t = e, a = n, l = pe(), i = v(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
+    function d(o) {
+      const s = l.type === "number" ? parseInt(o.target.value) : o.target.value;
+      a("update:modelValue", s);
     }
-    return (o, u) => (d(), h("input", N({
+    return (o, s) => (u(), h("input", N({
       class: "bs-input",
       "data-component": "bs-input",
       "data-error": e.error,
       id: o.$attrs.id || e.inputId,
       value: e.value || e.modelValue,
-      onInput: s
+      onInput: d
     }, i.value), null, 16, ga));
   }
 }, ya = ["data-autopad", "data-autosize-icons", "data-disabled", "data-error", "data-variant", "data-multifocus"], Pe = {
@@ -421,7 +421,7 @@ const ye = (e, n, t = void 0) => {
     variant: { type: String, validator: (e) => ["inner-bordered", "combobox"].includes(e) }
   },
   setup(e) {
-    return (n, t) => (d(), h("div", {
+    return (n, t) => (u(), h("div", {
       class: "bs-input-addon",
       "data-component": "bs-input-addon",
       "data-autopad": e.autopad,
@@ -431,7 +431,7 @@ const ye = (e, n, t = void 0) => {
       "data-variant": e.variant,
       "data-multifocus": e.multifocus
     }, [
-      E(n.$slots, "default")
+      P(n.$slots, "default")
     ], 8, ya));
   }
 }, Sa = {
@@ -467,13 +467,13 @@ const ye = (e, n, t = void 0) => {
     }
   },
   setup(e) {
-    return (n, t) => (d(), P(Pe, {
+    return (n, t) => (u(), E(Pe, {
       disabled: e.disabled,
       error: e.error
     }, {
-      default: L(() => [
-        V(f(ht)),
-        V($e, N({
+      default: O(() => [
+        V(f(vt)),
+        V(Be, N({
           "data-autowidth": "",
           disabled: e.disabled,
           id: e.inputId,
@@ -495,7 +495,7 @@ function Ae(e, n, t) {
     }, n);
   };
 }
-const Ba = ["disabled", "id", "model-value"], $a = ["disabled", "id", "model-value"], wa = {
+const wa = ["disabled", "id", "model-value"], Ba = ["disabled", "id", "model-value"], $a = {
   __name: "BsInputDateRange",
   props: {
     disabled: {
@@ -537,21 +537,21 @@ const Ba = ["disabled", "id", "model-value"], $a = ["disabled", "id", "model-val
       const c = new Event("change", { bubbles: !0, cancelable: !0 });
       r.dispatchEvent(c);
     }
-    function s(r) {
-      const { value: c } = r.target, [p, B] = c.split(/ to | - /);
-      a.value.value = p || "", l.value.value = B || "", i(a.value), i(l.value);
+    function d(r) {
+      const { value: c } = r.target, [p, w] = c.split(/ to | - /);
+      a.value.value = p || "", l.value.value = w || "", i(a.value), i(l.value);
     }
-    const o = Ae(s, 1e3);
-    function u(r) {
+    const o = Ae(d, 1e3);
+    function s(r) {
       t("ui-input"), o(r);
     }
-    return (r, c) => (d(), P(Pe, {
+    return (r, c) => (u(), E(Pe, {
       disabled: e.disabled,
       error: e.error
     }, {
-      default: L(() => [
-        V(f(ht)),
-        V($e, {
+      default: O(() => [
+        V(f(vt)),
+        V(Be, {
           "data-autowidth": "",
           disabled: e.disabled,
           id: e.inputId,
@@ -559,8 +559,8 @@ const Ba = ["disabled", "id", "model-value"], $a = ["disabled", "id", "model-val
           placeholder: e.placeholder,
           required: e.required,
           onFocusin: c[0] || (c[0] = (p) => r.$emit("ui-focusin")),
-          onInput: u,
-          onChange: s
+          onInput: s,
+          onChange: d
         }, null, 8, ["disabled", "id", "model-value", "placeholder", "required"]),
         S("input", N({
           ref_key: "hiddenStart",
@@ -569,7 +569,7 @@ const Ba = ["disabled", "id", "model-value"], $a = ["disabled", "id", "model-val
           disabled: e.disabled,
           id: `${e.inputId}-start`,
           "model-value": e.inputValue.start
-        }, Ue(e.listeners.start, !0)), null, 16, Ba),
+        }, Ue(e.listeners.start, !0)), null, 16, wa),
         S("input", N({
           ref_key: "hiddenEnd",
           ref: l,
@@ -577,37 +577,36 @@ const Ba = ["disabled", "id", "model-value"], $a = ["disabled", "id", "model-val
           disabled: e.disabled,
           id: `${e.inputId}-end`,
           "model-value": e.inputValue.end
-        }, Ue(e.listeners.end, !0)), null, 16, $a)
+        }, Ue(e.listeners.end, !0)), null, 16, Ba)
       ]),
       _: 1
     }, 8, ["disabled", "error"]));
   }
 };
 function Ia(e) {
-  var n, t;
-  return ((t = (n = e == null ? void 0 : e.classList) == null ? void 0 : n.contains) == null ? void 0 : t.call(n, "vc-arrow")) && (e.classList.contains("vc-prev") || e.classList.contains("vc-next"));
-}
-function ka(e) {
-  return e === " " || e === "Spacebar" || e === "Enter";
-}
-function ot(e) {
-  Ia(e == null ? void 0 : e.target) && ka(e == null ? void 0 : e.key) && e.preventDefault();
-}
-function Ta(e) {
-  let n;
-  X(() => {
-    var t, a, l;
-    n = (t = e == null ? void 0 : e.value) == null ? void 0 : t.popoverRef, (l = (a = n == null ? void 0 : n.$el) == null ? void 0 : a.addEventListener) == null || l.call(a, "keydown", ot);
-  }), ct(() => {
-    var t, a;
-    (a = (t = n == null ? void 0 : n.$el) == null ? void 0 : t.removeEventListener) == null || a.call(t, "keydown", ot), n = null;
+  function n(l) {
+    var i, d;
+    return ((d = (i = l == null ? void 0 : l.classList) == null ? void 0 : i.contains) == null ? void 0 : d.call(i, "vc-arrow")) && (l.classList.contains("vc-prev") || l.classList.contains("vc-next"));
+  }
+  function t(l) {
+    return l === " " || l === "Spacebar" || l === "Enter";
+  }
+  function a(l) {
+    n(l == null ? void 0 : l.target) && t(l == null ? void 0 : l.key) && l.preventDefault();
+  }
+  Y(() => {
+    var l, i;
+    (i = (l = e.value) == null ? void 0 : l.addEventListener) == null || i.call(l, "keydown", a);
+  }), ut(() => {
+    var l, i;
+    (i = (l = e.value) == null ? void 0 : l.removeEventListener) == null || i.call(l, "keydown", a);
   });
 }
-function it(e, n, t = []) {
+function ot(e, n, t = []) {
   let a;
-  ft(() => {
+  ct(() => {
     a = window.matchMedia(e), a.addEventListener("change", n), n(a);
-  }), ct(() => {
+  }), ut(() => {
     a.removeEventListener("change", n), a = null;
   }), t.length && R(t, () => n(a));
 }
@@ -617,7 +616,7 @@ const Ye = [
   "form",
   "id",
   "name"
-], Ca = [
+], ka = [
   "aria-describedby",
   "aria-label",
   "autocomplete",
@@ -627,7 +626,7 @@ const Ye = [
   "multiple",
   "name",
   "size"
-], xa = [
+], Ta = [
   "aria-describedby",
   "aria-label",
   "autocapitalize",
@@ -645,7 +644,7 @@ const Ye = [
   "rows",
   "spellcheck",
   "wrap"
-], Se = [
+], fe = [
   "aria-describedby",
   "aria-label",
   "autocapitalize",
@@ -672,7 +671,7 @@ function K(e, n = []) {
     n.includes(l) ? t[l] = e[l] : a[l] = e[l];
   }), { filtered: t, remaining: a };
 }
-const Aa = ["data-range"], rt = "(min-width: 752px)", mo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+const Ca = ["data-range"], it = "(min-width: 752px)", po = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsCalendar",
   props: {
     disabled: {
@@ -739,7 +738,7 @@ const Aa = ["data-range"], rt = "(min-width: 752px)", mo = /* @__PURE__ */ Objec
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    const t = e, a = y(null), l = y(1), i = y(null), [s, o] = Z(2), u = y(1), { filtered: r, remaining: c } = K(fe(), [
+    const t = e, a = y(null), l = y(1), i = y(null), [d, o] = Z(2), s = y(1), { filtered: r, remaining: c } = K(pe(), [
       "attributes",
       "expanded",
       "first-day-of-week",
@@ -747,22 +746,24 @@ const Aa = ["data-range"], rt = "(min-width: 752px)", mo = /* @__PURE__ */ Objec
       "masks",
       "rows",
       "trim-weeks"
-    ]), p = v(() => t.inputId || s.value), B = v(() => ({ range: t.isRange })), g = v(() => !!(t.error && t.errorMsg || t.hint)), I = v(() => t.step), C = v(() => t.variant);
-    Ta(a), it(
-      rt,
+    ]), p = v(() => t.inputId || d.value), w = v(() => ({ range: t.isRange })), g = v(() => !!(t.error && t.errorMsg || t.hint)), k = v(() => t.step), C = v(() => t.variant);
+    Ia(i), ot(
+      it,
       (b) => l.value = b != null && b.matches && C.value == "2-col" ? 2 : 1,
       [C]
-    ), it(
-      rt,
-      (b) => u.value = b != null && b.matches && C.value == "2-col" ? I.value : 1,
-      [I, C]
-    ), R(() => {
+    ), ot(
+      it,
+      (b) => s.value = b != null && b.matches && C.value == "2-col" ? k.value : 1,
+      [k, C]
+    ), Y(() => {
+      t.inputMode || m();
+    }), R(() => {
       var b, q;
       return (q = (b = a.value) == null ? void 0 : b.popoverRef) == null ? void 0 : q.isVisible;
     }, (b) => {
       b && xe(m);
     });
-    function $(b) {
+    function B(b) {
       return t.isRange && b.start && b.end ? `${b.start} to ${b.end}` : !t.isRange && b ? b : "";
     }
     function T(b) {
@@ -772,26 +773,26 @@ const Aa = ["data-range"], rt = "(min-width: 752px)", mo = /* @__PURE__ */ Objec
       const b = i.value.querySelector("button.vc-prev"), q = i.value.querySelector("button.vc-next");
       b && b.setAttribute("aria-label", "Previous month"), q && q.setAttribute("aria-label", "Next month");
     }
-    return (b, q) => (d(), h("div", N({
+    return (b, q) => (u(), h("div", N({
       ref_key: "container",
       ref: i,
       class: "bs-calendar",
       "data-range": e.isRange,
       onFocusout: T
     }, f(c)), [
-      e.label || b.$slots.label ? (d(), P(ae, {
+      e.label || b.$slots.label ? (u(), E(te, {
         key: 0,
         for: p.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: L(() => [
-          E(b.$slots, "label", {}, () => [
+        default: O(() => [
+          P(b.$slots, "label", {}, () => [
             H(A(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : k("", !0),
+      }, 8, ["for", "disabled", "required"])) : I("", !0),
       V(f(Ft), N({
         ref_key: "calendar",
         ref: a,
@@ -801,34 +802,34 @@ const Aa = ["data-range"], rt = "(min-width: 752px)", mo = /* @__PURE__ */ Objec
         "min-date": e.minDate,
         mode: "date",
         "model-value": e.modelValue,
-        "model-modifiers": B.value,
+        "model-modifiers": w.value,
         popover: { visibility: "focus" },
         rows: 1,
-        step: u.value,
+        step: s.value,
         "onUpdate:modelValue": q[0] || (q[0] = (M) => b.$emit("update:modelValue", M))
-      }, f(r)), pt({ _: 2 }, [
+      }, f(r)), ft({ _: 2 }, [
         e.inputMode ? {
           name: "default",
-          fn: L(({ inputValue: M, inputEvents: z, showPopover: W }) => [
-            e.isRange ? (d(), P(wa, {
+          fn: O(({ inputValue: M, inputEvents: z, showPopover: W }) => [
+            e.isRange ? (u(), E($a, {
               key: 1,
               disabled: e.disabled,
               error: e.error,
               "input-id": p.value,
               "input-value": M,
-              "input-value-fmt": $(M),
+              "input-value-fmt": B(M),
               listeners: z,
               placeholder: e.placeholder,
               required: e.required,
               onUiFocusin: W,
               onUiInput: W
-            }, null, 8, ["disabled", "error", "input-id", "input-value", "input-value-fmt", "listeners", "placeholder", "required", "onUiFocusin", "onUiInput"])) : (d(), P(Sa, {
+            }, null, 8, ["disabled", "error", "input-id", "input-value", "input-value-fmt", "listeners", "placeholder", "required", "onUiFocusin", "onUiInput"])) : (u(), E(Sa, {
               key: 0,
               disabled: e.disabled,
               error: e.error,
               "input-id": p.value,
               listeners: z,
-              "model-value": $(M),
+              "model-value": B(M),
               placeholder: e.placeholder,
               required: e.required
             }, null, 8, ["disabled", "error", "input-id", "listeners", "model-value", "placeholder", "required"]))
@@ -836,16 +837,16 @@ const Aa = ["data-range"], rt = "(min-width: 752px)", mo = /* @__PURE__ */ Objec
           key: "0"
         } : void 0
       ]), 1040, ["columns", "disabled-dates", "max-date", "min-date", "model-value", "model-modifiers", "step"]),
-      g.value ? (d(), P(Be, {
+      g.value ? (u(), E(be, {
         key: 1,
         error: e.error,
         "error-msg": e.errorMsg,
         hint: e.hint,
         "hint-id": f(o)
-      }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : k("", !0)
-    ], 16, Aa));
+      }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : I("", !0)
+    ], 16, Ca));
   }
-}), Va = { "data-component": "bs-chart-table" }, Ea = ["summary"], Pa = ["colspan"], La = /* @__PURE__ */ S("th", { scope: "col" }, " Dataset ", -1), Oa = { scope: "row" }, qa = {
+}), xa = { "data-component": "bs-chart-table" }, Aa = ["summary"], Va = ["colspan"], Ea = /* @__PURE__ */ S("th", { scope: "col" }, " Dataset ", -1), Pa = { scope: "row" }, Oa = {
   __name: "BsChartTable",
   props: {
     data: {
@@ -864,52 +865,52 @@ const Aa = ["data-range"], rt = "(min-width: 752px)", mo = /* @__PURE__ */ Objec
   setup(e) {
     return (n, t) => {
       var a;
-      return d(), h("div", Va, [
+      return u(), h("div", xa, [
         S("table", { summary: e.tableTitle }, [
           S("thead", null, [
             S("tr", null, [
               S("th", {
                 colspan: ((a = e.dataIdxLabels) == null ? void 0 : a.length) + 1
-              }, A(e.tableTitle), 9, Pa)
+              }, A(e.tableTitle), 9, Va)
             ]),
             S("tr", null, [
-              La,
-              (d(!0), h(G, null, _(e.dataIdxLabels, (l) => (d(), h("th", {
+              Ea,
+              (u(!0), h(G, null, _(e.dataIdxLabels, (l) => (u(), h("th", {
                 key: l,
                 scope: "col"
               }, A(l), 1))), 128))
             ])
           ]),
           S("tbody", null, [
-            (d(!0), h(G, null, _(e.data, (l) => (d(), h("tr", {
+            (u(!0), h(G, null, _(e.data, (l) => (u(), h("tr", {
               key: l.label
             }, [
-              S("th", Oa, A(l.label), 1),
-              (d(!0), h(G, null, _(l.data, (i, s) => (d(), h("td", {
-                key: `${i}${s}`
+              S("th", Pa, A(l.label), 1),
+              (u(!0), h(G, null, _(l.data, (i, d) => (u(), h("td", {
+                key: `${i}${d}`
               }, A(i), 1))), 128))
             ]))), 128))
           ])
-        ], 8, Ea)
+        ], 8, Aa)
       ]);
     };
   }
-}, Da = (e) => ({
+}, La = (e) => ({
   id: "htmlLegend",
   afterUpdate(n) {
     e.innerHTML = "", e.style.setProperty("--legend-padding", `${n.scales.x.left}px`), n.options.plugins.legend.labels.generateLabels(n).forEach((a) => {
       const l = document.createElement("li");
       l.onclick = () => {
-        const { type: u } = n.config._config;
-        u === "pie" || u === "doughnut" ? n.toggleDataVisibility(a.index) : n.setDatasetVisibility(a.datasetIndex, !n.isDatasetVisible(a.datasetIndex)), n.update();
+        const { type: s } = n.config._config;
+        s === "pie" || s === "doughnut" ? n.toggleDataVisibility(a.index) : n.setDatasetVisibility(a.datasetIndex, !n.isDatasetVisible(a.datasetIndex)), n.update();
       };
       const i = document.createElement("span");
       i.style.setProperty("--item-box-fill", a.fillStyle), i.style.setProperty("--item-box-stroke", a.strokeStyle);
-      const s = document.createTextNode(a.text), o = document.createElement("p");
-      o.style.setProperty("--item-text-color", "var(--bs-ink-base)"), o.style.setProperty("--item-text-decoration", a.hidden ? "line-through" : "none"), o.appendChild(s), l.appendChild(i), l.appendChild(o), e.appendChild(l);
+      const d = document.createTextNode(a.text), o = document.createElement("p");
+      o.style.setProperty("--item-text-color", "var(--bs-ink-base)"), o.style.setProperty("--item-text-decoration", a.hidden ? "line-through" : "none"), o.appendChild(d), l.appendChild(i), l.appendChild(o), e.appendChild(l);
     });
   }
-}), Ma = ({ type: e, datasets: n, labels: t, tooltips: a }) => ({
+}), qa = ({ type: e, datasets: n, labels: t, tooltips: a }) => ({
   type: e,
   data: {
     datasets: n,
@@ -928,7 +929,7 @@ const Aa = ["data-range"], rt = "(min-width: 752px)", mo = /* @__PURE__ */ Objec
     responsive: !0
   }
 });
-function Na(e) {
+function Da(e) {
   const n = [
     "rgba(209, 26, 111, 1)",
     "rgba(130, 18, 196, 1)",
@@ -941,10 +942,10 @@ function Na(e) {
   ], t = n[e % n.length];
   return e >= n.length ? t.replace("1)", "0.5)") : t;
 }
-const za = {
+const Ma = {
   class: "bs-chart-bar",
   "data-component": "bs-chart-bar"
-}, Ra = ["aria-label"], Fa = ["data-hidden"], bo = {
+}, Na = ["aria-label"], za = ["data-hidden"], vo = {
   __name: "BsChartBar",
   props: {
     chartTitle: {
@@ -1002,12 +1003,12 @@ const za = {
     let l;
     const i = v(() => {
       const c = {
-        datasets: s.value,
+        datasets: d.value,
         labels: n.dataIdxLabels,
         type: "bar",
         tooltips: n.showTooltips
-      }, p = Ma(c);
-      return p.plugins = [Da(a.value)], p.options.scales = {
+      }, p = qa(c);
+      return p.plugins = [La(a.value)], p.options.scales = {
         x: {
           grid: {
             display: n.showXGrid
@@ -1029,18 +1030,18 @@ const za = {
           }
         }
       }, p;
-    }), s = v(() => n.data.map((c, p) => ({
+    }), d = v(() => n.data.map((c, p) => ({
       ...c,
-      backgroundColor: Na(p),
+      backgroundColor: Da(p),
       categoryPercentage: n.data.length > 1 ? 0.5 : 0.33
-    }))), o = v(() => n.chartTitle || `${n.yLabel} / ${n.xLabel}`), u = Ae(function(c, p) {
+    }))), o = v(() => n.chartTitle || `${n.yLabel} / ${n.xLabel}`), s = Ae(function(c, p) {
       !l || c === p || (l.options = i.value.options, l.update());
     }, 100), r = Ae(function() {
       l && (l.data = i.value.data, l.update());
     }, 100);
-    return X(() => {
+    return Y(() => {
       Ne.register(jt, Wt, Ut, Gt, Ht, Kt), Ne.defaults.font.family = "'Roobert', sans-serif", l = new Ne(t.value, i.value);
-    }), R(() => n.showLegend, u), R(() => n.showTooltips, u), R(() => n.showXGrid, u), R(() => n.showYGrid, u), R(() => n.stacked, u), R(() => n.xLabel, u), R(() => n.yLabel, u), R(() => n.data, r), R(() => n.dataIdxLabels, r), (c, p) => (d(), h("div", za, [
+    }), R(() => n.showLegend, s), R(() => n.showTooltips, s), R(() => n.showXGrid, s), R(() => n.showYGrid, s), R(() => n.stacked, s), R(() => n.xLabel, s), R(() => n.yLabel, s), R(() => n.data, r), R(() => n.dataIdxLabels, r), (c, p) => (u(), h("div", Ma, [
       S("figure", null, [
         S("div", null, [
           S("canvas", {
@@ -1048,10 +1049,10 @@ const za = {
             ref_key: "canvas",
             ref: t,
             role: "img"
-          }, null, 8, Ra)
+          }, null, 8, Na)
         ]),
         S("div", null, [
-          V(qa, {
+          V(Oa, {
             data: e.data,
             "data-idx-labels": e.dataIdxLabels,
             "table-title": o.value
@@ -1063,12 +1064,12 @@ const za = {
               ref_key: "legendList",
               ref: a
             }, null, 512)
-          ], 8, Fa)
+          ], 8, za)
         ])
       ])
     ]));
   }
-}, ja = ["data-size"], Wa = ["checked", "data-error", "disabled", "id", "required", "value"], go = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Ra = ["data-disabled", "data-error", "data-size"], Fa = ["checked", "data-error", "disabled", "id", "required", "value"], ho = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsCheckbox",
   props: {
     /** Sets the label. */
@@ -1131,54 +1132,56 @@ const za = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    const t = e, a = n, [l] = Z(), i = v(() => Ye.concat(t.passAttrs.split(","))), s = y(null), o = v(() => t.inputId || l.value), u = v(() => t.checked || p.value), r = v(() => t.indeterminate || t.checkedPartially), c = v(() => Array.isArray(t.modelValue) && t.value), p = v(() => c.value && t.modelValue.includes(t.value) || typeof t.modelValue == "boolean" && t.modelValue);
-    function B() {
-      s.value && (s.value.indeterminate = r.value && !u.value);
+    const t = e, a = n, [l] = Z(), i = v(() => Ye.concat(t.passAttrs.split(","))), d = y(null), o = v(() => t.inputId || l.value), s = v(() => t.checked || p.value), r = v(() => t.indeterminate || t.checkedPartially), c = v(() => Array.isArray(t.modelValue) && t.value), p = v(() => c.value && t.modelValue.includes(t.value) || typeof t.modelValue == "boolean" && t.modelValue);
+    function w() {
+      d.value && (d.value.indeterminate = r.value && !s.value);
     }
-    function g($) {
-      a("update:modelValue", $);
+    function g(B) {
+      a("update:modelValue", B);
     }
-    function I($) {
+    function k(B) {
       const T = [...t.modelValue];
-      $ ? T.push(t.value) : T.splice(T.indexOf(t.value), 1), a("update:modelValue", T);
+      B ? T.push(t.value) : T.splice(T.indexOf(t.value), 1), a("update:modelValue", T);
     }
-    function C($) {
-      const { checked: T } = $.target;
-      c.value ? I(T) : g(T);
+    function C(B) {
+      const { checked: T } = B.target;
+      c.value ? k(T) : g(T);
     }
-    return R(u, B), R(r, B), X(B), ($, T) => (d(), h("div", N({
+    return R(s, w), R(r, w), Y(w), (B, T) => (u(), h("div", N({
       class: "bs-boolean",
       "data-component": "bs-checkbox",
+      "data-disabled": e.disabled,
+      "data-error": e.error,
       "data-size": e.size
-    }, f(K)($.$attrs, i.value).remaining), [
+    }, f(K)(B.$attrs, i.value).remaining), [
       S("input", N({
         ref_key: "inputEl",
-        ref: s,
-        checked: u.value,
+        ref: d,
+        checked: s.value,
         "data-error": e.error,
         disabled: e.disabled,
-        id: $.$attrs.id || o.value,
+        id: B.$attrs.id || o.value,
         required: e.required,
         value: e.value || "on",
         type: "checkbox",
         onChange: C
-      }, f(K)($.$attrs, i.value).filtered), null, 16, Wa),
-      e.label || $.$slots.label ? (d(), P(ae, {
+      }, f(K)(B.$attrs, i.value).filtered), null, 16, Fa),
+      e.label || B.$slots.label ? (u(), E(te, {
         key: 0,
-        for: $.$attrs.id || o.value,
+        for: B.$attrs.id || o.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: L(() => [
-          E($.$slots, "label", {}, () => [
+        default: O(() => [
+          P(B.$slots, "label", {}, () => [
             H(A(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : k("", !0)
-    ], 16, ja));
+      }, 8, ["for", "disabled", "required"])) : I("", !0)
+    ], 16, Ra));
   }
-}), Ua = { key: 0 }, Ga = { class: "bs-circle-button-icon" }, Ha = { key: 1 }, yo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), ja = { key: 0 }, Wa = { class: "bs-circle-button-icon" }, Ua = { key: 1 }, mo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsCircleButton",
   props: {
     disabled: {
@@ -1224,11 +1227,11 @@ const za = {
     }
   },
   setup(e) {
-    const n = e, t = fe(), { rootTag: a, attrsToBind: l, hrefUrl: i } = qe(n, t), { icon: s } = Le(n, "icon"), { onLinkClick: o } = De(n), u = v(() => n.textBtn ? {} : n.href ? { title: n.label } : { "aria-label": n.label }), r = v(() => {
+    const n = e, t = pe(), { rootTag: a, attrsToBind: l, hrefUrl: i } = qe(n, t), { icon: d } = Oe(n, "icon"), { onLinkClick: o } = De(n), s = v(() => n.textBtn ? {} : n.href ? { title: n.label } : { "aria-label": n.label }), r = v(() => {
       if (n.hoverEffect)
         return n.iconPosition;
     }), c = v(() => n.textBtn && n.iconPosition !== "left"), p = v(() => n.textBtn && n.iconPosition === "left");
-    return (B, g) => (d(), P(ee(f(a)), N({
+    return (w, g) => (u(), E(ee(f(a)), N({
       class: "bs-circle-button",
       "data-disabled": e.disabled,
       "data-direction": r.value,
@@ -1236,20 +1239,20 @@ const za = {
       "data-size": e.size,
       "data-text": e.textBtn,
       ".href": f(i)
-    }, { ...f(l), ...u.value }, { onClick: f(o) }), {
-      default: L(() => [
-        c.value ? (d(), h("span", Ua, A(e.label), 1)) : k("", !0),
-        S("span", Ga, [
-          E(B.$slots, "icon", {}, () => [
-            (d(), P(ee(f(s)), { size: e.size }, null, 8, ["size"]))
+    }, { ...f(l), ...s.value }, { onClick: f(o) }), {
+      default: O(() => [
+        c.value ? (u(), h("span", ja, A(e.label), 1)) : I("", !0),
+        S("span", Wa, [
+          P(w.$slots, "icon", {}, () => [
+            (u(), E(ee(f(d)), { size: e.size }, null, 8, ["size"]))
           ])
         ]),
-        p.value ? (d(), h("span", Ha, A(e.label), 1)) : k("", !0)
+        p.value ? (u(), h("span", Ua, A(e.label), 1)) : I("", !0)
       ]),
       _: 3
     }, 48, ["data-disabled", "data-direction", "data-ghost", "data-size", "data-text", ".href", "onClick"]));
   }
-}), Ka = {
+}), Ga = {
   __name: "BsDropdownContainer",
   props: {
     breakout: {
@@ -1271,21 +1274,21 @@ const za = {
   },
   setup(e, { expose: n }) {
     const t = y(null);
-    return n({ internalContainerRef: t }), (a, l) => (d(), h(G, null, [
-      e.breakout && e.breakoutMounted ? (d(), P(wt, {
+    return n({ internalContainerRef: t }), (a, l) => (u(), h(G, null, [
+      e.breakout && e.breakoutMounted ? (u(), E($t, {
         key: 0,
         to: e.breakoutStub
       }, [
-        E(a.$slots, "default")
-      ], 8, ["to"])) : k("", !0),
-      e.breakout ? k("", !0) : (d(), h(G, { key: 1 }, [
-        e.containerId ? E(a.$slots, "default", { key: 0 }) : (d(), h("div", {
+        P(a.$slots, "default")
+      ], 8, ["to"])) : I("", !0),
+      e.breakout ? I("", !0) : (u(), h(G, { key: 1 }, [
+        e.containerId ? P(a.$slots, "default", { key: 0 }) : (u(), h("div", {
           key: 1,
           ref_key: "internalContainerRef",
           ref: t,
           style: { position: "relative" }
         }, [
-          E(a.$slots, "default")
+          P(a.$slots, "default")
         ], 512))
       ], 64))
     ], 64));
@@ -1334,10 +1337,10 @@ const za = {
   ],
   setup(e, { emit: n }) {
     const t = e, a = n, l = [], i = t.preloaded && t.shown;
-    function s(r, c) {
-      const { duration: p, enterClass: B, enterAttribute: g } = t;
+    function d(r, c) {
+      const { duration: p, enterClass: w, enterAttribute: g } = t;
       l.push(setTimeout(() => {
-        B && r.classList.add(B), g && r.setAttribute(g, ""), l.push(setTimeout(() => {
+        w && r.classList.add(w), g && r.setAttribute(g, ""), l.push(setTimeout(() => {
           c();
         }, p)), a("enter", r);
       }));
@@ -1345,74 +1348,74 @@ const za = {
     function o(r, c) {
       const {
         duration: p,
-        enterClass: B,
+        enterClass: w,
         enterAttribute: g,
-        leaveClass: I,
+        leaveClass: k,
         leaveAttribute: C
       } = t;
-      r.classList.remove(B), r.removeAttribute(g), I && r.classList.add(I), C && r.setAttribute(C, ""), l.push(setTimeout(() => {
+      r.classList.remove(w), r.removeAttribute(g), k && r.classList.add(k), C && r.setAttribute(C, ""), l.push(setTimeout(() => {
         c();
       }, p)), a("leave", r);
     }
-    function u(r) {
+    function s(r) {
       const { leaveClass: c, leaveAttribute: p } = t;
       r.classList.remove(c), r.removeAttribute(p), a("after-leave", r);
     }
-    return he(() => {
+    return me(() => {
       l.forEach((r) => {
         clearTimeout(r);
       });
-    }), (r, c) => e.preloaded ? se((d(), P(et, {
+    }), (r, c) => e.preloaded ? de((u(), E(et, {
       key: 0,
       appear: f(i),
       css: !1,
       onBeforeEnter: c[0] || (c[0] = (p) => a("before-enter", p)),
-      onEnter: s,
+      onEnter: d,
       onAfterEnter: c[1] || (c[1] = (p) => a("after-enter", p)),
       onEnterCancelled: c[2] || (c[2] = (p) => a("enter-cancelled", p)),
       onBeforeLeave: c[3] || (c[3] = (p) => a("before-leave", p)),
       onLeave: o,
-      onAfterLeave: u,
+      onAfterLeave: s,
       onLeaveCancelled: c[4] || (c[4] = (p) => a("leave-cancelled", p))
     }, {
-      default: L(() => [
-        E(r.$slots, "default")
+      default: O(() => [
+        P(r.$slots, "default")
       ]),
       _: 3
     }, 8, ["appear"])), [
-      [de, e.shown]
-    ]) : (d(), P(et, {
+      [se, e.shown]
+    ]) : (u(), E(et, {
       key: 1,
       appear: !0,
       css: !1,
       onBeforeEnter: c[5] || (c[5] = (p) => a("before-enter", p)),
-      onEnter: s,
+      onEnter: d,
       onAfterEnter: c[6] || (c[6] = (p) => a("after-enter", p)),
       onEnterCancelled: c[7] || (c[7] = (p) => a("enter-cancelled", p)),
       onBeforeLeave: c[8] || (c[8] = (p) => a("before-leave", p)),
       onLeave: o,
-      onAfterLeave: u,
+      onAfterLeave: s,
       onLeaveCancelled: c[9] || (c[9] = (p) => a("leave-cancelled", p))
     }, {
-      default: L(() => [
-        e.shown ? E(r.$slots, "default", { key: 0 }) : k("", !0)
+      default: O(() => [
+        e.shown ? P(r.$slots, "default", { key: 0 }) : I("", !0)
       ]),
       _: 3
     }));
   }
-}, Ya = (e, n = void 0, t = "relative") => {
+}, Ha = (e, n = void 0, t = "relative") => {
   const a = y(null), l = y(null), i = y(!1);
-  let s = !1;
-  return X(() => {
-    e && (a.value = n || vt(), document.getElementById(a.value) ? (l.value = document.getElementById(a.value), s = !0) : (l.value = document.createElement("div"), l.value.id = a.value, l.value.style.position = t, document.body.insertAdjacentElement("afterbegin", l.value)), i.value = !0);
-  }), he(() => {
+  let d = !1;
+  return Y(() => {
+    e && (a.value = n || pt(), document.getElementById(a.value) ? (l.value = document.getElementById(a.value), d = !0) : (l.value = document.createElement("div"), l.value.id = a.value, l.value.style.position = t, document.body.insertAdjacentElement("afterbegin", l.value)), i.value = !0);
+  }), me(() => {
     var o;
-    e && !s && ((o = document.getElementById(a.value)) == null || o.remove());
+    e && !d && ((o = document.getElementById(a.value)) == null || o.remove());
   }), { breakoutId: a, breakoutStub: l, breakoutMounted: i };
-}, Xa = {
+}, Ka = {
   key: 0,
   class: "bs-dropdown-backdrop"
-}, Za = ["data-width", "data-no-mobile"], Qa = { key: 0 }, Ja = { key: 0 }, _a = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Ya = ["data-width", "data-no-mobile"], Xa = { key: 0 }, Za = { key: 0 }, Qa = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsDropdownNew",
   props: {
     anchorId: {
@@ -1465,20 +1468,20 @@ const za = {
     "after-leave"
   ],
   setup(e, { emit: n }) {
-    const t = e, a = n, l = y(null), i = y(null), s = y(!1), o = y(!1), u = v(() => document.getElementById(t.anchorId)), r = v(() => t.breakout ? p.value : t.containerId ? document.getElementById(t.containerId) : l.value.internalContainerRef), c = v(() => t.width === "anchor" ? void 0 : t.width);
-    Jt([i, u], () => {
+    const t = e, a = n, l = y(null), i = y(null), d = y(!1), o = y(!1), s = v(() => document.getElementById(t.anchorId)), r = v(() => t.breakout ? p.value : t.containerId ? document.getElementById(t.containerId) : l.value.internalContainerRef), c = v(() => t.width === "anchor" ? void 0 : t.width);
+    Jt([i, s], () => {
       o.value && a("close");
-    }), ye(["Escape"], () => {
+    }), we(["Escape"], () => {
       o.value && a("close");
     });
-    const { breakoutStub: p, breakoutMounted: B } = Ya(t.breakout, t.containerId);
-    ue("dropdownEnter", s), ue("dropdownAfterEnter", o), ue("dropdownShown", v(() => t.shown));
+    const { breakoutStub: p, breakoutMounted: w } = Ha(t.breakout, t.containerId);
+    ue("dropdownEnter", d), ue("dropdownAfterEnter", o), ue("dropdownShown", v(() => t.shown));
     const g = (M, z) => {
       i.value.style.setProperty(M, z);
     };
-    function I() {
-      const M = r.value.getBoundingClientRect(), z = u.value.getBoundingClientRect(), W = i.value.getBoundingClientRect();
-      C(M, z), $(M, z, W);
+    function k() {
+      const M = r.value.getBoundingClientRect(), z = s.value.getBoundingClientRect(), W = i.value.getBoundingClientRect();
+      C(M, z), B(M, z, W);
     }
     function C(M, z) {
       if (t.position === "top") {
@@ -1489,46 +1492,46 @@ const za = {
         g("--dropdown-wscreen-top", `${W + z.height + 8}px`), g("--dropdown-wscreen-bottom", "auto");
       }
     }
-    function $(M, z, W) {
+    function B(M, z, W) {
       if (t.width !== "anchor") {
-        const te = z.left - M.left;
+        const ae = z.left - M.left;
         if (t.position === "center") {
           const J = (z.width - W.width) / 2;
-          g("--dropdown-wscreen-left", `${te + J}px`), g("--dropdown-wscreen-right", "auto");
+          g("--dropdown-wscreen-left", `${ae + J}px`), g("--dropdown-wscreen-right", "auto");
         } else if (t.position === "right") {
           const J = M.right - z.right;
           g("--dropdown-wscreen-left", "auto"), g("--dropdown-wscreen-right", `${J}px`);
         } else
-          g("--dropdown-wscreen-left", `${te}px`), g("--dropdown-wscreen-right", "auto");
+          g("--dropdown-wscreen-left", `${ae}px`), g("--dropdown-wscreen-right", "auto");
       }
     }
     function T() {
       if (t.width === "anchor") {
-        const M = u.value.getBoundingClientRect();
+        const M = s.value.getBoundingClientRect();
         g("--dropdown-wscreen-width", `${M.width}px`);
       } else
         g("--dropdown-wscreen-width", "");
     }
     function m() {
-      s.value = !0, I(), T(), a("enter");
+      d.value = !0, k(), T(), a("enter");
     }
     function b() {
       o.value = !0, a("after-enter");
     }
     function q() {
-      s.value = !1, o.value = !1, a("after-leave");
+      d.value = !1, o.value = !1, a("after-leave");
     }
-    return (M, z) => (d(), h(G, null, [
-      e.useMobileStyle && e.shown ? (d(), h("div", Xa)) : k("", !0),
-      V(Ka, {
+    return (M, z) => (u(), h(G, null, [
+      e.useMobileStyle && e.shown ? (u(), h("div", Ka)) : I("", !0),
+      V(Ga, {
         ref_key: "dropdownContainerRef",
         ref: l,
         breakout: e.breakout,
-        breakoutMounted: f(B),
+        breakoutMounted: f(w),
         breakoutStub: f(p),
         containerId: e.containerId
       }, {
-        default: L(() => [
+        default: O(() => [
           V(Me, {
             shown: e.shown,
             preloaded: e.preloaded,
@@ -1538,7 +1541,7 @@ const za = {
             onEnter: m,
             onAfterLeave: q
           }, {
-            default: L(() => [
+            default: O(() => [
               S("div", N({
                 ref_key: "dropdownRef",
                 ref: i,
@@ -1546,10 +1549,10 @@ const za = {
                 "data-width": c.value,
                 "data-no-mobile": !e.useMobileStyle
               }, M.$attrs), [
-                e.helperText ? (d(), h("header", Qa, [
+                e.helperText ? (u(), h("header", Xa, [
                   S("div", null, [
                     S("h3", null, A(e.helperText), 1),
-                    e.helperDescription ? (d(), h("p", Ja, A(e.helperDescription), 1)) : k("", !0)
+                    e.helperDescription ? (u(), h("p", Za, A(e.helperDescription), 1)) : I("", !0)
                   ]),
                   S("button", {
                     type: "button",
@@ -1558,9 +1561,9 @@ const za = {
                   }, [
                     V(f(Ve))
                   ])
-                ])) : k("", !0),
-                E(M.$slots, "default")
-              ], 16, Za)
+                ])) : I("", !0),
+                P(M.$slots, "default")
+              ], 16, Ya)
             ]),
             _: 3
           }, 8, ["shown", "preloaded"])
@@ -1569,7 +1572,7 @@ const za = {
       }, 8, ["breakout", "breakoutMounted", "breakoutStub", "containerId"])
     ], 64));
   }
-}), bt = {
+}), mt = {
   __name: "BsDropdown",
   props: {
     anchorId: {
@@ -1659,14 +1662,14 @@ const za = {
     "after-leave"
   ],
   setup(e, { emit: n }) {
-    const t = e, a = n, { transition: l } = Ee(t), i = v(() => t.width === "toggle" ? "anchor" : t.width), s = v(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position), o = v(() => t.toggleId ? t.toggleId : t.anchorId);
-    return (u, r) => (d(), P(_a, {
+    const t = e, a = n, { transition: l } = Ee(t), i = v(() => t.width === "toggle" ? "anchor" : t.width), d = v(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position), o = v(() => t.toggleId ? t.toggleId : t.anchorId);
+    return (s, r) => (u(), E(Qa, {
       "anchor-id": o.value,
       breakout: e.breakout,
       "container-id": e.containerId,
       "helper-description": e.helperDescription,
       "helper-text": e.helperText,
-      position: s.value,
+      position: d.value,
       preloaded: e.preloaded,
       shown: f(l),
       "use-mobile-style": e.useMobileStyle,
@@ -1676,13 +1679,13 @@ const za = {
       onAfterEnter: r[2] || (r[2] = () => a("after-enter")),
       onAfterLeave: r[3] || (r[3] = () => a("after-leave"))
     }, {
-      default: L(() => [
-        E(u.$slots, "default")
+      default: O(() => [
+        P(s.$slots, "default")
       ]),
       _: 3
     }, 8, ["anchor-id", "breakout", "container-id", "helper-description", "helper-text", "position", "preloaded", "shown", "use-mobile-style", "width"]));
   }
-}, en = ["aria-controls", "aria-expanded", "data-open", "disabled", "id", "tabindex"], tn = { class: "visually-hidden" }, an = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Ja = ["aria-controls", "aria-expanded", "data-open", "disabled", "id", "tabindex"], _a = { class: "visually-hidden" }, en = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsInputCombobox",
   props: {
     containerId: {
@@ -1724,21 +1727,21 @@ const za = {
   setup(e, { emit: n }) {
     const t = e, a = n;
     let l = !1;
-    const i = y(null), [s] = Z(1), o = v(() => ({
+    const i = y(null), [d] = Z(1), o = v(() => ({
       icon: t.modelValue ? "close" : t.optionsId ? "caret-down" : "",
       show: !!(t.modelValue || t.optionsId),
       text: t.modelValue ? "Clear this field" : t.optionsId ? "Toggle options dropdown" : ""
     }));
-    function u() {
+    function s() {
       t.modelValue && a("clear"), l = !0, i.value.$el.focus();
     }
     function r(p) {
-      var I, C;
-      const B = ((I = p.relatedTarget) == null ? void 0 : I.id) === s.value;
-      !(((C = p.relatedTarget) == null ? void 0 : C.id) === t.optionsId) && (!B || !l) && c(!0), l = !1;
+      var k, C;
+      const w = ((k = p.relatedTarget) == null ? void 0 : k.id) === d.value;
+      !(((C = p.relatedTarget) == null ? void 0 : C.id) === t.optionsId) && (!w || !l) && c(!0), l = !1;
     }
     const c = Ae((p) => a("toggled", p), 200, !0);
-    return (p, B) => (d(), P(Pe, {
+    return (p, w) => (u(), E(Pe, {
       "aria-live": "polite",
       disabled: e.disabled,
       error: e.error,
@@ -1747,8 +1750,8 @@ const za = {
       variant: "combobox",
       onClick: f(c)
     }, {
-      default: L(() => [
-        V($e, N({
+      default: O(() => [
+        V(Be, N({
           ref_key: "inputRef",
           ref: i,
           "aria-controls": e.optionsId,
@@ -1764,40 +1767,40 @@ const za = {
           required: e.required,
           role: e.optionsId ? "combobox" : void 0,
           onFocus: r,
-          onInput: B[0] || (B[0] = (g) => p.$emit("update:modelValue", g.target.value))
+          onInput: w[0] || (w[0] = (g) => p.$emit("update:modelValue", g.target.value))
         }, p.$attrs), null, 16, ["aria-controls", "aria-describedby", "aria-expanded", "aria-haspopup", "aria-invalid", "data-error", "disabled", "model-value", "placeholder", "required", "role"]),
-        se(S("button", {
+        de(S("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,
           "data-part": "right",
           disabled: e.disabled,
-          id: f(s),
+          id: f(d),
           tabindex: e.modelValue ? "0" : "-1",
           type: "button",
-          onClick: u
+          onClick: s
         }, [
-          S("span", tn, A(o.value.text), 1),
-          se(V(f(Ke), {
+          S("span", _a, A(o.value.text), 1),
+          de(V(f(Ke), {
             role: "presentation",
             size: "md"
           }, null, 512), [
-            [de, o.value.icon == "caret-down"]
+            [se, o.value.icon == "caret-down"]
           ]),
-          se(V(f(Ve), {
+          de(V(f(Ve), {
             role: "presentation",
             size: "md"
           }, null, 512), [
-            [de, o.value.icon == "close"]
+            [se, o.value.icon == "close"]
           ])
-        ], 8, en), [
-          [de, o.value.show]
+        ], 8, Ja), [
+          [se, o.value.show]
         ])
       ]),
       _: 1
     }, 8, ["disabled", "error", "id", "onClick"]));
   }
-}), nn = ["aria-controls", "aria-expanded", "data-open", "data-size", "disabled"], ln = {
+}), tn = ["aria-controls", "aria-expanded", "data-open", "data-size", "disabled"], an = {
   __name: "BsFilterButton",
   props: {
     badgeCount: {
@@ -1827,7 +1830,7 @@ const za = {
   },
   setup(e) {
     const n = e, t = v(() => n.badgeCount > 0);
-    return (a, l) => (d(), h("button", {
+    return (a, l) => (u(), h("button", {
       class: "bs-filter-button",
       "aria-controls": e.optionsId,
       "aria-expanded": e.open,
@@ -1837,21 +1840,21 @@ const za = {
       disabled: e.disabled,
       type: "button"
     }, [
-      t.value ? (d(), P(ra, {
+      t.value ? (u(), E(ra, {
         key: 0,
         color: "blue",
         count: e.badgeCount,
         label: "active filter",
         position: "left",
         variant: "notext"
-      }, null, 8, ["count"])) : k("", !0),
-      E(a.$slots, "label", {}, () => [
+      }, null, 8, ["count"])) : I("", !0),
+      P(a.$slots, "label", {}, () => [
         H(A(e.label), 1)
       ]),
       V(f(Ke))
-    ], 8, nn));
+    ], 8, tn));
   }
-}, on = ["data-value", "data-value-type", "data-variant", "id"], Xe = {
+}, nn = ["data-value", "data-value-type", "data-variant", "id"], Xe = {
   __name: "BsDropdownOption",
   props: {
     value: {
@@ -1866,10 +1869,10 @@ const za = {
   setup(e) {
     const n = e, t = y(null), a = ce("optionsId", ""), l = ce("handleOptionSelect", () => {
     }), i = v(() => `${a.value}-option-${n.value}`);
-    function s(o) {
+    function d(o) {
       l(t.value), o.stopPropagation();
     }
-    return (o, u) => (d(), h("li", {
+    return (o, s) => (u(), h("li", {
       ref_key: "optionRef",
       ref: t,
       "data-component": "bs-dropdown-option",
@@ -1878,12 +1881,12 @@ const za = {
       "data-variant": e.variant || void 0,
       id: i.value,
       role: "option",
-      onClick: s
+      onClick: d
     }, [
-      E(o.$slots, "default")
-    ], 8, on));
+      P(o.$slots, "default")
+    ], 8, nn));
   }
-}, rn = ["data-img-size", "data-initials", "data-no-img"], sn = ["src", "alt"], gt = {
+}, ln = ["data-img-size", "data-initials", "data-no-img"], on = ["src", "alt"], bt = {
   __name: "BsProfileImg",
   props: {
     src: String,
@@ -1903,25 +1906,25 @@ const za = {
   },
   setup(e) {
     const n = e, t = y(!1), a = y(!!n.src);
-    return X(() => t.value = !0), (l, i) => (d(), h("div", {
+    return Y(() => t.value = !0), (l, i) => (u(), h("div", {
       class: "bs-profile-img",
       "data-img-size": e.size,
       "data-initials": e.initials,
       "data-no-img": !a.value
     }, [
-      a.value && t.value ? (d(), h("img", {
+      a.value && t.value ? (u(), h("img", {
         key: 0,
         src: e.src,
         alt: e.useAltText ? e.profileName : "",
-        onError: i[0] || (i[0] = (s) => a.value = !1)
-      }, null, 40, sn)) : k("", !0)
-    ], 8, rn));
+        onError: i[0] || (i[0] = (d) => a.value = !1)
+      }, null, 40, on)) : I("", !0)
+    ], 8, ln));
   }
-}, dn = ["id", "data-checked"], un = { key: 1 }, cn = ["innerHTML"], fn = { key: 4 }, pn = { key: 5 }, vn = {
+}, rn = ["id", "data-checked"], dn = { key: 1 }, sn = ["innerHTML"], un = { key: 4 }, cn = { key: 5 }, fn = {
   key: 0,
   role: "option",
   "data-no-hover": ""
-}, Oe = {
+}, Le = {
   __name: "BsDropdownOptionBuilder",
   props: {
     // Array of objects with the following properties (either label or labelHtml
@@ -1954,72 +1957,72 @@ const za = {
   },
   setup(e) {
     const n = e, t = {};
-    ft(() => {
+    ct(() => {
       a();
     }), R(() => n.options, () => {
       a();
     });
     function a() {
       n.options.forEach((o) => {
-        const { icon: u } = o;
-        u && !t[u] && (t[u] = i(u));
+        const { icon: s } = o;
+        s && !t[s] && (t[s] = i(s));
       });
     }
     function l(o) {
-      let u = "", r = 1;
-      return r += o.checkbox ? 1 : 0, r += o.icon ? 1 : 0, r += o.profileImg ? 1 : 0, r > 1 && (u += ` ${r}-col`), o.checkbox && (u += " checkbox"), o.description && (u += " description"), o.negative && (u += " negative"), u;
+      let s = "", r = 1;
+      return r += o.checkbox ? 1 : 0, r += o.icon ? 1 : 0, r += o.profileImg ? 1 : 0, r > 1 && (s += ` ${r}-col`), o.checkbox && (s += " checkbox"), o.description && (s += " description"), o.negative && (s += " negative"), s;
     }
     function i(o) {
       return He(async () => {
-        const { [`BsIcon${o}`]: u } = await import("@wwtdev/bsds-icons-vue3");
-        return u;
+        const { [`BsIcon${o}`]: s } = await import("@wwtdev/bsds-icons-vue3");
+        return s;
       });
     }
-    function s(o, u) {
-      return !!o && o !== u;
+    function d(o, s) {
+      return !!o && o !== s;
     }
-    return (o, u) => (d(), h(G, null, [
-      (d(!0), h(G, null, _(e.options, (r) => (d(), P(Xe, {
+    return (o, s) => (u(), h(G, null, [
+      (u(!0), h(G, null, _(e.options, (r) => (u(), E(Xe, {
         "aria-checked": r.checkbox ? r.checkbox.checked : void 0,
         key: r.value,
         value: r.value,
         variant: l(r)
       }, {
-        default: L(() => [
-          r.checkbox ? (d(), h("span", {
+        default: O(() => [
+          r.checkbox ? (u(), h("span", {
             key: 0,
             id: r.checkbox.inputId,
             "aria-hidden": "true",
             class: "bs-checkbox",
             "data-checked": r.checkbox.checked
-          }, null, 8, dn)) : k("", !0),
-          r.icon ? (d(), h("span", un, [
-            (d(), P(ee(t[r.icon])))
-          ])) : k("", !0),
-          r.profileImg ? (d(), P(gt, {
+          }, null, 8, rn)) : I("", !0),
+          r.icon ? (u(), h("span", dn, [
+            (u(), E(ee(t[r.icon])))
+          ])) : I("", !0),
+          r.profileImg ? (u(), E(bt, {
             key: 2,
             src: r.profileImg.src,
             size: "xs",
             initials: r.profileImg.initials,
             "profile-name": r.profileImg.profileName,
-            "use-alt-text": s(r.profileImg.profileName, r.label)
-          }, null, 8, ["src", "initials", "profile-name", "use-alt-text"])) : k("", !0),
-          r.labelHtml ? (d(), h("span", {
+            "use-alt-text": d(r.profileImg.profileName, r.label)
+          }, null, 8, ["src", "initials", "profile-name", "use-alt-text"])) : I("", !0),
+          r.labelHtml ? (u(), h("span", {
             key: 3,
             innerHTML: r.labelHtml
-          }, null, 8, cn)) : (d(), h("span", fn, A(r.label), 1)),
-          r.description ? (d(), h("span", pn, A(r.description), 1)) : k("", !0)
+          }, null, 8, sn)) : (u(), h("span", un, A(r.label), 1)),
+          r.description ? (u(), h("span", cn, A(r.description), 1)) : I("", !0)
         ]),
         _: 2
       }, 1032, ["aria-checked", "value", "variant"]))), 128)),
-      e.showNoOptions && e.options.length === 0 ? (d(), h("li", vn, [
-        E(o.$slots, "no-options", {}, () => [
+      e.showNoOptions && e.options.length === 0 ? (u(), h("li", fn, [
+        P(o.$slots, "no-options", {}, () => [
           H("No options")
         ])
-      ])) : k("", !0)
+      ])) : I("", !0)
     ], 64));
   }
-}, hn = ["id"], mn = {
+}, pn = ["id"], vn = {
   __name: "BsDropdownWithToggle",
   props: {
     anchorId: {
@@ -2093,37 +2096,37 @@ const za = {
   setup(e, { emit: n }) {
     const t = e, a = n;
     let l = null;
-    const [i, s] = Z(2), o = y(!1), u = () => l || (l = document.getElementById(p.value)), r = v(() => He(async () => await (t.multiselect ? Promise.resolve().then(() => In) : Promise.resolve().then(() => yn)))), c = v(() => t.optionsId || s.value), p = v(() => t.toggleId || i.value);
-    function B() {
+    const [i, d] = Z(2), o = y(!1), s = () => l || (l = document.getElementById(p.value)), r = v(() => He(async () => await (t.multiselect ? Promise.resolve().then(() => wn) : Promise.resolve().then(() => mn)))), c = v(() => t.optionsId || d.value), p = v(() => t.toggleId || i.value);
+    function w() {
       const m = document.activeElement;
       return !m || m.tagName === "BODY" || m.id === c.value;
     }
     function g() {
       var m, b;
-      o.value = !1, a("close"), B() && ((b = (m = u()) == null ? void 0 : m.focus) == null || b.call(m));
+      o.value = !1, a("close"), w() && ((b = (m = s()) == null ? void 0 : m.focus) == null || b.call(m));
     }
-    function I() {
+    function k() {
       o.value && g();
     }
     function C() {
       o.value = !0;
     }
-    function $(m) {
+    function B(m) {
       a("update:selectedOptions", m);
     }
     function T(m) {
       t.multiselect || (a("update:selectedOption", m), g());
     }
-    return (m, b) => (d(), h("div", {
+    return (m, b) => (u(), h("div", {
       class: "bs-dropdown-with-toggle",
       id: m.$attrs.id
     }, [
-      E(m.$slots, "toggle", {
+      P(m.$slots, "toggle", {
         anchorId: e.anchorId,
         optionsId: c.value,
         toggleId: p.value
       }, () => [
-        V(ln, {
+        V(an, {
           "aria-controls": c.value,
           "aria-expanded": e.open,
           disabled: e.disabled,
@@ -2133,15 +2136,15 @@ const za = {
           size: e.toggleSize,
           onClick: b[0] || (b[0] = (q) => m.$emit("toggled"))
         }, {
-          label: L(() => [
-            E(m.$slots, "toggle-label", {}, () => [
+          label: O(() => [
+            P(m.$slots, "toggle-label", {}, () => [
               H(A(e.toggleLabel), 1)
             ])
           ]),
           _: 3
         }, 8, ["aria-controls", "aria-expanded", "disabled", "id", "open", "options-id", "size"])
       ]),
-      V(bt, {
+      V(mt, {
         "anchor-id": e.anchorId || p.value,
         breakout: e.breakout,
         "helper-text": e.helperText,
@@ -2151,10 +2154,10 @@ const za = {
         shown: e.open,
         "use-mobile-style": e.useMobileStyle,
         width: e.dropdownWidth,
-        onClose: I,
+        onClose: k,
         onEnter: C
       }, {
-        default: L(() => [
+        default: O(() => [
           V(f(r), {
             label: e.dropdownLabel,
             "model-value": e.selectedOption,
@@ -2163,11 +2166,11 @@ const za = {
             "selected-options": e.selectedOptions,
             shown: e.open,
             "onUpdate:modelValue": T,
-            "onUpdate:selectedOptions": $,
-            onClose: b[1] || (b[1] = (q) => e.multiselect ? void 0 : I())
+            "onUpdate:selectedOptions": B,
+            onClose: b[1] || (b[1] = (q) => e.multiselect ? void 0 : k())
           }, {
-            default: L(() => [
-              e.multiselect ? k("", !0) : (d(), P(Oe, {
+            default: O(() => [
+              e.multiselect ? I("", !0) : (u(), E(Le, {
                 key: 0,
                 options: e.options
               }, null, 8, ["options"]))
@@ -2177,9 +2180,9 @@ const za = {
         ]),
         _: 1
       }, 8, ["anchor-id", "breakout", "helper-text", "helper-description", "position", "shown", "use-mobile-style", "width"])
-    ], 8, hn));
+    ], 8, pn));
   }
-}, bn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, gt = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsDropdownCombobox",
   props: {
     disabled: {
@@ -2238,24 +2241,24 @@ const za = {
   },
   emits: ["update:modelValue", "combobox:change", "combobox:input"],
   setup(e, { emit: n }) {
-    const t = e, a = n, [l, i, s] = Z(3), o = y(!1), u = v(() => t.inputId || l.value);
-    function r(I) {
-      a("combobox:change", I.target.value), a("update:modelValue", I.target.value);
+    const t = e, a = n, [l, i, d] = Z(3), o = y(!1), s = v(() => t.inputId || l.value);
+    function r(k) {
+      a("combobox:change", k.target.value), a("update:modelValue", k.target.value);
     }
     function c() {
       a("combobox:change", ""), a("update:modelValue", "");
     }
-    function p(I) {
-      var C, $;
-      (C = I.relatedTarget) != null && C.closest(`#${s.value}`) || ($ = I.relatedTarget) != null && $.closest(`#${i.value}`) || (o.value = !1);
+    function p(k) {
+      var C, B;
+      (C = k.relatedTarget) != null && C.closest(`#${d.value}`) || (B = k.relatedTarget) != null && B.closest(`#${i.value}`) || (o.value = !1);
     }
-    function B(I) {
-      a("combobox:input", I.target.value), t.updateOnInput && a("update:modelValue", I.target.value);
+    function w(k) {
+      a("combobox:input", k.target.value), t.updateOnInput && a("update:modelValue", k.target.value);
     }
-    function g(I) {
-      I === !0 || I === !1 ? o.value = I : o.value = !o.value;
+    function g(k) {
+      k === !0 || k === !1 ? o.value = k : o.value = !o.value;
     }
-    return (I, C) => (d(), P(mn, {
+    return (k, C) => (u(), E(vn, {
       "anchor-id": f(i),
       disabled: e.disabled,
       "dropdown-position": e.dropdownPosition,
@@ -2265,35 +2268,146 @@ const za = {
       multiselect: !1,
       open: o.value,
       options: e.options,
-      "options-id": f(s),
+      "options-id": f(d),
       "selected-option": e.modelValue,
-      "toggle-id": I.$attrs.id || u.value,
-      onClose: C[0] || (C[0] = ($) => o.value = !1),
+      "toggle-id": k.$attrs.id || s.value,
+      onClose: C[0] || (C[0] = (B) => o.value = !1),
       onFocusout: p,
-      "onUpdate:selectedOption": C[1] || (C[1] = ($) => I.$emit("update:modelValue", $))
+      "onUpdate:selectedOption": C[1] || (C[1] = (B) => k.$emit("update:modelValue", B))
     }, {
-      toggle: L(() => [
-        V(an, N({
-          id: I.$attrs.id || u.value,
+      toggle: O(() => [
+        V(en, N({
+          id: k.$attrs.id || s.value,
           "container-id": f(i),
           disabled: e.disabled,
           error: e.error,
           "hint-id": e.hintId,
           "model-value": e.displayValue || e.modelValue,
           open: o.value,
-          "options-id": f(s),
+          "options-id": f(d),
           placeholder: e.placeholder,
           required: e.required,
           onChange: r,
           onClear: c,
-          onInput: B,
+          onInput: w,
           onToggled: g
-        }, I.$attrs), null, 16, ["id", "container-id", "disabled", "error", "hint-id", "model-value", "open", "options-id", "placeholder", "required"])
+        }, k.$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"]));
   }
-}), gn = ["aria-activedescendant", "aria-label", "data-overflow", "id", "tabindex"], Ze = {
+}), bo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+  __name: "BsDropdownComboboxField",
+  props: {
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    displayValue: {
+      type: String,
+      default: ""
+    },
+    dropdownPosition: {
+      type: String,
+      validator: (e) => ["", "top", "center", "right"].includes(e)
+    },
+    dropdownWidth: {
+      type: String,
+      validator: (e) => ["", "sm", "md", "lg", "content", "anchor"].includes(e)
+    },
+    error: {
+      type: Boolean,
+      default: !1
+    },
+    errorMsg: {
+      type: String
+    },
+    helperText: {
+      type: String,
+      default: ""
+    },
+    helperDescription: {
+      type: String,
+      default: ""
+    },
+    hint: {
+      type: String
+    },
+    hintId: {
+      type: String
+    },
+    inputId: {
+      type: String
+    },
+    label: {
+      type: String
+    },
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    placeholder: {
+      type: String
+    },
+    required: {
+      type: Boolean,
+      default: !1
+    },
+    updateOnInput: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue", "combobox:change", "combobox:input"],
+  setup(e, { emit: n }) {
+    const t = e, [a, l] = Z(2), i = v(() => t.error && t.errorMsg || t.hint || void 0), d = v(() => t.inputId || a.value);
+    return (o, s) => (u(), h("div", N({ "data-component": "bs-dropdown-combobox-field" }, f(K)(o.$attrs, f(fe)).remaining), [
+      e.label || o.$slots.label ? (u(), E(te, {
+        key: 0,
+        for: o.$attrs.id || d.value,
+        disabled: e.disabled,
+        required: e.required
+      }, {
+        default: O(() => [
+          P(o.$slots, "label", {}, () => [
+            H(A(e.label), 1)
+          ])
+        ]),
+        _: 3
+      }, 8, ["for", "disabled", "required"])) : I("", !0),
+      V(gt, N({
+        disabled: e.disabled,
+        "display-value": e.displayValue,
+        "dropdown-position": e.dropdownPosition,
+        "dropdown-width": e.dropdownWidth,
+        error: e.error,
+        "helper-text": e.helperText,
+        "helper-description": e.helperDescription,
+        "hint-id": f(l),
+        "input-id": o.$attrs.id || d.value,
+        "model-value": e.modelValue,
+        options: e.options,
+        placeholder: e.placeholder,
+        required: e.required,
+        "update-on-input": e.updateOnInput,
+        "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))
+      }, f(K)(o.$attrs, f(fe)).filtered), null, 16, ["disabled", "display-value", "dropdown-position", "dropdown-width", "error", "helper-text", "helper-description", "hint-id", "input-id", "model-value", "options", "placeholder", "required", "update-on-input"]),
+      i.value ? (u(), E(be, {
+        key: 1,
+        error: e.error,
+        "error-msg": e.errorMsg,
+        hint: e.hint || o.hintDeprecated,
+        "hint-id": f(l)
+      }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : I("", !0)
+    ], 16));
+  }
+}), hn = ["aria-activedescendant", "aria-label", "data-overflow", "id", "tabindex"], Ze = {
   __name: "BsDropdownOptionList",
   props: {
     optionsId: {
@@ -2329,13 +2443,13 @@ const za = {
     "update:modelValue"
   ],
   setup(e, { expose: n, emit: t }) {
-    const a = e, l = t, i = y(null), s = y(null), o = y(-1), u = y(-1), r = y(null), c = y(!1), p = ce("dropdownEnter", y(!1)), B = ce("dropdownAfterEnter", y(!1)), g = ce("dropdownShown", y(!1));
-    ue("optionsId", v(() => a.optionsId)), ue("handleOptionSelect", me), _t(i, b, { childList: !0 }), ye([" ", "Enter", "NumpadEnter"], Ie, i), ye(["ArrowDown", "ArrowUp", "Home", "End"], ke);
-    const $ = [/^[a-zA-Z0-9]{1}$/], T = {
+    const a = e, l = t, i = y(null), d = y(null), o = y(-1), s = y(-1), r = y(null), c = y(!1), p = ce("dropdownEnter", y(!1)), w = ce("dropdownAfterEnter", y(!1)), g = ce("dropdownShown", y(!1));
+    ue("optionsId", v(() => a.optionsId)), ue("handleOptionSelect", ge), _t(i, b, { childList: !0 }), we([" ", "Enter", "NumpadEnter"], Ie, i), we(["ArrowDown", "ArrowUp", "Home", "End"], ke);
+    const B = [/^[a-zA-Z0-9]{1}$/], T = {
       keys: "",
       lastTyped: 0
     };
-    ye($, (x) => Te(x, T)), X(() => {
+    we(B, (x) => Te(x, T)), Y(() => {
       b(), J(g.value);
     }), R(
       [p, () => {
@@ -2345,7 +2459,7 @@ const za = {
       ([x, F]) => {
         (x || F > 0) && (c.value = i.value.scrollHeight > i.value.clientHeight);
       }
-    ), R(B, (x) => {
+    ), R(w, (x) => {
       x && (q(), M());
     }), R(g, (x) => J(x));
     const m = v(() => a.modelValue || a.selectedValue);
@@ -2355,7 +2469,7 @@ const za = {
       );
     }
     function q() {
-      i.value.getBoundingClientRect().bottom > window.innerHeight && i.value.scrollIntoView();
+      i.value.getBoundingClientRect().bottom > window.innerHeight && i.value.scrollIntoView({ block: "nearest" });
     }
     function M() {
       var x;
@@ -2363,38 +2477,38 @@ const za = {
     }
     function z() {
       var x;
-      o.value > -1 && ((x = r.value[o.value]) == null || x.setAttribute("data-active", ""), s.value = r.value[o.value].id, M());
+      o.value > -1 && ((x = r.value[o.value]) == null || x.setAttribute("data-active", ""), d.value = r.value[o.value].id, M());
     }
     function W() {
       var x;
       o.value > -1 && ((x = r.value[o.value]) == null || x.removeAttribute("data-active"));
     }
-    function te() {
+    function ae() {
       var x;
-      o.value < 0 && (o.value = 0, s.value = (x = r.value[0]) == null ? void 0 : x.id), z();
+      o.value < 0 && (o.value = 0, d.value = (x = r.value[0]) == null ? void 0 : x.id), z();
     }
     function J(x) {
-      x ? pe() : we();
+      x ? ve() : $e();
     }
-    function pe() {
+    function ve() {
       var x, F;
-      a.multiselect || (u.value = r.value.findIndex(
-        (O) => O.getAttribute("data-value") === String(m.value)
-      ), !a.multiselect && u.value > -1 && ((x = r.value[u.value]) == null || x.setAttribute("data-selected", ""), (F = r.value[u.value]) == null || F.setAttribute("aria-selected", "true")), o.value = u.value);
+      a.multiselect || (s.value = r.value.findIndex(
+        (L) => L.getAttribute("data-value") === String(m.value)
+      ), !a.multiselect && s.value > -1 && ((x = r.value[s.value]) == null || x.setAttribute("data-selected", ""), (F = r.value[s.value]) == null || F.setAttribute("aria-selected", "true")), o.value = s.value);
     }
-    function we() {
+    function $e() {
       r.value.forEach((x) => {
         x.removeAttribute("data-selected"), x.setAttribute("aria-selected", "false");
-      }), W(), u.value = -1, o.value = -1, s.value = null;
+      }), W(), s.value = -1, o.value = -1, d.value = null;
     }
-    function me(x) {
-      var O;
-      (O = x.querySelector("a")) == null || O.click();
+    function ge(x) {
+      var L;
+      (L = x.querySelector("a")) == null || L.click();
       let F = x.getAttribute("data-value");
-      x.getAttribute("data-value-type") === "number" && (F = Number(F)), s.value = x.id, W(), l("optselected", F), l("update:modelValue", F), l("close");
+      x.getAttribute("data-value-type") === "number" && (F = Number(F)), d.value = x.id, W(), l("optselected", F), l("update:modelValue", F), l("close");
     }
     function Ie(x) {
-      me(r.value[o.value]), x.preventDefault();
+      ge(r.value[o.value]), x.preventDefault();
     }
     function ke(x) {
       if (g.value)
@@ -2429,16 +2543,16 @@ const za = {
           F = r.value.length - 1;
           break;
       }
-      be(F);
+      ye(F);
     }
     function Te(x, F) {
       if (!g.value)
         return;
       F.keys = x.timeStamp - F.lastTyped > 500 ? x.key : F.keys + x.key, F.lastTyped = x.timeStamp;
-      const O = r.value.findIndex((U) => U.textContent.replaceAll(/[^a-zA-Z0-9]/g, "").toLowerCase().startsWith(F.keys));
-      O > -1 && be(O, !1);
+      const L = r.value.findIndex((U) => U.textContent.replaceAll(/[^a-zA-Z0-9]/g, "").toLowerCase().startsWith(F.keys));
+      L > -1 && ye(L, !1);
     }
-    function be(x, F = !0) {
+    function ye(x, F = !0) {
       W(), o.value = x, document.activeElement !== i.value && F ? i.value.focus() : z();
     }
     return n({
@@ -2447,10 +2561,10 @@ const za = {
       optionsRef: i,
       refreshOptions: b,
       setCurrentActive: z
-    }), (x, F) => (d(), h("ul", {
+    }), (x, F) => (u(), h("ul", {
       ref_key: "optionsRef",
       ref: i,
-      "aria-activedescendant": s.value || void 0,
+      "aria-activedescendant": d.value || void 0,
       "aria-label": e.label,
       class: "bs-dropdown-options",
       "data-overflow": c.value,
@@ -2458,19 +2572,19 @@ const za = {
       role: "listbox",
       tabindex: f(g) ? 0 : void 0,
       onBlur: W,
-      onFocus: te,
+      onFocus: ae,
       onMousedown: F[0] || (F[0] = It(() => {
       }, ["prevent"]))
     }, [
-      E(x.$slots, "default")
-    ], 40, gn));
+      P(x.$slots, "default")
+    ], 40, hn));
   }
-}, yn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, mn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Ze
-}, Symbol.toStringTag, { value: "Module" })), Sn = { role: "separator" }, Bn = /* @__PURE__ */ S("hr", null, null, -1), $n = [
-  Bn
-], wn = {
+}, Symbol.toStringTag, { value: "Module" })), bn = { role: "separator" }, gn = /* @__PURE__ */ S("hr", null, null, -1), yn = [
+  gn
+], Sn = {
   __name: "BsDropdownMultiselect",
   props: {
     label: {
@@ -2496,7 +2610,7 @@ const za = {
   },
   emits: ["update:selectedOptions"],
   setup(e, { emit: n }) {
-    const t = e, a = n, l = y(null), i = y([]), s = y([]);
+    const t = e, a = n, l = y(null), i = y([]), d = y([]);
     let o = !1;
     R(() => t.options, () => {
       c(t.selectedOptions);
@@ -2505,36 +2619,36 @@ const za = {
       c,
       { immediate: !0 }
     ), R(() => t.shown, (g) => {
-      g && xe(u);
+      g && xe(s);
     });
-    function u() {
+    function s() {
       l.value && (l.value.refreshOptions(), l.value.optionsRef.focus());
     }
     function r() {
       l.value && (l.value.refreshOptions(), l.value.setCurrentActive());
     }
     function c(g = []) {
-      const I = new Set(g), C = [], $ = [];
+      const k = new Set(g), C = [], B = [];
       t.options.forEach((T) => {
         const m = { ...T }, b = `${t.optionsId}-${T.value}-cb`;
-        I.has(T.value) ? (m.checkbox = { inputId: b, checked: !0 }, C.push(m)) : (m.checkbox = { inputId: b, checked: !1 }, $.push(m));
+        k.has(T.value) ? (m.checkbox = { inputId: b, checked: !0 }, C.push(m)) : (m.checkbox = { inputId: b, checked: !1 }, B.push(m));
       }), i.value = C, xe(() => {
-        s.value = $, xe(() => {
+        d.value = B, xe(() => {
           o && r(), o = !1;
         });
       });
     }
     function p(g = []) {
-      const I = new Set(g), C = [];
-      return t.options.forEach(($) => {
-        I.has($.value) && C.push($.value);
+      const k = new Set(g), C = [];
+      return t.options.forEach((B) => {
+        k.has(B.value) && C.push(B.value);
       }), C;
     }
-    function B(g) {
-      const I = t.selectedOptions.includes(g) ? t.selectedOptions.filter((C) => C !== g) : p([...t.selectedOptions, g]);
-      o = !0, a("update:selectedOptions", I);
+    function w(g) {
+      const k = t.selectedOptions.includes(g) ? t.selectedOptions.filter((C) => C !== g) : p([...t.selectedOptions, g]);
+      o = !0, a("update:selectedOptions", k);
     }
-    return (g, I) => (d(), P(Ze, {
+    return (g, k) => (u(), E(Ze, {
       ref_key: "optlist",
       ref: l,
       "aria-multiselectable": "true",
@@ -2543,20 +2657,20 @@ const za = {
       multiselect: "",
       "options-id": e.optionsId,
       shown: e.shown,
-      "onUpdate:modelValue": B
+      "onUpdate:modelValue": w
     }, {
-      default: L(() => {
+      default: O(() => {
         var C;
         return [
-          V(Oe, {
+          V(Le, {
             options: i.value,
             "show-no-options": !1
           }, null, 8, ["options"]),
-          se(S("li", Sn, $n, 512), [
-            [de, (C = i.value) == null ? void 0 : C.length]
+          de(S("li", bn, yn, 512), [
+            [se, (C = i.value) == null ? void 0 : C.length]
           ]),
-          V(Oe, {
-            options: s.value,
+          V(Le, {
+            options: d.value,
             "show-no-options": !1
           }, null, 8, ["options"])
         ];
@@ -2564,10 +2678,10 @@ const za = {
       _: 1
     }, 8, ["label", "options-id", "shown"]));
   }
-}, In = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, wn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: wn
-}, Symbol.toStringTag, { value: "Module" })), kn = {
+  default: Sn
+}, Symbol.toStringTag, { value: "Module" })), Bn = {
   __name: "BsDropdownWithOptionsNew",
   props: {
     // DROPDOWN PROPS
@@ -2649,10 +2763,10 @@ const za = {
     function i(o) {
       a.value = !1, t("update:modelValue", o), t("close");
     }
-    function s() {
+    function d() {
       a.value && (a.value = !1, t("close"));
     }
-    return (o, u) => (d(), P(f(bt), {
+    return (o, s) => (u(), E(f(mt), {
       "anchor-id": e.anchorId,
       breakout: e.breakout,
       "container-id": e.containerId,
@@ -2663,12 +2777,12 @@ const za = {
       shown: e.shown,
       "use-mobile-style": e.useMobileStyle,
       width: e.width,
-      onClose: s,
-      onAfterEnter: u[0] || (u[0] = (r) => t("after-enter")),
+      onClose: d,
+      onAfterEnter: s[0] || (s[0] = (r) => t("after-enter")),
       onEnter: l,
-      onAfterLeave: u[1] || (u[1] = (r) => t("after-leave"))
+      onAfterLeave: s[1] || (s[1] = (r) => t("after-leave"))
     }, {
-      default: L(() => [
+      default: O(() => [
         V(f(Ze), {
           label: e.label,
           "model-value": e.modelValue,
@@ -2676,10 +2790,10 @@ const za = {
           "prevent-tab": e.preventTab,
           "type-to-focus": e.typeToFocus,
           "onUpdate:modelValue": i,
-          onClose: s
+          onClose: d
         }, {
-          default: L(() => [
-            E(o.$slots, "default")
+          default: O(() => [
+            P(o.$slots, "default")
           ]),
           _: 3
         }, 8, ["label", "model-value", "options-id", "prevent-tab", "type-to-focus"])
@@ -2801,37 +2915,37 @@ const za = {
     "after-leave"
   ],
   setup(e, { emit: n }) {
-    const t = e, a = n, { transition: l } = Ee(t), i = v(() => t.width === "toggle" ? "anchor" : t.width), s = v(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position), o = v(() => t.toggleId ? t.toggleId : t.anchorId), u = v(() => t.selectedValue || t.modelValue);
+    const t = e, a = n, { transition: l } = Ee(t), i = v(() => t.width === "toggle" ? "anchor" : t.width), d = v(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position), o = v(() => t.toggleId ? t.toggleId : t.anchorId), s = v(() => t.selectedValue || t.modelValue);
     function r(c) {
       a("optselected", c), a("update:modelValue", c);
     }
-    return (c, p) => (d(), P(kn, {
+    return (c, p) => (u(), E(Bn, {
       "anchor-id": o.value,
       breakout: e.breakout,
       "container-id": e.containerId,
       "helper-description": e.helperDescription,
       "helper-text": e.helperText,
       label: e.label,
-      "model-value": u.value,
+      "model-value": s.value,
       "options-id": e.optionsId,
-      position: s.value,
+      position: d.value,
       preloaded: e.preloaded,
       "prevent-tab": e.preventTab,
       shown: f(l),
       "use-mobile-style": e.useMobileStyle,
       width: i.value,
-      onClose: p[0] || (p[0] = (B) => a("close")),
-      onAfterEnter: p[1] || (p[1] = (B) => a("after-enter")),
-      onAfterLeave: p[2] || (p[2] = (B) => a("after-leave")),
+      onClose: p[0] || (p[0] = (w) => a("close")),
+      onAfterEnter: p[1] || (p[1] = (w) => a("after-enter")),
+      onAfterLeave: p[2] || (p[2] = (w) => a("after-leave")),
       "onUpdate:modelValue": r
     }, {
-      default: L(() => [
-        E(c.$slots, "default")
+      default: O(() => [
+        P(c.$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"]));
   }
-}, Tn = ["view-box"], Cn = ["id"], xn = ["offset", "stop-color"], So = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, $n = ["view-box"], In = ["id"], kn = ["offset", "stop-color"], go = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsIconGradientWrapper",
   setup(e) {
     const n = y(null), t = y(null), a = [
@@ -2839,18 +2953,18 @@ const za = {
       { offset: 0.5466, color: "#1C0087" },
       { offset: 0.9715, color: "#0086EA" }
     ], [l] = Z();
-    return X(() => {
+    return Y(() => {
       t.value = n.value.querySelector("svg").getAttribute("viewBox") || "0 0 0 0";
-    }), (i, s) => (d(), h(G, null, [
+    }), (i, d) => (u(), h(G, null, [
       S("span", N({
         ref_key: "svgWrapperRef",
         ref: n,
         class: "bs-icon-gradient-wrapper",
         style: `fill: url(#${f(l)});`
       }, i.$attrs), [
-        E(i.$slots, "default")
+        P(i.$slots, "default")
       ], 16),
-      (d(), h("svg", {
+      (u(), h("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         "view-box": t.value,
         width: "0",
@@ -2864,16 +2978,16 @@ const za = {
           y2: "100%",
           "gradient-units": "userSpaceOnUse"
         }, [
-          (d(), h(G, null, _(a, (o) => S("stop", {
+          (u(), h(G, null, _(a, (o) => S("stop", {
             key: o.offset,
             offset: o.offset,
             "stop-color": o.color
-          }, null, 8, xn)), 64))
-        ], 8, Cn)
-      ], 8, Tn))
+          }, null, 8, kn)), 64))
+        ], 8, In)
+      ], 8, $n))
     ], 64));
   }
-}), Bo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), yo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsInputField",
   props: {
     /** Sets the disabled state on input, disabled styles on label. */
@@ -2920,46 +3034,46 @@ const za = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    const t = e, [a, l] = Z(2), i = v(() => Se.concat(t.passAttrs.split(",")).concat("type")), s = v(() => {
+    const t = e, [a, l] = Z(2), i = v(() => fe.concat(t.passAttrs.split(",")).concat("type")), d = v(() => {
       var r, c;
       return ((c = (r = t.hints) == null ? void 0 : r.join) == null ? void 0 : c.call(r, `
 `)) || t.hints;
-    }), o = v(() => t.error && t.errorMsg || t.hint || s.value || void 0), u = v(() => t.inputId || a.value);
-    return (r, c) => (d(), h("div", N({ "data-component": "bs-input-field" }, f(K)(r.$attrs, i.value).remaining), [
-      e.label || r.$slots.label ? (d(), P(ae, {
+    }), o = v(() => t.error && t.errorMsg || t.hint || d.value || void 0), s = v(() => t.inputId || a.value);
+    return (r, c) => (u(), h("div", N({ "data-component": "bs-input-field" }, f(K)(r.$attrs, i.value).remaining), [
+      e.label || r.$slots.label ? (u(), E(te, {
         key: 0,
-        for: r.$attrs.id || u.value,
+        for: r.$attrs.id || s.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: L(() => [
-          E(r.$slots, "label", {}, () => [
+        default: O(() => [
+          P(r.$slots, "label", {}, () => [
             H(A(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : k("", !0),
-      V($e, N({
+      }, 8, ["for", "disabled", "required"])) : I("", !0),
+      V(Be, N({
         disabled: e.disabled,
         error: e.error,
         "hint-id": f(l),
-        id: r.$attrs.id || u.value,
+        id: r.$attrs.id || s.value,
         placeholder: e.placeholder,
         required: e.required,
         type: e.type,
         value: e.value || e.modelValue,
         "onUpdate:modelValue": c[0] || (c[0] = (p) => r.$emit("update:modelValue", p))
       }, f(K)(r.$attrs, i.value).filtered), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "type", "value"]),
-      o.value ? (d(), P(Be, {
+      o.value ? (u(), E(be, {
         key: 1,
         error: e.error,
         "error-msg": e.errorMsg,
-        hint: e.hint || s.value,
+        hint: e.hint || d.value,
         "hint-id": f(l)
-      }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : k("", !0)
+      }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : I("", !0)
     ], 16));
   }
-}), st = {
+}), rt = {
   A: "🇦",
   B: "🇧",
   C: "🇨",
@@ -3013,7 +3127,7 @@ const za = {
    */
   initSourceData() {
     return this.data.allCountries || (this.data.allCountries = Yt().map((e) => {
-      const n = Xt(e), t = st[n[0]] + st[n[1]] || "";
+      const n = Xt(e), t = rt[n[0]] + rt[n[1]] || "";
       return {
         label: `+${e}`,
         flag: t,
@@ -3027,10 +3141,10 @@ const za = {
       this.data[e][t[n]] = t;
     }));
   }
-}, An = ["id", "aria-controls", "aria-expanded", "aria-label", "disabled"], Vn = { key: 0 }, En = {
+}, Tn = ["id", "aria-controls", "aria-expanded", "aria-label", "disabled"], Cn = { key: 0 }, xn = {
   "aria-hidden": "true",
   style: { width: "1.25rem" }
-}, Pn = { "aria-hidden": "true" }, $o = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, An = { "aria-hidden": "true" }, So = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsInputPhone",
   props: {
     deferValidation: {
@@ -3092,85 +3206,86 @@ const za = {
       "Escape",
       "Home",
       "Tab"
-    ], s = y(null), o = y(1), u = y([]), r = y(null), [
+    ], d = y(null), o = y(1), s = y([]), r = y(null), [
       c,
       p,
-      B,
+      w,
       g
-    ] = Z(4), I = y(!1), C = y(""), $ = y(""), T = y(!1), m = y(!1), b = y(!0);
+    ] = Z(4), k = y(!1), C = y(""), B = y(""), T = y(!1), m = y(!1), b = y(!0);
     n({
       validationErr: T,
-      validationErrMsg: $
+      validationErrMsg: B
     });
-    const q = v(() => C.value ? `+${o.value}${C.value}` : ""), M = v(() => `Country code: ${o.value}. Click to change.`), z = v(() => b.value ? a.errorMsg || $.value : ""), W = v(() => a.error || T.value), te = v(() => a.hint || W.value && z.value), J = v(() => b.value && W.value);
-    R(q, (O) => {
-      l("update:modelValue", O), F(O);
-    }), R(() => a.modelValue, pe), Te(), X(() => I.value = !0);
-    function pe(O, U) {
-      O === "" && O !== U && (C.value = "");
-    }
-    function we() {
-      var O;
-      m.value && (m.value = !1, (O = s.value) == null || O.focus());
-    }
-    function me(O) {
+    const q = v(() => C.value ? `+${o.value}${C.value}` : ""), M = v(() => `Country code: ${o.value}. Click to change.`), z = v(() => b.value ? a.errorMsg || B.value : ""), W = v(() => a.error || T.value), ae = v(() => a.hint || W.value && z.value), J = v(() => b.value && W.value);
+    R(q, (L) => {
+      l("update:modelValue", L), F(L);
+    }), R(() => a.modelValue, ve), Te(), Y(() => k.value = !0);
+    function ve(L, U) {
+      L === "" && L !== U && (C.value = "");
+    }
+    function $e() {
+      var L;
+      m.value && (m.value = !1, (L = d.value) == null || L.focus());
+    }
+    function ge(L) {
       var U;
-      o.value = O, m.value = !1, (U = s.value) == null || U.focus(), x(O);
+      o.value = L, m.value = !1, (U = d.value) == null || U.focus(), x(L);
     }
     function Ie() {
       a.deferValidation && (b.value = !0), l("input-blur");
     }
-    function ke(O) {
-      C.value = O.target.value, a.deferValidation && (b.value = !1);
+    function ke(L) {
+      C.value = L.target.value, a.deferValidation && (b.value = !1);
     }
-    function ie(O) {
-      var U, Y;
-      !((Y = (U = O.key) == null ? void 0 : U.match) != null && Y.call(U, /[0-9]/)) && !i.includes(O.key) && !O.ctrlKey && !O.metaKey && O.preventDefault();
+    function ie(L) {
+      var U, X;
+      !((X = (U = L.key) == null ? void 0 : U.match) != null && X.call(U, /[0-9]/)) && !i.includes(L.key) && !L.ctrlKey && !L.metaKey && L.preventDefault();
     }
     function Te() {
-      ze.initSourceData(), be(), x(o.value), F(q.value);
+      ze.initSourceData(), ye(), x(o.value), F(q.value);
     }
-    function be() {
-      var U, Y;
-      let O = at(a.modelValue);
-      O.valid || O.countryCode && ((Y = (U = a.modelValue) == null ? void 0 : U.startsWith) != null && Y.call(U, "+")) ? (o.value = O.countryCode, C.value = O.number.significant) : C.value = a.modelValue, u.value = ze.data.allCountries.map((Ce) => ({
+    function ye() {
+      var U, X;
+      let L = at(a.modelValue);
+      L.valid || L.countryCode && ((X = (U = a.modelValue) == null ? void 0 : U.startsWith) != null && X.call(U, "+")) ? (o.value = L.countryCode, C.value = L.number.significant) : C.value = a.modelValue, s.value = ze.data.allCountries.map((Ce) => ({
         ...Ce,
         isSelected: o.value === Ce
       }));
     }
-    function x(O) {
-      r.value = ze.getCountryByCountryCode(O);
+    function x(L) {
+      r.value = ze.getCountryByCountryCode(L);
     }
-    function F(O) {
-      T.value = O ? !at(O).valid : !1, $.value = T.value ? "Invalid phone number" : "";
+    function F(L) {
+      T.value = L ? !at(L).valid : !1, B.value = T.value ? "Invalid phone number" : "";
     }
-    return (O, U) => (d(), h("div", N({
+    return (L, U) => (u(), h("div", N({
       class: "bs-input-phone",
       "data-component": "bs-input-phone"
-    }, f(K)(O.$attrs, f(Se)).remaining), [
-      V(ae, {
-        for: O.$attrs.id || e.inputId || f(g),
+    }, f(K)(L.$attrs, f(fe)).remaining), [
+      V(te, {
+        for: L.$attrs.id || e.inputId || f(g),
         required: e.required,
+        disabled: e.disabled,
         class: oe({ "visually-hidden": e.hideLabel })
       }, {
-        default: L(() => [
+        default: O(() => [
           H(A(e.label), 1)
         ]),
         _: 1
-      }, 8, ["for", "required", "class"]),
+      }, 8, ["for", "required", "disabled", "class"]),
       V(Pe, {
         disabled: e.disabled,
         error: J.value,
         multifocus: !0,
         variant: "inner-bordered"
       }, {
-        default: L(() => {
-          var Y;
+        default: O(() => {
+          var X;
           return [
             S("button", {
               id: f(c),
               ref_key: "countryCodesToggle",
-              ref: s,
+              ref: d,
               "aria-controls": f(p),
               "aria-expanded": m.value,
               "aria-haspopup": "listbox",
@@ -3179,19 +3294,19 @@ const za = {
               type: "button",
               onClick: U[0] || (U[0] = (Ce) => m.value = !m.value)
             }, [
-              S("span", null, A((Y = r.value) == null ? void 0 : Y.flag), 1),
+              S("span", null, A((X = r.value) == null ? void 0 : X.flag), 1),
               S("span", null, "+" + A(o.value), 1),
               V(f(Ct), { size: "sm" })
-            ], 8, An),
-            V($e, N({
-              "input-id": O.$attrs.id || e.inputId || f(g),
+            ], 8, Tn),
+            V(Be, N({
+              "input-id": L.$attrs.id || e.inputId || f(g),
               disabled: e.disabled,
-              "hint-id": f(B),
+              "hint-id": f(w),
               placeholder: e.placeholder,
               value: C.value,
               "data-autowidth": "",
               type: "tel"
-            }, f(K)(O.$attrs, f(Se)).filtered, {
+            }, f(K)(L.$attrs, f(fe)).filtered, {
               onInput: ke,
               onFocusout: Ie,
               onKeydown: ie
@@ -3200,15 +3315,15 @@ const za = {
         }),
         _: 1
       }, 8, ["disabled", "error"]),
-      se(V(Be, {
+      de(V(be, {
         error: W.value,
         "error-msg": z.value,
         hint: e.hint,
-        "hint-id": f(B)
+        "hint-id": f(w)
       }, null, 8, ["error", "error-msg", "hint", "hint-id"]), [
-        [de, te.value]
+        [se, ae.value]
       ]),
-      I.value ? (d(), h("div", Vn, [
+      k.value ? (u(), h("div", Cn, [
         V(Qe, {
           "anchor-id": f(c),
           "helper-text": "Country Code",
@@ -3218,29 +3333,29 @@ const za = {
           preloaded: "",
           shown: m.value,
           width: "content",
-          onClose: we,
-          "onUpdate:modelValue": me
+          onClose: $e,
+          "onUpdate:modelValue": ge
         }, {
-          default: L(() => [
-            I.value ? (d(!0), h(G, { key: 0 }, _(u.value, (Y) => (d(), P(Xe, {
-              "aria-label": Y.value,
-              key: Y.value,
-              value: `${Y.value}`,
+          default: O(() => [
+            k.value ? (u(!0), h(G, { key: 0 }, _(s.value, (X) => (u(), E(Xe, {
+              "aria-label": X.value,
+              key: X.value,
+              value: `${X.value}`,
               variant: "2-col"
             }, {
-              default: L(() => [
-                S("span", En, A(Y == null ? void 0 : Y.flag), 1),
-                S("span", Pn, A(Y.label), 1)
+              default: O(() => [
+                S("span", xn, A(X == null ? void 0 : X.flag), 1),
+                S("span", An, A(X.label), 1)
               ]),
               _: 2
-            }, 1032, ["aria-label", "value"]))), 128)) : k("", !0)
+            }, 1032, ["aria-label", "value"]))), 128)) : I("", !0)
           ]),
           _: 1
         }, 8, ["anchor-id", "model-value", "options-id", "shown"])
-      ])) : k("", !0)
+      ])) : I("", !0)
     ], 16));
   }
-}), Ln = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), Vn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsInputSearch",
   props: {
     /** Sets the disabled state on input, disabled styles on label. */
@@ -3285,44 +3400,44 @@ const za = {
   },
   emits: ["clear", "update:modelValue"],
   setup(e, { emit: n }) {
-    const t = e, a = v(() => Se.concat(t.passAttrs.split(","))), l = v(() => !t.disabled && !t.hideClear && t.variant !== "filter");
-    return (i, s) => (d(), P(Pe, N({
+    const t = e, a = v(() => fe.concat(t.passAttrs.split(","))), l = v(() => !t.disabled && !t.hideClear && t.variant !== "filter");
+    return (i, d) => (u(), E(Pe, N({
       class: "bs-input-search",
       "data-component": "bs-input-search",
       "data-variant": e.variant,
       disabled: e.disabled
     }, f(K)(i.$attrs, a.value).remaining), {
-      default: L(() => [
-        e.hideSearchIcon ? k("", !0) : (d(), P(f(xt), { key: 0 })),
-        V($e, N({
+      default: O(() => [
+        e.hideSearchIcon ? I("", !0) : (u(), E(f(xt), { key: 0 })),
+        V(Be, N({
           "data-autowidth": "",
           disabled: e.disabled,
           "input-id": i.$attrs.id || e.inputId,
           placeholder: e.placeholder,
           value: e.value || e.modelValue
         }, f(K)(i.$attrs, a.value).filtered, {
-          "onUpdate:modelValue": s[0] || (s[0] = (o) => i.$emit("update:modelValue", o))
+          "onUpdate:modelValue": d[0] || (d[0] = (o) => i.$emit("update:modelValue", o))
         }), null, 16, ["disabled", "input-id", "placeholder", "value"]),
-        se(S("button", {
+        de(S("button", {
           title: "Clear",
           type: "button",
-          onClick: s[1] || (s[1] = (o) => i.$emit("clear"))
+          onClick: d[1] || (d[1] = (o) => i.$emit("clear"))
         }, [
           V(f(Ve), { size: "sm" })
         ], 512), [
-          [de, l.value]
+          [se, l.value]
         ])
       ]),
       _: 1
     }, 16, ["data-variant", "disabled"]));
   }
-}), On = ["data-size", "data-variant"], qn = /* @__PURE__ */ S("span", null, null, -1), Dn = /* @__PURE__ */ S("span", null, null, -1), Mn = /* @__PURE__ */ S("span", null, null, -1), Nn = /* @__PURE__ */ S("span", null, null, -1), zn = /* @__PURE__ */ S("span", { class: "visually-hidden" }, "Loading", -1), Rn = [
+}), En = ["data-size", "data-variant"], Pn = /* @__PURE__ */ S("span", null, null, -1), On = /* @__PURE__ */ S("span", null, null, -1), Ln = /* @__PURE__ */ S("span", null, null, -1), qn = /* @__PURE__ */ S("span", null, null, -1), Dn = /* @__PURE__ */ S("span", { class: "visually-hidden" }, "Loading", -1), Mn = [
+  Pn,
+  On,
+  Ln,
   qn,
-  Dn,
-  Mn,
-  Nn,
-  zn
-], Fn = {
+  Dn
+], Nn = {
   __name: "BsLoader",
   props: {
     size: {
@@ -3336,14 +3451,14 @@ const za = {
     }
   },
   setup(e) {
-    return (n, t) => (d(), h("span", {
+    return (n, t) => (u(), h("span", {
       class: "bs-loader",
       "data-size": e.size,
       "data-variant": e.variant,
       role: "status"
-    }, Rn, 8, On));
+    }, Mn, 8, En));
   }
-}, jn = ["id"], wo = {
+}, zn = ["id"], wo = {
   __name: "BsInputTypeahead",
   props: {
     characterThreshold: {
@@ -3400,6 +3515,10 @@ const za = {
       type: Boolean,
       default: !1
     },
+    showDropdownOnFocus: {
+      type: Boolean,
+      default: !1
+    },
     typeaheadId: {
       type: String,
       default: void 0
@@ -3407,59 +3526,63 @@ const za = {
   },
   emits: ["update:inputValue", "update:optionsValue"],
   setup(e, { emit: n }) {
-    const t = e, a = n, l = y(!1), i = y(!1), [s] = Z();
+    const t = e, a = n, l = y(!1), i = y(!1), [d] = Z();
     let o = [];
     R(() => t.inputValue, () => {
       i.value ? i.value = !1 : C();
     });
-    const u = v(() => t.typeaheadId || s.value), r = v(() => `${u.value}-input-container`), c = v(() => `${u.value}-input`), p = v(() => `${u.value}-options`), B = v(() => {
+    const s = v(() => t.typeaheadId || d.value), r = v(() => `${s.value}-input-container`), c = v(() => `${s.value}-input`), p = v(() => `${s.value}-options`), w = v(() => {
       if (l.value) {
         let m = t.options;
         const b = t.inputValue.toLowerCase(), q = t.filterType === "includes" ? "includes" : "startsWith";
-        return m = g(m, b, q), m = m.slice(0, t.maxOptions), m = I(m, b, q), o = m, m;
+        return t.inputValue.length >= t.characterThreshold && (m = g(m, b, q), m = m.slice(0, t.maxOptions), m = k(m, b, q), o = m), m;
       } else
         return o;
     });
     function g(m, b, q) {
       return t.internalFiltering ? m.filter((M) => M.label.toLowerCase()[q](b)) : m;
     }
-    function I(m, b, q) {
+    function k(m, b, q) {
       return m.map((M) => {
         let z = M.label;
         if (b !== "") {
-          const W = q === "includes" ? "gi" : "i", te = new RegExp(`(${b})`, W);
-          z = M.label.replace(te, '<span style="color: var(--bs-blue-base)">$1</span>');
+          const W = q === "includes" ? "gi" : "i", ae = new RegExp(`(${b})`, W);
+          z = M.label.replace(ae, '<span style="color: var(--bs-blue-base)">$1</span>');
         }
         return { ...M, labelHtml: z };
       });
     }
     function C() {
-      t.inputValue.length >= t.characterThreshold ? l.value = !0 : l.value = !1;
+      t.showDropdownOnFocus || t.inputValue.length >= t.characterThreshold ? l.value = !0 : l.value = !1;
     }
-    function $() {
+    function B() {
       a("update:inputValue", ""), a("update:optionsValue", ""), document.getElementById(c.value).focus();
     }
     function T(m) {
       i.value = !0, l.value = !1;
-      const b = B.value.find((q) => q.value === m);
+      const b = w.value.find((q) => q.value === m);
       a("update:inputValue", b.label), a("update:optionsValue", m);
     }
-    return (m, b) => (d(), h(G, null, [
-      e.label || m.$slots.label ? (d(), P(ae, {
+    return (m, b) => (u(), h(G, null, [
+      e.label || m.$slots.label ? (u(), E(te, {
         key: 0,
         for: c.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: L(() => [
-          E(m.$slots, "label", {}, () => [
+        default: O(() => [
+          P(m.$slots, "label", {}, () => [
             H(A(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : k("", !0),
-      S("div", { id: r.value }, [
-        V(Ln, N({
+      }, 8, ["for", "disabled", "required"])) : I("", !0),
+      S("div", {
+        id: r.value,
+        class: "typeahead-search-wrapper"
+      }, [
+        V(Vn, N({
+          id: r.value,
           "aria-controls": p.value,
           "aria-expanded": l.value,
           "aria-haspopup": "listbox",
@@ -3473,11 +3596,11 @@ const za = {
           role: "combobox",
           value: e.inputValue
         }, m.$attrs, {
-          onClear: $,
+          onClear: B,
           onFocusin: C,
           "onUpdate:modelValue": b[0] || (b[0] = (q) => a("update:inputValue", q))
-        }), null, 16, ["aria-controls", "aria-expanded", "disabled", "hide-clear", "hide-search-icon", "input-id", "placeholder", "value"])
-      ], 8, jn),
+        }), null, 16, ["id", "aria-controls", "aria-expanded", "disabled", "hide-clear", "hide-search-icon", "input-id", "placeholder", "value"])
+      ], 8, zn),
       V(Qe, {
         "anchor-id": r.value,
         "model-value": e.optionsValue,
@@ -3490,17 +3613,17 @@ const za = {
         onClose: b[1] || (b[1] = (q) => l.value = !1),
         "onUpdate:modelValue": T
       }, {
-        default: L(() => [
-          V(Oe, { options: B.value }, pt({ _: 2 }, [
+        default: O(() => [
+          V(Le, { options: w.value }, ft({ _: 2 }, [
             e.loading ? {
               name: "no-options",
-              fn: L(() => [
-                V(Fn, { size: "xs" })
+              fn: O(() => [
+                V(Nn, { size: "xs" })
               ]),
               key: "0"
             } : {
               name: "no-options",
-              fn: L(() => [
+              fn: O(() => [
                 H("No results found")
               ]),
               key: "1"
@@ -3511,7 +3634,7 @@ const za = {
       }, 8, ["anchor-id", "model-value", "options-id", "shown"])
     ], 64));
   }
-}, Wn = /* @__PURE__ */ S("div", { class: "bs-overlay" }, null, -1), Un = {
+}, Rn = /* @__PURE__ */ S("div", { class: "bs-overlay" }, null, -1), Fn = {
   __name: "BsOverlay",
   props: {
     shown: {
@@ -3543,21 +3666,21 @@ const za = {
     const t = e, a = n, { transition: l } = Ee(t);
     return R(l, (i) => {
       i ? document.body.setAttribute("data-scroll", "false") : document.body.removeAttribute("data-scroll");
-    }), (i, s) => (d(), P(f(Me), {
+    }), (i, d) => (u(), E(f(Me), {
       shown: f(l),
       preloaded: e.preloaded,
       duration: 75,
       "enter-attribute": "data-shown",
-      onAfterEnter: s[0] || (s[0] = (o) => a("after-enter")),
-      onAfterLeave: s[1] || (s[1] = (o) => a("after-leave"))
+      onAfterEnter: d[0] || (d[0] = (o) => a("after-enter")),
+      onAfterLeave: d[1] || (d[1] = (o) => a("after-leave"))
     }, {
-      default: L(() => [
-        Wn
+      default: O(() => [
+        Rn
       ]),
       _: 1
     }, 8, ["shown", "preloaded"]));
   }
-}, Gn = ["id", "role", "aria-labelledby"], Hn = ["id"], Io = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, jn = ["id", "role", "aria-labelledby"], Wn = ["id"], Bo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsModal",
   props: {
     modalId: {
@@ -3603,20 +3726,20 @@ const za = {
   emits: ["close", "after-enter", "after-leave"],
   setup(e, { emit: n }) {
     const t = e, a = n, { transition: l } = Ee(t), [i] = Z();
-    let s = !1;
-    const o = y(null), u = (p) => {
+    let d = !1;
+    const o = y(null), s = (p) => {
       o.value && p.target.closest(".bs-overlay") && a("close", t.modalId);
     };
-    X(() => {
-      document.addEventListener("click", u);
-    }), he(() => {
-      document.removeEventListener("click", u);
-    }), ye(["Escape"], () => {
-      s && a("close", t.modalId);
+    Y(() => {
+      document.addEventListener("click", s);
+    }), me(() => {
+      document.removeEventListener("click", s);
+    }), we(["Escape"], () => {
+      d && a("close", t.modalId);
     });
     const r = () => !t.title && t.closeButton, c = () => t.title && t.closeButton;
-    return (p, B) => (d(), h(G, null, [
-      V(Un, {
+    return (p, w) => (u(), h(G, null, [
+      V(Fn, {
         shown: f(l),
         preloaded: e.preloaded,
         "enter-controlled": e.enterControlled,
@@ -3628,11 +3751,11 @@ const za = {
         preloaded: e.preloaded,
         duration: 75,
         "enter-attribute": "data-shown",
-        onEnter: B[1] || (B[1] = (g) => kt(s) ? s.value = !0 : s = !0),
-        onAfterEnter: B[2] || (B[2] = (g) => a("after-enter")),
-        onAfterLeave: B[3] || (B[3] = (g) => a("after-leave"))
+        onEnter: w[1] || (w[1] = (g) => kt(d) ? d.value = !0 : d = !0),
+        onAfterEnter: w[2] || (w[2] = (g) => a("after-enter")),
+        onAfterLeave: w[3] || (w[3] = (g) => a("after-leave"))
       }, {
-        default: L(() => [
+        default: O(() => [
           S("div", N({
             id: e.modalId,
             class: "bs-modal",
@@ -3643,45 +3766,45 @@ const za = {
             ref_key: "modalRef",
             ref: o
           }), [
-            e.title || e.closeButton ? (d(), h("header", {
+            e.title || e.closeButton ? (u(), h("header", {
               key: 0,
               class: oe({
                 "only-close-button-modal-header": r,
                 "modal-header": c
               })
             }, [
-              e.title ? (d(), h("h5", {
+              e.title ? (u(), h("span", {
                 key: 0,
                 id: f(i),
                 class: "modal-title"
-              }, A(e.title), 9, Hn)) : k("", !0),
-              e.closeButton ? (d(), h("button", {
+              }, A(e.title), 9, Wn)) : I("", !0),
+              e.closeButton ? (u(), h("button", {
                 key: 1,
                 type: "button",
                 title: "Close Modal",
                 "aria-label": "Close Modal",
-                onClick: B[0] || (B[0] = (g) => a("close", e.modalId))
+                onClick: w[0] || (w[0] = (g) => a("close", e.modalId))
               }, [
                 V(f(Ve), { class: "close-button" })
-              ])) : k("", !0)
-            ], 2)) : k("", !0),
-            E(p.$slots, "default")
-          ], 16, Gn)
+              ])) : I("", !0)
+            ], 2)) : I("", !0),
+            P(p.$slots, "default")
+          ], 16, jn)
         ]),
         _: 3
       }, 8, ["shown", "preloaded"])
     ], 64));
   }
-}), Kn = ["data-variant", "data-fixed"], Yn = {
+}), Un = ["data-variant", "data-fixed"], Gn = {
   key: 0,
   class: "bs-pagination-carets"
-}, Xn = ["aria-label", "title", "disabled"], Zn = { key: 0 }, Qn = ["aria-label", "title", "disabled"], Jn = { key: 0 }, _n = {
+}, Hn = ["aria-label", "title", "disabled"], Kn = { key: 0 }, Yn = ["aria-label", "title", "disabled"], Xn = { key: 0 }, Zn = {
   key: 1,
   class: "bs-pagination-page-numbers"
-}, el = ["title", "data-selected", "onClick"], tl = { key: 2 }, al = { key: 3 }, nl = /* @__PURE__ */ S("span", null, "Results Per Page:", -1), ll = { class: "bs-pagination-results-numbers" }, ol = ["data-selected", "disabled", "onClick"], il = {
+}, Qn = ["title", "data-selected", "onClick"], Jn = { key: 2 }, _n = { key: 3 }, el = /* @__PURE__ */ S("span", null, "Results Per Page:", -1), tl = { class: "bs-pagination-results-numbers" }, al = ["data-selected", "disabled", "onClick"], nl = {
   key: 5,
   class: "bs-pagination-carets"
-}, rl = ["aria-label", "title", "disabled"], sl = { key: 0 }, dl = ["aria-label", "title", "disabled"], ul = { key: 0 }, ko = {
+}, ll = ["aria-label", "title", "disabled"], ol = { key: 0 }, il = ["aria-label", "title", "disabled"], rl = { key: 0 }, $o = {
   __name: "BsPagination",
   props: {
     // Used for all
@@ -3768,24 +3891,24 @@ const za = {
   emits: ["selchange", "update:modelValue"],
   setup(e, { emit: n }) {
     const t = e, a = n, l = y(null);
-    X(() => {
+    Y(() => {
       i.value ? l.value = i.value : t.variant === "results" ? l.value = C.value[0] : l.value = 1;
     });
     const i = v(() => t.modelValue || t.selection);
-    R(() => t.selection, ($) => {
-      l.value = $;
-    }), R(() => t.modelValue, ($) => {
-      l.value = $;
-    }), R(l, ($, T) => {
-      T !== null && (a("selchange", $), a("update:modelValue", $));
+    R(() => t.selection, (B) => {
+      l.value = B;
+    }), R(() => t.modelValue, (B) => {
+      l.value = B;
+    }), R(l, (B, T) => {
+      T !== null && (a("selchange", B), a("update:modelValue", B));
     });
-    const s = v(() => {
+    const d = v(() => {
       if (t.variant === "group")
         return Math.ceil(t.itemsCount / t.itemsPerGroup);
       if (t.variant === "base")
         return t.pageCount;
     }), o = v(() => t.variant === "base" ? t.centerDisplay === "text" ? "group" : void 0 : t.variant);
-    function u() {
+    function s() {
       l.value = 1;
     }
     function r() {
@@ -3794,43 +3917,43 @@ const za = {
     function c() {
       l.value = Math.min(
         l.value + 1,
-        s.value
+        d.value
       );
     }
     function p() {
-      l.value = s.value;
+      l.value = d.value;
     }
-    const B = v(() => {
+    const w = v(() => {
       if (t.pageCount <= t.pageRange)
         return [...Array(t.pageCount + 1).keys()].slice(1);
-      const $ = [1], T = (t.pageRange - 1) / 2;
+      const B = [1], T = (t.pageRange - 1) / 2;
       let m = l.value - T, b = l.value + T;
-      m < 1 && (b += 1 - m, m = 1), b > t.pageCount && (m -= b - t.pageCount, b = t.pageCount), m = Math.max(m, 2), b = Math.min(b, t.pageCount - 1), m > 2 && $.push(t.breakText);
+      m < 1 && (b += 1 - m, m = 1), b > t.pageCount && (m -= b - t.pageCount, b = t.pageCount), m = Math.max(m, 2), b = Math.min(b, t.pageCount - 1), m > 2 && B.push(t.breakText);
       for (let q = m; q <= b; q++)
-        $.push(q);
-      return b < t.pageCount - 1 && $.push(t.breakText), $.push(t.pageCount), $;
-    }), g = v(() => `${t.centerLabel ?? "Page"} ${l.value} of ${s.value}`), I = v(() => {
-      const $ = (l.value - 1) * t.itemsPerGroup + 1, T = Math.min($ - 1 + t.itemsPerGroup, t.itemsCount);
-      return `${t.centerLabel ?? "Results"} ${$} - ${T} of ${t.itemsCount}`;
-    }), C = v(() => t.resultsIncrements.split(",").map(($) => parseInt($)));
-    return ($, T) => (d(), h("div", {
+        B.push(q);
+      return b < t.pageCount - 1 && B.push(t.breakText), B.push(t.pageCount), B;
+    }), g = v(() => `${t.centerLabel ?? "Page"} ${l.value} of ${d.value}`), k = v(() => {
+      const B = (l.value - 1) * t.itemsPerGroup + 1, T = Math.min(B - 1 + t.itemsPerGroup, t.itemsCount);
+      return `${t.centerLabel ?? "Results"} ${B} - ${T} of ${t.itemsCount}`;
+    }), C = v(() => t.resultsIncrements.split(",").map((B) => parseInt(B)));
+    return (B, T) => (u(), h("div", {
       class: "bs-pagination",
       "data-variant": o.value,
       "data-fixed": t.fixed
     }, [
-      e.variant === "base" || e.variant === "group" ? (d(), h("div", Yn, [
-        e.showFirstLastButtons ? (d(), h("button", {
+      e.variant === "base" || e.variant === "group" ? (u(), h("div", Gn, [
+        e.showFirstLastButtons ? (u(), h("button", {
           key: 0,
           type: "button",
           class: oe(e.firstPageText ? "bs-pagination-word-caret" : void 0),
           "aria-label": e.firstPageText ? void 0 : "First Page",
           title: e.firstPageText,
           disabled: l.value === 1,
-          onClick: u
+          onClick: s
         }, [
           V(f(At)),
-          e.firstPageText ? (d(), h("span", Zn, A(e.firstPageText), 1)) : k("", !0)
-        ], 10, Xn)) : k("", !0),
+          e.firstPageText ? (u(), h("span", Kn, A(e.firstPageText), 1)) : I("", !0)
+        ], 10, Hn)) : I("", !0),
         S("button", {
           type: "button",
           class: oe(e.prevPageText ? "bs-pagination-word-caret" : void 0),
@@ -3840,60 +3963,60 @@ const za = {
           onClick: r
         }, [
           V(f(Vt)),
-          e.prevPageText ? (d(), h("span", Jn, A(e.prevPageText), 1)) : k("", !0)
-        ], 10, Qn)
-      ])) : k("", !0),
-      e.variant === "base" && e.centerDisplay === "numbers" ? (d(), h("div", _n, [
-        (d(!0), h(G, null, _(B.value, (m) => (d(), h("button", {
+          e.prevPageText ? (u(), h("span", Xn, A(e.prevPageText), 1)) : I("", !0)
+        ], 10, Yn)
+      ])) : I("", !0),
+      e.variant === "base" && e.centerDisplay === "numbers" ? (u(), h("div", Zn, [
+        (u(!0), h(G, null, _(w.value, (m) => (u(), h("button", {
           key: `page-${m}-button`,
           type: "button",
           title: `Page ${m}`,
           "data-selected": m === l.value,
           onClick: (b) => l.value = m
-        }, A(m), 9, el))), 128))
-      ])) : k("", !0),
-      t.variant === "base" && t.centerDisplay === "text" ? (d(), h("span", tl, A(g.value), 1)) : k("", !0),
-      t.variant === "group" ? (d(), h("span", al, A(I.value), 1)) : k("", !0),
-      t.variant === "results" ? (d(), h(G, { key: 4 }, [
-        nl,
-        S("div", ll, [
-          (d(!0), h(G, null, _(C.value, (m) => (d(), h("button", {
+        }, A(m), 9, Qn))), 128))
+      ])) : I("", !0),
+      t.variant === "base" && t.centerDisplay === "text" ? (u(), h("span", Jn, A(g.value), 1)) : I("", !0),
+      t.variant === "group" ? (u(), h("span", _n, A(k.value), 1)) : I("", !0),
+      t.variant === "results" ? (u(), h(G, { key: 4 }, [
+        el,
+        S("div", tl, [
+          (u(!0), h(G, null, _(C.value, (m) => (u(), h("button", {
             type: "button",
             key: `results-${m}`,
             "data-selected": m === l.value,
             disabled: l.value === m,
             onClick: (b) => l.value = m
-          }, A(m), 9, ol))), 128))
+          }, A(m), 9, al))), 128))
         ])
-      ], 64)) : k("", !0),
-      e.variant === "base" || e.variant === "group" ? (d(), h("div", il, [
+      ], 64)) : I("", !0),
+      e.variant === "base" || e.variant === "group" ? (u(), h("div", nl, [
         S("button", {
           type: "button",
           class: oe(e.nextPageText ? "bs-pagination-word-caret" : void 0),
           "aria-label": e.nextPageText ? void 0 : "Next Page",
           title: e.nextPageText,
-          disabled: l.value === s.value,
+          disabled: l.value === d.value,
           onClick: c
         }, [
-          e.nextPageText ? (d(), h("span", sl, A(e.nextPageText), 1)) : k("", !0),
+          e.nextPageText ? (u(), h("span", ol, A(e.nextPageText), 1)) : I("", !0),
           V(f(Et))
-        ], 10, rl),
-        e.showFirstLastButtons ? (d(), h("button", {
+        ], 10, ll),
+        e.showFirstLastButtons ? (u(), h("button", {
           key: 0,
           type: "button",
           class: oe(e.lastPageText ? "bs-pagination-word-caret" : void 0),
           "aria-label": e.lastPageText ? void 0 : "Last Page",
           title: e.lastPageText,
-          disabled: l.value === s.value,
+          disabled: l.value === d.value,
           onClick: p
         }, [
-          e.lastPageText ? (d(), h("span", ul, A(e.lastPageText), 1)) : k("", !0),
+          e.lastPageText ? (u(), h("span", rl, A(e.lastPageText), 1)) : I("", !0),
           V(f(Pt))
-        ], 10, dl)) : k("", !0)
-      ])) : k("", !0)
-    ], 8, Kn));
+        ], 10, il)) : I("", !0)
+      ])) : I("", !0)
+    ], 8, Un));
   }
-}, cl = ["data-truncate"], To = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, dl = ["data-truncate"], Io = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsPill",
   props: {
     active: { type: Boolean, default: !1 },
@@ -3917,35 +4040,35 @@ const za = {
     }
   },
   setup(e) {
-    const n = e, { onLinkClick: t } = De(n), a = fe(), { rootTag: l, attrsToBind: i, hrefUrl: s } = qe(n, a, "span");
-    return (o, u) => (d(), P(ee(f(l)), N({
+    const n = e, { onLinkClick: t } = De(n), a = pe(), { rootTag: l, attrsToBind: i, hrefUrl: d } = qe(n, a, "span");
+    return (o, s) => (u(), E(ee(f(l)), N({
       class: "bs-pill",
       "data-active": e.active,
       "data-component": "bs-pill",
       "data-status": e.status || void 0,
       "data-variant": e.variant || void 0,
       disabled: e.disabled,
-      ".href": f(s)
+      ".href": f(d)
     }, f(i), { onClick: f(t) }), {
-      default: L(() => [
+      default: O(() => [
         S("span", { "data-truncate": e.truncate }, [
-          E(o.$slots, "default")
-        ], 8, cl)
+          P(o.$slots, "default")
+        ], 8, dl)
       ]),
       _: 3
     }, 48, ["data-active", "data-status", "data-variant", "disabled", ".href", "onClick"]));
   }
-}), fl = { class: "bs-profile-details" }, pl = {
+}), sl = { class: "bs-profile-details" }, ul = {
   class: "bs-profile-name",
   "data-size": "sm",
   "data-weight": "bold"
-}, vl = {
+}, cl = {
   key: 1,
   "data-weight": "bold"
-}, hl = { key: 2 }, ml = { key: 3 }, bl = {
+}, fl = { key: 2 }, pl = { key: 3 }, vl = {
   key: 4,
   "data-icon": "true"
-}, gl = {
+}, hl = {
   __name: "BsProfileDetails",
   props: {
     profileName: {
@@ -3962,40 +4085,40 @@ const za = {
   },
   emits: ["action-toggled"],
   setup(e, { emit: n }) {
-    const t = e, a = n, { icon: l } = Le(t, "actionIcon"), { icon: i } = Le(t, "miscMetaIcon");
-    function s(o) {
+    const t = e, a = n, { icon: l } = Oe(t, "actionIcon"), { icon: i } = Oe(t, "miscMetaIcon");
+    function d(o) {
       o.target.tagName === "BUTTON" && (o.preventDefault(), o.stopImmediatePropagation(), a("action-toggled"));
     }
-    return (o, u) => (d(), h("div", fl, [
-      e.action || o.$slots.action ? (d(), h("button", {
+    return (o, s) => (u(), h("div", sl, [
+      e.action || o.$slots.action ? (u(), h("button", {
         key: 0,
         "data-icon": "true",
-        onClick: s
+        onClick: d
       }, [
-        E(o.$slots, "action", {}, () => [
-          e.actionIcon ? (d(), P(ee(f(l) ? f(l) : "span"), {
+        P(o.$slots, "action", {}, () => [
+          e.actionIcon ? (u(), E(ee(f(l) ? f(l) : "span"), {
             key: 0,
             class: "bs-icon"
-          })) : k("", !0),
+          })) : I("", !0),
           H(" " + A(e.action), 1)
         ])
-      ])) : k("", !0),
-      S("span", pl, A(e.profileName), 1),
-      e.company ? (d(), h("span", vl, A(e.company), 1)) : k("", !0),
-      e.jobTitle ? (d(), h("span", hl, A(e.jobTitle), 1)) : k("", !0),
-      e.email ? (d(), h("span", ml, A(e.email), 1)) : k("", !0),
-      e.miscMeta || o.$slots.misc ? (d(), h("span", bl, [
-        E(o.$slots, "misc", {}, () => [
-          e.miscMetaIcon ? (d(), P(ee(f(i) ? f(i) : "span"), {
+      ])) : I("", !0),
+      S("span", ul, A(e.profileName), 1),
+      e.company ? (u(), h("span", cl, A(e.company), 1)) : I("", !0),
+      e.jobTitle ? (u(), h("span", fl, A(e.jobTitle), 1)) : I("", !0),
+      e.email ? (u(), h("span", pl, A(e.email), 1)) : I("", !0),
+      e.miscMeta || o.$slots.misc ? (u(), h("span", vl, [
+        P(o.$slots, "misc", {}, () => [
+          e.miscMetaIcon ? (u(), E(ee(f(i) ? f(i) : "span"), {
             key: 0,
             class: "bs-icon"
-          })) : k("", !0),
+          })) : I("", !0),
           H(" " + A(e.miscMeta), 1)
         ])
-      ])) : k("", !0)
+      ])) : I("", !0)
     ]));
   }
-}, Co = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, ko = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsProfile",
   props: {
     layout: {
@@ -4009,7 +4132,7 @@ const za = {
     imageSize: {
       type: String,
       default: "lg",
-      validator: (e) => ["sm", "md", "lg"].includes(e)
+      validator: (e) => ["xs", "sm", "md", "lg", "xl"].includes(e)
     },
     initials: String,
     linkTo: String,
@@ -4025,21 +4148,21 @@ const za = {
   },
   emits: ["action-toggled"],
   setup(e, { emit: n }) {
-    const t = e, a = n, l = fe(), { onLinkClick: i } = De(t), { rootTag: s, attrsToBind: o, hrefUrl: u } = qe(t, l, "div");
-    return (r, c) => (d(), P(ee(f(s)), N({
+    const t = e, a = n, l = pe(), { onLinkClick: i } = De(t), { rootTag: d, attrsToBind: o, hrefUrl: s } = qe(t, l, "div");
+    return (r, c) => (u(), E(ee(f(d)), N({
       class: "bs-profile",
-      ".href": f(u),
+      ".href": f(s),
       "data-layout": e.layout
     }, f(o), { onClick: f(i) }), {
-      default: L(() => [
-        V(gt, {
+      default: O(() => [
+        V(bt, {
           src: e.imageSrc,
           size: e.imageSize,
           initials: e.initials,
           "profile-name": e.profileName,
           "use-alt-text": !1
         }, null, 8, ["src", "size", "initials", "profile-name"]),
-        V(gl, {
+        V(hl, {
           "profile-name": e.profileName,
           company: e.company,
           "job-title": e.jobTitle,
@@ -4050,11 +4173,11 @@ const za = {
           "misc-meta-icon": e.miscMetaIcon,
           onActionToggled: c[0] || (c[0] = (p) => a("action-toggled"))
         }, {
-          action: L(() => [
-            E(r.$slots, "action")
+          action: O(() => [
+            P(r.$slots, "action")
           ]),
-          misc: L(() => [
-            E(r.$slots, "misc")
+          misc: O(() => [
+            P(r.$slots, "misc")
           ]),
           _: 3
         }, 8, ["profile-name", "company", "job-title", "email", "action", "action-icon", "misc-meta", "misc-meta-icon"])
@@ -4088,7 +4211,7 @@ function yt(e) {
     getStatus: a
   };
 }
-const yl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Sl = ["data-status"], xo = {
+const ml = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], bl = ["data-status"], To = {
   __name: "BsProgressBar",
   props: {
     /** @type {Status} */
@@ -4117,25 +4240,25 @@ const yl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Sl = ["data-sta
   },
   setup(e) {
     const n = e, { progressStep: t, progressText: a, getStatus: l } = yt(n);
-    return (i, s) => (d(), h("div", {
+    return (i, d) => (u(), h("div", {
       "aria-valuemax": e.steps.length,
       "aria-valuenow": f(t),
       "aria-valuetext": f(a),
       class: "bs-progress-bar",
       role: "progressbar"
     }, [
-      (d(!0), h(G, null, _(e.steps, (o, u) => (d(), h("div", {
+      (u(!0), h(G, null, _(e.steps, (o, s) => (u(), h("div", {
         class: "bs-step-item",
-        "data-status": f(l)(o.status, u),
+        "data-status": f(l)(o.status, s),
         "data-variant": "progress",
         key: o.id || o.label,
         role: "status"
       }, [
-        S("span", null, A(o.label || o) + " : " + A(f(l)(o.status, u) || "not started"), 1)
-      ], 8, Sl))), 128))
-    ], 8, yl));
+        S("span", null, A(o.label || o) + " : " + A(f(l)(o.status, s) || "not started"), 1)
+      ], 8, bl))), 128))
+    ], 8, ml));
   }
-}, Bl = ["data-size"], $l = ["checked", "disabled", "id", "required", "value", "data-error"], Ao = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, gl = ["data-disabled", "data-error", "data-size"], yl = ["checked", "disabled", "id", "required", "value", "data-error"], Co = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsRadio",
   props: {
     label: {
@@ -4179,14 +4302,16 @@ const yl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Sl = ["data-sta
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    const t = e, [a] = Z(), l = v(() => Ye.concat(t.passAttrs.split(","))), i = v(() => t.inputId || a.value), s = v(() => t.checked || t.modelValue && t.modelValue === t.value);
-    return (o, u) => (d(), h("div", N({
+    const t = e, [a] = Z(), l = v(() => Ye.concat(t.passAttrs.split(","))), i = v(() => t.inputId || a.value), d = v(() => t.checked || t.modelValue && t.modelValue === t.value);
+    return (o, s) => (u(), h("div", N({
       class: "bs-boolean",
       "data-component": "bs-radio",
+      "data-disabled": e.disabled,
+      "data-error": e.error,
       "data-size": e.size
     }, f(K)(o.$attrs, l.value).remaining), [
       S("input", N({
-        checked: s.value,
+        checked: d.value,
         disabled: e.disabled,
         id: o.$attrs.id || i.value,
         required: e.required,
@@ -4194,24 +4319,24 @@ const yl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Sl = ["data-sta
         value: e.value,
         "data-error": e.error
       }, f(K)(o.$attrs, l.value).filtered, {
-        onChange: u[0] || (u[0] = (r) => o.$emit("update:modelValue", r.target.value))
-      }), null, 16, $l),
-      e.label || o.$slots.label ? (d(), P(ae, {
+        onChange: s[0] || (s[0] = (r) => o.$emit("update:modelValue", r.target.value))
+      }), null, 16, yl),
+      e.label || o.$slots.label ? (u(), E(te, {
         key: 0,
         for: o.$attrs.id || i.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: L(() => [
-          E(o.$slots, "label", {}, () => [
+        default: O(() => [
+          P(o.$slots, "label", {}, () => [
             H(A(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : k("", !0)
-    ], 16, Bl));
+      }, 8, ["for", "disabled", "required"])) : I("", !0)
+    ], 16, gl));
   }
-}), wl = ["id", "disabled", "required", "data-error", "value"], Il = {
+}), Sl = ["id", "disabled", "required", "data-error", "value"], wl = {
   __name: "BsSelect",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -4225,7 +4350,7 @@ const yl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Sl = ["data-sta
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
     const t = e, a = v(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
-    return (l, i) => (d(), h("select", N({
+    return (l, i) => (u(), h("select", N({
       id: l.$attrs.id || e.inputId,
       class: "bs-select",
       "data-component": "bs-select",
@@ -4234,12 +4359,12 @@ const yl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Sl = ["data-sta
       "data-error": e.error,
       value: e.value || e.modelValue
     }, a.value, {
-      onChange: i[0] || (i[0] = (s) => l.$emit("update:modelValue", s.target.value))
+      onChange: i[0] || (i[0] = (d) => l.$emit("update:modelValue", d.target.value))
     }), [
-      E(l.$slots, "default")
-    ], 16, wl));
+      P(l.$slots, "default")
+    ], 16, Sl));
   }
-}, kl = ["selected", "disabled"], Tl = ["disabled", "selected", "value"], Vo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Bl = ["selected", "disabled"], $l = ["disabled", "selected", "value"], xo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsSelectField",
   props: {
     data: {
@@ -4283,66 +4408,66 @@ const yl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Sl = ["data-sta
     modelValue: [String, Number]
   },
   setup(e) {
-    const n = e, [t, a] = Z(2), l = v(() => Ca.concat(n.passAttrs.split(","))), i = v(() => {
+    const n = e, [t, a] = Z(2), l = v(() => ka.concat(n.passAttrs.split(","))), i = v(() => {
       var r, c;
       return ((c = (r = n.hints) == null ? void 0 : r.join) == null ? void 0 : c.call(r, `
 `)) || n.hints;
-    }), s = v(() => n.error && n.errorMsg || n.hint || i.value || void 0), o = v(() => n.inputId || t.value), u = v(() => n.value || n.modelValue);
-    return (r, c) => (d(), h("div", N({ "data-component": "bs-select-field" }, f(K)(r.$attrs, l.value).remaining), [
-      e.label || r.$slots.label ? (d(), P(ae, {
+    }), d = v(() => n.error && n.errorMsg || n.hint || i.value || void 0), o = v(() => n.inputId || t.value), s = v(() => n.value || n.modelValue);
+    return (r, c) => (u(), h("div", N({ "data-component": "bs-select-field" }, f(K)(r.$attrs, l.value).remaining), [
+      e.label || r.$slots.label ? (u(), E(te, {
         key: 0,
         for: r.$attrs.id || o.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: L(() => [
-          E(r.$slots, "label", {}, () => [
+        default: O(() => [
+          P(r.$slots, "label", {}, () => [
             H(A(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : k("", !0),
-      V(Il, N({
+      }, 8, ["for", "disabled", "required"])) : I("", !0),
+      V(wl, N({
         disabled: e.disabled,
         error: e.error,
         "hint-id": f(a),
         "input-id": r.$attrs.id || o.value,
         required: e.required,
-        value: u.value,
+        value: s.value,
         "onUpdate:modelValue": c[0] || (c[0] = (p) => r.$emit("update:modelValue", p))
       }, f(K)(r.$attrs, l.value).filtered), {
-        default: L(() => [
+        default: O(() => [
           S("option", {
-            selected: !u.value,
+            selected: !s.value,
             value: "",
-            disabled: !!u.value
-          }, A(e.disabled ? "" : e.placeholder), 9, kl),
-          (d(!0), h(G, null, _(e.data, (p) => (d(), h("option", {
+            disabled: !!s.value
+          }, A(e.disabled ? "" : e.placeholder), 9, Bl),
+          (u(!0), h(G, null, _(e.data, (p) => (u(), h("option", {
             key: p.value,
             disabled: p.disabled,
-            selected: u.value === p.value,
+            selected: s.value === p.value,
             value: p.value
-          }, A(p.label), 9, Tl))), 128))
+          }, A(p.label), 9, $l))), 128))
         ]),
         _: 1
       }, 16, ["disabled", "error", "hint-id", "input-id", "required", "value"]),
-      s.value ? (d(), P(Be, {
+      d.value ? (u(), E(be, {
         key: 1,
         "data-disabled": e.disabled,
         error: e.error,
         "error-msg": e.errorMsg,
         hint: e.hint || i.value,
         "hint-id": f(a)
-      }, null, 8, ["data-disabled", "error", "error-msg", "hint", "hint-id"])) : k("", !0)
+      }, null, 8, ["data-disabled", "error", "error-msg", "hint", "hint-id"])) : I("", !0)
     ], 16));
   }
-}), Cl = ["data-size", "data-variant"], xl = ["stroke"], Al = { key: 0 }, Vl = /* @__PURE__ */ S("linearGradient", { id: "bs-spinner-gradient" }, [
+}), Il = ["data-size", "data-variant"], kl = ["stroke"], Tl = { key: 0 }, Cl = /* @__PURE__ */ S("linearGradient", { id: "bs-spinner-gradient" }, [
   /* @__PURE__ */ S("stop", { offset: "0%" }),
   /* @__PURE__ */ S("stop", { offset: "49%" }),
   /* @__PURE__ */ S("stop", { offset: "100%" })
-], -1), El = [
-  Vl
-], Eo = {
+], -1), xl = [
+  Cl
+], Ao = {
   __name: "BsSpinner",
   props: {
     label: {
@@ -4359,7 +4484,7 @@ const yl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Sl = ["data-sta
     }
   },
   setup(e) {
-    return (n, t) => (d(), h("svg", {
+    return (n, t) => (u(), h("svg", {
       class: "bs-spinner",
       "data-size": e.size,
       "data-variant": e.variant,
@@ -4375,11 +4500,11 @@ const yl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Sl = ["data-sta
         pathLength: "100",
         r: "45",
         stroke: e.variant === "gradient" ? "url(#bs-spinner-gradient)" : void 0
-      }, null, 8, xl),
-      e.variant === "gradient" ? (d(), h("defs", Al, El)) : k("", !0)
-    ], 8, Cl));
+      }, null, 8, kl),
+      e.variant === "gradient" ? (u(), h("defs", Tl, xl)) : I("", !0)
+    ], 8, Il));
   }
-}, Pl = ["data-size"], Ll = ["data-disabled", "data-pending", "data-size"], Ol = ["checked", "disabled", "id"], ql = ["data-inner-on-label", "data-inner-off-label"], Po = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Al = ["data-disabled", "data-size"], Vl = ["data-disabled", "data-pending", "data-size"], El = ["checked", "disabled", "id"], Pl = ["data-inner-on-label", "data-inner-off-label"], Vo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsSwitch",
   props: {
     checked: {
@@ -4425,25 +4550,26 @@ const yl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Sl = ["data-sta
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    const t = e, a = n, [l] = Z(), i = v(() => Ye.concat(t.passAttrs.split(","))), s = v(() => t.inputId || l.value), o = v(() => t.checked || t.modelValue);
-    return (u, r) => (d(), h("div", N({
+    const t = e, a = n, [l] = Z(), i = v(() => Ye.concat(t.passAttrs.split(","))), d = v(() => t.inputId || l.value), o = v(() => t.checked || t.modelValue);
+    return (s, r) => (u(), h("div", N({
       class: "bs-boolean",
       "data-component": "bs-switch",
+      "data-disabled": e.disabled,
       "data-size": e.size
-    }, f(K)(u.$attrs, i.value).remaining), [
-      e.label || u.$slots.label ? (d(), P(ae, {
+    }, f(K)(s.$attrs, i.value).remaining), [
+      e.label || s.$slots.label ? (u(), E(te, {
         key: 0,
-        for: u.$attrs.id || s.value,
+        for: s.$attrs.id || d.value,
         disabled: e.disabled,
         hide: e.hideLabel
       }, {
-        default: L(() => [
-          E(u.$slots, "label", {}, () => [
+        default: O(() => [
+          P(s.$slots, "label", {}, () => [
             H(A(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "hide"])) : k("", !0),
+      }, 8, ["for", "disabled", "hide"])) : I("", !0),
       S("div", {
         class: "bs-switch",
         "data-disabled": e.disabled,
@@ -4453,20 +4579,20 @@ const yl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Sl = ["data-sta
         S("input", N({
           checked: o.value,
           disabled: e.disabled,
-          id: u.$attrs.id || s.value,
+          id: s.$attrs.id || d.value,
           type: "checkbox"
-        }, f(K)(u.$attrs, i.value).filtered, {
+        }, f(K)(s.$attrs, i.value).filtered, {
           onChange: r[0] || (r[0] = (c) => a("update:modelValue", c.target.checked))
-        }), null, 16, Ol),
+        }), null, 16, El),
         S("span", {
           "aria-hidden": "true",
           "data-inner-on-label": e.innerOnLabel,
           "data-inner-off-label": e.innerOffLabel
-        }, null, 8, ql)
-      ], 8, Ll)
-    ], 16, Pl));
+        }, null, 8, Pl)
+      ], 8, Vl)
+    ], 16, Al));
   }
-}), Dl = ["aria-controls", "aria-selected", "data-hidden"], Lo = {
+}), Ol = ["aria-controls", "aria-selected", "data-hidden"], Eo = {
   __name: "BsTab",
   props: {
     activeTabId: {
@@ -4483,18 +4609,18 @@ const yl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Sl = ["data-sta
   },
   emits: ["tabClick"],
   setup(e, { emit: n }) {
-    const t = e, a = fe(), l = y(), i = v(() => t.activeTabId === a.id), s = v(() => t.panelId || `${a.id}-panel`);
+    const t = e, a = pe(), l = y(), i = v(() => t.activeTabId === a.id), d = v(() => t.panelId || `${a.id}-panel`);
     function o(r) {
-      (r.key === "Enter" || r.key === " ") && (r.preventDefault(), r.stopPropagation(), u());
+      (r.key === "Enter" || r.key === " ") && (r.preventDefault(), r.stopPropagation(), s());
     }
-    function u() {
+    function s() {
       if (t.activeTabId !== a.id) {
         const r = new CustomEvent("tabClick", { detail: a.id, bubbles: !0 });
         l.value.dispatchEvent(r);
       }
     }
-    return (r, c) => (d(), h("div", {
-      "aria-controls": s.value,
+    return (r, c) => (u(), h("div", {
+      "aria-controls": d.value,
       "aria-selected": i.value ? "true" : "false",
       "data-hidden": e.hidden || void 0,
       "data-component": "bs-tab",
@@ -4502,13 +4628,13 @@ const yl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Sl = ["data-sta
       tabindex: "0",
       ref_key: "hostEl",
       ref: l,
-      onClick: u,
+      onClick: s,
       onKeydown: o
     }, [
-      E(r.$slots, "default")
-    ], 40, Dl));
+      P(r.$slots, "default")
+    ], 40, Ol));
   }
-}, Ml = ["id", "data-resizing"], Nl = ["aria-controls", "aria-expanded", "data-active", "data-hidden", "id"], zl = 73, Rl = 20, Re = 16, Oo = {
+}, Ll = ["id", "data-resizing"], ql = ["aria-controls", "aria-expanded", "data-active", "data-hidden", "id"], Dl = 73, Ml = 20, Re = 16, Po = {
   __name: "BsTabList",
   props: {
     activeTabId: { type: String, required: !0 },
@@ -4519,155 +4645,155 @@ const yl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Sl = ["data-sta
   },
   emits: ["tabChange", "update:modelValue"],
   setup(e, { emit: n }) {
-    const t = e, a = n, l = y(!1), i = y(!1), s = y([]), o = y(!1), u = y(!1), r = y(), c = y([]), p = y(!1), B = y([]), g = y(), I = y([]), C = y(), $ = y(), [T, m] = Z(2), b = v(() => t.activeTabId ? B.value.findIndex((w) => w.id === t.activeTabId) : 0), q = v(() => s.value.some((w) => w.id === t.activeTabId)), M = v(() => `${m.value}-options`), z = v(() => `${m.value}-toggle`), W = v(() => {
-      var w;
-      return q.value ? (w = B.value[b.value]) == null ? void 0 : w.textContent : "More";
-    }), te = v(() => q.value ? c.value[b.value] - c.value[b.value - 1] + Rl + Re : zl + Re);
+    const t = e, a = n, l = y(!1), i = y(!1), d = y([]), o = y(!1), s = y(!1), r = y(), c = y([]), p = y(!1), w = y([]), g = y(), k = y([]), C = y(), B = y(), [T, m] = Z(2), b = v(() => t.activeTabId ? w.value.findIndex(($) => $.id === t.activeTabId) : 0), q = v(() => d.value.some(($) => $.id === t.activeTabId)), M = v(() => `${m.value}-options`), z = v(() => `${m.value}-toggle`), W = v(() => {
+      var $;
+      return q.value ? ($ = w.value[b.value]) == null ? void 0 : $.textContent : "More";
+    }), ae = v(() => q.value ? c.value[b.value] - c.value[b.value - 1] + Ml + Re : Dl + Re);
     function J() {
       var re;
-      let w = !1, D, j = 0, Q = !1, ne = [];
-      if ((re = B.value) != null && re.length) {
-        for (let le = 0; le < B.value.length; le++) {
-          if (D = B.value[le], D.setAttribute("tabindex", "-1"), Q && le !== b.value) {
+      let $ = !1, D, j = 0, Q = !1, ne = [];
+      if ((re = w.value) != null && re.length) {
+        for (let le = 0; le < w.value.length; le++) {
+          if (D = w.value[le], D.setAttribute("tabindex", "-1"), Q && le !== b.value) {
             D.dataset.hidden = "true", ne.push(D);
             continue;
           }
-          if (j = le < B.value.length - 1 ? $.value - te.value : $.value, c.value[le] > j) {
-            D.dataset.hidden = "true", ne.push(D), w = !0, Q = !0;
+          if (j = le < w.value.length - 1 ? B.value - ae.value : B.value, c.value[le] > j) {
+            D.dataset.hidden = "true", ne.push(D), $ = !0, Q = !0;
             continue;
           }
           D.dataset.hidden = "false", D.setAttribute("tabindex", "0");
         }
-        u.value = w, s.value = ne, l.value || xe(() => l.value = !0), setTimeout(() => {
-          Bt(), O(), p.value = !0;
+        s.value = $, d.value = ne, l.value || xe(() => l.value = !0), setTimeout(() => {
+          wt(), L(), p.value = !0;
         }, p.value ? 25 : 1e3);
       }
     }
-    function pe(w) {
-      a("tabChange", w), a("update:modelValue", w);
+    function ve($) {
+      a("tabChange", $), a("update:modelValue", $);
     }
-    function we(w) {
+    function $e($) {
       var Q, ne, re;
-      const D = (re = (ne = (Q = B.value[w]) == null ? void 0 : Q.getBoundingClientRect) == null ? void 0 : ne.call(Q)) == null ? void 0 : re.width;
-      return D || (w === 0 ? c.value[0] : c.value[w] - c.value[w - 1]) || 0;
+      const D = (re = (ne = (Q = w.value[$]) == null ? void 0 : Q.getBoundingClientRect) == null ? void 0 : ne.call(Q)) == null ? void 0 : re.width;
+      return D || ($ === 0 ? c.value[0] : c.value[$] - c.value[$ - 1]) || 0;
     }
-    function me() {
-      var w;
-      (w = B.value[b.value]) == null || w.setAttribute("aria-selected", "true"), J();
+    function ge() {
+      var $;
+      ($ = w.value[b.value]) == null || $.setAttribute("aria-selected", "true"), J();
     }
     function Ie() {
-      var w;
-      (w = g.value) == null || w.focus(), o.value = !1;
+      var $;
+      ($ = g.value) == null || $.focus(), o.value = !1;
     }
     function ke() {
       o.value = !o.value, i.value || (i.value = !0);
     }
-    function ie(w) {
+    function ie($) {
       var D;
-      o.value = !1, (D = g.value) == null || D.focus(), pe(w);
+      o.value = !1, (D = g.value) == null || D.focus(), ve($);
     }
-    function Te(w) {
+    function Te($) {
       if (t.withBsTabs)
         return;
-      const D = w.target.closest('[role="tab"]');
+      const D = $.target.closest('[role="tab"]');
       if (!D || D.getAttribute("aria-selected") === "true")
         return;
       const j = D.getAttribute("id");
-      pe(j);
+      ve(j);
     }
-    function be(w) {
-      if (w.key === "ArrowLeft" || w.key === "ArrowRight") {
-        const D = I.value.findIndex((j) => j.id === w.target.id);
+    function ye($) {
+      if ($.key === "ArrowLeft" || $.key === "ArrowRight") {
+        const D = k.value.findIndex((j) => j.id === $.target.id);
         if (D === -1)
           return;
-        w.preventDefault(), w.stopPropagation(), w.key === "ArrowLeft" ? F(D) : x(D);
+        $.preventDefault(), $.stopPropagation(), $.key === "ArrowLeft" ? F(D) : x(D);
       }
     }
-    function x(w) {
+    function x($) {
       var j;
-      const D = (w + 1) % I.value.length;
-      (j = I.value[D]) == null || j.focus();
+      const D = ($ + 1) % k.value.length;
+      (j = k.value[D]) == null || j.focus();
     }
-    function F(w) {
+    function F($) {
       var j;
-      const D = w === 0 ? I.value.length - 1 : w - 1;
-      (j = I.value[D]) == null || j.focus();
+      const D = $ === 0 ? k.value.length - 1 : $ - 1;
+      (j = k.value[D]) == null || j.focus();
     }
-    function O() {
+    function L() {
       var re, le, Je, _e;
-      const w = parseInt(r.value.style.getPropertyValue("--active-line-offset")) || 0, D = $.value;
-      let j = 300, Q = ((le = (re = I.value) == null ? void 0 : re[b.value]) == null ? void 0 : le.offsetLeft) || 0, ne = we(b.value);
-      u.value && q.value && (Q = (Je = g.value) == null ? void 0 : Je.offsetLeft, ne = (_e = g.value) == null ? void 0 : _e.offsetWidth), j = Math.max(Math.abs((Q - w) / D * 300), 100), r.value.style.setProperty("--active-line-max-width", `${D}px`), r.value.style.setProperty("--active-line-scale", `${ne / D}`), r.value.style.setProperty("--active-line-offset", `${Q}px`), r.value.style.setProperty("--active-line-transition-duration", `${j}ms`);
+      const $ = parseInt(r.value.style.getPropertyValue("--active-line-offset")) || 0, D = B.value;
+      let j = 300, Q = ((le = (re = k.value) == null ? void 0 : re[b.value]) == null ? void 0 : le.offsetLeft) || 0, ne = $e(b.value);
+      s.value && q.value && (Q = (Je = g.value) == null ? void 0 : Je.offsetLeft, ne = (_e = g.value) == null ? void 0 : _e.offsetWidth), j = Math.max(Math.abs((Q - $) / D * 300), 100), r.value.style.setProperty("--active-line-max-width", `${D}px`), r.value.style.setProperty("--active-line-scale", `${ne / D}`), r.value.style.setProperty("--active-line-offset", `${Q}px`), r.value.style.setProperty("--active-line-transition-duration", `${j}ms`);
     }
     function U() {
-      var w, D;
-      (D = (w = C.value) == null ? void 0 : w.disconnect) == null || D.call(w), C.value = null;
+      var $, D;
+      (D = ($ = C.value) == null ? void 0 : $.disconnect) == null || D.call($), C.value = null;
     }
-    function Y() {
-      const w = Ae(() => {
-        $.value = r.value.clientWidth, J();
+    function X() {
+      const $ = Ae(() => {
+        B.value = r.value.clientWidth, J();
       }, 25);
-      C.value = new ResizeObserver(w), C.value.observe(document.body);
+      C.value = new ResizeObserver($), C.value.observe(document.body);
     }
     function Ce() {
-      B.value = Array.from(r.value.children).filter((w) => w.role === "tab");
+      w.value = Array.from(r.value.children).filter(($) => $.role === "tab");
     }
     function St() {
-      let w;
-      B.value.forEach((D, j) => {
-        w = D.getBoundingClientRect().width + Re, c.value.push(j ? w + c.value[j - 1] : w);
+      let $;
+      w.value.forEach((D, j) => {
+        $ = D.getBoundingClientRect().width + Re, c.value.push(j ? $ + c.value[j - 1] : $);
       });
     }
-    function Bt() {
+    function wt() {
       var D, j;
-      let w = [];
+      let $ = [];
       if (typeof window > "u")
-        return w;
-      for (let Q of B.value) {
+        return $;
+      for (let Q of w.value) {
         if (((D = Q.dataset) == null ? void 0 : D.hidden) === "true" || ((j = Q.dataset) == null ? void 0 : j.hidden) === "" || Q.getAttribute("tabindex") === "-1")
           break;
-        w.push(Q);
+        $.push(Q);
       }
-      u.value && w.push(r.value.querySelector(".bs-tab-list-toggle")), I.value = w;
+      s.value && $.push(r.value.querySelector(".bs-tab-list-toggle")), k.value = $;
     }
-    return R(() => t.activeTabId, me), X(() => {
-      var w;
+    return R(() => t.activeTabId, ge), Y(() => {
+      var $;
       try {
-        Ce(), St(), Y(), $.value = r.value.getBoundingClientRect().width, J(), t.withBsTabs || (w = B.value[b.value]) == null || w.setAttribute("aria-selected", "true");
+        Ce(), St(), X(), B.value = r.value.getBoundingClientRect().width, J(), t.withBsTabs || ($ = w.value[b.value]) == null || $.setAttribute("aria-selected", "true");
       } catch (D) {
         console.log("tab error", D);
       }
-    }), he(U), (w, D) => (d(), h("div", {
+    }), me(U), ($, D) => (u(), h("div", {
       class: "bs-tab-list",
       "data-component": "bs-tab-list",
-      id: w.$attrs.id || f(T),
+      id: $.$attrs.id || f(T),
       ref_key: "hostEl",
       ref: r,
       role: "tablist",
       "data-resizing": !l.value || void 0,
       onClick: Te,
-      "on:tabClick": D[0] || (D[0] = (j) => pe(j.detail)),
-      onKeydown: be
+      "on:tabClick": D[0] || (D[0] = (j) => ve(j.detail)),
+      onKeydown: ye
     }, [
-      E(w.$slots, "default"),
+      P($.$slots, "default"),
       S("button", {
         "aria-controls": f(m),
         "aria-expanded": o.value,
         class: "bs-tab-list-toggle",
         "data-active": q.value || void 0,
-        "data-hidden": !u.value,
+        "data-hidden": !s.value,
         id: z.value,
         ref_key: "dropdownToggle",
         ref: g,
         onClick: ke
       }, [
-        V(f(Lt), { size: "sm" }),
+        V(f(Ot), { size: "sm" }),
         H(" " + A(W.value), 1)
-      ], 8, Nl),
+      ], 8, ql),
       V(Qe, {
         "anchor-id": z.value,
         breakout: "",
-        "container-id": w.$attrs.id || f(T),
+        "container-id": $.$attrs.id || f(T),
         "helper-description": e.helperDescription || void 0,
         "helper-text": e.helperText,
         id: f(m),
@@ -4679,13 +4805,13 @@ const yl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Sl = ["data-sta
         onClose: Ie,
         "onUpdate:modelValue": ie
       }, {
-        default: L(() => [
-          (d(!0), h(G, null, _(s.value, (j) => (d(), P(Xe, {
+        default: O(() => [
+          (u(!0), h(G, null, _(d.value, (j) => (u(), E(Xe, {
             key: j.id,
             value: j.id,
             "options-id": M.value
           }, {
-            default: L(() => [
+            default: O(() => [
               H(A(j.textContent), 1)
             ]),
             _: 2
@@ -4693,9 +4819,9 @@ const yl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Sl = ["data-sta
         ]),
         _: 1
       }, 8, ["anchor-id", "container-id", "helper-description", "helper-text", "id", "options-id", "shown"])
-    ], 40, Ml));
+    ], 40, Ll));
   }
-}, Fl = ["aria-labelledby", "data-active", "id"], qo = {
+}, Nl = ["aria-labelledby", "data-active", "id"], Oo = {
   __name: "BsTabPanel",
   props: {
     activeTabId: {
@@ -4708,18 +4834,18 @@ const yl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Sl = ["data-sta
     }
   },
   setup(e) {
-    const n = e, t = fe(), a = v(() => n.activeTabId && n.activeTabId === n.tabId), l = v(() => t.id || `${n.tabId}-panel`);
-    return (i, s) => (d(), h("section", {
+    const n = e, t = pe(), a = v(() => n.activeTabId && n.activeTabId === n.tabId), l = v(() => t.id || `${n.tabId}-panel`);
+    return (i, d) => (u(), h("section", {
       "aria-labelledby": e.tabId,
       "data-active": a.value,
       "data-component": "bs-tab-panel",
       id: l.value,
       role: "tabpanel"
     }, [
-      E(i.$slots, "default")
-    ], 8, Fl));
+      P(i.$slots, "default")
+    ], 8, Nl));
   }
-}, jl = ["data-error", "id", "rows", "value"], Wl = {
+}, zl = ["data-error", "id", "rows", "value"], Rl = {
   __name: "BsTextarea",
   props: {
     error: {
@@ -4735,17 +4861,17 @@ const yl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Sl = ["data-sta
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
     const t = e, a = v(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
-    return (l, i) => (d(), h("textarea", N({
+    return (l, i) => (u(), h("textarea", N({
       class: "bs-textarea",
       "data-component": "bs-textarea",
       "data-error": e.error,
       id: l.$attrs.id || e.inputId,
       rows: l.$attrs.rows || 6,
       value: e.value || e.modelValue,
-      onInput: i[0] || (i[0] = (s) => l.$emit("update:modelValue", s.target.value))
-    }, a.value), null, 16, jl));
+      onInput: i[0] || (i[0] = (d) => l.$emit("update:modelValue", d.target.value))
+    }, a.value), null, 16, zl));
   }
-}, Do = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Lo = /* @__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. */
@@ -4794,29 +4920,29 @@ const yl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Sl = ["data-sta
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    const t = e, [a, l] = Z(2), i = v(() => xa.concat(t.passAttrs.split(","))), s = v(() => {
+    const t = e, [a, l] = Z(2), i = v(() => Ta.concat(t.passAttrs.split(","))), d = v(() => {
       var c;
       return ((c = t.value || t.modelValue) == null ? void 0 : c.length) || 0;
     }), o = v(() => {
       var c, p;
       return ((p = (c = t.hints) == null ? void 0 : c.join) == null ? void 0 : p.call(c, `
 `)) || t.hints;
-    }), u = v(() => t.error && t.errorMsg || t.hint || o.value || void 0), r = v(() => t.inputId || a.value);
-    return (c, p) => (d(), h("div", N({ "data-component": "bs-textarea-field" }, f(K)(c.$attrs, i.value).remaining), [
-      e.label || c.$slots.label ? (d(), P(ae, {
+    }), s = v(() => t.error && t.errorMsg || t.hint || o.value || void 0), r = v(() => t.inputId || a.value);
+    return (c, p) => (u(), h("div", N({ "data-component": "bs-textarea-field" }, f(K)(c.$attrs, i.value).remaining), [
+      e.label || c.$slots.label ? (u(), E(te, {
         key: 0,
         for: c.$attrs.id || r.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: L(() => [
-          E(c.$slots, "label", {}, () => [
+        default: O(() => [
+          P(c.$slots, "label", {}, () => [
             H(A(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : k("", !0),
-      V(Wl, N({
+      }, 8, ["for", "disabled", "required"])) : I("", !0),
+      V(Rl, N({
         disabled: e.disabled,
         error: e.error,
         "hint-id": f(l),
@@ -4825,38 +4951,38 @@ const yl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Sl = ["data-sta
         required: e.required,
         rows: e.rows,
         value: e.value || e.modelValue,
-        "onUpdate:modelValue": p[0] || (p[0] = (B) => c.$emit("update:modelValue", B))
+        "onUpdate:modelValue": p[0] || (p[0] = (w) => c.$emit("update:modelValue", w))
       }, f(K)(c.$attrs, i.value).filtered), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "rows", "value"]),
-      u.value || e.charMax ? (d(), P(Be, {
+      s.value || e.charMax ? (u(), E(be, {
         key: 1,
-        "char-count": s.value,
+        "char-count": d.value,
         "char-max": e.charMax,
         "data-disabled": e.disabled,
         error: e.error,
         "error-msg": e.errorMsg,
         hint: e.hint || o.value,
         "hint-id": f(l)
-      }, null, 8, ["char-count", "char-max", "data-disabled", "error", "error-msg", "hint", "hint-id"])) : k("", !0)
+      }, null, 8, ["char-count", "char-max", "data-disabled", "error", "error-msg", "hint", "hint-id"])) : I("", !0)
     ], 16));
   }
 });
-function Ul(e) {
+function Fl(e) {
   const n = /^([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), a = /^([0]?[0-9]|1[0-2]):[0-5][0-9] ?(a|p|am|pm)$/i.test(e), l = /^([0]?[0-9]|1[0-2])[0-5][0-9] ?(a|p|am|pm)$/i.test(e);
   return n ? "uFmt" : t ? "uFmtNoColon" : a ? "amPm" : l ? "amPmNoColon" : "";
 }
-const ge = (e) => parseInt(e, 10);
-function Gl(e = "") {
+const Se = (e) => parseInt(e, 10);
+function jl(e = "") {
   const n = /[^0-9:apmAPM]/g;
   let t, a;
-  switch (e = e.replaceAll(n, "").toLowerCase(), Ul(e)) {
+  switch (e = e.replaceAll(n, "").toLowerCase(), Fl(e)) {
     case "uFmt":
     case "uFmtNoColon":
-      a = ge(e.slice(-2)), t = ge(e.slice(0, -2));
+      a = Se(e.slice(-2)), t = Se(e.slice(0, -2));
       break;
     case "amPm":
     case "amPmNoColon":
-      const i = e.split(/(a|p|am|pm)/), s = e.includes("p");
-      a = ge(i[0].slice(-2)), t = ge(i[0].slice(0, -2)), t < 12 && s && (t += 12), t === 12 && !s && (t = 0), t === 24 && (t = 0);
+      const i = e.split(/(a|p|am|pm)/), d = e.includes("p");
+      a = Se(i[0].slice(-2)), t = Se(i[0].slice(0, -2)), t < 12 && d && (t += 12), t === 12 && !d && (t = 0), t === 24 && (t = 0);
       break;
   }
   return {
@@ -4864,18 +4990,18 @@ function Gl(e = "") {
     minutes: a
   };
 }
-function ve(e = "") {
+function he(e = "") {
   const n = /[^0-9:]/g;
   if (e = e.replaceAll(n, ""), !e)
     return "";
-  const [t, a] = e.split(":"), l = ge(t), i = ge(a), s = l < 12 ? "AM" : "PM";
-  return isNaN(l) || isNaN(i) || l > 23 || i > 59 ? "" : `${l % 12 || 12}:${a} ${s}`;
+  const [t, a] = e.split(":"), l = Se(t), i = Se(a), d = l < 12 ? "AM" : "PM";
+  return isNaN(l) || isNaN(i) || l > 23 || i > 59 ? "" : `${l % 12 || 12}:${a} ${d}`;
 }
-function Hl(e = "") {
-  const { hours: n, minutes: t } = Gl(e);
+function Wl(e = "") {
+  const { hours: n, minutes: t } = jl(e);
   return isNaN(n) || isNaN(t) ? "" : `${n.toString().padStart(2, "0")}:${t.toString().padStart(2, "0")}`;
 }
-const Fe = "excluded", je = "over", dt = "skip", ut = "stop", We = "under", Kl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+const Fe = "excluded", je = "over", dt = "skip", st = "stop", We = "under", Ul = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsTimePicker",
   props: {
     disabled: {
@@ -4940,20 +5066,20 @@ const Fe = "excluded", je = "over", dt = "skip", ut = "stop", We = "under", Kl =
   },
   emits: ["update:modelValue"],
   setup(e, { expose: n, emit: t }) {
-    const a = e, l = t, i = y(ve(a.modelValue)), s = y([]), o = y(""), u = y(!1);
+    const a = e, l = t, i = y(he(a.modelValue)), d = y([]), o = y(""), s = y(!1);
     function r() {
       const T = [];
       let m = !1;
       for (let b = 0; b < 24 && !m; b++)
         for (let q = 0; q < 60; q += a.step) {
-          const M = B(b, q), z = p(M);
+          const M = w(b, q), z = p(M);
           if (z !== dt) {
-            if (z === ut) {
+            if (z === st) {
               m = !0;
               break;
             }
             T.push({
-              label: ve(M),
+              label: he(M),
               value: M
             });
           }
@@ -4966,7 +5092,7 @@ const Fe = "excluded", je = "over", dt = "skip", ut = "stop", We = "under", Kl =
     function p(T) {
       switch (c(T)) {
         case je:
-          return ut;
+          return st;
         case We:
         case Fe:
           return dt;
@@ -4974,68 +5100,68 @@ const Fe = "excluded", je = "over", dt = "skip", ut = "stop", We = "under", Kl =
           return "";
       }
     }
-    function B(T, m) {
+    function w(T, m) {
       return T = T.toString().padStart(2, "0"), m = m.toString().padStart(2, "0"), `${T}:${m}`;
     }
     function g(T) {
-      const m = Hl(T);
-      m === a.modelValue && (i.value = ve(a.modelValue)), C(m);
+      const m = Wl(T);
+      m === a.modelValue && (i.value = he(a.modelValue)), C(m);
     }
-    function I() {
-      s.value = r();
+    function k() {
+      d.value = r();
     }
     function C(T) {
-      $(T), l("update:modelValue", T);
+      B(T), l("update:modelValue", T);
     }
-    function $(T) {
+    function B(T) {
       switch (c(T)) {
         case je:
-          o.value = `Time must be before ${ve(a.maxTime)}`, u.value = !0;
+          o.value = `Time must be before ${he(a.maxTime)}`, s.value = !0;
           break;
         case We:
-          o.value = `Time must be after ${ve(a.minTime)}`, u.value = !0;
+          o.value = `Time must be after ${he(a.minTime)}`, s.value = !0;
           break;
         case Fe:
-          o.value = `The following times are disabled: ${a.disabledTimes.map((b) => ve(b)).join(", ")}`, u.value = !0;
+          o.value = `The following times are disabled: ${a.disabledTimes.map((b) => he(b)).join(", ")}`, s.value = !0;
           break;
         default:
-          o.value = "", u.value = !1;
+          o.value = "", s.value = !1;
       }
     }
-    return X(I), R([
+    return Y(k), R([
       () => a.disabledTimes,
       () => a.maxTime,
       () => a.minTime,
       () => a.step
-    ], I), R([
+    ], k), R([
       () => a.disabledTimes,
       () => a.maxTime,
       () => a.minTime,
       () => a.modelValue
-    ], () => $(a.modelValue)), R(() => a.modelValue, (T) => {
-      i.value = a.modelValue ? ve(T) : "";
+    ], () => B(a.modelValue)), R(() => a.modelValue, (T) => {
+      i.value = a.modelValue ? he(T) : "";
     }), n({
-      validationErr: u,
+      validationErr: s,
       validationErrMsg: o
-    }), (T, m) => (d(), P(bn, {
+    }), (T, m) => (u(), E(gt, {
       disabled: e.disabled,
       "display-value": i.value,
       "dropdown-position": e.dropdownPosition,
       "dropdown-width": e.dropdownWidth,
-      error: e.error || u.value,
+      error: e.error || s.value,
       "helper-description": e.helperDescription,
       "helper-text": e.helperText,
       "hint-id": e.hintId,
       "input-id": e.inputId,
       "model-value": e.modelValue,
-      options: s.value,
+      options: d.value,
       placeholder: e.placeholder,
       required: e.required,
       "update-on-input": !1,
       "onUpdate:modelValue": g
     }, null, 8, ["disabled", "display-value", "dropdown-position", "dropdown-width", "error", "helper-description", "helper-text", "hint-id", "input-id", "model-value", "options", "placeholder", "required"]));
   }
-}), Mo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), qo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsTimePickerField",
   props: {
     disabled: {
@@ -5104,41 +5230,41 @@ const Fe = "excluded", je = "over", dt = "skip", ut = "stop", We = "under", Kl =
   },
   emits: ["update:modelValue"],
   setup(e, { expose: n, emit: t }) {
-    const a = e, [l, i] = Z(2), s = y(null), o = v(() => a.errorMsg || p.value), u = v(() => a.error || B.value), r = v(() => a.inputId || l.value), c = v(() => a.hint || u.value && o.value), p = v(() => {
+    const a = e, [l, i] = Z(2), d = y(null), o = v(() => a.errorMsg || p.value), s = v(() => a.error || w.value), r = v(() => a.inputId || l.value), c = v(() => a.hint || s.value && o.value), p = v(() => {
       var g;
-      return (g = s.value) == null ? void 0 : g.validationErrMsg;
-    }), B = v(() => {
+      return (g = d.value) == null ? void 0 : g.validationErrMsg;
+    }), w = v(() => {
       var g;
-      return (g = s.value) == null ? void 0 : g.validationErr;
+      return (g = d.value) == null ? void 0 : g.validationErr;
     });
     return n({
-      validationErr: B,
+      validationErr: w,
       validationErrMsg: p
-    }), (g, I) => (d(), h("div", N({
+    }), (g, k) => (u(), h("div", N({
       "aria-live": "polite",
       "data-component": "bs-time-picker-field"
-    }, f(K)(g.$attrs, f(Se)).remaining), [
-      e.label || g.$slots.label ? (d(), P(ae, {
+    }, f(K)(g.$attrs, f(fe)).remaining), [
+      e.label || g.$slots.label ? (u(), E(te, {
         key: 0,
         for: g.$attrs.id || r.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: L(() => [
-          E(g.$slots, "label", {}, () => [
+        default: O(() => [
+          P(g.$slots, "label", {}, () => [
             H(A(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : k("", !0),
-      V(Kl, N({
+      }, 8, ["for", "disabled", "required"])) : I("", !0),
+      V(Ul, N({
         ref_key: "timePicker",
-        ref: s,
+        ref: d,
         disabled: e.disabled,
         "disabled-times": e.disabledTimes,
         "dropdown-position": e.dropdownPosition,
         "dropdown-width": e.dropdownWidth,
-        error: u.value,
+        error: s.value,
         "helper-description": e.helperDescription,
         "helper-text": e.helperText,
         "hint-id": f(i),
@@ -5149,19 +5275,19 @@ const Fe = "excluded", je = "over", dt = "skip", ut = "stop", We = "under", Kl =
         placeholder: e.placeholder,
         required: e.required,
         step: e.step,
-        "onUpdate:modelValue": I[0] || (I[0] = (C) => g.$emit("update:modelValue", C))
-      }, f(K)(g.$attrs, f(Se)).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"]),
-      se(V(Be, {
-        error: u.value,
+        "onUpdate:modelValue": k[0] || (k[0] = (C) => g.$emit("update:modelValue", C))
+      }, f(K)(g.$attrs, f(fe)).filtered), null, 16, ["disabled", "disabled-times", "dropdown-position", "dropdown-width", "error", "helper-description", "helper-text", "hint-id", "input-id", "max-time", "min-time", "model-value", "placeholder", "required", "step"]),
+      de(V(be, {
+        error: s.value,
         "error-msg": o.value,
         hint: e.hint,
         "hint-id": f(i)
       }, null, 8, ["error", "error-msg", "hint", "hint-id"]), [
-        [de, c.value]
+        [se, c.value]
       ])
     ], 16));
   }
-}), Yl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Xl = ["data-status"], Zl = { class: "visually-hidden" }, No = {
+}), Gl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Hl = ["data-status"], Kl = { class: "visually-hidden" }, Do = {
   __name: "BsTimeline",
   props: {
     /** @type {Status} */
@@ -5190,43 +5316,43 @@ const Fe = "excluded", je = "over", dt = "skip", ut = "stop", We = "under", Kl =
   },
   setup(e) {
     const n = e, t = {
-      cancelled: Ot,
+      cancelled: Lt,
       complete: qt,
       error: Dt,
       "in-progress": Mt,
       "not-started": tt,
       ongoing: Nt,
       paused: zt,
-      warning: mt
+      warning: ht
     }, { progressStep: a, progressText: l, getStatus: i } = yt(n);
-    function s(o, u) {
-      return o = i(o, u), t[o] || tt;
+    function d(o, s) {
+      return o = i(o, s), t[o] || tt;
     }
-    return (o, u) => (d(), h("div", {
+    return (o, s) => (u(), h("div", {
       "aria-valuemax": e.steps.length,
       "aria-valuenow": f(a),
       "aria-valuetext": f(l),
       class: "bs-timeline",
       role: "progressbar"
     }, [
-      (d(!0), h(G, null, _(e.steps, (r, c) => (d(), h("div", {
+      (u(!0), h(G, null, _(e.steps, (r, c) => (u(), h("div", {
         class: "bs-step-item",
         "data-status": f(i)(r.status, c),
         key: r.id || r.label,
         role: "status"
       }, [
-        (d(), P(ee(s(r.status, c)), {
+        (u(), E(ee(d(r.status, c)), {
           class: "bs-step-icon",
           role: "presentation"
         })),
         S("p", null, [
           H(A(r.label || r) + " ", 1),
-          S("span", Zl, " : " + A(f(i)(r.status, c) || "not started"), 1)
+          S("span", Kl, " : " + A(f(i)(r.status, c) || "not started"), 1)
         ])
-      ], 8, Xl))), 128))
-    ], 8, Yl));
+      ], 8, Hl))), 128))
+    ], 8, Gl));
   }
-}, Ql = ["data-variant", "data-stacked"], zo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Yl = ["data-variant", "data-stacked"], Mo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsToast",
   props: {
     shown: {
@@ -5275,76 +5401,76 @@ const Fe = "excluded", je = "over", dt = "skip", ut = "stop", We = "under", Kl =
     const t = e, a = n, { transition: l } = Ee(t);
     let i = null;
     ue("variant", t.variant), ue("handleDismiss", o);
-    const s = ce("stacked", t.stacked);
+    const d = ce("stacked", t.stacked);
     function o() {
       i && (clearTimeout(i), i = null), a("dismiss", t.toastId);
     }
-    function u() {
+    function s() {
       t.duration > 0 && (i = setTimeout(() => {
         o();
       }, t.duration)), a("after-enter");
     }
-    return (r, c) => (d(), P(f(Me), {
+    return (r, c) => (u(), E(f(Me), {
       shown: f(l),
       preloaded: e.preloaded,
       duration: 200,
       "enter-attribute": "data-shown",
-      onAfterEnter: u,
+      onAfterEnter: s,
       onAfterLeave: c[0] || (c[0] = (p) => a("after-leave"))
     }, {
-      default: L(() => [
+      default: O(() => [
         S("div", N({
           class: "bs-toast",
           "data-variant": e.variant,
-          "data-stacked": f(s) || void 0,
+          "data-stacked": f(d) || void 0,
           role: "alert"
         }, r.$attrs), [
-          E(r.$slots, "default")
-        ], 16, Ql)
+          P(r.$slots, "default")
+        ], 16, Yl)
       ]),
       _: 3
     }, 8, ["shown", "preloaded"]));
   }
-}), Jl = ["data-stacked"], Ro = {
+}), Xl = ["data-stacked"], No = {
   __name: "BsToastActions",
   setup(e) {
     const n = y(!1);
-    X(() => {
+    Y(() => {
       var l;
       const a = Tt();
       ((l = a.default) == null ? void 0 : l.call(a).length) > 2 && (n.value = !0);
     });
     const t = ce("handleDismiss");
-    return (a, l) => (d(), h("div", {
+    return (a, l) => (u(), h("div", {
       class: "bs-toast-actions",
       "data-stacked": n.value || void 0
     }, [
-      E(a.$slots, "default", {}, () => [
+      P(a.$slots, "default", {}, () => [
         V(ca, {
           size: "sm",
           "text-btn": "",
           onClick: f(t)
         }, {
-          default: L(() => [
+          default: O(() => [
             H(" Dismiss ")
           ]),
           _: 1
         }, 8, ["onClick"])
       ])
-    ], 8, Jl));
+    ], 8, Xl));
   }
-}, _l = (e, n) => {
+}, Zl = (e, n) => {
   const t = e.__vccOpts || e;
   for (const [a, l] of n)
     t[a] = l;
   return t;
-}, eo = {}, to = { class: "bs-toast-body" };
-function ao(e, n) {
-  return d(), h("div", to, [
-    E(e.$slots, "default")
+}, Ql = {}, Jl = { class: "bs-toast-body" };
+function _l(e, n) {
+  return u(), h("div", Jl, [
+    P(e.$slots, "default")
   ]);
 }
-const Fo = /* @__PURE__ */ _l(eo, [["render", ao]]), no = ["data-variant"], jo = {
+const zo = /* @__PURE__ */ Zl(Ql, [["render", _l]]), eo = ["data-variant"], Ro = {
   __name: "BsToastHeader",
   setup(e) {
     const n = ce("variant"), t = v(() => {
@@ -5356,27 +5482,27 @@ const Fo = /* @__PURE__ */ _l(eo, [["render", ao]]), no = ["data-variant"], jo =
         case "negative":
           return Ge;
         default:
-          return mt;
+          return ht;
       }
     });
-    return (a, l) => (d(), h("div", {
+    return (a, l) => (u(), h("div", {
       class: "bs-toast-header",
       "data-variant": f(n)
     }, [
-      (d(), P(ee(t.value), { class: "bs-toast-header-icon" })),
+      (u(), E(ee(t.value), { class: "bs-toast-header-icon" })),
       S("h5", null, [
-        E(a.$slots, "default")
+        P(a.$slots, "default")
       ])
-    ], 8, no));
+    ], 8, eo));
   }
-}, lo = { class: "bs-toaster" }, Wo = {
+}, to = { class: "bs-toaster" }, Fo = {
   __name: "BsToaster",
   setup(e) {
-    return ue("stacked", !0), (n, t) => (d(), h("div", lo, [
-      E(n.$slots, "default")
+    return ue("stacked", !0), (n, t) => (u(), h("div", to, [
+      P(n.$slots, "default")
     ]));
   }
-}, oo = ["data-position"], io = ["id"], Uo = {
+}, ao = ["data-position"], no = ["id"], jo = {
   __name: "BsTooltip",
   props: {
     tooltipId: {
@@ -5407,88 +5533,89 @@ const Fo = /* @__PURE__ */ _l(eo, [["render", ao]]), no = ["data-variant"], jo =
       let o = "bs-tooltip-text";
       return a.value && (n.position === void 0 || n.position === "top" || n.position === "bottom" ? o += " escaped-x" : n.position === "left" || n.position === "right" ? o += " escaped-y" : o += " escaped"), o;
     });
-    ye(["Escape"], () => {
+    we(["Escape"], () => {
       t.value && (t.value = !1, a.value = !0);
     });
     function i() {
       t.value = !0;
     }
-    function s() {
+    function d() {
       t.value = !1, a.value = !1;
     }
-    return (o, u) => (d(), h("div", {
+    return (o, s) => (u(), h("div", {
       class: "bs-tooltip",
       "data-position": e.position || void 0,
       "data-component": "bs-tooltip",
       onMouseenter: i,
       onFocusin: i,
-      onMouseleave: s,
-      onFocusout: s
+      onMouseleave: d,
+      onFocusout: d
     }, [
-      E(o.$slots, "default"),
-      e.content ? (d(), h("div", {
+      P(o.$slots, "default"),
+      e.content ? (u(), h("div", {
         key: 0,
         class: oe(l.value),
         id: e.tooltipId,
         role: "tooltip"
-      }, A(e.content), 11, io)) : k("", !0)
-    ], 40, oo));
+      }, A(e.content), 11, no)) : I("", !0)
+    ], 40, ao));
   }
 };
 export {
-  vo as BsAccordion,
+  co as BsAccordion,
   ra as BsBadge,
-  ho as BsBanner,
+  fo as BsBanner,
   ca as BsButton,
-  mo as BsCalendar,
-  bo as BsChartBar,
-  go as BsCheckbox,
-  yo as BsCircleButton,
-  bt as BsDropdown,
-  bn as BsDropdownCombobox,
-  wn as BsDropdownMultiselect,
+  po as BsCalendar,
+  vo as BsChartBar,
+  ho as BsCheckbox,
+  mo as BsCircleButton,
+  mt as BsDropdown,
+  gt as BsDropdownCombobox,
+  bo as BsDropdownComboboxField,
+  Sn as BsDropdownMultiselect,
   Xe as BsDropdownOption,
-  Oe as BsDropdownOptionBuilder,
+  Le as BsDropdownOptionBuilder,
   Ze as BsDropdownOptionList,
   Qe as BsDropdownWithOptions,
-  mn as BsDropdownWithToggle,
-  Be as BsFieldDetails,
-  ln as BsFilterButton,
-  So as BsIconGradientWrapper,
-  $e as BsInput,
+  vn as BsDropdownWithToggle,
+  be as BsFieldDetails,
+  an as BsFilterButton,
+  go as BsIconGradientWrapper,
+  Be as BsInput,
   Pe as BsInputAddon,
-  Bo as BsInputField,
-  $o as BsInputPhone,
-  Ln as BsInputSearch,
+  yo as BsInputField,
+  So as BsInputPhone,
+  Vn as BsInputSearch,
   wo as BsInputTypeahead,
-  ae as BsLabel,
-  Fn as BsLoader,
-  Io as BsModal,
-  Un as BsOverlay,
-  ko as BsPagination,
-  To as BsPill,
-  Co as BsProfile,
-  gl as BsProfileDetails,
-  gt as BsProfileImg,
-  xo as BsProgressBar,
-  Ao as BsRadio,
-  Il as BsSelect,
-  Vo as BsSelectField,
-  Eo as BsSpinner,
-  Po as BsSwitch,
-  Lo as BsTab,
-  Oo as BsTabList,
-  qo as BsTabPanel,
-  Wl as BsTextarea,
-  Do as BsTextareaField,
-  Kl as BsTimePicker,
-  Mo as BsTimePickerField,
-  No as BsTimeline,
-  zo as BsToast,
-  Ro as BsToastActions,
-  Fo as BsToastBody,
-  jo as BsToastHeader,
-  Wo as BsToaster,
-  Uo as BsTooltip,
+  te as BsLabel,
+  Nn as BsLoader,
+  Bo as BsModal,
+  Fn as BsOverlay,
+  $o as BsPagination,
+  Io as BsPill,
+  ko as BsProfile,
+  hl as BsProfileDetails,
+  bt as BsProfileImg,
+  To as BsProgressBar,
+  Co as BsRadio,
+  wl as BsSelect,
+  xo as BsSelectField,
+  Ao as BsSpinner,
+  Vo as BsSwitch,
+  Eo as BsTab,
+  Po as BsTabList,
+  Oo as BsTabPanel,
+  Rl as BsTextarea,
+  Lo as BsTextareaField,
+  Ul as BsTimePicker,
+  qo as BsTimePickerField,
+  Do as BsTimeline,
+  Mo as BsToast,
+  No as BsToastActions,
+  zo as BsToastBody,
+  Ro as BsToastHeader,
+  Fo as BsToaster,
+  jo as BsTooltip,
   Me as BsTransition
 };