feat: add input component

docs/components/input/examples/InputHelperExample.vue

@@ -0,0 +1,12 @@
+<template>
+  <div class="vp-raw">
+    <Input placeholder="enter your first name" label="First name">
+      <template #helper>
+        We’ll never share your details. Read our <a href="#" class="font-medium text-blue-600 hover:underline dark:text-blue-500">Privacy Policy</a>.
+      </template>
+    </Input>
+  </div>
+</template>
+<script lang="ts" setup>
+import { Input } from '../../../../src/index'
+</script>