@wwtdev/bsds-components-vue3 1.13.1 → 1.14.0

package/lib/bsds-components.mjs

@@ -1,4 +1,4 @@
-import { openBlock as n, createElementBlock as i, mergeProps as r, renderSlot as o, computed as g, unref as c, normalizeProps as v, guardReactiveProps as $ } from "vue";
+import { openBlock as s, createElementBlock as i, mergeProps as r, 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"], de = {
   __name: "BsAccordion",
   props: {
@@ -11,8 +11,8 @@ const B = ["controlled", "icon", "header-text", "heading-level", "open-item", "o
     stacked: { default: !1 }
   },
   emits: ["toggled"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-accordion", r(a.$attrs, {
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-accordion", r(a.$attrs, {
       controlled: e.controlled,
       icon: e.icon,
       "header-text": e.headerText,
@@ -20,7 +20,7 @@ const B = ["controlled", "icon", "header-text", "heading-level", "open-item", "o
       "open-item": e.openItem,
       "open-item-id": e.openItemId,
       stacked: e.stacked,
-      onToggled: t[0] || (t[0] = (l) => s("toggled", l.detail))
+      onToggled: t[0] || (t[0] = (l) => n("toggled", l.detail))
     }), [
       o(a.$slots, "default")
     ], 16, B));
@@ -37,8 +37,8 @@ const B = ["controlled", "icon", "header-text", "heading-level", "open-item", "o
     showZero: {}
   },
   emits: [],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-badge", r(a.$attrs, {
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-badge", r(a.$attrs, {
       color: e.color,
       count: e.count,
       "count-max": e.countMax,
@@ -54,25 +54,25 @@ const B = ["controlled", "icon", "header-text", "heading-level", "open-item", "o
   __name: "BsBanner",
   props: {},
   emits: ["dismiss"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-banner", r(a.$attrs, {
-      onDismiss: t[0] || (t[0] = (l) => s("dismiss", l.detail))
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-banner", r(a.$attrs, {
+      onDismiss: t[0] || (t[0] = (l) => n("dismiss", l.detail))
     }), [
       o(a.$slots, "default")
     ], 16));
   }
 };
 function f(e) {
-  const s = g(() => {
+  const n = 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;
+    return n.value && ((l = e.router) == null ? void 0 : l.navigateTo) || ((d = e.router) == null ? void 0 : d.push) || null;
   });
   function t(l) {
-    var d, u, m, h, b;
-    a.value && ((u = (d = l.target.href) == null ? void 0 : d.endsWith) != null && u.call(d, e.href) || (b = (h = (m = l.target.closest("a")) == null ? void 0 : m.href) == null ? void 0 : h.endsWith) != null && b.call(h, e.href)) && (l.preventDefault(), a.value(e.href));
+    var d, u, h, m, b;
+    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 };
 }
@@ -89,9 +89,9 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     router: {}
   },
   emits: [],
-  setup(e, { emit: s }) {
+  setup(e, { emit: n }) {
     const a = e, { onLinkClick: t } = f(a);
-    return (l, d) => (n(), i("bs-button", r(l.$attrs, {
+    return (l, d) => (s(), i("bs-button", r(l.$attrs, {
       variant: e.variant,
       disabled: e.disabled,
       "ghost-btn": e.ghostBtn,
@@ -111,13 +111,13 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     charMax: {}
   },
   emits: [],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-character-count", r(a.$attrs, {
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-character-count", r(a.$attrs, {
       "char-count": e.charCount,
       "char-max": e.charMax
     }), null, 16, x));
   }
-}, C = ["chart-title", "data", "dataIdxLabels", "show-legend", "show-tooltips", "show-x-grid", "show-y-grid", "stacked", "x-label", "y-label"], he = {
+}, C = ["chart-title", "data", "dataIdxLabels", "show-legend", "show-tooltips", "show-x-grid", "show-y-grid", "stacked", "x-label", "y-label"], me = {
   __name: "BsChartBar",
   props: {
     chartTitle: {},
@@ -132,8 +132,8 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     yLabel: { default: "" }
   },
   emits: [],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-chart-bar", r(a.$attrs, {
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-chart-bar", r(a.$attrs, {
       "chart-title": e.chartTitle,
       data: e.data,
       dataIdxLabels: e.dataIdxLabels,
@@ -146,7 +146,7 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
       "y-label": e.yLabel
     }), null, 16, C));
   }
