@wwtdev/bsds-components-vue3 1.8.0 → 1.8.1

package/nuxt/bsds-components.mjs

@@ -1,78 +1,78 @@
-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 { defineComponent as ae, ref as m, 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 b, createBlock as $, withCtx as g, createElementVNode as T, reactive as p, onBeforeMount as A, onMounted as I, watch as L, nextTick as q, onBeforeUnmount as V, Fragment as x, Teleport as R, createCommentVNode as P, createVNode as E, createSlots as z } from "vue";
 import { ClientOnly as w } from "#components";
-import { useAsyncData as O } from "#imports";
-const J = "update:modelValue", H = "modelValue", re = "routerLink", Q = "navManager", ie = "router", oe = "aria", A = Symbol(), X = { default: A }, _ = (e) => (e == null ? void 0 : e.split(" ")) || [], de = (e, l, s = []) => {
+import { useAsyncData as W } from "#imports";
+const J = "update:modelValue", H = "modelValue", re = "routerLink", Q = "navManager", ie = "router", oe = "aria", O = Symbol(), X = { default: O }, _ = (e) => (e == null ? void 0 : e.split(" ")) || [], ue = (e, n, s = []) => {
   var t;
   return [...Array.from(((t = e.value) == null ? void 0 : t.classList) || []), ...s].filter(
-    (a, n, o) => !l.has(a) && o.indexOf(a) === n
+    (a, r, o) => !n.has(a) && o.indexOf(a) === r
   );
-}, W = (e, l, s = [], t, a, n) => {
-  l !== void 0 && l();
-  const o = ae((u, { attrs: $, slots: r, emit: v }) => {
+}, M = (e, n, s = [], t, a, r) => {
+  n !== void 0 && n();
+  const o = ae((u, { attrs: y, slots: l, emit: v }) => {
     var Z;
     let c = u[t];
-    const k = b(), Y = new Set(_($.class)), ee = (T) => {
-      T.el && (Array.isArray(a) ? a : [a]).forEach((S) => {
-        T.el.addEventListener(S.toLowerCase(), (g) => {
-          c = (g == null ? void 0 : g.target)[t], v(J, c), n && v(n, g);
+    const B = m(), Y = new Set(_(y.class)), ee = (C) => {
+      C.el && (Array.isArray(a) ? a : [a]).forEach((S) => {
+        C.el.addEventListener(S.toLowerCase(), (k) => {
+          c = (k == null ? void 0 : k.target)[t], v(J, c), r && v(r, k);
         });
       });
-    }, G = se(), U = ((Z = G == null ? void 0 : G.appContext) == null ? void 0 : Z.provides[Q]) ? le(Q) : void 0, te = (T) => {
+    }, 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 } = u;
-      if (j !== A)
+      if (j !== O)
         if (U !== void 0) {
-          let S = { event: T };
-          for (const g in u) {
-            const N = u[g];
-            u.hasOwnProperty(g) && g.startsWith(ie) && N !== A && (S[g] = N);
+          let S = { event: C };
+          for (const k in u) {
+            const F = u[k];
+            u.hasOwnProperty(k) && k.startsWith(ie) && F !== O && (S[k] = F);
           }
           U.navigate(S);
         } else
           console.warn("Tried to navigate, but no router was found. Make sure you have mounted Vue Router.");
     };
     return () => {
-      c = u[t], _($.class).forEach((g) => {
-        Y.add(g);
+      c = u[t], _(y.class).forEach((k) => {
+        Y.add(k);
       });
-      const T = u.onClick, j = (g) => {
-        T !== void 0 && T(g), g.defaultPrevented || te(g);
+      const C = u.onClick, j = (k) => {
+        C !== void 0 && C(k), k.defaultPrevented || te(k);
       };
       let S = {
-        ref: k,
-        class: de(k, Y),
+        ref: B,
+        class: ue(B, Y),
         onClick: j,
         onVnodeBeforeMount: a ? ee : void 0
       };
-      for (const g in u) {
-        const N = u[g];
-        (u.hasOwnProperty(g) && N !== A || g.startsWith(oe)) && (S[g] = N);
+      for (const k in u) {
+        const F = u[k];
+        (u.hasOwnProperty(k) && F !== O || k.startsWith(oe)) && (S[k] = F);
       }
-      return t && (u[H] !== A ? S = {
+      return t && (u[H] !== O ? S = {
         ...S,
         [t]: u[H]
-      } : c !== A && (S = {
+      } : c !== O && (S = {
         ...S,
         [t]: c
-      })), ne(e, S, r.default && r.default());
+      })), ne(e, S, l.default && l.default());
     };
   });
   return typeof o != "function" && (o.name = e, o.props = {
     [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, [
+  }), t && (o.props[H] = X, o.emits = [J, r])), o;
+}, ot = /* @__PURE__ */ M("bs-input-addon", void 0, [
   "disabled",
   "error",
   "multifocus",
   "variant"
-]), rt = /* @__PURE__ */ W("bs-loader", void 0, [
+]), ut = /* @__PURE__ */ M("bs-loader", void 0, [
   "size"
-]), it = /* @__PURE__ */ W("bs-toast-actions", void 0, [
+]), dt = /* @__PURE__ */ M("bs-toast-actions", void 0, [
   "defaultDismiss"
-]), ot = /* @__PURE__ */ W("bs-toast-body", void 0), dt = /* @__PURE__ */ W("bs-toast-header", void 0, [
+]), ct = /* @__PURE__ */ M("bs-toast-body", void 0), ft = /* @__PURE__ */ M("bs-toast-header", void 0, [
   "variant"
-]), ut = /* @__PURE__ */ W("bs-toaster", void 0), ue = ["color", "count", "count-max", "dot", "label", "position", "show-zero"], ct = {
+]), ht = /* @__PURE__ */ M("bs-toaster", void 0), de = ["color", "count", "count-max", "dot", "label", "position", "show-zero"], mt = {
   __name: "BsBadge",
   props: {
     color: {},
@@ -84,7 +84,7 @@ const J = "update:modelValue", H = "modelValue", re = "routerLink", Q = "navMana
     showZero: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
+  setup(e, { emit: n }) {
     return (s, t) => (i(), f("bs-badge", d(s.$attrs, {
       color: e.color,
       count: e.count,
@@ -95,22 +95,22 @@ const J = "update:modelValue", H = "modelValue", re = "routerLink", Q = "navMana
       "show-zero": e.showZero
     }), [
       h(s.$slots, "default")
-    ], 16, ue));
+    ], 16, de));
   }
-}, ce = ["char-count", "char-max"], ft = {
+}, ce = ["char-count", "char-max"], bt = {
   __name: "BsCharacterCount",
   props: {
     charCount: {},
     charMax: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
+  setup(e, { emit: n }) {
     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"], ht = {
+}, fe = ["chart-title", "data", "dataIdxLabels", "show-legend", "show-tooltips", "show-x-grid", "show-y-grid", "stacked", "x-label", "y-label"], vt = {
   __name: "BsChartBar",
   props: {
     chartTitle: {},
@@ -125,7 +125,7 @@ const J = "update:modelValue", H = "modelValue", re = "routerLink", Q = "navMana
     yLabel: { default: "" }
   },
   emits: [],
-  setup(e, { emit: l }) {
+  setup(e, { emit: n }) {
     return (s, t) => (i(), f("bs-chart-bar", d(s.$attrs, {
       "chart-title": e.chartTitle,
       data: e.data,
@@ -139,7 +139,7 @@ const J = "update:modelValue", H = "modelValue", re = "routerLink", Q = "navMana
       "y-label": e.yLabel
     }), null, 16, fe));
   }
-}, he = ["data", "dataIdxLabels", "table-title"], mt = {
+}, he = ["data", "dataIdxLabels", "table-title"], yt = {
   __name: "BsChartTable",
   props: {
     data: {},
@@ -147,14 +147,14 @@ const J = "update:modelValue", H = "modelValue", re = "routerLink", Q = "navMana
     tableTitle: { default: "" }
   },
   emits: [],
-  setup(e, { emit: l }) {
+  setup(e, { emit: n }) {
     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"], bt = {
+}, me = ["label", "checked", "checked-partially", "disabled", "error", "pass-attrs", "required", "size"], $t = {
   __name: "BsCheckbox",
   props: {
     label: {},
@@ -168,7 +168,7 @@ const J = "update:modelValue", H = "modelValue", re = "routerLink", Q = "navMana
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
+  setup(e, { emit: n }) {
     return (s, t) => (i(), f("bs-checkbox", d(s.$attrs, {
       label: e.label,
       checked: e.checked || e.modelValue,
@@ -178,25 +178,25 @@ const J = "update:modelValue", H = "modelValue", re = "routerLink", Q = "navMana
       "pass-attrs": e.passAttrs,
       required: e.required,
       size: e.size,
-      onChange: t[0] || (t[0] = (a) => l("update:modelValue", a.target.checked))
+      onChange: t[0] || (t[0] = (a) => n("update:modelValue", a.target.checked))
     }), null, 16, me));
   }
 };
-function F(e) {
-  const l = K(() => {
-    var a, n;
-    return ((n = (a = e.href) == null ? void 0 : a.startsWith) == null ? void 0 : n.call(a, "/")) || !1;
+function N(e) {
+  const n = K(() => {
+    var a, r;
+    return ((r = (a = e.href) == null ? void 0 : a.startsWith) == null ? void 0 : r.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;
+    var a, r;
+    return n.value && ((a = e.router) == null ? void 0 : a.navigateTo) || ((r = e.router) == null ? void 0 : r.push) || null;
   });
   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));
+    var r, o, u, y, l;
+    s.value && ((o = (r = a.target.href) == null ? void 0 : r.endsWith) != null && o.call(r, e.href) || (l = (y = (u = a.target.closest("a")) == null ? void 0 : u.href) == null ? void 0 : y.endsWith) != null && l.call(y, 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"], vt = {
+const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-position", "label", "pass-attrs", "text-btn", "size"], gt = {
   __name: "BsCircleButton",
   props: {
     disabled: {},
@@ -212,9 +212,9 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     router: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    const s = e, { onLinkClick: t } = F(s);
-    return (a, n) => (i(), f("bs-circle-button", d(a.$attrs, {
+  setup(e, { emit: n }) {
+    const s = e, { onLinkClick: t } = N(s);
+    return (a, r) => (i(), f("bs-circle-button", d(a.$attrs, {
       disabled: e.disabled,
       "ghost-btn": e.ghostBtn,
       "hover-effect": e.hoverEffect,
@@ -225,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: n[0] || (n[0] = (...o) => m(t) && m(t)(...o))
+      onClick: r[0] || (r[0] = (...o) => b(t) && b(t)(...o))
     }), null, 16, be));
   }
-}, ve = ["shown", "width", "top", "center", "toggle-id", "container-id"], $t = {
+}, ve = ["shown", "width", "top", "center", "toggle-id", "container-id"], Bt = {
   __name: "BsDropdown",
   props: {
     shown: { default: !1 },
@@ -239,17 +239,17 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     containerId: { default: void 0 }
   },
   emits: ["close"],
-  setup(e, { emit: l }) {
-    return (s, t) => (i(), y(m(w), null, {
-      default: B(() => [
-        C("bs-dropdown", d(s.$attrs, {
+  setup(e, { emit: n }) {
+    return (s, t) => (i(), $(b(w), null, {
+      default: g(() => [
+        T("bs-dropdown", d(s.$attrs, {
           shown: e.shown,
           width: e.width,
           top: e.top,
           center: e.center,
           "toggle-id": e.toggleId,
           "container-id": e.containerId,
-          onClose: t[0] || (t[0] = (a) => l("close", a.detail))
+          onClose: t[0] || (t[0] = (a) => n("close", a.detail))
         }), [
           h(s.$slots, "default")
         ], 16, ve)
@@ -257,7 +257,7 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
       _: 3
     }));
   }
-}, $e = ["value", "variant", "selected", "options-id", "shown", "focused", "index"], yt = {
+}, ye = ["value", "variant", "selected", "options-id", "shown", "focused", "index"], kt = {
   __name: "BsDropdownOption",
   props: {
     value: {},
@@ -269,7 +269,7 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     index: {}
   },
   emits: ["optionmouseenter", "optionselect"],
-  setup(e, { emit: l }) {
+  setup(e, { emit: n }) {
     return (s, t) => (i(), f("bs-dropdown-option", d(s.$attrs, {
       value: e.value,
       variant: e.variant,
@@ -278,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] = (a) => l("optionmouseenter", a.detail)),
-      onOptionselect: t[1] || (t[1] = (a) => l("optionselect", a.detail))
+      onOptionmouseenter: t[0] || (t[0] = (a) => n("optionmouseenter", a.detail)),
+      onOptionselect: t[1] || (t[1] = (a) => n("optionselect", a.detail))
     }), [
       h(s.$slots, "default")
-    ], 16, $e));
+    ], 16, ye));
   }
-}, ye = ["options-id", "shown", "label"], Bt = {
+}, $e = ["options-id", "shown", "label"], wt = {
   __name: "BsDropdownOptions",
   props: {
     optionsId: {},
@@ -292,18 +292,18 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     label: {}
   },
   emits: ["selectionchange", "close"],
-  setup(e, { emit: l }) {
+  setup(e, { emit: n }) {
     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] = (a) => l("selectionchange", a.detail)),
-      onClose: t[1] || (t[1] = (a) => l("close", a.detail))
+      onSelectionchange: t[0] || (t[0] = (a) => n("selectionchange", a.detail)),
+      onClose: t[1] || (t[1] = (a) => n("close", a.detail))
     }), [
       h(s.$slots, "default")
-    ], 16, ye));
+    ], 16, $e));
   }
-}, Be = ["char-count", "char-max", "disabled", "error", "hints", "label", "label-for", "required", "hint-id"], kt = {
+}, ge = ["char-count", "char-max", "disabled", "error", "hints", "label", "label-for", "required", "hint-id"], St = {
   __name: "BsFieldLayout",
   props: {
     charCount: {},
@@ -317,7 +317,7 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     hintId: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
+  setup(e, { emit: n }) {
     return (s, t) => (i(), f("bs-field-layout", d(s.$attrs, {
       "char-count": e.charCount,
       "char-max": e.charMax,
@@ -330,9 +330,9 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
       "hint-id": e.hintId
     }), [
       h(s.$slots, "default")
-    ], 16, Be));
+    ], 16, ge));
   }
-}, ke = ["error", "hint-id", "hints"], gt = {
+}, Be = ["error", "hint-id", "hints"], Tt = {
   __name: "BsHint",
   props: {
     error: {},
@@ -340,14 +340,14 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     hints: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
+  setup(e, { emit: n }) {
     return (s, t) => (i(), f("bs-hint", d(s.$attrs, {
       error: e.error,
       "hint-id": e.hintId,
       hints: e.hints
-    }), null, 16, ke));
+    }), null, 16, Be));
   }
-}, ge = ["disabled", "error", "pass-attrs", "placeholder", "required", "type", "value", "hint-id"], wt = {
+}, ke = ["disabled", "error", "pass-attrs", "placeholder", "required", "type", "value", "hint-id"], Ct = {
   __name: "BsInput",
   props: {
     disabled: { default: !1 },
@@ -361,7 +361,7 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
+  setup(e, { emit: n }) {
     return (s, t) => (i(), f("bs-input", d(s.$attrs, {
       disabled: e.disabled,
       error: e.error,
@@ -371,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] = (a) => l("update:modelValue", a.target.value))
-    }), null, 16, ge));
+      onInput: t[0] || (t[0] = (a) => n("update:modelValue", a.target.value))
+    }), null, 16, ke));
   }
-}, we = ["disabled", "error", "hints", "label", "pass-attrs", "placeholder", "required", "type", "value"], St = {
+}, we = ["disabled", "error", "hints", "label", "pass-attrs", "placeholder", "required", "type", "value"], pt = {
   __name: "BsInputField",
   props: {
     disabled: { default: !1 },
@@ -389,7 +389,7 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
+  setup(e, { emit: n }) {
     return (s, t) => (i(), f("bs-input-field", d(s.$attrs, {
       disabled: e.disabled,
       error: e.error,
@@ -400,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] = (a) => l("update:modelValue", a.target.value))
+      onInput: t[0] || (t[0] = (a) => n("update:modelValue", a.target.value))
     }), null, 16, we));
   }
-}, Se = ["disabled", "pass-attrs", "placeholder", "hint-id", "value"], Ct = {
+}, Se = ["disabled", "pass-attrs", "placeholder", "hint-id", "value"], At = {
   __name: "BsInputSearch",
   props: {
     disabled: { default: !1 },
@@ -414,18 +414,18 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     modelValue: {}
   },
   emits: ["clear", "update:modelValue"],
-  setup(e, { emit: l }) {
+  setup(e, { emit: n }) {
     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] = (a) => l("clear", a.detail)),
-      onInput: t[1] || (t[1] = (a) => l("update:modelValue", a.target.value))
+      onClear: t[0] || (t[0] = (a) => n("clear", a.detail)),
+      onInput: t[1] || (t[1] = (a) => n("update:modelValue", a.target.value))
     }), null, 16, Se));
   }
-}, Ce = ["shown", "alert", "close-button"], Tt = {
+}, Te = ["shown", "alert", "close-button"], It = {
   __name: "BsModal",
   props: {
     shown: { default: !1 },
@@ -433,37 +433,79 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     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, {
+  setup(e, { emit: n }) {
+    return (s, t) => (i(), $(b(w), null, {
+      default: g(() => [
+        T("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))
+          onClose: t[0] || (t[0] = (a) => n("close", a.detail)),
+          onLeaveend: t[1] || (t[1] = (a) => n("leaveend", a.detail))
         }), [
           h(s.$slots, "default")
-        ], 16, Ce)
+        ], 16, Te)
       ]),
       _: 3
     }));
   }
-}, Te = ["shown"], At = {
+}, Ce = ["shown"], Lt = {
   __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)
+  setup(e, { emit: n }) {
+    return (s, t) => (i(), $(b(w), null, {
+      default: g(() => [
+        T("bs-overlay", d(s.$attrs, { shown: e.shown }), null, 16, Ce)
       ]),
       _: 1
     }));
   }
-}, Ae = ["layout", "href", "image-src", "image-size", "initials", "profile-name", "company", "job-title", "email"], It = {
+}, pe = ["show-first-last-buttons", "prev-page-text", "first-page-text", "next-page-text", "last-page-text", "fixed", "variant", "selection", "center-display", "break-text", "page-range", "page-count", "center-label", "items-per-group", "items-count", "results-increments"], qt = {
+  __name: "BsPagination",
+  props: {
+    showFirstLastButtons: { default: !1 },
+    prevPageText: {},
+    firstPageText: {},
+    nextPageText: {},
+    lastPageText: {},
+    fixed: { default: !1 },
+    variant: { default: "base" },
+    selection: {},
+    centerDisplay: { default: "numbers" },
+    breakText: { default: "…" },
+    pageRange: { default: 3 },
+    pageCount: {},
+    centerLabel: {},
+    itemsPerGroup: { default: 25 },
+    itemsCount: {},
+    resultsIncrements: {}
+  },
+  emits: ["selectionchange"],
+  setup(e, { emit: n }) {
+    return (s, t) => (i(), f("bs-pagination", d(s.$attrs, {
+      "show-first-last-buttons": e.showFirstLastButtons,
+      "prev-page-text": e.prevPageText,
+      "first-page-text": e.firstPageText,
+      "next-page-text": e.nextPageText,
+      "last-page-text": e.lastPageText,
+      fixed: e.fixed,
+      variant: e.variant,
+      selection: e.selection,
+      "center-display": e.centerDisplay,
+      "break-text": e.breakText,
+      "page-range": e.pageRange,
+      "page-count": e.pageCount,
+      "center-label": e.centerLabel,
+      "items-per-group": e.itemsPerGroup,
+      "items-count": e.itemsCount,
+      "results-increments": e.resultsIncrements,
+      onSelectionchange: t[0] || (t[0] = (a) => n("selectionchange", a.detail))
+    }), null, 16, pe));
+  }
+}, Ae = ["layout", "href", "image-src", "image-size", "initials", "profile-name", "company", "job-title", "email"], Vt = {
   __name: "BsProfile",
   props: {
     layout: {},
@@ -478,9 +520,9 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     router: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    const s = e, { onLinkClick: t } = F(s);
-    return (a, n) => (i(), f("bs-profile", d(a.$attrs, {
+  setup(e, { emit: n }) {
+    const s = e, { onLinkClick: t } = N(s);
+    return (a, r) => (i(), f("bs-profile", d(a.$attrs, {
       layout: e.layout,
       href: e.href,
       "image-src": e.imageSrc,
@@ -490,10 +532,10 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
       company: e.company,
       "job-title": e.jobTitle,
       email: e.email,
-      onClick: n[0] || (n[0] = (...o) => m(t) && m(t)(...o))
+      onClick: r[0] || (r[0] = (...o) => b(t) && b(t)(...o))
     }), null, 16, Ae));
   }
-}, Ie = ["profile-name", "company", "job-title", "email"], Lt = {
+}, Ie = ["profile-name", "company", "job-title", "email"], xt = {
   __name: "BsProfileDetails",
   props: {
     profileName: {},
@@ -502,7 +544,7 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     email: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
+  setup(e, { emit: n }) {
     return (s, t) => (i(), f("bs-profile-details", d(s.$attrs, {
       "profile-name": e.profileName,
       company: e.company,
@@ -510,7 +552,7 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
       email: e.email
     }), null, 16, Ie));
   }
-}, Le = ["src", "size", "initials", "profile-name"], qt = {
+}, Le = ["src", "size", "initials", "profile-name"], Rt = {
   __name: "BsProfileImg",
   props: {
     src: {},
@@ -519,7 +561,7 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     profileName: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
+  setup(e, { emit: n }) {
     return (s, t) => (i(), f("bs-profile-img", d(s.$attrs, {
       src: e.src,
       size: e.size,
@@ -527,7 +569,7 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
       "profile-name": e.profileName
     }), null, 16, Le));
   }
-}, qe = ["layout", "href", "pass-attrs"], Vt = {
+}, qe = ["layout", "href", "pass-attrs"], Pt = {
   __name: "BsProfileLayout",
   props: {
     layout: { default: "vertical" },
@@ -536,18 +578,18 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     router: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    const s = e, { onLinkClick: t } = F(s);
-    return (a, n) => (i(), f("bs-profile-layout", d(a.$attrs, {
+  setup(e, { emit: n }) {
+    const s = e, { onLinkClick: t } = N(s);
+    return (a, r) => (i(), f("bs-profile-layout", d(a.$attrs, {
       layout: e.layout,
       href: e.href,
       "pass-attrs": e.passAttrs,
-      onClick: n[0] || (n[0] = (...o) => m(t) && m(t)(...o))
+      onClick: r[0] || (r[0] = (...o) => b(t) && b(t)(...o))
     }), [
       h(a.$slots, "default")
     ], 16, qe));
   }
-}, Ve = ["label", "checked", "disabled", "error", "pass-attrs", "required", "size", "value"], pt = {
+}, Ve = ["label", "checked", "disabled", "error", "pass-attrs", "required", "size", "value"], Et = {
   __name: "BsRadio",
   props: {
     label: {},
@@ -561,7 +603,7 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
+  setup(e, { emit: n }) {
     return (s, t) => (i(), f("bs-radio", d(s.$attrs, {
       label: e.label,
       checked: e.checked || e.modelValue === e.value,
@@ -571,10 +613,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] = (a) => l("update:modelValue", a.target.value))
+      onChange: t[0] || (t[0] = (a) => n("update:modelValue", a.target.value))
     }), null, 16, Ve));
   }
-}, pe = ["disabled", "error", "required", "label", "hints", "placeholder", "value", "pass-attrs", "data"], Rt = {
+}, xe = ["disabled", "error", "required", "label", "hints", "placeholder", "value", "pass-attrs", "data"], zt = {
   __name: "BsSelectField",
   props: {
     disabled: { default: !1 },
@@ -589,7 +631,7 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
+  setup(e, { emit: n }) {
     return (s, t) => (i(), f("bs-select-field", d(s.$attrs, {
       disabled: e.disabled,
       error: e.error,
@@ -600,10 +642,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] = (a) => l("update:modelValue", a.target.value))
-    }), null, 16, pe));
+      onChange: t[0] || (t[0] = (a) => n("update:modelValue", a.target.value))
+    }), null, 16, xe));
   }
-}, Re = ["checked", "disabled", "inner-on-label", "inner-off-label", "label", "pass-attrs", "size"], zt = {
+}, Re = ["checked", "disabled", "inner-on-label", "inner-off-label", "label", "pass-attrs", "size"], Wt = {
   __name: "BsSwitch",
   props: {
     checked: { default: !1 },
@@ -616,7 +658,7 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
+  setup(e, { emit: n }) {
     return (s, t) => (i(), f("bs-switch", d(s.$attrs, {
       checked: e.checked || e.modelValue,
       disabled: e.disabled,
@@ -625,10 +667,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] = (a) => l("update:modelValue", a.target.checked))
+      onChange: t[0] || (t[0] = (a) => n("update:modelValue", a.target.checked))
     }), null, 16, Re));
   }
-}, ze = ["disabled", "error", "pass-attrs", "placeholder", "required", "value", "hint-id"], Et = {
+}, Pe = ["disabled", "error", "pass-attrs", "placeholder", "required", "value", "hint-id"], Dt = {
   __name: "BsTextarea",
   props: {
     disabled: { default: !1 },
@@ -641,7 +683,7 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
+  setup(e, { emit: n }) {
     return (s, t) => (i(), f("bs-textarea", d(s.$attrs, {
       disabled: e.disabled,
       error: e.error,
@@ -650,10 +692,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] = (a) => l("update:modelValue", a.target.value))
-    }), null, 16, ze));
+      onInput: t[0] || (t[0] = (a) => n("update:modelValue", a.target.value))
+    }), null, 16, Pe));
   }
-}, Ee = ["char-max", "disabled", "error", "hints", "label", "placeholder", "required", "value", "pass-attrs"], Pt = {
+}, Ee = ["char-max", "disabled", "error", "hints", "label", "placeholder", "required", "value", "pass-attrs"], Ot = {
   __name: "BsTextareaField",
   props: {
     charMax: {},
@@ -668,7 +710,7 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
+  setup(e, { emit: n }) {
     return (s, t) => (i(), f("bs-textarea-field", d(s.$attrs, {
       "char-max": e.charMax,
       disabled: e.disabled,
@@ -679,10 +721,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] = (a) => l("update:modelValue", a.target.value))
+      onInput: t[0] || (t[0] = (a) => n("update:modelValue", a.target.value))
     }), null, 16, Ee));
   }
-}, Pe = ["toast-id", "shown", "variant", "stacked", "duration"], xt = {
+}, ze = ["toast-id", "shown", "variant", "stacked", "duration"], Mt = {
   __name: "BsToast",
   props: {
     toastId: {},
@@ -692,36 +734,19 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     duration: { default: 1e4 }
   },
   emits: ["dismiss"],
-  setup(e, { emit: l }) {
+  setup(e, { emit: n }) {
     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] = (a) => l("dismiss", a.detail))
-    }), [
-      h(s.$slots, "default")
-    ], 16, Pe));
-  }
-}, xe = ["tooltip-id", "content", "position"], Dt = {
-  __name: "BsTooltip",
-  props: {
-    tooltipId: {},
-    content: {},
-    position: {}
-  },
-  emits: [],
-  setup(e, { emit: l }) {
-    return (s, t) => (i(), f("bs-tooltip", d(s.$attrs, {
-      "tooltip-id": e.tooltipId,
-      content: e.content,
-      position: e.position
+      onDismiss: t[0] || (t[0] = (a) => n("dismiss", a.detail))
     }), [
       h(s.$slots, "default")
-    ], 16, xe));
+    ], 16, ze));
   }
