@wwtdev/bsds-components-vue3 1.6.5 → 1.7.0

package/nuxt/bsds-components.mjs

@@ -1,72 +1,76 @@
-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 m, getCurrentInstance as se, inject as le, h as re, openBlock as i, createElementBlock as f, mergeProps as u, renderSlot as h, computed as K, unref as b, createBlock as g, withCtx as B, createElementVNode as T, reactive as I, onBeforeMount as p, onMounted as q, watch as V, nextTick as L, onBeforeUnmount as R, Fragment as z, Teleport as E, createCommentVNode as P, createVNode as x, createSlots as W } from "vue";
+import { ClientOnly as w } from "#components";
+import { useAsyncData as O } from "#imports";
+const J = "update:modelValue", H = "modelValue", ne = "routerLink", Q = "navManager", ie = "router", oe = "aria", A = Symbol(), X = { default: A }, _ = (e) => (e == null ? void 0 : e.split(" ")) || [], de = (e, n, a = []) => {
   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
+    (s, l, o) => !n.has(s) && o.indexOf(s) === l
   );
-}, _ = (e, n, a = [], t, s, r) => {
+}, N = (e, n, a = [], t, s, l) => {
   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, $);
+  const o = ae((d, { attrs: y, slots: r, emit: v }) => {
+    var Z;
+    let c = d[t];
+    const $ = m(), Y = new Set(_(y.class)), ee = (C) => {
+      C.el && (Array.isArray(s) ? s : [s]).forEach((S) => {
+        C.el.addEventListener(S.toLowerCase(), (k) => {
+          c = (k == null ? void 0 : k.target)[t], v(J, c), l && v(l, k);
         });
       });
-    }, 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 = (C) => {
+      const { routerLink: j } = d;
+      if (j !== A)
+        if (U !== void 0) {
+          let S = { event: C };
+          for (const k in d) {
+            const M = d[k];
+            d.hasOwnProperty(k) && k.startsWith(ie) && M !== A && (S[k] = M);
           }
-          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 = d[t], _(y.class).forEach((k) => {
+        Y.add(k);
       });
-      const p = u.onClick, M = ($) => {
-        p !== void 0 && p($), $.defaultPrevented || te($);
+      const C = d.onClick, j = (k) => {
+        C !== void 0 && C(k), k.defaultPrevented || te(k);
       };
-      let w = {
-        ref: G,
-        class: de(G, X),
-        onClick: M,
+      let S = {
+        ref: $,
+        class: de($, Y),
+        onClick: j,
         onVnodeBeforeMount: s ? ee : void 0
       };
-      for (const $ in u) {
-        const E = u[$];
-        (u.hasOwnProperty($) && E !== T || $.startsWith(oe)) && (w[$] = E);
+      for (const k in d) {
+        const M = d[k];
+        (d.hasOwnProperty(k) && M !== A || k.startsWith(oe)) && (S[k] = M);
       }
-      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 && (d[H] !== A ? S = {
+        ...S,
+        [t]: d[H]
+      } : c !== A && (S = {
+        ...S,
+        [t]: c
+      })), re(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, [
+    [ne]: X
+  }, a.forEach((d) => {
+    o.props[d] = X;
+  }), t && (o.props[H] = X, o.emits = [J, l])), o;
+}, at = /* @__PURE__ */ N("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 = {
+]), st = /* @__PURE__ */ N("bs-toast-actions", void 0, [
+  "defaultDismiss"
+]), lt = /* @__PURE__ */ N("bs-toast-body", void 0), rt = /* @__PURE__ */ N("bs-toast-header", void 0, [
+  "variant"
+]), nt = /* @__PURE__ */ N("bs-toaster", void 0), ue = ["color", "count", "count-max", "dot", "label", "position", "show-zero"], it = {
   __name: "BsBadge",
   props: {
     color: {},
@@ -79,7 +83,7 @@ const K = "update:modelValue", F = "modelValue", ne = "routerLink", J = "navMana
   },
   emits: [],
   setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-badge", d(a.$attrs, {
+    return (a, t) => (i(), f("bs-badge", u(a.$attrs, {
       color: e.color,
       count: e.count,
       "count-max": e.countMax,
@@ -88,10 +92,10 @@ const K = "update:modelValue", F = "modelValue", ne = "routerLink", J = "navMana
       position: e.position,
       "show-zero": e.showZero
     }), [
-      m(a.$slots, "default")
+      h(a.$slots, "default")
     ], 16, ue));
   }
-}, ce = ["char-count", "char-max"], rt = {
+}, ce = ["char-count", "char-max"], ot = {
   __name: "BsCharacterCount",
   props: {
     charCount: {},
@@ -99,12 +103,12 @@ const K = "update:modelValue", F = "modelValue", ne = "routerLink", J = "navMana
   },
   emits: [],
   setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-character-count", d(a.$attrs, {
+    return (a, t) => (i(), f("bs-character-count", u(a.$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"], dt = {
   __name: "BsChartBar",
   props: {
     chartTitle: {},
@@ -120,7 +124,7 @@ const K = "update:modelValue", F = "modelValue", ne = "routerLink", J = "navMana
   },
   emits: [],
   setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-chart-bar", d(a.$attrs, {
+    return (a, t) => (i(), f("bs-chart-bar", u(a.$attrs, {
       "chart-title": e.chartTitle,
       data: e.data,
       dataIdxLabels: e.dataIdxLabels,
@@ -133,7 +137,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"], ut = {
   __name: "BsChartTable",
   props: {
     data: {},
@@ -142,13 +146,13 @@ const K = "update:modelValue", F = "modelValue", ne = "routerLink", J = "navMana
   },
   emits: [],
   setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-chart-table", d(a.$attrs, {
+    return (a, t) => (i(), f("bs-chart-table", u(a.$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"], ct = {
   __name: "BsCheckbox",
   props: {
     label: {},
@@ -163,7 +167,7 @@ const K = "update:modelValue", F = "modelValue", ne = "routerLink", J = "navMana
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-checkbox", d(a.$attrs, {
+    return (a, t) => (i(), f("bs-checkbox", u(a.$attrs, {
       label: e.label,
       checked: e.checked || e.modelValue,
       "checked-partially": e.checkedPartially,
@@ -176,21 +180,21 @@ const K = "update:modelValue", F = "modelValue", ne = "routerLink", J = "navMana
     }), 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 n = K(() => {
+    var s, l;
+    return ((l = (s = e.href) == null ? void 0 : s.startsWith) == null ? void 0 : l.call(s, "/")) || !1;
+  }), a = K(() => {
+    var s, l;
+    return n.value && ((s = e.router) == null ? void 0 : s.navigateTo) || ((l = e.router) == null ? void 0 : l.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));
+    var l, o, d, y, r;
+    a.value && ((o = (l = s.target.href) == null ? void 0 : l.endsWith) != null && o.call(l, e.href) || (r = (y = (d = s.target.closest("a")) == null ? void 0 : d.href) == null ? void 0 : y.endsWith) != null && r.call(y, e.href)) && (s.preventDefault(), a.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"], ft = {
   __name: "BsCircleButton",
   props: {
     disabled: {},
@@ -207,8 +211,8 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
   },
   emits: [],
   setup(e, { emit: n }) {
-    const a = e, { onLinkClick: t } = W(a);
-    return (s, r) => (i(), c("bs-circle-button", d(s.$attrs, {
+    const a = e, { onLinkClick: t } = F(a);
+    return (s, l) => (i(), f("bs-circle-button", u(s.$attrs, {
       disabled: e.disabled,
       "ghost-btn": e.ghostBtn,
       "hover-effect": e.hoverEffect,
@@ -219,85 +223,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: l[0] || (l[0] = (...o) => b(t) && b(t)(...o))
     }), null, 16, be));
   }
-}, ve = ["dropdown-id", "shown", "label", "position", "justify", "variant"], ut = {
+}, ve = ["shown", "width", "top", "center", "toggle-id", "container-id"], ht = {
   __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"],
+  emits: ["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));
+    return (a, t) => (i(), g(b(w), null, {
+      default: B(() => [
+        T("bs-dropdown", u(a.$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] = (s) => n("close", s.detail))
+        }), [
+          h(a.$slots, "default")
+        ], 16, ve)
+      ]),
+      _: 3
+    }));
   }
-}, ye = ["value", "variant", "selected", "shown", "focused", "index", "dropdown-id"], ct = {
+}, ye = ["value", "variant", "selected", "options-id", "shown", "focused", "index"], mt = {
   __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"],
+  emits: ["optionmouseenter", "optionselect"],
   setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-dropdown-option", d(a.$attrs, {
+    return (a, t) => (i(), f("bs-dropdown-option", u(a.$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)),
+      onOptionmouseenter: t[0] || (t[0] = (s) => n("optionmouseenter", s.detail)),
       onOptionselect: t[1] || (t[1] = (s) => n("optionselect", s.detail))
     }), [
-      m(a.$slots, "default")
+      h(a.$slots, "default")
     ], 16, ye));
   }
-}, $e = ["dropdown-id", "shown", "label", "position", "variant"], ft = {
+}, $e = ["options-id", "shown", "label"], bt = {
   __name: "BsDropdownOptions",
   props: {
-    dropdownId: {},
+    optionsId: {},
     shown: {},
-    label: {},
-    position: {},
-    variant: {}
+    label: {}
   },
-  emits: ["dropdownchange", "close"],
+  emits: ["selectionchange", "close"],
   setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-dropdown-options", d(a.$attrs, {
-      "dropdown-id": e.dropdownId,
+    return (a, t) => (i(), f("bs-dropdown-options", u(a.$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)),
+      onSelectionchange: t[0] || (t[0] = (s) => n("selectionchange", s.detail)),
       onClose: t[1] || (t[1] = (s) => n("close", s.detail))
     }), [
-      m(a.$slots, "default")
+      h(a.$slots, "default")
     ], 16, $e));
   }
-}, ke = ["char-count", "char-max", "disabled", "error", "hints", "label", "label-for", "required", "hint-id"], ht = {
+}, ke = ["char-count", "char-max", "disabled", "error", "hints", "label", "label-for", "required", "hint-id"], vt = {
   __name: "BsFieldLayout",
   props: {
     charCount: {},
@@ -312,7 +316,7 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
   },
   emits: [],
   setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-field-layout", d(a.$attrs, {
+    return (a, t) => (i(), f("bs-field-layout", u(a.$attrs, {
       "char-count": e.charCount,
       "char-max": e.charMax,
       disabled: e.disabled,
@@ -323,10 +327,10 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
       required: e.required,
       "hint-id": e.hintId
     }), [
-      m(a.$slots, "default")
+      h(a.$slots, "default")
     ], 16, ke));
   }
-}, Be = ["error", "hint-id", "hints"], mt = {
+}, ge = ["error", "hint-id", "hints"], yt = {
   __name: "BsHint",
   props: {
     error: {},
@@ -335,13 +339,13 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
   },
   emits: [],
   setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-hint", d(a.$attrs, {
+    return (a, t) => (i(), f("bs-hint", u(a.$attrs, {
       error: e.error,
       "hint-id": e.hintId,
       hints: e.hints
-    }), null, 16, Be));
+    }), null, 16, ge));
   }
-}, ge = ["disabled", "error", "pass-attrs", "placeholder", "required", "type", "value", "hint-id"], bt = {
+}, Be = ["disabled", "error", "pass-attrs", "placeholder", "required", "type", "value", "hint-id"], $t = {
   __name: "BsInput",
   props: {
     disabled: { default: !1 },
@@ -356,7 +360,7 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-input", d(a.$attrs, {
+    return (a, t) => (i(), f("bs-input", u(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
       "pass-attrs": e.passAttrs,
@@ -366,9 +370,9 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
       value: e.value || e.modelValue,
       "hint-id": e.hintId,
       onInput: t[0] || (t[0] = (s) => n("update:modelValue", s.target.value))
-    }), null, 16, ge));
+    }), null, 16, Be));
   }
-}, we = ["disabled", "error", "hints", "label", "pass-attrs", "placeholder", "required", "type", "value"], vt = {
+}, we = ["disabled", "error", "hints", "label", "pass-attrs", "placeholder", "required", "type", "value"], kt = {
   __name: "BsInputField",
   props: {
     disabled: { default: !1 },
@@ -384,7 +388,7 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-input-field", d(a.$attrs, {
+    return (a, t) => (i(), f("bs-input-field", u(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
       hints: e.hints,
@@ -397,29 +401,29 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
       onInput: t[0] || (t[0] = (s) => n("update:modelValue", s.target.value))
     }), null, 16, we));
   }
-}, pe = ["disabled", "pass-attrs", "placeholder", "aria-label", "hint-id", "value"], yt = {
+}, Se = ["disabled", "pass-attrs", "placeholder", "hint-id", "value"], gt = {
   __name: "BsInputSearch",
   props: {
     disabled: { default: !1 },
     passAttrs: { default: "" },
     placeholder: { default: "Search Items" },
-    ariaLabel: { default: "Search Items" },
     hintId: {},
-    value: { default: "" }
+    value: { default: "" },
+    modelValue: {}
   },
-  emits: ["onclear"],
+  emits: ["clear", "update:modelValue"],
   setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-input-search", d(a.$attrs, {
+    return (a, t) => (i(), f("bs-input-search", u(a.$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] = (s) => n("clear", s.detail)),
+      onInput: t[1] || (t[1] = (s) => n("update:modelValue", s.target.value))
+    }), null, 16, Se));
   }
