@adyen/bento-vue2 1.89.2 → 1.90.0

package/dist/chunks/{dropdown.Ct7uhPr6.js → dropdown.CvNI2V33.js}

@@ -1,41 +1,88 @@
-import { ref as h, watch as ee, computed as d, defineComponent as N, useSlots as we, toRefs as Ce, nextTick as L, useAttrs as Me, toRef as x, inject as Pe } from "vue";
-import { d as Z, B as ke } from "./typography.C8lPlsbD.js";
-import { a as Q, b as P, c as $e, B as V, D as Fe } from "./dropdown-default-textbox.Dvzg0StF.js";
+import { ref as g, watch as ee, computed as c, defineComponent as A, useSlots as Se, toRefs as we, nextTick as C, useAttrs as Re, toRef as L, inject as ke } from "vue";
+import { d as X, B as Fe } from "./typography.C8lPlsbD.js";
+import { a as Z, b as k, c as Pe, B as V, D as $e } from "./dropdown-default-textbox.CjhLIxVq.js";
 /* empty css              */
-import { n as $ } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { s as X } from "./events.BQOQSSb7.js";
-import { g as k } from "./generate-uid.NJ8tVoha.js";
+import { n as P } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
+import { s as Q } from "./events.BQOQSSb7.js";
+import { g as F } from "./generate-uid.NJ8tVoha.js";
 import { u as Ke } from "./aria-label.CaUURpnB.js";
 import { u as te } from "./index.B6WW_F-J.js";
 import { u as ze } from "./form-field.D_2g7vaP.js";
-import { B as c, b as G, a as ye, u as Ve, c as We, d as Ue } from "./use-cached-selected-values.DqX2qsMC.js";
-import { u as je } from "./use-form-layout-loading.CWbjZiwP.js";
-import { d as qe } from "./debounce.DUTu11PS.js";
+import { B as u, b as G, a as ye, u as Ve, c as qe, d as We } from "./use-cached-selected-values.Bn3Y8Iuq.js";
+import { u as Ue } from "./use-form-layout-loading.CWbjZiwP.js";
+import { d as je } from "./debounce.DUTu11PS.js";
 import { u as He } from "./use-has-slot.C9lQZ6nz.js";
 import { B as E, a as Je } from "./keyboard-navigation.DWmhelVv.js";
 import { B as Ye } from "./directive.rXUeDb8p.js";
-import { F as Ze, E as Qe } from "./error-message.RxdStT3S.js";
+import { F as Xe, E as Ze } from "./error-message.BUNKRa_w.js";
 import { P as _e } from "./popper-container.C_n9Ds1W.js";
