@wwtdev/bsds-components-vue3 1.6.5 → 1.8.0

package/nuxt/bsds-components.mjs

@@ -1,72 +1,78 @@
-import { defineComponent as ae, ref as v, getCurrentInstance as se, inject as le, h as re, openBlock as i, createElementBlock as c, mergeProps as d, renderSlot as m, computed as Z, unref as b, reactive as C, onMounted as S, watch as I, nextTick as A, onBeforeUnmount as q, Fragment as L, createBlock as k, withCtx as B, Teleport as V, createCommentVNode as R, createElementVNode as x, createVNode as z, normalizeProps as j } from "vue";
-import { useAsyncData as P } from "#imports";
-import { ClientOnly as g } from "#components";
-const K = "update:modelValue", F = "modelValue", ne = "routerLink", J = "navManager", ie = "router", oe = "aria", T = Symbol(), H = { default: T }, Q = (e) => (e == null ? void 0 : e.split(" ")) || [], de = (e, n, a = []) => {
+import { defineComponent as ae, ref as b, getCurrentInstance as se, inject as le, h as ne, openBlock as i, createElementBlock as f, mergeProps as d, renderSlot as h, computed as K, unref as m, createBlock as y, withCtx as B, createElementVNode as C, reactive as I, onBeforeMount as L, onMounted as q, watch as V, nextTick as p, onBeforeUnmount as R, Fragment as z, Teleport as E, createCommentVNode as P, createVNode as x, createSlots as D } from "vue";
+import { ClientOnly as w } from "#components";
+import { useAsyncData as O } from "#imports";
+const J = "update:modelValue", H = "modelValue", re = "routerLink", Q = "navManager", ie = "router", oe = "aria", A = Symbol(), X = { default: A }, _ = (e) => (e == null ? void 0 : e.split(" ")) || [], de = (e, l, s = []) => {
   var t;
-  return [...Array.from(((t = e.value) == null ? void 0 : t.classList) || []), ...a].filter(
-    (s, r, o) => !n.has(s) && o.indexOf(s) === r
+  return [...Array.from(((t = e.value) == null ? void 0 : t.classList) || []), ...s].filter(
+    (a, n, o) => !l.has(a) && o.indexOf(a) === n
   );
-}, _ = (e, n, a = [], t, s, r) => {
-  n !== void 0 && n();
-  const o = ae((u, { attrs: l, slots: h, emit: f }) => {
-    var U;
-    let y = u[t];
-    const G = v(), X = new Set(Q(l.class)), ee = (p) => {
-      p.el && (Array.isArray(s) ? s : [s]).forEach((w) => {
-        p.el.addEventListener(w.toLowerCase(), ($) => {
-          y = ($ == null ? void 0 : $.target)[t], f(K, y), r && f(r, $);
+}, W = (e, l, s = [], t, a, n) => {
+  l !== void 0 && l();
+  const o = ae((u, { attrs: $, slots: r, emit: v }) => {
+    var Z;
+    let c = u[t];
+    const k = b(), Y = new Set(_($.class)), ee = (T) => {
+      T.el && (Array.isArray(a) ? a : [a]).forEach((S) => {
+        T.el.addEventListener(S.toLowerCase(), (g) => {
+          c = (g == null ? void 0 : g.target)[t], v(J, c), n && v(n, g);
         });
       });
-    }, N = se(), Y = ((U = N == null ? void 0 : N.appContext) == null ? void 0 : U.provides[J]) ? le(J) : void 0, te = (p) => {
-      const { routerLink: M } = u;
-      if (M !== T)
-        if (Y !== void 0) {
-          let w = { event: p };
-          for (const $ in u) {
-            const E = u[$];
-            u.hasOwnProperty($) && $.startsWith(ie) && E !== T && (w[$] = E);
+    }, G = se(), U = ((Z = G == null ? void 0 : G.appContext) == null ? void 0 : Z.provides[Q]) ? le(Q) : void 0, te = (T) => {
+      const { routerLink: j } = u;
+      if (j !== A)
+        if (U !== void 0) {
+          let S = { event: T };
+          for (const g in u) {
+            const N = u[g];
+            u.hasOwnProperty(g) && g.startsWith(ie) && N !== A && (S[g] = N);
           }
-          Y.navigate(w);
+          U.navigate(S);
         } else
           console.warn("Tried to navigate, but no router was found. Make sure you have mounted Vue Router.");
     };
     return () => {
-      y = u[t], Q(l.class).forEach(($) => {
-        X.add($);
+      c = u[t], _($.class).forEach((g) => {
+        Y.add(g);
       });
-      const p = u.onClick, M = ($) => {
-        p !== void 0 && p($), $.defaultPrevented || te($);
+      const T = u.onClick, j = (g) => {
+        T !== void 0 && T(g), g.defaultPrevented || te(g);
       };
-      let w = {
-        ref: G,
-        class: de(G, X),
-        onClick: M,
-        onVnodeBeforeMount: s ? ee : void 0
+      let S = {
+        ref: k,
+        class: de(k, Y),
+        onClick: j,
+        onVnodeBeforeMount: a ? ee : void 0
       };
-      for (const $ in u) {
-        const E = u[$];
-        (u.hasOwnProperty($) && E !== T || $.startsWith(oe)) && (w[$] = E);
+      for (const g in u) {
+        const N = u[g];
+        (u.hasOwnProperty(g) && N !== A || g.startsWith(oe)) && (S[g] = N);
       }
-      return t && (u[F] !== T ? w = {
-        ...w,
-        [t]: u[F]
-      } : y !== T && (w = {
-        ...w,
-        [t]: y
-      })), re(e, w, h.default && h.default());
+      return t && (u[H] !== A ? S = {
+        ...S,
+        [t]: u[H]
+      } : c !== A && (S = {
+        ...S,
+        [t]: c
+      })), ne(e, S, r.default && r.default());
     };
   });
   return typeof o != "function" && (o.name = e, o.props = {
-    [ne]: H
-  }, a.forEach((u) => {
-    o.props[u] = H;
-  }), t && (o.props[F] = H, o.emits = [K, r])), o;
-}, at = /* @__PURE__ */ _("bs-input-addon", void 0, [
+    [re]: X
+  }, s.forEach((u) => {
+    o.props[u] = X;
+  }), t && (o.props[H] = X, o.emits = [J, n])), o;
+}, nt = /* @__PURE__ */ W("bs-input-addon", void 0, [
   "disabled",
   "error",
   "multifocus",
   "variant"
-]), st = /* @__PURE__ */ _("bs-toaster", void 0), ue = ["color", "count", "count-max", "dot", "label", "position", "show-zero"], lt = {
+]), rt = /* @__PURE__ */ W("bs-loader", void 0, [
+  "size"
+]), it = /* @__PURE__ */ W("bs-toast-actions", void 0, [
+  "defaultDismiss"
+]), ot = /* @__PURE__ */ W("bs-toast-body", void 0), dt = /* @__PURE__ */ W("bs-toast-header", void 0, [
+  "variant"
+]), ut = /* @__PURE__ */ W("bs-toaster", void 0), ue = ["color", "count", "count-max", "dot", "label", "position", "show-zero"], ct = {
   __name: "BsBadge",
   props: {
     color: {},
@@ -78,8 +84,8 @@ const K = "update:modelValue", F = "modelValue", ne = "routerLink", J = "navMana
     showZero: {}
   },
   emits: [],
-  setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-badge", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (s, t) => (i(), f("bs-badge", d(s.$attrs, {
       color: e.color,
       count: e.count,
       "count-max": e.countMax,
@@ -88,23 +94,23 @@ const K = "update:modelValue", F = "modelValue", ne = "routerLink", J = "navMana
       position: e.position,
       "show-zero": e.showZero
     }), [
-      m(a.$slots, "default")
+      h(s.$slots, "default")
     ], 16, ue));
   }
-}, ce = ["char-count", "char-max"], rt = {
+}, ce = ["char-count", "char-max"], ft = {
   __name: "BsCharacterCount",
   props: {
     charCount: {},
     charMax: {}
   },
   emits: [],
-  setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-character-count", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (s, t) => (i(), f("bs-character-count", d(s.$attrs, {
       "char-count": e.charCount,
       "char-max": e.charMax
     }), null, 16, ce));
   }
-}, fe = ["chart-title", "data", "dataIdxLabels", "show-legend", "show-tooltips", "show-x-grid", "show-y-grid", "stacked", "x-label", "y-label"], nt = {
+}, fe = ["chart-title", "data", "dataIdxLabels", "show-legend", "show-tooltips", "show-x-grid", "show-y-grid", "stacked", "x-label", "y-label"], ht = {
   __name: "BsChartBar",
   props: {
     chartTitle: {},
@@ -119,8 +125,8 @@ const K = "update:modelValue", F = "modelValue", ne = "routerLink", J = "navMana
     yLabel: { default: "" }
   },
   emits: [],
-  setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-chart-bar", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (s, t) => (i(), f("bs-chart-bar", d(s.$attrs, {
       "chart-title": e.chartTitle,
       data: e.data,
       dataIdxLabels: e.dataIdxLabels,
@@ -133,7 +139,7 @@ const K = "update:modelValue", F = "modelValue", ne = "routerLink", J = "navMana
       "y-label": e.yLabel
     }), null, 16, fe));
   }
