@wwtdev/bsds-components-vue3 1.16.0 → 1.16.2

package/nuxt/bsds-components.mjs

@@ -1,7 +1,7 @@
-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"], Ke = {
+import { openBlock as i, createElementBlock as c, mergeProps as f, renderSlot as g, computed as B, unref as T, createBlock as x, withCtx as w, createElementVNode as b, normalizeProps as K, guardReactiveProps as Q, ref as $, onMounted as W, resolveDynamicComponent as H, createCommentVNode as j, toDisplayString as F, useAttrs as S, normalizeStyle as $e, Fragment as U, renderList as _, createVNode as Be, normalizeClass as ee, watch as pe, onUnmounted as te, createTextVNode as ye } from "vue";
+import { ClientOnly as D } from "#components";
+import { v4 as Te } from "uuid";
+const Ie = ["color", "count", "count-max", "dot", "label", "position", "show-zero"], Rt = {
   __name: "BsBadge",
   props: {
     color: {},
@@ -13,8 +13,8 @@ const G = ["color", "count", "count-max", "dot", "label", "position", "show-zero
     showZero: {}
   },
   emits: [],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), r("bs-badge", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (a, t) => (i(), c("bs-badge", f(a.$attrs, {
       color: e.color,
       count: e.count,
       "count-max": e.countMax,
@@ -23,23 +23,23 @@ const G = ["color", "count", "count-max", "dot", "label", "position", "show-zero
       position: e.position,
       "show-zero": e.showZero
     }), [
-      f(a.$slots, "default")
-    ], 16, G));
+      g(a.$slots, "default")
+    ], 16, Ie));
   }
-}, j = ["char-count", "char-max"], _e = {
+}, xe = ["char-count", "char-max"], Wt = {
   __name: "BsCharacterCount",
   props: {
     charCount: {},
     charMax: {}
   },
   emits: [],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), r("bs-character-count", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (a, t) => (i(), c("bs-character-count", f(a.$attrs, {
       "char-count": e.charCount,
       "char-max": e.charMax
-    }), null, 16, j));
+    }), null, 16, xe));
   }
-}, N = ["chart-title", "data", "dataIdxLabels", "show-legend", "show-tooltips", "show-x-grid", "show-y-grid", "stacked", "x-label", "y-label"], et = {
+}, we = ["chart-title", "data", "dataIdxLabels", "show-legend", "show-tooltips", "show-x-grid", "show-y-grid", "stacked", "x-label", "y-label"], Gt = {
   __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: s }) {
-    return (a, t) => (n(), r("bs-chart-bar", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (a, t) => (i(), c("bs-chart-bar", f(a.$attrs, {
       "chart-title": e.chartTitle,
       data: e.data,
       dataIdxLabels: e.dataIdxLabels,
@@ -66,9 +66,9 @@ const G = ["color", "count", "count-max", "dot", "label", "position", "show-zero
       stacked: e.stacked,
       "x-label": e.xLabel,
       "y-label": e.yLabel
-    }), null, 16, N));
+    }), null, 16, we));
   }
-}, W = ["data", "dataIdxLabels", "table-title"], tt = {
+}, Ce = ["data", "dataIdxLabels", "table-title"], Nt = {
   __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: s }) {
-    return (a, t) => (n(), r("bs-chart-table", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (a, t) => (i(), c("bs-chart-table", f(a.$attrs, {
       data: e.data,
       dataIdxLabels: e.dataIdxLabels,
       "table-title": e.tableTitle
-    }), null, 16, W));
+    }), null, 16, Ce));
   }
-}, H = ["label", "checked", "checked-partially", "disabled", "error", "input-id", "pass-attrs", "required", "size"], at = {
+}, ke = ["label", "checked", "checked-partially", "disabled", "error", "input-id", "pass-attrs", "required", "size"], Ht = {
   __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: s }) {
-    return (a, t) => (n(), r("bs-checkbox", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (a, t) => (i(), c("bs-checkbox", f(a.$attrs, {
       label: e.label,
       checked: e.checked || e.modelValue,
       "checked-partially": e.checkedPartially,
@@ -109,25 +109,25 @@ 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) => s("update:modelValue", l.target.checked))
-    }), null, 16, H));
+      onChange: t[0] || (t[0] = (n) => l("update:modelValue", n.target.checked))
+    }), null, 16, ke));
   }
 };
-function T(e) {
-  const s = m(() => {
-    var l, i;
-    return ((i = (l = e.href) == null ? void 0 : l.startsWith) == null ? void 0 : i.call(l, "/")) || !1;
-  }), a = m(() => {
-    var l, i;
-    return s.value && ((l = e.router) == null ? void 0 : l.navigateTo) || ((i = e.router) == null ? void 0 : i.push) || null;
+function M(e) {
+  const l = B(() => {
+    var n, r;
+    return ((r = (n = e.href) == null ? void 0 : n.startsWith) == null ? void 0 : r.call(n, "/")) || !1;
+  }), a = B(() => {
+    var n, r;
+    return l.value && ((n = e.router) == null ? void 0 : n.navigateTo) || ((r = e.router) == null ? void 0 : r.push) || null;
   });
-  function t(l) {
-    var i, o, h, u, g;
-    a.value && ((o = (i = l.target.href) == null ? void 0 : i.endsWith) != null && o.call(i, e.href) || (g = (u = (h = l.target.closest("a")) == null ? void 0 : h.href) == null ? void 0 : u.endsWith) != null && g.call(u, e.href)) && (l.preventDefault(), a.value(e.href));
+  function t(n) {
+    var r, o, h, d, m;
+    a.value && ((o = (r = n.target.href) == null ? void 0 : r.endsWith) != null && o.call(r, e.href) || (m = (d = (h = n.target.closest("a")) == null ? void 0 : h.href) == null ? void 0 : d.endsWith) != null && m.call(d, e.href)) && (n.preventDefault(), a.value(e.href));
   }
   return { onLinkClick: t };
 }
-const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-position", "label", "pass-attrs", "text-btn", "size"], lt = {
+const Ae = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-position", "label", "pass-attrs", "text-btn", "size"], jt = {
   __name: "BsCircleButton",
   props: {
     disabled: {},
@@ -143,9 +143,9 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     router: {}
   },
   emits: [],
-  setup(e, { emit: s }) {
-    const a = e, { onLinkClick: t } = T(a);
-    return (l, i) => (n(), r("bs-circle-button", d(l.$attrs, {
+  setup(e, { emit: l }) {
+    const a = e, { onLinkClick: t } = M(a);
+    return (n, r) => (i(), c("bs-circle-button", f(n.$attrs, {
       disabled: e.disabled,
       "ghost-btn": e.ghostBtn,
       "hover-effect": e.hoverEffect,
@@ -156,10 +156,10 @@ 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) => b(t) && b(t)(...o))
-    }), null, 16, U));
+      onClick: r[0] || (r[0] = (...o) => T(t) && T(t)(...o))
+    }), null, 16, Ae));
   }
-}, Y = ["width", "top", "center", "right", "toggle-id", "container-id", "helper-text", "helper-description", "enter-controlled", "enter-trigger", "leave-trigger"], st = {
+}, Le = ["width", "top", "center", "right", "toggle-id", "container-id", "helper-text", "helper-description", "enter-controlled", "enter-trigger", "leave-trigger"], Ut = {
   __name: "BsDropdown",
   props: {
     width: { default: void 0 },
@@ -175,10 +175,10 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     leaveTrigger: { default: !1 }
   },
   emits: ["close", "enterend", "leaveend"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), $(b(I), null, {
-      default: B(() => [
-        c("bs-dropdown", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (a, t) => (i(), x(T(D), null, {
+      default: w(() => [
+        b("bs-dropdown", f(a.$attrs, {
           width: e.width,
           top: e.top,
           center: e.center,
@@ -190,17 +190,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) => s("close", l.detail)),
-          onEnterend: t[1] || (t[1] = (l) => s("enterend", l.detail)),
-          onLeaveend: t[2] || (t[2] = (l) => s("leaveend", l.detail))
+          onClose: t[0] || (t[0] = (n) => l("close", n.detail)),
+          onEnterend: t[1] || (t[1] = (n) => l("enterend", n.detail)),
+          onLeaveend: t[2] || (t[2] = (n) => l("leaveend", n.detail))
         }), [
-          f(a.$slots, "default")
-        ], 16, Y)
+          g(a.$slots, "default")
+        ], 16, Le)
       ]),
       _: 3
     }));
   }
-}, X = ["value", "variant", "options-id", "selected", "focused", "index"], nt = {
+}, Ve = ["value", "variant", "options-id", "selected", "focused", "index"], Yt = {
   __name: "BsDropdownOption",
   props: {
     value: {},
@@ -211,21 +211,21 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     index: {}
   },
   emits: ["optmouseenter", "optselect"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), r("bs-dropdown-option", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (a, t) => (i(), c("bs-dropdown-option", f(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) => s("optmouseenter", l.detail)),
-      onOptselect: t[1] || (t[1] = (l) => s("optselect", l.detail))
+      onOptmouseenter: t[0] || (t[0] = (n) => l("optmouseenter", n.detail)),
+      onOptselect: t[1] || (t[1] = (n) => l("optselect", n.detail))
     }), [
-      f(a.$slots, "default")
-    ], 16, X));
+      g(a.$slots, "default")
+    ], 16, Ve));
   }
