@wwtdev/bsds-components-vue3 1.15.9 → 1.15.11

package/nuxt/bsds-components.mjs

@@ -1,7 +1,7 @@
-import { openBlock as s, createElementBlock as r, mergeProps as o, renderSlot as f, computed as b, unref as m, createBlock as g, withCtx as v, createElementVNode as u, createVNode as P, normalizeProps as k, guardReactiveProps as p, ref as $, onMounted as C, resolveDynamicComponent as w, createCommentVNode as A, toDisplayString as L, useAttrs as T, normalizeStyle as M, Fragment as V, renderList as S, normalizeClass as q, onUnmounted as F } from "vue";
-import { ClientOnly as B } from "#components";
-import { v4 as E } from "uuid";
-const O = ["color", "count", "count-max", "dot", "label", "position", "show-zero"], Je = {
+import { openBlock as s, createElementBlock as r, mergeProps as d, renderSlot as f, computed as b, unref as m, createBlock as $, withCtx as B, createElementVNode as c, createVNode as S, normalizeProps as L, guardReactiveProps as V, ref as v, onMounted as k, resolveDynamicComponent as p, createCommentVNode as q, toDisplayString as z, useAttrs as w, normalizeStyle as F, Fragment as D, renderList as E, normalizeClass as P, onUnmounted as O } from "vue";
+import { ClientOnly as I } from "#components";
+import { v4 as R } from "uuid";
+const G = ["color", "count", "count-max", "dot", "label", "position", "show-zero"], Qe = {
   __name: "BsBadge",
   props: {
     color: {},
@@ -14,7 +14,7 @@ const O = ["color", "count", "count-max", "dot", "label", "position", "show-zero
   },
   emits: [],
   setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-badge", o(a.$attrs, {
+    return (a, t) => (s(), r("bs-badge", d(a.$attrs, {
       color: e.color,
       count: e.count,
       "count-max": e.countMax,
@@ -24,9 +24,9 @@ const O = ["color", "count", "count-max", "dot", "label", "position", "show-zero
       "show-zero": e.showZero
     }), [
       f(a.$slots, "default")
-    ], 16, O));
+    ], 16, G));
   }
-}, R = ["char-count", "char-max"], Qe = {
+}, j = ["char-count", "char-max"], Ke = {
   __name: "BsCharacterCount",
   props: {
     charCount: {},
@@ -34,12 +34,12 @@ const O = ["color", "count", "count-max", "dot", "label", "position", "show-zero
   },
   emits: [],
   setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-character-count", o(a.$attrs, {
+    return (a, t) => (s(), r("bs-character-count", d(a.$attrs, {
       "char-count": e.charCount,
       "char-max": e.charMax
-    }), null, 16, R));
+    }), null, 16, j));
   }
-}, G = ["chart-title", "data", "dataIdxLabels", "show-legend", "show-tooltips", "show-x-grid", "show-y-grid", "stacked", "x-label", "y-label"], Ke = {
+}, N = ["chart-title", "data", "dataIdxLabels", "show-legend", "show-tooltips", "show-x-grid", "show-y-grid", "stacked", "x-label", "y-label"], _e = {
   __name: "BsChartBar",
   props: {
     chartTitle: {},
@@ -55,7 +55,7 @@ const O = ["color", "count", "count-max", "dot", "label", "position", "show-zero
   },
   emits: [],
   setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-chart-bar", o(a.$attrs, {
+    return (a, t) => (s(), r("bs-chart-bar", d(a.$attrs, {
       "chart-title": e.chartTitle,
       data: e.data,
       dataIdxLabels: e.dataIdxLabels,
@@ -66,9 +66,9 @@ const O = ["color", "count", "count-max", "dot", "label", "position", "show-zero
       stacked: e.stacked,
       "x-label": e.xLabel,
       "y-label": e.yLabel
-    }), null, 16, G));
+    }), null, 16, N));
   }
-}, j = ["data", "dataIdxLabels", "table-title"], _e = {
+}, W = ["data", "dataIdxLabels", "table-title"], et = {
   __name: "BsChartTable",
   props: {
     data: {},
@@ -77,13 +77,13 @@ const O = ["color", "count", "count-max", "dot", "label", "position", "show-zero
   },
   emits: [],
   setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-chart-table", o(a.$attrs, {
+    return (a, t) => (s(), r("bs-chart-table", d(a.$attrs, {
       data: e.data,
       dataIdxLabels: e.dataIdxLabels,
       "table-title": e.tableTitle
-    }), null, 16, j));
+    }), null, 16, W));
   }
-}, N = ["label", "checked", "checked-partially", "disabled", "error", "input-id", "pass-attrs", "required", "size"], et = {
+}, H = ["label", "checked", "checked-partially", "disabled", "error", "input-id", "pass-attrs", "required", "size"], tt = {
   __name: "BsCheckbox",
   props: {
     label: {},
@@ -99,7 +99,7 @@ const O = ["color", "count", "count-max", "dot", "label", "position", "show-zero
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-checkbox", o(a.$attrs, {
+    return (a, t) => (s(), r("bs-checkbox", d(a.$attrs, {
       label: e.label,
       checked: e.checked || e.modelValue,
       "checked-partially": e.checkedPartially,
@@ -110,24 +110,24 @@ const O = ["color", "count", "count-max", "dot", "label", "position", "show-zero
       required: e.required,
       size: e.size,
       onChange: t[0] || (t[0] = (l) => n("update:modelValue", l.target.checked))
-    }), null, 16, N));
+    }), null, 16, H));
   }
 };
