@wwtdev/bsds-components-vue3 1.9.0 → 1.10.0

package/nuxt/bsds-components.mjs

@@ -1,4 +1,4 @@
-import { openBlock as i, createElementBlock as d, mergeProps as u, renderSlot as c, computed as W, unref as m, createBlock as y, withCtx as g, createElementVNode as w, normalizeProps as E, guardReactiveProps as F, ref as h, reactive as p, onBeforeMount as S, onMounted as T, watch as C, nextTick as I, onBeforeUnmount as q, Fragment as A, Teleport as L, createCommentVNode as x, createVNode as V, createSlots as z } from "vue";
+import { openBlock as d, createElementBlock as o, mergeProps as i, renderSlot as f, computed as W, unref as m, createBlock as g, withCtx as $, createElementVNode as T, normalizeProps as E, guardReactiveProps as F, ref as h, reactive as w, onBeforeMount as p, onMounted as S, watch as C, nextTick as I, onBeforeUnmount as q, Fragment as A, Teleport as L, createCommentVNode as x, createVNode as V, createSlots as z } from "vue";
 import { ClientOnly as k } from "#components";
 import { useAsyncData as P } from "#imports";
 const O = ["color", "count", "count-max", "dot", "label", "position", "show-zero"], Oe = {
@@ -14,7 +14,7 @@ const O = ["color", "count", "count-max", "dot", "label", "position", "show-zero
   },
   emits: [],
   setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-badge", u(a.$attrs, {
+    return (s, t) => (d(), o("bs-badge", i(s.$attrs, {
       color: e.color,
       count: e.count,
       "count-max": e.countMax,
@@ -23,7 +23,7 @@ const O = ["color", "count", "count-max", "dot", "label", "position", "show-zero
       position: e.position,
       "show-zero": e.showZero
     }), [
-      c(a.$slots, "default")
+      f(s.$slots, "default")
     ], 16, O));
   }
 }, M = ["char-count", "char-max"], Me = {
@@ -34,7 +34,7 @@ const O = ["color", "count", "count-max", "dot", "label", "position", "show-zero
   },
   emits: [],
   setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-character-count", u(a.$attrs, {
+    return (s, t) => (d(), o("bs-character-count", i(s.$attrs, {
       "char-count": e.charCount,
       "char-max": e.charMax
     }), null, 16, M));
@@ -55,7 +55,7 @@ const O = ["color", "count", "count-max", "dot", "label", "position", "show-zero
   },
   emits: [],
   setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-chart-bar", u(a.$attrs, {
+    return (s, t) => (d(), o("bs-chart-bar", i(s.$attrs, {
       "chart-title": e.chartTitle,
       data: e.data,
       dataIdxLabels: e.dataIdxLabels,
@@ -77,7 +77,7 @@ const O = ["color", "count", "count-max", "dot", "label", "position", "show-zero
   },
   emits: [],
   setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-chart-table", u(a.$attrs, {
+    return (s, t) => (d(), o("bs-chart-table", i(s.$attrs, {
       data: e.data,
       dataIdxLabels: e.dataIdxLabels,
       "table-title": e.tableTitle
@@ -98,7 +98,7 @@ const O = ["color", "count", "count-max", "dot", "label", "position", "show-zero
   },
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-checkbox", u(a.$attrs, {
+    return (s, t) => (d(), o("bs-checkbox", i(s.$attrs, {
       label: e.label,
       checked: e.checked || e.modelValue,
       "checked-partially": e.checkedPartially,
@@ -107,21 +107,21 @@ 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] = (a) => l("update:modelValue", a.target.checked))
     }), null, 16, G));
   }
 };
 function D(e) {
   const l = W(() => {
-    var s, n;
-    return ((n = (s = e.href) == null ? void 0 : s.startsWith) == null ? void 0 : n.call(s, "/")) || !1;
-  }), a = W(() => {
-    var s, n;
-    return l.value && ((s = e.router) == null ? void 0 : s.navigateTo) || ((n = e.router) == null ? void 0 : n.push) || null;
+    var a, n;
+    return ((n = (a = e.href) == null ? void 0 : a.startsWith) == null ? void 0 : n.call(a, "/")) || !1;
+  }), s = W(() => {
+    var a, n;
+    return l.value && ((a = e.router) == null ? void 0 : a.navigateTo) || ((n = e.router) == null ? void 0 : n.push) || null;
   });
-  function t(s) {
-    var n, o, b, $, r;
-    a.value && ((o = (n = s.target.href) == null ? void 0 : n.endsWith) != null && o.call(n, e.href) || (r = ($ = (b = s.target.closest("a")) == null ? void 0 : b.href) == null ? void 0 : $.endsWith) != null && r.call($, e.href)) && (s.preventDefault(), a.value(e.href));
+  function t(a) {
+    var n, u, b, y, r;
+    s.value && ((u = (n = a.target.href) == null ? void 0 : n.endsWith) != null && u.call(n, e.href) || (r = (y = (b = a.target.closest("a")) == null ? void 0 : b.href) == null ? void 0 : y.endsWith) != null && r.call(y, e.href)) && (a.preventDefault(), s.value(e.href));
   }
   return { onLinkClick: t };
 }
@@ -142,8 +142,8 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: [],
   setup(e, { emit: l }) {
-    const a = e, { onLinkClick: t } = D(a);
-    return (s, n) => (i(), d("bs-circle-button", u(s.$attrs, {
+    const s = e, { onLinkClick: t } = D(s);
+    return (a, n) => (d(), o("bs-circle-button", i(a.$attrs, {
       disabled: e.disabled,
       "ghost-btn": e.ghostBtn,
       "hover-effect": e.hoverEffect,
@@ -154,82 +154,108 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       "pass-attrs": e.passAttrs,
       "text-btn": e.textBtn,
       size: e.size,
-      onClick: n[0] || (n[0] = (...o) => m(t) && m(t)(...o))
+      onClick: n[0] || (n[0] = (...u) => m(t) && m(t)(...u))
     }), null, 16, H));
   }
-}, X = ["shown", "width", "top", "center", "toggle-id", "container-id"], Xe = {
+}, X = ["width", "top", "center", "toggle-id", "container-id", "helper-text", "helper-description", "enter-controlled", "enter-trigger", "leave-trigger"], Xe = {
   __name: "BsDropdown",
   props: {
-    shown: { default: !1 },
     width: { default: void 0 },
     top: { default: !1 },
     center: { default: !1 },
     toggleId: {},
-    containerId: { default: void 0 }
+    containerId: { default: void 0 },
+    helperText: {},
+    helperDescription: {},
+    enterControlled: { default: !1 },
+    enterTrigger: { default: !1 },
+    leaveTrigger: { default: !1 }
   },
-  emits: ["close"],
+  emits: ["close", "enterend", "leaveend"],
   setup(e, { emit: l }) {
-    return (a, t) => (i(), y(m(k), null, {
-      default: g(() => [
-        w("bs-dropdown", u(a.$attrs, {
-          shown: e.shown,
+    return (s, t) => (d(), g(m(k), null, {
+      default: $(() => [
+        T("bs-dropdown", i(s.$attrs, {
           width: e.width,
           top: e.top,
           center: e.center,
           "toggle-id": e.toggleId,
           "container-id": e.containerId,
-          onClose: t[0] || (t[0] = (s) => l("close", s.detail))
+          "helper-text": e.helperText,
+          "helper-description": e.helperDescription,
+          "enter-controlled": e.enterControlled,
+          "enter-trigger": e.enterTrigger,
+          "leave-trigger": e.leaveTrigger,
+          onClose: t[0] || (t[0] = (a) => l("close", a.detail)),
+          onEnterend: t[1] || (t[1] = (a) => l("enterend", a.detail)),
+          onLeaveend: t[2] || (t[2] = (a) => l("leaveend", a.detail))
         }), [
-          c(a.$slots, "default")
+          f(s.$slots, "default")
         ], 16, X)
       ]),
       _: 3
     }));
   }
-}, Y = ["value", "variant", "selected", "options-id", "shown", "focused", "index"], Ye = {
+}, Y = ["value", "variant", "options-id", "selected", "focused", "index"], Ye = {
   __name: "BsDropdownOption",
   props: {
     value: {},
     variant: { default: void 0 },
-    selected: { default: !1 },
     optionsId: {},
-    shown: { default: !1 },
+    selected: { default: !1 },
     focused: { default: !1 },
     index: {}
   },
-  emits: ["optionmouseenter", "optionselect"],
+  emits: ["optmouseenter", "optselect"],
   setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-dropdown-option", u(a.$attrs, {
+    return (s, t) => (d(), o("bs-dropdown-option", i(s.$attrs, {
       value: e.value,
       variant: e.variant,
-      selected: e.selected,
       "options-id": e.optionsId,
-      shown: e.shown,
+      selected: e.selected,
       focused: e.focused,
       index: e.index,
-      onOptionmouseenter: t[0] || (t[0] = (s) => l("optionmouseenter", s.detail)),
-      onOptionselect: t[1] || (t[1] = (s) => l("optionselect", s.detail))
+      onOptmouseenter: t[0] || (t[0] = (a) => l("optmouseenter", a.detail)),
+      onOptselect: t[1] || (t[1] = (a) => l("optselect", a.detail))
     }), [
-      c(a.$slots, "default")
+      f(s.$slots, "default")
     ], 16, Y));
   }
-}, Z = ["options-id", "shown", "label"], Ze = {
-  __name: "BsDropdownOptions",
+}, Z = ["toggle-id", "container-id", "options-id", "width", "top", "center", "label", "selected-value", "enter-controlled", "enter-trigger", "leave-trigger"], Ze = {
+  __name: "BsDropdownWithOptions",
   props: {
+    toggleId: {},
+    containerId: {},
     optionsId: {},
-    shown: {},
-    label: {}
+    width: { default: void 0 },
+    top: { default: !1 },
+    center: { default: !1 },
+    label: {},
+    selectedValue: {},
+    enterControlled: { default: !1 },
+    enterTrigger: { default: !1 },
+    leaveTrigger: { default: !1 }
   },
-  emits: ["selectionchange", "close"],
+  emits: ["optselected", "close", "enterend", "leaveend"],
   setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-dropdown-options", u(a.$attrs, {
+    return (s, t) => (d(), o("bs-dropdown-with-options", i(s.$attrs, {
+      "toggle-id": e.toggleId,
+      "container-id": e.containerId,
       "options-id": e.optionsId,
-      shown: e.shown,
+      width: e.width,
+      top: e.top,
+      center: e.center,
       label: e.label,
-      onSelectionchange: t[0] || (t[0] = (s) => l("selectionchange", s.detail)),
-      onClose: t[1] || (t[1] = (s) => l("close", s.detail))
+      "selected-value": e.selectedValue,
+      "enter-controlled": e.enterControlled,
+      "enter-trigger": e.enterTrigger,
+      "leave-trigger": e.leaveTrigger,
+      onOptselected: t[0] || (t[0] = (a) => l("optselected", a.detail)),
+      onClose: t[1] || (t[1] = (a) => l("close", a.detail)),
+      onEnterend: t[2] || (t[2] = (a) => l("enterend", a.detail)),
+      onLeaveend: t[3] || (t[3] = (a) => l("leaveend", a.detail))
     }), [
-      c(a.$slots, "default")
+      f(s.$slots, "default")
     ], 16, Z));
   }
 }, J = ["char-count", "char-max", "disabled", "error", "hints", "label", "label-for", "required", "hint-id"], Je = {
@@ -247,7 +273,7 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: [],
   setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-field-layout", u(a.$attrs, {
+    return (s, t) => (d(), o("bs-field-layout", i(s.$attrs, {
       "char-count": e.charCount,
       "char-max": e.charMax,
       disabled: e.disabled,
@@ -258,7 +284,7 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       required: e.required,
       "hint-id": e.hintId
     }), [
-      c(a.$slots, "default")
+      f(s.$slots, "default")
     ], 16, J));
   }
 }, K = ["error", "hint-id", "hints"], Ke = {
@@ -270,7 +296,7 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: [],
   setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-hint", u(a.$attrs, {
+    return (s, t) => (d(), o("bs-hint", i(s.$attrs, {
       error: e.error,
       "hint-id": e.hintId,
       hints: e.hints
@@ -291,7 +317,7 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-input", u(a.$attrs, {
+    return (s, t) => (d(), o("bs-input", i(s.$attrs, {
       disabled: e.disabled,
       error: e.error,
       "pass-attrs": e.passAttrs,
@@ -300,7 +326,7 @@ 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))
+      onInput: t[0] || (t[0] = (a) => l("update:modelValue", a.target.value))
     }), null, 16, U));
   }
 }, Q = ["disabled", "error", "multifocus", "variant"], Qe = {
@@ -313,13 +339,13 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: [],
   setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-input-addon", u(a.$attrs, {
+    return (s, t) => (d(), o("bs-input-addon", i(s.$attrs, {
       disabled: e.disabled,
       error: e.error,
       multifocus: e.multifocus,
       variant: e.variant
     }), [
-      c(a.$slots, "default")
+      f(s.$slots, "default")
     ], 16, Q));
   }
 }, _ = ["disabled", "error", "hints", "label", "pass-attrs", "placeholder", "required", "type", "value"], _e = {
@@ -338,7 +364,7 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-input-field", u(a.$attrs, {
+    return (s, t) => (d(), o("bs-input-field", i(s.$attrs, {
       disabled: e.disabled,
       error: e.error,
       hints: e.hints,
@@ -348,7 +374,7 @@ 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))
+      onInput: t[0] || (t[0] = (a) => l("update:modelValue", a.target.value))
     }), null, 16, _));
   }
 }, ee = ["disabled", "pass-attrs", "placeholder", "hint-id", "value"], et = {
@@ -363,14 +389,14 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["clear", "update:modelValue"],
   setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-input-search", u(a.$attrs, {
+    return (s, t) => (d(), o("bs-input-search", i(s.$attrs, {
       disabled: e.disabled,
       "pass-attrs": e.passAttrs,
       placeholder: e.placeholder,
       "hint-id": e.hintId,
       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))
+      onClear: t[0] || (t[0] = (a) => l("clear", a.detail)),
+      onInput: t[1] || (t[1] = (a) => l("update:modelValue", a.target.value))
     }), null, 16, ee));
   }
 }, te = ["size", "variant"], tt = {
@@ -381,45 +407,58 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: [],
   setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-loader", u(a.$attrs, {
+    return (s, t) => (d(), o("bs-loader", i(s.$attrs, {
       size: e.size,
       variant: e.variant
     }), null, 16, te));
   }
-}, ae = ["shown", "alert", "close-button"], at = {
+}, ae = ["alert", "close-button", "enter-controlled", "enter-trigger", "leave-trigger"], at = {
   __name: "BsModal",
   props: {
-    shown: { default: !1 },
     alert: { default: !1 },
-    closeButton: { default: !0 }
+    closeButton: { default: !0 },
+    enterControlled: { default: !1 },
+    enterTrigger: { default: !1 },
+    leaveTrigger: { default: !1 }
   },
-  emits: ["close", "leaveend"],
+  emits: ["close", "enterend", "leaveend"],
   setup(e, { emit: l }) {
-    return (a, t) => (i(), y(m(k), null, {
-      default: g(() => [
-        w("bs-modal", u(a.$attrs, {
-          shown: e.shown,
+    return (s, t) => (d(), g(m(k), null, {
+      default: $(() => [
+        T("bs-modal", i(s.$attrs, {
           alert: e.alert,
           "close-button": e.closeButton,
-          onClose: t[0] || (t[0] = (s) => l("close", s.detail)),
-          onLeaveend: t[1] || (t[1] = (s) => l("leaveend", s.detail))
+          "enter-controlled": e.enterControlled,
+          "enter-trigger": e.enterTrigger,
+          "leave-trigger": e.leaveTrigger,
+          onClose: t[0] || (t[0] = (a) => l("close", a.detail)),
+          onEnterend: t[1] || (t[1] = (a) => l("enterend", a.detail)),
+          onLeaveend: t[2] || (t[2] = (a) => l("leaveend", a.detail))
         }), [
-          c(a.$slots, "default")
+          f(s.$slots, "default")
         ], 16, ae)
       ]),
       _: 3
     }));
   }
-}, se = ["shown"], st = {
+}, se = ["enter-controlled", "enter-trigger", "leave-trigger"], st = {
   __name: "BsOverlay",
   props: {
-    shown: { default: !1 }
+    enterControlled: { default: !1 },
+    enterTrigger: { default: !1 },
+    leaveTrigger: { default: !1 }
   },
-  emits: [],
+  emits: ["enterend", "leaveend"],
   setup(e, { emit: l }) {
-    return (a, t) => (i(), y(m(k), null, {
-      default: g(() => [
-        w("bs-overlay", u(a.$attrs, { shown: e.shown }), null, 16, se)
+    return (s, t) => (d(), g(m(k), null, {
+      default: $(() => [
+        T("bs-overlay", i(s.$attrs, {
+          "enter-controlled": e.enterControlled,
+          "enter-trigger": e.enterTrigger,
+          "leave-trigger": e.leaveTrigger,
+          onEnterend: t[0] || (t[0] = (a) => l("enterend", a.detail)),
+          onLeaveend: t[1] || (t[1] = (a) => l("leaveend", a.detail))
+        }), null, 16, se)
       ]),
       _: 1
     }));
@@ -444,9 +483,9 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
     itemsCount: {},
     resultsIncrements: {}
   },
-  emits: ["selectionchange"],
+  emits: ["selchange"],
   setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-pagination", u(a.$attrs, {
+    return (s, t) => (d(), o("bs-pagination", i(s.$attrs, {
       "show-first-last-buttons": e.showFirstLastButtons,
       "prev-page-text": e.prevPageText,
       "first-page-text": e.firstPageText,
@@ -463,7 +502,7 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       "items-per-group": e.itemsPerGroup,
       "items-count": e.itemsCount,
       "results-increments": e.resultsIncrements,
-      onSelectionchange: t[0] || (t[0] = (s) => l("selectionchange", s.detail))
+      onSelchange: t[0] || (t[0] = (a) => l("selchange", a.detail))
     }), null, 16, le));
   }
 }, re = ["layout", "href", "image-src", "image-size", "initials", "profile-name", "company", "job-title", "email"], rt = {
@@ -482,8 +521,8 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: [],
   setup(e, { emit: l }) {
-    const a = e, { onLinkClick: t } = D(a);
-    return (s, n) => (i(), d("bs-profile", u(s.$attrs, {
+    const s = e, { onLinkClick: t } = D(s);
+    return (a, n) => (d(), o("bs-profile", i(a.$attrs, {
       layout: e.layout,
       href: e.href,
       "image-src": e.imageSrc,
@@ -493,7 +532,7 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       company: e.company,
       "job-title": e.jobTitle,
       email: e.email,
-      onClick: n[0] || (n[0] = (...o) => m(t) && m(t)(...o))
+      onClick: n[0] || (n[0] = (...u) => m(t) && m(t)(...u))
     }), null, 16, re));
   }
 }, ne = ["profile-name", "company", "job-title", "email"], nt = {
@@ -506,14 +545,14 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: [],
   setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-profile-details", u(a.$attrs, {
+    return (s, t) => (d(), o("bs-profile-details", i(s.$attrs, {
       "profile-name": e.profileName,
       company: e.company,
       "job-title": e.jobTitle,
       email: e.email
     }), null, 16, ne));
   }
-}, ie = ["src", "size", "initials", "profile-name"], it = {
+}, de = ["src", "size", "initials", "profile-name"], dt = {
   __name: "BsProfileImg",
   props: {
     src: {},
@@ -523,14 +562,14 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: [],
   setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-profile-img", u(a.$attrs, {
+    return (s, t) => (d(), o("bs-profile-img", i(s.$attrs, {
       src: e.src,
       size: e.size,
       initials: e.initials,
       "profile-name": e.profileName
-    }), null, 16, ie));
+    }), null, 16, de));
   }
-}, ue = ["layout", "href", "pass-attrs"], ut = {
+}, ie = ["layout", "href", "pass-attrs"], it = {
   __name: "BsProfileLayout",
   props: {
     layout: { default: "vertical" },
@@ -540,17 +579,17 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: [],
   setup(e, { emit: l }) {
-    const a = e, { onLinkClick: t } = D(a);
-    return (s, n) => (i(), d("bs-profile-layout", u(s.$attrs, {
+    const s = e, { onLinkClick: t } = D(s);
+    return (a, n) => (d(), o("bs-profile-layout", i(a.$attrs, {
       layout: e.layout,
       href: e.href,
       "pass-attrs": e.passAttrs,
-      onClick: n[0] || (n[0] = (...o) => m(t) && m(t)(...o))
+      onClick: n[0] || (n[0] = (...u) => m(t) && m(t)(...u))
     }), [
-      c(s.$slots, "default")
-    ], 16, ue));
+      f(a.$slots, "default")
+    ], 16, ie));
   }
-}, de = ["label", "checked", "disabled", "error", "pass-attrs", "required", "size", "value"], dt = {
+}, ue = ["label", "checked", "disabled", "error", "pass-attrs", "required", "size", "value"], ut = {
   __name: "BsRadio",
   props: {
     label: {},
@@ -565,7 +604,7 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-radio", u(a.$attrs, {
+    return (s, t) => (d(), o("bs-radio", i(s.$attrs, {
       label: e.label,
       checked: e.checked || e.modelValue === e.value,
       disabled: e.disabled,
@@ -574,8 +613,8 @@ 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, de));
+      onChange: t[0] || (t[0] = (a) => l("update:modelValue", a.target.value))
+    }), null, 16, ue));
   }
 }, oe = ["disabled", "error", "required", "label", "hints", "placeholder", "value", "pass-attrs", "data"], ot = {
   __name: "BsSelectField",
@@ -593,7 +632,7 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-select-field", u(a.$attrs, {
+    return (s, t) => (d(), o("bs-select-field", i(s.$attrs, {
       disabled: e.disabled,
       error: e.error,
       required: e.required,
@@ -603,10 +642,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))
+      onChange: t[0] || (t[0] = (a) => l("update:modelValue", a.target.value))
     }), null, 16, oe));
   }
-}, ce = ["checked", "disabled", "inner-on-label", "inner-off-label", "label", "pass-attrs", "size"], ct = {
+}, fe = ["checked", "disabled", "inner-on-label", "inner-off-label", "label", "pass-attrs", "size"], ft = {
   __name: "BsSwitch",
   props: {
     checked: { default: !1 },
@@ -620,7 +659,7 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-switch", u(a.$attrs, {
+    return (s, t) => (d(), o("bs-switch", i(s.$attrs, {
       checked: e.checked || e.modelValue,
       disabled: e.disabled,
       "inner-on-label": e.innerOnLabel,
@@ -628,10 +667,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, ce));
+      onChange: t[0] || (t[0] = (a) => l("update:modelValue", a.target.checked))
+    }), null, 16, fe));
   }
-}, fe = ["disabled", "error", "pass-attrs", "placeholder", "required", "value", "hint-id"], ft = {
+}, ce = ["disabled", "error", "pass-attrs", "placeholder", "required", "value", "hint-id"], ct = {
   __name: "BsTextarea",
   props: {
     disabled: { default: !1 },
@@ -645,7 +684,7 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-textarea", u(a.$attrs, {
+    return (s, t) => (d(), o("bs-textarea", i(s.$attrs, {
       disabled: e.disabled,
       error: e.error,
       "pass-attrs": e.passAttrs,
@@ -653,8 +692,8 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       required: e.required,
       value: e.value || e.modelValue,
       "hint-id": e.hintId,
-      onInput: t[0] || (t[0] = (s) => l("update:modelValue", s.target.value))
-    }), null, 16, fe));
+      onInput: t[0] || (t[0] = (a) => l("update:modelValue", a.target.value))
+    }), null, 16, ce));
   }
 }, me = ["char-max", "disabled", "error", "hints", "label", "placeholder", "required", "value", "pass-attrs"], mt = {
   __name: "BsTextareaField",
@@ -672,7 +711,7 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   },
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-textarea-field", u(a.$attrs, {
+    return (s, t) => (d(), o("bs-textarea-field", i(s.$attrs, {
       "char-max": e.charMax,
       disabled: e.disabled,
       error: e.error,
@@ -682,40 +721,51 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
       required: e.required,
       value: e.value || e.modelValue,
       "pass-attrs": e.passAttrs,
-      onInput: t[0] || (t[0] = (s) => l("update:modelValue", s.target.value))
+      onInput: t[0] || (t[0] = (a) => l("update:modelValue", a.target.value))
     }), null, 16, me));
   }
-}, he = ["toast-id", "shown", "variant", "stacked", "duration"], ht = {
+}, he = ["toast-id", "variant", "stacked", "duration", "enter-controlled", "enter-trigger", "leave-trigger"], ht = {
   __name: "BsToast",
   props: {
     toastId: {},
-    shown: {},
     variant: {},
     stacked: { default: !1 },
-    duration: { default: 1e4 }
+    duration: { default: 1e4 },
+    enterControlled: { default: !1 },
+    enterTrigger: { default: !1 },
+    leaveTrigger: { default: !1 }
   },
-  emits: ["dismiss"],
+  emits: ["dismiss", "enterend", "leaveend"],
   setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-toast", u(a.$attrs, {
-      "toast-id": e.toastId,
-      shown: e.shown,
-      variant: e.variant,
-      stacked: e.stacked,
-      duration: e.duration,
-      onDismiss: t[0] || (t[0] = (s) => l("dismiss", s.detail))
-    }), [
-      c(a.$slots, "default")
-    ], 16, he));
+    return (s, t) => (d(), g(m(k), null, {
+      default: $(() => [
+        T("bs-toast", i(s.$attrs, {
+          "toast-id": e.toastId,
+          variant: e.variant,
+          stacked: e.stacked,
+          duration: e.duration,
+          "enter-controlled": e.enterControlled,
+          "enter-trigger": e.enterTrigger,
+          "leave-trigger": e.leaveTrigger,
+          onDismiss: t[0] || (t[0] = (a) => l("dismiss", a.detail)),
+          onEnterend: t[1] || (t[1] = (a) => l("enterend", a.detail)),
+          onLeaveend: t[2] || (t[2] = (a) => l("leaveend", a.detail))
+        }), [
+          f(s.$slots, "default")
+        ], 16, he)
+      ]),
+      _: 3
+    }));
   }
 }, bt = {
   __name: "BsToastActions",
   props: {},
   emits: ["defaultDismiss"],
   setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-toast-actions", u(a.$attrs, {
-      "on:defaultDismiss": t[0] || (t[0] = (s) => l("defaultDismiss", s.detail))
+    return (s, t) => (d(), o("bs-toast-actions", i(s.$attrs, {
+      "on:defaultDismiss": t[0] || (t[0] = (a) => l("defaultDismiss", a.detail))
     }), [
-      c(a.$slots, "default")
+      f(s.$slots, "default")
     ], 16));
   }
 }, vt = {
@@ -723,64 +773,71 @@ const H = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-positi
   props: {},
   emits: [],
   setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-toast-body", E(F(a.$attrs)), [
-      c(a.$slots, "default")
+    return (s, t) => (d(), o("bs-toast-body", E(F(s.$attrs)), [
+      f(s.$slots, "default")
     ], 16));
   }
-}, be = ["variant"], $t = {
+}, be = ["variant"], gt = {
   __name: "BsToastHeader",
   props: {
     variant: {}
   },
   emits: [],
   setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-toast-header", u(a.$attrs, { variant: e.variant }), [
-      c(a.$slots, "default")
+    return (s, t) => (d(), o("bs-toast-header", i(s.$attrs, { variant: e.variant }), [
+      f(s.$slots, "default")
     ], 16, be));
   }