-}, Z = ["options-id", "visible", "focus-delay", "label", "selected-value"], it = {
+}, ze = ["options-id", "visible", "focus-delay", "label", "selected-value"], Xt = {
   __name: "BsDropdownOptionList",
   props: {
     optionsId: {},
@@ -235,25 +235,25 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     selectedValue: {}
   },
   emits: ["optselected", "close"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), $(b(I), null, {
-      default: B(() => [
-        c("bs-dropdown-option-list", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (a, t) => (i(), x(T(D), null, {
+      default: w(() => [
+        b("bs-dropdown-option-list", f(a.$attrs, {
           "options-id": e.optionsId,
           visible: e.visible,
           "focus-delay": e.focusDelay,
           label: e.label,
           "selected-value": e.selectedValue,
-          onOptselected: t[0] || (t[0] = (l) => s("optselected", l.detail)),
-          onClose: t[1] || (t[1] = (l) => s("close", l.detail))
+          onOptselected: t[0] || (t[0] = (n) => l("optselected", n.detail)),
+          onClose: t[1] || (t[1] = (n) => l("close", n.detail))
         }), [
-          f(a.$slots, "default")
-        ], 16, Z)
+          g(a.$slots, "default")
+        ], 16, ze)
       ]),
       _: 3
     }));
   }
-}, 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 = {
+}, De = ["toggle-id", "container-id", "options-id", "width", "top", "center", "label", "selected-value", "enter-controlled", "enter-trigger", "leave-trigger", "helper-text", "helper-description", "right"], Zt = {
   __name: "BsDropdownWithOptions",
   props: {
     toggleId: {},
@@ -272,10 +272,10 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     right: { default: !1 }
   },
   emits: ["optselected", "close", "enterend", "leaveend"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), $(b(I), null, {
-      default: B(() => [
-        c("bs-dropdown-with-options", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (a, t) => (i(), x(T(D), null, {
+      default: w(() => [
+        b("bs-dropdown-with-options", f(a.$attrs, {
           "toggle-id": e.toggleId,
           "container-id": e.containerId,
           "options-id": e.optionsId,
@@ -290,18 +290,18 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
           "helper-text": e.helperText,
           "helper-description": e.helperDescription,
           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))
+          onOptselected: t[0] || (t[0] = (n) => l("optselected", n.detail)),
+          onClose: t[1] || (t[1] = (n) => l("close", n.detail)),
+          onEnterend: t[2] || (t[2] = (n) => l("enterend", n.detail)),
+          onLeaveend: t[3] || (t[3] = (n) => l("leaveend", n.detail))
         }), [
-          f(a.$slots, "default")
-        ], 16, J)
+          g(a.$slots, "default")
+        ], 16, De)
       ]),
       _: 3
     }));
   }
-}, Q = ["char-count", "char-max", "error", "error-msg", "hint", "hint-id"], dt = {
+}, qe = ["char-count", "char-max", "error", "error-msg", "hint", "hint-id"], Jt = {
   __name: "BsFieldDetails",
   props: {
     charCount: {},
@@ -312,17 +312,17 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     hintId: {}
   },
   emits: [],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), r("bs-field-details", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (a, t) => (i(), c("bs-field-details", f(a.$attrs, {
       "char-count": e.charCount,
       "char-max": e.charMax,
       error: e.error,
       "error-msg": e.errorMsg,
       hint: e.hint,
       "hint-id": e.hintId
-    }), null, 16, Q));
+    }), null, 16, qe));
   }
-}, K = ["char-count", "char-max", "disabled", "error", "hints", "label", "label-for", "required", "hint-id"], ot = {
+}, Pe = ["char-count", "char-max", "disabled", "error", "hints", "label", "label-for", "required", "hint-id"], Kt = {
   __name: "BsFieldLayout",
   props: {
     charCount: {},
@@ -336,8 +336,8 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     hintId: {}
   },
   emits: [],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), r("bs-field-layout", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (a, t) => (i(), c("bs-field-layout", f(a.$attrs, {
       "char-count": e.charCount,
       "char-max": e.charMax,
       disabled: e.disabled,
@@ -348,10 +348,10 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       required: e.required,
       "hint-id": e.hintId
     }), [
-      f(a.$slots, "default")
-    ], 16, K));
+      g(a.$slots, "default")
+    ], 16, Pe));
   }
-}, _ = ["error", "hint-id", "hints"], ut = {
+}, Se = ["error", "hint-id", "hints"], Qt = {
   __name: "BsHint",
   props: {
     error: {},
@@ -359,14 +359,14 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     hints: {}
   },
   emits: [],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), r("bs-hint", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (a, t) => (i(), c("bs-hint", f(a.$attrs, {
       error: e.error,
       "hint-id": e.hintId,
       hints: e.hints
-    }), null, 16, _));
+    }), null, 16, Se));
   }
-}, ee = ["disabled", "error", "input-id", "pass-attrs", "placeholder", "required", "type", "value", "hint-id"], ct = {
+}, Me = ["disabled", "error", "input-id", "pass-attrs", "placeholder", "required", "type", "value", "hint-id"], _t = {
   __name: "BsInput",
   props: {
     disabled: { default: !1 },
@@ -381,8 +381,8 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), r("bs-input", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (a, t) => (i(), c("bs-input", f(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
       "input-id": e.inputId,
@@ -392,29 +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) => s("update:modelValue", l.target.value))
-    }), null, 16, ee));
+      onInput: t[0] || (t[0] = (n) => l("update:modelValue", n.target.value))
+    }), null, 16, Me));
   }
-}, te = ["disabled", "error", "multifocus", "variant"], ft = {
-  __name: "BsInputAddon",
-  props: {
-    disabled: { default: !1 },
-    error: { default: !1 },
-    multifocus: { default: !1 },
-    variant: {}
-  },
-  emits: [],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), r("bs-input-addon", d(a.$attrs, {
-      disabled: e.disabled,
-      error: e.error,
-      multifocus: e.multifocus,
-      variant: e.variant
-    }), [
-      f(a.$slots, "default")
-    ], 16, te));
-  }
-}, ae = ["disabled", "error", "error-msg", "hint", "hints", "input-id", "label", "pass-attrs", "placeholder", "required", "type", "value"], ht = {
+}, Ee = ["disabled", "error", "error-msg", "hint", "hints", "input-id", "label", "pass-attrs", "placeholder", "required", "type", "value"], ea = {
   __name: "BsInputField",
   props: {
     disabled: { default: !1 },
@@ -432,8 +413,8 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), r("bs-input-field", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (a, t) => (i(), c("bs-input-field", f(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
       "error-msg": e.errorMsg,
@@ -446,10 +427,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) => s("update:modelValue", l.target.value))
-    }), null, 16, ae));
+      onInput: t[0] || (t[0] = (n) => l("update:modelValue", n.target.value))
+    }), null, 16, Ee));
   }
