feat(Textarea): new component (#62)

Co-authored-by: Benjamin Canac <canacb1@gmail.com>

playground/app.vue

@@ -27,6 +27,7 @@ const components = [
   'slideover',
   'switch',
   'tabs',
+  'textarea',
   'tooltip'
 ]
 

playground/pages/textarea.vue

@@ -0,0 +1,34 @@
+<script setup lang="ts">
+import textarea from '#build/ui/textarea'
+</script>
+
+<template>
+  <div class="flex flex-col items-center gap-4">
+    <div class="flex gap-4">
+      <UTextarea />
+    </div>
+    <div class="flex gap-4">
+      <UTextarea placeholder="Search..." autofocus />
+      <UTextarea placeholder="Search..." color="gray" />
+      <UTextarea placeholder="Search..." color="primary" />
+      <UTextarea placeholder="Search..." disabled />
+    </div>
+    <div class="flex items-center gap-4">
+      <UTextarea
+        v-for="size in Object.keys(textarea.variants.size)"
+        :key="size"
+        placeholder="Search..."
+        :size="(size as any)"
+      />
+    </div>
+    <div class="flex gap-4">
+      <UTextarea autofocus />
+      <UTextarea autofocus :autofocus-delay="500" />
+      <UTextarea autoresize />
+      <UTextarea autoresize :maxrows="5" :rows="1" />
+    </div>
+    <div class="flex gap-4">
+      <UTextarea variant="none" placeholder="You can't see me" />
+    </div>
+  </div>
+</template>