@adyen/bento-vue3 1.98.0 → 1.99.0

package/dist/chunks/{dropdown.CGUBk0iO.js → dropdown.DpqCHfi-.js}

@@ -1,30 +1,30 @@
-import { computed as d, ref as w, onMounted as Vt, onUnmounted as zt, watch as Ce, defineComponent as Z, resolveComponent as K, openBlock as p, createElementBlock as E, createVNode as F, withCtx as k, createTextVNode as oe, toDisplayString as Y, createElementVNode as W, renderSlot as j, mergeProps as M, withKeys as me, createCommentVNode as J, createBlock as N, withModifiers as Le, normalizeProps as ce, guardReactiveProps as Se, withDirectives as ue, vShow as Ne, nextTick as ne, toRef as ae, resolveDirective as Ot, toHandlers as ie, Fragment as pe, renderList as le, createSlots as ve, normalizeClass as fe, unref as b, useSlots as Ge, useAttrs as dt, toRefs as Lt, resolveDynamicComponent as It, inject as ct } from "vue";
-import { B as Ie, d as nt } from "./typography.B3J6_tYk.js";
-import { g as Oe } from "./generate-uid.DBWe4g6T.js";
-import { u as Gt } from "./aria-label.CaUURpnB.js";
-import { u as ke } from "./index.B875RXHM.js";
-import { u as Kt } from "./form-field.D_2g7vaP.js";
-import { u as Ut } from "./use-form-layout-loading.CWbjZiwP.js";
+import { computed as d, ref as k, onMounted as Vt, onUnmounted as zt, watch as Oe, defineComponent as Z, resolveComponent as K, openBlock as p, createElementBlock as E, createVNode as V, withCtx as _, createTextVNode as le, toDisplayString as Y, createElementVNode as W, renderSlot as j, mergeProps as M, withKeys as me, createCommentVNode as J, createBlock as N, withModifiers as Ee, normalizeProps as ce, guardReactiveProps as Ce, withDirectives as ue, vShow as Ne, nextTick as se, toRef as oe, resolveDirective as Ot, toHandlers as ie, Fragment as pe, renderList as te, createSlots as ve, normalizeClass as fe, unref as f, useSlots as Ge, useAttrs as dt, toRefs as Lt, resolveDynamicComponent as It, inject as ct } from "vue";
+import { B as Te, d as nt } from "./typography.B3J6_tYk.js";
+import { g as Ie } from "./generate-uid.DBWe4g6T.js";
+import { u as De } from "./index.B875RXHM.js";
+import { s as _e } from "./events.BQOQSSb7.js";
 import { u as Tt } from "./use-has-slot.CyMiImRQ.js";
-import { B as qt } from "./directive.D1-d-C2K.js";
-import { B as H, a as ze } from "./keyboard-navigation.DWmhelVv.js";
-import { B as Yt } from "./loading-indicator.BPol9I84.js";
-import { B as Wt } from "./empty-state.DT4sFyjB.js";
-import { o as jt } from "./resize.Bqks3WUm.js";
-import { C as We, N as Ht } from "./minus-small.CnYLTuSv.js";
-import { C as Jt } from "./checkmark-small.CRuZauJc.js";
-/* empty css              */
-import { _ as ee } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { B as Xt } from "./chip.DFldnqfz.js";
+import { C as Gt } from "./cross-circle-fill.BWCKKn0E.js";
+import { C as Kt } from "./cross-circle-fill-small.H1wH-vcZ.js";
+import { _ as Q } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import { C as At } from "./chevron-down.XeE-LBV_.js";
 import { C as $t } from "./chevron-up.Cmgl2a3x.js";
-import { a as Zt, b as ft, h as Qt, e as el } from "./button-actions.CgZbPzhi.js";
-import { F as tl } from "./field-label.yQ_2Qg88.js";
+/* empty css              */
+import { u as Ut } from "./aria-label.CaUURpnB.js";
+import { u as qt } from "./form-field.D_2g7vaP.js";
+import { u as Yt } from "./use-form-layout-loading.CWbjZiwP.js";
+import { B as Wt } from "./directive.D1-d-C2K.js";
+import { B as H, a as ze } from "./keyboard-navigation.DWmhelVv.js";
+import { B as jt } from "./loading-indicator.BPol9I84.js";
+import { B as Ht } from "./empty-state.DT4sFyjB.js";
+import { o as Jt } from "./resize.Bqks3WUm.js";
+import { C as We, N as Xt } from "./minus-small.CnYLTuSv.js";
+import { C as Zt } from "./checkmark-small.CRuZauJc.js";
+import { B as Qt } from "./chip.DFldnqfz.js";
+import { a as el, b as ft, h as tl, e as ll } from "./button-actions.CgZbPzhi.js";
+import { F as ol } from "./field-label.yQ_2Qg88.js";
 import { P as mt } from "./popper-container.DRt5hgY8.js";
