@adyen/bento-vue3 1.66.0 → 1.67.0

package/dist/chunks/{use-cached-selected-values.rqtiP4Nd.js → use-cached-selected-values.D7dOPJSO.js}

@@ -1,4 +1,4 @@
-import { computed as m, ref as $, onMounted as rt, onUnmounted as ct, watch as pe, defineComponent as J, resolveComponent as D, createElementBlock as O, openBlock as v, createVNode as M, createElementVNode as U, withCtx as A, createTextVNode as F, toDisplayString as z, renderSlot as K, mergeProps as Y, withKeys as ue, createCommentVNode as X, createBlock as N, withModifiers as ne, normalizeProps as ie, guardReactiveProps as be, withDirectives as ae, vShow as Me, nextTick as Ge, toRef as me, resolveDirective as we, toHandlers as te, Fragment as se, renderList as j, createSlots as ve, normalizeClass as fe, unref as x, useSlots as dt, useAttrs as ut } from "vue";
+import { computed as m, ref as $, onMounted as rt, onUnmounted as ct, watch as pe, defineComponent as J, resolveComponent as D, createElementBlock as O, openBlock as v, createVNode as x, createElementVNode as U, withCtx as A, createTextVNode as F, toDisplayString as z, renderSlot as K, mergeProps as Y, withKeys as ue, createCommentVNode as X, createBlock as N, withModifiers as ne, normalizeProps as ie, guardReactiveProps as be, withDirectives as ae, vShow as Ge, nextTick as we, toRef as me, resolveDirective as Ye, toHandlers as te, Fragment as se, renderList as j, createSlots as ve, normalizeClass as fe, unref as M, useSlots as dt, useAttrs as ut } from "vue";
 import { B as V, a as he } from "./keyboard-navigation.CqgGzfZQ.js";
 import "./events.FNmSWp_P.js";
 import { B as re } from "./typography.DN5eC5ch.js";
@@ -12,11 +12,11 @@ import { C as Se, N as pt } from "./minus-small.DYIyF5XW.js";
 import { C as gt } from "./checkmark-small.x-gmK2Dt.js";
 import { C as yt } from "./chevron-down.DCQ6ZLaq.js";
 import { C as St } from "./chevron-up.kfuLRpZb.js";
-import { d as ht, e as Re } from "./button-actions.D1pXI1AJ.js";
+import { d as ht, e as Ne } from "./button-actions.BwpznQ6c.js";
 /* empty css              */
 import { o as Ct } from "./resize.Bqks3WUm.js";
 import "../assets/use-cached-selected-values.css";
