@wwtdev/bsds-components-vue3 1.9.0 → 1.11.0

package/nuxt/bsds-components.mjs

@@ -1,7 +1,7 @@
-import { openBlock as i, createElementBlock as d, mergeProps as u, renderSlot as c, computed as W, unref as m, createBlock as y, withCtx as g, createElementVNode as w, normalizeProps as E, guardReactiveProps as F, ref as h, reactive as p, onBeforeMount as S, onMounted as T, 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 (a, t) => (i(), d("bs-badge", u(a.$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
     }), [
-      c(a.$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 (a, t) => (i(), d("bs-character-count", u(a.$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 (a, t) => (i(), d("bs-chart-bar", u(a.$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 (a, t) => (i(), d("bs-chart-table", u(a.$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 (a, t) => (i(), d("bs-checkbox", u(a.$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] = (s) => l("update:modelValue", s.target.checked))
+      onChange: t[0] || (t[0] = (l) => s("update:modelValue", l.target.checked))
     }), null, 16, G));
   }
 };
-function D(e) {
-  const l = W(() => {
-    var s, n;
-    return ((n = (s = e.href) == null ? void 0 : s.startsWith) == null ? void 0 : n.call(s, "/")) || !1;
+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 s, n;
-    return l.value && ((s = e.router) == null ? void 0 : s.navigateTo) || ((n = e.router) == null ? void 0 : n.push) || null;
+    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(s) {
-    var n, o, b, $, r;
-    a.value && ((o = (n = s.target.href) == null ? void 0 : n.endsWith) != null && o.call(n, e.href) || (r = ($ = (b = s.target.closest("a")) == null ? void 0 : b.href) == null ? void 0 : $.endsWith) != null && r.call($, e.href)) && (s.preventDefault(), a.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 a = e, { onLinkClick: t } = D(a);
-    return (s, n) => (i(), d("bs-circle-button", u(s.$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,85 +154,115 @@ 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] = (...o) => m(t) && m(t)(...o))
+      onClick: d[0] || (d[0] = (...c) => f(t) && f(t)(...c))
     }), null, 16, H));
   }
-}, X = ["shown", "width", "top", "center", "toggle-id", "container-id"], Xe = {
+}, X = ["width", "top", "center", "toggle-id", "container-id", "helper-text", "helper-description", "enter-controlled", "enter-trigger", "leave-trigger"], Je = {
   __name: "BsDropdown",
   props: {
-    shown: { default: !1 },
     width: { default: void 0 },
     top: { default: !1 },
     center: { default: !1 },
     toggleId: {},
-    containerId: { default: void 0 }
+    containerId: { default: void 0 },
+    helperText: {},
+    helperDescription: {},
+    enterControlled: { default: !1 },
+    enterTrigger: { default: !1 },
+    leaveTrigger: { default: !1 }
   },
-  emits: ["close"],
-  setup(e, { emit: l }) {
-    return (a, t) => (i(), y(m(k), null, {
+  emits: ["close", "enterend", "leaveend"],
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), $(f(T), null, {
       default: g(() => [
-        w("bs-dropdown", u(a.$attrs, {
-          shown: e.shown,
+        k("bs-dropdown", i(a.$attrs, {
           width: e.width,
           top: e.top,
           center: e.center,
           "toggle-id": e.toggleId,
           "container-id": e.containerId,
-          onClose: t[0] || (t[0] = (s) => l("close", s.detail))
+          "helper-text": e.helperText,
+          "helper-description": e.helperDescription,
+          "enter-controlled": e.enterControlled,
+          "enter-trigger": e.enterTrigger,
+          "leave-trigger": e.leaveTrigger,
+          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))
         }), [
-          c(a.$slots, "default")
+          o(a.$slots, "default")
         ], 16, X)
       ]),
       _: 3
     }));
   }
-}, Y = ["value", "variant", "selected", "options-id", "shown", "focused", "index"], Ye = {
+}, Y = ["value", "variant", "options-id", "selected", "focused", "index"], Ke = {
   __name: "BsDropdownOption",
   props: {
     value: {},
     variant: { default: void 0 },
-    selected: { default: !1 },
     optionsId: {},
-    shown: { default: !1 },
+    selected: { default: !1 },
     focused: { default: !1 },
     index: {}
   },
-  emits: ["optionmouseenter", "optionselect"],
-  setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-dropdown-option", u(a.$attrs, {
+  emits: ["optmouseenter", "optselect"],
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), u("bs-dropdown-option", i(a.$attrs, {
       value: e.value,
       variant: e.variant,
-      selected: e.selected,
       "options-id": e.optionsId,
-      shown: e.shown,
+      selected: e.selected,
       focused: e.focused,
       index: e.index,
-      onOptionmouseenter: t[0] || (t[0] = (s) => l("optionmouseenter", s.detail)),
-      onOptionselect: t[1] || (t[1] = (s) => l("optionselect", s.detail))
+      onOptmouseenter: t[0] || (t[0] = (l) => s("optmouseenter", l.detail)),
+      onOptselect: t[1] || (t[1] = (l) => s("optselect", l.detail))
     }), [
-      c(a.$slots, "default")
+      o(a.$slots, "default")
     ], 16, Y));
   }
-}, Z = ["options-id", "shown", "label"], Ze = {
-  __name: "BsDropdownOptions",
+}, 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: {},
+    containerId: {},
     optionsId: {},
-    shown: {},
-    label: {}
+    width: { default: void 0 },
+    top: { default: !1 },
+    center: { default: !1 },
+    label: {},
+    selectedValue: {},
+    enterControlled: { default: !1 },
+    enterTrigger: { default: !1 },
+    leaveTrigger: { default: !1 },
+    helperText: {},
+    helperDescription: {}
   },
-  emits: ["selectionchange", "close"],
-  setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-dropdown-options", u(a.$attrs, {
+  emits: ["optselected", "close", "enterend", "leaveend"],
+  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,
-      shown: e.shown,
+      width: e.width,
+      top: e.top,
+      center: e.center,
       label: e.label,
-      onSelectionchange: t[0] || (t[0] = (s) => l("selectionchange", s.detail)),
-      onClose: t[1] || (t[1] = (s) => l("close", s.detail))
+      "selected-value": e.selectedValue,
+      "enter-controlled": e.enterControlled,
+      "enter-trigger": e.enterTrigger,
+      "leave-trigger": e.leaveTrigger,
+      "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))
     }), [
-      c(a.$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: {},
@@ -246,8 +276,8 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     hintId: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-field-layout", u(a.$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,
@@ -258,10 +288,10 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       required: e.required,
       "hint-id": e.hintId
     }), [
-      c(a.$slots, "default")
+      o(a.$slots, "default")
     ], 16, J));
   }
-}, K = ["error", "hint-id", "hints"], Ke = {
+}, K = ["error", "hint-id", "hints"], _e = {
   __name: "BsHint",
   props: {
     error: {},
@@ -269,14 +299,14 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     hints: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-hint", u(a.$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 },
@@ -290,8 +320,8 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-input", u(a.$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,
@@ -300,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] = (s) => l("update:modelValue", s.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 },
@@ -312,17 +342,17 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     variant: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-input-addon", u(a.$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
     }), [
-      c(a.$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 },
@@ -337,8 +367,8 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-input-field", u(a.$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,
@@ -348,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] = (s) => l("update:modelValue", s.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 },
@@ -362,69 +392,82 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     modelValue: {}
   },
   emits: ["clear", "update:modelValue"],
