@wwtdev/bsds-components-vue3 1.13.0 → 1.14.0

package/nuxt/bsds-components.mjs

@@ -1,7 +1,7 @@
-import { openBlock as n, createElementBlock as u, mergeProps as i, renderSlot as o, computed as E, unref as f, createBlock as $, withCtx as g, createElementVNode as k, createVNode as p, normalizeProps as W, guardReactiveProps as O, ref as h, reactive as w, onBeforeMount as S, onMounted as I, watch as C, nextTick as L, onBeforeUnmount as V, Fragment as q, Teleport as x, createCommentVNode as A, createSlots as z } from "vue";
+import { openBlock as r, createElementBlock as u, mergeProps as d, renderSlot as o, computed as R, unref as f, createBlock as $, withCtx as g, createElementVNode as k, createVNode as I, normalizeProps as E, guardReactiveProps as W, ref as h, reactive as w, onBeforeMount as p, onMounted as S, watch as C, nextTick as x, onBeforeUnmount as L, Fragment as V, Teleport as q, createCommentVNode as A, createSlots as z } from "vue";
 import { ClientOnly as T } from "#components";
 import { useAsyncData as D } from "#imports";
-const F = ["color", "count", "count-max", "dot", "label", "position", "show-zero"], Ge = {
+const O = ["color", "count", "count-max", "dot", "label", "position", "show-zero"], He = {
   __name: "BsBadge",
   props: {
     color: {},
@@ -14,7 +14,7 @@ const F = ["color", "count", "count-max", "dot", "label", "position", "show-zero
   },
   emits: [],
   setup(e, { emit: s }) {
-    return (a, t) => (n(), u("bs-badge", i(a.$attrs, {
+    return (a, t) => (r(), u("bs-badge", d(a.$attrs, {
       color: e.color,
       count: e.count,
       "count-max": e.countMax,
@@ -24,9 +24,9 @@ const F = ["color", "count", "count-max", "dot", "label", "position", "show-zero
       "show-zero": e.showZero
     }), [
       o(a.$slots, "default")
-    ], 16, F));
+    ], 16, O));
   }
-}, M = ["char-count", "char-max"], He = {
+}, F = ["char-count", "char-max"], Xe = {
   __name: "BsCharacterCount",
   props: {
     charCount: {},
@@ -34,12 +34,12 @@ const F = ["color", "count", "count-max", "dot", "label", "position", "show-zero
   },
   emits: [],
   setup(e, { emit: s }) {
-    return (a, t) => (n(), u("bs-character-count", i(a.$attrs, {
+    return (a, t) => (r(), u("bs-character-count", d(a.$attrs, {
       "char-count": e.charCount,
       "char-max": e.charMax
-    }), null, 16, M));
+    }), null, 16, F));
   }
-}, j = ["chart-title", "data", "dataIdxLabels", "show-legend", "show-tooltips", "show-x-grid", "show-y-grid", "stacked", "x-label", "y-label"], Xe = {
+}, j = ["chart-title", "data", "dataIdxLabels", "show-legend", "show-tooltips", "show-x-grid", "show-y-grid", "stacked", "x-label", "y-label"], Ye = {
   __name: "BsChartBar",
   props: {
     chartTitle: {},
@@ -55,7 +55,7 @@ const F = ["color", "count", "count-max", "dot", "label", "position", "show-zero
   },
   emits: [],
   setup(e, { emit: s }) {
-    return (a, t) => (n(), u("bs-chart-bar", i(a.$attrs, {
+    return (a, t) => (r(), u("bs-chart-bar", d(a.$attrs, {
       "chart-title": e.chartTitle,
       data: e.data,
       dataIdxLabels: e.dataIdxLabels,
@@ -68,7 +68,7 @@ const F = ["color", "count", "count-max", "dot", "label", "position", "show-zero
       "y-label": e.yLabel
     }), null, 16, j));
   }
-}, N = ["data", "dataIdxLabels", "table-title"], Ye = {
+}, N = ["data", "dataIdxLabels", "table-title"], Ze = {
   __name: "BsChartTable",
   props: {
     data: {},
@@ -77,13 +77,13 @@ const F = ["color", "count", "count-max", "dot", "label", "position", "show-zero
   },
   emits: [],
   setup(e, { emit: s }) {
-    return (a, t) => (n(), u("bs-chart-table", i(a.$attrs, {
+    return (a, t) => (r(), u("bs-chart-table", d(a.$attrs, {
       data: e.data,
       dataIdxLabels: e.dataIdxLabels,
       "table-title": e.tableTitle
     }), null, 16, N));
   }
-}, G = ["label", "checked", "checked-partially", "disabled", "error", "pass-attrs", "required", "size"], Ze = {
+}, G = ["label", "checked", "checked-partially", "disabled", "error", "input-id", "pass-attrs", "required", "size"], Je = {
   __name: "BsCheckbox",
   props: {
     label: {},
@@ -91,6 +91,7 @@ const F = ["color", "count", "count-max", "dot", "label", "position", "show-zero
     checkedPartially: { default: !1 },
     disabled: { default: !1 },
     error: {},
+    inputId: {},
     passAttrs: { default: "" },
     required: {},
     size: {},
@@ -98,12 +99,13 @@ const F = ["color", "count", "count-max", "dot", "label", "position", "show-zero
   },
   emits: ["update:modelValue"],
   setup(e, { emit: s }) {
-    return (a, t) => (n(), u("bs-checkbox", i(a.$attrs, {
+    return (a, t) => (r(), u("bs-checkbox", d(a.$attrs, {
       label: e.label,
       checked: e.checked || e.modelValue,
       "checked-partially": e.checkedPartially,
       disabled: e.disabled,
       error: e.error,
+      "input-id": e.inputId,
       "pass-attrs": e.passAttrs,
       required: e.required,
       size: e.size,
@@ -111,21 +113,21 @@ const F = ["color", "count", "count-max", "dot", "label", "position", "show-zero
     }), null, 16, G));
   }
 };
-function R(e) {
-  const s = E(() => {
-    var l, d;
-    return ((d = (l = e.href) == null ? void 0 : l.startsWith) == null ? void 0 : d.call(l, "/")) || !1;
-  }), a = E(() => {
-    var l, d;
-    return s.value && ((l = e.router) == null ? void 0 : l.navigateTo) || ((d = e.router) == null ? void 0 : d.push) || null;
+function M(e) {
+  const s = R(() => {
+    var l, i;
+    return ((i = (l = e.href) == null ? void 0 : l.startsWith) == null ? void 0 : i.call(l, "/")) || !1;
+  }), a = R(() => {
+    var l, i;
+    return s.value && ((l = e.router) == null ? void 0 : l.navigateTo) || ((i = e.router) == null ? void 0 : i.push) || null;
   });
   function t(l) {
-    var d, c, b, y, r;
-    a.value && ((c = (d = l.target.href) == null ? void 0 : d.endsWith) != null && c.call(d, e.href) || (r = (y = (b = l.target.closest("a")) == null ? void 0 : b.href) == null ? void 0 : y.endsWith) != null && r.call(y, e.href)) && (l.preventDefault(), a.value(e.href));
+    var i, c, b, y, n;
+    a.value && ((c = (i = l.target.href) == null ? void 0 : i.endsWith) != null && c.call(i, e.href) || (n = (y = (b = l.target.closest("a")) == null ? void 0 : b.href) == null ? void 0 : y.endsWith) != null && n.call(y, e.href)) && (l.preventDefault(), a.value(e.href));
   }
   return { onLinkClick: t };
 }
-const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-position", "label", "pass-attrs", "text-btn", "size"], Je = {
+const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-position", "label", "pass-attrs", "text-btn", "size"], Ke = {
   __name: "BsCircleButton",
   props: {
     disabled: {},
@@ -142,8 +144,8 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: [],
   setup(e, { emit: s }) {
-    const a = e, { onLinkClick: t } = R(a);
-    return (l, d) => (n(), u("bs-circle-button", i(l.$attrs, {
+    const a = e, { onLinkClick: t } = M(a);
+    return (l, i) => (r(), u("bs-circle-button", d(l.$attrs, {
       disabled: e.disabled,
       "ghost-btn": e.ghostBtn,
       "hover-effect": e.hoverEffect,
@@ -154,10 +156,10 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       "pass-attrs": e.passAttrs,
       "text-btn": e.textBtn,
       size: e.size,
-      onClick: d[0] || (d[0] = (...c) => f(t) && f(t)(...c))
+      onClick: i[0] || (i[0] = (...c) => f(t) && f(t)(...c))
     }), null, 16, H));
   }
-}, X = ["width", "top", "center", "toggle-id", "container-id", "helper-text", "helper-description", "enter-controlled", "enter-trigger", "leave-trigger"], Ke = {
+}, X = ["width", "top", "center", "toggle-id", "container-id", "helper-text", "helper-description", "enter-controlled", "enter-trigger", "leave-trigger"], Qe = {
   __name: "BsDropdown",
   props: {
     width: { default: void 0 },
@@ -173,9 +175,9 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["close", "enterend", "leaveend"],
   setup(e, { emit: s }) {
-    return (a, t) => (n(), $(f(T), null, {
+    return (a, t) => (r(), $(f(T), null, {
       default: g(() => [
-        k("bs-dropdown", i(a.$attrs, {
+        k("bs-dropdown", d(a.$attrs, {
           width: e.width,
           top: e.top,
           center: e.center,
@@ -208,7 +210,7 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["optmouseenter", "optselect"],
   setup(e, { emit: s }) {
-    return (a, t) => (n(), u("bs-dropdown-option", i(a.$attrs, {
+    return (a, t) => (r(), u("bs-dropdown-option", d(a.$attrs, {
       value: e.value,
       variant: e.variant,
       "options-id": e.optionsId,
@@ -221,7 +223,7 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       o(a.$slots, "default")
     ], 16, Y));
   }
-}, Z = ["options-id", "visible", "focus-delay", "label", "selected-value"], Qe = {
+}, Z = ["options-id", "visible", "focus-delay", "label", "selected-value"], _e = {
   __name: "BsDropdownOptionList",
   props: {
     optionsId: {},
@@ -232,7 +234,7 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["optselected", "close"],
   setup(e, { emit: s }) {
-    return (a, t) => (n(), u("bs-dropdown-option-list", i(a.$attrs, {
+    return (a, t) => (r(), u("bs-dropdown-option-list", d(a.$attrs, {
       "options-id": e.optionsId,
       visible: e.visible,
       "focus-delay": e.focusDelay,
@@ -244,7 +246,7 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       o(a.$slots, "default")
     ], 16, Z));
   }
-}, J = ["toggle-id", "container-id", "options-id", "width", "top", "center", "label", "selected-value", "enter-controlled", "enter-trigger", "leave-trigger", "helper-text", "helper-description"], _e = {
+}, J = ["toggle-id", "container-id", "options-id", "width", "top", "center", "label", "selected-value", "enter-controlled", "enter-trigger", "leave-trigger", "helper-text", "helper-description"], et = {
   __name: "BsDropdownWithOptions",
   props: {
     toggleId: {},
@@ -263,7 +265,7 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["optselected", "close", "enterend", "leaveend"],
   setup(e, { emit: s }) {
-    return (a, t) => (n(), u("bs-dropdown-with-options", i(a.$attrs, {
+    return (a, t) => (r(), u("bs-dropdown-with-options", d(a.$attrs, {
       "toggle-id": e.toggleId,
       "container-id": e.containerId,
       "options-id": e.optionsId,
@@ -285,7 +287,28 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       o(a.$slots, "default")
     ], 16, J));
   }
-}, K = ["char-count", "char-max", "disabled", "error", "hints", "label", "label-for", "required", "hint-id"], et = {
+}, K = ["char-count", "char-max", "error", "error-msg", "hint", "hint-id"], tt = {
+  __name: "BsFieldDetails",
+  props: {
+    charCount: {},
+    charMax: {},
+    error: {},
+    errorMsg: {},
+    hint: {},
+    hintId: {}
+  },
+  emits: [],
+  setup(e, { emit: s }) {
+    return (a, t) => (r(), u("bs-field-details", d(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, K));
+  }
+}, Q = ["char-count", "char-max", "disabled", "error", "hints", "label", "label-for", "required", "hint-id"], at = {
   __name: "BsFieldLayout",
   props: {
     charCount: {},
@@ -300,7 +323,7 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: [],
   setup(e, { emit: s }) {
-    return (a, t) => (n(), u("bs-field-layout", i(a.$attrs, {
+    return (a, t) => (r(), u("bs-field-layout", d(a.$attrs, {
       "char-count": e.charCount,
       "char-max": e.charMax,
       disabled: e.disabled,
@@ -312,9 +335,9 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       "hint-id": e.hintId
     }), [
       o(a.$slots, "default")
-    ], 16, K));
+    ], 16, Q));
   }
-}, U = ["error", "hint-id", "hints"], tt = {
+}, U = ["error", "hint-id", "hints"], lt = {
   __name: "BsHint",
   props: {
     error: {},
@@ -323,17 +346,18 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: [],
   setup(e, { emit: s }) {
-    return (a, t) => (n(), u("bs-hint", i(a.$attrs, {
+    return (a, t) => (r(), u("bs-hint", d(a.$attrs, {
       error: e.error,
       "hint-id": e.hintId,
       hints: e.hints
     }), null, 16, U));
   }
-}, Q = ["disabled", "error", "pass-attrs", "placeholder", "required", "type", "value", "hint-id"], at = {
+}, _ = ["disabled", "error", "input-id", "pass-attrs", "placeholder", "required", "type", "value", "hint-id"], st = {
   __name: "BsInput",
   props: {
     disabled: { default: !1 },
     error: {},
+    inputId: {},
     passAttrs: { default: "" },
     placeholder: {},
     required: {},
@@ -344,9 +368,10 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["update:modelValue"],
   setup(e, { emit: s }) {
-    return (a, t) => (n(), u("bs-input", i(a.$attrs, {
+    return (a, t) => (r(), u("bs-input", d(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
+      "input-id": e.inputId,
       "pass-attrs": e.passAttrs,
       placeholder: e.placeholder,
       required: e.required,
@@ -354,9 +379,9 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       value: e.value || e.modelValue,
       "hint-id": e.hintId,
       onInput: t[0] || (t[0] = (l) => s("update:modelValue", l.target.value))
-    }), null, 16, Q));
+    }), null, 16, _));
   }
-}, _ = ["disabled", "error", "multifocus", "variant"], lt = {
+}, ee = ["disabled", "error", "multifocus", "variant"], nt = {
   __name: "BsInputAddon",
   props: {
     disabled: { default: !1 },
@@ -366,21 +391,24 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: [],
   setup(e, { emit: s }) {
-    return (a, t) => (n(), u("bs-input-addon", i(a.$attrs, {
+    return (a, t) => (r(), u("bs-input-addon", d(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
       multifocus: e.multifocus,
       variant: e.variant
     }), [
       o(a.$slots, "default")
-    ], 16, _));
+    ], 16, ee));
   }
-}, ee = ["disabled", "error", "hints", "label", "pass-attrs", "placeholder", "required", "type", "value"], st = {
+}, te = ["disabled", "error", "error-msg", "hint", "hints", "input-id", "label", "pass-attrs", "placeholder", "required", "type", "value"], rt = {
   __name: "BsInputField",
   props: {
     disabled: { default: !1 },
     error: {},
+    errorMsg: {},
+    hint: {},
     hints: {},
+    inputId: {},
     label: {},
     passAttrs: { default: "" },
     placeholder: {},
@@ -391,10 +419,13 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["update:modelValue"],
   setup(e, { emit: s }) {
-    return (a, t) => (n(), u("bs-input-field", i(a.$attrs, {
+    return (a, t) => (r(), u("bs-input-field", d(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
+      "error-msg": e.errorMsg,
+      hint: e.hint,
       hints: e.hints,
+      "input-id": e.inputId,
       label: e.label,
       "pass-attrs": e.passAttrs,
       placeholder: e.placeholder,
@@ -402,31 +433,33 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       type: e.type,
       value: e.value || e.modelValue,
       onInput: t[0] || (t[0] = (l) => s("update:modelValue", l.target.value))
-    }), null, 16, ee));
+    }), null, 16, te));
   }
-}, te = ["disabled", "pass-attrs", "placeholder", "hint-id", "value"], rt = {
+}, ae = ["disabled", "pass-attrs", "placeholder", "hint-id", "input-id", "value"], it = {
   __name: "BsInputSearch",
   props: {
     disabled: { default: !1 },
     passAttrs: { default: "" },
     placeholder: { default: "Search Items" },
     hintId: {},
+    inputId: {},
     value: { default: "" },
     modelValue: {}
   },
   emits: ["clear", "update:modelValue"],
   setup(e, { emit: s }) {
-    return (a, t) => (n(), u("bs-input-search", i(a.$attrs, {
+    return (a, t) => (r(), u("bs-input-search", d(a.$attrs, {
       disabled: e.disabled,
       "pass-attrs": e.passAttrs,
       placeholder: e.placeholder,
       "hint-id": e.hintId,
+      "input-id": e.inputId,
       value: e.value || e.modelValue,
       onClear: t[0] || (t[0] = (l) => s("clear", l.detail)),
       onInput: t[1] || (t[1] = (l) => s("update:modelValue", l.target.value))
-    }), null, 16, te));
+    }), null, 16, ae));
   }
-}, ae = ["size", "variant"], nt = {
+}, le = ["size", "variant"], dt = {
   __name: "BsLoader",
   props: {
     size: {},
@@ -434,12 +467,12 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: [],
   setup(e, { emit: s }) {
-    return (a, t) => (n(), u("bs-loader", i(a.$attrs, {
+    return (a, t) => (r(), u("bs-loader", d(a.$attrs, {
       size: e.size,
       variant: e.variant
-    }), null, 16, ae));
+    }), null, 16, le));
   }
-}, le = ["alert", "close-button", "enter-controlled", "enter-trigger", "leave-trigger"], dt = {
+}, se = ["alert", "close-button", "enter-controlled", "enter-trigger", "leave-trigger"], ut = {
   __name: "BsModal",
   props: {
     alert: { default: !1 },
@@ -450,9 +483,9 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["close", "enterend", "leaveend"],
   setup(e, { emit: s }) {
-    return (a, t) => (n(), $(f(T), null, {
+    return (a, t) => (r(), $(f(T), null, {
       default: g(() => [
-        k("bs-modal", i(a.$attrs, {
+        k("bs-modal", d(a.$attrs, {
           alert: e.alert,
           "close-button": e.closeButton,
           "enter-controlled": e.enterControlled,
@@ -463,12 +496,12 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
           onLeaveend: t[2] || (t[2] = (l) => s("leaveend", l.detail))
         }), [
           o(a.$slots, "default")
-        ], 16, le)
+        ], 16, se)
       ]),
       _: 3
     }));
   }
-}, se = ["enter-controlled", "enter-trigger", "leave-trigger"], it = {
+}, ne = ["enter-controlled", "enter-trigger", "leave-trigger"], ot = {
   __name: "BsOverlay",
   props: {
     enterControlled: { default: !1 },
@@ -477,20 +510,20 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["enterend", "leaveend"],
   setup(e, { emit: s }) {
-    return (a, t) => (n(), $(f(T), null, {
+    return (a, t) => (r(), $(f(T), null, {
       default: g(() => [
-        k("bs-overlay", i(a.$attrs, {
+        k("bs-overlay", d(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, se)
+        }), null, 16, ne)
       ]),
       _: 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"], ut = {
+}, 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"], ct = {
   __name: "BsPagination",
   props: {
     showFirstLastButtons: { default: !1 },
@@ -512,7 +545,7 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["selchange"],
   setup(e, { emit: s }) {
-    return (a, t) => (n(), u("bs-pagination", i(a.$attrs, {
+    return (a, t) => (r(), u("bs-pagination", d(a.$attrs, {
       "show-first-last-buttons": e.showFirstLastButtons,
       "prev-page-text": e.prevPageText,
       "first-page-text": e.firstPageText,
@@ -532,7 +565,7 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       onSelchange: t[0] || (t[0] = (l) => s("selchange", l.detail))
     }), null, 16, re));
   }
-}, ne = ["layout", "href", "image-src", "image-size", "initials", "profile-name", "company", "job-title", "email"], ot = {
+}, ie = ["layout", "href", "image-src", "image-size", "initials", "profile-name", "company", "job-title", "email", "action", "action-icon", "misc-meta", "misc-meta-icon"], ft = {
   __name: "BsProfile",
   props: {
     layout: {},
@@ -544,12 +577,16 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     company: {},
     jobTitle: {},
     email: {},
+    action: {},
+    actionIcon: {},
+    miscMeta: {},
+    miscMetaIcon: {},
     router: {}
   },
-  emits: [],
+  emits: ["action-toggled"],
   setup(e, { emit: s }) {
-    const a = e, { onLinkClick: t } = R(a);
-    return (l, d) => (n(), u("bs-profile", i(l.$attrs, {
+    const a = e, { onLinkClick: t } = M(a);
+    return (l, i) => (r(), u("bs-profile", d(l.$attrs, {
       layout: e.layout,
       href: e.href,
       "image-src": e.imageSrc,
@@ -559,27 +596,41 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       company: e.company,
       "job-title": e.jobTitle,
       email: e.email,
-      onClick: d[0] || (d[0] = (...c) => f(t) && f(t)(...c))
-    }), null, 16, ne));
+      action: e.action,
+      "action-icon": e.actionIcon,
+      "misc-meta": e.miscMeta,
+      "misc-meta-icon": e.miscMetaIcon,
+      onActionToggled: i[0] || (i[0] = (c) => s("action-toggled", c.detail)),
+      onClick: i[1] || (i[1] = (...c) => f(t) && f(t)(...c))
+    }), null, 16, ie));
   }
-}, de = ["profile-name", "company", "job-title", "email"], ct = {
+}, de = ["profile-name", "company", "job-title", "email", "action", "action-icon", "misc-meta", "misc-meta-icon"], mt = {
   __name: "BsProfileDetails",
   props: {
     profileName: {},
     company: {},
     jobTitle: {},
-    email: {}
+    email: {},
+    action: {},
+    actionIcon: {},
+    miscMeta: {},
+    miscMetaIcon: {}
   },
-  emits: [],
+  emits: ["action-toggled"],
   setup(e, { emit: s }) {
-    return (a, t) => (n(), u("bs-profile-details", i(a.$attrs, {
+    return (a, t) => (r(), u("bs-profile-details", d(a.$attrs, {
       "profile-name": e.profileName,
       company: e.company,
       "job-title": e.jobTitle,
-      email: e.email
+      email: e.email,
+      action: e.action,
+      "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, de));
   }
-}, ie = ["src", "size", "initials", "profile-name"], ft = {
+}, ue = ["src", "size", "initials", "profile-name"], ht = {
   __name: "BsProfileImg",
   props: {
     src: {},
@@ -589,14 +640,14 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: [],
   setup(e, { emit: s }) {
-    return (a, t) => (n(), u("bs-profile-img", i(a.$attrs, {
+    return (a, t) => (r(), u("bs-profile-img", d(a.$attrs, {
       src: e.src,
       size: e.size,
       initials: e.initials,
       "profile-name": e.profileName
-    }), null, 16, ie));
+    }), null, 16, ue));
   }
-}, ue = ["layout", "href", "pass-attrs"], mt = {
+}, oe = ["layout", "href", "pass-attrs"], bt = {
   __name: "BsProfileLayout",
   props: {
     layout: { default: "vertical" },
@@ -606,23 +657,24 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: [],
   setup(e, { emit: s }) {
-    const a = e, { onLinkClick: t } = R(a);
-    return (l, d) => (n(), u("bs-profile-layout", i(l.$attrs, {
+    const a = e, { onLinkClick: t } = M(a);
+    return (l, i) => (r(), u("bs-profile-layout", d(l.$attrs, {
       layout: e.layout,
       href: e.href,
       "pass-attrs": e.passAttrs,
-      onClick: d[0] || (d[0] = (...c) => f(t) && f(t)(...c))
+      onClick: i[0] || (i[0] = (...c) => f(t) && f(t)(...c))
     }), [
       o(l.$slots, "default")
-    ], 16, ue));
+    ], 16, oe));
   }
-}, oe = ["label", "checked", "disabled", "error", "pass-attrs", "required", "size", "value"], ht = {
+}, ce = ["label", "checked", "disabled", "error", "input-id", "pass-attrs", "required", "size", "value"], vt = {
   __name: "BsRadio",
   props: {
     label: {},
     checked: { default: !1 },
     disabled: { default: !1 },
     error: {},
+    inputId: {},
     passAttrs: { default: "" },
     required: {},
     size: {},
@@ -631,27 +683,31 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["update:modelValue"],
   setup(e, { emit: s }) {
-    return (a, t) => (n(), u("bs-radio", i(a.$attrs, {
+    return (a, t) => (r(), u("bs-radio", d(a.$attrs, {
       label: e.label,
       checked: e.checked || e.modelValue === e.value,
       disabled: e.disabled,
       error: e.error,
+      "input-id": e.inputId,
       "pass-attrs": e.passAttrs,
       required: e.required,
       size: e.size,
       value: e.value,
       onChange: t[0] || (t[0] = (l) => s("update:modelValue", l.target.value))
-    }), null, 16, oe));
+    }), null, 16, ce));
   }
-}, ce = ["disabled", "error", "required", "label", "hints", "placeholder", "value", "pass-attrs", "data"], bt = {
+}, fe = ["disabled", "error", "error-msg", "input-id", "label", "hint", "hints", "placeholder", "required", "value", "pass-attrs", "data"], gt = {
   __name: "BsSelectField",
   props: {
     disabled: { default: !1 },
     error: {},
-    required: {},
+    errorMsg: {},
+    inputId: {},
     label: {},
+    hint: {},
     hints: {},
     placeholder: { default: "" },
+    required: {},
     value: {},
     passAttrs: { default: "" },
     data: { default: [] },
@@ -659,25 +715,29 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["update:modelValue"],
   setup(e, { emit: s }) {
-    return (a, t) => (n(), u("bs-select-field", i(a.$attrs, {
+    return (a, t) => (r(), u("bs-select-field", d(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
-      required: e.required,
+      "error-msg": e.errorMsg,
+      "input-id": e.inputId,
       label: e.label,
+      hint: e.hint,
       hints: e.hints,
       placeholder: e.placeholder,
+      required: e.required,
       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, ce));
+    }), null, 16, fe));
   }
-}, fe = ["checked", "disabled", "hide-label", "inner-on-label", "inner-off-label", "label", "pass-attrs", "size"], vt = {
+}, me = ["checked", "disabled", "hide-label", "input-id", "inner-on-label", "inner-off-label", "label", "pass-attrs", "size"], $t = {
   __name: "BsSwitch",
   props: {
     checked: { default: !1 },
     disabled: { default: !1 },
     hideLabel: { default: !1 },
+    inputId: {},
     innerOnLabel: {},
     innerOffLabel: {},
     label: {},
@@ -687,19 +747,20 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["update:modelValue"],
   setup(e, { emit: s }) {
-    return (a, t) => (n(), u("bs-switch", i(a.$attrs, {
+    return (a, t) => (r(), u("bs-switch", d(a.$attrs, {
       checked: e.checked || e.modelValue,
       disabled: e.disabled,
       "hide-label": e.hideLabel,
+      "input-id": e.inputId,
       "inner-on-label": e.innerOnLabel,
       "inner-off-label": e.innerOffLabel,
       label: e.label,
       "pass-attrs": e.passAttrs,
       size: e.size,
       onChange: t[0] || (t[0] = (l) => s("update:modelValue", l.target.checked))
-    }), null, 16, fe));
+    }), null, 16, me));
   }
-}, me = ["active-tab-id", "hidden", "panel-id"], gt = {
+}, he = ["active-tab-id", "hidden", "panel-id"], yt = {
   __name: "BsTab",
   props: {
     activeTabId: {},
@@ -708,15 +769,15 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: [],
   setup(e, { emit: s }) {
-    return (a, t) => (n(), u("bs-tab", i(a.$attrs, {
+    return (a, t) => (r(), u("bs-tab", d(a.$attrs, {
       "active-tab-id": e.activeTabId,
       hidden: e.hidden,
       "panel-id": e.panelId
     }), [
       o(a.$slots, "default")
-    ], 16, me));
+    ], 16, he));
   }
-}, he = ["active-tab-id", "helper-text", "helper-description"], $t = {
+}, be = ["active-tab-id", "helper-text", "helper-description"], Bt = {
   __name: "BsTabList",
   props: {
     activeTabId: {},
@@ -729,21 +790,21 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     const a = (t) => {
       s("tabChange", t.detail), s("update:modelValue", t.detail);
     };
-    return (t, l) => (n(), u("bs-tab-list", i(t.$attrs, {
+    return (t, l) => (r(), u("bs-tab-list", d(t.$attrs, {
       "active-tab-id": e.activeTabId || e.modelValue,
       "helper-text": e.helperText,
       "helper-description": e.helperDescription,
       "on:tabChange": a
     }), [
-      p(f(T), null, {
+      I(f(T), null, {
         default: g(() => [
           o(t.$slots, "default")
         ]),
         _: 3
       })
-    ], 16, he));
+    ], 16, be));
   }
-}, be = ["active-tab-id", "tab-id"], yt = {
+}, ve = ["active-tab-id", "tab-id"], Tt = {
   __name: "BsTabPanel",
   props: {
     activeTabId: {},
@@ -751,18 +812,19 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: [],
   setup(e, { emit: s }) {
-    return (a, t) => (n(), u("bs-tab-panel", i(a.$attrs, {
+    return (a, t) => (r(), u("bs-tab-panel", d(a.$attrs, {
       "active-tab-id": e.activeTabId,
       "tab-id": e.tabId
     }), [
       o(a.$slots, "default")
-    ], 16, be));
+    ], 16, ve));
   }
-}, ve = ["disabled", "error", "pass-attrs", "placeholder", "required", "value", "hint-id"], Bt = {
+}, ge = ["disabled", "error", "input-id", "pass-attrs", "placeholder", "required", "value", "hint-id"], kt = {
   __name: "BsTextarea",
   props: {
     disabled: { default: !1 },
     error: {},
+    inputId: {},
     passAttrs: { default: "" },
     placeholder: {},
     required: {},
@@ -772,24 +834,28 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["update:modelValue"],
   setup(e, { emit: s }) {
-    return (a, t) => (n(), u("bs-textarea", i(a.$attrs, {
+    return (a, t) => (r(), u("bs-textarea", d(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
+      "input-id": e.inputId,
       "pass-attrs": e.passAttrs,
       placeholder: e.placeholder,
       required: e.required,
       value: e.value || e.modelValue,
       "hint-id": e.hintId,
       onInput: t[0] || (t[0] = (l) => s("update:modelValue", l.target.value))
-    }), null, 16, ve));
+    }), null, 16, ge));
   }
-}, ge = ["char-max", "disabled", "error", "hints", "label", "placeholder", "required", "value", "pass-attrs"], Tt = {
+}, $e = ["char-max", "disabled", "error", "error-msg", "hint", "hints", "input-id", "label", "placeholder", "required", "value", "pass-attrs"], It = {
   __name: "BsTextareaField",
   props: {
     charMax: {},
     disabled: { default: !1 },
     error: {},
+    errorMsg: {},
+    hint: {},
     hints: {},
+    inputId: {},
     label: {},
     placeholder: {},
     required: {},
@@ -799,20 +865,23 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["update:modelValue"],
   setup(e, { emit: s }) {
-    return (a, t) => (n(), u("bs-textarea-field", i(a.$attrs, {
+    return (a, t) => (r(), u("bs-textarea-field", d(a.$attrs, {
       "char-max": e.charMax,
       disabled: e.disabled,
       error: e.error,
+      "error-msg": e.errorMsg,
+      hint: e.hint,
       hints: e.hints,
+      "input-id": e.inputId,
       label: e.label,
       placeholder: e.placeholder,
       required: e.required,
       value: e.value || e.modelValue,
       "pass-attrs": e.passAttrs,
       onInput: t[0] || (t[0] = (l) => s("update:modelValue", l.target.value))
-    }), null, 16, ge));
+    }), null, 16, $e));
   }
-}, $e = ["toast-id", "variant", "stacked", "duration", "enter-controlled", "enter-trigger", "leave-trigger"], kt = {
+}, ye = ["toast-id", "variant", "stacked", "duration", "enter-controlled", "enter-trigger", "leave-trigger"], wt = {
   __name: "BsToast",
   props: {
     toastId: {},
@@ -825,9 +894,9 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["dismiss", "enterend", "leaveend"],
   setup(e, { emit: s }) {
-    return (a, t) => (n(), $(f(T), null, {
+    return (a, t) => (r(), $(f(T), null, {
       default: g(() => [
-        k("bs-toast", i(a.$attrs, {
+        k("bs-toast", d(a.$attrs, {
           "toast-id": e.toastId,
           variant: e.variant,
           stacked: e.stacked,
@@ -840,7 +909,7 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
           onLeaveend: t[2] || (t[2] = (l) => s("leaveend", l.detail))
         }), [
           o(a.$slots, "default")
-        ], 16, $e)
+        ], 16, ye)
       ]),
       _: 3
     }));
@@ -850,47 +919,47 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   props: {},
   emits: ["defaultDismiss"],
   setup(e, { emit: s }) {
-    return (a, t) => (n(), u("bs-toast-actions", i(a.$attrs, {
+    return (a, t) => (r(), u("bs-toast-actions", d(a.$attrs, {
       "on:defaultDismiss": t[0] || (t[0] = (l) => s("defaultDismiss", l.detail))
     }), [
       o(a.$slots, "default")
     ], 16));
   }
-}, wt = {
+}, St = {
   __name: "BsToastBody",
   props: {},
   emits: [],
   setup(e, { emit: s }) {
-    return (a, t) => (n(), u("bs-toast-body", W(O(a.$attrs)), [
+    return (a, t) => (r(), u("bs-toast-body", E(W(a.$attrs)), [
       o(a.$slots, "default")
     ], 16));
   }
-}, ye = ["variant"], St = {
+}, Be = ["variant"], Ct = {
   __name: "BsToastHeader",
   props: {
     variant: {}
   },
   emits: [],
   setup(e, { emit: s }) {
-    return (a, t) => (n(), u("bs-toast-header", i(a.$attrs, { variant: e.variant }), [
+    return (a, t) => (r(), u("bs-toast-header", d(a.$attrs, { variant: e.variant }), [
       o(a.$slots, "default")
-    ], 16, ye));
+    ], 16, Be));
   }
-}, It = {
+}, xt = {
   __name: "BsToaster",
   props: {},
   emits: [],
   setup(e, { emit: s }) {
-    return (a, t) => (n(), $(f(T), null, {
+    return (a, t) => (r(), $(f(T), null, {
       default: g(() => [
-        k("bs-toaster", W(O(a.$attrs)), [
+        k("bs-toaster", E(W(a.$attrs)), [
           o(a.$slots, "default")
         ], 16)
       ]),
       _: 3
     }));
   }
-}, Be = ["enter-class", "enter-attribute", "enter-duration", "leave-class", "leave-attribute", "leave-duration", "enter-controlled", "enter-trigger", "leave-trigger"], Ct = {
+}, Te = ["enter-class", "enter-attribute", "enter-duration", "leave-class", "leave-attribute", "leave-duration", "enter-controlled", "enter-trigger", "leave-trigger"], Lt = {
   __name: "BsTransition",
   props: {
     enterClass: { default: void 0 },
@@ -905,7 +974,7 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["enterend", "leaveend"],
   setup(e, { emit: s }) {
-    return (a, t) => (n(), u("bs-transition", i(a.$attrs, {
+    return (a, t) => (r(), u("bs-transition", d(a.$attrs, {
       "enter-class": e.enterClass,
       "enter-attribute": e.enterAttribute,
       "enter-duration": e.enterDuration,
@@ -919,13 +988,13 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       onLeaveend: t[1] || (t[1] = (l) => s("leaveend", l.detail))
     }), [
       o(a.$slots, "default")
-    ], 16, Be));
+    ], 16, Te));
   }
 };
 function P(e) {
   e.value.replaceChildren();
 }
-const Te = ["controlled", "icon", "header-text", "heading-level", "open-item", "open-item-id", "stacked"], ke = {
+const ke = ["controlled", "icon", "header-text", "heading-level", "open-item", "open-item-id", "stacked"], Ie = {
   __name: "BsAccordionServer",
   props: {
     controlled: { default: !1 },
@@ -938,26 +1007,26 @@ const Te = ["controlled", "icon", "header-text", "heading-level", "open-item", "
   },
   emits: ["toggled"],
   setup(e, { emit: s }) {
-    const a = h(!1), t = h(null), l = h(""), d = w([]), c = h(null), b = h(!1), y = (r, v = 0) => {
+    const a = h(!1), t = h(null), l = h(""), i = w([]), c = h(null), b = h(!1), y = (n, v = 0) => {
       var m, B;
-      t.value || v >= 4 || (t.value = (B = (m = r.value) == null ? void 0 : m.querySelector) == null ? void 0 : B.call(m, "[data-slot]"), t.value || d.push(setTimeout(() => y(r, v + 1), 50)));
+      t.value || v >= 4 || (t.value = (B = (m = n.value) == null ? void 0 : m.querySelector) == null ? void 0 : B.call(m, "[data-slot]"), t.value || i.push(setTimeout(() => y(n, v + 1), 50)));
     };
-    return S(() => b.value = !0), I(() => y(c, 0)), C(t, (r) => {
-      !r || a.value || (P(t), d.push(setTimeout(() => {
-        L(() => {
+    return p(() => b.value = !0), S(() => y(c, 0)), C(t, (n) => {
+      !n || a.value || (P(t), i.push(setTimeout(() => {
+        x(() => {
           l.value = customElements.get("bs-accordion") ? "hydrated superhydrated" : "superhydrated";
         });
       }, 100)), a.value = !0);
-    }, { immediate: !0 }), V(() => d.forEach((r) => clearTimeout(r))), (r, v) => (n(), u(q, null, [
-      t.value && b.value ? (n(), $(f(T), { key: 0 }, {
+    }, { immediate: !0 }), L(() => i.forEach((n) => clearTimeout(n))), (n, v) => (r(), u(V, null, [
+      t.value && b.value ? (r(), $(f(T), { key: 0 }, {
         default: g(() => [
-          (n(), $(x, { to: t.value }, [
-            o(r.$slots, "default")
+          (r(), $(q, { to: t.value }, [
+            o(n.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
       })) : A("", !0),
-      k("bs-accordion", i({
+      k("bs-accordion", d({
         ref_key: "wcRef",
         ref: c,
         class: l.value,
@@ -970,20 +1039,20 @@ const Te = ["controlled", "icon", "header-text", "heading-level", "open-item", "
         "open-item-id": e.openItemId,
         stacked: e.stacked,
         onToggled: v[0] || (v[0] = (m) => s("toggled", m.detail))
-      }, r.$attrs), [
-        p(f(T), null, z({ _: 2 }, [
+      }, n.$attrs), [
+        I(f(T), null, z({ _: 2 }, [
           b.value ? void 0 : {
             name: "fallback",
             fn: g(() => [
-              o(r.$slots, "default")
+              o(n.$slots, "default")
             ]),
             key: "0"
           }
         ]), 1024)
-      ], 16, Te)
+      ], 16, ke)
     ], 64));
   }
-}, pe = "bs-accordion", Lt = {
+}, we = "bs-accordion", Vt = {
   __name: "BsAccordion",
   props: {
     controlled: { default: !1 },
@@ -997,61 +1066,61 @@ const Te = ["controlled", "icon", "header-text", "heading-level", "open-item", "
   },
   emits: ["toggled"],
   setup(e, { emit: s }) {
-    const a = e, { data: t } = D(pe, () => {
+    const a = e, { data: t } = D(we, () => {
       if (process.server)
         return !0;
     });
-    return (l, d) => f(t) ? (n(), $(ke, i({ key: 0 }, { ...a, ...l.$attrs }, {
+    return (l, i) => f(t) ? (r(), $(Ie, d({ key: 0 }, { ...a, ...l.$attrs }, {
       style: { display: e.bsShow ? null : "none" },
-      onToggled: d[0] || (d[0] = (c) => s("toggled", c))
+      onToggled: i[0] || (i[0] = (c) => s("toggled", c))
     }), {
       default: g(() => [
         o(l.$slots, "default")
       ]),
       _: 3
-    }, 16, ["style"])) : (n(), u("bs-accordion", i({ key: 1 }, { ...a, ...l.$attrs }, {
+    }, 16, ["style"])) : (r(), u("bs-accordion", d({ key: 1 }, { ...a, ...l.$attrs }, {
       style: { display: e.bsShow ? null : "none" },
-      onToggled: d[1] || (d[1] = (c) => s("toggled", c.detail))
+      onToggled: i[1] || (i[1] = (c) => s("toggled", c.detail))
     }), [
       o(l.$slots, "default")
     ], 16));
   }
-}, we = {
+}, pe = {
   __name: "BsBannerServer",
   props: {},
   emits: ["dismiss"],
   setup(e, { emit: s }) {
-    const a = h(!1), t = h(null), l = h(""), d = w([]), c = h(null), b = h(!1), y = (r, v = 0) => {
+    const a = h(!1), t = h(null), l = h(""), i = w([]), c = h(null), b = h(!1), y = (n, v = 0) => {
       var m, B;
-      t.value || v >= 4 || (t.value = (B = (m = r.value) == null ? void 0 : m.querySelector) == null ? void 0 : B.call(m, "[data-slot]"), t.value || d.push(setTimeout(() => y(r, v + 1), 50)));
+      t.value || v >= 4 || (t.value = (B = (m = n.value) == null ? void 0 : m.querySelector) == null ? void 0 : B.call(m, "[data-slot]"), t.value || i.push(setTimeout(() => y(n, v + 1), 50)));
     };
-    return S(() => b.value = !0), I(() => y(c, 0)), C(t, (r) => {
-      !r || a.value || (P(t), d.push(setTimeout(() => {
-        L(() => {
+    return p(() => b.value = !0), S(() => y(c, 0)), C(t, (n) => {
+      !n || a.value || (P(t), i.push(setTimeout(() => {
+        x(() => {
           l.value = customElements.get("bs-banner") ? "hydrated superhydrated" : "superhydrated";
         });
       }, 100)), a.value = !0);
-    }, { immediate: !0 }), V(() => d.forEach((r) => clearTimeout(r))), (r, v) => (n(), u(q, null, [
-      t.value && b.value ? (n(), $(f(T), { key: 0 }, {
+    }, { immediate: !0 }), L(() => i.forEach((n) => clearTimeout(n))), (n, v) => (r(), u(V, null, [
+      t.value && b.value ? (r(), $(f(T), { key: 0 }, {
         default: g(() => [
-          (n(), $(x, { to: t.value }, [
-            o(r.$slots, "default")
+          (r(), $(q, { to: t.value }, [
+            o(n.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
       })) : A("", !0),
-      k("bs-banner", i({
+      k("bs-banner", d({
         ref_key: "wcRef",
         ref: c,
         class: l.value,
         "data-bsds-ssr": "",
         onDismiss: v[0] || (v[0] = (m) => s("dismiss", m.detail))
-      }, r.$attrs), [
-        p(f(T), null, z({ _: 2 }, [
+      }, n.$attrs), [
+        I(f(T), null, z({ _: 2 }, [
           b.value ? void 0 : {
             name: "fallback",
             fn: g(() => [
-              o(r.$slots, "default")
+              o(n.$slots, "default")
             ]),
             key: "0"
           }
@@ -1059,7 +1128,7 @@ const Te = ["controlled", "icon", "header-text", "heading-level", "open-item", "
       ], 16)
     ], 64));
   }
-}, Se = "bs-banner", Vt = {
+}, Se = "bs-banner", qt = {
   __name: "BsBanner",
   props: {
     bsShow: { default: !0 }
@@ -1070,22 +1139,22 @@ const Te = ["controlled", "icon", "header-text", "heading-level", "open-item", "
       if (process.server)
         return !0;
     });
-    return (l, d) => f(t) ? (n(), $(we, i({ key: 0 }, { ...a, ...l.$attrs }, {
+    return (l, i) => f(t) ? (r(), $(pe, d({ key: 0 }, { ...a, ...l.$attrs }, {
       style: { display: e.bsShow ? null : "none" },
-      onDismiss: d[0] || (d[0] = (c) => s("dismiss", c))
+      onDismiss: i[0] || (i[0] = (c) => s("dismiss", c))
     }), {
       default: g(() => [
         o(l.$slots, "default")
       ]),
       _: 3
-    }, 16, ["style"])) : (n(), u("bs-banner", i({ key: 1 }, { ...a, ...l.$attrs }, {
+    }, 16, ["style"])) : (r(), u("bs-banner", d({ key: 1 }, { ...a, ...l.$attrs }, {
       style: { display: e.bsShow ? null : "none" },
-      onDismiss: d[1] || (d[1] = (c) => s("dismiss", c.detail))
+      onDismiss: i[1] || (i[1] = (c) => s("dismiss", c.detail))
     }), [
       o(l.$slots, "default")
     ], 16));
   }
-}, Ie = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn", "size"], Ce = {
+}, Ce = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn", "size"], xe = {
   __name: "BsButtonServer",
   props: {
     variant: {},
@@ -1098,26 +1167,26 @@ const Te = ["controlled", "icon", "header-text", "heading-level", "open-item", "
   },
   emits: [],
   setup(e, { emit: s }) {
-    const a = h(!1), t = h(null), l = h(""), d = w([]), c = h(null), b = h(!1), y = (r, v = 0) => {
+    const a = h(!1), t = h(null), l = h(""), i = w([]), c = h(null), b = h(!1), y = (n, v = 0) => {
       var m, B;
-      t.value || v >= 4 || (t.value = (B = (m = r.value) == null ? void 0 : m.querySelector) == null ? void 0 : B.call(m, "[data-slot]"), t.value || d.push(setTimeout(() => y(r, v + 1), 50)));
+      t.value || v >= 4 || (t.value = (B = (m = n.value) == null ? void 0 : m.querySelector) == null ? void 0 : B.call(m, "[data-slot]"), t.value || i.push(setTimeout(() => y(n, v + 1), 50)));
     };
-    return S(() => b.value = !0), I(() => y(c, 0)), C(t, (r) => {
-      !r || a.value || (P(t), d.push(setTimeout(() => {
-        L(() => {
+    return p(() => b.value = !0), S(() => y(c, 0)), C(t, (n) => {
+      !n || a.value || (P(t), i.push(setTimeout(() => {
+        x(() => {
           l.value = customElements.get("bs-button") ? "hydrated superhydrated" : "superhydrated";
         });
       }, 100)), a.value = !0);
-    }, { immediate: !0 }), V(() => d.forEach((r) => clearTimeout(r))), (r, v) => (n(), u(q, null, [
-      t.value && b.value ? (n(), $(f(T), { key: 0 }, {
+    }, { immediate: !0 }), L(() => i.forEach((n) => clearTimeout(n))), (n, v) => (r(), u(V, null, [
+      t.value && b.value ? (r(), $(f(T), { key: 0 }, {
         default: g(() => [
-          (n(), $(x, { to: t.value }, [
-            o(r.$slots, "default")
+          (r(), $(q, { to: t.value }, [
+            o(n.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
       })) : A("", !0),
-      k("bs-button", i({
+      k("bs-button", d({
         ref_key: "wcRef",
         ref: c,
         class: l.value,
@@ -1129,20 +1198,20 @@ const Te = ["controlled", "icon", "header-text", "heading-level", "open-item", "
         "pass-attrs": e.passAttrs,
         "text-btn": e.textBtn,
         size: e.size
-      }, r.$attrs), [
-        p(f(T), null, z({ _: 2 }, [
+      }, n.$attrs), [
+        I(f(T), null, z({ _: 2 }, [
           b.value ? void 0 : {
             name: "fallback",
             fn: g(() => [
-              o(r.$slots, "default")
+              o(n.$slots, "default")
             ]),
             key: "0"
           }
         ]), 1024)
-      ], 16, Ie)
+      ], 16, Ce)
     ], 64));
   }
-}, Le = "bs-button", qt = {
+}, Le = "bs-button", At = {
   __name: "BsButton",
   props: {
     variant: {},
@@ -1157,23 +1226,23 @@ const Te = ["controlled", "icon", "header-text", "heading-level", "open-item", "
   },
   emits: [],
   setup(e, { emit: s }) {
-    const a = e, { onLinkClick: t } = R(a), { data: l } = D(Le, () => {
+    const a = e, { onLinkClick: t } = M(a), { data: l } = D(Le, () => {
       if (process.server)
         return !0;
     });
-    return (d, c) => f(l) ? (n(), $(Ce, i({ key: 0 }, { ...a, ...d.$attrs, router: void 0 }, {
+    return (i, c) => f(l) ? (r(), $(xe, d({ key: 0 }, { ...a, ...i.$attrs, router: void 0 }, {
       style: { display: e.bsShow ? null : "none" },
       onClick: f(t)
     }), {
       default: g(() => [
-        o(d.$slots, "default")
+        o(i.$slots, "default")
       ]),
       _: 3
-    }, 16, ["style", "onClick"])) : (n(), u("bs-button", i({ key: 1 }, { ...a, ...d.$attrs, router: void 0 }, {
+    }, 16, ["style", "onClick"])) : (r(), u("bs-button", d({ key: 1 }, { ...a, ...i.$attrs, router: void 0 }, {
       style: { display: e.bsShow ? null : "none" },
       onClick: c[0] || (c[0] = (...b) => f(t) && f(t)(...b))
     }), [
-      o(d.$slots, "default")
+      o(i.$slots, "default")
     ], 16));
   }
 }, Ve = ["disabled", "for", "hide", "pass-attrs", "required"], qe = {
@@ -1187,26 +1256,26 @@ const Te = ["controlled", "icon", "header-text", "heading-level", "open-item", "
   },
   emits: [],
   setup(e, { emit: s }) {
-    const a = h(!1), t = h(null), l = h(""), d = w([]), c = h(null), b = h(!1), y = (r, v = 0) => {
+    const a = h(!1), t = h(null), l = h(""), i = w([]), c = h(null), b = h(!1), y = (n, v = 0) => {
       var m, B;
-      t.value || v >= 4 || (t.value = (B = (m = r.value) == null ? void 0 : m.querySelector) == null ? void 0 : B.call(m, "[data-slot]"), t.value || d.push(setTimeout(() => y(r, v + 1), 50)));
+      t.value || v >= 4 || (t.value = (B = (m = n.value) == null ? void 0 : m.querySelector) == null ? void 0 : B.call(m, "[data-slot]"), t.value || i.push(setTimeout(() => y(n, v + 1), 50)));
     };
-    return S(() => b.value = !0), I(() => y(c, 0)), C(t, (r) => {
-      !r || a.value || (P(t), d.push(setTimeout(() => {
-        L(() => {
+    return p(() => b.value = !0), S(() => y(c, 0)), C(t, (n) => {
+      !n || a.value || (P(t), i.push(setTimeout(() => {
+        x(() => {
           l.value = customElements.get("bs-label") ? "hydrated superhydrated" : "superhydrated";
         });
       }, 100)), a.value = !0);
-    }, { immediate: !0 }), V(() => d.forEach((r) => clearTimeout(r))), (r, v) => (n(), u(q, null, [
-      t.value && b.value ? (n(), $(f(T), { key: 0 }, {
+    }, { immediate: !0 }), L(() => i.forEach((n) => clearTimeout(n))), (n, v) => (r(), u(V, null, [
+      t.value && b.value ? (r(), $(f(T), { key: 0 }, {
         default: g(() => [
-          (n(), $(x, { to: t.value }, [
-            o(r.$slots, "default")
+          (r(), $(q, { to: t.value }, [
+            o(n.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
       })) : A("", !0),
-      k("bs-label", i({
+      k("bs-label", d({
         ref_key: "wcRef",
         ref: c,
         class: l.value,
@@ -1216,12 +1285,12 @@ const Te = ["controlled", "icon", "header-text", "heading-level", "open-item", "
         hide: e.hide,
         "pass-attrs": e.passAttrs,
         required: e.required
-      }, r.$attrs), [
-        p(f(T), null, z({ _: 2 }, [
+      }, n.$attrs), [
+        I(f(T), null, z({ _: 2 }, [
           b.value ? void 0 : {
             name: "fallback",
             fn: g(() => [
-              o(r.$slots, "default")
+              o(n.$slots, "default")
             ]),
             key: "0"
           }
@@ -1229,7 +1298,7 @@ const Te = ["controlled", "icon", "header-text", "heading-level", "open-item", "
       ], 16, Ve)
     ], 64));
   }
-}, xe = "bs-label", xt = {
+}, Ae = "bs-label", zt = {
   __name: "BsLabel",
   props: {
     disabled: {},
@@ -1241,24 +1310,24 @@ const Te = ["controlled", "icon", "header-text", "heading-level", "open-item", "
   },
   emits: [],
   setup(e, { emit: s }) {
-    const a = e, { data: t } = D(xe, () => {
+    const a = e, { data: t } = D(Ae, () => {
       if (process.server)
         return !0;
     });
-    return (l, d) => f(t) ? (n(), $(qe, i({ key: 0 }, { ...a, ...l.$attrs }, {
+    return (l, i) => f(t) ? (r(), $(qe, d({ key: 0 }, { ...a, ...l.$attrs }, {
       style: { display: e.bsShow ? null : "none" }
     }), {
       default: g(() => [
         o(l.$slots, "default")
       ]),
       _: 3
-    }, 16, ["style"])) : (n(), u("bs-label", i({ key: 1 }, { ...a, ...l.$attrs }, {
+    }, 16, ["style"])) : (r(), u("bs-label", d({ key: 1 }, { ...a, ...l.$attrs }, {
       style: { display: e.bsShow ? null : "none" }
     }), [
       o(l.$slots, "default")
     ], 16));
   }
-}, Ae = ["variant", "status", "href", "active", "disabled", "pass-attrs"], ze = {
+}, ze = ["variant", "status", "href", "active", "disabled", "pass-attrs"], De = {
   __name: "BsPillServer",
   props: {
     variant: {},
@@ -1270,26 +1339,26 @@ const Te = ["controlled", "icon", "header-text", "heading-level", "open-item", "
   },
   emits: [],
   setup(e, { emit: s }) {
-    const a = h(!1), t = h(null), l = h(""), d = w([]), c = h(null), b = h(!1), y = (r, v = 0) => {
+    const a = h(!1), t = h(null), l = h(""), i = w([]), c = h(null), b = h(!1), y = (n, v = 0) => {
       var m, B;
-      t.value || v >= 4 || (t.value = (B = (m = r.value) == null ? void 0 : m.querySelector) == null ? void 0 : B.call(m, "[data-slot]"), t.value || d.push(setTimeout(() => y(r, v + 1), 50)));
+      t.value || v >= 4 || (t.value = (B = (m = n.value) == null ? void 0 : m.querySelector) == null ? void 0 : B.call(m, "[data-slot]"), t.value || i.push(setTimeout(() => y(n, v + 1), 50)));
     };
-    return S(() => b.value = !0), I(() => y(c, 0)), C(t, (r) => {
-      !r || a.value || (P(t), d.push(setTimeout(() => {
-        L(() => {
+    return p(() => b.value = !0), S(() => y(c, 0)), C(t, (n) => {
+      !n || a.value || (P(t), i.push(setTimeout(() => {
+        x(() => {
           l.value = customElements.get("bs-pill") ? "hydrated superhydrated" : "superhydrated";
         });
       }, 100)), a.value = !0);
-    }, { immediate: !0 }), V(() => d.forEach((r) => clearTimeout(r))), (r, v) => (n(), u(q, null, [
-      t.value && b.value ? (n(), $(f(T), { key: 0 }, {
+    }, { immediate: !0 }), L(() => i.forEach((n) => clearTimeout(n))), (n, v) => (r(), u(V, null, [
+      t.value && b.value ? (r(), $(f(T), { key: 0 }, {
         default: g(() => [
-          (n(), $(x, { to: t.value }, [
-            o(r.$slots, "default")
+          (r(), $(q, { to: t.value }, [
+            o(n.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
       })) : A("", !0),
-      k("bs-pill", i({
+      k("bs-pill", d({
         ref_key: "wcRef",
         ref: c,
         class: l.value,
@@ -1300,20 +1369,20 @@ const Te = ["controlled", "icon", "header-text", "heading-level", "open-item", "
         active: e.active,
         disabled: e.disabled,
         "pass-attrs": e.passAttrs
-      }, r.$attrs), [
-        p(f(T), null, z({ _: 2 }, [
+      }, n.$attrs), [
+        I(f(T), null, z({ _: 2 }, [
           b.value ? void 0 : {
             name: "fallback",
             fn: g(() => [
-              o(r.$slots, "default")
+              o(n.$slots, "default")
             ]),
             key: "0"
           }
         ]), 1024)
-      ], 16, Ae)
+      ], 16, ze)
     ], 64));
   }
-}, De = "bs-pill", At = {
+}, Pe = "bs-pill", Dt = {
   __name: "BsPill",
   props: {
     variant: {},
@@ -1327,29 +1396,30 @@ const Te = ["controlled", "icon", "header-text", "heading-level", "open-item", "
   },
   emits: [],
   setup(e, { emit: s }) {
-    const a = e, { onLinkClick: t } = R(a), { data: l } = D(De, () => {
+    const a = e, { onLinkClick: t } = M(a), { data: l } = D(Pe, () => {
       if (process.server)
         return !0;
     });
-    return (d, c) => f(l) ? (n(), $(ze, i({ key: 0 }, { ...a, ...d.$attrs, router: void 0 }, {
+    return (i, c) => f(l) ? (r(), $(De, d({ key: 0 }, { ...a, ...i.$attrs, router: void 0 }, {
       style: { display: e.bsShow ? null : "none" },
       onClick: f(t)
     }), {
       default: g(() => [
-        o(d.$slots, "default")
+        o(i.$slots, "default")
       ]),
       _: 3
-    }, 16, ["style", "onClick"])) : (n(), u("bs-pill", i({ key: 1 }, { ...a, ...d.$attrs, router: void 0 }, {
+    }, 16, ["style", "onClick"])) : (r(), u("bs-pill", d({ key: 1 }, { ...a, ...i.$attrs, router: void 0 }, {
       style: { display: e.bsShow ? null : "none" },
       onClick: c[0] || (c[0] = (...b) => f(t) && f(t)(...b))
     }), [
-      o(d.$slots, "default")
+      o(i.$slots, "default")
     ], 16));
   }
-}, Pe = ["disabled", "required", "error", "hint-id", "value", "pass-attrs"], Re = {
+}, Me = ["disabled", "input-id", "required", "error", "hint-id", "value", "pass-attrs"], Re = {
   __name: "BsSelectServer",
   props: {
     disabled: { default: !1 },
+    inputId: {},
     required: {},
     error: {},
     hintId: {},
@@ -1359,53 +1429,55 @@ const Te = ["controlled", "icon", "header-text", "heading-level", "open-item", "
   },
   emits: [],
   setup(e, { emit: s }) {
-    const a = h(!1), t = h(null), l = h(""), d = w([]), c = h(null), b = h(!1), y = (r, v = 0) => {
+    const a = h(!1), t = h(null), l = h(""), i = w([]), c = h(null), b = h(!1), y = (n, v = 0) => {
       var m, B;
-      t.value || v >= 4 || (t.value = (B = (m = r.value) == null ? void 0 : m.querySelector) == null ? void 0 : B.call(m, "[data-slot]"), t.value || d.push(setTimeout(() => y(r, v + 1), 50)));
+      t.value || v >= 4 || (t.value = (B = (m = n.value) == null ? void 0 : m.querySelector) == null ? void 0 : B.call(m, "[data-slot]"), t.value || i.push(setTimeout(() => y(n, v + 1), 50)));
     };
-    return S(() => b.value = !0), I(() => y(c, 0)), C(t, (r) => {
-      !r || a.value || (P(t), d.push(setTimeout(() => {
-        L(() => {
+    return p(() => b.value = !0), S(() => y(c, 0)), C(t, (n) => {
+      !n || a.value || (P(t), i.push(setTimeout(() => {
+        x(() => {
           l.value = customElements.get("bs-select") ? "hydrated superhydrated" : "superhydrated";
         });
       }, 100)), a.value = !0);
-    }, { immediate: !0 }), V(() => d.forEach((r) => clearTimeout(r))), (r, v) => (n(), u(q, null, [
-      t.value && b.value ? (n(), $(f(T), { key: 0 }, {
+    }, { immediate: !0 }), L(() => i.forEach((n) => clearTimeout(n))), (n, v) => (r(), u(V, null, [
+      t.value && b.value ? (r(), $(f(T), { key: 0 }, {
         default: g(() => [
-          (n(), $(x, { to: t.value }, [
-            o(r.$slots, "default")
+          (r(), $(q, { to: t.value }, [
+            o(n.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
       })) : A("", !0),
-      k("bs-select", i({
+      k("bs-select", d({
         ref_key: "wcRef",
         ref: c,
         class: l.value,
         "data-bsds-ssr": "",
         disabled: e.disabled,
+        "input-id": e.inputId,
         required: e.required,
         error: e.error,
         "hint-id": e.hintId,
         value: e.value,
         "pass-attrs": e.passAttrs
-      }, e.modelValue, r.$attrs), [
-        p(f(T), null, z({ _: 2 }, [
+      }, e.modelValue, n.$attrs), [
+        I(f(T), null, z({ _: 2 }, [
           b.value ? void 0 : {
             name: "fallback",
             fn: g(() => [
-              o(r.$slots, "default")
+              o(n.$slots, "default")
             ]),
             key: "0"
           }
         ]), 1024)
-      ], 16, Pe)
+      ], 16, Me)
     ], 64));
   }
-}, Ee = "bs-select", zt = {
+}, Ee = "bs-select", Pt = {
   __name: "BsSelect",
   props: {
     disabled: { default: !1 },
+    inputId: {},
     required: {},
     error: {},
     hintId: {},
@@ -1420,14 +1492,14 @@ const Te = ["controlled", "icon", "header-text", "heading-level", "open-item", "
       if (process.server)
         return !0;
     });
-    return (l, d) => f(t) ? (n(), $(Re, i({ key: 0 }, { ...a, ...l.$attrs, value: e.value || e.modelValue }, {
+    return (l, i) => f(t) ? (r(), $(Re, d({ key: 0 }, { ...a, ...l.$attrs, value: e.value || e.modelValue }, {
       style: { display: e.bsShow ? null : "none" }
     }), {
       default: g(() => [
         o(l.$slots, "default")
       ]),
       _: 3
-    }, 16, ["style"])) : (n(), u("bs-select", i({ key: 1 }, { ...a, ...l.$attrs, value: e.value || e.modelValue }, {
+    }, 16, ["style"])) : (r(), u("bs-select", d({ key: 1 }, { ...a, ...l.$attrs, value: e.value || e.modelValue }, {
       style: { display: e.bsShow ? null : "none" }
     }), [
       o(l.$slots, "default")
@@ -1442,26 +1514,26 @@ const Te = ["controlled", "icon", "header-text", "heading-level", "open-item", "
   },
   emits: [],
   setup(e, { emit: s }) {
-    const a = h(!1), t = h(null), l = h(""), d = w([]), c = h(null), b = h(!1), y = (r, v = 0) => {
+    const a = h(!1), t = h(null), l = h(""), i = w([]), c = h(null), b = h(!1), y = (n, v = 0) => {
       var m, B;
-      t.value || v >= 4 || (t.value = (B = (m = r.value) == null ? void 0 : m.querySelector) == null ? void 0 : B.call(m, "[data-slot]"), t.value || d.push(setTimeout(() => y(r, v + 1), 50)));
+      t.value || v >= 4 || (t.value = (B = (m = n.value) == null ? void 0 : m.querySelector) == null ? void 0 : B.call(m, "[data-slot]"), t.value || i.push(setTimeout(() => y(n, v + 1), 50)));
     };
-    return S(() => b.value = !0), I(() => y(c, 0)), C(t, (r) => {
-      !r || a.value || (P(t), d.push(setTimeout(() => {
-        L(() => {
+    return p(() => b.value = !0), S(() => y(c, 0)), C(t, (n) => {
+      !n || a.value || (P(t), i.push(setTimeout(() => {
+        x(() => {
           l.value = customElements.get("bs-tooltip") ? "hydrated superhydrated" : "superhydrated";
         });
       }, 100)), a.value = !0);
-    }, { immediate: !0 }), V(() => d.forEach((r) => clearTimeout(r))), (r, v) => (n(), u(q, null, [
-      t.value && b.value ? (n(), $(f(T), { key: 0 }, {
+    }, { immediate: !0 }), L(() => i.forEach((n) => clearTimeout(n))), (n, v) => (r(), u(V, null, [
+      t.value && b.value ? (r(), $(f(T), { key: 0 }, {
         default: g(() => [
-          (n(), $(x, { to: t.value }, [
-            o(r.$slots, "default")
+          (r(), $(q, { to: t.value }, [
+            o(n.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
       })) : A("", !0),
-      k("bs-tooltip", i({
+      k("bs-tooltip", d({
         ref_key: "wcRef",
         ref: c,
         class: l.value,
@@ -1469,12 +1541,12 @@ const Te = ["controlled", "icon", "header-text", "heading-level", "open-item", "
         "tooltip-id": e.tooltipId,
         content: e.content,
         position: e.position
-      }, r.$attrs), [
-        p(f(T), null, z({ _: 2 }, [
+      }, n.$attrs), [
+        I(f(T), null, z({ _: 2 }, [
           b.value ? void 0 : {
             name: "fallback",
             fn: g(() => [
-              o(r.$slots, "default")
+              o(n.$slots, "default")
             ]),
             key: "0"
           }
@@ -1482,7 +1554,7 @@ const Te = ["controlled", "icon", "header-text", "heading-level", "open-item", "
       ], 16, We)
     ], 64));
   }
-}, Fe = "bs-tooltip", Dt = {
+}, Fe = "bs-tooltip", Mt = {
   __name: "BsTooltip",
   props: {
     tooltipId: {},
@@ -1496,14 +1568,14 @@ const Te = ["controlled", "icon", "header-text", "heading-level", "open-item", "
       if (process.server)
         return !0;
     });
-    return (l, d) => f(t) ? (n(), $(Oe, i({ key: 0 }, { ...a, ...l.$attrs }, {
+    return (l, i) => f(t) ? (r(), $(Oe, d({ key: 0 }, { ...a, ...l.$attrs }, {
       style: { display: e.bsShow ? null : "none" }
     }), {
       default: g(() => [
         o(l.$slots, "default")
       ]),
       _: 3
-    }, 16, ["style"])) : (n(), u("bs-tooltip", i({ key: 1 }, { ...a, ...l.$attrs }, {
+    }, 16, ["style"])) : (r(), u("bs-tooltip", d({ key: 1 }, { ...a, ...l.$attrs }, {
       style: { display: e.bsShow ? null : "none" }
     }), [
       o(l.$slots, "default")
@@ -1511,56 +1583,57 @@ const Te = ["controlled", "icon", "header-text", "heading-level", "open-item", "
   }
 };
 export {
-  Lt as BsAccordion,
-  ke as BsAccordionServer,
-  Ge as BsBadge,
-  Vt as BsBanner,
-  we as BsBannerServer,
-  qt as BsButton,
-  Ce as BsButtonServer,
-  He as BsCharacterCount,
-  Xe as BsChartBar,
-  Ye as BsChartTable,
-  Ze as BsCheckbox,
-  Je as BsCircleButton,
-  Ke as BsDropdown,
+  Vt as BsAccordion,
+  Ie as BsAccordionServer,
+  He as BsBadge,
+  qt as BsBanner,
+  pe as BsBannerServer,
+  At as BsButton,
+  xe as BsButtonServer,
+  Xe as BsCharacterCount,
+  Ye as BsChartBar,
+  Ze as BsChartTable,
+  Je as BsCheckbox,
+  Ke as BsCircleButton,
+  Qe as BsDropdown,
   Ue as BsDropdownOption,
-  Qe as BsDropdownOptionList,
-  _e as BsDropdownWithOptions,
-  et as BsFieldLayout,
-  tt as BsHint,
-  at as BsInput,
-  lt as BsInputAddon,
-  st as BsInputField,
-  rt as BsInputSearch,
-  xt as BsLabel,
+  _e as BsDropdownOptionList,
+  et as BsDropdownWithOptions,
+  tt as BsFieldDetails,
+  at as BsFieldLayout,
+  lt as BsHint,
+  st as BsInput,
+  nt as BsInputAddon,
+  rt as BsInputField,
+  it as BsInputSearch,
+  zt as BsLabel,
   qe as BsLabelServer,
-  nt as BsLoader,
-  dt as BsModal,
-  it as BsOverlay,
-  ut as BsPagination,
-  At as BsPill,
-  ze as BsPillServer,
-  ot as BsProfile,
-  ct as BsProfileDetails,
-  ft as BsProfileImg,
-  mt as BsProfileLayout,
-  ht as BsRadio,
-  zt as BsSelect,
-  bt as BsSelectField,
+  dt as BsLoader,
+  ut as BsModal,
+  ot as BsOverlay,
+  ct as BsPagination,
+  Dt as BsPill,
+  De as BsPillServer,
+  ft as BsProfile,
+  mt as BsProfileDetails,
+  ht as BsProfileImg,
+  bt as BsProfileLayout,
+  vt as BsRadio,
+  Pt as BsSelect,
+  gt as BsSelectField,
   Re as BsSelectServer,
-  vt as BsSwitch,
-  gt as BsTab,
-  $t as BsTabList,
-  yt as BsTabPanel,
-  Bt as BsTextarea,
-  Tt as BsTextareaField,
-  kt as BsToast,
+  $t as BsSwitch,
+  yt as BsTab,
+  Bt as BsTabList,
+  Tt as BsTabPanel,
+  kt as BsTextarea,
+  It as BsTextareaField,
+  wt as BsToast,
   pt as BsToastActions,
-  wt as BsToastBody,
-  St as BsToastHeader,
-  It as BsToaster,
-  Dt as BsTooltip,
+  St as BsToastBody,
+  Ct as BsToastHeader,
+  xt as BsToaster,
+  Mt as BsTooltip,
   Oe as BsTooltipServer,
-  Ct as BsTransition
+  Lt as BsTransition
 };