-}, Ae = ["layout", "href", "image-src", "image-size", "initials", "profile-name", "company", "job-title", "email"], $t = {
+}, Ce = ["layout", "href", "image-src", "image-size", "initials", "profile-name", "company", "job-title", "email"], Bt = {
   __name: "BsProfile",
   props: {
     layout: {},
@@ -435,8 +439,8 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
   },
   emits: [],
   setup(e, { emit: n }) {
-    const a = e, { onLinkClick: t } = W(a);
-    return (s, r) => (i(), c("bs-profile", d(s.$attrs, {
+    const a = e, { onLinkClick: t } = F(a);
+    return (s, l) => (i(), f("bs-profile", u(s.$attrs, {
       layout: e.layout,
       href: e.href,
       "image-src": e.imageSrc,
@@ -446,10 +450,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))
-    }), null, 16, Ae));
+      onClick: l[0] || (l[0] = (...o) => b(t) && b(t)(...o))
+    }), null, 16, Ce));
   }
-}, Te = ["profile-name", "company", "job-title", "email"], kt = {
+}, Te = ["profile-name", "company", "job-title", "email"], wt = {
   __name: "BsProfileDetails",
   props: {
     profileName: {},
@@ -459,14 +463,14 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
   },
   emits: [],
   setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-profile-details", d(a.$attrs, {
+    return (a, t) => (i(), f("bs-profile-details", u(a.$attrs, {
       "profile-name": e.profileName,
       company: e.company,
       "job-title": e.jobTitle,
       email: e.email
     }), null, 16, Te));
   }
