fix(stage-ui|ui): textarea style not aligned, title was missing

package.json

@@ -14,6 +14,7 @@
     "postinstall": "npx simple-git-hooks && pnpm packages:build",
     "dev": "pnpm -rF=\"./packages/*\" -F=\"./apps/*\" run --parallel dev",
     "build": "pnpm -rF=\"./packages/*\" -F=\"./apps/*\" run build",
+    "ui:dev": "pnpm -rF @proj-airi/stage-ui run story:dev",
     "apps:web:dev": "pnpm -rF @proj-airi/stage-web run dev",
     "apps:web:build": "pnpm -rF @proj-airi/stage-web run build",
     "apps:tamagotchi:dev": "pnpm -rF @proj-airi/stage-tamagotchi run app:dev",

packages/stage-ui/src/components/Form/Textarea/Basic.story.vue

@@ -12,8 +12,10 @@ import { BasicTextarea } from '@proj-airi/ui'
       <ThemeColorsHueControl />
     </template>
 
-    <Variant id="default">
-      <BasicTextarea />
+    <Variant id="default" title="Default">
+      <div class="rounded-lg bg-neutral-200 p-2 dark:bg-neutral-700">
+        <BasicTextarea />
+      </div>
     </Variant>
   </Story>
 </template>

packages/stage-ui/src/components/Form/Textarea/Textarea.story.vue

@@ -15,7 +15,7 @@ const input = ref('')
       <ThemeColorsHueControl />
     </template>
 
-    <Variant id="default">
+    <Variant id="default" title="Default">
       <Textarea v-model="input" />
     </Variant>
   </Story>

packages/ui/src/components/Form/Textarea/Textarea.vue

@@ -11,7 +11,7 @@ const modelValue = defineModel<string>({ default: '' })
     transition="all duration-200 ease-in-out"
     text="disabled:neutral-400 dark:disabled:neutral-600"
     cursor="disabled:not-allowed"
-    w-full rounded-lg px-3 py-2 text-sm outline-none
+    w-full rounded-lg px-2 py-1 text-sm outline-none
     shadow="sm"
     bg="neutral-50 dark:neutral-950 focus:neutral-50 dark:focus:neutral-900"
   />