-}, De = ["active", "enter-class", "enter-attribute", "enter-duration", "leave-class", "leave-attribute", "leave-duration"], Ot = {
+}, We = ["active", "enter-class", "enter-attribute", "enter-duration", "leave-class", "leave-attribute", "leave-duration"], Ft = {
   __name: "BsTransition",
   props: {
     active: {},
@@ -733,7 +758,7 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
     leaveDuration: { default: void 0 }
   },
   emits: ["enterstart", "enterend", "leavestart", "leaveend"],
-  setup(e, { emit: l }) {
+  setup(e, { emit: n }) {
     return (s, t) => (i(), f("bs-transition", d(s.$attrs, {
       active: e.active,
       "enter-class": e.enterClass,
@@ -742,19 +767,19 @@ const be = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-posit
       "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))
+      onEnterstart: t[0] || (t[0] = (a) => n("enterstart", a.detail)),
+      onEnterend: t[1] || (t[1] = (a) => n("enterend", a.detail)),
+      onLeavestart: t[2] || (t[2] = (a) => n("leavestart", a.detail)),
+      onLeaveend: t[3] || (t[3] = (a) => n("leaveend", a.detail))
     }), [
       h(s.$slots, "default")
-    ], 16, De));
+    ], 16, We));
   }
 };
