@adyen/bento-vue3 1.83.1 → 1.84.0

package/dist/chunks/{use-cached-selected-values.u6wcYuin.js → use-cached-selected-values.BZIa5TRx.js}

@@ -1,4 +1,4 @@
-import { computed as v, ref as L, onMounted as ut, onUnmounted as bt, watch as ye, defineComponent as J, resolveComponent as A, createElementBlock as E, openBlock as m, createVNode as G, createElementVNode as U, withCtx as k, createTextVNode as K, toDisplayString as V, renderSlot as j, mergeProps as x, withKeys as me, createCommentVNode as X, createBlock as $, withModifiers as re, normalizeProps as ae, guardReactiveProps as ve, withDirectives as ce, vShow as Ue, nextTick as ze, toRef as fe, resolveDirective as Ve, toHandlers as se, Fragment as le, renderList as H, createSlots as pe, normalizeClass as ge, unref as M, useSlots as mt, useAttrs as vt } from "vue";
+import { computed as v, ref as L, onMounted as ut, onUnmounted as bt, watch as ye, defineComponent as Z, resolveComponent as A, createElementBlock as E, openBlock as m, createVNode as G, createElementVNode as U, withCtx as k, createTextVNode as K, toDisplayString as V, renderSlot as j, mergeProps as x, withKeys as me, createCommentVNode as J, createBlock as $, withModifiers as re, normalizeProps as ae, guardReactiveProps as ve, withDirectives as ce, vShow as Ue, nextTick as ze, toRef as fe, resolveDirective as Ve, toHandlers as se, Fragment as le, renderList as H, createSlots as pe, normalizeClass as ge, unref as P, useSlots as mt, useAttrs as vt } from "vue";
 import { B as F, a as Ce } from "./keyboard-navigation.DWmhelVv.js";
 import { B as de } from "./typography.6Oo5TOMP.js";
 import { B as ft } from "./loading-indicator.Db794TT5.js";
@@ -13,7 +13,7 @@ import { B as ht } from "./chip.eefnwpgE.js";
 import { C as Ct } from "./chevron-down.DCQ6ZLaq.js";
 import { C as Et } from "./chevron-up.kfuLRpZb.js";
 import { g as Ne } from "./generate-uid.NJ8tVoha.js";
-import { a as Ot, b as Me } from "./button-actions.O0cnu1_g.js";
+import { a as Ot, b as Pe } from "./button-actions.Crj4QFAd.js";
 import { o as Tt } from "./resize.Bqks3WUm.js";
 import "../assets/use-cached-selected-values.css";
 const Fe = (e, t, i, s) => {
@@ -89,27 +89,27 @@ function _t(e, { disabled: t, itemHeight: i, overscan: s = 5, prefixHeight: n })
       T();
     }
   ));
-  const P = {
+  const M = {
     ref: o,
     style: { overflowY: "auto" }
   };
   return t ? {
     containerRef: o,
-    containerProps: P,
+    containerProps: M,
     // eslint-disable-next-line @typescript-eslint/no-empty-function
     onScroll: () => {
     },
     list: e
   } : {
     containerRef: o,
-    containerProps: P,
+    containerProps: M,
     onScroll: D,
     list: a,
     wrapperProps: l
   };
 }
 var g = /* @__PURE__ */ ((e) => (e.SELECT = "select", e.SHOW_MORE = "show-more", e.ESCAPE = "escape-pressed", e.CLICK = "click", e.ENTER = "enter-pressed", e.SPACE = "space-pressed", e.TAB = "tab-pressed", e.CLOSE_DROPDOWN = "close-dropdown", e))(g || {}), ne = /* @__PURE__ */ ((e) => (e.AUTOMATIC = "automatic", e.BUTTON = "button", e.NONE = "none", e))(ne || {});