-}, Ce = ["src", "size", "initials", "profile-name"], Bt = {
+}, Ae = ["src", "size", "initials", "profile-name"], St = {
   __name: "BsProfileImg",
   props: {
     src: {},
@@ -476,14 +480,14 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
   },
   emits: [],
   setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-profile-img", d(a.$attrs, {
+    return (a, t) => (i(), f("bs-profile-img", u(a.$attrs, {
       src: e.src,
       size: e.size,
       initials: e.initials,
       "profile-name": e.profileName
-    }), null, 16, Ce));
+    }), null, 16, Ae));
   }
-}, Se = ["layout", "href", "pass-attrs"], gt = {
+}, Ie = ["layout", "href", "pass-attrs"], Ct = {
   __name: "BsProfileLayout",
   props: {
     layout: { default: "vertical" },
@@ -493,17 +497,17 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
   },
   emits: [],
   setup(e, { emit: n }) {
-    const a = e, { onLinkClick: t } = W(a);
-    return (s, r) => (i(), c("bs-profile-layout", d(s.$attrs, {
+    const a = e, { onLinkClick: t } = F(a);
+    return (s, l) => (i(), f("bs-profile-layout", u(s.$attrs, {
       layout: e.layout,
       href: e.href,
       "pass-attrs": e.passAttrs,
-      onClick: r[0] || (r[0] = (...o) => b(t) && b(t)(...o))
+      onClick: l[0] || (l[0] = (...o) => b(t) && b(t)(...o))
     }), [
-      m(s.$slots, "default")
-    ], 16, Se));
+      h(s.$slots, "default")
+    ], 16, Ie));
   }
-}, Ie = ["label", "checked", "disabled", "error", "pass-attrs", "required", "size", "value"], wt = {
+}, pe = ["label", "checked", "disabled", "error", "pass-attrs", "required", "size", "value"], Tt = {
   __name: "BsRadio",
   props: {
     label: {},
@@ -518,7 +522,7 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-radio", d(a.$attrs, {
+    return (a, t) => (i(), f("bs-radio", u(a.$attrs, {
       label: e.label,
       checked: e.checked || e.modelValue === e.value,
       disabled: e.disabled,
@@ -528,9 +532,9 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
       size: e.size,
       value: e.value,
       onChange: t[0] || (t[0] = (s) => n("update:modelValue", s.target.value))
-    }), null, 16, Ie));
+    }), null, 16, pe));
   }
