npm - @wwtdev/bsds-components-vue3 - Versions diffs - 2.15.0 → 2.16.0 - Mend

@wwtdev/bsds-components-vue3 2.15.0 → 2.16.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 (3) hide show

package/lib/bsds-components.js +1143 -1103
package/lib/components.css +1 -1
package/package.json +2 -2

package/lib/bsds-components.js CHANGED Viewed

@@ -1,11 +1,11 @@
-import { computed as f, ref as w, onMounted as Y, onUnmounted as Be, shallowRef as Nt, watch as U, defineAsyncComponent as Je, useId as gt, openBlock as u, createElementBlock as b, unref as c, createElementVNode as B, renderSlot as V, createBlock as O, resolveDynamicComponent as ae, createCommentVNode as C, createTextVNode as G, toDisplayString as A, createVNode as P, normalizeClass as le, useAttrs as re, mergeProps as z, withCtx as D, Fragment as K, toHandlers as Ye, onBeforeUnmount as _e, onBeforeMount as yt, nextTick as Ae, createSlots as Ze, useSlots as St, renderList as te, Teleport as zt, withDirectives as ue, Transition as st, vShow as ce, provide as fe, inject as pe, withModifiers as wt, isRef as Ft } from "vue";
-import { BsIconCaretDown as Me, BsIconWarning as Xe, BsIconClose as $e, BsIconCalendar as Bt, BsIconCaretRight as $t, BsIconCaretLeft as It, BsIconSmallCaretRight as Rt, BsIconSmallCaretLeft as jt, BsIconSearch as Wt, BsIconCaretSort as Ut, BsIconCaretLeftDouble as Gt, BsIconCaretRightDouble as Ht, BsIconActionEllipsis as Kt, BsIconGraphPieEmpty as dt, BsIconCircleStop as Yt, BsIconCircleCheck as Zt, BsIconCircleX as Xt, BsIconCircleEllipsis as Qt, BsIconCirclePlay as Jt, BsIconCirclePause as _t, BsIconCircleExclamation as kt, BsIconThumbsUpStroke as ea } from "@wwtdev/bsds-icons-vue3";
-import { DatePicker as ta } from "v-calendar";
-import { Filler as aa, Chart as je, BarController as na, BarElement as la, CategoryScale as oa, LinearScale as ia, Legend as ra, TimeScale as sa, Tooltip as da } from "chart.js";
+import { computed as f, ref as I, onMounted as X, onUnmounted as Be, shallowRef as zt, watch as G, defineAsyncComponent as Je, useId as yt, openBlock as d, createElementBlock as b, unref as c, createElementVNode as w, renderSlot as V, createBlock as O, resolveDynamicComponent as ae, createCommentVNode as C, createTextVNode as U, toDisplayString as T, createVNode as P, normalizeClass as le, useAttrs as re, mergeProps as z, withCtx as D, Fragment as K, toHandlers as Ye, onBeforeUnmount as _e, onBeforeMount as St, nextTick as Ae, createSlots as Ze, useSlots as et, renderList as te, Teleport as Ft, withDirectives as ue, Transition as dt, vShow as ce, provide as fe, inject as pe, withModifiers as wt, isRef as Rt } from "vue";
+import { BsIconCaretDown as Me, BsIconWarning as Xe, BsIconClose as $e, BsIconCalendar as Bt, BsIconCaretRight as $t, BsIconCaretLeft as It, BsIconSmallCaretRight as jt, BsIconSmallCaretLeft as Wt, BsIconSearch as Ut, BsIconCaretSort as Gt, BsIconCaretLeftDouble as Ht, BsIconCaretRightDouble as Kt, BsIconActionEllipsis as Yt, BsIconGraphPieEmpty as ut, BsIconCircleStop as Zt, BsIconCircleCheck as Xt, BsIconCircleX as Qt, BsIconCircleEllipsis as Jt, BsIconCirclePlay as _t, BsIconCirclePause as ea, BsIconCircleExclamation as kt, BsIconThumbsUpStroke as ta } from "@wwtdev/bsds-icons-vue3";
+import { DatePicker as aa } from "v-calendar";
+import { Filler as na, Chart as je, BarController as la, BarElement as oa, CategoryScale as ia, LinearScale as ra, Legend as sa, TimeScale as da, Tooltip as ua } from "chart.js";
 import "chartjs-adapter-date-fns";
 import Ne from "lodash.merge";