-  setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-input-search", u(a.$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] = (s) => l("clear", s.detail)),
-      onInput: t[1] || (t[1] = (s) => l("update:modelValue", s.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 (a, t) => (i(), d("bs-loader", u(a.$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 = ["shown", "alert", "close-button"], at = {
+}, ae = ["alert", "close-button", "enter-controlled", "enter-trigger", "leave-trigger"], rt = {
   __name: "BsModal",
   props: {
-    shown: { default: !1 },
     alert: { default: !1 },
-    closeButton: { default: !0 }
+    closeButton: { default: !0 },
+    enterControlled: { default: !1 },
+    enterTrigger: { default: !1 },
+    leaveTrigger: { default: !1 }
   },
-  emits: ["close", "leaveend"],
-  setup(e, { emit: l }) {
-    return (a, t) => (i(), y(m(k), null, {
+  emits: ["close", "enterend", "leaveend"],
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), $(f(T), null, {
       default: g(() => [
-        w("bs-modal", u(a.$attrs, {
-          shown: e.shown,
+        k("bs-modal", i(a.$attrs, {
           alert: e.alert,
           "close-button": e.closeButton,
-          onClose: t[0] || (t[0] = (s) => l("close", s.detail)),
-          onLeaveend: t[1] || (t[1] = (s) => l("leaveend", s.detail))
+          "enter-controlled": e.enterControlled,
+          "enter-trigger": e.enterTrigger,
+          "leave-trigger": e.leaveTrigger,
+          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))
         }), [
-          c(a.$slots, "default")
+          o(a.$slots, "default")
         ], 16, ae)
       ]),
       _: 3
     }));
   }
-}, se = ["shown"], st = {
+}, le = ["enter-controlled", "enter-trigger", "leave-trigger"], nt = {
   __name: "BsOverlay",
   props: {
-    shown: { default: !1 }
+    enterControlled: { default: !1 },
+    enterTrigger: { default: !1 },
+    leaveTrigger: { default: !1 }
   },
-  emits: [],
-  setup(e, { emit: l }) {
-    return (a, t) => (i(), y(m(k), null, {
+  emits: ["enterend", "leaveend"],
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), $(f(T), null, {
       default: g(() => [
-        w("bs-overlay", u(a.$attrs, { shown: e.shown }), null, 16, se)
+        k("bs-overlay", i(a.$attrs, {
+          "enter-controlled": e.enterControlled,
+          "enter-trigger": e.enterTrigger,
+          "leave-trigger": e.leaveTrigger,
+          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 },
@@ -444,9 +487,9 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     itemsCount: {},
     resultsIncrements: {}
   },
-  emits: ["selectionchange"],
-  setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-pagination", u(a.$attrs, {
+  emits: ["selchange"],
+  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,
@@ -463,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,
-      onSelectionchange: t[0] || (t[0] = (s) => l("selectionchange", s.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: {},
@@ -481,9 +524,9 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     router: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    const a = e, { onLinkClick: t } = D(a);
-    return (s, n) => (i(), d("bs-profile", u(s.$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,
@@ -493,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] = (...o) => m(t) && m(t)(...o))
+      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: {},
@@ -505,15 +548,15 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     email: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-profile-details", u(a.$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));
   }
-}, ie = ["src", "size", "initials", "profile-name"], it = {
+}, de = ["src", "size", "initials", "profile-name"], ot = {
   __name: "BsProfileImg",
   props: {
     src: {},
@@ -522,15 +565,15 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     profileName: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-profile-img", u(a.$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, ie));
+    }), null, 16, de));
   }
-}, ue = ["layout", "href", "pass-attrs"], ut = {
+}, ie = ["layout", "href", "pass-attrs"], ct = {
   __name: "BsProfileLayout",
   props: {
     layout: { default: "vertical" },
@@ -539,18 +582,18 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     router: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    const a = e, { onLinkClick: t } = D(a);
-    return (s, n) => (i(), d("bs-profile-layout", u(s.$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] = (...o) => m(t) && m(t)(...o))
+      onClick: d[0] || (d[0] = (...c) => f(t) && f(t)(...c))
     }), [
-      c(s.$slots, "default")
-    ], 16, ue));
+      o(l.$slots, "default")
+    ], 16, ie));
   }
-}, de = ["label", "checked", "disabled", "error", "pass-attrs", "required", "size", "value"], dt = {
+}, ue = ["label", "checked", "disabled", "error", "pass-attrs", "required", "size", "value"], ft = {
   __name: "BsRadio",
   props: {
     label: {},
@@ -564,8 +607,8 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-radio", u(a.$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,
@@ -574,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] = (s) => l("update:modelValue", s.target.value))
-    }), null, 16, de));
+      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 },
@@ -592,8 +635,8 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-select-field", u(a.$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,
@@ -603,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] = (s) => l("update:modelValue", s.target.value))
+      onChange: t[0] || (t[0] = (l) => s("update:modelValue", l.target.value))
     }), null, 16, oe));
   }