-function x(e) {
+function T(e) {
   const n = b(() => {
-    var l, d;
-    return ((d = (l = e.href) == null ? void 0 : l.startsWith) == null ? void 0 : d.call(l, "/")) || !1;
+    var l, i;
+    return ((i = (l = e.href) == null ? void 0 : l.startsWith) == null ? void 0 : i.call(l, "/")) || !1;
   }), a = b(() => {
-    var l, d;
-    return n.value && ((l = e.router) == null ? void 0 : l.navigateTo) || ((d = e.router) == null ? void 0 : d.push) || null;
+    var l, i;
+    return n.value && ((l = e.router) == null ? void 0 : l.navigateTo) || ((i = e.router) == null ? void 0 : i.push) || null;
   });
   function t(l) {
-    var d, i, c, h, I;
-    a.value && ((i = (d = l.target.href) == null ? void 0 : d.endsWith) != null && i.call(d, e.href) || (I = (h = (c = l.target.closest("a")) == null ? void 0 : c.href) == null ? void 0 : h.endsWith) != null && I.call(h, e.href)) && (l.preventDefault(), a.value(e.href));
+    var i, o, h, u, g;
+    a.value && ((o = (i = l.target.href) == null ? void 0 : i.endsWith) != null && o.call(i, e.href) || (g = (u = (h = l.target.closest("a")) == null ? void 0 : h.href) == null ? void 0 : u.endsWith) != null && g.call(u, e.href)) && (l.preventDefault(), a.value(e.href));
   }
   return { onLinkClick: t };
 }
-const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-position", "label", "pass-attrs", "text-btn", "size"], tt = {
+const U = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-position", "label", "pass-attrs", "text-btn", "size"], at = {
   __name: "BsCircleButton",
   props: {
     disabled: {},
@@ -144,8 +144,8 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: [],
   setup(e, { emit: n }) {
-    const a = e, { onLinkClick: t } = x(a);
-    return (l, d) => (s(), r("bs-circle-button", o(l.$attrs, {
+    const a = e, { onLinkClick: t } = T(a);
+    return (l, i) => (s(), r("bs-circle-button", d(l.$attrs, {
       disabled: e.disabled,
       "ghost-btn": e.ghostBtn,
       "hover-effect": e.hoverEffect,
@@ -156,10 +156,10 @@ const W = ["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] = (...i) => m(t) && m(t)(...i))
-    }), null, 16, W));
+      onClick: i[0] || (i[0] = (...o) => m(t) && m(t)(...o))
+    }), null, 16, U));
   }
-}, H = ["width", "top", "center", "toggle-id", "container-id", "helper-text", "helper-description", "enter-controlled", "enter-trigger", "leave-trigger"], at = {
+}, Y = ["width", "top", "center", "toggle-id", "container-id", "helper-text", "helper-description", "enter-controlled", "enter-trigger", "leave-trigger"], lt = {
   __name: "BsDropdown",
   props: {
     width: { default: void 0 },
@@ -175,9 +175,9 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["close", "enterend", "leaveend"],
   setup(e, { emit: n }) {
-    return (a, t) => (s(), g(m(B), null, {
-      default: v(() => [
-        u("bs-dropdown", o(a.$attrs, {
+    return (a, t) => (s(), $(m(I), null, {
+      default: B(() => [
+        c("bs-dropdown", d(a.$attrs, {
           width: e.width,
           top: e.top,
           center: e.center,
@@ -193,12 +193,12 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
           onLeaveend: t[2] || (t[2] = (l) => n("leaveend", l.detail))
         }), [
           f(a.$slots, "default")
-        ], 16, H)
+        ], 16, Y)
       ]),
       _: 3
     }));
   }
-}, U = ["value", "variant", "options-id", "selected", "focused", "index"], lt = {
+}, X = ["value", "variant", "options-id", "selected", "focused", "index"], nt = {
   __name: "BsDropdownOption",
   props: {
     value: {},
@@ -210,7 +210,7 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["optmouseenter", "optselect"],
   setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-dropdown-option", o(a.$attrs, {
+    return (a, t) => (s(), r("bs-dropdown-option", d(a.$attrs, {
       value: e.value,
       variant: e.variant,
       "options-id": e.optionsId,
@@ -221,9 +221,9 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       onOptselect: t[1] || (t[1] = (l) => n("optselect", l.detail))
     }), [
       f(a.$slots, "default")
-    ], 16, U));
+    ], 16, X));
   }
-}, Y = ["options-id", "visible", "focus-delay", "label", "selected-value"], nt = {
+}, Z = ["options-id", "visible", "focus-delay", "label", "selected-value"], st = {
   __name: "BsDropdownOptionList",
   props: {
     optionsId: {},
@@ -234,9 +234,9 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["optselected", "close"],
   setup(e, { emit: n }) {
-    return (a, t) => (s(), g(m(B), null, {
-      default: v(() => [
-        u("bs-dropdown-option-list", o(a.$attrs, {
+    return (a, t) => (s(), $(m(I), null, {
+      default: B(() => [
+        c("bs-dropdown-option-list", d(a.$attrs, {
           "options-id": e.optionsId,
           visible: e.visible,
           "focus-delay": e.focusDelay,
@@ -246,12 +246,12 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
           onClose: t[1] || (t[1] = (l) => n("close", l.detail))
         }), [
           f(a.$slots, "default")
-        ], 16, Y)
+        ], 16, Z)
       ]),
       _: 3
     }));
   }
-}, X = ["toggle-id", "container-id", "options-id", "width", "top", "center", "label", "selected-value", "enter-controlled", "enter-trigger", "leave-trigger", "helper-text", "helper-description"], st = {
+}, J = ["toggle-id", "container-id", "options-id", "width", "top", "center", "label", "selected-value", "enter-controlled", "enter-trigger", "leave-trigger", "helper-text", "helper-description"], it = {
   __name: "BsDropdownWithOptions",
   props: {
     toggleId: {},
@@ -270,9 +270,9 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["optselected", "close", "enterend", "leaveend"],
   setup(e, { emit: n }) {
-    return (a, t) => (s(), g(m(B), null, {
-      default: v(() => [
-        u("bs-dropdown-with-options", o(a.$attrs, {
+    return (a, t) => (s(), $(m(I), null, {
+      default: B(() => [
+        c("bs-dropdown-with-options", d(a.$attrs, {
           "toggle-id": e.toggleId,
           "container-id": e.containerId,
           "options-id": e.optionsId,
@@ -292,12 +292,12 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
           onLeaveend: t[3] || (t[3] = (l) => n("leaveend", l.detail))
         }), [
           f(a.$slots, "default")
-        ], 16, X)
+        ], 16, J)
       ]),
       _: 3
     }));
   }
-}, Z = ["char-count", "char-max", "error", "error-msg", "hint", "hint-id"], it = {
+}, Q = ["char-count", "char-max", "error", "error-msg", "hint", "hint-id"], rt = {
   __name: "BsFieldDetails",
   props: {
     charCount: {},
@@ -309,16 +309,16 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: [],
   setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-field-details", o(a.$attrs, {
+    return (a, t) => (s(), r("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, Z));
+    }), null, 16, Q));
   }
-}, J = ["char-count", "char-max", "disabled", "error", "hints", "label", "label-for", "required", "hint-id"], rt = {
+}, K = ["char-count", "char-max", "disabled", "error", "hints", "label", "label-for", "required", "hint-id"], dt = {
   __name: "BsFieldLayout",
   props: {
     charCount: {},
@@ -333,7 +333,7 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: [],
   setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-field-layout", o(a.$attrs, {
+    return (a, t) => (s(), r("bs-field-layout", d(a.$attrs, {
       "char-count": e.charCount,
       "char-max": e.charMax,
       disabled: e.disabled,
@@ -345,9 +345,9 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       "hint-id": e.hintId
     }), [
       f(a.$slots, "default")
-    ], 16, J));
+    ], 16, K));
   }
-}, Q = ["error", "hint-id", "hints"], dt = {
+}, _ = ["error", "hint-id", "hints"], ot = {
   __name: "BsHint",
   props: {
     error: {},
@@ -356,13 +356,13 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: [],
   setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-hint", o(a.$attrs, {
+    return (a, t) => (s(), r("bs-hint", d(a.$attrs, {
       error: e.error,
       "hint-id": e.hintId,
       hints: e.hints
-    }), null, 16, Q));
+    }), null, 16, _));
   }
-}, K = ["disabled", "error", "input-id", "pass-attrs", "placeholder", "required", "type", "value", "hint-id"], ot = {
+}, ee = ["disabled", "error", "input-id", "pass-attrs", "placeholder", "required", "type", "value", "hint-id"], ut = {
   __name: "BsInput",
   props: {
     disabled: { default: !1 },
@@ -378,7 +378,7 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-input", o(a.$attrs, {
+    return (a, t) => (s(), r("bs-input", d(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
       "input-id": e.inputId,
@@ -389,9 +389,9 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       value: e.value || e.modelValue,
       "hint-id": e.hintId,
       onInput: t[0] || (t[0] = (l) => n("update:modelValue", l.target.value))
-    }), null, 16, K));
+    }), null, 16, ee));
   }
-}, _ = ["disabled", "error", "multifocus", "variant"], ut = {
+}, te = ["disabled", "error", "multifocus", "variant"], ct = {
   __name: "BsInputAddon",
   props: {
     disabled: { default: !1 },
@@ -401,16 +401,16 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: [],
   setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-input-addon", o(a.$attrs, {
+    return (a, t) => (s(), r("bs-input-addon", d(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
       multifocus: e.multifocus,
       variant: e.variant
     }), [
       f(a.$slots, "default")
-    ], 16, _));
+    ], 16, te));
   }
-}, ee = ["disabled", "error", "error-msg", "hint", "hints", "input-id", "label", "pass-attrs", "placeholder", "required", "type", "value"], ct = {
+}, ae = ["disabled", "error", "error-msg", "hint", "hints", "input-id", "label", "pass-attrs", "placeholder", "required", "type", "value"], ft = {
   __name: "BsInputField",
   props: {
     disabled: { default: !1 },
@@ -429,7 +429,7 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-input-field", o(a.$attrs, {
+    return (a, t) => (s(), r("bs-input-field", d(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
       "error-msg": e.errorMsg,
@@ -443,9 +443,9 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       type: e.type,
       value: e.value || e.modelValue,
       onInput: t[0] || (t[0] = (l) => n("update:modelValue", l.target.value))
-    }), null, 16, ee));
+    }), null, 16, ae));
   }