-import { getSupportedCallingCodes as ua, getRegionCodeForCountryCode as ca, parsePhoneNumber as ut } from "awesome-phonenumber";
-const ct = {
+import { getSupportedCallingCodes as ca, getRegionCodeForCountryCode as fa, parsePhoneNumber as ct } from "awesome-phonenumber";
+const ft = {
   href: "a",
   linkTo: "a",
   onclick: "button",
@@ -13,20 +13,20 @@ const ct = {
   type: "button"
 };
 function ze(e, a, t = "button") {
-  const l = fa(e, a, t), n = f(() => {
+  const l = pa(e, a, t), n = f(() => {
     const o = l.value === "button", s = {};
     return o ? (s.type = a.type || "button", s.autocomplete = "off", e.disabled && (s.disabled = !0)) : e.disabled && (s["aria-disabled"] = "true", s.tabindex = "-1"), s;
   }), i = f(() => {
     const o = { ...a, ...n.value };
     return delete o.href, o;
-  }), d = f(() => e.linkTo || e.href);
-  return { rootTag: l, attrsToBind: i, hrefUrl: d };
-}
-function fa(e, a, t) {
-  const l = Object.keys(ct).find((n) => pa(e, a, n));
-  return w(ct[l] || t);
+  }), u = f(() => e.linkTo || e.href);
+  return { rootTag: l, attrsToBind: i, hrefUrl: u };
 }
 function pa(e, a, t) {
+  const l = Object.keys(ft).find((n) => ma(e, a, n));
+  return I(ft[l] || t);
+}
+function ma(e, a, t) {
   return e[t] || a[t];
 }
 const Ct = (e, a) => {
@@ -36,7 +36,7 @@ const Ct = (e, a) => {
       return (i = n.value) == null ? void 0 : i.contains(l.target);
     }) || a(l);
   };
-  Y(() => {
+  X(() => {
     document.addEventListener("mouseup", t);
   }), Be(() => {
     document.removeEventListener("mouseup", t);
@@ -44,11 +44,11 @@ const Ct = (e, a) => {
 };
 function Fe(e) {
   const a = f(() => e.linkTo || e.href || ""), t = f(() => {
-    var i, d;
-    return ((d = (i = a.value) == null ? void 0 : i.startsWith) == null ? void 0 : d.call(i, "/")) || !1;
+    var i, u;
+    return ((u = (i = a.value) == null ? void 0 : i.startsWith) == null ? void 0 : u.call(i, "/")) || !1;
   }), l = f(() => {
-    var i, d;
-    return t.value && ((i = e.router) == null ? void 0 : i.navigateTo) || ((d = e.router) == null ? void 0 : d.push) || null;
+    var i, u;
+    return t.value && ((i = e.router) == null ? void 0 : i.navigateTo) || ((u = e.router) == null ? void 0 : u.push) || null;
   });
   function n(i) {
     if (e.disabled) {
@@ -60,75 +60,75 @@ function Fe(e) {
   }
   return { onLinkClick: n };
 }
-function ft(e) {
+function pt(e) {
   return e.split("-").map((l) => l.charAt(0).toUpperCase() + l.slice(1)).join("");
 }
 const Oe = (e, a) => {
   var i;
-  function t(d) {
-    if (!d) return null;
-    const o = d.startsWith("bs-") ? ft(d) : `BsIcon${ft(d)}`;
+  function t(u) {
+    if (!u) return null;
+    const o = u.startsWith("bs-") ? pt(u) : `BsIcon${pt(u)}`;
     return Je(async () => {
       const { [o]: s } = await import("@wwtdev/bsds-icons-vue3");
       return s;
     });
   }
-  const l = Nt(), n = e[a] || ((i = e == null ? void 0 : e.value) == null ? void 0 : i[a]);
-  return l.value = t(n), U(
+  const l = zt(), n = e[a] || ((i = e == null ? void 0 : e.value) == null ? void 0 : i[a]);
+  return l.value = t(n), G(
     [
       () => e[a],
       () => {
-        var d;
-        return (d = e == null ? void 0 : e.value) == null ? void 0 : d[a];
+        var u;
+        return (u = e == null ? void 0 : e.value) == null ? void 0 : u[a];
       }
     ],
-    async ([d, o]) => l.value = t(d || o)
+    async ([u, o]) => l.value = t(u || o)
   ), { icon: l };
 };
 function Q(e = 1) {
   const a = [];
   for (let t = 0; t < e; t++)
-    a.push(w(""));
-  return Y(() => {
-    a.forEach((t) => t.value = gt());
+    a.push(I(""));
+  return X(() => {
+    a.forEach((t) => t.value = yt());
   }), a;
 }
 const me = (e, a, t = void 0) => {
   const l = (n) => {
-    var i, d;
-    ((i = e == null ? void 0 : e.includes) != null && i.call(e, n.key) || (d = e == null ? void 0 : e.some) != null && d.call(e, (o) => {
+    var i, u;
+    ((i = e == null ? void 0 : e.includes) != null && i.call(e, n.key) || (u = e == null ? void 0 : e.some) != null && u.call(e, (o) => {
       var s;
       return (s = o == null ? void 0 : o.test) == null ? void 0 : s.call(o, n.key);
     })) && a(n);
   };
-  Y(() => {
+  X(() => {
     ((t == null ? void 0 : t.value) ?? document).addEventListener("keydown", l);
   }), Be(() => {
     ((t == null ? void 0 : t.value) ?? document).removeEventListener("keydown", l);
   });
-}, ma = (e, a, t) => {
+}, ba = (e, a, t) => {
   let l = null;
-  Y(() => {
+  X(() => {
     l = new MutationObserver(a), l.observe(e.value, t);
   }), Be(() => {
     l.disconnect();
   });
-}, Le = (e) => {
-  const a = w(!1);
-  return Y(() => {
+}, Ee = (e) => {
+  const a = I(!1);
+  return X(() => {
     e.enterControlled ? a.value = e.enterTrigger : a.value = e.shown;
-  }), U(() => e.shown, (t) => {
+  }), G(() => e.shown, (t) => {
     a.value = t;
-  }), U(() => e.enterTrigger, (t) => {
+  }), G(() => e.enterTrigger, (t) => {
     a.value = t;
-  }), U(() => e.leaveTrigger, (t) => {
+  }), G(() => e.leaveTrigger, (t) => {
     t && (a.value = !1);
   }), { transition: a };
-}, ba = ["id", "data-stacked"], ha = ["data-open"], va = ["aria-controls", "aria-expanded"], ga = {
+}, ha = ["id", "data-stacked"], va = ["data-open"], ga = ["aria-controls", "aria-expanded"], ya = {
   key: 0,
   "data-position": "start",
   style: { display: "inline-flex" }
-}, ya = ["id"], Sa = ["aria-labelledby", "data-open", "id"], To = {
+}, Sa = ["id"], wa = ["aria-labelledby", "data-open", "id"], Oo = {
   __name: "BsAccordion",
   props: {
     controlled: { type: Boolean, default: !1 },
@@ -145,11 +145,11 @@ const me = (e, a, t = void 0) => {
   },
   emits: ["toggled"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = w(null), i = w(!1), { icon: d } = Oe(t, "icon"), [o] = Q(), s = f(() => o.value + "-content"), r = f(() => o.value + "-title"), m = f(() => t.openItemId && t.openItemId === o.value || t.openItem === !0), h = f(() => t.controlled ? m.value : i.value);
+    const t = e, l = a, n = I(null), i = I(!1), { icon: u } = Oe(t, "icon"), [o] = Q(), s = f(() => o.value + "-content"), r = f(() => o.value + "-title"), m = f(() => t.openItemId && t.openItemId === o.value || t.openItem === !0), g = f(() => t.controlled ? m.value : i.value);
     function v() {
       l("toggled", o.value), t.controlled || (i.value = !i.value);
     }
-    return (g, y) => (u(), b("div", {
+    return (h, y) => (d(), b("div", {
       id: c(o),
       ref_key: "containerRef",
       ref: n,
@@ -157,47 +157,47 @@ const me = (e, a, t = void 0) => {
       "data-component": "bs-accordion",
       "data-stacked": e.stacked
     }, [
-      B("header", {
+      w("header", {
         part: "header",
-        "data-open": h.value
+        "data-open": g.value
       }, [
-        B("button", {
+        w("button", {
           "aria-controls": s.value,
-          "aria-expanded": h.value,
+          "aria-expanded": g.value,
           type: "button",
           onClick: v
         }, [
-          e.icon || g.$slots.icon ? (u(), b("span", ga, [
-            V(g.$slots, "icon", {}, () => [
-              e.icon ? (u(), O(ae(c(d) ? c(d) : "span"), { key: 0 })) : C("", !0)
+          e.icon || h.$slots.icon ? (d(), b("span", ya, [
+            V(h.$slots, "icon", {}, () => [
+              e.icon ? (d(), O(ae(c(u) ? c(u) : "span"), { key: 0 })) : C("", !0)
             ])
           ])) : C("", !0),
-          B("span", { id: r.value }, [
-            V(g.$slots, "header", {}, () => [
-              G(A(e.headerText), 1)
+          w("span", { id: r.value }, [
+            V(h.$slots, "header", {}, () => [
+              U(T(e.headerText), 1)
             ])
-          ], 8, ya),
+          ], 8, Sa),
           P(c(Me), {
             size: "md",
             "data-position": "end"
           })
-        ], 8, va)
-      ], 8, ha),
-      B("div", {
+        ], 8, ga)
+      ], 8, va),
+      w("div", {
         "aria-labelledby": r.value,
         class: "bs-accordion-content",
-        "data-open": h.value,
+        "data-open": g.value,
         id: s.value,
         part: "content",
         role: "region"
       }, [
-        B("div", null, [
-          V(g.$slots, "default")
+        w("div", null, [
+          V(h.$slots, "default")
         ])
-      ], 8, Sa)
-    ], 8, ba));
+      ], 8, wa)
+    ], 8, ha));
   }
-}, wa = ["aria-label", "data-badge-color", "data-count", "data-position", "data-show-zero", "data-variant"], Ba = {
+}, Ba = ["aria-label", "data-badge-color", "data-count", "data-position", "data-show-zero", "data-variant"], $a = {
   __name: "BsBadge",
   props: {
     /** Pass value to set `data-badge-color`. */
@@ -244,14 +244,14 @@ const me = (e, a, t = void 0) => {
     }
   },
   setup(e) {
-    const a = e, t = w(null), l = f(() => a.count === 0 ? "0" : !a.count || a.dot ? null : a.count > a.countMax ? a.countMax + "+" : a.count.toString()), n = f(() => {
+    const a = e, t = I(null), l = f(() => a.count === 0 ? "0" : !a.count || a.dot ? null : a.count > a.countMax ? a.countMax + "+" : a.count.toString()), n = f(() => {
       var s, r;
-      const i = ((r = (s = t.value) == null ? void 0 : s.textContent) == null ? void 0 : r.trim()) || "", d = l.value ? l.value + " " : "";
-      if (!d && !a.dot) return i;
+      const i = ((r = (s = t.value) == null ? void 0 : s.textContent) == null ? void 0 : r.trim()) || "", u = l.value ? l.value + " " : "";
+      if (!u && !a.dot) return i;
       const o = a.count !== 1 ? "s" : "";
-      return `${i ? `${i}, ` : ""}${d}${a.label}${o}`;
+      return `${i ? `${i}, ` : ""}${u}${a.label}${o}`;
     });
-    return (i, d) => (u(), b("span", {
+    return (i, u) => (d(), b("span", {
       ref_key: "hostRef",
       ref: t,
       "aria-label": n.value,
@@ -265,30 +265,30 @@ const me = (e, a, t = void 0) => {
       role: "status"
     }, [
       e.variant !== "notext" ? V(i.$slots, "default", { key: 0 }) : C("", !0)
-    ], 10, wa));
+    ], 10, Ba));
   }
-}, $a = {
+}, Ia = {
   key: 0,
   role: "alert",
   class: "bs-banner",
   "data-component": "bs-banner"
-}, Ia = { class: "bs-banner-content" }, ka = { class: "bs-banner-warning-icon" }, Ao = {
+}, ka = { class: "bs-banner-content" }, Ca = { class: "bs-banner-warning-icon" }, Vo = {
   __name: "BsBanner",
   emits: ["dismiss"],
   setup(e, { emit: a }) {
-    const t = a, l = w(!1);
+    const t = a, l = I(!1);
     function n() {
       l.value = !0, t("dismiss");
     }
-    return (i, d) => l.value ? C("", !0) : (u(), b("div", $a, [
-      B("div", Ia, [
-        B("div", ka, [
+    return (i, u) => l.value ? C("", !0) : (d(), b("div", Ia, [
+      w("div", ka, [
+        w("div", Ca, [
           P(c(Xe), { size: "lg" })
         ]),
-        B("p", null, [
+        w("p", null, [
           V(i.$slots, "default")
         ]),
-        B("button", {
+        w("button", {
           type: "button",
           title: "Close Banner",
           onClick: n
@@ -298,7 +298,7 @@ const me = (e, a, t = void 0) => {
       ])
     ]));
   }
-}, Ca = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, xt = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsButton",
   props: {
     disabled: {
@@ -329,8 +329,8 @@ const me = (e, a, t = void 0) => {
     href: { type: String }
   },
   setup(e) {
-    const a = e, t = re(), { rootTag: l, attrsToBind: n, hrefUrl: i } = ze(a, t), { onLinkClick: d } = Fe(a);
-    return (o, s) => (u(), O(ae(c(l)), z({
+    const a = e, t = re(), { rootTag: l, attrsToBind: n, hrefUrl: i } = ze(a, t), { onLinkClick: u } = Fe(a);
+    return (o, s) => (d(), O(ae(c(l)), z({
       class: "bs-button",
       "data-component": "bs-button",
       "data-ghost": e.ghostBtn,
@@ -338,7 +338,7 @@ const me = (e, a, t = void 0) => {
       "data-text": e.textBtn,
       "data-variant": e.variant,
       ".href": c(i)
-    }, c(n), { onClick: c(d) }), {
+    }, c(n), { onClick: c(u) }), {
       default: D(() => [
         V(o.$slots, "default")
       ]),
@@ -369,19 +369,19 @@ const me = (e, a, t = void 0) => {
   },
   setup(e) {
     const a = e, t = f(() => a.error && a.errorMsg || a.hint);
-    return (l, n) => (u(), b("div", xa, [
-      t.value ? (u(), b("span", {
+    return (l, n) => (d(), b("div", xa, [
+      t.value ? (d(), b("span", {
         key: 0,
         id: e.hintId,
         class: "bs-hint",
         "data-error": e.error
-      }, A(t.value), 9, Ta)) : C("", !0),
-      e.charMax ? (u(), b("span", {
+      }, T(t.value), 9, Ta)) : C("", !0),
+      e.charMax ? (d(), b("span", {
         key: 1,
         "aria-description": "character count over character limit for the preceding text field",
         class: "bs-character-count",
         "data-error": a.charCount > a.charMax
-      }, A(a.charCount || "0") + " / " + A(a.charMax), 9, Aa)) : C("", !0)
+      }, T(a.charCount || "0") + " / " + T(a.charMax), 9, Aa)) : C("", !0)
     ]));
   }
 }, Oa = ["data-disabled", "for"], ne = {
@@ -393,21 +393,21 @@ const me = (e, a, t = void 0) => {
     required: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (a, t) => (u(), b("label", {
+    return (a, t) => (d(), b("label", {
       class: le(["bs-label", e.hide ? "visually-hidden" : ""]),
       "data-component": "bs-label",
       "data-disabled": e.disabled,
       for: e.for
     }, [
-      B("span", null, [
+      w("span", null, [
         V(a.$slots, "default")
       ]),
-      e.required ? (u(), b(K, { key: 0 }, [
-        t[0] || (t[0] = B("span", {
+      e.required ? (d(), b(K, { key: 0 }, [
+        t[0] || (t[0] = w("span", {
           "data-required": "true",
           "aria-hidden": "true"
         }, " *", -1)),
-        t[1] || (t[1] = B("span", { class: "visually-hidden" }, "required", -1))
+        t[1] || (t[1] = w("span", { class: "visually-hidden" }, "required", -1))
       ], 64)) : C("", !0)
     ], 10, Oa));
   }
@@ -427,20 +427,20 @@ const me = (e, a, t = void 0) => {
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
     const t = e, l = a, n = re(), i = f(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
-    function d(o) {
+    function u(o) {
       const s = n.type === "number" ? parseInt(o.target.value) : o.target.value;
       l("update:modelValue", s);
     }
-    return (o, s) => (u(), b("input", z({
+    return (o, s) => (d(), b("input", z({
       class: "bs-input",
       "data-component": "bs-input",
       "data-error": e.error,
       id: o.$attrs.id || e.inputId,
       value: e.value || e.modelValue,
-      onInput: d
+      onInput: u
     }, i.value), null, 16, Va));
   }
-}, Ea = ["data-autopad", "data-autosize-icons", "data-disabled", "data-error", "data-variant", "data-multifocus"], De = {
+}, La = ["data-autopad", "data-autosize-icons", "data-disabled", "data-error", "data-variant", "data-multifocus"], De = {
   __name: "BsInputAddon",
   props: {
     autopad: { type: Boolean, default: !1 },
@@ -451,7 +451,7 @@ const me = (e, a, t = void 0) => {
     variant: { type: String, validator: (e) => ["inner-bordered", "combobox"].includes(e) }
   },
   setup(e) {
-    return (a, t) => (u(), b("div", {
+    return (a, t) => (d(), b("div", {
       class: "bs-input-addon",
       "data-component": "bs-input-addon",
       "data-autopad": e.autopad,
@@ -462,9 +462,9 @@ const me = (e, a, t = void 0) => {
       "data-multifocus": e.multifocus
     }, [
       V(a.$slots, "default")
-    ], 8, Ea));
+    ], 8, La));
   }
-}, La = {
+}, Ea = {
   __name: "BsInputDateSingle",
   props: {
     disabled: {
@@ -497,7 +497,7 @@ const me = (e, a, t = void 0) => {
     }
   },
   setup(e) {
-    return (a, t) => (u(), O(De, {
+    return (a, t) => (d(), O(De, {
       disabled: e.disabled,
       error: e.error
     }, {
@@ -562,20 +562,21 @@ const Da = ["disabled", "id", "model-value"], Pa = ["disabled", "id", "model-val
   },
   emits: ["ui-focusin", "ui-input"],
   setup(e, { emit: a }) {
-    const t = a, l = w(null), n = w(null);
-    function i(r) {
-      const m = new Event("change", { bubbles: !0, cancelable: !0 });
-      r.dispatchEvent(m);
+    const t = e, l = a, n = I(null), i = I(null);
+    function u(v) {
+      const h = new Event("change", { bubbles: !0, cancelable: !0 });
+      v.dispatchEvent(h);
     }
-    function d(r) {
-      const { value: m } = r.target, [h, v] = m.split(/ to | - /);
-      l.value.value = h || "", n.value.value = v || "", i(l.value), i(n.value);
+    function o(v) {
+      const { value: h } = v.target, [y, B] = h.split(/ to | - /);
+      n.value.value = y || "", i.value.value = B || "", u(n.value), u(i.value);
     }
-    const o = Ve(d, 1e3);
-    function s(r) {
-      t("ui-input"), o(r);
+    const s = Ve(o, 1e3);
+    function r(v) {
+      l("ui-input"), s(v);
     }
-    return (r, m) => (u(), O(De, {
+    const m = f(() => t.listeners.start ? t.listeners.start : {}), g = f(() => t.listeners.end ? t.listeners.end : {});
+    return (v, h) => (d(), O(De, {
       disabled: e.disabled,
       error: e.error
     }, {
@@ -588,26 +589,26 @@ const Da = ["disabled", "id", "model-value"], Pa = ["disabled", "id", "model-val
           "model-value": e.inputValueFmt,
           placeholder: e.placeholder,
           required: e.required,
-          onFocusin: m[0] || (m[0] = (h) => r.$emit("ui-focusin")),
-          onInput: s,
-          onChange: d
+          onFocusin: h[0] || (h[0] = (y) => v.$emit("ui-focusin")),
+          onInput: r,
+          onChange: o
         }, null, 8, ["disabled", "id", "model-value", "placeholder", "required"]),
-        B("input", z({
+        w("input", z({
           ref_key: "hiddenStart",
-          ref: l,
+          ref: n,
           type: "hidden",
           disabled: e.disabled,
           id: `${e.inputId}-start`,
           "model-value": e.inputValue.start
-        }, Ye(e.listeners.start, !0)), null, 16, Da),
-        B("input", z({
+        }, Ye(m.value, !0)), null, 16, Da),
+        w("input", z({
           ref_key: "hiddenEnd",
-          ref: n,
+          ref: i,
           type: "hidden",
           disabled: e.disabled,
           id: `${e.inputId}-end`,
           "model-value": e.inputValue.end
-        }, Ye(e.listeners.end, !0)), null, 16, Pa)
+        }, Ye(g.value, !0)), null, 16, Pa)
       ]),
       _: 1
     }, 8, ["disabled", "error"]));
@@ -615,8 +616,8 @@ const Da = ["disabled", "id", "model-value"], Pa = ["disabled", "id", "model-val
 };
 function Ma(e) {
   function a(n) {
-    var i, d;
-    return ((d = (i = n == null ? void 0 : n.classList) == null ? void 0 : i.contains) == null ? void 0 : d.call(i, "vc-arrow")) && (n.classList.contains("vc-prev") || n.classList.contains("vc-next"));
+    var i, u;
+    return ((u = (i = n == null ? void 0 : n.classList) == null ? void 0 : i.contains) == null ? void 0 : u.call(i, "vc-arrow")) && (n.classList.contains("vc-prev") || n.classList.contains("vc-next"));
   }
   function t(n) {
     return n === " " || n === "Spacebar" || n === "Enter";
@@ -624,7 +625,7 @@ function Ma(e) {
   function l(n) {
     a(n == null ? void 0 : n.target) && t(n == null ? void 0 : n.key) && n.preventDefault();
   }
-  Y(() => {
+  X(() => {
     var n, i;
     (i = (n = e.value) == null ? void 0 : n.addEventListener) == null || i.call(n, "keydown", l);
   }), _e(() => {
@@ -634,13 +635,13 @@ function Ma(e) {
 }
 function Qe(e, a, t = []) {
   let l;
-  yt(() => {
+  St(() => {
     l = window.matchMedia(e), l.addEventListener("change", a), a(l);
   }), _e(() => {
     l.removeEventListener("change", a), l = null;
-  }), t.length && U(t, () => a(l));
+  }), t.length && G(t, () => a(l));
 }
-const et = [
+const tt = [
   "aria-describedby",
   "aria-label",
   "data-cy",
@@ -699,13 +700,13 @@ const et = [
   "size",
   "step"
 ];
-function X(e, a = []) {
+function Z(e, a = []) {
   const t = {}, l = {};
   return Object.keys(e).forEach((n) => {
     a.includes(n) ? t[n] = e[n] : l[n] = e[n];
   }), { filtered: t, remaining: l };
 }
-const Fa = ["data-range"], pt = "(min-width: 752px)", Oo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+const Fa = ["data-range"], mt = "(min-width: 752px)", Lo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsCalendar",
   props: {
     disabled: {
@@ -772,7 +773,7 @@ const Fa = ["data-range"], pt = "(min-width: 752px)", Oo = /* @__PURE__ */ Objec
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = w(null), n = w(1), i = w(null), [d, o] = Q(2), s = w(1), { filtered: r, remaining: m } = X(re(), [
+    const t = e, l = I(null), n = I(1), i = I(null), [u, o] = Q(2), s = I(1), { filtered: r, remaining: m } = Z(re(), [
       "attributes",
       "data-cy",
       "expanded",
@@ -781,18 +782,18 @@ const Fa = ["data-range"], pt = "(min-width: 752px)", Oo = /* @__PURE__ */ Objec
       "masks",
       "rows",
       "trim-weeks"
-    ]), h = f(() => t.inputId || d.value), v = f(() => ({ range: t.isRange })), g = f(() => !!(t.error && t.errorMsg || t.hint)), y = f(() => t.step), I = f(() => t.variant);
+    ]), g = f(() => t.inputId || u.value), v = f(() => ({ range: t.isRange })), h = f(() => !!(t.error && t.errorMsg || t.hint)), y = f(() => t.step), B = f(() => t.variant);
     Ma(i), Qe(
-      pt,
-      ($) => n.value = $ != null && $.matches && I.value == "2-col" ? 2 : 1,
-      [I]
+      mt,
+      ($) => n.value = $ != null && $.matches && B.value == "2-col" ? 2 : 1,
+      [B]
     ), Qe(
-      pt,
-      ($) => s.value = $ != null && $.matches && I.value == "2-col" ? y.value : 1,
-      [y, I]
-    ), Y(() => {
+      mt,
+      ($) => s.value = $ != null && $.matches && B.value == "2-col" ? y.value : 1,
+      [y, B]
+    ), X(() => {
       t.inputMode || k();
-    }), U(() => {
+    }), G(() => {
       var $, M;
       return (M = ($ = l.value) == null ? void 0 : $.popoverRef) == null ? void 0 : M.isVisible;
     }, ($) => {
@@ -808,7 +809,7 @@ const Fa = ["data-range"], pt = "(min-width: 752px)", Oo = /* @__PURE__ */ Objec
       const $ = i.value.querySelector("button.vc-prev"), M = i.value.querySelector("button.vc-next");
       $ && $.setAttribute("aria-label", "Previous month"), M && M.setAttribute("aria-label", "Next month");
     }
-    return ($, M) => (u(), b("div", z({
+    return ($, M) => (d(), b("div", z({
       ref_key: "container",
       ref: i,
       class: "bs-calendar",
@@ -816,20 +817,20 @@ const Fa = ["data-range"], pt = "(min-width: 752px)", Oo = /* @__PURE__ */ Objec
       "data-range": e.isRange,
       onFocusout: S
     }, c(m)), [
-      e.label || $.$slots.label ? (u(), O(ne, {
+      e.label || $.$slots.label ? (d(), O(ne, {
         key: 0,
-        for: h.value,
+        for: g.value,
         disabled: e.disabled,
         required: e.required
       }, {
         default: D(() => [
           V($.$slots, "label", {}, () => [
-            G(A(e.label), 1)
+            U(T(e.label), 1)
           ])
         ]),
         _: 3
       }, 8, ["for", "disabled", "required"])) : C("", !0),
-      P(c(ta), z({
+      P(c(aa), z({
         ref_key: "calendar",
         ref: l,
         columns: n.value,
@@ -842,30 +843,30 @@ const Fa = ["data-range"], pt = "(min-width: 752px)", Oo = /* @__PURE__ */ Objec
         popover: { visibility: "focus" },
         rows: 1,
         step: s.value,
-        "onUpdate:modelValue": M[0] || (M[0] = (T) => $.$emit("update:modelValue", T))
+        "onUpdate:modelValue": M[0] || (M[0] = (A) => $.$emit("update:modelValue", A))
       }, c(r)), Ze({ _: 2 }, [
         e.inputMode ? {
           name: "default",
-          fn: D(({ inputValue: T, inputEvents: E, showPopover: R }) => [
-            e.isRange ? (u(), O(qa, {
+          fn: D(({ inputValue: A, inputEvents: L, showPopover: R }) => [
+            e.isRange ? (d(), O(qa, {
               key: 1,
               disabled: e.disabled,
               error: e.error,
-              "input-id": h.value,
-              "input-value": T,
-              "input-value-fmt": p(T),
-              listeners: E,
+              "input-id": g.value,
+              "input-value": A,
+              "input-value-fmt": p(A),
+              listeners: L,
               placeholder: e.placeholder,
               required: e.required,
               onUiFocusin: R,
               onUiInput: R
-            }, null, 8, ["disabled", "error", "input-id", "input-value", "input-value-fmt", "listeners", "placeholder", "required", "onUiFocusin", "onUiInput"])) : (u(), O(La, {
+            }, null, 8, ["disabled", "error", "input-id", "input-value", "input-value-fmt", "listeners", "placeholder", "required", "onUiFocusin", "onUiInput"])) : (d(), O(Ea, {
               key: 0,
               disabled: e.disabled,
               error: e.error,
-              "input-id": h.value,
-              listeners: E,
-              "model-value": p(T),
+              "input-id": g.value,
+              listeners: L,
+              "model-value": p(A),
               placeholder: e.placeholder,
               required: e.required
             }, null, 8, ["disabled", "error", "input-id", "listeners", "model-value", "placeholder", "required"]))
@@ -873,7 +874,7 @@ const Fa = ["data-range"], pt = "(min-width: 752px)", Oo = /* @__PURE__ */ Objec
           key: "0"
         } : void 0
       ]), 1040, ["columns", "disabled-dates", "max-date", "min-date", "model-value", "model-modifiers", "step"]),
-      g.value ? (u(), O(ge, {
+      h.value ? (d(), O(ge, {
         key: 1,
         error: e.error,
         "error-msg": e.errorMsg,
@@ -885,7 +886,7 @@ const Fa = ["data-range"], pt = "(min-width: 752px)", Oo = /* @__PURE__ */ Objec
 }), Ra = { key: 0 }, ja = {
   class: "bs-circle-button-icon",
   role: "presentation"
-}, Wa = { key: 1 }, xt = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Wa = { key: 1 }, Tt = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsCircleButton",
   props: {
     disabled: {
@@ -910,7 +911,7 @@ const Fa = ["data-range"], pt = "(min-width: 752px)", Oo = /* @__PURE__ */ Objec
     },
     label: {
       type: String,
-      required: !0
+      default: void 0
     },
     linkTo: {
       type: String
@@ -934,7 +935,7 @@ const Fa = ["data-range"], pt = "(min-width: 752px)", Oo = /* @__PURE__ */ Objec
     }
   },
   setup(e) {
-    const a = e, t = re(), l = St(), { rootTag: n, attrsToBind: i, hrefUrl: d } = ze(a, t), { onLinkClick: o } = Fe(a), s = f(() => h.value ? {} : a.href ? { title: a.label } : { "aria-label": a.label }), r = f(() => {
+    const a = e, t = re(), l = et(), { rootTag: n, attrsToBind: i, hrefUrl: u } = ze(a, t), { onLinkClick: o } = Fe(a), s = f(() => g.value ? {} : a.href ? { title: a.label } : { "aria-label": a.label }), r = f(() => {
       if (a.hoverEffect)
         return a.iconPosition;
     }), m = f(() => {
@@ -942,39 +943,39 @@ const Fa = ["data-range"], pt = "(min-width: 752px)", Oo = /* @__PURE__ */ Objec
       return {
         icon: a.icon || (a.textBtn || a.size == "sm" ? `small-${p}` : p)
       };
-    }), h = f(() => a.textBtn || !!(l != null && l.default)), v = f(() => h.value && a.iconPosition !== "left"), g = f(() => h.value && a.iconPosition === "left"), y = f(() => a.variant ? `color-${a.variant}` : void 0), { icon: I } = Oe(m, "icon");
-    return (p, S) => (u(), O(ae(c(n)), z({
+    }), g = f(() => a.textBtn || !!(l != null && l.default)), v = f(() => g.value && a.iconPosition !== "left"), h = f(() => g.value && a.iconPosition === "left"), y = f(() => a.variant ? `color-${a.variant}` : void 0), { icon: B } = Oe(m, "icon");
+    return (p, S) => (d(), O(ae(c(n)), z({
       class: "bs-circle-button",
       "data-disabled": e.disabled,
       "data-direction": r.value,
       "data-ghost": e.ghostBtn,
       "data-size": e.size,
-      "data-text": h.value,
+      "data-text": g.value,
       "data-variant": y.value,
       "data-component": "bs-circle-button",
-      ".href": c(d)
+      ".href": c(u)
     }, { ...c(i), ...s.value }, { onClick: c(o) }), {
       default: D(() => [
-        v.value ? (u(), b("span", Ra, [
+        v.value ? (d(), b("span", Ra, [
           V(p.$slots, "default", {}, () => [
-            G(A(e.label), 1)
+            U(T(e.label), 1)
           ])
         ])) : C("", !0),
-        B("span", ja, [
+        w("span", ja, [
           V(p.$slots, "icon", {}, () => [
-            (u(), O(ae(c(I))))
+            (d(), O(ae(c(B))))
           ])
         ]),
-        g.value ? (u(), b("span", Wa, [
+        h.value ? (d(), b("span", Wa, [
           V(p.$slots, "default", {}, () => [
-            G(A(e.label), 1)
+            U(T(e.label), 1)
           ])
         ])) : C("", !0)
       ]),
       _: 3
     }, 48, ["data-disabled", "data-direction", "data-ghost", "data-size", "data-text", "data-variant", ".href", "onClick"]));
   }
-}), Vo = {
+}), Eo = {
   __name: "BsCaretButton",
   props: {
     direction: {
@@ -1008,7 +1009,7 @@ const Fa = ["data-range"], pt = "(min-width: 752px)", Oo = /* @__PURE__ */ Objec
     }
   },
   setup(e) {
-    return (a, t) => (u(), O(xt, {
+    return (a, t) => (d(), O(Tt, {
       disabled: e.disabled,
       "ghost-btn": e.ghostBtn,
       "hover-effect": e.hoverEffect,
@@ -1020,12 +1021,12 @@ const Fa = ["data-range"], pt = "(min-width: 752px)", Oo = /* @__PURE__ */ Objec
       "text-btn": !1
     }, {
       icon: D(() => [
-        e.direction == "right" ? (u(), O(c($t), { key: 0 })) : (u(), O(c(It), { key: 1 }))
+        e.direction == "right" ? (d(), O(c($t), { key: 0 })) : (d(), O(c(It), { key: 1 }))
       ]),
       _: 1
     }, 8, ["disabled", "ghost-btn", "hover-effect", "icon-position", "label", "link-to", "router", "size"]));
   }
-}, Eo = {
+}, Do = {
   __name: "BsCaretTextButton",
   props: {
     direction: {
@@ -1064,7 +1065,7 @@ const Fa = ["data-range"], pt = "(min-width: 752px)", Oo = /* @__PURE__ */ Objec
     }
   },
   setup(e) {
-    return (a, t) => (u(), O(xt, {
+    return (a, t) => (d(), O(Tt, {
       disabled: e.disabled,
       "ghost-btn": e.ghostBtn,
       "hover-effect": e.hoverEffect,
@@ -1077,11 +1078,11 @@ const Fa = ["data-range"], pt = "(min-width: 752px)", Oo = /* @__PURE__ */ Objec
       variant: e.variant
     }, {
       icon: D(() => [
-        e.direction == "right" ? (u(), O(c(Rt), { key: 0 })) : (u(), O(c(jt), { key: 1 }))
+        e.direction == "right" ? (d(), O(c(jt), { key: 0 })) : (d(), O(c(Wt), { key: 1 }))
       ]),
       default: D(() => [
         V(a.$slots, "default", {}, () => [
-          G(A(e.label), 1)
+          U(T(e.label), 1)
         ])
       ]),
       _: 3
@@ -1124,47 +1125,47 @@ const Fa = ["data-range"], pt = "(min-width: 752px)", Oo = /* @__PURE__ */ Objec
     }
   },
   setup(e) {
-    const a = e, t = w(!1), l = (m) => {
-      const h = new Date(m), v = h.toTimeString().split(" ")[0], g = h.toDateString().split(" ").slice(1, 3).join(" ");
-      return `${v} (${g})`;
+    const a = e, t = I(!1), l = (m) => {
+      const g = new Date(m), v = g.toTimeString().split(" ")[0], h = g.toDateString().split(" ").slice(1, 3).join(" ");
+      return `${v} (${h})`;
     }, n = f(() => {
       var m;
       return !((m = a.dataIdxLabels) != null && m.length);
     });
     function i(m) {
       try {
-        return m.map((h) => {
-          const v = h.label;
-          let g = [];
-          if (h.data.some((y) => (y == null ? void 0 : y.x) && (y == null ? void 0 : y.y))) {
-            const y = h.data.reduce((I, p) => (I[p.x] = p.y, I), {});
-            g = a.dataIdxLabels.map((I) => ({ value: y[I] ?? null }));
+        return m.map((g) => {
+          const v = g.label;
+          let h = [];
+          if (g.data.some((y) => (y == null ? void 0 : y.x) && (y == null ? void 0 : y.y))) {
+            const y = g.data.reduce((B, p) => (B[p.x] = p.y, B), {});
+            h = a.dataIdxLabels.map((B) => ({ value: y[B] ?? null }));
           } else
-            g = h.data.map((y) => ({ value: y }));
-          return { rowLabel: v, dataCells: g };
+            h = g.data.map((y) => ({ value: y }));
+          return { rowLabel: v, dataCells: h };
         });
       } catch {
         return [];
       }
     }
-    function d(m) {
+    function u(m) {
       try {
-        const h = m.reduce((y, I) => {
-          const p = I.data.map((S) => S == null ? void 0 : S.x);
+        const g = m.reduce((y, B) => {
+          const p = B.data.map((S) => S == null ? void 0 : S.x);
           return [...y, ...p];
-        }, []), v = Array.from(new Set(h));
-        return (a.xAxisType === "time" || a.xAxisType === "linear") && v.sort((y, I) => (typeof y == "string" && typeof I == "string" && (y = y.toLowerCase(), I = I.toLowerCase()), y < I ? -1 : y > I ? 1 : 0)), v.map((y) => {
-          const I = { rowLabel: y }, p = [];
+        }, []), v = Array.from(new Set(g));
+        return (a.xAxisType === "time" || a.xAxisType === "linear") && v.sort((y, B) => (typeof y == "string" && typeof B == "string" && (y = y.toLowerCase(), B = B.toLowerCase()), y < B ? -1 : y > B ? 1 : 0)), v.map((y) => {
+          const B = { rowLabel: y }, p = [];
           return m.forEach((S) => {
             const k = { datasetLabel: S.label }, $ = S.data.find((M) => M.x === y);
             k.value = $ ? $.y : null, p.push(k);
-          }), I.dataCells = p, a.xAxisType === "time" && (I.rowLabelFmt = l(y)), I;
+          }), B.dataCells = p, a.xAxisType === "time" && (B.rowLabelFmt = l(y)), B;
         });
       } catch {
         return [];
       }
     }
-    const o = f(() => n.value ? d(a.data) : i(a.data)), s = f(() => ({
+    const o = f(() => n.value ? u(a.data) : i(a.data)), s = f(() => ({
       colspan: n.value ? a.data.length + 1 : a.dataIdxLabels.length + 1,
       title: a.tableTitle,
       colHeadingFirst: n.value ? a.xLabel : "Dataset",
@@ -1174,43 +1175,43 @@ const Fa = ["data-range"], pt = "(min-width: 752px)", Oo = /* @__PURE__ */ Objec
       var m;
       return t.value && !!((m = o.value) != null && m.length);
     });
-    return Y(() => {
+    return X(() => {
       t.value = !0;
-    }), (m, h) => (u(), b("div", Ua, [
-      r.value ? (u(), b("table", {
+    }), (m, g) => (d(), b("div", Ua, [
+      r.value ? (d(), b("table", {
         key: 0,
         summary: s.value.title
       }, [
-        B("thead", null, [
-          B("tr", null, [
-            B("th", {
+        w("thead", null, [
+          w("tr", null, [
+            w("th", {
               colspan: s.value.colspan
-            }, A(s.value.title), 9, Ha)
+            }, T(s.value.title), 9, Ha)
           ]),
-          B("tr", null, [
-            B("th", Ka, A(s.value.colHeadingFirst), 1),
-            (u(!0), b(K, null, te(s.value.colHeadings, (v) => (u(), b("th", {
+          w("tr", null, [
+            w("th", Ka, T(s.value.colHeadingFirst), 1),
+            (d(!0), b(K, null, te(s.value.colHeadings, (v) => (d(), b("th", {
               key: v,
               scope: "col"
-            }, A(v), 1))), 128))
+            }, T(v), 1))), 128))
           ])
         ]),
-        B("tbody", null, [
-          (u(!0), b(K, null, te(s.value.rows, (v) => (u(), b("tr", {
+        w("tbody", null, [
+          (d(!0), b(K, null, te(s.value.rows, (v) => (d(), b("tr", {
             key: v.rowLabelFmt || v.rowLabel
           }, [
-            B("th", Ya, A(v.rowLabelFmt || v.rowLabel), 1),
-            (u(!0), b(K, null, te(v.dataCells, (g) => (u(), b("td", {
-              key: `${v.rowLabelFmt || v.rowLabel}${g.datasetLabel}${g.value}`
-            }, A(g.value), 1))), 128))
+            w("th", Ya, T(v.rowLabelFmt || v.rowLabel), 1),
+            (d(!0), b(K, null, te(v.dataCells, (h) => (d(), b("td", {
+              key: `${v.rowLabelFmt || v.rowLabel}${h.datasetLabel}${h.value}`
+            }, T(h.value), 1))), 128))
           ]))), 128))
         ])
       ], 8, Ga)) : C("", !0)
     ]));
   }
-}, Ee = 16, Xa = 20;
+}, Le = 16, Xa = 20;
 function Qa(e, a) {
-  const t = w(null), l = w(!1), n = w(null), i = "(min-width: 1166px)", d = { tickSize: Ee }, o = { tickSize: Xa };
+  const t = I(null), l = I(!1), n = I(null), i = "(min-width: 1166px)", u = { tickSize: Le }, o = { tickSize: Xa };
   let s, r;
   function m(p, S) {
     let k;
@@ -1224,9 +1225,9 @@ function Qa(e, a) {
       default:
         throw new Error(`Unsupported chart type: ${p}`);
     }
-    return new nn().setCommonConfigs(S).setCustomOptions(S)[k](S).setPlugins([Ja(n), aa]).build();
+    return new nn().setCommonConfigs(S).setCustomOptions(S)[k](S).setPlugins([Ja(n), na]).build();
   }
-  function h(p) {
+  function g(p) {
     p.preventDefault(), p.stopImmediatePropagation();
     const S = p.target.closest("li");
     if (S && s) {
@@ -1239,29 +1240,29 @@ function Qa(e, a) {
     const k = `[data-dataset-index="${p}"][data-label-index="${S}"]`, $ = n.value.querySelector(k);
     (M = $ == null ? void 0 : $.focus) == null || M.call($);
   }
-  function g(...p) {
+  function h(...p) {
     !r || !t.value || (je.register(...p), je.defaults.font.family = "'Roobert', sans-serif", s = new je(t.value, r));
   }
   const y = Ve(function(p) {
     r && (r.updateOptions(p), s.options = r.options, s.update());
-  }, 100), I = Ve(function(p) {
+  }, 100), B = Ve(function(p) {
     r && (r.updateData(p), s.data = r.data, s.update());
   }, 100);
   return Qe(
     i,
     (p) => l.value = p == null ? void 0 : p.matches,
     [l]
-  ), Y(() => {
+  ), X(() => {
     var p;
     try {
-      r = m(e, a), (p = n.value) == null || p.addEventListener("click", h);
+      r = m(e, a), (p = n.value) == null || p.addEventListener("click", g);
     } catch (S) {
       console.error("Error creating chart config", S), r = null;
     }
-  }), me([" ", "Enter"], h, n), _e(() => {
+  }), me([" ", "Enter"], g, n), _e(() => {
     var p;
-    (p = n.value) == null || p.removeEventListener("click", h), s == null || s.destroy();
-  }), U([
+    (p = n.value) == null || p.removeEventListener("click", g), s == null || s.destroy();
+  }), G([
     () => a.customOptions,
     () => a.showTooltips,
     () => a.showXGrid,
@@ -1271,24 +1272,24 @@ function Qa(e, a) {
     () => a.yLabel,
     () => a.yMin,
     () => a.yMax
-  ], () => y(a)), U(
+  ], () => y(a)), G(
     l,
     (p) => y(Ne(
       {},
       a,
-      p ? o : d
+      p ? o : u
     ))
-  ), U(
+  ), G(
     [
       () => a.data,
       () => a.dataIdxLabels
     ],
-    () => I(a),
+    () => B(a),
     { deep: !0 }
   ), {
     canvasRef: t,
     legendListRef: n,
-    registerChart: g
+    registerChart: h
   };
 }
 const Ja = (e) => ({
@@ -1299,12 +1300,12 @@ const Ja = (e) => ({
       n.setAttribute("tabindex", "0"), n.dataset.datasetIndex = l.datasetIndex, n.dataset.labelIndex = l.index;
       const i = document.createElement("span");
       i.style.setProperty("--legend-item-box-fill", l.fillStyle), i.style.setProperty("--legend-item-box-stroke", l.strokeStyle);
-      const d = document.createTextNode(l.text), o = document.createElement("p");
-      o.style.setProperty("--legend-item-text-color", "var(--bs-ink-base)"), o.style.setProperty("--legend-item-text-decoration", l.hidden ? "line-through" : "none"), o.appendChild(d), n.appendChild(i), n.appendChild(o), e.value.appendChild(n);
+      const u = document.createTextNode(l.text), o = document.createElement("p");
+      o.style.setProperty("--legend-item-text-color", "var(--bs-ink-base)"), o.style.setProperty("--legend-item-text-decoration", l.hidden ? "line-through" : "none"), o.appendChild(u), n.appendChild(i), n.appendChild(o), e.value.appendChild(n);
     });
   }
 });
-function tt(e, a = 1) {
+function at(e, a = 1) {
   const t = [
     [0, 134, 234],
     // 0086ea
@@ -1358,7 +1359,7 @@ function tt(e, a = 1) {
   return `rgba(${l.toString()}, ${1 / n})`;
 }
 function _a(e) {
-  return tt(e);
+  return at(e);
 }
 function en(e) {
   return {
@@ -1370,7 +1371,7 @@ function en(e) {
     }
   };
 }
-function at() {
+function nt() {
   return {
     plugins: {
       legend: {
@@ -1381,20 +1382,20 @@ function at() {
     responsive: !0
   };
 }
-function nt(e) {
-  var g, y;
+function lt(e) {
+  var h, y;
   const {
     dataIdxLabels: a,
     showXGrid: t,
     showYGrid: l,
     stacked: n,
     xAxisType: i,
-    xLabel: d,
+    xLabel: u,
     yLabel: o,
     yMax: s,
     yMin: r,
     customOptions: m,
-    tickSize: h
+    tickSize: g
   } = e, v = {
     x: {
       grid: {
@@ -1404,12 +1405,12 @@ function nt(e) {
       stacked: n,
       ticks: {
         font: {
-          size: h || Ee
+          size: g || Le
         }
       },
       title: {
-        display: !!d,
-        text: d
+        display: !!u,
+        text: u
       },
       type: i || "category"
     },
@@ -1424,7 +1425,7 @@ function nt(e) {
       suggestedMin: r,
       ticks: {
         font: {
-          size: h || Ee
+          size: g || Le
         }
       },
       title: {
@@ -1433,11 +1434,11 @@ function nt(e) {
       }
     }
   };
-  return (i === "time" || ((y = (g = m == null ? void 0 : m.scales) == null ? void 0 : g.x) == null ? void 0 : y.type) === "time") && (v.x.ticks.source = a != null && a.length ? "labels" : "auto", v.x.time = {
+  return (i === "time" || ((y = (h = m == null ? void 0 : m.scales) == null ? void 0 : h.x) == null ? void 0 : y.type) === "time") && (v.x.ticks.source = a != null && a.length ? "labels" : "auto", v.x.time = {
     tooltipFormat: "dd MMM yyyy : h:mm bbb"
   }), v;
 }
-class Tt {
+class At {
   /**
    * @param {Object} options
    * @param {ChartType} options.type
@@ -1467,50 +1468,50 @@ class Tt {
     return a;
   }
 }
-class tn extends Tt {
+class tn extends At {
   constructor({ data: a, options: t, plugins: l }) {
     super({ type: "bar", data: a, options: t, plugins: l });
   }
   fmtDatasets(a) {
     return a.map((t, l) => ({
       ...t,
-      backgroundColor: tt(l),
+      backgroundColor: at(l),
       categoryPercentage: a.length > 1 ? 0.5 : 0.33
     }));
   }
   updateOptions(a) {
     super.updateOptions(a);
-    const t = nt(a), l = { x: { ticks: { font: t.x.ticks.font } }, y: { ticks: { font: t.y.ticks.font } } }, n = Ne(
+    const t = lt(a), l = { x: { ticks: { font: t.x.ticks.font } }, y: { ticks: { font: t.y.ticks.font } } }, n = Ne(
       {},
       this.options,
       { scales: t },
       a.customOptions,
-      at(),
+      nt(),
       { scales: l }
     );
     this.options = n;
   }
 }
-class an extends Tt {
+class an extends At {
   constructor({ data: a, options: t, plugins: l }) {
     super({ type: "line", data: a, options: t, plugins: l });
   }
   fmtDatasets(a) {
     return a.map((t, l) => ({
       ...t,
-      backgroundColor: tt(l, 2),
+      backgroundColor: at(l, 2),
       borderColor: _a(l),
       borderWidth: 4
     }));
   }
   updateOptions(a) {
     super.updateOptions(a);
-    const t = nt(a), l = { x: { ticks: { font: t.x.ticks.font } }, y: { ticks: { font: t.y.ticks.font } } }, n = Ne(
+    const t = lt(a), l = { x: { ticks: { font: t.x.ticks.font } }, y: { ticks: { font: t.y.ticks.font } } }, n = Ne(
       {},
       this.options,
       { scales: t },
       a.customOptions,
-      at(),
+      nt(),
       { scales: l }
     );
     this.options = n;
@@ -1533,7 +1534,7 @@ class nn {
    */
   setCommonConfigs(a) {
     const { data: t } = a;
-    return this.commonOptionsBasic = en(a), this.commonOptionsStrict = at(), this.datasets = t, this;
+    return this.commonOptionsBasic = en(a), this.commonOptionsStrict = nt(), this.datasets = t, this;
   }
   setCustomOptions(a) {
     return this.customOptions = a.customOptions, this;
@@ -1558,9 +1559,9 @@ class nn {
    */
   setCartesianAxesOpts(a) {
     const { dataIdxLabels: t } = a;
-    return this.dataIdxLabels = t, this.scalesOptions = nt(a), this.commonOptionsStrict.scales = {
-      x: { ticks: { font: { size: Ee } } },
-      y: { ticks: { font: { size: Ee } } }
+    return this.dataIdxLabels = t, this.scalesOptions = lt(a), this.commonOptionsStrict.scales = {
+      x: { ticks: { font: { size: Le } } },
+      y: { ticks: { font: { size: Le } } }
     }, this;
   }
   build() {
@@ -1596,7 +1597,7 @@ class nn {
 const ln = {
   class: "bs-chart bs-chart-bar",
   "data-component": "bs-chart-bar"
-}, on = ["aria-label"], rn = ["data-hidden"], Lo = {
+}, on = ["aria-label"], rn = ["data-hidden"], Po = {
   __name: "BsChartBar",
   props: {
     chartTitle: {
@@ -1668,25 +1669,25 @@ const ln = {
   },
   setup(e) {
     const a = e, { canvasRef: t, legendListRef: l, registerChart: n } = Qa("bar", a), i = f(() => a.chartTitle || `${a.yLabel} / ${a.xLabel}`);
-    return Y(() => n(
-      na,
+    return X(() => n(
       la,
       oa,
       ia,
       ra,
       sa,
-      da
-    )), (d, o) => (u(), b("div", ln, [
-      B("figure", null, [
-        B("div", null, [
-          B("canvas", {
+      da,
+      ua
+    )), (u, o) => (d(), b("div", ln, [
+      w("figure", null, [
+        w("div", null, [
+          w("canvas", {
             "aria-label": i.value,
             ref_key: "canvasRef",
             ref: t,
             role: "img"
           }, null, 8, on)
         ]),
-        B("div", null, [
+        w("div", null, [
           P(Za, {
             "chart-type": "bar",
             data: e.data,
@@ -1696,10 +1697,10 @@ const ln = {
             "x-label": e.xLabel,
             "y-label": e.yLabel
           }, null, 8, ["data", "data-idx-labels", "table-title", "x-axis-type", "x-label", "y-label"]),
-          B("figcaption", {
+          w("figcaption", {
             "data-hidden": !e.showLegend
           }, [
-            B("ul", {
+            w("ul", {
               ref_key: "legendListRef",
               ref: l
             }, null, 512)
@@ -1708,7 +1709,7 @@ const ln = {
       ])
     ]));
   }
-}, sn = ["data-disabled", "data-error", "data-size"], dn = ["checked", "data-error", "disabled", "id", "required", "value"], Do = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, sn = ["data-disabled", "data-error", "data-size"], dn = ["checked", "data-error", "disabled", "id", "required", "value"], qo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsCheckbox",
   props: {
     /** Sets the label. */
@@ -1771,31 +1772,31 @@ const ln = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = a, [n] = Q(), i = f(() => et.concat(t.passAttrs.split(","))), d = w(null), o = f(() => t.inputId || n.value), s = f(() => t.checked || h.value), r = f(() => t.indeterminate || t.checkedPartially), m = f(() => Array.isArray(t.modelValue) && t.value), h = f(() => m.value && t.modelValue.includes(t.value) || typeof t.modelValue == "boolean" && t.modelValue);
+    const t = e, l = a, [n] = Q(), i = f(() => tt.concat(t.passAttrs.split(","))), u = I(null), o = f(() => t.inputId || n.value), s = f(() => t.checked || g.value), r = f(() => t.indeterminate || t.checkedPartially), m = f(() => Array.isArray(t.modelValue) && t.value), g = f(() => m.value && t.modelValue.includes(t.value) || typeof t.modelValue == "boolean" && t.modelValue);
     function v() {
-      d.value && (d.value.indeterminate = r.value && !s.value);
+      u.value && (u.value.indeterminate = r.value && !s.value);
     }
-    function g(p) {
+    function h(p) {
       l("update:modelValue", p);
     }
     function y(p) {
       const S = [...t.modelValue];
       p ? S.push(t.value) : S.splice(S.indexOf(t.value), 1), l("update:modelValue", S);
     }
-    function I(p) {
+    function B(p) {
       const { checked: S } = p.target;
-      m.value ? y(S) : g(S);
+      m.value ? y(S) : h(S);
     }
-    return U(s, v), U(r, v), Y(v), (p, S) => (u(), b("div", z({
+    return G(s, v), G(r, v), X(v), (p, S) => (d(), b("div", z({
       class: "bs-boolean",
       "data-component": "bs-checkbox",
       "data-disabled": e.disabled,
       "data-error": e.error,
       "data-size": e.size
-    }, c(X)(p.$attrs, i.value).remaining), [
-      B("input", z({
+    }, c(Z)(p.$attrs, i.value).remaining), [
+      w("input", z({
         ref_key: "inputEl",
-        ref: d,
+        ref: u,
         checked: s.value,
         "data-error": e.error,
         disabled: e.disabled,
@@ -1803,9 +1804,9 @@ const ln = {
         required: e.required,
         value: e.value || "on",
         type: "checkbox",
-        onChange: I
-      }, c(X)(p.$attrs, i.value).filtered), null, 16, dn),
-      e.label || p.$slots.label ? (u(), O(ne, {
+        onChange: B
+      }, c(Z)(p.$attrs, i.value).filtered), null, 16, dn),
+      e.label || p.$slots.label ? (d(), O(ne, {
         key: 0,
         for: p.$attrs.id || o.value,
         disabled: e.disabled,
@@ -1813,7 +1814,7 @@ const ln = {
       }, {
         default: D(() => [
           V(p.$slots, "label", {}, () => [
-            G(A(e.label), 1)
+            U(T(e.label), 1)
           ])
         ]),
         _: 3
@@ -1841,16 +1842,16 @@ const ln = {
     }
   },
   setup(e, { expose: a }) {
-    const t = w(null);
-    return a({ internalContainerRef: t }), (l, n) => (u(), b(K, null, [
-      e.breakout && e.breakoutMounted ? (u(), O(zt, {
+    const t = I(null);
+    return a({ internalContainerRef: t }), (l, n) => (d(), b(K, null, [
+      e.breakout && e.breakoutMounted ? (d(), O(Ft, {
         key: 0,
         to: e.breakoutStub
       }, [
         V(l.$slots, "default")
       ], 8, ["to"])) : C("", !0),
-      e.breakout ? C("", !0) : (u(), b(K, { key: 1 }, [
-        e.containerId ? V(l.$slots, "default", { key: 0 }) : (u(), b("div", {
+      e.breakout ? C("", !0) : (d(), b(K, { key: 1 }, [
+        e.containerId ? V(l.$slots, "default", { key: 0 }) : (d(), b("div", {
           key: 1,
           ref_key: "internalContainerRef",
           ref: t,
@@ -1893,7 +1894,7 @@ const ln = {
   ],
   setup(e, { emit: a }) {
     const t = a;
-    return (l, n) => e.preloaded ? ue((u(), O(st, {
+    return (l, n) => e.preloaded ? ue((d(), O(dt, {
       key: 0,
       name: e.name,
       onBeforeEnter: n[0] || (n[0] = (i) => t("before-enter")),
@@ -1911,7 +1912,7 @@ const ln = {
       _: 3
     }, 8, ["name"])), [
       [ce, e.shown]
-    ]) : (u(), O(st, {
+    ]) : (d(), O(dt, {
       key: 1,
       name: e.name,
       onBeforeEnter: n[8] || (n[8] = (i) => t("before-enter")),
@@ -1930,13 +1931,13 @@ const ln = {
     }, 8, ["name"]));
   }
 }, cn = (e, a = void 0, t = "relative") => {
-  const l = w(null), n = w(null), i = w(!1);
-  let d = !1;
-  return Y(() => {
-    e && (l.value = a || gt(), document.getElementById(l.value) ? (n.value = document.getElementById(l.value), d = !0) : (n.value = document.createElement("div"), n.value.id = l.value, n.value.style.position = t, document.body.insertAdjacentElement("afterbegin", n.value)), i.value = !0);
+  const l = I(null), n = I(null), i = I(!1);
+  let u = !1;
+  return X(() => {
+    e && (l.value = a || yt(), document.getElementById(l.value) ? (n.value = document.getElementById(l.value), u = !0) : (n.value = document.createElement("div"), n.value.id = l.value, n.value.style.position = t, document.body.insertAdjacentElement("afterbegin", n.value)), i.value = !0);
   }), Be(() => {
     var o;
-    e && !d && ((o = document.getElementById(l.value)) == null || o.remove());
+    e && !u && ((o = document.getElementById(l.value)) == null || o.remove());
   }), { breakoutId: l, breakoutStub: n, breakoutMounted: i };
 }, fn = {
   key: 0,
@@ -1994,65 +1995,65 @@ const ln = {
     "after-leave"
   ],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = w(null), i = w(null), d = w(!1), o = w(!1), s = f(() => document.getElementById(t.anchorId)), r = f(() => t.breakout ? h.value : t.containerId ? document.getElementById(t.containerId) : n.value.internalContainerRef), m = f(() => t.width === "anchor" ? void 0 : t.width);
+    const t = e, l = a, n = I(null), i = I(null), u = I(!1), o = I(!1), s = f(() => document.getElementById(t.anchorId)), r = f(() => t.breakout ? g.value : t.containerId ? document.getElementById(t.containerId) : n.value.internalContainerRef), m = f(() => t.width === "anchor" ? void 0 : t.width);
     Ct([i, s], () => {
       o.value && l("close");
     }), me(["Escape"], () => {
       o.value && l("close");
     });
-    const { breakoutStub: h, breakoutMounted: v } = cn(t.breakout, t.containerId);
-    fe("dropdownEnter", d), fe("dropdownAfterEnter", o), fe("dropdownShown", f(() => t.shown));
-    const g = (T, E) => {
-      i.value.style.setProperty(T, E);
+    const { breakoutStub: g, breakoutMounted: v } = cn(t.breakout, t.containerId);
+    fe("dropdownEnter", u), fe("dropdownAfterEnter", o), fe("dropdownShown", f(() => t.shown));
+    const h = (A, L) => {
+      i.value.style.setProperty(A, L);
     };
     function y() {
-      const T = r.value.getBoundingClientRect(), E = s.value.getBoundingClientRect(), R = i.value.getBoundingClientRect();
-      I(T, E), p(T, E, R);
+      const A = r.value.getBoundingClientRect(), L = s.value.getBoundingClientRect(), R = i.value.getBoundingClientRect();
+      B(A, L), p(A, L, R);
     }
-    function I(T, E) {
+    function B(A, L) {
       if (t.position === "top") {
-        const R = T.bottom - E.bottom;
-        g("--dropdown-wscreen-top", "auto"), g("--dropdown-wscreen-bottom", `${R + E.height + 8}px`);
+        const R = A.bottom - L.bottom;
+        h("--dropdown-wscreen-top", "auto"), h("--dropdown-wscreen-bottom", `${R + L.height + 8}px`);
       } else {
-        const R = E.top - T.top;
-        g("--dropdown-wscreen-top", `${R + E.height + 8}px`), g("--dropdown-wscreen-bottom", "auto");
+        const R = L.top - A.top;
+        h("--dropdown-wscreen-top", `${R + L.height + 8}px`), h("--dropdown-wscreen-bottom", "auto");
       }
     }
-    function p(T, E, R) {
-      const F = E.left - T.left;
+    function p(A, L, R) {
+      const F = L.left - A.left;
       if (t.position === "center") {
-        const W = (E.width - R.width) / 2;
-        g("--dropdown-wscreen-left", `${F + W}px`), g("--dropdown-wscreen-right", "auto");
+        const W = (L.width - R.width) / 2;
+        h("--dropdown-wscreen-left", `${F + W}px`), h("--dropdown-wscreen-right", "auto");
       } else if (t.position === "right") {
-        const W = T.right - E.right;
-        g("--dropdown-wscreen-left", "auto"), g("--dropdown-wscreen-right", `${W}px`);
+        const W = A.right - L.right;
+        h("--dropdown-wscreen-left", "auto"), h("--dropdown-wscreen-right", `${W}px`);
       } else
-        g("--dropdown-wscreen-left", `${F}px`), g("--dropdown-wscreen-right", "auto");
+        h("--dropdown-wscreen-left", `${F}px`), h("--dropdown-wscreen-right", "auto");
     }
     function S() {
       if (t.width === "anchor") {
-        const T = s.value.getBoundingClientRect();
-        g("--dropdown-wscreen-width", `${T.width}px`);
+        const A = s.value.getBoundingClientRect();
+        h("--dropdown-wscreen-width", `${A.width}px`);
       } else
-        g("--dropdown-wscreen-width", "");
+        h("--dropdown-wscreen-width", "");
     }
     function k() {
-      d.value = !0, y(), S(), l("enter");
+      u.value = !0, y(), S(), l("enter");
     }
     function $() {
       o.value = !0, l("after-enter");
     }
     function M() {
-      d.value = !1, o.value = !1, l("after-leave");
+      u.value = !1, o.value = !1, l("after-leave");
     }
-    return (T, E) => (u(), b(K, null, [
-      e.useMobileStyle && e.shown ? (u(), b("div", fn)) : C("", !0),
+    return (A, L) => (d(), b(K, null, [
+      e.useMobileStyle && e.shown ? (d(), b("div", fn)) : C("", !0),
       P(un, {
         ref_key: "dropdownContainerRef",
         ref: n,
         breakout: e.breakout,
         breakoutMounted: c(v),
-        breakoutStub: c(h),
+        breakoutStub: c(g),
         containerId: e.containerId
       }, {
         default: D(() => [
@@ -2065,28 +2066,28 @@ const ln = {
             onAfterLeave: M
           }, {
             default: D(() => [
-              B("div", z({
+              w("div", z({
                 ref_key: "dropdownRef",
                 ref: i,
                 class: "bs-dropdown",
                 "data-width": m.value,
                 "data-shown": e.shown,
                 "data-no-mobile": !e.useMobileStyle
-              }, T.$attrs), [
-                e.helperText ? (u(), b("header", mn, [
-                  B("div", null, [
-                    B("h3", null, A(e.helperText), 1),
-                    e.helperDescription ? (u(), b("p", bn, A(e.helperDescription), 1)) : C("", !0)
+              }, A.$attrs), [
+                e.helperText ? (d(), b("header", mn, [
+                  w("div", null, [
+                    w("h3", null, T(e.helperText), 1),
+                    e.helperDescription ? (d(), b("p", bn, T(e.helperDescription), 1)) : C("", !0)
                   ]),
-                  B("button", {
+                  w("button", {
                     type: "button",
                     title: "close",
-                    onClick: E[0] || (E[0] = () => l("close"))
+                    onClick: L[0] || (L[0] = () => l("close"))
                   }, [
                     P(c($e))
                   ])
                 ])) : C("", !0),
-                V(T.$slots, "default")
+                V(A.$slots, "default")
               ], 16, pn)
             ]),
             _: 3
@@ -2096,7 +2097,7 @@ const ln = {
       }, 8, ["breakout", "breakoutMounted", "breakoutStub", "containerId"])
     ], 64));
   }
-}), lt = {
+}), ot = {
   __name: "BsDropdown",
   props: {
     anchorId: {
@@ -2186,14 +2187,14 @@ const ln = {
     "after-leave"
   ],
   setup(e, { emit: a }) {
-    const t = e, l = a, { transition: n } = Le(t), i = f(() => t.width === "toggle" ? "anchor" : t.width), d = f(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position), o = f(() => t.toggleId ? t.toggleId : t.anchorId);
-    return (s, r) => (u(), O(hn, {
+    const t = e, l = a, { transition: n } = Ee(t), i = f(() => t.width === "toggle" ? "anchor" : t.width), u = f(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position), o = f(() => t.toggleId ? t.toggleId : t.anchorId);
+    return (s, r) => (d(), O(hn, {
       "anchor-id": o.value,
       breakout: e.breakout,
       "container-id": e.containerId,
       "helper-description": e.helperDescription,
       "helper-text": e.helperText,
-      position: d.value,
+      position: u.value,
       preloaded: e.preloaded,
       shown: c(n),
       "use-mobile-style": e.useMobileStyle,
@@ -2251,7 +2252,7 @@ const ln = {
   setup(e, { emit: a }) {
     const t = e, l = a;
     let n = !1;
-    const i = w(null), [d] = Q(1), o = f(() => ({
+    const i = I(null), [u] = Q(1), o = f(() => ({
       icon: t.modelValue ? "close" : t.optionsId ? "caret-down" : "",
       show: !!(t.modelValue || t.optionsId),
       text: t.modelValue ? "Clear this field" : t.optionsId ? "Toggle options dropdown" : ""
@@ -2259,13 +2260,13 @@ const ln = {
     function s() {
       t.modelValue && l("clear"), n = !0, i.value.$el.focus();
     }
-    function r(h) {
-      var y, I;
-      const v = ((y = h.relatedTarget) == null ? void 0 : y.id) === d.value;
-      !(((I = h.relatedTarget) == null ? void 0 : I.id) === t.optionsId) && (!v || !n) && m(!0), n = !1;
+    function r(g) {
+      var y, B;
+      const v = ((y = g.relatedTarget) == null ? void 0 : y.id) === u.value;
+      !(((B = g.relatedTarget) == null ? void 0 : B.id) === t.optionsId) && (!v || !n) && m(!0), n = !1;
     }
-    const m = Ve((h) => l("toggled", h), 200, !0);
-    return (h, v) => (u(), O(De, {
+    const m = Ve((g) => l("toggled", g), 200, !0);
+    return (g, v) => (d(), O(De, {
       "aria-live": "polite",
       disabled: e.disabled,
       error: e.error,
@@ -2291,20 +2292,20 @@ const ln = {
           required: e.required,
           role: e.optionsId ? "combobox" : void 0,
           onFocus: r,
-          onInput: v[0] || (v[0] = (g) => h.$emit("update:modelValue", g.target.value))
-        }, h.$attrs), null, 16, ["aria-controls", "aria-describedby", "aria-expanded", "aria-haspopup", "aria-invalid", "data-error", "disabled", "model-value", "placeholder", "required", "role"]),
-        ue(B("button", {
+          onInput: v[0] || (v[0] = (h) => g.$emit("update:modelValue", h.target.value))
+        }, g.$attrs), null, 16, ["aria-controls", "aria-describedby", "aria-expanded", "aria-haspopup", "aria-invalid", "data-error", "disabled", "model-value", "placeholder", "required", "role"]),
+        ue(w("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: c(d),
+          id: c(u),
           tabindex: e.modelValue ? "0" : "-1",
           type: "button",
           onClick: s
         }, [
-          B("span", gn, A(o.value.text), 1),
+          w("span", gn, T(o.value.text), 1),
           ue(P(c(Me), {
             role: "presentation",
             size: "md"
@@ -2349,12 +2350,12 @@ const ln = {
     },
     size: {
       type: String,
-      validator: (e) => ["sm", "xs"].includes(e)
+      validator: (e) => ["", "sm", "xs"].includes(e)
     }
   },
   setup(e) {
     const a = e, t = f(() => a.badgeCount > 0);
-    return (l, n) => (u(), b("button", {
+    return (l, n) => (d(), b("button", {
       class: "bs-filter-button",
       "aria-controls": e.optionsId,
       "aria-expanded": e.open,
@@ -2365,7 +2366,7 @@ const ln = {
       disabled: e.disabled,
       type: "button"
     }, [
-      t.value ? (u(), O(Ba, {
+      t.value ? (d(), O($a, {
         key: 0,
         color: "blue",
         count: e.badgeCount,
@@ -2374,12 +2375,12 @@ const ln = {
         variant: "notext"
       }, null, 8, ["count"])) : C("", !0),
       V(l.$slots, "label", {}, () => [
-        G(A(e.label), 1)
+        U(T(e.label), 1)
       ]),
       P(c(Me))
     ], 8, Sn));
   }
-}, Bn = ["data-value", "data-value-type", "data-variant", "id"], ot = {
+}, Bn = ["data-value", "data-value-type", "data-variant", "id"], it = {
   __name: "BsDropdownOption",
   props: {
     value: {
@@ -2392,12 +2393,12 @@ const ln = {
     }
   },
   setup(e) {
-    const a = e, t = w(null), l = pe("optionsId", ""), n = pe("handleOptionSelect", () => {
+    const a = e, t = I(null), l = pe("optionsId", ""), n = pe("handleOptionSelect", () => {
     }), i = f(() => `${l.value}-option-${a.value}`);
-    function d(o) {
+    function u(o) {
       n(t.value), o.stopPropagation();
     }
-    return (o, s) => (u(), b("li", {
+    return (o, s) => (d(), b("li", {
       ref_key: "optionRef",
       ref: t,
       "data-component": "bs-dropdown-option",
@@ -2406,12 +2407,12 @@ const ln = {
       "data-variant": e.variant || void 0,
       id: i.value,
       role: "option",
-      onClick: d
+      onClick: u
     }, [
       V(o.$slots, "default")
     ], 8, Bn));
   }
-}, $n = ["data-img-size", "data-initials", "data-no-img"], In = ["src", "alt"], At = {
+}, $n = ["data-img-size", "data-initials", "data-no-img"], In = ["src", "alt"], Ot = {
   __name: "BsProfileImg",
   props: {
     src: String,
@@ -2430,19 +2431,19 @@ const ln = {
     }
   },
   setup(e) {
-    const a = e, t = w(!1), l = w(!!a.src);
-    return Y(() => t.value = !0), (n, i) => (u(), b("div", {
+    const a = e, t = I(!1), l = I(!!a.src);
+    return X(() => t.value = !0), (n, i) => (d(), b("div", {
       class: "bs-profile-img",
       "data-component": "bs-profile-img",
       "data-img-size": e.size,
       "data-initials": e.initials,
       "data-no-img": !l.value
     }, [
-      l.value && t.value ? (u(), b("img", {
+      l.value && t.value ? (d(), b("img", {
         key: 0,
         src: e.src,
         alt: e.useAltText ? e.profileName : "",
-        onError: i[0] || (i[0] = (d) => l.value = !1)
+        onError: i[0] || (i[0] = (u) => l.value = !1)
       }, null, 40, In)) : C("", !0)
     ], 8, $n));
   }
@@ -2483,9 +2484,9 @@ const ln = {
   },
   setup(e) {
     const a = e, t = {};
-    yt(() => {
+    St(() => {
       l();
-    }), U(() => a.options, () => {
+    }), G(() => a.options, () => {
       l();
     });
     function l() {
@@ -2504,51 +2505,51 @@ const ln = {
         return s;
       });
     }
-    function d(o, s) {
+    function u(o, s) {
       return !!o && o !== s;
     }
-    return (o, s) => (u(), b(K, null, [
-      (u(!0), b(K, null, te(e.options, (r) => (u(), O(ot, {
+    return (o, s) => (d(), b(K, null, [
+      (d(!0), b(K, null, te(e.options, (r) => (d(), O(it, {
         "aria-checked": r.checkbox ? r.checkbox.checked : void 0,
         key: r.value,
         value: r.value,
         variant: n(r)
       }, {
         default: D(() => [
-          r.checkbox ? (u(), b("span", {
+          r.checkbox ? (d(), b("span", {
             key: 0,
             id: r.checkbox.inputId,
             "aria-hidden": "true",
             class: "bs-checkbox",
             "data-checked": r.checkbox.checked
           }, null, 8, kn)) : C("", !0),
-          r.icon ? (u(), b("span", Cn, [
-            (u(), O(ae(t[r.icon])))
+          r.icon ? (d(), b("span", Cn, [
+            (d(), O(ae(t[r.icon])))
           ])) : C("", !0),
-          r.profileImg ? (u(), O(At, {
+          r.profileImg ? (d(), O(Ot, {
             key: 2,
             src: r.profileImg.src,
             size: "xs",
             initials: r.profileImg.initials,
             "profile-name": r.profileImg.profileName,
-            "use-alt-text": d(r.profileImg.profileName, r.label)
+            "use-alt-text": u(r.profileImg.profileName, r.label)
           }, null, 8, ["src", "initials", "profile-name", "use-alt-text"])) : C("", !0),
-          r.labelHtml ? (u(), b("span", {
+          r.labelHtml ? (d(), b("span", {
             key: 3,
             innerHTML: r.labelHtml
-          }, null, 8, xn)) : (u(), b("span", Tn, A(r.label), 1)),
-          r.description ? (u(), b("span", An, A(r.description), 1)) : C("", !0)
+          }, null, 8, xn)) : (d(), b("span", Tn, T(r.label), 1)),
+          r.description ? (d(), b("span", An, T(r.description), 1)) : C("", !0)
         ]),
         _: 2
       }, 1032, ["aria-checked", "value", "variant"]))), 128)),
-      e.showNoOptions && e.options.length === 0 ? (u(), b("li", On, [
+      e.showNoOptions && e.options.length === 0 ? (d(), b("li", On, [
         V(o.$slots, "no-options", {}, () => [
-          s[0] || (s[0] = G("No options"))
+          s[0] || (s[0] = U("No options"))
         ])
       ])) : C("", !0)
     ], 64));
   }
-}, Ot = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Vt = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsInputSearch",
   props: {
     /** Sets the disabled state on input, disabled styles on label. */
@@ -2588,33 +2589,33 @@ const ln = {
     variant: {
       type: String,
       // we may be getting at least one more variant so we'll validate against arr
-      validator: (e) => ["filter"].includes(e)
+      validator: (e) => ["filter", ""].includes(e)
     }
   },
   emits: ["clear", "update:modelValue"],
   setup(e, { emit: a }) {
     const t = e, l = f(() => be.concat(t.passAttrs.split(","))), n = f(() => !t.disabled && !t.hideClear && t.variant !== "filter");
-    return (i, d) => (u(), O(De, z({
+    return (i, u) => (d(), O(De, z({
       class: "bs-input-search",
       "data-component": "bs-input-search",
       "data-variant": e.variant,
       disabled: e.disabled
-    }, c(X)(i.$attrs, l.value).remaining), {
+    }, c(Z)(i.$attrs, l.value).remaining), {
       default: D(() => [
-        e.hideSearchIcon ? C("", !0) : (u(), O(c(Wt), { key: 0 })),
+        e.hideSearchIcon ? C("", !0) : (d(), O(c(Ut), { key: 0 })),
         P(Ie, z({
           "data-autowidth": "",
           disabled: e.disabled,
           "input-id": i.$attrs.id || e.inputId,
           placeholder: e.placeholder,
           value: e.value || e.modelValue
-        }, c(X)(i.$attrs, l.value).filtered, {
-          "onUpdate:modelValue": d[0] || (d[0] = (o) => i.$emit("update:modelValue", o))
+        }, c(Z)(i.$attrs, l.value).filtered, {
+          "onUpdate:modelValue": u[0] || (u[0] = (o) => i.$emit("update:modelValue", o))
         }), null, 16, ["disabled", "input-id", "placeholder", "value"]),
-        ue(B("button", {
+        ue(w("button", {
           title: "Clear",
           type: "button",
-          onClick: d[1] || (d[1] = (o) => i.$emit("clear"))
+          onClick: u[1] || (u[1] = (o) => i.$emit("clear"))
         }, [
           P(c($e), { size: "sm" })
         ], 512), [
@@ -2624,10 +2625,13 @@ const ln = {
       _: 1
     }, 16, ["data-variant", "disabled"]));
   }
-}), Vn = ["id"], En = {
+}), Vn = ["id"], Ln = {
   key: 0,
   class: "filter-input-container"
-}, Vt = {
+}, En = {
+  key: 1,
+  class: "mobile-select-button-container"
+}, Lt = {
   __name: "BsDropdownWithToggle",
   props: {
     anchorId: {
@@ -2660,6 +2664,10 @@ const ln = {
       type: Boolean,
       default: !1
     },
+    filterButtonText: {
+      type: String,
+      default: "Select"
+    },
     filterLabel: {
       type: String,
       default: ""
@@ -2733,14 +2741,14 @@ const ln = {
   setup(e, { emit: a }) {
     const t = e, l = a;
     let n = null;
-    const [i, d] = Q(2), o = w(!1), s = w(""), r = w([...t.options]), m = f(() => t.selectedOptions.length), h = f(() => Je(async () => await (t.multiselect ? Promise.resolve().then(() => Mn) : Promise.resolve().then(() => Dn)))), v = f(() => t.optionsId || d.value), g = f(() => t.toggleId || i.value), y = () => n || (n = document.getElementById(g.value));
-    function I() {
+    const [i, u] = Q(2), o = I(!1), s = I(""), r = I([...t.options]), m = f(() => t.selectedOptions.length), g = f(() => Je(async () => await (t.multiselect ? Promise.resolve().then(() => Nn) : Promise.resolve().then(() => Pn)))), v = f(() => t.optionsId || u.value), h = f(() => t.toggleId || i.value), y = () => n || (n = document.getElementById(h.value));
+    function B() {
       const F = document.activeElement;
       return !F || F.tagName === "BODY" || F.id === v.value;
     }
     function p() {
       var F, W;
-      o.value = !1, l("close"), I() && ((W = (F = y()) == null ? void 0 : F.focus) == null || W.call(F));
+      o.value = !1, l("close"), B() && ((W = (F = y()) == null ? void 0 : F.focus) == null || W.call(F));
     }
     function S() {
       o.value && p();
@@ -2756,10 +2764,10 @@ const ln = {
       const W = [...t.selectedOptions, F];
       l("update:selectedOptions", W), l("check-option", F);
     }
-    function T(F) {
+    function A(F) {
       t.multiselect || (l("update:selectedOption", F), p());
     }
-    function E() {
+    function L() {
       s.value = "", r.value = t.options;
     }
     function R(F) {
@@ -2768,20 +2776,20 @@ const ln = {
         return W.label.toLowerCase().startsWith((_ = s.value) == null ? void 0 : _.toLowerCase());
       });
     }
-    return (F, W) => (u(), b("div", {
+    return (F, W) => (d(), b("div", {
       class: "bs-dropdown-with-toggle",
       id: F.$attrs.id
     }, [
       V(F.$slots, "toggle", {
         anchorId: e.anchorId,
         optionsId: v.value,
-        toggleId: g.value
+        toggleId: h.value
       }, () => [
         P(wn, {
           "aria-controls": v.value,
           "aria-expanded": e.open,
           disabled: e.disabled,
-          id: g.value,
+          id: h.value,
           open: e.open,
           "options-id": v.value,
           size: e.toggleSize,
@@ -2790,14 +2798,14 @@ const ln = {
         }, {
           label: D(() => [
             V(F.$slots, "toggle-label", {}, () => [
-              G(A(e.toggleLabel), 1)
+              U(T(e.toggleLabel), 1)
             ])
           ]),
           _: 3
         }, 8, ["aria-controls", "aria-expanded", "disabled", "id", "open", "options-id", "size", "badge-count"])
       ]),
-      P(lt, {
-        "anchor-id": e.anchorId || g.value,
+      P(ot, {
+        "anchor-id": e.anchorId || h.value,
         breakout: e.breakout,
         "helper-text": e.helperText,
         "helper-description": e.helperDescription,
@@ -2810,16 +2818,16 @@ const ln = {
         onEnter: k
       }, {
         default: D(() => [
-          e.filter ? (u(), b("div", En, [
-            P(Ot, {
+          e.filter ? (d(), b("div", Ln, [
+            P(Vt, {
               "aria-label": e.filterLabel,
               "model-value": s.value,
               placeholder: e.filterPlaceholder,
               "onUpdate:modelValue": R,
-              onClear: E
+              onClear: L
             }, null, 8, ["aria-label", "model-value", "placeholder"])
           ])) : C("", !0),
-          P(c(h), {
+          P(c(g), {
             class: le({ "filterable-options": e.filter }),
             label: e.dropdownLabel,
             "model-value": e.selectedOption,
@@ -2827,19 +2835,31 @@ const ln = {
             "options-id": v.value,
             "selected-options": e.selectedOptions,
             shown: e.open,
-            "onUpdate:modelValue": T,
+            "onUpdate:modelValue": A,
             onCheckOption: M,
             onUncheckOption: $,
             onClose: W[1] || (W[1] = (_) => e.multiselect ? void 0 : S())
           }, {
             default: D(() => [
-              e.multiselect ? C("", !0) : (u(), O(qe, {
+              e.multiselect ? C("", !0) : (d(), O(qe, {
                 key: 0,
                 options: r.value
               }, null, 8, ["options"]))
             ]),
             _: 1
-          }, 8, ["class", "label", "model-value", "options", "options-id", "selected-options", "shown"])
+          }, 8, ["class", "label", "model-value", "options", "options-id", "selected-options", "shown"]),
+          e.multiselect ? (d(), b("div", En, [
+            P(xt, {
+              title: e.filterButtonText,
+              class: "mobile-select-button",
+              onClick: W[2] || (W[2] = () => l("close"))
+            }, {
+              default: D(() => [
+                U(T(e.filterButtonText), 1)
+              ]),
+              _: 1
+            }, 8, ["title"])
+          ])) : C("", !0)
         ]),
         _: 1
       }, 8, ["anchor-id", "breakout", "helper-text", "helper-description", "position", "shown", "use-mobile-style", "width"])
@@ -2904,24 +2924,24 @@ const ln = {
   },
   emits: ["update:modelValue", "combobox:change", "combobox:input"],
   setup(e, { emit: a }) {
-    const t = e, l = a, [n, i, d] = Q(3), o = w(!1), s = f(() => t.inputId || n.value);
+    const t = e, l = a, [n, i, u] = Q(3), o = I(!1), s = f(() => t.inputId || n.value);
     function r(y) {
       l("combobox:change", y.target.value), l("update:modelValue", y.target.value);
     }
     function m() {
       l("combobox:change", ""), l("update:modelValue", "");
     }
-    function h(y) {
-      var I, p;
-      (I = y.relatedTarget) != null && I.closest(`#${d.value}`) || (p = y.relatedTarget) != null && p.closest(`#${i.value}`) || (o.value = !1);
+    function g(y) {
+      var B, p;
+      (B = y.relatedTarget) != null && B.closest(`#${u.value}`) || (p = y.relatedTarget) != null && p.closest(`#${i.value}`) || (o.value = !1);
     }
     function v(y) {
       l("combobox:input", y.target.value), t.updateOnInput && l("update:modelValue", y.target.value);
     }
-    function g(y) {
+    function h(y) {
       y === !0 || y === !1 ? o.value = y : o.value = !o.value;
     }
-    return (y, I) => (u(), O(Vt, {
+    return (y, B) => (d(), O(Lt, {
       "anchor-id": c(i),
       disabled: e.disabled,
       "dropdown-position": e.dropdownPosition,
@@ -2931,12 +2951,12 @@ const ln = {
       multiselect: !1,
       open: o.value,
       options: e.options,
-      "options-id": c(d),
+      "options-id": c(u),
       "selected-option": e.modelValue,
       "toggle-id": y.$attrs.id || s.value,
-      onClose: I[0] || (I[0] = (p) => o.value = !1),
-      onFocusout: h,
-      "onUpdate:selectedOption": I[1] || (I[1] = (p) => y.$emit("update:modelValue", p))
+      onClose: B[0] || (B[0] = (p) => o.value = !1),
+      onFocusout: g,
+      "onUpdate:selectedOption": B[1] || (B[1] = (p) => y.$emit("update:modelValue", p))
     }, {
       toggle: D(() => [
         P(yn, z({
@@ -2947,19 +2967,19 @@ const ln = {
           "hint-id": e.hintId,
           "model-value": e.displayValue || e.modelValue,
           open: o.value,
-          "options-id": c(d),
+          "options-id": c(u),
           placeholder: e.placeholder,
           required: e.required,
           onChange: r,
           onClear: m,
           onInput: v,
-          onToggled: g
+          onToggled: h
         }, y.$attrs), null, 16, ["id", "container-id", "disabled", "error", "hint-id", "model-value", "open", "options-id", "placeholder", "required"])
       ]),
       _: 1
     }, 8, ["anchor-id", "disabled", "dropdown-position", "dropdown-width", "helper-description", "helper-text", "open", "options", "options-id", "selected-option", "toggle-id"]));
   }
-}), Po = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), Mo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsDropdownComboboxField",
   props: {
     disabled: {
@@ -3027,17 +3047,17 @@ const ln = {
   },
   emits: ["update:modelValue", "combobox:change", "combobox:input"],
   setup(e, { emit: a }) {
-    const t = e, [l, n] = Q(2), i = f(() => t.error && t.errorMsg || t.hint || void 0), d = f(() => t.inputId || l.value);
-    return (o, s) => (u(), b("div", z({ "data-component": "bs-dropdown-combobox-field" }, c(X)(o.$attrs, c(be)).remaining), [
-      e.label || o.$slots.label ? (u(), O(ne, {
+    const t = e, [l, n] = Q(2), i = f(() => t.error && t.errorMsg || t.hint || void 0), u = f(() => t.inputId || l.value);
+    return (o, s) => (d(), b("div", z({ "data-component": "bs-dropdown-combobox-field" }, c(Z)(o.$attrs, c(be)).remaining), [
+      e.label || o.$slots.label ? (d(), O(ne, {
         key: 0,
-        for: o.$attrs.id || d.value,
+        for: o.$attrs.id || u.value,
         disabled: e.disabled,
         required: e.required
       }, {
         default: D(() => [
           V(o.$slots, "label", {}, () => [
-            G(A(e.label), 1)
+            U(T(e.label), 1)
           ])
         ]),
         _: 3
@@ -3051,7 +3071,7 @@ const ln = {
         "helper-text": e.helperText,
         "helper-description": e.helperDescription,
         "hint-id": c(n),
-        "input-id": o.$attrs.id || d.value,
+        "input-id": o.$attrs.id || u.value,
         "model-value": e.modelValue,
         options: e.options,
         placeholder: e.placeholder,
@@ -3060,17 +3080,17 @@ const ln = {
         "onCombobox:change": s[0] || (s[0] = (r) => o.$emit("combobox:change", r)),
         "onCombobox:input": s[1] || (s[1] = (r) => o.$emit("combobox:input", r)),
         "onUpdate:modelValue": s[2] || (s[2] = (r) => o.$emit("update:modelValue", r))
-      }, c(X)(o.$attrs, c(be)).filtered), null, 16, ["disabled", "display-value", "dropdown-position", "dropdown-width", "error", "helper-text", "helper-description", "hint-id", "input-id", "model-value", "options", "placeholder", "required", "update-on-input"]),
-      i.value ? (u(), O(ge, {
+      }, c(Z)(o.$attrs, c(be)).filtered), null, 16, ["disabled", "display-value", "dropdown-position", "dropdown-width", "error", "helper-text", "helper-description", "hint-id", "input-id", "model-value", "options", "placeholder", "required", "update-on-input"]),
+      i.value ? (d(), O(ge, {
         key: 1,
         error: e.error,
         "error-msg": e.errorMsg,
-        hint: e.hint || o.hintDeprecated,
+        hint: e.hint,
         "hint-id": c(n)
       }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : C("", !0)
     ], 16));
   }
-}), Ln = ["aria-activedescendant", "aria-label", "data-overflow", "id", "tabindex"], Re = {
+}), Dn = ["aria-activedescendant", "aria-label", "data-overflow", "id", "tabindex"], Re = {
   __name: "BsDropdownOptionList",
   props: {
     optionsId: {
@@ -3106,25 +3126,25 @@ const ln = {
     "update:modelValue"
   ],
   setup(e, { expose: a, emit: t }) {
-    const l = e, n = t, i = w(null), d = w(null), o = w(-1), s = w(-1), r = w(null), m = w(!1), h = pe("dropdownEnter", w(!1)), v = pe("dropdownAfterEnter", w(!1)), g = pe("dropdownShown", w(!1));
-    fe("optionsId", f(() => l.optionsId)), fe("handleOptionSelect", ye), ma(i, $, { childList: !0 }), me([" ", "Enter", "NumpadEnter"], ke, i), me(["ArrowDown", "ArrowUp", "Home", "End"], Ce);
+    const l = e, n = t, i = I(null), u = I(null), o = I(-1), s = I(-1), r = I(null), m = I(!1), g = pe("dropdownEnter", I(!1)), v = pe("dropdownAfterEnter", I(!1)), h = pe("dropdownShown", I(!1));
+    fe("optionsId", f(() => l.optionsId)), fe("handleOptionSelect", ye), ba(i, $, { childList: !0 }), me([" ", "Enter", "NumpadEnter"], ke, i), me(["ArrowDown", "ArrowUp", "Home", "End"], Ce);
     const p = [/^[a-zA-Z0-9]{1}$/], S = {
       keys: "",
       lastTyped: 0
     };
-    me(p, (L) => xe(L, S)), Y(() => {
-      $(), W(g.value);
-    }), U(
-      [h, () => {
-        var L;
-        return (L = r.value) == null ? void 0 : L.length;
+    me(p, (E) => xe(E, S)), X(() => {
+      $(), W(h.value);
+    }), G(
+      [g, () => {
+        var E;
+        return (E = r.value) == null ? void 0 : E.length;
       }],
-      ([L, j]) => {
-        (L || j > 0) && (m.value = i.value.scrollHeight > i.value.clientHeight);
+      ([E, j]) => {
+        (E || j > 0) && (m.value = i.value.scrollHeight > i.value.clientHeight);
       }
-    ), U(v, (L) => {
-      L && (M(), T());
-    }), U(g, (L) => W(L));
+    ), G(v, (E) => {
+      E && (M(), A());
+    }), G(h, (E) => W(E));
     const k = f(() => l.modelValue || l.selectedValue);
     function $() {
       r.value = Array.from(
@@ -3134,65 +3154,65 @@ const ln = {
     function M() {
       i.value.getBoundingClientRect().bottom > window.innerHeight && i.value.scrollIntoView({ block: "nearest" });
     }
-    function T() {
-      var L;
-      o.value > -1 && (M(), (L = r.value[o.value]) == null || L.scrollIntoView({ block: "nearest" }));
+    function A() {
+      var E;
+      o.value > -1 && (M(), (E = r.value[o.value]) == null || E.scrollIntoView({ block: "nearest" }));
     }
-    function E() {
-      var L, j;
-      o.value > -1 && ((L = r.value[o.value]) == null || L.setAttribute("data-active", ""), d.value = (j = r.value[o.value]) == null ? void 0 : j.id, T());
+    function L() {
+      var E, j;
+      o.value > -1 && ((E = r.value[o.value]) == null || E.setAttribute("data-active", ""), u.value = (j = r.value[o.value]) == null ? void 0 : j.id, A());
     }
     function R() {
-      var L;
-      o.value > -1 && ((L = r.value[o.value]) == null || L.removeAttribute("data-active"));
+      var E;
+      o.value > -1 && ((E = r.value[o.value]) == null || E.removeAttribute("data-active"));
     }
     function F() {
-      var L;
-      o.value < 0 && (o.value = 0, d.value = (L = r.value[0]) == null ? void 0 : L.id), E();
+      var E;
+      o.value < 0 && (o.value = 0, u.value = (E = r.value[0]) == null ? void 0 : E.id), L();
     }
-    function W(L) {
-      L ? _() : he();
+    function W(E) {
+      E ? _() : he();
     }
     function _() {
-      var L, j;
+      var E, j;
       l.multiselect || (s.value = r.value.findIndex(
         (q) => q.getAttribute("data-value") === String(k.value)
-      ), !l.multiselect && s.value > -1 && ((L = r.value[s.value]) == null || L.setAttribute("data-selected", ""), (j = r.value[s.value]) == null || j.setAttribute("aria-selected", "true")), o.value = s.value);
+      ), !l.multiselect && s.value > -1 && ((E = r.value[s.value]) == null || E.setAttribute("data-selected", ""), (j = r.value[s.value]) == null || j.setAttribute("aria-selected", "true")), o.value = s.value);
     }
     function he() {
-      r.value.forEach((L) => {
-        L.removeAttribute("data-selected"), L.setAttribute("aria-selected", "false");
-      }), R(), s.value = -1, o.value = -1, d.value = null;
+      r.value.forEach((E) => {
+        E.removeAttribute("data-selected"), E.setAttribute("aria-selected", "false");
+      }), R(), s.value = -1, o.value = -1, u.value = null;
     }
-    function ye(L) {
+    function ye(E) {
       var q;
-      (q = L.querySelector("a")) == null || q.click();
-      let j = L.getAttribute("data-value");
-      L.getAttribute("data-value-type") === "number" && (j = Number(j)), d.value = L.id, R(), n("optselected", j), n("update:modelValue", j), n("close");
+      (q = E.querySelector("a")) == null || q.click();
+      let j = E.getAttribute("data-value");
+      E.getAttribute("data-value-type") === "number" && (j = Number(j)), u.value = E.id, R(), n("optselected", j), n("update:modelValue", j), n("close");
     }
-    function ke(L) {
-      ye(r.value[o.value]), L.preventDefault();
+    function ke(E) {
+      ye(r.value[o.value]), E.preventDefault();
     }
-    function Ce(L) {
-      if (g.value)
-        switch (L.key) {
+    function Ce(E) {
+      if (h.value)
+        switch (E.key) {
           case "ArrowDown":
-            se("down"), L.preventDefault();
+            se("down"), E.preventDefault();
             break;
           case "ArrowUp":
-            se("up"), L.preventDefault();
+            se("up"), E.preventDefault();
             break;
           case "Home":
-            se("home"), L.preventDefault();
+            se("home"), E.preventDefault();
             break;
           case "End":
-            se("end"), L.preventDefault();
+            se("end"), E.preventDefault();
             break;
         }
     }
-    function se(L) {
+    function se(E) {
       let j;
-      switch (L) {
+      switch (E) {
         case "up":
           j = o.value - 1 < 0 ? r.value.length - 1 : o.value - 1;
           break;
@@ -3208,25 +3228,25 @@ const ln = {
       }
       Se(j);
     }
-    function xe(L, j) {
-      if (!g.value) return;
-      j.keys = L.timeStamp - j.lastTyped > 500 ? L.key : j.keys + L.key, j.lastTyped = L.timeStamp;
-      const q = r.value.findIndex((Z) => Z.textContent.replaceAll(/[^a-zA-Z0-9]/g, "").toLowerCase().startsWith(j.keys));
+    function xe(E, j) {
+      if (!h.value) return;
+      j.keys = E.timeStamp - j.lastTyped > 500 ? E.key : j.keys + E.key, j.lastTyped = E.timeStamp;
+      const q = r.value.findIndex((Y) => Y.textContent.replaceAll(/[^a-zA-Z0-9]/g, "").toLowerCase().startsWith(j.keys));
       q > -1 && Se(q, !1);
     }
-    function Se(L, j = !0) {
-      R(), o.value = L, document.activeElement !== i.value && j ? i.value.focus() : E();
+    function Se(E, j = !0) {
+      R(), o.value = E, document.activeElement !== i.value && j ? i.value.focus() : L();
     }
     return a({
       activeIndex: o,
       optionEls: r,
       optionsRef: i,
       refreshOptions: $,
-      setCurrentActive: E
-    }), (L, j) => (u(), b("ul", {
+      setCurrentActive: L
+    }), (E, j) => (d(), b("ul", {
       ref_key: "optionsRef",
       ref: i,
-      "aria-activedescendant": d.value || void 0,
+      "aria-activedescendant": u.value || void 0,
       "aria-label": e.label,
       "aria-live": "polite",
       class: "bs-dropdown-options",
@@ -3234,23 +3254,23 @@ const ln = {
       "data-overflow": m.value,
       id: e.optionsId,
       role: "listbox",
-      tabindex: c(g) ? 0 : void 0,
+      tabindex: c(h) ? 0 : void 0,
       onBlur: R,
       onFocus: F,
       onMousedown: j[0] || (j[0] = wt(() => {
       }, ["prevent"]))
     }, [
-      V(L.$slots, "default")
-    ], 40, Ln));
+      V(E.$slots, "default")
+    ], 40, Dn));
   }
-}, Dn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Pn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Re
-}, Symbol.toStringTag, { value: "Module" })), Pn = { role: "separator" }, qn = {
+}, Symbol.toStringTag, { value: "Module" })), qn = { role: "separator" }, Mn = {
   key: 1,
   role: "option",
   "data-no-hover": "true"
-}, Lt = {
+}, Dt = {
   __name: "BsDropdownMultiselect",
   props: {
     focusOnOpen: {
@@ -3284,51 +3304,51 @@ const ln = {
     "uncheck-option"
   ],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = w(null), i = w([]), d = w([]), o = f(() => {
-      var I, p;
-      return ((I = i.value) == null ? void 0 : I.length) && ((p = d.value) == null ? void 0 : p.length);
+    const t = e, l = a, n = I(null), i = I([]), u = I([]), o = f(() => {
+      var B, p;
+      return ((B = i.value) == null ? void 0 : B.length) && ((p = u.value) == null ? void 0 : p.length);
     }), s = f(() => {
-      var I, p;
-      return ((I = i.value) == null ? void 0 : I.length) || ((p = d.value) == null ? void 0 : p.length);
+      var B, p;
+      return ((B = i.value) == null ? void 0 : B.length) || ((p = u.value) == null ? void 0 : p.length);
     });
     let r = !1;
-    U(() => t.options, () => {
+    G(() => t.options, () => {
       v(t.selectedOptions);
-    }), U(
+    }), G(
       () => t.selectedOptions,
       v,
       { immediate: !0 }
-    ), U(() => t.shown, (I) => {
-      I && t.focusOnOpen && Ae(m);
+    ), G(() => t.shown, (B) => {
+      B && t.focusOnOpen && Ae(m);
     });
     function m() {
       n.value && (n.value.refreshOptions(), n.value.optionsRef.focus());
     }
-    function h() {
+    function g() {
       n.value && (n.value.refreshOptions(), n.value.setCurrentActive());
     }
-    function v(I = []) {
-      const p = new Set(I), S = [], k = [];
+    function v(B = []) {
+      const p = new Set(B), S = [], k = [];
       t.options.forEach(($) => {
-        const M = { ...$ }, T = `${t.optionsId}-${$.value}-cb`;
-        p.has($.value) ? (M.checkbox = { inputId: T, checked: !0 }, S.push(M)) : (M.checkbox = { inputId: T, checked: !1 }, k.push(M));
+        const M = { ...$ }, A = `${t.optionsId}-${$.value}-cb`;
+        p.has($.value) ? (M.checkbox = { inputId: A, checked: !0 }, S.push(M)) : (M.checkbox = { inputId: A, checked: !1 }, k.push(M));
       }), i.value = S, Ae(() => {
-        d.value = k, Ae(() => {
-          r && h(), r = !1;
+        u.value = k, Ae(() => {
+          r && g(), r = !1;
         });
       });
     }
-    function g(I = []) {
-      const p = new Set(I), S = [];
+    function h(B = []) {
+      const p = new Set(B), S = [];
       return t.options.forEach((k) => {
         p.has(k.value) && S.push(k.value);
       }), S;
     }
-    function y(I) {
+    function y(B) {
       let p = [];
-      t.selectedOptions.includes(I) ? (p = t.selectedOptions.filter((S) => S !== I), l("uncheck-option", I)) : (p = g([...t.selectedOptions, I]), l("check-option", I)), r = !0, l("update:selectedOptions", p);
+      t.selectedOptions.includes(B) ? (p = t.selectedOptions.filter((S) => S !== B), l("uncheck-option", B)) : (p = h([...t.selectedOptions, B]), l("check-option", B)), r = !0, l("update:selectedOptions", p);
     }
-    return (I, p) => (u(), O(Re, {
+    return (B, p) => (d(), O(Re, {
       ref_key: "optlist",
       ref: n,
       "aria-multiselectable": "true",
@@ -3340,33 +3360,33 @@ const ln = {
       "onUpdate:modelValue": y
     }, {
       default: D(() => [
-        s.value ? (u(), b(K, { key: 0 }, [
+        s.value ? (d(), b(K, { key: 0 }, [
           P(qe, {
             options: i.value,
             "show-no-options": !1
           }, null, 8, ["options"]),
-          ue(B("li", Pn, p[0] || (p[0] = [
-            B("hr", null, null, -1)
+          ue(w("li", qn, p[0] || (p[0] = [
+            w("hr", null, null, -1)
           ]), 512), [
             [ce, o.value]
           ]),
           P(qe, {
-            options: d.value,
+            options: u.value,
             "show-no-options": !1
           }, null, 8, ["options"])
-        ], 64)) : (u(), b("li", qn, [
-          V(I.$slots, "no-options", {}, () => [
-            p[1] || (p[1] = G("No options"))
+        ], 64)) : (d(), b("li", Mn, [
+          V(B.$slots, "no-options", {}, () => [
+            p[1] || (p[1] = U("No options"))
           ])
         ]))
       ]),
       _: 3
     }, 8, ["label", "options-id", "shown"]));
   }
-}, Mn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Nn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Lt
-}, Symbol.toStringTag, { value: "Module" })), Nn = {
+  default: Dt
+}, Symbol.toStringTag, { value: "Module" })), zn = {
   __name: "BsDropdownWithOptionsNew",
   props: {
     // DROPDOWN PROPS
@@ -3441,17 +3461,17 @@ const ln = {
     "after-leave"
   ],
   setup(e, { emit: a }) {
-    const t = a, l = w(!1);
+    const t = a, l = I(!1);
     function n() {
       l.value = !0;
     }
     function i(o) {
       l.value = !1, t("update:modelValue", o), t("close");
     }
-    function d() {
+    function u() {
       l.value && (l.value = !1, t("close"));
     }
-    return (o, s) => (u(), O(c(lt), {
+    return (o, s) => (d(), O(c(ot), {
       "anchor-id": e.anchorId,
       breakout: e.breakout,
       "container-id": e.containerId,
@@ -3462,7 +3482,7 @@ const ln = {
       shown: e.shown,
       "use-mobile-style": e.useMobileStyle,
       width: e.width,
-      onClose: d,
+      onClose: u,
       onAfterEnter: s[0] || (s[0] = (r) => t("after-enter")),
       onEnter: n,
       onAfterLeave: s[1] || (s[1] = (r) => t("after-leave"))
@@ -3475,7 +3495,7 @@ const ln = {
           "prevent-tab": e.preventTab,
           "type-to-focus": e.typeToFocus,
           "onUpdate:modelValue": i,
-          onClose: d
+          onClose: u
         }, {
           default: D(() => [
             V(o.$slots, "default")
@@ -3486,7 +3506,7 @@ const ln = {
       _: 3
     }, 8, ["anchor-id", "breakout", "container-id", "helper-description", "helper-text", "position", "preloaded", "shown", "use-mobile-style", "width"]));
   }
-}, Dt = {
+}, Pt = {
   __name: "BsDropdownWithOptions",
   props: {
     anchorId: {
@@ -3600,11 +3620,11 @@ const ln = {
     "after-leave"
   ],
   setup(e, { emit: a }) {
-    const t = e, l = a, { transition: n } = Le(t), i = f(() => t.width === "toggle" ? "anchor" : t.width), d = f(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position), o = f(() => t.toggleId ? t.toggleId : t.anchorId), s = f(() => t.selectedValue || t.modelValue);
+    const t = e, l = a, { transition: n } = Ee(t), i = f(() => t.width === "toggle" ? "anchor" : t.width), u = f(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position), o = f(() => t.toggleId ? t.toggleId : t.anchorId), s = f(() => t.selectedValue || t.modelValue);
     function r(m) {
       l("optselected", m), l("update:modelValue", m);
     }
-    return (m, h) => (u(), O(Nn, {
+    return (m, g) => (d(), O(zn, {
       "anchor-id": o.value,
       breakout: e.breakout,
       "container-id": e.containerId,
@@ -3613,15 +3633,15 @@ const ln = {
       label: e.label,
       "model-value": s.value,
       "options-id": e.optionsId,
-      position: d.value,
+      position: u.value,
       preloaded: e.preloaded,
       "prevent-tab": e.preventTab,
       shown: c(n),
       "use-mobile-style": e.useMobileStyle,
       width: i.value,
-      onClose: h[0] || (h[0] = (v) => l("close")),
-      onAfterEnter: h[1] || (h[1] = (v) => l("after-enter")),
-      onAfterLeave: h[2] || (h[2] = (v) => l("after-leave")),
+      onClose: g[0] || (g[0] = (v) => l("close")),
+      onAfterEnter: g[1] || (g[1] = (v) => l("after-enter")),
+      onAfterLeave: g[2] || (g[2] = (v) => l("after-leave")),
       "onUpdate:modelValue": r
     }, {
       default: D(() => [
@@ -3630,10 +3650,10 @@ const ln = {
       _: 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"]));
   }
-}, zn = ["data-size"], Fn = { class: "bs-empty-state-icon" }, Rn = { class: "bs-empty-state-title" }, jn = {
+}, Fn = ["data-size"], Rn = { class: "bs-empty-state-icon" }, jn = { class: "bs-empty-state-title" }, Wn = {
   key: 0,
   class: "bs-empty-state-description"
-}, qo = {
+}, No = {
   __name: "BsEmptyState",
   props: {
     description: {
@@ -3642,7 +3662,7 @@ const ln = {
     },
     iconName: {
       type: String,
-      required: !0
+      default: ""
     },
     size: {
       type: String,
@@ -3656,28 +3676,28 @@ const ln = {
   },
   setup(e) {
     const a = e, { icon: t } = Oe(a, "iconName");
-    return (l, n) => (u(), b("div", {
+    return (l, n) => (d(), b("div", {
       class: "bs-empty-state",
       "data-component": "bs-empty-state",
       "data-size": e.size
     }, [
-      B("div", Fn, [
+      w("div", Rn, [
         V(l.$slots, "icon", {}, () => [
-          (u(), O(ae(c(t)), { size: "" }))
+          (d(), O(ae(c(t)), { size: "auto" }))
         ])
       ]),
-      B("div", null, [
-        B("p", Rn, A(e.title), 1),
-        e.size !== "xs" ? (u(), b("p", jn, [
+      w("div", null, [
+        w("p", jn, T(e.title), 1),
+        e.size !== "xs" ? (d(), b("p", Wn, [
           V(l.$slots, "description", {}, () => [
-            G(A(e.description), 1)
+            U(T(e.description), 1)
           ])
         ])) : C("", !0),
         V(l.$slots, "call-to-action")
       ])
-    ], 8, zn));
+    ], 8, Fn));
   }
-}, Wn = ["data-absolute", "data-position", "data-shown", "data-size"], Un = { class: "bs-flyout-close-container" }, Mo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Un = ["data-absolute", "data-position", "data-shown", "data-size"], Gn = { class: "bs-flyout-close-container" }, zo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsFlyout",
   props: {
     absolute: {
@@ -3713,18 +3733,18 @@ const ln = {
   },
   emits: ["close"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = w(null), i = f(() => document.getElementById(t.toggleId));
-    Ct([n, i], d), me(["Escape"], d);
-    function d() {
+    const t = e, l = a, n = I(null), i = f(() => document.getElementById(t.toggleId));
+    Ct([n, i], u), me(["Escape"], u);
+    function u() {
       t.shown && l("close");
     }
-    return (o, s) => (u(), O(Pe, {
+    return (o, s) => (d(), O(Pe, {
       name: "bs-flyout",
       preloaded: e.preloaded,
       shown: e.shown
     }, {
       default: D(() => [
-        B("div", z({
+        w("div", z({
           ref_key: "flyout",
           ref: n,
           class: "bs-flyout",
@@ -3734,34 +3754,34 @@ const ln = {
           "data-shown": e.shown,
           "data-size": e.size
         }, o.$attrs), [
-          B("div", Un, [
-            B("button", {
+          w("div", Gn, [
+            w("button", {
               type: "button",
               title: "Close",
               "aria-label": "Close",
-              onClick: d
+              onClick: u
             }, [
               P(c($e))
             ])
           ]),
           V(o.$slots, "default")
-        ], 16, Wn)
+        ], 16, Un)
       ]),
       _: 3
     }, 8, ["preloaded", "shown"]));
   }
-}), Gn = ["view-box"], Hn = ["id"], Kn = ["offset", "stop-color"], No = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), Hn = ["view-box"], Kn = ["id"], Yn = ["offset", "stop-color"], Fo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsIconGradientWrapper",
   setup(e) {
-    const a = w(null), t = w(null), l = [
+    const a = I(null), t = I(null), l = [
       { offset: 0.1326, color: "#EE282A" },
       { offset: 0.5466, color: "#1C0087" },
       { offset: 0.9715, color: "#0086EA" }
     ], [n] = Q();
-    return Y(() => {
+    return X(() => {
       t.value = a.value.querySelector("svg").getAttribute("viewBox") || "0 0 0 0";
-    }), (i, d) => (u(), b(K, null, [
-      B("span", z({
+    }), (i, u) => (d(), b(K, null, [
+      w("span", z({
         ref_key: "svgWrapperRef",
         ref: a,
         class: "bs-icon-gradient-wrapper",
@@ -3769,13 +3789,13 @@ const ln = {
       }, i.$attrs), [
         V(i.$slots, "default")
       ], 16),
-      (u(), b("svg", {
+      (d(), b("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         "view-box": t.value,
         width: "0",
         height: "0"
       }, [
-        B("linearGradient", {
+        w("linearGradient", {
           id: c(n),
           x1: "0",
           y1: "0",
@@ -3783,16 +3803,16 @@ const ln = {
           y2: "100%",
           "gradient-units": "userSpaceOnUse"
         }, [
-          (u(), b(K, null, te(l, (o) => B("stop", {
+          (d(), b(K, null, te(l, (o) => w("stop", {
             key: o.offset,
             offset: o.offset,
             "stop-color": o.color
-          }, null, 8, Kn)), 64))
-        ], 8, Hn)
-      ], 8, Gn))
+          }, null, 8, Yn)), 64))
+        ], 8, Kn)
+      ], 8, Hn))
     ], 64));
   }
-}), zo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), Ro = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsInputField",
   props: {
     /** Sets the disabled state on input, disabled styles on label. */
@@ -3839,13 +3859,13 @@ const ln = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, [l, n] = Q(2), i = f(() => be.concat(t.passAttrs.split(",")).concat("type")), d = f(() => {
+    const t = e, [l, n] = Q(2), i = f(() => be.concat(t.passAttrs.split(",")).concat("type")), u = f(() => {
       var r, m;
       return ((m = (r = t.hints) == null ? void 0 : r.join) == null ? void 0 : m.call(r, `
 `)) || t.hints;
-    }), o = f(() => t.error && t.errorMsg || t.hint || d.value || void 0), s = f(() => t.inputId || l.value);
-    return (r, m) => (u(), b("div", z({ "data-component": "bs-input-field" }, c(X)(r.$attrs, i.value).remaining), [
-      e.label || r.$slots.label ? (u(), O(ne, {
+    }), o = f(() => t.error && t.errorMsg || t.hint || u.value || void 0), s = f(() => t.inputId || l.value);
+    return (r, m) => (d(), b("div", z({ "data-component": "bs-input-field" }, c(Z)(r.$attrs, i.value).remaining), [
+      e.label || r.$slots.label ? (d(), O(ne, {
         key: 0,
         for: r.$attrs.id || s.value,
         disabled: e.disabled,
@@ -3853,7 +3873,7 @@ const ln = {
       }, {
         default: D(() => [
           V(r.$slots, "label", {}, () => [
-            G(A(e.label), 1)
+            U(T(e.label), 1)
           ])
         ]),
         _: 3
@@ -3867,18 +3887,18 @@ const ln = {
         required: e.required,
         type: e.type,
         value: e.value || e.modelValue,
-        "onUpdate:modelValue": m[0] || (m[0] = (h) => r.$emit("update:modelValue", h))
-      }, c(X)(r.$attrs, i.value).filtered), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "type", "value"]),
-      o.value ? (u(), O(ge, {
+        "onUpdate:modelValue": m[0] || (m[0] = (g) => r.$emit("update:modelValue", g))
+      }, c(Z)(r.$attrs, i.value).filtered), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "type", "value"]),
+      o.value ? (d(), O(ge, {
         key: 1,
         error: e.error,
         "error-msg": e.errorMsg,
-        hint: e.hint || d.value,
+        hint: e.hint || u.value,
         "hint-id": c(n)
       }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : C("", !0)
     ], 16));
   }
-}), mt = {
+}), bt = {
   A: "🇦",
   B: "🇧",
   C: "🇨",
@@ -3931,8 +3951,8 @@ const ln = {
    * @returns {Country[]} an array of country objects
    */
   initSourceData() {
-    return this.data.allCountries || (this.data.allCountries = ua().map((e) => {
-      const a = ca(e), t = mt[a[0]] + mt[a[1]] || "";
+    return this.data.allCountries || (this.data.allCountries = ca().map((e) => {
+      const a = fa(e), t = bt[a[0]] + bt[a[1]] || "";
       return {
         label: `+${e}`,
         flag: t,
@@ -3946,10 +3966,10 @@ const ln = {
       this.data[e][t[a]] = t;
     }));
   }
-}, Yn = ["id", "aria-controls", "aria-expanded", "aria-label", "disabled"], Zn = { key: 0 }, Xn = {
+}, Zn = ["id", "aria-controls", "aria-expanded", "aria-label", "disabled"], Xn = { key: 0 }, Qn = {
   "aria-hidden": "true",
   style: { width: "1.25rem" }
-}, Qn = { "aria-hidden": "true" }, Fo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Jn = { "aria-hidden": "true" }, jo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsInputPhone",
   props: {
     deferValidation: {
@@ -4011,70 +4031,70 @@ const ln = {
       "Escape",
       "Home",
       "Tab"
-    ], d = w(null), o = w(1), s = w([]), r = w(null), [
+    ], u = I(null), o = I(1), s = I([]), r = I(null), [
       m,
-      h,
+      g,
       v,
-      g
-    ] = Q(4), y = w(!1), I = w(""), p = w(""), S = w(!1), k = w(!1), $ = w(!0);
+      h
+    ] = Q(4), y = I(!1), B = I(""), p = I(""), S = I(!1), k = I(!1), $ = I(!0);
     a({
       validationErr: S,
       validationErrMsg: p
     });
-    const M = f(() => I.value ? `+${o.value}${I.value}` : ""), T = f(() => `Country code: ${o.value}. Click to change.`), E = f(() => $.value ? l.errorMsg || p.value : ""), R = f(() => l.error || S.value), F = f(() => l.hint || R.value && E.value), W = f(() => $.value && R.value);
-    U(M, (q) => {
+    const M = f(() => B.value ? `+${o.value}${B.value}` : ""), A = f(() => `Country code: ${o.value}. Click to change.`), L = f(() => $.value ? l.errorMsg || p.value : ""), R = f(() => l.error || S.value), F = f(() => l.hint || R.value && L.value), W = f(() => $.value && R.value);
+    G(M, (q) => {
       n("update:modelValue", q), j(q);
-    }), U(() => l.modelValue, _), xe(), Y(() => y.value = !0);
-    function _(q, Z) {
-      q === "" && q !== Z && (I.value = "");
+    }), G(() => l.modelValue, _), xe(), X(() => y.value = !0);
+    function _(q, Y) {
+      q === "" && q !== Y && (B.value = "");
     }
     function he() {
       var q;
-      k.value && (k.value = !1, (q = d.value) == null || q.focus());
+      k.value && (k.value = !1, (q = u.value) == null || q.focus());
     }
     function ye(q) {
-      var Z;
-      o.value = q, k.value = !1, (Z = d.value) == null || Z.focus(), L(q);
+      var Y;
+      o.value = q, k.value = !1, (Y = u.value) == null || Y.focus(), E(q);
     }
     function ke() {
       l.deferValidation && ($.value = !0), n("input-blur");
     }
     function Ce(q) {
-      I.value = q.target.value, l.deferValidation && ($.value = !1);
+      B.value = q.target.value, l.deferValidation && ($.value = !1);
     }
     function se(q) {
-      var Z, J;
-      !((J = (Z = q.key) == null ? void 0 : Z.match) != null && J.call(Z, /[0-9]/)) && !i.includes(q.key) && !q.ctrlKey && !q.metaKey && q.preventDefault();
+      var Y, J;
+      !((J = (Y = q.key) == null ? void 0 : Y.match) != null && J.call(Y, /[0-9]/)) && !i.includes(q.key) && !q.ctrlKey && !q.metaKey && q.preventDefault();
     }
     function xe() {
-      We.initSourceData(), Se(), L(o.value), j(M.value);
+      We.initSourceData(), Se(), E(o.value), j(M.value);
     }
     function Se() {
-      var Z, J;
-      let q = ut(l.modelValue);
-      q.valid || q.countryCode && ((J = (Z = l.modelValue) == null ? void 0 : Z.startsWith) != null && J.call(Z, "+")) ? (o.value = q.countryCode, I.value = q.number.significant) : I.value = l.modelValue, s.value = We.data.allCountries.map((Te) => ({
+      var Y, J;
+      let q = ct(l.modelValue);
+      q.valid || q.countryCode && ((J = (Y = l.modelValue) == null ? void 0 : Y.startsWith) != null && J.call(Y, "+")) ? (o.value = q.countryCode, B.value = q.number.significant) : B.value = l.modelValue, s.value = We.data.allCountries.map((Te) => ({
         ...Te,
         isSelected: o.value === Te
       }));
     }
-    function L(q) {
+    function E(q) {
       r.value = We.getCountryByCountryCode(q);
     }
     function j(q) {
-      S.value = q ? !ut(q).valid : !1, p.value = S.value ? "Invalid phone number" : "";
+      S.value = q ? !ct(q).valid : !1, p.value = S.value ? "Invalid phone number" : "";
     }
-    return (q, Z) => (u(), b("div", z({
+    return (q, Y) => (d(), b("div", z({
       class: "bs-input-phone",
       "data-component": "bs-input-phone"
-    }, c(X)(q.$attrs, c(be)).remaining), [
+    }, c(Z)(q.$attrs, c(be)).remaining), [
       P(ne, {
-        for: q.$attrs.id || e.inputId || c(g),
+        for: q.$attrs.id || e.inputId || c(h),
         required: e.required,
         disabled: e.disabled,
         class: le({ "visually-hidden": e.hideLabel })
       }, {
         default: D(() => [
-          G(A(e.label), 1)
+          U(T(e.label), 1)
         ]),
         _: 1
       }, 8, ["for", "required", "disabled", "class"]),
@@ -4087,31 +4107,31 @@ const ln = {
         default: D(() => {
           var J;
           return [
-            B("button", {
+            w("button", {
               id: c(m),
               ref_key: "countryCodesToggle",
-              ref: d,
-              "aria-controls": c(h),
+              ref: u,
+              "aria-controls": c(g),
               "aria-expanded": k.value,
               "aria-haspopup": "listbox",
-              "aria-label": T.value,
+              "aria-label": A.value,
               disabled: e.disabled,
               type: "button",
-              onClick: Z[0] || (Z[0] = (Te) => k.value = !k.value)
+              onClick: Y[0] || (Y[0] = (Te) => k.value = !k.value)
             }, [
-              B("span", null, A((J = r.value) == null ? void 0 : J.flag), 1),
-              B("span", null, "+" + A(o.value), 1),
-              P(c(Ut), { size: "sm" })
-            ], 8, Yn),
+              w("span", null, T((J = r.value) == null ? void 0 : J.flag), 1),
+              w("span", null, "+" + T(o.value), 1),
+              P(c(Gt), { size: "sm" })
+            ], 8, Zn),
             P(Ie, z({
-              "input-id": q.$attrs.id || e.inputId || c(g),
+              "input-id": q.$attrs.id || e.inputId || c(h),
               disabled: e.disabled,
               "hint-id": c(v),
               placeholder: e.placeholder,
-              value: I.value,
+              value: B.value,
               "data-autowidth": "",
               type: "tel"
-            }, c(X)(q.$attrs, c(be)).filtered, {
+            }, c(Z)(q.$attrs, c(be)).filtered, {
               onInput: Ce,
               onFocusout: ke,
               onKeydown: se
@@ -4122,19 +4142,19 @@ const ln = {
       }, 8, ["disabled", "error"]),
       ue(P(ge, {
         error: R.value,
-        "error-msg": E.value,
+        "error-msg": L.value,
         hint: e.hint,
         "hint-id": c(v)
       }, null, 8, ["error", "error-msg", "hint", "hint-id"]), [
         [ce, F.value]
       ]),
-      y.value ? (u(), b("div", Zn, [
-        P(Dt, {
+      y.value ? (d(), b("div", Xn, [
+        P(Pt, {
           "anchor-id": c(m),
           "helper-text": "Country Code",
           label: "Country Code",
           "model-value": o.value,
-          "options-id": c(h),
+          "options-id": c(g),
           preloaded: "",
           shown: k.value,
           width: "content",
@@ -4142,15 +4162,15 @@ const ln = {
           "onUpdate:modelValue": ye
         }, {
           default: D(() => [
-            y.value ? (u(!0), b(K, { key: 0 }, te(s.value, (J) => (u(), O(ot, {
+            y.value ? (d(!0), b(K, { key: 0 }, te(s.value, (J) => (d(), O(it, {
               "aria-label": J.value,
               key: J.value,
               value: `${J.value}`,
               variant: "2-col"
             }, {
               default: D(() => [
-                B("span", Xn, A(J == null ? void 0 : J.flag), 1),
-                B("span", Qn, A(J.label), 1)
+                w("span", Qn, T(J == null ? void 0 : J.flag), 1),
+                w("span", Jn, T(J.label), 1)
               ]),
               _: 2
             }, 1032, ["aria-label", "value"]))), 128)) : C("", !0)
@@ -4160,7 +4180,7 @@ const ln = {
       ])) : C("", !0)
     ], 16));
   }
-}), Jn = ["data-size", "data-variant"], _n = ["stroke"], el = { key: 0 }, bt = {
+}), _n = ["data-size", "data-variant"], el = ["stroke"], tl = { key: 0 }, ht = {
   __name: "BsSpinner",
   props: {
     label: {
@@ -4177,7 +4197,7 @@ const ln = {
     }
   },
   setup(e) {
-    return (a, t) => (u(), b("svg", {
+    return (a, t) => (d(), b("svg", {
       class: "bs-spinner",
       "data-component": "bs-spinner",
       "data-size": e.size,
@@ -4187,24 +4207,24 @@ const ln = {
       viewBox: "0 0 100 100",
       xmlns: "http://www.w3.org/2000/svg"
     }, [
-      B("title", null, A(e.label), 1),
-      B("circle", {
+      w("title", null, T(e.label), 1),
+      w("circle", {
         cx: "50",
         cy: "50",
         pathLength: "100",
         r: "45",
         stroke: e.variant === "gradient" ? "url(#bs-spinner-gradient)" : void 0
-      }, null, 8, _n),
-      e.variant === "gradient" ? (u(), b("defs", el, t[0] || (t[0] = [
-        B("linearGradient", { id: "bs-spinner-gradient" }, [
-          B("stop", { offset: "0%" }),
-          B("stop", { offset: "49%" }),
-          B("stop", { offset: "100%" })
+      }, null, 8, el),
+      e.variant === "gradient" ? (d(), b("defs", tl, t[0] || (t[0] = [
+        w("linearGradient", { id: "bs-spinner-gradient" }, [
+          w("stop", { offset: "0%" }),
+          w("stop", { offset: "49%" }),
+          w("stop", { offset: "100%" })
         ], -1)
       ]))) : C("", !0)
-    ], 8, Jn));
+    ], 8, _n));
   }
-}, tl = ["id"], al = { style: { display: "flex", "justify-content": "center" } }, nl = { style: { display: "flex", "justify-content": "center" } }, Ro = {
+}, al = ["id"], nl = { style: { display: "flex", "justify-content": "center" } }, ll = { style: { display: "flex", "justify-content": "center" } }, Wo = {
   __name: "BsInputTypeahead",
   props: {
     characterThreshold: {
@@ -4276,27 +4296,27 @@ const ln = {
   },
   emits: ["update:inputValue", "update:optionsValue"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = w(!1), i = w(!1), [d] = Q();
+    const t = e, l = a, n = I(!1), i = I(!1), [u] = Q();
     let o = [];
-    U(() => t.inputValue, () => {
+    G(() => t.inputValue, () => {
       i.value ? i.value = !1 : p();
     });
-    const s = f(() => t.typeaheadId || d.value), r = f(() => `${s.value}-input-container`), m = f(() => `${s.value}-input`), h = f(() => `${s.value}-options`), v = f(() => t.multiselect ? Array.isArray(t.optionsValue) ? t.optionsValue : [t.optionsValue] : t.optionsValue), g = f(() => {
+    const s = f(() => t.typeaheadId || u.value), r = f(() => `${s.value}-input-container`), m = f(() => `${s.value}-input`), g = f(() => `${s.value}-options`), v = f(() => t.multiselect ? Array.isArray(t.optionsValue) ? t.optionsValue : [t.optionsValue] : t.optionsValue), h = f(() => {
       if (n.value) {
-        let T = t.options;
-        const E = t.inputValue.toLowerCase(), R = t.filterType === "includes" ? "includes" : "startsWith";
-        return t.inputValue.length >= t.characterThreshold && (T = y(T, E, R), T = T.slice(0, t.maxOptions), T = I(T, E, R), o = T), T;
+        let A = t.options;
+        const L = t.inputValue.toLowerCase(), R = t.filterType === "includes" ? "includes" : "startsWith";
+        return t.inputValue.length >= t.characterThreshold && (A = y(A, L, R), A = A.slice(0, t.maxOptions), A = B(A, L, R), o = A), A;
       } else
         return o;
     });
-    function y(T, E, R) {
-      return t.internalFiltering ? T.filter((F) => F.label.toLowerCase()[R](E)) : T;
+    function y(A, L, R) {
+      return t.internalFiltering ? A.filter((F) => F.label.toLowerCase()[R](L)) : A;
     }
-    function I(T, E, R) {
-      return T.map((F) => {
+    function B(A, L, R) {
+      return A.map((F) => {
         let W = F.label;
-        if (E !== "") {
-          const _ = R === "includes" ? "gi" : "i", he = new RegExp(`(${E})`, _);
+        if (L !== "") {
+          const _ = R === "includes" ? "gi" : "i", he = new RegExp(`(${L})`, _);
           W = F.label.replace(he, '<span style="color: var(--bs-blue-base)">$1</span>');
         }
         return { ...F, labelHtml: W };
@@ -4308,39 +4328,39 @@ const ln = {
     function S() {
       l("update:inputValue", ""), t.multiselect || l("update:optionsValue", ""), document.getElementById(m.value).focus();
     }
-    function k(T) {
+    function k(A) {
       i.value = !0;
-      const E = g.value.find((R) => R.value === T);
-      l("update:inputValue", E.label), l("update:optionsValue", T);
+      const L = h.value.find((R) => R.value === A);
+      l("update:inputValue", L.label), l("update:optionsValue", A);
     }
-    function $(T) {
-      const E = [...v.value, T];
-      l("update:optionsValue", E);
+    function $(A) {
+      const L = [...v.value, A];
+      l("update:optionsValue", L);
     }
-    function M(T) {
-      const E = v.value.filter((R) => R !== T);
-      l("update:optionsValue", E);
+    function M(A) {
+      const L = v.value.filter((R) => R !== A);
+      l("update:optionsValue", L);
     }
-    return (T, E) => (u(), b(K, null, [
-      e.label || T.$slots.label ? (u(), O(ne, {
+    return (A, L) => (d(), b(K, null, [
+      e.label || A.$slots.label ? (d(), O(ne, {
         key: 0,
         for: m.value,
         disabled: e.disabled,
         required: e.required
       }, {
         default: D(() => [
-          V(T.$slots, "label", {}, () => [
-            G(A(e.label), 1)
+          V(A.$slots, "label", {}, () => [
+            U(T(e.label), 1)
           ])
         ]),
         _: 3
       }, 8, ["for", "disabled", "required"])) : C("", !0),
-      B("div", {
+      w("div", {
         id: r.value,
         class: "typeahead-search-wrapper"
       }, [
-        P(Ot, z({
-          "aria-controls": h.value,
+        P(Vt, z({
+          "aria-controls": g.value,
           "aria-expanded": n.value,
           "aria-haspopup": "listbox",
           autocomplete: "off",
@@ -4352,27 +4372,27 @@ const ln = {
           placeholder: e.placeholder,
           role: "combobox",
           value: e.inputValue
-        }, T.$attrs, {
+        }, A.$attrs, {
           onClear: S,
           onFocusin: p,
-          "onUpdate:modelValue": E[0] || (E[0] = (R) => l("update:inputValue", R))
+          "onUpdate:modelValue": L[0] || (L[0] = (R) => l("update:inputValue", R))
         }), null, 16, ["aria-controls", "aria-expanded", "disabled", "hide-clear", "hide-search-icon", "input-id", "placeholder", "value"])
-      ], 8, tl),
-      P(lt, {
+      ], 8, al),
+      P(ot, {
         "anchor-id": r.value,
         preloaded: !0,
         shown: n.value,
         "use-mobile-style": !1,
         width: "toggle",
-        onClose: E[2] || (E[2] = (R) => n.value = !1)
+        onClose: L[2] || (L[2] = (R) => n.value = !1)
       }, {
         default: D(() => [
-          e.multiselect ? (u(), O(Lt, {
+          e.multiselect ? (d(), O(Dt, {
             key: 0,
             "focus-on-open": !1,
             label: e.label,
-            options: g.value,
-            "options-id": h.value,
+            options: h.value,
+            "options-id": g.value,
             "selected-options": v.value,
             shown: n.value,
             onCheckOption: $,
@@ -4381,41 +4401,41 @@ const ln = {
             e.loading ? {
               name: "no-options",
               fn: D(() => [
-                B("span", al, [
-                  P(bt, { size: "sm" })
+                w("span", nl, [
+                  P(ht, { size: "sm" })
                 ])
               ]),
               key: "0"
             } : {
               name: "no-options",
               fn: D(() => [
-                E[3] || (E[3] = G("No results found"))
+                L[3] || (L[3] = U("No results found"))
               ]),
               key: "1"
             }
-          ]), 1032, ["label", "options", "options-id", "selected-options", "shown"])) : (u(), O(Re, {
+          ]), 1032, ["label", "options", "options-id", "selected-options", "shown"])) : (d(), O(Re, {
             key: 1,
             label: e.label,
             "model-value": v.value,
-            "options-id": h.value,
+            "options-id": g.value,
             shown: n.value,
             "onUpdate:modelValue": k,
-            onClose: E[1] || (E[1] = (R) => n.value = !1)
+            onClose: L[1] || (L[1] = (R) => n.value = !1)
           }, {
             default: D(() => [
-              P(qe, { options: g.value }, Ze({ _: 2 }, [
+              P(qe, { options: h.value }, Ze({ _: 2 }, [
                 e.loading ? {
                   name: "no-options",
                   fn: D(() => [
-                    B("span", nl, [
-                      P(bt, { size: "sm" })
+                    w("span", ll, [
+                      P(ht, { size: "sm" })
                     ])
                   ]),
                   key: "0"
                 } : {
                   name: "no-options",
                   fn: D(() => [
-                    E[4] || (E[4] = G("No results found"))
+                    L[4] || (L[4] = U("No results found"))
                   ]),
                   key: "1"
                 }
@@ -4428,7 +4448,7 @@ const ln = {
       }, 8, ["anchor-id", "shown"])
     ], 64));
   }
-}, ll = ["data-size", "data-variant"], jo = {
+}, ol = ["data-size", "data-variant"], Uo = {
   __name: "BsLoader",
   props: {
     size: {
@@ -4442,20 +4462,20 @@ const ln = {
     }
   },
   setup(e) {
-    return (a, t) => (u(), b("span", {
+    return (a, t) => (d(), b("span", {
       class: "bs-loader",
       "data-size": e.size,
       "data-variant": e.variant,
       role: "status"
     }, t[0] || (t[0] = [
-      B("span", null, null, -1),
-      B("span", null, null, -1),
-      B("span", null, null, -1),
-      B("span", null, null, -1),
-      B("span", { class: "visually-hidden" }, "Loading", -1)
-    ]), 8, ll));
+      w("span", null, null, -1),
+      w("span", null, null, -1),
+      w("span", null, null, -1),
+      w("span", null, null, -1),
+      w("span", { class: "visually-hidden" }, "Loading", -1)
+    ]), 8, ol));
   }
-}, ol = ["data-shown"], il = {
+}, il = ["data-shown"], rl = {
   __name: "BsOverlay",
   props: {
     shown: {
@@ -4484,16 +4504,16 @@ const ln = {
   },
   emits: ["after-enter", "after-leave"],
   setup(e, { emit: a }) {
-    const t = e, l = a, { transition: n } = Le(t);
-    Y(() => {
+    const t = e, l = a, { transition: n } = Ee(t);
+    X(() => {
       i();
-    }), U(n, () => {
+    }), G(n, () => {
       i();
     });
     function i() {
       n.value ? document.body.setAttribute("data-scroll", "false") : document.body.removeAttribute("data-scroll");
     }
-    return (d, o) => (u(), O(Pe, {
+    return (u, o) => (d(), O(Pe, {
       name: "bs-overlay",
       shown: c(n),
       preloaded: e.preloaded,
@@ -4501,15 +4521,18 @@ const ln = {
       onAfterLeave: o[1] || (o[1] = (s) => l("after-leave"))
     }, {
       default: D(() => [
-        B("div", {
+        w("div", {
           class: "bs-overlay",
           "data-shown": c(n)
-        }, null, 8, ol)
+        }, null, 8, il)
       ]),
       _: 1
     }, 8, ["shown", "preloaded"]));
   }
-}, rl = ["id", "role", "aria-labelledby", "data-shown"], sl = ["id"], Wo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, sl = ["id", "role", "aria-labelledby", "data-shown", "data-full-width", "data-full-height"], dl = ["id"], ul = {
+  key: 1,
+  class: "modal-footer"
+}, Go = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsModal",
   props: {
     modalId: {
@@ -4550,26 +4573,34 @@ const ln = {
     leaveTrigger: {
       type: Boolean,
       default: !1
+    },
+    fullWidth: {
+      type: Boolean,
+      default: !1
+    },
+    fullHeight: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["close", "after-enter", "after-leave"],
   setup(e, { emit: a }) {
-    const t = e, l = a, { transition: n } = Le(t), [i] = Q();
-    let d = !1;
-    const o = w(null), s = (h) => {
-      o.value && h.target.closest(".bs-overlay") && l("close", t.modalId);
+    const t = et(), l = e, n = a, { transition: i } = Ee(l), [u] = Q();
+    let o = !1;
+    const s = I(null), r = (v) => {
+      s.value && v.target.closest(".bs-overlay") && n("close", l.modalId);
     };
-    Y(() => {
-      document.addEventListener("click", s);
+    X(() => {
+      document.addEventListener("click", r);
     }), Be(() => {
-      document.removeEventListener("click", s);
+      document.removeEventListener("click", r);
     }), me(["Escape"], () => {
-      d && l("close", t.modalId);
+      o && n("close", l.modalId);
     });
-    const r = () => !t.title && t.closeButton, m = () => t.title && t.closeButton;
-    return (h, v) => (u(), b(K, null, [
-      P(il, {
-        shown: c(n),
+    const m = f(() => !l.title && !t.title && l.closeButton), g = f(() => (l.title || t.title) && l.closeButton);
+    return (v, h) => (d(), b(K, null, [
+      P(rl, {
+        shown: c(i),
         preloaded: e.preloaded,
         "enter-controlled": e.enterControlled,
         "enter-trigger": e.enterTrigger,
@@ -4578,63 +4609,73 @@ const ln = {
       P(Pe, {
         name: "bs-modal",
         preloaded: e.preloaded,
-        shown: c(n),
-        onAfterEnter: v[1] || (v[1] = (g) => l("after-enter")),
-        onAfterLeave: v[2] || (v[2] = (g) => l("after-leave")),
-        onEnter: v[3] || (v[3] = (g) => Ft(d) ? d.value = !0 : d = !0)
+        shown: c(i),
+        onAfterEnter: h[1] || (h[1] = (y) => n("after-enter")),
+        onAfterLeave: h[2] || (h[2] = (y) => n("after-leave")),
+        onEnter: h[3] || (h[3] = (y) => Rt(o) ? o.value = !0 : o = !0)
       }, {
         default: D(() => [
-          B("div", z({
+          w("div", z({
             id: e.modalId,
             class: "bs-modal",
             "data-component": "bs-modal",
             role: e.alert ? "alertdialog" : "dialog",
-            "aria-labelledby": e.title && !h.$attrs["aria-label"] ? c(i) : void 0,
+            "aria-labelledby": e.title && !v.$attrs["aria-label"] ? c(u) : void 0,
             "aria-modal": "true"
-          }, h.$attrs, {
+          }, v.$attrs, {
             ref_key: "modalRef",
-            ref: o,
-            "data-shown": c(n)
+            ref: s,
+            "data-shown": c(i),
+            "data-full-width": e.fullWidth,
+            "data-full-height": e.fullHeight
           }), [
-            e.title || e.closeButton ? (u(), b("header", {
+            e.title || v.$slots.title || e.closeButton ? (d(), b("header", {
               key: 0,
               class: le({
-                "only-close-button-modal-header": r,
-                "modal-header": m
+                "only-close-button-modal-header": m.value,
+                "modal-header": g.value
               })
             }, [
-              e.title ? (u(), b("span", {
+              V(v.$slots, "title", {}, () => [
+                e.title ? (d(), b("span", {
+                  key: 0,
+                  id: c(u),
+                  class: "modal-title"
+                }, T(e.title), 9, dl)) : C("", !0)
+              ]),
+              e.closeButton ? (d(), b("button", {
                 key: 0,
-                id: c(i),
-                class: "modal-title"
-              }, A(e.title), 9, sl)) : C("", !0),
-              e.closeButton ? (u(), b("button", {
-                key: 1,
                 type: "button",
                 title: "Close Modal",
                 "aria-label": "Close Modal",
-                onClick: v[0] || (v[0] = (g) => l("close", e.modalId))
+                class: le({ "full-width-header-close-button": e.fullWidth || e.fullHeight }),
+                onClick: h[0] || (h[0] = (y) => n("close", e.modalId))
               }, [
                 P(c($e), { class: "close-button" })
-              ])) : C("", !0)
+              ], 2)) : C("", !0)
             ], 2)) : C("", !0),
-            V(h.$slots, "default")
-          ], 16, rl)
+            w("div", null, [
+              V(v.$slots, "default")
+            ]),
+            v.$slots.footer ? (d(), b("footer", ul, [
+              V(v.$slots, "footer")
+            ])) : C("", !0)
+          ], 16, sl)
         ]),
         _: 3
       }, 8, ["preloaded", "shown"])
     ], 64));
   }
-}), dl = ["data-variant", "data-fixed"], ul = {
+}), cl = ["data-variant", "data-fixed"], fl = {
   key: 0,
   class: "bs-pagination-carets"
-}, cl = ["aria-label", "title", "disabled"], fl = { key: 0 }, pl = ["aria-label", "title", "disabled"], ml = { key: 0 }, bl = {
+}, pl = ["aria-label", "title", "disabled"], ml = { key: 0 }, bl = ["aria-label", "title", "disabled"], hl = { key: 0 }, vl = {
   key: 1,
   class: "bs-pagination-page-numbers"
-}, hl = ["title", "data-selected", "onClick"], vl = { key: 2 }, gl = { key: 3 }, yl = { class: "bs-pagination-results-numbers" }, Sl = ["data-selected", "disabled", "onClick"], wl = {
+}, gl = ["title", "data-selected", "onClick"], yl = { key: 2 }, Sl = { key: 3 }, wl = { class: "bs-pagination-results-numbers" }, Bl = ["data-selected", "disabled", "onClick"], $l = {
   key: 5,
   class: "bs-pagination-carets"
-}, Bl = ["aria-label", "title", "disabled"], $l = { key: 0 }, Il = ["aria-label", "title", "disabled"], kl = { key: 0 }, Uo = {
+}, Il = ["aria-label", "title", "disabled"], kl = { key: 0 }, Cl = ["aria-label", "title", "disabled"], xl = { key: 0 }, Ho = {
   __name: "BsPagination",
   props: {
     // Used for all
@@ -4720,19 +4761,19 @@ const ln = {
   },
   emits: ["selchange", "update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = w(null);
-    Y(() => {
-      i.value ? n.value = i.value : t.variant === "results" ? n.value = I.value[0] : n.value = 1;
+    const t = e, l = a, n = I(null);
+    X(() => {
+      i.value ? n.value = i.value : t.variant === "results" ? n.value = B.value[0] : n.value = 1;
     });
     const i = f(() => t.modelValue || t.selection);
-    U(() => t.selection, (p) => {
+    G(() => t.selection, (p) => {
       n.value = p;
-    }), U(() => t.modelValue, (p) => {
+    }), G(() => t.modelValue, (p) => {
       n.value = p;
-    }), U(n, (p, S) => {
+    }), G(n, (p, S) => {
       S !== null && (l("selchange", p), l("update:modelValue", p));
     });
-    const d = f(() => {
+    const u = f(() => {
       if (t.variant === "group")
         return Math.ceil(t.itemsCount / t.itemsPerGroup);
       if (t.variant === "base")
@@ -4747,11 +4788,11 @@ const ln = {
     function m() {
       n.value = Math.min(
         n.value + 1,
-        d.value
+        u.value
       );
     }
-    function h() {
-      n.value = d.value;
+    function g() {
+      n.value = u.value;
     }
     const v = f(() => {
       if (t.pageCount <= t.pageRange)
@@ -4762,18 +4803,18 @@ const ln = {
       for (let M = k; M <= $; M++)
         p.push(M);
       return $ < t.pageCount - 1 && p.push(t.breakText), p.push(t.pageCount), p;
-    }), g = f(() => `${t.centerLabel ?? "Page"} ${n.value} of ${d.value}`), y = f(() => {
+    }), h = f(() => `${t.centerLabel ?? "Page"} ${n.value} of ${u.value}`), y = f(() => {
       const p = (n.value - 1) * t.itemsPerGroup + 1, S = Math.min(p - 1 + t.itemsPerGroup, t.itemsCount);
       return `${t.centerLabel ?? "Results"} ${p} - ${S} of ${t.itemsCount}`;
-    }), I = f(() => t.resultsIncrements.split(",").map((p) => parseInt(p)));
-    return (p, S) => (u(), b("div", {
+    }), B = f(() => t.resultsIncrements.split(",").map((p) => parseInt(p)));
+    return (p, S) => (d(), b("div", {
       class: "bs-pagination",
       "data-component": "bs-pagination",
       "data-variant": o.value,
       "data-fixed": t.fixed
     }, [
-      e.variant === "base" || e.variant === "group" ? (u(), b("div", ul, [
-        e.showFirstLastButtons ? (u(), b("button", {
+      e.variant === "base" || e.variant === "group" ? (d(), b("div", fl, [
+        e.showFirstLastButtons ? (d(), b("button", {
           key: 0,
           type: "button",
           class: le(e.firstPageText ? "bs-pagination-word-caret" : void 0),
@@ -4782,10 +4823,10 @@ const ln = {
           disabled: n.value === 1,
           onClick: s
         }, [
-          P(c(Gt)),
-          e.firstPageText ? (u(), b("span", fl, A(e.firstPageText), 1)) : C("", !0)
-        ], 10, cl)) : C("", !0),
-        B("button", {
+          P(c(Ht)),
+          e.firstPageText ? (d(), b("span", ml, T(e.firstPageText), 1)) : C("", !0)
+        ], 10, pl)) : C("", !0),
+        w("button", {
           type: "button",
           class: le(e.prevPageText ? "bs-pagination-word-caret" : void 0),
           "aria-label": e.prevPageText ? void 0 : "Previous Page",
@@ -4794,60 +4835,60 @@ const ln = {
           onClick: r
         }, [
           P(c(It)),
-          e.prevPageText ? (u(), b("span", ml, A(e.prevPageText), 1)) : C("", !0)
-        ], 10, pl)
+          e.prevPageText ? (d(), b("span", hl, T(e.prevPageText), 1)) : C("", !0)
+        ], 10, bl)
       ])) : C("", !0),
-      e.variant === "base" && e.centerDisplay === "numbers" ? (u(), b("div", bl, [
-        (u(!0), b(K, null, te(v.value, (k) => (u(), b("button", {
+      e.variant === "base" && e.centerDisplay === "numbers" ? (d(), b("div", vl, [
+        (d(!0), b(K, null, te(v.value, (k) => (d(), b("button", {
           key: `page-${k}-button`,
           type: "button",
           title: `Page ${k}`,
           "data-selected": k === n.value,
           onClick: ($) => n.value = k
-        }, A(k), 9, hl))), 128))
+        }, T(k), 9, gl))), 128))
       ])) : C("", !0),
-      t.variant === "base" && t.centerDisplay === "text" ? (u(), b("span", vl, A(g.value), 1)) : C("", !0),
-      t.variant === "group" ? (u(), b("span", gl, A(y.value), 1)) : C("", !0),
-      t.variant === "results" ? (u(), b(K, { key: 4 }, [
-        S[0] || (S[0] = B("span", null, "Results Per Page:", -1)),
-        B("div", yl, [
-          (u(!0), b(K, null, te(I.value, (k) => (u(), b("button", {
+      t.variant === "base" && t.centerDisplay === "text" ? (d(), b("span", yl, T(h.value), 1)) : C("", !0),
+      t.variant === "group" ? (d(), b("span", Sl, T(y.value), 1)) : C("", !0),
+      t.variant === "results" ? (d(), b(K, { key: 4 }, [
+        S[0] || (S[0] = w("span", null, "Results Per Page:", -1)),
+        w("div", wl, [
+          (d(!0), b(K, null, te(B.value, (k) => (d(), b("button", {
             type: "button",
             key: `results-${k}`,
             "data-selected": k === n.value,
             disabled: n.value === k,
             onClick: ($) => n.value = k
-          }, A(k), 9, Sl))), 128))
+          }, T(k), 9, Bl))), 128))
         ])
       ], 64)) : C("", !0),
-      e.variant === "base" || e.variant === "group" ? (u(), b("div", wl, [
-        B("button", {
+      e.variant === "base" || e.variant === "group" ? (d(), b("div", $l, [
+        w("button", {
           type: "button",
           class: le(e.nextPageText ? "bs-pagination-word-caret" : void 0),
           "aria-label": e.nextPageText ? void 0 : "Next Page",
           title: e.nextPageText,
-          disabled: n.value === d.value,
+          disabled: n.value === u.value,
           onClick: m
         }, [
-          e.nextPageText ? (u(), b("span", $l, A(e.nextPageText), 1)) : C("", !0),
+          e.nextPageText ? (d(), b("span", kl, T(e.nextPageText), 1)) : C("", !0),
           P(c($t))
-        ], 10, Bl),
-        e.showFirstLastButtons ? (u(), b("button", {
+        ], 10, Il),
+        e.showFirstLastButtons ? (d(), b("button", {
           key: 0,
           type: "button",
           class: le(e.lastPageText ? "bs-pagination-word-caret" : void 0),
           "aria-label": e.lastPageText ? void 0 : "Last Page",
           title: e.lastPageText,
-          disabled: n.value === d.value,
-          onClick: h
+          disabled: n.value === u.value,
+          onClick: g
         }, [
-          e.lastPageText ? (u(), b("span", kl, A(e.lastPageText), 1)) : C("", !0),
-          P(c(Ht))
-        ], 10, Il)) : C("", !0)
+          e.lastPageText ? (d(), b("span", xl, T(e.lastPageText), 1)) : C("", !0),
+          P(c(Kt))
+        ], 10, Cl)) : C("", !0)
       ])) : C("", !0)
-    ], 8, dl));
+    ], 8, cl));
   }
-}, Cl = ["data-truncate"], Go = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Tl = ["data-truncate"], Ko = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsPill",
   props: {
     active: { type: Boolean, default: !1 },
@@ -4871,38 +4912,38 @@ const ln = {
     }
   },
   setup(e) {
-    const a = e, { onLinkClick: t } = Fe(a), l = re(), { rootTag: n, attrsToBind: i, hrefUrl: d } = ze(a, l, "span");
-    return (o, s) => (u(), O(ae(c(n)), z({
+    const a = e, { onLinkClick: t } = Fe(a), l = re(), { rootTag: n, attrsToBind: i, hrefUrl: u } = ze(a, l, "span");
+    return (o, s) => (d(), O(ae(c(n)), z({
       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": c(d)
+      ".href": c(u)
     }, c(i), { onClick: c(t) }), {
       default: D(() => [
-        B("span", { "data-truncate": e.truncate }, [
+        w("span", { "data-truncate": e.truncate }, [
           V(o.$slots, "default")
-        ], 8, Cl)
+        ], 8, Tl)
       ]),
       _: 3
     }, 48, ["data-active", "data-status", "data-variant", "disabled", ".href", "onClick"]));
   }
-}), xl = {
+}), Al = {
   class: "bs-profile-details",
   "data-component": "bs-profile-details"
-}, Tl = {
+}, Ol = {
   class: "bs-profile-name",
   "data-size": "sm",
   "data-weight": "bold"
-}, Al = {
+}, Vl = {
   key: 1,
   "data-weight": "bold"
-}, Ol = { key: 2 }, Vl = { key: 3 }, El = {
+}, Ll = { key: 2 }, El = { key: 3 }, Dl = {
   key: 4,
   "data-icon": "true"
-}, Ll = {
+}, Pl = {
   __name: "BsProfileDetails",
   props: {
     profileName: {
@@ -4920,39 +4961,39 @@ const ln = {
   emits: ["action-toggled"],
   setup(e, { emit: a }) {
     const t = e, l = a, { icon: n } = Oe(t, "actionIcon"), { icon: i } = Oe(t, "miscMetaIcon");
-    function d(o) {
+    function u(o) {
       o.target.tagName === "BUTTON" && (o.preventDefault(), o.stopImmediatePropagation(), l("action-toggled"));
     }
-    return (o, s) => (u(), b("div", xl, [
-      e.action || o.$slots.action ? (u(), b("button", {
+    return (o, s) => (d(), b("div", Al, [
+      e.action || o.$slots.action ? (d(), b("button", {
         key: 0,
         "data-icon": "true",
-        onClick: d
+        onClick: u
       }, [
         V(o.$slots, "action", {}, () => [
-          e.actionIcon ? (u(), O(ae(c(n) ? c(n) : "span"), {
+          e.actionIcon ? (d(), O(ae(c(n) ? c(n) : "span"), {
             key: 0,
             class: "bs-icon"
           })) : C("", !0),
-          G(" " + A(e.action), 1)
+          U(" " + T(e.action), 1)
         ])
       ])) : C("", !0),
-      B("span", Tl, A(e.profileName), 1),
-      e.company ? (u(), b("span", Al, A(e.company), 1)) : C("", !0),
-      e.jobTitle ? (u(), b("span", Ol, A(e.jobTitle), 1)) : C("", !0),
-      e.email ? (u(), b("span", Vl, A(e.email), 1)) : C("", !0),
-      e.miscMeta || o.$slots.misc ? (u(), b("span", El, [
+      w("span", Ol, T(e.profileName), 1),
+      e.company ? (d(), b("span", Vl, T(e.company), 1)) : C("", !0),
+      e.jobTitle ? (d(), b("span", Ll, T(e.jobTitle), 1)) : C("", !0),
+      e.email ? (d(), b("span", El, T(e.email), 1)) : C("", !0),
+      e.miscMeta || o.$slots.misc ? (d(), b("span", Dl, [
         V(o.$slots, "misc", {}, () => [
-          e.miscMetaIcon ? (u(), O(ae(c(i) ? c(i) : "span"), {
+          e.miscMetaIcon ? (d(), O(ae(c(i) ? c(i) : "span"), {
             key: 0,
             class: "bs-icon"
           })) : C("", !0),
-          G(" " + A(e.miscMeta), 1)
+          U(" " + T(e.miscMeta), 1)
         ])
       ])) : C("", !0)
     ]));
   }
-}, Ho = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Yo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsProfile",
   props: {
     layout: {
@@ -4982,22 +5023,22 @@ const ln = {
   },
   emits: ["action-toggled"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = re(), { onLinkClick: i } = Fe(t), { rootTag: d, attrsToBind: o, hrefUrl: s } = ze(t, n, "div");
-    return (r, m) => (u(), O(ae(c(d)), z({
+    const t = e, l = a, n = re(), { onLinkClick: i } = Fe(t), { rootTag: u, attrsToBind: o, hrefUrl: s } = ze(t, n, "div");
+    return (r, m) => (d(), O(ae(c(u)), z({
       class: "bs-profile",
       ".href": c(s),
       "data-component": "bs-profile",
       "data-layout": e.layout
     }, c(o), { onClick: c(i) }), {
       default: D(() => [
-        P(At, {
+        P(Ot, {
           src: e.imageSrc,
           size: e.imageSize,
           initials: e.initials,
           "profile-name": e.profileName,
           "use-alt-text": !1
         }, null, 8, ["src", "size", "initials", "profile-name"]),
-        P(Ll, {
+        P(Pl, {
           "profile-name": e.profileName,
           company: e.company,
           "job-title": e.jobTitle,
@@ -5006,7 +5047,7 @@ const ln = {
           "action-icon": e.actionIcon,
           "misc-meta": e.miscMeta,
           "misc-meta-icon": e.miscMetaIcon,
-          onActionToggled: m[0] || (m[0] = (h) => l("action-toggled"))
+          onActionToggled: m[0] || (m[0] = (g) => l("action-toggled"))
         }, {
           action: D(() => [
             V(r.$slots, "action")
@@ -5021,7 +5062,7 @@ const ln = {
     }, 48, [".href", "data-layout", "onClick"]));
   }
 });
-function Pt(e) {
+function qt(e) {
   const a = f(() => {
     var n;
     switch (e.currentStatus) {
@@ -5046,7 +5087,7 @@ function Pt(e) {
     getStatus: l
   };
 }
-const Dl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Pl = ["data-status"], Ko = {
+const ql = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ml = ["data-status"], Zo = {
   __name: "BsProgressBar",
   props: {
     /** @type {Status} */
@@ -5074,8 +5115,8 @@ const Dl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Pl = ["data-sta
     }
   },
   setup(e) {
-    const a = e, { progressStep: t, progressText: l, getStatus: n } = Pt(a);
-    return (i, d) => (u(), b("div", {
+    const a = e, { progressStep: t, progressText: l, getStatus: n } = qt(a);
+    return (i, u) => (d(), b("div", {
       "aria-valuemax": e.steps.length,
       "aria-valuenow": c(t),
       "aria-valuetext": c(l),
@@ -5083,18 +5124,18 @@ const Dl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Pl = ["data-sta
       "data-component": "bs-progress-bar",
       role: "progressbar"
     }, [
-      (u(!0), b(K, null, te(e.steps, (o, s) => (u(), b("div", {
+      (d(!0), b(K, null, te(e.steps, (o, s) => (d(), b("div", {
         class: "bs-step-item",
         "data-status": c(n)(o.status, s),
         "data-variant": "progress",
         key: o.id || o.label,
         role: "status"
       }, [
-        B("span", null, A(o.label || o) + " : " + A(c(n)(o.status, s) || "not started"), 1)
-      ], 8, Pl))), 128))
-    ], 8, Dl));
+        w("span", null, T(o.label || o) + " : " + T(c(n)(o.status, s) || "not started"), 1)
+      ], 8, Ml))), 128))
+    ], 8, ql));
   }
-}, ql = ["data-disabled", "data-error", "data-size"], Ml = ["checked", "disabled", "id", "required", "value", "data-error"], Yo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Nl = ["data-disabled", "data-error", "data-size"], zl = ["checked", "disabled", "id", "required", "value", "data-error"], Xo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsRadio",
   props: {
     label: {
@@ -5138,26 +5179,26 @@ const Dl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Pl = ["data-sta
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, [l] = Q(), n = f(() => et.concat(t.passAttrs.split(","))), i = f(() => t.inputId || l.value), d = f(() => t.checked || t.modelValue && t.modelValue === t.value);
-    return (o, s) => (u(), b("div", z({
+    const t = e, [l] = Q(), n = f(() => tt.concat(t.passAttrs.split(","))), i = f(() => t.inputId || l.value), u = f(() => t.checked || t.modelValue && t.modelValue === t.value);
+    return (o, s) => (d(), b("div", z({
       class: "bs-boolean",
       "data-component": "bs-radio",
       "data-disabled": e.disabled,
       "data-error": e.error,
       "data-size": e.size
-    }, c(X)(o.$attrs, n.value).remaining), [
-      B("input", z({
-        checked: d.value,
+    }, c(Z)(o.$attrs, n.value).remaining), [
+      w("input", z({
+        checked: u.value,
         disabled: e.disabled,
         id: o.$attrs.id || i.value,
         required: e.required,
         type: "radio",
         value: e.value,
         "data-error": e.error
-      }, c(X)(o.$attrs, n.value).filtered, {
+      }, c(Z)(o.$attrs, n.value).filtered, {
         onChange: s[0] || (s[0] = (r) => o.$emit("update:modelValue", r.target.value))
-      }), null, 16, Ml),
-      e.label || o.$slots.label ? (u(), O(ne, {
+      }), null, 16, zl),
+      e.label || o.$slots.label ? (d(), O(ne, {
         key: 0,
         for: o.$attrs.id || i.value,
         disabled: e.disabled,
@@ -5165,14 +5206,14 @@ const Dl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Pl = ["data-sta
       }, {
         default: D(() => [
           V(o.$slots, "label", {}, () => [
-            G(A(e.label), 1)
+            U(T(e.label), 1)
           ])
         ]),
         _: 3
       }, 8, ["for", "disabled", "required"])) : C("", !0)
-    ], 16, ql));
+    ], 16, Nl));
   }
-}), Nl = ["id", "disabled", "required", "data-error", "value"], zl = {
+}), Fl = ["id", "disabled", "required", "data-error", "value"], Rl = {
   __name: "BsSelect",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -5186,7 +5227,7 @@ const Dl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Pl = ["data-sta
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
     const t = e, l = f(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
-    return (n, i) => (u(), b("select", z({
+    return (n, i) => (d(), b("select", z({
       id: n.$attrs.id || e.inputId,
       class: "bs-select",
       "data-component": "bs-select",
@@ -5195,12 +5236,12 @@ const Dl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Pl = ["data-sta
       "data-error": e.error,
       value: e.value || e.modelValue
     }, l.value, {
-      onChange: i[0] || (i[0] = (d) => n.$emit("update:modelValue", d.target.value))
+      onChange: i[0] || (i[0] = (u) => n.$emit("update:modelValue", u.target.value))
     }), [
       V(n.$slots, "default")
-    ], 16, Nl));
+    ], 16, Fl));
   }
-}, Fl = ["selected", "disabled"], Rl = ["disabled", "selected", "value"], Zo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, jl = ["selected", "disabled"], Wl = ["disabled", "selected", "value"], Qo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsSelectField",
   props: {
     data: {
@@ -5248,9 +5289,9 @@ const Dl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Pl = ["data-sta
       var r, m;
       return ((m = (r = a.hints) == null ? void 0 : r.join) == null ? void 0 : m.call(r, `
 `)) || a.hints;
-    }), d = f(() => a.error && a.errorMsg || a.hint || i.value || void 0), o = f(() => a.inputId || t.value), s = f(() => a.value || a.modelValue);
-    return (r, m) => (u(), b("div", z({ "data-component": "bs-select-field" }, c(X)(r.$attrs, n.value).remaining), [
-      e.label || r.$slots.label ? (u(), O(ne, {
+    }), u = f(() => a.error && a.errorMsg || a.hint || i.value || void 0), o = f(() => a.inputId || t.value), s = f(() => a.value || a.modelValue);
+    return (r, m) => (d(), b("div", z({ "data-component": "bs-select-field" }, c(Z)(r.$attrs, n.value).remaining), [
+      e.label || r.$slots.label ? (d(), O(ne, {
         key: 0,
         for: r.$attrs.id || o.value,
         disabled: e.disabled,
@@ -5258,36 +5299,36 @@ const Dl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Pl = ["data-sta
       }, {
         default: D(() => [
           V(r.$slots, "label", {}, () => [
-            G(A(e.label), 1)
+            U(T(e.label), 1)
           ])
         ]),
         _: 3
       }, 8, ["for", "disabled", "required"])) : C("", !0),
-      P(zl, z({
+      P(Rl, z({
         disabled: e.disabled,
         error: e.error,
         "hint-id": c(l),
         "input-id": r.$attrs.id || o.value,
         required: e.required,
         value: s.value,
-        "onUpdate:modelValue": m[0] || (m[0] = (h) => r.$emit("update:modelValue", h))
-      }, c(X)(r.$attrs, n.value).filtered), {
+        "onUpdate:modelValue": m[0] || (m[0] = (g) => r.$emit("update:modelValue", g))
+      }, c(Z)(r.$attrs, n.value).filtered), {
         default: D(() => [
-          B("option", {
+          w("option", {
             selected: !s.value,
             value: "",
             disabled: !!s.value
-          }, A(e.disabled ? "" : e.placeholder), 9, Fl),
-          (u(!0), b(K, null, te(e.data, (h) => (u(), b("option", {
-            key: h.value,
-            disabled: h.disabled,
-            selected: s.value === h.value,
-            value: h.value
-          }, A(h.label), 9, Rl))), 128))
+          }, T(e.disabled ? "" : e.placeholder), 9, jl),
+          (d(!0), b(K, null, te(e.data, (g) => (d(), b("option", {
+            key: g.value,
+            disabled: g.disabled,
+            selected: s.value === g.value,
+            value: g.value
+          }, T(g.label), 9, Wl))), 128))
         ]),
         _: 1
       }, 16, ["disabled", "error", "hint-id", "input-id", "required", "value"]),
-      d.value ? (u(), O(ge, {
+      u.value ? (d(), O(ge, {
         key: 1,
         "data-disabled": e.disabled,
         error: e.error,
@@ -5297,7 +5338,7 @@ const Dl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Pl = ["data-sta
       }, null, 8, ["data-disabled", "error", "error-msg", "hint", "hint-id"])) : C("", !0)
     ], 16));
   }
-}), jl = ["id", "name", "value"], Wl = ["aria-controls", "aria-describedby", "aria-expanded", "aria-invalid", "aria-label", "data-cy", "data-disabled", "data-error", "data-open", "data-placeholder", "data-required", "disabled", "id"], Xo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), Ul = ["id", "name", "value"], Gl = ["aria-controls", "aria-describedby", "aria-expanded", "aria-invalid", "aria-label", "data-cy", "data-disabled", "data-error", "data-open", "data-placeholder", "data-required", "disabled", "id"], Jo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsSelectWithDropdown",
   props: {
     breakout: {
@@ -5373,15 +5414,15 @@ const Dl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Pl = ["data-sta
   },
   emits: ["update:model-value"],
   setup(e, { emit: a }) {
-    const t = e, l = a, [n, i] = Q(2), d = re(), o = w(!1), s = f(() => t.selectId || d.id || n.value), r = f(() => t.optionsId || i.value), m = f(() => {
+    const t = e, l = a, [n, i] = Q(2), u = re(), o = I(!1), s = f(() => t.selectId || u.id || n.value), r = f(() => t.optionsId || i.value), m = f(() => {
       if (t.modelValue) {
-        const v = t.options.find((g) => g.value === t.modelValue);
+        const v = t.options.find((h) => h.value === t.modelValue);
         return v ? v.label : t.placeholder;
       }
       return t.placeholder;
-    }), h = f(() => m.value === t.placeholder);
-    return (v, g) => (u(), b("div", null, [
-      e.label || v.$slots.label ? (u(), O(ne, {
+    }), g = f(() => m.value === t.placeholder);
+    return (v, h) => (d(), b("div", null, [
+      e.label || v.$slots.label ? (d(), O(ne, {
         key: 0,
         disabled: e.disabled,
         for: s.value,
@@ -5389,19 +5430,19 @@ const Dl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Pl = ["data-sta
       }, {
         default: D(() => [
           V(v.$slots, "label", {}, () => [
-            G(A(e.label), 1)
+            U(T(e.label), 1)
           ])
         ]),
         _: 3
       }, 8, ["disabled", "for", "required"])) : C("", !0),
-      e.inputName || e.inputId ? (u(), b("input", {
+      e.inputName || e.inputId ? (d(), b("input", {
         key: 1,
         id: e.inputId,
         name: e.inputName,
         type: "hidden",
         value: e.modelValue
-      }, null, 8, jl)) : C("", !0),
-      P(Vt, {
+      }, null, 8, Ul)) : C("", !0),
+      P(Lt, {
         "anchor-id": s.value,
         breakout: e.breakout,
         "dropdown-position": e.dropdownPosition,
@@ -5414,11 +5455,11 @@ const Dl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Pl = ["data-sta
         options: e.options,
         "selected-option": e.modelValue,
         "toggle-id": s.value,
-        onClose: g[1] || (g[1] = (y) => o.value = !1),
-        "onUpdate:selectedOption": g[2] || (g[2] = (y) => l("update:model-value", y))
+        onClose: h[1] || (h[1] = (y) => o.value = !1),
+        "onUpdate:selectedOption": h[2] || (h[2] = (y) => l("update:model-value", y))
       }, {
         toggle: D(() => [
-          B("button", z({
+          w("button", z({
             "aria-controls": r.value,
             "aria-describedby": e.hintId,
             "aria-expanded": o.value,
@@ -5426,30 +5467,30 @@ const Dl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Pl = ["data-sta
             "aria-invalid": e.error,
             "aria-label": `${o.value ? "Close" : "Open"} Combobox`,
             class: "bs-select",
-            "data-cy": h.value ? "ignore" : void 0,
+            "data-cy": g.value ? "ignore" : void 0,
             "data-disabled": e.disabled,
             "data-error": e.error,
             "data-open": o.value,
-            "data-placeholder": h.value,
+            "data-placeholder": g.value,
             "data-required": e.required,
             disabled: e.disabled,
             id: s.value,
             role: "combobox"
           }, v.$attrs, {
-            onClick: g[0] || (g[0] = wt((y) => o.value = !o.value, ["prevent"]))
+            onClick: h[0] || (h[0] = wt((y) => o.value = !o.value, ["prevent"]))
           }), [
-            B("span", null, A(m.value), 1),
-            e.disabled ? C("", !0) : (u(), O(c(Me), {
+            w("span", null, T(m.value), 1),
+            e.disabled ? C("", !0) : (d(), O(c(Me), {
               key: 0,
               size: "md"
             }))
-          ], 16, Wl)
+          ], 16, Gl)
         ]),
         _: 1
       }, 8, ["anchor-id", "breakout", "dropdown-position", "dropdown-width", "helper-description", "helper-text", "open", "options-id", "options", "selected-option", "toggle-id"])
     ]));
   }
-}), Ul = ["data-disabled", "data-size"], Gl = ["data-disabled", "data-pending", "data-size"], Hl = ["checked", "disabled", "id"], Kl = ["data-inner-on-label", "data-inner-off-label"], Qo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), Hl = ["data-disabled", "data-size"], Kl = ["data-disabled", "data-pending", "data-size"], Yl = ["checked", "disabled", "id"], Zl = ["data-inner-on-label", "data-inner-off-label"], _o = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsSwitch",
   props: {
     checked: {
@@ -5495,49 +5536,49 @@ const Dl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Pl = ["data-sta
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = a, [n] = Q(), i = f(() => et.concat(t.passAttrs.split(","))), d = f(() => t.inputId || n.value), o = f(() => t.checked || t.modelValue);
-    return (s, r) => (u(), b("div", z({
+    const t = e, l = a, [n] = Q(), i = f(() => tt.concat(t.passAttrs.split(","))), u = f(() => t.inputId || n.value), o = f(() => t.checked || t.modelValue);
+    return (s, r) => (d(), b("div", z({
       class: "bs-boolean",
       "data-component": "bs-switch",
       "data-disabled": e.disabled,
       "data-size": e.size
-    }, c(X)(s.$attrs, i.value).remaining), [
-      e.label || s.$slots.label ? (u(), O(ne, {
+    }, c(Z)(s.$attrs, i.value).remaining), [
+      e.label || s.$slots.label ? (d(), O(ne, {
         key: 0,
-        for: s.$attrs.id || d.value,
+        for: s.$attrs.id || u.value,
         disabled: e.disabled,
         hide: e.hideLabel
       }, {
         default: D(() => [
           V(s.$slots, "label", {}, () => [
-            G(A(e.label), 1)
+            U(T(e.label), 1)
           ])
         ]),
         _: 3
       }, 8, ["for", "disabled", "hide"])) : C("", !0),
-      B("div", {
+      w("div", {
         class: "bs-switch",
         "data-disabled": e.disabled,
         "data-pending": e.pending,
         "data-size": e.size
       }, [
-        B("input", z({
+        w("input", z({
           checked: o.value,
           disabled: e.disabled,
-          id: s.$attrs.id || d.value,
+          id: s.$attrs.id || u.value,
           type: "checkbox"
-        }, c(X)(s.$attrs, i.value).filtered, {
+        }, c(Z)(s.$attrs, i.value).filtered, {
           onChange: r[0] || (r[0] = (m) => l("update:modelValue", m.target.checked))
-        }), null, 16, Hl),
-        B("span", {
+        }), null, 16, Yl),
+        w("span", {
           "aria-hidden": "true",
           "data-inner-on-label": e.innerOnLabel,
           "data-inner-off-label": e.innerOffLabel
-        }, null, 8, Kl)
-      ], 8, Gl)
-    ], 16, Ul));
+        }, null, 8, Zl)
+      ], 8, Kl)
+    ], 16, Hl));
   }
-}), Yl = ["aria-controls", "aria-selected", "data-hidden"], Jo = {
+}), Xl = ["aria-controls", "aria-selected", "data-hidden"], ei = {
   __name: "BsTab",
   props: {
     activeTabId: {
@@ -5554,7 +5595,7 @@ const Dl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Pl = ["data-sta
   },
   emits: ["tabClick"],
   setup(e, { emit: a }) {
-    const t = e, l = re(), n = w(), i = f(() => t.activeTabId === l.id), d = f(() => t.panelId || `${l.id}-panel`);
+    const t = e, l = re(), n = I(), i = f(() => t.activeTabId === l.id), u = f(() => t.panelId || `${l.id}-panel`);
     function o(r) {
       (r.key === "Enter" || r.key === " ") && (r.preventDefault(), r.stopPropagation(), s());
     }
@@ -5564,8 +5605,8 @@ const Dl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Pl = ["data-sta
         n.value.dispatchEvent(r);
       }
     }
-    return (r, m) => (u(), b("div", {
-      "aria-controls": d.value,
+    return (r, m) => (d(), b("div", {
+      "aria-controls": u.value,
       "aria-selected": i.value ? "true" : "false",
       "data-hidden": e.hidden || void 0,
       "data-component": "bs-tab",
@@ -5577,9 +5618,9 @@ const Dl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Pl = ["data-sta
       onKeydown: o
     }, [
       V(r.$slots, "default")
-    ], 40, Yl));
+    ], 40, Xl));
   }
-}, Zl = ["id", "data-resizing"], Xl = ["aria-controls", "aria-expanded", "data-active", "data-hidden", "id"], Ql = 73, Jl = 20, Ue = 16, _o = {
+}, Ql = ["id", "data-resizing"], Jl = ["aria-controls", "aria-expanded", "data-active", "data-hidden", "id"], _l = 73, eo = 20, Ue = 16, ti = {
   __name: "BsTabList",
   props: {
     activeTabId: { type: String, required: !0 },
@@ -5590,10 +5631,10 @@ const Dl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Pl = ["data-sta
   },
   emits: ["tabChange", "update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = w(!1), i = w(!1), d = w([]), o = w(!1), s = w(!1), r = w(), m = w([]), h = w(!1), v = w([]), g = w(), y = w([]), I = w(), p = w(), [S, k] = Q(2), $ = f(() => t.activeTabId ? v.value.findIndex((x) => x.id === t.activeTabId) : 0), M = f(() => d.value.some((x) => x.id === t.activeTabId)), T = f(() => `${k.value}-options`), E = f(() => `${k.value}-toggle`), R = f(() => {
+    const t = e, l = a, n = I(!1), i = I(!1), u = I([]), o = I(!1), s = I(!1), r = I(), m = I([]), g = I(!1), v = I([]), h = I(), y = I([]), B = I(), p = I(), [S, k] = Q(2), $ = f(() => t.activeTabId ? v.value.findIndex((x) => x.id === t.activeTabId) : 0), M = f(() => u.value.some((x) => x.id === t.activeTabId)), A = f(() => `${k.value}-options`), L = f(() => `${k.value}-toggle`), R = f(() => {
       var x;
       return M.value ? (x = v.value[$.value]) == null ? void 0 : x.textContent : "More";
-    }), F = f(() => M.value ? m.value[$.value] - m.value[$.value - 1] + Jl + Ue : Ql + Ue);
+    }), F = f(() => M.value ? m.value[$.value] - m.value[$.value - 1] + eo + Ue : _l + Ue);
     function W() {
       var de;
       let x = !1, N, H = 0, ee = !1, oe = [];
@@ -5609,9 +5650,9 @@ const Dl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Pl = ["data-sta
           }
           N.dataset.hidden = "false", N.setAttribute("tabindex", "0");
         }
-        s.value = x, d.value = oe, n.value || Ae(() => n.value = !0), setTimeout(() => {
-          Mt(), q(), h.value = !0;
-        }, h.value ? 25 : 1e3);
+        s.value = x, u.value = oe, n.value || Ae(() => n.value = !0), setTimeout(() => {
+          Nt(), q(), g.value = !0;
+        }, g.value ? 25 : 1e3);
       }
     }
     function _(x) {
@@ -5628,14 +5669,14 @@ const Dl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Pl = ["data-sta
     }
     function ke() {
       var x;
-      (x = g.value) == null || x.focus(), o.value = !1;
+      (x = h.value) == null || x.focus(), o.value = !1;
     }
     function Ce() {
       o.value = !o.value, i.value || (i.value = !0);
     }
     function se(x) {
       var N;
-      o.value = !1, (N = g.value) == null || N.focus(), _(x);
+      o.value = !1, (N = h.value) == null || N.focus(), _(x);
     }
     function xe(x) {
       if (t.withBsTabs) return;
@@ -5648,10 +5689,10 @@ const Dl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Pl = ["data-sta
       if (x.key === "ArrowLeft" || x.key === "ArrowRight") {
         const N = y.value.findIndex((H) => H.id === x.target.id);
         if (N === -1) return;
-        x.preventDefault(), x.stopPropagation(), x.key === "ArrowLeft" ? j(N) : L(N);
+        x.preventDefault(), x.stopPropagation(), x.key === "ArrowLeft" ? j(N) : E(N);
       }
     }
-    function L(x) {
+    function E(x) {
       var H;
       const N = (x + 1) % y.value.length;
       (H = y.value[N]) == null || H.focus();
@@ -5662,31 +5703,31 @@ const Dl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Pl = ["data-sta
       (H = y.value[N]) == null || H.focus();
     }
     function q() {
-      var de, ie, it, rt;
+      var de, ie, rt, st;
       const x = parseInt(r.value.style.getPropertyValue("--active-line-offset")) || 0, N = p.value;
       let H = 300, ee = ((ie = (de = y.value) == null ? void 0 : de[$.value]) == null ? void 0 : ie.offsetLeft) || 0, oe = he($.value);
-      s.value && M.value && (ee = (it = g.value) == null ? void 0 : it.offsetLeft, oe = (rt = g.value) == null ? void 0 : rt.offsetWidth), H = Math.max(Math.abs((ee - x) / N * 300), 100), r.value.style.setProperty("--active-line-max-width", `${N}px`), r.value.style.setProperty("--active-line-scale", `${oe / N}`), r.value.style.setProperty("--active-line-offset", `${ee}px`), r.value.style.setProperty("--active-line-transition-duration", `${H}ms`);
+      s.value && M.value && (ee = (rt = h.value) == null ? void 0 : rt.offsetLeft, oe = (st = h.value) == null ? void 0 : st.offsetWidth), H = Math.max(Math.abs((ee - x) / N * 300), 100), r.value.style.setProperty("--active-line-max-width", `${N}px`), r.value.style.setProperty("--active-line-scale", `${oe / N}`), r.value.style.setProperty("--active-line-offset", `${ee}px`), r.value.style.setProperty("--active-line-transition-duration", `${H}ms`);
     }
-    function Z() {
+    function Y() {
       var x, N;
-      (N = (x = I.value) == null ? void 0 : x.disconnect) == null || N.call(x), I.value = null;
+      (N = (x = B.value) == null ? void 0 : x.disconnect) == null || N.call(x), B.value = null;
     }
     function J() {
       const x = Ve(() => {
         p.value = r.value.clientWidth, W();
       }, 25);
-      I.value = new ResizeObserver(x), I.value.observe(document.body);
+      B.value = new ResizeObserver(x), B.value.observe(document.body);
     }
     function Te() {
       v.value = Array.from(r.value.children).filter((x) => x.role === "tab");
     }
-    function qt() {
+    function Mt() {
       let x;
       v.value.forEach((N, H) => {
         x = N.getBoundingClientRect().width + Ue, m.value.push(H ? x + m.value[H - 1] : x);
       });
     }
-    function Mt() {
+    function Nt() {
       var N, H;
       let x = [];
       if (typeof window > "u") return x;
@@ -5696,14 +5737,14 @@ const Dl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Pl = ["data-sta
       }
       s.value && x.push(r.value.querySelector(".bs-tab-list-toggle")), y.value = x;
     }
-    return U(() => t.activeTabId, ye), Y(() => {
+    return G(() => t.activeTabId, ye), X(() => {
       var x;
       try {
-        Te(), qt(), J(), p.value = r.value.getBoundingClientRect().width, W(), t.withBsTabs || (x = v.value[$.value]) == null || x.setAttribute("aria-selected", "true");
+        Te(), Mt(), J(), p.value = r.value.getBoundingClientRect().width, W(), t.withBsTabs || (x = v.value[$.value]) == null || x.setAttribute("aria-selected", "true");
       } catch (N) {
         console.log("tab error", N);
       }
-    }), Be(Z), (x, N) => (u(), b("div", {
+    }), Be(Y), (x, N) => (d(), b("div", {
       class: "bs-tab-list",
       "data-component": "bs-tab-list",
       id: x.$attrs.id || c(S),
@@ -5716,28 +5757,28 @@ const Dl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Pl = ["data-sta
       onKeydown: Se
     }, [
       V(x.$slots, "default"),
-      B("button", {
+      w("button", {
         "aria-controls": c(k),
         "aria-expanded": o.value,
         class: "bs-tab-list-toggle",
         "data-active": M.value || void 0,
         "data-hidden": !s.value,
-        id: E.value,
+        id: L.value,
         ref_key: "dropdownToggle",
-        ref: g,
+        ref: h,
         onClick: Ce
       }, [
-        P(c(Kt), { size: "sm" }),
-        G(" " + A(R.value), 1)
-      ], 8, Xl),
-      P(Dt, {
-        "anchor-id": E.value,
+        P(c(Yt), { size: "sm" }),
+        U(" " + T(R.value), 1)
+      ], 8, Jl),
+      P(Pt, {
+        "anchor-id": L.value,
         breakout: "",
         "container-id": x.$attrs.id || c(S),
         "helper-description": e.helperDescription || void 0,
         "helper-text": e.helperText,
         id: c(k),
-        "options-id": T.value,
+        "options-id": A.value,
         position: "right",
         preloaded: "",
         shown: o.value,
@@ -5746,22 +5787,22 @@ const Dl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Pl = ["data-sta
         "onUpdate:modelValue": se
       }, {
         default: D(() => [
-          (u(!0), b(K, null, te(d.value, (H) => (u(), O(ot, {
+          (d(!0), b(K, null, te(u.value, (H) => (d(), O(it, {
             key: H.id,
             value: H.id,
-            "options-id": T.value
+            "options-id": A.value
           }, {
             default: D(() => [
-              G(A(H.textContent), 1)
+              U(T(H.textContent), 1)
             ]),
             _: 2
           }, 1032, ["value", "options-id"]))), 128))
         ]),
         _: 1
       }, 8, ["anchor-id", "container-id", "helper-description", "helper-text", "id", "options-id", "shown"])
-    ], 40, Zl));
+    ], 40, Ql));
   }
-}, _l = ["aria-labelledby", "data-active", "id"], ei = {
+}, to = ["aria-labelledby", "data-active", "id"], ai = {
   __name: "BsTabPanel",
   props: {
     activeTabId: {
@@ -5775,7 +5816,7 @@ const Dl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Pl = ["data-sta
   },
   setup(e) {
     const a = e, t = re(), l = f(() => a.activeTabId && a.activeTabId === a.tabId), n = f(() => t.id || `${a.tabId}-panel`);
-    return (i, d) => (u(), b("section", {
+    return (i, u) => (d(), b("section", {
       "aria-labelledby": e.tabId,
       "data-active": l.value,
       "data-component": "bs-tab-panel",
@@ -5783,9 +5824,9 @@ const Dl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Pl = ["data-sta
       role: "tabpanel"
     }, [
       V(i.$slots, "default")
-    ], 8, _l));
+    ], 8, to));
   }
-}, eo = ["data-error", "id", "rows", "value"], to = {
+}, ao = ["data-error", "id", "rows", "value"], no = {
   __name: "BsTextarea",
   props: {
     error: {
@@ -5801,17 +5842,17 @@ const Dl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Pl = ["data-sta
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
     const t = e, l = f(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
-    return (n, i) => (u(), b("textarea", z({
+    return (n, i) => (d(), b("textarea", z({
       class: "bs-textarea",
       "data-component": "bs-textarea",
       "data-error": e.error,
       id: n.$attrs.id || e.inputId,
       rows: n.$attrs.rows || 6,
       value: e.value || e.modelValue,
-      onInput: i[0] || (i[0] = (d) => n.$emit("update:modelValue", d.target.value))
-    }, l.value), null, 16, eo));
+      onInput: i[0] || (i[0] = (u) => n.$emit("update:modelValue", u.target.value))
+    }, l.value), null, 16, ao));
   }
-}, ti = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, ni = /* @__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. */
@@ -5860,16 +5901,16 @@ const Dl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Pl = ["data-sta
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, [l, n] = Q(2), i = f(() => za.concat(t.passAttrs.split(","))), d = f(() => {
+    const t = e, [l, n] = Q(2), i = f(() => za.concat(t.passAttrs.split(","))), u = f(() => {
       var m;
       return ((m = t.value || t.modelValue) == null ? void 0 : m.length) || 0;
     }), o = f(() => {
-      var m, h;
-      return ((h = (m = t.hints) == null ? void 0 : m.join) == null ? void 0 : h.call(m, `
+      var m, g;
+      return ((g = (m = t.hints) == null ? void 0 : m.join) == null ? void 0 : g.call(m, `
 `)) || t.hints;
     }), s = f(() => t.error && t.errorMsg || t.hint || o.value || void 0), r = f(() => t.inputId || l.value);
-    return (m, h) => (u(), b("div", z({ "data-component": "bs-textarea-field" }, c(X)(m.$attrs, i.value).remaining), [
-      e.label || m.$slots.label ? (u(), O(ne, {
+    return (m, g) => (d(), b("div", z({ "data-component": "bs-textarea-field" }, c(Z)(m.$attrs, i.value).remaining), [
+      e.label || m.$slots.label ? (d(), O(ne, {
         key: 0,
         for: m.$attrs.id || r.value,
         disabled: e.disabled,
@@ -5877,12 +5918,12 @@ const Dl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Pl = ["data-sta
       }, {
         default: D(() => [
           V(m.$slots, "label", {}, () => [
-            G(A(e.label), 1)
+            U(T(e.label), 1)
           ])
         ]),
         _: 3
       }, 8, ["for", "disabled", "required"])) : C("", !0),
-      P(to, z({
+      P(no, z({
         disabled: e.disabled,
         error: e.error,
         "hint-id": c(n),
@@ -5891,11 +5932,11 @@ const Dl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Pl = ["data-sta
         required: e.required,
         rows: e.rows,
         value: e.value || e.modelValue,
-        "onUpdate:modelValue": h[0] || (h[0] = (v) => m.$emit("update:modelValue", v))
-      }, c(X)(m.$attrs, i.value).filtered), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "rows", "value"]),
-      s.value || e.charMax ? (u(), O(ge, {
+        "onUpdate:modelValue": g[0] || (g[0] = (v) => m.$emit("update:modelValue", v))
+      }, c(Z)(m.$attrs, i.value).filtered), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "rows", "value"]),
+      s.value || e.charMax ? (d(), O(ge, {
         key: 1,
-        "char-count": d.value,
+        "char-count": u.value,
         "char-max": e.charMax,
         "data-disabled": e.disabled,
         error: e.error,
@@ -5906,23 +5947,23 @@ const Dl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Pl = ["data-sta
     ], 16));
   }
 });
-function ao(e) {
+function lo(e) {
   const a = /^([01]?[0-9]|2[0-3]):[0-5][0-9]$/.test(e), t = /^([01]?[0-9]|2[0-3])[0-5][0-9]$/.test(e), l = /^([0]?[0-9]|1[0-2]):[0-5][0-9] ?(a|p|am|pm)$/i.test(e), n = /^([0]?[0-9]|1[0-2])[0-5][0-9] ?(a|p|am|pm)$/i.test(e);
   return a ? "uFmt" : t ? "uFmtNoColon" : l ? "amPm" : n ? "amPmNoColon" : "";
 }
 const we = (e) => parseInt(e, 10);
-function no(e = "") {
+function oo(e = "") {
   const a = /[^0-9:apmAPM]/g;
   let t, l;
-  switch (e = e.replaceAll(a, "").toLowerCase(), ao(e)) {
+  switch (e = e.replaceAll(a, "").toLowerCase(), lo(e)) {
     case "uFmt":
     case "uFmtNoColon":
       l = we(e.slice(-2)), t = we(e.slice(0, -2));
       break;
     case "amPm":
     case "amPmNoColon":
-      const i = e.split(/(a|p|am|pm)/), d = e.includes("p");
-      l = we(i[0].slice(-2)), t = we(i[0].slice(0, -2)), t < 12 && d && (t += 12), t === 12 && !d && (t = 0), t === 24 && (t = 0);
+      const i = e.split(/(a|p|am|pm)/), u = e.includes("p");
+      l = we(i[0].slice(-2)), t = we(i[0].slice(0, -2)), t < 12 && u && (t += 12), t === 12 && !u && (t = 0), t === 24 && (t = 0);
       break;
   }
   return {
@@ -5933,14 +5974,14 @@ function no(e = "") {
 function ve(e = "") {
   const a = /[^0-9:]/g;
   if (e = e.replaceAll(a, ""), !e) return "";
-  const [t, l] = e.split(":"), n = we(t), i = we(l), d = n < 12 ? "AM" : "PM";
-  return isNaN(n) || isNaN(i) || n > 23 || i > 59 ? "" : `${n % 12 || 12}:${l} ${d}`;
+  const [t, l] = e.split(":"), n = we(t), i = we(l), u = n < 12 ? "AM" : "PM";
+  return isNaN(n) || isNaN(i) || n > 23 || i > 59 ? "" : `${n % 12 || 12}:${l} ${u}`;
 }
-function lo(e = "") {
-  const { hours: a, minutes: t } = no(e);
+function io(e = "") {
+  const { hours: a, minutes: t } = oo(e);
   return isNaN(a) || isNaN(t) ? "" : `${a.toString().padStart(2, "0")}:${t.toString().padStart(2, "0")}`;
 }
-const Ge = "excluded", He = "over", ht = "skip", vt = "stop", Ke = "under", oo = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+const Ge = "excluded", He = "over", vt = "skip", gt = "stop", Ke = "under", ro = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsTimePicker",
   props: {
     disabled: {
@@ -6005,21 +6046,21 @@ const Ge = "excluded", He = "over", ht = "skip", vt = "stop", Ke = "under", oo =
   },
   emits: ["update:modelValue"],
   setup(e, { expose: a, emit: t }) {
-    const l = e, n = t, i = w(ve(l.modelValue)), d = w([]), o = w(""), s = w(!1);
+    const l = e, n = t, i = I(ve(l.modelValue)), u = I([]), o = I(""), s = I(!1);
     function r() {
       const S = [];
       let k = !1;
       for (let $ = 0; $ < 24 && !k; $++)
         for (let M = 0; M < 60; M += l.step) {
-          const T = v($, M), E = h(T);
-          if (E !== ht) {
-            if (E === vt) {
+          const A = v($, M), L = g(A);
+          if (L !== vt) {
+            if (L === gt) {
               k = !0;
               break;
             }
             S.push({
-              label: ve(T),
-              value: T
+              label: ve(A),
+              value: A
             });
           }
         }
@@ -6028,13 +6069,13 @@ const Ge = "excluded", He = "over", ht = "skip", vt = "stop", Ke = "under", oo =
     function m(S) {
       return S ? l.minTime && S < l.minTime ? Ke : l.maxTime && S > l.maxTime ? He : l.disabledTimes.includes(S) ? Ge : "" : "";
     }
-    function h(S) {
+    function g(S) {
       switch (m(S)) {
         case He:
-          return vt;
+          return gt;
         case Ke:
         case Ge:
-          return ht;
+          return vt;
         default:
           return "";
       }
@@ -6042,14 +6083,14 @@ const Ge = "excluded", He = "over", ht = "skip", vt = "stop", Ke = "under", oo =
     function v(S, k) {
       return S = S.toString().padStart(2, "0"), k = k.toString().padStart(2, "0"), `${S}:${k}`;
     }
-    function g(S) {
-      const k = lo(S);
-      k === l.modelValue && (i.value = ve(l.modelValue)), I(k);
+    function h(S) {
+      const k = io(S);
+      k === l.modelValue && (i.value = ve(l.modelValue)), B(k);
     }
     function y() {
-      d.value = r();
+      u.value = r();
     }
-    function I(S) {
+    function B(S) {
       p(S), n("update:modelValue", S);
     }
     function p(S) {
@@ -6067,22 +6108,22 @@ const Ge = "excluded", He = "over", ht = "skip", vt = "stop", Ke = "under", oo =
           o.value = "", s.value = !1;
       }
     }
-    return Y(y), U([
+    return X(y), G([
       () => l.disabledTimes,
       () => l.maxTime,
       () => l.minTime,
       () => l.step
-    ], y), U([
+    ], y), G([
       () => l.disabledTimes,
       () => l.maxTime,
       () => l.minTime,
       () => l.modelValue
-    ], () => p(l.modelValue)), U(() => l.modelValue, (S) => {
+    ], () => p(l.modelValue)), G(() => l.modelValue, (S) => {
       i.value = l.modelValue ? ve(S) : "";
     }), a({
       validationErr: s,
       validationErrMsg: o
-    }), (S, k) => (u(), O(Et, {
+    }), (S, k) => (d(), O(Et, {
       disabled: e.disabled,
       "display-value": i.value,
       "dropdown-position": e.dropdownPosition,
@@ -6093,14 +6134,14 @@ const Ge = "excluded", He = "over", ht = "skip", vt = "stop", Ke = "under", oo =
       "hint-id": e.hintId,
       "input-id": e.inputId,
       "model-value": e.modelValue,
-      options: d.value,
+      options: u.value,
       placeholder: e.placeholder,
       required: e.required,
       "update-on-input": !1,
-      "onUpdate:modelValue": g
+      "onUpdate:modelValue": h
     }, null, 8, ["disabled", "display-value", "dropdown-position", "dropdown-width", "error", "helper-description", "helper-text", "hint-id", "input-id", "model-value", "options", "placeholder", "required"]));
   }
-}), ai = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), li = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsTimePickerField",
   props: {
     disabled: {
@@ -6169,36 +6210,36 @@ const Ge = "excluded", He = "over", ht = "skip", vt = "stop", Ke = "under", oo =
   },
   emits: ["update:modelValue"],
   setup(e, { expose: a, emit: t }) {
-    const l = e, [n, i] = Q(2), d = w(null), o = f(() => l.errorMsg || h.value), s = f(() => l.error || v.value), r = f(() => l.inputId || n.value), m = f(() => l.hint || s.value && o.value), h = f(() => {
-      var g;
-      return (g = d.value) == null ? void 0 : g.validationErrMsg;
+    const l = e, [n, i] = Q(2), u = I(null), o = f(() => l.errorMsg || g.value), s = f(() => l.error || v.value), r = f(() => l.inputId || n.value), m = f(() => l.hint || s.value && o.value), g = f(() => {
+      var h;
+      return (h = u.value) == null ? void 0 : h.validationErrMsg;
     }), v = f(() => {
-      var g;
-      return (g = d.value) == null ? void 0 : g.validationErr;
+      var h;
+      return (h = u.value) == null ? void 0 : h.validationErr;
     });
     return a({
       validationErr: v,
-      validationErrMsg: h
-    }), (g, y) => (u(), b("div", z({
+      validationErrMsg: g
+    }), (h, y) => (d(), b("div", z({
       "aria-live": "polite",
       "data-component": "bs-time-picker-field"
-    }, c(X)(g.$attrs, c(be)).remaining), [
-      e.label || g.$slots.label ? (u(), O(ne, {
+    }, c(Z)(h.$attrs, c(be)).remaining), [
+      e.label || h.$slots.label ? (d(), O(ne, {
         key: 0,
-        for: g.$attrs.id || r.value,
+        for: h.$attrs.id || r.value,
         disabled: e.disabled,
         required: e.required
       }, {
         default: D(() => [
-          V(g.$slots, "label", {}, () => [
-            G(A(e.label), 1)
+          V(h.$slots, "label", {}, () => [
+            U(T(e.label), 1)
           ])
         ]),
         _: 3
       }, 8, ["for", "disabled", "required"])) : C("", !0),
-      P(oo, z({
+      P(ro, z({
         ref_key: "timePicker",
-        ref: d,
+        ref: u,
         disabled: e.disabled,
         "disabled-times": e.disabledTimes,
         "dropdown-position": e.dropdownPosition,
@@ -6207,15 +6248,15 @@ const Ge = "excluded", He = "over", ht = "skip", vt = "stop", Ke = "under", oo =
         "helper-description": e.helperDescription,
         "helper-text": e.helperText,
         "hint-id": c(i),
-        "input-id": g.$attrs.id || r.value,
+        "input-id": h.$attrs.id || r.value,
         "max-time": e.maxTime,
         "min-time": e.minTime,
         "model-value": e.modelValue,
         placeholder: e.placeholder,
         required: e.required,
         step: e.step,
-        "onUpdate:modelValue": y[0] || (y[0] = (I) => g.$emit("update:modelValue", I))
-      }, c(X)(g.$attrs, c(be)).filtered), null, 16, ["disabled", "disabled-times", "dropdown-position", "dropdown-width", "error", "helper-description", "helper-text", "hint-id", "input-id", "max-time", "min-time", "model-value", "placeholder", "required", "step"]),
+        "onUpdate:modelValue": y[0] || (y[0] = (B) => h.$emit("update:modelValue", B))
+      }, c(Z)(h.$attrs, c(be)).filtered), null, 16, ["disabled", "disabled-times", "dropdown-position", "dropdown-width", "error", "helper-description", "helper-text", "hint-id", "input-id", "max-time", "min-time", "model-value", "placeholder", "required", "step"]),
       ue(P(ge, {
         error: s.value,
         "error-msg": o.value,
@@ -6226,7 +6267,7 @@ const Ge = "excluded", He = "over", ht = "skip", vt = "stop", Ke = "under", oo =
       ])
     ], 16));
   }
-}), io = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], ro = ["data-status"], so = { class: "visually-hidden" }, ni = {
+}), so = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], uo = ["data-status"], co = { class: "visually-hidden" }, oi = {
   __name: "BsTimeline",
   props: {
     /** @type {Status} */
@@ -6255,19 +6296,19 @@ const Ge = "excluded", He = "over", ht = "skip", vt = "stop", Ke = "under", oo =
   },
   setup(e) {
     const a = e, t = {
-      cancelled: Yt,
-      complete: Zt,
-      error: Xt,
-      "in-progress": Qt,
-      "not-started": dt,
-      ongoing: Jt,
-      paused: _t,
+      cancelled: Zt,
+      complete: Xt,
+      error: Qt,
+      "in-progress": Jt,
+      "not-started": ut,
+      ongoing: _t,
+      paused: ea,
       warning: kt
-    }, { progressStep: l, progressText: n, getStatus: i } = Pt(a);
-    function d(o, s) {
-      return o = i(o, s), t[o] || dt;
+    }, { progressStep: l, progressText: n, getStatus: i } = qt(a);
+    function u(o, s) {
+      return o = i(o, s), t[o] || ut;
     }
-    return (o, s) => (u(), b("div", {
+    return (o, s) => (d(), b("div", {
       "aria-valuemax": e.steps.length,
       "aria-valuenow": c(l),
       "aria-valuetext": c(n),
@@ -6275,24 +6316,24 @@ const Ge = "excluded", He = "over", ht = "skip", vt = "stop", Ke = "under", oo =
       "data-component": "bs-timeline",
       role: "progressbar"
     }, [
-      (u(!0), b(K, null, te(e.steps, (r, m) => (u(), b("div", {
+      (d(!0), b(K, null, te(e.steps, (r, m) => (d(), b("div", {
         class: "bs-step-item",
         "data-status": c(i)(r.status, m),
         key: r.id || r.label,
         role: "status"
       }, [
-        (u(), O(ae(d(r.status, m)), {
+        (d(), O(ae(u(r.status, m)), {
           class: "bs-step-icon",
           role: "presentation"
         })),
-        B("p", null, [
-          G(A(r.label || r) + " ", 1),
-          B("span", so, " : " + A(c(i)(r.status, m) || "not started"), 1)
+        w("p", null, [
+          U(T(r.label || r) + " ", 1),
+          w("span", co, " : " + T(c(i)(r.status, m) || "not started"), 1)
         ])
-      ], 8, ro))), 128))
-    ], 8, io));
+      ], 8, uo))), 128))
+    ], 8, so));
   }
-}, uo = ["data-variant", "data-shown", "data-stacked"], li = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, fo = ["data-variant", "data-shown", "data-stacked"], ii = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsToast",
   props: {
     shown: {
@@ -6338,10 +6379,10 @@ const Ge = "excluded", He = "over", ht = "skip", vt = "stop", Ke = "under", oo =
   },
   emits: ["dismiss", "after-enter", "after-leave"],
   setup(e, { emit: a }) {
-    const t = e, l = a, { transition: n } = Le(t);
+    const t = e, l = a, { transition: n } = Ee(t);
     let i = null;
     fe("variant", t.variant), fe("handleDismiss", o);
-    const d = pe("stacked", t.stacked);
+    const u = pe("stacked", t.stacked);
     function o() {
       i && (clearTimeout(i), i = null), l("dismiss", t.toastId);
     }
@@ -6350,108 +6391,107 @@ const Ge = "excluded", He = "over", ht = "skip", vt = "stop", Ke = "under", oo =
         o();
       }, t.duration)), l("after-enter");
     }
-    return (r, m) => (u(), O(Pe, {
+    return (r, m) => (d(), O(Pe, {
       name: "bs-toast",
       shown: c(n),
       preloaded: e.preloaded,
       onAfterEnter: s,
-      onAfterLeave: m[0] || (m[0] = (h) => l("after-leave"))
+      onAfterLeave: m[0] || (m[0] = (g) => l("after-leave"))
     }, {
       default: D(() => [
-        B("div", z({
+        w("div", z({
           class: "bs-toast",
           "data-component": "bs-toast",
           "data-variant": e.variant,
           "data-shown": c(n),
-          "data-stacked": c(d) || void 0,
+          "data-stacked": c(u) || void 0,
           role: "alert"
         }, r.$attrs), [
           V(r.$slots, "default")
-        ], 16, uo)
+        ], 16, fo)
       ]),
       _: 3
     }, 8, ["shown", "preloaded"]));
   }
-}), co = ["data-stacked"], oi = {
+}), po = ["data-stacked"], ri = {
   __name: "BsToastActions",
   setup(e) {
-    const a = w(!1);
-    Y(() => {
-      var n;
-      const l = St();
-      ((n = l.default) == null ? void 0 : n.call(l).length) > 2 && (a.value = !0);
+    const a = pe("handleDismiss", () => {
     });
-    const t = pe("handleDismiss");
-    return (l, n) => (u(), b("div", {
+    function t() {
+      var l, n;
+      return ((n = (l = et()).default) == null ? void 0 : n.call(l).length) > 2 || void 0;
+    }
+    return (l, n) => (d(), b("div", {
       class: "bs-toast-actions",
       "data-component": "bs-toast-actions",
-      "data-stacked": a.value || void 0
+      "data-stacked": t()
     }, [
       V(l.$slots, "default", {}, () => [
-        P(Ca, {
+        P(xt, {
           size: "sm",
           "text-btn": "",
-          onClick: c(t)
+          onClick: c(a)
         }, {
           default: D(() => n[0] || (n[0] = [
-            G(" Dismiss ")
+            U(" Dismiss ")
           ])),
           _: 1
         }, 8, ["onClick"])
       ])
-    ], 8, co));
+    ], 8, po));
   }
-}, fo = (e, a) => {
+}, mo = (e, a) => {
   const t = e.__vccOpts || e;
   for (const [l, n] of a)
     t[l] = n;
   return t;
-}, po = {}, mo = {
+}, bo = {}, ho = {
   class: "bs-toast-body",
   "data-component": "bs-toast-body"
 };
-function bo(e, a) {
-  return u(), b("div", mo, [
+function vo(e, a) {
+  return d(), b("div", ho, [
     V(e.$slots, "default")
   ]);
 }
-const ii = /* @__PURE__ */ fo(po, [["render", bo]]), ho = ["data-variant"], ri = {
+const si = /* @__PURE__ */ mo(bo, [["render", vo]]), go = ["data-variant"], di = {
   __name: "BsToastHeader",
   setup(e) {
-    const a = pe("variant"), t = f(() => {
+    const a = pe("variant", void 0), t = f(() => {
       switch (a) {
         case "warning":
           return Xe;
         case "positive":
-          return ea;
+          return ta;
         case "negative":
           return Xe;
         default:
           return kt;
       }
     });
-    return (l, n) => (u(), b("div", {
+    return (l, n) => (d(), b("div", {
       class: "bs-toast-header",
       "data-component": "bs-toast-header",
       "data-variant": c(a)
     }, [
-      (u(), O(ae(t.value), { class: "bs-toast-header-icon" })),
-      B("h5", null, [
+      (d(), O(ae(t.value), { class: "bs-toast-header-icon" })),
+      w("h5", null, [
         V(l.$slots, "default")
       ])
-    ], 8, ho));
+    ], 8, go));
   }
-}, vo = {
+}, yo = {
   class: "bs-toaster",
   "data-component": "bs-toaster"
-}, si = {
+}, ui = {
   __name: "BsToaster",
   setup(e) {
-    return fe("stacked", !0), (a, t) => (u(), b("div", vo, [
+    return fe("stacked", !0), (a, t) => (d(), b("div", yo, [
       V(a.$slots, "default")
     ]));
   }
-}, go = ["data-position"], yo = ["id"], di = {
+}, So = ["data-position"], wo = ["id"], ci = {
   __name: "BsTooltip",
   props: {
     tooltipId: {
@@ -6478,7 +6518,7 @@ const ii = /* @__PURE__ */ fo(po, [["render", bo]]), ho = ["data-variant"], ri =
     }
   },
   setup(e) {
-    const a = e, t = w(!1), l = w(!1), n = f(() => {
+    const a = e, t = I(!1), l = I(!1), n = f(() => {
       let o = "bs-tooltip-text";
       return l.value && (a.position === void 0 || a.position === "top" || a.position === "bottom" ? o += " escaped-x" : a.position === "left" || a.position === "right" ? o += " escaped-y" : o += " escaped"), o;
     });
@@ -6488,28 +6528,28 @@ const ii = /* @__PURE__ */ fo(po, [["render", bo]]), ho = ["data-variant"], ri =
     function i() {
       t.value = !0;
     }
-    function d() {
+    function u() {
       t.value = !1, l.value = !1;
     }
-    return (o, s) => (u(), b("div", {
+    return (o, s) => (d(), b("div", {
       class: "bs-tooltip",
       "data-position": e.position || void 0,
       "data-component": "bs-tooltip",
       onMouseenter: i,
       onFocusin: i,
-      onMouseleave: d,
-      onFocusout: d
+      onMouseleave: u,
+      onFocusout: u
     }, [
       V(o.$slots, "default"),
-      e.content ? (u(), b("div", {
+      e.content ? (d(), b("div", {
         key: 0,
         class: le(n.value),
         id: e.tooltipId,
         role: "tooltip"
-      }, A(e.content), 11, yo)) : C("", !0)
-    ], 40, go));
+      }, T(e.content), 11, wo)) : C("", !0)
+    ], 40, So));
   }
-}, So = {
+}, Bo = {
   accordion: "[data-component=bs-accordion]",
   badge: "[data-component=bs-badge]",
   banner: "[data-component=bs-banner]",
@@ -6566,69 +6606,69 @@ const ii = /* @__PURE__ */ fo(po, [["render", bo]]), ho = ["data-variant"], ri =
   toastHeader: "[data-component=bs-toast-header]",
   toaster: "[data-component=bs-toaster]",
   tooltip: "[data-component=bs-tooltip]"
-}, ui = {
-  bsSelectors: So
+}, fi = {
+  bsSelectors: Bo
 };
 export {
-  To as BsAccordion,
-  Ba as BsBadge,
-  Ao as BsBanner,
-  Ca as BsButton,
-  Oo as BsCalendar,
-  Vo as BsCaretButton,
-  Eo as BsCaretTextButton,
-  Lo as BsChartBar,
-  Do as BsCheckbox,
-  xt as BsCircleButton,
-  lt as BsDropdown,
+  Oo as BsAccordion,
+  $a as BsBadge,
+  Vo as BsBanner,
+  xt as BsButton,
+  Lo as BsCalendar,
+  Eo as BsCaretButton,
+  Do as BsCaretTextButton,
+  Po as BsChartBar,
+  qo as BsCheckbox,
+  Tt as BsCircleButton,
+  ot as BsDropdown,
   Et as BsDropdownCombobox,
-  Po as BsDropdownComboboxField,
-  Lt as BsDropdownMultiselect,
-  ot as BsDropdownOption,
+  Mo as BsDropdownComboboxField,
+  Dt as BsDropdownMultiselect,
+  it as BsDropdownOption,
   qe as BsDropdownOptionBuilder,
   Re as BsDropdownOptionList,
-  Dt as BsDropdownWithOptions,
-  Vt as BsDropdownWithToggle,
-  qo as BsEmptyState,
+  Pt as BsDropdownWithOptions,
+  Lt as BsDropdownWithToggle,
+  No as BsEmptyState,
   ge as BsFieldDetails,
   wn as BsFilterButton,
-  Mo as BsFlyout,
-  No as BsIconGradientWrapper,
+  zo as BsFlyout,
+  Fo as BsIconGradientWrapper,
   Ie as BsInput,
   De as BsInputAddon,
-  zo as BsInputField,
-  Fo as BsInputPhone,
-  Ot as BsInputSearch,
-  Ro as BsInputTypeahead,
+  Ro as BsInputField,
+  jo as BsInputPhone,
+  Vt as BsInputSearch,
+  Wo as BsInputTypeahead,
   ne as BsLabel,
-  jo as BsLoader,
-  Wo as BsModal,
-  il as BsOverlay,
-  Uo as BsPagination,
-  Go as BsPill,
-  Ho as BsProfile,
-  Ll as BsProfileDetails,
-  At as BsProfileImg,
-  Ko as BsProgressBar,
-  Yo as BsRadio,
-  zl as BsSelect,
-  Zo as BsSelectField,
-  Xo as BsSelectWithDropdown,
-  bt as BsSpinner,
-  Qo as BsSwitch,
-  Jo as BsTab,
-  _o as BsTabList,
-  ei as BsTabPanel,
-  to as BsTextarea,
-  ti as BsTextareaField,
-  oo as BsTimePicker,
-  ai as BsTimePickerField,
-  ni as BsTimeline,
-  li as BsToast,
-  oi as BsToastActions,
-  ii as BsToastBody,
-  ri as BsToastHeader,
-  si as BsToaster,
-  di as BsTooltip,
-  ui as bsSelectors
+  Uo as BsLoader,
+  Go as BsModal,
+  rl as BsOverlay,
+  Ho as BsPagination,
+  Ko as BsPill,
+  Yo as BsProfile,
+  Pl as BsProfileDetails,
+  Ot as BsProfileImg,
+  Zo as BsProgressBar,
+  Xo as BsRadio,
+  Rl as BsSelect,
+  Qo as BsSelectField,
+  Jo as BsSelectWithDropdown,
+  ht as BsSpinner,
+  _o as BsSwitch,
+  ei as BsTab,
+  ti as BsTabList,
+  ai as BsTabPanel,
+  no as BsTextarea,
+  ni as BsTextareaField,
+  ro as BsTimePicker,
+  li as BsTimePickerField,
+  oi as BsTimeline,
+  ii as BsToast,
+  ri as BsToastActions,
+  si as BsToastBody,
+  di as BsToastHeader,
+  ui as BsToaster,
+  ci as BsTooltip,
+  fi as bsSelectors
 };