@adyen/bento-vue2 1.26.0 → 1.28.0

package/dist/chunks/{use-cached-selected-values.69297473.js → use-cached-selected-values.CVLzxvTi.js}

@@ -1,21 +1,20 @@
-import { computed as i, ref as A, onMounted as ee, onUnmounted as ve, watch as te, defineComponent as D, toRef as V } from "vue";
-import { B as w } from "./index.dd30e538.js";
-import { BentoLoadingIndicator as fe } from "../loading-indicator.js";
-import { BentoEmptyState as ge } from "../empty-state.js";
-import { u as Y } from "./i18n.eb5b985b.js";
-import { d as ye } from "./debounce.b5ef6acf.js";
-import { n as N } from "./_plugin-vue2_normalizer.71e2aa87.js";
-import { C as pe } from "./checkmark.a6ed8f47.js";
-import { B as k, a as X } from "./keyboard-navigation.ca47dfa8.js";
-import { B as J } from "./checkbox.bfed007c.js";
-import "./index.4c062058.js";
-import { C as Se, a as xe } from "./chevron-up.81185563.js";
-import { B as Ce } from "./base-button.ad74b6f8.js";
-import { C as he } from "./cross-small.e851e0de.js";
-import { B as Ee, a as Q } from "./loading-button.eafc9e1b.js";
-import { o as Te } from "./resize.a041304d.js";
+import { computed as i, ref as A, onMounted as te, onUnmounted as _e, watch as se, defineComponent as $, toRef as V } from "vue";
+import { B as M } from "./typography.Bjtu3Gca.js";
+import { B as ge } from "./loading-indicator.DXc7I1Lm.js";
+import { B as ye } from "./empty-state.BqVOj4v1.js";
+import { u as Y } from "./i18n.BQkEbtPM.js";
+import { d as Se } from "./debounce.DUTu11PS.js";
+import { n as D } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
+import { B as k, a as X } from "./keyboard-navigation.Clz1jOaA.js";
+import { B as Z } from "./checkbox.Bi2RDBEZ.js";
+import "./index.Cl4_42j5.js";
+import { C as pe, a as Ce } from "./chevron-up.B2uWhZf7.js";
+import { B as he } from "./base-button.DER7_IsF.js";
+import { C as xe } from "./cross-small.BLUwtRB-.js";
+import { B as Ee, a as J } from "./loading-button.CoF1IhEU.js";
+import { o as Le } from "./resize.Bqks3WUm.js";
 import "../assets/use-cached-selected-values.css";
