@8wave/ai-elements 0.119.0-beta.60 → 0.119.0-beta.62

package/dist/_chunks/{VvCombobox.es-Brn06uOj.js → VvCombobox.es-DKR6Fb2W.js}

@@ -1,11 +1,11 @@
-import { $ as e, A as t, B as n, C as r, Ct as i, Dt as a, E as o, Et as s, F as c, G as l, H as u, K as d, L as f, M as p, N as m, O as h, P as g, Q as _, R as v, St as y, T as b, Tt as x, U as ee, V as S, W as te, X as C, _ as w, b as T, bt as E, c as ne, ct as D, d as O, et as re, g as k, h as A, it as ie, j, k as M, l as ae, m as N, mt as P, o as F, q as oe, r as se, s as ce, t as le, u as ue, v as I, vt as L, w as de, wt as fe, x as pe, y as me, yt as he, z as ge } from "./vue.runtime.esm-bundler-DKVd2gci.js";
+import { $ as e, A as t, B as n, C as r, Ct as i, Dt as a, E as o, Et as s, F as c, G as l, H as u, K as d, L as f, M as p, N as m, O as h, P as g, Q as _, R as v, St as y, T as b, Tt as x, U as ee, V as S, W as C, X as w, _ as T, b as E, bt as D, c as te, ct as ne, d as O, et as re, g as k, h as A, it as ie, j, k as M, l as ae, m as N, mt as P, o as F, q as oe, r as se, s as ce, t as le, u as ue, v as I, vt as L, w as de, wt as fe, x as pe, y as me, yt as he, z as ge } from "./vue.runtime.esm-bundler-DKVd2gci.js";
 import { a as _e, i as R, t as ve } from "./iconify-CgyW1o4B.js";
-import { _ as ye, c as z, f as be, g as xe, l as B, n as Se, o as Ce, r as we, t as Te, u as Ee } from "./dist-DxtbpUdI.js";
-import { a as De, c as Oe, i as ke, l as V, n as Ae, o as je, r as Me, s as Ne, t as Pe } from "./floating-ui.vue-B6fUB9cU.js";
-import { t as H } from "./dot-prop-B2dazUQ6.js";
-//#region ../../node_modules/.pnpm/@volverjs+ui-vue@0.0.24_@json-render+core@0.19.0_zod@4.6.7__@volverjs+style@0.1.32_@vue_15de8134c9a21d6e417d645781533ea5/node_modules/@volverjs/ui-vue/dist/components/VvCombobox/VvCombobox.es.js
+import { _ as ye, c as be, f as xe, g as Se, l as z, n as Ce, o as we, r as Te, t as Ee, u as De } from "./dist-DxtbpUdI.js";
+import { a as Oe, c as ke, i as Ae, l as B, n as je, o as Me, r as Ne, s as Pe, t as Fe } from "./floating-ui.vue-B6fUB9cU.js";
+import { t as V } from "./dot-prop-B2dazUQ6.js";
+//#region ../../node_modules/.pnpm/@volverjs+ui-vue@0.0.25_@json-render+core@0.19.0_zod@4.6.7__@volverjs+style@0.1.32_@vue_6457cdc65e61a009108dae6427ee3925/node_modules/@volverjs/ui-vue/dist/components/VvCombobox/VvCombobox.es.js
 h(), se(), ie(), i();
