@adyen/bento-vue2 1.102.0 → 1.103.0

package/dist/chunks/{dropdown.DIqgVVXB.js → dropdown.Ce2P9MZ-.js}

@@ -1,117 +1,111 @@
-import { computed as i, ref as E, onMounted as pt, onUnmounted as ft, watch as ae, defineComponent as z, nextTick as H, toRef as j, useSlots as Ce, useAttrs as Ve, toRefs as Xe, inject as Ue } from "vue";
-import { B as ne, d as Pe } from "./typography.C8lPlsbD.js";
-import { g as oe } from "./generate-uid.NJ8tVoha.js";
-import { u as ie } from "./index.B6WW_F-J.js";
-import { s as de } from "./events.BQOQSSb7.js";
-import { u as Ze } from "./use-has-slot.C9lQZ6nz.js";
-import { C as bt } from "./cross-circle-fill.DTDtgLMf.js";
-import { C as mt } from "./cross-circle-fill-small.DfxDedRr.js";
-import { n as U } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { C as Qe } from "./chevron-down.eYtgv5ly.js";
-import { C as et } from "./chevron-up.d8cwIlA_.js";
+import { computed as n, ref as L, onMounted as ct, onUnmounted as dt, watch as Q, defineComponent as F, nextTick as Y, toRef as q, useSlots as Se, useAttrs as Pe, toRefs as je, inject as Fe } from "vue";
+import { B as le, d as Me } from "./typography.D1OZJbEa.js";
+import { g as te } from "./generate-uid.DBWe4g6T.js";
+import { u as ae } from "./index.CPOlyau9.js";
+import { s as ne } from "./events.BQOQSSb7.js";
+import { u as He } from "./use-has-slot.C9lQZ6nz.js";
+import { C as ut } from "./cross-circle-fill.DTDtgLMf.js";
+import { C as pt } from "./cross-circle-fill-small.DfxDedRr.js";
+import { n as V } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
+import { C as Je } from "./chevron-down.eYtgv5ly.js";
+import { C as Xe } from "./chevron-up.d8cwIlA_.js";
 /* empty css              */
-import { u as vt } from "./aria-label.CaUURpnB.js";
-import { u as yt } from "./form-field.D_2g7vaP.js";
-import { u as _t } from "./use-form-layout-loading.CWbjZiwP.js";
-import { B as V, a as De } from "./keyboard-navigation.DWmhelVv.js";
-import { B as tt } from "./loading-indicator.PxbRzshH.js";
-import { B as lt } from "./empty-state.DSVU1vU8.js";
-import { o as gt } from "./resize.Bqks3WUm.js";
+import { u as ft } from "./aria-label.CaUURpnB.js";
+import { u as bt } from "./form-field.D_2g7vaP.js";
+import { u as mt } from "./use-form-layout-loading.CWbjZiwP.js";
+import { B as z, a as Te } from "./keyboard-navigation.DWmhelVv.js";
+import { B as Ze } from "./loading-indicator.PxbRzshH.js";
+import { B as Qe } from "./empty-state.fziM-yAC.js";
+import { o as vt } from "./resize.Bqks3WUm.js";
 import "./index.Cl4_42j5.js";
-import { C as Ae, N as ht } from "./minus-small.DJacLGTw.js";
-import { C as St } from "./checkmark-small.DVDtD4HQ.js";
-import { B as xt } from "./chip.DHmRHsL2.js";
-import { b as ke, a as Ct, h as Ot, e as Lt } from "./button-actions.Dpbx0xf3.js";
-import { B as Et } from "./directive.BBWhsNtO.js";
-import { F as It } from "./field-label.DjJ7wdFi.js";
-import { E as wt } from "./error-message.Hqp_VvD3.js";
-import { P as Ke } from "./popper-container.Cb9wuFId.js";
+import { C as Ee, N as yt } from "./minus-small.DJacLGTw.js";
+import { C as _t } from "./checkmark-small.DVDtD4HQ.js";
+import { B as gt } from "./chip.wgEnbEPw.js";
+import { b as we, a as ht, h as St, e as xt } from "./button-actions.CxX7lK7z.js";
+import { B as Ct } from "./directive.D1-d-C2K.js";
+import { F as Lt } from "./field-label.CgdTst2l.js";
+import { E as Ot } from "./error-message.BEHBfjmn.js";
+import { P as Ge } from "./popper-container.D08eTt4B.js";
 import "../assets/dropdown.css";