-import { E as ll } from "./error-message.Dyvrw6ZB.js";
-import { C as ol } from "./cross-circle-fill.BWCKKn0E.js";
-import { C as al } from "./cross-circle-fill-small.H1wH-vcZ.js";
-import { s as Re } from "./events.BQOQSSb7.js";
+import { E as al } from "./error-message.Dyvrw6ZB.js";
 import "../assets/dropdown.css";
 const wt = (e, l, n, o) => {
   const a = d(
@@ -39,68 +39,68 @@ const wt = (e, l, n, o) => {
   };
 };
 function sl(e, { disabled: l, itemHeight: n, overscan: o = 5, prefixHeight: a }) {
-  const s = w(null), t = w([]), i = w(0), h = w(0), c = w(0);
+  const s = k(null), t = k([]), i = k(0), h = k(0), c = k(0);
   let u;
   const r = d(() => {
-    const C = typeof n == "number" ? e.value.length * n : e.value.reduce((B, D, A) => B + n(A), 0), I = typeof n == "number" ? i.value * n : e.value.slice(0, i.value).reduce((B, D, A) => B + n(A), 0);
+    const C = typeof n == "number" ? e.value.length * n : e.value.reduce((R, x, $) => R + n($), 0), O = typeof n == "number" ? i.value * n : e.value.slice(0, i.value).reduce((R, x, $) => R + n($), 0);
     return {
       style: {
-        marginTop: `${I}px`,
-        height: `${C - I}px`
+        marginTop: `${O}px`,
+        height: `${C - O}px`
       }
     };
-  }), f = () => {
-    const C = a?.value ?? 0, I = Math.max(s.value.scrollTop - C, 0);
+  }), m = () => {
+    const C = a?.value ?? 0, O = Math.max(s.value.scrollTop - C, 0);
     if (typeof n == "number")
-      return Math.floor(I / n);
-    let B = 0, D = 0;
-    for (let A = 0; A < e.value.length; A += 1) {
-      const P = n(A);
-      if (B += P, B >= I) {
-        D = A;
+      return Math.floor(O / n);
+    let R = 0, x = 0;
+    for (let $ = 0; $ < e.value.length; $ += 1) {
+      const F = n($);
+      if (R += F, R >= O) {
+        x = $;
         break;
       }
     }
-    return D;
-  }, v = () => {
+    return x;
+  }, b = () => {
     if (c.value = s.value.clientHeight, typeof n == "number")
       return Math.ceil(c.value / n);
     const C = i.value ?? 0;
-    let I = 0, B = 0;
-    for (let D = C; D < e.value.length; D += 1) {
-      const A = n(D);
-      if (I += A, B = D, I > c.value)
+    let O = 0, R = 0;
+    for (let x = C; x < e.value.length; x += 1) {
+      const $ = n(x);
+      if (O += $, R = x, O > c.value)
         break;
     }
-    return B - C;
-  }, L = () => {
+    return R - C;
+  }, T = () => {
     if (s.value) {
-      const C = v();
-      i.value = f(), h.value = Math.min(i.value + C + o, e.value.length), t.value = e.value.slice(i.value, h.value);
+      const C = b();
+      i.value = m(), h.value = Math.min(i.value + C + o, e.value.length), t.value = e.value.slice(i.value, h.value);
     }
-  }, _ = () => {
-    L();
+  }, D = () => {
+    T();
   };
   l || (Vt(() => {
-    s.value && (c.value = s.value.clientHeight, u = jt(s.value, ({ clientHeight: C }) => {
-      c.value = C, L();
-    }), L());
+    s.value && (c.value = s.value.clientHeight, u = Jt(s.value, ({ clientHeight: C }) => {
+      c.value = C, T();
+    }), T());
   }), zt(() => {
     u?.disconnect();
-  }), Ce(
+  }), Oe(
     () => e.value,
     () => {
-      L();
+      T();
     }
   ));
   const g = {
     ref: s,
     style: { overflowY: "auto" }
-  }, V = (C) => {
+  }, z = (C) => {
     if (!s.value)
       return;
-    const I = typeof n == "number" ? C * n : e.value.slice(0, C).reduce(($, z, G) => $ + n(G), 0), B = typeof n == "number" ? n : n(C), D = I + B, { scrollTop: A, clientHeight: P } = s.value, x = A + P;
-    D > x ? s.value.scrollTop = P > 0 ? D - P : I : I < A && (s.value.scrollTop = I), L();
+    const O = typeof n == "number" ? C * n : e.value.slice(0, C).reduce((w, G, P) => w + n(P), 0), R = typeof n == "number" ? n : n(C), x = O + R, { scrollTop: $, clientHeight: F } = s.value, B = $ + F;
+    x > B ? s.value.scrollTop = F > 0 ? x - F : O : O < $ && (s.value.scrollTop = O), T();
   };
   return l ? {
     containerRef: s,
@@ -112,22 +112,22 @@ function sl(e, { disabled: l, itemHeight: n, overscan: o = 5, prefixHeight: a })
     // eslint-disable-next-line @typescript-eslint/no-empty-function
     scrollToIndex: () => {
     },
-    startIndex: w(0)
+    startIndex: k(0)
   } : {
     containerRef: s,
     containerProps: g,
-    onScroll: _,
+    onScroll: D,
     list: t,
     wrapperProps: r,
-    scrollToIndex: V,
+    scrollToIndex: z,
     startIndex: i
   };
 }
-var y = /* @__PURE__ */ ((e) => (e.SELECT = "select", e.SHOW_MORE = "show-more", e.ESCAPE = "escape-pressed", e.CLICK = "click", e.ENTER = "enter-pressed", e.SPACE = "space-pressed", e.TAB = "tab-pressed", e.CLOSE_DROPDOWN = "close-dropdown", e))(y || {}), Ee = /* @__PURE__ */ ((e) => (e.AUTOMATIC = "automatic", e.BUTTON = "button", e.NONE = "none", e))(Ee || {});
+var y = /* @__PURE__ */ ((e) => (e.SELECT = "select", e.SHOW_MORE = "show-more", e.ESCAPE = "escape-pressed", e.CLICK = "click", e.ENTER = "enter-pressed", e.SPACE = "space-pressed", e.TAB = "tab-pressed", e.CLOSE_DROPDOWN = "close-dropdown", e))(y || {}), Le = /* @__PURE__ */ ((e) => (e.AUTOMATIC = "automatic", e.BUTTON = "button", e.NONE = "none", e))(Le || {});
 const nl = Z({
   name: "bento-listbox-static-category",
   components: {
-    BentoTypography: Ie
+    BentoTypography: Te
   },
   props: {
     /**
@@ -146,14 +146,14 @@ function rl(e, l, n, o, a, s) {
     role: "group",
     "aria-label": e.categoryLabel
   }, [
-    F(t, {
+    V(t, {
       variant: "caption",
       el: "span",
       class: "b-listbox-single-select-category__label-text",
       "aria-hidden": "true"
     }, {
-      default: k(() => [
-        oe(Y(e.categoryLabel), 1)
+      default: _(() => [
+        le(Y(e.categoryLabel), 1)
       ]),
       _: 1
     }),
@@ -162,7 +162,7 @@ function rl(e, l, n, o, a, s) {
     ])
   ], 8, il);
 }
-const dl = /* @__PURE__ */ ee(nl, [["render", rl], ["__scopeId", "data-v-27c4e09a"]]), cl = Z({
+const dl = /* @__PURE__ */ Q(nl, [["render", rl], ["__scopeId", "data-v-27c4e09a"]]), cl = Z({
   name: "bento-listbox-option",
   props: {
     /**
@@ -211,7 +211,7 @@ function ul(e, l, n, o, a, s) {
     j(e.$slots, "default", {}, void 0, !0)
   ], 16);
 }
-const je = /* @__PURE__ */ ee(cl, [["render", ul], ["__scopeId", "data-v-1495b1db"]]);
+const je = /* @__PURE__ */ Q(cl, [["render", ul], ["__scopeId", "data-v-1495b1db"]]);
 let vt = 0;
 const pl = {
   beforeCreate() {
@@ -233,11 +233,11 @@ function fl(e, l, n, o, a, s) {
     }, null, -1))
   ], 16);
 }
-const ml = /* @__PURE__ */ ee(pl, [["render", fl]]), vl = Z({
+const ml = /* @__PURE__ */ Q(pl, [["render", fl]]), vl = Z({
   name: "bento-listbox-single-select-option",
   components: {
     BentoListboxOption: je,
-    BentoTypography: Ie,
+    BentoTypography: Te,
     CheckmarkIcon: ml
   },
   props: {
@@ -286,15 +286,15 @@ function hl(e, l, n, o, a, s) {
     tabindex: e.tabIndex,
     onClick: l[0] || (l[0] = (c) => e.onOptionSelected(e.BentoListboxEvent.SELECT)),
     onEnterPressed: l[1] || (l[1] = (c) => e.onOptionSelected(e.BentoListboxEvent.ENTER)),
-    onSpacePressed: l[2] || (l[2] = Le((c) => e.onOptionSelected(e.BentoListboxEvent.SPACE), ["prevent"])),
+    onSpacePressed: l[2] || (l[2] = Ee((c) => e.onOptionSelected(e.BentoListboxEvent.SPACE), ["prevent"])),
     onTabPressed: l[3] || (l[3] = (c) => e.onOptionSelected(e.BentoListboxEvent.TAB))
   }, {
-    default: k(() => [
-      j(e.$slots, "default", ce(Se(e.option)), () => [
+    default: _(() => [
+      j(e.$slots, "default", ce(Ce(e.option)), () => [
         W("span", yl, [
-          F(t, { el: "span" }, {
-            default: k(() => [
-              oe(Y(e.option.label), 1)
+          V(t, { el: "span" }, {
+            default: _(() => [
+              le(Y(e.option.label), 1)
             ]),
             _: 1
           }),
@@ -303,15 +303,15 @@ function hl(e, l, n, o, a, s) {
             class: "b-listbox-single-select-option__description",
             el: "span"
           }, {
-            default: k(() => [
-              oe(Y(e.option.description), 1)
+            default: _(() => [
+              le(Y(e.option.description), 1)
             ]),
             _: 1
           })) : J("", !0)
         ])
       ], !0),
       W("span", gl, [
-        ue(F(i, { "svg-title": "selected" }, null, 512), [
+        ue(V(i, { "svg-title": "selected" }, null, 512), [
           [Ne, e.selected]
         ])
       ])
@@ -319,9 +319,9 @@ function hl(e, l, n, o, a, s) {
     _: 3
   }, 8, ["disabled", "selected", "aria-selected", "aria-disabled", "tabindex"]);
 }
-const Sl = /* @__PURE__ */ ee(vl, [["render", hl], ["__scopeId", "data-v-4f41af07"]]), kt = ({ items: e, totalItemCount: l }, n) => {
-  const o = d(() => l?.value ? l.value - 1 : e.value.length - 1), a = w(0), s = (v) => {
-    switch (v) {
+const Sl = /* @__PURE__ */ Q(vl, [["render", hl], ["__scopeId", "data-v-4f41af07"]]), kt = ({ items: e, totalItemCount: l }, n) => {
+  const o = d(() => l?.value ? l.value - 1 : e.value.length - 1), a = k(0), s = (b) => {
+    switch (b) {
       case "increase":
         a.value += 1;
         break;
@@ -329,32 +329,32 @@ const Sl = /* @__PURE__ */ ee(vl, [["render", hl], ["__scopeId", "data-v-4f41af0
         a.value -= 1;
         break;
     }
-  }, t = ({ edgeCaseItem: v }, L) => {
-    a.value !== v && (s(L), n(a.value));
-  }, i = (v) => {
-    f(v), t(
+  }, t = ({ edgeCaseItem: b }, T) => {
+    a.value !== b && (s(T), n(a.value));
+  }, i = (b) => {
+    m(b), t(
       {
         edgeCaseItem: o.value
       },
       "increase"
       /* INCREASE */
     );
-  }, h = (v) => {
-    f(v), t(
+  }, h = (b) => {
+    m(b), t(
       {
         edgeCaseItem: 0
       },
       "decrease"
       /* DECREASE */
     );
-  }, c = () => {
-    a.value = 0, n(a.value);
-  }, u = () => {
-    a.value = o.value, n(a.value);
-  }, r = (v) => {
-    a.value = v;
-  }, f = (v) => {
-    v?.detail?.preventDefault();
+  }, c = (b) => {
+    m(b), a.value = 0, n(a.value);
+  }, u = (b) => {
+    m(b), a.value = o.value, n(a.value);
+  }, r = (b) => {
+    a.value = b;
+  }, m = (b) => {
+    b?.detail?.preventDefault(), b?.detail?.stopPropagation();
   };
   return {
     moveToFirstElement: c,
@@ -362,20 +362,20 @@ const Sl = /* @__PURE__ */ ee(vl, [["render", hl], ["__scopeId", "data-v-4f41af0
     moveToNextElement: i,
     moveToPreviousElement: h,
     setListboxFocusedIndex: r,
-    preventDefault: f,
+    preventDefault: m,
     focusedIndex: a
   };
-}, ut = (e, l, n = w("option"), o = !0) => {
-  const a = w([]), s = async () => {
+}, ut = (e, l, n = k("option"), o = !0) => {
+  const a = k([]), s = async () => {
     if (!e.value || e.value.nodeType === Node.COMMENT_NODE)
       return;
     const t = Array.from(e.value.querySelectorAll(`[role="${n.value}"]`));
     a.value = o ? t.filter((i) => i.checkVisibility()) : t;
   };
-  return Ce(
+  return Oe(
     l,
     () => {
-      ne(() => {
+      se(() => {
         s();
       });
     },
@@ -446,60 +446,60 @@ const Sl = /* @__PURE__ */ ee(vl, [["render", hl], ["__scopeId", "data-v-4f41af0
   },
   emits: [y.SELECT, y.ENTER, y.SPACE, y.TAB],
   setup(e, { emit: l, expose: n, slots: o, attrs: a }) {
-    const s = w(null), t = w([]), i = d(() => !!e.selectedValue?.length && e.selectedValue.at(0)), h = d(
+    const s = k(null), t = k([]), i = d(() => !!e.selectedValue?.length && e.selectedValue.at(0)), h = d(
       () => ({
         "aria-label": a["aria-label"]?.toString(),
         "aria-busy": a["aria-busy"]?.toString(),
         "aria-atomic": a["aria-atomic"]?.toString(),
         "aria-live": a["aria-live"]?.toString()
       })
-    ), c = d(() => !!e.items.some(({ items: $ }) => !!$)), u = ($) => (z) => {
-      l($, [z]);
-    }, { visibleDomOptions: r, updateVisibleDomOptions: f } = ut(
+    ), c = d(() => !!e.items.some(({ items: w }) => !!w)), u = (w) => (G) => {
+      l(w, [G]);
+    }, { visibleDomOptions: r, updateVisibleDomOptions: m } = ut(
       s,
-      ae(e, "items"),
-      w("option"),
+      oe(e, "items"),
+      k("option"),
       !1
-    ), v = d(() => e.totalItemCount > 0), L = ($) => {
-      if (!v.value)
+    ), b = d(() => e.totalItemCount > 0), T = (w) => {
+      if (!b.value)
         return;
-      const z = $.target;
-      if (z === s.value || z?.getAttribute("role") !== "option")
+      const G = w.target;
+      if (G === s.value || G?.getAttribute("role") !== "option")
         return;
-      const G = r.value.indexOf(z);
-      if (G !== -1) {
-        const R = G + e.virtualScrollStartIndex;
-        A(R);
+      const P = r.value.indexOf(G);
+      if (P !== -1) {
+        const ne = P + e.virtualScrollStartIndex;
+        $(ne);
       }
-    }, _ = async ($) => {
-      if (v.value && e.scrollToIndex) {
-        e.scrollToIndex($), await ne(), await f();
-        const z = $ - e.virtualScrollStartIndex;
-        r.value[z]?.focus();
+    }, D = async (w) => {
+      if (b.value && e.scrollToIndex) {
+        e.scrollToIndex(w), await se(), await m();
+        const G = w - e.virtualScrollStartIndex;
+        r.value[G]?.focus();
       } else
-        r.value[$]?.focus();
-    }, g = async ($) => {
-      A($), await _($);
-    }, V = async ($) => {
-      await f(), v.value && e.scrollToIndex ? e.scrollToIndex($) : r.value[$]?.scrollIntoView?.({ block: "nearest" });
+        r.value[w]?.focus();
+    }, g = async (w) => {
+      $(w), await D(w);
+    }, z = async (w) => {
+      await m(), b.value && e.scrollToIndex ? e.scrollToIndex(w) : r.value[w]?.scrollIntoView?.({ block: "nearest" });
     }, {
       moveToNextElement: C,
-      moveToPreviousElement: I,
-      moveToFirstElement: B,
-      moveToLastElement: D,
-      setListboxFocusedIndex: A
+      moveToPreviousElement: O,
+      moveToFirstElement: R,
+      moveToLastElement: x,
+      setListboxFocusedIndex: $
     } = kt(
       {
         items: r,
-        totalItemCount: ae(e, "totalItemCount")
+        totalItemCount: oe(e, "totalItemCount")
       },
-      _
-    ), P = {
-      [H.ARROW_UP]: I,
+      D
+    ), F = {
+      [H.ARROW_UP]: O,
       [H.ARROW_DOWN]: C,
-      [H.HOME]: B,
-      [H.END]: D
-    }, x = {
+      [H.HOME]: R,
+      [H.END]: x
+    }, B = {
       [y.SELECT]: u(y.SELECT),
       [y.SPACE]: u(y.SPACE),
       [y.TAB]: u(y.TAB),
@@ -515,7 +515,7 @@ const Sl = /* @__PURE__ */ ee(vl, [["render", hl], ["__scopeId", "data-v-4f41af0
        * Method to set the index of the item to be focused on
        * Used for focus management to be kept in-sync with parent e.g. dropdowns
        */
-      setListboxFocusedIndex: A,
+      setListboxFocusedIndex: $,
       /**
        * Navigates to an item by global index, handling virtual scroll if enabled.
        * Scrolls the virtual list and focuses the item.
@@ -525,7 +525,7 @@ const Sl = /* @__PURE__ */ ee(vl, [["render", hl], ["__scopeId", "data-v-4f41af0
        * Scrolls to an item by global index without changing focus.
        * Used when the dropdown opens via click to bring the selected option into view.
        */
-      scrollToItem: V
+      scrollToItem: z
     }), {
       // Enums
       BentoListboxEvent: y,
@@ -540,10 +540,10 @@ const Sl = /* @__PURE__ */ ee(vl, [["render", hl], ["__scopeId", "data-v-4f41af0
       // Methods
       onOptionSelected: u,
       // Keyboard navigation
-      listboxListeners: P,
-      listboxOptionListeners: x,
+      listboxListeners: F,
+      listboxOptionListeners: B,
       // Virtual scroll focus management
-      handleVirtualScrollingFocus: L
+      handleVirtualScrollingFocus: T
     };
   }
 });
@@ -552,13 +552,13 @@ function El(e, l, n, o, a, s) {
   return ue((p(), E("div", M({ ref: "listboxRef" }, e.ariaAttributes, { role: "listbox" }, ie(e.listboxListeners, !0), {
     onFocusin: l[0] || (l[0] = (...c) => e.handleVirtualScrollingFocus && e.handleVirtualScrollingFocus(...c))
   }), [
-    e.hasCategories && e.staticCategories ? (p(!0), E(pe, { key: 0 }, le(e.items, (c) => (p(), E(pe, null, [
+    e.hasCategories && e.staticCategories ? (p(!0), E(pe, { key: 0 }, te(e.items, (c) => (p(), E(pe, null, [
       c.items && c.items.length > 0 ? (p(), N(i, {
         key: `category-${c.value}`,
         "category-label": c.label
       }, {
-        default: k(() => [
-          (p(!0), E(pe, null, le(c.items, (u) => (p(), N(t, M({
+        default: _(() => [
+          (p(!0), E(pe, null, te(c.items, (u) => (p(), N(t, M({
             key: u.value,
             ref_for: !0,
             ref: "listboxItemRef",
@@ -567,10 +567,10 @@ function El(e, l, n, o, a, s) {
             disabled: e.isOptionDisabled ? e.isOptionDisabled(u) : null,
             selected: u.value === e.selectedItem.value
           }, ie(e.listboxOptionListeners)), ve({ _: 2 }, [
-            le(e.slots, (r, f) => ({
-              name: f,
-              fn: k((v) => [
-                j(e.$slots, f, M({ ref_for: !0 }, v))
+            te(e.slots, (r, m) => ({
+              name: m,
+              fn: _((b) => [
+                j(e.$slots, m, M({ ref_for: !0 }, b))
               ])
             }))
           ]), 1040, ["option", "disabled", "selected"]))), 128))
@@ -585,14 +585,14 @@ function El(e, l, n, o, a, s) {
         disabled: e.isOptionDisabled ? e.isOptionDisabled(c) : null,
         selected: c.value === e.selectedItem.value
       }, ie(e.listboxOptionListeners)), ve({ _: 2 }, [
-        le(e.slots, (u, r) => ({
+        te(e.slots, (u, r) => ({
           name: r,
-          fn: k((f) => [
-            j(e.$slots, r, M({ ref_for: !0 }, f))
+          fn: _((m) => [
+            j(e.$slots, r, M({ ref_for: !0 }, m))
           ])
         }))
       ]), 1040, ["option", "disabled", "selected"]))
-    ], 64))), 256)) : (p(!0), E(pe, { key: 1 }, le(e.items, (c) => (p(), N(t, M({
+    ], 64))), 256)) : (p(!0), E(pe, { key: 1 }, te(e.items, (c) => (p(), N(t, M({
       key: c.value,
       ref_for: !0,
       ref: "listboxItemRef",
@@ -601,10 +601,10 @@ function El(e, l, n, o, a, s) {
       disabled: e.isOptionDisabled ? e.isOptionDisabled(c) : null,
       selected: c.value === e.selectedItem.value
     }, ie(e.listboxOptionListeners)), ve({ _: 2 }, [
-      le(e.slots, (u, r) => ({
+      te(e.slots, (u, r) => ({
         name: r,
-        fn: k((f) => [
-          j(e.$slots, r, M({ ref_for: !0 }, f))
+        fn: _((m) => [
+          j(e.$slots, r, M({ ref_for: !0 }, m))
         ])
       }))
     ]), 1040, ["option", "disabled", "selected"]))), 128))
@@ -612,7 +612,7 @@ function El(e, l, n, o, a, s) {
     [h]
   ]);
 }
-const Ol = /* @__PURE__ */ ee(Cl, [["render", El]]);
+const Ol = /* @__PURE__ */ Q(Cl, [["render", El]]);
 let yt = 0;
 const Ll = {
   beforeCreate() {
@@ -638,7 +638,7 @@ function Tl(e, l, n, o, a, s) {
     }, null, -1))
   ], 16);
 }
-const Al = /* @__PURE__ */ ee(Ll, [["render", Tl]]), $l = {}, wl = /* @__PURE__ */ Z({
+const Al = /* @__PURE__ */ Q(Ll, [["render", Tl]]), $l = {}, wl = /* @__PURE__ */ Z({
   ...$l,
   __name: "decorative-checkbox",
   props: {
@@ -659,18 +659,18 @@ const Al = /* @__PURE__ */ ee(Ll, [["render", Tl]]), $l = {}, wl = /* @__PURE__
       class: fe(["b-checkbox-input", n.value]),
       role: "presentation"
     }, [
-      a.indeterminate ? (p(), N(b(Ht), {
+      a.indeterminate ? (p(), N(f(Xt), {
         key: 0,
         class: "b-checkbox-input__icon",
         "svg-title": "",
         "aria-hidden": "true"
-      })) : a.allSelected ? (p(), N(b(Al), {
+      })) : a.allSelected ? (p(), N(f(Al), {
         key: 1,
         class: "b-checkbox-input__icon",
         "svg-title": "",
         "aria-hidden": "true",
         "data-testid": "decorative-checkbox-double-checkmark-icon"
-      })) : a.checked ? (p(), N(b(Jt), {
+      })) : a.checked ? (p(), N(f(Zt), {
         key: 2,
         class: "b-checkbox-input__icon",
         "svg-title": "",
@@ -681,8 +681,8 @@ const Al = /* @__PURE__ */ ee(Ll, [["render", Tl]]), $l = {}, wl = /* @__PURE__
       }, null, 2)
     ], 2));
   }
-}), pt = /* @__PURE__ */ ee(wl, [["__scopeId", "data-v-08d3142e"]]);
-var _t = /* @__PURE__ */ ((e) => (e.DISABLED = "disabled", e.STATIC_CATEGORY = "static-category", e))(_t || {}), we = /* @__PURE__ */ ((e) => (e.SELECT_CATEGORY = "select-category", e.UNSELECT_CATEGORY = "unselect-category", e.TOGGLE_CATEGORY_VISIBILITY = "toggle-category-visibility", e))(we || {});
+}), pt = /* @__PURE__ */ Q(wl, [["__scopeId", "data-v-08d3142e"]]);
+var _t = /* @__PURE__ */ ((e) => (e.DISABLED = "disabled", e.STATIC_CATEGORY = "static-category", e))(_t || {}), ke = /* @__PURE__ */ ((e) => (e.SELECT_CATEGORY = "select-category", e.UNSELECT_CATEGORY = "unselect-category", e.TOGGLE_CATEGORY_VISIBILITY = "toggle-category-visibility", e))(ke || {});
 const gt = {
   "de-DE": { categoryClosed: "{category} geschlossen", categoryOpened: "{category} geöffnet" },
   "en-GB": { categoryClosed: "{category} closed", categoryOpened: "{category} opened" },
@@ -698,7 +698,7 @@ const gt = {
   i18n: { messages: gt },
   name: "bento-listbox-multi-select-category",
   components: {
-    BentoTypography: Ie,
+    BentoTypography: Te,
     BentoListboxOption: je,
     ChevronDownIcon: At,
     ChevronUpIcon: $t,
@@ -748,64 +748,64 @@ const gt = {
     tabindex: { type: Number, default: -1 }
   },
   emits: [
-    we.SELECT_CATEGORY,
-    we.UNSELECT_CATEGORY,
-    we.TOGGLE_CATEGORY_VISIBILITY
+    ke.SELECT_CATEGORY,
+    ke.UNSELECT_CATEGORY,
+    ke.TOGGLE_CATEGORY_VISIBILITY
   ],
   setup(e, { emit: l }) {
-    const n = w(!1), { t: o } = ke({ messages: gt }), a = Oe("category-group"), s = Oe("category-name"), t = (x) => e.isOptionDisabled ? e.isOptionDisabled(x) : !1, i = d(
-      () => e.category.items.every((x) => t(x))
-    ), h = ae(e, "staticCategories"), c = d(() => n.value || e.staticCategories), u = d(() => ({
+    const n = k(!1), { t: o } = De({ messages: gt }), a = Ie("category-group"), s = Ie("category-name"), t = (B) => e.isOptionDisabled ? e.isOptionDisabled(B) : !1, i = d(
+      () => e.category.items.every((B) => t(B))
+    ), h = oe(e, "staticCategories"), c = d(() => n.value || e.staticCategories), u = d(() => ({
       [`b-listbox-multi-select-category--${_t.DISABLED}`]: i.value
-    })), r = (x, $) => {
-      x.preventDefault(), n.value = $ !== void 0 ? $ : !n.value, l(we.TOGGLE_CATEGORY_VISIBILITY, e.category.value);
-    }, f = (x) => {
-      const $ = t(x), z = e.selectedItemsList?.includes(x.value) || !1;
-      return { isDisabled: $, isPreSelected: z };
-    }, v = d(
-      () => e.category.items.filter((x) => {
-        const { isDisabled: $, isPreSelected: z } = f(x);
-        return $ && z || !$;
+    })), r = (B, w) => {
+      B.preventDefault(), n.value = w !== void 0 ? w : !n.value, l(ke.TOGGLE_CATEGORY_VISIBILITY, e.category.value);
+    }, m = (B) => {
+      const w = t(B), G = e.selectedItemsList?.includes(B.value) || !1;
+      return { isDisabled: w, isPreSelected: G };
+    }, b = d(
+      () => e.category.items.filter((B) => {
+        const { isDisabled: w, isPreSelected: G } = m(B);
+        return w && G || !w;
       })
-    ), L = d(
-      () => v.value?.filter(
-        ({ value: x }) => e.selectedItemsList?.includes(x)
+    ), T = d(
+      () => b.value?.filter(
+        ({ value: B }) => e.selectedItemsList?.includes(B)
       )
-    ), _ = d(() => {
-      const x = n.value ? "categoryOpened" : "categoryClosed";
-      return o(x, { category: e.category.label });
+    ), D = d(() => {
+      const B = n.value ? "categoryOpened" : "categoryClosed";
+      return o(B, { category: e.category.label });
     }), g = () => {
-      l(we.SELECT_CATEGORY);
-    }, V = () => {
-      l(we.UNSELECT_CATEGORY);
-    }, { isAllSelected: C, isIndeterminate: I, toggleSelectAll: B } = wt(
-      L,
-      v,
+      l(ke.SELECT_CATEGORY);
+    }, z = () => {
+      l(ke.UNSELECT_CATEGORY);
+    }, { isAllSelected: C, isIndeterminate: O, toggleSelectAll: R } = wt(
+      T,
+      b,
       g,
-      V
-    ), D = d(() => I.value ? "mixed" : `${C.value}`), A = w(C.value), P = () => {
-      A.value = !A.value, B(A.value);
+      z
+    ), x = d(() => O.value ? "mixed" : `${C.value}`), $ = k(C.value), F = () => {
+      $.value = !$.value, R($.value);
     };
-    return Ce(C, () => {
-      A.value = C.value;
+    return Oe(C, () => {
+      $.value = C.value;
     }), {
       // Values
-      chevronTitle: _,
+      chevronTitle: D,
       conditionalClass: u,
       hasAllPropsDisabled: i,
       isOpen: n,
       isAllSelected: C,
-      isIndeterminate: I,
+      isIndeterminate: O,
       isStaticCategory: h,
       categoryGroupId: a,
       categoryNameId: s,
       // Computed
       showItemChildren: c,
-      ariaCheckedComputed: D,
+      ariaCheckedComputed: x,
       // Methods
-      handleSelectAll: P,
+      handleSelectAll: F,
       toggleOpen: r,
-      toggleSelectAll: B
+      toggleSelectAll: R
     };
   }
 }), _l = { class: "b-listbox-multi-select-category__label" }, Dl = {
@@ -818,13 +818,13 @@ function Rl(e, l, n, o, a, s) {
   return p(), E("div", null, [
     e.isStaticCategory ? (p(), E("div", Dl, [
       W("span", xl, [
-        F(i, {
+        V(i, {
           el: "span",
           variant: "caption",
           class: "b-listbox-multi-select-category__label-text"
         }, {
-          default: k(() => [
-            oe(Y(e.category.label), 1)
+          default: _(() => [
+            le(Y(e.category.label), 1)
           ]),
           _: 1
         })
@@ -842,26 +842,26 @@ function Rl(e, l, n, o, a, s) {
       "aria-labelledby": e.categoryNameId,
       onClick: e.handleSelectAll,
       onEnterPressed: e.handleSelectAll,
-      onSpacePressed: Le(e.handleSelectAll, ["prevent"]),
+      onSpacePressed: Ee(e.handleSelectAll, ["prevent"]),
       onKeydown: [
         l[1] || (l[1] = me((r) => e.toggleOpen(r, !1), ["arrow-left", "native"])),
         l[2] || (l[2] = me((r) => e.toggleOpen(r, !0), ["arrow-right", "native"]))
       ]
     }, {
-      default: k(() => [
-        F(t, {
+      default: _(() => [
+        V(t, {
           indeterminate: e.isIndeterminate,
           disabled: e.hasAllPropsDisabled,
           checked: e.isAllSelected
         }, null, 8, ["indeterminate", "disabled", "checked"]),
         W("span", _l, [
-          F(i, {
+          V(i, {
             id: e.categoryNameId,
             el: "span",
             class: "b-listbox-multi-select-category__label-text"
           }, {
-            default: k(() => [
-              oe(Y(e.category.label), 1)
+            default: _(() => [
+              le(Y(e.category.label), 1)
             ]),
             _: 1
           }, 8, ["id"]),
@@ -869,7 +869,7 @@ function Rl(e, l, n, o, a, s) {
             "aria-hidden": "true",
             class: "b-listbox-multi-select-category__label-chevron",
             "data-testid": "toggle-listbox",
-            onClickCapture: l[0] || (l[0] = Le((...r) => e.toggleOpen && e.toggleOpen(...r), ["stop"]))
+            onClickCapture: l[0] || (l[0] = Ee((...r) => e.toggleOpen && e.toggleOpen(...r), ["stop"]))
           }, [
             e.isOpen ? (p(), N(h, {
               key: 0,
@@ -894,13 +894,13 @@ function Rl(e, l, n, o, a, s) {
     ])
   ]);
 }
-const Ml = /* @__PURE__ */ ee(kl, [["render", Rl], ["__scopeId", "data-v-60c04867"]]);
-var he = /* @__PURE__ */ ((e) => (e.SELECT_CATEGORY = "select-category", e.TOGGLE_CHECKBOX_SELECTION = "toggle-checkbox-selection", e.UNSELECT_CATEGORY = "unselect-category", e.TOGGLE_CATEGORY_VISIBILITY = "toggle-category-visibility", e))(he || {});
+const Ml = /* @__PURE__ */ Q(kl, [["render", Rl], ["__scopeId", "data-v-60c04867"]]);
+var Se = /* @__PURE__ */ ((e) => (e.SELECT_CATEGORY = "select-category", e.TOGGLE_CHECKBOX_SELECTION = "toggle-checkbox-selection", e.UNSELECT_CATEGORY = "unselect-category", e.TOGGLE_CATEGORY_VISIBILITY = "toggle-category-visibility", e))(Se || {});
 const Nl = Z({
   name: "listbox-multi-select-options",
   components: {
     BentoListboxOption: je,
-    BentoTypography: Ie,
+    BentoTypography: Te,
     ListboxMultiSelectCategory: Ml,
     DecorativeCheckbox: pt
   },
@@ -972,20 +972,20 @@ const Nl = Z({
     }
   },
   emits: [
-    he.TOGGLE_CHECKBOX_SELECTION,
-    he.SELECT_CATEGORY,
-    he.UNSELECT_CATEGORY,
-    he.TOGGLE_CATEGORY_VISIBILITY
+    Se.TOGGLE_CHECKBOX_SELECTION,
+    Se.SELECT_CATEGORY,
+    Se.UNSELECT_CATEGORY,
+    Se.TOGGLE_CATEGORY_VISIBILITY
   ],
   setup(e, { emit: l }) {
     const n = (c) => {
-      e.isOptionDisabled(c) || l(he.TOGGLE_CHECKBOX_SELECTION, c);
+      e.isOptionDisabled(c) || l(Se.TOGGLE_CHECKBOX_SELECTION, c);
     }, o = (c) => !!c.items, a = (c) => {
       const u = e.isMultiLevel && e.searching;
       return c.description && (!e.isMultiLevel || u);
     }, s = (c) => c.items ? !!c.items.find((u) => e.selectedItemsList.includes(u.value)) : e.selectedItemsList.includes(c.value), t = (c) => {
       if (o(c)) {
-        const u = s(c) ? he.UNSELECT_CATEGORY : he.SELECT_CATEGORY;
+        const u = s(c) ? Se.UNSELECT_CATEGORY : Se.SELECT_CATEGORY;
         l(u, c);
       } else
         n(c);
@@ -1004,14 +1004,14 @@ const Nl = Z({
       computedTabindex: (c) => e.itemsIndex[c] === e.focusedIndex ? 0 : -1,
       // Enums
       BentoListboxEvent: y,
-      ListboxMultiSelectOptionsEvent: he
+      ListboxMultiSelectOptionsEvent: Se
     };
   }
 }), Pl = { class: "b-listbox-multi-select__option-text" }, Fl = { class: "b-listbox-multi-select__option-text" };
 function Vl(e, l, n, o, a, s) {
   const t = K("decorative-checkbox"), i = K("bento-typography"), h = K("bento-listbox-option"), c = K("listbox-multi-select-options", !0), u = K("listbox-multi-select-category");
   return p(), E("div", null, [
-    (p(!0), E(pe, null, le(e.items, (r) => (p(), E("div", {
+    (p(!0), E(pe, null, te(e.items, (r) => (p(), E("div", {
       key: `selected-${r.value}`
     }, [
       e.searching && e.isMultiLevel ? (p(), N(h, {
@@ -1023,20 +1023,20 @@ function Vl(e, l, n, o, a, s) {
         "aria-checked": `${e.isOptionSelected(r)}`,
         "aria-disabled": e.isOptionDisabled ? e.isOptionDisabled(r) : null,
         role: e.$attrs.role || "option",
-        onClick: (f) => e.toggleSearchOption(r),
-        onEnterPressed: (f) => e.toggleSearchOption(r),
-        onSpacePressed: Le((f) => e.toggleSearchOption(r), ["prevent"])
+        onClick: (m) => e.toggleSearchOption(r),
+        onEnterPressed: (m) => e.toggleSearchOption(r),
+        onSpacePressed: Ee((m) => e.toggleSearchOption(r), ["prevent"])
       }, {
-        default: k(() => [
-          F(t, {
+        default: _(() => [
+          V(t, {
             disabled: e.isOptionDisabled ? e.isOptionDisabled(r) : null,
             checked: e.isOptionSelected(r)
           }, null, 8, ["disabled", "checked"]),
           j(e.$slots, "default", M({ ref_for: !0 }, r), () => [
             W("span", Pl, [
-              F(i, { el: "span" }, {
-                default: k(() => [
-                  oe(Y(r.label), 1)
+              V(i, { el: "span" }, {
+                default: _(() => [
+                  le(Y(r.label), 1)
                 ]),
                 _: 2
               }, 1024),
@@ -1045,8 +1045,8 @@ function Vl(e, l, n, o, a, s) {
                 class: "b-listbox-multi-select__option-description",
                 el: "span"
               }, {
-                default: k(() => [
-                  oe(Y(r.description), 1)
+                default: _(() => [
+                  le(Y(r.description), 1)
                 ]),
                 _: 2
               }, 1024)) : J("", !0)
@@ -1062,12 +1062,12 @@ function Vl(e, l, n, o, a, s) {
           "is-option-disabled": e.isOptionDisabled,
           "selected-items-list": e.selectedItemsList,
           tabindex: e.computedTabindex(r.value),
-          onSelectCategory: (f) => e.$emit(e.ListboxMultiSelectOptionsEvent.SELECT_CATEGORY, r),
-          onUnselectCategory: (f) => e.$emit(e.ListboxMultiSelectOptionsEvent.UNSELECT_CATEGORY, r),
-          onToggleCategoryVisibility: l[1] || (l[1] = (f) => e.$emit(e.ListboxMultiSelectOptionsEvent.TOGGLE_CATEGORY_VISIBILITY, f))
+          onSelectCategory: (m) => e.$emit(e.ListboxMultiSelectOptionsEvent.SELECT_CATEGORY, r),
+          onUnselectCategory: (m) => e.$emit(e.ListboxMultiSelectOptionsEvent.UNSELECT_CATEGORY, r),
+          onToggleCategoryVisibility: l[1] || (l[1] = (m) => e.$emit(e.ListboxMultiSelectOptionsEvent.TOGGLE_CATEGORY_VISIBILITY, m))
         }, {
-          default: k(() => [
-            F(c, {
+          default: _(() => [
+            V(c, {
               "category-items": "",
               items: r.items,
               "is-option-disabled": e.isOptionDisabled,
@@ -1078,7 +1078,7 @@ function Vl(e, l, n, o, a, s) {
               "selected-items-list": e.selectedItemsList,
               searching: e.searching,
               role: e.$attrs.role || "option",
-              onToggleCheckboxSelection: l[0] || (l[0] = (f) => e.toggleCheckboxSelection(f))
+              onToggleCheckboxSelection: l[0] || (l[0] = (m) => e.toggleCheckboxSelection(m))
             }, null, 8, ["items", "is-option-disabled", "items-index", "focused-index", "is-multi-level", "static-categories", "selected-items-list", "searching", "role"])
           ]),
           _: 2
@@ -1091,20 +1091,20 @@ function Vl(e, l, n, o, a, s) {
           "aria-checked": `${e.isOptionSelected(r)}`,
           "aria-disabled": e.isOptionDisabled ? e.isOptionDisabled(r) : null,
           role: e.$attrs.role || "option",
-          onClick: (f) => e.toggleCheckboxSelection(r),
-          onEnterPressed: (f) => e.toggleCheckboxSelection(r),
-          onSpacePressed: Le((f) => e.toggleCheckboxSelection(r), ["prevent"])
+          onClick: (m) => e.toggleCheckboxSelection(r),
+          onEnterPressed: (m) => e.toggleCheckboxSelection(r),
+          onSpacePressed: Ee((m) => e.toggleCheckboxSelection(r), ["prevent"])
         }, {
-          default: k(() => [
-            F(t, {
+          default: _(() => [
+            V(t, {
               disabled: e.isOptionDisabled ? e.isOptionDisabled(r) : null,
               checked: e.isOptionSelected(r)
             }, null, 8, ["disabled", "checked"]),
             j(e.$slots, "default", M({ ref_for: !0 }, r), () => [
               W("span", Fl, [
-                F(i, { el: "span" }, {
-                  default: k(() => [
-                    oe(Y(r.label), 1)
+                V(i, { el: "span" }, {
+                  default: _(() => [
+                    le(Y(r.label), 1)
                   ]),
                   _: 2
                 }, 1024),
@@ -1113,8 +1113,8 @@ function Vl(e, l, n, o, a, s) {
                   class: "b-listbox-multi-select__option-description",
                   el: "span"
                 }, {
-                  default: k(() => [
-                    oe(Y(r.description), 1)
+                  default: _(() => [
+                    le(Y(r.description), 1)
                   ]),
                   _: 2
                 }, 1024)) : J("", !0)
@@ -1127,7 +1127,7 @@ function Vl(e, l, n, o, a, s) {
     ]))), 128))
   ]);
 }
-const zl = /* @__PURE__ */ ee(Nl, [["render", Vl], ["__scopeId", "data-v-237dfc58"]]), Dt = (e) => {
+const zl = /* @__PURE__ */ Q(Nl, [["render", Vl], ["__scopeId", "data-v-237dfc58"]]), Dt = (e) => {
   const l = d(() => !!e.value?.find(({ items: o }) => !!o)), n = d(() => l.value ? e.value?.reduce((o, a) => (a.items ? o.push(...a.items.flat()) : o.push(a), o), []) : e.value);
   return {
     isMultiLevelSelect: l,
@@ -1162,7 +1162,7 @@ const zl = /* @__PURE__ */ ee(Nl, [["render", Vl], ["__scopeId", "data-v-237dfc5
   },
   emits: ["select"],
   setup(e, { expose: l, emit: n }) {
-    const o = e, a = n, { t: s, n: t } = ke({ messages: xt }), i = Ge(), h = dt(), c = d(
+    const o = e, a = n, { t: s, n: t } = De({ messages: xt }), i = Ge(), h = dt(), c = d(
       () => ({
         "aria-label": h["aria-label"]?.toString(),
         "aria-busy": h["aria-busy"]?.toString(),
@@ -1170,81 +1170,81 @@ const zl = /* @__PURE__ */ ee(Nl, [["render", Vl], ["__scopeId", "data-v-237dfc5
         "aria-live": h["aria-live"]?.toString(),
         "aria-multiselectable": !0
       })
-    ), u = w(null), r = w(null), f = w(null), v = w(null), L = d(() => o.selectedValues.map(({ value: S }) => S)), { isMultiLevelSelect: _, flattenedItemsList: g } = Dt(ae(o, "items")), V = d(() => _.value && !o.staticCategories), C = d(() => V.value ? "tree" : "listbox"), I = d(() => V.value ? "treeitem" : "option"), B = (S) => {
-      const T = o.isOptionDisabled(S), O = L.value?.includes(S.value) || !1;
-      return { isDisabled: T, isPreSelected: O };
-    }, D = d(() => {
-      if (o.searching && _)
+    ), u = k(null), r = k(null), m = k(null), b = k(null), T = d(() => o.selectedValues.map(({ value: S }) => S)), { isMultiLevelSelect: D, flattenedItemsList: g } = Dt(oe(o, "items")), z = d(() => D.value && !o.staticCategories), C = d(() => z.value ? "tree" : "listbox"), O = d(() => z.value ? "treeitem" : "option"), R = (S) => {
+      const A = o.isOptionDisabled(S), L = T.value?.includes(S.value) || !1;
+      return { isDisabled: A, isPreSelected: L };
+    }, x = d(() => {
+      if (o.searching && D)
         return o.items;
-      const S = g.value.filter((T) => {
-        const { isDisabled: O, isPreSelected: U } = B(T);
-        return O && U || !O;
+      const S = g.value.filter((A) => {
+        const { isDisabled: L, isPreSelected: U } = R(A);
+        return L && U || !L;
       });
-      return o.selectedValues.forEach((T) => {
-        S.find((O) => O.value === T.value) || S.push(T);
+      return o.selectedValues.forEach((A) => {
+        S.find((L) => L.value === A.value) || S.push(A);
       }), S;
-    }), A = d(
-      () => D.value?.filter((S) => S.items && _.value && o.searching ? S.items.filter(
-        (O) => (o.selectedValues ?? []).includes(O.value)
-      ).length === S.items.length : L.value?.includes(S.value))
-    ), P = () => _.value && !o.searching ? g.value.length : o.items.length, x = d(() => {
-      const S = D.value.length, T = P(), O = A.value?.length || 0;
-      return O === 0 ? s("selectAll", { total: t(S) }) : O === T ? s("allSelected", { total: t(T) }) : O <= T ? s("numberOfTotalSelected", { number: t(O), total: t(T) }) : s("numbersSelected", { number: t(O) });
-    }), $ = (S) => {
-      const T = (U) => {
-        const { isDisabled: q, isPreSelected: Ae } = B(U);
-        return q && Ae || !q;
-      }, O = S.filter(T).filter((U) => !L.value.includes(U.value));
-      a("select", [...o.selectedValues, ...O]);
-    }, z = (S) => {
-      const T = (q) => {
-        const { isDisabled: Ae, isPreSelected: m } = B(q);
-        return !(Ae && m);
-      }, O = S.filter(T).map(({ value: q }) => q), U = o.selectedValues.filter((q) => !O?.includes(q.value));
+    }), $ = d(
+      () => x.value?.filter((S) => S.items && D.value && o.searching ? S.items.filter(
+        (L) => (o.selectedValues ?? []).includes(L.value)
+      ).length === S.items.length : T.value?.includes(S.value))
+    ), F = () => D.value && !o.searching ? g.value.length : o.items.length, B = d(() => {
+      const S = x.value.length, A = F(), L = $.value?.length || 0;
+      return L === 0 ? s("selectAll", { total: t(S) }) : L === A ? s("allSelected", { total: t(A) }) : L <= A ? s("numberOfTotalSelected", { number: t(L), total: t(A) }) : s("numbersSelected", { number: t(L) });
+    }), w = (S) => {
+      const A = (U) => {
+        const { isDisabled: q, isPreSelected: $e } = R(U);
+        return q && $e || !q;
+      }, L = S.filter(A).filter((U) => !T.value.includes(U.value));
+      a("select", [...o.selectedValues, ...L]);
+    }, G = (S) => {
+      const A = (q) => {
+        const { isDisabled: $e, isPreSelected: v } = R(q);
+        return !($e && v);
+      }, L = S.filter(A).map(({ value: q }) => q), U = o.selectedValues.filter((q) => !L?.includes(q.value));
       a("select", U);
-    }, G = () => {
-      $(g.value);
-    }, R = () => {
-      z(g.value);
-    }, { isAllSelected: Q, isIndeterminate: _e, toggleSelectAll: Pe } = wt(
-      A,
-      D,
-      G,
-      R
-    ), De = d(() => _e.value ? "mixed" : `${Q.value}`), X = w(Q.value), re = () => {
+    }, P = () => {
+      w(g.value);
+    }, ne = () => {
+      G(g.value);
+    }, { isAllSelected: I, isIndeterminate: ye, toggleSelectAll: Pe } = wt(
+      $,
+      x,
+      P,
+      ne
+    ), xe = d(() => ye.value ? "mixed" : `${I.value}`), X = k(I.value), re = () => {
       X.value = !X.value, Pe(X.value);
     };
-    Ce(Q, () => {
-      X.value = Q.value;
+    Oe(I, () => {
+      X.value = I.value;
     });
     const Ke = (S) => {
-      $(S.items);
-    }, Te = (S) => {
-      z(S.items);
-    }, ye = (S, T) => {
-      let O = !1;
-      const U = o.selectedValues.filter(({ value: q }) => T.value === q ? (O = !0, !1) : !0);
-      O || U.push(T), a(S, U);
+      w(S.items);
+    }, Ae = (S) => {
+      G(S.items);
+    }, ge = (S, A) => {
+      let L = !1;
+      const U = o.selectedValues.filter(({ value: q }) => A.value === q ? (L = !0, !1) : !0);
+      L || U.push(A), a(S, U);
     }, He = d(() => {
-      if (!_.value)
+      if (!D.value)
         return o.selectedValues;
-      const S = (m) => L.value.includes(m.value), T = (m) => !o.staticCategories && m.every((se) => S(se)), O = o.items.flatMap(
-        (m) => m.items && !T(m.items) ? m.items : m
-      ), U = O.filter((m) => m.items ? !0 : S(m)), q = /* @__PURE__ */ new Set();
-      O.forEach((m) => {
-        q.add(m.value), m.items?.forEach((se) => q.add(se.value));
+      const S = (v) => T.value.includes(v.value), A = (v) => !o.staticCategories && v.every((ae) => S(ae)), L = o.items.flatMap(
+        (v) => v.items && !A(v.items) ? v.items : v
+      ), U = L.filter((v) => v.items ? !0 : S(v)), q = /* @__PURE__ */ new Set();
+      L.forEach((v) => {
+        q.add(v.value), v.items?.forEach((ae) => q.add(ae.value));
       });
-      const Ae = o.selectedValues.filter((m) => !q.has(m.value));
-      return [...U, ...Ae];
+      const $e = o.selectedValues.filter((v) => !q.has(v.value));
+      return [...U, ...$e];
     }), Je = d(() => {
-      const S = ["automatic", "button"].includes(o.lazyLoadType), T = o.selectedValues?.length > 0 && A.value?.length !== g.value?.length;
-      return S && o.hasMoreItems ? !!o.selectedValues?.length : T;
-    }), xe = d(() => ["automatic", "button"].includes(o.lazyLoadType) ? !o.hasMoreItems : !0), ge = w([]), { visibleDomOptions: Fe, updateVisibleDomOptions: Xe } = ut(
+      const S = ["automatic", "button"].includes(o.lazyLoadType), A = o.selectedValues?.length > 0 && $.value?.length !== g.value?.length;
+      return S && o.hasMoreItems ? !!o.selectedValues?.length : A;
+    }), Be = d(() => ["automatic", "button"].includes(o.lazyLoadType) ? !o.hasMoreItems : !0), he = k([]), { visibleDomOptions: Fe, updateVisibleDomOptions: Xe } = ut(
       u,
-      ae(o, "items"),
-      I
+      oe(o, "items"),
+      O
     ), Ze = (S) => {
-      ge.value.includes(S) ? ge.value = ge.value.filter((T) => T !== S) : ge.value.push(S), ne(() => {
+      he.value.includes(S) ? he.value = he.value.filter((A) => A !== S) : he.value.push(S), se(() => {
         Xe();
       });
     }, Qe = (S) => {
@@ -1255,7 +1255,7 @@ const zl = /* @__PURE__ */ ee(Nl, [["render", Vl], ["__scopeId", "data-v-237dfc5
       moveToFirstElement: tt,
       moveToLastElement: qe,
       preventDefault: Ye,
-      focusedIndex: Be,
+      focusedIndex: Re,
       setListboxFocusedIndex: Ve
     } = kt(
       {
@@ -1279,103 +1279,103 @@ const zl = /* @__PURE__ */ ee(Nl, [["render", Vl], ["__scopeId", "data-v-237dfc5
       [H.ARROW_UP]: Ye,
       [H.ARROW_DOWN]: Ye
     }, at = d(() => {
-      let S = xe.value ? 1 : 0;
-      const T = {};
-      return o.items.forEach((O) => {
-        let U = ge.value.includes(O.value);
-        O.items ? (o.staticCategories ? U = !0 : T[O.value] = S++, U && O.items.forEach((q) => T[q.value] = S++)) : T[O.value] = S++;
-      }), T;
+      let S = Be.value ? 1 : 0;
+      const A = {};
+      return o.items.forEach((L) => {
+        let U = he.value.includes(L.value);
+        L.items ? (o.staticCategories ? U = !0 : A[L.value] = S++, U && L.items.forEach((q) => A[q.value] = S++)) : A[L.value] = S++;
+      }), A;
     });
-    return (S, T) => (p(), E("div", {
+    return (S, A) => (p(), E("div", {
       ref_key: "listboxRef",
       ref: u,
       class: "b-listbox-multi-select"
     }, [
       Je.value ? (p(), E("div", Gl, [
         ue((p(), E("ul", M({ class: "b-listbox-multi-select__chips" }, ie(ot, !0)), [
-          (p(!0), E(pe, null, le(He.value, (O) => (p(), E("li", {
-            key: O.value
+          (p(!0), E(pe, null, te(He.value, (L) => (p(), E("li", {
+            key: L.value
           }, [
-            F(b(Xt), {
+            V(f(Qt), {
               ref_for: !0,
               ref_key: "selectedListboxItemsRef",
-              ref: f,
-              disabled: S.isOptionDisabled(O),
-              label: O.label,
+              ref: m,
+              disabled: S.isOptionDisabled(L),
+              label: L.label,
               condensed: "",
-              onClick: (U) => O.items ? Te(O) : ye("select", O)
+              onClick: (U) => L.items ? Ae(L) : ge("select", L)
             }, null, 8, ["disabled", "label", "onClick"])
           ]))), 128))
         ], 16)), [
-          [b(ze)]
+          [f(ze)]
         ]),
-        T[4] || (T[4] = W("hr", {
+        A[4] || (A[4] = W("hr", {
           class: "b-listbox-multi-select__divider",
           "aria-hidden": "true"
         }, null, -1))
       ])) : J("", !0),
       ue((p(), E("div", M(c.value, { role: C.value }, ie(lt, !0)), [
-        xe.value ? (p(), N(b(je), {
+        Be.value ? (p(), N(f(je), {
           key: 0,
           ref_key: "selectAllListboxItemsRef",
           ref: r,
           class: "b-listbox-multi-select__option",
-          tabindex: b(Be) === 0 ? 0 : -1,
-          "aria-selected": De.value !== "false",
-          "aria-checked": De.value,
-          role: I.value,
+          tabindex: f(Re) === 0 ? 0 : -1,
+          "aria-selected": xe.value !== "false",
+          "aria-checked": xe.value,
+          role: O.value,
           onClick: re,
           onEnterPressed: re,
-          onSpacePressed: Le(re, ["prevent"])
+          onSpacePressed: Ee(re, ["prevent"])
         }, {
-          default: k(() => [
-            F(b(pt), {
-              checked: b(Q),
-              indeterminate: b(_e)
+          default: _(() => [
+            V(f(pt), {
+              checked: f(I),
+              indeterminate: f(ye)
             }, null, 8, ["checked", "indeterminate"]),
-            F(b(Ie), { el: "span" }, {
-              default: k(() => [
-                oe(Y(x.value), 1)
+            V(f(Te), { el: "span" }, {
+              default: _(() => [
+                le(Y(B.value), 1)
               ]),
               _: 1
             })
           ]),
           _: 1
         }, 8, ["tabindex", "aria-selected", "aria-checked", "role"])) : J("", !0),
-        xe.value ? (p(), E("hr", Ul)) : J("", !0),
-        F(b(zl), {
+        Be.value ? (p(), E("hr", Ul)) : J("", !0),
+        V(f(zl), {
           ref_key: "listboxItemsRef",
-          ref: v,
+          ref: b,
           items: S.items,
           "is-option-disabled": S.isOptionDisabled,
-          "is-multi-level": b(_),
+          "is-multi-level": f(D),
           "static-categories": S.staticCategories,
           searching: S.searching,
-          "selected-items-list": L.value,
-          "focused-index": b(Be),
+          "selected-items-list": T.value,
+          "focused-index": f(Re),
           "items-index": at.value,
-          role: I.value,
-          onToggleCheckboxSelection: T[0] || (T[0] = (O) => ye("select", O)),
+          role: O.value,
+          onToggleCheckboxSelection: A[0] || (A[0] = (L) => ge("select", L)),
           onSelectCategory: Ke,
-          onUnselectCategory: Te,
+          onUnselectCategory: Ae,
           onToggleCategoryVisibility: Ze,
-          onSpacePressed: T[1] || (T[1] = (O) => ye(b(y).SPACE, O)),
-          onTabPressed: T[2] || (T[2] = (O) => ye(b(y).TAB, O)),
-          onEnterPressed: T[3] || (T[3] = (O) => ye(b(y).ENTER, O))
+          onSpacePressed: A[1] || (A[1] = (L) => ge(f(y).SPACE, L)),
+          onTabPressed: A[2] || (A[2] = (L) => ge(f(y).TAB, L)),
+          onEnterPressed: A[3] || (A[3] = (L) => ge(f(y).ENTER, L))
         }, ve({ _: 2 }, [
-          le(b(i), (O, U) => ({
+          te(f(i), (L, U) => ({
             name: U,
-            fn: k((q) => [
-              j(S.$slots, U, ce(Se(q)), void 0, !0)
+            fn: _((q) => [
+              j(S.$slots, U, ce(Ce(q)), void 0, !0)
             ])
           }))
         ]), 1032, ["items", "is-option-disabled", "is-multi-level", "static-categories", "searching", "selected-items-list", "focused-index", "items-index", "role"])
       ], 16, Kl)), [
-        [b(ze)]
+        [f(ze)]
       ])
     ], 512));
   }
-}), ht = /* @__PURE__ */ ee(Yl, [["__scopeId", "data-v-dc9c0984"]]), Bt = (e, l = 300) => {
+}), ht = /* @__PURE__ */ Q(Yl, [["__scopeId", "data-v-dc9c0984"]]), Bt = (e, l = 300) => {
   let n;
   return (...a) => {
     n && clearTimeout(n), n = setTimeout(() => e(...a), l);
@@ -1394,12 +1394,12 @@ const zl = /* @__PURE__ */ ee(Nl, [["render", Vl], ["__scopeId", "data-v-237dfc5
 }, Wl = 36, jl = Z({
   name: "bento-listbox",
   components: {
-    BentoEmptyState: Wt,
+    BentoEmptyState: Ht,
     BentoListboxSingleSelect: Ol,
     BentoListboxMultiSelect: ht,
-    BentoTypography: Ie,
-    BentoLoadingIndicator: Yt,
-    BentoLoadingButton: Zt
+    BentoTypography: Te,
+    BentoLoadingIndicator: jt,
+    BentoLoadingButton: el
   },
   directives: { BentoKeyboardNavigationDirective: ze },
   i18n: { messages: St },
@@ -1458,8 +1458,8 @@ const zl = /* @__PURE__ */ ee(Nl, [["render", Vl], ["__scopeId", "data-v-237dfc5
      */
     lazyLoadType: {
       type: String,
-      default: Ee.NONE,
-      validator: (e) => Object.values(Ee).includes(e)
+      default: Le.NONE,
+      validator: (e) => Object.values(Le).includes(e)
     },
     /**
      * Indicates the listbox is loading filtered items.
@@ -1511,90 +1511,90 @@ const zl = /* @__PURE__ */ ee(Nl, [["render", Vl], ["__scopeId", "data-v-237dfc5
     y.TAB
   ],
   setup(e, { emit: l, slots: n }) {
-    const o = w([]), a = ae(e, "items"), { t: s } = ke({ messages: St }), t = d(() => e.lazyLoadType !== Ee.AUTOMATIC), i = d(() => e.lazyLoadType === Ee.AUTOMATIC), h = () => typeof e?.virtualScroll == "object" && e?.virtualScroll?.itemHeight ? e.virtualScroll.itemHeight : Wl, c = !e?.multiple && e?.virtualScroll !== !1 && e?.lazyLoadType === "none", {
+    const o = k([]), a = oe(e, "items"), { t: s } = De({ messages: St }), t = d(() => e.lazyLoadType !== Le.AUTOMATIC), i = d(() => e.lazyLoadType === Le.AUTOMATIC), h = () => typeof e?.virtualScroll == "object" && e?.virtualScroll?.itemHeight ? e.virtualScroll.itemHeight : Wl, c = !e?.multiple && e?.virtualScroll !== !1 && e?.lazyLoadType === "none", {
       containerRef: u,
       containerProps: r,
-      onScroll: f,
-      list: v,
-      wrapperProps: L,
-      scrollToIndex: _,
+      onScroll: m,
+      list: b,
+      wrapperProps: T,
+      scrollToIndex: D,
       startIndex: g
     } = sl(a, {
       itemHeight: h(),
       // Disable virtual scrolling if not enabled or if lazy loading is enabled or if multi-select
       disabled: !c
-    }), V = d(() => c ? a.value.length : 0), C = d(
+    }), z = d(() => c ? a.value.length : 0), C = d(
       () => e.componentLoading !== void 0 || t.value ? "true" : void 0
-    ), I = d(
+    ), O = d(
       () => t.value && e.loading || e.componentLoading ? "true" : "false"
-    ), B = d(
+    ), R = d(
       () => t.value || e.componentLoading !== void 0 ? "polite" : void 0
-    ), D = d(
+    ), x = d(
       () => ({
         "aria-label": e.ariaLabel,
-        "aria-busy": I.value,
+        "aria-busy": O.value,
         "aria-atomic": C.value,
-        "aria-live": B.value
+        "aria-live": R.value
       })
-    ), A = d(
+    ), $ = d(
       () => e.componentLoading ? {
-        ...D.value,
+        ...x.value,
         role: "alert"
       } : {}
-    ), P = (X) => (re) => {
+    ), F = (X) => (re) => {
       l(X, re);
-    }, x = () => {
+    }, B = () => {
       l(y.SHOW_MORE);
-    }, $ = Bt(() => {
+    }, w = Bt(() => {
       const X = u.value;
       if (!X)
         return;
       const re = Math.round(X.scrollTop) + X.clientHeight >= X.scrollHeight;
-      e.hasMoreItems && re && !e.loading && x();
-    }), z = () => {
-      i.value ? $() : f();
-    }, G = d(() => e.items?.length === 0), R = d(
-      () => e.lazyLoadType === Ee.BUTTON && e.hasMoreItems
-    ), Q = d(
+      e.hasMoreItems && re && !e.loading && B();
+    }), G = () => {
+      i.value ? w() : m();
+    }, P = d(() => e.items?.length === 0), ne = d(
+      () => e.lazyLoadType === Le.BUTTON && e.hasMoreItems
+    ), I = d(
       () => e.loading ? ft.LOADING : ft.START
-    ), _e = d(() => e.loading ? s("loading") : s("showMore")), Pe = d(() => ({
+    ), ye = d(() => e.loading ? s("loading") : s("showMore")), Pe = d(() => ({
       ...e.emptyState,
       variant: "condensed"
-    })), De = {
-      [y.SELECT]: P(y.SELECT),
-      [y.SPACE]: P(y.SPACE),
-      [y.TAB]: P(y.TAB),
-      [y.ENTER]: P(y.ENTER)
+    })), xe = {
+      [y.SELECT]: F(y.SELECT),
+      [y.SPACE]: F(y.SPACE),
+      [y.TAB]: F(y.TAB),
+      [y.ENTER]: F(y.ENTER)
     };
     return {
       // Refs
       listboxRef: u,
       listboxItemRef: o,
       // a11y
-      ariaAttributes: D,
-      listboxContainerAttributes: A,
+      ariaAttributes: x,
+      listboxContainerAttributes: $,
       // Values
       containerProps: r,
-      isSearchResultEmpty: G,
+      isSearchResultEmpty: P,
       limitedEmptyStateProps: Pe,
-      loadingButtonState: Q,
+      loadingButtonState: I,
       slots: n,
-      shouldDisplayShowMoreButton: R,
-      showMoreButtonText: _e,
-      virtualisedItems: v,
-      wrapperProps: L,
+      shouldDisplayShowMoreButton: ne,
+      showMoreButtonText: ye,
+      virtualisedItems: b,
+      wrapperProps: T,
       // Virtual scroll
-      totalItemCount: V,
-      scrollToIndex: _,
+      totalItemCount: z,
+      scrollToIndex: D,
       virtualScrollStartIndex: g,
       // Enums
       BentoKeyboardNavigationKeyDownEvent: H,
       BentoListboxEvent: y,
       // Methods
-      onListboxContainerScroll: z,
-      onOptionSelected: P,
-      emitShowMore: x,
-      listboxListeners: De
+      onListboxContainerScroll: G,
+      onOptionSelected: F,
+      emitShowMore: B,
+      listboxListeners: xe
     };
   }
 }), Hl = ["id"], Jl = {
@@ -1611,7 +1611,7 @@ const zl = /* @__PURE__ */ ee(Nl, [["render", Vl], ["__scopeId", "data-v-237dfc5
   class: "b-listbox__lazy-load"
 };
 function eo(e, l, n, o, a, s) {
-  const t = K("bento-loading-indicator"), i = K("bento-empty-state"), h = K("bento-typography"), c = K("bento-listbox-multi-select"), u = K("bento-listbox-single-select"), r = K("bento-loading-button"), f = Ot("bento-keyboard-navigation-directive");
+  const t = K("bento-loading-indicator"), i = K("bento-empty-state"), h = K("bento-typography"), c = K("bento-listbox-multi-select"), u = K("bento-listbox-single-select"), r = K("bento-loading-button"), m = Ot("bento-keyboard-navigation-directive");
   return ue((p(), E("div", M({
     id: e.id,
     ref: "listboxRef",
@@ -1620,18 +1620,18 @@ function eo(e, l, n, o, a, s) {
   }, e.listboxContainerAttributes, {
     style: e.containerProps?.style,
     "data-testid": "listbox-container",
-    onScroll: l[0] || (l[0] = (...v) => e.onListboxContainerScroll && e.onListboxContainerScroll(...v))
+    onScroll: l[0] || (l[0] = (...b) => e.onListboxContainerScroll && e.onListboxContainerScroll(...b))
   }), [
-    W("div", ce(Se(e.wrapperProps)), [
+    W("div", ce(Ce(e.wrapperProps)), [
       e.componentLoading ? (p(), E("div", Jl, [
-        F(t)
+        V(t)
       ])) : e.isSearchResultEmpty ? (p(), E("div", Xl, [
         e.emptyState ? (p(), N(i, ce(M({ key: 0 }, e.limitedEmptyStateProps)), null, 16)) : (p(), N(h, {
           key: 1,
           el: "span"
         }, {
-          default: k(() => [
-            oe(Y(e.noResultsMessage), 1)
+          default: _(() => [
+            le(Y(e.noResultsMessage), 1)
           ]),
           _: 1
         }))
@@ -1648,10 +1648,10 @@ function eo(e, l, n, o, a, s) {
           searching: e.searching,
           "is-option-disabled": e.isOptionDisabled
         }, ie(e.listboxListeners)), ve({ _: 2 }, [
-          le(e.slots, (v, L) => ({
-            name: L,
-            fn: k((_) => [
-              j(e.$slots, L, ce(Se(_)), void 0, !0)
+          te(e.slots, (b, T) => ({
+            name: T,
+            fn: _((D) => [
+              j(e.$slots, T, ce(Ce(D)), void 0, !0)
             ])
           }))
         ]), 1040, ["has-more-items", "items", "lazy-load-type", "static-categories", "selected-values", "searching", "is-option-disabled"])) : (p(), N(u, M({
@@ -1666,34 +1666,34 @@ function eo(e, l, n, o, a, s) {
           "static-categories": e.staticCategories,
           "is-option-disabled": e.isOptionDisabled
         }, ie(e.listboxListeners)), ve({ _: 2 }, [
-          le(e.slots, (v, L) => ({
-            name: L,
-            fn: k((_) => [
-              j(e.$slots, L, ce(Se(_)), void 0, !0)
+          te(e.slots, (b, T) => ({
+            name: T,
+            fn: _((D) => [
+              j(e.$slots, T, ce(Ce(D)), void 0, !0)
             ])
           }))
         ]), 1040, ["items", "total-item-count", "scroll-to-index", "virtual-scroll-start-index", "selected-value", "static-categories", "is-option-disabled"])),
         e.shouldDisplayShowMoreButton ? (p(), E("div", Zl, [
-          F(r, {
+          V(r, {
             state: e.loadingButtonState,
             variant: "secondary",
             onClickCapture: e.emitShowMore
           }, {
-            default: k(() => [
-              oe(Y(e.showMoreButtonText), 1)
+            default: _(() => [
+              le(Y(e.showMoreButtonText), 1)
             ]),
             _: 1
           }, 8, ["state", "onClickCapture"])
         ])) : e.loading ? (p(), E("div", Ql, [
-          F(t)
+          V(t)
         ])) : J("", !0)
       ], 64))
     ], 16)
   ], 16, Hl)), [
-    [f]
+    [m]
   ]);
 }
-const it = /* @__PURE__ */ ee(jl, [["render", eo], ["__scopeId", "data-v-7026ea79"]]), rt = (e, l) => {
+const it = /* @__PURE__ */ Q(jl, [["render", eo], ["__scopeId", "data-v-7026ea79"]]), rt = (e, l) => {
   for (const n of e) {
     if (n.value === l)
       return n;
@@ -1705,16 +1705,16 @@ const it = /* @__PURE__ */ ee(jl, [["render", eo], ["__scopeId", "data-v-7026ea7
   }
   return null;
 }, to = (e) => typeof e == "object" && e !== null && "value" in e && "label" in e, lo = (e, l, n, o) => {
-  const a = w([]), s = w(), t = (u) => {
+  const a = k([]), s = k(), t = (u) => {
     n.value ? s.value = u.map(({ value: r }) => r) : s.value = u.length > 0 ? u[0].value : null;
   }, i = (u) => {
-    n.value ? s.value = u.map(({ value: r, label: f }) => ({ value: r, label: f })) : s.value = u.length > 0 ? { value: u[0].value, label: u[0].label } : null;
+    n.value ? s.value = u.map(({ value: r, label: m }) => ({ value: r, label: m })) : s.value = u.length > 0 ? { value: u[0].value, label: u[0].label } : null;
   }, h = (u) => {
     a.value = u, o?.value ? i(u) : t(u);
   }, c = () => {
     a.value = [], s.value = null;
   };
-  return Ce(
+  return Oe(
     () => l.value,
     () => {
       if (!l.value && l.value !== 0) {
@@ -1723,20 +1723,20 @@ const it = /* @__PURE__ */ ee(jl, [["render", eo], ["__scopeId", "data-v-7026ea7
       }
       const u = !Array.isArray(l.value), r = [...a.value];
       c();
-      const f = (v) => {
-        if (to(v))
-          a.value.push(v);
+      const m = (b) => {
+        if (to(b))
+          a.value.push(b);
         else {
-          let L = rt(e.value, v);
-          L || (L = rt(r, v)), L || (L = { value: v, label: v.toString() }), a.value.push(L);
+          let T = rt(e.value, b);
+          T || (T = rt(r, b)), T || (T = { value: b, label: b.toString() }), a.value.push(T);
         }
       };
       if (u) {
-        const v = l.value;
-        f(v), o?.value ? i(a.value) : t(a.value);
+        const b = l.value;
+        m(b), o?.value ? i(a.value) : t(a.value);
         return;
       }
-      l.value.forEach(f), o?.value ? i(a.value) : t(a.value);
+      l.value.forEach(m), o?.value ? i(a.value) : t(a.value);
     },
     { immediate: !0 }
   ), {
@@ -1761,8 +1761,8 @@ const bt = {
   "pt-BR": { apply: "Aplicar", cancel: "Cancelar", noOptionsMatchThisSearch: "Nenhuma opção corresponde a esta busca" },
   "zh-CN": { apply: "应用", cancel: "取消", noOptionsMatchThisSearch: "没有符合此搜索条件的选项" }
 }, oo = (e, l, n, o) => {
-  const a = w(e.value), { t: s } = ke({ messages: bt });
-  Ce(e, () => {
+  const a = k(e.value), { t: s } = De({ messages: bt });
+  Oe(e, () => {
     a.value = e.value;
   });
   const t = d(
@@ -1785,30 +1785,30 @@ const bt = {
     }
   ]), r = (C) => {
     a.value = C, l.value || o(y.SELECT, C);
-  }, f = (C) => {
+  }, m = (C) => {
     r(C), o(y.TAB);
-  }, v = (C) => {
+  }, b = (C) => {
     r(C), o(y.ENTER);
-  }, L = (C) => {
+  }, T = (C) => {
     r(C), o(y.SPACE);
-  }, _ = () => {
+  }, D = () => {
     h(), o(y.ESCAPE);
   }, g = () => {
     o(y.SHOW_MORE);
-  }, V = {
+  }, z = {
     [y.SELECT]: r,
     [y.SHOW_MORE]: g,
-    [y.TAB]: f,
-    [y.SPACE]: L,
-    [y.ENTER]: v
+    [y.TAB]: m,
+    [y.SPACE]: T,
+    [y.ENTER]: b
   };
   return {
     // Values
     actions: u,
     internalSelectedValue: a,
     // Methods
-    listeners: V,
-    onEscapeKey: _,
+    listeners: z,
+    onEscapeKey: D,
     onOutsideDropdownClick: c
   };
 }, ao = Z({
@@ -1874,8 +1874,8 @@ const bt = {
      */
     lazyLoadType: {
       type: String,
-      default: Ee.AUTOMATIC,
-      validator: (e) => Object.values(Ee).includes(e)
+      default: Le.AUTOMATIC,
+      validator: (e) => Object.values(Le).includes(e)
     },
     /**
      * Indicates if new options are lazy loading.
@@ -1925,27 +1925,27 @@ const bt = {
     }
   },
   setup(e, { expose: l, emit: n }) {
-    const o = Ge(), a = n, s = e, { selectedValue: t, multiple: i } = Lt(s), h = w(null), { t: c } = ke({ messages: bt }), u = d(() => s.open && !s.disabled), r = d(() => c("noOptionsMatchThisSearch")), f = d(() => ({
+    const o = Ge(), a = n, s = e, { selectedValue: t, multiple: i } = Lt(s), h = k(null), { t: c } = De({ messages: bt }), u = d(() => s.open && !s.disabled), r = d(() => c("noOptionsMatchThisSearch")), m = d(() => ({
       "b-dropdown-options-container--single": !s?.multiple
-    })), v = d(() => ({
+    })), b = d(() => ({
       "b-dropdown-options-container__listbox--single": !s?.multiple
-    })), { actions: L, internalSelectedValue: _, listeners: g, onEscapeKey: V, onOutsideDropdownClick: C } = oo(t, i, u, a), I = d(() => s?.multiple ? Qt : mt), B = d(() => {
-      const D = {
+    })), { actions: T, internalSelectedValue: D, listeners: g, onEscapeKey: z, onOutsideDropdownClick: C } = oo(t, i, u, a), O = d(() => s?.multiple ? tl : mt), R = d(() => {
+      const x = {
         "min-width": `${s?.targetElement?.clientWidth}px`,
         "max-width": "min(500px, 95%)"
       };
       return s?.multiple ? {
         actionsLayout: "space-between",
         ariaLabel: s.ariaLabel,
-        actions: L.value,
+        actions: T.value,
         divider: !0,
         fallbackPosition: ["top-start"],
-        id: Oe(`dropdown-options-${s.id}`),
+        id: Ie(`dropdown-options-${s.id}`),
         open: s.open,
         position: "bottom-start",
         style: {
           width: "auto",
-          ...D
+          ...x
         },
         targetElement: s.targetElement
       } : {
@@ -1954,37 +1954,41 @@ const bt = {
         position: "bottom-start",
         style: {
           display: u.value ? "block" : "none",
-          ...D
+          ...x
         },
         targetElement: s.targetElement
       };
     });
     return l({
       onOutsideDropdownClick: C
-    }), (D, A) => u.value ? (p(), N(It(I.value), M({
+    }), (x, $) => u.value ? (p(), N(It(O.value), M({
       key: 0,
-      class: ["b-dropdown-options-container", f.value]
-    }, B.value), {
-      default: k(() => [
+      class: ["b-dropdown-options-container", m.value]
+    }, R.value), {
+      default: _(() => [
         W("div", {
-          onKeydown: A[0] || (A[0] = me(
-            //@ts-ignore
-            (...P) => b(V) && b(V)(...P),
-            ["esc"]
-          ))
+          onKeydown: [
+            $[0] || ($[0] = Ee(() => {
+            }, ["stop"])),
+            $[1] || ($[1] = me(
+              //@ts-ignore
+              (...F) => f(z) && f(z)(...F),
+              ["esc"]
+            ))
+          ]
         }, [
-          F(b(it), M({
+          V(f(it), M({
             id: e.id,
             ref_key: "dropdownOptionsListboxRef",
             ref: h,
             "aria-label": e.ariaLabel,
-            class: ["b-dropdown-options-container__listbox", v.value],
+            class: ["b-dropdown-options-container__listbox", b.value],
             "component-loading": e.componentLoading,
             "empty-state": e.emptyState,
             "is-option-disabled": e.isOptionDisabled,
             items: e.items,
-            "selected-value": b(_),
-            multiple: b(i),
+            "selected-value": f(D),
+            multiple: f(i),
             "static-categories": e.staticCategories,
             "no-results-message": r.value,
             searching: e.searching,
@@ -1992,11 +1996,11 @@ const bt = {
             "lazy-load-type": e.lazyLoadType,
             "has-more-items": e.hasMoreItems,
             "virtual-scroll": e.virtualScroll
-          }, ie(b(g))), ve({ _: 2 }, [
-            le(b(o), (P, x) => ({
-              name: x,
-              fn: k(($) => [
-                j(D.$slots, x, ce(Se($)), void 0, !0)
+          }, ie(f(g))), ve({ _: 2 }, [
+            te(f(o), (F, B) => ({
+              name: B,
+              fn: _((w) => [
+                j(x.$slots, B, ce(Ce(w)), void 0, !0)
               ])
             }))
           ]), 1040, ["id", "aria-label", "class", "component-loading", "empty-state", "is-option-disabled", "items", "selected-value", "multiple", "static-categories", "no-results-message", "searching", "loading", "lazy-load-type", "has-more-items", "virtual-scroll"])
@@ -2005,8 +2009,8 @@ const bt = {
       _: 3
     }, 16, ["class"])) : J("", !0);
   }
-}), no = /* @__PURE__ */ ee(so, [["__scopeId", "data-v-f5790908"]]);
-var be = /* @__PURE__ */ ((e) => (e.DISABLED = "disabled", e.READONLY = "readonly", e.HAS_ITEMS = "has-items", e.OPENED = "opened", e.ERROR = "error", e))(be || {}), te = /* @__PURE__ */ ((e) => (e.OPEN = "dropdown-base-open", e.KEYDOWN = "dropdown-base-keydown", e.CLOSE = "dropdown-base-close", e.INPUT = "dropdown-base-input", e.CLEAR = "dropdown-base-clear", e))(te || {});
+}), no = /* @__PURE__ */ Q(so, [["__scopeId", "data-v-1768de6e"]]);
+var be = /* @__PURE__ */ ((e) => (e.DISABLED = "disabled", e.READONLY = "readonly", e.HAS_ITEMS = "has-items", e.OPENED = "opened", e.ERROR = "error", e))(be || {}), ee = /* @__PURE__ */ ((e) => (e.OPEN = "dropdown-base-open", e.KEYDOWN = "dropdown-base-keydown", e.CLOSE = "dropdown-base-close", e.INPUT = "dropdown-base-input", e.CLEAR = "dropdown-base-clear", e))(ee || {});
 const io = /* @__PURE__ */ Symbol("dropdown small size injection key"), Rt = /* @__PURE__ */ Symbol("dropdown underline style injection key"), Mt = {
   "de-DE": { clearSearch: "Suche löschen" },
   "en-GB": { clearSearch: "Clear search" },
@@ -2118,16 +2122,16 @@ const io = /* @__PURE__ */ Symbol("dropdown small size injection key"), Rt = /*
     }
   },
   setup(e, { expose: l, emit: n }) {
-    const { t: o } = ke({ messages: Mt }), a = dt(), s = Ge(), t = Tt(s), i = e, h = n, c = w(null), u = Oe("textbox"), r = ct(Rt, !1), f = d(() => ({
+    const { t: o } = De({ messages: Mt }), a = dt(), s = Ge(), t = Tt(s), i = e, h = n, c = k(null), u = Ie("textbox"), r = ct(Rt, !1), m = d(() => ({
       [`b-dropdown-base-textbox--${be.DISABLED}`]: i.disabled,
       [`b-dropdown-base-textbox--${be.READONLY}`]: i.readonly,
       [`b-dropdown-base-textbox--${be.HAS_ITEMS}`]: !!i.additionalItemsSelected,
       "b-dropdown-base-textbox--underline": r
-    })), v = d(
+    })), b = d(
       () => C.value && a["aria-required"] ? "true" : null
-    ), L = d(() => ({
+    ), T = d(() => ({
       "b-dropdown-base-textbox__input--dynamic-filtering": i.dynamicFiltering
-    })), _ = d(() => i.dynamicFiltering && !!i.value && i.open), g = d(
+    })), D = d(() => i.dynamicFiltering && !!i.value && i.open), g = d(
       () => ({
         "aria-haspopup": "listbox",
         "aria-controls": i.ariaControls,
@@ -2139,47 +2143,47 @@ const io = /* @__PURE__ */ Symbol("dropdown small size injection key"), Rt = /*
         "aria-disabled": i.disabled ? !0 : null,
         "aria-required": a["aria-required"]
       })
-    ), V = d(
+    ), z = d(
       () => i.multiple ? i.selectedValueItem : []
-    ), C = d(() => i.dynamicFiltering && (i.open || i.alwaysComboboxIsInput)), I = d(() => i.selectedValueItem && !i.multiple), B = d(
-      () => i.multiple && i.selectedValueItem && V.value.length > 0 && i.showSlotContentInMultiple
+    ), C = d(() => i.dynamicFiltering && (i.open || i.alwaysComboboxIsInput)), O = d(() => i.selectedValueItem && !i.multiple), R = d(
+      () => i.multiple && i.selectedValueItem && z.value.length > 0 && i.showSlotContentInMultiple
     );
-    Ce(
+    Oe(
       () => C.value,
       () => {
-        C.value && !i.alwaysComboboxIsInput && ne(() => {
+        C.value && !i.alwaysComboboxIsInput && se(() => {
           c.value.focus();
         });
       }
     );
-    const D = async () => {
-      !i.disabled && !i.readonly && (h(te.OPEN), await ne(), c.value.focus());
-    }, A = () => {
-      i.open && (c.value.focus(), h(te.CLOSE));
-    }, P = (G) => i.open && G.target.tagName === "INPUT" ? null : i.open ? A() : D(), x = () => {
-      h(te.CLEAR), h(te.INPUT, ""), c.value.focus();
-    }, $ = (G) => {
-      !i.readonly && !i.disabled ? h(te.INPUT, G.target.value) : (G.preventDefault(), G.stopPropagation());
+    const x = async () => {
+      !i.disabled && !i.readonly && (h(ee.OPEN), await se(), c.value.focus());
+    }, $ = (P) => {
+      i.open && (P && _e(P), c.value.focus(), h(ee.CLOSE));
+    }, F = (P) => i.open && P.target.tagName === "INPUT" ? null : i.open ? $() : x(), B = () => {
+      h(ee.CLEAR), h(ee.INPUT, ""), c.value.focus();
+    }, w = (P) => {
+      !i.readonly && !i.disabled ? h(ee.INPUT, P.target.value) : (P.preventDefault(), P.stopPropagation());
     };
     return l({
       focus: () => {
         c.value.focus();
       }
-    }), (G, R) => (p(), E("div", {
-      class: fe(G.$attrs.class),
+    }), (P, ne) => (p(), E("div", {
+      class: fe(P.$attrs.class),
       "data-testid": "textbox-wrapper",
-      onClick: P,
-      onKeydown: me(A, ["escape"])
+      onClick: F,
+      onKeydown: me($, ["escape"])
     }, [
-      F(b(Ie), {
-        class: fe(["b-dropdown-base-textbox", f.value]),
-        variant: b(r) ? "title" : "body",
+      V(f(Te), {
+        class: fe(["b-dropdown-base-textbox", m.value]),
+        variant: f(r) ? "title" : "body",
         el: "div",
         "data-testid": "base-textbox"
       }, {
-        default: k(() => [
+        default: _(() => [
           C.value ? (p(), E("input", M({ key: 0 }, g.value, {
-            id: b(u),
+            id: f(u),
             ref_key: "textbox",
             ref: c,
             class: "b-dropdown-base-textbox__input",
@@ -2190,60 +2194,60 @@ const io = /* @__PURE__ */ Symbol("dropdown small size injection key"), Rt = /*
             value: e.open ? e.value : e.displayValue,
             disabled: e.disabled ? !0 : null,
             readonly: e.readonly,
-            required: v.value,
+            required: b.value,
             onKeydown: [
-              R[0] || (R[0] = (Q) => G.$emit(b(te).KEYDOWN, Q)),
-              me(P, ["enter"])
+              ne[0] || (ne[0] = (I) => P.$emit(f(ee).KEYDOWN, I)),
+              me(F, ["enter"])
             ],
-            onInput: $
+            onInput: w
           }), null, 16, ro)) : (p(), E("div", M({
             key: 1,
-            id: b(u)
+            id: f(u)
           }, g.value, {
             ref_key: "textbox",
             ref: c,
-            class: ["b-dropdown-base-textbox__input", L.value],
+            class: ["b-dropdown-base-textbox__input", T.value],
             "aria-readonly": e.readonly ? "true" : null,
             role: "combobox",
             tabindex: e.disabled ? -1 : 0
           }), [
-            I.value ? (p(), E(pe, { key: 0 }, [
-              b(t)("display-value") ? j(G.$slots, "display-value", ce(M({ key: 0 }, e.selectedValueItem)), void 0, !0) : j(G.$slots, "default", ce(M({ key: 1 }, e.selectedValueItem)), () => [
-                oe(Y(e.displayValue), 1)
+            O.value ? (p(), E(pe, { key: 0 }, [
+              f(t)("display-value") ? j(P.$slots, "display-value", ce(M({ key: 0 }, e.selectedValueItem)), void 0, !0) : j(P.$slots, "default", ce(M({ key: 1 }, e.selectedValueItem)), () => [
+                le(Y(e.displayValue), 1)
               ], !0)
-            ], 64)) : B.value ? (p(), E("div", uo, [
-              (p(!0), E(pe, null, le(V.value, (Q) => (p(), E("div", {
-                key: Q.value
+            ], 64)) : R.value ? (p(), E("div", uo, [
+              (p(!0), E(pe, null, te(z.value, (I) => (p(), E("div", {
+                key: I.value
               }, [
                 W("div", po, [
-                  j(G.$slots, "default", M({ ref_for: !0 }, Q), () => [
-                    oe(Y(e.displayValue), 1)
+                  j(P.$slots, "default", M({ ref_for: !0 }, I), () => [
+                    le(Y(e.displayValue), 1)
                   ], !0)
                 ])
               ]))), 128))
             ])) : (p(), E(pe, { key: 2 }, [
-              oe(Y(e.displayValue), 1)
+              le(Y(e.displayValue), 1)
             ], 64))
           ], 16, co)),
           e.additionalItemsSelected ? (p(), E("span", bo, Y(e.additionalItemsSelected), 1)) : J("", !0),
-          b(t)("icon") && !_.value ? (p(), E("span", fo, [
-            j(G.$slots, "icon", {}, void 0, !0)
+          f(t)("icon") && !D.value ? (p(), E("span", fo, [
+            j(P.$slots, "icon", {}, void 0, !0)
           ])) : J("", !0),
-          _.value ? (p(), E("span", {
+          D.value ? (p(), E("span", {
             key: 4,
             class: "b-dropdown-base-textbox__clear-search",
             tabindex: e.disabled ? -1 : 0,
             "data-testid": "clear-search-button",
-            onClick: Le(x, ["stop"]),
-            onKeydown: me(Le(x, ["stop"]), ["enter"]),
-            onKeyup: me(x, ["space"])
+            onClick: Ee(B, ["stop"]),
+            onKeydown: me(Ee(B, ["stop"]), ["enter"]),
+            onKeyup: me(B, ["space"])
           }, [
-            e.size === b(Me).SMALL ? (p(), N(b(al), {
+            e.size === f(Me).SMALL ? (p(), N(f(Kt), {
               key: 0,
-              "svg-title": b(o)("clearSearch")
-            }, null, 8, ["svg-title"])) : (p(), N(b(ol), {
+              "svg-title": f(o)("clearSearch")
+            }, null, 8, ["svg-title"])) : (p(), N(f(Gt), {
               key: 1,
-              "svg-title": b(o)("clearSearch")
+              "svg-title": f(o)("clearSearch")
             }, null, 8, ["svg-title"]))
           ], 40, mo)) : J("", !0)
         ]),
@@ -2251,7 +2255,7 @@ const io = /* @__PURE__ */ Symbol("dropdown small size injection key"), Rt = /*
       }, 8, ["class", "variant"])
     ], 34));
   }
-}), Nt = /* @__PURE__ */ ee(yo, [["__scopeId", "data-v-d9e852a4"]]), go = { class: "b-dropdown-default-textbox__chevron" }, ho = Z({
+}), Nt = /* @__PURE__ */ Q(yo, [["__scopeId", "data-v-648ab3b5"]]), go = { class: "b-dropdown-default-textbox__chevron" }, ho = Z({
   name: "dropdown-default-textbox",
   inheritAttrs: !1
 }), So = /* @__PURE__ */ Z({
@@ -2343,7 +2347,7 @@ const io = /* @__PURE__ */ Symbol("dropdown small size injection key"), Rt = /*
   },
   emits: ["clear", "close", "input", "keydown", "open"],
   setup(e, { expose: l, emit: n }) {
-    const o = n, a = Ge(), s = e, t = w(null), i = d(() => ({
+    const o = n, a = Ge(), s = e, t = k(null), i = d(() => ({
       [`b-dropdown-default-textbox--${be.ERROR}`]: !s.disabled && !s.readonly && s.isInvalid,
       [`b-dropdown-default-textbox--${be.DISABLED}`]: s.disabled,
       [`b-dropdown-default-textbox--${be.READONLY}`]: s.readonly,
@@ -2354,55 +2358,55 @@ const io = /* @__PURE__ */ Symbol("dropdown small size injection key"), Rt = /*
     }, u = (g) => {
       o("keydown", g);
     }, r = (g) => {
-      Re(g), o("open");
-    }, f = (g) => {
-      Re(g), o("close");
-    }, v = (g) => {
-      Re(g), o("clear");
-    }, L = {
-      [te.INPUT]: c,
-      [te.OPEN]: r,
-      [te.CLOSE]: f,
-      [te.CLEAR]: v,
-      [te.KEYDOWN]: u
+      _e(g), o("open");
+    }, m = (g) => {
+      _e(g), o("close");
+    }, b = (g) => {
+      _e(g), o("clear");
+    }, T = {
+      [ee.INPUT]: c,
+      [ee.OPEN]: r,
+      [ee.CLOSE]: m,
+      [ee.CLEAR]: b,
+      [ee.KEYDOWN]: u
     };
     return l({
       focus: () => {
         t.value.focus();
       }
-    }), (g, V) => (p(), E("div", {
+    }), (g, z) => (p(), E("div", {
       class: fe(["b-dropdown-default-textbox", i.value]),
       "data-testid": "default-textbox"
     }, [
-      F(Nt, M({
+      V(Nt, M({
         ref_key: "baseTextbox",
         ref: t
       }, { ...g.$attrs, ...g.$props }, {
         class: "b-dropdown-default-textbox__textbox",
         value: e.value
-      }, ie(L)), ve({
-        icon: k(() => [
+      }, ie(T)), ve({
+        icon: _(() => [
           W("div", go, [
-            ue(F(b($t), { "svg-title": "opened" }, null, 512), [
+            ue(V(f($t), { "svg-title": "opened" }, null, 512), [
               [Ne, h.value]
             ]),
-            ue(F(b(At), { "svg-title": "closed" }, null, 512), [
+            ue(V(f(At), { "svg-title": "closed" }, null, 512), [
               [Ne, !h.value]
             ])
           ])
         ]),
         _: 2
       }, [
-        le(b(a), (C, I) => ({
-          name: I,
-          fn: k((B) => [
-            j(g.$slots, I, ce(Se(B ?? {})), void 0, !0)
+        te(f(a), (C, O) => ({
+          name: O,
+          fn: _((R) => [
+            j(g.$slots, O, ce(Ce(R ?? {})), void 0, !0)
           ])
         }))
       ]), 1040, ["value"])
     ], 2));
   }
-}), Co = /* @__PURE__ */ ee(So, [["__scopeId", "data-v-c3e3ce21"]]);
+}), Co = /* @__PURE__ */ Q(So, [["__scopeId", "data-v-c3e3ce21"]]);
 let Ct = 0;
 const Eo = {
   beforeCreate() {
@@ -2424,7 +2428,7 @@ function Lo(e, l, n, o, a, s) {
     }, null, -1))
   ], 16);
 }
-const Io = /* @__PURE__ */ ee(Eo, [["render", Lo]]);
+const Io = /* @__PURE__ */ Q(Eo, [["render", Lo]]);
 let Et = 0;
 const To = {
   beforeCreate() {
@@ -2446,7 +2450,7 @@ function $o(e, l, n, o, a, s) {
     }, null, -1))
   ], 16);
 }
-const wo = /* @__PURE__ */ ee(To, [["render", $o]]), ko = { class: "b-dropdown-small-textbox__chevron" }, _o = Z({
+const wo = /* @__PURE__ */ Q(To, [["render", $o]]), ko = { class: "b-dropdown-small-textbox__chevron" }, _o = Z({
   name: "dropdown-small-textbox",
   inheritAttrs: !1
 }), Do = /* @__PURE__ */ Z({
@@ -2507,7 +2511,7 @@ const wo = /* @__PURE__ */ ee(To, [["render", $o]]), ko = { class: "b-dropdown-s
   },
   emits: ["clear", "close", "input", "keydown", "open"],
   setup(e, { expose: l, emit: n }) {
-    const o = n, a = e, s = w(null), t = ct(Rt, !1), i = d(() => ({
+    const o = n, a = e, s = k(null), t = ct(Rt, !1), i = d(() => ({
       [`b-dropdown-small-textbox--${be.DISABLED}`]: a.disabled,
       [`b-dropdown-small-textbox--${be.READONLY}`]: a.readonly,
       [`b-dropdown-small-textbox--${be.OPENED}`]: a.open,
@@ -2517,38 +2521,38 @@ const wo = /* @__PURE__ */ ee(To, [["render", $o]]), ko = { class: "b-dropdown-s
     }, u = (g) => {
       o("keydown", g);
     }, r = (g) => {
-      Re(g), o("open");
-    }, f = (g) => {
-      Re(g), o("close");
-    }, v = (g) => {
-      Re(g), o("clear");
-    }, L = {
-      [te.INPUT]: c,
-      [te.OPEN]: r,
-      [te.CLOSE]: f,
-      [te.CLEAR]: v,
-      [te.KEYDOWN]: u
+      _e(g), o("open");
+    }, m = (g) => {
+      _e(g), o("close");
+    }, b = (g) => {
+      _e(g), o("clear");
+    }, T = {
+      [ee.INPUT]: c,
+      [ee.OPEN]: r,
+      [ee.CLOSE]: m,
+      [ee.CLEAR]: b,
+      [ee.KEYDOWN]: u
     };
     return l({
       focus: () => {
         s.value.focus();
       }
-    }), (g, V) => (p(), E("div", {
+    }), (g, z) => (p(), E("div", {
       class: fe(["b-dropdown-small-textbox", i.value])
     }, [
-      F(Nt, M({
+      V(Nt, M({
         ref_key: "baseTextbox",
         ref: s
       }, { ...g.$attrs, ...g.$props }, {
         class: "b-dropdown-small-textbox__textbox",
-        size: b(Me).SMALL
-      }, ie(L)), {
-        icon: k(() => [
+        size: f(Me).SMALL
+      }, ie(T)), {
+        icon: _(() => [
           W("div", ko, [
-            ue(F(b(wo), { "svg-title": "opened" }, null, 512), [
+            ue(V(f(wo), { "svg-title": "opened" }, null, 512), [
               [Ne, h.value]
             ]),
-            ue(F(b(Io), { "svg-title": "closed" }, null, 512), [
+            ue(V(f(Io), { "svg-title": "closed" }, null, 512), [
               [Ne, !h.value]
             ])
           ])
@@ -2557,7 +2561,7 @@ const wo = /* @__PURE__ */ ee(To, [["render", $o]]), ko = { class: "b-dropdown-s
       }, 16, ["size"])
     ], 2));
   }
-}), xo = /* @__PURE__ */ ee(Do, [["__scopeId", "data-v-5fe55c74"]]), Bo = (e, l) => l.value.reduce((n, o) => {
+}), xo = /* @__PURE__ */ Q(Do, [["__scopeId", "data-v-5fe55c74"]]), Bo = (e, l) => l.value.reduce((n, o) => {
   if (o.items) {
     const a = o.items.filter(
       (t) => e.value.find((i) => i.value === t.value)
@@ -2583,58 +2587,60 @@ const wo = /* @__PURE__ */ ee(To, [["render", $o]]), ko = { class: "b-dropdown-s
   totalItemCount: i,
   isVirtualScroll: h
 }, c, u, r) => {
-  const f = async (R) => {
-    a.value && await ne(), s.value[R]?.focus();
-  }, v = async (R) => {
-    a.value && await ne();
-    const Q = l.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef?.$el.querySelectorAll(
+  const m = async (I) => {
+    a.value && await se(), s.value[I]?.focus();
+  }, b = async (I) => {
+    a.value && await se();
+    const ye = l.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef?.$el.querySelectorAll(
       "button"
     );
-    Q?.length ? Q[R]?.focus() : f(R);
-  }, L = (R) => l.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef?.setListboxFocusedIndex(
-    R
-  ), _ = async (R) => {
-    await l.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef?.navigateToItem(R);
-  }, g = (R) => {
-    ne(() => {
-      h ? _(R) : (L(R), f(R));
+    ye?.length ? ye[I]?.focus() : m(I);
+  }, T = (I) => l.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef?.setListboxFocusedIndex(
+    I
+  ), D = async (I) => {
+    await l.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef?.navigateToItem(I);
+  }, g = (I) => {
+    se(() => {
+      h ? D(I) : (T(I), m(I));
     });
-  }, V = () => {
+  }, z = () => {
     o.value || u(), g(0);
   }, C = () => {
-    o.value || u(), ne(() => {
+    o.value || u(), se(() => {
       g(h ? i.value - 1 : s.value.length - 1);
     });
-  }, I = ({ detail: R }) => {
-    R.preventDefault(), V();
-  }, B = ({ detail: R }) => {
-    R.preventDefault(), C();
-  }, D = () => {
-    V();
-  }, A = () => {
-    C();
-  }, P = ({ detail: R }) => {
-    R.preventDefault(), c(), o.value && (t ? v(0) : g(n.value));
-  }, x = ({ detail: R }) => {
-    R.preventDefault(), c(), o.value && (t ? v(0) : g(n.value));
-  }, $ = () => {
-    o.value && r();
-  }, z = () => {
-    o.value && (r(), Pt(e));
+  }, O = (I) => {
+    I.preventDefault(), I.stopPropagation();
+  }, R = ({ detail: I }) => {
+    O(I), z();
+  }, x = ({ detail: I }) => {
+    O(I), C();
+  }, $ = ({ detail: I }) => {
+    O(I), z();
+  }, F = ({ detail: I }) => {
+    O(I), C();
+  }, B = ({ detail: I }) => {
+    O(I), c(), o.value && (t ? b(0) : g(n.value));
+  }, w = ({ detail: I }) => {
+    O(I), c(), o.value && (t ? b(0) : g(n.value));
+  }, G = ({ detail: I }) => {
+    I.stopPropagation(), o.value && r();
+  }, P = ({ detail: I }) => {
+    I.stopPropagation(), o.value && (r(), Pt(e));
   };
   return d(() => ({
-    [H.ARROW_DOWN]: I,
-    [H.ARROW_UP]: B,
-    [H.HOME]: D,
-    [H.END]: A,
-    ...a.value ? {} : { [H.SPACE]: P },
-    [H.ENTER]: x,
-    ...a.value ? {} : { [H.TAB]: $ },
-    [H.ESCAPE]: z
+    [H.ARROW_DOWN]: R,
+    [H.ARROW_UP]: x,
+    [H.HOME]: $,
+    [H.END]: F,
+    ...a.value ? {} : { [H.SPACE]: B },
+    [H.ENTER]: w,
+    ...a.value ? {} : { [H.TAB]: G },
+    [H.ESCAPE]: P
   }));
 }, No = ({ inputContainerRef: e, isDropdownOpen: l }, n) => {
   const o = () => {
-    l.value && n(), ne(() => {
+    l.value && n(), se(() => {
       Pt(e);
     });
   };
@@ -2646,8 +2652,8 @@ const wo = /* @__PURE__ */ ee(To, [["render", $o]]), ko = { class: "b-dropdown-s
   };
 };
 function Po(e, l, n, o, a) {
-  const s = w(e), t = w(l), i = (u, r = []) => r.flatMap((f) => f.label.toLocaleLowerCase().includes(u) ? o?.value && f.items ? [...i(u, f.items)] : [f, ...i(u, f.items)] : f.items ? [...i(u, f.items)] : []), h = n !== void 0 ? Bt(() => n(s.value), a ?? 300) : void 0;
-  return Ce(s, () => {
+  const s = k(e), t = k(l), i = (u, r = []) => r.flatMap((m) => m.label.toLocaleLowerCase().includes(u) ? o?.value && m.items ? [...i(u, m.items)] : [m, ...i(u, m.items)] : m.items ? [...i(u, m.items)] : []), h = n !== void 0 ? Bt(() => n(s.value), a ?? 300) : void 0;
+  return Oe(s, () => {
     h !== void 0 && h();
   }), d(() => {
     if (!s.value || n !== void 0)
@@ -2711,109 +2717,109 @@ const Ft = {
   },
   emits: ["input", "update:model-value", "show-more", "open"],
   setup(e, { expose: l, emit: n }) {
-    const o = dt(), a = Ge(), s = Tt(a), t = e, i = n, { t: h } = ke({ messages: Ft }), { emitValue: c } = Kt(i), u = w(null), r = w(null), f = w(null), v = w(!1), L = Oe("bento-dropdown-options-container"), _ = Oe("dropdown-label"), g = Oe("dropdown-description"), V = Oe("dropdown-error"), { isReadOnly: C } = Ut(ae(t, "readonly")), I = d(() => t.modelValue ?? t.value), { cachedSelectedListboxOptions: B, cachedListboxSelectedValues: D, setCachedValues: A } = lo(
-      ae(t, "items"),
-      I,
-      ae(t, "multiple"),
-      ae(t, "enableValueLabelPair")
-    ), P = w(o["aria-label"]), x = w(o["aria-describedby"]), { ariaLabel: $, label: z } = Lt(t), G = d(() => h("ariaLabelFallback")), R = Gt({
+    const o = dt(), a = Ge(), s = Tt(a), t = e, i = n, { t: h } = De({ messages: Ft }), { emitValue: c } = qt(i), u = k(null), r = k(null), m = k(null), b = k(!1), T = Ie("bento-dropdown-options-container"), D = Ie("dropdown-label"), g = Ie("dropdown-description"), z = Ie("dropdown-error"), { isReadOnly: C } = Yt(oe(t, "readonly")), O = d(() => t.modelValue ?? t.value), { cachedSelectedListboxOptions: R, cachedListboxSelectedValues: x, setCachedValues: $ } = lo(
+      oe(t, "items"),
+      O,
+      oe(t, "multiple"),
+      oe(t, "enableValueLabelPair")
+    ), F = k(o["aria-label"]), B = k(o["aria-describedby"]), { ariaLabel: w, label: G } = Lt(t), P = d(() => h("ariaLabelFallback")), ne = Ut({
       // TODO: take ariaLabel ref away when aria-label prop is removed
-      ariaLabel: $.value || P,
-      label: z,
-      defaultFallback: G
-    }), Q = t.size === Me.SMALL || ct(io, !1), _e = d(() => Q ? Me.SMALL : Me.DEFAULT), Pe = d(() => ({
+      ariaLabel: w.value || F,
+      label: G,
+      defaultFallback: P
+    }), I = t.size === Me.SMALL || ct(io, !1), ye = d(() => I ? Me.SMALL : Me.DEFAULT), Pe = d(() => ({
       "b-dropdown--condensed": t.condensed
-    })), De = d(() => ({
+    })), xe = d(() => ({
       "b-dropdown__description--error": !!t.errorMessage
-    })), X = w(""), re = ae(t, "items"), Ke = ae(t, "staticCategories"), Te = Po(
+    })), X = k(""), re = oe(t, "items"), Ke = oe(t, "staticCategories"), Ae = Po(
       X,
       re,
       t?.search?.searchEvent,
       Ke,
       t?.search?.debounceTime
-    ), ye = d(() => t.dynamicFiltering && !!X.value), He = Ro({
+    ), ge = d(() => t.dynamicFiltering && !!X.value), He = Ro({
       items: re,
-      placeholder: ae(t, "placeholder"),
-      isMultiSelect: ae(t, "multiple"),
-      selectedValues: B
+      placeholder: oe(t, "placeholder"),
+      isMultiSelect: oe(t, "multiple"),
+      selectedValues: R
     }), Je = d(() => {
-      if (t?.multiple && Array.isArray(I.value))
+      if (t?.multiple && Array.isArray(O.value))
         return t.items.filter(
-          ({ value: m }) => t?.value && (t?.value).includes(m)
+          ({ value: v }) => t?.value && (t?.value).includes(v)
         );
       if (!t.multiple && t.staticCategories) {
-        const m = t.items.find(
-          (de) => de.items?.some(($e) => $e.value === I.value)
+        const v = t.items.find(
+          (de) => de.items?.some((we) => we.value === O.value)
         );
-        return (m ? m.items.find((de) => de.value === I.value) : t.items.find(({ value: de }) => de === I.value)) ?? null;
+        return (v ? v.items.find((de) => de.value === O.value) : t.items.find(({ value: de }) => de === O.value)) ?? null;
       }
-      return t.items.find(({ value: m }) => m === I.value);
-    }), xe = d(() => {
-      const se = (ge.value ? Fe.value : Te.value).findIndex(({ value: de }) => t.enableValueLabelPair ? I.value?.value === de : I.value === de);
-      return se > -1 ? se : 0;
-    }), { isMultiLevelSelect: ge, flattenedItemsList: Fe } = Dt(re), Xe = d(() => ge.value && !t.staticCategories), Ze = d(() => Xe.value ? "treeitem" : "option"), Qe = d(() => {
+      return t.items.find(({ value: v }) => v === O.value);
+    }), Be = d(() => {
+      const ae = (he.value ? Fe.value : Ae.value).findIndex(({ value: de }) => t.enableValueLabelPair ? O.value?.value === de : O.value === de);
+      return ae > -1 ? ae : 0;
+    }), { isMultiLevelSelect: he, flattenedItemsList: Fe } = Dt(re), Xe = d(() => he.value && !t.staticCategories), Ze = d(() => Xe.value ? "treeitem" : "option"), Qe = d(() => {
       if (t.multiple) {
-        const m = Array.isArray(I.value) ? I.value.length : 0, se = ge.value ? Fe.value.length : re.value.length;
-        return m === 0 ? null : !t.hasMoreItems && se > 0 && se === m ? h("all") : m;
+        const v = Array.isArray(O.value) ? O.value.length : 0, ae = he.value ? Fe.value.length : re.value.length;
+        return v === 0 ? null : !t.hasMoreItems && ae > 0 && ae === v ? h("all") : v;
       }
       return null;
     }), et = d(
       () => [
         t.description ? g : null,
-        x.value,
-        t.errorMessage ? V : null
+        B.value,
+        t.errorMessage ? z : null
       ].filter(Boolean).join(" ") || null
-    ), Ue = d(() => f.value?.$el), { visibleDomOptions: tt, updateVisibleDomOptions: qe } = ut(
+    ), Ue = d(() => m.value?.$el), { visibleDomOptions: tt, updateVisibleDomOptions: qe } = ut(
       Ue,
-      Te,
+      Ae,
       Ze
     ), Ye = () => {
-      C.value || (v.value = !0, ne(() => {
+      C.value || (b.value = !0, se(() => {
         qe();
       }));
-    }, Be = () => {
-      v.value = !1;
+    }, Re = () => {
+      b.value = !1;
     }, Ve = () => {
-      C.value || (v.value = !v.value, ne(() => {
+      C.value || (b.value = !b.value, se(() => {
         qe();
-      }), ye.value && (X.value = ""));
+      }), ge.value && (X.value = ""));
     }, lt = () => {
-      ye.value && (X.value = ""), v.value && (v.value = !1, f.value.onOutsideDropdownClick());
+      ge.value && (X.value = ""), b.value && (b.value = !1, m.value.onOutsideDropdownClick());
     }, ot = d(() => [
       lt,
       {
         ignore: [Ue]
       }
-    ]), at = async (m) => {
-      t.multiple || (X.value = "", v.value = !1), A(m), c(D.value), t.multiple || (await ne(), q());
+    ]), at = async (v) => {
+      t.multiple || (X.value = "", b.value = !1), $(v), c(x.value), t.multiple || (await se(), q());
     }, S = () => {
       i(y.SHOW_MORE);
-    }, T = Mo(
+    }, A = Mo(
       {
         inputContainerRef: u,
-        optionsContainerRef: f,
-        selectedValueIndex: xe,
-        isDropdownOpen: v,
-        isDynamicFltering: ae(t, "dynamicFiltering"),
+        optionsContainerRef: m,
+        selectedValueIndex: Be,
+        isDropdownOpen: b,
+        isDynamicFltering: oe(t, "dynamicFiltering"),
         items: tt,
         isMultiple: t.multiple,
-        totalItemCount: d(() => Te.value.length),
+        totalItemCount: d(() => Ae.value.length),
         isVirtualScroll: !t?.multiple && t?.virtualScroll !== !1 && t?.lazyLoadType === "none"
       },
       Ve,
       Ye,
-      Be
-    ), O = No(
+      Re
+    ), L = No(
       {
         inputContainerRef: u,
-        isDropdownOpen: v
+        isDropdownOpen: b
       },
-      Be
+      Re
     ), U = {
-      [y.CLOSE_DROPDOWN]: Be,
+      [y.CLOSE_DROPDOWN]: Re,
       [y.SELECT]: at,
       [y.SHOW_MORE]: S,
-      ...O
+      ...L
     };
     t.error && nt(
       'BentoDropdown "error" property',
@@ -2829,140 +2835,140 @@ const Ft = {
     );
     const q = () => {
       u.value.focus();
-    }, Ae = async () => {
-      if (await ne(), !v.value || t.multiple || !f.value)
+    }, $e = async () => {
+      if (await se(), !b.value || t.multiple || !m.value)
         return;
-      const m = xe.value;
-      if (m <= 0)
+      const v = Be.value;
+      if (v <= 0)
         return;
-      f.value?.$refs?.dropdownOptionsListboxRef?.$refs?.listboxItemRef?.scrollToItem?.(m);
+      m.value?.$refs?.dropdownOptionsListboxRef?.$refs?.listboxItemRef?.scrollToItem?.(v);
     };
-    return Ce(
-      () => v.value,
-      (m) => {
-        m && (i("open"), Ae());
+    return Oe(
+      () => b.value,
+      (v) => {
+        v && (i("open"), $e());
       }
     ), l({
       focus: q
-    }), (m, se) => ue((p(), E("div", {
+    }), (v, ae) => ue((p(), E("div", {
       class: fe(["b-dropdown", Pe.value])
     }, [
-      b(z) ? (p(), N(b(tl), {
+      f(G) ? (p(), N(f(ol), {
         key: 0,
-        id: b(_),
-        condensed: m.condensed,
-        label: b(z),
-        "tooltip-text": m.tooltipText,
-        optional: m.optional,
-        required: m.required
+        id: f(D),
+        condensed: v.condensed,
+        label: f(G),
+        "tooltip-text": v.tooltipText,
+        optional: v.optional,
+        required: v.required
       }, null, 8, ["id", "condensed", "label", "tooltip-text", "optional", "required"])) : J("", !0),
       ue((p(), E("div", M({
         ref_key: "inputContainerRefWrapper",
         ref: r
-      }, ie(b(T), !0)), [
-        (p(), N(It(_e.value), {
+      }, ie(f(A), !0)), [
+        (p(), N(It(ye.value), {
           ref_key: "inputContainerRef",
           ref: u,
-          condensed: m.condensed,
+          condensed: v.condensed,
           value: X.value,
           "additional-items-selected": Qe.value,
-          "aria-controls": b(L),
-          ariaExpanded: v.value,
-          "aria-labelledby": b(z) ? b(_) : null,
+          "aria-controls": f(T),
+          ariaExpanded: b.value,
+          "aria-labelledby": f(G) ? f(D) : null,
           "aria-describedby": et.value,
-          "aria-label": b(R),
-          "aria-readonly": b(C),
-          "aria-required": m.required,
-          readonly: b(C),
-          disabled: m.disabled,
-          "display-value": b(He),
-          "dynamic-filtering": m.dynamicFiltering,
-          "is-invalid": !!m.errorMessage || m.error,
-          multiple: m.multiple,
-          open: v.value,
-          "selected-value-item": b(Q) ? void 0 : Je.value,
-          "show-slot-content-in-multiple": m.showSlotContentInMultiple,
-          onInput: se[0] || (se[0] = (de) => X.value = de),
+          "aria-label": f(ne),
+          "aria-readonly": f(C),
+          "aria-required": v.required,
+          readonly: f(C),
+          disabled: v.disabled,
+          "display-value": f(He),
+          "dynamic-filtering": v.dynamicFiltering,
+          "is-invalid": !!v.errorMessage || v.error,
+          multiple: v.multiple,
+          open: b.value,
+          "selected-value-item": f(I) ? void 0 : Je.value,
+          "show-slot-content-in-multiple": v.showSlotContentInMultiple,
+          onInput: ae[0] || (ae[0] = (de) => X.value = de),
           onOpen: Ve,
           onClose: Ve
         }, ve({ _: 2 }, [
-          le(b(a), (de, $e) => ({
-            name: $e,
-            fn: k((st) => [
-              j(m.$slots, $e, ce(Se(st)), void 0, !0)
+          te(f(a), (de, we) => ({
+            name: we,
+            fn: _((st) => [
+              j(v.$slots, we, ce(Ce(st)), void 0, !0)
             ])
           }))
         ]), 1064, ["condensed", "value", "additional-items-selected", "aria-controls", "ariaExpanded", "aria-labelledby", "aria-describedby", "aria-label", "aria-readonly", "aria-required", "readonly", "disabled", "display-value", "dynamic-filtering", "is-invalid", "multiple", "open", "selected-value-item", "show-slot-content-in-multiple"]))
       ], 16)), [
-        [b(ze)]
+        [f(ze)]
       ]),
-      u.value ? (p(), N(b(el), {
+      u.value ? (p(), N(f(ll), {
         key: 1,
-        disabled: m.teleport?.disabled,
-        to: m.teleport?.to
+        disabled: v.teleport?.disabled,
+        to: v.teleport?.to
       }, {
-        default: k(() => [
-          F(b(no), M({
-            id: b(L),
+        default: _(() => [
+          V(f(no), M({
+            id: f(T),
             ref_key: "optionsContainerRef",
-            ref: f,
-            "aria-label": b(R),
-            "component-loading": m.componentLoading,
-            "empty-state": m.emptyState,
-            disabled: m.disabled,
-            "is-option-disabled": m.isOptionDisabled,
-            items: b(Te),
-            multiple: m.multiple,
+            ref: m,
+            "aria-label": f(ne),
+            "component-loading": v.componentLoading,
+            "empty-state": v.emptyState,
+            disabled: v.disabled,
+            "is-option-disabled": v.isOptionDisabled,
+            items: f(Ae),
+            multiple: v.multiple,
             "static-categories": Ke.value,
-            open: v.value,
-            "selected-value": b(B),
-            searching: ye.value,
+            open: b.value,
+            "selected-value": f(R),
+            searching: ge.value,
             "target-element": r.value,
-            loading: m.loading,
-            "has-more-items": m.hasMoreItems,
-            "lazy-load-type": m.lazyLoadType,
-            "virtual-scroll": m.virtualScroll
+            loading: v.loading,
+            "has-more-items": v.hasMoreItems,
+            "lazy-load-type": v.lazyLoadType,
+            "virtual-scroll": v.virtualScroll
           }, ie(U)), ve({ _: 2 }, [
-            le(b(a), (de, $e) => ({
-              name: $e,
-              fn: k((st) => [
-                j(m.$slots, $e, ce(Se(st)), void 0, !0)
+            te(f(a), (de, we) => ({
+              name: we,
+              fn: _((st) => [
+                j(v.$slots, we, ce(Ce(st)), void 0, !0)
               ])
             }))
           ]), 1040, ["id", "aria-label", "component-loading", "empty-state", "disabled", "is-option-disabled", "items", "multiple", "static-categories", "open", "selected-value", "searching", "target-element", "loading", "has-more-items", "lazy-load-type", "virtual-scroll"])
         ]),
         _: 3
       }, 8, ["disabled", "to"])) : J("", !0),
-      m.errorMessage ? (p(), N(b(ll), {
+      v.errorMessage ? (p(), N(f(al), {
         key: 2,
-        id: b(V),
-        "error-message": m.errorMessage,
+        id: f(z),
+        "error-message": v.errorMessage,
         class: "b-dropdown__error-message"
       }, null, 8, ["id", "error-message"])) : J("", !0),
-      m.description || b(s)("description") ? (p(), N(b(Ie), {
+      v.description || f(s)("description") ? (p(), N(f(Te), {
         key: 3,
-        id: b(g),
-        class: fe(["b-dropdown__description", De.value]),
+        id: f(g),
+        class: fe(["b-dropdown__description", xe.value]),
         el: "span"
       }, {
-        default: k(() => [
-          j(m.$slots, "description", {}, () => [
-            oe(Y(m.description), 1)
+        default: _(() => [
+          j(v.$slots, "description", {}, () => [
+            le(Y(v.description), 1)
           ], !0)
         ]),
         _: 3
       }, 8, ["id", "class"])) : J("", !0)
     ], 2)), [
-      [b(qt), ot.value]
+      [f(Wt), ot.value]
     ]);
   }
-}), fa = /* @__PURE__ */ ee(Vo, [["__scopeId", "data-v-66790b9d"]]);
+}), fa = /* @__PURE__ */ Q(Vo, [["__scopeId", "data-v-66790b9d"]]);
 export {
   fa as B,
   ml as C,
   Co as D,
   y as a,
-  Ee as b,
+  Le as b,
   Me as c,
   it as d,
   Dt as e,
@@ -2973,4 +2979,4 @@ export {
   pt as j,
   lo as u
 };
-//# sourceMappingURL=dropdown.CGUBk0iO.js.map
+//# sourceMappingURL=dropdown.DpqCHfi-.js.map