@adyen/bento-vue2 1.83.0 → 1.84.0

package/dist/chunks/{use-cached-selected-values.DIKJ8yNE.js → use-cached-selected-values.gDWGi5Nk.js}

@@ -1,12 +1,12 @@
-import { computed as i, ref as S, onMounted as Me, onUnmounted as we, watch as X, defineComponent as G, nextTick as ge, toRef as H, useSlots as Ge, useAttrs as Pe } from "vue";
+import { computed as o, ref as S, onMounted as Me, onUnmounted as we, watch as J, defineComponent as G, nextTick as ge, toRef as H, useSlots as Ge, useAttrs as Pe } from "vue";
 import { B as $, a as se } from "./keyboard-navigation.DWmhelVv.js";
 import { B as j } from "./typography.Bq-EGj9y.js";
 import { B as Fe } from "./loading-indicator.PxbRzshH.js";
-import { B as Ye } from "./empty-state.jVTWhJW7.js";
+import { B as Ye } from "./empty-state.DpBnqAxu.js";
 import { u as le } from "./index.B6WW_F-J.js";
 import { d as Ue } from "./debounce.DUTu11PS.js";
 import "./index.Cl4_42j5.js";
-import { C as Z, N as ze } from "./minus-small.DJacLGTw.js";
+import { C as X, N as ze } from "./minus-small.DJacLGTw.js";
 import { C as Ve } from "./checkmark-small.DVDtD4HQ.js";
 /* empty css              */
 import { n as M } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
@@ -14,31 +14,31 @@ import { B as We } from "./chip.C6DRfdJ8.js";
 import { C as Ke } from "./chevron-down.eYtgv5ly.js";
 import { C as je } from "./chevron-up.d8cwIlA_.js";
 import { g as be } from "./generate-uid.NJ8tVoha.js";