-}, he = ["data", "dataIdxLabels", "table-title"], it = {
+}, he = ["data", "dataIdxLabels", "table-title"], mt = {
   __name: "BsChartTable",
   props: {
     data: {},
@@ -141,14 +147,14 @@ const K = "update:modelValue", F = "modelValue", ne = "routerLink", J = "navMana
     tableTitle: { default: "" }
   },
   emits: [],
-  setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-chart-table", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (s, t) => (i(), f("bs-chart-table", d(s.$attrs, {
       data: e.data,
       dataIdxLabels: e.dataIdxLabels,
       "table-title": e.tableTitle
     }), null, 16, he));
   }
-}, me = ["label", "checked", "checked-partially", "disabled", "error", "pass-attrs", "required", "size"], ot = {
+}, me = ["label", "checked", "checked-partially", "disabled", "error", "pass-attrs", "required", "size"], bt = {
   __name: "BsCheckbox",
   props: {
     label: {},
@@ -162,8 +168,8 @@ const K = "update:modelValue", F = "modelValue", ne = "routerLink", J = "navMana
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-checkbox", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (s, t) => (i(), f("bs-checkbox", d(s.$attrs, {
       label: e.label,
       checked: e.checked || e.modelValue,
       "checked-partially": e.checkedPartially,
@@ -172,25 +178,25 @@ const K = "update:modelValue", F = "modelValue", ne = "routerLink", J = "navMana
       "pass-attrs": e.passAttrs,
       required: e.required,
       size: e.size,
-      onChange: t[0] || (t[0] = (s) => n("update:modelValue", s.target.checked))
+      onChange: t[0] || (t[0] = (a) => l("update:modelValue", a.target.checked))
     }), null, 16, me));
   }
 };
-function W(e) {
-  const n = Z(() => {
-    var s, r;
-    return ((r = (s = e.href) == null ? void 0 : s.startsWith) == null ? void 0 : r.call(s, "/")) || !1;
-  }), a = Z(() => {
-    var s, r;
-    return n.value && ((s = e.router) == null ? void 0 : s.navigateTo) || ((r = e.router) == null ? void 0 : r.push) || null;
+function F(e) {
+  const l = K(() => {
+    var a, n;
+    return ((n = (a = e.href) == null ? void 0 : a.startsWith) == null ? void 0 : n.call(a, "/")) || !1;
+  }), s = K(() => {
+    var a, n;
+    return l.value && ((a = e.router) == null ? void 0 : a.navigateTo) || ((n = e.router) == null ? void 0 : n.push) || null;
   });
-  function t(s) {
-    var r, o, u, l, h;
-    a.value && ((o = (r = s.target.href) == null ? void 0 : r.endsWith) != null && o.call(r, e.href) || (h = (l = (u = s.target.closest("a")) == null ? void 0 : u.href) == null ? void 0 : l.endsWith) != null && h.call(l, e.href)) && (s.preventDefault(), a.value(e.href));
+  function t(a) {
+    var n, o, u, $, r;
+    s.value && ((o = (n = a.target.href) == null ? void 0 : n.endsWith) != null && o.call(n, e.href) || (r = ($ = (u = a.target.closest("a")) == null ? void 0 : u.href) == null ? void 0 : $.endsWith) != null && r.call($, e.href)) && (a.preventDefault(), s.value(e.href));
   }
   return { onLinkClick: t };
 }
-const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-position", "label", "pass-attrs", "text-btn", "size"], dt = {
+const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-position", "label", "pass-attrs", "text-btn", "size"], vt = {
   __name: "BsCircleButton",
   props: {
     disabled: {},
@@ -206,9 +212,9 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     router: {}
   },
   emits: [],
-  setup(e, { emit: n }) {
-    const a = e, { onLinkClick: t } = W(a);
-    return (s, r) => (i(), c("bs-circle-button", d(s.$attrs, {
+  setup(e, { emit: l }) {
+    const s = e, { onLinkClick: t } = F(s);
+    return (a, n) => (i(), f("bs-circle-button", d(a.$attrs, {
       disabled: e.disabled,
       "ghost-btn": e.ghostBtn,
       "hover-effect": e.hoverEffect,
@@ -219,85 +225,85 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
       "pass-attrs": e.passAttrs,
       "text-btn": e.textBtn,
       size: e.size,
-      onClick: r[0] || (r[0] = (...o) => b(t) && b(t)(...o))
+      onClick: n[0] || (n[0] = (...o) => m(t) && m(t)(...o))
     }), null, 16, be));
   }
-}, ve = ["dropdown-id", "shown", "label", "position", "justify", "variant"], ut = {
+}, ve = ["shown", "width", "top", "center", "toggle-id", "container-id"], $t = {
   __name: "BsDropdown",
   props: {
-    dropdownId: {},
-    shown: {},
-    label: {},
-    position: {},
-    justify: {},
-    variant: {}
+    shown: { default: !1 },
+    width: { default: void 0 },
+    top: { default: !1 },
+    center: { default: !1 },
+    toggleId: {},
+    containerId: { default: void 0 }
   },
-  emits: ["dropdownchange", "close"],
-  setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-dropdown", d(a.$attrs, {
-      "dropdown-id": e.dropdownId,
-      shown: e.shown,
-      label: e.label,
-      position: e.position,
-      justify: e.justify,
-      variant: e.variant,
-      onDropdownchange: t[0] || (t[0] = (s) => n("dropdownchange", s.detail)),
-      onClose: t[1] || (t[1] = (s) => n("close", s.detail))
-    }), [
-      m(a.$slots, "default")
-    ], 16, ve));
+  emits: ["close"],
+  setup(e, { emit: l }) {
+    return (s, t) => (i(), y(m(w), null, {
+      default: B(() => [
+        C("bs-dropdown", d(s.$attrs, {
+          shown: e.shown,
+          width: e.width,
+          top: e.top,
+          center: e.center,
+          "toggle-id": e.toggleId,
+          "container-id": e.containerId,
+          onClose: t[0] || (t[0] = (a) => l("close", a.detail))
+        }), [
+          h(s.$slots, "default")
+        ], 16, ve)
+      ]),
+      _: 3
+    }));
   }
-}, ye = ["value", "variant", "selected", "shown", "focused", "index", "dropdown-id"], ct = {
+}, $e = ["value", "variant", "selected", "options-id", "shown", "focused", "index"], yt = {
   __name: "BsDropdownOption",
   props: {
     value: {},
-    variant: {},
+    variant: { default: void 0 },
     selected: { default: !1 },
-    shown: {},
-    focused: {},
-    index: {},
-    dropdownId: {}
+    optionsId: {},
+    shown: { default: !1 },
+    focused: { default: !1 },
+    index: {}
   },
-  emits: ["mousefocus", "optionselect"],
-  setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-dropdown-option", d(a.$attrs, {
+  emits: ["optionmouseenter", "optionselect"],
+  setup(e, { emit: l }) {
+    return (s, t) => (i(), f("bs-dropdown-option", d(s.$attrs, {
       value: e.value,
       variant: e.variant,
       selected: e.selected,
+      "options-id": e.optionsId,
       shown: e.shown,
       focused: e.focused,
       index: e.index,
-      "dropdown-id": e.dropdownId,
-      onMousefocus: t[0] || (t[0] = (s) => n("mousefocus", s.detail)),
-      onOptionselect: t[1] || (t[1] = (s) => n("optionselect", s.detail))
+      onOptionmouseenter: t[0] || (t[0] = (a) => l("optionmouseenter", a.detail)),
+      onOptionselect: t[1] || (t[1] = (a) => l("optionselect", a.detail))
     }), [
-      m(a.$slots, "default")
-    ], 16, ye));
+      h(s.$slots, "default")
+    ], 16, $e));
   }
-}, $e = ["dropdown-id", "shown", "label", "position", "variant"], ft = {
+}, ye = ["options-id", "shown", "label"], Bt = {
   __name: "BsDropdownOptions",
   props: {
-    dropdownId: {},
+    optionsId: {},
     shown: {},
-    label: {},
-    position: {},
-    variant: {}
+    label: {}
   },
-  emits: ["dropdownchange", "close"],
-  setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-dropdown-options", d(a.$attrs, {
-      "dropdown-id": e.dropdownId,
+  emits: ["selectionchange", "close"],
+  setup(e, { emit: l }) {
+    return (s, t) => (i(), f("bs-dropdown-options", d(s.$attrs, {
+      "options-id": e.optionsId,
       shown: e.shown,
       label: e.label,
-      position: e.position,
-      variant: e.variant,
-      onDropdownchange: t[0] || (t[0] = (s) => n("dropdownchange", s.detail)),
-      onClose: t[1] || (t[1] = (s) => n("close", s.detail))
+      onSelectionchange: t[0] || (t[0] = (a) => l("selectionchange", a.detail)),
+      onClose: t[1] || (t[1] = (a) => l("close", a.detail))
     }), [
-      m(a.$slots, "default")
-    ], 16, $e));
+      h(s.$slots, "default")
+    ], 16, ye));
   }