-}, te = ["disabled", "pass-attrs", "placeholder", "hint-id", "input-id", "value"], ft = {
+}, le = ["disabled", "pass-attrs", "placeholder", "hint-id", "input-id", "value"], ht = {
   __name: "BsInputSearch",
   props: {
     disabled: { default: !1 },
@@ -458,7 +458,7 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["clear", "update:modelValue"],
   setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-input-search", o(a.$attrs, {
+    return (a, t) => (s(), r("bs-input-search", d(a.$attrs, {
       disabled: e.disabled,
       "pass-attrs": e.passAttrs,
       placeholder: e.placeholder,
@@ -467,9 +467,9 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       value: e.value || e.modelValue,
       onClear: t[0] || (t[0] = (l) => n("clear", l.detail)),
       onInput: t[1] || (t[1] = (l) => n("update:modelValue", l.target.value))
-    }), null, 16, te));
+    }), null, 16, le));
   }
-}, ae = ["size", "variant"], ht = {
+}, ne = ["size", "variant"], mt = {
   __name: "BsLoader",
   props: {
     size: {},
@@ -477,12 +477,12 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: [],
   setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-loader", o(a.$attrs, {
+    return (a, t) => (s(), r("bs-loader", d(a.$attrs, {
       size: e.size,
       variant: e.variant
-    }), null, 16, ae));
+    }), null, 16, ne));
   }
