@adyen/bento-vue2 1.98.0 → 1.99.0

package/dist/chunks/{dropdown.NTGSuWAw.js → dropdown.B21PZqp4.js}

@@ -1,12 +1,12 @@
-import { computed as n, ref as E, onMounted as dt, onUnmounted as pt, watch as te, defineComponent as U, nextTick as W, toRef as q, useSlots as Oe, useAttrs as Ve, toRefs as Qe, inject as ze } from "vue";
+import { computed as n, ref as I, onMounted as ut, onUnmounted as pt, watch as te, defineComponent as U, nextTick as j, toRef as W, useSlots as Oe, useAttrs as Ve, toRefs as Qe, inject as ze } from "vue";
 import { B as ie, d as $e } from "./typography.C8lPlsbD.js";
 import { g as ne } from "./generate-uid.NJ8tVoha.js";
-import { u as de } from "./index.B6WW_F-J.js";
+import { u as pe } from "./index.B6WW_F-J.js";
+import { s as ue } from "./events.BQOQSSb7.js";
 import { u as et } from "./use-has-slot.C9lQZ6nz.js";
 import { C as ft } from "./cross-circle-fill.DTDtgLMf.js";
 import { C as bt } from "./cross-circle-fill-small.DfxDedRr.js";
-import { n as G } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { s as ye } from "./events.BQOQSSb7.js";
+import { n as K } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
 import { C as tt } from "./chevron-down.eYtgv5ly.js";
 import { C as lt } from "./chevron-up.d8cwIlA_.js";
 /* empty css              */
