@adyen/bento-vue3 1.72.0 → 1.74.0

package/dist/chunks/{use-cached-selected-values.CBOWMI4O.js → use-cached-selected-values.C32tjNKy.js}

@@ -1,22 +1,22 @@
-import { computed as m, ref as k, onMounted as ct, onUnmounted as dt, watch as ye, defineComponent as Z, resolveComponent as L, createElementBlock as O, openBlock as v, createVNode as G, createElementVNode as z, withCtx as A, createTextVNode as K, toDisplayString as V, renderSlot as j, mergeProps as Y, withKeys as me, createCommentVNode as J, createBlock as R, withModifiers as re, normalizeProps as ae, guardReactiveProps as ve, withDirectives as ce, vShow as we, nextTick as Ye, toRef as fe, resolveDirective as Ue, toHandlers as se, Fragment as le, renderList as q, createSlots as pe, normalizeClass as ge, unref as x, useSlots as ut, useAttrs as bt } from "vue";
+import { computed as m, ref as k, onMounted as dt, onUnmounted as ut, watch as ye, defineComponent as Z, resolveComponent as L, createElementBlock as O, openBlock as v, createVNode as G, createElementVNode as z, withCtx as A, createTextVNode as K, toDisplayString as V, renderSlot as j, mergeProps as Y, withKeys as me, createCommentVNode as J, createBlock as R, withModifiers as re, normalizeProps as ae, guardReactiveProps as ve, withDirectives as ce, vShow as Ye, nextTick as Ue, toRef as fe, resolveDirective as ze, toHandlers as se, Fragment as le, renderList as q, createSlots as pe, normalizeClass as ge, unref as x, useSlots as bt, useAttrs as mt } from "vue";
 import { B as F, a as Ce } from "./keyboard-navigation.pB8weElW.js";
 import { B as de } from "./typography.yBEME_Gu.js";
-import { B as mt } from "./loading-indicator.VHi5tbZa.js";
-import { B as vt } from "./empty-state.BsKJ-1pT.js";
-import { u as Ie } from "./i18n.B6g5VX0q.js";
-import { d as ft } from "./debounce.DUTu11PS.js";
-import { B as pt } from "./chip.CUwVpPVo.js";
+import { B as vt } from "./loading-indicator.Db794TT5.js";
+import { B as ft } from "./empty-state.Be6M8ivH.js";
+import { u as Ie } from "./index.pdBj0KQU.js";
+import { d as pt } from "./debounce.DUTu11PS.js";
+import { B as gt } from "./chip.DuLyhNCy.js";
 import { _ as H } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { C as he, N as gt } from "./minus-small.DYIyF5XW.js";
-import { C as yt } from "./checkmark-small.x-gmK2Dt.js";
-import { C as St } from "./chevron-down.DCQ6ZLaq.js";
-import { C as ht } from "./chevron-up.kfuLRpZb.js";
+import { C as he, N as yt } from "./minus-small.DYIyF5XW.js";
+import { C as St } from "./checkmark-small.x-gmK2Dt.js";
+import { C as ht } from "./chevron-down.DCQ6ZLaq.js";
+import { C as Ct } from "./chevron-up.kfuLRpZb.js";
 import { g as Ne } from "./generate-uid.NJ8tVoha.js";
-import { a as Ct, b as Pe } from "./button-actions.D1eBtYgZ.js";
+import { a as Et, b as Pe } from "./button-actions.BQ3AFQqt.js";
 /* empty css              */
-import { o as Et } from "./resize.Bqks3WUm.js";
+import { o as Ot } from "./resize.Bqks3WUm.js";
 import "../assets/use-cached-selected-values.css";
