@wwtdev/bsds-components-vue3 1.16.3 → 1.16.5

package/nuxt/bsds-components.mjs

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