-}, qe = ["disabled", "error", "required", "label", "hints", "placeholder", "value", "pass-attrs", "data"], pt = {
+}, qe = ["disabled", "error", "required", "label", "hints", "placeholder", "value", "pass-attrs", "data"], At = {
   __name: "BsSelectField",
   props: {
     disabled: { default: !1 },
@@ -546,7 +550,7 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-select-field", d(a.$attrs, {
+    return (a, t) => (i(), f("bs-select-field", u(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
       required: e.required,
@@ -559,7 +563,7 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
       onChange: t[0] || (t[0] = (s) => n("update:modelValue", s.target.value))
     }), null, 16, qe));
   }
-}, Le = ["checked", "disabled", "inner-on-label", "inner-off-label", "label", "pass-attrs", "size"], At = {
+}, Ve = ["checked", "disabled", "inner-on-label", "inner-off-label", "label", "pass-attrs", "size"], It = {
   __name: "BsSwitch",
   props: {
     checked: { default: !1 },
@@ -573,7 +577,7 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-switch", d(a.$attrs, {
+    return (a, t) => (i(), f("bs-switch", u(a.$attrs, {
       checked: e.checked || e.modelValue,
       disabled: e.disabled,
       "inner-on-label": e.innerOnLabel,
@@ -582,9 +586,9 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
       "pass-attrs": e.passAttrs,
       size: e.size,
       onChange: t[0] || (t[0] = (s) => n("update:modelValue", s.target.checked))
-    }), null, 16, Le));
+    }), null, 16, Ve));
   }
-}, Ve = ["disabled", "error", "pass-attrs", "placeholder", "required", "value", "hint-id"], Tt = {
+}, Le = ["disabled", "error", "pass-attrs", "placeholder", "required", "value", "hint-id"], pt = {
   __name: "BsTextarea",
   props: {
     disabled: { default: !1 },
@@ -598,7 +602,7 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-textarea", d(a.$attrs, {
+    return (a, t) => (i(), f("bs-textarea", u(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
       "pass-attrs": e.passAttrs,
@@ -607,9 +611,9 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
       value: e.value || e.modelValue,
       "hint-id": e.hintId,
       onInput: t[0] || (t[0] = (s) => n("update:modelValue", s.target.value))
-    }), null, 16, Ve));
+    }), null, 16, Le));
   }