-const ze = (e, t, i, s) => {
+const Ve = (e, t, i, s) => {
   const r = m(
     () => {
       var p, y;
@@ -34,7 +34,7 @@ const ze = (e, t, i, s) => {
     }
   };
 };
-function Ot(e, { disabled: t, itemHeight: i, overscan: s = 5, prefixHeight: r }) {
+function Tt(e, { disabled: t, itemHeight: i, overscan: s = 5, prefixHeight: r }) {
   const o = k(null), n = k([]), p = k(0), y = k(0), a = k(0);
   let u;
   const l = m(() => {
@@ -77,11 +77,11 @@ function Ot(e, { disabled: t, itemHeight: i, overscan: s = 5, prefixHeight: r })
   }, $ = () => {
     T();
   };
-  t || (ct(() => {
-    o.value && (a.value = o.value.clientHeight, u = Et(o.value, ({ clientHeight: D }) => {
+  t || (dt(() => {
+    o.value && (a.value = o.value.clientHeight, u = Ot(o.value, ({ clientHeight: D }) => {
       a.value = D, T();
     }), T());
-  }), dt(() => {
+  }), ut(() => {
     u == null || u.disconnect();
   }), ye(
     () => e.value,
@@ -109,7 +109,7 @@ function Ot(e, { disabled: t, itemHeight: i, overscan: s = 5, prefixHeight: r })
   };
 }
 var g = /* @__PURE__ */ ((e) => (e.SELECT = "select", e.SHOW_MORE = "show-more", e.ESCAPE = "escape-pressed", e.CLICK = "click", e.ENTER = "enter-pressed", e.SPACE = "space-pressed", e.TAB = "tab-pressed", e.CLOSE_DROPDOWN = "close-dropdown", e))(g || {}), ne = /* @__PURE__ */ ((e) => (e.AUTOMATIC = "automatic", e.BUTTON = "button", e.NONE = "none", e))(ne || {});
-const Tt = Z({
+const _t = Z({
   name: "bento-listbox-static-category",
   components: {
     BentoTypography: de
@@ -123,8 +123,8 @@ const Tt = Z({
       required: !0
     }
   }
-}), _t = ["aria-label"];
-function It(e, t, i, s, r, o) {
+}), It = ["aria-label"];
+function At(e, t, i, s, r, o) {
   const n = L("bento-typography");
   return v(), O("div", {
     class: "b-listbox-single-select-category",
@@ -145,9 +145,9 @@ function It(e, t, i, s, r, o) {
     z("div", null, [
       j(e.$slots, "default", {}, void 0, !0)
     ])
-  ], 8, _t);
+  ], 8, It);
 }
-const At = /* @__PURE__ */ H(Tt, [["render", It], ["__scopeId", "data-v-27c4e09a"]]), kt = Z({
+const kt = /* @__PURE__ */ H(_t, [["render", At], ["__scopeId", "data-v-27c4e09a"]]), Lt = Z({
   name: "bento-listbox-option",
   props: {
     /**
@@ -181,7 +181,7 @@ const At = /* @__PURE__ */ H(Tt, [["render", It], ["__scopeId", "data-v-27c4e09a
     };
   }
 });
-function Lt(e, t, i, s, r, o) {
+function $t(e, t, i, s, r, o) {
   return v(), O("div", Y({
     class: ["b-listbox-option", e.conditionalClasses],
     role: "option"
@@ -196,14 +196,14 @@ function Lt(e, t, i, s, r, o) {
     j(e.$slots, "default", {}, void 0, !0)
   ], 16);
 }
-const Ee = /* @__PURE__ */ H(kt, [["render", Lt], ["__scopeId", "data-v-b7af43a6"]]);
+const Ee = /* @__PURE__ */ H(Lt, [["render", $t], ["__scopeId", "data-v-1495b1db"]]);
 let Me = 0;
-const $t = {
+const Dt = {
   beforeCreate() {
     this.uuid = Me.toString(), Me += 1;
   }
-}, Dt = { key: 0 };
-function Bt(e, t, i, s, r, o) {
+}, Bt = { key: 0 };
+function Rt(e, t, i, s, r, o) {
   return v(), O("svg", Y({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -211,19 +211,19 @@ function Bt(e, t, i, s, r, o) {
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (v(), O("title", Dt, V(e.$attrs["svg-title"]), 1)) : J("", !0),
+    e.$attrs["svg-title"] ? (v(), O("title", Bt, V(e.$attrs["svg-title"]), 1)) : J("", !0),
     t[0] || (t[0] = z("path", {
       fill: "#001222",
       d: "M15.0608 4.00011L14.0001 2.93945L6.00011 10.9395L2.00011 6.93945L0.939453 8.00011L6.00011 13.0608L15.0608 4.00011Z"
     }, null, -1))
   ], 16);
 }
-const Rt = /* @__PURE__ */ H($t, [["render", Bt]]), Nt = Z({
+const Nt = /* @__PURE__ */ H(Dt, [["render", Rt]]), Pt = Z({
   name: "bento-listbox-single-select-option",
   components: {
     BentoListboxOption: Ee,
     BentoTypography: de,
-    CheckmarkIcon: Rt
+    CheckmarkIcon: Nt
   },
   props: {
     /**
@@ -259,8 +259,8 @@ const Rt = /* @__PURE__ */ H($t, [["render", Bt]]), Nt = Z({
       onOptionSelected: i
     };
   }
-}), Pt = { class: "b-listbox-single-select-option__text" }, Mt = { class: "b-listbox-single-select-option__check-icon" };
-function xt(e, t, i, s, r, o) {
+}), Mt = { class: "b-listbox-single-select-option__text" }, xt = { class: "b-listbox-single-select-option__check-icon" };
+function Gt(e, t, i, s, r, o) {
   const n = L("bento-typography"), p = L("checkmark-icon"), y = L("bento-listbox-option");
   return v(), R(y, {
     class: "b-listbox-single-select-option",
@@ -276,7 +276,7 @@ function xt(e, t, i, s, r, o) {
   }, {
     default: A(() => [
       j(e.$slots, "default", ae(ve(e.option)), () => [
-        z("span", Pt, [
+        z("span", Mt, [
           G(n, { el: "span" }, {
             default: A(() => [
               K(V(e.option.label), 1)
@@ -295,16 +295,16 @@ function xt(e, t, i, s, r, o) {
           })) : J("", !0)
         ])
       ], !0),
-      z("span", Mt, [
+      z("span", xt, [
         ce(G(p, { "svg-title": "selected" }, null, 512), [
-          [we, e.selected]
+          [Ye, e.selected]
         ])
       ])
     ]),
     _: 3
   }, 8, ["disabled", "selected", "aria-selected", "aria-disabled", "tabindex"]);
 }
-const Gt = /* @__PURE__ */ H(Nt, [["render", xt], ["__scopeId", "data-v-d8747990"]]), Ve = ({ items: e }, t) => {
+const wt = /* @__PURE__ */ H(Pt, [["render", Gt], ["__scopeId", "data-v-4f41af07"]]), Fe = ({ items: e }, t) => {
   const i = m(() => e.value.length - 1), s = k(0), r = (f) => {
     switch (f) {
       case "increase":
@@ -351,7 +351,7 @@ const Gt = /* @__PURE__ */ H(Nt, [["render", xt], ["__scopeId", "data-v-d8747990
     preventDefault: l,
     focusedIndex: s
   };
-}, Fe = (e, t, i = k("option"), s = !0) => {
+}, Ke = (e, t, i = k("option"), s = !0) => {
   const r = k([]), o = async () => {
     if (!e.value || e.value.nodeType === Node.COMMENT_NODE)
       return;
@@ -361,7 +361,7 @@ const Gt = /* @__PURE__ */ H(Nt, [["render", xt], ["__scopeId", "data-v-d8747990
   return ye(
     t,
     () => {
-      Ye(() => {
+      Ue(() => {
         o();
       });
     },
@@ -370,11 +370,11 @@ const Gt = /* @__PURE__ */ H(Nt, [["render", xt], ["__scopeId", "data-v-d8747990
     visibleDomOptions: r,
     updateVisibleDomOptions: o
   };
-}, wt = Z({
+}, Yt = Z({
   name: "bento-listbox-single-select",
   components: {
-    BentoListboxSingleSelectCategory: At,
-    BentoListboxSingleSelectOption: Gt
+    BentoListboxSingleSelectCategory: kt,
+    BentoListboxSingleSelectOption: wt
   },
   directives: { BentoKeyboardNavigationDirective: Ce },
   inheritAttrs: !1,
@@ -434,7 +434,7 @@ const Gt = /* @__PURE__ */ H(Nt, [["render", xt], ["__scopeId", "data-v-d8747990
       }
     ), a = m(() => !!e.items.some(({ items: S }) => !!S)), u = (S) => (_) => {
       t(S, [_]);
-    }, { visibleDomOptions: l } = Fe(o, fe(e, "items"), k("option"), !1), f = (S) => {
+    }, { visibleDomOptions: l } = Ke(o, fe(e, "items"), k("option"), !1), f = (S) => {
       var _;
       (_ = l.value[S]) == null || _.focus();
     }, {
@@ -443,7 +443,7 @@ const Gt = /* @__PURE__ */ H(Nt, [["render", xt], ["__scopeId", "data-v-d8747990
       moveToFirstElement: $,
       moveToLastElement: P,
       setListboxFocusedIndex: D
-    } = Ve(
+    } = Fe(
       {
         items: l
       },
@@ -489,8 +489,8 @@ const Gt = /* @__PURE__ */ H(Nt, [["render", xt], ["__scopeId", "data-v-d8747990
     };
   }
 });
-function Yt(e, t, i, s, r, o) {
-  const n = L("bento-listbox-single-select-option"), p = L("bento-listbox-single-select-category"), y = Ue("bento-keyboard-navigation-directive");
+function Ut(e, t, i, s, r, o) {
+  const n = L("bento-listbox-single-select-option"), p = L("bento-listbox-single-select-category"), y = ze("bento-keyboard-navigation-directive");
   return ce((v(), O("div", Y({ ref: "listboxRef" }, e.ariaAttributes, { role: "listbox" }, se(e.listboxListeners, !0)), [
     e.hasCategories && e.staticCategories ? (v(!0), O(le, { key: 0 }, q(e.items, (a) => (v(), R(p, {
       key: a.value,
@@ -535,8 +535,8 @@ function Yt(e, t, i, s, r, o) {
     [y]
   ]);
 }
-const Ut = /* @__PURE__ */ H(wt, [["render", Yt]]), zt = {}, Vt = /* @__PURE__ */ Z({
-  ...zt,
+const zt = /* @__PURE__ */ H(Yt, [["render", Ut]]), Vt = {}, Ft = /* @__PURE__ */ Z({
+  ...Vt,
   __name: "listbox-decorative-checkbox",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -555,12 +555,12 @@ const Ut = /* @__PURE__ */ H(wt, [["render", Yt]]), zt = {}, Vt = /* @__PURE__ *
       class: ge(["b-checkbox-input", i.value]),
       role: "presentation"
     }, [
-      r.indeterminate ? (v(), R(x(gt), {
+      r.indeterminate ? (v(), R(x(yt), {
         key: 0,
         class: "b-checkbox-input__icon",
         "svg-title": "",
         "aria-hidden": "true"
-      })) : r.checked ? (v(), R(x(yt), {
+      })) : r.checked ? (v(), R(x(St), {
         key: 1,
         class: "b-checkbox-input__icon",
         "svg-title": "",
@@ -571,21 +571,21 @@ const Ut = /* @__PURE__ */ H(wt, [["render", Yt]]), zt = {}, Vt = /* @__PURE__ *
       }, null, 2)
     ], 2));
   }
-}), Ae = /* @__PURE__ */ H(Vt, [["__scopeId", "data-v-b7aa6299"]]);
-var Ke = /* @__PURE__ */ ((e) => (e.DISABLED = "disabled", e.STATIC_CATEGORY = "static-category", e))(Ke || {}), te = /* @__PURE__ */ ((e) => (e.SELECT_CATEGORY = "select-category", e.UNSELECT_CATEGORY = "unselect-category", e.TOGGLE_CATEGORY_VISIBILITY = "toggle-category-visibility", e))(te || {});
-const Ft = {
+}), Ae = /* @__PURE__ */ H(Ft, [["__scopeId", "data-v-b7aa6299"]]);
+var We = /* @__PURE__ */ ((e) => (e.DISABLED = "disabled", e.STATIC_CATEGORY = "static-category", e))(We || {}), te = /* @__PURE__ */ ((e) => (e.SELECT_CATEGORY = "select-category", e.UNSELECT_CATEGORY = "unselect-category", e.TOGGLE_CATEGORY_VISIBILITY = "toggle-category-visibility", e))(te || {});
+const xe = {
   "en-US": {
     categoryClosed: "{category} closed",
     categoryOpened: "{category} opened"
   }
 }, Kt = Z({
-  i18n: { messages: Ft },
+  i18n: { messages: xe },
   name: "bento-listbox-multi-select-category",
   components: {
     BentoTypography: de,
     BentoListboxOption: Ee,
-    ChevronDownIcon: St,
-    ChevronUpIcon: ht,
+    ChevronDownIcon: ht,
+    ChevronUpIcon: Ct,
     ListboxDecorativeCheckbox: Ae
   },
   props: {
@@ -637,10 +637,10 @@ const Ft = {
     te.TOGGLE_CATEGORY_VISIBILITY
   ],
   setup(e, { emit: t }) {
-    const i = k(!1), { t: s } = Ie(), r = Ne("category-group"), o = Ne("category-name"), n = (N) => e.isOptionDisabled ? e.isOptionDisabled(N) : !1, p = m(
+    const i = k(!1), { t: s } = Ie({ messages: xe }), r = Ne("category-group"), o = Ne("category-name"), n = (N) => e.isOptionDisabled ? e.isOptionDisabled(N) : !1, p = m(
       () => e.category.items.every((N) => n(N))
     ), y = fe(e, "staticCategories"), a = m(() => i.value || e.staticCategories), u = m(() => ({
-      [`b-listbox-multi-select-category--${Ke.DISABLED}`]: p.value
+      [`b-listbox-multi-select-category--${We.DISABLED}`]: p.value
     })), l = (N, U) => {
       N.preventDefault(), i.value = U !== void 0 ? U : !i.value, t(te.TOGGLE_CATEGORY_VISIBILITY, e.category.value);
     }, f = (N) => {
@@ -669,7 +669,7 @@ const Ft = {
       t(te.SELECT_CATEGORY);
     }, D = () => {
       t(te.UNSELECT_CATEGORY);
-    }, { isAllSelected: B, isIndeterminate: I, toggleSelectAll: S } = ze(
+    }, { isAllSelected: B, isIndeterminate: I, toggleSelectAll: S } = Ve(
       T,
       E,
       P,
@@ -781,11 +781,11 @@ function Xt(e, t, i, s, r, o) {
     }, [
       j(e.$slots, "default", {}, void 0, !0)
     ], 8, Ht), [
-      [we, e.showItemChildren]
+      [Ye, e.showItemChildren]
     ])
   ]);
 }
-const Jt = /* @__PURE__ */ H(Kt, [["render", Xt], ["__scopeId", "data-v-2a36dace"]]);
+const Jt = /* @__PURE__ */ H(Kt, [["render", Xt], ["__scopeId", "data-v-107d133b"]]);
 var X = /* @__PURE__ */ ((e) => (e.SELECT_CATEGORY = "select-category", e.TOGGLE_CHECKBOX_SELECTION = "toggle-checkbox-selection", e.UNSELECT_CATEGORY = "unselect-category", e.TOGGLE_CATEGORY_VISIBILITY = "toggle-category-visibility", e))(X || {});
 const Zt = Z({
   name: "listbox-multi-select-options",
@@ -1018,7 +1018,7 @@ function ts(e, t, i, s, r, o) {
     ]))), 128))
   ]);
 }
-const ss = /* @__PURE__ */ H(Zt, [["render", ts], ["__scopeId", "data-v-a7224b63"]]), ls = (e) => {
+const ss = /* @__PURE__ */ H(Zt, [["render", ts], ["__scopeId", "data-v-74d7ed4a"]]), ls = (e) => {
   const t = m(() => {
     var s;
     return !!((s = e.value) != null && s.find(({ items: r }) => !!r));
@@ -1030,7 +1030,7 @@ const ss = /* @__PURE__ */ H(Zt, [["render", ts], ["__scopeId", "data-v-a7224b63
     isMultiLevelSelect: t,
     flattenedItemsList: i
   };
-}, We = {
+}, je = {
   "en-US": {
     allSelected: "All selected ({total})",
     numberOfTotalSelected: "{number} of {total} selected",
@@ -1053,7 +1053,7 @@ const ss = /* @__PURE__ */ H(Zt, [["render", ts], ["__scopeId", "data-v-a7224b63
   key: 1,
   class: "b-listbox-multi-select__divider",
   "aria-hidden": "true"
-}, as = { i18n: { messages: We } }, rs = /* @__PURE__ */ Z({
+}, as = { i18n: { messages: je } }, rs = /* @__PURE__ */ Z({
   ...as,
   __name: "listbox-multi-select",
   props: {
@@ -1067,7 +1067,7 @@ const ss = /* @__PURE__ */ H(Zt, [["render", ts], ["__scopeId", "data-v-a7224b63
   },
   emits: ["select"],
   setup(e, { expose: t, emit: i }) {
-    const s = e, r = i, { t: o, n } = Ie({ messages: We }), p = ut(), y = bt(), a = m(
+    const s = e, r = i, { t: o, n } = Ie({ messages: je }), p = bt(), y = mt(), a = m(
       () => {
         var c, b, d, h;
         return {
@@ -1114,26 +1114,26 @@ const ss = /* @__PURE__ */ H(Zt, [["render", ts], ["__scopeId", "data-v-a7224b63
       r("select", [...s.selectedValues, ...d]);
     }, W = (c) => {
       const b = (C) => {
-        const { isDisabled: ee, isPreSelected: rt } = S(C);
-        return !(ee && rt);
+        const { isDisabled: ee, isPreSelected: ct } = S(C);
+        return !(ee && ct);
       }, d = c.filter(b).map(({ value: C }) => C), h = s.selectedValues.filter((C) => !(d != null && d.includes(C.value)));
       r("select", h);
     }, oe = () => {
       U(P.value);
     }, Oe = () => {
       W(P.value);
-    }, { isAllSelected: M, isIndeterminate: ie, toggleSelectAll: je } = ze(
+    }, { isAllSelected: M, isIndeterminate: ie, toggleSelectAll: qe } = Ve(
       w,
       _,
       oe,
       Oe
     ), ke = m(() => ie.value ? "mixed" : `${M.value}`), Se = k(M.value), Te = () => {
-      Se.value = !Se.value, je(Se.value);
+      Se.value = !Se.value, qe(Se.value);
     };
     ye(M, () => {
       Se.value = M.value;
     });
-    const qe = (c) => {
+    const He = (c) => {
       U(c.items);
     }, Le = (c) => {
       W(c.items);
@@ -1141,58 +1141,58 @@ const ss = /* @__PURE__ */ H(Zt, [["render", ts], ["__scopeId", "data-v-a7224b63
       let d = !1;
       const h = s.selectedValues.filter(({ value: C }) => b.value === C ? (d = !0, !1) : !0);
       d || h.push(b), r(c, h);
-    }, He = m(() => {
+    }, Xe = m(() => {
       if (!$.value)
         return s.selectedValues;
       const c = (C) => T.value.includes(C.value), b = (C) => !s.staticCategories && C.every((ee) => c(ee));
       return s.items.flatMap(
         (C) => C.items && !b(C.items) ? C.items : C
       ).filter((C) => C.items ? !0 : c(C));
-    }), Xe = m(() => {
+    }), Je = m(() => {
       var d, h, C, ee;
       const c = ["automatic", "button"].includes(s.lazyLoadType), b = ((d = s.selectedValues) == null ? void 0 : d.length) > 0 && ((h = w.value) == null ? void 0 : h.length) !== ((C = P.value) == null ? void 0 : C.length);
       return c && s.hasMoreItems ? !!((ee = s.selectedValues) != null && ee.length) : b;
-    }), $e = m(() => ["automatic", "button"].includes(s.lazyLoadType) ? !s.hasMoreItems : !0), be = k([]), { visibleDomOptions: De, updateVisibleDomOptions: Je } = Fe(
+    }), $e = m(() => ["automatic", "button"].includes(s.lazyLoadType) ? !s.hasMoreItems : !0), be = k([]), { visibleDomOptions: De, updateVisibleDomOptions: Ze } = Ke(
       u,
       fe(s, "items"),
       I
-    ), Ze = (c) => {
-      be.value.includes(c) ? be.value = be.value.filter((b) => b !== c) : be.value.push(c), Ye(() => {
-        Je();
+    ), Qe = (c) => {
+      be.value.includes(c) ? be.value = be.value.filter((b) => b !== c) : be.value.push(c), Ue(() => {
+        Ze();
       });
-    }, Qe = (c) => {
+    }, et = (c) => {
       var b;
       (b = De.value[c]) == null || b.focus();
     }, {
-      moveToNextElement: et,
-      moveToPreviousElement: tt,
-      moveToFirstElement: st,
-      moveToLastElement: lt,
+      moveToNextElement: tt,
+      moveToPreviousElement: st,
+      moveToFirstElement: lt,
+      moveToLastElement: ot,
       preventDefault: Be,
       focusedIndex: Re,
-      setListboxFocusedIndex: ot
-    } = Ve(
+      setListboxFocusedIndex: it
+    } = Fe(
       {
         items: De
       },
-      Qe
-    ), it = {
-      [F.ARROW_UP]: (c) => tt(c),
-      [F.ARROW_DOWN]: (c) => et(c),
-      [F.HOME]: st,
-      [F.END]: lt
+      et
+    ), nt = {
+      [F.ARROW_UP]: (c) => st(c),
+      [F.ARROW_DOWN]: (c) => tt(c),
+      [F.HOME]: lt,
+      [F.END]: ot
     };
     t({
       /**
        * Method to set the index of the item to be focused on
        * Used for focus management to be kept in-sync with parent e.g. dropdowns
        */
-      setListboxFocusedIndex: ot
+      setListboxFocusedIndex: it
     });
-    const nt = {
+    const at = {
       [F.ARROW_UP]: Be,
       [F.ARROW_DOWN]: Be
-    }, at = m(() => {
+    }, rt = m(() => {
       let c = 1;
       const b = {};
       return s.items.forEach((d) => {
@@ -1205,12 +1205,12 @@ const ss = /* @__PURE__ */ H(Zt, [["render", ts], ["__scopeId", "data-v-a7224b63
       ref: u,
       class: "b-listbox-multi-select"
     }, [
-      Xe.value ? (v(), O("div", os, [
-        ce((v(), O("ul", Y({ class: "b-listbox-multi-select__chips" }, se(nt, !0)), [
-          (v(!0), O(le, null, q(He.value, (d) => (v(), O("li", {
+      Je.value ? (v(), O("div", os, [
+        ce((v(), O("ul", Y({ class: "b-listbox-multi-select__chips" }, se(at, !0)), [
+          (v(!0), O(le, null, q(Xe.value, (d) => (v(), O("li", {
             key: d.value
           }, [
-            G(x(pt), {
+            G(x(gt), {
               ref_for: !0,
               ref_key: "selectedListboxItemsRef",
               ref: f,
@@ -1228,7 +1228,7 @@ const ss = /* @__PURE__ */ H(Zt, [["render", ts], ["__scopeId", "data-v-a7224b63
           "aria-hidden": "true"
         }, null, -1))
       ])) : J("", !0),
-      ce((v(), O("div", Y(a.value, { role: B.value }, se(it, !0)), [
+      ce((v(), O("div", Y(a.value, { role: B.value }, se(nt, !0)), [
         $e.value ? (v(), R(x(Ee), {
           key: 0,
           ref_key: "selectAllListboxItemsRef",
@@ -1267,12 +1267,12 @@ const ss = /* @__PURE__ */ H(Zt, [["render", ts], ["__scopeId", "data-v-a7224b63
           searching: c.searching,
           "selected-items-list": T.value,
           "focused-index": x(Re),
-          "items-index": at.value,
+          "items-index": rt.value,
           role: I.value,
           onToggleCheckboxSelection: b[0] || (b[0] = (d) => ue("select", d)),
-          onSelectCategory: qe,
+          onSelectCategory: He,
           onUnselectCategory: Le,
-          onToggleCategoryVisibility: Ze,
+          onToggleCategoryVisibility: Qe,
           onSpacePressed: b[1] || (b[1] = (d) => ue(x(g).SPACE, d)),
           onTabPressed: b[2] || (b[2] = (d) => ue(x(g).TAB, d)),
           onEnterPressed: b[3] || (b[3] = (d) => ue(x(g).ENTER, d))
@@ -1289,7 +1289,7 @@ const ss = /* @__PURE__ */ H(Zt, [["render", ts], ["__scopeId", "data-v-a7224b63
       ])
     ], 512));
   }
-}), xe = /* @__PURE__ */ H(rs, [["__scopeId", "data-v-2ad7d51a"]]), Ge = {
+}), Ge = /* @__PURE__ */ H(rs, [["__scopeId", "data-v-87a89c41"]]), we = {
   "en-US": {
     loading: "Loading",
     showMore: "Show more"
@@ -1305,15 +1305,15 @@ const ss = /* @__PURE__ */ H(Zt, [["render", ts], ["__scopeId", "data-v-a7224b63
 }, cs = 36, ds = Z({
   name: "bento-listbox",
   components: {
-    BentoEmptyState: vt,
-    BentoListboxSingleSelect: Ut,
-    BentoListboxMultiSelect: xe,
+    BentoEmptyState: ft,
+    BentoListboxSingleSelect: zt,
+    BentoListboxMultiSelect: Ge,
     BentoTypography: de,
-    BentoLoadingIndicator: mt,
-    BentoLoadingButton: Ct
+    BentoLoadingIndicator: vt,
+    BentoLoadingButton: Et
   },
   directives: { BentoKeyboardNavigationDirective: Ce },
-  i18n: { messages: Ge },
+  i18n: { messages: we },
   props: {
     /**
      * Defines a string value that labels an interactive element.
@@ -1394,7 +1394,7 @@ const ss = /* @__PURE__ */ H(Zt, [["render", ts], ["__scopeId", "data-v-a7224b63
      *
      * If enabled, hides the "Select all" checkbox in "multiple" mode.
      */
-    searching: xe.props.searching,
+    searching: Ge.props.searching,
     /**
      * The `input` value.
      * Providing an empty string or empty array will select no options.
@@ -1422,7 +1422,7 @@ const ss = /* @__PURE__ */ H(Zt, [["render", ts], ["__scopeId", "data-v-a7224b63
     g.TAB
   ],
   setup(e, { emit: t, slots: i }) {
-    const s = k([]), r = fe(e, "items"), { t: o } = Ie({ messages: Ge }), n = m(() => e.lazyLoadType !== ne.AUTOMATIC), p = m(() => e.lazyLoadType === ne.AUTOMATIC), y = () => {
+    const s = k([]), r = fe(e, "items"), { t: o } = Ie({ messages: we }), n = m(() => e.lazyLoadType !== ne.AUTOMATIC), p = m(() => e.lazyLoadType === ne.AUTOMATIC), y = () => {
       var M;
       return typeof (e == null ? void 0 : e.virtualScroll) == "object" && ((M = e == null ? void 0 : e.virtualScroll) != null && M.itemHeight) ? e.virtualScroll.itemHeight : cs;
     }, {
@@ -1431,7 +1431,7 @@ const ss = /* @__PURE__ */ H(Zt, [["render", ts], ["__scopeId", "data-v-a7224b63
       onScroll: l,
       list: f,
       wrapperProps: E
-    } = Ot(r, {
+    } = Tt(r, {
       itemHeight: y(),
       // Disable virtual scrolling if not enabled or if lazy loading is enabled or if multi-select
       disabled: (e == null ? void 0 : e.multiple) || (e == null ? void 0 : e.virtualScroll) === !1 || (e == null ? void 0 : e.lazyLoadType) !== "none"
@@ -1457,7 +1457,7 @@ const ss = /* @__PURE__ */ H(Zt, [["render", ts], ["__scopeId", "data-v-a7224b63
       t(M, ie);
     }, S = () => {
       t(g.SHOW_MORE);
-    }, _ = ft(() => {
+    }, _ = pt(() => {
       const M = a.value;
       if (!M)
         return;
@@ -1523,7 +1523,7 @@ const ss = /* @__PURE__ */ H(Zt, [["render", ts], ["__scopeId", "data-v-a7224b63
 };
 function ps(e, t, i, s, r, o) {
   var E;
-  const n = L("bento-loading-indicator"), p = L("bento-empty-state"), y = L("bento-typography"), a = L("bento-listbox-multi-select"), u = L("bento-listbox-single-select"), l = L("bento-loading-button"), f = Ue("bento-keyboard-navigation-directive");
+  const n = L("bento-loading-indicator"), p = L("bento-empty-state"), y = L("bento-typography"), a = L("bento-listbox-multi-select"), u = L("bento-listbox-single-select"), l = L("bento-loading-button"), f = ze("bento-keyboard-navigation-directive");
   return ce((v(), O("div", Y({
     id: e.id,
     ref: "listboxRef",
@@ -1602,7 +1602,7 @@ function ps(e, t, i, s, r, o) {
     [f]
   ]);
 }
-const Ps = /* @__PURE__ */ H(ds, [["render", ps], ["__scopeId", "data-v-87d60ef6"]]), _e = (e, t) => {
+const Ps = /* @__PURE__ */ H(ds, [["render", ps], ["__scopeId", "data-v-ef1c27fa"]]), _e = (e, t) => {
   for (const i of e) {
     if (i.value === t)
       return i;
@@ -1662,7 +1662,7 @@ export {
   g as a,
   Ps as b,
   Ms as c,
-  Fe as d,
+  Ke as d,
   ls as u
 };
-//# sourceMappingURL=use-cached-selected-values.CBOWMI4O.js.map
+//# sourceMappingURL=use-cached-selected-values.C32tjNKy.js.map