@wwtdev/bsds-components-vue3 1.7.0 → 1.8.0

package/nuxt/bsds-components.mjs

@@ -1,76 +1,78 @@
-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 { 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", ne = "routerLink", Q = "navManager", ie = "router", oe = "aria", A = Symbol(), X = { default: A }, _ = (e) => (e == null ? void 0 : e.split(" ")) || [], de = (e, n, a = []) => {
+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, l, o) => !n.has(s) && o.indexOf(s) === l
+  return [...Array.from(((t = e.value) == null ? void 0 : t.classList) || []), ...s].filter(
+    (a, n, o) => !l.has(a) && o.indexOf(a) === n
   );
-}, N = (e, n, a = [], t, s, l) => {
-  n !== void 0 && n();
-  const o = ae((d, { attrs: y, slots: r, emit: v }) => {
+}, W = (e, l, s = [], t, a, n) => {
+  l !== void 0 && l();
+  const o = ae((u, { attrs: $, 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);
+    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);
         });
       });
-    }, 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;
+    }, 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: C };
-          for (const k in d) {
-            const M = d[k];
-            d.hasOwnProperty(k) && k.startsWith(ie) && M !== A && (S[k] = M);
+          let S = { event: T };
+          for (const g in u) {
+            const N = u[g];
+            u.hasOwnProperty(g) && g.startsWith(ie) && N !== A && (S[g] = N);
           }
           U.navigate(S);
         } else
           console.warn("Tried to navigate, but no router was found. Make sure you have mounted Vue Router.");
     };
     return () => {
-      c = d[t], _(y.class).forEach((k) => {
-        Y.add(k);
+      c = u[t], _($.class).forEach((g) => {
+        Y.add(g);
       });
-      const C = d.onClick, j = (k) => {
-        C !== void 0 && C(k), k.defaultPrevented || te(k);
+      const T = u.onClick, j = (g) => {
+        T !== void 0 && T(g), g.defaultPrevented || te(g);
       };
       let S = {
-        ref: $,
-        class: de($, Y),
+        ref: k,
+        class: de(k, Y),
         onClick: j,
-        onVnodeBeforeMount: s ? ee : void 0
+        onVnodeBeforeMount: a ? ee : void 0
       };
-      for (const k in d) {
-        const M = d[k];
-        (d.hasOwnProperty(k) && M !== A || k.startsWith(oe)) && (S[k] = M);
+      for (const g in u) {
+        const N = u[g];
+        (u.hasOwnProperty(g) && N !== A || g.startsWith(oe)) && (S[g] = N);
       }
-      return t && (d[H] !== A ? S = {
+      return t && (u[H] !== A ? S = {
         ...S,
-        [t]: d[H]
+        [t]: u[H]
       } : c !== A && (S = {
         ...S,
         [t]: c
-      })), re(e, S, r.default && r.default());
+      })), ne(e, S, r.default && r.default());
     };
   });
   return typeof o != "function" && (o.name = e, o.props = {
-    [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, [
+    [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__ */ N("bs-toast-actions", void 0, [
+]), rt = /* @__PURE__ */ W("bs-loader", void 0, [
+  "size"
+]), it = /* @__PURE__ */ W("bs-toast-actions", void 0, [
   "defaultDismiss"
-]), lt = /* @__PURE__ */ N("bs-toast-body", void 0), rt = /* @__PURE__ */ N("bs-toast-header", void 0, [
+]), ot = /* @__PURE__ */ W("bs-toast-body", void 0), dt = /* @__PURE__ */ W("bs-toast-header", void 0, [
   "variant"
-]), nt = /* @__PURE__ */ N("bs-toaster", void 0), ue = ["color", "count", "count-max", "dot", "label", "position", "show-zero"], it = {
+]), ut = /* @__PURE__ */ W("bs-toaster", void 0), ue = ["color", "count", "count-max", "dot", "label", "position", "show-zero"], ct = {
   __name: "BsBadge",
   props: {
     color: {},
@@ -82,8 +84,8 @@ const J = "update:modelValue", H = "modelValue", ne = "routerLink", Q = "navMana
     showZero: {}
   },
   emits: [],
-  setup(e, { emit: n }) {
-    return (a, t) => (i(), f("bs-badge", u(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,
@@ -92,23 +94,23 @@ const J = "update:modelValue", H = "modelValue", ne = "routerLink", Q = "navMana
       position: e.position,
       "show-zero": e.showZero
     }), [
-      h(a.$slots, "default")
+      h(s.$slots, "default")
     ], 16, ue));
   }
-}, ce = ["char-count", "char-max"], ot = {
+}, ce = ["char-count", "char-max"], ft = {
   __name: "BsCharacterCount",
   props: {
     charCount: {},
     charMax: {}
   },
   emits: [],
-  setup(e, { emit: n }) {
-    return (a, t) => (i(), f("bs-character-count", u(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"], dt = {
+}, 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: {},
@@ -123,8 +125,8 @@ const J = "update:modelValue", H = "modelValue", ne = "routerLink", Q = "navMana
     yLabel: { default: "" }
   },
   emits: [],
-  setup(e, { emit: n }) {
-    return (a, t) => (i(), f("bs-chart-bar", u(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,
@@ -137,7 +139,7 @@ const J = "update:modelValue", H = "modelValue", ne = "routerLink", Q = "navMana
       "y-label": e.yLabel
     }), null, 16, fe));
   }
-}, he = ["data", "dataIdxLabels", "table-title"], ut = {
+}, he = ["data", "dataIdxLabels", "table-title"], mt = {
   __name: "BsChartTable",
   props: {
     data: {},
@@ -145,14 +147,14 @@ const J = "update:modelValue", H = "modelValue", ne = "routerLink", Q = "navMana
     tableTitle: { default: "" }
   },
   emits: [],
-  setup(e, { emit: n }) {
-    return (a, t) => (i(), f("bs-chart-table", u(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"], ct = {
+}, me = ["label", "checked", "checked-partially", "disabled", "error", "pass-attrs", "required", "size"], bt = {
   __name: "BsCheckbox",
   props: {
     label: {},
@@ -166,8 +168,8 @@ const J = "update:modelValue", H = "modelValue", ne = "routerLink", Q = "navMana
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    return (a, t) => (i(), f("bs-checkbox", u(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,
@@ -176,25 +178,25 @@ const J = "update:modelValue", H = "modelValue", ne = "routerLink", Q = "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 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;
+  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 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));
+  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"], ft = {
+const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-position", "label", "pass-attrs", "text-btn", "size"], vt = {
   __name: "BsCircleButton",
   props: {
     disabled: {},
@@ -210,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 } = F(a);
-    return (s, l) => (i(), f("bs-circle-button", u(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,
@@ -223,10 +225,10 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
       "pass-attrs": e.passAttrs,
       "text-btn": e.textBtn,
       size: e.size,
-      onClick: l[0] || (l[0] = (...o) => b(t) && b(t)(...o))
+      onClick: n[0] || (n[0] = (...o) => m(t) && m(t)(...o))
     }), null, 16, be));
   }
-}, ve = ["shown", "width", "top", "center", "toggle-id", "container-id"], ht = {
+}, ve = ["shown", "width", "top", "center", "toggle-id", "container-id"], $t = {
   __name: "BsDropdown",
   props: {
     shown: { default: !1 },
@@ -237,25 +239,25 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     containerId: { default: void 0 }
   },
   emits: ["close"],
-  setup(e, { emit: n }) {
-    return (a, t) => (i(), g(b(w), null, {
+  setup(e, { emit: l }) {
+    return (s, t) => (i(), y(m(w), null, {
       default: B(() => [
-        T("bs-dropdown", u(a.$attrs, {
+        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] = (s) => n("close", s.detail))
+          onClose: t[0] || (t[0] = (a) => l("close", a.detail))
         }), [
-          h(a.$slots, "default")
+          h(s.$slots, "default")
         ], 16, ve)
       ]),
       _: 3
     }));
   }
-}, ye = ["value", "variant", "selected", "options-id", "shown", "focused", "index"], mt = {
+}, $e = ["value", "variant", "selected", "options-id", "shown", "focused", "index"], yt = {
   __name: "BsDropdownOption",
   props: {
     value: {},
@@ -267,8 +269,8 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     index: {}
   },
   emits: ["optionmouseenter", "optionselect"],
-  setup(e, { emit: n }) {
-    return (a, t) => (i(), f("bs-dropdown-option", u(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (s, t) => (i(), f("bs-dropdown-option", d(s.$attrs, {
       value: e.value,
       variant: e.variant,
       selected: e.selected,
@@ -276,13 +278,13 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
       shown: e.shown,
       focused: e.focused,
       index: e.index,
-      onOptionmouseenter: t[0] || (t[0] = (s) => n("optionmouseenter", 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))
     }), [
-      h(a.$slots, "default")
-    ], 16, ye));
+      h(s.$slots, "default")
+    ], 16, $e));
   }
-}, $e = ["options-id", "shown", "label"], bt = {
+}, ye = ["options-id", "shown", "label"], Bt = {
   __name: "BsDropdownOptions",
   props: {
     optionsId: {},
@@ -290,18 +292,18 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     label: {}
   },
   emits: ["selectionchange", "close"],
-  setup(e, { emit: n }) {
-    return (a, t) => (i(), f("bs-dropdown-options", u(a.$attrs, {
+  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,
-      onSelectionchange: t[0] || (t[0] = (s) => n("selectionchange", 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))
     }), [
-      h(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"], vt = {
+}, Be = ["char-count", "char-max", "disabled", "error", "hints", "label", "label-for", "required", "hint-id"], kt = {
   __name: "BsFieldLayout",
   props: {
     charCount: {},
@@ -315,8 +317,8 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     hintId: {}
   },
   emits: [],
-  setup(e, { emit: n }) {
-    return (a, t) => (i(), f("bs-field-layout", u(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,
@@ -327,10 +329,10 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
       required: e.required,
       "hint-id": e.hintId
     }), [
-      h(a.$slots, "default")
-    ], 16, ke));
+      h(s.$slots, "default")
+    ], 16, Be));
   }
-}, ge = ["error", "hint-id", "hints"], yt = {
+}, ke = ["error", "hint-id", "hints"], gt = {
   __name: "BsHint",
   props: {
     error: {},
@@ -338,14 +340,14 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     hints: {}
   },
   emits: [],
-  setup(e, { emit: n }) {
-    return (a, t) => (i(), f("bs-hint", u(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, ge));
+    }), null, 16, ke));
   }
-}, Be = ["disabled", "error", "pass-attrs", "placeholder", "required", "type", "value", "hint-id"], $t = {
+}, ge = ["disabled", "error", "pass-attrs", "placeholder", "required", "type", "value", "hint-id"], wt = {
   __name: "BsInput",
   props: {
     disabled: { default: !1 },
@@ -359,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(), f("bs-input", u(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,
@@ -369,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))
-    }), null, 16, Be));
+      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"], kt = {
+}, we = ["disabled", "error", "hints", "label", "pass-attrs", "placeholder", "required", "type", "value"], St = {
   __name: "BsInputField",
   props: {
     disabled: { default: !1 },
@@ -387,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(), f("bs-input-field", u(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,
@@ -398,10 +400,10 @@ 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));
   }
-}, Se = ["disabled", "pass-attrs", "placeholder", "hint-id", "value"], gt = {
+}, Se = ["disabled", "pass-attrs", "placeholder", "hint-id", "value"], Ct = {
   __name: "BsInputSearch",
   props: {
     disabled: { default: !1 },
@@ -412,18 +414,56 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     modelValue: {}
   },
   emits: ["clear", "update:modelValue"],
-  setup(e, { emit: n }) {
-    return (a, t) => (i(), f("bs-input-search", u(a.$attrs, {
+  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,
       "hint-id": e.hintId,
       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))
+      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 = ["layout", "href", "image-src", "image-size", "initials", "profile-name", "company", "job-title", "email"], Bt = {
+}, 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
+    }));
+  }
+}, 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: {},
@@ -438,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 } = F(a);
-    return (s, l) => (i(), f("bs-profile", u(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,
@@ -450,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: l[0] || (l[0] = (...o) => b(t) && b(t)(...o))
-    }), null, 16, Ce));
+      onClick: n[0] || (n[0] = (...o) => m(t) && m(t)(...o))
+    }), null, 16, Ae));
   }
