chore(ui,icons,ui-preset,toolbox): Move design system packages to monorepo (#5470)

packages/design-system/ui/src/components/textarea/index.ts

@@ -0,0 +1 @@
+export * from "./textarea"

packages/design-system/ui/src/components/textarea/textarea.stories.tsx

@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from "@storybook/react"
+import * as React from "react"
+
+import { Textarea } from "./textarea"
+
+const meta: Meta<typeof Textarea> = {
+  title: "Components/Textarea",
+  component: Textarea,
+  parameters: {
+    layout: "centered",
+  },
+  render: (args) => (
+    <div className="w-[400px]">
+      <Textarea {...args} />
+    </div>
+  ),
+}
+
+export default meta
+
+type Story = StoryObj<typeof Textarea>
+
+export const Default: Story = {
+  args: {
+    placeholder: "Placeholder",
+  },
+}

packages/design-system/ui/src/components/textarea/textarea.tsx

@@ -0,0 +1,24 @@
+import * as React from "react"
+
+import { clx } from "@/utils/clx"
+import { inputBaseStyles } from "../input"
+
+const Textarea = React.forwardRef<
+  HTMLTextAreaElement,
+  React.ComponentPropsWithoutRef<"textarea">
+>(({ className, ...props }, ref) => {
+  return (
+    <textarea
+      ref={ref}
+      className={clx(
+        inputBaseStyles,
+        "txt-medium min-h-[70px] w-full px-3 py-[7px]",
+        className
+      )}
+      {...props}
+    />
+  )
+})
+Textarea.displayName = "Textarea"
+
+export { Textarea }