-function M(e) {
+function D(e) {
   e.value.replaceChildren();
 }
-const Oe = ["controlled", "icon", "header-text", "heading-level", "open-item", "stacked"], We = {
+const De = ["controlled", "icon", "header-text", "heading-level", "open-item", "stacked"], Oe = {
   __name: "BsAccordionServer",
   props: {
     controlled: { default: !1 },
@@ -765,27 +790,27 @@ const Oe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     stacked: { default: !1 }
   },
   emits: ["toggled"],
-  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)));
+  setup(e, { emit: n }) {
+    const s = m(!1), t = m(null), a = m(""), r = p([]), o = m(null), u = m(!1), y = (l, v = 0) => {
+      var c, B;
+      t.value || v >= 4 || (t.value = (B = (c = l.value) == null ? void 0 : c.querySelector) == null ? void 0 : B.call(c, "[data-slot]"), t.value || r.push(setTimeout(() => y(l, v + 1), 50)));
     };
-    return L(() => u.value = !0), q(() => $(o, 0)), V(t, (r) => {
-      !r || s.value || (M(t), n.push(setTimeout(() => {
-        p(() => {
+    return A(() => u.value = !0), I(() => y(o, 0)), L(t, (l) => {
+      !l || s.value || (D(t), r.push(setTimeout(() => {
+        q(() => {
           a.value = customElements.get("bs-accordion") ? "hydrated superhydrated" : "superhydrated";
         });
       }, 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(), y(E, { to: t.value }, [
-            h(r.$slots, "default")
+    }, { immediate: !0 }), V(() => r.forEach((l) => clearTimeout(l))), (l, v) => (i(), f(x, null, [
+      t.value && u.value ? (i(), $(b(w), { key: 0 }, {
+        default: g(() => [
+          (i(), $(R, { to: t.value }, [
+            h(l.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
       })) : P("", !0),
-      C("bs-accordion", d({
+      T("bs-accordion", d({
         ref_key: "wcRef",
         ref: o,
         class: a.value,
@@ -796,21 +821,21 @@ const Oe = ["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) => l("toggled", c.detail))
-      }, r.$attrs), [
-        x(m(w), null, D({ _: 2 }, [
+        onToggled: v[0] || (v[0] = (c) => n("toggled", c.detail))
+      }, l.$attrs), [
+        E(b(w), null, z({ _: 2 }, [
           u.value ? void 0 : {
             name: "fallback",
-            fn: B(() => [
-              h(r.$slots, "default")
+            fn: g(() => [
+              h(l.$slots, "default")
             ]),
             key: "0"
           }
         ]), 1024)
-      ], 16, Oe)
+      ], 16, De)
     ], 64));
   }
-}, Me = "bs-accordion", Wt = {
+}, Me = "bs-accordion", Nt = {
   __name: "BsAccordion",
   props: {
     controlled: { default: !1 },
@@ -822,62 +847,62 @@ const Oe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     bsShow: { default: !0 }
   },
   emits: ["toggled"],
-  setup(e, { emit: l }) {
-    const s = e, { data: t } = O(Me, () => {
+  setup(e, { emit: n }) {
+    const s = e, { data: t } = W(Me, () => {
       if (process.server)
         return !0;
     });
-    return (a, n) => m(t) ? (i(), y(We, d({ key: 0 }, { ...s, ...a.$attrs }, {
+    return (a, r) => b(t) ? (i(), $(Oe, d({ key: 0 }, { ...s, ...a.$attrs }, {
       style: { display: e.bsShow ? null : "none" },
-      onToggled: n[0] || (n[0] = (o) => l("toggled", o))
+      onToggled: r[0] || (r[0] = (o) => n("toggled", o))
     }), {
-      default: B(() => [
+      default: g(() => [
         h(a.$slots, "default")
       ]),
       _: 3
     }, 16, ["style"])) : (i(), f("bs-accordion", d({ key: 1 }, { ...s, ...a.$attrs }, {
       style: { display: e.bsShow ? null : "none" },
-      onToggled: n[1] || (n[1] = (o) => l("toggled", o.detail))
+      onToggled: r[1] || (r[1] = (o) => n("toggled", o.detail))
     }), [
       h(a.$slots, "default")
     ], 16));
   }
-}, Ne = {
+}, Fe = {
   __name: "BsBannerServer",
   props: {},
   emits: ["dismiss"],
-  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)));
+  setup(e, { emit: n }) {
+    const s = m(!1), t = m(null), a = m(""), r = p([]), o = m(null), u = m(!1), y = (l, v = 0) => {
+      var c, B;
+      t.value || v >= 4 || (t.value = (B = (c = l.value) == null ? void 0 : c.querySelector) == null ? void 0 : B.call(c, "[data-slot]"), t.value || r.push(setTimeout(() => y(l, v + 1), 50)));
     };
-    return L(() => u.value = !0), q(() => $(o, 0)), V(t, (r) => {
-      !r || s.value || (M(t), n.push(setTimeout(() => {
-        p(() => {
+    return A(() => u.value = !0), I(() => y(o, 0)), L(t, (l) => {
+      !l || s.value || (D(t), r.push(setTimeout(() => {
+        q(() => {
           a.value = customElements.get("bs-banner") ? "hydrated superhydrated" : "superhydrated";
         });
       }, 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(), y(E, { to: t.value }, [
-            h(r.$slots, "default")
+    }, { immediate: !0 }), V(() => r.forEach((l) => clearTimeout(l))), (l, v) => (i(), f(x, null, [
+      t.value && u.value ? (i(), $(b(w), { key: 0 }, {
+        default: g(() => [
+          (i(), $(R, { to: t.value }, [
+            h(l.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
       })) : P("", !0),
-      C("bs-banner", d({
+      T("bs-banner", d({
         ref_key: "wcRef",
         ref: o,
         class: a.value,
         "data-bsds-ssr": "",
-        onDismiss: v[0] || (v[0] = (c) => l("dismiss", c.detail))
-      }, r.$attrs), [
-        x(m(w), null, D({ _: 2 }, [
+        onDismiss: v[0] || (v[0] = (c) => n("dismiss", c.detail))
+      }, l.$attrs), [
+        E(b(w), null, z({ _: 2 }, [
           u.value ? void 0 : {
             name: "fallback",
-            fn: B(() => [
-              h(r.$slots, "default")
+            fn: g(() => [
+              h(l.$slots, "default")
             ]),
             key: "0"
           }
@@ -885,28 +910,28 @@ const Oe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
       ], 16)
     ], 64));
   }
-}, Fe = "bs-banner", Mt = {
+}, Ne = "bs-banner", jt = {
   __name: "BsBanner",
   props: {
     bsShow: { default: !0 }
   },
   emits: ["dismiss"],
-  setup(e, { emit: l }) {
-    const s = e, { data: t } = O(Fe, () => {
+  setup(e, { emit: n }) {
+    const s = e, { data: t } = W(Ne, () => {
       if (process.server)
         return !0;
     });
-    return (a, n) => m(t) ? (i(), y(Ne, d({ key: 0 }, { ...s, ...a.$attrs }, {
+    return (a, r) => b(t) ? (i(), $(Fe, d({ key: 0 }, { ...s, ...a.$attrs }, {
       style: { display: e.bsShow ? null : "none" },
-      onDismiss: n[0] || (n[0] = (o) => l("dismiss", o))
+      onDismiss: r[0] || (r[0] = (o) => n("dismiss", o))
     }), {
-      default: B(() => [
+      default: g(() => [
         h(a.$slots, "default")
       ]),
       _: 3
     }, 16, ["style"])) : (i(), f("bs-banner", d({ key: 1 }, { ...s, ...a.$attrs }, {
       style: { display: e.bsShow ? null : "none" },
-      onDismiss: n[1] || (n[1] = (o) => l("dismiss", o.detail))
+      onDismiss: r[1] || (r[1] = (o) => n("dismiss", o.detail))
     }), [
       h(a.$slots, "default")
     ], 16));
@@ -923,27 +948,27 @@ const Oe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     size: {}
   },
   emits: [],
-  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)));
+  setup(e, { emit: n }) {
+    const s = m(!1), t = m(null), a = m(""), r = p([]), o = m(null), u = m(!1), y = (l, v = 0) => {
+      var c, B;
+      t.value || v >= 4 || (t.value = (B = (c = l.value) == null ? void 0 : c.querySelector) == null ? void 0 : B.call(c, "[data-slot]"), t.value || r.push(setTimeout(() => y(l, v + 1), 50)));
     };
-    return L(() => u.value = !0), q(() => $(o, 0)), V(t, (r) => {
-      !r || s.value || (M(t), n.push(setTimeout(() => {
-        p(() => {
+    return A(() => u.value = !0), I(() => y(o, 0)), L(t, (l) => {
+      !l || s.value || (D(t), r.push(setTimeout(() => {
+        q(() => {
           a.value = customElements.get("bs-button") ? "hydrated superhydrated" : "superhydrated";
         });
       }, 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(), y(E, { to: t.value }, [
-            h(r.$slots, "default")
+    }, { immediate: !0 }), V(() => r.forEach((l) => clearTimeout(l))), (l, v) => (i(), f(x, null, [
+      t.value && u.value ? (i(), $(b(w), { key: 0 }, {
+        default: g(() => [
+          (i(), $(R, { to: t.value }, [
+            h(l.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
       })) : P("", !0),
-      C("bs-button", d({
+      T("bs-button", d({
         ref_key: "wcRef",
         ref: o,
         class: a.value,
@@ -955,12 +980,12 @@ const Oe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
         "pass-attrs": e.passAttrs,
         "text-btn": e.textBtn,
         size: e.size
-      }, r.$attrs), [
-        x(m(w), null, D({ _: 2 }, [
+      }, l.$attrs), [
+        E(b(w), null, z({ _: 2 }, [
           u.value ? void 0 : {
             name: "fallback",
-            fn: B(() => [
-              h(r.$slots, "default")
+            fn: g(() => [
+              h(l.$slots, "default")
             ]),
             key: "0"
           }
@@ -968,7 +993,7 @@ const Oe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
       ], 16, je)
     ], 64));
   }
-}, He = "bs-button", Nt = {
+}, He = "bs-button", Gt = {
   __name: "BsButton",
   props: {
     variant: {},
@@ -982,24 +1007,24 @@ const Oe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     bsShow: { default: !0 }
   },
   emits: [],
-  setup(e, { emit: l }) {
-    const s = e, { onLinkClick: t } = F(s), { data: a } = O(He, () => {
+  setup(e, { emit: n }) {
+    const s = e, { onLinkClick: t } = N(s), { data: a } = W(He, () => {
       if (process.server)
         return !0;
     });
-    return (n, o) => m(a) ? (i(), y(Ge, d({ key: 0 }, { ...s, ...n.$attrs, router: void 0 }, {
+    return (r, o) => b(a) ? (i(), $(Ge, d({ key: 0 }, { ...s, ...r.$attrs, router: void 0 }, {
       style: { display: e.bsShow ? null : "none" },
-      onClick: m(t)
+      onClick: b(t)
     }), {
-      default: B(() => [
-        h(n.$slots, "default")
+      default: g(() => [
+        h(r.$slots, "default")
       ]),
       _: 3
-    }, 16, ["style", "onClick"])) : (i(), f("bs-button", d({ key: 1 }, { ...s, ...n.$attrs, router: void 0 }, {
+    }, 16, ["style", "onClick"])) : (i(), f("bs-button", d({ key: 1 }, { ...s, ...r.$attrs, router: void 0 }, {
       style: { display: e.bsShow ? null : "none" },
-      onClick: o[0] || (o[0] = (...u) => m(t) && m(t)(...u))
+      onClick: o[0] || (o[0] = (...u) => b(t) && b(t)(...u))
     }), [
-      h(n.$slots, "default")
+      h(r.$slots, "default")
     ], 16));
   }
 }, Xe = ["disabled", "for", "hide", "pass-attrs", "required"], Ye = {
@@ -1012,27 +1037,27 @@ const Oe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     required: {}
   },
   emits: [],
-  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)));
+  setup(e, { emit: n }) {
+    const s = m(!1), t = m(null), a = m(""), r = p([]), o = m(null), u = m(!1), y = (l, v = 0) => {
+      var c, B;
+      t.value || v >= 4 || (t.value = (B = (c = l.value) == null ? void 0 : c.querySelector) == null ? void 0 : B.call(c, "[data-slot]"), t.value || r.push(setTimeout(() => y(l, v + 1), 50)));
     };
-    return L(() => u.value = !0), q(() => $(o, 0)), V(t, (r) => {
-      !r || s.value || (M(t), n.push(setTimeout(() => {
-        p(() => {
+    return A(() => u.value = !0), I(() => y(o, 0)), L(t, (l) => {
+      !l || s.value || (D(t), r.push(setTimeout(() => {
+        q(() => {
           a.value = customElements.get("bs-label") ? "hydrated superhydrated" : "superhydrated";
         });
       }, 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(), y(E, { to: t.value }, [
-            h(r.$slots, "default")
+    }, { immediate: !0 }), V(() => r.forEach((l) => clearTimeout(l))), (l, v) => (i(), f(x, null, [
+      t.value && u.value ? (i(), $(b(w), { key: 0 }, {
+        default: g(() => [
+          (i(), $(R, { to: t.value }, [
+            h(l.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
       })) : P("", !0),
-      C("bs-label", d({
+      T("bs-label", d({
         ref_key: "wcRef",
         ref: o,
         class: a.value,
@@ -1042,12 +1067,12 @@ const Oe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
         hide: e.hide,
         "pass-attrs": e.passAttrs,
         required: e.required
-      }, r.$attrs), [
-        x(m(w), null, D({ _: 2 }, [
+      }, l.$attrs), [
+        E(b(w), null, z({ _: 2 }, [
           u.value ? void 0 : {
             name: "fallback",
-            fn: B(() => [
-              h(r.$slots, "default")
+            fn: g(() => [
+              h(l.$slots, "default")
             ]),
             key: "0"
           }
@@ -1055,7 +1080,7 @@ const Oe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
       ], 16, Xe)
     ], 64));
   }
-}, Ue = "bs-label", Ft = {
+}, Ue = "bs-label", Ht = {
   __name: "BsLabel",
   props: {
     disabled: {},
@@ -1066,15 +1091,15 @@ const Oe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     bsShow: { default: !0 }
   },
   emits: [],
-  setup(e, { emit: l }) {
-    const s = e, { data: t } = O(Ue, () => {
+  setup(e, { emit: n }) {
+    const s = e, { data: t } = W(Ue, () => {
       if (process.server)
         return !0;
     });
-    return (a, n) => m(t) ? (i(), y(Ye, d({ key: 0 }, { ...s, ...a.$attrs }, {
+    return (a, r) => b(t) ? (i(), $(Ye, d({ key: 0 }, { ...s, ...a.$attrs }, {
       style: { display: e.bsShow ? null : "none" }
     }), {
-      default: B(() => [
+      default: g(() => [
         h(a.$slots, "default")
       ]),
       _: 3
@@ -1095,27 +1120,27 @@ const Oe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     passAttrs: { default: "" }
   },
   emits: [],
-  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)));
+  setup(e, { emit: n }) {
+    const s = m(!1), t = m(null), a = m(""), r = p([]), o = m(null), u = m(!1), y = (l, v = 0) => {
+      var c, B;
+      t.value || v >= 4 || (t.value = (B = (c = l.value) == null ? void 0 : c.querySelector) == null ? void 0 : B.call(c, "[data-slot]"), t.value || r.push(setTimeout(() => y(l, v + 1), 50)));
     };
-    return L(() => u.value = !0), q(() => $(o, 0)), V(t, (r) => {
-      !r || s.value || (M(t), n.push(setTimeout(() => {
-        p(() => {
+    return A(() => u.value = !0), I(() => y(o, 0)), L(t, (l) => {
+      !l || s.value || (D(t), r.push(setTimeout(() => {
+        q(() => {
           a.value = customElements.get("bs-pill") ? "hydrated superhydrated" : "superhydrated";
         });
       }, 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(), y(E, { to: t.value }, [
-            h(r.$slots, "default")
+    }, { immediate: !0 }), V(() => r.forEach((l) => clearTimeout(l))), (l, v) => (i(), f(x, null, [
+      t.value && u.value ? (i(), $(b(w), { key: 0 }, {
+        default: g(() => [
+          (i(), $(R, { to: t.value }, [
+            h(l.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
       })) : P("", !0),
-      C("bs-pill", d({
+      T("bs-pill", d({
         ref_key: "wcRef",
         ref: o,
         class: a.value,
@@ -1126,12 +1151,12 @@ const Oe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
         active: e.active,
         disabled: e.disabled,
         "pass-attrs": e.passAttrs
-      }, r.$attrs), [
-        x(m(w), null, D({ _: 2 }, [
+      }, l.$attrs), [
+        E(b(w), null, z({ _: 2 }, [
           u.value ? void 0 : {
             name: "fallback",
-            fn: B(() => [
-              h(r.$slots, "default")
+            fn: g(() => [
+              h(l.$slots, "default")
             ]),
             key: "0"
           }
@@ -1139,7 +1164,7 @@ const Oe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
       ], 16, Ze)
     ], 64));
   }
-}, Je = "bs-pill", jt = {
+}, Je = "bs-pill", Xt = {
   __name: "BsPill",
   props: {
     variant: {},
@@ -1152,24 +1177,24 @@ const Oe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     bsShow: { default: !0 }
   },
   emits: [],
-  setup(e, { emit: l }) {
-    const s = e, { onLinkClick: t } = F(s), { data: a } = O(Je, () => {
+  setup(e, { emit: n }) {
+    const s = e, { onLinkClick: t } = N(s), { data: a } = W(Je, () => {
       if (process.server)
         return !0;
     });
-    return (n, o) => m(a) ? (i(), y(Ke, d({ key: 0 }, { ...s, ...n.$attrs, router: void 0 }, {
+    return (r, o) => b(a) ? (i(), $(Ke, d({ key: 0 }, { ...s, ...r.$attrs, router: void 0 }, {
       style: { display: e.bsShow ? null : "none" },
-      onClick: m(t)
+      onClick: b(t)
     }), {
-      default: B(() => [
-        h(n.$slots, "default")
+      default: g(() => [
+        h(r.$slots, "default")
       ]),
       _: 3
-    }, 16, ["style", "onClick"])) : (i(), f("bs-pill", d({ key: 1 }, { ...s, ...n.$attrs, router: void 0 }, {
+    }, 16, ["style", "onClick"])) : (i(), f("bs-pill", d({ key: 1 }, { ...s, ...r.$attrs, router: void 0 }, {
       style: { display: e.bsShow ? null : "none" },
-      onClick: o[0] || (o[0] = (...u) => m(t) && m(t)(...u))
+      onClick: o[0] || (o[0] = (...u) => b(t) && b(t)(...u))
     }), [
-      h(n.$slots, "default")
+      h(r.$slots, "default")
     ], 16));
   }
 }, Qe = ["disabled", "required", "error", "hint-id", "value", "pass-attrs"], _e = {
@@ -1183,27 +1208,27 @@ const Oe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     passAttrs: { default: "" }
   },
   emits: [],
-  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)));
+  setup(e, { emit: n }) {
+    const s = m(!1), t = m(null), a = m(""), r = p([]), o = m(null), u = m(!1), y = (l, v = 0) => {
+      var c, B;
+      t.value || v >= 4 || (t.value = (B = (c = l.value) == null ? void 0 : c.querySelector) == null ? void 0 : B.call(c, "[data-slot]"), t.value || r.push(setTimeout(() => y(l, v + 1), 50)));
     };
-    return L(() => u.value = !0), q(() => $(o, 0)), V(t, (r) => {
-      !r || s.value || (M(t), n.push(setTimeout(() => {
-        p(() => {
+    return A(() => u.value = !0), I(() => y(o, 0)), L(t, (l) => {
+      !l || s.value || (D(t), r.push(setTimeout(() => {
+        q(() => {
           a.value = customElements.get("bs-select") ? "hydrated superhydrated" : "superhydrated";
         });
       }, 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(), y(E, { to: t.value }, [
-            h(r.$slots, "default")
+    }, { immediate: !0 }), V(() => r.forEach((l) => clearTimeout(l))), (l, v) => (i(), f(x, null, [
+      t.value && u.value ? (i(), $(b(w), { key: 0 }, {
+        default: g(() => [
+          (i(), $(R, { to: t.value }, [
+            h(l.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
       })) : P("", !0),
-      C("bs-select", d({
+      T("bs-select", d({
         ref_key: "wcRef",
         ref: o,
         class: a.value,
@@ -1214,12 +1239,12 @@ const Oe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
         "hint-id": e.hintId,
         value: e.value,
         "pass-attrs": e.passAttrs
-      }, r.$attrs), [
-        x(m(w), null, D({ _: 2 }, [
+      }, l.$attrs), [
+        E(b(w), null, z({ _: 2 }, [
           u.value ? void 0 : {
             name: "fallback",
-            fn: B(() => [
-              h(r.$slots, "default")
+            fn: g(() => [
+              h(l.$slots, "default")
             ]),
             key: "0"
           }
@@ -1227,7 +1252,7 @@ const Oe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
       ], 16, Qe)
     ], 64));
   }
-}, et = "bs-select", Gt = {
+}, et = "bs-select", Yt = {
   __name: "BsSelect",
   props: {
     disabled: { default: !1 },
@@ -1239,15 +1264,15 @@ const Oe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     bsShow: { default: !0 }
   },
   emits: [],
-  setup(e, { emit: l }) {
-    const s = e, { data: t } = O(et, () => {
+  setup(e, { emit: n }) {
+    const s = e, { data: t } = W(et, () => {
       if (process.server)
         return !0;
     });
-    return (a, n) => m(t) ? (i(), y(_e, d({ key: 0 }, { ...s, ...a.$attrs }, {
+    return (a, r) => b(t) ? (i(), $(_e, d({ key: 0 }, { ...s, ...a.$attrs }, {
       style: { display: e.bsShow ? null : "none" }
     }), {
-      default: B(() => [
+      default: g(() => [
         h(a.$slots, "default")
       ]),
       _: 3
@@ -1257,52 +1282,130 @@ const Oe = ["controlled", "icon", "header-text", "heading-level", "open-item", "
       h(a.$slots, "default")
     ], 16));
   }
+}, tt = ["tooltip-id", "content", "position"], at = {
+  __name: "BsTooltipServer",
+  props: {
+    tooltipId: {},
+    content: {},
+    position: {}
+  },
+  emits: [],
+  setup(e, { emit: n }) {
+    const s = m(!1), t = m(null), a = m(""), r = p([]), o = m(null), u = m(!1), y = (l, v = 0) => {
+      var c, B;
+      t.value || v >= 4 || (t.value = (B = (c = l.value) == null ? void 0 : c.querySelector) == null ? void 0 : B.call(c, "[data-slot]"), t.value || r.push(setTimeout(() => y(l, v + 1), 50)));
+    };
+    return A(() => u.value = !0), I(() => y(o, 0)), L(t, (l) => {
+      !l || s.value || (D(t), r.push(setTimeout(() => {
+        q(() => {
+          a.value = customElements.get("bs-tooltip") ? "hydrated superhydrated" : "superhydrated";
+        });
+      }, 100)), s.value = !0);
+    }, { immediate: !0 }), V(() => r.forEach((l) => clearTimeout(l))), (l, v) => (i(), f(x, null, [
+      t.value && u.value ? (i(), $(b(w), { key: 0 }, {
+        default: g(() => [
+          (i(), $(R, { to: t.value }, [
+            h(l.$slots, "default")
+          ], 8, ["to"]))
+        ]),
+        _: 3
+      })) : P("", !0),
+      T("bs-tooltip", d({
+        ref_key: "wcRef",
+        ref: o,
+        class: a.value,
+        "data-bsds-ssr": "",
+        "tooltip-id": e.tooltipId,
+        content: e.content,
+        position: e.position
+      }, l.$attrs), [
+        E(b(w), null, z({ _: 2 }, [
+          u.value ? void 0 : {
+            name: "fallback",
+            fn: g(() => [
+              h(l.$slots, "default")
+            ]),
+            key: "0"
+          }
+        ]), 1024)
+      ], 16, tt)
+    ], 64));
+  }
+}, st = "bs-tooltip", Ut = {
+  __name: "BsTooltip",
+  props: {
+    tooltipId: {},
+    content: {},
+    position: {},
+    bsShow: { default: !0 }
+  },
+  emits: [],
+  setup(e, { emit: n }) {
+    const s = e, { data: t } = W(st, () => {
+      if (process.server)
+        return !0;
+    });
+    return (a, r) => b(t) ? (i(), $(at, d({ key: 0 }, { ...s, ...a.$attrs }, {
+      style: { display: e.bsShow ? null : "none" }
+    }), {
+      default: g(() => [
+        h(a.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["style"])) : (i(), f("bs-tooltip", d({ key: 1 }, { ...s, ...a.$attrs }, {
+      style: { display: e.bsShow ? null : "none" }
+    }), [
+      h(a.$slots, "default")
+    ], 16));
+  }
 };
 export {
-  Wt as BsAccordion,
-  We as BsAccordionServer,
-  ct as BsBadge,
-  Mt as BsBanner,
-  Ne as BsBannerServer,
-  Nt as BsButton,
+  Nt as BsAccordion,
+  Oe as BsAccordionServer,
+  mt as BsBadge,
+  jt as BsBanner,
+  Fe as BsBannerServer,
+  Gt 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,
+  bt as BsCharacterCount,
+  vt as BsChartBar,
+  yt as BsChartTable,
+  $t as BsCheckbox,
+  gt as BsCircleButton,
+  Bt as BsDropdown,
+  kt as BsDropdownOption,
+  wt as BsDropdownOptions,
+  St as BsFieldLayout,
+  Tt as BsHint,
+  Ct as BsInput,
+  ot as BsInputAddon,
+  pt as BsInputField,
+  At as BsInputSearch,
+  Ht as BsLabel,
   Ye as BsLabelServer,
-  rt as BsLoader,
-  Tt as BsModal,
-  At as BsOverlay,
-  jt as BsPill,
+  ut as BsLoader,
+  It as BsModal,
+  Lt as BsOverlay,
+  qt as BsPagination,
+  Xt 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,
+  Vt as BsProfile,
+  xt as BsProfileDetails,
+  Rt as BsProfileImg,
+  Pt as BsProfileLayout,
+  Et as BsRadio,
+  Yt as BsSelect,
+  zt 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
+  Wt as BsSwitch,
+  Dt as BsTextarea,
+  Ot as BsTextareaField,
+  Mt as BsToast,
+  dt as BsToastActions,
+  ct as BsToastBody,
+  ft as BsToastHeader,
+  ht as BsToaster,
+  Ut as BsTooltip,
+  at as BsTooltipServer,
+  Ft as BsTransition
 };