-}, k = ["data", "dataIdxLabels", "table-title"], me = {
+}, k = ["data", "dataIdxLabels", "table-title"], he = {
   __name: "BsChartTable",
   props: {
     data: {},
@@ -154,8 +154,8 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     tableTitle: { default: "" }
   },
   emits: [],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-chart-table", r(a.$attrs, {
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-chart-table", r(a.$attrs, {
       data: e.data,
       dataIdxLabels: e.dataIdxLabels,
       "table-title": e.tableTitle
@@ -176,8 +176,8 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-checkbox", r(a.$attrs, {
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-checkbox", r(a.$attrs, {
       label: e.label,
       checked: e.checked || e.modelValue,
       "checked-partially": e.checkedPartially,
@@ -187,7 +187,7 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
       "pass-attrs": e.passAttrs,
       required: e.required,
       size: e.size,
-      onChange: t[0] || (t[0] = (l) => s("update:modelValue", l.target.checked))
+      onChange: t[0] || (t[0] = (l) => n("update:modelValue", l.target.checked))
     }), null, 16, y));
   }
 }, w = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-position", "label", "pass-attrs", "text-btn", "size"], ge = {
@@ -206,9 +206,9 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     router: {}
   },
   emits: [],
-  setup(e, { emit: s }) {
+  setup(e, { emit: n }) {
     const a = e, { onLinkClick: t } = f(a);
-    return (l, d) => (n(), i("bs-circle-button", r(l.$attrs, {
+    return (l, d) => (s(), i("bs-circle-button", r(l.$attrs, {
       disabled: e.disabled,
       "ghost-btn": e.ghostBtn,
       "hover-effect": e.hoverEffect,
@@ -237,8 +237,8 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     leaveTrigger: { default: !1 }
   },
   emits: ["close", "enterend", "leaveend"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-dropdown", r(a.$attrs, {
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-dropdown", r(a.$attrs, {
       width: e.width,
       top: e.top,
       center: e.center,
@@ -249,9 +249,9 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
       "enter-controlled": e.enterControlled,
       "enter-trigger": e.enterTrigger,
       "leave-trigger": e.leaveTrigger,
-      onClose: t[0] || (t[0] = (l) => s("close", l.detail)),
-      onEnterend: t[1] || (t[1] = (l) => s("enterend", l.detail)),
-      onLeaveend: t[2] || (t[2] = (l) => s("leaveend", l.detail))
+      onClose: t[0] || (t[0] = (l) => n("close", l.detail)),
+      onEnterend: t[1] || (t[1] = (l) => n("enterend", l.detail)),
+      onLeaveend: t[2] || (t[2] = (l) => n("leaveend", l.detail))
     }), [
       o(a.$slots, "default")
     ], 16, L));
@@ -267,21 +267,21 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     index: {}
   },
   emits: ["optmouseenter", "optselect"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-dropdown-option", r(a.$attrs, {
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-dropdown-option", r(a.$attrs, {
       value: e.value,
       variant: e.variant,
       "options-id": e.optionsId,
       selected: e.selected,
       focused: e.focused,
       index: e.index,
-      onOptmouseenter: t[0] || (t[0] = (l) => s("optmouseenter", l.detail)),
-      onOptselect: t[1] || (t[1] = (l) => s("optselect", l.detail))
+      onOptmouseenter: t[0] || (t[0] = (l) => n("optmouseenter", l.detail)),
+      onOptselect: t[1] || (t[1] = (l) => n("optselect", l.detail))
     }), [
       o(a.$slots, "default")
     ], 16, V));
   }
-}, q = ["options-id", "visible", "focus-delay", "label", "selected-value"], Be = {
+}, A = ["options-id", "visible", "focus-delay", "label", "selected-value"], Be = {
   __name: "BsDropdownOptionList",
   props: {
     optionsId: {},
@@ -291,20 +291,20 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     selectedValue: {}
   },
   emits: ["optselected", "close"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-dropdown-option-list", r(a.$attrs, {
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-dropdown-option-list", r(a.$attrs, {
       "options-id": e.optionsId,
       visible: e.visible,
       "focus-delay": e.focusDelay,
       label: e.label,
       "selected-value": e.selectedValue,
-      onOptselected: t[0] || (t[0] = (l) => s("optselected", l.detail)),
-      onClose: t[1] || (t[1] = (l) => s("close", l.detail))
+      onOptselected: t[0] || (t[0] = (l) => n("optselected", l.detail)),
+      onClose: t[1] || (t[1] = (l) => n("close", l.detail))
     }), [
       o(a.$slots, "default")
-    ], 16, q));
+    ], 16, A));
   }
