bug: inconsistent application of class attributes to different components

[this-gavagai]

There is significant inconsistency in how various components apply class attributes. For example, consider the following code:

<div class="grid grid-12 gap-2">
  <Input label="Input" class="col-span-12" />
  <Input label="Input 2" class="col-span-6" />
  <Input label="Input 3" class="col-span-6" />
  <Autocomplete
    label="Autocomplete"
    :options="[
      { label: 'One', value: '1' },
      { label: 'Two', value: '2' },
    ]"
    class="col-span-6"
  />
  <DatePicker label="Date Picker" :formatValue="(val) => val" class="col-span-6" />
</div>

This produces a layout that looks like this:

The expected behavior would be for the Autocomplete and DatePicker components to behave the same way that Input components do.