more ui components

src/components/ui/UIButton.vue

@@ -19,5 +19,5 @@ const styleClass = computed(() => {
 })
 </script>
 <template>
-  <button class="btn" :class="styleClass"><slot></slot></button>
+  <button class="btn duration-0" :class="styleClass"><slot></slot></button>
 </template>

src/components/ui/UIDropdown.vue

@@ -0,0 +1,11 @@
+<template>
+  <div class="dropdown-end dropdown">
+    <slot name="activator" tabindex="0"></slot>
+    <ul
+      tabindex="0"
+      class="dropdown-content menu rounded-box menu-compact mt-1 w-52 bg-base-100 p-2 text-base-content shadow"
+    >
+      <slot name="items"></slot>
+    </ul>
+  </div>
+</template>

src/components/ui/UIDropdownItem.vue

@@ -0,0 +1,5 @@
+<template>
+  <li class="text-base">
+    <a><slot></slot></a>
+  </li>
+</template>

src/components/ui/UIModal.vue

@@ -60,7 +60,7 @@ defineExpose({ open, close })
           </p>
           <div class="modal-action">
             <slot name="actions" v-bind="slotProps">
-              <button class="btn-sm btn" @click="close">Close</button>
+              <UIButton size="sm" @click="close">Close</UIButton>
             </slot>
           </div>
         </div>