-}, le = ["alert", "close-button", "enter-controlled", "enter-trigger", "leave-trigger"], mt = {
+}, se = ["alert", "close-button", "enter-controlled", "enter-trigger", "leave-trigger"], bt = {
   __name: "BsModal",
   props: {
     alert: { default: !1 },
@@ -493,9 +493,9 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["close", "enterend", "leaveend"],
   setup(e, { emit: n }) {
-    return (a, t) => (s(), g(m(B), null, {
-      default: v(() => [
-        u("bs-modal", o(a.$attrs, {
+    return (a, t) => (s(), $(m(I), null, {
+      default: B(() => [
+        c("bs-modal", d(a.$attrs, {
           alert: e.alert,
           "close-button": e.closeButton,
           "enter-controlled": e.enterControlled,
@@ -506,12 +506,12 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
           onLeaveend: t[2] || (t[2] = (l) => n("leaveend", l.detail))
         }), [
           f(a.$slots, "default")
-        ], 16, le)
+        ], 16, se)
       ]),
       _: 3
     }));
   }
-}, ne = ["enter-controlled", "enter-trigger", "leave-trigger"], bt = {
+}, ie = ["enter-controlled", "enter-trigger", "leave-trigger"], gt = {
   __name: "BsOverlay",
   props: {
     enterControlled: { default: !1 },
@@ -520,20 +520,20 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["enterend", "leaveend"],
   setup(e, { emit: n }) {
-    return (a, t) => (s(), g(m(B), null, {
-      default: v(() => [
-        u("bs-overlay", o(a.$attrs, {
+    return (a, t) => (s(), $(m(I), null, {
+      default: B(() => [
+        c("bs-overlay", d(a.$attrs, {
           "enter-controlled": e.enterControlled,
           "enter-trigger": e.enterTrigger,
           "leave-trigger": e.leaveTrigger,
           onEnterend: t[0] || (t[0] = (l) => n("enterend", l.detail)),
           onLeaveend: t[1] || (t[1] = (l) => n("leaveend", l.detail))
-        }), null, 16, ne)
+        }), null, 16, ie)
       ]),
       _: 1
     }));
   }
-}, se = ["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"], gt = {
+}, re = ["show-first-last-buttons", "prev-page-text", "first-page-text", "next-page-text", "last-page-text", "fixed", "variant", "selection", "center-display", "break-text", "page-range", "page-count", "center-label", "items-per-group", "items-count", "results-increments"], vt = {
   __name: "BsPagination",
   props: {
     showFirstLastButtons: { default: !1 },
@@ -555,7 +555,7 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["selchange"],
   setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-pagination", o(a.$attrs, {
+    return (a, t) => (s(), r("bs-pagination", d(a.$attrs, {
       "show-first-last-buttons": e.showFirstLastButtons,
       "prev-page-text": e.prevPageText,
       "first-page-text": e.firstPageText,
@@ -573,9 +573,9 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       "items-count": e.itemsCount,
       "results-increments": e.resultsIncrements,
       onSelchange: t[0] || (t[0] = (l) => n("selchange", l.detail))
-    }), null, 16, se));
+    }), null, 16, re));
   }
-}, ie = ["layout", "href", "image-src", "image-size", "initials", "profile-name", "company", "job-title", "email", "action", "action-icon", "misc-meta", "misc-meta-icon"], vt = {
+}, de = ["layout", "href", "image-src", "image-size", "initials", "profile-name", "company", "job-title", "email", "action", "action-icon", "misc-meta", "misc-meta-icon"], $t = {
   __name: "BsProfile",
   props: {
     layout: {},
@@ -595,8 +595,8 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["action-toggled"],
   setup(e, { emit: n }) {
-    const a = e, { onLinkClick: t } = x(a);
-    return (l, d) => (s(), r("bs-profile", o(l.$attrs, {
+    const a = e, { onLinkClick: t } = T(a);
+    return (l, i) => (s(), r("bs-profile", d(l.$attrs, {
       layout: e.layout,
       href: e.href,
       "image-src": e.imageSrc,
@@ -610,11 +610,11 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       "action-icon": e.actionIcon,
       "misc-meta": e.miscMeta,
       "misc-meta-icon": e.miscMetaIcon,
-      onActionToggled: d[0] || (d[0] = (i) => n("action-toggled", i.detail)),
-      onClick: d[1] || (d[1] = (...i) => m(t) && m(t)(...i))
-    }), null, 16, ie));
+      onActionToggled: i[0] || (i[0] = (o) => n("action-toggled", o.detail)),
+      onClick: i[1] || (i[1] = (...o) => m(t) && m(t)(...o))
+    }), null, 16, de));
   }
-}, re = ["profile-name", "company", "job-title", "email", "action", "action-icon", "misc-meta", "misc-meta-icon"], $t = {
+}, oe = ["profile-name", "company", "job-title", "email", "action", "action-icon", "misc-meta", "misc-meta-icon"], Bt = {
   __name: "BsProfileDetails",
   props: {
     profileName: {},
@@ -628,7 +628,7 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["action-toggled"],
   setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-profile-details", o(a.$attrs, {
+    return (a, t) => (s(), r("bs-profile-details", d(a.$attrs, {
       "profile-name": e.profileName,
       company: e.company,
       "job-title": e.jobTitle,
@@ -638,9 +638,9 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       "misc-meta": e.miscMeta,
       "misc-meta-icon": e.miscMetaIcon,
       onActionToggled: t[0] || (t[0] = (l) => n("action-toggled", l.detail))
-    }), null, 16, re));
+    }), null, 16, oe));
   }
-}, de = ["src", "size", "initials", "profile-name"], Bt = {
+}, ue = ["src", "size", "initials", "profile-name"], It = {
   __name: "BsProfileImg",
   props: {
     src: {},
@@ -650,14 +650,14 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: [],
   setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-profile-img", o(a.$attrs, {
+    return (a, t) => (s(), r("bs-profile-img", d(a.$attrs, {
       src: e.src,
       size: e.size,
       initials: e.initials,
       "profile-name": e.profileName
-    }), null, 16, de));
+    }), null, 16, ue));
   }
-}, oe = ["layout", "href", "pass-attrs"], It = {
+}, ce = ["layout", "href", "pass-attrs"], xt = {
   __name: "BsProfileLayout",
   props: {
     layout: { default: "vertical" },
@@ -667,17 +667,17 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: [],
   setup(e, { emit: n }) {
-    const a = e, { onLinkClick: t } = x(a);
-    return (l, d) => (s(), r("bs-profile-layout", o(l.$attrs, {
+    const a = e, { onLinkClick: t } = T(a);
+    return (l, i) => (s(), r("bs-profile-layout", d(l.$attrs, {
       layout: e.layout,
       href: e.href,
       "pass-attrs": e.passAttrs,
-      onClick: d[0] || (d[0] = (...i) => m(t) && m(t)(...i))
+      onClick: i[0] || (i[0] = (...o) => m(t) && m(t)(...o))
     }), [
       f(l.$slots, "default")
-    ], 16, oe));
+    ], 16, ce));
   }
-}, ue = ["label", "checked", "disabled", "error", "input-id", "pass-attrs", "required", "size", "value"], xt = {
+}, fe = ["label", "checked", "disabled", "error", "input-id", "pass-attrs", "required", "size", "value"], yt = {
   __name: "BsRadio",
   props: {
     label: {},
@@ -693,7 +693,7 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-radio", o(a.$attrs, {
+    return (a, t) => (s(), r("bs-radio", d(a.$attrs, {
       label: e.label,
       checked: e.checked || e.modelValue === e.value,
       disabled: e.disabled,
@@ -704,9 +704,9 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       size: e.size,
       value: e.value,
       onChange: t[0] || (t[0] = (l) => n("update:modelValue", l.target.value))
-    }), null, 16, ue));
+    }), null, 16, fe));
   }
-}, ce = ["disabled", "error", "error-msg", "input-id", "label", "hint", "hints", "placeholder", "required", "value", "pass-attrs", "data"], yt = {
+}, he = ["disabled", "error", "error-msg", "input-id", "label", "hint", "hints", "placeholder", "required", "value", "pass-attrs", "data"], Tt = {
   __name: "BsSelectField",
   props: {
     disabled: { default: !1 },
@@ -725,7 +725,7 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-select-field", o(a.$attrs, {
+    return (a, t) => (s(), r("bs-select-field", d(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
       "error-msg": e.errorMsg,
@@ -739,9 +739,9 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       "pass-attrs": e.passAttrs,
       data: e.data,
       onChange: t[0] || (t[0] = (l) => n("update:modelValue", l.target.value))
-    }), null, 16, ce));
+    }), null, 16, he));
   }
-}, fe = ["checked", "disabled", "hide-label", "input-id", "inner-on-label", "inner-off-label", "label", "pass-attrs", "size"], Tt = {
+}, me = ["checked", "disabled", "hide-label", "input-id", "inner-on-label", "inner-off-label", "label", "pass-attrs", "size"], Ct = {
   __name: "BsSwitch",
   props: {
     checked: { default: !1 },
@@ -757,7 +757,7 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-switch", o(a.$attrs, {
+    return (a, t) => (s(), r("bs-switch", d(a.$attrs, {
       checked: e.checked || e.modelValue,
       disabled: e.disabled,
       "hide-label": e.hideLabel,
@@ -768,9 +768,9 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       "pass-attrs": e.passAttrs,
       size: e.size,
       onChange: t[0] || (t[0] = (l) => n("update:modelValue", l.target.checked))
-    }), null, 16, fe));
+    }), null, 16, me));
   }
-}, he = ["active-tab-id", "hidden", "panel-id"], Ct = {
+}, be = ["active-tab-id", "hidden", "panel-id"], wt = {
   __name: "BsTab",
   props: {
     activeTabId: {},
@@ -779,15 +779,15 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: [],
   setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-tab", o(a.$attrs, {
+    return (a, t) => (s(), r("bs-tab", d(a.$attrs, {
       "active-tab-id": e.activeTabId,
       hidden: e.hidden,
       "panel-id": e.panelId
     }), [
       f(a.$slots, "default")
-    ], 16, he));
+    ], 16, be));
   }
-}, me = ["active-tab-id", "helper-text", "helper-description"], wt = {
+}, ge = ["active-tab-id", "helper-text", "helper-description"], kt = {
   __name: "BsTabList",
   props: {
     activeTabId: {},
@@ -800,21 +800,21 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     const a = (t) => {
       n("tabChange", t.detail), n("update:modelValue", t.detail);
     };
-    return (t, l) => (s(), r("bs-tab-list", o(t.$attrs, {
+    return (t, l) => (s(), r("bs-tab-list", d(t.$attrs, {
       "active-tab-id": e.activeTabId || e.modelValue,
       "helper-text": e.helperText,
       "helper-description": e.helperDescription,
       "on:tabChange": a
     }), [
-      P(m(B), null, {
-        default: v(() => [
+      S(m(I), null, {
+        default: B(() => [
           f(t.$slots, "default")
         ]),
         _: 3
       })
-    ], 16, me));
+    ], 16, ge));
   }
-}, be = ["active-tab-id", "tab-id"], kt = {
+}, ve = ["active-tab-id", "tab-id"], pt = {
   __name: "BsTabPanel",
   props: {
     activeTabId: {},
@@ -822,14 +822,14 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: [],
   setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-tab-panel", o(a.$attrs, {
+    return (a, t) => (s(), r("bs-tab-panel", d(a.$attrs, {
       "active-tab-id": e.activeTabId,
       "tab-id": e.tabId
     }), [
       f(a.$slots, "default")
-    ], 16, be));
+    ], 16, ve));
   }
-}, ge = ["disabled", "error", "input-id", "pass-attrs", "placeholder", "required", "rows", "value", "hint-id"], pt = {
+}, $e = ["disabled", "error", "input-id", "pass-attrs", "placeholder", "required", "rows", "value", "hint-id"], At = {
   __name: "BsTextarea",
   props: {
     disabled: { default: !1 },
@@ -845,7 +845,7 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-textarea", o(a.$attrs, {
+    return (a, t) => (s(), r("bs-textarea", d(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
       "input-id": e.inputId,
@@ -856,9 +856,9 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       value: e.value || e.modelValue,
       "hint-id": e.hintId,
       onInput: t[0] || (t[0] = (l) => n("update:modelValue", l.target.value))
-    }), null, 16, ge));
+    }), null, 16, $e));
   }
