FieldPickerMenuList

Source: client/lib/theme/vueda-tailwind/display/index.js

Eyebrow at the top of the field-picker list. The in-popover micro-eyebrow recipe (11 px / 600 / 0.04em).

Slot	Default classes	Description
eyebrow	`px-2 py-1.5 text-[length:var(--vueda-text-micro)] font-semibold uppercase tracking-[0.04em] text-muted-foreground`	Eyebrow at the top of the field-picker list. The in-popover micro-eyebrow recipe (11 px / 600 / 0.04em).
list	`max-h-60 overflow-y-auto`	Scrollable list wrapper. Capped so the popover never overflows the viewport on small screens.
item	`flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-sm hover:bg-accent hover:text-accent-foreground`	A selectable field row.
empty	`px-2 py-1.5 text-sm text-muted-foreground`	Empty-state message shown when every field is already in use.

eyebrow

Eyebrow at the top of the field-picker list. The in-popover micro-eyebrow recipe (11 px / 600 / 0.04em).

Default classes:

px-2 py-1.5 text-[length:var(--vueda-text-micro)] font-semibold uppercase tracking-[0.04em] text-muted-foreground

Source: client/lib/theme/vueda-tailwind/display/FieldPickerMenuList.theme.js:18

Scrollable list wrapper. Capped so the popover never overflows the viewport on small screens.

Default classes:

max-h-60 overflow-y-auto

Source: client/lib/theme/vueda-tailwind/display/FieldPickerMenuList.theme.js:24

A selectable field row.

Default classes:

flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-sm hover:bg-accent hover:text-accent-foreground

Source: client/lib/theme/vueda-tailwind/display/FieldPickerMenuList.theme.js:28

Empty-state message shown when every field is already in use.

Default classes:

px-2 py-1.5 text-sm text-muted-foreground

Source: client/lib/theme/vueda-tailwind/display/FieldPickerMenuList.theme.js:34