@adyen/bento-vue2 1.54.2 → 1.55.1

package/dist/chunks/{use-cached-selected-values.DHpjo2tV.js → use-cached-selected-values.D6lOsd0o.js}

@@ -1,86 +1,86 @@
-import { computed as r, ref as O, onMounted as de, onUnmounted as ge, watch as be, defineComponent as P, toRef as F, useSlots as pe } from "vue";
+import { computed as c, ref as O, onMounted as de, onUnmounted as ye, watch as be, defineComponent as P, toRef as w, useSlots as Ce } from "vue";
 import { B as G } from "./typography.J1v_SPG3.js";
-import { B as ye } from "./loading-indicator.z8COalOc.js";
-import { B as Ce } from "./empty-state.JbgxSrnv.js";
-import { u as H } from "./i18n.BQkEbtPM.js";
-import { d as Se } from "./debounce.DUTu11PS.js";
+import { B as Se } from "./loading-indicator.z8COalOc.js";
+import { B as he } from "./empty-state.aBO3bh4N.js";
+import { u as X } from "./i18n.BQkEbtPM.js";
+import { d as xe } from "./debounce.DUTu11PS.js";
 import "./index.Cl4_42j5.js";
-import { B as X } from "./checkbox.DloQJI-K.js";
-import { B as he } from "./chip.BeK9uqmW.js";
-import { C as xe, a as Ee } from "./chevron-up.CSVyoaTy.js";
-import { B as k, a as J } from "./keyboard-navigation.pB8weElW.js";
+import { B as J } from "./checkbox.LFeWM5p4.js";
+import { B as Ee } from "./chip.BeK9uqmW.js";
+import { C as Le, a as Oe } from "./chevron-up.CSVyoaTy.js";
+import { B as k, a as Z } from "./keyboard-navigation.pB8weElW.js";
 import { n as D } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { d as Le, e as ce } from "./button-actions.XlUhz42n.js";
+import { d as Te, e as ce } from "./button-actions.C5Dp4DeK.js";
 /* empty css              */
