@adyen/bento-vue3 1.60.1 → 1.61.0

package/dist/chunks/{use-cached-selected-values.Ber7lUiH.js → use-cached-selected-values.CRwxKmxX.js}

@@ -1,112 +1,112 @@
-import { computed as p, ref as M, onMounted as Ae, onUnmounted as Ke, watch as Ie, defineComponent as X, resolveComponent as $, createElementBlock as T, openBlock as d, createVNode as P, createElementVNode as K, withCtx as I, createTextVNode as z, toDisplayString as G, renderSlot as Y, mergeProps as U, withKeys as ve, createCommentVNode as W, createBlock as D, withModifiers as qe, normalizeProps as le, guardReactiveProps as re, withDirectives as oe, vShow as $e, toRef as Z, resolveDirective as ke, toHandlers as Q, Fragment as ee, renderList as F, createSlots as ce, normalizeClass as fe, useSlots as je, unref as N, normalizeStyle as He } from "vue";
-import { B as x, a as de } from "./keyboard-navigation.CqgGzfZQ.js";
+import { computed as g, ref as P, onMounted as Ae, onUnmounted as Ke, watch as Ie, defineComponent as X, resolveComponent as k, createElementBlock as O, openBlock as m, createVNode as M, createElementVNode as K, withCtx as $, createTextVNode as Y, toDisplayString as z, renderSlot as F, mergeProps as U, withKeys as ve, createCommentVNode as V, createBlock as D, withModifiers as qe, normalizeProps as le, guardReactiveProps as re, withDirectives as oe, vShow as $e, toRef as Z, resolveDirective as ke, toHandlers as Q, Fragment as ee, renderList as W, createSlots as ce, normalizeClass as fe, useSlots as je, unref as N, normalizeStyle as He } from "vue";
+import { B as G, a as de } from "./keyboard-navigation.CqgGzfZQ.js";
 import "./events.FNmSWp_P.js";
 import { B as ne } from "./typography.DN5eC5ch.js";
 import { B as Xe } from "./loading-indicator.DEepb9Wl.js";
-import { B as Je } from "./empty-state.BGWjUH6G.js";
+import { B as Je } from "./empty-state.CEphUdux.js";
 import { u as ye } from "./i18n.B6g5VX0q.js";
 import { d as Ze } from "./debounce.DUTu11PS.js";
 import { B as Se } from "./checkbox.B-jC5L05.js";
 import { B as Qe } from "./chip.BVCzNGaI.js";
 import { _ as q } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import { C as et, a as tt } from "./chevron-up.-0oLlHmh.js";
-import { d as st, e as _e } from "./button-actions.1MReMMnL.js";
+import { d as st, e as _e } from "./button-actions.Cr5gxSXb.js";
 /* empty css              */
 import { o as lt } from "./resize.Bqks3WUm.js";
 import "../assets/use-cached-selected-values.css";