-}, le = ["disabled", "pass-attrs", "placeholder", "hint-id", "input-id", "value", "hide-clear"], bt = {
+}, Oe = ["disabled", "pass-attrs", "placeholder", "hint-id", "input-id", "value", "hide-clear"], ta = {
   __name: "BsInputSearch",
   props: {
     disabled: { default: !1 },
@@ -462,8 +443,8 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     modelValue: {}
   },
   emits: ["clear", "update:modelValue"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), r("bs-input-search", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (a, t) => (i(), c("bs-input-search", f(a.$attrs, {
       disabled: e.disabled,
       "pass-attrs": e.passAttrs,
       placeholder: e.placeholder,
@@ -471,24 +452,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) => s("clear", l.detail)),
-      onInput: t[1] || (t[1] = (l) => s("update:modelValue", l.target.value))
-    }), null, 16, le));
+      onClear: t[0] || (t[0] = (n) => l("clear", n.detail)),
+      onInput: t[1] || (t[1] = (n) => l("update:modelValue", n.target.value))
+    }), null, 16, Oe));
   }
-}, se = ["size", "variant"], mt = {
+}, Fe = ["size", "variant"], aa = {
   __name: "BsLoader",
   props: {
     size: {},
     variant: {}
   },
   emits: [],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), r("bs-loader", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (a, t) => (i(), c("bs-loader", f(a.$attrs, {
       size: e.size,
       variant: e.variant
-    }), null, 16, se));
+    }), null, 16, Fe));
   }
-}, ne = ["alert", "close-button", "enter-controlled", "enter-trigger", "leave-trigger"], gt = {
+}, Re = ["alert", "close-button", "enter-controlled", "enter-trigger", "leave-trigger"], na = {
   __name: "BsModal",
   props: {
     alert: { default: !1 },
@@ -498,26 +479,26 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     leaveTrigger: { default: !1 }
   },
   emits: ["close", "enterend", "leaveend"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), $(b(I), null, {
-      default: B(() => [
-        c("bs-modal", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (a, t) => (i(), x(T(D), null, {
+      default: w(() => [
+        b("bs-modal", f(a.$attrs, {
           alert: e.alert,
           "close-button": e.closeButton,
           "enter-controlled": e.enterControlled,
           "enter-trigger": e.enterTrigger,
           "leave-trigger": e.leaveTrigger,
-          onClose: t[0] || (t[0] = (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))
+          onClose: t[0] || (t[0] = (n) => l("close", n.detail)),
+          onEnterend: t[1] || (t[1] = (n) => l("enterend", n.detail)),
+          onLeaveend: t[2] || (t[2] = (n) => l("leaveend", n.detail))
         }), [
-          f(a.$slots, "default")
-        ], 16, ne)
+          g(a.$slots, "default")
+        ], 16, Re)
       ]),
       _: 3
     }));
   }
-}, ie = ["enter-controlled", "enter-trigger", "leave-trigger"], vt = {
+}, We = ["enter-controlled", "enter-trigger", "leave-trigger"], la = {
   __name: "BsOverlay",
   props: {
     enterControlled: { default: !1 },
@@ -525,21 +506,21 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     leaveTrigger: { default: !1 }
   },
   emits: ["enterend", "leaveend"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), $(b(I), null, {
-      default: B(() => [
-        c("bs-overlay", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (a, t) => (i(), x(T(D), null, {
+      default: w(() => [
+        b("bs-overlay", f(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, ie)
+          onEnterend: t[0] || (t[0] = (n) => l("enterend", n.detail)),
+          onLeaveend: t[1] || (t[1] = (n) => l("leaveend", n.detail))
+        }), null, 16, We)
       ]),
       _: 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"], $t = {
+}, Ge = ["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"], sa = {
   __name: "BsPagination",
   props: {
     showFirstLastButtons: { default: !1 },
@@ -560,8 +541,8 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     resultsIncrements: {}
   },
   emits: ["selchange"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), r("bs-pagination", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (a, t) => (i(), c("bs-pagination", f(a.$attrs, {
       "show-first-last-buttons": e.showFirstLastButtons,
       "prev-page-text": e.prevPageText,
       "first-page-text": e.firstPageText,
@@ -578,10 +559,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) => s("selchange", l.detail))
-    }), null, 16, re));
+      onSelchange: t[0] || (t[0] = (n) => l("selchange", n.detail))
+    }), null, 16, Ge));
   }
-}, de = ["layout", "href", "image-src", "image-size", "initials", "profile-name", "company", "job-title", "email", "action", "action-icon", "misc-meta", "misc-meta-icon"], Bt = {
+}, Ne = ["layout", "href", "image-src", "image-size", "initials", "profile-name", "company", "job-title", "email", "action", "action-icon", "misc-meta", "misc-meta-icon"], ia = {
   __name: "BsProfile",
   props: {
     layout: {},
@@ -600,9 +581,9 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     router: {}
   },
   emits: ["action-toggled"],
-  setup(e, { emit: s }) {
-    const a = e, { onLinkClick: t } = T(a);
-    return (l, i) => (n(), r("bs-profile", d(l.$attrs, {
+  setup(e, { emit: l }) {
+    const a = e, { onLinkClick: t } = M(a);
+    return (n, r) => (i(), c("bs-profile", f(n.$attrs, {
       layout: e.layout,
       href: e.href,
       "image-src": e.imageSrc,
@@ -616,11 +597,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) => s("action-toggled", o.detail)),
-      onClick: i[1] || (i[1] = (...o) => b(t) && b(t)(...o))
-    }), null, 16, de));
+      onActionToggled: r[0] || (r[0] = (o) => l("action-toggled", o.detail)),
+      onClick: r[1] || (r[1] = (...o) => T(t) && T(t)(...o))
+    }), null, 16, Ne));
   }
-}, oe = ["profile-name", "company", "job-title", "email", "action", "action-icon", "misc-meta", "misc-meta-icon"], It = {
+}, He = ["profile-name", "company", "job-title", "email", "action", "action-icon", "misc-meta", "misc-meta-icon"], ra = {
   __name: "BsProfileDetails",
   props: {
     profileName: {},
@@ -633,8 +614,8 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     miscMetaIcon: {}
   },
   emits: ["action-toggled"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), r("bs-profile-details", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (a, t) => (i(), c("bs-profile-details", f(a.$attrs, {
       "profile-name": e.profileName,
       company: e.company,
       "job-title": e.jobTitle,
@@ -643,10 +624,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) => s("action-toggled", l.detail))
-    }), null, 16, oe));
+      onActionToggled: t[0] || (t[0] = (n) => l("action-toggled", n.detail))
+    }), null, 16, He));
   }
-}, ue = ["src", "size", "initials", "profile-name"], xt = {
+}, je = ["src", "size", "initials", "profile-name"], da = {
   __name: "BsProfileImg",
   props: {
     src: {},
@@ -655,15 +636,15 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     profileName: {}
   },
   emits: [],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), r("bs-profile-img", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (a, t) => (i(), c("bs-profile-img", f(a.$attrs, {
       src: e.src,
       size: e.size,
       initials: e.initials,
       "profile-name": e.profileName
-    }), null, 16, ue));
+    }), null, 16, je));
   }
-}, ce = ["layout", "href", "pass-attrs"], yt = {
+}, Ue = ["layout", "href", "pass-attrs"], oa = {
   __name: "BsProfileLayout",
   props: {
     layout: { default: "vertical" },
@@ -672,18 +653,18 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     router: {}
   },
   emits: [],
-  setup(e, { emit: s }) {
-    const a = e, { onLinkClick: t } = T(a);
-    return (l, i) => (n(), r("bs-profile-layout", d(l.$attrs, {
+  setup(e, { emit: l }) {
+    const a = e, { onLinkClick: t } = M(a);
+    return (n, r) => (i(), c("bs-profile-layout", f(n.$attrs, {
       layout: e.layout,
       href: e.href,
       "pass-attrs": e.passAttrs,
-      onClick: i[0] || (i[0] = (...o) => b(t) && b(t)(...o))
+      onClick: r[0] || (r[0] = (...o) => T(t) && T(t)(...o))
     }), [
-      f(l.$slots, "default")
-    ], 16, ce));
+      g(n.$slots, "default")
+    ], 16, Ue));
   }
-}, fe = ["label", "checked", "disabled", "error", "input-id", "pass-attrs", "required", "size", "value"], Tt = {
+}, Ye = ["label", "checked", "disabled", "error", "input-id", "pass-attrs", "required", "size", "value"], ua = {
   __name: "BsRadio",
   props: {
     label: {},
@@ -698,8 +679,8 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), r("bs-radio", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (a, t) => (i(), c("bs-radio", f(a.$attrs, {
       label: e.label,
       checked: e.checked || e.modelValue === e.value,
       disabled: e.disabled,
@@ -709,10 +690,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) => s("update:modelValue", l.target.value))
-    }), null, 16, fe));
+      onChange: t[0] || (t[0] = (n) => l("update:modelValue", n.target.value))
+    }), null, 16, Ye));
   }