-import { o as Oe } from "./resize.Bqks3WUm.js";
+import { o as Ae } from "./resize.Bqks3WUm.js";
 import "../assets/use-cached-selected-values.css";
 const fe = (s, e, t, l) => {
-  const n = r(
+  const o = c(
     () => {
-      var b, i;
-      return !!((b = s.value) != null && b.length) && ((i = s.value) == null ? void 0 : i.length) === e.value.length;
+      var b, v;
+      return !!((b = s.value) != null && b.length) && ((v = s.value) == null ? void 0 : v.length) === e.value.length;
     }
-  ), o = r(() => {
+  ), n = c(() => {
     var b;
     return s.value == null || s.value.length === 0 ? !1 : ((b = s.value) == null ? void 0 : b.length) !== e.value.length;
   });
   return {
-    isAllSelected: n,
-    isIndeterminate: o,
+    isAllSelected: o,
+    isIndeterminate: n,
     toggleSelectAll: (b) => {
       b ? t() : l();
     }
   };
 };
-function Te(s, { disabled: e, itemHeight: t, overscan: l = 5, prefixHeight: n }) {
-  const o = O(null), a = O([]), b = O(0), i = O(0), v = O(0);
-  let C;
-  const S = r(() => {
-    const d = typeof t == "number" ? s.value.length * t : s.value.reduce((L, m, x) => L + t(x), 0), g = typeof t == "number" ? b.value * t : s.value.slice(0, b.value).reduce((L, m, x) => L + t(x), 0);
+function Ie(s, { disabled: e, itemHeight: t, overscan: l = 5, prefixHeight: o }) {
+  const n = O(null), a = O([]), b = O(0), v = O(0), r = O(0);
+  let m;
+  const S = c(() => {
+    const d = typeof t == "number" ? s.value.length * t : s.value.reduce((L, _, x) => L + t(x), 0), C = typeof t == "number" ? b.value * t : s.value.slice(0, b.value).reduce((L, _, x) => L + t(x), 0);
     return {
       style: {
-        marginTop: `${g}px`,
-        height: `${d - g}px`
+        marginTop: `${C}px`,
+        height: `${d - C}px`
       }
     };
-  }), h = () => {
-    const d = (n == null ? void 0 : n.value) ?? 0, g = Math.max(o.value.scrollTop - d, 0);
+  }), E = () => {
+    const d = (o == null ? void 0 : o.value) ?? 0, C = Math.max(n.value.scrollTop - d, 0);
     if (typeof t == "number")
-      return Math.floor(g / t);
-    let L = 0, m = 0;
+      return Math.floor(C / t);
+    let L = 0, _ = 0;
     for (let x = 0; x < s.value.length; x += 1) {
       const B = t(x);
-      if (L += B, L >= g) {
-        m = x;
+      if (L += B, L >= C) {
+        _ = x;
         break;
       }
     }
-    return m;
+    return _;
   }, A = () => {
-    if (v.value = o.value.clientHeight, typeof t == "number")
-      return Math.ceil(v.value / t);
+    if (r.value = n.value.clientHeight, typeof t == "number")
+      return Math.ceil(r.value / t);
     const d = b.value ?? 0;
-    let g = 0, L = 0;
-    for (let m = d; m < s.value.length; m += 1) {
-      const x = t(m);
-      if (g += x, L = m, g > v.value)
+    let C = 0, L = 0;
+    for (let _ = d; _ < s.value.length; _ += 1) {
+      const x = t(_);
+      if (C += x, L = _, C > r.value)
         break;
     }
     return L - d;
   }, T = () => {
-    if (o.value) {
+    if (n.value) {
       const d = A();
-      b.value = h(), i.value = Math.min(b.value + d + l, s.value.length), a.value = s.value.slice(b.value, i.value);
+      b.value = E(), v.value = Math.min(b.value + d + l, s.value.length), a.value = s.value.slice(b.value, v.value);
     }
-  }, R = () => {
+  }, I = () => {
     T();
   };
   e || (de(() => {
-    o.value && (v.value = o.value.clientHeight, C = Oe(o.value, ({ clientHeight: d }) => {
-      v.value = d, T();
+    n.value && (r.value = n.value.clientHeight, m = Ae(n.value, ({ clientHeight: d }) => {
+      r.value = d, T();
     }), T());
-  }), ge(() => {
-    C == null || C.disconnect();
+  }), ye(() => {
+    m == null || m.disconnect();
   }), be(
     () => s.value,
     () => {
@@ -88,26 +88,26 @@ function Te(s, { disabled: e, itemHeight: t, overscan: l = 5, prefixHeight: n })
     }
   ));
   const f = {
-    ref: o,
+    ref: n,
     style: { overflowY: "auto" }
   };
   return e ? {
-    containerRef: o,
+    containerRef: n,
     containerProps: f,
     // eslint-disable-next-line @typescript-eslint/no-empty-function
     onScroll: () => {
     },
     list: s
   } : {
-    containerRef: o,
+    containerRef: n,
     containerProps: f,
-    onScroll: R,
+    onScroll: I,
     list: a,
     wrapperProps: S
   };
 }
-var c = /* @__PURE__ */ ((s) => (s.SELECT = "select", s.SHOW_MORE = "show-more", s.ESCAPE = "escape-pressed", s.CLICK = "click", s.ENTER = "enter-pressed", s.SPACE = "space-pressed", s.TAB = "tab-pressed", s.CLOSE_DROPDOWN = "close-dropdown", s))(c || {}), $ = /* @__PURE__ */ ((s) => (s.AUTOMATIC = "automatic", s.BUTTON = "button", s.NONE = "none", s))($ || {});
-const Ie = P({
+var i = /* @__PURE__ */ ((s) => (s.SELECT = "select", s.SHOW_MORE = "show-more", s.ESCAPE = "escape-pressed", s.CLICK = "click", s.ENTER = "enter-pressed", s.SPACE = "space-pressed", s.TAB = "tab-pressed", s.CLOSE_DROPDOWN = "close-dropdown", s))(i || {}), F = /* @__PURE__ */ ((s) => (s.AUTOMATIC = "automatic", s.BUTTON = "button", s.NONE = "none", s))(F || {});
+const Re = P({
   name: "bento-listbox-static-category",
   components: {
     BentoTypography: G
@@ -122,18 +122,18 @@ const Ie = P({
     }
   }
 });
-var Ae = function() {
+var Be = function() {
   var e = this, t = e._self._c;
   return e._self._setupProxy, t("div", { staticClass: "b-listbox-single-select-category" }, [t("bento-typography", { staticClass: "b-listbox-single-select-category__label-text", attrs: { variant: "caption", el: "span" } }, [e._v(" " + e._s(e.categoryLabel) + " ")]), t("div", [e._t("default")], 2)], 1);
-}, Be = [], Re = /* @__PURE__ */ D(
-  Ie,
-  Ae,
+}, ke = [], De = /* @__PURE__ */ D(
+  Re,
   Be,
+  ke,
   !1,
   null,
   "4aa8cc6e"
 );
-const ke = Re.exports, De = P({
+const Ne = De.exports, Me = P({
   name: "bento-listbox-option",
   props: {
     /**
@@ -145,29 +145,29 @@ const ke = Re.exports, De = P({
      */
     selected: { type: Boolean, default: !1 }
   },
-  emits: [c.CLICK, c.ENTER, c.SPACE, c.TAB],
+  emits: [i.CLICK, i.ENTER, i.SPACE, i.TAB],
   setup(s, { emit: e }) {
-    const t = r(() => ({
+    const t = c(() => ({
       "b-listbox-option--disabled": s.disabled,
       "b-listbox-option--selected": s.selected
     }));
     return {
       // Enums
       BentoKeyboardNavigationKeyDownEvent: k,
-      BentoListboxEvent: c,
+      BentoListboxEvent: i,
       // Values
       conditionalClasses: t,
       // Events
-      onClick: (o) => {
-        e(c.CLICK, o);
+      onClick: (n) => {
+        e(i.CLICK, n);
       },
-      onOptionSelected: (o, a) => {
-        e(o, a);
+      onOptionSelected: (n, a) => {
+        e(n, a);
       }
     };
   }
 });
-var Me = function() {
+var Pe = function() {
   var e = this, t = e._self._c;
   return e._self._setupProxy, t("label", e._b({ staticClass: "b-listbox-option", class: e.conditionalClasses, attrs: { role: "option" }, on: { click: e.onClick, keydown: [function(l) {
     return !l.type.indexOf("key") && e._k(l.keyCode, "enter", 13, l.key, "Enter") ? null : e.onOptionSelected(e.BentoListboxEvent.ENTER, l);
@@ -176,38 +176,38 @@ var Me = 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__ */ D(
-  De,
+}, we = [], $e = /* @__PURE__ */ D(
   Me,
-  Ne,
+  Pe,
+  we,
   !1,
   null,
   "d7fb415c"
 );
-const Y = Pe.exports;
+const V = $e.exports;
 let re = 0;
-const we = {
+const Fe = {
   beforeCreate() {
     this.uuid = re.toString(), re += 1;
   }
 };
-var $e = function() {
+var Ge = function() {
   var e = this, t = e._self._c;
   return t("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"] ? t("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), t("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" } })]);
-}, Fe = [], Ge = /* @__PURE__ */ D(
-  we,
-  $e,
+}, Ue = [], ze = /* @__PURE__ */ D(
   Fe,
+  Ge,
+  Ue,
   !1,
   null,
   null
 );
-const Ue = Ge.exports, ze = P({
+const Ve = ze.exports, Ye = P({
   name: "bento-listbox-single-select-option",
   components: {
-    BentoListboxOption: Y,
+    BentoListboxOption: V,
     BentoTypography: G,
-    CheckmarkIcon: Ue
+    CheckmarkIcon: Ve
   },
   props: {
     /**
@@ -227,24 +227,24 @@ const Ue = Ge.exports, ze = P({
      */
     selected: { type: Boolean, default: !1 }
   },
-  emits: [c.ENTER, c.SELECT, c.SPACE, c.TAB],
+  emits: [i.ENTER, i.SELECT, i.SPACE, i.TAB],
   setup(s, { emit: e }) {
     const t = (a) => {
       s.disabled || e(a, s.option);
-    }, l = r(() => s.disabled ? !0 : null), n = r(() => s.selected ? !0 : null), o = r(() => s.disabled ? -1 : 0);
+    }, l = c(() => s.disabled ? !0 : null), o = c(() => s.selected ? !0 : null), n = c(() => s.disabled ? -1 : 0);
     return {
       // Values
       ariaDisabled: l,
-      ariaSelected: n,
-      tabIndex: o,
+      ariaSelected: o,
+      tabIndex: n,
       // Enums
-      BentoListboxEvent: c,
+      BentoListboxEvent: i,
       // Events
       onOptionSelected: t
     };
   }
 });
-var Ve = function() {
+var We = function() {
   var e = this, t = e._self._c;
   return e._self._setupProxy, t("bento-listbox-option", { staticClass: "b-listbox-single-select-option", attrs: { disabled: e.disabled, selected: e.selected, "aria-selected": e.ariaSelected, "aria-disabled": e.ariaDisabled, tabindex: e.tabIndex }, on: { click: function(l) {
     return e.onOptionSelected(e.BentoListboxEvent.SELECT);
@@ -257,22 +257,26 @@ var Ve = function() {
   } } }, [e._t("default", function() {
     return [t("span", { staticClass: "b-listbox-single-select-option__text" }, [t("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(e.option.label))]), e.option.description ? t("bento-typography", { staticClass: "b-listbox-single-select-option__description", attrs: { el: "span" } }, [e._v(" " + e._s(e.option.description) + " ")]) : e._e()], 1)];
   }, null, e.option), t("span", { staticClass: "b-listbox-single-select-option__check-icon" }, [t("checkmark-icon", { directives: [{ name: "show", rawName: "v-show", value: e.selected, expression: "selected" }], attrs: { "svg-title": "selected" } })], 1)], 2);
-}, Ye = [], Ke = /* @__PURE__ */ D(
-  ze,
-  Ve,
+}, Ke = [], qe = /* @__PURE__ */ D(
   Ye,
+  We,
+  Ke,
   !1,
   null,
   "5a5ff36a"
 );
-const We = Ke.exports, ve = ({ items: s, isOptionDisabled: e, hasStaticCategories: t }, l) => {
-  const n = r(
+const je = qe.exports, ve = ({ items: s, isOptionDisabled: e, hasStaticCategories: t }, l) => {
+  const o = c(
     () => t.value ? s.value.flatMap((f) => f.items) : s.value
-  ), o = r(() => n.value.length - 1), a = O(0);
+  ), n = c(() => o.value.length - 1), a = O(0);
   de(() => {
     e && (a.value = s.value.findIndex((f) => !e(f)));
   });
-  const b = (f) => !e || !!e && e(s.value[f]), i = (f) => !e || !!e && !e(s.value[f]), v = (f) => {
+  const b = (f) => {
+    var L, _;
+    const C = ((_ = (L = s.value[f]) == null ? void 0 : L.items) == null ? void 0 : _.length) ? s.value[f].items.every((x) => e(x)) : e(s.value[f]);
+    return !e || !!e && C;
+  }, v = (f) => {
     switch (f) {
       case "increase":
         a.value += 1;
@@ -281,55 +285,52 @@ const We = Ke.exports, ve = ({ items: s, isOptionDisabled: e, hasStaticCategorie
         a.value -= 1;
         break;
     }
-  }, C = ({ edgeCaseItem: f, isItemBeforeEdgeCaseItem: d }, g, L) => {
-    a.value !== f && (d ? i(f) && v(L) : (v(L), b(a.value) && g()), l(a.value));
-  }, S = (f) => {
-    var g;
-    (g = f == null ? void 0 : f.detail) == null || g.preventDefault();
-    const d = a.value === o.value - 2;
-    C(
+  }, r = ({ edgeCaseItem: f }, d, C) => {
+    a.value !== f && (v(C), b(a.value) && d(), l(a.value));
+  }, m = (f) => {
+    I(f), r(
       {
-        isItemBeforeEdgeCaseItem: d,
-        edgeCaseItem: o.value
+        edgeCaseItem: n.value
       },
-      S,
+      m,
       "increase"
       /* INCREASE */
     );
-  }, h = (f) => {
-    var g;
-    (g = f == null ? void 0 : f.detail) == null || g.preventDefault();
-    const d = a.value === 1;
-    C(
+  }, S = (f) => {
+    I(f), r(
       {
-        edgeCaseItem: 0,
-        isItemBeforeEdgeCaseItem: d
+        edgeCaseItem: 0
       },
-      h,
+      S,
       "decrease"
       /* DECREASE */
     );
+  }, E = () => {
+    a.value = 0, b(a.value) ? m() : l(a.value);
+  }, A = () => {
+    a.value = n.value, b(a.value) ? S() : l(a.value);
+  }, T = (f) => {
+    a.value = f;
+  }, I = (f) => {
+    var d;
+    (d = f == null ? void 0 : f.detail) == null || d.preventDefault();
   };
   return {
-    moveToFirstElement: () => {
-      a.value = 0, b(a.value) ? S() : l(a.value);
-    },
-    moveToLastElement: () => {
-      a.value = o.value, b(a.value) ? h() : l(a.value);
-    },
-    moveToNextElement: S,
-    moveToPreviousElement: h,
-    setListboxFocusedIndex: (f) => {
-      a.value = f;
-    }
+    moveToFirstElement: E,
+    moveToLastElement: A,
+    moveToNextElement: m,
+    moveToPreviousElement: S,
+    setListboxFocusedIndex: T,
+    preventDefault: I,
+    focusedIndex: a
   };
-}, qe = P({
+}, He = P({
   name: "bento-listbox-single-select",
   components: {
-    BentoListboxSingleSelectCategory: ke,
-    BentoListboxSingleSelectOption: We
+    BentoListboxSingleSelectCategory: Ne,
+    BentoListboxSingleSelectOption: je
   },
-  directives: { BentoKeyboardNavigationDirective: J },
+  directives: { BentoKeyboardNavigationDirective: Z },
   inheritAttrs: !1,
   props: {
     /**
@@ -370,46 +371,46 @@ const We = Ke.exports, ve = ({ items: s, isOptionDisabled: e, hasStaticCategorie
      */
     staticCategories: { type: Boolean, default: !1 }
   },
-  emits: [c.SELECT, c.ENTER, c.SPACE, c.TAB],
+  emits: [i.SELECT, i.ENTER, i.SPACE, i.TAB],
   setup(s, { emit: e, expose: t, slots: l }) {
-    const n = O(null), o = O([]), a = r(() => {
+    const o = O(null), n = O([]), a = c(() => {
       var d;
       return !!((d = s.selectedValue) != null && d.length) && s.selectedValue.at(0);
-    }), b = r(() => !!s.items.some(({ items: d }) => !!d)), i = (d) => (g) => {
-      e(d, [g]);
-    }, v = (d) => {
-      var g;
-      (g = n.value.querySelectorAll('[role="option"]')[d]) == null || g.focus();
+    }), b = c(() => !!s.items.some(({ items: d }) => !!d)), v = (d) => (C) => {
+      e(d, [C]);
+    }, r = (d) => {
+      var C;
+      (C = o.value.querySelectorAll('[role="option"]')[d]) == null || C.focus();
     }, {
-      moveToNextElement: C,
+      moveToNextElement: m,
       moveToPreviousElement: S,
-      moveToFirstElement: h,
+      moveToFirstElement: E,
       moveToLastElement: A,
       setListboxFocusedIndex: T
     } = ve(
       {
-        items: F(s, "items"),
+        items: w(s, "items"),
         isOptionDisabled: s.isOptionDisabled,
-        hasStaticCategories: F(s, "staticCategories")
+        hasStaticCategories: w(s, "staticCategories")
       },
-      v
-    ), R = {
+      r
+    ), I = {
       [k.ARROW_UP]: S,
-      [k.ARROW_DOWN]: C,
-      [k.HOME]: h,
+      [k.ARROW_DOWN]: m,
+      [k.HOME]: E,
       [k.END]: A
     }, f = {
-      [c.SELECT]: i(c.SELECT),
-      [c.SPACE]: i(c.SPACE),
-      [c.TAB]: i(c.TAB),
-      [c.ENTER]: i(c.ENTER)
+      [i.SELECT]: v(i.SELECT),
+      [i.SPACE]: v(i.SPACE),
+      [i.TAB]: v(i.TAB),
+      [i.ENTER]: v(i.ENTER)
     };
     return t({
       /**
        * Reference for a single listbox item.
        * Required for keyboard navigation in dropdown as $children is removed in vue@3
        */
-      listboxItemRef: o,
+      listboxItemRef: n,
       /**
        * 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
@@ -417,63 +418,63 @@ const We = Ke.exports, ve = ({ items: s, isOptionDisabled: e, hasStaticCategorie
       setListboxFocusedIndex: T
     }), {
       // Enums
-      BentoListboxEvent: c,
+      BentoListboxEvent: i,
       // Values
-      listboxRef: n,
-      listboxItemRef: o,
+      listboxRef: o,
+      listboxItemRef: n,
       selectedItem: a,
       slots: l,
       // Computed
       hasCategories: b,
       // Methods
-      onOptionSelected: i,
+      onOptionSelected: v,
       // Keyboard navigation
-      listboxListeners: R,
+      listboxListeners: I,
       listboxOptionListeners: f
     };
   }
 });
-var je = function() {
+var Xe = function() {
   var e = this, t = e._self._c;
   return e._self._setupProxy, t("div", e._g({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], ref: "listboxRef" }, e.listboxListeners), [e.hasCategories && e.staticCategories ? e._l(e.items, function(l) {
-    return t("bento-listbox-single-select-category", { key: l.value, attrs: { "category-label": l.label, role: "group" } }, e._l(l.items, function(n) {
-      return t("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, a) {
+    return t("bento-listbox-single-select-category", { key: l.value, attrs: { "category-label": l.label, role: "group" } }, e._l(l.items, function(o) {
+      return t("bento-listbox-single-select-option", e._g({ key: o.value, ref: "listboxItemRef", refInFor: !0, attrs: { role: "option", option: o, disabled: e.isOptionDisabled ? e.isOptionDisabled(o) : null, selected: o.value === e.selectedItem.value }, scopedSlots: e._u([e._l(e.slots, function(n, a) {
         return { key: a, fn: function(b) {
           return [e._t(a, null, null, b)];
         } };
       })], null, !0) }, e.listboxOptionListeners));
     }), 1);
   }) : e._l(e.items, function(l) {
-    return t("bento-listbox-single-select-option", e._g({ key: l.value, ref: "listboxItemRef", refInFor: !0, attrs: { role: "option", option: l, disabled: e.isOptionDisabled ? e.isOptionDisabled(l) : null, selected: l.value === e.selectedItem.value }, scopedSlots: e._u([e._l(e.slots, function(n, o) {
-      return { key: o, fn: function(a) {
-        return [e._t(o, null, null, a)];
+    return t("bento-listbox-single-select-option", e._g({ key: l.value, ref: "listboxItemRef", refInFor: !0, attrs: { role: "option", option: l, disabled: e.isOptionDisabled ? e.isOptionDisabled(l) : null, selected: l.value === e.selectedItem.value }, scopedSlots: e._u([e._l(e.slots, function(o, n) {
+      return { key: n, fn: function(a) {
+        return [e._t(n, null, null, a)];
       } };
     })], null, !0) }, e.listboxOptionListeners));
   })], 2);
-}, He = [], Xe = /* @__PURE__ */ D(
-  qe,
-  je,
+}, Je = [], Ze = /* @__PURE__ */ D(
   He,
+  Xe,
+  Je,
   !1,
   null,
   null
 );
-const Je = Xe.exports;
-var q = /* @__PURE__ */ ((s) => (s.DISABLED = "disabled", s.STATIC_CATEGORY = "static-category", s))(q || {}), z = /* @__PURE__ */ ((s) => (s.SELECT_CATEGORY = "select-category", s.UNSELECT_CATEGORY = "unselect-category", s))(z || {});
-const Ze = {
+const Qe = Ze.exports;
+var j = /* @__PURE__ */ ((s) => (s.DISABLED = "disabled", s.STATIC_CATEGORY = "static-category", s))(j || {}), z = /* @__PURE__ */ ((s) => (s.SELECT_CATEGORY = "select-category", s.UNSELECT_CATEGORY = "unselect-category", s))(z || {});
+const et = {
   "en-US": {
     categoryClosed: "{category} closed",
     categoryOpened: "{category} opened"
   }
-}, Qe = P({
-  i18n: { messages: Ze },
+}, tt = P({
+  i18n: { messages: et },
   name: "bento-listbox-multi-select-category",
   components: {
-    BentoCheckbox: X,
+    BentoCheckbox: J,
     BentoTypography: G,
-    BentoListboxOption: Y,
-    ChevronDownIcon: Ee,
-    ChevronUpIcon: xe
+    BentoListboxOption: V,
+    ChevronDownIcon: Oe,
+    ChevronUpIcon: Le
   },
   props: {
     /**
@@ -512,94 +513,98 @@ const Ze = {
     /**
      * If enabled, dropdown will display non-selectable, static categories
      */
-    staticCategories: { type: Boolean, default: !1 }
+    staticCategories: { type: Boolean, default: !1 },
+    /**
+     * Category's tabindex
+     */
+    tabindex: { type: Number, default: -1 }
   },
   emits: [z.SELECT_CATEGORY, z.UNSELECT_CATEGORY],
   setup(s, { emit: e }) {
-    const t = O(!1), { t: l } = H(), n = (m) => s.isOptionDisabled ? s.isOptionDisabled(m) : !1, o = r(
-      () => s.category.items.every((m) => n(m))
-    ), a = F(s, "staticCategories"), b = r(() => t.value || s.staticCategories), i = r(() => ({
-      [`b-listbox-multi-select-category--${q.DISABLED}`]: o.value,
-      [`b-listbox-multi-select-category--${q.STATIC_CATEGORY}`]: s.staticCategories
-    })), v = (m) => {
-      m.preventDefault(), t.value = !t.value;
-    }, C = (m) => {
-      var w;
-      const x = n(m), B = ((w = s.selectedItemsList) == null ? void 0 : w.includes(m.value)) || !1;
+    const t = O(!1), { t: l } = X(), o = (_) => s.isOptionDisabled ? s.isOptionDisabled(_) : !1, n = c(
+      () => s.category.items.every((_) => o(_))
+    ), a = w(s, "staticCategories"), b = c(() => t.value || s.staticCategories), v = c(() => ({
+      [`b-listbox-multi-select-category--${j.DISABLED}`]: n.value,
+      [`b-listbox-multi-select-category--${j.STATIC_CATEGORY}`]: s.staticCategories
+    })), r = (_) => {
+      _.preventDefault(), t.value = !t.value;
+    }, m = (_) => {
+      var $;
+      const x = o(_), B = (($ = s.selectedItemsList) == null ? void 0 : $.includes(_.value)) || !1;
       return { isDisabled: x, isPreSelected: B };
-    }, S = r(
-      () => s.category.items.filter((m) => {
-        const { isDisabled: x, isPreSelected: B } = C(m);
+    }, S = c(
+      () => s.category.items.filter((_) => {
+        const { isDisabled: x, isPreSelected: B } = m(_);
         return x && B || !x;
       })
-    ), h = r(
+    ), E = c(
       () => {
-        var m;
-        return (m = S.value) == null ? void 0 : m.filter(
+        var _;
+        return (_ = S.value) == null ? void 0 : _.filter(
           ({ value: x }) => {
             var B;
             return (B = s.selectedItemsList) == null ? void 0 : B.includes(x);
           }
         );
       }
-    ), A = r(() => {
-      const m = t.value ? "categoryOpened" : "categoryClosed";
-      return l(m, { category: s.category.label });
-    }), T = r(
+    ), A = c(() => {
+      const _ = t.value ? "categoryOpened" : "categoryClosed";
+      return l(_, { category: s.category.label });
+    }), T = c(
       () => ({
         el: "span",
         variant: s.staticCategories ? "caption" : "body"
       })
-    ), R = () => {
+    ), I = () => {
       e(z.SELECT_CATEGORY);
     }, f = () => {
       e(z.UNSELECT_CATEGORY);
-    }, { isAllSelected: d, isIndeterminate: g, toggleSelectAll: L } = fe(
-      h,
+    }, { isAllSelected: d, isIndeterminate: C, toggleSelectAll: L } = fe(
+      E,
       S,
-      R,
+      I,
       f
     );
     return {
       // Values
       chevronTitle: A,
-      conditionalClass: i,
-      hasAllPropsDisabled: o,
+      conditionalClass: v,
+      hasAllPropsDisabled: n,
       isOpen: t,
       isAllSelected: d,
-      isIndeterminate: g,
+      isIndeterminate: C,
       isStaticCategory: a,
       // Computed
       showItemChildren: b,
       categoryLabelProps: T,
       // Methods
-      toggleOpen: v,
+      toggleOpen: r,
       toggleSelectAll: L
     };
   }
 });
-var et = function() {
+var st = function() {
   var e = this, t = e._self._c;
-  return e._self._setupProxy, t("div", [t("bento-listbox-option", { staticClass: "b-listbox-multi-select-category__option", class: e.conditionalClass }, [e.isStaticCategory ? e._e() : t("bento-checkbox", { attrs: { "model-value": e.isAllSelected, indeterminate: e.isIndeterminate, disabled: e.hasAllPropsDisabled, "aria-label": e.category.label, value: e.category.value }, on: { "update:model-value": e.toggleSelectAll } }), t("span", { staticClass: "b-listbox-multi-select-category__label" }, [t("bento-typography", e._b({ staticClass: "b-listbox-multi-select-category__label-text" }, "bento-typography", e.categoryLabelProps, !1), [e._v(" " + e._s(e.category.label) + " ")]), e.isStaticCategory ? e._e() : t("div", { staticClass: "b-listbox-multi-select-category__label-chevron", attrs: { "data-testid": "toggle-listbox" }, on: { "!click": function(l) {
+  return e._self._setupProxy, t("div", [t("bento-listbox-option", { staticClass: "b-listbox-multi-select-category__option", class: e.conditionalClass }, [e.isStaticCategory ? e._e() : t("bento-checkbox", { attrs: { "model-value": e.isAllSelected, indeterminate: e.isIndeterminate, disabled: e.hasAllPropsDisabled, "aria-label": e.category.label, value: e.category.value, tabindex: e.tabindex }, on: { "update:model-value": e.toggleSelectAll } }), t("span", { staticClass: "b-listbox-multi-select-category__label" }, [t("bento-typography", e._b({ staticClass: "b-listbox-multi-select-category__label-text" }, "bento-typography", e.categoryLabelProps, !1), [e._v(" " + e._s(e.category.label) + " ")]), e.isStaticCategory ? e._e() : t("div", { staticClass: "b-listbox-multi-select-category__label-chevron", attrs: { "data-testid": "toggle-listbox" }, on: { "!click": function(l) {
     return e.toggleOpen.apply(null, arguments);
   } } }, [e.isOpen ? t("chevron-up-icon", { attrs: { "svg-title": e.chevronTitle } }) : t("chevron-down-icon", { attrs: { "svg-title": e.chevronTitle } })], 1)], 1)], 1), t("div", { directives: [{ name: "show", rawName: "v-show", value: e.showItemChildren, expression: "showItemChildren" }] }, [e._t("default")], 2)], 1);
-}, tt = [], st = /* @__PURE__ */ D(
-  Qe,
-  et,
+}, lt = [], nt = /* @__PURE__ */ D(
   tt,
+  st,
+  lt,
   !1,
   null,
-  "f360ac3d"
+  "09983823"
 );
-const lt = st.exports;
-var N = /* @__PURE__ */ ((s) => (s.SELECT_CATEGORY = "select-category", s.TOGGLE_CHECKBOX_SELECTION = "toggle-checkbox-selection", s.UNSELECT_CATEGORY = "unselect-category", s))(N || {});
-const nt = P({
+const ot = nt.exports;
+var M = /* @__PURE__ */ ((s) => (s.SELECT_CATEGORY = "select-category", s.TOGGLE_CHECKBOX_SELECTION = "toggle-checkbox-selection", s.UNSELECT_CATEGORY = "unselect-category", s))(M || {});
+const at = P({
   name: "listbox-multi-select-options",
   components: {
-    BentoCheckbox: X,
-    BentoListboxOption: Y,
+    BentoCheckbox: J,
+    BentoListboxOption: V,
     BentoTypography: G,
-    ListboxMultiSelectCategory: lt
+    ListboxMultiSelectCategory: ot
   },
   props: {
     /**
@@ -608,6 +613,10 @@ const nt = P({
      * Items of categories are automatically defined as "categoryItems"
      */
     categoryItems: { type: Boolean, default: !1 },
+    /**
+     * Current focused option index
+     */
+    focusedIndex: { type: Number, default: 0 },
     /**
      * Function that allows the options to be disabled
      *
@@ -657,82 +666,83 @@ const nt = P({
     staticCategories: { type: Boolean, default: !1 }
   },
   emits: [
-    N.TOGGLE_CHECKBOX_SELECTION,
-    N.SELECT_CATEGORY,
-    N.UNSELECT_CATEGORY
+    M.TOGGLE_CHECKBOX_SELECTION,
+    M.SELECT_CATEGORY,
+    M.UNSELECT_CATEGORY
   ],
   setup(s, { emit: e }) {
-    const t = (i) => {
-      e(N.TOGGLE_CHECKBOX_SELECTION, i);
-    }, l = (i) => !!i.items, n = (i) => {
-      const v = s.isMultiLevel && s.searching;
-      return i.description && (!s.isMultiLevel || v);
-    }, o = (i) => i.items ? !!i.items.find((v) => s.selectedItemsList.includes(v.value)) : s.selectedItemsList.includes(i.value), a = (i, v) => {
-      if (l(v))
-        return e(i ? N.SELECT_CATEGORY : N.UNSELECT_CATEGORY, v);
-      t(v.value);
+    const t = (r) => {
+      e(M.TOGGLE_CHECKBOX_SELECTION, r);
+    }, l = (r) => !!r.items, o = (r) => {
+      const m = s.isMultiLevel && s.searching;
+      return r.description && (!s.isMultiLevel || m);
+    }, n = (r) => r.items ? !!r.items.find((m) => s.selectedItemsList.includes(m.value)) : s.selectedItemsList.includes(r.value), a = (r, m) => {
+      if (l(m))
+        return e(r ? M.SELECT_CATEGORY : M.UNSELECT_CATEGORY, m);
+      t(m.value);
     };
     return {
       // Values
-      conditionalClasses: r(() => ({
+      conditionalClasses: c(() => ({
         "b-listbox-multi-select-options__static-category-option": s.staticCategories,
         "b-listbox-multi-select-options__category-option": s.categoryItems
       })),
       // Methods
-      isOptionSelected: o,
-      shouldShowDescription: n,
+      isOptionSelected: n,
+      shouldShowDescription: o,
       toggleCheckboxSelection: t,
       selectSearch: a,
+      computedTabindex: (r) => r + 1 === s.focusedIndex ? 0 : -1,
       // Enums
-      BentoListboxEvent: c,
-      ListboxMultiSelectOptionsEvent: N
+      BentoListboxEvent: i,
+      ListboxMultiSelectOptionsEvent: M
     };
   }
 });
-var ot = function() {
+var it = function() {
   var e = this, t = e._self._c;
-  return e._self._setupProxy, t("div", e._l(e.items, function(l) {
-    return t("div", { key: `selected-${l.value}` }, [e.searching && e.isMultiLevel ? [t("bento-listbox-option", { staticClass: "b-listbox-multi-select-options", class: e.conditionalClasses, attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(l) : null } }, [t("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() {
+  return e._self._setupProxy, t("div", e._l(e.items, function(l, o) {
+    return t("div", { key: `selected-${l.value}` }, [e.searching && e.isMultiLevel ? [t("bento-listbox-option", { staticClass: "b-listbox-multi-select-options", class: e.conditionalClasses, attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(l) : null } }, [t("bento-checkbox", { attrs: { "model-value": e.isOptionSelected(l), "aria-label": l.label, disabled: e.isOptionDisabled ? e.isOptionDisabled(l) : null, value: l.value, tabindex: e.computedTabindex(o) }, on: { "update:model-value": (n) => e.selectSearch(n, l) } }), e._t("default", function() {
       return [t("span", { staticClass: "b-listbox-multi-select__option-text" }, [t("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(l.label))]), e.shouldShowDescription(l) ? t("bento-typography", { staticClass: "b-listbox-multi-select__option-description", attrs: { el: "span" } }, [e._v(" " + e._s(l.description) + " ")]) : e._e()], 1)];
-    }, null, l)], 2)] : [l.items ? [t("listbox-multi-select-category", { attrs: { category: l, "static-categories": e.staticCategories, "is-option-disabled": e.isOptionDisabled, "selected-items-list": e.selectedItemsList }, on: { "select-category": function(n) {
+    }, null, l)], 2)] : [l.items ? [t("listbox-multi-select-category", { attrs: { category: l, "static-categories": e.staticCategories, "is-option-disabled": e.isOptionDisabled, "selected-items-list": e.selectedItemsList, tabindex: e.computedTabindex(o) }, on: { "select-category": function(n) {
       return e.$emit(e.ListboxMultiSelectOptionsEvent.SELECT_CATEGORY, l);
     }, "unselect-category": function(n) {
       return e.$emit(e.ListboxMultiSelectOptionsEvent.UNSELECT_CATEGORY, l);
-    } } }, [t("listbox-multi-select-options", { attrs: { "category-items": "", items: l.items, "is-option-disabled": e.isOptionDisabled, "is-multi-level": e.isMultiLevel, "static-categories": e.staticCategories, "selected-items-list": e.selectedItemsList, searching: e.searching }, on: { "toggle-checkbox-selection": (n) => e.toggleCheckboxSelection(n) } })], 1)] : t("bento-listbox-option", { staticClass: "b-listbox-multi-select-options", class: e.conditionalClasses, attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(l) : null } }, [t("bento-checkbox", { attrs: { "model-value": e.selectedItemsList, "aria-label": l.label, disabled: e.isOptionDisabled ? e.isOptionDisabled(l) : null, value: l.value }, on: { "update:model-value": function(n) {
+    } } }, [t("listbox-multi-select-options", { attrs: { "category-items": "", items: l.items, "is-option-disabled": e.isOptionDisabled, "focused-index": e.focusedIndex, "is-multi-level": e.isMultiLevel, "static-categories": e.staticCategories, "selected-items-list": e.selectedItemsList, searching: e.searching }, on: { "toggle-checkbox-selection": (n) => e.toggleCheckboxSelection(n) } })], 1)] : t("bento-listbox-option", { staticClass: "b-listbox-multi-select-options", class: e.conditionalClasses, attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(l) : null } }, [t("bento-checkbox", { attrs: { "model-value": e.selectedItemsList, "aria-label": l.label, disabled: e.isOptionDisabled ? e.isOptionDisabled(l) : null, value: l.value, tabindex: e.computedTabindex(o) }, on: { "update:model-value": function(n) {
       return e.toggleCheckboxSelection(l);
     } } }), e._t("default", function() {
       return [t("span", { staticClass: "b-listbox-multi-select__option-text" }, [t("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(l.label))]), e.shouldShowDescription(l) ? t("bento-typography", { staticClass: "b-listbox-multi-select__option-description", attrs: { el: "span" } }, [e._v(" " + e._s(l.description) + " ")]) : e._e()], 1)];
     }, null, l)], 2)]], 2);
   }), 0);
-}, at = [], it = /* @__PURE__ */ D(
-  nt,
-  ot,
+}, ct = [], rt = /* @__PURE__ */ D(
   at,
+  it,
+  ct,
   !1,
   null,
-  "b2db9f50"
+  "18d7cecf"
 );
-const ct = it.exports, rt = (s) => {
-  const e = r(() => {
+const ut = rt.exports, dt = (s) => {
+  const e = c(() => {
     var l;
-    return !!((l = s.value) != null && l.find(({ items: n }) => !!n));
-  }), t = r(() => {
+    return !!((l = s.value) != null && l.find(({ items: o }) => !!o));
+  }), t = c(() => {
     var l;
-    return e.value ? (l = s.value) == null ? void 0 : l.reduce((n, o) => (o.items ? n.push(...o.items.flat()) : n.push(o), n), []) : s.value;
+    return e.value ? (l = s.value) == null ? void 0 : l.reduce((o, n) => (n.items ? o.push(...n.items.flat()) : o.push(n), o), []) : s.value;
   });
   return {
     isMultiLevelSelect: e,
     flattenedItemsList: t
   };
-}, ut = {
+}, bt = {
   "en-US": {
     allSelected: "All selected ({total})",
     numberOfTotalSelected: "{number} of {total} selected",
     numbersSelected: "{number} selected",
     selectAll: "Select all ({total})"
   }
-}, dt = { i18n: { messages: ut } }, bt = /* @__PURE__ */ P({
-  ...dt,
+}, ft = { i18n: { messages: bt } }, vt = /* @__PURE__ */ P({
+  ...ft,
   __name: "listbox-multi-select",
   props: {
     hasMoreItems: { type: Boolean, default: !1 },
@@ -745,140 +755,139 @@ const ct = it.exports, rt = (s) => {
   },
   emits: ["select"],
   setup(s, { emit: e }) {
-    const t = s, { t: l } = H(), n = pe(), o = O(null), a = O(null), b = O(null), i = r(() => t.selectedValues.map(({ value: u }) => u)), { isMultiLevelSelect: v, flattenedItemsList: C } = rt(F(t, "items")), S = (u) => {
-      var E;
-      const _ = t.isOptionDisabled(u), p = ((E = i.value) == null ? void 0 : E.includes(u.value)) || !1;
-      return { isDisabled: _, isPreSelected: p };
-    }, h = r(() => {
-      if (t.searching && v)
+    const t = s, { t: l } = X(), o = Ce(), n = O(null), a = O(null), b = O(null), v = c(() => t.selectedValues.map(({ value: u }) => u)), { isMultiLevelSelect: r, flattenedItemsList: m } = dt(w(t, "items")), S = (u) => {
+      var h;
+      const g = t.isOptionDisabled(u), p = ((h = v.value) == null ? void 0 : h.includes(u.value)) || !1;
+      return { isDisabled: g, isPreSelected: p };
+    }, E = c(() => {
+      if (t.searching && r)
         return t.items;
-      const u = C.value.filter((_) => {
-        const { isDisabled: p, isPreSelected: E } = S(_);
-        return p && E || !p;
+      const u = m.value.filter((g) => {
+        const { isDisabled: p, isPreSelected: h } = S(g);
+        return p && h || !p;
       });
-      return t.selectedValues.forEach((_) => {
-        u.find((p) => p.value === _.value) || u.push(_);
+      return t.selectedValues.forEach((g) => {
+        u.find((p) => p.value === g.value) || u.push(g);
       }), u;
-    }), A = r(
+    }), A = c(
       () => {
         var u;
-        return (u = h.value) == null ? void 0 : u.filter((_) => {
+        return (u = E.value) == null ? void 0 : u.filter((g) => {
           var p;
-          return _.items && v.value && t.searching ? _.items.filter(
+          return g.items && r.value && t.searching ? g.items.filter(
             (y) => (t.selectedValues ?? []).includes(y.value)
-          ).length === _.items.length : (p = i.value) == null ? void 0 : p.includes(_.value);
+          ).length === g.items.length : (p = v.value) == null ? void 0 : p.includes(g.value);
         });
       }
-    ), T = () => v.value && !t.searching ? C.value.length : t.items.length, R = r(() => {
-      var E;
-      const u = h.value.length, _ = T(), p = ((E = A.value) == null ? void 0 : E.length) || 0;
-      return p === 0 ? l("selectAll", { total: u }) : p === _ ? l("allSelected", { total: _ }) : p <= _ ? l("numberOfTotalSelected", { number: p, total: _ }) : l("numbersSelected", { number: p });
+    ), T = () => r.value && !t.searching ? m.value.length : t.items.length, I = c(() => {
+      var h;
+      const u = E.value.length, g = T(), p = ((h = A.value) == null ? void 0 : h.length) || 0;
+      return p === 0 ? l("selectAll", { total: u }) : p === g ? l("allSelected", { total: g }) : p <= g ? l("numberOfTotalSelected", { number: p, total: g }) : l("numbersSelected", { number: p });
     }), f = (u) => {
-      const _ = (E) => {
-        const { isDisabled: y, isPreSelected: M } = S(E);
-        return y && M || !y;
-      }, p = u.filter(_).filter((E) => !i.value.includes(E.value));
+      const g = (h) => {
+        const { isDisabled: y, isPreSelected: N } = S(h);
+        return y && N || !y;
+      }, p = u.filter(g).filter((h) => !v.value.includes(h.value));
       e("select", [...t.selectedValues, ...p]);
     }, d = (u) => {
-      const _ = (y) => {
-        const { isDisabled: M, isPreSelected: _e } = S(y);
-        return !(M && _e);
-      }, p = u.filter(_).map(({ value: y }) => y), E = t.selectedValues.filter((y) => !(p != null && p.includes(y.value)));
-      e("select", E);
-    }, g = () => {
-      f(C.value);
+      const g = (y) => {
+        const { isDisabled: N, isPreSelected: pe } = S(y);
+        return !(N && pe);
+      }, p = u.filter(g).map(({ value: y }) => y), h = t.selectedValues.filter((y) => !(p != null && p.includes(y.value)));
+      e("select", h);
+    }, C = () => {
+      f(m.value);
     }, L = () => {
-      d(C.value);
-    }, { isAllSelected: m, isIndeterminate: x, toggleSelectAll: B } = fe(
+      d(m.value);
+    }, { isAllSelected: _, isIndeterminate: x, toggleSelectAll: B } = fe(
       A,
-      h,
-      g,
+      E,
+      C,
       L
-    ), w = (u) => {
+    ), $ = (u) => {
       f(u.items);
-    }, K = (u) => {
+    }, Y = (u) => {
       d(u.items);
-    }, W = (u, _) => {
+    }, W = (u, g) => {
       let p = !1;
-      const E = t.selectedValues.filter(({ value: y }) => _.value === y ? (p = !0, !1) : !0);
-      p || E.push(_), e(u, E);
-    }, V = r(() => {
-      if (!v.value)
+      const h = t.selectedValues.filter(({ value: y }) => g.value === y ? (p = !0, !1) : !0);
+      p || h.push(g), e(u, h);
+    }, K = c(() => {
+      if (!r.value)
         return t.selectedValues;
-      const u = (y) => i.value.includes(y.value), _ = (y) => !t.staticCategories && y.every((M) => u(M));
+      const u = (y) => v.value.includes(y.value), g = (y) => !t.staticCategories && y.every((N) => u(N));
       return t.items.flatMap(
-        (y) => y.items && !_(y.items) ? y.items : y
+        (y) => y.items && !g(y.items) ? y.items : y
       ).filter((y) => y.items ? !0 : u(y));
-    }), I = r(() => {
-      var p, E, y, M;
-      const u = ["automatic", "button"].includes(t.lazyLoadType), _ = ((p = t.selectedValues) == null ? void 0 : p.length) > 0 && ((E = A.value) == null ? void 0 : E.length) !== ((y = C.value) == null ? void 0 : y.length);
-      return u && t.hasMoreItems ? !!((M = t.selectedValues) != null && M.length) : _;
-    }), U = r(() => ["automatic", "button"].includes(t.lazyLoadType) ? !t.hasMoreItems : !0), Z = r(
-      () => o.value ? [o.value] : []
-    ), Q = r(
+    }), R = c(() => {
+      var p, h, y, N;
+      const u = ["automatic", "button"].includes(t.lazyLoadType), g = ((p = t.selectedValues) == null ? void 0 : p.length) > 0 && ((h = A.value) == null ? void 0 : h.length) !== ((y = m.value) == null ? void 0 : y.length);
+      return u && t.hasMoreItems ? !!((N = t.selectedValues) != null && N.length) : g;
+    }), U = c(() => ["automatic", "button"].includes(t.lazyLoadType) ? !t.hasMoreItems : !0), Q = c(
+      () => n.value ? [n.value] : []
+    ), ee = c(
       () => {
-        var u;
-        return (u = a.value) != null && u.length ? a.value : [];
-      }
-    ), ee = r(
-      () => {
-        var u, _;
-        return (_ = (u = b.value) == null ? void 0 : u.$children) != null && _.length ? b.value.$children : [];
+        var u, g;
+        return (g = (u = b.value) == null ? void 0 : u.$children) != null && g.length ? b.value.$children : [];
       }
-    ), te = r(() => ({ label: R, value: m })), se = r(() => [
-      ...V.value,
-      te,
-      ...C.value
-    ]), le = (u) => {
-      [
-        ...Q.value,
-        ...Z.value,
-        ...ee.value
-      ][u].$el.focus();
-    }, { moveToNextElement: ne, moveToPreviousElement: oe, moveToFirstElement: ae, moveToLastElement: ie } = ve(
+    ), te = c(() => ({ label: I, value: _ })), se = c(() => [te, ...w(t, "items").value]), le = (u) => {
+      var h;
+      const g = [...Q.value, ...ee.value], p = g[u].$el;
+      p.tagName === "LABEL" ? p.focus() : (h = p.querySelector("label")) == null || h.focus(), g[u].$el.focus();
+    }, {
+      moveToNextElement: ne,
+      moveToPreviousElement: oe,
+      moveToFirstElement: ae,
+      moveToLastElement: ie,
+      preventDefault: q,
+      focusedIndex: me
+    } = ve(
       {
         items: O(se),
         isOptionDisabled: t.isOptionDisabled,
-        hasStaticCategories: F(t, "staticCategories")
+        hasStaticCategories: w(t, "staticCategories")
       },
       le
-    ), me = {
+    ), _e = {
       [k.ARROW_UP]: (u) => oe(u),
       [k.ARROW_DOWN]: (u) => ne(u),
       [k.HOME]: ae,
       [k.END]: ie
+    }, ge = {
+      [k.ARROW_UP]: q,
+      [k.ARROW_DOWN]: q
     };
-    return { __sfc: !0, props: t, emit: e, t: l, slots: n, selectAllListboxItemsRef: o, selectedListboxItemsRef: a, listboxItemsRef: b, selectedItemsList: i, isMultiLevelSelect: v, flattenedItemsList: C, optionStates: S, enabledItems: h, visibleSelectedList: A, calculateTotalItems: T, selectAllCheckboxText: R, selectAll: f, unselectAll: d, selectAllItems: g, unselectAllItems: L, isAllSelected: m, isIndeterminate: x, toggleSelectAll: B, selectAllCategory: w, unselectAllCategory: K, toggleCheckboxSelection: W, selectedOptions: V, showSelectedItems: I, showSelectAllCheckbox: U, computedSelectAllListboxItemsRefs: Z, computedselectedListboxItemsRefs: Q, computedlistboxItems: ee, computedselectAllItemRefs: te, computedItems: se, focusItem: le, moveToNextElement: ne, moveToPreviousElement: oe, moveToFirstElement: ae, moveToLastElement: ie, listboxListeners: me, BentoCheckbox: X, BentoTypography: G, BentoChip: he, BentoListboxOption: Y, ListboxMultiSelectOptions: ct, vBentoKeyboardNavigationDirective: J, BentoListboxEvent: c };
+    return { __sfc: !0, props: t, emit: e, t: l, slots: o, selectAllListboxItemsRef: n, selectedListboxItemsRef: a, listboxItemsRef: b, selectedItemsList: v, isMultiLevelSelect: r, flattenedItemsList: m, optionStates: S, enabledItems: E, visibleSelectedList: A, calculateTotalItems: T, selectAllCheckboxText: I, selectAll: f, unselectAll: d, selectAllItems: C, unselectAllItems: L, isAllSelected: _, isIndeterminate: x, toggleSelectAll: B, selectAllCategory: $, unselectAllCategory: Y, toggleCheckboxSelection: W, selectedOptions: K, showSelectedItems: R, showSelectAllCheckbox: U, computedSelectAllListboxItemsRefs: Q, computedlistboxItems: ee, computedselectAllItemRefs: te, computedItems: se, focusItem: le, moveToNextElement: ne, moveToPreviousElement: oe, moveToFirstElement: ae, moveToLastElement: ie, preventDefault: q, focusedIndex: me, listboxListeners: _e, chipsSectionListeners: ge, BentoCheckbox: J, BentoTypography: G, BentoChip: Ee, BentoListboxOption: V, ListboxMultiSelectOptions: ut, vBentoKeyboardNavigationDirective: Z, BentoListboxEvent: i };
   }
 });
-var ft = function() {
+var mt = function() {
   var e = this, t = e._self._c, l = e._self._setupProxy;
-  return t("div", e._g({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], staticClass: "b-listbox-multi-select" }, l.listboxListeners), [l.showSelectedItems ? t("div", [t("ul", { staticClass: "b-listbox-multi-select__chips" }, e._l(l.selectedOptions, function(n) {
-    return t("li", { key: n.value }, [t(l.BentoChip, { ref: "selectedListboxItemsRef", refInFor: !0, attrs: { disabled: e.isOptionDisabled(n), label: n.label, condensed: "" }, on: { click: function(o) {
-      n.items ? l.unselectAllCategory(n) : l.toggleCheckboxSelection("select", n);
+  return t("div", { staticClass: "b-listbox-multi-select" }, [l.showSelectedItems ? t("div", [t("ul", e._g({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], staticClass: "b-listbox-multi-select__chips" }, l.chipsSectionListeners), e._l(l.selectedOptions, function(o) {
+    return t("li", { key: o.value }, [t(l.BentoChip, { ref: "selectedListboxItemsRef", refInFor: !0, attrs: { disabled: e.isOptionDisabled(o), label: o.label, condensed: "" }, on: { click: function(n) {
+      o.items ? l.unselectAllCategory(o) : l.toggleCheckboxSelection("select", o);
     } } })], 1);
-  }), 0), t("hr", { staticClass: "b-listbox-multi-select__divider" })]) : e._e(), l.showSelectAllCheckbox ? t(l.BentoListboxOption, { ref: "selectAllListboxItemsRef", staticClass: "b-listbox-multi-select__option" }, [t(l.BentoCheckbox, { attrs: { "aria-label": l.selectAllCheckboxText, "model-value": l.isAllSelected, indeterminate: l.isIndeterminate }, on: { "update:model-value": l.toggleSelectAll } }), t(l.BentoTypography, { attrs: { el: "span", "aria-hidden": "true" } }, [e._v(" " + e._s(l.selectAllCheckboxText) + " ")])], 1) : e._e(), l.showSelectAllCheckbox ? t("hr", { staticClass: "b-listbox-multi-select__divider" }) : e._e(), t(l.ListboxMultiSelectOptions, { ref: "listboxItemsRef", attrs: { items: e.items, "is-option-disabled": e.isOptionDisabled, "is-multi-level": l.isMultiLevelSelect, "static-categories": e.staticCategories, searching: e.searching, "selected-items-list": l.selectedItemsList }, on: { "toggle-checkbox-selection": function(n) {
-    return l.toggleCheckboxSelection("select", n);
-  }, "select-category": l.selectAllCategory, "unselect-category": l.unselectAllCategory, "space-pressed": function(n) {
-    return l.toggleCheckboxSelection(l.BentoListboxEvent.SPACE, n);
-  }, "tab-pressed": function(n) {
-    return l.toggleCheckboxSelection(l.BentoListboxEvent.TAB, n);
-  }, "enter-pressed": function(n) {
-    return l.toggleCheckboxSelection(l.BentoListboxEvent.ENTER, n);
-  } }, scopedSlots: e._u([e._l(l.slots, function(n, o) {
-    return { key: o, fn: function(a) {
-      return [e._t(o, null, null, a)];
+  }), 0), t("hr", { staticClass: "b-listbox-multi-select__divider" })]) : e._e(), t("div", e._g({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }] }, l.listboxListeners), [l.showSelectAllCheckbox ? t(l.BentoListboxOption, { ref: "selectAllListboxItemsRef", staticClass: "b-listbox-multi-select__option" }, [t(l.BentoCheckbox, { attrs: { "aria-label": l.selectAllCheckboxText, "model-value": l.isAllSelected, indeterminate: l.isIndeterminate, tabindex: l.focusedIndex === 0 ? 0 : -1 }, on: { "update:model-value": l.toggleSelectAll } }), t(l.BentoTypography, { attrs: { el: "span", "aria-hidden": "true" } }, [e._v(" " + e._s(l.selectAllCheckboxText) + " ")])], 1) : e._e(), l.showSelectAllCheckbox ? t("hr", { staticClass: "b-listbox-multi-select__divider" }) : e._e(), t(l.ListboxMultiSelectOptions, { ref: "listboxItemsRef", attrs: { items: e.items, "is-option-disabled": e.isOptionDisabled, "is-multi-level": l.isMultiLevelSelect, "static-categories": e.staticCategories, searching: e.searching, "selected-items-list": l.selectedItemsList, "focused-index": l.focusedIndex }, on: { "toggle-checkbox-selection": function(o) {
+    return l.toggleCheckboxSelection("select", o);
+  }, "select-category": l.selectAllCategory, "unselect-category": l.unselectAllCategory, "space-pressed": function(o) {
+    return l.toggleCheckboxSelection(l.BentoListboxEvent.SPACE, o);
+  }, "tab-pressed": function(o) {
+    return l.toggleCheckboxSelection(l.BentoListboxEvent.TAB, o);
+  }, "enter-pressed": function(o) {
+    return l.toggleCheckboxSelection(l.BentoListboxEvent.ENTER, o);
+  } }, scopedSlots: e._u([e._l(l.slots, function(o, n) {
+    return { key: n, fn: function(a) {
+      return [e._t(n, null, null, a)];
     } };
-  })], null, !0) })], 1);
-}, vt = [], mt = /* @__PURE__ */ D(
-  bt,
-  ft,
+  })], null, !0) })], 1)]);
+}, _t = [], gt = /* @__PURE__ */ D(
   vt,
+  mt,
+  _t,
   !1,
   null,
-  "f59de8ea"
+  "57c7482e"
 );
-const ue = mt.exports, _t = {
+const ue = gt.exports, pt = {
   "en-US": {
     loading: "Loading",
     showMore: "Show more"
@@ -891,18 +900,18 @@ const ue = mt.exports, _t = {
     loading: "Carregando",
     showMore: "Mostrar mais"
   }
-}, gt = 36, pt = P({
+}, yt = 36, Ct = P({
   name: "bento-listbox",
   components: {
-    BentoEmptyState: Ce,
-    BentoListboxSingleSelect: Je,
+    BentoEmptyState: he,
+    BentoListboxSingleSelect: Qe,
     BentoListboxMultiSelect: ue,
     BentoTypography: G,
-    BentoLoadingIndicator: ye,
-    BentoLoadingButton: Le
+    BentoLoadingIndicator: Se,
+    BentoLoadingButton: Te
   },
-  directives: { BentoKeyboardNavigationDirective: J },
-  i18n: { messages: _t },
+  directives: { BentoKeyboardNavigationDirective: Z },
+  i18n: { messages: pt },
   props: {
     /**
      * Defines a string value that labels an interactive element.
@@ -958,8 +967,8 @@ const ue = mt.exports, _t = {
      */
     lazyLoadType: {
       type: String,
-      default: $.NONE,
-      validator: (s) => Object.values($).includes(s)
+      default: F.NONE,
+      validator: (s) => Object.values(F).includes(s)
     },
     /**
      * Indicates the listbox is loading filtered items.
@@ -1003,130 +1012,130 @@ const ue = mt.exports, _t = {
     }
   },
   emits: [
-    c.SELECT,
-    c.SPACE,
-    c.SHOW_MORE,
-    c.ENTER,
-    c.ESCAPE,
-    c.TAB
+    i.SELECT,
+    i.SPACE,
+    i.SHOW_MORE,
+    i.ENTER,
+    i.ESCAPE,
+    i.TAB
   ],
   setup(s, { emit: e, slots: t }) {
-    const l = O([]), n = F(s, "items"), { t: o } = H(), a = r(() => s.lazyLoadType !== $.AUTOMATIC), b = r(() => s.lazyLoadType === $.AUTOMATIC), i = () => {
-      var I;
-      return typeof (s == null ? void 0 : s.virtualScroll) == "object" && ((I = s == null ? void 0 : s.virtualScroll) != null && I.itemHeight) ? s.virtualScroll.itemHeight : gt;
+    const l = O([]), o = w(s, "items"), { t: n } = X(), a = c(() => s.lazyLoadType !== F.AUTOMATIC), b = c(() => s.lazyLoadType === F.AUTOMATIC), v = () => {
+      var R;
+      return typeof (s == null ? void 0 : s.virtualScroll) == "object" && ((R = s == null ? void 0 : s.virtualScroll) != null && R.itemHeight) ? s.virtualScroll.itemHeight : yt;
     }, {
-      containerRef: v,
-      containerProps: C,
+      containerRef: r,
+      containerProps: m,
       onScroll: S,
-      list: h,
+      list: E,
       wrapperProps: A
-    } = Te(n, {
-      itemHeight: i(),
+    } = Ie(o, {
+      itemHeight: v(),
       // Disable virtual scrolling if not enabled or if lazy loading is enabled or if multi-select
       disabled: (s == null ? void 0 : s.multiple) || (s == null ? void 0 : s.virtualScroll) === !1 || (s == null ? void 0 : s.lazyLoadType) !== "none"
-    }), T = r(
+    }), T = c(
       () => s.componentLoading !== void 0 || a.value ? "true" : void 0
-    ), R = r(
+    ), I = c(
       () => a.value && s.loading || s.componentLoading ? "true" : "false"
-    ), f = r(
+    ), f = c(
       () => a.value || s.componentLoading !== void 0 ? "polite" : void 0
-    ), d = (I) => (U) => {
-      e(I, U);
-    }, g = () => {
-      e(c.SHOW_MORE);
-    }, L = Se(() => {
-      const I = v.value;
-      if (!I)
+    ), d = (R) => (U) => {
+      e(R, U);
+    }, C = () => {
+      e(i.SHOW_MORE);
+    }, L = xe(() => {
+      const R = r.value;
+      if (!R)
         return;
-      const U = Math.round(I.scrollTop) + I.clientHeight >= I.scrollHeight;
-      s.hasMoreItems && U && !s.loading && g();
-    }), m = () => {
+      const U = Math.round(R.scrollTop) + R.clientHeight >= R.scrollHeight;
+      s.hasMoreItems && U && !s.loading && C();
+    }), _ = () => {
       b.value ? L() : S();
-    }, x = r(() => {
-      var I;
-      return ((I = s.items) == null ? void 0 : I.length) === 0;
-    }), B = r(
-      () => s.lazyLoadType === $.BUTTON && s.hasMoreItems
-    ), w = r(
+    }, x = c(() => {
+      var R;
+      return ((R = s.items) == null ? void 0 : R.length) === 0;
+    }), B = c(
+      () => s.lazyLoadType === F.BUTTON && s.hasMoreItems
+    ), $ = c(
       () => s.loading ? ce.LOADING : ce.START
-    ), K = r(() => s.loading ? o("loading") : o("showMore")), W = r(() => ({
+    ), Y = c(() => s.loading ? n("loading") : n("showMore")), W = c(() => ({
       ...s.emptyState,
       variant: "condensed"
-    })), V = {
-      [c.SELECT]: d(c.SELECT),
-      [c.SPACE]: d(c.SPACE),
-      [c.TAB]: d(c.TAB),
-      [c.ENTER]: d(c.ENTER)
+    })), K = {
+      [i.SELECT]: d(i.SELECT),
+      [i.SPACE]: d(i.SPACE),
+      [i.TAB]: d(i.TAB),
+      [i.ENTER]: d(i.ENTER)
     };
     return {
       // Refs
-      listboxRef: v,
+      listboxRef: r,
       listboxItemRef: l,
       // a11y
       ariaAtomic: T,
-      ariaBusy: R,
+      ariaBusy: I,
       ariaLive: f,
       // Values
-      containerProps: C,
+      containerProps: m,
       isSearchResultEmpty: x,
       limitedEmptyStateProps: W,
-      loadingButtonState: w,
+      loadingButtonState: $,
       slots: t,
       shouldDisplayShowMoreButton: B,
-      showMoreButtonText: K,
-      virtualisedItems: h,
+      showMoreButtonText: Y,
+      virtualisedItems: E,
       wrapperProps: A,
       // Enums
       BentoKeyboardNavigationKeyDownEvent: k,
-      BentoListboxEvent: c,
+      BentoListboxEvent: i,
       // Methods
-      onListboxContainerScroll: m,
+      onListboxContainerScroll: _,
       onOptionSelected: d,
-      emitShowMore: g,
-      listboxListeners: V
+      emitShowMore: C,
+      listboxListeners: K
     };
   }
 });
-var yt = function() {
+var St = function() {
   var l;
   var e = this, t = e._self._c;
-  return e._self._setupProxy, t("div", { directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], ref: "listboxRef", staticClass: "b-listbox", style: (l = e.containerProps) == null ? void 0 : l.style, attrs: { id: e.id, role: "listbox", tabindex: "-1", "aria-busy": e.ariaBusy, "aria-atomic": e.ariaAtomic, "aria-label": e.ariaLabel, "aria-live": e.ariaLive }, on: { scroll: e.onListboxContainerScroll } }, [t("div", e._b({}, "div", e.wrapperProps, !1), [e.componentLoading ? t("div", { staticClass: "b-listbox__loading-filtered-items" }, [t("bento-loading-indicator")], 1) : e.isSearchResultEmpty ? t("div", { staticClass: "b-listbox__empty-search-message" }, [e.emptyState ? t("bento-empty-state", e._b({}, "bento-empty-state", e.limitedEmptyStateProps, !1)) : t("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(e.noResultsMessage))])], 1) : [e.multiple ? [t("bento-listbox-multi-select", e._g({ ref: "listboxItemRef", attrs: { "has-more-items": e.hasMoreItems, items: e.items, "lazy-load-type": e.lazyLoadType, "static-categories": e.staticCategories, "selected-values": e.selectedValue, searching: e.searching, "is-option-disabled": e.isOptionDisabled }, scopedSlots: e._u([e._l(e.slots, function(n, o) {
-    return { key: o, fn: function(a) {
-      return [e._t(o, null, null, a)];
+  return e._self._setupProxy, t("div", { directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], ref: "listboxRef", staticClass: "b-listbox", style: (l = e.containerProps) == null ? void 0 : l.style, attrs: { id: e.id, role: "listbox", tabindex: "-1", "aria-busy": e.ariaBusy, "aria-atomic": e.ariaAtomic, "aria-label": e.ariaLabel, "aria-live": e.ariaLive }, on: { scroll: e.onListboxContainerScroll } }, [t("div", e._b({}, "div", e.wrapperProps, !1), [e.componentLoading ? t("div", { staticClass: "b-listbox__loading-filtered-items" }, [t("bento-loading-indicator")], 1) : e.isSearchResultEmpty ? t("div", { staticClass: "b-listbox__empty-search-message" }, [e.emptyState ? t("bento-empty-state", e._b({}, "bento-empty-state", e.limitedEmptyStateProps, !1)) : t("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(e.noResultsMessage))])], 1) : [e.multiple ? [t("bento-listbox-multi-select", e._g({ ref: "listboxItemRef", attrs: { "has-more-items": e.hasMoreItems, items: e.items, "lazy-load-type": e.lazyLoadType, "static-categories": e.staticCategories, "selected-values": e.selectedValue, searching: e.searching, "is-option-disabled": e.isOptionDisabled }, scopedSlots: e._u([e._l(e.slots, function(o, n) {
+    return { key: n, fn: function(a) {
+      return [e._t(n, null, null, a)];
     } };
-  })], null, !0) }, e.listboxListeners))] : [t("bento-listbox-single-select", e._g({ ref: "listboxItemRef", attrs: { items: e.virtualisedItems, "selected-value": e.selectedValue, "static-categories": e.staticCategories, "is-option-disabled": e.isOptionDisabled }, scopedSlots: e._u([e._l(e.slots, function(n, o) {
-    return { key: o, fn: function(a) {
-      return [e._t(o, null, null, a)];
+  })], null, !0) }, e.listboxListeners))] : [t("bento-listbox-single-select", e._g({ ref: "listboxItemRef", attrs: { items: e.virtualisedItems, "selected-value": e.selectedValue, "static-categories": e.staticCategories, "is-option-disabled": e.isOptionDisabled }, scopedSlots: e._u([e._l(e.slots, function(o, n) {
+    return { key: n, fn: function(a) {
+      return [e._t(n, null, null, a)];
     } };
-  })], null, !0) }, e.listboxListeners))], e.shouldDisplayShowMoreButton ? t("div", { staticClass: "b-listbox__lazy-load" }, [t("bento-loading-button", { attrs: { state: e.loadingButtonState, variant: "secondary" }, on: { "!click": function(n) {
+  })], null, !0) }, e.listboxListeners))], e.shouldDisplayShowMoreButton ? t("div", { staticClass: "b-listbox__lazy-load" }, [t("bento-loading-button", { attrs: { state: e.loadingButtonState, variant: "secondary" }, on: { "!click": function(o) {
     return e.emitShowMore.apply(null, arguments);
   } } }, [e._v(" " + e._s(e.showMoreButtonText) + " ")])], 1) : e.loading ? t("div", { staticClass: "b-listbox__lazy-load" }, [t("bento-loading-indicator")], 1) : e._e()]], 2)]);
-}, Ct = [], St = /* @__PURE__ */ D(
-  pt,
-  yt,
+}, ht = [], xt = /* @__PURE__ */ D(
   Ct,
+  St,
+  ht,
   !1,
   null,
   "37a9ab16"
 );
-const wt = St.exports, j = (s, e) => {
+const Ft = xt.exports, H = (s, e) => {
   for (const t of s) {
     if (t.value === e)
       return t;
     if (t.items) {
-      const l = j(t.items, e);
+      const l = H(t.items, e);
       if (l)
         return l;
     }
   }
   return null;
-}, $t = (s, e, t) => {
-  const l = O([]), n = O(), o = (i) => {
-    t.value ? n.value = i.map(({ value: v }) => v) : n.value = i.length > 0 ? i[0].value : null;
-  }, a = (i) => {
-    l.value = i, o(i);
+}, Gt = (s, e, t) => {
+  const l = O([]), o = O(), n = (v) => {
+    t.value ? o.value = v.map(({ value: r }) => r) : o.value = v.length > 0 ? v[0].value : null;
+  }, a = (v) => {
+    l.value = v, n(v);
   }, b = () => {
-    l.value = [], n.value = null;
+    l.value = [], o.value = null;
   };
   return be(
     () => e.value,
@@ -1135,34 +1144,34 @@ const wt = St.exports, j = (s, e) => {
         b();
         return;
       }
-      const i = !Array.isArray(e.value), v = [...l.value];
+      const v = !Array.isArray(e.value), r = [...l.value];
       b();
-      const C = (S) => {
-        let h = j(s.value, S);
-        h || (h = j(v, S)), h || (h = { value: S, label: S.toString() }), l.value.push(h);
+      const m = (S) => {
+        let E = H(s.value, S);
+        E || (E = H(r, S)), E || (E = { value: S, label: S.toString() }), l.value.push(E);
       };
-      if (i) {
+      if (v) {
         const S = e.value;
-        C(S), o(l.value);
+        m(S), n(l.value);
         return;
       }
-      e.value.forEach(C), o(l.value);
+      e.value.forEach(m), n(l.value);
     },
     { immediate: !0 }
   ), {
     // Values
     cachedSelectedListboxOptions: l,
-    cachedListboxSelectedValues: n,
+    cachedListboxSelectedValues: o,
     // Methods
     resetCache: b,
     setCachedValues: a
   };
 };
 export {
-  $ as B,
-  c as a,
-  wt as b,
-  $t as c,
-  rt as u
+  F as B,
+  i as a,
+  Ft as b,
+  Gt as c,
+  dt as u
 };
-//# sourceMappingURL=use-cached-selected-values.DHpjo2tV.js.map
+//# sourceMappingURL=use-cached-selected-values.D6lOsd0o.js.map