@wwtdev/bsds-components-vue3 1.9.0 → 1.11.0

package/lib/bsds-components.mjs

@@ -1,5 +1,5 @@
-import { openBlock as n, createElementBlock as i, mergeProps as r, renderSlot as o, computed as $, unref as c, normalizeProps as v, guardReactiveProps as g } from "vue";
-const B = ["controlled", "icon", "header-text", "heading-level", "open-item", "stacked"], se = {
+import { openBlock as r, createElementBlock as n, mergeProps as i, renderSlot as o, computed as g, unref as c, normalizeProps as v, guardReactiveProps as $ } from "vue";
+const B = ["controlled", "icon", "header-text", "heading-level", "open-item", "open-item-id", "stacked"], ne = {
   __name: "BsAccordion",
   props: {
     controlled: { default: !1 },
@@ -7,23 +7,25 @@ const B = ["controlled", "icon", "header-text", "heading-level", "open-item", "s
     headerText: {},
     headingLevel: {},
     openItem: { default: !1 },
+    openItemId: {},
     stacked: { default: !1 }
   },
   emits: ["toggled"],
-  setup(e, { emit: l }) {
-    return (a, t) => (n(), i("bs-accordion", r(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (r(), n("bs-accordion", i(a.$attrs, {
       controlled: e.controlled,
       icon: e.icon,
       "header-text": e.headerText,
       "heading-level": e.headingLevel,
       "open-item": e.openItem,
+      "open-item-id": e.openItemId,
       stacked: e.stacked,
-      onToggled: t[0] || (t[0] = (s) => l("toggled", s.detail))
+      onToggled: t[0] || (t[0] = (l) => s("toggled", l.detail))
     }), [
       o(a.$slots, "default")
     ], 16, B));
   }
-}, x = ["color", "count", "count-max", "dot", "label", "position", "show-zero"], le = {
+}, T = ["color", "count", "count-max", "dot", "label", "position", "show-zero"], ie = {
   __name: "BsBadge",
   props: {
     color: {},
@@ -35,8 +37,8 @@ const B = ["controlled", "icon", "header-text", "heading-level", "open-item", "s
     showZero: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    return (a, t) => (n(), i("bs-badge", r(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (r(), n("bs-badge", i(a.$attrs, {
       color: e.color,
       count: e.count,
       "count-max": e.countMax,
@@ -46,35 +48,35 @@ const B = ["controlled", "icon", "header-text", "heading-level", "open-item", "s
       "show-zero": e.showZero
     }), [
       o(a.$slots, "default")
-    ], 16, x));
+    ], 16, T));
   }
-}, ne = {
+}, de = {
   __name: "BsBanner",
   props: {},
   emits: ["dismiss"],
-  setup(e, { emit: l }) {
-    return (a, t) => (n(), i("bs-banner", r(a.$attrs, {
-      onDismiss: t[0] || (t[0] = (s) => l("dismiss", s.detail))
+  setup(e, { emit: s }) {
+    return (a, t) => (r(), n("bs-banner", i(a.$attrs, {
+      onDismiss: t[0] || (t[0] = (l) => s("dismiss", l.detail))
     }), [
       o(a.$slots, "default")
     ], 16));
   }
 };
 function f(e) {
-  const l = $(() => {
-    var s, d;
-    return ((d = (s = e.href) == null ? void 0 : s.startsWith) == null ? void 0 : d.call(s, "/")) || !1;
-  }), a = $(() => {
-    var s, d;
-    return l.value && ((s = e.router) == null ? void 0 : s.navigateTo) || ((d = e.router) == null ? void 0 : d.push) || null;
+  const s = g(() => {
+    var l, d;
+    return ((d = (l = e.href) == null ? void 0 : l.startsWith) == null ? void 0 : d.call(l, "/")) || !1;
+  }), a = g(() => {
+    var l, d;
+    return s.value && ((l = e.router) == null ? void 0 : l.navigateTo) || ((d = e.router) == null ? void 0 : d.push) || null;
   });
-  function t(s) {
+  function t(l) {
     var d, u, h, m, b;
-    a.value && ((u = (d = s.target.href) == null ? void 0 : d.endsWith) != null && u.call(d, e.href) || (b = (m = (h = s.target.closest("a")) == null ? void 0 : h.href) == null ? void 0 : m.endsWith) != null && b.call(m, e.href)) && (s.preventDefault(), a.value(e.href));
+    a.value && ((u = (d = l.target.href) == null ? void 0 : d.endsWith) != null && u.call(d, e.href) || (b = (m = (h = l.target.closest("a")) == null ? void 0 : h.href) == null ? void 0 : m.endsWith) != null && b.call(m, e.href)) && (l.preventDefault(), a.value(e.href));
   }
   return { onLinkClick: t };
 }
-const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn", "size"], ie = {
+const x = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn", "size"], oe = {
   __name: "BsButton",
   props: {
     variant: {},
@@ -87,9 +89,9 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     router: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
+  setup(e, { emit: s }) {
     const a = e, { onLinkClick: t } = f(a);
-    return (s, d) => (n(), i("bs-button", r(s.$attrs, {
+    return (l, d) => (r(), n("bs-button", i(l.$attrs, {
       variant: e.variant,
       disabled: e.disabled,
       "ghost-btn": e.ghostBtn,
@@ -99,23 +101,23 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
       size: e.size,
       onClick: d[0] || (d[0] = (...u) => c(t) && c(t)(...u))
     }), [
-      o(s.$slots, "default")
-    ], 16, w));
+      o(l.$slots, "default")
+    ], 16, x));
   }
-}, k = ["char-count", "char-max"], re = {
+}, I = ["char-count", "char-max"], ue = {
   __name: "BsCharacterCount",
   props: {
     charCount: {},
     charMax: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    return (a, t) => (n(), i("bs-character-count", r(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (r(), n("bs-character-count", i(a.$attrs, {
       "char-count": e.charCount,
       "char-max": e.charMax
-    }), null, 16, k));
+    }), null, 16, I));
   }
-}, I = ["chart-title", "data", "dataIdxLabels", "show-legend", "show-tooltips", "show-x-grid", "show-y-grid", "stacked", "x-label", "y-label"], de = {
+}, C = ["chart-title", "data", "dataIdxLabels", "show-legend", "show-tooltips", "show-x-grid", "show-y-grid", "stacked", "x-label", "y-label"], ce = {
   __name: "BsChartBar",
   props: {
     chartTitle: {},
@@ -130,8 +132,8 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     yLabel: { default: "" }
   },
   emits: [],
-  setup(e, { emit: l }) {
-    return (a, t) => (n(), i("bs-chart-bar", r(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (r(), n("bs-chart-bar", i(a.$attrs, {
       "chart-title": e.chartTitle,
       data: e.data,
       dataIdxLabels: e.dataIdxLabels,
@@ -142,9 +144,9 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
       stacked: e.stacked,
       "x-label": e.xLabel,
       "y-label": e.yLabel
-    }), null, 16, I));
+    }), null, 16, C));
   }
-}, y = ["data", "dataIdxLabels", "table-title"], oe = {
+}, k = ["data", "dataIdxLabels", "table-title"], fe = {
   __name: "BsChartTable",
   props: {
     data: {},
@@ -152,14 +154,14 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     tableTitle: { default: "" }
   },
   emits: [],
-  setup(e, { emit: l }) {
-    return (a, t) => (n(), i("bs-chart-table", r(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (r(), n("bs-chart-table", i(a.$attrs, {
       data: e.data,
       dataIdxLabels: e.dataIdxLabels,
       "table-title": e.tableTitle
-    }), null, 16, y));
+    }), null, 16, k));
   }
-}, C = ["label", "checked", "checked-partially", "disabled", "error", "pass-attrs", "required", "size"], ue = {
+}, y = ["label", "checked", "checked-partially", "disabled", "error", "pass-attrs", "required", "size"], me = {
   __name: "BsCheckbox",
   props: {
     label: {},
@@ -173,8 +175,8 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    return (a, t) => (n(), i("bs-checkbox", r(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (r(), n("bs-checkbox", i(a.$attrs, {
       label: e.label,
       checked: e.checked || e.modelValue,
       "checked-partially": e.checkedPartially,
@@ -183,10 +185,10 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
       "pass-attrs": e.passAttrs,
       required: e.required,
       size: e.size,
-      onChange: t[0] || (t[0] = (s) => l("update:modelValue", s.target.checked))
-    }), null, 16, C));
+      onChange: t[0] || (t[0] = (l) => s("update:modelValue", l.target.checked))
+    }), null, 16, y));
   }
-}, T = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-position", "label", "pass-attrs", "text-btn", "size"], ce = {
+}, w = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-position", "label", "pass-attrs", "text-btn", "size"], he = {
   __name: "BsCircleButton",
   props: {
     disabled: {},
@@ -202,9 +204,9 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     router: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
+  setup(e, { emit: s }) {
     const a = e, { onLinkClick: t } = f(a);
-    return (s, d) => (n(), i("bs-circle-button", r(s.$attrs, {
+    return (l, d) => (r(), n("bs-circle-button", i(l.$attrs, {
       disabled: e.disabled,
       "ghost-btn": e.ghostBtn,
       "hover-effect": e.hoverEffect,
@@ -216,79 +218,109 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
       "text-btn": e.textBtn,
       size: e.size,
       onClick: d[0] || (d[0] = (...u) => c(t) && c(t)(...u))
-    }), null, 16, T));
+    }), null, 16, w));
   }
-}, q = ["shown", "width", "top", "center", "toggle-id", "container-id"], fe = {
+}, L = ["width", "top", "center", "toggle-id", "container-id", "helper-text", "helper-description", "enter-controlled", "enter-trigger", "leave-trigger"], be = {
   __name: "BsDropdown",
   props: {
-    shown: { default: !1 },
     width: { default: void 0 },
     top: { default: !1 },
     center: { default: !1 },
     toggleId: {},
-    containerId: { default: void 0 }
+    containerId: { default: void 0 },
+    helperText: {},
+    helperDescription: {},
+    enterControlled: { default: !1 },
+    enterTrigger: { default: !1 },
+    leaveTrigger: { default: !1 }
   },
-  emits: ["close"],
-  setup(e, { emit: l }) {
-    return (a, t) => (n(), i("bs-dropdown", r(a.$attrs, {
-      shown: e.shown,
+  emits: ["close", "enterend", "leaveend"],
+  setup(e, { emit: s }) {
+    return (a, t) => (r(), n("bs-dropdown", i(a.$attrs, {
       width: e.width,
       top: e.top,
       center: e.center,
       "toggle-id": e.toggleId,
       "container-id": e.containerId,
-      onClose: t[0] || (t[0] = (s) => l("close", s.detail))
+      "helper-text": e.helperText,
+      "helper-description": e.helperDescription,
+      "enter-controlled": e.enterControlled,
+      "enter-trigger": e.enterTrigger,
+      "leave-trigger": e.leaveTrigger,
+      onClose: t[0] || (t[0] = (l) => s("close", l.detail)),
+      onEnterend: t[1] || (t[1] = (l) => s("enterend", l.detail)),
+      onLeaveend: t[2] || (t[2] = (l) => s("leaveend", l.detail))
     }), [
       o(a.$slots, "default")
-    ], 16, q));
+    ], 16, L));
   }
-}, A = ["value", "variant", "selected", "options-id", "shown", "focused", "index"], me = {
+}, V = ["value", "variant", "options-id", "selected", "focused", "index"], ge = {
   __name: "BsDropdownOption",
   props: {
     value: {},
     variant: { default: void 0 },
-    selected: { default: !1 },
     optionsId: {},
-    shown: { default: !1 },
+    selected: { default: !1 },
     focused: { default: !1 },
     index: {}
   },
-  emits: ["optionmouseenter", "optionselect"],
-  setup(e, { emit: l }) {
-    return (a, t) => (n(), i("bs-dropdown-option", r(a.$attrs, {
+  emits: ["optmouseenter", "optselect"],
+  setup(e, { emit: s }) {
+    return (a, t) => (r(), n("bs-dropdown-option", i(a.$attrs, {
       value: e.value,
       variant: e.variant,
-      selected: e.selected,
       "options-id": e.optionsId,
-      shown: e.shown,
+      selected: e.selected,
       focused: e.focused,
       index: e.index,
-      onOptionmouseenter: t[0] || (t[0] = (s) => l("optionmouseenter", s.detail)),
-      onOptionselect: t[1] || (t[1] = (s) => l("optionselect", s.detail))
+      onOptmouseenter: t[0] || (t[0] = (l) => s("optmouseenter", l.detail)),
+      onOptselect: t[1] || (t[1] = (l) => s("optselect", l.detail))
     }), [
       o(a.$slots, "default")
-    ], 16, A));
+    ], 16, V));
   }
-}, L = ["options-id", "shown", "label"], he = {
-  __name: "BsDropdownOptions",
+}, q = ["toggle-id", "container-id", "options-id", "width", "top", "center", "label", "selected-value", "enter-controlled", "enter-trigger", "leave-trigger", "helper-text", "helper-description"], ve = {
+  __name: "BsDropdownWithOptions",
   props: {
+    toggleId: {},
+    containerId: {},
     optionsId: {},
-    shown: {},
-    label: {}
+    width: { default: void 0 },
+    top: { default: !1 },
+    center: { default: !1 },
+    label: {},
+    selectedValue: {},
+    enterControlled: { default: !1 },
+    enterTrigger: { default: !1 },
+    leaveTrigger: { default: !1 },
+    helperText: {},
+    helperDescription: {}
   },
-  emits: ["selectionchange", "close"],
-  setup(e, { emit: l }) {
-    return (a, t) => (n(), i("bs-dropdown-options", r(a.$attrs, {
+  emits: ["optselected", "close", "enterend", "leaveend"],
+  setup(e, { emit: s }) {
+    return (a, t) => (r(), n("bs-dropdown-with-options", i(a.$attrs, {
+      "toggle-id": e.toggleId,
+      "container-id": e.containerId,
       "options-id": e.optionsId,
-      shown: e.shown,
+      width: e.width,
+      top: e.top,
+      center: e.center,
       label: e.label,
-      onSelectionchange: t[0] || (t[0] = (s) => l("selectionchange", s.detail)),
-      onClose: t[1] || (t[1] = (s) => l("close", s.detail))
+      "selected-value": e.selectedValue,
+      "enter-controlled": e.enterControlled,
+      "enter-trigger": e.enterTrigger,
+      "leave-trigger": e.leaveTrigger,
+      "helper-text": e.helperText,
+      "helper-description": e.helperDescription,
+      onOptselected: t[0] || (t[0] = (l) => s("optselected", l.detail)),
+      onClose: t[1] || (t[1] = (l) => s("close", l.detail)),
+      onEnterend: t[2] || (t[2] = (l) => s("enterend", l.detail)),
+      onLeaveend: t[3] || (t[3] = (l) => s("leaveend", l.detail))
     }), [
       o(a.$slots, "default")
-    ], 16, L));
+    ], 16, q));
   }
-}, V = ["char-count", "char-max", "disabled", "error", "hints", "label", "label-for", "required", "hint-id"], be = {
+}, A = ["char-count", "char-max", "disabled", "error", "hints", "label", "label-for", "required", "hint-id"], $e = {
   __name: "BsFieldLayout",
   props: {
     charCount: {},
@@ -302,8 +334,8 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     hintId: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    return (a, t) => (n(), i("bs-field-layout", r(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (r(), n("bs-field-layout", i(a.$attrs, {
       "char-count": e.charCount,
       "char-max": e.charMax,
       disabled: e.disabled,
@@ -315,9 +347,9 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
       "hint-id": e.hintId
     }), [
       o(a.$slots, "default")
-    ], 16, V));
+    ], 16, A));
   }
-}, z = ["error", "hint-id", "hints"], $e = {
+}, z = ["error", "hint-id", "hints"], Be = {
   __name: "BsHint",
   props: {
     error: {},
@@ -325,14 +357,14 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     hints: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    return (a, t) => (n(), i("bs-hint", r(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (r(), n("bs-hint", i(a.$attrs, {
       error: e.error,
       "hint-id": e.hintId,
       hints: e.hints
     }), null, 16, z));
   }
-}, P = ["disabled", "error", "pass-attrs", "placeholder", "required", "type", "value", "hint-id"], ve = {
+}, P = ["disabled", "error", "pass-attrs", "placeholder", "required", "type", "value", "hint-id"], Te = {
   __name: "BsInput",
   props: {
     disabled: { default: !1 },
@@ -346,8 +378,8 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    return (a, t) => (n(), i("bs-input", r(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (r(), n("bs-input", i(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
       "pass-attrs": e.passAttrs,
@@ -356,10 +388,10 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
       type: e.type,
       value: e.value || e.modelValue,
       "hint-id": e.hintId,
-      onInput: t[0] || (t[0] = (s) => l("update:modelValue", s.target.value))
+      onInput: t[0] || (t[0] = (l) => s("update:modelValue", l.target.value))
     }), null, 16, P));
   }
-}, D = ["disabled", "error", "multifocus", "variant"], ge = {
+}, D = ["disabled", "error", "multifocus", "variant"], xe = {
   __name: "BsInputAddon",
   props: {
     disabled: { default: !1 },
@@ -368,8 +400,8 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     variant: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    return (a, t) => (n(), i("bs-input-addon", r(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (r(), n("bs-input-addon", i(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
       multifocus: e.multifocus,
@@ -378,7 +410,7 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
       o(a.$slots, "default")
     ], 16, D));
   }
-}, S = ["disabled", "error", "hints", "label", "pass-attrs", "placeholder", "required", "type", "value"], Be = {
+}, S = ["disabled", "error", "hints", "label", "pass-attrs", "placeholder", "required", "type", "value"], Ie = {
   __name: "BsInputField",
   props: {
     disabled: { default: !1 },
@@ -393,8 +425,8 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    return (a, t) => (n(), i("bs-input-field", r(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (r(), n("bs-input-field", i(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
       hints: e.hints,
@@ -404,10 +436,10 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
       required: e.required,
       type: e.type,
       value: e.value || e.modelValue,
-      onInput: t[0] || (t[0] = (s) => l("update:modelValue", s.target.value))
+      onInput: t[0] || (t[0] = (l) => s("update:modelValue", l.target.value))
     }), null, 16, S));
   }
-}, F = ["disabled", "pass-attrs", "placeholder", "hint-id", "value"], xe = {
+}, F = ["disabled", "pass-attrs", "placeholder", "hint-id", "value"], Ce = {
   __name: "BsInputSearch",
   props: {
     disabled: { default: !1 },
@@ -418,18 +450,18 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     modelValue: {}
   },
   emits: ["clear", "update:modelValue"],
-  setup(e, { emit: l }) {
-    return (a, t) => (n(), i("bs-input-search", r(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (r(), n("bs-input-search", i(a.$attrs, {
       disabled: e.disabled,
       "pass-attrs": e.passAttrs,
       placeholder: e.placeholder,
       "hint-id": e.hintId,
       value: e.value || e.modelValue,
-      onClear: t[0] || (t[0] = (s) => l("clear", s.detail)),
-      onInput: t[1] || (t[1] = (s) => l("update:modelValue", s.target.value))
+      onClear: t[0] || (t[0] = (l) => s("clear", l.detail)),
+      onInput: t[1] || (t[1] = (l) => s("update:modelValue", l.target.value))
     }), null, 16, F));
   }
-}, O = ["disabled", "for", "hide", "pass-attrs", "required"], we = {
+}, O = ["disabled", "for", "hide", "pass-attrs", "required"], ke = {
   __name: "BsLabel",
   props: {
     disabled: {},
@@ -439,8 +471,8 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     required: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    return (a, t) => (n(), i("bs-label", r(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (r(), n("bs-label", i(a.$attrs, {
       disabled: e.disabled,
       for: e.for,
       hide: e.hide,
@@ -450,48 +482,61 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
       o(a.$slots, "default")
     ], 16, O));
   }
-}, j = ["size", "variant"], ke = {
+}, j = ["size", "variant"], ye = {
   __name: "BsLoader",
   props: {
     size: {},
     variant: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    return (a, t) => (n(), i("bs-loader", r(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (r(), n("bs-loader", i(a.$attrs, {
       size: e.size,
       variant: e.variant
     }), null, 16, j));
   }
-}, M = ["shown", "alert", "close-button"], Ie = {
+}, E = ["alert", "close-button", "enter-controlled", "enter-trigger", "leave-trigger"], we = {
   __name: "BsModal",
   props: {
-    shown: { default: !1 },
     alert: { default: !1 },
-    closeButton: { default: !0 }
+    closeButton: { default: !0 },
+    enterControlled: { default: !1 },
+    enterTrigger: { default: !1 },
+    leaveTrigger: { default: !1 }
   },
-  emits: ["close", "leaveend"],
-  setup(e, { emit: l }) {
-    return (a, t) => (n(), i("bs-modal", r(a.$attrs, {
-      shown: e.shown,
+  emits: ["close", "enterend", "leaveend"],
+  setup(e, { emit: s }) {
+    return (a, t) => (r(), n("bs-modal", i(a.$attrs, {
       alert: e.alert,
       "close-button": e.closeButton,
-      onClose: t[0] || (t[0] = (s) => l("close", s.detail)),
-      onLeaveend: t[1] || (t[1] = (s) => l("leaveend", s.detail))
+      "enter-controlled": e.enterControlled,
+      "enter-trigger": e.enterTrigger,
+      "leave-trigger": e.leaveTrigger,
+      onClose: t[0] || (t[0] = (l) => s("close", l.detail)),
+      onEnterend: t[1] || (t[1] = (l) => s("enterend", l.detail)),
+      onLeaveend: t[2] || (t[2] = (l) => s("leaveend", l.detail))
     }), [
       o(a.$slots, "default")
-    ], 16, M));
+    ], 16, E));
   }
-}, R = ["shown"], ye = {
+}, M = ["enter-controlled", "enter-trigger", "leave-trigger"], Le = {
   __name: "BsOverlay",
   props: {
-    shown: { default: !1 }
+    enterControlled: { default: !1 },
+    enterTrigger: { default: !1 },
+    leaveTrigger: { default: !1 }
   },
-  emits: [],
-  setup(e, { emit: l }) {
-    return (a, t) => (n(), i("bs-overlay", r(a.$attrs, { shown: e.shown }), null, 16, R));
+  emits: ["enterend", "leaveend"],
+  setup(e, { emit: s }) {
+    return (a, t) => (r(), n("bs-overlay", i(a.$attrs, {
+      "enter-controlled": e.enterControlled,
+      "enter-trigger": e.enterTrigger,
+      "leave-trigger": e.leaveTrigger,
+      onEnterend: t[0] || (t[0] = (l) => s("enterend", l.detail)),
+      onLeaveend: t[1] || (t[1] = (l) => s("leaveend", l.detail))
+    }), null, 16, M));
   }
-}, E = ["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"], Ce = {
+}, G = ["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"], Ve = {
   __name: "BsPagination",
   props: {
     showFirstLastButtons: { default: !1 },
@@ -511,9 +556,9 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     itemsCount: {},
     resultsIncrements: {}
   },
-  emits: ["selectionchange"],
-  setup(e, { emit: l }) {
-    return (a, t) => (n(), i("bs-pagination", r(a.$attrs, {
+  emits: ["selchange"],
+  setup(e, { emit: s }) {
+    return (a, t) => (r(), n("bs-pagination", i(a.$attrs, {
       "show-first-last-buttons": e.showFirstLastButtons,
       "prev-page-text": e.prevPageText,
       "first-page-text": e.firstPageText,
@@ -530,10 +575,10 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
       "items-per-group": e.itemsPerGroup,
       "items-count": e.itemsCount,
       "results-increments": e.resultsIncrements,
-      onSelectionchange: t[0] || (t[0] = (s) => l("selectionchange", s.detail))
-    }), null, 16, E));
+      onSelchange: t[0] || (t[0] = (l) => s("selchange", l.detail))
+    }), null, 16, G));
   }
-}, G = ["variant", "status", "href", "active", "disabled", "pass-attrs"], Te = {
+}, R = ["variant", "status", "href", "active", "disabled", "pass-attrs"], qe = {
   __name: "BsPill",
   props: {
     variant: {},
@@ -545,9 +590,9 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     router: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
+  setup(e, { emit: s }) {
     const a = e, { onLinkClick: t } = f(a);
-    return (s, d) => (n(), i("bs-pill", r(s.$attrs, {
+    return (l, d) => (r(), n("bs-pill", i(l.$attrs, {
       variant: e.variant,
       status: e.status,
       href: e.href,
@@ -556,10 +601,10 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
       "pass-attrs": e.passAttrs,
       onClick: d[0] || (d[0] = (...u) => c(t) && c(t)(...u))
     }), [
-      o(s.$slots, "default")
-    ], 16, G));
+      o(l.$slots, "default")
+    ], 16, R));
   }
-}, N = ["layout", "href", "image-src", "image-size", "initials", "profile-name", "company", "job-title", "email"], qe = {
+}, H = ["layout", "href", "image-src", "image-size", "initials", "profile-name", "company", "job-title", "email"], Ae = {
   __name: "BsProfile",
   props: {
     layout: {},
@@ -574,9 +619,9 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     router: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
+  setup(e, { emit: s }) {
     const a = e, { onLinkClick: t } = f(a);
-    return (s, d) => (n(), i("bs-profile", r(s.$attrs, {
+    return (l, d) => (r(), n("bs-profile", i(l.$attrs, {
       layout: e.layout,
       href: e.href,
       "image-src": e.imageSrc,
@@ -587,9 +632,9 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
       "job-title": e.jobTitle,
       email: e.email,
       onClick: d[0] || (d[0] = (...u) => c(t) && c(t)(...u))
-    }), null, 16, N));
+    }), null, 16, H));
   }
-}, H = ["profile-name", "company", "job-title", "email"], Ae = {
+}, N = ["profile-name", "company", "job-title", "email"], ze = {
   __name: "BsProfileDetails",
   props: {
     profileName: {},
@@ -598,15 +643,15 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     email: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    return (a, t) => (n(), i("bs-profile-details", r(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (r(), n("bs-profile-details", i(a.$attrs, {
       "profile-name": e.profileName,
       company: e.company,
       "job-title": e.jobTitle,
       email: e.email
-    }), null, 16, H));
+    }), null, 16, N));
   }
-}, W = ["src", "size", "initials", "profile-name"], Le = {
+}, W = ["src", "size", "initials", "profile-name"], Pe = {
   __name: "BsProfileImg",
   props: {
     src: {},
@@ -615,15 +660,15 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     profileName: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    return (a, t) => (n(), i("bs-profile-img", r(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (r(), n("bs-profile-img", i(a.$attrs, {
       src: e.src,
       size: e.size,
       initials: e.initials,
       "profile-name": e.profileName
     }), null, 16, W));
   }
-}, X = ["layout", "href", "pass-attrs"], Ve = {
+}, X = ["layout", "href", "pass-attrs"], De = {
   __name: "BsProfileLayout",
   props: {
     layout: { default: "vertical" },
@@ -632,18 +677,18 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     router: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
+  setup(e, { emit: s }) {
     const a = e, { onLinkClick: t } = f(a);
-    return (s, d) => (n(), i("bs-profile-layout", r(s.$attrs, {
+    return (l, d) => (r(), n("bs-profile-layout", i(l.$attrs, {
       layout: e.layout,
       href: e.href,
       "pass-attrs": e.passAttrs,
       onClick: d[0] || (d[0] = (...u) => c(t) && c(t)(...u))
     }), [
-      o(s.$slots, "default")
+      o(l.$slots, "default")
     ], 16, X));
   }
-}, Y = ["label", "checked", "disabled", "error", "pass-attrs", "required", "size", "value"], ze = {
+}, Y = ["label", "checked", "disabled", "error", "pass-attrs", "required", "size", "value"], Se = {
   __name: "BsRadio",
   props: {
     label: {},
@@ -657,8 +702,8 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    return (a, t) => (n(), i("bs-radio", r(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (r(), n("bs-radio", i(a.$attrs, {
       label: e.label,
       checked: e.checked || e.modelValue === e.value,
       disabled: e.disabled,
@@ -667,10 +712,10 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
       required: e.required,
       size: e.size,
       value: e.value,
-      onChange: t[0] || (t[0] = (s) => l("update:modelValue", s.target.value))
+      onChange: t[0] || (t[0] = (l) => s("update:modelValue", l.target.value))
     }), null, 16, Y));
   }
-}, Z = ["disabled", "required", "error", "hint-id", "value", "pass-attrs"], Pe = {
+}, Z = ["disabled", "required", "error", "hint-id", "value", "pass-attrs"], Fe = {
   __name: "BsSelect",
   props: {
     disabled: { default: !1 },
@@ -682,20 +727,20 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    return (a, t) => (n(), i("bs-select", r(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (r(), n("bs-select", i(a.$attrs, {
       disabled: e.disabled,
       required: e.required,
       error: e.error,
       "hint-id": e.hintId,
       value: e.value || e.modelValue,
       "pass-attrs": e.passAttrs,
-      onChange: t[0] || (t[0] = (s) => l("update:modelValue", s.target.value))
+      onChange: t[0] || (t[0] = (l) => s("update:modelValue", l.target.value))
     }), [
       o(a.$slots, "default")
     ], 16, Z));
   }
-}, J = ["disabled", "error", "required", "label", "hints", "placeholder", "value", "pass-attrs", "data"], De = {
+}, J = ["disabled", "error", "required", "label", "hints", "placeholder", "value", "pass-attrs", "data"], Oe = {
   __name: "BsSelectField",
   props: {
     disabled: { default: !1 },
@@ -710,8 +755,8 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    return (a, t) => (n(), i("bs-select-field", r(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (r(), n("bs-select-field", i(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
       required: e.required,
@@ -721,10 +766,10 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
       value: e.value || e.modelValue,
       "pass-attrs": e.passAttrs,
       data: e.data,
-      onChange: t[0] || (t[0] = (s) => l("update:modelValue", s.target.value))
+      onChange: t[0] || (t[0] = (l) => s("update:modelValue", l.target.value))
     }), null, 16, J));
   }
-}, K = ["checked", "disabled", "inner-on-label", "inner-off-label", "label", "pass-attrs", "size"], Se = {
+}, K = ["checked", "disabled", "inner-on-label", "inner-off-label", "label", "pass-attrs", "size"], je = {
   __name: "BsSwitch",
   props: {
     checked: { default: !1 },
@@ -737,8 +782,8 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    return (a, t) => (n(), i("bs-switch", r(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (r(), n("bs-switch", i(a.$attrs, {
       checked: e.checked || e.modelValue,
       disabled: e.disabled,
       "inner-on-label": e.innerOnLabel,
@@ -746,10 +791,64 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
       label: e.label,
       "pass-attrs": e.passAttrs,
       size: e.size,
-      onChange: t[0] || (t[0] = (s) => l("update:modelValue", s.target.checked))
+      onChange: t[0] || (t[0] = (l) => s("update:modelValue", l.target.checked))
     }), null, 16, K));
   }
-}, Q = ["disabled", "error", "pass-attrs", "placeholder", "required", "value", "hint-id"], Fe = {
+}, Q = ["active-tab-id", "hidden", "panel-id"], Ee = {
+  __name: "BsTab",
+  props: {
+    activeTabId: {},
+    hidden: { default: !1 },
+    panelId: {}
+  },
+  emits: [],
+  setup(e, { emit: s }) {
+    return (a, t) => (r(), n("bs-tab", i(a.$attrs, {
+      "active-tab-id": e.activeTabId,
+      hidden: e.hidden,
+      "panel-id": e.panelId
+    }), [
+      o(a.$slots, "default")
+    ], 16, Q));
+  }
+}, U = ["active-tab-id", "helper-text", "helper-description"], Me = {
+  __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) => (r(), n("bs-tab-list", i(t.$attrs, {
+      "active-tab-id": e.activeTabId || e.modelValue,
+      "helper-text": e.helperText,
+      "helper-description": e.helperDescription,
+      "on:tabChange": a
+    }), [
+      o(t.$slots, "default")
+    ], 16, U));
+  }
+}, p = ["active-tab-id", "tab-id"], Ge = {
+  __name: "BsTabPanel",
+  props: {
+    activeTabId: {},
+    tabId: {}
+  },
+  emits: [],
+  setup(e, { emit: s }) {
+    return (a, t) => (r(), n("bs-tab-panel", i(a.$attrs, {
+      "active-tab-id": e.activeTabId,
+      "tab-id": e.tabId
+    }), [
+      o(a.$slots, "default")
+    ], 16, p));
+  }
+}, _ = ["disabled", "error", "pass-attrs", "placeholder", "required", "value", "hint-id"], Re = {
   __name: "BsTextarea",
   props: {
     disabled: { default: !1 },
@@ -762,8 +861,8 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    return (a, t) => (n(), i("bs-textarea", r(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (r(), n("bs-textarea", i(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
       "pass-attrs": e.passAttrs,
@@ -771,10 +870,10 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
       required: e.required,
       value: e.value || e.modelValue,
       "hint-id": e.hintId,
-      onInput: t[0] || (t[0] = (s) => l("update:modelValue", s.target.value))
-    }), null, 16, Q));
+      onInput: t[0] || (t[0] = (l) => s("update:modelValue", l.target.value))
+    }), null, 16, _));
   }
-}, U = ["char-max", "disabled", "error", "hints", "label", "placeholder", "required", "value", "pass-attrs"], Oe = {
+}, ee = ["char-max", "disabled", "error", "hints", "label", "placeholder", "required", "value", "pass-attrs"], He = {
   __name: "BsTextareaField",
   props: {
     charMax: {},
@@ -789,8 +888,8 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    return (a, t) => (n(), i("bs-textarea-field", r(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (r(), n("bs-textarea-field", i(a.$attrs, {
       "char-max": e.charMax,
       disabled: e.disabled,
       error: e.error,
@@ -800,72 +899,78 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
       required: e.required,
       value: e.value || e.modelValue,
       "pass-attrs": e.passAttrs,
-      onInput: t[0] || (t[0] = (s) => l("update:modelValue", s.target.value))
-    }), null, 16, U));
+      onInput: t[0] || (t[0] = (l) => s("update:modelValue", l.target.value))
+    }), null, 16, ee));
   }
-}, p = ["toast-id", "shown", "variant", "stacked", "duration"], je = {
+}, te = ["toast-id", "variant", "stacked", "duration", "enter-controlled", "enter-trigger", "leave-trigger"], Ne = {
   __name: "BsToast",
   props: {
     toastId: {},
-    shown: {},
     variant: {},
     stacked: { default: !1 },
-    duration: { default: 1e4 }
+    duration: { default: 1e4 },
+    enterControlled: { default: !1 },
+    enterTrigger: { default: !1 },
+    leaveTrigger: { default: !1 }
   },
-  emits: ["dismiss"],
-  setup(e, { emit: l }) {
-    return (a, t) => (n(), i("bs-toast", r(a.$attrs, {
+  emits: ["dismiss", "enterend", "leaveend"],
+  setup(e, { emit: s }) {
+    return (a, t) => (r(), n("bs-toast", i(a.$attrs, {
       "toast-id": e.toastId,
-      shown: e.shown,
       variant: e.variant,
       stacked: e.stacked,
       duration: e.duration,
-      onDismiss: t[0] || (t[0] = (s) => l("dismiss", s.detail))
+      "enter-controlled": e.enterControlled,
+      "enter-trigger": e.enterTrigger,
+      "leave-trigger": e.leaveTrigger,
+      onDismiss: t[0] || (t[0] = (l) => s("dismiss", l.detail)),
+      onEnterend: t[1] || (t[1] = (l) => s("enterend", l.detail)),
+      onLeaveend: t[2] || (t[2] = (l) => s("leaveend", l.detail))
     }), [
       o(a.$slots, "default")
-    ], 16, p));
+    ], 16, te));
   }
-}, Me = {
+}, We = {
   __name: "BsToastActions",
   props: {},
   emits: ["defaultDismiss"],
-  setup(e, { emit: l }) {
-    return (a, t) => (n(), i("bs-toast-actions", r(a.$attrs, {
-      "on:defaultDismiss": t[0] || (t[0] = (s) => l("defaultDismiss", s.detail))
+  setup(e, { emit: s }) {
+    return (a, t) => (r(), n("bs-toast-actions", i(a.$attrs, {
+      "on:defaultDismiss": t[0] || (t[0] = (l) => s("defaultDismiss", l.detail))
     }), [
       o(a.$slots, "default")
     ], 16));
   }
-}, Re = {
+}, Xe = {
   __name: "BsToastBody",
   props: {},
   emits: [],
-  setup(e, { emit: l }) {
-    return (a, t) => (n(), i("bs-toast-body", v(g(a.$attrs)), [
+  setup(e, { emit: s }) {
+    return (a, t) => (r(), n("bs-toast-body", v($(a.$attrs)), [
       o(a.$slots, "default")
     ], 16));
   }
-}, _ = ["variant"], Ee = {
+}, ae = ["variant"], Ye = {
   __name: "BsToastHeader",
   props: {
     variant: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    return (a, t) => (n(), i("bs-toast-header", r(a.$attrs, { variant: e.variant }), [
+  setup(e, { emit: s }) {
+    return (a, t) => (r(), n("bs-toast-header", i(a.$attrs, { variant: e.variant }), [
       o(a.$slots, "default")
-    ], 16, _));
+    ], 16, ae));
   }
-}, Ge = {
+}, Ze = {
   __name: "BsToaster",
   props: {},
   emits: [],
-  setup(e, { emit: l }) {
-    return (a, t) => (n(), i("bs-toaster", v(g(a.$attrs)), [
+  setup(e, { emit: s }) {
+    return (a, t) => (r(), n("bs-toaster", v($(a.$attrs)), [
       o(a.$slots, "default")
     ], 16));
   }
-}, ee = ["tooltip-id", "content", "position"], Ne = {
+}, le = ["tooltip-id", "content", "position"], Je = {
   __name: "BsTooltip",
   props: {
     tooltipId: {},
@@ -873,85 +978,90 @@ const w = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     position: {}
   },
   emits: [],
-  setup(e, { emit: l }) {
-    return (a, t) => (n(), i("bs-tooltip", r(a.$attrs, {
+  setup(e, { emit: s }) {
+    return (a, t) => (r(), n("bs-tooltip", i(a.$attrs, {
       "tooltip-id": e.tooltipId,
       content: e.content,
       position: e.position
     }), [
       o(a.$slots, "default")
-    ], 16, ee));
+    ], 16, le));
   }
-}, te = ["active", "enter-class", "enter-attribute", "enter-duration", "leave-class", "leave-attribute", "leave-duration"], He = {
+}, se = ["enter-class", "enter-attribute", "enter-duration", "leave-class", "leave-attribute", "leave-duration", "enter-controlled", "enter-trigger", "leave-trigger"], Ke = {
   __name: "BsTransition",
   props: {
-    active: {},
     enterClass: { default: void 0 },
     enterAttribute: { default: void 0 },
     enterDuration: {},
     leaveClass: { default: void 0 },
     leaveAttribute: { default: void 0 },
-    leaveDuration: { default: void 0 }
+    leaveDuration: { default: void 0 },
+    enterControlled: { default: !1 },
+    enterTrigger: { default: !1 },
+    leaveTrigger: { default: !1 }
   },
-  emits: ["enterstart", "enterend", "leavestart", "leaveend"],
-  setup(e, { emit: l }) {
-    return (a, t) => (n(), i("bs-transition", r(a.$attrs, {
-      active: e.active,
+  emits: ["enterend", "leaveend"],
+  setup(e, { emit: s }) {
+    return (a, t) => (r(), n("bs-transition", i(a.$attrs, {
       "enter-class": e.enterClass,
       "enter-attribute": e.enterAttribute,
       "enter-duration": e.enterDuration,
       "leave-class": e.leaveClass,
       "leave-attribute": e.leaveAttribute,
       "leave-duration": e.leaveDuration,
-      onEnterstart: t[0] || (t[0] = (s) => l("enterstart", s.detail)),
-      onEnterend: t[1] || (t[1] = (s) => l("enterend", s.detail)),
-      onLeavestart: t[2] || (t[2] = (s) => l("leavestart", s.detail)),
-      onLeaveend: t[3] || (t[3] = (s) => l("leaveend", s.detail))
+      "enter-controlled": e.enterControlled,
+      "enter-trigger": e.enterTrigger,
+      "leave-trigger": e.leaveTrigger,
+      onEnterend: t[0] || (t[0] = (l) => s("enterend", l.detail)),
+      onLeaveend: t[1] || (t[1] = (l) => s("leaveend", l.detail))
     }), [
       o(a.$slots, "default")
-    ], 16, te));
+    ], 16, se));
   }
 };
 export {
-  se as BsAccordion,
-  le as BsBadge,
-  ne as BsBanner,
-  ie as BsButton,
-  re as BsCharacterCount,
-  de as BsChartBar,
-  oe as BsChartTable,
-  ue as BsCheckbox,
-  ce as BsCircleButton,
-  fe as BsDropdown,
-  me as BsDropdownOption,
-  he as BsDropdownOptions,
-  be as BsFieldLayout,
-  $e as BsHint,
-  ve as BsInput,
-  ge as BsInputAddon,
-  Be as BsInputField,
-  xe as BsInputSearch,
-  we as BsLabel,
-  ke as BsLoader,
-  Ie as BsModal,
-  ye as BsOverlay,
-  Ce as BsPagination,
-  Te as BsPill,
-  qe as BsProfile,
-  Ae as BsProfileDetails,
-  Le as BsProfileImg,
-  Ve as BsProfileLayout,
-  ze as BsRadio,
-  Pe as BsSelect,
-  De as BsSelectField,
-  Se as BsSwitch,
-  Fe as BsTextarea,
-  Oe as BsTextareaField,
-  je as BsToast,
-  Me as BsToastActions,
-  Re as BsToastBody,
-  Ee as BsToastHeader,
-  Ge as BsToaster,
-  Ne as BsTooltip,
-  He as BsTransition
+  ne as BsAccordion,
+  ie as BsBadge,
+  de as BsBanner,
+  oe as BsButton,
+  ue as BsCharacterCount,
+  ce as BsChartBar,
+  fe as BsChartTable,
+  me as BsCheckbox,
+  he as BsCircleButton,
+  be as BsDropdown,
+  ge as BsDropdownOption,
+  ve as BsDropdownWithOptions,
+  $e as BsFieldLayout,
+  Be as BsHint,
+  Te as BsInput,
+  xe as BsInputAddon,
+  Ie as BsInputField,
+  Ce as BsInputSearch,
+  ke as BsLabel,
+  ye as BsLoader,
+  we as BsModal,
+  Le as BsOverlay,
+  Ve as BsPagination,
+  qe as BsPill,
+  Ae as BsProfile,
+  ze as BsProfileDetails,
+  Pe as BsProfileImg,
+  De as BsProfileLayout,
+  Se as BsRadio,
+  Fe as BsSelect,
+  Oe as BsSelectField,
+  je as BsSwitch,
+  Ee as BsTab,
+  Me as BsTabList,
+  Ge as BsTabPanel,
+  Re as BsTextarea,
+  He as BsTextareaField,
+  Ne as BsToast,
+  We as BsToastActions,
+  Xe as BsToastBody,
+  Ye as BsToastHeader,
+  Ze as BsToaster,
+  Je as BsTooltip,
+  Ke as BsTransition
 };