-}, ke = ["char-count", "char-max", "disabled", "error", "hints", "label", "label-for", "required", "hint-id"], ht = {
+}, Be = ["char-count", "char-max", "disabled", "error", "hints", "label", "label-for", "required", "hint-id"], kt = {
   __name: "BsFieldLayout",
   props: {
     charCount: {},
@@ -311,8 +317,8 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     hintId: {}
   },
   emits: [],
-  setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-field-layout", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (s, t) => (i(), f("bs-field-layout", d(s.$attrs, {
       "char-count": e.charCount,
       "char-max": e.charMax,
       disabled: e.disabled,
@@ -323,10 +329,10 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
       required: e.required,
       "hint-id": e.hintId
     }), [
-      m(a.$slots, "default")
-    ], 16, ke));
+      h(s.$slots, "default")
+    ], 16, Be));
   }
-}, Be = ["error", "hint-id", "hints"], mt = {
+}, ke = ["error", "hint-id", "hints"], gt = {
   __name: "BsHint",
   props: {
     error: {},
@@ -334,14 +340,14 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     hints: {}
   },
   emits: [],
-  setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-hint", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (s, t) => (i(), f("bs-hint", d(s.$attrs, {
       error: e.error,
       "hint-id": e.hintId,
       hints: e.hints
-    }), null, 16, Be));
+    }), null, 16, ke));
   }
-}, ge = ["disabled", "error", "pass-attrs", "placeholder", "required", "type", "value", "hint-id"], bt = {
+}, ge = ["disabled", "error", "pass-attrs", "placeholder", "required", "type", "value", "hint-id"], wt = {
   __name: "BsInput",
   props: {
     disabled: { default: !1 },
@@ -355,8 +361,8 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-input", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (s, t) => (i(), f("bs-input", d(s.$attrs, {
       disabled: e.disabled,
       error: e.error,
       "pass-attrs": e.passAttrs,
@@ -365,10 +371,10 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
       type: e.type,
       value: e.value || e.modelValue,
       "hint-id": e.hintId,
-      onInput: t[0] || (t[0] = (s) => n("update:modelValue", s.target.value))
+      onInput: t[0] || (t[0] = (a) => l("update:modelValue", a.target.value))
     }), null, 16, ge));
   }
-}, we = ["disabled", "error", "hints", "label", "pass-attrs", "placeholder", "required", "type", "value"], vt = {
+}, we = ["disabled", "error", "hints", "label", "pass-attrs", "placeholder", "required", "type", "value"], St = {
   __name: "BsInputField",
   props: {
     disabled: { default: !1 },
@@ -383,8 +389,8 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-input-field", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (s, t) => (i(), f("bs-input-field", d(s.$attrs, {
       disabled: e.disabled,
       error: e.error,
       hints: e.hints,
@@ -394,32 +400,70 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
       required: e.required,
       type: e.type,
       value: e.value || e.modelValue,
-      onInput: t[0] || (t[0] = (s) => n("update:modelValue", s.target.value))
+      onInput: t[0] || (t[0] = (a) => l("update:modelValue", a.target.value))
     }), null, 16, we));
   }
-}, pe = ["disabled", "pass-attrs", "placeholder", "aria-label", "hint-id", "value"], yt = {
+}, Se = ["disabled", "pass-attrs", "placeholder", "hint-id", "value"], Ct = {
   __name: "BsInputSearch",
   props: {
     disabled: { default: !1 },
     passAttrs: { default: "" },
     placeholder: { default: "Search Items" },
-    ariaLabel: { default: "Search Items" },
     hintId: {},
-    value: { default: "" }
+    value: { default: "" },
+    modelValue: {}
   },
-  emits: ["onclear"],
-  setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-input-search", d(a.$attrs, {
+  emits: ["clear", "update:modelValue"],
+  setup(e, { emit: l }) {
+    return (s, t) => (i(), f("bs-input-search", d(s.$attrs, {
       disabled: e.disabled,
       "pass-attrs": e.passAttrs,
       placeholder: e.placeholder,
-      "aria-label": e.ariaLabel,
       "hint-id": e.hintId,
-      value: e.value,
-      onOnclear: t[0] || (t[0] = (s) => n("onclear", s.detail))
-    }), null, 16, pe));
+      value: e.value || e.modelValue,
+      onClear: t[0] || (t[0] = (a) => l("clear", a.detail)),
+      onInput: t[1] || (t[1] = (a) => l("update:modelValue", a.target.value))
+    }), null, 16, Se));
+  }
+}, Ce = ["shown", "alert", "close-button"], Tt = {
+  __name: "BsModal",
+  props: {
+    shown: { default: !1 },
+    alert: { default: !1 },
+    closeButton: { default: !0 }
+  },
+  emits: ["close", "leaveend"],
+  setup(e, { emit: l }) {
+    return (s, t) => (i(), y(m(w), null, {
+      default: B(() => [
+        C("bs-modal", d(s.$attrs, {
+          shown: e.shown,
+          alert: e.alert,
+          "close-button": e.closeButton,
+          onClose: t[0] || (t[0] = (a) => l("close", a.detail)),
+          onLeaveend: t[1] || (t[1] = (a) => l("leaveend", a.detail))
+        }), [
+          h(s.$slots, "default")
+        ], 16, Ce)
+      ]),
+      _: 3
+    }));
   }
-}, Ae = ["layout", "href", "image-src", "image-size", "initials", "profile-name", "company", "job-title", "email"], $t = {
+}, Te = ["shown"], At = {
+  __name: "BsOverlay",
+  props: {
+    shown: { default: !1 }
+  },
+  emits: [],
+  setup(e, { emit: l }) {
+    return (s, t) => (i(), y(m(w), null, {
+      default: B(() => [
+        C("bs-overlay", d(s.$attrs, { shown: e.shown }), null, 16, Te)
+      ]),
+      _: 1
+    }));
+  }
+}, Ae = ["layout", "href", "image-src", "image-size", "initials", "profile-name", "company", "job-title", "email"], It = {
   __name: "BsProfile",
   props: {
     layout: {},
@@ -434,9 +478,9 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     router: {}
   },
   emits: [],
-  setup(e, { emit: n }) {
-    const a = e, { onLinkClick: t } = W(a);
-    return (s, r) => (i(), c("bs-profile", d(s.$attrs, {
+  setup(e, { emit: l }) {
+    const s = e, { onLinkClick: t } = F(s);
+    return (a, n) => (i(), f("bs-profile", d(a.$attrs, {
       layout: e.layout,
       href: e.href,
       "image-src": e.imageSrc,
@@ -446,10 +490,10 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
       company: e.company,
       "job-title": e.jobTitle,
       email: e.email,
-      onClick: r[0] || (r[0] = (...o) => b(t) && b(t)(...o))
+      onClick: n[0] || (n[0] = (...o) => m(t) && m(t)(...o))
     }), null, 16, Ae));
   }
-}, Te = ["profile-name", "company", "job-title", "email"], kt = {
+}, Ie = ["profile-name", "company", "job-title", "email"], Lt = {
   __name: "BsProfileDetails",
   props: {
     profileName: {},
@@ -458,15 +502,15 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     email: {}
   },
   emits: [],
-  setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-profile-details", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (s, t) => (i(), f("bs-profile-details", d(s.$attrs, {
       "profile-name": e.profileName,
       company: e.company,
       "job-title": e.jobTitle,
       email: e.email
-    }), null, 16, Te));
+    }), null, 16, Ie));
   }
-}, Ce = ["src", "size", "initials", "profile-name"], Bt = {
+}, Le = ["src", "size", "initials", "profile-name"], qt = {
   __name: "BsProfileImg",
   props: {
     src: {},
@@ -475,15 +519,15 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     profileName: {}
   },
   emits: [],
-  setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-profile-img", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (s, t) => (i(), f("bs-profile-img", d(s.$attrs, {
       src: e.src,
       size: e.size,
       initials: e.initials,
       "profile-name": e.profileName
-    }), null, 16, Ce));
+    }), null, 16, Le));
   }