-const Be = (e, t, s, r) => {
-  const b = p(
+const Be = (e, s, t, c) => {
+  const r = g(
     () => {
-      var m, g;
-      return !!((m = e.value) != null && m.length) && ((g = e.value) == null ? void 0 : g.length) === t.value.length;
+      var v, S;
+      return !!((v = e.value) != null && v.length) && ((S = e.value) == null ? void 0 : S.length) === s.value.length;
     }
-  ), a = p(() => {
-    var m;
-    return e.value == null || e.value.length === 0 ? !1 : ((m = e.value) == null ? void 0 : m.length) !== t.value.length;
+  ), a = g(() => {
+    var v;
+    return e.value == null || e.value.length === 0 ? !1 : ((v = e.value) == null ? void 0 : v.length) !== s.value.length;
   });
   return {
-    isAllSelected: b,
+    isAllSelected: r,
     isIndeterminate: a,
-    toggleSelectAll: (m) => {
-      m ? s() : r();
+    toggleSelectAll: (v) => {
+      v ? t() : c();
     }
   };
 };
-function ot(e, { disabled: t, itemHeight: s, overscan: r = 5, prefixHeight: b }) {
-  const a = M(null), l = M([]), m = M(0), g = M(0), n = M(0);
-  let v;
-  const o = p(() => {
-    const S = typeof s == "number" ? e.value.length * s : e.value.reduce((R, C, A) => R + s(A), 0), O = typeof s == "number" ? m.value * s : e.value.slice(0, m.value).reduce((R, C, A) => R + s(A), 0);
+function ot(e, { disabled: s, itemHeight: t, overscan: c = 5, prefixHeight: r }) {
+  const a = P(null), l = P([]), v = P(0), S = P(0), o = P(0);
+  let i;
+  const n = g(() => {
+    const y = typeof t == "number" ? e.value.length * t : e.value.reduce((R, h, I) => R + t(I), 0), A = typeof t == "number" ? v.value * t : e.value.slice(0, v.value).reduce((R, h, I) => R + t(I), 0);
     return {
       style: {
-        marginTop: `${O}px`,
-        height: `${S - O}px`
+        marginTop: `${A}px`,
+        height: `${y - A}px`
       }
     };
-  }), h = () => {
-    const S = (b == null ? void 0 : b.value) ?? 0, O = Math.max(a.value.scrollTop - S, 0);
-    if (typeof s == "number")
-      return Math.floor(O / s);
-    let R = 0, C = 0;
-    for (let A = 0; A < e.value.length; A += 1) {
-      const V = s(A);
-      if (R += V, R >= O) {
-        C = A;
+  }), E = () => {
+    const y = (r == null ? void 0 : r.value) ?? 0, A = Math.max(a.value.scrollTop - y, 0);
+    if (typeof t == "number")
+      return Math.floor(A / t);
+    let R = 0, h = 0;
+    for (let I = 0; I < e.value.length; I += 1) {
+      const x = t(I);
+      if (R += x, R >= A) {
+        h = I;
         break;
       }
     }
-    return C;
-  }, L = () => {
-    if (n.value = a.value.clientHeight, typeof s == "number")
-      return Math.ceil(n.value / s);
-    const S = m.value ?? 0;
-    let O = 0, R = 0;
-    for (let C = S; C < e.value.length; C += 1) {
-      const A = s(C);
-      if (O += A, R = C, O > n.value)
+    return h;
+  }, C = () => {
+    if (o.value = a.value.clientHeight, typeof t == "number")
+      return Math.ceil(o.value / t);
+    const y = v.value ?? 0;
+    let A = 0, R = 0;
+    for (let h = y; h < e.value.length; h += 1) {
+      const I = t(h);
+      if (A += I, R = h, A > o.value)
         break;
     }
-    return R - S;
-  }, k = () => {
+    return R - y;
+  }, L = () => {
     if (a.value) {
-      const S = L();
-      m.value = h(), g.value = Math.min(m.value + S + r, e.value.length), l.value = e.value.slice(m.value, g.value);
+      const y = C();
+      v.value = E(), S.value = Math.min(v.value + y + c, e.value.length), l.value = e.value.slice(v.value, S.value);
     }
   }, B = () => {
-    k();
+    L();
   };
-  t || (Ae(() => {
-    a.value && (n.value = a.value.clientHeight, v = lt(a.value, ({ clientHeight: S }) => {
-      n.value = S, k();
-    }), k());
+  s || (Ae(() => {
+    a.value && (o.value = a.value.clientHeight, i = lt(a.value, ({ clientHeight: y }) => {
+      o.value = y, L();
+    }), L());
   }), Ke(() => {
-    v == null || v.disconnect();
+    i == null || i.disconnect();
   }), Ie(
     () => e.value,
     () => {
-      k();
+      L();
     }
   ));
-  const y = {
+  const p = {
     ref: a,
     style: { overflowY: "auto" }
   };
-  return t ? {
+  return s ? {
     containerRef: a,
-    containerProps: y,
+    containerProps: p,
     // eslint-disable-next-line @typescript-eslint/no-empty-function
     onScroll: () => {
     },
     list: e
   } : {
     containerRef: a,
-    containerProps: y,
+    containerProps: p,
     onScroll: B,
     list: l,
-    wrapperProps: o
+    wrapperProps: n
   };
 }
-var u = /* @__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))(u || {}), se = /* @__PURE__ */ ((e) => (e.AUTOMATIC = "automatic", e.BUTTON = "button", e.NONE = "none", e))(se || {});
+var b = /* @__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))(b || {}), se = /* @__PURE__ */ ((e) => (e.AUTOMATIC = "automatic", e.BUTTON = "button", e.NONE = "none", e))(se || {});
 const nt = X({
   name: "bento-listbox-static-category",
   components: {
@@ -121,26 +121,26 @@ const nt = X({
       required: !0
     }
   }
-}), at = { class: "b-listbox-single-select-category" };
-function it(e, t, s, r, b, a) {
-  const l = $("bento-typography");
-  return d(), T("div", at, [
-    P(l, {
+}), it = { class: "b-listbox-single-select-category" };
+function at(e, s, t, c, r, a) {
+  const l = k("bento-typography");
+  return m(), O("div", it, [
+    M(l, {
       variant: "caption",
       el: "span",
       class: "b-listbox-single-select-category__label-text"
     }, {
-      default: I(() => [
-        z(G(e.categoryLabel), 1)
+      default: $(() => [
+        Y(z(e.categoryLabel), 1)
       ]),
       _: 1
     }),
     K("div", null, [
-      Y(e.$slots, "default", {}, void 0, !0)
+      F(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const rt = /* @__PURE__ */ q(nt, [["render", it], ["__scopeId", "data-v-a90eff17"]]), ct = X({
+const rt = /* @__PURE__ */ q(nt, [["render", at], ["__scopeId", "data-v-a90eff17"]]), ct = X({
   name: "bento-listbox-option",
   props: {
     /**
@@ -152,41 +152,41 @@ const rt = /* @__PURE__ */ q(nt, [["render", it], ["__scopeId", "data-v-a90eff17
      */
     selected: { type: Boolean, default: !1 }
   },
-  emits: [u.CLICK, u.ENTER, u.SPACE, u.TAB],
-  setup(e, { emit: t }) {
-    const s = p(() => ({
+  emits: [b.CLICK, b.ENTER, b.SPACE, b.TAB],
+  setup(e, { emit: s }) {
+    const t = g(() => ({
       "b-listbox-option--disabled": e.disabled,
       "b-listbox-option--selected": e.selected
     }));
     return {
       // Enums
-      BentoKeyboardNavigationKeyDownEvent: x,
-      BentoListboxEvent: u,
+      BentoKeyboardNavigationKeyDownEvent: G,
+      BentoListboxEvent: b,
       // Values
-      conditionalClasses: s,
+      conditionalClasses: t,
       // Events
       onClick: (a) => {
-        t(u.CLICK, a);
+        s(b.CLICK, a);
       },
       onOptionSelected: (a, l) => {
-        t(a, l);
+        s(a, l);
       }
     };
   }
 });
-function ut(e, t, s, r, b, a) {
-  return d(), T("label", U({
+function ut(e, s, t, c, r, a) {
+  return m(), O("label", U({
     class: ["b-listbox-option", e.conditionalClasses],
     role: "option"
   }, e.$attrs, {
-    onClick: t[0] || (t[0] = (...l) => e.onClick && e.onClick(...l)),
+    onClick: s[0] || (s[0] = (...l) => e.onClick && e.onClick(...l)),
     onKeydown: [
-      t[1] || (t[1] = ve((l) => e.onOptionSelected(e.BentoListboxEvent.ENTER, l), ["enter"])),
-      t[2] || (t[2] = ve((l) => e.onOptionSelected(e.BentoListboxEvent.SPACE, l), ["space"])),
-      t[3] || (t[3] = ve((l) => e.onOptionSelected(e.BentoListboxEvent.TAB, l), ["tab"]))
+      s[1] || (s[1] = ve((l) => e.onOptionSelected(e.BentoListboxEvent.ENTER, l), ["enter"])),
+      s[2] || (s[2] = ve((l) => e.onOptionSelected(e.BentoListboxEvent.SPACE, l), ["space"])),
+      s[3] || (s[3] = ve((l) => e.onOptionSelected(e.BentoListboxEvent.TAB, l), ["tab"]))
     ]
   }), [
-    Y(e.$slots, "default", {}, void 0, !0)
+    F(e.$slots, "default", {}, void 0, !0)
   ], 16);
 }
 const be = /* @__PURE__ */ q(ct, [["render", ut], ["__scopeId", "data-v-18a61f5d"]]);
@@ -196,16 +196,16 @@ const dt = {
     this.uuid = Te.toString(), Te += 1;
   }
 }, bt = { key: 0 };
-function mt(e, t, s, r, b, a) {
-  return d(), T("svg", U({ role: "img" }, e.$attrs, {
+function mt(e, s, t, c, r, a) {
+  return m(), O("svg", U({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (d(), T("title", bt, G(e.$attrs["svg-title"]), 1)) : W("", !0),
-    t[0] || (t[0] = K("path", {
+    e.$attrs["svg-title"] ? (m(), O("title", bt, z(e.$attrs["svg-title"]), 1)) : V("", !0),
+    s[0] || (s[0] = K("path", {
       fill: "#00112C",
       d: "M15.0608 4.00011L14.0001 2.93945L6.00011 10.9395L2.00011 6.93945L0.939453 8.00011L6.00011 13.0608L15.0608 4.00011Z"
     }, null, -1))
@@ -236,60 +236,60 @@ const vt = /* @__PURE__ */ q(dt, [["render", mt]]), ft = X({
      */
     selected: { type: Boolean, default: !1 }
   },
-  emits: [u.ENTER, u.SELECT, u.SPACE, u.TAB],
-  setup(e, { emit: t }) {
-    const s = (l) => {
-      e.disabled || t(l, e.option);
-    }, r = p(() => e.disabled ? !0 : null), b = p(() => e.selected ? !0 : null), a = p(() => e.disabled ? -1 : 0);
+  emits: [b.ENTER, b.SELECT, b.SPACE, b.TAB],
+  setup(e, { emit: s }) {
+    const t = (l) => {
+      e.disabled || s(l, e.option);
+    }, c = g(() => e.disabled ? !0 : null), r = g(() => e.selected ? !0 : null), a = g(() => e.disabled ? -1 : 0);
     return {
       // Values
-      ariaDisabled: r,
-      ariaSelected: b,
+      ariaDisabled: c,
+      ariaSelected: r,
       tabIndex: a,
       // Enums
-      BentoListboxEvent: u,
+      BentoListboxEvent: b,
       // Events
-      onOptionSelected: s
+      onOptionSelected: t
     };
   }
 }), gt = { class: "b-listbox-single-select-option__text" }, pt = { class: "b-listbox-single-select-option__check-icon" };
-function yt(e, t, s, r, b, a) {
-  const l = $("bento-typography"), m = $("checkmark-icon"), g = $("bento-listbox-option");
-  return d(), D(g, {
+function yt(e, s, t, c, r, a) {
+  const l = k("bento-typography"), v = k("checkmark-icon"), S = k("bento-listbox-option");
+  return m(), D(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] = (n) => e.onOptionSelected(e.BentoListboxEvent.SELECT)),
-    onEnterPressed: t[1] || (t[1] = (n) => e.onOptionSelected(e.BentoListboxEvent.ENTER)),
-    onSpacePressed: t[2] || (t[2] = qe((n) => e.onOptionSelected(e.BentoListboxEvent.SPACE), ["prevent"])),
-    onTabPressed: t[3] || (t[3] = (n) => e.onOptionSelected(e.BentoListboxEvent.TAB))
+    onClick: s[0] || (s[0] = (o) => e.onOptionSelected(e.BentoListboxEvent.SELECT)),
+    onEnterPressed: s[1] || (s[1] = (o) => e.onOptionSelected(e.BentoListboxEvent.ENTER)),
+    onSpacePressed: s[2] || (s[2] = qe((o) => e.onOptionSelected(e.BentoListboxEvent.SPACE), ["prevent"])),
+    onTabPressed: s[3] || (s[3] = (o) => e.onOptionSelected(e.BentoListboxEvent.TAB))
   }, {
-    default: I(() => [
-      Y(e.$slots, "default", le(re(e.option)), () => [
+    default: $(() => [
+      F(e.$slots, "default", le(re(e.option)), () => [
         K("span", gt, [
-          P(l, { el: "span" }, {
-            default: I(() => [
-              z(G(e.option.label), 1)
+          M(l, { el: "span" }, {
+            default: $(() => [
+              Y(z(e.option.label), 1)
             ]),
             _: 1
           }),
-          e.option.description ? (d(), D(l, {
+          e.option.description ? (m(), D(l, {
             key: 0,
             class: "b-listbox-single-select-option__description",
             el: "span"
           }, {
-            default: I(() => [
-              z(G(e.option.description), 1)
+            default: $(() => [
+              Y(z(e.option.description), 1)
             ]),
             _: 1
-          })) : W("", !0)
+          })) : V("", !0)
         ])
       ], !0),
       K("span", pt, [
-        oe(P(m, { "svg-title": "selected" }, null, 512), [
+        oe(M(v, { "svg-title": "selected" }, null, 512), [
           [$e, e.selected]
         ])
       ])
@@ -297,19 +297,19 @@ function yt(e, t, s, r, b, a) {
     _: 3
   }, 8, ["disabled", "selected", "aria-selected", "aria-disabled", "tabindex"]);
 }
-const St = /* @__PURE__ */ q(ft, [["render", yt], ["__scopeId", "data-v-226f4c84"]]), Re = ({ items: e, isOptionDisabled: t, hasStaticCategories: s }, r) => {
-  const b = p(
-    () => s.value ? e.value.flatMap((y) => y.items) : e.value
-  ), a = p(() => b.value.length - 1), l = M(0);
+const St = /* @__PURE__ */ q(ft, [["render", yt], ["__scopeId", "data-v-226f4c84"]]), Re = ({ items: e, isOptionDisabled: s, hasStaticCategories: t }, c) => {
+  const r = g(
+    () => t.value ? e.value.flatMap((p) => p.items) : e.value
+  ), a = g(() => r.value.length - 1), l = P(0);
   Ae(() => {
-    t && (l.value = e.value.findIndex((y) => !t(y)));
+    s && (l.value = e.value.findIndex((p) => !s(p)));
   });
-  const m = (y) => {
-    var R, C;
-    const O = ((C = (R = e.value[y]) == null ? void 0 : R.items) == null ? void 0 : C.length) ? e.value[y].items.every((A) => t(A)) : t(e.value[y]);
-    return !t || !!t && O;
-  }, g = (y) => {
-    switch (y) {
+  const v = (p) => {
+    var R, h;
+    const A = ((h = (R = e.value[p]) == null ? void 0 : R.items) == null ? void 0 : h.length) ? e.value[p].items.every((I) => s(I)) : s(e.value[p]);
+    return !s || !!s && A;
+  }, S = (p) => {
+    switch (p) {
       case "increase":
         l.value += 1;
         break;
@@ -317,42 +317,42 @@ const St = /* @__PURE__ */ q(ft, [["render", yt], ["__scopeId", "data-v-226f4c84
         l.value -= 1;
         break;
     }
-  }, n = ({ edgeCaseItem: y }, S, O) => {
-    l.value !== y && (g(O), m(l.value) && S(), r(l.value));
-  }, v = (y) => {
-    B(y), n(
+  }, o = ({ edgeCaseItem: p }, y, A) => {
+    l.value !== p && (S(A), v(l.value) && y(), c(l.value));
+  }, i = (p) => {
+    B(p), o(
       {
         edgeCaseItem: a.value
       },
-      v,
+      i,
       "increase"
       /* INCREASE */
     );
-  }, o = (y) => {
-    B(y), n(
+  }, n = (p) => {
+    B(p), o(
       {
         edgeCaseItem: 0
       },
-      o,
+      n,
       "decrease"
       /* DECREASE */
     );
-  }, h = () => {
-    l.value = 0, m(l.value) ? v() : r(l.value);
-  }, L = () => {
-    l.value = a.value, m(l.value) ? o() : r(l.value);
-  }, k = (y) => {
-    l.value = y;
-  }, B = (y) => {
-    var S;
-    (S = y == null ? void 0 : y.detail) == null || S.preventDefault();
+  }, E = () => {
+    l.value = 0, v(l.value) ? i() : c(l.value);
+  }, C = () => {
+    l.value = a.value, v(l.value) ? n() : c(l.value);
+  }, L = (p) => {
+    l.value = p;
+  }, B = (p) => {
+    var y;
+    (y = p == null ? void 0 : p.detail) == null || y.preventDefault();
   };
   return {
-    moveToFirstElement: h,
-    moveToLastElement: L,
-    moveToNextElement: v,
-    moveToPreviousElement: o,
-    setListboxFocusedIndex: k,
+    moveToFirstElement: E,
+    moveToLastElement: C,
+    moveToNextElement: i,
+    moveToPreviousElement: n,
+    setListboxFocusedIndex: L,
     preventDefault: B,
     focusedIndex: l
   };
@@ -403,41 +403,41 @@ const St = /* @__PURE__ */ q(ft, [["render", yt], ["__scopeId", "data-v-226f4c84
      */
     staticCategories: { type: Boolean, default: !1 }
   },
-  emits: [u.SELECT, u.ENTER, u.SPACE, u.TAB],
-  setup(e, { emit: t, expose: s, slots: r }) {
-    const b = M(null), a = M([]), l = p(() => {
-      var S;
-      return !!((S = e.selectedValue) != null && S.length) && e.selectedValue.at(0);
-    }), m = p(() => !!e.items.some(({ items: S }) => !!S)), g = (S) => (O) => {
-      t(S, [O]);
-    }, n = (S) => {
-      var O;
-      (O = b.value.querySelectorAll('[role="option"]')[S]) == null || O.focus();
+  emits: [b.SELECT, b.ENTER, b.SPACE, b.TAB],
+  setup(e, { emit: s, expose: t, slots: c }) {
+    const r = P(null), a = P([]), l = g(() => {
+      var y;
+      return !!((y = e.selectedValue) != null && y.length) && e.selectedValue.at(0);
+    }), v = g(() => !!e.items.some(({ items: y }) => !!y)), S = (y) => (A) => {
+      s(y, [A]);
+    }, o = (y) => {
+      var A;
+      (A = r.value.querySelectorAll('[role="option"]')[y]) == null || A.focus();
     }, {
-      moveToNextElement: v,
-      moveToPreviousElement: o,
-      moveToFirstElement: h,
-      moveToLastElement: L,
-      setListboxFocusedIndex: k
+      moveToNextElement: i,
+      moveToPreviousElement: n,
+      moveToFirstElement: E,
+      moveToLastElement: C,
+      setListboxFocusedIndex: L
     } = Re(
       {
         items: Z(e, "items"),
         isOptionDisabled: e.isOptionDisabled,
         hasStaticCategories: Z(e, "staticCategories")
       },
-      n
+      o
     ), B = {
-      [x.ARROW_UP]: o,
-      [x.ARROW_DOWN]: v,
-      [x.HOME]: h,
-      [x.END]: L
-    }, y = {
-      [u.SELECT]: g(u.SELECT),
-      [u.SPACE]: g(u.SPACE),
-      [u.TAB]: g(u.TAB),
-      [u.ENTER]: g(u.ENTER)
+      [G.ARROW_UP]: n,
+      [G.ARROW_DOWN]: i,
+      [G.HOME]: E,
+      [G.END]: C
+    }, p = {
+      [b.SELECT]: S(b.SELECT),
+      [b.SPACE]: S(b.SPACE),
+      [b.TAB]: S(b.TAB),
+      [b.ENTER]: S(b.ENTER)
     };
-    return s({
+    return t({
       /**
        * Reference for a single listbox item.
        * Required for keyboard navigation in dropdown as $children is removed in vue@3
@@ -447,74 +447,74 @@ const St = /* @__PURE__ */ q(ft, [["render", yt], ["__scopeId", "data-v-226f4c84
        * 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: k
+      setListboxFocusedIndex: L
     }), {
       // Enums
-      BentoListboxEvent: u,
+      BentoListboxEvent: b,
       // Values
-      listboxRef: b,
+      listboxRef: r,
       listboxItemRef: a,
       selectedItem: l,
-      slots: r,
+      slots: c,
       // Computed
-      hasCategories: m,
+      hasCategories: v,
       // Methods
-      onOptionSelected: g,
+      onOptionSelected: S,
       // Keyboard navigation
       listboxListeners: B,
-      listboxOptionListeners: y
+      listboxOptionListeners: p
     };
   }
 });
-function ht(e, t, s, r, b, a) {
-  const l = $("bento-listbox-single-select-option"), m = $("bento-listbox-single-select-category"), g = ke("bento-keyboard-navigation-directive");
-  return oe((d(), T("div", U({ ref: "listboxRef" }, Q(e.listboxListeners, !0)), [
-    e.hasCategories && e.staticCategories ? (d(!0), T(ee, { key: 0 }, F(e.items, (n) => (d(), D(m, {
-      key: n.value,
-      "category-label": n.label,
+function ht(e, s, t, c, r, a) {
+  const l = k("bento-listbox-single-select-option"), v = k("bento-listbox-single-select-category"), S = ke("bento-keyboard-navigation-directive");
+  return oe((m(), O("div", U({ ref: "listboxRef" }, Q(e.listboxListeners, !0)), [
+    e.hasCategories && e.staticCategories ? (m(!0), O(ee, { key: 0 }, W(e.items, (o) => (m(), D(v, {
+      key: o.value,
+      "category-label": o.label,
       role: "group"
     }, {
-      default: I(() => [
-        (d(!0), T(ee, null, F(n.items, (v) => (d(), D(l, U({
-          key: v.value,
+      default: $(() => [
+        (m(!0), O(ee, null, W(o.items, (i) => (m(), D(l, U({
+          key: i.value,
           ref_for: !0,
           ref: "listboxItemRef",
           role: "option",
-          option: v,
-          disabled: e.isOptionDisabled ? e.isOptionDisabled(v) : null,
-          selected: v.value === e.selectedItem.value
+          option: i,
+          disabled: e.isOptionDisabled ? e.isOptionDisabled(i) : null,
+          selected: i.value === e.selectedItem.value
         }, Q(e.listboxOptionListeners)), ce({ _: 2 }, [
-          F(e.slots, (o, h) => ({
-            name: h,
-            fn: I((L) => [
-              Y(e.$slots, h, U({ ref_for: !0 }, L))
+          W(e.slots, (n, E) => ({
+            name: E,
+            fn: $((C) => [
+              F(e.$slots, E, U({ ref_for: !0 }, C))
             ])
           }))
         ]), 1040, ["option", "disabled", "selected"]))), 128))
       ]),
       _: 2
-    }, 1032, ["category-label"]))), 128)) : (d(!0), T(ee, { key: 1 }, F(e.items, (n) => (d(), D(l, U({
-      key: n.value,
+    }, 1032, ["category-label"]))), 128)) : (m(!0), O(ee, { key: 1 }, W(e.items, (o) => (m(), D(l, U({
+      key: o.value,
       ref_for: !0,
       ref: "listboxItemRef",
       role: "option",
-      option: n,
-      disabled: e.isOptionDisabled ? e.isOptionDisabled(n) : null,
-      selected: n.value === e.selectedItem.value
+      option: o,
+      disabled: e.isOptionDisabled ? e.isOptionDisabled(o) : null,
+      selected: o.value === e.selectedItem.value
     }, Q(e.listboxOptionListeners)), ce({ _: 2 }, [
-      F(e.slots, (v, o) => ({
-        name: o,
-        fn: I((h) => [
-          Y(e.$slots, o, U({ ref_for: !0 }, h))
+      W(e.slots, (i, n) => ({
+        name: n,
+        fn: $((E) => [
+          F(e.$slots, n, U({ ref_for: !0 }, E))
         ])
       }))
     ]), 1040, ["option", "disabled", "selected"]))), 128))
   ], 16)), [
-    [g]
+    [S]
   ]);
 }
 const Et = /* @__PURE__ */ q(Ct, [["render", ht]]);
-var ge = /* @__PURE__ */ ((e) => (e.DISABLED = "disabled", e.STATIC_CATEGORY = "static-category", e))(ge || {}), ie = /* @__PURE__ */ ((e) => (e.SELECT_CATEGORY = "select-category", e.UNSELECT_CATEGORY = "unselect-category", e))(ie || {});
+var ge = /* @__PURE__ */ ((e) => (e.DISABLED = "disabled", e.STATIC_CATEGORY = "static-category", e))(ge || {}), ae = /* @__PURE__ */ ((e) => (e.SELECT_CATEGORY = "select-category", e.UNSELECT_CATEGORY = "unselect-category", e))(ae || {});
 const _t = {
   "en-US": {
     categoryClosed: "{category} closed",
@@ -573,78 +573,78 @@ const _t = {
      */
     tabindex: { type: Number, default: -1 }
   },
-  emits: [ie.SELECT_CATEGORY, ie.UNSELECT_CATEGORY],
-  setup(e, { emit: t }) {
-    const s = M(!1), { t: r } = ye(), b = (C) => e.isOptionDisabled ? e.isOptionDisabled(C) : !1, a = p(
-      () => e.category.items.every((C) => b(C))
-    ), l = Z(e, "staticCategories"), m = p(() => s.value || e.staticCategories), g = p(() => ({
+  emits: [ae.SELECT_CATEGORY, ae.UNSELECT_CATEGORY],
+  setup(e, { emit: s }) {
+    const t = P(!1), { t: c } = ye(), r = (h) => e.isOptionDisabled ? e.isOptionDisabled(h) : !1, a = g(
+      () => e.category.items.every((h) => r(h))
+    ), l = Z(e, "staticCategories"), v = g(() => t.value || e.staticCategories), S = g(() => ({
       [`b-listbox-multi-select-category--${ge.DISABLED}`]: a.value,
       [`b-listbox-multi-select-category--${ge.STATIC_CATEGORY}`]: e.staticCategories
-    })), n = (C) => {
-      C.preventDefault(), s.value = !s.value;
-    }, v = (C) => {
+    })), o = (h) => {
+      h.preventDefault(), t.value = !t.value;
+    }, i = (h) => {
       var te;
-      const A = b(C), V = ((te = e.selectedItemsList) == null ? void 0 : te.includes(C.value)) || !1;
-      return { isDisabled: A, isPreSelected: V };
-    }, o = p(
-      () => e.category.items.filter((C) => {
-        const { isDisabled: A, isPreSelected: V } = v(C);
-        return A && V || !A;
+      const I = r(h), x = ((te = e.selectedItemsList) == null ? void 0 : te.includes(h.value)) || !1;
+      return { isDisabled: I, isPreSelected: x };
+    }, n = g(
+      () => e.category.items.filter((h) => {
+        const { isDisabled: I, isPreSelected: x } = i(h);
+        return I && x || !I;
       })
-    ), h = p(
+    ), E = g(
       () => {
-        var C;
-        return (C = o.value) == null ? void 0 : C.filter(
-          ({ value: A }) => {
-            var V;
-            return (V = e.selectedItemsList) == null ? void 0 : V.includes(A);
+        var h;
+        return (h = n.value) == null ? void 0 : h.filter(
+          ({ value: I }) => {
+            var x;
+            return (x = e.selectedItemsList) == null ? void 0 : x.includes(I);
           }
         );
       }
-    ), L = p(() => {
-      const C = s.value ? "categoryOpened" : "categoryClosed";
-      return r(C, { category: e.category.label });
-    }), k = p(
+    ), C = g(() => {
+      const h = t.value ? "categoryOpened" : "categoryClosed";
+      return c(h, { category: e.category.label });
+    }), L = g(
       () => ({
         el: "span",
         variant: e.staticCategories ? "caption" : "body"
       })
     ), B = () => {
-      t(ie.SELECT_CATEGORY);
-    }, y = () => {
-      t(ie.UNSELECT_CATEGORY);
-    }, { isAllSelected: S, isIndeterminate: O, toggleSelectAll: R } = Be(
-      h,
-      o,
+      s(ae.SELECT_CATEGORY);
+    }, p = () => {
+      s(ae.UNSELECT_CATEGORY);
+    }, { isAllSelected: y, isIndeterminate: A, toggleSelectAll: R } = Be(
+      E,
+      n,
       B,
-      y
+      p
     );
     return {
       // Values
-      chevronTitle: L,
-      conditionalClass: g,
+      chevronTitle: C,
+      conditionalClass: S,
       hasAllPropsDisabled: a,
-      isOpen: s,
-      isAllSelected: S,
-      isIndeterminate: O,
+      isOpen: t,
+      isAllSelected: y,
+      isIndeterminate: A,
       isStaticCategory: l,
       // Computed
-      showItemChildren: m,
-      categoryLabelProps: k,
+      showItemChildren: v,
+      categoryLabelProps: L,
       // Methods
-      toggleOpen: n,
+      toggleOpen: o,
       toggleSelectAll: R
     };
   }
-}), Lt = { class: "b-listbox-multi-select-category__label" };
-function Ot(e, t, s, r, b, a) {
-  const l = $("bento-checkbox"), m = $("bento-typography"), g = $("chevron-up-icon"), n = $("chevron-down-icon"), v = $("bento-listbox-option");
-  return d(), T("div", null, [
-    P(v, {
+}), Ot = { class: "b-listbox-multi-select-category__label" };
+function Lt(e, s, t, c, r, a) {
+  const l = k("bento-checkbox"), v = k("bento-typography"), S = k("chevron-up-icon"), o = k("chevron-down-icon"), i = k("bento-listbox-option");
+  return m(), O("div", null, [
+    M(i, {
       class: fe(["b-listbox-multi-select-category__option", e.conditionalClass])
     }, {
-      default: I(() => [
-        e.isStaticCategory ? W("", !0) : (d(), D(l, {
+      default: $(() => [
+        e.isStaticCategory ? V("", !0) : (m(), D(l, {
           key: 0,
           "model-value": e.isAllSelected,
           indeterminate: e.isIndeterminate,
@@ -654,23 +654,23 @@ function Ot(e, t, s, r, b, a) {
           tabindex: e.tabindex,
           "onUpdate:modelValue": e.toggleSelectAll
         }, null, 8, ["model-value", "indeterminate", "disabled", "aria-label", "value", "tabindex", "onUpdate:modelValue"])),
-        K("span", Lt, [
-          P(m, U(e.categoryLabelProps, { class: "b-listbox-multi-select-category__label-text" }), {
-            default: I(() => [
-              z(G(e.category.label), 1)
+        K("span", Ot, [
+          M(v, U(e.categoryLabelProps, { class: "b-listbox-multi-select-category__label-text" }), {
+            default: $(() => [
+              Y(z(e.category.label), 1)
             ]),
             _: 1
           }, 16),
-          e.isStaticCategory ? W("", !0) : (d(), T("div", {
+          e.isStaticCategory ? V("", !0) : (m(), O("div", {
             key: 0,
             class: "b-listbox-multi-select-category__label-chevron",
             "data-testid": "toggle-listbox",
-            onClickCapture: t[0] || (t[0] = (...o) => e.toggleOpen && e.toggleOpen(...o))
+            onClickCapture: s[0] || (s[0] = (...n) => e.toggleOpen && e.toggleOpen(...n))
           }, [
-            e.isOpen ? (d(), D(g, {
+            e.isOpen ? (m(), D(S, {
               key: 0,
               "svg-title": e.chevronTitle
-            }, null, 8, ["svg-title"])) : (d(), D(n, {
+            }, null, 8, ["svg-title"])) : (m(), D(o, {
               key: 1,
               "svg-title": e.chevronTitle
             }, null, 8, ["svg-title"]))
@@ -680,13 +680,13 @@ function Ot(e, t, s, r, b, a) {
       _: 1
     }, 8, ["class"]),
     oe(K("div", null, [
-      Y(e.$slots, "default", {}, void 0, !0)
+      F(e.$slots, "default", {}, void 0, !0)
     ], 512), [
       [$e, e.showItemChildren]
     ])
   ]);
 }
-const At = /* @__PURE__ */ q(Tt, [["render", Ot], ["__scopeId", "data-v-9681c80b"]]);
+const At = /* @__PURE__ */ q(Tt, [["render", Lt], ["__scopeId", "data-v-9681c80b"]]);
 var H = /* @__PURE__ */ ((e) => (e.SELECT_CATEGORY = "select-category", e.TOGGLE_CHECKBOX_SELECTION = "toggle-checkbox-selection", e.UNSELECT_CATEGORY = "unselect-category", e))(H || {});
 const It = X({
   name: "listbox-multi-select-options",
@@ -760,134 +760,134 @@ const It = X({
     H.SELECT_CATEGORY,
     H.UNSELECT_CATEGORY
   ],
-  setup(e, { emit: t }) {
-    const s = (n) => {
-      t(H.TOGGLE_CHECKBOX_SELECTION, n);
-    }, r = (n) => !!n.items, b = (n) => {
-      const v = e.isMultiLevel && e.searching;
-      return n.description && (!e.isMultiLevel || v);
-    }, a = (n) => n.items ? !!n.items.find((v) => e.selectedItemsList.includes(v.value)) : e.selectedItemsList.includes(n.value), l = (n, v) => {
-      if (r(v))
-        return t(n ? H.SELECT_CATEGORY : H.UNSELECT_CATEGORY, v);
-      s(v.value);
+  setup(e, { emit: s }) {
+    const t = (o) => {
+      s(H.TOGGLE_CHECKBOX_SELECTION, o);
+    }, c = (o) => !!o.items, r = (o) => {
+      const i = e.isMultiLevel && e.searching;
+      return o.description && (!e.isMultiLevel || i);
+    }, a = (o) => o.items ? !!o.items.find((i) => e.selectedItemsList.includes(i.value)) : e.selectedItemsList.includes(o.value), l = (o, i) => {
+      if (c(i))
+        return s(o ? H.SELECT_CATEGORY : H.UNSELECT_CATEGORY, i);
+      t(i.value);
     };
     return {
       // Values
-      conditionalClasses: p(() => ({
+      conditionalClasses: g(() => ({
         "b-listbox-multi-select-options__static-category-option": e.staticCategories,
         "b-listbox-multi-select-options__category-option": e.categoryItems
       })),
       // Methods
       isOptionSelected: a,
-      shouldShowDescription: b,
-      toggleCheckboxSelection: s,
+      shouldShowDescription: r,
+      toggleCheckboxSelection: t,
       selectSearch: l,
-      computedTabindex: (n) => n + 1 === e.focusedIndex ? 0 : -1,
+      computedTabindex: (o) => o + 1 === e.focusedIndex ? 0 : -1,
       // Enums
-      BentoListboxEvent: u,
+      BentoListboxEvent: b,
       ListboxMultiSelectOptionsEvent: H
     };
   }
 }), $t = { class: "b-listbox-multi-select__option-text" }, kt = { class: "b-listbox-multi-select__option-text" };
-function Bt(e, t, s, r, b, a) {
-  const l = $("bento-checkbox"), m = $("bento-typography"), g = $("bento-listbox-option"), n = $("listbox-multi-select-options", !0), v = $("listbox-multi-select-category");
-  return d(), T("div", null, [
-    (d(!0), T(ee, null, F(e.items, (o, h) => (d(), T("div", {
-      key: `selected-${o.value}`
+function Bt(e, s, t, c, r, a) {
+  const l = k("bento-checkbox"), v = k("bento-typography"), S = k("bento-listbox-option"), o = k("listbox-multi-select-options", !0), i = k("listbox-multi-select-category");
+  return m(), O("div", null, [
+    (m(!0), O(ee, null, W(e.items, (n, E) => (m(), O("div", {
+      key: `selected-${n.value}`
     }, [
-      e.searching && e.isMultiLevel ? (d(), D(g, {
+      e.searching && e.isMultiLevel ? (m(), D(S, {
         key: 0,
         class: fe(["b-listbox-multi-select-options", e.conditionalClasses]),
-        disabled: e.isOptionDisabled ? e.isOptionDisabled(o) : null
+        disabled: e.isOptionDisabled ? e.isOptionDisabled(n) : null
       }, {
-        default: I(() => [
-          P(l, {
-            "model-value": e.isOptionSelected(o),
-            "aria-label": o.label,
-            disabled: e.isOptionDisabled ? e.isOptionDisabled(o) : null,
-            value: o.value,
-            tabindex: e.computedTabindex(h),
-            "onUpdate:modelValue": (L) => e.selectSearch(L, o)
+        default: $(() => [
+          M(l, {
+            "model-value": e.isOptionSelected(n),
+            "aria-label": n.label,
+            disabled: e.isOptionDisabled ? e.isOptionDisabled(n) : null,
+            value: n.value,
+            tabindex: e.computedTabindex(E),
+            "onUpdate:modelValue": (C) => e.selectSearch(C, n)
           }, null, 8, ["model-value", "aria-label", "disabled", "value", "tabindex", "onUpdate:modelValue"]),
-          Y(e.$slots, "default", U({ ref_for: !0 }, o), () => [
+          F(e.$slots, "default", U({ ref_for: !0 }, n), () => [
             K("span", $t, [
-              P(m, { el: "span" }, {
-                default: I(() => [
-                  z(G(o.label), 1)
+              M(v, { el: "span" }, {
+                default: $(() => [
+                  Y(z(n.label), 1)
                 ]),
                 _: 2
               }, 1024),
-              e.shouldShowDescription(o) ? (d(), D(m, {
+              e.shouldShowDescription(n) ? (m(), D(v, {
                 key: 0,
                 class: "b-listbox-multi-select__option-description",
                 el: "span"
               }, {
-                default: I(() => [
-                  z(G(o.description), 1)
+                default: $(() => [
+                  Y(z(n.description), 1)
                 ]),
                 _: 2
-              }, 1024)) : W("", !0)
+              }, 1024)) : V("", !0)
             ])
           ], !0)
         ]),
         _: 2
-      }, 1032, ["class", "disabled"])) : (d(), T(ee, { key: 1 }, [
-        o.items ? (d(), D(v, {
+      }, 1032, ["class", "disabled"])) : (m(), O(ee, { key: 1 }, [
+        n.items ? (m(), D(i, {
           key: 0,
-          category: o,
+          category: n,
           "static-categories": e.staticCategories,
           "is-option-disabled": e.isOptionDisabled,
           "selected-items-list": e.selectedItemsList,
-          tabindex: e.computedTabindex(h),
-          onSelectCategory: (L) => e.$emit(e.ListboxMultiSelectOptionsEvent.SELECT_CATEGORY, o),
-          onUnselectCategory: (L) => e.$emit(e.ListboxMultiSelectOptionsEvent.UNSELECT_CATEGORY, o)
+          tabindex: e.computedTabindex(E),
+          onSelectCategory: (C) => e.$emit(e.ListboxMultiSelectOptionsEvent.SELECT_CATEGORY, n),
+          onUnselectCategory: (C) => e.$emit(e.ListboxMultiSelectOptionsEvent.UNSELECT_CATEGORY, n)
         }, {
-          default: I(() => [
-            P(n, {
+          default: $(() => [
+            M(o, {
               "category-items": "",
-              items: o.items,
+              items: n.items,
               "is-option-disabled": e.isOptionDisabled,
               "focused-index": e.focusedIndex,
               "is-multi-level": e.isMultiLevel,
               "static-categories": e.staticCategories,
               "selected-items-list": e.selectedItemsList,
               searching: e.searching,
-              onToggleCheckboxSelection: t[0] || (t[0] = (L) => e.toggleCheckboxSelection(L))
+              onToggleCheckboxSelection: s[0] || (s[0] = (C) => e.toggleCheckboxSelection(C))
             }, null, 8, ["items", "is-option-disabled", "focused-index", "is-multi-level", "static-categories", "selected-items-list", "searching"])
           ]),
           _: 2
-        }, 1032, ["category", "static-categories", "is-option-disabled", "selected-items-list", "tabindex", "onSelectCategory", "onUnselectCategory"])) : (d(), D(g, {
+        }, 1032, ["category", "static-categories", "is-option-disabled", "selected-items-list", "tabindex", "onSelectCategory", "onUnselectCategory"])) : (m(), D(S, {
           key: 1,
           class: fe(["b-listbox-multi-select-options", e.conditionalClasses]),
-          disabled: e.isOptionDisabled ? e.isOptionDisabled(o) : null
+          disabled: e.isOptionDisabled ? e.isOptionDisabled(n) : null
         }, {
-          default: I(() => [
-            P(l, {
+          default: $(() => [
+            M(l, {
               "model-value": e.selectedItemsList,
-              "aria-label": o.label,
-              disabled: e.isOptionDisabled ? e.isOptionDisabled(o) : null,
-              value: o.value,
-              tabindex: e.computedTabindex(h),
-              "onUpdate:modelValue": (L) => e.toggleCheckboxSelection(o)
+              "aria-label": n.label,
+              disabled: e.isOptionDisabled ? e.isOptionDisabled(n) : null,
+              value: n.value,
+              tabindex: e.computedTabindex(E),
+              "onUpdate:modelValue": (C) => e.toggleCheckboxSelection(n)
             }, null, 8, ["model-value", "aria-label", "disabled", "value", "tabindex", "onUpdate:modelValue"]),
-            Y(e.$slots, "default", U({ ref_for: !0 }, o), () => [
+            F(e.$slots, "default", U({ ref_for: !0 }, n), () => [
               K("span", kt, [
-                P(m, { el: "span" }, {
-                  default: I(() => [
-                    z(G(o.label), 1)
+                M(v, { el: "span" }, {
+                  default: $(() => [
+                    Y(z(n.label), 1)
                   ]),
                   _: 2
                 }, 1024),
-                e.shouldShowDescription(o) ? (d(), D(m, {
+                e.shouldShowDescription(n) ? (m(), D(v, {
                   key: 0,
                   class: "b-listbox-multi-select__option-description",
                   el: "span"
                 }, {
-                  default: I(() => [
-                    z(G(o.description), 1)
+                  default: $(() => [
+                    Y(z(n.description), 1)
                   ]),
                   _: 2
-                }, 1024)) : W("", !0)
+                }, 1024)) : V("", !0)
               ])
             ], !0)
           ]),
@@ -898,16 +898,16 @@ function Bt(e, t, s, r, b, a) {
   ]);
 }
 const Rt = /* @__PURE__ */ q(It, [["render", Bt], ["__scopeId", "data-v-b83035ab"]]), Dt = (e) => {
-  const t = p(() => {
-    var r;
-    return !!((r = e.value) != null && r.find(({ items: b }) => !!b));
-  }), s = p(() => {
-    var r;
-    return t.value ? (r = e.value) == null ? void 0 : r.reduce((b, a) => (a.items ? b.push(...a.items.flat()) : b.push(a), b), []) : e.value;
+  const s = g(() => {
+    var c;
+    return !!((c = e.value) != null && c.find(({ items: r }) => !!r));
+  }), t = g(() => {
+    var c;
+    return s.value ? (c = e.value) == null ? void 0 : c.reduce((r, a) => (a.items ? r.push(...a.items.flat()) : r.push(a), r), []) : e.value;
   });
   return {
-    isMultiLevelSelect: t,
-    flattenedItemsList: s
+    isMultiLevelSelect: s,
+    flattenedItemsList: t
   };
 }, De = {
   "en-US": {
@@ -916,7 +916,7 @@ const Rt = /* @__PURE__ */ q(It, [["render", Bt], ["__scopeId", "data-v-b83035ab
     numbersSelected: "{number} selected",
     selectAll: "Select all ({total})"
   }
-}, Nt = { class: "b-listbox-multi-select" }, Pt = { key: 0 }, Mt = {
+}, Nt = { class: "b-listbox-multi-select" }, Mt = { key: 0 }, Pt = {
   key: 1,
   class: "b-listbox-multi-select__divider"
 }, wt = { i18n: { messages: De } }, Ut = /* @__PURE__ */ X({
@@ -932,179 +932,179 @@ const Rt = /* @__PURE__ */ q(It, [["render", Bt], ["__scopeId", "data-v-b83035ab
     staticCategories: { type: Boolean, default: !1 }
   },
   emits: ["select"],
-  setup(e, { emit: t }) {
-    const s = e, r = t, { t: b } = ye({ messages: De }), a = je(), l = M(null), m = M(null), g = M(null), n = p(() => s.selectedValues.map(({ value: c }) => c)), { isMultiLevelSelect: v, flattenedItemsList: o } = Dt(Z(s, "items")), h = (c) => {
-      var _;
-      const f = s.isOptionDisabled(c), i = ((_ = n.value) == null ? void 0 : _.includes(c.value)) || !1;
-      return { isDisabled: f, isPreSelected: i };
-    }, L = p(() => {
-      if (s.searching && v)
-        return s.items;
-      const c = o.value.filter((f) => {
-        const { isDisabled: i, isPreSelected: _ } = h(f);
-        return i && _ || !i;
+  setup(e, { emit: s }) {
+    const t = e, c = s, { t: r } = ye({ messages: De }), a = je(), l = P(null), v = P(null), S = P(null), o = g(() => t.selectedValues.map(({ value: d }) => d)), { isMultiLevelSelect: i, flattenedItemsList: n } = Dt(Z(t, "items")), E = (d) => {
+      var T;
+      const f = t.isOptionDisabled(d), u = ((T = o.value) == null ? void 0 : T.includes(d.value)) || !1;
+      return { isDisabled: f, isPreSelected: u };
+    }, C = g(() => {
+      if (t.searching && i)
+        return t.items;
+      const d = n.value.filter((f) => {
+        const { isDisabled: u, isPreSelected: T } = E(f);
+        return u && T || !u;
       });
-      return s.selectedValues.forEach((f) => {
-        c.find((i) => i.value === f.value) || c.push(f);
-      }), c;
-    }), k = p(
+      return t.selectedValues.forEach((f) => {
+        d.find((u) => u.value === f.value) || d.push(f);
+      }), d;
+    }), L = g(
       () => {
-        var c;
-        return (c = L.value) == null ? void 0 : c.filter((f) => {
-          var i;
-          return f.items && v.value && s.searching ? f.items.filter(
-            (E) => (s.selectedValues ?? []).includes(E.value)
-          ).length === f.items.length : (i = n.value) == null ? void 0 : i.includes(f.value);
+        var d;
+        return (d = C.value) == null ? void 0 : d.filter((f) => {
+          var u;
+          return f.items && i.value && t.searching ? f.items.filter(
+            (_) => (t.selectedValues ?? []).includes(_.value)
+          ).length === f.items.length : (u = o.value) == null ? void 0 : u.includes(f.value);
         });
       }
-    ), B = () => v.value && !s.searching ? o.value.length : s.items.length, y = p(() => {
-      var _;
-      const c = L.value.length, f = B(), i = ((_ = k.value) == null ? void 0 : _.length) || 0;
-      return i === 0 ? b("selectAll", { total: c }) : i === f ? b("allSelected", { total: f }) : i <= f ? b("numberOfTotalSelected", { number: i, total: f }) : b("numbersSelected", { number: i });
-    }), S = (c) => {
+    ), B = () => i.value && !t.searching ? n.value.length : t.items.length, p = g(() => {
+      var T;
+      const d = C.value.length, f = B(), u = ((T = L.value) == null ? void 0 : T.length) || 0;
+      return u === 0 ? r("selectAll", { total: d }) : u === f ? r("allSelected", { total: f }) : u <= f ? r("numberOfTotalSelected", { number: u, total: f }) : r("numbersSelected", { number: u });
+    }), y = (d) => {
+      const f = (T) => {
+        const { isDisabled: _, isPreSelected: j } = E(T);
+        return _ && j || !_;
+      }, u = d.filter(f).filter((T) => !o.value.includes(T.value));
+      c("select", [...t.selectedValues, ...u]);
+    }, A = (d) => {
       const f = (_) => {
-        const { isDisabled: E, isPreSelected: j } = h(_);
-        return E && j || !E;
-      }, i = c.filter(f).filter((_) => !n.value.includes(_.value));
-      r("select", [...s.selectedValues, ...i]);
-    }, O = (c) => {
-      const f = (E) => {
-        const { isDisabled: j, isPreSelected: We } = h(E);
-        return !(j && We);
-      }, i = c.filter(f).map(({ value: E }) => E), _ = s.selectedValues.filter((E) => !(i != null && i.includes(E.value)));
-      r("select", _);
+        const { isDisabled: j, isPreSelected: Ve } = E(_);
+        return !(j && Ve);
+      }, u = d.filter(f).map(({ value: _ }) => _), T = t.selectedValues.filter((_) => !(u != null && u.includes(_.value)));
+      c("select", T);
     }, R = () => {
-      S(o.value);
-    }, C = () => {
-      O(o.value);
-    }, { isAllSelected: A, isIndeterminate: V, toggleSelectAll: te } = Be(
-      k,
+      y(n.value);
+    }, h = () => {
+      A(n.value);
+    }, { isAllSelected: I, isIndeterminate: x, toggleSelectAll: te } = Be(
       L,
+      C,
       R,
-      C
-    ), me = (c) => {
-      S(c.items);
-    }, ue = (c) => {
-      O(c.items);
-    }, J = (c, f) => {
-      let i = !1;
-      const _ = s.selectedValues.filter(({ value: E }) => f.value === E ? (i = !0, !1) : !0);
-      i || _.push(f), r(c, _);
-    }, w = p(() => {
-      if (!v.value)
-        return s.selectedValues;
-      const c = (E) => n.value.includes(E.value), f = (E) => !s.staticCategories && E.every((j) => c(j));
-      return s.items.flatMap(
-        (E) => E.items && !f(E.items) ? E.items : E
-      ).filter((E) => E.items ? !0 : c(E));
-    }), ae = p(() => {
-      var i, _, E, j;
-      const c = ["automatic", "button"].includes(s.lazyLoadType), f = ((i = s.selectedValues) == null ? void 0 : i.length) > 0 && ((_ = k.value) == null ? void 0 : _.length) !== ((E = o.value) == null ? void 0 : E.length);
-      return c && s.hasMoreItems ? !!((j = s.selectedValues) != null && j.length) : f;
-    }), Ce = p(() => ["automatic", "button"].includes(s.lazyLoadType) ? !s.hasMoreItems : !0), Ne = p(
+      h
+    ), me = (d) => {
+      y(d.items);
+    }, ue = (d) => {
+      A(d.items);
+    }, J = (d, f) => {
+      let u = !1;
+      const T = t.selectedValues.filter(({ value: _ }) => f.value === _ ? (u = !0, !1) : !0);
+      u || T.push(f), c(d, T);
+    }, w = g(() => {
+      if (!i.value)
+        return t.selectedValues;
+      const d = (_) => o.value.includes(_.value), f = (_) => !t.staticCategories && _.every((j) => d(j));
+      return t.items.flatMap(
+        (_) => _.items && !f(_.items) ? _.items : _
+      ).filter((_) => _.items ? !0 : d(_));
+    }), ie = g(() => {
+      var u, T, _, j;
+      const d = ["automatic", "button"].includes(t.lazyLoadType), f = ((u = t.selectedValues) == null ? void 0 : u.length) > 0 && ((T = L.value) == null ? void 0 : T.length) !== ((_ = n.value) == null ? void 0 : _.length);
+      return d && t.hasMoreItems ? !!((j = t.selectedValues) != null && j.length) : f;
+    }), Ce = g(() => ["automatic", "button"].includes(t.lazyLoadType) ? !t.hasMoreItems : !0), Ne = g(
       () => l.value ? [l.value] : []
-    ), Pe = p(
+    ), Me = g(
       () => {
-        var c, f;
-        return (f = (c = g.value) == null ? void 0 : c.$children) != null && f.length ? g.value.$children : [];
+        var d, f;
+        return (f = (d = S.value) == null ? void 0 : d.$children) != null && f.length ? S.value.$children : [];
       }
-    ), Me = p(() => ({ label: y, value: A })), we = p(() => [Me, ...Z(s, "items").value]), Ue = (c) => {
-      var _;
-      const f = [...Ne.value, ...Pe.value], i = f[c].$el;
-      i.tagName === "LABEL" ? i.focus() : (_ = i.querySelector("label")) == null || _.focus(), f[c].$el.focus();
+    ), Pe = g(() => ({ label: p, value: I })), we = g(() => [Pe, ...Z(t, "items").value]), Ue = (d) => {
+      var T;
+      const f = [...Ne.value, ...Me.value], u = f[d].$el;
+      u.tagName === "LABEL" ? u.focus() : (T = u.querySelector("label")) == null || T.focus(), f[d].$el.focus();
     }, {
-      moveToNextElement: Ve,
-      moveToPreviousElement: xe,
-      moveToFirstElement: Ge,
-      moveToLastElement: ze,
+      moveToNextElement: xe,
+      moveToPreviousElement: Ge,
+      moveToFirstElement: ze,
+      moveToLastElement: Ye,
       preventDefault: he,
       focusedIndex: Ee
     } = Re(
       {
-        items: M(we),
-        isOptionDisabled: s.isOptionDisabled,
-        hasStaticCategories: Z(s, "staticCategories")
+        items: P(we),
+        isOptionDisabled: t.isOptionDisabled,
+        hasStaticCategories: Z(t, "staticCategories")
       },
       Ue
-    ), Ye = {
-      [x.ARROW_UP]: (c) => xe(c),
-      [x.ARROW_DOWN]: (c) => Ve(c),
-      [x.HOME]: Ge,
-      [x.END]: ze
-    }, Fe = {
-      [x.ARROW_UP]: he,
-      [x.ARROW_DOWN]: he
+    ), Fe = {
+      [G.ARROW_UP]: (d) => Ge(d),
+      [G.ARROW_DOWN]: (d) => xe(d),
+      [G.HOME]: ze,
+      [G.END]: Ye
+    }, We = {
+      [G.ARROW_UP]: he,
+      [G.ARROW_DOWN]: he
     };
-    return (c, f) => (d(), T("div", Nt, [
-      ae.value ? (d(), T("div", Pt, [
-        oe((d(), T("ul", U({ class: "b-listbox-multi-select__chips" }, Q(Fe, !0)), [
-          (d(!0), T(ee, null, F(w.value, (i) => (d(), T("li", {
-            key: i.value
+    return (d, f) => (m(), O("div", Nt, [
+      ie.value ? (m(), O("div", Mt, [
+        oe((m(), O("ul", U({ class: "b-listbox-multi-select__chips" }, Q(We, !0)), [
+          (m(!0), O(ee, null, W(w.value, (u) => (m(), O("li", {
+            key: u.value
           }, [
-            P(N(Qe), {
+            M(N(Qe), {
               ref_for: !0,
               ref_key: "selectedListboxItemsRef",
-              ref: m,
-              disabled: c.isOptionDisabled(i),
-              label: i.label,
+              ref: v,
+              disabled: d.isOptionDisabled(u),
+              label: u.label,
               condensed: "",
-              onClick: (_) => i.items ? ue(i) : J("select", i)
+              onClick: (T) => u.items ? ue(u) : J("select", u)
             }, null, 8, ["disabled", "label", "onClick"])
           ]))), 128))
         ], 16)), [
           [N(de)]
         ]),
         f[4] || (f[4] = K("hr", { class: "b-listbox-multi-select__divider" }, null, -1))
-      ])) : W("", !0),
-      oe((d(), T("div", Q(Ye, !0), [
-        Ce.value ? (d(), D(N(be), {
+      ])) : V("", !0),
+      oe((m(), O("div", Q(Fe, !0), [
+        Ce.value ? (m(), D(N(be), {
           key: 0,
           ref_key: "selectAllListboxItemsRef",
           ref: l,
           class: "b-listbox-multi-select__option"
         }, {
-          default: I(() => [
-            P(N(Se), {
-              "aria-label": y.value,
-              "model-value": N(A),
-              indeterminate: N(V),
+          default: $(() => [
+            M(N(Se), {
+              "aria-label": p.value,
+              "model-value": N(I),
+              indeterminate: N(x),
               tabindex: N(Ee) === 0 ? 0 : -1,
               "onUpdate:modelValue": N(te)
             }, null, 8, ["aria-label", "model-value", "indeterminate", "tabindex", "onUpdate:modelValue"]),
-            P(N(ne), {
+            M(N(ne), {
               el: "span",
               "aria-hidden": "true"
             }, {
-              default: I(() => [
-                z(G(y.value), 1)
+              default: $(() => [
+                Y(z(p.value), 1)
               ]),
               _: 1
             })
           ]),
           _: 1
-        }, 512)) : W("", !0),
-        Ce.value ? (d(), T("hr", Mt)) : W("", !0),
-        P(N(Rt), {
+        }, 512)) : V("", !0),
+        Ce.value ? (m(), O("hr", Pt)) : V("", !0),
+        M(N(Rt), {
           ref_key: "listboxItemsRef",
-          ref: g,
-          items: c.items,
-          "is-option-disabled": c.isOptionDisabled,
-          "is-multi-level": N(v),
-          "static-categories": c.staticCategories,
-          searching: c.searching,
-          "selected-items-list": n.value,
+          ref: S,
+          items: d.items,
+          "is-option-disabled": d.isOptionDisabled,
+          "is-multi-level": N(i),
+          "static-categories": d.staticCategories,
+          searching: d.searching,
+          "selected-items-list": o.value,
           "focused-index": N(Ee),
-          onToggleCheckboxSelection: f[0] || (f[0] = (i) => J("select", i)),
+          onToggleCheckboxSelection: f[0] || (f[0] = (u) => J("select", u)),
           onSelectCategory: me,
           onUnselectCategory: ue,
-          onSpacePressed: f[1] || (f[1] = (i) => J(N(u).SPACE, i)),
-          onTabPressed: f[2] || (f[2] = (i) => J(N(u).TAB, i)),
-          onEnterPressed: f[3] || (f[3] = (i) => J(N(u).ENTER, i))
+          onSpacePressed: f[1] || (f[1] = (u) => J(N(b).SPACE, u)),
+          onTabPressed: f[2] || (f[2] = (u) => J(N(b).TAB, u)),
+          onEnterPressed: f[3] || (f[3] = (u) => J(N(b).ENTER, u))
         }, ce({ _: 2 }, [
-          F(N(a), (i, _) => ({
-            name: _,
-            fn: I((E) => [
-              Y(c.$slots, _, le(re(E)), void 0, !0)
+          W(N(a), (u, T) => ({
+            name: T,
+            fn: $((_) => [
+              F(d.$slots, T, le(re(_)), void 0, !0)
             ])
           }))
         ]), 1032, ["items", "is-option-disabled", "is-multi-level", "static-categories", "searching", "selected-items-list", "focused-index"])
@@ -1113,7 +1113,7 @@ const Rt = /* @__PURE__ */ q(It, [["render", Bt], ["__scopeId", "data-v-b83035ab
       ])
     ]));
   }
-}), Le = /* @__PURE__ */ q(Ut, [["__scopeId", "data-v-98a72a10"]]), Oe = {
+}), Oe = /* @__PURE__ */ q(Ut, [["__scopeId", "data-v-98a72a10"]]), Le = {
   "en-US": {
     loading: "Loading",
     showMore: "Show more"
@@ -1126,18 +1126,18 @@ const Rt = /* @__PURE__ */ q(It, [["render", Bt], ["__scopeId", "data-v-b83035ab
     loading: "Carregando",
     showMore: "Mostrar mais"
   }
-}, Vt = 36, xt = X({
+}, xt = 36, Gt = X({
   name: "bento-listbox",
   components: {
     BentoEmptyState: Je,
     BentoListboxSingleSelect: Et,
-    BentoListboxMultiSelect: Le,
+    BentoListboxMultiSelect: Oe,
     BentoTypography: ne,
     BentoLoadingIndicator: Xe,
     BentoLoadingButton: st
   },
   directives: { BentoKeyboardNavigationDirective: de },
-  i18n: { messages: Oe },
+  i18n: { messages: Le },
   props: {
     /**
      * Defines a string value that labels an interactive element.
@@ -1218,7 +1218,7 @@ const Rt = /* @__PURE__ */ q(It, [["render", Bt], ["__scopeId", "data-v-b83035ab
      *
      * If enabled, hides the "Select all" checkbox in "multiple" mode.
      */
-    searching: Le.props.searching,
+    searching: Oe.props.searching,
     /**
      * The `input` value.
      * Providing an empty string or empty array will select no options.
@@ -1238,106 +1238,106 @@ const Rt = /* @__PURE__ */ q(It, [["render", Bt], ["__scopeId", "data-v-b83035ab
     }
   },
   emits: [
-    u.SELECT,
-    u.SPACE,
-    u.SHOW_MORE,
-    u.ENTER,
-    u.ESCAPE,
-    u.TAB
+    b.SELECT,
+    b.SPACE,
+    b.SHOW_MORE,
+    b.ENTER,
+    b.ESCAPE,
+    b.TAB
   ],
-  setup(e, { emit: t, slots: s }) {
-    const r = M([]), b = Z(e, "items"), { t: a } = ye({ messages: Oe }), l = p(() => e.lazyLoadType !== se.AUTOMATIC), m = p(() => e.lazyLoadType === se.AUTOMATIC), g = () => {
+  setup(e, { emit: s, slots: t }) {
+    const c = P([]), r = Z(e, "items"), { t: a } = ye({ messages: Le }), l = g(() => e.lazyLoadType !== se.AUTOMATIC), v = g(() => e.lazyLoadType === se.AUTOMATIC), S = () => {
       var w;
-      return typeof (e == null ? void 0 : e.virtualScroll) == "object" && ((w = e == null ? void 0 : e.virtualScroll) != null && w.itemHeight) ? e.virtualScroll.itemHeight : Vt;
+      return typeof (e == null ? void 0 : e.virtualScroll) == "object" && ((w = e == null ? void 0 : e.virtualScroll) != null && w.itemHeight) ? e.virtualScroll.itemHeight : xt;
     }, {
-      containerRef: n,
-      containerProps: v,
-      onScroll: o,
-      list: h,
-      wrapperProps: L
-    } = ot(b, {
-      itemHeight: g(),
+      containerRef: o,
+      containerProps: i,
+      onScroll: n,
+      list: E,
+      wrapperProps: C
+    } = ot(r, {
+      itemHeight: S(),
       // Disable virtual scrolling if not enabled or if lazy loading is enabled or if multi-select
       disabled: (e == null ? void 0 : e.multiple) || (e == null ? void 0 : e.virtualScroll) === !1 || (e == null ? void 0 : e.lazyLoadType) !== "none"
-    }), k = p(
+    }), L = g(
       () => e.componentLoading !== void 0 || l.value ? "true" : void 0
-    ), B = p(
+    ), B = g(
       () => l.value && e.loading || e.componentLoading ? "true" : "false"
-    ), y = p(
+    ), p = g(
       () => l.value || e.componentLoading !== void 0 ? "polite" : void 0
-    ), S = (w) => (ae) => {
-      t(w, ae);
-    }, O = () => {
-      t(u.SHOW_MORE);
+    ), y = (w) => (ie) => {
+      s(w, ie);
+    }, A = () => {
+      s(b.SHOW_MORE);
     }, R = Ze(() => {
-      const w = n.value;
+      const w = o.value;
       if (!w)
         return;
-      const ae = Math.round(w.scrollTop) + w.clientHeight >= w.scrollHeight;
-      e.hasMoreItems && ae && !e.loading && O();
-    }), C = () => {
-      m.value ? R() : o();
-    }, A = p(() => {
+      const ie = Math.round(w.scrollTop) + w.clientHeight >= w.scrollHeight;
+      e.hasMoreItems && ie && !e.loading && A();
+    }), h = () => {
+      v.value ? R() : n();
+    }, I = g(() => {
       var w;
       return ((w = e.items) == null ? void 0 : w.length) === 0;
-    }), V = p(
+    }), x = g(
       () => e.lazyLoadType === se.BUTTON && e.hasMoreItems
-    ), te = p(
+    ), te = g(
       () => e.loading ? _e.LOADING : _e.START
-    ), me = p(() => e.loading ? a("loading") : a("showMore")), ue = p(() => ({
+    ), me = g(() => e.loading ? a("loading") : a("showMore")), ue = g(() => ({
       ...e.emptyState,
       variant: "condensed"
     })), J = {
-      [u.SELECT]: S(u.SELECT),
-      [u.SPACE]: S(u.SPACE),
-      [u.TAB]: S(u.TAB),
-      [u.ENTER]: S(u.ENTER)
+      [b.SELECT]: y(b.SELECT),
+      [b.SPACE]: y(b.SPACE),
+      [b.TAB]: y(b.TAB),
+      [b.ENTER]: y(b.ENTER)
     };
     return {
       // Refs
-      listboxRef: n,
-      listboxItemRef: r,
+      listboxRef: o,
+      listboxItemRef: c,
       // a11y
-      ariaAtomic: k,
+      ariaAtomic: L,
       ariaBusy: B,
-      ariaLive: y,
+      ariaLive: p,
       // Values
-      containerProps: v,
-      isSearchResultEmpty: A,
+      containerProps: i,
+      isSearchResultEmpty: I,
       limitedEmptyStateProps: ue,
       loadingButtonState: te,
-      slots: s,
-      shouldDisplayShowMoreButton: V,
+      slots: t,
+      shouldDisplayShowMoreButton: x,
       showMoreButtonText: me,
-      virtualisedItems: h,
-      wrapperProps: L,
+      virtualisedItems: E,
+      wrapperProps: C,
       // Enums
-      BentoKeyboardNavigationKeyDownEvent: x,
-      BentoListboxEvent: u,
+      BentoKeyboardNavigationKeyDownEvent: G,
+      BentoListboxEvent: b,
       // Methods
-      onListboxContainerScroll: C,
-      onOptionSelected: S,
-      emitShowMore: O,
+      onListboxContainerScroll: h,
+      onOptionSelected: y,
+      emitShowMore: A,
       listboxListeners: J
     };
   }
-}), Gt = ["id", "aria-busy", "aria-atomic", "aria-label", "aria-live"], zt = {
+}), zt = ["id", "aria-busy", "aria-atomic", "aria-label", "aria-live"], Yt = {
   key: 0,
   class: "b-listbox__loading-filtered-items"
-}, Yt = {
+}, Ft = {
   key: 1,
   class: "b-listbox__empty-search-message"
-}, Ft = {
+}, Wt = {
   key: 2,
   class: "b-listbox__lazy-load"
-}, Wt = {
+}, Vt = {
   key: 3,
   class: "b-listbox__lazy-load"
 };
-function Kt(e, t, s, r, b, a) {
-  var L;
-  const l = $("bento-loading-indicator"), m = $("bento-empty-state"), g = $("bento-typography"), n = $("bento-listbox-multi-select"), v = $("bento-listbox-single-select"), o = $("bento-loading-button"), h = ke("bento-keyboard-navigation-directive");
-  return oe((d(), T("div", {
+function Kt(e, s, t, c, r, a) {
+  var C;
+  const l = k("bento-loading-indicator"), v = k("bento-empty-state"), S = k("bento-typography"), o = k("bento-listbox-multi-select"), i = k("bento-listbox-single-select"), n = k("bento-loading-button"), E = ke("bento-keyboard-navigation-directive");
+  return oe((m(), O("div", {
     id: e.id,
     ref: "listboxRef",
     class: "b-listbox",
@@ -1347,24 +1347,24 @@ function Kt(e, t, s, r, b, a) {
     "aria-atomic": e.ariaAtomic,
     "aria-label": e.ariaLabel,
     "aria-live": e.ariaLive,
-    style: He((L = e.containerProps) == null ? void 0 : L.style),
-    onScroll: t[0] || (t[0] = (...k) => e.onListboxContainerScroll && e.onListboxContainerScroll(...k))
+    style: He((C = e.containerProps) == null ? void 0 : C.style),
+    onScroll: s[0] || (s[0] = (...L) => e.onListboxContainerScroll && e.onListboxContainerScroll(...L))
   }, [
     K("div", le(re(e.wrapperProps)), [
-      e.componentLoading ? (d(), T("div", zt, [
-        P(l)
-      ])) : e.isSearchResultEmpty ? (d(), T("div", Yt, [
-        e.emptyState ? (d(), D(m, le(U({ key: 0 }, e.limitedEmptyStateProps)), null, 16)) : (d(), D(g, {
+      e.componentLoading ? (m(), O("div", Yt, [
+        M(l)
+      ])) : e.isSearchResultEmpty ? (m(), O("div", Ft, [
+        e.emptyState ? (m(), D(v, le(U({ key: 0 }, e.limitedEmptyStateProps)), null, 16)) : (m(), D(S, {
           key: 1,
           el: "span"
         }, {
-          default: I(() => [
-            z(G(e.noResultsMessage), 1)
+          default: $(() => [
+            Y(z(e.noResultsMessage), 1)
           ]),
           _: 1
         }))
-      ])) : (d(), T(ee, { key: 2 }, [
-        e.multiple ? (d(), D(n, U({
+      ])) : (m(), O(ee, { key: 2 }, [
+        e.multiple ? (m(), D(o, U({
           key: 0,
           ref: "listboxItemRef",
           "has-more-items": e.hasMoreItems,
@@ -1375,13 +1375,13 @@ function Kt(e, t, s, r, b, a) {
           searching: e.searching,
           "is-option-disabled": e.isOptionDisabled
         }, Q(e.listboxListeners)), ce({ _: 2 }, [
-          F(e.slots, (k, B) => ({
+          W(e.slots, (L, B) => ({
             name: B,
-            fn: I((y) => [
-              Y(e.$slots, B, le(re(y)), void 0, !0)
+            fn: $((p) => [
+              F(e.$slots, B, le(re(p)), void 0, !0)
             ])
           }))
-        ]), 1040, ["has-more-items", "items", "lazy-load-type", "static-categories", "selected-values", "searching", "is-option-disabled"])) : (d(), D(v, U({
+        ]), 1040, ["has-more-items", "items", "lazy-load-type", "static-categories", "selected-values", "searching", "is-option-disabled"])) : (m(), D(i, U({
           key: 1,
           ref: "listboxItemRef",
           items: e.virtualisedItems,
@@ -1389,87 +1389,93 @@ function Kt(e, t, s, r, b, a) {
           "static-categories": e.staticCategories,
           "is-option-disabled": e.isOptionDisabled
         }, Q(e.listboxListeners)), ce({ _: 2 }, [
-          F(e.slots, (k, B) => ({
+          W(e.slots, (L, B) => ({
             name: B,
-            fn: I((y) => [
-              Y(e.$slots, B, le(re(y)), void 0, !0)
+            fn: $((p) => [
+              F(e.$slots, B, le(re(p)), void 0, !0)
             ])
           }))
         ]), 1040, ["items", "selected-value", "static-categories", "is-option-disabled"])),
-        e.shouldDisplayShowMoreButton ? (d(), T("div", Ft, [
-          P(o, {
+        e.shouldDisplayShowMoreButton ? (m(), O("div", Wt, [
+          M(n, {
             state: e.loadingButtonState,
             variant: "secondary",
             onClickCapture: e.emitShowMore
           }, {
-            default: I(() => [
-              z(G(e.showMoreButtonText), 1)
+            default: $(() => [
+              Y(z(e.showMoreButtonText), 1)
             ]),
             _: 1
           }, 8, ["state", "onClickCapture"])
-        ])) : e.loading ? (d(), T("div", Wt, [
-          P(l)
-        ])) : W("", !0)
+        ])) : e.loading ? (m(), O("div", Vt, [
+          M(l)
+        ])) : V("", !0)
       ], 64))
     ], 16)
-  ], 44, Gt)), [
-    [h]
+  ], 44, zt)), [
+    [E]
   ]);
 }
-const rs = /* @__PURE__ */ q(xt, [["render", Kt], ["__scopeId", "data-v-7b74fe4e"]]), pe = (e, t) => {
-  for (const s of e) {
-    if (s.value === t)
-      return s;
-    if (s.items) {
-      const r = pe(s.items, t);
-      if (r)
-        return r;
+const cs = /* @__PURE__ */ q(Gt, [["render", Kt], ["__scopeId", "data-v-7b74fe4e"]]), pe = (e, s) => {
+  for (const t of e) {
+    if (t.value === s)
+      return t;
+    if (t.items) {
+      const c = pe(t.items, s);
+      if (c)
+        return c;
     }
   }
   return null;
-}, cs = (e, t, s) => {
-  const r = M([]), b = M(), a = (g) => {
-    s.value ? b.value = g.map(({ value: n }) => n) : b.value = g.length > 0 ? g[0].value : null;
-  }, l = (g) => {
-    r.value = g, a(g);
-  }, m = () => {
-    r.value = [], b.value = null;
+}, qt = (e) => typeof e == "object" && e !== null && "value" in e && "label" in e, us = (e, s, t, c) => {
+  const r = P([]), a = P(), l = (i) => {
+    t.value ? a.value = i.map(({ value: n }) => n) : a.value = i.length > 0 ? i[0].value : null;
+  }, v = (i) => {
+    t.value ? a.value = i.map(({ value: n, label: E }) => ({ value: n, label: E })) : a.value = i.length > 0 ? { value: i[0].value, label: i[0].label } : null;
+  }, S = (i) => {
+    r.value = i, c != null && c.value ? v(i) : l(i);
+  }, o = () => {
+    r.value = [], a.value = null;
   };
   return Ie(
-    () => t.value,
+    () => s.value,
     () => {
-      if (!t.value && t.value !== 0) {
-        m();
+      if (!s.value && s.value !== 0) {
+        o();
         return;
       }
-      const g = !Array.isArray(t.value), n = [...r.value];
-      m();
-      const v = (o) => {
-        let h = pe(e.value, o);
-        h || (h = pe(n, o)), h || (h = { value: o, label: o.toString() }), r.value.push(h);
+      const i = !Array.isArray(s.value), n = [...r.value];
+      o();
+      const E = (C) => {
+        if (qt(C))
+          r.value.push(C);
+        else {
+          let L = pe(e.value, C);
+          L || (L = pe(n, C)), L || (L = { value: C, label: C.toString() }), r.value.push(L);
+        }
       };
-      if (g) {
-        const o = t.value;
-        v(o), a(r.value);
+      if (i) {
+        const C = s.value;
+        E(C), c != null && c.value ? v(r.value) : l(r.value);
         return;
       }
-      t.value.forEach(v), a(r.value);
+      s.value.forEach(E), c != null && c.value ? v(r.value) : l(r.value);
     },
     { immediate: !0 }
   ), {
     // Values
     cachedSelectedListboxOptions: r,
-    cachedListboxSelectedValues: b,
+    cachedListboxSelectedValues: a,
     // Methods
-    resetCache: m,
-    setCachedValues: l
+    resetCache: o,
+    setCachedValues: S
   };
 };
 export {
   se as B,
-  u as a,
-  rs as b,
-  cs as c,
+  b as a,
+  cs as b,
+  us as c,
   Dt as u
 };
-//# sourceMappingURL=use-cached-selected-values.Ber7lUiH.js.map
+//# sourceMappingURL=use-cached-selected-values.CRwxKmxX.js.map