@wwtdev/bsds-components-vue3 1.15.2 → 1.15.4

package/nuxt/bsds-components.mjs

@@ -1,7 +1,7 @@
-import { openBlock as n, createElementBlock as o, mergeProps as d, renderSlot as u, computed as R, unref as m, createBlock as $, withCtx as g, createElementVNode as k, createVNode as T, normalizeProps as M, guardReactiveProps as E, ref as h, reactive as I, onBeforeMount as w, onMounted as S, watch as C, nextTick as L, onBeforeUnmount as V, Fragment as q, Teleport as A, createCommentVNode as x, createSlots as z } from "vue";
-import { ClientOnly as p } from "#components";
-import { useAsyncData as D } from "#imports";
-const O = ["color", "count", "count-max", "dot", "label", "position", "show-zero"], Ye = {
+import { openBlock as s, createElementBlock as r, mergeProps as o, renderSlot as c, computed as b, unref as m, createBlock as v, withCtx as $, createElementVNode as u, createVNode as P, normalizeProps as k, guardReactiveProps as p, ref as g, onMounted as w, resolveDynamicComponent as C, 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 I } from "#components";
+import { v4 as E } from "uuid";
+const O = ["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: l }) {
-    return (a, t) => (n(), o("bs-badge", d(a.$attrs, {
+    return (a, t) => (s(), r("bs-badge", o(a.$attrs, {
       color: e.color,
       count: e.count,
       "count-max": e.countMax,
@@ -23,10 +23,10 @@ const O = ["color", "count", "count-max", "dot", "label", "position", "show-zero
       position: e.position,
       "show-zero": e.showZero
     }), [
-      u(a.$slots, "default")
+      c(a.$slots, "default")
     ], 16, O));
   }
-}, F = ["char-count", "char-max"], Ze = {
+}, G = ["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: l }) {
-    return (a, t) => (n(), o("bs-character-count", d(a.$attrs, {
+    return (a, t) => (s(), r("bs-character-count", o(a.$attrs, {
       "char-count": e.charCount,
       "char-max": e.charMax
-    }), null, 16, F));
+    }), null, 16, G));
   }
-}, G = ["chart-title", "data", "dataIdxLabels", "show-legend", "show-tooltips", "show-x-grid", "show-y-grid", "stacked", "x-label", "y-label"], Je = {
+}, R = ["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: l }) {
-    return (a, t) => (n(), o("bs-chart-bar", d(a.$attrs, {
+    return (a, t) => (s(), r("bs-chart-bar", o(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, R));
   }
-}, j = ["data", "dataIdxLabels", "table-title"], Ke = {
+}, j = ["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: l }) {
-    return (a, t) => (n(), o("bs-chart-table", d(a.$attrs, {
+    return (a, t) => (s(), r("bs-chart-table", o(a.$attrs, {
       data: e.data,
       dataIdxLabels: e.dataIdxLabels,
       "table-title": e.tableTitle
     }), null, 16, j));
   }
-}, N = ["label", "checked", "checked-partially", "disabled", "error", "input-id", "pass-attrs", "required", "size"], Qe = {
+}, N = ["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: l }) {
-    return (a, t) => (n(), o("bs-checkbox", d(a.$attrs, {
+    return (a, t) => (s(), r("bs-checkbox", o(a.$attrs, {
       label: e.label,
       checked: e.checked || e.modelValue,
       "checked-partially": e.checkedPartially,
@@ -109,25 +109,25 @@ const O = ["color", "count", "count-max", "dot", "label", "position", "show-zero
       "pass-attrs": e.passAttrs,
       required: e.required,
       size: e.size,
-      onChange: t[0] || (t[0] = (s) => l("update:modelValue", s.target.checked))
+      onChange: t[0] || (t[0] = (n) => l("update:modelValue", n.target.checked))
     }), null, 16, N));
   }
 };
-function W(e) {
-  const l = R(() => {
-    var s, i;
-    return ((i = (s = e.href) == null ? void 0 : s.startsWith) == null ? void 0 : i.call(s, "/")) || !1;
-  }), a = R(() => {
-    var s, i;
-    return l.value && ((s = e.router) == null ? void 0 : s.navigateTo) || ((i = e.router) == null ? void 0 : i.push) || null;
+function x(e) {
+  const l = b(() => {
+    var n, d;
+    return ((d = (n = e.href) == null ? void 0 : n.startsWith) == null ? void 0 : d.call(n, "/")) || !1;
+  }), a = b(() => {
+    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(s) {
-    var i, c, b, y, r;
-    a.value && ((c = (i = s.target.href) == null ? void 0 : i.endsWith) != null && c.call(i, e.href) || (r = (y = (b = s.target.closest("a")) == null ? void 0 : b.href) == null ? void 0 : y.endsWith) != null && r.call(y, e.href)) && (s.preventDefault(), a.value(e.href));
+  function t(n) {
+    var d, i, h, f, B;
+    a.value && ((i = (d = n.target.href) == null ? void 0 : d.endsWith) != null && i.call(d, e.href) || (B = (f = (h = n.target.closest("a")) == null ? void 0 : h.href) == null ? void 0 : f.endsWith) != null && B.call(f, e.href)) && (n.preventDefault(), a.value(e.href));
   }
   return { onLinkClick: t };
 }
-const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-position", "label", "pass-attrs", "text-btn", "size"], Ue = {
+const W = ["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 H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: [],
   setup(e, { emit: l }) {
-    const a = e, { onLinkClick: t } = W(a);
-    return (s, i) => (n(), o("bs-circle-button", d(s.$attrs, {
+    const a = e, { onLinkClick: t } = x(a);
+    return (n, d) => (s(), r("bs-circle-button", o(n.$attrs, {
       disabled: e.disabled,
       "ghost-btn": e.ghostBtn,
       "hover-effect": e.hoverEffect,
@@ -156,10 +156,10 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       "pass-attrs": e.passAttrs,
       "text-btn": e.textBtn,
       size: e.size,
-      onClick: i[0] || (i[0] = (...c) => m(t) && m(t)(...c))
-    }), null, 16, H));
+      onClick: d[0] || (d[0] = (...i) => m(t) && m(t)(...i))
+    }), null, 16, W));
   }
-}, X = ["width", "top", "center", "toggle-id", "container-id", "helper-text", "helper-description", "enter-controlled", "enter-trigger", "leave-trigger"], _e = {
+}, H = ["width", "top", "center", "toggle-id", "container-id", "helper-text", "helper-description", "enter-controlled", "enter-trigger", "leave-trigger"], nt = {
   __name: "BsDropdown",
   props: {
     width: { default: void 0 },
@@ -175,9 +175,9 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["close", "enterend", "leaveend"],
   setup(e, { emit: l }) {
-    return (a, t) => (n(), $(m(p), null, {
-      default: g(() => [
-        k("bs-dropdown", d(a.$attrs, {
+    return (a, t) => (s(), v(m(I), null, {
+      default: $(() => [
+        u("bs-dropdown", o(a.$attrs, {
           width: e.width,
           top: e.top,
           center: e.center,
@@ -188,17 +188,17 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
           "enter-controlled": e.enterControlled,
           "enter-trigger": e.enterTrigger,
           "leave-trigger": e.leaveTrigger,
-          onClose: t[0] || (t[0] = (s) => l("close", s.detail)),
-          onEnterend: t[1] || (t[1] = (s) => l("enterend", s.detail)),
-          onLeaveend: t[2] || (t[2] = (s) => l("leaveend", s.detail))
+          onClose: t[0] || (t[0] = (n) => l("close", n.detail)),
+          onEnterend: t[1] || (t[1] = (n) => l("enterend", n.detail)),
+          onLeaveend: t[2] || (t[2] = (n) => l("leaveend", n.detail))
         }), [
-          u(a.$slots, "default")
-        ], 16, X)
+          c(a.$slots, "default")
+        ], 16, H)
       ]),
       _: 3
     }));
   }
-}, Y = ["value", "variant", "options-id", "selected", "focused", "index"], et = {
+}, U = ["value", "variant", "options-id", "selected", "focused", "index"], lt = {
   __name: "BsDropdownOption",
   props: {
     value: {},
@@ -210,20 +210,20 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["optmouseenter", "optselect"],
   setup(e, { emit: l }) {
-    return (a, t) => (n(), o("bs-dropdown-option", d(a.$attrs, {
+    return (a, t) => (s(), r("bs-dropdown-option", o(a.$attrs, {
       value: e.value,
       variant: e.variant,
       "options-id": e.optionsId,
       selected: e.selected,
       focused: e.focused,
       index: e.index,
-      onOptmouseenter: t[0] || (t[0] = (s) => l("optmouseenter", s.detail)),
-      onOptselect: t[1] || (t[1] = (s) => l("optselect", s.detail))
+      onOptmouseenter: t[0] || (t[0] = (n) => l("optmouseenter", n.detail)),
+      onOptselect: t[1] || (t[1] = (n) => l("optselect", n.detail))
     }), [
-      u(a.$slots, "default")
-    ], 16, Y));
+      c(a.$slots, "default")
+    ], 16, U));
   }
-}, Z = ["options-id", "visible", "focus-delay", "label", "selected-value"], tt = {
+}, Y = ["options-id", "visible", "focus-delay", "label", "selected-value"], st = {
   __name: "BsDropdownOptionList",
   props: {
     optionsId: {},
@@ -234,19 +234,19 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["optselected", "close"],
   setup(e, { emit: l }) {
-    return (a, t) => (n(), o("bs-dropdown-option-list", d(a.$attrs, {
+    return (a, t) => (s(), r("bs-dropdown-option-list", o(a.$attrs, {
       "options-id": e.optionsId,
       visible: e.visible,
       "focus-delay": e.focusDelay,
       label: e.label,
       "selected-value": e.selectedValue,
-      onOptselected: t[0] || (t[0] = (s) => l("optselected", s.detail)),
-      onClose: t[1] || (t[1] = (s) => l("close", s.detail))
+      onOptselected: t[0] || (t[0] = (n) => l("optselected", n.detail)),
+      onClose: t[1] || (t[1] = (n) => l("close", n.detail))
     }), [
-      u(a.$slots, "default")
-    ], 16, Z));
+      c(a.$slots, "default")
+    ], 16, Y));
   }
-}, J = ["toggle-id", "container-id", "options-id", "width", "top", "center", "label", "selected-value", "enter-controlled", "enter-trigger", "leave-trigger", "helper-text", "helper-description"], at = {
+}, X = ["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: {},
@@ -265,7 +265,7 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["optselected", "close", "enterend", "leaveend"],
   setup(e, { emit: l }) {
-    return (a, t) => (n(), o("bs-dropdown-with-options", d(a.$attrs, {
+    return (a, t) => (s(), r("bs-dropdown-with-options", o(a.$attrs, {
       "toggle-id": e.toggleId,
       "container-id": e.containerId,
       "options-id": e.optionsId,
@@ -279,15 +279,15 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       "leave-trigger": e.leaveTrigger,
       "helper-text": e.helperText,
       "helper-description": e.helperDescription,
-      onOptselected: t[0] || (t[0] = (s) => l("optselected", s.detail)),
-      onClose: t[1] || (t[1] = (s) => l("close", s.detail)),
-      onEnterend: t[2] || (t[2] = (s) => l("enterend", s.detail)),
-      onLeaveend: t[3] || (t[3] = (s) => l("leaveend", s.detail))
+      onOptselected: t[0] || (t[0] = (n) => l("optselected", n.detail)),
+      onClose: t[1] || (t[1] = (n) => l("close", n.detail)),
+      onEnterend: t[2] || (t[2] = (n) => l("enterend", n.detail)),
+      onLeaveend: t[3] || (t[3] = (n) => l("leaveend", n.detail))
     }), [
-      u(a.$slots, "default")
-    ], 16, J));
+      c(a.$slots, "default")
+    ], 16, X));
   }
-}, K = ["char-count", "char-max", "error", "error-msg", "hint", "hint-id"], st = {
+}, Z = ["char-count", "char-max", "error", "error-msg", "hint", "hint-id"], rt = {
   __name: "BsFieldDetails",
   props: {
     charCount: {},
@@ -299,16 +299,16 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: [],
   setup(e, { emit: l }) {
-    return (a, t) => (n(), o("bs-field-details", d(a.$attrs, {
+    return (a, t) => (s(), r("bs-field-details", o(a.$attrs, {
       "char-count": e.charCount,
       "char-max": e.charMax,
       error: e.error,
       "error-msg": e.errorMsg,
       hint: e.hint,
       "hint-id": e.hintId
-    }), null, 16, K));
+    }), null, 16, Z));
   }
-}, Q = ["char-count", "char-max", "disabled", "error", "hints", "label", "label-for", "required", "hint-id"], lt = {
+}, J = ["char-count", "char-max", "disabled", "error", "hints", "label", "label-for", "required", "hint-id"], dt = {
   __name: "BsFieldLayout",
   props: {
     charCount: {},
@@ -323,7 +323,7 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: [],
   setup(e, { emit: l }) {
-    return (a, t) => (n(), o("bs-field-layout", d(a.$attrs, {
+    return (a, t) => (s(), r("bs-field-layout", o(a.$attrs, {
       "char-count": e.charCount,
       "char-max": e.charMax,
       disabled: e.disabled,
@@ -334,10 +334,10 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       required: e.required,
       "hint-id": e.hintId
     }), [
-      u(a.$slots, "default")
-    ], 16, Q));
+      c(a.$slots, "default")
+    ], 16, J));
   }
-}, U = ["error", "hint-id", "hints"], rt = {
+}, Q = ["error", "hint-id", "hints"], ot = {
   __name: "BsHint",
   props: {
     error: {},
@@ -346,13 +346,13 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: [],
   setup(e, { emit: l }) {
-    return (a, t) => (n(), o("bs-hint", d(a.$attrs, {
+    return (a, t) => (s(), r("bs-hint", o(a.$attrs, {
       error: e.error,
       "hint-id": e.hintId,
       hints: e.hints
-    }), null, 16, U));
+    }), null, 16, Q));
   }
-}, _ = ["disabled", "error", "input-id", "pass-attrs", "placeholder", "required", "type", "value", "hint-id"], nt = {
+}, K = ["disabled", "error", "input-id", "pass-attrs", "placeholder", "required", "type", "value", "hint-id"], ut = {
   __name: "BsInput",
   props: {
     disabled: { default: !1 },
@@ -368,7 +368,7 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
-    return (a, t) => (n(), o("bs-input", d(a.$attrs, {
+    return (a, t) => (s(), r("bs-input", o(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
       "input-id": e.inputId,
@@ -378,10 +378,10 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       type: e.type,
       value: e.value || e.modelValue,
       "hint-id": e.hintId,
-      onInput: t[0] || (t[0] = (s) => l("update:modelValue", s.target.value))
-    }), null, 16, _));
+      onInput: t[0] || (t[0] = (n) => l("update:modelValue", n.target.value))
+    }), null, 16, K));
   }
-}, ee = ["disabled", "error", "multifocus", "variant"], it = {
+}, _ = ["disabled", "error", "multifocus", "variant"], ct = {
   __name: "BsInputAddon",
   props: {
     disabled: { default: !1 },
@@ -391,16 +391,16 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: [],
   setup(e, { emit: l }) {
-    return (a, t) => (n(), o("bs-input-addon", d(a.$attrs, {
+    return (a, t) => (s(), r("bs-input-addon", o(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
       multifocus: e.multifocus,
       variant: e.variant
     }), [
-      u(a.$slots, "default")
-    ], 16, ee));
+      c(a.$slots, "default")
+    ], 16, _));
   }
-}, te = ["disabled", "error", "error-msg", "hint", "hints", "input-id", "label", "pass-attrs", "placeholder", "required", "type", "value"], dt = {
+}, ee = ["disabled", "error", "error-msg", "hint", "hints", "input-id", "label", "pass-attrs", "placeholder", "required", "type", "value"], ft = {
   __name: "BsInputField",
   props: {
     disabled: { default: !1 },
@@ -419,7 +419,7 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
-    return (a, t) => (n(), o("bs-input-field", d(a.$attrs, {
+    return (a, t) => (s(), r("bs-input-field", o(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
       "error-msg": e.errorMsg,
@@ -432,10 +432,10 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       required: e.required,
       type: e.type,
       value: e.value || e.modelValue,
-      onInput: t[0] || (t[0] = (s) => l("update:modelValue", s.target.value))
-    }), null, 16, te));
+      onInput: t[0] || (t[0] = (n) => l("update:modelValue", n.target.value))
+    }), null, 16, ee));
   }
-}, ae = ["disabled", "pass-attrs", "placeholder", "hint-id", "input-id", "value"], ut = {
+}, te = ["disabled", "pass-attrs", "placeholder", "hint-id", "input-id", "value"], ht = {
   __name: "BsInputSearch",
   props: {
     disabled: { default: !1 },
@@ -448,18 +448,18 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["clear", "update:modelValue"],
   setup(e, { emit: l }) {
-    return (a, t) => (n(), o("bs-input-search", d(a.$attrs, {
+    return (a, t) => (s(), r("bs-input-search", o(a.$attrs, {
       disabled: e.disabled,
       "pass-attrs": e.passAttrs,
       placeholder: e.placeholder,
       "hint-id": e.hintId,
       "input-id": e.inputId,
       value: e.value || e.modelValue,
-      onClear: t[0] || (t[0] = (s) => l("clear", s.detail)),
-      onInput: t[1] || (t[1] = (s) => l("update:modelValue", s.target.value))
-    }), null, 16, ae));
+      onClear: t[0] || (t[0] = (n) => l("clear", n.detail)),
+      onInput: t[1] || (t[1] = (n) => l("update:modelValue", n.target.value))
+    }), null, 16, te));
   }
-}, se = ["size", "variant"], ot = {
+}, ae = ["size", "variant"], mt = {
   __name: "BsLoader",
   props: {
     size: {},
@@ -467,12 +467,12 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: [],
   setup(e, { emit: l }) {
-    return (a, t) => (n(), o("bs-loader", d(a.$attrs, {
+    return (a, t) => (s(), r("bs-loader", o(a.$attrs, {
       size: e.size,
       variant: e.variant
-    }), null, 16, se));
+    }), null, 16, ae));
   }
-}, le = ["alert", "close-button", "enter-controlled", "enter-trigger", "leave-trigger"], ct = {
+}, ne = ["alert", "close-button", "enter-controlled", "enter-trigger", "leave-trigger"], bt = {
   __name: "BsModal",
   props: {
     alert: { default: !1 },
@@ -483,25 +483,25 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["close", "enterend", "leaveend"],
   setup(e, { emit: l }) {
-    return (a, t) => (n(), $(m(p), null, {
-      default: g(() => [
-        k("bs-modal", d(a.$attrs, {
+    return (a, t) => (s(), v(m(I), null, {
+      default: $(() => [
+        u("bs-modal", o(a.$attrs, {
           alert: e.alert,
           "close-button": e.closeButton,
           "enter-controlled": e.enterControlled,
           "enter-trigger": e.enterTrigger,
           "leave-trigger": e.leaveTrigger,
-          onClose: t[0] || (t[0] = (s) => l("close", s.detail)),
-          onEnterend: t[1] || (t[1] = (s) => l("enterend", s.detail)),
-          onLeaveend: t[2] || (t[2] = (s) => l("leaveend", s.detail))
+          onClose: t[0] || (t[0] = (n) => l("close", n.detail)),
+          onEnterend: t[1] || (t[1] = (n) => l("enterend", n.detail)),
+          onLeaveend: t[2] || (t[2] = (n) => l("leaveend", n.detail))
         }), [
-          u(a.$slots, "default")
-        ], 16, le)
+          c(a.$slots, "default")
+        ], 16, ne)
       ]),
       _: 3
     }));
   }
-}, re = ["enter-controlled", "enter-trigger", "leave-trigger"], ft = {
+}, le = ["enter-controlled", "enter-trigger", "leave-trigger"], gt = {
   __name: "BsOverlay",
   props: {
     enterControlled: { default: !1 },
@@ -510,20 +510,20 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["enterend", "leaveend"],
   setup(e, { emit: l }) {
-    return (a, t) => (n(), $(m(p), null, {
-      default: g(() => [
-        k("bs-overlay", d(a.$attrs, {
+    return (a, t) => (s(), v(m(I), null, {
+      default: $(() => [
+        u("bs-overlay", o(a.$attrs, {
           "enter-controlled": e.enterControlled,
           "enter-trigger": e.enterTrigger,
           "leave-trigger": e.leaveTrigger,
-          onEnterend: t[0] || (t[0] = (s) => l("enterend", s.detail)),
-          onLeaveend: t[1] || (t[1] = (s) => l("leaveend", s.detail))
-        }), null, 16, re)
+          onEnterend: t[0] || (t[0] = (n) => l("enterend", n.detail)),
+          onLeaveend: t[1] || (t[1] = (n) => l("leaveend", n.detail))
+        }), null, 16, le)
       ]),
       _: 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"], mt = {
+}, 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"], vt = {
   __name: "BsPagination",
   props: {
     showFirstLastButtons: { default: !1 },
@@ -545,7 +545,7 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["selchange"],
   setup(e, { emit: l }) {
-    return (a, t) => (n(), o("bs-pagination", d(a.$attrs, {
+    return (a, t) => (s(), r("bs-pagination", o(a.$attrs, {
       "show-first-last-buttons": e.showFirstLastButtons,
       "prev-page-text": e.prevPageText,
       "first-page-text": e.firstPageText,
@@ -562,10 +562,10 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       "items-per-group": e.itemsPerGroup,
       "items-count": e.itemsCount,
       "results-increments": e.resultsIncrements,
-      onSelchange: t[0] || (t[0] = (s) => l("selchange", s.detail))
-    }), null, 16, ne));
+      onSelchange: t[0] || (t[0] = (n) => l("selchange", n.detail))
+    }), null, 16, se));
   }
-}, ie = ["layout", "href", "image-src", "image-size", "initials", "profile-name", "company", "job-title", "email", "action", "action-icon", "misc-meta", "misc-meta-icon"], ht = {
+}, ie = ["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: {},
@@ -585,8 +585,8 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["action-toggled"],
   setup(e, { emit: l }) {
-    const a = e, { onLinkClick: t } = W(a);
-    return (s, i) => (n(), o("bs-profile", d(s.$attrs, {
+    const a = e, { onLinkClick: t } = x(a);
+    return (n, d) => (s(), r("bs-profile", o(n.$attrs, {
       layout: e.layout,
       href: e.href,
       "image-src": e.imageSrc,
@@ -600,11 +600,11 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       "action-icon": e.actionIcon,
       "misc-meta": e.miscMeta,
       "misc-meta-icon": e.miscMetaIcon,
-      onActionToggled: i[0] || (i[0] = (c) => l("action-toggled", c.detail)),
-      onClick: i[1] || (i[1] = (...c) => m(t) && m(t)(...c))
+      onActionToggled: d[0] || (d[0] = (i) => l("action-toggled", i.detail)),
+      onClick: d[1] || (d[1] = (...i) => m(t) && m(t)(...i))
     }), null, 16, ie));
   }
-}, de = ["profile-name", "company", "job-title", "email", "action", "action-icon", "misc-meta", "misc-meta-icon"], bt = {
+}, re = ["profile-name", "company", "job-title", "email", "action", "action-icon", "misc-meta", "misc-meta-icon"], Bt = {
   __name: "BsProfileDetails",
   props: {
     profileName: {},
@@ -618,7 +618,7 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["action-toggled"],
   setup(e, { emit: l }) {
-    return (a, t) => (n(), o("bs-profile-details", d(a.$attrs, {
+    return (a, t) => (s(), r("bs-profile-details", o(a.$attrs, {
       "profile-name": e.profileName,
       company: e.company,
       "job-title": e.jobTitle,
@@ -627,10 +627,10 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       "action-icon": e.actionIcon,
       "misc-meta": e.miscMeta,
       "misc-meta-icon": e.miscMetaIcon,
-      onActionToggled: t[0] || (t[0] = (s) => l("action-toggled", s.detail))
-    }), null, 16, de));
+      onActionToggled: t[0] || (t[0] = (n) => l("action-toggled", n.detail))
+    }), null, 16, re));
   }
-}, ue = ["src", "size", "initials", "profile-name"], vt = {
+}, de = ["src", "size", "initials", "profile-name"], It = {
   __name: "BsProfileImg",
   props: {
     src: {},
@@ -640,14 +640,14 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: [],
   setup(e, { emit: l }) {
-    return (a, t) => (n(), o("bs-profile-img", d(a.$attrs, {
+    return (a, t) => (s(), r("bs-profile-img", o(a.$attrs, {
       src: e.src,
       size: e.size,
       initials: e.initials,
       "profile-name": e.profileName
-    }), null, 16, ue));
+    }), null, 16, de));
   }
-}, oe = ["layout", "href", "pass-attrs"], gt = {
+}, oe = ["layout", "href", "pass-attrs"], xt = {
   __name: "BsProfileLayout",
   props: {
     layout: { default: "vertical" },
@@ -657,17 +657,17 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: [],
   setup(e, { emit: l }) {
-    const a = e, { onLinkClick: t } = W(a);
-    return (s, i) => (n(), o("bs-profile-layout", d(s.$attrs, {
+    const a = e, { onLinkClick: t } = x(a);
+    return (n, d) => (s(), r("bs-profile-layout", o(n.$attrs, {
       layout: e.layout,
       href: e.href,
       "pass-attrs": e.passAttrs,
-      onClick: i[0] || (i[0] = (...c) => m(t) && m(t)(...c))
+      onClick: d[0] || (d[0] = (...i) => m(t) && m(t)(...i))
     }), [
-      u(s.$slots, "default")
+      c(n.$slots, "default")
     ], 16, oe));
   }
-}, ce = ["label", "checked", "disabled", "error", "input-id", "pass-attrs", "required", "size", "value"], $t = {
+}, ue = ["label", "checked", "disabled", "error", "input-id", "pass-attrs", "required", "size", "value"], yt = {
   __name: "BsRadio",
   props: {
     label: {},
@@ -683,7 +683,7 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
-    return (a, t) => (n(), o("bs-radio", d(a.$attrs, {
+    return (a, t) => (s(), r("bs-radio", o(a.$attrs, {
       label: e.label,
       checked: e.checked || e.modelValue === e.value,
       disabled: e.disabled,
@@ -693,10 +693,10 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       required: e.required,
       size: e.size,
       value: e.value,
-      onChange: t[0] || (t[0] = (s) => l("update:modelValue", s.target.value))
-    }), null, 16, ce));
+      onChange: t[0] || (t[0] = (n) => l("update:modelValue", n.target.value))
+    }), null, 16, ue));
   }
-}, fe = ["disabled", "error", "error-msg", "input-id", "label", "hint", "hints", "placeholder", "required", "value", "pass-attrs", "data"], yt = {
+}, ce = ["disabled", "error", "error-msg", "input-id", "label", "hint", "hints", "placeholder", "required", "value", "pass-attrs", "data"], Tt = {
   __name: "BsSelectField",
   props: {
     disabled: { default: !1 },
@@ -715,7 +715,7 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
-    return (a, t) => (n(), o("bs-select-field", d(a.$attrs, {
+    return (a, t) => (s(), r("bs-select-field", o(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
       "error-msg": e.errorMsg,
@@ -728,10 +728,10 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       value: e.value || e.modelValue,
       "pass-attrs": e.passAttrs,
       data: e.data,
-      onChange: t[0] || (t[0] = (s) => l("update:modelValue", s.target.value))
-    }), null, 16, fe));
+      onChange: t[0] || (t[0] = (n) => l("update:modelValue", n.target.value))
+    }), null, 16, ce));
   }
-}, me = ["checked", "disabled", "hide-label", "input-id", "inner-on-label", "inner-off-label", "label", "pass-attrs", "size"], Bt = {
+}, fe = ["checked", "disabled", "hide-label", "input-id", "inner-on-label", "inner-off-label", "label", "pass-attrs", "size"], wt = {
   __name: "BsSwitch",
   props: {
     checked: { default: !1 },
@@ -747,7 +747,7 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
-    return (a, t) => (n(), o("bs-switch", d(a.$attrs, {
+    return (a, t) => (s(), r("bs-switch", o(a.$attrs, {
       checked: e.checked || e.modelValue,
       disabled: e.disabled,
       "hide-label": e.hideLabel,
@@ -757,10 +757,10 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       label: e.label,
       "pass-attrs": e.passAttrs,
       size: e.size,
-      onChange: t[0] || (t[0] = (s) => l("update:modelValue", s.target.checked))
-    }), null, 16, me));
+      onChange: t[0] || (t[0] = (n) => l("update:modelValue", n.target.checked))
+    }), null, 16, fe));
   }
-}, he = ["active-tab-id", "hidden", "panel-id"], pt = {
+}, he = ["active-tab-id", "hidden", "panel-id"], Ct = {
   __name: "BsTab",
   props: {
     activeTabId: {},
@@ -769,15 +769,15 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: [],
   setup(e, { emit: l }) {
-    return (a, t) => (n(), o("bs-tab", d(a.$attrs, {
+    return (a, t) => (s(), r("bs-tab", o(a.$attrs, {
       "active-tab-id": e.activeTabId,
       hidden: e.hidden,
       "panel-id": e.panelId
     }), [
-      u(a.$slots, "default")
+      c(a.$slots, "default")
     ], 16, he));
   }
-}, be = ["active-tab-id", "helper-text", "helper-description"], kt = {
+}, me = ["active-tab-id", "helper-text", "helper-description"], kt = {
   __name: "BsTabList",
   props: {
     activeTabId: {},
@@ -790,21 +790,21 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     const a = (t) => {
       l("tabChange", t.detail), l("update:modelValue", t.detail);
     };
-    return (t, s) => (n(), o("bs-tab-list", d(t.$attrs, {
+    return (t, n) => (s(), r("bs-tab-list", o(t.$attrs, {
       "active-tab-id": e.activeTabId || e.modelValue,
       "helper-text": e.helperText,
       "helper-description": e.helperDescription,
       "on:tabChange": a
     }), [
-      T(m(p), null, {
-        default: g(() => [
-          u(t.$slots, "default")
+      P(m(I), null, {
+        default: $(() => [
+          c(t.$slots, "default")
         ]),
         _: 3
       })
-    ], 16, be));
+    ], 16, me));
   }
-}, ve = ["active-tab-id", "tab-id"], Tt = {
+}, be = ["active-tab-id", "tab-id"], pt = {
   __name: "BsTabPanel",
   props: {
     activeTabId: {},
@@ -812,14 +812,14 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: [],
   setup(e, { emit: l }) {
-    return (a, t) => (n(), o("bs-tab-panel", d(a.$attrs, {
+    return (a, t) => (s(), r("bs-tab-panel", o(a.$attrs, {
       "active-tab-id": e.activeTabId,
       "tab-id": e.tabId
     }), [
-      u(a.$slots, "default")
-    ], 16, ve));
+      c(a.$slots, "default")
+    ], 16, be));
   }
-}, ge = ["disabled", "error", "input-id", "pass-attrs", "placeholder", "required", "rows", "value", "hint-id"], It = {
+}, ge = ["disabled", "error", "input-id", "pass-attrs", "placeholder", "required", "rows", "value", "hint-id"], At = {
   __name: "BsTextarea",
   props: {
     disabled: { default: !1 },
@@ -835,7 +835,7 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
-    return (a, t) => (n(), o("bs-textarea", d(a.$attrs, {
+    return (a, t) => (s(), r("bs-textarea", o(a.$attrs, {
       disabled: e.disabled,
       error: e.error,
       "input-id": e.inputId,
@@ -845,10 +845,10 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       rows: e.rows,
       value: e.value || e.modelValue,
       "hint-id": e.hintId,
-      onInput: t[0] || (t[0] = (s) => l("update:modelValue", s.target.value))
+      onInput: t[0] || (t[0] = (n) => l("update:modelValue", n.target.value))
     }), null, 16, ge));
   }
-}, $e = ["char-max", "disabled", "error", "error-msg", "hint", "hints", "input-id", "label", "placeholder", "required", "rows", "value", "pass-attrs"], wt = {
+}, ve = ["char-max", "disabled", "error", "error-msg", "hint", "hints", "input-id", "label", "placeholder", "required", "rows", "value", "pass-attrs"], Lt = {
   __name: "BsTextareaField",
   props: {
     charMax: {},
@@ -868,7 +868,7 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
-    return (a, t) => (n(), o("bs-textarea-field", d(a.$attrs, {
+    return (a, t) => (s(), r("bs-textarea-field", o(a.$attrs, {
       "char-max": e.charMax,
       disabled: e.disabled,
       error: e.error,
@@ -882,10 +882,10 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       rows: e.rows,
       value: e.value || e.modelValue,
       "pass-attrs": e.passAttrs,
-      onInput: t[0] || (t[0] = (s) => l("update:modelValue", s.target.value))
-    }), null, 16, $e));
+      onInput: t[0] || (t[0] = (n) => l("update:modelValue", n.target.value))
+    }), null, 16, ve));
   }
-}, ye = ["toast-id", "variant", "stacked", "duration", "enter-controlled", "enter-trigger", "leave-trigger"], St = {
+}, $e = ["toast-id", "variant", "stacked", "duration", "enter-controlled", "enter-trigger", "leave-trigger"], Vt = {
   __name: "BsToast",
   props: {
     toastId: {},
@@ -898,9 +898,9 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["dismiss", "enterend", "leaveend"],
   setup(e, { emit: l }) {
-    return (a, t) => (n(), $(m(p), null, {
-      default: g(() => [
-        k("bs-toast", d(a.$attrs, {
+    return (a, t) => (s(), v(m(I), null, {
+      default: $(() => [
+        u("bs-toast", o(a.$attrs, {
           "toast-id": e.toastId,
           variant: e.variant,
           stacked: e.stacked,
@@ -908,62 +908,62 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
           "enter-controlled": e.enterControlled,
           "enter-trigger": e.enterTrigger,
           "leave-trigger": e.leaveTrigger,
-          onDismiss: t[0] || (t[0] = (s) => l("dismiss", s.detail)),
-          onEnterend: t[1] || (t[1] = (s) => l("enterend", s.detail)),
-          onLeaveend: t[2] || (t[2] = (s) => l("leaveend", s.detail))
+          onDismiss: t[0] || (t[0] = (n) => l("dismiss", n.detail)),
+          onEnterend: t[1] || (t[1] = (n) => l("enterend", n.detail)),
+          onLeaveend: t[2] || (t[2] = (n) => l("leaveend", n.detail))
         }), [
-          u(a.$slots, "default")
-        ], 16, ye)
+          c(a.$slots, "default")
+        ], 16, $e)
       ]),
       _: 3
     }));
   }
-}, Ct = {
+}, qt = {
   __name: "BsToastActions",
   props: {},
   emits: ["defaultDismiss"],
   setup(e, { emit: l }) {
-    return (a, t) => (n(), o("bs-toast-actions", d(a.$attrs, {
-      "on:defaultDismiss": t[0] || (t[0] = (s) => l("defaultDismiss", s.detail))
+    return (a, t) => (s(), r("bs-toast-actions", o(a.$attrs, {
+      "on:defaultDismiss": t[0] || (t[0] = (n) => l("defaultDismiss", n.detail))
     }), [
-      u(a.$slots, "default")
+      c(a.$slots, "default")
     ], 16));
   }
-}, Lt = {
+}, zt = {
   __name: "BsToastBody",
   props: {},
   emits: [],
   setup(e, { emit: l }) {
-    return (a, t) => (n(), o("bs-toast-body", M(E(a.$attrs)), [
-      u(a.$slots, "default")
+    return (a, t) => (s(), r("bs-toast-body", k(p(a.$attrs)), [
+      c(a.$slots, "default")
     ], 16));
   }
-}, Be = ["variant"], Vt = {
+}, Be = ["variant"], Dt = {
   __name: "BsToastHeader",
   props: {
     variant: {}
   },
   emits: [],
   setup(e, { emit: l }) {
-    return (a, t) => (n(), o("bs-toast-header", d(a.$attrs, { variant: e.variant }), [
-      u(a.$slots, "default")
+    return (a, t) => (s(), r("bs-toast-header", o(a.$attrs, { variant: e.variant }), [
+      c(a.$slots, "default")
     ], 16, Be));
   }
-}, qt = {
+}, Pt = {
   __name: "BsToaster",
   props: {},
   emits: [],
   setup(e, { emit: l }) {
-    return (a, t) => (n(), $(m(p), null, {
-      default: g(() => [
-        k("bs-toaster", M(E(a.$attrs)), [
-          u(a.$slots, "default")
+    return (a, t) => (s(), v(m(I), null, {
+      default: $(() => [
+        u("bs-toaster", k(p(a.$attrs)), [
+          c(a.$slots, "default")
         ], 16)
       ]),
       _: 3
     }));
   }
-}, pe = ["enter-class", "enter-attribute", "enter-duration", "leave-class", "leave-attribute", "leave-duration", "enter-controlled", "enter-trigger", "leave-trigger"], At = {
+}, Ie = ["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 },
@@ -978,7 +978,7 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["enterend", "leaveend"],
   setup(e, { emit: l }) {
-    return (a, t) => (n(), o("bs-transition", d(a.$attrs, {
+    return (a, t) => (s(), r("bs-transition", o(a.$attrs, {
       "enter-class": e.enterClass,
       "enter-attribute": e.enterAttribute,
       "enter-duration": e.enterDuration,
@@ -988,75 +988,17 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       "enter-controlled": e.enterControlled,
       "enter-trigger": e.enterTrigger,
       "leave-trigger": e.leaveTrigger,
-      onEnterend: t[0] || (t[0] = (s) => l("enterend", s.detail)),
-      onLeaveend: t[1] || (t[1] = (s) => l("leaveend", s.detail))
+      onEnterend: t[0] || (t[0] = (n) => l("enterend", n.detail)),
+      onLeaveend: t[1] || (t[1] = (n) => l("leaveend", n.detail))
     }), [
-      u(a.$slots, "default")
-    ], 16, pe));
+      c(a.$slots, "default")
+    ], 16, Ie));
   }
 };
-function P(e) {
-  e.value.replaceChildren();
+function z() {
+  return E();
 }
-const ke = ["controlled", "icon", "header-text", "heading-level", "open-item", "open-item-id", "stacked"], Te = {
-  __name: "BsAccordionServer",
-  props: {
-    controlled: { default: !1 },
-    icon: {},
-    headerText: {},
-    headingLevel: {},
-    openItem: { default: !1 },
-    openItemId: {},
-    stacked: { default: !1 }
-  },
-  emits: ["toggled"],
-  setup(e, { emit: l }) {
-    const a = h(!1), t = h(null), s = h(""), i = I([]), c = h(null), b = h(!1), y = (r, v = 0) => {
-      var f, B;
-      t.value || v >= 4 || (t.value = (B = (f = r.value) == null ? void 0 : f.querySelector) == null ? void 0 : B.call(f, "[data-slot]"), t.value || i.push(setTimeout(() => y(r, v + 1), 50)));
-    };
-    return w(() => b.value = !0), S(() => y(c, 0)), C(t, (r) => {
-      !r || a.value || (P(t), i.push(setTimeout(() => {
-        L(() => {
-          s.value = customElements.get("bs-accordion") ? "hydrated superhydrated" : "superhydrated";
-        });
-      }, 100)), a.value = !0);
-    }, { immediate: !0 }), V(() => i.forEach((r) => clearTimeout(r))), (r, v) => (n(), o(q, null, [
-      t.value && b.value ? (n(), $(m(p), { key: 0 }, {
-        default: g(() => [
-          (n(), $(A, { to: t.value }, [
-            u(r.$slots, "default")
-          ], 8, ["to"]))
-        ]),
-        _: 3
-      })) : x("", !0),
-      k("bs-accordion", d({
-        ref_key: "wcRef",
-        ref: c,
-        class: s.value,
-        "data-bsds-ssr": "",
-        controlled: e.controlled,
-        icon: e.icon,
-        "header-text": e.headerText,
-        "heading-level": e.headingLevel,
-        "open-item": e.openItem,
-        "open-item-id": e.openItemId,
-        stacked: e.stacked,
-        onToggled: v[0] || (v[0] = (f) => l("toggled", f.detail))
-      }, r.$attrs), [
-        T(m(p), null, z({ _: 2 }, [
-          b.value ? void 0 : {
-            name: "fallback",
-            fn: g(() => [
-              u(r.$slots, "default")
-            ]),
-            key: "0"
-          }
-        ]), 1024)
-      ], 16, ke)
-    ], 64));
-  }
-}, Ie = "bs-accordion", xt = {
+const xe = ["data-stacked"], ye = ["data-open"], Te = ["aria-controls", "aria-expanded"], we = ["id", "aria-level"], Ce = /* @__PURE__ */ u("bs-icon-caret-down", { "data-position": "end" }, null, -1), ke = ["aria-labelledby", "data-open", "id"], pe = { "data-slot": "" }, St = {
   __name: "BsAccordion",
   props: {
     controlled: { default: !1 },
@@ -1065,157 +1007,96 @@ const ke = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     headingLevel: {},
     openItem: { default: !1 },
     openItemId: {},
-    stacked: { default: !1 },
-    bsShow: { default: !0 }
+    stacked: { default: !1 }
   },
   emits: ["toggled"],
   setup(e, { emit: l }) {
-    const a = e, { data: t } = D(Ie, () => {
-      if (process.server)
-        return !0;
+    const a = e, t = g(null), n = g(""), d = g(""), i = g(!1), h = b(() => a.icon ? `bs-icon-${a.icon}` : null), f = b(() => a.openItemId === t.value.id || a.openItem === !0), B = b(() => a.controlled ? f.value : i.value);
+    w(() => {
+      var y;
+      (y = t.value) != null && y.id || t.value.setAttribute("id", z()), n.value = t.value.id + "-content", d.value = t.value.id + "-title";
     });
-    return (s, i) => m(t) ? (n(), $(Te, d({ key: 0 }, { ...a, ...s.$attrs }, {
-      style: { display: e.bsShow ? null : "none" },
-      onToggled: i[0] || (i[0] = (c) => l("toggled", c))
-    }), {
-      default: g(() => [
-        u(s.$slots, "default")
-      ]),
-      _: 3
-    }, 16, ["style"])) : (n(), o("bs-accordion", d({ key: 1 }, { ...a, ...s.$attrs }, {
-      style: { display: e.bsShow ? null : "none" },
-      onToggled: i[1] || (i[1] = (c) => l("toggled", c.detail))
-    }), [
-      u(s.$slots, "default")
-    ], 16));
+    function D() {
+      l("toggled", t.value.id), a.controlled || (i.value = !i.value);
+    }
+    return (y, Ye) => (s(), r("bs-host", {
+      ref_key: "hostRef",
+      ref: t,
+      class: "bs-accordion",
+      "data-component": "bs-accordion",
+      "data-stacked": e.stacked
+    }, [
+      u("header", {
+        part: "header",
+        "data-open": B.value
+      }, [
+        u("button", {
+          "aria-controls": n.value,
+          "aria-expanded": B.value,
+          type: "button",
+          onClick: D
+        }, [
+          h.value ? (s(), v(C(h.value), {
+            key: 0,
+            "data-position": "start"
+          })) : A("", !0),
+          u("span", {
+            id: d.value,
+            "aria-level": e.headingLevel,
+            role: "heading"
+          }, L(e.headerText), 9, we),
+          Ce
+        ], 8, Te)
+      ], 8, ye),
+      u("div", {
+        "aria-labelledby": d.value,
+        class: "bs-accordion-content",
+        "data-open": B.value,
+        id: n.value,
+        part: "content",
+        role: "region"
+      }, [
+        u("div", pe, [
+          c(y.$slots, "default")
+        ])
+      ], 8, ke)
+    ], 8, xe));
   }
-}, we = {
-  __name: "BsBannerServer",
-  props: {},
-  emits: ["dismiss"],
-  setup(e, { emit: l }) {
-    const a = h(!1), t = h(null), s = h(""), i = I([]), c = h(null), b = h(!1), y = (r, v = 0) => {
-      var f, B;
-      t.value || v >= 4 || (t.value = (B = (f = r.value) == null ? void 0 : f.querySelector) == null ? void 0 : B.call(f, "[data-slot]"), t.value || i.push(setTimeout(() => y(r, v + 1), 50)));
-    };
-    return w(() => b.value = !0), S(() => y(c, 0)), C(t, (r) => {
-      !r || a.value || (P(t), i.push(setTimeout(() => {
-        L(() => {
-          s.value = customElements.get("bs-banner") ? "hydrated superhydrated" : "superhydrated";
-        });
-      }, 100)), a.value = !0);
-    }, { immediate: !0 }), V(() => i.forEach((r) => clearTimeout(r))), (r, v) => (n(), o(q, null, [
-      t.value && b.value ? (n(), $(m(p), { key: 0 }, {
-        default: g(() => [
-          (n(), $(A, { to: t.value }, [
-            u(r.$slots, "default")
-          ], 8, ["to"]))
-        ]),
-        _: 3
-      })) : x("", !0),
-      k("bs-banner", d({
-        ref_key: "wcRef",
-        ref: c,
-        class: s.value,
-        "data-bsds-ssr": "",
-        onDismiss: v[0] || (v[0] = (f) => l("dismiss", f.detail))
-      }, r.$attrs), [
-        T(m(p), null, z({ _: 2 }, [
-          b.value ? void 0 : {
-            name: "fallback",
-            fn: g(() => [
-              u(r.$slots, "default")
-            ]),
-            key: "0"
-          }
-        ]), 1024)
-      ], 16)
-    ], 64));
-  }
-}, Se = "bs-banner", zt = {
+};
+const Ae = ["data-dismissed"], Le = { class: "bs-banner-content" }, Ve = /* @__PURE__ */ u("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
+], Ft = {
   __name: "BsBanner",
-  props: {
-    bsShow: { default: !0 }
-  },
   emits: ["dismiss"],
   setup(e, { emit: l }) {
-    const a = e, { data: t } = D(Se, () => {
-      if (process.server)
-        return !0;
-    });
-    return (s, i) => m(t) ? (n(), $(we, d({ key: 0 }, { ...a, ...s.$attrs }, {
-      style: { display: e.bsShow ? null : "none" },
-      onDismiss: i[0] || (i[0] = (c) => l("dismiss", c))
-    }), {
-      default: g(() => [
-        u(s.$slots, "default")
-      ]),
-      _: 3
-    }, 16, ["style"])) : (n(), o("bs-banner", d({ key: 1 }, { ...a, ...s.$attrs }, {
-      style: { display: e.bsShow ? null : "none" },
-      onDismiss: i[1] || (i[1] = (c) => l("dismiss", c.detail))
-    }), [
-      u(s.$slots, "default")
-    ], 16));
-  }
-}, Ce = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn", "size"], Le = {
-  __name: "BsButtonServer",
-  props: {
-    variant: {},
-    disabled: {},
-    ghostBtn: {},
-    href: {},
-    passAttrs: { default: "" },
-    textBtn: {},
-    size: {}
-  },
-  emits: [],
-  setup(e, { emit: l }) {
-    const a = h(!1), t = h(null), s = h(""), i = I([]), c = h(null), b = h(!1), y = (r, v = 0) => {
-      var f, B;
-      t.value || v >= 4 || (t.value = (B = (f = r.value) == null ? void 0 : f.querySelector) == null ? void 0 : B.call(f, "[data-slot]"), t.value || i.push(setTimeout(() => y(r, v + 1), 50)));
-    };
-    return w(() => b.value = !0), S(() => y(c, 0)), C(t, (r) => {
-      !r || a.value || (P(t), i.push(setTimeout(() => {
-        L(() => {
-          s.value = customElements.get("bs-button") ? "hydrated superhydrated" : "superhydrated";
-        });
-      }, 100)), a.value = !0);
-    }, { immediate: !0 }), V(() => i.forEach((r) => clearTimeout(r))), (r, v) => (n(), o(q, null, [
-      t.value && b.value ? (n(), $(m(p), { key: 0 }, {
-        default: g(() => [
-          (n(), $(A, { to: t.value }, [
-            u(r.$slots, "default")
-          ], 8, ["to"]))
+    const a = g(!1);
+    function t() {
+      a.value = !0, l("dismiss");
+    }
+    return (n, d) => (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(n.$slots, "default")
         ]),
-        _: 3
-      })) : x("", !0),
-      k("bs-button", d({
-        ref_key: "wcRef",
-        ref: c,
-        class: s.value,
-        "data-bsds-ssr": "",
-        variant: e.variant,
-        disabled: e.disabled,
-        "ghost-btn": e.ghostBtn,
-        href: e.href,
-        "pass-attrs": e.passAttrs,
-        "text-btn": e.textBtn,
-        size: e.size
-      }, r.$attrs), [
-        T(m(p), null, z({ _: 2 }, [
-          b.value ? void 0 : {
-            name: "fallback",
-            fn: g(() => [
-              u(r.$slots, "default")
-            ]),
-            key: "0"
-          }
-        ]), 1024)
-      ], 16, Ce)
-    ], 64));
+        u("button", {
+          type: "button",
+          title: "Close Banner",
+          onClick: t
+        }, De)
+      ])
+    ], 8, Ae));
   }
-}, Ve = "bs-button", Dt = {
+};
+const Pe = ["data-disabled"], Et = {
   __name: "BsButton",
   props: {
     variant: {},
@@ -1223,236 +1104,131 @@ const ke = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     ghostBtn: {},
     href: {},
     passAttrs: { default: "" },
-    textBtn: {},
-    size: {},
     router: {},
-    bsShow: { default: !0 }
+    textBtn: {},
+    size: {}
   },
-  emits: [],
-  setup(e, { emit: l }) {
-    const a = e, { onLinkClick: t } = W(a), { data: s } = D(Ve, () => {
-      if (process.server)
-        return !0;
+  setup(e) {
+    const l = e, { onLinkClick: a } = x(l), t = T(), n = b(() => {
+      const i = {
+        download: t.download,
+        target: t.target
+      };
+      return l.href ? l.disabled && l.href && (i["aria-disabled"] = !0, i.tabindex = "-1", i.title = t.title) : i.type = t.type || "button", i;
     });
-    return (i, c) => m(s) ? (n(), $(Le, d({ key: 0 }, { ...a, ...i.$attrs, router: void 0 }, {
-      style: { display: e.bsShow ? null : "none" },
-      onClick: m(t)
-    }), {
-      default: g(() => [
-        u(i.$slots, "default")
-      ]),
-      _: 3
-    }, 16, ["style", "onClick"])) : (n(), o("bs-button", d({ key: 1 }, { ...a, ...i.$attrs, router: void 0 }, {
-      style: { display: e.bsShow ? null : "none" },
-      onClick: c[0] || (c[0] = (...b) => m(t) && m(t)(...b))
-    }), [
-      u(i.$slots, "default")
-    ], 16));
-  }
-}, qe = {
-  __name: "BsIconGradientWrapperServer",
-  props: {},
-  emits: [],
-  setup(e, { emit: l }) {
-    const a = h(!1), t = h(null), s = h(""), i = I([]), c = h(null), b = h(!1), y = (r, v = 0) => {
-      var f, B;
-      t.value || v >= 4 || (t.value = (B = (f = r.value) == null ? void 0 : f.querySelector) == null ? void 0 : B.call(f, "[data-slot]"), t.value || i.push(setTimeout(() => y(r, v + 1), 50)));
-    };
-    return w(() => b.value = !0), S(() => y(c, 0)), C(t, (r) => {
-      !r || a.value || (P(t), i.push(setTimeout(() => {
-        L(() => {
-          s.value = customElements.get("bs-icon-gradient-wrapper") ? "hydrated superhydrated" : "superhydrated";
-        });
-      }, 100)), a.value = !0);
-    }, { immediate: !0 }), V(() => i.forEach((r) => clearTimeout(r))), (r, v) => (n(), o(q, null, [
-      t.value && b.value ? (n(), $(m(p), { key: 0 }, {
-        default: g(() => [
-          (n(), $(A, { to: t.value }, [
-            u(r.$slots, "default")
-          ], 8, ["to"]))
+    function d(i) {
+      l.disabled && (i.preventDefault(), i.stopPropagation());
+    }
+    return (i, h) => (s(), r("bs-host", {
+      "data-component": "bs-button",
+      "data-disabled": e.disabled || void 0,
+      onClick: d
+    }, [
+      (s(), v(C(e.href ? "a" : "button"), o({
+        "data-slot": "",
+        class: "bs-button",
+        "data-ghost": e.ghostBtn,
+        "data-size": e.size,
+        "data-text": e.textBtn,
+        "data-variant": e.variant,
+        disabled: e.disabled,
+        href: e.href
+      }, n.value, { onClick: m(a) }), {
+        default: $(() => [
+          c(i.$slots, "default")
         ]),
         _: 3
-      })) : x("", !0),
-      k("bs-icon-gradient-wrapper", d({
-        ref_key: "wcRef",
-        ref: c,
-        class: s.value,
-        "data-bsds-ssr": ""
-      }, r.$attrs), [
-        T(m(p), null, z({ _: 2 }, [
-          b.value ? void 0 : {
-            name: "fallback",
-            fn: g(() => [
-              u(r.$slots, "default")
-            ]),
-            key: "0"
-          }
-        ]), 1024)
-      ], 16)
-    ], 64));
+      }, 16, ["data-ghost", "data-size", "data-text", "data-variant", "disabled", "href", "onClick"]))
+    ], 8, Pe));
   }
-}, Ae = "bs-icon-gradient-wrapper", Pt = {
+};
+const Me = ["viewBox"], Se = ["offset", "stop-color"], Ot = {
   __name: "BsIconGradientWrapper",
-  props: {
-    bsShow: { default: !0 }
-  },
-  emits: [],
-  setup(e, { emit: l }) {
-    const a = e, { data: t } = D(Ae, () => {
-      if (process.server)
-        return !0;
-    });
-    return (s, i) => m(t) ? (n(), $(qe, d({ key: 0 }, { ...a, ...s.$attrs }, {
-      style: { display: e.bsShow ? null : "none" }
-    }), {
-      default: g(() => [
-        u(s.$slots, "default")
-      ]),
-      _: 3
-    }, 16, ["style"])) : (n(), o("bs-icon-gradient-wrapper", d({ key: 1 }, { ...a, ...s.$attrs }, {
-      style: { display: e.bsShow ? null : "none" }
-    }), [
-      u(s.$slots, "default")
-    ], 16));
-  }
-}, xe = ["disabled", "for", "hide", "pass-attrs", "required"], ze = {
-  __name: "BsLabelServer",
-  props: {
-    disabled: {},
-    for: {},
-    hide: {},
-    passAttrs: { default: "" },
-    required: {}
-  },
-  emits: [],
-  setup(e, { emit: l }) {
-    const a = h(!1), t = h(null), s = h(""), i = I([]), c = h(null), b = h(!1), y = (r, v = 0) => {
-      var f, B;
-      t.value || v >= 4 || (t.value = (B = (f = r.value) == null ? void 0 : f.querySelector) == null ? void 0 : B.call(f, "[data-slot]"), t.value || i.push(setTimeout(() => y(r, v + 1), 50)));
-    };
-    return w(() => b.value = !0), S(() => y(c, 0)), C(t, (r) => {
-      !r || a.value || (P(t), i.push(setTimeout(() => {
-        L(() => {
-          s.value = customElements.get("bs-label") ? "hydrated superhydrated" : "superhydrated";
-        });
-      }, 100)), a.value = !0);
-    }, { immediate: !0 }), V(() => i.forEach((r) => clearTimeout(r))), (r, v) => (n(), o(q, null, [
-      t.value && b.value ? (n(), $(m(p), { key: 0 }, {
-        default: g(() => [
-          (n(), $(A, { to: t.value }, [
-            u(r.$slots, "default")
-          ], 8, ["to"]))
-        ]),
-        _: 3
-      })) : x("", !0),
-      k("bs-label", d({
-        ref_key: "wcRef",
-        ref: c,
-        class: s.value,
-        "data-bsds-ssr": "",
-        disabled: e.disabled,
-        for: e.for,
-        hide: e.hide,
-        "pass-attrs": e.passAttrs,
-        required: e.required
-      }, r.$attrs), [
-        T(m(p), null, z({ _: 2 }, [
-          b.value ? void 0 : {
-            name: "fallback",
-            fn: g(() => [
-              u(r.$slots, "default")
-            ]),
-            key: "0"
-          }
-        ]), 1024)
-      ], 16, xe)
-    ], 64));
+  setup(e) {
+    const l = [
+      { offset: 0.1326, color: "#EE282A" },
+      { offset: 0.5466, color: "#1C0087" },
+      { offset: 0.9715, color: "#0086EA" }
+    ], a = `svg-gradient-${z()}`, t = g(null), n = g("0 0 0 0");
+    function d() {
+      const i = t.value.querySelector(".svg-wrapper svg");
+      n.value = i == null ? void 0 : i.getAttribute("viewBox");
+    }
+    return w(d), (i, h) => (s(), r("bs-host", {
+      ref_key: "hostRef",
+      ref: t,
+      "data-component": "bs-icon-gradient-wrapper"
+    }, [
+      u("span", {
+        class: "svg-wrapper",
+        style: M(`fill: url(#${a});`),
+        "data-slot": ""
+      }, [
+        c(i.$slots, "default")
+      ], 4),
+      (s(), r("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: n.value,
+        width: "0",
+        height: "0"
+      }, [
+        u("linearGradient", {
+          id: a,
+          x1: "0",
+          y1: "0",
+          x2: "100%",
+          y2: "100%",
+          gradientUnits: "userSpaceOnUse"
+        }, [
+          (s(), r(V, null, S(l, (f) => u("stop", {
+            key: f.offset,
+            offset: f.offset,
+            "stop-color": f.color
+          }, null, 8, Se)), 64))
+        ])
+      ], 8, Me))
+    ], 512));
   }
-}, De = "bs-label", Wt = {
+};
+const Fe = ["data-disabled", "htmlFor"], Ee = { "data-slot": "" }, Oe = /* @__PURE__ */ u("span", {
+  "data-required": "",
+  "aria-hidden": "true"
+}, " *", -1), Ge = /* @__PURE__ */ u("span", { class: "visually-hidden" }, "required", -1), Gt = {
   __name: "BsLabel",
   props: {
     disabled: {},
     for: {},
     hide: {},
     passAttrs: { default: "" },
-    required: {},
-    bsShow: { default: !0 }
+    required: {}
   },
-  emits: [],
-  setup(e, { emit: l }) {
-    const a = e, { data: t } = D(De, () => {
-      if (process.server)
-        return !0;
+  setup(e) {
+    const l = e, a = T(), t = b(() => {
+      const n = {};
+      return l.passAttrs.split(",").forEach((d) => {
+        n[d] = a[d];
+      }), n;
     });
-    return (s, i) => m(t) ? (n(), $(ze, d({ key: 0 }, { ...a, ...s.$attrs }, {
-      style: { display: e.bsShow ? null : "none" }
-    }), {
-      default: g(() => [
-        u(s.$slots, "default")
-      ]),
-      _: 3
-    }, 16, ["style"])) : (n(), o("bs-label", d({ key: 1 }, { ...a, ...s.$attrs }, {
-      style: { display: e.bsShow ? null : "none" }
-    }), [
-      u(s.$slots, "default")
-    ], 16));
-  }
-}, Pe = ["variant", "status", "href", "active", "disabled", "pass-attrs"], We = {
-  __name: "BsPillServer",
-  props: {
-    variant: {},
-    status: {},
-    href: {},
-    active: {},
-    disabled: {},
-    passAttrs: { default: "" }
-  },
-  emits: [],
-  setup(e, { emit: l }) {
-    const a = h(!1), t = h(null), s = h(""), i = I([]), c = h(null), b = h(!1), y = (r, v = 0) => {
-      var f, B;
-      t.value || v >= 4 || (t.value = (B = (f = r.value) == null ? void 0 : f.querySelector) == null ? void 0 : B.call(f, "[data-slot]"), t.value || i.push(setTimeout(() => y(r, v + 1), 50)));
-    };
-    return w(() => b.value = !0), S(() => y(c, 0)), C(t, (r) => {
-      !r || a.value || (P(t), i.push(setTimeout(() => {
-        L(() => {
-          s.value = customElements.get("bs-pill") ? "hydrated superhydrated" : "superhydrated";
-        });
-      }, 100)), a.value = !0);
-    }, { immediate: !0 }), V(() => i.forEach((r) => clearTimeout(r))), (r, v) => (n(), o(q, null, [
-      t.value && b.value ? (n(), $(m(p), { key: 0 }, {
-        default: g(() => [
-          (n(), $(A, { to: t.value }, [
-            u(r.$slots, "default")
-          ], 8, ["to"]))
+    return (n, d) => (s(), r("bs-host", {
+      "data-component": "bs-label",
+      class: q(e.hide ? "visually-hidden" : "")
+    }, [
+      u("label", o({
+        "data-disabled": e.disabled,
+        htmlFor: e.for
+      }, t.value), [
+        u("span", Ee, [
+          c(n.$slots, "default")
         ]),
-        _: 3
-      })) : x("", !0),
-      k("bs-pill", d({
-        ref_key: "wcRef",
-        ref: c,
-        class: s.value,
-        "data-bsds-ssr": "",
-        variant: e.variant,
-        status: e.status,
-        href: e.href,
-        active: e.active,
-        disabled: e.disabled,
-        "pass-attrs": e.passAttrs
-      }, r.$attrs), [
-        T(m(p), null, z({ _: 2 }, [
-          b.value ? void 0 : {
-            name: "fallback",
-            fn: g(() => [
-              u(r.$slots, "default")
-            ]),
-            key: "0"
-          }
-        ]), 1024)
-      ], 16, Pe)
-    ], 64));
+        e.required ? (s(), r(V, { key: 0 }, [
+          Oe,
+          Ge
+        ], 64)) : A("", !0)
+      ], 16, Fe)
+    ], 2));
   }
-}, Re = "bs-pill", Rt = {
+};
+const Re = { "data-component": "bs-pill" }, Rt = {
   __name: "BsPill",
   props: {
     variant: {},
@@ -1460,90 +1236,34 @@ const ke = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     href: {},
     active: {},
     disabled: {},
-    passAttrs: { default: "" },
-    router: {},
-    bsShow: { default: !0 }
+    passAttrs: { default: "" }
   },
-  emits: [],
-  setup(e, { emit: l }) {
-    const a = e, { onLinkClick: t } = W(a), { data: s } = D(Re, () => {
-      if (process.server)
-        return !0;
+  setup(e) {
+    const l = e, { onLinkClick: a } = x(l), t = T(), n = b(() => l.href ? "a" : t.type === "button" ? "button" : "span"), d = b(() => {
+      const i = {};
+      return l.passAttrs.split(",").forEach((h) => {
+        i[h] = t[h];
+      }), l.disabled && l.href && (i["aria-disabled"] = !0, i.tabindex = "-1", i.title = t.title), n.value === "button" && (i.type = t.type || "button"), i;
     });
-    return (i, c) => m(s) ? (n(), $(We, d({ key: 0 }, { ...a, ...i.$attrs, router: void 0 }, {
-      style: { display: e.bsShow ? null : "none" },
-      onClick: m(t)
-    }), {
-      default: g(() => [
-        u(i.$slots, "default")
-      ]),
-      _: 3
-    }, 16, ["style", "onClick"])) : (n(), o("bs-pill", d({ key: 1 }, { ...a, ...i.$attrs, router: void 0 }, {
-      style: { display: e.bsShow ? null : "none" },
-      onClick: c[0] || (c[0] = (...b) => m(t) && m(t)(...b))
-    }), [
-      u(i.$slots, "default")
-    ], 16));
-  }
-}, Me = ["disabled", "input-id", "required", "error", "hint-id", "value", "pass-attrs"], Ee = {
-  __name: "BsSelectServer",
-  props: {
-    disabled: { default: !1 },
-    inputId: {},
-    required: {},
-    error: {},
-    hintId: {},
-    value: {},
-    passAttrs: { default: "" },
-    modelValue: {}
-  },
-  emits: [],
-  setup(e, { emit: l }) {
-    const a = h(!1), t = h(null), s = h(""), i = I([]), c = h(null), b = h(!1), y = (r, v = 0) => {
-      var f, B;
-      t.value || v >= 4 || (t.value = (B = (f = r.value) == null ? void 0 : f.querySelector) == null ? void 0 : B.call(f, "[data-slot]"), t.value || i.push(setTimeout(() => y(r, v + 1), 50)));
-    };
-    return w(() => b.value = !0), S(() => y(c, 0)), C(t, (r) => {
-      !r || a.value || (P(t), i.push(setTimeout(() => {
-        L(() => {
-          s.value = customElements.get("bs-select") ? "hydrated superhydrated" : "superhydrated";
-        });
-      }, 100)), a.value = !0);
-    }, { immediate: !0 }), V(() => i.forEach((r) => clearTimeout(r))), (r, v) => (n(), o(q, null, [
-      t.value && b.value ? (n(), $(m(p), { key: 0 }, {
-        default: g(() => [
-          (n(), $(A, { to: t.value }, [
-            u(r.$slots, "default")
-          ], 8, ["to"]))
+    return (i, h) => (s(), r("bs-host", Re, [
+      (s(), v(C(n.value), o({
+        class: "bs-pill",
+        "data-active": e.active,
+        "data-slot": "",
+        "data-status": e.status || void 0,
+        "data-variant": e.variant || void 0,
+        disabled: e.disabled,
+        href: e.href
+      }, d.value, { onClick: m(a) }), {
+        default: $(() => [
+          c(i.$slots, "default")
         ]),
         _: 3
-      })) : x("", !0),
-      k("bs-select", d({
-        ref_key: "wcRef",
-        ref: c,
-        class: s.value,
-        "data-bsds-ssr": "",
-        disabled: e.disabled,
-        "input-id": e.inputId,
-        required: e.required,
-        error: e.error,
-        "hint-id": e.hintId,
-        value: e.value,
-        "pass-attrs": e.passAttrs
-      }, e.modelValue, r.$attrs), [
-        T(m(p), null, z({ _: 2 }, [
-          b.value ? void 0 : {
-            name: "fallback",
-            fn: g(() => [
-              u(r.$slots, "default")
-            ]),
-            key: "0"
-          }
-        ]), 1024)
-      ], 16, Me)
-    ], 64));
+      }, 16, ["data-active", "data-status", "data-variant", "disabled", "href", "onClick"]))
+    ]));
   }
-}, Oe = "bs-select", Mt = {
+};
+const je = { "data-component": "bs-select" }, Ne = ["id", "disabled", "required", "data-error", "value"], jt = {
   __name: "BsSelect",
   props: {
     disabled: { default: !1 },
@@ -1553,159 +1273,126 @@ const ke = ["controlled", "icon", "header-text", "heading-level", "open-item", "
     hintId: {},
     value: {},
     passAttrs: { default: "" },
-    modelValue: {},
-    bsShow: { default: !0 }
+    modelValue: {}
   },
-  emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    const a = e, { data: t } = D(Oe, () => {
-      if (process.server)
-        return !0;
+  setup(e) {
+    const l = e, a = ["autocomplete", "multiple", "name", "size"], t = T(), n = b(() => ({ [l.error ? "aria-errormessage" : "aria-describedby"]: l.hintId })), d = b(() => {
+      const i = { ...n.value };
+      return l.passAttrs.split(",").concat(a).forEach((h) => {
+        i[h] = t[h];
+      }), i;
     });
-    return (s, i) => m(t) ? (n(), $(Ee, d({ key: 0 }, { ...a, ...s.$attrs, value: e.value || e.modelValue }, {
-      style: { display: e.bsShow ? null : "none" }
-    }), {
-      default: g(() => [
-        u(s.$slots, "default")
-      ]),
-      _: 3
-    }, 16, ["style"])) : (n(), o("bs-select", d({ key: 1 }, { ...a, ...s.$attrs, value: e.value || e.modelValue }, {
-      style: { display: e.bsShow ? null : "none" }
-    }), [
-      u(s.$slots, "default")
-    ], 16));
-  }
-}, Fe = ["tooltip-id", "content", "position"], Ge = {
-  __name: "BsTooltipServer",
-  props: {
-    tooltipId: {},
-    content: {},
-    position: {}
-  },
-  emits: [],
-  setup(e, { emit: l }) {
-    const a = h(!1), t = h(null), s = h(""), i = I([]), c = h(null), b = h(!1), y = (r, v = 0) => {
-      var f, B;
-      t.value || v >= 4 || (t.value = (B = (f = r.value) == null ? void 0 : f.querySelector) == null ? void 0 : B.call(f, "[data-slot]"), t.value || i.push(setTimeout(() => y(r, v + 1), 50)));
-    };
-    return w(() => b.value = !0), S(() => y(c, 0)), C(t, (r) => {
-      !r || a.value || (P(t), i.push(setTimeout(() => {
-        L(() => {
-          s.value = customElements.get("bs-tooltip") ? "hydrated superhydrated" : "superhydrated";
-        });
-      }, 100)), a.value = !0);
-    }, { immediate: !0 }), V(() => i.forEach((r) => clearTimeout(r))), (r, v) => (n(), o(q, null, [
-      t.value && b.value ? (n(), $(m(p), { key: 0 }, {
-        default: g(() => [
-          (n(), $(A, { to: t.value }, [
-            u(r.$slots, "default")
-          ], 8, ["to"]))
-        ]),
-        _: 3
-      })) : x("", !0),
-      k("bs-tooltip", d({
-        ref_key: "wcRef",
-        ref: c,
-        class: s.value,
-        "data-bsds-ssr": "",
-        "tooltip-id": e.tooltipId,
-        content: e.content,
-        position: e.position
-      }, r.$attrs), [
-        T(m(p), null, z({ _: 2 }, [
-          b.value ? void 0 : {
-            name: "fallback",
-            fn: g(() => [
-              u(r.$slots, "default")
-            ]),
-            key: "0"
-          }
-        ]), 1024)
-      ], 16, Fe)
-    ], 64));
+    return (i, h) => (s(), r("bs-host", je, [
+      u("select", o({
+        id: e.inputId,
+        class: "bs-select",
+        "data-slot": "",
+        disabled: e.disabled,
+        required: e.required,
+        "data-error": e.error,
+        value: e.value || e.modelValue,
+        onChange: h[0] || (h[0] = (f) => i.emit("update:modelValue", f.target.value))
+      }, d.value), [
+        c(i.$slots, "default")
+      ], 16, Ne)
+    ]));
   }
-}, je = "bs-tooltip", Et = {
+};
+const We = ["data-position"], He = { "data-slot": "" }, Ue = ["id"], Nt = {
   __name: "BsTooltip",
   props: {
     tooltipId: {},
     content: {},
-    position: {},
-    bsShow: { default: !0 }
+    position: {}
   },
-  emits: [],
-  setup(e, { emit: l }) {
-    const a = e, { data: t } = D(je, () => {
-      if (process.server)
-        return !0;
+  setup(e) {
+    const l = e, a = g(!1), t = g(!1), n = b(() => {
+      let f = "bs-tooltip-text";
+      return t.value && (l.position === void 0 || l.position === "top" || l.position === "bottom" ? f += " escaped-x" : l.position === "left" || l.position === "right" ? f += " escaped-y" : f += " escaped"), f;
     });
-    return (s, i) => m(t) ? (n(), $(Ge, d({ key: 0 }, { ...a, ...s.$attrs }, {
-      style: { display: e.bsShow ? null : "none" }
-    }), {
-      default: g(() => [
-        u(s.$slots, "default")
-      ]),
-      _: 3
-    }, 16, ["style"])) : (n(), o("bs-tooltip", d({ key: 1 }, { ...a, ...s.$attrs }, {
-      style: { display: e.bsShow ? null : "none" }
-    }), [
-      u(s.$slots, "default")
-    ], 16));
+    w(() => {
+      window.addEventListener("keydown", h);
+    }), F(() => {
+      window.removeEventListener("keydown", h);
+    });
+    function d() {
+      a.value = !0;
+    }
+    function i() {
+      a.value = !1, t.value = !1;
+    }
+    function h(f) {
+      a.value && f.key === "Escape" && (a.value = !1, t.value = !0);
+    }
+    return (f, B) => (s(), r("bs-host", {
+      "data-component": "bs-tooltip",
+      onMouseenter: d,
+      onFocusin: d,
+      onMouseleave: i,
+      onFocusout: i
+    }, [
+      u("div", {
+        class: "bs-tooltip",
+        "data-position": e.position || void 0
+      }, [
+        u("div", He, [
+          c(f.$slots, "default")
+        ]),
+        u("div", {
+          class: q(n.value),
+          id: e.tooltipId,
+          role: "tooltip"
+        }, L(e.content), 11, Ue)
+      ], 8, We)
+    ], 32));
   }
 };
 export {
-  xt as BsAccordion,
-  Te as BsAccordionServer,
-  Ye as BsBadge,
-  zt as BsBanner,
-  we as BsBannerServer,
-  Dt as BsButton,
-  Le as BsButtonServer,
-  Ze as BsCharacterCount,
-  Je as BsChartBar,
-  Ke as BsChartTable,
-  Qe as BsCheckbox,
-  Ue as BsCircleButton,
-  _e as BsDropdown,
-  et as BsDropdownOption,
-  tt as BsDropdownOptionList,
-  at as BsDropdownWithOptions,
-  st as BsFieldDetails,
-  lt as BsFieldLayout,
-  rt as BsHint,
-  Pt as BsIconGradientWrapper,
-  qe as BsIconGradientWrapperServer,
-  nt as BsInput,
-  it as BsInputAddon,
-  dt as BsInputField,
-  ut as BsInputSearch,
-  Wt as BsLabel,
-  ze as BsLabelServer,
-  ot as BsLoader,
-  ct as BsModal,
-  ft as BsOverlay,
-  mt as BsPagination,
+  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,
+  nt as BsDropdown,
+  lt 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,
+  Gt as BsLabel,
+  mt as BsLoader,
+  bt as BsModal,
+  gt as BsOverlay,
+  vt as BsPagination,
   Rt as BsPill,
-  We as BsPillServer,
-  ht as BsProfile,
-  bt as BsProfileDetails,
-  vt as BsProfileImg,
-  gt as BsProfileLayout,
-  $t as BsRadio,
-  Mt as BsSelect,
-  yt as BsSelectField,
-  Ee as BsSelectServer,
-  Bt as BsSwitch,
-  pt as BsTab,
+  $t as BsProfile,
+  Bt as BsProfileDetails,
+  It as BsProfileImg,
+  xt as BsProfileLayout,
+  yt as BsRadio,
+  jt as BsSelect,
+  Tt as BsSelectField,
+  wt as BsSwitch,
+  Ct as BsTab,
   kt as BsTabList,
-  Tt as BsTabPanel,
-  It as BsTextarea,
-  wt as BsTextareaField,
-  St as BsToast,
-  Ct as BsToastActions,
-  Lt as BsToastBody,
-  Vt as BsToastHeader,
-  qt as BsToaster,
-  Et as BsTooltip,
-  Ge as BsTooltipServer,
-  At as BsTransition
+  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
 };