@wwtdev/bsds-components-vue3 1.15.14 → 1.16.0

package/nuxt/bsds-components.mjs

@@ -1,7 +1,7 @@
-import { openBlock as s, createElementBlock as r, mergeProps as d, renderSlot as f, computed as b, unref as m, createBlock as $, withCtx as B, createElementVNode as c, createVNode as S, normalizeProps as L, guardReactiveProps as V, ref as v, onMounted as k, resolveDynamicComponent as p, createCommentVNode as q, toDisplayString as z, useAttrs as w, normalizeStyle as F, Fragment as D, renderList as E, normalizeClass as P, onUnmounted as O } from "vue";
+import { openBlock as n, createElementBlock as r, mergeProps as d, renderSlot as f, computed as m, unref as b, createBlock as $, withCtx as B, createElementVNode as c, normalizeProps as L, guardReactiveProps as V, ref as v, onMounted as k, resolveDynamicComponent as p, createCommentVNode as q, toDisplayString as z, useAttrs as w, normalizeStyle as S, Fragment as D, renderList as F, normalizeClass as P, createVNode as E, onUnmounted as O } from "vue";
 import { ClientOnly as I } from "#components";
 import { v4 as R } from "uuid";
-const G = ["color", "count", "count-max", "dot", "label", "position", "show-zero"], Qe = {
+const G = ["color", "count", "count-max", "dot", "label", "position", "show-zero"], Ke = {
   __name: "BsBadge",
   props: {
     color: {},
@@ -13,8 +13,8 @@ const G = ["color", "count", "count-max", "dot", "label", "position", "show-zero
     showZero: {}
   },
   emits: [],
-  setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-badge", d(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), r("bs-badge", d(a.$attrs, {
       color: e.color,
       count: e.count,
       "count-max": e.countMax,
@@ -26,20 +26,20 @@ const G = ["color", "count", "count-max", "dot", "label", "position", "show-zero
       f(a.$slots, "default")
     ], 16, G));
   }
-}, j = ["char-count", "char-max"], Ke = {
+}, j = ["char-count", "char-max"], _e = {
   __name: "BsCharacterCount",
   props: {
     charCount: {},
     charMax: {}
   },
   emits: [],
-  setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-character-count", d(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), r("bs-character-count", d(a.$attrs, {
       "char-count": e.charCount,
       "char-max": e.charMax
     }), null, 16, j));
   }
-}, N = ["chart-title", "data", "dataIdxLabels", "show-legend", "show-tooltips", "show-x-grid", "show-y-grid", "stacked", "x-label", "y-label"], _e = {
+}, N = ["chart-title", "data", "dataIdxLabels", "show-legend", "show-tooltips", "show-x-grid", "show-y-grid", "stacked", "x-label", "y-label"], et = {
   __name: "BsChartBar",
   props: {
     chartTitle: {},
@@ -54,8 +54,8 @@ const G = ["color", "count", "count-max", "dot", "label", "position", "show-zero
     yLabel: { default: "" }
   },
   emits: [],
-  setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-chart-bar", d(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), r("bs-chart-bar", d(a.$attrs, {
       "chart-title": e.chartTitle,
       data: e.data,
       dataIdxLabels: e.dataIdxLabels,
@@ -68,7 +68,7 @@ const G = ["color", "count", "count-max", "dot", "label", "position", "show-zero
       "y-label": e.yLabel
     }), null, 16, N));
   }
-}, W = ["data", "dataIdxLabels", "table-title"], et = {
+}, W = ["data", "dataIdxLabels", "table-title"], tt = {
   __name: "BsChartTable",
   props: {
     data: {},
@@ -76,14 +76,14 @@ const G = ["color", "count", "count-max", "dot", "label", "position", "show-zero
     tableTitle: { default: "" }
   },
   emits: [],
-  setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-chart-table", d(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), r("bs-chart-table", d(a.$attrs, {
       data: e.data,
       dataIdxLabels: e.dataIdxLabels,
       "table-title": e.tableTitle
     }), null, 16, W));
   }