-}, Te = ["profile-name", "company", "job-title", "email"], wt = {
+}, Ie = ["profile-name", "company", "job-title", "email"], Lt = {
   __name: "BsProfileDetails",
   props: {
     profileName: {},
@@ -462,15 +502,15 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     email: {}
   },
   emits: [],
-  setup(e, { emit: n }) {
-    return (a, t) => (i(), f("bs-profile-details", u(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));
   }
-}, Ae = ["src", "size", "initials", "profile-name"], St = {
+}, Le = ["src", "size", "initials", "profile-name"], qt = {
   __name: "BsProfileImg",
   props: {
     src: {},
@@ -479,15 +519,15 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     profileName: {}
   },
   emits: [],
-  setup(e, { emit: n }) {
-    return (a, t) => (i(), f("bs-profile-img", u(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, Ae));
+    }), null, 16, Le));
   }
-}, Ie = ["layout", "href", "pass-attrs"], Ct = {
+}, qe = ["layout", "href", "pass-attrs"], Vt = {
   __name: "BsProfileLayout",
   props: {
     layout: { default: "vertical" },
@@ -496,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 } = F(a);
-    return (s, l) => (i(), f("bs-profile-layout", u(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: l[0] || (l[0] = (...o) => b(t) && b(t)(...o))
+      onClick: n[0] || (n[0] = (...o) => m(t) && m(t)(...o))
     }), [
-      h(s.$slots, "default")
-    ], 16, Ie));
+      h(a.$slots, "default")
+    ], 16, qe));
   }