-}, Se = ["layout", "href", "pass-attrs"], gt = {
+}, qe = ["layout", "href", "pass-attrs"], Vt = {
   __name: "BsProfileLayout",
   props: {
     layout: { default: "vertical" },
@@ -492,18 +536,18 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     router: {}
   },
   emits: [],
-  setup(e, { emit: n }) {
-    const a = e, { onLinkClick: t } = W(a);
-    return (s, r) => (i(), c("bs-profile-layout", d(s.$attrs, {
+  setup(e, { emit: l }) {
+    const s = e, { onLinkClick: t } = F(s);
+    return (a, n) => (i(), f("bs-profile-layout", d(a.$attrs, {
       layout: e.layout,
       href: e.href,
       "pass-attrs": e.passAttrs,
-      onClick: r[0] || (r[0] = (...o) => b(t) && b(t)(...o))
+      onClick: n[0] || (n[0] = (...o) => m(t) && m(t)(...o))
     }), [
-      m(s.$slots, "default")
-    ], 16, Se));
+      h(a.$slots, "default")
+    ], 16, qe));
   }
-}, Ie = ["label", "checked", "disabled", "error", "pass-attrs", "required", "size", "value"], wt = {
+}, Ve = ["label", "checked", "disabled", "error", "pass-attrs", "required", "size", "value"], pt = {
   __name: "BsRadio",
   props: {
     label: {},
@@ -517,8 +561,8 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-radio", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (s, t) => (i(), f("bs-radio", d(s.$attrs, {
       label: e.label,
       checked: e.checked || e.modelValue === e.value,
       disabled: e.disabled,
@@ -527,10 +571,10 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
       required: e.required,
       size: e.size,
       value: e.value,
-      onChange: t[0] || (t[0] = (s) => n("update:modelValue", s.target.value))
-    }), null, 16, Ie));
+      onChange: t[0] || (t[0] = (a) => l("update:modelValue", a.target.value))
+    }), null, 16, Ve));
   }
-}, qe = ["disabled", "error", "required", "label", "hints", "placeholder", "value", "pass-attrs", "data"], pt = {
+}, pe = ["disabled", "error", "required", "label", "hints", "placeholder", "value", "pass-attrs", "data"], Rt = {
   __name: "BsSelectField",
   props: {
     disabled: { default: !1 },
@@ -545,8 +589,8 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-select-field", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (s, t) => (i(), f("bs-select-field", d(s.$attrs, {
       disabled: e.disabled,
       error: e.error,
       required: e.required,
@@ -556,10 +600,10 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
       value: e.value || e.modelValue,
       "pass-attrs": e.passAttrs,
       data: e.data,
-      onChange: t[0] || (t[0] = (s) => n("update:modelValue", s.target.value))
-    }), null, 16, qe));
+      onChange: t[0] || (t[0] = (a) => l("update:modelValue", a.target.value))
+    }), null, 16, pe));
   }
-}, Le = ["checked", "disabled", "inner-on-label", "inner-off-label", "label", "pass-attrs", "size"], At = {
+}, Re = ["checked", "disabled", "inner-on-label", "inner-off-label", "label", "pass-attrs", "size"], zt = {
   __name: "BsSwitch",
   props: {
     checked: { default: !1 },
@@ -572,8 +616,8 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-switch", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (s, t) => (i(), f("bs-switch", d(s.$attrs, {
       checked: e.checked || e.modelValue,
       disabled: e.disabled,
       "inner-on-label": e.innerOnLabel,
@@ -581,10 +625,10 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
       label: e.label,
       "pass-attrs": e.passAttrs,
       size: e.size,
-      onChange: t[0] || (t[0] = (s) => n("update:modelValue", s.target.checked))
-    }), null, 16, Le));
+      onChange: t[0] || (t[0] = (a) => l("update:modelValue", a.target.checked))
+    }), null, 16, Re));
   }
-}, Ve = ["disabled", "error", "pass-attrs", "placeholder", "required", "value", "hint-id"], Tt = {
+}, ze = ["disabled", "error", "pass-attrs", "placeholder", "required", "value", "hint-id"], Et = {
   __name: "BsTextarea",
   props: {
     disabled: { default: !1 },
@@ -597,8 +641,8 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-textarea", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (s, t) => (i(), f("bs-textarea", d(s.$attrs, {
       disabled: e.disabled,
       error: e.error,
       "pass-attrs": e.passAttrs,
@@ -606,10 +650,10 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
       required: e.required,
       value: e.value || e.modelValue,
       "hint-id": e.hintId,
-      onInput: t[0] || (t[0] = (s) => n("update:modelValue", s.target.value))
-    }), null, 16, Ve));
+      onInput: t[0] || (t[0] = (a) => l("update:modelValue", a.target.value))
+    }), null, 16, ze));
   }
-}, Re = ["char-max", "disabled", "error", "hints", "label", "placeholder", "required", "value", "pass-attrs"], Ct = {
+}, Ee = ["char-max", "disabled", "error", "hints", "label", "placeholder", "required", "value", "pass-attrs"], Pt = {
   __name: "BsTextareaField",
   props: {
     charMax: {},
@@ -624,8 +668,8 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-textarea-field", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (s, t) => (i(), f("bs-textarea-field", d(s.$attrs, {
       "char-max": e.charMax,
       disabled: e.disabled,
       error: e.error,
@@ -635,51 +679,32 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
       required: e.required,
       value: e.value || e.modelValue,
       "pass-attrs": e.passAttrs,
-      onInput: t[0] || (t[0] = (s) => n("update:modelValue", s.target.value))
-    }), null, 16, Re));
+      onInput: t[0] || (t[0] = (a) => l("update:modelValue", a.target.value))
+    }), null, 16, Ee));
   }
-}, xe = ["toast-id", "shown", "variant", "toast-title", "content", "stacked", "duration", "primary-action", "primary-action-type", "secondary-action", "secondary-action-type", "tertiary-action", "tertiary-action-type", "dismiss-action"], St = {
+}, Pe = ["toast-id", "shown", "variant", "stacked", "duration"], xt = {
   __name: "BsToast",
   props: {
     toastId: {},
     shown: {},
     variant: {},
-    toastTitle: {},
-    content: {},
     stacked: { default: !1 },
-    duration: { default: 1e4 },
-    primaryAction: { default: "Dismiss" },
-    primaryActionType: { default: "text" },
-    secondaryAction: {},
-    secondaryActionType: { default: "text" },
-    tertiaryAction: {},
-    tertiaryActionType: { default: "text" },
-    dismissAction: { default: "Dismiss" }
+    duration: { default: 1e4 }
   },
-  emits: ["dismiss", "actionclick"],
-  setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-toast", d(a.$attrs, {
+  emits: ["dismiss"],
+  setup(e, { emit: l }) {
+    return (s, t) => (i(), f("bs-toast", d(s.$attrs, {
       "toast-id": e.toastId,
       shown: e.shown,
       variant: e.variant,
-      "toast-title": e.toastTitle,
-      content: e.content,
       stacked: e.stacked,
       duration: e.duration,
-      "primary-action": e.primaryAction,
-      "primary-action-type": e.primaryActionType,
-      "secondary-action": e.secondaryAction,
-      "secondary-action-type": e.secondaryActionType,
-      "tertiary-action": e.tertiaryAction,
-      "tertiary-action-type": e.tertiaryActionType,
-      "dismiss-action": e.dismissAction,
-      onDismiss: t[0] || (t[0] = (s) => n("dismiss", s.detail)),
-      onActionclick: t[1] || (t[1] = (s) => n("actionclick", s.detail))
+      onDismiss: t[0] || (t[0] = (a) => l("dismiss", a.detail))
     }), [
-      m(a.$slots, "default")
-    ], 16, xe));
+      h(s.$slots, "default")
+    ], 16, Pe));
   }
