feat: add gradient(monochrome, duotone), outline colored button. prefix and suffix slots button

docs/guide/button/examples/ButtonSizeExample.vue

@@ -0,0 +1,12 @@
+<template>
+  <div class="inline-flex items-center gap-2 flex-wrap">
+    <Button size="xs">Extra small - xs</Button>
+    <Button size="sm">Small - sm</Button>
+    <Button size="md">Medium - md</Button>
+    <Button size="lg">Large - lg</Button>
+    <Button size="xl">Extra Large - xl</Button>
+  </div>
+</template>
+<script setup>
+import { Button } from '../../../../src/index'
+</script>