-var Fe = {
+var Ie = {
 	showPassword: "eye-on",
 	hidePassword: "eye-off",
 	showDatePicker: "calendar",
@@ -16,25 +16,25 @@ var Fe = {
 	remove: "trash",
 	edit: "edit",
 	download: "download"
-}, U = { prefix: "normal" }, Ie = /* @__PURE__ */ (function(e) {
+}, H = { prefix: "normal" }, Le = /* @__PURE__ */ (function(e) {
 	return e.local = "local", e.session = "session", e;
-})({}), Le = /* @__PURE__ */ (function(e) {
+})({}), Re = /* @__PURE__ */ (function(e) {
 	return e.absolute = "absolute", e.fixed = "fixed", e;
-})({}), W = /* @__PURE__ */ (function(e) {
+})({}), U = /* @__PURE__ */ (function(e) {
 	return e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e;
-})({}), Re = /* @__PURE__ */ (function(e) {
-	return e.topStart = "top-start", e.topEnd = "top-end", e.bottomStart = "bottom-start", e.bottomEnd = "bottom-end", e.leftStart = "left-start", e.leftEnd = "left-end", e.rightStart = "right-start", e.rightEnd = "right-end", e;
 })({}), ze = /* @__PURE__ */ (function(e) {
-	return e.before = "before", e.after = "after", e;
+	return e.topStart = "top-start", e.topEnd = "top-end", e.bottomStart = "bottom-start", e.bottomEnd = "bottom-end", e.leftStart = "left-start", e.leftEnd = "left-end", e.rightStart = "right-start", e.rightEnd = "right-end", e;
 })({}), Be = /* @__PURE__ */ (function(e) {
+	return e.before = "before", e.after = "after", e;
+})({}), Ve = /* @__PURE__ */ (function(e) {
 	return e.button = "button", e.submit = "submit", e.reset = "reset", e;
-})({}), G = /* @__PURE__ */ (function(e) {
+})({}), W = /* @__PURE__ */ (function(e) {
 	return e.nuxtLink = "nuxt-link", e.routerLink = "router-link", e.a = "a", e.button = "button", e;
-})({}), K = /* @__PURE__ */ (function(e) {
+})({}), He = /* @__PURE__ */ (function(e) {
 	return e.button = "button", e.link = "link", e.menuitem = "menuitem", e;
-})({}), Ve = /* @__PURE__ */ (function(e) {
+})({}), G = /* @__PURE__ */ (function(e) {
 	return e.listbox = "listbox", e.menu = "menu", e;
-})({}), He = /* @__PURE__ */ (function(e) {
+})({}), K = /* @__PURE__ */ (function(e) {
 	return e.option = "option", e.presentation = "presentation", e;
 })({}), Ue = /* @__PURE__ */ Symbol.for("volver"), We = /* @__PURE__ */ Symbol.for("buttonGroup"), q = /* @__PURE__ */ Symbol.for("dropdownTrigger"), Ge = /* @__PURE__ */ Symbol.for("dropdownItem"), Ke = /* @__PURE__ */ Symbol.for("dropdownAction"), qe = {
 	to: { type: [String, Object] },
@@ -93,7 +93,7 @@ var Fe = {
 	},
 	iconClear: {
 		type: [String, Object],
-		default: Fe.clear
+		default: Ie.clear
 	},
 	labelClear: {
 		type: String,
@@ -163,8 +163,8 @@ var Fe = {
 	},
 	iconPosition: {
 		type: String,
-		default: ze.before,
-		validation: (e) => Object.values(ze).includes(e)
+		default: Be.before,
+		validator: (e) => Object.values(Be).includes(e)
 	}
 }, st = { tabindex: {
 	type: [String, Number],
@@ -178,13 +178,13 @@ var Fe = {
 } }, ut = { id: [String, Number] }, dt = {
 	placement: {
 		type: String,
-		default: W.bottom,
-		validator: (e) => Object.values(W).includes(e) || Object.values(Re).includes(e)
+		default: U.bottom,
+		validator: (e) => Object.values(U).includes(e) || Object.values(ze).includes(e)
 	},
 	strategy: {
 		type: String,
 		default: void 0,
-		validator: (e) => Object.values(Le).includes(e)
+		validator: (e) => Object.values(Re).includes(e)
 	},
 	transitionName: {
 		type: String,
@@ -298,8 +298,8 @@ var ht = {
 	...qe,
 	type: {
 		type: String,
-		default: Be.button,
-		validator: (e) => Object.values(Be).includes(e)
+		default: Ve.button,
+		validator: (e) => Object.values(Ve).includes(e)
 	},
 	ariaLabel: {
 		type: String,
@@ -307,10 +307,10 @@ var ht = {
 	},
 	defaultTag: {
 		type: String,
-		default: G.button
+		default: W.button
 	}
 };
-Ie.local;
+Le.local;
 var gt = {
 	...ft,
 	...st,
@@ -508,7 +508,7 @@ function Tt(e) {
 	return Array.isArray(e) ? e.filter((e) => wt(e)).join(" ") : e;
 }
 function Et(e, t) {
-	let n = N(() => D(e) ? e.value : e), i = N(() => Tt(n.value.invalidLabel)), a = N(() => Tt(n.value.validLabel)), s = N(() => n.value.loadingLabel), c = N(() => n.value.hintLabel), l = N(() => !!(n.value.loading && (t.loading || s.value))), u = N(() => !l.value && !!(n.value.invalid && (t.invalid || i.value))), d = N(() => !l.value && !u.value && !!(n.value.valid && (t.valid || a.value))), f = N(() => !l.value && !u.value && !d.value && !!(t.hint || c.value)), p = N(() => u.value || d.value || l.value || f.value);
+	let n = N(() => ne(e) ? e.value : e), i = N(() => Tt(n.value.invalidLabel)), a = N(() => Tt(n.value.validLabel)), s = N(() => n.value.loadingLabel), c = N(() => n.value.hintLabel), l = N(() => !!(n.value.loading && (t.loading || s.value))), u = N(() => !l.value && !!(n.value.invalid && (t.invalid || i.value))), d = N(() => !l.value && !u.value && !!(n.value.valid && (t.valid || a.value))), f = N(() => !l.value && !u.value && !d.value && !!(t.hint || c.value)), p = N(() => u.value || d.value || l.value || f.value);
 	return {
 		hasInvalidLabelOrSlot: u,
 		hasHintLabelOrSlot: f,
@@ -581,7 +581,7 @@ var kt = /* @__PURE__ */ r({
 		onLoad: { type: Function },
 		svg: {},
 		modifiers: {}
-	}, U),
+	}, H),
 	setup(e) {
 		let t = e, n = N(() => typeof t.rotate == "string" ? Number.parseFloat(t.rotate) : t.rotate), r = P(!0), i = Dt(), { modifiers: a } = he(t), o = Ot("vv-icon", a), s = N(() => t.provider || i?.iconsProvider), c = N(() => {
 			let e = t.name ?? "", n = `@${s.value}:${t.prefix}:${e}`;
@@ -620,17 +620,17 @@ var kt = /* @__PURE__ */ r({
 			rotate: y(n),
 			color: e.color,
 			icon: y(c)
-		}, { onLoad: e.onLoad }), null, 16, ["class", "onLoad"])) : w("v-if", !0);
+		}, { onLoad: e.onLoad }), null, 16, ["class", "onLoad"])) : T("v-if", !0);
 	}
 });
 function At(e, t) {
-	let n = N(() => typeof e?.value == "string" ? { name: e?.value } : e?.value), r = N(() => t?.value === ze.before ? n.value : void 0), i = N(() => t?.value === ze.after ? n.value : void 0);
+	let n = N(() => typeof e?.value == "string" ? { name: e?.value } : e?.value), r = N(() => t?.value === Be.before ? n.value : void 0), i = N(() => t?.value === Be.after ? n.value : void 0);
 	return {
 		hasIcon: n,
-		hasIconLeft: N(() => t?.value === W.left ? n.value : void 0),
-		hasIconRight: N(() => t?.value === W.right ? n.value : void 0),
-		hasIconTop: N(() => t?.value === W.top ? n.value : void 0),
-		hasIconBottom: N(() => t?.value === W.bottom ? n.value : void 0),
+		hasIconLeft: N(() => t?.value === U.left ? n.value : void 0),
+		hasIconRight: N(() => t?.value === U.right ? n.value : void 0),
+		hasIconTop: N(() => t?.value === U.top ? n.value : void 0),
+		hasIconBottom: N(() => t?.value === U.bottom ? n.value : void 0),
 		hasIconBefore: r,
 		hasIconAfter: i
 	};
@@ -687,7 +687,7 @@ var jt = r({
 	props: Mt,
 	setup(e) {
 		let { modifiers: t } = he(e), r = Ot("vv-badge", t);
-		return (e, t) => (f(), I("span", { class: fe(y(r)) }, [n(e.$slots, "default", {}, () => [T(a(e.value), 1)])], 2));
+		return (e, t) => (f(), I("span", { class: fe(y(r)) }, [n(e.$slots, "default", {}, () => [E(a(e.value), 1)])], 2));
 	}
 });
 function Pt(e) {
@@ -727,8 +727,8 @@ var Ft = ["update:modelValue"], It = {
 	...ot,
 	iconPosition: {
 		type: String,
-		default: W.left,
-		validator: (e) => Object.values(W).includes(e)
+		default: U.left,
+		validator: (e) => Object.values(U).includes(e)
 	},
 	loadingIcon: {
 		type: String,
@@ -806,14 +806,14 @@ var Ht = /* @__PURE__ */ r({
 		let o = t, s = i, c = de(), l = Dt(), d = P(null);
 		r({ $el: d });
 		let { reference: m, bus: h, aria: g, expanded: _ } = zt();
-		C(() => d.value, (e) => {
+		w(() => d.value, (e) => {
 			m && (m.value = e);
 		});
 		let v = N(() => o.pressed || _?.value), { role: b } = Vt(), x = N(() => {
 			switch (!0) {
-				case o.disabled: return G.button;
-				case o.to !== void 0: return l?.nuxt ? S(G.nuxtLink) : G.routerLink;
-				case o.href !== void 0: return G.a;
+				case o.disabled: return W.button;
+				case o.to !== void 0: return l?.nuxt ? S(W.nuxtLink) : W.routerLink;
+				case o.href !== void 0: return W.a;
 				default: return o.defaultTag;
 			}
 		}), ee = N(() => {
@@ -824,19 +824,19 @@ var Ht = /* @__PURE__ */ r({
 				role: b?.value
 			};
 			switch (x.value) {
-				case G.a: return {
+				case W.a: return {
 					...e,
 					href: o.href,
 					target: o.target,
 					rel: o.rel
 				};
-				case G.routerLink:
-				case G.nuxtLink: return {
+				case W.routerLink:
+				case W.nuxtLink: return {
 					...e,
 					to: o.to,
 					target: o.target
 				};
-				case G.button: return {
+				case W.button: return {
 					...e,
 					type: o.type,
 					disabled: o.disabled
@@ -844,13 +844,13 @@ var Ht = /* @__PURE__ */ r({
 				default: return e;
 			}
 		});
-		function te(e) {
+		function C(e) {
 			o.disabled ? e.preventDefault() : c?.vnode.props?.onClick ? s("click", e) : h?.emit("click", e);
 		}
-		function w(e) {
+		function T(e) {
 			c?.vnode.props?.onMouseover ? s("mouseover", e) : h?.emit("mouseover", e);
 		}
-		function E(e) {
+		function D(e) {
 			c?.vnode.props?.onMouseleave ? s("mouseleave", e) : h?.emit("mouseleave", e);
 		}
 		return (t, r) => (f(), k(u(y(x)), p(y(ee), {
@@ -862,11 +862,11 @@ var Ht = /* @__PURE__ */ r({
 				disabled: t.disabled,
 				current: t.current
 			},
-			onClickPassive: te,
-			onMouseoverPassive: w,
-			onMouseleavePassive: E
+			onClickPassive: C,
+			onMouseoverPassive: T,
+			onMouseleavePassive: D
 		}), {
-			default: e(() => [n(t.$slots, "default", {}, () => [T(a(t.label), 1)])]),
+			default: e(() => [n(t.$slots, "default", {}, () => [E(a(t.label), 1)])]),
 			_: 3
 		}, 16, ["class"]));
 	}
@@ -887,13 +887,13 @@ var Wt = {
 	props: It,
 	emits: Ft,
 	setup(t, { expose: r, emit: i }) {
-		let o = t, s = i, c = te(), l = oe(), { id: u, modifiers: d, iconPosition: m, icon: h, label: g, modelValue: _, disabled: v, toggle: b, unselectable: x } = Lt(o, s), ee = Ut(u), S = N(() => c?.name || ee.value), C = P(null);
-		r({ $el: N(() => C.value?.$el) });
-		let E = N(() => b.value ? Array.isArray(_.value) ? Ct(S.value, _.value) : vt(S.value, _.value) : o.pressed), ne = Ot("vv-button", d, N(() => ({
-			reverse: [W.right, W.bottom].includes(m.value),
-			column: [W.top, W.bottom].includes(m.value),
+		let o = t, s = i, c = C(), l = oe(), { id: u, modifiers: d, iconPosition: m, icon: h, label: g, modelValue: _, disabled: v, toggle: b, unselectable: x } = Lt(o, s), ee = Ut(u), S = N(() => c?.name || ee.value), w = P(null);
+		r({ $el: N(() => w.value?.$el) });
+		let D = N(() => b.value ? Array.isArray(_.value) ? Ct(S.value, _.value) : vt(S.value, _.value) : o.pressed), te = Ot("vv-button", d, N(() => ({
+			reverse: [U.right, U.bottom].includes(m.value),
+			column: [U.top, U.bottom].includes(m.value),
 			"icon-only": !(!h?.value || g?.value || l.default)
-		}))), { hasIcon: D } = At(h), re = N(() => o.value === void 0 ? S.value : o.value), A = N(() => {
+		}))), { hasIcon: ne } = At(h), re = N(() => o.value === void 0 ? S.value : o.value), A = N(() => {
 			if (b.value) return { onClick: ie };
 		});
 		function ie() {
@@ -917,7 +917,7 @@ var Wt = {
 			...y(c),
 			...y(A),
 			disabled: y(v),
-			pressed: y(E),
+			pressed: y(D),
 			active: t.active,
 			type: t.type,
 			to: t.to,
@@ -928,17 +928,17 @@ var Wt = {
 		}, {
 			id: y(ee),
 			ref_key: "rootEl",
-			ref: C,
-			class: y(ne)
+			ref: w,
+			class: y(te)
 		}), {
 			default: e(() => [n(t.$slots, "default", {}, () => [t.loading ? n(t.$slots, "loading", {}, () => [t.loadingIcon ? (f(), k(kt, {
 				key: 0,
 				class: "vv-button__loading-icon",
 				name: t.loadingIcon
-			}, null, 8, ["name"])) : w("v-if", !0), t.loadingLabel ? (f(), I("span", Wt, a(t.loadingLabel), 1)) : w("v-if", !0)], void 0, 0) : (f(), I(O, { key: 1 }, [
+			}, null, 8, ["name"])) : T("v-if", !0), t.loadingLabel ? (f(), I("span", Wt, a(t.loadingLabel), 1)) : T("v-if", !0)], void 0, 0) : (f(), I(O, { key: 1 }, [
 				n(t.$slots, "before"),
-				y(D) ? (f(), k(kt, p({ key: 0 }, y(D), { class: "vv-button__icon" }), null, 16)) : w("v-if", !0),
-				y(g) ? (f(), I("span", Gt, [n(t.$slots, "label", {}, () => [T(a(y(g)), 1)])])) : w("v-if", !0),
+				y(ne) ? (f(), k(kt, p({ key: 0 }, y(ne), { class: "vv-button__icon" }), null, 16)) : T("v-if", !0),
+				y(g) ? (f(), I("span", Gt, [n(t.$slots, "label", {}, () => [E(a(y(g)), 1)])])) : T("v-if", !0),
 				n(t.$slots, "after")
 			], 64))])]),
 			_: 3
@@ -958,8 +958,8 @@ var Wt = {
 	},
 	role: {
 		type: String,
-		default: Ve.menu,
-		validator: (e) => Object.values(Ve).includes(e)
+		default: G.menu,
+		validator: (e) => Object.values(G).includes(e)
 	}
 }, Jt = { focusOnHover: {
 	type: Boolean,
@@ -978,7 +978,7 @@ var Wt = {
 	}
 };
 function Xt(e, t) {
-	let n = globalThis.HTMLElement !== void 0 && "popover" in globalThis.HTMLElement.prototype, r = N(() => n && E(t)), i = N(() => r.value ? "manual" : void 0);
+	let n = globalThis.HTMLElement !== void 0 && "popover" in globalThis.HTMLElement.prototype, r = N(() => n && D(t)), i = N(() => r.value ? "manual" : void 0);
 	function a() {
 		return (n && e.value?.matches(":popover-open")) ?? !1;
 	}
@@ -1000,7 +1000,7 @@ function Xt(e, t) {
 	};
 }
 function Zt({ reference: e, id: t, expanded: n, aria: i }) {
-	let a = V();
+	let a = B();
 	return {
 		bus: a,
 		component: r({
@@ -1021,7 +1021,7 @@ function Zt({ reference: e, id: t, expanded: n, aria: i }) {
 	};
 }
 function Qt({ role: e, ...t }) {
-	let n = N(() => e.value === Ve.listbox ? He.option : He.presentation);
+	let n = N(() => e.value === G.listbox ? K.option : K.presentation);
 	return v(Ge, {
 		role: n,
 		...t
@@ -1029,7 +1029,7 @@ function Qt({ role: e, ...t }) {
 }
 function $t({ expanded: e }) {
 	v(Ke, {
-		role: P(K.menuitem),
+		role: P(He.menuitem),
 		expanded: e
 	});
 }
@@ -1060,129 +1060,164 @@ var en = ["popover"], tn = [
 		"leaveCancelled"
 	],
 	setup(t, { expose: r, emit: i }) {
-		let a = t, o = i, { id: l } = he(a), u = Ut(l), d = te(), h = P("auto"), g = P("auto"), v = P(), S = P(), T = P(), E = P(), D = N({
-			get: () => a.reference ?? v.value,
+		let a = t, o = i, { id: l } = he(a), u = Ut(l), d = C(), h = P(), g = P(), v = P(), S = P(), E = N({
+			get: () => a.reference ?? h.value,
 			set: (e) => {
-				v.value = e;
+				h.value = e;
 			}
-		}), { isTopLayer: k, popover: ie, show: j, hide: M } = Xt(S, () => a.topLayer), ae = N(() => k.value ? Le.fixed : a.strategy), F = P(!1);
+		}), { isTopLayer: D, popover: ne, show: k, hide: ie } = Xt(g, () => a.topLayer), j = N(() => D.value ? Re.fixed : a.strategy), M = P(!1);
 		c(() => {
-			be(S.value, () => {
-				F.value = globalThis.getComputedStyle(S.value).getPropertyValue("--dropdown-custom-position")?.trim() === "true";
+			xe(g.value, () => {
+				M.value = globalThis.getComputedStyle(g.value).getPropertyValue("--dropdown-custom-position")?.trim() === "true";
 			}, {
 				attributeFilter: ["style"],
 				window: globalThis.window
 			});
 		});
-		function oe(e, t, n) {
+		function ae(e, t, n) {
 			return typeof e == "boolean" ? t() : n(e);
 		}
-		let se = N(() => {
+		function F(e) {
+			return !e.width && !e.height;
+		}
+		let oe = {
+			name: "uncap",
+			fn({ elements: e, rects: t, middlewareData: n }) {
+				let { style: r } = e.floating, i = t.floating.height >= Number.parseFloat(r.maxHeight) - 1 || t.floating.width >= Number.parseFloat(r.maxWidth) - 1;
+				return n.uncap || !i || F(t.floating) ? {} : (r.maxHeight = "", r.maxWidth = "", {
+					data: { uncapped: !0 },
+					reset: { rects: !0 }
+				});
+			}
+		}, se = N(() => {
 			let e = [];
-			if (a.autoPlacement ? e.push(oe(a.autoPlacement, () => Me(), (e) => Me(e))) : a.flip && e.push(oe(a.flip, () => De({ fallbackStrategy: "initialPlacement" }), (e) => De(e))), a.shift && e.push(oe(a.shift, () => Ne(), (e) => Ne(e))), a.size) {
-				let t = ({ availableWidth: e, availableHeight: t }) => {
-					h.value = `${e}px`, g.value = `${t}px`;
+			a.size && e.push(oe), a.offset && e.push(["string", "number"].includes(typeof a.offset) ? Me(Number(a.offset)) : Me(a.offset));
+			let t = typeof a.size == "object" ? a.size.padding : void 0;
+			if (a.autoPlacement ? e.push(ae(a.autoPlacement, () => Ne(), (e) => Ne(e))) : a.flip && e.push(ae(a.flip, () => Oe({
+				fallbackStrategy: "initialPlacement",
+				padding: t
+			}), (e) => Oe({
+				padding: t,
+				...e
+			}))), a.shift && e.push(ae(a.shift, () => Pe(), (e) => Pe(e))), a.size) {
+				let t = ({ availableWidth: e, availableHeight: t, elements: n, rects: r }) => {
+					if (F(r.floating) || M.value) return;
+					let { style: i } = n.floating;
+					i.maxWidth = a.triggerWidth && E.value ? "" : `${Math.max(0, e)}px`, i.maxHeight = `${Math.max(0, t)}px`;
 				};
-				e.push(oe(a.size, () => Oe({ apply: t }), (e) => Oe({
+				e.push(ae(a.size, () => ke({ apply: t }), (e) => ke({
 					...e,
-					apply: t
+					apply: (n) => (t(n), e?.apply?.(n))
 				})));
 			}
-			return a.offset && e.push(["string", "number"].includes(typeof a.offset) ? je(Number(a.offset)) : je(a.offset)), a.arrow && e.push(Pe({ element: T })), e;
-		}), { x: ce, y: ue, middlewareData: L, placement: de, strategy: me } = Ae(D, S, {
-			whileElementsMounted: (...e) => ke(...e, { animationFrame: ae.value === Le.fixed }),
+			return a.arrow && e.push(Fe({ element: v })), e;
+		}), { x: ce, y: ue, middlewareData: L, placement: de, strategy: me, update: ge } = je(E, g, {
 			placement: N(() => a.placement),
-			strategy: ae,
+			strategy: j,
 			middleware: se
-		}), ge = N(() => {
-			if (F.value) return;
-			let e = a.triggerWidth && D.value ? `${D.value?.offsetWidth}px` : void 0;
+		}), _e = N(() => {
+			if (M.value) return;
+			let e = a.triggerWidth && E.value ? `${E.value?.offsetWidth}px` : void 0;
 			return {
 				position: me.value,
 				top: `${ue.value ?? 0}px`,
 				left: `${ce.value ?? 0}px`,
-				maxWidth: e ? void 0 : h.value,
-				maxHeight: g.value,
 				width: e
 			};
-		}), _e = N(() => de.value.split("-")[0]), R = N(() => {
-			if (F.value) return;
+		}), R = N(() => de.value.split("-")[0]), ve = N(() => {
+			if (M.value) return;
 			let e = {
-				[W.top]: W.bottom,
-				[W.right]: W.left,
-				[W.bottom]: W.top,
-				[W.left]: W.right
-			}[_e.value];
+				[U.top]: U.bottom,
+				[U.right]: U.left,
+				[U.bottom]: U.top,
+				[U.left]: U.right
+			}[R.value];
 			return {
 				left: L.value.arrow?.x === void 0 ? void 0 : `${L.value.arrow?.x}px`,
 				top: L.value.arrow?.y === void 0 ? void 0 : `${L.value.arrow?.y}px`,
-				[e]: `${-(T.value?.offsetWidth ?? 0) / 2}px`
+				[e]: `${-(v.value?.offsetWidth ?? 0) / 2}px`
 			};
-		}), ve = xe(a, "modelValue", o), ye = P(!1), z = N({
-			get: () => ve.value ?? ye.value,
+		}), ye = Se(a, "modelValue", o), be = P(!1), z = N({
+			get: () => ye.value ?? be.value,
 			set: (e) => {
-				ve.value === void 0 ? ye.value = e : ve.value = e;
+				ye.value === void 0 ? be.value = e : ye.value = e;
 			}
 		});
-		_(() => {
-			z.value && j();
+		w([
+			z,
+			E,
+			g,
+			j
+		], ([e, t, n, r], i, a) => {
+			!e || !t || !n || a(Ae(t, n, ge, { animationFrame: r === Re.fixed }));
+		}, {
+			flush: "post",
+			immediate: !0
+		}), xe(S, () => {
+			z.value && ge();
+		}, {
+			childList: !0,
+			subtree: !0,
+			characterData: !0
+		}), _(() => {
+			z.value && k();
 		});
-		function B() {
+		function Ee() {
 			z.value = !0;
 		}
-		function Te() {
+		function B() {
 			z.value = !1;
 		}
 		function V() {
 			z.value = !z.value;
 		}
-		function H(e) {
-			D.value = e;
+		function Ie(e) {
+			E.value = e;
 		}
-		Se(S, () => {
+		Ce(g, () => {
 			!a.keepOpen && z.value && (z.value = !1);
-		}, { ignore: [D] });
-		let Fe = N(() => D.value?.getAttribute?.("id") ?? void 0), U = N(() => ({
+		}, { ignore: [E] });
+		let H = N(() => E.value?.getAttribute?.("id") ?? void 0), Le = N(() => ({
 			"aria-controls": u.value,
 			"aria-haspopup": !0,
 			"aria-expanded": z.value
-		})), { component: Ie, bus: Re } = Zt({
-			reference: D,
+		})), { component: ze, bus: Be } = Zt({
+			reference: E,
 			id: u,
 			expanded: z,
-			aria: U
+			aria: Le
 		});
-		Re.on("click", V);
-		let { role: ze, modifiers: Be } = he(a), G = Ot("vv-dropdown", Be, N(() => ({ arrow: a.arrow }))), { focused: K } = Ee(S);
-		function Ve(e) {
+		Be.on("click", V);
+		let { role: Ve, modifiers: W } = he(a), He = Ot("vv-dropdown", W, N(() => ({ arrow: a.arrow }))), { focused: G } = De(g);
+		function K(e) {
 			return e ? [...e.querySelectorAll("a[href], button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"])")].filter((e) => !e.hasAttribute("disabled") && !e.getAttribute("aria-hidden")) : [];
 		}
-		function He() {
+		function Ue() {
 			m(() => {
-				let e = Ve(S.value);
+				let e = K(g.value);
 				e.length > 0 && e[0].focus({ preventScroll: !0 });
 			});
 		}
-		function Ue() {
+		function We() {
 			m(() => {
-				let e = Ve(E.value);
+				let e = K(S.value);
 				e.length > 0 && e[0].focus({ preventScroll: !0 });
 			});
 		}
-		function We() {
+		function q() {
 			m(() => {
-				if (K.value) {
-					let e = Ve(S.value);
+				if (G.value) {
+					let e = K(g.value);
 					if (e.length === 0 || !document.activeElement) return;
 					let t = e.indexOf(document.activeElement);
 					t < e.length - 1 ? e[t + 1].focus({ preventScroll: !0 }) : e[0].focus({ preventScroll: !0 });
 				}
 			});
 		}
-		function q() {
+		function Ge() {
 			m(() => {
-				if (K.value) {
-					let e = Ve(S.value);
+				if (G.value) {
+					let e = K(g.value);
 					if (e.length === 0 || !document.activeElement) return;
 					let t = e.indexOf(document.activeElement);
 					if (t > 0) {
@@ -1193,53 +1228,53 @@ var en = ["popover"], tn = [
 				}
 			});
 		}
-		C(z, (e) => {
-			e && a.autofocusFirst && He();
+		w(z, (e) => {
+			e && a.autofocusFirst && Ue();
 		}), r({
 			toggle: V,
-			show: B,
-			hide: Te,
-			init: H,
-			focusFirst: He,
-			focusFirstListElement: Ue,
-			focusNext: We,
-			focusPrev: q,
-			customPosition: F
+			show: Ee,
+			hide: B,
+			init: Ie,
+			focusFirst: Ue,
+			focusFirstListElement: We,
+			focusNext: q,
+			focusPrev: Ge,
+			customPosition: M
 		});
-		let { itemRole: Ge } = Qt({
-			role: ze,
+		let { itemRole: Ke } = Qt({
+			role: Ve,
 			expanded: z,
-			focused: K,
-			hovered: Ce(S)
+			focused: G,
+			hovered: we(g)
 		});
-		we("Escape", (e) => {
-			z.value && (e.preventDefault(), Te());
-		}), we("ArrowDown", (e) => {
-			z.value && K.value && (e.preventDefault(), We());
-		}), we("ArrowUp", (e) => {
-			z.value && K.value && (e.preventDefault(), q());
-		}), we([" ", "Enter"], (e) => {
+		Te("Escape", (e) => {
+			z.value && (e.preventDefault(), B());
+		}), Te("ArrowDown", (e) => {
+			z.value && G.value && (e.preventDefault(), q());
+		}), Te("ArrowUp", (e) => {
+			z.value && G.value && (e.preventDefault(), Ge());
+		}), Te([" ", "Enter"], (e) => {
 			let t = e.target;
-			z.value && K.value && t && t?.click();
+			z.value && G.value && t && t?.click();
 		});
-		let Ke = {
+		let qe = {
 			"before-enter": () => {
-				o(z.value ? "beforeExpand" : "beforeCollapse"), o("beforeEnter");
+				o("beforeExpand"), o("beforeEnter");
 			},
 			"after-leave": () => {
-				z.value || M(), o(z.value ? "afterExpand" : "afterCollapse"), o("afterLeave");
+				z.value || ie(), o("afterCollapse"), o("afterLeave");
 			},
 			enter: () => {
 				o("enter");
 			},
 			"after-enter": () => {
-				o("afterEnter");
+				o("afterExpand"), o("afterEnter");
 			},
 			"enter-cancelled": () => {
 				o("enterCancelled");
 			},
 			"before-leave": () => {
-				o("beforeLeave");
+				o("beforeCollapse"), o("beforeLeave");
 			},
 			leave: () => {
 				o("leave");
@@ -1248,59 +1283,59 @@ var en = ["popover"], tn = [
 				o("leaveCancelled");
 			}
 		};
-		return (t, r) => (f(), I(O, null, [pe(y(Ie), null, {
+		return (t, r) => (f(), I(O, null, [pe(y(ze), null, {
 			default: e(() => [n(t.$slots, "default", x(b({
-				init: H,
-				show: B,
-				hide: Te,
+				init: Ie,
+				show: Ee,
+				hide: B,
 				toggle: V,
 				expanded: y(z),
-				aria: y(U)
+				aria: y(Le)
 			})))]),
 			_: 3
-		}), pe(le, p({ name: t.transitionName }, ee(Ke), { persisted: "" }), {
+		}), pe(le, p({ name: t.transitionName }, ee(qe), { persisted: "" }), {
 			default: e(() => [re(A("div", {
 				ref_key: "floatingEl",
-				ref: S,
-				popover: y(ie),
-				style: s(y(ge)),
-				class: fe(y(G))
+				ref: g,
+				popover: y(ne),
+				style: s(y(_e)),
+				class: fe(y(He))
 			}, [
 				a.arrow ? (f(), I("div", {
 					key: 0,
 					ref_key: "arrowEl",
-					ref: T,
-					style: s(y(R)),
+					ref: v,
+					style: s(y(ve)),
 					class: "vv-dropdown__arrow"
-				}, null, 4)) : w("v-if", !0),
+				}, null, 4)) : T("v-if", !0),
 				n(t.$slots, "before", x(b({
-					show: B,
-					hide: Te,
+					show: Ee,
+					hide: B,
 					toggle: V,
 					expanded: y(z)
 				}))),
 				A("div", p(y(d), {
 					id: y(u),
 					ref_key: "listEl",
-					ref: E,
+					ref: S,
 					tabindex: y(z) ? void 0 : -1,
-					role: y(ze),
-					"aria-labelledby": y(Fe),
+					role: y(Ve),
+					"aria-labelledby": y(H),
 					class: "vv-dropdown__list"
 				}), [n(t.$slots, "items", x(b({
-					show: B,
-					hide: Te,
+					show: Ee,
+					hide: B,
 					toggle: V,
 					expanded: y(z),
-					role: y(Ge)
+					role: y(Ke)
 				})))], 16, tn),
 				n(t.$slots, "after", x(b({
-					show: B,
-					hide: Te,
+					show: Ee,
+					hide: B,
 					toggle: V,
 					expanded: y(z)
 				})))
-			], 14, en), [[ne, y(z)]])]),
+			], 14, en), [[te, y(z)]])]),
 			_: 3
 		}, 16, ["name"])], 64));
 	}
@@ -1313,7 +1348,7 @@ var en = ["popover"], tn = [
 	props: { ...$e },
 	setup(e) {
 		let t = e;
-		return (e, r) => (f(), I("li", rn, [n(e.$slots, "default", {}, () => [T(a(t.label), 1)])]));
+		return (e, r) => (f(), I("li", rn, [n(e.$slots, "default", {}, () => [E(a(t.label), 1)])]));
 	}
 }), on = /* @__PURE__ */ r({
 	name: "VvDropdownItem",
@@ -1321,8 +1356,8 @@ var en = ["popover"], tn = [
 	setup(e) {
 		let t = e, { role: r, expanded: i } = Bt(), a = P(null);
 		$t({ expanded: i });
-		let o = Ce(a), { focused: s } = B(a), { focused: c } = Ee(a);
-		return C(o, (e) => {
+		let o = we(a), { focused: s } = z(a), { focused: c } = De(a);
+		return w(o, (e) => {
 			e && t.focusOnHover && (s.value = !0);
 		}), (e, t) => (f(), I("div", p({ role: y(r) }, {
 			ref_key: "element",
@@ -1353,7 +1388,7 @@ var en = ["popover"], tn = [
 				disabled: t.disabled,
 				selected: t.selected,
 				unselectable: t.unselectable
-			})), () => [T(a(y(s)), 1)])], 8, sn)]),
+			})), () => [E(a(y(s)), 1)])], 8, sn)]),
 			_: 3
 		}, 8, [
 			"class",
@@ -1437,8 +1472,8 @@ function fn(e, t, n) {
 	});
 }
 function pn(e, t) {
-	let { focused: n } = B(e);
-	return C(n, (n) => {
+	let { focused: n } = z(e);
+	return w(n, (n) => {
 		t(n ? "focus" : "blur", y(e));
 	}), { focused: n };
 }
@@ -1446,9 +1481,9 @@ function mn(e) {
 	let { options: t, labelKey: n, valueKey: r, disabledKey: i } = he(e);
 	return {
 		options: t,
-		getOptionLabel: (e) => typeof e == "string" ? e : typeof n.value == "function" ? n.value(e) : String(n.value ? H(e, n.value) : e),
-		getOptionValue: (e) => typeof e == "string" ? e : typeof r.value == "function" ? r.value(e) : r.value ? H(e, r.value) : e,
-		isOptionDisabled: (e) => typeof e == "string" ? !1 : typeof i.value == "function" ? i.value(e) : i.value ? !!H(e, i.value) : !1,
+		getOptionLabel: (e) => typeof e == "string" ? e : typeof n.value == "function" ? n.value(e) : String(n.value ? V(e, n.value) : e),
+		getOptionValue: (e) => typeof e == "string" ? e : typeof r.value == "function" ? r.value(e) : r.value ? V(e, r.value) : e,
+		isOptionDisabled: (e) => typeof e == "string" ? !1 : typeof i.value == "function" ? i.value(e) : i.value ? !!V(e, i.value) : !1,
 		getOptionGrouped: (e) => typeof e == "string" ? [] : typeof e == "object" && e && "options" in e ? e.options : []
 	};
 }
@@ -1472,41 +1507,41 @@ var hn = ["for"], gn = { class: "vv-select__wrapper" }, _n = {
 		function _(e) {
 			return typeof e != "string" && e.options?.length;
 		}
-		let { id: v, modifiers: ee, disabled: S, readonly: te, loading: T, icon: E, iconPosition: ne, invalid: ie, valid: j, floating: M, multiple: ae } = he(i), se = Ut(v), ce = N(() => `${se.value}-hint`), le = N(() => i.disabled || i.readonly), ue = N(() => le.value ? -1 : i.tabindex), L = N({
+		let { id: v, modifiers: ee, disabled: S, readonly: C, loading: E, icon: D, iconPosition: te, invalid: ie, valid: j, floating: M, multiple: ae } = he(i), se = Ut(v), ce = N(() => `${se.value}-hint`), le = N(() => i.disabled || i.readonly), ue = N(() => le.value ? -1 : i.tabindex), L = N({
 			get: () => i.modelValue,
 			set: (e) => {
 				Array.isArray(e) && (e = e.filter((e) => e !== void 0), e.length === 0 && !i.unselectable && l.value) ? l.value.value = String(i.modelValue) : o("update:modelValue", e);
 			}
-		}), de = N(() => Array.isArray(L.value) ? L.value.length > 0 : L.value !== void 0 && L.value !== null), _e = N(() => !le.value && i.unselectable), R = z(l);
-		C(R, (e) => {
+		}), de = N(() => Array.isArray(L.value) ? L.value.length > 0 : L.value !== void 0 && L.value !== null), _e = N(() => !le.value && i.unselectable), R = be(l);
+		w(R, (e) => {
 			e && i.autofocus && (g.value = !0);
 		});
-		let { hasIconBefore: ve, hasIconAfter: ye } = At(E, ne), be = N(() => {
+		let { hasIconBefore: ve, hasIconAfter: ye } = At(D, te), xe = N(() => {
 			if (i.invalid === !0) return !0;
 			if (i.valid === !0) return !1;
-		}), xe = Ot("vv-select", ee, N(() => ({
+		}), Se = Ot("vv-select", ee, N(() => ({
 			valid: j.value,
 			invalid: ie.value,
-			loading: T.value,
+			loading: E.value,
 			disabled: S.value,
-			readonly: te.value,
+			readonly: C.value,
 			"icon-before": ve.value !== void 0,
 			"icon-after": ye.value !== void 0,
 			dirty: de.value,
 			focus: g.value && !le.value,
 			floating: M.value,
 			multiple: ae.value
-		}))), { getOptionLabel: B, getOptionValue: Se, isOptionDisabled: Ce, getOptionGrouped: we } = mn(i);
-		C(() => i.options, (e) => {
+		}))), { getOptionLabel: z, getOptionValue: Ce, isOptionDisabled: we, getOptionGrouped: Te } = mn(i);
+		w(() => i.options, (e) => {
 			if (e?.length && i.autoselectFirst && !de.value) {
-				let t = Se(e[0]);
+				let t = Ce(e[0]);
 				L.value = i.multiple ? [t] : t;
 			}
 		}, { immediate: !0 });
-		function Te() {
+		function Ee() {
 			Array.isArray(L.value) ? L.value = [] : L.value = void 0, o("clear");
 		}
-		let Ee = N(() => ({
+		let De = N(() => ({
 			name: i.name,
 			tabindex: ue.value,
 			disabled: le.value,
@@ -1516,46 +1551,46 @@ var hn = ["for"], gn = { class: "vv-select__wrapper" }, _n = {
 			multiple: i.multiple,
 			"aria-label": i.ariaLabel || void 0,
 			"aria-labelledby": i.ariaLabelledby || void 0,
-			"aria-invalid": be.value,
+			"aria-invalid": xe.value,
 			"aria-describedby": [i.ariaDescribedby, d.value ? ce.value : void 0].filter(Boolean).join(" ") || void 0,
 			"aria-errormessage": m.value ? ce.value : void 0
-		})), De = N(() => ({
+		})), Oe = N(() => ({
 			valid: i.valid,
 			invalid: i.invalid,
 			modelValue: i.modelValue
 		}));
-		return (t, r) => (f(), I("div", { class: fe(y(xe)) }, [
+		return (t, r) => (f(), I("div", { class: fe(y(Se)) }, [
 			t.label ? (f(), I("label", {
 				key: 0,
 				for: y(se)
-			}, a(t.label), 9, hn)) : w("v-if", !0),
+			}, a(t.label), 9, hn)) : T("v-if", !0),
 			A("div", gn, [
-				t.$slots.before ? (f(), I("div", _n, [n(t.$slots, "before", x(b(y(De))))])) : w("v-if", !0),
+				t.$slots.before ? (f(), I("div", _n, [n(t.$slots, "before", x(b(y(Oe))))])) : T("v-if", !0),
 				A("div", vn, [
-					y(ve) ? (f(), k(kt, p({ key: 0 }, y(ve), { class: "vv-select__icon" }), null, 16)) : w("v-if", !0),
+					y(ve) ? (f(), k(kt, p({ key: 0 }, y(ve), { class: "vv-select__icon" }), null, 16)) : T("v-if", !0),
 					re(A("select", p({
 						id: y(se),
 						ref_key: "selectEl",
 						ref: l
-					}, y(Ee), { "onUpdate:modelValue": r[0] ||= (e) => D(L) ? L.value = e : null }), [t.placeholder ? (f(), I("option", {
+					}, y(De), { "onUpdate:modelValue": r[0] ||= (e) => ne(L) ? L.value = e : null }), [t.placeholder ? (f(), I("option", {
 						key: 0,
 						value: void 0,
 						disabled: !y(_e),
 						hidden: !y(_e)
-					}, a(t.placeholder), 9, bn)) : w("v-if", !0), (f(!0), I(O, null, ge(t.options, (e, t) => (f(), I(O, null, [_(e) ? (f(), I("optgroup", {
+					}, a(t.placeholder), 9, bn)) : T("v-if", !0), (f(!0), I(O, null, ge(t.options, (e, t) => (f(), I(O, null, [_(e) ? (f(), I("optgroup", {
 						key: `group-${t}`,
-						disabled: y(Ce)(e),
-						label: y(B)(e)
-					}, [(f(!0), I(O, null, ge(y(we)(e), (e, n) => (f(), I("option", {
+						disabled: y(we)(e),
+						label: y(z)(e)
+					}, [(f(!0), I(O, null, ge(y(Te)(e), (e, n) => (f(), I("option", {
 						key: `group-${t}-item-${n}`,
-						disabled: y(Ce)(e),
-						value: y(Se)(e)
-					}, a(y(B)(e)), 9, Cn))), 128))], 8, Sn)) : (f(), I("option", {
+						disabled: y(we)(e),
+						value: y(Ce)(e)
+					}, a(y(z)(e)), 9, Cn))), 128))], 8, Sn)) : (f(), I("option", {
 						key: t,
-						disabled: y(Ce)(e),
-						value: y(Se)(e)
-					}, a(y(B)(e)), 9, xn))], 64))), 256))], 16, yn), [[F, y(L)]]),
-					y(ye) ? (f(), k(kt, p({ key: 1 }, y(ye), { class: "vv-select__icon vv-select__icon-after" }), null, 16)) : w("v-if", !0)
+						disabled: y(we)(e),
+						value: y(Ce)(e)
+					}, a(y(z)(e)), 9, xn))], 64))), 256))], 16, yn), [[F, y(L)]]),
+					y(ye) ? (f(), k(kt, p({ key: 1 }, y(ye), { class: "vv-select__icon vv-select__icon-after" }), null, 16)) : T("v-if", !0)
 				]),
 				y(_e) && y(c).showClearAction ? (f(), k(y(jt), {
 					key: 1,
@@ -1563,13 +1598,13 @@ var hn = ["for"], gn = { class: "vv-select__wrapper" }, _n = {
 					label: t.labelClear,
 					icon: t.iconClear,
 					disabled: !y(de),
-					onClear: Te
+					onClear: Ee
 				}, null, 8, [
 					"label",
 					"icon",
 					"disabled"
-				])) : w("v-if", !0),
-				t.$slots.after ? (f(), I("div", wn, [n(t.$slots, "after", x(b(y(De))))])) : w("v-if", !0)
+				])) : T("v-if", !0),
+				t.$slots.after ? (f(), I("div", wn, [n(t.$slots, "after", x(b(y(Oe))))])) : T("v-if", !0)
 			]),
 			pe(y(u), {
 				id: y(ce),
@@ -1645,39 +1680,39 @@ var hn = ["for"], gn = { class: "vv-select__wrapper" }, _n = {
 		"change:search"
 	], ["update:search"]),
 	setup(t, { emit: r }) {
-		let i = t, o = r, s = oe(), c = fn("VvCombobox", _t(), i), l = P(null), u = P(null), m = P(null), h = P(), { HintSlot: _, hasHintLabelOrSlot: v, hasInvalidLabelOrSlot: ee, hintSlotScope: S } = Et(c, s), { focused: te } = pn(l, o), { focused: E } = Ee(m), ne;
+		let i = t, o = r, s = oe(), c = fn("VvCombobox", _t(), i), l = P(null), u = P(null), m = P(null), h = P(), { HintSlot: _, hasHintLabelOrSlot: v, hasInvalidLabelOrSlot: ee, hintSlotScope: S } = Et(c, s), { focused: C } = pn(l, o), { focused: D } = De(m), te;
 		function ie() {
-			clearTimeout(ne), ne = setTimeout(() => {
-				!te.value && !E.value && F.value && L();
+			clearTimeout(te), te = setTimeout(() => {
+				!C.value && !D.value && F.value && L();
 			}, 50);
 		}
-		g(() => clearTimeout(ne)), C(te, (e) => {
+		g(() => clearTimeout(te)), w(C, (e) => {
 			if (i.autoOpen) {
 				if (e && !F.value) {
-					clearTimeout(ne), le();
+					clearTimeout(te), le();
 					return;
 				}
-				!e && F.value && !E.value && ie();
+				!e && F.value && !D.value && ie();
 			}
-		}), C(E, (e) => {
-			e ? clearTimeout(ne) : !te.value && F.value && ie();
+		}), w(D, (e) => {
+			e ? clearTimeout(te) : !C.value && F.value && ie();
 		});
 		let j = d(t, "search"), M = ye(j, N(() => Number(i.debounceSearch)));
-		C(M, () => {
+		w(M, () => {
 			o("update:search", M.value), o("change:search", M.value);
 		});
 		let F = P(!1);
 		function se() {
-			H.value || (F.value = !F.value);
+			V.value || (F.value = !F.value);
 		}
 		function le() {
-			H.value || F.value || (F.value = !0);
+			V.value || F.value || (F.value = !0);
 		}
 		function L() {
-			H.value || !F.value || (F.value = !1);
+			V.value || !F.value || (F.value = !1);
 		}
 		function de() {
-			c.value.searchable && u.value && u.value.focus({ preventScroll: !0 });
+			c.value.searchable && u.value && (u.value.closest(".vv-dropdown")?.contains(document.activeElement) || u.value.focus({ preventScroll: !0 }));
 		}
 		function _e() {
 			c.value.keepSearch || (j.value = "");
@@ -1685,23 +1720,23 @@ var hn = ["for"], gn = { class: "vv-select__wrapper" }, _n = {
 		function R(e) {
 			return typeof e != "string" && e.options?.length;
 		}
-		let { id: ve, icon: z, iconPosition: be, modifiers: xe, disabled: B, required: Se, readonly: Ce, loading: we, valid: De, invalid: Oe, floating: ke } = he(i), V = Ut(ve), Ae = N(() => `${V.value}-hint`), je = N(() => `${V.value}-dropdown`), Me = N(() => `${V.value}-search`), Ne = N(() => `${V.value}-label`), Pe = N(() => [i.ariaDescribedby, v.value ? Ae.value : void 0].filter(Boolean).join(" ") || void 0), H = N(() => i.disabled || i.readonly), Fe = N(() => H.value ? -1 : i.tabindex), U = N({
+		let { id: ve, icon: be, iconPosition: xe, modifiers: Se, disabled: z, required: Ce, readonly: we, loading: Te, valid: Oe, invalid: ke, floating: Ae } = he(i), B = Ut(ve), je = N(() => `${B.value}-hint`), Me = N(() => `${B.value}-dropdown`), Ne = N(() => `${B.value}-search`), Pe = N(() => `${B.value}-label`), Fe = N(() => [i.ariaDescribedby, v.value ? je.value : void 0].filter(Boolean).join(" ") || void 0), V = N(() => i.disabled || i.readonly), Ie = N(() => V.value ? -1 : i.tabindex), H = N({
 			get: () => Array.isArray(i.modelValue) ? i.modelValue : i.modelValue !== void 0 && i.modelValue !== null ? [i.modelValue] : [],
 			set: (e) => {
 				o("update:modelValue", i.multiple || Array.isArray(i.modelValue) ? e : e.pop());
 			}
-		}), Ie = N(() => U.value.length), Le = N(() => Ie.value > 0), W = N(() => i.multiple ? i.maxValues === void 0 ? 1 / 0 : Number(i.maxValues) : 1), Re = N(() => H.value || !i.unselectable ? !1 : Number(i.minValues) === 0 || Ie.value > Number(i.minValues)), ze = N(() => H.value ? !1 : !i.multiple || Ie.value < W.value), Be = P(!1), G = N(() => Be.value || we.value), { hasIconBefore: K, hasIconAfter: He } = At(z, be), Ue = Ot("vv-select", xe, N(() => ({
-			disabled: B.value,
-			required: Se.value,
-			loading: G.value,
-			readonly: Ce.value,
-			"icon-before": K.value !== void 0,
-			"icon-after": He.value !== void 0,
-			valid: De.value,
-			invalid: Oe.value,
-			dirty: Le.value,
-			focus: (te.value || E.value || F.value) && !H.value,
-			floating: ke.value,
+		}), Le = N(() => H.value.length), Re = N(() => Le.value > 0), U = N(() => i.multiple ? i.maxValues === void 0 ? 1 / 0 : Number(i.maxValues) : 1), ze = N(() => V.value || !i.unselectable ? !1 : Number(i.minValues) === 0 || Le.value > Number(i.minValues)), Be = N(() => V.value ? !1 : !i.multiple || Le.value < U.value), Ve = P(!1), W = N(() => Ve.value || Te.value), { hasIconBefore: He, hasIconAfter: K } = At(be, xe), Ue = Ot("vv-select", Se, N(() => ({
+			disabled: z.value,
+			required: Ce.value,
+			loading: W.value,
+			readonly: we.value,
+			"icon-before": He.value !== void 0,
+			"icon-after": K.value !== void 0,
+			valid: Oe.value,
+			invalid: ke.value,
+			dirty: Re.value,
+			focus: (C.value || D.value || F.value) && !V.value,
+			floating: Ae.value,
 			badges: i.badges
 		}))), We = P(/* @__PURE__ */ new Set()), { getOptionLabel: q, getOptionValue: Ge, getOptionGrouped: Ke, isOptionDisabled: qe } = mn(i), Je = N(() => {
 			let e = [...We.value];
@@ -1709,23 +1744,23 @@ var hn = ["for"], gn = { class: "vv-select__wrapper" }, _n = {
 			return e;
 		}), J = N(() => {
 			let e = [...i.options, ...We.value];
-			for (let t of U.value) Je.value.some((e) => {
+			for (let t of H.value) Je.value.some((e) => {
 				let n = Ge(e);
 				return typeof n == "object" && typeof t == "object" ? JSON.stringify(n) === JSON.stringify(t) : n === t;
 			}) || e.push(t);
 			return e;
 		});
-		C(We, (e) => {
+		w(We, (e) => {
 			e.size > 0 && o("update:options", J.value);
 		});
 		function Y(e) {
-			return qe(e) || !ze.value && !Z(e);
+			return qe(e) || !Be.value && !Z(e);
 		}
-		let X = Te(async () => {
+		let X = Ee(async () => {
 			if (c.value.searchFunction) {
-				Be.value = !0;
+				Ve.value = !0;
 				let e = await Promise.resolve(c.value.searchFunction(M.value, J.value));
-				return Be.value = !1, e;
+				return Ve.value = !1, e;
 			}
 			let e = M.value.toLowerCase().trim();
 			return e ? J.value?.reduce((t, n) => {
@@ -1746,7 +1781,7 @@ var hn = ["for"], gn = { class: "vv-select__wrapper" }, _n = {
 		});
 		function Z(e) {
 			let t = Ge(e);
-			return typeof t == "object" ? U.value.some((e) => typeof e == "object" && JSON.stringify(e) === JSON.stringify(t)) : U.value.includes(t);
+			return typeof t == "object" ? H.value.some((e) => typeof e == "object" && JSON.stringify(e) === JSON.stringify(t)) : H.value.includes(t);
 		}
 		let Ye = N(() => J.value.reduce((e, t) => R(t) ? [...e, ...Ke(t)] : [...e, t], []).filter((e) => Z(e))), Xe = N(() => Ye.value.map((e) => q(e)).join(i.separator));
 		function Ze() {
@@ -1754,13 +1789,13 @@ var hn = ["for"], gn = { class: "vv-select__wrapper" }, _n = {
 		}
 		function Q(e) {
 			let t = Z(e), n = Ge(e);
-			t && Re.value ? U.value = U.value.filter((e) => typeof n == "object" && typeof e == "object" ? JSON.stringify(e) !== JSON.stringify(n) : e !== n) : !t && ze.value && (i.multiple ? U.value = [...U.value, n] : U.value = [n]), !i.multiple && !i.keepOpen && L();
+			t && ze.value ? H.value = H.value.filter((e) => typeof n == "object" && typeof e == "object" ? JSON.stringify(e) !== JSON.stringify(n) : e !== n) : !t && Be.value && (i.multiple ? H.value = [...H.value, n] : H.value = [n]), !i.multiple && !i.keepOpen && L();
 		}
 		function Qe() {
-			U.value = [], o("update:search", ""), o("clear");
+			H.value = [], o("update:search", ""), o("clear");
 		}
-		C(J, (e) => {
-			if (e?.length && i.autoselectFirst && !Le.value) {
+		w(J, (e) => {
+			if (e?.length && i.autoselectFirst && !Re.value) {
 				let t = e.find((e) => !R(e));
 				if (t) {
 					Q(t);
@@ -1774,18 +1809,18 @@ var hn = ["for"], gn = { class: "vv-select__wrapper" }, _n = {
 			}
 		}, { immediate: !0 });
 		let $e = N(() => ({
-			id: V.value,
+			id: B.value,
 			name: i.name,
-			tabindex: Fe.value,
-			valid: De.value,
+			tabindex: Ie.value,
+			valid: Oe.value,
 			validLabel: c.value.validLabel,
-			invalid: Oe.value,
+			invalid: ke.value,
 			invalidLabel: c.value.invalidLabel,
 			hintLabel: c.value.hintLabel,
-			loading: G.value,
+			loading: W.value,
 			loadingLabel: c.value.loadingLabel,
-			disabled: B.value,
-			readonly: Ce.value,
+			disabled: z.value,
+			readonly: we.value,
 			modifiers: c.value.modifiers,
 			options: c.value.options,
 			labelKey: c.value.labelKey,
@@ -1793,7 +1828,7 @@ var hn = ["for"], gn = { class: "vv-select__wrapper" }, _n = {
 			icon: c.value.icon,
 			iconPosition: c.value.iconPosition,
 			floating: c.value.floating,
-			unselectable: Re.value,
+			unselectable: ze.value,
 			autoselectFirst: c.value.autoselectFirst,
 			multiple: c.value.multiple,
 			label: c.value.label,
@@ -1803,7 +1838,7 @@ var hn = ["for"], gn = { class: "vv-select__wrapper" }, _n = {
 			placeholder: c.value.placeholder,
 			modelValue: i.modelValue
 		})), et = N(() => ({
-			id: je.value,
+			id: Me.value,
 			reference: m.value,
 			placement: c.value.placement,
 			strategy: c.value.strategy,
@@ -1823,7 +1858,7 @@ var hn = ["for"], gn = { class: "vv-select__wrapper" }, _n = {
 			modelValue: i.modelValue
 		}));
 		function $(e) {
-			e.key !== " " && e.key !== "Enter" || i.autoOpen || !F.value && te.value && (e.preventDefault(), e.stopImmediatePropagation(), se());
+			e.key !== " " && e.key !== "Enter" || i.autoOpen || !F.value && C.value && (e.preventDefault(), e.stopImmediatePropagation(), se());
 		}
 		function nt() {
 			if (X.value?.length) {
@@ -1846,14 +1881,14 @@ var hn = ["for"], gn = { class: "vv-select__wrapper" }, _n = {
 		}
 		return (t, r) => t.native ? (f(), k(Tn, p({ key: 1 }, y($e), { "onUpdate:modelValue": r[3] ||= (e) => o("update:modelValue", e) }), null, 16)) : (f(), I("div", {
 			key: 0,
-			id: y(V),
+			id: y(B),
 			class: fe(y(Ue))
 		}, [
 			t.label ? (f(), I("label", {
 				key: 0,
-				id: y(Ne),
-				for: y(c).searchable ? y(Me) : void 0
-			}, a(t.label), 9, Dn)) : w("v-if", !0),
+				id: y(Pe),
+				for: y(c).searchable ? y(Ne) : void 0
+			}, a(t.label), 9, Dn)) : T("v-if", !0),
 			A("div", {
 				ref_key: "wrapperEl",
 				ref: m,
@@ -1862,29 +1897,29 @@ var hn = ["for"], gn = { class: "vv-select__wrapper" }, _n = {
 				ref_key: "dropdownEl",
 				ref: h,
 				modelValue: y(F),
-				"onUpdate:modelValue": r[2] ||= (e) => D(F) ? F.value = e : null
+				"onUpdate:modelValue": r[2] ||= (e) => ne(F) ? F.value = e : null
 			}, y(et), {
-				role: y(Ve).listbox,
+				role: y(G).listbox,
 				onAfterExpand: de,
 				onAfterCollapse: _e
 			}), me({
 				default: e(({ aria: r }) => [
-					t.$slots.before ? (f(), I("div", kn, [n(t.$slots, "before", x(b(y(tt))))])) : w("v-if", !0),
+					t.$slots.before ? (f(), I("div", kn, [n(t.$slots, "before", x(b(y(tt))))])) : T("v-if", !0),
 					A("div", An, [
-						y(K) ? (f(), k(kt, p({ key: 0 }, y(K), { class: "vv-select__icon" }), null, 16)) : w("v-if", !0),
+						y(He) ? (f(), k(kt, p({ key: 0 }, y(He), { class: "vv-select__icon" }), null, 16)) : T("v-if", !0),
 						A("div", p({
 							ref_key: "inputEl",
 							ref: l
 						}, r, {
 							class: "vv-select__input",
 							role: "combobox",
-							"aria-controls": y(je),
+							"aria-controls": y(Me),
 							"aria-expanded": y(F),
 							"aria-label": t.ariaLabel || void 0,
-							"aria-labelledby": t.ariaLabelledby || (t.label ? y(Ne) : void 0),
-							"aria-describedby": y(Pe),
-							"aria-errormessage": y(ee) ? y(Ae) : void 0,
-							tabindex: y(Fe),
+							"aria-labelledby": t.ariaLabelledby || (t.label ? y(Pe) : void 0),
+							"aria-describedby": y(Fe),
+							"aria-errormessage": y(ee) ? y(je) : void 0,
+							tabindex: y(Ie),
 							onClickPassive: Ze,
 							onKeydown: $
 						}), [y(Xe) ? n(t.$slots, "value", x(b({
@@ -1895,40 +1930,40 @@ var hn = ["for"], gn = { class: "vv-select__wrapper" }, _n = {
 							modifiers: t.badgeModifiers,
 							class: "vv-select__badge"
 						}, {
-							default: e(() => [T(a(y(q)(n)) + " ", 1), y(Re) ? (f(), I("button", {
+							default: e(() => [E(a(y(q)(n)) + " ", 1), y(ze) ? (f(), I("button", {
 								key: 0,
 								"aria-label": y(c).deselectActionLabel,
 								type: "button",
 								onClick: ue((e) => Q(n), ["stop"])
-							}, [pe(kt, { name: "close" })], 8, Nn)) : w("v-if", !0)]),
+							}, [pe(kt, { name: "close" })], 8, Nn)) : T("v-if", !0)]),
 							_: 2
-						}, 1032, ["modifiers"]))), 128)) : (f(), I("div", Mn, a(y(Xe)), 1))], void 0, 0) : n(t.$slots, "placeholder", {}, () => [T(a(t.placeholder), 1)], void 0, 1)], 16, jn),
-						y(He) ? (f(), k(kt, p({ key: 1 }, y(He), { class: "vv-select__icon vv-select__icon-after" }), null, 16)) : w("v-if", !0)
+						}, 1032, ["modifiers"]))), 128)) : (f(), I("div", Mn, a(y(Xe)), 1))], void 0, 0) : n(t.$slots, "placeholder", {}, () => [E(a(t.placeholder), 1)], void 0, 1)], 16, jn),
+						y(K) ? (f(), k(kt, p({ key: 1 }, y(K), { class: "vv-select__icon vv-select__icon-after" }), null, 16)) : T("v-if", !0)
 					]),
-					y(Re) && y(c).showClearAction ? (f(), k(y(jt), {
+					y(ze) && y(c).showClearAction ? (f(), k(y(jt), {
 						key: 1,
 						"input-type": "select",
 						label: t.labelClear,
 						icon: t.iconClear,
-						disabled: !y(Le),
+						disabled: !y(Re),
 						onClear: Qe
 					}, null, 8, [
 						"label",
 						"icon",
 						"disabled"
-					])) : w("v-if", !0),
-					t.$slots.after ? (f(), I("div", Pn, [n(t.$slots, "after", x(b(y(tt))))])) : w("v-if", !0)
+					])) : T("v-if", !0),
+					t.$slots.after ? (f(), I("div", Pn, [n(t.$slots, "after", x(b(y(tt))))])) : T("v-if", !0)
 				]),
-				items: e(() => [!y(B) && y(X)?.length ? (f(!0), I(O, { key: 0 }, ge(y(X), (r, i) => (f(), I(O, { key: i }, [R(r) ? (f(), I(O, { key: 0 }, [pe(an, { label: y(q)(r) }, {
+				items: e(() => [!y(z) && y(X)?.length ? (f(!0), I(O, { key: 0 }, ge(y(X), (r, i) => (f(), I(O, { key: i }, [R(r) ? (f(), I(O, { key: 0 }, [pe(an, { label: y(q)(r) }, {
 					default: e(() => [n(t.$slots, "option-group", p({ ref_for: !0 }, {
 						option: r,
 						selectedOptions: y(Ye)
-					}), () => [T(a(y(q)(r)), 1)])]),
+					}), () => [E(a(y(q)(r)), 1)])]),
 					_: 2
 				}, 1032, ["label"]), (f(!0), I(O, null, ge(y(Ke)(r), (r, i) => (f(), k(cn, p({ ref_for: !0 }, {
 					selected: Z(r),
 					disabled: Y(r),
-					unselectable: y(Re),
+					unselectable: y(ze),
 					deselectHintLabel: y(c).deselectHintLabel,
 					selectHintLabel: y(c).selectHintLabel,
 					selectedHintLabel: y(c).selectedHintLabel,
@@ -1943,7 +1978,7 @@ var hn = ["for"], gn = { class: "vv-select__wrapper" }, _n = {
 						selectedOptions: y(Ye),
 						selected: Z(r),
 						disabled: Y(r)
-					}), () => [T(a(y(q)(r)), 1)])]),
+					}), () => [E(a(y(q)(r)), 1)])]),
 					_: 2
 				}, 1040, ["onClickPassive"]))), 128))], 64)) : (f(), k(cn, p({
 					key: 1,
@@ -1951,7 +1986,7 @@ var hn = ["for"], gn = { class: "vv-select__wrapper" }, _n = {
 				}, {
 					selected: Z(r),
 					disabled: Y(r),
-					unselectable: y(Re),
+					unselectable: y(ze),
 					deselectHintLabel: y(c).deselectHintLabel,
 					selectHintLabel: y(c).selectHintLabel,
 					selectedHintLabel: y(c).selectedHintLabel,
@@ -1965,19 +2000,19 @@ var hn = ["for"], gn = { class: "vv-select__wrapper" }, _n = {
 						selectedOptions: y(Ye),
 						selected: Z(r),
 						disabled: Y(r)
-					}), () => [T(a(y(q)(r)), 1)])]),
+					}), () => [E(a(y(q)(r)), 1)])]),
 					_: 2
 				}, 1040, ["onClickPassive"]))], 64))), 128)) : t.options.length ? (f(), k(cn, {
 					key: 2,
 					modifiers: "inert"
 				}, {
-					default: e(() => [n(t.$slots, "no-results", {}, () => [T(a(y(c).addable ? y(c).addOptionHintLabel : y(c).noResultsLabel), 1)])]),
+					default: e(() => [n(t.$slots, "no-results", {}, () => [E(a(y(c).addable ? y(c).addOptionHintLabel : y(c).noResultsLabel), 1)])]),
 					_: 3
 				})) : (f(), k(cn, {
 					key: 1,
 					modifiers: "inert"
 				}, {
-					default: e(() => [n(t.$slots, "no-options", {}, () => [T(a(y(c).addable && j.value.length ? y(c).addOptionHintLabel : y(c).noOptionsLabel), 1)])]),
+					default: e(() => [n(t.$slots, "no-options", {}, () => [E(a(y(c).addable && j.value.length ? y(c).addOptionHintLabel : y(c).noOptionsLabel), 1)])]),
 					_: 3
 				}))]),
 				after: e(() => [n(t.$slots, "dropdown::after", {}, () => [y(h)?.customPosition ? (f(), k(Kt, {
@@ -1985,29 +2020,29 @@ var hn = ["for"], gn = { class: "vv-select__wrapper" }, _n = {
 					label: y(c).closeLabel,
 					modifiers: "secondary",
 					onClick: r[1] ||= (e) => y(h).hide()
-				}, null, 8, ["label"])) : w("v-if", !0)])]),
+				}, null, 8, ["label"])) : T("v-if", !0)])]),
 				_: 2
 			}, [y(c).searchable || t.$slots["dropdown::before"] ? {
 				name: "before",
-				fn: e(() => [n(t.$slots, "dropdown::before"), y(c).searchable && !y(B) ? re((f(), I("input", {
+				fn: e(() => [n(t.$slots, "dropdown::before"), y(c).searchable && !y(z) ? re((f(), I("input", {
 					key: 0,
-					id: y(Me),
+					id: y(Ne),
 					ref_key: "inputSearchEl",
 					ref: u,
 					"onUpdate:modelValue": r[0] ||= (e) => j.value = e,
 					"aria-autocomplete": "list",
-					"aria-controls": y(je),
+					"aria-controls": y(Me),
 					autocomplete: "off",
 					spellcheck: "false",
 					type: "search",
 					class: "vv-dropdown__search",
 					placeholder: y(c).searchPlaceholder,
 					onKeyup: ae(nt, ["enter"])
-				}, null, 40, On)), [[ce, j.value]]) : w("v-if", !0)]),
+				}, null, 40, On)), [[ce, j.value]]) : T("v-if", !0)]),
 				key: "0"
 			} : void 0]), 1040, ["modelValue", "role"])], 512),
 			pe(y(_), {
-				id: y(Ae),
+				id: y(je),
 				class: "vv-select__hint"
 			}, me({ _: 2 }, [
 				t.$slots.hint ? {
@@ -2037,4 +2072,4 @@ var hn = ["for"], gn = { class: "vv-select__wrapper" }, _n = {
 //#endregion
 export { Fn as default };
 
-//# sourceMappingURL=VvCombobox.es-Brn06uOj.js.map
+//# sourceMappingURL=VvCombobox.es-DKR6Fb2W.js.map