-import { a as qe, b as fe } from "./button-actions.BWVq6OZQ.js";
+import { a as qe, b as fe } from "./button-actions.D9n7MxWe.js";
 import { o as He } from "./resize.Bqks3WUm.js";
 import "../assets/use-cached-selected-values.css";
 const pe = (s, e, l, t) => {
-  const n = i(
+  const a = o(
     () => {
       var f, L;
       return !!((f = s.value) != null && f.length) && ((L = s.value) == null ? void 0 : L.length) === e.value.length;
     }
-  ), a = i(() => {
+  ), n = o(() => {
     var f;
     return s.value == null || s.value.length === 0 ? !1 : ((f = s.value) == null ? void 0 : f.length) !== e.value.length;
   });
   return {
-    isAllSelected: n,
-    isIndeterminate: a,
+    isAllSelected: a,
+    isIndeterminate: n,
     toggleSelectAll: (f) => {
       f ? l() : t();
     }
   };
 };
-function Xe(s, { disabled: e, itemHeight: l, overscan: t = 5, prefixHeight: n }) {
-  const a = S(null), r = S([]), f = S(0), L = S(0), d = S(0);
+function Je(s, { disabled: e, itemHeight: l, overscan: t = 5, prefixHeight: a }) {
+  const n = S(null), r = S([]), f = S(0), L = S(0), d = S(0);
   let b;
-  const T = i(() => {
+  const T = o(() => {
     const I = typeof l == "number" ? s.value.length * l : s.value.reduce((C, m, y) => C + l(y), 0), O = typeof l == "number" ? f.value * l : s.value.slice(0, f.value).reduce((C, m, y) => C + l(y), 0);
     return {
       style: {
@@ -47,20 +47,20 @@ function Xe(s, { disabled: e, itemHeight: l, overscan: t = 5, prefixHeight: n })
       }
     };
   }), g = () => {
-    const I = (n == null ? void 0 : n.value) ?? 0, O = Math.max(a.value.scrollTop - I, 0);
+    const I = (a == null ? void 0 : a.value) ?? 0, O = Math.max(n.value.scrollTop - I, 0);
     if (typeof l == "number")
       return Math.floor(O / l);
     let C = 0, m = 0;
     for (let y = 0; y < s.value.length; y += 1) {
-      const R = l(y);
-      if (C += R, C >= O) {
+      const D = l(y);
+      if (C += D, C >= O) {
         m = y;
         break;
       }
     }
     return m;
   }, p = () => {
-    if (d.value = a.value.clientHeight, typeof l == "number")
+    if (d.value = n.value.clientHeight, typeof l == "number")
       return Math.ceil(d.value / l);
     const I = f.value ?? 0;
     let O = 0, C = 0;
@@ -71,46 +71,46 @@ function Xe(s, { disabled: e, itemHeight: l, overscan: t = 5, prefixHeight: n })
     }
     return C - I;
   }, x = () => {
-    if (a.value) {
+    if (n.value) {
       const I = p();
       f.value = g(), L.value = Math.min(f.value + I + t, s.value.length), r.value = s.value.slice(f.value, L.value);
     }
-  }, D = () => {
+  }, R = () => {
     x();
   };
   e || (Me(() => {
-    a.value && (d.value = a.value.clientHeight, b = He(a.value, ({ clientHeight: I }) => {
+    n.value && (d.value = n.value.clientHeight, b = He(n.value, ({ clientHeight: I }) => {
       d.value = I, x();
     }), x());
   }), we(() => {
     b == null || b.disconnect();
-  }), X(
+  }), J(
     () => s.value,
     () => {
       x();
     }
   ));
   const B = {
-    ref: a,
+    ref: n,
     style: { overflowY: "auto" }
   };
   return e ? {
-    containerRef: a,
+    containerRef: n,
     containerProps: B,
     // eslint-disable-next-line @typescript-eslint/no-empty-function
     onScroll: () => {
     },
     list: s
   } : {
-    containerRef: a,
+    containerRef: n,
     containerProps: B,
-    onScroll: D,
+    onScroll: R,
     list: r,
     wrapperProps: T
   };
 }
 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 || {}), K = /* @__PURE__ */ ((s) => (s.AUTOMATIC = "automatic", s.BUTTON = "button", s.NONE = "none", s))(K || {});
-const Ze = G({
+const Xe = G({
   name: "bento-listbox-static-category",
   components: {
     BentoTypography: j
@@ -125,12 +125,12 @@ const Ze = G({
     }
   }
 });
-var Je = function() {
+var Ze = function() {
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("div", { staticClass: "b-listbox-single-select-category", attrs: { role: "group", "aria-label": e.categoryLabel } }, [l("bento-typography", { staticClass: "b-listbox-single-select-category__label-text", attrs: { variant: "caption", el: "span", "aria-hidden": "true" } }, [e._v(" " + e._s(e.categoryLabel) + " ")]), l("div", [e._t("default")], 2)], 1);
 }, Qe = [], et = /* @__PURE__ */ M(
+  Xe,
   Ze,
-  Je,
   Qe,
   !1,
   null,
@@ -150,7 +150,7 @@ const tt = et.exports, st = G({
   },
   emits: [c.CLICK, c.ENTER, c.SPACE, c.TAB],
   setup(s, { emit: e }) {
-    const l = i(() => ({
+    const l = o(() => ({
       "b-listbox-option--disabled": s.disabled,
       "b-listbox-option--selected": s.selected
     }));
@@ -161,11 +161,11 @@ const tt = et.exports, st = G({
       // Values
       conditionalClasses: l,
       // Events
-      onClick: (a) => {
-        e(c.CLICK, a);
+      onClick: (n) => {
+        e(c.CLICK, n);
       },
-      onOptionSelected: (a, r) => {
-        e(a, r);
+      onOptionSelected: (n, r) => {
+        e(n, r);
       }
     };
   }
@@ -179,27 +179,27 @@ var lt = function() {
   }, function(t) {
     return !t.type.indexOf("key") && e._k(t.keyCode, "tab", 9, t.key, "Tab") ? null : e.onOptionSelected(e.BentoListboxEvent.TAB, t);
   }] } }, "div", e.$attrs, !1), [e._t("default")], 2);
-}, nt = [], at = /* @__PURE__ */ M(
+}, at = [], nt = /* @__PURE__ */ M(
   st,
   lt,
-  nt,
+  at,
   !1,
   null,
   "c345b6c0"
 );
-const J = at.exports;
+const Z = nt.exports;
 let ve = 0;
-const it = {
+const ot = {
   beforeCreate() {
     this.uuid = ve.toString(), ve += 1;
   }
 };
-var ot = function() {
+var it = function() {
   var e = this, l = e._self._c;
   return l("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"] ? l("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), l("path", { attrs: { 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" } })]);
 }, ct = [], rt = /* @__PURE__ */ M(
-  it,
   ot,
+  it,
   ct,
   !1,
   null,
@@ -208,7 +208,7 @@ var ot = function() {
 const ut = rt.exports, dt = G({
   name: "bento-listbox-single-select-option",
   components: {
-    BentoListboxOption: J,
+    BentoListboxOption: Z,
     BentoTypography: j,
     CheckmarkIcon: ut
   },
@@ -234,12 +234,12 @@ const ut = rt.exports, dt = G({
   setup(s, { emit: e }) {
     const l = (r) => {
       s.disabled || e(r, s.option);
-    }, t = i(() => s.disabled ? !0 : null), n = i(() => s.selected ? !0 : null), a = i(() => s.disabled ? -1 : 0);
+    }, t = o(() => s.disabled ? !0 : null), a = o(() => s.selected ? !0 : null), n = o(() => s.disabled ? -1 : 0);
     return {
       // Values
       ariaDisabled: t,
-      ariaSelected: n,
-      tabIndex: a,
+      ariaSelected: a,
+      tabIndex: n,
       // Enums
       BentoListboxEvent: c,
       // Events
@@ -269,7 +269,7 @@ var bt = function() {
   "bb14d75a"
 );
 const mt = vt.exports, ye = ({ items: s }, e) => {
-  const l = i(() => s.value.length - 1), t = S(0), n = (g) => {
+  const l = o(() => s.value.length - 1), t = S(0), a = (g) => {
     switch (g) {
       case "increase":
         t.value += 1;
@@ -278,10 +278,10 @@ const mt = vt.exports, ye = ({ items: s }, e) => {
         t.value -= 1;
         break;
     }
-  }, a = ({ edgeCaseItem: g }, p) => {
-    t.value !== g && (n(p), e(t.value));
+  }, n = ({ edgeCaseItem: g }, p) => {
+    t.value !== g && (a(p), e(t.value));
   }, r = (g) => {
-    T(g), a(
+    T(g), n(
       {
         edgeCaseItem: l.value
       },
@@ -289,7 +289,7 @@ const mt = vt.exports, ye = ({ items: s }, e) => {
       /* INCREASE */
     );
   }, f = (g) => {
-    T(g), a(
+    T(g), n(
       {
         edgeCaseItem: 0
       },
@@ -316,23 +316,23 @@ const mt = vt.exports, ye = ({ items: s }, e) => {
     focusedIndex: t
   };
 }, he = (s, e, l = S("option"), t = !0) => {
-  const n = S([]), a = async () => {
+  const a = S([]), n = async () => {
     if (!s.value || s.value.nodeType === Node.COMMENT_NODE)
       return;
     const r = Array.from(s.value.querySelectorAll(`[role="${l.value}"]`));
-    n.value = t ? r.filter((f) => f.checkVisibility()) : r;
+    a.value = t ? r.filter((f) => f.checkVisibility()) : r;
   };
-  return X(
+  return J(
     e,
     () => {
       ge(() => {
-        a();
+        n();
       });
     },
     { immediate: !0 }
   ), {
-    visibleDomOptions: n,
-    updateVisibleDomOptions: a
+    visibleDomOptions: a,
+    updateVisibleDomOptions: n
   };
 }, _t = G({
   name: "bento-listbox-single-select",
@@ -382,29 +382,29 @@ const mt = vt.exports, ye = ({ items: s }, e) => {
     staticCategories: { type: Boolean, default: !1 }
   },
   emits: [c.SELECT, c.ENTER, c.SPACE, c.TAB],
-  setup(s, { emit: e, expose: l, slots: t, attrs: n }) {
-    const a = S(null), r = S([]), f = i(() => {
+  setup(s, { emit: e, expose: l, slots: t, attrs: a }) {
+    const n = S(null), r = S([]), f = o(() => {
       var m;
       return !!((m = s.selectedValue) != null && m.length) && s.selectedValue.at(0);
-    }), L = i(
+    }), L = o(
       () => {
-        var m, y, R, P;
+        var m, y, D, P;
         return {
-          "aria-label": (m = n["aria-label"]) == null ? void 0 : m.toString(),
-          "aria-busy": (y = n["aria-busy"]) == null ? void 0 : y.toString(),
-          "aria-atomic": (R = n["aria-atomic"]) == null ? void 0 : R.toString(),
-          "aria-live": (P = n["aria-live"]) == null ? void 0 : P.toString()
+          "aria-label": (m = a["aria-label"]) == null ? void 0 : m.toString(),
+          "aria-busy": (y = a["aria-busy"]) == null ? void 0 : y.toString(),
+          "aria-atomic": (D = a["aria-atomic"]) == null ? void 0 : D.toString(),
+          "aria-live": (P = a["aria-live"]) == null ? void 0 : P.toString()
         };
       }
-    ), d = i(() => !!s.items.some(({ items: m }) => !!m)), b = (m) => (y) => {
+    ), d = o(() => !!s.items.some(({ items: m }) => !!m)), b = (m) => (y) => {
       e(m, [y]);
-    }, { visibleDomOptions: T } = he(a, H(s, "items"), S("option"), !1), g = (m) => {
+    }, { visibleDomOptions: T } = he(n, H(s, "items"), S("option"), !1), g = (m) => {
       var y;
       (y = T.value[m]) == null || y.focus();
     }, {
       moveToNextElement: p,
       moveToPreviousElement: x,
-      moveToFirstElement: D,
+      moveToFirstElement: R,
       moveToLastElement: B,
       setListboxFocusedIndex: I
     } = ye(
@@ -415,7 +415,7 @@ const mt = vt.exports, ye = ({ items: s }, e) => {
     ), O = {
       [$.ARROW_UP]: x,
       [$.ARROW_DOWN]: p,
-      [$.HOME]: D,
+      [$.HOME]: R,
       [$.END]: B
     }, C = {
       [c.SELECT]: b(c.SELECT),
@@ -438,7 +438,7 @@ const mt = vt.exports, ye = ({ items: s }, e) => {
       // Enums
       BentoListboxEvent: c,
       // Values
-      listboxRef: a,
+      listboxRef: n,
       listboxItemRef: r,
       selectedItem: f,
       slots: t,
@@ -456,17 +456,17 @@ const mt = vt.exports, ye = ({ items: s }, e) => {
 var gt = function() {
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("div", e._g(e._b({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], ref: "listboxRef", attrs: { role: "listbox" } }, "div", e.ariaAttributes, !1), e.listboxListeners), [e.hasCategories && e.staticCategories ? e._l(e.items, function(t) {
-    return l("bento-listbox-single-select-category", { key: t.value, attrs: { "category-label": t.label } }, e._l(t.items, function(n) {
-      return l("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(a, r) {
+    return l("bento-listbox-single-select-category", { key: t.value, attrs: { "category-label": t.label } }, e._l(t.items, function(a) {
+      return l("bento-listbox-single-select-option", e._g({ key: a.value, ref: "listboxItemRef", refInFor: !0, attrs: { role: "option", option: a, disabled: e.isOptionDisabled ? e.isOptionDisabled(a) : null, selected: a.value === e.selectedItem.value }, scopedSlots: e._u([e._l(e.slots, function(n, r) {
         return { key: r, fn: function(f) {
           return [e._t(r, null, null, f)];
         } };
       })], null, !0) }, e.listboxOptionListeners));
     }), 1);
   }) : e._l(e.items, function(t) {
-    return l("bento-listbox-single-select-option", e._g({ key: t.value, ref: "listboxItemRef", refInFor: !0, attrs: { role: "option", option: t, disabled: e.isOptionDisabled ? e.isOptionDisabled(t) : null, selected: t.value === e.selectedItem.value }, scopedSlots: e._u([e._l(e.slots, function(n, a) {
-      return { key: a, fn: function(r) {
-        return [e._t(a, null, null, r)];
+    return l("bento-listbox-single-select-option", e._g({ key: t.value, ref: "listboxItemRef", refInFor: !0, attrs: { role: "option", option: t, disabled: e.isOptionDisabled ? e.isOptionDisabled(t) : null, selected: t.value === e.selectedItem.value }, scopedSlots: e._u([e._l(e.slots, function(a, n) {
+      return { key: n, fn: function(r) {
+        return [e._t(n, null, null, r)];
       } };
     })], null, !0) }, e.listboxOptionListeners));
   })], 2);
@@ -506,12 +506,12 @@ const Et = Ot.exports, Tt = {}, It = /* @__PURE__ */ G({
     allSelected: { type: Boolean, default: !1 }
   },
   setup(s) {
-    const e = s, l = i(() => ({
-      [`b-checkbox-input--${Z.DISABLED}`]: e.disabled
-    })), t = i(() => ({
-      [`b-checkbox-input__outline--${Z.UNCHECKED}`]: !e.checked && !e.indeterminate && !e.allSelected,
-      [`b-checkbox-input__outline--${Z.CHECKED}`]: (e.checked || e.allSelected) && !e.indeterminate,
-      [`b-checkbox-input__outline--${Z.INDETERMINATE}`]: e.indeterminate
+    const e = s, l = o(() => ({
+      [`b-checkbox-input--${X.DISABLED}`]: e.disabled
+    })), t = o(() => ({
+      [`b-checkbox-input__outline--${X.UNCHECKED}`]: !e.checked && !e.indeterminate && !e.allSelected,
+      [`b-checkbox-input__outline--${X.CHECKED}`]: (e.checked || e.allSelected) && !e.indeterminate,
+      [`b-checkbox-input__outline--${X.INDETERMINATE}`]: e.indeterminate
     }));
     return { __sfc: !0, props: e, conditionalClasses: l, outlineConditionalClasses: t, CheckmarkSmallIcon: Ve, MinusSmallIcon: ze, DoubleCheckmarkSmallIcon: Et };
   }
@@ -527,22 +527,30 @@ var Lt = function() {
   null,
   "b87bbaf9"
 );
-const ne = kt.exports;
+const ae = kt.exports;
 var Ce = /* @__PURE__ */ ((s) => (s.DISABLED = "disabled", s.STATIC_CATEGORY = "static-category", s))(Ce || {}), z = /* @__PURE__ */ ((s) => (s.SELECT_CATEGORY = "select-category", s.UNSELECT_CATEGORY = "unselect-category", s.TOGGLE_CATEGORY_VISIBILITY = "toggle-category-visibility", s))(z || {});
-const Dt = {
+const Rt = {
   "en-US": {
     categoryClosed: "{category} closed",
     categoryOpened: "{category} opened"
+  },
+  "ja-JP": {
+    categoryClosed: "{category}を閉じました",
+    categoryOpened: "{category}を開きました"
+  },
+  "pt-BR": {
+    categoryClosed: "{category} fechado",
+    categoryOpened: "{categoria} aberta"
   }
-}, Rt = G({
-  i18n: { messages: Dt },
+}, Dt = G({
+  i18n: { messages: Rt },
   name: "bento-listbox-multi-select-category",
   components: {
     BentoTypography: j,
-    BentoListboxOption: J,
+    BentoListboxOption: Z,
     ChevronDownIcon: Ke,
     ChevronUpIcon: je,
-    DecorativeCheckbox: ne
+    DecorativeCheckbox: ae
   },
   props: {
     /**
@@ -593,9 +601,9 @@ const Dt = {
     z.TOGGLE_CATEGORY_VISIBILITY
   ],
   setup(s, { emit: e }) {
-    const l = S(!1), { t } = le(), n = be("category-group"), a = be("category-name"), r = (E) => s.isOptionDisabled ? s.isOptionDisabled(E) : !1, f = i(
+    const l = S(!1), { t } = le(), a = be("category-group"), n = be("category-name"), r = (E) => s.isOptionDisabled ? s.isOptionDisabled(E) : !1, f = o(
       () => s.category.items.every((E) => r(E))
-    ), L = H(s, "staticCategories"), d = i(() => l.value || s.staticCategories), b = i(() => ({
+    ), L = H(s, "staticCategories"), d = o(() => l.value || s.staticCategories), b = o(() => ({
       [`b-listbox-multi-select-category--${Ce.DISABLED}`]: f.value
     })), T = (E, A) => {
       E.preventDefault(), l.value = A !== void 0 ? A : !l.value, e(z.TOGGLE_CATEGORY_VISIBILITY, s.category.value);
@@ -603,12 +611,12 @@ const Dt = {
       var Y;
       const A = r(E), N = ((Y = s.selectedItemsList) == null ? void 0 : Y.includes(E.value)) || !1;
       return { isDisabled: A, isPreSelected: N };
-    }, p = i(
+    }, p = o(
       () => s.category.items.filter((E) => {
         const { isDisabled: A, isPreSelected: N } = g(E);
         return A && N || !A;
       })
-    ), x = i(
+    ), x = o(
       () => {
         var E;
         return (E = p.value) == null ? void 0 : E.filter(
@@ -618,7 +626,7 @@ const Dt = {
           }
         );
       }
-    ), D = i(() => {
+    ), R = o(() => {
       const E = l.value ? "categoryOpened" : "categoryClosed";
       return t(E, { category: s.category.label });
     }), B = () => {
@@ -630,22 +638,22 @@ const Dt = {
       p,
       B,
       I
-    ), y = i(() => C.value ? "mixed" : `${O.value}`), R = S(O.value), P = () => {
-      R.value = !R.value, m(R.value);
+    ), y = o(() => C.value ? "mixed" : `${O.value}`), D = S(O.value), P = () => {
+      D.value = !D.value, m(D.value);
     };
-    return X(O, () => {
-      R.value = O.value;
+    return J(O, () => {
+      D.value = O.value;
     }), {
       // Values
-      chevronTitle: D,
+      chevronTitle: R,
       conditionalClass: b,
       hasAllPropsDisabled: f,
       isOpen: l,
       isAllSelected: O,
       isIndeterminate: C,
       isStaticCategory: L,
-      categoryGroupId: n,
-      categoryNameId: a,
+      categoryGroupId: a,
+      categoryNameId: n,
       // Computed
       showItemChildren: d,
       ariaCheckedComputed: y,
@@ -668,7 +676,7 @@ var Bt = function() {
     return t.stopPropagation(), e.toggleOpen.apply(null, arguments);
   } } }, [e.isOpen ? l("chevron-up-icon", { attrs: { "svg-title": e.chevronTitle } }) : l("chevron-down-icon", { attrs: { "svg-title": e.chevronTitle } })], 1)], 1)], 1), l("div", { directives: [{ name: "show", rawName: "v-show", value: e.showItemChildren, expression: "showItemChildren" }], attrs: { id: e.categoryGroupId, role: "group", "aria-label": e.category.label } }, [e._t("default")], 2)], 1);
 }, $t = [], Nt = /* @__PURE__ */ M(
-  Rt,
+  Dt,
   Bt,
   $t,
   !1,
@@ -680,10 +688,10 @@ var w = /* @__PURE__ */ ((s) => (s.SELECT_CATEGORY = "select-category", s.TOGGLE
 const wt = G({
   name: "listbox-multi-select-options",
   components: {
-    BentoListboxOption: J,
+    BentoListboxOption: Z,
     BentoTypography: j,
     ListboxMultiSelectCategory: Mt,
-    DecorativeCheckbox: ne
+    DecorativeCheckbox: ae
   },
   inheritAttrs: !1,
   props: {
@@ -761,25 +769,25 @@ const wt = G({
   setup(s, { emit: e }) {
     const l = (d) => {
       s.isOptionDisabled(d) || e(w.TOGGLE_CHECKBOX_SELECTION, d);
-    }, t = (d) => !!d.items, n = (d) => {
+    }, t = (d) => !!d.items, a = (d) => {
       const b = s.isMultiLevel && s.searching;
       return d.description && (!s.isMultiLevel || b);
-    }, a = (d) => d.items ? !!d.items.find((b) => s.selectedItemsList.includes(b.value)) : s.selectedItemsList.includes(d.value), r = (d) => {
+    }, n = (d) => d.items ? !!d.items.find((b) => s.selectedItemsList.includes(b.value)) : s.selectedItemsList.includes(d.value), r = (d) => {
       if (t(d)) {
-        const b = a(d) ? w.UNSELECT_CATEGORY : w.SELECT_CATEGORY;
+        const b = n(d) ? w.UNSELECT_CATEGORY : w.SELECT_CATEGORY;
         e(b, d);
       } else
         l(d);
     };
     return {
       // Values
-      conditionalClasses: i(() => ({
+      conditionalClasses: o(() => ({
         "b-listbox-multi-select-options__static-category-option": s.staticCategories,
         "b-listbox-multi-select-options__category-option": s.categoryItems
       })),
       // Methods
-      isOptionSelected: a,
-      shouldShowDescription: n,
+      isOptionSelected: n,
+      shouldShowDescription: a,
       toggleCheckboxSelection: l,
       toggleSearchOption: r,
       computedTabindex: (d) => s.itemsIndex[d] === s.focusedIndex ? 0 : -1,
@@ -792,26 +800,26 @@ const wt = G({
 var Gt = function() {
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("div", e._l(e.items, function(t) {
-    return l("div", { key: `selected-${t.value}` }, [e.searching && e.isMultiLevel ? [l("bento-listbox-option", { staticClass: "b-listbox-multi-select-options", class: e.conditionalClasses, attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(t) : null, tabindex: e.computedTabindex(t.value), "aria-selected": `${e.isOptionSelected(t)}`, "aria-checked": `${e.isOptionSelected(t)}`, "aria-disabled": e.isOptionDisabled ? e.isOptionDisabled(t) : null, role: e.$attrs.role }, on: { click: function(n) {
+    return l("div", { key: `selected-${t.value}` }, [e.searching && e.isMultiLevel ? [l("bento-listbox-option", { staticClass: "b-listbox-multi-select-options", class: e.conditionalClasses, attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(t) : null, tabindex: e.computedTabindex(t.value), "aria-selected": `${e.isOptionSelected(t)}`, "aria-checked": `${e.isOptionSelected(t)}`, "aria-disabled": e.isOptionDisabled ? e.isOptionDisabled(t) : null, role: e.$attrs.role }, on: { click: function(a) {
       return e.toggleSearchOption(t);
-    }, "enter-pressed": function(n) {
+    }, "enter-pressed": function(a) {
       return e.toggleSearchOption(t);
-    }, "space-pressed": function(n) {
-      return n.preventDefault(), e.toggleSearchOption(t);
+    }, "space-pressed": function(a) {
+      return a.preventDefault(), e.toggleSearchOption(t);
     } } }, [l("decorative-checkbox", { attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(t) : null, checked: e.isOptionSelected(t) } }), e._t("default", function() {
       return [l("span", { staticClass: "b-listbox-multi-select__option-text" }, [l("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(t.label))]), e.shouldShowDescription(t) ? l("bento-typography", { staticClass: "b-listbox-multi-select__option-description", attrs: { el: "span" } }, [e._v(" " + e._s(t.description) + " ")]) : e._e()], 1)];
-    }, null, t)], 2)] : [t.items ? [l("listbox-multi-select-category", { attrs: { category: t, "static-categories": e.staticCategories, "is-option-disabled": e.isOptionDisabled, "selected-items-list": e.selectedItemsList, tabindex: e.computedTabindex(t.value) }, on: { "select-category": function(n) {
+    }, null, t)], 2)] : [t.items ? [l("listbox-multi-select-category", { attrs: { category: t, "static-categories": e.staticCategories, "is-option-disabled": e.isOptionDisabled, "selected-items-list": e.selectedItemsList, tabindex: e.computedTabindex(t.value) }, on: { "select-category": function(a) {
       return e.$emit(e.ListboxMultiSelectOptionsEvent.SELECT_CATEGORY, t);
-    }, "unselect-category": function(n) {
+    }, "unselect-category": function(a) {
       return e.$emit(e.ListboxMultiSelectOptionsEvent.UNSELECT_CATEGORY, t);
-    }, "toggle-category-visibility": function(n) {
-      return e.$emit(e.ListboxMultiSelectOptionsEvent.TOGGLE_CATEGORY_VISIBILITY, n);
-    } } }, [l("listbox-multi-select-options", { attrs: { "category-items": "", items: t.items, "is-option-disabled": e.isOptionDisabled, "items-index": e.itemsIndex, "focused-index": e.focusedIndex, "is-multi-level": e.isMultiLevel, "static-categories": e.staticCategories, "selected-items-list": e.selectedItemsList, searching: e.searching, role: e.$attrs.role }, on: { "toggle-checkbox-selection": (n) => e.toggleCheckboxSelection(n) } })], 1)] : l("bento-listbox-option", { staticClass: "b-listbox-multi-select-options", class: e.conditionalClasses, attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(t) : null, tabindex: e.computedTabindex(t.value), "aria-selected": `${e.isOptionSelected(t)}`, "aria-checked": `${e.isOptionSelected(t)}`, "aria-disabled": e.isOptionDisabled ? e.isOptionDisabled(t) : null, role: e.$attrs.role }, on: { click: function(n) {
+    }, "toggle-category-visibility": function(a) {
+      return e.$emit(e.ListboxMultiSelectOptionsEvent.TOGGLE_CATEGORY_VISIBILITY, a);
+    } } }, [l("listbox-multi-select-options", { attrs: { "category-items": "", items: t.items, "is-option-disabled": e.isOptionDisabled, "items-index": e.itemsIndex, "focused-index": e.focusedIndex, "is-multi-level": e.isMultiLevel, "static-categories": e.staticCategories, "selected-items-list": e.selectedItemsList, searching: e.searching, role: e.$attrs.role }, on: { "toggle-checkbox-selection": (a) => e.toggleCheckboxSelection(a) } })], 1)] : l("bento-listbox-option", { staticClass: "b-listbox-multi-select-options", class: e.conditionalClasses, attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(t) : null, tabindex: e.computedTabindex(t.value), "aria-selected": `${e.isOptionSelected(t)}`, "aria-checked": `${e.isOptionSelected(t)}`, "aria-disabled": e.isOptionDisabled ? e.isOptionDisabled(t) : null, role: e.$attrs.role }, on: { click: function(a) {
       return e.toggleCheckboxSelection(t);
-    }, "enter-pressed": function(n) {
+    }, "enter-pressed": function(a) {
       return e.toggleCheckboxSelection(t);
-    }, "space-pressed": function(n) {
-      return n.preventDefault(), e.toggleCheckboxSelection(t);
+    }, "space-pressed": function(a) {
+      return a.preventDefault(), e.toggleCheckboxSelection(t);
     } } }, [l("decorative-checkbox", { attrs: { disabled: e.isOptionDisabled ? e.isOptionDisabled(t) : null, checked: e.isOptionSelected(t) } }), e._t("default", function() {
       return [l("span", { staticClass: "b-listbox-multi-select__option-text" }, [l("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(t.label))]), e.shouldShowDescription(t) ? l("bento-typography", { staticClass: "b-listbox-multi-select__option-description", attrs: { el: "span" } }, [e._v(" " + e._s(t.description) + " ")]) : e._e()], 1)];
     }, null, t)], 2)]], 2);
@@ -825,12 +833,12 @@ var Gt = function() {
   "68986632"
 );
 const Yt = Ft.exports, Ut = (s) => {
-  const e = i(() => {
+  const e = o(() => {
     var t;
-    return !!((t = s.value) != null && t.find(({ items: n }) => !!n));
-  }), l = i(() => {
+    return !!((t = s.value) != null && t.find(({ items: a }) => !!a));
+  }), l = o(() => {
     var t;
-    return e.value ? (t = s.value) == null ? void 0 : t.reduce((n, a) => (a.items ? n.push(...a.items.flat()) : n.push(a), n), []) : s.value;
+    return e.value ? (t = s.value) == null ? void 0 : t.reduce((a, n) => (n.items ? a.push(...n.items.flat()) : a.push(n), a), []) : s.value;
   });
   return {
     isMultiLevelSelect: e,
@@ -844,16 +852,16 @@ const Yt = Ft.exports, Ut = (s) => {
     selectAll: "Select all ({total})"
   },
   "ja-JP": {
-    allSelected: "すべて選択済み ({total})",
-    numberOfTotalSelected: "{total}件中{number}件を選択済み",
-    numbersSelected: "{number}件を選択済み",
+    allSelected: "すべて選択 ({total})",
+    numberOfTotalSelected: "{number}/{total}件が選択されました",
+    numbersSelected: "{number}件選択済み",
     selectAll: "すべて選択 ({total})"
   },
   "pt-BR": {
-    allSelected: "Todos selecionados ({total})",
+    allSelected: "Todos os selecionados ({total})",
     numberOfTotalSelected: "{number} de {total} selecionados",
     numbersSelected: "{number} selecionados",
-    selectAll: "Selecionar todos ({total})"
+    selectAll: "Selecionar tudo ({total})"
   }
 }, Vt = { i18n: { messages: zt } }, Wt = /* @__PURE__ */ G({
   ...Vt,
@@ -869,118 +877,118 @@ const Yt = Ft.exports, Ut = (s) => {
   },
   emits: ["select"],
   setup(s, { expose: e, emit: l }) {
-    const t = s, { t: n, n: a } = le(), r = Ge(), f = Pe(), L = i(
+    const t = s, { t: a, n } = le(), r = Ge(), f = Pe(), L = o(
       () => {
-        var o, u, v, h;
+        var i, u, v, h;
         return {
-          "aria-label": (o = f["aria-label"]) == null ? void 0 : o.toString(),
+          "aria-label": (i = f["aria-label"]) == null ? void 0 : i.toString(),
           "aria-busy": (u = f["aria-busy"]) == null ? void 0 : u.toString(),
           "aria-atomic": (v = f["aria-atomic"]) == null ? void 0 : v.toString(),
           "aria-live": (h = f["aria-live"]) == null ? void 0 : h.toString(),
           "aria-multiselectable": !0
         };
       }
-    ), d = S(null), b = S(null), T = S(null), g = S(null), p = i(() => t.selectedValues.map(({ value: o }) => o)), { isMultiLevelSelect: x, flattenedItemsList: D } = Ut(H(t, "items")), B = i(() => x.value && !t.staticCategories), I = i(() => B.value ? "tree" : "listbox"), O = i(() => B.value ? "treeitem" : "option"), C = (o) => {
+    ), d = S(null), b = S(null), T = S(null), g = S(null), p = o(() => t.selectedValues.map(({ value: i }) => i)), { isMultiLevelSelect: x, flattenedItemsList: R } = Ut(H(t, "items")), B = o(() => x.value && !t.staticCategories), I = o(() => B.value ? "tree" : "listbox"), O = o(() => B.value ? "treeitem" : "option"), C = (i) => {
       var h;
-      const u = t.isOptionDisabled(o), v = ((h = p.value) == null ? void 0 : h.includes(o.value)) || !1;
+      const u = t.isOptionDisabled(i), v = ((h = p.value) == null ? void 0 : h.includes(i.value)) || !1;
       return { isDisabled: u, isPreSelected: v };
-    }, m = i(() => {
+    }, m = o(() => {
       if (t.searching && x)
         return t.items;
-      const o = D.value.filter((u) => {
+      const i = R.value.filter((u) => {
         const { isDisabled: v, isPreSelected: h } = C(u);
         return v && h || !v;
       });
       return t.selectedValues.forEach((u) => {
-        o.find((v) => v.value === u.value) || o.push(u);
-      }), o;
-    }), y = i(
+        i.find((v) => v.value === u.value) || i.push(u);
+      }), i;
+    }), y = o(
       () => {
-        var o;
-        return (o = m.value) == null ? void 0 : o.filter((u) => {
+        var i;
+        return (i = m.value) == null ? void 0 : i.filter((u) => {
           var v;
           return u.items && x.value && t.searching ? u.items.filter(
             (_) => (t.selectedValues ?? []).includes(_.value)
           ).length === u.items.length : (v = p.value) == null ? void 0 : v.includes(u.value);
         });
       }
-    ), R = () => x.value && !t.searching ? D.value.length : t.items.length, P = i(() => {
+    ), D = () => x.value && !t.searching ? R.value.length : t.items.length, P = o(() => {
       var h;
-      const o = m.value.length, u = R(), v = ((h = y.value) == null ? void 0 : h.length) || 0;
-      return v === 0 ? n("selectAll", { total: a(o) }) : v === u ? n("allSelected", { total: a(u) }) : v <= u ? n("numberOfTotalSelected", { number: a(v), total: a(u) }) : n("numbersSelected", { number: a(v) });
-    }), E = (o) => {
+      const i = m.value.length, u = D(), v = ((h = y.value) == null ? void 0 : h.length) || 0;
+      return v === 0 ? a("selectAll", { total: n(i) }) : v === u ? a("allSelected", { total: n(u) }) : v <= u ? a("numberOfTotalSelected", { number: n(v), total: n(u) }) : a("numbersSelected", { number: n(v) });
+    }), E = (i) => {
       const u = (h) => {
         const { isDisabled: _, isPreSelected: F } = C(h);
         return _ && F || !_;
-      }, v = o.filter(u).filter((h) => !p.value.includes(h.value));
+      }, v = i.filter(u).filter((h) => !p.value.includes(h.value));
       l("select", [...t.selectedValues, ...v]);
-    }, A = (o) => {
+    }, A = (i) => {
       const u = (_) => {
         const { isDisabled: F, isPreSelected: Ne } = C(_);
         return !(F && Ne);
-      }, v = o.filter(u).map(({ value: _ }) => _), h = t.selectedValues.filter((_) => !(v != null && v.includes(_.value)));
+      }, v = i.filter(u).map(({ value: _ }) => _), h = t.selectedValues.filter((_) => !(v != null && v.includes(_.value)));
       l("select", h);
     }, N = () => {
-      E(D.value);
+      E(R.value);
     }, Y = () => {
-      A(D.value);
+      A(R.value);
     }, { isAllSelected: U, isIndeterminate: k, toggleSelectAll: V } = pe(
       y,
       m,
       N,
       Y
-    ), xe = i(() => k.value ? "mixed" : `${U.value}`), q = S(U.value), Se = () => {
+    ), xe = o(() => k.value ? "mixed" : `${U.value}`), q = S(U.value), Se = () => {
       q.value = !q.value, V(q.value);
     };
-    X(U, () => {
+    J(U, () => {
       q.value = U.value;
     });
-    const Oe = (o) => {
-      E(o.items);
-    }, Ee = (o) => {
-      A(o.items);
-    }, Te = (o, u) => {
+    const Oe = (i) => {
+      E(i.items);
+    }, Ee = (i) => {
+      A(i.items);
+    }, Te = (i, u) => {
       let v = !1;
       const h = t.selectedValues.filter(({ value: _ }) => u.value === _ ? (v = !0, !1) : !0);
-      v || h.push(u), l(o, h);
-    }, Ie = i(() => {
+      v || h.push(u), l(i, h);
+    }, Ie = o(() => {
       if (!x.value)
         return t.selectedValues;
-      const o = (_) => p.value.includes(_.value), u = (_) => !t.staticCategories && _.every((F) => o(F));
+      const i = (_) => p.value.includes(_.value), u = (_) => !t.staticCategories && _.every((F) => i(F));
       return t.items.flatMap(
         (_) => _.items && !u(_.items) ? _.items : _
-      ).filter((_) => _.items ? !0 : o(_));
-    }), Le = i(() => {
+      ).filter((_) => _.items ? !0 : i(_));
+    }), Le = o(() => {
       var v, h, _, F;
-      const o = ["automatic", "button"].includes(t.lazyLoadType), u = ((v = t.selectedValues) == null ? void 0 : v.length) > 0 && ((h = y.value) == null ? void 0 : h.length) !== ((_ = D.value) == null ? void 0 : _.length);
-      return o && t.hasMoreItems ? !!((F = t.selectedValues) != null && F.length) : u;
-    }), Ae = i(() => ["automatic", "button"].includes(t.lazyLoadType) ? !t.hasMoreItems : !0), W = S([]), { visibleDomOptions: Q, updateVisibleDomOptions: ae } = he(
+      const i = ["automatic", "button"].includes(t.lazyLoadType), u = ((v = t.selectedValues) == null ? void 0 : v.length) > 0 && ((h = y.value) == null ? void 0 : h.length) !== ((_ = R.value) == null ? void 0 : _.length);
+      return i && t.hasMoreItems ? !!((F = t.selectedValues) != null && F.length) : u;
+    }), Ae = o(() => ["automatic", "button"].includes(t.lazyLoadType) ? !t.hasMoreItems : !0), W = S([]), { visibleDomOptions: Q, updateVisibleDomOptions: ne } = he(
       d,
       H(t, "items"),
       O
-    ), ke = (o) => {
-      W.value.includes(o) ? W.value = W.value.filter((u) => u !== o) : W.value.push(o), ge(() => {
-        ae();
+    ), ke = (i) => {
+      W.value.includes(i) ? W.value = W.value.filter((u) => u !== i) : W.value.push(i), ge(() => {
+        ne();
       });
-    }, ie = (o) => {
+    }, oe = (i) => {
       var u;
-      (u = Q.value[o]) == null || u.focus();
+      (u = Q.value[i]) == null || u.focus();
     }, {
-      moveToNextElement: oe,
+      moveToNextElement: ie,
       moveToPreviousElement: ce,
       moveToFirstElement: re,
       moveToLastElement: ue,
       preventDefault: ee,
-      focusedIndex: De,
+      focusedIndex: Re,
       setListboxFocusedIndex: de
     } = ye(
       {
         items: Q
       },
-      ie
-    ), Re = {
-      [$.ARROW_UP]: (o) => ce(o),
-      [$.ARROW_DOWN]: (o) => oe(o),
+      oe
+    ), De = {
+      [$.ARROW_UP]: (i) => ce(i),
+      [$.ARROW_DOWN]: (i) => ie(i),
       [$.HOME]: re,
       [$.END]: ue
     };
@@ -994,36 +1002,36 @@ const Yt = Ft.exports, Ut = (s) => {
     const Be = {
       [$.ARROW_UP]: ee,
       [$.ARROW_DOWN]: ee
-    }, $e = i(() => {
-      let o = 1;
+    }, $e = o(() => {
+      let i = 1;
       const u = {};
       return t.items.forEach((v) => {
         let h = W.value.includes(v.value);
-        v.items ? (t.staticCategories ? h = !0 : u[v.value] = o++, h && v.items.forEach((_) => u[_.value] = o++)) : u[v.value] = o++;
+        v.items ? (t.staticCategories ? h = !0 : u[v.value] = i++, h && v.items.forEach((_) => u[_.value] = i++)) : u[v.value] = i++;
       }), u;
     });
-    return { __sfc: !0, props: t, emit: l, t: n, n: a, slots: r, attrs: f, ariaAttributes: L, listboxRef: d, selectAllListboxItemsRef: b, selectedListboxItemsRef: T, listboxItemsRef: g, selectedItemsList: p, isMultiLevelSelect: x, flattenedItemsList: D, isTreePattern: B, computedRole: I, computedOptionRole: O, optionStates: C, enabledItems: m, visibleSelectedList: y, calculateTotalItems: R, selectAllCheckboxText: P, selectAll: E, unselectAll: A, selectAllItems: N, unselectAllItems: Y, isAllSelected: U, isIndeterminate: k, toggleSelectAll: V, ariaCheckedComputed: xe, isSelectAllOn: q, handleSelectAll: Se, selectAllCategory: Oe, unselectAllCategory: Ee, toggleCheckboxSelection: Te, selectedOptions: Ie, showSelectedItems: Le, showSelectAllCheckbox: Ae, expandedCategories: W, visibleDomOptions: Q, updateVisibleDomOptions: ae, toggleCategoryVisibility: ke, focusItem: ie, moveToNextElement: oe, moveToPreviousElement: ce, moveToFirstElement: re, moveToLastElement: ue, preventDefault: ee, focusedIndex: De, setListboxFocusedIndex: de, listboxListeners: Re, chipsSectionListeners: Be, computedItemsIndex: $e, DecorativeCheckbox: ne, BentoTypography: j, BentoChip: We, BentoListboxOption: J, ListboxMultiSelectOptions: Yt, vBentoKeyboardNavigationDirective: se, BentoListboxEvent: c };
+    return { __sfc: !0, props: t, emit: l, t: a, n, slots: r, attrs: f, ariaAttributes: L, listboxRef: d, selectAllListboxItemsRef: b, selectedListboxItemsRef: T, listboxItemsRef: g, selectedItemsList: p, isMultiLevelSelect: x, flattenedItemsList: R, isTreePattern: B, computedRole: I, computedOptionRole: O, optionStates: C, enabledItems: m, visibleSelectedList: y, calculateTotalItems: D, selectAllCheckboxText: P, selectAll: E, unselectAll: A, selectAllItems: N, unselectAllItems: Y, isAllSelected: U, isIndeterminate: k, toggleSelectAll: V, ariaCheckedComputed: xe, isSelectAllOn: q, handleSelectAll: Se, selectAllCategory: Oe, unselectAllCategory: Ee, toggleCheckboxSelection: Te, selectedOptions: Ie, showSelectedItems: Le, showSelectAllCheckbox: Ae, expandedCategories: W, visibleDomOptions: Q, updateVisibleDomOptions: ne, toggleCategoryVisibility: ke, focusItem: oe, moveToNextElement: ie, moveToPreviousElement: ce, moveToFirstElement: re, moveToLastElement: ue, preventDefault: ee, focusedIndex: Re, setListboxFocusedIndex: de, listboxListeners: De, chipsSectionListeners: Be, computedItemsIndex: $e, DecorativeCheckbox: ae, BentoTypography: j, BentoChip: We, BentoListboxOption: Z, ListboxMultiSelectOptions: Yt, vBentoKeyboardNavigationDirective: se, BentoListboxEvent: c };
   }
 });
 var Kt = function() {
   var e = this, l = e._self._c, t = e._self._setupProxy;
-  return l("div", { ref: "listboxRef", staticClass: "b-listbox-multi-select" }, [t.showSelectedItems ? l("div", [l("ul", e._g({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], staticClass: "b-listbox-multi-select__chips" }, t.chipsSectionListeners), e._l(t.selectedOptions, function(n) {
-    return l("li", { key: n.value }, [l(t.BentoChip, { ref: "selectedListboxItemsRef", refInFor: !0, attrs: { disabled: e.isOptionDisabled(n), label: n.label, condensed: "" }, on: { click: function(a) {
-      n.items ? t.unselectAllCategory(n) : t.toggleCheckboxSelection("select", n);
+  return l("div", { ref: "listboxRef", staticClass: "b-listbox-multi-select" }, [t.showSelectedItems ? l("div", [l("ul", e._g({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], staticClass: "b-listbox-multi-select__chips" }, t.chipsSectionListeners), e._l(t.selectedOptions, function(a) {
+    return l("li", { key: a.value }, [l(t.BentoChip, { ref: "selectedListboxItemsRef", refInFor: !0, attrs: { disabled: e.isOptionDisabled(a), label: a.label, condensed: "" }, on: { click: function(n) {
+      a.items ? t.unselectAllCategory(a) : t.toggleCheckboxSelection("select", a);
     } } })], 1);
-  }), 0), l("hr", { staticClass: "b-listbox-multi-select__divider", attrs: { "aria-hidden": "true" } })]) : e._e(), l("div", e._g(e._b({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], attrs: { role: t.computedRole } }, "div", t.ariaAttributes, !1), t.listboxListeners), [t.showSelectAllCheckbox ? l(t.BentoListboxOption, { ref: "selectAllListboxItemsRef", staticClass: "b-listbox-multi-select__option", attrs: { tabindex: t.focusedIndex === 0 ? 0 : -1, "aria-selected": t.ariaCheckedComputed !== "false", "aria-checked": t.ariaCheckedComputed, role: t.computedOptionRole }, on: { click: t.handleSelectAll, "enter-pressed": t.handleSelectAll, "space-pressed": function(n) {
-    return n.preventDefault(), t.handleSelectAll.apply(null, arguments);
-  } } }, [l(t.DecorativeCheckbox, { attrs: { checked: t.isAllSelected, indeterminate: t.isIndeterminate } }), l(t.BentoTypography, { attrs: { el: "span" } }, [e._v(" " + e._s(t.selectAllCheckboxText) + " ")])], 1) : e._e(), t.showSelectAllCheckbox ? l("hr", { staticClass: "b-listbox-multi-select__divider", attrs: { "aria-hidden": "true" } }) : e._e(), l(t.ListboxMultiSelectOptions, { ref: "listboxItemsRef", attrs: { items: e.items, "is-option-disabled": e.isOptionDisabled, "is-multi-level": t.isMultiLevelSelect, "static-categories": e.staticCategories, searching: e.searching, "selected-items-list": t.selectedItemsList, "focused-index": t.focusedIndex, "items-index": t.computedItemsIndex, role: t.computedOptionRole }, on: { "toggle-checkbox-selection": function(n) {
-    return t.toggleCheckboxSelection("select", n);
-  }, "select-category": t.selectAllCategory, "unselect-category": t.unselectAllCategory, "toggle-category-visibility": t.toggleCategoryVisibility, "space-pressed": function(n) {
-    return t.toggleCheckboxSelection(t.BentoListboxEvent.SPACE, n);
-  }, "tab-pressed": function(n) {
-    return t.toggleCheckboxSelection(t.BentoListboxEvent.TAB, n);
-  }, "enter-pressed": function(n) {
-    return t.toggleCheckboxSelection(t.BentoListboxEvent.ENTER, n);
-  } }, scopedSlots: e._u([e._l(t.slots, function(n, a) {
-    return { key: a, fn: function(r) {
-      return [e._t(a, null, null, r)];
+  }), 0), l("hr", { staticClass: "b-listbox-multi-select__divider", attrs: { "aria-hidden": "true" } })]) : e._e(), l("div", e._g(e._b({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], attrs: { role: t.computedRole } }, "div", t.ariaAttributes, !1), t.listboxListeners), [t.showSelectAllCheckbox ? l(t.BentoListboxOption, { ref: "selectAllListboxItemsRef", staticClass: "b-listbox-multi-select__option", attrs: { tabindex: t.focusedIndex === 0 ? 0 : -1, "aria-selected": t.ariaCheckedComputed !== "false", "aria-checked": t.ariaCheckedComputed, role: t.computedOptionRole }, on: { click: t.handleSelectAll, "enter-pressed": t.handleSelectAll, "space-pressed": function(a) {
+    return a.preventDefault(), t.handleSelectAll.apply(null, arguments);
+  } } }, [l(t.DecorativeCheckbox, { attrs: { checked: t.isAllSelected, indeterminate: t.isIndeterminate } }), l(t.BentoTypography, { attrs: { el: "span" } }, [e._v(" " + e._s(t.selectAllCheckboxText) + " ")])], 1) : e._e(), t.showSelectAllCheckbox ? l("hr", { staticClass: "b-listbox-multi-select__divider", attrs: { "aria-hidden": "true" } }) : e._e(), l(t.ListboxMultiSelectOptions, { ref: "listboxItemsRef", attrs: { items: e.items, "is-option-disabled": e.isOptionDisabled, "is-multi-level": t.isMultiLevelSelect, "static-categories": e.staticCategories, searching: e.searching, "selected-items-list": t.selectedItemsList, "focused-index": t.focusedIndex, "items-index": t.computedItemsIndex, role: t.computedOptionRole }, on: { "toggle-checkbox-selection": function(a) {
+    return t.toggleCheckboxSelection("select", a);
+  }, "select-category": t.selectAllCategory, "unselect-category": t.unselectAllCategory, "toggle-category-visibility": t.toggleCategoryVisibility, "space-pressed": function(a) {
+    return t.toggleCheckboxSelection(t.BentoListboxEvent.SPACE, a);
+  }, "tab-pressed": function(a) {
+    return t.toggleCheckboxSelection(t.BentoListboxEvent.TAB, a);
+  }, "enter-pressed": function(a) {
+    return t.toggleCheckboxSelection(t.BentoListboxEvent.ENTER, a);
+  } }, scopedSlots: e._u([e._l(t.slots, function(a, n) {
+    return { key: n, fn: function(r) {
+      return [e._t(n, null, null, r)];
     } };
   })], null, !0) })], 1)]);
 }, jt = [], qt = /* @__PURE__ */ M(
@@ -1047,7 +1055,7 @@ const _e = qt.exports, Ht = {
     loading: "Carregando",
     showMore: "Mostrar mais"
   }
-}, Xt = 36, Zt = G({
+}, Jt = 36, Xt = G({
   name: "bento-listbox",
   components: {
     BentoEmptyState: Ye,
@@ -1167,33 +1175,33 @@ const _e = qt.exports, Ht = {
     c.TAB
   ],
   setup(s, { emit: e, slots: l }) {
-    const t = S([]), n = H(s, "items"), { t: a } = le(), r = i(() => s.lazyLoadType !== K.AUTOMATIC), f = i(() => s.lazyLoadType === K.AUTOMATIC), L = () => {
+    const t = S([]), a = H(s, "items"), { t: n } = le(), r = o(() => s.lazyLoadType !== K.AUTOMATIC), f = o(() => s.lazyLoadType === K.AUTOMATIC), L = () => {
       var k;
-      return typeof (s == null ? void 0 : s.virtualScroll) == "object" && ((k = s == null ? void 0 : s.virtualScroll) != null && k.itemHeight) ? s.virtualScroll.itemHeight : Xt;
+      return typeof (s == null ? void 0 : s.virtualScroll) == "object" && ((k = s == null ? void 0 : s.virtualScroll) != null && k.itemHeight) ? s.virtualScroll.itemHeight : Jt;
     }, {
       containerRef: d,
       containerProps: b,
       onScroll: T,
       list: g,
       wrapperProps: p
-    } = Xe(n, {
+    } = Je(a, {
       itemHeight: L(),
       // 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"
-    }), x = i(
+    }), x = o(
       () => s.componentLoading !== void 0 || r.value ? "true" : void 0
-    ), D = i(
+    ), R = o(
       () => r.value && s.loading || s.componentLoading ? "true" : "false"
-    ), B = i(
+    ), B = o(
       () => r.value || s.componentLoading !== void 0 ? "polite" : void 0
-    ), I = i(
+    ), I = o(
       () => ({
         "aria-label": s.ariaLabel,
-        "aria-busy": D.value,
+        "aria-busy": R.value,
         "aria-atomic": x.value,
         "aria-live": B.value
       })
-    ), O = i(
+    ), O = o(
       () => s.componentLoading ? {
         ...I.value,
         role: "alert"
@@ -1208,16 +1216,16 @@ const _e = qt.exports, Ht = {
         return;
       const V = Math.round(k.scrollTop) + k.clientHeight >= k.scrollHeight;
       s.hasMoreItems && V && !s.loading && m();
-    }), R = () => {
+    }), D = () => {
       f.value ? y() : T();
-    }, P = i(() => {
+    }, P = o(() => {
       var k;
       return ((k = s.items) == null ? void 0 : k.length) === 0;
-    }), E = i(
+    }), E = o(
       () => s.lazyLoadType === K.BUTTON && s.hasMoreItems
-    ), A = i(
+    ), A = o(
       () => s.loading ? fe.LOADING : fe.START
-    ), N = i(() => s.loading ? a("loading") : a("showMore")), Y = i(() => ({
+    ), N = o(() => s.loading ? n("loading") : n("showMore")), Y = o(() => ({
       ...s.emptyState,
       variant: "condensed"
     })), U = {
@@ -1247,30 +1255,30 @@ const _e = qt.exports, Ht = {
       BentoKeyboardNavigationKeyDownEvent: $,
       BentoListboxEvent: c,
       // Methods
-      onListboxContainerScroll: R,
+      onListboxContainerScroll: D,
       onOptionSelected: C,
       emitShowMore: m,
       listboxListeners: U
     };
   }
 });
-var Jt = function() {
+var Zt = function() {
   var t;
   var e = this, l = e._self._c;
-  return e._self._setupProxy, l("div", e._b({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], ref: "listboxRef", staticClass: "b-listbox", style: (t = e.containerProps) == null ? void 0 : t.style, attrs: { id: e.id, tabindex: "-1", "data-testid": "listbox-container" }, on: { scroll: e.onListboxContainerScroll } }, "div", e.listboxContainerAttributes, !1), [l("div", e._b({}, "div", e.wrapperProps, !1), [e.componentLoading ? l("div", { staticClass: "b-listbox__loading-filtered-items" }, [l("bento-loading-indicator")], 1) : e.isSearchResultEmpty ? l("div", { staticClass: "b-listbox__empty-search-message" }, [e.emptyState ? l("bento-empty-state", e._b({}, "bento-empty-state", e.limitedEmptyStateProps, !1)) : l("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(e.noResultsMessage))])], 1) : [e.multiple ? [l("bento-listbox-multi-select", e._g(e._b({ 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, a) {
-    return { key: a, fn: function(r) {
-      return [e._t(a, null, null, r)];
+  return e._self._setupProxy, l("div", e._b({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], ref: "listboxRef", staticClass: "b-listbox", style: (t = e.containerProps) == null ? void 0 : t.style, attrs: { id: e.id, tabindex: "-1", "data-testid": "listbox-container" }, on: { scroll: e.onListboxContainerScroll } }, "div", e.listboxContainerAttributes, !1), [l("div", e._b({}, "div", e.wrapperProps, !1), [e.componentLoading ? l("div", { staticClass: "b-listbox__loading-filtered-items" }, [l("bento-loading-indicator")], 1) : e.isSearchResultEmpty ? l("div", { staticClass: "b-listbox__empty-search-message" }, [e.emptyState ? l("bento-empty-state", e._b({}, "bento-empty-state", e.limitedEmptyStateProps, !1)) : l("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(e.noResultsMessage))])], 1) : [e.multiple ? [l("bento-listbox-multi-select", e._g(e._b({ 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(a, n) {
+    return { key: n, fn: function(r) {
+      return [e._t(n, null, null, r)];
     } };
-  })], null, !0) }, "bento-listbox-multi-select", e.ariaAttributes, !1), e.listboxListeners))] : [l("bento-listbox-single-select", e._g(e._b({ 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, a) {
-    return { key: a, fn: function(r) {
-      return [e._t(a, null, null, r)];
+  })], null, !0) }, "bento-listbox-multi-select", e.ariaAttributes, !1), e.listboxListeners))] : [l("bento-listbox-single-select", e._g(e._b({ 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(a, n) {
+    return { key: n, fn: function(r) {
+      return [e._t(n, null, null, r)];
     } };
-  })], null, !0) }, "bento-listbox-single-select", e.ariaAttributes, !1), e.listboxListeners))], e.shouldDisplayShowMoreButton ? l("div", { staticClass: "b-listbox__lazy-load" }, [l("bento-loading-button", { attrs: { state: e.loadingButtonState, variant: "secondary" }, on: { "!click": function(n) {
+  })], null, !0) }, "bento-listbox-single-select", e.ariaAttributes, !1), e.listboxListeners))], e.shouldDisplayShowMoreButton ? l("div", { staticClass: "b-listbox__lazy-load" }, [l("bento-loading-button", { attrs: { state: e.loadingButtonState, variant: "secondary" }, on: { "!click": function(a) {
     return e.emitShowMore.apply(null, arguments);
   } } }, [e._v(" " + e._s(e.showMoreButtonText) + " ")])], 1) : e.loading ? l("div", { staticClass: "b-listbox__lazy-load" }, [l("bento-loading-indicator")], 1) : e._e()]], 2)]);
 }, Qt = [], es = /* @__PURE__ */ M(
+  Xt,
   Zt,
-  Jt,
   Qt,
   !1,
   null,
@@ -1288,44 +1296,44 @@ const hs = es.exports, te = (s, e) => {
   }
   return null;
 }, ts = (s) => typeof s == "object" && s !== null && "value" in s && "label" in s, Cs = (s, e, l, t) => {
-  const n = S([]), a = S(), r = (b) => {
-    l.value ? a.value = b.map(({ value: T }) => T) : a.value = b.length > 0 ? b[0].value : null;
+  const a = S([]), n = S(), r = (b) => {
+    l.value ? n.value = b.map(({ value: T }) => T) : n.value = b.length > 0 ? b[0].value : null;
   }, f = (b) => {
-    l.value ? a.value = b.map(({ value: T, label: g }) => ({ value: T, label: g })) : a.value = b.length > 0 ? { value: b[0].value, label: b[0].label } : null;
+    l.value ? n.value = b.map(({ value: T, label: g }) => ({ value: T, label: g })) : n.value = b.length > 0 ? { value: b[0].value, label: b[0].label } : null;
   }, L = (b) => {
-    n.value = b, t != null && t.value ? f(b) : r(b);
+    a.value = b, t != null && t.value ? f(b) : r(b);
   }, d = () => {
-    n.value = [], a.value = null;
+    a.value = [], n.value = null;
   };
-  return X(
+  return J(
     () => e.value,
     () => {
       if (!e.value && e.value !== 0) {
         d();
         return;
       }
-      const b = !Array.isArray(e.value), T = [...n.value];
+      const b = !Array.isArray(e.value), T = [...a.value];
       d();
       const g = (p) => {
         if (ts(p))
-          n.value.push(p);
+          a.value.push(p);
         else {
           let x = te(s.value, p);
-          x || (x = te(T, p)), x || (x = { value: p, label: p.toString() }), n.value.push(x);
+          x || (x = te(T, p)), x || (x = { value: p, label: p.toString() }), a.value.push(x);
         }
       };
       if (b) {
         const p = e.value;
-        g(p), t != null && t.value ? f(n.value) : r(n.value);
+        g(p), t != null && t.value ? f(a.value) : r(a.value);
         return;
       }
-      e.value.forEach(g), t != null && t.value ? f(n.value) : r(n.value);
+      e.value.forEach(g), t != null && t.value ? f(a.value) : r(a.value);
     },
     { immediate: !0 }
   ), {
     // Values
-    cachedSelectedListboxOptions: n,
-    cachedListboxSelectedValues: a,
+    cachedSelectedListboxOptions: a,
+    cachedListboxSelectedValues: n,
     // Methods
     resetCache: d,
     setCachedValues: L
@@ -1333,11 +1341,12 @@ const hs = es.exports, te = (s, e) => {
 };
 export {
   K as B,
-  ne as D,
+  ut as C,
+  ae as D,
   c as a,
   hs as b,
   Cs as c,
   he as d,
   Ut as u
 };
-//# sourceMappingURL=use-cached-selected-values.DIKJ8yNE.js.map
+//# sourceMappingURL=use-cached-selected-values.gDWGi5Nk.js.map