@adyen/bento-vue2 1.62.0 → 1.62.1

package/dist/chunks/{use-cached-selected-values.Da6xbfzO.js → use-cached-selected-values.DzIppuhI.js}

@@ -14,41 +14,41 @@ import { d as Le, e as ie } from "./button-actions._OIvTdKt.js";
 /* empty css              */
 import { o as Ie } from "./resize.Bqks3WUm.js";
 import "../assets/use-cached-selected-values.css";
-const ue = (s, e, t, l) => {
+const ue = (l, e, t, s) => {
   const o = c(
     () => {
-      var b, S;
-      return !!((b = s.value) != null && b.length) && ((S = s.value) == null ? void 0 : S.length) === e.value.length;
+      var v, S;
+      return !!((v = l.value) != null && v.length) && ((S = l.value) == null ? void 0 : S.length) === e.value.length;
     }
   ), n = c(() => {
-    var b;
-    return s.value == null || s.value.length === 0 ? !1 : ((b = s.value) == null ? void 0 : b.length) !== e.value.length;
+    var v;
+    return l.value == null || l.value.length === 0 ? !1 : ((v = l.value) == null ? void 0 : v.length) !== e.value.length;
   });
   return {
     isAllSelected: o,
     isIndeterminate: n,
-    toggleSelectAll: (b) => {
-      b ? t() : l();
+    toggleSelectAll: (v) => {
+      v ? t() : s();
     }
   };
 };
-function Re(s, { disabled: e, itemHeight: t, overscan: l = 5, prefixHeight: o }) {
-  const n = A(null), d = A([]), b = A(0), S = A(0), i = A(0);
+function Re(l, { disabled: e, itemHeight: t, overscan: s = 5, prefixHeight: o }) {
+  const n = A(null), d = A([]), v = A(0), S = A(0), i = A(0);
   let r;
   const y = c(() => {
-    const v = typeof t == "number" ? s.value.length * t : s.value.reduce((L, T, E) => L + t(E), 0), x = typeof t == "number" ? b.value * t : s.value.slice(0, b.value).reduce((L, T, E) => L + t(E), 0);
+    const b = typeof t == "number" ? l.value.length * t : l.value.reduce((L, T, E) => L + t(E), 0), x = typeof t == "number" ? v.value * t : l.value.slice(0, v.value).reduce((L, T, E) => L + t(E), 0);
     return {
       style: {
         marginTop: `${x}px`,
-        height: `${v - x}px`
+        height: `${b - x}px`
       }
     };
   }), O = () => {
-    const v = (o == null ? void 0 : o.value) ?? 0, x = Math.max(n.value.scrollTop - v, 0);
+    const b = (o == null ? void 0 : o.value) ?? 0, x = Math.max(n.value.scrollTop - b, 0);
     if (typeof t == "number")
       return Math.floor(x / t);
     let L = 0, T = 0;
-    for (let E = 0; E < s.value.length; E += 1) {
+    for (let E = 0; E < l.value.length; E += 1) {
       const C = t(E);
       if (L += C, L >= x) {
         T = E;
@@ -59,30 +59,30 @@ function Re(s, { disabled: e, itemHeight: t, overscan: l = 5, prefixHeight: o })
   }, p = () => {
     if (i.value = n.value.clientHeight, typeof t == "number")
       return Math.ceil(i.value / t);
-    const v = b.value ?? 0;
+    const b = v.value ?? 0;
     let x = 0, L = 0;
-    for (let T = v; T < s.value.length; T += 1) {
+    for (let T = b; T < l.value.length; T += 1) {
       const E = t(T);
       if (x += E, L = T, x > i.value)
         break;
     }
-    return L - v;
+    return L - b;
   }, u = () => {
     if (n.value) {
-      const v = p();
-      b.value = O(), S.value = Math.min(b.value + v + l, s.value.length), d.value = s.value.slice(b.value, S.value);
+      const b = p();
+      v.value = O(), S.value = Math.min(v.value + b + s, l.value.length), d.value = l.value.slice(v.value, S.value);
     }
   }, I = () => {
     u();
   };
   e || (ye(() => {
-    n.value && (i.value = n.value.clientHeight, r = Ie(n.value, ({ clientHeight: v }) => {
-      i.value = v, u();
+    n.value && (i.value = n.value.clientHeight, r = Ie(n.value, ({ clientHeight: b }) => {
+      i.value = b, u();
     }), u());
   }), he(() => {
     r == null || r.disconnect();
   }), K(
-    () => s.value,
+    () => l.value,
     () => {
       u();
     }
@@ -97,7 +97,7 @@ function Re(s, { disabled: e, itemHeight: t, overscan: l = 5, prefixHeight: o })
     // eslint-disable-next-line @typescript-eslint/no-empty-function
     onScroll: () => {
     },
-    list: s
+    list: l
   } : {
     containerRef: n,
     containerProps: B,
@@ -106,7 +106,7 @@ function Re(s, { disabled: e, itemHeight: t, overscan: l = 5, prefixHeight: o })
     wrapperProps: y
   };
 }
-var a = /* @__PURE__ */ ((s) => (s.SELECT = "select", s.SHOW_MORE = "show-more", s.ESCAPE = "escape-pressed", s.CLICK = "click", s.ENTER = "enter-pressed", s.SPACE = "space-pressed", s.TAB = "tab-pressed", s.CLOSE_DROPDOWN = "close-dropdown", s))(a || {}), U = /* @__PURE__ */ ((s) => (s.AUTOMATIC = "automatic", s.BUTTON = "button", s.NONE = "none", s))(U || {});
+var a = /* @__PURE__ */ ((l) => (l.SELECT = "select", l.SHOW_MORE = "show-more", l.ESCAPE = "escape-pressed", l.CLICK = "click", l.ENTER = "enter-pressed", l.SPACE = "space-pressed", l.TAB = "tab-pressed", l.CLOSE_DROPDOWN = "close-dropdown", l))(a || {}), U = /* @__PURE__ */ ((l) => (l.AUTOMATIC = "automatic", l.BUTTON = "button", l.NONE = "none", l))(U || {});
 const ke = P({
   name: "bento-listbox-static-category",
   components: {
@@ -146,10 +146,10 @@ const Me = Ne.exports, $e = P({
     selected: { type: Boolean, default: !1 }
   },
   emits: [a.CLICK, a.ENTER, a.SPACE, a.TAB],
-  setup(s, { emit: e }) {
+  setup(l, { emit: e }) {
     const t = c(() => ({
-      "b-listbox-option--disabled": s.disabled,
-      "b-listbox-option--selected": s.selected
+      "b-listbox-option--disabled": l.disabled,
+      "b-listbox-option--selected": l.selected
     }));
     return {
       // Enums
@@ -169,12 +169,12 @@ const Me = Ne.exports, $e = P({
 });
 var we = function() {
   var e = this, t = e._self._c;
-  return e._self._setupProxy, t("div", e._b({ staticClass: "b-listbox-option", class: e.conditionalClasses, attrs: { role: "option" }, on: { click: e.onClick, keydown: [function(l) {
-    return !l.type.indexOf("key") && e._k(l.keyCode, "enter", 13, l.key, "Enter") ? null : e.onOptionSelected(e.BentoListboxEvent.ENTER, l);
-  }, function(l) {
-    return !l.type.indexOf("key") && e._k(l.keyCode, "space", 32, l.key, [" ", "Spacebar"]) ? null : e.onOptionSelected(e.BentoListboxEvent.SPACE, l);
-  }, function(l) {
-    return !l.type.indexOf("key") && e._k(l.keyCode, "tab", 9, l.key, "Tab") ? null : e.onOptionSelected(e.BentoListboxEvent.TAB, l);
+  return e._self._setupProxy, t("div", e._b({ staticClass: "b-listbox-option", class: e.conditionalClasses, attrs: { role: "option" }, on: { click: e.onClick, keydown: [function(s) {
+    return !s.type.indexOf("key") && e._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : e.onOptionSelected(e.BentoListboxEvent.ENTER, s);
+  }, function(s) {
+    return !s.type.indexOf("key") && e._k(s.keyCode, "space", 32, s.key, [" ", "Spacebar"]) ? null : e.onOptionSelected(e.BentoListboxEvent.SPACE, s);
+  }, function(s) {
+    return !s.type.indexOf("key") && e._k(s.keyCode, "tab", 9, s.key, "Tab") ? null : e.onOptionSelected(e.BentoListboxEvent.TAB, s);
   }] } }, "div", e.$attrs, !1), [e._t("default")], 2);
 }, Pe = [], Fe = /* @__PURE__ */ M(
   $e,
@@ -228,13 +228,13 @@ const We = Ye.exports, Ke = P({
     selected: { type: Boolean, default: !1 }
   },
   emits: [a.ENTER, a.SELECT, a.SPACE, a.TAB],
-  setup(s, { emit: e }) {
+  setup(l, { emit: e }) {
     const t = (d) => {
-      s.disabled || e(d, s.option);
-    }, l = c(() => s.disabled ? !0 : null), o = c(() => s.selected ? !0 : null), n = c(() => s.disabled ? -1 : 0);
+      l.disabled || e(d, l.option);
+    }, s = c(() => l.disabled ? !0 : null), o = c(() => l.selected ? !0 : null), n = c(() => l.disabled ? -1 : 0);
     return {
       // Values
-      ariaDisabled: l,
+      ariaDisabled: s,
       ariaSelected: o,
       tabIndex: n,
       // Enums
@@ -246,13 +246,13 @@ const We = Ye.exports, Ke = P({
 });
 var qe = function() {
   var e = this, t = e._self._c;
-  return e._self._setupProxy, t("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(l) {
+  return e._self._setupProxy, t("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(s) {
     return e.onOptionSelected(e.BentoListboxEvent.SELECT);
-  }, "enter-pressed": function(l) {
+  }, "enter-pressed": function(s) {
     return e.onOptionSelected(e.BentoListboxEvent.ENTER);
-  }, "space-pressed": function(l) {
-    return l.preventDefault(), e.onOptionSelected(e.BentoListboxEvent.SPACE);
-  }, "tab-pressed": function(l) {
+  }, "space-pressed": function(s) {
+    return s.preventDefault(), e.onOptionSelected(e.BentoListboxEvent.SPACE);
+  }, "tab-pressed": function(s) {
     return e.onOptionSelected(e.BentoListboxEvent.TAB);
   } } }, [e._t("default", function() {
     return [t("span", { staticClass: "b-listbox-single-select-option__text" }, [t("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(e.option.label))]), e.option.description ? t("bento-typography", { staticClass: "b-listbox-single-select-option__description", attrs: { el: "span" } }, [e._v(" " + e._s(e.option.description) + " ")]) : e._e()], 1)];
@@ -265,10 +265,10 @@ var qe = function() {
   null,
   "5a5ff36a"
 );
-const Xe = He.exports, de = ({ items: s, hasStaticCategories: e }, t) => {
-  const l = c(
-    () => e.value ? s.value.flatMap((u) => u.items) : s.value
-  ), o = c(() => l.value.length - 1), n = A(0), d = (u) => {
+const Xe = He.exports, de = ({ items: l, hasStaticCategories: e }, t) => {
+  const s = c(
+    () => e.value ? l.value.flatMap((u) => u.items) : l.value
+  ), o = c(() => s.value.length - 1), n = A(0), d = (u) => {
     switch (u) {
       case "increase":
         n.value += 1;
@@ -277,10 +277,10 @@ const Xe = He.exports, de = ({ items: s, hasStaticCategories: e }, t) => {
         n.value -= 1;
         break;
     }
-  }, b = ({ edgeCaseItem: u }, I) => {
+  }, v = ({ edgeCaseItem: u }, I) => {
     n.value !== u && (d(I), t(n.value));
   }, S = (u) => {
-    p(u), b(
+    p(u), v(
       {
         edgeCaseItem: o.value
       },
@@ -288,7 +288,7 @@ const Xe = He.exports, de = ({ items: s, hasStaticCategories: e }, t) => {
       /* INCREASE */
     );
   }, i = (u) => {
-    p(u), b(
+    p(u), v(
       {
         edgeCaseItem: 0
       },
@@ -362,15 +362,15 @@ const Xe = He.exports, de = ({ items: s, hasStaticCategories: e }, t) => {
     staticCategories: { type: Boolean, default: !1 }
   },
   emits: [a.SELECT, a.ENTER, a.SPACE, a.TAB],
-  setup(s, { emit: e, expose: t, slots: l }) {
+  setup(l, { emit: e, expose: t, slots: s }) {
     const o = A(null), n = A([]), d = c(() => {
-      var v;
-      return !!((v = s.selectedValue) != null && v.length) && s.selectedValue.at(0);
-    }), b = c(() => !!s.items.some(({ items: v }) => !!v)), S = (v) => (x) => {
-      e(v, [x]);
-    }, i = (v) => {
+      var b;
+      return !!((b = l.selectedValue) != null && b.length) && l.selectedValue.at(0);
+    }), v = c(() => !!l.items.some(({ items: b }) => !!b)), S = (b) => (x) => {
+      e(b, [x]);
+    }, i = (b) => {
       var x;
-      (x = o.value.querySelectorAll('[role="option"]')[v]) == null || x.focus();
+      (x = o.value.querySelectorAll('[role="option"]')[b]) == null || x.focus();
     }, {
       moveToNextElement: r,
       moveToPreviousElement: y,
@@ -379,8 +379,8 @@ const Xe = He.exports, de = ({ items: s, hasStaticCategories: e }, t) => {
       setListboxFocusedIndex: u
     } = de(
       {
-        items: F(s, "items"),
-        hasStaticCategories: F(s, "staticCategories")
+        items: F(l, "items"),
+        hasStaticCategories: F(l, "staticCategories")
       },
       i
     ), I = {
@@ -412,9 +412,9 @@ const Xe = He.exports, de = ({ items: s, hasStaticCategories: e }, t) => {
       listboxRef: o,
       listboxItemRef: n,
       selectedItem: d,
-      slots: l,
+      slots: s,
       // Computed
-      hasCategories: b,
+      hasCategories: v,
       // Methods
       onOptionSelected: S,
       // Keyboard navigation
@@ -425,16 +425,16 @@ const Xe = He.exports, de = ({ items: s, hasStaticCategories: e }, t) => {
 });
 var Je = function() {
   var e = this, t = e._self._c;
-  return e._self._setupProxy, t("div", e._g({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], ref: "listboxRef" }, e.listboxListeners), [e.hasCategories && e.staticCategories ? e._l(e.items, function(l) {
-    return t("bento-listbox-single-select-category", { key: l.value, attrs: { "category-label": l.label, role: "group" } }, e._l(l.items, function(o) {
+  return e._self._setupProxy, t("div", e._g({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], ref: "listboxRef" }, e.listboxListeners), [e.hasCategories && e.staticCategories ? e._l(e.items, function(s) {
+    return t("bento-listbox-single-select-category", { key: s.value, attrs: { "category-label": s.label, role: "group" } }, e._l(s.items, function(o) {
       return t("bento-listbox-single-select-option", e._g({ key: o.value, ref: "listboxItemRef", refInFor: !0, attrs: { role: "option", option: o, disabled: e.isOptionDisabled ? e.isOptionDisabled(o) : null, selected: o.value === e.selectedItem.value }, scopedSlots: e._u([e._l(e.slots, function(n, d) {
-        return { key: d, fn: function(b) {
-          return [e._t(d, null, null, b)];
+        return { key: d, fn: function(v) {
+          return [e._t(d, null, null, v)];
         } };
       })], null, !0) }, e.listboxOptionListeners));
     }), 1);
-  }) : e._l(e.items, function(l) {
-    return t("bento-listbox-single-select-option", e._g({ key: l.value, ref: "listboxItemRef", refInFor: !0, attrs: { role: "option", option: l, disabled: e.isOptionDisabled ? e.isOptionDisabled(l) : null, selected: l.value === e.selectedItem.value }, scopedSlots: e._u([e._l(e.slots, function(o, n) {
+  }) : e._l(e.items, function(s) {
+    return t("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(d) {
         return [e._t(n, null, null, d)];
       } };
@@ -449,7 +449,7 @@ var Je = function() {
   null
 );
 const et = Qe.exports;
-var X = /* @__PURE__ */ ((s) => (s.DISABLED = "disabled", s.STATIC_CATEGORY = "static-category", s))(X || {}), W = /* @__PURE__ */ ((s) => (s.SELECT_CATEGORY = "select-category", s.UNSELECT_CATEGORY = "unselect-category", s))(W || {});
+var X = /* @__PURE__ */ ((l) => (l.DISABLED = "disabled", l.STATIC_CATEGORY = "static-category", l))(X || {}), W = /* @__PURE__ */ ((l) => (l.SELECT_CATEGORY = "select-category", l.UNSELECT_CATEGORY = "unselect-category", l))(W || {});
 const tt = {
   "en-US": {
     categoryClosed: "{category} closed",
@@ -509,20 +509,20 @@ const tt = {
     tabindex: { type: Number, default: -1 }
   },
   emits: [W.SELECT_CATEGORY, W.UNSELECT_CATEGORY],
-  setup(s, { emit: e }) {
-    const t = A(!1), { t: l } = J(), o = (C) => s.isOptionDisabled ? s.isOptionDisabled(C) : !1, n = c(
-      () => s.category.items.every((C) => o(C))
-    ), d = F(s, "staticCategories"), b = c(() => t.value || s.staticCategories), S = c(() => ({
+  setup(l, { emit: e }) {
+    const t = A(!1), { t: s } = J(), o = (C) => l.isOptionDisabled ? l.isOptionDisabled(C) : !1, n = c(
+      () => l.category.items.every((C) => o(C))
+    ), d = F(l, "staticCategories"), v = c(() => t.value || l.staticCategories), S = c(() => ({
       [`b-listbox-multi-select-category--${X.DISABLED}`]: n.value,
-      [`b-listbox-multi-select-category--${X.STATIC_CATEGORY}`]: s.staticCategories
+      [`b-listbox-multi-select-category--${X.STATIC_CATEGORY}`]: l.staticCategories
     })), i = (C) => {
       C.preventDefault(), t.value = !t.value;
     }, r = (C) => {
       var G;
-      const N = o(C), R = ((G = s.selectedItemsList) == null ? void 0 : G.includes(C.value)) || !1;
+      const N = o(C), R = ((G = l.selectedItemsList) == null ? void 0 : G.includes(C.value)) || !1;
       return { isDisabled: N, isPreSelected: R };
     }, y = c(
-      () => s.category.items.filter((C) => {
+      () => l.category.items.filter((C) => {
         const { isDisabled: N, isPreSelected: R } = r(C);
         return N && R || !N;
       })
@@ -532,43 +532,43 @@ const tt = {
         return (C = y.value) == null ? void 0 : C.filter(
           ({ value: N }) => {
             var R;
-            return (R = s.selectedItemsList) == null ? void 0 : R.includes(N);
+            return (R = l.selectedItemsList) == null ? void 0 : R.includes(N);
           }
         );
       }
     ), p = c(() => {
       const C = t.value ? "categoryOpened" : "categoryClosed";
-      return l(C, { category: s.category.label });
+      return s(C, { category: l.category.label });
     }), u = c(
       () => ({
         el: "span",
-        variant: s.staticCategories ? "caption" : "body"
+        variant: l.staticCategories ? "caption" : "body"
       })
     ), I = () => {
       e(W.SELECT_CATEGORY);
     }, B = () => {
       e(W.UNSELECT_CATEGORY);
-    }, { isAllSelected: v, isIndeterminate: x, toggleSelectAll: L } = ue(
+    }, { isAllSelected: b, isIndeterminate: x, toggleSelectAll: L } = ue(
       O,
       y,
       I,
       B
-    ), T = A(v.value), E = () => {
+    ), T = A(b.value), E = () => {
       T.value = !T.value, L(T.value);
     };
-    return K(v, () => {
-      T.value = v.value;
+    return K(b, () => {
+      T.value = b.value;
     }), {
       // Values
       chevronTitle: p,
       conditionalClass: S,
       hasAllPropsDisabled: n,
       isOpen: t,
-      isAllSelected: v,
+      isAllSelected: b,
       isIndeterminate: x,
       isStaticCategory: d,
       // Computed
-      showItemChildren: b,
+      showItemChildren: v,
       categoryLabelProps: u,
       // Methods
       handleSelectAll: E,
@@ -579,10 +579,10 @@ const tt = {
 });
 var lt = function() {
   var e = this, t = e._self._c;
-  return e._self._setupProxy, t("div", [t("bento-listbox-option", { staticClass: "b-listbox-multi-select-category__option", class: e.conditionalClass, attrs: { tabindex: e.tabindex }, on: { click: e.handleSelectAll, "enter-pressed": e.handleSelectAll, "space-pressed": function(l) {
-    return l.preventDefault(), e.handleSelectAll.apply(null, arguments);
-  } } }, [e.isStaticCategory ? e._e() : t("bento-checkbox", { attrs: { "model-value": e.isAllSelected, indeterminate: e.isIndeterminate, disabled: e.hasAllPropsDisabled, "aria-label": e.category.label, value: e.category.value, tabindex: -1 } }), t("span", { staticClass: "b-listbox-multi-select-category__label" }, [t("bento-typography", e._b({ staticClass: "b-listbox-multi-select-category__label-text" }, "bento-typography", e.categoryLabelProps, !1), [e._v(" " + e._s(e.category.label) + " ")]), e.isStaticCategory ? e._e() : t("div", { staticClass: "b-listbox-multi-select-category__label-chevron", attrs: { "data-testid": "toggle-listbox" }, on: { "!click": function(l) {
-    return l.stopPropagation(), e.toggleOpen.apply(null, arguments);
+  return e._self._setupProxy, t("div", [t("bento-listbox-option", { staticClass: "b-listbox-multi-select-category__option", class: e.conditionalClass, attrs: { tabindex: e.tabindex }, on: { click: e.handleSelectAll, "enter-pressed": e.handleSelectAll, "space-pressed": function(s) {
+    return s.preventDefault(), e.handleSelectAll.apply(null, arguments);
+  } } }, [e.isStaticCategory ? e._e() : t("bento-checkbox", { attrs: { "model-value": e.isAllSelected, indeterminate: e.isIndeterminate, disabled: e.hasAllPropsDisabled, "aria-label": e.category.label, value: e.category.value, tabindex: -1 } }), t("span", { staticClass: "b-listbox-multi-select-category__label" }, [t("bento-typography", e._b({ staticClass: "b-listbox-multi-select-category__label-text" }, "bento-typography", e.categoryLabelProps, !1), [e._v(" " + e._s(e.category.label) + " ")]), e.isStaticCategory ? e._e() : t("div", { staticClass: "b-listbox-multi-select-category__label-chevron", attrs: { "data-testid": "toggle-listbox" }, on: { "!click": function(s) {
+    return s.stopPropagation(), e.toggleOpen.apply(null, arguments);
   } } }, [e.isOpen ? t("chevron-up-icon", { attrs: { "svg-title": e.chevronTitle } }) : t("chevron-down-icon", { attrs: { "svg-title": e.chevronTitle } })], 1)], 1)], 1), t("div", { directives: [{ name: "show", rawName: "v-show", value: e.showItemChildren, expression: "showItemChildren" }] }, [e._t("default")], 2)], 1);
 }, nt = [], ot = /* @__PURE__ */ M(
   st,
@@ -593,7 +593,7 @@ var lt = function() {
   "5e190a4d"
 );
 const at = ot.exports;
-var w = /* @__PURE__ */ ((s) => (s.SELECT_CATEGORY = "select-category", s.TOGGLE_CHECKBOX_SELECTION = "toggle-checkbox-selection", s.UNSELECT_CATEGORY = "unselect-category", s))(w || {});
+var w = /* @__PURE__ */ ((l) => (l.SELECT_CATEGORY = "select-category", l.TOGGLE_CHECKBOX_SELECTION = "toggle-checkbox-selection", l.UNSELECT_CATEGORY = "unselect-category", l))(w || {});
 const it = P({
   name: "listbox-multi-select-options",
   components: {
@@ -666,14 +666,14 @@ const it = P({
     w.SELECT_CATEGORY,
     w.UNSELECT_CATEGORY
   ],
-  setup(s, { emit: e }) {
+  setup(l, { emit: e }) {
     const t = (i) => {
-      s.isOptionDisabled(i) || e(w.TOGGLE_CHECKBOX_SELECTION, i);
-    }, l = (i) => !!i.items, o = (i) => {
-      const r = s.isMultiLevel && s.searching;
-      return i.description && (!s.isMultiLevel || r);
-    }, n = (i) => i.items ? !!i.items.find((r) => s.selectedItemsList.includes(r.value)) : s.selectedItemsList.includes(i.value), d = (i) => {
-      if (l(i)) {
+      l.isOptionDisabled(i) || e(w.TOGGLE_CHECKBOX_SELECTION, i);
+    }, s = (i) => !!i.items, o = (i) => {
+      const r = l.isMultiLevel && l.searching;
+      return i.description && (!l.isMultiLevel || r);
+    }, n = (i) => i.items ? !!i.items.find((r) => l.selectedItemsList.includes(r.value)) : l.selectedItemsList.includes(i.value), d = (i) => {
+      if (s(i)) {
         const r = n(i) ? w.UNSELECT_CATEGORY : w.SELECT_CATEGORY;
         e(r, i);
       } else
@@ -682,15 +682,15 @@ const it = P({
     return {
       // Values
       conditionalClasses: c(() => ({
-        "b-listbox-multi-select-options__static-category-option": s.staticCategories,
-        "b-listbox-multi-select-options__category-option": s.categoryItems
+        "b-listbox-multi-select-options__static-category-option": l.staticCategories,
+        "b-listbox-multi-select-options__category-option": l.categoryItems
       })),
       // Methods
       isOptionSelected: n,
       shouldShowDescription: o,
       toggleCheckboxSelection: t,
       toggleSearchOption: d,
-      computedTabindex: (i) => i + 1 === s.focusedIndex ? 0 : -1,
+      computedTabindex: (i) => i + 1 === l.focusedIndex ? 0 : -1,
       // Enums
       BentoListboxEvent: a,
       ListboxMultiSelectOptionsEvent: w
@@ -699,28 +699,28 @@ const it = P({
 });
 var ct = function() {
   var e = this, t = e._self._c;
-  return e._self._setupProxy, t("div", e._l(e.items, function(l, o) {
-    return t("div", { key: `selected-${l.value}` }, [e.searching && e.isMultiLevel ? [t("bento-listbox-option", { staticClass: "b-listbox-multi-select-options", class: e.conditionalClasses, attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(l) : null, tabindex: e.computedTabindex(o) }, on: { click: function(n) {
-      return e.toggleSearchOption(l);
+  return e._self._setupProxy, t("div", e._l(e.items, function(s, o) {
+    return t("div", { key: `selected-${s.value}` }, [e.searching && e.isMultiLevel ? [t("bento-listbox-option", { staticClass: "b-listbox-multi-select-options", class: e.conditionalClasses, attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(s) : null, tabindex: e.computedTabindex(o) }, on: { click: function(n) {
+      return e.toggleSearchOption(s);
     }, "enter-pressed": function(n) {
-      return e.toggleSearchOption(l);
+      return e.toggleSearchOption(s);
     }, "space-pressed": function(n) {
-      return n.preventDefault(), e.toggleSearchOption(l);
-    } } }, [t("bento-checkbox", { attrs: { "model-value": e.isOptionSelected(l), "aria-label": l.label, disabled: e.isOptionDisabled ? e.isOptionDisabled(l) : null, value: l.value, tabindex: "-1" } }), e._t("default", function() {
-      return [t("span", { staticClass: "b-listbox-multi-select__option-text" }, [t("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(l.label))]), e.shouldShowDescription(l) ? t("bento-typography", { staticClass: "b-listbox-multi-select__option-description", attrs: { el: "span" } }, [e._v(" " + e._s(l.description) + " ")]) : e._e()], 1)];
-    }, null, l)], 2)] : [l.items ? [t("listbox-multi-select-category", { attrs: { category: l, "static-categories": e.staticCategories, "is-option-disabled": e.isOptionDisabled, "selected-items-list": e.selectedItemsList, tabindex: e.computedTabindex(o) }, on: { "select-category": function(n) {
-      return e.$emit(e.ListboxMultiSelectOptionsEvent.SELECT_CATEGORY, l);
+      return n.preventDefault(), e.toggleSearchOption(s);
+    } } }, [t("bento-checkbox", { attrs: { "model-value": e.isOptionSelected(s), "aria-label": s.label, disabled: e.isOptionDisabled ? e.isOptionDisabled(s) : null, value: s.value, tabindex: "-1" } }), e._t("default", function() {
+      return [t("span", { staticClass: "b-listbox-multi-select__option-text" }, [t("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(s.label))]), e.shouldShowDescription(s) ? t("bento-typography", { staticClass: "b-listbox-multi-select__option-description", attrs: { el: "span" } }, [e._v(" " + e._s(s.description) + " ")]) : e._e()], 1)];
+    }, null, s)], 2)] : [s.items ? [t("listbox-multi-select-category", { attrs: { category: s, "static-categories": e.staticCategories, "is-option-disabled": e.isOptionDisabled, "selected-items-list": e.selectedItemsList, tabindex: e.computedTabindex(o) }, on: { "select-category": function(n) {
+      return e.$emit(e.ListboxMultiSelectOptionsEvent.SELECT_CATEGORY, s);
     }, "unselect-category": function(n) {
-      return e.$emit(e.ListboxMultiSelectOptionsEvent.UNSELECT_CATEGORY, l);
-    } } }, [t("listbox-multi-select-options", { attrs: { "category-items": "", items: l.items, "is-option-disabled": e.isOptionDisabled, "focused-index": e.focusedIndex, "is-multi-level": e.isMultiLevel, "static-categories": e.staticCategories, "selected-items-list": e.selectedItemsList, searching: e.searching }, on: { "toggle-checkbox-selection": (n) => e.toggleCheckboxSelection(n) } })], 1)] : t("bento-listbox-option", { staticClass: "b-listbox-multi-select-options", class: e.conditionalClasses, attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(l) : null, tabindex: e.computedTabindex(o) }, on: { click: function(n) {
-      return e.toggleCheckboxSelection(l);
+      return e.$emit(e.ListboxMultiSelectOptionsEvent.UNSELECT_CATEGORY, s);
+    } } }, [t("listbox-multi-select-options", { attrs: { "category-items": "", items: s.items, "is-option-disabled": e.isOptionDisabled, "focused-index": e.focusedIndex, "is-multi-level": e.isMultiLevel, "static-categories": e.staticCategories, "selected-items-list": e.selectedItemsList, searching: e.searching }, on: { "toggle-checkbox-selection": (n) => e.toggleCheckboxSelection(n) } })], 1)] : t("bento-listbox-option", { staticClass: "b-listbox-multi-select-options", class: e.conditionalClasses, attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(s) : null, tabindex: e.computedTabindex(o) }, on: { click: function(n) {
+      return e.toggleCheckboxSelection(s);
     }, "enter-pressed": function(n) {
-      return e.toggleCheckboxSelection(l);
+      return e.toggleCheckboxSelection(s);
     }, "space-pressed": function(n) {
-      return n.preventDefault(), e.toggleCheckboxSelection(l);
-    } } }, [t("bento-checkbox", { attrs: { "model-value": e.selectedItemsList, "aria-label": l.label, disabled: e.isOptionDisabled ? e.isOptionDisabled(l) : null, value: l.value, tabindex: -1 } }), e._t("default", function() {
-      return [t("span", { staticClass: "b-listbox-multi-select__option-text" }, [t("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(l.label))]), e.shouldShowDescription(l) ? t("bento-typography", { staticClass: "b-listbox-multi-select__option-description", attrs: { el: "span" } }, [e._v(" " + e._s(l.description) + " ")]) : e._e()], 1)];
-    }, null, l)], 2)]], 2);
+      return n.preventDefault(), e.toggleCheckboxSelection(s);
+    } } }, [t("bento-checkbox", { attrs: { "model-value": e.selectedItemsList, "aria-label": s.label, disabled: e.isOptionDisabled ? e.isOptionDisabled(s) : null, value: s.value, tabindex: -1 } }), e._t("default", function() {
+      return [t("span", { staticClass: "b-listbox-multi-select__option-text" }, [t("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(s.label))]), e.shouldShowDescription(s) ? t("bento-typography", { staticClass: "b-listbox-multi-select__option-description", attrs: { el: "span" } }, [e._v(" " + e._s(s.description) + " ")]) : e._e()], 1)];
+    }, null, s)], 2)]], 2);
   }), 0);
 }, rt = [], ut = /* @__PURE__ */ M(
   it,
@@ -730,27 +730,27 @@ var ct = function() {
   null,
   "e99d836e"
 );
-const dt = ut.exports, ft = (s) => {
+const dt = ut.exports, ft = (l) => {
   const e = c(() => {
-    var l;
-    return !!((l = s.value) != null && l.find(({ items: o }) => !!o));
+    var s;
+    return !!((s = l.value) != null && s.find(({ items: o }) => !!o));
   }), t = c(() => {
-    var l;
-    return e.value ? (l = s.value) == null ? void 0 : l.reduce((o, n) => (n.items ? o.push(...n.items.flat()) : o.push(n), o), []) : s.value;
+    var s;
+    return e.value ? (s = l.value) == null ? void 0 : s.reduce((o, n) => (n.items ? o.push(...n.items.flat()) : o.push(n), o), []) : l.value;
   });
   return {
     isMultiLevelSelect: e,
     flattenedItemsList: t
   };
-}, vt = {
+}, bt = {
   "en-US": {
     allSelected: "All selected ({total})",
     numberOfTotalSelected: "{number} of {total} selected",
     numbersSelected: "{number} selected",
     selectAll: "Select all ({total})"
   }
-}, bt = { i18n: { messages: vt } }, mt = /* @__PURE__ */ P({
-  ...bt,
+}, vt = { i18n: { messages: bt } }, mt = /* @__PURE__ */ P({
+  ...vt,
   __name: "listbox-multi-select",
   props: {
     hasMoreItems: { type: Boolean, default: !1 },
@@ -762,8 +762,8 @@ const dt = ut.exports, ft = (s) => {
     staticCategories: { type: Boolean, default: !1 }
   },
   emits: ["select"],
-  setup(s, { emit: e }) {
-    const t = s, { t: l } = J(), o = Se(), n = A(null), d = A(null), b = A(null), S = A(null), i = c(() => t.selectedValues.map(({ value: f }) => f)), { isMultiLevelSelect: r, flattenedItemsList: y } = ft(F(t, "items")), O = (f) => {
+  setup(l, { emit: e }) {
+    const t = l, { t: s } = J(), o = Se(), n = A(null), d = A(null), v = A(null), S = A(null), i = c(() => t.selectedValues.map(({ value: f }) => f)), { isMultiLevelSelect: r, flattenedItemsList: y } = ft(F(t, "items")), O = (f) => {
       var h;
       const _ = t.isOptionDisabled(f), m = ((h = i.value) == null ? void 0 : h.includes(f.value)) || !1;
       return { isDisabled: _, isPreSelected: m };
@@ -790,8 +790,8 @@ const dt = ut.exports, ft = (s) => {
     ), I = () => r.value && !t.searching ? y.value.length : t.items.length, B = c(() => {
       var h;
       const f = p.value.length, _ = I(), m = ((h = u.value) == null ? void 0 : h.length) || 0;
-      return m === 0 ? l("selectAll", { total: f }) : m === _ ? l("allSelected", { total: _ }) : m <= _ ? l("numberOfTotalSelected", { number: m, total: _ }) : l("numbersSelected", { number: m });
-    }), v = (f) => {
+      return m === 0 ? s("selectAll", { total: f }) : m === _ ? s("allSelected", { total: _ }) : m <= _ ? s("numberOfTotalSelected", { number: m, total: _ }) : s("numbersSelected", { number: m });
+    }), b = (f) => {
       const _ = (h) => {
         const { isDisabled: g, isPreSelected: $ } = O(h);
         return g && $ || !g;
@@ -804,7 +804,7 @@ const dt = ut.exports, ft = (s) => {
       }, m = f.filter(_).map(({ value: g }) => g), h = t.selectedValues.filter((g) => !(m != null && m.includes(g.value)));
       e("select", h);
     }, L = () => {
-      v(y.value);
+      b(y.value);
     }, T = () => {
       x(y.value);
     }, { isAllSelected: E, isIndeterminate: C, toggleSelectAll: N } = ue(
@@ -819,7 +819,7 @@ const dt = ut.exports, ft = (s) => {
       R.value = E.value;
     });
     const j = (f) => {
-      v(f.items);
+      b(f.items);
     }, k = (f) => {
       x(f.items);
     }, Y = (f, _) => {
@@ -833,11 +833,11 @@ const dt = ut.exports, ft = (s) => {
       return t.items.flatMap(
         (g) => g.items && !_(g.items) ? g.items : g
       ).filter((g) => g.items ? !0 : f(g));
-    }), ve = c(() => {
+    }), be = c(() => {
       var m, h, g, $;
       const f = ["automatic", "button"].includes(t.lazyLoadType), _ = ((m = t.selectedValues) == null ? void 0 : m.length) > 0 && ((h = u.value) == null ? void 0 : h.length) !== ((g = y.value) == null ? void 0 : g.length);
       return f && t.hasMoreItems ? !!(($ = t.selectedValues) != null && $.length) : _;
-    }), be = c(() => ["automatic", "button"].includes(t.lazyLoadType) ? !t.hasMoreItems : !0), ee = c(() => ({ label: B, value: E })), te = c(() => [ee, ...F(t, "items").value]), se = (f) => {
+    }), ve = c(() => ["automatic", "button"].includes(t.lazyLoadType) ? !t.hasMoreItems : !0), ee = c(() => ({ label: B, value: E })), te = c(() => [ee, ...F(t, "items").value]), se = (f) => {
       var m;
       (m = Array.from(
         n.value.querySelectorAll('[role="option"]')
@@ -864,26 +864,26 @@ const dt = ut.exports, ft = (s) => {
       [D.ARROW_UP]: H,
       [D.ARROW_DOWN]: H
     };
-    return { __sfc: !0, props: t, emit: e, t: l, slots: o, listboxRef: n, selectAllListboxItemsRef: d, selectedListboxItemsRef: b, listboxItemsRef: S, selectedItemsList: i, isMultiLevelSelect: r, flattenedItemsList: y, optionStates: O, enabledItems: p, visibleSelectedList: u, calculateTotalItems: I, selectAllCheckboxText: B, selectAll: v, unselectAll: x, selectAllItems: L, unselectAllItems: T, isAllSelected: E, isIndeterminate: C, toggleSelectAll: N, isSelectAllOn: R, handleSelectAll: G, selectAllCategory: j, unselectAllCategory: k, toggleCheckboxSelection: Y, selectedOptions: fe, showSelectedItems: ve, showSelectAllCheckbox: be, computedselectAllItemRefs: ee, computedItems: te, focusItem: se, moveToNextElement: le, moveToPreviousElement: ne, moveToFirstElement: oe, moveToLastElement: ae, preventDefault: H, focusedIndex: me, listboxListeners: _e, chipsSectionListeners: ge, BentoCheckbox: Z, BentoTypography: z, BentoChip: Oe, BentoListboxOption: q, ListboxMultiSelectOptions: dt, vBentoKeyboardNavigationDirective: Q, BentoListboxEvent: a };
+    return { __sfc: !0, props: t, emit: e, t: s, slots: o, listboxRef: n, selectAllListboxItemsRef: d, selectedListboxItemsRef: v, listboxItemsRef: S, selectedItemsList: i, isMultiLevelSelect: r, flattenedItemsList: y, optionStates: O, enabledItems: p, visibleSelectedList: u, calculateTotalItems: I, selectAllCheckboxText: B, selectAll: b, unselectAll: x, selectAllItems: L, unselectAllItems: T, isAllSelected: E, isIndeterminate: C, toggleSelectAll: N, isSelectAllOn: R, handleSelectAll: G, selectAllCategory: j, unselectAllCategory: k, toggleCheckboxSelection: Y, selectedOptions: fe, showSelectedItems: be, showSelectAllCheckbox: ve, computedselectAllItemRefs: ee, computedItems: te, focusItem: se, moveToNextElement: le, moveToPreviousElement: ne, moveToFirstElement: oe, moveToLastElement: ae, preventDefault: H, focusedIndex: me, listboxListeners: _e, chipsSectionListeners: ge, BentoCheckbox: Z, BentoTypography: z, BentoChip: Oe, BentoListboxOption: q, ListboxMultiSelectOptions: dt, vBentoKeyboardNavigationDirective: Q, BentoListboxEvent: a };
   }
 });
 var _t = function() {
-  var e = this, t = e._self._c, l = e._self._setupProxy;
-  return t("div", { ref: "listboxRef", staticClass: "b-listbox-multi-select" }, [l.showSelectedItems ? t("div", [t("ul", e._g({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], staticClass: "b-listbox-multi-select__chips" }, l.chipsSectionListeners), e._l(l.selectedOptions, function(o) {
-    return t("li", { key: o.value }, [t(l.BentoChip, { ref: "selectedListboxItemsRef", refInFor: !0, attrs: { disabled: e.isOptionDisabled(o), label: o.label, condensed: "" }, on: { click: function(n) {
-      o.items ? l.unselectAllCategory(o) : l.toggleCheckboxSelection("select", o);
+  var e = this, t = e._self._c, s = e._self._setupProxy;
+  return t("div", { ref: "listboxRef", staticClass: "b-listbox-multi-select" }, [s.showSelectedItems ? t("div", [t("ul", e._g({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], staticClass: "b-listbox-multi-select__chips" }, s.chipsSectionListeners), e._l(s.selectedOptions, function(o) {
+    return t("li", { key: o.value }, [t(s.BentoChip, { ref: "selectedListboxItemsRef", refInFor: !0, attrs: { disabled: e.isOptionDisabled(o), label: o.label, condensed: "" }, on: { click: function(n) {
+      o.items ? s.unselectAllCategory(o) : s.toggleCheckboxSelection("select", o);
     } } })], 1);
-  }), 0), t("hr", { staticClass: "b-listbox-multi-select__divider" })]) : e._e(), t("div", e._g({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }] }, l.listboxListeners), [l.showSelectAllCheckbox ? t(l.BentoListboxOption, { ref: "selectAllListboxItemsRef", staticClass: "b-listbox-multi-select__option", attrs: { tabindex: l.focusedIndex === 0 ? 0 : -1 }, on: { click: l.handleSelectAll, "enter-pressed": l.handleSelectAll, "space-pressed": function(o) {
-    return o.preventDefault(), l.handleSelectAll.apply(null, arguments);
-  } } }, [t(l.BentoCheckbox, { attrs: { "aria-label": l.selectAllCheckboxText, "model-value": l.isAllSelected, indeterminate: l.isIndeterminate, tabindex: -1 } }), t(l.BentoTypography, { attrs: { el: "span", "aria-hidden": "true" } }, [e._v(" " + e._s(l.selectAllCheckboxText) + " ")])], 1) : e._e(), l.showSelectAllCheckbox ? t("hr", { staticClass: "b-listbox-multi-select__divider" }) : e._e(), t(l.ListboxMultiSelectOptions, { ref: "listboxItemsRef", attrs: { items: e.items, "is-option-disabled": e.isOptionDisabled, "is-multi-level": l.isMultiLevelSelect, "static-categories": e.staticCategories, searching: e.searching, "selected-items-list": l.selectedItemsList, "focused-index": l.focusedIndex }, on: { "toggle-checkbox-selection": function(o) {
-    return l.toggleCheckboxSelection("select", o);
-  }, "select-category": l.selectAllCategory, "unselect-category": l.unselectAllCategory, "space-pressed": function(o) {
-    return l.toggleCheckboxSelection(l.BentoListboxEvent.SPACE, o);
+  }), 0), t("hr", { staticClass: "b-listbox-multi-select__divider" })]) : e._e(), t("div", e._g({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }] }, s.listboxListeners), [s.showSelectAllCheckbox ? t(s.BentoListboxOption, { ref: "selectAllListboxItemsRef", staticClass: "b-listbox-multi-select__option", attrs: { tabindex: s.focusedIndex === 0 ? 0 : -1 }, on: { click: s.handleSelectAll, "enter-pressed": s.handleSelectAll, "space-pressed": function(o) {
+    return o.preventDefault(), s.handleSelectAll.apply(null, arguments);
+  } } }, [t(s.BentoCheckbox, { attrs: { "aria-label": s.selectAllCheckboxText, "model-value": s.isAllSelected, indeterminate: s.isIndeterminate, tabindex: -1 } }), t(s.BentoTypography, { attrs: { el: "span", "aria-hidden": "true" } }, [e._v(" " + e._s(s.selectAllCheckboxText) + " ")])], 1) : e._e(), s.showSelectAllCheckbox ? t("hr", { staticClass: "b-listbox-multi-select__divider" }) : e._e(), t(s.ListboxMultiSelectOptions, { ref: "listboxItemsRef", attrs: { items: e.items, "is-option-disabled": e.isOptionDisabled, "is-multi-level": s.isMultiLevelSelect, "static-categories": e.staticCategories, searching: e.searching, "selected-items-list": s.selectedItemsList, "focused-index": s.focusedIndex }, on: { "toggle-checkbox-selection": function(o) {
+    return s.toggleCheckboxSelection("select", o);
+  }, "select-category": s.selectAllCategory, "unselect-category": s.unselectAllCategory, "space-pressed": function(o) {
+    return s.toggleCheckboxSelection(s.BentoListboxEvent.SPACE, o);
   }, "tab-pressed": function(o) {
-    return l.toggleCheckboxSelection(l.BentoListboxEvent.TAB, o);
+    return s.toggleCheckboxSelection(s.BentoListboxEvent.TAB, o);
   }, "enter-pressed": function(o) {
-    return l.toggleCheckboxSelection(l.BentoListboxEvent.ENTER, o);
-  } }, scopedSlots: e._u([e._l(l.slots, function(o, n) {
+    return s.toggleCheckboxSelection(s.BentoListboxEvent.ENTER, o);
+  } }, scopedSlots: e._u([e._l(s.slots, function(o, n) {
     return { key: n, fn: function(d) {
       return [e._t(n, null, null, d)];
     } };
@@ -977,7 +977,7 @@ const re = pt.exports, yt = {
     lazyLoadType: {
       type: String,
       default: U.NONE,
-      validator: (s) => Object.values(U).includes(s)
+      validator: (l) => Object.values(U).includes(l)
     },
     /**
      * Indicates the listbox is loading filtered items.
@@ -1028,10 +1028,10 @@ const re = pt.exports, yt = {
     a.ESCAPE,
     a.TAB
   ],
-  setup(s, { emit: e, slots: t }) {
-    const l = A([]), o = F(s, "items"), { t: n } = J(), d = c(() => s.lazyLoadType !== U.AUTOMATIC), b = c(() => s.lazyLoadType === U.AUTOMATIC), S = () => {
+  setup(l, { emit: e, slots: t }) {
+    const s = A([]), o = F(l, "items"), { t: n } = J(), d = c(() => l.lazyLoadType !== U.AUTOMATIC), v = c(() => l.lazyLoadType === U.AUTOMATIC), S = () => {
       var k;
-      return typeof (s == null ? void 0 : s.virtualScroll) == "object" && ((k = s == null ? void 0 : s.virtualScroll) != null && k.itemHeight) ? s.virtualScroll.itemHeight : ht;
+      return typeof (l == null ? void 0 : l.virtualScroll) == "object" && ((k = l == null ? void 0 : l.virtualScroll) != null && k.itemHeight) ? l.virtualScroll.itemHeight : ht;
     }, {
       containerRef: i,
       containerProps: r,
@@ -1041,14 +1041,14 @@ const re = pt.exports, yt = {
     } = Re(o, {
       itemHeight: S(),
       // Disable virtual scrolling if not enabled or if lazy loading is enabled or if multi-select
-      disabled: (s == null ? void 0 : s.multiple) || (s == null ? void 0 : s.virtualScroll) === !1 || (s == null ? void 0 : s.lazyLoadType) !== "none"
+      disabled: (l == null ? void 0 : l.multiple) || (l == null ? void 0 : l.virtualScroll) === !1 || (l == null ? void 0 : l.lazyLoadType) !== "none"
     }), u = c(
-      () => s.componentLoading !== void 0 || d.value ? "true" : void 0
+      () => l.componentLoading !== void 0 || d.value ? "true" : void 0
     ), I = c(
-      () => d.value && s.loading || s.componentLoading ? "true" : "false"
+      () => d.value && l.loading || l.componentLoading ? "true" : "false"
     ), B = c(
-      () => d.value || s.componentLoading !== void 0 ? "polite" : void 0
-    ), v = (k) => (Y) => {
+      () => d.value || l.componentLoading !== void 0 ? "polite" : void 0
+    ), b = (k) => (Y) => {
       e(k, Y);
     }, x = () => {
       e(a.SHOW_MORE);
@@ -1057,29 +1057,29 @@ const re = pt.exports, yt = {
       if (!k)
         return;
       const Y = Math.round(k.scrollTop) + k.clientHeight >= k.scrollHeight;
-      s.hasMoreItems && Y && !s.loading && x();
+      l.hasMoreItems && Y && !l.loading && x();
     }), T = () => {
-      b.value ? L() : y();
+      v.value ? L() : y();
     }, E = c(() => {
       var k;
-      return ((k = s.items) == null ? void 0 : k.length) === 0;
+      return ((k = l.items) == null ? void 0 : k.length) === 0;
     }), C = c(
-      () => s.lazyLoadType === U.BUTTON && s.hasMoreItems
+      () => l.lazyLoadType === U.BUTTON && l.hasMoreItems
     ), N = c(
-      () => s.loading ? ie.LOADING : ie.START
-    ), R = c(() => s.loading ? n("loading") : n("showMore")), G = c(() => ({
-      ...s.emptyState,
+      () => l.loading ? ie.LOADING : ie.START
+    ), R = c(() => l.loading ? n("loading") : n("showMore")), G = c(() => ({
+      ...l.emptyState,
       variant: "condensed"
     })), j = {
-      [a.SELECT]: v(a.SELECT),
-      [a.SPACE]: v(a.SPACE),
-      [a.TAB]: v(a.TAB),
-      [a.ENTER]: v(a.ENTER)
+      [a.SELECT]: b(a.SELECT),
+      [a.SPACE]: b(a.SPACE),
+      [a.TAB]: b(a.TAB),
+      [a.ENTER]: b(a.ENTER)
     };
     return {
       // Refs
       listboxRef: i,
-      listboxItemRef: l,
+      listboxItemRef: s,
       // a11y
       ariaAtomic: u,
       ariaBusy: I,
@@ -1099,16 +1099,16 @@ const re = pt.exports, yt = {
       BentoListboxEvent: a,
       // Methods
       onListboxContainerScroll: T,
-      onOptionSelected: v,
+      onOptionSelected: b,
       emitShowMore: x,
       listboxListeners: j
     };
   }
 });
 var xt = function() {
-  var l;
+  var s;
   var e = this, t = e._self._c;
-  return e._self._setupProxy, t("div", { directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], ref: "listboxRef", staticClass: "b-listbox", style: (l = e.containerProps) == null ? void 0 : l.style, attrs: { id: e.id, role: "listbox", tabindex: "-1", "aria-busy": e.ariaBusy, "aria-atomic": e.ariaAtomic, "aria-label": e.ariaLabel, "aria-live": e.ariaLive }, on: { scroll: e.onListboxContainerScroll } }, [t("div", e._b({}, "div", e.wrapperProps, !1), [e.componentLoading ? t("div", { staticClass: "b-listbox__loading-filtered-items" }, [t("bento-loading-indicator")], 1) : e.isSearchResultEmpty ? t("div", { staticClass: "b-listbox__empty-search-message" }, [e.emptyState ? t("bento-empty-state", e._b({}, "bento-empty-state", e.limitedEmptyStateProps, !1)) : t("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(e.noResultsMessage))])], 1) : [e.multiple ? [t("bento-listbox-multi-select", e._g({ ref: "listboxItemRef", attrs: { "has-more-items": e.hasMoreItems, items: e.items, "lazy-load-type": e.lazyLoadType, "static-categories": e.staticCategories, "selected-values": e.selectedValue, searching: e.searching, "is-option-disabled": e.isOptionDisabled }, scopedSlots: e._u([e._l(e.slots, function(o, n) {
+  return e._self._setupProxy, t("div", { directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], ref: "listboxRef", staticClass: "b-listbox", style: (s = e.containerProps) == null ? void 0 : s.style, attrs: { id: e.id, role: "listbox", tabindex: "-1", "aria-busy": e.ariaBusy, "aria-atomic": e.ariaAtomic, "aria-label": e.ariaLabel, "aria-live": e.ariaLive }, on: { scroll: e.onListboxContainerScroll } }, [t("div", e._b({}, "div", e.wrapperProps, !1), [e.componentLoading ? t("div", { staticClass: "b-listbox__loading-filtered-items" }, [t("bento-loading-indicator")], 1) : e.isSearchResultEmpty ? t("div", { staticClass: "b-listbox__empty-search-message" }, [e.emptyState ? t("bento-empty-state", e._b({}, "bento-empty-state", e.limitedEmptyStateProps, !1)) : t("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(e.noResultsMessage))])], 1) : [e.multiple ? [t("bento-listbox-multi-select", e._g({ ref: "listboxItemRef", attrs: { "has-more-items": e.hasMoreItems, items: e.items, "lazy-load-type": e.lazyLoadType, "static-categories": e.staticCategories, "selected-values": e.selectedValue, searching: e.searching, "is-option-disabled": e.isOptionDisabled }, scopedSlots: e._u([e._l(e.slots, function(o, n) {
     return { key: n, fn: function(d) {
       return [e._t(n, null, null, d)];
     } };
@@ -1127,29 +1127,29 @@ var xt = function() {
   null,
   "37a9ab16"
 );
-const Ut = Et.exports, V = (s, e) => {
-  for (const t of s) {
+const Ut = Et.exports, V = (l, e) => {
+  for (const t of l) {
     if (t.value === e)
       return t;
     if (t.items) {
-      const l = V(t.items, e);
-      if (l)
-        return l;
+      const s = V(t.items, e);
+      if (s)
+        return s;
     }
   }
   return null;
-}, Ot = (s) => typeof s == "object" && s !== null && "value" in s && "label" in s, zt = (s, e, t, l) => {
+}, Ot = (l) => typeof l == "object" && l !== null && "value" in l && "label" in l, zt = (l, e, t, s) => {
   const o = A([]), n = A(), d = (r) => {
     t.value ? n.value = r.map(({ value: y }) => y) : n.value = r.length > 0 ? r[0].value : null;
-  }, b = (r) => {
+  }, v = (r) => {
     t.value ? n.value = r.map(({ value: y, label: O }) => ({ value: y, label: O })) : n.value = r.length > 0 ? { value: r[0].value, label: r[0].label } : null;
   }, S = (r) => {
-    o.value = r, l != null && l.value ? b(r) : d(r);
+    o.value = r, s != null && s.value ? v(r) : d(r);
   }, i = () => {
     o.value = [], n.value = null;
   };
   return K(
-    [() => s.value, () => e.value],
+    () => e.value,
     () => {
       if (!e.value && e.value !== 0) {
         i();
@@ -1161,16 +1161,16 @@ const Ut = Et.exports, V = (s, e) => {
         if (Ot(p))
           o.value.push(p);
         else {
-          let u = V(s.value, p);
+          let u = V(l.value, p);
           u || (u = V(y, p)), u || (u = { value: p, label: p.toString() }), o.value.push(u);
         }
       };
       if (r) {
         const p = e.value;
-        O(p), l != null && l.value ? b(o.value) : d(o.value);
+        O(p), s != null && s.value ? v(o.value) : d(o.value);
         return;
       }
-      e.value.forEach(O), l != null && l.value ? b(o.value) : d(o.value);
+      e.value.forEach(O), s != null && s.value ? v(o.value) : d(o.value);
     },
     { immediate: !0 }
   ), {
@@ -1189,4 +1189,4 @@ export {
   zt as c,
   ft as u
 };
-//# sourceMappingURL=use-cached-selected-values.Da6xbfzO.js.map
+//# sourceMappingURL=use-cached-selected-values.DzIppuhI.js.map