@@ -46,58 +46,58 @@ const at = (a, e, l, t) => {
   };
 };
 function At(a, { disabled: e, itemHeight: l, overscan: t = 5, prefixHeight: s }) {
-  const o = E(null), i = E([]), r = E(0), v = E(0), d = E(0);
+  const o = I(null), i = I([]), r = I(0), v = I(0), u = I(0);
   let c;
-  const m = n(() => {
-    const b = typeof l == "number" ? a.value.length * l : a.value.reduce((T, I, w) => T + l(w), 0), L = typeof l == "number" ? r.value * l : a.value.slice(0, r.value).reduce((T, I, w) => T + l(w), 0);
+  const _ = n(() => {
+    const b = typeof l == "number" ? a.value.length * l : a.value.reduce((T, L, w) => T + l(w), 0), O = typeof l == "number" ? r.value * l : a.value.slice(0, r.value).reduce((T, L, w) => T + l(w), 0);
     return {
       style: {
-        marginTop: `${L}px`,
-        height: `${b - L}px`
+        marginTop: `${O}px`,
+        height: `${b - O}px`
       }
     };
-  }), p = () => {
-    const b = (s == null ? void 0 : s.value) ?? 0, L = Math.max(o.value.scrollTop - b, 0);
+  }), f = () => {
+    const b = (s == null ? void 0 : s.value) ?? 0, O = Math.max(o.value.scrollTop - b, 0);
     if (typeof l == "number")
-      return Math.floor(L / l);
-    let T = 0, I = 0;
+      return Math.floor(O / l);
+    let T = 0, L = 0;
     for (let w = 0; w < a.value.length; w += 1) {
       const N = l(w);
-      if (T += N, T >= L) {
-        I = w;
+      if (T += N, T >= O) {
+        L = w;
         break;
       }
     }
-    return I;
-  }, f = () => {
-    if (d.value = o.value.clientHeight, typeof l == "number")
-      return Math.ceil(d.value / l);
+    return L;
+  }, p = () => {
+    if (u.value = o.value.clientHeight, typeof l == "number")
+      return Math.ceil(u.value / l);
     const b = r.value ?? 0;
-    let L = 0, T = 0;
-    for (let I = b; I < a.value.length; I += 1) {
-      const w = l(I);
-      if (L += w, T = I, L > d.value)
+    let O = 0, T = 0;
+    for (let L = b; L < a.value.length; L += 1) {
+      const w = l(L);
+      if (O += w, T = L, O > u.value)
         break;
     }
     return T - b;
-  }, h = () => {
+  }, S = () => {
     if (o.value) {
-      const b = f();
-      r.value = p(), v.value = Math.min(r.value + b + t, a.value.length), i.value = a.value.slice(r.value, v.value);
+      const b = p();
+      r.value = f(), v.value = Math.min(r.value + b + t, a.value.length), i.value = a.value.slice(r.value, v.value);
     }
-  }, y = () => {
-    h();
+  }, m = () => {
+    S();
   };
-  e || (dt(() => {
-    o.value && (d.value = o.value.clientHeight, c = ht(o.value, ({ clientHeight: b }) => {
-      d.value = b, h();
-    }), h());
+  e || (ut(() => {
+    o.value && (u.value = o.value.clientHeight, c = ht(o.value, ({ clientHeight: b }) => {
+      u.value = b, S();
+    }), S());
   }), pt(() => {
     c == null || c.disconnect();
   }), te(
     () => a.value,
     () => {
-      h();
+      S();
     }
   ));
   const k = {
@@ -106,8 +106,8 @@ function At(a, { disabled: e, itemHeight: l, overscan: t = 5, prefixHeight: s })
   }, B = (b) => {
     if (!o.value)
       return;
-    const L = typeof l == "number" ? b * l : a.value.slice(0, b).reduce((g, S, R) => g + l(R), 0), T = typeof l == "number" ? l : l(b), I = L + T, { scrollTop: w, clientHeight: N } = o.value, A = w + N;
-    I > A ? o.value.scrollTop = N > 0 ? I - N : L : L < w && (o.value.scrollTop = L), h();
+    const O = typeof l == "number" ? b * l : a.value.slice(0, b).reduce((h, g, R) => h + l(R), 0), T = typeof l == "number" ? l : l(b), L = O + T, { scrollTop: w, clientHeight: N } = o.value, A = w + N;
+    L > A ? o.value.scrollTop = N > 0 ? L - N : O : O < w && (o.value.scrollTop = O), S();
   };
   return e ? {
     containerRef: o,
@@ -119,18 +119,18 @@ function At(a, { disabled: e, itemHeight: l, overscan: t = 5, prefixHeight: s })
     // eslint-disable-next-line @typescript-eslint/no-empty-function
     scrollToIndex: () => {
     },
-    startIndex: E(0)
+    startIndex: I(0)
   } : {
     containerRef: o,
     containerProps: k,
-    onScroll: y,
+    onScroll: m,
     list: i,
-    wrapperProps: m,
+    wrapperProps: _,
     scrollToIndex: B,
     startIndex: r
   };
 }
-var u = /* @__PURE__ */ ((a) => (a.SELECT = "select", a.SHOW_MORE = "show-more", a.ESCAPE = "escape-pressed", a.CLICK = "click", a.ENTER = "enter-pressed", a.SPACE = "space-pressed", a.TAB = "tab-pressed", a.CLOSE_DROPDOWN = "close-dropdown", a))(u || {}), oe = /* @__PURE__ */ ((a) => (a.AUTOMATIC = "automatic", a.BUTTON = "button", a.NONE = "none", a))(oe || {});
+var d = /* @__PURE__ */ ((a) => (a.SELECT = "select", a.SHOW_MORE = "show-more", a.ESCAPE = "escape-pressed", a.CLICK = "click", a.ENTER = "enter-pressed", a.SPACE = "space-pressed", a.TAB = "tab-pressed", a.CLOSE_DROPDOWN = "close-dropdown", a))(d || {}), oe = /* @__PURE__ */ ((a) => (a.AUTOMATIC = "automatic", a.BUTTON = "button", a.NONE = "none", a))(oe || {});
 const Dt = U({
   name: "bento-listbox-static-category",
   components: {
@@ -149,7 +149,7 @@ const Dt = U({
 var kt = function() {
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("div", { staticClass: "b-listbox-single-select-category", attrs: { role: "group", "aria-label": e.categoryLabel } }, [l("bento-typography", { staticClass: "b-listbox-single-select-category__label-text", attrs: { variant: "caption", el: "span", "aria-hidden": "true" } }, [e._v(" " + e._s(e.categoryLabel) + " ")]), l("div", [e._t("default")], 2)], 1);
-}, Bt = [], Rt = /* @__PURE__ */ G(
+}, Bt = [], Rt = /* @__PURE__ */ K(
   Dt,
   kt,
   Bt,
@@ -169,7 +169,7 @@ const Mt = Rt.exports, Nt = U({
      */
     selected: { type: Boolean, default: !1 }
   },
-  emits: [u.CLICK, u.ENTER, u.SPACE, u.TAB],
+  emits: [d.CLICK, d.ENTER, d.SPACE, d.TAB],
   setup(a, { emit: e }) {
     const l = n(() => ({
       "b-listbox-option--disabled": a.disabled,
@@ -178,12 +178,12 @@ const Mt = Rt.exports, Nt = U({
     return {
       // Enums
       BentoKeyboardNavigationKeyDownEvent: z,
-      BentoListboxEvent: u,
+      BentoListboxEvent: d,
       // Values
       conditionalClasses: l,
       // Events
       onClick: (o) => {
-        e(u.CLICK, o);
+        e(d.CLICK, o);
       },
       onOptionSelected: (o, i) => {
         e(o, i);
@@ -200,15 +200,15 @@ var $t = function() {
   }, function(t) {
     return !t.type.indexOf("key") && e._k(t.keyCode, "tab", 9, t.key, "Tab") ? null : e.onOptionSelected(e.BentoListboxEvent.TAB, t);
   }] } }, "div", e.$attrs, !1), [e._t("default")], 2);
-}, Ft = [], Pt = /* @__PURE__ */ G(
+}, Pt = [], Ft = /* @__PURE__ */ K(
   Nt,
   $t,
-  Ft,
+  Pt,
   !1,
   null,
   "c345b6c0"
 );
-const Be = Pt.exports;
+const Be = Ft.exports;
 let je = 0;
 const Vt = {
   beforeCreate() {
@@ -218,7 +218,7 @@ const Vt = {
 var zt = function() {
   var e = this, l = e._self._c;
   return l("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? l("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), l("path", { attrs: { fill: "#001222", d: "M15.0608 4.00011L14.0001 2.93945L6.00011 10.9395L2.00011 6.93945L0.939453 8.00011L6.00011 13.0608L15.0608 4.00011Z" } })]);
-}, Ut = [], Gt = /* @__PURE__ */ G(
+}, Ut = [], Gt = /* @__PURE__ */ K(
   Vt,
   zt,
   Ut,
@@ -251,7 +251,7 @@ const Kt = Gt.exports, qt = U({
      */
     selected: { type: Boolean, default: !1 }
   },
-  emits: [u.ENTER, u.SELECT, u.SPACE, u.TAB],
+  emits: [d.ENTER, d.SELECT, d.SPACE, d.TAB],
   setup(a, { emit: e }) {
     const l = (i) => {
       a.disabled || e(i, a.option);
@@ -262,7 +262,7 @@ const Kt = Gt.exports, qt = U({
       ariaSelected: s,
       tabIndex: o,
       // Enums
-      BentoListboxEvent: u,
+      BentoListboxEvent: d,
       // Events
       onOptionSelected: l
     };
@@ -281,7 +281,7 @@ var Yt = function() {
   } } }, [e._t("default", function() {
     return [l("span", { staticClass: "b-listbox-single-select-option__text" }, [l("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(e.option.label))]), e.option.description ? l("bento-typography", { staticClass: "b-listbox-single-select-option__description", attrs: { el: "span" } }, [e._v(" " + e._s(e.option.description) + " ")]) : e._e()], 1)];
   }, null, e.option), l("span", { staticClass: "b-listbox-single-select-option__check-icon" }, [l("checkmark-icon", { directives: [{ name: "show", rawName: "v-show", value: e.selected, expression: "selected" }], attrs: { "svg-title": "selected" } })], 1)], 2);
-}, Wt = [], jt = /* @__PURE__ */ G(
+}, Wt = [], jt = /* @__PURE__ */ K(
   qt,
   Yt,
   Wt,
@@ -290,8 +290,8 @@ var Yt = function() {
   "bb14d75a"
 );
 const Ht = jt.exports, st = ({ items: a, totalItemCount: e }, l) => {
-  const t = n(() => e != null && e.value ? e.value - 1 : a.value.length - 1), s = E(0), o = (f) => {
-    switch (f) {
+  const t = n(() => e != null && e.value ? e.value - 1 : a.value.length - 1), s = I(0), o = (p) => {
+    switch (p) {
       case "increase":
         s.value += 1;
         break;
@@ -299,45 +299,45 @@ const Ht = jt.exports, st = ({ items: a, totalItemCount: e }, l) => {
         s.value -= 1;
         break;
     }
-  }, i = ({ edgeCaseItem: f }, h) => {
-    s.value !== f && (o(h), l(s.value));
-  }, r = (f) => {
-    p(f), i(
+  }, i = ({ edgeCaseItem: p }, S) => {
+    s.value !== p && (o(S), l(s.value));
+  }, r = (p) => {
+    f(p), i(
       {
         edgeCaseItem: t.value
       },
       "increase"
       /* INCREASE */
     );
-  }, v = (f) => {
-    p(f), i(
+  }, v = (p) => {
+    f(p), i(
       {
         edgeCaseItem: 0
       },
       "decrease"
       /* DECREASE */
     );
-  }, d = () => {
-    s.value = 0, l(s.value);
-  }, c = () => {
-    s.value = t.value, l(s.value);
-  }, m = (f) => {
-    s.value = f;
-  }, p = (f) => {
-    var h;
-    (h = f == null ? void 0 : f.detail) == null || h.preventDefault();
+  }, u = (p) => {
+    f(p), s.value = 0, l(s.value);
+  }, c = (p) => {
+    f(p), s.value = t.value, l(s.value);
+  }, _ = (p) => {
+    s.value = p;
+  }, f = (p) => {
+    var S, m;
+    (S = p == null ? void 0 : p.detail) == null || S.preventDefault(), (m = p == null ? void 0 : p.detail) == null || m.stopPropagation();
   };
   return {
-    moveToFirstElement: d,
+    moveToFirstElement: u,
     moveToLastElement: c,
     moveToNextElement: r,
     moveToPreviousElement: v,
-    setListboxFocusedIndex: m,
-    preventDefault: p,
+    setListboxFocusedIndex: _,
+    preventDefault: f,
     focusedIndex: s
   };
-}, Ue = (a, e, l = E("option"), t = !0) => {
-  const s = E([]), o = async () => {
+}, Ue = (a, e, l = I("option"), t = !0) => {
+  const s = I([]), o = async () => {
     if (!a.value || a.value.nodeType === Node.COMMENT_NODE)
       return;
     const i = Array.from(a.value.querySelectorAll(`[role="${l.value}"]`));
@@ -346,7 +346,7 @@ const Ht = jt.exports, st = ({ items: a, totalItemCount: e }, l) => {
   return te(
     e,
     () => {
-      W(() => {
+      j(() => {
         o();
       });
     },
@@ -415,74 +415,74 @@ const Ht = jt.exports, st = ({ items: a, totalItemCount: e }, l) => {
      */
     virtualScrollStartIndex: { type: Number, default: 0 }
   },
-  emits: [u.SELECT, u.ENTER, u.SPACE, u.TAB],
+  emits: [d.SELECT, d.ENTER, d.SPACE, d.TAB],
   setup(a, { emit: e, expose: l, slots: t, attrs: s }) {
-    const o = E(null), i = E([]), r = n(() => {
-      var g;
-      return !!((g = a.selectedValue) != null && g.length) && a.selectedValue.at(0);
+    const o = I(null), i = I([]), r = n(() => {
+      var h;
+      return !!((h = a.selectedValue) != null && h.length) && a.selectedValue.at(0);
     }), v = n(
       () => {
-        var g, S, R, O;
+        var h, g, R, G;
         return {
-          "aria-label": (g = s["aria-label"]) == null ? void 0 : g.toString(),
-          "aria-busy": (S = s["aria-busy"]) == null ? void 0 : S.toString(),
+          "aria-label": (h = s["aria-label"]) == null ? void 0 : h.toString(),
+          "aria-busy": (g = s["aria-busy"]) == null ? void 0 : g.toString(),
           "aria-atomic": (R = s["aria-atomic"]) == null ? void 0 : R.toString(),
-          "aria-live": (O = s["aria-live"]) == null ? void 0 : O.toString()
+          "aria-live": (G = s["aria-live"]) == null ? void 0 : G.toString()
         };
       }
-    ), d = n(() => !!a.items.some(({ items: g }) => !!g)), c = (g) => (S) => {
-      e(g, [S]);
-    }, { visibleDomOptions: m, updateVisibleDomOptions: p } = Ue(
+    ), u = n(() => !!a.items.some(({ items: h }) => !!h)), c = (h) => (g) => {
+      e(h, [g]);
+    }, { visibleDomOptions: _, updateVisibleDomOptions: f } = Ue(
       o,
-      q(a, "items"),
-      E("option"),
+      W(a, "items"),
+      I("option"),
       !1
-    ), f = n(() => a.totalItemCount > 0), h = (g) => {
-      if (!f.value)
+    ), p = n(() => a.totalItemCount > 0), S = (h) => {
+      if (!p.value)
         return;
-      const S = g.target;
-      if (S === o.value || (S == null ? void 0 : S.getAttribute("role")) !== "option")
+      const g = h.target;
+      if (g === o.value || (g == null ? void 0 : g.getAttribute("role")) !== "option")
         return;
-      const R = m.value.indexOf(S);
+      const R = _.value.indexOf(g);
       if (R !== -1) {
-        const O = R + a.virtualScrollStartIndex;
-        w(O);
+        const G = R + a.virtualScrollStartIndex;
+        w(G);
       }
-    }, y = async (g) => {
-      var S, R;
-      if (f.value && a.scrollToIndex) {
-        a.scrollToIndex(g), await W(), await p();
-        const O = g - a.virtualScrollStartIndex;
-        (S = m.value[O]) == null || S.focus();
+    }, m = async (h) => {
+      var g, R;
+      if (p.value && a.scrollToIndex) {
+        a.scrollToIndex(h), await j(), await f();
+        const G = h - a.virtualScrollStartIndex;
+        (g = _.value[G]) == null || g.focus();
       } else
-        (R = m.value[g]) == null || R.focus();
-    }, k = async (g) => {
-      w(g), await y(g);
-    }, B = async (g) => {
-      var S, R;
-      await p(), f.value && a.scrollToIndex ? a.scrollToIndex(g) : (R = (S = m.value[g]) == null ? void 0 : S.scrollIntoView) == null || R.call(S, { block: "nearest" });
+        (R = _.value[h]) == null || R.focus();
+    }, k = async (h) => {
+      w(h), await m(h);
+    }, B = async (h) => {
+      var g, R;
+      await f(), p.value && a.scrollToIndex ? a.scrollToIndex(h) : (R = (g = _.value[h]) == null ? void 0 : g.scrollIntoView) == null || R.call(g, { block: "nearest" });
     }, {
       moveToNextElement: b,
-      moveToPreviousElement: L,
+      moveToPreviousElement: O,
       moveToFirstElement: T,
-      moveToLastElement: I,
+      moveToLastElement: L,
       setListboxFocusedIndex: w
     } = st(
       {
-        items: m,
-        totalItemCount: q(a, "totalItemCount")
+        items: _,
+        totalItemCount: W(a, "totalItemCount")
       },
-      y
+      m
     ), N = {
-      [z.ARROW_UP]: L,
+      [z.ARROW_UP]: O,
       [z.ARROW_DOWN]: b,
       [z.HOME]: T,
-      [z.END]: I
+      [z.END]: L
     }, A = {
-      [u.SELECT]: c(u.SELECT),
-      [u.SPACE]: c(u.SPACE),
-      [u.TAB]: c(u.TAB),
-      [u.ENTER]: c(u.ENTER)
+      [d.SELECT]: c(d.SELECT),
+      [d.SPACE]: c(d.SPACE),
+      [d.TAB]: c(d.TAB),
+      [d.ENTER]: c(d.ENTER)
     };
     return l({
       /**
@@ -507,7 +507,7 @@ const Ht = jt.exports, st = ({ items: a, totalItemCount: e }, l) => {
       scrollToItem: B
     }), {
       // Enums
-      BentoListboxEvent: u,
+      BentoListboxEvent: d,
       // Values
       listboxRef: o,
       listboxItemRef: i,
@@ -515,14 +515,14 @@ const Ht = jt.exports, st = ({ items: a, totalItemCount: e }, l) => {
       slots: t,
       ariaAttributes: v,
       // Computed
-      hasCategories: d,
+      hasCategories: u,
       // Methods
       onOptionSelected: c,
       // Keyboard navigation
       listboxListeners: N,
       listboxOptionListeners: A,
       // Virtual scroll focus management
-      handleVirtualScrollingFocus: h
+      handleVirtualScrollingFocus: S
     };
   }
 });
@@ -547,7 +547,7 @@ var Xt = function() {
       } };
     })], null, !0) }, e.listboxOptionListeners));
   })], 2);
-}, Zt = [], Qt = /* @__PURE__ */ G(
+}, Zt = [], Qt = /* @__PURE__ */ K(
   Jt,
   Xt,
   Zt,
@@ -565,7 +565,7 @@ const tl = {
 var ll = function() {
   var e = this, l = e._self._c;
   return l("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? l("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), l("path", { attrs: { fill: "#001222", d: "M9.69043 5.75L4.62988 10.8105L1.56934 7.75L2.62988 6.68945L4.62988 8.68945L8.62988 4.68945L9.69043 5.75Z" } }), l("path", { attrs: { fill: "#001222", d: "M13.9307 5.75L8.87012 10.8105L7.80957 9.75L12.8701 4.68945L13.9307 5.75Z" } })]);
-}, al = [], sl = /* @__PURE__ */ G(
+}, al = [], sl = /* @__PURE__ */ K(
   tl,
   ll,
   al,
@@ -596,7 +596,7 @@ const ol = sl.exports, nl = {}, il = /* @__PURE__ */ U({
 var rl = function() {
   var e = this, l = e._self._c, t = e._self._setupProxy;
   return l("div", { staticClass: "b-checkbox-input", class: t.conditionalClasses, attrs: { role: "presentation" } }, [e.indeterminate ? l(t.MinusSmallIcon, { staticClass: "b-checkbox-input__icon", attrs: { "svg-title": "", "aria-hidden": "true" } }) : e.allSelected ? l(t.DoubleCheckmarkSmallIcon, { staticClass: "b-checkbox-input__icon", attrs: { "svg-title": "", "aria-hidden": "true", "data-testid": "decorative-checkbox-double-checkmark-icon" } }) : e.checked ? l(t.CheckmarkSmallIcon, { staticClass: "b-checkbox-input__icon", attrs: { "svg-title": "", "aria-hidden": "true" } }) : e._e(), l("div", { staticClass: "b-checkbox-input__outline", class: t.outlineConditionalClasses })], 1);
-}, cl = [], ul = /* @__PURE__ */ G(
+}, cl = [], dl = /* @__PURE__ */ K(
   il,
   rl,
   cl,
@@ -604,9 +604,9 @@ var rl = function() {
   null,
   "b87bbaf9"
 );
-const Ge = ul.exports;
-var ot = /* @__PURE__ */ ((a) => (a.DISABLED = "disabled", a.STATIC_CATEGORY = "static-category", a))(ot || {}), ue = /* @__PURE__ */ ((a) => (a.SELECT_CATEGORY = "select-category", a.UNSELECT_CATEGORY = "unselect-category", a.TOGGLE_CATEGORY_VISIBILITY = "toggle-category-visibility", a))(ue || {});
-const dl = {
+const Ge = dl.exports;
+var ot = /* @__PURE__ */ ((a) => (a.DISABLED = "disabled", a.STATIC_CATEGORY = "static-category", a))(ot || {}), de = /* @__PURE__ */ ((a) => (a.SELECT_CATEGORY = "select-category", a.UNSELECT_CATEGORY = "unselect-category", a.TOGGLE_CATEGORY_VISIBILITY = "toggle-category-visibility", a))(de || {});
+const ul = {
   "de-DE": {
     categoryClosed: "{category} geschlossen",
     categoryOpened: "{category} geöffnet"
@@ -648,7 +648,7 @@ const dl = {
     categoryOpened: "{category} 已打开"
   }
 }, pl = U({
-  i18n: { messages: dl },
+  i18n: { messages: ul },
   name: "bento-listbox-multi-select-category",
   components: {
     BentoTypography: ie,
@@ -701,70 +701,70 @@ const dl = {
     tabindex: { type: Number, default: -1 }
   },
   emits: [
-    ue.SELECT_CATEGORY,
-    ue.UNSELECT_CATEGORY,
-    ue.TOGGLE_CATEGORY_VISIBILITY
+    de.SELECT_CATEGORY,
+    de.UNSELECT_CATEGORY,
+    de.TOGGLE_CATEGORY_VISIBILITY
   ],
   setup(a, { emit: e }) {
-    const l = E(!1), { t } = de(), s = ne("category-group"), o = ne("category-name"), i = (A) => a.isOptionDisabled ? a.isOptionDisabled(A) : !1, r = n(
+    const l = I(!1), { t } = pe(), s = ne("category-group"), o = ne("category-name"), i = (A) => a.isOptionDisabled ? a.isOptionDisabled(A) : !1, r = n(
       () => a.category.items.every((A) => i(A))
-    ), v = q(a, "staticCategories"), d = n(() => l.value || a.staticCategories), c = n(() => ({
+    ), v = W(a, "staticCategories"), u = n(() => l.value || a.staticCategories), c = n(() => ({
       [`b-listbox-multi-select-category--${ot.DISABLED}`]: r.value
-    })), m = (A, g) => {
-      A.preventDefault(), l.value = g !== void 0 ? g : !l.value, e(ue.TOGGLE_CATEGORY_VISIBILITY, a.category.value);
-    }, p = (A) => {
+    })), _ = (A, h) => {
+      A.preventDefault(), l.value = h !== void 0 ? h : !l.value, e(de.TOGGLE_CATEGORY_VISIBILITY, a.category.value);
+    }, f = (A) => {
       var R;
-      const g = i(A), S = ((R = a.selectedItemsList) == null ? void 0 : R.includes(A.value)) || !1;
-      return { isDisabled: g, isPreSelected: S };
-    }, f = n(
+      const h = i(A), g = ((R = a.selectedItemsList) == null ? void 0 : R.includes(A.value)) || !1;
+      return { isDisabled: h, isPreSelected: g };
+    }, p = n(
       () => a.category.items.filter((A) => {
-        const { isDisabled: g, isPreSelected: S } = p(A);
-        return g && S || !g;
+        const { isDisabled: h, isPreSelected: g } = f(A);
+        return h && g || !h;
       })
-    ), h = n(
+    ), S = n(
       () => {
         var A;
-        return (A = f.value) == null ? void 0 : A.filter(
-          ({ value: g }) => {
-            var S;
-            return (S = a.selectedItemsList) == null ? void 0 : S.includes(g);
+        return (A = p.value) == null ? void 0 : A.filter(
+          ({ value: h }) => {
+            var g;
+            return (g = a.selectedItemsList) == null ? void 0 : g.includes(h);
           }
         );
       }
-    ), y = n(() => {
+    ), m = n(() => {
       const A = l.value ? "categoryOpened" : "categoryClosed";
       return t(A, { category: a.category.label });
     }), k = () => {
-      e(ue.SELECT_CATEGORY);
+      e(de.SELECT_CATEGORY);
     }, B = () => {
-      e(ue.UNSELECT_CATEGORY);
-    }, { isAllSelected: b, isIndeterminate: L, toggleSelectAll: T } = at(
-      h,
-      f,
+      e(de.UNSELECT_CATEGORY);
+    }, { isAllSelected: b, isIndeterminate: O, toggleSelectAll: T } = at(
+      S,
+      p,
       k,
       B
-    ), I = n(() => L.value ? "mixed" : `${b.value}`), w = E(b.value), N = () => {
+    ), L = n(() => O.value ? "mixed" : `${b.value}`), w = I(b.value), N = () => {
       w.value = !w.value, T(w.value);
     };
     return te(b, () => {
       w.value = b.value;
     }), {
       // Values
-      chevronTitle: y,
+      chevronTitle: m,
       conditionalClass: c,
       hasAllPropsDisabled: r,
       isOpen: l,
       isAllSelected: b,
-      isIndeterminate: L,
+      isIndeterminate: O,
       isStaticCategory: v,
       categoryGroupId: s,
       categoryNameId: o,
       // Computed
-      showItemChildren: d,
-      ariaCheckedComputed: I,
+      showItemChildren: u,
+      ariaCheckedComputed: L,
       // Methods
       handleSelectAll: N,
-      toggleOpen: m,
+      toggleOpen: _,
       toggleSelectAll: T
     };
   }
@@ -780,7 +780,7 @@ var fl = function() {
   }] } }, [l("decorative-checkbox", { attrs: { indeterminate: e.isIndeterminate, disabled: e.hasAllPropsDisabled, checked: e.isAllSelected } }), l("span", { staticClass: "b-listbox-multi-select-category__label" }, [l("bento-typography", { staticClass: "b-listbox-multi-select-category__label-text", attrs: { id: e.categoryNameId, el: "span" } }, [e._v(" " + e._s(e.category.label) + " ")]), l("div", { staticClass: "b-listbox-multi-select-category__label-chevron", attrs: { "aria-hidden": "true", "data-testid": "toggle-listbox" }, on: { "!click": function(t) {
     return t.stopPropagation(), e.toggleOpen.apply(null, arguments);
   } } }, [e.isOpen ? l("chevron-up-icon", { attrs: { "svg-title": e.chevronTitle } }) : l("chevron-down-icon", { attrs: { "svg-title": e.chevronTitle } })], 1)], 1)], 1), l("div", { directives: [{ name: "show", rawName: "v-show", value: e.showItemChildren, expression: "showItemChildren" }], attrs: { id: e.categoryGroupId, role: "group", "aria-label": e.category.label } }, [e._t("default")], 2)], 1);
-}, bl = [], vl = /* @__PURE__ */ G(
+}, bl = [], vl = /* @__PURE__ */ K(
   pl,
   fl,
   bl,
@@ -872,17 +872,17 @@ const _l = U({
     ee.TOGGLE_CATEGORY_VISIBILITY
   ],
   setup(a, { emit: e }) {
-    const l = (d) => {
-      a.isOptionDisabled(d) || e(ee.TOGGLE_CHECKBOX_SELECTION, d);
-    }, t = (d) => !!d.items, s = (d) => {
+    const l = (u) => {
+      a.isOptionDisabled(u) || e(ee.TOGGLE_CHECKBOX_SELECTION, u);
+    }, t = (u) => !!u.items, s = (u) => {
       const c = a.isMultiLevel && a.searching;
-      return d.description && (!a.isMultiLevel || c);
-    }, o = (d) => d.items ? !!d.items.find((c) => a.selectedItemsList.includes(c.value)) : a.selectedItemsList.includes(d.value), i = (d) => {
-      if (t(d)) {
-        const c = o(d) ? ee.UNSELECT_CATEGORY : ee.SELECT_CATEGORY;
-        e(c, d);
+      return u.description && (!a.isMultiLevel || c);
+    }, o = (u) => u.items ? !!u.items.find((c) => a.selectedItemsList.includes(c.value)) : a.selectedItemsList.includes(u.value), i = (u) => {
+      if (t(u)) {
+        const c = o(u) ? ee.UNSELECT_CATEGORY : ee.SELECT_CATEGORY;
+        e(c, u);
       } else
-        l(d);
+        l(u);
     };
     return {
       // Values
@@ -895,9 +895,9 @@ const _l = U({
       shouldShowDescription: s,
       toggleCheckboxSelection: l,
       toggleSearchOption: i,
-      computedTabindex: (d) => a.itemsIndex[d] === a.focusedIndex ? 0 : -1,
+      computedTabindex: (u) => a.itemsIndex[u] === a.focusedIndex ? 0 : -1,
       // Enums
-      BentoListboxEvent: u,
+      BentoListboxEvent: d,
       ListboxMultiSelectOptionsEvent: ee
     };
   }
@@ -929,7 +929,7 @@ var yl = function() {
       return [l("span", { staticClass: "b-listbox-multi-select__option-text" }, [l("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(t.label))]), e.shouldShowDescription(t) ? l("bento-typography", { staticClass: "b-listbox-multi-select__option-description", attrs: { el: "span" } }, [e._v(" " + e._s(t.description) + " ")]) : e._e()], 1)];
     }, null, t)], 2)]], 2);
   }), 0);
-}, gl = [], hl = /* @__PURE__ */ G(
+}, gl = [], hl = /* @__PURE__ */ K(
   _l,
   yl,
   gl,
@@ -1024,114 +1024,114 @@ const Sl = hl.exports, nt = (a) => {
   },
   emits: ["select"],
   setup(a, { expose: e, emit: l }) {
-    const t = a, { t: s, n: o } = de(), i = Oe(), r = Ve(), v = n(
+    const t = a, { t: s, n: o } = pe(), i = Oe(), r = Ve(), v = n(
       () => {
-        var _, x, C, D;
+        var y, x, C, D;
         return {
-          "aria-label": (_ = r["aria-label"]) == null ? void 0 : _.toString(),
+          "aria-label": (y = r["aria-label"]) == null ? void 0 : y.toString(),
           "aria-busy": (x = r["aria-busy"]) == null ? void 0 : x.toString(),
           "aria-atomic": (C = r["aria-atomic"]) == null ? void 0 : C.toString(),
           "aria-live": (D = r["aria-live"]) == null ? void 0 : D.toString(),
           "aria-multiselectable": !0
         };
       }
-    ), d = E(null), c = E(null), m = E(null), p = E(null), f = n(() => t.selectedValues.map(({ value: _ }) => _)), { isMultiLevelSelect: h, flattenedItemsList: y } = nt(q(t, "items")), k = n(() => h.value && !t.staticCategories), B = n(() => k.value ? "tree" : "listbox"), b = n(() => k.value ? "treeitem" : "option"), L = (_) => {
+    ), u = I(null), c = I(null), _ = I(null), f = I(null), p = n(() => t.selectedValues.map(({ value: y }) => y)), { isMultiLevelSelect: S, flattenedItemsList: m } = nt(W(t, "items")), k = n(() => S.value && !t.staticCategories), B = n(() => k.value ? "tree" : "listbox"), b = n(() => k.value ? "treeitem" : "option"), O = (y) => {
       var D;
-      const x = t.isOptionDisabled(_), C = ((D = f.value) == null ? void 0 : D.includes(_.value)) || !1;
+      const x = t.isOptionDisabled(y), C = ((D = p.value) == null ? void 0 : D.includes(y.value)) || !1;
       return { isDisabled: x, isPreSelected: C };
     }, T = n(() => {
-      if (t.searching && h)
+      if (t.searching && S)
         return t.items;
-      const _ = y.value.filter((x) => {
-        const { isDisabled: C, isPreSelected: D } = L(x);
+      const y = m.value.filter((x) => {
+        const { isDisabled: C, isPreSelected: D } = O(x);
         return C && D || !C;
       });
       return t.selectedValues.forEach((x) => {
-        _.find((C) => C.value === x.value) || _.push(x);
-      }), _;
-    }), I = n(
+        y.find((C) => C.value === x.value) || y.push(x);
+      }), y;
+    }), L = n(
       () => {
-        var _;
-        return (_ = T.value) == null ? void 0 : _.filter((x) => {
+        var y;
+        return (y = T.value) == null ? void 0 : y.filter((x) => {
           var C;
-          return x.items && h.value && t.searching ? x.items.filter(
+          return x.items && S.value && t.searching ? x.items.filter(
             (M) => (t.selectedValues ?? []).includes(M.value)
-          ).length === x.items.length : (C = f.value) == null ? void 0 : C.includes(x.value);
+          ).length === x.items.length : (C = p.value) == null ? void 0 : C.includes(x.value);
         });
       }
-    ), w = () => h.value && !t.searching ? y.value.length : t.items.length, N = n(() => {
+    ), w = () => S.value && !t.searching ? m.value.length : t.items.length, N = n(() => {
       var D;
-      const _ = T.value.length, x = w(), C = ((D = I.value) == null ? void 0 : D.length) || 0;
-      return C === 0 ? s("selectAll", { total: o(_) }) : C === x ? s("allSelected", { total: o(x) }) : C <= x ? s("numberOfTotalSelected", { number: o(C), total: o(x) }) : s("numbersSelected", { number: o(C) });
-    }), A = (_) => {
+      const y = T.value.length, x = w(), C = ((D = L.value) == null ? void 0 : D.length) || 0;
+      return C === 0 ? s("selectAll", { total: o(y) }) : C === x ? s("allSelected", { total: o(x) }) : C <= x ? s("numberOfTotalSelected", { number: o(C), total: o(x) }) : s("numbersSelected", { number: o(C) });
+    }), A = (y) => {
       const x = (D) => {
-        const { isDisabled: M, isPreSelected: J } = L(D);
-        return M && J || !M;
-      }, C = _.filter(x).filter((D) => !f.value.includes(D.value));
+        const { isDisabled: M, isPreSelected: X } = O(D);
+        return M && X || !M;
+      }, C = y.filter(x).filter((D) => !p.value.includes(D.value));
       l("select", [...t.selectedValues, ...C]);
-    }, g = (_) => {
+    }, h = (y) => {
       const x = (M) => {
-        const { isDisabled: J, isPreSelected: F } = L(M);
-        return !(J && F);
-      }, C = _.filter(x).map(({ value: M }) => M), D = t.selectedValues.filter((M) => !(C != null && C.includes(M.value)));
+        const { isDisabled: X, isPreSelected: P } = O(M);
+        return !(X && P);
+      }, C = y.filter(x).map(({ value: M }) => M), D = t.selectedValues.filter((M) => !(C != null && C.includes(M.value)));
       l("select", D);
-    }, S = () => {
-      A(y.value);
+    }, g = () => {
+      A(m.value);
     }, R = () => {
-      g(y.value);
-    }, { isAllSelected: O, isIndeterminate: P, toggleSelectAll: Q } = at(
-      I,
+      h(m.value);
+    }, { isAllSelected: G, isIndeterminate: E, toggleSelectAll: F } = at(
+      L,
       T,
-      S,
+      g,
       R
-    ), le = n(() => P.value ? "mixed" : `${O.value}`), Y = E(O.value), V = () => {
-      Y.value = !Y.value, Q(Y.value);
+    ), le = n(() => E.value ? "mixed" : `${G.value}`), q = I(G.value), V = () => {
+      q.value = !q.value, F(q.value);
     };
-    te(O, () => {
-      Y.value = O.value;
+    te(G, () => {
+      q.value = G.value;
     });
-    const ae = (_) => {
-      A(_.items);
-    }, pe = (_) => {
-      g(_.items);
-    }, he = (_, x) => {
+    const ae = (y) => {
+      A(y.items);
+    }, fe = (y) => {
+      h(y.items);
+    }, he = (y, x) => {
       let C = !1;
       const D = t.selectedValues.filter(({ value: M }) => x.value === M ? (C = !0, !1) : !0);
-      C || D.push(x), l(_, D);
+      C || D.push(x), l(y, D);
     }, Re = n(() => {
-      if (!h.value)
+      if (!S.value)
         return t.selectedValues;
-      const _ = (F) => f.value.includes(F.value), x = (F) => !t.staticCategories && F.every((ce) => _(ce)), C = t.items.flatMap(
-        (F) => F.items && !x(F.items) ? F.items : F
-      ), D = C.filter((F) => F.items ? !0 : _(F)), M = /* @__PURE__ */ new Set();
-      C.forEach((F) => {
+      const y = (P) => p.value.includes(P.value), x = (P) => !t.staticCategories && P.every((ce) => y(ce)), C = t.items.flatMap(
+        (P) => P.items && !x(P.items) ? P.items : P
+      ), D = C.filter((P) => P.items ? !0 : y(P)), M = /* @__PURE__ */ new Set();
+      C.forEach((P) => {
         var ce;
-        M.add(F.value), (ce = F.items) == null || ce.forEach(($) => M.add($.value));
+        M.add(P.value), (ce = P.items) == null || ce.forEach(($) => M.add($.value));
       });
-      const J = t.selectedValues.filter((F) => !M.has(F.value));
-      return [...D, ...J];
+      const X = t.selectedValues.filter((P) => !M.has(P.value));
+      return [...D, ...X];
     }), Me = n(() => {
-      var C, D, M, J;
-      const _ = ["automatic", "button"].includes(t.lazyLoadType), x = ((C = t.selectedValues) == null ? void 0 : C.length) > 0 && ((D = I.value) == null ? void 0 : D.length) !== ((M = y.value) == null ? void 0 : M.length);
-      return _ && t.hasMoreItems ? !!((J = t.selectedValues) != null && J.length) : x;
-    }), fe = n(() => ["automatic", "button"].includes(t.lazyLoadType) ? !t.hasMoreItems : !0), H = E([]), { visibleDomOptions: re, updateVisibleDomOptions: Se } = Ue(
-      d,
-      q(t, "items"),
+      var C, D, M, X;
+      const y = ["automatic", "button"].includes(t.lazyLoadType), x = ((C = t.selectedValues) == null ? void 0 : C.length) > 0 && ((D = L.value) == null ? void 0 : D.length) !== ((M = m.value) == null ? void 0 : M.length);
+      return y && t.hasMoreItems ? !!((X = t.selectedValues) != null && X.length) : x;
+    }), be = n(() => ["automatic", "button"].includes(t.lazyLoadType) ? !t.hasMoreItems : !0), J = I([]), { visibleDomOptions: re, updateVisibleDomOptions: Se } = Ue(
+      u,
+      W(t, "items"),
       b
-    ), Ee = (_) => {
-      H.value.includes(_) ? H.value = H.value.filter((x) => x !== _) : H.value.push(_), W(() => {
+    ), Ee = (y) => {
+      J.value.includes(y) ? J.value = J.value.filter((x) => x !== y) : J.value.push(y), j(() => {
         Se();
       });
-    }, Ie = (_) => {
+    }, Ie = (y) => {
       var x;
-      (x = re.value[_]) == null || x.focus();
+      (x = re.value[y]) == null || x.focus();
     }, {
       moveToNextElement: Le,
-      moveToPreviousElement: be,
+      moveToPreviousElement: ve,
       moveToFirstElement: xe,
-      moveToLastElement: ve,
-      preventDefault: me,
-      focusedIndex: _e,
+      moveToLastElement: me,
+      preventDefault: _e,
+      focusedIndex: ye,
       setListboxFocusedIndex: Ce
     } = st(
       {
@@ -1139,10 +1139,10 @@ const Sl = hl.exports, nt = (a) => {
       },
       Ie
     ), Te = {
-      [z.ARROW_UP]: (_) => be(_),
-      [z.ARROW_DOWN]: (_) => Le(_),
+      [z.ARROW_UP]: (y) => ve(y),
+      [z.ARROW_DOWN]: (y) => Le(y),
       [z.HOME]: xe,
-      [z.END]: ve
+      [z.END]: me
     };
     e({
       /**
@@ -1152,17 +1152,17 @@ const Sl = hl.exports, nt = (a) => {
       setListboxFocusedIndex: Ce
     });
     const Ne = {
-      [z.ARROW_UP]: me,
-      [z.ARROW_DOWN]: me
+      [z.ARROW_UP]: _e,
+      [z.ARROW_DOWN]: _e
     }, we = n(() => {
-      let _ = fe.value ? 1 : 0;
+      let y = be.value ? 1 : 0;
       const x = {};
       return t.items.forEach((C) => {
-        let D = H.value.includes(C.value);
-        C.items ? (t.staticCategories ? D = !0 : x[C.value] = _++, D && C.items.forEach((M) => x[M.value] = _++)) : x[C.value] = _++;
+        let D = J.value.includes(C.value);
+        C.items ? (t.staticCategories ? D = !0 : x[C.value] = y++, D && C.items.forEach((M) => x[M.value] = y++)) : x[C.value] = y++;
       }), x;
     });
-    return { __sfc: !0, props: t, emit: l, t: s, n: o, slots: i, attrs: r, ariaAttributes: v, listboxRef: d, selectAllListboxItemsRef: c, selectedListboxItemsRef: m, listboxItemsRef: p, selectedItemsList: f, isMultiLevelSelect: h, flattenedItemsList: y, isTreePattern: k, computedRole: B, computedOptionRole: b, optionStates: L, enabledItems: T, visibleSelectedList: I, calculateTotalItems: w, selectAllCheckboxText: N, selectAll: A, unselectAll: g, selectAllItems: S, unselectAllItems: R, isAllSelected: O, isIndeterminate: P, toggleSelectAll: Q, ariaCheckedComputed: le, isSelectAllOn: Y, handleSelectAll: V, selectAllCategory: ae, unselectAllCategory: pe, toggleCheckboxSelection: he, selectedOptions: Re, showSelectedItems: Me, showSelectAllCheckbox: fe, expandedCategories: H, visibleDomOptions: re, updateVisibleDomOptions: Se, toggleCategoryVisibility: Ee, focusItem: Ie, moveToNextElement: Le, moveToPreviousElement: be, moveToFirstElement: xe, moveToLastElement: ve, preventDefault: me, focusedIndex: _e, setListboxFocusedIndex: Ce, listboxListeners: Te, chipsSectionListeners: Ne, computedItemsIndex: we, DecorativeCheckbox: Ge, BentoTypography: ie, BentoChip: Ct, BentoListboxOption: Be, ListboxMultiSelectOptions: Sl, vBentoKeyboardNavigationDirective: ke, BentoListboxEvent: u };
+    return { __sfc: !0, props: t, emit: l, t: s, n: o, slots: i, attrs: r, ariaAttributes: v, listboxRef: u, selectAllListboxItemsRef: c, selectedListboxItemsRef: _, listboxItemsRef: f, selectedItemsList: p, isMultiLevelSelect: S, flattenedItemsList: m, isTreePattern: k, computedRole: B, computedOptionRole: b, optionStates: O, enabledItems: T, visibleSelectedList: L, calculateTotalItems: w, selectAllCheckboxText: N, selectAll: A, unselectAll: h, selectAllItems: g, unselectAllItems: R, isAllSelected: G, isIndeterminate: E, toggleSelectAll: F, ariaCheckedComputed: le, isSelectAllOn: q, handleSelectAll: V, selectAllCategory: ae, unselectAllCategory: fe, toggleCheckboxSelection: he, selectedOptions: Re, showSelectedItems: Me, showSelectAllCheckbox: be, expandedCategories: J, visibleDomOptions: re, updateVisibleDomOptions: Se, toggleCategoryVisibility: Ee, focusItem: Ie, moveToNextElement: Le, moveToPreviousElement: ve, moveToFirstElement: xe, moveToLastElement: me, preventDefault: _e, focusedIndex: ye, setListboxFocusedIndex: Ce, listboxListeners: Te, chipsSectionListeners: Ne, computedItemsIndex: we, DecorativeCheckbox: Ge, BentoTypography: ie, BentoChip: Ct, BentoListboxOption: Be, ListboxMultiSelectOptions: Sl, vBentoKeyboardNavigationDirective: ke, BentoListboxEvent: d };
   }
 });
 var El = function() {
@@ -1186,7 +1186,7 @@ var El = function() {
       return [e._t(o, null, null, i)];
     } };
   })], null, !0) })], 1)]);
-}, Il = [], Ll = /* @__PURE__ */ G(
+}, Il = [], Ll = /* @__PURE__ */ K(
   Ol,
   El,
   Il,
@@ -1352,104 +1352,104 @@ const Je = Ll.exports, it = (a, e = 300) => {
     }
   },
   emits: [
-    u.SELECT,
-    u.SPACE,
-    u.SHOW_MORE,
-    u.ENTER,
-    u.ESCAPE,
-    u.TAB
+    d.SELECT,
+    d.SPACE,
+    d.SHOW_MORE,
+    d.ENTER,
+    d.ESCAPE,
+    d.TAB
   ],
   setup(a, { emit: e, slots: l }) {
-    const t = E([]), s = q(a, "items"), { t: o } = de(), i = n(() => a.lazyLoadType !== oe.AUTOMATIC), r = n(() => a.lazyLoadType === oe.AUTOMATIC), v = () => {
+    const t = I([]), s = W(a, "items"), { t: o } = pe(), i = n(() => a.lazyLoadType !== oe.AUTOMATIC), r = n(() => a.lazyLoadType === oe.AUTOMATIC), v = () => {
       var V;
       return typeof (a == null ? void 0 : a.virtualScroll) == "object" && ((V = a == null ? void 0 : a.virtualScroll) != null && V.itemHeight) ? a.virtualScroll.itemHeight : wl;
-    }, d = !(a != null && a.multiple) && (a == null ? void 0 : a.virtualScroll) !== !1 && (a == null ? void 0 : a.lazyLoadType) === "none", {
+    }, u = !(a != null && a.multiple) && (a == null ? void 0 : a.virtualScroll) !== !1 && (a == null ? void 0 : a.lazyLoadType) === "none", {
       containerRef: c,
-      containerProps: m,
-      onScroll: p,
-      list: f,
-      wrapperProps: h,
-      scrollToIndex: y,
+      containerProps: _,
+      onScroll: f,
+      list: p,
+      wrapperProps: S,
+      scrollToIndex: m,
       startIndex: k
     } = At(s, {
       itemHeight: v(),
       // Disable virtual scrolling if not enabled or if lazy loading is enabled or if multi-select
-      disabled: !d
-    }), B = n(() => d ? s.value.length : 0), b = n(
+      disabled: !u
+    }), B = n(() => u ? s.value.length : 0), b = n(
       () => a.componentLoading !== void 0 || i.value ? "true" : void 0
-    ), L = n(
+    ), O = n(
       () => i.value && a.loading || a.componentLoading ? "true" : "false"
     ), T = n(
       () => i.value || a.componentLoading !== void 0 ? "polite" : void 0
-    ), I = n(
+    ), L = n(
       () => ({
         "aria-label": a.ariaLabel,
-        "aria-busy": L.value,
+        "aria-busy": O.value,
         "aria-atomic": b.value,
         "aria-live": T.value
       })
     ), w = n(
       () => a.componentLoading ? {
-        ...I.value,
+        ...L.value,
         role: "alert"
       } : {}
     ), N = (V) => (ae) => {
       e(V, ae);
     }, A = () => {
-      e(u.SHOW_MORE);
-    }, g = it(() => {
+      e(d.SHOW_MORE);
+    }, h = it(() => {
       const V = c.value;
       if (!V)
         return;
       const ae = Math.round(V.scrollTop) + V.clientHeight >= V.scrollHeight;
       a.hasMoreItems && ae && !a.loading && A();
-    }), S = () => {
-      r.value ? g() : p();
+    }), g = () => {
+      r.value ? h() : f();
     }, R = n(() => {
       var V;
       return ((V = a.items) == null ? void 0 : V.length) === 0;
-    }), O = n(
+    }), G = n(
       () => a.lazyLoadType === oe.BUTTON && a.hasMoreItems
-    ), P = n(
+    ), E = n(
       () => a.loading ? Ye.LOADING : Ye.START
-    ), Q = n(() => a.loading ? o("loading") : o("showMore")), le = n(() => ({
+    ), F = n(() => a.loading ? o("loading") : o("showMore")), le = n(() => ({
       ...a.emptyState,
       variant: "condensed"
-    })), Y = {
-      [u.SELECT]: N(u.SELECT),
-      [u.SPACE]: N(u.SPACE),
-      [u.TAB]: N(u.TAB),
-      [u.ENTER]: N(u.ENTER)
+    })), q = {
+      [d.SELECT]: N(d.SELECT),
+      [d.SPACE]: N(d.SPACE),
+      [d.TAB]: N(d.TAB),
+      [d.ENTER]: N(d.ENTER)
     };
     return {
       // Refs
       listboxRef: c,
       listboxItemRef: t,
       // a11y
-      ariaAttributes: I,
+      ariaAttributes: L,
       listboxContainerAttributes: w,
       // Values
-      containerProps: m,
+      containerProps: _,
       isSearchResultEmpty: R,
       limitedEmptyStateProps: le,
-      loadingButtonState: P,
+      loadingButtonState: E,
       slots: l,
-      shouldDisplayShowMoreButton: O,
-      showMoreButtonText: Q,
-      virtualisedItems: f,
-      wrapperProps: h,
+      shouldDisplayShowMoreButton: G,
+      showMoreButtonText: F,
+      virtualisedItems: p,
+      wrapperProps: S,
       // Virtual scroll
       totalItemCount: B,
-      scrollToIndex: y,
+      scrollToIndex: m,
       virtualScrollStartIndex: k,
       // Enums
       BentoKeyboardNavigationKeyDownEvent: z,
-      BentoListboxEvent: u,
+      BentoListboxEvent: d,
       // Methods
-      onListboxContainerScroll: S,
+      onListboxContainerScroll: g,
       onOptionSelected: N,
       emitShowMore: A,
-      listboxListeners: Y
+      listboxListeners: q
     };
   }
 });
@@ -1467,7 +1467,7 @@ var Dl = function() {
   })], null, !0) }, "bento-listbox-single-select", e.ariaAttributes, !1), e.listboxListeners))], e.shouldDisplayShowMoreButton ? l("div", { staticClass: "b-listbox__lazy-load" }, [l("bento-loading-button", { attrs: { state: e.loadingButtonState, variant: "secondary" }, on: { "!click": function(s) {
     return e.emitShowMore.apply(null, arguments);
   } } }, [e._v(" " + e._s(e.showMoreButtonText) + " ")])], 1) : e.loading ? l("div", { staticClass: "b-listbox__lazy-load" }, [l("bento-loading-indicator")], 1) : e._e()]], 2)]);
-}, kl = [], Bl = /* @__PURE__ */ G(
+}, kl = [], Bl = /* @__PURE__ */ K(
   Al,
   Dl,
   kl,
@@ -1475,50 +1475,50 @@ var Dl = function() {
   null,
   "7819d7a2"
 );
-const Fe = Bl.exports, Pe = (a, e) => {
+const Pe = Bl.exports, Fe = (a, e) => {
   for (const l of a) {
     if (l.value === e)
       return l;
     if (l.items) {
-      const t = Pe(l.items, e);
+      const t = Fe(l.items, e);
       if (t)
         return t;
     }
   }
   return null;
 }, Rl = (a) => typeof a == "object" && a !== null && "value" in a && "label" in a, Ml = (a, e, l, t) => {
-  const s = E([]), o = E(), i = (c) => {
-    l.value ? o.value = c.map(({ value: m }) => m) : o.value = c.length > 0 ? c[0].value : null;
+  const s = I([]), o = I(), i = (c) => {
+    l.value ? o.value = c.map(({ value: _ }) => _) : o.value = c.length > 0 ? c[0].value : null;
   }, r = (c) => {
-    l.value ? o.value = c.map(({ value: m, label: p }) => ({ value: m, label: p })) : o.value = c.length > 0 ? { value: c[0].value, label: c[0].label } : null;
+    l.value ? o.value = c.map(({ value: _, label: f }) => ({ value: _, label: f })) : o.value = c.length > 0 ? { value: c[0].value, label: c[0].label } : null;
   }, v = (c) => {
     s.value = c, t != null && t.value ? r(c) : i(c);
-  }, d = () => {
+  }, u = () => {
     s.value = [], o.value = null;
   };
   return te(
     () => e.value,
     () => {
       if (!e.value && e.value !== 0) {
-        d();
+        u();
         return;
       }
-      const c = !Array.isArray(e.value), m = [...s.value];
-      d();
-      const p = (f) => {
-        if (Rl(f))
-          s.value.push(f);
+      const c = !Array.isArray(e.value), _ = [...s.value];
+      u();
+      const f = (p) => {
+        if (Rl(p))
+          s.value.push(p);
         else {
-          let h = Pe(a.value, f);
-          h || (h = Pe(m, f)), h || (h = { value: f, label: f.toString() }), s.value.push(h);
+          let S = Fe(a.value, p);
+          S || (S = Fe(_, p)), S || (S = { value: p, label: p.toString() }), s.value.push(S);
         }
       };
       if (c) {
-        const f = e.value;
-        p(f), t != null && t.value ? r(s.value) : i(s.value);
+        const p = e.value;
+        f(p), t != null && t.value ? r(s.value) : i(s.value);
         return;
       }
-      e.value.forEach(p), t != null && t.value ? r(s.value) : i(s.value);
+      e.value.forEach(f), t != null && t.value ? r(s.value) : i(s.value);
     },
     { immediate: !0 }
   ), {
@@ -1526,7 +1526,7 @@ const Fe = Bl.exports, Pe = (a, e) => {
     cachedSelectedListboxOptions: s,
     cachedListboxSelectedValues: o,
     // Methods
-    resetCache: d,
+    resetCache: u,
     setCachedValues: v
   };
 };
@@ -1583,17 +1583,17 @@ const Nl = {
     noOptionsMatchThisSearch: "没有符合此搜索条件的选项"
   }
 }, $l = (a, e, l, t) => {
-  const s = E(a.value), { t: o } = de();
+  const s = I(a.value), { t: o } = pe();
   te(a, () => {
     s.value = a.value;
   });
   const i = n(
     () => JSON.stringify(s.value) === JSON.stringify(a.value)
   ), r = () => {
-    t(u.SELECT, s.value), t(u.CLOSE_DROPDOWN);
+    t(d.SELECT, s.value), t(d.CLOSE_DROPDOWN);
   }, v = () => {
-    s.value = a.value, t(u.CLOSE_DROPDOWN);
-  }, d = () => {
+    s.value = a.value, t(d.CLOSE_DROPDOWN);
+  }, u = () => {
     l.value && e.value && (s.value = a.value);
   }, c = n(() => [
     {
@@ -1605,24 +1605,24 @@ const Nl = {
       title: o("cancel"),
       event: v
     }
-  ]), m = (b) => {
-    s.value = b, e.value || t(u.SELECT, b);
-  }, p = (b) => {
-    m(b), t(u.TAB);
+  ]), _ = (b) => {
+    s.value = b, e.value || t(d.SELECT, b);
   }, f = (b) => {
-    m(b), t(u.ENTER);
-  }, h = (b) => {
-    m(b), t(u.SPACE);
-  }, y = () => {
-    v(), t(u.ESCAPE);
+    _(b), t(d.TAB);
+  }, p = (b) => {
+    _(b), t(d.ENTER);
+  }, S = (b) => {
+    _(b), t(d.SPACE);
+  }, m = () => {
+    v(), t(d.ESCAPE);
   }, k = () => {
-    t(u.SHOW_MORE);
+    t(d.SHOW_MORE);
   }, B = {
-    [u.SELECT]: m,
-    [u.SHOW_MORE]: k,
-    [u.TAB]: p,
-    [u.SPACE]: h,
-    [u.ENTER]: f
+    [d.SELECT]: _,
+    [d.SHOW_MORE]: k,
+    [d.TAB]: f,
+    [d.SPACE]: S,
+    [d.ENTER]: p
   };
   return {
     // Values
@@ -1630,14 +1630,14 @@ const Nl = {
     internalSelectedValue: s,
     // Methods
     listeners: B,
-    onEscapeKey: y,
-    onOutsideDropdownClick: d
+    onEscapeKey: m,
+    onOutsideDropdownClick: u
   };
-}, Fl = U({
+}, Pl = U({
   i18n: { messages: Nl },
   name: "bento-dropdown-options-container"
-}), Pl = /* @__PURE__ */ U({
-  ...Fl,
+}), Fl = /* @__PURE__ */ U({
+  ...Pl,
   props: {
     /**
      * Defines a string value that labels an interactive element.
@@ -1727,7 +1727,7 @@ const Nl = {
      *
      * If enabled, hides the "Select all" checkbox in "multiple" mode.
      */
-    searching: Fe.props.searching,
+    searching: Pe.props.searching,
     /**
      * If enabled, dropdown will display non-selectable, static categories
      */
@@ -1748,20 +1748,20 @@ const Nl = {
   },
   emits: [],
   setup(a, { expose: e, emit: l }) {
-    const t = a, s = Oe(), { selectedValue: o, multiple: i } = Qe(t), r = E(null), { t: v } = de(), d = n(() => t.open && !t.disabled), c = n(() => v("noOptionsMatchThisSearch")), m = n(() => ({
+    const t = a, s = Oe(), { selectedValue: o, multiple: i } = Qe(t), r = I(null), { t: v } = pe(), u = n(() => t.open && !t.disabled), c = n(() => v("noOptionsMatchThisSearch")), _ = n(() => ({
       "b-dropdown-options-container--single": !(t != null && t.multiple)
-    })), p = n(() => ({
+    })), f = n(() => ({
       "b-dropdown-options-container__listbox--single": !(t != null && t.multiple)
-    })), { actions: f, internalSelectedValue: h, listeners: y, onEscapeKey: k, onOutsideDropdownClick: B } = $l(o, i, d, l), b = n(() => t != null && t.multiple ? Et : We), L = n(() => {
-      var I;
+    })), { actions: p, internalSelectedValue: S, listeners: m, onEscapeKey: k, onOutsideDropdownClick: B } = $l(o, i, u, l), b = n(() => t != null && t.multiple ? Et : We), O = n(() => {
+      var L;
       const T = {
-        "min-width": `${(I = t == null ? void 0 : t.targetElement) == null ? void 0 : I.clientWidth}px`,
+        "min-width": `${(L = t == null ? void 0 : t.targetElement) == null ? void 0 : L.clientWidth}px`,
         "max-width": "min(500px, 95%)"
       };
       return t != null && t.multiple ? {
         actionsLayout: "space-between",
         ariaLabel: t.ariaLabel,
-        actions: f.value,
+        actions: p.value,
         divider: !0,
         fallbackPosition: ["top-start"],
         id: ne(`dropdown-options-${t.id}`),
@@ -1777,7 +1777,7 @@ const Nl = {
         offset: [0, 8],
         position: "bottom-start",
         style: {
-          display: d.value ? "block" : "none",
+          display: u.value ? "block" : "none",
           ...T
         },
         targetElement: t.targetElement
@@ -1785,28 +1785,30 @@ const Nl = {
     });
     return e({
       onOutsideDropdownClick: B
-    }), { __sfc: !0, slots: s, emit: l, props: t, selectedValue: o, multiple: i, dropdownOptionsListboxRef: r, t: v, isDropdownOpen: d, noResultsMessage: c, conditionalClasses: m, conditionalListboxClasses: p, actions: f, internalSelectedValue: h, listeners: y, onEscapeKey: k, onOutsideDropdownClick: B, popperContainerOrPopoverComponent: b, popperContainerOrPopoverProps: L, BentoListbox: Fe };
+    }), { __sfc: !0, slots: s, emit: l, props: t, selectedValue: o, multiple: i, dropdownOptionsListboxRef: r, t: v, isDropdownOpen: u, noResultsMessage: c, conditionalClasses: _, conditionalListboxClasses: f, actions: p, internalSelectedValue: S, listeners: m, onEscapeKey: k, onOutsideDropdownClick: B, popperContainerOrPopoverComponent: b, popperContainerOrPopoverProps: O, BentoListbox: Pe };
   }
 });
 var Vl = function() {
   var e = this, l = e._self._c, t = e._self._setupProxy;
-  return t.isDropdownOpen ? l(t.popperContainerOrPopoverComponent, e._b({ tag: "component", staticClass: "b-dropdown-options-container", class: t.conditionalClasses }, "component", t.popperContainerOrPopoverProps, !1), [l("div", { on: { keydown: function(s) {
+  return t.isDropdownOpen ? l(t.popperContainerOrPopoverComponent, e._b({ tag: "component", staticClass: "b-dropdown-options-container", class: t.conditionalClasses }, "component", t.popperContainerOrPopoverProps, !1), [l("div", { on: { keydown: [function(s) {
+    s.stopPropagation();
+  }, function(s) {
     return !s.type.indexOf("key") && e._k(s.keyCode, "esc", 27, s.key, ["Esc", "Escape"]) ? null : t.onEscapeKey.apply(null, arguments);
-  } } }, [l(t.BentoListbox, e._g({ ref: "dropdownOptionsListboxRef", staticClass: "b-dropdown-options-container__listbox", class: t.conditionalListboxClasses, attrs: { id: e.id, "aria-label": e.ariaLabel, "component-loading": e.componentLoading, "empty-state": e.emptyState, "is-option-disabled": e.isOptionDisabled, items: e.items, "selected-value": t.internalSelectedValue, multiple: t.multiple, "static-categories": e.staticCategories, "no-results-message": t.noResultsMessage, searching: e.searching, loading: e.loading, "lazy-load-type": e.lazyLoadType, "has-more-items": e.hasMoreItems, "virtual-scroll": e.virtualScroll }, scopedSlots: e._u([e._l(t.slots, function(s, o) {
+  }] } }, [l(t.BentoListbox, e._g({ ref: "dropdownOptionsListboxRef", staticClass: "b-dropdown-options-container__listbox", class: t.conditionalListboxClasses, attrs: { id: e.id, "aria-label": e.ariaLabel, "component-loading": e.componentLoading, "empty-state": e.emptyState, "is-option-disabled": e.isOptionDisabled, items: e.items, "selected-value": t.internalSelectedValue, multiple: t.multiple, "static-categories": e.staticCategories, "no-results-message": t.noResultsMessage, searching: e.searching, loading: e.loading, "lazy-load-type": e.lazyLoadType, "has-more-items": e.hasMoreItems, "virtual-scroll": e.virtualScroll }, scopedSlots: e._u([e._l(t.slots, function(s, o) {
     return { key: o, fn: function(i) {
       return [e._t(o, null, null, i)];
     } };
   })], null, !0) }, t.listeners))], 1)]) : e._e();
-}, zl = [], Ul = /* @__PURE__ */ G(
-  Pl,
+}, zl = [], Ul = /* @__PURE__ */ K(
+  Fl,
   Vl,
   zl,
   !1,
   null,
-  "9e0761e0"
+  "3cd9fa1d"
 );
 const Gl = Ul.exports;
-var Z = /* @__PURE__ */ ((a) => (a.DISABLED = "disabled", a.READONLY = "readonly", a.HAS_ITEMS = "has-items", a.OPENED = "opened", a.ERROR = "error", a))(Z || {}), K = /* @__PURE__ */ ((a) => (a.OPEN = "dropdown-base-open", a.KEYDOWN = "dropdown-base-keydown", a.CLOSE = "dropdown-base-close", a.INPUT = "dropdown-base-input", a.CLEAR = "dropdown-base-clear", a))(K || {});
+var Q = /* @__PURE__ */ ((a) => (a.DISABLED = "disabled", a.READONLY = "readonly", a.HAS_ITEMS = "has-items", a.OPENED = "opened", a.ERROR = "error", a))(Q || {}), Y = /* @__PURE__ */ ((a) => (a.OPEN = "dropdown-base-open", a.KEYDOWN = "dropdown-base-keydown", a.CLOSE = "dropdown-base-close", a.INPUT = "dropdown-base-input", a.CLEAR = "dropdown-base-clear", a))(Y || {});
 const Kl = /* @__PURE__ */ Symbol("dropdown small size injection key"), rt = /* @__PURE__ */ Symbol("dropdown underline style injection key"), ql = {
   "de-DE": {
     clearSearch: "Suche löschen"
@@ -1929,22 +1931,22 @@ const Kl = /* @__PURE__ */ Symbol("dropdown small size injection key"), rt = /*
   },
   emits: [],
   setup(a, { expose: e, emit: l }) {
-    const t = a, { t: s } = de(), o = Ve(), i = Oe(), r = et(i), v = E(null), d = ne("textbox"), c = ze(rt, !1), m = n(() => ({
-      [`b-dropdown-base-textbox--${Z.DISABLED}`]: t.disabled,
-      [`b-dropdown-base-textbox--${Z.READONLY}`]: t.readonly,
-      [`b-dropdown-base-textbox--${Z.HAS_ITEMS}`]: !!t.additionalItemsSelected,
+    const t = a, { t: s } = pe(), o = Ve(), i = Oe(), r = et(i), v = I(null), u = ne("textbox"), c = ze(rt, !1), _ = n(() => ({
+      [`b-dropdown-base-textbox--${Q.DISABLED}`]: t.disabled,
+      [`b-dropdown-base-textbox--${Q.READONLY}`]: t.readonly,
+      [`b-dropdown-base-textbox--${Q.HAS_ITEMS}`]: !!t.additionalItemsSelected,
       "b-dropdown-base-textbox--underline": c
-    })), p = n(
+    })), f = n(
       () => B.value && o["aria-required"] ? "true" : null
-    ), f = n(() => ({
+    ), p = n(() => ({
       "b-dropdown-base-textbox__input--dynamic-filtering": t.dynamicFiltering
-    })), h = n(() => t.dynamicFiltering && !!t.value && t.open), y = n(
+    })), S = n(() => t.dynamicFiltering && !!t.value && t.open), m = n(
       () => {
-        var S;
+        var g;
         return {
           "aria-haspopup": "listbox",
           "aria-controls": t.ariaControls,
-          "aria-describedby": (S = o["aria-describedby"]) == null ? void 0 : S.toString(),
+          "aria-describedby": (g = o["aria-describedby"]) == null ? void 0 : g.toString(),
           "aria-expanded": t.ariaExpanded ? "true" : "false",
           "aria-labelledby": t.ariaLabelledby,
           "aria-label": t.ariaLabelledby ? null : t.ariaLabel,
@@ -1955,31 +1957,31 @@ const Kl = /* @__PURE__ */ Symbol("dropdown small size injection key"), rt = /*
       }
     ), k = n(
       () => t.multiple ? t.selectedValueItem : []
-    ), B = n(() => t.dynamicFiltering && (t.open || t.alwaysComboboxIsInput)), b = n(() => t.selectedValueItem && !t.multiple), L = n(
+    ), B = n(() => t.dynamicFiltering && (t.open || t.alwaysComboboxIsInput)), b = n(() => t.selectedValueItem && !t.multiple), O = n(
       () => t.multiple && t.selectedValueItem && k.value.length > 0 && t.showSlotContentInMultiple
     );
     te(
       () => B.value,
       () => {
-        B.value && !t.alwaysComboboxIsInput && W(() => {
+        B.value && !t.alwaysComboboxIsInput && j(() => {
           v.value.focus();
         });
       }
     );
     const T = async () => {
-      !t.disabled && !t.readonly && (l(K.OPEN), await W(), v.value.focus());
-    }, I = () => {
-      t.open && (v.value.focus(), l(K.CLOSE));
-    }, w = (S) => t.open && S.target.tagName === "INPUT" ? null : t.open ? I() : T(), N = () => {
-      l(K.CLEAR), l(K.INPUT, ""), v.value.focus();
-    }, A = (S) => {
-      !t.readonly && !t.disabled ? l(K.INPUT, S.target.value) : (S.preventDefault(), S.stopPropagation());
-    }, g = () => {
+      !t.disabled && !t.readonly && (l(Y.OPEN), await j(), v.value.focus());
+    }, L = (g) => {
+      t.open && (g && ue(g), v.value.focus(), l(Y.CLOSE));
+    }, w = (g) => t.open && g.target.tagName === "INPUT" ? null : t.open ? L() : T(), N = () => {
+      l(Y.CLEAR), l(Y.INPUT, ""), v.value.focus();
+    }, A = (g) => {
+      !t.readonly && !t.disabled ? l(Y.INPUT, g.target.value) : (g.preventDefault(), g.stopPropagation());
+    }, h = () => {
       v.value.focus();
     };
     return e({
-      focus: g
-    }), { __sfc: !0, t: s, attrs: o, slots: i, hasSlot: r, props: t, emit: l, textbox: v, textboxId: d, isUnderlineStyle: c, conditionalClasses: m, showRequiredAttribute: p, comboboxConditionalClasses: f, isFiltering: h, ariaAttributes: y, selectedValueItems: k, shouldShowInput: B, shouldShowSingleSelectSlot: b, shouldShowMultipleSlot: L, onOpenDropdown: T, onCloseDropdown: I, onToggleDropdown: w, onClearSearch: N, onInputEvent: A, focus: g, BentoTypography: ie, DropdownBaseTextboxEvent: K, CrossCircleFillIcon: ft, CrossCircleFillSmallIcon: bt, BentoDropdownSize: ge };
+      focus: h
+    }), { __sfc: !0, t: s, attrs: o, slots: i, hasSlot: r, props: t, emit: l, textbox: v, textboxId: u, isUnderlineStyle: c, conditionalClasses: _, showRequiredAttribute: f, comboboxConditionalClasses: p, isFiltering: S, ariaAttributes: m, selectedValueItems: k, shouldShowInput: B, shouldShowSingleSelectSlot: b, shouldShowMultipleSlot: O, onOpenDropdown: T, onCloseDropdown: L, onToggleDropdown: w, onClearSearch: N, onInputEvent: A, focus: h, BentoTypography: ie, DropdownBaseTextboxEvent: Y, CrossCircleFillIcon: ft, CrossCircleFillSmallIcon: bt, BentoDropdownSize: ge };
   }
 });
 var jl = function() {
@@ -2003,13 +2005,13 @@ var jl = function() {
   }, keyup: function(s) {
     return !s.type.indexOf("key") && e._k(s.keyCode, "space", 32, s.key, [" ", "Spacebar"]) ? null : t.onClearSearch.apply(null, arguments);
   } } }, [e.size === t.BentoDropdownSize.SMALL ? l(t.CrossCircleFillSmallIcon, { attrs: { "svg-title": t.t("clearSearch") } }) : l(t.CrossCircleFillIcon, { attrs: { "svg-title": t.t("clearSearch") } })], 1) : e._e()])], 1);
-}, Hl = [], Jl = /* @__PURE__ */ G(
+}, Hl = [], Jl = /* @__PURE__ */ K(
   Wl,
   jl,
   Hl,
   !1,
   null,
-  "4d2fd594"
+  "20b3acdb"
 );
 const ct = Jl.exports, Xl = U({
   name: "dropdown-default-textbox",
@@ -2103,34 +2105,34 @@ const ct = Jl.exports, Xl = U({
   },
   emits: ["clear", "close", "input", "keydown", "open"],
   setup(a, { expose: e, emit: l }) {
-    const t = a, s = Oe(), o = E(null), i = n(() => ({
-      [`b-dropdown-default-textbox--${Z.ERROR}`]: !t.disabled && !t.readonly && t.isInvalid,
-      [`b-dropdown-default-textbox--${Z.DISABLED}`]: t.disabled,
-      [`b-dropdown-default-textbox--${Z.READONLY}`]: t.readonly,
-      [`b-dropdown-default-textbox--${Z.OPENED}`]: t.open,
+    const t = a, s = Oe(), o = I(null), i = n(() => ({
+      [`b-dropdown-default-textbox--${Q.ERROR}`]: !t.disabled && !t.readonly && t.isInvalid,
+      [`b-dropdown-default-textbox--${Q.DISABLED}`]: t.disabled,
+      [`b-dropdown-default-textbox--${Q.READONLY}`]: t.readonly,
+      [`b-dropdown-default-textbox--${Q.OPENED}`]: t.open,
       "b-dropdown-default-textbox--condensed": t.condensed
-    })), r = n(() => t.open && !t.disabled && !t.readonly), v = (y) => {
-      l("input", y);
-    }, d = (y) => {
-      l("keydown", y);
-    }, c = (y) => {
-      ye(y), l("open");
-    }, m = (y) => {
-      ye(y), l("close");
-    }, p = (y) => {
-      ye(y), l("clear");
-    }, f = {
-      [K.INPUT]: v,
-      [K.OPEN]: c,
-      [K.CLOSE]: m,
-      [K.CLEAR]: p,
-      [K.KEYDOWN]: d
-    }, h = () => {
+    })), r = n(() => t.open && !t.disabled && !t.readonly), v = (m) => {
+      l("input", m);
+    }, u = (m) => {
+      l("keydown", m);
+    }, c = (m) => {
+      ue(m), l("open");
+    }, _ = (m) => {
+      ue(m), l("close");
+    }, f = (m) => {
+      ue(m), l("clear");
+    }, p = {
+      [Y.INPUT]: v,
+      [Y.OPEN]: c,
+      [Y.CLOSE]: _,
+      [Y.CLEAR]: f,
+      [Y.KEYDOWN]: u
+    }, S = () => {
       o.value.focus();
     };
     return e({
-      focus: h
-    }), { __sfc: !0, emit: l, slots: s, props: t, baseTextbox: o, conditionalClasses: i, isDropdownOpen: r, onInput: v, onKeyDown: d, openDropdown: c, closeDropdown: m, clearValue: p, listeners: f, focus: h, DropdownBaseTextbox: ct, ChevronDownIcon: tt, ChevronUpIcon: lt };
+      focus: S
+    }), { __sfc: !0, emit: l, slots: s, props: t, baseTextbox: o, conditionalClasses: i, isDropdownOpen: r, onInput: v, onKeyDown: u, openDropdown: c, closeDropdown: _, clearValue: f, listeners: p, focus: S, DropdownBaseTextbox: ct, ChevronDownIcon: tt, ChevronUpIcon: lt };
   }
 });
 var Ql = function() {
@@ -2142,7 +2144,7 @@ var Ql = function() {
   }), { key: "icon", fn: function() {
     return [l("div", { staticClass: "b-dropdown-default-textbox__chevron" }, [l(t.ChevronUpIcon, { directives: [{ name: "show", rawName: "v-show", value: t.isDropdownOpen, expression: "isDropdownOpen" }], attrs: { "svg-title": "opened" } }), l(t.ChevronDownIcon, { directives: [{ name: "show", rawName: "v-show", value: !t.isDropdownOpen, expression: "!isDropdownOpen" }], attrs: { "svg-title": "closed" } })], 1)];
   }, proxy: !0 }], null, !0) }, "dropdown-base-textbox", { ...e.$attrs, ...e.$props }, !1), t.listeners))], 1);
-}, ea = [], ta = /* @__PURE__ */ G(
+}, ea = [], ta = /* @__PURE__ */ K(
   Zl,
   Ql,
   ea,
@@ -2160,7 +2162,7 @@ const aa = {
 var sa = function() {
   var e = this, l = e._self._c;
   return l("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? l("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), l("path", { attrs: { fill: "#001222", d: "M5.00011 5.43922L8.00011 8.43922L11.0001 5.43922L12.0608 6.49988L8.00011 10.5605L3.93945 6.49988L5.00011 5.43922Z" } })]);
-}, oa = [], na = /* @__PURE__ */ G(
+}, oa = [], na = /* @__PURE__ */ K(
   aa,
   sa,
   oa,
@@ -2178,15 +2180,15 @@ const ra = {
 var ca = function() {
   var e = this, l = e._self._c;
   return l("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? l("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), l("path", { attrs: { fill: "#001222", d: "M10.9999 10.5608L7.9999 7.56077L4.9999 10.5608L3.93924 9.50011L7.9999 5.43945L12.0606 9.50011L10.9999 10.5608Z" } })]);
-}, ua = [], da = /* @__PURE__ */ G(
+}, da = [], ua = /* @__PURE__ */ K(
   ra,
   ca,
-  ua,
+  da,
   !1,
   null,
   null
 );
-const pa = da.exports, fa = U({
+const pa = ua.exports, fa = U({
   name: "dropdown-small-textbox",
   inheritAttrs: !1
 }), ba = /* @__PURE__ */ U({
@@ -2247,33 +2249,33 @@ const pa = da.exports, fa = U({
   },
   emits: ["clear", "close", "input", "keydown", "open"],
   setup(a, { expose: e, emit: l }) {
-    const t = a, s = E(null), o = ze(rt, !1), i = n(() => ({
-      [`b-dropdown-small-textbox--${Z.DISABLED}`]: t.disabled,
-      [`b-dropdown-small-textbox--${Z.READONLY}`]: t.readonly,
-      [`b-dropdown-small-textbox--${Z.OPENED}`]: t.open,
+    const t = a, s = I(null), o = ze(rt, !1), i = n(() => ({
+      [`b-dropdown-small-textbox--${Q.DISABLED}`]: t.disabled,
+      [`b-dropdown-small-textbox--${Q.READONLY}`]: t.readonly,
+      [`b-dropdown-small-textbox--${Q.OPENED}`]: t.open,
       "b-dropdown-small-textbox--underline": o
-    })), r = n(() => t.open && !t.disabled && !t.readonly), v = (y) => {
-      l("input", y);
-    }, d = (y) => {
-      l("keydown", y);
-    }, c = (y) => {
-      ye(y), l("open");
-    }, m = (y) => {
-      ye(y), l("close");
-    }, p = (y) => {
-      ye(y), l("clear");
-    }, f = {
-      [K.INPUT]: v,
-      [K.OPEN]: c,
-      [K.CLOSE]: m,
-      [K.CLEAR]: p,
-      [K.KEYDOWN]: d
-    }, h = () => {
+    })), r = n(() => t.open && !t.disabled && !t.readonly), v = (m) => {
+      l("input", m);
+    }, u = (m) => {
+      l("keydown", m);
+    }, c = (m) => {
+      ue(m), l("open");
+    }, _ = (m) => {
+      ue(m), l("close");
+    }, f = (m) => {
+      ue(m), l("clear");
+    }, p = {
+      [Y.INPUT]: v,
+      [Y.OPEN]: c,
+      [Y.CLOSE]: _,
+      [Y.CLEAR]: f,
+      [Y.KEYDOWN]: u
+    }, S = () => {
       s.value.focus();
     };
     return e({
-      focus: h
-    }), { __sfc: !0, emit: l, props: t, baseTextbox: s, isUnderlineStyle: o, conditionalClasses: i, isDropdownOpen: r, onInput: v, onKeyDown: d, openDropdown: c, closeDropdown: m, clearValue: p, listeners: f, focus: h, BentoDropdownSize: ge, DropdownBaseTextbox: ct, ChevronDownSmallIcon: ia, ChevronUpSmallIcon: pa };
+      focus: S
+    }), { __sfc: !0, emit: l, props: t, baseTextbox: s, isUnderlineStyle: o, conditionalClasses: i, isDropdownOpen: r, onInput: v, onKeyDown: u, openDropdown: c, closeDropdown: _, clearValue: f, listeners: p, focus: S, BentoDropdownSize: ge, DropdownBaseTextbox: ct, ChevronDownSmallIcon: ia, ChevronUpSmallIcon: pa };
   }
 });
 var va = function() {
@@ -2281,7 +2283,7 @@ var va = function() {
   return l("div", { staticClass: "b-dropdown-small-textbox", class: t.conditionalClasses }, [l(t.DropdownBaseTextbox, e._g(e._b({ ref: "baseTextbox", staticClass: "b-dropdown-small-textbox__textbox", attrs: { size: t.BentoDropdownSize.SMALL }, scopedSlots: e._u([{ key: "icon", fn: function() {
     return [l("div", { staticClass: "b-dropdown-small-textbox__chevron" }, [l(t.ChevronUpSmallIcon, { directives: [{ name: "show", rawName: "v-show", value: t.isDropdownOpen, expression: "isDropdownOpen" }], attrs: { "svg-title": "opened" } }), l(t.ChevronDownSmallIcon, { directives: [{ name: "show", rawName: "v-show", value: !t.isDropdownOpen, expression: "!isDropdownOpen" }], attrs: { "svg-title": "closed" } })], 1)];
   }, proxy: !0 }]) }, "dropdown-base-textbox", { ...e.$attrs, ...e.$props }, !1), t.listeners))], 1);
-}, ma = [], _a = /* @__PURE__ */ G(
+}, ma = [], _a = /* @__PURE__ */ K(
   ba,
   va,
   ma,
@@ -2305,7 +2307,7 @@ const ya = _a.exports, ga = (a, e) => e.value.reduce((l, t) => {
     })
   );
   return n(() => l.value.length ? s.value ? ga(l, a) : l.value.map(({ label: i, displayValue: r }) => r ?? i).join(", ") : e.value || null);
-}, ut = (a) => {
+}, dt = (a) => {
   var e;
   (e = a.value.$children) == null || e[0].$refs.textbox.focus();
 }, Sa = ({
@@ -2318,77 +2320,79 @@ const ya = _a.exports, ga = (a, e) => e.value.reduce((l, t) => {
   isMultiple: i,
   totalItemCount: r,
   isVirtualScroll: v
-}, d, c, m) => {
-  const p = async (O) => {
-    var P;
-    s.value && await W(), (P = o.value[O]) == null || P.focus();
-  }, f = async (O) => {
-    var Q, le;
-    s.value && await W();
-    const P = (Q = e.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef) == null ? void 0 : Q.$el.querySelectorAll(
+}, u, c, _) => {
+  const f = async (E) => {
+    var F;
+    s.value && await j(), (F = o.value[E]) == null || F.focus();
+  }, p = async (E) => {
+    var le, q;
+    s.value && await j();
+    const F = (le = e.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef) == null ? void 0 : le.$el.querySelectorAll(
       "button"
     );
-    P != null && P.length ? (le = P[O]) == null || le.focus() : p(O);
-  }, h = (O) => {
-    var P;
-    return (P = e.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef) == null ? void 0 : P.setListboxFocusedIndex(
-      O
+    F != null && F.length ? (q = F[E]) == null || q.focus() : f(E);
+  }, S = (E) => {
+    var F;
+    return (F = e.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef) == null ? void 0 : F.setListboxFocusedIndex(
+      E
     );
-  }, y = async (O) => {
-    var P;
-    await ((P = e.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef) == null ? void 0 : P.navigateToItem(O));
-  }, k = (O) => {
-    W(() => {
-      v ? y(O) : (h(O), p(O));
+  }, m = async (E) => {
+    var F;
+    await ((F = e.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef) == null ? void 0 : F.navigateToItem(E));
+  }, k = (E) => {
+    j(() => {
+      v ? m(E) : (S(E), f(E));
     });
   }, B = () => {
     t.value || c(), k(0);
   }, b = () => {
-    t.value || c(), W(() => {
+    t.value || c(), j(() => {
       k(v ? r.value - 1 : o.value.length - 1);
     });
-  }, L = ({ detail: O }) => {
-    O.preventDefault(), B();
-  }, T = ({ detail: O }) => {
-    O.preventDefault(), b();
-  }, I = () => {
-    B();
-  }, w = () => {
-    b();
-  }, N = ({ detail: O }) => {
-    O.preventDefault(), d(), t.value && (i ? f(0) : k(l.value));
-  }, A = ({ detail: O }) => {
-    O.preventDefault(), d(), t.value && (i ? f(0) : k(l.value));
-  }, g = () => {
-    t.value && m();
-  }, S = () => {
-    t.value && (m(), ut(a));
+  }, O = (E) => {
+    E.preventDefault(), E.stopPropagation();
+  }, T = ({ detail: E }) => {
+    O(E), B();
+  }, L = ({ detail: E }) => {
+    O(E), b();
+  }, w = ({ detail: E }) => {
+    O(E), B();
+  }, N = ({ detail: E }) => {
+    O(E), b();
+  }, A = ({ detail: E }) => {
+    O(E), u(), t.value && (i ? p(0) : k(l.value));
+  }, h = ({ detail: E }) => {
+    O(E), u(), t.value && (i ? p(0) : k(l.value));
+  }, g = ({ detail: E }) => {
+    E.stopPropagation(), t.value && _();
+  }, R = ({ detail: E }) => {
+    E.stopPropagation(), t.value && (_(), dt(a));
   };
   return n(() => ({
-    [z.ARROW_DOWN]: L,
-    [z.ARROW_UP]: T,
-    [z.HOME]: I,
-    [z.END]: w,
-    ...s.value ? {} : { [z.SPACE]: N },
-    [z.ENTER]: A,
+    [z.ARROW_DOWN]: T,
+    [z.ARROW_UP]: L,
+    [z.HOME]: w,
+    [z.END]: N,
+    ...s.value ? {} : { [z.SPACE]: A },
+    [z.ENTER]: h,
     ...s.value ? {} : { [z.TAB]: g },
-    [z.ESCAPE]: S
+    [z.ESCAPE]: R
   }));
 }, xa = ({ inputContainerRef: a, isDropdownOpen: e }, l) => {
   const t = () => {
-    e.value && l(), W(() => {
-      ut(a);
+    e.value && l(), j(() => {
+      dt(a);
     });
   };
   return {
-    [u.ENTER]: t,
-    [u.ESCAPE]: t,
-    [u.TAB]: t,
-    [u.SPACE]: t
+    [d.ENTER]: t,
+    [d.ESCAPE]: t,
+    [d.TAB]: t,
+    [d.SPACE]: t
   };
 };
 function Ca(a, e, l, t, s) {
-  const o = E(a), i = E(e), r = (c, m = []) => m.flatMap((p) => p.label.toLocaleLowerCase().includes(c) ? t != null && t.value && p.items ? [...r(c, p.items)] : [p, ...r(c, p.items)] : p.items ? [...r(c, p.items)] : []), v = l !== void 0 ? it(() => l(o.value), s ?? 300) : void 0;
+  const o = I(a), i = I(e), r = (c, _ = []) => _.flatMap((f) => f.label.toLocaleLowerCase().includes(c) ? t != null && t.value && f.items ? [...r(c, f.items)] : [f, ...r(c, f.items)] : f.items ? [...r(c, f.items)] : []), v = l !== void 0 ? it(() => l(o.value), s ?? 300) : void 0;
   return te(o, () => {
     v !== void 0 && v();
   }), n(() => {
@@ -2479,7 +2483,7 @@ const Oa = {
     items: { default: () => [] },
     loading: { type: Boolean, default: !1 },
     componentLoading: { type: Boolean, default: !1 },
-    lazyLoadType: { default: Fe.props.lazyLoadType.default },
+    lazyLoadType: { default: Pe.props.lazyLoadType.default },
     multiple: { type: Boolean, default: !1 },
     search: { default: void 0 },
     showSlotContentInMultiple: { type: Boolean, default: !1 },
@@ -2493,32 +2497,32 @@ const Oa = {
   },
   emits: ["input", "update:model-value", "show-more", "open"],
   setup(a, { expose: e, emit: l }) {
-    var F, ce;
-    const t = a, s = Ve(), o = Oe(), i = et(o), { t: r } = de(), { emitValue: v } = mt(l), d = E(null), c = E(null), m = E(null), p = E(!1), f = ne("bento-dropdown-options-container"), h = ne("dropdown-label"), y = ne("dropdown-description"), k = ne("dropdown-error"), { isReadOnly: B } = _t(q(t, "readonly")), b = n(() => t.modelValue ?? t.value), { cachedSelectedListboxOptions: L, cachedListboxSelectedValues: T, setCachedValues: I } = Ml(
-      q(t, "items"),
+    var P, ce;
+    const t = a, s = Ve(), o = Oe(), i = et(o), { t: r } = pe(), { emitValue: v } = mt(l), u = I(null), c = I(null), _ = I(null), f = I(!1), p = ne("bento-dropdown-options-container"), S = ne("dropdown-label"), m = ne("dropdown-description"), k = ne("dropdown-error"), { isReadOnly: B } = _t(W(t, "readonly")), b = n(() => t.modelValue ?? t.value), { cachedSelectedListboxOptions: O, cachedListboxSelectedValues: T, setCachedValues: L } = Ml(
+      W(t, "items"),
       b,
-      q(t, "multiple"),
-      q(t, "enableValueLabelPair")
-    ), w = E(s["aria-label"]), N = E(s["aria-describedby"]), { ariaLabel: A, label: g } = Qe(t), S = n(() => r("ariaLabelFallback")), R = vt({
+      W(t, "multiple"),
+      W(t, "enableValueLabelPair")
+    ), w = I(s["aria-label"]), N = I(s["aria-describedby"]), { ariaLabel: A, label: h } = Qe(t), g = n(() => r("ariaLabelFallback")), R = vt({
       // TODO: take ariaLabel ref away when aria-label prop is removed
       ariaLabel: A.value || w,
-      label: g,
-      defaultFallback: S
-    }), O = t.size === ge.SMALL || ze(Kl, !1), P = n(() => O ? ge.SMALL : ge.DEFAULT), Q = n(() => ({
+      label: h,
+      defaultFallback: g
+    }), G = t.size === ge.SMALL || ze(Kl, !1), E = n(() => G ? ge.SMALL : ge.DEFAULT), F = n(() => ({
       "b-dropdown--condensed": t.condensed
     })), le = n(() => ({
       "b-dropdown__description--error": !!t.errorMessage
-    })), Y = E(""), V = q(t, "items"), ae = q(t, "staticCategories"), pe = Ca(
-      Y,
+    })), q = I(""), V = W(t, "items"), ae = W(t, "staticCategories"), fe = Ca(
+      q,
       V,
-      (F = t == null ? void 0 : t.search) == null ? void 0 : F.searchEvent,
+      (P = t == null ? void 0 : t.search) == null ? void 0 : P.searchEvent,
       ae,
       (ce = t == null ? void 0 : t.search) == null ? void 0 : ce.debounceTime
-    ), he = n(() => t.dynamicFiltering && !!Y.value), Re = ha({
+    ), he = n(() => t.dynamicFiltering && !!q.value), Re = ha({
       items: V,
-      placeholder: q(t, "placeholder"),
-      isMultiSelect: q(t, "multiple"),
-      selectedValues: L
+      placeholder: W(t, "placeholder"),
+      isMultiSelect: W(t, "multiple"),
+      selectedValues: O
     }), Me = n(() => {
       if (t != null && t.multiple && Array.isArray(b.value))
         return t.items.filter(
@@ -2526,85 +2530,85 @@ const Oa = {
         );
       if (!t.multiple && t.staticCategories) {
         const $ = t.items.find(
-          (X) => {
+          (Z) => {
             var se;
-            return (se = X.items) == null ? void 0 : se.some((Ae) => Ae.value === b.value);
+            return (se = Z.items) == null ? void 0 : se.some((Ae) => Ae.value === b.value);
           }
         );
-        return ($ ? $.items.find((X) => X.value === b.value) : t.items.find(({ value: X }) => X === b.value)) ?? null;
+        return ($ ? $.items.find((Z) => Z.value === b.value) : t.items.find(({ value: Z }) => Z === b.value)) ?? null;
       }
       return t.items.find(({ value: $ }) => $ === b.value);
-    }), fe = n(() => {
-      const j = (H.value ? re.value : pe.value).findIndex(({ value: X }) => {
+    }), be = n(() => {
+      const H = (J.value ? re.value : fe.value).findIndex(({ value: Z }) => {
         var se;
-        return t.enableValueLabelPair ? ((se = b.value) == null ? void 0 : se.value) === X : b.value === X;
+        return t.enableValueLabelPair ? ((se = b.value) == null ? void 0 : se.value) === Z : b.value === Z;
       });
-      return j > -1 ? j : 0;
-    }), { isMultiLevelSelect: H, flattenedItemsList: re } = nt(V), Se = n(() => H.value && !t.staticCategories), Ee = n(() => Se.value ? "treeitem" : "option"), Ie = n(() => {
+      return H > -1 ? H : 0;
+    }), { isMultiLevelSelect: J, flattenedItemsList: re } = nt(V), Se = n(() => J.value && !t.staticCategories), Ee = n(() => Se.value ? "treeitem" : "option"), Ie = n(() => {
       if (t.multiple) {
-        const $ = Array.isArray(b.value) ? b.value.length : 0, j = H.value ? re.value.length : V.value.length;
-        return $ === 0 ? null : !t.hasMoreItems && j > 0 && j === $ ? r("all") : $;
+        const $ = Array.isArray(b.value) ? b.value.length : 0, H = J.value ? re.value.length : V.value.length;
+        return $ === 0 ? null : !t.hasMoreItems && H > 0 && H === $ ? r("all") : $;
       }
       return null;
     }), Le = n(
       () => [
-        t.description ? y : null,
+        t.description ? m : null,
         N.value,
         t.errorMessage ? k : null
       ].filter(Boolean).join(" ") || null
-    ), be = n(() => {
+    ), ve = n(() => {
       var $;
-      return ($ = m.value) == null ? void 0 : $.$el;
-    }), { visibleDomOptions: xe, updateVisibleDomOptions: ve } = Ue(
-      be,
-      pe,
+      return ($ = _.value) == null ? void 0 : $.$el;
+    }), { visibleDomOptions: xe, updateVisibleDomOptions: me } = Ue(
+      ve,
+      fe,
       Ee
-    ), me = () => {
-      B.value || (p.value = !0, W(() => {
-        ve();
+    ), _e = () => {
+      B.value || (f.value = !0, j(() => {
+        me();
       }));
-    }, _e = () => {
-      p.value = !1;
+    }, ye = () => {
+      f.value = !1;
     }, Ce = () => {
-      B.value || (p.value = !p.value, W(() => {
-        ve();
-      }), he.value && (Y.value = ""));
+      B.value || (f.value = !f.value, j(() => {
+        me();
+      }), he.value && (q.value = ""));
     }, Te = () => {
-      he.value && (Y.value = ""), p.value && (p.value = !1, m.value.onOutsideDropdownClick());
+      he.value && (q.value = ""), f.value && (f.value = !1, _.value.onOutsideDropdownClick());
     }, Ne = n(() => [
       Te,
       {
-        ignore: [be]
+        ignore: [ve]
       }
     ]), we = async ($) => {
-      t.multiple || (Y.value = "", p.value = !1), I($), v(T.value), t.multiple || (await W(), M());
-    }, _ = () => {
-      l(u.SHOW_MORE);
+      t.multiple || (q.value = "", f.value = !1), L($), v(T.value), t.multiple || (await j(), M());
+    }, y = () => {
+      l(d.SHOW_MORE);
     }, x = Sa(
       {
-        inputContainerRef: d,
-        optionsContainerRef: m,
-        selectedValueIndex: fe,
-        isDropdownOpen: p,
-        isDynamicFltering: q(t, "dynamicFiltering"),
+        inputContainerRef: u,
+        optionsContainerRef: _,
+        selectedValueIndex: be,
+        isDropdownOpen: f,
+        isDynamicFltering: W(t, "dynamicFiltering"),
         items: xe,
         isMultiple: t.multiple,
-        totalItemCount: n(() => pe.value.length),
+        totalItemCount: n(() => fe.value.length),
         isVirtualScroll: !(t != null && t.multiple) && (t == null ? void 0 : t.virtualScroll) !== !1 && (t == null ? void 0 : t.lazyLoadType) === "none"
       },
       Ce,
-      me,
-      _e
+      _e,
+      ye
     ), C = xa(
       {
-        inputContainerRef: d,
-        isDropdownOpen: p
+        inputContainerRef: u,
+        isDropdownOpen: f
       },
-      _e
+      ye
     ), D = {
-      [u.CLOSE_DROPDOWN]: _e,
-      [u.SELECT]: we,
-      [u.SHOW_MORE]: _,
+      [d.CLOSE_DROPDOWN]: ye,
+      [d.SELECT]: we,
+      [d.SHOW_MORE]: y,
       ...C
     };
     t.error && $e(
@@ -2620,25 +2624,25 @@ const Oa = {
       "2.0.0"
     );
     const M = () => {
-      d.value.focus();
-    }, J = async () => {
-      var X, se, Ae, Ke, qe;
-      if (await W(), !p.value || t.multiple || !m.value)
+      u.value.focus();
+    }, X = async () => {
+      var Z, se, Ae, Ke, qe;
+      if (await j(), !f.value || t.multiple || !_.value)
         return;
-      const $ = fe.value;
+      const $ = be.value;
       if ($ <= 0)
         return;
-      const j = (Ke = (Ae = (se = (X = m.value) == null ? void 0 : X.$refs) == null ? void 0 : se.dropdownOptionsListboxRef) == null ? void 0 : Ae.$refs) == null ? void 0 : Ke.listboxItemRef;
-      (qe = j == null ? void 0 : j.scrollToItem) == null || qe.call(j, $);
+      const H = (Ke = (Ae = (se = (Z = _.value) == null ? void 0 : Z.$refs) == null ? void 0 : se.dropdownOptionsListboxRef) == null ? void 0 : Ae.$refs) == null ? void 0 : Ke.listboxItemRef;
+      (qe = H == null ? void 0 : H.scrollToItem) == null || qe.call(H, $);
     };
     return te(
-      () => p.value,
+      () => f.value,
       ($) => {
-        $ && (l("open"), J());
+        $ && (l("open"), X());
       }
     ), e({
       focus: M
-    }), { __sfc: !0, attrs: s, slots: o, hasSlot: i, props: t, emit: l, t: r, emitValue: v, inputContainerRef: d, inputContainerRefWrapper: c, optionsContainerRef: m, isDropdownOpen: p, dropdownOptionsContainerId: f, labelId: h, descriptionId: y, errorId: k, isReadOnly: B, dropdownValue: b, cachedSelectedListboxOptions: L, cachedListboxSelectedValues: T, setCachedValues: I, ariaLabelAttribute: w, ariaDescribedByAttribute: N, ariaLabel: A, label: g, computedAriaLabelFallbackMessage: S, computedAriaLabel: R, isInputComponent: O, computedSize: P, conditionalClasses: Q, descriptionConditionalClasses: le, searchTerm: Y, items: V, staticCategories: ae, filteredItems: pe, isSearching: he, displayValue: Re, selectedValueItem: Me, selectedValueIndex: fe, isMultiLevelSelect: H, flattenedItemsList: re, isTreePattern: Se, computedOptionRole: Ee, additionalItemsSelected: Ie, ariaDescribedBy: Le, listboxRef: be, visibleDomOptions: xe, updateVisibleDomOptions: ve, openDropdown: me, closeDropdown: _e, toggleDropdown: Ce, clickOutsideDropdown: Te, clickOutsideDropdownOptions: Ne, onOptionSelected: we, emitShowMoreEvent: _, textboxKeyboardNavigationListeners: x, listboxKeyboardNavigationListeners: C, listboxListeners: D, focus: M, scrollToSelectedOption: J, BentoDropdownOptionsContainer: Gl, BentoTypography: ie, ErrorMessage: wt, FieldLabel: Tt, BentoTeleport: It, vBentoClickOutsideDirective: Lt, vBentoKeyboardNavigationDirective: ke };
+    }), { __sfc: !0, attrs: s, slots: o, hasSlot: i, props: t, emit: l, t: r, emitValue: v, inputContainerRef: u, inputContainerRefWrapper: c, optionsContainerRef: _, isDropdownOpen: f, dropdownOptionsContainerId: p, labelId: S, descriptionId: m, errorId: k, isReadOnly: B, dropdownValue: b, cachedSelectedListboxOptions: O, cachedListboxSelectedValues: T, setCachedValues: L, ariaLabelAttribute: w, ariaDescribedByAttribute: N, ariaLabel: A, label: h, computedAriaLabelFallbackMessage: g, computedAriaLabel: R, isInputComponent: G, computedSize: E, conditionalClasses: F, descriptionConditionalClasses: le, searchTerm: q, items: V, staticCategories: ae, filteredItems: fe, isSearching: he, displayValue: Re, selectedValueItem: Me, selectedValueIndex: be, isMultiLevelSelect: J, flattenedItemsList: re, isTreePattern: Se, computedOptionRole: Ee, additionalItemsSelected: Ie, ariaDescribedBy: Le, listboxRef: ve, visibleDomOptions: xe, updateVisibleDomOptions: me, openDropdown: _e, closeDropdown: ye, toggleDropdown: Ce, clickOutsideDropdown: Te, clickOutsideDropdownOptions: Ne, onOptionSelected: we, emitShowMoreEvent: y, textboxKeyboardNavigationListeners: x, listboxKeyboardNavigationListeners: C, listboxListeners: D, focus: M, scrollToSelectedOption: X, BentoDropdownOptionsContainer: Gl, BentoTypography: ie, ErrorMessage: wt, FieldLabel: Tt, BentoTeleport: It, vBentoClickOutsideDirective: Lt, vBentoKeyboardNavigationDirective: ke };
   }
 });
 var La = function() {
@@ -2657,7 +2661,7 @@ var La = function() {
   })], null, !0) }, t.listboxListeners))], 1) : e._e(), e.errorMessage ? l(t.ErrorMessage, { staticClass: "b-dropdown__error-message", attrs: { id: t.errorId, "error-message": e.errorMessage } }) : e._e(), e.description || t.hasSlot("description") ? l(t.BentoTypography, { staticClass: "b-dropdown__description", class: t.descriptionConditionalClasses, attrs: { id: t.descriptionId, el: "span" } }, [e._t("description", function() {
     return [e._v(" " + e._s(e.description) + " ")];
   })], 2) : e._e()], 1);
-}, Ta = [], wa = /* @__PURE__ */ G(
+}, Ta = [], wa = /* @__PURE__ */ K(
   Ia,
   La,
   Ta,
@@ -2670,10 +2674,10 @@ export {
   ss as B,
   Kt as C,
   la as D,
-  u as a,
+  d as a,
   oe as b,
   ge as c,
-  Fe as d,
+  Pe as d,
   nt as e,
   Ca as f,
   it as g,
@@ -2682,4 +2686,4 @@ export {
   Ge as j,
   Ml as u
 };
-//# sourceMappingURL=dropdown.NTGSuWAw.js.map
+//# sourceMappingURL=dropdown.B21PZqp4.js.map