-}, H = ["label", "checked", "checked-partially", "disabled", "error", "input-id", "pass-attrs", "required", "size"], tt = {
+}, H = ["label", "checked", "checked-partially", "disabled", "error", "input-id", "pass-attrs", "required", "size"], at = {
   __name: "BsCheckbox",
   props: {
     label: {},
@@ -98,8 +98,8 @@ const G = ["color", "count", "count-max", "dot", "label", "position", "show-zero
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-checkbox", d(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), r("bs-checkbox", d(a.$attrs, {
       label: e.label,
       checked: e.checked || e.modelValue,
       "checked-partially": e.checkedPartially,
@@ -109,17 +109,17 @@ const G = ["color", "count", "count-max", "dot", "label", "position", "show-zero
       "pass-attrs": e.passAttrs,
       required: e.required,
       size: e.size,
-      onChange: t[0] || (t[0] = (l) => n("update:modelValue", l.target.checked))
+      onChange: t[0] || (t[0] = (l) => s("update:modelValue", l.target.checked))
     }), null, 16, H));
   }
 };
 function T(e) {
-  const n = b(() => {
+  const s = m(() => {
     var l, i;
     return ((i = (l = e.href) == null ? void 0 : l.startsWith) == null ? void 0 : i.call(l, "/")) || !1;
-  }), a = b(() => {
+  }), a = m(() => {
     var l, i;
-    return n.value && ((l = e.router) == null ? void 0 : l.navigateTo) || ((i = e.router) == null ? void 0 : i.push) || null;
+    return s.value && ((l = e.router) == null ? void 0 : l.navigateTo) || ((i = e.router) == null ? void 0 : i.push) || null;
   });
   function t(l) {
     var i, o, h, u, g;
@@ -127,7 +127,7 @@ function T(e) {
   }
   return { onLinkClick: t };
 }
-const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-position", "label", "pass-attrs", "text-btn", "size"], at = {
+const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-position", "label", "pass-attrs", "text-btn", "size"], lt = {
   __name: "BsCircleButton",
   props: {
     disabled: {},
@@ -143,9 +143,9 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     router: {}
   },
   emits: [],
-  setup(e, { emit: n }) {
+  setup(e, { emit: s }) {
     const a = e, { onLinkClick: t } = T(a);
-    return (l, i) => (s(), r("bs-circle-button", d(l.$attrs, {
+    return (l, i) => (n(), r("bs-circle-button", d(l.$attrs, {
       disabled: e.disabled,
       "ghost-btn": e.ghostBtn,
       "hover-effect": e.hoverEffect,
@@ -156,15 +156,16 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       "pass-attrs": e.passAttrs,
       "text-btn": e.textBtn,
       size: e.size,
-      onClick: i[0] || (i[0] = (...o) => m(t) && m(t)(...o))
+      onClick: i[0] || (i[0] = (...o) => b(t) && b(t)(...o))
     }), null, 16, U));
   }
-}, Y = ["width", "top", "center", "toggle-id", "container-id", "helper-text", "helper-description", "enter-controlled", "enter-trigger", "leave-trigger"], lt = {
+}, Y = ["width", "top", "center", "right", "toggle-id", "container-id", "helper-text", "helper-description", "enter-controlled", "enter-trigger", "leave-trigger"], st = {
   __name: "BsDropdown",
   props: {
     width: { default: void 0 },
     top: { default: !1 },
     center: { default: !1 },
+    right: { default: !1 },
     toggleId: {},
     containerId: { default: void 0 },
     helperText: {},
@@ -174,13 +175,14 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     leaveTrigger: { default: !1 }
   },
   emits: ["close", "enterend", "leaveend"],
-  setup(e, { emit: n }) {
-    return (a, t) => (s(), $(m(I), null, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), $(b(I), null, {
       default: B(() => [
         c("bs-dropdown", d(a.$attrs, {
           width: e.width,
           top: e.top,
           center: e.center,
+          right: e.right,
           "toggle-id": e.toggleId,
           "container-id": e.containerId,
           "helper-text": e.helperText,
@@ -188,9 +190,9 @@ const U = ["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] = (l) => n("close", l.detail)),
-          onEnterend: t[1] || (t[1] = (l) => n("enterend", l.detail)),
-          onLeaveend: t[2] || (t[2] = (l) => n("leaveend", l.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(a.$slots, "default")
         ], 16, Y)
@@ -209,21 +211,21 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     index: {}
   },
   emits: ["optmouseenter", "optselect"],
-  setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-dropdown-option", d(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), r("bs-dropdown-option", d(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] = (l) => n("optmouseenter", l.detail)),
-      onOptselect: t[1] || (t[1] = (l) => n("optselect", l.detail))
+      onOptmouseenter: t[0] || (t[0] = (l) => s("optmouseenter", l.detail)),
+      onOptselect: t[1] || (t[1] = (l) => s("optselect", l.detail))
     }), [
       f(a.$slots, "default")
     ], 16, X));
   }
-}, Z = ["options-id", "visible", "focus-delay", "label", "selected-value"], st = {
+}, Z = ["options-id", "visible", "focus-delay", "label", "selected-value"], it = {
   __name: "BsDropdownOptionList",
   props: {
     optionsId: {},
@@ -233,8 +235,8 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     selectedValue: {}
   },
   emits: ["optselected", "close"],
-  setup(e, { emit: n }) {
-    return (a, t) => (s(), $(m(I), null, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), $(b(I), null, {
       default: B(() => [
         c("bs-dropdown-option-list", d(a.$attrs, {
           "options-id": e.optionsId,
@@ -242,8 +244,8 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
           "focus-delay": e.focusDelay,
           label: e.label,
           "selected-value": e.selectedValue,
-          onOptselected: t[0] || (t[0] = (l) => n("optselected", l.detail)),
-          onClose: t[1] || (t[1] = (l) => n("close", l.detail))
+          onOptselected: t[0] || (t[0] = (l) => s("optselected", l.detail)),
+          onClose: t[1] || (t[1] = (l) => s("close", l.detail))
         }), [
           f(a.$slots, "default")
         ], 16, Z)
@@ -251,7 +253,7 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       _: 3
     }));
   }
-}, J = ["toggle-id", "container-id", "options-id", "width", "top", "center", "label", "selected-value", "enter-controlled", "enter-trigger", "leave-trigger", "helper-text", "helper-description"], it = {
+}, J = ["toggle-id", "container-id", "options-id", "width", "top", "center", "label", "selected-value", "enter-controlled", "enter-trigger", "leave-trigger", "helper-text", "helper-description", "right"], rt = {
   __name: "BsDropdownWithOptions",
   props: {
     toggleId: {},
@@ -266,11 +268,12 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     enterTrigger: { default: !1 },
     leaveTrigger: { default: !1 },
     helperText: {},
-    helperDescription: {}
+    helperDescription: {},
+    right: { default: !1 }
   },
   emits: ["optselected", "close", "enterend", "leaveend"],
-  setup(e, { emit: n }) {
-    return (a, t) => (s(), $(m(I), null, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), $(b(I), null, {
       default: B(() => [
         c("bs-dropdown-with-options", d(a.$attrs, {
           "toggle-id": e.toggleId,
@@ -286,10 +289,11 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
           "leave-trigger": e.leaveTrigger,
           "helper-text": e.helperText,
           "helper-description": e.helperDescription,
-          onOptselected: t[0] || (t[0] = (l) => n("optselected", l.detail)),
-          onClose: t[1] || (t[1] = (l) => n("close", l.detail)),
-          onEnterend: t[2] || (t[2] = (l) => n("enterend", l.detail)),
-          onLeaveend: t[3] || (t[3] = (l) => n("leaveend", l.detail))
+          right: e.right,
+          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(a.$slots, "default")
         ], 16, J)
@@ -297,7 +301,7 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       _: 3
     }));
   }
-}, Q = ["char-count", "char-max", "error", "error-msg", "hint", "hint-id"], rt = {
+}, Q = ["char-count", "char-max", "error", "error-msg", "hint", "hint-id"], dt = {
   __name: "BsFieldDetails",
   props: {
     charCount: {},
@@ -308,8 +312,8 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     hintId: {}
   },
   emits: [],
-  setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-field-details", d(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), r("bs-field-details", d(a.$attrs, {
       "char-count": e.charCount,
       "char-max": e.charMax,
       error: e.error,
@@ -318,7 +322,7 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       "hint-id": e.hintId
     }), null, 16, Q));
   }
-}, K = ["char-count", "char-max", "disabled", "error", "hints", "label", "label-for", "required", "hint-id"], dt = {
+}, K = ["char-count", "char-max", "disabled", "error", "hints", "label", "label-for", "required", "hint-id"], ot = {
   __name: "BsFieldLayout",
   props: {
     charCount: {},
@@ -332,8 +336,8 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     hintId: {}
   },
   emits: [],
-  setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-field-layout", d(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), r("bs-field-layout", d(a.$attrs, {
       "char-count": e.charCount,
       "char-max": e.charMax,
       disabled: e.disabled,
@@ -347,7 +351,7 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       f(a.$slots, "default")
     ], 16, K));
   }
-}, _ = ["error", "hint-id", "hints"], ot = {
+}, _ = ["error", "hint-id", "hints"], ut = {
   __name: "BsHint",
   props: {
     error: {},
@@ -355,14 +359,14 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     hints: {}
   },
   emits: [],
-  setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-hint", d(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), r("bs-hint", d(a.$attrs, {
       error: e.error,
       "hint-id": e.hintId,
       hints: e.hints
     }), null, 16, _));
   }
-}, ee = ["disabled", "error", "input-id", "pass-attrs", "placeholder", "required", "type", "value", "hint-id"], ut = {
+}, ee = ["disabled", "error", "input-id", "pass-attrs", "placeholder", "required", "type", "value", "hint-id"], ct = {
   __name: "BsInput",
   props: {
     disabled: { default: !1 },
@@ -377,8 +381,8 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-input", d(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), r("bs-input", d(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
       "input-id": e.inputId,
@@ -388,10 +392,10 @@ const U = ["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] = (l) => n("update:modelValue", l.target.value))
+      onInput: t[0] || (t[0] = (l) => s("update:modelValue", l.target.value))
     }), null, 16, ee));
   }
