@adyen/bento-vue3 1.26.0 → 1.27.0

package/dist/chunks/{dropdown.d8587f36.js → dropdown.0ae3b842.js}

@@ -1,19 +1,19 @@
-import { ref as S, watch as Le, computed as u, defineComponent as F, useSlots as we, toRefs as $e, openBlock as g, createBlock as k, resolveDynamicComponent as Oe, unref as a, mergeProps as A, withCtx as K, createElementVNode as Q, withKeys as Ue, createVNode as J, toHandlers as Z, createSlots as ne, renderList as se, renderSlot as Y, normalizeProps as ie, guardReactiveProps as re, createElementBlock as M, toDisplayString as fe, createCommentVNode as P, normalizeClass as de, withDirectives as G, vShow as ye, nextTick as T, useAttrs as qe, toRef as _, inject as He, createTextVNode as Ve } from "vue";
-import { d as be, B as Je } from "./index.a3d60e4f.js";
-import { D as oe, a as ge, b as Ye, B as Ze, c as Ge } from "./dropdown-default-textbox.ad5063c2.js";
-import { _ as H } from "./_plugin-vue_export-helper.dad06003.js";
-import { g as q } from "./unique-id.a2a2b458.js";
-import { u as Qe } from "./aria-label.ac9651a5.js";
+import { ref as w, watch as Se, computed as u, defineComponent as K, useSlots as Le, toRefs as $e, openBlock as g, createBlock as N, resolveDynamicComponent as Oe, unref as a, mergeProps as T, withCtx as P, createElementVNode as Q, withKeys as Ue, createVNode as J, toHandlers as Z, createSlots as ne, renderList as se, renderSlot as Y, normalizeProps as ie, guardReactiveProps as re, createElementBlock as A, toDisplayString as fe, createCommentVNode as k, normalizeClass as de, withDirectives as G, vShow as ye, nextTick as R, useAttrs as qe, toRef as I, inject as He, createTextVNode as Ve } from "vue";
+import { d as be, B as Je } from "./index.ee15db35.js";
+import { g as j } from "./unique-id.a2a2b458.js";
+import { u as Ye } from "./aria-label.ac9651a5.js";
 import { u as pe } from "./i18n.f7e6533e.js";
-import { u as Xe } from "./use-form-layout-loading.d03e5d48.js";
-import { B as R, a as et } from "./keyboard-navigation.ca47dfa8.js";
-import { c as d, b as ue, B as ce, a as tt, u as lt } from "./use-cached-selected-values.852aeafe.js";
+import { u as Ze } from "./use-form-layout-loading.d03e5d48.js";
+import { D as oe, a as ge, b as Ge, B as Qe, c as Xe } from "./dropdown-default-textbox.cda0798f.js";
+import { B as _, a as et } from "./keyboard-navigation.bbc3d15c.js";
+import { c as d, b as ue, B as ce, a as tt, u as lt } from "./use-cached-selected-values.3c312296.js";
 import { u as at } from "./use-has-slot.4d98bf29.js";
-import { F as ot, E as nt } from "./error-message.3fb5573a.js";
-import { a as he } from "./index.9bf04b01.js";
-import { a as st } from "./index.5bdebf9d.js";
+import { F as ot, E as nt } from "./error-message.d2bdeb80.js";
+import { a as he } from "./index.6295e754.js";
+import { a as st } from "./index.a001a0a8.js";
+import { _ as q } from "./_plugin-vue_export-helper.dad06003.js";
 import "../assets/dropdown.css";