-}, yt = {
+}, $t = {
   __name: "BsToaster",
   props: {},
   emits: [],
   setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-toaster", E(F(a.$attrs)), [
-      c(a.$slots, "default")
-    ], 16));
+    return (s, t) => (d(), g(m(k), null, {
+      default: $(() => [
+        T("bs-toaster", E(F(s.$attrs)), [
+          f(s.$slots, "default")
+        ], 16)
+      ]),
+      _: 3
+    }));
   }
-}, ve = ["active", "enter-class", "enter-attribute", "enter-duration", "leave-class", "leave-attribute", "leave-duration"], gt = {
+}, ve = ["enter-class", "enter-attribute", "enter-duration", "leave-class", "leave-attribute", "leave-duration", "enter-controlled", "enter-trigger", "leave-trigger"], yt = {
   __name: "BsTransition",
   props: {
-    active: {},
     enterClass: { default: void 0 },
     enterAttribute: { default: void 0 },
     enterDuration: {},
     leaveClass: { default: void 0 },
     leaveAttribute: { default: void 0 },
-    leaveDuration: { default: void 0 }
+    leaveDuration: { default: void 0 },
+    enterControlled: { default: !1 },
+    enterTrigger: { default: !1 },
+    leaveTrigger: { default: !1 }
   },
-  emits: ["enterstart", "enterend", "leavestart", "leaveend"],
+  emits: ["enterend", "leaveend"],
   setup(e, { emit: l }) {
-    return (a, t) => (i(), d("bs-transition", u(a.$attrs, {
-      active: e.active,
+    return (s, t) => (d(), o("bs-transition", i(s.$attrs, {
       "enter-class": e.enterClass,
       "enter-attribute": e.enterAttribute,
       "enter-duration": e.enterDuration,
       "leave-class": e.leaveClass,
       "leave-attribute": e.leaveAttribute,
       "leave-duration": e.leaveDuration,
-      onEnterstart: t[0] || (t[0] = (s) => l("enterstart", s.detail)),
-      onEnterend: t[1] || (t[1] = (s) => l("enterend", s.detail)),
-      onLeavestart: t[2] || (t[2] = (s) => l("leavestart", s.detail)),
-      onLeaveend: t[3] || (t[3] = (s) => l("leaveend", s.detail))
+      "enter-controlled": e.enterControlled,
+      "enter-trigger": e.enterTrigger,
+      "leave-trigger": e.leaveTrigger,
+      onEnterend: t[0] || (t[0] = (a) => l("enterend", a.detail)),
+      onLeaveend: t[1] || (t[1] = (a) => l("leaveend", a.detail))
     }), [
-      c(a.$slots, "default")
+      f(s.$slots, "default")
     ], 16, ve));
   }
 };
 function R(e) {
   e.value.replaceChildren();
 }
-const $e = ["controlled", "icon", "header-text", "heading-level", "open-item", "stacked"], ye = {
+const ge = ["controlled", "icon", "header-text", "heading-level", "open-item", "stacked"], $e = {
   __name: "BsAccordionServer",
   props: {
     controlled: { default: !1 },
@@ -792,29 +849,29 @@ const $e = ["controlled", "icon", "header-text", "heading-level", "open-item", "
   },
   emits: ["toggled"],
   setup(e, { emit: l }) {
-    const a = h(!1), t = h(null), s = h(""), n = p([]), o = h(null), b = h(!1), $ = (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 || n.push(setTimeout(() => $(r, v + 1), 50)));
+    const s = h(!1), t = h(null), a = h(""), n = w([]), u = h(null), b = h(!1), y = (r, v = 0) => {
+      var c, B;
+      t.value || v >= 4 || (t.value = (B = (c = r.value) == null ? void 0 : c.querySelector) == null ? void 0 : B.call(c, "[data-slot]"), t.value || n.push(setTimeout(() => y(r, v + 1), 50)));
     };
-    return S(() => b.value = !0), T(() => $(o, 0)), C(t, (r) => {
-      !r || a.value || (R(t), n.push(setTimeout(() => {
+    return p(() => b.value = !0), S(() => y(u, 0)), C(t, (r) => {
+      !r || s.value || (R(t), n.push(setTimeout(() => {
         I(() => {
-          s.value = customElements.get("bs-accordion") ? "hydrated superhydrated" : "superhydrated";
+          a.value = customElements.get("bs-accordion") ? "hydrated superhydrated" : "superhydrated";
         });
-      }, 100)), a.value = !0);
-    }, { immediate: !0 }), q(() => n.forEach((r) => clearTimeout(r))), (r, v) => (i(), d(A, null, [
-      t.value && b.value ? (i(), y(m(k), { key: 0 }, {
-        default: g(() => [
-          (i(), y(L, { to: t.value }, [
-            c(r.$slots, "default")
+      }, 100)), s.value = !0);
+    }, { immediate: !0 }), q(() => n.forEach((r) => clearTimeout(r))), (r, v) => (d(), o(A, null, [
+      t.value && b.value ? (d(), g(m(k), { key: 0 }, {
+        default: $(() => [
+          (d(), g(L, { to: t.value }, [
+            f(r.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
       })) : x("", !0),
-      w("bs-accordion", u({
+      T("bs-accordion", i({
         ref_key: "wcRef",
-        ref: o,
-        class: s.value,
+        ref: u,
+        class: a.value,
         "data-bsds-ssr": "",
         controlled: e.controlled,
         icon: e.icon,
@@ -822,21 +879,21 @@ const $e = ["controlled", "icon", "header-text", "heading-level", "open-item", "
         "heading-level": e.headingLevel,
         "open-item": e.openItem,
         stacked: e.stacked,
-        onToggled: v[0] || (v[0] = (f) => l("toggled", f.detail))
+        onToggled: v[0] || (v[0] = (c) => l("toggled", c.detail))
       }, r.$attrs), [
         V(m(k), null, z({ _: 2 }, [
           b.value ? void 0 : {
             name: "fallback",
-            fn: g(() => [
-              c(r.$slots, "default")
+            fn: $(() => [
+              f(r.$slots, "default")
             ]),
             key: "0"
           }
         ]), 1024)
-      ], 16, $e)
+      ], 16, ge)
     ], 64));
   }
-}, ge = "bs-accordion", Bt = {
+}, ye = "bs-accordion", Bt = {
   __name: "BsAccordion",
   props: {
     controlled: { default: !1 },
@@ -849,23 +906,23 @@ const $e = ["controlled", "icon", "header-text", "heading-level", "open-item", "
   },
   emits: ["toggled"],
   setup(e, { emit: l }) {
-    const a = e, { data: t } = P(ge, () => {
+    const s = e, { data: t } = P(ye, () => {
       if (process.server)
         return !0;
     });
-    return (s, n) => m(t) ? (i(), y(ye, u({ key: 0 }, { ...a, ...s.$attrs }, {
+    return (a, n) => m(t) ? (d(), g($e, i({ key: 0 }, { ...s, ...a.$attrs }, {
       style: { display: e.bsShow ? null : "none" },
-      onToggled: n[0] || (n[0] = (o) => l("toggled", o))
+      onToggled: n[0] || (n[0] = (u) => l("toggled", u))
     }), {
-      default: g(() => [
-        c(s.$slots, "default")
+      default: $(() => [
+        f(a.$slots, "default")
       ]),
       _: 3
-    }, 16, ["style"])) : (i(), d("bs-accordion", u({ key: 1 }, { ...a, ...s.$attrs }, {
+    }, 16, ["style"])) : (d(), o("bs-accordion", i({ key: 1 }, { ...s, ...a.$attrs }, {
       style: { display: e.bsShow ? null : "none" },
-      onToggled: n[1] || (n[1] = (o) => l("toggled", o.detail))
+      onToggled: n[1] || (n[1] = (u) => l("toggled", u.detail))
     }), [
-      c(s.$slots, "default")
+      f(a.$slots, "default")
     ], 16));
   }
 }, Be = {
@@ -873,37 +930,37 @@ const $e = ["controlled", "icon", "header-text", "heading-level", "open-item", "
   props: {},
   emits: ["dismiss"],
   setup(e, { emit: l }) {
-    const a = h(!1), t = h(null), s = h(""), n = p([]), o = h(null), b = h(!1), $ = (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 || n.push(setTimeout(() => $(r, v + 1), 50)));
+    const s = h(!1), t = h(null), a = h(""), n = w([]), u = h(null), b = h(!1), y = (r, v = 0) => {
+      var c, B;
+      t.value || v >= 4 || (t.value = (B = (c = r.value) == null ? void 0 : c.querySelector) == null ? void 0 : B.call(c, "[data-slot]"), t.value || n.push(setTimeout(() => y(r, v + 1), 50)));
     };
-    return S(() => b.value = !0), T(() => $(o, 0)), C(t, (r) => {
-      !r || a.value || (R(t), n.push(setTimeout(() => {
+    return p(() => b.value = !0), S(() => y(u, 0)), C(t, (r) => {
+      !r || s.value || (R(t), n.push(setTimeout(() => {
         I(() => {
-          s.value = customElements.get("bs-banner") ? "hydrated superhydrated" : "superhydrated";
+          a.value = customElements.get("bs-banner") ? "hydrated superhydrated" : "superhydrated";
         });
-      }, 100)), a.value = !0);
-    }, { immediate: !0 }), q(() => n.forEach((r) => clearTimeout(r))), (r, v) => (i(), d(A, null, [
-      t.value && b.value ? (i(), y(m(k), { key: 0 }, {
-        default: g(() => [
-          (i(), y(L, { to: t.value }, [
-            c(r.$slots, "default")
+      }, 100)), s.value = !0);
+    }, { immediate: !0 }), q(() => n.forEach((r) => clearTimeout(r))), (r, v) => (d(), o(A, null, [
+      t.value && b.value ? (d(), g(m(k), { key: 0 }, {
+        default: $(() => [
+          (d(), g(L, { to: t.value }, [
+            f(r.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
       })) : x("", !0),
-      w("bs-banner", u({
+      T("bs-banner", i({
         ref_key: "wcRef",
-        ref: o,
-        class: s.value,
+        ref: u,
+        class: a.value,
         "data-bsds-ssr": "",
-        onDismiss: v[0] || (v[0] = (f) => l("dismiss", f.detail))
+        onDismiss: v[0] || (v[0] = (c) => l("dismiss", c.detail))
       }, r.$attrs), [
         V(m(k), null, z({ _: 2 }, [
           b.value ? void 0 : {
             name: "fallback",
-            fn: g(() => [
-              c(r.$slots, "default")
+            fn: $(() => [
+              f(r.$slots, "default")
             ]),
             key: "0"
           }
@@ -918,26 +975,26 @@ const $e = ["controlled", "icon", "header-text", "heading-level", "open-item", "
   },
   emits: ["dismiss"],
   setup(e, { emit: l }) {
-    const a = e, { data: t } = P(ke, () => {
+    const s = e, { data: t } = P(ke, () => {
       if (process.server)
         return !0;
     });
-    return (s, n) => m(t) ? (i(), y(Be, u({ key: 0 }, { ...a, ...s.$attrs }, {
+    return (a, n) => m(t) ? (d(), g(Be, i({ key: 0 }, { ...s, ...a.$attrs }, {
       style: { display: e.bsShow ? null : "none" },
-      onDismiss: n[0] || (n[0] = (o) => l("dismiss", o))
+      onDismiss: n[0] || (n[0] = (u) => l("dismiss", u))
     }), {
-      default: g(() => [
-        c(s.$slots, "default")
+      default: $(() => [
+        f(a.$slots, "default")
       ]),
       _: 3
-    }, 16, ["style"])) : (i(), d("bs-banner", u({ key: 1 }, { ...a, ...s.$attrs }, {
+    }, 16, ["style"])) : (d(), o("bs-banner", i({ key: 1 }, { ...s, ...a.$attrs }, {
       style: { display: e.bsShow ? null : "none" },
-      onDismiss: n[1] || (n[1] = (o) => l("dismiss", o.detail))
+      onDismiss: n[1] || (n[1] = (u) => l("dismiss", u.detail))
     }), [
-      c(s.$slots, "default")
+      f(a.$slots, "default")
     ], 16));
   }
-}, we = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn", "size"], pe = {
+}, Te = ["variant", "disabled", "ghost-btn", "href", "pass-attrs", "text-btn", "size"], we = {
   __name: "BsButtonServer",
   props: {
     variant: {},
@@ -950,29 +1007,29 @@ const $e = ["controlled", "icon", "header-text", "heading-level", "open-item", "
   },
   emits: [],
   setup(e, { emit: l }) {
-    const a = h(!1), t = h(null), s = h(""), n = p([]), o = h(null), b = h(!1), $ = (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 || n.push(setTimeout(() => $(r, v + 1), 50)));
+    const s = h(!1), t = h(null), a = h(""), n = w([]), u = h(null), b = h(!1), y = (r, v = 0) => {
+      var c, B;
+      t.value || v >= 4 || (t.value = (B = (c = r.value) == null ? void 0 : c.querySelector) == null ? void 0 : B.call(c, "[data-slot]"), t.value || n.push(setTimeout(() => y(r, v + 1), 50)));
     };
-    return S(() => b.value = !0), T(() => $(o, 0)), C(t, (r) => {
-      !r || a.value || (R(t), n.push(setTimeout(() => {
+    return p(() => b.value = !0), S(() => y(u, 0)), C(t, (r) => {
+      !r || s.value || (R(t), n.push(setTimeout(() => {
         I(() => {
-          s.value = customElements.get("bs-button") ? "hydrated superhydrated" : "superhydrated";
+          a.value = customElements.get("bs-button") ? "hydrated superhydrated" : "superhydrated";
         });
-      }, 100)), a.value = !0);
-    }, { immediate: !0 }), q(() => n.forEach((r) => clearTimeout(r))), (r, v) => (i(), d(A, null, [
-      t.value && b.value ? (i(), y(m(k), { key: 0 }, {
-        default: g(() => [
-          (i(), y(L, { to: t.value }, [
-            c(r.$slots, "default")
+      }, 100)), s.value = !0);
+    }, { immediate: !0 }), q(() => n.forEach((r) => clearTimeout(r))), (r, v) => (d(), o(A, null, [
+      t.value && b.value ? (d(), g(m(k), { key: 0 }, {
+        default: $(() => [
+          (d(), g(L, { to: t.value }, [
+            f(r.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
       })) : x("", !0),
-      w("bs-button", u({
+      T("bs-button", i({
         ref_key: "wcRef",
-        ref: o,
-        class: s.value,
+        ref: u,
+        class: a.value,
         "data-bsds-ssr": "",
         variant: e.variant,
         disabled: e.disabled,
@@ -985,16 +1042,16 @@ const $e = ["controlled", "icon", "header-text", "heading-level", "open-item", "
         V(m(k), null, z({ _: 2 }, [
           b.value ? void 0 : {
             name: "fallback",
-            fn: g(() => [
-              c(r.$slots, "default")
+            fn: $(() => [
+              f(r.$slots, "default")
             ]),
             key: "0"
           }
         ]), 1024)
-      ], 16, we)
+      ], 16, Te)
     ], 64));
   }
-}, Se = "bs-button", wt = {
+}, pe = "bs-button", Tt = {
   __name: "BsButton",
   props: {
     variant: {},
@@ -1009,26 +1066,26 @@ const $e = ["controlled", "icon", "header-text", "heading-level", "open-item", "
   },
   emits: [],
   setup(e, { emit: l }) {
-    const a = e, { onLinkClick: t } = D(a), { data: s } = P(Se, () => {
+    const s = e, { onLinkClick: t } = D(s), { data: a } = P(pe, () => {
       if (process.server)
         return !0;
     });
-    return (n, o) => m(s) ? (i(), y(pe, u({ key: 0 }, { ...a, ...n.$attrs, router: void 0 }, {
+    return (n, u) => m(a) ? (d(), g(we, i({ key: 0 }, { ...s, ...n.$attrs, router: void 0 }, {
       style: { display: e.bsShow ? null : "none" },
       onClick: m(t)
     }), {
-      default: g(() => [
-        c(n.$slots, "default")
+      default: $(() => [
+        f(n.$slots, "default")
       ]),
       _: 3
-    }, 16, ["style", "onClick"])) : (i(), d("bs-button", u({ key: 1 }, { ...a, ...n.$attrs, router: void 0 }, {
+    }, 16, ["style", "onClick"])) : (d(), o("bs-button", i({ key: 1 }, { ...s, ...n.$attrs, router: void 0 }, {
       style: { display: e.bsShow ? null : "none" },
-      onClick: o[0] || (o[0] = (...b) => m(t) && m(t)(...b))
+      onClick: u[0] || (u[0] = (...b) => m(t) && m(t)(...b))
     }), [
-      c(n.$slots, "default")
+      f(n.$slots, "default")
     ], 16));
   }
-}, Te = ["disabled", "for", "hide", "pass-attrs", "required"], Ce = {
+}, Se = ["disabled", "for", "hide", "pass-attrs", "required"], Ce = {
   __name: "BsLabelServer",
   props: {
     disabled: {},
@@ -1039,29 +1096,29 @@ const $e = ["controlled", "icon", "header-text", "heading-level", "open-item", "
   },
   emits: [],
   setup(e, { emit: l }) {
-    const a = h(!1), t = h(null), s = h(""), n = p([]), o = h(null), b = h(!1), $ = (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 || n.push(setTimeout(() => $(r, v + 1), 50)));
+    const s = h(!1), t = h(null), a = h(""), n = w([]), u = h(null), b = h(!1), y = (r, v = 0) => {
+      var c, B;
+      t.value || v >= 4 || (t.value = (B = (c = r.value) == null ? void 0 : c.querySelector) == null ? void 0 : B.call(c, "[data-slot]"), t.value || n.push(setTimeout(() => y(r, v + 1), 50)));
     };
-    return S(() => b.value = !0), T(() => $(o, 0)), C(t, (r) => {
-      !r || a.value || (R(t), n.push(setTimeout(() => {
+    return p(() => b.value = !0), S(() => y(u, 0)), C(t, (r) => {
+      !r || s.value || (R(t), n.push(setTimeout(() => {
         I(() => {
-          s.value = customElements.get("bs-label") ? "hydrated superhydrated" : "superhydrated";
+          a.value = customElements.get("bs-label") ? "hydrated superhydrated" : "superhydrated";
         });
-      }, 100)), a.value = !0);
-    }, { immediate: !0 }), q(() => n.forEach((r) => clearTimeout(r))), (r, v) => (i(), d(A, null, [
-      t.value && b.value ? (i(), y(m(k), { key: 0 }, {
-        default: g(() => [
-          (i(), y(L, { to: t.value }, [
-            c(r.$slots, "default")
+      }, 100)), s.value = !0);
+    }, { immediate: !0 }), q(() => n.forEach((r) => clearTimeout(r))), (r, v) => (d(), o(A, null, [
+      t.value && b.value ? (d(), g(m(k), { key: 0 }, {
+        default: $(() => [
+          (d(), g(L, { to: t.value }, [
+            f(r.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
       })) : x("", !0),
-      w("bs-label", u({
+      T("bs-label", i({
         ref_key: "wcRef",
-        ref: o,
-        class: s.value,
+        ref: u,
+        class: a.value,
         "data-bsds-ssr": "",
         disabled: e.disabled,
         for: e.for,
@@ -1072,16 +1129,16 @@ const $e = ["controlled", "icon", "header-text", "heading-level", "open-item", "
         V(m(k), null, z({ _: 2 }, [
           b.value ? void 0 : {
             name: "fallback",
-            fn: g(() => [
-              c(r.$slots, "default")
+            fn: $(() => [
+              f(r.$slots, "default")
             ]),
             key: "0"
           }
         ]), 1024)
-      ], 16, Te)
+      ], 16, Se)
     ], 64));
   }
-}, Ie = "bs-label", pt = {
+}, Ie = "bs-label", wt = {
   __name: "BsLabel",
   props: {
     disabled: {},
@@ -1093,21 +1150,21 @@ const $e = ["controlled", "icon", "header-text", "heading-level", "open-item", "
   },
   emits: [],
   setup(e, { emit: l }) {
-    const a = e, { data: t } = P(Ie, () => {
+    const s = e, { data: t } = P(Ie, () => {
       if (process.server)
         return !0;
     });
-    return (s, n) => m(t) ? (i(), y(Ce, u({ key: 0 }, { ...a, ...s.$attrs }, {
+    return (a, n) => m(t) ? (d(), g(Ce, i({ key: 0 }, { ...s, ...a.$attrs }, {
       style: { display: e.bsShow ? null : "none" }
     }), {
-      default: g(() => [
-        c(s.$slots, "default")
+      default: $(() => [
+        f(a.$slots, "default")
       ]),
       _: 3
-    }, 16, ["style"])) : (i(), d("bs-label", u({ key: 1 }, { ...a, ...s.$attrs }, {
+    }, 16, ["style"])) : (d(), o("bs-label", i({ key: 1 }, { ...s, ...a.$attrs }, {
       style: { display: e.bsShow ? null : "none" }
     }), [
-      c(s.$slots, "default")
+      f(a.$slots, "default")
     ], 16));
   }
 }, qe = ["variant", "status", "href", "active", "disabled", "pass-attrs"], Ae = {
@@ -1122,29 +1179,29 @@ const $e = ["controlled", "icon", "header-text", "heading-level", "open-item", "
   },
   emits: [],
   setup(e, { emit: l }) {
-    const a = h(!1), t = h(null), s = h(""), n = p([]), o = h(null), b = h(!1), $ = (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 || n.push(setTimeout(() => $(r, v + 1), 50)));
+    const s = h(!1), t = h(null), a = h(""), n = w([]), u = h(null), b = h(!1), y = (r, v = 0) => {
+      var c, B;
+      t.value || v >= 4 || (t.value = (B = (c = r.value) == null ? void 0 : c.querySelector) == null ? void 0 : B.call(c, "[data-slot]"), t.value || n.push(setTimeout(() => y(r, v + 1), 50)));
     };
-    return S(() => b.value = !0), T(() => $(o, 0)), C(t, (r) => {
-      !r || a.value || (R(t), n.push(setTimeout(() => {
+    return p(() => b.value = !0), S(() => y(u, 0)), C(t, (r) => {
+      !r || s.value || (R(t), n.push(setTimeout(() => {
         I(() => {
-          s.value = customElements.get("bs-pill") ? "hydrated superhydrated" : "superhydrated";
+          a.value = customElements.get("bs-pill") ? "hydrated superhydrated" : "superhydrated";
         });
-      }, 100)), a.value = !0);
-    }, { immediate: !0 }), q(() => n.forEach((r) => clearTimeout(r))), (r, v) => (i(), d(A, null, [
-      t.value && b.value ? (i(), y(m(k), { key: 0 }, {
-        default: g(() => [
-          (i(), y(L, { to: t.value }, [
-            c(r.$slots, "default")
+      }, 100)), s.value = !0);
+    }, { immediate: !0 }), q(() => n.forEach((r) => clearTimeout(r))), (r, v) => (d(), o(A, null, [
+      t.value && b.value ? (d(), g(m(k), { key: 0 }, {
+        default: $(() => [
+          (d(), g(L, { to: t.value }, [
+            f(r.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
       })) : x("", !0),
-      w("bs-pill", u({
+      T("bs-pill", i({
         ref_key: "wcRef",
-        ref: o,
-        class: s.value,
+        ref: u,
+        class: a.value,
         "data-bsds-ssr": "",
         variant: e.variant,
         status: e.status,
@@ -1156,8 +1213,8 @@ const $e = ["controlled", "icon", "header-text", "heading-level", "open-item", "
         V(m(k), null, z({ _: 2 }, [
           b.value ? void 0 : {
             name: "fallback",
-            fn: g(() => [
-              c(r.$slots, "default")
+            fn: $(() => [
+              f(r.$slots, "default")
             ]),
             key: "0"
           }
@@ -1165,7 +1222,7 @@ const $e = ["controlled", "icon", "header-text", "heading-level", "open-item", "
       ], 16, qe)
     ], 64));
   }
-}, Le = "bs-pill", St = {
+}, Le = "bs-pill", pt = {
   __name: "BsPill",
   props: {
     variant: {},
@@ -1179,23 +1236,23 @@ const $e = ["controlled", "icon", "header-text", "heading-level", "open-item", "
   },
   emits: [],
   setup(e, { emit: l }) {
-    const a = e, { onLinkClick: t } = D(a), { data: s } = P(Le, () => {
+    const s = e, { onLinkClick: t } = D(s), { data: a } = P(Le, () => {
       if (process.server)
         return !0;
     });
-    return (n, o) => m(s) ? (i(), y(Ae, u({ key: 0 }, { ...a, ...n.$attrs, router: void 0 }, {
+    return (n, u) => m(a) ? (d(), g(Ae, i({ key: 0 }, { ...s, ...n.$attrs, router: void 0 }, {
       style: { display: e.bsShow ? null : "none" },
       onClick: m(t)
     }), {
-      default: g(() => [
-        c(n.$slots, "default")
+      default: $(() => [
+        f(n.$slots, "default")
       ]),
       _: 3
-    }, 16, ["style", "onClick"])) : (i(), d("bs-pill", u({ key: 1 }, { ...a, ...n.$attrs, router: void 0 }, {
+    }, 16, ["style", "onClick"])) : (d(), o("bs-pill", i({ key: 1 }, { ...s, ...n.$attrs, router: void 0 }, {
       style: { display: e.bsShow ? null : "none" },
-      onClick: o[0] || (o[0] = (...b) => m(t) && m(t)(...b))
+      onClick: u[0] || (u[0] = (...b) => m(t) && m(t)(...b))
     }), [
-      c(n.$slots, "default")
+      f(n.$slots, "default")
     ], 16));
   }
 }, xe = ["disabled", "required", "error", "hint-id", "value", "pass-attrs"], Ve = {
@@ -1210,29 +1267,29 @@ const $e = ["controlled", "icon", "header-text", "heading-level", "open-item", "
   },
   emits: [],
   setup(e, { emit: l }) {
-    const a = h(!1), t = h(null), s = h(""), n = p([]), o = h(null), b = h(!1), $ = (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 || n.push(setTimeout(() => $(r, v + 1), 50)));
+    const s = h(!1), t = h(null), a = h(""), n = w([]), u = h(null), b = h(!1), y = (r, v = 0) => {
+      var c, B;
+      t.value || v >= 4 || (t.value = (B = (c = r.value) == null ? void 0 : c.querySelector) == null ? void 0 : B.call(c, "[data-slot]"), t.value || n.push(setTimeout(() => y(r, v + 1), 50)));
     };
-    return S(() => b.value = !0), T(() => $(o, 0)), C(t, (r) => {
-      !r || a.value || (R(t), n.push(setTimeout(() => {
+    return p(() => b.value = !0), S(() => y(u, 0)), C(t, (r) => {
+      !r || s.value || (R(t), n.push(setTimeout(() => {
         I(() => {
-          s.value = customElements.get("bs-select") ? "hydrated superhydrated" : "superhydrated";
+          a.value = customElements.get("bs-select") ? "hydrated superhydrated" : "superhydrated";
         });
-      }, 100)), a.value = !0);
-    }, { immediate: !0 }), q(() => n.forEach((r) => clearTimeout(r))), (r, v) => (i(), d(A, null, [
-      t.value && b.value ? (i(), y(m(k), { key: 0 }, {
-        default: g(() => [
-          (i(), y(L, { to: t.value }, [
-            c(r.$slots, "default")
+      }, 100)), s.value = !0);
+    }, { immediate: !0 }), q(() => n.forEach((r) => clearTimeout(r))), (r, v) => (d(), o(A, null, [
+      t.value && b.value ? (d(), g(m(k), { key: 0 }, {
+        default: $(() => [
+          (d(), g(L, { to: t.value }, [
+            f(r.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
       })) : x("", !0),
-      w("bs-select", u({
+      T("bs-select", i({
         ref_key: "wcRef",
-        ref: o,
-        class: s.value,
+        ref: u,
+        class: a.value,
         "data-bsds-ssr": "",
         disabled: e.disabled,
         required: e.required,
@@ -1244,8 +1301,8 @@ const $e = ["controlled", "icon", "header-text", "heading-level", "open-item", "
         V(m(k), null, z({ _: 2 }, [
           b.value ? void 0 : {
             name: "fallback",
-            fn: g(() => [
-              c(r.$slots, "default")
+            fn: $(() => [
+              f(r.$slots, "default")
             ]),
             key: "0"
           }
@@ -1253,7 +1310,7 @@ const $e = ["controlled", "icon", "header-text", "heading-level", "open-item", "
       ], 16, xe)
     ], 64));
   }
-}, ze = "bs-select", Tt = {
+}, ze = "bs-select", St = {
   __name: "BsSelect",
   props: {
     disabled: { default: !1 },
@@ -1266,21 +1323,21 @@ const $e = ["controlled", "icon", "header-text", "heading-level", "open-item", "
   },
   emits: [],
   setup(e, { emit: l }) {
-    const a = e, { data: t } = P(ze, () => {
+    const s = e, { data: t } = P(ze, () => {
       if (process.server)
         return !0;
     });
-    return (s, n) => m(t) ? (i(), y(Ve, u({ key: 0 }, { ...a, ...s.$attrs }, {
+    return (a, n) => m(t) ? (d(), g(Ve, i({ key: 0 }, { ...s, ...a.$attrs }, {
       style: { display: e.bsShow ? null : "none" }
     }), {
-      default: g(() => [
-        c(s.$slots, "default")
+      default: $(() => [
+        f(a.$slots, "default")
       ]),
       _: 3
-    }, 16, ["style"])) : (i(), d("bs-select", u({ key: 1 }, { ...a, ...s.$attrs }, {
+    }, 16, ["style"])) : (d(), o("bs-select", i({ key: 1 }, { ...s, ...a.$attrs }, {
       style: { display: e.bsShow ? null : "none" }
     }), [
-      c(s.$slots, "default")
+      f(a.$slots, "default")
     ], 16));
   }
 }, Pe = ["tooltip-id", "content", "position"], Re = {
@@ -1292,29 +1349,29 @@ const $e = ["controlled", "icon", "header-text", "heading-level", "open-item", "
   },
   emits: [],
   setup(e, { emit: l }) {
-    const a = h(!1), t = h(null), s = h(""), n = p([]), o = h(null), b = h(!1), $ = (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 || n.push(setTimeout(() => $(r, v + 1), 50)));
+    const s = h(!1), t = h(null), a = h(""), n = w([]), u = h(null), b = h(!1), y = (r, v = 0) => {
+      var c, B;
+      t.value || v >= 4 || (t.value = (B = (c = r.value) == null ? void 0 : c.querySelector) == null ? void 0 : B.call(c, "[data-slot]"), t.value || n.push(setTimeout(() => y(r, v + 1), 50)));
     };
-    return S(() => b.value = !0), T(() => $(o, 0)), C(t, (r) => {
-      !r || a.value || (R(t), n.push(setTimeout(() => {
+    return p(() => b.value = !0), S(() => y(u, 0)), C(t, (r) => {
+      !r || s.value || (R(t), n.push(setTimeout(() => {
         I(() => {
-          s.value = customElements.get("bs-tooltip") ? "hydrated superhydrated" : "superhydrated";
+          a.value = customElements.get("bs-tooltip") ? "hydrated superhydrated" : "superhydrated";
         });
-      }, 100)), a.value = !0);
-    }, { immediate: !0 }), q(() => n.forEach((r) => clearTimeout(r))), (r, v) => (i(), d(A, null, [
-      t.value && b.value ? (i(), y(m(k), { key: 0 }, {
-        default: g(() => [
-          (i(), y(L, { to: t.value }, [
-            c(r.$slots, "default")
+      }, 100)), s.value = !0);
+    }, { immediate: !0 }), q(() => n.forEach((r) => clearTimeout(r))), (r, v) => (d(), o(A, null, [
+      t.value && b.value ? (d(), g(m(k), { key: 0 }, {
+        default: $(() => [
+          (d(), g(L, { to: t.value }, [
+            f(r.$slots, "default")
           ], 8, ["to"]))
         ]),
         _: 3
       })) : x("", !0),
-      w("bs-tooltip", u({
+      T("bs-tooltip", i({
         ref_key: "wcRef",
-        ref: o,
-        class: s.value,
+        ref: u,
+        class: a.value,
         "data-bsds-ssr": "",
         "tooltip-id": e.tooltipId,
         content: e.content,
@@ -1323,8 +1380,8 @@ const $e = ["controlled", "icon", "header-text", "heading-level", "open-item", "
         V(m(k), null, z({ _: 2 }, [
           b.value ? void 0 : {
             name: "fallback",
-            fn: g(() => [
-              c(r.$slots, "default")
+            fn: $(() => [
+              f(r.$slots, "default")
             ]),
             key: "0"
           }
@@ -1342,32 +1399,32 @@ const $e = ["controlled", "icon", "header-text", "heading-level", "open-item", "
   },
   emits: [],
   setup(e, { emit: l }) {
-    const a = e, { data: t } = P(De, () => {
+    const s = e, { data: t } = P(De, () => {
       if (process.server)
         return !0;
     });
-    return (s, n) => m(t) ? (i(), y(Re, u({ key: 0 }, { ...a, ...s.$attrs }, {
+    return (a, n) => m(t) ? (d(), g(Re, i({ key: 0 }, { ...s, ...a.$attrs }, {
       style: { display: e.bsShow ? null : "none" }
     }), {
-      default: g(() => [
-        c(s.$slots, "default")
+      default: $(() => [
+        f(a.$slots, "default")
       ]),
       _: 3
-    }, 16, ["style"])) : (i(), d("bs-tooltip", u({ key: 1 }, { ...a, ...s.$attrs }, {
+    }, 16, ["style"])) : (d(), o("bs-tooltip", i({ key: 1 }, { ...s, ...a.$attrs }, {
       style: { display: e.bsShow ? null : "none" }
     }), [
-      c(s.$slots, "default")
+      f(a.$slots, "default")
     ], 16));
   }
 };
 export {
   Bt as BsAccordion,
-  ye as BsAccordionServer,
+  $e as BsAccordionServer,
   Oe as BsBadge,
   kt as BsBanner,
   Be as BsBannerServer,
-  wt as BsButton,
-  pe as BsButtonServer,
+  Tt as BsButton,
+  we as BsButtonServer,
   Me as BsCharacterCount,
   je as BsChartBar,
   Ne as BsChartTable,
@@ -1375,38 +1432,38 @@ export {
   He as BsCircleButton,
   Xe as BsDropdown,
   Ye as BsDropdownOption,
-  Ze as BsDropdownOptions,
+  Ze as BsDropdownWithOptions,
   Je as BsFieldLayout,
   Ke as BsHint,
   Ue as BsInput,
   Qe as BsInputAddon,
   _e as BsInputField,
   et as BsInputSearch,
-  pt as BsLabel,
+  wt as BsLabel,
   Ce as BsLabelServer,
   tt as BsLoader,
   at as BsModal,
   st as BsOverlay,
   lt as BsPagination,
-  St as BsPill,
+  pt as BsPill,
   Ae as BsPillServer,
   rt as BsProfile,
   nt as BsProfileDetails,
-  it as BsProfileImg,
-  ut as BsProfileLayout,
-  dt as BsRadio,
-  Tt as BsSelect,
+  dt as BsProfileImg,
+  it as BsProfileLayout,
+  ut as BsRadio,
+  St as BsSelect,
   ot as BsSelectField,
   Ve as BsSelectServer,
-  ct as BsSwitch,
-  ft as BsTextarea,
+  ft as BsSwitch,
+  ct as BsTextarea,
   mt as BsTextareaField,
   ht as BsToast,
   bt as BsToastActions,
   vt as BsToastBody,
-  $t as BsToastHeader,
-  yt as BsToaster,
+  gt as BsToastHeader,
+  $t as BsToaster,
   Ct as BsTooltip,
   Re as BsTooltipServer,
-  gt as BsTransition
+  yt as BsTransition
 };