Select filter

One or many options; a long list gets its own search box.

is / is not
const definition: FilterDefinition = {
	kind: "select",
	key: "status",
	label: "Status",
	multiple: true,
	allowExclusion: true,
	options: [
		{ value: "sent", label: "Sent" },
		{ value: "failed", label: "Failed" },
		{ value: "deferred", label: "Deferred", secondary: true },
	],
};

From eight options on, the list grows its own search box. Options marked secondary wait behind a "N more…" toggle so a long tail of rarely picked choices doesn't drown the shortlist; a selected or search-matched one always shows.