-const It = J({
+const It = Z({
   name: "bento-listbox-static-category",
   components: {
     BentoTypography: de
@@ -147,7 +147,7 @@ function Lt(e, t, i, s, n, o) {
     ])
   ], 8, kt);
 }
-const At = /* @__PURE__ */ q(It, [["render", Lt], ["__scopeId", "data-v-27c4e09a"]]), $t = J({
+const At = /* @__PURE__ */ q(It, [["render", Lt], ["__scopeId", "data-v-27c4e09a"]]), $t = Z({
   name: "bento-listbox-option",
   props: {
     /**
@@ -197,10 +197,10 @@ function Dt(e, t, i, s, n, o) {
   ], 16);
 }
 const Ee = /* @__PURE__ */ q($t, [["render", Dt], ["__scopeId", "data-v-1495b1db"]]);
-let Pe = 0;
+let Me = 0;
 const Bt = {
   beforeCreate() {
-    this.uuid = Pe.toString(), Pe += 1;
+    this.uuid = Me.toString(), Me += 1;
   }
 }, Rt = { key: 0 };
 function Nt(e, t, i, s, n, o) {
@@ -211,19 +211,19 @@ function Nt(e, t, i, s, n, o) {
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (m(), E("title", Rt, V(e.$attrs["svg-title"]), 1)) : X("", !0),
+    e.$attrs["svg-title"] ? (m(), E("title", Rt, V(e.$attrs["svg-title"]), 1)) : J("", !0),
     t[0] || (t[0] = U("path", {
       fill: "#001222",
       d: "M15.0608 4.00011L14.0001 2.93945L6.00011 10.9395L2.00011 6.93945L0.939453 8.00011L6.00011 13.0608L15.0608 4.00011Z"
     }, null, -1))
   ], 16);
 }
-const Mt = /* @__PURE__ */ q(Bt, [["render", Nt]]), Pt = J({
+const Pt = /* @__PURE__ */ q(Bt, [["render", Nt]]), Mt = Z({
   name: "bento-listbox-single-select-option",
   components: {
     BentoListboxOption: Ee,
     BentoTypography: de,
-    CheckmarkIcon: Mt
+    CheckmarkIcon: Pt
   },
   props: {
     /**
@@ -292,7 +292,7 @@ function xt(e, t, i, s, n, o) {
               K(V(e.option.description), 1)
             ]),
             _: 1
-          })) : X("", !0)
+          })) : J("", !0)
         ])
       ], !0),
       U("span", Gt, [
@@ -304,7 +304,7 @@ function xt(e, t, i, s, n, o) {
     _: 3
   }, 8, ["disabled", "selected", "aria-selected", "aria-disabled", "tabindex"]);
 }
-const Yt = /* @__PURE__ */ q(Pt, [["render", xt], ["__scopeId", "data-v-4f41af07"]]), Ke = ({ items: e }, t) => {
+const Yt = /* @__PURE__ */ q(Mt, [["render", xt], ["__scopeId", "data-v-4f41af07"]]), Ke = ({ items: e }, t) => {
   const i = v(() => e.value.length - 1), s = L(0), n = (f) => {
     switch (f) {
       case "increase":
@@ -370,7 +370,7 @@ const Yt = /* @__PURE__ */ q(Pt, [["render", xt], ["__scopeId", "data-v-4f41af07
     visibleDomOptions: n,
     updateVisibleDomOptions: o
   };
-}, Ut = J({
+}, Ut = Z({
   name: "bento-listbox-single-select",
   components: {
     BentoListboxSingleSelectCategory: At,
@@ -441,7 +441,7 @@ const Yt = /* @__PURE__ */ q(Pt, [["render", xt], ["__scopeId", "data-v-4f41af07
       moveToNextElement: O,
       moveToPreviousElement: T,
       moveToFirstElement: D,
-      moveToLastElement: P,
+      moveToLastElement: M,
       setListboxFocusedIndex: B
     } = Ke(
       {
@@ -452,7 +452,7 @@ const Yt = /* @__PURE__ */ q(Pt, [["render", xt], ["__scopeId", "data-v-4f41af07
       [F.ARROW_UP]: T,
       [F.ARROW_DOWN]: O,
       [F.HOME]: D,
-      [F.END]: P
+      [F.END]: M
     }, I = {
       [g.SELECT]: u(g.SELECT),
       [g.SPACE]: u(g.SPACE),
@@ -550,7 +550,7 @@ function Wt(e, t, i, s, n, o) {
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (m(), E("title", Kt, V(e.$attrs["svg-title"]), 1)) : X("", !0),
+    e.$attrs["svg-title"] ? (m(), E("title", Kt, V(e.$attrs["svg-title"]), 1)) : J("", !0),
     t[0] || (t[0] = U("path", {
       fill: "#001222",
       d: "M9.69043 5.75L4.62988 10.8105L1.56934 7.75L2.62988 6.68945L4.62988 8.68945L8.62988 4.68945L9.69043 5.75Z"
@@ -561,7 +561,7 @@ function Wt(e, t, i, s, n, o) {
     }, null, -1))
   ], 16);
 }
-const jt = /* @__PURE__ */ q(Ft, [["render", Wt]]), qt = {}, Ht = /* @__PURE__ */ J({
+const jt = /* @__PURE__ */ q(Ft, [["render", Wt]]), qt = {}, Ht = /* @__PURE__ */ Z({
   ...qt,
   __name: "decorative-checkbox",
   props: {
@@ -582,23 +582,23 @@ const jt = /* @__PURE__ */ q(Ft, [["render", Wt]]), qt = {}, Ht = /* @__PURE__ *
       class: ge(["b-checkbox-input", i.value]),
       role: "presentation"
     }, [
-      n.indeterminate ? (m(), $(M(yt), {
+      n.indeterminate ? (m(), $(P(yt), {
         key: 0,
         class: "b-checkbox-input__icon",
         "svg-title": "",
         "aria-hidden": "true"
-      })) : n.allSelected ? (m(), $(M(jt), {
+      })) : n.allSelected ? (m(), $(P(jt), {
         key: 1,
         class: "b-checkbox-input__icon",
         "svg-title": "",
         "aria-hidden": "true",
         "data-testid": "decorative-checkbox-double-checkmark-icon"
-      })) : n.checked ? (m(), $(M(St), {
+      })) : n.checked ? (m(), $(P(St), {
         key: 2,
         class: "b-checkbox-input__icon",
         "svg-title": "",
         "aria-hidden": "true"
-      })) : X("", !0),
+      })) : J("", !0),
       U("div", {
         class: ge(["b-checkbox-input__outline", s.value])
       }, null, 2)
@@ -610,8 +610,16 @@ const Ge = {
   "en-US": {
     categoryClosed: "{category} closed",
     categoryOpened: "{category} opened"
+  },
+  "ja-JP": {
+    categoryClosed: "{category}を閉じました",
+    categoryOpened: "{category}を開きました"
+  },
+  "pt-BR": {
+    categoryClosed: "{category} fechado",
+    categoryOpened: "{categoria} aberta"
   }
-}, Xt = J({
+}, Jt = Z({
   i18n: { messages: Ge },
   name: "bento-listbox-multi-select-category",
   components: {
@@ -698,14 +706,14 @@ const Ge = {
     ), D = v(() => {
       const N = i.value ? "categoryOpened" : "categoryClosed";
       return s(N, { category: e.category.label });
-    }), P = () => {
+    }), M = () => {
       t(te.SELECT_CATEGORY);
     }, B = () => {
       t(te.UNSELECT_CATEGORY);
     }, { isAllSelected: R, isIndeterminate: I, toggleSelectAll: S } = Fe(
       T,
       O,
-      P,
+      M,
       B
     ), _ = v(() => I.value ? "mixed" : `${R.value}`), Y = L(R.value), Q = () => {
       Y.value = !Y.value, S(Y.value);
@@ -732,7 +740,7 @@ const Ge = {
       toggleSelectAll: S
     };
   }
-}), Zt = { class: "b-listbox-multi-select-category__label" }, Jt = {
+}), Xt = { class: "b-listbox-multi-select-category__label" }, Zt = {
   key: 1,
   class: "b-listbox-multi-select-category b-listbox-multi-select-category--static-category",
   "aria-hidden": "true"
@@ -740,7 +748,7 @@ const Ge = {
 function ts(e, t, i, s, n, o) {
   const a = A("decorative-checkbox"), p = A("bento-typography"), y = A("chevron-up-icon"), r = A("chevron-down-icon"), u = A("bento-listbox-option");
   return m(), E("div", null, [
-    e.isStaticCategory ? (m(), E("div", Jt, [
+    e.isStaticCategory ? (m(), E("div", Zt, [
       U("span", Qt, [
         G(p, {
           el: "span",
@@ -778,7 +786,7 @@ function ts(e, t, i, s, n, o) {
           disabled: e.hasAllPropsDisabled,
           checked: e.isAllSelected
         }, null, 8, ["indeterminate", "disabled", "checked"]),
-        U("span", Zt, [
+        U("span", Xt, [
           G(p, {
             id: e.categoryNameId,
             el: "span",
@@ -818,9 +826,9 @@ function ts(e, t, i, s, n, o) {
     ])
   ]);
 }
-const ss = /* @__PURE__ */ q(Xt, [["render", ts], ["__scopeId", "data-v-60c04867"]]);
-var Z = /* @__PURE__ */ ((e) => (e.SELECT_CATEGORY = "select-category", e.TOGGLE_CHECKBOX_SELECTION = "toggle-checkbox-selection", e.UNSELECT_CATEGORY = "unselect-category", e.TOGGLE_CATEGORY_VISIBILITY = "toggle-category-visibility", e))(Z || {});
-const ls = J({
+const ss = /* @__PURE__ */ q(Jt, [["render", ts], ["__scopeId", "data-v-60c04867"]]);
+var X = /* @__PURE__ */ ((e) => (e.SELECT_CATEGORY = "select-category", e.TOGGLE_CHECKBOX_SELECTION = "toggle-checkbox-selection", e.UNSELECT_CATEGORY = "unselect-category", e.TOGGLE_CATEGORY_VISIBILITY = "toggle-category-visibility", e))(X || {});
+const ls = Z({
   name: "listbox-multi-select-options",
   components: {
     BentoListboxOption: Ee,
@@ -896,20 +904,20 @@ const ls = J({
     }
   },
   emits: [
-    Z.TOGGLE_CHECKBOX_SELECTION,
-    Z.SELECT_CATEGORY,
-    Z.UNSELECT_CATEGORY,
-    Z.TOGGLE_CATEGORY_VISIBILITY
+    X.TOGGLE_CHECKBOX_SELECTION,
+    X.SELECT_CATEGORY,
+    X.UNSELECT_CATEGORY,
+    X.TOGGLE_CATEGORY_VISIBILITY
   ],
   setup(e, { emit: t }) {
     const i = (r) => {
-      e.isOptionDisabled(r) || t(Z.TOGGLE_CHECKBOX_SELECTION, r);
+      e.isOptionDisabled(r) || t(X.TOGGLE_CHECKBOX_SELECTION, r);
     }, s = (r) => !!r.items, n = (r) => {
       const u = e.isMultiLevel && e.searching;
       return r.description && (!e.isMultiLevel || u);
     }, o = (r) => r.items ? !!r.items.find((u) => e.selectedItemsList.includes(u.value)) : e.selectedItemsList.includes(r.value), a = (r) => {
       if (s(r)) {
-        const u = o(r) ? Z.UNSELECT_CATEGORY : Z.SELECT_CATEGORY;
+        const u = o(r) ? X.UNSELECT_CATEGORY : X.SELECT_CATEGORY;
         t(u, r);
       } else
         i(r);
@@ -928,7 +936,7 @@ const ls = J({
       computedTabindex: (r) => e.itemsIndex[r] === e.focusedIndex ? 0 : -1,
       // Enums
       BentoListboxEvent: g,
-      ListboxMultiSelectOptionsEvent: Z
+      ListboxMultiSelectOptionsEvent: X
     };
   }
 }), os = { class: "b-listbox-multi-select__option-text" }, is = { class: "b-listbox-multi-select__option-text" };
@@ -973,7 +981,7 @@ function ns(e, t, i, s, n, o) {
                   K(V(l.description), 1)
                 ]),
                 _: 2
-              }, 1024)) : X("", !0)
+              }, 1024)) : J("", !0)
             ])
           ], !0)
         ]),
@@ -1041,7 +1049,7 @@ function ns(e, t, i, s, n, o) {
                     K(V(l.description), 1)
                   ]),
                   _: 2
-                }, 1024)) : X("", !0)
+                }, 1024)) : J("", !0)
               ])
             ], !0)
           ]),
@@ -1071,22 +1079,22 @@ const as = /* @__PURE__ */ q(ls, [["render", ns], ["__scopeId", "data-v-0c9e6af6
     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})"
   }
 }, cs = { key: 0 }, ds = ["role"], us = {
   key: 1,
   class: "b-listbox-multi-select__divider",
   "aria-hidden": "true"
-}, bs = { i18n: { messages: qe } }, ms = /* @__PURE__ */ J({
+}, bs = { i18n: { messages: qe } }, ms = /* @__PURE__ */ Z({
   ...bs,
   __name: "listbox-multi-select",
   props: {
@@ -1111,14 +1119,14 @@ const as = /* @__PURE__ */ q(ls, [["render", ns], ["__scopeId", "data-v-0c9e6af6
           "aria-multiselectable": !0
         };
       }
-    ), u = L(null), l = L(null), f = L(null), O = L(null), T = v(() => s.selectedValues.map(({ value: c }) => c)), { isMultiLevelSelect: D, flattenedItemsList: P } = rs(fe(s, "items")), B = v(() => D.value && !s.staticCategories), R = v(() => B.value ? "tree" : "listbox"), I = v(() => B.value ? "treeitem" : "option"), S = (c) => {
+    ), u = L(null), l = L(null), f = L(null), O = L(null), T = v(() => s.selectedValues.map(({ value: c }) => c)), { isMultiLevelSelect: D, flattenedItemsList: M } = rs(fe(s, "items")), B = v(() => D.value && !s.staticCategories), R = v(() => B.value ? "tree" : "listbox"), I = v(() => B.value ? "treeitem" : "option"), S = (c) => {
       var h;
       const b = s.isOptionDisabled(c), d = ((h = T.value) == null ? void 0 : h.includes(c.value)) || !1;
       return { isDisabled: b, isPreSelected: d };
     }, _ = v(() => {
       if (s.searching && D)
         return s.items;
-      const c = P.value.filter((b) => {
+      const c = M.value.filter((b) => {
         const { isDisabled: d, isPreSelected: h } = S(b);
         return d && h || !d;
       });
@@ -1135,7 +1143,7 @@ const as = /* @__PURE__ */ q(ls, [["render", ns], ["__scopeId", "data-v-0c9e6af6
           ).length === b.items.length : (d = T.value) == null ? void 0 : d.includes(b.value);
         });
       }
-    ), Q = () => D.value && !s.searching ? P.value.length : s.items.length, N = v(() => {
+    ), Q = () => D.value && !s.searching ? M.value.length : s.items.length, N = v(() => {
       var h;
       const c = _.value.length, b = Q(), d = ((h = Y.value) == null ? void 0 : h.length) || 0;
       return d === 0 ? o("selectAll", { total: a(c) }) : d === b ? o("allSelected", { total: a(b) }) : d <= b ? o("numberOfTotalSelected", { number: a(d), total: a(b) }) : o("numbersSelected", { number: a(d) });
@@ -1152,9 +1160,9 @@ const as = /* @__PURE__ */ q(ls, [["render", ns], ["__scopeId", "data-v-0c9e6af6
       }, d = c.filter(b).map(({ value: C }) => C), h = s.selectedValues.filter((C) => !(d != null && d.includes(C.value)));
       n("select", h);
     }, oe = () => {
-      z(P.value);
+      z(M.value);
     }, Oe = () => {
-      W(P.value);
+      W(M.value);
     }, { isAllSelected: w, isIndeterminate: ie, toggleSelectAll: He } = Fe(
       Y,
       _,
@@ -1166,7 +1174,7 @@ const as = /* @__PURE__ */ q(ls, [["render", ns], ["__scopeId", "data-v-0c9e6af6
     ye(w, () => {
       Se.value = w.value;
     });
-    const Xe = (c) => {
+    const Je = (c) => {
       z(c.items);
     }, Ae = (c) => {
       W(c.items);
@@ -1174,16 +1182,16 @@ const as = /* @__PURE__ */ q(ls, [["render", ns], ["__scopeId", "data-v-0c9e6af6
       let d = !1;
       const h = s.selectedValues.filter(({ value: C }) => b.value === C ? (d = !0, !1) : !0);
       d || h.push(b), n(c, h);
-    }, Ze = v(() => {
+    }, Xe = v(() => {
       if (!D.value)
         return s.selectedValues;
       const c = (C) => T.value.includes(C.value), b = (C) => !s.staticCategories && C.every((ee) => c(ee));
       return s.items.flatMap(
         (C) => C.items && !b(C.items) ? C.items : C
       ).filter((C) => C.items ? !0 : c(C));
-    }), Je = v(() => {
+    }), Ze = v(() => {
       var d, h, C, ee;
-      const c = ["automatic", "button"].includes(s.lazyLoadType), b = ((d = s.selectedValues) == null ? void 0 : d.length) > 0 && ((h = Y.value) == null ? void 0 : h.length) !== ((C = P.value) == null ? void 0 : C.length);
+      const c = ["automatic", "button"].includes(s.lazyLoadType), b = ((d = s.selectedValues) == null ? void 0 : d.length) > 0 && ((h = Y.value) == null ? void 0 : h.length) !== ((C = M.value) == null ? void 0 : C.length);
       return c && s.hasMoreItems ? !!((ee = s.selectedValues) != null && ee.length) : b;
     }), $e = v(() => ["automatic", "button"].includes(s.lazyLoadType) ? !s.hasMoreItems : !0), be = L([]), { visibleDomOptions: De, updateVisibleDomOptions: Qe } = We(
       u,
@@ -1238,12 +1246,12 @@ const as = /* @__PURE__ */ q(ls, [["render", ns], ["__scopeId", "data-v-0c9e6af6
       ref: u,
       class: "b-listbox-multi-select"
     }, [
-      Je.value ? (m(), E("div", cs, [
+      Ze.value ? (m(), E("div", cs, [
         ce((m(), E("ul", x({ class: "b-listbox-multi-select__chips" }, se(rt, !0)), [
-          (m(!0), E(le, null, H(Ze.value, (d) => (m(), E("li", {
+          (m(!0), E(le, null, H(Xe.value, (d) => (m(), E("li", {
             key: d.value
           }, [
-            G(M(ht), {
+            G(P(ht), {
               ref_for: !0,
               ref_key: "selectedListboxItemsRef",
               ref: f,
@@ -1254,20 +1262,20 @@ const as = /* @__PURE__ */ q(ls, [["render", ns], ["__scopeId", "data-v-0c9e6af6
             }, null, 8, ["disabled", "label", "onClick"])
           ]))), 128))
         ], 16)), [
-          [M(Ce)]
+          [P(Ce)]
         ]),
         b[4] || (b[4] = U("hr", {
           class: "b-listbox-multi-select__divider",
           "aria-hidden": "true"
         }, null, -1))
-      ])) : X("", !0),
+      ])) : J("", !0),
       ce((m(), E("div", x(r.value, { role: R.value }, se(at, !0)), [
-        $e.value ? (m(), $(M(Ee), {
+        $e.value ? (m(), $(P(Ee), {
           key: 0,
           ref_key: "selectAllListboxItemsRef",
           ref: l,
           class: "b-listbox-multi-select__option",
-          tabindex: M(Re) === 0 ? 0 : -1,
+          tabindex: P(Re) === 0 ? 0 : -1,
           "aria-selected": Le.value !== "false",
           "aria-checked": Le.value,
           role: I.value,
@@ -1276,11 +1284,11 @@ const as = /* @__PURE__ */ q(ls, [["render", ns], ["__scopeId", "data-v-0c9e6af6
           onSpacePressed: re(Te, ["prevent"])
         }, {
           default: k(() => [
-            G(M(ke), {
-              checked: M(w),
-              indeterminate: M(ie)
+            G(P(ke), {
+              checked: P(w),
+              indeterminate: P(ie)
             }, null, 8, ["checked", "indeterminate"]),
-            G(M(de), { el: "span" }, {
+            G(P(de), { el: "span" }, {
               default: k(() => [
                 K(V(N.value), 1)
               ]),
@@ -1288,29 +1296,29 @@ const as = /* @__PURE__ */ q(ls, [["render", ns], ["__scopeId", "data-v-0c9e6af6
             })
           ]),
           _: 1
-        }, 8, ["tabindex", "aria-selected", "aria-checked", "role"])) : X("", !0),
-        $e.value ? (m(), E("hr", us)) : X("", !0),
-        G(M(as), {
+        }, 8, ["tabindex", "aria-selected", "aria-checked", "role"])) : J("", !0),
+        $e.value ? (m(), E("hr", us)) : J("", !0),
+        G(P(as), {
           ref_key: "listboxItemsRef",
           ref: O,
           items: c.items,
           "is-option-disabled": c.isOptionDisabled,
-          "is-multi-level": M(D),
+          "is-multi-level": P(D),
           "static-categories": c.staticCategories,
           searching: c.searching,
           "selected-items-list": T.value,
-          "focused-index": M(Re),
+          "focused-index": P(Re),
           "items-index": ct.value,
           role: I.value,
           onToggleCheckboxSelection: b[0] || (b[0] = (d) => ue("select", d)),
-          onSelectCategory: Xe,
+          onSelectCategory: Je,
           onUnselectCategory: Ae,
           onToggleCategoryVisibility: et,
-          onSpacePressed: b[1] || (b[1] = (d) => ue(M(g).SPACE, d)),
-          onTabPressed: b[2] || (b[2] = (d) => ue(M(g).TAB, d)),
-          onEnterPressed: b[3] || (b[3] = (d) => ue(M(g).ENTER, d))
+          onSpacePressed: b[1] || (b[1] = (d) => ue(P(g).SPACE, d)),
+          onTabPressed: b[2] || (b[2] = (d) => ue(P(g).TAB, d)),
+          onEnterPressed: b[3] || (b[3] = (d) => ue(P(g).ENTER, d))
         }, pe({ _: 2 }, [
-          H(M(p), (d, h) => ({
+          H(P(p), (d, h) => ({
             name: h,
             fn: k((C) => [
               j(c.$slots, h, ae(ve(C)), void 0, !0)
@@ -1318,7 +1326,7 @@ const as = /* @__PURE__ */ q(ls, [["render", ns], ["__scopeId", "data-v-0c9e6af6
           }))
         ]), 1032, ["items", "is-option-disabled", "is-multi-level", "static-categories", "searching", "selected-items-list", "focused-index", "items-index", "role"])
       ], 16, ds)), [
-        [M(Ce)]
+        [P(Ce)]
       ])
     ], 512));
   }
@@ -1335,7 +1343,7 @@ const as = /* @__PURE__ */ q(ls, [["render", ns], ["__scopeId", "data-v-0c9e6af6
     loading: "Carregando",
     showMore: "Mostrar mais"
   }
-}, vs = 36, fs = J({
+}, vs = 36, fs = Z({
   name: "bento-listbox",
   components: {
     BentoEmptyState: pt,
@@ -1472,14 +1480,14 @@ const as = /* @__PURE__ */ q(ls, [["render", ns], ["__scopeId", "data-v-0c9e6af6
       () => e.componentLoading !== void 0 || a.value ? "true" : void 0
     ), D = v(
       () => a.value && e.loading || e.componentLoading ? "true" : "false"
-    ), P = v(
+    ), M = v(
       () => a.value || e.componentLoading !== void 0 ? "polite" : void 0
     ), B = v(
       () => ({
         "aria-label": e.ariaLabel,
         "aria-busy": D.value,
         "aria-atomic": T.value,
-        "aria-live": P.value
+        "aria-live": M.value
       })
     ), R = v(
       () => e.componentLoading ? {
@@ -1504,7 +1512,7 @@ const as = /* @__PURE__ */ q(ls, [["render", ns], ["__scopeId", "data-v-0c9e6af6
     }), N = v(
       () => e.lazyLoadType === ne.BUTTON && e.hasMoreItems
     ), z = v(
-      () => e.loading ? Me.LOADING : Me.START
+      () => e.loading ? Pe.LOADING : Pe.START
     ), W = v(() => e.loading ? o("loading") : o("showMore")), oe = v(() => ({
       ...e.emptyState,
       variant: "condensed"
@@ -1595,8 +1603,8 @@ function Cs(e, t, i, s, n, o) {
         }, se(e.listboxListeners)), pe({ _: 2 }, [
           H(e.slots, (T, D) => ({
             name: D,
-            fn: k((P) => [
-              j(e.$slots, D, ae(ve(P)), void 0, !0)
+            fn: k((M) => [
+              j(e.$slots, D, ae(ve(M)), void 0, !0)
             ])
           }))
         ]), 1040, ["has-more-items", "items", "lazy-load-type", "static-categories", "selected-values", "searching", "is-option-disabled"])) : (m(), $(u, x({
@@ -1610,8 +1618,8 @@ function Cs(e, t, i, s, n, o) {
         }, se(e.listboxListeners)), pe({ _: 2 }, [
           H(e.slots, (T, D) => ({
             name: D,
-            fn: k((P) => [
-              j(e.$slots, D, ae(ve(P)), void 0, !0)
+            fn: k((M) => [
+              j(e.$slots, D, ae(ve(M)), void 0, !0)
             ])
           }))
         ]), 1040, ["items", "selected-value", "static-categories", "is-option-disabled"])),
@@ -1628,7 +1636,7 @@ function Cs(e, t, i, s, n, o) {
           }, 8, ["state", "onClickCapture"])
         ])) : e.loading ? (m(), E("div", hs, [
           G(a)
-        ])) : X("", !0)
+        ])) : J("", !0)
       ], 64))
     ], 16)
   ], 16, ps)), [
@@ -1692,6 +1700,7 @@ const Ys = /* @__PURE__ */ q(fs, [["render", Cs], ["__scopeId", "data-v-ef1c27fa
 };
 export {
   ne as B,
+  Pt as C,
   ke as D,
   g as a,
   Ys as b,
@@ -1699,4 +1708,4 @@ export {
   We as d,
   rs as u
 };
-//# sourceMappingURL=use-cached-selected-values.u6wcYuin.js.map
+//# sourceMappingURL=use-cached-selected-values.BZIa5TRx.js.map