-}, ve = ["char-max", "disabled", "error", "error-msg", "hint", "hints", "input-id", "label", "placeholder", "required", "rows", "value", "pass-attrs"], At = {
+}, Be = ["char-max", "disabled", "error", "error-msg", "hint", "hints", "input-id", "label", "placeholder", "required", "rows", "value", "pass-attrs"], Lt = {
   __name: "BsTextareaField",
   props: {
     charMax: {},
@@ -878,7 +878,7 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-textarea-field", o(a.$attrs, {
+    return (a, t) => (s(), r("bs-textarea-field", d(a.$attrs, {
       "char-max": e.charMax,
       disabled: e.disabled,
       error: e.error,
@@ -893,9 +893,9 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       value: e.value || e.modelValue,
       "pass-attrs": e.passAttrs,
       onInput: t[0] || (t[0] = (l) => n("update:modelValue", l.target.value))
-    }), null, 16, ve));
+    }), null, 16, Be));
   }
-}, $e = ["toast-id", "variant", "stacked", "duration", "enter-controlled", "enter-trigger", "leave-trigger"], Lt = {
+}, Ie = ["toast-id", "variant", "stacked", "duration", "enter-controlled", "enter-trigger", "leave-trigger"], Vt = {
   __name: "BsToast",
   props: {
     toastId: {},
@@ -908,9 +908,9 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["dismiss", "enterend", "leaveend"],
   setup(e, { emit: n }) {
-    return (a, t) => (s(), g(m(B), null, {
-      default: v(() => [
-        u("bs-toast", o(a.$attrs, {
+    return (a, t) => (s(), $(m(I), null, {
+      default: B(() => [
+        c("bs-toast", d(a.$attrs, {
           "toast-id": e.toastId,
           variant: e.variant,
           stacked: e.stacked,
@@ -923,57 +923,57 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
           onLeaveend: t[2] || (t[2] = (l) => n("leaveend", l.detail))
         }), [
           f(a.$slots, "default")
-        ], 16, $e)
+        ], 16, Ie)
       ]),
       _: 3
     }));
   }
-}, Vt = {
+}, qt = {
   __name: "BsToastActions",
   props: {},
   emits: ["defaultDismiss"],
   setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-toast-actions", o(a.$attrs, {
+    return (a, t) => (s(), r("bs-toast-actions", d(a.$attrs, {
       "on:defaultDismiss": t[0] || (t[0] = (l) => n("defaultDismiss", l.detail))
     }), [
       f(a.$slots, "default")
     ], 16));
   }
-}, qt = {
+}, zt = {
   __name: "BsToastBody",
   props: {},
   emits: [],
   setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-toast-body", k(p(a.$attrs)), [
+    return (a, t) => (s(), r("bs-toast-body", L(V(a.$attrs)), [
       f(a.$slots, "default")
     ], 16));
   }
-}, Be = ["variant"], zt = {
+}, xe = ["variant"], Dt = {
   __name: "BsToastHeader",
   props: {
     variant: {}
   },
   emits: [],
   setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-toast-header", o(a.$attrs, { variant: e.variant }), [
+    return (a, t) => (s(), r("bs-toast-header", d(a.$attrs, { variant: e.variant }), [
       f(a.$slots, "default")
-    ], 16, Be));
+    ], 16, xe));
   }
-}, Dt = {
+}, Pt = {
   __name: "BsToaster",
   props: {},
   emits: [],
   setup(e, { emit: n }) {
-    return (a, t) => (s(), g(m(B), null, {
-      default: v(() => [
-        u("bs-toaster", k(p(a.$attrs)), [
+    return (a, t) => (s(), $(m(I), null, {
+      default: B(() => [
+        c("bs-toaster", L(V(a.$attrs)), [
           f(a.$slots, "default")
         ], 16)
       ]),
       _: 3
     }));
   }
-}, Ie = ["enter-class", "enter-attribute", "enter-duration", "leave-class", "leave-attribute", "leave-duration", "enter-controlled", "enter-trigger", "leave-trigger"], Pt = {
+}, ye = ["enter-class", "enter-attribute", "enter-duration", "leave-class", "leave-attribute", "leave-duration", "enter-controlled", "enter-trigger", "leave-trigger"], Mt = {
   __name: "BsTransition",
   props: {
     enterClass: { default: void 0 },
@@ -988,7 +988,7 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["enterend", "leaveend"],
   setup(e, { emit: n }) {
-    return (a, t) => (s(), r("bs-transition", o(a.$attrs, {
+    return (a, t) => (s(), r("bs-transition", d(a.$attrs, {
       "enter-class": e.enterClass,
       "enter-attribute": e.enterAttribute,
       "enter-duration": e.enterDuration,
@@ -1002,13 +1002,13 @@ const W = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       onLeaveend: t[1] || (t[1] = (l) => n("leaveend", l.detail))
     }), [
       f(a.$slots, "default")
-    ], 16, Ie));
+    ], 16, ye));
   }
 };
-function z() {
-  return E();
+function M() {
+  return R();
 }
-const xe = ["data-stacked"], ye = ["data-open"], Te = ["aria-controls", "aria-expanded"], Ce = ["id", "aria-level"], we = /* @__PURE__ */ u("bs-icon-caret-down", { "data-position": "end" }, null, -1), ke = ["aria-labelledby", "data-open", "id"], pe = { "data-slot": "" }, Mt = {
+const Te = ["data-stacked"], Ce = ["data-open"], we = ["aria-controls", "aria-expanded"], ke = ["id", "aria-level"], pe = /* @__PURE__ */ c("bs-icon-caret-down", { "data-position": "end" }, null, -1), Ae = ["aria-labelledby", "data-open", "id"], Le = { "data-slot": "" }, St = {
   __name: "BsAccordion",
   props: {
     controlled: { default: !1 },
@@ -1021,92 +1021,92 @@ const xe = ["data-stacked"], ye = ["data-open"], Te = ["aria-controls", "aria-ex
   },
   emits: ["toggled"],
   setup(e, { emit: n }) {
-    const a = e, t = $(null), l = $(""), d = $(""), i = $(!1), c = b(() => a.icon ? `bs-icon-${a.icon}` : null), h = b(() => a.openItemId === t.value.id || a.openItem === !0), I = b(() => a.controlled ? h.value : i.value);
-    C(() => {
-      var y;
-      (y = t.value) != null && y.id || t.value.setAttribute("id", z()), l.value = t.value.id + "-content", d.value = t.value.id + "-title";
+    const a = e, t = v(null), l = v(""), i = v(""), o = v(!1), h = b(() => a.icon ? `bs-icon-${a.icon}` : null), u = b(() => a.openItemId === t.value.id || a.openItem === !0), g = b(() => a.controlled ? u.value : o.value);
+    k(() => {
+      var x;
+      (x = t.value) != null && x.id || t.value.setAttribute("id", M()), l.value = t.value.id + "-content", i.value = t.value.id + "-title";
     });
-    function D() {
-      n("toggled", t.value.id), a.controlled || (i.value = !i.value);
+    function C() {
+      n("toggled", t.value.id), a.controlled || (o.value = !o.value);
     }
-    return (y, Ue) => (s(), r("bs-host", {
+    return (x, y) => (s(), r("bs-host", {
       ref_key: "hostRef",
       ref: t,
       class: "bs-accordion",
       "data-component": "bs-accordion",
       "data-stacked": e.stacked
     }, [
-      u("header", {
+      c("header", {
         part: "header",
-        "data-open": I.value
+        "data-open": g.value
       }, [
-        u("button", {
+        c("button", {
           "aria-controls": l.value,
-          "aria-expanded": I.value,
+          "aria-expanded": g.value,
           type: "button",
-          onClick: D
+          onClick: C
         }, [
-          c.value ? (s(), g(w(c.value), {
+          h.value ? (s(), $(p(h.value), {
             key: 0,
             "data-position": "start"
-          })) : A("", !0),
-          u("span", {
-            id: d.value,
+          })) : q("", !0),
+          c("span", {
+            id: i.value,
             "aria-level": e.headingLevel,
             role: "heading"
-          }, L(e.headerText), 9, Ce),
-          we
-        ], 8, Te)
-      ], 8, ye),
-      u("div", {
-        "aria-labelledby": d.value,
+          }, z(e.headerText), 9, ke),
+          pe
+        ], 8, we)
+      ], 8, Ce),
+      c("div", {
+        "aria-labelledby": i.value,
         class: "bs-accordion-content",
-        "data-open": I.value,
+        "data-open": g.value,
         id: l.value,
         part: "content",
         role: "region"
       }, [
-        u("div", pe, [
-          f(y.$slots, "default")
+        c("div", Le, [
+          f(x.$slots, "default")
         ])
-      ], 8, ke)
-    ], 8, xe));
+      ], 8, Ae)
+    ], 8, Te));
   }
 };
-const Ae = ["data-dismissed"], Le = { class: "bs-banner-content" }, Ve = /* @__PURE__ */ u("bs-icon-warning", {
+const Ve = ["data-dismissed"], qe = { class: "bs-banner-content" }, ze = /* @__PURE__ */ c("bs-icon-warning", {
   size: "lg",
   class: "bs-banner-warning-icon"
-}, null, -1), qe = { "data-slot": "" }, ze = /* @__PURE__ */ u("bs-icon-close", null, null, -1), De = [
-  ze
-], St = {
+}, null, -1), De = { "data-slot": "" }, Pe = /* @__PURE__ */ c("bs-icon-close", null, null, -1), Me = [
+  Pe
+], Ft = {
   __name: "BsBanner",
   emits: ["dismiss"],
   setup(e, { emit: n }) {
-    const a = $(!1);
+    const a = v(!1);
     function t() {
       a.value = !0, n("dismiss");
     }
-    return (l, d) => (s(), r("bs-host", {
+    return (l, i) => (s(), r("bs-host", {
       role: "alert",
       class: "bs-banner",
       "data-component": "bs-banner",
       "data-dismissed": a.value ? !0 : void 0
     }, [
-      u("div", Le, [
-        Ve,
-        u("div", qe, [
+      c("div", qe, [
+        ze,
+        c("div", De, [
           f(l.$slots, "default")
         ]),
-        u("button", {
+        c("button", {
           type: "button",
           title: "Close Banner",
           onClick: t
-        }, De)
+        }, Me)
       ])
-    ], 8, Ae));
+    ], 8, Ve));
   }
 };
-const Pe = ["data-disabled"], Ft = {
+const Se = ["data-disabled"], Et = {
   __name: "BsButton",
   props: {
     variant: {},
@@ -1119,23 +1119,25 @@ const Pe = ["data-disabled"], Ft = {
     size: {}
   },
   setup(e) {
-    const n = e, { onLinkClick: a } = x(n), t = T(), l = b(() => {
-      const i = {
-        download: t.download,
-        target: t.target
+    const n = e, a = v(null), t = v(null), { onLinkClick: l } = T(n), i = w(), o = b(() => {
+      const u = {
+        download: i.download,
+        target: i.target
       };
-      return n.href ? n.disabled && n.href && (i["aria-disabled"] = !0, i.tabindex = "-1", i.title = t.title) : i.type = t.type || "button", i;
+      return n.href ? (u.title = i.title, n.disabled && (u["aria-disabled"] = "true", u.tabindex = "-1")) : (u.type = i.type || "button", u.autcomplete = "off"), u;
     });
-    function d(i) {
-      var c, h;
-      (n.disabled || ((h = (c = i.target) == null ? void 0 : c.dataset) == null ? void 0 : h.disabled) === "true") && (i.preventDefault(), i.stopPropagation());
+    function h(u) {
+      var g, C, x, y, A;
+      (n.disabled || ((C = (g = a.value) == null ? void 0 : g.dataset) == null ? void 0 : C.disabled) === "true" || (x = t.value) != null && x.disabled || ((A = (y = t.value) == null ? void 0 : y.getAttribute) == null ? void 0 : A.call(y, "aria-disabled")) === "true") && (u.preventDefault(), u.stopImmediatePropagation());
     }
-    return (i, c) => (s(), r("bs-host", {
+    return (u, g) => (s(), r("bs-host", {
+      ref_key: "hostRef",
+      ref: a,
       "data-component": "bs-button",
-      "data-disabled": e.disabled || void 0,
-      onClickCapture: d
+      "data-disabled": e.disabled,
+      onClickCapture: h
     }, [
-      (s(), g(w(e.href ? "a" : "button"), o({
+      (s(), $(p(e.href ? "a" : "button"), d({
         "data-slot": "",
         class: "bs-button",
         "data-ghost": e.ghostBtn,
@@ -1143,40 +1145,42 @@ const Pe = ["data-disabled"], Ft = {
         "data-text": e.textBtn,
         "data-variant": e.variant,
         disabled: e.disabled,
-        href: e.href
-      }, l.value, { onClick: m(a) }), {
-        default: v(() => [
-          f(i.$slots, "default")
+        href: e.href,
+        ref_key: "childRef",
+        ref: t
+      }, o.value, { onClick: m(l) }), {
+        default: B(() => [
+          f(u.$slots, "default")
         ]),
         _: 3
       }, 16, ["data-ghost", "data-size", "data-text", "data-variant", "disabled", "href", "onClick"]))
-    ], 40, Pe));
+    ], 40, Se));
   }
 };
-const Me = ["offset", "stop-color"], Et = {
+const Fe = ["offset", "stop-color"], Ot = {
   __name: "BsIconGradientWrapper",
   setup(e) {
     const n = [
       { offset: 0.1326, color: "#EE282A" },
       { offset: 0.5466, color: "#1C0087" },
       { offset: 0.9715, color: "#0086EA" }
-    ], a = `svg-gradient-${z()}`, t = $(null), l = $(null);
-    function d() {
-      var c;
-      const i = t.value.querySelector(".svg-wrapper svg");
-      (c = l.value) == null || c.setAttribute("viewBox", (i == null ? void 0 : i.getAttribute("viewBox")) || "0 0 0 0");
+    ], a = `svg-gradient-${M()}`, t = v(null), l = v(null);
+    function i() {
+      var h;
+      const o = t.value.querySelector(".svg-wrapper svg");
+      (h = l.value) == null || h.setAttribute("viewBox", (o == null ? void 0 : o.getAttribute("viewBox")) || "0 0 0 0");
     }
-    return C(d), (i, c) => (s(), r("bs-host", {
+    return k(i), (o, h) => (s(), r("bs-host", {
       ref_key: "hostRef",
       ref: t,
       "data-component": "bs-icon-gradient-wrapper"
     }, [
-      u("span", {
+      c("span", {
         class: "svg-wrapper",
-        style: M(`fill: url(#${a});`),
+        style: F(`fill: url(#${a});`),
         "data-slot": ""
       }, [
-        f(i.$slots, "default")
+        f(o.$slots, "default")
       ], 4),
       (s(), r("svg", {
         xmlns: "http://www.w3.org/2000/svg",
@@ -1185,7 +1189,7 @@ const Me = ["offset", "stop-color"], Et = {
         ref_key: "gradientSvgRef",
         ref: l
       }, [
-        u("linearGradient", {
+        c("linearGradient", {
           id: a,
           x1: "0",
           y1: "0",
@@ -1193,20 +1197,20 @@ const Me = ["offset", "stop-color"], Et = {
           y2: "100%",
           gradientUnits: "userSpaceOnUse"
         }, [
-          (s(), r(V, null, S(n, (h) => u("stop", {
-            key: h.offset,
-            offset: h.offset,
-            "stop-color": h.color
-          }, null, 8, Me)), 64))
+          (s(), r(D, null, E(n, (u) => c("stop", {
+            key: u.offset,
+            offset: u.offset,
+            "stop-color": u.color
+          }, null, 8, Fe)), 64))
         ])
       ], 512))
     ], 512));
   }
 };
-const Se = ["data-disabled", "htmlFor"], Fe = { "data-slot": "" }, Ee = /* @__PURE__ */ u("span", {
+const Ee = ["data-disabled", "htmlFor"], Oe = { "data-slot": "" }, Re = /* @__PURE__ */ c("span", {
   "data-required": "",
   "aria-hidden": "true"
-}, " *", -1), Oe = /* @__PURE__ */ u("span", { class: "visually-hidden" }, "required", -1), Ot = {
+}, " *", -1), Ge = /* @__PURE__ */ c("span", { class: "visually-hidden" }, "required", -1), Rt = {
   __name: "BsLabel",
   props: {
     disabled: {},
@@ -1216,32 +1220,32 @@ const Se = ["data-disabled", "htmlFor"], Fe = { "data-slot": "" }, Ee = /* @__PU
     required: {}
   },
   setup(e) {
-    const n = e, a = T(), t = b(() => {
+    const n = e, a = w(), t = b(() => {
       const l = {};
-      return n.passAttrs.split(",").forEach((d) => {
-        l[d] = a[d];
+      return n.passAttrs.split(",").forEach((i) => {
+        l[i] = a[i];
       }), l;
     });
-    return (l, d) => (s(), r("bs-host", {
+    return (l, i) => (s(), r("bs-host", {
       "data-component": "bs-label",
-      class: q(e.hide ? "visually-hidden" : "")
+      class: P(e.hide ? "visually-hidden" : "")
     }, [
-      u("label", o({
+      c("label", d({
         "data-disabled": e.disabled,
         htmlFor: e.for
       }, t.value), [
-        u("span", Fe, [
+        c("span", Oe, [
           f(l.$slots, "default")
         ]),
-        e.required ? (s(), r(V, { key: 0 }, [
-          Ee,
-          Oe
-        ], 64)) : A("", !0)
-      ], 16, Se)
+        e.required ? (s(), r(D, { key: 0 }, [
+          Re,
+          Ge
+        ], 64)) : q("", !0)
+      ], 16, Ee)
     ], 2));
   }
 };
-const Re = { "data-component": "bs-pill" }, Rt = {
+const je = { "data-component": "bs-pill" }, Gt = {
   __name: "BsPill",
   props: {
     variant: {},
@@ -1252,14 +1256,14 @@ const Re = { "data-component": "bs-pill" }, Rt = {
     passAttrs: { default: "" }
   },
   setup(e) {
-    const n = e, { onLinkClick: a } = x(n), t = T(), l = b(() => n.href ? "a" : t.type === "button" ? "button" : "span"), d = b(() => {
-      const i = {};
-      return n.passAttrs.split(",").forEach((c) => {
-        i[c] = t[c];
-      }), n.disabled && n.href && (i["aria-disabled"] = !0, i.tabindex = "-1", i.title = t.title), l.value === "button" && (i.type = t.type || "button"), i;
+    const n = e, { onLinkClick: a } = T(n), t = w(), l = b(() => n.href ? "a" : t.type === "button" ? "button" : "span"), i = b(() => {
+      const o = {};
+      return n.passAttrs.split(",").forEach((h) => {
+        o[h] = t[h];
+      }), n.disabled && n.href && (o["aria-disabled"] = !0, o.tabindex = "-1", o.title = t.title), l.value === "button" && (o.type = t.type || "button"), o;
     });
-    return (i, c) => (s(), r("bs-host", Re, [
-      (s(), g(w(l.value), o({
+    return (o, h) => (s(), r("bs-host", je, [
+      (s(), $(p(l.value), d({
         class: "bs-pill",
         "data-active": e.active,
         "data-slot": "",
@@ -1267,16 +1271,16 @@ const Re = { "data-component": "bs-pill" }, Rt = {
         "data-variant": e.variant || void 0,
         disabled: e.disabled,
         href: e.href
-      }, d.value, { onClick: m(a) }), {
-        default: v(() => [
-          f(i.$slots, "default")
+      }, i.value, { onClick: m(a) }), {
+        default: B(() => [
+          f(o.$slots, "default")
         ]),
         _: 3
       }, 16, ["data-active", "data-status", "data-variant", "disabled", "href", "onClick"]))
     ]));
   }
 };
-const Ge = { "data-component": "bs-select" }, je = ["id", "disabled", "required", "data-error", "value"], Gt = {
+const Ne = { "data-component": "bs-select" }, We = ["id", "disabled", "required", "data-error", "value"], jt = {
   __name: "BsSelect",
   props: {
     disabled: { default: !1 },
@@ -1289,14 +1293,14 @@ const Ge = { "data-component": "bs-select" }, je = ["id", "disabled", "required"
     modelValue: {}
   },
   setup(e) {
-    const n = e, a = ["autocomplete", "multiple", "name", "size"], t = T(), l = b(() => ({ [n.error ? "aria-errormessage" : "aria-describedby"]: n.hintId })), d = b(() => {
-      const i = { ...l.value };
-      return n.passAttrs.split(",").concat(a).forEach((c) => {
-        i[c] = t[c];
-      }), i;
+    const n = e, a = ["autocomplete", "multiple", "name", "size"], t = w(), l = b(() => ({ [n.error ? "aria-errormessage" : "aria-describedby"]: n.hintId })), i = b(() => {
+      const o = { ...l.value };
+      return n.passAttrs.split(",").concat(a).forEach((h) => {
+        o[h] = t[h];
+      }), o;
     });
-    return (i, c) => (s(), r("bs-host", Ge, [
-      u("select", o({
+    return (o, h) => (s(), r("bs-host", Ne, [
+      c("select", d({
         id: e.inputId,
         class: "bs-select",
         "data-slot": "",
@@ -1304,14 +1308,14 @@ const Ge = { "data-component": "bs-select" }, je = ["id", "disabled", "required"
         required: e.required,
         "data-error": e.error,
         value: e.value || e.modelValue,
-        onChange: c[0] || (c[0] = (h) => i.emit("update:modelValue", h.target.value))
-      }, d.value), [
-        f(i.$slots, "default")
-      ], 16, je)
+        onChange: h[0] || (h[0] = (u) => o.emit("update:modelValue", u.target.value))
+      }, i.value), [
+        f(o.$slots, "default")
+      ], 16, We)
     ]));
   }
 };
-const Ne = ["data-position"], We = { "data-slot": "" }, He = ["id"], jt = {
+const He = ["data-position"], Ue = { "data-slot": "" }, Ye = ["id"], Nt = {
   __name: "BsTooltip",
   props: {
     tooltipId: {},
@@ -1319,93 +1323,93 @@ const Ne = ["data-position"], We = { "data-slot": "" }, He = ["id"], jt = {
     position: {}
   },
   setup(e) {
-    const n = e, a = $(!1), t = $(!1), l = b(() => {
-      let h = "bs-tooltip-text";
-      return t.value && (n.position === void 0 || n.position === "top" || n.position === "bottom" ? h += " escaped-x" : n.position === "left" || n.position === "right" ? h += " escaped-y" : h += " escaped"), h;
+    const n = e, a = v(!1), t = v(!1), l = b(() => {
+      let u = "bs-tooltip-text";
+      return t.value && (n.position === void 0 || n.position === "top" || n.position === "bottom" ? u += " escaped-x" : n.position === "left" || n.position === "right" ? u += " escaped-y" : u += " escaped"), u;
     });
-    C(() => {
-      window.addEventListener("keydown", c);
-    }), F(() => {
-      window.removeEventListener("keydown", c);
+    k(() => {
+      window.addEventListener("keydown", h);
+    }), O(() => {
+      window.removeEventListener("keydown", h);
     });
-    function d() {
+    function i() {
       a.value = !0;
     }
-    function i() {
+    function o() {
       a.value = !1, t.value = !1;
     }
-    function c(h) {
-      a.value && h.key === "Escape" && (a.value = !1, t.value = !0);
+    function h(u) {
+      a.value && u.key === "Escape" && (a.value = !1, t.value = !0);
     }
-    return (h, I) => (s(), r("bs-host", {
+    return (u, g) => (s(), r("bs-host", {
       "data-component": "bs-tooltip",
-      onMouseenter: d,
-      onFocusin: d,
-      onMouseleave: i,
-      onFocusout: i
+      onMouseenter: i,
+      onFocusin: i,
+      onMouseleave: o,
+      onFocusout: o
     }, [
-      u("div", {
+      c("div", {
         class: "bs-tooltip",
         "data-position": e.position || void 0
       }, [
-        u("div", We, [
-          f(h.$slots, "default")
+        c("div", Ue, [
+          f(u.$slots, "default")
         ]),
-        u("div", {
-          class: q(l.value),
+        c("div", {
+          class: P(l.value),
           id: e.tooltipId,
           role: "tooltip"
-        }, L(e.content), 11, He)
-      ], 8, Ne)
+        }, z(e.content), 11, Ye)
+      ], 8, He)
     ], 32));
   }
 };
 export {
-  Mt as BsAccordion,
-  Je as BsBadge,
-  St as BsBanner,
-  Ft as BsButton,
-  Qe as BsCharacterCount,
-  Ke as BsChartBar,
-  _e as BsChartTable,
-  et as BsCheckbox,
-  tt as BsCircleButton,
-  at as BsDropdown,
-  lt as BsDropdownOption,
-  nt as BsDropdownOptionList,
-  st as BsDropdownWithOptions,
-  it as BsFieldDetails,
-  rt as BsFieldLayout,
-  dt as BsHint,
-  Et as BsIconGradientWrapper,
-  ot as BsInput,
-  ut as BsInputAddon,
-  ct as BsInputField,
-  ft as BsInputSearch,
-  Ot as BsLabel,
-  ht as BsLoader,
-  mt as BsModal,
-  bt as BsOverlay,
-  gt as BsPagination,
-  Rt as BsPill,
-  vt as BsProfile,
-  $t as BsProfileDetails,
-  Bt as BsProfileImg,
-  It as BsProfileLayout,
-  xt as BsRadio,
-  Gt as BsSelect,
-  yt as BsSelectField,
-  Tt as BsSwitch,
-  Ct as BsTab,
-  wt as BsTabList,
-  kt as BsTabPanel,
-  pt as BsTextarea,
-  At as BsTextareaField,
-  Lt as BsToast,
-  Vt as BsToastActions,
-  qt as BsToastBody,
-  zt as BsToastHeader,
-  Dt as BsToaster,
-  jt as BsTooltip,
-  Pt as BsTransition
+  St as BsAccordion,
+  Qe as BsBadge,
+  Ft as BsBanner,
+  Et as BsButton,
+  Ke as BsCharacterCount,
+  _e as BsChartBar,
+  et as BsChartTable,
+  tt as BsCheckbox,
+  at as BsCircleButton,
+  lt as BsDropdown,
+  nt as BsDropdownOption,
+  st as BsDropdownOptionList,
+  it as BsDropdownWithOptions,
+  rt as BsFieldDetails,
+  dt as BsFieldLayout,
+  ot as BsHint,
+  Ot as BsIconGradientWrapper,
+  ut as BsInput,
+  ct as BsInputAddon,
+  ft as BsInputField,
+  ht as BsInputSearch,
+  Rt as BsLabel,
+  mt as BsLoader,
+  bt as BsModal,
+  gt as BsOverlay,
+  vt as BsPagination,
+  Gt as BsPill,
+  $t as BsProfile,
+  Bt as BsProfileDetails,
+  It as BsProfileImg,
+  xt as BsProfileLayout,
+  yt as BsRadio,
+  jt as BsSelect,
+  Tt as BsSelectField,
+  Ct as BsSwitch,
+  wt as BsTab,
+  kt as BsTabList,
+  pt as BsTabPanel,
+  At as BsTextarea,
+  Lt as BsTextareaField,
+  Vt as BsToast,
+  qt as BsToastActions,
+  zt as BsToastBody,
+  Dt as BsToastHeader,
+  Pt as BsToaster,
+  Nt as BsTooltip,
+  Mt as BsTransition
 };