npm - @wwtdev/bsds-components-vue3 - Versions diffs - 2.0.9 → 2.1.0 - Mend

@wwtdev/bsds-components-vue3 2.0.9 → 2.1.0

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

Files changed (3) hide show

package/lib/bsds-components.js +653 -568
package/lib/components.css +1 -1
package/package.json +2 -2

package/lib/bsds-components.js CHANGED Viewed

@@ -1,35 +1,35 @@
-import { computed as p, ref as k, onMounted as O, onUnmounted as ne, shallowRef as Ne, watch as E, defineAsyncComponent as Oe, openBlock as d, createElementBlock as f, unref as v, createElementVNode as m, renderSlot as I, createBlock as A, resolveDynamicComponent as U, createCommentVNode as $, toDisplayString as T, createVNode as D, normalizeClass as X, useAttrs as N, mergeProps as V, withCtx as C, Fragment as R, renderList as Y, createTextVNode as W, withDirectives as We, Transition as me, vShow as je, inject as te, provide as ae, onDeactivated as Ge, normalizeStyle as Fe, isRef as Ue, nextTick as He, useSlots as Ke } from "vue";
+import { computed as p, ref as I, onMounted as j, onUnmounted as ne, shallowRef as Re, watch as E, defineAsyncComponent as je, openBlock as d, createElementBlock as f, unref as v, createElementVNode as m, renderSlot as k, createBlock as L, resolveDynamicComponent as U, createCommentVNode as S, toDisplayString as T, createVNode as P, normalizeClass as X, useAttrs as N, mergeProps as D, withCtx as V, Fragment as O, renderList as Y, createTextVNode as R, withDirectives as We, Transition as me, vShow as Fe, inject as te, provide as ae, onDeactivated as Ge, isRef as Ue, nextTick as He, useSlots as Ke } from "vue";
 import { v4 as Ye } from "uuid";
-import { BsIconCaretDown as Xe, BsIconWarning as ve, BsIconClose as oe, BsIconSearch as Ze, BsIconCaretLeftDouble as Je, BsIconCaretLeft as Qe, BsIconCaretRight as _e, BsIconCaretRightDouble as et, BsIconActionEllipsis as tt, BsIconCircleExclamation as at, BsIconThumbsUpStroke as nt } from "@wwtdev/bsds-icons-vue3";
-import { Chart as fe, BarController as lt, BarElement as ot, CategoryScale as it, LinearScale as rt, Legend as st, Tooltip as dt } from "chart.js";
+import { BsIconCaretDown as we, BsIconWarning as ve, BsIconClose as oe, BsIconSearch as Xe, BsIconCaretLeftDouble as Ze, BsIconCaretLeft as Je, BsIconCaretRight as Qe, BsIconCaretRightDouble as _e, BsIconActionEllipsis as et, BsIconCircleExclamation as tt, BsIconThumbsUpStroke as at } from "@wwtdev/bsds-icons-vue3";
+import { Chart as fe, BarController as nt, BarElement as lt, CategoryScale as ot, LinearScale as it, Legend as rt, Tooltip as st } from "chart.js";
 const ye = {
   href: "a",
   onclick: "button",
   onClick: "button",
   type: "button"
 };
