@adyen/bento-vue2 1.100.0 → 1.100.1

package/dist/chunks/{dropdown.CLHXtH0r.js → dropdown.C0k4Mkmd.js}

@@ -1,55 +1,55 @@
-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 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 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";
+import { computed as n, ref as E, onMounted as ct, onUnmounted as ut, watch as oe, defineComponent as U, nextTick as j, toRef as W, useSlots as Oe, useAttrs as Ve, toRefs as Xe, inject as ze } from "vue";
+import { B as re, d as $e } from "./typography.C8lPlsbD.js";
+import { g as ie } from "./generate-uid.NJ8tVoha.js";
+import { u as fe } from "./index.B6WW_F-J.js";
+import { s as pe } from "./events.BQOQSSb7.js";
+import { u as Ze } from "./use-has-slot.C9lQZ6nz.js";
+import { C as dt } from "./cross-circle-fill.DTDtgLMf.js";
+import { C as pt } from "./cross-circle-fill-small.DfxDedRr.js";
+import { n as G } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
+import { C as Qe } from "./chevron-down.eYtgv5ly.js";
+import { C as et } from "./chevron-up.d8cwIlA_.js";
 /* empty css              */
-import { u as vt } from "./aria-label.CaUURpnB.js";
-import { u as mt } from "./form-field.D_2g7vaP.js";
-import { u as _t } from "./use-form-layout-loading.CWbjZiwP.js";
+import { u as ft } from "./aria-label.CaUURpnB.js";
+import { u as bt } from "./form-field.D_2g7vaP.js";
+import { u as vt } from "./use-form-layout-loading.CWbjZiwP.js";
 import { B as z, a as ke } from "./keyboard-navigation.DWmhelVv.js";
-import { B as yt } from "./loading-indicator.PxbRzshH.js";
-import { B as gt } from "./empty-state.Be3Np0rd.js";
-import { o as ht } from "./resize.Bqks3WUm.js";
+import { B as mt } from "./loading-indicator.PxbRzshH.js";
+import { B as _t } from "./empty-state.Be3Np0rd.js";
+import { o as yt } from "./resize.Bqks3WUm.js";
 import "./index.Cl4_42j5.js";
-import { C as De, N as St } from "./minus-small.DJacLGTw.js";
-import { C as xt } from "./checkmark-small.DVDtD4HQ.js";
-import { B as Ct } from "./chip.BFY_-VCz.js";
-import { a as Ot, b as Ye, h as Et, e as It } from "./button-actions.Dxez8SNL.js";
-import { B as Lt } from "./directive.BBWhsNtO.js";
-import { F as Tt } from "./field-label.CkMM3cXO.js";
-import { E as wt } from "./error-message.CyERcfdt.js";
-import { P as We } from "./popper-container.dxpRn9a5.js";
+import { C as De, N as gt } from "./minus-small.DJacLGTw.js";
+import { C as ht } from "./checkmark-small.DVDtD4HQ.js";
+import { B as St } from "./chip.BFY_-VCz.js";
+import { a as xt, b as Ke, h as Ct, e as Ot } from "./button-actions.Dxez8SNL.js";
+import { B as Et } from "./directive.BBWhsNtO.js";
+import { F as It } from "./field-label.CkMM3cXO.js";
+import { E as Lt } from "./error-message.CyERcfdt.js";
+import { P as qe } from "./popper-container.dxpRn9a5.js";
 import "../assets/dropdown.css";