-}, ze = ["tooltip-id", "content", "position"], It = {
+}, xe = ["tooltip-id", "content", "position"], Dt = {
   __name: "BsTooltip",
   props: {
     tooltipId: {},
@@ -687,24 +712,49 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     position: {}
   },
   emits: [],
-  setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-tooltip", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (s, t) => (i(), f("bs-tooltip", d(s.$attrs, {
       "tooltip-id": e.tooltipId,
       content: e.content,
       position: e.position
     }), [
-      m(a.$slots, "default")
-    ], 16, ze));
+      h(s.$slots, "default")
+    ], 16, xe));
+  }
+}, De = ["active", "enter-class", "enter-attribute", "enter-duration", "leave-class", "leave-attribute", "leave-duration"], Ot = {
+  __name: "BsTransition",
+  props: {
+    active: {},
+    enterClass: { default: void 0 },
+    enterAttribute: { default: void 0 },
+    enterDuration: {},
+    leaveClass: { default: void 0 },
+    leaveAttribute: { default: void 0 },
+    leaveDuration: { default: void 0 }
+  },
+  emits: ["enterstart", "enterend", "leavestart", "leaveend"],
+  setup(e, { emit: l }) {
+    return (s, t) => (i(), f("bs-transition", d(s.$attrs, {
+      active: e.active,
+      "enter-class": e.enterClass,
+      "enter-attribute": e.enterAttribute,
+      "enter-duration": e.enterDuration,
+      "leave-class": e.leaveClass,
+      "leave-attribute": e.leaveAttribute,
+      "leave-duration": e.leaveDuration,
+      onEnterstart: t[0] || (t[0] = (a) => l("enterstart", a.detail)),
+      onEnterend: t[1] || (t[1] = (a) => l("enterend", a.detail)),
+      onLeavestart: t[2] || (t[2] = (a) => l("leavestart", a.detail)),
+      onLeaveend: t[3] || (t[3] = (a) => l("leaveend", a.detail))
+    }), [
+      h(s.$slots, "default")
+    ], 16, De));
   }
 };