-var D = /* @__PURE__ */ ((e) => (e.DEFAULT = "DropdownInputDefault", e.SMALL = "DropdownInputSmall", e))(D || {});
+var U = /* @__PURE__ */ ((e) => (e.DEFAULT = "DropdownInputDefault", e.SMALL = "DropdownInputSmall", e))(U || {});
 const me = {
   "en-US": {
     apply: "Apply",
@@ -21,8 +21,8 @@ const me = {
     noOptionsMatchThisSearch: "No options match this search"
   }
 }, it = (e, o, t, l) => {
-  const n = S(e.value), { t: i } = pe({ messages: me });
-  Le(e, () => {
+  const n = w(e.value), { t: i } = pe({ messages: me });
+  Se(e, () => {
     n.value = e.value;
   });
   const r = u(
@@ -45,7 +45,7 @@ const me = {
     }
   ]), h = (s) => {
     n.value = s, o.value || l(d.SELECT, s);
-  }, w = (s) => {
+  }, L = (s) => {
     h(s), l(d.TAB);
   }, $ = (s) => {
     h(s), l(d.ENTER);
@@ -53,12 +53,12 @@ const me = {
     h(s), l(d.SPACE);
   }, x = () => {
     f(), l(d.ESCAPE);
-  }, L = () => {
+  }, S = () => {
     l(d.SHOW_MORE);
-  }, N = {
+  }, M = {
     [d.SELECT]: h,
-    [d.SHOW_MORE]: L,
-    [d.TAB]: w,
+    [d.SHOW_MORE]: S,
+    [d.TAB]: L,
     [d.SPACE]: O,
     [d.ENTER]: $
   };
@@ -67,14 +67,14 @@ const me = {
     actions: p,
     internalSelectedValue: n,
     // Methods
-    listeners: N,
+    listeners: M,
     onEscapeKey: x,
     onOutsideDropdownClick: y
   };
-}, rt = F({
+}, rt = K({
   i18n: { messages: me },
   name: "bento-dropdown-options-container"
-}), dt = /* @__PURE__ */ F({
+}), dt = /* @__PURE__ */ K({
   ...rt,
   props: {
     /**
@@ -100,14 +100,6 @@ const me = {
      *  Identifies the listbox whose contents are controlled by the the combobox on which the aria-controls attribute is set.
      */
     id: { type: String, required: !0 },
-    /**
-     * Dropdown input size
-     */
-    inputSize: {
-      type: String,
-      default: D.DEFAULT,
-      validator: (e) => Object.values(D).includes(e)
-    },
     /**
      * Function that allows the options to be disabled
      *
@@ -189,12 +181,11 @@ const me = {
     }
   },
   setup(e, { expose: o, emit: t }) {
-    const l = e, n = we(), { selectedValue: i, multiple: r } = $e(l), c = S(null), { t: f } = pe({ messages: me }), y = u(() => l.open && !l.disabled), p = u(() => f("noOptionsMatchThisSearch")), h = u(() => ({
+    const l = e, n = Le(), { selectedValue: i, multiple: r } = $e(l), c = w(null), { t: f } = pe({ messages: me }), y = u(() => l.open && !l.disabled), p = u(() => f("noOptionsMatchThisSearch")), h = u(() => ({
       "b-dropdown-options-container--single": !(l != null && l.multiple)
-    })), w = u(() => ({
-      "b-dropdown-options-container__listbox--small": l.inputSize === D.SMALL,
+    })), L = u(() => ({
       "b-dropdown-options-container__listbox--single": !(l != null && l.multiple)
-    })), { actions: $, internalSelectedValue: O, listeners: x, onEscapeKey: L, onOutsideDropdownClick: N } = it(i, r, y, t), s = u(() => l != null && l.multiple ? st : he), m = u(() => {
+    })), { actions: $, internalSelectedValue: O, listeners: x, onEscapeKey: S, onOutsideDropdownClick: M } = it(i, r, y, t), s = u(() => l != null && l.multiple ? st : he), m = u(() => {
       var E;
       const b = {
         "min-width": `${(E = l == null ? void 0 : l.targetElement) == null ? void 0 : E.clientWidth}px`,
@@ -205,7 +196,7 @@ const me = {
         actions: $.value,
         divider: !0,
         fallbackPosition: ["top-start"],
-        id: q(`dropdown-options-${l.id}`),
+        id: j(`dropdown-options-${l.id}`),
         open: l.open,
         position: "bottom-start",
         style: {
@@ -225,24 +216,24 @@ const me = {
       };
     });
     return o({
-      onOutsideDropdownClick: N
-    }), (b, E) => (g(), k(Oe(a(s)), A({
+      onOutsideDropdownClick: M
+    }), (b, E) => (g(), N(Oe(a(s)), T({
       class: ["b-dropdown-options-container", a(h)]
     }, a(m)), {
-      default: K(() => [
+      default: P(() => [
         Q("div", {
           onKeydown: E[0] || (E[0] = Ue(
             //@ts-ignore
-            (...z) => a(L) && a(L)(...z),
+            (...F) => a(S) && a(S)(...F),
             ["esc"]
           ))
         }, [
-          J(a(ce), A({
+          J(a(ce), T({
             id: e.id,
             ref_key: "dropdownOptionsListboxRef",
             ref: c,
             "aria-label": e.ariaLabel,
-            class: ["b-dropdown-options-container__listbox", a(w)],
+            class: ["b-dropdown-options-container__listbox", a(L)],
             "empty-state": e.emptyState,
             "is-option-disabled": e.isOptionDisabled,
             items: e.items,
@@ -256,10 +247,10 @@ const me = {
             "has-more-items": e.hasMoreItems,
             "virtual-scroll": e.virtualScroll
           }, Z(a(x))), ne({ _: 2 }, [
-            se(a(n), (z, W) => ({
-              name: W,
-              fn: K((X) => [
-                Y(b.$slots, W, ie(re(X)), void 0, !0)
+            se(a(n), (F, H) => ({
+              name: H,
+              fn: P((X) => [
+                Y(b.$slots, H, ie(re(X)), void 0, !0)
               ])
             }))
           ]), 1040, ["id", "aria-label", "class", "empty-state", "is-option-disabled", "items", "selected-value", "multiple", "static-categories", "no-results-message", "searching", "loading", "lazy-load-type", "has-more-items", "virtual-scroll"])
@@ -269,7 +260,7 @@ const me = {
     }, 16, ["class"]));
   }
 });
-const ut = /* @__PURE__ */ H(dt, [["__scopeId", "data-v-148aeb07"]]);
+const ut = /* @__PURE__ */ q(dt, [["__scopeId", "data-v-e9bd1bd4"]]);
 let xe = 0;
 const ct = {
   beforeCreate() {
@@ -280,44 +271,44 @@ const ct = {
   d: "M5.00011 5.43922L8.00011 8.43922L11.0001 5.43922L12.0608 6.49988L8.00011 10.5605L3.93945 6.49988L5.00011 5.43922Z"
 }, null, -1);
 function mt(e, o, t, l, n, i) {
-  return g(), M("svg", A({ role: "img" }, e.$attrs, {
+  return g(), A("svg", T({ 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"] ? (g(), M("title", ft, fe(e.$attrs["svg-title"]), 1)) : P("", !0),
+    e.$attrs["svg-title"] ? (g(), A("title", ft, fe(e.$attrs["svg-title"]), 1)) : k("", !0),
     pt
   ], 16);
 }
-const vt = /* @__PURE__ */ H(ct, [["render", mt]]);
-let Se = 0;
+const vt = /* @__PURE__ */ q(ct, [["render", mt]]);
+let we = 0;
 const yt = {
   beforeCreate() {
-    this.uuid = Se.toString(), Se += 1;
+    this.uuid = we.toString(), we += 1;
   }
 }, bt = { key: 0 }, gt = /* @__PURE__ */ Q("path", {
   fill: "#00112C",
   d: "M10.9999 10.5608L7.9999 7.56077L4.9999 10.5608L3.93924 9.50011L7.9999 5.43945L12.0606 9.50011L10.9999 10.5608Z"
 }, null, -1);
 function ht(e, o, t, l, n, i) {
-  return g(), M("svg", A({ role: "img" }, e.$attrs, {
+  return g(), A("svg", T({ 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"] ? (g(), M("title", bt, fe(e.$attrs["svg-title"]), 1)) : P("", !0),
+    e.$attrs["svg-title"] ? (g(), A("title", bt, fe(e.$attrs["svg-title"]), 1)) : k("", !0),
     gt
   ], 16);
 }
-const xt = /* @__PURE__ */ H(yt, [["render", ht]]), St = { class: "b-dropdown-small-textbox__chevron" }, Lt = F({
+const xt = /* @__PURE__ */ q(yt, [["render", ht]]), wt = { class: "b-dropdown-small-textbox__chevron" }, St = K({
   name: "dropdown-small-textbox",
   inheritAttrs: !1
-}), wt = /* @__PURE__ */ F({
-  ...Lt,
+}), Lt = /* @__PURE__ */ K({
+  ...St,
   props: {
     /**
      * The number of additional items that have been selected in the dropdown.
@@ -390,12 +381,12 @@ const xt = /* @__PURE__ */ H(yt, [["render", ht]]), St = { class: "b-dropdown-sm
       [ge.OPEN]: i,
       [ge.CLOSE]: r
     };
-    return (f, y) => (g(), M("div", {
+    return (f, y) => (g(), A("div", {
       class: de(["b-dropdown-small-textbox", a(l)])
     }, [
-      J(Ye, A({ ...f.$attrs, ...f.$props }, { class: "b-dropdown-small-textbox__textbox" }, Z(c)), {
-        icon: K(() => [
-          Q("div", St, [
+      J(Ge, T({ ...f.$attrs, ...f.$props }, { class: "b-dropdown-small-textbox__textbox" }, Z(c)), {
+        icon: P(() => [
+          Q("div", wt, [
             G(J(a(xt), { "svg-title": "opened" }, null, 512), [
               [ye, a(n)]
             ]),
@@ -409,7 +400,7 @@ const xt = /* @__PURE__ */ H(yt, [["render", ht]]), St = { class: "b-dropdown-sm
     ], 2));
   }
 });
-const $t = /* @__PURE__ */ H(wt, [["__scopeId", "data-v-4703b87f"]]), Ot = (e, o) => o.value.reduce((t, l) => {
+const $t = /* @__PURE__ */ q(Lt, [["__scopeId", "data-v-4703b87f"]]), Ot = (e, o) => o.value.reduce((t, l) => {
   if (l.items) {
     const n = l.items.filter(
       (r) => e.value.find((c) => c.value === r.value)
@@ -436,17 +427,17 @@ const $t = /* @__PURE__ */ H(wt, [["__scopeId", "data-v-4703b87f"]]), Ot = (e, o
   isMultiple: r
 }, c, f, y) => {
   const p = ({ detail: s }) => {
-    s.preventDefault(), l.value || (f(), T(() => {
+    s.preventDefault(), l.value || (f(), R(() => {
       var m, b;
       r ? (m = o.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef.$children) == null || m[0].$el.focus() : (b = o.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef.$children) == null || b[t.value].$el.focus();
     }));
   }, h = ({ detail: s }) => {
-    s.preventDefault(), l.value || (f(), T(() => {
+    s.preventDefault(), l.value || (f(), R(() => {
       var m;
       (m = o.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef.$children) == null || m[0].$el.focus();
     }));
-  }, w = () => {
-    l.value || (f(), T(() => {
+  }, L = () => {
+    l.value || (f(), R(() => {
       var s, m;
       if (r) {
         const b = o.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef.$children;
@@ -457,33 +448,33 @@ const $t = /* @__PURE__ */ H(wt, [["__scopeId", "data-v-4703b87f"]]), Ot = (e, o
   }, $ = () => {
     l.value && (y(), Ee(e));
   }, O = () => {
-    l.value || f(), T(() => {
+    l.value || f(), R(() => {
       var s;
       (s = o.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef.$children) == null || s[0].$el.focus();
     });
   }, x = ({ detail: s }) => {
-    s.preventDefault(), c(), l.value && T(() => {
+    s.preventDefault(), c(), l.value && R(() => {
       var m, b;
       r ? (m = o.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef.$children) == null || m[0].$el.focus() : (b = o.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef.$children) == null || b[t.value].$el.focus();
     });
-  }, L = () => {
-    c(), l.value && T(() => {
+  }, S = () => {
+    c(), l.value && R(() => {
       var s, m;
       r ? (s = o.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef.$children) == null || s[0].$el.focus() : (m = o.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef.$children) == null || m[t.value].$el.focus();
     });
   };
   return u(() => ({
-    ...n.value ? {} : { [R.SPACE]: x },
-    [R.ENTER]: L,
-    [R.ARROW_DOWN]: p,
-    [R.ARROW_UP]: h,
-    [R.END]: w,
-    [R.ESCAPE]: $,
-    [R.HOME]: O
+    ...n.value ? {} : { [_.SPACE]: x },
+    [_.ENTER]: S,
+    [_.ARROW_DOWN]: p,
+    [_.ARROW_UP]: h,
+    [_.END]: L,
+    [_.ESCAPE]: $,
+    [_.HOME]: O
   }));
 }, Dt = ({ inputContainerRef: e, isDropdownOpen: o }, t) => {
   const l = () => {
-    o.value && t(), T(() => {
+    o.value && t(), R(() => {
       Ee(e);
     });
   };
@@ -495,8 +486,8 @@ const $t = /* @__PURE__ */ H(wt, [["__scopeId", "data-v-4703b87f"]]), Ot = (e, o
   };
 };
 function Bt(e, o, t) {
-  const l = S(e), n = S(o), i = (c, f = []) => f.flatMap((y) => y.label.toLocaleLowerCase().includes(c) ? [y, ...i(c, y.items)] : y.items ? [...i(c, y.items)] : []);
-  return Le(l, () => {
+  const l = w(e), n = w(o), i = (c, f = []) => f.flatMap((y) => y.label.toLocaleLowerCase().includes(c) ? [y, ...i(c, y.items)] : y.items ? [...i(c, y.items)] : []);
+  return Se(l, () => {
     t !== void 0 && t(l.value);
   }), u(() => {
     if (!l.value || t !== void 0)
@@ -511,14 +502,14 @@ const Ce = {
     clearSearch: "Clear filter",
     ariaLabelFallback: "Dropdown"
   }
-}, It = Symbol("input field component injection key"), _t = F({
+}, It = Symbol("input field component injection key"), _t = K({
   i18n: { messages: Ce },
   name: "b-dropdown",
   components: {
-    DropdownInputDefault: Ge,
+    DropdownInputDefault: Xe,
     DropdownInputSmall: $t
   }
-}), Rt = /* @__PURE__ */ F({
+}), Rt = /* @__PURE__ */ K({
   ..._t,
   props: {
     /**
@@ -647,7 +638,7 @@ const Ce = {
     size: {
       type: String,
       default: null,
-      validator: (e) => Object.values(D).includes(e)
+      validator: (e) => Object.values(U).includes(e)
     },
     /**
      * If enabled, dropdown will display non-selectable, static categories
@@ -678,23 +669,23 @@ const Ce = {
   emits: ["input", "show-more"],
   setup(e, { emit: o }) {
     var ve;
-    const t = e, l = qe(), n = we(), i = at(n), { t: r } = pe({ messages: Ce }), c = S(null), f = S(null), y = S(null), p = S(!1), h = q("bento-dropdown-options-container"), w = q("dropdown-label"), $ = q("dropdown-description"), O = q("dropdown-error"), { isReadOnly: x } = Xe(_(t, "readonly")), { cachedSelectedListboxOptions: L, cachedListboxSelectedValues: N, setCachedValues: s } = tt(
-      _(t, "items"),
-      _(t, "value"),
-      _(t, "multiple")
-    ), m = S(l["aria-label"]), { ariaLabel: b } = $e(t), E = Qe({
+    const t = e, l = qe(), n = Le(), i = at(n), { t: r } = pe({ messages: Ce }), c = w(null), f = w(null), y = w(null), p = w(!1), h = j("bento-dropdown-options-container"), L = j("dropdown-label"), $ = j("dropdown-description"), O = j("dropdown-error"), { isReadOnly: x } = Ze(I(t, "readonly")), { cachedSelectedListboxOptions: S, cachedListboxSelectedValues: M, setCachedValues: s } = tt(
+      I(t, "items"),
+      I(t, "value"),
+      I(t, "multiple")
+    ), m = w(l["aria-label"]), { ariaLabel: b } = $e(t), E = Ye({
       ariaLabel: m.value,
       // TODO: take this line away when the aria-label props is removed
       label: b,
       defaultFallback: r("ariaLabelFallback")
-    }), z = t.size === D.SMALL || He(It, !1), W = u(() => z ? D.SMALL : D.DEFAULT), X = u(() => ({
+    }), F = t.size === U.SMALL || He(It, !1), H = u(() => F ? U.SMALL : U.DEFAULT), X = u(() => ({
       "b-dropdown--condensed": t.condensed
     })), De = u(() => ({
       "b-dropdown__description--error": !!t.errorMessage
-    })), B = S(""), V = _(t, "items"), Be = Bt(B, V, (ve = t == null ? void 0 : t.search) == null ? void 0 : ve.searchEvent), ee = u(() => t.dynamicFiltering && !!B.value), Ie = Et({
+    })), B = w(""), V = I(t, "items"), Be = Bt(B, V, (ve = t == null ? void 0 : t.search) == null ? void 0 : ve.searchEvent), ee = u(() => t.dynamicFiltering && !!B.value), Ie = Et({
       items: V,
-      placeholder: _(t, "placeholder"),
-      selectedValues: L
+      placeholder: I(t, "placeholder"),
+      selectedValues: S
     }), _e = u(() => {
       if (t != null && t.multiple && Array.isArray(t.value))
         return t.items.filter(
@@ -702,9 +693,9 @@ const Ce = {
         );
       if (!t.multiple && t.staticCategories) {
         const v = t.items.find(
-          (I) => I.items.some((j) => j.value === t.value)
+          (D) => D.items.some((z) => z.value === t.value)
         );
-        return v ? v.items.find((I) => I.value === t.value) : null;
+        return v ? v.items.find((D) => D.value === t.value) : null;
       }
       return t.items.find(({ value: v }) => v === (t == null ? void 0 : t.value));
     }), Re = u(() => {
@@ -712,9 +703,9 @@ const Ce = {
       return v > 0 ? v : 0;
     }), { isMultiLevelSelect: Te, flattenedItemsList: Ae } = lt(V), Me = u(() => {
       var v;
-      if (t.multiple && !t.hasMoreItems) {
-        const C = (v = t == null ? void 0 : t.value) == null ? void 0 : v.length;
-        return (Te.value ? Ae.value.length : V.value.length) === C ? r("all") : C;
+      if (t.multiple) {
+        const C = (v = t == null ? void 0 : t.value) == null ? void 0 : v.length, D = Te.value ? Ae.value.length : V.value.length;
+        return !t.hasMoreItems && D === C ? r("all") : C;
       }
       return null;
     }), Ne = u(
@@ -728,7 +719,7 @@ const Ce = {
     }, Pe = () => {
       ee.value && (B.value = ""), p.value && (p.value = !1, y.value.onOutsideDropdownClick());
     }, Ke = (v) => {
-      t.multiple || (B.value = "", p.value = !1), s(v), o("input", N.value);
+      t.multiple || (B.value = "", p.value = !1), s(v), o("input", M.value);
     }, Fe = () => {
       o(d.SHOW_MORE);
     }, ze = Ct(
@@ -737,7 +728,7 @@ const Ce = {
         optionsContainerRef: y,
         selectedValueIndex: Re,
         isDropdownOpen: p,
-        isDynamicFltering: _(t, "dynamicFiltering"),
+        isDynamicFltering: I(t, "dynamicFiltering"),
         items: t.items,
         isMultiple: t.multiple
       },
@@ -763,24 +754,24 @@ const Ce = {
                         <bento-dropdown errorMessage="Error message text" />`,
       "2.0.0"
     ), t.size && be('BentoDropdown "size" property', "Do not use. Only 'default' size should be used.", "2.0.0"), (v, C) => {
-      var I;
-      return G((g(), M("div", {
+      var D;
+      return G((g(), A("div", {
         class: de(["b-dropdown", a(X)])
       }, [
-        e.label ? (g(), k(a(ot), {
+        e.label ? (g(), N(a(ot), {
           key: 0,
-          id: a(w),
+          id: a(L),
           condensed: e.condensed,
           label: e.label,
           "tooltip-text": e.tooltipText,
           optional: e.optional,
           required: e.required
-        }, null, 8, ["id", "condensed", "label", "tooltip-text", "optional", "required"])) : P("", !0),
-        G((g(), M("div", A({
+        }, null, 8, ["id", "condensed", "label", "tooltip-text", "optional", "required"])) : k("", !0),
+        G((g(), A("div", T({
           ref_key: "inputContainerRefWrapper",
           ref: f
         }, Z(a(ze), !0)), [
-          (g(), k(Oe(a(W)), {
+          (g(), N(Oe(a(H)), {
             ref_key: "inputContainerRef",
             ref: c,
             condensed: e.condensed,
@@ -788,7 +779,7 @@ const Ce = {
             "additional-items-selected": a(Me),
             ariaControls: a(h),
             ariaExpanded: p.value,
-            "aria-labelledby": e.label ? a(w) : null,
+            "aria-labelledby": e.label ? a(L) : null,
             "aria-describedby": a(Ne),
             "aria-label": a(E),
             "aria-readonly": a(x),
@@ -799,38 +790,37 @@ const Ce = {
             "is-invalid": !!e.errorMessage || e.error,
             multiple: e.multiple,
             open: p.value,
-            "selected-value-item": a(z) ? void 0 : a(_e),
+            "selected-value-item": a(F) ? void 0 : a(_e),
             "show-slot-content-in-multiple": e.showSlotContentInMultiple,
-            onInput: C[0] || (C[0] = (j) => B.value = j),
+            onInput: C[0] || (C[0] = (z) => B.value = z),
             onOpen: le,
             onClose: le
           }, ne({ _: 2 }, [
-            se(a(n), (j, U) => ({
-              name: U,
-              fn: K((ae) => [
-                Y(v.$slots, U, ie(re(ae)), void 0, !0)
+            se(a(n), (z, W) => ({
+              name: W,
+              fn: P((ae) => [
+                Y(v.$slots, W, ie(re(ae)), void 0, !0)
               ])
             }))
           ]), 1064, ["condensed", "value", "additional-items-selected", "ariaControls", "ariaExpanded", "aria-labelledby", "aria-describedby", "aria-label", "aria-readonly", "readonly", "disabled", "display-value", "dynamic-filtering", "is-invalid", "multiple", "open", "selected-value-item", "show-slot-content-in-multiple"]))
         ], 16)), [
           [a(et)]
         ]),
-        c.value ? (g(), k(a(ut), A({
+        c.value ? (g(), N(a(ut), T({
           key: 1,
           id: a(h),
           ref_key: "optionsContainerRef",
           ref: y,
           "aria-label": a(E),
           "empty-state": e.emptyState,
-          "debounce-time": (I = e.search) == null ? void 0 : I.debounceTime,
+          "debounce-time": (D = e.search) == null ? void 0 : D.debounceTime,
           disabled: e.disabled,
-          "input-size": a(W),
           "is-option-disabled": e.isOptionDisabled,
           items: a(Be),
           multiple: e.multiple,
           "static-categories": e.staticCategories,
           open: p.value,
-          "selected-value": a(L),
+          "selected-value": a(S),
           searching: a(ee),
           "target-element": f.value,
           loading: e.loading,
@@ -838,43 +828,43 @@ const Ce = {
           "lazy-load-type": e.lazyLoadType,
           "virtual-scroll": e.virtualScroll
         }, Z(je)), ne({ _: 2 }, [
-          se(a(n), (j, U) => ({
-            name: U,
-            fn: K((ae) => [
-              Y(v.$slots, U, ie(re(ae)), void 0, !0)
+          se(a(n), (z, W) => ({
+            name: W,
+            fn: P((ae) => [
+              Y(v.$slots, W, ie(re(ae)), void 0, !0)
             ])
           }))
-        ]), 1040, ["id", "aria-label", "empty-state", "debounce-time", "disabled", "input-size", "is-option-disabled", "items", "multiple", "static-categories", "open", "selected-value", "searching", "target-element", "loading", "has-more-items", "lazy-load-type", "virtual-scroll"])) : P("", !0),
-        e.errorMessage ? (g(), k(a(nt), {
+        ]), 1040, ["id", "aria-label", "empty-state", "debounce-time", "disabled", "is-option-disabled", "items", "multiple", "static-categories", "open", "selected-value", "searching", "target-element", "loading", "has-more-items", "lazy-load-type", "virtual-scroll"])) : k("", !0),
+        e.errorMessage ? (g(), N(a(nt), {
           key: 2,
           id: a(O),
           "error-message": e.errorMessage,
           class: "b-dropdown__error-message"
-        }, null, 8, ["id", "error-message"])) : P("", !0),
-        e.description || a(i)("description") ? (g(), k(a(Je), {
+        }, null, 8, ["id", "error-message"])) : k("", !0),
+        e.description || a(i)("description") ? (g(), N(a(Je), {
           key: 3,
           id: a($),
           class: de(["b-dropdown__description", a(De)]),
           el: "span"
         }, {
-          default: K(() => [
+          default: P(() => [
             Y(v.$slots, "description", {}, () => [
               Ve(fe(e.description), 1)
             ], !0)
           ]),
           _: 3
-        }, 8, ["id", "class"])) : P("", !0)
+        }, 8, ["id", "class"])) : k("", !0)
       ], 2)), [
-        [a(Ze), Pe]
+        [a(Qe), Pe]
       ]);
     };
   }
 });
-const Vt = /* @__PURE__ */ H(Rt, [["__scopeId", "data-v-d6374028"]]);
+const Vt = /* @__PURE__ */ q(Rt, [["__scopeId", "data-v-4ab2a16d"]]);
 export {
   Vt as B,
   It as I,
-  D as a,
+  U as a,
   Bt as u
 };
-//# sourceMappingURL=dropdown.d8587f36.js.map
+//# sourceMappingURL=dropdown.0ae3b842.js.map