-}, te = ["disabled", "error", "multifocus", "variant"], ct = {
+}, te = ["disabled", "error", "multifocus", "variant"], ft = {
   __name: "BsInputAddon",
   props: {
     disabled: { default: !1 },
@@ -400,8 +404,8 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     variant: {}
   },
   emits: [],
-  setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-input-addon", d(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), r("bs-input-addon", d(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
       multifocus: e.multifocus,
@@ -410,7 +414,7 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       f(a.$slots, "default")
     ], 16, te));
   }
-}, ae = ["disabled", "error", "error-msg", "hint", "hints", "input-id", "label", "pass-attrs", "placeholder", "required", "type", "value"], ft = {
+}, ae = ["disabled", "error", "error-msg", "hint", "hints", "input-id", "label", "pass-attrs", "placeholder", "required", "type", "value"], ht = {
   __name: "BsInputField",
   props: {
     disabled: { default: !1 },
@@ -428,8 +432,8 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-input-field", d(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), r("bs-input-field", d(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
       "error-msg": e.errorMsg,
@@ -442,10 +446,10 @@ const U = ["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] = (l) => n("update:modelValue", l.target.value))
+      onInput: t[0] || (t[0] = (l) => s("update:modelValue", l.target.value))
     }), null, 16, ae));
   }
-}, le = ["disabled", "pass-attrs", "placeholder", "hint-id", "input-id", "value", "hide-clear"], ht = {
+}, le = ["disabled", "pass-attrs", "placeholder", "hint-id", "input-id", "value", "hide-clear"], bt = {
   __name: "BsInputSearch",
   props: {
     disabled: { default: !1 },
@@ -458,8 +462,8 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     modelValue: {}
   },
   emits: ["clear", "update:modelValue"],
-  setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-input-search", d(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), r("bs-input-search", d(a.$attrs, {
       disabled: e.disabled,
       "pass-attrs": e.passAttrs,
       placeholder: e.placeholder,
@@ -467,24 +471,24 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       "input-id": e.inputId,
       value: e.value || e.modelValue,
       "hide-clear": e.hideClear,
-      onClear: t[0] || (t[0] = (l) => n("clear", l.detail)),
-      onInput: t[1] || (t[1] = (l) => n("update:modelValue", l.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, le));
   }
-}, ne = ["size", "variant"], mt = {
+}, se = ["size", "variant"], mt = {
   __name: "BsLoader",
   props: {
     size: {},
     variant: {}
   },
   emits: [],
-  setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-loader", d(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), r("bs-loader", d(a.$attrs, {
       size: e.size,
       variant: e.variant
-    }), null, 16, ne));
+    }), null, 16, se));
   }
-}, se = ["alert", "close-button", "enter-controlled", "enter-trigger", "leave-trigger"], bt = {
+}, ne = ["alert", "close-button", "enter-controlled", "enter-trigger", "leave-trigger"], gt = {
   __name: "BsModal",
   props: {
     alert: { default: !1 },
@@ -494,8 +498,8 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     leaveTrigger: { default: !1 }
   },
   emits: ["close", "enterend", "leaveend"],
-  setup(e, { emit: n }) {
-    return (a, t) => (s(), $(m(I), null, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), $(b(I), null, {
       default: B(() => [
         c("bs-modal", d(a.$attrs, {
           alert: e.alert,
@@ -503,17 +507,17 @@ const U = ["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] = (l) => n("close", l.detail)),
-          onEnterend: t[1] || (t[1] = (l) => n("enterend", l.detail)),
-          onLeaveend: t[2] || (t[2] = (l) => n("leaveend", l.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(a.$slots, "default")
-        ], 16, se)
+        ], 16, ne)
       ]),
       _: 3
     }));
   }
-}, ie = ["enter-controlled", "enter-trigger", "leave-trigger"], gt = {
+}, ie = ["enter-controlled", "enter-trigger", "leave-trigger"], vt = {
   __name: "BsOverlay",
   props: {
     enterControlled: { default: !1 },
@@ -521,21 +525,21 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     leaveTrigger: { default: !1 }
   },
   emits: ["enterend", "leaveend"],
-  setup(e, { emit: n }) {
-    return (a, t) => (s(), $(m(I), null, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), $(b(I), null, {
       default: B(() => [
         c("bs-overlay", d(a.$attrs, {
           "enter-controlled": e.enterControlled,
           "enter-trigger": e.enterTrigger,
           "leave-trigger": e.leaveTrigger,
-          onEnterend: t[0] || (t[0] = (l) => n("enterend", l.detail)),
-          onLeaveend: t[1] || (t[1] = (l) => n("leaveend", l.detail))
+          onEnterend: t[0] || (t[0] = (l) => s("enterend", l.detail)),
+          onLeaveend: t[1] || (t[1] = (l) => s("leaveend", l.detail))
         }), null, 16, ie)
       ]),
       _: 1
     }));
   }
-}, re = ["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"], vt = {
+}, re = ["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"], $t = {
   __name: "BsPagination",
   props: {
     showFirstLastButtons: { default: !1 },
@@ -556,8 +560,8 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     resultsIncrements: {}
   },
   emits: ["selchange"],
-  setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-pagination", d(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), r("bs-pagination", d(a.$attrs, {
       "show-first-last-buttons": e.showFirstLastButtons,
       "prev-page-text": e.prevPageText,
       "first-page-text": e.firstPageText,
@@ -574,10 +578,10 @@ const U = ["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] = (l) => n("selchange", l.detail))
+      onSelchange: t[0] || (t[0] = (l) => s("selchange", l.detail))
     }), null, 16, re));
   }
