@8wave/ai-elements 0.103.0-beta.3 → 0.103.0-beta.4

package/dist/_chunks/VvCombobox.es-DxhDF7ab.js

@@ -0,0 +1,2044 @@
+import { $ as e, A as t, B as n, C as r, Ct as i, E as a, F as o, G as s, H as c, K as l, L as u, M as d, N as f, O as p, P as ee, Q as m, R as h, St as g, T as _, Tt as v, U as te, V as ne, W as re, X as y, _ as b, _t as x, b as S, bt as C, c as w, ct as ie, d as T, et as ae, g as E, h as D, it as oe, j as O, k, l as se, m as A, o as j, pt as M, q as ce, r as N, s as le, t as P, u as ue, v as F, vt as I, w as de, wt as fe, x as pe, xt as L, y as me, yt as he, z as ge } from "./vue.runtime.esm-bundler-B3bThTaf.js";
+import { a as _e, i as R, t as ve } from "./iconify-6ObncgfH.js";
+import { c as ye, d as be, h as z, l as xe, m as Se, n as Ce, o as we, r as Te, s as Ee, t as De } from "./dist-C5Y-NI3i.js";
+import { a as Oe, c as ke, i as Ae, l as je, n as Me, o as Ne, r as Pe, s as Fe, t as Ie } from "./floating-ui.vue-CoA4oagI.js";
+import { t as B } from "./dot-prop-BEIkPL0b.js";
+//#region ../../node_modules/.pnpm/@volverjs+ui-vue@0.0.18_@json-render+core@0.19.0_zod@4.4.3__@volverjs+style@0.1.25_@vue_fb2fc569fa47f04da7f3d790d6448706/node_modules/@volverjs/ui-vue/dist/components/VvCombobox/VvCombobox.es.js
+p(), N(), oe(), L();
+var Le = {
+	showPassword: "eye-on",
+	hidePassword: "eye-off",
+	showDatePicker: "calendar",
+	showTimePicker: "time",
+	showColorPicker: "color",
+	clear: "close",
+	add: "add",
+	remove: "trash",
+	edit: "edit",
+	download: "download"
+}, V = { prefix: "normal" }, Re = /* @__PURE__ */ (function(e) {
+	return e.local = "local", e.session = "session", e;
+})({}), ze = /* @__PURE__ */ (function(e) {
+	return e.absolute = "absolute", e.fixed = "fixed", e;
+})({}), H = /* @__PURE__ */ (function(e) {
+	return e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e;
+})({}), Be = /* @__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;
+})({}), Ve = /* @__PURE__ */ (function(e) {
+	return e.before = "before", e.after = "after", e;
+})({}), He = /* @__PURE__ */ (function(e) {
+	return e.button = "button", e.submit = "submit", e.reset = "reset", e;
+})({}), U = /* @__PURE__ */ (function(e) {
+	return e.nuxtLink = "nuxt-link", e.routerLink = "router-link", e.a = "a", e.button = "button", e;
+})({}), W = /* @__PURE__ */ (function(e) {
+	return e.button = "button", e.link = "link", e.menuitem = "menuitem", e;
+})({}), Ue = /* @__PURE__ */ (function(e) {
+	return e.listbox = "listbox", e.menu = "menu", e;
+})({}), We = /* @__PURE__ */ (function(e) {
+	return e.option = "option", e.presentation = "presentation", e;
+})({}), Ge = /* @__PURE__ */ Symbol.for("volver"), Ke = /* @__PURE__ */ Symbol.for("buttonGroup"), G = /* @__PURE__ */ Symbol.for("dropdownTrigger"), qe = /* @__PURE__ */ Symbol.for("dropdownItem"), K = /* @__PURE__ */ Symbol.for("dropdownAction"), Je = {
+	to: { type: [String, Object] },
+	href: String,
+	target: String,
+	rel: {
+		type: String,
+		default: "noopener noreferrer"
+	}
+}, Ye = {
+	valid: {
+		type: Boolean,
+		default: !1
+	},
+	validLabel: {
+		type: [String, Array],
+		default: void 0
+	}
+}, q = {
+	invalid: {
+		type: Boolean,
+		default: !1
+	},
+	invalidLabel: {
+		type: [String, Array],
+		default: void 0
+	}
+}, J = {
+	loading: {
+		type: Boolean,
+		default: !1
+	},
+	loadingLabel: {
+		type: String,
+		default: "Loading..."
+	}
+}, Y = { disabled: {
+	type: Boolean,
+	default: !1
+} }, X = { required: {
+	type: Boolean,
+	default: !1
+} }, Xe = { selected: {
+	type: Boolean,
+	default: !1
+} }, Ze = { active: {
+	type: Boolean,
+	default: !1
+} }, Qe = { current: {
+	type: Boolean,
+	default: !1
+} }, Z = {
+	showClearAction: {
+		type: Boolean,
+		default: !1
+	},
+	iconClear: {
+		type: [String, Object],
+		default: Le.clear
+	},
+	labelClear: {
+		type: String,
+		default: "Clear"
+	}
+}, $e = { pressed: {
+	type: Boolean,
+	default: !1
+} }, et = { label: {
+	type: [String, Number],
+	default: void 0
+} }, tt = { readonly: {
+	type: Boolean,
+	default: !1
+} }, Q = { modifiers: {
+	type: [String, Array],
+	default: void 0
+} }, nt = { hintLabel: {
+	type: String,
+	default: ""
+} }, rt = {
+	options: {
+		type: Array,
+		default: () => []
+	},
+	labelKey: {
+		type: [String, Function],
+		default: "label"
+	},
+	valueKey: {
+		type: [String, Function],
+		default: "value"
+	},
+	disabledKey: {
+		type: [String, Function],
+		default: "disabled"
+	}
+}, it = { count: {
+	type: [Boolean, String],
+	default: !1,
+	validator: (e) => [
+		!0,
+		!1,
+		"limit",
+		"countdown"
+	].includes(e)
+} }, at = { debounce: {
+	type: [Number, String],
+	default: void 0
+} }, ot = {
+	icon: {
+		type: [String, Object],
+		default: void 0
+	},
+	iconPosition: {
+		type: String,
+		default: Ve.before,
+		validation: (e) => Object.values(Ve).includes(e)
+	}
+}, st = { tabindex: {
+	type: [String, Number],
+	default: 0
+} }, ct = { floating: {
+	type: Boolean,
+	default: !1
+} }, lt = { unselectable: {
+	type: Boolean,
+	default: !0
+} }, ut = { id: [String, Number] }, dt = {
+	placement: {
+		type: String,
+		default: H.bottom,
+		validator: (e) => Object.values(H).includes(e) || Object.values(Be).includes(e)
+	},
+	strategy: {
+		type: String,
+		default: void 0,
+		validator: (e) => Object.values(ze).includes(e)
+	},
+	transitionName: {
+		type: String,
+		default: void 0
+	},
+	offset: {
+		type: [
+			Number,
+			String,
+			Object
+		],
+		default: 0
+	},
+	shift: {
+		type: [Boolean, Object],
+		default: !1
+	},
+	flip: {
+		type: [Boolean, Object],
+		default: !0
+	},
+	size: {
+		type: [Boolean, Object],
+		default: () => ({ padding: 10 })
+	},
+	autoPlacement: {
+		type: [Boolean, Object],
+		default: !1
+	},
+	arrow: {
+		type: Boolean,
+		default: !1
+	},
+	keepOpen: {
+		type: Boolean,
+		default: !1
+	},
+	autofocusFirst: {
+		type: Boolean,
+		default: !0
+	},
+	triggerWidth: {
+		type: Boolean,
+		default: !1
+	},
+	topLayer: {
+		type: Boolean,
+		default: !1
+	}
+}, ft = {
+	...ut,
+	name: {
+		type: String,
+		required: !0
+	}
+}, pt = { autofocus: {
+	type: Boolean,
+	default: !1
+} }, mt = { autocomplete: {
+	type: String,
+	default: "off"
+} };
+({
+	...ft,
+	...pt,
+	...mt,
+	...st,
+	...Y,
+	...tt,
+	...Ye,
+	...q,
+	...nt,
+	...J,
+	...Q,
+	...it,
+	...at,
+	...ot,
+	...ct,
+	...et
+}), { ...X }, {
+	...ft,
+	...st,
+	...Ye,
+	...q,
+	...nt,
+	...Y,
+	...tt,
+	...Q,
+	...et,
+	...J
+}, {
+	...Ye,
+	...q,
+	...rt,
+	...nt,
+	...Y,
+	...tt,
+	...Q,
+	...et,
+	...J,
+	...X
+};
+var ht = {
+	...Y,
+	...et,
+	...$e,
+	...Ze,
+	...Qe,
+	...Je,
+	type: {
+		type: String,
+		default: He.button,
+		validator: (e) => Object.values(He).includes(e)
+	},
+	ariaLabel: {
+		type: String,
+		default: void 0
+	},
+	defaultTag: {
+		type: String,
+		default: U.button
+	}
+};
+Re.local;
+var gt = {
+	...ft,
+	...st,
+	...Ye,
+	...q,
+	...nt,
+	...J,
+	...Y,
+	...tt,
+	...Q,
+	...rt,
+	...ot,
+	...ct,
+	...dt,
+	...et,
+	...X,
+	...Z,
+	transitionName: {
+		type: String,
+		default: "vv-dropdown--mobile-fade-block"
+	},
+	modelValue: {
+		type: [
+			String,
+			Number,
+			Boolean,
+			Object,
+			Array
+		],
+		default: void 0
+	},
+	noResultsLabel: {
+		type: String,
+		default: "No results"
+	},
+	noOptionsLabel: {
+		type: String,
+		default: "No options available"
+	},
+	selectedOptionNotFoundLabel: {
+		type: String,
+		default: "Selected option not found"
+	},
+	selectedHintLabel: {
+		type: String,
+		default: "Selected"
+	},
+	deselectActionLabel: {
+		type: String,
+		default: "Deselect"
+	},
+	selectHintLabel: {
+		type: String,
+		default: "Press enter to select"
+	},
+	deselectHintLabel: {
+		type: String,
+		default: "Press enter to remove"
+	},
+	addOptionHintLabel: {
+		type: String,
+		default: "Press enter to add"
+	},
+	closeLabel: {
+		type: String,
+		default: "Close"
+	},
+	placeholder: String,
+	addable: Boolean,
+	searchable: Boolean,
+	keepSearch: Boolean,
+	searchFunction: {
+		type: Function,
+		default: void 0
+	},
+	searchPlaceholder: {
+		type: String,
+		default: "Search..."
+	},
+	debounceSearch: {
+		type: [Number, String],
+		default: 0
+	},
+	multiple: Boolean,
+	minValues: {
+		type: [Number, String],
+		default: 0
+	},
+	maxValues: [Number, String],
+	unselectable: {
+		type: Boolean,
+		default: !0
+	},
+	separator: {
+		type: String,
+		default: ", "
+	},
+	native: Boolean,
+	badges: Boolean,
+	badgeModifiers: {
+		type: [String, Array],
+		default: "action sm"
+	},
+	triggerWidth: {
+		...dt.triggerWidth,
+		default: !0
+	},
+	dropdownModifiers: {
+		type: [String, Array],
+		default: "mobile"
+	},
+	autoOpen: {
+		type: Boolean,
+		default: !1
+	},
+	autoselectFirst: {
+		type: Boolean,
+		default: !1
+	},
+	keepOpen: {
+		type: Boolean,
+		default: !1
+	},
+	focusOnHover: {
+		type: Boolean,
+		default: !0
+	}
+};
+function _t() {
+	return {
+		...gt,
+		options: {
+			...gt.options,
+			type: Array
+		},
+		searchFunction: {
+			...gt.searchFunction,
+			type: Function
+		}
+	};
+}
+function vt(e, t, n) {
+	return n ? St(e, n) === St(t, n) : xt(e, t);
+}
+function yt(e, t) {
+	if (e.length !== t.length) return !1;
+	for (let n = e.length; n-- !== 0;) if (!xt(e[n], t[n])) return !1;
+	return !0;
+}
+function bt(e, t) {
+	let n = Object.keys(e), { length: r } = n;
+	if (r !== Object.keys(t).length) return !1;
+	for (let e = r; e-- !== 0;) if (!Object.hasOwn(t, n[e])) return !1;
+	for (let i = r; i-- !== 0;) {
+		let r = n[i];
+		if (!xt(e[r], t[r])) return !1;
+	}
+	return !0;
+}
+function xt(e, t) {
+	if (e === t) return !0;
+	if (!e || !t || typeof e != "object" || typeof t != "object") return Number.isNaN(e) && Number.isNaN(t);
+	let n = Array.isArray(e), r = Array.isArray(t);
+	if (n !== r) return !1;
+	if (n && r) return yt(e, t);
+	let i = e instanceof Date, a = t instanceof Date;
+	if (i !== a) return !1;
+	if (i && a) return e.getTime() === t.getTime();
+	let o = e instanceof RegExp, s = t instanceof RegExp;
+	return o === s ? o && s ? e.toString() === t.toString() : bt(e, t) : !1;
+}
+function St(e, t) {
+	if (e && Object.keys(e).length && t) {
+		if (!t.includes(".")) return e[t];
+		let n = t.split("."), r = e;
+		for (let e = 0, t = n.length; e < t; ++e) {
+			if (r == null) return null;
+			r = r[n[e]];
+		}
+		return r;
+	}
+	return null;
+}
+function Ct(e, t) {
+	if (e != null && t?.length) {
+		for (let n of t) if (vt(e, n)) return !0;
+	}
+	return !1;
+}
+function wt(e) {
+	return typeof e == "string";
+}
+function Tt(e) {
+	return Array.isArray(e) ? e.filter((e) => wt(e)).join(" ") : e;
+}
+function Et(e, t) {
+	let n = A(() => ie(e) ? e.value : e), i = A(() => Tt(n.value.invalidLabel)), o = A(() => Tt(n.value.validLabel)), s = A(() => n.value.loadingLabel), c = A(() => n.value.hintLabel), l = A(() => !!(n.value.loading && (t.loading || s.value))), u = A(() => !l.value && !!(n.value.invalid && (t.invalid || i.value))), d = A(() => !l.value && !u.value && !!(n.value.valid && (t.valid || o.value))), f = A(() => !l.value && !u.value && !d.value && !!(t.hint || c.value)), p = A(() => u.value || d.value || l.value || f.value);
+	return {
+		hasInvalidLabelOrSlot: u,
+		hasHintLabelOrSlot: f,
+		hasValidLabelOrSlot: d,
+		hasLoadingLabelOrSlot: l,
+		hintSlotScope: A(() => ({
+			modelValue: n.value.modelValue,
+			valid: n.value.valid,
+			invalid: n.value.invalid,
+			loading: n.value.loading
+		})),
+		HintSlot: r({
+			name: "HintSlot",
+			props: { tag: {
+				type: String,
+				default: "small"
+			} },
+			setup() {
+				return {
+					isVisible: p,
+					invalidLabel: i,
+					validLabel: o,
+					loadingLabel: s,
+					hintLabel: c,
+					hasInvalidLabelOrSlot: u,
+					hasValidLabelOrSlot: d,
+					hasLoadingLabelOrSlot: l,
+					hasHintLabelOrSlot: f
+				};
+			},
+			render() {
+				if (this.isVisible) {
+					let e;
+					return this.hasInvalidLabelOrSlot && (e = "alert"), this.hasValidLabelOrSlot && (e = "status"), this.hasLoadingLabelOrSlot ? a(this.tag, { role: e }, this.$slots.loading?.() ?? this.loadingLabel) : this.hasInvalidLabelOrSlot ? a(this.tag, { role: e }, this.$slots.invalid?.() ?? this.$slots.invalid ?? this.invalidLabel) : this.hasValidLabelOrSlot ? a(this.tag, { role: e }, this.$slots.valid?.() ?? this.validLabel) : a(this.tag, { role: e }, this.$slots.hint?.() ?? this.$slots.hint ?? this.hintLabel);
+				}
+				return null;
+			}
+		})
+	};
+}
+function Dt() {
+	return k(Ge, void 0);
+}
+function Ot(e, t, n) {
+	return A(() => {
+		let r = { [e]: !0 }, i = typeof t?.value == "string" ? t.value.split(" ") : t?.value;
+		return i && Array.isArray(i) && i.forEach((t) => {
+			t && (r[`${e}--${t}`] = !0);
+		}), n && Object.keys(n.value).forEach((t) => {
+			r[`${e}--${t}`] = C(n.value[t]);
+		}), r;
+	});
+}
+var $ = /* @__PURE__ */ r({
+	name: "VvIcon",
+	props: /* @__PURE__ */ t({
+		name: {},
+		color: {},
+		width: {},
+		height: {},
+		provider: {},
+		prefix: {},
+		src: {},
+		horizontalFlip: { type: Boolean },
+		verticalFlip: { type: Boolean },
+		flip: {},
+		mode: {},
+		inline: { type: Boolean },
+		rotate: {},
+		onLoad: { type: Function },
+		svg: {},
+		modifiers: {}
+	}, V),
+	setup(e) {
+		let t = e, n = A(() => typeof t.rotate == "string" ? Number.parseFloat(t.rotate) : t.rotate), r = M(!0), i = Dt(), { modifiers: a } = I(t), o = Ot("vv-icon", a), s = A(() => t.provider || i?.iconsProvider), c = A(() => {
+			let e = t.name ?? "", n = `@${s.value}:${t.prefix}:${e}`;
+			if (_e(n)) return n;
+			let r = i?.iconsCollections.find((t) => {
+				let n = `@${s.value}:${t.prefix}:${e}`;
+				return _e(n);
+			});
+			return r ? `@${s.value}:${r.prefix}:${e}` : e;
+		});
+		function l(e) {
+			return globalThis.window === void 0 ? null : new globalThis.DOMParser().parseFromString(e, "text/html").querySelector("svg");
+		}
+		function f(e) {
+			let n = l(e), r = n?.innerHTML.trim() || "";
+			n && r && R(`@${s.value}:${t.prefix}:${t.name}`, {
+				body: r,
+				height: n.viewBox.baseVal.height,
+				width: n.viewBox.baseVal.width
+			});
+		}
+		return i && t.src && !_e(`@${s.value}:${t.prefix}:${t.name}`) && (r.value = !1, i.fetchIcon(t.src).then((e) => {
+			e && f(e), r.value = !0;
+		}).catch((e) => {
+			throw r.value = !0, /* @__PURE__ */ Error(`Error during fetch icon: ${e?.message}`);
+		})), t.svg && f(t.svg), (t, i) => C(r) ? (u(), E(C(ve), d({
+			key: 0,
+			class: C(o)
+		}, {
+			inline: e.inline,
+			width: e.width,
+			height: e.height,
+			horizontalFlip: e.horizontalFlip,
+			verticalFlip: e.verticalFlip,
+			flip: e.flip,
+			rotate: C(n),
+			color: e.color,
+			icon: C(c)
+		}, { onLoad: e.onLoad }), null, 16, ["class", "onLoad"])) : b("v-if", !0);
+	}
+});
+function kt(e, t) {
+	let n = A(() => typeof e?.value == "string" ? { name: e?.value } : e?.value), r = A(() => t?.value === Ve.before ? n.value : void 0), i = A(() => t?.value === Ve.after ? n.value : void 0);
+	return {
+		hasIcon: n,
+		hasIconLeft: A(() => t?.value === H.left ? n.value : void 0),
+		hasIconRight: A(() => t?.value === H.right ? n.value : void 0),
+		hasIconTop: A(() => t?.value === H.top ? n.value : void 0),
+		hasIconBottom: A(() => t?.value === H.bottom ? n.value : void 0),
+		hasIconBefore: r,
+		hasIconAfter: i
+	};
+}
+var At = r({
+	components: { VvIcon: $ },
+	props: {
+		inputType: {
+			type: String,
+			default: "input-text"
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		label: {
+			type: String,
+			default: "Clear"
+		},
+		icon: {
+			type: [String, Object],
+			default: "close"
+		}
+	},
+	emits: ["clear"],
+	setup(e, { emit: t }) {
+		let { hasIcon: n } = kt(A(() => e.icon));
+		function r(n) {
+			n?.stopPropagation(), e.disabled || t("clear");
+		}
+		return {
+			hasIcon: n,
+			onClick: r
+		};
+	},
+	render() {
+		let e = this.hasIcon ? a($, {
+			...this.hasIcon,
+			class: `vv-${this.inputType}__icon`
+		}) : void 0;
+		return a("button", {
+			disabled: this.disabled,
+			class: `vv-${this.inputType}__action`,
+			ariaLabel: this.label,
+			type: "button",
+			onClick: this.onClick
+		}, e);
+	}
+}), jt = {
+	...Q,
+	value: [String, Number]
+}, Mt = /* @__PURE__ */ r({
+	name: "VvBadge",
+	props: jt,
+	setup(e) {
+		let { modifiers: t } = I(e), r = Ot("vv-badge", t);
+		return (e, t) => (u(), F("span", { class: g(C(r)) }, [n(e.$slots, "default", {}, () => [S(v(e.value), 1)])], 2));
+	}
+});
+function Nt(e) {
+	let t = k(e, void 0), n = A(() => t !== void 0);
+	function r(e, n, r) {
+		let i = t?.[e];
+		if (i) return A({
+			get() {
+				return i.value;
+			},
+			set(e) {
+				i.value = e;
+			}
+		});
+		let a = x(n, e);
+		return A({
+			get() {
+				return a.value;
+			},
+			set(t) {
+				r && r(`update:${e}`, t);
+			}
+		});
+	}
+	return {
+		group: t,
+		isInGroup: n,
+		getGroupOrLocalRef: r
+	};
+}
+var Pt = ["update:modelValue"], Ft = {
+	...ht,
+	...ut,
+	...Q,
+	...lt,
+	...J,
+	...ot,
+	iconPosition: {
+		type: String,
+		default: H.left,
+		validator: (e) => Object.values(H).includes(e)
+	},
+	loadingIcon: {
+		type: String,
+		default: "eos-icons:bubble-loading"
+	},
+	toggle: {
+		type: Boolean,
+		default: !1
+	},
+	value: {
+		type: [
+			String,
+			Number,
+			Boolean
+		],
+		default: void 0
+	},
+	uncheckedValue: {
+		type: [
+			String,
+			Number,
+			Boolean
+		],
+		default: void 0
+	},
+	modelValue: {
+		type: [
+			String,
+			Number,
+			Boolean
+		],
+		default: void 0
+	}
+};
+function It(e, t) {
+	let { group: n, isInGroup: r, getGroupOrLocalRef: i } = Nt(Ke), { id: a, iconPosition: o, icon: s, label: c, pressed: l } = I(e);
+	return {
+		group: n,
+		isInGroup: r,
+		modelValue: i("modelValue", e, t),
+		toggle: i("toggle", e),
+		unselectable: i("unselectable", e),
+		multiple: A(() => n?.multiple.value ?? !1),
+		modifiers: A(() => {
+			let t = e.modifiers, r = n?.modifiers.value, i = /* @__PURE__ */ new Set();
+			return t && (Array.isArray(t) || (t = t.split(" ")), t.forEach((e) => i.add(e))), r && (Array.isArray(r) || (r = r.split(" ")), r.forEach((e) => i.add(e))), [...i];
+		}),
+		disabled: A(() => !!(e.disabled || n?.disabled.value)),
+		id: a,
+		pressed: l,
+		iconPosition: o,
+		icon: s,
+		label: c
+	};
+}
+var Lt = [
+	"click",
+	"mouseover",
+	"mouseleave"
+];
+function Rt() {
+	return k(G, {});
+}
+function zt() {
+	return k(qe, {});
+}
+function Bt() {
+	return k(K, {});
+}
+var Vt = /* @__PURE__ */ r({
+	name: "VvAction",
+	props: ht,
+	emits: Lt,
+	setup(t, { expose: r, emit: i }) {
+		let a = t, o = i, s = de(), l = Dt(), f = M(null);
+		r({ $el: f });
+		let { reference: p, bus: ee, aria: m, expanded: h } = Rt();
+		y(() => f.value, (e) => {
+			p && (p.value = e);
+		});
+		let g = A(() => a.pressed || h?.value), { role: _ } = Bt(), te = A(() => {
+			switch (!0) {
+				case a.disabled: return U.button;
+				case a.to !== void 0: return l?.nuxt ? ne(U.nuxtLink) : U.routerLink;
+				case a.href !== void 0: return U.a;
+				default: return a.defaultTag;
+			}
+		}), re = A(() => {
+			let e = {
+				...m?.value,
+				ariaPressed: g.value ? !0 : void 0,
+				ariaLabel: a.ariaLabel,
+				role: _?.value
+			};
+			switch (te.value) {
+				case U.a: return {
+					...e,
+					href: a.href,
+					target: a.target,
+					rel: a.rel
+				};
+				case U.routerLink:
+				case U.nuxtLink: return {
+					...e,
+					to: a.to,
+					target: a.target
+				};
+				case U.button: return {
+					...e,
+					type: a.type,
+					disabled: a.disabled
+				};
+				default: return e;
+			}
+		});
+		function b(e) {
+			if (a.disabled) {
+				e.preventDefault();
+				return;
+			}
+			if (s?.vnode.props?.onClick) {
+				o("click", e);
+				return;
+			}
+			ee?.emit("click", e);
+		}
+		function x(e) {
+			if (s?.vnode.props?.onMouseover) {
+				o("mouseover", e);
+				return;
+			}
+			ee?.emit("mouseover", e);
+		}
+		function w(e) {
+			if (s?.vnode.props?.onMouseleave) {
+				o("mouseleave", e);
+				return;
+			}
+			ee?.emit("mouseleave", e);
+		}
+		return (t, r) => (u(), E(c(C(te)), d(C(re), {
+			ref_key: "rootEl",
+			ref: f,
+			class: {
+				active: t.active,
+				pressed: C(g),
+				disabled: t.disabled,
+				current: t.current
+			},
+			onClickPassive: b,
+			onMouseoverPassive: x,
+			onMouseleavePassive: w
+		}), {
+			default: e(() => [n(t.$slots, "default", {}, () => [S(v(t.label), 1)])]),
+			_: 3
+		}, 16, ["class"]));
+	}
+});
+function Ht(e) {
+	return A(() => String(e?.value || s()));
+}
+var Ut = {
+	key: 1,
+	class: "vv-button__label"
+}, Wt = {
+	key: 1,
+	class: "vv-button__label"
+}, Gt = /* @__PURE__ */ r({
+	name: "VvButton",
+	inheritAttrs: !1,
+	props: Ft,
+	emits: Pt,
+	setup(t, { expose: r, emit: i }) {
+		let a = t, o = i, s = re(), c = ce(), { id: l, modifiers: f, iconPosition: p, icon: ee, label: m, modelValue: h, disabled: g, toggle: _, unselectable: te } = It(a, o), ne = Ht(l), y = A(() => s?.name || ne.value), x = M(null);
+		r({ $el: A(() => x.value?.$el) });
+		let w = A(() => _.value ? Array.isArray(h.value) ? Ct(y.value, h.value) : vt(y.value, h.value) : a.pressed), ie = Ot("vv-button", f, A(() => ({
+			reverse: [H.right, H.bottom].includes(p.value),
+			column: [H.top, H.bottom].includes(p.value),
+			"icon-only": !!(ee?.value && !m?.value && !c.default)
+		}))), { hasIcon: ae } = kt(ee), D = A(() => a.value === void 0 ? y.value : a.value), oe = A(() => {
+			if (_.value) return { onClick: O };
+		});
+		function O() {
+			if (_.value) {
+				if (Array.isArray(h.value)) {
+					if (Ct(D.value, h.value)) {
+						te.value && (h.value = h.value.filter((e) => e !== D.value));
+						return;
+					}
+					h.value.push(D.value);
+					return;
+				}
+				if (D.value === h.value && te.value) {
+					h.value = a.uncheckedValue;
+					return;
+				}
+				h.value = D.value;
+			}
+		}
+		return (t, r) => (u(), E(Vt, d({
+			...C(s),
+			...C(oe),
+			disabled: C(g),
+			pressed: C(w),
+			active: t.active,
+			type: t.type,
+			to: t.to,
+			href: t.href,
+			target: t.target,
+			rel: t.rel,
+			ariaLabel: t.ariaLabel
+		}, {
+			id: C(ne),
+			ref_key: "rootEl",
+			ref: x,
+			class: C(ie)
+		}), {
+			default: e(() => [n(t.$slots, "default", {}, () => [t.loading ? n(t.$slots, "loading", {}, () => [t.loadingIcon ? (u(), E($, {
+				key: 0,
+				class: "vv-button__loading-icon",
+				name: t.loadingIcon
+			}, null, 8, ["name"])) : b("v-if", !0), t.loadingLabel ? (u(), F("span", Ut, v(t.loadingLabel), 1)) : b("v-if", !0)], void 0, 0) : (u(), F(T, { key: 1 }, [
+				n(t.$slots, "before"),
+				C(ae) ? (u(), E($, d({ key: 0 }, C(ae), { class: "vv-button__icon" }), null, 16)) : b("v-if", !0),
+				C(m) ? (u(), F("span", Wt, [n(t.$slots, "label", {}, () => [S(v(C(m)), 1)])])) : b("v-if", !0),
+				n(t.$slots, "after")
+			], 64))])]),
+			_: 3
+		}, 16, ["id", "class"]));
+	}
+}), Kt = {
+	...ut,
+	...dt,
+	...Q,
+	modelValue: {
+		type: Boolean,
+		default: void 0
+	},
+	reference: {
+		type: Object,
+		default: null
+	},
+	role: {
+		type: String,
+		default: Ue.menu,
+		validator: (e) => Object.values(Ue).includes(e)
+	}
+}, qt = { focusOnHover: {
+	type: Boolean,
+	default: !1
+} }, Jt = {
+	...Y,
+	...Xe,
+	...lt,
+	...Q,
+	deselectHintLabel: { type: String },
+	selectHintLabel: { type: String },
+	selectedHintLabel: { type: String },
+	focusOnHover: {
+		type: Boolean,
+		default: !1
+	}
+};
+function Yt(e, t) {
+	let n = globalThis.HTMLElement !== void 0 && "popover" in globalThis.HTMLElement.prototype, r = A(() => n && he(t)), i = A(() => r.value ? "manual" : void 0);
+	function a() {
+		return (n && e.value?.matches(":popover-open")) ?? !1;
+	}
+	function o() {
+		if (!(!r.value || !e.value?.isConnected || a())) try {
+			e.value.showPopover();
+		} catch {}
+	}
+	function s() {
+		if (!(!e.value || !a())) try {
+			e.value.hidePopover();
+		} catch {}
+	}
+	return {
+		isTopLayer: r,
+		popover: i,
+		show: o,
+		hide: s
+	};
+}
+function Xt({ reference: e, id: t, expanded: n, aria: i }) {
+	let o = je();
+	return {
+		bus: o,
+		component: r({
+			name: "VvDropdownTriggerProvider",
+			setup() {
+				h(G, {
+					reference: e,
+					id: t,
+					expanded: n,
+					aria: i,
+					bus: o
+				});
+			},
+			render() {
+				return a(T, {}, this.$slots.default?.());
+			}
+		})
+	};
+}
+function Zt({ role: e, ...t }) {
+	let n = A(() => e.value === Ue.listbox ? We.option : We.presentation);
+	return h(qe, {
+		role: n,
+		...t
+	}), { itemRole: n };
+}
+function Qt({ expanded: e }) {
+	h(K, {
+		role: M(W.menuitem),
+		expanded: e
+	});
+}
+var $t = ["popover"], en = [
+	"id",
+	"tabindex",
+	"role",
+	"aria-labelledby"
+], tn = /* @__PURE__ */ r({
+	name: "VvDropdown",
+	inheritAttrs: !1,
+	props: Kt,
+	emits: [
+		"update:modelValue",
+		"beforeEnter",
+		"afterLeave",
+		"beforeExpand",
+		"beforeCollapse",
+		"afterExpand",
+		"afterCollapse",
+		"before-enter",
+		"after-leave",
+		"enter",
+		"afterEnter",
+		"enterCancelled",
+		"beforeLeave",
+		"leave",
+		"leaveCancelled"
+	],
+	setup(t, { expose: r, emit: a }) {
+		let s = t, c = a, { id: l } = I(s), p = Ht(l), ee = re(), h = M("auto"), v = M("auto"), ne = M(), x = M(), S = M(), ie = M(), E = A({
+			get: () => s.reference ?? ne.value,
+			set: (e) => {
+				ne.value = e;
+			}
+		}), { isTopLayer: oe, popover: O, show: k, hide: se } = Yt(x, () => s.topLayer), j = A(() => oe.value ? ze.fixed : s.strategy), ce = M(!1);
+		o(() => {
+			be(x.value, () => {
+				ce.value = globalThis.getComputedStyle(x.value).getPropertyValue("--dropdown-custom-position")?.trim() === "true";
+			}, {
+				attributeFilter: ["style"],
+				window: globalThis.window
+			});
+		});
+		function N(e, t, n) {
+			return typeof e == "boolean" ? t() : n(e);
+		}
+		let le = A(() => {
+			let e = [];
+			if (s.autoPlacement ? e.push(N(s.autoPlacement, () => Pe(), (e) => Pe(e))) : s.flip && e.push(N(s.flip, () => Oe({ fallbackStrategy: "initialPlacement" }), (e) => Oe(e))), s.shift && e.push(N(s.shift, () => Fe(), (e) => Fe(e))), s.size) {
+				let t = ({ availableWidth: e, availableHeight: t }) => {
+					h.value = `${e}px`, v.value = `${t}px`;
+				};
+				e.push(N(s.size, () => ke({ apply: t }), (e) => ke({
+					...e,
+					apply: t
+				})));
+			}
+			return s.offset && e.push(["string", "number"].includes(typeof s.offset) ? Ne(Number(s.offset)) : Ne(s.offset)), s.arrow && e.push(Ie({ element: S })), e;
+		}), { x: ue, y: de, middlewareData: L, placement: me, strategy: he } = Me(E, x, {
+			whileElementsMounted: (...e) => Ae(...e, { animationFrame: j.value === ze.fixed }),
+			placement: A(() => s.placement),
+			strategy: j,
+			middleware: le
+		}), ge = A(() => {
+			if (ce.value) return;
+			let e = s.triggerWidth && E.value ? `${E.value?.offsetWidth}px` : void 0;
+			return {
+				position: he.value,
+				top: `${de.value ?? 0}px`,
+				left: `${ue.value ?? 0}px`,
+				maxWidth: e ? void 0 : h.value,
+				maxHeight: v.value,
+				width: e
+			};
+		}), _e = A(() => me.value.split("-")[0]), R = A(() => {
+			if (ce.value) return;
+			let e = {
+				[H.top]: H.bottom,
+				[H.right]: H.left,
+				[H.bottom]: H.top,
+				[H.left]: H.right
+			}[_e.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]: `${-(S.value?.offsetWidth ?? 0) / 2}px`
+			};
+		}), ve = Se(s, "modelValue", c), ye = M(!1), z = A({
+			get: () => ve.value ?? ye.value,
+			set: (e) => {
+				if (ve.value === void 0) {
+					ye.value = e;
+					return;
+				}
+				ve.value = e;
+			}
+		});
+		m(() => {
+			z.value && k();
+		});
+		function Ee() {
+			z.value = !0;
+		}
+		function De() {
+			z.value = !1;
+		}
+		function je() {
+			z.value = !z.value;
+		}
+		function B(e) {
+			E.value = e;
+		}
+		Ce(x, () => {
+			!s.keepOpen && z.value && (z.value = !1);
+		}, { ignore: [E] });
+		let Le = A(() => E.value?.getAttribute?.("id") ?? void 0), V = A(() => ({
+			"aria-controls": p.value,
+			"aria-haspopup": !0,
+			"aria-expanded": z.value
+		})), { component: Re, bus: Be } = Xt({
+			reference: E,
+			id: p,
+			expanded: z,
+			aria: V
+		});
+		Be.on("click", je);
+		let { role: Ve, modifiers: He } = I(s), U = Ot("vv-dropdown", He, A(() => ({ arrow: s.arrow }))), { focused: W } = xe(x);
+		function Ue(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 We() {
+			f(() => {
+				let e = Ue(x.value);
+				e.length > 0 && e[0].focus({ preventScroll: !0 });
+			});
+		}
+		function Ge() {
+			f(() => {
+				let e = Ue(ie.value);
+				e.length > 0 && e[0].focus({ preventScroll: !0 });
+			});
+		}
+		function Ke() {
+			f(() => {
+				if (W.value) {
+					let e = Ue(x.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 G() {
+			f(() => {
+				if (W.value) {
+					let e = Ue(x.value);
+					if (e.length === 0 || !document.activeElement) return;
+					let t = e.indexOf(document.activeElement);
+					if (t > 0) {
+						e[t - 1].focus({ preventScroll: !0 });
+						return;
+					}
+					e.at(-1)?.focus({ preventScroll: !0 });
+				}
+			});
+		}
+		y(z, (e) => {
+			e && s.autofocusFirst && We();
+		}), r({
+			toggle: je,
+			show: Ee,
+			hide: De,
+			init: B,
+			focusFirst: We,
+			focusFirstListElement: Ge,
+			focusNext: Ke,
+			focusPrev: G,
+			customPosition: ce
+		});
+		let { itemRole: qe } = Zt({
+			role: Ve,
+			expanded: z,
+			focused: W,
+			hovered: we(x)
+		});
+		Te("Escape", (e) => {
+			z.value && (e.preventDefault(), De());
+		}), Te("ArrowDown", (e) => {
+			z.value && W.value && (e.preventDefault(), Ke());
+		}), Te("ArrowUp", (e) => {
+			z.value && W.value && (e.preventDefault(), G());
+		}), Te([" ", "Enter"], (e) => {
+			let t = e.target;
+			z.value && W.value && t && t?.click();
+		});
+		let K = {
+			"before-enter": () => {
+				c(z.value ? "beforeExpand" : "beforeCollapse"), c("beforeEnter");
+			},
+			"after-leave": () => {
+				z.value || se(), c(z.value ? "afterExpand" : "afterCollapse"), c("afterLeave");
+			},
+			enter: () => {
+				c("enter");
+			},
+			"after-enter": () => {
+				c("afterEnter");
+			},
+			"enter-cancelled": () => {
+				c("enterCancelled");
+			},
+			"before-leave": () => {
+				c("beforeLeave");
+			},
+			leave: () => {
+				c("leave");
+			},
+			"leave-cancelled": () => {
+				c("leaveCancelled");
+			}
+		};
+		return (t, r) => (u(), F(T, null, [pe(C(Re), null, {
+			default: e(() => [n(t.$slots, "default", i(_({
+				init: B,
+				show: Ee,
+				hide: De,
+				toggle: je,
+				expanded: C(z),
+				aria: C(V)
+			})))]),
+			_: 3
+		}), pe(P, d({ name: t.transitionName }, te(K), { persisted: "" }), {
+			default: e(() => [ae(D("div", {
+				ref_key: "floatingEl",
+				ref: x,
+				popover: C(O),
+				style: fe(C(ge)),
+				class: g(C(U))
+			}, [
+				s.arrow ? (u(), F("div", {
+					key: 0,
+					ref_key: "arrowEl",
+					ref: S,
+					style: fe(C(R)),
+					class: "vv-dropdown__arrow"
+				}, null, 4)) : b("v-if", !0),
+				n(t.$slots, "before", i(_({
+					show: Ee,
+					hide: De,
+					toggle: je,
+					expanded: C(z)
+				}))),
+				D("div", d(C(ee), {
+					id: C(p),
+					ref_key: "listEl",
+					ref: ie,
+					tabindex: C(z) ? void 0 : -1,
+					role: C(Ve),
+					"aria-labelledby": C(Le),
+					class: "vv-dropdown__list"
+				}), [n(t.$slots, "items", i(_({
+					show: Ee,
+					hide: De,
+					toggle: je,
+					expanded: C(z),
+					role: C(qe)
+				})))], 16, en),
+				n(t.$slots, "after", i(_({
+					show: Ee,
+					hide: De,
+					toggle: je,
+					expanded: C(z)
+				})))
+			], 14, $t), [[w, C(z)]])]),
+			_: 3
+		}, 16, ["name"])], 64));
+	}
+}), nn = {
+	class: "vv-dropdown-optgroup",
+	role: "presentation",
+	tabindex: "-1"
+}, rn = /* @__PURE__ */ r({
+	name: "VvDropdownOptgroup",
+	props: { ...et },
+	setup(e) {
+		let t = e;
+		return (e, r) => (u(), F("li", nn, [n(e.$slots, "default", {}, () => [S(v(t.label), 1)])]));
+	}
+}), an = /* @__PURE__ */ r({
+	name: "VvDropdownItem",
+	props: qt,
+	setup(e) {
+		let t = e, { role: r, expanded: i } = zt(), a = M(null);
+		Qt({ expanded: i });
+		let o = we(a), { focused: s } = ye(a), { focused: c } = xe(a);
+		return y(o, (e) => {
+			e && t.focusOnHover && (s.value = !0);
+		}), (e, t) => (u(), F("div", d({ role: C(r) }, {
+			ref_key: "element",
+			ref: a,
+			class: ["vv-dropdown__item", { "focus-visible": C(s) || C(c) }]
+		}), [n(e.$slots, "default")], 16));
+	}
+}), on = ["title"], sn = /* @__PURE__ */ r({
+	name: "VvDropdownOption",
+	props: Jt,
+	setup(t) {
+		let r = t, { modifiers: a } = I(r), o = Ot("vv-dropdown-option", a, A(() => ({
+			disabled: r.disabled,
+			selected: r.selected,
+			unselectable: r.unselectable && r.selected
+		}))), s = A(() => r.selected ? r.unselectable ? r.deselectHintLabel : r.selectedHintLabel : r.disabled ? "" : r.selectHintLabel);
+		return (t, r) => (u(), E(an, {
+			class: g(C(o)),
+			tabindex: t.disabled ? -1 : 0,
+			"aria-selected": t.selected,
+			"aria-disabled": t.disabled,
+			"focus-on-hover": t.focusOnHover
+		}, {
+			default: e(() => [n(t.$slots, "default"), D("span", {
+				class: "vv-dropdown-option__hint",
+				title: C(s)
+			}, [n(t.$slots, "hint", i(_({
+				disabled: t.disabled,
+				selected: t.selected,
+				unselectable: t.unselectable
+			})), () => [S(v(C(s)), 1)])], 8, on)]),
+			_: 3
+		}, 8, [
+			"class",
+			"tabindex",
+			"aria-selected",
+			"aria-disabled",
+			"focus-on-hover"
+		]));
+	}
+}), cn = {
+	...ft,
+	...pt,
+	...mt,
+	...st,
+	...Ye,
+	...q,
+	...nt,
+	...J,
+	...Y,
+	...tt,
+	...Q,
+	...rt,
+	...ot,
+	...ct,
+	...lt,
+	...et,
+	...Z,
+	multiple: Boolean,
+	required: Boolean,
+	size: [String, Number],
+	modelValue: {
+		type: [
+			String,
+			Number,
+			Boolean,
+			Object,
+			Array
+		],
+		default: void 0
+	},
+	autoselectFirst: {
+		type: Boolean,
+		default: !1
+	},
+	placeholder: String
+};
+function ln() {
+	return {
+		...cn,
+		options: {
+			...cn.options,
+			type: Array,
+			default: () => []
+		}
+	};
+}
+function un(e, t, n) {
+	let r = t;
+	if (Array.isArray(e) && e.length) {
+		let i = e[0];
+		i() === t && (r = n);
+	}
+	if (typeof e == "function" && e() === t && (r = n), typeof e == "object") {
+		let i = e.default;
+		typeof i == "function" && (i = i()), (typeof i == "object" ? JSON.stringify(i) === JSON.stringify(t) : i === t) && (r = n);
+	}
+	return r;
+}
+function dn(e, t, n) {
+	let r = Dt(), i = A(() => {
+		if (r?.defaults.value?.[e]) return r.defaults.value[e];
+	});
+	return A(() => {
+		if (i.value === void 0) return n;
+		let e = i.value, r = t, a = n;
+		return Object.keys(r).reduce((t, n) => {
+			let i = a[n];
+			return t[n] = n in e ? un(r[n], i, e[n]) : i, t;
+		}, {});
+	});
+}
+function fn(e, t) {
+	let { focused: n } = ye(e);
+	return y(n, (n) => {
+		t(n ? "focus" : "blur", C(e));
+	}), { focused: n };
+}
+function pn(e) {
+	let { options: t, labelKey: n, valueKey: r, disabledKey: i } = I(e);
+	return {
+		options: t,
+		getOptionLabel: (e) => typeof e == "string" ? e : typeof n.value == "function" ? n.value(e) : String(n.value ? B(e, n.value) : e),
+		getOptionValue: (e) => typeof e == "string" ? e : typeof r.value == "function" ? r.value(e) : r.value ? B(e, r.value) : e,
+		isOptionDisabled: (e) => typeof e == "string" ? !1 : typeof i.value == "function" ? i.value(e) : i.value ? !!B(e, i.value) : !1,
+		getOptionGrouped: (e) => typeof e == "string" ? [] : typeof e == "object" && e && "options" in e ? e.options : []
+	};
+}
+var mn = ["for"], hn = { class: "vv-select__wrapper" }, gn = {
+	key: 0,
+	class: "vv-select__input-before"
+}, _n = { class: "vv-select__inner" }, vn = ["id"], yn = ["disabled", "hidden"], bn = ["disabled", "value"], xn = ["disabled", "label"], Sn = ["disabled", "value"], Cn = {
+	key: 2,
+	class: "vv-select__input-after"
+}, wn = /* @__PURE__ */ r({
+	name: "VvSelect",
+	props: ln(),
+	emits: [
+		"update:modelValue",
+		"focus",
+		"blur",
+		"clear"
+	],
+	setup(t, { emit: r }) {
+		let a = t, o = r, s = ce(), c = dn("VvSelect", ln(), a), l = M(), { HintSlot: f, hasHintLabelOrSlot: p, hasInvalidLabelOrSlot: ee, hintSlotScope: m } = Et(c, s), { focused: h } = fn(l, o);
+		function te(e) {
+			return typeof e != "string" && e.options?.length;
+		}
+		let { id: ne, modifiers: re, disabled: x, readonly: S, loading: w, icon: oe, iconPosition: O, invalid: k, valid: se, floating: N, multiple: le } = I(a), P = Ht(ne), ue = A(() => `${P.value}-hint`), de = A(() => a.disabled || a.readonly), fe = A(() => de.value ? -1 : a.tabindex), L = A({
+			get: () => a.modelValue,
+			set: (e) => {
+				if (Array.isArray(e) && (e = e.filter((e) => e !== void 0), e.length === 0 && !a.unselectable && l.value)) {
+					l.value.value = String(a.modelValue);
+					return;
+				}
+				o("update:modelValue", e);
+			}
+		}), he = A(() => Array.isArray(L.value) ? L.value.length > 0 : L.value !== void 0 && L.value !== null), _e = A(() => !de.value && a.unselectable), R = Ee(l);
+		y(R, (e) => {
+			e && a.autofocus && (h.value = !0);
+		});
+		let { hasIconBefore: ve, hasIconAfter: ye } = kt(oe, O), be = A(() => {
+			if (a.invalid === !0) return !0;
+			if (a.valid === !0) return !1;
+		}), z = Ot("vv-select", re, A(() => ({
+			valid: se.value,
+			invalid: k.value,
+			loading: w.value,
+			disabled: x.value,
+			readonly: S.value,
+			"icon-before": ve.value !== void 0,
+			"icon-after": ye.value !== void 0,
+			dirty: he.value,
+			focus: h.value && !de.value,
+			floating: N.value,
+			multiple: le.value
+		}))), { getOptionLabel: xe, getOptionValue: Se, isOptionDisabled: Ce, getOptionGrouped: we } = pn(a);
+		y(() => a.options, (e) => {
+			if (e?.length && a.autoselectFirst && !he.value) {
+				let t = Se(e[0]);
+				L.value = a.multiple ? [t] : t;
+			}
+		}, { immediate: !0 });
+		function Te() {
+			Array.isArray(L.value) ? L.value = [] : L.value = void 0, o("clear");
+		}
+		let De = A(() => ({
+			name: a.name,
+			tabindex: fe.value,
+			disabled: de.value,
+			required: a.required,
+			size: a.size,
+			autocomplete: a.autocomplete,
+			multiple: a.multiple,
+			"aria-invalid": be.value,
+			"aria-describedby": p.value ? ue.value : void 0,
+			"aria-errormessage": ee.value ? ue.value : void 0
+		})), Oe = A(() => ({
+			valid: a.valid,
+			invalid: a.invalid,
+			modelValue: a.modelValue
+		}));
+		return (t, r) => (u(), F("div", { class: g(C(z)) }, [
+			t.label ? (u(), F("label", {
+				key: 0,
+				for: C(P)
+			}, v(t.label), 9, mn)) : b("v-if", !0),
+			D("div", hn, [
+				t.$slots.before ? (u(), F("div", gn, [n(t.$slots, "before", i(_(C(Oe))))])) : b("v-if", !0),
+				D("div", _n, [
+					C(ve) ? (u(), E($, d({ key: 0 }, C(ve), { class: "vv-select__icon" }), null, 16)) : b("v-if", !0),
+					ae(D("select", d({
+						id: C(P),
+						ref_key: "selectEl",
+						ref: l
+					}, C(De), { "onUpdate:modelValue": r[0] ||= (e) => ie(L) ? L.value = e : null }), [t.placeholder ? (u(), F("option", {
+						key: 0,
+						value: void 0,
+						disabled: !C(_e),
+						hidden: !C(_e)
+					}, v(t.placeholder), 9, yn)) : b("v-if", !0), (u(!0), F(T, null, ge(t.options, (e, t) => (u(), F(T, null, [te(e) ? (u(), F("optgroup", {
+						key: `group-${t}`,
+						disabled: C(Ce)(e),
+						label: C(xe)(e)
+					}, [(u(!0), F(T, null, ge(C(we)(e), (e, n) => (u(), F("option", {
+						key: `group-${t}-item-${n}`,
+						disabled: C(Ce)(e),
+						value: C(Se)(e)
+					}, v(C(xe)(e)), 9, Sn))), 128))], 8, xn)) : (u(), F("option", {
+						key: t,
+						disabled: C(Ce)(e),
+						value: C(Se)(e)
+					}, v(C(xe)(e)), 9, bn))], 64))), 256))], 16, vn), [[j, C(L)]]),
+					C(ye) ? (u(), E($, d({ key: 1 }, C(ye), { class: "vv-select__icon vv-select__icon-after" }), null, 16)) : b("v-if", !0)
+				]),
+				C(_e) && C(c).showClearAction ? (u(), E(C(At), {
+					key: 1,
+					"input-type": "select",
+					label: t.labelClear,
+					icon: t.iconClear,
+					disabled: !C(he),
+					onClear: Te
+				}, null, 8, [
+					"label",
+					"icon",
+					"disabled"
+				])) : b("v-if", !0),
+				t.$slots.after ? (u(), F("div", Cn, [n(t.$slots, "after", i(_(C(Oe))))])) : b("v-if", !0)
+			]),
+			pe(C(f), {
+				id: C(ue),
+				class: "vv-select__hint"
+			}, me({ _: 2 }, [
+				t.$slots.hint ? {
+					name: "hint",
+					fn: e(() => [n(t.$slots, "hint", i(_(C(m))))]),
+					key: "0"
+				} : void 0,
+				t.$slots.loading ? {
+					name: "loading",
+					fn: e(() => [n(t.$slots, "loading", i(_(C(m))))]),
+					key: "1"
+				} : void 0,
+				t.$slots.valid ? {
+					name: "valid",
+					fn: e(() => [n(t.$slots, "valid", i(_(C(m))))]),
+					key: "2"
+				} : void 0,
+				t.$slots.invalid ? {
+					name: "invalid",
+					fn: e(() => [n(t.$slots, "invalid", i(_(C(m))))]),
+					key: "3"
+				} : void 0
+			]), 1032, ["id"])
+		], 2));
+	}
+}), Tn = ["id"], En = ["id", "for"], Dn = [
+	"id",
+	"aria-controls",
+	"placeholder"
+], On = {
+	key: 0,
+	class: "vv-select__input-before"
+}, kn = { class: "vv-select__inner" }, An = [
+	"aria-controls",
+	"aria-expanded",
+	"aria-labelledby",
+	"aria-describedby",
+	"aria-errormessage",
+	"tabindex"
+], jn = {
+	key: 0,
+	class: "vv-select__value"
+}, Mn = ["aria-label", "onClick"], Nn = {
+	key: 2,
+	class: "vv-select__input-after"
+}, Pn = /* @__PURE__ */ r({
+	name: "VvCombobox",
+	components: {
+		VvDropdown: tn,
+		VvDropdownOption: sn,
+		VvDropdownOptgroup: rn,
+		VvButton: Gt
+	},
+	props: /* @__PURE__ */ O(_t(), {
+		search: {
+			type: String,
+			default: "",
+			required: !1
+		},
+		searchModifiers: {}
+	}),
+	emits: /* @__PURE__ */ O([
+		"update:modelValue",
+		"update:search",
+		"update:options",
+		"focus",
+		"blur",
+		"clear",
+		"change:search"
+	], ["update:search"]),
+	setup(t, { emit: r }) {
+		let a = t, o = r, s = ce(), c = dn("VvCombobox", _t(), a), f = M(null), p = M(null), m = M(null), h = M(), { HintSlot: te, hasHintLabelOrSlot: ne, hasInvalidLabelOrSlot: re, hintSlotScope: x } = Et(c, s), { focused: w } = fn(f, o), { focused: oe } = xe(m), O;
+		function k() {
+			clearTimeout(O), O = setTimeout(() => {
+				!w.value && !oe.value && P.value && L();
+			}, 50);
+		}
+		ee(() => clearTimeout(O)), y(w, (e) => {
+			if (a.autoOpen) {
+				if (e && !P.value) {
+					clearTimeout(O), fe();
+					return;
+				}
+				!e && P.value && !oe.value && k();
+			}
+		}), y(oe, (e) => {
+			if (e) {
+				clearTimeout(O);
+				return;
+			}
+			!w.value && P.value && k();
+		});
+		let j = l(t, "search"), N = z(j, A(() => Number(a.debounceSearch)));
+		y(N, () => {
+			o("update:search", N.value), o("change:search", N.value);
+		});
+		let P = M(!1);
+		function de() {
+			B.value || (P.value = !P.value);
+		}
+		function fe() {
+			B.value || P.value || (P.value = !0);
+		}
+		function L() {
+			B.value || !P.value || (P.value = !1);
+		}
+		function he() {
+			c.value.searchable && p.value && p.value.focus({ preventScroll: !0 });
+		}
+		function _e() {
+			c.value.keepSearch || (j.value = "");
+		}
+		function R(e) {
+			return typeof e != "string" && e.options?.length;
+		}
+		let { id: ve, icon: ye, iconPosition: be, modifiers: Se, disabled: Ce, required: we, readonly: Ee, loading: Oe, valid: ke, invalid: Ae, floating: je } = I(a), Me = Ht(ve), Ne = A(() => `${Me.value}-hint`), Pe = A(() => `${Me.value}-dropdown`), Fe = A(() => `${Me.value}-search`), Ie = A(() => `${Me.value}-label`), B = A(() => a.disabled || a.readonly), Le = A(() => B.value ? -1 : a.tabindex), V = A({
+			get: () => Array.isArray(a.modelValue) ? a.modelValue : a.modelValue !== void 0 && a.modelValue !== null ? [a.modelValue] : [],
+			set: (e) => {
+				o("update:modelValue", a.multiple || Array.isArray(a.modelValue) ? e : e.pop());
+			}
+		}), Re = A(() => V.value.length), ze = A(() => Re.value > 0), H = A(() => a.multiple ? a.maxValues === void 0 ? 1 / 0 : Number(a.maxValues) : 1), Be = A(() => B.value || !a.unselectable ? !1 : Number(a.minValues) === 0 || Re.value > Number(a.minValues)), Ve = A(() => B.value ? !1 : !a.multiple || Re.value < H.value), He = M(!1), U = A(() => He.value || Oe.value), { hasIconBefore: W, hasIconAfter: We } = kt(ye, be), Ge = Ot("vv-select", Se, A(() => ({
+			disabled: Ce.value,
+			required: we.value,
+			loading: U.value,
+			readonly: Ee.value,
+			"icon-before": W.value !== void 0,
+			"icon-after": We.value !== void 0,
+			valid: ke.value,
+			invalid: Ae.value,
+			dirty: ze.value,
+			focus: (w.value || oe.value || P.value) && !B.value,
+			floating: je.value,
+			badges: a.badges
+		}))), Ke = M(/* @__PURE__ */ new Set()), { getOptionLabel: G, getOptionValue: qe, getOptionGrouped: K, isOptionDisabled: Je } = pn(a), Ye = A(() => {
+			let e = [...Ke.value];
+			for (let t of a.options) R(t) ? e.push(...K(t)) : e.push(t);
+			return e;
+		}), q = A(() => {
+			let e = [...a.options, ...Ke.value];
+			for (let t of V.value) Ye.value.some((e) => {
+				let n = qe(e);
+				return typeof n == "object" && typeof t == "object" ? JSON.stringify(n) === JSON.stringify(t) : n === t;
+			}) || e.push(t);
+			return e;
+		});
+		y(Ke, (e) => {
+			e.size > 0 && o("update:options", q.value);
+		});
+		function J(e) {
+			return Je(e) || !Ve.value && !X(e);
+		}
+		let Y = De(async () => {
+			if (c.value.searchFunction) {
+				He.value = !0;
+				let e = await Promise.resolve(c.value.searchFunction(N.value, q.value));
+				return He.value = !1, e;
+			}
+			let e = N.value.toLowerCase().trim();
+			return e ? q.value?.reduce((t, n) => {
+				if (R(n)) {
+					let r = G(n).toLowerCase(), i = K(n).filter((t) => G(t).toLowerCase().includes(e));
+					if (r.includes(e)) t.push(n);
+					else if (i.length > 0) {
+						let e = typeof n == "object" ? {
+							...n,
+							options: i
+						} : n;
+						t.push(e);
+					}
+					return t;
+				}
+				return G(n).toLowerCase().includes(e) && t.push(n), t;
+			}, []) : q.value;
+		});
+		function X(e) {
+			let t = qe(e);
+			return typeof t == "object" ? V.value.some((e) => typeof e == "object" && JSON.stringify(e) === JSON.stringify(t)) : V.value.includes(t);
+		}
+		let Xe = A(() => q.value.reduce((e, t) => R(t) ? [...e, ...K(t)] : [...e, t], []).filter((e) => X(e))), Ze = A(() => Xe.value.map((e) => G(e)).join(a.separator));
+		function Qe() {
+			a.autoOpen ? fe() : de();
+		}
+		function Z(e) {
+			let t = X(e), n = qe(e);
+			t && Be.value ? V.value = V.value.filter((e) => typeof n == "object" && typeof e == "object" ? JSON.stringify(e) !== JSON.stringify(n) : e !== n) : !t && Ve.value && (a.multiple ? V.value = [...V.value, n] : V.value = [n]), !a.multiple && !a.keepOpen && L();
+		}
+		function $e() {
+			V.value = [], o("update:search", ""), o("clear");
+		}
+		y(q, (e) => {
+			if (e?.length && a.autoselectFirst && !ze.value) {
+				let t = e.find((e) => !R(e));
+				if (t) {
+					Z(t);
+					return;
+				}
+				let n = e.find((e) => R(e));
+				if (n) {
+					let e = K(n);
+					e.length && Z(e[0]);
+				}
+			}
+		}, { immediate: !0 });
+		let et = A(() => ({
+			id: Me.value,
+			name: a.name,
+			tabindex: Le.value,
+			valid: ke.value,
+			validLabel: c.value.validLabel,
+			invalid: Ae.value,
+			invalidLabel: c.value.invalidLabel,
+			hintLabel: c.value.hintLabel,
+			loading: U.value,
+			loadingLabel: c.value.loadingLabel,
+			disabled: Ce.value,
+			readonly: Ee.value,
+			modifiers: c.value.modifiers,
+			options: c.value.options,
+			labelKey: c.value.labelKey,
+			valueKey: c.value.valueKey,
+			icon: c.value.icon,
+			iconPosition: c.value.iconPosition,
+			floating: c.value.floating,
+			unselectable: Be.value,
+			autoselectFirst: c.value.autoselectFirst,
+			multiple: c.value.multiple,
+			label: c.value.label,
+			placeholder: c.value.placeholder,
+			modelValue: a.modelValue
+		})), tt = A(() => ({
+			id: Pe.value,
+			reference: m.value,
+			placement: c.value.placement,
+			strategy: c.value.strategy,
+			transitionName: c.value.transitionName,
+			offset: c.value.offset,
+			shift: c.value.shift,
+			flip: c.value.flip,
+			autoPlacement: c.value.autoPlacement,
+			arrow: c.value.arrow,
+			autofocusFirst: c.value.searchable ? !0 : c.value.autofocusFirst,
+			triggerWidth: c.value.triggerWidth,
+			topLayer: c.value.topLayer,
+			modifiers: c.value.dropdownModifiers
+		})), Q = A(() => ({
+			valid: a.valid,
+			invalid: a.invalid,
+			modelValue: a.modelValue
+		}));
+		Te([" ", "Enter"], (e) => {
+			a.autoOpen || !P.value && w.value && (e.preventDefault(), e.stopImmediatePropagation(), de());
+		}, { target: f });
+		function nt() {
+			if (Y.value?.length) {
+				if (Y.value.length === 1) {
+					let e = Y.value[0];
+					if (R(e)) {
+						let t = K(e);
+						t.length && Z(t[0]);
+						return;
+					}
+					Z(e);
+					return;
+				}
+				h.value?.focusFirstListElement();
+				return;
+			}
+			if (c.value.addable) {
+				let e = j.value.trim();
+				if (!e || Ye.value.some((t) => G(t).toLowerCase() === e.toLowerCase())) return;
+				Ke.value.add(e), Z(e);
+			}
+		}
+		return (t, r) => t.native ? (u(), E(wn, d({ key: 1 }, C(et), { "onUpdate:modelValue": r[3] ||= (e) => o("update:modelValue", e) }), null, 16)) : (u(), F("div", {
+			key: 0,
+			id: C(Me),
+			class: g(C(Ge))
+		}, [
+			t.label ? (u(), F("label", {
+				key: 0,
+				id: C(Ie),
+				for: C(c).searchable ? C(Fe) : void 0
+			}, v(t.label), 9, En)) : b("v-if", !0),
+			D("div", {
+				ref_key: "wrapperEl",
+				ref: m,
+				class: "vv-select__wrapper"
+			}, [pe(tn, d({
+				ref_key: "dropdownEl",
+				ref: h,
+				modelValue: C(P),
+				"onUpdate:modelValue": r[2] ||= (e) => ie(P) ? P.value = e : null
+			}, C(tt), {
+				role: C(Ue).listbox,
+				onAfterExpand: he,
+				onAfterCollapse: _e
+			}), me({
+				default: e(({ aria: r }) => [
+					t.$slots.before ? (u(), F("div", On, [n(t.$slots, "before", i(_(C(Q))))])) : b("v-if", !0),
+					D("div", kn, [
+						C(W) ? (u(), E($, d({ key: 0 }, C(W), { class: "vv-select__icon" }), null, 16)) : b("v-if", !0),
+						D("div", d({
+							ref_key: "inputEl",
+							ref: f
+						}, r, {
+							class: "vv-select__input",
+							role: "combobox",
+							"aria-controls": C(Pe),
+							"aria-expanded": C(P),
+							"aria-labelledby": C(Ie),
+							"aria-describedby": C(ne) ? C(Ne) : void 0,
+							"aria-errormessage": C(re) ? C(Ne) : void 0,
+							tabindex: C(Le),
+							onClickPassive: Qe
+						}), [C(Ze) ? n(t.$slots, "value", i(_({
+							selectedOptions: C(Xe),
+							onInput: Z
+						})), () => [t.badges ? (u(!0), F(T, { key: 1 }, ge(C(Xe), (n, r) => (u(), E(Mt, {
+							key: r,
+							modifiers: t.badgeModifiers,
+							class: "vv-select__badge"
+						}, {
+							default: e(() => [S(v(C(G)(n)) + " ", 1), C(Be) ? (u(), F("button", {
+								key: 0,
+								"aria-label": C(c).deselectActionLabel,
+								type: "button",
+								onClick: ue((e) => Z(n), ["stop"])
+							}, [pe($, { name: "close" })], 8, Mn)) : b("v-if", !0)]),
+							_: 2
+						}, 1032, ["modifiers"]))), 128)) : (u(), F("div", jn, v(C(Ze)), 1))], void 0, 0) : n(t.$slots, "placeholder", {}, () => [S(v(t.placeholder), 1)], void 0, 1)], 16, An),
+						C(We) ? (u(), E($, d({ key: 1 }, C(We), { class: "vv-select__icon vv-select__icon-after" }), null, 16)) : b("v-if", !0)
+					]),
+					C(Be) && C(c).showClearAction ? (u(), E(C(At), {
+						key: 1,
+						"input-type": "select",
+						label: t.labelClear,
+						icon: t.iconClear,
+						disabled: !C(ze),
+						onClear: $e
+					}, null, 8, [
+						"label",
+						"icon",
+						"disabled"
+					])) : b("v-if", !0),
+					t.$slots.after ? (u(), F("div", Nn, [n(t.$slots, "after", i(_(C(Q))))])) : b("v-if", !0)
+				]),
+				items: e(() => [!C(Ce) && C(Y)?.length ? (u(!0), F(T, { key: 0 }, ge(C(Y), (r, i) => (u(), F(T, { key: i }, [R(r) ? (u(), F(T, { key: 0 }, [pe(rn, { label: C(G)(r) }, {
+					default: e(() => [n(t.$slots, "option-group", d({ ref_for: !0 }, {
+						option: r,
+						selectedOptions: C(Xe)
+					}), () => [S(v(C(G)(r)), 1)])]),
+					_: 2
+				}, 1032, ["label"]), (u(!0), F(T, null, ge(C(K)(r), (r, i) => (u(), E(sn, d({ ref_for: !0 }, {
+					selected: X(r),
+					disabled: J(r),
+					unselectable: C(Be),
+					deselectHintLabel: C(c).deselectHintLabel,
+					selectHintLabel: C(c).selectHintLabel,
+					selectedHintLabel: C(c).selectedHintLabel,
+					focusOnHover: t.focusOnHover
+				}, {
+					key: i,
+					class: "vv-dropdown-option",
+					onClickPassive: (e) => Z(r)
+				}), {
+					default: e(() => [n(t.$slots, "option", d({ ref_for: !0 }, {
+						option: r,
+						selectedOptions: C(Xe),
+						selected: X(r),
+						disabled: J(r)
+					}), () => [S(v(C(G)(r)), 1)])]),
+					_: 2
+				}, 1040, ["onClickPassive"]))), 128))], 64)) : (u(), E(sn, d({
+					key: 1,
+					ref_for: !0
+				}, {
+					selected: X(r),
+					disabled: J(r),
+					unselectable: C(Be),
+					deselectHintLabel: C(c).deselectHintLabel,
+					selectHintLabel: C(c).selectHintLabel,
+					selectedHintLabel: C(c).selectedHintLabel,
+					focusOnHover: t.focusOnHover
+				}, {
+					class: "vv-dropdown-option",
+					onClickPassive: (e) => Z(r)
+				}), {
+					default: e(() => [n(t.$slots, "option", d({ ref_for: !0 }, {
+						option: r,
+						selectedOptions: C(Xe),
+						selected: X(r),
+						disabled: J(r)
+					}), () => [S(v(C(G)(r)), 1)])]),
+					_: 2
+				}, 1040, ["onClickPassive"]))], 64))), 128)) : t.options.length ? (u(), E(sn, {
+					key: 2,
+					modifiers: "inert"
+				}, {
+					default: e(() => [n(t.$slots, "no-results", {}, () => [S(v(C(c).addable ? C(c).addOptionHintLabel : C(c).noResultsLabel), 1)])]),
+					_: 3
+				})) : (u(), E(sn, {
+					key: 1,
+					modifiers: "inert"
+				}, {
+					default: e(() => [n(t.$slots, "no-options", {}, () => [S(v(C(c).addable && j.value.length ? C(c).addOptionHintLabel : C(c).noOptionsLabel), 1)])]),
+					_: 3
+				}))]),
+				after: e(() => [n(t.$slots, "dropdown::after", {}, () => [C(h)?.customPosition ? (u(), E(Gt, {
+					key: 0,
+					label: C(c).closeLabel,
+					modifiers: "secondary",
+					onClick: r[1] ||= (e) => C(h).hide()
+				}, null, 8, ["label"])) : b("v-if", !0)])]),
+				_: 2
+			}, [C(c).searchable || t.$slots["dropdown::before"] ? {
+				name: "before",
+				fn: e(() => [n(t.$slots, "dropdown::before"), C(c).searchable && !C(Ce) ? ae((u(), F("input", {
+					key: 0,
+					id: C(Fe),
+					ref_key: "inputSearchEl",
+					ref: p,
+					"onUpdate:modelValue": r[0] ||= (e) => j.value = e,
+					"aria-autocomplete": "list",
+					"aria-controls": C(Pe),
+					autocomplete: "off",
+					spellcheck: "false",
+					type: "search",
+					class: "vv-dropdown__search",
+					placeholder: C(c).searchPlaceholder,
+					onKeyup: se(nt, ["enter"])
+				}, null, 40, Dn)), [[le, j.value]]) : b("v-if", !0)]),
+				key: "0"
+			} : void 0]), 1040, ["modelValue", "role"])], 512),
+			pe(C(te), {
+				id: C(Ne),
+				class: "vv-select__hint"
+			}, me({ _: 2 }, [
+				t.$slots.hint ? {
+					name: "hint",
+					fn: e(() => [n(t.$slots, "hint", i(_(C(x))))]),
+					key: "0"
+				} : void 0,
+				t.$slots.loading ? {
+					name: "loading",
+					fn: e(() => [n(t.$slots, "loading", i(_(C(x))))]),
+					key: "1"
+				} : void 0,
+				t.$slots.valid ? {
+					name: "valid",
+					fn: e(() => [n(t.$slots, "valid", i(_(C(x))))]),
+					key: "2"
+				} : void 0,
+				t.$slots.invalid ? {
+					name: "invalid",
+					fn: e(() => [n(t.$slots, "invalid", i(_(C(x))))]),
+					key: "3"
+				} : void 0
+			]), 1032, ["id"])
+		], 10, Tn));
+	}
+});
+//#endregion
+export { Pn as default };
+
+//# sourceMappingURL=VvCombobox.es-DxhDF7ab.js.map