@adyen/bento-vue3 1.89.2 → 1.90.0

package/dist/chunks/{use-cached-selected-values.ClEJRFAd.js → use-cached-selected-values.DIbfa5F1.js}

@@ -1,112 +1,112 @@
-import { computed as b, ref as _, onMounted as ut, onUnmounted as bt, watch as ge, defineComponent as X, resolveComponent as I, openBlock as d, createElementBlock as y, createVNode as M, withCtx as L, createTextVNode as K, toDisplayString as V, createElementVNode as G, renderSlot as W, mergeProps as w, withKeys as be, createCommentVNode as q, createBlock as k, withModifiers as ie, normalizeProps as oe, guardReactiveProps as me, withDirectives as ae, vShow as Ye, nextTick as Ue, toRef as pe, resolveDirective as ze, toHandlers as ee, Fragment as te, renderList as j, createSlots as ve, normalizeClass as fe, unref as B, useSlots as mt, useAttrs as pt } from "vue";
+import { computed as b, ref as I, onMounted as ut, onUnmounted as bt, watch as fe, defineComponent as J, resolveComponent as _, openBlock as d, createElementBlock as y, createVNode as N, withCtx as L, createTextVNode as K, toDisplayString as V, createElementVNode as G, renderSlot as W, mergeProps as w, withKeys as be, createCommentVNode as q, createBlock as A, withModifiers as ae, normalizeProps as oe, guardReactiveProps as me, withDirectives as ne, vShow as ze, nextTick as Ye, toRef as pe, resolveDirective as Ue, toHandlers as ee, Fragment as te, renderList as j, createSlots as ge, normalizeClass as ve, unref as B, useSlots as mt, useAttrs as pt } from "vue";
 import { B as F, a as he } from "./keyboard-navigation.DWmhelVv.js";
-import { B as ne } from "./typography.B3J6_tYk.js";
-import { B as vt } from "./loading-indicator.BPol9I84.js";
-import { B as ft } from "./empty-state.DT4sFyjB.js";
-import { u as _e } from "./index.B875RXHM.js";
-import { d as gt } from "./debounce.DUTu11PS.js";
+import { B as ie } from "./typography.B3J6_tYk.js";
+import { B as gt } from "./loading-indicator.BPol9I84.js";
+import { B as vt } from "./empty-state.DT4sFyjB.js";
+import { u as Ie } from "./index.B875RXHM.js";
+import { d as ft } from "./debounce.DUTu11PS.js";
 import { o as yt } from "./resize.Bqks3WUm.js";
 import { C as Se, N as St } from "./minus-small.CnYLTuSv.js";
 import { C as ht } from "./checkmark-small.CRuZauJc.js";
 /* empty css              */
 import { _ as H } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { B as Ct } from "./chip.CdgpQyXN.js";
+import { B as Ct } from "./chip.DFldnqfz.js";
 import { C as Et } from "./chevron-down.XeE-LBV_.js";
 import { C as Ot } from "./chevron-up.Cmgl2a3x.js";