-}, Re = ["char-max", "disabled", "error", "hints", "label", "placeholder", "required", "value", "pass-attrs"], Ct = {
+}, Re = ["char-max", "disabled", "error", "hints", "label", "placeholder", "required", "value", "pass-attrs"], qt = {
   __name: "BsTextareaField",
   props: {
     charMax: {},
@@ -625,7 +629,7 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-textarea-field", d(a.$attrs, {
+    return (a, t) => (i(), f("bs-textarea-field", u(a.$attrs, {
       "char-max": e.charMax,
       disabled: e.disabled,
       error: e.error,
@@ -638,48 +642,29 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
       onInput: t[0] || (t[0] = (s) => n("update:modelValue", s.target.value))
     }), null, 16, Re));
   }
-}, 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 = {
+}, ze = ["toast-id", "shown", "variant", "stacked", "duration"], Vt = {
   __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"],
+  emits: ["dismiss"],
   setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-toast", d(a.$attrs, {
+    return (a, t) => (i(), f("bs-toast", u(a.$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] = (s) => n("dismiss", s.detail))
     }), [
-      m(a.$slots, "default")
-    ], 16, xe));
+      h(a.$slots, "default")
+    ], 16, ze));
   }
-}, ze = ["tooltip-id", "content", "position"], It = {
+}, Ee = ["tooltip-id", "content", "position"], Lt = {
   __name: "BsTooltip",
   props: {
     tooltipId: {},
@@ -688,23 +673,19 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
   },
   emits: [],
   setup(e, { emit: n }) {
-    return (a, t) => (i(), c("bs-tooltip", d(a.$attrs, {
+    return (a, t) => (i(), f("bs-tooltip", u(a.$attrs, {
       "tooltip-id": e.tooltipId,
       content: e.content,
       position: e.position
     }), [
-      m(a.$slots, "default")
-    ], 16, ze));
+      h(a.$slots, "default")
+    ], 16, Ee));
   }
 };
 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 O(e) {
-  e.value.style.minHeight = null, e.value.style.minWidth = null;
+  e.value.replaceChildren();
 }
-const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "stacked"], Ee = {
+const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "stacked"], xe = {
   __name: "BsAccordionServer",
   props: {
     controlled: { default: !1 },
@@ -716,26 +697,26 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
   },
   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)));
+    const a = m(!1), t = m(null), s = m(""), l = I([]), o = m(null), d = m(!1), y = (r, v = 0) => {
+      var c, $;
+      t.value || v >= 4 || (t.value = ($ = (c = r.value) == null ? void 0 : c.querySelector) == null ? void 0 : $.call(c, "[data-slot]"), t.value || l.push(setTimeout(() => y(r, v + 1), 50)));
     };