-const Ye = (e, t, i, s) => {
+const Ue = (e, t, i, s) => {
   const n = m(
     () => {
       var p, S;
@@ -127,7 +127,7 @@ const Ot = J({
 function _t(e, t, i, s, n, o) {
   const a = D("bento-typography");
   return v(), O("div", Tt, [
-    M(a, {
+    x(a, {
       variant: "caption",
       el: "span",
       class: "b-listbox-single-select-category__label-text"
@@ -192,10 +192,10 @@ function kt(e, t, i, s, n, o) {
   ], 16);
 }
 const Ce = /* @__PURE__ */ q(At, [["render", kt], ["__scopeId", "data-v-b7af43a6"]]);
-let Ne = 0;
+let Pe = 0;
 const Lt = {
   beforeCreate() {
-    this.uuid = Ne.toString(), Ne += 1;
+    this.uuid = Pe.toString(), Pe += 1;
   }
 }, $t = { key: 0 };
 function Dt(e, t, i, s, n, o) {
@@ -255,7 +255,7 @@ const Bt = /* @__PURE__ */ q(Lt, [["render", Dt]]), Rt = J({
     };
   }
 }), Nt = { class: "b-listbox-single-select-option__text" }, Pt = { class: "b-listbox-single-select-option__check-icon" };
-function xt(e, t, i, s, n, o) {
+function Mt(e, t, i, s, n, o) {
   const a = D("bento-typography"), p = D("checkmark-icon"), S = D("bento-listbox-option");
   return v(), N(S, {
     class: "b-listbox-single-select-option",
@@ -272,7 +272,7 @@ function xt(e, t, i, s, n, o) {
     default: A(() => [
       K(e.$slots, "default", ie(be(e.option)), () => [
         U("span", Nt, [
-          M(a, { el: "span" }, {
+          x(a, { el: "span" }, {
             default: A(() => [
               F(z(e.option.label), 1)
             ]),
@@ -291,15 +291,15 @@ function xt(e, t, i, s, n, o) {
         ])
       ], !0),
       U("span", Pt, [
-        ae(M(p, { "svg-title": "selected" }, null, 512), [
-          [Me, e.selected]
+        ae(x(p, { "svg-title": "selected" }, null, 512), [
+          [Ge, e.selected]
         ])
       ])
     ]),
     _: 3
   }, 8, ["disabled", "selected", "aria-selected", "aria-disabled", "tabindex"]);
 }
-const Mt = /* @__PURE__ */ q(Rt, [["render", xt], ["__scopeId", "data-v-226f4c84"]]), Ue = ({ items: e }, t) => {
+const xt = /* @__PURE__ */ q(Rt, [["render", Mt], ["__scopeId", "data-v-226f4c84"]]), ze = ({ items: e }, t) => {
   const i = m(() => e.value.length - 1), s = $(0), n = (f) => {
     switch (f) {
       case "increase":
@@ -346,7 +346,7 @@ const Mt = /* @__PURE__ */ q(Rt, [["render", xt], ["__scopeId", "data-v-226f4c84
     preventDefault: l,
     focusedIndex: s
   };
-}, ze = (e, t, i = $("option"), s = !0) => {
+}, Ve = (e, t, i = $("option"), s = !0) => {
   const n = $([]), o = async () => {
     if (!e.value || e.value.nodeType === Node.COMMENT_NODE)
       return;
@@ -356,7 +356,7 @@ const Mt = /* @__PURE__ */ q(Rt, [["render", xt], ["__scopeId", "data-v-226f4c84
   return pe(
     t,
     () => {
-      Ge(() => {
+      we(() => {
         o();
       });
     },
@@ -369,7 +369,7 @@ const Mt = /* @__PURE__ */ q(Rt, [["render", xt], ["__scopeId", "data-v-226f4c84
   name: "bento-listbox-single-select",
   components: {
     BentoListboxSingleSelectCategory: It,
-    BentoListboxSingleSelectOption: Mt
+    BentoListboxSingleSelectOption: xt
   },
   directives: { BentoKeyboardNavigationDirective: he },
   inheritAttrs: !1,
@@ -429,7 +429,7 @@ const Mt = /* @__PURE__ */ q(Rt, [["render", xt], ["__scopeId", "data-v-226f4c84
       }
     ), r = m(() => !!e.items.some(({ items: y }) => !!y)), u = (y) => (_) => {
       t(y, [_]);
-    }, { visibleDomOptions: l } = ze(o, me(e, "items"), $("option"), !1), f = (y) => {
+    }, { visibleDomOptions: l } = Ve(o, me(e, "items"), $("option"), !1), f = (y) => {
       var _;
       (_ = l.value[y]) == null || _.focus();
     }, {
@@ -438,7 +438,7 @@ const Mt = /* @__PURE__ */ q(Rt, [["render", xt], ["__scopeId", "data-v-226f4c84
       moveToFirstElement: R,
       moveToLastElement: L,
       setListboxFocusedIndex: B
-    } = Ue(
+    } = ze(
       {
         items: l
       },
@@ -485,7 +485,7 @@ const Mt = /* @__PURE__ */ q(Rt, [["render", xt], ["__scopeId", "data-v-226f4c84
   }
 });
 function wt(e, t, i, s, n, o) {
-  const a = D("bento-listbox-single-select-option"), p = D("bento-listbox-single-select-category"), S = we("bento-keyboard-navigation-directive");
+  const a = D("bento-listbox-single-select-option"), p = D("bento-listbox-single-select-category"), S = Ye("bento-keyboard-navigation-directive");
   return ae((v(), O("div", Y({ ref: "listboxRef" }, e.ariaAttributes, { role: "listbox" }, te(e.listboxListeners, !0)), [
     e.hasCategories && e.staticCategories ? (v(!0), O(se, { key: 0 }, j(e.items, (r) => (v(), N(p, {
       key: r.value,
@@ -551,12 +551,12 @@ const Yt = /* @__PURE__ */ q(Gt, [["render", wt]]), Ut = {}, zt = /* @__PURE__ *
       class: fe(["b-checkbox-input", i.value]),
       role: "presentation"
     }, [
-      n.indeterminate ? (v(), N(x(pt), {
+      n.indeterminate ? (v(), N(M(pt), {
         key: 0,
         class: "b-checkbox-input__icon",
         "svg-title": "",
         "aria-hidden": "true"
-      })) : n.checked ? (v(), N(x(gt), {
+      })) : n.checked ? (v(), N(M(gt), {
         key: 1,
         class: "b-checkbox-input__icon",
         "svg-title": "",
@@ -568,7 +568,7 @@ const Yt = /* @__PURE__ */ q(Gt, [["render", wt]]), Ut = {}, zt = /* @__PURE__ *
     ], 2));
   }
 }), Ae = /* @__PURE__ */ q(zt, [["__scopeId", "data-v-c604b68a"]]);
-var Ve = /* @__PURE__ */ ((e) => (e.DISABLED = "disabled", e.STATIC_CATEGORY = "static-category", e))(Ve || {}), ee = /* @__PURE__ */ ((e) => (e.SELECT_CATEGORY = "select-category", e.UNSELECT_CATEGORY = "unselect-category", e.TOGGLE_CATEGORY_VISIBILITY = "toggle-category-visibility", e))(ee || {});
+var Fe = /* @__PURE__ */ ((e) => (e.DISABLED = "disabled", e.STATIC_CATEGORY = "static-category", e))(Fe || {}), ee = /* @__PURE__ */ ((e) => (e.SELECT_CATEGORY = "select-category", e.UNSELECT_CATEGORY = "unselect-category", e.TOGGLE_CATEGORY_VISIBILITY = "toggle-category-visibility", e))(ee || {});
 const Vt = {
   "en-US": {
     categoryClosed: "{category} closed",
@@ -636,7 +636,7 @@ const Vt = {
     const i = $(!1), { t: s } = Ie(), n = (I) => e.isOptionDisabled ? e.isOptionDisabled(I) : !1, o = m(
       () => e.category.items.every((I) => n(I))
     ), a = me(e, "staticCategories"), p = m(() => i.value || e.staticCategories), S = m(() => ({
-      [`b-listbox-multi-select-category--${Ve.DISABLED}`]: o.value
+      [`b-listbox-multi-select-category--${Fe.DISABLED}`]: o.value
     })), r = (I, w) => {
       I.preventDefault(), i.value = w !== void 0 ? w : !i.value, t(ee.TOGGLE_CATEGORY_VISIBILITY, e.category.value);
     }, u = (I) => {
@@ -665,7 +665,7 @@ const Vt = {
       t(ee.SELECT_CATEGORY);
     }, R = () => {
       t(ee.UNSELECT_CATEGORY);
-    }, { isAllSelected: L, isIndeterminate: B, toggleSelectAll: G } = Ye(
+    }, { isAllSelected: L, isIndeterminate: B, toggleSelectAll: G } = Ue(
       f,
       l,
       T,
@@ -702,7 +702,7 @@ function qt(e, t, i, s, n, o) {
   return v(), O("div", null, [
     e.isStaticCategory ? (v(), O("div", Wt, [
       U("span", jt, [
-        M(p, {
+        x(p, {
           el: "span",
           variant: "caption",
           class: "b-listbox-multi-select-category__label-text"
@@ -717,6 +717,7 @@ function qt(e, t, i, s, n, o) {
       key: 0,
       class: fe(["b-listbox-multi-select-category__option", e.conditionalClass]),
       tabindex: e.tabindex,
+      "aria-selected": e.ariaCheckedComputed !== "false",
       "aria-checked": e.ariaCheckedComputed,
       "aria-disabled": e.hasAllPropsDisabled,
       "aria-expanded": e.isOpen,
@@ -730,13 +731,13 @@ function qt(e, t, i, s, n, o) {
       ]
     }, {
       default: A(() => [
-        M(a, {
+        x(a, {
           indeterminate: e.isIndeterminate,
           disabled: e.hasAllPropsDisabled,
           checked: e.isAllSelected
         }, null, 8, ["indeterminate", "disabled", "checked"]),
         U("span", Kt, [
-          M(p, {
+          x(p, {
             el: "span",
             class: "b-listbox-multi-select-category__label-text"
           }, {
@@ -761,15 +762,15 @@ function qt(e, t, i, s, n, o) {
         ])
       ]),
       _: 1
-    }, 8, ["class", "tabindex", "aria-checked", "aria-disabled", "aria-expanded", "onClick", "onEnterPressed", "onSpacePressed"])),
+    }, 8, ["class", "tabindex", "aria-selected", "aria-checked", "aria-disabled", "aria-expanded", "onClick", "onEnterPressed", "onSpacePressed"])),
     ae(U("div", null, [
       K(e.$slots, "default", {}, void 0, !0)
     ], 512), [
-      [Me, e.showItemChildren]
+      [Ge, e.showItemChildren]
     ])
   ]);
 }
-const Ht = /* @__PURE__ */ q(Ft, [["render", qt], ["__scopeId", "data-v-19872ad3"]]);
+const Ht = /* @__PURE__ */ q(Ft, [["render", qt], ["__scopeId", "data-v-94c9983d"]]);
 var H = /* @__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))(H || {});
 const Xt = J({
   name: "listbox-multi-select-options",
@@ -894,6 +895,7 @@ function Qt(e, t, i, s, n, o) {
         class: fe(["b-listbox-multi-select-options", e.conditionalClasses]),
         disabled: e.isOptionDisabled ? e.isOptionDisabled(l) : null,
         tabindex: e.computedTabindex(l.value),
+        "aria-selected": `${e.isOptionSelected(l)}`,
         "aria-checked": `${e.isOptionSelected(l)}`,
         "aria-disabled": e.isOptionDisabled ? e.isOptionDisabled(l) : null,
         role: e.$attrs.role,
@@ -902,13 +904,13 @@ function Qt(e, t, i, s, n, o) {
         onSpacePressed: ne((f) => e.toggleSearchOption(l), ["prevent"])
       }, {
         default: A(() => [
-          M(a, {
+          x(a, {
             disabled: e.isOptionDisabled ? e.isOptionDisabled(l) : null,
             checked: e.isOptionSelected(l)
           }, null, 8, ["disabled", "checked"]),
           K(e.$slots, "default", Y({ ref_for: !0 }, l), () => [
             U("span", Jt, [
-              M(p, { el: "span" }, {
+              x(p, { el: "span" }, {
                 default: A(() => [
                   F(z(l.label), 1)
                 ]),
@@ -928,7 +930,7 @@ function Qt(e, t, i, s, n, o) {
           ], !0)
         ]),
         _: 2
-      }, 1032, ["class", "disabled", "tabindex", "aria-checked", "aria-disabled", "role", "onClick", "onEnterPressed", "onSpacePressed"])) : (v(), O(se, { key: 1 }, [
+      }, 1032, ["class", "disabled", "tabindex", "aria-selected", "aria-checked", "aria-disabled", "role", "onClick", "onEnterPressed", "onSpacePressed"])) : (v(), O(se, { key: 1 }, [
         l.items ? (v(), N(u, {
           key: 0,
           category: l,
@@ -941,7 +943,7 @@ function Qt(e, t, i, s, n, o) {
           onToggleCategoryVisibility: t[1] || (t[1] = (f) => e.$emit(e.ListboxMultiSelectOptionsEvent.TOGGLE_CATEGORY_VISIBILITY, f))
         }, {
           default: A(() => [
-            M(r, {
+            x(r, {
               "category-items": "",
               items: l.items,
               "is-option-disabled": e.isOptionDisabled,
@@ -961,6 +963,7 @@ function Qt(e, t, i, s, n, o) {
           class: fe(["b-listbox-multi-select-options", e.conditionalClasses]),
           disabled: e.isOptionDisabled ? e.isOptionDisabled(l) : null,
           tabindex: e.computedTabindex(l.value),
+          "aria-selected": `${e.isOptionSelected(l)}`,
           "aria-checked": `${e.isOptionSelected(l)}`,
           "aria-disabled": e.isOptionDisabled ? e.isOptionDisabled(l) : null,
           role: e.$attrs.role,
@@ -969,13 +972,13 @@ function Qt(e, t, i, s, n, o) {
           onSpacePressed: ne((f) => e.toggleCheckboxSelection(l), ["prevent"])
         }, {
           default: A(() => [
-            M(a, {
+            x(a, {
               disabled: e.isOptionDisabled ? e.isOptionDisabled(l) : null,
               checked: e.isOptionSelected(l)
             }, null, 8, ["disabled", "checked"]),
             K(e.$slots, "default", Y({ ref_for: !0 }, l), () => [
               U("span", Zt, [
-                M(p, { el: "span" }, {
+                x(p, { el: "span" }, {
                   default: A(() => [
                     F(z(l.label), 1)
                   ]),
@@ -995,12 +998,12 @@ function Qt(e, t, i, s, n, o) {
             ], !0)
           ]),
           _: 2
-        }, 1032, ["class", "disabled", "tabindex", "aria-checked", "aria-disabled", "role", "onClick", "onEnterPressed", "onSpacePressed"]))
+        }, 1032, ["class", "disabled", "tabindex", "aria-selected", "aria-checked", "aria-disabled", "role", "onClick", "onEnterPressed", "onSpacePressed"]))
       ], 64))
     ]))), 128))
   ]);
 }
-const es = /* @__PURE__ */ q(Xt, [["render", Qt], ["__scopeId", "data-v-c82ac201"]]), ts = (e) => {
+const es = /* @__PURE__ */ q(Xt, [["render", Qt], ["__scopeId", "data-v-fd1a6cbe"]]), ts = (e) => {
   const t = m(() => {
     var s;
     return !!((s = e.value) != null && s.find(({ items: n }) => !!n));
@@ -1012,7 +1015,7 @@ const es = /* @__PURE__ */ q(Xt, [["render", Qt], ["__scopeId", "data-v-c82ac201
     isMultiLevelSelect: t,
     flattenedItemsList: i
   };
-}, Fe = {
+}, Ke = {
   "en-US": {
     allSelected: "All selected ({total})",
     numberOfTotalSelected: "{number} of {total} selected",
@@ -1035,7 +1038,7 @@ const es = /* @__PURE__ */ q(Xt, [["render", Qt], ["__scopeId", "data-v-c82ac201
   key: 1,
   class: "b-listbox-multi-select__divider",
   "aria-hidden": "true"
-}, is = { i18n: { messages: Fe } }, ns = /* @__PURE__ */ J({
+}, is = { i18n: { messages: Ke } }, ns = /* @__PURE__ */ J({
   ...is,
   __name: "listbox-multi-select",
   props: {
@@ -1049,7 +1052,7 @@ const es = /* @__PURE__ */ q(Xt, [["render", Qt], ["__scopeId", "data-v-c82ac201
   },
   emits: ["select"],
   setup(e, { expose: t, emit: i }) {
-    const s = e, n = i, { t: o, n: a } = Ie({ messages: Fe }), p = dt(), S = ut(), r = m(
+    const s = e, n = i, { t: o, n: a } = Ie({ messages: Ke }), p = dt(), S = ut(), r = m(
       () => {
         var c, b, d, h;
         return {
@@ -1104,20 +1107,20 @@ const es = /* @__PURE__ */ q(Xt, [["render", Qt], ["__scopeId", "data-v-c82ac201
       Q(L.value);
     }, Oe = () => {
       ge(L.value);
-    }, { isAllSelected: P, isIndeterminate: le, toggleSelectAll: Ke } = Ye(
+    }, { isAllSelected: P, isIndeterminate: le, toggleSelectAll: We } = Ue(
       I,
       _,
       Ee,
       Oe
-    ), We = m(() => le.value ? "mixed" : `${P.value}`), ye = $(P.value), Te = () => {
-      ye.value = !ye.value, Ke(ye.value);
+    ), ke = m(() => le.value ? "mixed" : `${P.value}`), ye = $(P.value), Te = () => {
+      ye.value = !ye.value, We(ye.value);
     };
     pe(P, () => {
       ye.value = P.value;
     });
     const je = (c) => {
       Q(c.items);
-    }, ke = (c) => {
+    }, Le = (c) => {
       ge(c.items);
     }, ce = (c, b) => {
       let d = !1;
@@ -1134,28 +1137,28 @@ const es = /* @__PURE__ */ q(Xt, [["render", Qt], ["__scopeId", "data-v-c82ac201
       var d, h, C, Z;
       const c = ["automatic", "button"].includes(s.lazyLoadType), b = ((d = s.selectedValues) == null ? void 0 : d.length) > 0 && ((h = I.value) == null ? void 0 : h.length) !== ((C = L.value) == null ? void 0 : C.length);
       return c && s.hasMoreItems ? !!((Z = s.selectedValues) != null && Z.length) : b;
-    }), Le = m(() => ["automatic", "button"].includes(s.lazyLoadType) ? !s.hasMoreItems : !0), de = $([]), { visibleDomOptions: $e, updateVisibleDomOptions: Xe } = ze(
+    }), $e = m(() => ["automatic", "button"].includes(s.lazyLoadType) ? !s.hasMoreItems : !0), de = $([]), { visibleDomOptions: De, updateVisibleDomOptions: Xe } = Ve(
       u,
       me(s, "items"),
       k
     ), Je = (c) => {
-      de.value.includes(c) ? de.value = de.value.filter((b) => b !== c) : de.value.push(c), Ge(() => {
+      de.value.includes(c) ? de.value = de.value.filter((b) => b !== c) : de.value.push(c), we(() => {
         Xe();
       });
     }, Ze = (c) => {
       var b;
-      (b = $e.value[c]) == null || b.focus();
+      (b = De.value[c]) == null || b.focus();
     }, {
       moveToNextElement: Qe,
       moveToPreviousElement: et,
       moveToFirstElement: tt,
       moveToLastElement: st,
-      preventDefault: De,
-      focusedIndex: Be,
+      preventDefault: Be,
+      focusedIndex: Re,
       setListboxFocusedIndex: lt
-    } = Ue(
+    } = ze(
       {
-        items: $e
+        items: De
       },
       Ze
     ), ot = {
@@ -1172,8 +1175,8 @@ const es = /* @__PURE__ */ q(Xt, [["render", Qt], ["__scopeId", "data-v-c82ac201
       setListboxFocusedIndex: lt
     });
     const it = {
-      [V.ARROW_UP]: De,
-      [V.ARROW_DOWN]: De
+      [V.ARROW_UP]: Be,
+      [V.ARROW_DOWN]: Be
     }, nt = m(() => {
       let c = 1;
       const b = {};
@@ -1192,18 +1195,18 @@ const es = /* @__PURE__ */ q(Xt, [["render", Qt], ["__scopeId", "data-v-c82ac201
           (v(!0), O(se, null, j(qe.value, (d) => (v(), O("li", {
             key: d.value
           }, [
-            M(x(ft), {
+            x(M(ft), {
               ref_for: !0,
               ref_key: "selectedListboxItemsRef",
               ref: f,
               disabled: c.isOptionDisabled(d),
               label: d.label,
               condensed: "",
-              onClick: (h) => d.items ? ke(d) : ce("select", d)
+              onClick: (h) => d.items ? Le(d) : ce("select", d)
             }, null, 8, ["disabled", "label", "onClick"])
           ]))), 128))
         ], 16)), [
-          [x(he)]
+          [M(he)]
         ]),
         b[4] || (b[4] = U("hr", {
           class: "b-listbox-multi-select__divider",
@@ -1211,24 +1214,25 @@ const es = /* @__PURE__ */ q(Xt, [["render", Qt], ["__scopeId", "data-v-c82ac201
         }, null, -1))
       ])) : X("", !0),
       ae((v(), O("div", Y(r.value, { role: G.value }, te(ot, !0)), [
-        Le.value ? (v(), N(x(Ce), {
+        $e.value ? (v(), N(M(Ce), {
           key: 0,
           ref_key: "selectAllListboxItemsRef",
           ref: l,
           class: "b-listbox-multi-select__option",
-          tabindex: x(Be) === 0 ? 0 : -1,
-          "aria-checked": We.value,
+          tabindex: M(Re) === 0 ? 0 : -1,
+          "aria-selected": ke.value !== "false",
+          "aria-checked": ke.value,
           role: k.value,
           onClick: Te,
           onEnterPressed: Te,
           onSpacePressed: ne(Te, ["prevent"])
         }, {
           default: A(() => [
-            M(x(Ae), {
-              checked: x(P),
-              indeterminate: x(le)
+            x(M(Ae), {
+              checked: M(P),
+              indeterminate: M(le)
             }, null, 8, ["checked", "indeterminate"]),
-            M(x(re), { el: "span" }, {
+            x(M(re), { el: "span" }, {
               default: A(() => [
                 F(z(W.value), 1)
               ]),
@@ -1236,29 +1240,29 @@ const es = /* @__PURE__ */ q(Xt, [["render", Qt], ["__scopeId", "data-v-c82ac201
             })
           ]),
           _: 1
-        }, 8, ["tabindex", "aria-checked", "role"])) : X("", !0),
-        Le.value ? (v(), O("hr", os)) : X("", !0),
-        M(x(es), {
+        }, 8, ["tabindex", "aria-selected", "aria-checked", "role"])) : X("", !0),
+        $e.value ? (v(), O("hr", os)) : X("", !0),
+        x(M(es), {
           ref_key: "listboxItemsRef",
           ref: E,
           items: c.items,
           "is-option-disabled": c.isOptionDisabled,
-          "is-multi-level": x(R),
+          "is-multi-level": M(R),
           "static-categories": c.staticCategories,
           searching: c.searching,
           "selected-items-list": T.value,
-          "focused-index": x(Be),
+          "focused-index": M(Re),
           "items-index": nt.value,
           role: k.value,
           onToggleCheckboxSelection: b[0] || (b[0] = (d) => ce("select", d)),
           onSelectCategory: je,
-          onUnselectCategory: ke,
+          onUnselectCategory: Le,
           onToggleCategoryVisibility: Je,
-          onSpacePressed: b[1] || (b[1] = (d) => ce(x(g).SPACE, d)),
-          onTabPressed: b[2] || (b[2] = (d) => ce(x(g).TAB, d)),
-          onEnterPressed: b[3] || (b[3] = (d) => ce(x(g).ENTER, d))
+          onSpacePressed: b[1] || (b[1] = (d) => ce(M(g).SPACE, d)),
+          onTabPressed: b[2] || (b[2] = (d) => ce(M(g).TAB, d)),
+          onEnterPressed: b[3] || (b[3] = (d) => ce(M(g).ENTER, d))
         }, ve({ _: 2 }, [
-          j(x(p), (d, h) => ({
+          j(M(p), (d, h) => ({
             name: h,
             fn: A((C) => [
               K(c.$slots, h, ie(be(C)), void 0, !0)
@@ -1266,11 +1270,11 @@ const es = /* @__PURE__ */ q(Xt, [["render", Qt], ["__scopeId", "data-v-c82ac201
           }))
         ]), 1032, ["items", "is-option-disabled", "is-multi-level", "static-categories", "searching", "selected-items-list", "focused-index", "items-index", "role"])
       ], 16, ls)), [
-        [x(he)]
+        [M(he)]
       ])
     ], 512));
   }
-}), Pe = /* @__PURE__ */ q(ns, [["__scopeId", "data-v-8ee2dd07"]]), xe = {
+}), Me = /* @__PURE__ */ q(ns, [["__scopeId", "data-v-dc031d72"]]), xe = {
   "en-US": {
     loading: "Loading",
     showMore: "Show more"
@@ -1288,7 +1292,7 @@ const es = /* @__PURE__ */ q(Xt, [["render", Qt], ["__scopeId", "data-v-c82ac201
   components: {
     BentoEmptyState: mt,
     BentoListboxSingleSelect: Yt,
-    BentoListboxMultiSelect: Pe,
+    BentoListboxMultiSelect: Me,
     BentoTypography: re,
     BentoLoadingIndicator: bt,
     BentoLoadingButton: ht
@@ -1375,7 +1379,7 @@ const es = /* @__PURE__ */ q(Xt, [["render", Qt], ["__scopeId", "data-v-c82ac201
      *
      * If enabled, hides the "Select all" checkbox in "multiple" mode.
      */
-    searching: Pe.props.searching,
+    searching: Me.props.searching,
     /**
      * The `input` value.
      * Providing an empty string or empty array will select no options.
@@ -1452,7 +1456,7 @@ const es = /* @__PURE__ */ q(Xt, [["render", Qt], ["__scopeId", "data-v-c82ac201
     }), W = m(
       () => e.lazyLoadType === oe.BUTTON && e.hasMoreItems
     ), Q = m(
-      () => e.loading ? Re.LOADING : Re.START
+      () => e.loading ? Ne.LOADING : Ne.START
     ), ge = m(() => e.loading ? o("loading") : o("showMore")), Ee = m(() => ({
       ...e.emptyState,
       variant: "condensed"
@@ -1504,7 +1508,7 @@ const es = /* @__PURE__ */ q(Xt, [["render", Qt], ["__scopeId", "data-v-c82ac201
 };
 function vs(e, t, i, s, n, o) {
   var E;
-  const a = D("bento-loading-indicator"), p = D("bento-empty-state"), S = D("bento-typography"), r = D("bento-listbox-multi-select"), u = D("bento-listbox-single-select"), l = D("bento-loading-button"), f = we("bento-keyboard-navigation-directive");
+  const a = D("bento-loading-indicator"), p = D("bento-empty-state"), S = D("bento-typography"), r = D("bento-listbox-multi-select"), u = D("bento-listbox-single-select"), l = D("bento-loading-button"), f = Ye("bento-keyboard-navigation-directive");
   return ae((v(), O("div", Y({
     id: e.id,
     ref: "listboxRef",
@@ -1517,7 +1521,7 @@ function vs(e, t, i, s, n, o) {
   }), [
     U("div", ie(be(e.wrapperProps)), [
       e.componentLoading ? (v(), O("div", ds, [
-        M(a)
+        x(a)
       ])) : e.isSearchResultEmpty ? (v(), O("div", us, [
         e.emptyState ? (v(), N(p, ie(Y({ key: 0 }, e.limitedEmptyStateProps)), null, 16)) : (v(), N(S, {
           key: 1,
@@ -1564,7 +1568,7 @@ function vs(e, t, i, s, n, o) {
           }))
         ]), 1040, ["items", "selected-value", "static-categories", "is-option-disabled"])),
         e.shouldDisplayShowMoreButton ? (v(), O("div", bs, [
-          M(l, {
+          x(l, {
             state: e.loadingButtonState,
             variant: "secondary",
             onClickCapture: e.emitShowMore
@@ -1575,7 +1579,7 @@ function vs(e, t, i, s, n, o) {
             _: 1
           }, 8, ["state", "onClickCapture"])
         ])) : e.loading ? (v(), O("div", ms, [
-          M(a)
+          x(a)
         ])) : X("", !0)
       ], 64))
     ], 16)
@@ -1643,7 +1647,7 @@ export {
   g as a,
   Rs as b,
   Ns as c,
-  ze as d,
+  Ve as d,
   ts as u
 };
-//# sourceMappingURL=use-cached-selected-values.rqtiP4Nd.js.map
+//# sourceMappingURL=use-cached-selected-values.D7dOPJSO.js.map