@wwtdev/bsds-components-vue3 1.10.0 → 1.11.0

package/nuxt/bsds-components.mjs

@@ -1,7 +1,7 @@
-import { openBlock as d, createElementBlock as o, mergeProps as i, renderSlot as f, computed as W, unref as m, createBlock as g, withCtx as $, createElementVNode as T, normalizeProps as E, guardReactiveProps as F, ref as h, reactive as w, onBeforeMount as p, onMounted as S, watch as C, nextTick as I, onBeforeUnmount as q, Fragment as A, Teleport as L, createCommentVNode as x, createVNode as V, createSlots as z } from "vue";
-import { ClientOnly as k } from "#components";
+import { openBlock as n, createElementBlock as u, mergeProps as i, renderSlot as o, computed as W, unref as f, createBlock as $, withCtx as g, createElementVNode as k, createVNode as p, normalizeProps as E, guardReactiveProps as O, ref as h, reactive as w, onBeforeMount as S, onMounted as C, watch as I, nextTick as x, onBeforeUnmount as q, Fragment as V, Teleport as L, createCommentVNode as A, createSlots as z } from "vue";
+import { ClientOnly as T } from "#components";
 import { useAsyncData as P } from "#imports";
-const O = ["color", "count", "count-max", "dot", "label", "position", "show-zero"], Oe = {
+const F = ["color", "count", "count-max", "dot", "label", "position", "show-zero"], Ne = {
   __name: "BsBadge",
   props: {
     color: {},
@@ -13,8 +13,8 @@ const O = ["color", "count", "count-max", "dot", "label", "position", "show-zero
     showZero: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    return (s, t) => (d(), o("bs-badge", i(s.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), u("bs-badge", i(a.$attrs, {
       color: e.color,
       count: e.count,
       "count-max": e.countMax,
@@ -23,23 +23,23 @@ const O = ["color", "count", "count-max", "dot", "label", "position", "show-zero
       position: e.position,
       "show-zero": e.showZero
     }), [
-      f(s.$slots, "default")
-    ], 16, O));
+      o(a.$slots, "default")
+    ], 16, F));
   }
-}, M = ["char-count", "char-max"], Me = {
+}, M = ["char-count", "char-max"], Ge = {
   __name: "BsCharacterCount",
   props: {
     charCount: {},
     charMax: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    return (s, t) => (d(), o("bs-character-count", i(s.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), u("bs-character-count", i(a.$attrs, {
       "char-count": e.charCount,
       "char-max": e.charMax
     }), null, 16, M));
   }
-}, j = ["chart-title", "data", "dataIdxLabels", "show-legend", "show-tooltips", "show-x-grid", "show-y-grid", "stacked", "x-label", "y-label"], je = {
+}, j = ["chart-title", "data", "dataIdxLabels", "show-legend", "show-tooltips", "show-x-grid", "show-y-grid", "stacked", "x-label", "y-label"], He = {
   __name: "BsChartBar",
   props: {
     chartTitle: {},
@@ -54,8 +54,8 @@ const O = ["color", "count", "count-max", "dot", "label", "position", "show-zero
     yLabel: { default: "" }
   },
   emits: [],
-  setup(e, { emit: l }) {
-    return (s, t) => (d(), o("bs-chart-bar", i(s.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), u("bs-chart-bar", i(a.$attrs, {
       "chart-title": e.chartTitle,
       data: e.data,
       dataIdxLabels: e.dataIdxLabels,
@@ -68,7 +68,7 @@ const O = ["color", "count", "count-max", "dot", "label", "position", "show-zero
       "y-label": e.yLabel
     }), null, 16, j));
   }
-}, N = ["data", "dataIdxLabels", "table-title"], Ne = {
+}, N = ["data", "dataIdxLabels", "table-title"], Xe = {
   __name: "BsChartTable",
   props: {
     data: {},
@@ -76,14 +76,14 @@ const O = ["color", "count", "count-max", "dot", "label", "position", "show-zero
     tableTitle: { default: "" }
   },
   emits: [],
-  setup(e, { emit: l }) {
-    return (s, t) => (d(), o("bs-chart-table", i(s.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), u("bs-chart-table", i(a.$attrs, {
       data: e.data,
       dataIdxLabels: e.dataIdxLabels,
       "table-title": e.tableTitle
     }), null, 16, N));
   }
-}, G = ["label", "checked", "checked-partially", "disabled", "error", "pass-attrs", "required", "size"], Ge = {
+}, G = ["label", "checked", "checked-partially", "disabled", "error", "pass-attrs", "required", "size"], Ye = {
   __name: "BsCheckbox",
   props: {
     label: {},
@@ -97,8 +97,8 @@ const O = ["color", "count", "count-max", "dot", "label", "position", "show-zero
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    return (s, t) => (d(), o("bs-checkbox", i(s.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), u("bs-checkbox", i(a.$attrs, {
       label: e.label,
       checked: e.checked || e.modelValue,
       "checked-partially": e.checkedPartially,
@@ -107,25 +107,25 @@ const O = ["color", "count", "count-max", "dot", "label", "position", "show-zero
       "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] = (l) => s("update:modelValue", l.target.checked))
     }), null, 16, G));
   }
 };
-function D(e) {
-  const l = W(() => {
-    var a, n;
-    return ((n = (a = e.href) == null ? void 0 : a.startsWith) == null ? void 0 : n.call(a, "/")) || !1;
-  }), s = W(() => {
-    var a, n;
-    return l.value && ((a = e.router) == null ? void 0 : a.navigateTo) || ((n = e.router) == null ? void 0 : n.push) || null;
+function R(e) {
+  const s = W(() => {
+    var l, d;
+    return ((d = (l = e.href) == null ? void 0 : l.startsWith) == null ? void 0 : d.call(l, "/")) || !1;
+  }), a = W(() => {
+    var l, d;
+    return s.value && ((l = e.router) == null ? void 0 : l.navigateTo) || ((d = e.router) == null ? void 0 : d.push) || null;
   });
-  function t(a) {
-    var n, u, b, y, r;
-    s.value && ((u = (n = a.target.href) == null ? void 0 : n.endsWith) != null && u.call(n, e.href) || (r = (y = (b = a.target.closest("a")) == null ? void 0 : b.href) == null ? void 0 : y.endsWith) != null && r.call(y, e.href)) && (a.preventDefault(), s.value(e.href));
+  function t(l) {
+    var d, c, b, y, r;
+    a.value && ((c = (d = l.target.href) == null ? void 0 : d.endsWith) != null && c.call(d, e.href) || (r = (y = (b = l.target.closest("a")) == null ? void 0 : b.href) == null ? void 0 : y.endsWith) != null && r.call(y, e.href)) && (l.preventDefault(), a.value(e.href));
   }
   return { onLinkClick: t };
 }
-const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-position", "label", "pass-attrs", "text-btn", "size"], He = {
+const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-position", "label", "pass-attrs", "text-btn", "size"], Ze = {
   __name: "BsCircleButton",
   props: {
     disabled: {},
@@ -141,9 +141,9 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     router: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    const s = e, { onLinkClick: t } = D(s);
-    return (a, n) => (d(), o("bs-circle-button", i(a.$attrs, {
+  setup(e, { emit: s }) {
+    const a = e, { onLinkClick: t } = R(a);
+    return (l, d) => (n(), u("bs-circle-button", i(l.$attrs, {
       disabled: e.disabled,
       "ghost-btn": e.ghostBtn,
       "hover-effect": e.hoverEffect,
@@ -154,10 +154,10 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       "pass-attrs": e.passAttrs,
       "text-btn": e.textBtn,
       size: e.size,
-      onClick: n[0] || (n[0] = (...u) => m(t) && m(t)(...u))
+      onClick: d[0] || (d[0] = (...c) => f(t) && f(t)(...c))
     }), null, 16, H));
   }
-}, X = ["width", "top", "center", "toggle-id", "container-id", "helper-text", "helper-description", "enter-controlled", "enter-trigger", "leave-trigger"], Xe = {
+}, X = ["width", "top", "center", "toggle-id", "container-id", "helper-text", "helper-description", "enter-controlled", "enter-trigger", "leave-trigger"], Je = {
   __name: "BsDropdown",
   props: {
     width: { default: void 0 },
@@ -172,10 +172,10 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     leaveTrigger: { default: !1 }
   },
   emits: ["close", "enterend", "leaveend"],
-  setup(e, { emit: l }) {
-    return (s, t) => (d(), g(m(k), null, {
-      default: $(() => [
-        T("bs-dropdown", i(s.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), $(f(T), null, {
+      default: g(() => [
+        k("bs-dropdown", i(a.$attrs, {
           width: e.width,
           top: e.top,
           center: e.center,
@@ -186,17 +186,17 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
           "enter-controlled": e.enterControlled,
           "enter-trigger": e.enterTrigger,
           "leave-trigger": e.leaveTrigger,
-          onClose: t[0] || (t[0] = (a) => l("close", a.detail)),
-          onEnterend: t[1] || (t[1] = (a) => l("enterend", a.detail)),
-          onLeaveend: t[2] || (t[2] = (a) => l("leaveend", a.detail))
+          onClose: t[0] || (t[0] = (l) => s("close", l.detail)),
+          onEnterend: t[1] || (t[1] = (l) => s("enterend", l.detail)),
+          onLeaveend: t[2] || (t[2] = (l) => s("leaveend", l.detail))
         }), [
-          f(s.$slots, "default")
+          o(a.$slots, "default")
         ], 16, X)
       ]),
       _: 3
     }));
   }
-}, Y = ["value", "variant", "options-id", "selected", "focused", "index"], Ye = {
+}, Y = ["value", "variant", "options-id", "selected", "focused", "index"], Ke = {
   __name: "BsDropdownOption",
   props: {
     value: {},
@@ -207,21 +207,21 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     index: {}
   },
   emits: ["optmouseenter", "optselect"],
-  setup(e, { emit: l }) {
-    return (s, t) => (d(), o("bs-dropdown-option", i(s.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), u("bs-dropdown-option", i(a.$attrs, {
       value: e.value,
       variant: e.variant,
       "options-id": e.optionsId,
       selected: e.selected,
       focused: e.focused,
       index: e.index,
-      onOptmouseenter: t[0] || (t[0] = (a) => l("optmouseenter", a.detail)),
-      onOptselect: t[1] || (t[1] = (a) => l("optselect", a.detail))
+      onOptmouseenter: t[0] || (t[0] = (l) => s("optmouseenter", l.detail)),
+      onOptselect: t[1] || (t[1] = (l) => s("optselect", l.detail))
     }), [
-      f(s.$slots, "default")
+      o(a.$slots, "default")
     ], 16, Y));
   }
-}, Z = ["toggle-id", "container-id", "options-id", "width", "top", "center", "label", "selected-value", "enter-controlled", "enter-trigger", "leave-trigger"], Ze = {
+}, Z = ["toggle-id", "container-id", "options-id", "width", "top", "center", "label", "selected-value", "enter-controlled", "enter-trigger", "leave-trigger", "helper-text", "helper-description"], Ue = {
   __name: "BsDropdownWithOptions",
   props: {
     toggleId: {},
@@ -234,11 +234,13 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     selectedValue: {},
     enterControlled: { default: !1 },
     enterTrigger: { default: !1 },
-    leaveTrigger: { default: !1 }
+    leaveTrigger: { default: !1 },
+    helperText: {},
+    helperDescription: {}
   },
   emits: ["optselected", "close", "enterend", "leaveend"],
-  setup(e, { emit: l }) {
-    return (s, t) => (d(), o("bs-dropdown-with-options", i(s.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), u("bs-dropdown-with-options", i(a.$attrs, {
       "toggle-id": e.toggleId,
       "container-id": e.containerId,
       "options-id": e.optionsId,
@@ -250,15 +252,17 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       "enter-controlled": e.enterControlled,
       "enter-trigger": e.enterTrigger,
       "leave-trigger": e.leaveTrigger,
-      onOptselected: t[0] || (t[0] = (a) => l("optselected", a.detail)),
-      onClose: t[1] || (t[1] = (a) => l("close", a.detail)),
-      onEnterend: t[2] || (t[2] = (a) => l("enterend", a.detail)),
-      onLeaveend: t[3] || (t[3] = (a) => l("leaveend", a.detail))
+      "helper-text": e.helperText,
+      "helper-description": e.helperDescription,
+      onOptselected: t[0] || (t[0] = (l) => s("optselected", l.detail)),
+      onClose: t[1] || (t[1] = (l) => s("close", l.detail)),
+      onEnterend: t[2] || (t[2] = (l) => s("enterend", l.detail)),
+      onLeaveend: t[3] || (t[3] = (l) => s("leaveend", l.detail))
     }), [
-      f(s.$slots, "default")
+      o(a.$slots, "default")
     ], 16, Z));
   }
-}, J = ["char-count", "char-max", "disabled", "error", "hints", "label", "label-for", "required", "hint-id"], Je = {
+}, J = ["char-count", "char-max", "disabled", "error", "hints", "label", "label-for", "required", "hint-id"], Qe = {
   __name: "BsFieldLayout",
   props: {
     charCount: {},
@@ -272,8 +276,8 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     hintId: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    return (s, t) => (d(), o("bs-field-layout", i(s.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), u("bs-field-layout", i(a.$attrs, {
       "char-count": e.charCount,
       "char-max": e.charMax,
       disabled: e.disabled,
@@ -284,10 +288,10 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       required: e.required,
       "hint-id": e.hintId
     }), [
-      f(s.$slots, "default")
+      o(a.$slots, "default")
     ], 16, J));
   }
-}, K = ["error", "hint-id", "hints"], Ke = {
+}, K = ["error", "hint-id", "hints"], _e = {
   __name: "BsHint",
   props: {
     error: {},
@@ -295,14 +299,14 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     hints: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    return (s, t) => (d(), o("bs-hint", i(s.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), u("bs-hint", i(a.$attrs, {
       error: e.error,
       "hint-id": e.hintId,
       hints: e.hints
     }), null, 16, K));
   }
-}, U = ["disabled", "error", "pass-attrs", "placeholder", "required", "type", "value", "hint-id"], Ue = {
+}, U = ["disabled", "error", "pass-attrs", "placeholder", "required", "type", "value", "hint-id"], et = {
   __name: "BsInput",
   props: {
     disabled: { default: !1 },
@@ -316,8 +320,8 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    return (s, t) => (d(), o("bs-input", i(s.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), u("bs-input", i(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
       "pass-attrs": e.passAttrs,
@@ -326,10 +330,10 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       type: e.type,
       value: e.value || e.modelValue,
       "hint-id": e.hintId,
-      onInput: t[0] || (t[0] = (a) => l("update:modelValue", a.target.value))
+      onInput: t[0] || (t[0] = (l) => s("update:modelValue", l.target.value))
     }), null, 16, U));
   }
-}, Q = ["disabled", "error", "multifocus", "variant"], Qe = {
+}, Q = ["disabled", "error", "multifocus", "variant"], tt = {
   __name: "BsInputAddon",
   props: {
     disabled: { default: !1 },
@@ -338,17 +342,17 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     variant: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    return (s, t) => (d(), o("bs-input-addon", i(s.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), u("bs-input-addon", i(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
       multifocus: e.multifocus,
       variant: e.variant
     }), [
-      f(s.$slots, "default")
+      o(a.$slots, "default")
     ], 16, Q));
   }
-}, _ = ["disabled", "error", "hints", "label", "pass-attrs", "placeholder", "required", "type", "value"], _e = {
+}, _ = ["disabled", "error", "hints", "label", "pass-attrs", "placeholder", "required", "type", "value"], at = {
   __name: "BsInputField",
   props: {
     disabled: { default: !1 },
@@ -363,8 +367,8 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    return (s, t) => (d(), o("bs-input-field", i(s.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), u("bs-input-field", i(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
       hints: e.hints,
@@ -374,10 +378,10 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       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] = (l) => s("update:modelValue", l.target.value))
     }), null, 16, _));
   }
-}, ee = ["disabled", "pass-attrs", "placeholder", "hint-id", "value"], et = {
+}, ee = ["disabled", "pass-attrs", "placeholder", "hint-id", "value"], lt = {
   __name: "BsInputSearch",
   props: {
     disabled: { default: !1 },
@@ -388,31 +392,31 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     modelValue: {}
   },
   emits: ["clear", "update:modelValue"],
-  setup(e, { emit: l }) {
-    return (s, t) => (d(), o("bs-input-search", i(s.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), u("bs-input-search", i(a.$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] = (l) => s("clear", l.detail)),
+      onInput: t[1] || (t[1] = (l) => s("update:modelValue", l.target.value))
     }), null, 16, ee));
   }
-}, te = ["size", "variant"], tt = {
+}, te = ["size", "variant"], st = {
   __name: "BsLoader",
   props: {
     size: {},
     variant: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    return (s, t) => (d(), o("bs-loader", i(s.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), u("bs-loader", i(a.$attrs, {
       size: e.size,
       variant: e.variant
     }), null, 16, te));
   }
-}, ae = ["alert", "close-button", "enter-controlled", "enter-trigger", "leave-trigger"], at = {
+}, ae = ["alert", "close-button", "enter-controlled", "enter-trigger", "leave-trigger"], rt = {
   __name: "BsModal",
   props: {
     alert: { default: !1 },
@@ -422,26 +426,26 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     leaveTrigger: { default: !1 }
   },
   emits: ["close", "enterend", "leaveend"],
-  setup(e, { emit: l }) {
-    return (s, t) => (d(), g(m(k), null, {
-      default: $(() => [
-        T("bs-modal", i(s.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), $(f(T), null, {
+      default: g(() => [
+        k("bs-modal", i(a.$attrs, {
           alert: e.alert,
           "close-button": e.closeButton,
           "enter-controlled": e.enterControlled,
           "enter-trigger": e.enterTrigger,
           "leave-trigger": e.leaveTrigger,
-          onClose: t[0] || (t[0] = (a) => l("close", a.detail)),
-          onEnterend: t[1] || (t[1] = (a) => l("enterend", a.detail)),
-          onLeaveend: t[2] || (t[2] = (a) => l("leaveend", a.detail))
+          onClose: t[0] || (t[0] = (l) => s("close", l.detail)),
+          onEnterend: t[1] || (t[1] = (l) => s("enterend", l.detail)),
+          onLeaveend: t[2] || (t[2] = (l) => s("leaveend", l.detail))
         }), [
-          f(s.$slots, "default")
+          o(a.$slots, "default")
         ], 16, ae)
       ]),
       _: 3
     }));
   }
-}, se = ["enter-controlled", "enter-trigger", "leave-trigger"], st = {
+}, le = ["enter-controlled", "enter-trigger", "leave-trigger"], nt = {
   __name: "BsOverlay",
   props: {
     enterControlled: { default: !1 },
@@ -449,21 +453,21 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     leaveTrigger: { default: !1 }
   },
   emits: ["enterend", "leaveend"],
-  setup(e, { emit: l }) {
-    return (s, t) => (d(), g(m(k), null, {
-      default: $(() => [
-        T("bs-overlay", i(s.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), $(f(T), null, {
+      default: g(() => [
+        k("bs-overlay", i(a.$attrs, {
           "enter-controlled": e.enterControlled,
           "enter-trigger": e.enterTrigger,
           "leave-trigger": e.leaveTrigger,
-          onEnterend: t[0] || (t[0] = (a) => l("enterend", a.detail)),
-          onLeaveend: t[1] || (t[1] = (a) => l("leaveend", a.detail))
-        }), null, 16, se)
+          onEnterend: t[0] || (t[0] = (l) => s("enterend", l.detail)),
+          onLeaveend: t[1] || (t[1] = (l) => s("leaveend", l.detail))
+        }), null, 16, le)
       ]),
       _: 1
     }));
   }
-}, le = ["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"], lt = {
+}, se = ["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"], dt = {
   __name: "BsPagination",
   props: {
     showFirstLastButtons: { default: !1 },
@@ -484,8 +488,8 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     resultsIncrements: {}
   },
   emits: ["selchange"],
-  setup(e, { emit: l }) {
-    return (s, t) => (d(), o("bs-pagination", i(s.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), u("bs-pagination", i(a.$attrs, {
       "show-first-last-buttons": e.showFirstLastButtons,
       "prev-page-text": e.prevPageText,
       "first-page-text": e.firstPageText,
@@ -502,10 +506,10 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       "items-per-group": e.itemsPerGroup,
       "items-count": e.itemsCount,
       "results-increments": e.resultsIncrements,
-      onSelchange: t[0] || (t[0] = (a) => l("selchange", a.detail))
-    }), null, 16, le));
+      onSelchange: t[0] || (t[0] = (l) => s("selchange", l.detail))
+    }), null, 16, se));
   }
-}, re = ["layout", "href", "image-src", "image-size", "initials", "profile-name", "company", "job-title", "email"], rt = {
+}, re = ["layout", "href", "image-src", "image-size", "initials", "profile-name", "company", "job-title", "email"], it = {
   __name: "BsProfile",
   props: {
     layout: {},
@@ -520,9 +524,9 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     router: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    const s = e, { onLinkClick: t } = D(s);
-    return (a, n) => (d(), o("bs-profile", i(a.$attrs, {
+  setup(e, { emit: s }) {
+    const a = e, { onLinkClick: t } = R(a);
+    return (l, d) => (n(), u("bs-profile", i(l.$attrs, {
       layout: e.layout,
       href: e.href,
       "image-src": e.imageSrc,
@@ -532,10 +536,10 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       company: e.company,
       "job-title": e.jobTitle,
       email: e.email,
-      onClick: n[0] || (n[0] = (...u) => m(t) && m(t)(...u))
+      onClick: d[0] || (d[0] = (...c) => f(t) && f(t)(...c))
     }), null, 16, re));
   }
-}, ne = ["profile-name", "company", "job-title", "email"], nt = {
+}, ne = ["profile-name", "company", "job-title", "email"], ut = {
   __name: "BsProfileDetails",
   props: {
     profileName: {},
@@ -544,15 +548,15 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     email: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    return (s, t) => (d(), o("bs-profile-details", i(s.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), u("bs-profile-details", i(a.$attrs, {
       "profile-name": e.profileName,
       company: e.company,
       "job-title": e.jobTitle,
       email: e.email
     }), null, 16, ne));
   }
-}, de = ["src", "size", "initials", "profile-name"], dt = {
+}, de = ["src", "size", "initials", "profile-name"], ot = {
   __name: "BsProfileImg",
   props: {
     src: {},
@@ -561,15 +565,15 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     profileName: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    return (s, t) => (d(), o("bs-profile-img", i(s.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), u("bs-profile-img", i(a.$attrs, {
       src: e.src,
       size: e.size,
       initials: e.initials,
       "profile-name": e.profileName
     }), null, 16, de));
   }
-}, ie = ["layout", "href", "pass-attrs"], it = {
+}, ie = ["layout", "href", "pass-attrs"], ct = {
   __name: "BsProfileLayout",
   props: {
     layout: { default: "vertical" },
@@ -578,18 +582,18 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     router: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    const s = e, { onLinkClick: t } = D(s);
-    return (a, n) => (d(), o("bs-profile-layout", i(a.$attrs, {
+  setup(e, { emit: s }) {
+    const a = e, { onLinkClick: t } = R(a);
+    return (l, d) => (n(), u("bs-profile-layout", i(l.$attrs, {
       layout: e.layout,
       href: e.href,
       "pass-attrs": e.passAttrs,
-      onClick: n[0] || (n[0] = (...u) => m(t) && m(t)(...u))
+      onClick: d[0] || (d[0] = (...c) => f(t) && f(t)(...c))
     }), [
-      f(a.$slots, "default")
+      o(l.$slots, "default")
     ], 16, ie));
   }
-}, ue = ["label", "checked", "disabled", "error", "pass-attrs", "required", "size", "value"], ut = {
+}, ue = ["label", "checked", "disabled", "error", "pass-attrs", "required", "size", "value"], ft = {
   __name: "BsRadio",
   props: {
     label: {},
@@ -603,8 +607,8 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    return (s, t) => (d(), o("bs-radio", i(s.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), u("bs-radio", i(a.$attrs, {
       label: e.label,
       checked: e.checked || e.modelValue === e.value,
       disabled: e.disabled,
@@ -613,10 +617,10 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       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] = (l) => s("update:modelValue", l.target.value))
     }), null, 16, ue));
   }
-}, oe = ["disabled", "error", "required", "label", "hints", "placeholder", "value", "pass-attrs", "data"], ot = {
+}, oe = ["disabled", "error", "required", "label", "hints", "placeholder", "value", "pass-attrs", "data"], mt = {
   __name: "BsSelectField",
   props: {
     disabled: { default: !1 },
@@ -631,8 +635,8 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    return (s, t) => (d(), o("bs-select-field", i(s.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), u("bs-select-field", i(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
       required: e.required,
@@ -642,10 +646,10 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       value: e.value || e.modelValue,
       "pass-attrs": e.passAttrs,
       data: e.data,
-      onChange: t[0] || (t[0] = (a) => l("update:modelValue", a.target.value))
+      onChange: t[0] || (t[0] = (l) => s("update:modelValue", l.target.value))
     }), null, 16, oe));
   }
-}, fe = ["checked", "disabled", "inner-on-label", "inner-off-label", "label", "pass-attrs", "size"], ft = {
+}, ce = ["checked", "disabled", "inner-on-label", "inner-off-label", "label", "pass-attrs", "size"], ht = {
   __name: "BsSwitch",
   props: {
     checked: { default: !1 },
@@ -658,8 +662,8 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    return (s, t) => (d(), o("bs-switch", i(s.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), u("bs-switch", i(a.$attrs, {
       checked: e.checked || e.modelValue,
       disabled: e.disabled,
       "inner-on-label": e.innerOnLabel,
@@ -667,10 +671,69 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       label: e.label,
       "pass-attrs": e.passAttrs,
       size: e.size,
-      onChange: t[0] || (t[0] = (a) => l("update:modelValue", a.target.checked))
-    }), null, 16, fe));
+      onChange: t[0] || (t[0] = (l) => s("update:modelValue", l.target.checked))
+    }), null, 16, ce));
+  }
+}, fe = ["active-tab-id", "hidden", "panel-id"], bt = {
+  __name: "BsTab",
+  props: {
+    activeTabId: {},
+    hidden: { default: !1 },
+    panelId: {}
+  },
+  emits: [],
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), u("bs-tab", i(a.$attrs, {
+      "active-tab-id": e.activeTabId,
+      hidden: e.hidden,
+      "panel-id": e.panelId
+    }), [
+      o(a.$slots, "default")
+    ], 16, fe));
   }
-}, ce = ["disabled", "error", "pass-attrs", "placeholder", "required", "value", "hint-id"], ct = {
+}, me = ["active-tab-id", "helper-text", "helper-description"], vt = {
+  __name: "BsTabList",
+  props: {
+    activeTabId: {},
+    helperText: { default: "Select a tab" },
+    helperDescription: {},
+    modelValue: {}
+  },
+  emits: ["tabChange", "update:modelValue"],
+  setup(e, { emit: s }) {
+    const a = (t) => {
+      s("tabChange", t.detail), s("update:modelValue", t.detail);
+    };
+    return (t, l) => (n(), u("bs-tab-list", i(t.$attrs, {
+      "active-tab-id": e.activeTabId || e.modelValue,
+      "helper-text": e.helperText,
+      "helper-description": e.helperDescription,
+      "on:tabChange": a
+    }), [
+      p(f(T), null, {
+        default: g(() => [
+          o(t.$slots, "default")
+        ]),
+        _: 3
+      })
+    ], 16, me));
+  }
+}, he = ["active-tab-id", "tab-id"], gt = {
+  __name: "BsTabPanel",
+  props: {
+    activeTabId: {},
+    tabId: {}
+  },
+  emits: [],
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), u("bs-tab-panel", i(a.$attrs, {
+      "active-tab-id": e.activeTabId,
+      "tab-id": e.tabId
+    }), [
+      o(a.$slots, "default")
+    ], 16, he));
+  }
+}, be = ["disabled", "error", "pass-attrs", "placeholder", "required", "value", "hint-id"], $t = {
   __name: "BsTextarea",
   props: {
     disabled: { default: !1 },
@@ -683,8 +746,8 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    return (s, t) => (d(), o("bs-textarea", i(s.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), u("bs-textarea", i(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
       "pass-attrs": e.passAttrs,
@@ -692,10 +755,10 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       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, ce));
+      onInput: t[0] || (t[0] = (l) => s("update:modelValue", l.target.value))
+    }), null, 16, be));
   }
-}, me = ["char-max", "disabled", "error", "hints", "label", "placeholder", "required", "value", "pass-attrs"], mt = {
+}, ve = ["char-max", "disabled", "error", "hints", "label", "placeholder", "required", "value", "pass-attrs"], yt = {
   __name: "BsTextareaField",
   props: {
     charMax: {},
@@ -710,8 +773,8 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    return (s, t) => (d(), o("bs-textarea-field", i(s.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), u("bs-textarea-field", i(a.$attrs, {
       "char-max": e.charMax,
       disabled: e.disabled,
       error: e.error,
@@ -721,10 +784,10 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       required: e.required,
       value: e.value || e.modelValue,
       "pass-attrs": e.passAttrs,
-      onInput: t[0] || (t[0] = (a) => l("update:modelValue", a.target.value))
-    }), null, 16, me));
+      onInput: t[0] || (t[0] = (l) => s("update:modelValue", l.target.value))
+    }), null, 16, ve));
   }
-}, he = ["toast-id", "variant", "stacked", "duration", "enter-controlled", "enter-trigger", "leave-trigger"], ht = {
+}, ge = ["toast-id", "variant", "stacked", "duration", "enter-controlled", "enter-trigger", "leave-trigger"], Bt = {
   __name: "BsToast",
   props: {
     toastId: {},
@@ -736,10 +799,10 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     leaveTrigger: { default: !1 }
   },
   emits: ["dismiss", "enterend", "leaveend"],
-  setup(e, { emit: l }) {
-    return (s, t) => (d(), g(m(k), null, {
-      default: $(() => [
-        T("bs-toast", i(s.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), $(f(T), null, {
+      default: g(() => [
+        k("bs-toast", i(a.$attrs, {
           "toast-id": e.toastId,
           variant: e.variant,
           stacked: e.stacked,
@@ -747,62 +810,62 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
           "enter-controlled": e.enterControlled,
           "enter-trigger": e.enterTrigger,
           "leave-trigger": e.leaveTrigger,
-          onDismiss: t[0] || (t[0] = (a) => l("dismiss", a.detail)),
-          onEnterend: t[1] || (t[1] = (a) => l("enterend", a.detail)),
-          onLeaveend: t[2] || (t[2] = (a) => l("leaveend", a.detail))
+          onDismiss: t[0] || (t[0] = (l) => s("dismiss", l.detail)),
+          onEnterend: t[1] || (t[1] = (l) => s("enterend", l.detail)),
+          onLeaveend: t[2] || (t[2] = (l) => s("leaveend", l.detail))
         }), [
-          f(s.$slots, "default")
-        ], 16, he)
+          o(a.$slots, "default")
+        ], 16, ge)
       ]),
       _: 3
     }));
   }
-}, bt = {
+}, Tt = {
   __name: "BsToastActions",
   props: {},
   emits: ["defaultDismiss"],
-  setup(e, { emit: l }) {
-    return (s, t) => (d(), o("bs-toast-actions", i(s.$attrs, {
-      "on:defaultDismiss": t[0] || (t[0] = (a) => l("defaultDismiss", a.detail))
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), u("bs-toast-actions", i(a.$attrs, {
+      "on:defaultDismiss": t[0] || (t[0] = (l) => s("defaultDismiss", l.detail))
     }), [
-      f(s.$slots, "default")
+      o(a.$slots, "default")
     ], 16));
   }
-}, vt = {
+}, kt = {
   __name: "BsToastBody",
   props: {},
   emits: [],
-  setup(e, { emit: l }) {
-    return (s, t) => (d(), o("bs-toast-body", E(F(s.$attrs)), [
-      f(s.$slots, "default")
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), u("bs-toast-body", E(O(a.$attrs)), [
+      o(a.$slots, "default")
     ], 16));
   }
-}, be = ["variant"], gt = {
+}, $e = ["variant"], pt = {
   __name: "BsToastHeader",
   props: {
     variant: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    return (s, t) => (d(), o("bs-toast-header", i(s.$attrs, { variant: e.variant }), [
-      f(s.$slots, "default")
-    ], 16, be));
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), u("bs-toast-header", i(a.$attrs, { variant: e.variant }), [
+      o(a.$slots, "default")
+    ], 16, $e));
   }
-}, $t = {
+}, wt = {
   __name: "BsToaster",
   props: {},
   emits: [],
-  setup(e, { emit: l }) {
-    return (s, t) => (d(), g(m(k), null, {
-      default: $(() => [
-        T("bs-toaster", E(F(s.$attrs)), [
-          f(s.$slots, "default")
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), $(f(T), null, {
+      default: g(() => [
+        k("bs-toaster", E(O(a.$attrs)), [
+          o(a.$slots, "default")
         ], 16)
       ]),
       _: 3
     }));
   }
-}, ve = ["enter-class", "enter-attribute", "enter-duration", "leave-class", "leave-attribute", "leave-duration", "enter-controlled", "enter-trigger", "leave-trigger"], yt = {
+}, ye = ["enter-class", "enter-attribute", "enter-duration", "leave-class", "leave-attribute", "leave-duration", "enter-controlled", "enter-trigger", "leave-trigger"], St = {
   __name: "BsTransition",
   props: {
     enterClass: { default: void 0 },
@@ -816,8 +879,8 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     leaveTrigger: { default: !1 }
   },
   emits: ["enterend", "leaveend"],
-  setup(e, { emit: l }) {
-    return (s, t) => (d(), o("bs-transition", i(s.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), u("bs-transition", i(a.$attrs, {
       "enter-class": e.enterClass,
       "enter-attribute": e.enterAttribute,
       "enter-duration": e.enterDuration,
@@ -827,17 +890,17 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       "enter-controlled": e.enterControlled,
       "enter-trigger": e.enterTrigger,
       "leave-trigger": e.leaveTrigger,
-      onEnterend: t[0] || (t[0] = (a) => l("enterend", a.detail)),
-      onLeaveend: t[1] || (t[1] = (a) => l("leaveend", a.detail))
+      onEnterend: t[0] || (t[0] = (l) => s("enterend", l.detail)),
+      onLeaveend: t[1] || (t[1] = (l) => s("leaveend", l.detail))
     }), [
-      f(s.$slots, "default")
-    ], 16, ve));
+      o(a.$slots, "default")
+    ], 16, ye));
   }
 };
-function R(e) {
+function D(e) {
   e.value.replaceChildren();
 }
-const ge = ["controlled", "icon", "header-text", "heading-level", "open-item", "stacked"], $e = {
+const Be = ["controlled", "icon", "header-text", "heading-level", "open-item", "open-item-id", "stacked"], Te = {
   __name: "BsAccordionServer",
   props: {
     controlled: { default: !1 },
@@ -845,55 +908,57 @@ const ge = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     headerText: {},
     headingLevel: {},
     openItem: { default: !1 },
+    openItemId: {},
     stacked: { default: !1 }
   },
   emits: ["toggled"],
-  setup(e, { emit: l }) {
-    const s = h(!1), t = h(null), a = h(""), n = w([]), u = h(null), b = h(!1), y = (r, v = 0) => {
-      var c, B;
-      t.value || v >= 4 || (t.value = (B = (c = r.value) == null ? void 0 : c.querySelector) == null ? void 0 : B.call(c, "[data-slot]"), t.value || n.push(setTimeout(() => y(r, v + 1), 50)));
+  setup(e, { emit: s }) {
+    const a = h(!1), t = h(null), l = h(""), d = w([]), c = h(null), b = h(!1), y = (r, v = 0) => {
+      var m, B;
+      t.value || v >= 4 || (t.value = (B = (m = r.value) == null ? void 0 : m.querySelector) == null ? void 0 : B.call(m, "[data-slot]"), t.value || d.push(setTimeout(() => y(r, v + 1), 50)));
     };
-    return p(() => b.value = !0), S(() => y(u, 0)), C(t, (r) => {
-      !r || s.value || (R(t), n.push(setTimeout(() => {
-        I(() => {
-          a.value = customElements.get("bs-accordion") ? "hydrated superhydrated" : "superhydrated";
+    return S(() => b.value = !0), C(() => y(c, 0)), I(t, (r) => {
+      !r || a.value || (D(t), d.push(setTimeout(() => {
+        x(() => {
+          l.value = customElements.get("bs-accordion") ? "hydrated superhydrated" : "superhydrated";
         });
-      }, 100)), s.value = !0);
-    }, { immediate: !0 }), q(() => n.forEach((r) => clearTimeout(r))), (r, v) => (d(), o(A, null, [
-      t.value && b.value ? (d(), g(m(k), { key: 0 }, {
-        default: $(() => [
-          (d(), g(L, { to: t.value }, [
-            f(r.$slots, "default")
+      }, 100)), a.value = !0);
+    }, { immediate: !0 }), q(() => d.forEach((r) => clearTimeout(r))), (r, v) => (n(), u(V, null, [
+      t.value && b.value ? (n(), $(f(T), { key: 0 }, {
+        default: g(() => [
+          (n(), $(L, { to: t.value }, [
+            o(r.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
-      })) : x("", !0),
-      T("bs-accordion", i({
+      })) : A("", !0),
+      k("bs-accordion", i({
         ref_key: "wcRef",
-        ref: u,
-        class: a.value,
+        ref: c,
+        class: l.value,
         "data-bsds-ssr": "",
         controlled: e.controlled,
         icon: e.icon,
         "header-text": e.headerText,
         "heading-level": e.headingLevel,
         "open-item": e.openItem,
+        "open-item-id": e.openItemId,
         stacked: e.stacked,
-        onToggled: v[0] || (v[0] = (c) => l("toggled", c.detail))
+        onToggled: v[0] || (v[0] = (m) => s("toggled", m.detail))
       }, r.$attrs), [
-        V(m(k), null, z({ _: 2 }, [
+        p(f(T), null, z({ _: 2 }, [
           b.value ? void 0 : {
             name: "fallback",
-            fn: $(() => [
-              f(r.$slots, "default")
+            fn: g(() => [
+              o(r.$slots, "default")
             ]),
             key: "0"
           }
         ]), 1024)
-      ], 16, ge)
+      ], 16, Be)
     ], 64));
   }
-}, ye = "bs-accordion", Bt = {
+}, ke = "bs-accordion", Ct = {
   __name: "BsAccordion",
   props: {
     controlled: { default: !1 },
@@ -901,66 +966,67 @@ const ge = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     headerText: {},
     headingLevel: {},
     openItem: { default: !1 },
+    openItemId: {},
     stacked: { default: !1 },
     bsShow: { default: !0 }
   },
   emits: ["toggled"],
-  setup(e, { emit: l }) {
-    const s = e, { data: t } = P(ye, () => {
+  setup(e, { emit: s }) {
+    const a = e, { data: t } = P(ke, () => {
       if (process.server)
         return !0;
     });
-    return (a, n) => m(t) ? (d(), g($e, i({ key: 0 }, { ...s, ...a.$attrs }, {
+    return (l, d) => f(t) ? (n(), $(Te, i({ key: 0 }, { ...a, ...l.$attrs }, {
       style: { display: e.bsShow ? null : "none" },
-      onToggled: n[0] || (n[0] = (u) => l("toggled", u))
+      onToggled: d[0] || (d[0] = (c) => s("toggled", c))
     }), {
-      default: $(() => [
-        f(a.$slots, "default")
+      default: g(() => [
+        o(l.$slots, "default")
       ]),
       _: 3
-    }, 16, ["style"])) : (d(), o("bs-accordion", i({ key: 1 }, { ...s, ...a.$attrs }, {
+    }, 16, ["style"])) : (n(), u("bs-accordion", i({ key: 1 }, { ...a, ...l.$attrs }, {
       style: { display: e.bsShow ? null : "none" },
-      onToggled: n[1] || (n[1] = (u) => l("toggled", u.detail))
+      onToggled: d[1] || (d[1] = (c) => s("toggled", c.detail))
     }), [
-      f(a.$slots, "default")
+      o(l.$slots, "default")
     ], 16));
   }
-}, Be = {
+}, pe = {
   __name: "BsBannerServer",
   props: {},
   emits: ["dismiss"],
-  setup(e, { emit: l }) {
-    const s = h(!1), t = h(null), a = h(""), n = w([]), u = h(null), b = h(!1), y = (r, v = 0) => {
-      var c, B;
-      t.value || v >= 4 || (t.value = (B = (c = r.value) == null ? void 0 : c.querySelector) == null ? void 0 : B.call(c, "[data-slot]"), t.value || n.push(setTimeout(() => y(r, v + 1), 50)));
+  setup(e, { emit: s }) {
+    const a = h(!1), t = h(null), l = h(""), d = w([]), c = h(null), b = h(!1), y = (r, v = 0) => {
+      var m, B;
+      t.value || v >= 4 || (t.value = (B = (m = r.value) == null ? void 0 : m.querySelector) == null ? void 0 : B.call(m, "[data-slot]"), t.value || d.push(setTimeout(() => y(r, v + 1), 50)));
     };
-    return p(() => b.value = !0), S(() => y(u, 0)), C(t, (r) => {
-      !r || s.value || (R(t), n.push(setTimeout(() => {
-        I(() => {
-          a.value = customElements.get("bs-banner") ? "hydrated superhydrated" : "superhydrated";
+    return S(() => b.value = !0), C(() => y(c, 0)), I(t, (r) => {
+      !r || a.value || (D(t), d.push(setTimeout(() => {
+        x(() => {
+          l.value = customElements.get("bs-banner") ? "hydrated superhydrated" : "superhydrated";
         });
-      }, 100)), s.value = !0);
-    }, { immediate: !0 }), q(() => n.forEach((r) => clearTimeout(r))), (r, v) => (d(), o(A, null, [
-      t.value && b.value ? (d(), g(m(k), { key: 0 }, {
-        default: $(() => [
-          (d(), g(L, { to: t.value }, [
-            f(r.$slots, "default")
+      }, 100)), a.value = !0);
+    }, { immediate: !0 }), q(() => d.forEach((r) => clearTimeout(r))), (r, v) => (n(), u(V, null, [
+      t.value && b.value ? (n(), $(f(T), { key: 0 }, {
+        default: g(() => [
+          (n(), $(L, { to: t.value }, [
+            o(r.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
-      })) : x("", !0),
-      T("bs-banner", i({
+      })) : A("", !0),
+      k("bs-banner", i({
         ref_key: "wcRef",
-        ref: u,
-        class: a.value,
+        ref: c,
+        class: l.value,
         "data-bsds-ssr": "",
-        onDismiss: v[0] || (v[0] = (c) => l("dismiss", c.detail))
+        onDismiss: v[0] || (v[0] = (m) => s("dismiss", m.detail))
       }, r.$attrs), [
-        V(m(k), null, z({ _: 2 }, [
+        p(f(T), null, z({ _: 2 }, [
           b.value ? void 0 : {
             name: "fallback",
-            fn: $(() => [
-              f(r.$slots, "default")
+            fn: g(() => [
+              o(r.$slots, "default")
             ]),
             key: "0"
           }
@@ -968,33 +1034,33 @@ const ge = ["controlled", "icon", "header-text", "heading-level", "open-item", "
       ], 16)
     ], 64));
   }
-}, ke = "bs-banner", kt = {
+}, we = "bs-banner", It = {
   __name: "BsBanner",
   props: {
     bsShow: { default: !0 }
   },
   emits: ["dismiss"],
-  setup(e, { emit: l }) {
-    const s = e, { data: t } = P(ke, () => {
+  setup(e, { emit: s }) {
+    const a = e, { data: t } = P(we, () => {
       if (process.server)
         return !0;
     });
-    return (a, n) => m(t) ? (d(), g(Be, i({ key: 0 }, { ...s, ...a.$attrs }, {
+    return (l, d) => f(t) ? (n(), $(pe, i({ key: 0 }, { ...a, ...l.$attrs }, {
       style: { display: e.bsShow ? null : "none" },
-      onDismiss: n[0] || (n[0] = (u) => l("dismiss", u))
+      onDismiss: d[0] || (d[0] = (c) => s("dismiss", c))
     }), {
-      default: $(() => [
-        f(a.$slots, "default")
+      default: g(() => [
+        o(l.$slots, "default")
       ]),
       _: 3
-    }, 16, ["style"])) : (d(), o("bs-banner", i({ key: 1 }, { ...s, ...a.$attrs }, {
+    }, 16, ["style"])) : (n(), u("bs-banner", i({ key: 1 }, { ...a, ...l.$attrs }, {
       style: { display: e.bsShow ? null : "none" },
-      onDismiss: n[1] || (n[1] = (u) => l("dismiss", u.detail))
+      onDismiss: d[1] || (d[1] = (c) => s("dismiss", c.detail))
     }), [
-      f(a.$slots, "default")
+      o(l.$slots, "default")
     ], 16));
   }
-}, Te = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn", "size"], we = {
+}, Se = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn", "size"], Ce = {
   __name: "BsButtonServer",
   props: {
     variant: {},
@@ -1006,30 +1072,30 @@ const ge = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     size: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    const s = h(!1), t = h(null), a = h(""), n = w([]), u = h(null), b = h(!1), y = (r, v = 0) => {
-      var c, B;
-      t.value || v >= 4 || (t.value = (B = (c = r.value) == null ? void 0 : c.querySelector) == null ? void 0 : B.call(c, "[data-slot]"), t.value || n.push(setTimeout(() => y(r, v + 1), 50)));
+  setup(e, { emit: s }) {
+    const a = h(!1), t = h(null), l = h(""), d = w([]), c = h(null), b = h(!1), y = (r, v = 0) => {
+      var m, B;
+      t.value || v >= 4 || (t.value = (B = (m = r.value) == null ? void 0 : m.querySelector) == null ? void 0 : B.call(m, "[data-slot]"), t.value || d.push(setTimeout(() => y(r, v + 1), 50)));
     };
-    return p(() => b.value = !0), S(() => y(u, 0)), C(t, (r) => {
-      !r || s.value || (R(t), n.push(setTimeout(() => {
-        I(() => {
-          a.value = customElements.get("bs-button") ? "hydrated superhydrated" : "superhydrated";
+    return S(() => b.value = !0), C(() => y(c, 0)), I(t, (r) => {
+      !r || a.value || (D(t), d.push(setTimeout(() => {
+        x(() => {
+          l.value = customElements.get("bs-button") ? "hydrated superhydrated" : "superhydrated";
         });
-      }, 100)), s.value = !0);
-    }, { immediate: !0 }), q(() => n.forEach((r) => clearTimeout(r))), (r, v) => (d(), o(A, null, [
-      t.value && b.value ? (d(), g(m(k), { key: 0 }, {
-        default: $(() => [
-          (d(), g(L, { to: t.value }, [
-            f(r.$slots, "default")
+      }, 100)), a.value = !0);
+    }, { immediate: !0 }), q(() => d.forEach((r) => clearTimeout(r))), (r, v) => (n(), u(V, null, [
+      t.value && b.value ? (n(), $(f(T), { key: 0 }, {
+        default: g(() => [
+          (n(), $(L, { to: t.value }, [
+            o(r.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
-      })) : x("", !0),
-      T("bs-button", i({
+      })) : A("", !0),
+      k("bs-button", i({
         ref_key: "wcRef",
-        ref: u,
-        class: a.value,
+        ref: c,
+        class: l.value,
         "data-bsds-ssr": "",
         variant: e.variant,
         disabled: e.disabled,
@@ -1039,19 +1105,19 @@ const ge = ["controlled", "icon", "header-text", "heading-level", "open-item", "
         "text-btn": e.textBtn,
         size: e.size
       }, r.$attrs), [
-        V(m(k), null, z({ _: 2 }, [
+        p(f(T), null, z({ _: 2 }, [
           b.value ? void 0 : {
             name: "fallback",
-            fn: $(() => [
-              f(r.$slots, "default")
+            fn: g(() => [
+              o(r.$slots, "default")
             ]),
             key: "0"
           }
         ]), 1024)
-      ], 16, Te)
+      ], 16, Se)
     ], 64));
   }
-}, pe = "bs-button", Tt = {
+}, Ie = "bs-button", xt = {
   __name: "BsButton",
   props: {
     variant: {},
@@ -1065,27 +1131,27 @@ const ge = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     bsShow: { default: !0 }
   },
   emits: [],
-  setup(e, { emit: l }) {
-    const s = e, { onLinkClick: t } = D(s), { data: a } = P(pe, () => {
+  setup(e, { emit: s }) {
+    const a = e, { onLinkClick: t } = R(a), { data: l } = P(Ie, () => {
       if (process.server)
         return !0;
     });
-    return (n, u) => m(a) ? (d(), g(we, i({ key: 0 }, { ...s, ...n.$attrs, router: void 0 }, {
+    return (d, c) => f(l) ? (n(), $(Ce, i({ key: 0 }, { ...a, ...d.$attrs, router: void 0 }, {
       style: { display: e.bsShow ? null : "none" },
-      onClick: m(t)
+      onClick: f(t)
     }), {
-      default: $(() => [
-        f(n.$slots, "default")
+      default: g(() => [
+        o(d.$slots, "default")
       ]),
       _: 3
-    }, 16, ["style", "onClick"])) : (d(), o("bs-button", i({ key: 1 }, { ...s, ...n.$attrs, router: void 0 }, {
+    }, 16, ["style", "onClick"])) : (n(), u("bs-button", i({ key: 1 }, { ...a, ...d.$attrs, router: void 0 }, {
       style: { display: e.bsShow ? null : "none" },
-      onClick: u[0] || (u[0] = (...b) => m(t) && m(t)(...b))
+      onClick: c[0] || (c[0] = (...b) => f(t) && f(t)(...b))
     }), [
-      f(n.$slots, "default")
+      o(d.$slots, "default")
     ], 16));
   }
-}, Se = ["disabled", "for", "hide", "pass-attrs", "required"], Ce = {
+}, xe = ["disabled", "for", "hide", "pass-attrs", "required"], qe = {
   __name: "BsLabelServer",
   props: {
     disabled: {},
@@ -1095,30 +1161,30 @@ const ge = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     required: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    const s = h(!1), t = h(null), a = h(""), n = w([]), u = h(null), b = h(!1), y = (r, v = 0) => {
-      var c, B;
-      t.value || v >= 4 || (t.value = (B = (c = r.value) == null ? void 0 : c.querySelector) == null ? void 0 : B.call(c, "[data-slot]"), t.value || n.push(setTimeout(() => y(r, v + 1), 50)));
+  setup(e, { emit: s }) {
+    const a = h(!1), t = h(null), l = h(""), d = w([]), c = h(null), b = h(!1), y = (r, v = 0) => {
+      var m, B;
+      t.value || v >= 4 || (t.value = (B = (m = r.value) == null ? void 0 : m.querySelector) == null ? void 0 : B.call(m, "[data-slot]"), t.value || d.push(setTimeout(() => y(r, v + 1), 50)));
     };
-    return p(() => b.value = !0), S(() => y(u, 0)), C(t, (r) => {
-      !r || s.value || (R(t), n.push(setTimeout(() => {
-        I(() => {
-          a.value = customElements.get("bs-label") ? "hydrated superhydrated" : "superhydrated";
+    return S(() => b.value = !0), C(() => y(c, 0)), I(t, (r) => {
+      !r || a.value || (D(t), d.push(setTimeout(() => {
+        x(() => {
+          l.value = customElements.get("bs-label") ? "hydrated superhydrated" : "superhydrated";
         });
-      }, 100)), s.value = !0);
-    }, { immediate: !0 }), q(() => n.forEach((r) => clearTimeout(r))), (r, v) => (d(), o(A, null, [
-      t.value && b.value ? (d(), g(m(k), { key: 0 }, {
-        default: $(() => [
-          (d(), g(L, { to: t.value }, [
-            f(r.$slots, "default")
+      }, 100)), a.value = !0);
+    }, { immediate: !0 }), q(() => d.forEach((r) => clearTimeout(r))), (r, v) => (n(), u(V, null, [
+      t.value && b.value ? (n(), $(f(T), { key: 0 }, {
+        default: g(() => [
+          (n(), $(L, { to: t.value }, [
+            o(r.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
-      })) : x("", !0),
-      T("bs-label", i({
+      })) : A("", !0),
+      k("bs-label", i({
         ref_key: "wcRef",
-        ref: u,
-        class: a.value,
+        ref: c,
+        class: l.value,
         "data-bsds-ssr": "",
         disabled: e.disabled,
         for: e.for,
@@ -1126,19 +1192,19 @@ const ge = ["controlled", "icon", "header-text", "heading-level", "open-item", "
         "pass-attrs": e.passAttrs,
         required: e.required
       }, r.$attrs), [
-        V(m(k), null, z({ _: 2 }, [
+        p(f(T), null, z({ _: 2 }, [
           b.value ? void 0 : {
             name: "fallback",
-            fn: $(() => [
-              f(r.$slots, "default")
+            fn: g(() => [
+              o(r.$slots, "default")
             ]),
             key: "0"
           }
         ]), 1024)
-      ], 16, Se)
+      ], 16, xe)
     ], 64));
   }
-}, Ie = "bs-label", wt = {
+}, Ve = "bs-label", qt = {
   __name: "BsLabel",
   props: {
     disabled: {},
@@ -1149,25 +1215,25 @@ const ge = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     bsShow: { default: !0 }
   },
   emits: [],
-  setup(e, { emit: l }) {
-    const s = e, { data: t } = P(Ie, () => {
+  setup(e, { emit: s }) {
+    const a = e, { data: t } = P(Ve, () => {
       if (process.server)
         return !0;
     });
-    return (a, n) => m(t) ? (d(), g(Ce, i({ key: 0 }, { ...s, ...a.$attrs }, {
+    return (l, d) => f(t) ? (n(), $(qe, i({ key: 0 }, { ...a, ...l.$attrs }, {
       style: { display: e.bsShow ? null : "none" }
     }), {
-      default: $(() => [
-        f(a.$slots, "default")
+      default: g(() => [
+        o(l.$slots, "default")
       ]),
       _: 3
-    }, 16, ["style"])) : (d(), o("bs-label", i({ key: 1 }, { ...s, ...a.$attrs }, {
+    }, 16, ["style"])) : (n(), u("bs-label", i({ key: 1 }, { ...a, ...l.$attrs }, {
       style: { display: e.bsShow ? null : "none" }
     }), [
-      f(a.$slots, "default")
+      o(l.$slots, "default")
     ], 16));
   }
-}, qe = ["variant", "status", "href", "active", "disabled", "pass-attrs"], Ae = {
+}, Le = ["variant", "status", "href", "active", "disabled", "pass-attrs"], Ae = {
   __name: "BsPillServer",
   props: {
     variant: {},
@@ -1178,30 +1244,30 @@ const ge = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     passAttrs: { default: "" }
   },
   emits: [],
-  setup(e, { emit: l }) {
-    const s = h(!1), t = h(null), a = h(""), n = w([]), u = h(null), b = h(!1), y = (r, v = 0) => {
-      var c, B;
-      t.value || v >= 4 || (t.value = (B = (c = r.value) == null ? void 0 : c.querySelector) == null ? void 0 : B.call(c, "[data-slot]"), t.value || n.push(setTimeout(() => y(r, v + 1), 50)));
+  setup(e, { emit: s }) {
+    const a = h(!1), t = h(null), l = h(""), d = w([]), c = h(null), b = h(!1), y = (r, v = 0) => {
+      var m, B;
+      t.value || v >= 4 || (t.value = (B = (m = r.value) == null ? void 0 : m.querySelector) == null ? void 0 : B.call(m, "[data-slot]"), t.value || d.push(setTimeout(() => y(r, v + 1), 50)));
     };
-    return p(() => b.value = !0), S(() => y(u, 0)), C(t, (r) => {
-      !r || s.value || (R(t), n.push(setTimeout(() => {
-        I(() => {
-          a.value = customElements.get("bs-pill") ? "hydrated superhydrated" : "superhydrated";
+    return S(() => b.value = !0), C(() => y(c, 0)), I(t, (r) => {
+      !r || a.value || (D(t), d.push(setTimeout(() => {
+        x(() => {
+          l.value = customElements.get("bs-pill") ? "hydrated superhydrated" : "superhydrated";
         });
-      }, 100)), s.value = !0);
-    }, { immediate: !0 }), q(() => n.forEach((r) => clearTimeout(r))), (r, v) => (d(), o(A, null, [
-      t.value && b.value ? (d(), g(m(k), { key: 0 }, {
-        default: $(() => [
-          (d(), g(L, { to: t.value }, [
-            f(r.$slots, "default")
+      }, 100)), a.value = !0);
+    }, { immediate: !0 }), q(() => d.forEach((r) => clearTimeout(r))), (r, v) => (n(), u(V, null, [
+      t.value && b.value ? (n(), $(f(T), { key: 0 }, {
+        default: g(() => [
+          (n(), $(L, { to: t.value }, [
+            o(r.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
-      })) : x("", !0),
-      T("bs-pill", i({
+      })) : A("", !0),
+      k("bs-pill", i({
         ref_key: "wcRef",
-        ref: u,
-        class: a.value,
+        ref: c,
+        class: l.value,
         "data-bsds-ssr": "",
         variant: e.variant,
         status: e.status,
@@ -1210,19 +1276,19 @@ const ge = ["controlled", "icon", "header-text", "heading-level", "open-item", "
         disabled: e.disabled,
         "pass-attrs": e.passAttrs
       }, r.$attrs), [
-        V(m(k), null, z({ _: 2 }, [
+        p(f(T), null, z({ _: 2 }, [
           b.value ? void 0 : {
             name: "fallback",
-            fn: $(() => [
-              f(r.$slots, "default")
+            fn: g(() => [
+              o(r.$slots, "default")
             ]),
             key: "0"
           }
         ]), 1024)
-      ], 16, qe)
+      ], 16, Le)
     ], 64));
   }
-}, Le = "bs-pill", pt = {
+}, ze = "bs-pill", Vt = {
   __name: "BsPill",
   props: {
     variant: {},
@@ -1235,27 +1301,27 @@ const ge = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     bsShow: { default: !0 }
   },
   emits: [],
-  setup(e, { emit: l }) {
-    const s = e, { onLinkClick: t } = D(s), { data: a } = P(Le, () => {
+  setup(e, { emit: s }) {
+    const a = e, { onLinkClick: t } = R(a), { data: l } = P(ze, () => {
       if (process.server)
         return !0;
     });
-    return (n, u) => m(a) ? (d(), g(Ae, i({ key: 0 }, { ...s, ...n.$attrs, router: void 0 }, {
+    return (d, c) => f(l) ? (n(), $(Ae, i({ key: 0 }, { ...a, ...d.$attrs, router: void 0 }, {
       style: { display: e.bsShow ? null : "none" },
-      onClick: m(t)
+      onClick: f(t)
     }), {
-      default: $(() => [
-        f(n.$slots, "default")
+      default: g(() => [
+        o(d.$slots, "default")
       ]),
       _: 3
-    }, 16, ["style", "onClick"])) : (d(), o("bs-pill", i({ key: 1 }, { ...s, ...n.$attrs, router: void 0 }, {
+    }, 16, ["style", "onClick"])) : (n(), u("bs-pill", i({ key: 1 }, { ...a, ...d.$attrs, router: void 0 }, {
       style: { display: e.bsShow ? null : "none" },
-      onClick: u[0] || (u[0] = (...b) => m(t) && m(t)(...b))
+      onClick: c[0] || (c[0] = (...b) => f(t) && f(t)(...b))
     }), [
-      f(n.$slots, "default")
+      o(d.$slots, "default")
     ], 16));
   }
-}, xe = ["disabled", "required", "error", "hint-id", "value", "pass-attrs"], Ve = {
+}, Pe = ["disabled", "required", "error", "hint-id", "value", "pass-attrs"], De = {
   __name: "BsSelectServer",
   props: {
     disabled: { default: !1 },
@@ -1263,33 +1329,34 @@ const ge = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     error: {},
     hintId: {},
     value: {},
-    passAttrs: { default: "" }
+    passAttrs: { default: "" },
+    modelValue: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    const s = h(!1), t = h(null), a = h(""), n = w([]), u = h(null), b = h(!1), y = (r, v = 0) => {
-      var c, B;
-      t.value || v >= 4 || (t.value = (B = (c = r.value) == null ? void 0 : c.querySelector) == null ? void 0 : B.call(c, "[data-slot]"), t.value || n.push(setTimeout(() => y(r, v + 1), 50)));
+  setup(e, { emit: s }) {
+    const a = h(!1), t = h(null), l = h(""), d = w([]), c = h(null), b = h(!1), y = (r, v = 0) => {
+      var m, B;
+      t.value || v >= 4 || (t.value = (B = (m = r.value) == null ? void 0 : m.querySelector) == null ? void 0 : B.call(m, "[data-slot]"), t.value || d.push(setTimeout(() => y(r, v + 1), 50)));
     };
-    return p(() => b.value = !0), S(() => y(u, 0)), C(t, (r) => {
-      !r || s.value || (R(t), n.push(setTimeout(() => {
-        I(() => {
-          a.value = customElements.get("bs-select") ? "hydrated superhydrated" : "superhydrated";
+    return S(() => b.value = !0), C(() => y(c, 0)), I(t, (r) => {
+      !r || a.value || (D(t), d.push(setTimeout(() => {
+        x(() => {
+          l.value = customElements.get("bs-select") ? "hydrated superhydrated" : "superhydrated";
         });
-      }, 100)), s.value = !0);
-    }, { immediate: !0 }), q(() => n.forEach((r) => clearTimeout(r))), (r, v) => (d(), o(A, null, [
-      t.value && b.value ? (d(), g(m(k), { key: 0 }, {
-        default: $(() => [
-          (d(), g(L, { to: t.value }, [
-            f(r.$slots, "default")
+      }, 100)), a.value = !0);
+    }, { immediate: !0 }), q(() => d.forEach((r) => clearTimeout(r))), (r, v) => (n(), u(V, null, [
+      t.value && b.value ? (n(), $(f(T), { key: 0 }, {
+        default: g(() => [
+          (n(), $(L, { to: t.value }, [
+            o(r.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
-      })) : x("", !0),
-      T("bs-select", i({
+      })) : A("", !0),
+      k("bs-select", i({
         ref_key: "wcRef",
-        ref: u,
-        class: a.value,
+        ref: c,
+        class: l.value,
         "data-bsds-ssr": "",
         disabled: e.disabled,
         required: e.required,
@@ -1297,20 +1364,20 @@ const ge = ["controlled", "icon", "header-text", "heading-level", "open-item", "
         "hint-id": e.hintId,
         value: e.value,
         "pass-attrs": e.passAttrs
-      }, r.$attrs), [
-        V(m(k), null, z({ _: 2 }, [
+      }, e.modelValue, r.$attrs), [
+        p(f(T), null, z({ _: 2 }, [
           b.value ? void 0 : {
             name: "fallback",
-            fn: $(() => [
-              f(r.$slots, "default")
+            fn: g(() => [
+              o(r.$slots, "default")
             ]),
             key: "0"
           }
         ]), 1024)
-      ], 16, xe)
+      ], 16, Pe)
     ], 64));
   }
-}, ze = "bs-select", St = {
+}, Re = "bs-select", Lt = {
   __name: "BsSelect",
   props: {
     disabled: { default: !1 },
@@ -1319,28 +1386,29 @@ const ge = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     hintId: {},
     value: {},
     passAttrs: { default: "" },
+    modelValue: {},
     bsShow: { default: !0 }
   },
-  emits: [],
-  setup(e, { emit: l }) {
-    const s = e, { data: t } = P(ze, () => {
+  emits: ["update:modelValue"],
+  setup(e, { emit: s }) {
+    const a = e, { data: t } = P(Re, () => {
       if (process.server)
         return !0;
     });
-    return (a, n) => m(t) ? (d(), g(Ve, i({ key: 0 }, { ...s, ...a.$attrs }, {
+    return (l, d) => f(t) ? (n(), $(De, i({ key: 0 }, { ...a, ...l.$attrs, value: e.value || e.modelValue }, {
       style: { display: e.bsShow ? null : "none" }
     }), {
-      default: $(() => [
-        f(a.$slots, "default")
+      default: g(() => [
+        o(l.$slots, "default")
       ]),
       _: 3
-    }, 16, ["style"])) : (d(), o("bs-select", i({ key: 1 }, { ...s, ...a.$attrs }, {
+    }, 16, ["style"])) : (n(), u("bs-select", i({ key: 1 }, { ...a, ...l.$attrs, value: e.value || e.modelValue }, {
       style: { display: e.bsShow ? null : "none" }
     }), [
-      f(a.$slots, "default")
+      o(l.$slots, "default")
     ], 16));
   }
-}, Pe = ["tooltip-id", "content", "position"], Re = {
+}, We = ["tooltip-id", "content", "position"], Ee = {
   __name: "BsTooltipServer",
   props: {
     tooltipId: {},
@@ -1348,48 +1416,48 @@ const ge = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     position: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    const s = h(!1), t = h(null), a = h(""), n = w([]), u = h(null), b = h(!1), y = (r, v = 0) => {
-      var c, B;
-      t.value || v >= 4 || (t.value = (B = (c = r.value) == null ? void 0 : c.querySelector) == null ? void 0 : B.call(c, "[data-slot]"), t.value || n.push(setTimeout(() => y(r, v + 1), 50)));
+  setup(e, { emit: s }) {
+    const a = h(!1), t = h(null), l = h(""), d = w([]), c = h(null), b = h(!1), y = (r, v = 0) => {
+      var m, B;
+      t.value || v >= 4 || (t.value = (B = (m = r.value) == null ? void 0 : m.querySelector) == null ? void 0 : B.call(m, "[data-slot]"), t.value || d.push(setTimeout(() => y(r, v + 1), 50)));
     };
-    return p(() => b.value = !0), S(() => y(u, 0)), C(t, (r) => {
-      !r || s.value || (R(t), n.push(setTimeout(() => {
-        I(() => {
-          a.value = customElements.get("bs-tooltip") ? "hydrated superhydrated" : "superhydrated";
+    return S(() => b.value = !0), C(() => y(c, 0)), I(t, (r) => {
+      !r || a.value || (D(t), d.push(setTimeout(() => {
+        x(() => {
+          l.value = customElements.get("bs-tooltip") ? "hydrated superhydrated" : "superhydrated";
         });
-      }, 100)), s.value = !0);
-    }, { immediate: !0 }), q(() => n.forEach((r) => clearTimeout(r))), (r, v) => (d(), o(A, null, [
-      t.value && b.value ? (d(), g(m(k), { key: 0 }, {
-        default: $(() => [
-          (d(), g(L, { to: t.value }, [
-            f(r.$slots, "default")
+      }, 100)), a.value = !0);
+    }, { immediate: !0 }), q(() => d.forEach((r) => clearTimeout(r))), (r, v) => (n(), u(V, null, [
+      t.value && b.value ? (n(), $(f(T), { key: 0 }, {
+        default: g(() => [
+          (n(), $(L, { to: t.value }, [
+            o(r.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
-      })) : x("", !0),
-      T("bs-tooltip", i({
+      })) : A("", !0),
+      k("bs-tooltip", i({
         ref_key: "wcRef",
-        ref: u,
-        class: a.value,
+        ref: c,
+        class: l.value,
         "data-bsds-ssr": "",
         "tooltip-id": e.tooltipId,
         content: e.content,
         position: e.position
       }, r.$attrs), [
-        V(m(k), null, z({ _: 2 }, [
+        p(f(T), null, z({ _: 2 }, [
           b.value ? void 0 : {
             name: "fallback",
-            fn: $(() => [
-              f(r.$slots, "default")
+            fn: g(() => [
+              o(r.$slots, "default")
             ]),
             key: "0"
           }
         ]), 1024)
-      ], 16, Pe)
+      ], 16, We)
     ], 64));
   }
-}, De = "bs-tooltip", Ct = {
+}, Oe = "bs-tooltip", At = {
   __name: "BsTooltip",
   props: {
     tooltipId: {},
@@ -1398,72 +1466,75 @@ const ge = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     bsShow: { default: !0 }
   },
   emits: [],
-  setup(e, { emit: l }) {
-    const s = e, { data: t } = P(De, () => {
+  setup(e, { emit: s }) {
+    const a = e, { data: t } = P(Oe, () => {
       if (process.server)
         return !0;
     });
-    return (a, n) => m(t) ? (d(), g(Re, i({ key: 0 }, { ...s, ...a.$attrs }, {
+    return (l, d) => f(t) ? (n(), $(Ee, i({ key: 0 }, { ...a, ...l.$attrs }, {
       style: { display: e.bsShow ? null : "none" }
     }), {
-      default: $(() => [
-        f(a.$slots, "default")
+      default: g(() => [
+        o(l.$slots, "default")
       ]),
       _: 3
-    }, 16, ["style"])) : (d(), o("bs-tooltip", i({ key: 1 }, { ...s, ...a.$attrs }, {
+    }, 16, ["style"])) : (n(), u("bs-tooltip", i({ key: 1 }, { ...a, ...l.$attrs }, {
       style: { display: e.bsShow ? null : "none" }
     }), [
-      f(a.$slots, "default")
+      o(l.$slots, "default")
     ], 16));
   }
 };
 export {
-  Bt as BsAccordion,
-  $e as BsAccordionServer,
-  Oe as BsBadge,
-  kt as BsBanner,
-  Be as BsBannerServer,
-  Tt as BsButton,
-  we as BsButtonServer,
-  Me as BsCharacterCount,
-  je as BsChartBar,
-  Ne as BsChartTable,
-  Ge as BsCheckbox,
-  He as BsCircleButton,
-  Xe as BsDropdown,
-  Ye as BsDropdownOption,
-  Ze as BsDropdownWithOptions,
-  Je as BsFieldLayout,
-  Ke as BsHint,
-  Ue as BsInput,
-  Qe as BsInputAddon,
-  _e as BsInputField,
-  et as BsInputSearch,
-  wt as BsLabel,
-  Ce as BsLabelServer,
-  tt as BsLoader,
-  at as BsModal,
-  st as BsOverlay,
-  lt as BsPagination,
-  pt as BsPill,
+  Ct as BsAccordion,
+  Te as BsAccordionServer,
+  Ne as BsBadge,
+  It as BsBanner,
+  pe as BsBannerServer,
+  xt as BsButton,
+  Ce as BsButtonServer,
+  Ge as BsCharacterCount,
+  He as BsChartBar,
+  Xe as BsChartTable,
+  Ye as BsCheckbox,
+  Ze as BsCircleButton,
+  Je as BsDropdown,
+  Ke as BsDropdownOption,
+  Ue as BsDropdownWithOptions,
+  Qe as BsFieldLayout,
+  _e as BsHint,
+  et as BsInput,
+  tt as BsInputAddon,
+  at as BsInputField,
+  lt as BsInputSearch,
+  qt as BsLabel,
+  qe as BsLabelServer,
+  st as BsLoader,
+  rt as BsModal,
+  nt as BsOverlay,
+  dt as BsPagination,
+  Vt as BsPill,
   Ae as BsPillServer,
-  rt as BsProfile,
-  nt as BsProfileDetails,
-  dt as BsProfileImg,
-  it as BsProfileLayout,
-  ut as BsRadio,
-  St as BsSelect,
-  ot as BsSelectField,
-  Ve as BsSelectServer,
-  ft as BsSwitch,
-  ct as BsTextarea,
-  mt as BsTextareaField,
-  ht as BsToast,
-  bt as BsToastActions,
-  vt as BsToastBody,
-  gt as BsToastHeader,
-  $t as BsToaster,
-  Ct as BsTooltip,
-  Re as BsTooltipServer,
-  yt as BsTransition
+  it as BsProfile,
+  ut as BsProfileDetails,
+  ot as BsProfileImg,
+  ct as BsProfileLayout,
+  ft as BsRadio,
+  Lt as BsSelect,
+  mt as BsSelectField,
+  De as BsSelectServer,
+  ht as BsSwitch,
+  bt as BsTab,
+  vt as BsTabList,
+  gt as BsTabPanel,
+  $t as BsTextarea,
+  yt as BsTextareaField,
+  Bt as BsToast,
+  Tt as BsToastActions,
+  kt as BsToastBody,
+  pt as BsToastHeader,
+  wt as BsToaster,
+  At as BsTooltip,
+  Ee as BsTooltipServer,
+  St as BsTransition
 };