@adyen/bento-vue3 1.95.0 → 1.96.0

package/dist/chunks/{dropdown.CK8cdMyV.js → dropdown.C5um1anU.js}

@@ -1,25 +1,25 @@
-import { ref as D, watch as ve, computed as d, defineComponent as _, useSlots as he, toRefs as _e, openBlock as b, createBlock as H, resolveDynamicComponent as Pe, mergeProps as A, withCtx as W, createElementVNode as ie, withKeys as re, unref as o, createVNode as Y, toHandlers as de, createSlots as be, renderList as ue, renderSlot as U, normalizeProps as oe, guardReactiveProps as ye, createCommentVNode as R, useAttrs as Ve, inject as Ie, nextTick as F, createElementBlock as C, normalizeClass as ne, Fragment as Ee, createTextVNode as fe, toDisplayString as Q, withModifiers as $e, withDirectives as se, vShow as me, toRef as z } from "vue";
-import { B as Ke, d as xe } from "./typography.B3J6_tYk.js";
+import { ref as D, watch as ve, computed as d, defineComponent as _, useSlots as he, toRefs as _e, openBlock as b, createBlock as Y, resolveDynamicComponent as Ve, mergeProps as A, withCtx as R, createElementVNode as ie, withKeys as re, unref as o, createVNode as j, toHandlers as de, createSlots as be, renderList as ue, renderSlot as W, normalizeProps as oe, guardReactiveProps as ye, createCommentVNode as F, useAttrs as Ke, inject as Ie, nextTick as P, createElementBlock as C, normalizeClass as ne, Fragment as Ee, createTextVNode as fe, toDisplayString as Q, withModifiers as Me, withDirectives as se, vShow as me, toRef as U } from "vue";
+import { B as qe, d as xe } from "./typography.B3J6_tYk.js";
 import { g as te } from "./generate-uid.DBWe4g6T.js";
-import { u as bt } from "./aria-label.CaUURpnB.js";
 import { u as ge } from "./index.B875RXHM.js";
-import { u as yt } from "./form-field.D_2g7vaP.js";
-import { B as S, b as Oe, a as Me, d as mt, u as vt, c as ht, e as gt } from "./use-cached-selected-values.CtWNiy-e.js";
-import { u as St } from "./use-form-layout-loading.CWbjZiwP.js";
-import { u as qe } from "./use-has-slot.CyMiImRQ.js";
-import { B as wt } from "./directive.D1-d-C2K.js";
-import { B as j, a as Lt } from "./keyboard-navigation.DWmhelVv.js";
-import { F as Ct } from "./field-label.CLV3nSzz.js";
-import { P as Ne } from "./popper-container.BH4WxeUj.js";
-import { h as Et } from "./button-actions.CxTxPprd.js";
+import { u as ze } from "./use-has-slot.CyMiImRQ.js";
+import { C as yt } from "./cross-circle-fill.BWCKKn0E.js";
+import { C as mt } from "./cross-circle-fill-small.H1wH-vcZ.js";
 import { _ as ee } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { E as xt } from "./error-message.Dyvrw6ZB.js";
-import { C as Ot } from "./cross-circle-fill.BWCKKn0E.js";
-import { C as It } from "./cross-circle-fill-small.H1wH-vcZ.js";
-/* empty css              */
 import { s as ae } from "./events.BQOQSSb7.js";