-const at = (a, e, l, t) => {
-  const s = n(
+const tt = (a, e, l, t) => {
+  const o = n(
     () => {
-      var r, v;
-      return !!((r = a.value) != null && r.length) && ((v = a.value) == null ? void 0 : v.length) === e.value.length;
+      var r, _;
+      return !!((r = a.value) != null && r.length) && ((_ = a.value) == null ? void 0 : _.length) === e.value.length;
     }
-  ), o = n(() => {
+  ), s = n(() => {
     var r;
     return a.value == null || a.value.length === 0 ? !1 : ((r = a.value) == null ? void 0 : r.length) !== e.value.length;
   });
   return {
-    isAllSelected: s,
-    isIndeterminate: o,
+    isAllSelected: o,
+    isIndeterminate: s,
     toggleSelectAll: (r) => {
       r ? l() : t();
     }
   };
 };
-function At(a, { disabled: e, itemHeight: l, overscan: t = 5, prefixHeight: s }) {
-  const o = I(null), i = I([]), r = I(0), v = I(0), u = I(0);
+function Tt(a, { disabled: e, itemHeight: l, overscan: t = 5, prefixHeight: o }) {
+  const s = E(null), i = E([]), r = E(0), _ = E(0), p = E(0);
   let c;
-  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);
+  const m = n(() => {
+    const b = typeof l == "number" ? a.value.length * l : a.value.reduce((L, T, w) => L + l(w), 0), O = typeof l == "number" ? r.value * l : a.value.slice(0, r.value).reduce((L, T, w) => L + l(w), 0);
     return {
       style: {
         marginTop: `${O}px`,
@@ -57,61 +57,61 @@ function At(a, { disabled: e, itemHeight: l, overscan: t = 5, prefixHeight: s })
       }
     };
   }), f = () => {
-    const b = (s == null ? void 0 : s.value) ?? 0, O = Math.max(o.value.scrollTop - b, 0);
+    const b = (o == null ? void 0 : o.value) ?? 0, O = Math.max(s.value.scrollTop - b, 0);
     if (typeof l == "number")
       return Math.floor(O / l);
-    let T = 0, L = 0;
+    let L = 0, T = 0;
     for (let w = 0; w < a.value.length; w += 1) {
-      const N = l(w);
-      if (T += N, T >= O) {
-        L = w;
+      const F = l(w);
+      if (L += F, L >= O) {
+        T = w;
         break;
       }
     }
-    return L;
-  }, p = () => {
-    if (u.value = o.value.clientHeight, typeof l == "number")
-      return Math.ceil(u.value / l);
+    return T;
+  }, d = () => {
+    if (p.value = s.value.clientHeight, typeof l == "number")
+      return Math.ceil(p.value / l);
     const b = r.value ?? 0;
-    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)
+    let O = 0, L = 0;
+    for (let T = b; T < a.value.length; T += 1) {
+      const w = l(T);
+      if (O += w, L = T, O > p.value)
         break;
     }
-    return T - b;
+    return L - b;
   }, S = () => {
-    if (o.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);
+    if (s.value) {
+      const b = d();
+      r.value = f(), _.value = Math.min(r.value + b + t, a.value.length), i.value = a.value.slice(r.value, _.value);
     }
-  }, m = () => {
+  }, y = () => {
     S();
   };
-  e || (ut(() => {
-    o.value && (u.value = o.value.clientHeight, c = ht(o.value, ({ clientHeight: b }) => {
-      u.value = b, S();
+  e || (ct(() => {
+    s.value && (p.value = s.value.clientHeight, c = yt(s.value, ({ clientHeight: b }) => {
+      p.value = b, S();
     }), S());
-  }), pt(() => {
+  }), ut(() => {
     c == null || c.disconnect();
-  }), te(
+  }), oe(
     () => a.value,
     () => {
       S();
     }
   ));
-  const k = {
-    ref: o,
+  const B = {
+    ref: s,
     style: { overflowY: "auto" }
-  }, B = (b) => {
-    if (!o.value)
+  }, R = (b) => {
+    if (!s.value)
       return;
-    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();
+    const O = typeof l == "number" ? b * l : a.value.slice(0, b).reduce((k, v, A) => k + l(A), 0), L = typeof l == "number" ? l : l(b), T = O + L, { scrollTop: w, clientHeight: F } = s.value, I = w + F;
+    T > I ? s.value.scrollTop = F > 0 ? T - F : O : O < w && (s.value.scrollTop = O), S();
   };
   return e ? {
-    containerRef: o,
-    containerProps: k,
+    containerRef: s,
+    containerProps: B,
     // eslint-disable-next-line @typescript-eslint/no-empty-function
     onScroll: () => {
     },
@@ -119,22 +119,22 @@ function At(a, { disabled: e, itemHeight: l, overscan: t = 5, prefixHeight: s })
     // eslint-disable-next-line @typescript-eslint/no-empty-function
     scrollToIndex: () => {
     },
-    startIndex: I(0)
+    startIndex: E(0)
   } : {
-    containerRef: o,
-    containerProps: k,
-    onScroll: m,
+    containerRef: s,
+    containerProps: B,
+    onScroll: y,
     list: i,
-    wrapperProps: _,
-    scrollToIndex: B,
+    wrapperProps: m,
+    scrollToIndex: R,
     startIndex: r
   };
 }
-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({
+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 || {}), ne = /* @__PURE__ */ ((a) => (a.AUTOMATIC = "automatic", a.BUTTON = "button", a.NONE = "none", a))(ne || {});
+const wt = U({
   name: "bento-listbox-static-category",
   components: {
-    BentoTypography: ie
+    BentoTypography: re
   },
   props: {
     /**
@@ -146,18 +146,18 @@ const Dt = U({
     }
   }
 });
-var kt = function() {
+var At = 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__ */ K(
+}, Dt = [], kt = /* @__PURE__ */ G(
+  wt,
+  At,
   Dt,
-  kt,
-  Bt,
   !1,
   null,
   "bfbc1649"
 );
-const Mt = Rt.exports, Nt = U({
+const Bt = kt.exports, Rt = U({
   name: "bento-listbox-option",
   props: {
     /**
@@ -169,7 +169,7 @@ const Mt = Rt.exports, Nt = U({
      */
     selected: { type: Boolean, default: !1 }
   },
-  emits: [d.CLICK, d.ENTER, d.SPACE, d.TAB],
+  emits: [u.CLICK, u.ENTER, u.SPACE, u.TAB],
   setup(a, { emit: e }) {
     const l = n(() => ({
       "b-listbox-option--disabled": a.disabled,
@@ -178,20 +178,20 @@ const Mt = Rt.exports, Nt = U({
     return {
       // Enums
       BentoKeyboardNavigationKeyDownEvent: z,
-      BentoListboxEvent: d,
+      BentoListboxEvent: u,
       // Values
       conditionalClasses: l,
       // Events
-      onClick: (o) => {
-        e(d.CLICK, o);
+      onClick: (s) => {
+        e(u.CLICK, s);
       },
-      onOptionSelected: (o, i) => {
-        e(o, i);
+      onOptionSelected: (s, i) => {
+        e(s, i);
       }
     };
   }
 });
-var $t = function() {
+var Mt = function() {
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("div", e._b({ staticClass: "b-listbox-option", class: e.conditionalClasses, attrs: { role: "option" }, on: { click: e.onClick, keydown: [function(t) {
     return !t.type.indexOf("key") && e._k(t.keyCode, "enter", 13, t.key, "Enter") ? null : e.onOptionSelected(e.BentoListboxEvent.ENTER, t);
@@ -200,38 +200,38 @@ 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);
-}, Pt = [], Ft = /* @__PURE__ */ K(
+}, Nt = [], $t = /* @__PURE__ */ G(
+  Rt,
+  Mt,
   Nt,
-  $t,
-  Pt,
   !1,
   null,
   "c345b6c0"
 );
-const Be = Ft.exports;
-let je = 0;
-const Vt = {
+const Be = $t.exports;
+let Ye = 0;
+const Pt = {
   beforeCreate() {
-    this.uuid = je.toString(), je += 1;
+    this.uuid = Ye.toString(), Ye += 1;
   }
 };
-var zt = function() {
+var Ft = 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__ */ K(
+}, Vt = [], zt = /* @__PURE__ */ G(
+  Pt,
+  Ft,
   Vt,
-  zt,
-  Ut,
   !1,
   null,
   null
 );
-const Kt = Gt.exports, qt = U({
+const Ut = zt.exports, Gt = U({
   name: "bento-listbox-single-select-option",
   components: {
     BentoListboxOption: Be,
-    BentoTypography: ie,
-    CheckmarkIcon: Kt
+    BentoTypography: re,
+    CheckmarkIcon: Ut
   },
   props: {
     /**
@@ -251,24 +251,24 @@ const Kt = Gt.exports, qt = U({
      */
     selected: { type: Boolean, default: !1 }
   },
-  emits: [d.ENTER, d.SELECT, d.SPACE, d.TAB],
+  emits: [u.ENTER, u.SELECT, u.SPACE, u.TAB],
   setup(a, { emit: e }) {
     const l = (i) => {
       a.disabled || e(i, a.option);
-    }, t = n(() => a.disabled ? !0 : null), s = n(() => a.selected ? !0 : null), o = n(() => a.disabled ? -1 : 0);
+    }, t = n(() => a.disabled ? !0 : null), o = n(() => a.selected ? !0 : null), s = n(() => a.disabled ? -1 : 0);
     return {
       // Values
       ariaDisabled: t,
-      ariaSelected: s,
-      tabIndex: o,
+      ariaSelected: o,
+      tabIndex: s,
       // Enums
-      BentoListboxEvent: d,
+      BentoListboxEvent: u,
       // Events
       onOptionSelected: l
     };
   }
 });
-var Yt = function() {
+var Kt = function() {
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("bento-listbox-option", { staticClass: "b-listbox-single-select-option", attrs: { disabled: e.disabled, selected: e.selected, "aria-selected": e.ariaSelected, "aria-disabled": e.ariaDisabled, tabindex: e.tabIndex }, on: { click: function(t) {
     return e.onOptionSelected(e.BentoListboxEvent.SELECT);
@@ -281,85 +281,85 @@ 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__ */ K(
+}, qt = [], Yt = /* @__PURE__ */ G(
+  Gt,
+  Kt,
   qt,
-  Yt,
-  Wt,
   !1,
   null,
   "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 = I(0), o = (p) => {
-    switch (p) {
+const Wt = Yt.exports, lt = ({ items: a, totalItemCount: e }, l) => {
+  const t = n(() => e != null && e.value ? e.value - 1 : a.value.length - 1), o = E(0), s = (d) => {
+    switch (d) {
       case "increase":
-        s.value += 1;
+        o.value += 1;
         break;
       case "decrease":
-        s.value -= 1;
+        o.value -= 1;
         break;
     }
-  }, i = ({ edgeCaseItem: p }, S) => {
-    s.value !== p && (o(S), l(s.value));
-  }, r = (p) => {
-    f(p), i(
+  }, i = ({ edgeCaseItem: d }, S) => {
+    o.value !== d && (s(S), l(o.value));
+  }, r = (d) => {
+    f(d), i(
       {
         edgeCaseItem: t.value
       },
       "increase"
       /* INCREASE */
     );
-  }, v = (p) => {
-    f(p), i(
+  }, _ = (d) => {
+    f(d), i(
       {
         edgeCaseItem: 0
       },
       "decrease"
       /* DECREASE */
     );
-  }, 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();
+  }, p = (d) => {
+    f(d), o.value = 0, l(o.value);
+  }, c = (d) => {
+    f(d), o.value = t.value, l(o.value);
+  }, m = (d) => {
+    o.value = d;
+  }, f = (d) => {
+    var S, y;
+    (S = d == null ? void 0 : d.detail) == null || S.preventDefault(), (y = d == null ? void 0 : d.detail) == null || y.stopPropagation();
   };
   return {
-    moveToFirstElement: u,
+    moveToFirstElement: p,
     moveToLastElement: c,
     moveToNextElement: r,
-    moveToPreviousElement: v,
-    setListboxFocusedIndex: _,
+    moveToPreviousElement: _,
+    setListboxFocusedIndex: m,
     preventDefault: f,
-    focusedIndex: s
+    focusedIndex: o
   };
-}, Ue = (a, e, l = I("option"), t = !0) => {
-  const s = I([]), o = async () => {
+}, Ue = (a, e, l = E("option"), t = !0) => {
+  const o = E([]), s = async () => {
     if (!a.value || a.value.nodeType === Node.COMMENT_NODE)
       return;
     const i = Array.from(a.value.querySelectorAll(`[role="${l.value}"]`));
-    s.value = t ? i.filter((r) => r.checkVisibility()) : i;
+    o.value = t ? i.filter((r) => r.checkVisibility()) : i;
   };
-  return te(
+  return oe(
     e,
     () => {
       j(() => {
-        o();
+        s();
       });
     },
     { immediate: !0 }
   ), {
-    visibleDomOptions: s,
-    updateVisibleDomOptions: o
+    visibleDomOptions: o,
+    updateVisibleDomOptions: s
   };
-}, Jt = U({
+}, jt = U({
   name: "bento-listbox-single-select",
   components: {
-    BentoListboxSingleSelectCategory: Mt,
-    BentoListboxSingleSelectOption: Ht
+    BentoListboxSingleSelectCategory: Bt,
+    BentoListboxSingleSelectOption: Wt
   },
   directives: { BentoKeyboardNavigationDirective: ke },
   inheritAttrs: !1,
@@ -415,74 +415,78 @@ const Ht = jt.exports, st = ({ items: a, totalItemCount: e }, l) => {
      */
     virtualScrollStartIndex: { type: Number, default: 0 }
   },
-  emits: [d.SELECT, d.ENTER, d.SPACE, d.TAB],
-  setup(a, { emit: e, expose: l, slots: t, attrs: s }) {
-    const o = I(null), i = I([]), r = n(() => {
-      var h;
-      return !!((h = a.selectedValue) != null && h.length) && a.selectedValue.at(0);
-    }), v = n(
+  emits: [u.SELECT, u.ENTER, u.SPACE, u.TAB],
+  setup(a, { emit: e, expose: l, slots: t, attrs: o }) {
+    const s = E(), i = E([]), r = n(() => {
+      var v;
+      return !!((v = a.selectedValue) != null && v.length) && a.selectedValue.at(0);
+    }), _ = n(
       () => {
-        var h, g, R, G;
+        var v, A, M, g;
         return {
-          "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": (G = s["aria-live"]) == null ? void 0 : G.toString()
+          "aria-label": (v = o["aria-label"]) == null ? void 0 : v.toString(),
+          "aria-busy": (A = o["aria-busy"]) == null ? void 0 : A.toString(),
+          "aria-atomic": (M = o["aria-atomic"]) == null ? void 0 : M.toString(),
+          "aria-live": (g = o["aria-live"]) == null ? void 0 : g.toString()
         };
       }
-    ), u = n(() => !!a.items.some(({ items: h }) => !!h)), c = (h) => (g) => {
-      e(h, [g]);
-    }, { visibleDomOptions: _, updateVisibleDomOptions: f } = Ue(
-      o,
+    ), p = n(() => !!a.items.some(({ items: v }) => !!v)), c = (v) => (A) => {
+      e(v, [A]);
+    }, { visibleDomOptions: m, updateVisibleDomOptions: f } = Ue(
+      s,
       W(a, "items"),
-      I("option"),
+      E("option"),
       !1
-    ), p = n(() => a.totalItemCount > 0), S = (h) => {
-      if (!p.value)
+    ), d = n(() => a.totalItemCount > 0), S = (v) => {
+      if (!d.value)
         return;
-      const g = h.target;
-      if (g === o.value || (g == null ? void 0 : g.getAttribute("role")) !== "option")
+      const A = v.target;
+      if (A === s.value || (A == null ? void 0 : A.getAttribute("role")) !== "option")
         return;
-      const R = _.value.indexOf(g);
-      if (R !== -1) {
-        const G = R + a.virtualScrollStartIndex;
-        w(G);
+      const M = m.value.indexOf(A);
+      if (M !== -1) {
+        const g = M + a.virtualScrollStartIndex;
+        F(g);
       }
-    }, 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();
+    }, y = async (v) => {
+      var A, M;
+      if (d.value && a.scrollToIndex) {
+        a.scrollToIndex(v), await j(), await f();
+        const g = v - a.virtualScrollStartIndex;
+        (A = m.value[g]) == null || A.focus();
       } else
-        (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" });
+        (M = m.value[v]) == null || M.focus();
+    }, B = async (v) => {
+      F(v), await y(v);
+    }, R = (v, A) => {
+      if (!v || !A)
+        return;
+      const M = v.getBoundingClientRect(), g = A, N = g.getBoundingClientRect();
+      M.top < N.top ? g.scrollTop -= N.top - M.top : M.bottom > N.bottom && (g.scrollTop += M.bottom - N.bottom);
+    }, b = async (v, A) => {
+      await f(), d.value && a.scrollToIndex ? a.scrollToIndex(v) : R(m.value[v], A);
     }, {
-      moveToNextElement: b,
-      moveToPreviousElement: O,
+      moveToNextElement: O,
+      moveToPreviousElement: L,
       moveToFirstElement: T,
-      moveToLastElement: L,
-      setListboxFocusedIndex: w
-    } = st(
+      moveToLastElement: w,
+      setListboxFocusedIndex: F
+    } = lt(
       {
-        items: _,
+        items: m,
         totalItemCount: W(a, "totalItemCount")
       },
-      m
-    ), N = {
-      [z.ARROW_UP]: O,
-      [z.ARROW_DOWN]: b,
+      y
+    ), I = {
+      [z.ARROW_UP]: L,
+      [z.ARROW_DOWN]: O,
       [z.HOME]: T,
-      [z.END]: L
-    }, A = {
-      [d.SELECT]: c(d.SELECT),
-      [d.SPACE]: c(d.SPACE),
-      [d.TAB]: c(d.TAB),
-      [d.ENTER]: c(d.ENTER)
+      [z.END]: w
+    }, k = {
+      [u.SELECT]: c(u.SELECT),
+      [u.SPACE]: c(u.SPACE),
+      [u.TAB]: c(u.TAB),
+      [u.ENTER]: c(u.ENTER)
     };
     return l({
       /**
@@ -494,87 +498,87 @@ const Ht = jt.exports, st = ({ items: a, totalItemCount: e }, l) => {
        * 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: w,
+      setListboxFocusedIndex: F,
       /**
        * Navigates to an item by global index, handling virtual scroll if enabled.
        * Scrolls the virtual list and focuses the item.
        */
-      navigateToItem: k,
+      navigateToItem: B,
       /**
        * 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: B
+      scrollToItem: b
     }), {
       // Enums
-      BentoListboxEvent: d,
+      BentoListboxEvent: u,
       // Values
-      listboxRef: o,
+      listboxRef: s,
       listboxItemRef: i,
       selectedItem: r,
       slots: t,
-      ariaAttributes: v,
+      ariaAttributes: _,
       // Computed
-      hasCategories: u,
+      hasCategories: p,
       // Methods
       onOptionSelected: c,
       // Keyboard navigation
-      listboxListeners: N,
-      listboxOptionListeners: A,
+      listboxListeners: I,
+      listboxOptionListeners: k,
       // Virtual scroll focus management
       handleVirtualScrollingFocus: S
     };
   }
 });
-var Xt = function() {
+var Ht = function() {
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("div", e._g(e._b({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], ref: "listboxRef", attrs: { role: "listbox" }, on: { focusin: e.handleVirtualScrollingFocus } }, "div", e.ariaAttributes, !1), e.listboxListeners), [e.hasCategories && e.staticCategories ? [e._l(e.items, function(t) {
-    return [t.items && t.items.length > 0 ? l("bento-listbox-single-select-category", { key: `category-${t.value}`, attrs: { "category-label": t.label } }, e._l(t.items, function(s) {
-      return l("bento-listbox-single-select-option", e._g({ key: s.value, ref: "listboxItemRef", refInFor: !0, attrs: { role: "option", option: s, disabled: e.isOptionDisabled ? e.isOptionDisabled(s) : null, selected: s.value === e.selectedItem.value }, scopedSlots: e._u([e._l(e.slots, function(o, i) {
+    return [t.items && t.items.length > 0 ? l("bento-listbox-single-select-category", { key: `category-${t.value}`, attrs: { "category-label": t.label } }, e._l(t.items, function(o) {
+      return l("bento-listbox-single-select-option", e._g({ key: o.value, ref: "listboxItemRef", refInFor: !0, attrs: { role: "option", option: o, disabled: e.isOptionDisabled ? e.isOptionDisabled(o) : null, selected: o.value === e.selectedItem.value }, scopedSlots: e._u([e._l(e.slots, function(s, i) {
         return { key: i, fn: function(r) {
           return [e._t(i, null, null, r)];
         } };
       })], null, !0) }, e.listboxOptionListeners));
-    }), 1) : l("bento-listbox-single-select-option", e._g({ key: `option-${t.value}`, ref: "listboxItemRef", refInFor: !0, attrs: { role: "option", option: t, disabled: e.isOptionDisabled ? e.isOptionDisabled(t) : null, selected: t.value === e.selectedItem.value }, scopedSlots: e._u([e._l(e.slots, function(s, o) {
-      return { key: o, fn: function(i) {
-        return [e._t(o, null, null, i)];
+    }), 1) : l("bento-listbox-single-select-option", e._g({ key: `option-${t.value}`, ref: "listboxItemRef", refInFor: !0, attrs: { role: "option", option: t, disabled: e.isOptionDisabled ? e.isOptionDisabled(t) : null, selected: t.value === e.selectedItem.value }, scopedSlots: e._u([e._l(e.slots, function(o, s) {
+      return { key: s, fn: function(i) {
+        return [e._t(s, null, null, i)];
       } };
     })], null, !0) }, e.listboxOptionListeners))];
   })] : e._l(e.items, function(t) {
-    return l("bento-listbox-single-select-option", e._g({ key: t.value, ref: "listboxItemRef", refInFor: !0, attrs: { role: "option", option: t, disabled: e.isOptionDisabled ? e.isOptionDisabled(t) : null, selected: t.value === e.selectedItem.value }, scopedSlots: e._u([e._l(e.slots, function(s, o) {
-      return { key: o, fn: function(i) {
-        return [e._t(o, null, null, i)];
+    return l("bento-listbox-single-select-option", e._g({ key: t.value, ref: "listboxItemRef", refInFor: !0, attrs: { role: "option", option: t, disabled: e.isOptionDisabled ? e.isOptionDisabled(t) : null, selected: t.value === e.selectedItem.value }, scopedSlots: e._u([e._l(e.slots, function(o, s) {
+      return { key: s, fn: function(i) {
+        return [e._t(s, null, null, i)];
       } };
     })], null, !0) }, e.listboxOptionListeners));
   })], 2);
-}, Zt = [], Qt = /* @__PURE__ */ K(
+}, Jt = [], Xt = /* @__PURE__ */ G(
+  jt,
+  Ht,
   Jt,
-  Xt,
-  Zt,
   !1,
   null,
   null
 );
-const el = Qt.exports;
-let He = 0;
-const tl = {
+const Zt = Xt.exports;
+let We = 0;
+const Qt = {
   beforeCreate() {
-    this.uuid = He.toString(), He += 1;
+    this.uuid = We.toString(), We += 1;
   }
 };
-var ll = function() {
+var el = 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__ */ K(
+}, tl = [], ll = /* @__PURE__ */ G(
+  Qt,
+  el,
   tl,
-  ll,
-  al,
   !1,
   null,
   null
 );
-const ol = sl.exports, nl = {}, il = /* @__PURE__ */ U({
-  ...nl,
+const al = ll.exports, ol = {}, sl = /* @__PURE__ */ U({
+  ...ol,
   __name: "decorative-checkbox",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -590,23 +594,23 @@ const ol = sl.exports, nl = {}, il = /* @__PURE__ */ U({
       [`b-checkbox-input__outline--${De.CHECKED}`]: (e.checked || e.allSelected) && !e.indeterminate,
       [`b-checkbox-input__outline--${De.INDETERMINATE}`]: e.indeterminate
     }));
-    return { __sfc: !0, props: e, conditionalClasses: l, outlineConditionalClasses: t, CheckmarkSmallIcon: xt, MinusSmallIcon: St, DoubleCheckmarkSmallIcon: ol };
+    return { __sfc: !0, props: e, conditionalClasses: l, outlineConditionalClasses: t, CheckmarkSmallIcon: ht, MinusSmallIcon: gt, DoubleCheckmarkSmallIcon: al };
   }
 });
-var rl = function() {
+var nl = 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 = [], dl = /* @__PURE__ */ K(
+}, il = [], rl = /* @__PURE__ */ G(
+  sl,
+  nl,
   il,
-  rl,
-  cl,
   !1,
   null,
   "b87bbaf9"
 );
-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 = {
+const Ge = rl.exports;
+var at = /* @__PURE__ */ ((a) => (a.DISABLED = "disabled", a.STATIC_CATEGORY = "static-category", a))(at || {}), de = /* @__PURE__ */ ((a) => (a.SELECT_CATEGORY = "select-category", a.UNSELECT_CATEGORY = "unselect-category", a.TOGGLE_CATEGORY_VISIBILITY = "toggle-category-visibility", a))(de || {});
+const cl = {
   "de-DE": {
     categoryClosed: "{category} geschlossen",
     categoryOpened: "{category} geöffnet"
@@ -647,14 +651,14 @@ const ul = {
     categoryClosed: "{category} 已关闭",
     categoryOpened: "{category} 已打开"
   }
-}, pl = U({
-  i18n: { messages: ul },
+}, ul = U({
+  i18n: { messages: cl },
   name: "bento-listbox-multi-select-category",
   components: {
-    BentoTypography: ie,
+    BentoTypography: re,
     BentoListboxOption: Be,
-    ChevronDownIcon: tt,
-    ChevronUpIcon: lt,
+    ChevronDownIcon: Qe,
+    ChevronUpIcon: et,
     DecorativeCheckbox: Ge
   },
   props: {
@@ -706,70 +710,70 @@ const ul = {
     de.TOGGLE_CATEGORY_VISIBILITY
   ],
   setup(a, { emit: e }) {
-    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 = W(a, "staticCategories"), u = n(() => l.value || a.staticCategories), c = n(() => ({
-      [`b-listbox-multi-select-category--${ot.DISABLED}`]: r.value
-    })), _ = (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 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: h, isPreSelected: g } = f(A);
-        return h && g || !h;
+    const l = E(!1), { t } = fe(), o = ie("category-group"), s = ie("category-name"), i = (I) => a.isOptionDisabled ? a.isOptionDisabled(I) : !1, r = n(
+      () => a.category.items.every((I) => i(I))
+    ), _ = W(a, "staticCategories"), p = n(() => l.value || a.staticCategories), c = n(() => ({
+      [`b-listbox-multi-select-category--${at.DISABLED}`]: r.value
+    })), m = (I, k) => {
+      I.preventDefault(), l.value = k !== void 0 ? k : !l.value, e(de.TOGGLE_CATEGORY_VISIBILITY, a.category.value);
+    }, f = (I) => {
+      var A;
+      const k = i(I), v = ((A = a.selectedItemsList) == null ? void 0 : A.includes(I.value)) || !1;
+      return { isDisabled: k, isPreSelected: v };
+    }, d = n(
+      () => a.category.items.filter((I) => {
+        const { isDisabled: k, isPreSelected: v } = f(I);
+        return k && v || !k;
       })
     ), S = n(
       () => {
-        var A;
-        return (A = p.value) == null ? void 0 : A.filter(
-          ({ value: h }) => {
-            var g;
-            return (g = a.selectedItemsList) == null ? void 0 : g.includes(h);
+        var I;
+        return (I = d.value) == null ? void 0 : I.filter(
+          ({ value: k }) => {
+            var v;
+            return (v = a.selectedItemsList) == null ? void 0 : v.includes(k);
           }
         );
       }
-    ), m = n(() => {
-      const A = l.value ? "categoryOpened" : "categoryClosed";
-      return t(A, { category: a.category.label });
-    }), k = () => {
+    ), y = n(() => {
+      const I = l.value ? "categoryOpened" : "categoryClosed";
+      return t(I, { category: a.category.label });
+    }), B = () => {
       e(de.SELECT_CATEGORY);
-    }, B = () => {
+    }, R = () => {
       e(de.UNSELECT_CATEGORY);
-    }, { isAllSelected: b, isIndeterminate: O, toggleSelectAll: T } = at(
+    }, { isAllSelected: b, isIndeterminate: O, toggleSelectAll: L } = tt(
       S,
-      p,
-      k,
-      B
-    ), L = n(() => O.value ? "mixed" : `${b.value}`), w = I(b.value), N = () => {
-      w.value = !w.value, T(w.value);
+      d,
+      B,
+      R
+    ), T = n(() => O.value ? "mixed" : `${b.value}`), w = E(b.value), F = () => {
+      w.value = !w.value, L(w.value);
     };
-    return te(b, () => {
+    return oe(b, () => {
       w.value = b.value;
     }), {
       // Values
-      chevronTitle: m,
+      chevronTitle: y,
       conditionalClass: c,
       hasAllPropsDisabled: r,
       isOpen: l,
       isAllSelected: b,
       isIndeterminate: O,
-      isStaticCategory: v,
-      categoryGroupId: s,
-      categoryNameId: o,
+      isStaticCategory: _,
+      categoryGroupId: o,
+      categoryNameId: s,
       // Computed
-      showItemChildren: u,
-      ariaCheckedComputed: L,
+      showItemChildren: p,
+      ariaCheckedComputed: T,
       // Methods
-      handleSelectAll: N,
-      toggleOpen: _,
-      toggleSelectAll: T
+      handleSelectAll: F,
+      toggleOpen: m,
+      toggleSelectAll: L
     };
   }
 });
-var fl = function() {
+var dl = function() {
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("div", [e.isStaticCategory ? l("div", { staticClass: "b-listbox-multi-select-category b-listbox-multi-select-category--static-category", attrs: { "aria-hidden": "true" } }, [l("span", { staticClass: "b-listbox-multi-select-category__label" }, [l("bento-typography", { staticClass: "b-listbox-multi-select-category__label-text", attrs: { el: "span", variant: "caption" } }, [e._v(" " + e._s(e.category.label) + " ")])], 1)]) : l("bento-listbox-option", { staticClass: "b-listbox-multi-select-category__option", class: e.conditionalClass, attrs: { tabindex: e.tabindex, "aria-selected": e.ariaCheckedComputed !== "false", "aria-checked": e.ariaCheckedComputed, "aria-disabled": e.hasAllPropsDisabled, "aria-expanded": `${e.isOpen}`, role: "treeitem", "aria-owns": e.categoryGroupId, "aria-labelledby": e.categoryNameId }, on: { click: e.handleSelectAll, "enter-pressed": e.handleSelectAll, "space-pressed": function(t) {
     return t.preventDefault(), e.handleSelectAll.apply(null, arguments);
@@ -780,22 +784,22 @@ 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__ */ K(
+}, pl = [], fl = /* @__PURE__ */ G(
+  ul,
+  dl,
   pl,
-  fl,
-  bl,
   !1,
   null,
   "00ccd708"
 );
-const ml = vl.exports;
-var ee = /* @__PURE__ */ ((a) => (a.SELECT_CATEGORY = "select-category", a.TOGGLE_CHECKBOX_SELECTION = "toggle-checkbox-selection", a.UNSELECT_CATEGORY = "unselect-category", a.TOGGLE_CATEGORY_VISIBILITY = "toggle-category-visibility", a))(ee || {});
-const _l = U({
+const bl = fl.exports;
+var ae = /* @__PURE__ */ ((a) => (a.SELECT_CATEGORY = "select-category", a.TOGGLE_CHECKBOX_SELECTION = "toggle-checkbox-selection", a.UNSELECT_CATEGORY = "unselect-category", a.TOGGLE_CATEGORY_VISIBILITY = "toggle-category-visibility", a))(ae || {});
+const vl = U({
   name: "listbox-multi-select-options",
   components: {
     BentoListboxOption: Be,
-    BentoTypography: ie,
-    ListboxMultiSelectCategory: ml,
+    BentoTypography: re,
+    ListboxMultiSelectCategory: bl,
     DecorativeCheckbox: Ge
   },
   inheritAttrs: !1,
@@ -866,23 +870,23 @@ const _l = U({
     }
   },
   emits: [
-    ee.TOGGLE_CHECKBOX_SELECTION,
-    ee.SELECT_CATEGORY,
-    ee.UNSELECT_CATEGORY,
-    ee.TOGGLE_CATEGORY_VISIBILITY
+    ae.TOGGLE_CHECKBOX_SELECTION,
+    ae.SELECT_CATEGORY,
+    ae.UNSELECT_CATEGORY,
+    ae.TOGGLE_CATEGORY_VISIBILITY
   ],
   setup(a, { emit: e }) {
-    const l = (u) => {
-      a.isOptionDisabled(u) || e(ee.TOGGLE_CHECKBOX_SELECTION, u);
-    }, t = (u) => !!u.items, s = (u) => {
+    const l = (p) => {
+      a.isOptionDisabled(p) || e(ae.TOGGLE_CHECKBOX_SELECTION, p);
+    }, t = (p) => !!p.items, o = (p) => {
       const c = a.isMultiLevel && a.searching;
-      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);
+      return p.description && (!a.isMultiLevel || c);
+    }, s = (p) => p.items ? !!p.items.find((c) => a.selectedItemsList.includes(c.value)) : a.selectedItemsList.includes(p.value), i = (p) => {
+      if (t(p)) {
+        const c = s(p) ? ae.UNSELECT_CATEGORY : ae.SELECT_CATEGORY;
+        e(c, p);
       } else
-        l(u);
+        l(p);
     };
     return {
       // Values
@@ -891,65 +895,65 @@ const _l = U({
         "b-listbox-multi-select-options__category-option": a.categoryItems
       })),
       // Methods
-      isOptionSelected: o,
-      shouldShowDescription: s,
+      isOptionSelected: s,
+      shouldShowDescription: o,
       toggleCheckboxSelection: l,
       toggleSearchOption: i,
-      computedTabindex: (u) => a.itemsIndex[u] === a.focusedIndex ? 0 : -1,
+      computedTabindex: (p) => a.itemsIndex[p] === a.focusedIndex ? 0 : -1,
       // Enums
-      BentoListboxEvent: d,
-      ListboxMultiSelectOptionsEvent: ee
+      BentoListboxEvent: u,
+      ListboxMultiSelectOptionsEvent: ae
     };
   }
 });
-var yl = function() {
+var ml = function() {
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("div", e._l(e.items, function(t) {
-    return l("div", { key: `selected-${t.value}` }, [e.searching && e.isMultiLevel ? [l("bento-listbox-option", { staticClass: "b-listbox-multi-select-options", class: e.conditionalClasses, attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(t) : null, tabindex: e.computedTabindex(t.value), "aria-selected": `${e.isOptionSelected(t)}`, "aria-checked": `${e.isOptionSelected(t)}`, "aria-disabled": e.isOptionDisabled ? e.isOptionDisabled(t) : null, role: e.$attrs.role || "option" }, on: { click: function(s) {
+    return l("div", { key: `selected-${t.value}` }, [e.searching && e.isMultiLevel ? [l("bento-listbox-option", { staticClass: "b-listbox-multi-select-options", class: e.conditionalClasses, attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(t) : null, tabindex: e.computedTabindex(t.value), "aria-selected": `${e.isOptionSelected(t)}`, "aria-checked": `${e.isOptionSelected(t)}`, "aria-disabled": e.isOptionDisabled ? e.isOptionDisabled(t) : null, role: e.$attrs.role || "option" }, on: { click: function(o) {
       return e.toggleSearchOption(t);
-    }, "enter-pressed": function(s) {
+    }, "enter-pressed": function(o) {
       return e.toggleSearchOption(t);
-    }, "space-pressed": function(s) {
-      return s.preventDefault(), e.toggleSearchOption(t);
+    }, "space-pressed": function(o) {
+      return o.preventDefault(), e.toggleSearchOption(t);
     } } }, [l("decorative-checkbox", { attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(t) : null, checked: e.isOptionSelected(t) } }), e._t("default", 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)] : [t.items ? [l("listbox-multi-select-category", { attrs: { category: t, "static-categories": e.staticCategories, "is-option-disabled": e.isOptionDisabled, "selected-items-list": e.selectedItemsList, tabindex: e.computedTabindex(t.value) }, on: { "select-category": function(s) {
+    }, null, t)], 2)] : [t.items ? [l("listbox-multi-select-category", { attrs: { category: t, "static-categories": e.staticCategories, "is-option-disabled": e.isOptionDisabled, "selected-items-list": e.selectedItemsList, tabindex: e.computedTabindex(t.value) }, on: { "select-category": function(o) {
       return e.$emit(e.ListboxMultiSelectOptionsEvent.SELECT_CATEGORY, t);
-    }, "unselect-category": function(s) {
+    }, "unselect-category": function(o) {
       return e.$emit(e.ListboxMultiSelectOptionsEvent.UNSELECT_CATEGORY, t);
-    }, "toggle-category-visibility": function(s) {
-      return e.$emit(e.ListboxMultiSelectOptionsEvent.TOGGLE_CATEGORY_VISIBILITY, s);
-    } } }, [l("listbox-multi-select-options", { attrs: { "category-items": "", items: t.items, "is-option-disabled": e.isOptionDisabled, "items-index": e.itemsIndex, "focused-index": e.focusedIndex, "is-multi-level": e.isMultiLevel, "static-categories": e.staticCategories, "selected-items-list": e.selectedItemsList, searching: e.searching, role: e.$attrs.role || "option" }, on: { "toggle-checkbox-selection": (s) => e.toggleCheckboxSelection(s) } })], 1)] : l("bento-listbox-option", { staticClass: "b-listbox-multi-select-options", class: e.conditionalClasses, attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(t) : null, tabindex: e.computedTabindex(t.value), "aria-selected": `${e.isOptionSelected(t)}`, "aria-checked": `${e.isOptionSelected(t)}`, "aria-disabled": e.isOptionDisabled ? e.isOptionDisabled(t) : null, role: e.$attrs.role || "option" }, on: { click: function(s) {
+    }, "toggle-category-visibility": function(o) {
+      return e.$emit(e.ListboxMultiSelectOptionsEvent.TOGGLE_CATEGORY_VISIBILITY, o);
+    } } }, [l("listbox-multi-select-options", { attrs: { "category-items": "", items: t.items, "is-option-disabled": e.isOptionDisabled, "items-index": e.itemsIndex, "focused-index": e.focusedIndex, "is-multi-level": e.isMultiLevel, "static-categories": e.staticCategories, "selected-items-list": e.selectedItemsList, searching: e.searching, role: e.$attrs.role || "option" }, on: { "toggle-checkbox-selection": (o) => e.toggleCheckboxSelection(o) } })], 1)] : l("bento-listbox-option", { staticClass: "b-listbox-multi-select-options", class: e.conditionalClasses, attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(t) : null, tabindex: e.computedTabindex(t.value), "aria-selected": `${e.isOptionSelected(t)}`, "aria-checked": `${e.isOptionSelected(t)}`, "aria-disabled": e.isOptionDisabled ? e.isOptionDisabled(t) : null, role: e.$attrs.role || "option" }, on: { click: function(o) {
       return e.toggleCheckboxSelection(t);
-    }, "enter-pressed": function(s) {
+    }, "enter-pressed": function(o) {
       return e.toggleCheckboxSelection(t);
-    }, "space-pressed": function(s) {
-      return s.preventDefault(), e.toggleCheckboxSelection(t);
+    }, "space-pressed": function(o) {
+      return o.preventDefault(), e.toggleCheckboxSelection(t);
     } } }, [l("decorative-checkbox", { attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(t) : null, checked: e.isOptionSelected(t) } }), e._t("default", 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__ */ K(
+}, _l = [], yl = /* @__PURE__ */ G(
+  vl,
+  ml,
   _l,
-  yl,
-  gl,
   !1,
   null,
   "0985e0a4"
 );
-const Sl = hl.exports, nt = (a) => {
+const gl = yl.exports, ot = (a) => {
   const e = n(() => {
     var t;
-    return !!((t = a.value) != null && t.find(({ items: s }) => !!s));
+    return !!((t = a.value) != null && t.find(({ items: o }) => !!o));
   }), l = n(() => {
     var t;
-    return e.value ? (t = a.value) == null ? void 0 : t.reduce((s, o) => (o.items ? s.push(...o.items.flat()) : s.push(o), s), []) : a.value;
+    return e.value ? (t = a.value) == null ? void 0 : t.reduce((o, s) => (s.items ? o.push(...s.items.flat()) : o.push(s), o), []) : a.value;
   });
   return {
     isMultiLevelSelect: e,
     flattenedItemsList: l
   };
-}, xl = {
+}, hl = {
   "de-DE": {
     allSelected: "Alle ausgewählt ({total})",
     numberOfTotalSelected: "{number} von {total} ausgewählt",
@@ -1010,8 +1014,8 @@ const Sl = hl.exports, nt = (a) => {
     numbersSelected: "已选择 {number} 个",
     selectAll: "选择全部（{total}）个"
   }
-}, Cl = { i18n: { messages: xl } }, Ol = /* @__PURE__ */ U({
-  ...Cl,
+}, Sl = { i18n: { messages: hl } }, xl = /* @__PURE__ */ U({
+  ...Sl,
   __name: "listbox-multi-select",
   props: {
     hasMoreItems: { type: Boolean, default: !1 },
@@ -1024,107 +1028,107 @@ const Sl = hl.exports, nt = (a) => {
   },
   emits: ["select"],
   setup(a, { expose: e, emit: l }) {
-    const t = a, { t: s, n: o } = pe(), i = Oe(), r = Ve(), v = n(
+    const t = a, { t: o, n: s } = fe(), i = Oe(), r = Ve(), _ = n(
       () => {
-        var y, x, C, D;
+        var h, x, C, D;
         return {
-          "aria-label": (y = r["aria-label"]) == null ? void 0 : y.toString(),
+          "aria-label": (h = r["aria-label"]) == null ? void 0 : h.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
         };
       }
-    ), 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) => {
+    ), p = E(null), c = E(null), m = E(null), f = E(null), d = n(() => t.selectedValues.map(({ value: h }) => h)), { isMultiLevelSelect: S, flattenedItemsList: y } = ot(W(t, "items")), B = n(() => S.value && !t.staticCategories), R = n(() => B.value ? "tree" : "listbox"), b = n(() => B.value ? "treeitem" : "option"), O = (h) => {
       var D;
-      const x = t.isOptionDisabled(y), C = ((D = p.value) == null ? void 0 : D.includes(y.value)) || !1;
+      const x = t.isOptionDisabled(h), C = ((D = d.value) == null ? void 0 : D.includes(h.value)) || !1;
       return { isDisabled: x, isPreSelected: C };
-    }, T = n(() => {
+    }, L = n(() => {
       if (t.searching && S)
         return t.items;
-      const y = m.value.filter((x) => {
+      const h = y.value.filter((x) => {
         const { isDisabled: C, isPreSelected: D } = O(x);
         return C && D || !C;
       });
       return t.selectedValues.forEach((x) => {
-        y.find((C) => C.value === x.value) || y.push(x);
-      }), y;
-    }), L = n(
+        h.find((C) => C.value === x.value) || h.push(x);
+      }), h;
+    }), T = n(
       () => {
-        var y;
-        return (y = T.value) == null ? void 0 : y.filter((x) => {
+        var h;
+        return (h = L.value) == null ? void 0 : h.filter((x) => {
           var C;
           return x.items && S.value && t.searching ? x.items.filter(
-            (M) => (t.selectedValues ?? []).includes(M.value)
-          ).length === x.items.length : (C = p.value) == null ? void 0 : C.includes(x.value);
+            ($) => (t.selectedValues ?? []).includes($.value)
+          ).length === x.items.length : (C = d.value) == null ? void 0 : C.includes(x.value);
         });
       }
-    ), w = () => S.value && !t.searching ? m.value.length : t.items.length, N = n(() => {
+    ), w = () => S.value && !t.searching ? y.value.length : t.items.length, F = n(() => {
       var D;
-      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 h = L.value.length, x = w(), C = ((D = T.value) == null ? void 0 : D.length) || 0;
+      return C === 0 ? o("selectAll", { total: s(h) }) : C === x ? o("allSelected", { total: s(x) }) : C <= x ? o("numberOfTotalSelected", { number: s(C), total: s(x) }) : o("numbersSelected", { number: s(C) });
+    }), I = (h) => {
       const x = (D) => {
-        const { isDisabled: M, isPreSelected: X } = O(D);
-        return M && X || !M;
-      }, C = y.filter(x).filter((D) => !p.value.includes(D.value));
+        const { isDisabled: $, isPreSelected: X } = O(D);
+        return $ && X || !$;
+      }, C = h.filter(x).filter((D) => !d.value.includes(D.value));
       l("select", [...t.selectedValues, ...C]);
-    }, h = (y) => {
-      const x = (M) => {
-        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)));
+    }, k = (h) => {
+      const x = ($) => {
+        const { isDisabled: X, isPreSelected: V } = O($);
+        return !(X && V);
+      }, C = h.filter(x).map(({ value: $ }) => $), D = t.selectedValues.filter(($) => !(C != null && C.includes($.value)));
       l("select", D);
-    }, g = () => {
-      A(m.value);
-    }, R = () => {
-      h(m.value);
-    }, { isAllSelected: G, isIndeterminate: E, toggleSelectAll: F } = at(
-      L,
+    }, v = () => {
+      I(y.value);
+    }, A = () => {
+      k(y.value);
+    }, { isAllSelected: M, isIndeterminate: g, toggleSelectAll: N } = tt(
       T,
-      g,
-      R
-    ), le = n(() => E.value ? "mixed" : `${G.value}`), q = I(G.value), V = () => {
-      q.value = !q.value, F(q.value);
+      L,
+      v,
+      A
+    ), se = n(() => g.value ? "mixed" : `${M.value}`), K = E(M.value), le = () => {
+      K.value = !K.value, N(K.value);
     };
-    te(G, () => {
-      q.value = G.value;
+    oe(M, () => {
+      K.value = M.value;
     });
-    const ae = (y) => {
-      A(y.items);
-    }, fe = (y) => {
-      h(y.items);
-    }, he = (y, x) => {
+    const q = (h) => {
+      I(h.items);
+    }, ee = (h) => {
+      k(h.items);
+    }, he = (h, x) => {
       let C = !1;
-      const D = t.selectedValues.filter(({ value: M }) => x.value === M ? (C = !0, !1) : !0);
-      C || D.push(x), l(y, D);
+      const D = t.selectedValues.filter(({ value: $ }) => x.value === $ ? (C = !0, !1) : !0);
+      C || D.push(x), l(h, D);
     }, Re = n(() => {
       if (!S.value)
         return t.selectedValues;
-      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(P.value), (ce = P.items) == null || ce.forEach(($) => M.add($.value));
+      const h = (V) => d.value.includes(V.value), x = (V) => !t.staticCategories && V.every((ue) => h(ue)), C = t.items.flatMap(
+        (V) => V.items && !x(V.items) ? V.items : V
+      ), D = C.filter((V) => V.items ? !0 : h(V)), $ = /* @__PURE__ */ new Set();
+      C.forEach((V) => {
+        var ue;
+        $.add(V.value), (ue = V.items) == null || ue.forEach((P) => $.add(P.value));
       });
-      const X = t.selectedValues.filter((P) => !M.has(P.value));
+      const X = t.selectedValues.filter((V) => !$.has(V.value));
       return [...D, ...X];
     }), Me = n(() => {
-      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,
+      var C, D, $, X;
+      const h = ["automatic", "button"].includes(t.lazyLoadType), x = ((C = t.selectedValues) == null ? void 0 : C.length) > 0 && ((D = T.value) == null ? void 0 : D.length) !== (($ = y.value) == null ? void 0 : $.length);
+      return h && t.hasMoreItems ? !!((X = t.selectedValues) != null && X.length) : x;
+    }), be = n(() => ["automatic", "button"].includes(t.lazyLoadType) ? !t.hasMoreItems : !0), J = E([]), { visibleDomOptions: ce, updateVisibleDomOptions: Se } = Ue(
+      p,
       W(t, "items"),
       b
-    ), Ee = (y) => {
-      J.value.includes(y) ? J.value = J.value.filter((x) => x !== y) : J.value.push(y), j(() => {
+    ), Ee = (h) => {
+      J.value.includes(h) ? J.value = J.value.filter((x) => x !== h) : J.value.push(h), j(() => {
         Se();
       });
-    }, Ie = (y) => {
+    }, Ie = (h) => {
       var x;
-      (x = re.value[y]) == null || x.focus();
+      (x = ce.value[h]) == null || x.focus();
     }, {
       moveToNextElement: Le,
       moveToPreviousElement: ve,
@@ -1133,14 +1137,14 @@ const Sl = hl.exports, nt = (a) => {
       preventDefault: _e,
       focusedIndex: ye,
       setListboxFocusedIndex: Ce
-    } = st(
+    } = lt(
       {
-        items: re
+        items: ce
       },
       Ie
     ), Te = {
-      [z.ARROW_UP]: (y) => ve(y),
-      [z.ARROW_DOWN]: (y) => Le(y),
+      [z.ARROW_UP]: (h) => ve(h),
+      [z.ARROW_DOWN]: (h) => Le(h),
       [z.HOME]: xe,
       [z.END]: me
     };
@@ -1155,51 +1159,51 @@ const Sl = hl.exports, nt = (a) => {
       [z.ARROW_UP]: _e,
       [z.ARROW_DOWN]: _e
     }, we = n(() => {
-      let y = be.value ? 1 : 0;
+      let h = be.value ? 1 : 0;
       const x = {};
       return t.items.forEach((C) => {
         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++;
+        C.items ? (t.staticCategories ? D = !0 : x[C.value] = h++, D && C.items.forEach(($) => x[$.value] = h++)) : x[C.value] = h++;
       }), x;
     });
-    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 };
+    return { __sfc: !0, props: t, emit: l, t: o, n: s, slots: i, attrs: r, ariaAttributes: _, listboxRef: p, selectAllListboxItemsRef: c, selectedListboxItemsRef: m, listboxItemsRef: f, selectedItemsList: d, isMultiLevelSelect: S, flattenedItemsList: y, isTreePattern: B, computedRole: R, computedOptionRole: b, optionStates: O, enabledItems: L, visibleSelectedList: T, calculateTotalItems: w, selectAllCheckboxText: F, selectAll: I, unselectAll: k, selectAllItems: v, unselectAllItems: A, isAllSelected: M, isIndeterminate: g, toggleSelectAll: N, ariaCheckedComputed: se, isSelectAllOn: K, handleSelectAll: le, selectAllCategory: q, unselectAllCategory: ee, toggleCheckboxSelection: he, selectedOptions: Re, showSelectedItems: Me, showSelectAllCheckbox: be, expandedCategories: J, visibleDomOptions: ce, 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: re, BentoChip: St, BentoListboxOption: Be, ListboxMultiSelectOptions: gl, vBentoKeyboardNavigationDirective: ke, BentoListboxEvent: u };
   }
 });
-var El = function() {
+var Cl = function() {
   var e = this, l = e._self._c, t = e._self._setupProxy;
-  return l("div", { ref: "listboxRef", staticClass: "b-listbox-multi-select" }, [t.showSelectedItems ? l("div", [l("ul", e._g({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], staticClass: "b-listbox-multi-select__chips" }, t.chipsSectionListeners), e._l(t.selectedOptions, function(s) {
-    return l("li", { key: s.value }, [l(t.BentoChip, { ref: "selectedListboxItemsRef", refInFor: !0, attrs: { disabled: e.isOptionDisabled(s), label: s.label, condensed: "" }, on: { click: function(o) {
-      s.items ? t.unselectAllCategory(s) : t.toggleCheckboxSelection("select", s);
+  return l("div", { ref: "listboxRef", staticClass: "b-listbox-multi-select" }, [t.showSelectedItems ? l("div", [l("ul", e._g({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], staticClass: "b-listbox-multi-select__chips" }, t.chipsSectionListeners), e._l(t.selectedOptions, function(o) {
+    return l("li", { key: o.value }, [l(t.BentoChip, { ref: "selectedListboxItemsRef", refInFor: !0, attrs: { disabled: e.isOptionDisabled(o), label: o.label, condensed: "" }, on: { click: function(s) {
+      o.items ? t.unselectAllCategory(o) : t.toggleCheckboxSelection("select", o);
     } } })], 1);
-  }), 0), l("hr", { staticClass: "b-listbox-multi-select__divider", attrs: { "aria-hidden": "true" } })]) : e._e(), l("div", e._g(e._b({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], attrs: { role: t.computedRole } }, "div", t.ariaAttributes, !1), t.listboxListeners), [t.showSelectAllCheckbox ? l(t.BentoListboxOption, { ref: "selectAllListboxItemsRef", staticClass: "b-listbox-multi-select__option", attrs: { tabindex: t.focusedIndex === 0 ? 0 : -1, "aria-selected": t.ariaCheckedComputed !== "false", "aria-checked": t.ariaCheckedComputed, role: t.computedOptionRole }, on: { click: t.handleSelectAll, "enter-pressed": t.handleSelectAll, "space-pressed": function(s) {
-    return s.preventDefault(), t.handleSelectAll.apply(null, arguments);
-  } } }, [l(t.DecorativeCheckbox, { attrs: { checked: t.isAllSelected, indeterminate: t.isIndeterminate } }), l(t.BentoTypography, { attrs: { el: "span" } }, [e._v(" " + e._s(t.selectAllCheckboxText) + " ")])], 1) : e._e(), t.showSelectAllCheckbox ? l("hr", { staticClass: "b-listbox-multi-select__divider", attrs: { "aria-hidden": "true" } }) : e._e(), l(t.ListboxMultiSelectOptions, { ref: "listboxItemsRef", attrs: { items: e.items, "is-option-disabled": e.isOptionDisabled, "is-multi-level": t.isMultiLevelSelect, "static-categories": e.staticCategories, searching: e.searching, "selected-items-list": t.selectedItemsList, "focused-index": t.focusedIndex, "items-index": t.computedItemsIndex, role: t.computedOptionRole }, on: { "toggle-checkbox-selection": function(s) {
-    return t.toggleCheckboxSelection("select", s);
-  }, "select-category": t.selectAllCategory, "unselect-category": t.unselectAllCategory, "toggle-category-visibility": t.toggleCategoryVisibility, "space-pressed": function(s) {
-    return t.toggleCheckboxSelection(t.BentoListboxEvent.SPACE, s);
-  }, "tab-pressed": function(s) {
-    return t.toggleCheckboxSelection(t.BentoListboxEvent.TAB, s);
-  }, "enter-pressed": function(s) {
-    return t.toggleCheckboxSelection(t.BentoListboxEvent.ENTER, s);
-  } }, scopedSlots: e._u([e._l(t.slots, function(s, o) {
-    return { key: o, fn: function(i) {
-      return [e._t(o, null, null, i)];
+  }), 0), l("hr", { staticClass: "b-listbox-multi-select__divider", attrs: { "aria-hidden": "true" } })]) : e._e(), l("div", e._g(e._b({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], attrs: { role: t.computedRole } }, "div", t.ariaAttributes, !1), t.listboxListeners), [t.showSelectAllCheckbox ? l(t.BentoListboxOption, { ref: "selectAllListboxItemsRef", staticClass: "b-listbox-multi-select__option", attrs: { tabindex: t.focusedIndex === 0 ? 0 : -1, "aria-selected": t.ariaCheckedComputed !== "false", "aria-checked": t.ariaCheckedComputed, role: t.computedOptionRole }, on: { click: t.handleSelectAll, "enter-pressed": t.handleSelectAll, "space-pressed": function(o) {
+    return o.preventDefault(), t.handleSelectAll.apply(null, arguments);
+  } } }, [l(t.DecorativeCheckbox, { attrs: { checked: t.isAllSelected, indeterminate: t.isIndeterminate } }), l(t.BentoTypography, { attrs: { el: "span" } }, [e._v(" " + e._s(t.selectAllCheckboxText) + " ")])], 1) : e._e(), t.showSelectAllCheckbox ? l("hr", { staticClass: "b-listbox-multi-select__divider", attrs: { "aria-hidden": "true" } }) : e._e(), l(t.ListboxMultiSelectOptions, { ref: "listboxItemsRef", attrs: { items: e.items, "is-option-disabled": e.isOptionDisabled, "is-multi-level": t.isMultiLevelSelect, "static-categories": e.staticCategories, searching: e.searching, "selected-items-list": t.selectedItemsList, "focused-index": t.focusedIndex, "items-index": t.computedItemsIndex, role: t.computedOptionRole }, on: { "toggle-checkbox-selection": function(o) {
+    return t.toggleCheckboxSelection("select", o);
+  }, "select-category": t.selectAllCategory, "unselect-category": t.unselectAllCategory, "toggle-category-visibility": t.toggleCategoryVisibility, "space-pressed": function(o) {
+    return t.toggleCheckboxSelection(t.BentoListboxEvent.SPACE, o);
+  }, "tab-pressed": function(o) {
+    return t.toggleCheckboxSelection(t.BentoListboxEvent.TAB, o);
+  }, "enter-pressed": function(o) {
+    return t.toggleCheckboxSelection(t.BentoListboxEvent.ENTER, o);
+  } }, scopedSlots: e._u([e._l(t.slots, function(o, s) {
+    return { key: s, fn: function(i) {
+      return [e._t(s, null, null, i)];
     } };
   })], null, !0) })], 1)]);
-}, Il = [], Ll = /* @__PURE__ */ K(
+}, Ol = [], El = /* @__PURE__ */ G(
+  xl,
+  Cl,
   Ol,
-  El,
-  Il,
   !1,
   null,
   "81f4ab88"
 );
-const Je = Ll.exports, it = (a, e = 300) => {
+const je = El.exports, st = (a, e = 300) => {
   let l;
-  return (...s) => {
-    l && clearTimeout(l), l = setTimeout(() => a(...s), e);
+  return (...o) => {
+    l && clearTimeout(l), l = setTimeout(() => a(...o), e);
   };
-}, Tl = {
+}, Il = {
   "de-DE": {
     loading: "Laden",
     showMore: "Mehr anzeigen"
@@ -1240,18 +1244,18 @@ const Je = Ll.exports, it = (a, e = 300) => {
     loading: "正在加载",
     showMore: "显示更多"
   }
-}, wl = 36, Al = U({
+}, Ll = 36, Tl = U({
   name: "bento-listbox",
   components: {
-    BentoEmptyState: gt,
-    BentoListboxSingleSelect: el,
-    BentoListboxMultiSelect: Je,
-    BentoTypography: ie,
-    BentoLoadingIndicator: yt,
-    BentoLoadingButton: Ot
+    BentoEmptyState: _t,
+    BentoListboxSingleSelect: Zt,
+    BentoListboxMultiSelect: je,
+    BentoTypography: re,
+    BentoLoadingIndicator: mt,
+    BentoLoadingButton: xt
   },
   directives: { BentoKeyboardNavigationDirective: ke },
-  i18n: { messages: Tl },
+  i18n: { messages: Il },
   props: {
     /**
      * Defines a string value that labels an interactive element.
@@ -1307,8 +1311,8 @@ const Je = Ll.exports, it = (a, e = 300) => {
      */
     lazyLoadType: {
       type: String,
-      default: oe.NONE,
-      validator: (a) => Object.values(oe).includes(a)
+      default: ne.NONE,
+      validator: (a) => Object.values(ne).includes(a)
     },
     /**
      * Indicates the listbox is loading filtered items.
@@ -1332,7 +1336,7 @@ const Je = Ll.exports, it = (a, e = 300) => {
      *
      * If enabled, hides the "Select all" checkbox in "multiple" mode.
      */
-    searching: Je.props.searching,
+    searching: je.props.searching,
     /**
      * The `input` value.
      * Providing an empty string or empty array will select no options.
@@ -1352,130 +1356,130 @@ const Je = Ll.exports, it = (a, e = 300) => {
     }
   },
   emits: [
-    d.SELECT,
-    d.SPACE,
-    d.SHOW_MORE,
-    d.ENTER,
-    d.ESCAPE,
-    d.TAB
+    u.SELECT,
+    u.SPACE,
+    u.SHOW_MORE,
+    u.ENTER,
+    u.ESCAPE,
+    u.TAB
   ],
-  setup(a, { emit: e, slots: l }) {
-    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;
-    }, u = !(a != null && a.multiple) && (a == null ? void 0 : a.virtualScroll) !== !1 && (a == null ? void 0 : a.lazyLoadType) === "none", {
-      containerRef: c,
-      containerProps: _,
-      onScroll: f,
-      list: p,
-      wrapperProps: S,
-      scrollToIndex: m,
-      startIndex: k
-    } = At(s, {
-      itemHeight: v(),
+  setup(a, { emit: e, slots: l, expose: t }) {
+    const o = E([]), s = W(a, "items"), { t: i } = fe(), r = n(() => a.lazyLoadType !== ne.AUTOMATIC), _ = n(() => a.lazyLoadType === ne.AUTOMATIC), p = () => {
+      var q;
+      return typeof (a == null ? void 0 : a.virtualScroll) == "object" && ((q = a == null ? void 0 : a.virtualScroll) != null && q.itemHeight) ? a.virtualScroll.itemHeight : Ll;
+    }, c = !(a != null && a.multiple) && (a == null ? void 0 : a.virtualScroll) !== !1 && (a == null ? void 0 : a.lazyLoadType) === "none", {
+      containerRef: m,
+      containerProps: f,
+      onScroll: d,
+      list: S,
+      wrapperProps: y,
+      scrollToIndex: B,
+      startIndex: R
+    } = Tt(s, {
+      itemHeight: p(),
       // Disable virtual scrolling if not enabled or if lazy loading is enabled or if multi-select
-      disabled: !u
-    }), B = n(() => u ? s.value.length : 0), b = n(
-      () => a.componentLoading !== void 0 || i.value ? "true" : void 0
-    ), O = n(
-      () => i.value && a.loading || a.componentLoading ? "true" : "false"
-    ), T = n(
-      () => i.value || a.componentLoading !== void 0 ? "polite" : void 0
+      disabled: !c
+    }), b = n(() => c ? s.value.length : 0), O = n(
+      () => a.componentLoading !== void 0 || r.value ? "true" : void 0
     ), L = n(
+      () => r.value && a.loading || a.componentLoading ? "true" : "false"
+    ), T = n(
+      () => r.value || a.componentLoading !== void 0 ? "polite" : void 0
+    ), w = n(
       () => ({
         "aria-label": a.ariaLabel,
-        "aria-busy": O.value,
-        "aria-atomic": b.value,
+        "aria-busy": L.value,
+        "aria-atomic": O.value,
         "aria-live": T.value
       })
-    ), w = n(
+    ), F = n(
       () => a.componentLoading ? {
-        ...L.value,
+        ...w.value,
         role: "alert"
       } : {}
-    ), N = (V) => (ae) => {
-      e(V, ae);
-    }, A = () => {
-      e(d.SHOW_MORE);
-    }, h = it(() => {
-      const V = c.value;
-      if (!V)
+    ), I = (q) => (ee) => {
+      e(q, ee);
+    }, k = () => {
+      e(u.SHOW_MORE);
+    }, v = st(() => {
+      const q = m.value;
+      if (!q)
         return;
-      const ae = Math.round(V.scrollTop) + V.clientHeight >= V.scrollHeight;
-      a.hasMoreItems && ae && !a.loading && A();
-    }), g = () => {
-      r.value ? h() : f();
-    }, R = n(() => {
-      var V;
-      return ((V = a.items) == null ? void 0 : V.length) === 0;
-    }), G = n(
-      () => a.lazyLoadType === oe.BUTTON && a.hasMoreItems
-    ), E = n(
-      () => a.loading ? Ye.LOADING : Ye.START
-    ), F = n(() => a.loading ? o("loading") : o("showMore")), le = n(() => ({
+      const ee = Math.round(q.scrollTop) + q.clientHeight >= q.scrollHeight;
+      a.hasMoreItems && ee && !a.loading && k();
+    }), A = () => {
+      _.value ? v() : d();
+    }, M = n(() => {
+      var q;
+      return ((q = a.items) == null ? void 0 : q.length) === 0;
+    }), g = n(
+      () => a.lazyLoadType === ne.BUTTON && a.hasMoreItems
+    ), N = n(
+      () => a.loading ? Ke.LOADING : Ke.START
+    ), se = n(() => a.loading ? i("loading") : i("showMore")), K = n(() => ({
       ...a.emptyState,
       variant: "condensed"
-    })), q = {
-      [d.SELECT]: N(d.SELECT),
-      [d.SPACE]: N(d.SPACE),
-      [d.TAB]: N(d.TAB),
-      [d.ENTER]: N(d.ENTER)
+    })), le = {
+      [u.SELECT]: I(u.SELECT),
+      [u.SPACE]: I(u.SPACE),
+      [u.TAB]: I(u.TAB),
+      [u.ENTER]: I(u.ENTER)
     };
-    return {
+    return t({ listboxRef: m, listboxItemRef: o }), {
       // Refs
-      listboxRef: c,
-      listboxItemRef: t,
+      listboxRef: m,
+      listboxItemRef: o,
       // a11y
-      ariaAttributes: L,
-      listboxContainerAttributes: w,
+      ariaAttributes: w,
+      listboxContainerAttributes: F,
       // Values
-      containerProps: _,
-      isSearchResultEmpty: R,
-      limitedEmptyStateProps: le,
-      loadingButtonState: E,
+      containerProps: f,
+      isSearchResultEmpty: M,
+      limitedEmptyStateProps: K,
+      loadingButtonState: N,
       slots: l,
-      shouldDisplayShowMoreButton: G,
-      showMoreButtonText: F,
-      virtualisedItems: p,
-      wrapperProps: S,
+      shouldDisplayShowMoreButton: g,
+      showMoreButtonText: se,
+      virtualisedItems: S,
+      wrapperProps: y,
       // Virtual scroll
-      totalItemCount: B,
-      scrollToIndex: m,
-      virtualScrollStartIndex: k,
+      totalItemCount: b,
+      scrollToIndex: B,
+      virtualScrollStartIndex: R,
       // Enums
       BentoKeyboardNavigationKeyDownEvent: z,
-      BentoListboxEvent: d,
+      BentoListboxEvent: u,
       // Methods
-      onListboxContainerScroll: g,
-      onOptionSelected: N,
-      emitShowMore: A,
-      listboxListeners: q
+      onListboxContainerScroll: A,
+      onOptionSelected: I,
+      emitShowMore: k,
+      listboxListeners: le
     };
   }
 });
-var Dl = function() {
+var wl = function() {
   var t;
   var e = this, l = e._self._c;
-  return e._self._setupProxy, l("div", e._b({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], ref: "listboxRef", staticClass: "b-listbox", style: (t = e.containerProps) == null ? void 0 : t.style, attrs: { id: e.id, tabindex: "-1", "data-testid": "listbox-container" }, on: { scroll: e.onListboxContainerScroll } }, "div", e.listboxContainerAttributes, !1), [l("div", e._b({}, "div", e.wrapperProps, !1), [e.componentLoading ? l("div", { staticClass: "b-listbox__loading-filtered-items" }, [l("bento-loading-indicator")], 1) : e.isSearchResultEmpty ? l("div", { staticClass: "b-listbox__empty-search-message" }, [e.emptyState ? l("bento-empty-state", e._b({}, "bento-empty-state", e.limitedEmptyStateProps, !1)) : l("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(e.noResultsMessage))])], 1) : [e.multiple ? [l("bento-listbox-multi-select", e._g(e._b({ ref: "listboxItemRef", attrs: { "has-more-items": e.hasMoreItems, items: e.items, "lazy-load-type": e.lazyLoadType, "static-categories": e.staticCategories, "selected-values": e.selectedValue, searching: e.searching, "is-option-disabled": e.isOptionDisabled }, scopedSlots: e._u([e._l(e.slots, function(s, o) {
-    return { key: o, fn: function(i) {
-      return [e._t(o, null, null, i)];
+  return e._self._setupProxy, l("div", e._b({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], ref: "listboxRef", staticClass: "b-listbox", style: (t = e.containerProps) == null ? void 0 : t.style, attrs: { id: e.id, tabindex: "-1", "data-testid": "listbox-container" }, on: { scroll: e.onListboxContainerScroll } }, "div", e.listboxContainerAttributes, !1), [l("div", e._b({}, "div", e.wrapperProps, !1), [e.componentLoading ? l("div", { staticClass: "b-listbox__loading-filtered-items" }, [l("bento-loading-indicator")], 1) : e.isSearchResultEmpty ? l("div", { staticClass: "b-listbox__empty-search-message" }, [e.emptyState ? l("bento-empty-state", e._b({}, "bento-empty-state", e.limitedEmptyStateProps, !1)) : l("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(e.noResultsMessage))])], 1) : [e.multiple ? [l("bento-listbox-multi-select", e._g(e._b({ ref: "listboxItemRef", attrs: { "has-more-items": e.hasMoreItems, items: e.items, "lazy-load-type": e.lazyLoadType, "static-categories": e.staticCategories, "selected-values": e.selectedValue, searching: e.searching, "is-option-disabled": e.isOptionDisabled }, scopedSlots: e._u([e._l(e.slots, function(o, s) {
+    return { key: s, fn: function(i) {
+      return [e._t(s, null, null, i)];
     } };
-  })], null, !0) }, "bento-listbox-multi-select", e.ariaAttributes, !1), e.listboxListeners))] : [l("bento-listbox-single-select", e._g(e._b({ ref: "listboxItemRef", attrs: { items: e.virtualisedItems, "total-item-count": e.totalItemCount, "scroll-to-index": e.scrollToIndex, "virtual-scroll-start-index": e.virtualScrollStartIndex, "selected-value": e.selectedValue, "static-categories": e.staticCategories, "is-option-disabled": e.isOptionDisabled }, scopedSlots: e._u([e._l(e.slots, function(s, o) {
-    return { key: o, fn: function(i) {
-      return [e._t(o, null, null, i)];
+  })], null, !0) }, "bento-listbox-multi-select", e.ariaAttributes, !1), e.listboxListeners))] : [l("bento-listbox-single-select", e._g(e._b({ ref: "listboxItemRef", attrs: { items: e.virtualisedItems, "total-item-count": e.totalItemCount, "scroll-to-index": e.scrollToIndex, "virtual-scroll-start-index": e.virtualScrollStartIndex, "selected-value": e.selectedValue, "static-categories": e.staticCategories, "is-option-disabled": e.isOptionDisabled }, scopedSlots: e._u([e._l(e.slots, function(o, s) {
+    return { key: s, fn: function(i) {
+      return [e._t(s, null, null, i)];
     } };
-  })], 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) {
+  })], 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(o) {
     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__ */ K(
+}, Al = [], Dl = /* @__PURE__ */ G(
+  Tl,
+  wl,
   Al,
-  Dl,
-  kl,
   !1,
   null,
-  "7819d7a2"
+  "4f0fbc9e"
 );
-const Pe = Bl.exports, Fe = (a, e) => {
+const Pe = Dl.exports, Fe = (a, e) => {
   for (const l of a) {
     if (l.value === e)
       return l;
@@ -1486,52 +1490,52 @@ const Pe = Bl.exports, Fe = (a, e) => {
     }
   }
   return null;
-}, Rl = (a) => typeof a == "object" && a !== null && "value" in a && "label" in a, Ml = (a, e, l, t) => {
-  const s = I([]), o = I(), i = (c) => {
-    l.value ? o.value = c.map(({ value: _ }) => _) : o.value = c.length > 0 ? c[0].value : null;
+}, kl = (a) => typeof a == "object" && a !== null && "value" in a && "label" in a, Bl = (a, e, l, t) => {
+  const o = E([]), s = E(), i = (c) => {
+    l.value ? s.value = c.map(({ value: m }) => m) : s.value = c.length > 0 ? c[0].value : null;
   }, r = (c) => {
-    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);
-  }, u = () => {
-    s.value = [], o.value = null;
+    l.value ? s.value = c.map(({ value: m, label: f }) => ({ value: m, label: f })) : s.value = c.length > 0 ? { value: c[0].value, label: c[0].label } : null;
+  }, _ = (c) => {
+    o.value = c, t != null && t.value ? r(c) : i(c);
+  }, p = () => {
+    o.value = [], s.value = null;
   };
-  return te(
+  return oe(
     () => e.value,
     () => {
       if (!e.value && e.value !== 0) {
-        u();
+        p();
         return;
       }
-      const c = !Array.isArray(e.value), _ = [...s.value];
-      u();
-      const f = (p) => {
-        if (Rl(p))
-          s.value.push(p);
+      const c = !Array.isArray(e.value), m = [...o.value];
+      p();
+      const f = (d) => {
+        if (kl(d))
+          o.value.push(d);
         else {
-          let S = Fe(a.value, p);
-          S || (S = Fe(_, p)), S || (S = { value: p, label: p.toString() }), s.value.push(S);
+          let S = Fe(a.value, d);
+          S || (S = Fe(m, d)), S || (S = { value: d, label: d.toString() }), o.value.push(S);
         }
       };
       if (c) {
-        const p = e.value;
-        f(p), t != null && t.value ? r(s.value) : i(s.value);
+        const d = e.value;
+        f(d), t != null && t.value ? r(o.value) : i(o.value);
         return;
       }
-      e.value.forEach(f), t != null && t.value ? r(s.value) : i(s.value);
+      e.value.forEach(f), t != null && t.value ? r(o.value) : i(o.value);
     },
     { immediate: !0 }
   ), {
     // Values
-    cachedSelectedListboxOptions: s,
-    cachedListboxSelectedValues: o,
+    cachedSelectedListboxOptions: o,
+    cachedListboxSelectedValues: s,
     // Methods
-    resetCache: u,
-    setCachedValues: v
+    resetCache: p,
+    setCachedValues: _
   };
 };
 var ge = /* @__PURE__ */ ((a) => (a.DEFAULT = "DropdownInputDefault", a.SMALL = "DropdownInputSmall", a))(ge || {});
-const Nl = {
+const Rl = {
   "de-DE": {
     apply: "Anwenden",
     cancel: "Abbrechen",
@@ -1582,62 +1586,62 @@ const Nl = {
     cancel: "取消",
     noOptionsMatchThisSearch: "没有符合此搜索条件的选项"
   }
-}, $l = (a, e, l, t) => {
-  const s = I(a.value), { t: o } = pe();
-  te(a, () => {
-    s.value = a.value;
+}, Ml = (a, e, l, t) => {
+  const o = E(a.value), { t: s } = fe();
+  oe(a, () => {
+    o.value = a.value;
   });
   const i = n(
-    () => JSON.stringify(s.value) === JSON.stringify(a.value)
+    () => JSON.stringify(o.value) === JSON.stringify(a.value)
   ), r = () => {
-    t(d.SELECT, s.value), t(d.CLOSE_DROPDOWN);
-  }, v = () => {
-    s.value = a.value, t(d.CLOSE_DROPDOWN);
-  }, u = () => {
-    l.value && e.value && (s.value = a.value);
+    t(u.SELECT, o.value), t(u.CLOSE_DROPDOWN);
+  }, _ = () => {
+    o.value = a.value, t(u.CLOSE_DROPDOWN);
+  }, p = () => {
+    l.value && e.value && (o.value = a.value);
   }, c = n(() => [
     {
-      title: o("apply"),
+      title: s("apply"),
       event: r,
       disabled: i.value
     },
     {
-      title: o("cancel"),
-      event: v
+      title: s("cancel"),
+      event: _
     }
-  ]), _ = (b) => {
-    s.value = b, e.value || t(d.SELECT, b);
+  ]), m = (b) => {
+    o.value = b, e.value || t(u.SELECT, b);
   }, f = (b) => {
-    _(b), t(d.TAB);
-  }, p = (b) => {
-    _(b), t(d.ENTER);
+    m(b), t(u.TAB);
+  }, d = (b) => {
+    m(b), t(u.ENTER);
   }, S = (b) => {
-    _(b), t(d.SPACE);
-  }, m = () => {
-    v(), t(d.ESCAPE);
-  }, k = () => {
-    t(d.SHOW_MORE);
-  }, B = {
-    [d.SELECT]: _,
-    [d.SHOW_MORE]: k,
-    [d.TAB]: f,
-    [d.SPACE]: S,
-    [d.ENTER]: p
+    m(b), t(u.SPACE);
+  }, y = () => {
+    _(), t(u.ESCAPE);
+  }, B = () => {
+    t(u.SHOW_MORE);
+  }, R = {
+    [u.SELECT]: m,
+    [u.SHOW_MORE]: B,
+    [u.TAB]: f,
+    [u.SPACE]: S,
+    [u.ENTER]: d
   };
   return {
     // Values
     actions: c,
-    internalSelectedValue: s,
+    internalSelectedValue: o,
     // Methods
-    listeners: B,
-    onEscapeKey: m,
-    onOutsideDropdownClick: u
+    listeners: R,
+    onEscapeKey: y,
+    onOutsideDropdownClick: p
   };
-}, Pl = U({
-  i18n: { messages: Nl },
+}, Nl = U({
+  i18n: { messages: Rl },
   name: "bento-dropdown-options-container"
-}), Fl = /* @__PURE__ */ U({
-  ...Pl,
+}), $l = /* @__PURE__ */ U({
+  ...Nl,
   props: {
     /**
      * Defines a string value that labels an interactive element.
@@ -1696,8 +1700,8 @@ const Nl = {
      */
     lazyLoadType: {
       type: String,
-      default: oe.AUTOMATIC,
-      validator: (a) => Object.values(oe).includes(a)
+      default: ne.AUTOMATIC,
+      validator: (a) => Object.values(ne).includes(a)
     },
     /**
      * Indicates if new options are lazy loading.
@@ -1736,7 +1740,7 @@ const Nl = {
      * Reference to the DOM element or Vue component for positioning
      * the Dropdown container.
      */
-    targetElement: { type: We.props.targetElement.type, required: !0 },
+    targetElement: { type: qe.props.targetElement.type, required: !0 },
     /**
      * Enables virtual scrolling if set to true or by providing an object with itemHeight function.
      * The itemHeight function is used to calculate the height of rendered item given it's index.
@@ -1748,28 +1752,28 @@ const Nl = {
   },
   emits: [],
   setup(a, { expose: e, emit: l }) {
-    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(() => ({
+    const t = a, o = Oe(), { selectedValue: s, multiple: i } = Xe(t), r = E(null), { t: _ } = fe(), p = n(() => t.open && !t.disabled), c = n(() => _("noOptionsMatchThisSearch")), m = n(() => ({
       "b-dropdown-options-container--single": !(t != null && t.multiple)
     })), f = n(() => ({
       "b-dropdown-options-container__listbox--single": !(t != null && t.multiple)
-    })), { 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": `${(L = t == null ? void 0 : t.targetElement) == null ? void 0 : L.clientWidth}px`,
+    })), { actions: d, internalSelectedValue: S, listeners: y, onEscapeKey: B, onOutsideDropdownClick: R } = Ml(s, i, p, l), b = n(() => t != null && t.multiple ? Ct : qe), O = n(() => {
+      var T;
+      const L = {
+        "min-width": `${(T = t == null ? void 0 : t.targetElement) == null ? void 0 : T.clientWidth}px`,
         "max-width": "min(500px, 95%)"
       };
       return t != null && t.multiple ? {
         actionsLayout: "space-between",
         ariaLabel: t.ariaLabel,
-        actions: p.value,
+        actions: d.value,
         divider: !0,
         fallbackPosition: ["top-start"],
-        id: ne(`dropdown-options-${t.id}`),
+        id: ie(`dropdown-options-${t.id}`),
         open: t.open,
         position: "bottom-start",
         style: {
           width: "auto",
-          ...T
+          ...L
         },
         targetElement: t.targetElement
       } : {
@@ -1777,39 +1781,40 @@ const Nl = {
         offset: [0, 8],
         position: "bottom-start",
         style: {
-          display: u.value ? "block" : "none",
-          ...T
+          display: p.value ? "block" : "none",
+          ...L
         },
         targetElement: t.targetElement
       };
     });
     return e({
-      onOutsideDropdownClick: B
-    }), { __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 };
+      onOutsideDropdownClick: R,
+      dropdownOptionsListboxRef: r
+    }), { __sfc: !0, slots: o, emit: l, props: t, selectedValue: s, multiple: i, dropdownOptionsListboxRef: r, t: _, isDropdownOpen: p, noResultsMessage: c, conditionalClasses: m, conditionalListboxClasses: f, actions: d, internalSelectedValue: S, listeners: y, onEscapeKey: B, onOutsideDropdownClick: R, popperContainerOrPopoverComponent: b, popperContainerOrPopoverProps: O, BentoListbox: Pe };
   }
 });
-var Vl = function() {
+var Pl = 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) {
-    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) {
-    return { key: o, fn: function(i) {
-      return [e._t(o, null, null, i)];
+  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(o) {
+    o.stopPropagation();
+  }, function(o) {
+    return !o.type.indexOf("key") && e._k(o.keyCode, "esc", 27, o.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(o, s) {
+    return { key: s, fn: function(i) {
+      return [e._t(s, null, null, i)];
     } };
   })], null, !0) }, t.listeners))], 1)]) : e._e();
-}, zl = [], Ul = /* @__PURE__ */ K(
+}, Fl = [], Vl = /* @__PURE__ */ G(
+  $l,
+  Pl,
   Fl,
-  Vl,
-  zl,
   !1,
   null,
-  "3cd9fa1d"
+  "1254877d"
 );
-const Gl = Ul.exports;
+const zl = Vl.exports;
 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 = {
+const Ul = /* @__PURE__ */ Symbol("dropdown small size injection key"), nt = /* @__PURE__ */ Symbol("dropdown underline style injection key"), Gl = {
   "de-DE": {
     clearSearch: "Suche löschen"
   },
@@ -1840,12 +1845,12 @@ const Kl = /* @__PURE__ */ Symbol("dropdown small size injection key"), rt = /*
   "zh-CN": {
     clearSearch: "清除搜索"
   }
-}, Yl = U({
-  i18n: { messages: ql },
+}, Kl = U({
+  i18n: { messages: Gl },
   name: "dropdown-base-textbox",
   inheritAttrs: !1
-}), Wl = /* @__PURE__ */ U({
-  ...Yl,
+}), ql = /* @__PURE__ */ U({
+  ...Kl,
   props: {
     /**
      * The number of additional items that have been selected in the dropdown.
@@ -1931,93 +1936,93 @@ const Kl = /* @__PURE__ */ Symbol("dropdown small size injection key"), rt = /*
   },
   emits: [],
   setup(a, { expose: e, emit: l }) {
-    const t = a, { t: s } = pe(), o = Ve(), i = Oe(), r = et(i), v = I(null), u = ne("textbox"), c = ze(rt, !1), _ = n(() => ({
+    const t = a, { t: o } = fe(), s = Ve(), i = Oe(), r = Ze(i), _ = E(null), p = ie("textbox"), c = ze(nt, !1), m = 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
     })), f = n(
-      () => B.value && o["aria-required"] ? "true" : null
-    ), p = n(() => ({
+      () => R.value && s["aria-required"] ? "true" : null
+    ), d = n(() => ({
       "b-dropdown-base-textbox__input--dynamic-filtering": t.dynamicFiltering
-    })), S = n(() => t.dynamicFiltering && !!t.value && t.open), m = n(
+    })), S = n(() => t.dynamicFiltering && !!t.value && t.open), y = n(
       () => {
-        var g;
+        var v;
         return {
           "aria-haspopup": "listbox",
           "aria-controls": t.ariaControls,
-          "aria-describedby": (g = o["aria-describedby"]) == null ? void 0 : g.toString(),
+          "aria-describedby": (v = s["aria-describedby"]) == null ? void 0 : v.toString(),
           "aria-expanded": t.ariaExpanded ? "true" : "false",
           "aria-labelledby": t.ariaLabelledby,
           "aria-label": t.ariaLabelledby ? null : t.ariaLabel,
           "aria-invalid": t.isInvalid,
           "aria-disabled": t.disabled ? !0 : null,
-          "aria-required": o["aria-required"]
+          "aria-required": s["aria-required"]
         };
       }
-    ), k = n(
+    ), B = n(
       () => t.multiple ? t.selectedValueItem : []
-    ), 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
+    ), R = n(() => t.dynamicFiltering && (t.open || t.alwaysComboboxIsInput)), b = n(() => t.selectedValueItem && !t.multiple), O = n(
+      () => t.multiple && t.selectedValueItem && B.value.length > 0 && t.showSlotContentInMultiple
     );
-    te(
-      () => B.value,
+    oe(
+      () => R.value,
       () => {
-        B.value && !t.alwaysComboboxIsInput && j(() => {
-          v.value.focus();
+        R.value && !t.alwaysComboboxIsInput && j(() => {
+          _.value.focus();
         });
       }
     );
-    const T = async () => {
-      !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();
+    const L = async () => {
+      !t.disabled && !t.readonly && (l(Y.OPEN), await j(), _.value.focus());
+    }, T = (v) => {
+      t.open && (v && pe(v), _.value.focus(), l(Y.CLOSE));
+    }, w = (v) => t.open && v.target.tagName === "INPUT" ? null : t.open ? T() : L(), F = () => {
+      l(Y.CLEAR), l(Y.INPUT, ""), _.value.focus();
+    }, I = (v) => {
+      !t.readonly && !t.disabled ? l(Y.INPUT, v.target.value) : (v.preventDefault(), v.stopPropagation());
+    }, k = () => {
+      _.value.focus();
     };
     return e({
-      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 };
+      focus: k
+    }), { __sfc: !0, t: o, attrs: s, slots: i, hasSlot: r, props: t, emit: l, textbox: _, textboxId: p, isUnderlineStyle: c, conditionalClasses: m, showRequiredAttribute: f, comboboxConditionalClasses: d, isFiltering: S, ariaAttributes: y, selectedValueItems: B, shouldShowInput: R, shouldShowSingleSelectSlot: b, shouldShowMultipleSlot: O, onOpenDropdown: L, onCloseDropdown: T, onToggleDropdown: w, onClearSearch: F, onInputEvent: I, focus: k, BentoTypography: re, DropdownBaseTextboxEvent: Y, CrossCircleFillIcon: dt, CrossCircleFillSmallIcon: pt, BentoDropdownSize: ge };
   }
 });
-var jl = function() {
+var Yl = function() {
   var e = this, l = e._self._c, t = e._self._setupProxy;
-  return l("div", { class: e.$attrs.class, attrs: { "data-testid": "textbox-wrapper" }, on: { click: t.onToggleDropdown, keydown: function(s) {
-    return !s.type.indexOf("key") && e._k(s.keyCode, "escape", void 0, s.key, void 0) ? null : t.onCloseDropdown.apply(null, arguments);
-  } } }, [l(t.BentoTypography, { staticClass: "b-dropdown-base-textbox", class: t.conditionalClasses, attrs: { variant: t.isUnderlineStyle ? "title" : "body", el: "div", "data-testid": "base-textbox" } }, [t.shouldShowInput ? l("input", e._b({ ref: "textbox", staticClass: "b-dropdown-base-textbox__input", attrs: { id: t.textboxId, role: "combobox", type: "text", "aria-autocomplete": "list", size: "1", disabled: e.disabled ? !0 : null, readonly: e.readonly, required: t.showRequiredAttribute }, domProps: { value: e.open ? e.value : e.displayValue }, on: { keydown: [function(s) {
-    return e.$emit(t.DropdownBaseTextboxEvent.KEYDOWN, s);
-  }, function(s) {
-    return !s.type.indexOf("key") && e._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : t.onToggleDropdown.apply(null, arguments);
+  return l("div", { class: e.$attrs.class, attrs: { "data-testid": "textbox-wrapper" }, on: { click: t.onToggleDropdown, keydown: function(o) {
+    return !o.type.indexOf("key") && e._k(o.keyCode, "escape", void 0, o.key, void 0) ? null : t.onCloseDropdown.apply(null, arguments);
+  } } }, [l(t.BentoTypography, { staticClass: "b-dropdown-base-textbox", class: t.conditionalClasses, attrs: { variant: t.isUnderlineStyle ? "title" : "body", el: "div", "data-testid": "base-textbox" } }, [t.shouldShowInput ? l("input", e._b({ ref: "textbox", staticClass: "b-dropdown-base-textbox__input", attrs: { id: t.textboxId, role: "combobox", type: "text", "aria-autocomplete": "list", size: "1", disabled: e.disabled ? !0 : null, readonly: e.readonly, required: t.showRequiredAttribute }, domProps: { value: e.open ? e.value : e.displayValue }, on: { keydown: [function(o) {
+    return e.$emit(t.DropdownBaseTextboxEvent.KEYDOWN, o);
+  }, function(o) {
+    return !o.type.indexOf("key") && e._k(o.keyCode, "enter", 13, o.key, "Enter") ? null : t.onToggleDropdown.apply(null, arguments);
   }], input: t.onInputEvent } }, "input", t.ariaAttributes, !1)) : l("div", e._b({ ref: "textbox", staticClass: "b-dropdown-base-textbox__input", class: t.comboboxConditionalClasses, attrs: { id: t.textboxId, "aria-readonly": e.readonly ? "true" : null, role: "combobox", tabindex: e.disabled ? -1 : 0 } }, "div", t.ariaAttributes, !1), [t.shouldShowSingleSelectSlot ? [t.hasSlot("display-value") ? e._t("display-value", null, null, e.selectedValueItem) : e._t("default", function() {
     return [e._v(" " + e._s(e.displayValue) + " ")];
-  }, null, e.selectedValueItem)] : t.shouldShowMultipleSlot ? [l("div", { staticClass: "b-dropdown-base-textbox__input-multiple-selected" }, e._l(t.selectedValueItems, function(s) {
-    return l("div", { key: s.value }, [l("div", { staticClass: "b-dropdown-base-textbox__input-selected-element" }, [e._t("default", function() {
+  }, null, e.selectedValueItem)] : t.shouldShowMultipleSlot ? [l("div", { staticClass: "b-dropdown-base-textbox__input-multiple-selected" }, e._l(t.selectedValueItems, function(o) {
+    return l("div", { key: o.value }, [l("div", { staticClass: "b-dropdown-base-textbox__input-selected-element" }, [e._t("default", function() {
       return [e._v(" " + e._s(e.displayValue) + " ")];
-    }, null, s)], 2)]);
-  }), 0)] : [e._v(e._s(e.displayValue))]], 2), e.additionalItemsSelected ? l("span", { staticClass: "b-dropdown-base-textbox__additional-items" }, [e._v(" " + e._s(e.additionalItemsSelected) + " ")]) : e._e(), t.hasSlot("icon") && !t.isFiltering ? l("span", { staticClass: "b-dropdown-base-textbox__icon", attrs: { "aria-hidden": "true" } }, [e._t("icon")], 2) : e._e(), t.isFiltering ? l("span", { staticClass: "b-dropdown-base-textbox__clear-search", attrs: { tabindex: e.disabled ? -1 : 0, "data-testid": "clear-search-button" }, on: { click: function(s) {
-    return s.stopPropagation(), t.onClearSearch.apply(null, arguments);
-  }, keydown: function(s) {
-    return !s.type.indexOf("key") && e._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : (s.stopPropagation(), t.onClearSearch.apply(null, arguments));
-  }, keyup: function(s) {
-    return !s.type.indexOf("key") && e._k(s.keyCode, "space", 32, s.key, [" ", "Spacebar"]) ? null : t.onClearSearch.apply(null, arguments);
+    }, null, o)], 2)]);
+  }), 0)] : [e._v(e._s(e.displayValue))]], 2), e.additionalItemsSelected ? l("span", { staticClass: "b-dropdown-base-textbox__additional-items" }, [e._v(" " + e._s(e.additionalItemsSelected) + " ")]) : e._e(), t.hasSlot("icon") && !t.isFiltering ? l("span", { staticClass: "b-dropdown-base-textbox__icon", attrs: { "aria-hidden": "true" } }, [e._t("icon")], 2) : e._e(), t.isFiltering ? l("span", { staticClass: "b-dropdown-base-textbox__clear-search", attrs: { tabindex: e.disabled ? -1 : 0, "data-testid": "clear-search-button" }, on: { click: function(o) {
+    return o.stopPropagation(), t.onClearSearch.apply(null, arguments);
+  }, keydown: function(o) {
+    return !o.type.indexOf("key") && e._k(o.keyCode, "enter", 13, o.key, "Enter") ? null : (o.stopPropagation(), t.onClearSearch.apply(null, arguments));
+  }, keyup: function(o) {
+    return !o.type.indexOf("key") && e._k(o.keyCode, "space", 32, o.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__ */ K(
+}, Wl = [], jl = /* @__PURE__ */ G(
+  ql,
+  Yl,
   Wl,
-  jl,
-  Hl,
   !1,
   null,
   "20b3acdb"
 );
-const ct = Jl.exports, Xl = U({
+const it = jl.exports, Hl = U({
   name: "dropdown-default-textbox",
   inheritAttrs: !1
-}), Zl = /* @__PURE__ */ U({
-  ...Xl,
+}), Jl = /* @__PURE__ */ U({
+  ...Hl,
   props: {
     /**
      * The number of additional items that have been selected in the dropdown.
@@ -2105,94 +2110,94 @@ const ct = Jl.exports, Xl = U({
   },
   emits: ["clear", "close", "input", "keydown", "open"],
   setup(a, { expose: e, emit: l }) {
-    const t = a, s = Oe(), o = I(null), i = n(() => ({
+    const t = a, o = Oe(), s = E(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 = (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,
+    })), r = n(() => t.open && !t.disabled && !t.readonly), _ = (y) => {
+      l("input", y);
+    }, p = (y) => {
+      l("keydown", y);
+    }, c = (y) => {
+      pe(y), l("open");
+    }, m = (y) => {
+      pe(y), l("close");
+    }, f = (y) => {
+      pe(y), l("clear");
+    }, d = {
+      [Y.INPUT]: _,
       [Y.OPEN]: c,
-      [Y.CLOSE]: _,
+      [Y.CLOSE]: m,
       [Y.CLEAR]: f,
-      [Y.KEYDOWN]: u
+      [Y.KEYDOWN]: p
     }, S = () => {
-      o.value.focus();
+      s.value.focus();
     };
     return e({
       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 };
+    }), { __sfc: !0, emit: l, slots: o, props: t, baseTextbox: s, conditionalClasses: i, isDropdownOpen: r, onInput: _, onKeyDown: p, openDropdown: c, closeDropdown: m, clearValue: f, listeners: d, focus: S, DropdownBaseTextbox: it, ChevronDownIcon: Qe, ChevronUpIcon: et };
   }
 });
-var Ql = function() {
+var Xl = function() {
   var e = this, l = e._self._c, t = e._self._setupProxy;
-  return l("div", { staticClass: "b-dropdown-default-textbox", class: t.conditionalClasses, attrs: { "data-testid": "default-textbox" } }, [l(t.DropdownBaseTextbox, e._g(e._b({ ref: "baseTextbox", staticClass: "b-dropdown-default-textbox__textbox", attrs: { value: e.value }, scopedSlots: e._u([e._l(t.slots, function(s, o) {
-    return { key: o, fn: function(i) {
-      return [e._t(o, null, null, i ?? {})];
+  return l("div", { staticClass: "b-dropdown-default-textbox", class: t.conditionalClasses, attrs: { "data-testid": "default-textbox" } }, [l(t.DropdownBaseTextbox, e._g(e._b({ ref: "baseTextbox", staticClass: "b-dropdown-default-textbox__textbox", attrs: { value: e.value }, scopedSlots: e._u([e._l(t.slots, function(o, s) {
+    return { key: s, fn: function(i) {
+      return [e._t(s, null, null, i ?? {})];
     } };
   }), { 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__ */ K(
+}, Zl = [], Ql = /* @__PURE__ */ G(
+  Jl,
+  Xl,
   Zl,
-  Ql,
-  ea,
   !1,
   null,
   "bf2d43b0"
 );
-const la = ta.exports;
-let Xe = 0;
-const aa = {
+const ea = Ql.exports;
+let He = 0;
+const ta = {
   beforeCreate() {
-    this.uuid = Xe.toString(), Xe += 1;
+    this.uuid = He.toString(), He += 1;
   }
 };
-var sa = function() {
+var la = 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__ */ K(
+}, aa = [], oa = /* @__PURE__ */ G(
+  ta,
+  la,
   aa,
-  sa,
-  oa,
   !1,
   null,
   null
 );
-const ia = na.exports;
-let Ze = 0;
-const ra = {
+const sa = oa.exports;
+let Je = 0;
+const na = {
   beforeCreate() {
-    this.uuid = Ze.toString(), Ze += 1;
+    this.uuid = Je.toString(), Je += 1;
   }
 };
-var ca = function() {
+var ia = 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" } })]);
-}, da = [], ua = /* @__PURE__ */ K(
+}, ra = [], ca = /* @__PURE__ */ G(
+  na,
+  ia,
   ra,
-  ca,
-  da,
   !1,
   null,
   null
 );
-const pa = ua.exports, fa = U({
+const ua = ca.exports, da = U({
   name: "dropdown-small-textbox",
   inheritAttrs: !1
-}), ba = /* @__PURE__ */ U({
-  ...fa,
+}), pa = /* @__PURE__ */ U({
+  ...da,
   props: {
     /**
      * The number of additional items that have been selected in the dropdown.
@@ -2249,160 +2254,160 @@ const pa = ua.exports, fa = U({
   },
   emits: ["clear", "close", "input", "keydown", "open"],
   setup(a, { expose: e, emit: l }) {
-    const t = a, s = I(null), o = ze(rt, !1), i = n(() => ({
+    const t = a, o = E(null), s = ze(nt, !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 = (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,
+      "b-dropdown-small-textbox--underline": s
+    })), r = n(() => t.open && !t.disabled && !t.readonly), _ = (y) => {
+      l("input", y);
+    }, p = (y) => {
+      l("keydown", y);
+    }, c = (y) => {
+      pe(y), l("open");
+    }, m = (y) => {
+      pe(y), l("close");
+    }, f = (y) => {
+      pe(y), l("clear");
+    }, d = {
+      [Y.INPUT]: _,
       [Y.OPEN]: c,
-      [Y.CLOSE]: _,
+      [Y.CLOSE]: m,
       [Y.CLEAR]: f,
-      [Y.KEYDOWN]: u
+      [Y.KEYDOWN]: p
     }, S = () => {
-      s.value.focus();
+      o.value.focus();
     };
     return e({
       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 };
+    }), { __sfc: !0, emit: l, props: t, baseTextbox: o, isUnderlineStyle: s, conditionalClasses: i, isDropdownOpen: r, onInput: _, onKeyDown: p, openDropdown: c, closeDropdown: m, clearValue: f, listeners: d, focus: S, BentoDropdownSize: ge, DropdownBaseTextbox: it, ChevronDownSmallIcon: sa, ChevronUpSmallIcon: ua };
   }
 });
-var va = function() {
+var fa = function() {
   var e = this, l = e._self._c, t = e._self._setupProxy;
   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__ */ K(
+}, ba = [], va = /* @__PURE__ */ G(
+  pa,
+  fa,
   ba,
-  va,
-  ma,
   !1,
   null,
   "fa225e76"
 );
-const ya = _a.exports, ga = (a, e) => e.value.reduce((l, t) => {
+const ma = va.exports, _a = (a, e) => e.value.reduce((l, t) => {
   if (t.items) {
-    const s = t.items.filter(
+    const o = t.items.filter(
       (i) => a.value.find((r) => r.value === i.value)
     );
-    s.length === t.items.length ? l.push(t.displayValue ?? t.label) : s.forEach(({ label: i, displayValue: r }) => l.push(r ?? i));
+    o.length === t.items.length ? l.push(t.displayValue ?? t.label) : o.forEach(({ label: i, displayValue: r }) => l.push(r ?? i));
   }
-  return a.value.find((s) => s.value === t.value) && l.push(t.displayValue ?? t.label), l;
-}, []).join(", "), ha = ({ items: a, placeholder: e, selectedValues: l, isMultiSelect: t }) => {
-  const s = n(
+  return a.value.find((o) => o.value === t.value) && l.push(t.displayValue ?? t.label), l;
+}, []).join(", "), ya = ({ items: a, placeholder: e, selectedValues: l, isMultiSelect: t }) => {
+  const o = n(
     () => t.value && a.value.find((i) => {
       var r;
       return (r = i.items) == null ? void 0 : r.length;
     })
   );
-  return n(() => l.value.length ? s.value ? ga(l, a) : l.value.map(({ label: i, displayValue: r }) => r ?? i).join(", ") : e.value || null);
-}, dt = (a) => {
+  return n(() => l.value.length ? o.value ? _a(l, a) : l.value.map(({ label: i, displayValue: r }) => r ?? i).join(", ") : e.value || null);
+}, rt = (a) => {
   var e;
   (e = a.value.$children) == null || e[0].$refs.textbox.focus();
-}, Sa = ({
+}, ga = ({
   inputContainerRef: a,
   optionsContainerRef: e,
   selectedValueIndex: l,
   isDropdownOpen: t,
-  isDynamicFltering: s,
-  items: o,
+  isDynamicFltering: o,
+  items: s,
   isMultiple: i,
   totalItemCount: r,
-  isVirtualScroll: v
-}, 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(
+  isVirtualScroll: _
+}, p, c, m) => {
+  const f = async (g) => {
+    var N;
+    o.value && await j(), (N = s.value[g]) == null || N.focus();
+  }, d = async (g) => {
+    var se, K;
+    o.value && await j();
+    const N = (se = e.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef) == null ? void 0 : se.$el.querySelectorAll(
       "button"
     );
-    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
+    N != null && N.length ? (K = N[g]) == null || K.focus() : f(g);
+  }, S = (g) => {
+    var N;
+    return (N = e.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef) == null ? void 0 : N.setListboxFocusedIndex(
+      g
     );
-  }, m = async (E) => {
-    var F;
-    await ((F = e.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef) == null ? void 0 : F.navigateToItem(E));
-  }, k = (E) => {
+  }, y = async (g) => {
+    var N;
+    await ((N = e.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef) == null ? void 0 : N.navigateToItem(g));
+  }, B = (g) => {
     j(() => {
-      v ? m(E) : (S(E), f(E));
+      _ ? y(g) : (S(g), f(g));
     });
-  }, B = () => {
-    t.value || c(), k(0);
+  }, R = () => {
+    t.value || c(), B(0);
   }, b = () => {
     t.value || c(), j(() => {
-      k(v ? r.value - 1 : o.value.length - 1);
+      B(_ ? r.value - 1 : s.value.length - 1);
     });
-  }, 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));
+  }, O = (g) => {
+    g.preventDefault(), g.stopPropagation();
+  }, L = ({ detail: g }) => {
+    O(g), R();
+  }, T = ({ detail: g }) => {
+    O(g), b();
+  }, w = ({ detail: g }) => {
+    O(g), R();
+  }, F = ({ detail: g }) => {
+    O(g), b();
+  }, I = ({ detail: g }) => {
+    O(g), p(), t.value && (i ? d(0) : B(l.value));
+  }, k = ({ detail: g }) => {
+    O(g), p(), t.value && (i ? d(0) : B(l.value));
+  }, v = ({ detail: g }) => {
+    g.stopPropagation(), t.value && m();
+  }, A = ({ detail: g }) => {
+    g.stopPropagation(), t.value && (m(), rt(a));
   };
   return n(() => ({
-    [z.ARROW_DOWN]: T,
-    [z.ARROW_UP]: L,
+    [z.ARROW_DOWN]: L,
+    [z.ARROW_UP]: T,
     [z.HOME]: w,
-    [z.END]: N,
-    ...s.value ? {} : { [z.SPACE]: A },
-    [z.ENTER]: h,
-    ...s.value ? {} : { [z.TAB]: g },
-    [z.ESCAPE]: R
+    [z.END]: F,
+    ...o.value ? {} : { [z.SPACE]: I },
+    [z.ENTER]: k,
+    ...o.value ? {} : { [z.TAB]: v },
+    [z.ESCAPE]: A
   }));
-}, xa = ({ inputContainerRef: a, isDropdownOpen: e }, l) => {
+}, ha = ({ inputContainerRef: a, isDropdownOpen: e }, l) => {
   const t = () => {
     e.value && l(), j(() => {
-      dt(a);
+      rt(a);
     });
   };
   return {
-    [d.ENTER]: t,
-    [d.ESCAPE]: t,
-    [d.TAB]: t,
-    [d.SPACE]: t
+    [u.ENTER]: t,
+    [u.ESCAPE]: t,
+    [u.TAB]: t,
+    [u.SPACE]: t
   };
 };
-function Ca(a, e, l, t, s) {
-  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();
+function Sa(a, e, l, t, o) {
+  const s = E(a), i = E(e), r = (c, m = []) => m.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)] : []), _ = l !== void 0 ? st(() => l(s.value), o ?? 300) : void 0;
+  return oe(s, () => {
+    _ !== void 0 && _();
   }), n(() => {
-    if (!o.value || l !== void 0)
+    if (!s.value || l !== void 0)
       return i.value;
-    const c = o.value.toLocaleLowerCase();
+    const c = s.value.toLocaleLowerCase();
     return r(c, i.value);
   });
 }
-const Oa = {
+const xa = {
   "de-DE": {
     all: "Alle",
     ariaLabelFallback: "Dropdown",
@@ -2453,16 +2458,16 @@ const Oa = {
     ariaLabelFallback: "下拉菜单",
     clearSearch: "清除筛选器"
   }
-}, Ea = U({
-  i18n: { messages: Oa },
+}, Ca = U({
+  i18n: { messages: xa },
   name: "b-dropdown",
   components: {
-    DropdownInputDefault: la,
-    DropdownInputSmall: ya
+    DropdownInputDefault: ea,
+    DropdownInputSmall: ma
   },
   model: { prop: "modelValue" }
-}), Ia = /* @__PURE__ */ U({
-  ...Ea,
+}), Oa = /* @__PURE__ */ U({
+  ...Ca,
   props: {
     description: { default: null },
     disabled: { type: Boolean, default: !1 },
@@ -2497,118 +2502,118 @@ const Oa = {
   },
   emits: ["input", "update:model-value", "show-more", "open"],
   setup(a, { expose: e, emit: l }) {
-    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(
+    var V, ue;
+    const t = a, o = Ve(), s = Oe(), i = Ze(s), { t: r } = fe(), { emitValue: _ } = bt(l), p = E(null), c = E(null), m = E(null), f = E(!1), d = ie("bento-dropdown-options-container"), S = ie("dropdown-label"), y = ie("dropdown-description"), B = ie("dropdown-error"), { isReadOnly: R } = vt(W(t, "readonly")), b = n(() => t.modelValue ?? t.value), { cachedSelectedListboxOptions: O, cachedListboxSelectedValues: L, setCachedValues: T } = Bl(
       W(t, "items"),
       b,
       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({
+    ), w = E(o["aria-label"]), F = E(o["aria-describedby"]), { ariaLabel: I, label: k } = Xe(t), v = n(() => r("ariaLabelFallback")), A = ft({
       // TODO: take ariaLabel ref away when aria-label prop is removed
-      ariaLabel: A.value || w,
-      label: h,
-      defaultFallback: g
-    }), G = t.size === ge.SMALL || ze(Kl, !1), E = n(() => G ? ge.SMALL : ge.DEFAULT), F = n(() => ({
+      ariaLabel: I.value || w,
+      label: k,
+      defaultFallback: v
+    }), M = t.size === ge.SMALL || ze(Ul, !1), g = n(() => M ? ge.SMALL : ge.DEFAULT), N = n(() => ({
       "b-dropdown--condensed": t.condensed
-    })), le = n(() => ({
+    })), se = n(() => ({
       "b-dropdown__description--error": !!t.errorMessage
-    })), q = I(""), V = W(t, "items"), ae = W(t, "staticCategories"), fe = Ca(
+    })), K = E(""), le = W(t, "items"), q = W(t, "staticCategories"), ee = Sa(
+      K,
+      le,
+      (V = t == null ? void 0 : t.search) == null ? void 0 : V.searchEvent,
       q,
-      V,
-      (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 && !!q.value), Re = ha({
-      items: V,
+      (ue = t == null ? void 0 : t.search) == null ? void 0 : ue.debounceTime
+    ), he = n(() => t.dynamicFiltering && !!K.value), Re = ya({
+      items: le,
       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(
-          ({ value: $ }) => (t == null ? void 0 : t.value) && (t == null ? void 0 : t.value).includes($)
+          ({ value: P }) => (t == null ? void 0 : t.value) && (t == null ? void 0 : t.value).includes(P)
         );
       if (!t.multiple && t.staticCategories) {
-        const $ = t.items.find(
-          (Z) => {
-            var se;
-            return (se = Z.items) == null ? void 0 : se.some((Ae) => Ae.value === b.value);
+        const P = t.items.find(
+          (te) => {
+            var Z;
+            return (Z = te.items) == null ? void 0 : Z.some((Ae) => Ae.value === b.value);
           }
         );
-        return ($ ? $.items.find((Z) => Z.value === b.value) : t.items.find(({ value: Z }) => Z === b.value)) ?? null;
+        return (P ? P.items.find((te) => te.value === b.value) : t.items.find(({ value: te }) => te === b.value)) ?? null;
       }
-      return t.items.find(({ value: $ }) => $ === b.value);
+      return t.items.find(({ value: P }) => P === b.value);
     }), 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) === Z : b.value === Z;
+      const H = (J.value ? ce.value : ee.value).findIndex(({ value: te }) => {
+        var Z;
+        return t.enableValueLabelPair ? ((Z = b.value) == null ? void 0 : Z.value) === te : b.value === te;
       });
       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(() => {
+    }), { isMultiLevelSelect: J, flattenedItemsList: ce } = ot(le), 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, H = J.value ? re.value.length : V.value.length;
-        return $ === 0 ? null : !t.hasMoreItems && H > 0 && H === $ ? r("all") : $;
+        const P = Array.isArray(b.value) ? b.value.length : 0, H = J.value ? ce.value.length : le.value.length;
+        return P === 0 ? null : !t.hasMoreItems && H > 0 && H === P ? r("all") : P;
       }
       return null;
     }), Le = n(
       () => [
-        t.description ? m : null,
-        N.value,
-        t.errorMessage ? k : null
+        t.description ? y : null,
+        F.value,
+        t.errorMessage ? B : null
       ].filter(Boolean).join(" ") || null
     ), ve = n(() => {
-      var $;
-      return ($ = _.value) == null ? void 0 : $.$el;
+      var P;
+      return (P = m.value) == null ? void 0 : P.$el;
     }), { visibleDomOptions: xe, updateVisibleDomOptions: me } = Ue(
       ve,
-      fe,
+      ee,
       Ee
     ), _e = () => {
-      B.value || (f.value = !0, j(() => {
+      R.value || (f.value = !0, j(() => {
         me();
       }));
     }, ye = () => {
       f.value = !1;
     }, Ce = () => {
-      B.value || (f.value = !f.value, j(() => {
+      R.value || (f.value = !f.value, j(() => {
         me();
-      }), he.value && (q.value = ""));
+      }), he.value && (K.value = ""));
     }, Te = () => {
-      he.value && (q.value = ""), f.value && (f.value = !1, _.value.onOutsideDropdownClick());
+      he.value && (K.value = ""), f.value && (f.value = !1, m.value.onOutsideDropdownClick());
     }, Ne = n(() => [
       Te,
       {
         ignore: [ve]
       }
-    ]), we = async ($) => {
-      t.multiple || (q.value = "", f.value = !1), L($), v(T.value), t.multiple || (await j(), M());
-    }, y = () => {
-      l(d.SHOW_MORE);
-    }, x = Sa(
+    ]), we = async (P) => {
+      t.multiple || (K.value = "", f.value = !1), T(P), _(L.value), t.multiple || (await j(), $());
+    }, h = () => {
+      l(u.SHOW_MORE);
+    }, x = ga(
       {
-        inputContainerRef: u,
-        optionsContainerRef: _,
+        inputContainerRef: p,
+        optionsContainerRef: m,
         selectedValueIndex: be,
         isDropdownOpen: f,
         isDynamicFltering: W(t, "dynamicFiltering"),
         items: xe,
         isMultiple: t.multiple,
-        totalItemCount: n(() => fe.value.length),
+        totalItemCount: n(() => ee.value.length),
         isVirtualScroll: !(t != null && t.multiple) && (t == null ? void 0 : t.virtualScroll) !== !1 && (t == null ? void 0 : t.lazyLoadType) === "none"
       },
       Ce,
       _e,
       ye
-    ), C = xa(
+    ), C = ha(
       {
-        inputContainerRef: u,
+        inputContainerRef: p,
         isDropdownOpen: f
       },
       ye
     ), D = {
-      [d.CLOSE_DROPDOWN]: ye,
-      [d.SELECT]: we,
-      [d.SHOW_MORE]: y,
+      [u.CLOSE_DROPDOWN]: ye,
+      [u.SELECT]: we,
+      [u.SHOW_MORE]: h,
       ...C
     };
     t.error && $e(
@@ -2623,67 +2628,67 @@ const Oa = {
                 Use the "v-model" or "model-value" property instead.`,
       "2.0.0"
     );
-    const M = () => {
-      u.value.focus();
+    const $ = () => {
+      p.value.focus();
     }, X = async () => {
-      var Z, se, Ae, Ke, qe;
-      if (await j(), !f.value || t.multiple || !_.value)
+      var Ae;
+      if (await j(), !f.value || t.multiple || !m.value)
         return;
-      const $ = be.value;
-      if ($ <= 0)
+      const P = be.value;
+      if (P <= 0)
         return;
-      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, $);
+      const H = m.value.dropdownOptionsListboxRef, te = H == null ? void 0 : H.listboxRef, Z = H == null ? void 0 : H.listboxItemRef;
+      (Ae = Z == null ? void 0 : Z.scrollToItem) == null || Ae.call(Z, P, te);
     };
-    return te(
+    return oe(
       () => f.value,
-      ($) => {
-        $ && (l("open"), X());
+      (P) => {
+        P && (l("open"), X());
       }
     ), e({
-      focus: M
-    }), { __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 };
+      focus: $
+    }), { __sfc: !0, attrs: o, slots: s, hasSlot: i, props: t, emit: l, t: r, emitValue: _, inputContainerRef: p, inputContainerRefWrapper: c, optionsContainerRef: m, isDropdownOpen: f, dropdownOptionsContainerId: d, labelId: S, descriptionId: y, errorId: B, isReadOnly: R, dropdownValue: b, cachedSelectedListboxOptions: O, cachedListboxSelectedValues: L, setCachedValues: T, ariaLabelAttribute: w, ariaDescribedByAttribute: F, ariaLabel: I, label: k, computedAriaLabelFallbackMessage: v, computedAriaLabel: A, isInputComponent: M, computedSize: g, conditionalClasses: N, descriptionConditionalClasses: se, searchTerm: K, items: le, staticCategories: q, filteredItems: ee, isSearching: he, displayValue: Re, selectedValueItem: Me, selectedValueIndex: be, isMultiLevelSelect: J, flattenedItemsList: ce, 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: h, textboxKeyboardNavigationListeners: x, listboxKeyboardNavigationListeners: C, listboxListeners: D, focus: $, scrollToSelectedOption: X, BentoDropdownOptionsContainer: zl, BentoTypography: re, ErrorMessage: Lt, FieldLabel: It, BentoTeleport: Ot, vBentoClickOutsideDirective: Et, vBentoKeyboardNavigationDirective: ke };
   }
 });
-var La = function() {
-  var s, o;
+var Ea = function() {
+  var o, s;
   var e = this, l = e._self._c, t = e._self._setupProxy;
   return l("div", { directives: [{ name: "bento-click-outside-directive", rawName: "v-bento-click-outside-directive", value: t.clickOutsideDropdownOptions, expression: "clickOutsideDropdownOptions" }], staticClass: "b-dropdown", class: t.conditionalClasses }, [t.label ? l(t.FieldLabel, { attrs: { id: t.labelId, condensed: e.condensed, label: t.label, "tooltip-text": e.tooltipText, optional: e.optional, required: e.required } }) : e._e(), l("div", e._g({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], ref: "inputContainerRefWrapper" }, t.textboxKeyboardNavigationListeners), [l(t.computedSize, { ref: "inputContainerRef", tag: "component", attrs: { condensed: e.condensed, value: t.searchTerm, "additional-items-selected": t.additionalItemsSelected, "aria-controls": t.dropdownOptionsContainerId, ariaExpanded: t.isDropdownOpen, "aria-labelledby": t.label ? t.labelId : null, "aria-describedby": t.ariaDescribedBy, "aria-label": t.computedAriaLabel, "aria-readonly": t.isReadOnly, "aria-required": e.required, readonly: t.isReadOnly, disabled: e.disabled, "display-value": t.displayValue, "dynamic-filtering": e.dynamicFiltering, "is-invalid": !!e.errorMessage || e.error, multiple: e.multiple, open: t.isDropdownOpen, "selected-value-item": t.isInputComponent ? void 0 : t.selectedValueItem, "show-slot-content-in-multiple": e.showSlotContentInMultiple }, on: { input: function(i) {
     t.searchTerm = i;
   }, open: t.toggleDropdown, close: t.toggleDropdown }, scopedSlots: e._u([e._l(t.slots, function(i, r) {
-    return { key: r, fn: function(v) {
-      return [e._t(r, null, null, v)];
+    return { key: r, fn: function(_) {
+      return [e._t(r, null, null, _)];
     } };
-  })], null, !0) })], 1), t.inputContainerRef ? l(t.BentoTeleport, { attrs: { disabled: (s = e.teleport) == null ? void 0 : s.disabled, to: (o = e.teleport) == null ? void 0 : o.to } }, [l(t.BentoDropdownOptionsContainer, e._g({ ref: "optionsContainerRef", attrs: { id: t.dropdownOptionsContainerId, "aria-label": t.computedAriaLabel, "component-loading": e.componentLoading, "empty-state": e.emptyState, disabled: e.disabled, "is-option-disabled": e.isOptionDisabled, items: t.filteredItems, multiple: e.multiple, "static-categories": t.staticCategories, open: t.isDropdownOpen, "selected-value": t.cachedSelectedListboxOptions, searching: t.isSearching, "target-element": t.inputContainerRefWrapper, loading: e.loading, "has-more-items": e.hasMoreItems, "lazy-load-type": e.lazyLoadType, "virtual-scroll": e.virtualScroll }, scopedSlots: e._u([e._l(t.slots, function(i, r) {
-    return { key: r, fn: function(v) {
-      return [e._t(r, null, null, v)];
+  })], null, !0) })], 1), t.inputContainerRef ? l(t.BentoTeleport, { attrs: { disabled: (o = e.teleport) == null ? void 0 : o.disabled, to: (s = e.teleport) == null ? void 0 : s.to } }, [l(t.BentoDropdownOptionsContainer, e._g({ ref: "optionsContainerRef", attrs: { id: t.dropdownOptionsContainerId, "aria-label": t.computedAriaLabel, "component-loading": e.componentLoading, "empty-state": e.emptyState, disabled: e.disabled, "is-option-disabled": e.isOptionDisabled, items: t.filteredItems, multiple: e.multiple, "static-categories": t.staticCategories, open: t.isDropdownOpen, "selected-value": t.cachedSelectedListboxOptions, searching: t.isSearching, "target-element": t.inputContainerRefWrapper, loading: e.loading, "has-more-items": e.hasMoreItems, "lazy-load-type": e.lazyLoadType, "virtual-scroll": e.virtualScroll }, scopedSlots: e._u([e._l(t.slots, function(i, r) {
+    return { key: r, fn: function(_) {
+      return [e._t(r, null, null, _)];
     } };
   })], 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__ */ K(
+}, Ia = [], La = /* @__PURE__ */ G(
+  Oa,
+  Ea,
   Ia,
-  La,
-  Ta,
   !1,
   null,
-  "586fe267"
+  "4caa4c9f"
 );
-const ss = wa.exports;
+const lo = La.exports;
 export {
-  ss as B,
-  Kt as C,
-  la as D,
-  d as a,
-  oe as b,
+  lo as B,
+  Ut as C,
+  ea as D,
+  u as a,
+  ne as b,
   ge as c,
   Pe as d,
-  nt as e,
-  Ca as f,
-  it as g,
-  Kl as h,
-  rt as i,
+  ot as e,
+  Sa as f,
+  st as g,
+  Ul as h,
+  nt as i,
   Ge as j,
-  Ml as u
+  Bl as u
 };
-//# sourceMappingURL=dropdown.CLHXtH0r.js.map
+//# sourceMappingURL=dropdown.C0k4Mkmd.js.map