@adyen/bento-vue3 1.89.2 → 1.91.0

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

@@ -1,112 +1,111 @@
-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 { 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 _e } from "./index.B875RXHM.js";
-import { d as gt } 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";
+import { C as Se, N as ft } from "./minus-small.CnYLTuSv.js";
+import { C as yt } 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 { 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 { B as St } from "./chip.DFldnqfz.js";
+import { C as ht } from "./chevron-down.XeE-LBV_.js";
+import { C as Ct } from "./chevron-up.Cmgl2a3x.js";
+import { g as Me } from "./generate-uid.DBWe4g6T.js";
+import { a as Et, b as Pe } from "./button-actions.DLiM8KZL.js";
+import { o as Ot } from "./resize.Bqks3WUm.js";
 import "../assets/use-cached-selected-values.css";
 const Fe = (e, t, o, s) => {
-  const r = b(
+  const i = 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);
+  ), r = 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();
+    isAllSelected: i,
+    isIndeterminate: r,
+    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);
+function Tt(e, { disabled: t, itemHeight: o, overscan: s = 5, prefixHeight: i }) {
+  const r = 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 = i?.value ?? 0, $ = Math.max(r.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 = r.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 (r.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();
+    r.value && (n.value = r.value.clientHeight, u = Ot(r.value, ({ clientHeight: k }) => {
+      n.value = k, h();
     }), h());
   }), bt(() => {
     u?.disconnect();
-  }), ge(
+  }), fe(
     () => e.value,
     () => {
       h();
     }
   ));
   const x = {
-    ref: n,
+    ref: r,
     style: { overflowY: "auto" }
   };
   return t ? {
-    containerRef: n,
+    containerRef: r,
     containerProps: x,
     // eslint-disable-next-line @typescript-eslint/no-empty-function
     onScroll: () => {
     },
     list: e
   } : {
-    containerRef: n,
+    containerRef: r,
     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 Lt = J({
   name: "bento-listbox-static-category",
   components: {
-    BentoTypography: ne
+    BentoTypography: ie
   },
   props: {
     /**
@@ -118,14 +117,14 @@ const _t = X({
     }
   }
 }), It = ["aria-label"];
-function kt(e, t, o, s, r, n) {
-  const i = I("bento-typography");
+function _t(e, t, o, s, i, r) {
+  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",
@@ -141,7 +140,7 @@ function kt(e, t, o, s, r, n) {
     ])
   ], 8, It);
 }
-const At = /* @__PURE__ */ H(_t, [["render", kt], ["__scopeId", "data-v-27c4e09a"]]), $t = X({
+const At = /* @__PURE__ */ H(Lt, [["render", _t], ["__scopeId", "data-v-27c4e09a"]]), kt = J({
   name: "bento-listbox-option",
   props: {
     /**
@@ -166,38 +165,38 @@ const At = /* @__PURE__ */ H(_t, [["render", kt], ["__scopeId", "data-v-27c4e09a
       // Values
       conditionalClasses: o,
       // Events
-      onClick: (n) => {
-        t(p.CLICK, n);
+      onClick: (r) => {
+        t(p.CLICK, r);
       },
-      onOptionSelected: (n, i) => {
-        t(n, i);
+      onOptionSelected: (r, a) => {
+        t(r, a);
       }
     };
   }
 });
-function Dt(e, t, o, s, r, n) {
+function $t(e, t, o, s, i, r) {
   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;
-const Bt = {
+const Ce = /* @__PURE__ */ H(kt, [["render", $t], ["__scopeId", "data-v-1495b1db"]]);
+let Ne = 0;
+const Dt = {
   beforeCreate() {
-    this.uuid = Me.toString(), Me += 1;
+    this.uuid = Ne.toString(), Ne += 1;
   }
-}, Rt = { key: 0 };
-function Pt(e, t, o, s, r, n) {
+}, Bt = { key: 0 };
+function Rt(e, t, o, s, i, r) {
   return d(), y("svg", w({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -205,19 +204,19 @@ function Pt(e, t, o, s, r, n) {
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (d(), y("title", Rt, V(e.$attrs["svg-title"]), 1)) : q("", !0),
+    e.$attrs["svg-title"] ? (d(), y("title", Bt, V(e.$attrs["svg-title"]), 1)) : q("", !0),
     t[0] || (t[0] = G("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 Nt = /* @__PURE__ */ H(Bt, [["render", Pt]]), Mt = X({
+const Mt = /* @__PURE__ */ H(Dt, [["render", Rt]]), Pt = J({
   name: "bento-listbox-single-select-option",
   components: {
     BentoListboxOption: Ce,
-    BentoTypography: ne,
-    CheckmarkIcon: Nt
+    BentoTypography: ie,
+    CheckmarkIcon: Mt
   },
   props: {
     /**
@@ -239,45 +238,45 @@ 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), i = b(() => e.selected ? !0 : null), r = b(() => e.disabled ? -1 : 0);
     return {
       // Values
       ariaDisabled: s,
-      ariaSelected: r,
-      tabIndex: n,
+      ariaSelected: i,
+      tabIndex: r,
       // Enums
       BentoListboxEvent: p,
       // Events
       onOptionSelected: o
     };
   }
-}), 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, {
+}), Nt = { class: "b-listbox-single-select-option__text" }, wt = { class: "b-listbox-single-select-option__check-icon" };
+function Gt(e, t, o, s, i, r) {
+  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" }, {
+        G("span", Nt, [
+          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"
@@ -289,17 +288,17 @@ function xt(e, t, o, s, r, n) {
           })) : q("", !0)
         ])
       ], !0),
-      G("span", Gt, [
-        ae(M(g, { "svg-title": "selected" }, null, 512), [
-          [Ye, e.selected]
+      G("span", wt, [
+        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 xt = /* @__PURE__ */ H(Pt, [["render", Gt], ["__scopeId", "data-v-4f41af07"]]), Ke = ({ items: e }, t) => {
+  const o = b(() => e.value.length - 1), s = I(0), i = (m) => {
     switch (m) {
       case "increase":
         s.value += 1;
@@ -308,18 +307,18 @@ const Vt = /* @__PURE__ */ H(Mt, [["render", xt], ["__scopeId", "data-v-4f41af07
         s.value -= 1;
         break;
     }
-  }, n = ({ edgeCaseItem: m }, C) => {
-    s.value !== m && (r(C), t(s.value));
-  }, i = (m) => {
-    l(m), n(
+  }, r = ({ edgeCaseItem: m }, C) => {
+    s.value !== m && (i(C), t(s.value));
+  }, a = (m) => {
+    l(m), r(
       {
         edgeCaseItem: o.value
       },
       "increase"
       /* INCREASE */
     );
-  }, g = (m) => {
-    l(m), n(
+  }, f = (m) => {
+    l(m), r(
       {
         edgeCaseItem: 0
       },
@@ -328,7 +327,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,37 +336,37 @@ 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 i = I([]), r = 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}"]`));
+    i.value = s ? a.filter((f) => f.checkVisibility()) : a;
   };
-  return ge(
+  return fe(
     t,
     () => {
-      Ue(() => {
-        n();
+      Ye(() => {
+        r();
       });
     },
     { immediate: !0 }
   ), {
-    visibleDomOptions: r,
-    updateVisibleDomOptions: n
+    visibleDomOptions: i,
+    updateVisibleDomOptions: r
   };
-}, Yt = X({
+}, Vt = J({
   name: "bento-listbox-single-select",
   components: {
     BentoListboxSingleSelectCategory: At,
-    BentoListboxSingleSelectOption: Vt
+    BentoListboxSingleSelectOption: xt
   },
   directives: { BentoKeyboardNavigationDirective: he },
   inheritAttrs: !1,
@@ -411,24 +410,24 @@ const Vt = /* @__PURE__ */ H(Mt, [["render", xt], ["__scopeId", "data-v-4f41af07
     staticCategories: { type: Boolean, default: !1 }
   },
   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(
+  setup(e, { emit: t, expose: o, slots: s, attrs: i }) {
+    const r = 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()
+        "aria-label": i["aria-label"]?.toString(),
+        "aria-busy": i["aria-busy"]?.toString(),
+        "aria-atomic": i["aria-atomic"]?.toString(),
+        "aria-live": i["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(r, 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 +449,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: r,
+      listboxItemRef: a,
+      selectedItem: f,
       slots: s,
       ariaAttributes: S,
       // Computed
-      hasCategories: a,
+      hasCategories: n,
       // Methods
       onOptionSelected: u,
       // Keyboard navigation
@@ -475,15 +474,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 zt(e, t, o, s, i, r) {
+  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 +490,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 +500,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 +520,14 @@ function Ut(e, t, o, s, r, n) {
     [S]
   ]);
 }
-const zt = /* @__PURE__ */ H(Yt, [["render", Ut]]);
+const Yt = /* @__PURE__ */ H(Vt, [["render", zt]]);
 let we = 0;
-const Ft = {
+const Ut = {
   beforeCreate() {
     this.uuid = we.toString(), we += 1;
   }
-}, Kt = { key: 0 };
-function Wt(e, t, o, s, r, n) {
+}, Ft = { key: 0 };
+function Kt(e, t, o, s, i, r) {
   return d(), y("svg", w({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -536,7 +535,7 @@ function Wt(e, t, o, s, r, n) {
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (d(), y("title", Kt, V(e.$attrs["svg-title"]), 1)) : q("", !0),
+    e.$attrs["svg-title"] ? (d(), y("title", Ft, V(e.$attrs["svg-title"]), 1)) : q("", !0),
     t[0] || (t[0] = G("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"
@@ -547,8 +546,8 @@ function Wt(e, t, o, s, r, n) {
     }, null, -1))
   ], 16);
 }
-const Ht = /* @__PURE__ */ H(Ft, [["render", Wt]]), jt = {}, qt = /* @__PURE__ */ X({
-  ...jt,
+const Wt = /* @__PURE__ */ H(Ut, [["render", Kt]]), Ht = {}, jt = /* @__PURE__ */ J({
+  ...Ht,
   __name: "decorative-checkbox",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -564,47 +563,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 (i, r) => (d(), y("div", {
+      class: ve(["b-checkbox-input", o.value]),
       role: "presentation"
     }, [
-      r.indeterminate ? (d(), k(B(St), {
+      i.indeterminate ? (d(), A(B(ft), {
         key: 0,
         class: "b-checkbox-input__icon",
         "svg-title": "",
         "aria-hidden": "true"
-      })) : r.allSelected ? (d(), k(B(Ht), {
+      })) : i.allSelected ? (d(), A(B(Wt), {
         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), {
+      })) : i.checked ? (d(), A(B(yt), {
         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"]]);
+}), Ae = /* @__PURE__ */ H(jt, [["__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} 已打开" }
+}, qt = J({
   i18n: { messages: Ge },
   name: "bento-listbox-multi-select-category",
   components: {
-    BentoTypography: ne,
+    BentoTypography: ie,
     BentoListboxOption: Ce,
-    ChevronDownIcon: Et,
-    ChevronUpIcon: Ot,
-    DecorativeCheckbox: Ie
+    ChevronDownIcon: ht,
+    ChevronUpIcon: Ct,
+    DecorativeCheckbox: Ae
   },
   props: {
     /**
@@ -655,54 +661,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 } = _e({ messages: Ge }), i = Me("category-group"), r = 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,
+      categoryGroupId: i,
+      categoryNameId: r,
       // Computed
-      showItemChildren: a,
+      showItemChildren: n,
       ariaCheckedComputed: D,
       // Methods
       handleSelectAll: re,
@@ -710,17 +716,17 @@ const Ge = {
       toggleSelectAll: O
     };
   }
-}), Xt = { class: "b-listbox-multi-select-category__label" }, Zt = {
+}), Xt = { class: "b-listbox-multi-select-category__label" }, Jt = {
   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");
+}, Zt = { class: "b-listbox-multi-select-category__label" }, Qt = ["id", "aria-label"];
+function es(e, t, o, s, i, r) {
+  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, {
+    e.isStaticCategory ? (d(), y("div", Jt, [
+      G("span", Zt, [
+        N(f, {
           el: "span",
           variant: "caption",
           class: "b-listbox-multi-select-category__label-text"
@@ -731,9 +737,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 +750,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, {
+          N(f, {
             id: e.categoryNameId,
             el: "span",
             class: "b-listbox-multi-select-category__label-text"
@@ -771,12 +777,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 +791,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]
+    ], 8, Qt), [
+      [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 ts = /* @__PURE__ */ H(qt, [["render", es], ["__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 ss = J({
   name: "listbox-multi-select-options",
   components: {
     BentoListboxOption: Ce,
-    BentoTypography: ne,
-    ListboxMultiSelectCategory: ss,
-    DecorativeCheckbox: Ie
+    BentoTypography: ie,
+    ListboxMultiSelectCategory: ts,
+    DecorativeCheckbox: Ae
   },
   inheritAttrs: !1,
   props: {
@@ -874,23 +880,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, i = (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);
+    }, r = (n) => n.items ? !!n.items.find((u) => e.selectedItemsList.includes(u.value)) : e.selectedItemsList.includes(n.value), a = (n) => {
+      if (s(n)) {
+        const u = r(n) ? X.UNSELECT_CATEGORY : X.SELECT_CATEGORY;
+        t(u, n);
       } else
-        o(a);
+        o(n);
     };
     return {
       // Values
@@ -899,26 +905,26 @@ const ls = X({
         "b-listbox-multi-select-options__category-option": e.categoryItems
       })),
       // Methods
-      isOptionSelected: n,
-      shouldShowDescription: r,
+      isOptionSelected: r,
+      shouldShowDescription: i,
       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");
+}), ls = { class: "b-listbox-multi-select__option-text" }, os = { class: "b-listbox-multi-select__option-text" };
+function as(e, t, o, s, i, r) {
+  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 +933,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" }, {
+            G("span", ls, [
+              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 +963,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 +975,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 +990,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 +1001,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", os, [
+                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,22 +1035,29 @@ function as(e, t, o, s, r, n) {
     ]))), 128))
   ]);
 }
-const ns = /* @__PURE__ */ H(ls, [["render", as], ["__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);
+const ns = /* @__PURE__ */ H(ss, [["render", as], ["__scopeId", "data-v-237dfc58"]]), is = (e) => {
+  const t = b(() => !!e.value?.find(({ items: s }) => !!s)), o = b(() => t.value ? e.value?.reduce((s, i) => (i.items ? s.push(...i.items.flat()) : s.push(i), 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})" }
-}, cs = { key: 0 }, ds = ["role"], us = {
+  "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}）个" }
+}, rs = { key: 0 }, cs = ["role"], ds = {
   key: 1,
   class: "b-listbox-multi-select__divider",
   "aria-hidden": "true"
-}, bs = { i18n: { messages: je } }, ms = /* @__PURE__ */ X({
-  ...bs,
+}, us = { i18n: { messages: je } }, bs = /* @__PURE__ */ J({
+  ...us,
   __name: "listbox-multi-select",
   props: {
     hasMoreItems: { type: Boolean, default: !1 },
@@ -1057,7 +1070,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, i = o, { t: r, n: a } = _e({ messages: je }), f = mt(), S = pt(), n = b(
       () => ({
         "aria-label": S["aria-label"]?.toString(),
         "aria-busy": S["aria-busy"]?.toString(),
@@ -1065,77 +1078,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 } = is(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 ? r("selectAll", { total: a(c) }) : g === v ? r("allSelected", { total: a(v) }) : g <= v ? r("numberOfTotalSelected", { number: a(g), total: a(v) }) : r("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));
+      i("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));
+      i("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 = () => {
+    ), ke = 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);
+    }, $e = (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), i(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;
+    }), Le = 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,69 +1157,69 @@ 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;
+      let c = Le.value ? 1 : 0;
+      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
+      Ze.value ? (d(), y("div", rs, [
+        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(St), {
               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 ? $e(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)), [
+        Le.value ? (d(), A(B(Ce), {
           key: 0,
           ref_key: "selectAllListboxItemsRef",
           ref: l,
@@ -1217,24 +1230,24 @@ const ns = /* @__PURE__ */ H(ls, [["render", as], ["__scopeId", "data-v-237dfc58
           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(Ae), {
+              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
             })
           ]),
           _: 1
         }, 8, ["tabindex", "aria-selected", "aria-checked", "role"])) : q("", !0),
-        $e.value ? (d(), y("hr", us)) : q("", !0),
-        M(B(ns), {
+        Le.value ? (d(), y("hr", ds)) : q("", !0),
+        N(B(ns), {
           ref_key: "listboxItemsRef",
           ref: C,
           items: c.items,
@@ -1246,39 +1259,51 @@ 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: $e,
           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"])
-      ], 16, ds)), [
+      ], 16, cs)), [
         [B(he)]
       ])
     ], 512));
   }
-}), xe = /* @__PURE__ */ H(ms, [["__scopeId", "data-v-d170602c"]]), Ve = {
+}), xe = /* @__PURE__ */ H(bs, [["__scopeId", "data-v-4abd31b6"]]), ms = (e, t = 300) => {
+  let o;
+  return (...i) => {
+    o && clearTimeout(o), o = setTimeout(() => e(...i), t);
+  };
+}, 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: Yt,
     BentoListboxMultiSelect: xe,
-    BentoTypography: ne,
-    BentoLoadingIndicator: vt,
-    BentoLoadingButton: Tt
+    BentoTypography: ie,
+    BentoLoadingIndicator: gt,
+    BentoLoadingButton: Et
   },
   directives: { BentoKeyboardNavigationDirective: he },
   i18n: { messages: Ve },
@@ -1390,23 +1415,23 @@ 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([]), i = pe(e, "items"), { t: r } = _e({ 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,
       wrapperProps: C
-    } = Lt(r, {
+    } = Tt(i, {
       itemHeight: S(),
       // 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 +1440,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 = ms(() => {
+      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 ? r("loading") : r("showMore")), Ee = b(() => ({
       ...e.emptyState,
       variant: "condensed"
     })), Oe = {
@@ -1445,18 +1470,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 +1489,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 +1508,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, i, r) {
+  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 +1521,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 +1534,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 +1545,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 +1560,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 +1569,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,77 +1580,78 @@ 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 xs = /* @__PURE__ */ H(gs, [["render", Cs], ["__scopeId", "data-v-ef1c27fa"]]), Ie = (e, t) => {
   for (const o of e) {
     if (o.value === t)
       return o;
     if (o.items) {
-      const s = Le(o.items, t);
+      const s = Ie(o.items, t);
       if (s)
         return s;
     }
   }
   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, Vs = (e, t, o, s) => {
+  const i = I([]), r = I(), a = (u) => {
+    o.value ? r.value = u.map(({ value: l }) => l) : r.value = u.length > 0 ? u[0].value : null;
+  }, f = (u) => {
+    o.value ? r.value = u.map(({ value: l, label: m }) => ({ value: l, label: m })) : r.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;
+    i.value = u, s?.value ? f(u) : a(u);
+  }, n = () => {
+    i.value = [], r.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();
+      const u = !Array.isArray(t.value), l = [...i.value];
+      n();
       const m = (C) => {
         if (Es(C))
-          r.value.push(C);
+          i.value.push(C);
         else {
-          let h = Le(e.value, C);
-          h || (h = Le(l, C)), h || (h = { value: C, label: C.toString() }), r.value.push(h);
+          let h = Ie(e.value, C);
+          h || (h = Ie(l, C)), h || (h = { value: C, label: C.toString() }), i.value.push(h);
         }
       };
       if (u) {
         const C = t.value;
-        m(C), s?.value ? g(r.value) : i(r.value);
+        m(C), s?.value ? f(i.value) : a(i.value);
         return;
       }
-      t.value.forEach(m), s?.value ? g(r.value) : i(r.value);
+      t.value.forEach(m), s?.value ? f(i.value) : a(i.value);
     },
     { immediate: !0 }
   ), {
     // Values
-    cachedSelectedListboxOptions: r,
-    cachedListboxSelectedValues: n,
+    cachedSelectedListboxOptions: i,
+    cachedListboxSelectedValues: r,
     // Methods
-    resetCache: a,
+    resetCache: n,
     setCachedValues: S
   };
 };
 export {
   p as B,
-  Nt as C,
-  Ie as D,
+  Mt as C,
+  Ae as D,
   le as a,
-  Vs as b,
-  rs as c,
-  We as d,
-  Ys as u
+  xs as b,
+  is as c,
+  ms as d,
+  We as e,
+  Vs as u
 };
-//# sourceMappingURL=use-cached-selected-values.ClEJRFAd.js.map
+//# sourceMappingURL=use-cached-selected-values.Bx8uuky9.js.map