-}, ce = ["checked", "disabled", "inner-on-label", "inner-off-label", "label", "pass-attrs", "size"], ct = {
+}, ce = ["checked", "disabled", "inner-on-label", "inner-off-label", "label", "pass-attrs", "size"], ht = {
   __name: "BsSwitch",
   props: {
     checked: { default: !1 },
@@ -619,8 +662,8 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-switch", u(a.$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,
@@ -628,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] = (s) => l("update:modelValue", s.target.checked))
+      onChange: t[0] || (t[0] = (l) => s("update:modelValue", l.target.checked))
     }), null, 16, ce));
   }
-}, fe = ["disabled", "error", "pass-attrs", "placeholder", "required", "value", "hint-id"], ft = {
+}, 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));
+  }
+}, 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 },
@@ -644,8 +746,8 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-textarea", u(a.$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,
@@ -653,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] = (s) => l("update:modelValue", s.target.value))
-    }), null, 16, fe));
+      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: {},
@@ -671,8 +773,8 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-textarea-field", u(a.$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,
@@ -682,105 +784,123 @@ 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] = (s) => l("update:modelValue", s.target.value))
-    }), null, 16, me));
+      onInput: t[0] || (t[0] = (l) => s("update:modelValue", l.target.value))
+    }), null, 16, ve));
   }
-}, he = ["toast-id", "shown", "variant", "stacked", "duration"], ht = {
+}, ge = ["toast-id", "variant", "stacked", "duration", "enter-controlled", "enter-trigger", "leave-trigger"], Bt = {
   __name: "BsToast",
   props: {
     toastId: {},
-    shown: {},
     variant: {},
     stacked: { default: !1 },
-    duration: { default: 1e4 }
+    duration: { default: 1e4 },
+    enterControlled: { default: !1 },
+    enterTrigger: { default: !1 },
+    leaveTrigger: { default: !1 }
   },
-  emits: ["dismiss"],
-  setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-toast", u(a.$attrs, {
-      "toast-id": e.toastId,
-      shown: e.shown,
-      variant: e.variant,
-      stacked: e.stacked,
-      duration: e.duration,
-      onDismiss: t[0] || (t[0] = (s) => l("dismiss", s.detail))
-    }), [
-      c(a.$slots, "default")
-    ], 16, he));
+  emits: ["dismiss", "enterend", "leaveend"],
+  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,
+          duration: e.duration,
+          "enter-controlled": e.enterControlled,
+          "enter-trigger": e.enterTrigger,
+          "leave-trigger": e.leaveTrigger,
+          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))
+        }), [
+          o(a.$slots, "default")
+        ], 16, ge)
+      ]),
+      _: 3
+    }));
   }
