@wwtdev/bsds-components-vue3 2.2.0 → 2.3.0

package/lib/bsds-components.js

@@ -1,52 +1,53 @@
-import { computed as g, ref as $, onMounted as U, onUnmounted as ae, shallowRef as tt, watch as z, defineAsyncComponent as Ee, openBlock as s, createElementBlock as p, unref as f, createElementVNode as B, renderSlot as L, createBlock as V, resolveDynamicComponent as Z, createCommentVNode as I, toDisplayString as T, createVNode as P, normalizeClass as _, useAttrs as G, mergeProps as R, withCtx as E, Fragment as N, renderList as X, createTextVNode as j, withDirectives as he, Transition as Ne, vShow as ve, provide as le, inject as oe, onBeforeMount as at, withModifiers as je, nextTick as de, Teleport as nt, isRef as lt, useSlots as ot } from "vue";
-import { v4 as it } from "uuid";
-import { BsIconCaretDown as Ye, BsIconWarning as Ve, BsIconClose as be, BsIconCaretSort as rt, BsIconSearch as st, BsIconCaretLeftDouble as dt, BsIconCaretLeft as ut, BsIconCaretRight as ct, BsIconCaretRightDouble as ft, BsIconActionEllipsis as pt, BsIconCircleExclamation as ht, BsIconThumbsUpStroke as vt } from "@wwtdev/bsds-icons-vue3";
-import { Chart as Ae, BarController as bt, BarElement as gt, CategoryScale as mt, LinearScale as yt, Legend as Bt, Tooltip as $t } from "chart.js";
-import { getSupportedCallingCodes as St, getRegionCodeForCountryCode as wt, parsePhoneNumber as Fe } from "awesome-phonenumber";
-const We = {
+import { computed as v, ref as y, onMounted as W, onUnmounted as oe, shallowRef as st, watch as z, defineAsyncComponent as Me, openBlock as d, createElementBlock as h, unref as p, createElementVNode as B, renderSlot as E, createBlock as V, resolveDynamicComponent as J, createCommentVNode as $, toDisplayString as T, createVNode as D, normalizeClass as ae, Fragment as j, useAttrs as G, mergeProps as P, withCtx as O, toHandlers as De, onBeforeUnmount as Je, onBeforeMount as _e, createTextVNode as U, renderList as Z, withDirectives as ge, Transition as Fe, vShow as ye, provide as re, Teleport as dt, normalizeStyle as ut, inject as se, withModifiers as We, nextTick as ve, isRef as ct, useSlots as ft } from "vue";
+import { v4 as et } from "uuid";
+import { BsIconCaretDown as tt, BsIconWarning as Oe, BsIconClose as Be, BsIconCalendar as at, BsIconCaretSort as pt, BsIconSearch as ht, BsIconCaretLeftDouble as vt, BsIconCaretLeft as bt, BsIconCaretRight as mt, BsIconCaretRightDouble as gt, BsIconActionEllipsis as yt, BsIconCircleExclamation as Bt, BsIconThumbsUpStroke as St } from "@wwtdev/bsds-icons-vue3";
+import { DatePicker as wt } from "v-calendar";
+import { Chart as Ve, BarController as $t, BarElement as kt, CategoryScale as It, LinearScale as Ct, Legend as xt, Tooltip as Tt } from "chart.js";
+import { getSupportedCallingCodes as At, getRegionCodeForCountryCode as Lt, parsePhoneNumber as Ge } from "awesome-phonenumber";
+const He = {
   href: "a",
   linkTo: "a",
   onclick: "button",
   onClick: "button",
   type: "button"
 };
-function ge(e, a, t = "button") {
-  const n = kt(e, a, t), l = g(() => {
-    const i = n.value === "button", o = {};
-    return i ? (o.type = a.type || "button", o.autocomplete = "off", e.disabled && (o.disabled = !0)) : e.disabled && (o["aria-disabled"] = "true", o.tabindex = "-1"), o;
-  }), r = g(() => {
-    const i = { ...a, ...l.value };
-    return delete i.href, i;
-  }), d = g(() => e.linkTo || e.href);
-  return { rootTag: n, attrsToBind: r, hrefUrl: d };
+function Se(e, a, t = "button") {
+  const n = Vt(e, a, t), l = v(() => {
+    const o = n.value === "button", i = {};
+    return o ? (i.type = a.type || "button", i.autocomplete = "off", e.disabled && (i.disabled = !0)) : e.disabled && (i["aria-disabled"] = "true", i.tabindex = "-1"), i;
+  }), r = v(() => {
+    const o = { ...a, ...l.value };
+    return delete o.href, o;
+  }), s = v(() => e.linkTo || e.href);
+  return { rootTag: n, attrsToBind: r, hrefUrl: s };
 }
-function kt(e, a, t) {
-  const n = Object.keys(We).find((l) => It(e, a, l));
-  return $(We[n] || t);
+function Vt(e, a, t) {
+  const n = Object.keys(He).find((l) => Et(e, a, l));
+  return y(He[n] || t);
 }
-function It(e, a, t) {
+function Et(e, a, t) {
   return e[t] || a[t];
 }
-const Ct = (e, a) => {
+const Dt = (e, a) => {
   const t = (n) => {
     e.some((l) => {
       var r;
       return (r = l.value) == null ? void 0 : r.contains(n.target);
     }) || a(n);
   };
-  U(() => {
+  W(() => {
     document.addEventListener("click", t);
-  }), ae(() => {
+  }), oe(() => {
     document.removeEventListener("click", t);
   });
 };
-function me(e) {
-  const a = g(() => e.linkTo || e.href || ""), t = g(() => {
-    var r, d;
-    return ((d = (r = a.value) == null ? void 0 : r.startsWith) == null ? void 0 : d.call(r, "/")) || !1;
-  }), n = g(() => {
-    var r, d;
-    return t.value && ((r = e.router) == null ? void 0 : r.navigateTo) || ((d = e.router) == null ? void 0 : d.push) || null;
+function we(e) {
+  const a = v(() => e.linkTo || e.href || ""), t = v(() => {
+    var r, s;
+    return ((s = (r = a.value) == null ? void 0 : r.startsWith) == null ? void 0 : s.call(r, "/")) || !1;
+  }), n = v(() => {
+    var r, s;
+    return t.value && ((r = e.router) == null ? void 0 : r.navigateTo) || ((s = e.router) == null ? void 0 : s.push) || null;
   });
   function l(r) {
     if (e.disabled) {
@@ -59,62 +60,62 @@ function me(e) {
   }
   return { onLinkClick: l };
 }
-function Ue(e) {
+function Ke(e) {
   return e.split("-").map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join("");
 }
-const fe = (e, a) => {
+const be = (e, a) => {
   function t(l) {
     if (!l)
       return null;
-    const r = l.startsWith("bs-") ? Ue(l) : `BsIcon${Ue(l)}`;
-    return Ee(async () => {
-      const { [r]: d } = await import("@wwtdev/bsds-icons-vue3");
-      return d;
+    const r = l.startsWith("bs-") ? Ke(l) : `BsIcon${Ke(l)}`;
+    return Me(async () => {
+      const { [r]: s } = await import("@wwtdev/bsds-icons-vue3");
+      return s;
     });
   }
-  const n = tt();
+  const n = st();
   return n.value = t(e[a]), z(() => e[a], async (l) => n.value = t(l)), { icon: n };
 };
 function Y(e = 1) {
   const a = [];
   for (let t = 0; t < e; t++)
-    a.push($(""));
-  return U(() => {
-    a.forEach((t) => t.value = `id-${it()}`);
+    a.push(y(""));
+  return W(() => {
+    a.forEach((t) => t.value = `id-${et()}`);
   }), a;
 }
-const ye = (e, a, t = void 0) => {
+const $e = (e, a, t = void 0) => {
   const n = (l) => {
     e.includes(l.key) && a(l);
   };
-  U(() => {
+  W(() => {
     ((t == null ? void 0 : t.value) ?? document).addEventListener("keydown", n);
-  }), ae(() => {
+  }), oe(() => {
     ((t == null ? void 0 : t.value) ?? document).removeEventListener("keydown", n);
   });
-}, Tt = (e, a, t) => {
+}, Ot = (e, a, t) => {
   let n = null;
-  U(() => {
+  W(() => {
     n = new MutationObserver(a), n.observe(e.value, t);
-  }), ae(() => {
+  }), oe(() => {
     n.disconnect();
   });
 };
 function ie(e, a, t = []) {
-  var i, o;
-  const n = ((o = (i = e.passAttrs) == null ? void 0 : i.split) == null ? void 0 : o.call(i, ",")) || [], l = /* @__PURE__ */ new Set([...n, ...t]);
+  var o, i;
+  const n = ((i = (o = e.passAttrs) == null ? void 0 : o.split) == null ? void 0 : i.call(o, ",")) || [], l = /* @__PURE__ */ new Set([...n, ...t]);
   l.delete("");
-  const r = $({}), d = $({});
+  const r = y({}), s = y({});
   for (let u in a)
-    l.has(u) ? d.value[u] = a[u] : r.value[u] = a[u];
+    l.has(u) ? s.value[u] = a[u] : r.value[u] = a[u];
   return {
     toRoot: r,
-    toChild: d
+    toChild: s
   };
 }
-const Be = (e) => {
-  const a = $(!1);
-  return U(() => {
+const ue = (e) => {
+  const a = y(!1);
+  return W(() => {
     a.value = e.enterControlled || e.preloaded ? e.enterTrigger : e.shown;
   }), z(() => e.shown, (t) => {
     a.value = t;
@@ -123,11 +124,11 @@ const Be = (e) => {
   }), z(() => e.leaveTrigger, (t) => {
     t && (a.value = !1);
   }), { transition: a };
-}, xt = ["id", "data-stacked"], At = ["data-open"], Lt = ["aria-controls", "aria-expanded"], Vt = {
+}, qt = ["id", "data-stacked"], Mt = ["data-open"], Pt = ["aria-controls", "aria-expanded"], zt = {
   key: 0,
   "data-position": "start",
   style: { display: "inline-flex" }
-}, Et = ["id", "aria-level"], Pt = ["aria-labelledby", "data-open", "id"], sl = {
+}, Rt = ["id", "aria-level"], Nt = ["aria-labelledby", "data-open", "id"], xl = {
   __name: "BsAccordion",
   props: {
     controlled: { type: Boolean, default: !1 },
@@ -143,12 +144,12 @@ const Be = (e) => {
   },
   emits: ["toggled"],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = $(null), r = $(!1), { icon: d } = fe(t, "icon"), [i] = Y(), o = g(() => i.value + "-content"), u = g(() => i.value + "-title"), c = g(() => t.openItemId && t.openItemId === i.value || t.openItem === !0), h = g(() => t.controlled ? c.value : r.value);
-    function m() {
-      n("toggled", i.value), t.controlled || (r.value = !r.value);
+    const t = e, n = a, l = y(null), r = y(!1), { icon: s } = be(t, "icon"), [o] = Y(), i = v(() => o.value + "-content"), u = v(() => o.value + "-title"), c = v(() => t.openItemId && t.openItemId === o.value || t.openItem === !0), f = v(() => t.controlled ? c.value : r.value);
+    function g() {
+      n("toggled", o.value), t.controlled || (r.value = !r.value);
     }
-    return (b, x) => (s(), p("div", {
-      id: f(i),
+    return (m, x) => (d(), h("div", {
+      id: p(o),
       ref_key: "containerRef",
       ref: l,
       class: "bs-accordion",
@@ -157,45 +158,45 @@ const Be = (e) => {
     }, [
       B("header", {
         part: "header",
-        "data-open": h.value
+        "data-open": f.value
       }, [
         B("button", {
-          "aria-controls": o.value,
-          "aria-expanded": h.value,
+          "aria-controls": i.value,
+          "aria-expanded": f.value,
           type: "button",
-          onClick: m
+          onClick: g
         }, [
-          e.icon || b.$slots.icon ? (s(), p("span", Vt, [
-            L(b.$slots, "icon", {}, () => [
-              e.icon ? (s(), V(Z(f(d) ? f(d) : "span"), { key: 0 })) : I("", !0)
+          e.icon || m.$slots.icon ? (d(), h("span", zt, [
+            E(m.$slots, "icon", {}, () => [
+              e.icon ? (d(), V(J(p(s) ? p(s) : "span"), { key: 0 })) : $("", !0)
             ])
-          ])) : I("", !0),
+          ])) : $("", !0),
           B("span", {
             id: u.value,
             "aria-level": e.headingLevel,
             role: "heading"
-          }, T(e.headerText), 9, Et),
-          P(f(Ye), {
+          }, T(e.headerText), 9, Rt),
+          D(p(tt), {
             size: "md",
             "data-position": "end"
           })
-        ], 8, Lt)
-      ], 8, At),
+        ], 8, Pt)
+      ], 8, Mt),
       B("div", {
         "aria-labelledby": u.value,
         class: "bs-accordion-content",
-        "data-open": h.value,
-        id: o.value,
+        "data-open": f.value,
+        id: i.value,
         part: "content",
         role: "region"
       }, [
         B("div", null, [
-          L(b.$slots, "default")
+          E(m.$slots, "default")
         ])
-      ], 8, Pt)
-    ], 8, xt));
+      ], 8, Nt)
+    ], 8, qt));
   }
-}, Ot = ["data-badge-color", "data-count", "data-position", "data-show-zero", "data-variant", "aria-label"], Dt = {
+}, jt = ["data-badge-color", "data-count", "data-position", "data-show-zero", "data-variant", "aria-label"], Ut = {
   __name: "BsBadge",
   props: {
     /** Pass value to set `data-badge-color`. */
@@ -242,18 +243,18 @@ const Be = (e) => {
     }
   },
   setup(e) {
-    const a = e, t = $(null), n = g(() => a.count === 0 ? "0" : !a.count || a.dot ? null : a.count > a.countMax ? a.countMax + "+" : a.count.toString()), l = g(() => {
-      var o, u;
-      const r = ((u = (o = t.value) == null ? void 0 : o.textContent) == null ? void 0 : u.trim()) || "", d = n.value ? n.value + " " : "";
-      if (!d && !a.dot)
+    const a = e, t = y(null), n = v(() => a.count === 0 ? "0" : !a.count || a.dot ? null : a.count > a.countMax ? a.countMax + "+" : a.count.toString()), l = v(() => {
+      var i, u;
+      const r = ((u = (i = t.value) == null ? void 0 : i.textContent) == null ? void 0 : u.trim()) || "", s = n.value ? n.value + " " : "";
+      if (!s && !a.dot)
         return r;
-      const i = a.count !== 1 ? "s" : "";
-      return `${r ? `${r}, ` : ""}${d}${a.label}${i}`;
+      const o = a.count !== 1 ? "s" : "";
+      return `${r ? `${r}, ` : ""}${s}${a.label}${o}`;
     });
-    return (r, d) => (s(), p("span", {
+    return (r, s) => (d(), h("span", {
       ref_key: "hostRef",
       ref: t,
-      class: _({ "bs-badge": e.dot || n.value }),
+      class: ae({ "bs-badge": e.dot || n.value }),
       "data-badge-color": e.color,
       "data-component": "bs-badge",
       "data-count": n.value,
@@ -262,40 +263,491 @@ const Be = (e) => {
       "data-variant": e.variant,
       "aria-label": l.value
     }, [
-      e.variant !== "notext" ? L(r.$slots, "default", { key: 0 }) : I("", !0)
-    ], 10, Ot));
+      e.variant !== "notext" ? E(r.$slots, "default", { key: 0 }) : $("", !0)
+    ], 10, jt));
   }
-}, Mt = {
+}, Ft = {
   key: 0,
   role: "alert",
   class: "bs-banner"
-}, qt = { class: "bs-banner-content" }, zt = { class: "bs-banner-warning-icon" }, dl = {
+}, Wt = { class: "bs-banner-content" }, Gt = { class: "bs-banner-warning-icon" }, Tl = {
   __name: "BsBanner",
   emits: ["dismiss"],
   setup(e, { emit: a }) {
-    const t = a, n = $(!1);
+    const t = a, n = y(!1);
     function l() {
       n.value = !0, t("dismiss");
     }
-    return (r, d) => n.value ? I("", !0) : (s(), p("div", Mt, [
-      B("div", qt, [
-        B("div", zt, [
-          P(f(Ve), { size: "lg" })
+    return (r, s) => n.value ? $("", !0) : (d(), h("div", Ft, [
+      B("div", Wt, [
+        B("div", Gt, [
+          D(p(Oe), { size: "lg" })
         ]),
         B("p", null, [
-          L(r.$slots, "default")
+          E(r.$slots, "default")
         ]),
         B("button", {
           type: "button",
           title: "Close Banner",
           onClick: l
         }, [
-          P(f(be))
+          D(p(Be))
         ])
       ])
     ]));
   }
-}, Rt = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Ht = {
+  class: "bs-field-details",
+  "data-component": "bs-field-details"
+}, Kt = ["id", "data-error"], Yt = ["data-error"], ce = {
+  __name: "BsFieldDetails",
+  props: {
+    /** The number of characters that have been entered by the user.  */
+    charCount: Number,
+    /** Pass value to show character count and set the maximum number of characters that are allowed to be submitted by the user.  */
+    charMax: Number,
+    /** Applies error styles to the helper text. */
+    error: {
+      type: Boolean,
+      default: !1
+    },
+    /** Pass error text.  Will be shown if `error` is `true`. */
+    errorMsg: String,
+    /** Pass single helper text. */
+    hint: String,
+    /** Adds an id to associate a hint to an input. */
+    hintId: String
+  },
+  setup(e) {
+    const a = e, t = v(() => a.error && a.errorMsg || a.hint);
+    return (n, l) => (d(), h("div", Ht, [
+      t.value ? (d(), h("span", {
+        key: 0,
+        id: e.hintId,
+        class: "bs-hint",
+        "data-error": e.error
+      }, T(t.value), 9, Kt)) : $("", !0),
+      e.charMax ? (d(), h("span", {
+        key: 1,
+        "aria-description": "character count over character limit for the preceding text field",
+        class: "bs-character-count",
+        "data-error": a.charCount > a.charMax
+      }, T(a.charCount || "0") + " / " + T(a.charMax), 9, Yt)) : $("", !0)
+    ]));
+  }
+}, Qt = ["data-disabled", "for"], Xt = /* @__PURE__ */ B("span", {
+  "data-required": "true",
+  "aria-hidden": "true"
+}, " *", -1), Zt = /* @__PURE__ */ B("span", { class: "visually-hidden" }, "required", -1), ne = {
+  __name: "BsLabel",
+  props: {
+    disabled: { type: Boolean, default: !1 },
+    for: { type: String, required: !0 },
+    hide: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    return (a, t) => (d(), h("label", {
+      class: ae(["bs-label", e.hide ? "visually-hidden" : ""]),
+      "data-component": "bs-label",
+      "data-disabled": e.disabled,
+      for: e.for
+    }, [
+      B("span", null, [
+        E(a.$slots, "default")
+      ]),
+      e.required ? (d(), h(j, { key: 0 }, [
+        Xt,
+        Zt
+      ], 64)) : $("", !0)
+    ], 10, Qt));
+  }
+}, Jt = ["data-error", "id", "value"], fe = {
+  __name: "BsInput",
+  props: {
+    error: {
+      type: Boolean,
+      default: !1
+    },
+    hintId: String,
+    /** @Deprecated - Just set `id` since it will fall-through to the inner input element. */
+    inputId: String,
+    modelValue: [String, Number],
+    value: [String, Number]
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: a }) {
+    const t = e, n = a, l = G(), r = v(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
+    function s(o) {
+      const i = l.type === "number" ? parseInt(o.target.value) : o.target.value;
+      n("update:modelValue", i);
+    }
+    return (o, i) => (d(), h("input", P({
+      class: "bs-input",
+      "data-component": "bs-input",
+      "data-error": e.error,
+      id: o.$attrs.id || e.inputId,
+      value: e.value || e.modelValue,
+      onInput: s
+    }, r.value), null, 16, Jt));
+  }
+}, _t = ["data-disabled", "data-error", "data-variant", "data-multifocus"], ke = {
+  __name: "BsInputAddon",
+  props: {
+    disabled: { type: Boolean, default: !1 },
+    error: { type: Boolean, default: !1 },
+    multifocus: { type: Boolean, default: !1 },
+    variant: { type: String, validator: (e) => e === "inner-bordered" }
+  },
+  setup(e) {
+    return (a, t) => (d(), h("div", {
+      class: "bs-input-addon",
+      "data-component": "bs-input-addon",
+      "data-disabled": e.disabled,
+      "data-error": e.error,
+      "data-variant": e.variant,
+      "data-multifocus": e.multifocus
+    }, [
+      E(a.$slots, "default")
+    ], 8, _t));
+  }
+}, ea = {
+  __name: "BsInputDateSingle",
+  props: {
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    error: {
+      type: Boolean,
+      default: !1
+    },
+    inputId: {
+      type: String,
+      required: !0
+    },
+    listeners: {
+      type: Object,
+      default: () => ({})
+    },
+    modelValue: {
+      type: [Date, Object, String],
+      default: null
+    },
+    placeholder: {
+      type: String,
+      default: "Choose your date"
+    },
+    required: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    return (a, t) => (d(), V(ke, {
+      disabled: e.disabled,
+      error: e.error
+    }, {
+      default: O(() => [
+        D(p(at)),
+        D(fe, P({
+          "data-autowidth": "",
+          disabled: e.disabled,
+          id: e.inputId,
+          "model-value": e.modelValue,
+          placeholder: e.placeholder,
+          required: e.required
+        }, De(e.listeners)), null, 16, ["disabled", "id", "model-value", "placeholder", "required"])
+      ]),
+      _: 1
+    }, 8, ["disabled", "error"]));
+  }
+};
+function qe(e, a, t) {
+  let n;
+  return function() {
+    let l = this, r = arguments;
+    clearTimeout(n), t && !n && e.apply(l, r), n = setTimeout(function() {
+      n = null, t || e.apply(l, r);
+    }, a);
+  };
+}
+const ta = ["disabled", "id", "model-value"], aa = ["disabled", "id", "model-value"], na = {
+  __name: "BsInputDateRange",
+  props: {
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    error: {
+      type: Boolean,
+      default: !1
+    },
+    inputId: {
+      type: String,
+      required: !0
+    },
+    inputValue: {
+      type: Object,
+      default: null
+    },
+    inputValueFmt: {
+      type: String
+    },
+    listeners: {
+      type: Object,
+      default: () => ({})
+    },
+    placeholder: {
+      type: String,
+      default: "Choose your date"
+    },
+    required: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["ui-focusin", "ui-input"],
+  setup(e, { emit: a }) {
+    const t = a, n = y(null), l = y(null);
+    function r(u) {
+      const c = new Event("change", { bubbles: !0, cancelable: !0 });
+      u.dispatchEvent(c);
+    }
+    function s(u) {
+      const { value: c } = u.target, [f, g] = c.split(/ to | - /);
+      n.value.value = f || "", l.value.value = g || "", r(n.value), r(l.value);
+    }
+    const o = qe(s, 1e3);
+    function i(u) {
+      t("ui-input"), o(u);
+    }
+    return (u, c) => (d(), V(ke, {
+      disabled: e.disabled,
+      error: e.error
+    }, {
+      default: O(() => [
+        D(p(at)),
+        D(fe, {
+          "data-autowidth": "",
+          disabled: e.disabled,
+          id: e.inputId,
+          "model-value": e.inputValueFmt,
+          placeholder: e.placeholder,
+          required: e.required,
+          onFocusin: c[0] || (c[0] = (f) => u.$emit("ui-focusin")),
+          onInput: i,
+          onChange: s
+        }, null, 8, ["disabled", "id", "model-value", "placeholder", "required"]),
+        B("input", P({
+          ref_key: "hiddenStart",
+          ref: n,
+          type: "hidden",
+          disabled: e.disabled,
+          id: `${e.inputId}-start`,
+          "model-value": e.inputValue.start
+        }, De(e.listeners.start, !0)), null, 16, ta),
+        B("input", P({
+          ref_key: "hiddenEnd",
+          ref: l,
+          type: "hidden",
+          disabled: e.disabled,
+          id: `${e.inputId}-end`,
+          "model-value": e.inputValue.end
+        }, De(e.listeners.end, !0)), null, 16, aa)
+      ]),
+      _: 1
+    }, 8, ["disabled", "error"]));
+  }
+};
+function la(e) {
+  var a, t;
+  return ((t = (a = e == null ? void 0 : e.classList) == null ? void 0 : a.contains) == null ? void 0 : t.call(a, "vc-arrow")) && (e.classList.contains("vc-prev") || e.classList.contains("vc-next"));
+}
+function oa(e) {
+  return e === " " || e === "Spacebar" || e === "Enter";
+}
+function Ye(e) {
+  la(e == null ? void 0 : e.target) && oa(e == null ? void 0 : e.key) && e.preventDefault();
+}
+function ia(e) {
+  let a;
+  W(() => {
+    var t, n, l;
+    a = (t = e == null ? void 0 : e.value) == null ? void 0 : t.popoverRef, (l = (n = a == null ? void 0 : a.$el) == null ? void 0 : n.addEventListener) == null || l.call(n, "keydown", Ye);
+  }), Je(() => {
+    var t, n;
+    (n = (t = a == null ? void 0 : a.$el) == null ? void 0 : t.removeEventListener) == null || n.call(t, "keydown", Ye), a = null;
+  });
+}
+function Qe(e, a, t = []) {
+  let n;
+  _e(() => {
+    n = window.matchMedia(e), n.addEventListener("change", a), a(n);
+  }), Je(() => {
+    n.removeEventListener("change", a), n = null;
+  }), t.length && z(t, () => a(n));
+}
+const ra = ["data-range"], Xe = "(min-width: 752px)", Al = {
+  __name: "BsCalendar",
+  props: {
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /** Date[] */
+    disabledDates: {
+      type: [Array],
+      default: null
+    },
+    error: {
+      type: Boolean,
+      default: !1
+    },
+    errorMsg: {
+      type: String
+    },
+    hint: {
+      type: String
+    },
+    inputId: {
+      type: String
+    },
+    isRange: {
+      type: Boolean,
+      default: !1
+    },
+    label: {
+      type: String
+    },
+    maxDate: {
+      type: Date
+    },
+    minDate: {
+      type: Date
+    },
+    /** Date | { start: Date, end: Date } */
+    modelValue: {
+      type: [Date, Object],
+      default: null
+    },
+    placeholder: {
+      type: String,
+      default: "Choose your date"
+    },
+    required: {
+      type: Boolean,
+      default: !1
+    },
+    step: {
+      type: Number,
+      default: 1,
+      validator: (e) => e === 1 || e === 2
+    },
+    variant: {
+      type: String,
+      validator: (e) => ["", "2-col"].includes(e)
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: a }) {
+    const t = e, n = y(null), l = y(1), r = y(null), [s, o] = Y(2), i = y(1), { toRoot: u, toChild: c } = ie({}, G(), [
+      "attributes",
+      "expanded",
+      "first-day-of-week",
+      "locale",
+      "masks",
+      "rows",
+      "trim-weeks"
+    ]), f = v(() => t.inputId || s.value), g = v(() => ({ range: t.isRange })), m = v(() => !!(t.error && t.errorMsg || t.hint)), x = v(() => t.step), k = v(() => t.variant);
+    ia(n), Qe(
+      Xe,
+      (b) => l.value = b != null && b.matches && k.value == "2-col" ? 2 : 1,
+      [k]
+    ), Qe(
+      Xe,
+      (b) => i.value = b != null && b.matches && k.value == "2-col" ? x.value : 1,
+      [x, k]
+    );
+    function w(b) {
+      return t.isRange && b.start && b.end ? `${b.start} to ${b.end}` : !t.isRange && b ? b : "";
+    }
+    function I(b) {
+      !t.isRange || r.value.contains(b.relatedTarget) || n.value.hidePopover();
+    }
+    return (b, C) => (d(), h("div", P({
+      ref_key: "container",
+      ref: r,
+      class: "bs-calendar",
+      "data-range": e.isRange,
+      onFocusout: I
+    }, p(u)), [
+      e.label || b.$slots.label ? (d(), V(ne, {
+        key: 0,
+        for: f.value,
+        disabled: e.disabled,
+        required: e.required
+      }, {
+        default: O(() => [
+          E(b.$slots, "label", {}, () => [
+            U(T(e.label), 1)
+          ])
+        ]),
+        _: 3
+      }, 8, ["for", "disabled", "required"])) : $("", !0),
+      D(p(wt), P({
+        ref_key: "calendar",
+        ref: n,
+        columns: l.value,
+        "disabled-dates": e.disabledDates,
+        "max-date": e.maxDate,
+        "min-date": e.minDate,
+        mode: "date",
+        "model-value": e.modelValue,
+        "model-modifiers": g.value,
+        popover: { visibility: "focus" },
+        rows: 1,
+        step: i.value,
+        "onUpdate:modelValue": C[0] || (C[0] = (q) => b.$emit("update:modelValue", q))
+      }, p(c)), {
+        default: O(({ inputValue: q, inputEvents: A, showPopover: M }) => [
+          e.isRange ? (d(), V(na, {
+            key: 1,
+            disabled: e.disabled,
+            error: e.error,
+            "hidden-end-ref": b.inputEnd,
+            "hidden-start-ref": b.inputStart,
+            "input-id": f.value,
+            "input-value": q,
+            "input-value-fmt": w(q),
+            listeners: A,
+            placeholder: e.placeholder,
+            required: e.required,
+            onUiFocusin: M,
+            onUiInput: M
+          }, null, 8, ["disabled", "error", "hidden-end-ref", "hidden-start-ref", "input-id", "input-value", "input-value-fmt", "listeners", "placeholder", "required", "onUiFocusin", "onUiInput"])) : (d(), V(ea, {
+            key: 0,
+            disabled: e.disabled,
+            error: e.error,
+            "input-id": f.value,
+            listeners: A,
+            "model-value": w(q),
+            placeholder: e.placeholder,
+            required: e.required
+          }, null, 8, ["disabled", "error", "input-id", "listeners", "model-value", "placeholder", "required"]))
+        ]),
+        _: 1
+      }, 16, ["columns", "disabled-dates", "max-date", "min-date", "model-value", "model-modifiers", "step"]),
+      m.value ? (d(), V(ce, {
+        key: 1,
+        error: e.error,
+        "error-msg": e.errorMsg,
+        hint: e.hint,
+        "hint-id": p(o)
+      }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : $("", !0)
+    ], 16, ra));
+  }
+}, sa = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsButton",
   props: {
     variant: { type: String },
@@ -309,23 +761,23 @@ const Be = (e) => {
     size: { type: String, validator: (e) => ["sm", "xs", "xxs"].includes(e) }
   },
   setup(e) {
-    const a = e, t = G(), { rootTag: n, attrsToBind: l, hrefUrl: r } = ge(a, t), { onLinkClick: d } = me(a);
-    return (i, o) => (s(), V(Z(f(n)), R({
+    const a = e, t = G(), { rootTag: n, attrsToBind: l, hrefUrl: r } = Se(a, t), { onLinkClick: s } = we(a);
+    return (o, i) => (d(), V(J(p(n)), P({
       class: "bs-button",
       "data-component": "bs-button",
       "data-ghost": e.ghostBtn,
       "data-size": e.size,
       "data-text": e.textBtn,
       "data-variant": e.variant,
-      ".href": f(r)
-    }, f(l), { onClick: f(d) }), {
-      default: E(() => [
-        L(i.$slots, "default")
+      ".href": p(r)
+    }, p(l), { onClick: p(s) }), {
+      default: O(() => [
+        E(o.$slots, "default")
       ]),
       _: 3
     }, 48, ["data-ghost", "data-size", "data-text", "data-variant", ".href", "onClick"]));
   }
-}), Nt = { "data-component": "bs-chart-table" }, jt = ["summary"], Ft = ["colspan"], Wt = /* @__PURE__ */ B("th", { scope: "col" }, " Dataset ", -1), Ut = { scope: "row" }, Gt = {
+}), da = { "data-component": "bs-chart-table" }, ua = ["summary"], ca = ["colspan"], fa = /* @__PURE__ */ B("th", { scope: "col" }, " Dataset ", -1), pa = { scope: "row" }, ha = {
   __name: "BsChartTable",
   props: {
     data: {
@@ -344,52 +796,52 @@ const Be = (e) => {
   setup(e) {
     return (a, t) => {
       var n;
-      return s(), p("div", Nt, [
+      return d(), h("div", da, [
         B("table", { summary: e.tableTitle }, [
           B("thead", null, [
             B("tr", null, [
               B("th", {
                 colspan: ((n = e.dataIdxLabels) == null ? void 0 : n.length) + 1
-              }, T(e.tableTitle), 9, Ft)
+              }, T(e.tableTitle), 9, ca)
             ]),
             B("tr", null, [
-              Wt,
-              (s(!0), p(N, null, X(e.dataIdxLabels, (l) => (s(), p("th", {
+              fa,
+              (d(!0), h(j, null, Z(e.dataIdxLabels, (l) => (d(), h("th", {
                 key: l,
                 scope: "col"
               }, T(l), 1))), 128))
             ])
           ]),
           B("tbody", null, [
-            (s(!0), p(N, null, X(e.data, (l) => (s(), p("tr", {
+            (d(!0), h(j, null, Z(e.data, (l) => (d(), h("tr", {
               key: l.label
             }, [
-              B("th", Ut, T(l.label), 1),
-              (s(!0), p(N, null, X(l.data, (r, d) => (s(), p("td", {
-                key: `${r}${d}`
+              B("th", pa, T(l.label), 1),
+              (d(!0), h(j, null, Z(l.data, (r, s) => (d(), h("td", {
+                key: `${r}${s}`
               }, T(r), 1))), 128))
             ]))), 128))
           ])
-        ], 8, jt)
+        ], 8, ua)
       ]);
     };
   }
-}, Ht = (e) => ({
+}, va = (e) => ({
   id: "htmlLegend",
   afterUpdate(a) {
     e.innerHTML = "", e.style.setProperty("--legend-padding", `${a.scales.x.left}px`), a.options.plugins.legend.labels.generateLabels(a).forEach((n) => {
       const l = document.createElement("li");
       l.onclick = () => {
-        const { type: o } = a.config._config;
-        o === "pie" || o === "doughnut" ? a.toggleDataVisibility(n.index) : a.setDatasetVisibility(n.datasetIndex, !a.isDatasetVisible(n.datasetIndex)), a.update();
+        const { type: i } = a.config._config;
+        i === "pie" || i === "doughnut" ? a.toggleDataVisibility(n.index) : a.setDatasetVisibility(n.datasetIndex, !a.isDatasetVisible(n.datasetIndex)), a.update();
       };
       const r = document.createElement("span");
       r.style.setProperty("--item-box-fill", n.fillStyle), r.style.setProperty("--item-box-stroke", n.strokeStyle);
-      const d = document.createTextNode(n.text), i = document.createElement("p");
-      i.style.setProperty("--item-text-color", n.fontColor), i.style.setProperty("--item-text-decoration", n.hidden ? "line-through" : "none"), i.appendChild(d), l.appendChild(r), l.appendChild(i), e.appendChild(l);
+      const s = document.createTextNode(n.text), o = document.createElement("p");
+      o.style.setProperty("--item-text-color", n.fontColor), o.style.setProperty("--item-text-decoration", n.hidden ? "line-through" : "none"), o.appendChild(s), l.appendChild(r), l.appendChild(o), e.appendChild(l);
     });
   }
-}), Kt = ({ type: e, datasets: a, labels: t, tooltips: n }) => ({
+}), ba = ({ type: e, datasets: a, labels: t, tooltips: n }) => ({
   type: e,
   data: {
     datasets: a,
@@ -408,7 +860,7 @@ const Be = (e) => {
     responsive: !0
   }
 });
-function Yt(e) {
+function ma(e) {
   const a = [
     "rgba(209, 26, 111, 1)",
     "rgba(130, 18, 196, 1)",
@@ -421,19 +873,10 @@ function Yt(e) {
   ], t = a[e % a.length];
   return e >= a.length ? t.replace("1)", "0.5)") : t;
 }
-function Ge(e, a, t) {
-  let n;
-  return function() {
-    let l = this, r = arguments;
-    clearTimeout(n), t && !n && e.apply(l, r), n = setTimeout(function() {
-      n = null, t || e.apply(l, r);
-    }, a);
-  };
-}
-const Xt = {
+const ga = {
   class: "bs-chart-bar",
   "data-component": "bs-chart-bar"
-}, Zt = ["aria-label"], Jt = ["data-hidden"], ul = {
+}, ya = ["aria-label"], Ba = ["data-hidden"], Ll = {
   __name: "BsChartBar",
   props: {
     chartTitle: {
@@ -487,16 +930,16 @@ const Xt = {
     }
   },
   setup(e) {
-    const a = e, t = $(null), n = $(null);
+    const a = e, t = y(null), n = y(null);
     let l;
-    const r = g(() => {
+    const r = v(() => {
       const c = {
-        datasets: d.value,
+        datasets: s.value,
         labels: a.dataIdxLabels,
         type: "bar",
         tooltips: a.showTooltips
-      }, h = Kt(c);
-      return h.plugins = [Ht(n.value)], h.options.scales = {
+      }, f = ba(c);
+      return f.plugins = [va(n.value)], f.options.scales = {
         x: {
           grid: {
             display: a.showXGrid
@@ -517,33 +960,33 @@ const Xt = {
             text: a.yLabel
           }
         }
-      }, h;
-    }), d = g(() => a.data.map((c, h) => ({
+      }, f;
+    }), s = v(() => a.data.map((c, f) => ({
       ...c,
-      backgroundColor: Yt(h),
+      backgroundColor: ma(f),
       categoryPercentage: a.data.length > 1 ? 0.5 : 0.33
-    }))), i = g(() => a.chartTitle || `${a.yLabel} / ${a.xLabel}`), o = Ge(function(c, h) {
-      !l || c === h || (l.options = r.value.options, l.update());
-    }, 100), u = Ge(function() {
+    }))), o = v(() => a.chartTitle || `${a.yLabel} / ${a.xLabel}`), i = qe(function(c, f) {
+      !l || c === f || (l.options = r.value.options, l.update());
+    }, 100), u = qe(function() {
       l && (l.data = r.value.data, l.update());
     }, 100);
-    return U(() => {
-      Ae.register(bt, gt, mt, yt, Bt, $t), Ae.defaults.font.family = "'Roobert', sans-serif", l = new Ae(t.value, r.value);
-    }), z(() => a.showLegend, o), z(() => a.showTooltips, o), z(() => a.showXGrid, o), z(() => a.showYGrid, o), z(() => a.stacked, o), z(() => a.xLabel, o), z(() => a.yLabel, o), z(() => a.data, u), z(() => a.dataIdxLabels, u), (c, h) => (s(), p("div", Xt, [
+    return W(() => {
+      Ve.register($t, kt, It, Ct, xt, Tt), Ve.defaults.font.family = "'Roobert', sans-serif", l = new Ve(t.value, r.value);
+    }), z(() => a.showLegend, i), z(() => a.showTooltips, i), z(() => a.showXGrid, i), z(() => a.showYGrid, i), z(() => a.stacked, i), z(() => a.xLabel, i), z(() => a.yLabel, i), z(() => a.data, u), z(() => a.dataIdxLabels, u), (c, f) => (d(), h("div", ga, [
       B("figure", null, [
         B("div", null, [
           B("canvas", {
-            "aria-label": i.value,
+            "aria-label": o.value,
             ref_key: "canvas",
             ref: t,
             role: "img"
-          }, null, 8, Zt)
+          }, null, 8, ya)
         ]),
         B("div", null, [
-          P(Gt, {
+          D(ha, {
             data: e.data,
             "data-idx-labels": e.dataIdxLabels,
-            "table-title": i.value
+            "table-title": o.value
           }, null, 8, ["data", "data-idx-labels", "table-title"]),
           B("figcaption", {
             "data-hidden": !e.showLegend
@@ -552,39 +995,12 @@ const Xt = {
               ref_key: "legendList",
               ref: n
             }, null, 512)
-          ], 8, Jt)
+          ], 8, Ba)
         ])
       ])
     ]));
   }
-}, Qt = ["data-disabled", "for"], _t = /* @__PURE__ */ B("span", {
-  "data-required": "true",
-  "aria-hidden": "true"
-}, " *", -1), ea = /* @__PURE__ */ B("span", { class: "visually-hidden" }, "required", -1), ne = {
-  __name: "BsLabel",
-  props: {
-    disabled: { type: Boolean, default: !1 },
-    for: { type: String, required: !0 },
-    hide: { type: Boolean, default: !1 },
-    required: { type: Boolean, default: !1 }
-  },
-  setup(e) {
-    return (a, t) => (s(), p("label", {
-      class: _(["bs-label", e.hide ? "visually-hidden" : ""]),
-      "data-component": "bs-label",
-      "data-disabled": e.disabled,
-      for: e.for
-    }, [
-      B("span", null, [
-        L(a.$slots, "default")
-      ]),
-      e.required ? (s(), p(N, { key: 0 }, [
-        _t,
-        ea
-      ], 64)) : I("", !0)
-    ], 10, Qt));
-  }
-}, ta = ["data-size"], aa = ["checked", "data-error", "disabled", "id", "required", "value"], na = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Sa = ["data-size"], wa = ["checked", "data-error", "disabled", "id", "required", "value"], $a = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsCheckbox",
   props: {
     /** Sets the label. */
@@ -642,29 +1058,29 @@ const Xt = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = G(), [r] = Y(), { toChild: d, toRoot: i } = ie(t, l, ["aria-label", "name", "value"]), o = $(null), u = g(() => t.inputId || r.value), c = g(() => t.checked || m.value), h = g(() => Array.isArray(t.modelValue) && t.value), m = g(() => h.value && t.modelValue.includes(t.value) || typeof t.modelValue == "boolean" && t.modelValue);
-    function b() {
-      o.value && (o.value.indeterminate = t.checkedPartially && !c.value);
+    const t = e, n = a, l = G(), [r] = Y(), { toChild: s, toRoot: o } = ie(t, l, ["aria-label", "name", "value"]), i = y(null), u = v(() => t.inputId || r.value), c = v(() => t.checked || g.value), f = v(() => Array.isArray(t.modelValue) && t.value), g = v(() => f.value && t.modelValue.includes(t.value) || typeof t.modelValue == "boolean" && t.modelValue);
+    function m() {
+      i.value && (i.value.indeterminate = t.checkedPartially && !c.value);
     }
-    function x(w) {
-      n("update:modelValue", w);
+    function x(I) {
+      n("update:modelValue", I);
     }
-    function C(w) {
-      const v = [...t.modelValue];
-      w ? v.push(t.value) : v.splice(v.indexOf(t.value), 1), n("update:modelValue", v);
+    function k(I) {
+      const b = [...t.modelValue];
+      I ? b.push(t.value) : b.splice(b.indexOf(t.value), 1), n("update:modelValue", b);
     }
-    function S(w) {
-      const { checked: v } = w.target;
-      h.value ? C(v) : x(v);
+    function w(I) {
+      const { checked: b } = I.target;
+      f.value ? k(b) : x(b);
     }
-    return z(c, b), z(() => t.checkedPartially, b), (w, v) => (s(), p("div", R({
+    return z(c, m), z(() => t.checkedPartially, m), (I, b) => (d(), h("div", P({
       class: "bs-boolean",
       "data-component": "bs-checkbox",
       "data-size": e.size
-    }, f(i)), [
-      B("input", R({
+    }, p(o)), [
+      B("input", P({
         ref_key: "inputEl",
-        ref: o,
+        ref: i,
         checked: c.value,
         "data-error": e.error,
         disabled: e.disabled,
@@ -672,24 +1088,24 @@ const Xt = {
         required: e.required,
         value: e.value || "on",
         type: "checkbox",
-        onChange: S
-      }, f(d)), null, 16, aa),
-      e.label || w.$slots.label ? (s(), V(ne, {
+        onChange: w
+      }, p(s)), null, 16, wa),
+      e.label || I.$slots.label ? (d(), V(ne, {
         key: 0,
         for: u.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: E(() => [
-          L(w.$slots, "label", {}, () => [
-            j(T(e.label), 1)
+        default: O(() => [
+          E(I.$slots, "label", {}, () => [
+            U(T(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : I("", !0)
-    ], 16, ta));
+      }, 8, ["for", "disabled", "required"])) : $("", !0)
+    ], 16, Sa));
   }
-}), la = { key: 0 }, oa = { class: "bs-circle-button-icon" }, ia = { key: 1 }, cl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), ka = { key: 0 }, Ia = { class: "bs-circle-button-icon" }, Ca = { key: 1 }, Vl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsCircleButton",
   props: {
     disabled: {
@@ -735,32 +1151,32 @@ const Xt = {
     }
   },
   setup(e) {
-    const a = e, t = G(), { rootTag: n, attrsToBind: l, hrefUrl: r } = ge(a, t), { icon: d } = fe(a, "icon"), { onLinkClick: i } = me(a), o = g(() => a.textBtn ? {} : a.href ? { title: a.label } : { "aria-label": a.label }), u = g(() => {
+    const a = e, t = G(), { rootTag: n, attrsToBind: l, hrefUrl: r } = Se(a, t), { icon: s } = be(a, "icon"), { onLinkClick: o } = we(a), i = v(() => a.textBtn ? {} : a.href ? { title: a.label } : { "aria-label": a.label }), u = v(() => {
       if (a.hoverEffect)
         return a.iconPosition;
-    }), c = g(() => a.textBtn && a.iconPosition !== "left"), h = g(() => a.textBtn && a.iconPosition === "left");
-    return (m, b) => (s(), V(Z(f(n)), R({
+    }), c = v(() => a.textBtn && a.iconPosition !== "left"), f = v(() => a.textBtn && a.iconPosition === "left");
+    return (g, m) => (d(), V(J(p(n)), P({
       class: "bs-circle-button",
       "data-disabled": e.disabled,
       "data-direction": u.value,
       "data-ghost": e.ghostBtn,
       "data-size": e.size,
       "data-text": e.textBtn,
-      ".href": f(r)
-    }, { ...f(l), ...o.value }, { onClick: f(i) }), {
-      default: E(() => [
-        c.value ? (s(), p("span", la, T(e.label), 1)) : I("", !0),
-        B("span", oa, [
-          L(m.$slots, "icon", {}, () => [
-            (s(), V(Z(f(d)), { size: e.size }, null, 8, ["size"]))
+      ".href": p(r)
+    }, { ...p(l), ...i.value }, { onClick: p(o) }), {
+      default: O(() => [
+        c.value ? (d(), h("span", ka, T(e.label), 1)) : $("", !0),
+        B("span", Ia, [
+          E(g.$slots, "icon", {}, () => [
+            (d(), V(J(p(s)), { size: e.size }, null, 8, ["size"]))
           ])
         ]),
-        h.value ? (s(), p("span", ia, T(e.label), 1)) : I("", !0)
+        f.value ? (d(), h("span", Ca, T(e.label), 1)) : $("", !0)
       ]),
       _: 3
     }, 48, ["data-disabled", "data-direction", "data-ghost", "data-size", "data-text", ".href", "onClick"]));
   }
-}), $e = {
+}), Ie = {
   __name: "BsTransition",
   props: {
     shown: {
@@ -804,35 +1220,35 @@ const Xt = {
   ],
   setup(e, { emit: a }) {
     const t = e, n = a, l = [];
-    function r(o, u) {
-      const { duration: c, enterClass: h, enterAttribute: m } = t;
+    function r(i, u) {
+      const { duration: c, enterClass: f, enterAttribute: g } = t;
       l.push(setTimeout(() => {
-        h && o.classList.add(h), m && o.setAttribute(m, ""), l.push(setTimeout(() => {
+        f && i.classList.add(f), g && i.setAttribute(g, ""), l.push(setTimeout(() => {
           u();
-        }, c)), n("enter", o);
+        }, c)), n("enter", i);
       }));
     }
-    function d(o, u) {
+    function s(i, u) {
       const {
         duration: c,
-        enterClass: h,
-        enterAttribute: m,
-        leaveClass: b,
+        enterClass: f,
+        enterAttribute: g,
+        leaveClass: m,
         leaveAttribute: x
       } = t;
-      o.classList.remove(h), o.removeAttribute(m), b && o.classList.add(b), x && o.setAttribute(x, ""), l.push(setTimeout(() => {
+      i.classList.remove(f), i.removeAttribute(g), m && i.classList.add(m), x && i.setAttribute(x, ""), l.push(setTimeout(() => {
         u();
-      }, c)), n("leave", o);
+      }, c)), n("leave", i);
     }
-    function i(o) {
+    function o(i) {
       const { leaveClass: u, leaveAttribute: c } = t;
-      o.classList.remove(u), o.removeAttribute(c), n("after-leave", o);
+      i.classList.remove(u), i.removeAttribute(c), n("after-leave", i);
     }
-    return ae(() => {
-      l.forEach((o) => {
-        clearTimeout(o);
+    return oe(() => {
+      l.forEach((i) => {
+        clearTimeout(i);
       });
-    }), (o, u) => e.preloaded ? he((s(), V(Ne, {
+    }), (i, u) => e.preloaded ? ge((d(), V(Fe, {
       key: 0,
       css: !1,
       onBeforeEnter: u[0] || (u[0] = (c) => n("before-enter", c)),
@@ -840,77 +1256,91 @@ const Xt = {
       onAfterEnter: u[1] || (u[1] = (c) => n("after-enter", c)),
       onEnterCancelled: u[2] || (u[2] = (c) => n("enter-cancelled", c)),
       onBeforeLeave: u[3] || (u[3] = (c) => n("before-leave", c)),
-      onLeave: d,
-      onAfterLeave: i,
+      onLeave: s,
+      onAfterLeave: o,
       onLeaveCancelled: u[4] || (u[4] = (c) => n("leave-cancelled", c))
     }, {
-      default: E(() => [
-        L(o.$slots, "default")
+      default: O(() => [
+        E(i.$slots, "default")
       ]),
       _: 3
     }, 512)), [
-      [ve, e.shown]
-    ]) : (s(), V(Ne, {
+      [ye, e.shown]
+    ]) : (d(), V(Fe, {
       key: 1,
+      appear: !0,
       css: !1,
       onBeforeEnter: u[5] || (u[5] = (c) => n("before-enter", c)),
       onEnter: r,
       onAfterEnter: u[6] || (u[6] = (c) => n("after-enter", c)),
       onEnterCancelled: u[7] || (u[7] = (c) => n("enter-cancelled", c)),
       onBeforeLeave: u[8] || (u[8] = (c) => n("before-leave", c)),
-      onLeave: d,
-      onAfterLeave: i,
+      onLeave: s,
+      onAfterLeave: o,
       onLeaveCancelled: u[9] || (u[9] = (c) => n("leave-cancelled", c))
     }, {
-      default: E(() => [
-        e.shown ? L(o.$slots, "default", { key: 0 }) : I("", !0)
+      default: O(() => [
+        e.shown ? E(i.$slots, "default", { key: 0 }) : $("", !0)
       ]),
       _: 3
     }));
   }
-}, ra = ["data-width", "data-no-mobile"], sa = { key: 0 }, da = { key: 0 }, He = {
-  __name: "BsDropdownInternal",
+}, xa = (e, a = void 0, t = "relative") => {
+  const n = y(null), l = y(null), r = y(!1);
+  let s = !1;
+  return W(() => {
+    e && (n.value = a || et(), document.getElementById(n.value) ? (l.value = document.getElementById(n.value), s = !0) : (l.value = document.createElement("div"), l.value.id = n.value, l.value.style.position = t, document.body.insertAdjacentElement("afterbegin", l.value)), r.value = !0);
+  }), oe(() => {
+    var o;
+    e && !s && ((o = document.getElementById(n.value)) == null || o.remove());
+  }), { breakoutId: n, breakoutStub: l, breakoutMounted: r };
+}, Ta = {
+  key: 0,
+  class: "bs-dropdown-backdrop"
+}, Aa = ["data-width", "data-no-mobile"], La = { key: 0 }, Va = { key: 0 }, Ea = {
+  __name: "BsDropdownNew",
   props: {
-    shown: {
-      type: Boolean,
-      default: !0
+    anchorId: {
+      type: String,
+      required: !0
     },
-    preloaded: {
+    breakout: {
       type: Boolean,
       default: !1
     },
-    width: {
-      type: String,
-      default: void 0,
-      validator: (e) => ["sm", "md", "lg", "content", "anchor"].includes(e)
-    },
-    position: {
-      type: String,
-      default: void 0,
-      validator: (e) => ["top", "center", "right"].includes(e)
-    },
-    anchorId: {
-      required: !0
-    },
     containerId: {
       type: String,
       default: void 0
     },
-    containerRef: {
-      type: Object,
+    helperDescription: {
+      type: String,
       default: void 0
     },
     helperText: {
       type: String,
       default: void 0
     },
-    helperDescription: {
+    position: {
       type: String,
-      default: void 0
+      default: void 0,
+      validator: (e) => ["top", "center", "right"].includes(e)
+    },
+    preloaded: {
+      type: Boolean,
+      default: !1
+    },
+    shown: {
+      type: Boolean,
+      default: !0
     },
     useMobileStyle: {
       type: Boolean,
       default: !0
+    },
+    width: {
+      type: String,
+      default: void 0,
+      validator: (e) => ["sm", "md", "lg", "content", "anchor"].includes(e)
     }
   },
   emits: [
@@ -920,107 +1350,123 @@ const Xt = {
     "after-leave"
   ],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = $(null);
-    let r = !1;
-    const d = new Proxy({}, {
-      get: () => document.getElementById(t.anchorId)
-    });
-    Ct([l, d], () => {
-      r && n("close");
-    }), ye(["Escape"], () => {
-      r && n("close");
-    });
-    function i() {
-      const x = (t.containerRef || document.getElementById(t.containerId)).getBoundingClientRect(), C = document.getElementById(t.anchorId).getBoundingClientRect(), S = l.value.getBoundingClientRect();
+    const t = e, n = a, l = y(null), r = y(null), s = y(!1), o = v(() => document.getElementById(t.anchorId)), i = v(() => t.breakout ? f.value : t.containerId ? document.getElementById(t.containerId) : l.value), u = v(() => t.breakout ? g.value : !0), c = v(() => t.width === "anchor" ? void 0 : t.width), { breakoutStub: f, breakoutMounted: g } = xa(t.breakout, t.containerId);
+    Dt([r, o], () => {
+      s.value && n("close");
+    }), $e(["Escape"], () => {
+      s.value && n("close");
+    }), re("dropdownAfterEnter", s), re("dropdownShown", v(() => t.shown));
+    const m = (A, M) => {
+      r.value.style.setProperty(A, M);
+    };
+    function x() {
+      const A = i.value.getBoundingClientRect(), M = o.value.getBoundingClientRect(), Q = r.value.getBoundingClientRect();
+      k(A, M), w(A, M, Q);
+    }
+    function k(A, M) {
       if (t.position === "top") {
-        const w = x.bottom - C.bottom;
-        l.value.style.setProperty("--dropdown-wscreen-top", "auto"), l.value.style.setProperty("--dropdown-wscreen-bottom", `${w + C.height + 8}px`);
+        const Q = A.bottom - M.bottom;
+        m("--dropdown-wscreen-top", "auto"), m("--dropdown-wscreen-bottom", `${Q + M.height + 8}px`);
       } else {
-        const w = C.top - x.top;
-        l.value.style.setProperty("--dropdown-wscreen-top", `${w + C.height + 8}px`), l.value.style.setProperty("--dropdown-wscreen-bottom", "auto");
+        const Q = M.top - A.top;
+        m("--dropdown-wscreen-top", `${Q + M.height + 8}px`), m("--dropdown-wscreen-bottom", "auto");
       }
+    }
+    function w(A, M, Q) {
       if (t.width !== "anchor") {
-        const w = C.left - x.left;
+        const X = M.left - A.left;
         if (t.position === "center") {
-          const v = (C.width - S.width) / 2;
-          l.value.style.setProperty("--dropdown-wscreen-left", `${w + v}px`);
+          const _ = (M.width - Q.width) / 2;
+          m("--dropdown-wscreen-left", `${X + _}px`), m("--dropdown-wscreen-right", "auto");
         } else if (t.position === "right") {
-          const v = x.right - C.right;
-          l.value.style.setProperty("--dropdown-wscreen-left", "auto"), l.value.style.setProperty("--dropdown-wscreen-right", `${v}px`);
+          const _ = A.right - M.right;
+          m("--dropdown-wscreen-left", "auto"), m("--dropdown-wscreen-right", `${_}px`);
         } else
-          l.value.style.setProperty("--dropdown-wscreen-left", `${w}px`);
+          m("--dropdown-wscreen-left", `${X}px`), m("--dropdown-wscreen-right", "auto");
       }
     }
-    function o() {
+    function I() {
       if (t.width === "anchor") {
-        const b = document.getElementById(t.anchorId).getBoundingClientRect();
-        l.value.style.setProperty("--dropdown-wscreen-width", `${b.width}px`);
+        const A = o.value.getBoundingClientRect();
+        m("--dropdown-wscreen-width", `${A.width}px`);
       } else
-        l.value.style.setProperty("--dropdown-wscreen-width", "");
+        m("--dropdown-wscreen-width", "");
     }
-    function u() {
-      i(), o(), n("enter");
-    }
-    function c() {
-      r = !0, n("after-enter");
+    function b() {
+      x(), I(), n("enter");
     }
-    function h() {
-      r = !1, n("after-leave");
+    function C() {
+      s.value = !0, n("after-enter");
     }
-    function m() {
-      return t.width === "toggle" ? void 0 : t.width;
+    function q() {
+      s.value = !1, n("after-leave");
     }
-    return (b, x) => (s(), V(f($e), {
-      shown: e.shown,
-      preloaded: e.preloaded,
-      duration: 75,
-      "enter-attribute": "data-shown",
-      onAfterEnter: c,
-      onEnter: u,
-      onAfterLeave: h
-    }, {
-      default: E(() => [
-        B("div", R({
-          ref_key: "dropdownRef",
+    return (A, M) => (d(), h(j, null, [
+      e.useMobileStyle && e.shown ? (d(), h("div", Ta)) : $("", !0),
+      u.value ? (d(), V(dt, {
+        key: 1,
+        disabled: !e.breakout,
+        to: e.breakout ? p(f) : void 0
+      }, [
+        B("div", {
+          ref_key: "containerRef",
           ref: l,
-          class: "bs-dropdown",
-          "data-width": m()
-        }, b.$attrs, {
-          "data-no-mobile": !e.useMobileStyle
-        }), [
-          e.helperText ? (s(), p("header", sa, [
-            B("div", null, [
-              B("h3", null, T(e.helperText), 1),
-              e.helperDescription ? (s(), p("p", da, T(e.helperDescription), 1)) : I("", !0)
+          style: ut(e.breakout || e.containerId ? void 0 : { position: "relative" })
+        }, [
+          D(Ie, {
+            shown: e.shown,
+            preloaded: e.preloaded,
+            duration: 75,
+            "enter-attribute": "data-shown",
+            onAfterEnter: C,
+            onEnter: b,
+            onAfterLeave: q
+          }, {
+            default: O(() => [
+              B("div", P({
+                ref_key: "dropdownRef",
+                ref: r,
+                class: "bs-dropdown",
+                "data-width": c.value,
+                "data-no-mobile": !e.useMobileStyle
+              }, A.$attrs), [
+                e.helperText ? (d(), h("header", La, [
+                  B("div", null, [
+                    B("h3", null, T(e.helperText), 1),
+                    e.helperDescription ? (d(), h("p", Va, T(e.helperDescription), 1)) : $("", !0)
+                  ]),
+                  B("button", {
+                    type: "button",
+                    title: "close",
+                    onClick: M[0] || (M[0] = () => n("close"))
+                  }, [
+                    D(p(Be))
+                  ])
+                ])) : $("", !0),
+                E(A.$slots, "default")
+              ], 16, Aa)
             ]),
-            B("button", {
-              type: "button",
-              title: "close",
-              onClick: x[0] || (x[0] = () => n("close"))
-            }, [
-              P(f(be))
-            ])
-          ])) : I("", !0),
-          L(b.$slots, "default")
-        ], 16, ra)
-      ]),
-      _: 3
-    }, 8, ["shown", "preloaded"]));
+            _: 3
+          }, 8, ["shown", "preloaded"])
+        ], 4)
+      ], 8, ["disabled", "to"])) : $("", !0)
+    ], 64));
   }
-}, ua = {
-  key: 0,
-  class: "bs-dropdown-backdrop"
-}, Xe = {
+}, nt = {
   __name: "BsDropdown",
   props: {
     anchorId: {
       type: String,
-      default: void 0
+      required: !0
     },
     shown: {
       type: Boolean,
       default: !0
     },
+    breakout: {
+      type: Boolean,
+      default: !1
+    },
     containerId: {
       type: String,
       default: void 0
@@ -1052,6 +1498,7 @@ const Xt = {
       default: void 0,
       validator: (e) => ["sm", "md", "lg", "content", "anchor", "toggle"].includes(e)
     },
+    // DEPRECATED DROPDOWN PROPS
     /** @Deprecated - Use position instead */
     center: {
       type: Boolean,
@@ -1095,69 +1542,30 @@ const Xt = {
     "after-leave"
   ],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = $(null), r = $(!1), { transition: d } = Be(t);
-    le("dropdownAfterEnter", r), le("dropdownShown", d);
-    const i = g(() => t.toggleId ? t.toggleId : t.anchorId), o = g(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position), u = g(() => t.width === "toggle" ? "anchor" : t.width);
-    function c() {
-      r.value = !0, n("after-enter");
-    }
-    function h() {
-      r.value = !1, n("after-leave");
-    }
-    return (m, b) => (s(), p(N, null, [
-      e.useMobileStyle && f(d) ? (s(), p("div", ua)) : I("", !0),
-      e.containerId ? (s(), V(f(He), R({
-        key: 1,
-        shown: f(d),
-        preloaded: e.preloaded,
-        "anchor-id": i.value,
-        "container-id": e.containerId,
-        "helper-description": e.helperDescription,
-        "helper-text": e.helperText,
-        position: o.value,
-        "use-mobile-style": e.useMobileStyle,
-        width: u.value
-      }, m.$attrs, {
-        onClose: b[0] || (b[0] = (x) => n("close")),
-        onAfterEnter: c,
-        onEnter: b[1] || (b[1] = (x) => n("enter")),
-        onAfterLeave: h
-      }), {
-        default: E(() => [
-          L(m.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["shown", "preloaded", "anchor-id", "container-id", "helper-description", "helper-text", "position", "use-mobile-style", "width"])) : (s(), p("div", {
-        key: 2,
-        ref_key: "containerRef",
-        ref: l,
-        style: { position: "relative" }
-      }, [
-        P(f(He), R({
-          shown: f(d),
-          preloaded: e.preloaded,
-          "anchor-id": i.value,
-          "container-ref": l.value,
-          "helper-description": e.helperDescription,
-          "helper-text": e.helperText,
-          position: o.value,
-          "use-mobile-style": e.useMobileStyle,
-          width: u.value
-        }, m.$attrs, {
-          onClose: b[2] || (b[2] = (x) => n("close")),
-          onAfterEnter: c,
-          onEnter: b[3] || (b[3] = (x) => n("enter")),
-          onAfterLeave: h
-        }), {
-          default: E(() => [
-            L(m.$slots, "default")
-          ]),
-          _: 3
-        }, 16, ["shown", "preloaded", "anchor-id", "container-ref", "helper-description", "helper-text", "position", "use-mobile-style", "width"])
-      ], 512))
-    ], 64));
+    const t = e, n = a, { transition: l } = ue(t), r = v(() => t.width === "toggle" ? "anchor" : t.width), s = v(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position), o = v(() => t.toggleId ? t.toggleId : t.anchorId);
+    return (i, u) => (d(), V(Ea, {
+      "anchor-id": o.value,
+      breakout: e.breakout,
+      "container-id": e.containerId,
+      "helper-description": e.helperDescription,
+      "helper-text": e.helperText,
+      position: s.value,
+      preloaded: e.preloaded,
+      shown: p(l),
+      "use-mobile-style": e.useMobileStyle,
+      width: r.value,
+      onClose: u[0] || (u[0] = () => n("close")),
+      onEnter: u[1] || (u[1] = () => n("enter")),
+      onAfterEnter: u[2] || (u[2] = () => n("after-enter")),
+      onAfterLeave: u[3] || (u[3] = () => n("after-leave"))
+    }, {
+      default: O(() => [
+        E(i.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["anchor-id", "breakout", "container-id", "helper-description", "helper-text", "position", "preloaded", "shown", "use-mobile-style", "width"]));
   }
-}, ca = ["aria-activedescendant", "aria-label", "id"], Pe = {
+}, Da = ["aria-activedescendant", "aria-label", "id"], Pe = {
   __name: "BsDropdownOptionList",
   props: {
     optionsId: {
@@ -1193,110 +1601,110 @@ const Xt = {
   },
   emits: ["optselected", "update:modelValue", "close"],
   setup(e, { expose: a, emit: t }) {
-    const n = e, l = t, r = $(null), d = $(null), i = $(-1), o = $(null), u = oe("dropdownAfterEnter"), c = oe("dropdownShown", !1);
-    let h = -1;
-    le("handleSelect", v), le("optionsId", g(() => n.optionsId)), U(() => {
-      b(), x(), document.addEventListener("keydown", S);
-    }), ae(() => {
-      document.removeEventListener("keydown", S);
-    }), z(u, (k) => {
-      var O, D;
-      k && h > -1 && (n.focusOnShow ? (O = o.value[h]) == null || O.focus() : (D = o.value[h]) == null || D.scrollIntoView({ block: "nearest" }));
+    const n = e, l = t, r = y(null), s = y(null), o = y(-1), i = y(null), u = se("dropdownAfterEnter"), c = se("dropdownShown", !1);
+    let f = -1;
+    re("handleSelect", b), re("optionsId", v(() => n.optionsId)), W(() => {
+      m(), x(), document.addEventListener("keydown", w);
+    }), oe(() => {
+      document.removeEventListener("keydown", w);
+    }), z(u, (C) => {
+      var q, A;
+      C && f > -1 && (n.focusOnShow ? (q = i.value[f]) == null || q.focus() : (A = i.value[f]) == null || A.scrollIntoView({ block: "nearest" }));
     }), z(c, x);
-    const m = g(() => n.modelValue || n.selectedValue);
-    function b() {
-      o.value = Array.from(
+    const g = v(() => n.modelValue || n.selectedValue);
+    function m() {
+      i.value = Array.from(
         r.value.querySelectorAll('[data-component="bs-dropdown-option"]')
       );
     }
     function x() {
-      var k, O;
-      c.value && !n.multiselect ? (h = o.value.findIndex(
-        (D) => D.getAttribute("data-value") === String(m.value)
-      ), o.value.forEach((D) => {
-        var F;
-        return (F = D == null ? void 0 : D.setAttribute) == null ? void 0 : F.call(D, "aria-selected", "false");
-      }), h > -1 && ((k = o.value[h]) == null || k.setAttribute("data-selected", ""), (O = o.value[h]) == null || O.setAttribute("aria-selected", "true"), i.value = h)) : (o.value.forEach((D) => {
-        var F;
-        return (F = D == null ? void 0 : D.removeAttribute) == null ? void 0 : F.call(D, "data-selected");
-      }), o.value.forEach((D) => {
-        var F;
-        return (F = D == null ? void 0 : D.removeAttribute) == null ? void 0 : F.call(D, "aria-selected");
+      var C, q;
+      c.value && !n.multiselect ? (f = i.value.findIndex(
+        (A) => A.getAttribute("data-value") === String(g.value)
+      ), i.value.forEach((A) => {
+        var M;
+        return (M = A == null ? void 0 : A.setAttribute) == null ? void 0 : M.call(A, "aria-selected", "false");
+      }), f > -1 && ((C = i.value[f]) == null || C.setAttribute("data-selected", ""), (q = i.value[f]) == null || q.setAttribute("aria-selected", "true"), o.value = f)) : (i.value.forEach((A) => {
+        var M;
+        return (M = A == null ? void 0 : A.removeAttribute) == null ? void 0 : M.call(A, "data-selected");
+      }), i.value.forEach((A) => {
+        var M;
+        return (M = A == null ? void 0 : A.removeAttribute) == null ? void 0 : M.call(A, "aria-selected");
       }));
     }
-    Tt(
+    Ot(
       r,
       () => {
-        b();
+        m();
       },
       { childList: !0 }
     );
-    function C() {
-      var k;
-      i.value > -1 && ((k = o.value[i.value]) == null || k.blur());
+    function k() {
+      var C;
+      o.value > -1 && ((C = i.value[o.value]) == null || C.blur());
     }
-    function S(k) {
+    function w(C) {
       if (c.value)
-        switch (k.key) {
+        switch (C.key) {
           case "ArrowDown":
-            w("down"), k.preventDefault();
+            I("down"), C.preventDefault();
             break;
           case "ArrowUp":
-            w("up"), k.preventDefault();
+            I("up"), C.preventDefault();
             break;
           case "Home":
-            w("home"), k.preventDefault();
+            I("home"), C.preventDefault();
             break;
           case "End":
-            w("end"), k.preventDefault();
+            I("end"), C.preventDefault();
             break;
           case "Tab":
-            i.value = h, n.preventTab && k.preventDefault();
+            o.value = f, n.preventTab && C.preventDefault();
             break;
         }
     }
-    function w(k) {
-      let O;
-      switch (k) {
+    function I(C) {
+      let q;
+      switch (C) {
         case "up":
-          O = i.value - 1 < 0 ? o.value.length - 1 : i.value - 1;
+          q = o.value - 1 < 0 ? i.value.length - 1 : o.value - 1;
           break;
         case "down":
-          O = (i.value + 1) % o.value.length;
+          q = (o.value + 1) % i.value.length;
           break;
         case "home":
-          O = 0;
+          q = 0;
           break;
         case "end":
-          O = o.value.length - 1;
+          q = i.value.length - 1;
           break;
       }
-      C(), o.value[O].focus(), d.value = o.value[O].id, i.value = O;
+      k(), i.value[q].focus(), s.value = i.value[q].id, o.value = q;
     }
-    function v(k, O) {
-      d.value = k, C(), l("optselected", O), l("update:modelValue", O), l("close");
+    function b(C, q) {
+      s.value = C, k(), l("optselected", q), l("update:modelValue", q), l("close");
     }
     return a({
-      activeDescendantId: d,
-      focusedIndex: i,
-      optionEls: o,
-      refreshOptions: b
-    }), (k, O) => (s(), p("ul", {
+      activeDescendantId: s,
+      focusedIndex: o,
+      optionEls: i,
+      refreshOptions: m
+    }), (C, q) => (d(), h("ul", {
       ref_key: "optionsRef",
       ref: r,
-      "aria-activedescendant": d.value || void 0,
+      "aria-activedescendant": s.value || void 0,
       "aria-label": n.label || void 0,
       class: "bs-dropdown-options",
       id: n.optionsId,
       role: "listbox"
     }, [
-      L(k.$slots, "default")
-    ], 8, ca));
+      E(C.$slots, "default")
+    ], 8, Da));
   }
-}, fa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Oa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Pe
-}, Symbol.toStringTag, { value: "Module" })), pa = ["data-value", "data-variant", "id"], Oe = {
+}, Symbol.toStringTag, { value: "Module" })), qa = ["data-value", "data-variant", "id"], ze = {
   __name: "BsDropdownOption",
   props: {
     value: {
@@ -1309,16 +1717,16 @@ const Xt = {
     }
   },
   setup(e) {
-    const a = e, t = $(null), n = oe("optionsId", ""), l = oe("handleSelect", () => {
-    }), r = g(() => `${n.value}-option-${a.value}`);
-    ye([" ", "Enter", "NumpadEnter"], (i) => {
-      d(), i.preventDefault();
+    const a = e, t = y(null), n = se("optionsId", ""), l = se("handleSelect", () => {
+    }), r = v(() => `${n.value}-option-${a.value}`);
+    $e([" ", "Enter", "NumpadEnter"], (o) => {
+      s(), o.preventDefault();
     }, t);
-    function d(i) {
-      var o, u;
-      l(r.value, a.value), (o = t.value.querySelector("a")) == null || o.click(), (u = i == null ? void 0 : i.stopPropagation) == null || u.call(i);
+    function s(o) {
+      var i, u;
+      l(r.value, a.value), (i = t.value.querySelector("a")) == null || i.click(), (u = o == null ? void 0 : o.stopPropagation) == null || u.call(o);
     }
-    return (i, o) => (s(), p("li", {
+    return (o, i) => (d(), h("li", {
       ref_key: "optionRef",
       ref: t,
       "data-component": "bs-dropdown-option",
@@ -1327,12 +1735,12 @@ const Xt = {
       id: r.value,
       role: "option",
       tabIndex: -1,
-      onClick: d
+      onClick: s
     }, [
-      L(i.$slots, "default")
-    ], 8, pa));
+      E(o.$slots, "default")
+    ], 8, qa));
   }
-}, ha = ["data-img-size", "data-initials", "data-no-img"], va = ["src", "alt"], Ze = {
+}, Ma = ["data-img-size", "data-initials", "data-no-img"], Pa = ["src", "alt"], lt = {
   __name: "BsProfileImg",
   props: {
     src: String,
@@ -1347,25 +1755,25 @@ const Xt = {
     }
   },
   setup(e) {
-    const a = e, t = $(!1), n = $(!!a.src);
-    return U(() => t.value = !0), (l, r) => (s(), p("div", {
+    const a = e, t = y(!1), n = y(!!a.src);
+    return W(() => t.value = !0), (l, r) => (d(), h("div", {
       class: "bs-profile-img",
       "data-img-size": e.size,
       "data-initials": e.initials,
       "data-no-img": !n.value
     }, [
-      n.value && t.value ? (s(), p("img", {
+      n.value && t.value ? (d(), h("img", {
         key: 0,
         src: e.src,
         alt: e.profileName,
-        onError: r[0] || (r[0] = (d) => n.value = !1)
-      }, null, 40, va)) : I("", !0)
-    ], 8, ha));
+        onError: r[0] || (r[0] = (s) => n.value = !1)
+      }, null, 40, Pa)) : $("", !0)
+    ], 8, Ma));
   }
-}, ba = { key: 1 }, ga = ["for", "innerHTML"], ma = ["innerHTML"], ya = ["for"], Ba = { key: 1 }, $a = { key: 5 }, Sa = {
+}, za = { key: 1 }, Ra = ["for", "innerHTML"], Na = ["innerHTML"], ja = ["for"], Ua = { key: 1 }, Fa = { key: 5 }, Wa = {
   key: 0,
   "data-no-hover": ""
-}, pe = {
+}, me = {
   __name: "BsDropdownOptionBuilder",
   props: {
     // Array of objects with the following properties (either label or labelHtml
@@ -1398,83 +1806,83 @@ const Xt = {
   },
   setup(e) {
     const a = e, t = {};
-    at(() => {
+    _e(() => {
       n();
     }), z(() => a.options, () => {
       n();
     });
     function n() {
-      a.options.forEach((d) => {
-        const { icon: i } = d;
-        i && !t[i] && (t[i] = r(i));
+      a.options.forEach((s) => {
+        const { icon: o } = s;
+        o && !t[o] && (t[o] = r(o));
       });
     }
-    function l(d) {
-      let i = "", o = 1;
-      return o += d.checkbox ? 1 : 0, o += d.icon ? 1 : 0, o += d.profileImg ? 1 : 0, o > 1 && (i += ` ${o}-col`), d.checkbox && (i += " checkbox"), d.description && (i += " description"), d.negative && (i += " negative"), i;
+    function l(s) {
+      let o = "", i = 1;
+      return i += s.checkbox ? 1 : 0, i += s.icon ? 1 : 0, i += s.profileImg ? 1 : 0, i > 1 && (o += ` ${i}-col`), s.checkbox && (o += " checkbox"), s.description && (o += " description"), s.negative && (o += " negative"), o;
     }
-    function r(d) {
-      return Ee(async () => {
-        const { [`BsIcon${d}`]: i } = await import("@wwtdev/bsds-icons-vue3");
-        return i;
+    function r(s) {
+      return Me(async () => {
+        const { [`BsIcon${s}`]: o } = await import("@wwtdev/bsds-icons-vue3");
+        return o;
       });
     }
-    return (d, i) => (s(), p(N, null, [
-      (s(!0), p(N, null, X(e.options, (o) => (s(), V(Oe, {
-        "aria-checked": o.checkbox ? o.checkbox.checked : void 0,
-        key: o.value,
-        value: o.value,
-        variant: l(o)
+    return (s, o) => (d(), h(j, null, [
+      (d(!0), h(j, null, Z(e.options, (i) => (d(), V(ze, {
+        "aria-checked": i.checkbox ? i.checkbox.checked : void 0,
+        key: i.value,
+        value: i.value,
+        variant: l(i)
       }, {
-        default: E(() => [
-          o.checkbox ? (s(), V(na, {
+        default: O(() => [
+          i.checkbox ? (d(), V($a, {
             key: 0,
-            "input-id": o.checkbox.inputId,
-            "model-value": o.checkbox.checked
-          }, null, 8, ["input-id", "model-value"])) : I("", !0),
-          o.icon ? (s(), p("span", ba, [
-            (s(), V(Z(t[o.icon])))
-          ])) : I("", !0),
-          o.profileImg ? (s(), V(Ze, {
+            "input-id": i.checkbox.inputId,
+            "model-value": i.checkbox.checked
+          }, null, 8, ["input-id", "model-value"])) : $("", !0),
+          i.icon ? (d(), h("span", za, [
+            (d(), V(J(t[i.icon])))
+          ])) : $("", !0),
+          i.profileImg ? (d(), V(lt, {
             key: 2,
-            src: o.profileImg.src,
+            src: i.profileImg.src,
             size: "xs",
-            initials: o.profileImg.initials,
-            "profile-name": o.profileImg.profileName
-          }, null, 8, ["src", "initials", "profile-name"])) : I("", !0),
-          o.labelHtml ? (s(), p(N, { key: 3 }, [
-            o.checkbox ? (s(), p("label", {
+            initials: i.profileImg.initials,
+            "profile-name": i.profileImg.profileName
+          }, null, 8, ["src", "initials", "profile-name"])) : $("", !0),
+          i.labelHtml ? (d(), h(j, { key: 3 }, [
+            i.checkbox ? (d(), h("label", {
               key: 0,
-              for: o.checkbox.inputId,
-              innerHTML: o.labelHtml,
-              onClick: i[0] || (i[0] = je(() => {
+              for: i.checkbox.inputId,
+              innerHTML: i.labelHtml,
+              onClick: o[0] || (o[0] = We(() => {
               }, ["prevent"]))
-            }, null, 8, ga)) : (s(), p("span", {
+            }, null, 8, Ra)) : (d(), h("span", {
               key: 1,
-              innerHTML: o.labelHtml
-            }, null, 8, ma))
-          ], 64)) : (s(), p(N, { key: 4 }, [
-            o.checkbox ? (s(), p("label", {
+              innerHTML: i.labelHtml
+            }, null, 8, Na))
+          ], 64)) : (d(), h(j, { key: 4 }, [
+            i.checkbox ? (d(), h("label", {
               key: 0,
-              for: o.checkbox.inputId,
-              onClick: i[1] || (i[1] = je(() => {
+              for: i.checkbox.inputId,
+              onClick: o[1] || (o[1] = We(() => {
               }, ["prevent"]))
-            }, T(o.label), 9, ya)) : (s(), p("span", Ba, T(o.label), 1))
+            }, T(i.label), 9, ja)) : (d(), h("span", Ua, T(i.label), 1))
           ], 64)),
-          o.description ? (s(), p("span", $a, T(o.description), 1)) : I("", !0)
+          i.description ? (d(), h("span", Fa, T(i.description), 1)) : $("", !0)
         ]),
         _: 2
       }, 1032, ["aria-checked", "value", "variant"]))), 128)),
-      e.showNoOptions && e.options.length === 0 ? (s(), p("li", Sa, [
-        L(d.$slots, "no-options", {}, () => [
-          j("No options")
+      e.showNoOptions && e.options.length === 0 ? (d(), h("li", Wa, [
+        E(s.$slots, "no-options", {}, () => [
+          U("No options")
         ])
-      ])) : I("", !0)
+      ])) : $("", !0)
     ], 64));
   }
-}, wa = { role: "separator" }, ka = /* @__PURE__ */ B("hr", null, null, -1), Ia = [
-  ka
-], Ca = {
+}, Ga = { role: "separator" }, Ha = /* @__PURE__ */ B("hr", null, null, -1), Ka = [
+  Ha
+], Ya = {
   __name: "BsDropdownMultiselect",
   props: {
     label: {
@@ -1500,52 +1908,52 @@ const Xt = {
   emits: ["update:selectedOptions"],
   setup(e, { emit: a }) {
     const t = e, n = a;
-    $(null), $(null);
-    const l = $(null), r = $([]), d = $([]);
-    let i = !1;
+    y(null), y(null);
+    const l = y(null), r = y([]), s = y([]);
+    let o = !1;
     z(
       () => t.selectedOptions,
       c,
       { immediate: !0 }
-    ), z(() => t.shown, (b) => {
-      b && de(o);
+    ), z(() => t.shown, (m) => {
+      m && ve(i);
     });
-    function o() {
-      var x, C;
+    function i() {
+      var x, k;
       l.value && (l.value.refreshOptions(), l.value.activeDescendantId = (x = l.value.optionEls[0]) == null ? void 0 : x.id, l.value.focusedIndex = 0);
-      const b = document.querySelector(`#${t.optionsId} [data-component="bs-dropdown-option"]`);
-      (C = b == null ? void 0 : b.focus) == null || C.call(b, { preventScroll: !0 });
+      const m = document.querySelector(`#${t.optionsId} [data-component="bs-dropdown-option"]`);
+      (k = m == null ? void 0 : m.focus) == null || k.call(m, { preventScroll: !0 });
     }
     function u() {
-      var b;
+      var m;
       if (l.value) {
         l.value.refreshOptions();
-        const x = l.value.focusedIndex, C = l.value.optionEls[x];
-        (b = C == null ? void 0 : C.focus) == null || b.call(C), l.value.activeDescendantId = C == null ? void 0 : C.id;
+        const x = l.value.focusedIndex, k = l.value.optionEls[x];
+        (m = k == null ? void 0 : k.focus) == null || m.call(k), l.value.activeDescendantId = k == null ? void 0 : k.id;
       }
     }
-    function c(b = []) {
-      const x = new Set(b), C = [], S = [];
-      t.options.forEach((w) => {
-        const v = { ...w }, k = `${t.optionsId}-${w.value}-cb`;
-        x.has(w.value) ? (v.checkbox = { inputId: k, checked: !0 }, C.push(v)) : (v.checkbox = { inputId: k, checked: !1 }, S.push(v));
-      }), r.value = C, de(() => {
-        d.value = S, de(() => {
-          i && u(), i = !1;
+    function c(m = []) {
+      const x = new Set(m), k = [], w = [];
+      t.options.forEach((I) => {
+        const b = { ...I }, C = `${t.optionsId}-${I.value}-cb`;
+        x.has(I.value) ? (b.checkbox = { inputId: C, checked: !0 }, k.push(b)) : (b.checkbox = { inputId: C, checked: !1 }, w.push(b));
+      }), r.value = k, ve(() => {
+        s.value = w, ve(() => {
+          o && u(), o = !1;
         });
       });
     }
-    function h(b = []) {
-      const x = new Set(b), C = [];
-      return t.options.forEach((S) => {
-        x.has(S.value) && C.push(S.value);
-      }), C;
+    function f(m = []) {
+      const x = new Set(m), k = [];
+      return t.options.forEach((w) => {
+        x.has(w.value) && k.push(w.value);
+      }), k;
     }
-    function m(b) {
-      const x = t.selectedOptions.includes(b) ? t.selectedOptions.filter((C) => C !== b) : h([...t.selectedOptions, b]);
-      i = !0, n("update:selectedOptions", x);
+    function g(m) {
+      const x = t.selectedOptions.includes(m) ? t.selectedOptions.filter((k) => k !== m) : f([...t.selectedOptions, m]);
+      o = !0, n("update:selectedOptions", x);
     }
-    return (b, x) => (s(), V(Pe, {
+    return (m, x) => (d(), V(Pe, {
       ref_key: "optlist",
       ref: l,
       "aria-multiselectable": "true",
@@ -1554,20 +1962,20 @@ const Xt = {
       multiselect: "",
       "options-id": e.optionsId,
       shown: e.shown,
-      "onUpdate:modelValue": m
+      "onUpdate:modelValue": g
     }, {
-      default: E(() => {
-        var C;
+      default: O(() => {
+        var k;
         return [
-          P(pe, {
+          D(me, {
             options: r.value,
             "show-no-options": !1
           }, null, 8, ["options"]),
-          he(B("li", wa, Ia, 512), [
-            [ve, (C = r.value) == null ? void 0 : C.length]
+          ge(B("li", Ga, Ka, 512), [
+            [ye, (k = r.value) == null ? void 0 : k.length]
           ]),
-          P(pe, {
-            options: d.value,
+          D(me, {
+            options: s.value,
             "show-no-options": !1
           }, null, 8, ["options"])
         ];
@@ -1575,17 +1983,56 @@ const Xt = {
       _: 1
     }, 8, ["label", "options-id", "shown"]));
   }
-}, Ta = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Qa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ca
-}, Symbol.toStringTag, { value: "Module" })), De = {
-  __name: "BsDropdownWithOptions",
+  default: Ya
+}, Symbol.toStringTag, { value: "Module" })), Xa = {
+  __name: "BsDropdownWithOptionsNew",
   props: {
-    // OPTION LIST PROPS
-    optionsId: {
+    // DROPDOWN PROPS
+    anchorId: {
+      type: String,
+      default: void 0
+    },
+    breakout: {
+      type: Boolean,
+      default: !1
+    },
+    containerId: {
+      type: String,
+      default: void 0
+    },
+    helperDescription: {
+      type: String,
+      default: void 0
+    },
+    helperText: {
       type: String,
-      required: !0
+      default: void 0
+    },
+    position: {
+      type: String,
+      default: void 0,
+      validator: (e) => ["top", "center", "right"].includes(e)
+    },
+    preloaded: {
+      type: Boolean,
+      default: !1
+    },
+    shown: {
+      type: Boolean,
+      default: !0
+    },
+    useMobileStyle: {
+      type: Boolean,
+      default: !0
+    },
+    width: {
+      type: String,
+      default: void 0,
+      validator: (e) => ["sm", "md", "lg", "content", "anchor"].includes(e)
     },
+    // OPTION LIST PROPS
     focusOnShow: {
       type: Boolean,
       default: !0
@@ -1598,16 +2045,70 @@ const Xt = {
       type: [String, Number],
       default: void 0
     },
+    optionsId: {
+      type: String,
+      required: !0
+    },
     preventTab: {
       type: Boolean,
       default: !0
-    },
-    /** @Deprecated - Use modelValue (or v-model) instead */
-    selectedValue: {
-      type: [String, Number],
-      default: void 0
-    },
-    // DROPDOWN PROPS
+    }
+  },
+  emits: [
+    "update:modelValue",
+    "close",
+    "after-enter",
+    "after-leave"
+  ],
+  setup(e, { emit: a }) {
+    const t = a, n = y(!1);
+    function l() {
+      n.value = !0;
+    }
+    function r(o) {
+      n.value = !1, t("update:modelValue", o), t("close");
+    }
+    function s() {
+      n.value && (n.value = !1, t("close"));
+    }
+    return (o, i) => (d(), V(p(nt), {
+      "anchor-id": e.anchorId,
+      breakout: e.breakout,
+      "container-id": e.containerId,
+      "helper-description": e.helperDescription,
+      "helper-text": e.helperText,
+      position: e.position,
+      preloaded: e.preloaded,
+      shown: e.shown,
+      "use-mobile-style": e.useMobileStyle,
+      width: e.width,
+      onClose: s,
+      onAfterEnter: i[0] || (i[0] = (u) => t("after-enter")),
+      onEnter: l,
+      onAfterLeave: i[1] || (i[1] = (u) => t("after-leave"))
+    }, {
+      default: O(() => [
+        D(p(Pe), {
+          "focus-on-show": e.focusOnShow,
+          label: e.label,
+          "model-value": e.modelValue,
+          "options-id": e.optionsId,
+          "prevent-tab": e.preventTab,
+          "onUpdate:modelValue": r,
+          onClose: s
+        }, {
+          default: O(() => [
+            E(o.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["focus-on-show", "label", "model-value", "options-id", "prevent-tab"])
+      ]),
+      _: 3
+    }, 8, ["anchor-id", "breakout", "container-id", "helper-description", "helper-text", "position", "preloaded", "shown", "use-mobile-style", "width"]));
+  }
+}, Re = {
+  __name: "BsDropdownWithOptions",
+  props: {
     anchorId: {
       type: String,
       default: void 0
@@ -1616,6 +2117,10 @@ const Xt = {
       type: Boolean,
       default: !0
     },
+    breakout: {
+      type: Boolean,
+      default: !1
+    },
     containerId: {
       type: String,
       default: void 0
@@ -1647,6 +2152,7 @@ const Xt = {
       default: void 0,
       validator: (e) => ["sm", "md", "lg", "content", "anchor", "toggle"].includes(e)
     },
+    // DEPRECATED DROPDOWN PROPS
     /** @Deprecated - Use position instead */
     center: {
       type: Boolean,
@@ -1681,6 +2187,33 @@ const Xt = {
     top: {
       type: Boolean,
       default: !1
+    },
+    // OPTION LIST PROPS
+    focusOnShow: {
+      type: Boolean,
+      default: !0
+    },
+    label: {
+      type: String,
+      default: void 0
+    },
+    modelValue: {
+      type: [String, Number],
+      default: void 0
+    },
+    optionsId: {
+      type: String,
+      required: !0
+    },
+    preventTab: {
+      type: Boolean,
+      default: !0
+    },
+    // DEPRECATED OPTION LIST PROPS
+    /** @Deprecated - Use modelValue (or v-model) instead */
+    selectedValue: {
+      type: [String, Number],
+      default: void 0
     }
   },
   emits: [
@@ -1691,60 +2224,38 @@ const Xt = {
     "after-leave"
   ],
   setup(e, { emit: a }) {
-    const t = a, n = $(!1);
-    function l() {
-      n.value = !0;
-    }
-    function r(i) {
-      n.value = !1, t("optselected", i), t("update:modelValue", i), t("close");
+    const t = e, n = a, { transition: l } = ue(t), r = v(() => t.width === "toggle" ? "anchor" : t.width), s = v(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position), o = v(() => t.toggleId ? t.toggleId : t.anchorId), i = v(() => t.selectedValue || t.modelValue);
+    function u(c) {
+      n("optselected", c), n("update:modelValue", c);
     }
-    function d() {
-      n.value && (n.value = !1, t("close"));
-    }
-    return (i, o) => (s(), V(f(Xe), {
-      shown: e.shown,
-      preloaded: e.preloaded,
-      "anchor-id": e.anchorId,
-      center: e.center,
+    return (c, f) => (d(), V(Xa, {
+      "anchor-id": o.value,
+      breakout: e.breakout,
       "container-id": e.containerId,
-      "enter-controlled": e.enterControlled,
-      "enter-trigger": e.enterTrigger,
+      "focus-on-show": e.focusOnShow,
       "helper-description": e.helperDescription,
       "helper-text": e.helperText,
-      "leave-trigger": e.leaveTrigger,
-      position: e.position,
-      right: e.right,
-      "toggle-id": e.toggleId,
-      top: e.top,
+      label: e.label,
+      "model-value": i.value,
+      "options-id": e.optionsId,
+      position: s.value,
+      preloaded: e.preloaded,
+      "prevent-tab": e.preventTab,
+      shown: p(l),
       "use-mobile-style": e.useMobileStyle,
-      width: e.width,
-      onClose: d,
-      onAfterEnter: o[0] || (o[0] = (u) => t("after-enter")),
-      onEnter: l,
-      onAfterLeave: o[1] || (o[1] = (u) => t("after-leave"))
+      width: r.value,
+      onClose: f[0] || (f[0] = (g) => n("close")),
+      onAfterEnter: f[1] || (f[1] = (g) => n("after-enter")),
+      onAfterLeave: f[2] || (f[2] = (g) => n("after-leave")),
+      "onUpdate:modelValue": u
     }, {
-      default: E(() => [
-        P(f(Pe), {
-          "focus-on-show": e.focusOnShow,
-          label: e.label,
-          "model-value": e.modelValue,
-          "options-id": e.optionsId,
-          "prevent-tab": e.preventTab,
-          "selected-value": e.selectedValue,
-          shown: n.value,
-          "onUpdate:modelValue": r,
-          onClose: d
-        }, {
-          default: E(() => [
-            L(i.$slots, "default")
-          ]),
-          _: 3
-        }, 8, ["focus-on-show", "label", "model-value", "options-id", "prevent-tab", "selected-value", "shown"])
+      default: O(() => [
+        E(c.$slots, "default")
       ]),
       _: 3
-    }, 8, ["shown", "preloaded", "anchor-id", "center", "container-id", "enter-controlled", "enter-trigger", "helper-description", "helper-text", "leave-trigger", "position", "right", "toggle-id", "top", "use-mobile-style", "width"]));
+    }, 8, ["anchor-id", "breakout", "container-id", "focus-on-show", "helper-description", "helper-text", "label", "model-value", "options-id", "position", "preloaded", "prevent-tab", "shown", "use-mobile-style", "width"]));
   }
-}, xa = ["aria-controls", "aria-expanded", "data-open", "data-size", "disabled"], Aa = {
+}, Za = ["aria-controls", "aria-expanded", "data-open", "data-size", "disabled"], Ja = {
   __name: "BsFilterButton",
   props: {
     badgeCount: {
@@ -1773,8 +2284,8 @@ const Xt = {
     }
   },
   setup(e) {
-    const a = e, t = g(() => a.badgeCount > 0);
-    return (n, l) => (s(), p("button", {
+    const a = e, t = v(() => a.badgeCount > 0);
+    return (n, l) => (d(), h("button", {
       class: "bs-filter-button",
       "aria-controls": e.optionsId,
       "aria-expanded": e.open,
@@ -1784,21 +2295,21 @@ const Xt = {
       disabled: e.disabled,
       type: "button"
     }, [
-      t.value ? (s(), V(Dt, {
+      t.value ? (d(), V(Ut, {
         key: 0,
         color: "blue",
         count: e.badgeCount,
         label: "active filter",
         position: "left",
         variant: "notext"
-      }, null, 8, ["count"])) : I("", !0),
-      L(n.$slots, "label", {}, () => [
-        j(T(e.label), 1)
+      }, null, 8, ["count"])) : $("", !0),
+      E(n.$slots, "label", {}, () => [
+        U(T(e.label), 1)
       ]),
-      P(f(Ye))
-    ], 8, xa));
+      D(p(tt))
+    ], 8, Za));
   }
-}, La = ["id"], fl = {
+}, _a = ["id"], El = {
   __name: "BsDropdownWithToggle",
   props: {
     breakout: {
@@ -1860,234 +2371,129 @@ const Xt = {
   },
   emits: ["update:selectedOptions", "update:selectedOption", "toggled", "close"],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = $(!1), r = $(!1), d = $(null), i = g(() => Ee(async () => await (t.multiselect ? Promise.resolve().then(() => Ta) : Promise.resolve().then(() => fa)))), [o, u, c] = Y(3);
-    z(r, (v) => {
-      v && d.value.$el.blur();
-    }), U(() => {
-      S(), de(() => l.value = !0);
-    }), ae(w);
-    function h() {
-      r.value = !1, n("close"), d.value.$el.focus();
-    }
-    function m() {
-      r.value && h();
-    }
-    function b() {
-      r.value = !0;
+    const t = e, n = a, l = y(!1), r = y(null), s = v(() => Me(async () => await (t.multiselect ? Promise.resolve().then(() => Qa) : Promise.resolve().then(() => Oa)))), [o, i] = Y(2);
+    z(l, (x) => {
+      x && r.value.$el.blur();
+    });
+    function u() {
+      l.value = !1, n("close"), r.value.$el.focus();
     }
-    function x(v) {
-      n("update:selectedOptions", v);
+    function c() {
+      l.value && u();
     }
-    function C(v) {
-      t.multiselect || (n("update:selectedOption", v), h());
+    function f() {
+      l.value = !0;
     }
-    function S() {
-      if (t.breakout) {
-        const v = document.querySelector("body"), k = document.createElement("div");
-        k.id = u.value, k.style.position = "absolute", v.insertAdjacentElement("afterbegin", k);
-      }
+    function g(x) {
+      n("update:selectedOptions", x);
     }
-    function w() {
-      t.breakout && document.querySelector(`#${u.value}`).remove();
+    function m(x) {
+      t.multiselect || (n("update:selectedOption", x), u());
     }
-    return (v, k) => (s(), p("div", {
+    return (x, k) => (d(), h("div", {
       class: "bs-dropdown-with-toggle",
-      id: e.breakout ? v.$attrs.id : v.$attrs.id || f(u)
+      id: x.$attrs.id
     }, [
-      P(Aa, {
+      D(Ja, {
         ref_key: "toggleRef",
-        ref: d,
-        "aria-controls": f(c),
+        ref: r,
+        "aria-controls": p(i),
         "aria-expanded": e.open,
         disabled: e.disabled,
-        id: f(o),
+        id: p(o),
         open: e.open,
-        "options-id": f(c),
+        "options-id": p(i),
         size: e.toggleSize,
-        onClick: k[0] || (k[0] = (O) => v.$emit("toggled"))
+        onClick: k[0] || (k[0] = (w) => x.$emit("toggled"))
       }, {
-        label: E(() => [
-          L(v.$slots, "toggle-label", {}, () => [
-            j(T(e.toggleLabel), 1)
+        label: O(() => [
+          E(x.$slots, "toggle-label", {}, () => [
+            U(T(e.toggleLabel), 1)
           ])
         ]),
         _: 3
       }, 8, ["aria-controls", "aria-expanded", "disabled", "id", "open", "options-id", "size"]),
-      l.value ? (s(), V(nt, {
-        key: 0,
-        disabled: !e.breakout,
-        to: e.breakout ? `#${f(u)}` : void 0
-      }, [
-        P(Xe, {
-          shown: e.open,
-          "anchor-id": f(o),
-          "container-id": e.breakout ? f(u) : v.$attrs.id || f(u),
-          "helper-text": e.helperText,
-          "helper-description": e.helperDescription,
-          position: e.dropdownPosition,
-          preloaded: "",
-          "use-mobile-style": e.useMobileStyle,
-          width: e.dropdownWidth,
-          onClose: m,
-          onEnter: b
-        }, {
-          default: E(() => [
-            P(f(i), {
-              label: e.dropdownLabel,
-              "model-value": e.selectedOption,
-              options: e.options,
-              "options-id": f(c),
-              "selected-options": e.selectedOptions,
-              shown: e.open,
-              "onUpdate:modelValue": C,
-              "onUpdate:selectedOptions": x,
-              onClose: k[1] || (k[1] = (O) => e.multiselect ? void 0 : m())
-            }, {
-              default: E(() => [
-                e.multiselect ? I("", !0) : (s(), V(pe, {
-                  key: 0,
-                  options: e.options
-                }, null, 8, ["options"]))
-              ]),
-              _: 1
-            }, 8, ["label", "model-value", "options", "options-id", "selected-options", "shown"])
-          ]),
-          _: 1
-        }, 8, ["shown", "anchor-id", "container-id", "helper-text", "helper-description", "position", "use-mobile-style", "width"])
-      ], 8, ["disabled", "to"])) : I("", !0)
-    ], 8, La));
-  }
-}, Va = {
-  class: "bs-field-details",
-  "data-component": "bs-field-details"
-}, Ea = ["id", "data-error"], Pa = ["data-error"], Se = {
-  __name: "BsFieldDetails",
-  props: {
-    /** The number of characters that have been entered by the user.  */
-    charCount: Number,
-    /** Pass value to show character count and set the maximum number of characters that are allowed to be submitted by the user.  */
-    charMax: Number,
-    /** Applies error styles to the helper text. */
-    error: {
-      type: Boolean,
-      default: !1
-    },
-    /** Pass error text.  Will be shown if `error` is `true`. */
-    errorMsg: String,
-    /** Pass single helper text. */
-    hint: String,
-    /** Adds an id to associate a hint to an input. */
-    hintId: String
-  },
-  setup(e) {
-    const a = e, t = g(() => a.error && a.errorMsg || a.hint);
-    return (n, l) => (s(), p("div", Va, [
-      t.value ? (s(), p("span", {
-        key: 0,
-        id: e.hintId,
-        class: "bs-hint",
-        "data-error": e.error
-      }, T(t.value), 9, Ea)) : I("", !0),
-      e.charMax ? (s(), p("span", {
-        key: 1,
-        "aria-description": "character count over character limit for the preceding text field",
-        class: "bs-character-count",
-        "data-error": a.charCount > a.charMax
-      }, T(a.charCount || "0") + " / " + T(a.charMax), 9, Pa)) : I("", !0)
-    ]));
+      D(nt, {
+        shown: e.open,
+        "anchor-id": p(o),
+        breakout: e.breakout,
+        "helper-text": e.helperText,
+        "helper-description": e.helperDescription,
+        position: e.dropdownPosition,
+        preloaded: "",
+        "use-mobile-style": e.useMobileStyle,
+        width: e.dropdownWidth,
+        onClose: c,
+        onEnter: f
+      }, {
+        default: O(() => [
+          D(p(s), {
+            label: e.dropdownLabel,
+            "model-value": e.selectedOption,
+            options: e.options,
+            "options-id": p(i),
+            "selected-options": e.selectedOptions,
+            shown: e.open,
+            "onUpdate:modelValue": m,
+            "onUpdate:selectedOptions": g,
+            onClose: k[1] || (k[1] = (w) => e.multiselect ? void 0 : c())
+          }, {
+            default: O(() => [
+              e.multiselect ? $("", !0) : (d(), V(me, {
+                key: 0,
+                options: e.options
+              }, null, 8, ["options"]))
+            ]),
+            _: 1
+          }, 8, ["label", "model-value", "options", "options-id", "selected-options", "shown"])
+        ]),
+        _: 1
+      }, 8, ["shown", "anchor-id", "breakout", "helper-text", "helper-description", "position", "use-mobile-style", "width"])
+    ], 8, _a));
   }
-}, Oa = ["view-box"], Da = ["id"], Ma = ["offset", "stop-color"], pl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, en = ["view-box"], tn = ["id"], an = ["offset", "stop-color"], Dl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsIconGradientWrapper",
   setup(e) {
-    const a = $(null), t = $(null), n = [
+    const a = y(null), t = y(null), n = [
       { offset: 0.1326, color: "#EE282A" },
       { offset: 0.5466, color: "#1C0087" },
       { offset: 0.9715, color: "#0086EA" }
     ], [l] = Y();
-    return U(() => {
+    return W(() => {
       t.value = a.value.querySelector("svg").getAttribute("viewBox") || "0 0 0 0";
-    }), (r, d) => (s(), p(N, null, [
-      B("span", R({
+    }), (r, s) => (d(), h(j, null, [
+      B("span", P({
         ref_key: "svgWrapperRef",
         ref: a,
         class: "bs-icon-gradient-wrapper",
-        style: `fill: url(#${f(l)});`
+        style: `fill: url(#${p(l)});`
       }, r.$attrs), [
-        L(r.$slots, "default")
+        E(r.$slots, "default")
       ], 16),
-      (s(), p("svg", {
+      (d(), h("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         "view-box": t.value,
         width: "0",
         height: "0"
       }, [
         B("linearGradient", {
-          id: f(l),
+          id: p(l),
           x1: "0",
           y1: "0",
           x2: "100%",
           y2: "100%",
           "gradient-units": "userSpaceOnUse"
         }, [
-          (s(), p(N, null, X(n, (i) => B("stop", {
-            key: i.offset,
-            offset: i.offset,
-            "stop-color": i.color
-          }, null, 8, Ma)), 64))
-        ], 8, Da)
-      ], 8, Oa))
+          (d(), h(j, null, Z(n, (o) => B("stop", {
+            key: o.offset,
+            offset: o.offset,
+            "stop-color": o.color
+          }, null, 8, an)), 64))
+        ], 8, tn)
+      ], 8, en))
     ], 64));
   }
-}), qa = ["data-error", "id", "value"], Me = {
-  __name: "BsInput",
-  props: {
-    error: {
-      type: Boolean,
-      default: !1
-    },
-    hintId: String,
-    /** @Deprecated - Just set `id` since it will fall-through to the inner input element. */
-    inputId: String,
-    modelValue: [String, Number],
-    value: [String, Number]
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: a }) {
-    const t = e, n = a, l = G(), r = g(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
-    function d(i) {
-      const o = l.type === "number" ? parseInt(i.target.value) : i.target.value;
-      n("update:modelValue", o);
-    }
-    return (i, o) => (s(), p("input", R({
-      class: "bs-input",
-      "data-component": "bs-input",
-      "data-error": e.error,
-      id: i.$attrs.id || e.inputId,
-      value: e.value || e.modelValue,
-      onInput: d
-    }, r.value), null, 16, qa));
-  }
-}, za = ["data-disabled", "data-error", "data-variant", "data-multifocus"], Je = {
-  __name: "BsInputAddon",
-  props: {
-    disabled: { type: Boolean, default: !1 },
-    error: { type: Boolean, default: !1 },
-    multifocus: { type: Boolean, default: !1 },
-    variant: { type: String, validator: (e) => e === "inner-bordered" }
-  },
-  setup(e) {
-    return (a, t) => (s(), p("div", {
-      class: "bs-input-addon",
-      "data-component": "bs-input-addon",
-      "data-disabled": e.disabled,
-      "data-error": e.error,
-      "data-variant": e.variant,
-      "data-multifocus": e.multifocus
-    }, [
-      L(a.$slots, "default")
-    ], 8, za));
-  }
-}, hl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), Ol = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsInputField",
   props: {
     /** Sets the disabled state on input, disabled styles on label. */
@@ -2134,7 +2540,7 @@ const Xt = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = G(), [l, r] = Y(2), { toChild: d, toRoot: i } = ie(t, n, [
+    const t = e, n = G(), [l, r] = Y(2), { toChild: s, toRoot: o } = ie(t, n, [
       "aria-label",
       "autocomplete",
       "max",
@@ -2142,46 +2548,46 @@ const Xt = {
       "min",
       "minlength",
       "name"
-    ]), o = g(() => {
-      var h, m;
-      return ((m = (h = t.hints) == null ? void 0 : h.join) == null ? void 0 : m.call(h, `
+    ]), i = v(() => {
+      var f, g;
+      return ((g = (f = t.hints) == null ? void 0 : f.join) == null ? void 0 : g.call(f, `
 `)) || t.hints;
-    }), u = g(() => t.error && t.errorMsg || t.hint || o.value || void 0), c = g(() => t.inputId || l.value);
-    return (h, m) => (s(), p("div", R({ "data-component": "bs-input-field" }, f(i)), [
-      e.label || h.$slots.label ? (s(), V(ne, {
+    }), u = v(() => t.error && t.errorMsg || t.hint || i.value || void 0), c = v(() => t.inputId || l.value);
+    return (f, g) => (d(), h("div", P({ "data-component": "bs-input-field" }, p(o)), [
+      e.label || f.$slots.label ? (d(), V(ne, {
         key: 0,
         for: c.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: E(() => [
-          L(h.$slots, "label", {}, () => [
-            j(T(e.label), 1)
+        default: O(() => [
+          E(f.$slots, "label", {}, () => [
+            U(T(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : I("", !0),
-      P(Me, R({
+      }, 8, ["for", "disabled", "required"])) : $("", !0),
+      D(fe, P({
         disabled: e.disabled,
         error: e.error,
-        "hint-id": f(r),
+        "hint-id": p(r),
         id: c.value,
         placeholder: e.placeholder,
         required: e.required,
         type: e.type,
         value: e.value || e.modelValue,
-        "onUpdate:modelValue": m[0] || (m[0] = (b) => h.$emit("update:modelValue", b))
-      }, f(d)), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "type", "value"]),
-      u.value ? (s(), V(Se, {
+        "onUpdate:modelValue": g[0] || (g[0] = (m) => f.$emit("update:modelValue", m))
+      }, p(s)), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "type", "value"]),
+      u.value ? (d(), V(ce, {
         key: 1,
         error: e.error,
         "error-msg": e.errorMsg,
-        hint: e.hint || o.value,
-        "hint-id": f(r)
-      }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : I("", !0)
+        hint: e.hint || i.value,
+        "hint-id": p(r)
+      }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : $("", !0)
     ], 16));
   }
-}), Ke = {
+}), Ze = {
   A: "🇦",
   B: "🇧",
   C: "🇨",
@@ -2208,7 +2614,7 @@ const Xt = {
   X: "🇽",
   Y: "🇾",
   Z: "🇿"
-}, Le = {
+}, Ee = {
   data: {
     allCountries: null,
     byCountryCode: null,
@@ -2234,8 +2640,8 @@ const Xt = {
    * @returns {Country[]} an array of country objects
    */
   initSourceData() {
-    return this.data.allCountries || (this.data.allCountries = St().map((e) => {
-      const a = wt(e), t = Ke[a[0]] + Ke[a[1]] || "";
+    return this.data.allCountries || (this.data.allCountries = At().map((e) => {
+      const a = Lt(e), t = Ze[a[0]] + Ze[a[1]] || "";
       return {
         label: `+${e}`,
         flag: t,
@@ -2249,13 +2655,13 @@ const Xt = {
       this.data[e][t[a]] = t;
     }));
   }
-}, Ra = {
+}, nn = {
   class: "bs-input-phone",
   "data-component": "bs-input-phone"
-}, Na = ["id", "aria-controls", "aria-expanded", "aria-label", "disabled"], ja = {
+}, ln = ["id", "aria-controls", "aria-expanded", "aria-label", "disabled"], on = {
   "aria-hidden": "true",
   style: { width: "1.25rem" }
-}, Fa = { "aria-hidden": "true" }, vl = {
+}, rn = { "aria-hidden": "true" }, ql = {
   __name: "BsInputPhone",
   props: {
     deferValidation: {
@@ -2317,148 +2723,148 @@ const Xt = {
       "Escape",
       "Home",
       "Tab"
-    ], d = $(null), i = $(1), o = $([]), u = $(null), [
+    ], s = y(null), o = y(1), i = y([]), u = y(null), [
       c,
-      h,
-      m,
-      b
-    ] = Y(4), x = $(!1), C = $(""), S = $(""), w = $(!1), v = $(!1);
+      f,
+      g,
+      m
+    ] = Y(4), x = y(!1), k = y(""), w = y(""), I = y(!1), b = y(!1);
     a({
-      validationErr: w,
-      validationErrMsg: S
+      validationErr: I,
+      validationErrMsg: w
     });
-    const k = g(() => C.value ? `+${i.value}${C.value}` : ""), O = g(() => `Country code: ${i.value}. Click to change.`), D = g(() => n.errorMsg || S.value), F = g(() => n.error || w.value), we = g(() => n.hint || F.value && D.value);
-    z(k, (M) => {
-      l("update:modelValue", M);
-    }), z(() => n.modelValue, ee), Te(), U(() => x.value = !0);
-    function ee(M, H) {
-      M === "" && M !== H && (C.value = "");
+    const C = v(() => k.value ? `+${o.value}${k.value}` : ""), q = v(() => `Country code: ${o.value}. Click to change.`), A = v(() => n.errorMsg || w.value), M = v(() => n.error || I.value), Q = v(() => n.hint || M.value && A.value);
+    z(C, (R) => {
+      l("update:modelValue", R);
+    }), z(() => n.modelValue, X), Ae(), W(() => x.value = !0);
+    function X(R, H) {
+      R === "" && R !== H && (k.value = "");
     }
-    function re() {
-      var M;
-      v.value && (v.value = !1, (M = d.value) == null || M.focus());
+    function _() {
+      var R;
+      b.value && (b.value = !1, (R = s.value) == null || R.focus());
     }
-    function se(M) {
+    function de(R) {
       var H;
-      i.value = M, v.value = !1, (H = d.value) == null || H.focus(), ue(M);
+      o.value = R, b.value = !1, (H = s.value) == null || H.focus(), pe(R);
     }
-    function ke() {
-      n.deferValidation && ce(k.value), l("input-blur");
+    function Ce() {
+      n.deferValidation && he(C.value), l("input-blur");
     }
-    function Ie(M) {
-      C.value = M.target.value, n.deferValidation || ce(k.value);
+    function xe(R) {
+      k.value = R.target.value, n.deferValidation || he(C.value);
     }
-    function Ce(M) {
-      !M.key.match(/[0-9]/) && !r.includes(M.key) && M.preventDefault();
+    function Te(R) {
+      !R.key.match(/[0-9]/) && !r.includes(R.key) && R.preventDefault();
     }
-    function Te() {
-      Le.initSourceData(), xe(), ue(i.value);
+    function Ae() {
+      Ee.initSourceData(), Le(), pe(o.value);
     }
-    function xe() {
-      let M = Fe(n.modelValue);
-      M.valid ? (i.value = M.countryCode, C.value = M.number.significant) : C.value = n.modelValue, o.value = Le.data.allCountries.map((H) => ({
+    function Le() {
+      let R = Ge(n.modelValue);
+      R.valid ? (o.value = R.countryCode, k.value = R.number.significant) : k.value = n.modelValue, i.value = Ee.data.allCountries.map((H) => ({
         ...H,
-        isSelected: i.value === H
+        isSelected: o.value === H
       }));
     }
-    function ue(M) {
-      u.value = Le.getCountryByCountryCode(M);
+    function pe(R) {
+      u.value = Ee.getCountryByCountryCode(R);
     }
-    function ce(M) {
-      w.value = M ? !Fe(M).valid : !1, S.value = w.value ? "Invalid phone number" : "";
+    function he(R) {
+      I.value = R ? !Ge(R).valid : !1, w.value = I.value ? "Invalid phone number" : "";
     }
-    return (M, H) => (s(), p("div", Ra, [
-      P(ne, {
-        for: e.inputId || f(b),
+    return (R, H) => (d(), h("div", nn, [
+      D(ne, {
+        for: e.inputId || p(m),
         required: e.required,
-        class: _({ "visually-hidden": e.hideLabel })
+        class: ae({ "visually-hidden": e.hideLabel })
       }, {
-        default: E(() => [
-          j(T(e.label), 1)
+        default: O(() => [
+          U(T(e.label), 1)
         ]),
         _: 1
       }, 8, ["for", "required", "class"]),
-      P(Je, {
+      D(ke, {
         disabled: e.disabled,
-        error: F.value,
+        error: M.value,
         multifocus: !0,
         variant: "inner-bordered"
       }, {
-        default: E(() => {
+        default: O(() => {
           var K;
           return [
             B("button", {
-              id: f(c),
+              id: p(c),
               ref_key: "countryCodesToggle",
-              ref: d,
-              "aria-controls": f(h),
-              "aria-expanded": v.value,
+              ref: s,
+              "aria-controls": p(f),
+              "aria-expanded": b.value,
               "aria-haspopup": "listbox",
-              "aria-label": O.value,
+              "aria-label": q.value,
               disabled: e.disabled,
               type: "button",
-              onClick: H[0] || (H[0] = (qe) => v.value = !v.value)
+              onClick: H[0] || (H[0] = (Ne) => b.value = !b.value)
             }, [
               B("span", null, T((K = u.value) == null ? void 0 : K.flag), 1),
-              B("span", null, "+" + T(i.value), 1),
-              P(f(rt), { size: "sm" })
-            ], 8, Na),
-            P(Me, {
-              "input-id": e.inputId || f(b),
+              B("span", null, "+" + T(o.value), 1),
+              D(p(pt), { size: "sm" })
+            ], 8, ln),
+            D(fe, {
+              "input-id": e.inputId || p(m),
               disabled: e.disabled,
-              "hint-id": f(m),
+              "hint-id": p(g),
               placeholder: e.placeholder,
-              value: C.value,
+              value: k.value,
               "data-autowidth": "",
               type: "tel",
-              onInput: Ie,
-              onFocusout: ke,
-              onKeydown: Ce
+              onInput: xe,
+              onFocusout: Ce,
+              onKeydown: Te
             }, null, 8, ["input-id", "disabled", "hint-id", "placeholder", "value"])
           ];
         }),
         _: 1
       }, 8, ["disabled", "error"]),
-      he(P(Se, {
-        error: F.value,
-        "error-msg": D.value,
+      ge(D(ce, {
+        error: M.value,
+        "error-msg": A.value,
         hint: e.hint,
-        "hint-id": f(m)
+        "hint-id": p(g)
       }, null, 8, ["error", "error-msg", "hint", "hint-id"]), [
-        [ve, we.value]
+        [ye, Q.value]
       ]),
-      x.value ? (s(), V(De, {
+      x.value ? (d(), V(Re, {
         key: 0,
-        "anchor-id": f(c),
+        "anchor-id": p(c),
         "helper-text": "Country Code",
         label: "Country Code",
-        "model-value": i.value,
-        "options-id": f(h),
+        "model-value": o.value,
+        "options-id": p(f),
         preloaded: "",
-        shown: v.value,
+        shown: b.value,
         width: "content",
-        onClose: re,
-        "onUpdate:modelValue": se
+        onClose: _,
+        "onUpdate:modelValue": de
       }, {
-        default: E(() => [
-          (s(!0), p(N, null, X(o.value, (K) => (s(), V(Oe, {
+        default: O(() => [
+          (d(!0), h(j, null, Z(i.value, (K) => (d(), V(ze, {
             "aria-label": K.value,
             key: K.value,
             value: `${K.value}`,
             variant: "2-col"
           }, {
-            default: E(() => [
-              B("span", ja, T(K == null ? void 0 : K.flag), 1),
-              B("span", Fa, T(K.label), 1)
+            default: O(() => [
+              B("span", on, T(K == null ? void 0 : K.flag), 1),
+              B("span", rn, T(K.label), 1)
             ]),
             _: 2
           }, 1032, ["aria-label", "value"]))), 128))
         ]),
         _: 1
-      }, 8, ["anchor-id", "model-value", "options-id", "shown"])) : I("", !0)
+      }, 8, ["anchor-id", "model-value", "options-id", "shown"])) : $("", !0)
     ]));
   }
-}, Wa = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, sn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsInputSearch",
   props: {
     /** Sets the disabled state on input, disabled styles on label. */
@@ -2509,37 +2915,37 @@ const Xt = {
       "maxlength",
       "minlength",
       "name"
-    ]), d = g(() => !t.disabled && !t.hideClear && t.variant !== "filter");
-    return (i, o) => (s(), V(Je, R({
+    ]), s = v(() => !t.disabled && !t.hideClear && t.variant !== "filter");
+    return (o, i) => (d(), V(ke, P({
       class: "bs-input-search",
       "data-component": "bs-input-search",
       "data-variant": e.variant,
       disabled: e.disabled
-    }, f(r)), {
-      default: E(() => [
-        e.hideSearchIcon ? I("", !0) : (s(), V(f(st), { key: 0 })),
-        P(Me, R({
+    }, p(r)), {
+      default: O(() => [
+        e.hideSearchIcon ? $("", !0) : (d(), V(p(ht), { key: 0 })),
+        D(fe, P({
           "data-autowidth": "",
           disabled: e.disabled,
           "input-id": e.inputId,
           placeholder: e.placeholder,
           value: e.value || e.modelValue,
-          "onUpdate:modelValue": o[0] || (o[0] = (u) => i.$emit("update:modelValue", u))
-        }, f(l)), null, 16, ["disabled", "input-id", "placeholder", "value"]),
-        he(B("button", {
+          "onUpdate:modelValue": i[0] || (i[0] = (u) => o.$emit("update:modelValue", u))
+        }, p(l)), null, 16, ["disabled", "input-id", "placeholder", "value"]),
+        ge(B("button", {
           title: "Clear",
           type: "button",
-          onClick: o[1] || (o[1] = (u) => i.$emit("clear"))
+          onClick: i[1] || (i[1] = (u) => o.$emit("clear"))
         }, [
-          P(f(be), { size: "sm" })
+          D(p(Be), { size: "sm" })
         ], 512), [
-          [ve, d.value]
+          [ye, s.value]
         ])
       ]),
       _: 1
     }, 16, ["data-variant", "disabled"]));
   }
-}), bl = {
+}), Ml = {
   __name: "BsInputTypeahead",
   props: {
     characterThreshold: {
@@ -2599,58 +3005,58 @@ const Xt = {
   },
   emits: ["update:inputValue", "update:optionsValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = $(!1), r = $(!1);
-    let d = [];
+    const t = e, n = a, l = y(!1), r = y(!1);
+    let s = [];
     z(() => t.inputValue, () => {
-      r.value ? r.value = !1 : b();
+      r.value ? r.value = !1 : m();
     });
-    const i = g(() => `${t.typeaheadId}-input-addon`), o = g(() => `${t.typeaheadId}-input`), u = g(() => `${t.typeaheadId}-options`), c = g(() => {
+    const o = v(() => `${t.typeaheadId}-input-addon`), i = v(() => `${t.typeaheadId}-input`), u = v(() => `${t.typeaheadId}-options`), c = v(() => {
       if (l.value) {
-        let S = t.options;
-        const w = t.inputValue.toLowerCase(), v = t.filterType === "includes" ? "includes" : "startsWith";
-        return S = h(S, w, v), S = S.slice(0, t.maxOptions), S = m(S, w, v), d = S, S;
+        let w = t.options;
+        const I = t.inputValue.toLowerCase(), b = t.filterType === "includes" ? "includes" : "startsWith";
+        return w = f(w, I, b), w = w.slice(0, t.maxOptions), w = g(w, I, b), s = w, w;
       } else
-        return d;
+        return s;
     });
-    function h(S, w, v) {
-      return t.internalFiltering ? S.filter((k) => k.label.toLowerCase()[v](w)) : S;
+    function f(w, I, b) {
+      return t.internalFiltering ? w.filter((C) => C.label.toLowerCase()[b](I)) : w;
     }
-    function m(S, w, v) {
-      return S.map((k) => {
-        let O = k.label;
-        if (w !== "") {
-          const D = v === "includes" ? "gi" : "i", F = new RegExp(`(${w})`, D);
-          O = k.label.replace(F, '<span style="color: var(--bs-blue-base)">$1</span>');
+    function g(w, I, b) {
+      return w.map((C) => {
+        let q = C.label;
+        if (I !== "") {
+          const A = b === "includes" ? "gi" : "i", M = new RegExp(`(${I})`, A);
+          q = C.label.replace(M, '<span style="color: var(--bs-blue-base)">$1</span>');
         }
-        return { ...k, labelHtml: O };
+        return { ...C, labelHtml: q };
       });
     }
-    function b() {
+    function m() {
       t.inputValue.length >= t.characterThreshold ? l.value = !0 : l.value = !1;
     }
     function x() {
-      n("update:inputValue", ""), n("update:optionsValue", ""), document.getElementById(o.value).focus();
+      n("update:inputValue", ""), n("update:optionsValue", ""), document.getElementById(i.value).focus();
     }
-    function C(S) {
+    function k(w) {
       r.value = !0, l.value = !1;
-      const w = c.value.find((v) => v.value === S);
-      n("update:inputValue", w.label), n("update:optionsValue", S);
+      const I = c.value.find((b) => b.value === w);
+      n("update:inputValue", I.label), n("update:optionsValue", w);
     }
-    return (S, w) => (s(), p(N, null, [
-      e.label || S.$slots.label ? (s(), V(ne, {
+    return (w, I) => (d(), h(j, null, [
+      e.label || w.$slots.label ? (d(), V(ne, {
         key: 0,
-        for: o.value,
+        for: i.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: E(() => [
-          L(S.$slots, "label", {}, () => [
-            j(T(e.label), 1)
+        default: O(() => [
+          E(w.$slots, "label", {}, () => [
+            U(T(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : I("", !0),
-      P(Wa, R({
+      }, 8, ["for", "disabled", "required"])) : $("", !0),
+      D(sn, P({
         "aria-controls": u.value,
         "aria-expanded": l.value,
         "aria-haspopup": "listbox",
@@ -2658,17 +3064,17 @@ const Xt = {
         disabled: e.disabled,
         "hide-clear": e.inputValue === "",
         "hide-search-icon": e.hideSearchIcon,
-        id: i.value,
-        "input-id": o.value,
+        id: o.value,
+        "input-id": i.value,
         placeholder: e.placeholder,
         value: e.inputValue
-      }, S.$attrs, {
+      }, w.$attrs, {
         onClear: x,
-        onFocusin: b,
-        "onUpdate:modelValue": w[0] || (w[0] = (v) => n("update:inputValue", v))
+        onFocusin: m,
+        "onUpdate:modelValue": I[0] || (I[0] = (b) => n("update:inputValue", b))
       }), null, 16, ["aria-controls", "aria-expanded", "disabled", "hide-clear", "hide-search-icon", "id", "input-id", "placeholder", "value"]),
-      P(De, {
-        "anchor-id": i.value,
+      D(Re, {
+        "anchor-id": o.value,
         "focus-on-show": !1,
         "model-value": e.optionsValue,
         "options-id": u.value,
@@ -2677,13 +3083,13 @@ const Xt = {
         shown: l.value,
         "use-mobile-style": !1,
         width: "toggle",
-        onClose: w[1] || (w[1] = (v) => l.value = !1),
-        "onUpdate:modelValue": C
+        onClose: I[1] || (I[1] = (b) => l.value = !1),
+        "onUpdate:modelValue": k
       }, {
-        default: E(() => [
-          P(pe, { options: c.value }, {
-            "no-options": E(() => [
-              j("No results found")
+        default: O(() => [
+          D(me, { options: c.value }, {
+            "no-options": O(() => [
+              U("No results found")
             ]),
             _: 1
           }, 8, ["options"])
@@ -2692,13 +3098,13 @@ const Xt = {
       }, 8, ["anchor-id", "model-value", "options-id", "shown"])
     ], 64));
   }
-}, Ua = ["data-size", "data-variant"], Ga = /* @__PURE__ */ B("span", null, null, -1), Ha = /* @__PURE__ */ B("span", null, null, -1), Ka = /* @__PURE__ */ B("span", null, null, -1), Ya = /* @__PURE__ */ B("span", null, null, -1), Xa = /* @__PURE__ */ B("span", { class: "visually-hidden" }, "Loading", -1), Za = [
-  Ga,
-  Ha,
-  Ka,
-  Ya,
-  Xa
-], gl = {
+}, dn = ["data-size", "data-variant"], un = /* @__PURE__ */ B("span", null, null, -1), cn = /* @__PURE__ */ B("span", null, null, -1), fn = /* @__PURE__ */ B("span", null, null, -1), pn = /* @__PURE__ */ B("span", null, null, -1), hn = /* @__PURE__ */ B("span", { class: "visually-hidden" }, "Loading", -1), vn = [
+  un,
+  cn,
+  fn,
+  pn,
+  hn
+], Pl = {
   __name: "BsLoader",
   props: {
     size: {
@@ -2712,14 +3118,14 @@ const Xt = {
     }
   },
   setup(e) {
-    return (a, t) => (s(), p("span", {
+    return (a, t) => (d(), h("span", {
       class: "bs-loader",
       "data-size": e.size,
       "data-variant": e.variant,
       role: "status"
-    }, Za, 8, Ua));
+    }, vn, 8, dn));
   }
-}, Ja = /* @__PURE__ */ B("div", { class: "bs-overlay" }, null, -1), Qa = {
+}, bn = /* @__PURE__ */ B("div", { class: "bs-overlay" }, null, -1), mn = {
   __name: "BsOverlay",
   props: {
     shown: {
@@ -2748,25 +3154,27 @@ const Xt = {
   },
   emits: ["after-enter", "after-leave"],
   setup(e, { emit: a }) {
-    const t = e, n = a, { transition: l } = Be(t);
-    return (r, d) => (s(), V(f($e), {
-      shown: f(l),
+    const t = e, n = a, { transition: l } = ue(t);
+    return watch(l, (r) => {
+      r ? document.body.setAttribute("data-scroll", "false") : document.body.removeAttribute("data-scroll");
+    }), (r, s) => (d(), V(p(Ie), {
+      shown: p(l),
       preloaded: e.preloaded,
       duration: 75,
       "enter-attribute": "data-shown",
-      onAfterEnter: d[0] || (d[0] = (i) => n("after-enter")),
-      onAfterLeave: d[1] || (d[1] = (i) => n("after-leave"))
+      onAfterEnter: s[0] || (s[0] = (o) => n("after-enter")),
+      onAfterLeave: s[1] || (s[1] = (o) => n("after-leave"))
     }, {
-      default: E(() => [
-        Ja
+      default: O(() => [
+        bn
       ]),
       _: 1
     }, 8, ["shown", "preloaded"]));
   }
-}, _a = ["id", "role"], en = {
+}, gn = ["id", "role"], yn = {
   key: 0,
   class: "modal-title"
-}, ml = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, zl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsModal",
   props: {
     modalId: {
@@ -2811,81 +3219,81 @@ const Xt = {
   },
   emits: ["close", "after-enter", "after-leave"],
   setup(e, { emit: a }) {
-    const t = e, n = a, { transition: l } = Be(t);
+    const t = e, n = a, { transition: l } = ue(t);
     let r = !1;
-    const d = $(null), i = (c) => {
-      d.value && c.target.closest(".bs-overlay") && n("close", t.modalId);
+    const s = y(null), o = (c) => {
+      s.value && c.target.closest(".bs-overlay") && n("close", t.modalId);
     };
-    U(() => {
-      document.addEventListener("click", i);
-    }), ae(() => {
-      document.removeEventListener("click", i);
-    }), ye(["Escape"], () => {
+    W(() => {
+      document.addEventListener("click", o);
+    }), oe(() => {
+      document.removeEventListener("click", o);
+    }), $e(["Escape"], () => {
       r && n("close", t.modalId);
     });
-    const o = () => !t.title && t.closeButton, u = () => t.title && t.closeButton;
-    return (c, h) => (s(), p(N, null, [
-      P(Qa, {
-        shown: f(l),
+    const i = () => !t.title && t.closeButton, u = () => t.title && t.closeButton;
+    return (c, f) => (d(), h(j, null, [
+      D(mn, {
+        shown: p(l),
         preloaded: e.preloaded,
         "enter-controlled": e.enterControlled,
         "enter-trigger": e.enterTrigger,
         "leave-trigger": e.leaveTrigger
       }, null, 8, ["shown", "preloaded", "enter-controlled", "enter-trigger", "leave-trigger"]),
-      P($e, {
-        shown: f(l),
+      D(Ie, {
+        shown: p(l),
         preloaded: e.preloaded,
         duration: 75,
         "enter-attribute": "data-shown",
-        onEnter: h[1] || (h[1] = (m) => lt(r) ? r.value = !0 : r = !0),
-        onAfterEnter: h[2] || (h[2] = (m) => n("after-enter")),
-        onAfterLeave: h[3] || (h[3] = (m) => n("after-leave"))
+        onEnter: f[1] || (f[1] = (g) => ct(r) ? r.value = !0 : r = !0),
+        onAfterEnter: f[2] || (f[2] = (g) => n("after-enter")),
+        onAfterLeave: f[3] || (f[3] = (g) => n("after-leave"))
       }, {
-        default: E(() => [
-          B("div", R({
+        default: O(() => [
+          B("div", P({
             id: t.modalId,
             class: "bs-modal",
             role: e.alert ? "alertdialog" : "dialog",
             "aria-modal": "true"
           }, c.$attrs, {
             ref_key: "modalRef",
-            ref: d
+            ref: s
           }), [
-            e.title || e.closeButton ? (s(), p("header", {
+            e.title || e.closeButton ? (d(), h("header", {
               key: 0,
-              class: _({
-                "only-close-button-modal-header": o,
+              class: ae({
+                "only-close-button-modal-header": i,
                 "modal-header": u
               })
             }, [
-              e.title ? (s(), p("h5", en, T(e.title), 1)) : I("", !0),
-              e.closeButton ? (s(), p("button", {
+              e.title ? (d(), h("h5", yn, T(e.title), 1)) : $("", !0),
+              e.closeButton ? (d(), h("button", {
                 key: 1,
                 type: "button",
                 title: "Close Modal",
                 "aria-label": "Close Modal",
-                onClick: h[0] || (h[0] = (m) => n("close", e.modalId))
+                onClick: f[0] || (f[0] = (g) => n("close", e.modalId))
               }, [
-                P(f(be), { class: "close-button" })
-              ])) : I("", !0)
-            ], 2)) : I("", !0),
-            L(c.$slots, "default")
-          ], 16, _a)
+                D(p(Be), { class: "close-button" })
+              ])) : $("", !0)
+            ], 2)) : $("", !0),
+            E(c.$slots, "default")
+          ], 16, gn)
         ]),
         _: 3
       }, 8, ["shown", "preloaded"])
     ], 64));
   }
-}), tn = ["data-variant", "data-fixed"], an = {
+}), Bn = ["data-variant", "data-fixed"], Sn = {
   key: 0,
   class: "bs-pagination-carets"
-}, nn = ["title", "disabled"], ln = { key: 0 }, on = ["title", "disabled"], rn = { key: 0 }, sn = {
+}, wn = ["title", "disabled"], $n = { key: 0 }, kn = ["title", "disabled"], In = { key: 0 }, Cn = {
   key: 1,
   class: "bs-pagination-page-numbers"
-}, dn = ["title", "data-selected", "onClick"], un = { key: 2 }, cn = { key: 3 }, fn = /* @__PURE__ */ B("span", null, "Results Per Page:", -1), pn = { class: "bs-pagination-results-numbers" }, hn = ["data-selected", "disabled", "onClick"], vn = {
+}, xn = ["title", "data-selected", "onClick"], Tn = { key: 2 }, An = { key: 3 }, Ln = /* @__PURE__ */ B("span", null, "Results Per Page:", -1), Vn = { class: "bs-pagination-results-numbers" }, En = ["data-selected", "disabled", "onClick"], Dn = {
   key: 5,
   class: "bs-pagination-carets"
-}, bn = ["title", "disabled"], gn = { key: 0 }, mn = ["title", "disabled"], yn = { key: 0 }, yl = {
+}, On = ["title", "disabled"], qn = { key: 0 }, Mn = ["title", "disabled"], Pn = { key: 0 }, Rl = {
   __name: "BsPagination",
   props: {
     // Used for all
@@ -2971,25 +3379,25 @@ const Xt = {
   },
   emits: ["selchange", "update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = $(null);
-    U(() => {
-      r.value ? l.value = r.value : t.variant === "results" ? l.value = C.value[0] : l.value = 1;
+    const t = e, n = a, l = y(null);
+    W(() => {
+      r.value ? l.value = r.value : t.variant === "results" ? l.value = k.value[0] : l.value = 1;
     });
-    const r = g(() => t.modelValue || t.selection);
-    z(() => t.selection, (S) => {
-      l.value = S;
-    }), z(() => t.modelValue, (S) => {
-      l.value = S;
-    }), z(l, (S, w) => {
-      w !== null && (n("selchange", S), n("update:modelValue", S));
+    const r = v(() => t.modelValue || t.selection);
+    z(() => t.selection, (w) => {
+      l.value = w;
+    }), z(() => t.modelValue, (w) => {
+      l.value = w;
+    }), z(l, (w, I) => {
+      I !== null && (n("selchange", w), n("update:modelValue", w));
     });
-    const d = g(() => {
+    const s = v(() => {
       if (t.variant === "group")
         return Math.ceil(t.itemsCount / t.itemsPerGroup);
       if (t.variant === "base")
         return t.pageCount;
-    }), i = g(() => t.variant === "base" ? t.centerDisplay === "text" ? "group" : void 0 : t.variant);
-    function o() {
+    }), o = v(() => t.variant === "base" ? t.centerDisplay === "text" ? "group" : void 0 : t.variant);
+    function i() {
       l.value = 1;
     }
     function u() {
@@ -2998,102 +3406,102 @@ const Xt = {
     function c() {
       l.value = Math.min(
         l.value + 1,
-        d.value
+        s.value
       );
     }
-    function h() {
-      l.value = d.value;
+    function f() {
+      l.value = s.value;
     }
-    const m = g(() => {
+    const g = v(() => {
       if (t.pageCount <= t.pageRange)
         return [...Array(t.pageCount + 1).keys()].slice(1);
-      const S = [1], w = (t.pageRange - 1) / 2;
-      let v = l.value - w, k = l.value + w;
-      v < 1 && (k += 1 - v, v = 1), k > t.pageCount && (v -= k - t.pageCount, k = t.pageCount), v = Math.max(v, 2), k = Math.min(k, t.pageCount - 1), v > 2 && S.push(t.breakText);
-      for (let O = v; O <= k; O++)
-        S.push(O);
-      return k < t.pageCount - 1 && S.push(t.breakText), S.push(t.pageCount), S;
-    }), b = g(() => `${t.centerLabel ?? "Page"} ${l.value} of ${d.value}`), x = g(() => {
-      const S = (l.value - 1) * t.itemsPerGroup + 1, w = Math.min(S - 1 + t.itemsPerGroup, t.itemsCount);
-      return `${t.centerLabel ?? "Results"} ${S} - ${w} of ${t.itemsCount}`;
-    }), C = g(() => t.resultsIncrements.split(",").map((S) => parseInt(S)));
-    return (S, w) => (s(), p("div", {
+      const w = [1], I = (t.pageRange - 1) / 2;
+      let b = l.value - I, C = l.value + I;
+      b < 1 && (C += 1 - b, b = 1), C > t.pageCount && (b -= C - t.pageCount, C = t.pageCount), b = Math.max(b, 2), C = Math.min(C, t.pageCount - 1), b > 2 && w.push(t.breakText);
+      for (let q = b; q <= C; q++)
+        w.push(q);
+      return C < t.pageCount - 1 && w.push(t.breakText), w.push(t.pageCount), w;
+    }), m = v(() => `${t.centerLabel ?? "Page"} ${l.value} of ${s.value}`), x = v(() => {
+      const w = (l.value - 1) * t.itemsPerGroup + 1, I = Math.min(w - 1 + t.itemsPerGroup, t.itemsCount);
+      return `${t.centerLabel ?? "Results"} ${w} - ${I} of ${t.itemsCount}`;
+    }), k = v(() => t.resultsIncrements.split(",").map((w) => parseInt(w)));
+    return (w, I) => (d(), h("div", {
       class: "bs-pagination",
-      "data-variant": i.value,
+      "data-variant": o.value,
       "data-fixed": t.fixed
     }, [
-      e.variant === "base" || e.variant === "group" ? (s(), p("div", an, [
-        e.showFirstLastButtons ? (s(), p("button", {
+      e.variant === "base" || e.variant === "group" ? (d(), h("div", Sn, [
+        e.showFirstLastButtons ? (d(), h("button", {
           key: 0,
           type: "button",
-          class: _(e.firstPageText ? "bs-pagination-word-caret" : void 0),
+          class: ae(e.firstPageText ? "bs-pagination-word-caret" : void 0),
           title: e.firstPageText,
           disabled: l.value === 1,
-          onClick: o
+          onClick: i
         }, [
-          P(f(dt)),
-          e.firstPageText ? (s(), p("span", ln, T(e.firstPageText), 1)) : I("", !0)
-        ], 10, nn)) : I("", !0),
+          D(p(vt)),
+          e.firstPageText ? (d(), h("span", $n, T(e.firstPageText), 1)) : $("", !0)
+        ], 10, wn)) : $("", !0),
         B("button", {
           type: "button",
-          class: _(e.prevPageText ? "bs-pagination-word-caret" : void 0),
+          class: ae(e.prevPageText ? "bs-pagination-word-caret" : void 0),
           title: e.prevPageText,
           disabled: l.value === 1,
           onClick: u
         }, [
-          P(f(ut)),
-          e.prevPageText ? (s(), p("span", rn, T(e.prevPageText), 1)) : I("", !0)
-        ], 10, on)
-      ])) : I("", !0),
-      e.variant === "base" && e.centerDisplay === "numbers" ? (s(), p("div", sn, [
-        (s(!0), p(N, null, X(m.value, (v) => (s(), p("button", {
-          key: `page-${v}-button`,
+          D(p(bt)),
+          e.prevPageText ? (d(), h("span", In, T(e.prevPageText), 1)) : $("", !0)
+        ], 10, kn)
+      ])) : $("", !0),
+      e.variant === "base" && e.centerDisplay === "numbers" ? (d(), h("div", Cn, [
+        (d(!0), h(j, null, Z(g.value, (b) => (d(), h("button", {
+          key: `page-${b}-button`,
           type: "button",
-          title: `Page ${v}`,
-          "data-selected": v === l.value,
-          onClick: (k) => l.value = v
-        }, T(v), 9, dn))), 128))
-      ])) : I("", !0),
-      t.variant === "base" && t.centerDisplay === "text" ? (s(), p("span", un, T(b.value), 1)) : I("", !0),
-      t.variant === "group" ? (s(), p("span", cn, T(x.value), 1)) : I("", !0),
-      t.variant === "results" ? (s(), p(N, { key: 4 }, [
-        fn,
-        B("div", pn, [
-          (s(!0), p(N, null, X(C.value, (v) => (s(), p("button", {
+          title: `Page ${b}`,
+          "data-selected": b === l.value,
+          onClick: (C) => l.value = b
+        }, T(b), 9, xn))), 128))
+      ])) : $("", !0),
+      t.variant === "base" && t.centerDisplay === "text" ? (d(), h("span", Tn, T(m.value), 1)) : $("", !0),
+      t.variant === "group" ? (d(), h("span", An, T(x.value), 1)) : $("", !0),
+      t.variant === "results" ? (d(), h(j, { key: 4 }, [
+        Ln,
+        B("div", Vn, [
+          (d(!0), h(j, null, Z(k.value, (b) => (d(), h("button", {
             type: "button",
-            key: `results-${v}`,
-            "data-selected": v === l.value,
-            disabled: l.value === v,
-            onClick: (k) => l.value = v
-          }, T(v), 9, hn))), 128))
+            key: `results-${b}`,
+            "data-selected": b === l.value,
+            disabled: l.value === b,
+            onClick: (C) => l.value = b
+          }, T(b), 9, En))), 128))
         ])
-      ], 64)) : I("", !0),
-      e.variant === "base" || e.variant === "group" ? (s(), p("div", vn, [
+      ], 64)) : $("", !0),
+      e.variant === "base" || e.variant === "group" ? (d(), h("div", Dn, [
         B("button", {
           type: "button",
-          class: _(e.nextPageText ? "bs-pagination-word-caret" : void 0),
+          class: ae(e.nextPageText ? "bs-pagination-word-caret" : void 0),
           title: e.nextPageText,
-          disabled: l.value === d.value,
+          disabled: l.value === s.value,
           onClick: c
         }, [
-          e.nextPageText ? (s(), p("span", gn, T(e.nextPageText), 1)) : I("", !0),
-          P(f(ct))
-        ], 10, bn),
-        e.showFirstLastButtons ? (s(), p("button", {
+          e.nextPageText ? (d(), h("span", qn, T(e.nextPageText), 1)) : $("", !0),
+          D(p(mt))
+        ], 10, On),
+        e.showFirstLastButtons ? (d(), h("button", {
           key: 0,
           type: "button",
-          class: _(e.lastPageText ? "bs-pagination-word-caret" : void 0),
+          class: ae(e.lastPageText ? "bs-pagination-word-caret" : void 0),
           title: e.lastPageText,
-          disabled: l.value === d.value,
-          onClick: h
+          disabled: l.value === s.value,
+          onClick: f
         }, [
-          e.lastPageText ? (s(), p("span", yn, T(e.lastPageText), 1)) : I("", !0),
-          P(f(ft))
-        ], 10, mn)) : I("", !0)
-      ])) : I("", !0)
-    ], 8, tn));
+          e.lastPageText ? (d(), h("span", Pn, T(e.lastPageText), 1)) : $("", !0),
+          D(p(gt))
+        ], 10, Mn)) : $("", !0)
+      ])) : $("", !0)
+    ], 8, Bn));
   }
-}, Bn = ["data-truncate"], Bl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, zn = ["data-truncate"], Nl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsPill",
   props: {
     active: { type: Boolean, default: !1 },
@@ -3117,35 +3525,35 @@ const Xt = {
     }
   },
   setup(e) {
-    const a = e, { onLinkClick: t } = me(a), n = G(), { rootTag: l, attrsToBind: r, hrefUrl: d } = ge(a, n, "span");
-    return (i, o) => (s(), V(Z(f(l)), R({
+    const a = e, { onLinkClick: t } = we(a), n = G(), { rootTag: l, attrsToBind: r, hrefUrl: s } = Se(a, n, "span");
+    return (o, i) => (d(), V(J(p(l)), P({
       class: "bs-pill",
       "data-active": e.active,
       "data-component": "bs-pill",
       "data-status": e.status || void 0,
       "data-variant": e.variant || void 0,
       disabled: e.disabled,
-      ".href": f(d)
-    }, f(r), { onClick: f(t) }), {
-      default: E(() => [
+      ".href": p(s)
+    }, p(r), { onClick: p(t) }), {
+      default: O(() => [
         B("span", { "data-truncate": e.truncate }, [
-          L(i.$slots, "default")
-        ], 8, Bn)
+          E(o.$slots, "default")
+        ], 8, zn)
       ]),
       _: 3
     }, 48, ["data-active", "data-status", "data-variant", "disabled", ".href", "onClick"]));
   }
-}), $n = { class: "bs-profile-details" }, Sn = {
+}), Rn = { class: "bs-profile-details" }, Nn = {
   class: "bs-profile-name",
   "data-size": "sm",
   "data-weight": "bold"
-}, wn = {
+}, jn = {
   key: 1,
   "data-weight": "bold"
-}, kn = { key: 2 }, In = { key: 3 }, Cn = {
+}, Un = { key: 2 }, Fn = { key: 3 }, Wn = {
   key: 4,
   "data-icon": "true"
-}, Tn = {
+}, Gn = {
   __name: "BsProfileDetails",
   props: {
     profileName: {
@@ -3162,40 +3570,40 @@ const Xt = {
   },
   emits: ["action-toggled"],
   setup(e, { emit: a }) {
-    const t = e, n = a, { icon: l } = fe(t, "actionIcon"), { icon: r } = fe(t, "miscMetaIcon");
-    function d(i) {
-      i.target.tagName === "BUTTON" && (i.preventDefault(), i.stopImmediatePropagation(), n("action-toggled"));
+    const t = e, n = a, { icon: l } = be(t, "actionIcon"), { icon: r } = be(t, "miscMetaIcon");
+    function s(o) {
+      o.target.tagName === "BUTTON" && (o.preventDefault(), o.stopImmediatePropagation(), n("action-toggled"));
     }
-    return (i, o) => (s(), p("div", $n, [
-      e.action || i.$slots.action ? (s(), p("button", {
+    return (o, i) => (d(), h("div", Rn, [
+      e.action || o.$slots.action ? (d(), h("button", {
         key: 0,
         "data-icon": "true",
-        onClick: d
+        onClick: s
       }, [
-        L(i.$slots, "action", {}, () => [
-          e.actionIcon ? (s(), V(Z(f(l) ? f(l) : "span"), {
+        E(o.$slots, "action", {}, () => [
+          e.actionIcon ? (d(), V(J(p(l) ? p(l) : "span"), {
             key: 0,
             class: "bs-icon"
-          })) : I("", !0),
-          j(" " + T(e.action), 1)
+          })) : $("", !0),
+          U(" " + T(e.action), 1)
         ])
-      ])) : I("", !0),
-      B("span", Sn, T(e.profileName), 1),
-      e.company ? (s(), p("span", wn, T(e.company), 1)) : I("", !0),
-      e.jobTitle ? (s(), p("span", kn, T(e.jobTitle), 1)) : I("", !0),
-      e.email ? (s(), p("span", In, T(e.email), 1)) : I("", !0),
-      e.miscMeta || i.$slots.misc ? (s(), p("span", Cn, [
-        L(i.$slots, "misc", {}, () => [
-          e.miscMetaIcon ? (s(), V(Z(f(r) ? f(r) : "span"), {
+      ])) : $("", !0),
+      B("span", Nn, T(e.profileName), 1),
+      e.company ? (d(), h("span", jn, T(e.company), 1)) : $("", !0),
+      e.jobTitle ? (d(), h("span", Un, T(e.jobTitle), 1)) : $("", !0),
+      e.email ? (d(), h("span", Fn, T(e.email), 1)) : $("", !0),
+      e.miscMeta || o.$slots.misc ? (d(), h("span", Wn, [
+        E(o.$slots, "misc", {}, () => [
+          e.miscMetaIcon ? (d(), V(J(p(r) ? p(r) : "span"), {
             key: 0,
             class: "bs-icon"
-          })) : I("", !0),
-          j(" " + T(e.miscMeta), 1)
+          })) : $("", !0),
+          U(" " + T(e.miscMeta), 1)
         ])
-      ])) : I("", !0)
+      ])) : $("", !0)
     ]));
   }
-}, $l = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, jl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsProfile",
   props: {
     layout: {
@@ -3225,20 +3633,20 @@ const Xt = {
   },
   emits: ["action-toggled"],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = G(), { onLinkClick: r } = me(t), { rootTag: d, attrsToBind: i, hrefUrl: o } = ge(t, l, "div");
-    return (u, c) => (s(), V(Z(f(d)), R({
+    const t = e, n = a, l = G(), { onLinkClick: r } = we(t), { rootTag: s, attrsToBind: o, hrefUrl: i } = Se(t, l, "div");
+    return (u, c) => (d(), V(J(p(s)), P({
       class: "bs-profile",
-      ".href": f(o),
+      ".href": p(i),
       "data-layout": e.layout
-    }, f(i), { onClick: f(r) }), {
-      default: E(() => [
-        P(Ze, {
+    }, p(o), { onClick: p(r) }), {
+      default: O(() => [
+        D(lt, {
           src: e.imageSrc,
           size: e.imageSize,
           initials: e.initials,
           "profile-name": e.profileName
         }, null, 8, ["src", "size", "initials", "profile-name"]),
-        P(Tn, {
+        D(Gn, {
           "profile-name": e.profileName,
           company: e.company,
           "job-title": e.jobTitle,
@@ -3247,13 +3655,13 @@ const Xt = {
           "action-icon": e.actionIcon,
           "misc-meta": e.miscMeta,
           "misc-meta-icon": e.miscMetaIcon,
-          onActionToggled: c[0] || (c[0] = (h) => n("action-toggled"))
+          onActionToggled: c[0] || (c[0] = (f) => n("action-toggled"))
         }, {
-          action: E(() => [
-            L(u.$slots, "action")
+          action: O(() => [
+            E(u.$slots, "action")
           ]),
-          misc: E(() => [
-            L(u.$slots, "misc")
+          misc: O(() => [
+            E(u.$slots, "misc")
           ]),
           _: 3
         }, 8, ["profile-name", "company", "job-title", "email", "action", "action-icon", "misc-meta", "misc-meta-icon"])
@@ -3261,7 +3669,7 @@ const Xt = {
       _: 3
     }, 48, [".href", "data-layout", "onClick"]));
   }
-}), xn = ["data-size"], An = ["checked", "disabled", "id", "required", "value", "data-error"], Sl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), Hn = ["data-size"], Kn = ["checked", "disabled", "id", "required", "value", "data-error"], Ul = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsRadio",
   props: {
     label: {
@@ -3305,39 +3713,39 @@ const Xt = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = G(), [l] = Y(), { toChild: r, toRoot: d } = ie(t, n, ["aria-label", "name"]), i = g(() => t.inputId || l.value), o = g(() => t.checked || t.modelValue && t.modelValue === t.value);
-    return (u, c) => (s(), p("div", R({
+    const t = e, n = G(), [l] = Y(), { toChild: r, toRoot: s } = ie(t, n, ["aria-label", "name"]), o = v(() => t.inputId || l.value), i = v(() => t.checked || t.modelValue && t.modelValue === t.value);
+    return (u, c) => (d(), h("div", P({
       class: "bs-boolean",
       "data-component": "bs-radio",
       "data-size": e.size
-    }, f(d)), [
-      B("input", R({
-        checked: o.value,
+    }, p(s)), [
+      B("input", P({
+        checked: i.value,
         disabled: e.disabled,
-        id: i.value,
+        id: o.value,
         required: e.required,
         type: "radio",
         value: e.value,
         "data-error": e.error
-      }, f(r), {
-        onChange: c[0] || (c[0] = (h) => u.$emit("update:modelValue", h.target.value))
-      }), null, 16, An),
-      e.label || u.$slots.label ? (s(), V(ne, {
+      }, p(r), {
+        onChange: c[0] || (c[0] = (f) => u.$emit("update:modelValue", f.target.value))
+      }), null, 16, Kn),
+      e.label || u.$slots.label ? (d(), V(ne, {
         key: 0,
-        for: i.value,
+        for: o.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: E(() => [
-          L(u.$slots, "label", {}, () => [
-            j(T(e.label), 1)
+        default: O(() => [
+          E(u.$slots, "label", {}, () => [
+            U(T(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : I("", !0)
-    ], 16, xn));
+      }, 8, ["for", "disabled", "required"])) : $("", !0)
+    ], 16, Hn));
   }
-}), Ln = ["id", "disabled", "required", "data-error", "value"], Vn = {
+}), Yn = ["id", "disabled", "required", "data-error", "value"], Qn = {
   __name: "BsSelect",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -3350,8 +3758,8 @@ const Xt = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = g(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
-    return (l, r) => (s(), p("select", R({
+    const t = e, n = v(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
+    return (l, r) => (d(), h("select", P({
       id: l.$attrs.id || e.inputId,
       class: "bs-select",
       "data-component": "bs-select",
@@ -3360,12 +3768,12 @@ const Xt = {
       "data-error": e.error,
       value: e.value || e.modelValue
     }, n.value, {
-      onChange: r[0] || (r[0] = (d) => l.$emit("update:modelValue", d.target.value))
+      onChange: r[0] || (r[0] = (s) => l.$emit("update:modelValue", s.target.value))
     }), [
-      L(l.$slots, "default")
-    ], 16, Ln));
+      E(l.$slots, "default")
+    ], 16, Yn));
   }
-}, En = ["selected", "disabled"], Pn = ["disabled", "selected", "value"], wl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Xn = ["selected", "disabled"], Zn = ["disabled", "selected", "value"], Fl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsSelectField",
   props: {
     data: {
@@ -3409,64 +3817,64 @@ const Xt = {
     modelValue: [String, Number]
   },
   setup(e) {
-    const a = e, t = G(), [n, l] = Y(2), { toChild: r, toRoot: d } = ie(a, t, [
+    const a = e, t = G(), [n, l] = Y(2), { toChild: r, toRoot: s } = ie(a, t, [
       "aria-label",
       "autofocus",
       "name"
-    ]), i = g(() => {
-      var h, m;
-      return ((m = (h = a.hints) == null ? void 0 : h.join) == null ? void 0 : m.call(h, `
+    ]), o = v(() => {
+      var f, g;
+      return ((g = (f = a.hints) == null ? void 0 : f.join) == null ? void 0 : g.call(f, `
 `)) || a.hints;
-    }), o = g(() => a.error && a.errorMsg || a.hint || i.value || void 0), u = g(() => a.inputId || n.value), c = g(() => a.value || a.modelValue);
-    return (h, m) => (s(), p("div", R({ "data-component": "bs-select-field" }, f(d)), [
-      e.label || h.$slots.label ? (s(), V(ne, {
+    }), i = v(() => a.error && a.errorMsg || a.hint || o.value || void 0), u = v(() => a.inputId || n.value), c = v(() => a.value || a.modelValue);
+    return (f, g) => (d(), h("div", P({ "data-component": "bs-select-field" }, p(s)), [
+      e.label || f.$slots.label ? (d(), V(ne, {
         key: 0,
         for: u.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: E(() => [
-          L(h.$slots, "label", {}, () => [
-            j(T(e.label), 1)
+        default: O(() => [
+          E(f.$slots, "label", {}, () => [
+            U(T(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : I("", !0),
-      P(Vn, R({
+      }, 8, ["for", "disabled", "required"])) : $("", !0),
+      D(Qn, P({
         disabled: e.disabled,
         error: e.error,
-        "hint-id": f(l),
+        "hint-id": p(l),
         "input-id": u.value,
         required: e.required,
         value: c.value,
-        "onUpdate:modelValue": m[0] || (m[0] = (b) => h.$emit("update:modelValue", b))
-      }, f(r)), {
-        default: E(() => [
+        "onUpdate:modelValue": g[0] || (g[0] = (m) => f.$emit("update:modelValue", m))
+      }, p(r)), {
+        default: O(() => [
           B("option", {
             selected: !c.value,
             value: "",
             disabled: !!c.value
-          }, T(e.disabled ? "" : e.placeholder), 9, En),
-          (s(!0), p(N, null, X(e.data, (b) => (s(), p("option", {
-            key: b.value,
-            disabled: b.disabled,
-            selected: c.value === b.value,
-            value: b.value
-          }, T(b.label), 9, Pn))), 128))
+          }, T(e.disabled ? "" : e.placeholder), 9, Xn),
+          (d(!0), h(j, null, Z(e.data, (m) => (d(), h("option", {
+            key: m.value,
+            disabled: m.disabled,
+            selected: c.value === m.value,
+            value: m.value
+          }, T(m.label), 9, Zn))), 128))
         ]),
         _: 1
       }, 16, ["disabled", "error", "hint-id", "input-id", "required", "value"]),
-      o.value ? (s(), V(Se, {
+      i.value ? (d(), V(ce, {
         key: 1,
         "data-disabled": e.disabled,
         error: e.error,
         "error-msg": e.errorMsg,
-        hint: e.hint || i.value,
-        "hint-id": f(l)
-      }, null, 8, ["data-disabled", "error", "error-msg", "hint", "hint-id"])) : I("", !0)
+        hint: e.hint || o.value,
+        "hint-id": p(l)
+      }, null, 8, ["data-disabled", "error", "error-msg", "hint", "hint-id"])) : $("", !0)
     ], 16));
   }
-}), On = ["data-size"], Dn = ["data-disabled", "data-pending", "data-size"], Mn = ["checked", "disabled", "id"], qn = ["data-inner-on-label", "data-inner-off-label"], kl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), Jn = ["data-size"], _n = ["data-disabled", "data-pending", "data-size"], el = ["checked", "disabled", "id"], tl = ["data-inner-on-label", "data-inner-off-label"], Wl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsSwitch",
   props: {
     checked: {
@@ -3512,48 +3920,48 @@ const Xt = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = G(), [r] = Y(), { toChild: d, toRoot: i } = ie(t, l, ["aria-label", "name", "value"]), o = g(() => t.inputId || r.value), u = g(() => t.checked || t.modelValue);
-    return (c, h) => (s(), p("div", R({
+    const t = e, n = a, l = G(), [r] = Y(), { toChild: s, toRoot: o } = ie(t, l, ["aria-label", "name", "value"]), i = v(() => t.inputId || r.value), u = v(() => t.checked || t.modelValue);
+    return (c, f) => (d(), h("div", P({
       class: "bs-boolean",
       "data-component": "bs-switch",
       "data-size": e.size
-    }, f(i)), [
-      e.label || c.$slots.label ? (s(), V(ne, {
+    }, p(o)), [
+      e.label || c.$slots.label ? (d(), V(ne, {
         key: 0,
-        for: o.value,
+        for: i.value,
         disabled: e.disabled,
         hide: e.hideLabel
       }, {
-        default: E(() => [
-          L(c.$slots, "label", {}, () => [
-            j(T(e.label), 1)
+        default: O(() => [
+          E(c.$slots, "label", {}, () => [
+            U(T(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "hide"])) : I("", !0),
+      }, 8, ["for", "disabled", "hide"])) : $("", !0),
       B("div", {
         class: "bs-switch",
         "data-disabled": e.disabled,
         "data-pending": e.pending,
         "data-size": e.size
       }, [
-        B("input", R({
+        B("input", P({
           checked: u.value,
           disabled: e.disabled,
-          id: o.value,
+          id: i.value,
           type: "checkbox"
-        }, f(d), {
-          onChange: h[0] || (h[0] = (m) => n("update:modelValue", m.target.checked))
-        }), null, 16, Mn),
+        }, p(s), {
+          onChange: f[0] || (f[0] = (g) => n("update:modelValue", g.target.checked))
+        }), null, 16, el),
         B("span", {
           "aria-hidden": "true",
           "data-inner-on-label": e.innerOnLabel,
           "data-inner-off-label": e.innerOffLabel
-        }, null, 8, qn)
-      ], 8, Dn)
-    ], 16, On));
+        }, null, 8, tl)
+      ], 8, _n)
+    ], 16, Jn));
   }
-}), zn = ["aria-controls", "aria-selected", "data-hidden"], Il = {
+}), al = ["aria-controls", "aria-selected", "data-hidden"], Gl = {
   __name: "BsTab",
   props: {
     activeTabId: {
@@ -3570,18 +3978,18 @@ const Xt = {
   },
   emits: ["tabClick"],
   setup(e, { emit: a }) {
-    const t = e, n = G(), l = $(), r = g(() => t.activeTabId === n.id), d = g(() => t.panelId || `${n.id}-panel`);
-    function i(u) {
-      (u.key === "Enter" || u.key === " ") && (u.preventDefault(), u.stopPropagation(), o());
+    const t = e, n = G(), l = y(), r = v(() => t.activeTabId === n.id), s = v(() => t.panelId || `${n.id}-panel`);
+    function o(u) {
+      (u.key === "Enter" || u.key === " ") && (u.preventDefault(), u.stopPropagation(), i());
     }
-    function o() {
+    function i() {
       if (t.activeTabId !== n.id) {
         const u = new CustomEvent("tabClick", { detail: n.id, bubbles: !0 });
         l.value.dispatchEvent(u);
       }
     }
-    return (u, c) => (s(), p("div", {
-      "aria-controls": d.value,
+    return (u, c) => (d(), h("div", {
+      "aria-controls": s.value,
       "aria-selected": r.value ? "true" : "false",
       "data-hidden": e.hidden || void 0,
       "data-component": "bs-tab",
@@ -3589,13 +3997,13 @@ const Xt = {
       tabindex: "0",
       ref_key: "hostEl",
       ref: l,
-      onClick: o,
-      onKeydown: i
+      onClick: i,
+      onKeydown: o
     }, [
-      L(u.$slots, "default")
-    ], 40, zn));
+      E(u.$slots, "default")
+    ], 40, al));
   }
-}, Rn = ["id", "data-resizing"], Nn = ["aria-controls", "aria-expanded", "data-active", "data-hidden", "id"], jn = 73, Fn = 20, Wn = 16, Cl = {
+}, nl = ["id", "data-resizing"], ll = ["aria-controls", "aria-expanded", "data-active", "data-hidden", "id"], ol = 73, il = 20, rl = 16, Hl = {
   __name: "BsTabList",
   props: {
     activeTabId: { type: String, required: !0 },
@@ -3606,182 +4014,182 @@ const Xt = {
   },
   emits: ["tabChange", "update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = $(!1), r = $(!1), d = $([]), i = $(!1), o = $(!1), u = $(), c = $([]), h = $(!1), m = $([]), b = $(), x = $(), C = $(), [S, w] = Y(2), v = g(() => t.activeTabId ? m.value.findIndex((y) => y.id === t.activeTabId) : 0), k = g(() => d.value.some((y) => y.id === t.activeTabId)), O = g(() => `${w.value}-options`), D = g(() => `${w.value}-toggle`), F = g(() => {
-      var y;
-      return k.value ? (y = m.value[v.value]) == null ? void 0 : y.textContent : "More";
-    }), we = g(() => k.value ? c.value[v.value] - c.value[v.value - 1] + Fn : jn), ee = g(() => {
-      var A, q;
-      let y = [];
+    const t = e, n = a, l = y(!1), r = y(!1), s = y([]), o = y(!1), i = y(!1), u = y(), c = y([]), f = y(!1), g = y([]), m = y(), x = y(), k = y(), [w, I] = Y(2), b = v(() => t.activeTabId ? g.value.findIndex((S) => S.id === t.activeTabId) : 0), C = v(() => s.value.some((S) => S.id === t.activeTabId)), q = v(() => `${I.value}-options`), A = v(() => `${I.value}-toggle`), M = v(() => {
+      var S;
+      return C.value ? (S = g.value[b.value]) == null ? void 0 : S.textContent : "More";
+    }), Q = v(() => C.value ? c.value[b.value] - c.value[b.value - 1] + il : ol), X = v(() => {
+      var L, N;
+      let S = [];
       if (typeof window > "u")
-        return y;
-      for (let W of m.value) {
-        if (((A = W.dataset) == null ? void 0 : A.hidden) === "true" || ((q = W.dataset) == null ? void 0 : q.hidden) === "" || W.getAttribute("tabindex") === "-1")
+        return S;
+      for (let F of g.value) {
+        if (((L = F.dataset) == null ? void 0 : L.hidden) === "true" || ((N = F.dataset) == null ? void 0 : N.hidden) === "" || F.getAttribute("tabindex") === "-1")
           break;
-        y.push(W);
+        S.push(F);
       }
-      return o.value && y.push(u.value.querySelector(".bs-tab-list-toggle")), y;
+      return i.value && S.push(u.value.querySelector(".bs-tab-list-toggle")), S;
     });
-    function re() {
-      var te;
-      let y = !1, A, q = 0, W = !1, J = [];
-      if ((te = m.value) != null && te.length) {
-        for (let Q = 0; Q < m.value.length; Q++) {
-          if (A = m.value[Q], A.setAttribute("tabindex", "-1"), W && Q !== v.value) {
-            A.dataset.hidden = "true", J.push(A);
+    function _() {
+      var le;
+      let S = !1, L, N = 0, F = !1, ee = [];
+      if ((le = g.value) != null && le.length) {
+        for (let te = 0; te < g.value.length; te++) {
+          if (L = g.value[te], L.setAttribute("tabindex", "-1"), F && te !== b.value) {
+            L.dataset.hidden = "true", ee.push(L);
             continue;
           }
-          if (q = Q < m.value.length - 1 ? C.value - we.value : C.value, c.value[Q] > q) {
-            A.dataset.hidden = "true", J.push(A), y = !0, W = !0;
+          if (N = te < g.value.length - 1 ? k.value - Q.value : k.value, c.value[te] > N) {
+            L.dataset.hidden = "true", ee.push(L), S = !0, F = !0;
             continue;
           }
-          A.dataset.hidden = "false", A.setAttribute("tabindex", "0");
+          L.dataset.hidden = "false", L.setAttribute("tabindex", "0");
         }
-        o.value = y, d.value = J, l.value || de(() => l.value = !0), setTimeout(() => {
-          K(), h.value = !0;
-        }, h.value ? 0 : 1e3);
+        i.value = S, s.value = ee, l.value || ve(() => l.value = !0), setTimeout(() => {
+          K(), f.value = !0;
+        }, f.value ? 0 : 1e3);
       }
     }
-    function se(y) {
-      n("tabChange", y), n("update:modelValue", y);
-    }
-    function ke(y) {
-      var W, J, te;
-      const A = (te = (J = (W = m.value[y]) == null ? void 0 : W.getBoundingClientRect) == null ? void 0 : J.call(W)) == null ? void 0 : te.width;
-      return A || (y === 0 ? c.value[0] : c.value[y] - c.value[y - 1]) || 0;
+    function de(S) {
+      n("tabChange", S), n("update:modelValue", S);
     }
-    function Ie() {
-      var y;
-      (y = m.value[v.value]) == null || y.setAttribute("aria-selected", "true"), re();
+    function Ce(S) {
+      var F, ee, le;
+      const L = (le = (ee = (F = g.value[S]) == null ? void 0 : F.getBoundingClientRect) == null ? void 0 : ee.call(F)) == null ? void 0 : le.width;
+      return L || (S === 0 ? c.value[0] : c.value[S] - c.value[S - 1]) || 0;
     }
-    function Ce() {
-      var y;
-      (y = b.value) == null || y.focus(), i.value = !1;
+    function xe() {
+      var S;
+      (S = g.value[b.value]) == null || S.setAttribute("aria-selected", "true"), _();
     }
     function Te() {
-      i.value = !i.value, r.value || (r.value = !0);
+      var S;
+      (S = m.value) == null || S.focus(), o.value = !1;
     }
-    function xe(y) {
-      var A;
-      i.value = !1, (A = b.value) == null || A.focus(), se(y);
+    function Ae() {
+      o.value = !o.value, r.value || (r.value = !0);
     }
-    function ue(y) {
+    function Le(S) {
+      var L;
+      o.value = !1, (L = m.value) == null || L.focus(), de(S);
+    }
+    function pe(S) {
       if (t.withBsTabs)
         return;
-      const A = y.target.closest('[role="tab"]');
-      if (!A || A.getAttribute("aria-selected") === "true")
+      const L = S.target.closest('[role="tab"]');
+      if (!L || L.getAttribute("aria-selected") === "true")
         return;
-      const q = A.getAttribute("id");
-      se(q);
+      const N = L.getAttribute("id");
+      de(N);
     }
-    function ce(y) {
-      if (y.key === "ArrowLeft" || y.key === "ArrowRight") {
-        const A = ee.value.findIndex((q) => q.id === y.target.id);
-        if (A === -1)
+    function he(S) {
+      if (S.key === "ArrowLeft" || S.key === "ArrowRight") {
+        const L = X.value.findIndex((N) => N.id === S.target.id);
+        if (L === -1)
           return;
-        y.preventDefault(), y.stopPropagation(), y.key === "ArrowLeft" ? H(A) : M(A);
+        S.preventDefault(), S.stopPropagation(), S.key === "ArrowLeft" ? H(L) : R(L);
       }
     }
-    function M(y) {
-      var q;
-      const A = (y + 1) % ee.value.length;
-      (q = ee.value[A]) == null || q.focus();
+    function R(S) {
+      var N;
+      const L = (S + 1) % X.value.length;
+      (N = X.value[L]) == null || N.focus();
     }
-    function H(y) {
-      var q;
-      const A = y === 0 ? ee.value.length - 1 : y - 1;
-      (q = ee.value[A]) == null || q.focus();
+    function H(S) {
+      var N;
+      const L = S === 0 ? X.value.length - 1 : S - 1;
+      (N = X.value[L]) == null || N.focus();
     }
     function K() {
-      var te, Q, ze, Re;
-      const y = parseInt(u.value.style.getPropertyValue("--active-line-offset")) || 0, A = C.value;
-      let q = 300, W = ((Q = (te = ee.value) == null ? void 0 : te[v.value]) == null ? void 0 : Q.offsetLeft) || 0, J = ke(v.value);
-      o.value && k.value && (W = (ze = b.value) == null ? void 0 : ze.offsetLeft, J = (Re = b.value) == null ? void 0 : Re.offsetWidth), q = Math.max(Math.abs((W - y) / A * 300), 100), u.value.style.setProperty("--active-line-max-width", `${A}px`), u.value.style.setProperty("--active-line-scale", `${J / A}`), u.value.style.setProperty("--active-line-offset", `${W}px`), u.value.style.setProperty("--active-line-transition-duration", `${q}ms`);
+      var le, te, je, Ue;
+      const S = parseInt(u.value.style.getPropertyValue("--active-line-offset")) || 0, L = k.value;
+      let N = 300, F = ((te = (le = X.value) == null ? void 0 : le[b.value]) == null ? void 0 : te.offsetLeft) || 0, ee = Ce(b.value);
+      i.value && C.value && (F = (je = m.value) == null ? void 0 : je.offsetLeft, ee = (Ue = m.value) == null ? void 0 : Ue.offsetWidth), N = Math.max(Math.abs((F - S) / L * 300), 100), u.value.style.setProperty("--active-line-max-width", `${L}px`), u.value.style.setProperty("--active-line-scale", `${ee / L}`), u.value.style.setProperty("--active-line-offset", `${F}px`), u.value.style.setProperty("--active-line-transition-duration", `${N}ms`);
     }
-    function qe() {
-      var y, A;
-      (A = (y = x.value) == null ? void 0 : y.disconnect) == null || A.call(y), x.value = null;
+    function Ne() {
+      var S, L;
+      (L = (S = x.value) == null ? void 0 : S.disconnect) == null || L.call(S), x.value = null;
     }
-    function Qe() {
-      x.value = new ResizeObserver((y) => {
-        for (let A of y)
-          C.value = A.contentBoxSize[0].inlineSize;
-        re();
+    function ot() {
+      x.value = new ResizeObserver((S) => {
+        for (let L of S)
+          k.value = L.contentBoxSize[0].inlineSize;
+        _();
       }), x.value.observe(u.value);
     }
-    function _e() {
-      m.value = Array.from(u.value.children).filter((y) => y.role === "tab");
+    function it() {
+      g.value = Array.from(u.value.children).filter((S) => S.role === "tab");
     }
-    function et() {
-      let y;
-      m.value.forEach((A, q) => {
-        y = A.getBoundingClientRect().width + Wn, c.value.push(q ? y + c.value[q - 1] : y);
+    function rt() {
+      let S;
+      g.value.forEach((L, N) => {
+        S = L.getBoundingClientRect().width + rl, c.value.push(N ? S + c.value[N - 1] : S);
       });
     }
-    return z(() => t.activeTabId, Ie), U(() => {
-      var y;
+    return z(() => t.activeTabId, xe), W(() => {
+      var S;
       try {
-        _e(), et(), Qe(), C.value = u.value.getBoundingClientRect().width, re(), t.withBsTabs || (y = m.value[v.value]) == null || y.setAttribute("aria-selected", "true");
-      } catch (A) {
-        console.log("tab error", A);
+        it(), rt(), ot(), k.value = u.value.getBoundingClientRect().width, _(), t.withBsTabs || (S = g.value[b.value]) == null || S.setAttribute("aria-selected", "true");
+      } catch (L) {
+        console.log("tab error", L);
       }
-    }), ae(qe), (y, A) => (s(), p("div", {
+    }), oe(Ne), (S, L) => (d(), h("div", {
       class: "bs-tab-list",
       "data-component": "bs-tab-list",
-      id: y.$attrs.id || f(S),
+      id: S.$attrs.id || p(w),
       ref_key: "hostEl",
       ref: u,
       role: "tablist",
       "data-resizing": !l.value || void 0,
-      onClick: ue,
-      "on:tabClick": A[0] || (A[0] = (q) => se(q.detail)),
-      onKeydown: ce
+      onClick: pe,
+      "on:tabClick": L[0] || (L[0] = (N) => de(N.detail)),
+      onKeydown: he
     }, [
-      L(y.$slots, "default"),
+      E(S.$slots, "default"),
       B("button", {
-        "aria-controls": f(w),
-        "aria-expanded": i.value,
+        "aria-controls": p(I),
+        "aria-expanded": o.value,
         class: "bs-tab-list-toggle",
-        "data-active": k.value || void 0,
-        "data-hidden": !o.value,
-        id: D.value,
+        "data-active": C.value || void 0,
+        "data-hidden": !i.value,
+        id: A.value,
         ref_key: "dropdownToggle",
-        ref: b,
-        onClick: Te
+        ref: m,
+        onClick: Ae
       }, [
-        P(f(pt), { size: "sm" }),
-        j(" " + T(F.value), 1)
-      ], 8, Nn),
-      P(De, {
-        "anchor-id": D.value,
-        "container-id": y.$attrs.id || f(S),
+        D(p(yt), { size: "sm" }),
+        U(" " + T(M.value), 1)
+      ], 8, ll),
+      D(Re, {
+        "anchor-id": A.value,
+        "container-id": S.$attrs.id || p(w),
         "helper-description": e.helperDescription || void 0,
         "helper-text": e.helperText,
-        id: f(w),
-        "options-id": O.value,
+        id: p(I),
+        "options-id": q.value,
         position: "right",
         preloaded: "",
-        shown: i.value,
+        shown: o.value,
         width: "content",
-        onClose: Ce,
-        "onUpdate:modelValue": xe
+        onClose: Te,
+        "onUpdate:modelValue": Le
       }, {
-        default: E(() => [
-          (s(!0), p(N, null, X(d.value, (q) => (s(), V(Oe, {
-            key: q.id,
-            value: q.id,
-            "options-id": O.value
+        default: O(() => [
+          (d(!0), h(j, null, Z(s.value, (N) => (d(), V(ze, {
+            key: N.id,
+            value: N.id,
+            "options-id": q.value
           }, {
-            default: E(() => [
-              j(T(q.textContent), 1)
+            default: O(() => [
+              U(T(N.textContent), 1)
             ]),
             _: 2
           }, 1032, ["value", "options-id"]))), 128))
         ]),
         _: 1
       }, 8, ["anchor-id", "container-id", "helper-description", "helper-text", "id", "options-id", "shown"])
-    ], 40, Rn));
+    ], 40, nl));
   }
-}, Un = ["aria-labelledby", "data-active", "id"], Tl = {
+}, sl = ["aria-labelledby", "data-active", "id"], Kl = {
   __name: "BsTabPanel",
   props: {
     activeTabId: {
@@ -3794,18 +4202,18 @@ const Xt = {
     }
   },
   setup(e) {
-    const a = e, t = G(), n = g(() => a.activeTabId && a.activeTabId === a.tabId), l = g(() => t.id || `${a.tabId}-panel`);
-    return (r, d) => (s(), p("section", {
+    const a = e, t = G(), n = v(() => a.activeTabId && a.activeTabId === a.tabId), l = v(() => t.id || `${a.tabId}-panel`);
+    return (r, s) => (d(), h("section", {
       "aria-labelledby": e.tabId,
       "data-active": n.value,
       "data-component": "bs-tab-panel",
       id: l.value,
       role: "tabpanel"
     }, [
-      L(r.$slots, "default")
-    ], 8, Un));
+      E(r.$slots, "default")
+    ], 8, sl));
   }
-}, Gn = ["data-error", "id", "rows", "value"], Hn = {
+}, dl = ["data-error", "id", "rows", "value"], ul = {
   __name: "BsTextarea",
   props: {
     error: {
@@ -3820,18 +4228,18 @@ const Xt = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = g(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
-    return (l, r) => (s(), p("textarea", R({
+    const t = e, n = v(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
+    return (l, r) => (d(), h("textarea", P({
       class: "bs-textarea",
       "data-component": "bs-textarea",
       "data-error": e.error,
       id: l.$attrs.id || e.inputId,
       rows: l.$attrs.rows || 6,
       value: e.value || e.modelValue,
-      onInput: r[0] || (r[0] = (d) => l.$emit("update:modelValue", d.target.value))
-    }, n.value), null, 16, Gn));
+      onInput: r[0] || (r[0] = (s) => l.$emit("update:modelValue", s.target.value))
+    }, n.value), null, 16, dl));
   }
-}, xl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Yl = /* @__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. */
@@ -3880,59 +4288,59 @@ const Xt = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = G(), [l, r] = Y(2), { toChild: d, toRoot: i } = ie(t, n, [
+    const t = e, n = G(), [l, r] = Y(2), { toChild: s, toRoot: o } = ie(t, n, [
       "aria-label",
       "autocomplete",
       "cols",
       "maxlength",
       "minlength",
       "name"
-    ]), o = g(() => {
-      var m;
-      return ((m = t.value || t.modelValue) == null ? void 0 : m.length) || 0;
-    }), u = g(() => {
-      var m, b;
-      return ((b = (m = t.hints) == null ? void 0 : m.join) == null ? void 0 : b.call(m, `
+    ]), i = v(() => {
+      var g;
+      return ((g = t.value || t.modelValue) == null ? void 0 : g.length) || 0;
+    }), u = v(() => {
+      var g, m;
+      return ((m = (g = t.hints) == null ? void 0 : g.join) == null ? void 0 : m.call(g, `
 `)) || t.hints;
-    }), c = g(() => t.error && t.errorMsg || t.hint || u.value || void 0), h = g(() => t.inputId || l.value);
-    return (m, b) => (s(), p("div", R({ "data-component": "bs-textarea-field" }, f(i)), [
-      e.label || m.$slots.label ? (s(), V(ne, {
+    }), c = v(() => t.error && t.errorMsg || t.hint || u.value || void 0), f = v(() => t.inputId || l.value);
+    return (g, m) => (d(), h("div", P({ "data-component": "bs-textarea-field" }, p(o)), [
+      e.label || g.$slots.label ? (d(), V(ne, {
         key: 0,
-        for: h.value,
+        for: f.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: E(() => [
-          L(m.$slots, "label", {}, () => [
-            j(T(e.label), 1)
+        default: O(() => [
+          E(g.$slots, "label", {}, () => [
+            U(T(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : I("", !0),
-      P(Hn, R({
+      }, 8, ["for", "disabled", "required"])) : $("", !0),
+      D(ul, P({
         disabled: e.disabled,
         error: e.error,
-        "hint-id": f(r),
-        id: h.value,
+        "hint-id": p(r),
+        id: f.value,
         placeholder: e.placeholder,
         required: e.required,
         rows: e.rows,
         value: e.value || e.modelValue,
-        "onUpdate:modelValue": b[0] || (b[0] = (x) => m.$emit("update:modelValue", x))
-      }, f(d)), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "rows", "value"]),
-      c.value || e.charMax ? (s(), V(Se, {
+        "onUpdate:modelValue": m[0] || (m[0] = (x) => g.$emit("update:modelValue", x))
+      }, p(s)), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "rows", "value"]),
+      c.value || e.charMax ? (d(), V(ce, {
         key: 1,
-        "char-count": o.value,
+        "char-count": i.value,
         "char-max": e.charMax,
         "data-disabled": e.disabled,
         error: e.error,
         "error-msg": e.errorMsg,
         hint: e.hint || u.value,
-        "hint-id": f(r)
-      }, null, 8, ["char-count", "char-max", "data-disabled", "error", "error-msg", "hint", "hint-id"])) : I("", !0)
+        "hint-id": p(r)
+      }, null, 8, ["char-count", "char-max", "data-disabled", "error", "error-msg", "hint", "hint-id"])) : $("", !0)
     ], 16));
   }
-}), Kn = ["data-variant", "data-stacked"], Al = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), cl = ["data-variant", "data-stacked"], Ql = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsToast",
   props: {
     shown: {
@@ -3978,111 +4386,111 @@ const Xt = {
   },
   emits: ["dismiss", "after-enter", "after-leave"],
   setup(e, { emit: a }) {
-    const t = e, n = a, { transition: l } = Be(t);
+    const t = e, n = a, { transition: l } = ue(t);
     let r = null;
-    le("variant", t.variant), le("handleDismiss", i);
-    const d = oe("stacked", t.stacked);
-    function i() {
+    re("variant", t.variant), re("handleDismiss", o);
+    const s = se("stacked", t.stacked);
+    function o() {
       r && (clearTimeout(r), r = null), n("dismiss", t.toastId);
     }
-    function o() {
+    function i() {
       t.duration > 0 && (r = setTimeout(() => {
-        i();
+        o();
       }, t.duration)), n("after-enter");
     }
-    return (u, c) => (s(), V(f($e), {
-      shown: f(l),
+    return (u, c) => (d(), V(p(Ie), {
+      shown: p(l),
       preloaded: e.preloaded,
       duration: 200,
       "enter-attribute": "data-shown",
-      onAfterEnter: o,
-      onAfterLeave: c[0] || (c[0] = (h) => n("after-leave"))
+      onAfterEnter: i,
+      onAfterLeave: c[0] || (c[0] = (f) => n("after-leave"))
     }, {
-      default: E(() => [
-        B("div", R({
+      default: O(() => [
+        B("div", P({
           class: "bs-toast",
           "data-variant": e.variant,
-          "data-stacked": f(d) || void 0,
+          "data-stacked": p(s) || void 0,
           "aria-role": "alert"
         }, u.$attrs), [
-          L(u.$slots, "default")
-        ], 16, Kn)
+          E(u.$slots, "default")
+        ], 16, cl)
       ]),
       _: 3
     }, 8, ["shown", "preloaded"]));
   }
-}), Yn = ["data-stacked"], Ll = {
+}), fl = ["data-stacked"], Xl = {
   __name: "BsToastActions",
   setup(e) {
-    const a = $(!1);
-    U(() => {
+    const a = y(!1);
+    W(() => {
       var l;
-      const n = ot();
+      const n = ft();
       ((l = n.default) == null ? void 0 : l.call(n).length) > 2 && (a.value = !0);
     });
-    const t = oe("handleDismiss");
-    return (n, l) => (s(), p("div", {
+    const t = se("handleDismiss");
+    return (n, l) => (d(), h("div", {
       class: "bs-toast-actions",
       "data-stacked": a.value || void 0
     }, [
-      L(n.$slots, "default", {}, () => [
-        P(Rt, {
+      E(n.$slots, "default", {}, () => [
+        D(sa, {
           size: "sm",
           "text-btn": "",
-          onClick: f(t)
+          onClick: p(t)
         }, {
-          default: E(() => [
-            j(" Dismiss ")
+          default: O(() => [
+            U(" Dismiss ")
           ]),
           _: 1
         }, 8, ["onClick"])
       ])
-    ], 8, Yn));
+    ], 8, fl));
   }
-}, Xn = (e, a) => {
+}, pl = (e, a) => {
   const t = e.__vccOpts || e;
   for (const [n, l] of a)
     t[n] = l;
   return t;
-}, Zn = {}, Jn = { class: "bs-toast-body" };
-function Qn(e, a) {
-  return s(), p("div", Jn, [
-    L(e.$slots, "default")
+}, hl = {}, vl = { class: "bs-toast-body" };
+function bl(e, a) {
+  return d(), h("div", vl, [
+    E(e.$slots, "default")
   ]);
 }
-const Vl = /* @__PURE__ */ Xn(Zn, [["render", Qn]]), _n = ["data-variant"], El = {
+const Zl = /* @__PURE__ */ pl(hl, [["render", bl]]), ml = ["data-variant"], Jl = {
   __name: "BsToastHeader",
   setup(e) {
-    const a = oe("variant"), t = g(() => {
+    const a = se("variant"), t = v(() => {
       switch (a) {
         case "warning":
-          return Ve;
+          return Oe;
         case "positive":
-          return vt;
+          return St;
         case "negative":
-          return Ve;
+          return Oe;
         default:
-          return ht;
+          return Bt;
       }
     });
-    return (n, l) => (s(), p("div", {
+    return (n, l) => (d(), h("div", {
       class: "bs-toast-header",
-      "data-variant": f(a)
+      "data-variant": p(a)
     }, [
-      (s(), V(Z(t.value), { class: "bs-toast-header-icon" })),
+      (d(), V(J(t.value), { class: "bs-toast-header-icon" })),
       B("h5", null, [
-        L(n.$slots, "default")
+        E(n.$slots, "default")
       ])
-    ], 8, _n));
+    ], 8, ml));
   }
-}, el = { class: "bs-toaster" }, Pl = {
+}, gl = { class: "bs-toaster" }, _l = {
   __name: "BsToaster",
   setup(e) {
-    return le("stacked", !0), (a, t) => (s(), p("div", el, [
-      L(a.$slots, "default")
+    return re("stacked", !0), (a, t) => (d(), h("div", gl, [
+      E(a.$slots, "default")
     ]));
   }
-}, tl = ["data-position"], al = ["id"], Ol = {
+}, yl = ["data-position"], Bl = ["id"], eo = {
   __name: "BsTooltip",
   props: {
     tooltipId: {
@@ -4109,85 +4517,86 @@ const Vl = /* @__PURE__ */ Xn(Zn, [["render", Qn]]), _n = ["data-variant"], El =
     }
   },
   setup(e) {
-    const a = e, t = $(!1), n = $(!1), l = g(() => {
-      let i = "bs-tooltip-text";
-      return n.value && (a.position === void 0 || a.position === "top" || a.position === "bottom" ? i += " escaped-x" : a.position === "left" || a.position === "right" ? i += " escaped-y" : i += " escaped"), i;
+    const a = e, t = y(!1), n = y(!1), l = v(() => {
+      let o = "bs-tooltip-text";
+      return n.value && (a.position === void 0 || a.position === "top" || a.position === "bottom" ? o += " escaped-x" : a.position === "left" || a.position === "right" ? o += " escaped-y" : o += " escaped"), o;
     });
-    ye(["Escape"], () => {
+    $e(["Escape"], () => {
       t.value && (t.value = !1, n.value = !0);
     });
     function r() {
       t.value = !0;
     }
-    function d() {
+    function s() {
       t.value = !1, n.value = !1;
     }
-    return (i, o) => (s(), p("div", {
+    return (o, i) => (d(), h("div", {
       class: "bs-tooltip",
       "data-position": e.position || void 0,
       "data-component": "bs-tooltip",
       onMouseenter: r,
       onFocusin: r,
-      onMouseleave: d,
-      onFocusout: d
+      onMouseleave: s,
+      onFocusout: s
     }, [
-      L(i.$slots, "default"),
-      e.content ? (s(), p("div", {
+      E(o.$slots, "default"),
+      e.content ? (d(), h("div", {
         key: 0,
-        class: _(l.value),
+        class: ae(l.value),
         id: e.tooltipId,
         role: "tooltip"
-      }, T(e.content), 11, al)) : I("", !0)
-    ], 40, tl));
+      }, T(e.content), 11, Bl)) : $("", !0)
+    ], 40, yl));
   }
 };
 export {
-  sl as BsAccordion,
-  Dt as BsBadge,
-  dl as BsBanner,
-  Rt as BsButton,
-  ul as BsChartBar,
-  na as BsCheckbox,
-  cl as BsCircleButton,
-  Xe as BsDropdown,
-  Ca as BsDropdownMultiselect,
-  Oe as BsDropdownOption,
-  pe as BsDropdownOptionBuilder,
+  xl as BsAccordion,
+  Ut as BsBadge,
+  Tl as BsBanner,
+  sa as BsButton,
+  Al as BsCalendar,
+  Ll as BsChartBar,
+  $a as BsCheckbox,
+  Vl as BsCircleButton,
+  nt as BsDropdown,
+  Ya as BsDropdownMultiselect,
+  ze as BsDropdownOption,
+  me as BsDropdownOptionBuilder,
   Pe as BsDropdownOptionList,
-  De as BsDropdownWithOptions,
-  fl as BsDropdownWithToggle,
-  Se as BsFieldDetails,
-  Aa as BsFilterButton,
-  pl as BsIconGradientWrapper,
-  Me as BsInput,
-  Je as BsInputAddon,
-  hl as BsInputField,
-  vl as BsInputPhone,
-  Wa as BsInputSearch,
-  bl as BsInputTypeahead,
+  Re as BsDropdownWithOptions,
+  El as BsDropdownWithToggle,
+  ce as BsFieldDetails,
+  Ja as BsFilterButton,
+  Dl as BsIconGradientWrapper,
+  fe as BsInput,
+  ke as BsInputAddon,
+  Ol as BsInputField,
+  ql as BsInputPhone,
+  sn as BsInputSearch,
+  Ml as BsInputTypeahead,
   ne as BsLabel,
-  gl as BsLoader,
-  ml as BsModal,
-  Qa as BsOverlay,
-  yl as BsPagination,
-  Bl as BsPill,
-  $l as BsProfile,
-  Tn as BsProfileDetails,
-  Ze as BsProfileImg,
-  Sl as BsRadio,
-  Vn as BsSelect,
-  wl as BsSelectField,
-  kl as BsSwitch,
-  Il as BsTab,
-  Cl as BsTabList,
-  Tl as BsTabPanel,
-  Hn as BsTextarea,
-  xl as BsTextareaField,
-  Al as BsToast,
-  Ll as BsToastActions,
-  Vl as BsToastBody,
-  El as BsToastHeader,
-  Pl as BsToaster,
-  Ol as BsTooltip,
-  $e as BsTransition
+  Pl as BsLoader,
+  zl as BsModal,
+  mn as BsOverlay,
+  Rl as BsPagination,
+  Nl as BsPill,
+  jl as BsProfile,
+  Gn as BsProfileDetails,
+  lt as BsProfileImg,
+  Ul as BsRadio,
+  Qn as BsSelect,
+  Fl as BsSelectField,
+  Wl as BsSwitch,
+  Gl as BsTab,
+  Hl as BsTabList,
+  Kl as BsTabPanel,
+  ul as BsTextarea,
+  Yl as BsTextareaField,
+  Ql as BsToast,
+  Xl as BsToastActions,
+  Zl as BsToastBody,
+  Jl as BsToastHeader,
+  _l as BsToaster,
+  eo as BsTooltip,
+  Ie as BsTransition
 };