-}, he = ["disabled", "error", "error-msg", "input-id", "label", "hint", "hints", "placeholder", "required", "value", "pass-attrs", "data"], Ct = {
+}, Xe = ["disabled", "error", "error-msg", "input-id", "label", "hint", "hints", "placeholder", "required", "value", "pass-attrs", "data"], ca = {
   __name: "BsSelectField",
   props: {
     disabled: { default: !1 },
@@ -730,8 +711,8 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), r("bs-select-field", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (a, t) => (i(), c("bs-select-field", f(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
       "error-msg": e.errorMsg,
@@ -744,10 +725,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) => s("update:modelValue", l.target.value))
-    }), null, 16, he));
+      onChange: t[0] || (t[0] = (n) => l("update:modelValue", n.target.value))
+    }), null, 16, Xe));
   }
-}, be = ["checked", "disabled", "hide-label", "input-id", "inner-on-label", "inner-off-label", "label", "pass-attrs", "size"], wt = {
+}, Ze = ["checked", "disabled", "hide-label", "input-id", "inner-on-label", "inner-off-label", "label", "pass-attrs", "size"], fa = {
   __name: "BsSwitch",
   props: {
     checked: { default: !1 },
@@ -762,8 +743,8 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), r("bs-switch", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (a, t) => (i(), c("bs-switch", f(a.$attrs, {
       checked: e.checked || e.modelValue,
       disabled: e.disabled,
       "hide-label": e.hideLabel,
@@ -773,42 +754,25 @@ 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) => s("update:modelValue", l.target.checked))
-    }), null, 16, be));
-  }
-}, me = ["active-tab-id", "hidden", "panel-id"], kt = {
-  __name: "BsTab",
-  props: {
-    activeTabId: {},
-    hidden: { default: !1 },
-    panelId: {}
-  },
-  emits: [],
-  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, me));
+      onChange: t[0] || (t[0] = (n) => l("update:modelValue", n.target.checked))
+    }), null, 16, Ze));
   }
-}, ge = ["active-tab-id", "tab-id"], pt = {
+}, Je = ["active-tab-id", "tab-id"], ha = {
   __name: "BsTabPanel",
   props: {
     activeTabId: {},
     tabId: {}
   },
   emits: [],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), r("bs-tab-panel", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (a, t) => (i(), c("bs-tab-panel", f(a.$attrs, {
       "active-tab-id": e.activeTabId,
       "tab-id": e.tabId
     }), [
-      f(a.$slots, "default")
-    ], 16, ge));
+      g(a.$slots, "default")
+    ], 16, Je));
   }
-}, ve = ["disabled", "error", "input-id", "pass-attrs", "placeholder", "required", "rows", "value", "hint-id"], At = {
+}, Ke = ["disabled", "error", "input-id", "pass-attrs", "placeholder", "required", "rows", "value", "hint-id"], ba = {
   __name: "BsTextarea",
   props: {
     disabled: { default: !1 },
@@ -823,8 +787,8 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), r("bs-textarea", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (a, t) => (i(), c("bs-textarea", f(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
       "input-id": e.inputId,
@@ -834,10 +798,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) => s("update:modelValue", l.target.value))
-    }), null, 16, ve));
+      onInput: t[0] || (t[0] = (n) => l("update:modelValue", n.target.value))
+    }), null, 16, Ke));
   }
-}, $e = ["char-max", "disabled", "error", "error-msg", "hint", "hints", "input-id", "label", "placeholder", "required", "rows", "value", "pass-attrs"], Lt = {
+}, Qe = ["char-max", "disabled", "error", "error-msg", "hint", "hints", "input-id", "label", "placeholder", "required", "rows", "value", "pass-attrs"], va = {
   __name: "BsTextareaField",
   props: {
     charMax: {},
@@ -856,8 +820,8 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), r("bs-textarea-field", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (a, t) => (i(), c("bs-textarea-field", f(a.$attrs, {
       "char-max": e.charMax,
       disabled: e.disabled,
       error: e.error,
@@ -871,10 +835,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) => s("update:modelValue", l.target.value))
-    }), null, 16, $e));
+      onInput: t[0] || (t[0] = (n) => l("update:modelValue", n.target.value))
+    }), null, 16, Qe));
   }
-}, Be = ["toast-id", "variant", "stacked", "duration", "enter-controlled", "enter-trigger", "leave-trigger"], Vt = {
+}, _e = ["toast-id", "variant", "stacked", "duration", "enter-controlled", "enter-trigger", "leave-trigger"], ma = {
   __name: "BsToast",
   props: {
     toastId: {},
@@ -886,10 +850,10 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     leaveTrigger: { default: !1 }
   },
   emits: ["dismiss", "enterend", "leaveend"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), $(b(I), null, {
-      default: B(() => [
-        c("bs-toast", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (a, t) => (i(), x(T(D), null, {
+      default: w(() => [
+        b("bs-toast", f(a.$attrs, {
           "toast-id": e.toastId,
           variant: e.variant,
           stacked: e.stacked,
@@ -897,62 +861,62 @@ 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) => s("dismiss", l.detail)),
-          onEnterend: t[1] || (t[1] = (l) => s("enterend", l.detail)),
-          onLeaveend: t[2] || (t[2] = (l) => s("leaveend", l.detail))
+          onDismiss: t[0] || (t[0] = (n) => l("dismiss", n.detail)),
+          onEnterend: t[1] || (t[1] = (n) => l("enterend", n.detail)),
+          onLeaveend: t[2] || (t[2] = (n) => l("leaveend", n.detail))
         }), [
-          f(a.$slots, "default")
-        ], 16, Be)
+          g(a.$slots, "default")
+        ], 16, _e)
       ]),
       _: 3
     }));
   }
-}, qt = {
+}, ga = {
   __name: "BsToastActions",
   props: {},
   emits: ["defaultDismiss"],
-  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))
+  setup(e, { emit: l }) {
+    return (a, t) => (i(), c("bs-toast-actions", f(a.$attrs, {
+      "on:defaultDismiss": t[0] || (t[0] = (n) => l("defaultDismiss", n.detail))
     }), [
-      f(a.$slots, "default")
+      g(a.$slots, "default")
     ], 16));
   }
-}, zt = {
+}, $a = {
   __name: "BsToastBody",
   props: {},
   emits: [],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), r("bs-toast-body", L(V(a.$attrs)), [
-      f(a.$slots, "default")
+  setup(e, { emit: l }) {
+    return (a, t) => (i(), c("bs-toast-body", K(Q(a.$attrs)), [
+      g(a.$slots, "default")
     ], 16));
   }
-}, Ie = ["variant"], Dt = {
+}, et = ["variant"], Ba = {
   __name: "BsToastHeader",
   props: {
     variant: {}
   },
   emits: [],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), r("bs-toast-header", d(a.$attrs, { variant: e.variant }), [
-      f(a.$slots, "default")
-    ], 16, Ie));
+  setup(e, { emit: l }) {
+    return (a, t) => (i(), c("bs-toast-header", f(a.$attrs, { variant: e.variant }), [
+      g(a.$slots, "default")
+    ], 16, et));
   }