-const se = (t, e, s, l) => {
+const le = (t, e, s, l) => {
   const n = i(
     () => {
       var d, r;
@@ -33,56 +32,56 @@ const se = (t, e, s, l) => {
     }
   };
 };
-function Le(t, { disabled: e, itemHeight: s, overscan: l = 5, prefixHeight: n }) {
-  const o = A(null), _ = A([]), d = A(0), r = A(0), u = A(0);
-  let p;
-  const h = i(() => {
-    const S = typeof s == "number" ? t.value.length * s : t.value.reduce((L, m, x) => L + s(x), 0), O = typeof s == "number" ? d.value * s : t.value.slice(0, d.value).reduce((L, m, x) => L + s(x), 0);
+function Te(t, { disabled: e, itemHeight: s, overscan: l = 5, prefixHeight: n }) {
+  const o = A(null), b = A([]), d = A(0), r = A(0), u = A(0);
+  let S;
+  const x = i(() => {
+    const p = typeof s == "number" ? t.value.length * s : t.value.reduce((T, v, C) => T + s(C), 0), O = typeof s == "number" ? d.value * s : t.value.slice(0, d.value).reduce((T, v, C) => T + s(C), 0);
     return {
       style: {
         marginTop: `${O}px`,
-        height: `${S - O}px`
+        height: `${p - O}px`
       }
     };
   }), E = () => {
-    const S = (n == null ? void 0 : n.value) ?? 0, O = Math.max(o.value.scrollTop - S, 0);
+    const p = (n == null ? void 0 : n.value) ?? 0, O = Math.max(o.value.scrollTop - p, 0);
     if (typeof s == "number")
       return Math.floor(O / s);
-    let L = 0, m = 0;
-    for (let x = 0; x < t.value.length; x += 1) {
-      const R = s(x);
-      if (L += R, L >= O) {
-        m = x;
+    let T = 0, v = 0;
+    for (let C = 0; C < t.value.length; C += 1) {
+      const R = s(C);
+      if (T += R, T >= O) {
+        v = C;
         break;
       }
     }
-    return m;
-  }, v = () => {
+    return v;
+  }, f = () => {
     if (u.value = o.value.clientHeight, typeof s == "number")
       return Math.ceil(u.value / s);
-    const S = d.value ?? 0;
-    let O = 0, L = 0;
-    for (let m = S; m < t.value.length; m += 1) {
-      const x = s(m);
-      if (O += x, L = m, O > u.value)
+    const p = d.value ?? 0;
+    let O = 0, T = 0;
+    for (let v = p; v < t.value.length; v += 1) {
+      const C = s(v);
+      if (O += C, T = v, O > u.value)
         break;
     }
-    return L - S;
+    return T - p;
   }, y = () => {
     if (o.value) {
-      const S = v();
-      d.value = E(), r.value = Math.min(d.value + S + l, t.value.length), _.value = t.value.slice(d.value, r.value);
+      const p = f();
+      d.value = E(), r.value = Math.min(d.value + p + l, t.value.length), b.value = t.value.slice(d.value, r.value);
     }
-  }, T = () => {
+  }, L = () => {
     y();
   };
-  e || (ee(() => {
-    o.value && (u.value = o.value.clientHeight, p = Te(o.value, ({ clientHeight: S }) => {
-      u.value = S, y();
+  e || (te(() => {
+    o.value && (u.value = o.value.clientHeight, S = Le(o.value, ({ clientHeight: p }) => {
+      u.value = p, y();
     }), y());
-  }), ve(() => {
-    p == null || p.disconnect();
-  }), te(
+  }), _e(() => {
+    S == null || S.disconnect();
+  }), se(
     () => t.value,
     () => {
       y();
@@ -102,16 +101,16 @@ function Le(t, { disabled: e, itemHeight: s, overscan: l = 5, prefixHeight: n })
   } : {
     containerRef: o,
     containerProps: B,
-    onScroll: T,
-    list: _,
-    wrapperProps: h
+    onScroll: L,
+    list: b,
+    wrapperProps: x
   };
 }
-var a = /* @__PURE__ */ ((t) => (t.SELECT = "select", t.SHOW_MORE = "show-more", t.ESCAPE = "escape-pressed", t.CLICK = "click", t.ENTER = "enter-pressed", t.SPACE = "space-pressed", t.TAB = "tab-pressed", t.CLOSE_DROPDOWN = "close-dropdown", t))(a || {}), M = /* @__PURE__ */ ((t) => (t.AUTOMATIC = "automatic", t.BUTTON = "button", t.NONE = "none", t))(M || {});
-const Oe = D({
+var a = /* @__PURE__ */ ((t) => (t.SELECT = "select", t.SHOW_MORE = "show-more", t.ESCAPE = "escape-pressed", t.CLICK = "click", t.ENTER = "enter-pressed", t.SPACE = "space-pressed", t.TAB = "tab-pressed", t.CLOSE_DROPDOWN = "close-dropdown", t))(a || {}), w = /* @__PURE__ */ ((t) => (t.AUTOMATIC = "automatic", t.BUTTON = "button", t.NONE = "none", t))(w || {});
+const Oe = $({
   name: "bento-listbox-static-category",
   components: {
-    BentoTypography: w
+    BentoTypography: M
   },
   props: {
     /**
@@ -126,17 +125,15 @@ const Oe = D({
 var Ae = function() {
   var e = this, s = e._self._c;
   return e._self._setupProxy, s("div", { staticClass: "b-listbox-single-select-category" }, [s("bento-typography", { staticClass: "b-listbox-single-select-category__label-text", attrs: { variant: "caption", el: "span" } }, [e._v(" " + e._s(e.categoryLabel) + " ")]), s("div", [e._t("default")], 2)], 1);
-}, Ie = [], Be = /* @__PURE__ */ N(
+}, Ie = [], Be = /* @__PURE__ */ D(
   Oe,
   Ae,
   Ie,
   !1,
   null,
-  "4aa8cc6e",
-  null,
-  null
+  "4aa8cc6e"
 );
-const Re = Be.exports, ke = D({
+const Re = Be.exports, ke = $({
   name: "bento-listbox-option",
   props: {
     /**
@@ -164,8 +161,8 @@ const Re = Be.exports, ke = D({
       onClick: (o) => {
         e(a.CLICK, o);
       },
-      onOptionSelected: (o, _) => {
-        e(o, _);
+      onOptionSelected: (o, b) => {
+        e(o, b);
       }
     };
   }
@@ -179,22 +176,38 @@ var De = function() {
   }, function(l) {
     return !l.type.indexOf("key") && e._k(l.keyCode, "tab", 9, l.key, "Tab") ? null : e.onOptionSelected(e.BentoListboxEvent.TAB, l);
   }] } }, "label", e.$attrs, !1), [e._t("default")], 2);
-}, Ne = [], Pe = /* @__PURE__ */ N(
+}, $e = [], Ne = /* @__PURE__ */ D(
   ke,
   De,
-  Ne,
+  $e,
   !1,
   null,
-  "d7fb415c",
+  "d7fb415c"
+);
+const q = Ne.exports;
+let Q = 0;
+const Pe = {
+  beforeCreate() {
+    this.uuid = Q.toString(), Q += 1;
+  }
+};
+var we = function() {
+  var e = this, s = e._self._c;
+  return s("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"] ? s("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), s("path", { attrs: { fill: "#00112C", d: "M15.0608 4.00011L14.0001 2.93945L6.00011 10.9395L2.00011 6.93945L0.939453 8.00011L6.00011 13.0608L15.0608 4.00011Z" } })]);
+}, Me = [], Fe = /* @__PURE__ */ D(
+  Pe,
+  we,
+  Me,
+  !1,
   null,
   null
 );
-const q = Pe.exports, $e = D({
+const Ge = Fe.exports, Ue = $({
   name: "bento-listbox-single-select-option",
   components: {
     BentoListboxOption: q,
-    BentoTypography: w,
-    CheckmarkIcon: pe
+    BentoTypography: M,
+    CheckmarkIcon: Ge
   },
   props: {
     /**
@@ -216,8 +229,8 @@ const q = Pe.exports, $e = D({
   },
   emits: [a.ENTER, a.SELECT, a.SPACE, a.TAB],
   setup(t, { emit: e }) {
-    const s = (_) => {
-      t.disabled || e(_, t.option);
+    const s = (b) => {
+      t.disabled || e(b, t.option);
     }, l = i(() => t.disabled ? !0 : null), n = i(() => t.selected ? !0 : null), o = i(() => t.disabled ? -1 : 0);
     return {
       // Values
@@ -231,7 +244,7 @@ const q = Pe.exports, $e = D({
     };
   }
 });
-var Me = function() {
+var ze = function() {
   var e = this, s = e._self._c;
   return e._self._setupProxy, s("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: e._d({ click: function(l) {
     return e.onOptionSelected(e.BentoListboxEvent.SELECT);
@@ -244,23 +257,21 @@ var Me = function() {
   }]) }, [e._t("default", function() {
     return [s("span", { staticClass: "b-listbox-single-select-option__text" }, [s("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(e.option.label))]), e.option.description ? s("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), s("span", { staticClass: "b-listbox-single-select-option__check-icon" }, [s("checkmark-icon", { directives: [{ name: "show", rawName: "v-show", value: e.selected, expression: "selected" }], attrs: { "svg-title": "selected" } })], 1)], 2);
-}, we = [], Fe = /* @__PURE__ */ N(
-  $e,
-  Me,
-  we,
+}, Ve = [], Ye = /* @__PURE__ */ D(
+  Ue,
+  ze,
+  Ve,
   !1,
   null,
-  "3ba7da5b",
-  null,
-  null
+  "3ba7da5b"
 );
-const Ge = Fe.exports, le = ({ items: t, isOptionDisabled: e }, s) => {
+const qe = Ye.exports, ne = ({ items: t, isOptionDisabled: e }, s) => {
   const l = i(() => t.value.length - 1), n = A(0);
-  ee(() => {
-    e && (n.value = t.value.findIndex((v) => !e(v)));
+  te(() => {
+    e && (n.value = t.value.findIndex((f) => !e(f)));
   });
-  const o = (v) => !e || !!e && e(t.value[v]), _ = (v) => !e || !!e && !e(t.value[v]), d = (v) => {
-    switch (v) {
+  const o = (f) => !e || !!e && e(t.value[f]), b = (f) => !e || !!e && !e(t.value[f]), d = (f) => {
+    switch (f) {
       case "increase":
         n.value += 1;
         break;
@@ -268,11 +279,11 @@ const Ge = Fe.exports, le = ({ items: t, isOptionDisabled: e }, s) => {
         n.value -= 1;
         break;
     }
-  }, r = ({ edgeCaseItem: v, isItemBeforeEdgeCaseItem: y }, T, B) => {
-    n.value !== v && (y ? _(v) && d(B) : (d(B), o(n.value) && T()), s(n.value));
-  }, u = (v) => {
-    var T;
-    (T = v == null ? void 0 : v.detail) == null || T.preventDefault();
+  }, r = ({ edgeCaseItem: f, isItemBeforeEdgeCaseItem: y }, L, B) => {
+    n.value !== f && (y ? b(f) && d(B) : (d(B), o(n.value) && L()), s(n.value));
+  }, u = (f) => {
+    var L;
+    (L = f == null ? void 0 : f.detail) == null || L.preventDefault();
     const y = n.value === l.value - 2;
     r(
       {
@@ -283,16 +294,16 @@ const Ge = Fe.exports, le = ({ items: t, isOptionDisabled: e }, s) => {
       "increase"
       /* INCREASE */
     );
-  }, p = (v) => {
-    var T;
-    (T = v == null ? void 0 : v.detail) == null || T.preventDefault();
+  }, S = (f) => {
+    var L;
+    (L = f == null ? void 0 : f.detail) == null || L.preventDefault();
     const y = n.value === 1;
     r(
       {
         edgeCaseItem: 0,
         isItemBeforeEdgeCaseItem: y
       },
-      p,
+      S,
       "decrease"
       /* DECREASE */
     );
@@ -302,16 +313,16 @@ const Ge = Fe.exports, le = ({ items: t, isOptionDisabled: e }, s) => {
       n.value = 0, o(n.value) ? u() : s(n.value);
     },
     moveToLastElement: () => {
-      n.value = l.value, o(n.value) ? p() : s(n.value);
+      n.value = l.value, o(n.value) ? S() : s(n.value);
     },
     moveToNextElement: u,
-    moveToPreviousElement: p
+    moveToPreviousElement: S
   };
-}, Ue = D({
+}, We = $({
   name: "bento-listbox-single-select",
   components: {
     BentoListboxSingleSelectCategory: Re,
-    BentoListboxSingleSelectOption: Ge
+    BentoListboxSingleSelectOption: qe
   },
   directives: { BentoKeyboardNavigationDirective: X },
   inheritAttrs: !1,
@@ -359,9 +370,9 @@ const Ge = Fe.exports, le = ({ items: t, isOptionDisabled: e }, s) => {
     const l = A([]), n = i(() => {
       var y;
       return !!((y = t.selectedValue) != null && y.length) && t.selectedValue.at(0);
-    }), o = i(() => !!t.items.some(({ items: y }) => !!y)), _ = (y) => (T) => {
-      e(y, [T]);
-    }, d = (y) => l.value[y].$el.focus(), { moveToNextElement: r, moveToPreviousElement: u, moveToFirstElement: p, moveToLastElement: h } = le(
+    }), o = i(() => !!t.items.some(({ items: y }) => !!y)), b = (y) => (L) => {
+      e(y, [L]);
+    }, d = (y) => l.value[y].$el.focus(), { moveToNextElement: r, moveToPreviousElement: u, moveToFirstElement: S, moveToLastElement: x } = ne(
       {
         items: V(t, "items"),
         isOptionDisabled: t.isOptionDisabled
@@ -370,13 +381,13 @@ const Ge = Fe.exports, le = ({ items: t, isOptionDisabled: e }, s) => {
     ), E = {
       [k.ARROW_UP]: u,
       [k.ARROW_DOWN]: r,
-      [k.HOME]: p,
-      [k.END]: h
-    }, v = {
-      [a.SELECT]: _(a.SELECT),
-      [a.SPACE]: _(a.SPACE),
-      [a.TAB]: _(a.TAB),
-      [a.ENTER]: _(a.ENTER)
+      [k.HOME]: S,
+      [k.END]: x
+    }, f = {
+      [a.SELECT]: b(a.SELECT),
+      [a.SPACE]: b(a.SPACE),
+      [a.TAB]: b(a.TAB),
+      [a.ENTER]: b(a.ENTER)
     };
     return {
       // Enums
@@ -388,56 +399,54 @@ const Ge = Fe.exports, le = ({ items: t, isOptionDisabled: e }, s) => {
       // Computed
       hasCategories: o,
       // Methods
-      onOptionSelected: _,
+      onOptionSelected: b,
       // Keyboard navigation
       listboxListeners: E,
-      listboxOptionListeners: v
+      listboxOptionListeners: f
     };
   }
 });
-var ze = function() {
+var Ke = function() {
   var e = this, s = e._self._c;
   return e._self._setupProxy, s("div", e._g({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }] }, e.listboxListeners), [e.hasCategories && e.staticCategories ? e._l(e.items, function(l) {
     return s("bento-listbox-single-select-category", { key: l.value, attrs: { "category-label": l.label, role: "group" } }, e._l(l.items, function(n) {
-      return s("bento-listbox-single-select-option", e._g({ key: n.value, ref: "listboxItemRef", refInFor: !0, attrs: { role: "option", option: n, disabled: e.isOptionDisabled ? e.isOptionDisabled(n) : null, selected: n.value === e.selectedItem.value }, scopedSlots: e._u([e._l(e.slots, function(o, _) {
-        return { key: _, fn: function(d) {
-          return [e._t(_, null, null, d)];
+      return s("bento-listbox-single-select-option", e._g({ key: n.value, ref: "listboxItemRef", refInFor: !0, attrs: { role: "option", option: n, disabled: e.isOptionDisabled ? e.isOptionDisabled(n) : null, selected: n.value === e.selectedItem.value }, scopedSlots: e._u([e._l(e.slots, function(o, b) {
+        return { key: b, fn: function(d) {
+          return [e._t(b, null, null, d)];
         } };
       })], null, !0) }, e.listboxOptionListeners));
     }), 1);
   }) : e._l(e.items, function(l) {
     return s("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(n, o) {
-      return { key: o, fn: function(_) {
-        return [e._t(o, null, null, _)];
+      return { key: o, fn: function(b) {
+        return [e._t(o, null, null, b)];
       } };
     })], null, !0) }, e.listboxOptionListeners));
   })], 2);
-}, Ve = [], Ye = /* @__PURE__ */ N(
-  Ue,
-  ze,
-  Ve,
+}, je = [], He = /* @__PURE__ */ D(
+  We,
+  Ke,
+  je,
   !1,
   null,
-  null,
-  null,
   null
 );
-const qe = Ye.exports;
+const Xe = He.exports;
 var j = /* @__PURE__ */ ((t) => (t.DISABLED = "disabled", t.STATIC_CATEGORY = "static-category", t))(j || {}), U = /* @__PURE__ */ ((t) => (t.SELECT_CATEGORY = "select-category", t.UNSELECT_CATEGORY = "unselect-category", t))(U || {});
-const We = {
+const Ze = {
   "en-US": {
     categoryClosed: "{category} closed",
     categoryOpened: "{category} opened"
   }
-}, Ke = D({
-  i18n: { messages: We },
+}, Je = $({
+  i18n: { messages: Ze },
   name: "bento-listbox-multi-select-category",
   components: {
-    BentoCheckbox: J,
-    BentoTypography: w,
+    BentoCheckbox: Z,
+    BentoTypography: M,
     BentoListboxOption: q,
-    ChevronDownIcon: Se,
-    ChevronUpIcon: xe
+    ChevronDownIcon: pe,
+    ChevronUpIcon: Ce
   },
   props: {
     /**
@@ -480,92 +489,90 @@ const We = {
   },
   emits: [U.SELECT_CATEGORY, U.UNSELECT_CATEGORY],
   setup(t, { emit: e }) {
-    const s = A(!1), { t: l } = Y(), n = (m) => t.isOptionDisabled ? t.isOptionDisabled(m) : !1, o = i(
-      () => t.category.items.every((m) => n(m))
-    ), _ = V(t, "staticCategories"), d = i(() => s.value || t.staticCategories), r = i(() => ({
+    const s = A(!1), { t: l } = Y(), n = (v) => t.isOptionDisabled ? t.isOptionDisabled(v) : !1, o = i(
+      () => t.category.items.every((v) => n(v))
+    ), b = V(t, "staticCategories"), d = i(() => s.value || t.staticCategories), r = i(() => ({
       [`b-listbox-multi-select-category--${j.DISABLED}`]: o.value,
       [`b-listbox-multi-select-category--${j.STATIC_CATEGORY}`]: t.staticCategories
-    })), u = (m) => {
-      m.preventDefault(), s.value = !s.value;
-    }, p = (m) => {
+    })), u = (v) => {
+      v.preventDefault(), s.value = !s.value;
+    }, S = (v) => {
       var F;
-      const x = n(m), R = ((F = t.selectedItemsList) == null ? void 0 : F.includes(m.value)) || !1;
-      return { isDisabled: x, isPreSelected: R };
-    }, h = i(
-      () => t.category.items.filter((m) => {
-        const { isDisabled: x, isPreSelected: R } = p(m);
-        return x && R || !x;
+      const C = n(v), R = ((F = t.selectedItemsList) == null ? void 0 : F.includes(v.value)) || !1;
+      return { isDisabled: C, isPreSelected: R };
+    }, x = i(
+      () => t.category.items.filter((v) => {
+        const { isDisabled: C, isPreSelected: R } = S(v);
+        return C && R || !C;
       })
     ), E = i(
       () => {
-        var m;
-        return (m = h.value) == null ? void 0 : m.filter(
-          ({ value: x }) => {
+        var v;
+        return (v = x.value) == null ? void 0 : v.filter(
+          ({ value: C }) => {
             var R;
-            return (R = t.selectedItemsList) == null ? void 0 : R.includes(x);
+            return (R = t.selectedItemsList) == null ? void 0 : R.includes(C);
           }
         );
       }
-    ), v = i(() => {
-      const m = s.value ? "categoryOpened" : "categoryClosed";
-      return l(m, { category: t.category.label });
+    ), f = i(() => {
+      const v = s.value ? "categoryOpened" : "categoryClosed";
+      return l(v, { category: t.category.label });
     }), y = i(
       () => ({
         el: "span",
         variant: t.staticCategories ? "caption" : "body"
       })
-    ), T = () => {
+    ), L = () => {
       e(U.SELECT_CATEGORY);
     }, B = () => {
       e(U.UNSELECT_CATEGORY);
-    }, { isAllSelected: S, isIndeterminate: O, toggleSelectAll: L } = se(
+    }, { isAllSelected: p, isIndeterminate: O, toggleSelectAll: T } = le(
       E,
-      h,
-      T,
+      x,
+      L,
       B
     );
     return {
       // Values
-      chevronTitle: v,
+      chevronTitle: f,
       conditionalClass: r,
       hasAllPropsDisabled: o,
       isOpen: s,
-      isAllSelected: S,
+      isAllSelected: p,
       isIndeterminate: O,
-      isStaticCategory: _,
+      isStaticCategory: b,
       // Computed
       showItemChildren: d,
       categoryLabelProps: y,
       // Methods
       toggleOpen: u,
-      toggleSelectAll: L
+      toggleSelectAll: T
     };
   }
 });
-var je = function() {
+var Qe = function() {
   var e = this, s = e._self._c;
   return e._self._setupProxy, s("div", [s("bento-listbox-option", { staticClass: "b-listbox-multi-select-category__option", class: e.conditionalClass }, [e.isStaticCategory ? e._e() : s("bento-checkbox", { attrs: { "model-value": e.isAllSelected, indeterminate: e.isIndeterminate, disabled: e.hasAllPropsDisabled, "aria-label": e.category.label, value: e.category.value }, on: { "update:model-value": e.toggleSelectAll } }), s("span", { staticClass: "b-listbox-multi-select-category__label" }, [s("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() : s("div", { staticClass: "b-listbox-multi-select-category__label-chevron", attrs: { "data-testid": "toggle-listbox" }, on: { "!click": function(l) {
     return e.toggleOpen.apply(null, arguments);
   } } }, [e.isOpen ? s("chevron-up-icon", { attrs: { "svg-title": e.chevronTitle } }) : s("chevron-down-icon", { attrs: { "svg-title": e.chevronTitle } })], 1)], 1)], 1), s("div", { directives: [{ name: "show", rawName: "v-show", value: e.showItemChildren, expression: "showItemChildren" }] }, [e._t("default")], 2)], 1);
-}, He = [], Xe = /* @__PURE__ */ N(
-  Ke,
-  je,
-  He,
+}, et = [], tt = /* @__PURE__ */ D(
+  Je,
+  Qe,
+  et,
   !1,
   null,
-  "f360ac3d",
-  null,
-  null
+  "f360ac3d"
 );
-const Je = Xe.exports;
-var $ = /* @__PURE__ */ ((t) => (t.SELECT_CATEGORY = "select-category", t.TOGGLE_CHECKBOX_SELECTION = "toggle-checkbox-selection", t.UNSELECT_CATEGORY = "unselect-category", t))($ || {});
-const Qe = D({
+const st = tt.exports;
+var P = /* @__PURE__ */ ((t) => (t.SELECT_CATEGORY = "select-category", t.TOGGLE_CHECKBOX_SELECTION = "toggle-checkbox-selection", t.UNSELECT_CATEGORY = "unselect-category", t))(P || {});
+const lt = $({
   name: "listbox-multi-select-options",
   components: {
-    BentoCheckbox: J,
+    BentoCheckbox: Z,
     BentoListboxOption: q,
-    BentoTypography: w,
-    ListboxMultiSelectCategory: Je
+    BentoTypography: M,
+    ListboxMultiSelectCategory: st
   },
   props: {
     /**
@@ -623,19 +630,19 @@ const Qe = D({
     staticCategories: { type: Boolean, default: !1 }
   },
   emits: [
-    $.TOGGLE_CHECKBOX_SELECTION,
-    $.SELECT_CATEGORY,
-    $.UNSELECT_CATEGORY
+    P.TOGGLE_CHECKBOX_SELECTION,
+    P.SELECT_CATEGORY,
+    P.UNSELECT_CATEGORY
   ],
   setup(t, { emit: e }) {
     const s = (r) => {
-      e($.TOGGLE_CHECKBOX_SELECTION, r);
+      e(P.TOGGLE_CHECKBOX_SELECTION, r);
     }, l = (r) => !!r.items, n = (r) => {
       const u = t.isMultiLevel && t.searching;
       return r.description && (!t.isMultiLevel || u);
-    }, o = (r) => r.items ? !!r.items.find((u) => t.selectedItemsList.includes(u.value)) : t.selectedItemsList.includes(r.value), _ = (r, u) => {
+    }, o = (r) => r.items ? !!r.items.find((u) => t.selectedItemsList.includes(u.value)) : t.selectedItemsList.includes(r.value), b = (r, u) => {
       if (l(u))
-        return e(r ? $.SELECT_CATEGORY : $.UNSELECT_CATEGORY, u);
+        return e(r ? P.SELECT_CATEGORY : P.UNSELECT_CATEGORY, u);
       s(u.value);
     };
     return {
@@ -648,14 +655,14 @@ const Qe = D({
       isOptionSelected: o,
       shouldShowDescription: n,
       toggleCheckboxSelection: s,
-      selectSearch: _,
+      selectSearch: b,
       // Enums
       BentoListboxEvent: a,
-      ListboxMultiSelectOptionsEvent: $
+      ListboxMultiSelectOptionsEvent: P
     };
   }
 });
-var Ze = function() {
+var nt = function() {
   var e = this, s = e._self._c;
   return e._self._setupProxy, s("div", e._l(e.items, function(l) {
     return s("div", { key: `selected-${l.value}` }, [e.searching && e.isMultiLevel ? [s("bento-listbox-option", { staticClass: "b-listbox-multi-select-options", class: e.conditionalClasses, attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(l) : null } }, [s("bento-checkbox", { attrs: { "model-value": e.isOptionSelected(l), "aria-label": l.label, disabled: e.isOptionDisabled ? e.isOptionDisabled(l) : null, value: l.value }, on: { "update:model-value": (n) => e.selectSearch(n, l) } }), e._t("default", function() {
@@ -670,24 +677,22 @@ var Ze = function() {
       return [s("span", { staticClass: "b-listbox-multi-select__option-text" }, [s("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(l.label))]), e.shouldShowDescription(l) ? s("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);
   }), 0);
-}, et = [], tt = /* @__PURE__ */ N(
-  Qe,
-  Ze,
-  et,
+}, ot = [], at = /* @__PURE__ */ D(
+  lt,
+  nt,
+  ot,
   !1,
   null,
-  "b2db9f50",
-  null,
-  null
+  "b2db9f50"
 );
-const st = tt.exports, lt = {
+const it = at.exports, ct = {
   "en-US": {
     remove: "Remove"
   }
-}, nt = {
-  i18n: { messages: lt }
-}, ot = /* @__PURE__ */ D({
-  ...nt,
+}, rt = {
+  i18n: { messages: ct }
+}, ut = /* @__PURE__ */ $({
+  ...rt,
   __name: "listbox-multi-select-chips",
   props: {
     /**
@@ -712,10 +717,10 @@ const st = tt.exports, lt = {
   emits: ["unselect-item", "unselect-category"],
   setup(t, { emit: e }) {
     const { t: s } = Y();
-    return { __sfc: !0, emit: e, t: s, unselectOption: (n) => n.items ? e("unselect-category", n) : e("unselect-item", n), BentoTypography: w, BaseButton: Ce, CrossSmallIcon: he };
+    return { __sfc: !0, emit: e, t: s, unselectOption: (n) => n.items ? e("unselect-category", n) : e("unselect-item", n), BentoTypography: M, BaseButton: he, CrossSmallIcon: xe };
   }
 });
-var at = function() {
+var dt = function() {
   var e = this, s = e._self._c, l = e._self._setupProxy;
   return s("div", { staticClass: "b-listbox-multi-select-chips" }, e._l(e.items, function(n) {
     return s("div", { key: `selected-${n.value}` }, [s(l.BaseButton, { staticClass: "b-listbox-multi-select-chips__chip", attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(n) : null }, on: { click: function(o) {
@@ -724,24 +729,22 @@ var at = function() {
       return [s(l.CrossSmallIcon, { attrs: { "svg-title": l.t("remove") } })];
     }, proxy: !0 }], null, !0) }, [s(l.BentoTypography, { staticClass: "b-listbox-multi-select-chips__option-text", attrs: { el: "span", variant: "caption" } }, [e._v(e._s(n.label))])], 1)], 1);
   }), 0);
-}, it = [], ct = /* @__PURE__ */ N(
-  ot,
-  at,
-  it,
+}, bt = [], mt = /* @__PURE__ */ D(
+  ut,
+  dt,
+  bt,
   !1,
   null,
-  "931e5246",
-  null,
-  null
+  "931e5246"
 );
-const rt = ct.exports, ut = {
+const vt = mt.exports, ft = {
   "en-US": {
     allSelected: "All selected ({total})",
     numberOfTotalSelected: "{number} of {total} selected",
     numbersSelected: "{number} selected",
     selectAll: "Select all ({total})"
   }
-}, dt = (t) => {
+}, _t = (t) => {
   const e = i(() => {
     var l;
     return !!((l = t.value) != null && l.find(({ items: n }) => !!n));
@@ -753,15 +756,15 @@ const rt = ct.exports, ut = {
     isMultiLevelSelect: e,
     flattenedItemsList: s
   };
-}, _t = D({
-  i18n: { messages: ut },
+}, gt = $({
+  i18n: { messages: ft },
   name: "bento-listbox-multi-select",
   components: {
-    BentoCheckbox: J,
+    BentoCheckbox: Z,
     BentoListboxOption: q,
-    BentoTypography: w,
-    ListboxMultiSelectOptions: st,
-    ListboxMultiSelectChips: rt
+    BentoTypography: M,
+    ListboxMultiSelectOptions: it,
+    ListboxMultiSelectChips: vt
   },
   directives: { BentoKeyboardNavigationDirective: X },
   props: {
@@ -800,8 +803,8 @@ const rt = ct.exports, ut = {
      */
     lazyLoadType: {
       type: String,
-      default: M.NONE,
-      validator: (t) => Object.values(M).includes(t)
+      default: w.NONE,
+      validator: (t) => Object.values(w).includes(t)
     },
     /**
      * Flag that indicates that an external search it's being made
@@ -825,119 +828,119 @@ const rt = ct.exports, ut = {
   },
   emits: [a.SELECT],
   setup(t, { emit: e, slots: s }) {
-    const { t: l } = Y(), n = A(null), o = A(null), _ = A(null), d = i(
+    const { t: l } = Y(), n = A(null), o = A(null), b = A(null), d = i(
       () => t.selectedValues.map(({ value: c }) => c)
-    ), { isMultiLevelSelect: r, flattenedItemsList: u } = dt(V(t, "items")), p = (c) => {
-      var C;
-      const b = t.isOptionDisabled(c), f = ((C = d.value) == null ? void 0 : C.includes(c.value)) || !1;
-      return { isDisabled: b, isPreSelected: f };
-    }, h = i(() => {
+    ), { isMultiLevelSelect: r, flattenedItemsList: u } = _t(V(t, "items")), S = (c) => {
+      var h;
+      const m = t.isOptionDisabled(c), _ = ((h = d.value) == null ? void 0 : h.includes(c.value)) || !1;
+      return { isDisabled: m, isPreSelected: _ };
+    }, x = i(() => {
       if (t.searching && r)
         return t.items;
-      const c = u.value.filter((b) => {
-        const { isDisabled: f, isPreSelected: C } = p(b);
-        return f && C || !f;
+      const c = u.value.filter((m) => {
+        const { isDisabled: _, isPreSelected: h } = S(m);
+        return _ && h || !_;
       });
-      return t.selectedValues.forEach((b) => {
-        c.find((f) => f.value === b.value) || c.push(b);
+      return t.selectedValues.forEach((m) => {
+        c.find((_) => _.value === m.value) || c.push(m);
       }), c;
     }), E = i(
       () => {
         var c;
-        return (c = h.value) == null ? void 0 : c.filter((b) => {
-          var f;
-          return b.items && r.value && t.searching ? b.items.filter(
+        return (c = x.value) == null ? void 0 : c.filter((m) => {
+          var _;
+          return m.items && r.value && t.searching ? m.items.filter(
             (g) => (t.selectedValues ?? []).includes(g.value)
-          ).length === b.items.length : (f = d.value) == null ? void 0 : f.includes(b.value);
+          ).length === m.items.length : (_ = d.value) == null ? void 0 : _.includes(m.value);
         });
       }
-    ), v = () => r.value && !t.searching ? u.value.length : t.items.length, y = i(() => {
-      var C;
-      const c = h.value.length, b = v(), f = ((C = E.value) == null ? void 0 : C.length) || 0;
-      return f === 0 ? l("selectAll", { total: c }) : f === b ? l("allSelected", { total: b }) : f <= b ? l("numberOfTotalSelected", { number: f, total: b }) : l("numbersSelected", { number: f });
-    }), T = (c) => {
-      const b = (C) => {
-        const { isDisabled: g, isPreSelected: P } = p(C);
-        return g && P || !g;
-      }, f = c.filter(b).filter((C) => !d.value.includes(C.value));
-      e(a.SELECT, [...t.selectedValues, ...f]);
+    ), f = () => r.value && !t.searching ? u.value.length : t.items.length, y = i(() => {
+      var h;
+      const c = x.value.length, m = f(), _ = ((h = E.value) == null ? void 0 : h.length) || 0;
+      return _ === 0 ? l("selectAll", { total: c }) : _ === m ? l("allSelected", { total: m }) : _ <= m ? l("numberOfTotalSelected", { number: _, total: m }) : l("numbersSelected", { number: _ });
+    }), L = (c) => {
+      const m = (h) => {
+        const { isDisabled: g, isPreSelected: N } = S(h);
+        return g && N || !g;
+      }, _ = c.filter(m).filter((h) => !d.value.includes(h.value));
+      e(a.SELECT, [...t.selectedValues, ..._]);
     }, B = (c) => {
-      const b = (g) => {
-        const { isDisabled: P, isPreSelected: me } = p(g);
-        return !(P && me);
-      }, f = c.filter(b).map(({ value: g }) => g), C = t.selectedValues.filter((g) => !(f != null && f.includes(g.value)));
-      e(a.SELECT, C);
-    }, S = () => {
-      T(u.value);
+      const m = (g) => {
+        const { isDisabled: N, isPreSelected: fe } = S(g);
+        return !(N && fe);
+      }, _ = c.filter(m).map(({ value: g }) => g), h = t.selectedValues.filter((g) => !(_ != null && _.includes(g.value)));
+      e(a.SELECT, h);
+    }, p = () => {
+      L(u.value);
     }, O = () => {
       B(u.value);
-    }, { isAllSelected: L, isIndeterminate: m, toggleSelectAll: x } = se(
+    }, { isAllSelected: T, isIndeterminate: v, toggleSelectAll: C } = le(
       E,
-      h,
-      S,
+      x,
+      p,
       O
     ), R = (c) => {
-      T(c.items);
+      L(c.items);
     }, F = (c) => {
       B(c.items);
-    }, W = (c, b) => {
-      let f = !1;
-      const C = t.selectedValues.filter(({ value: g }) => b.value === g ? (f = !0, !1) : !0);
-      f || C.push(b), e(c, C);
+    }, W = (c, m) => {
+      let _ = !1;
+      const h = t.selectedValues.filter(({ value: g }) => m.value === g ? (_ = !0, !1) : !0);
+      _ || h.push(m), e(c, h);
     }, z = i(() => {
       if (!r.value)
         return t.selectedValues;
-      const c = (g) => d.value.includes(g.value), b = (g) => !t.staticCategories && g.every((P) => c(P));
+      const c = (g) => d.value.includes(g.value), m = (g) => !t.staticCategories && g.every((N) => c(N));
       return t.items.flatMap(
-        (g) => g.items && !b(g.items) ? g.items : g
+        (g) => g.items && !m(g.items) ? g.items : g
       ).filter((g) => g.items ? !0 : c(g));
     }), K = i(() => {
-      var f, C, g, P;
-      const c = ["automatic", "button"].includes(t.lazyLoadType), b = ((f = t.selectedValues) == null ? void 0 : f.length) > 0 && ((C = E.value) == null ? void 0 : C.length) !== ((g = u.value) == null ? void 0 : g.length);
-      return c && t.hasMoreItems ? !!((P = t.selectedValues) != null && P.length) : b;
+      var _, h, g, N;
+      const c = ["automatic", "button"].includes(t.lazyLoadType), m = ((_ = t.selectedValues) == null ? void 0 : _.length) > 0 && ((h = E.value) == null ? void 0 : h.length) !== ((g = u.value) == null ? void 0 : g.length);
+      return c && t.hasMoreItems ? !!((N = t.selectedValues) != null && N.length) : m;
     }), I = i(() => ["automatic", "button"].includes(t.lazyLoadType) ? !t.hasMoreItems : !0), G = i(
       () => n.value ? [n.value] : []
-    ), ne = i(
+    ), oe = i(
       () => {
-        var c, b;
-        return (b = (c = o.value) == null ? void 0 : c.$children) != null && b.length ? o.value.$children : [];
+        var c, m;
+        return (m = (c = o.value) == null ? void 0 : c.$children) != null && m.length ? o.value.$children : [];
       }
-    ), oe = i(
+    ), ae = i(
       () => {
-        var c, b;
-        return (b = (c = _.value) == null ? void 0 : c.$children) != null && b.length ? _.value.$children : [];
+        var c, m;
+        return (m = (c = b.value) == null ? void 0 : c.$children) != null && m.length ? b.value.$children : [];
       }
-    ), ae = i(() => ({ label: y, value: L })), ie = i(() => [
-      ae,
+    ), ie = i(() => ({ label: y, value: T })), ce = i(() => [
+      ie,
       ...z.value,
       ...u.value
-    ]), ce = (c) => {
+    ]), re = (c) => {
       [
         ...G.value,
-        ...ne.value,
-        ...oe.value
+        ...oe.value,
+        ...ae.value
       ][c].$el.focus();
-    }, { moveToNextElement: re, moveToPreviousElement: ue, moveToFirstElement: de, moveToLastElement: _e } = le(
+    }, { moveToNextElement: ue, moveToPreviousElement: de, moveToFirstElement: be, moveToLastElement: me } = ne(
       {
-        items: A(ie),
+        items: A(ce),
         isOptionDisabled: t.isOptionDisabled
       },
-      ce
-    ), be = {
-      [k.ARROW_UP]: (c) => ue(c),
-      [k.ARROW_DOWN]: (c) => re(c),
-      [k.HOME]: de,
-      [k.END]: _e
+      re
+    ), ve = {
+      [k.ARROW_UP]: (c) => de(c),
+      [k.ARROW_DOWN]: (c) => ue(c),
+      [k.HOME]: be,
+      [k.END]: me
     };
     return {
       // Refs
       selectAllListboxItemsRef: n,
       selectedListboxItemsRef: o,
-      listboxItemsRef: _,
+      listboxItemsRef: b,
       // Values
-      isAllSelected: L,
+      isAllSelected: T,
       showSelectedItems: K,
-      isIndeterminate: m,
+      isIndeterminate: v,
       isMultiLevelSelect: r,
       flattenedItemsList: u,
       selectedItemsList: d,
@@ -950,14 +953,14 @@ const rt = ct.exports, ut = {
       // Methods
       selectAllCategory: R,
       toggleCheckboxSelection: W,
-      toggleSelectAll: x,
+      toggleSelectAll: C,
       unselectAllCategory: F,
       // Events
-      listboxListeners: be
+      listboxListeners: ve
     };
   }
 });
-var bt = function() {
+var yt = function() {
   var e = this, s = e._self._c;
   return e._self._setupProxy, s("div", e._g({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], staticClass: "b-listbox-multi-select" }, e.listboxListeners), [e.showSelectAllCheckbox ? s("bento-listbox-option", { ref: "selectAllListboxItemsRef", staticClass: "b-listbox-multi-select__option" }, [s("bento-checkbox", { attrs: { "aria-label": e.selectAllCheckboxText, "model-value": e.isAllSelected, indeterminate: e.isIndeterminate }, on: { "update:model-value": e.toggleSelectAll } }), s("bento-typography", { attrs: { el: "span", "aria-hidden": "true" } }, [e._v(" " + e._s(e.selectAllCheckboxText) + " ")])], 1) : e._e(), e.showSelectAllCheckbox ? s("hr", { staticClass: "b-listbox-multi-select__divider" }) : e._e(), e.showSelectedItems ? s("div", [s("listbox-multi-select-chips", { ref: "selectedListboxItemsRef", attrs: { items: e.selectedOptions, "is-option-disabled": e.isOptionDisabled }, on: { "unselect-category": e.unselectAllCategory, "unselect-item": function(l) {
     return e.toggleCheckboxSelection(e.BentoListboxEvent.SELECT, l);
@@ -974,33 +977,31 @@ var bt = function() {
       return [e._t(n, null, null, o)];
     } };
   })], null, !0) })], 1);
-}, mt = [], vt = /* @__PURE__ */ N(
-  _t,
-  bt,
-  mt,
+}, St = [], pt = /* @__PURE__ */ D(
+  gt,
+  yt,
+  St,
   !1,
   null,
-  "8e21add2",
-  null,
-  null
+  "8e21add2"
 );
-const Z = vt.exports, ft = {
+const ee = pt.exports, Ct = {
   "en-US": {
     showMore: "Show more",
     loading: "Loading"
   }
-}, gt = 36, yt = D({
+}, ht = 36, xt = $({
   name: "bento-listbox",
   components: {
-    BentoEmptyState: ge,
-    BentoListboxSingleSelect: qe,
-    BentoListboxMultiSelect: Z,
-    BentoTypography: w,
-    BentoLoadingIndicator: fe,
+    BentoEmptyState: ye,
+    BentoListboxSingleSelect: Xe,
+    BentoListboxMultiSelect: ee,
+    BentoTypography: M,
+    BentoLoadingIndicator: ge,
     BentoLoadingButton: Ee
   },
   directives: { BentoKeyboardNavigationDirective: X },
-  i18n: { messages: ft },
+  i18n: { messages: Ct },
   props: {
     /**
      * Defines a string value that labels an interactive element.
@@ -1056,8 +1057,8 @@ const Z = vt.exports, ft = {
      */
     lazyLoadType: {
       type: String,
-      default: M.NONE,
-      validator: (t) => Object.values(M).includes(t)
+      default: w.NONE,
+      validator: (t) => Object.values(w).includes(t)
     },
     /**
      * If enabled, the user will be able to select multiple items.
@@ -1077,7 +1078,7 @@ const Z = vt.exports, ft = {
      *
      * If enabled, hides the "Select all" checkbox in "multiple" mode.
      */
-    searching: Z.props.searching,
+    searching: ee.props.searching,
     /**
      * The `input` value.
      * Providing an empty string or empty array will select no options.
@@ -1105,52 +1106,52 @@ const Z = vt.exports, ft = {
     a.TAB
   ],
   setup(t, { emit: e, slots: s }) {
-    const l = A([]), n = V(t, "items"), { t: o } = Y(), _ = i(() => t.lazyLoadType !== M.AUTOMATIC), d = i(() => t.lazyLoadType === M.AUTOMATIC), r = () => {
+    const l = A([]), n = V(t, "items"), { t: o } = Y(), b = i(() => t.lazyLoadType !== w.AUTOMATIC), d = i(() => t.lazyLoadType === w.AUTOMATIC), r = () => {
       var I;
-      return typeof (t == null ? void 0 : t.virtualScroll) == "object" && ((I = t == null ? void 0 : t.virtualScroll) != null && I.itemHeight) ? t.virtualScroll.itemHeight : gt;
+      return typeof (t == null ? void 0 : t.virtualScroll) == "object" && ((I = t == null ? void 0 : t.virtualScroll) != null && I.itemHeight) ? t.virtualScroll.itemHeight : ht;
     }, {
       containerRef: u,
-      containerProps: p,
-      onScroll: h,
+      containerProps: S,
+      onScroll: x,
       list: E,
-      wrapperProps: v
-    } = Le(n, {
+      wrapperProps: f
+    } = Te(n, {
       itemHeight: r(),
       // Disable virtual scrolling if not enabled or if lazy loading is enabled or if multi-select
       disabled: (t == null ? void 0 : t.multiple) || (t == null ? void 0 : t.virtualScroll) === !1 || (t == null ? void 0 : t.lazyLoadType) !== "none"
     }), y = i(
-      () => _.value ? "true" : void 0
-    ), T = i(
-      () => _.value && t.loading ? "true" : "false"
+      () => b.value ? "true" : void 0
+    ), L = i(
+      () => b.value && t.loading ? "true" : "false"
     ), B = i(
-      () => _.value ? "polite" : void 0
-    ), S = (I) => (G) => {
+      () => b.value ? "polite" : void 0
+    ), p = (I) => (G) => {
       e(I, G);
     }, O = () => {
       e(a.SHOW_MORE);
-    }, L = ye(() => {
+    }, T = Se(() => {
       const I = u.value;
       if (!I)
         return;
       const G = Math.round(I.scrollTop) + I.clientHeight >= I.scrollHeight;
       t.hasMoreItems && G && !t.loading && O();
-    }), m = () => {
-      d.value ? L() : h();
-    }, x = i(() => {
+    }), v = () => {
+      d.value ? T() : x();
+    }, C = i(() => {
       var I;
       return t.searching && ((I = t.items) == null ? void 0 : I.length) === 0;
     }), R = i(
-      () => t.lazyLoadType === M.BUTTON && t.hasMoreItems
+      () => t.lazyLoadType === w.BUTTON && t.hasMoreItems
     ), F = i(
-      () => t.loading ? Q.LOADING : Q.START
+      () => t.loading ? J.LOADING : J.START
     ), W = i(() => t.loading ? o("loading") : o("showMore")), z = i(() => ({
       ...t.emptyState,
       variant: "condensed"
     })), K = {
-      [a.SELECT]: S(a.SELECT),
-      [a.SPACE]: S(a.SPACE),
-      [a.TAB]: S(a.TAB),
-      [a.ENTER]: S(a.ENTER)
+      [a.SELECT]: p(a.SELECT),
+      [a.SPACE]: p(a.SPACE),
+      [a.TAB]: p(a.TAB),
+      [a.ENTER]: p(a.ENTER)
     };
     return {
       // Refs
@@ -1158,30 +1159,30 @@ const Z = vt.exports, ft = {
       listboxItemRef: l,
       // a11y
       ariaAtomic: y,
-      ariaBusy: T,
+      ariaBusy: L,
       ariaLive: B,
       // Values
-      containerProps: p,
-      isSearchResultEmpty: x,
+      containerProps: S,
+      isSearchResultEmpty: C,
       limitedEmptyStateProps: z,
       loadingButtonState: F,
       slots: s,
       shouldDisplayShowMoreButton: R,
       showMoreButtonText: W,
       virtualisedItems: E,
-      wrapperProps: v,
+      wrapperProps: f,
       // Enums
       BentoKeyboardNavigationKeyDownEvent: k,
       BentoListboxEvent: a,
       // Methods
-      onListboxContainerScroll: m,
-      onOptionSelected: S,
+      onListboxContainerScroll: v,
+      onOptionSelected: p,
       emitShowMore: O,
       listboxListeners: K
     };
   }
 });
-var pt = function() {
+var Et = function() {
   var e = this, s = e._self._c;
   return e._self._setupProxy, s("div", e._b({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], staticClass: "b-listbox", 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 } }, "div", e.containerProps, !1), [s("div", e._b({}, "div", e.wrapperProps, !1), [e.isSearchResultEmpty ? s("div", { staticClass: "b-listbox__empty-search-message" }, [e.emptyState ? s("bento-empty-state", e._b({}, "bento-empty-state", e.limitedEmptyStateProps, !1)) : s("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(e.noResultsMessage))])], 1) : [e.multiple ? [s("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(l, n) {
     return { key: n, fn: function(o) {
@@ -1194,17 +1195,15 @@ var pt = function() {
   })], null, !0) }, e.listboxListeners))], e.shouldDisplayShowMoreButton ? s("div", { staticClass: "b-listbox__lazy-load" }, [s("bento-loading-button", { attrs: { state: e.loadingButtonState, variant: "secondary" }, on: { "!click": function(l) {
     return e.emitShowMore.apply(null, arguments);
   } } }, [e._v(" " + e._s(e.showMoreButtonText) + " ")])], 1) : e.loading ? s("div", { staticClass: "b-listbox__lazy-load" }, [s("bento-loading-indicator")], 1) : e._e()]], 2)]);
-}, St = [], xt = /* @__PURE__ */ N(
-  yt,
-  pt,
-  St,
+}, Lt = [], Tt = /* @__PURE__ */ D(
+  xt,
+  Et,
+  Lt,
   !1,
   null,
-  "28929030",
-  null,
-  null
+  "28929030"
 );
-const wt = xt.exports, H = (t, e) => {
+const zt = Tt.exports, H = (t, e) => {
   for (const s of t) {
     if (s.value === e)
       return s.label;
@@ -1212,15 +1211,15 @@ const wt = xt.exports, H = (t, e) => {
       return H(s.items, e);
   }
   return null;
-}, Ft = (t, e, s) => {
+}, Vt = (t, e, s) => {
   const l = A([]), n = A(), o = (r) => {
     n.value = s.value ? r.map(({ value: u }) => u) : r[0].value;
-  }, _ = (r) => {
+  }, b = (r) => {
     l.value = r, o(r);
   }, d = () => {
     l.value = [], n.value = null;
   };
-  return te(
+  return se(
     () => e.value,
     () => {
       if (!e.value) {
@@ -1229,16 +1228,16 @@ const wt = xt.exports, H = (t, e) => {
       }
       const r = !Array.isArray(e.value), u = [...l.value];
       d();
-      const p = (h) => {
-        let E = H(t.value, h);
-        E || (E = H(u, h)), E || (E = h.toString()), l.value.push({ value: h, label: E });
+      const S = (x) => {
+        let E = H(t.value, x);
+        E || (E = H(u, x)), E || (E = x.toString()), l.value.push({ value: x, label: E });
       };
       if (r) {
-        const h = e.value;
-        p(h), o(l.value);
+        const x = e.value;
+        S(x), o(l.value);
         return;
       }
-      e.value.forEach(p), o(l.value);
+      e.value.forEach(S), o(l.value);
     },
     { immediate: !0 }
   ), {
@@ -1247,14 +1246,14 @@ const wt = xt.exports, H = (t, e) => {
     cachedListboxSelectedValues: n,
     // Methods
     resetCache: d,
-    setCachedValues: _
+    setCachedValues: b
   };
 };
 export {
-  wt as B,
-  Ft as a,
-  M as b,
-  a as c,
-  dt as u
+  w as B,
+  a,
+  zt as b,
+  Vt as c,
+  _t as u
 };
-//# sourceMappingURL=use-cached-selected-values.69297473.js.map
+//# sourceMappingURL=use-cached-selected-values.CVLzxvTi.js.map