chore(Dropdown): allow group preset change

src/runtime/components/elements/Dropdown.vue

@@ -9,7 +9,7 @@
     <div v-if="open" ref="container" :class="[containerClass, widthClass]" @mouseover="onMouseOver">
       <transition appear v-bind="transitionClass">
         <MenuItems :class="baseClass" static>
-          <div v-for="(subItems, index) of items" :key="index" class="py-1">
+          <div v-for="(subItems, index) of items" :key="index" :class="groupClass">
             <MenuItem v-for="(item, subIndex) of subItems" :key="subIndex" v-slot="{ active, disabled }" :disabled="item.disabled" as="div">
               <Component v-bind="item" :is="(item.to && NuxtLink) || (item.click && 'button') || 'div'" :class="resolveItemClass({ active, disabled })" @click="e => onItemClick(e, item)">
                 <slot :name="item.slot" :item="item">
@@ -94,6 +94,10 @@ const props = defineProps({
     type: Object,
     default: () => $ui.dropdown.transition
   },
+  groupClass: {
+    type: String,
+    default: () => $ui.dropdown.group
+  },
   itemBaseClass: {
     type: String,
     default: () => $ui.dropdown.item.base

src/runtime/presets/default.ts

@@ -340,6 +340,7 @@ export default (variantColors: string[]) => {
     container: 'z-20',
     width: 'w-48',
     base: 'u-bg-white divide-y u-divide-gray-100 rounded-md ring-1 u-ring-gray-200 shadow-lg',
+    group: 'py-1',
     item: {
       base: 'group flex items-center gap-3 px-4 py-2 text-sm w-full',
       active: 'u-bg-gray-100 u-text-gray-900',