-}, A = ["toggle-id", "container-id", "options-id", "width", "top", "center", "label", "selected-value", "enter-controlled", "enter-trigger", "leave-trigger", "helper-text", "helper-description"], Ie = {
+}, q = ["toggle-id", "container-id", "options-id", "width", "top", "center", "label", "selected-value", "enter-controlled", "enter-trigger", "leave-trigger", "helper-text", "helper-description"], Ie = {
   __name: "BsDropdownWithOptions",
   props: {
     toggleId: {},
@@ -322,8 +322,8 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     helperDescription: {}
   },
   emits: ["optselected", "close", "enterend", "leaveend"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-dropdown-with-options", r(a.$attrs, {
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-dropdown-with-options", r(a.$attrs, {
       "toggle-id": e.toggleId,
       "container-id": e.containerId,
       "options-id": e.optionsId,
@@ -337,13 +337,13 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
       "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))
+      onOptselected: t[0] || (t[0] = (l) => n("optselected", l.detail)),
+      onClose: t[1] || (t[1] = (l) => n("close", l.detail)),
+      onEnterend: t[2] || (t[2] = (l) => n("enterend", l.detail)),
+      onLeaveend: t[3] || (t[3] = (l) => n("leaveend", l.detail))
     }), [
       o(a.$slots, "default")
-    ], 16, A));
+    ], 16, q));
   }
 }, z = ["char-count", "char-max", "error", "error-msg", "hint", "hint-id"], Te = {
   __name: "BsFieldDetails",
@@ -356,8 +356,8 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     hintId: {}
   },
   emits: [],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-field-details", r(a.$attrs, {
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-field-details", r(a.$attrs, {
       "char-count": e.charCount,
       "char-max": e.charMax,
       error: e.error,
@@ -380,8 +380,8 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     hintId: {}
   },
   emits: [],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-field-layout", r(a.$attrs, {
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-field-layout", r(a.$attrs, {
       "char-count": e.charCount,
       "char-max": e.charMax,
       disabled: e.disabled,
@@ -403,8 +403,8 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     hints: {}
   },
   emits: [],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-hint", r(a.$attrs, {
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-hint", r(a.$attrs, {
       error: e.error,
       "hint-id": e.hintId,
       hints: e.hints
@@ -425,8 +425,8 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-input", r(a.$attrs, {
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-input", r(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
       "input-id": e.inputId,
@@ -436,7 +436,7 @@ const T = ["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] = (l) => s("update:modelValue", l.target.value))
+      onInput: t[0] || (t[0] = (l) => n("update:modelValue", l.target.value))
     }), null, 16, M));
   }
 }, F = ["disabled", "error", "multifocus", "variant"], ye = {
@@ -448,8 +448,8 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     variant: {}
   },
   emits: [],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-input-addon", r(a.$attrs, {
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-input-addon", r(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
       multifocus: e.multifocus,
@@ -476,8 +476,8 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-input-field", r(a.$attrs, {
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-input-field", r(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
       "error-msg": e.errorMsg,
@@ -490,7 +490,7 @@ const T = ["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] = (l) => s("update:modelValue", l.target.value))
+      onInput: t[0] || (t[0] = (l) => n("update:modelValue", l.target.value))
     }), null, 16, O));
   }
 }, S = ["disabled", "pass-attrs", "placeholder", "hint-id", "input-id", "value"], Le = {
@@ -505,16 +505,16 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     modelValue: {}
   },
   emits: ["clear", "update:modelValue"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-input-search", r(a.$attrs, {
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-input-search", r(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))
+      onClear: t[0] || (t[0] = (l) => n("clear", l.detail)),
+      onInput: t[1] || (t[1] = (l) => n("update:modelValue", l.target.value))
     }), null, 16, S));
   }
 }, E = ["disabled", "for", "hide", "pass-attrs", "required"], Ve = {
@@ -527,8 +527,8 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     required: {}
   },
   emits: [],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-label", r(a.$attrs, {
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-label", r(a.$attrs, {
       disabled: e.disabled,
       for: e.for,
       hide: e.hide,