-import { h as Xe } from "./button-actions.BLk114As.js";
+import { h as Qe } from "./button-actions.BmU1DngD.js";
 import "../assets/dropdown.css";
 const Ge = {
-  "en-US": { apply: "Apply", cancel: "Cancel", noOptionsMatchThisSearch: "No options match this search" },
-  "ja-JP": { apply: "適用", cancel: "キャンセル", noOptionsMatchThisSearch: "この検索条件に一致するオプションはありません" },
-  "pt-BR": { apply: "Aplicar", cancel: "Cancelar", noOptionsMatchThisSearch: "A busca não retornou nenhuma opção" }
-}, et = (n, t, o, e) => {
-  const a = h(n.value), { t: l } = te();
+  "de-DE": {
+    apply: "Anwenden",
+    cancel: "Abbrechen",
+    noOptionsMatchThisSearch: "Für diese Suche wurden keine Ergebnisse gefunden."
+  },
+  "en-GB": {
+    apply: "Apply",
+    cancel: "Cancel",
+    noOptionsMatchThisSearch: "No options match this search"
+  },
+  "en-US": {
+    apply: "Apply",
+    cancel: "Cancel",
+    noOptionsMatchThisSearch: "No options match this search"
+  },
+  "es-ES": {
+    apply: "Aplicar",
+    cancel: "Cancelar",
+    noOptionsMatchThisSearch: "No hay opciones que coincidan con esta búsqueda"
+  },
+  "es-MX": {
+    apply: "Aplicar",
+    cancel: "Cancelar",
+    noOptionsMatchThisSearch: "No hay opciones que coincidan con esta búsqueda"
+  },
+  "fr-FR": {
+    apply: "Appliquer",
+    cancel: "Annuler",
+    noOptionsMatchThisSearch: "Aucune option ne correspond à cette recherche"
+  },
+  "it-IT": {
+    apply: "Applica",
+    cancel: "Annulla",
+    noOptionsMatchThisSearch: "Nessun risultato corrispondente a questa ricerca"
+  },
+  "ja-JP": {
+    apply: "適用",
+    cancel: "キャンセル",
+    noOptionsMatchThisSearch: "この検索に一致するオプションはありません"
+  },
+  "pt-BR": {
+    apply: "Aplicar",
+    cancel: "Cancelar",
+    noOptionsMatchThisSearch: "Nenhuma opção corresponde a esta busca"
+  },
+  "zh-CN": {
+    apply: "应用",
+    cancel: "取消",
+    noOptionsMatchThisSearch: "没有符合此搜索条件的选项"
+  }
+}, et = (n, t, a, e) => {
+  const o = g(n.value), { t: l } = te();
   ee(n, () => {
-    a.value = n.value;
+    o.value = n.value;
   });
-  const i = d(
-    () => JSON.stringify(a.value) === JSON.stringify(n.value)
+  const i = c(
+    () => JSON.stringify(o.value) === JSON.stringify(n.value)
   ), r = () => {
-    e(c.SELECT, a.value), e(c.CLOSE_DROPDOWN);
+    e(u.SELECT, o.value), e(u.CLOSE_DROPDOWN);
   }, b = () => {
-    a.value = n.value, e(c.CLOSE_DROPDOWN);
+    o.value = n.value, e(u.CLOSE_DROPDOWN);
   }, y = () => {
-    o.value && t.value && (a.value = n.value);
-  }, p = d(() => [
+    a.value && t.value && (o.value = n.value);
+  }, p = c(() => [
     {
       title: l("apply"),
       event: r,
@@ -45,38 +92,38 @@ const Ge = {
       title: l("cancel"),
       event: b
     }
-  ]), f = (u) => {
-    a.value = u, t.value || e(c.SELECT, u);
-  }, s = (u) => {
-    f(u), e(c.TAB);
-  }, g = (u) => {
-    f(u), e(c.ENTER);
-  }, m = (u) => {
-    f(u), e(c.SPACE);
-  }, S = () => {
-    b(), e(c.ESCAPE);
+  ]), f = (d) => {
+    o.value = d, t.value || e(u.SELECT, d);
+  }, s = (d) => {
+    f(d), e(u.TAB);
+  }, h = (d) => {
+    f(d), e(u.ENTER);
+  }, m = (d) => {
+    f(d), e(u.SPACE);
   }, O = () => {
-    e(c.SHOW_MORE);
-  }, C = {
-    [c.SELECT]: f,
-    [c.SHOW_MORE]: O,
-    [c.TAB]: s,
-    [c.SPACE]: m,
-    [c.ENTER]: g
+    b(), e(u.ESCAPE);
+  }, x = () => {
+    e(u.SHOW_MORE);
+  }, w = {
+    [u.SELECT]: f,
+    [u.SHOW_MORE]: x,
+    [u.TAB]: s,
+    [u.SPACE]: m,
+    [u.ENTER]: h
   };
   return {
     // Values
     actions: p,
-    internalSelectedValue: a,
+    internalSelectedValue: o,
     // Methods
-    listeners: C,
-    onEscapeKey: S,
+    listeners: w,
+    onEscapeKey: O,
     onOutsideDropdownClick: y
   };
-}, tt = N({
+}, tt = A({
   i18n: { messages: Ge },
   name: "bento-dropdown-options-container"
-}), ot = /* @__PURE__ */ N({
+}), at = /* @__PURE__ */ A({
   ...tt,
   props: {
     /**
@@ -187,12 +234,12 @@ const Ge = {
     }
   },
   emits: [],
-  setup(n, { expose: t, emit: o }) {
-    const e = n, a = we(), { selectedValue: l, multiple: i } = Ce(e), r = h(null), { t: b } = te(), y = d(() => e.open && !e.disabled), p = d(() => b("noOptionsMatchThisSearch")), f = d(() => ({
+  setup(n, { expose: t, emit: a }) {
+    const e = n, o = Se(), { selectedValue: l, multiple: i } = we(e), r = g(null), { t: b } = te(), y = c(() => e.open && !e.disabled), p = c(() => b("noOptionsMatchThisSearch")), f = c(() => ({
       "b-dropdown-options-container--single": !(e != null && e.multiple)
-    })), s = d(() => ({
+    })), s = c(() => ({
       "b-dropdown-options-container__listbox--single": !(e != null && e.multiple)
-    })), { actions: g, internalSelectedValue: m, listeners: S, onEscapeKey: O, onOutsideDropdownClick: C } = et(l, i, y, o), u = d(() => e != null && e.multiple ? Xe : _e), I = d(() => {
+    })), { actions: h, internalSelectedValue: m, listeners: O, onEscapeKey: x, onOutsideDropdownClick: w } = et(l, i, y, a), d = c(() => e != null && e.multiple ? Qe : _e), T = c(() => {
       var B;
       const D = {
         "min-width": `${(B = e == null ? void 0 : e.targetElement) == null ? void 0 : B.clientWidth}px`,
@@ -201,10 +248,10 @@ const Ge = {
       return e != null && e.multiple ? {
         actionsLayout: "space-between",
         ariaLabel: e.ariaLabel,
-        actions: g.value,
+        actions: h.value,
         divider: !0,
         fallbackPosition: ["top-start"],
-        id: k(`dropdown-options-${e.id}`),
+        id: F(`dropdown-options-${e.id}`),
         open: e.open,
         position: "bottom-start",
         style: {
@@ -224,56 +271,56 @@ const Ge = {
       };
     });
     return t({
-      onOutsideDropdownClick: C
-    }), { __sfc: !0, slots: a, emit: o, props: e, selectedValue: l, multiple: i, dropdownOptionsListboxRef: r, t: b, isDropdownOpen: y, noResultsMessage: p, conditionalClasses: f, conditionalListboxClasses: s, actions: g, internalSelectedValue: m, listeners: S, onEscapeKey: O, onOutsideDropdownClick: C, popperContainerOrPopoverComponent: u, popperContainerOrPopoverProps: I, BentoListbox: G };
+      onOutsideDropdownClick: w
+    }), { __sfc: !0, slots: o, emit: a, props: e, selectedValue: l, multiple: i, dropdownOptionsListboxRef: r, t: b, isDropdownOpen: y, noResultsMessage: p, conditionalClasses: f, conditionalListboxClasses: s, actions: h, internalSelectedValue: m, listeners: O, onEscapeKey: x, onOutsideDropdownClick: w, popperContainerOrPopoverComponent: d, popperContainerOrPopoverProps: T, BentoListbox: G };
   }
 });
-var at = function() {
-  var t = this, o = t._self._c, e = t._self._setupProxy;
-  return e.isDropdownOpen ? o(e.popperContainerOrPopoverComponent, t._b({ tag: "component", staticClass: "b-dropdown-options-container", class: e.conditionalClasses }, "component", e.popperContainerOrPopoverProps, !1), [o("div", { on: { keydown: function(a) {
-    return !a.type.indexOf("key") && t._k(a.keyCode, "esc", 27, a.key, ["Esc", "Escape"]) ? null : e.onEscapeKey.apply(null, arguments);
-  } } }, [o(e.BentoListbox, t._g({ ref: "dropdownOptionsListboxRef", staticClass: "b-dropdown-options-container__listbox", class: e.conditionalListboxClasses, attrs: { id: t.id, "aria-label": t.ariaLabel, "component-loading": t.componentLoading, "empty-state": t.emptyState, "is-option-disabled": t.isOptionDisabled, items: t.items, "selected-value": e.internalSelectedValue, multiple: e.multiple, "static-categories": t.staticCategories, "no-results-message": e.noResultsMessage, searching: t.searching, loading: t.loading, "lazy-load-type": t.lazyLoadType, "has-more-items": t.hasMoreItems, "virtual-scroll": t.virtualScroll }, scopedSlots: t._u([t._l(e.slots, function(a, l) {
+var ot = function() {
+  var t = this, a = t._self._c, e = t._self._setupProxy;
+  return e.isDropdownOpen ? a(e.popperContainerOrPopoverComponent, t._b({ tag: "component", staticClass: "b-dropdown-options-container", class: e.conditionalClasses }, "component", e.popperContainerOrPopoverProps, !1), [a("div", { on: { keydown: function(o) {
+    return !o.type.indexOf("key") && t._k(o.keyCode, "esc", 27, o.key, ["Esc", "Escape"]) ? null : e.onEscapeKey.apply(null, arguments);
+  } } }, [a(e.BentoListbox, t._g({ ref: "dropdownOptionsListboxRef", staticClass: "b-dropdown-options-container__listbox", class: e.conditionalListboxClasses, attrs: { id: t.id, "aria-label": t.ariaLabel, "component-loading": t.componentLoading, "empty-state": t.emptyState, "is-option-disabled": t.isOptionDisabled, items: t.items, "selected-value": e.internalSelectedValue, multiple: e.multiple, "static-categories": t.staticCategories, "no-results-message": e.noResultsMessage, searching: t.searching, loading: t.loading, "lazy-load-type": t.lazyLoadType, "has-more-items": t.hasMoreItems, "virtual-scroll": t.virtualScroll }, scopedSlots: t._u([t._l(e.slots, function(o, l) {
     return { key: l, fn: function(i) {
       return [t._t(l, null, null, i)];
     } };
   })], null, !0) }, e.listeners))], 1)]) : t._e();
-}, nt = [], lt = /* @__PURE__ */ $(
-  ot,
+}, nt = [], lt = /* @__PURE__ */ P(
   at,
+  ot,
   nt,
   !1,
   null,
   "eb9fd4be"
 );
 const st = lt.exports;
-let ge = 0;
+let he = 0;
 const it = {
   beforeCreate() {
-    this.uuid = ge.toString(), ge += 1;
+    this.uuid = he.toString(), he += 1;
   }
 };
 var rt = function() {
-  var t = this, o = t._self._c;
-  return o("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? o("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), o("path", { attrs: { fill: "#001222", d: "M5.00011 5.43922L8.00011 8.43922L11.0001 5.43922L12.0608 6.49988L8.00011 10.5605L3.93945 6.49988L5.00011 5.43922Z" } })]);
-}, dt = [], ut = /* @__PURE__ */ $(
+  var t = this, a = t._self._c;
+  return a("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? a("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), a("path", { attrs: { fill: "#001222", d: "M5.00011 5.43922L8.00011 8.43922L11.0001 5.43922L12.0608 6.49988L8.00011 10.5605L3.93945 6.49988L5.00011 5.43922Z" } })]);
+}, ct = [], dt = /* @__PURE__ */ P(
   it,
   rt,
-  dt,
+  ct,
   !1,
   null,
   null
 );
-const ct = ut.exports;
-let he = 0;
+const ut = dt.exports;
+let ge = 0;
 const pt = {
   beforeCreate() {
-    this.uuid = he.toString(), he += 1;
+    this.uuid = ge.toString(), ge += 1;
   }
 };
 var ft = function() {
-  var t = this, o = t._self._c;
-  return o("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? o("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), o("path", { attrs: { fill: "#001222", d: "M10.9999 10.5608L7.9999 7.56077L4.9999 10.5608L3.93924 9.50011L7.9999 5.43945L12.0606 9.50011L10.9999 10.5608Z" } })]);
-}, vt = [], mt = /* @__PURE__ */ $(
+  var t = this, a = t._self._c;
+  return a("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? a("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), a("path", { attrs: { fill: "#001222", d: "M10.9999 10.5608L7.9999 7.56077L4.9999 10.5608L3.93924 9.50011L7.9999 5.43945L12.0606 9.50011L10.9999 10.5608Z" } })]);
+}, vt = [], mt = /* @__PURE__ */ P(
   pt,
   ft,
   vt,
@@ -281,10 +328,10 @@ var ft = function() {
   null,
   null
 );
-const bt = mt.exports, yt = N({
+const bt = mt.exports, yt = A({
   name: "dropdown-small-textbox",
   inheritAttrs: !1
-}), _t = /* @__PURE__ */ N({
+}), _t = /* @__PURE__ */ A({
   ...yt,
   props: {
     /**
@@ -341,168 +388,215 @@ const bt = mt.exports, yt = N({
     value: { type: String, default: "" }
   },
   emits: ["clear", "close", "input", "keydown", "open"],
-  setup(n, { expose: t, emit: o }) {
-    const e = n, a = h(null), l = d(() => ({
-      [`b-dropdown-small-textbox--${Q.DISABLED}`]: e.disabled,
-      [`b-dropdown-small-textbox--${Q.READONLY}`]: e.readonly,
-      [`b-dropdown-small-textbox--${Q.OPENED}`]: e.open
-    })), i = d(() => e.open && !e.disabled && !e.readonly), r = (m) => {
-      o("input", m);
+  setup(n, { expose: t, emit: a }) {
+    const e = n, o = g(null), l = c(() => ({
+      [`b-dropdown-small-textbox--${Z.DISABLED}`]: e.disabled,
+      [`b-dropdown-small-textbox--${Z.READONLY}`]: e.readonly,
+      [`b-dropdown-small-textbox--${Z.OPENED}`]: e.open
+    })), i = c(() => e.open && !e.disabled && !e.readonly), r = (m) => {
+      a("input", m);
     }, b = (m) => {
-      o("keydown", m);
+      a("keydown", m);
     }, y = (m) => {
-      X(m), o("open");
+      Q(m), a("open");
     }, p = (m) => {
-      X(m), o("close");
+      Q(m), a("close");
     }, f = (m) => {
-      X(m), o("clear");
+      Q(m), a("clear");
     }, s = {
-      [P.INPUT]: r,
-      [P.OPEN]: y,
-      [P.CLOSE]: p,
-      [P.CLEAR]: f,
-      [P.KEYDOWN]: b
-    }, g = () => {
-      a.value.focus();
+      [k.INPUT]: r,
+      [k.OPEN]: y,
+      [k.CLOSE]: p,
+      [k.CLEAR]: f,
+      [k.KEYDOWN]: b
+    }, h = () => {
+      o.value.focus();
     };
     return t({
-      focus: g
-    }), { __sfc: !0, emit: o, props: e, baseTextbox: a, conditionalClasses: l, isDropdownOpen: i, onInput: r, onKeyDown: b, openDropdown: y, closeDropdown: p, clearValue: f, listeners: s, focus: g, BentoDropdownSize: V, DropdownBaseTextbox: $e, ChevronDownSmallIcon: ct, ChevronUpSmallIcon: bt };
+      focus: h
+    }), { __sfc: !0, emit: a, props: e, baseTextbox: o, conditionalClasses: l, isDropdownOpen: i, onInput: r, onKeyDown: b, openDropdown: y, closeDropdown: p, clearValue: f, listeners: s, focus: h, BentoDropdownSize: V, DropdownBaseTextbox: Pe, ChevronDownSmallIcon: ut, ChevronUpSmallIcon: bt };
   }
 });
-var gt = function() {
-  var t = this, o = t._self._c, e = t._self._setupProxy;
-  return o("div", { staticClass: "b-dropdown-small-textbox", class: e.conditionalClasses }, [o(e.DropdownBaseTextbox, t._g(t._b({ ref: "baseTextbox", staticClass: "b-dropdown-small-textbox__textbox", attrs: { size: e.BentoDropdownSize.SMALL }, scopedSlots: t._u([{ key: "icon", fn: function() {
-    return [o("div", { staticClass: "b-dropdown-small-textbox__chevron" }, [o(e.ChevronUpSmallIcon, { directives: [{ name: "show", rawName: "v-show", value: e.isDropdownOpen, expression: "isDropdownOpen" }], attrs: { "svg-title": "opened" } }), o(e.ChevronDownSmallIcon, { directives: [{ name: "show", rawName: "v-show", value: !e.isDropdownOpen, expression: "!isDropdownOpen" }], attrs: { "svg-title": "closed" } })], 1)];
+var ht = function() {
+  var t = this, a = t._self._c, e = t._self._setupProxy;
+  return a("div", { staticClass: "b-dropdown-small-textbox", class: e.conditionalClasses }, [a(e.DropdownBaseTextbox, t._g(t._b({ ref: "baseTextbox", staticClass: "b-dropdown-small-textbox__textbox", attrs: { size: e.BentoDropdownSize.SMALL }, scopedSlots: t._u([{ key: "icon", fn: function() {
+    return [a("div", { staticClass: "b-dropdown-small-textbox__chevron" }, [a(e.ChevronUpSmallIcon, { directives: [{ name: "show", rawName: "v-show", value: e.isDropdownOpen, expression: "isDropdownOpen" }], attrs: { "svg-title": "opened" } }), a(e.ChevronDownSmallIcon, { directives: [{ name: "show", rawName: "v-show", value: !e.isDropdownOpen, expression: "!isDropdownOpen" }], attrs: { "svg-title": "closed" } })], 1)];
   }, proxy: !0 }]) }, "dropdown-base-textbox", { ...t.$attrs, ...t.$props }, !1), e.listeners))], 1);
-}, ht = [], wt = /* @__PURE__ */ $(
+}, gt = [], St = /* @__PURE__ */ P(
   _t,
-  gt,
   ht,
+  gt,
   !1,
   null,
   "faba160c"
 );
-const Ct = wt.exports, Lt = (n, t) => t.value.reduce((o, e) => {
+const wt = St.exports, Ct = (n, t) => t.value.reduce((a, e) => {
   if (e.items) {
-    const a = e.items.filter(
+    const o = e.items.filter(
       (i) => n.value.find((r) => r.value === i.value)
     );
-    a.length === e.items.length ? o.push(e.displayValue ?? e.label) : a.forEach(({ label: i, displayValue: r }) => o.push(r ?? i));
+    o.length === e.items.length ? a.push(e.displayValue ?? e.label) : o.forEach(({ label: i, displayValue: r }) => a.push(r ?? i));
   }
-  return n.value.find((a) => a.value === e.value) && o.push(e.displayValue ?? e.label), o;
-}, []).join(", "), xt = ({ items: n, placeholder: t, selectedValues: o, isMultiSelect: e }) => {
-  const a = d(
+  return n.value.find((o) => o.value === e.value) && a.push(e.displayValue ?? e.label), a;
+}, []).join(", "), Lt = ({ items: n, placeholder: t, selectedValues: a, isMultiSelect: e }) => {
+  const o = c(
     () => e.value && n.value.find((i) => {
       var r;
       return (r = i.items) == null ? void 0 : r.length;
     })
   );
-  return d(() => o.value.length ? a.value ? Lt(o, n) : o.value.map(({ label: i, displayValue: r }) => r ?? i).join(", ") : t.value || null);
-}, Le = (n) => {
+  return c(() => a.value.length ? o.value ? Ct(a, n) : a.value.map(({ label: i, displayValue: r }) => r ?? i).join(", ") : t.value || null);
+}, Ce = (n) => {
   var t;
   (t = n.value.$children) == null || t[0].$refs.textbox.focus();
-}, St = ({
+}, Ot = ({
   inputContainerRef: n,
   optionsContainerRef: t,
-  selectedValueIndex: o,
+  selectedValueIndex: a,
   isDropdownOpen: e,
-  isDynamicFltering: a,
+  isDynamicFltering: o,
   items: l,
   isMultiple: i
 }, r, b, y) => {
   const p = async (_) => {
-    var w;
-    a.value && await L(), (w = l.value[_]) == null || w.focus();
+    var S;
+    o.value && await C(), (S = l.value[_]) == null || S.focus();
   }, f = async (_) => {
-    var R, K;
-    a.value && await L();
-    const w = (R = t.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef) == null ? void 0 : R.$el.querySelectorAll(
+    var N, K;
+    o.value && await C();
+    const S = (N = t.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef) == null ? void 0 : N.$el.querySelectorAll(
       "button"
     );
-    w.length ? (K = w[_]) == null || K.focus() : p(_);
+    S.length ? (K = S[_]) == null || K.focus() : p(_);
   }, s = (_) => {
-    var w;
-    return (w = t.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef) == null ? void 0 : w.setListboxFocusedIndex(
+    var S;
+    return (S = t.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef) == null ? void 0 : S.setListboxFocusedIndex(
       _
     );
-  }, g = () => {
-    e.value || b(), L(() => {
+  }, h = () => {
+    e.value || b(), C(() => {
       s(0), p(0);
     });
   }, m = () => {
-    e.value || b(), L(() => {
+    e.value || b(), C(() => {
       s(l.value.length - 1), p(l.value.length - 1);
     });
-  }, S = ({ detail: _ }) => {
-    _.preventDefault(), g();
   }, O = ({ detail: _ }) => {
+    _.preventDefault(), h();
+  }, x = ({ detail: _ }) => {
     _.preventDefault(), m();
-  }, C = () => {
-    g();
-  }, u = () => {
+  }, w = () => {
+    h();
+  }, d = () => {
     m();
-  }, I = ({ detail: _ }) => {
-    _.preventDefault(), r(), e.value && L(() => {
-      i ? f(0) : (s(o.value), p(o.value));
+  }, T = ({ detail: _ }) => {
+    _.preventDefault(), r(), e.value && C(() => {
+      i ? f(0) : (s(a.value), p(a.value));
     });
   }, D = ({ detail: _ }) => {
-    _.preventDefault(), r(), e.value && L(() => {
-      i ? f(0) : (s(o.value), p(o.value));
+    _.preventDefault(), r(), e.value && C(() => {
+      i ? f(0) : (s(a.value), p(a.value));
     });
   }, B = () => {
     e.value && y();
-  }, F = () => {
-    e.value && (y(), Le(n));
+  }, $ = () => {
+    e.value && (y(), Ce(n));
   };
-  return d(() => ({
-    [E.ARROW_DOWN]: S,
-    [E.ARROW_UP]: O,
-    [E.HOME]: C,
-    [E.END]: u,
-    ...a.value ? {} : { [E.SPACE]: I },
+  return c(() => ({
+    [E.ARROW_DOWN]: O,
+    [E.ARROW_UP]: x,
+    [E.HOME]: w,
+    [E.END]: d,
+    ...o.value ? {} : { [E.SPACE]: T },
     [E.ENTER]: D,
     [E.TAB]: B,
-    [E.ESCAPE]: F
+    [E.ESCAPE]: $
   }));
-}, Ot = ({ inputContainerRef: n, isDropdownOpen: t }, o) => {
+}, xt = ({ inputContainerRef: n, isDropdownOpen: t }, a) => {
   const e = () => {
-    t.value && o(), L(() => {
-      Le(n);
+    t.value && a(), C(() => {
+      Ce(n);
     });
   };
   return {
-    [c.ENTER]: e,
-    [c.ESCAPE]: e,
-    [c.TAB]: e,
-    [c.SPACE]: e
+    [u.ENTER]: e,
+    [u.ESCAPE]: e,
+    [u.TAB]: e,
+    [u.SPACE]: e
   };
 };
-function Et(n, t, o, e, a) {
-  const l = h(n), i = h(t), r = (p, f = []) => f.flatMap((s) => s.label.toLocaleLowerCase().includes(p) ? e != null && e.value && s.items ? [...r(p, s.items)] : [s, ...r(p, s.items)] : s.items ? [...r(p, s.items)] : []), b = o !== void 0 ? qe(() => o(l.value), a ?? 300) : void 0;
+function Et(n, t, a, e, o) {
+  const l = g(n), i = g(t), r = (p, f = []) => f.flatMap((s) => s.label.toLocaleLowerCase().includes(p) ? e != null && e.value && s.items ? [...r(p, s.items)] : [s, ...r(p, s.items)] : s.items ? [...r(p, s.items)] : []), b = a !== void 0 ? je(() => a(l.value), o ?? 300) : void 0;
   return ee(l, () => {
     b !== void 0 && b();
-  }), d(() => {
-    if (!l.value || o !== void 0)
+  }), c(() => {
+    if (!l.value || a !== void 0)
       return i.value;
     const p = l.value.toLocaleLowerCase();
     return r(p, i.value);
   });
 }
 const Dt = {
-  "en-US": { all: "All", ariaLabelFallback: "Dropdown", clearSearch: "Clear filter" },
-  "ja-JP": { all: "すべて", ariaLabelFallback: "ドロップダウン", clearSearch: "フィルターをクリア" },
-  "pt-BR": { all: "Todos", ariaLabelFallback: "Menu suspenso", clearSearch: "Limpar filtro" }
-}, Bt = /* @__PURE__ */ Symbol("input field component injection key"), eo = /* @__PURE__ */ Symbol("input field hint injection key"), to = /* @__PURE__ */ Symbol("input field parent component injection key"), It = N({
+  "de-DE": {
+    all: "Alle",
+    ariaLabelFallback: "Dropdown",
+    clearSearch: "Filter löschen"
+  },
+  "en-GB": {
+    all: "All",
+    ariaLabelFallback: "Dropdown",
+    clearSearch: "Clear filter"
+  },
+  "en-US": {
+    all: "All",
+    ariaLabelFallback: "Dropdown",
+    clearSearch: "Clear filter"
+  },
+  "es-ES": {
+    all: "Todos",
+    ariaLabelFallback: "Menú desplegable",
+    clearSearch: "Limpiar filtro"
+  },
+  "es-MX": {
+    all: "Todos",
+    ariaLabelFallback: "Menú desplegable",
+    clearSearch: "Limpiar filtro"
+  },
+  "fr-FR": {
+    all: "Tous",
+    ariaLabelFallback: "Menu déroulant",
+    clearSearch: "Effacer le filtre"
+  },
+  "it-IT": {
+    all: "Tutti",
+    ariaLabelFallback: "Menu a discesa",
+    clearSearch: "Cancella filtro"
+  },
+  "ja-JP": {
+    all: "すべて",
+    ariaLabelFallback: "ドロップダウン",
+    clearSearch: "フィルターをクリア"
+  },
+  "pt-BR": {
+    all: "Todos",
+    ariaLabelFallback: "Menu suspenso",
+    clearSearch: "Limpar filtro"
+  },
+  "zh-CN": {
+    all: "全部",
+    ariaLabelFallback: "下拉菜单",
+    clearSearch: "清除筛选器"
+  }
+}, Bt = /* @__PURE__ */ Symbol("input field component injection key"), ea = /* @__PURE__ */ Symbol("input field hint injection key"), ta = /* @__PURE__ */ Symbol("input field parent component injection key"), Tt = A({
   i18n: { messages: Dt },
   name: "b-dropdown",
   components: {
-    DropdownInputDefault: Fe,
-    DropdownInputSmall: Ct
+    DropdownInputDefault: $e,
+    DropdownInputSmall: wt
   },
   model: { prop: "modelValue" }
-}), Tt = /* @__PURE__ */ N({
-  ...It,
+}), It = /* @__PURE__ */ A({
+  ...Tt,
   props: {
     description: { default: null },
     disabled: { type: Boolean, default: !1 },
@@ -535,115 +629,115 @@ const Dt = {
     enableValueLabelPair: { type: Boolean, default: !1 }
   },
   emits: ["input", "update:model-value", "show-more", "open"],
-  setup(n, { expose: t, emit: o }) {
+  setup(n, { expose: t, emit: a }) {
     var me, be;
-    const e = n, a = Me(), l = we(), i = He(l), { t: r } = te(), { emitValue: b } = ze(o), y = h(null), p = h(null), f = h(null), s = h(!1), g = k("bento-dropdown-options-container"), m = k("dropdown-label"), S = k("dropdown-description"), O = k("dropdown-error"), { isReadOnly: C } = je(x(e, "readonly")), u = d(() => e.modelValue ?? e.value), { cachedSelectedListboxOptions: I, cachedListboxSelectedValues: D, setCachedValues: B } = Ve(
-      x(e, "items"),
-      u,
-      x(e, "multiple"),
-      x(e, "enableValueLabelPair")
-    ), F = h(a["aria-label"]), W = h(a["aria-describedby"]), { ariaLabel: _, label: w } = Ce(e), R = d(() => r("ariaLabelFallback")), K = Ke({
+    const e = n, o = Re(), l = Se(), i = He(l), { t: r } = te(), { emitValue: b } = ze(a), y = g(null), p = g(null), f = g(null), s = g(!1), h = F("bento-dropdown-options-container"), m = F("dropdown-label"), O = F("dropdown-description"), x = F("dropdown-error"), { isReadOnly: w } = Ue(L(e, "readonly")), d = c(() => e.modelValue ?? e.value), { cachedSelectedListboxOptions: T, cachedListboxSelectedValues: D, setCachedValues: B } = Ve(
+      L(e, "items"),
+      d,
+      L(e, "multiple"),
+      L(e, "enableValueLabelPair")
+    ), $ = g(o["aria-label"]), q = g(o["aria-describedby"]), { ariaLabel: _, label: S } = we(e), N = c(() => r("ariaLabelFallback")), K = Ke({
       // TODO: take ariaLabel ref away when aria-label prop is removed
-      ariaLabel: _.value || F,
-      label: w,
-      defaultFallback: R
-    }), oe = e.size === V.SMALL || Pe(Bt, !1), xe = d(() => oe ? V.SMALL : V.DEFAULT), Se = d(() => ({
+      ariaLabel: _.value || $,
+      label: S,
+      defaultFallback: N
+    }), ae = e.size === V.SMALL || ke(Bt, !1), Le = c(() => ae ? V.SMALL : V.DEFAULT), Oe = c(() => ({
       "b-dropdown--condensed": e.condensed
-    })), Oe = d(() => ({
+    })), xe = c(() => ({
       "b-dropdown__description--error": !!e.errorMessage
-    })), T = h(""), M = x(e, "items"), ae = x(e, "staticCategories"), U = Et(
-      T,
-      M,
+    })), I = g(""), R = L(e, "items"), oe = L(e, "staticCategories"), W = Et(
+      I,
+      R,
       (me = e == null ? void 0 : e.search) == null ? void 0 : me.searchEvent,
-      ae,
+      oe,
       (be = e == null ? void 0 : e.search) == null ? void 0 : be.debounceTime
-    ), j = d(() => e.dynamicFiltering && !!T.value), Ee = xt({
-      items: M,
-      placeholder: x(e, "placeholder"),
-      isMultiSelect: x(e, "multiple"),
-      selectedValues: I
-    }), De = d(() => {
-      if (e != null && e.multiple && Array.isArray(u.value))
+    ), U = c(() => e.dynamicFiltering && !!I.value), Ee = Lt({
+      items: R,
+      placeholder: L(e, "placeholder"),
+      isMultiSelect: L(e, "multiple"),
+      selectedValues: T
+    }), De = c(() => {
+      if (e != null && e.multiple && Array.isArray(d.value))
         return e.items.filter(
           ({ value: v }) => (e == null ? void 0 : e.value) && (e == null ? void 0 : e.value).includes(v)
         );
       if (!e.multiple && e.staticCategories) {
         const v = e.items.find(
-          (Y) => Y.items.some((Re) => Re.value === u.value)
+          (Y) => Y.items.some((Ne) => Ne.value === d.value)
         );
-        return v ? v.items.find((Y) => Y.value === u.value) : null;
+        return v ? v.items.find((Y) => Y.value === d.value) : null;
       }
-      return e.items.find(({ value: v }) => v === u.value);
-    }), ne = d(() => {
-      const v = U.value.findIndex(({ value: A }) => e.enableValueLabelPair ? u.value.value === A : u.value === A);
+      return e.items.find(({ value: v }) => v === d.value);
+    }), ne = c(() => {
+      const v = W.value.findIndex(({ value: M }) => e.enableValueLabelPair ? d.value.value === M : d.value === M);
       return v > -1 ? v : 0;
-    }), { isMultiLevelSelect: q, flattenedItemsList: le } = We(M), se = d(() => q.value && !e.staticCategories), ie = d(() => se.value ? "treeitem" : "option"), Be = d(() => {
+    }), { isMultiLevelSelect: j, flattenedItemsList: le } = qe(R), se = c(() => j.value && !e.staticCategories), ie = c(() => se.value ? "treeitem" : "option"), Be = c(() => {
       if (e.multiple) {
-        const v = Array.isArray(u.value) ? u.value.length : 0, A = q.value ? le.value.length : M.value.length;
-        return v === 0 ? null : !e.hasMoreItems && A > 0 && A === v ? r("all") : v;
+        const v = Array.isArray(d.value) ? d.value.length : 0, M = j.value ? le.value.length : R.value.length;
+        return v === 0 ? null : !e.hasMoreItems && M > 0 && M === v ? r("all") : v;
       }
       return null;
-    }), Ie = d(
+    }), Te = c(
       () => [
-        e.description ? S : null,
-        W.value,
-        e.errorMessage ? O : null
+        e.description ? O : null,
+        q.value,
+        e.errorMessage ? x : null
       ].filter(Boolean).join(" ") || null
-    ), re = d(() => {
+    ), re = c(() => {
       var v;
       return (v = f.value) == null ? void 0 : v.$el;
-    }), { visibleDomOptions: de, updateVisibleDomOptions: H } = Ue(
+    }), { visibleDomOptions: ce, updateVisibleDomOptions: H } = We(
       re,
-      U,
+      W,
       ie
-    ), ue = () => {
-      C.value || (s.value = !0, L(() => {
+    ), de = () => {
+      w.value || (s.value = !0, C(() => {
         H();
       }));
     }, z = () => {
       s.value = !1;
-    }, ce = () => {
-      C.value || (s.value = !s.value, L(() => {
+    }, ue = () => {
+      w.value || (s.value = !s.value, C(() => {
         H();
-      }), j.value && (T.value = ""));
-    }, Te = () => {
-      j.value && (T.value = ""), s.value && (s.value = !1, f.value.onOutsideDropdownClick());
+      }), U.value && (I.value = ""));
+    }, Ie = () => {
+      U.value && (I.value = ""), s.value && (s.value = !1, f.value.onOutsideDropdownClick());
     }, pe = async (v) => {
-      e.multiple || (T.value = "", s.value = !1), B(v), b(D.value), e.multiple || (await L(), J());
+      e.multiple || (I.value = "", s.value = !1), B(v), b(D.value), e.multiple || (await C(), J());
     }, fe = () => {
-      o(c.SHOW_MORE);
-    }, Ae = St(
+      a(u.SHOW_MORE);
+    }, Me = Ot(
       {
         inputContainerRef: y,
         optionsContainerRef: f,
         selectedValueIndex: ne,
         isDropdownOpen: s,
-        isDynamicFltering: x(e, "dynamicFiltering"),
-        items: de,
+        isDynamicFltering: L(e, "dynamicFiltering"),
+        items: ce,
         isMultiple: e.multiple
       },
-      ce,
       ue,
+      de,
       z
-    ), ve = Ot(
+    ), ve = xt(
       {
         inputContainerRef: y,
         isDropdownOpen: s
       },
       z
-    ), Ne = {
-      [c.CLOSE_DROPDOWN]: z,
-      [c.SELECT]: pe,
-      [c.SHOW_MORE]: fe,
+    ), Ae = {
+      [u.CLOSE_DROPDOWN]: z,
+      [u.SELECT]: pe,
+      [u.SHOW_MORE]: fe,
       ...ve
     };
-    e.error && Z(
+    e.error && X(
       'BentoDropdown "error" property',
       `Use the BentoDropdown "errorMessage" property instead to indicate that there is a modifier error.
                             Having the field as "undefined" will hide/remove the error.
                             <bento-dropdown errorMessage="Error message text" />`,
       "2.0.0"
-    ), e.size && Z('BentoDropdown "size" property', "Do not use. Only 'default' size should be used.", "2.0.0"), e.value && Z(
+    ), e.size && X('BentoDropdown "size" property', "Do not use. Only 'default' size should be used.", "2.0.0"), e.value && X(
       'BentoDropdown "value" property',
       `The use of "value" prop in "BentoDropdown" is no longer supported.
                 Use the "v-model" or "model-value" property instead.`,
@@ -655,42 +749,42 @@ const Dt = {
     return ee(
       () => s.value,
       (v) => {
-        v && o("open");
+        v && a("open");
       }
     ), t({
       focus: J
-    }), { __sfc: !0, attrs: a, slots: l, hasSlot: i, props: e, emit: o, t: r, emitValue: b, inputContainerRef: y, inputContainerRefWrapper: p, optionsContainerRef: f, isDropdownOpen: s, dropdownOptionsContainerId: g, labelId: m, descriptionId: S, errorId: O, isReadOnly: C, dropdownValue: u, cachedSelectedListboxOptions: I, cachedListboxSelectedValues: D, setCachedValues: B, ariaLabelAttribute: F, ariaDescribedByAttribute: W, ariaLabel: _, label: w, computedAriaLabelFallbackMessage: R, computedAriaLabel: K, isInputComponent: oe, computedSize: xe, conditionalClasses: Se, descriptionConditionalClasses: Oe, searchTerm: T, items: M, staticCategories: ae, filteredItems: U, isSearching: j, displayValue: Ee, selectedValueItem: De, selectedValueIndex: ne, isMultiLevelSelect: q, flattenedItemsList: le, isTreePattern: se, computedOptionRole: ie, additionalItemsSelected: Be, ariaDescribedBy: Ie, listboxRef: re, visibleDomOptions: de, updateVisibleDomOptions: H, openDropdown: ue, closeDropdown: z, toggleDropdown: ce, clickOutsideDropdown: Te, onOptionSelected: pe, emitShowMoreEvent: fe, textboxKeyboardNavigationListeners: Ae, listboxKeyboardNavigationListeners: ve, listboxListeners: Ne, focus: J, BentoDropdownOptionsContainer: st, BentoTypography: ke, ErrorMessage: Qe, FieldLabel: Ze, vBentoClickOutsideDirective: Ye, vBentoKeyboardNavigationDirective: Je };
+    }), { __sfc: !0, attrs: o, slots: l, hasSlot: i, props: e, emit: a, t: r, emitValue: b, inputContainerRef: y, inputContainerRefWrapper: p, optionsContainerRef: f, isDropdownOpen: s, dropdownOptionsContainerId: h, labelId: m, descriptionId: O, errorId: x, isReadOnly: w, dropdownValue: d, cachedSelectedListboxOptions: T, cachedListboxSelectedValues: D, setCachedValues: B, ariaLabelAttribute: $, ariaDescribedByAttribute: q, ariaLabel: _, label: S, computedAriaLabelFallbackMessage: N, computedAriaLabel: K, isInputComponent: ae, computedSize: Le, conditionalClasses: Oe, descriptionConditionalClasses: xe, searchTerm: I, items: R, staticCategories: oe, filteredItems: W, isSearching: U, displayValue: Ee, selectedValueItem: De, selectedValueIndex: ne, isMultiLevelSelect: j, flattenedItemsList: le, isTreePattern: se, computedOptionRole: ie, additionalItemsSelected: Be, ariaDescribedBy: Te, listboxRef: re, visibleDomOptions: ce, updateVisibleDomOptions: H, openDropdown: de, closeDropdown: z, toggleDropdown: ue, clickOutsideDropdown: Ie, onOptionSelected: pe, emitShowMoreEvent: fe, textboxKeyboardNavigationListeners: Me, listboxKeyboardNavigationListeners: ve, listboxListeners: Ae, focus: J, BentoDropdownOptionsContainer: st, BentoTypography: Fe, ErrorMessage: Ze, FieldLabel: Xe, vBentoClickOutsideDirective: Ye, vBentoKeyboardNavigationDirective: Je };
   }
 });
-var At = function() {
-  var t = this, o = t._self._c, e = t._self._setupProxy;
-  return o("div", { directives: [{ name: "bento-click-outside-directive", rawName: "v-bento-click-outside-directive", value: e.clickOutsideDropdown, expression: "clickOutsideDropdown" }], staticClass: "b-dropdown", class: e.conditionalClasses }, [e.label ? o(e.FieldLabel, { attrs: { id: e.labelId, condensed: t.condensed, label: e.label, "tooltip-text": t.tooltipText, optional: t.optional, required: t.required } }) : t._e(), o("div", t._g({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], ref: "inputContainerRefWrapper" }, e.textboxKeyboardNavigationListeners), [o(e.computedSize, { ref: "inputContainerRef", tag: "component", attrs: { condensed: t.condensed, value: e.searchTerm, "additional-items-selected": e.additionalItemsSelected, "aria-controls": e.dropdownOptionsContainerId, ariaExpanded: e.isDropdownOpen, "aria-labelledby": e.label ? e.labelId : null, "aria-describedby": e.ariaDescribedBy, "aria-label": e.computedAriaLabel, "aria-readonly": e.isReadOnly, "aria-required": t.required, readonly: e.isReadOnly, disabled: t.disabled, "display-value": e.displayValue, "dynamic-filtering": t.dynamicFiltering, "is-invalid": !!t.errorMessage || t.error, multiple: t.multiple, open: e.isDropdownOpen, "selected-value-item": e.isInputComponent ? void 0 : e.selectedValueItem, "show-slot-content-in-multiple": t.showSlotContentInMultiple }, on: { input: function(a) {
-    e.searchTerm = a;
-  }, open: e.toggleDropdown, close: e.toggleDropdown }, scopedSlots: t._u([t._l(e.slots, function(a, l) {
+var Mt = function() {
+  var t = this, a = t._self._c, e = t._self._setupProxy;
+  return a("div", { directives: [{ name: "bento-click-outside-directive", rawName: "v-bento-click-outside-directive", value: e.clickOutsideDropdown, expression: "clickOutsideDropdown" }], staticClass: "b-dropdown", class: e.conditionalClasses }, [e.label ? a(e.FieldLabel, { attrs: { id: e.labelId, condensed: t.condensed, label: e.label, "tooltip-text": t.tooltipText, optional: t.optional, required: t.required } }) : t._e(), a("div", t._g({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], ref: "inputContainerRefWrapper" }, e.textboxKeyboardNavigationListeners), [a(e.computedSize, { ref: "inputContainerRef", tag: "component", attrs: { condensed: t.condensed, value: e.searchTerm, "additional-items-selected": e.additionalItemsSelected, "aria-controls": e.dropdownOptionsContainerId, ariaExpanded: e.isDropdownOpen, "aria-labelledby": e.label ? e.labelId : null, "aria-describedby": e.ariaDescribedBy, "aria-label": e.computedAriaLabel, "aria-readonly": e.isReadOnly, "aria-required": t.required, readonly: e.isReadOnly, disabled: t.disabled, "display-value": e.displayValue, "dynamic-filtering": t.dynamicFiltering, "is-invalid": !!t.errorMessage || t.error, multiple: t.multiple, open: e.isDropdownOpen, "selected-value-item": e.isInputComponent ? void 0 : e.selectedValueItem, "show-slot-content-in-multiple": t.showSlotContentInMultiple }, on: { input: function(o) {
+    e.searchTerm = o;
+  }, open: e.toggleDropdown, close: e.toggleDropdown }, scopedSlots: t._u([t._l(e.slots, function(o, l) {
     return { key: l, fn: function(i) {
       return [t._t(l, null, null, i)];
     } };
-  })], null, !0) })], 1), e.inputContainerRef ? o(e.BentoDropdownOptionsContainer, t._g({ ref: "optionsContainerRef", attrs: { id: e.dropdownOptionsContainerId, "aria-label": e.computedAriaLabel, "component-loading": t.componentLoading, "empty-state": t.emptyState, disabled: t.disabled, "is-option-disabled": t.isOptionDisabled, items: e.filteredItems, multiple: t.multiple, "static-categories": e.staticCategories, open: e.isDropdownOpen, "selected-value": e.cachedSelectedListboxOptions, searching: e.isSearching, "target-element": e.inputContainerRefWrapper, loading: t.loading, "has-more-items": t.hasMoreItems, "lazy-load-type": t.lazyLoadType, "virtual-scroll": t.virtualScroll }, scopedSlots: t._u([t._l(e.slots, function(a, l) {
+  })], null, !0) })], 1), e.inputContainerRef ? a(e.BentoDropdownOptionsContainer, t._g({ ref: "optionsContainerRef", attrs: { id: e.dropdownOptionsContainerId, "aria-label": e.computedAriaLabel, "component-loading": t.componentLoading, "empty-state": t.emptyState, disabled: t.disabled, "is-option-disabled": t.isOptionDisabled, items: e.filteredItems, multiple: t.multiple, "static-categories": e.staticCategories, open: e.isDropdownOpen, "selected-value": e.cachedSelectedListboxOptions, searching: e.isSearching, "target-element": e.inputContainerRefWrapper, loading: t.loading, "has-more-items": t.hasMoreItems, "lazy-load-type": t.lazyLoadType, "virtual-scroll": t.virtualScroll }, scopedSlots: t._u([t._l(e.slots, function(o, l) {
     return { key: l, fn: function(i) {
       return [t._t(l, null, null, i)];
     } };
-  })], null, !0) }, e.listboxListeners)) : t._e(), t.errorMessage ? o(e.ErrorMessage, { staticClass: "b-dropdown__error-message", attrs: { id: e.errorId, "error-message": t.errorMessage } }) : t._e(), t.description || e.hasSlot("description") ? o(e.BentoTypography, { staticClass: "b-dropdown__description", class: e.descriptionConditionalClasses, attrs: { id: e.descriptionId, el: "span" } }, [t._t("description", function() {
+  })], null, !0) }, e.listboxListeners)) : t._e(), t.errorMessage ? a(e.ErrorMessage, { staticClass: "b-dropdown__error-message", attrs: { id: e.errorId, "error-message": t.errorMessage } }) : t._e(), t.description || e.hasSlot("description") ? a(e.BentoTypography, { staticClass: "b-dropdown__description", class: e.descriptionConditionalClasses, attrs: { id: e.descriptionId, el: "span" } }, [t._t("description", function() {
     return [t._v(" " + t._s(t.description) + " ")];
   })], 2) : t._e()], 1);
-}, Nt = [], Rt = /* @__PURE__ */ $(
-  Tt,
+}, At = [], Nt = /* @__PURE__ */ P(
+  It,
+  Mt,
   At,
-  Nt,
   !1,
   null,
   "3edb5f79"
 );
-const oo = Rt.exports;
+const aa = Nt.exports;
 export {
-  oo as B,
-  eo as I,
+  aa as B,
+  ea as I,
   Bt as a,
-  to as b,
+  ta as b,
   Et as u
 };
-//# sourceMappingURL=dropdown.Ct7uhPr6.js.map
+//# sourceMappingURL=dropdown.CvNI2V33.js.map