Package-level declarations

private val options = listOf("Option 1", "Option 2", "Option 3", "Option 4", "Option 5")
private var expanded by remember { mutableStateOf(false) }
private var selectedOptionText by remember { mutableStateOf(options[0]) }
Dropdown(
    value = selectedOptionsText,
    label = "label",
    onDismissRequest = {
        expanded = false
    },
    expanded = expanded,
    onExpandedChange = {
        expanded = !expanded
    },
) {
    options.forEach { selectionOption ->
        DropdownMenuItem(
            onClick = {
                selectedOptionText = selectionOption
                expanded = false
            },
        ) {
            Text(text = selectionOption)
        }
    }
}

// Your data source from your state model
private val DropdownStubData = persistentListOf(
    "To Kill a Mockingbird", "War and Peace", "The Idiot",
    "A Picture of Dorian Gray", "1984", "Pride and Prejudice",
)
private val multiSelectionFilter by remember { mutableStateOf(DropdownStubData) }

private var selectedItems by remember {
    mutableStateOf(listOf("To Kill a Mockingbird", "War and Peace"))
}
private val multiSelectedValues by remember(selectedItems.size) {
    derivedStateOf {
        val suffix = if (selectedItems.size 1) ", +${selectedItems.size - 1}" else ""
        selectedItems.firstOrNull().orEmpty() + suffix
    }
}

SelectTextField(
    value = multiSelectedValues,
    // ...
) {
    multiSelectionFilter.forEach { book ->
        // This should be part of your model otherwise it's a huge work that done on
        // each items but we're simplifying things since it's an example here.
        val isSelected = book in selectedItems
        DropdownMenuItem(
            text = {
                Text(
                    text = book,
                    style = if (isSelected) {
                        SparkTheme.typography.body1.highlight
                    } else {
                        SparkTheme.typography.body1
                    },
                )
            },
            onClick = {
                selectedItems = if (book in selectedItems) {
                    selectedItems - book
                } else {
                    selectedItems + book
                }
                // Here we want to have the dropdown to stay expanded when we multiSelect but
                // you could use the line below if in the case you want to have the same behaviour
                // as the single selection.
                // expanded = false
            },
        )
    }
}

private val singleSelectionFilter by remember { mutableStateOf(DropdownStubData) }

private var singleSelected by remember { mutableStateOf("") }

Dropdown(
    value = singleSelected,
    // ...
) {
    singleSelectionFilter.forEach { (groupName, books) ->
        DropdownMenuGroupItem(
            title = { Text(groupName) }, // You can customize the style of the label here
        ) {
            books.forEach { book ->
                DropdownMenuItem(
                    text = { Text(book) },
                    onClick = {
                        singleSelected = book
                        expanded = false
                    },
                )
            }
        }
    }
}

import java.awt.TextField

TextField(
    value = "Input",
    label = { Text("Label") },
    placeholder = { Text("Placeholder") },
    leadingContent = {
        Icon(
            imageVector = Icons.Filled.ArrowDropDown,
            contentDescription = null
        )
    },
    onValueChange = { newValue -> }
)

TextField(
    value = "Input",
    label = { Text("Label") },
    placeholder = { Text("Placeholder") },
    leadingContent = {
        // Prefix
        Text("Prefix", modifier = Modifier.padding(start = 16.dp))
    },
    trailingContent = {
        // Suffix
        Text("Suffix", modifier = Modifier.padding(end = 16.dp))
    },
    onValueChange = { newValue -> }
)

MultilineTextField(
    value = "Input",
    label = { Text("Label") },
    placeholder = { Text("Placeholder") },
    leadingIcon = {
        Icon(
            imageVector = Icons.Filled.ArrowDropDown,
            contentDescription = null
        )
    },
    onValueChange = { newValue -> }
)

MultilineTextField(
    value = "Input",
    label = { Text("Label") },
    placeholder = { Text("Placeholder") },
    leadingIcon = {
        // Prefix
        Text("Prefix", modifier = Modifier.padding(start = 16.dp))
    },
    leadingIcon = {
        // Suffix
        Text("Suffix", modifier = Modifier.padding(end = 16.dp))
    },
    onValueChange = { newValue -> }
)