-function he(e, a, t = "button") {
-  const l = ut(e, a, t), n = p(() => {
+function pe(e, a, t = "button") {
+  const l = dt(e, a, t), n = p(() => {
     const o = l.value === "button", u = {};
     return o ? (u.type = a.type || "button", u.autocomplete = "off", e.disabled && (u.disabled = !0)) : e.disabled && (u["aria-disabled"] = "true", u.tabindex = "-1"), u;
   });
   return { rootTag: l, attrsToBind: n };
 }
-function ut(e, a, t) {
-  const l = Object.keys(ye).find((n) => ct(e, a, n));
-  return k(ye[l] || t);
+function dt(e, a, t) {
+  const l = Object.keys(ye).find((n) => ut(e, a, n));
+  return I(ye[l] || t);
 }
-function ct(e, a, t) {
+function ut(e, a, t) {
   return e[t] || a[t];
 }
-const ft = (e, a) => {
+const ct = (e, a) => {
   const t = (l) => {
     e.some((n) => {
       var o;
       return (o = n.value) == null ? void 0 : o.contains(l.target);
     }) || a(l);
   };
-  O(() => {
+  j(() => {
     document.addEventListener("click", t);
   }), ne(() => {
     document.removeEventListener("click", t);
@@ -61,19 +61,19 @@ const le = (e, a) => {
     if (!n)
       return null;
     const o = n.startsWith("bs-") ? Be(n) : `BsIcon${Be(n)}`;
-    return Oe(async () => {
+    return je(async () => {
       const { [o]: u } = await import("@wwtdev/bsds-icons-vue3");
       return u;
     });
   }
-  const l = Ne();
+  const l = Re();
   return l.value = t(e[a]), E(() => e[a], async (n) => l.value = t(n)), { icon: l };
 };
 function H(e = 1) {
   const a = [];
   for (let t = 0; t < e; t++)
-    a.push(k(""));
-  return O(() => {
+    a.push(I(""));
+  return j(() => {
     a.forEach((t) => t.value = Ye());
   }), a;
 }
@@ -81,14 +81,14 @@ const re = (e, a, t = void 0) => {
   const l = (n) => {
     e.includes(n.key) && a(n);
   };
-  O(() => {
+  j(() => {
     ((t == null ? void 0 : t.value) ?? document).addEventListener("keydown", l);
   }), ne(() => {
     ((t == null ? void 0 : t.value) ?? document).removeEventListener("keydown", l);
   });
-}, vt = (e, a, t) => {
+}, ft = (e, a, t) => {
   let l = null;
-  O(() => {
+  j(() => {
     l = new MutationObserver(a), l.observe(e.value, t);
   }), ne(() => {
     l.disconnect();
@@ -98,7 +98,7 @@ function Z(e, a, t = []) {
   var i, s;
   const l = ((s = (i = e.passAttrs) == null ? void 0 : i.split) == null ? void 0 : s.call(i, ",")) || [], n = /* @__PURE__ */ new Set([...l, ...t]);
   n.delete("");
-  const o = k({}), u = k({});
+  const o = I({}), u = I({});
   for (let r in a)
     n.has(r) ? u.value[r] = a[r] : o.value[r] = a[r];
   return {
@@ -107,8 +107,8 @@ function Z(e, a, t = []) {
   };
 }
 const se = (e) => {
-  const a = k(!1);
-  return O(() => {
+  const a = I(!1);
+  return j(() => {
     a.value = e.enterControlled || e.preloaded ? e.enterTrigger : e.shown;
   }), E(() => e.shown, (t) => {
     a.value = t;
@@ -117,11 +117,11 @@ const se = (e) => {
   }), E(() => e.leaveTrigger, (t) => {
     t && (a.value = !1);
   }), { transition: a };
-}, ht = ["id", "data-stacked"], pt = ["data-open"], gt = ["aria-controls", "aria-expanded"], bt = {
+}, vt = ["id", "data-stacked"], pt = ["data-open"], ht = ["aria-controls", "aria-expanded"], gt = {
   key: 0,
   "data-position": "start",
   style: { display: "inline-flex" }
-}, mt = ["id", "aria-level"], yt = ["aria-labelledby", "data-open", "id"], Ln = {
+}, bt = ["id", "aria-level"], mt = ["aria-labelledby", "data-open", "id"], Vn = {
   __name: "BsAccordion",
   props: {
     controlled: { type: Boolean, default: !1 },
@@ -137,11 +137,11 @@ const se = (e) => {
   },
   emits: ["toggled"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = k(null), o = k(!1), { icon: u } = le(t, "icon"), [i] = H(), s = p(() => i.value + "-content"), r = p(() => i.value + "-title"), c = p(() => t.openItemId && t.openItemId === i.value || t.openItem === !0), b = p(() => t.controlled ? c.value : o.value);
+    const t = e, l = a, n = I(null), o = I(!1), { icon: u } = le(t, "icon"), [i] = H(), s = p(() => i.value + "-content"), r = p(() => i.value + "-title"), c = p(() => t.openItemId && t.openItemId === i.value || t.openItem === !0), b = p(() => t.controlled ? c.value : o.value);
     function g() {
       l("toggled", i.value), t.controlled || (o.value = !o.value);
     }
-    return (y, L) => (d(), f("div", {
+    return (B, x) => (d(), f("div", {
       id: v(i),
       ref_key: "containerRef",
       ref: n,
@@ -159,21 +159,21 @@ const se = (e) => {
           type: "button",
           onClick: g
         }, [
-          e.icon || y.$slots.icon ? (d(), f("span", bt, [
-            I(y.$slots, "icon", {}, () => [
-              e.icon ? (d(), A(U(v(u) ? v(u) : "span"), { key: 0 })) : $("", !0)
+          e.icon || B.$slots.icon ? (d(), f("span", gt, [
+            k(B.$slots, "icon", {}, () => [
+              e.icon ? (d(), L(U(v(u) ? v(u) : "span"), { key: 0 })) : S("", !0)
             ])
-          ])) : $("", !0),
+          ])) : S("", !0),
           m("span", {
             id: r.value,
             "aria-level": e.headingLevel,
             role: "heading"
-          }, T(e.headerText), 9, mt),
-          D(v(Xe), {
+          }, T(e.headerText), 9, bt),
+          P(v(we), {
             size: "md",
             "data-position": "end"
           })
-        ], 8, gt)
+        ], 8, ht)
       ], 8, pt),
       m("div", {
         "aria-labelledby": r.value,
@@ -184,12 +184,12 @@ const se = (e) => {
         role: "region"
       }, [
         m("div", null, [
-          I(y.$slots, "default")
+          k(B.$slots, "default")
         ])
-      ], 8, yt)
-    ], 8, ht));
+      ], 8, mt)
+    ], 8, vt));
   }
-}, Bt = ["data-badge-color", "data-count", "data-position", "data-show-zero", "aria-label"], Pn = {
+}, yt = ["data-badge-color", "data-count", "data-position", "data-show-zero", "data-variant", "aria-label"], Bt = {
   __name: "BsBadge",
   props: {
     /** Pass value to set `data-badge-color`. */
@@ -229,16 +229,20 @@ const se = (e) => {
     showZero: {
       type: Boolean,
       default: !1
+    },
+    variant: {
+      type: String,
+      validator: (e) => e === "notext"
     }
   },
   setup(e) {
-    const a = e, t = k(null), l = p(() => a.count === 0 ? "0" : !a.count || a.dot ? null : a.count > a.countMax ? a.countMax + "+" : a.count.toString()), n = p(() => {
+    const a = e, t = I(null), l = p(() => a.count === 0 ? "0" : !a.count || a.dot ? null : a.count > a.countMax ? a.countMax + "+" : a.count.toString()), n = p(() => {
       var s, r;
       const o = ((r = (s = t.value) == null ? void 0 : s.textContent) == null ? void 0 : r.trim()) || "", u = l.value ? l.value + " " : "";
       if (!u && !a.dot)
         return o;
       const i = a.count !== 1 ? "s" : "";
-      return `${o}, ${u}${a.label}${i}`;
+      return `${o ? `${o}, ` : ""}${u}${a.label}${i}`;
     });
     return (o, u) => (d(), f("span", {
       ref_key: "hostRef",
@@ -249,37 +253,38 @@ const se = (e) => {
       "data-count": l.value,
       "data-position": e.position,
       "data-show-zero": e.showZero,
+      "data-variant": e.variant,
       "aria-label": n.value
     }, [
-      I(o.$slots, "default")
-    ], 10, Bt));
+      e.variant !== "notext" ? k(o.$slots, "default", { key: 0 }) : S("", !0)
+    ], 10, yt));
   }
 }, $t = {
   key: 0,
   role: "alert",
   class: "bs-banner"
-}, St = { class: "bs-banner-content" }, wt = { class: "bs-banner-warning-icon" }, Dn = {
+}, St = { class: "bs-banner-content" }, wt = { class: "bs-banner-warning-icon" }, Pn = {
   __name: "BsBanner",
   emits: ["dismiss"],
   setup(e, { emit: a }) {
-    const t = a, l = k(!1);
+    const t = a, l = I(!1);
     function n() {
       l.value = !0, t("dismiss");
     }
-    return (o, u) => l.value ? $("", !0) : (d(), f("div", $t, [
+    return (o, u) => l.value ? S("", !0) : (d(), f("div", $t, [
       m("div", St, [
         m("div", wt, [
-          D(v(ve), { size: "lg" })
+          P(v(ve), { size: "lg" })
         ]),
         m("p", null, [
-          I(o.$slots, "default")
+          k(o.$slots, "default")
         ]),
         m("button", {
           type: "button",
           title: "Close Banner",
           onClick: n
         }, [
-          D(v(oe))
+          P(v(oe))
         ])
       ])
     ]));
@@ -296,8 +301,8 @@ const se = (e) => {
     size: { type: String, validator: (e) => !e || e === "sm" }
   },
   setup(e) {
-    const a = e, t = N(), { rootTag: l, attrsToBind: n } = he(a, t), { onLinkClick: o } = ie(a);
-    return (u, i) => (d(), A(U(v(l)), V({
+    const a = e, t = N(), { rootTag: l, attrsToBind: n } = pe(a, t), { onLinkClick: o } = ie(a);
+    return (u, i) => (d(), L(U(v(l)), D({
       class: "bs-button",
       "data-component": "bs-button",
       "data-ghost": e.ghostBtn,
@@ -306,8 +311,8 @@ const se = (e) => {
       "data-variant": e.variant,
       href: e.href
     }, v(n), { onClick: v(o) }), {
-      default: C(() => [
-        I(u.$slots, "default")
+      default: V(() => [
+        k(u.$slots, "default")
       ]),
       _: 3
     }, 16, ["data-ghost", "data-size", "data-text", "data-variant", "href", "onClick"]));
@@ -341,18 +346,18 @@ const se = (e) => {
             ]),
             m("tr", null, [
               Ct,
-              (d(!0), f(R, null, Y(e.dataIdxLabels, (n) => (d(), f("th", {
+              (d(!0), f(O, null, Y(e.dataIdxLabels, (n) => (d(), f("th", {
                 key: n,
                 scope: "col"
               }, T(n), 1))), 128))
             ])
           ]),
           m("tbody", null, [
-            (d(!0), f(R, null, Y(e.data, (n) => (d(), f("tr", {
+            (d(!0), f(O, null, Y(e.data, (n) => (d(), f("tr", {
               key: n.label
             }, [
               m("th", At, T(n.label), 1),
-              (d(!0), f(R, null, Y(n.data, (o, u) => (d(), f("td", {
+              (d(!0), f(O, null, Y(n.data, (o, u) => (d(), f("td", {
                 key: `${o}${u}`
               }, T(o), 1))), 128))
             ]))), 128))
@@ -361,7 +366,7 @@ const se = (e) => {
       ]);
     };
   }
-}, Pt = (e) => ({
+}, Vt = (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((l) => {
@@ -376,7 +381,7 @@ const se = (e) => {
       i.style.setProperty("--item-text-color", l.fontColor), i.style.setProperty("--item-text-decoration", l.hidden ? "line-through" : "none"), i.appendChild(u), n.appendChild(o), n.appendChild(i), e.appendChild(n);
     });
   }
-}), Dt = ({ type: e, datasets: a, labels: t, tooltips: l }) => ({
+}), Pt = ({ type: e, datasets: a, labels: t, tooltips: l }) => ({
   type: e,
   data: {
     datasets: a,
@@ -395,7 +400,7 @@ const se = (e) => {
     responsive: !0
   }
 });
-function Vt(e) {
+function Dt(e) {
   const a = [
     "rgba(209, 26, 111, 1)",
     "rgba(130, 18, 196, 1)",
@@ -420,7 +425,7 @@ function $e(e, a, t) {
 const Et = {
   class: "bs-chart-bar",
   "data-component": "bs-chart-bar"
-}, qt = ["aria-label"], zt = ["data-hidden"], Vn = {
+}, qt = ["aria-label"], zt = ["data-hidden"], Dn = {
   __name: "BsChartBar",
   props: {
     chartTitle: {
@@ -474,7 +479,7 @@ const Et = {
     }
   },
   setup(e) {
-    const a = e, t = k(null), l = k(null);
+    const a = e, t = I(null), l = I(null);
     let n;
     const o = p(() => {
       const c = {
@@ -482,8 +487,8 @@ const Et = {
         labels: a.dataIdxLabels,
         type: "bar",
         tooltips: a.showTooltips
-      }, b = Dt(c);
-      return b.plugins = [Pt(l.value)], b.options.scales = {
+      }, b = Pt(c);
+      return b.plugins = [Vt(l.value)], b.options.scales = {
         x: {
           grid: {
             display: a.showXGrid
@@ -507,15 +512,15 @@ const Et = {
       }, b;
     }), u = p(() => a.data.map((c, b) => ({
       ...c,
-      backgroundColor: Vt(b),
+      backgroundColor: Dt(b),
       categoryPercentage: a.data.length > 1 ? 0.5 : 0.33
     }))), i = p(() => a.chartTitle || `${a.yLabel} / ${a.xLabel}`), s = $e(function(c, b) {
       !n || c === b || (n.options = o.value.options, n.update());
     }, 100), r = $e(function() {
       n && (n.data = o.value.data, n.update());
     }, 100);
-    return O(() => {
-      fe.register(lt, ot, it, rt, st, dt), fe.defaults.font.family = "'Roobert', sans-serif", n = new fe(t.value, o.value);
+    return j(() => {
+      fe.register(nt, lt, ot, it, rt, st), fe.defaults.font.family = "'Roobert', sans-serif", n = new fe(t.value, o.value);
     }), E(() => a.showLegend, s), E(() => a.showTooltips, s), E(() => a.showXGrid, s), E(() => a.showYGrid, s), E(() => a.stacked, s), E(() => a.xLabel, s), E(() => a.yLabel, s), E(() => a.data, r), E(() => a.dataIdxLabels, r), (c, b) => (d(), f("div", Et, [
       m("figure", null, [
         m("div", null, [
@@ -527,7 +532,7 @@ const Et = {
           }, null, 8, qt)
         ]),
         m("div", null, [
-          D(Lt, {
+          P(Lt, {
             data: e.data,
             "data-idx-labels": e.dataIdxLabels,
             "table-title": i.value
@@ -544,7 +549,7 @@ const Et = {
       ])
     ]));
   }
-}, Mt = ["data-disabled", "for"], Rt = /* @__PURE__ */ m("span", {
+}, Mt = ["data-disabled", "for"], Ot = /* @__PURE__ */ m("span", {
   "data-required": "true",
   "aria-hidden": "true"
 }, " *", -1), Nt = /* @__PURE__ */ m("span", { class: "visually-hidden" }, "required", -1), _ = {
@@ -563,15 +568,15 @@ const Et = {
       for: e.for
     }, [
       m("span", null, [
-        I(a.$slots, "default")
+        k(a.$slots, "default")
       ]),
-      e.required ? (d(), f(R, { key: 0 }, [
-        Rt,
+      e.required ? (d(), f(O, { key: 0 }, [
+        Ot,
         Nt
-      ], 64)) : $("", !0)
+      ], 64)) : S("", !0)
     ], 10, Mt));
   }
-}, Ot = ["data-size"], Wt = ["checked", "disabled", "id", "required", "data-error"], En = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Rt = ["data-size"], jt = ["checked", "data-error", "disabled", "id", "required", "value"], En = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsCheckbox",
   props: {
     /** Sets the label. */
@@ -619,49 +624,64 @@ const Et = {
       type: String,
       validator: (e) => e === "sm"
     },
+    value: {
+      type: [String, Number, Object]
+    },
     /** Sets the `checked` state - `v-model` directive will use this; do not set explicitly. */
     modelValue: {
-      type: Boolean
+      type: [Boolean, Array]
     }
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = N(), [n] = H(), { toChild: o, toRoot: u } = Z(t, l, ["name", "value"]), i = k(null), s = p(() => t.inputId || n.value), r = p(() => t.checked || t.modelValue);
-    function c() {
-      i.value && (i.value.indeterminate = t.checkedPartially && !r.value);
+    const t = e, l = a, n = N(), [o] = H(), { toChild: u, toRoot: i } = Z(t, n, ["aria-label", "name", "value"]), s = I(null), r = p(() => t.inputId || o.value), c = p(() => t.checked || g.value), b = p(() => Array.isArray(t.modelValue) && t.value), g = p(() => b.value && t.modelValue.includes(t.value) || typeof t.modelValue == "boolean" && t.modelValue);
+    function B() {
+      s.value && (s.value.indeterminate = t.checkedPartially && !c.value);
     }
-    return E(r, c), E(() => t.checkedPartially, c), (b, g) => (d(), f("div", V({
+    function x($) {
+      l("update:modelValue", $);
+    }
+    function z($) {
+      const y = [...t.modelValue];
+      $ ? y.push(t.value) : y.splice(y.indexOf(t.value), 1), l("update:modelValue", y);
+    }
+    function C($) {
+      const { checked: y } = $.target;
+      b.value ? z(y) : x(y);
+    }
+    return E(c, B), E(() => t.checkedPartially, B), ($, y) => (d(), f("div", D({
       class: "bs-boolean",
       "data-component": "bs-checkbox",
       "data-size": e.size
-    }, v(u)), [
-      m("input", V({
+    }, v(i)), [
+      m("input", D({
         ref_key: "inputEl",
-        ref: i,
-        checked: r.value,
+        ref: s,
+        checked: c.value,
+        "data-error": e.error,
         disabled: e.disabled,
-        id: s.value,
+        id: r.value,
         required: e.required,
+        value: e.value || "on",
         type: "checkbox",
-        "data-error": e.error,
-        onChange: g[0] || (g[0] = (y) => b.$emit("update:modelValue", y.target.checked))
-      }, v(o)), null, 16, Wt),
-      e.label || b.$slots.label ? (d(), A(_, {
+        onChange: C
+      }, v(u)), null, 16, jt),
+      e.label || $.$slots.label ? (d(), L(_, {
         key: 0,
-        for: s.value,
+        for: r.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: C(() => [
-          I(b.$slots, "label", {}, () => [
-            W(T(e.label), 1)
+        default: V(() => [
+          k($.$slots, "label", {}, () => [
+            R(T(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : $("", !0)
-    ], 16, Ot));
+      }, 8, ["for", "disabled", "required"])) : S("", !0)
+    ], 16, Rt));
   }
-}), jt = { key: 0 }, Gt = { class: "bs-circle-button-icon" }, Ft = { key: 1 }, qn = {
+}), Wt = { key: 0 }, Ft = { class: "bs-circle-button-icon" }, Gt = { key: 1 }, qn = {
   __name: "BsCircleButton",
   props: {
     disabled: {
@@ -704,11 +724,11 @@ const Et = {
     }
   },
   setup(e) {
-    const a = e, t = N(), { rootTag: l, attrsToBind: n } = he(a, t), { icon: o } = le(a, "icon"), { onLinkClick: u } = ie(a), i = p(() => a.textBtn ? {} : a.href ? { title: a.label } : { "aria-label": a.label }), s = p(() => {
+    const a = e, t = N(), { rootTag: l, attrsToBind: n } = pe(a, t), { icon: o } = le(a, "icon"), { onLinkClick: u } = ie(a), i = p(() => a.textBtn ? {} : a.href ? { title: a.label } : { "aria-label": a.label }), s = p(() => {
       if (a.hoverEffect)
         return a.iconPosition;
     }), r = p(() => a.textBtn && a.iconPosition !== "left"), c = p(() => a.textBtn && a.iconPosition === "left");
-    return (b, g) => (d(), A(U(v(l)), V({
+    return (b, g) => (d(), L(U(v(l)), D({
       class: "bs-circle-button",
       "data-disabled": e.disabled,
       "data-direction": s.value,
@@ -717,14 +737,14 @@ const Et = {
       "data-text": e.textBtn,
       href: e.href
     }, { ...v(n), ...i.value }, { onClick: v(u) }), {
-      default: C(() => [
-        r.value ? (d(), f("span", jt, T(e.label), 1)) : $("", !0),
-        m("span", Gt, [
-          I(b.$slots, "icon", {}, () => [
-            (d(), A(U(v(o)), { size: e.size }, null, 8, ["size"]))
+      default: V(() => [
+        r.value ? (d(), f("span", Wt, T(e.label), 1)) : S("", !0),
+        m("span", Ft, [
+          k(b.$slots, "icon", {}, () => [
+            (d(), L(U(v(o)), { size: e.size }, null, 8, ["size"]))
           ])
         ]),
-        c.value ? (d(), f("span", Ft, T(e.label), 1)) : $("", !0)
+        c.value ? (d(), f("span", Gt, T(e.label), 1)) : S("", !0)
       ]),
       _: 3
     }, 16, ["data-disabled", "data-direction", "data-ghost", "data-size", "data-text", "href", "onClick"]));
@@ -786,10 +806,10 @@ const Et = {
         duration: c,
         enterClass: b,
         enterAttribute: g,
-        leaveClass: y,
-        leaveAttribute: L
+        leaveClass: B,
+        leaveAttribute: x
       } = t;
-      s.classList.remove(b), s.removeAttribute(g), y && s.classList.add(y), L && s.setAttribute(L, ""), n.push(setTimeout(() => {
+      s.classList.remove(b), s.removeAttribute(g), B && s.classList.add(B), x && s.setAttribute(x, ""), n.push(setTimeout(() => {
         r();
       }, c)), l("leave", s);
     }
@@ -801,7 +821,7 @@ const Et = {
       n.forEach((s) => {
         clearTimeout(s);
       });
-    }), (s, r) => e.preloaded ? We((d(), A(me, {
+    }), (s, r) => e.preloaded ? We((d(), L(me, {
       key: 0,
       css: !1,
       onBeforeEnter: r[0] || (r[0] = (c) => l("before-enter", c)),
@@ -813,13 +833,13 @@ const Et = {
       onAfterLeave: i,
       onLeaveCancelled: r[4] || (r[4] = (c) => l("leave-cancelled", c))
     }, {
-      default: C(() => [
-        I(s.$slots, "default")
+      default: V(() => [
+        k(s.$slots, "default")
       ]),
       _: 3
     }, 512)), [
-      [je, e.shown]
-    ]) : (d(), A(me, {
+      [Fe, e.shown]
+    ]) : (d(), L(me, {
       key: 1,
       css: !1,
       onBeforeEnter: r[5] || (r[5] = (c) => l("before-enter", c)),
@@ -831,8 +851,8 @@ const Et = {
       onAfterLeave: i,
       onLeaveCancelled: r[9] || (r[9] = (c) => l("leave-cancelled", c))
     }, {
-      default: C(() => [
-        e.shown ? I(s.$slots, "default", { key: 0 }) : $("", !0)
+      default: V(() => [
+        e.shown ? k(s.$slots, "default", { key: 0 }) : S("", !0)
       ]),
       _: 3
     }));
@@ -885,31 +905,31 @@ const Et = {
     "after-leave"
   ],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = k(null);
+    const t = e, l = a, n = I(null);
     let o = !1;
-    ft([n], () => {
+    ct([n], () => {
       o && l("close");
     }), re(["Escape"], () => {
       o && l("close");
     });
     function u() {
-      const y = (t.containerRef || document.getElementById(t.containerId)).getBoundingClientRect(), L = document.getElementById(t.anchorId).getBoundingClientRect(), M = n.value.getBoundingClientRect();
+      const B = (t.containerRef || document.getElementById(t.containerId)).getBoundingClientRect(), x = document.getElementById(t.anchorId).getBoundingClientRect(), z = n.value.getBoundingClientRect();
       if (t.position === "top") {
-        const w = y.bottom - L.bottom;
-        n.value.style.setProperty("--dropdown-wscreen-top", "auto"), n.value.style.setProperty("--dropdown-wscreen-bottom", `${w + L.height + 8}px`);
+        const $ = B.bottom - x.bottom;
+        n.value.style.setProperty("--dropdown-wscreen-top", "auto"), n.value.style.setProperty("--dropdown-wscreen-bottom", `${$ + x.height + 8}px`);
       } else {
-        const w = L.top - y.top;
-        n.value.style.setProperty("--dropdown-wscreen-top", `${w + L.height + 8}px`), n.value.style.setProperty("--dropdown-wscreen-bottom", "auto");
+        const $ = x.top - B.top;
+        n.value.style.setProperty("--dropdown-wscreen-top", `${$ + x.height + 8}px`), n.value.style.setProperty("--dropdown-wscreen-bottom", "auto");
       }
-      const P = L.left - y.left;
+      const C = x.left - B.left;
       if (t.position === "center") {
-        const w = (L.width - M.width) / 2;
-        n.value.style.setProperty("--dropdown-wscreen-left", `${P + w}px`);
+        const $ = (x.width - z.width) / 2;
+        n.value.style.setProperty("--dropdown-wscreen-left", `${C + $}px`);
       } else if (t.position === "right") {
-        const w = y.right - L.right;
-        n.value.style.setProperty("--dropdown-wscreen-left", "auto"), n.value.style.setProperty("--dropdown-wscreen-right", `${w}px`);
+        const $ = B.right - x.right;
+        n.value.style.setProperty("--dropdown-wscreen-left", "auto"), n.value.style.setProperty("--dropdown-wscreen-right", `${$}px`);
       } else
-        n.value.style.setProperty("--dropdown-wscreen-left", `${P}px`);
+        n.value.style.setProperty("--dropdown-wscreen-left", `${C}px`);
     }
     function i() {
       if (t.width === "toggle") {
@@ -930,17 +950,17 @@ const Et = {
     function b() {
       return t.width === "toggle" ? void 0 : t.width;
     }
-    return (g, y) => (d(), A(v(de), {
+    return (g, B) => (d(), L(v(de), {
       shown: e.shown,
       preloaded: e.preloaded,
       duration: 75,
       "enter-attribute": "data-shown",
-      onAfterEnter: y[1] || (y[1] = (L) => r()),
-      onEnter: y[2] || (y[2] = (L) => s()),
-      onAfterLeave: y[3] || (y[3] = (L) => c())
+      onAfterEnter: B[1] || (B[1] = (x) => r()),
+      onEnter: B[2] || (B[2] = (x) => s()),
+      onAfterLeave: B[3] || (B[3] = (x) => c())
     }, {
-      default: C(() => [
-        m("div", V({
+      default: V(() => [
+        m("div", D({
           ref_key: "dropdownRef",
           ref: n,
           class: "bs-dropdown",
@@ -949,17 +969,17 @@ const Et = {
           e.helperText ? (d(), f("header", Ht, [
             m("div", null, [
               m("h3", null, T(e.helperText), 1),
-              e.helperDescription ? (d(), f("p", Kt, T(e.helperDescription), 1)) : $("", !0)
+              e.helperDescription ? (d(), f("p", Kt, T(e.helperDescription), 1)) : S("", !0)
             ]),
             m("button", {
               type: "button",
               title: "close",
-              onClick: y[0] || (y[0] = () => l("close"))
+              onClick: B[0] || (B[0] = () => l("close"))
             }, [
-              D(v(oe))
+              P(v(oe))
             ])
-          ])) : $("", !0),
-          I(g.$slots, "default")
+          ])) : S("", !0),
+          k(g.$slots, "default")
         ], 16, Ut)
       ]),
       _: 3
@@ -1048,10 +1068,10 @@ const Et = {
     "after-leave"
   ],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = k(null), { transition: o } = se(t), u = p(() => t.toggleId ? t.toggleId : t.anchorId), i = p(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position);
-    return (s, r) => (d(), f(R, null, [
-      v(o) ? (d(), f("div", Yt)) : $("", !0),
-      e.containerId ? (d(), A(v(Se), V({
+    const t = e, l = a, n = I(null), { transition: o } = se(t), u = p(() => t.toggleId ? t.toggleId : t.anchorId), i = p(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position);
+    return (s, r) => (d(), f(O, null, [
+      v(o) ? (d(), f("div", Yt)) : S("", !0),
+      e.containerId ? (d(), L(v(Se), D({
         key: 1,
         shown: v(o),
         preloaded: e.preloaded,
@@ -1067,8 +1087,8 @@ const Et = {
         onEnter: r[2] || (r[2] = (c) => l("enter")),
         onAfterLeave: r[3] || (r[3] = (c) => l("after-leave"))
       }), {
-        default: C(() => [
-          I(s.$slots, "default")
+        default: V(() => [
+          k(s.$slots, "default")
         ]),
         _: 3
       }, 16, ["shown", "preloaded", "anchor-id", "container-id", "helper-description", "helper-text", "position", "width"])) : (d(), f("div", {
@@ -1077,7 +1097,7 @@ const Et = {
         ref: n,
         style: { position: "relative" }
       }, [
-        D(v(Se), V({
+        P(v(Se), D({
           shown: v(o),
           preloaded: e.preloaded,
           "anchor-id": u.value,
@@ -1092,8 +1112,8 @@ const Et = {
           onEnter: r[6] || (r[6] = (c) => l("enter")),
           onAfterLeave: r[7] || (r[7] = (c) => l("after-leave"))
         }), {
-          default: C(() => [
-            I(s.$slots, "default")
+          default: V(() => [
+            k(s.$slots, "default")
           ]),
           _: 3
         }, 16, ["shown", "preloaded", "anchor-id", "container-ref", "helper-description", "helper-text", "position", "width"])
@@ -1113,7 +1133,7 @@ const Et = {
     }
   },
   setup(e) {
-    const a = e, t = k(null), l = te("optionsId"), n = te("handleSelect"), o = p(() => `${l}-option-${a.value}`);
+    const a = e, t = I(null), l = te("optionsId"), n = te("handleSelect"), o = p(() => `${l}-option-${a.value}`);
     re([" ", "Enter", "NumpadEnter"], (i) => {
       var s;
       u(), (s = t.value.querySelector("a")) == null || s.click(), i.preventDefault();
@@ -1133,7 +1153,7 @@ const Et = {
       tabIndex: -1,
       onClick: u
     }, [
-      I(i.$slots, "default")
+      k(i.$slots, "default")
     ], 8, Zt));
   }
 }, Qt = ["aria-activedescendant", "aria-label", "id"], _t = {
@@ -1174,16 +1194,16 @@ const Et = {
   },
   emits: ["optselected", "update:modelValue", "close"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = k(null), o = k(null);
+    const t = e, l = a, n = I(null), o = I(null);
     let u = null, i = -1, s = -1;
-    ae("optionsId", t.optionsId), ae("handleSelect", P);
+    ae("optionsId", t.optionsId), ae("handleSelect", C);
     function r() {
       return u || (u = Array.from(n.value.querySelectorAll('[data-component="bs-dropdown-option"]'))), u;
     }
-    O(() => {
-      g(), document.addEventListener("keydown", L);
+    j(() => {
+      g(), document.addEventListener("keydown", x);
     }), Ge(() => {
-      document.removeEventListener("keydown", L);
+      document.removeEventListener("keydown", x);
     }), E(() => t.visible, () => {
       g();
     }), E(() => t.shown, () => {
@@ -1191,67 +1211,67 @@ const Et = {
     });
     const c = p(() => t.visible || t.shown), b = p(() => t.modelValue || t.selectedValue);
     function g() {
-      var w, S, q, j, ee;
+      var $, y, q, W, ee;
       c.value ? (s = r().findIndex(
         (J) => J.getAttribute("data-value") === String(b.value)
-      ), s > -1 && ((w = r()[s]) == null || w.setAttribute("data-selected", ""), (S = r()[s]) == null || S.setAttribute("aria-selected", "true"), i = s, t.focusDelay > 0 ? setTimeout(() => {
+      ), s > -1 && (($ = r()[s]) == null || $.setAttribute("data-selected", ""), (y = r()[s]) == null || y.setAttribute("aria-selected", "true"), i = s, t.focusDelay > 0 ? setTimeout(() => {
         var J;
         (J = r()[s]) == null || J.focus();
-      }, t.focusDelay) : (q = r()[s]) == null || q.focus())) : ((j = r()[s]) == null || j.removeAttribute("data-selected"), (ee = r()[s]) == null || ee.removeAttribute("aria-selected"));
+      }, t.focusDelay) : (q = r()[s]) == null || q.focus())) : ((W = r()[s]) == null || W.removeAttribute("data-selected"), (ee = r()[s]) == null || ee.removeAttribute("aria-selected"));
     }
-    vt(
+    ft(
       n,
       () => {
         u = null;
       },
       { childList: !0 }
     );
-    function y() {
-      var w;
-      i > -1 && ((w = r()[i]) == null || w.blur());
+    function B() {
+      var $;
+      i > -1 && (($ = r()[i]) == null || $.blur());
     }
-    function L(w) {
+    function x($) {
       if (c.value)
-        switch (w.key) {
+        switch ($.key) {
           case "ArrowDown":
-            M("down"), w.preventDefault();
+            z("down"), $.preventDefault();
             break;
           case "ArrowUp":
-            M("up"), w.preventDefault();
+            z("up"), $.preventDefault();
             break;
           case "Home":
-            M("home"), w.preventDefault();
+            z("home"), $.preventDefault();
             break;
           case "End":
-            M("end"), w.preventDefault();
+            z("end"), $.preventDefault();
             break;
           case "Tab":
-            w.preventDefault();
+            $.preventDefault();
             break;
         }
     }
-    function M(w) {
-      let S;
-      switch (w) {
+    function z($) {
+      let y;
+      switch ($) {
         case "up":
-          S = i - 1 < 0 ? r().length - 1 : i - 1;
+          y = i - 1 < 0 ? r().length - 1 : i - 1;
           break;
         case "down":
-          S = (i + 1) % r().length;
+          y = (i + 1) % r().length;
           break;
         case "home":
-          S = 0;
+          y = 0;
           break;
         case "end":
-          S = r().length - 1;
+          y = r().length - 1;
           break;
       }
-      y(), r()[S].focus(), i = S;
+      B(), r()[y].focus(), i = y;
     }
-    function P(w, S) {
-      o.value = w, y(), l("optselected", S), l("update:modelValue", S), l("close");
+    function C($, y) {
+      o.value = $, B(), l("optselected", y), l("update:modelValue", y), l("close");
     }
-    return (w, S) => (d(), f("ul", {
+    return ($, y) => (d(), f("ul", {
       ref_key: "optionsRef",
       ref: n,
       "aria-activedescendant": o.value || void 0,
@@ -1260,7 +1280,7 @@ const Et = {
       id: t.optionsId,
       role: "listbox"
     }, [
-      I(w.$slots, "default")
+      k($.$slots, "default")
     ], 8, Qt));
   }
 }, ea = {
@@ -1363,7 +1383,7 @@ const Et = {
     "after-leave"
   ],
   setup(e, { emit: a }) {
-    const t = a, l = k(!1);
+    const t = a, l = I(!1);
     function n() {
       l.value = !0;
     }
@@ -1373,7 +1393,7 @@ const Et = {
     function u() {
       l.value && (l.value = !1, t("close"));
     }
-    return (i, s) => (d(), A(v(Xt), {
+    return (i, s) => (d(), L(v(Xt), {
       shown: e.shown,
       preloaded: e.preloaded,
       "anchor-id": e.anchorId,
@@ -1394,8 +1414,8 @@ const Et = {
       onEnter: n,
       onAfterLeave: s[1] || (s[1] = (r) => t("after-leave"))
     }, {
-      default: C(() => [
-        D(v(_t), {
+      default: V(() => [
+        P(v(_t), {
           label: e.label,
           "model-value": e.modelValue,
           "options-id": e.optionsId,
@@ -1404,8 +1424,8 @@ const Et = {
           "onUpdate:modelValue": o,
           onClose: u
         }, {
-          default: C(() => [
-            I(i.$slots, "default")
+          default: V(() => [
+            k(i.$slots, "default")
           ]),
           _: 3
         }, 8, ["label", "model-value", "options-id", "selected-value", "shown"])
@@ -1416,7 +1436,7 @@ const Et = {
 }, ta = {
   class: "bs-field-details",
   "data-component": "bs-field-details"
-}, aa = ["id", "data-error"], na = ["data-error"], pe = {
+}, aa = ["id", "data-error"], na = ["data-error"], he = {
   __name: "BsFieldDetails",
   props: {
     /** The number of characters that have been entered by the user.  */
@@ -1443,34 +1463,88 @@ const Et = {
         id: e.hintId,
         class: "bs-hint",
         "data-error": e.error
-      }, T(t.value), 9, aa)) : $("", !0),
+      }, T(t.value), 9, aa)) : S("", !0),
       e.charMax ? (d(), f("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, na)) : $("", !0)
+      }, T(a.charCount || "0") + " / " + T(a.charMax), 9, na)) : S("", !0)
     ]));
   }
-}, la = ["view-box"], oa = ["id"], ia = ["offset", "stop-color"], zn = {
+}, la = ["aria-controls", "aria-expanded", "data-open", "data-size", "disabled"], zn = {
+  __name: "BsFilterButton",
+  props: {
+    badgeCount: {
+      type: Number,
+      default: 0
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    label: {
+      type: String,
+      default: "Filter"
+    },
+    open: {
+      type: Boolean,
+      default: !1
+    },
+    optionsId: {
+      type: String,
+      required: !0
+    },
+    size: {
+      type: String,
+      validator: (e) => ["sm", "xs"].includes(e)
+    }
+  },
+  setup(e) {
+    const a = e, t = p(() => a.badgeCount > 0);
+    return (l, n) => (d(), f("button", {
+      class: "bs-filter-button",
+      "aria-controls": e.optionsId,
+      "aria-expanded": e.open,
+      "aria-haspopup": "listbox",
+      "data-open": e.open,
+      "data-size": e.size,
+      disabled: e.disabled,
+      type: "button"
+    }, [
+      t.value ? (d(), L(Bt, {
+        key: 0,
+        color: "blue",
+        count: e.badgeCount,
+        label: "active filter",
+        position: "left",
+        variant: "notext"
+      }, null, 8, ["count"])) : S("", !0),
+      k(l.$slots, "label", {}, () => [
+        R(T(e.label), 1)
+      ]),
+      P(v(we))
+    ], 8, la));
+  }
+}, oa = ["view-box"], ia = ["id"], ra = ["offset", "stop-color"], Mn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsIconGradientWrapper",
   setup(e) {
-    const a = k(null), t = k(null), l = [
+    const a = I(null), t = I(null), l = [
       { offset: 0.1326, color: "#EE282A" },
       { offset: 0.5466, color: "#1C0087" },
       { offset: 0.9715, color: "#0086EA" }
     ], [n] = H();
-    return O(() => {
+    return j(() => {
       t.value = a.value.querySelector("svg").getAttribute("viewBox") || "0 0 0 0";
-    }), (o, u) => (d(), f(R, null, [
-      m("span", {
+    }), (o, u) => (d(), f(O, null, [
+      m("span", D({
         ref_key: "svgWrapperRef",
         ref: a,
         class: "bs-icon-gradient-wrapper",
-        style: Fe(`fill: url(#${v(n)});`)
-      }, [
-        I(o.$slots, "default")
-      ], 4),
+        style: `fill: url(#${v(n)});`
+      }, o.$attrs), [
+        k(o.$slots, "default")
+      ], 16),
       (d(), f("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         "view-box": t.value,
@@ -1485,16 +1559,16 @@ const Et = {
           y2: "100%",
           "gradient-units": "userSpaceOnUse"
         }, [
-          (d(), f(R, null, Y(l, (i) => m("stop", {
+          (d(), f(O, null, Y(l, (i) => m("stop", {
             key: i.offset,
             offset: i.offset,
             "stop-color": i.color
-          }, null, 8, ia)), 64))
-        ], 8, oa)
-      ], 8, la))
+          }, null, 8, ra)), 64))
+        ], 8, ia)
+      ], 8, oa))
     ], 64));
   }
-}, ra = ["data-error", "id", "value"], we = {
+}), sa = ["data-error", "id", "value"], ke = {
   __name: "BsInput",
   props: {
     error: {
@@ -1514,16 +1588,16 @@ const Et = {
       const s = n.type === "number" ? parseInt(i.target.value) : i.target.value;
       l("update:modelValue", s);
     }
-    return (i, s) => (d(), f("input", V({
+    return (i, s) => (d(), f("input", D({
       class: "bs-input",
       "data-component": "bs-input",
       "data-error": e.error,
       id: i.$attrs.id || e.inputId,
       value: e.value || e.modelValue,
       onInput: u
-    }, o.value), null, 16, ra));
+    }, o.value), null, 16, sa));
   }
-}, sa = ["data-disabled", "data-error", "data-variant", "data-multifocus"], da = {
+}, da = ["data-disabled", "data-error", "data-variant", "data-multifocus"], ua = {
   __name: "BsInputAddon",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -1540,10 +1614,10 @@ const Et = {
       "data-variant": e.variant,
       "data-multifocus": e.multifocus
     }, [
-      I(a.$slots, "default")
-    ], 8, sa));
+      k(a.$slots, "default")
+    ], 8, da));
   }
-}, Mn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, On = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsInputField",
   props: {
     /** Sets the disabled state on input, disabled styles on label. */
@@ -1591,6 +1665,7 @@ const Et = {
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
     const t = e, l = N(), [n, o] = H(2), { toChild: u, toRoot: i } = Z(t, l, [
+      "aria-label",
       "autocomplete",
       "max",
       "maxlength",
@@ -1602,21 +1677,21 @@ const Et = {
       return ((g = (b = t.hints) == null ? void 0 : b.join) == null ? void 0 : g.call(b, `
 `)) || t.hints;
     }), r = p(() => t.error && t.errorMsg || t.hint || s.value || void 0), c = p(() => t.inputId || n.value);
-    return (b, g) => (d(), f("div", V({ "data-component": "bs-input-field" }, v(i)), [
-      e.label || b.$slots.label ? (d(), A(_, {
+    return (b, g) => (d(), f("div", D({ "data-component": "bs-input-field" }, v(i)), [
+      e.label || b.$slots.label ? (d(), L(_, {
         key: 0,
         for: c.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: C(() => [
-          I(b.$slots, "label", {}, () => [
-            W(T(e.label), 1)
+        default: V(() => [
+          k(b.$slots, "label", {}, () => [
+            R(T(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : $("", !0),
-      D(we, V({
+      }, 8, ["for", "disabled", "required"])) : S("", !0),
+      P(ke, D({
         disabled: e.disabled,
         error: e.error,
         "hint-id": v(o),
@@ -1625,18 +1700,18 @@ const Et = {
         required: e.required,
         type: e.type,
         value: e.value || e.modelValue,
-        "onUpdate:modelValue": g[0] || (g[0] = (y) => b.$emit("update:modelValue", y))
+        "onUpdate:modelValue": g[0] || (g[0] = (B) => b.$emit("update:modelValue", B))
       }, v(u)), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "type", "value"]),
-      r.value ? (d(), A(pe, {
+      r.value ? (d(), L(he, {
         key: 1,
         error: e.error,
         "error-msg": e.errorMsg,
         hint: e.hint || s.value,
         "hint-id": v(o)
-      }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : $("", !0)
+      }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : S("", !0)
     ], 16));
   }
-}), Rn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), Nn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsInputSearch",
   props: {
     /** Sets the disabled state on input, disabled styles on label. */
@@ -1665,50 +1740,57 @@ const Et = {
     value: {
       type: String,
       default: ""
+    },
+    variant: {
+      type: String,
+      // we may be getting at least one more variant so we'll validate against arr
+      validator: (e) => ["filter"].includes(e)
     }
   },
   emits: ["clear", "update:modelValue"],
   setup(e, { emit: a }) {
     const t = e, l = N(), { toChild: n, toRoot: o } = Z(t, l, [
+      "aria-label",
       "autocomplete",
       "maxlength",
       "minlength",
       "name"
-    ]);
-    return (u, i) => (d(), A(da, V({
+    ]), u = p(() => !t.disabled && !t.hideClear && t.variant !== "filter");
+    return (i, s) => (d(), L(ua, D({
       class: "bs-input-search",
       "data-component": "bs-input-search",
+      "data-variant": e.variant,
       disabled: e.disabled
     }, v(o)), {
-      default: C(() => [
-        D(v(Ze)),
-        D(we, V({
+      default: V(() => [
+        P(v(Xe)),
+        P(ke, D({
           "data-autowidth": "",
           disabled: e.disabled,
           "input-id": e.inputId,
           placeholder: e.placeholder,
           value: e.value || e.modelValue,
-          "onUpdate:modelValue": i[0] || (i[0] = (s) => u.$emit("update:modelValue", s))
+          "onUpdate:modelValue": s[0] || (s[0] = (r) => i.$emit("update:modelValue", r))
         }, v(n)), null, 16, ["disabled", "input-id", "placeholder", "value"]),
-        e.disabled || e.hideClear ? $("", !0) : (d(), f("button", {
+        u.value ? (d(), f("button", {
           key: 0,
           title: "Clear",
           type: "button",
-          onClick: i[1] || (i[1] = (s) => u.$emit("clear"))
+          onClick: s[1] || (s[1] = (r) => i.$emit("clear"))
         }, [
-          D(v(oe), { size: "sm" })
-        ]))
+          P(v(oe), { size: "sm" })
+        ])) : S("", !0)
       ]),
       _: 1
-    }, 16, ["disabled"]));
+    }, 16, ["data-variant", "disabled"]));
   }
-}), ua = ["data-size", "data-variant"], ca = /* @__PURE__ */ m("span", null, null, -1), fa = /* @__PURE__ */ m("span", null, null, -1), va = /* @__PURE__ */ m("span", null, null, -1), ha = /* @__PURE__ */ m("span", null, null, -1), pa = /* @__PURE__ */ m("span", { class: "visually-hidden" }, "Loading", -1), ga = [
-  ca,
+}), ca = ["data-size", "data-variant"], fa = /* @__PURE__ */ m("span", null, null, -1), va = /* @__PURE__ */ m("span", null, null, -1), pa = /* @__PURE__ */ m("span", null, null, -1), ha = /* @__PURE__ */ m("span", null, null, -1), ga = /* @__PURE__ */ m("span", { class: "visually-hidden" }, "Loading", -1), ba = [
   fa,
   va,
+  pa,
   ha,
-  pa
-], Nn = {
+  ga
+], Rn = {
   __name: "BsLoader",
   props: {
     size: {
@@ -1727,9 +1809,9 @@ const Et = {
       "data-size": e.size,
       "data-variant": e.variant,
       role: "status"
-    }, ga, 8, ua));
+    }, ba, 8, ca));
   }
-}, ba = /* @__PURE__ */ m("div", { class: "bs-overlay" }, null, -1), ma = {
+}, ma = /* @__PURE__ */ m("div", { class: "bs-overlay" }, null, -1), ya = {
   __name: "BsOverlay",
   props: {
     shown: {
@@ -1759,7 +1841,7 @@ const Et = {
   emits: ["after-enter", "after-leave"],
   setup(e, { emit: a }) {
     const t = e, l = a, { transition: n } = se(t);
-    return (o, u) => (d(), A(v(de), {
+    return (o, u) => (d(), L(v(de), {
       shown: v(n),
       preloaded: e.preloaded,
       duration: 75,
@@ -1767,16 +1849,16 @@ const Et = {
       onAfterEnter: u[0] || (u[0] = (i) => l("after-enter")),
       onAfterLeave: u[1] || (u[1] = (i) => l("after-leave"))
     }, {
-      default: C(() => [
-        ba
+      default: V(() => [
+        ma
       ]),
       _: 1
     }, 8, ["shown", "preloaded"]));
   }
-}, ya = ["id", "role"], Ba = {
+}, Ba = ["id", "role"], $a = {
   key: 0,
   class: "close-button-container"
-}, On = {
+}, jn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsModal",
   props: {
     modalId: {
@@ -1825,15 +1907,15 @@ const Et = {
     let o = !1;
     return re(["Escape"], () => {
       o && l("close", t.modalId);
-    }), (u, i) => (d(), f(R, null, [
-      D(ma, {
+    }), (u, i) => (d(), f(O, null, [
+      P(ya, {
         shown: v(n),
         preloaded: e.preloaded,
         "enter-controlled": e.enterControlled,
         "enter-trigger": e.enterTrigger,
         "leave-trigger": e.leaveTrigger
       }, null, 8, ["shown", "preloaded", "enter-controlled", "enter-trigger", "leave-trigger"]),
-      D(de, {
+      P(de, {
         shown: v(n),
         preloaded: e.preloaded,
         duration: 75,
@@ -1842,40 +1924,40 @@ const Et = {
         onAfterEnter: i[2] || (i[2] = (s) => l("after-enter")),
         onAfterLeave: i[3] || (i[3] = (s) => l("after-leave"))
       }, {
-        default: C(() => [
-          m("div", {
+        default: V(() => [
+          m("div", D({
             id: t.modalId,
             class: "bs-modal",
             role: e.alert ? "alertdialog" : "dialog",
             "aria-modal": "true"
-          }, [
-            e.closeButton ? (d(), f("div", Ba, [
+          }, u.$attrs), [
+            e.closeButton ? (d(), f("div", $a, [
               m("button", {
                 type: "button",
                 title: "Close Modal",
                 "aria-label": "Close Modal",
                 onClick: i[0] || (i[0] = (s) => l("close", e.modalId))
               }, [
-                D(v(oe), { class: "close-button" })
+                P(v(oe), { class: "close-button" })
               ])
-            ])) : $("", !0),
-            I(u.$slots, "default")
-          ], 8, ya)
+            ])) : S("", !0),
+            k(u.$slots, "default")
+          ], 16, Ba)
         ]),
         _: 3
       }, 8, ["shown", "preloaded"])
     ], 64));
   }
-}, $a = ["data-variant", "data-fixed"], Sa = {
+}), Sa = ["data-variant", "data-fixed"], wa = {
   key: 0,
   class: "bs-pagination-carets"
-}, wa = ["title", "disabled"], ka = { key: 0 }, Ia = ["title", "disabled"], Ta = { key: 0 }, xa = {
+}, ka = ["title", "disabled"], Ia = { key: 0 }, Ta = ["title", "disabled"], xa = { key: 0 }, Ca = {
   key: 1,
   class: "bs-pagination-page-numbers"
-}, Ca = ["title", "data-selected", "onClick"], Aa = { key: 2 }, La = { key: 3 }, Pa = /* @__PURE__ */ m("span", null, "Results Per Page:", -1), Da = { class: "bs-pagination-results-numbers" }, Va = ["data-selected", "disabled", "onClick"], Ea = {
+}, Aa = ["title", "data-selected", "onClick"], La = { key: 2 }, Va = { key: 3 }, Pa = /* @__PURE__ */ m("span", null, "Results Per Page:", -1), Da = { class: "bs-pagination-results-numbers" }, Ea = ["data-selected", "disabled", "onClick"], qa = {
   key: 5,
   class: "bs-pagination-carets"
-}, qa = ["title", "disabled"], za = { key: 0 }, Ma = ["title", "disabled"], Ra = { key: 0 }, Wn = {
+}, za = ["title", "disabled"], Ma = { key: 0 }, Oa = ["title", "disabled"], Na = { key: 0 }, Wn = {
   __name: "BsPagination",
   props: {
     // Used for all
@@ -1961,17 +2043,17 @@ const Et = {
   },
   emits: ["selchange", "update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = k(null);
-    O(() => {
-      o.value ? n.value = o.value : t.variant === "results" ? n.value = M.value[0] : n.value = 1;
+    const t = e, l = a, n = I(null);
+    j(() => {
+      o.value ? n.value = o.value : t.variant === "results" ? n.value = z.value[0] : n.value = 1;
     });
     const o = p(() => t.modelValue || t.selection);
-    E(() => t.selection, (P) => {
-      n.value = P;
-    }), E(() => t.modelValue, (P) => {
-      n.value = P;
-    }), E(n, (P, w) => {
-      w !== null && (l("selchange", P), l("update:modelValue", P));
+    E(() => t.selection, (C) => {
+      n.value = C;
+    }), E(() => t.modelValue, (C) => {
+      n.value = C;
+    }), E(n, (C, $) => {
+      $ !== null && (l("selchange", C), l("update:modelValue", C));
     });
     const u = p(() => {
       if (t.variant === "group")
@@ -1997,22 +2079,22 @@ const Et = {
     const g = p(() => {
       if (t.pageCount <= t.pageRange)
         return [...Array(t.pageCount + 1).keys()].slice(1);
-      const P = [1], w = (t.pageRange - 1) / 2;
-      let S = n.value - w, q = n.value + w;
-      S < 1 && (q += 1 - S, S = 1), q > t.pageCount && (S -= q - t.pageCount, q = t.pageCount), S = Math.max(S, 2), q = Math.min(q, t.pageCount - 1), S > 2 && P.push(t.breakText);
-      for (let j = S; j <= q; j++)
-        P.push(j);
-      return q < t.pageCount - 1 && P.push(t.breakText), P.push(t.pageCount), P;
-    }), y = p(() => `${t.centerLabel ?? "Page"} ${n.value} of ${u.value}`), L = p(() => {
-      const P = (n.value - 1) * t.itemsPerGroup + 1, w = Math.min(P - 1 + t.itemsPerGroup, t.itemsCount);
-      return `${t.centerLabel ?? "Results"} ${P} - ${w} of ${t.itemsCount}`;
-    }), M = p(() => t.resultsIncrements.split(",").map((P) => parseInt(P)));
-    return (P, w) => (d(), f("div", {
+      const C = [1], $ = (t.pageRange - 1) / 2;
+      let y = n.value - $, q = n.value + $;
+      y < 1 && (q += 1 - y, y = 1), q > t.pageCount && (y -= q - t.pageCount, q = t.pageCount), y = Math.max(y, 2), q = Math.min(q, t.pageCount - 1), y > 2 && C.push(t.breakText);
+      for (let W = y; W <= q; W++)
+        C.push(W);
+      return q < t.pageCount - 1 && C.push(t.breakText), C.push(t.pageCount), C;
+    }), B = p(() => `${t.centerLabel ?? "Page"} ${n.value} of ${u.value}`), x = p(() => {
+      const C = (n.value - 1) * t.itemsPerGroup + 1, $ = Math.min(C - 1 + t.itemsPerGroup, t.itemsCount);
+      return `${t.centerLabel ?? "Results"} ${C} - ${$} of ${t.itemsCount}`;
+    }), z = p(() => t.resultsIncrements.split(",").map((C) => parseInt(C)));
+    return (C, $) => (d(), f("div", {
       class: "bs-pagination",
       "data-variant": i.value,
       "data-fixed": t.fixed
     }, [
-      e.variant === "base" || e.variant === "group" ? (d(), f("div", Sa, [
+      e.variant === "base" || e.variant === "group" ? (d(), f("div", wa, [
         e.showFirstLastButtons ? (d(), f("button", {
           key: 0,
           type: "button",
@@ -2021,9 +2103,9 @@ const Et = {
           disabled: n.value === 1,
           onClick: s
         }, [
-          D(v(Je)),
-          e.firstPageText ? (d(), f("span", ka, T(e.firstPageText), 1)) : $("", !0)
-        ], 10, wa)) : $("", !0),
+          P(v(Ze)),
+          e.firstPageText ? (d(), f("span", Ia, T(e.firstPageText), 1)) : S("", !0)
+        ], 10, ka)) : S("", !0),
         m("button", {
           type: "button",
           class: X(e.prevPageText ? "bs-pagination-word-caret" : void 0),
@@ -2031,34 +2113,34 @@ const Et = {
           disabled: n.value === 1,
           onClick: r
         }, [
-          D(v(Qe)),
-          e.prevPageText ? (d(), f("span", Ta, T(e.prevPageText), 1)) : $("", !0)
-        ], 10, Ia)
-      ])) : $("", !0),
-      e.variant === "base" && e.centerDisplay === "numbers" ? (d(), f("div", xa, [
-        (d(!0), f(R, null, Y(g.value, (S) => (d(), f("button", {
-          key: `page-${S}-button`,
+          P(v(Je)),
+          e.prevPageText ? (d(), f("span", xa, T(e.prevPageText), 1)) : S("", !0)
+        ], 10, Ta)
+      ])) : S("", !0),
+      e.variant === "base" && e.centerDisplay === "numbers" ? (d(), f("div", Ca, [
+        (d(!0), f(O, null, Y(g.value, (y) => (d(), f("button", {
+          key: `page-${y}-button`,
           type: "button",
-          title: `Page ${S}`,
-          "data-selected": S === n.value,
-          onClick: (q) => n.value = S
-        }, T(S), 9, Ca))), 128))
-      ])) : $("", !0),
-      t.variant === "base" && t.centerDisplay === "text" ? (d(), f("span", Aa, T(y.value), 1)) : $("", !0),
-      t.variant === "group" ? (d(), f("span", La, T(L.value), 1)) : $("", !0),
-      t.variant === "results" ? (d(), f(R, { key: 4 }, [
+          title: `Page ${y}`,
+          "data-selected": y === n.value,
+          onClick: (q) => n.value = y
+        }, T(y), 9, Aa))), 128))
+      ])) : S("", !0),
+      t.variant === "base" && t.centerDisplay === "text" ? (d(), f("span", La, T(B.value), 1)) : S("", !0),
+      t.variant === "group" ? (d(), f("span", Va, T(x.value), 1)) : S("", !0),
+      t.variant === "results" ? (d(), f(O, { key: 4 }, [
         Pa,
         m("div", Da, [
-          (d(!0), f(R, null, Y(M.value, (S) => (d(), f("button", {
+          (d(!0), f(O, null, Y(z.value, (y) => (d(), f("button", {
             type: "button",
-            key: `results-${S}`,
-            "data-selected": S === n.value,
-            disabled: n.value === S,
-            onClick: (q) => n.value = S
-          }, T(S), 9, Va))), 128))
+            key: `results-${y}`,
+            "data-selected": y === n.value,
+            disabled: n.value === y,
+            onClick: (q) => n.value = y
+          }, T(y), 9, Ea))), 128))
         ])
-      ], 64)) : $("", !0),
-      e.variant === "base" || e.variant === "group" ? (d(), f("div", Ea, [
+      ], 64)) : S("", !0),
+      e.variant === "base" || e.variant === "group" ? (d(), f("div", qa, [
         m("button", {
           type: "button",
           class: X(e.nextPageText ? "bs-pagination-word-caret" : void 0),
@@ -2066,9 +2148,9 @@ const Et = {
           disabled: n.value === u.value,
           onClick: c
         }, [
-          e.nextPageText ? (d(), f("span", za, T(e.nextPageText), 1)) : $("", !0),
-          D(v(_e))
-        ], 10, qa),
+          e.nextPageText ? (d(), f("span", Ma, T(e.nextPageText), 1)) : S("", !0),
+          P(v(Qe))
+        ], 10, za),
         e.showFirstLastButtons ? (d(), f("button", {
           key: 0,
           type: "button",
@@ -2077,13 +2159,13 @@ const Et = {
           disabled: n.value === u.value,
           onClick: b
         }, [
-          e.lastPageText ? (d(), f("span", Ra, T(e.lastPageText), 1)) : $("", !0),
-          D(v(et))
-        ], 10, Ma)) : $("", !0)
-      ])) : $("", !0)
-    ], 8, $a));
+          e.lastPageText ? (d(), f("span", Na, T(e.lastPageText), 1)) : S("", !0),
+          P(v(_e))
+        ], 10, Oa)) : S("", !0)
+      ])) : S("", !0)
+    ], 8, Sa));
   }
-}, Na = ["data-truncate"], jn = {
+}, Ra = ["data-truncate"], Fn = {
   __name: "BsPill",
   props: {
     active: { type: Boolean, default: !1 },
@@ -2105,8 +2187,8 @@ const Et = {
     }
   },
   setup(e) {
-    const a = e, { onLinkClick: t } = ie(a), l = N(), { rootTag: n, attrsToBind: o } = he(a, l, "span");
-    return (u, i) => (d(), A(U(v(n)), V({
+    const a = e, { onLinkClick: t } = ie(a), l = N(), { rootTag: n, attrsToBind: o } = pe(a, l, "span");
+    return (u, i) => (d(), L(U(v(n)), D({
       class: "bs-pill",
       "data-active": e.active,
       "data-component": "bs-pill",
@@ -2115,25 +2197,25 @@ const Et = {
       disabled: e.disabled,
       href: e.href
     }, v(o), { onClick: v(t) }), {
-      default: C(() => [
+      default: V(() => [
         m("span", { "data-truncate": e.truncate }, [
-          I(u.$slots, "default")
-        ], 8, Na)
+          k(u.$slots, "default")
+        ], 8, Ra)
       ]),
       _: 3
     }, 16, ["data-active", "data-status", "data-variant", "disabled", "href", "onClick"]));
   }
-}, Oa = { class: "bs-profile-details" }, Wa = {
+}, ja = { class: "bs-profile-details" }, Wa = {
   class: "bs-profile-name",
   "data-size": "sm",
   "data-weight": "bold"
-}, ja = {
+}, Fa = {
   key: 1,
   "data-weight": "bold"
-}, Ga = { key: 2 }, Fa = { key: 3 }, Ua = {
+}, Ga = { key: 2 }, Ua = { key: 3 }, Ha = {
   key: 4,
   "data-icon": "true"
-}, Ha = {
+}, Ka = {
   __name: "BsProfileDetails",
   props: {
     profileName: {
@@ -2154,36 +2236,36 @@ const Et = {
     function u(i) {
       i.target.tagName === "BUTTON" && (i.preventDefault(), i.stopImmediatePropagation(), l("action-toggled"));
     }
-    return (i, s) => (d(), f("div", Oa, [
+    return (i, s) => (d(), f("div", ja, [
       e.action || i.$slots.action ? (d(), f("button", {
         key: 0,
         "data-icon": "true",
         onClick: u
       }, [
-        I(i.$slots, "action", {}, () => [
-          e.actionIcon ? (d(), A(U(v(n) ? v(n) : "span"), {
+        k(i.$slots, "action", {}, () => [
+          e.actionIcon ? (d(), L(U(v(n) ? v(n) : "span"), {
             key: 0,
             class: "bs-icon"
-          })) : $("", !0),
-          W(" " + T(e.action), 1)
+          })) : S("", !0),
+          R(" " + T(e.action), 1)
         ])
-      ])) : $("", !0),
+      ])) : S("", !0),
       m("span", Wa, T(e.profileName), 1),
-      e.company ? (d(), f("span", ja, T(e.company), 1)) : $("", !0),
-      e.jobTitle ? (d(), f("span", Ga, T(e.jobTitle), 1)) : $("", !0),
-      e.email ? (d(), f("span", Fa, T(e.email), 1)) : $("", !0),
-      e.miscMeta || i.$slots.misc ? (d(), f("span", Ua, [
-        I(i.$slots, "misc", {}, () => [
-          e.miscMetaIcon ? (d(), A(U(v(o) ? v(o) : "span"), {
+      e.company ? (d(), f("span", Fa, T(e.company), 1)) : S("", !0),
+      e.jobTitle ? (d(), f("span", Ga, T(e.jobTitle), 1)) : S("", !0),
+      e.email ? (d(), f("span", Ua, T(e.email), 1)) : S("", !0),
+      e.miscMeta || i.$slots.misc ? (d(), f("span", Ha, [
+        k(i.$slots, "misc", {}, () => [
+          e.miscMetaIcon ? (d(), L(U(v(o) ? v(o) : "span"), {
             key: 0,
             class: "bs-icon"
-          })) : $("", !0),
-          W(" " + T(e.miscMeta), 1)
+          })) : S("", !0),
+          R(" " + T(e.miscMeta), 1)
         ])
-      ])) : $("", !0)
+      ])) : S("", !0)
     ]));
   }
-}, Ka = ["data-img-size", "data-initials", "data-no-img"], Ya = ["src", "alt"], Xa = {
+}, Ya = ["data-img-size", "data-initials", "data-no-img"], Xa = ["src", "alt"], Za = {
   __name: "BsProfileImg",
   props: {
     src: String,
@@ -2198,8 +2280,8 @@ const Et = {
     }
   },
   setup(e) {
-    const a = e, t = k(!1), l = k(!!a.src);
-    return O(() => t.value = !0), (n, o) => (d(), f("div", {
+    const a = e, t = I(!1), l = I(!!a.src);
+    return j(() => t.value = !0), (n, o) => (d(), f("div", {
       class: "bs-profile-img",
       "data-img-size": e.size,
       "data-initials": e.initials,
@@ -2210,8 +2292,8 @@ const Et = {
         src: e.src,
         alt: e.profileName,
         onError: o[0] || (o[0] = (u) => l.value = !1)
-      }, null, 40, Ya)) : $("", !0)
-    ], 8, Ka));
+      }, null, 40, Xa)) : S("", !0)
+    ], 8, Ya));
   }
 }, Gn = {
   __name: "BsProfile",
@@ -2242,20 +2324,20 @@ const Et = {
   emits: ["action-toggled"],
   setup(e, { emit: a }) {
     const t = e, l = a, { onLinkClick: n } = ie(t), o = p(() => t.href ? "a" : "div");
-    return (u, i) => (d(), A(U(o.value), {
+    return (u, i) => (d(), L(U(o.value), {
       class: "bs-profile",
       href: e.href,
       "data-layout": e.layout,
       onClick: v(n)
     }, {
-      default: C(() => [
-        D(Xa, {
+      default: V(() => [
+        P(Za, {
           src: e.imageSrc,
           size: e.imageSize,
           initials: e.initials,
           "profile-name": e.profileName
         }, null, 8, ["src", "size", "initials", "profile-name"]),
-        D(Ha, {
+        P(Ka, {
           "profile-name": e.profileName,
           company: e.company,
           "job-title": e.jobTitle,
@@ -2266,11 +2348,11 @@ const Et = {
           "misc-meta-icon": e.miscMetaIcon,
           onActionToggled: i[0] || (i[0] = (s) => l("action-toggled"))
         }, {
-          action: C(() => [
-            I(u.$slots, "action")
+          action: V(() => [
+            k(u.$slots, "action")
           ]),
-          misc: C(() => [
-            I(u.$slots, "misc")
+          misc: V(() => [
+            k(u.$slots, "misc")
           ]),
           _: 3
         }, 8, ["profile-name", "company", "job-title", "email", "action", "action-icon", "misc-meta", "misc-meta-icon"])
@@ -2278,7 +2360,7 @@ const Et = {
       _: 3
     }, 8, ["href", "data-layout", "onClick"]));
   }
-}, Za = ["data-size"], Ja = ["checked", "disabled", "id", "required", "value", "data-error"], Fn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Ja = ["data-size"], Qa = ["checked", "disabled", "id", "required", "value", "data-error"], Un = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsRadio",
   props: {
     label: {
@@ -2322,13 +2404,13 @@ const Et = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = N(), [n] = H(), { toChild: o, toRoot: u } = Z(t, l, ["name"]), i = p(() => t.inputId || n.value), s = p(() => t.checked || t.modelValue && t.modelValue === t.value);
-    return (r, c) => (d(), f("div", V({
+    const t = e, l = N(), [n] = H(), { toChild: o, toRoot: u } = Z(t, l, ["aria-label", "name"]), i = p(() => t.inputId || n.value), s = p(() => t.checked || t.modelValue && t.modelValue === t.value);
+    return (r, c) => (d(), f("div", D({
       class: "bs-boolean",
       "data-component": "bs-radio",
       "data-size": e.size
     }, v(u)), [
-      m("input", V({
+      m("input", D({
         checked: s.value,
         disabled: e.disabled,
         id: i.value,
@@ -2338,23 +2420,23 @@ const Et = {
         "data-error": e.error
       }, v(o), {
         onChange: c[0] || (c[0] = (b) => r.$emit("update:modelValue", b.target.value))
-      }), null, 16, Ja),
-      e.label || r.$slots.label ? (d(), A(_, {
+      }), null, 16, Qa),
+      e.label || r.$slots.label ? (d(), L(_, {
         key: 0,
         for: i.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: C(() => [
-          I(r.$slots, "label", {}, () => [
-            W(T(e.label), 1)
+        default: V(() => [
+          k(r.$slots, "label", {}, () => [
+            R(T(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : $("", !0)
-    ], 16, Za));
+      }, 8, ["for", "disabled", "required"])) : S("", !0)
+    ], 16, Ja));
   }
-}), Qa = ["id", "disabled", "required", "data-error", "value"], _a = {
+}), _a = ["id", "disabled", "required", "data-error", "value"], en = {
   __name: "BsSelect",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -2368,7 +2450,7 @@ const Et = {
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
     const t = e, l = p(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
-    return (n, o) => (d(), f("select", V({
+    return (n, o) => (d(), f("select", D({
       id: n.$attrs.id || e.inputId,
       class: "bs-select",
       "data-component": "bs-select",
@@ -2379,10 +2461,10 @@ const Et = {
     }, l.value, {
       onChange: o[0] || (o[0] = (u) => n.$emit("update:modelValue", u.target.value))
     }), [
-      I(n.$slots, "default")
-    ], 16, Qa));
+      k(n.$slots, "default")
+    ], 16, _a));
   }
-}, en = ["selected", "disabled"], tn = ["disabled", "selected", "value"], Un = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, tn = ["selected", "disabled"], an = ["disabled", "selected", "value"], Hn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsSelectField",
   props: {
     data: {
@@ -2427,6 +2509,7 @@ const Et = {
   },
   setup(e) {
     const a = e, t = N(), [l, n] = H(2), { toChild: o, toRoot: u } = Z(a, t, [
+      "aria-label",
       "autofocus",
       "name"
     ]), i = p(() => {
@@ -2434,55 +2517,55 @@ const Et = {
       return ((g = (b = a.hints) == null ? void 0 : b.join) == null ? void 0 : g.call(b, `
 `)) || a.hints;
     }), s = p(() => a.error && a.errorMsg || a.hint || i.value || void 0), r = p(() => a.inputId || l.value), c = p(() => a.value || a.modelValue);
-    return (b, g) => (d(), f("div", V({ "data-component": "bs-select-field" }, v(u)), [
-      e.label || b.$slots.label ? (d(), A(_, {
+    return (b, g) => (d(), f("div", D({ "data-component": "bs-select-field" }, v(u)), [
+      e.label || b.$slots.label ? (d(), L(_, {
         key: 0,
         for: r.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: C(() => [
-          I(b.$slots, "label", {}, () => [
-            W(T(e.label), 1)
+        default: V(() => [
+          k(b.$slots, "label", {}, () => [
+            R(T(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : $("", !0),
-      D(_a, V({
+      }, 8, ["for", "disabled", "required"])) : S("", !0),
+      P(en, D({
         disabled: e.disabled,
         error: e.error,
         "hint-id": v(n),
         "input-id": r.value,
         required: e.required,
         value: c.value,
-        "onUpdate:modelValue": g[0] || (g[0] = (y) => b.$emit("update:modelValue", y))
+        "onUpdate:modelValue": g[0] || (g[0] = (B) => b.$emit("update:modelValue", B))
       }, v(o)), {
-        default: C(() => [
+        default: V(() => [
           m("option", {
             selected: !c.value,
             value: "",
             disabled: !!c.value
-          }, T(e.placeholder), 9, en),
-          (d(!0), f(R, null, Y(e.data, (y) => (d(), f("option", {
-            key: y.value,
-            disabled: y.disabled,
-            selected: c.value === y.value,
-            value: y.value
-          }, T(y.label), 9, tn))), 128))
+          }, T(e.placeholder), 9, tn),
+          (d(!0), f(O, null, Y(e.data, (B) => (d(), f("option", {
+            key: B.value,
+            disabled: B.disabled,
+            selected: c.value === B.value,
+            value: B.value
+          }, T(B.label), 9, an))), 128))
         ]),
         _: 1
       }, 16, ["disabled", "error", "hint-id", "input-id", "required", "value"]),
-      s.value ? (d(), A(pe, {
+      s.value ? (d(), L(he, {
         key: 1,
         "data-disabled": e.disabled,
         error: e.error,
         "error-msg": e.errorMsg,
         hint: e.hint || i.value,
         "hint-id": v(n)
-      }, null, 8, ["data-disabled", "error", "error-msg", "hint", "hint-id"])) : $("", !0)
+      }, null, 8, ["data-disabled", "error", "error-msg", "hint", "hint-id"])) : S("", !0)
     ], 16));
   }
-}), an = ["data-size"], nn = ["data-disabled", "data-pending", "data-size"], ln = ["checked", "disabled", "id"], on = ["data-inner-on-label", "data-inner-off-label"], Hn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), nn = ["data-size"], ln = ["data-disabled", "data-pending", "data-size"], on = ["checked", "disabled", "id"], rn = ["data-inner-on-label", "data-inner-off-label"], Kn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsSwitch",
   props: {
     checked: {
@@ -2528,48 +2611,48 @@ const Et = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = N(), [o] = H(), { toChild: u, toRoot: i } = Z(t, n, ["name", "value"]), s = p(() => t.inputId || o.value), r = p(() => t.checked || t.modelValue);
-    return (c, b) => (d(), f("div", V({
+    const t = e, l = a, n = N(), [o] = H(), { toChild: u, toRoot: i } = Z(t, n, ["aria-label", "name", "value"]), s = p(() => t.inputId || o.value), r = p(() => t.checked || t.modelValue);
+    return (c, b) => (d(), f("div", D({
       class: "bs-boolean",
       "data-component": "bs-switch",
       "data-size": e.size
     }, v(i)), [
-      e.label || c.$slots.label ? (d(), A(_, {
+      e.label || c.$slots.label ? (d(), L(_, {
         key: 0,
         for: s.value,
         disabled: e.disabled,
         hide: e.hideLabel
       }, {
-        default: C(() => [
-          I(c.$slots, "label", {}, () => [
-            W(T(e.label), 1)
+        default: V(() => [
+          k(c.$slots, "label", {}, () => [
+            R(T(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "hide"])) : $("", !0),
+      }, 8, ["for", "disabled", "hide"])) : S("", !0),
       m("div", {
         class: "bs-switch",
         "data-disabled": e.disabled,
         "data-pending": e.pending,
         "data-size": e.size
       }, [
-        m("input", V({
+        m("input", D({
           checked: r.value,
           disabled: e.disabled,
           id: s.value,
           type: "checkbox"
         }, v(u), {
           onChange: b[0] || (b[0] = (g) => l("update:modelValue", g.target.checked))
-        }), null, 16, ln),
+        }), null, 16, on),
         m("span", {
           "aria-hidden": "true",
           "data-inner-on-label": e.innerOnLabel,
           "data-inner-off-label": e.innerOffLabel
-        }, null, 8, on)
-      ], 8, nn)
-    ], 16, an));
+        }, null, 8, rn)
+      ], 8, ln)
+    ], 16, nn));
   }
-}), rn = ["aria-controls", "aria-selected", "data-hidden"], Kn = {
+}), sn = ["aria-controls", "aria-selected", "data-hidden"], Yn = {
   __name: "BsTab",
   props: {
     activeTabId: {
@@ -2586,7 +2669,7 @@ const Et = {
   },
   emits: ["tabClick"],
   setup(e, { emit: a }) {
-    const t = e, l = N(), n = k(), o = p(() => t.activeTabId === l.id), u = p(() => t.panelId || `${l.id}-panel`);
+    const t = e, l = N(), n = I(), o = p(() => t.activeTabId === l.id), u = p(() => t.panelId || `${l.id}-panel`);
     function i(r) {
       (r.key === "Enter" || r.key === " ") && (r.preventDefault(), r.stopPropagation(), s());
     }
@@ -2608,10 +2691,10 @@ const Et = {
       onClick: s,
       onKeydown: i
     }, [
-      I(r.$slots, "default")
-    ], 40, rn));
+      k(r.$slots, "default")
+    ], 40, sn));
   }
-}, sn = ["id", "data-resizing"], dn = ["aria-controls", "aria-expanded", "data-active", "data-hidden", "id"], un = 73, cn = 20, fn = 16, Yn = {
+}, dn = ["id", "data-resizing"], un = ["aria-controls", "aria-expanded", "data-active", "data-hidden", "id"], cn = 73, fn = 20, vn = 16, Xn = {
   __name: "BsTabList",
   props: {
     activeTabId: { type: String, required: !0 },
@@ -2622,182 +2705,182 @@ const Et = {
   },
   emits: ["tabChange", "update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = k(!1), o = k(!1), u = k([]), i = k(!1), s = k(!1), r = k(), c = k([]), b = k(!1), g = k([]), y = k(), L = k(), M = k(), [P, w] = H(2), S = p(() => t.activeTabId ? g.value.findIndex((h) => h.id === t.activeTabId) : 0), q = p(() => u.value.some((h) => h.id === t.activeTabId)), j = p(() => `${w.value}-options`), ee = p(() => `${w.value}-toggle`), J = p(() => {
+    const t = e, l = a, n = I(!1), o = I(!1), u = I([]), i = I(!1), s = I(!1), r = I(), c = I([]), b = I(!1), g = I([]), B = I(), x = I(), z = I(), [C, $] = H(2), y = p(() => t.activeTabId ? g.value.findIndex((h) => h.id === t.activeTabId) : 0), q = p(() => u.value.some((h) => h.id === t.activeTabId)), W = p(() => `${$.value}-options`), ee = p(() => `${$.value}-toggle`), J = p(() => {
       var h;
-      return q.value ? (h = g.value[S.value]) == null ? void 0 : h.textContent : "More";
-    }), ke = p(() => q.value ? c.value[S.value] - c.value[S.value - 1] + cn : un), Q = p(() => {
-      var B, x;
+      return q.value ? (h = g.value[y.value]) == null ? void 0 : h.textContent : "More";
+    }), Ie = p(() => q.value ? c.value[y.value] - c.value[y.value - 1] + fn : cn), Q = p(() => {
+      var w, A;
       let h = [];
       if (typeof window > "u")
         return h;
-      for (let z of g.value) {
-        if (((B = z.dataset) == null ? void 0 : B.hidden) === "true" || ((x = z.dataset) == null ? void 0 : x.hidden) === "" || z.getAttribute("tabindex") === "-1")
+      for (let M of g.value) {
+        if (((w = M.dataset) == null ? void 0 : w.hidden) === "true" || ((A = M.dataset) == null ? void 0 : A.hidden) === "" || M.getAttribute("tabindex") === "-1")
           break;
-        h.push(z);
+        h.push(M);
       }
       return s.value && h.push(r.value.querySelector(".bs-tab-list-toggle")), h;
     });
     function ue() {
       var K;
-      let h = !1, B, x = 0, z = !1, G = [];
+      let h = !1, w, A = 0, M = !1, F = [];
       if ((K = g.value) != null && K.length) {
-        for (let F = 0; F < g.value.length; F++) {
-          if (B = g.value[F], B.setAttribute("tabindex", "-1"), z && F !== S.value) {
-            B.dataset.hidden = "true", G.push(B);
+        for (let G = 0; G < g.value.length; G++) {
+          if (w = g.value[G], w.setAttribute("tabindex", "-1"), M && G !== y.value) {
+            w.dataset.hidden = "true", F.push(w);
             continue;
           }
-          if (x = F < g.value.length - 1 ? M.value - ke.value : M.value, c.value[F] > x) {
-            B.dataset.hidden = "true", G.push(B), h = !0, z = !0;
+          if (A = G < g.value.length - 1 ? z.value - Ie.value : z.value, c.value[G] > A) {
+            w.dataset.hidden = "true", F.push(w), h = !0, M = !0;
             continue;
           }
-          B.dataset.hidden = "false", B.setAttribute("tabindex", "0");
+          w.dataset.hidden = "false", w.setAttribute("tabindex", "0");
         }
-        s.value = h, u.value = G, n.value || He(() => n.value = !0), setTimeout(() => {
-          Ee(), b.value = !0;
+        s.value = h, u.value = F, n.value || He(() => n.value = !0), setTimeout(() => {
+          qe(), b.value = !0;
         }, b.value ? 0 : 1e3);
       }
     }
     function ce(h) {
       l("tabChange", h), l("update:modelValue", h);
     }
-    function Ie(h) {
-      var z, G, K;
-      const B = (K = (G = (z = g.value[h]) == null ? void 0 : z.getBoundingClientRect) == null ? void 0 : G.call(z)) == null ? void 0 : K.width;
-      return B || (h === 0 ? c.value[0] : c.value[h] - c.value[h - 1]) || 0;
-    }
-    function Te() {
-      var h;
-      (h = g.value[S.value]) == null || h.setAttribute("aria-selected", "true"), ue();
+    function Te(h) {
+      var M, F, K;
+      const w = (K = (F = (M = g.value[h]) == null ? void 0 : M.getBoundingClientRect) == null ? void 0 : F.call(M)) == null ? void 0 : K.width;
+      return w || (h === 0 ? c.value[0] : c.value[h] - c.value[h - 1]) || 0;
     }
     function xe() {
       var h;
-      (h = y.value) == null || h.focus(), i.value = !1;
+      (h = g.value[y.value]) == null || h.setAttribute("aria-selected", "true"), ue();
     }
     function Ce() {
-      i.value = !i.value, o.value || (o.value = !0);
+      var h;
+      (h = B.value) == null || h.focus(), i.value = !1;
     }
-    function Ae(h) {
-      var B;
-      i.value = !1, (B = y.value) == null || B.focus(), ce(h);
+    function Ae() {
+      i.value = !i.value, o.value || (o.value = !0);
     }
     function Le(h) {
+      var w;
+      i.value = !1, (w = B.value) == null || w.focus(), ce(h);
+    }
+    function Ve(h) {
       if (t.withBsTabs)
         return;
-      const B = h.target.closest('[role="tab"]');
-      if (!B || B.getAttribute("aria-selected") === "true")
+      const w = h.target.closest('[role="tab"]');
+      if (!w || w.getAttribute("aria-selected") === "true")
         return;
-      const x = B.getAttribute("id");
-      ce(x);
+      const A = w.getAttribute("id");
+      ce(A);
     }
     function Pe(h) {
       if (h.key === "ArrowLeft" || h.key === "ArrowRight") {
-        const B = Q.value.findIndex((x) => x.id === h.target.id);
-        if (B === -1)
+        const w = Q.value.findIndex((A) => A.id === h.target.id);
+        if (w === -1)
           return;
-        h.preventDefault(), h.stopPropagation(), h.key === "ArrowLeft" ? Ve(B) : De(B);
+        h.preventDefault(), h.stopPropagation(), h.key === "ArrowLeft" ? Ee(w) : De(w);
       }
     }
     function De(h) {
-      var x;
-      const B = (h + 1) % Q.value.length;
-      (x = Q.value[B]) == null || x.focus();
+      var A;
+      const w = (h + 1) % Q.value.length;
+      (A = Q.value[w]) == null || A.focus();
     }
-    function Ve(h) {
-      var x;
-      const B = h === 0 ? Q.value.length - 1 : h - 1;
-      (x = Q.value[B]) == null || x.focus();
-    }
-    function Ee() {
-      var K, F, ge, be;
-      const h = parseInt(r.value.style.getPropertyValue("--active-line-offset")) || 0, B = M.value;
-      let x = 300, z = ((F = (K = Q.value) == null ? void 0 : K[S.value]) == null ? void 0 : F.offsetLeft) || 0, G = Ie(S.value);
-      s.value && q.value && (z = (ge = y.value) == null ? void 0 : ge.offsetLeft, G = (be = y.value) == null ? void 0 : be.offsetWidth), x = Math.max(Math.abs((z - h) / B * 300), 100), r.value.style.setProperty("--active-line-max-width", `${B}px`), r.value.style.setProperty("--active-line-scale", `${G / B}`), r.value.style.setProperty("--active-line-offset", `${z}px`), r.value.style.setProperty("--active-line-transition-duration", `${x}ms`);
+    function Ee(h) {
+      var A;
+      const w = h === 0 ? Q.value.length - 1 : h - 1;
+      (A = Q.value[w]) == null || A.focus();
     }
     function qe() {
-      var h, B;
-      (B = (h = L.value) == null ? void 0 : h.disconnect) == null || B.call(h), L.value = null;
+      var K, G, ge, be;
+      const h = parseInt(r.value.style.getPropertyValue("--active-line-offset")) || 0, w = z.value;
+      let A = 300, M = ((G = (K = Q.value) == null ? void 0 : K[y.value]) == null ? void 0 : G.offsetLeft) || 0, F = Te(y.value);
+      s.value && q.value && (M = (ge = B.value) == null ? void 0 : ge.offsetLeft, F = (be = B.value) == null ? void 0 : be.offsetWidth), A = Math.max(Math.abs((M - h) / w * 300), 100), r.value.style.setProperty("--active-line-max-width", `${w}px`), r.value.style.setProperty("--active-line-scale", `${F / w}`), r.value.style.setProperty("--active-line-offset", `${M}px`), r.value.style.setProperty("--active-line-transition-duration", `${A}ms`);
     }
     function ze() {
-      L.value = new ResizeObserver((h) => {
-        for (let B of h)
-          M.value = B.contentBoxSize[0].inlineSize;
-        ue();
-      }), L.value.observe(r.value);
+      var h, w;
+      (w = (h = x.value) == null ? void 0 : h.disconnect) == null || w.call(h), x.value = null;
     }
     function Me() {
+      x.value = new ResizeObserver((h) => {
+        for (let w of h)
+          z.value = w.contentBoxSize[0].inlineSize;
+        ue();
+      }), x.value.observe(r.value);
+    }
+    function Oe() {
       g.value = Array.from(r.value.children).filter((h) => h.role === "tab");
     }
-    function Re() {
+    function Ne() {
       let h;
-      g.value.forEach((B, x) => {
-        h = B.getBoundingClientRect().width + fn, c.value.push(x ? h + c.value[x - 1] : h);
+      g.value.forEach((w, A) => {
+        h = w.getBoundingClientRect().width + vn, c.value.push(A ? h + c.value[A - 1] : h);
       });
     }
-    return E(() => t.activeTabId, Te), O(() => {
+    return E(() => t.activeTabId, xe), j(() => {
       var h;
       try {
-        Me(), Re(), ze(), M.value = r.value.getBoundingClientRect().width, ue(), t.withBsTabs || (h = g.value[S.value]) == null || h.setAttribute("aria-selected", "true");
-      } catch (B) {
-        console.log("tab error", B);
+        Oe(), Ne(), Me(), z.value = r.value.getBoundingClientRect().width, ue(), t.withBsTabs || (h = g.value[y.value]) == null || h.setAttribute("aria-selected", "true");
+      } catch (w) {
+        console.log("tab error", w);
       }
-    }), ne(qe), (h, B) => (d(), f("div", {
+    }), ne(ze), (h, w) => (d(), f("div", {
       class: "bs-tab-list",
       "data-component": "bs-tab-list",
-      id: h.$attrs.id || v(P),
+      id: h.$attrs.id || v(C),
       ref_key: "hostEl",
       ref: r,
       role: "tablist",
       "data-resizing": !n.value || void 0,
-      onClick: Le,
-      "on:tabClick": B[0] || (B[0] = (x) => ce(x.detail)),
+      onClick: Ve,
+      "on:tabClick": w[0] || (w[0] = (A) => ce(A.detail)),
       onKeydown: Pe
     }, [
-      I(h.$slots, "default"),
+      k(h.$slots, "default"),
       m("button", {
-        "aria-controls": v(w),
+        "aria-controls": v($),
         "aria-expanded": i.value,
         class: "bs-tab-list-toggle",
         "data-active": q.value || void 0,
         "data-hidden": !s.value,
         id: ee.value,
         ref_key: "dropdownToggle",
-        ref: y,
-        onClick: Ce
+        ref: B,
+        onClick: Ae
       }, [
-        D(v(tt), { size: "sm" }),
-        W(" " + T(J.value), 1)
-      ], 8, dn),
-      D(ea, {
+        P(v(et), { size: "sm" }),
+        R(" " + T(J.value), 1)
+      ], 8, un),
+      P(ea, {
         "anchor-id": ee.value,
-        "container-id": h.$attrs.id || v(P),
+        "container-id": h.$attrs.id || v(C),
         "helper-description": e.helperDescription || void 0,
         "helper-text": e.helperText,
-        id: v(w),
-        "options-id": j.value,
+        id: v($),
+        "options-id": W.value,
         position: "right",
         preloaded: "",
         shown: i.value,
         width: "content",
-        onClose: xe,
-        "onUpdate:modelValue": Ae
+        onClose: Ce,
+        "onUpdate:modelValue": Le
       }, {
-        default: C(() => [
-          (d(!0), f(R, null, Y(u.value, (x) => (d(), A(Jt, {
-            key: x.id,
-            value: x.id,
-            "options-id": j.value
+        default: V(() => [
+          (d(!0), f(O, null, Y(u.value, (A) => (d(), L(Jt, {
+            key: A.id,
+            value: A.id,
+            "options-id": W.value
           }, {
-            default: C(() => [
-              W(T(x.textContent), 1)
+            default: V(() => [
+              R(T(A.textContent), 1)
             ]),
             _: 2
           }, 1032, ["value", "options-id"]))), 128))
         ]),
         _: 1
       }, 8, ["anchor-id", "container-id", "helper-description", "helper-text", "id", "options-id", "shown"])
-    ], 40, sn));
+    ], 40, dn));
   }
-}, vn = ["aria-labelledby", "data-active", "id"], Xn = {
+}, pn = ["aria-labelledby", "data-active", "id"], Zn = {
   __name: "BsTabPanel",
   props: {
     activeTabId: {
@@ -2818,10 +2901,10 @@ const Et = {
       id: n.value,
       role: "tabpanel"
     }, [
-      I(o.$slots, "default")
-    ], 8, vn));
+      k(o.$slots, "default")
+    ], 8, pn));
   }
-}, hn = ["data-error", "id", "rows", "value"], pn = {
+}, hn = ["data-error", "id", "rows", "value"], gn = {
   __name: "BsTextarea",
   props: {
     error: {
@@ -2837,7 +2920,7 @@ const Et = {
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
     const t = e, l = p(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
-    return (n, o) => (d(), f("textarea", V({
+    return (n, o) => (d(), f("textarea", D({
       class: "bs-textarea",
       "data-component": "bs-textarea",
       "data-error": e.error,
@@ -2847,7 +2930,7 @@ const Et = {
       onInput: o[0] || (o[0] = (u) => n.$emit("update:modelValue", u.target.value))
     }, l.value), null, 16, hn));
   }
-}, Zn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Jn = /* @__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. */
@@ -2897,6 +2980,7 @@ const Et = {
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
     const t = e, l = N(), [n, o] = H(2), { toChild: u, toRoot: i } = Z(t, l, [
+      "aria-label",
       "autocomplete",
       "cols",
       "maxlength",
@@ -2906,25 +2990,25 @@ const Et = {
       var g;
       return ((g = t.value || t.modelValue) == null ? void 0 : g.length) || 0;
     }), r = p(() => {
-      var g, y;
-      return ((y = (g = t.hints) == null ? void 0 : g.join) == null ? void 0 : y.call(g, `
+      var g, B;
+      return ((B = (g = t.hints) == null ? void 0 : g.join) == null ? void 0 : B.call(g, `
 `)) || t.hints;
     }), c = p(() => t.error && t.errorMsg || t.hint || r.value || void 0), b = p(() => t.inputId || n.value);
-    return (g, y) => (d(), f("div", V({ "data-component": "bs-textarea-field" }, v(i)), [
-      e.label || g.$slots.label ? (d(), A(_, {
+    return (g, B) => (d(), f("div", D({ "data-component": "bs-textarea-field" }, v(i)), [
+      e.label || g.$slots.label ? (d(), L(_, {
         key: 0,
         for: b.value,
         disabled: e.disabled,
         required: e.required
       }, {
-        default: C(() => [
-          I(g.$slots, "label", {}, () => [
-            W(T(e.label), 1)
+        default: V(() => [
+          k(g.$slots, "label", {}, () => [
+            R(T(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for", "disabled", "required"])) : $("", !0),
-      D(pn, V({
+      }, 8, ["for", "disabled", "required"])) : S("", !0),
+      P(gn, D({
         disabled: e.disabled,
         error: e.error,
         "hint-id": v(o),
@@ -2933,9 +3017,9 @@ const Et = {
         required: e.required,
         rows: e.rows,
         value: e.value || e.modelValue,
-        "onUpdate:modelValue": y[0] || (y[0] = (L) => g.$emit("update:modelValue", L))
+        "onUpdate:modelValue": B[0] || (B[0] = (x) => g.$emit("update:modelValue", x))
       }, v(u)), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "rows", "value"]),
-      c.value || e.charMax ? (d(), A(pe, {
+      c.value || e.charMax ? (d(), L(he, {
         key: 1,
         "char-count": s.value,
         "char-max": e.charMax,
@@ -2944,10 +3028,10 @@ const Et = {
         "error-msg": e.errorMsg,
         hint: e.hint || r.value,
         "hint-id": v(o)
-      }, null, 8, ["char-count", "char-max", "data-disabled", "error", "error-msg", "hint", "hint-id"])) : $("", !0)
+      }, null, 8, ["char-count", "char-max", "data-disabled", "error", "error-msg", "hint", "hint-id"])) : S("", !0)
     ], 16));
   }
-}), gn = ["data-variant", "data-stacked"], Jn = {
+}), bn = ["data-variant", "data-stacked"], Qn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsToast",
   props: {
     shown: {
@@ -3005,7 +3089,7 @@ const Et = {
         i();
       }, t.duration)), l("after-enter");
     }
-    return (r, c) => (d(), A(v(de), {
+    return (r, c) => (d(), L(v(de), {
       shown: v(n),
       preloaded: e.preloaded,
       duration: 200,
@@ -3013,24 +3097,24 @@ const Et = {
       onAfterEnter: s,
       onAfterLeave: c[0] || (c[0] = (b) => l("after-leave"))
     }, {
-      default: C(() => [
-        m("div", {
+      default: V(() => [
+        m("div", D({
           class: "bs-toast",
           "data-variant": e.variant,
           "data-stacked": v(u) || void 0,
           "aria-role": "alert"
-        }, [
-          I(r.$slots, "default")
-        ], 8, gn)
+        }, r.$attrs), [
+          k(r.$slots, "default")
+        ], 16, bn)
       ]),
       _: 3
     }, 8, ["shown", "preloaded"]));
   }
-}, bn = ["data-stacked"], Qn = {
+}), mn = ["data-stacked"], _n = {
   __name: "BsToastActions",
   setup(e) {
-    const a = k(!1);
-    O(() => {
+    const a = I(!1);
+    j(() => {
       var n;
       const l = Ke();
       ((n = l.default) == null ? void 0 : n.call(l).length) > 2 && (a.value = !0);
@@ -3040,32 +3124,32 @@ const Et = {
       class: "bs-toast-actions",
       "data-stacked": a.value || void 0
     }, [
-      I(l.$slots, "default", {}, () => [
-        D(kt, {
+      k(l.$slots, "default", {}, () => [
+        P(kt, {
           size: "sm",
           "text-btn": "",
           onClick: v(t)
         }, {
-          default: C(() => [
-            W(" Dismiss ")
+          default: V(() => [
+            R(" Dismiss ")
           ]),
           _: 1
         }, 8, ["onClick"])
       ])
-    ], 8, bn));
+    ], 8, mn));
   }
-}, mn = (e, a) => {
+}, yn = (e, a) => {
   const t = e.__vccOpts || e;
   for (const [l, n] of a)
     t[l] = n;
   return t;
-}, yn = {}, Bn = { class: "bs-toast-body" };
-function $n(e, a) {
-  return d(), f("div", Bn, [
-    I(e.$slots, "default")
+}, Bn = {}, $n = { class: "bs-toast-body" };
+function Sn(e, a) {
+  return d(), f("div", $n, [
+    k(e.$slots, "default")
   ]);
 }
-const _n = /* @__PURE__ */ mn(yn, [["render", $n]]), Sn = ["data-variant"], el = {
+const el = /* @__PURE__ */ yn(Bn, [["render", Sn]]), wn = ["data-variant"], tl = {
   __name: "BsToastHeader",
   setup(e) {
     const a = te("variant"), t = p(() => {
@@ -3073,31 +3157,31 @@ const _n = /* @__PURE__ */ mn(yn, [["render", $n]]), Sn = ["data-variant"], el =
         case "warning":
           return ve;
         case "positive":
-          return nt;
+          return at;
         case "negative":
           return ve;
         default:
-          return at;
+          return tt;
       }
     });
     return (l, n) => (d(), f("div", {
       class: "bs-toast-header",
       "data-variant": v(a)
     }, [
-      (d(), A(U(t.value), { class: "bs-toast-header-icon" })),
+      (d(), L(U(t.value), { class: "bs-toast-header-icon" })),
       m("h5", null, [
-        I(l.$slots, "default")
+        k(l.$slots, "default")
       ])
-    ], 8, Sn));
+    ], 8, wn));
   }
-}, wn = { class: "bs-toaster" }, tl = {
+}, kn = { class: "bs-toaster" }, al = {
   __name: "BsToaster",
   setup(e) {
-    return ae("stacked", !0), (a, t) => (d(), f("div", wn, [
-      I(a.$slots, "default")
+    return ae("stacked", !0), (a, t) => (d(), f("div", kn, [
+      k(a.$slots, "default")
     ]));
   }
-}, kn = ["data-position"], In = ["id"], al = {
+}, In = ["data-position"], Tn = ["id"], nl = {
   __name: "BsTooltip",
   props: {
     tooltipId: {
@@ -3124,7 +3208,7 @@ const _n = /* @__PURE__ */ mn(yn, [["render", $n]]), Sn = ["data-variant"], el =
     }
   },
   setup(e) {
-    const a = e, t = k(!1), l = k(!1), n = p(() => {
+    const a = e, t = I(!1), l = I(!1), n = p(() => {
       let i = "bs-tooltip-text";
       return l.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;
     });
@@ -3146,57 +3230,58 @@ const _n = /* @__PURE__ */ mn(yn, [["render", $n]]), Sn = ["data-variant"], el =
       onMouseleave: u,
       onFocusout: u
     }, [
-      I(i.$slots, "default"),
+      k(i.$slots, "default"),
       e.content ? (d(), f("div", {
         key: 0,
         class: X(n.value),
         id: e.tooltipId,
         role: "tooltip"
-      }, T(e.content), 11, In)) : $("", !0)
-    ], 40, kn));
+      }, T(e.content), 11, Tn)) : S("", !0)
+    ], 40, In));
   }
 };
 export {
-  Ln as BsAccordion,
-  Pn as BsBadge,
-  Dn as BsBanner,
+  Vn as BsAccordion,
+  Bt as BsBadge,
+  Pn as BsBanner,
   kt as BsButton,
-  Vn as BsChartBar,
+  Dn as BsChartBar,
   En as BsCheckbox,
   qn as BsCircleButton,
   Xt as BsDropdown,
   Jt as BsDropdownOption,
   _t as BsDropdownOptionList,
   ea as BsDropdownWithOptions,
-  pe as BsFieldDetails,
-  zn as BsIconGradientWrapper,
-  we as BsInput,
-  da as BsInputAddon,
-  Mn as BsInputField,
-  Rn as BsInputSearch,
+  he as BsFieldDetails,
+  zn as BsFilterButton,
+  Mn as BsIconGradientWrapper,
+  ke as BsInput,
+  ua as BsInputAddon,
+  On as BsInputField,
+  Nn as BsInputSearch,
   _ as BsLabel,
-  Nn as BsLoader,
-  On as BsModal,
-  ma as BsOverlay,
+  Rn as BsLoader,
+  jn as BsModal,
+  ya as BsOverlay,
   Wn as BsPagination,
-  jn as BsPill,
+  Fn as BsPill,
   Gn as BsProfile,
-  Ha as BsProfileDetails,
-  Xa as BsProfileImg,
-  Fn as BsRadio,
-  _a as BsSelect,
-  Un as BsSelectField,
-  Hn as BsSwitch,
-  Kn as BsTab,
-  Yn as BsTabList,
-  Xn as BsTabPanel,
-  pn as BsTextarea,
-  Zn as BsTextareaField,
-  Jn as BsToast,
-  Qn as BsToastActions,
-  _n as BsToastBody,
-  el as BsToastHeader,
-  tl as BsToaster,
-  al as BsTooltip,
+  Ka as BsProfileDetails,
+  Za as BsProfileImg,
+  Un as BsRadio,
+  en as BsSelect,
+  Hn as BsSelectField,
+  Kn as BsSwitch,
+  Yn as BsTab,
+  Xn as BsTabList,
+  Zn as BsTabPanel,
+  gn as BsTextarea,
+  Jn as BsTextareaField,
+  Qn as BsToast,
+  _n as BsToastActions,
+  el as BsToastBody,
+  tl as BsToastHeader,
+  al as BsToaster,
+  nl as BsTooltip,
   de as BsTransition
 };