-}, de = ["layout", "href", "image-src", "image-size", "initials", "profile-name", "company", "job-title", "email", "action", "action-icon", "misc-meta", "misc-meta-icon"], $t = {
+}, de = ["layout", "href", "image-src", "image-size", "initials", "profile-name", "company", "job-title", "email", "action", "action-icon", "misc-meta", "misc-meta-icon"], Bt = {
   __name: "BsProfile",
   props: {
     layout: {},
@@ -596,9 +600,9 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     router: {}
   },
   emits: ["action-toggled"],
-  setup(e, { emit: n }) {
+  setup(e, { emit: s }) {
     const a = e, { onLinkClick: t } = T(a);
-    return (l, i) => (s(), r("bs-profile", d(l.$attrs, {
+    return (l, i) => (n(), r("bs-profile", d(l.$attrs, {
       layout: e.layout,
       href: e.href,
       "image-src": e.imageSrc,
@@ -612,11 +616,11 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       "action-icon": e.actionIcon,
       "misc-meta": e.miscMeta,
       "misc-meta-icon": e.miscMetaIcon,
-      onActionToggled: i[0] || (i[0] = (o) => n("action-toggled", o.detail)),
-      onClick: i[1] || (i[1] = (...o) => m(t) && m(t)(...o))
+      onActionToggled: i[0] || (i[0] = (o) => s("action-toggled", o.detail)),
+      onClick: i[1] || (i[1] = (...o) => b(t) && b(t)(...o))
     }), null, 16, de));
   }
-}, oe = ["profile-name", "company", "job-title", "email", "action", "action-icon", "misc-meta", "misc-meta-icon"], Bt = {
+}, oe = ["profile-name", "company", "job-title", "email", "action", "action-icon", "misc-meta", "misc-meta-icon"], It = {
   __name: "BsProfileDetails",
   props: {
     profileName: {},
@@ -629,8 +633,8 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     miscMetaIcon: {}
   },
   emits: ["action-toggled"],
-  setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-profile-details", d(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), r("bs-profile-details", d(a.$attrs, {
       "profile-name": e.profileName,
       company: e.company,
       "job-title": e.jobTitle,
@@ -639,10 +643,10 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       "action-icon": e.actionIcon,
       "misc-meta": e.miscMeta,
       "misc-meta-icon": e.miscMetaIcon,
-      onActionToggled: t[0] || (t[0] = (l) => n("action-toggled", l.detail))
+      onActionToggled: t[0] || (t[0] = (l) => s("action-toggled", l.detail))
     }), null, 16, oe));
   }
-}, ue = ["src", "size", "initials", "profile-name"], It = {
+}, ue = ["src", "size", "initials", "profile-name"], xt = {
   __name: "BsProfileImg",
   props: {
     src: {},
@@ -651,15 +655,15 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     profileName: {}
   },
   emits: [],
-  setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-profile-img", d(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), r("bs-profile-img", d(a.$attrs, {
       src: e.src,
       size: e.size,
       initials: e.initials,
       "profile-name": e.profileName
     }), null, 16, ue));
   }
-}, ce = ["layout", "href", "pass-attrs"], xt = {
+}, ce = ["layout", "href", "pass-attrs"], yt = {
   __name: "BsProfileLayout",
   props: {
     layout: { default: "vertical" },
@@ -668,18 +672,18 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     router: {}
   },
   emits: [],
-  setup(e, { emit: n }) {
+  setup(e, { emit: s }) {
     const a = e, { onLinkClick: t } = T(a);
-    return (l, i) => (s(), r("bs-profile-layout", d(l.$attrs, {
+    return (l, i) => (n(), r("bs-profile-layout", d(l.$attrs, {
       layout: e.layout,
       href: e.href,
       "pass-attrs": e.passAttrs,
-      onClick: i[0] || (i[0] = (...o) => m(t) && m(t)(...o))
+      onClick: i[0] || (i[0] = (...o) => b(t) && b(t)(...o))
     }), [
       f(l.$slots, "default")
     ], 16, ce));
   }
-}, fe = ["label", "checked", "disabled", "error", "input-id", "pass-attrs", "required", "size", "value"], yt = {
+}, fe = ["label", "checked", "disabled", "error", "input-id", "pass-attrs", "required", "size", "value"], Tt = {
   __name: "BsRadio",
   props: {
     label: {},
@@ -694,8 +698,8 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-radio", d(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), r("bs-radio", d(a.$attrs, {
       label: e.label,
       checked: e.checked || e.modelValue === e.value,
       disabled: e.disabled,
@@ -705,10 +709,10 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       required: e.required,
       size: e.size,
       value: e.value,
-      onChange: t[0] || (t[0] = (l) => n("update:modelValue", l.target.value))
+      onChange: t[0] || (t[0] = (l) => s("update:modelValue", l.target.value))
     }), null, 16, fe));
   }
-}, he = ["disabled", "error", "error-msg", "input-id", "label", "hint", "hints", "placeholder", "required", "value", "pass-attrs", "data"], Tt = {
+}, he = ["disabled", "error", "error-msg", "input-id", "label", "hint", "hints", "placeholder", "required", "value", "pass-attrs", "data"], Ct = {
   __name: "BsSelectField",
   props: {
     disabled: { default: !1 },
@@ -726,8 +730,8 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-select-field", d(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), r("bs-select-field", d(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
       "error-msg": e.errorMsg,
@@ -740,10 +744,10 @@ const U = ["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] = (l) => n("update:modelValue", l.target.value))
+      onChange: t[0] || (t[0] = (l) => s("update:modelValue", l.target.value))
     }), null, 16, he));
   }
-}, me = ["checked", "disabled", "hide-label", "input-id", "inner-on-label", "inner-off-label", "label", "pass-attrs", "size"], Ct = {
+}, be = ["checked", "disabled", "hide-label", "input-id", "inner-on-label", "inner-off-label", "label", "pass-attrs", "size"], wt = {
   __name: "BsSwitch",
   props: {
     checked: { default: !1 },
@@ -758,8 +762,8 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-switch", d(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), r("bs-switch", d(a.$attrs, {
       checked: e.checked || e.modelValue,
       disabled: e.disabled,
       "hide-label": e.hideLabel,
@@ -769,10 +773,10 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       label: e.label,
       "pass-attrs": e.passAttrs,
       size: e.size,
-      onChange: t[0] || (t[0] = (l) => n("update:modelValue", l.target.checked))
-    }), null, 16, me));
+      onChange: t[0] || (t[0] = (l) => s("update:modelValue", l.target.checked))
+    }), null, 16, be));
   }
-}, be = ["active-tab-id", "hidden", "panel-id"], wt = {
+}, me = ["active-tab-id", "hidden", "panel-id"], kt = {
   __name: "BsTab",
   props: {
     activeTabId: {},
@@ -780,58 +784,31 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     panelId: {}
   },
   emits: [],
-  setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-tab", d(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), r("bs-tab", d(a.$attrs, {
       "active-tab-id": e.activeTabId,
       hidden: e.hidden,
       "panel-id": e.panelId
     }), [
       f(a.$slots, "default")
-    ], 16, be));
-  }
-}, ge = ["active-tab-id", "helper-text", "helper-description"], kt = {
-  __name: "BsTabList",
-  props: {
-    activeTabId: {},
-    helperText: { default: "Select a tab" },
-    helperDescription: {},
-    modelValue: {}
-  },
-  emits: ["tabChange", "update:modelValue"],
-  setup(e, { emit: n }) {
-    const a = (t) => {
-      n("tabChange", t.detail), n("update:modelValue", t.detail);
-    };
-    return (t, l) => (s(), r("bs-tab-list", d(t.$attrs, {
-      "active-tab-id": e.activeTabId || e.modelValue,
-      "helper-text": e.helperText,
-      "helper-description": e.helperDescription,
-      "on:tabChange": a
-    }), [
-      S(m(I), null, {
-        default: B(() => [
-          f(t.$slots, "default")
-        ]),
-        _: 3
-      })
-    ], 16, ge));
+    ], 16, me));
   }