-}, bt = {
+}, Tt = {
   __name: "BsToastActions",
   props: {},
   emits: ["defaultDismiss"],
-  setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-toast-actions", u(a.$attrs, {
-      "on:defaultDismiss": t[0] || (t[0] = (s) => l("defaultDismiss", s.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))
     }), [
-      c(a.$slots, "default")
+      o(a.$slots, "default")
     ], 16));
   }
-}, vt = {
+}, kt = {
   __name: "BsToastBody",
   props: {},
   emits: [],
-  setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-toast-body", E(F(a.$attrs)), [
-      c(a.$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"], $t = {
+}, $e = ["variant"], pt = {
   __name: "BsToastHeader",
   props: {
     variant: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-toast-header", u(a.$attrs, { variant: e.variant }), [
-      c(a.$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));
   }
-}, yt = {
+}, wt = {
   __name: "BsToaster",
   props: {},
   emits: [],
-  setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-toaster", E(F(a.$attrs)), [
-      c(a.$slots, "default")
-    ], 16));
+  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 = ["active", "enter-class", "enter-attribute", "enter-duration", "leave-class", "leave-attribute", "leave-duration"], gt = {
+}, ye = ["enter-class", "enter-attribute", "enter-duration", "leave-class", "leave-attribute", "leave-duration", "enter-controlled", "enter-trigger", "leave-trigger"], St = {
   __name: "BsTransition",
   props: {
-    active: {},
     enterClass: { default: void 0 },
     enterAttribute: { default: void 0 },
     enterDuration: {},
     leaveClass: { default: void 0 },
     leaveAttribute: { default: void 0 },
-    leaveDuration: { default: void 0 }
+    leaveDuration: { default: void 0 },
+    enterControlled: { default: !1 },
+    enterTrigger: { default: !1 },
+    leaveTrigger: { default: !1 }
   },
-  emits: ["enterstart", "enterend", "leavestart", "leaveend"],
-  setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-transition", u(a.$attrs, {
-      active: e.active,
+  emits: ["enterend", "leaveend"],
+  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,
       "leave-class": e.leaveClass,
       "leave-attribute": e.leaveAttribute,
       "leave-duration": e.leaveDuration,
-      onEnterstart: t[0] || (t[0] = (s) => l("enterstart", s.detail)),
-      onEnterend: t[1] || (t[1] = (s) => l("enterend", s.detail)),
-      onLeavestart: t[2] || (t[2] = (s) => l("leavestart", s.detail)),
-      onLeaveend: t[3] || (t[3] = (s) => l("leaveend", s.detail))
+      "enter-controlled": e.enterControlled,
+      "enter-trigger": e.enterTrigger,
+      "leave-trigger": e.leaveTrigger,
+      onEnterend: t[0] || (t[0] = (l) => s("enterend", l.detail)),
+      onLeaveend: t[1] || (t[1] = (l) => s("leaveend", l.detail))
     }), [
-      c(a.$slots, "default")
-    ], 16, ve));
+      o(a.$slots, "default")
+    ], 16, ye));
   }
 };