@@ -538,20 +538,20 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
       o(a.$slots, "default")
     ], 16, E));
   }
-}, j = ["size", "variant"], qe = {
+}, j = ["size", "variant"], Ae = {
   __name: "BsLoader",
   props: {
     size: {},
     variant: {}
   },
   emits: [],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-loader", r(a.$attrs, {
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-loader", r(a.$attrs, {
       size: e.size,
       variant: e.variant
     }), null, 16, j));
   }
-}, G = ["alert", "close-button", "enter-controlled", "enter-trigger", "leave-trigger"], Ae = {
+}, G = ["alert", "close-button", "enter-controlled", "enter-trigger", "leave-trigger"], qe = {
   __name: "BsModal",
   props: {
     alert: { default: !1 },
@@ -561,16 +561,16 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     leaveTrigger: { default: !1 }
   },
   emits: ["close", "enterend", "leaveend"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-modal", r(a.$attrs, {
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-modal", r(a.$attrs, {
       alert: e.alert,
       "close-button": e.closeButton,
       "enter-controlled": e.enterControlled,
       "enter-trigger": e.enterTrigger,
       "leave-trigger": e.leaveTrigger,
-      onClose: t[0] || (t[0] = (l) => s("close", l.detail)),
-      onEnterend: t[1] || (t[1] = (l) => s("enterend", l.detail)),
-      onLeaveend: t[2] || (t[2] = (l) => s("leaveend", l.detail))
+      onClose: t[0] || (t[0] = (l) => n("close", l.detail)),
+      onEnterend: t[1] || (t[1] = (l) => n("enterend", l.detail)),
+      onLeaveend: t[2] || (t[2] = (l) => n("leaveend", l.detail))
     }), [
       o(a.$slots, "default")
     ], 16, G));
@@ -583,13 +583,13 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     leaveTrigger: { default: !1 }
   },
   emits: ["enterend", "leaveend"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-overlay", r(a.$attrs, {
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-overlay", r(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))
+      onEnterend: t[0] || (t[0] = (l) => n("enterend", l.detail)),
+      onLeaveend: t[1] || (t[1] = (l) => n("leaveend", l.detail))
     }), null, 16, R));
   }
 }, H = ["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"], De = {
@@ -613,8 +613,8 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     resultsIncrements: {}
   },
   emits: ["selchange"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-pagination", r(a.$attrs, {
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-pagination", r(a.$attrs, {
       "show-first-last-buttons": e.showFirstLastButtons,
       "prev-page-text": e.prevPageText,
       "first-page-text": e.firstPageText,
@@ -631,7 +631,7 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
       "items-per-group": e.itemsPerGroup,
       "items-count": e.itemsCount,
       "results-increments": e.resultsIncrements,
-      onSelchange: t[0] || (t[0] = (l) => s("selchange", l.detail))
+      onSelchange: t[0] || (t[0] = (l) => n("selchange", l.detail))
     }), null, 16, H));
   }
 }, N = ["variant", "status", "href", "active", "disabled", "pass-attrs"], Pe = {
@@ -646,9 +646,9 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     router: {}
   },
   emits: [],