-}, ve = ["active-tab-id", "tab-id"], pt = {
+}, ge = ["active-tab-id", "tab-id"], pt = {
   __name: "BsTabPanel",
   props: {
     activeTabId: {},
     tabId: {}
   },
   emits: [],
-  setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-tab-panel", d(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), r("bs-tab-panel", d(a.$attrs, {
       "active-tab-id": e.activeTabId,
       "tab-id": e.tabId
     }), [
       f(a.$slots, "default")
-    ], 16, ve));
+    ], 16, ge));
   }
-}, $e = ["disabled", "error", "input-id", "pass-attrs", "placeholder", "required", "rows", "value", "hint-id"], At = {
+}, ve = ["disabled", "error", "input-id", "pass-attrs", "placeholder", "required", "rows", "value", "hint-id"], At = {
   __name: "BsTextarea",
   props: {
     disabled: { default: !1 },
@@ -846,8 +823,8 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-textarea", d(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), r("bs-textarea", d(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
       "input-id": e.inputId,
@@ -857,10 +834,10 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       rows: e.rows,
       value: e.value || e.modelValue,
       "hint-id": e.hintId,
-      onInput: t[0] || (t[0] = (l) => n("update:modelValue", l.target.value))
-    }), null, 16, $e));
+      onInput: t[0] || (t[0] = (l) => s("update:modelValue", l.target.value))
+    }), null, 16, ve));
   }
-}, Be = ["char-max", "disabled", "error", "error-msg", "hint", "hints", "input-id", "label", "placeholder", "required", "rows", "value", "pass-attrs"], Lt = {
+}, $e = ["char-max", "disabled", "error", "error-msg", "hint", "hints", "input-id", "label", "placeholder", "required", "rows", "value", "pass-attrs"], Lt = {
   __name: "BsTextareaField",
   props: {
     charMax: {},
@@ -879,8 +856,8 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-textarea-field", d(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), r("bs-textarea-field", d(a.$attrs, {
       "char-max": e.charMax,
       disabled: e.disabled,
       error: e.error,
@@ -894,10 +871,10 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       rows: e.rows,
       value: e.value || e.modelValue,
       "pass-attrs": e.passAttrs,
-      onInput: t[0] || (t[0] = (l) => n("update:modelValue", l.target.value))
-    }), null, 16, Be));
+      onInput: t[0] || (t[0] = (l) => s("update:modelValue", l.target.value))
+    }), null, 16, $e));
   }
-}, Ie = ["toast-id", "variant", "stacked", "duration", "enter-controlled", "enter-trigger", "leave-trigger"], Vt = {
+}, Be = ["toast-id", "variant", "stacked", "duration", "enter-controlled", "enter-trigger", "leave-trigger"], Vt = {
   __name: "BsToast",
   props: {
     toastId: {},
@@ -909,8 +886,8 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     leaveTrigger: { default: !1 }
   },
   emits: ["dismiss", "enterend", "leaveend"],
-  setup(e, { emit: n }) {
-    return (a, t) => (s(), $(m(I), null, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), $(b(I), null, {
       default: B(() => [
         c("bs-toast", d(a.$attrs, {
           "toast-id": e.toastId,
@@ -920,12 +897,12 @@ const U = ["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] = (l) => n("dismiss", l.detail)),
-          onEnterend: t[1] || (t[1] = (l) => n("enterend", l.detail)),
-          onLeaveend: t[2] || (t[2] = (l) => n("leaveend", l.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(a.$slots, "default")
-        ], 16, Ie)
+        ], 16, Be)
       ]),
       _: 3
     }));
@@ -934,9 +911,9 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   __name: "BsToastActions",
   props: {},
   emits: ["defaultDismiss"],
-  setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-toast-actions", d(a.$attrs, {
-      "on:defaultDismiss": t[0] || (t[0] = (l) => n("defaultDismiss", l.detail))
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), r("bs-toast-actions", d(a.$attrs, {
+      "on:defaultDismiss": t[0] || (t[0] = (l) => s("defaultDismiss", l.detail))
     }), [
       f(a.$slots, "default")
     ], 16));
@@ -945,28 +922,28 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   __name: "BsToastBody",
   props: {},
   emits: [],
-  setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-toast-body", L(V(a.$attrs)), [
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), r("bs-toast-body", L(V(a.$attrs)), [
       f(a.$slots, "default")
     ], 16));
   }
-}, xe = ["variant"], Dt = {
+}, Ie = ["variant"], Dt = {
   __name: "BsToastHeader",
   props: {
     variant: {}
   },
   emits: [],
-  setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-toast-header", d(a.$attrs, { variant: e.variant }), [
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), r("bs-toast-header", d(a.$attrs, { variant: e.variant }), [
       f(a.$slots, "default")
-    ], 16, xe));
+    ], 16, Ie));
   }
 }, Pt = {
   __name: "BsToaster",
   props: {},
   emits: [],
-  setup(e, { emit: n }) {
-    return (a, t) => (s(), $(m(I), null, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), $(b(I), null, {
       default: B(() => [
         c("bs-toaster", L(V(a.$attrs)), [
           f(a.$slots, "default")
@@ -975,7 +952,7 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       _: 3
     }));
   }
-}, ye = ["enter-class", "enter-attribute", "enter-duration", "leave-class", "leave-attribute", "leave-duration", "enter-controlled", "enter-trigger", "leave-trigger"], Mt = {
+}, xe = ["enter-class", "enter-attribute", "enter-duration", "leave-class", "leave-attribute", "leave-duration", "enter-controlled", "enter-trigger", "leave-trigger"], Mt = {
   __name: "BsTransition",
   props: {
     enterClass: { default: void 0 },
@@ -989,8 +966,8 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     leaveTrigger: { default: !1 }
   },
   emits: ["enterend", "leaveend"],
-  setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-transition", d(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (n(), r("bs-transition", d(a.$attrs, {
       "enter-class": e.enterClass,
       "enter-attribute": e.enterAttribute,
       "enter-duration": e.enterDuration,
@@ -1000,17 +977,17 @@ const U = ["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] = (l) => n("enterend", l.detail)),
-      onLeaveend: t[1] || (t[1] = (l) => n("leaveend", l.detail))
+      onEnterend: t[0] || (t[0] = (l) => s("enterend", l.detail)),
+      onLeaveend: t[1] || (t[1] = (l) => s("leaveend", l.detail))
     }), [
       f(a.$slots, "default")
-    ], 16, ye));
+    ], 16, xe));
   }
 };
 function M() {
   return R();
 }