-function D(e) {
-  const { height: n, width: a } = e.value.getBoundingClientRect();
-  e.value.style.minHeight = n + "px", e.value.style.minWidth = a + "px", e.value.replaceChildren();
+function M(e) {
+  e.value.replaceChildren();
 }
-function O(e) {
-  e.value.style.minHeight = null, e.value.style.minWidth = null;
-}
-const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "stacked"], Ee = {
+const Oe = ["controlled", "icon", "header-text", "heading-level", "open-item", "stacked"], We = {
   __name: "BsAccordionServer",
   props: {
     controlled: { default: !1 },
@@ -715,30 +765,30 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     stacked: { default: !1 }
   },
   emits: ["toggled"],
-  setup(e, { emit: n }) {
-    const a = v(!1), t = v(null), s = v(""), r = C([]), o = v(null), u = (l, h = 0) => {
-      var f, y;
-      t.value || h >= 4 || (t.value = (y = (f = l.value) == null ? void 0 : f.querySelector) == null ? void 0 : y.call(f, "[data-slot]"), t.value || r.push(setTimeout(() => u(l, h + 1), 50)));
+  setup(e, { emit: l }) {
+    const s = b(!1), t = b(null), a = b(""), n = I([]), o = b(null), u = b(!1), $ = (r, v = 0) => {
+      var c, k;
+      t.value || v >= 4 || (t.value = (k = (c = r.value) == null ? void 0 : c.querySelector) == null ? void 0 : k.call(c, "[data-slot]"), t.value || n.push(setTimeout(() => $(r, v + 1), 50)));
     };
-    return S(() => u(o, 0)), I(t, (l) => {
-      !l || a.value || (D(t), r.push(setTimeout(() => {
-        O(t), A(() => {
-          s.value = customElements.get("bs-accordion") ? "hydrated superhydrated" : "superhydrated";
+    return L(() => u.value = !0), q(() => $(o, 0)), V(t, (r) => {
+      !r || s.value || (M(t), n.push(setTimeout(() => {
+        p(() => {
+          a.value = customElements.get("bs-accordion") ? "hydrated superhydrated" : "superhydrated";
         });
-      }, 100)), a.value = !0);
-    }, { immediate: !0 }), q(() => r.forEach((l) => clearTimeout(l))), (l, h) => (i(), c(L, null, [
-      t.value ? (i(), k(b(g), { key: 0 }, {
+      }, 100)), s.value = !0);
+    }, { immediate: !0 }), R(() => n.forEach((r) => clearTimeout(r))), (r, v) => (i(), f(z, null, [
+      t.value && u.value ? (i(), y(m(w), { key: 0 }, {
         default: B(() => [
-          (i(), k(V, { to: t.value }, [
-            m(l.$slots, "default")
+          (i(), y(E, { to: t.value }, [
+            h(r.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
-      })) : R("", !0),
-      x("bs-accordion", d({
+      })) : P("", !0),
+      C("bs-accordion", d({
         ref_key: "wcRef",
         ref: o,
-        class: s.value,
+        class: a.value,
         "data-bsds-ssr": "",
         controlled: e.controlled,
         icon: e.icon,
@@ -746,18 +796,21 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
         "heading-level": e.headingLevel,
         "open-item": e.openItem,
         stacked: e.stacked,
-        onToggled: h[0] || (h[0] = (f) => n("toggled", f.detail))
-      }, l.$attrs), [
-        z(b(g), null, {
-          fallback: B(() => [
-            m(l.$slots, "default")
-          ]),
-          _: 3
-        })
-      ], 16, Pe)
+        onToggled: v[0] || (v[0] = (c) => l("toggled", c.detail))
+      }, r.$attrs), [
+        x(m(w), null, D({ _: 2 }, [
+          u.value ? void 0 : {
+            name: "fallback",
+            fn: B(() => [
+              h(r.$slots, "default")
+            ]),
+            key: "0"
+          }
+        ]), 1024)
+      ], 16, Oe)
     ], 64));
   }
-}, We = "bs-accordion", qt = {
+}, Me = "bs-accordion", Wt = {
   __name: "BsAccordion",
   props: {
     controlled: { default: !1 },
@@ -765,90 +818,100 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     headerText: {},
     headingLevel: {},
     openItem: { default: !1 },
-    stacked: { default: !1 }
+    stacked: { default: !1 },
+    bsShow: { default: !0 }
   },
   emits: ["toggled"],
-  setup(e, { emit: n }) {
-    const a = e, { data: t } = P(We, () => {
+  setup(e, { emit: l }) {
+    const s = e, { data: t } = O(Me, () => {
       if (process.server)
         return !0;
     });
-    return (s, r) => b(t) ? (i(), k(Ee, d({ key: 0 }, { ...a, ...s.$attrs }, {
-      onToggled: r[0] || (r[0] = (o) => n("toggled", o.detail))
+    return (a, n) => m(t) ? (i(), y(We, d({ key: 0 }, { ...s, ...a.$attrs }, {
+      style: { display: e.bsShow ? null : "none" },
+      onToggled: n[0] || (n[0] = (o) => l("toggled", o))
     }), {
       default: B(() => [
-        m(s.$slots, "default")
+        h(a.$slots, "default")
       ]),
       _: 3
-    }, 16)) : (i(), c("bs-accordion", d({ key: 1 }, { ...a, ...s.$attrs }, {
-      onToggled: r[1] || (r[1] = (o) => n("toggled", o.detail))
+    }, 16, ["style"])) : (i(), f("bs-accordion", d({ key: 1 }, { ...s, ...a.$attrs }, {
+      style: { display: e.bsShow ? null : "none" },
+      onToggled: n[1] || (n[1] = (o) => l("toggled", o.detail))
     }), [
-      m(s.$slots, "default")
+      h(a.$slots, "default")
     ], 16));
   }
-}, De = {
+}, Ne = {
   __name: "BsBannerServer",
   props: {},
   emits: ["dismiss"],
-  setup(e, { emit: n }) {
-    const a = v(!1), t = v(null), s = v(""), r = C([]), o = v(null), u = (l, h = 0) => {
-      var f, y;
-      t.value || h >= 4 || (t.value = (y = (f = l.value) == null ? void 0 : f.querySelector) == null ? void 0 : y.call(f, "[data-slot]"), t.value || r.push(setTimeout(() => u(l, h + 1), 50)));
+  setup(e, { emit: l }) {
+    const s = b(!1), t = b(null), a = b(""), n = I([]), o = b(null), u = b(!1), $ = (r, v = 0) => {
+      var c, k;
+      t.value || v >= 4 || (t.value = (k = (c = r.value) == null ? void 0 : c.querySelector) == null ? void 0 : k.call(c, "[data-slot]"), t.value || n.push(setTimeout(() => $(r, v + 1), 50)));
     };
-    return S(() => u(o, 0)), I(t, (l) => {
-      !l || a.value || (D(t), r.push(setTimeout(() => {
-        O(t), A(() => {
-          s.value = customElements.get("bs-banner") ? "hydrated superhydrated" : "superhydrated";
+    return L(() => u.value = !0), q(() => $(o, 0)), V(t, (r) => {
+      !r || s.value || (M(t), n.push(setTimeout(() => {
+        p(() => {
+          a.value = customElements.get("bs-banner") ? "hydrated superhydrated" : "superhydrated";
         });
-      }, 100)), a.value = !0);
-    }, { immediate: !0 }), q(() => r.forEach((l) => clearTimeout(l))), (l, h) => (i(), c(L, null, [
-      t.value ? (i(), k(b(g), { key: 0 }, {
+      }, 100)), s.value = !0);
+    }, { immediate: !0 }), R(() => n.forEach((r) => clearTimeout(r))), (r, v) => (i(), f(z, null, [
+      t.value && u.value ? (i(), y(m(w), { key: 0 }, {
         default: B(() => [
-          (i(), k(V, { to: t.value }, [
-            m(l.$slots, "default")
+          (i(), y(E, { to: t.value }, [
+            h(r.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
-      })) : R("", !0),
-      x("bs-banner", d({
+      })) : P("", !0),
+      C("bs-banner", d({
         ref_key: "wcRef",
         ref: o,
-        class: s.value,
+        class: a.value,
         "data-bsds-ssr": "",
-        onDismiss: h[0] || (h[0] = (f) => n("dismiss", f.detail))
-      }, l.$attrs), [
-        z(b(g), null, {
-          fallback: B(() => [
-            m(l.$slots, "default")
-          ]),
-          _: 3
-        })
+        onDismiss: v[0] || (v[0] = (c) => l("dismiss", c.detail))
+      }, r.$attrs), [
+        x(m(w), null, D({ _: 2 }, [
+          u.value ? void 0 : {
+            name: "fallback",
+            fn: B(() => [
+              h(r.$slots, "default")
+            ]),
+            key: "0"
+          }
+        ]), 1024)
       ], 16)
     ], 64));
   }
-}, Oe = "bs-banner", Lt = {
+}, Fe = "bs-banner", Mt = {
   __name: "BsBanner",
-  props: {},
+  props: {
+    bsShow: { default: !0 }
+  },
   emits: ["dismiss"],
-  setup(e, { emit: n }) {
-    const a = e, { data: t } = P(Oe, () => {
+  setup(e, { emit: l }) {
+    const s = e, { data: t } = O(Fe, () => {
       if (process.server)
         return !0;
     });
-    return (s, r) => b(t) ? (i(), k(De, d({ key: 0 }, { ...a, ...s.$attrs }, {
-      onDismiss: r[0] || (r[0] = (o) => n("dismiss", o.detail))
+    return (a, n) => m(t) ? (i(), y(Ne, d({ key: 0 }, { ...s, ...a.$attrs }, {
+      style: { display: e.bsShow ? null : "none" },
+      onDismiss: n[0] || (n[0] = (o) => l("dismiss", o))
     }), {
       default: B(() => [
-        m(s.$slots, "default")
+        h(a.$slots, "default")
       ]),
       _: 3
-    }, 16)) : (i(), c("bs-banner", d({ key: 1 }, { ...a, ...s.$attrs }, {
-      onDismiss: r[1] || (r[1] = (o) => n("dismiss", o.detail))
+    }, 16, ["style"])) : (i(), f("bs-banner", d({ key: 1 }, { ...s, ...a.$attrs }, {
+      style: { display: e.bsShow ? null : "none" },
+      onDismiss: n[1] || (n[1] = (o) => l("dismiss", o.detail))
     }), [
-      m(s.$slots, "default")
+      h(a.$slots, "default")
     ], 16));
   }
-}, Me = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn", "size"], je = {
+}, je = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn", "size"], Ge = {
   __name: "BsButtonServer",
   props: {
     variant: {},
@@ -860,39 +923,30 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     size: {}
   },
   emits: [],
-  setup(e, { emit: n }) {
-    const a = v(!1), t = v(null), s = v(""), r = C([]), o = v(null), u = (l, h = 0) => {
-      var f, y;
-      t.value || h >= 4 || (t.value = (y = (f = l.value) == null ? void 0 : f.querySelector) == null ? void 0 : y.call(f, "[data-slot]"), t.value || r.push(setTimeout(() => u(l, h + 1), 50)));
+  setup(e, { emit: l }) {
+    const s = b(!1), t = b(null), a = b(""), n = I([]), o = b(null), u = b(!1), $ = (r, v = 0) => {
+      var c, k;
+      t.value || v >= 4 || (t.value = (k = (c = r.value) == null ? void 0 : c.querySelector) == null ? void 0 : k.call(c, "[data-slot]"), t.value || n.push(setTimeout(() => $(r, v + 1), 50)));
     };
-    return S(() => {
-      var l;
-      if ((l = o.value) != null && l.getBoundingClientRect) {
-        const { width: h } = o.value.getBoundingClientRect();
-        o.value.style.maxWidth = h + "px";
-      }
-      u(o, 0);
-    }), I(t, (l) => {
-      !l || a.value || (t.value.replaceChildren(), r.push(setTimeout(() => {
-        A(() => {
-          s.value = customElements.get("bs-button") ? "hydrated superhydrated" : "superhydrated", A(() => {
-            o.value.style.maxWidth = null;
-          });
+    return L(() => u.value = !0), q(() => $(o, 0)), V(t, (r) => {
+      !r || s.value || (M(t), n.push(setTimeout(() => {
+        p(() => {
+          a.value = customElements.get("bs-button") ? "hydrated superhydrated" : "superhydrated";
         });
-      }, 100)), a.value = !0);
-    }, { immediate: !0 }), q(() => r.forEach((l) => clearTimeout(l))), (l, h) => (i(), c(L, null, [
-      t.value ? (i(), k(b(g), { key: 0 }, {
+      }, 100)), s.value = !0);
+    }, { immediate: !0 }), R(() => n.forEach((r) => clearTimeout(r))), (r, v) => (i(), f(z, null, [
+      t.value && u.value ? (i(), y(m(w), { key: 0 }, {
         default: B(() => [
-          (i(), k(V, { to: t.value }, [
-            m(l.$slots, "default")
+          (i(), y(E, { to: t.value }, [
+            h(r.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
-      })) : R("", !0),
-      x("bs-button", d({
+      })) : P("", !0),
+      C("bs-button", d({
         ref_key: "wcRef",
         ref: o,
-        class: s.value,
+        class: a.value,
         "data-bsds-ssr": "",
         variant: e.variant,
         disabled: e.disabled,
@@ -901,17 +955,20 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
         "pass-attrs": e.passAttrs,
         "text-btn": e.textBtn,
         size: e.size
-      }, l.$attrs), [
-        z(b(g), null, {
-          fallback: B(() => [
-            m(l.$slots, "default")
-          ]),
-          _: 3
-        })
-      ], 16, Me)
+      }, r.$attrs), [
+        x(m(w), null, D({ _: 2 }, [
+          u.value ? void 0 : {
+            name: "fallback",
+            fn: B(() => [
+              h(r.$slots, "default")
+            ]),
+            key: "0"
+          }
+        ]), 1024)
+      ], 16, je)
     ], 64));
   }
-}, Ne = "bs-button", Vt = {
+}, He = "bs-button", Nt = {
   __name: "BsButton",
   props: {
     variant: {},
@@ -921,26 +978,31 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     passAttrs: { default: "" },
     textBtn: {},
     size: {},
-    router: {}
+    router: {},
+    bsShow: { default: !0 }
   },
   emits: [],
-  setup(e, { emit: n }) {
-    const a = e, { onLinkClick: t } = W(a), { data: s } = P(Ne, () => {
+  setup(e, { emit: l }) {
+    const s = e, { onLinkClick: t } = F(s), { data: a } = O(He, () => {
       if (process.server)
         return !0;
     });
-    return (r, o) => b(s) ? (i(), k(je, d({ key: 0 }, { ...a, ...r.$attrs, router: void 0 }, { onClick: b(t) }), {
+    return (n, o) => m(a) ? (i(), y(Ge, d({ key: 0 }, { ...s, ...n.$attrs, router: void 0 }, {
+      style: { display: e.bsShow ? null : "none" },
+      onClick: m(t)
+    }), {
       default: B(() => [
-        m(r.$slots, "default")
+        h(n.$slots, "default")
       ]),
       _: 3
-    }, 16, ["onClick"])) : (i(), c("bs-button", d({ key: 1 }, { ...a, ...r.$attrs, router: void 0 }, {
-      onClick: o[0] || (o[0] = (...u) => b(t) && b(t)(...u))
+    }, 16, ["style", "onClick"])) : (i(), f("bs-button", d({ key: 1 }, { ...s, ...n.$attrs, router: void 0 }, {
+      style: { display: e.bsShow ? null : "none" },
+      onClick: o[0] || (o[0] = (...u) => m(t) && m(t)(...u))
     }), [
-      m(r.$slots, "default")
+      h(n.$slots, "default")
     ], 16));
   }
-}, Fe = ["disabled", "for", "hide", "pass-attrs", "required"], He = {
+}, Xe = ["disabled", "for", "hide", "pass-attrs", "required"], Ye = {
   __name: "BsLabelServer",
   props: {
     disabled: {},
@@ -950,71 +1012,79 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     required: {}
   },
   emits: [],
-  setup(e, { emit: n }) {
-    const a = v(!1), t = v(null), s = v(""), r = C([]), o = v(null), u = (l, h = 0) => {
-      var f, y;
-      t.value || h >= 4 || (t.value = (y = (f = l.value) == null ? void 0 : f.querySelector) == null ? void 0 : y.call(f, "[data-slot]"), t.value || r.push(setTimeout(() => u(l, h + 1), 50)));
+  setup(e, { emit: l }) {
+    const s = b(!1), t = b(null), a = b(""), n = I([]), o = b(null), u = b(!1), $ = (r, v = 0) => {
+      var c, k;
+      t.value || v >= 4 || (t.value = (k = (c = r.value) == null ? void 0 : c.querySelector) == null ? void 0 : k.call(c, "[data-slot]"), t.value || n.push(setTimeout(() => $(r, v + 1), 50)));
     };
-    return S(() => u(o, 0)), I(t, (l) => {
-      !l || a.value || (D(t), r.push(setTimeout(() => {
-        O(t), A(() => {
-          s.value = customElements.get("bs-label") ? "hydrated superhydrated" : "superhydrated";
+    return L(() => u.value = !0), q(() => $(o, 0)), V(t, (r) => {
+      !r || s.value || (M(t), n.push(setTimeout(() => {
+        p(() => {
+          a.value = customElements.get("bs-label") ? "hydrated superhydrated" : "superhydrated";
         });
-      }, 100)), a.value = !0);
-    }, { immediate: !0 }), q(() => r.forEach((l) => clearTimeout(l))), (l, h) => (i(), c(L, null, [
-      t.value ? (i(), k(b(g), { key: 0 }, {
+      }, 100)), s.value = !0);
+    }, { immediate: !0 }), R(() => n.forEach((r) => clearTimeout(r))), (r, v) => (i(), f(z, null, [
+      t.value && u.value ? (i(), y(m(w), { key: 0 }, {
         default: B(() => [
-          (i(), k(V, { to: t.value }, [
-            m(l.$slots, "default")
+          (i(), y(E, { to: t.value }, [
+            h(r.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
-      })) : R("", !0),
-      x("bs-label", d({
+      })) : P("", !0),
+      C("bs-label", d({
         ref_key: "wcRef",
         ref: o,
-        class: s.value,
+        class: a.value,
         "data-bsds-ssr": "",
         disabled: e.disabled,
         for: e.for,
         hide: e.hide,
         "pass-attrs": e.passAttrs,
         required: e.required
-      }, l.$attrs), [
-        z(b(g), null, {
-          fallback: B(() => [
-            m(l.$slots, "default")
-          ]),
-          _: 3
-        })
-      ], 16, Fe)
+      }, r.$attrs), [
+        x(m(w), null, D({ _: 2 }, [
+          u.value ? void 0 : {
+            name: "fallback",
+            fn: B(() => [
+              h(r.$slots, "default")
+            ]),
+            key: "0"
+          }
+        ]), 1024)
+      ], 16, Xe)
     ], 64));
   }
-}, Ge = "bs-label", Rt = {
+}, Ue = "bs-label", Ft = {
   __name: "BsLabel",
   props: {
     disabled: {},
     for: {},
     hide: {},
     passAttrs: { default: "" },
-    required: {}
+    required: {},
+    bsShow: { default: !0 }
   },
   emits: [],
-  setup(e, { emit: n }) {
-    const a = e, { data: t } = P(Ge, () => {
+  setup(e, { emit: l }) {
+    const s = e, { data: t } = O(Ue, () => {
       if (process.server)
         return !0;
     });
-    return (s, r) => b(t) ? (i(), k(He, j(d({ key: 0 }, { ...a, ...s.$attrs })), {
+    return (a, n) => m(t) ? (i(), y(Ye, d({ key: 0 }, { ...s, ...a.$attrs }, {
+      style: { display: e.bsShow ? null : "none" }
+    }), {
       default: B(() => [
-        m(s.$slots, "default")
+        h(a.$slots, "default")
       ]),
       _: 3
-    }, 16)) : (i(), c("bs-label", j(d({ key: 1 }, { ...a, ...s.$attrs })), [
-      m(s.$slots, "default")
+    }, 16, ["style"])) : (i(), f("bs-label", d({ key: 1 }, { ...s, ...a.$attrs }, {
+      style: { display: e.bsShow ? null : "none" }
+    }), [
+      h(a.$slots, "default")
     ], 16));
   }
-}, Xe = ["variant", "status", "href", "active", "disabled", "pass-attrs"], Ye = {
+}, Ze = ["variant", "status", "href", "active", "disabled", "pass-attrs"], Ke = {
   __name: "BsPillServer",
   props: {
     variant: {},
@@ -1025,30 +1095,30 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     passAttrs: { default: "" }
   },
   emits: [],
-  setup(e, { emit: n }) {
-    const a = v(!1), t = v(null), s = v(""), r = C([]), o = v(null), u = (l, h = 0) => {
-      var f, y;
-      t.value || h >= 4 || (t.value = (y = (f = l.value) == null ? void 0 : f.querySelector) == null ? void 0 : y.call(f, "[data-slot]"), t.value || r.push(setTimeout(() => u(l, h + 1), 50)));
+  setup(e, { emit: l }) {
+    const s = b(!1), t = b(null), a = b(""), n = I([]), o = b(null), u = b(!1), $ = (r, v = 0) => {
+      var c, k;
+      t.value || v >= 4 || (t.value = (k = (c = r.value) == null ? void 0 : c.querySelector) == null ? void 0 : k.call(c, "[data-slot]"), t.value || n.push(setTimeout(() => $(r, v + 1), 50)));
     };
-    return S(() => u(o, 0)), I(t, (l) => {
-      !l || a.value || (D(t), r.push(setTimeout(() => {
-        O(t), A(() => {
-          s.value = customElements.get("bs-pill") ? "hydrated superhydrated" : "superhydrated";
+    return L(() => u.value = !0), q(() => $(o, 0)), V(t, (r) => {
+      !r || s.value || (M(t), n.push(setTimeout(() => {
+        p(() => {
+          a.value = customElements.get("bs-pill") ? "hydrated superhydrated" : "superhydrated";
         });
-      }, 100)), a.value = !0);
-    }, { immediate: !0 }), q(() => r.forEach((l) => clearTimeout(l))), (l, h) => (i(), c(L, null, [
-      t.value ? (i(), k(b(g), { key: 0 }, {
+      }, 100)), s.value = !0);
+    }, { immediate: !0 }), R(() => n.forEach((r) => clearTimeout(r))), (r, v) => (i(), f(z, null, [
+      t.value && u.value ? (i(), y(m(w), { key: 0 }, {
         default: B(() => [
-          (i(), k(V, { to: t.value }, [
-            m(l.$slots, "default")
+          (i(), y(E, { to: t.value }, [
+            h(r.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
-      })) : R("", !0),
-      x("bs-pill", d({
+      })) : P("", !0),
+      C("bs-pill", d({
         ref_key: "wcRef",
         ref: o,
-        class: s.value,
+        class: a.value,
         "data-bsds-ssr": "",
         variant: e.variant,
         status: e.status,
@@ -1056,17 +1126,20 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
         active: e.active,
         disabled: e.disabled,
         "pass-attrs": e.passAttrs
-      }, l.$attrs), [
-        z(b(g), null, {
-          fallback: B(() => [
-            m(l.$slots, "default")
-          ]),
-          _: 3
-        })
-      ], 16, Xe)
+      }, r.$attrs), [
+        x(m(w), null, D({ _: 2 }, [
+          u.value ? void 0 : {
+            name: "fallback",
+            fn: B(() => [
+              h(r.$slots, "default")
+            ]),
+            key: "0"
+          }
+        ]), 1024)
+      ], 16, Ze)
     ], 64));
   }
-}, Ue = "bs-pill", xt = {
+}, Je = "bs-pill", jt = {
   __name: "BsPill",
   props: {
     variant: {},
@@ -1075,26 +1148,31 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     active: {},
     disabled: {},
     passAttrs: { default: "" },
-    router: {}
+    router: {},
+    bsShow: { default: !0 }
   },
   emits: [],
-  setup(e, { emit: n }) {
-    const a = e, { onLinkClick: t } = W(a), { data: s } = P(Ue, () => {
+  setup(e, { emit: l }) {
+    const s = e, { onLinkClick: t } = F(s), { data: a } = O(Je, () => {
       if (process.server)
         return !0;
     });
-    return (r, o) => b(s) ? (i(), k(Ye, d({ key: 0 }, { ...a, ...r.$attrs, router: void 0 }, { onClick: b(t) }), {
+    return (n, o) => m(a) ? (i(), y(Ke, d({ key: 0 }, { ...s, ...n.$attrs, router: void 0 }, {
+      style: { display: e.bsShow ? null : "none" },
+      onClick: m(t)
+    }), {
       default: B(() => [
-        m(r.$slots, "default")
+        h(n.$slots, "default")
       ]),
       _: 3
-    }, 16, ["onClick"])) : (i(), c("bs-pill", d({ key: 1 }, { ...a, ...r.$attrs, router: void 0 }, {
-      onClick: o[0] || (o[0] = (...u) => b(t) && b(t)(...u))
+    }, 16, ["style", "onClick"])) : (i(), f("bs-pill", d({ key: 1 }, { ...s, ...n.$attrs, router: void 0 }, {
+      style: { display: e.bsShow ? null : "none" },
+      onClick: o[0] || (o[0] = (...u) => m(t) && m(t)(...u))
     }), [
-      m(r.$slots, "default")
+      h(n.$slots, "default")
     ], 16));
   }
-}, Ze = ["disabled", "required", "error", "hint-id", "value", "pass-attrs"], Ke = {
+}, Qe = ["disabled", "required", "error", "hint-id", "value", "pass-attrs"], _e = {
   __name: "BsSelectServer",
   props: {
     disabled: { default: !1 },
@@ -1105,30 +1183,30 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     passAttrs: { default: "" }
   },
   emits: [],
-  setup(e, { emit: n }) {
-    const a = v(!1), t = v(null), s = v(""), r = C([]), o = v(null), u = (l, h = 0) => {
-      var f, y;
-      t.value || h >= 4 || (t.value = (y = (f = l.value) == null ? void 0 : f.querySelector) == null ? void 0 : y.call(f, "[data-slot]"), t.value || r.push(setTimeout(() => u(l, h + 1), 50)));
+  setup(e, { emit: l }) {
+    const s = b(!1), t = b(null), a = b(""), n = I([]), o = b(null), u = b(!1), $ = (r, v = 0) => {
+      var c, k;
+      t.value || v >= 4 || (t.value = (k = (c = r.value) == null ? void 0 : c.querySelector) == null ? void 0 : k.call(c, "[data-slot]"), t.value || n.push(setTimeout(() => $(r, v + 1), 50)));
     };
-    return S(() => u(o, 0)), I(t, (l) => {
-      !l || a.value || (D(t), r.push(setTimeout(() => {
-        O(t), A(() => {
-          s.value = customElements.get("bs-select") ? "hydrated superhydrated" : "superhydrated";
+    return L(() => u.value = !0), q(() => $(o, 0)), V(t, (r) => {
+      !r || s.value || (M(t), n.push(setTimeout(() => {
+        p(() => {
+          a.value = customElements.get("bs-select") ? "hydrated superhydrated" : "superhydrated";
         });
-      }, 100)), a.value = !0);
-    }, { immediate: !0 }), q(() => r.forEach((l) => clearTimeout(l))), (l, h) => (i(), c(L, null, [
-      t.value ? (i(), k(b(g), { key: 0 }, {
+      }, 100)), s.value = !0);
+    }, { immediate: !0 }), R(() => n.forEach((r) => clearTimeout(r))), (r, v) => (i(), f(z, null, [
+      t.value && u.value ? (i(), y(m(w), { key: 0 }, {
         default: B(() => [
-          (i(), k(V, { to: t.value }, [
-            m(l.$slots, "default")
+          (i(), y(E, { to: t.value }, [
+            h(r.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
-      })) : R("", !0),
-      x("bs-select", d({
+      })) : P("", !0),
+      C("bs-select", d({
         ref_key: "wcRef",
         ref: o,
-        class: s.value,
+        class: a.value,
         "data-bsds-ssr": "",
         disabled: e.disabled,
         required: e.required,
@@ -1136,17 +1214,20 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
         "hint-id": e.hintId,
         value: e.value,
         "pass-attrs": e.passAttrs
-      }, l.$attrs), [
-        z(b(g), null, {
-          fallback: B(() => [
-            m(l.$slots, "default")
-          ]),
-          _: 3
-        })
-      ], 16, Ze)
+      }, r.$attrs), [
+        x(m(w), null, D({ _: 2 }, [
+          u.value ? void 0 : {
+            name: "fallback",
+            fn: B(() => [
+              h(r.$slots, "default")
+            ]),
+            key: "0"
+          }
+        ]), 1024)
+      ], 16, Qe)
     ], 64));
   }
-}, Je = "bs-select", zt = {
+}, et = "bs-select", Gt = {
   __name: "BsSelect",
   props: {
     disabled: { default: !1 },
@@ -1154,62 +1235,74 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     error: {},
     hintId: {},
     value: {},
-    passAttrs: { default: "" }
+    passAttrs: { default: "" },
+    bsShow: { default: !0 }
   },
   emits: [],
-  setup(e, { emit: n }) {
-    const a = e, { data: t } = P(Je, () => {
+  setup(e, { emit: l }) {
+    const s = e, { data: t } = O(et, () => {
       if (process.server)
         return !0;
     });
-    return (s, r) => b(t) ? (i(), k(Ke, j(d({ key: 0 }, { ...a, ...s.$attrs })), {
+    return (a, n) => m(t) ? (i(), y(_e, d({ key: 0 }, { ...s, ...a.$attrs }, {
+      style: { display: e.bsShow ? null : "none" }
+    }), {
       default: B(() => [
-        m(s.$slots, "default")
+        h(a.$slots, "default")
       ]),
       _: 3
-    }, 16)) : (i(), c("bs-select", j(d({ key: 1 }, { ...a, ...s.$attrs })), [
-      m(s.$slots, "default")
+    }, 16, ["style"])) : (i(), f("bs-select", d({ key: 1 }, { ...s, ...a.$attrs }, {
+      style: { display: e.bsShow ? null : "none" }
+    }), [
+      h(a.$slots, "default")
     ], 16));
   }
 };
 export {
-  qt as BsAccordion,
-  Ee as BsAccordionServer,
-  lt as BsBadge,
-  Lt as BsBanner,
-  De as BsBannerServer,
-  Vt as BsButton,
-  je as BsButtonServer,
-  rt as BsCharacterCount,
-  nt as BsChartBar,
-  it as BsChartTable,
-  ot as BsCheckbox,
-  dt as BsCircleButton,
-  ut as BsDropdown,
-  ct as BsDropdownOption,
-  ft as BsDropdownOptions,
-  ht as BsFieldLayout,
-  mt as BsHint,
-  bt as BsInput,
-  at as BsInputAddon,
-  vt as BsInputField,
-  yt as BsInputSearch,
-  Rt as BsLabel,
-  He as BsLabelServer,
-  xt as BsPill,
-  Ye as BsPillServer,
-  $t as BsProfile,
-  kt as BsProfileDetails,
-  Bt as BsProfileImg,
-  gt as BsProfileLayout,
-  wt as BsRadio,
-  zt as BsSelect,
-  pt as BsSelectField,
-  Ke as BsSelectServer,
-  At as BsSwitch,
-  Tt as BsTextarea,
-  Ct as BsTextareaField,
-  St as BsToast,
-  st as BsToaster,
-  It as BsTooltip
+  Wt as BsAccordion,
+  We as BsAccordionServer,
+  ct as BsBadge,
+  Mt as BsBanner,
+  Ne as BsBannerServer,
+  Nt as BsButton,
+  Ge as BsButtonServer,
+  ft as BsCharacterCount,
+  ht as BsChartBar,
+  mt as BsChartTable,
+  bt as BsCheckbox,
+  vt as BsCircleButton,
+  $t as BsDropdown,
+  yt as BsDropdownOption,
+  Bt as BsDropdownOptions,
+  kt as BsFieldLayout,
+  gt as BsHint,
+  wt as BsInput,
+  nt as BsInputAddon,
+  St as BsInputField,
+  Ct as BsInputSearch,
+  Ft as BsLabel,
+  Ye as BsLabelServer,
+  rt as BsLoader,
+  Tt as BsModal,
+  At as BsOverlay,
+  jt as BsPill,
+  Ke as BsPillServer,
+  It as BsProfile,
+  Lt as BsProfileDetails,
+  qt as BsProfileImg,
+  Vt as BsProfileLayout,
+  pt as BsRadio,
+  Gt as BsSelect,
+  Rt as BsSelectField,
+  _e as BsSelectServer,
+  zt as BsSwitch,
+  Et as BsTextarea,
+  Pt as BsTextareaField,
+  xt as BsToast,
+  it as BsToastActions,
+  ot as BsToastBody,
+  dt as BsToastHeader,
+  ut as BsToaster,
+  Dt as BsTooltip,
+  Ot as BsTransition
 };