-import { g as Pe } from "./generate-uid.DBWe4g6T.js";
-import { a as Tt, b as Ne } from "./button-actions.cMQWyZne.js";
+import { g as Me } from "./generate-uid.DBWe4g6T.js";
+import { a as Tt, b as Pe } from "./button-actions.Bh_PZ_fV.js";
 import "../assets/use-cached-selected-values.css";
 const Fe = (e, t, o, s) => {
   const r = b(
     () => !!e.value?.length && e.value?.length === t.value.length
-  ), n = b(() => e.value == null || e.value.length === 0 ? !1 : e.value?.length !== t.value.length);
+  ), i = b(() => e.value == null || e.value.length === 0 ? !1 : e.value?.length !== t.value.length);
   return {
     isAllSelected: r,
-    isIndeterminate: n,
-    toggleSelectAll: (g) => {
-      g ? o() : s();
+    isIndeterminate: i,
+    toggleSelectAll: (f) => {
+      f ? o() : s();
     }
   };
 };
 function Lt(e, { disabled: t, itemHeight: o, overscan: s = 5, prefixHeight: r }) {
-  const n = _(null), i = _([]), g = _(0), S = _(0), a = _(0);
+  const i = I(null), a = I([]), f = I(0), S = I(0), n = I(0);
   let u;
   const l = b(() => {
-    const A = typeof o == "number" ? e.value.length * o : e.value.reduce((T, O, D) => T + o(D), 0), $ = typeof o == "number" ? g.value * o : e.value.slice(0, g.value).reduce((T, O, D) => T + o(D), 0);
+    const k = typeof o == "number" ? e.value.length * o : e.value.reduce((T, O, D) => T + o(D), 0), $ = typeof o == "number" ? f.value * o : e.value.slice(0, f.value).reduce((T, O, D) => T + o(D), 0);
     return {
       style: {
         marginTop: `${$}px`,
-        height: `${A - $}px`
+        height: `${k - $}px`
       }
     };
   }), m = () => {
-    const A = r?.value ?? 0, $ = Math.max(n.value.scrollTop - A, 0);
+    const k = r?.value ?? 0, $ = Math.max(i.value.scrollTop - k, 0);
     if (typeof o == "number")
       return Math.floor($ / o);
     let T = 0, O = 0;
     for (let D = 0; D < e.value.length; D += 1) {
-      const Y = o(D);
-      if (T += Y, T >= $) {
+      const z = o(D);
+      if (T += z, T >= $) {
         O = D;
         break;
       }
     }
     return O;
   }, C = () => {
-    if (a.value = n.value.clientHeight, typeof o == "number")
-      return Math.ceil(a.value / o);
-    const A = g.value ?? 0;
+    if (n.value = i.value.clientHeight, typeof o == "number")
+      return Math.ceil(n.value / o);
+    const k = f.value ?? 0;
     let $ = 0, T = 0;
-    for (let O = A; O < e.value.length; O += 1) {
+    for (let O = k; O < e.value.length; O += 1) {
       const D = o(O);
-      if ($ += D, T = O, $ > a.value)
+      if ($ += D, T = O, $ > n.value)
         break;
     }
-    return T - A;
+    return T - k;
   }, h = () => {
-    if (n.value) {
-      const A = C();
-      g.value = m(), S.value = Math.min(g.value + A + s, e.value.length), i.value = e.value.slice(g.value, S.value);
+    if (i.value) {
+      const k = C();
+      f.value = m(), S.value = Math.min(f.value + k + s, e.value.length), a.value = e.value.slice(f.value, S.value);
     }
   }, R = () => {
     h();
   };
   t || (ut(() => {
-    n.value && (a.value = n.value.clientHeight, u = yt(n.value, ({ clientHeight: A }) => {
-      a.value = A, h();
+    i.value && (n.value = i.value.clientHeight, u = yt(i.value, ({ clientHeight: k }) => {
+      n.value = k, h();
     }), h());
   }), bt(() => {
     u?.disconnect();
-  }), ge(
+  }), fe(
     () => e.value,
     () => {
       h();
     }
   ));
   const x = {
-    ref: n,
+    ref: i,
     style: { overflowY: "auto" }
   };
   return t ? {
-    containerRef: n,
+    containerRef: i,
     containerProps: x,
     // eslint-disable-next-line @typescript-eslint/no-empty-function
     onScroll: () => {
     },
     list: e
   } : {
-    containerRef: n,
+    containerRef: i,
     containerProps: x,
     onScroll: R,
-    list: i,
+    list: a,
     wrapperProps: l
   };
 }
 var p = /* @__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))(p || {}), le = /* @__PURE__ */ ((e) => (e.AUTOMATIC = "automatic", e.BUTTON = "button", e.NONE = "none", e))(le || {});
-const _t = X({
+const It = J({
   name: "bento-listbox-static-category",
   components: {
-    BentoTypography: ne
+    BentoTypography: ie
   },
   props: {
     /**
@@ -117,15 +117,15 @@ const _t = X({
       required: !0
     }
   }
-}), It = ["aria-label"];
-function kt(e, t, o, s, r, n) {
-  const i = I("bento-typography");
+}), _t = ["aria-label"];
+function At(e, t, o, s, r, i) {
+  const a = _("bento-typography");
   return d(), y("div", {
     class: "b-listbox-single-select-category",
     role: "group",
     "aria-label": e.categoryLabel
   }, [
-    M(i, {
+    N(a, {
       variant: "caption",
       el: "span",
       class: "b-listbox-single-select-category__label-text",
@@ -139,9 +139,9 @@ function kt(e, t, o, s, r, n) {
     G("div", null, [
       W(e.$slots, "default", {}, void 0, !0)
     ])
-  ], 8, It);
+  ], 8, _t);
 }
-const At = /* @__PURE__ */ H(_t, [["render", kt], ["__scopeId", "data-v-27c4e09a"]]), $t = X({
+const kt = /* @__PURE__ */ H(It, [["render", At], ["__scopeId", "data-v-27c4e09a"]]), $t = J({
   name: "bento-listbox-option",
   props: {
     /**
@@ -166,38 +166,38 @@ const At = /* @__PURE__ */ H(_t, [["render", kt], ["__scopeId", "data-v-27c4e09a
       // Values
       conditionalClasses: o,
       // Events
-      onClick: (n) => {
-        t(p.CLICK, n);
+      onClick: (i) => {
+        t(p.CLICK, i);
       },
-      onOptionSelected: (n, i) => {
-        t(n, i);
+      onOptionSelected: (i, a) => {
+        t(i, a);
       }
     };
   }
 });
-function Dt(e, t, o, s, r, n) {
+function Dt(e, t, o, s, r, i) {
   return d(), y("div", w({
     class: ["b-listbox-option", e.conditionalClasses],
     role: "option"
   }, e.$attrs, {
-    onClick: t[0] || (t[0] = (...i) => e.onClick && e.onClick(...i)),
+    onClick: t[0] || (t[0] = (...a) => e.onClick && e.onClick(...a)),
     onKeydown: [
-      t[1] || (t[1] = be((i) => e.onOptionSelected(e.BentoListboxEvent.ENTER, i), ["enter"])),
-      t[2] || (t[2] = be((i) => e.onOptionSelected(e.BentoListboxEvent.SPACE, i), ["space"])),
-      t[3] || (t[3] = be((i) => e.onOptionSelected(e.BentoListboxEvent.TAB, i), ["tab"]))
+      t[1] || (t[1] = be((a) => e.onOptionSelected(e.BentoListboxEvent.ENTER, a), ["enter"])),
+      t[2] || (t[2] = be((a) => e.onOptionSelected(e.BentoListboxEvent.SPACE, a), ["space"])),
+      t[3] || (t[3] = be((a) => e.onOptionSelected(e.BentoListboxEvent.TAB, a), ["tab"]))
     ]
   }), [
     W(e.$slots, "default", {}, void 0, !0)
   ], 16);
 }
 const Ce = /* @__PURE__ */ H($t, [["render", Dt], ["__scopeId", "data-v-1495b1db"]]);
-let Me = 0;
+let Ne = 0;
 const Bt = {
   beforeCreate() {
-    this.uuid = Me.toString(), Me += 1;
+    this.uuid = Ne.toString(), Ne += 1;
   }
 }, Rt = { key: 0 };
-function Pt(e, t, o, s, r, n) {
+function Mt(e, t, o, s, r, i) {
   return d(), y("svg", w({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -212,12 +212,12 @@ function Pt(e, t, o, s, r, n) {
     }, null, -1))
   ], 16);
 }
-const Nt = /* @__PURE__ */ H(Bt, [["render", Pt]]), Mt = X({
+const Pt = /* @__PURE__ */ H(Bt, [["render", Mt]]), Nt = J({
   name: "bento-listbox-single-select-option",
   components: {
     BentoListboxOption: Ce,
-    BentoTypography: ne,
-    CheckmarkIcon: Nt
+    BentoTypography: ie,
+    CheckmarkIcon: Pt
   },
   props: {
     /**
@@ -239,14 +239,14 @@ const Nt = /* @__PURE__ */ H(Bt, [["render", Pt]]), Mt = X({
   },
   emits: [p.ENTER, p.SELECT, p.SPACE, p.TAB],
   setup(e, { emit: t }) {
-    const o = (i) => {
-      e.disabled || t(i, e.option);
-    }, s = b(() => e.disabled ? !0 : null), r = b(() => e.selected ? !0 : null), n = b(() => e.disabled ? -1 : 0);
+    const o = (a) => {
+      e.disabled || t(a, e.option);
+    }, s = b(() => e.disabled ? !0 : null), r = b(() => e.selected ? !0 : null), i = b(() => e.disabled ? -1 : 0);
     return {
       // Values
       ariaDisabled: s,
       ariaSelected: r,
-      tabIndex: n,
+      tabIndex: i,
       // Enums
       BentoListboxEvent: p,
       // Events
@@ -254,30 +254,30 @@ const Nt = /* @__PURE__ */ H(Bt, [["render", Pt]]), Mt = X({
     };
   }
 }), wt = { class: "b-listbox-single-select-option__text" }, Gt = { class: "b-listbox-single-select-option__check-icon" };
-function xt(e, t, o, s, r, n) {
-  const i = I("bento-typography"), g = I("checkmark-icon"), S = I("bento-listbox-option");
-  return d(), k(S, {
+function xt(e, t, o, s, r, i) {
+  const a = _("bento-typography"), f = _("checkmark-icon"), S = _("bento-listbox-option");
+  return d(), A(S, {
     class: "b-listbox-single-select-option",
     disabled: e.disabled,
     selected: e.selected,
     "aria-selected": e.ariaSelected,
     "aria-disabled": e.ariaDisabled,
     tabindex: e.tabIndex,
-    onClick: t[0] || (t[0] = (a) => e.onOptionSelected(e.BentoListboxEvent.SELECT)),
-    onEnterPressed: t[1] || (t[1] = (a) => e.onOptionSelected(e.BentoListboxEvent.ENTER)),
-    onSpacePressed: t[2] || (t[2] = ie((a) => e.onOptionSelected(e.BentoListboxEvent.SPACE), ["prevent"])),
-    onTabPressed: t[3] || (t[3] = (a) => e.onOptionSelected(e.BentoListboxEvent.TAB))
+    onClick: t[0] || (t[0] = (n) => e.onOptionSelected(e.BentoListboxEvent.SELECT)),
+    onEnterPressed: t[1] || (t[1] = (n) => e.onOptionSelected(e.BentoListboxEvent.ENTER)),
+    onSpacePressed: t[2] || (t[2] = ae((n) => e.onOptionSelected(e.BentoListboxEvent.SPACE), ["prevent"])),
+    onTabPressed: t[3] || (t[3] = (n) => e.onOptionSelected(e.BentoListboxEvent.TAB))
   }, {
     default: L(() => [
       W(e.$slots, "default", oe(me(e.option)), () => [
         G("span", wt, [
-          M(i, { el: "span" }, {
+          N(a, { el: "span" }, {
             default: L(() => [
               K(V(e.option.label), 1)
             ]),
             _: 1
           }),
-          e.option.description ? (d(), k(i, {
+          e.option.description ? (d(), A(a, {
             key: 0,
             class: "b-listbox-single-select-option__description",
             el: "span"
@@ -290,16 +290,16 @@ function xt(e, t, o, s, r, n) {
         ])
       ], !0),
       G("span", Gt, [
-        ae(M(g, { "svg-title": "selected" }, null, 512), [
-          [Ye, e.selected]
+        ne(N(f, { "svg-title": "selected" }, null, 512), [
+          [ze, e.selected]
         ])
       ])
     ]),
     _: 3
   }, 8, ["disabled", "selected", "aria-selected", "aria-disabled", "tabindex"]);
 }
-const Vt = /* @__PURE__ */ H(Mt, [["render", xt], ["__scopeId", "data-v-4f41af07"]]), Ke = ({ items: e }, t) => {
-  const o = b(() => e.value.length - 1), s = _(0), r = (m) => {
+const Vt = /* @__PURE__ */ H(Nt, [["render", xt], ["__scopeId", "data-v-4f41af07"]]), Ke = ({ items: e }, t) => {
+  const o = b(() => e.value.length - 1), s = I(0), r = (m) => {
     switch (m) {
       case "increase":
         s.value += 1;
@@ -308,18 +308,18 @@ const Vt = /* @__PURE__ */ H(Mt, [["render", xt], ["__scopeId", "data-v-4f41af07
         s.value -= 1;
         break;
     }
-  }, n = ({ edgeCaseItem: m }, C) => {
+  }, i = ({ edgeCaseItem: m }, C) => {
     s.value !== m && (r(C), t(s.value));
-  }, i = (m) => {
-    l(m), n(
+  }, a = (m) => {
+    l(m), i(
       {
         edgeCaseItem: o.value
       },
       "increase"
       /* INCREASE */
     );
-  }, g = (m) => {
-    l(m), n(
+  }, f = (m) => {
+    l(m), i(
       {
         edgeCaseItem: 0
       },
@@ -328,7 +328,7 @@ const Vt = /* @__PURE__ */ H(Mt, [["render", xt], ["__scopeId", "data-v-4f41af07
     );
   }, S = () => {
     s.value = 0, t(s.value);
-  }, a = () => {
+  }, n = () => {
     s.value = o.value, t(s.value);
   }, u = (m) => {
     s.value = m;
@@ -337,36 +337,36 @@ const Vt = /* @__PURE__ */ H(Mt, [["render", xt], ["__scopeId", "data-v-4f41af07
   };
   return {
     moveToFirstElement: S,
-    moveToLastElement: a,
-    moveToNextElement: i,
-    moveToPreviousElement: g,
+    moveToLastElement: n,
+    moveToNextElement: a,
+    moveToPreviousElement: f,
     setListboxFocusedIndex: u,
     preventDefault: l,
     focusedIndex: s
   };
-}, We = (e, t, o = _("option"), s = !0) => {
-  const r = _([]), n = async () => {
+}, We = (e, t, o = I("option"), s = !0) => {
+  const r = I([]), i = async () => {
     if (!e.value || e.value.nodeType === Node.COMMENT_NODE)
       return;
-    const i = Array.from(e.value.querySelectorAll(`[role="${o.value}"]`));
-    r.value = s ? i.filter((g) => g.checkVisibility()) : i;
+    const a = Array.from(e.value.querySelectorAll(`[role="${o.value}"]`));
+    r.value = s ? a.filter((f) => f.checkVisibility()) : a;
   };
-  return ge(
+  return fe(
     t,
     () => {
-      Ue(() => {
-        n();
+      Ye(() => {
+        i();
       });
     },
     { immediate: !0 }
   ), {
     visibleDomOptions: r,
-    updateVisibleDomOptions: n
+    updateVisibleDomOptions: i
   };
-}, Yt = X({
+}, zt = J({
   name: "bento-listbox-single-select",
   components: {
-    BentoListboxSingleSelectCategory: At,
+    BentoListboxSingleSelectCategory: kt,
     BentoListboxSingleSelectOption: Vt
   },
   directives: { BentoKeyboardNavigationDirective: he },
@@ -412,23 +412,23 @@ const Vt = /* @__PURE__ */ H(Mt, [["render", xt], ["__scopeId", "data-v-4f41af07
   },
   emits: [p.SELECT, p.ENTER, p.SPACE, p.TAB],
   setup(e, { emit: t, expose: o, slots: s, attrs: r }) {
-    const n = _(null), i = _([]), g = b(() => !!e.selectedValue?.length && e.selectedValue.at(0)), S = b(
+    const i = I(null), a = I([]), f = b(() => !!e.selectedValue?.length && e.selectedValue.at(0)), S = b(
       () => ({
         "aria-label": r["aria-label"]?.toString(),
         "aria-busy": r["aria-busy"]?.toString(),
         "aria-atomic": r["aria-atomic"]?.toString(),
         "aria-live": r["aria-live"]?.toString()
       })
-    ), a = b(() => !!e.items.some(({ items: O }) => !!O)), u = (O) => (D) => {
+    ), n = b(() => !!e.items.some(({ items: O }) => !!O)), u = (O) => (D) => {
       t(O, [D]);
-    }, { visibleDomOptions: l } = We(n, pe(e, "items"), _("option"), !1), m = (O) => {
+    }, { visibleDomOptions: l } = We(i, pe(e, "items"), I("option"), !1), m = (O) => {
       l.value[O]?.focus();
     }, {
       moveToNextElement: C,
       moveToPreviousElement: h,
       moveToFirstElement: R,
       moveToLastElement: x,
-      setListboxFocusedIndex: A
+      setListboxFocusedIndex: k
     } = Ke(
       {
         items: l
@@ -450,23 +450,23 @@ const Vt = /* @__PURE__ */ H(Mt, [["render", xt], ["__scopeId", "data-v-4f41af07
        * Reference for a single listbox item.
        * Required for keyboard navigation in dropdown as $children is removed in vue@3
        */
-      listboxItemRef: i,
+      listboxItemRef: a,
       /**
        * Method to set the index of the item to be focused on
        * Used for focus management to be kept in-sync with parent e.g. dropdowns
        */
-      setListboxFocusedIndex: A
+      setListboxFocusedIndex: k
     }), {
       // Enums
       BentoListboxEvent: p,
       // Values
-      listboxRef: n,
-      listboxItemRef: i,
-      selectedItem: g,
+      listboxRef: i,
+      listboxItemRef: a,
+      selectedItem: f,
       slots: s,
       ariaAttributes: S,
       // Computed
-      hasCategories: a,
+      hasCategories: n,
       // Methods
       onOptionSelected: u,
       // Keyboard navigation
@@ -475,15 +475,15 @@ const Vt = /* @__PURE__ */ H(Mt, [["render", xt], ["__scopeId", "data-v-4f41af07
     };
   }
 });
-function Ut(e, t, o, s, r, n) {
-  const i = I("bento-listbox-single-select-option"), g = I("bento-listbox-single-select-category"), S = ze("bento-keyboard-navigation-directive");
-  return ae((d(), y("div", w({ ref: "listboxRef" }, e.ariaAttributes, { role: "listbox" }, ee(e.listboxListeners, !0)), [
-    e.hasCategories && e.staticCategories ? (d(!0), y(te, { key: 0 }, j(e.items, (a) => (d(), k(g, {
-      key: a.value,
-      "category-label": a.label
+function Yt(e, t, o, s, r, i) {
+  const a = _("bento-listbox-single-select-option"), f = _("bento-listbox-single-select-category"), S = Ue("bento-keyboard-navigation-directive");
+  return ne((d(), y("div", w({ ref: "listboxRef" }, e.ariaAttributes, { role: "listbox" }, ee(e.listboxListeners, !0)), [
+    e.hasCategories && e.staticCategories ? (d(!0), y(te, { key: 0 }, j(e.items, (n) => (d(), A(f, {
+      key: n.value,
+      "category-label": n.label
     }, {
       default: L(() => [
-        (d(!0), y(te, null, j(a.items, (u) => (d(), k(i, w({
+        (d(!0), y(te, null, j(n.items, (u) => (d(), A(a, w({
           key: u.value,
           ref_for: !0,
           ref: "listboxItemRef",
@@ -491,7 +491,7 @@ function Ut(e, t, o, s, r, n) {
           option: u,
           disabled: e.isOptionDisabled ? e.isOptionDisabled(u) : null,
           selected: u.value === e.selectedItem.value
-        }, ee(e.listboxOptionListeners)), ve({ _: 2 }, [
+        }, ee(e.listboxOptionListeners)), ge({ _: 2 }, [
           j(e.slots, (l, m) => ({
             name: m,
             fn: L((C) => [
@@ -501,15 +501,15 @@ function Ut(e, t, o, s, r, n) {
         ]), 1040, ["option", "disabled", "selected"]))), 128))
       ]),
       _: 2
-    }, 1032, ["category-label"]))), 128)) : (d(!0), y(te, { key: 1 }, j(e.items, (a) => (d(), k(i, w({
-      key: a.value,
+    }, 1032, ["category-label"]))), 128)) : (d(!0), y(te, { key: 1 }, j(e.items, (n) => (d(), A(a, w({
+      key: n.value,
       ref_for: !0,
       ref: "listboxItemRef",
       role: "option",
-      option: a,
-      disabled: e.isOptionDisabled ? e.isOptionDisabled(a) : null,
-      selected: a.value === e.selectedItem.value
-    }, ee(e.listboxOptionListeners)), ve({ _: 2 }, [
+      option: n,
+      disabled: e.isOptionDisabled ? e.isOptionDisabled(n) : null,
+      selected: n.value === e.selectedItem.value
+    }, ee(e.listboxOptionListeners)), ge({ _: 2 }, [
       j(e.slots, (u, l) => ({
         name: l,
         fn: L((m) => [
@@ -521,14 +521,14 @@ function Ut(e, t, o, s, r, n) {
     [S]
   ]);
 }
-const zt = /* @__PURE__ */ H(Yt, [["render", Ut]]);
+const Ut = /* @__PURE__ */ H(zt, [["render", Yt]]);
 let we = 0;
 const Ft = {
   beforeCreate() {
     this.uuid = we.toString(), we += 1;
   }
 }, Kt = { key: 0 };
-function Wt(e, t, o, s, r, n) {
+function Wt(e, t, o, s, r, i) {
   return d(), y("svg", w({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -547,7 +547,7 @@ function Wt(e, t, o, s, r, n) {
     }, null, -1))
   ], 16);
 }
-const Ht = /* @__PURE__ */ H(Ft, [["render", Wt]]), jt = {}, qt = /* @__PURE__ */ X({
+const Ht = /* @__PURE__ */ H(Ft, [["render", Wt]]), jt = {}, qt = /* @__PURE__ */ J({
   ...jt,
   __name: "decorative-checkbox",
   props: {
@@ -564,47 +564,54 @@ const Ht = /* @__PURE__ */ H(Ft, [["render", Wt]]), jt = {}, qt = /* @__PURE__ *
       [`b-checkbox-input__outline--${Se.CHECKED}`]: (t.checked || t.allSelected) && !t.indeterminate,
       [`b-checkbox-input__outline--${Se.INDETERMINATE}`]: t.indeterminate
     }));
-    return (r, n) => (d(), y("div", {
-      class: fe(["b-checkbox-input", o.value]),
+    return (r, i) => (d(), y("div", {
+      class: ve(["b-checkbox-input", o.value]),
       role: "presentation"
     }, [
-      r.indeterminate ? (d(), k(B(St), {
+      r.indeterminate ? (d(), A(B(St), {
         key: 0,
         class: "b-checkbox-input__icon",
         "svg-title": "",
         "aria-hidden": "true"
-      })) : r.allSelected ? (d(), k(B(Ht), {
+      })) : r.allSelected ? (d(), A(B(Ht), {
         key: 1,
         class: "b-checkbox-input__icon",
         "svg-title": "",
         "aria-hidden": "true",
         "data-testid": "decorative-checkbox-double-checkmark-icon"
-      })) : r.checked ? (d(), k(B(ht), {
+      })) : r.checked ? (d(), A(B(ht), {
         key: 2,
         class: "b-checkbox-input__icon",
         "svg-title": "",
         "aria-hidden": "true"
       })) : q("", !0),
       G("div", {
-        class: fe(["b-checkbox-input__outline", s.value])
+        class: ve(["b-checkbox-input__outline", s.value])
       }, null, 2)
     ], 2));
   }
-}), Ie = /* @__PURE__ */ H(qt, [["__scopeId", "data-v-08d3142e"]]);
+}), _e = /* @__PURE__ */ H(qt, [["__scopeId", "data-v-08d3142e"]]);
 var He = /* @__PURE__ */ ((e) => (e.DISABLED = "disabled", e.STATIC_CATEGORY = "static-category", e))(He || {}), Q = /* @__PURE__ */ ((e) => (e.SELECT_CATEGORY = "select-category", e.UNSELECT_CATEGORY = "unselect-category", e.TOGGLE_CATEGORY_VISIBILITY = "toggle-category-visibility", e))(Q || {});
 const Ge = {
+  "de-DE": { categoryClosed: "{category} geschlossen", categoryOpened: "{category} geöffnet" },
+  "en-GB": { categoryClosed: "{category} closed", categoryOpened: "{category} opened" },
   "en-US": { categoryClosed: "{category} closed", categoryOpened: "{category} opened" },
+  "es-ES": { categoryClosed: "{category} cerrado", categoryOpened: "{category} abierto" },
+  "es-MX": { categoryClosed: "{category} cerrado", categoryOpened: "{category} abierto" },
+  "fr-FR": { categoryClosed: "{category} fermée", categoryOpened: "{category} ouverte" },
+  "it-IT": { categoryClosed: "{category} chiuso", categoryOpened: "{category} aperto" },
   "ja-JP": { categoryClosed: "{category}を閉じました", categoryOpened: "{category}を開きました" },
-  "pt-BR": { categoryClosed: "{category} fechado", categoryOpened: "{categoria} aberta" }
-}, Jt = X({
+  "pt-BR": { categoryClosed: "{category} fechada", categoryOpened: "{categoria} aberta" },
+  "zh-CN": { categoryClosed: "{category} 已关闭", categoryOpened: "{category} 已打开" }
+}, Xt = J({
   i18n: { messages: Ge },
   name: "bento-listbox-multi-select-category",
   components: {
-    BentoTypography: ne,
+    BentoTypography: ie,
     BentoListboxOption: Ce,
     ChevronDownIcon: Et,
     ChevronUpIcon: Ot,
-    DecorativeCheckbox: Ie
+    DecorativeCheckbox: _e
   },
   props: {
     /**
@@ -655,54 +662,54 @@ const Ge = {
     Q.TOGGLE_CATEGORY_VISIBILITY
   ],
   setup(e, { emit: t }) {
-    const o = _(!1), { t: s } = _e({ messages: Ge }), r = Pe("category-group"), n = Pe("category-name"), i = (P) => e.isOptionDisabled ? e.isOptionDisabled(P) : !1, g = b(
-      () => e.category.items.every((P) => i(P))
-    ), S = pe(e, "staticCategories"), a = b(() => o.value || e.staticCategories), u = b(() => ({
-      [`b-listbox-multi-select-category--${He.DISABLED}`]: g.value
-    })), l = (P, U) => {
-      P.preventDefault(), o.value = U !== void 0 ? U : !o.value, t(Q.TOGGLE_CATEGORY_VISIBILITY, e.category.value);
-    }, m = (P) => {
-      const U = i(P), Z = e.selectedItemsList?.includes(P.value) || !1;
-      return { isDisabled: U, isPreSelected: Z };
+    const o = I(!1), { t: s } = Ie({ messages: Ge }), r = Me("category-group"), i = Me("category-name"), a = (M) => e.isOptionDisabled ? e.isOptionDisabled(M) : !1, f = b(
+      () => e.category.items.every((M) => a(M))
+    ), S = pe(e, "staticCategories"), n = b(() => o.value || e.staticCategories), u = b(() => ({
+      [`b-listbox-multi-select-category--${He.DISABLED}`]: f.value
+    })), l = (M, Y) => {
+      M.preventDefault(), o.value = Y !== void 0 ? Y : !o.value, t(Q.TOGGLE_CATEGORY_VISIBILITY, e.category.value);
+    }, m = (M) => {
+      const Y = a(M), Z = e.selectedItemsList?.includes(M.value) || !1;
+      return { isDisabled: Y, isPreSelected: Z };
     }, C = b(
-      () => e.category.items.filter((P) => {
-        const { isDisabled: U, isPreSelected: Z } = m(P);
-        return U && Z || !U;
+      () => e.category.items.filter((M) => {
+        const { isDisabled: Y, isPreSelected: Z } = m(M);
+        return Y && Z || !Y;
       })
     ), h = b(
       () => C.value?.filter(
-        ({ value: P }) => e.selectedItemsList?.includes(P)
+        ({ value: M }) => e.selectedItemsList?.includes(M)
       )
     ), R = b(() => {
-      const P = o.value ? "categoryOpened" : "categoryClosed";
-      return s(P, { category: e.category.label });
+      const M = o.value ? "categoryOpened" : "categoryClosed";
+      return s(M, { category: e.category.label });
     }), x = () => {
       t(Q.SELECT_CATEGORY);
-    }, A = () => {
+    }, k = () => {
       t(Q.UNSELECT_CATEGORY);
     }, { isAllSelected: $, isIndeterminate: T, toggleSelectAll: O } = Fe(
       h,
       C,
       x,
-      A
-    ), D = b(() => T.value ? "mixed" : `${$.value}`), Y = _($.value), re = () => {
-      Y.value = !Y.value, O(Y.value);
+      k
+    ), D = b(() => T.value ? "mixed" : `${$.value}`), z = I($.value), re = () => {
+      z.value = !z.value, O(z.value);
     };
-    return ge($, () => {
-      Y.value = $.value;
+    return fe($, () => {
+      z.value = $.value;
     }), {
       // Values
       chevronTitle: R,
       conditionalClass: u,
-      hasAllPropsDisabled: g,
+      hasAllPropsDisabled: f,
       isOpen: o,
       isAllSelected: $,
       isIndeterminate: T,
       isStaticCategory: S,
       categoryGroupId: r,
-      categoryNameId: n,
+      categoryNameId: i,
       // Computed
-      showItemChildren: a,
+      showItemChildren: n,
       ariaCheckedComputed: D,
       // Methods
       handleSelectAll: re,
@@ -710,17 +717,17 @@ const Ge = {
       toggleSelectAll: O
     };
   }
-}), Xt = { class: "b-listbox-multi-select-category__label" }, Zt = {
+}), Jt = { 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"
 }, Qt = { class: "b-listbox-multi-select-category__label" }, es = ["id", "aria-label"];
-function ts(e, t, o, s, r, n) {
-  const i = I("decorative-checkbox"), g = I("bento-typography"), S = I("chevron-up-icon"), a = I("chevron-down-icon"), u = I("bento-listbox-option");
+function ts(e, t, o, s, r, i) {
+  const a = _("decorative-checkbox"), f = _("bento-typography"), S = _("chevron-up-icon"), n = _("chevron-down-icon"), u = _("bento-listbox-option");
   return d(), y("div", null, [
     e.isStaticCategory ? (d(), y("div", Zt, [
       G("span", Qt, [
-        M(g, {
+        N(f, {
           el: "span",
           variant: "caption",
           class: "b-listbox-multi-select-category__label-text"
@@ -731,9 +738,9 @@ function ts(e, t, o, s, r, n) {
           _: 1
         })
       ])
-    ])) : (d(), k(u, {
+    ])) : (d(), A(u, {
       key: 0,
-      class: fe(["b-listbox-multi-select-category__option", e.conditionalClass]),
+      class: ve(["b-listbox-multi-select-category__option", e.conditionalClass]),
       tabindex: e.tabindex,
       "aria-selected": e.ariaCheckedComputed !== "false",
       "aria-checked": e.ariaCheckedComputed,
@@ -744,20 +751,20 @@ function ts(e, t, o, s, r, n) {
       "aria-labelledby": e.categoryNameId,
       onClick: e.handleSelectAll,
       onEnterPressed: e.handleSelectAll,
-      onSpacePressed: ie(e.handleSelectAll, ["prevent"]),
+      onSpacePressed: ae(e.handleSelectAll, ["prevent"]),
       onKeydown: [
         t[1] || (t[1] = be((l) => e.toggleOpen(l, !1), ["arrow-left", "native"])),
         t[2] || (t[2] = be((l) => e.toggleOpen(l, !0), ["arrow-right", "native"]))
       ]
     }, {
       default: L(() => [
-        M(i, {
+        N(a, {
           indeterminate: e.isIndeterminate,
           disabled: e.hasAllPropsDisabled,
           checked: e.isAllSelected
         }, null, 8, ["indeterminate", "disabled", "checked"]),
-        G("span", Xt, [
-          M(g, {
+        G("span", Jt, [
+          N(f, {
             id: e.categoryNameId,
             el: "span",
             class: "b-listbox-multi-select-category__label-text"
@@ -771,12 +778,12 @@ function ts(e, t, o, s, r, n) {
             "aria-hidden": "true",
             class: "b-listbox-multi-select-category__label-chevron",
             "data-testid": "toggle-listbox",
-            onClickCapture: t[0] || (t[0] = ie((...l) => e.toggleOpen && e.toggleOpen(...l), ["stop"]))
+            onClickCapture: t[0] || (t[0] = ae((...l) => e.toggleOpen && e.toggleOpen(...l), ["stop"]))
           }, [
-            e.isOpen ? (d(), k(S, {
+            e.isOpen ? (d(), A(S, {
               key: 0,
               "svg-title": e.chevronTitle
-            }, null, 8, ["svg-title"])) : (d(), k(a, {
+            }, null, 8, ["svg-title"])) : (d(), A(n, {
               key: 1,
               "svg-title": e.chevronTitle
             }, null, 8, ["svg-title"]))
@@ -785,26 +792,26 @@ function ts(e, t, o, s, r, n) {
       ]),
       _: 1
     }, 8, ["class", "tabindex", "aria-selected", "aria-checked", "aria-disabled", "aria-expanded", "aria-owns", "aria-labelledby", "onClick", "onEnterPressed", "onSpacePressed"])),
-    ae(G("div", {
+    ne(G("div", {
       id: e.categoryGroupId,
       role: "group",
       "aria-label": e.category.label
     }, [
       W(e.$slots, "default", {}, void 0, !0)
     ], 8, es), [
-      [Ye, e.showItemChildren]
+      [ze, e.showItemChildren]
     ])
   ]);
 }
-const ss = /* @__PURE__ */ H(Jt, [["render", ts], ["__scopeId", "data-v-60c04867"]]);
-var J = /* @__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))(J || {});
-const ls = X({
+const ss = /* @__PURE__ */ H(Xt, [["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 = J({
   name: "listbox-multi-select-options",
   components: {
     BentoListboxOption: Ce,
-    BentoTypography: ne,
+    BentoTypography: ie,
     ListboxMultiSelectCategory: ss,
-    DecorativeCheckbox: Ie
+    DecorativeCheckbox: _e
   },
   inheritAttrs: !1,
   props: {
@@ -874,23 +881,23 @@ const ls = X({
     }
   },
   emits: [
-    J.TOGGLE_CHECKBOX_SELECTION,
-    J.SELECT_CATEGORY,
-    J.UNSELECT_CATEGORY,
-    J.TOGGLE_CATEGORY_VISIBILITY
+    X.TOGGLE_CHECKBOX_SELECTION,
+    X.SELECT_CATEGORY,
+    X.UNSELECT_CATEGORY,
+    X.TOGGLE_CATEGORY_VISIBILITY
   ],
   setup(e, { emit: t }) {
-    const o = (a) => {
-      e.isOptionDisabled(a) || t(J.TOGGLE_CHECKBOX_SELECTION, a);
-    }, s = (a) => !!a.items, r = (a) => {
+    const o = (n) => {
+      e.isOptionDisabled(n) || t(X.TOGGLE_CHECKBOX_SELECTION, n);
+    }, s = (n) => !!n.items, r = (n) => {
       const u = e.isMultiLevel && e.searching;
-      return a.description && (!e.isMultiLevel || u);
-    }, n = (a) => a.items ? !!a.items.find((u) => e.selectedItemsList.includes(u.value)) : e.selectedItemsList.includes(a.value), i = (a) => {
-      if (s(a)) {
-        const u = n(a) ? J.UNSELECT_CATEGORY : J.SELECT_CATEGORY;
-        t(u, a);
+      return n.description && (!e.isMultiLevel || u);
+    }, i = (n) => n.items ? !!n.items.find((u) => e.selectedItemsList.includes(u.value)) : e.selectedItemsList.includes(n.value), a = (n) => {
+      if (s(n)) {
+        const u = i(n) ? X.UNSELECT_CATEGORY : X.SELECT_CATEGORY;
+        t(u, n);
       } else
-        o(a);
+        o(n);
     };
     return {
       // Values
@@ -899,26 +906,26 @@ const ls = X({
         "b-listbox-multi-select-options__category-option": e.categoryItems
       })),
       // Methods
-      isOptionSelected: n,
+      isOptionSelected: i,
       shouldShowDescription: r,
       toggleCheckboxSelection: o,
-      toggleSearchOption: i,
-      computedTabindex: (a) => e.itemsIndex[a] === e.focusedIndex ? 0 : -1,
+      toggleSearchOption: a,
+      computedTabindex: (n) => e.itemsIndex[n] === e.focusedIndex ? 0 : -1,
       // Enums
       BentoListboxEvent: p,
-      ListboxMultiSelectOptionsEvent: J
+      ListboxMultiSelectOptionsEvent: X
     };
   }
-}), os = { class: "b-listbox-multi-select__option-text" }, is = { class: "b-listbox-multi-select__option-text" };
-function as(e, t, o, s, r, n) {
-  const i = I("decorative-checkbox"), g = I("bento-typography"), S = I("bento-listbox-option"), a = I("listbox-multi-select-options", !0), u = I("listbox-multi-select-category");
+}), os = { class: "b-listbox-multi-select__option-text" }, as = { class: "b-listbox-multi-select__option-text" };
+function ns(e, t, o, s, r, i) {
+  const a = _("decorative-checkbox"), f = _("bento-typography"), S = _("bento-listbox-option"), n = _("listbox-multi-select-options", !0), u = _("listbox-multi-select-category");
   return d(), y("div", null, [
     (d(!0), y(te, null, j(e.items, (l) => (d(), y("div", {
       key: `selected-${l.value}`
     }, [
-      e.searching && e.isMultiLevel ? (d(), k(S, {
+      e.searching && e.isMultiLevel ? (d(), A(S, {
         key: 0,
-        class: fe(["b-listbox-multi-select-options", e.conditionalClasses]),
+        class: ve(["b-listbox-multi-select-options", e.conditionalClasses]),
         disabled: e.isOptionDisabled ? e.isOptionDisabled(l) : null,
         tabindex: e.computedTabindex(l.value),
         "aria-selected": `${e.isOptionSelected(l)}`,
@@ -927,22 +934,22 @@ function as(e, t, o, s, r, n) {
         role: e.$attrs.role || "option",
         onClick: (m) => e.toggleSearchOption(l),
         onEnterPressed: (m) => e.toggleSearchOption(l),
-        onSpacePressed: ie((m) => e.toggleSearchOption(l), ["prevent"])
+        onSpacePressed: ae((m) => e.toggleSearchOption(l), ["prevent"])
       }, {
         default: L(() => [
-          M(i, {
+          N(a, {
             disabled: e.isOptionDisabled ? e.isOptionDisabled(l) : null,
             checked: e.isOptionSelected(l)
           }, null, 8, ["disabled", "checked"]),
           W(e.$slots, "default", w({ ref_for: !0 }, l), () => [
             G("span", os, [
-              M(g, { el: "span" }, {
+              N(f, { el: "span" }, {
                 default: L(() => [
                   K(V(l.label), 1)
                 ]),
                 _: 2
               }, 1024),
-              e.shouldShowDescription(l) ? (d(), k(g, {
+              e.shouldShowDescription(l) ? (d(), A(f, {
                 key: 0,
                 class: "b-listbox-multi-select__option-description",
                 el: "span"
@@ -957,7 +964,7 @@ function as(e, t, o, s, r, n) {
         ]),
         _: 2
       }, 1032, ["class", "disabled", "tabindex", "aria-selected", "aria-checked", "aria-disabled", "role", "onClick", "onEnterPressed", "onSpacePressed"])) : (d(), y(te, { key: 1 }, [
-        l.items ? (d(), k(u, {
+        l.items ? (d(), A(u, {
           key: 0,
           category: l,
           "static-categories": e.staticCategories,
@@ -969,7 +976,7 @@ function as(e, t, o, s, r, n) {
           onToggleCategoryVisibility: t[1] || (t[1] = (m) => e.$emit(e.ListboxMultiSelectOptionsEvent.TOGGLE_CATEGORY_VISIBILITY, m))
         }, {
           default: L(() => [
-            M(a, {
+            N(n, {
               "category-items": "",
               items: l.items,
               "is-option-disabled": e.isOptionDisabled,
@@ -984,9 +991,9 @@ function as(e, t, o, s, r, n) {
             }, null, 8, ["items", "is-option-disabled", "items-index", "focused-index", "is-multi-level", "static-categories", "selected-items-list", "searching", "role"])
           ]),
           _: 2
-        }, 1032, ["category", "static-categories", "is-option-disabled", "selected-items-list", "tabindex", "onSelectCategory", "onUnselectCategory"])) : (d(), k(S, {
+        }, 1032, ["category", "static-categories", "is-option-disabled", "selected-items-list", "tabindex", "onSelectCategory", "onUnselectCategory"])) : (d(), A(S, {
           key: 1,
-          class: fe(["b-listbox-multi-select-options", e.conditionalClasses]),
+          class: ve(["b-listbox-multi-select-options", e.conditionalClasses]),
           disabled: e.isOptionDisabled ? e.isOptionDisabled(l) : null,
           tabindex: e.computedTabindex(l.value),
           "aria-selected": `${e.isOptionSelected(l)}`,
@@ -995,22 +1002,22 @@ function as(e, t, o, s, r, n) {
           role: e.$attrs.role || "option",
           onClick: (m) => e.toggleCheckboxSelection(l),
           onEnterPressed: (m) => e.toggleCheckboxSelection(l),
-          onSpacePressed: ie((m) => e.toggleCheckboxSelection(l), ["prevent"])
+          onSpacePressed: ae((m) => e.toggleCheckboxSelection(l), ["prevent"])
         }, {
           default: L(() => [
-            M(i, {
+            N(a, {
               disabled: e.isOptionDisabled ? e.isOptionDisabled(l) : null,
               checked: e.isOptionSelected(l)
             }, null, 8, ["disabled", "checked"]),
             W(e.$slots, "default", w({ ref_for: !0 }, l), () => [
-              G("span", is, [
-                M(g, { el: "span" }, {
+              G("span", as, [
+                N(f, { el: "span" }, {
                   default: L(() => [
                     K(V(l.label), 1)
                   ]),
                   _: 2
                 }, 1024),
-                e.shouldShowDescription(l) ? (d(), k(g, {
+                e.shouldShowDescription(l) ? (d(), A(f, {
                   key: 0,
                   class: "b-listbox-multi-select__option-description",
                   el: "span"
@@ -1029,21 +1036,28 @@ function as(e, t, o, s, r, n) {
     ]))), 128))
   ]);
 }
-const ns = /* @__PURE__ */ H(ls, [["render", as], ["__scopeId", "data-v-237dfc58"]]), rs = (e) => {
+const is = /* @__PURE__ */ H(ls, [["render", ns], ["__scopeId", "data-v-237dfc58"]]), rs = (e) => {
   const t = b(() => !!e.value?.find(({ items: s }) => !!s)), o = b(() => t.value ? e.value?.reduce((s, r) => (r.items ? s.push(...r.items.flat()) : s.push(r), s), []) : e.value);
   return {
     isMultiLevelSelect: t,
     flattenedItemsList: o
   };
 }, je = {
+  "de-DE": { allSelected: "Alle ausgewählt ({total})", numberOfTotalSelected: "{number} von {total} ausgewählt", numbersSelected: "{number} ausgewählt", selectAll: "Alle auswählen ({total})" },
+  "en-GB": { allSelected: "All selected ({total})", numberOfTotalSelected: "{number} of {total} selected", numbersSelected: "{number} selected", selectAll: "Select all ({total})" },
   "en-US": { allSelected: "All selected ({total})", numberOfTotalSelected: "{number} of {total} selected", numbersSelected: "{number} selected", selectAll: "Select all ({total})" },
+  "es-ES": { allSelected: "Todos seleccionados ({total})", numberOfTotalSelected: "{number} de {total} seleccionados", numbersSelected: "{number} seleccionado", selectAll: "Seleccionar todo ({total})" },
+  "es-MX": { allSelected: "Todos seleccionados ({total})", numberOfTotalSelected: "{number} de {total} seleccionados", numbersSelected: "{número} seleccionado", selectAll: "Seleccionar todo ({total})" },
+  "fr-FR": { allSelected: "Tous sélectionnés ({total})", numberOfTotalSelected: "{number} sélectionné(s) sur {total}", numbersSelected: "{number} sélectionné(s)", selectAll: "Tout sélectionner ({total})" },
+  "it-IT": { allSelected: "Tutti i selezionati ({total})", numberOfTotalSelected: "{numero} su {totale} selezionati", numbersSelected: "{numero} selezionati", selectAll: "Seleziona tutto ({total})" },
   "ja-JP": { allSelected: "すべて選択 ({total})", numberOfTotalSelected: "{number}/{total}件が選択されました", numbersSelected: "{number}件選択済み", selectAll: "すべて選択 ({total})" },
-  "pt-BR": { allSelected: "Todos os selecionados ({total})", numberOfTotalSelected: "{number} de {total} selecionados", numbersSelected: "{number} selecionados", selectAll: "Selecionar tudo ({total})" }
+  "pt-BR": { allSelected: "Todos os selecionados ({total})", numberOfTotalSelected: "{number} de {total} selecionados", numbersSelected: "{number} selecionados", selectAll: "Selecionar tudo ({total})" },
+  "zh-CN": { allSelected: "全部已选 ({total})", numberOfTotalSelected: "已选择 {number} 个，共 {total} 个", numbersSelected: "已选择 {number} 个", selectAll: "选择全部（{total}）个" }
 }, cs = { key: 0 }, ds = ["role"], us = {
   key: 1,
   class: "b-listbox-multi-select__divider",
   "aria-hidden": "true"
-}, bs = { i18n: { messages: je } }, ms = /* @__PURE__ */ X({
+}, bs = { i18n: { messages: je } }, ms = /* @__PURE__ */ J({
   ...bs,
   __name: "listbox-multi-select",
   props: {
@@ -1057,7 +1071,7 @@ const ns = /* @__PURE__ */ H(ls, [["render", as], ["__scopeId", "data-v-237dfc58
   },
   emits: ["select"],
   setup(e, { expose: t, emit: o }) {
-    const s = e, r = o, { t: n, n: i } = _e({ messages: je }), g = mt(), S = pt(), a = b(
+    const s = e, r = o, { t: i, n: a } = Ie({ messages: je }), f = mt(), S = pt(), n = b(
       () => ({
         "aria-label": S["aria-label"]?.toString(),
         "aria-busy": S["aria-busy"]?.toString(),
@@ -1065,77 +1079,77 @@ const ns = /* @__PURE__ */ H(ls, [["render", as], ["__scopeId", "data-v-237dfc58
         "aria-live": S["aria-live"]?.toString(),
         "aria-multiselectable": !0
       })
-    ), u = _(null), l = _(null), m = _(null), C = _(null), h = b(() => s.selectedValues.map(({ value: c }) => c)), { isMultiLevelSelect: R, flattenedItemsList: x } = rs(pe(s, "items")), A = b(() => R.value && !s.staticCategories), $ = b(() => A.value ? "tree" : "listbox"), T = b(() => A.value ? "treeitem" : "option"), O = (c) => {
-      const f = s.isOptionDisabled(c), v = h.value?.includes(c.value) || !1;
-      return { isDisabled: f, isPreSelected: v };
+    ), u = I(null), l = I(null), m = I(null), C = I(null), h = b(() => s.selectedValues.map(({ value: c }) => c)), { isMultiLevelSelect: R, flattenedItemsList: x } = rs(pe(s, "items")), k = b(() => R.value && !s.staticCategories), $ = b(() => k.value ? "tree" : "listbox"), T = b(() => k.value ? "treeitem" : "option"), O = (c) => {
+      const v = s.isOptionDisabled(c), g = h.value?.includes(c.value) || !1;
+      return { isDisabled: v, isPreSelected: g };
     }, D = b(() => {
       if (s.searching && R)
         return s.items;
-      const c = x.value.filter((f) => {
-        const { isDisabled: v, isPreSelected: N } = O(f);
-        return v && N || !v;
+      const c = x.value.filter((v) => {
+        const { isDisabled: g, isPreSelected: P } = O(v);
+        return g && P || !g;
       });
-      return s.selectedValues.forEach((f) => {
-        c.find((v) => v.value === f.value) || c.push(f);
+      return s.selectedValues.forEach((v) => {
+        c.find((g) => g.value === v.value) || c.push(v);
       }), c;
-    }), Y = b(
+    }), z = b(
       () => D.value?.filter((c) => c.items && R.value && s.searching ? c.items.filter(
-        (v) => (s.selectedValues ?? []).includes(v.value)
+        (g) => (s.selectedValues ?? []).includes(g.value)
       ).length === c.items.length : h.value?.includes(c.value))
-    ), re = () => R.value && !s.searching ? x.value.length : s.items.length, P = b(() => {
-      const c = D.value.length, f = re(), v = Y.value?.length || 0;
-      return v === 0 ? n("selectAll", { total: i(c) }) : v === f ? n("allSelected", { total: i(f) }) : v <= f ? n("numberOfTotalSelected", { number: i(v), total: i(f) }) : n("numbersSelected", { number: i(v) });
-    }), U = (c) => {
-      const f = (N) => {
-        const { isDisabled: E, isPreSelected: ue } = O(N);
+    ), re = () => R.value && !s.searching ? x.value.length : s.items.length, M = b(() => {
+      const c = D.value.length, v = re(), g = z.value?.length || 0;
+      return g === 0 ? i("selectAll", { total: a(c) }) : g === v ? i("allSelected", { total: a(v) }) : g <= v ? i("numberOfTotalSelected", { number: a(g), total: a(v) }) : i("numbersSelected", { number: a(g) });
+    }), Y = (c) => {
+      const v = (P) => {
+        const { isDisabled: E, isPreSelected: ue } = O(P);
         return E && ue || !E;
-      }, v = c.filter(f).filter((N) => !h.value.includes(N.value));
-      r("select", [...s.selectedValues, ...v]);
+      }, g = c.filter(v).filter((P) => !h.value.includes(P.value));
+      r("select", [...s.selectedValues, ...g]);
     }, Z = (c) => {
-      const f = (E) => {
+      const v = (E) => {
         const { isDisabled: ue, isPreSelected: dt } = O(E);
         return !(ue && dt);
-      }, v = c.filter(f).map(({ value: E }) => E), N = s.selectedValues.filter((E) => !v?.includes(E.value));
-      r("select", N);
+      }, g = c.filter(v).map(({ value: E }) => E), P = s.selectedValues.filter((E) => !g?.includes(E.value));
+      r("select", P);
     }, Ee = () => {
-      U(x.value);
+      Y(x.value);
     }, Oe = () => {
       Z(x.value);
-    }, { isAllSelected: z, isIndeterminate: se, toggleSelectAll: qe } = Fe(
-      Y,
+    }, { isAllSelected: U, isIndeterminate: se, toggleSelectAll: qe } = Fe(
+      z,
       D,
       Ee,
       Oe
-    ), ke = b(() => se.value ? "mixed" : `${z.value}`), ye = _(z.value), Te = () => {
+    ), Ae = b(() => se.value ? "mixed" : `${U.value}`), ye = I(U.value), Te = () => {
       ye.value = !ye.value, qe(ye.value);
     };
-    ge(z, () => {
-      ye.value = z.value;
+    fe(U, () => {
+      ye.value = U.value;
     });
-    const Je = (c) => {
-      U(c.items);
-    }, Ae = (c) => {
+    const Xe = (c) => {
+      Y(c.items);
+    }, ke = (c) => {
       Z(c.items);
-    }, ce = (c, f) => {
-      let v = !1;
-      const N = s.selectedValues.filter(({ value: E }) => f.value === E ? (v = !0, !1) : !0);
-      v || N.push(f), r(c, N);
-    }, Xe = b(() => {
+    }, ce = (c, v) => {
+      let g = !1;
+      const P = s.selectedValues.filter(({ value: E }) => v.value === E ? (g = !0, !1) : !0);
+      g || P.push(v), r(c, P);
+    }, Je = b(() => {
       if (!R.value)
         return s.selectedValues;
-      const c = (E) => h.value.includes(E.value), f = (E) => !s.staticCategories && E.every((ue) => c(ue));
+      const c = (E) => h.value.includes(E.value), v = (E) => !s.staticCategories && E.every((ue) => c(ue));
       return s.items.flatMap(
-        (E) => E.items && !f(E.items) ? E.items : E
+        (E) => E.items && !v(E.items) ? E.items : E
       ).filter((E) => E.items ? !0 : c(E));
     }), Ze = b(() => {
-      const c = ["automatic", "button"].includes(s.lazyLoadType), f = s.selectedValues?.length > 0 && Y.value?.length !== x.value?.length;
-      return c && s.hasMoreItems ? !!s.selectedValues?.length : f;
-    }), $e = b(() => ["automatic", "button"].includes(s.lazyLoadType) ? !s.hasMoreItems : !0), de = _([]), { visibleDomOptions: De, updateVisibleDomOptions: Qe } = We(
+      const c = ["automatic", "button"].includes(s.lazyLoadType), v = s.selectedValues?.length > 0 && z.value?.length !== x.value?.length;
+      return c && s.hasMoreItems ? !!s.selectedValues?.length : v;
+    }), $e = b(() => ["automatic", "button"].includes(s.lazyLoadType) ? !s.hasMoreItems : !0), de = I([]), { visibleDomOptions: De, updateVisibleDomOptions: Qe } = We(
       u,
       pe(s, "items"),
       T
     ), et = (c) => {
-      de.value.includes(c) ? de.value = de.value.filter((f) => f !== c) : de.value.push(c), Ue(() => {
+      de.value.includes(c) ? de.value = de.value.filter((v) => v !== c) : de.value.push(c), Ye(() => {
         Qe();
       });
     }, tt = (c) => {
@@ -1144,89 +1158,89 @@ const ns = /* @__PURE__ */ H(ls, [["render", as], ["__scopeId", "data-v-237dfc58
       moveToNextElement: st,
       moveToPreviousElement: lt,
       moveToFirstElement: ot,
-      moveToLastElement: it,
+      moveToLastElement: at,
       preventDefault: Be,
       focusedIndex: Re,
-      setListboxFocusedIndex: at
+      setListboxFocusedIndex: nt
     } = Ke(
       {
         items: De
       },
       tt
-    ), nt = {
+    ), it = {
       [F.ARROW_UP]: (c) => lt(c),
       [F.ARROW_DOWN]: (c) => st(c),
       [F.HOME]: ot,
-      [F.END]: it
+      [F.END]: at
     };
     t({
       /**
        * Method to set the index of the item to be focused on
        * Used for focus management to be kept in-sync with parent e.g. dropdowns
        */
-      setListboxFocusedIndex: at
+      setListboxFocusedIndex: nt
     });
     const rt = {
       [F.ARROW_UP]: Be,
       [F.ARROW_DOWN]: Be
     }, ct = b(() => {
       let c = 1;
-      const f = {};
-      return s.items.forEach((v) => {
-        let N = de.value.includes(v.value);
-        v.items ? (s.staticCategories ? N = !0 : f[v.value] = c++, N && v.items.forEach((E) => f[E.value] = c++)) : f[v.value] = c++;
-      }), f;
+      const v = {};
+      return s.items.forEach((g) => {
+        let P = de.value.includes(g.value);
+        g.items ? (s.staticCategories ? P = !0 : v[g.value] = c++, P && g.items.forEach((E) => v[E.value] = c++)) : v[g.value] = c++;
+      }), v;
     });
-    return (c, f) => (d(), y("div", {
+    return (c, v) => (d(), y("div", {
       ref_key: "listboxRef",
       ref: u,
       class: "b-listbox-multi-select"
     }, [
       Ze.value ? (d(), y("div", cs, [
-        ae((d(), y("ul", w({ class: "b-listbox-multi-select__chips" }, ee(rt, !0)), [
-          (d(!0), y(te, null, j(Xe.value, (v) => (d(), y("li", {
-            key: v.value
+        ne((d(), y("ul", w({ class: "b-listbox-multi-select__chips" }, ee(rt, !0)), [
+          (d(!0), y(te, null, j(Je.value, (g) => (d(), y("li", {
+            key: g.value
           }, [
-            M(B(Ct), {
+            N(B(Ct), {
               ref_for: !0,
               ref_key: "selectedListboxItemsRef",
               ref: m,
-              disabled: c.isOptionDisabled(v),
-              label: v.label,
+              disabled: c.isOptionDisabled(g),
+              label: g.label,
               condensed: "",
-              onClick: (N) => v.items ? Ae(v) : ce("select", v)
+              onClick: (P) => g.items ? ke(g) : ce("select", g)
             }, null, 8, ["disabled", "label", "onClick"])
           ]))), 128))
         ], 16)), [
           [B(he)]
         ]),
-        f[4] || (f[4] = G("hr", {
+        v[4] || (v[4] = G("hr", {
           class: "b-listbox-multi-select__divider",
           "aria-hidden": "true"
         }, null, -1))
       ])) : q("", !0),
-      ae((d(), y("div", w(a.value, { role: $.value }, ee(nt, !0)), [
-        $e.value ? (d(), k(B(Ce), {
+      ne((d(), y("div", w(n.value, { role: $.value }, ee(it, !0)), [
+        $e.value ? (d(), A(B(Ce), {
           key: 0,
           ref_key: "selectAllListboxItemsRef",
           ref: l,
           class: "b-listbox-multi-select__option",
           tabindex: B(Re) === 0 ? 0 : -1,
-          "aria-selected": ke.value !== "false",
-          "aria-checked": ke.value,
+          "aria-selected": Ae.value !== "false",
+          "aria-checked": Ae.value,
           role: T.value,
           onClick: Te,
           onEnterPressed: Te,
-          onSpacePressed: ie(Te, ["prevent"])
+          onSpacePressed: ae(Te, ["prevent"])
         }, {
           default: L(() => [
-            M(B(Ie), {
-              checked: B(z),
+            N(B(_e), {
+              checked: B(U),
               indeterminate: B(se)
             }, null, 8, ["checked", "indeterminate"]),
-            M(B(ne), { el: "span" }, {
+            N(B(ie), { el: "span" }, {
               default: L(() => [
-                K(V(P.value), 1)
+                K(V(M.value), 1)
               ]),
               _: 1
             })
@@ -1234,7 +1248,7 @@ const ns = /* @__PURE__ */ H(ls, [["render", as], ["__scopeId", "data-v-237dfc58
           _: 1
         }, 8, ["tabindex", "aria-selected", "aria-checked", "role"])) : q("", !0),
         $e.value ? (d(), y("hr", us)) : q("", !0),
-        M(B(ns), {
+        N(B(is), {
           ref_key: "listboxItemsRef",
           ref: C,
           items: c.items,
@@ -1246,18 +1260,18 @@ const ns = /* @__PURE__ */ H(ls, [["render", as], ["__scopeId", "data-v-237dfc58
           "focused-index": B(Re),
           "items-index": ct.value,
           role: T.value,
-          onToggleCheckboxSelection: f[0] || (f[0] = (v) => ce("select", v)),
-          onSelectCategory: Je,
-          onUnselectCategory: Ae,
+          onToggleCheckboxSelection: v[0] || (v[0] = (g) => ce("select", g)),
+          onSelectCategory: Xe,
+          onUnselectCategory: ke,
           onToggleCategoryVisibility: et,
-          onSpacePressed: f[1] || (f[1] = (v) => ce(B(p).SPACE, v)),
-          onTabPressed: f[2] || (f[2] = (v) => ce(B(p).TAB, v)),
-          onEnterPressed: f[3] || (f[3] = (v) => ce(B(p).ENTER, v))
-        }, ve({ _: 2 }, [
-          j(B(g), (v, N) => ({
-            name: N,
+          onSpacePressed: v[1] || (v[1] = (g) => ce(B(p).SPACE, g)),
+          onTabPressed: v[2] || (v[2] = (g) => ce(B(p).TAB, g)),
+          onEnterPressed: v[3] || (v[3] = (g) => ce(B(p).ENTER, g))
+        }, ge({ _: 2 }, [
+          j(B(f), (g, P) => ({
+            name: P,
             fn: L((E) => [
-              W(c.$slots, N, oe(me(E)), void 0, !0)
+              W(c.$slots, P, oe(me(E)), void 0, !0)
             ])
           }))
         ]), 1032, ["items", "is-option-disabled", "is-multi-level", "static-categories", "searching", "selected-items-list", "focused-index", "items-index", "role"])
@@ -1267,17 +1281,24 @@ const ns = /* @__PURE__ */ H(ls, [["render", as], ["__scopeId", "data-v-237dfc58
     ], 512));
   }
 }), xe = /* @__PURE__ */ H(ms, [["__scopeId", "data-v-d170602c"]]), Ve = {
+  "de-DE": { loading: "Laden", showMore: "Mehr anzeigen" },
+  "en-GB": { loading: "Loading", showMore: "Show more" },
   "en-US": { loading: "Loading", showMore: "Show more" },
-  "ja-JP": { loading: "読み込み中", showMore: "表示内容を増やす" },
-  "pt-BR": { loading: "Carregando", showMore: "Mostrar mais" }
-}, ps = 36, vs = X({
+  "es-ES": { loading: "Cargando", showMore: "Mostrar más" },
+  "es-MX": { loading: "Cargando", showMore: "Mostrar más" },
+  "fr-FR": { loading: "Chargement", showMore: "Afficher plus" },
+  "it-IT": { loading: "Caricamento", showMore: "Mostra di più" },
+  "ja-JP": { loading: "読み込み中", showMore: "さらに表示" },
+  "pt-BR": { loading: "Carregando", showMore: "Mostrar mais" },
+  "zh-CN": { loading: "正在加载", showMore: "显示更多" }
+}, ps = 36, gs = J({
   name: "bento-listbox",
   components: {
-    BentoEmptyState: ft,
-    BentoListboxSingleSelect: zt,
+    BentoEmptyState: vt,
+    BentoListboxSingleSelect: Ut,
     BentoListboxMultiSelect: xe,
-    BentoTypography: ne,
-    BentoLoadingIndicator: vt,
+    BentoTypography: ie,
+    BentoLoadingIndicator: gt,
     BentoLoadingButton: Tt
   },
   directives: { BentoKeyboardNavigationDirective: he },
@@ -1390,8 +1411,8 @@ const ns = /* @__PURE__ */ H(ls, [["render", as], ["__scopeId", "data-v-237dfc58
     p.TAB
   ],
   setup(e, { emit: t, slots: o }) {
-    const s = _([]), r = pe(e, "items"), { t: n } = _e({ messages: Ve }), i = b(() => e.lazyLoadType !== le.AUTOMATIC), g = b(() => e.lazyLoadType === le.AUTOMATIC), S = () => typeof e?.virtualScroll == "object" && e?.virtualScroll?.itemHeight ? e.virtualScroll.itemHeight : ps, {
-      containerRef: a,
+    const s = I([]), r = pe(e, "items"), { t: i } = Ie({ messages: Ve }), a = b(() => e.lazyLoadType !== le.AUTOMATIC), f = b(() => e.lazyLoadType === le.AUTOMATIC), S = () => typeof e?.virtualScroll == "object" && e?.virtualScroll?.itemHeight ? e.virtualScroll.itemHeight : ps, {
+      containerRef: n,
       containerProps: u,
       onScroll: l,
       list: m,
@@ -1401,12 +1422,12 @@ const ns = /* @__PURE__ */ H(ls, [["render", as], ["__scopeId", "data-v-237dfc58
       // Disable virtual scrolling if not enabled or if lazy loading is enabled or if multi-select
       disabled: e?.multiple || e?.virtualScroll === !1 || e?.lazyLoadType !== "none"
     }), h = b(
-      () => e.componentLoading !== void 0 || i.value ? "true" : void 0
+      () => e.componentLoading !== void 0 || a.value ? "true" : void 0
     ), R = b(
-      () => i.value && e.loading || e.componentLoading ? "true" : "false"
+      () => a.value && e.loading || e.componentLoading ? "true" : "false"
     ), x = b(
-      () => i.value || e.componentLoading !== void 0 ? "polite" : void 0
-    ), A = b(
+      () => a.value || e.componentLoading !== void 0 ? "polite" : void 0
+    ), k = b(
       () => ({
         "aria-label": e.ariaLabel,
         "aria-busy": R.value,
@@ -1415,26 +1436,26 @@ const ns = /* @__PURE__ */ H(ls, [["render", as], ["__scopeId", "data-v-237dfc58
       })
     ), $ = b(
       () => e.componentLoading ? {
-        ...A.value,
+        ...k.value,
         role: "alert"
       } : {}
-    ), T = (z) => (se) => {
-      t(z, se);
+    ), T = (U) => (se) => {
+      t(U, se);
     }, O = () => {
       t(p.SHOW_MORE);
-    }, D = gt(() => {
-      const z = a.value;
-      if (!z)
+    }, D = ft(() => {
+      const U = n.value;
+      if (!U)
         return;
-      const se = Math.round(z.scrollTop) + z.clientHeight >= z.scrollHeight;
+      const se = Math.round(U.scrollTop) + U.clientHeight >= U.scrollHeight;
       e.hasMoreItems && se && !e.loading && O();
-    }), Y = () => {
-      g.value ? D() : l();
-    }, re = b(() => e.items?.length === 0), P = b(
+    }), z = () => {
+      f.value ? D() : l();
+    }, re = b(() => e.items?.length === 0), M = b(
       () => e.lazyLoadType === le.BUTTON && e.hasMoreItems
-    ), U = b(
-      () => e.loading ? Ne.LOADING : Ne.START
-    ), Z = b(() => e.loading ? n("loading") : n("showMore")), Ee = b(() => ({
+    ), Y = b(
+      () => e.loading ? Pe.LOADING : Pe.START
+    ), Z = b(() => e.loading ? i("loading") : i("showMore")), Ee = b(() => ({
       ...e.emptyState,
       variant: "condensed"
     })), Oe = {
@@ -1445,18 +1466,18 @@ const ns = /* @__PURE__ */ H(ls, [["render", as], ["__scopeId", "data-v-237dfc58
     };
     return {
       // Refs
-      listboxRef: a,
+      listboxRef: n,
       listboxItemRef: s,
       // a11y
-      ariaAttributes: A,
+      ariaAttributes: k,
       listboxContainerAttributes: $,
       // Values
       containerProps: u,
       isSearchResultEmpty: re,
       limitedEmptyStateProps: Ee,
-      loadingButtonState: U,
+      loadingButtonState: Y,
       slots: o,
-      shouldDisplayShowMoreButton: P,
+      shouldDisplayShowMoreButton: M,
       showMoreButtonText: Z,
       virtualisedItems: m,
       wrapperProps: C,
@@ -1464,13 +1485,13 @@ const ns = /* @__PURE__ */ H(ls, [["render", as], ["__scopeId", "data-v-237dfc58
       BentoKeyboardNavigationKeyDownEvent: F,
       BentoListboxEvent: p,
       // Methods
-      onListboxContainerScroll: Y,
+      onListboxContainerScroll: z,
       onOptionSelected: T,
       emitShowMore: O,
       listboxListeners: Oe
     };
   }
-}), fs = ["id"], gs = {
+}), vs = ["id"], fs = {
   key: 0,
   class: "b-listbox__loading-filtered-items"
 }, ys = {
@@ -1483,9 +1504,9 @@ const ns = /* @__PURE__ */ H(ls, [["render", as], ["__scopeId", "data-v-237dfc58
   key: 3,
   class: "b-listbox__lazy-load"
 };
-function Cs(e, t, o, s, r, n) {
-  const i = I("bento-loading-indicator"), g = I("bento-empty-state"), S = I("bento-typography"), a = I("bento-listbox-multi-select"), u = I("bento-listbox-single-select"), l = I("bento-loading-button"), m = ze("bento-keyboard-navigation-directive");
-  return ae((d(), y("div", w({
+function Cs(e, t, o, s, r, i) {
+  const a = _("bento-loading-indicator"), f = _("bento-empty-state"), S = _("bento-typography"), n = _("bento-listbox-multi-select"), u = _("bento-listbox-single-select"), l = _("bento-loading-button"), m = Ue("bento-keyboard-navigation-directive");
+  return ne((d(), y("div", w({
     id: e.id,
     ref: "listboxRef",
     class: "b-listbox",
@@ -1496,10 +1517,10 @@ function Cs(e, t, o, s, r, n) {
     onScroll: t[0] || (t[0] = (...C) => e.onListboxContainerScroll && e.onListboxContainerScroll(...C))
   }), [
     G("div", oe(me(e.wrapperProps)), [
-      e.componentLoading ? (d(), y("div", gs, [
-        M(i)
+      e.componentLoading ? (d(), y("div", fs, [
+        N(a)
       ])) : e.isSearchResultEmpty ? (d(), y("div", ys, [
-        e.emptyState ? (d(), k(g, oe(w({ key: 0 }, e.limitedEmptyStateProps)), null, 16)) : (d(), k(S, {
+        e.emptyState ? (d(), A(f, oe(w({ key: 0 }, e.limitedEmptyStateProps)), null, 16)) : (d(), A(S, {
           key: 1,
           el: "span"
         }, {
@@ -1509,7 +1530,7 @@ function Cs(e, t, o, s, r, n) {
           _: 1
         }))
       ])) : (d(), y(te, { key: 2 }, [
-        e.multiple ? (d(), k(a, w({
+        e.multiple ? (d(), A(n, w({
           key: 0,
           ref: "listboxItemRef",
           "has-more-items": e.hasMoreItems
@@ -1520,14 +1541,14 @@ function Cs(e, t, o, s, r, n) {
           "selected-values": e.selectedValue,
           searching: e.searching,
           "is-option-disabled": e.isOptionDisabled
-        }, ee(e.listboxListeners)), ve({ _: 2 }, [
+        }, ee(e.listboxListeners)), ge({ _: 2 }, [
           j(e.slots, (C, h) => ({
             name: h,
             fn: L((R) => [
               W(e.$slots, h, oe(me(R)), void 0, !0)
             ])
           }))
-        ]), 1040, ["has-more-items", "items", "lazy-load-type", "static-categories", "selected-values", "searching", "is-option-disabled"])) : (d(), k(u, w({
+        ]), 1040, ["has-more-items", "items", "lazy-load-type", "static-categories", "selected-values", "searching", "is-option-disabled"])) : (d(), A(u, w({
           key: 1,
           ref: "listboxItemRef",
           items: e.virtualisedItems
@@ -1535,7 +1556,7 @@ function Cs(e, t, o, s, r, n) {
           "selected-value": e.selectedValue,
           "static-categories": e.staticCategories,
           "is-option-disabled": e.isOptionDisabled
-        }, ee(e.listboxListeners)), ve({ _: 2 }, [
+        }, ee(e.listboxListeners)), ge({ _: 2 }, [
           j(e.slots, (C, h) => ({
             name: h,
             fn: L((R) => [
@@ -1544,7 +1565,7 @@ function Cs(e, t, o, s, r, n) {
           }))
         ]), 1040, ["items", "selected-value", "static-categories", "is-option-disabled"])),
         e.shouldDisplayShowMoreButton ? (d(), y("div", Ss, [
-          M(l, {
+          N(l, {
             state: e.loadingButtonState,
             variant: "secondary",
             onClickCapture: e.emitShowMore
@@ -1555,15 +1576,15 @@ function Cs(e, t, o, s, r, n) {
             _: 1
           }, 8, ["state", "onClickCapture"])
         ])) : e.loading ? (d(), y("div", hs, [
-          M(i)
+          N(a)
         ])) : q("", !0)
       ], 64))
     ], 16)
-  ], 16, fs)), [
+  ], 16, vs)), [
     [m]
   ]);
 }
-const Vs = /* @__PURE__ */ H(vs, [["render", Cs], ["__scopeId", "data-v-ef1c27fa"]]), Le = (e, t) => {
+const Vs = /* @__PURE__ */ H(gs, [["render", Cs], ["__scopeId", "data-v-ef1c27fa"]]), Le = (e, t) => {
   for (const o of e) {
     if (o.value === t)
       return o;
@@ -1574,25 +1595,25 @@ const Vs = /* @__PURE__ */ H(vs, [["render", Cs], ["__scopeId", "data-v-ef1c27fa
     }
   }
   return null;
-}, Es = (e) => typeof e == "object" && e !== null && "value" in e && "label" in e, Ys = (e, t, o, s) => {
-  const r = _([]), n = _(), i = (u) => {
-    o.value ? n.value = u.map(({ value: l }) => l) : n.value = u.length > 0 ? u[0].value : null;
-  }, g = (u) => {
-    o.value ? n.value = u.map(({ value: l, label: m }) => ({ value: l, label: m })) : n.value = u.length > 0 ? { value: u[0].value, label: u[0].label } : null;
+}, Es = (e) => typeof e == "object" && e !== null && "value" in e && "label" in e, zs = (e, t, o, s) => {
+  const r = I([]), i = I(), a = (u) => {
+    o.value ? i.value = u.map(({ value: l }) => l) : i.value = u.length > 0 ? u[0].value : null;
+  }, f = (u) => {
+    o.value ? i.value = u.map(({ value: l, label: m }) => ({ value: l, label: m })) : i.value = u.length > 0 ? { value: u[0].value, label: u[0].label } : null;
   }, S = (u) => {
-    r.value = u, s?.value ? g(u) : i(u);
-  }, a = () => {
-    r.value = [], n.value = null;
+    r.value = u, s?.value ? f(u) : a(u);
+  }, n = () => {
+    r.value = [], i.value = null;
   };
-  return ge(
+  return fe(
     () => t.value,
     () => {
       if (!t.value && t.value !== 0) {
-        a();
+        n();
         return;
       }
       const u = !Array.isArray(t.value), l = [...r.value];
-      a();
+      n();
       const m = (C) => {
         if (Es(C))
           r.value.push(C);
@@ -1603,29 +1624,29 @@ const Vs = /* @__PURE__ */ H(vs, [["render", Cs], ["__scopeId", "data-v-ef1c27fa
       };
       if (u) {
         const C = t.value;
-        m(C), s?.value ? g(r.value) : i(r.value);
+        m(C), s?.value ? f(r.value) : a(r.value);
         return;
       }
-      t.value.forEach(m), s?.value ? g(r.value) : i(r.value);
+      t.value.forEach(m), s?.value ? f(r.value) : a(r.value);
     },
     { immediate: !0 }
   ), {
     // Values
     cachedSelectedListboxOptions: r,
-    cachedListboxSelectedValues: n,
+    cachedListboxSelectedValues: i,
     // Methods
-    resetCache: a,
+    resetCache: n,
     setCachedValues: S
   };
 };
 export {
   p as B,
-  Nt as C,
-  Ie as D,
+  Pt as C,
+  _e as D,
   le as a,
   Vs as b,
   rs as c,
   We as d,
-  Ys as u
+  zs as u
 };
-//# sourceMappingURL=use-cached-selected-values.ClEJRFAd.js.map
+//# sourceMappingURL=use-cached-selected-values.DIbfa5F1.js.map