-}, Pt = {
+}, pa = {
   __name: "BsToaster",
   props: {},
   emits: [],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), $(b(I), null, {
-      default: B(() => [
-        c("bs-toaster", L(V(a.$attrs)), [
-          f(a.$slots, "default")
+  setup(e, { emit: l }) {
+    return (a, t) => (i(), x(T(D), null, {
+      default: w(() => [
+        b("bs-toaster", K(Q(a.$attrs)), [
+          g(a.$slots, "default")
         ], 16)
       ]),
       _: 3
     }));
   }
-}, xe = ["enter-class", "enter-attribute", "enter-duration", "leave-class", "leave-attribute", "leave-duration", "enter-controlled", "enter-trigger", "leave-trigger"], Mt = {
+}, tt = ["enter-class", "enter-attribute", "enter-duration", "leave-class", "leave-attribute", "leave-duration", "enter-controlled", "enter-trigger", "leave-trigger"], ya = {
   __name: "BsTransition",
   props: {
     enterClass: { default: void 0 },
@@ -966,8 +930,8 @@ const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     leaveTrigger: { default: !1 }
   },
   emits: ["enterend", "leaveend"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), r("bs-transition", d(a.$attrs, {
+  setup(e, { emit: l }) {
+    return (a, t) => (i(), c("bs-transition", f(a.$attrs, {
       "enter-class": e.enterClass,
       "enter-attribute": e.enterAttribute,
       "enter-duration": e.enterDuration,
@@ -977,17 +941,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) => s("enterend", l.detail)),
-      onLeaveend: t[1] || (t[1] = (l) => s("leaveend", l.detail))
+      onEnterend: t[0] || (t[0] = (n) => l("enterend", n.detail)),
+      onLeaveend: t[1] || (t[1] = (n) => l("leaveend", n.detail))
     }), [
-      f(a.$slots, "default")
-    ], 16, xe));
+      g(a.$slots, "default")
+    ], 16, tt));
   }
 };
-function M() {
-  return R();
+function R() {
+  return Te();
 }
-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 = {
+const at = ["data-stacked"], nt = ["data-open"], lt = ["aria-controls", "aria-expanded"], st = ["id", "aria-level"], it = /* @__PURE__ */ b("bs-icon-caret-down", { "data-position": "end" }, null, -1), rt = ["aria-labelledby", "data-open", "id"], dt = { "data-slot": "" }, Ta = {
   __name: "BsAccordion",
   props: {
     controlled: { default: !1 },
@@ -999,93 +963,93 @@ const ye = ["data-stacked"], Te = ["data-open"], Ce = ["aria-controls", "aria-ex
     stacked: { default: !1 }
   },
   emits: ["toggled"],
-  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";
+  setup(e, { emit: l }) {
+    const a = e, t = $(null), n = $(""), r = $(""), o = $(!1), h = B(() => a.icon ? `bs-icon-${a.icon}` : null), d = B(() => a.openItemId === t.value.id || a.openItem === !0), m = B(() => a.controlled ? d.value : o.value);
+    W(() => {
+      var p;
+      (p = t.value) != null && p.id || t.value.setAttribute("id", R()), n.value = t.value.id + "-content", r.value = t.value.id + "-title";
     });
-    function C() {
-      s("toggled", t.value.id), a.controlled || (o.value = !o.value);
+    function A() {
+      l("toggled", t.value.id), a.controlled || (o.value = !o.value);
     }
-    return (x, y) => (n(), r("bs-host", {
+    return (p, I) => (i(), c("bs-host", {
       ref_key: "hostRef",
       ref: t,
       class: "bs-accordion",
       "data-component": "bs-accordion",
       "data-stacked": e.stacked
     }, [
-      c("header", {
+      b("header", {
         part: "header",
-        "data-open": g.value
+        "data-open": m.value
       }, [
-        c("button", {
-          "aria-controls": l.value,
-          "aria-expanded": g.value,
+        b("button", {
+          "aria-controls": n.value,
+          "aria-expanded": m.value,
           type: "button",
-          onClick: C
+          onClick: A
         }, [
-          h.value ? (n(), $(p(h.value), {
+          h.value ? (i(), x(H(h.value), {
             key: 0,
             "data-position": "start"
-          })) : q("", !0),
-          c("span", {
-            id: i.value,
+          })) : j("", !0),
+          b("span", {
+            id: r.value,
             "aria-level": e.headingLevel,
             role: "heading"
-          }, z(e.headerText), 9, we),
-          ke
-        ], 8, Ce)
-      ], 8, Te),
-      c("div", {
-        "aria-labelledby": i.value,
+          }, F(e.headerText), 9, st),
+          it
+        ], 8, lt)
+      ], 8, nt),
+      b("div", {
+        "aria-labelledby": r.value,
         class: "bs-accordion-content",
-        "data-open": g.value,
-        id: l.value,
+        "data-open": m.value,
+        id: n.value,
         part: "content",
         role: "region"
       }, [
-        c("div", Ae, [
-          f(x.$slots, "default")
+        b("div", dt, [
+          g(p.$slots, "default")
         ])
-      ], 8, pe)
-    ], 8, ye));
+      ], 8, rt)
+    ], 8, at));
   }
 };
-const Le = ["data-dismissed"], Ve = { class: "bs-banner-content" }, qe = /* @__PURE__ */ c("bs-icon-warning", {
+const ot = ["data-dismissed"], ut = { class: "bs-banner-content" }, ct = /* @__PURE__ */ b("bs-icon-warning", {
   size: "lg",
   class: "bs-banner-warning-icon"
-}, null, -1), ze = { "data-slot": "" }, De = /* @__PURE__ */ c("bs-icon-close", null, null, -1), Pe = [
-  De
-], Ft = {
+}, null, -1), ft = { "data-slot": "" }, ht = /* @__PURE__ */ b("bs-icon-close", null, null, -1), bt = [
+  ht
+], Ia = {
   __name: "BsBanner",
   emits: ["dismiss"],
-  setup(e, { emit: s }) {
-    const a = v(!1);
+  setup(e, { emit: l }) {
+    const a = $(!1);
     function t() {
-      a.value = !0, s("dismiss");
+      a.value = !0, l("dismiss");
     }
-    return (l, i) => (n(), r("bs-host", {
+    return (n, r) => (i(), c("bs-host", {
       role: "alert",
       class: "bs-banner",
       "data-component": "bs-banner",
       "data-dismissed": a.value ? !0 : void 0
     }, [
-      c("div", Ve, [
-        qe,
-        c("div", ze, [
-          f(l.$slots, "default")
+      b("div", ut, [
+        ct,
+        b("div", ft, [
+          g(n.$slots, "default")
         ]),
-        c("button", {
+        b("button", {
           type: "button",
           title: "Close Banner",
           onClick: t
-        }, Pe)
+        }, bt)
       ])
-    ], 8, Le));
+    ], 8, ot));
   }
 };
-const Me = ["data-disabled"], Et = {
+const vt = ["data-disabled"], xa = {
   __name: "BsButton",
   props: {
     variant: {},
@@ -1098,25 +1062,25 @@ const Me = ["data-disabled"], Et = {
     size: {}
   },
   setup(e) {
-    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
+    const l = e, a = $(null), t = $(null), { onLinkClick: n } = M(l), r = S(), o = B(() => {
+      const d = {
+        download: r.download,
+        target: r.target
       };
-      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;
+      return l.href ? (d.title = r.title, l.disabled && (d["aria-disabled"] = "true", d.tabindex = "-1")) : (d.type = r.type || "button", d.autcomplete = "off"), d;
     });
-    function h(u) {
-      var g, C, x, y, A;
-      (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());
+    function h(d) {
+      var m, A, p, I, L;
+      (l.disabled || ((A = (m = a.value) == null ? void 0 : m.dataset) == null ? void 0 : A.disabled) === "true" || (p = t.value) != null && p.disabled || ((L = (I = t.value) == null ? void 0 : I.getAttribute) == null ? void 0 : L.call(I, "aria-disabled")) === "true") && (d.preventDefault(), d.stopImmediatePropagation());
     }
-    return (u, g) => (n(), r("bs-host", {
+    return (d, m) => (i(), c("bs-host", {
       ref_key: "hostRef",
       ref: a,
       "data-component": "bs-button",
       "data-disabled": e.disabled,
       onClickCapture: h
     }, [
-      (n(), $(p(e.href ? "a" : "button"), d({
+      (i(), x(H(e.href ? "a" : "button"), f({
         "data-slot": "",
         class: "bs-button",
         "data-ghost": e.ghostBtn,
@@ -1127,48 +1091,48 @@ const Me = ["data-disabled"], Et = {
         href: e.href,
         ref_key: "childRef",
         ref: t
-      }, o.value, { onClick: b(l) }), {
-        default: B(() => [
-          f(u.$slots, "default")
+      }, o.value, { onClick: T(n) }), {
+        default: w(() => [
+          g(d.$slots, "default")
         ]),
         _: 3
       }, 16, ["data-ghost", "data-size", "data-text", "data-variant", "disabled", "href", "onClick"]))
-    ], 40, Me));
+    ], 40, vt));
   }
 };
-const Se = ["offset", "stop-color"], Ot = {
+const mt = ["offset", "stop-color"], wa = {
   __name: "BsIconGradientWrapper",
   setup(e) {
-    const s = [
+    const l = [
       { offset: 0.1326, color: "#EE282A" },
       { offset: 0.5466, color: "#1C0087" },
       { offset: 0.9715, color: "#0086EA" }
-    ], a = `svg-gradient-${M()}`, t = v(null), l = v(null);
-    function i() {
+    ], a = `svg-gradient-${R()}`, t = $(null), n = $(null);
+    function r() {
       var h;
       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");
+      (h = n.value) == null || h.setAttribute("viewBox", (o == null ? void 0 : o.getAttribute("viewBox")) || "0 0 0 0");
     }
-    return k(i), (o, h) => (n(), r("bs-host", {
+    return W(r), (o, h) => (i(), c("bs-host", {
       ref_key: "hostRef",
       ref: t,
       "data-component": "bs-icon-gradient-wrapper"
     }, [
-      c("span", {
+      b("span", {
         class: "svg-wrapper",
-        style: S(`fill: url(#${a});`),
+        style: $e(`fill: url(#${a});`),
         "data-slot": ""
       }, [
-        f(o.$slots, "default")
+        g(o.$slots, "default")
       ], 4),
-      (n(), r("svg", {
+      (i(), c("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         width: "0",
         height: "0",
         ref_key: "gradientSvgRef",
-        ref: l
+        ref: n
       }, [
-        c("linearGradient", {
+        b("linearGradient", {
           id: a,
           x1: "0",
           y1: "0",
@@ -1176,20 +1140,46 @@ const Se = ["offset", "stop-color"], Ot = {
           y2: "100%",
           gradientUnits: "userSpaceOnUse"
         }, [
-          (n(), r(D, null, F(s, (u) => c("stop", {
-            key: u.offset,
-            offset: u.offset,
-            "stop-color": u.color
-          }, null, 8, Se)), 64))
+          (i(), c(U, null, _(l, (d) => b("stop", {
+            key: d.offset,
+            offset: d.offset,
+            "stop-color": d.color
+          }, null, 8, mt)), 64))
         ])
       ], 512))
     ], 512));
   }
 };
-const Fe = ["data-disabled", "htmlFor"], Ee = { "data-slot": "" }, Oe = /* @__PURE__ */ c("span", {
+const gt = ["data-disabled", "data-error", "data-variant", "data-multifocus"], Ca = {
+  __name: "BsInputAddon",
+  props: {
+    disabled: { type: Boolean, default: !1 },
+    error: { type: Boolean, default: !1 },
+    multifocus: { type: Boolean, default: !1 },
+    variant: { type: String, validator: (e) => e === "inner-bordered" }
+  },
+  setup(e) {
+    return (l, a) => (i(), c("bs-host", {
+      class: "bs-input-addon",
+      "data-component": "bs-input-addon",
+      "data-disabled": e.disabled,
+      "data-error": e.error,
+      "data-variant": e.variant,
+      "data-multifocus": e.multifocus
+    }, [
+      Be(T(D), null, {
+        default: w(() => [
+          g(l.$slots, "default")
+        ]),
+        _: 3
+      })
+    ], 8, gt));
+  }
+};
+const $t = ["data-disabled", "htmlFor"], Bt = { "data-slot": "" }, pt = /* @__PURE__ */ b("span", {
   "data-required": "",
   "aria-hidden": "true"
-}, " *", -1), Re = /* @__PURE__ */ c("span", { class: "visually-hidden" }, "required", -1), Rt = {
+}, " *", -1), yt = /* @__PURE__ */ b("span", { class: "visually-hidden" }, "required", -1), ka = {
   __name: "BsLabel",
   props: {
     disabled: {},
@@ -1199,32 +1189,32 @@ const Fe = ["data-disabled", "htmlFor"], Ee = { "data-slot": "" }, Oe = /* @__PU
     required: {}
   },
   setup(e) {
-    const s = e, a = w(), t = m(() => {
-      const l = {};
-      return s.passAttrs.split(",").forEach((i) => {
-        l[i] = a[i];
-      }), l;
+    const l = e, a = S(), t = B(() => {
+      const n = {};
+      return l.passAttrs.split(",").forEach((r) => {
+        n[r] = a[r];
+      }), n;
     });
-    return (l, i) => (n(), r("bs-host", {
+    return (n, r) => (i(), c("bs-host", {
       "data-component": "bs-label",
-      class: P(e.hide ? "visually-hidden" : "")
+      class: ee(e.hide ? "visually-hidden" : "")
     }, [
-      c("label", d({
+      b("label", f({
         "data-disabled": e.disabled,
         htmlFor: e.for
       }, t.value), [
-        c("span", Ee, [
-          f(l.$slots, "default")
+        b("span", Bt, [
+          g(n.$slots, "default")
         ]),
-        e.required ? (n(), r(D, { key: 0 }, [
-          Oe,
-          Re
-        ], 64)) : q("", !0)
-      ], 16, Fe)
+        e.required ? (i(), c(U, { key: 0 }, [
+          pt,
+          yt
+        ], 64)) : j("", !0)
+      ], 16, $t)
     ], 2));
   }
 };
-const Ge = { "data-component": "bs-pill" }, Gt = {
+const Tt = { "data-component": "bs-pill" }, Aa = {
   __name: "BsPill",
   props: {
     variant: {},
@@ -1235,14 +1225,14 @@ const Ge = { "data-component": "bs-pill" }, Gt = {
     passAttrs: { default: "" }
   },
   setup(e) {
-    const s = e, { onLinkClick: a } = T(s), t = w(), l = m(() => s.href ? "a" : t.type === "button" ? "button" : "span"), i = m(() => {
+    const l = e, { onLinkClick: a } = M(l), t = S(), n = B(() => l.href ? "a" : t.type === "button" ? "button" : "span"), r = B(() => {
       const o = {};
-      return s.passAttrs.split(",").forEach((h) => {
+      return l.passAttrs.split(",").forEach((h) => {
         o[h] = t[h];
-      }), s.disabled && s.href && (o["aria-disabled"] = !0, o.tabindex = "-1", o.title = t.title), l.value === "button" && (o.type = t.type || "button"), o;
+      }), l.disabled && l.href && (o["aria-disabled"] = !0, o.tabindex = "-1", o.title = t.title), n.value === "button" && (o.type = t.type || "button"), o;
     });
-    return (o, h) => (n(), r("bs-host", Ge, [
-      (n(), $(p(l.value), d({
+    return (o, h) => (i(), c("bs-host", Tt, [
+      (i(), x(H(n.value), f({
         class: "bs-pill",
         "data-active": e.active,
         "data-slot": "",
@@ -1250,16 +1240,16 @@ const Ge = { "data-component": "bs-pill" }, Gt = {
         "data-variant": e.variant || void 0,
         disabled: e.disabled,
         href: e.href
-      }, i.value, { onClick: b(a) }), {
-        default: B(() => [
-          f(o.$slots, "default")
+      }, r.value, { onClick: T(a) }), {
+        default: w(() => [
+          g(o.$slots, "default")
         ]),
         _: 3
       }, 16, ["data-active", "data-status", "data-variant", "disabled", "href", "onClick"]))
     ]));
   }
 };
-const je = { "data-component": "bs-select" }, Ne = ["id", "disabled", "required", "data-error", "value"], jt = {
+const It = { "data-component": "bs-select" }, xt = ["id", "disabled", "required", "data-error", "value"], La = {
   __name: "BsSelect",
   props: {
     disabled: { default: !1 },
@@ -1272,14 +1262,14 @@ const je = { "data-component": "bs-select" }, Ne = ["id", "disabled", "required"
     modelValue: {}
   },
   setup(e) {
-    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 s.passAttrs.split(",").concat(a).forEach((h) => {
+    const l = e, a = ["autocomplete", "multiple", "name", "size"], t = S(), n = B(() => ({ [l.error ? "aria-errormessage" : "aria-describedby"]: l.hintId })), r = B(() => {
+      const o = { ...n.value };
+      return l.passAttrs.split(",").concat(a).forEach((h) => {
         o[h] = t[h];
       }), o;
     });
-    return (o, h) => (n(), r("bs-host", je, [
-      c("select", d({
+    return (o, h) => (i(), c("bs-host", It, [
+      b("select", f({
         id: e.inputId,
         class: "bs-select",
         "data-slot": "",
@@ -1287,44 +1277,236 @@ const je = { "data-component": "bs-select" }, Ne = ["id", "disabled", "required"
         required: e.required,
         "data-error": e.error,
         value: e.value || e.modelValue,
-        onChange: h[0] || (h[0] = (u) => o.emit("update:modelValue", u.target.value))
-      }, i.value), [
-        f(o.$slots, "default")
-      ], 16, Ne)
+        onChange: h[0] || (h[0] = (d) => o.emit("update:modelValue", d.target.value))
+      }, r.value), [
+        g(o.$slots, "default")
+      ], 16, xt)
     ]));
   }
+}, wt = ["aria-controls", "aria-selected", "data-hidden"], Va = {
+  __name: "BsTab",
+  props: {
+    activeTabId: {
+      type: String,
+      required: !0
+    },
+    hidden: {
+      type: Boolean,
+      default: !1
+    },
+    panelId: {
+      type: String
+    }
+  },
+  emits: ["tabClick"],
+  setup(e, { emit: l }) {
+    const a = e, t = S(), n = $(), r = B(() => a.activeTabId === t.id), o = B(() => a.panelId || `${t.id}-panel`);
+    function h(m) {
+      (m.key === "Enter" || m.key === " ") && (m.preventDefault(), m.stopPropagation(), d());
+    }
+    function d() {
+      if (a.activeTabId !== t.id) {
+        const m = new CustomEvent("tabClick", { detail: t.id, bubbles: !0 });
+        n.value.dispatchEvent(m);
+      }
+    }
+    return (m, A) => (i(), c("bs-host", {
+      "aria-controls": o.value,
+      "aria-selected": r.value ? "true" : "false",
+      "data-hidden": e.hidden || void 0,
+      "data-component": "bs-tab",
+      role: "tab",
+      tabindex: "0",
+      ref_key: "hostEl",
+      ref: n,
+      onClick: d,
+      onKeydown: h
+    }, [
+      g(m.$slots, "default")
+    ], 40, wt));
+  }
 };
-const We = { class: "bs-tab-list-wrapper" }, He = ["active-tab-id", "helper-text", "helper-description"], Nt = {
+const Ct = ["data-resizing"], kt = ["aria-controls", "aria-expanded", "data-active", "data-hidden", "id"], At = /* @__PURE__ */ b("bs-icon-action-ellipsis", {
+  size: "sm",
+  "data-size": "small",
+  "data-bs-icon": ""
+}, null, -1), Lt = ["id", "containerId", "helperText", "helperDescription", "optionsId", "toggleId"], Vt = ["value", "options-id"], zt = 73, Dt = 20, qt = 16, za = {
   __name: "BsTabList",
   props: {
-    activeTabId: {},
-    helperText: { default: "Select a tab" },
-    helperDescription: {},
-    modelValue: {}
+    activeTabId: { type: String },
+    helperText: { type: String, default: "Select a tab" },
+    helperDescription: { type: String },
+    modelValue: { type: String },
+    withBsTabs: { type: Boolean, default: !0 }
   },
   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
-      })
-    ]));
+  setup(e, { emit: l }) {
+    const a = e, t = $(!1), n = $(!1), r = $([]), o = $(!1), h = $(!1), d = $(), m = $([]), A = $(!1), p = $([]), I = $(), L = $(), E = $(), P = $(), V = B(() => a.activeTabId ? p.value.findIndex((s) => s.id === a.activeTabId) : 0), O = B(() => r.value.some((s) => s.id === a.activeTabId)), Y = B(() => `${I.value}-options`), X = B(() => `${I.value}-toggle`), ae = B(() => {
+      var s;
+      return O.value ? (s = p.value[V.value]) == null ? void 0 : s.textContent : "More";
+    }), ne = B(() => O.value ? m.value[V.value] - m.value[V.value - 1] + Dt : zt), q = B(() => {
+      var u, v;
+      let s = [];
+      if (typeof window > "u")
+        return s;
+      for (let y of p.value) {
+        if (((u = y.dataset) == null ? void 0 : u.hidden) === "true" || ((v = y.dataset) == null ? void 0 : v.hidden) === "" || y.getAttribute("tabindex") === "-1")
+          break;
+        s.push(y);
+      }
+      return h.value && s.push(d.value.querySelector(".bs-tab-list-toggle")), s;
+    });
+    function G() {
+      var z;
+      let s = !1, u, v = 0, y = !1, C = [];
+      if ((z = p.value) != null && z.length) {
+        for (let k = 0; k < p.value.length; k++) {
+          if (u = p.value[k], u.setAttribute("tabindex", "-1"), y && k !== V.value) {
+            u.dataset.hidden = "true", C.push(u);
+            continue;
+          }
+          if (v = k < p.value.length - 1 ? P.value - ne.value : P.value, m.value[k] > v) {
+            u.dataset.hidden = "true", C.push(u), s = !0, y = !0;
+            continue;
+          }
+          u.dataset.hidden = "false", u.setAttribute("tabindex", "0");
+        }
+        h.value = s, r.value = C, t.value || setTimeout(() => t.value = !0, 100), setTimeout(() => {
+          he(), A.value = !0;
+        }, A.value ? 0 : 1e3);
+      }
+    }
+    function N(s) {
+      l("tabChange", s), l("update:modelValue", s);
+    }
+    function le(s) {
+      var y, C, z;
+      const u = (z = (C = (y = p.value[s]) == null ? void 0 : y.getBoundingClientRect) == null ? void 0 : C.call(y)) == null ? void 0 : z.width;
+      return u || (s === 0 ? m.value[0] : m.value[s] - m.value[s - 1]) || 0;
+    }
+    function se() {
+      var s;
+      (s = p.value[V.value]) == null || s.setAttribute("aria-selected", "true"), G();
+    }
+    function ie() {
+      var s;
+      (s = L.value) == null || s.focus(), o.value = !1;
+    }
+    function re() {
+      o.value = !o.value, n.value || (n.value = !0);
+    }
+    function de(s) {
+      var u;
+      o.value = !1, (u = L.value) == null || u.focus(), N(s.detail);
+    }
+    function oe(s) {
+      if (a.withBsTabs)
+        return;
+      const u = s.target.closest('[role="tab"]');
+      if (!u || u.getAttribute("aria-selected") === "true")
+        return;
+      const v = u.getAttribute("id");
+      N(v);
+    }
+    function ue(s) {
+      if (s.key === "ArrowLeft" || s.key === "ArrowRight") {
+        const u = q.value.findIndex((v) => v.id === s.target.id);
+        if (u === -1)
+          return;
+        s.preventDefault(), s.stopPropagation(), s.key === "ArrowLeft" ? fe(u) : ce(u);
+      }
+    }
+    function ce(s) {
+      var v;
+      const u = (s + 1) % q.value.length;
+      (v = q.value[u]) == null || v.focus();
+    }
+    function fe(s) {
+      var v;
+      const u = s === 0 ? q.value.length - 1 : s - 1;
+      (v = q.value[u]) == null || v.focus();
+    }
+    function he() {
+      var z, k, Z, J;
+      const s = parseInt(d.value.style.getPropertyValue("--active-line-offset")) || 0, u = P.value;
+      let v = 300, y = ((k = (z = q.value) == null ? void 0 : z[V.value]) == null ? void 0 : k.offsetLeft) || 0, C = le(V.value);
+      h.value && O.value && (y = (Z = L.value) == null ? void 0 : Z.offsetLeft, C = (J = L.value) == null ? void 0 : J.offsetWidth), v = Math.max(Math.abs((y - s) / u * 300), 100), d.value.style.setProperty("--active-line-max-width", `${u}px`), d.value.style.setProperty("--active-line-scale", `${C / u}`), d.value.style.setProperty("--active-line-offset", `${y}px`), d.value.style.setProperty("--active-line-transition-duration", `${v}ms`);
+    }
+    function be() {
+      var s, u;
+      (u = (s = E.value) == null ? void 0 : s.disconnect) == null || u.call(s), E.value = null;
+    }
+    function ve() {
+      E.value = new ResizeObserver((s) => {
+        for (let u of s)
+          P.value = u.contentBoxSize[0].inlineSize;
+        G();
+      }), E.value.observe(d.value);
+    }
+    function me() {
+      p.value = Array.from(d.value.children).filter((s) => s.role === "tab");
+    }
+    function ge() {
+      let s;
+      p.value.forEach((u, v) => {
+        s = u.getBoundingClientRect().width + qt, m.value.push(v ? s + m.value[v - 1] : s);
+      });
+    }
+    return pe(() => a.activeTabId, se), W(() => {
+      var s, u;
+      try {
+        me(), ge(), ve(), (s = d.value) != null && s.id || d.value.setAttribute("id", R()), I.value = R(), P.value = d.value.getBoundingClientRect().width, G(), a.withBsTabs || (u = p.value[V.value]) == null || u.setAttribute("aria-selected", "true");
+      } catch (v) {
+        console.log("tab error", v);
+      }
+    }), te(be), (s, u) => (i(), c("bs-host", {
+      class: "bs-tab-list",
+      "data-component": "bs-tab-list",
+      ref_key: "hostEl",
+      ref: d,
+      role: "tablist",
+      "data-resizing": !t.value || void 0,
+      onClick: oe,
+      "on:tabClick": u[0] || (u[0] = (v) => N(v.detail)),
+      onKeydown: ue
+    }, [
+      g(s.$slots, "default"),
+      b("button", {
+        "aria-controls": I.value,
+        "aria-expanded": o.value,
+        class: "bs-tab-list-toggle",
+        "data-active": O.value || void 0,
+        "data-hidden": !h.value,
+        id: X.value,
+        ref_key: "dropdownToggle",
+        ref: L,
+        onClick: re
+      }, [
+        At,
+        ye(" " + F(ae.value), 1)
+      ], 8, kt),
+      o.value ? (i(), c("bs-dropdown-with-options", {
+        key: 0,
+        id: I.value,
+        class: "bs-tab-list-dropdown",
+        containerId: d.value.id,
+        helperText: e.helperText,
+        helperDescription: e.helperDescription || void 0,
+        optionsId: Y.value,
+        toggleId: X.value,
+        onClose: ie,
+        onOptselected: de
+      }, [
+        (i(!0), c(U, null, _(r.value, (v) => (i(), c("bs-dropdown-option", {
+          key: v.id,
+          value: v.id,
+          "options-id": Y.value
+        }, F(v.textContent), 9, Vt))), 128))
+      ], 40, Lt)) : j("", !0)
+    ], 40, Ct));
   }
 };
-const Ue = ["data-position"], Ye = { "data-slot": "" }, Xe = ["id"], Wt = {
+const Pt = ["data-position"], St = { "data-slot": "" }, Mt = ["id"], Da = {
   __name: "BsTooltip",
   props: {
     tooltipId: {},
@@ -1332,93 +1514,93 @@ const Ue = ["data-position"], Ye = { "data-slot": "" }, Xe = ["id"], Wt = {
     position: {}
   },
   setup(e) {
-    const s = e, a = v(!1), t = v(!1), l = m(() => {
-      let u = "bs-tooltip-text";
-      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;
+    const l = e, a = $(!1), t = $(!1), n = B(() => {
+      let d = "bs-tooltip-text";
+      return t.value && (l.position === void 0 || l.position === "top" || l.position === "bottom" ? d += " escaped-x" : l.position === "left" || l.position === "right" ? d += " escaped-y" : d += " escaped"), d;
     });
-    k(() => {
+    W(() => {
       window.addEventListener("keydown", h);
-    }), O(() => {
+    }), te(() => {
       window.removeEventListener("keydown", h);
     });
-    function i() {
+    function r() {
       a.value = !0;
     }
     function o() {
       a.value = !1, t.value = !1;
     }
-    function h(u) {
-      a.value && u.key === "Escape" && (a.value = !1, t.value = !0);
+    function h(d) {
+      a.value && d.key === "Escape" && (a.value = !1, t.value = !0);
     }
-    return (u, g) => (n(), r("bs-host", {
+    return (d, m) => (i(), c("bs-host", {
       "data-component": "bs-tooltip",
-      onMouseenter: i,
-      onFocusin: i,
+      onMouseenter: r,
+      onFocusin: r,
       onMouseleave: o,
       onFocusout: o
     }, [
-      c("div", {
+      b("div", {
         class: "bs-tooltip",
         "data-position": e.position || void 0
       }, [
-        c("div", Ye, [
-          f(u.$slots, "default")
+        b("div", St, [
+          g(d.$slots, "default")
         ]),
-        c("div", {
-          class: P(l.value),
+        b("div", {
+          class: ee(n.value),
           id: e.tooltipId,
           role: "tooltip"
-        }, z(e.content), 11, Xe)
-      ], 8, Ue)
+        }, F(e.content), 11, Mt)
+      ], 8, Pt)
     ], 32));
   }
 };
 export {
-  St as BsAccordion,
-  Ke as BsBadge,
-  Ft as BsBanner,
-  Et as BsButton,
-  _e as BsCharacterCount,
-  et as BsChartBar,
-  tt as BsChartTable,
-  at as BsCheckbox,
-  lt as BsCircleButton,
-  st as BsDropdown,
-  nt as BsDropdownOption,
-  it as BsDropdownOptionList,
-  rt as BsDropdownWithOptions,
-  dt as BsFieldDetails,
-  ot as BsFieldLayout,
-  ut as BsHint,
-  Ot as BsIconGradientWrapper,
-  ct as BsInput,
-  ft as BsInputAddon,
-  ht as BsInputField,
-  bt as BsInputSearch,
-  Rt as BsLabel,
-  mt as BsLoader,
-  gt as BsModal,
-  vt as BsOverlay,
-  $t as BsPagination,
-  Gt as BsPill,
-  Bt as BsProfile,
-  It as BsProfileDetails,
-  xt as BsProfileImg,
-  yt as BsProfileLayout,
-  Tt as BsRadio,
-  jt as BsSelect,
-  Ct as BsSelectField,
-  wt as BsSwitch,
-  kt as BsTab,
-  Nt as BsTabList,
-  pt as BsTabPanel,
-  At as BsTextarea,
-  Lt as BsTextareaField,
-  Vt as BsToast,
-  qt as BsToastActions,
-  zt as BsToastBody,
-  Dt as BsToastHeader,
-  Pt as BsToaster,
-  Wt as BsTooltip,
-  Mt as BsTransition
+  Ta as BsAccordion,
+  Rt as BsBadge,
+  Ia as BsBanner,
+  xa as BsButton,
+  Wt as BsCharacterCount,
+  Gt as BsChartBar,
+  Nt as BsChartTable,
+  Ht as BsCheckbox,
+  jt as BsCircleButton,
+  Ut as BsDropdown,
+  Yt as BsDropdownOption,
+  Xt as BsDropdownOptionList,
+  Zt as BsDropdownWithOptions,
+  Jt as BsFieldDetails,
+  Kt as BsFieldLayout,
+  Qt as BsHint,
+  wa as BsIconGradientWrapper,
+  _t as BsInput,
+  Ca as BsInputAddon,
+  ea as BsInputField,
+  ta as BsInputSearch,
+  ka as BsLabel,
+  aa as BsLoader,
+  na as BsModal,
+  la as BsOverlay,
+  sa as BsPagination,
+  Aa as BsPill,
+  ia as BsProfile,
+  ra as BsProfileDetails,
+  da as BsProfileImg,
+  oa as BsProfileLayout,
+  ua as BsRadio,
+  La as BsSelect,
+  ca as BsSelectField,
+  fa as BsSwitch,
+  Va as BsTab,
+  za as BsTabList,
+  ha as BsTabPanel,
+  ba as BsTextarea,
+  va as BsTextareaField,
+  ma as BsToast,
+  ga as BsToastActions,
+  $a as BsToastBody,
+  Ba as BsToastHeader,
+  pa as BsToaster,
+  Da as BsTooltip,
+  ya as BsTransition
 };