-    return S(() => u(o, 0)), I(t, (l) => {
-      !l || a.value || (D(t), r.push(setTimeout(() => {
-        O(t), A(() => {
+    return p(() => d.value = !0), q(() => y(o, 0)), V(t, (r) => {
+      !r || a.value || (D(t), l.push(setTimeout(() => {
+        L(() => {
           s.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 }, {
+    }, { immediate: !0 }), R(() => l.forEach((r) => clearTimeout(r))), (r, v) => (i(), f(z, null, [
+      t.value && d.value ? (i(), g(b(w), { key: 0 }, {
         default: B(() => [
-          (i(), k(V, { to: t.value }, [
-            m(l.$slots, "default")
+          (i(), g(E, { to: t.value }, [
+            h(r.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
-      })) : R("", !0),
-      x("bs-accordion", d({
+      })) : P("", !0),
+      T("bs-accordion", u({
         ref_key: "wcRef",
         ref: o,
         class: s.value,
@@ -746,18 +727,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
-        })
+        onToggled: v[0] || (v[0] = (c) => n("toggled", c.detail))
+      }, r.$attrs), [
+        x(b(w), null, W({ _: 2 }, [
+          d.value ? void 0 : {
+            name: "fallback",
+            fn: B(() => [
+              h(r.$slots, "default")
+            ]),
+            key: "0"
+          }
+        ]), 1024)
       ], 16, Pe)
     ], 64));
   }
-}, We = "bs-accordion", qt = {
+}, We = "bs-accordion", Rt = {
   __name: "BsAccordion",
   props: {
     controlled: { default: !1 },
@@ -765,90 +749,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, () => {
+    const a = e, { data: t } = O(We, () => {
       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 (s, l) => b(t) ? (i(), g(xe, u({ key: 0 }, { ...a, ...s.$attrs }, {
+      style: { display: e.bsShow ? null : "none" },
+      onToggled: l[0] || (l[0] = (o) => n("toggled", o))
     }), {
       default: B(() => [
-        m(s.$slots, "default")
+        h(s.$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", u({ key: 1 }, { ...a, ...s.$attrs }, {
+      style: { display: e.bsShow ? null : "none" },
+      onToggled: l[1] || (l[1] = (o) => n("toggled", o.detail))
     }), [
-      m(s.$slots, "default")
+      h(s.$slots, "default")
     ], 16));
   }
-}, De = {
+}, Oe = {
   __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)));
+    const a = m(!1), t = m(null), s = m(""), l = I([]), o = m(null), d = m(!1), y = (r, v = 0) => {
+      var c, $;
+      t.value || v >= 4 || (t.value = ($ = (c = r.value) == null ? void 0 : c.querySelector) == null ? void 0 : $.call(c, "[data-slot]"), t.value || l.push(setTimeout(() => y(r, v + 1), 50)));
     };
-    return S(() => u(o, 0)), I(t, (l) => {
-      !l || a.value || (D(t), r.push(setTimeout(() => {
-        O(t), A(() => {
+    return p(() => d.value = !0), q(() => y(o, 0)), V(t, (r) => {
+      !r || a.value || (D(t), l.push(setTimeout(() => {
+        L(() => {
           s.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 }, {
+    }, { immediate: !0 }), R(() => l.forEach((r) => clearTimeout(r))), (r, v) => (i(), f(z, null, [
+      t.value && d.value ? (i(), g(b(w), { key: 0 }, {
         default: B(() => [
-          (i(), k(V, { to: t.value }, [
-            m(l.$slots, "default")
+          (i(), g(E, { to: t.value }, [
+            h(r.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
-      })) : R("", !0),
-      x("bs-banner", d({
+      })) : P("", !0),
+      T("bs-banner", u({
         ref_key: "wcRef",
         ref: o,
         class: s.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) => n("dismiss", c.detail))
+      }, r.$attrs), [
+        x(b(w), null, W({ _: 2 }, [
+          d.value ? void 0 : {
+            name: "fallback",
+            fn: B(() => [
+              h(r.$slots, "default")
+            ]),
+            key: "0"
+          }
+        ]), 1024)
       ], 16)
     ], 64));
   }
-}, Oe = "bs-banner", Lt = {
+}, De = "bs-banner", zt = {
   __name: "BsBanner",
-  props: {},
+  props: {
+    bsShow: { default: !0 }
+  },
   emits: ["dismiss"],
   setup(e, { emit: n }) {
-    const a = e, { data: t } = P(Oe, () => {
+    const a = e, { data: t } = O(De, () => {
       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 (s, l) => b(t) ? (i(), g(Oe, u({ key: 0 }, { ...a, ...s.$attrs }, {
+      style: { display: e.bsShow ? null : "none" },
+      onDismiss: l[0] || (l[0] = (o) => n("dismiss", o))
     }), {
       default: B(() => [
-        m(s.$slots, "default")
+        h(s.$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", u({ key: 1 }, { ...a, ...s.$attrs }, {
+      style: { display: e.bsShow ? null : "none" },
+      onDismiss: l[1] || (l[1] = (o) => n("dismiss", o.detail))
     }), [
-      m(s.$slots, "default")
+      h(s.$slots, "default")
     ], 16));
   }
-}, Me = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn", "size"], je = {
+}, Me = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn", "size"], Ne = {
   __name: "BsButtonServer",
   props: {
     variant: {},
@@ -861,35 +855,26 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
   },
   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)));
+    const a = m(!1), t = m(null), s = m(""), l = I([]), o = m(null), d = m(!1), y = (r, v = 0) => {
+      var c, $;
+      t.value || v >= 4 || (t.value = ($ = (c = r.value) == null ? void 0 : c.querySelector) == null ? void 0 : $.call(c, "[data-slot]"), t.value || l.push(setTimeout(() => y(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 p(() => d.value = !0), q(() => y(o, 0)), V(t, (r) => {
+      !r || a.value || (D(t), l.push(setTimeout(() => {
+        L(() => {
+          s.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 }, {
+    }, { immediate: !0 }), R(() => l.forEach((r) => clearTimeout(r))), (r, v) => (i(), f(z, null, [
+      t.value && d.value ? (i(), g(b(w), { key: 0 }, {
         default: B(() => [
-          (i(), k(V, { to: t.value }, [
-            m(l.$slots, "default")
+          (i(), g(E, { to: t.value }, [
+            h(r.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
-      })) : R("", !0),
-      x("bs-button", d({
+      })) : P("", !0),
+      T("bs-button", u({
         ref_key: "wcRef",
         ref: o,
         class: s.value,
@@ -901,17 +886,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
-        })
+      }, r.$attrs), [
+        x(b(w), null, W({ _: 2 }, [
+          d.value ? void 0 : {
+            name: "fallback",
+            fn: B(() => [
+              h(r.$slots, "default")
+            ]),
+            key: "0"
+          }
+        ]), 1024)
       ], 16, Me)
     ], 64));
   }
-}, Ne = "bs-button", Vt = {
+}, Fe = "bs-button", Et = {
   __name: "BsButton",
   props: {
     variant: {},
@@ -921,26 +909,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, () => {
+    const a = e, { onLinkClick: t } = F(a), { data: s } = O(Fe, () => {
       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 (l, o) => b(s) ? (i(), g(Ne, u({ key: 0 }, { ...a, ...l.$attrs, router: void 0 }, {
+      style: { display: e.bsShow ? null : "none" },
+      onClick: b(t)
+    }), {
       default: B(() => [
-        m(r.$slots, "default")
+        h(l.$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", u({ key: 1 }, { ...a, ...l.$attrs, router: void 0 }, {
+      style: { display: e.bsShow ? null : "none" },
+      onClick: o[0] || (o[0] = (...d) => b(t) && b(t)(...d))
     }), [
-      m(r.$slots, "default")
+      h(l.$slots, "default")
     ], 16));
   }
-}, Fe = ["disabled", "for", "hide", "pass-attrs", "required"], He = {
+}, je = ["disabled", "for", "hide", "pass-attrs", "required"], Ge = {
   __name: "BsLabelServer",
   props: {
     disabled: {},
@@ -951,26 +944,26 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
   },
   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)));
+    const a = m(!1), t = m(null), s = m(""), l = I([]), o = m(null), d = m(!1), y = (r, v = 0) => {
+      var c, $;
+      t.value || v >= 4 || (t.value = ($ = (c = r.value) == null ? void 0 : c.querySelector) == null ? void 0 : $.call(c, "[data-slot]"), t.value || l.push(setTimeout(() => y(r, v + 1), 50)));
     };
-    return S(() => u(o, 0)), I(t, (l) => {
-      !l || a.value || (D(t), r.push(setTimeout(() => {
-        O(t), A(() => {
+    return p(() => d.value = !0), q(() => y(o, 0)), V(t, (r) => {
+      !r || a.value || (D(t), l.push(setTimeout(() => {
+        L(() => {
           s.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 }, {
+    }, { immediate: !0 }), R(() => l.forEach((r) => clearTimeout(r))), (r, v) => (i(), f(z, null, [
+      t.value && d.value ? (i(), g(b(w), { key: 0 }, {
         default: B(() => [
-          (i(), k(V, { to: t.value }, [
-            m(l.$slots, "default")
+          (i(), g(E, { to: t.value }, [
+            h(r.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
-      })) : R("", !0),
-      x("bs-label", d({
+      })) : P("", !0),
+      T("bs-label", u({
         ref_key: "wcRef",
         ref: o,
         class: s.value,
@@ -980,38 +973,46 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
         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(b(w), null, W({ _: 2 }, [
+          d.value ? void 0 : {
+            name: "fallback",
+            fn: B(() => [
+              h(r.$slots, "default")
+            ]),
+            key: "0"
+          }
+        ]), 1024)
+      ], 16, je)
     ], 64));
   }
-}, Ge = "bs-label", Rt = {
+}, He = "bs-label", Pt = {
   __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, () => {
+    const a = e, { data: t } = O(He, () => {
       if (process.server)
         return !0;
     });
-    return (s, r) => b(t) ? (i(), k(He, j(d({ key: 0 }, { ...a, ...s.$attrs })), {
+    return (s, l) => b(t) ? (i(), g(Ge, u({ key: 0 }, { ...a, ...s.$attrs }, {
+      style: { display: e.bsShow ? null : "none" }
+    }), {
       default: B(() => [
-        m(s.$slots, "default")
+        h(s.$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", u({ key: 1 }, { ...a, ...s.$attrs }, {
+      style: { display: e.bsShow ? null : "none" }
+    }), [
+      h(s.$slots, "default")
     ], 16));
   }
 }, Xe = ["variant", "status", "href", "active", "disabled", "pass-attrs"], Ye = {
@@ -1026,26 +1027,26 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
   },
   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)));
+    const a = m(!1), t = m(null), s = m(""), l = I([]), o = m(null), d = m(!1), y = (r, v = 0) => {
+      var c, $;
+      t.value || v >= 4 || (t.value = ($ = (c = r.value) == null ? void 0 : c.querySelector) == null ? void 0 : $.call(c, "[data-slot]"), t.value || l.push(setTimeout(() => y(r, v + 1), 50)));
     };
-    return S(() => u(o, 0)), I(t, (l) => {
-      !l || a.value || (D(t), r.push(setTimeout(() => {
-        O(t), A(() => {
+    return p(() => d.value = !0), q(() => y(o, 0)), V(t, (r) => {
+      !r || a.value || (D(t), l.push(setTimeout(() => {
+        L(() => {
           s.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 }, {
+    }, { immediate: !0 }), R(() => l.forEach((r) => clearTimeout(r))), (r, v) => (i(), f(z, null, [
+      t.value && d.value ? (i(), g(b(w), { key: 0 }, {
         default: B(() => [
-          (i(), k(V, { to: t.value }, [
-            m(l.$slots, "default")
+          (i(), g(E, { to: t.value }, [
+            h(r.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
-      })) : R("", !0),
-      x("bs-pill", d({
+      })) : P("", !0),
+      T("bs-pill", u({
         ref_key: "wcRef",
         ref: o,
         class: s.value,
@@ -1056,13 +1057,16 @@ 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
-        })
+      }, r.$attrs), [
+        x(b(w), null, W({ _: 2 }, [
+          d.value ? void 0 : {
+            name: "fallback",
+            fn: B(() => [
+              h(r.$slots, "default")
+            ]),
+            key: "0"
+          }
+        ]), 1024)
       ], 16, Xe)
     ], 64));
   }
@@ -1075,23 +1079,28 @@ 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, () => {
+    const a = e, { onLinkClick: t } = F(a), { data: s } = O(Ue, () => {
       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 (l, o) => b(s) ? (i(), g(Ye, u({ key: 0 }, { ...a, ...l.$attrs, router: void 0 }, {
+      style: { display: e.bsShow ? null : "none" },
+      onClick: b(t)
+    }), {
       default: B(() => [
-        m(r.$slots, "default")
+        h(l.$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", u({ key: 1 }, { ...a, ...l.$attrs, router: void 0 }, {
+      style: { display: e.bsShow ? null : "none" },
+      onClick: o[0] || (o[0] = (...d) => b(t) && b(t)(...d))
     }), [
-      m(r.$slots, "default")
+      h(l.$slots, "default")
     ], 16));
   }
 }, Ze = ["disabled", "required", "error", "hint-id", "value", "pass-attrs"], Ke = {
@@ -1106,26 +1115,26 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
   },
   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)));
+    const a = m(!1), t = m(null), s = m(""), l = I([]), o = m(null), d = m(!1), y = (r, v = 0) => {
+      var c, $;
+      t.value || v >= 4 || (t.value = ($ = (c = r.value) == null ? void 0 : c.querySelector) == null ? void 0 : $.call(c, "[data-slot]"), t.value || l.push(setTimeout(() => y(r, v + 1), 50)));
     };
-    return S(() => u(o, 0)), I(t, (l) => {
-      !l || a.value || (D(t), r.push(setTimeout(() => {
-        O(t), A(() => {
+    return p(() => d.value = !0), q(() => y(o, 0)), V(t, (r) => {
+      !r || a.value || (D(t), l.push(setTimeout(() => {
+        L(() => {
           s.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 }, {
+    }, { immediate: !0 }), R(() => l.forEach((r) => clearTimeout(r))), (r, v) => (i(), f(z, null, [
+      t.value && d.value ? (i(), g(b(w), { key: 0 }, {
         default: B(() => [
-          (i(), k(V, { to: t.value }, [
-            m(l.$slots, "default")
+          (i(), g(E, { to: t.value }, [
+            h(r.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
-      })) : R("", !0),
-      x("bs-select", d({
+      })) : P("", !0),
+      T("bs-select", u({
         ref_key: "wcRef",
         ref: o,
         class: s.value,
@@ -1136,17 +1145,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
-        })
+      }, r.$attrs), [
+        x(b(w), null, W({ _: 2 }, [
+          d.value ? void 0 : {
+            name: "fallback",
+            fn: B(() => [
+              h(r.$slots, "default")
+            ]),
+            key: "0"
+          }
+        ]), 1024)
       ], 16, Ze)
     ], 64));
   }
-}, Je = "bs-select", zt = {
+}, Je = "bs-select", Wt = {
   __name: "BsSelect",
   props: {
     disabled: { default: !1 },
@@ -1154,62 +1166,70 @@ 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, () => {
+    const a = e, { data: t } = O(Je, () => {
       if (process.server)
         return !0;
     });
-    return (s, r) => b(t) ? (i(), k(Ke, j(d({ key: 0 }, { ...a, ...s.$attrs })), {
+    return (s, l) => b(t) ? (i(), g(Ke, u({ key: 0 }, { ...a, ...s.$attrs }, {
+      style: { display: e.bsShow ? null : "none" }
+    }), {
       default: B(() => [
-        m(s.$slots, "default")
+        h(s.$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", u({ key: 1 }, { ...a, ...s.$attrs }, {
+      style: { display: e.bsShow ? null : "none" }
+    }), [
+      h(s.$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,
+  Rt as BsAccordion,
+  xe as BsAccordionServer,
+  it as BsBadge,
+  zt as BsBanner,
+  Oe as BsBannerServer,
+  Et as BsButton,
+  Ne as BsButtonServer,
+  ot as BsCharacterCount,
+  dt as BsChartBar,
+  ut as BsChartTable,
+  ct as BsCheckbox,
+  ft as BsCircleButton,
+  ht as BsDropdown,
+  mt as BsDropdownOption,
+  bt as BsDropdownOptions,
+  vt as BsFieldLayout,
+  yt as BsHint,
+  $t as BsInput,
   at as BsInputAddon,
-  vt as BsInputField,
-  yt as BsInputSearch,
-  Rt as BsLabel,
-  He as BsLabelServer,
+  kt as BsInputField,
+  gt as BsInputSearch,
+  Pt as BsLabel,
+  Ge 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,
+  Bt as BsProfile,
+  wt as BsProfileDetails,
+  St as BsProfileImg,
+  Ct as BsProfileLayout,
+  Tt as BsRadio,
+  Wt as BsSelect,
+  At as BsSelectField,
   Ke as BsSelectServer,
-  At as BsSwitch,
-  Tt as BsTextarea,
-  Ct as BsTextareaField,
-  St as BsToast,
-  st as BsToaster,
-  It as BsTooltip
+  It as BsSwitch,
+  pt as BsTextarea,
+  qt as BsTextareaField,
+  Vt as BsToast,
+  st as BsToastActions,
+  lt as BsToastBody,
+  rt as BsToastHeader,
+  nt as BsToaster,
+  Lt as BsTooltip
 };