-const Te = ["data-stacked"], Ce = ["data-open"], we = ["aria-controls", "aria-expanded"], ke = ["id", "aria-level"], pe = /* @__PURE__ */ c("bs-icon-caret-down", { "data-position": "end" }, null, -1), Ae = ["aria-labelledby", "data-open", "id"], Le = { "data-slot": "" }, St = {
+const ye = ["data-stacked"], Te = ["data-open"], Ce = ["aria-controls", "aria-expanded"], we = ["id", "aria-level"], ke = /* @__PURE__ */ c("bs-icon-caret-down", { "data-position": "end" }, null, -1), pe = ["aria-labelledby", "data-open", "id"], Ae = { "data-slot": "" }, St = {
   __name: "BsAccordion",
   props: {
     controlled: { default: !1 },
@@ -1022,16 +999,16 @@ const Te = ["data-stacked"], Ce = ["data-open"], we = ["aria-controls", "aria-ex
     stacked: { default: !1 }
   },
   emits: ["toggled"],
-  setup(e, { emit: n }) {
-    const a = e, t = v(null), l = v(""), i = v(""), o = v(!1), h = b(() => a.icon ? `bs-icon-${a.icon}` : null), u = b(() => a.openItemId === t.value.id || a.openItem === !0), g = b(() => a.controlled ? u.value : o.value);
+  setup(e, { emit: s }) {
+    const a = e, t = v(null), l = v(""), i = v(""), o = v(!1), h = m(() => a.icon ? `bs-icon-${a.icon}` : null), u = m(() => a.openItemId === t.value.id || a.openItem === !0), g = m(() => a.controlled ? u.value : o.value);
     k(() => {
       var x;
       (x = t.value) != null && x.id || t.value.setAttribute("id", M()), l.value = t.value.id + "-content", i.value = t.value.id + "-title";
     });
     function C() {
-      n("toggled", t.value.id), a.controlled || (o.value = !o.value);
+      s("toggled", t.value.id), a.controlled || (o.value = !o.value);
     }
-    return (x, y) => (s(), r("bs-host", {
+    return (x, y) => (n(), r("bs-host", {
       ref_key: "hostRef",
       ref: t,
       class: "bs-accordion",
@@ -1048,7 +1025,7 @@ const Te = ["data-stacked"], Ce = ["data-open"], we = ["aria-controls", "aria-ex
           type: "button",
           onClick: C
         }, [
-          h.value ? (s(), $(p(h.value), {
+          h.value ? (n(), $(p(h.value), {
             key: 0,
             "data-position": "start"
           })) : q("", !0),
@@ -1056,10 +1033,10 @@ const Te = ["data-stacked"], Ce = ["data-open"], we = ["aria-controls", "aria-ex
             id: i.value,
             "aria-level": e.headingLevel,
             role: "heading"
-          }, z(e.headerText), 9, ke),
-          pe
-        ], 8, we)
-      ], 8, Ce),
+          }, z(e.headerText), 9, we),
+          ke
+        ], 8, Ce)
+      ], 8, Te),
       c("div", {
         "aria-labelledby": i.value,
         class: "bs-accordion-content",
@@ -1068,47 +1045,47 @@ const Te = ["data-stacked"], Ce = ["data-open"], we = ["aria-controls", "aria-ex
         part: "content",
         role: "region"
       }, [
-        c("div", Le, [
+        c("div", Ae, [
           f(x.$slots, "default")
         ])
-      ], 8, Ae)
-    ], 8, Te));
+      ], 8, pe)
+    ], 8, ye));
   }
 };