-const at = (a, e, l, t) => {
-  const s = i(
-    () => {
-      var r, v;
-      return !!((r = a.value) != null && r.length) && ((v = a.value) == null ? void 0 : v.length) === e.value.length;
-    }
-  ), o = i(() => {
-    var r;
-    return a.value == null || a.value.length === 0 ? !1 : ((r = a.value) == null ? void 0 : r.length) !== e.value.length;
-  });
+const et = (a, e, l, t) => {
+  const s = n(
+    () => !!a.value?.length && a.value?.length === e.value.length
+  ), o = n(() => a.value == null || a.value.length === 0 ? !1 : a.value?.length !== e.value.length);
   return {
     isAllSelected: s,
     isIndeterminate: o,
-    toggleSelectAll: (r) => {
-      r ? l() : t();
+    toggleSelectAll: (p) => {
+      p ? l() : t();
     }
   };
 };
-function Tt(a, { disabled: e, itemHeight: l, overscan: t = 5, prefixHeight: s }) {
-  const o = E(null), n = E([]), r = E(0), v = E(0), d = E(0);
-  let c;
-  const _ = i(() => {
-    const h = typeof l == "number" ? a.value.length * l : a.value.reduce((R, A, k) => R + l(k), 0), T = typeof l == "number" ? r.value * l : a.value.slice(0, r.value).reduce((R, A, k) => R + l(k), 0);
+function It(a, { disabled: e, itemHeight: l, overscan: t = 5, prefixHeight: s }) {
+  const o = L(null), i = L([]), p = L(0), _ = L(0), c = L(0);
+  let r;
+  const m = n(() => {
+    const v = typeof l == "number" ? a.value.length * l : a.value.reduce((D, A, w) => D + l(w), 0), I = typeof l == "number" ? p.value * l : a.value.slice(0, p.value).reduce((D, A, w) => D + l(w), 0);
     return {
       style: {
-        marginTop: `${T}px`,
-        height: `${h - T}px`
+        marginTop: `${I}px`,
+        height: `${v - I}px`
       }
     };
-  }), b = () => {
-    const h = (s == null ? void 0 : s.value) ?? 0, T = Math.max(o.value.scrollTop - h, 0);
+  }), u = () => {
+    const v = s?.value ?? 0, I = Math.max(o.value.scrollTop - v, 0);
     if (typeof l == "number")
-      return Math.floor(T / l);
-    let R = 0, A = 0;
-    for (let k = 0; k < a.value.length; k += 1) {
-      const D = l(k);
-      if (R += D, R >= T) {
-        A = k;
+      return Math.floor(I / l);
+    let D = 0, A = 0;
+    for (let w = 0; w < a.value.length; w += 1) {
+      const T = l(w);
+      if (D += T, D >= I) {
+        A = w;
         break;
       }
     }
     return A;
-  }, p = () => {
-    if (d.value = o.value.clientHeight, typeof l == "number")
-      return Math.ceil(d.value / l);
-    const h = r.value ?? 0;
-    let T = 0, R = 0;
-    for (let A = h; A < a.value.length; A += 1) {
-      const k = l(A);
-      if (T += k, R = A, T > d.value)
+  }, b = () => {
+    if (c.value = o.value.clientHeight, typeof l == "number")
+      return Math.ceil(c.value / l);
+    const v = p.value ?? 0;
+    let I = 0, D = 0;
+    for (let A = v; A < a.value.length; A += 1) {
+      const w = l(A);
+      if (I += w, D = A, I > c.value)
         break;
     }
-    return R - h;
-  }, C = () => {
+    return D - v;
+  }, x = () => {
     if (o.value) {
-      const h = p();
-      r.value = b(), v.value = Math.min(r.value + h + t, a.value.length), n.value = a.value.slice(r.value, v.value);
+      const v = b();
+      p.value = u(), _.value = Math.min(p.value + v + t, a.value.length), i.value = a.value.slice(p.value, _.value);
     }
-  }, x = () => {
-    C();
+  }, g = () => {
+    x();
   };
-  e || (pt(() => {
-    o.value && (d.value = o.value.clientHeight, c = gt(o.value, ({ clientHeight: h }) => {
-      d.value = h, C();
-    }), C());
-  }), ft(() => {
-    c == null || c.disconnect();
-  }), ae(
+  e || (ct(() => {
+    o.value && (c.value = o.value.clientHeight, r = vt(o.value, ({ clientHeight: v }) => {
+      c.value = v, x();
+    }), x());
+  }), dt(() => {
+    r?.disconnect();
+  }), Q(
     () => a.value,
     () => {
-      C();
+      x();
     }
   ));
-  const N = {
+  const M = {
     ref: o,
     style: { overflowY: "auto" }
-  }, M = (h) => {
+  }, B = (v) => {
     if (!o.value)
       return;
-    const T = typeof l == "number" ? h * l : a.value.slice(0, h).reduce((K, g, B) => K + l(B), 0), R = typeof l == "number" ? l : l(h), A = T + R, { scrollTop: k, clientHeight: D } = o.value, G = k + D;
-    A > G ? o.value.scrollTop = D > 0 ? A - D : T : T < k && (o.value.scrollTop = T), C();
+    const I = typeof l == "number" ? v * l : a.value.slice(0, v).reduce((U, h, R) => U + l(R), 0), D = typeof l == "number" ? l : l(v), A = I + D, { scrollTop: w, clientHeight: T } = o.value, G = w + T;
+    A > G ? o.value.scrollTop = T > 0 ? A - T : I : I < w && (o.value.scrollTop = I), x();
   };
   return e ? {
     containerRef: o,
-    containerProps: N,
+    containerProps: M,
     // eslint-disable-next-line @typescript-eslint/no-empty-function
     onScroll: () => {
     },
@@ -119,22 +113,22 @@ function Tt(a, { disabled: e, itemHeight: l, overscan: t = 5, prefixHeight: s })
     // eslint-disable-next-line @typescript-eslint/no-empty-function
     scrollToIndex: () => {
     },
-    startIndex: E(0)
+    startIndex: L(0)
   } : {
     containerRef: o,
-    containerProps: N,
-    onScroll: x,
-    list: n,
-    wrapperProps: _,
-    scrollToIndex: M,
-    startIndex: r
+    containerProps: M,
+    onScroll: g,
+    list: i,
+    wrapperProps: m,
+    scrollToIndex: B,
+    startIndex: p
   };
 }
-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 || {}), le = /* @__PURE__ */ ((a) => (a.AUTOMATIC = "automatic", a.BUTTON = "button", a.NONE = "none", a))(le || {});
-const At = z({
+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 || {}), Z = /* @__PURE__ */ ((a) => (a.AUTOMATIC = "automatic", a.BUTTON = "button", a.NONE = "none", a))(Z || {});
+const Et = F({
   name: "bento-listbox-static-category",
   components: {
-    BentoTypography: ne
+    BentoTypography: le
   },
   props: {
     /**
@@ -146,18 +140,18 @@ const At = z({
     }
   }
 });
-var kt = function() {
+var wt = 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);
-}, Dt = [], Bt = /* @__PURE__ */ U(
-  At,
-  kt,
-  Dt,
+}, Tt = [], At = /* @__PURE__ */ V(
+  Et,
+  wt,
+  Tt,
   !1,
   null,
   "bfbc1649"
 );
-const Rt = Bt.exports, Mt = z({
+const kt = At.exports, Dt = F({
   name: "bento-listbox-option",
   props: {
     /**
@@ -169,29 +163,29 @@ const Rt = Bt.exports, Mt = z({
      */
     selected: { type: Boolean, default: !1 }
   },
-  emits: [u.CLICK, u.ENTER, u.SPACE, u.TAB],
+  emits: [d.CLICK, d.ENTER, d.SPACE, d.TAB],
   setup(a, { emit: e }) {
-    const l = i(() => ({
+    const l = n(() => ({
       "b-listbox-option--disabled": a.disabled,
       "b-listbox-option--selected": a.selected
     }));
     return {
       // Enums
-      BentoKeyboardNavigationKeyDownEvent: V,
-      BentoListboxEvent: u,
+      BentoKeyboardNavigationKeyDownEvent: z,
+      BentoListboxEvent: d,
       // Values
       conditionalClasses: l,
       // Events
       onClick: (o) => {
-        e(u.CLICK, o);
+        e(d.CLICK, o);
       },
-      onOptionSelected: (o, n) => {
-        e(o, n);
+      onOptionSelected: (o, i) => {
+        e(o, i);
       }
     };
   }
 });
-var Nt = function() {
+var Bt = 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 +194,38 @@ var Nt = 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);
-}, $t = [], Pt = /* @__PURE__ */ U(
-  Mt,
-  Nt,
-  $t,
+}, Rt = [], Mt = /* @__PURE__ */ V(
+  Dt,
+  Bt,
+  Rt,
   !1,
   null,
   "c345b6c0"
 );
-const Be = Pt.exports;
-let qe = 0;
-const Ft = {
+const Ae = Mt.exports;
+let Ue = 0;
+const Nt = {
   beforeCreate() {
-    this.uuid = qe.toString(), qe += 1;
+    this.uuid = Ue.toString(), Ue += 1;
   }
 };
-var zt = function() {
+var $t = 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" } })]);
-}, Vt = [], Ut = /* @__PURE__ */ U(
-  Ft,
-  zt,
-  Vt,
+}, Pt = [], Ft = /* @__PURE__ */ V(
+  Nt,
+  $t,
+  Pt,
   !1,
   null,
   null
 );
-const Gt = Ut.exports, Wt = z({
+const zt = Ft.exports, Vt = F({
   name: "bento-listbox-single-select-option",
   components: {
-    BentoListboxOption: Be,
-    BentoTypography: ne,
-    CheckmarkIcon: Gt
+    BentoListboxOption: Ae,
+    BentoTypography: le,
+    CheckmarkIcon: zt
   },
   props: {
     /**
@@ -251,24 +245,24 @@ const Gt = Ut.exports, Wt = z({
      */
     selected: { type: Boolean, default: !1 }
   },
-  emits: [u.ENTER, u.SELECT, u.SPACE, u.TAB],
+  emits: [d.ENTER, d.SELECT, d.SPACE, d.TAB],
   setup(a, { emit: e }) {
-    const l = (n) => {
-      a.disabled || e(n, a.option);
-    }, t = i(() => a.disabled ? !0 : null), s = i(() => a.selected ? !0 : null), o = i(() => a.disabled ? -1 : 0);
+    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);
     return {
       // Values
       ariaDisabled: t,
       ariaSelected: s,
       tabIndex: o,
       // Enums
-      BentoListboxEvent: u,
+      BentoListboxEvent: d,
       // Events
       onOptionSelected: l
     };
   }
 });
-var Kt = function() {
+var Gt = 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,17 +275,17 @@ var Kt = 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);
-}, qt = [], Yt = /* @__PURE__ */ U(
-  Wt,
-  Kt,
-  qt,
+}, Ut = [], Wt = /* @__PURE__ */ V(
+  Vt,
+  Gt,
+  Ut,
   !1,
   null,
   "bb14d75a"
 );
-const jt = Yt.exports, st = ({ items: a, totalItemCount: e }, l) => {
-  const t = i(() => e != null && e.value ? e.value - 1 : a.value.length - 1), s = E(0), o = (p) => {
-    switch (p) {
+const Kt = Wt.exports, tt = ({ items: a, totalItemCount: e }, l) => {
+  const t = n(() => e?.value ? e.value - 1 : a.value.length - 1), s = L(0), o = (b) => {
+    switch (b) {
       case "increase":
         s.value += 1;
         break;
@@ -299,54 +293,53 @@ const jt = Yt.exports, st = ({ items: a, totalItemCount: e }, l) => {
         s.value -= 1;
         break;
     }
-  }, n = ({ edgeCaseItem: p }, C) => {
-    s.value !== p && (o(C), l(s.value));
-  }, r = (p) => {
-    b(p), n(
+  }, i = ({ edgeCaseItem: b }, x) => {
+    s.value !== b && (o(x), l(s.value));
+  }, p = (b) => {
+    u(b), i(
       {
         edgeCaseItem: t.value
       },
       "increase"
       /* INCREASE */
     );
-  }, v = (p) => {
-    b(p), n(
+  }, _ = (b) => {
+    u(b), i(
       {
         edgeCaseItem: 0
       },
       "decrease"
       /* DECREASE */
     );
-  }, d = (p) => {
-    b(p), s.value = 0, l(s.value);
-  }, c = (p) => {
-    b(p), s.value = t.value, l(s.value);
-  }, _ = (p) => {
-    s.value = p;
-  }, b = (p) => {
-    var C, x;
-    (C = p == null ? void 0 : p.detail) == null || C.preventDefault(), (x = p == null ? void 0 : p.detail) == null || x.stopPropagation();
+  }, c = (b) => {
+    u(b), s.value = 0, l(s.value);
+  }, r = (b) => {
+    u(b), s.value = t.value, l(s.value);
+  }, m = (b) => {
+    s.value = b;
+  }, u = (b) => {
+    b?.detail?.preventDefault(), b?.detail?.stopPropagation();
   };
   return {
-    moveToFirstElement: d,
-    moveToLastElement: c,
-    moveToNextElement: r,
-    moveToPreviousElement: v,
-    setListboxFocusedIndex: _,
-    preventDefault: b,
+    moveToFirstElement: c,
+    moveToLastElement: r,
+    moveToNextElement: p,
+    moveToPreviousElement: _,
+    setListboxFocusedIndex: m,
+    preventDefault: u,
     focusedIndex: s
   };
-}, Ge = (a, e, l = E("option"), t = !0) => {
-  const s = E([]), o = async () => {
+}, ze = (a, e, l = L("option"), t = !0) => {
+  const s = L([]), o = async () => {
     if (!a.value || a.value.nodeType === Node.COMMENT_NODE)
       return;
-    const n = Array.from(a.value.querySelectorAll(`[role="${l.value}"]`));
-    s.value = t ? n.filter((r) => r.checkVisibility()) : n;
+    const i = Array.from(a.value.querySelectorAll(`[role="${l.value}"]`));
+    s.value = t ? i.filter((p) => p.checkVisibility()) : i;
   };
-  return ae(
+  return Q(
     e,
     () => {
-      H(() => {
+      Y(() => {
         o();
       });
     },
@@ -355,13 +348,13 @@ const jt = Yt.exports, st = ({ items: a, totalItemCount: e }, l) => {
     visibleDomOptions: s,
     updateVisibleDomOptions: o
   };
-}, Ht = z({
+}, qt = F({
   name: "bento-listbox-single-select",
   components: {
-    BentoListboxSingleSelectCategory: Rt,
-    BentoListboxSingleSelectOption: jt
+    BentoListboxSingleSelectCategory: kt,
+    BentoListboxSingleSelectOption: Kt
   },
-  directives: { BentoKeyboardNavigationDirective: De },
+  directives: { BentoKeyboardNavigationDirective: Te },
   inheritAttrs: !1,
   props: {
     /**
@@ -415,170 +408,163 @@ const jt = Yt.exports, st = ({ items: a, totalItemCount: e }, l) => {
      */
     virtualScrollStartIndex: { type: Number, default: 0 }
   },
-  emits: [u.SELECT, u.ENTER, u.SPACE, u.TAB],
+  emits: [d.SELECT, d.ENTER, d.SPACE, d.TAB],
   setup(a, { emit: e, expose: l, slots: t, attrs: s }) {
-    const o = E(), n = E([]), r = i(() => {
-      var g;
-      return !!((g = a.selectedValue) != null && g.length) && a.selectedValue.at(0);
-    }), v = i(
-      () => {
-        var g, B, L, m;
-        return {
-          "aria-label": (g = s["aria-label"]) == null ? void 0 : g.toString(),
-          "aria-busy": (B = s["aria-busy"]) == null ? void 0 : B.toString(),
-          "aria-atomic": (L = s["aria-atomic"]) == null ? void 0 : L.toString(),
-          "aria-live": (m = s["aria-live"]) == null ? void 0 : m.toString()
-        };
-      }
-    ), d = i(() => !!a.items.some(({ items: g }) => !!g)), c = (g) => (B) => {
-      e(g, [B]);
-    }, { visibleDomOptions: _, updateVisibleDomOptions: b } = Ge(
+    const o = L(), i = L([]), p = n(() => !!a.selectedValue?.length && a.selectedValue.at(0)), _ = n(
+      () => ({
+        "aria-label": s["aria-label"]?.toString(),
+        "aria-busy": s["aria-busy"]?.toString(),
+        "aria-atomic": s["aria-atomic"]?.toString(),
+        "aria-live": s["aria-live"]?.toString()
+      })
+    ), c = n(() => !!a.items.some(({ items: h }) => !!h)), r = (h) => (R) => {
+      e(h, [R]);
+    }, { visibleDomOptions: m, updateVisibleDomOptions: u } = ze(
       o,
-      j(a, "items"),
-      E("option"),
+      q(a, "items"),
+      L("option"),
       !1
-    ), p = i(() => a.totalItemCount > 0), C = (g) => {
-      if (!p.value)
+    ), b = n(() => a.totalItemCount > 0), x = (h) => {
+      if (!b.value)
         return;
-      const B = g.target;
-      if (B === o.value || (B == null ? void 0 : B.getAttribute("role")) !== "option")
+      const R = h.target;
+      if (R === o.value || R?.getAttribute("role") !== "option")
         return;
-      const L = _.value.indexOf(B);
-      if (L !== -1) {
-        const m = L + a.virtualScrollStartIndex;
-        D(m);
+      const k = m.value.indexOf(R);
+      if (k !== -1) {
+        const y = k + a.virtualScrollStartIndex;
+        T(y);
       }
-    }, x = async (g) => {
-      var B, L;
-      if (p.value && a.scrollToIndex) {
-        a.scrollToIndex(g), await H(), await b();
-        const m = g - a.virtualScrollStartIndex;
-        (B = _.value[m]) == null || B.focus();
+    }, g = async (h) => {
+      if (b.value && a.scrollToIndex) {
+        a.scrollToIndex(h), await Y(), await u();
+        const R = h - a.virtualScrollStartIndex;
+        m.value[R]?.focus();
       } else
-        (L = _.value[g]) == null || L.focus();
-    }, N = async (g) => {
-      D(g), await x(g);
-    }, M = (g, B) => {
-      if (!g || !B)
+        m.value[h]?.focus();
+    }, M = async (h) => {
+      T(h), await g(h);
+    }, B = (h, R) => {
+      if (!h || !R)
         return;
-      const L = g.getBoundingClientRect(), m = B, I = m.getBoundingClientRect();
-      L.top < I.top ? m.scrollTop -= I.top - L.top : L.bottom > I.bottom && (m.scrollTop += L.bottom - I.bottom);
-    }, h = async (g, B) => {
-      await b(), p.value && a.scrollToIndex ? a.scrollToIndex(g) : M(_.value[g], B);
+      const k = h.getBoundingClientRect(), y = R, P = y.getBoundingClientRect();
+      k.top < P.top ? y.scrollTop -= P.top - k.top : k.bottom > P.bottom && (y.scrollTop += k.bottom - P.bottom);
+    }, v = async (h, R) => {
+      await u(), b.value && a.scrollToIndex ? a.scrollToIndex(h) : B(m.value[h], R);
     }, {
-      moveToNextElement: T,
-      moveToPreviousElement: R,
+      moveToNextElement: I,
+      moveToPreviousElement: D,
       moveToFirstElement: A,
-      moveToLastElement: k,
-      setListboxFocusedIndex: D
-    } = st(
+      moveToLastElement: w,
+      setListboxFocusedIndex: T
+    } = tt(
       {
-        items: _,
-        totalItemCount: j(a, "totalItemCount")
+        items: m,
+        totalItemCount: q(a, "totalItemCount")
       },
-      x
+      g
     ), G = {
-      [V.ARROW_UP]: R,
-      [V.ARROW_DOWN]: T,
-      [V.HOME]: A,
-      [V.END]: k
-    }, K = {
-      [u.SELECT]: c(u.SELECT),
-      [u.SPACE]: c(u.SPACE),
-      [u.TAB]: c(u.TAB),
-      [u.ENTER]: c(u.ENTER)
+      [z.ARROW_UP]: D,
+      [z.ARROW_DOWN]: I,
+      [z.HOME]: A,
+      [z.END]: w
+    }, U = {
+      [d.SELECT]: r(d.SELECT),
+      [d.SPACE]: r(d.SPACE),
+      [d.TAB]: r(d.TAB),
+      [d.ENTER]: r(d.ENTER)
     };
     return l({
       /**
        * Reference for a single listbox item.
        * Required for keyboard navigation in dropdown as $children is removed in vue@3
        */
-      listboxItemRef: n,
+      listboxItemRef: i,
       /**
        * 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: D,
+      setListboxFocusedIndex: T,
       /**
        * Navigates to an item by global index, handling virtual scroll if enabled.
        * Scrolls the virtual list and focuses the item.
        */
-      navigateToItem: N,
+      navigateToItem: M,
       /**
        * 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: h
+      scrollToItem: v
     }), {
       // Enums
-      BentoListboxEvent: u,
+      BentoListboxEvent: d,
       // Values
       listboxRef: o,
-      listboxItemRef: n,
-      selectedItem: r,
+      listboxItemRef: i,
+      selectedItem: p,
       slots: t,
-      ariaAttributes: v,
+      ariaAttributes: _,
       // Computed
-      hasCategories: d,
+      hasCategories: c,
       // Methods
-      onOptionSelected: c,
+      onOptionSelected: r,
       // Keyboard navigation
       listboxListeners: G,
-      listboxOptionListeners: K,
+      listboxOptionListeners: U,
       // Virtual scroll focus management
-      handleVirtualScrollingFocus: C
+      handleVirtualScrollingFocus: x
     };
   }
 });
-var Jt = function() {
+var Yt = 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, n) {
-        return { key: n, fn: function(r) {
-          return [e._t(n, null, null, r)];
+      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 { key: i, fn: function(p) {
+          return [e._t(i, null, null, p)];
         } };
       })], 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(n) {
-        return [e._t(o, null, null, n)];
+      return { key: o, fn: function(i) {
+        return [e._t(o, 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(n) {
-        return [e._t(o, null, null, n)];
+      return { key: o, fn: function(i) {
+        return [e._t(o, null, null, i)];
       } };
     })], null, !0) }, e.listboxOptionListeners));
   })], 2);
-}, Xt = [], Zt = /* @__PURE__ */ U(
-  Ht,
-  Jt,
-  Xt,
+}, jt = [], Ht = /* @__PURE__ */ V(
+  qt,
+  Yt,
+  jt,
   !1,
   null,
   null
 );
-const Qt = Zt.exports;
-let Ye = 0;
-const el = {
+const Jt = Ht.exports;
+let We = 0;
+const Xt = {
   beforeCreate() {
-    this.uuid = Ye.toString(), Ye += 1;
+    this.uuid = We.toString(), We += 1;
   }
 };
-var tl = function() {
+var Zt = function() {
   var e = this, l = e._self._c;
   return l("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? l("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), l("path", { attrs: { fill: "#001222", d: "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" } })]);
-}, ll = [], al = /* @__PURE__ */ U(
-  el,
-  tl,
-  ll,
+}, Qt = [], el = /* @__PURE__ */ V(
+  Xt,
+  Zt,
+  Qt,
   !1,
   null,
   null
 );
-const sl = al.exports, ol = {}, nl = /* @__PURE__ */ z({
-  ...ol,
+const tl = el.exports, ll = {}, al = /* @__PURE__ */ F({
+  ...ll,
   __name: "decorative-checkbox",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -587,79 +573,46 @@ const sl = al.exports, ol = {}, nl = /* @__PURE__ */ z({
     allSelected: { type: Boolean, default: !1 }
   },
   setup(a) {
-    const e = a, l = i(() => ({
-      [`b-checkbox-input--${Ae.DISABLED}`]: e.disabled
-    })), t = i(() => ({
-      [`b-checkbox-input__outline--${Ae.UNCHECKED}`]: !e.checked && !e.indeterminate && !e.allSelected,
-      [`b-checkbox-input__outline--${Ae.CHECKED}`]: (e.checked || e.allSelected) && !e.indeterminate,
-      [`b-checkbox-input__outline--${Ae.INDETERMINATE}`]: e.indeterminate
+    const e = a, l = n(() => ({
+      [`b-checkbox-input--${Ee.DISABLED}`]: e.disabled
+    })), t = n(() => ({
+      [`b-checkbox-input__outline--${Ee.UNCHECKED}`]: !e.checked && !e.indeterminate && !e.allSelected,
+      [`b-checkbox-input__outline--${Ee.CHECKED}`]: (e.checked || e.allSelected) && !e.indeterminate,
+      [`b-checkbox-input__outline--${Ee.INDETERMINATE}`]: e.indeterminate
     }));
-    return { __sfc: !0, props: e, conditionalClasses: l, outlineConditionalClasses: t, CheckmarkSmallIcon: St, MinusSmallIcon: ht, DoubleCheckmarkSmallIcon: sl };
+    return { __sfc: !0, props: e, conditionalClasses: l, outlineConditionalClasses: t, CheckmarkSmallIcon: _t, MinusSmallIcon: yt, DoubleCheckmarkSmallIcon: tl };
   }
 });
-var il = function() {
+var sl = 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);
-}, rl = [], cl = /* @__PURE__ */ U(
-  nl,
-  il,
-  rl,
+}, ol = [], nl = /* @__PURE__ */ V(
+  al,
+  sl,
+  ol,
   !1,
   null,
   "b87bbaf9"
 );
-const We = cl.exports;
-var ot = /* @__PURE__ */ ((a) => (a.DISABLED = "disabled", a.STATIC_CATEGORY = "static-category", a))(ot || {}), ce = /* @__PURE__ */ ((a) => (a.SELECT_CATEGORY = "select-category", a.UNSELECT_CATEGORY = "unselect-category", a.TOGGLE_CATEGORY_VISIBILITY = "toggle-category-visibility", a))(ce || {});
-const dl = {
-  "de-DE": {
-    loading: "Laden",
-    showMore: "Mehr anzeigen"
-  },
-  "en-GB": {
-    loading: "Loading",
-    showMore: "Show more"
-  },
-  "en-US": {
-    loading: "Loading",
-    showMore: "Show more"
-  },
-  "es-419": {
-    loading: "Cargando",
-    showMore: "Mostrar más"
-  },
-  "es-ES": {
-    loading: "Cargando",
-    showMore: "Mostrar más"
-  },
-  "es-MX": {
-    loading: "Cargando",
-    showMore: "Mostrar más"
-  },
-  "fr-FR": {
-    loading: "Chargement",
-    showMore: "Afficher plus"
-  },
-  "it-IT": {
-    loading: "Caricamento",
-    showMore: "Mostra di più"
-  },
-  "ja-JP": {
-    loading: "読み込み中",
-    showMore: "さらに表示"
-  },
-  "pt-BR": {
-    loading: "Carregando",
-    showMore: "Mostrar mais"
-  },
-  "zh-CN": {
-    loading: "正在加载",
-    showMore: "显示更多"
-  }
-}, ul = {
+const Ve = nl.exports;
+var lt = /* @__PURE__ */ ((a) => (a.DISABLED = "disabled", a.STATIC_CATEGORY = "static-category", a))(lt || {}), oe = /* @__PURE__ */ ((a) => (a.SELECT_CATEGORY = "select-category", a.UNSELECT_CATEGORY = "unselect-category", a.TOGGLE_CATEGORY_VISIBILITY = "toggle-category-visibility", a))(oe || {});
+const il = {
+  "de-DE": { loading: "Laden", showMore: "Mehr anzeigen" },
+  "en-GB": { loading: "Loading", showMore: "Show more" },
+  "en-US": { loading: "Loading", showMore: "Show more" },
+  "es-419": { loading: "Cargando", showMore: "Mostrar más" },
+  "es-ES": { loading: "Cargando", showMore: "Mostrar más" },
+  "es-MX": { loading: "Cargando", showMore: "Mostrar más" },
+  "fr-FR": { loading: "Chargement", showMore: "Afficher plus" },
+  "it-IT": { loading: "Caricamento", showMore: "Mostra di più" },
+  "ja-JP": { loading: "読み込み中", showMore: "さらに表示" },
+  "pt-BR": { loading: "Carregando", showMore: "Mostrar mais" },
+  "zh-CN": { loading: "正在加载", showMore: "显示更多" }
+}, rl = {
   name: "listbox-lazy-load",
-  i18n: { messages: dl }
-}, pl = /* @__PURE__ */ z({
-  ...ul,
+  i18n: { messages: il }
+}, cl = /* @__PURE__ */ F({
+  ...rl,
   props: {
     condensed: { type: Boolean, default: !1 },
     hasMoreItems: { type: Boolean, default: !1 },
@@ -669,78 +622,57 @@ const dl = {
   },
   emits: ["show-more"],
   setup(a) {
-    const e = a, { t: l } = ie(), t = i(
-      () => e.type === le.BUTTON && e.hasMoreItems
-    ), s = i(
-      () => e.loading ? ke.LOADING : ke.START
-    ), o = i(() => e.loading ? l("loading") : l("showMore"));
-    return { __sfc: !0, t: l, props: e, shouldDisplayShowMoreButton: t, loadingButtonState: s, showMoreButtonText: o, BentoLoadingIndicator: tt, BentoLoadingButton: Ct };
+    const e = a, { t: l } = ae(), t = n(
+      () => e.type === Z.BUTTON && e.hasMoreItems
+    ), s = n(
+      () => e.loading ? we.LOADING : we.START
+    ), o = n(() => e.loading ? l("loading") : l("showMore"));
+    return { __sfc: !0, t: l, props: e, shouldDisplayShowMoreButton: t, loadingButtonState: s, showMoreButtonText: o, BentoLoadingIndicator: Ze, BentoLoadingButton: ht };
   }
 });
-var fl = function() {
+var dl = function() {
   var e = this, l = e._self._c, t = e._self._setupProxy;
   return t.shouldDisplayShowMoreButton || e.loading ? l("div", { staticClass: "b-listbox-lazy-load" }, [t.shouldDisplayShowMoreButton ? l(t.BentoLoadingButton, { attrs: { state: t.loadingButtonState, tabindex: e.tabindex, condensed: e.condensed, variant: "secondary" }, on: { "!click": function(s) {
     return e.$emit("show-more", s);
   } } }, [e._v(" " + e._s(t.showMoreButtonText) + " ")]) : e.loading ? l(t.BentoLoadingIndicator) : e._e()], 1) : e._e();
-}, bl = [], ml = /* @__PURE__ */ U(
-  pl,
-  fl,
-  bl,
+}, ul = [], pl = /* @__PURE__ */ V(
+  cl,
+  dl,
+  ul,
   !1,
   null,
   "d86387ad"
 );
-const nt = ml.exports, vl = {
-  "de-DE": {
-    thereWasAnErrorLoadingNewItems: "Beim Laden neuer Artikel ist ein Fehler aufgetreten."
-  },
-  "en-GB": {
-    thereWasAnErrorLoadingNewItems: "There was an error loading new items."
-  },
-  "en-US": {
-    thereWasAnErrorLoadingNewItems: "There was an error loading new items."
-  },
-  "es-419": {
-    thereWasAnErrorLoadingNewItems: "Se produjo un error al cargar los nuevos elementos."
-  },
-  "es-ES": {
-    thereWasAnErrorLoadingNewItems: "Se produjo un error al cargar los nuevos elementos."
-  },
-  "fr-FR": {
-    thereWasAnErrorLoadingNewItems: "Une erreur s'est produite lors du chargement des nouveaux éléments."
-  },
-  "it-IT": {
-    thereWasAnErrorLoadingNewItems: "Si è verificato un errore durante il caricamento di nuovi elementi."
-  },
-  "ja-JP": {
-    thereWasAnErrorLoadingNewItems: "新しいアイテムの読み込みにエラーが発生しました。"
-  },
-  "pt-BR": {
-    thereWasAnErrorLoadingNewItems: "Ocorreu um erro ao carregar novos itens."
-  },
-  "zh-CN": {
-    thereWasAnErrorLoadingNewItems: "加载新项目时出错。"
-  }
-}, yl = {
+const at = pl.exports, fl = {
+  "de-DE": { thereWasAnErrorLoadingNewItems: "Beim Laden neuer Artikel ist ein Fehler aufgetreten." },
+  "en-GB": { thereWasAnErrorLoadingNewItems: "There was an error loading new items." },
+  "en-US": { thereWasAnErrorLoadingNewItems: "There was an error loading new items." },
+  "es-419": { thereWasAnErrorLoadingNewItems: "Se produjo un error al cargar los nuevos elementos." },
+  "es-ES": { thereWasAnErrorLoadingNewItems: "Se produjo un error al cargar los nuevos elementos." },
+  "fr-FR": { thereWasAnErrorLoadingNewItems: "Une erreur s'est produite lors du chargement des nouveaux éléments." },
+  "it-IT": { thereWasAnErrorLoadingNewItems: "Si è verificato un errore durante il caricamento di nuovi elementi." },
+  "ja-JP": { thereWasAnErrorLoadingNewItems: "新しいアイテムの読み込みにエラーが発生しました。" },
+  "pt-BR": { thereWasAnErrorLoadingNewItems: "Ocorreu um erro ao carregar novos itens." },
+  "zh-CN": { thereWasAnErrorLoadingNewItems: "加载新项目时出错。" }
+}, bl = {
   name: "listbox-multi-select-nested-lazy-load",
-  i18n: { messages: vl }
-}, _l = /* @__PURE__ */ z({
-  ...yl,
+  i18n: { messages: fl }
+}, ml = /* @__PURE__ */ F({
+  ...bl,
   props: {
     index: null,
     option: null
   },
   setup(a, { expose: e }) {
-    const l = a, t = E(!1), s = E(!1), { t: o } = ie();
-    async function n(r) {
-      var v;
-      if (r.stopImmediatePropagation(), !t.value) {
+    const l = a, t = L(!1), s = L(!1), { t: o } = ae();
+    async function i(p) {
+      if (p.stopImmediatePropagation(), !t.value) {
         s.value = !1, t.value = !0;
         try {
-          await ((v = l.option.lazyLoad) == null ? void 0 : v.lazyLoadEvent({
+          await l.option.lazyLoad?.lazyLoadEvent({
             value: l.option.value,
             index: l.index
-          }));
+          });
         } catch {
           s.value = !0;
         }
@@ -751,81 +683,47 @@ const nt = ml.exports, vl = {
       /**
        * Trigger the lazy load event programmatically.
        */
-      showMore: n
-    }), { __sfc: !0, loading: t, failedAndRetry: s, t: o, props: l, showMore: n, BentoEmptyState: lt, BentoListboxLazyLoad: nt };
+      showMore: i
+    }), { __sfc: !0, loading: t, failedAndRetry: s, t: o, props: l, showMore: i, BentoEmptyState: Qe, BentoListboxLazyLoad: at };
   }
 });
-var gl = function() {
-  var s;
+var vl = function() {
   var e = this, l = e._self._c, t = e._self._setupProxy;
-  return l("div", { attrs: { role: "treeitem", tabindex: 0 }, on: { keydown: [function(o) {
-    return !o.type.indexOf("key") && e._k(o.keyCode, "enter", 13, o.key, "Enter") ? null : (o.preventDefault(), t.showMore.apply(null, arguments));
-  }, function(o) {
-    return !o.type.indexOf("key") && e._k(o.keyCode, "space", 32, o.key, [" ", "Spacebar"]) ? null : (o.preventDefault(), t.showMore.apply(null, arguments));
-  }] } }, [t.failedAndRetry ? l(t.BentoEmptyState, { staticClass: "b-listbox-multi-select-nested-lazy-load__error-message", attrs: { variant: "basic" } }, [e._v(" " + e._s(t.t("thereWasAnErrorLoadingNewItems")) + " ")]) : e._e(), l(t.BentoListboxLazyLoad, { attrs: { type: "button", tabindex: -1, condensed: "", "has-more-items": (s = e.option.lazyLoad) == null ? void 0 : s.hasMoreItems, loading: t.loading }, on: { "show-more": t.showMore } })], 1);
-}, hl = [], Sl = /* @__PURE__ */ U(
-  _l,
-  gl,
-  hl,
+  return l("div", { attrs: { role: "treeitem", tabindex: 0 }, on: { keydown: [function(s) {
+    return !s.type.indexOf("key") && e._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : (s.preventDefault(), t.showMore.apply(null, arguments));
+  }, function(s) {
+    return !s.type.indexOf("key") && e._k(s.keyCode, "space", 32, s.key, [" ", "Spacebar"]) ? null : (s.preventDefault(), t.showMore.apply(null, arguments));
+  }] } }, [t.failedAndRetry ? l(t.BentoEmptyState, { staticClass: "b-listbox-multi-select-nested-lazy-load__error-message", attrs: { variant: "basic" } }, [e._v(" " + e._s(t.t("thereWasAnErrorLoadingNewItems")) + " ")]) : e._e(), l(t.BentoListboxLazyLoad, { attrs: { type: "button", tabindex: -1, condensed: "", "has-more-items": e.option.lazyLoad?.hasMoreItems, loading: t.loading }, on: { "show-more": t.showMore } })], 1);
+}, yl = [], _l = /* @__PURE__ */ V(
+  ml,
+  vl,
+  yl,
   !1,
   null,
   "b7c84651"
 );
-const xl = Sl.exports, Cl = {
-  "de-DE": {
-    categoryClosed: "{category} geschlossen",
-    categoryOpened: "{category} geöffnet"
-  },
-  "en-GB": {
-    categoryClosed: "{category} closed",
-    categoryOpened: "{category} opened"
-  },
-  "en-US": {
-    categoryClosed: "{category} closed",
-    categoryOpened: "{category} opened"
-  },
-  "es-419": {
-    categoryClosed: "{category} cerrado",
-    categoryOpened: "{category} abierta"
-  },
-  "es-ES": {
-    categoryClosed: "{category} cerrado",
-    categoryOpened: "{category} abierto"
-  },
-  "es-MX": {
-    categoryClosed: "{category} cerrado",
-    categoryOpened: "{category} abierto"
-  },
-  "fr-FR": {
-    categoryClosed: "{category} fermée",
-    categoryOpened: "{category} ouverte"
-  },
-  "it-IT": {
-    categoryClosed: "{category} chiuso",
-    categoryOpened: "{category} aperto"
-  },
-  "ja-JP": {
-    categoryClosed: "{category}を閉じました",
-    categoryOpened: "{category}を開きました"
-  },
-  "pt-BR": {
-    categoryClosed: "{category} fechada",
-    categoryOpened: "{categoria} aberta"
-  },
-  "zh-CN": {
-    categoryClosed: "{category} 已关闭",
-    categoryOpened: "{category} 已打开"
-  }
-}, Ol = z({
-  i18n: { messages: Cl },
+const gl = _l.exports, hl = {
+  "de-DE": { categoryClosed: "{category} geschlossen", categoryOpened: "{category} geöffnet" },
+  "en-GB": { categoryClosed: "{category} closed", categoryOpened: "{category} opened" },
+  "en-US": { categoryClosed: "{category} closed", categoryOpened: "{category} opened" },
+  "es-419": { categoryClosed: "{category} cerrado", categoryOpened: "{category} abierta" },
+  "es-ES": { categoryClosed: "{category} cerrado", categoryOpened: "{category} abierto" },
+  "es-MX": { categoryClosed: "{category} cerrado", categoryOpened: "{category} abierto" },
+  "fr-FR": { categoryClosed: "{category} fermée", categoryOpened: "{category} ouverte" },
+  "it-IT": { categoryClosed: "{category} chiuso", categoryOpened: "{category} aperto" },
+  "ja-JP": { categoryClosed: "{category}を閉じました", categoryOpened: "{category}を開きました" },
+  "pt-BR": { categoryClosed: "{category} fechada", categoryOpened: "{categoria} aberta" },
+  "zh-CN": { categoryClosed: "{category} 已关闭", categoryOpened: "{category} 已打开" }
+}, Sl = F({
+  i18n: { messages: hl },
   name: "bento-listbox-multi-select-category",
   components: {
-    BentoTypography: ne,
-    BentoListboxOption: Be,
-    BentoListboxMultiSelectNestedLazyLoad: xl,
-    ChevronDownIcon: Qe,
-    ChevronUpIcon: et,
-    DecorativeCheckbox: We
+    BentoTypography: le,
+    BentoListboxOption: Ae,
+    BentoListboxMultiSelectNestedLazyLoad: gl,
+    ChevronDownIcon: Je,
+    ChevronUpIcon: Xe,
+    DecorativeCheckbox: Ve
   },
   props: {
     /**
@@ -878,106 +776,94 @@ const xl = Sl.exports, Cl = {
     tabindex: { type: Number, default: -1 }
   },
   emits: [
-    ce.SELECT_CATEGORY,
-    ce.UNSELECT_CATEGORY,
-    ce.TOGGLE_CATEGORY_VISIBILITY
+    oe.SELECT_CATEGORY,
+    oe.UNSELECT_CATEGORY,
+    oe.TOGGLE_CATEGORY_VISIBILITY
   ],
   setup(a, { emit: e }) {
-    const l = E(!1), { t } = ie(), s = oe("category-group"), o = oe("category-name"), n = E(null), r = (L) => a.isOptionDisabled ? a.isOptionDisabled(L) : !1, v = i(() => {
-      var L;
-      return a.category.lazyLoad && ((L = a.category.items) == null ? void 0 : L.length) === 0 ? !1 : a.category.items.every((m) => r(m));
-    }), d = j(a, "staticCategories"), c = i(() => l.value || a.staticCategories), _ = i(() => ({
-      [`b-listbox-multi-select-category--${ot.DISABLED}`]: v.value
-    })), b = (L, m) => {
-      var I;
-      L.preventDefault(), a.category.lazyLoad && ((I = a.category.items) == null ? void 0 : I.length) === 0 && n.value.showMore(L), l.value = m !== void 0 ? m : !l.value, e(ce.TOGGLE_CATEGORY_VISIBILITY, a.category.value);
-    }, p = (L) => {
-      var J;
-      const m = r(L), I = ((J = a.selectedItemsList) == null ? void 0 : J.includes(L.value)) || !1;
-      return { isDisabled: m, isPreSelected: I };
-    }, C = i(
-      () => a.category.items.filter((L) => {
-        const { isDisabled: m, isPreSelected: I } = p(L);
-        return m && I || !m;
+    const l = L(!1), { t } = ae(), s = te("category-group"), o = te("category-name"), i = L(null), p = (k) => a.isOptionDisabled ? a.isOptionDisabled(k) : !1, _ = n(() => a.category.lazyLoad && a.category.items?.length === 0 ? !1 : a.category.items.every((k) => p(k))), c = q(a, "staticCategories"), r = n(() => l.value || a.staticCategories), m = n(() => ({
+      [`b-listbox-multi-select-category--${lt.DISABLED}`]: _.value
+    })), u = (k, y) => {
+      k.preventDefault(), a.category.lazyLoad && a.category.items?.length === 0 && i.value.showMore(k), l.value = y !== void 0 ? y : !l.value, e(oe.TOGGLE_CATEGORY_VISIBILITY, a.category.value);
+    }, b = (k) => {
+      const y = p(k), P = a.selectedItemsList?.includes(k.value) || !1;
+      return { isDisabled: y, isPreSelected: P };
+    }, x = n(
+      () => a.category.items.filter((k) => {
+        const { isDisabled: y, isPreSelected: P } = b(k);
+        return y && P || !y;
       })
-    ), x = i(
-      () => {
-        var L;
-        return (L = C.value) == null ? void 0 : L.filter(({ value: m }) => {
-          var I;
-          return (I = a.selectedItemsList) == null ? void 0 : I.includes(m);
-        });
-      }
-    ), N = i(() => {
-      const L = l.value ? "categoryOpened" : "categoryClosed";
-      return t(L, { category: a.category.label });
-    }), M = () => {
-      e(ce.SELECT_CATEGORY);
-    }, h = () => {
-      e(ce.UNSELECT_CATEGORY);
-    }, T = i(
+    ), g = n(
+      () => x.value?.filter(({ value: k }) => a.selectedItemsList?.includes(k))
+    ), M = n(() => {
+      const k = l.value ? "categoryOpened" : "categoryClosed";
+      return t(k, { category: a.category.label });
+    }), B = () => {
+      e(oe.SELECT_CATEGORY);
+    }, v = () => {
+      e(oe.UNSELECT_CATEGORY);
+    }, I = n(
       () => !!a.category.lazyLoad && a.selectedItemsList.includes(a.category.value)
     ), {
-      isAllSelected: R,
+      isAllSelected: D,
       isIndeterminate: A,
-      toggleSelectAll: k
-    } = at(x, C, M, h), D = i(() => T.value || R.value), G = i(() => !T.value && A.value), K = i(() => G.value ? "mixed" : `${D.value}`), g = E(D.value), B = () => {
-      g.value = !g.value, k(g.value);
+      toggleSelectAll: w
+    } = et(g, x, B, v), T = n(() => I.value || D.value), G = n(() => !I.value && A.value), U = n(() => G.value ? "mixed" : `${T.value}`), h = L(T.value), R = () => {
+      h.value = !h.value, w(h.value);
     };
-    return ae(D, () => {
-      g.value = D.value;
+    return Q(T, () => {
+      h.value = T.value;
     }), {
       // Refs
-      lazyLoadRef: n,
+      lazyLoadRef: i,
       // Values
-      chevronTitle: N,
-      conditionalClass: _,
-      hasAllPropsDisabled: v,
+      chevronTitle: M,
+      conditionalClass: m,
+      hasAllPropsDisabled: _,
       isOpen: l,
-      isAllSelected: D,
+      isAllSelected: T,
       isIndeterminate: G,
-      isStaticCategory: d,
+      isStaticCategory: c,
       categoryGroupId: s,
       categoryNameId: o,
       // Computed
-      showItemChildren: c,
-      ariaCheckedComputed: K,
+      showItemChildren: r,
+      ariaCheckedComputed: U,
       // Methods
-      handleSelectAll: B,
-      toggleOpen: b,
-      toggleSelectAll: k
+      handleSelectAll: R,
+      toggleOpen: u,
+      toggleSelectAll: w
     };
   }
 });
-var Ll = function() {
-  var t;
+var xl = 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(s) {
-    return s.preventDefault(), e.handleSelectAll.apply(null, arguments);
-  } }, nativeOn: { keydown: [function(s) {
-    return !s.type.indexOf("key") && e._k(s.keyCode, "arrow-left", void 0, s.key, void 0) ? null : e.toggleOpen(s, !1);
-  }, function(s) {
-    return !s.type.indexOf("key") && e._k(s.keyCode, "arrow-right", void 0, s.key, void 0) ? null : e.toggleOpen(s, !0);
-  }] } }, [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(s) {
-    return s.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"), (t = e.category.lazyLoad) != null && t.hasMoreItems ? [l("bento-listbox-multi-select-nested-lazy-load", { ref: "lazyLoadRef", attrs: { option: e.category, index: e.optionIndex } })] : e._e()], 2)], 1);
-}, El = [], Il = /* @__PURE__ */ U(
-  Ol,
-  Ll,
-  El,
+  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);
+  } }, nativeOn: { keydown: [function(t) {
+    return !t.type.indexOf("key") && e._k(t.keyCode, "arrow-left", void 0, t.key, void 0) ? null : e.toggleOpen(t, !1);
+  }, function(t) {
+    return !t.type.indexOf("key") && e._k(t.keyCode, "arrow-right", void 0, t.key, void 0) ? null : e.toggleOpen(t, !0);
+  }] } }, [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"), e.category.lazyLoad?.hasMoreItems ? [l("bento-listbox-multi-select-nested-lazy-load", { ref: "lazyLoadRef", attrs: { option: e.category, index: e.optionIndex } })] : e._e()], 2)], 1);
+}, Cl = [], Ll = /* @__PURE__ */ V(
+  Sl,
+  xl,
+  Cl,
   !1,
   null,
   "b493449e"
 );
-const wl = Il.exports;
-var te = /* @__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))(te || {});
-const Tl = z({
+const Ol = Ll.exports;
+var X = /* @__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))(X || {});
+const Il = F({
   name: "listbox-multi-select-options",
   components: {
-    BentoListboxOption: Be,
-    BentoTypography: ne,
-    ListboxMultiSelectCategory: wl,
-    DecorativeCheckbox: We
+    BentoListboxOption: Ae,
+    BentoTypography: le,
+    ListboxMultiSelectCategory: Ol,
+    DecorativeCheckbox: Ve
   },
   inheritAttrs: !1,
   props: {
@@ -1054,35 +940,34 @@ const Tl = z({
     }
   },
   emits: [
-    te.TOGGLE_CHECKBOX_SELECTION,
-    te.SELECT_CATEGORY,
-    te.UNSELECT_CATEGORY,
-    te.TOGGLE_CATEGORY_VISIBILITY
+    X.TOGGLE_CHECKBOX_SELECTION,
+    X.SELECT_CATEGORY,
+    X.UNSELECT_CATEGORY,
+    X.TOGGLE_CATEGORY_VISIBILITY
   ],
   setup(a, { emit: e }) {
-    const l = (d) => {
-      a.isOptionDisabled(d) || e(te.TOGGLE_CHECKBOX_SELECTION, d);
-    }, t = (d) => !!d.items, s = (d) => {
-      const c = a.isMultiLevel && a.searching;
-      return d.description && (!a.isMultiLevel || c);
-    }, o = (d) => {
-      var _;
-      const c = !!((_ = a.parentCategory) != null && _.lazyLoad) && a.selectedItemsList.includes(a.parentCategory.value);
-      if (d.items) {
-        const b = !!d.lazyLoad && a.selectedItemsList.includes(d.value);
-        return c || b || !!d.items.find((p) => a.selectedItemsList.includes(p.value));
+    const l = (c) => {
+      a.isOptionDisabled(c) || e(X.TOGGLE_CHECKBOX_SELECTION, c);
+    }, t = (c) => !!c.items, s = (c) => {
+      const r = a.isMultiLevel && a.searching;
+      return c.description && (!a.isMultiLevel || r);
+    }, o = (c) => {
+      const r = !!a.parentCategory?.lazyLoad && a.selectedItemsList.includes(a.parentCategory.value);
+      if (c.items) {
+        const m = !!c.lazyLoad && a.selectedItemsList.includes(c.value);
+        return r || m || !!c.items.find((u) => a.selectedItemsList.includes(u.value));
       }
-      return c || a.selectedItemsList.includes(d.value);
-    }, n = (d) => {
-      if (t(d)) {
-        const c = o(d) ? te.UNSELECT_CATEGORY : te.SELECT_CATEGORY;
-        e(c, d);
+      return r || a.selectedItemsList.includes(c.value);
+    }, i = (c) => {
+      if (t(c)) {
+        const r = o(c) ? X.UNSELECT_CATEGORY : X.SELECT_CATEGORY;
+        e(r, c);
       } else
-        l(d);
+        l(c);
     };
     return {
       // Values
-      conditionalClasses: i(() => ({
+      conditionalClasses: n(() => ({
         "b-listbox-multi-select-options__static-category-option": a.staticCategories,
         "b-listbox-multi-select-options__category-option": a.categoryItems
       })),
@@ -1090,15 +975,15 @@ const Tl = z({
       isOptionSelected: o,
       shouldShowDescription: s,
       toggleCheckboxSelection: l,
-      toggleSearchOption: n,
-      computedTabindex: (d) => a.itemsIndex[d] === a.focusedIndex ? 0 : -1,
+      toggleSearchOption: i,
+      computedTabindex: (c) => a.itemsIndex[c] === a.focusedIndex ? 0 : -1,
       // Enums
-      BentoListboxEvent: u,
-      ListboxMultiSelectOptionsEvent: te
+      BentoListboxEvent: d,
+      ListboxMultiSelectOptionsEvent: X
     };
   }
 });
-var Al = function() {
+var El = 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) {
@@ -1125,95 +1010,34 @@ var Al = 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);
-}, kl = [], Dl = /* @__PURE__ */ U(
-  Tl,
-  Al,
-  kl,
+}, wl = [], Tl = /* @__PURE__ */ V(
+  Il,
+  El,
+  wl,
   !1,
   null,
   "1cf47b26"
 );
-const Bl = Dl.exports, it = (a) => {
-  const e = i(() => {
-    var t;
-    return !!((t = a.value) != null && t.find(({ items: s }) => !!s));
-  }), l = i(() => {
-    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;
-  });
+const Al = Tl.exports, st = (a) => {
+  const e = n(() => !!a.value?.find(({ items: t }) => !!t)), l = n(() => e.value ? a.value?.reduce((t, s) => (s.items ? t.push(...s.items.flat()) : t.push(s), t), []) : a.value);
   return {
     isMultiLevelSelect: e,
     flattenedItemsList: l
   };
-}, Rl = {
-  "de-DE": {
-    allSelected: "Alle ausgewählt ({total})",
-    numberOfTotalSelected: "{number} von {total} ausgewählt",
-    numbersSelected: "{number} ausgewählt",
-    selectAll: "Alle auswählen ({total})"
-  },
-  "en-GB": {
-    allSelected: "All selected ({total})",
-    numberOfTotalSelected: "{number} of {total} selected",
-    numbersSelected: "{number} selected",
-    selectAll: "Select all ({total})"
-  },
-  "en-US": {
-    allSelected: "All selected ({total})",
-    numberOfTotalSelected: "{number} of {total} selected",
-    numbersSelected: "{number} selected",
-    selectAll: "Select all ({total})"
-  },
-  "es-419": {
-    allSelected: "Todos seleccionados ({total})",
-    numberOfTotalSelected: "{number} de {total} seleccionados",
-    numbersSelected: "{number} seleccionados",
-    selectAll: "Seleccionar todo ({total})"
-  },
-  "es-ES": {
-    allSelected: "Todos seleccionados ({total})",
-    numberOfTotalSelected: "{number} de {total} seleccionados",
-    numbersSelected: "{number} seleccionado",
-    selectAll: "Seleccionar todo ({total})"
-  },
-  "es-MX": {
-    allSelected: "Todos seleccionados ({total})",
-    numberOfTotalSelected: "{number} de {total} seleccionados",
-    numbersSelected: "{número} seleccionado",
-    selectAll: "Seleccionar todo ({total})"
-  },
-  "fr-FR": {
-    allSelected: "Tous sélectionnés ({total})",
-    numberOfTotalSelected: "{number} sélectionné(s) sur {total}",
-    numbersSelected: "{number} sélectionné(s)",
-    selectAll: "Tout sélectionner ({total})"
-  },
-  "it-IT": {
-    allSelected: "Tutti i selezionati ({total})",
-    numberOfTotalSelected: "{numero} su {totale} selezionati",
-    numbersSelected: "{numero} selezionati",
-    selectAll: "Seleziona tutto ({total})"
-  },
-  "ja-JP": {
-    allSelected: "すべて選択 ({total})",
-    numberOfTotalSelected: "{total}件中{number}件を選択済み",
-    numbersSelected: "{number}件選択済み",
-    selectAll: "すべて選択 ({total})"
-  },
-  "pt-BR": {
-    allSelected: "Todos os selecionados ({total})",
-    numberOfTotalSelected: "{number} de {total} selecionados",
-    numbersSelected: "{number} selecionados",
-    selectAll: "Selecionar tudo ({total})"
-  },
-  "zh-CN": {
-    allSelected: "全部已选 ({total})",
-    numberOfTotalSelected: "已选择 {number} 个，共 {total} 个",
-    numbersSelected: "已选择 {number} 个",
-    selectAll: "选择全部（{total}）个"
-  }
-}, Ml = { i18n: { messages: Rl } }, Nl = /* @__PURE__ */ z({
-  ...Ml,
+}, kl = {
+  "de-DE": { allSelected: "Alle ausgewählt ({total})", numberOfTotalSelected: "{number} von {total} ausgewählt", numbersSelected: "{number} ausgewählt", selectAll: "Alle auswählen ({total})" },
+  "en-GB": { allSelected: "All selected ({total})", numberOfTotalSelected: "{number} of {total} selected", numbersSelected: "{number} selected", selectAll: "Select all ({total})" },
+  "en-US": { allSelected: "All selected ({total})", numberOfTotalSelected: "{number} of {total} selected", numbersSelected: "{number} selected", selectAll: "Select all ({total})" },
+  "es-419": { allSelected: "Todos seleccionados ({total})", numberOfTotalSelected: "{number} de {total} seleccionados", numbersSelected: "{number} seleccionados", selectAll: "Seleccionar todo ({total})" },
+  "es-ES": { allSelected: "Todos seleccionados ({total})", numberOfTotalSelected: "{number} de {total} seleccionados", numbersSelected: "{number} seleccionado", selectAll: "Seleccionar todo ({total})" },
+  "es-MX": { allSelected: "Todos seleccionados ({total})", numberOfTotalSelected: "{number} de {total} seleccionados", numbersSelected: "{número} seleccionado", selectAll: "Seleccionar todo ({total})" },
+  "fr-FR": { allSelected: "Tous sélectionnés ({total})", numberOfTotalSelected: "{number} sélectionné(s) sur {total}", numbersSelected: "{number} sélectionné(s)", selectAll: "Tout sélectionner ({total})" },
+  "it-IT": { allSelected: "Tutti i selezionati ({total})", numberOfTotalSelected: "{numero} su {totale} selezionati", numbersSelected: "{numero} selezionati", selectAll: "Seleziona tutto ({total})" },
+  "ja-JP": { allSelected: "すべて選択 ({total})", numberOfTotalSelected: "{total}件中{number}件を選択済み", numbersSelected: "{number}件選択済み", selectAll: "すべて選択 ({total})" },
+  "pt-BR": { allSelected: "Todos os selecionados ({total})", numberOfTotalSelected: "{number} de {total} selecionados", numbersSelected: "{number} selecionados", selectAll: "Selecionar tudo ({total})" },
+  "zh-CN": { allSelected: "全部已选 ({total})", numberOfTotalSelected: "已选择 {number} 个，共 {total} 个", numbersSelected: "已选择 {number} 个", selectAll: "选择全部（{total}）个" }
+}, Dl = { i18n: { messages: kl } }, Bl = /* @__PURE__ */ F({
+  ...Dl,
   __name: "listbox-multi-select",
   props: {
     hasMoreItems: { type: Boolean, default: !1 },
@@ -1226,174 +1050,157 @@ const Bl = Dl.exports, it = (a) => {
   },
   emits: ["select"],
   setup(a, { expose: e, emit: l }) {
-    const t = a, { t: s, n: o } = ie(), n = Ce(), r = Ve(), v = i(
-      () => {
-        var f, S, O, w;
-        return {
-          "aria-label": (f = r["aria-label"]) == null ? void 0 : f.toString(),
-          "aria-busy": (S = r["aria-busy"]) == null ? void 0 : S.toString(),
-          "aria-atomic": (O = r["aria-atomic"]) == null ? void 0 : O.toString(),
-          "aria-live": (w = r["aria-live"]) == null ? void 0 : w.toString(),
-          "aria-multiselectable": !0
-        };
-      }
-    ), d = E(null), c = E(null), _ = E(null), b = E(null), p = i(() => t.selectedValues.map(({ value: f }) => f)), { isMultiLevelSelect: C, flattenedItemsList: x } = it(j(t, "items")), N = i(() => t.items.some((f) => f.items && f.lazyLoad)), M = i(() => C.value ? t.items.reduce((f, S) => (S.items ? S.lazyLoad ? f.push(S) : f.push(...S.items) : f.push(S), f), []) : t.items), h = i(() => C.value && !t.staticCategories), T = i(() => h.value ? "tree" : "listbox"), R = i(() => h.value ? "treeitem" : "option"), A = (f) => {
-      var w;
-      const S = t.isOptionDisabled(f), O = ((w = p.value) == null ? void 0 : w.includes(f.value)) || !1;
-      return { isDisabled: S, isPreSelected: O };
-    }, k = i(() => {
-      if (t.searching && C)
+    const t = a, { t: s, n: o } = ae(), i = Se(), p = Pe(), _ = n(
+      () => ({
+        "aria-label": p["aria-label"]?.toString(),
+        "aria-busy": p["aria-busy"]?.toString(),
+        "aria-atomic": p["aria-atomic"]?.toString(),
+        "aria-live": p["aria-live"]?.toString(),
+        "aria-multiselectable": !0
+      })
+    ), c = L(null), r = L(null), m = L(null), u = L(null), b = n(() => t.selectedValues.map(({ value: f }) => f)), { isMultiLevelSelect: x, flattenedItemsList: g } = st(q(t, "items")), M = n(() => t.items.some((f) => f.items && f.lazyLoad)), B = n(() => x.value ? t.items.reduce((f, S) => (S.items ? S.lazyLoad ? f.push(S) : f.push(...S.items) : f.push(S), f), []) : t.items), v = n(() => x.value && !t.staticCategories), I = n(() => v.value ? "tree" : "listbox"), D = n(() => v.value ? "treeitem" : "option"), A = (f) => {
+      const S = t.isOptionDisabled(f), E = b.value?.includes(f.value) || !1;
+      return { isDisabled: S, isPreSelected: E };
+    }, w = n(() => {
+      if (t.searching && x)
         return t.items;
-      const f = M.value.filter((S) => {
+      const f = B.value.filter((S) => {
         if (S.lazyLoad)
           return !0;
-        const { isDisabled: O, isPreSelected: w } = A(S);
-        return O && w || !O;
+        const { isDisabled: E, isPreSelected: N } = A(S);
+        return E && N || !E;
       });
       return t.selectedValues.forEach((S) => {
-        f.find((O) => O.value === S.value) || f.push(S);
+        f.find((E) => E.value === S.value) || f.push(S);
       }), f;
-    }), D = i(
-      () => {
-        var f;
-        return (f = k.value) == null ? void 0 : f.filter((S) => {
-          var O;
-          return (O = p.value) == null ? void 0 : O.includes(S.value);
-        });
-      }
-    ), G = () => C.value && !t.searching ? x.value.length : t.items.length, K = i(() => {
-      var w;
-      const f = k.value.length, S = G(), O = ((w = D.value) == null ? void 0 : w.length) || 0;
-      return O === 0 ? s("selectAll", { total: o(f) }) : O === S ? s("allSelected", { total: o(S) }) : O <= S ? s("numberOfTotalSelected", { number: o(O), total: o(S) }) : s("numbersSelected", { number: o(O) });
-    }), g = (f) => {
-      const S = (w) => {
-        const { isDisabled: P, isPreSelected: W } = A(w);
-        return P && W || !P;
-      }, O = f.filter(S).filter((w) => !p.value.includes(w.value));
-      l("select", [...t.selectedValues, ...O]);
-    }, B = (f) => {
-      const S = (P) => {
-        const { isDisabled: W, isPreSelected: y } = A(P);
-        return !(W && y);
-      }, O = f.filter(S).map(({ value: P }) => P), w = t.selectedValues.filter((P) => !(O != null && O.includes(P.value)));
-      l("select", w);
-    }, L = () => {
-      g(x.value);
-    }, m = () => {
-      B(x.value);
-    }, { isAllSelected: I, isIndeterminate: J, toggleSelectAll: $ } = at(
-      D,
+    }), T = n(
+      () => w.value?.filter((f) => b.value?.includes(f.value))
+    ), G = () => x.value && !t.searching ? g.value.length : t.items.length, U = n(() => {
+      const f = w.value.length, S = G(), E = T.value?.length || 0;
+      return E === 0 ? s("selectAll", { total: o(f) }) : E === S ? s("allSelected", { total: o(S) }) : E <= S ? s("numberOfTotalSelected", { number: o(E), total: o(S) }) : s("numbersSelected", { number: o(E) });
+    }), h = (f) => {
+      const S = (N) => {
+        const { isDisabled: C, isPreSelected: $ } = A(N);
+        return C && $ || !C;
+      }, E = f.filter(S).filter((N) => !b.value.includes(N.value));
+      l("select", [...t.selectedValues, ...E]);
+    }, R = (f) => {
+      const S = (C) => {
+        const { isDisabled: $, isPreSelected: O } = A(C);
+        return !($ && O);
+      }, E = f.filter(S).map(({ value: C }) => C), N = t.selectedValues.filter((C) => !E?.includes(C.value));
+      l("select", N);
+    }, k = () => {
+      h(g.value);
+    }, y = () => {
+      R(g.value);
+    }, { isAllSelected: P, isIndeterminate: ie, toggleSelectAll: K } = et(
+      T,
+      w,
       k,
-      L,
-      m
-    ), X = i(() => J.value ? "mixed" : `${I.value}`), se = E(I.value), ue = () => {
-      se.value = !se.value, $(se.value);
+      y
+    ), j = n(() => ie.value ? "mixed" : `${P.value}`), ee = L(P.value), re = () => {
+      ee.value = !ee.value, K(ee.value);
     };
-    ae(I, () => {
-      se.value = I.value;
+    Q(P, () => {
+      ee.value = P.value;
     });
-    const he = (f) => {
+    const _e = (f) => {
       if (f.lazyLoad) {
-        const S = (f.items ?? []).map(({ value: w }) => w), O = t.selectedValues.filter(({ value: w }) => !S.includes(w));
-        l("select", [...O, f]);
+        const S = (f.items ?? []).map(({ value: N }) => N), E = t.selectedValues.filter(({ value: N }) => !S.includes(N));
+        l("select", [...E, f]);
       } else
-        g(f.items);
-    }, Re = (f) => {
+        h(f.items);
+    }, ke = (f) => {
       f.lazyLoad ? l(
         "select",
         t.selectedValues.filter(({ value: S }) => S !== f.value)
-      ) : B(f.items);
-    }, Me = (f, S) => {
-      let O = !1, w = t.selectedValues.filter(({ value: W }) => S.value === W ? (O = !0, !1) : !0);
-      if (O) {
-        l(f, w);
+      ) : R(f.items);
+    }, De = (f, S) => {
+      let E = !1, N = t.selectedValues.filter(({ value: $ }) => S.value === $ ? (E = !0, !1) : !0);
+      if (E) {
+        l(f, N);
         return;
       }
-      const P = t.items.find(
-        (W) => {
-          var y;
-          return ((y = W.items) == null ? void 0 : y.some((F) => F.value === S.value)) && W.lazyLoad && p.value.includes(W.value);
-        }
+      const C = t.items.find(
+        ($) => $.items?.some((O) => O.value === S.value) && $.lazyLoad && b.value.includes($.value)
       );
-      if (P) {
-        w = w.filter(({ value: y }) => y !== P.value);
-        const W = P.items.filter(
-          (y) => y.value !== S.value
+      if (C) {
+        N = N.filter(({ value: O }) => O !== C.value);
+        const $ = C.items.filter(
+          (O) => O.value !== S.value
         );
-        w.push(...W);
+        N.push(...$);
       } else
-        w.push(S);
-      l(f, w);
-    }, pe = i(() => {
-      if (!C.value)
+        N.push(S);
+      l(f, N);
+    }, ce = n(() => {
+      if (!x.value)
         return t.selectedValues;
-      const f = (y) => p.value.includes(y.value), S = (y) => y.lazyLoad && f(y) ? !0 : !t.staticCategories && y.items.length > 0 && y.items.every((F) => f(F)), O = t.items.flatMap(
-        (y) => y.items && !S(y) ? y.items : y
-      ), w = O.filter((y) => y.items ? !0 : f(y)), P = /* @__PURE__ */ new Set();
-      O.forEach((y) => {
-        var F;
-        P.add(y.value), (F = y.items) == null || F.forEach((Y) => P.add(Y.value));
+      const f = (O) => b.value.includes(O.value), S = (O) => O.lazyLoad && f(O) ? !0 : !t.staticCategories && O.items.length > 0 && O.items.every((ve) => f(ve)), E = t.items.flatMap(
+        (O) => O.items && !S(O) ? O.items : O
+      ), N = E.filter((O) => O.items ? !0 : f(O)), C = /* @__PURE__ */ new Set();
+      E.forEach((O) => {
+        C.add(O.value), O.items?.forEach((ve) => C.add(ve.value));
       });
-      const W = t.selectedValues.filter((y) => !P.has(y.value));
-      return [...w, ...W];
-    }), fe = i(() => {
-      var O, w, P, W, y;
-      if (!((O = pe.value) != null && O.length))
+      const $ = t.selectedValues.filter((O) => !C.has(O.value));
+      return [...N, ...$];
+    }), de = n(() => {
+      if (!ce.value?.length)
         return !1;
-      const f = ["automatic", "button"].includes(t.lazyLoadType), S = ((w = t.selectedValues) == null ? void 0 : w.length) > 0 && ((P = D.value) == null ? void 0 : P.length) !== ((W = k.value) == null ? void 0 : W.length);
-      return f && t.hasMoreItems ? !!((y = t.selectedValues) != null && y.length) : S;
-    }), be = i(() => N.value ? !1 : ["automatic", "button"].includes(t.lazyLoadType) ? !t.hasMoreItems : !0), ee = E([]), { visibleDomOptions: me, updateVisibleDomOptions: Oe } = Ge(
-      d,
-      j(t, "items"),
-      R
-    ), Ne = (f) => {
-      ee.value.includes(f) ? ee.value = ee.value.filter((S) => S !== f) : ee.value.push(f), H(() => {
-        Oe();
+      const f = ["automatic", "button"].includes(t.lazyLoadType), S = t.selectedValues?.length > 0 && T.value?.length !== w.value?.length;
+      return f && t.hasMoreItems ? !!t.selectedValues?.length : S;
+    }), ue = n(() => M.value ? !1 : ["automatic", "button"].includes(t.lazyLoadType) ? !t.hasMoreItems : !0), J = L([]), { visibleDomOptions: pe, updateVisibleDomOptions: xe } = ze(
+      c,
+      q(t, "items"),
+      D
+    ), Be = (f) => {
+      J.value.includes(f) ? J.value = J.value.filter((S) => S !== f) : J.value.push(f), Y(() => {
+        xe();
       });
-    }, ve = (f) => {
-      var S;
-      (S = me.value[f]) == null || S.focus();
+    }, fe = (f) => {
+      pe.value[f]?.focus();
     }, {
-      moveToNextElement: Se,
-      moveToPreviousElement: ye,
-      moveToFirstElement: xe,
-      moveToLastElement: re,
-      preventDefault: _e,
-      focusedIndex: Le,
-      setListboxFocusedIndex: Ee
-    } = st(
+      moveToNextElement: ge,
+      moveToPreviousElement: be,
+      moveToFirstElement: he,
+      moveToLastElement: se,
+      preventDefault: me,
+      focusedIndex: Ce,
+      setListboxFocusedIndex: Le
+    } = tt(
       {
-        items: me
+        items: pe
       },
-      ve
-    ), Ie = {
-      [V.ARROW_UP]: (f) => ye(f),
-      [V.ARROW_DOWN]: (f) => Se(f),
-      [V.HOME]: xe,
-      [V.END]: re
+      fe
+    ), Oe = {
+      [z.ARROW_UP]: (f) => be(f),
+      [z.ARROW_DOWN]: (f) => ge(f),
+      [z.HOME]: he,
+      [z.END]: se
     };
     e({
       /**
        * 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: Ee
+      setListboxFocusedIndex: Le
     });
-    const we = {
-      [V.ARROW_UP]: _e,
-      [V.ARROW_DOWN]: _e
-    }, $e = i(() => {
-      let f = be.value ? 1 : 0;
+    const Ie = {
+      [z.ARROW_UP]: me,
+      [z.ARROW_DOWN]: me
+    }, Re = n(() => {
+      let f = ue.value ? 1 : 0;
       const S = {};
-      return t.items.forEach((O) => {
-        let w = ee.value.includes(O.value);
-        O.items ? (t.staticCategories ? w = !0 : S[O.value] = f++, w && O.items.forEach((P) => S[P.value] = f++)) : S[O.value] = f++;
+      return t.items.forEach((E) => {
+        let N = J.value.includes(E.value);
+        E.items ? (t.staticCategories ? N = !0 : S[E.value] = f++, N && E.items.forEach((C) => S[C.value] = f++)) : S[E.value] = f++;
       }), S;
     });
-    return { __sfc: !0, props: t, emit: l, t: s, n: o, slots: n, attrs: r, ariaAttributes: v, listboxRef: d, selectAllListboxItemsRef: c, selectedListboxItemsRef: _, listboxItemsRef: b, selectedItemsList: p, isMultiLevelSelect: C, flattenedItemsList: x, hasLazyLoadCategory: N, lazyLoadAwareFlattenedItems: M, isTreePattern: h, computedRole: T, computedOptionRole: R, optionStates: A, enabledItems: k, visibleSelectedList: D, calculateTotalItems: G, selectAllCheckboxText: K, selectAll: g, unselectAll: B, selectAllItems: L, unselectAllItems: m, isAllSelected: I, isIndeterminate: J, toggleSelectAll: $, ariaCheckedComputed: X, isSelectAllOn: se, handleSelectAll: ue, selectAllCategory: he, unselectAllCategory: Re, toggleCheckboxSelection: Me, selectedOptions: pe, showSelectedItems: fe, showSelectAllCheckbox: be, expandedCategories: ee, visibleDomOptions: me, updateVisibleDomOptions: Oe, toggleCategoryVisibility: Ne, focusItem: ve, moveToNextElement: Se, moveToPreviousElement: ye, moveToFirstElement: xe, moveToLastElement: re, preventDefault: _e, focusedIndex: Le, setListboxFocusedIndex: Ee, listboxListeners: Ie, chipsSectionListeners: we, computedItemsIndex: $e, DecorativeCheckbox: We, BentoTypography: ne, BentoChip: xt, BentoListboxOption: Be, ListboxMultiSelectOptions: Bl, vBentoKeyboardNavigationDirective: De, BentoListboxEvent: u };
+    return { __sfc: !0, props: t, emit: l, t: s, n: o, slots: i, attrs: p, ariaAttributes: _, listboxRef: c, selectAllListboxItemsRef: r, selectedListboxItemsRef: m, listboxItemsRef: u, selectedItemsList: b, isMultiLevelSelect: x, flattenedItemsList: g, hasLazyLoadCategory: M, lazyLoadAwareFlattenedItems: B, isTreePattern: v, computedRole: I, computedOptionRole: D, optionStates: A, enabledItems: w, visibleSelectedList: T, calculateTotalItems: G, selectAllCheckboxText: U, selectAll: h, unselectAll: R, selectAllItems: k, unselectAllItems: y, isAllSelected: P, isIndeterminate: ie, toggleSelectAll: K, ariaCheckedComputed: j, isSelectAllOn: ee, handleSelectAll: re, selectAllCategory: _e, unselectAllCategory: ke, toggleCheckboxSelection: De, selectedOptions: ce, showSelectedItems: de, showSelectAllCheckbox: ue, expandedCategories: J, visibleDomOptions: pe, updateVisibleDomOptions: xe, toggleCategoryVisibility: Be, focusItem: fe, moveToNextElement: ge, moveToPreviousElement: be, moveToFirstElement: he, moveToLastElement: se, preventDefault: me, focusedIndex: Ce, setListboxFocusedIndex: Le, listboxListeners: Oe, chipsSectionListeners: Ie, computedItemsIndex: Re, DecorativeCheckbox: Ve, BentoTypography: le, BentoChip: gt, BentoListboxOption: Ae, ListboxMultiSelectOptions: Al, vBentoKeyboardNavigationDirective: Te, BentoListboxEvent: d };
   }
 });
-var $l = function() {
+var Rl = 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) {
@@ -1410,34 +1217,34 @@ var $l = function() {
   }, "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(n) {
-      return [e._t(o, null, null, n)];
+    return { key: o, fn: function(i) {
+      return [e._t(o, null, null, i)];
     } };
   })], null, !0) })], 1)]);
-}, Pl = [], Fl = /* @__PURE__ */ U(
-  Nl,
-  $l,
-  Pl,
+}, Ml = [], Nl = /* @__PURE__ */ V(
+  Bl,
+  Rl,
+  Ml,
   !1,
   null,
   "78b94290"
 );
-const je = Fl.exports, rt = (a, e = 300) => {
+const Ke = Nl.exports, ot = (a, e = 300) => {
   let l;
   return (...s) => {
     l && clearTimeout(l), l = setTimeout(() => a(...s), e);
   };
-}, zl = 36, Vl = z({
+}, $l = 36, Pl = F({
   name: "bento-listbox",
   components: {
-    BentoEmptyState: lt,
-    BentoListboxSingleSelect: Qt,
-    BentoListboxMultiSelect: je,
-    BentoTypography: ne,
-    BentoLoadingIndicator: tt,
-    BentoListboxLazyLoad: nt
-  },
-  directives: { BentoKeyboardNavigationDirective: De },
+    BentoEmptyState: Qe,
+    BentoListboxSingleSelect: Jt,
+    BentoListboxMultiSelect: Ke,
+    BentoTypography: le,
+    BentoLoadingIndicator: Ze,
+    BentoListboxLazyLoad: at
+  },
+  directives: { BentoKeyboardNavigationDirective: Te },
   props: {
     /**
      * Defines a string value that labels an interactive element.
@@ -1493,8 +1300,8 @@ const je = Fl.exports, rt = (a, e = 300) => {
      */
     lazyLoadType: {
       type: String,
-      default: le.NONE,
-      validator: (a) => Object.values(le).includes(a)
+      default: Z.NONE,
+      validator: (a) => Object.values(Z).includes(a)
     },
     /**
      * Indicates the listbox is loading filtered items.
@@ -1518,7 +1325,7 @@ const je = Fl.exports, rt = (a, e = 300) => {
      *
      * If enabled, hides the "Select all" checkbox in "multiple" mode.
      */
-    searching: je.props.searching,
+    searching: Ke.props.searching,
     /**
      * The `input` value.
      * Providing an empty string or empty array will select no options.
@@ -1538,170 +1345,163 @@ const je = Fl.exports, rt = (a, e = 300) => {
     }
   },
   emits: [
-    u.SELECT,
-    u.SPACE,
-    u.SHOW_MORE,
-    u.ENTER,
-    u.ESCAPE,
-    u.TAB
+    d.SELECT,
+    d.SPACE,
+    d.SHOW_MORE,
+    d.ENTER,
+    d.ESCAPE,
+    d.TAB
   ],
   setup(a, { emit: e, slots: l, expose: t }) {
-    const s = E([]), o = j(a, "items"), n = i(() => a.lazyLoadType !== le.AUTOMATIC), r = i(() => a.lazyLoadType === le.AUTOMATIC), v = () => {
-      var $;
-      return typeof (a == null ? void 0 : a.virtualScroll) == "object" && (($ = a == null ? void 0 : a.virtualScroll) != null && $.itemHeight) ? a.virtualScroll.itemHeight : zl;
-    }, d = !(a != null && a.multiple) && (a == null ? void 0 : a.virtualScroll) !== !1 && (a == null ? void 0 : a.lazyLoadType) === "none", {
-      containerRef: c,
-      containerProps: _,
-      onScroll: b,
-      list: p,
-      wrapperProps: C,
-      scrollToIndex: x,
-      startIndex: N
-    } = Tt(o, {
-      itemHeight: v(),
+    const s = L([]), o = q(a, "items"), i = n(() => a.lazyLoadType !== Z.AUTOMATIC), p = n(() => a.lazyLoadType === Z.AUTOMATIC), _ = () => typeof a?.virtualScroll == "object" && a?.virtualScroll?.itemHeight ? a.virtualScroll.itemHeight : $l, c = !a?.multiple && a?.virtualScroll !== !1 && a?.lazyLoadType === "none", {
+      containerRef: r,
+      containerProps: m,
+      onScroll: u,
+      list: b,
+      wrapperProps: x,
+      scrollToIndex: g,
+      startIndex: M
+    } = It(o, {
+      itemHeight: _(),
       // Disable virtual scrolling if not enabled or if lazy loading is enabled or if multi-select
-      disabled: !d
-    }), M = i(() => d ? o.value.length : 0), h = i(
-      () => a.componentLoading !== void 0 || n.value ? "true" : void 0
-    ), T = i(
-      () => n.value && a.loading || a.componentLoading ? "true" : "false"
-    ), R = i(
-      () => n.value || a.componentLoading !== void 0 ? "polite" : void 0
-    ), A = i(
+      disabled: !c
+    }), B = n(() => c ? o.value.length : 0), v = n(
+      () => a.componentLoading !== void 0 || i.value ? "true" : void 0
+    ), I = n(
+      () => i.value && a.loading || a.componentLoading ? "true" : "false"
+    ), D = n(
+      () => i.value || a.componentLoading !== void 0 ? "polite" : void 0
+    ), A = n(
       () => ({
         "aria-label": a.ariaLabel,
-        "aria-busy": T.value,
-        "aria-atomic": h.value,
-        "aria-live": R.value
+        "aria-busy": I.value,
+        "aria-atomic": v.value,
+        "aria-live": D.value
       })
-    ), k = i(
+    ), w = n(
       () => a.componentLoading ? {
         ...A.value,
         role: "alert"
       } : {}
-    ), D = ($) => (X) => {
-      e($, X);
+    ), T = (K) => (j) => {
+      e(K, j);
     }, G = () => {
-      e(u.SHOW_MORE);
-    }, K = rt(() => {
-      const $ = c.value;
-      if (!$)
+      e(d.SHOW_MORE);
+    }, U = ot(() => {
+      const K = r.value;
+      if (!K)
         return;
-      const X = Math.round($.scrollTop) + $.clientHeight >= $.scrollHeight;
-      a.hasMoreItems && X && !a.loading && G();
-    }), g = () => {
-      r.value ? K() : b();
-    }, B = i(() => {
-      var $;
-      return (($ = a.items) == null ? void 0 : $.length) === 0;
-    }), L = i(
-      () => a.lazyLoadType === le.BUTTON && a.hasMoreItems
-    ), m = i(
-      () => a.loading ? ke.LOADING : ke.START
-    ), I = i(() => ({
+      const j = Math.round(K.scrollTop) + K.clientHeight >= K.scrollHeight;
+      a.hasMoreItems && j && !a.loading && G();
+    }), h = () => {
+      p.value ? U() : u();
+    }, R = n(() => a.items?.length === 0), k = n(
+      () => a.lazyLoadType === Z.BUTTON && a.hasMoreItems
+    ), y = n(
+      () => a.loading ? we.LOADING : we.START
+    ), P = n(() => ({
       ...a.emptyState,
       variant: "condensed"
-    })), J = {
-      [u.SELECT]: D(u.SELECT),
-      [u.SPACE]: D(u.SPACE),
-      [u.TAB]: D(u.TAB),
-      [u.ENTER]: D(u.ENTER)
+    })), ie = {
+      [d.SELECT]: T(d.SELECT),
+      [d.SPACE]: T(d.SPACE),
+      [d.TAB]: T(d.TAB),
+      [d.ENTER]: T(d.ENTER)
     };
-    return t({ listboxRef: c, listboxItemRef: s }), {
+    return t({ listboxRef: r, listboxItemRef: s }), {
       // Refs
-      listboxRef: c,
+      listboxRef: r,
       listboxItemRef: s,
       // a11y
       ariaAttributes: A,
-      listboxContainerAttributes: k,
+      listboxContainerAttributes: w,
       // Values
-      containerProps: _,
-      isSearchResultEmpty: B,
-      limitedEmptyStateProps: I,
-      loadingButtonState: m,
+      containerProps: m,
+      isSearchResultEmpty: R,
+      limitedEmptyStateProps: P,
+      loadingButtonState: y,
       slots: l,
-      shouldDisplayShowMoreButton: L,
-      virtualisedItems: p,
-      wrapperProps: C,
+      shouldDisplayShowMoreButton: k,
+      virtualisedItems: b,
+      wrapperProps: x,
       // Virtual scroll
-      totalItemCount: M,
-      scrollToIndex: x,
-      virtualScrollStartIndex: N,
+      totalItemCount: B,
+      scrollToIndex: g,
+      virtualScrollStartIndex: M,
       // Enums
-      BentoKeyboardNavigationKeyDownEvent: V,
-      BentoListboxEvent: u,
+      BentoKeyboardNavigationKeyDownEvent: z,
+      BentoListboxEvent: d,
       // Methods
-      onListboxContainerScroll: g,
-      onOptionSelected: D,
+      onListboxContainerScroll: h,
+      onOptionSelected: T,
       emitShowMore: G,
-      listboxListeners: J
+      listboxListeners: ie
     };
   }
 });
-var Ul = function() {
-  var t;
+var Fl = function() {
   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(n) {
-      return [e._t(o, null, null, n)];
+  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: e.containerProps?.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(t, s) {
+    return { key: s, fn: function(o) {
+      return [e._t(s, null, null, o)];
     } };
-  })], 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(n) {
-      return [e._t(o, null, null, n)];
+  })], 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(t, s) {
+    return { key: s, fn: function(o) {
+      return [e._t(s, null, null, o)];
     } };
   })], null, !0) }, "bento-listbox-single-select", e.ariaAttributes, !1), e.listboxListeners))], e.lazyLoadType !== "none" ? l("bento-listbox-lazy-load", { attrs: { "has-more-items": e.hasMoreItems, loading: e.loading, type: e.lazyLoadType }, on: { "show-more": e.emitShowMore } }) : e._e()]], 2)]);
-}, Gl = [], Wl = /* @__PURE__ */ U(
-  Vl,
-  Ul,
-  Gl,
+}, zl = [], Vl = /* @__PURE__ */ V(
+  Pl,
+  Fl,
+  zl,
   !1,
   null,
   "6756a7d9"
 );
-const Fe = Wl.exports, ze = (a, e) => {
+const Ne = Vl.exports, $e = (a, e) => {
   for (const l of a) {
     if (l.value === e)
       return l;
     if (l.items) {
-      const t = ze(l.items, e);
+      const t = $e(l.items, e);
       if (t)
         return t;
     }
   }
   return null;
-}, Kl = (a) => typeof a == "object" && a !== null && "value" in a && "label" in a, ql = (a, e, l, t) => {
-  const s = E([]), o = E(), n = (c) => {
-    l.value ? o.value = c.map(({ value: _ }) => _) : o.value = c.length > 0 ? c[0].value : null;
-  }, r = (c) => {
-    l.value ? o.value = c.map(({ value: _, label: b }) => ({ value: _, label: b })) : 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) : n(c);
-  }, d = () => {
+}, Gl = (a) => typeof a == "object" && a !== null && "value" in a && "label" in a, Ul = (a, e, l, t) => {
+  const s = L([]), o = L(), i = (r) => {
+    l.value ? o.value = r.map(({ value: m }) => m) : o.value = r.length > 0 ? r[0].value : null;
+  }, p = (r) => {
+    l.value ? o.value = r.map(({ value: m, label: u }) => ({ value: m, label: u })) : o.value = r.length > 0 ? { value: r[0].value, label: r[0].label } : null;
+  }, _ = (r) => {
+    s.value = r, t?.value ? p(r) : i(r);
+  }, c = () => {
     s.value = [], o.value = null;
   };
-  return ae(
+  return Q(
     () => e.value,
     () => {
       if (!e.value && e.value !== 0) {
-        d();
+        c();
         return;
       }
-      const c = !Array.isArray(e.value), _ = [...s.value];
-      d();
-      const b = (p) => {
-        if (Kl(p))
-          s.value.push(p);
+      const r = !Array.isArray(e.value), m = [...s.value];
+      c();
+      const u = (b) => {
+        if (Gl(b))
+          s.value.push(b);
         else {
-          let C = ze(a.value, p);
-          C || (C = ze(_, p)), C || (C = { value: p, label: p.toString() }), s.value.push(C);
+          let x = $e(a.value, b);
+          x || (x = $e(m, b)), x || (x = { value: b, label: b.toString() }), s.value.push(x);
         }
       };
-      if (c) {
-        const p = e.value;
-        b(p), t != null && t.value ? r(s.value) : n(s.value);
+      if (r) {
+        const b = e.value;
+        u(b), t?.value ? p(s.value) : i(s.value);
         return;
       }
-      e.value.forEach(b), t != null && t.value ? r(s.value) : n(s.value);
+      e.value.forEach(u), t?.value ? p(s.value) : i(s.value);
     },
     { immediate: !0 }
   ), {
@@ -1709,123 +1509,79 @@ const Fe = Wl.exports, ze = (a, e) => {
     cachedSelectedListboxOptions: s,
     cachedListboxSelectedValues: o,
     // Methods
-    resetCache: d,
-    setCachedValues: v
+    resetCache: c,
+    setCachedValues: _
   };
 };
-var ge = /* @__PURE__ */ ((a) => (a.DEFAULT = "DropdownInputDefault", a.SMALL = "DropdownInputSmall", a))(ge || {});
-const Yl = {
-  "de-DE": {
-    apply: "Anwenden",
-    cancel: "Abbrechen",
-    noOptionsMatchThisSearch: "Für diese Suche wurden keine Ergebnisse gefunden."
-  },
-  "en-GB": {
-    apply: "Apply",
-    cancel: "Cancel",
-    noOptionsMatchThisSearch: "No options match this search"
-  },
-  "en-US": {
-    apply: "Apply",
-    cancel: "Cancel",
-    noOptionsMatchThisSearch: "No options match this search"
-  },
-  "es-419": {
-    apply: "Aplicar",
-    cancel: "Cancelar",
-    noOptionsMatchThisSearch: "No se encontraron opciones que coincidan con esta búsqueda"
-  },
-  "es-ES": {
-    apply: "Aplicar",
-    cancel: "Cancelar",
-    noOptionsMatchThisSearch: "No hay opciones que coincidan con esta búsqueda"
-  },
-  "es-MX": {
-    apply: "Aplicar",
-    cancel: "Cancelar",
-    noOptionsMatchThisSearch: "No hay opciones que coincidan con esta búsqueda"
-  },
-  "fr-FR": {
-    apply: "Appliquer",
-    cancel: "Annuler",
-    noOptionsMatchThisSearch: "Aucune option ne correspond à cette recherche"
-  },
-  "it-IT": {
-    apply: "Applica",
-    cancel: "Annulla",
-    noOptionsMatchThisSearch: "Nessun risultato corrispondente a questa ricerca"
-  },
-  "ja-JP": {
-    apply: "適用",
-    cancel: "キャンセル",
-    noOptionsMatchThisSearch: "この検索に一致するオプションはありません"
-  },
-  "pt-BR": {
-    apply: "Aplicar",
-    cancel: "Cancelar",
-    noOptionsMatchThisSearch: "Nenhuma opção corresponde a esta busca"
-  },
-  "zh-CN": {
-    apply: "应用",
-    cancel: "取消",
-    noOptionsMatchThisSearch: "没有符合此搜索条件的选项"
-  }
-}, jl = (a, e, l, t) => {
-  const s = E(a.value), { t: o } = ie();
-  ae(a, () => {
+var ye = /* @__PURE__ */ ((a) => (a.DEFAULT = "DropdownInputDefault", a.SMALL = "DropdownInputSmall", a))(ye || {});
+const Wl = {
+  "de-DE": { apply: "Anwenden", cancel: "Abbrechen", noOptionsMatchThisSearch: "Für diese Suche wurden keine Ergebnisse gefunden." },
+  "en-GB": { apply: "Apply", cancel: "Cancel", noOptionsMatchThisSearch: "No options match this search" },
+  "en-US": { apply: "Apply", cancel: "Cancel", noOptionsMatchThisSearch: "No options match this search" },
+  "es-419": { apply: "Aplicar", cancel: "Cancelar", noOptionsMatchThisSearch: "No se encontraron opciones que coincidan con esta búsqueda" },
+  "es-ES": { apply: "Aplicar", cancel: "Cancelar", noOptionsMatchThisSearch: "No hay opciones que coincidan con esta búsqueda" },
+  "es-MX": { apply: "Aplicar", cancel: "Cancelar", noOptionsMatchThisSearch: "No hay opciones que coincidan con esta búsqueda" },
+  "fr-FR": { apply: "Appliquer", cancel: "Annuler", noOptionsMatchThisSearch: "Aucune option ne correspond à cette recherche" },
+  "it-IT": { apply: "Applica", cancel: "Annulla", noOptionsMatchThisSearch: "Nessun risultato corrispondente a questa ricerca" },
+  "ja-JP": { apply: "適用", cancel: "キャンセル", noOptionsMatchThisSearch: "この検索に一致するオプションはありません" },
+  "pt-BR": { apply: "Aplicar", cancel: "Cancelar", noOptionsMatchThisSearch: "Nenhuma opção corresponde a esta busca" },
+  "zh-CN": { apply: "应用", cancel: "取消", noOptionsMatchThisSearch: "没有符合此搜索条件的选项" }
+}, Kl = (a, e, l, t) => {
+  const s = L(a.value), { t: o } = ae();
+  Q(a, () => {
     s.value = a.value;
   });
-  const n = i(
+  const i = n(
     () => JSON.stringify(s.value) === JSON.stringify(a.value)
-  ), r = () => {
-    t(u.SELECT, s.value), t(u.CLOSE_DROPDOWN);
-  }, v = () => {
-    s.value = a.value, t(u.CLOSE_DROPDOWN);
-  }, d = () => {
+  ), p = () => {
+    t(d.SELECT, s.value), t(d.CLOSE_DROPDOWN);
+  }, _ = () => {
+    s.value = a.value, t(d.CLOSE_DROPDOWN);
+  }, c = () => {
     l.value && e.value && (s.value = a.value);
-  }, c = i(() => [
+  }, r = n(() => [
     {
       title: o("apply"),
-      event: r,
-      disabled: n.value
+      event: p,
+      disabled: i.value
     },
     {
       title: o("cancel"),
-      event: v
+      event: _
     }
-  ]), _ = (h) => {
-    s.value = h, e.value || t(u.SELECT, h);
-  }, b = (h) => {
-    _(h), t(u.TAB);
-  }, p = (h) => {
-    _(h), t(u.ENTER);
-  }, C = (h) => {
-    _(h), t(u.SPACE);
-  }, x = () => {
-    v(), t(u.ESCAPE);
-  }, N = () => {
-    t(u.SHOW_MORE);
-  }, M = {
-    [u.SELECT]: _,
-    [u.SHOW_MORE]: N,
-    [u.TAB]: b,
-    [u.SPACE]: C,
-    [u.ENTER]: p
+  ]), m = (v) => {
+    s.value = v, e.value || t(d.SELECT, v);
+  }, u = (v) => {
+    m(v), t(d.TAB);
+  }, b = (v) => {
+    m(v), t(d.ENTER);
+  }, x = (v) => {
+    m(v), t(d.SPACE);
+  }, g = () => {
+    _(), t(d.ESCAPE);
+  }, M = () => {
+    t(d.SHOW_MORE);
+  }, B = {
+    [d.SELECT]: m,
+    [d.SHOW_MORE]: M,
+    [d.TAB]: u,
+    [d.SPACE]: x,
+    [d.ENTER]: b
   };
   return {
     // Values
-    actions: c,
+    actions: r,
     internalSelectedValue: s,
     // Methods
-    listeners: M,
-    onEscapeKey: x,
-    onOutsideDropdownClick: d
+    listeners: B,
+    onEscapeKey: g,
+    onOutsideDropdownClick: c
   };
-}, Hl = z({
-  i18n: { messages: Yl },
+}, ql = F({
+  i18n: { messages: Wl },
   name: "bento-dropdown-options-container"
-}), Jl = /* @__PURE__ */ z({
-  ...Hl,
+}), Yl = /* @__PURE__ */ F({
+  ...ql,
   props: {
     /**
      * Defines a string value that labels an interactive element.
@@ -1884,8 +1640,8 @@ const Yl = {
      */
     lazyLoadType: {
       type: String,
-      default: le.AUTOMATIC,
-      validator: (a) => Object.values(le).includes(a)
+      default: Z.AUTOMATIC,
+      validator: (a) => Object.values(Z).includes(a)
     },
     /**
      * Indicates if new options are lazy loading.
@@ -1915,7 +1671,7 @@ const Yl = {
      *
      * If enabled, hides the "Select all" checkbox in "multiple" mode.
      */
-    searching: Fe.props.searching,
+    searching: Ne.props.searching,
     /**
      * If enabled, dropdown will display non-selectable, static categories
      */
@@ -1924,7 +1680,7 @@ const Yl = {
      * Reference to the DOM element or Vue component for positioning
      * the Dropdown container.
      */
-    targetElement: { type: Ke.props.targetElement.type, required: !0 },
+    targetElement: { type: Ge.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.
@@ -1936,28 +1692,27 @@ const Yl = {
   },
   emits: [],
   setup(a, { expose: e, emit: l }) {
-    const t = a, s = Ce(), { selectedValue: o, multiple: n } = Xe(t), r = E(null), { t: v } = ie(), d = i(() => t.open && !t.disabled), c = i(() => v("noOptionsMatchThisSearch")), _ = i(() => ({
-      "b-dropdown-options-container--single": !(t != null && t.multiple)
-    })), b = i(() => ({
-      "b-dropdown-options-container__listbox--single": !(t != null && t.multiple)
-    })), { actions: p, internalSelectedValue: C, listeners: x, onEscapeKey: N, onOutsideDropdownClick: M } = jl(o, n, d, l), h = i(() => t != null && t.multiple ? Ot : Ke), T = i(() => {
-      var A;
-      const R = {
-        "min-width": `${(A = t == null ? void 0 : t.targetElement) == null ? void 0 : A.clientWidth}px`,
+    const t = a, s = Se(), { selectedValue: o, multiple: i } = je(t), p = L(null), { t: _ } = ae(), c = n(() => t.open && !t.disabled), r = n(() => _("noOptionsMatchThisSearch")), m = n(() => ({
+      "b-dropdown-options-container--single": !t?.multiple
+    })), u = n(() => ({
+      "b-dropdown-options-container__listbox--single": !t?.multiple
+    })), { actions: b, internalSelectedValue: x, listeners: g, onEscapeKey: M, onOutsideDropdownClick: B } = Kl(o, i, c, l), v = n(() => t?.multiple ? St : Ge), I = n(() => {
+      const D = {
+        "min-width": `${t?.targetElement?.clientWidth}px`,
         "max-width": "min(500px, 95%)"
       };
-      return t != null && t.multiple ? {
+      return t?.multiple ? {
         actionsLayout: "space-between",
         ariaLabel: t.ariaLabel,
-        actions: p.value,
+        actions: b.value,
         divider: !0,
         fallbackPosition: ["top-start"],
-        id: oe(`dropdown-options-${t.id}`),
+        id: te(`dropdown-options-${t.id}`),
         open: t.open,
         position: "bottom-start",
         style: {
           width: "auto",
-          ...R
+          ...D
         },
         targetElement: t.targetElement
       } : {
@@ -1965,79 +1720,57 @@ const Yl = {
         offset: [0, 8],
         position: "bottom-start",
         style: {
-          display: d.value ? "block" : "none",
-          ...R
+          display: c.value ? "block" : "none",
+          ...D
         },
         targetElement: t.targetElement
       };
     });
     return e({
-      onOutsideDropdownClick: M,
-      dropdownOptionsListboxRef: r
-    }), { __sfc: !0, slots: s, emit: l, props: t, selectedValue: o, multiple: n, dropdownOptionsListboxRef: r, t: v, isDropdownOpen: d, noResultsMessage: c, conditionalClasses: _, conditionalListboxClasses: b, actions: p, internalSelectedValue: C, listeners: x, onEscapeKey: N, onOutsideDropdownClick: M, popperContainerOrPopoverComponent: h, popperContainerOrPopoverProps: T, BentoListbox: Fe };
+      onOutsideDropdownClick: B,
+      dropdownOptionsListboxRef: p
+    }), { __sfc: !0, slots: s, emit: l, props: t, selectedValue: o, multiple: i, dropdownOptionsListboxRef: p, t: _, isDropdownOpen: c, noResultsMessage: r, conditionalClasses: m, conditionalListboxClasses: u, actions: b, internalSelectedValue: x, listeners: g, onEscapeKey: M, onOutsideDropdownClick: B, popperContainerOrPopoverComponent: v, popperContainerOrPopoverProps: I, BentoListbox: Ne };
   }
 });
-var Xl = function() {
+var jl = 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(n) {
-      return [e._t(o, null, null, n)];
+    return { key: o, fn: function(i) {
+      return [e._t(o, null, null, i)];
     } };
   })], null, !0) }, t.listeners))], 1)]) : e._e();
-}, Zl = [], Ql = /* @__PURE__ */ U(
-  Jl,
-  Xl,
-  Zl,
+}, Hl = [], Jl = /* @__PURE__ */ V(
+  Yl,
+  jl,
+  Hl,
   !1,
   null,
   "1254877d"
 );
-const ea = Ql.exports;
-var Q = /* @__PURE__ */ ((a) => (a.DISABLED = "disabled", a.READONLY = "readonly", a.HAS_ITEMS = "has-items", a.OPENED = "opened", a.ERROR = "error", a))(Q || {}), q = /* @__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))(q || {});
-const ta = /* @__PURE__ */ Symbol("dropdown small size injection key"), ct = /* @__PURE__ */ Symbol("dropdown underline style injection key"), la = {
-  "de-DE": {
-    clearSearch: "Suche löschen"
-  },
-  "en-GB": {
-    clearSearch: "Clear search"
-  },
-  "en-US": {
-    clearSearch: "Clear search"
-  },
-  "es-419": {
-    clearSearch: "Borrar búsqueda"
-  },
-  "es-ES": {
-    clearSearch: "Borrar búsqueda"
-  },
-  "es-MX": {
-    clearSearch: "Borrar búsqueda"
-  },
-  "fr-FR": {
-    clearSearch: "Effacer la recherche"
-  },
-  "it-IT": {
-    clearSearch: "Cancella ricerca"
-  },
-  "ja-JP": {
-    clearSearch: "検索をクリア"
-  },
-  "pt-BR": {
-    clearSearch: "Limpar busca"
-  },
-  "zh-CN": {
-    clearSearch: "清除搜索"
-  }
-}, aa = z({
-  i18n: { messages: la },
+const Xl = Jl.exports;
+var H = /* @__PURE__ */ ((a) => (a.DISABLED = "disabled", a.READONLY = "readonly", a.HAS_ITEMS = "has-items", a.OPENED = "opened", a.ERROR = "error", a))(H || {}), W = /* @__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))(W || {});
+const Zl = /* @__PURE__ */ Symbol("dropdown small size injection key"), nt = /* @__PURE__ */ Symbol("dropdown underline style injection key"), Ql = {
+  "de-DE": { clearSearch: "Suche löschen" },
+  "en-GB": { clearSearch: "Clear search" },
+  "en-US": { clearSearch: "Clear search" },
+  "es-419": { clearSearch: "Borrar búsqueda" },
+  "es-ES": { clearSearch: "Borrar búsqueda" },
+  "es-MX": { clearSearch: "Borrar búsqueda" },
+  "fr-FR": { clearSearch: "Effacer la recherche" },
+  "it-IT": { clearSearch: "Cancella ricerca" },
+  "ja-JP": { clearSearch: "検索をクリア" },
+  "pt-BR": { clearSearch: "Limpar busca" },
+  "zh-CN": { clearSearch: "清除搜索" }
+}, ea = F({
+  i18n: { messages: Ql },
   name: "dropdown-base-textbox",
   inheritAttrs: !1
-}), sa = /* @__PURE__ */ z({
-  ...aa,
+}), ta = /* @__PURE__ */ F({
+  ...ea,
   props: {
     /**
      * The number of additional items that have been selected in the dropdown.
@@ -2123,60 +1856,57 @@ const ta = /* @__PURE__ */ Symbol("dropdown small size injection key"), ct = /*
   },
   emits: [],
   setup(a, { expose: e, emit: l }) {
-    const t = a, { t: s } = ie(), o = Ve(), n = Ce(), r = Ze(n), v = E(null), d = oe("textbox"), c = Ue(ct, !1), _ = i(() => ({
-      [`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
-    })), b = i(
-      () => M.value && o["aria-required"] ? "true" : null
-    ), p = i(() => ({
+    const t = a, { t: s } = ae(), o = Pe(), i = Se(), p = He(i), _ = L(null), c = te("textbox"), r = Fe(nt, !1), m = n(() => ({
+      [`b-dropdown-base-textbox--${H.DISABLED}`]: t.disabled,
+      [`b-dropdown-base-textbox--${H.READONLY}`]: t.readonly,
+      [`b-dropdown-base-textbox--${H.HAS_ITEMS}`]: !!t.additionalItemsSelected,
+      "b-dropdown-base-textbox--underline": r
+    })), u = n(
+      () => B.value && o["aria-required"] ? "true" : null
+    ), b = n(() => ({
       "b-dropdown-base-textbox__input--dynamic-filtering": t.dynamicFiltering
-    })), C = i(() => t.dynamicFiltering && !!t.value && t.open), x = i(
-      () => {
-        var g;
-        return {
-          "aria-haspopup": "listbox",
-          "aria-controls": t.ariaControls,
-          "aria-describedby": (g = o["aria-describedby"]) == null ? void 0 : g.toString(),
-          "aria-expanded": t.ariaExpanded ? "true" : "false",
-          "aria-labelledby": t.ariaLabelledby,
-          "aria-label": t.ariaLabelledby ? null : t.ariaLabel,
-          "aria-invalid": t.isInvalid,
-          "aria-disabled": t.disabled ? !0 : null,
-          "aria-required": o["aria-required"]
-        };
-      }
-    ), N = i(
+    })), x = n(() => t.dynamicFiltering && !!t.value && t.open), g = n(
+      () => ({
+        "aria-haspopup": "listbox",
+        "aria-controls": t.ariaControls,
+        "aria-describedby": o["aria-describedby"]?.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"]
+      })
+    ), M = n(
       () => t.multiple ? t.selectedValueItem : []
-    ), M = i(() => t.dynamicFiltering && (t.open || t.alwaysComboboxIsInput)), h = i(() => t.selectedValueItem && !t.multiple), T = i(
-      () => t.multiple && t.selectedValueItem && N.value.length > 0 && t.showSlotContentInMultiple
+    ), B = n(() => t.dynamicFiltering && (t.open || t.alwaysComboboxIsInput)), v = n(() => t.selectedValueItem && !t.multiple), I = n(
+      () => t.multiple && t.selectedValueItem && M.value.length > 0 && t.showSlotContentInMultiple
     );
-    ae(
-      () => M.value,
+    Q(
+      () => B.value,
       () => {
-        M.value && !t.alwaysComboboxIsInput && H(() => {
-          v.value.focus();
+        B.value && !t.alwaysComboboxIsInput && Y(() => {
+          _.value.focus();
         });
       }
     );
-    const R = async () => {
-      !t.disabled && !t.readonly && (l(q.OPEN), await H(), v.value.focus());
-    }, A = (g) => {
-      t.open && (g && de(g), v.value.focus(), l(q.CLOSE));
-    }, k = (g) => t.open && g.target.tagName === "INPUT" ? null : t.open ? A() : R(), D = () => {
-      l(q.CLEAR), l(q.INPUT, ""), v.value.focus();
-    }, G = (g) => {
-      !t.readonly && !t.disabled ? l(q.INPUT, g.target.value) : (g.preventDefault(), g.stopPropagation());
-    }, K = () => {
-      v.value.focus();
+    const D = async () => {
+      !t.disabled && !t.readonly && (l(W.OPEN), await Y(), _.value.focus());
+    }, A = (h) => {
+      t.open && (h && ne(h), _.value.focus(), l(W.CLOSE));
+    }, w = (h) => t.open && h.target.tagName === "INPUT" ? null : t.open ? A() : D(), T = () => {
+      l(W.CLEAR), l(W.INPUT, ""), _.value.focus();
+    }, G = (h) => {
+      !t.readonly && !t.disabled ? l(W.INPUT, h.target.value) : (h.preventDefault(), h.stopPropagation());
+    }, U = () => {
+      _.value.focus();
     };
     return e({
-      focus: K
-    }), { __sfc: !0, t: s, attrs: o, slots: n, hasSlot: r, props: t, emit: l, textbox: v, textboxId: d, isUnderlineStyle: c, conditionalClasses: _, showRequiredAttribute: b, comboboxConditionalClasses: p, isFiltering: C, ariaAttributes: x, selectedValueItems: N, shouldShowInput: M, shouldShowSingleSelectSlot: h, shouldShowMultipleSlot: T, onOpenDropdown: R, onCloseDropdown: A, onToggleDropdown: k, onClearSearch: D, onInputEvent: G, focus: K, BentoTypography: ne, DropdownBaseTextboxEvent: q, CrossCircleFillIcon: bt, CrossCircleFillSmallIcon: mt, BentoDropdownSize: ge };
+      focus: U
+    }), { __sfc: !0, t: s, attrs: o, slots: i, hasSlot: p, props: t, emit: l, textbox: _, textboxId: c, isUnderlineStyle: r, conditionalClasses: m, showRequiredAttribute: u, comboboxConditionalClasses: b, isFiltering: x, ariaAttributes: g, selectedValueItems: M, shouldShowInput: B, shouldShowSingleSelectSlot: v, shouldShowMultipleSlot: I, onOpenDropdown: D, onCloseDropdown: A, onToggleDropdown: w, onClearSearch: T, onInputEvent: G, focus: U, BentoTypography: le, DropdownBaseTextboxEvent: W, CrossCircleFillIcon: ut, CrossCircleFillSmallIcon: pt, BentoDropdownSize: ye };
   }
 });
-var oa = function() {
+var la = 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);
@@ -2197,19 +1927,19 @@ var oa = function() {
   }, keyup: function(s) {
     return !s.type.indexOf("key") && e._k(s.keyCode, "space", 32, s.key, [" ", "Spacebar"]) ? null : t.onClearSearch.apply(null, arguments);
   } } }, [e.size === t.BentoDropdownSize.SMALL ? l(t.CrossCircleFillSmallIcon, { attrs: { "svg-title": t.t("clearSearch") } }) : l(t.CrossCircleFillIcon, { attrs: { "svg-title": t.t("clearSearch") } })], 1) : e._e()])], 1);
-}, na = [], ia = /* @__PURE__ */ U(
-  sa,
-  oa,
-  na,
+}, aa = [], sa = /* @__PURE__ */ V(
+  ta,
+  la,
+  aa,
   !1,
   null,
   "20b3acdb"
 );
-const dt = ia.exports, ra = z({
+const it = sa.exports, oa = F({
   name: "dropdown-default-textbox",
   inheritAttrs: !1
-}), ca = /* @__PURE__ */ z({
-  ...ra,
+}), na = /* @__PURE__ */ F({
+  ...oa,
   props: {
     /**
      * The number of additional items that have been selected in the dropdown.
@@ -2297,94 +2027,94 @@ const dt = ia.exports, ra = z({
   },
   emits: ["clear", "close", "input", "keydown", "open"],
   setup(a, { expose: e, emit: l }) {
-    const t = a, s = Ce(), o = E(null), n = i(() => ({
-      [`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,
+    const t = a, s = Se(), o = L(null), i = n(() => ({
+      [`b-dropdown-default-textbox--${H.ERROR}`]: !t.disabled && !t.readonly && t.isInvalid,
+      [`b-dropdown-default-textbox--${H.DISABLED}`]: t.disabled,
+      [`b-dropdown-default-textbox--${H.READONLY}`]: t.readonly,
+      [`b-dropdown-default-textbox--${H.OPENED}`]: t.open,
       "b-dropdown-default-textbox--condensed": t.condensed
-    })), r = i(() => t.open && !t.disabled && !t.readonly), v = (x) => {
-      l("input", x);
-    }, d = (x) => {
-      l("keydown", x);
-    }, c = (x) => {
-      de(x), l("open");
-    }, _ = (x) => {
-      de(x), l("close");
-    }, b = (x) => {
-      de(x), l("clear");
-    }, p = {
-      [q.INPUT]: v,
-      [q.OPEN]: c,
-      [q.CLOSE]: _,
-      [q.CLEAR]: b,
-      [q.KEYDOWN]: d
-    }, C = () => {
+    })), p = n(() => t.open && !t.disabled && !t.readonly), _ = (g) => {
+      l("input", g);
+    }, c = (g) => {
+      l("keydown", g);
+    }, r = (g) => {
+      ne(g), l("open");
+    }, m = (g) => {
+      ne(g), l("close");
+    }, u = (g) => {
+      ne(g), l("clear");
+    }, b = {
+      [W.INPUT]: _,
+      [W.OPEN]: r,
+      [W.CLOSE]: m,
+      [W.CLEAR]: u,
+      [W.KEYDOWN]: c
+    }, x = () => {
       o.value.focus();
     };
     return e({
-      focus: C
-    }), { __sfc: !0, emit: l, slots: s, props: t, baseTextbox: o, conditionalClasses: n, isDropdownOpen: r, onInput: v, onKeyDown: d, openDropdown: c, closeDropdown: _, clearValue: b, listeners: p, focus: C, DropdownBaseTextbox: dt, ChevronDownIcon: Qe, ChevronUpIcon: et };
+      focus: x
+    }), { __sfc: !0, emit: l, slots: s, props: t, baseTextbox: o, conditionalClasses: i, isDropdownOpen: p, onInput: _, onKeyDown: c, openDropdown: r, closeDropdown: m, clearValue: u, listeners: b, focus: x, DropdownBaseTextbox: it, ChevronDownIcon: Je, ChevronUpIcon: Xe };
   }
 });
-var da = function() {
+var ia = 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(n) {
-      return [e._t(o, null, null, n ?? {})];
+    return { key: o, fn: function(i) {
+      return [e._t(o, 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);
-}, ua = [], pa = /* @__PURE__ */ U(
-  ca,
-  da,
-  ua,
+}, ra = [], ca = /* @__PURE__ */ V(
+  na,
+  ia,
+  ra,
   !1,
   null,
   "bf2d43b0"
 );
-const fa = pa.exports;
-let He = 0;
-const ba = {
+const da = ca.exports;
+let qe = 0;
+const ua = {
   beforeCreate() {
-    this.uuid = He.toString(), He += 1;
+    this.uuid = qe.toString(), qe += 1;
   }
 };
-var ma = function() {
+var pa = 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" } })]);
-}, va = [], ya = /* @__PURE__ */ U(
-  ba,
-  ma,
-  va,
+}, fa = [], ba = /* @__PURE__ */ V(
+  ua,
+  pa,
+  fa,
   !1,
   null,
   null
 );
-const _a = ya.exports;
-let Je = 0;
-const ga = {
+const ma = ba.exports;
+let Ye = 0;
+const va = {
   beforeCreate() {
-    this.uuid = Je.toString(), Je += 1;
+    this.uuid = Ye.toString(), Ye += 1;
   }
 };
-var ha = function() {
+var ya = 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" } })]);
-}, Sa = [], xa = /* @__PURE__ */ U(
-  ga,
-  ha,
-  Sa,
+}, _a = [], ga = /* @__PURE__ */ V(
+  va,
+  ya,
+  _a,
   !1,
   null,
   null
 );
-const Ca = xa.exports, Oa = z({
+const ha = ga.exports, Sa = F({
   name: "dropdown-small-textbox",
   inheritAttrs: !1
-}), La = /* @__PURE__ */ z({
-  ...Oa,
+}), xa = /* @__PURE__ */ F({
+  ...Sa,
   props: {
     /**
      * The number of additional items that have been selected in the dropdown.
@@ -2441,237 +2171,183 @@ const Ca = xa.exports, Oa = z({
   },
   emits: ["clear", "close", "input", "keydown", "open"],
   setup(a, { expose: e, emit: l }) {
-    const t = a, s = E(null), o = Ue(ct, !1), n = i(() => ({
-      [`b-dropdown-small-textbox--${Q.DISABLED}`]: t.disabled,
-      [`b-dropdown-small-textbox--${Q.READONLY}`]: t.readonly,
-      [`b-dropdown-small-textbox--${Q.OPENED}`]: t.open,
+    const t = a, s = L(null), o = Fe(nt, !1), i = n(() => ({
+      [`b-dropdown-small-textbox--${H.DISABLED}`]: t.disabled,
+      [`b-dropdown-small-textbox--${H.READONLY}`]: t.readonly,
+      [`b-dropdown-small-textbox--${H.OPENED}`]: t.open,
       "b-dropdown-small-textbox--underline": o
-    })), r = i(() => t.open && !t.disabled && !t.readonly), v = (x) => {
-      l("input", x);
-    }, d = (x) => {
-      l("keydown", x);
-    }, c = (x) => {
-      de(x), l("open");
-    }, _ = (x) => {
-      de(x), l("close");
-    }, b = (x) => {
-      de(x), l("clear");
-    }, p = {
-      [q.INPUT]: v,
-      [q.OPEN]: c,
-      [q.CLOSE]: _,
-      [q.CLEAR]: b,
-      [q.KEYDOWN]: d
-    }, C = () => {
+    })), p = n(() => t.open && !t.disabled && !t.readonly), _ = (g) => {
+      l("input", g);
+    }, c = (g) => {
+      l("keydown", g);
+    }, r = (g) => {
+      ne(g), l("open");
+    }, m = (g) => {
+      ne(g), l("close");
+    }, u = (g) => {
+      ne(g), l("clear");
+    }, b = {
+      [W.INPUT]: _,
+      [W.OPEN]: r,
+      [W.CLOSE]: m,
+      [W.CLEAR]: u,
+      [W.KEYDOWN]: c
+    }, x = () => {
       s.value.focus();
     };
     return e({
-      focus: C
-    }), { __sfc: !0, emit: l, props: t, baseTextbox: s, isUnderlineStyle: o, conditionalClasses: n, isDropdownOpen: r, onInput: v, onKeyDown: d, openDropdown: c, closeDropdown: _, clearValue: b, listeners: p, focus: C, BentoDropdownSize: ge, DropdownBaseTextbox: dt, ChevronDownSmallIcon: _a, ChevronUpSmallIcon: Ca };
+      focus: x
+    }), { __sfc: !0, emit: l, props: t, baseTextbox: s, isUnderlineStyle: o, conditionalClasses: i, isDropdownOpen: p, onInput: _, onKeyDown: c, openDropdown: r, closeDropdown: m, clearValue: u, listeners: b, focus: x, BentoDropdownSize: ye, DropdownBaseTextbox: it, ChevronDownSmallIcon: ma, ChevronUpSmallIcon: ha };
   }
 });
-var Ea = function() {
+var Ca = 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);
-}, Ia = [], wa = /* @__PURE__ */ U(
+}, La = [], Oa = /* @__PURE__ */ V(
+  xa,
+  Ca,
   La,
-  Ea,
-  Ia,
   !1,
   null,
   "fa225e76"
 );
-const Ta = wa.exports, Aa = (a, e) => {
-  const l = /* @__PURE__ */ new Set(), t = new Set(a.value.map((o) => o.value)), s = e.value.reduce((o, n) => {
-    if (n.items)
-      if (t.has(n.value))
-        o.push(n.displayValue ?? n.label), l.add(n.value), n.items.forEach((v) => l.add(v.value));
+const Ia = Oa.exports, Ea = (a, e) => {
+  const l = /* @__PURE__ */ new Set(), t = new Set(a.value.map((o) => o.value)), s = e.value.reduce((o, i) => {
+    if (i.items)
+      if (t.has(i.value))
+        o.push(i.displayValue ?? i.label), l.add(i.value), i.items.forEach((_) => l.add(_.value));
       else {
-        const v = n.items.filter(
-          (c) => t.has(c.value)
+        const _ = i.items.filter(
+          (r) => t.has(r.value)
         );
-        v.length > 0 && v.length === n.items.length ? (o.push(n.displayValue ?? n.label), l.add(n.value), n.items.forEach((c) => l.add(c.value))) : v.forEach(({ label: c, displayValue: _, value: b }) => {
-          o.push(_ ?? c), l.add(b);
+        _.length > 0 && _.length === i.items.length ? (o.push(i.displayValue ?? i.label), l.add(i.value), i.items.forEach((r) => l.add(r.value))) : _.forEach(({ label: r, displayValue: m, value: u }) => {
+          o.push(m ?? r), l.add(u);
         });
       }
     else
-      t.has(n.value) && (o.push(n.displayValue ?? n.label), l.add(n.value));
+      t.has(i.value) && (o.push(i.displayValue ?? i.label), l.add(i.value));
     return o;
   }, []);
   return a.value.forEach((o) => {
     l.has(o.value) || s.push(o.displayValue ?? o.label);
   }), s.join(", ");
-}, ka = ({ items: a, placeholder: e, selectedValues: l, isMultiSelect: t }) => {
-  const s = i(
-    () => t.value && a.value.find((n) => {
-      var r;
-      return (r = n.items) == null ? void 0 : r.length;
-    })
+}, wa = ({ items: a, placeholder: e, selectedValues: l, isMultiSelect: t }) => {
+  const s = n(
+    () => t.value && a.value.find((i) => i.items?.length)
   );
-  return i(() => l.value.length ? s.value ? Aa(l, a) : l.value.map(({ label: n, displayValue: r }) => r ?? n).join(", ") : e.value || null);
-}, ut = (a) => {
-  var e;
-  (e = a.value.$children) == null || e[0].$refs.textbox.focus();
-}, Da = ({
+  return n(() => l.value.length ? s.value ? Ea(l, a) : l.value.map(({ label: i, displayValue: p }) => p ?? i).join(", ") : e.value || null);
+}, rt = (a) => {
+  a.value.$children?.[0].$refs.textbox.focus();
+}, Ta = ({
   inputContainerRef: a,
   optionsContainerRef: e,
   selectedValueIndex: l,
   isDropdownOpen: t,
   isDynamicFltering: s,
   items: o,
-  isMultiple: n,
-  totalItemCount: r,
-  isVirtualScroll: v
-}, d, c, _) => {
-  const b = async (m) => {
-    var I;
-    s.value && await H(), (I = o.value[m]) == null || I.focus();
-  }, p = async (m) => {
-    var J, $;
-    s.value && await H();
-    const I = (J = e.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef) == null ? void 0 : J.$el.querySelectorAll(
+  isMultiple: i,
+  totalItemCount: p,
+  isVirtualScroll: _
+}, c, r, m) => {
+  const u = async (y) => {
+    s.value && await Y(), o.value[y]?.focus();
+  }, b = async (y) => {
+    s.value && await Y();
+    const P = e.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef?.$el.querySelectorAll(
       "button"
     );
-    I != null && I.length ? ($ = I[m]) == null || $.focus() : b(m);
-  }, C = (m) => {
-    var I;
-    return (I = e.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef) == null ? void 0 : I.setListboxFocusedIndex(
-      m
-    );
-  }, x = async (m) => {
-    var I;
-    await ((I = e.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef) == null ? void 0 : I.navigateToItem(m));
-  }, N = (m) => {
-    H(() => {
-      v ? x(m) : (C(m), b(m));
+    P?.length ? P[y]?.focus() : u(y);
+  }, x = (y) => e.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef?.setListboxFocusedIndex(
+    y
+  ), g = async (y) => {
+    await e.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef?.navigateToItem(y);
+  }, M = (y) => {
+    Y(() => {
+      _ ? g(y) : (x(y), u(y));
     });
-  }, M = () => {
-    t.value || c(), N(0);
-  }, h = () => {
-    t.value || c(), H(() => {
-      N(v ? r.value - 1 : o.value.length - 1);
+  }, B = () => {
+    t.value || r(), M(0);
+  }, v = () => {
+    t.value || r(), Y(() => {
+      M(_ ? p.value - 1 : o.value.length - 1);
     });
-  }, T = (m) => {
-    m.preventDefault(), m.stopPropagation();
-  }, R = ({ detail: m }) => {
-    T(m), M();
-  }, A = ({ detail: m }) => {
-    T(m), h();
-  }, k = ({ detail: m }) => {
-    T(m), M();
-  }, D = ({ detail: m }) => {
-    T(m), h();
-  }, G = ({ detail: m }) => {
-    T(m), d(), t.value && (n ? p(0) : N(l.value));
-  }, K = ({ detail: m }) => {
-    T(m), d(), t.value && (n ? p(0) : N(l.value));
-  }, g = ({ detail: m }) => {
-    m.stopPropagation(), t.value && _();
-  }, B = ({ detail: m }) => {
-    m.stopPropagation(), t.value && (_(), ut(a));
+  }, I = (y) => {
+    y.preventDefault(), y.stopPropagation();
+  }, D = ({ detail: y }) => {
+    I(y), B();
+  }, A = ({ detail: y }) => {
+    I(y), v();
+  }, w = ({ detail: y }) => {
+    I(y), B();
+  }, T = ({ detail: y }) => {
+    I(y), v();
+  }, G = ({ detail: y }) => {
+    I(y), c(), t.value && (i ? b(0) : M(l.value));
+  }, U = ({ detail: y }) => {
+    I(y), c(), t.value && (i ? b(0) : M(l.value));
+  }, h = ({ detail: y }) => {
+    y.stopPropagation(), t.value && m();
+  }, R = ({ detail: y }) => {
+    y.stopPropagation(), t.value && (m(), rt(a));
   };
-  return i(() => ({
-    [V.ARROW_DOWN]: R,
-    [V.ARROW_UP]: A,
-    [V.HOME]: k,
-    [V.END]: D,
-    ...s.value ? {} : { [V.SPACE]: G },
-    [V.ENTER]: K,
-    ...s.value ? {} : { [V.TAB]: g },
-    [V.ESCAPE]: B
+  return n(() => ({
+    [z.ARROW_DOWN]: D,
+    [z.ARROW_UP]: A,
+    [z.HOME]: w,
+    [z.END]: T,
+    ...s.value ? {} : { [z.SPACE]: G },
+    [z.ENTER]: U,
+    ...s.value ? {} : { [z.TAB]: h },
+    [z.ESCAPE]: R
   }));
-}, Ba = ({ inputContainerRef: a, isDropdownOpen: e }, l) => {
+}, Aa = ({ inputContainerRef: a, isDropdownOpen: e }, l) => {
   const t = () => {
-    e.value && l(), H(() => {
-      ut(a);
+    e.value && l(), Y(() => {
+      rt(a);
     });
   };
   return {
-    [u.ENTER]: t,
-    [u.ESCAPE]: t,
-    [u.TAB]: t,
-    [u.SPACE]: t
+    [d.ENTER]: t,
+    [d.ESCAPE]: t,
+    [d.TAB]: t,
+    [d.SPACE]: t
   };
 };
-function Ra(a, e, l, t, s) {
-  const o = E(a), n = E(e), r = (c, _ = []) => _.flatMap((b) => b.label.toLocaleLowerCase().includes(c) ? t != null && t.value && b.items ? [...r(c, b.items)] : [b, ...r(c, b.items)] : b.items ? [...r(c, b.items)] : []), v = l !== void 0 ? rt(() => l(o.value), s ?? 300) : void 0;
-  return ae(o, () => {
-    v !== void 0 && v();
-  }), i(() => {
+function ka(a, e, l, t, s) {
+  const o = L(a), i = L(e), p = (r, m = []) => m.flatMap((u) => u.label.toLocaleLowerCase().includes(r) ? t?.value && u.items ? [...p(r, u.items)] : [u, ...p(r, u.items)] : u.items ? [...p(r, u.items)] : []), _ = l !== void 0 ? ot(() => l(o.value), s ?? 300) : void 0;
+  return Q(o, () => {
+    _ !== void 0 && _();
+  }), n(() => {
     if (!o.value || l !== void 0)
-      return n.value;
-    const c = o.value.toLocaleLowerCase();
-    return r(c, n.value);
+      return i.value;
+    const r = o.value.toLocaleLowerCase();
+    return p(r, i.value);
   });
 }
-const Ma = {
-  "de-DE": {
-    all: "Alle",
-    ariaLabelFallback: "Dropdown",
-    clearSearch: "Filter löschen"
-  },
-  "en-GB": {
-    all: "All",
-    ariaLabelFallback: "Dropdown",
-    clearSearch: "Clear filter"
-  },
-  "en-US": {
-    all: "All",
-    ariaLabelFallback: "Dropdown",
-    clearSearch: "Clear filter"
-  },
-  "es-419": {
-    all: "Todos",
-    ariaLabelFallback: "Menú desplegable",
-    clearSearch: "Borrar filtro"
-  },
-  "es-ES": {
-    all: "Todos",
-    ariaLabelFallback: "Menú desplegable",
-    clearSearch: "Limpiar filtro"
-  },
-  "es-MX": {
-    all: "Todos",
-    ariaLabelFallback: "Menú desplegable",
-    clearSearch: "Limpiar filtro"
-  },
-  "fr-FR": {
-    all: "Tous",
-    ariaLabelFallback: "Menu déroulant",
-    clearSearch: "Effacer le filtre"
-  },
-  "it-IT": {
-    all: "Tutti",
-    ariaLabelFallback: "Menu a discesa",
-    clearSearch: "Cancella filtro"
-  },
-  "ja-JP": {
-    all: "すべて",
-    ariaLabelFallback: "ドロップダウン",
-    clearSearch: "フィルターをクリア"
-  },
-  "pt-BR": {
-    all: "Todos",
-    ariaLabelFallback: "Menu suspenso",
-    clearSearch: "Limpar filtro"
-  },
-  "zh-CN": {
-    all: "全部",
-    ariaLabelFallback: "下拉菜单",
-    clearSearch: "清除筛选器"
-  }
-}, Na = z({
-  i18n: { messages: Ma },
+const Da = {
+  "de-DE": { all: "Alle", ariaLabelFallback: "Dropdown", clearSearch: "Filter löschen" },
+  "en-GB": { all: "All", ariaLabelFallback: "Dropdown", clearSearch: "Clear filter" },
+  "en-US": { all: "All", ariaLabelFallback: "Dropdown", clearSearch: "Clear filter" },
+  "es-419": { all: "Todos", ariaLabelFallback: "Menú desplegable", clearSearch: "Borrar filtro" },
+  "es-ES": { all: "Todos", ariaLabelFallback: "Menú desplegable", clearSearch: "Limpiar filtro" },
+  "es-MX": { all: "Todos", ariaLabelFallback: "Menú desplegable", clearSearch: "Limpiar filtro" },
+  "fr-FR": { all: "Tous", ariaLabelFallback: "Menu déroulant", clearSearch: "Effacer le filtre" },
+  "it-IT": { all: "Tutti", ariaLabelFallback: "Menu a discesa", clearSearch: "Cancella filtro" },
+  "ja-JP": { all: "すべて", ariaLabelFallback: "ドロップダウン", clearSearch: "フィルターをクリア" },
+  "pt-BR": { all: "Todos", ariaLabelFallback: "Menu suspenso", clearSearch: "Limpar filtro" },
+  "zh-CN": { all: "全部", ariaLabelFallback: "下拉菜单", clearSearch: "清除筛选器" }
+}, Ba = F({
+  i18n: { messages: Da },
   name: "b-dropdown",
   components: {
-    DropdownInputDefault: fa,
-    DropdownInputSmall: Ta
+    DropdownInputDefault: da,
+    DropdownInputSmall: Ia
   },
   model: { prop: "modelValue" }
-}), $a = /* @__PURE__ */ z({
-  ...Na,
+}), Ra = /* @__PURE__ */ F({
+  ...Ba,
   props: {
     description: { default: null },
     disabled: { type: Boolean, default: !1 },
@@ -2692,7 +2368,7 @@ const Ma = {
     items: { default: () => [] },
     loading: { type: Boolean, default: !1 },
     componentLoading: { type: Boolean, default: !1 },
-    lazyLoadType: { default: Fe.props.lazyLoadType.default },
+    lazyLoadType: { default: Ne.props.lazyLoadType.default },
     multiple: { type: Boolean, default: !1 },
     search: { default: void 0 },
     showSlotContentInMultiple: { type: Boolean, default: !1 },
@@ -2706,195 +2382,184 @@ const Ma = {
   },
   emits: ["input", "update:model-value", "show-more", "open"],
   setup(a, { expose: e, emit: l }) {
-    var P, W;
-    const t = a, s = Ve(), o = Ce(), n = Ze(o), { t: r } = ie(), { emitValue: v } = yt(l), d = E(null), c = E(null), _ = E(null), b = E(!1), p = oe("bento-dropdown-options-container"), C = oe("dropdown-label"), x = oe("dropdown-description"), N = oe("dropdown-error"), { isReadOnly: M } = _t(j(t, "readonly")), h = i(() => t.modelValue ?? t.value), { cachedSelectedListboxOptions: T, cachedListboxSelectedValues: R, setCachedValues: A } = ql(
-      j(t, "items"),
-      h,
-      j(t, "multiple"),
-      j(t, "enableValueLabelPair")
-    ), k = E(s["aria-label"]), D = E(s["aria-describedby"]), { ariaLabel: G, label: K } = Xe(t), g = i(() => r("ariaLabelFallback")), B = vt({
+    const t = a, s = Pe(), o = Se(), i = He(o), { t: p } = ae(), { emitValue: _ } = bt(l), c = L(null), r = L(null), m = L(null), u = L(!1), b = te("bento-dropdown-options-container"), x = te("dropdown-label"), g = te("dropdown-description"), M = te("dropdown-error"), { isReadOnly: B } = mt(q(t, "readonly")), v = n(() => t.modelValue ?? t.value), { cachedSelectedListboxOptions: I, cachedListboxSelectedValues: D, setCachedValues: A } = Ul(
+      q(t, "items"),
+      v,
+      q(t, "multiple"),
+      q(t, "enableValueLabelPair")
+    ), w = L(s["aria-label"]), T = L(s["aria-describedby"]), { ariaLabel: G, label: U } = je(t), h = n(() => p("ariaLabelFallback")), R = ft({
       // TODO: take ariaLabel ref away when aria-label prop is removed
-      ariaLabel: G.value || k,
-      label: K,
-      defaultFallback: g
-    }), L = t.size === ge.SMALL || Ue(ta, !1), m = i(() => L ? ge.SMALL : ge.DEFAULT), I = i(() => ({
+      ariaLabel: G.value || w,
+      label: U,
+      defaultFallback: h
+    }), k = t.size === ye.SMALL || Fe(Zl, !1), y = n(() => k ? ye.SMALL : ye.DEFAULT), P = n(() => ({
       "b-dropdown--condensed": t.condensed
-    })), J = i(() => ({
+    })), ie = n(() => ({
       "b-dropdown__description--error": !!t.errorMessage
-    })), $ = E(""), X = j(t, "items"), se = j(t, "staticCategories"), ue = Ra(
-      $,
-      X,
-      (P = t == null ? void 0 : t.search) == null ? void 0 : P.searchEvent,
-      se,
-      (W = t == null ? void 0 : t.search) == null ? void 0 : W.debounceTime
-    ), he = i(() => t.dynamicFiltering && !!$.value), Re = ka({
-      items: X,
-      placeholder: j(t, "placeholder"),
-      isMultiSelect: j(t, "multiple"),
-      selectedValues: T
-    }), Me = i(() => {
-      if (t != null && t.multiple && Array.isArray(h.value))
+    })), K = L(""), j = q(t, "items"), ee = q(t, "staticCategories"), re = ka(
+      K,
+      j,
+      t?.search?.searchEvent,
+      ee,
+      t?.search?.debounceTime
+    ), _e = n(() => t.dynamicFiltering && !!K.value), ke = wa({
+      items: j,
+      placeholder: q(t, "placeholder"),
+      isMultiSelect: q(t, "multiple"),
+      selectedValues: I
+    }), De = n(() => {
+      if (t?.multiple && Array.isArray(v.value))
         return t.items.filter(
-          ({ value: y }) => (t == null ? void 0 : t.value) && (t == null ? void 0 : t.value).includes(y)
+          ({ value: C }) => t?.value && (t?.value).includes(C)
         );
       if (!t.multiple && t.staticCategories) {
-        const y = t.items.find(
-          (Y) => {
-            var Z;
-            return (Z = Y.items) == null ? void 0 : Z.some((Te) => Te.value === h.value);
-          }
+        const C = t.items.find(
+          (O) => O.items?.some((ve) => ve.value === v.value)
         );
-        return (y ? y.items.find((Y) => Y.value === h.value) : t.items.find(({ value: Y }) => Y === h.value)) ?? null;
+        return (C ? C.items.find((O) => O.value === v.value) : t.items.find(({ value: O }) => O === v.value)) ?? null;
       }
-      return t.items.find(({ value: y }) => y === h.value);
-    }), pe = i(() => {
-      const F = (fe.value ? be.value : ue.value).findIndex(({ value: Y }) => {
-        var Z;
-        return t.enableValueLabelPair ? ((Z = h.value) == null ? void 0 : Z.value) === Y : h.value === Y;
-      });
-      return F > -1 ? F : 0;
-    }), { isMultiLevelSelect: fe, flattenedItemsList: be } = it(X), ee = i(() => fe.value && !t.staticCategories), me = i(() => ee.value ? "treeitem" : "option"), Oe = i(() => {
+      return t.items.find(({ value: C }) => C === v.value);
+    }), ce = n(() => {
+      const $ = (de.value ? ue.value : re.value).findIndex(({ value: O }) => t.enableValueLabelPair ? v.value?.value === O : v.value === O);
+      return $ > -1 ? $ : 0;
+    }), { isMultiLevelSelect: de, flattenedItemsList: ue } = st(j), J = n(() => de.value && !t.staticCategories), pe = n(() => J.value ? "treeitem" : "option"), xe = n(() => {
       if (t.multiple) {
-        const y = Array.isArray(h.value) ? h.value.length : 0, F = fe.value ? be.value.length : X.value.length;
-        return y === 0 ? null : !t.hasMoreItems && F > 0 && F === y ? r("all") : y;
+        const C = Array.isArray(v.value) ? v.value.length : 0, $ = de.value ? ue.value.length : j.value.length;
+        return C === 0 ? null : !t.hasMoreItems && $ > 0 && $ === C ? p("all") : C;
       }
       return null;
-    }), Ne = i(
+    }), Be = n(
       () => [
-        t.description ? x : null,
-        D.value,
-        t.errorMessage ? N : null
+        t.description ? g : null,
+        T.value,
+        t.errorMessage ? M : null
       ].filter(Boolean).join(" ") || null
-    ), ve = i(() => {
-      var F, Y;
-      const y = (F = _.value) == null ? void 0 : F.dropdownOptionsListboxRef;
-      return ((Y = y == null ? void 0 : y.listboxRef) == null ? void 0 : Y.value) ?? (y == null ? void 0 : y.listboxRef);
-    }), { visibleDomOptions: Se, updateVisibleDomOptions: ye } = Ge(
-      ve,
-      ue,
-      me
-    ), xe = () => {
-      M.value || (b.value = !0, H(() => {
-        ye();
+    ), fe = n(() => {
+      const C = m.value?.dropdownOptionsListboxRef;
+      return C?.listboxRef?.value ?? C?.listboxRef;
+    }), { visibleDomOptions: ge, updateVisibleDomOptions: be } = ze(
+      fe,
+      re,
+      pe
+    ), he = () => {
+      B.value || (u.value = !0, Y(() => {
+        be();
       }));
-    }, re = () => {
-      b.value = !1;
-    }, _e = () => {
-      M.value || (b.value = !b.value, H(() => {
-        ye();
-      }), he.value && ($.value = ""));
-    }, Le = () => {
-      he.value && ($.value = ""), b.value && (b.value = !1, _.value.onOutsideDropdownClick());
-    }, Ee = i(() => [
-      Le,
+    }, se = () => {
+      u.value = !1;
+    }, me = () => {
+      B.value || (u.value = !u.value, Y(() => {
+        be();
+      }), _e.value && (K.value = ""));
+    }, Ce = () => {
+      _e.value && (K.value = ""), u.value && (u.value = !1, m.value.onOutsideDropdownClick());
+    }, Le = n(() => [
+      Ce,
       {
-        ignore: [ve]
+        ignore: [fe]
       }
-    ]), Ie = async (y) => {
-      t.multiple || ($.value = "", b.value = !1), A(y), v(R.value), t.multiple || (await H(), O());
-    }, we = () => {
-      l(u.SHOW_MORE);
-    }, $e = Da(
+    ]), Oe = async (C) => {
+      t.multiple || (K.value = "", u.value = !1), A(C), _(D.value), t.multiple || (await Y(), E());
+    }, Ie = () => {
+      l(d.SHOW_MORE);
+    }, Re = Ta(
       {
-        inputContainerRef: d,
-        optionsContainerRef: _,
-        selectedValueIndex: pe,
-        isDropdownOpen: b,
-        isDynamicFltering: j(t, "dynamicFiltering"),
-        items: Se,
+        inputContainerRef: c,
+        optionsContainerRef: m,
+        selectedValueIndex: ce,
+        isDropdownOpen: u,
+        isDynamicFltering: q(t, "dynamicFiltering"),
+        items: ge,
         isMultiple: t.multiple,
-        totalItemCount: i(() => ue.value.length),
-        isVirtualScroll: !(t != null && t.multiple) && (t == null ? void 0 : t.virtualScroll) !== !1 && (t == null ? void 0 : t.lazyLoadType) === "none"
+        totalItemCount: n(() => re.value.length),
+        isVirtualScroll: !t?.multiple && t?.virtualScroll !== !1 && t?.lazyLoadType === "none"
       },
-      _e,
-      xe,
-      re
-    ), f = Ba(
+      me,
+      he,
+      se
+    ), f = Aa(
       {
-        inputContainerRef: d,
-        isDropdownOpen: b
+        inputContainerRef: c,
+        isDropdownOpen: u
       },
-      re
+      se
     ), S = {
-      [u.CLOSE_DROPDOWN]: re,
-      [u.SELECT]: Ie,
-      [u.SHOW_MORE]: we,
+      [d.CLOSE_DROPDOWN]: se,
+      [d.SELECT]: Oe,
+      [d.SHOW_MORE]: Ie,
       ...f
     };
-    t.error && Pe(
+    t.error && Me(
       'BentoDropdown "error" property',
       `Use the BentoDropdown "errorMessage" property instead to indicate that there is a modifier error.
                             Having the field as "undefined" will hide/remove the error.
                             <bento-dropdown errorMessage="Error message text" />`,
       "2.0.0"
-    ), t.size && Pe('BentoDropdown "size" property', "Do not use. Only 'default' size should be used.", "2.0.0"), t.value && Pe(
+    ), t.size && Me('BentoDropdown "size" property', "Do not use. Only 'default' size should be used.", "2.0.0"), t.value && Me(
       'BentoDropdown "value" property',
       `The use of "value" prop in "BentoDropdown" is no longer supported.
                 Use the "v-model" or "model-value" property instead.`,
       "2.0.0"
     );
-    const O = () => {
-      var y;
-      (y = d.value) == null || y.focus();
-    }, w = async () => {
-      var Te;
-      if (await H(), !b.value || t.multiple || !_.value)
+    const E = () => {
+      c.value?.focus();
+    }, N = async () => {
+      if (await Y(), !u.value || t.multiple || !m.value)
         return;
-      const y = pe.value;
-      if (y <= 0)
+      const C = ce.value;
+      if (C <= 0)
         return;
-      const F = _.value.dropdownOptionsListboxRef, Y = F == null ? void 0 : F.listboxRef, Z = F == null ? void 0 : F.listboxItemRef;
-      (Te = Z == null ? void 0 : Z.scrollToItem) == null || Te.call(Z, y, Y);
+      const $ = m.value.dropdownOptionsListboxRef, O = $?.listboxRef;
+      $?.listboxItemRef?.scrollToItem?.(C, O);
     };
-    return ae(
-      () => b.value,
-      (y) => {
-        y && (l("open"), w());
+    return Q(
+      () => u.value,
+      (C) => {
+        C && (l("open"), N());
       }
     ), e({
-      focus: O
-    }), { __sfc: !0, attrs: s, slots: o, hasSlot: n, props: t, emit: l, t: r, emitValue: v, inputContainerRef: d, inputContainerRefWrapper: c, optionsContainerRef: _, isDropdownOpen: b, dropdownOptionsContainerId: p, labelId: C, descriptionId: x, errorId: N, isReadOnly: M, dropdownValue: h, cachedSelectedListboxOptions: T, cachedListboxSelectedValues: R, setCachedValues: A, ariaLabelAttribute: k, ariaDescribedByAttribute: D, ariaLabel: G, label: K, computedAriaLabelFallbackMessage: g, computedAriaLabel: B, isInputComponent: L, computedSize: m, conditionalClasses: I, descriptionConditionalClasses: J, searchTerm: $, items: X, staticCategories: se, filteredItems: ue, isSearching: he, displayValue: Re, selectedValueItem: Me, selectedValueIndex: pe, isMultiLevelSelect: fe, flattenedItemsList: be, isTreePattern: ee, computedOptionRole: me, additionalItemsSelected: Oe, ariaDescribedBy: Ne, listboxRef: ve, visibleDomOptions: Se, updateVisibleDomOptions: ye, openDropdown: xe, closeDropdown: re, toggleDropdown: _e, clickOutsideDropdown: Le, clickOutsideDropdownOptions: Ee, onOptionSelected: Ie, emitShowMoreEvent: we, textboxKeyboardNavigationListeners: $e, listboxKeyboardNavigationListeners: f, listboxListeners: S, focus: O, scrollToSelectedOption: w, BentoDropdownOptionsContainer: ea, BentoTypography: ne, ErrorMessage: wt, FieldLabel: It, BentoTeleport: Lt, vBentoClickOutsideDirective: Et, vBentoKeyboardNavigationDirective: De };
+      focus: E
+    }), { __sfc: !0, attrs: s, slots: o, hasSlot: i, props: t, emit: l, t: p, emitValue: _, inputContainerRef: c, inputContainerRefWrapper: r, optionsContainerRef: m, isDropdownOpen: u, dropdownOptionsContainerId: b, labelId: x, descriptionId: g, errorId: M, isReadOnly: B, dropdownValue: v, cachedSelectedListboxOptions: I, cachedListboxSelectedValues: D, setCachedValues: A, ariaLabelAttribute: w, ariaDescribedByAttribute: T, ariaLabel: G, label: U, computedAriaLabelFallbackMessage: h, computedAriaLabel: R, isInputComponent: k, computedSize: y, conditionalClasses: P, descriptionConditionalClasses: ie, searchTerm: K, items: j, staticCategories: ee, filteredItems: re, isSearching: _e, displayValue: ke, selectedValueItem: De, selectedValueIndex: ce, isMultiLevelSelect: de, flattenedItemsList: ue, isTreePattern: J, computedOptionRole: pe, additionalItemsSelected: xe, ariaDescribedBy: Be, listboxRef: fe, visibleDomOptions: ge, updateVisibleDomOptions: be, openDropdown: he, closeDropdown: se, toggleDropdown: me, clickOutsideDropdown: Ce, clickOutsideDropdownOptions: Le, onOptionSelected: Oe, emitShowMoreEvent: Ie, textboxKeyboardNavigationListeners: Re, listboxKeyboardNavigationListeners: f, listboxListeners: S, focus: E, scrollToSelectedOption: N, BentoDropdownOptionsContainer: Xl, BentoTypography: le, ErrorMessage: Ot, FieldLabel: Lt, BentoTeleport: xt, vBentoClickOutsideDirective: Ct, vBentoKeyboardNavigationDirective: Te };
   }
 });
-var Pa = function() {
-  var s, o;
+var Ma = function() {
   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(n) {
-    t.searchTerm = n;
-  }, open: t.toggleDropdown, close: t.toggleDropdown }, scopedSlots: e._u([e._l(t.slots, function(n, r) {
-    return { key: r, fn: function(v) {
-      return [e._t(r, null, null, v)];
+  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(s) {
+    t.searchTerm = s;
+  }, open: t.toggleDropdown, close: t.toggleDropdown }, scopedSlots: e._u([e._l(t.slots, function(s, o) {
+    return { key: o, fn: function(i) {
+      return [e._t(o, null, null, i)];
     } };
-  })], null, !0) })], 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(n, r) {
-    return { key: r, fn: function(v) {
-      return [e._t(r, null, null, v)];
+  })], null, !0) })], 1), t.inputContainerRef ? l(t.BentoTeleport, { attrs: { disabled: e.teleport?.disabled, to: e.teleport?.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(s, o) {
+    return { key: o, fn: function(i) {
+      return [e._t(o, null, null, i)];
     } };
   })], 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);
-}, Fa = [], za = /* @__PURE__ */ U(
-  $a,
-  Pa,
-  Fa,
+}, Na = [], $a = /* @__PURE__ */ V(
+  Ra,
+  Ma,
+  Na,
   !1,
   null,
   "61fced3a"
 );
-const ms = za.exports;
+const ps = $a.exports;
 export {
-  ms as B,
-  Gt as C,
-  fa as D,
-  u as a,
-  le as b,
-  ge as c,
-  Fe as d,
-  it as e,
-  Ra as f,
-  rt as g,
-  ta as h,
-  ct as i,
-  We as j,
-  ql as u
+  ps as B,
+  zt as C,
+  da as D,
+  d as a,
+  Z as b,
+  ye as c,
+  Ne as d,
+  st as e,
+  ka as f,
+  ot as g,
+  Zl as h,
+  nt as i,
+  Ve as j,
+  Ul as u
 };
-//# sourceMappingURL=dropdown.DIqgVVXB.js.map
+//# sourceMappingURL=dropdown.Ce2P9MZ-.js.map