-import { C as Dt } from "./chevron-down.XeE-LBV_.js";
-import { C as Bt } from "./chevron-up.Cmgl2a3x.js";
+import { C as vt } from "./chevron-down.XeE-LBV_.js";
+import { C as ht } from "./chevron-up.Cmgl2a3x.js";
+/* empty css              */
+import { u as gt } from "./aria-label.CaUURpnB.js";
+import { u as St } from "./form-field.D_2g7vaP.js";
+import { B as S, b as Oe, a as Ne, d as wt, u as Lt, c as Ct, e as Et } from "./use-cached-selected-values.DOw5IKdU.js";
+import { u as xt } from "./use-form-layout-loading.CWbjZiwP.js";
+import { B as Ot } from "./directive.D1-d-C2K.js";
+import { B as H, a as It } from "./keyboard-navigation.DWmhelVv.js";
+import { F as Dt } from "./field-label.CLV3nSzz.js";
+import { h as Bt, e as At } from "./button-actions.CxTxPprd.js";
+import { P as Re } from "./popper-container.BH4WxeUj.js";
+import { E as kt } from "./error-message.Dyvrw6ZB.js";
 import "../assets/dropdown.css";
 var le = /* @__PURE__ */ ((e) => (e.DEFAULT = "DropdownInputDefault", e.SMALL = "DropdownInputSmall", e))(le || {});
 const De = {
@@ -33,8 +33,8 @@ const De = {
   "ja-JP": { apply: "適用", cancel: "キャンセル", noOptionsMatchThisSearch: "この検索に一致するオプションはありません" },
   "pt-BR": { apply: "Aplicar", cancel: "Cancelar", noOptionsMatchThisSearch: "Nenhuma opção corresponde a esta busca" },
   "zh-CN": { apply: "应用", cancel: "取消", noOptionsMatchThisSearch: "没有符合此搜索条件的选项" }
-}, At = (e, c, u, l) => {
-  const i = D(e.value), { t: n } = ge({ messages: De });
+}, Tt = (e, c, u, l) => {
+  const i = D(e.value), { t: s } = ge({ messages: De });
   ve(e, () => {
     i.value = e.value;
   });
@@ -48,12 +48,12 @@ const De = {
     u.value && c.value && (i.value = e.value);
   }, p = d(() => [
     {
-      title: n("apply"),
+      title: s("apply"),
       event: a,
       disabled: t.value
     },
     {
-      title: n("cancel"),
+      title: s("cancel"),
       event: m
     }
   ]), g = (h) => {
@@ -84,11 +84,11 @@ const De = {
     onEscapeKey: B,
     onOutsideDropdownClick: w
   };
-}, kt = _({
+}, $t = _({
   i18n: { messages: De },
   name: "bento-dropdown-options-container"
-}), Tt = /* @__PURE__ */ _({
-  ...kt,
+}), Mt = /* @__PURE__ */ _({
+  ...$t,
   props: {
     /**
      * Defines a string value that labels an interactive element.
@@ -147,8 +147,8 @@ const De = {
      */
     lazyLoadType: {
       type: String,
-      default: Me.AUTOMATIC,
-      validator: (e) => Object.values(Me).includes(e)
+      default: Ne.AUTOMATIC,
+      validator: (e) => Object.values(Ne).includes(e)
     },
     /**
      * Indicates if new options are lazy loading.
@@ -187,7 +187,7 @@ const De = {
      * Reference to the DOM element or Vue component for positioning
      * the Dropdown container.
      */
-    targetElement: { type: Ne.props.targetElement.type, required: !0 },
+    targetElement: { type: Re.props.targetElement.type, required: !0 },
     /**
      * Enables virtual scrolling if set to true or by providing an object with itemHeight function.
      * The itemHeight function is used to calculate the height of rendered item given it's index.
@@ -198,29 +198,29 @@ const De = {
     }
   },
   setup(e, { expose: c, emit: u }) {
-    const l = he(), i = u, n = e, { selectedValue: t, multiple: a } = _e(n), m = D(null), { t: w } = ge({ messages: De }), p = d(() => n.open && !n.disabled), g = d(() => w("noOptionsMatchThisSearch")), v = d(() => ({
-      "b-dropdown-options-container--single": !n?.multiple
+    const l = he(), i = u, s = e, { selectedValue: t, multiple: a } = _e(s), m = D(null), { t: w } = ge({ messages: De }), p = d(() => s.open && !s.disabled), g = d(() => w("noOptionsMatchThisSearch")), v = d(() => ({
+      "b-dropdown-options-container--single": !s?.multiple
     })), y = d(() => ({
-      "b-dropdown-options-container__listbox--single": !n?.multiple
-    })), { actions: I, internalSelectedValue: B, listeners: r, onEscapeKey: x, onOutsideDropdownClick: h } = At(t, a, p, i), L = d(() => n?.multiple ? Et : Ne), T = d(() => {
+      "b-dropdown-options-container__listbox--single": !s?.multiple
+    })), { actions: I, internalSelectedValue: B, listeners: r, onEscapeKey: x, onOutsideDropdownClick: h } = Tt(t, a, p, i), L = d(() => s?.multiple ? Bt : Re), T = d(() => {
       const $ = {
-        "min-width": `${n?.targetElement?.clientWidth}px`,
+        "min-width": `${s?.targetElement?.clientWidth}px`,
         "max-width": "min(500px, 95%)"
       };
-      return n?.multiple ? {
+      return s?.multiple ? {
         actionsLayout: "space-between",
-        ariaLabel: n.ariaLabel,
+        ariaLabel: s.ariaLabel,
         actions: I.value,
         divider: !0,
         fallbackPosition: ["top-start"],
-        id: te(`dropdown-options-${n.id}`),
-        open: n.open,
+        id: te(`dropdown-options-${s.id}`),
+        open: s.open,
         position: "bottom-start",
         style: {
           width: "auto",
           ...$
         },
-        targetElement: n.targetElement
+        targetElement: s.targetElement
       } : {
         fallbackPosition: ["top-start"],
         offset: [0, 8],
@@ -229,24 +229,24 @@ const De = {
           display: p.value ? "block" : "none",
           ...$
         },
-        targetElement: n.targetElement
+        targetElement: s.targetElement
       };
     });
     return c({
       onOutsideDropdownClick: h
-    }), ($, P) => p.value ? (b(), H(Pe(L.value), A({
+    }), ($, V) => p.value ? (b(), Y(Ve(L.value), A({
       key: 0,
       class: ["b-dropdown-options-container", v.value]
     }, T.value), {
-      default: W(() => [
+      default: R(() => [
         ie("div", {
-          onKeydown: P[0] || (P[0] = re(
+          onKeydown: V[0] || (V[0] = re(
             //@ts-ignore
-            (...V) => o(x) && o(x)(...V),
+            (...K) => o(x) && o(x)(...K),
             ["esc"]
           ))
         }, [
-          Y(o(Oe), A({
+          j(o(Oe), A({
             id: e.id,
             ref_key: "dropdownOptionsListboxRef",
             ref: m,
@@ -266,21 +266,21 @@ const De = {
             "has-more-items": e.hasMoreItems,
             "virtual-scroll": e.virtualScroll
           }, de(o(r))), be({ _: 2 }, [
-            ue(o(l), (V, M) => ({
+            ue(o(l), (K, M) => ({
               name: M,
-              fn: W((J) => [
-                U($.$slots, M, oe(ye(J)), void 0, !0)
+              fn: R((J) => [
+                W($.$slots, M, oe(ye(J)), void 0, !0)
               ])
             }))
           ]), 1040, ["id", "aria-label", "class", "component-loading", "empty-state", "is-option-disabled", "items", "selected-value", "multiple", "static-categories", "no-results-message", "searching", "loading", "lazy-load-type", "has-more-items", "virtual-scroll"])
         ], 32)
       ]),
       _: 3
-    }, 16, ["class"])) : R("", !0);
+    }, 16, ["class"])) : F("", !0);
   }
-}), $t = /* @__PURE__ */ ee(Tt, [["__scopeId", "data-v-abf92e14"]]);
+}), Nt = /* @__PURE__ */ ee(Mt, [["__scopeId", "data-v-abf92e14"]]);
 var k = /* @__PURE__ */ ((e) => (e.DISABLED = "disabled", e.READONLY = "readonly", e.HAS_ITEMS = "has-items", e.OPENED = "opened", e.ERROR = "error", e))(k || {}), E = /* @__PURE__ */ ((e) => (e.OPEN = "dropdown-base-open", e.KEYDOWN = "dropdown-base-keydown", e.CLOSE = "dropdown-base-close", e.INPUT = "dropdown-base-input", e.CLEAR = "dropdown-base-clear", e))(E || {});
-const Mt = /* @__PURE__ */ Symbol("dropdown small size injection key"), ze = /* @__PURE__ */ Symbol("dropdown underline style injection key"), Ue = {
+const Rt = /* @__PURE__ */ Symbol("dropdown small size injection key"), Ue = /* @__PURE__ */ Symbol("dropdown underline style injection key"), We = {
   "de-DE": { clearSearch: "Suche löschen" },
   "en-GB": { clearSearch: "Clear search" },
   "en-US": { clearSearch: "Clear search" },
@@ -291,22 +291,22 @@ const Mt = /* @__PURE__ */ Symbol("dropdown small size injection key"), ze = /*
   "ja-JP": { clearSearch: "検索をクリア" },
   "pt-BR": { clearSearch: "Limpar busca" },
   "zh-CN": { clearSearch: "清除搜索" }
-}, Nt = ["id", "value", "disabled", "readonly", "required"], Rt = ["id", "aria-readonly", "tabindex"], Ft = {
+}, Ft = ["id", "value", "disabled", "readonly", "required"], Pt = ["id", "aria-readonly", "tabindex"], _t = {
   key: 1,
   class: "b-dropdown-base-textbox__input-multiple-selected"
-}, _t = { class: "b-dropdown-base-textbox__input-selected-element" }, Pt = {
+}, Vt = { class: "b-dropdown-base-textbox__input-selected-element" }, Kt = {
   key: 2,
   class: "b-dropdown-base-textbox__additional-items"
-}, Vt = {
+}, qt = {
   key: 3,
   class: "b-dropdown-base-textbox__icon",
   "aria-hidden": "true"
-}, Kt = ["tabindex", "onKeydown"], qt = _({
-  i18n: { messages: Ue },
+}, zt = ["tabindex", "onKeydown"], Ut = _({
+  i18n: { messages: We },
   name: "dropdown-base-textbox",
   inheritAttrs: !1
-}), zt = /* @__PURE__ */ _({
-  ...qt,
+}), Wt = /* @__PURE__ */ _({
+  ...Ut,
   props: {
     /**
      * The number of additional items that have been selected in the dropdown.
@@ -391,7 +391,7 @@ const Mt = /* @__PURE__ */ Symbol("dropdown small size injection key"), ze = /*
     }
   },
   setup(e, { expose: c, emit: u }) {
-    const { t: l } = ge({ messages: Ue }), i = Ve(), n = he(), t = qe(n), a = e, m = u, w = D(null), p = te("textbox"), g = Ie(ze, !1), v = d(() => ({
+    const { t: l } = ge({ messages: We }), i = Ke(), s = he(), t = ze(s), a = e, m = u, w = D(null), p = te("textbox"), g = Ie(Ue, !1), v = d(() => ({
       [`b-dropdown-base-textbox--${k.DISABLED}`]: a.disabled,
       [`b-dropdown-base-textbox--${k.READONLY}`]: a.readonly,
       [`b-dropdown-base-textbox--${k.HAS_ITEMS}`]: !!a.additionalItemsSelected,
@@ -420,16 +420,16 @@ const Mt = /* @__PURE__ */ Symbol("dropdown small size injection key"), ze = /*
     ve(
       () => h.value,
       () => {
-        h.value && !a.alwaysComboboxIsInput && F(() => {
+        h.value && !a.alwaysComboboxIsInput && P(() => {
           w.value.focus();
         });
       }
     );
     const $ = async () => {
-      !a.disabled && !a.readonly && (m(E.OPEN), await F(), w.value.focus());
-    }, P = () => {
+      !a.disabled && !a.readonly && (m(E.OPEN), await P(), w.value.focus());
+    }, V = () => {
       a.open && (w.value.focus(), m(E.CLOSE));
-    }, V = (O) => a.open && O.target.tagName === "INPUT" ? null : a.open ? P() : $(), M = () => {
+    }, K = (O) => a.open && O.target.tagName === "INPUT" ? null : a.open ? V() : $(), M = () => {
       m(E.CLEAR), m(E.INPUT, ""), w.value.focus();
     }, J = (O) => {
       !a.readonly && !a.disabled ? m(E.INPUT, O.target.value) : (O.preventDefault(), O.stopPropagation());
@@ -441,16 +441,16 @@ const Mt = /* @__PURE__ */ Symbol("dropdown small size injection key"), ze = /*
     }), (O, f) => (b(), C("div", {
       class: ne(O.$attrs.class),
       "data-testid": "textbox-wrapper",
-      onClick: V,
-      onKeydown: re(P, ["escape"])
+      onClick: K,
+      onKeydown: re(V, ["escape"])
     }, [
-      Y(o(Ke), {
+      j(o(qe), {
         class: ne(["b-dropdown-base-textbox", v.value]),
         variant: o(g) ? "title" : "body",
         el: "div",
         "data-testid": "base-textbox"
       }, {
-        default: W(() => [
+        default: R(() => [
           h.value ? (b(), C("input", A({ key: 0 }, r.value, {
             id: o(p),
             ref_key: "textbox",
@@ -466,10 +466,10 @@ const Mt = /* @__PURE__ */ Symbol("dropdown small size injection key"), ze = /*
             required: y.value,
             onKeydown: [
               f[0] || (f[0] = (N) => O.$emit(o(E).KEYDOWN, N)),
-              re(V, ["enter"])
+              re(K, ["enter"])
             ],
             onInput: J
-          }), null, 16, Nt)) : (b(), C("div", A({
+          }), null, 16, Ft)) : (b(), C("div", A({
             key: 1,
             id: o(p)
           }, r.value, {
@@ -481,15 +481,15 @@ const Mt = /* @__PURE__ */ Symbol("dropdown small size injection key"), ze = /*
             tabindex: e.disabled ? -1 : 0
           }), [
             L.value ? (b(), C(Ee, { key: 0 }, [
-              o(t)("display-value") ? U(O.$slots, "display-value", oe(A({ key: 0 }, e.selectedValueItem)), void 0, !0) : U(O.$slots, "default", oe(A({ key: 1 }, e.selectedValueItem)), () => [
+              o(t)("display-value") ? W(O.$slots, "display-value", oe(A({ key: 0 }, e.selectedValueItem)), void 0, !0) : W(O.$slots, "default", oe(A({ key: 1 }, e.selectedValueItem)), () => [
                 fe(Q(e.displayValue), 1)
               ], !0)
-            ], 64)) : T.value ? (b(), C("div", Ft, [
+            ], 64)) : T.value ? (b(), C("div", _t, [
               (b(!0), C(Ee, null, ue(x.value, (N) => (b(), C("div", {
                 key: N.value
               }, [
-                ie("div", _t, [
-                  U(O.$slots, "default", A({ ref_for: !0 }, N), () => [
+                ie("div", Vt, [
+                  W(O.$slots, "default", A({ ref_for: !0 }, N), () => [
                     fe(Q(e.displayValue), 1)
                   ], !0)
                 ])
@@ -497,38 +497,38 @@ const Mt = /* @__PURE__ */ Symbol("dropdown small size injection key"), ze = /*
             ])) : (b(), C(Ee, { key: 2 }, [
               fe(Q(e.displayValue), 1)
             ], 64))
-          ], 16, Rt)),
-          e.additionalItemsSelected ? (b(), C("span", Pt, Q(e.additionalItemsSelected), 1)) : R("", !0),
-          o(t)("icon") && !B.value ? (b(), C("span", Vt, [
-            U(O.$slots, "icon", {}, void 0, !0)
-          ])) : R("", !0),
+          ], 16, Pt)),
+          e.additionalItemsSelected ? (b(), C("span", Kt, Q(e.additionalItemsSelected), 1)) : F("", !0),
+          o(t)("icon") && !B.value ? (b(), C("span", qt, [
+            W(O.$slots, "icon", {}, void 0, !0)
+          ])) : F("", !0),
           B.value ? (b(), C("span", {
             key: 4,
             class: "b-dropdown-base-textbox__clear-search",
             tabindex: e.disabled ? -1 : 0,
             "data-testid": "clear-search-button",
-            onClick: $e(M, ["stop"]),
-            onKeydown: re($e(M, ["stop"]), ["enter"]),
+            onClick: Me(M, ["stop"]),
+            onKeydown: re(Me(M, ["stop"]), ["enter"]),
             onKeyup: re(M, ["space"])
           }, [
-            e.size === o(le).SMALL ? (b(), H(o(It), {
+            e.size === o(le).SMALL ? (b(), Y(o(mt), {
               key: 0,
               "svg-title": o(l)("clearSearch")
-            }, null, 8, ["svg-title"])) : (b(), H(o(Ot), {
+            }, null, 8, ["svg-title"])) : (b(), Y(o(yt), {
               key: 1,
               "svg-title": o(l)("clearSearch")
             }, null, 8, ["svg-title"]))
-          ], 40, Kt)) : R("", !0)
+          ], 40, zt)) : F("", !0)
         ]),
         _: 3
       }, 8, ["class", "variant"])
     ], 34));
   }
-}), We = /* @__PURE__ */ ee(zt, [["__scopeId", "data-v-d9e852a4"]]), Ut = { class: "b-dropdown-default-textbox__chevron" }, Wt = _({
+}), je = /* @__PURE__ */ ee(Wt, [["__scopeId", "data-v-d9e852a4"]]), jt = { class: "b-dropdown-default-textbox__chevron" }, Ht = _({
   name: "dropdown-default-textbox",
   inheritAttrs: !1
-}), jt = /* @__PURE__ */ _({
-  ...Wt,
+}), Yt = /* @__PURE__ */ _({
+  ...Ht,
   props: {
     /**
      * The number of additional items that have been selected in the dropdown.
@@ -616,13 +616,13 @@ const Mt = /* @__PURE__ */ Symbol("dropdown small size injection key"), ze = /*
   },
   emits: ["clear", "close", "input", "keydown", "open"],
   setup(e, { expose: c, emit: u }) {
-    const l = u, i = he(), n = e, t = D(null), a = d(() => ({
-      [`b-dropdown-default-textbox--${k.ERROR}`]: !n.disabled && !n.readonly && n.isInvalid,
-      [`b-dropdown-default-textbox--${k.DISABLED}`]: n.disabled,
-      [`b-dropdown-default-textbox--${k.READONLY}`]: n.readonly,
-      [`b-dropdown-default-textbox--${k.OPENED}`]: n.open,
-      "b-dropdown-default-textbox--condensed": n.condensed
-    })), m = d(() => n.open && !n.disabled && !n.readonly), w = (r) => {
+    const l = u, i = he(), s = e, t = D(null), a = d(() => ({
+      [`b-dropdown-default-textbox--${k.ERROR}`]: !s.disabled && !s.readonly && s.isInvalid,
+      [`b-dropdown-default-textbox--${k.DISABLED}`]: s.disabled,
+      [`b-dropdown-default-textbox--${k.READONLY}`]: s.readonly,
+      [`b-dropdown-default-textbox--${k.OPENED}`]: s.open,
+      "b-dropdown-default-textbox--condensed": s.condensed
+    })), m = d(() => s.open && !s.disabled && !s.readonly), w = (r) => {
       l("input", r);
     }, p = (r) => {
       l("keydown", r);
@@ -647,19 +647,19 @@ const Mt = /* @__PURE__ */ Symbol("dropdown small size injection key"), ze = /*
       class: ne(["b-dropdown-default-textbox", a.value]),
       "data-testid": "default-textbox"
     }, [
-      Y(We, A({
+      j(je, A({
         ref_key: "baseTextbox",
         ref: t
       }, { ...r.$attrs, ...r.$props }, {
         class: "b-dropdown-default-textbox__textbox",
         value: e.value
       }, de(I)), be({
-        icon: W(() => [
-          ie("div", Ut, [
-            se(Y(o(Bt), { "svg-title": "opened" }, null, 512), [
+        icon: R(() => [
+          ie("div", jt, [
+            se(j(o(ht), { "svg-title": "opened" }, null, 512), [
               [me, m.value]
             ]),
-            se(Y(o(Dt), { "svg-title": "closed" }, null, 512), [
+            se(j(o(vt), { "svg-title": "closed" }, null, 512), [
               [me, !m.value]
             ])
           ])
@@ -668,21 +668,21 @@ const Mt = /* @__PURE__ */ Symbol("dropdown small size injection key"), ze = /*
       }, [
         ue(o(i), (h, L) => ({
           name: L,
-          fn: W((T) => [
-            U(r.$slots, L, oe(ye(T ?? {})), void 0, !0)
+          fn: R((T) => [
+            W(r.$slots, L, oe(ye(T ?? {})), void 0, !0)
           ])
         }))
       ]), 1040, ["value"])
     ], 2));
   }
-}), Ht = /* @__PURE__ */ ee(jt, [["__scopeId", "data-v-c3e3ce21"]]);
-let Re = 0;
-const Yt = {
+}), Jt = /* @__PURE__ */ ee(Yt, [["__scopeId", "data-v-c3e3ce21"]]);
+let Fe = 0;
+const Gt = {
   beforeCreate() {
-    this.uuid = Re.toString(), Re += 1;
+    this.uuid = Fe.toString(), Fe += 1;
   }
-}, Jt = { key: 0 };
-function Gt(e, c, u, l, i, n) {
+}, Xt = { key: 0 };
+function Zt(e, c, u, l, i, s) {
   return b(), C("svg", A({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -690,21 +690,21 @@ function Gt(e, c, u, l, i, n) {
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (b(), C("title", Jt, Q(e.$attrs["svg-title"]), 1)) : R("", !0),
+    e.$attrs["svg-title"] ? (b(), C("title", Xt, Q(e.$attrs["svg-title"]), 1)) : F("", !0),
     c[0] || (c[0] = ie("path", {
       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"
     }, null, -1))
   ], 16);
 }
-const Xt = /* @__PURE__ */ ee(Yt, [["render", Gt]]);
-let Fe = 0;
-const Zt = {
+const Qt = /* @__PURE__ */ ee(Gt, [["render", Zt]]);
+let Pe = 0;
+const ea = {
   beforeCreate() {
-    this.uuid = Fe.toString(), Fe += 1;
+    this.uuid = Pe.toString(), Pe += 1;
   }
-}, Qt = { key: 0 };
-function ea(e, c, u, l, i, n) {
+}, ta = { key: 0 };
+function aa(e, c, u, l, i, s) {
   return b(), C("svg", A({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -712,18 +712,18 @@ function ea(e, c, u, l, i, n) {
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (b(), C("title", Qt, Q(e.$attrs["svg-title"]), 1)) : R("", !0),
+    e.$attrs["svg-title"] ? (b(), C("title", ta, Q(e.$attrs["svg-title"]), 1)) : F("", !0),
     c[0] || (c[0] = ie("path", {
       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"
     }, null, -1))
   ], 16);
 }
-const ta = /* @__PURE__ */ ee(Zt, [["render", ea]]), aa = { class: "b-dropdown-small-textbox__chevron" }, la = _({
+const la = /* @__PURE__ */ ee(ea, [["render", aa]]), oa = { class: "b-dropdown-small-textbox__chevron" }, na = _({
   name: "dropdown-small-textbox",
   inheritAttrs: !1
-}), oa = /* @__PURE__ */ _({
-  ...la,
+}), sa = /* @__PURE__ */ _({
+  ...na,
   props: {
     /**
      * The number of additional items that have been selected in the dropdown.
@@ -780,7 +780,7 @@ const ta = /* @__PURE__ */ ee(Zt, [["render", ea]]), aa = { class: "b-dropdown-s
   },
   emits: ["clear", "close", "input", "keydown", "open"],
   setup(e, { expose: c, emit: u }) {
-    const l = u, i = e, n = D(null), t = Ie(ze, !1), a = d(() => ({
+    const l = u, i = e, s = D(null), t = Ie(Ue, !1), a = d(() => ({
       [`b-dropdown-small-textbox--${k.DISABLED}`]: i.disabled,
       [`b-dropdown-small-textbox--${k.READONLY}`]: i.readonly,
       [`b-dropdown-small-textbox--${k.OPENED}`]: i.open,
@@ -804,24 +804,24 @@ const ta = /* @__PURE__ */ ee(Zt, [["render", ea]]), aa = { class: "b-dropdown-s
     };
     return c({
       focus: () => {
-        n.value.focus();
+        s.value.focus();
       }
     }), (r, x) => (b(), C("div", {
       class: ne(["b-dropdown-small-textbox", a.value])
     }, [
-      Y(We, A({
+      j(je, A({
         ref_key: "baseTextbox",
-        ref: n
+        ref: s
       }, { ...r.$attrs, ...r.$props }, {
         class: "b-dropdown-small-textbox__textbox",
         size: o(le).SMALL
       }, de(I)), {
-        icon: W(() => [
-          ie("div", aa, [
-            se(Y(o(ta), { "svg-title": "opened" }, null, 512), [
+        icon: R(() => [
+          ie("div", oa, [
+            se(j(o(la), { "svg-title": "opened" }, null, 512), [
               [me, m.value]
             ]),
-            se(Y(o(Xt), { "svg-title": "closed" }, null, 512), [
+            se(j(o(Qt), { "svg-title": "closed" }, null, 512), [
               [me, !m.value]
             ])
           ])
@@ -830,7 +830,7 @@ const ta = /* @__PURE__ */ ee(Zt, [["render", ea]]), aa = { class: "b-dropdown-s
       }, 16, ["size"])
     ], 2));
   }
-}), na = /* @__PURE__ */ ee(oa, [["__scopeId", "data-v-5fe55c74"]]), sa = (e, c) => c.value.reduce((u, l) => {
+}), ia = /* @__PURE__ */ ee(sa, [["__scopeId", "data-v-5fe55c74"]]), ra = (e, c) => c.value.reduce((u, l) => {
   if (l.items) {
     const i = l.items.filter(
       (t) => e.value.find((a) => a.value === t.value)
@@ -838,28 +838,28 @@ const ta = /* @__PURE__ */ ee(Zt, [["render", ea]]), aa = { class: "b-dropdown-s
     i.length === l.items.length ? u.push(l.displayValue ?? l.label) : i.forEach(({ label: t, displayValue: a }) => u.push(a ?? t));
   }
   return e.value.find((i) => i.value === l.value) && u.push(l.displayValue ?? l.label), u;
-}, []).join(", "), ia = ({ items: e, placeholder: c, selectedValues: u, isMultiSelect: l }) => {
+}, []).join(", "), da = ({ items: e, placeholder: c, selectedValues: u, isMultiSelect: l }) => {
   const i = d(
     () => l.value && e.value.find((t) => t.items?.length)
   );
-  return d(() => u.value.length ? i.value ? sa(u, e) : u.value.map(({ label: t, displayValue: a }) => a ?? t).join(", ") : c.value || null);
-}, je = (e) => {
+  return d(() => u.value.length ? i.value ? ra(u, e) : u.value.map(({ label: t, displayValue: a }) => a ?? t).join(", ") : c.value || null);
+}, He = (e) => {
   e.value.$children?.[0].$refs.textbox.focus();
-}, ra = ({
+}, ua = ({
   inputContainerRef: e,
   optionsContainerRef: c,
   selectedValueIndex: u,
   isDropdownOpen: l,
   isDynamicFltering: i,
-  items: n,
+  items: s,
   isMultiple: t,
   totalItemCount: a,
   isVirtualScroll: m
 }, w, p, g) => {
   const v = async (f) => {
-    i.value && await F(), n.value[f]?.focus();
+    i.value && await P(), s.value[f]?.focus();
   }, y = async (f) => {
-    i.value && await F();
+    i.value && await P();
     const N = c.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef?.$el.querySelectorAll(
       "button"
     );
@@ -869,14 +869,14 @@ const ta = /* @__PURE__ */ ee(Zt, [["render", ea]]), aa = { class: "b-dropdown-s
   ), B = async (f) => {
     await c.value.$refs.dropdownOptionsListboxRef.$refs.listboxItemRef?.navigateToItem(f);
   }, r = (f) => {
-    F(() => {
+    P(() => {
       m ? B(f) : (I(f), v(f));
     });
   }, x = () => {
     l.value || p(), r(0);
   }, h = () => {
-    l.value || p(), F(() => {
-      r(m ? a.value - 1 : n.value.length - 1);
+    l.value || p(), P(() => {
+      r(m ? a.value - 1 : s.value.length - 1);
     });
   }, L = ({ detail: f }) => {
     f.preventDefault(), x();
@@ -884,31 +884,31 @@ const ta = /* @__PURE__ */ ee(Zt, [["render", ea]]), aa = { class: "b-dropdown-s
     f.preventDefault(), h();
   }, $ = () => {
     x();
-  }, P = () => {
+  }, V = () => {
     h();
-  }, V = ({ detail: f }) => {
+  }, K = ({ detail: f }) => {
     f.preventDefault(), w(), l.value && (t ? y(0) : r(u.value));
   }, M = ({ detail: f }) => {
     f.preventDefault(), w(), l.value && (t ? y(0) : r(u.value));
   }, J = () => {
     l.value && g();
   }, G = () => {
-    l.value && (g(), je(e));
+    l.value && (g(), He(e));
   };
   return d(() => ({
-    [j.ARROW_DOWN]: L,
-    [j.ARROW_UP]: T,
-    [j.HOME]: $,
-    [j.END]: P,
-    ...i.value ? {} : { [j.SPACE]: V },
-    [j.ENTER]: M,
-    ...i.value ? {} : { [j.TAB]: J },
-    [j.ESCAPE]: G
+    [H.ARROW_DOWN]: L,
+    [H.ARROW_UP]: T,
+    [H.HOME]: $,
+    [H.END]: V,
+    ...i.value ? {} : { [H.SPACE]: K },
+    [H.ENTER]: M,
+    ...i.value ? {} : { [H.TAB]: J },
+    [H.ESCAPE]: G
   }));
-}, da = ({ inputContainerRef: e, isDropdownOpen: c }, u) => {
+}, ca = ({ inputContainerRef: e, isDropdownOpen: c }, u) => {
   const l = () => {
-    c.value && u(), F(() => {
-      je(e);
+    c.value && u(), P(() => {
+      He(e);
     });
   };
   return {
@@ -918,18 +918,18 @@ const ta = /* @__PURE__ */ ee(Zt, [["render", ea]]), aa = { class: "b-dropdown-s
     [S.SPACE]: l
   };
 };
-function ua(e, c, u, l, i) {
-  const n = D(e), t = D(c), a = (p, g = []) => g.flatMap((v) => v.label.toLocaleLowerCase().includes(p) ? l?.value && v.items ? [...a(p, v.items)] : [v, ...a(p, v.items)] : v.items ? [...a(p, v.items)] : []), m = u !== void 0 ? mt(() => u(n.value), i ?? 300) : void 0;
-  return ve(n, () => {
+function pa(e, c, u, l, i) {
+  const s = D(e), t = D(c), a = (p, g = []) => g.flatMap((v) => v.label.toLocaleLowerCase().includes(p) ? l?.value && v.items ? [...a(p, v.items)] : [v, ...a(p, v.items)] : v.items ? [...a(p, v.items)] : []), m = u !== void 0 ? wt(() => u(s.value), i ?? 300) : void 0;
+  return ve(s, () => {
     m !== void 0 && m();
   }), d(() => {
-    if (!n.value || u !== void 0)
+    if (!s.value || u !== void 0)
       return t.value;
-    const p = n.value.toLocaleLowerCase();
+    const p = s.value.toLocaleLowerCase();
     return a(p, t.value);
   });
 }
-const He = {
+const Ye = {
   "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" },
@@ -940,16 +940,16 @@ const He = {
   "ja-JP": { all: "すべて", ariaLabelFallback: "ドロップダウン", clearSearch: "フィルターをクリア" },
   "pt-BR": { all: "Todos", ariaLabelFallback: "Menu suspenso", clearSearch: "Limpar filtro" },
   "zh-CN": { all: "全部", ariaLabelFallback: "下拉菜单", clearSearch: "清除筛选器" }
-}, ca = _({
-  i18n: { messages: He },
+}, fa = _({
+  i18n: { messages: Ye },
   name: "b-dropdown",
   components: {
-    DropdownInputDefault: Ht,
-    DropdownInputSmall: na
+    DropdownInputDefault: Jt,
+    DropdownInputSmall: ia
   },
   model: { prop: "modelValue" }
-}), pa = /* @__PURE__ */ _({
-  ...ca,
+}), ba = /* @__PURE__ */ _({
+  ...fa,
   props: {
     ariaLabel: { default: null },
     condensed: { type: Boolean, default: !1 },
@@ -967,6 +967,7 @@ const He = {
     showSlotContentInMultiple: { type: Boolean, default: !1 },
     size: { default: null },
     staticCategories: { type: Boolean, default: !1 },
+    teleport: { default: () => ({ disabled: !0 }) },
     value: { default: null },
     modelValue: { default: null },
     virtualScroll: { type: [Boolean, Object], default: !1 },
@@ -983,85 +984,90 @@ const He = {
   },
   emits: ["input", "update:model-value", "show-more", "open"],
   setup(e, { expose: c, emit: u }) {
-    const l = Ve(), i = he(), n = qe(i), t = e, a = u, { t: m } = ge({ messages: He }), { emitValue: w } = yt(a), p = D(null), g = D(null), v = D(null), y = D(!1), I = te("bento-dropdown-options-container"), B = te("dropdown-label"), r = te("dropdown-description"), x = te("dropdown-error"), { isReadOnly: h } = St(z(t, "readonly")), L = d(() => t.modelValue ?? t.value), { cachedSelectedListboxOptions: T, cachedListboxSelectedValues: $, setCachedValues: P } = vt(
-      z(t, "items"),
+    const l = Ke(), i = he(), s = ze(i), t = e, a = u, { t: m } = ge({ messages: Ye }), { emitValue: w } = St(a), p = D(null), g = D(null), v = D(null), y = D(!1), I = te("bento-dropdown-options-container"), B = te("dropdown-label"), r = te("dropdown-description"), x = te("dropdown-error"), { isReadOnly: h } = xt(U(t, "readonly")), L = d(() => t.modelValue ?? t.value), { cachedSelectedListboxOptions: T, cachedListboxSelectedValues: $, setCachedValues: V } = Lt(
+      U(t, "items"),
       L,
-      z(t, "multiple"),
-      z(t, "enableValueLabelPair")
-    ), V = D(l["aria-label"]), M = D(l["aria-describedby"]), { ariaLabel: J, label: G } = _e(t), O = d(() => m("ariaLabelFallback")), f = bt({
+      U(t, "multiple"),
+      U(t, "enableValueLabelPair")
+    ), K = D(l["aria-label"]), M = D(l["aria-describedby"]), { ariaLabel: J, label: G } = _e(t), O = d(() => m("ariaLabelFallback")), f = gt({
       // TODO: take ariaLabel ref away when aria-label prop is removed
-      ariaLabel: J.value || V,
+      ariaLabel: J.value || K,
       label: G,
       defaultFallback: O
-    }), N = t.size === le.SMALL || Ie(Mt, !1), Ye = d(() => N ? le.SMALL : le.DEFAULT), Je = d(() => ({
+    }), N = t.size === le.SMALL || Ie(Rt, !1), Je = d(() => N ? le.SMALL : le.DEFAULT), Ge = d(() => ({
       "b-dropdown--condensed": t.condensed
-    })), Ge = d(() => ({
+    })), Xe = d(() => ({
       "b-dropdown__description--error": !!t.errorMessage
-    })), X = D(""), ce = z(t, "items"), Be = z(t, "staticCategories"), pe = ua(
+    })), X = D(""), ce = U(t, "items"), Be = U(t, "staticCategories"), pe = pa(
       X,
       ce,
       t?.search?.searchEvent,
       Be,
       t?.search?.debounceTime
-    ), Se = d(() => t.dynamicFiltering && !!X.value), Xe = ia({
+    ), Se = d(() => t.dynamicFiltering && !!X.value), Ze = da({
       items: ce,
-      placeholder: z(t, "placeholder"),
-      isMultiSelect: z(t, "multiple"),
+      placeholder: U(t, "placeholder"),
+      isMultiSelect: U(t, "multiple"),
       selectedValues: T
-    }), Ze = d(() => {
+    }), Qe = d(() => {
       if (t?.multiple && Array.isArray(L.value))
         return t.items.filter(
-          ({ value: s }) => t?.value && (t?.value).includes(s)
+          ({ value: n }) => t?.value && (t?.value).includes(n)
         );
       if (!t.multiple && t.staticCategories) {
-        const s = t.items.find(
-          (q) => q.items?.some((Z) => Z.value === L.value)
+        const n = t.items.find(
+          (z) => z.items?.some((Z) => Z.value === L.value)
         );
-        return (s ? s.items.find((q) => q.value === L.value) : t.items.find(({ value: q }) => q === L.value)) ?? null;
+        return (n ? n.items.find((z) => z.value === L.value) : t.items.find(({ value: z }) => z === L.value)) ?? null;
       }
-      return t.items.find(({ value: s }) => s === L.value);
-    }), Qe = d(() => {
-      const s = pe.value.findIndex(({ value: K }) => t.enableValueLabelPair ? L.value.value === K : L.value === K);
-      return s > -1 ? s : 0;
-    }), { isMultiLevelSelect: Ae, flattenedItemsList: et } = ht(ce), tt = d(() => Ae.value && !t.staticCategories), at = d(() => tt.value ? "treeitem" : "option"), lt = d(() => {
+      return t.items.find(({ value: n }) => n === L.value);
+    }), et = d(() => {
+      const n = pe.value.findIndex(({ value: q }) => t.enableValueLabelPair ? L.value.value === q : L.value === q);
+      return n > -1 ? n : 0;
+    }), { isMultiLevelSelect: Ae, flattenedItemsList: tt } = Ct(ce), at = d(() => Ae.value && !t.staticCategories), lt = d(() => at.value ? "treeitem" : "option"), ot = d(() => {
       if (t.multiple) {
-        const s = Array.isArray(L.value) ? L.value.length : 0, K = Ae.value ? et.value.length : ce.value.length;
-        return s === 0 ? null : !t.hasMoreItems && K > 0 && K === s ? m("all") : s;
+        const n = Array.isArray(L.value) ? L.value.length : 0, q = Ae.value ? tt.value.length : ce.value.length;
+        return n === 0 ? null : !t.hasMoreItems && q > 0 && q === n ? m("all") : n;
       }
       return null;
-    }), ot = d(
+    }), nt = d(
       () => [
         t.description ? r : null,
         M.value,
         t.errorMessage ? x : null
       ].filter(Boolean).join(" ") || null
-    ), nt = d(() => v.value?.$el), { visibleDomOptions: st, updateVisibleDomOptions: ke } = gt(
-      nt,
+    ), ke = d(() => v.value?.$el), { visibleDomOptions: st, updateVisibleDomOptions: Te } = Et(
+      ke,
       pe,
-      at
+      lt
     ), it = () => {
-      h.value || (y.value = !0, F(() => {
-        ke();
+      h.value || (y.value = !0, P(() => {
+        Te();
       }));
     }, we = () => {
       y.value = !1;
     }, Le = () => {
-      h.value || (y.value = !y.value, F(() => {
-        ke();
+      h.value || (y.value = !y.value, P(() => {
+        Te();
       }), Se.value && (X.value = ""));
     }, rt = () => {
       Se.value && (X.value = ""), y.value && (y.value = !1, v.value.onOutsideDropdownClick());
-    }, dt = async (s) => {
-      t.multiple || (X.value = "", y.value = !1), P(s), w($.value), t.multiple || (await F(), Te());
-    }, ut = () => {
+    }, dt = d(() => [
+      rt,
+      {
+        ignore: [ke]
+      }
+    ]), ut = async (n) => {
+      t.multiple || (X.value = "", y.value = !1), V(n), w($.value), t.multiple || (await P(), $e());
+    }, ct = () => {
       a(S.SHOW_MORE);
-    }, ct = ra(
+    }, pt = ua(
       {
         inputContainerRef: p,
         optionsContainerRef: v,
-        selectedValueIndex: Qe,
+        selectedValueIndex: et,
         isDropdownOpen: y,
-        isDynamicFltering: z(t, "dynamicFiltering"),
+        isDynamicFltering: U(t, "dynamicFiltering"),
         items: st,
         isMultiple: t.multiple,
         totalItemCount: d(() => pe.value.length),
@@ -1070,17 +1076,17 @@ const He = {
       Le,
       it,
       we
-    ), pt = da(
+    ), ft = ca(
       {
         inputContainerRef: p,
         isDropdownOpen: y
       },
       we
-    ), ft = {
+    ), bt = {
       [S.CLOSE_DROPDOWN]: we,
-      [S.SELECT]: dt,
-      [S.SHOW_MORE]: ut,
-      ...pt
+      [S.SELECT]: ut,
+      [S.SHOW_MORE]: ct,
+      ...ft
     };
     t.error && xe(
       'BentoDropdown "error" property',
@@ -1094,126 +1100,134 @@ const He = {
                 Use the "v-model" or "model-value" property instead.`,
       "2.0.0"
     );
-    const Te = () => {
+    const $e = () => {
       p.value.focus();
     };
     return ve(
       () => y.value,
-      (s) => {
-        s && a("open");
+      (n) => {
+        n && a("open");
       }
     ), c({
-      focus: Te
-    }), (s, K) => se((b(), C("div", {
-      class: ne(["b-dropdown", Je.value])
+      focus: $e
+    }), (n, q) => se((b(), C("div", {
+      class: ne(["b-dropdown", Ge.value])
     }, [
-      o(G) ? (b(), H(o(Ct), {
+      o(G) ? (b(), Y(o(Dt), {
         key: 0,
         id: o(B),
-        condensed: s.condensed,
+        condensed: n.condensed,
         label: o(G),
-        "tooltip-text": s.tooltipText,
-        optional: s.optional,
-        required: s.required
-      }, null, 8, ["id", "condensed", "label", "tooltip-text", "optional", "required"])) : R("", !0),
+        "tooltip-text": n.tooltipText,
+        optional: n.optional,
+        required: n.required
+      }, null, 8, ["id", "condensed", "label", "tooltip-text", "optional", "required"])) : F("", !0),
       se((b(), C("div", A({
         ref_key: "inputContainerRefWrapper",
         ref: g
-      }, de(o(ct), !0)), [
-        (b(), H(Pe(Ye.value), {
+      }, de(o(pt), !0)), [
+        (b(), Y(Ve(Je.value), {
           ref_key: "inputContainerRef",
           ref: p,
-          condensed: s.condensed,
+          condensed: n.condensed,
           value: X.value,
-          "additional-items-selected": lt.value,
+          "additional-items-selected": ot.value,
           "aria-controls": o(I),
           ariaExpanded: y.value,
           "aria-labelledby": o(G) ? o(B) : null,
-          "aria-describedby": ot.value,
+          "aria-describedby": nt.value,
           "aria-label": o(f),
           "aria-readonly": o(h),
-          "aria-required": s.required,
+          "aria-required": n.required,
           readonly: o(h),
-          disabled: s.disabled,
-          "display-value": o(Xe),
-          "dynamic-filtering": s.dynamicFiltering,
-          "is-invalid": !!s.errorMessage || s.error,
-          multiple: s.multiple,
+          disabled: n.disabled,
+          "display-value": o(Ze),
+          "dynamic-filtering": n.dynamicFiltering,
+          "is-invalid": !!n.errorMessage || n.error,
+          multiple: n.multiple,
           open: y.value,
-          "selected-value-item": o(N) ? void 0 : Ze.value,
-          "show-slot-content-in-multiple": s.showSlotContentInMultiple,
-          onInput: K[0] || (K[0] = (q) => X.value = q),
+          "selected-value-item": o(N) ? void 0 : Qe.value,
+          "show-slot-content-in-multiple": n.showSlotContentInMultiple,
+          onInput: q[0] || (q[0] = (z) => X.value = z),
           onOpen: Le,
           onClose: Le
         }, be({ _: 2 }, [
-          ue(o(i), (q, Z) => ({
+          ue(o(i), (z, Z) => ({
             name: Z,
-            fn: W((Ce) => [
-              U(s.$slots, Z, oe(ye(Ce)), void 0, !0)
+            fn: R((Ce) => [
+              W(n.$slots, Z, oe(ye(Ce)), void 0, !0)
             ])
           }))
         ]), 1064, ["condensed", "value", "additional-items-selected", "aria-controls", "ariaExpanded", "aria-labelledby", "aria-describedby", "aria-label", "aria-readonly", "aria-required", "readonly", "disabled", "display-value", "dynamic-filtering", "is-invalid", "multiple", "open", "selected-value-item", "show-slot-content-in-multiple"]))
       ], 16)), [
-        [o(Lt)]
+        [o(It)]
       ]),
-      p.value ? (b(), H(o($t), A({
+      p.value ? (b(), Y(o(At), {
         key: 1,
-        id: o(I),
-        ref_key: "optionsContainerRef",
-        ref: v,
-        "aria-label": o(f),
-        "component-loading": s.componentLoading,
-        "empty-state": s.emptyState,
-        disabled: s.disabled,
-        "is-option-disabled": s.isOptionDisabled,
-        items: o(pe),
-        multiple: s.multiple,
-        "static-categories": Be.value,
-        open: y.value,
-        "selected-value": o(T),
-        searching: Se.value,
-        "target-element": g.value,
-        loading: s.loading,
-        "has-more-items": s.hasMoreItems,
-        "lazy-load-type": s.lazyLoadType,
-        "virtual-scroll": s.virtualScroll
-      }, de(ft)), be({ _: 2 }, [
-        ue(o(i), (q, Z) => ({
-          name: Z,
-          fn: W((Ce) => [
-            U(s.$slots, Z, oe(ye(Ce)), void 0, !0)
-          ])
-        }))
-      ]), 1040, ["id", "aria-label", "component-loading", "empty-state", "disabled", "is-option-disabled", "items", "multiple", "static-categories", "open", "selected-value", "searching", "target-element", "loading", "has-more-items", "lazy-load-type", "virtual-scroll"])) : R("", !0),
-      s.errorMessage ? (b(), H(o(xt), {
+        disabled: n.teleport?.disabled,
+        to: n.teleport?.to
+      }, {
+        default: R(() => [
+          j(o(Nt), A({
+            id: o(I),
+            ref_key: "optionsContainerRef",
+            ref: v,
+            "aria-label": o(f),
+            "component-loading": n.componentLoading,
+            "empty-state": n.emptyState,
+            disabled: n.disabled,
+            "is-option-disabled": n.isOptionDisabled,
+            items: o(pe),
+            multiple: n.multiple,
+            "static-categories": Be.value,
+            open: y.value,
+            "selected-value": o(T),
+            searching: Se.value,
+            "target-element": g.value,
+            loading: n.loading,
+            "has-more-items": n.hasMoreItems,
+            "lazy-load-type": n.lazyLoadType,
+            "virtual-scroll": n.virtualScroll
+          }, de(bt)), be({ _: 2 }, [
+            ue(o(i), (z, Z) => ({
+              name: Z,
+              fn: R((Ce) => [
+                W(n.$slots, Z, oe(ye(Ce)), void 0, !0)
+              ])
+            }))
+          ]), 1040, ["id", "aria-label", "component-loading", "empty-state", "disabled", "is-option-disabled", "items", "multiple", "static-categories", "open", "selected-value", "searching", "target-element", "loading", "has-more-items", "lazy-load-type", "virtual-scroll"])
+        ]),
+        _: 3
+      }, 8, ["disabled", "to"])) : F("", !0),
+      n.errorMessage ? (b(), Y(o(kt), {
         key: 2,
         id: o(x),
-        "error-message": s.errorMessage,
+        "error-message": n.errorMessage,
         class: "b-dropdown__error-message"
-      }, null, 8, ["id", "error-message"])) : R("", !0),
-      s.description || o(n)("description") ? (b(), H(o(Ke), {
+      }, null, 8, ["id", "error-message"])) : F("", !0),
+      n.description || o(s)("description") ? (b(), Y(o(qe), {
         key: 3,
         id: o(r),
-        class: ne(["b-dropdown__description", Ge.value]),
+        class: ne(["b-dropdown__description", Xe.value]),
         el: "span"
       }, {
-        default: W(() => [
-          U(s.$slots, "description", {}, () => [
-            fe(Q(s.description), 1)
+        default: R(() => [
+          W(n.$slots, "description", {}, () => [
+            fe(Q(n.description), 1)
           ], !0)
         ]),
         _: 3
-      }, 8, ["id", "class"])) : R("", !0)
+      }, 8, ["id", "class"])) : F("", !0)
     ], 2)), [
-      [o(wt), rt]
+      [o(Ot), dt.value]
     ]);
   }
-}), Na = /* @__PURE__ */ ee(pa, [["__scopeId", "data-v-0e85a425"]]);
+}), Fa = /* @__PURE__ */ ee(ba, [["__scopeId", "data-v-3dc67619"]]);
 export {
-  Na as B,
-  Ht as D,
+  Fa as B,
+  Jt as D,
   le as a,
-  Mt as b,
-  ua as u
+  Rt as b,
+  pa as u
 };
-//# sourceMappingURL=dropdown.CK8cdMyV.js.map
+//# sourceMappingURL=dropdown.C5um1anU.js.map