-}, pe = ["label", "checked", "disabled", "error", "pass-attrs", "required", "size", "value"], Tt = {
+}, Ve = ["label", "checked", "disabled", "error", "pass-attrs", "required", "size", "value"], pt = {
   __name: "BsRadio",
   props: {
     label: {},
@@ -521,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(), f("bs-radio", u(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,
@@ -531,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, pe));
+      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"], At = {
+}, pe = ["disabled", "error", "required", "label", "hints", "placeholder", "value", "pass-attrs", "data"], Rt = {
   __name: "BsSelectField",
   props: {
     disabled: { default: !1 },
@@ -549,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(), f("bs-select-field", u(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,
@@ -560,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));
   }
-}, Ve = ["checked", "disabled", "inner-on-label", "inner-off-label", "label", "pass-attrs", "size"], It = {
+}, Re = ["checked", "disabled", "inner-on-label", "inner-off-label", "label", "pass-attrs", "size"], zt = {
   __name: "BsSwitch",
   props: {
     checked: { default: !1 },
@@ -576,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(), f("bs-switch", u(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,
@@ -585,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, Ve));
+      onChange: t[0] || (t[0] = (a) => l("update:modelValue", a.target.checked))
+    }), null, 16, Re));
   }
-}, Le = ["disabled", "error", "pass-attrs", "placeholder", "required", "value", "hint-id"], pt = {
+}, ze = ["disabled", "error", "pass-attrs", "placeholder", "required", "value", "hint-id"], Et = {
   __name: "BsTextarea",
   props: {
     disabled: { default: !1 },
@@ -601,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(), f("bs-textarea", u(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,
@@ -610,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, Le));
+      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"], qt = {
+}, Ee = ["char-max", "disabled", "error", "hints", "label", "placeholder", "required", "value", "pass-attrs"], Pt = {
   __name: "BsTextareaField",
   props: {
     charMax: {},
@@ -628,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(), f("bs-textarea-field", u(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,
@@ -639,10 +679,10 @@ 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));
   }
-}, ze = ["toast-id", "shown", "variant", "stacked", "duration"], Vt = {
+}, Pe = ["toast-id", "shown", "variant", "stacked", "duration"], xt = {
   __name: "BsToast",
   props: {
     toastId: {},
@@ -652,19 +692,19 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     duration: { default: 1e4 }
   },
   emits: ["dismiss"],
-  setup(e, { emit: n }) {
-    return (a, t) => (i(), f("bs-toast", u(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (s, t) => (i(), f("bs-toast", d(s.$attrs, {
       "toast-id": e.toastId,
       shown: e.shown,
       variant: e.variant,
       stacked: e.stacked,
       duration: e.duration,
-      onDismiss: t[0] || (t[0] = (s) => n("dismiss", s.detail))
+      onDismiss: t[0] || (t[0] = (a) => l("dismiss", a.detail))
     }), [
-      h(a.$slots, "default")
-    ], 16, ze));
+      h(s.$slots, "default")
+    ], 16, Pe));
   }
-}, Ee = ["tooltip-id", "content", "position"], Lt = {
+}, xe = ["tooltip-id", "content", "position"], Dt = {
   __name: "BsTooltip",
   props: {
     tooltipId: {},
@@ -672,20 +712,49 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     position: {}
   },
   emits: [],
-  setup(e, { emit: n }) {
-    return (a, t) => (i(), f("bs-tooltip", u(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
     }), [
-      h(a.$slots, "default")
-    ], 16, Ee));
+      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) {
+function M(e) {
   e.value.replaceChildren();
 }
-const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "stacked"], xe = {
+const Oe = ["controlled", "icon", "header-text", "heading-level", "open-item", "stacked"], We = {
   __name: "BsAccordionServer",
   props: {
     controlled: { default: !1 },
@@ -696,30 +765,30 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     stacked: { default: !1 }
   },
   emits: ["toggled"],
-  setup(e, { emit: n }) {
-    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)));
+  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 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";
+    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 }), R(() => l.forEach((r) => clearTimeout(r))), (r, v) => (i(), f(z, null, [
-      t.value && d.value ? (i(), g(b(w), { 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(), g(E, { to: t.value }, [
+          (i(), y(E, { to: t.value }, [
             h(r.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
       })) : P("", !0),
-      T("bs-accordion", u({
+      C("bs-accordion", d({
         ref_key: "wcRef",
         ref: o,
-        class: s.value,
+        class: a.value,
         "data-bsds-ssr": "",
         controlled: e.controlled,
         icon: e.icon,
@@ -727,10 +796,10 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
         "heading-level": e.headingLevel,
         "open-item": e.openItem,
         stacked: e.stacked,
-        onToggled: v[0] || (v[0] = (c) => n("toggled", c.detail))
+        onToggled: v[0] || (v[0] = (c) => l("toggled", c.detail))
       }, r.$attrs), [
-        x(b(w), null, W({ _: 2 }, [
-          d.value ? void 0 : {
+        x(m(w), null, D({ _: 2 }, [
+          u.value ? void 0 : {
             name: "fallback",
             fn: B(() => [
               h(r.$slots, "default")
@@ -738,10 +807,10 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
             key: "0"
           }
         ]), 1024)
-      ], 16, Pe)
+      ], 16, Oe)
     ], 64));
   }
-}, We = "bs-accordion", Rt = {
+}, Me = "bs-accordion", Wt = {
   __name: "BsAccordion",
   props: {
     controlled: { default: !1 },
@@ -753,59 +822,59 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     bsShow: { default: !0 }
   },
   emits: ["toggled"],
-  setup(e, { emit: n }) {
-    const a = e, { data: t } = O(We, () => {
+  setup(e, { emit: l }) {
+    const s = e, { data: t } = O(Me, () => {
       if (process.server)
         return !0;
     });
-    return (s, l) => b(t) ? (i(), g(xe, u({ key: 0 }, { ...a, ...s.$attrs }, {
+    return (a, n) => m(t) ? (i(), y(We, d({ key: 0 }, { ...s, ...a.$attrs }, {
       style: { display: e.bsShow ? null : "none" },
-      onToggled: l[0] || (l[0] = (o) => n("toggled", o))
+      onToggled: n[0] || (n[0] = (o) => l("toggled", o))
     }), {
       default: B(() => [
-        h(s.$slots, "default")
+        h(a.$slots, "default")
       ]),
       _: 3
-    }, 16, ["style"])) : (i(), f("bs-accordion", u({ key: 1 }, { ...a, ...s.$attrs }, {
+    }, 16, ["style"])) : (i(), f("bs-accordion", d({ key: 1 }, { ...s, ...a.$attrs }, {
       style: { display: e.bsShow ? null : "none" },
-      onToggled: l[1] || (l[1] = (o) => n("toggled", o.detail))
+      onToggled: n[1] || (n[1] = (o) => l("toggled", o.detail))
     }), [
-      h(s.$slots, "default")
+      h(a.$slots, "default")
     ], 16));
   }
-}, Oe = {
+}, Ne = {
   __name: "BsBannerServer",
   props: {},
   emits: ["dismiss"],
-  setup(e, { emit: n }) {
-    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)));
+  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 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";
+    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 }), R(() => l.forEach((r) => clearTimeout(r))), (r, v) => (i(), f(z, null, [
-      t.value && d.value ? (i(), g(b(w), { 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(), g(E, { to: t.value }, [
+          (i(), y(E, { to: t.value }, [
             h(r.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
       })) : P("", !0),
-      T("bs-banner", u({
+      C("bs-banner", d({
         ref_key: "wcRef",
         ref: o,
-        class: s.value,
+        class: a.value,
         "data-bsds-ssr": "",
-        onDismiss: v[0] || (v[0] = (c) => n("dismiss", c.detail))
+        onDismiss: v[0] || (v[0] = (c) => l("dismiss", c.detail))
       }, r.$attrs), [
-        x(b(w), null, W({ _: 2 }, [
-          d.value ? void 0 : {
+        x(m(w), null, D({ _: 2 }, [
+          u.value ? void 0 : {
             name: "fallback",
             fn: B(() => [
               h(r.$slots, "default")
@@ -816,33 +885,33 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
       ], 16)
     ], 64));
   }
-}, De = "bs-banner", zt = {
+}, Fe = "bs-banner", Mt = {
   __name: "BsBanner",
   props: {
     bsShow: { default: !0 }
   },
   emits: ["dismiss"],
-  setup(e, { emit: n }) {
-    const a = e, { data: t } = O(De, () => {
+  setup(e, { emit: l }) {
+    const s = e, { data: t } = O(Fe, () => {
       if (process.server)
         return !0;
     });
-    return (s, l) => b(t) ? (i(), g(Oe, u({ key: 0 }, { ...a, ...s.$attrs }, {
+    return (a, n) => m(t) ? (i(), y(Ne, d({ key: 0 }, { ...s, ...a.$attrs }, {
       style: { display: e.bsShow ? null : "none" },
-      onDismiss: l[0] || (l[0] = (o) => n("dismiss", o))
+      onDismiss: n[0] || (n[0] = (o) => l("dismiss", o))
     }), {
       default: B(() => [
-        h(s.$slots, "default")
+        h(a.$slots, "default")
       ]),
       _: 3
-    }, 16, ["style"])) : (i(), f("bs-banner", u({ key: 1 }, { ...a, ...s.$attrs }, {
+    }, 16, ["style"])) : (i(), f("bs-banner", d({ key: 1 }, { ...s, ...a.$attrs }, {
       style: { display: e.bsShow ? null : "none" },
-      onDismiss: l[1] || (l[1] = (o) => n("dismiss", o.detail))
+      onDismiss: n[1] || (n[1] = (o) => l("dismiss", o.detail))
     }), [
-      h(s.$slots, "default")
+      h(a.$slots, "default")
     ], 16));
   }
-}, Me = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn", "size"], Ne = {
+}, je = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn", "size"], Ge = {
   __name: "BsButtonServer",
   props: {
     variant: {},
@@ -854,30 +923,30 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     size: {}
   },
   emits: [],
-  setup(e, { emit: n }) {
-    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)));
+  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 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";
+    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 }), R(() => l.forEach((r) => clearTimeout(r))), (r, v) => (i(), f(z, null, [
-      t.value && d.value ? (i(), g(b(w), { 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(), g(E, { to: t.value }, [
+          (i(), y(E, { to: t.value }, [
             h(r.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
       })) : P("", !0),
-      T("bs-button", u({
+      C("bs-button", d({
         ref_key: "wcRef",
         ref: o,
-        class: s.value,
+        class: a.value,
         "data-bsds-ssr": "",
         variant: e.variant,
         disabled: e.disabled,
@@ -887,8 +956,8 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
         "text-btn": e.textBtn,
         size: e.size
       }, r.$attrs), [
-        x(b(w), null, W({ _: 2 }, [
-          d.value ? void 0 : {
+        x(m(w), null, D({ _: 2 }, [
+          u.value ? void 0 : {
             name: "fallback",
             fn: B(() => [
               h(r.$slots, "default")
@@ -896,10 +965,10 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
             key: "0"
           }
         ]), 1024)
-      ], 16, Me)
+      ], 16, je)
     ], 64));
   }
-}, Fe = "bs-button", Et = {
+}, He = "bs-button", Nt = {
   __name: "BsButton",
   props: {
     variant: {},
@@ -913,27 +982,27 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     bsShow: { default: !0 }
   },
   emits: [],
-  setup(e, { emit: n }) {
-    const a = e, { onLinkClick: t } = F(a), { data: s } = O(Fe, () => {
+  setup(e, { emit: l }) {
+    const s = e, { onLinkClick: t } = F(s), { data: a } = O(He, () => {
       if (process.server)
         return !0;
     });
-    return (l, o) => b(s) ? (i(), g(Ne, u({ key: 0 }, { ...a, ...l.$attrs, router: void 0 }, {
+    return (n, o) => m(a) ? (i(), y(Ge, d({ key: 0 }, { ...s, ...n.$attrs, router: void 0 }, {
       style: { display: e.bsShow ? null : "none" },
-      onClick: b(t)
+      onClick: m(t)
     }), {
       default: B(() => [
-        h(l.$slots, "default")
+        h(n.$slots, "default")
       ]),
       _: 3
-    }, 16, ["style", "onClick"])) : (i(), f("bs-button", u({ key: 1 }, { ...a, ...l.$attrs, router: void 0 }, {
+    }, 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] = (...d) => b(t) && b(t)(...d))
+      onClick: o[0] || (o[0] = (...u) => m(t) && m(t)(...u))
     }), [
-      h(l.$slots, "default")
+      h(n.$slots, "default")
     ], 16));
   }
-}, je = ["disabled", "for", "hide", "pass-attrs", "required"], Ge = {
+}, Xe = ["disabled", "for", "hide", "pass-attrs", "required"], Ye = {
   __name: "BsLabelServer",
   props: {
     disabled: {},
@@ -943,30 +1012,30 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     required: {}
   },
   emits: [],
-  setup(e, { emit: n }) {
-    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)));
+  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 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";
+    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 }), R(() => l.forEach((r) => clearTimeout(r))), (r, v) => (i(), f(z, null, [
-      t.value && d.value ? (i(), g(b(w), { 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(), g(E, { to: t.value }, [
+          (i(), y(E, { to: t.value }, [
             h(r.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
       })) : P("", !0),
-      T("bs-label", u({
+      C("bs-label", d({
         ref_key: "wcRef",
         ref: o,
-        class: s.value,
+        class: a.value,
         "data-bsds-ssr": "",
         disabled: e.disabled,
         for: e.for,
@@ -974,8 +1043,8 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
         "pass-attrs": e.passAttrs,
         required: e.required
       }, r.$attrs), [
-        x(b(w), null, W({ _: 2 }, [
-          d.value ? void 0 : {
+        x(m(w), null, D({ _: 2 }, [
+          u.value ? void 0 : {
             name: "fallback",
             fn: B(() => [
               h(r.$slots, "default")
@@ -983,10 +1052,10 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
             key: "0"
           }
         ]), 1024)
-      ], 16, je)
+      ], 16, Xe)
     ], 64));
   }
-}, He = "bs-label", Pt = {
+}, Ue = "bs-label", Ft = {
   __name: "BsLabel",
   props: {
     disabled: {},
@@ -997,25 +1066,25 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     bsShow: { default: !0 }
   },
   emits: [],
-  setup(e, { emit: n }) {
-    const a = e, { data: t } = O(He, () => {
+  setup(e, { emit: l }) {
+    const s = e, { data: t } = O(Ue, () => {
       if (process.server)
         return !0;
     });
-    return (s, l) => b(t) ? (i(), g(Ge, u({ 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(() => [
-        h(s.$slots, "default")
+        h(a.$slots, "default")
       ]),
       _: 3
-    }, 16, ["style"])) : (i(), f("bs-label", u({ key: 1 }, { ...a, ...s.$attrs }, {
+    }, 16, ["style"])) : (i(), f("bs-label", d({ key: 1 }, { ...s, ...a.$attrs }, {
       style: { display: e.bsShow ? null : "none" }
     }), [
-      h(s.$slots, "default")
+      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: {},
@@ -1026,30 +1095,30 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     passAttrs: { default: "" }
   },
   emits: [],
-  setup(e, { emit: n }) {
-    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)));
+  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 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";
+    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 }), R(() => l.forEach((r) => clearTimeout(r))), (r, v) => (i(), f(z, null, [
-      t.value && d.value ? (i(), g(b(w), { 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(), g(E, { to: t.value }, [
+          (i(), y(E, { to: t.value }, [
             h(r.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
       })) : P("", !0),
-      T("bs-pill", u({
+      C("bs-pill", d({
         ref_key: "wcRef",
         ref: o,
-        class: s.value,
+        class: a.value,
         "data-bsds-ssr": "",
         variant: e.variant,
         status: e.status,
@@ -1058,8 +1127,8 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
         disabled: e.disabled,
         "pass-attrs": e.passAttrs
       }, r.$attrs), [
-        x(b(w), null, W({ _: 2 }, [
-          d.value ? void 0 : {
+        x(m(w), null, D({ _: 2 }, [
+          u.value ? void 0 : {
             name: "fallback",
             fn: B(() => [
               h(r.$slots, "default")
@@ -1067,10 +1136,10 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
             key: "0"
           }
         ]), 1024)
-      ], 16, Xe)
+      ], 16, Ze)
     ], 64));
   }
-}, Ue = "bs-pill", xt = {
+}, Je = "bs-pill", jt = {
   __name: "BsPill",
   props: {
     variant: {},
@@ -1083,27 +1152,27 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     bsShow: { default: !0 }
   },
   emits: [],
-  setup(e, { emit: n }) {
-    const a = e, { onLinkClick: t } = F(a), { data: s } = O(Ue, () => {
+  setup(e, { emit: l }) {
+    const s = e, { onLinkClick: t } = F(s), { data: a } = O(Je, () => {
       if (process.server)
         return !0;
     });
-    return (l, o) => b(s) ? (i(), g(Ye, u({ key: 0 }, { ...a, ...l.$attrs, router: void 0 }, {
+    return (n, o) => m(a) ? (i(), y(Ke, d({ key: 0 }, { ...s, ...n.$attrs, router: void 0 }, {
       style: { display: e.bsShow ? null : "none" },
-      onClick: b(t)
+      onClick: m(t)
     }), {
       default: B(() => [
-        h(l.$slots, "default")
+        h(n.$slots, "default")
       ]),
       _: 3
-    }, 16, ["style", "onClick"])) : (i(), f("bs-pill", u({ key: 1 }, { ...a, ...l.$attrs, router: void 0 }, {
+    }, 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] = (...d) => b(t) && b(t)(...d))
+      onClick: o[0] || (o[0] = (...u) => m(t) && m(t)(...u))
     }), [
-      h(l.$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 },
@@ -1114,30 +1183,30 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     passAttrs: { default: "" }
   },
   emits: [],
-  setup(e, { emit: n }) {
-    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)));
+  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 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";
+    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 }), R(() => l.forEach((r) => clearTimeout(r))), (r, v) => (i(), f(z, null, [
-      t.value && d.value ? (i(), g(b(w), { 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(), g(E, { to: t.value }, [
+          (i(), y(E, { to: t.value }, [
             h(r.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
       })) : P("", !0),
-      T("bs-select", u({
+      C("bs-select", d({
         ref_key: "wcRef",
         ref: o,
-        class: s.value,
+        class: a.value,
         "data-bsds-ssr": "",
         disabled: e.disabled,
         required: e.required,
@@ -1146,8 +1215,8 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
         value: e.value,
         "pass-attrs": e.passAttrs
       }, r.$attrs), [
-        x(b(w), null, W({ _: 2 }, [
-          d.value ? void 0 : {
+        x(m(w), null, D({ _: 2 }, [
+          u.value ? void 0 : {
             name: "fallback",
             fn: B(() => [
               h(r.$slots, "default")
@@ -1155,10 +1224,10 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
             key: "0"
           }
         ]), 1024)
-      ], 16, Ze)
+      ], 16, Qe)
     ], 64));
   }
-}, Je = "bs-select", Wt = {
+}, et = "bs-select", Gt = {
   __name: "BsSelect",
   props: {
     disabled: { default: !1 },
@@ -1170,66 +1239,70 @@ const Pe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     bsShow: { default: !0 }
   },
   emits: [],
-  setup(e, { emit: n }) {
-    const a = e, { data: t } = O(Je, () => {
+  setup(e, { emit: l }) {
+    const s = e, { data: t } = O(et, () => {
       if (process.server)
         return !0;
     });
-    return (s, l) => b(t) ? (i(), g(Ke, u({ 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(() => [
-        h(s.$slots, "default")
+        h(a.$slots, "default")
       ]),
       _: 3
-    }, 16, ["style"])) : (i(), f("bs-select", u({ key: 1 }, { ...a, ...s.$attrs }, {
+    }, 16, ["style"])) : (i(), f("bs-select", d({ key: 1 }, { ...s, ...a.$attrs }, {
       style: { display: e.bsShow ? null : "none" }
     }), [
-      h(s.$slots, "default")
+      h(a.$slots, "default")
     ], 16));
   }
 };
 export {
-  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,
-  kt as BsInputField,
-  gt as BsInputSearch,
-  Pt as BsLabel,
-  Ge as BsLabelServer,
-  xt as BsPill,
-  Ye as BsPillServer,
-  Bt as BsProfile,
-  wt as BsProfileDetails,
-  St as BsProfileImg,
-  Ct as BsProfileLayout,
-  Tt as BsRadio,
-  Wt as BsSelect,
-  At as BsSelectField,
-  Ke as BsSelectServer,
-  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
+  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
 };