-  setup(e, { emit: s }) {
+  setup(e, { emit: n }) {
     const a = e, { onLinkClick: t } = f(a);
-    return (l, d) => (n(), i("bs-pill", r(l.$attrs, {
+    return (l, d) => (s(), i("bs-pill", r(l.$attrs, {
       variant: e.variant,
       status: e.status,
       href: e.href,
@@ -660,7 +660,7 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
       o(l.$slots, "default")
     ], 16, N));
   }
-}, W = ["layout", "href", "image-src", "image-size", "initials", "profile-name", "company", "job-title", "email"], Me = {
+}, W = ["layout", "href", "image-src", "image-size", "initials", "profile-name", "company", "job-title", "email", "action", "action-icon", "misc-meta", "misc-meta-icon"], Me = {
   __name: "BsProfile",
   props: {
     layout: {},
@@ -672,12 +672,16 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     company: {},
     jobTitle: {},
     email: {},
+    action: {},
+    actionIcon: {},
+    miscMeta: {},
+    miscMetaIcon: {},
     router: {}
   },
-  emits: [],
-  setup(e, { emit: s }) {
+  emits: ["action-toggled"],
+  setup(e, { emit: n }) {
     const a = e, { onLinkClick: t } = f(a);
-    return (l, d) => (n(), i("bs-profile", r(l.$attrs, {
+    return (l, d) => (s(), i("bs-profile", r(l.$attrs, {
       layout: e.layout,
       href: e.href,
       "image-src": e.imageSrc,
@@ -687,24 +691,38 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
       company: e.company,
       "job-title": e.jobTitle,
       email: e.email,
-      onClick: d[0] || (d[0] = (...u) => c(t) && c(t)(...u))
+      action: e.action,
+      "action-icon": e.actionIcon,
+      "misc-meta": e.miscMeta,
+      "misc-meta-icon": e.miscMetaIcon,
+      onActionToggled: d[0] || (d[0] = (u) => n("action-toggled", u.detail)),
+      onClick: d[1] || (d[1] = (...u) => c(t) && c(t)(...u))
     }), null, 16, W));
   }
-}, X = ["profile-name", "company", "job-title", "email"], Fe = {
+}, X = ["profile-name", "company", "job-title", "email", "action", "action-icon", "misc-meta", "misc-meta-icon"], Fe = {
   __name: "BsProfileDetails",
   props: {
     profileName: {},
     company: {},
     jobTitle: {},
-    email: {}
+    email: {},
+    action: {},
+    actionIcon: {},
+    miscMeta: {},
+    miscMetaIcon: {}
   },
-  emits: [],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-profile-details", r(a.$attrs, {
+  emits: ["action-toggled"],
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-profile-details", r(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) => n("action-toggled", l.detail))
     }), null, 16, X));
   }
 }, Y = ["src", "size", "initials", "profile-name"], Oe = {
@@ -716,8 +734,8 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     profileName: {}
   },
   emits: [],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-profile-img", r(a.$attrs, {
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-profile-img", r(a.$attrs, {
       src: e.src,
       size: e.size,
       initials: e.initials,
@@ -733,9 +751,9 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     router: {}
   },
   emits: [],
-  setup(e, { emit: s }) {
+  setup(e, { emit: n }) {
     const a = e, { onLinkClick: t } = f(a);
-    return (l, d) => (n(), i("bs-profile-layout", r(l.$attrs, {
+    return (l, d) => (s(), i("bs-profile-layout", r(l.$attrs, {
       layout: e.layout,
       href: e.href,
       "pass-attrs": e.passAttrs,
@@ -759,8 +777,8 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-radio", r(a.$attrs, {
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-radio", r(a.$attrs, {
       label: e.label,
       checked: e.checked || e.modelValue === e.value,
       disabled: e.disabled,
@@ -770,7 +788,7 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
       required: e.required,
       size: e.size,
       value: e.value,
-      onChange: t[0] || (t[0] = (l) => s("update:modelValue", l.target.value))
+      onChange: t[0] || (t[0] = (l) => n("update:modelValue", l.target.value))
     }), null, 16, J));
   }
 }, K = ["disabled", "input-id", "required", "error", "hint-id", "value", "pass-attrs"], je = {
@@ -786,8 +804,8 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-select", r(a.$attrs, {
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-select", r(a.$attrs, {
       disabled: e.disabled,
       "input-id": e.inputId,
       required: e.required,
@@ -795,7 +813,7 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
       "hint-id": e.hintId,
       value: e.value || e.modelValue,
       "pass-attrs": e.passAttrs,
-      onChange: t[0] || (t[0] = (l) => s("update:modelValue", l.target.value))
+      onChange: t[0] || (t[0] = (l) => n("update:modelValue", l.target.value))
     }), [
       o(a.$slots, "default")
     ], 16, K));
@@ -818,8 +836,8 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-select-field", r(a.$attrs, {
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-select-field", r(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
       "error-msg": e.errorMsg,
@@ -832,7 +850,7 @@ const T = ["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] = (l) => s("update:modelValue", l.target.value))
+      onChange: t[0] || (t[0] = (l) => n("update:modelValue", l.target.value))
     }), null, 16, Q));
   }
 }, U = ["checked", "disabled", "hide-label", "input-id", "inner-on-label", "inner-off-label", "label", "pass-attrs", "size"], Re = {
@@ -850,8 +868,8 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-switch", r(a.$attrs, {
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-switch", r(a.$attrs, {
       checked: e.checked || e.modelValue,
       disabled: e.disabled,
       "hide-label": e.hideLabel,
@@ -861,7 +879,7 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
       label: e.label,
       "pass-attrs": e.passAttrs,
       size: e.size,
-      onChange: t[0] || (t[0] = (l) => s("update:modelValue", l.target.checked))
+      onChange: t[0] || (t[0] = (l) => n("update:modelValue", l.target.checked))
     }), null, 16, U));
   }
 }, p = ["active-tab-id", "hidden", "panel-id"], He = {
@@ -872,8 +890,8 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     panelId: {}
   },
   emits: [],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-tab", r(a.$attrs, {
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-tab", r(a.$attrs, {
       "active-tab-id": e.activeTabId,
       hidden: e.hidden,
       "panel-id": e.panelId