-const Ve = ["data-dismissed"], qe = { class: "bs-banner-content" }, ze = /* @__PURE__ */ c("bs-icon-warning", {
+const Le = ["data-dismissed"], Ve = { class: "bs-banner-content" }, qe = /* @__PURE__ */ c("bs-icon-warning", {
   size: "lg",
   class: "bs-banner-warning-icon"
-}, null, -1), De = { "data-slot": "" }, Pe = /* @__PURE__ */ c("bs-icon-close", null, null, -1), Me = [
-  Pe
+}, null, -1), ze = { "data-slot": "" }, De = /* @__PURE__ */ c("bs-icon-close", null, null, -1), Pe = [
+  De
 ], Ft = {
   __name: "BsBanner",
   emits: ["dismiss"],
-  setup(e, { emit: n }) {
+  setup(e, { emit: s }) {
     const a = v(!1);
     function t() {
-      a.value = !0, n("dismiss");
+      a.value = !0, s("dismiss");
     }
-    return (l, i) => (s(), r("bs-host", {
+    return (l, i) => (n(), r("bs-host", {
       role: "alert",
       class: "bs-banner",
       "data-component": "bs-banner",
       "data-dismissed": a.value ? !0 : void 0
     }, [
-      c("div", qe, [
-        ze,
-        c("div", De, [
+      c("div", Ve, [
+        qe,
+        c("div", ze, [
           f(l.$slots, "default")
         ]),
         c("button", {
           type: "button",
           title: "Close Banner",
           onClick: t
-        }, Me)
+        }, Pe)
       ])
-    ], 8, Ve));
+    ], 8, Le));
   }
 };
-const Se = ["data-disabled"], Et = {
+const Me = ["data-disabled"], Et = {
   __name: "BsButton",
   props: {
     variant: {},
@@ -1121,25 +1098,25 @@ const Se = ["data-disabled"], Et = {
     size: {}
   },
   setup(e) {
-    const n = e, a = v(null), t = v(null), { onLinkClick: l } = T(n), i = w(), o = b(() => {
+    const s = e, a = v(null), t = v(null), { onLinkClick: l } = T(s), i = w(), o = m(() => {
       const u = {
         download: i.download,
         target: i.target
       };
-      return n.href ? (u.title = i.title, n.disabled && (u["aria-disabled"] = "true", u.tabindex = "-1")) : (u.type = i.type || "button", u.autcomplete = "off"), u;
+      return s.href ? (u.title = i.title, s.disabled && (u["aria-disabled"] = "true", u.tabindex = "-1")) : (u.type = i.type || "button", u.autcomplete = "off"), u;
     });
     function h(u) {
       var g, C, x, y, A;
-      (n.disabled || ((C = (g = a.value) == null ? void 0 : g.dataset) == null ? void 0 : C.disabled) === "true" || (x = t.value) != null && x.disabled || ((A = (y = t.value) == null ? void 0 : y.getAttribute) == null ? void 0 : A.call(y, "aria-disabled")) === "true") && (u.preventDefault(), u.stopImmediatePropagation());
+      (s.disabled || ((C = (g = a.value) == null ? void 0 : g.dataset) == null ? void 0 : C.disabled) === "true" || (x = t.value) != null && x.disabled || ((A = (y = t.value) == null ? void 0 : y.getAttribute) == null ? void 0 : A.call(y, "aria-disabled")) === "true") && (u.preventDefault(), u.stopImmediatePropagation());
     }
-    return (u, g) => (s(), r("bs-host", {
+    return (u, g) => (n(), r("bs-host", {
       ref_key: "hostRef",
       ref: a,
       "data-component": "bs-button",
       "data-disabled": e.disabled,
       onClickCapture: h
     }, [
-      (s(), $(p(e.href ? "a" : "button"), d({
+      (n(), $(p(e.href ? "a" : "button"), d({
         "data-slot": "",
         class: "bs-button",
         "data-ghost": e.ghostBtn,
@@ -1150,19 +1127,19 @@ const Se = ["data-disabled"], Et = {
         href: e.href,
         ref_key: "childRef",
         ref: t
-      }, o.value, { onClick: m(l) }), {
+      }, o.value, { onClick: b(l) }), {
         default: B(() => [
           f(u.$slots, "default")
         ]),
         _: 3
       }, 16, ["data-ghost", "data-size", "data-text", "data-variant", "disabled", "href", "onClick"]))
-    ], 40, Se));
+    ], 40, Me));
   }
 };
-const Fe = ["offset", "stop-color"], Ot = {
+const Se = ["offset", "stop-color"], Ot = {
   __name: "BsIconGradientWrapper",
   setup(e) {
-    const n = [
+    const s = [
       { offset: 0.1326, color: "#EE282A" },
       { offset: 0.5466, color: "#1C0087" },
       { offset: 0.9715, color: "#0086EA" }
@@ -1172,19 +1149,19 @@ const Fe = ["offset", "stop-color"], Ot = {
       const o = t.value.querySelector(".svg-wrapper svg");
       (h = l.value) == null || h.setAttribute("viewBox", (o == null ? void 0 : o.getAttribute("viewBox")) || "0 0 0 0");
     }
-    return k(i), (o, h) => (s(), r("bs-host", {
+    return k(i), (o, h) => (n(), r("bs-host", {
       ref_key: "hostRef",
       ref: t,
       "data-component": "bs-icon-gradient-wrapper"
     }, [
       c("span", {
         class: "svg-wrapper",
-        style: F(`fill: url(#${a});`),
+        style: S(`fill: url(#${a});`),
         "data-slot": ""
       }, [
         f(o.$slots, "default")
       ], 4),
-      (s(), r("svg", {
+      (n(), r("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         width: "0",
         height: "0",
@@ -1199,20 +1176,20 @@ const Fe = ["offset", "stop-color"], Ot = {
           y2: "100%",
           gradientUnits: "userSpaceOnUse"
         }, [
-          (s(), r(D, null, E(n, (u) => c("stop", {
+          (n(), r(D, null, F(s, (u) => c("stop", {
             key: u.offset,
             offset: u.offset,
             "stop-color": u.color
-          }, null, 8, Fe)), 64))
+          }, null, 8, Se)), 64))
         ])
       ], 512))
     ], 512));
   }
 };
-const Ee = ["data-disabled", "htmlFor"], Oe = { "data-slot": "" }, Re = /* @__PURE__ */ c("span", {
+const Fe = ["data-disabled", "htmlFor"], Ee = { "data-slot": "" }, Oe = /* @__PURE__ */ c("span", {
   "data-required": "",
   "aria-hidden": "true"
-}, " *", -1), Ge = /* @__PURE__ */ c("span", { class: "visually-hidden" }, "required", -1), Rt = {
+}, " *", -1), Re = /* @__PURE__ */ c("span", { class: "visually-hidden" }, "required", -1), Rt = {
   __name: "BsLabel",
   props: {
     disabled: {},
@@ -1222,13 +1199,13 @@ const Ee = ["data-disabled", "htmlFor"], Oe = { "data-slot": "" }, Re = /* @__PU
     required: {}
   },
   setup(e) {
-    const n = e, a = w(), t = b(() => {
+    const s = e, a = w(), t = m(() => {
       const l = {};
-      return n.passAttrs.split(",").forEach((i) => {
+      return s.passAttrs.split(",").forEach((i) => {
         l[i] = a[i];
       }), l;
     });
-    return (l, i) => (s(), r("bs-host", {
+    return (l, i) => (n(), r("bs-host", {
       "data-component": "bs-label",
       class: P(e.hide ? "visually-hidden" : "")
     }, [
@@ -1236,18 +1213,18 @@ const Ee = ["data-disabled", "htmlFor"], Oe = { "data-slot": "" }, Re = /* @__PU
         "data-disabled": e.disabled,
         htmlFor: e.for
       }, t.value), [
-        c("span", Oe, [
+        c("span", Ee, [
           f(l.$slots, "default")
         ]),
-        e.required ? (s(), r(D, { key: 0 }, [
-          Re,
-          Ge
+        e.required ? (n(), r(D, { key: 0 }, [
+          Oe,
+          Re
         ], 64)) : q("", !0)
-      ], 16, Ee)
+      ], 16, Fe)
     ], 2));
   }
 };
-const je = { "data-component": "bs-pill" }, Gt = {
+const Ge = { "data-component": "bs-pill" }, Gt = {
   __name: "BsPill",
   props: {
     variant: {},
@@ -1258,14 +1235,14 @@ const je = { "data-component": "bs-pill" }, Gt = {
     passAttrs: { default: "" }
   },
   setup(e) {
-    const n = e, { onLinkClick: a } = T(n), t = w(), l = b(() => n.href ? "a" : t.type === "button" ? "button" : "span"), i = b(() => {
+    const s = e, { onLinkClick: a } = T(s), t = w(), l = m(() => s.href ? "a" : t.type === "button" ? "button" : "span"), i = m(() => {
       const o = {};
-      return n.passAttrs.split(",").forEach((h) => {
+      return s.passAttrs.split(",").forEach((h) => {
         o[h] = t[h];
-      }), n.disabled && n.href && (o["aria-disabled"] = !0, o.tabindex = "-1", o.title = t.title), l.value === "button" && (o.type = t.type || "button"), o;
+      }), s.disabled && s.href && (o["aria-disabled"] = !0, o.tabindex = "-1", o.title = t.title), l.value === "button" && (o.type = t.type || "button"), o;
     });
-    return (o, h) => (s(), r("bs-host", je, [
-      (s(), $(p(l.value), d({
+    return (o, h) => (n(), r("bs-host", Ge, [
+      (n(), $(p(l.value), d({
         class: "bs-pill",
         "data-active": e.active,
         "data-slot": "",
@@ -1273,7 +1250,7 @@ const je = { "data-component": "bs-pill" }, Gt = {
         "data-variant": e.variant || void 0,
         disabled: e.disabled,
         href: e.href
-      }, i.value, { onClick: m(a) }), {
+      }, i.value, { onClick: b(a) }), {
         default: B(() => [
           f(o.$slots, "default")
         ]),
@@ -1282,7 +1259,7 @@ const je = { "data-component": "bs-pill" }, Gt = {
     ]));
   }
 };
-const Ne = { "data-component": "bs-select" }, We = ["id", "disabled", "required", "data-error", "value"], jt = {
+const je = { "data-component": "bs-select" }, Ne = ["id", "disabled", "required", "data-error", "value"], jt = {
   __name: "BsSelect",
   props: {
     disabled: { default: !1 },
@@ -1295,13 +1272,13 @@ const Ne = { "data-component": "bs-select" }, We = ["id", "disabled", "required"
     modelValue: {}
   },
   setup(e) {
-    const n = e, a = ["autocomplete", "multiple", "name", "size"], t = w(), l = b(() => ({ [n.error ? "aria-errormessage" : "aria-describedby"]: n.hintId })), i = b(() => {
+    const s = e, a = ["autocomplete", "multiple", "name", "size"], t = w(), l = m(() => ({ [s.error ? "aria-errormessage" : "aria-describedby"]: s.hintId })), i = m(() => {
       const o = { ...l.value };
-      return n.passAttrs.split(",").concat(a).forEach((h) => {
+      return s.passAttrs.split(",").concat(a).forEach((h) => {
         o[h] = t[h];
       }), o;
     });
-    return (o, h) => (s(), r("bs-host", Ne, [
+    return (o, h) => (n(), r("bs-host", je, [
       c("select", d({
         id: e.inputId,
         class: "bs-select",
@@ -1313,11 +1290,41 @@ const Ne = { "data-component": "bs-select" }, We = ["id", "disabled", "required"
         onChange: h[0] || (h[0] = (u) => o.emit("update:modelValue", u.target.value))
       }, i.value), [
         f(o.$slots, "default")
-      ], 16, We)
+      ], 16, Ne)
+    ]));
+  }
+};
+const We = { class: "bs-tab-list-wrapper" }, He = ["active-tab-id", "helper-text", "helper-description"], Nt = {
+  __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(), r("div", We, [
+      E(b(I), null, {
+        default: B(() => [
+          c("bs-tab-list", d(t.$attrs, {
+            "active-tab-id": e.activeTabId || e.modelValue,
+            "helper-text": e.helperText,
+            "helper-description": e.helperDescription,
+            "on:tabChange": a
+          }), [
+            f(t.$slots, "default")
+          ], 16, He)
+        ]),
+        _: 3
+      })
     ]));
   }
 };
-const He = ["data-position"], Ue = { "data-slot": "" }, Ye = ["id"], Nt = {
+const Ue = ["data-position"], Ye = { "data-slot": "" }, Xe = ["id"], Wt = {
   __name: "BsTooltip",
   props: {
     tooltipId: {},
@@ -1325,9 +1332,9 @@ const He = ["data-position"], Ue = { "data-slot": "" }, Ye = ["id"], Nt = {
     position: {}
   },
   setup(e) {
-    const n = e, a = v(!1), t = v(!1), l = b(() => {
+    const s = e, a = v(!1), t = v(!1), l = m(() => {
       let u = "bs-tooltip-text";
-      return t.value && (n.position === void 0 || n.position === "top" || n.position === "bottom" ? u += " escaped-x" : n.position === "left" || n.position === "right" ? u += " escaped-y" : u += " escaped"), u;
+      return t.value && (s.position === void 0 || s.position === "top" || s.position === "bottom" ? u += " escaped-x" : s.position === "left" || s.position === "right" ? u += " escaped-y" : u += " escaped"), u;
     });
     k(() => {
       window.addEventListener("keydown", h);
@@ -1343,7 +1350,7 @@ const He = ["data-position"], Ue = { "data-slot": "" }, Ye = ["id"], Nt = {
     function h(u) {
       a.value && u.key === "Escape" && (a.value = !1, t.value = !0);
     }
-    return (u, g) => (s(), r("bs-host", {
+    return (u, g) => (n(), r("bs-host", {
       "data-component": "bs-tooltip",
       onMouseenter: i,
       onFocusin: i,
@@ -1354,56 +1361,56 @@ const He = ["data-position"], Ue = { "data-slot": "" }, Ye = ["id"], Nt = {
         class: "bs-tooltip",
         "data-position": e.position || void 0
       }, [
-        c("div", Ue, [
+        c("div", Ye, [
           f(u.$slots, "default")
         ]),
         c("div", {
           class: P(l.value),
           id: e.tooltipId,
           role: "tooltip"
-        }, z(e.content), 11, Ye)
-      ], 8, He)
+        }, z(e.content), 11, Xe)
+      ], 8, Ue)
     ], 32));
   }
 };
 export {
   St as BsAccordion,
-  Qe as BsBadge,
+  Ke as BsBadge,
   Ft as BsBanner,
   Et as BsButton,
-  Ke as BsCharacterCount,
-  _e as BsChartBar,
-  et as BsChartTable,
-  tt as BsCheckbox,
-  at as BsCircleButton,
-  lt as BsDropdown,
+  _e as BsCharacterCount,
+  et as BsChartBar,
+  tt as BsChartTable,
+  at as BsCheckbox,
+  lt as BsCircleButton,
+  st as BsDropdown,
   nt as BsDropdownOption,
-  st as BsDropdownOptionList,
-  it as BsDropdownWithOptions,
-  rt as BsFieldDetails,
-  dt as BsFieldLayout,
-  ot as BsHint,
+  it as BsDropdownOptionList,
+  rt as BsDropdownWithOptions,
+  dt as BsFieldDetails,
+  ot as BsFieldLayout,
+  ut as BsHint,
   Ot as BsIconGradientWrapper,
-  ut as BsInput,
-  ct as BsInputAddon,
-  ft as BsInputField,
-  ht as BsInputSearch,
+  ct as BsInput,
+  ft as BsInputAddon,
+  ht as BsInputField,
+  bt as BsInputSearch,
   Rt as BsLabel,
   mt as BsLoader,
-  bt as BsModal,
-  gt as BsOverlay,
-  vt as BsPagination,
+  gt as BsModal,
+  vt as BsOverlay,
+  $t as BsPagination,
   Gt as BsPill,
-  $t as BsProfile,
-  Bt as BsProfileDetails,
-  It as BsProfileImg,
-  xt as BsProfileLayout,
-  yt as BsRadio,
+  Bt as BsProfile,
+  It as BsProfileDetails,
+  xt as BsProfileImg,
+  yt as BsProfileLayout,
+  Tt as BsRadio,
   jt as BsSelect,
-  Tt as BsSelectField,
-  Ct as BsSwitch,
-  wt as BsTab,
-  kt as BsTabList,
+  Ct as BsSelectField,
+  wt as BsSwitch,
+  kt as BsTab,
+  Nt as BsTabList,
   pt as BsTabPanel,
   At as BsTextarea,
   Lt as BsTextareaField,
@@ -1412,6 +1419,6 @@ export {
   zt as BsToastBody,
   Dt as BsToastHeader,
   Pt as BsToaster,
-  Nt as BsTooltip,
+  Wt as BsTooltip,
   Mt as BsTransition
 };