-function R(e) {
+function D(e) {
   e.value.replaceChildren();
 }
-const $e = ["controlled", "icon", "header-text", "heading-level", "open-item", "stacked"], ye = {
+const Be = ["controlled", "icon", "header-text", "heading-level", "open-item", "open-item-id", "stacked"], Te = {
   __name: "BsAccordionServer",
   props: {
     controlled: { default: !1 },
@@ -788,55 +908,57 @@ const $e = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     headerText: {},
     headingLevel: {},
     openItem: { default: !1 },
+    openItemId: {},
     stacked: { default: !1 }
   },
   emits: ["toggled"],
-  setup(e, { emit: l }) {
-    const a = h(!1), t = h(null), s = h(""), n = p([]), o = h(null), b = h(!1), $ = (r, v = 0) => {
-      var f, B;
-      t.value || v >= 4 || (t.value = (B = (f = r.value) == null ? void 0 : f.querySelector) == null ? void 0 : B.call(f, "[data-slot]"), t.value || n.push(setTimeout(() => $(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 S(() => b.value = !0), T(() => $(o, 0)), C(t, (r) => {
-      !r || a.value || (R(t), n.push(setTimeout(() => {
-        I(() => {
-          s.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)), a.value = !0);
-    }, { immediate: !0 }), q(() => n.forEach((r) => clearTimeout(r))), (r, v) => (i(), d(A, null, [
-      t.value && b.value ? (i(), y(m(k), { key: 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(() => [
-          (i(), y(L, { to: t.value }, [
-            c(r.$slots, "default")
+          (n(), $(L, { to: t.value }, [
+            o(r.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
-      })) : x("", !0),
-      w("bs-accordion", u({
+      })) : A("", !0),
+      k("bs-accordion", i({
         ref_key: "wcRef",
-        ref: o,
-        class: s.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] = (f) => l("toggled", f.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: g(() => [
-              c(r.$slots, "default")
+              o(r.$slots, "default")
             ]),
             key: "0"
           }
         ]), 1024)
-      ], 16, $e)
+      ], 16, Be)
     ], 64));
   }
-}, ge = "bs-accordion", Bt = {
+}, ke = "bs-accordion", Ct = {
   __name: "BsAccordion",
   props: {
     controlled: { default: !1 },
@@ -844,66 +966,67 @@ const $e = ["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 a = e, { data: t } = P(ge, () => {
+  setup(e, { emit: s }) {
+    const a = e, { data: t } = P(ke, () => {
       if (process.server)
         return !0;
     });
-    return (s, n) => m(t) ? (i(), y(ye, u({ key: 0 }, { ...a, ...s.$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] = (o) => l("toggled", o))
+      onToggled: d[0] || (d[0] = (c) => s("toggled", c))
     }), {
       default: g(() => [
-        c(s.$slots, "default")
+        o(l.$slots, "default")
       ]),
       _: 3
-    }, 16, ["style"])) : (i(), d("bs-accordion", u({ key: 1 }, { ...a, ...s.$attrs }, {
+    }, 16, ["style"])) : (n(), u("bs-accordion", i({ key: 1 }, { ...a, ...l.$attrs }, {
       style: { display: e.bsShow ? null : "none" },
-      onToggled: n[1] || (n[1] = (o) => l("toggled", o.detail))
+      onToggled: d[1] || (d[1] = (c) => s("toggled", c.detail))
     }), [
-      c(s.$slots, "default")
+      o(l.$slots, "default")
     ], 16));
   }
-}, Be = {
+}, pe = {
   __name: "BsBannerServer",
   props: {},
   emits: ["dismiss"],
-  setup(e, { emit: l }) {
-    const a = h(!1), t = h(null), s = h(""), n = p([]), o = h(null), b = h(!1), $ = (r, v = 0) => {
-      var f, B;
-      t.value || v >= 4 || (t.value = (B = (f = r.value) == null ? void 0 : f.querySelector) == null ? void 0 : B.call(f, "[data-slot]"), t.value || n.push(setTimeout(() => $(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 S(() => b.value = !0), T(() => $(o, 0)), C(t, (r) => {
-      !r || a.value || (R(t), n.push(setTimeout(() => {
-        I(() => {
-          s.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)), a.value = !0);
-    }, { immediate: !0 }), q(() => n.forEach((r) => clearTimeout(r))), (r, v) => (i(), d(A, null, [
-      t.value && b.value ? (i(), y(m(k), { key: 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(() => [
-          (i(), y(L, { to: t.value }, [
-            c(r.$slots, "default")
+          (n(), $(L, { to: t.value }, [
+            o(r.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
-      })) : x("", !0),
-      w("bs-banner", u({
+      })) : A("", !0),
+      k("bs-banner", i({
         ref_key: "wcRef",
-        ref: o,
-        class: s.value,
+        ref: c,
+        class: l.value,
         "data-bsds-ssr": "",
-        onDismiss: v[0] || (v[0] = (f) => l("dismiss", f.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: g(() => [
-              c(r.$slots, "default")
+              o(r.$slots, "default")
             ]),
             key: "0"
           }
@@ -911,33 +1034,33 @@ const $e = ["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 a = e, { data: t } = P(ke, () => {
+  setup(e, { emit: s }) {
+    const a = e, { data: t } = P(we, () => {
       if (process.server)
         return !0;
     });
-    return (s, n) => m(t) ? (i(), y(Be, u({ key: 0 }, { ...a, ...s.$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] = (o) => l("dismiss", o))
+      onDismiss: d[0] || (d[0] = (c) => s("dismiss", c))
     }), {
       default: g(() => [
-        c(s.$slots, "default")
+        o(l.$slots, "default")
       ]),
       _: 3
-    }, 16, ["style"])) : (i(), d("bs-banner", u({ key: 1 }, { ...a, ...s.$attrs }, {
+    }, 16, ["style"])) : (n(), u("bs-banner", i({ key: 1 }, { ...a, ...l.$attrs }, {
       style: { display: e.bsShow ? null : "none" },
-      onDismiss: n[1] || (n[1] = (o) => l("dismiss", o.detail))
+      onDismiss: d[1] || (d[1] = (c) => s("dismiss", c.detail))
     }), [
-      c(s.$slots, "default")
+      o(l.$slots, "default")
     ], 16));
   }
-}, we = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn", "size"], pe = {
+}, Se = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn", "size"], Ce = {
   __name: "BsButtonServer",
   props: {
     variant: {},
@@ -949,30 +1072,30 @@ const $e = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     size: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    const a = h(!1), t = h(null), s = h(""), n = p([]), o = h(null), b = h(!1), $ = (r, v = 0) => {
-      var f, B;
-      t.value || v >= 4 || (t.value = (B = (f = r.value) == null ? void 0 : f.querySelector) == null ? void 0 : B.call(f, "[data-slot]"), t.value || n.push(setTimeout(() => $(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 S(() => b.value = !0), T(() => $(o, 0)), C(t, (r) => {
-      !r || a.value || (R(t), n.push(setTimeout(() => {
-        I(() => {
-          s.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)), a.value = !0);
-    }, { immediate: !0 }), q(() => n.forEach((r) => clearTimeout(r))), (r, v) => (i(), d(A, null, [
-      t.value && b.value ? (i(), y(m(k), { key: 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(() => [
-          (i(), y(L, { to: t.value }, [
-            c(r.$slots, "default")
+          (n(), $(L, { to: t.value }, [
+            o(r.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
-      })) : x("", !0),
-      w("bs-button", u({
+      })) : A("", !0),
+      k("bs-button", i({
         ref_key: "wcRef",
-        ref: o,
-        class: s.value,
+        ref: c,
+        class: l.value,
         "data-bsds-ssr": "",
         variant: e.variant,
         disabled: e.disabled,
@@ -982,19 +1105,19 @@ const $e = ["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: g(() => [
-              c(r.$slots, "default")
+              o(r.$slots, "default")
             ]),
             key: "0"
           }
         ]), 1024)
-      ], 16, we)
+      ], 16, Se)
     ], 64));
   }
-}, Se = "bs-button", wt = {
+}, Ie = "bs-button", xt = {
   __name: "BsButton",
   props: {
     variant: {},
@@ -1008,27 +1131,27 @@ const $e = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     bsShow: { default: !0 }
   },
   emits: [],
-  setup(e, { emit: l }) {
-    const a = e, { onLinkClick: t } = D(a), { data: s } = P(Se, () => {
+  setup(e, { emit: s }) {
+    const a = e, { onLinkClick: t } = R(a), { data: l } = P(Ie, () => {
       if (process.server)
         return !0;
     });
-    return (n, o) => m(s) ? (i(), y(pe, u({ key: 0 }, { ...a, ...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: g(() => [
-        c(n.$slots, "default")
+        o(d.$slots, "default")
       ]),
       _: 3
-    }, 16, ["style", "onClick"])) : (i(), d("bs-button", u({ key: 1 }, { ...a, ...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: o[0] || (o[0] = (...b) => m(t) && m(t)(...b))
+      onClick: c[0] || (c[0] = (...b) => f(t) && f(t)(...b))
     }), [
-      c(n.$slots, "default")
+      o(d.$slots, "default")
     ], 16));
   }
-}, Te = ["disabled", "for", "hide", "pass-attrs", "required"], Ce = {
+}, xe = ["disabled", "for", "hide", "pass-attrs", "required"], qe = {
   __name: "BsLabelServer",
   props: {
     disabled: {},
@@ -1038,30 +1161,30 @@ const $e = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     required: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    const a = h(!1), t = h(null), s = h(""), n = p([]), o = h(null), b = h(!1), $ = (r, v = 0) => {
-      var f, B;
-      t.value || v >= 4 || (t.value = (B = (f = r.value) == null ? void 0 : f.querySelector) == null ? void 0 : B.call(f, "[data-slot]"), t.value || n.push(setTimeout(() => $(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 S(() => b.value = !0), T(() => $(o, 0)), C(t, (r) => {
-      !r || a.value || (R(t), n.push(setTimeout(() => {
-        I(() => {
-          s.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)), a.value = !0);
-    }, { immediate: !0 }), q(() => n.forEach((r) => clearTimeout(r))), (r, v) => (i(), d(A, null, [
-      t.value && b.value ? (i(), y(m(k), { key: 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(() => [
-          (i(), y(L, { to: t.value }, [
-            c(r.$slots, "default")
+          (n(), $(L, { to: t.value }, [
+            o(r.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
-      })) : x("", !0),
-      w("bs-label", u({
+      })) : A("", !0),
+      k("bs-label", i({
         ref_key: "wcRef",
-        ref: o,
-        class: s.value,
+        ref: c,
+        class: l.value,
         "data-bsds-ssr": "",
         disabled: e.disabled,
         for: e.for,
@@ -1069,19 +1192,19 @@ const $e = ["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: g(() => [
-              c(r.$slots, "default")
+              o(r.$slots, "default")
             ]),
             key: "0"
           }
         ]), 1024)
-      ], 16, Te)
+      ], 16, xe)
     ], 64));
   }
-}, Ie = "bs-label", pt = {
+}, Ve = "bs-label", qt = {
   __name: "BsLabel",
   props: {
     disabled: {},
@@ -1092,25 +1215,25 @@ const $e = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     bsShow: { default: !0 }
   },
   emits: [],
-  setup(e, { emit: l }) {
-    const a = e, { data: t } = P(Ie, () => {
+  setup(e, { emit: s }) {
+    const a = e, { data: t } = P(Ve, () => {
       if (process.server)
         return !0;
     });
-    return (s, n) => m(t) ? (i(), y(Ce, u({ key: 0 }, { ...a, ...s.$attrs }, {
+    return (l, d) => f(t) ? (n(), $(qe, i({ key: 0 }, { ...a, ...l.$attrs }, {
       style: { display: e.bsShow ? null : "none" }
     }), {
       default: g(() => [
-        c(s.$slots, "default")
+        o(l.$slots, "default")
       ]),
       _: 3
-    }, 16, ["style"])) : (i(), d("bs-label", u({ key: 1 }, { ...a, ...s.$attrs }, {
+    }, 16, ["style"])) : (n(), u("bs-label", i({ key: 1 }, { ...a, ...l.$attrs }, {
       style: { display: e.bsShow ? null : "none" }
     }), [
-      c(s.$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: {},
@@ -1121,30 +1244,30 @@ const $e = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     passAttrs: { default: "" }
   },
   emits: [],
-  setup(e, { emit: l }) {
-    const a = h(!1), t = h(null), s = h(""), n = p([]), o = h(null), b = h(!1), $ = (r, v = 0) => {
-      var f, B;
-      t.value || v >= 4 || (t.value = (B = (f = r.value) == null ? void 0 : f.querySelector) == null ? void 0 : B.call(f, "[data-slot]"), t.value || n.push(setTimeout(() => $(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 S(() => b.value = !0), T(() => $(o, 0)), C(t, (r) => {
-      !r || a.value || (R(t), n.push(setTimeout(() => {
-        I(() => {
-          s.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)), a.value = !0);
-    }, { immediate: !0 }), q(() => n.forEach((r) => clearTimeout(r))), (r, v) => (i(), d(A, null, [
-      t.value && b.value ? (i(), y(m(k), { key: 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(() => [
-          (i(), y(L, { to: t.value }, [
-            c(r.$slots, "default")
+          (n(), $(L, { to: t.value }, [
+            o(r.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
-      })) : x("", !0),
-      w("bs-pill", u({
+      })) : A("", !0),
+      k("bs-pill", i({
         ref_key: "wcRef",
-        ref: o,
-        class: s.value,
+        ref: c,
+        class: l.value,
         "data-bsds-ssr": "",
         variant: e.variant,
         status: e.status,
@@ -1153,19 +1276,19 @@ const $e = ["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: g(() => [
-              c(r.$slots, "default")
+              o(r.$slots, "default")
             ]),
             key: "0"
           }
         ]), 1024)
-      ], 16, qe)
+      ], 16, Le)
     ], 64));
   }
-}, Le = "bs-pill", St = {
+}, ze = "bs-pill", Vt = {
   __name: "BsPill",
   props: {
     variant: {},
@@ -1178,27 +1301,27 @@ const $e = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     bsShow: { default: !0 }
   },
   emits: [],
-  setup(e, { emit: l }) {
-    const a = e, { onLinkClick: t } = D(a), { data: s } = P(Le, () => {
+  setup(e, { emit: s }) {
+    const a = e, { onLinkClick: t } = R(a), { data: l } = P(ze, () => {
       if (process.server)
         return !0;
     });
-    return (n, o) => m(s) ? (i(), y(Ae, u({ key: 0 }, { ...a, ...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: g(() => [
-        c(n.$slots, "default")
+        o(d.$slots, "default")
       ]),
       _: 3
-    }, 16, ["style", "onClick"])) : (i(), d("bs-pill", u({ key: 1 }, { ...a, ...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: o[0] || (o[0] = (...b) => m(t) && m(t)(...b))
+      onClick: c[0] || (c[0] = (...b) => f(t) && f(t)(...b))
     }), [
-      c(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 },
@@ -1206,33 +1329,34 @@ const $e = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     error: {},
     hintId: {},
     value: {},
-    passAttrs: { default: "" }
+    passAttrs: { default: "" },
+    modelValue: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    const a = h(!1), t = h(null), s = h(""), n = p([]), o = h(null), b = h(!1), $ = (r, v = 0) => {
-      var f, B;
-      t.value || v >= 4 || (t.value = (B = (f = r.value) == null ? void 0 : f.querySelector) == null ? void 0 : B.call(f, "[data-slot]"), t.value || n.push(setTimeout(() => $(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 S(() => b.value = !0), T(() => $(o, 0)), C(t, (r) => {
-      !r || a.value || (R(t), n.push(setTimeout(() => {
-        I(() => {
-          s.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)), a.value = !0);
-    }, { immediate: !0 }), q(() => n.forEach((r) => clearTimeout(r))), (r, v) => (i(), d(A, null, [
-      t.value && b.value ? (i(), y(m(k), { key: 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(() => [
-          (i(), y(L, { to: t.value }, [
-            c(r.$slots, "default")
+          (n(), $(L, { to: t.value }, [
+            o(r.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
-      })) : x("", !0),
-      w("bs-select", u({
+      })) : A("", !0),
+      k("bs-select", i({
         ref_key: "wcRef",
-        ref: o,
-        class: s.value,
+        ref: c,
+        class: l.value,
         "data-bsds-ssr": "",
         disabled: e.disabled,
         required: e.required,
@@ -1240,20 +1364,20 @@ const $e = ["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: g(() => [
-              c(r.$slots, "default")
+              o(r.$slots, "default")
             ]),
             key: "0"
           }
         ]), 1024)
-      ], 16, xe)
+      ], 16, Pe)
     ], 64));
   }
-}, ze = "bs-select", Tt = {
+}, Re = "bs-select", Lt = {
   __name: "BsSelect",
   props: {
     disabled: { default: !1 },
@@ -1262,28 +1386,29 @@ const $e = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     hintId: {},
     value: {},
     passAttrs: { default: "" },
+    modelValue: {},
     bsShow: { default: !0 }
   },
-  emits: [],
-  setup(e, { emit: l }) {
-    const a = 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 (s, n) => m(t) ? (i(), y(Ve, u({ key: 0 }, { ...a, ...s.$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: g(() => [
-        c(s.$slots, "default")
+        o(l.$slots, "default")
       ]),
       _: 3
-    }, 16, ["style"])) : (i(), d("bs-select", u({ key: 1 }, { ...a, ...s.$attrs }, {
+    }, 16, ["style"])) : (n(), u("bs-select", i({ key: 1 }, { ...a, ...l.$attrs, value: e.value || e.modelValue }, {
       style: { display: e.bsShow ? null : "none" }
     }), [
-      c(s.$slots, "default")
+      o(l.$slots, "default")
     ], 16));
   }
-}, Pe = ["tooltip-id", "content", "position"], Re = {
+}, We = ["tooltip-id", "content", "position"], Ee = {
   __name: "BsTooltipServer",
   props: {
     tooltipId: {},
@@ -1291,48 +1416,48 @@ const $e = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     position: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    const a = h(!1), t = h(null), s = h(""), n = p([]), o = h(null), b = h(!1), $ = (r, v = 0) => {
-      var f, B;
-      t.value || v >= 4 || (t.value = (B = (f = r.value) == null ? void 0 : f.querySelector) == null ? void 0 : B.call(f, "[data-slot]"), t.value || n.push(setTimeout(() => $(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 S(() => b.value = !0), T(() => $(o, 0)), C(t, (r) => {
-      !r || a.value || (R(t), n.push(setTimeout(() => {
-        I(() => {
-          s.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)), a.value = !0);
-    }, { immediate: !0 }), q(() => n.forEach((r) => clearTimeout(r))), (r, v) => (i(), d(A, null, [
-      t.value && b.value ? (i(), y(m(k), { key: 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(() => [
-          (i(), y(L, { to: t.value }, [
-            c(r.$slots, "default")
+          (n(), $(L, { to: t.value }, [
+            o(r.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
-      })) : x("", !0),
-      w("bs-tooltip", u({
+      })) : A("", !0),
+      k("bs-tooltip", i({
         ref_key: "wcRef",
-        ref: o,
-        class: s.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: g(() => [
-              c(r.$slots, "default")
+              o(r.$slots, "default")
             ]),
             key: "0"
           }
         ]), 1024)
-      ], 16, Pe)
+      ], 16, We)
     ], 64));
   }
-}, De = "bs-tooltip", Ct = {
+}, Oe = "bs-tooltip", At = {
   __name: "BsTooltip",
   props: {
     tooltipId: {},
@@ -1341,72 +1466,75 @@ const $e = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     bsShow: { default: !0 }
   },
   emits: [],
-  setup(e, { emit: l }) {
-    const a = e, { data: t } = P(De, () => {
+  setup(e, { emit: s }) {
+    const a = e, { data: t } = P(Oe, () => {
       if (process.server)
         return !0;
     });
-    return (s, n) => m(t) ? (i(), y(Re, u({ key: 0 }, { ...a, ...s.$attrs }, {
+    return (l, d) => f(t) ? (n(), $(Ee, i({ key: 0 }, { ...a, ...l.$attrs }, {
       style: { display: e.bsShow ? null : "none" }
     }), {
       default: g(() => [
-        c(s.$slots, "default")
+        o(l.$slots, "default")
       ]),
       _: 3
-    }, 16, ["style"])) : (i(), d("bs-tooltip", u({ key: 1 }, { ...a, ...s.$attrs }, {
+    }, 16, ["style"])) : (n(), u("bs-tooltip", i({ key: 1 }, { ...a, ...l.$attrs }, {
       style: { display: e.bsShow ? null : "none" }
     }), [
-      c(s.$slots, "default")
+      o(l.$slots, "default")
     ], 16));
   }
 };
 export {
-  Bt as BsAccordion,
-  ye as BsAccordionServer,
-  Oe as BsBadge,
-  kt as BsBanner,
-  Be as BsBannerServer,
-  wt as BsButton,
-  pe 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 BsDropdownOptions,
-  Je as BsFieldLayout,
-  Ke as BsHint,
-  Ue as BsInput,
-  Qe as BsInputAddon,
-  _e as BsInputField,
-  et as BsInputSearch,
-  pt as BsLabel,
-  Ce as BsLabelServer,
-  tt as BsLoader,
-  at as BsModal,
-  st as BsOverlay,
-  lt as BsPagination,
-  St 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,
-  it as BsProfileImg,
-  ut as BsProfileLayout,
-  dt as BsRadio,
-  Tt as BsSelect,
-  ot as BsSelectField,
-  Ve as BsSelectServer,
-  ct as BsSwitch,
-  ft as BsTextarea,
-  mt as BsTextareaField,
-  ht as BsToast,
-  bt as BsToastActions,
-  vt as BsToastBody,
-  $t as BsToastHeader,
-  yt as BsToaster,
-  Ct as BsTooltip,
-  Re as BsTooltipServer,
-  gt 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
 };