@@ -890,11 +908,11 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     modelValue: {}
   },
   emits: ["tabChange", "update:modelValue"],
-  setup(e, { emit: s }) {
+  setup(e, { emit: n }) {
     const a = (t) => {
-      s("tabChange", t.detail), s("update:modelValue", t.detail);
+      n("tabChange", t.detail), n("update:modelValue", t.detail);
     };
-    return (t, l) => (n(), i("bs-tab-list", r(t.$attrs, {
+    return (t, l) => (s(), i("bs-tab-list", r(t.$attrs, {
       "active-tab-id": e.activeTabId || e.modelValue,
       "helper-text": e.helperText,
       "helper-description": e.helperDescription,
@@ -910,8 +928,8 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     tabId: {}
   },
   emits: [],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-tab-panel", r(a.$attrs, {
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-tab-panel", r(a.$attrs, {
       "active-tab-id": e.activeTabId,
       "tab-id": e.tabId
     }), [
@@ -932,8 +950,8 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-textarea", r(a.$attrs, {
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-textarea", r(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
       "input-id": e.inputId,
@@ -942,7 +960,7 @@ const T = ["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] = (l) => s("update:modelValue", l.target.value))
+      onInput: t[0] || (t[0] = (l) => n("update:modelValue", l.target.value))
     }), null, 16, te));
   }
 }, ae = ["char-max", "disabled", "error", "error-msg", "hint", "hints", "input-id", "label", "placeholder", "required", "value", "pass-attrs"], Ye = {
@@ -963,8 +981,8 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-textarea-field", r(a.$attrs, {
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-textarea-field", r(a.$attrs, {
       "char-max": e.charMax,
       disabled: e.disabled,
       error: e.error,
@@ -977,7 +995,7 @@ const T = ["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] = (l) => s("update:modelValue", l.target.value))
+      onInput: t[0] || (t[0] = (l) => n("update:modelValue", l.target.value))
     }), null, 16, ae));
   }
 }, le = ["toast-id", "variant", "stacked", "duration", "enter-controlled", "enter-trigger", "leave-trigger"], Ze = {
@@ -992,8 +1010,8 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     leaveTrigger: { default: !1 }
   },
   emits: ["dismiss", "enterend", "leaveend"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-toast", r(a.$attrs, {
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-toast", r(a.$attrs, {
       "toast-id": e.toastId,
       variant: e.variant,
       stacked: e.stacked,
@@ -1001,9 +1019,9 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
       "enter-controlled": e.enterControlled,
       "enter-trigger": e.enterTrigger,
       "leave-trigger": e.leaveTrigger,
-      onDismiss: t[0] || (t[0] = (l) => s("dismiss", l.detail)),
-      onEnterend: t[1] || (t[1] = (l) => s("enterend", l.detail)),
-      onLeaveend: t[2] || (t[2] = (l) => s("leaveend", l.detail))
+      onDismiss: t[0] || (t[0] = (l) => n("dismiss", l.detail)),
+      onEnterend: t[1] || (t[1] = (l) => n("enterend", l.detail)),
+      onLeaveend: t[2] || (t[2] = (l) => n("leaveend", l.detail))
     }), [
       o(a.$slots, "default")
     ], 16, le));
@@ -1012,9 +1030,9 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
   __name: "BsToastActions",
   props: {},
   emits: ["defaultDismiss"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-toast-actions", r(a.$attrs, {
-      "on:defaultDismiss": t[0] || (t[0] = (l) => s("defaultDismiss", l.detail))
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-toast-actions", r(a.$attrs, {
+      "on:defaultDismiss": t[0] || (t[0] = (l) => n("defaultDismiss", l.detail))
     }), [
       o(a.$slots, "default")
     ], 16));
@@ -1023,32 +1041,32 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
   __name: "BsToastBody",
   props: {},
   emits: [],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-toast-body", v($(a.$attrs)), [
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-toast-body", v($(a.$attrs)), [
       o(a.$slots, "default")
     ], 16));
   }
-}, se = ["variant"], Qe = {
+}, ne = ["variant"], Qe = {
   __name: "BsToastHeader",
   props: {
     variant: {}
   },
   emits: [],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-toast-header", r(a.$attrs, { variant: e.variant }), [
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-toast-header", r(a.$attrs, { variant: e.variant }), [
       o(a.$slots, "default")
-    ], 16, se));
+    ], 16, ne));
   }
 }, Ue = {
   __name: "BsToaster",
   props: {},
   emits: [],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-toaster", v($(a.$attrs)), [
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-toaster", v($(a.$attrs)), [
       o(a.$slots, "default")
     ], 16));
   }
-}, ne = ["tooltip-id", "content", "position"], pe = {
+}, se = ["tooltip-id", "content", "position"], pe = {
   __name: "BsTooltip",
   props: {
     tooltipId: {},
@@ -1056,14 +1074,14 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     position: {}
   },
   emits: [],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-tooltip", r(a.$attrs, {
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-tooltip", r(a.$attrs, {
       "tooltip-id": e.tooltipId,
       content: e.content,
       position: e.position
     }), [
       o(a.$slots, "default")
-    ], 16, ne));
+    ], 16, se));
   }
 }, ie = ["enter-class", "enter-attribute", "enter-duration", "leave-class", "leave-attribute", "leave-duration", "enter-controlled", "enter-trigger", "leave-trigger"], _e = {
   __name: "BsTransition",
@@ -1079,8 +1097,8 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
     leaveTrigger: { default: !1 }
   },
   emits: ["enterend", "leaveend"],
-  setup(e, { emit: s }) {
-    return (a, t) => (n(), i("bs-transition", r(a.$attrs, {
+  setup(e, { emit: n }) {
+    return (a, t) => (s(), i("bs-transition", r(a.$attrs, {
       "enter-class": e.enterClass,
       "enter-attribute": e.enterAttribute,
       "enter-duration": e.enterDuration,
@@ -1090,8 +1108,8 @@ const T = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn",
       "enter-controlled": e.enterControlled,
       "enter-trigger": e.enterTrigger,
       "leave-trigger": e.leaveTrigger,
-      onEnterend: t[0] || (t[0] = (l) => s("enterend", l.detail)),
-      onLeaveend: t[1] || (t[1] = (l) => s("leaveend", l.detail))
+      onEnterend: t[0] || (t[0] = (l) => n("enterend", l.detail)),
+      onLeaveend: t[1] || (t[1] = (l) => n("leaveend", l.detail))
     }), [
       o(a.$slots, "default")
     ], 16, ie));
@@ -1103,8 +1121,8 @@ export {
   ue as BsBanner,
   ce as BsButton,
   fe as BsCharacterCount,
-  he as BsChartBar,
-  me as BsChartTable,
+  me as BsChartBar,
+  he as BsChartTable,
   be as BsCheckbox,
   ge as BsCircleButton,
   ve as BsDropdown,
@@ -1119,8 +1137,8 @@ export {
   we as BsInputField,
   Le as BsInputSearch,
   Ve as BsLabel,
-  qe as BsLoader,
-  Ae as BsModal,
+  Ae as BsLoader,
+  qe as BsModal,
   ze as BsOverlay,
   De as BsPagination,
   Pe as BsPill,