@dilipod/ui 0.1.0 → 0.2.0

package/src/components/textarea.stories.tsx

@@ -0,0 +1,49 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { Textarea } from './textarea'
+
+const meta: Meta<typeof Textarea> = {
+  title: 'Components/Textarea',
+  component: Textarea,
+  tags: ['autodocs'],
+  argTypes: {
+    rows: {
+      control: 'number',
+    },
+    disabled: {
+      control: 'boolean',
+    },
+    placeholder: {
+      control: 'text',
+    },
+  },
+}
+
+export default meta
+type Story = StoryObj<typeof Textarea>
+
+export const Default: Story = {
+  args: {
+    placeholder: 'Enter your message...',
+  },
+}
+
+export const WithRows: Story = {
+  args: {
+    placeholder: 'Enter your message...',
+    rows: 6,
+  },
+}
+
+export const Disabled: Story = {
+  args: {
+    placeholder: 'Disabled textarea',
+    disabled: true,
+  },
+}
+
+export const WithValue: Story = {
+  args: {
+    value: 'This is a sample textarea with some content.',
+    readOnly: true,
+  },
+}

package/src/components/textarea.tsx

@@ -0,0 +1,25 @@
+'use client'
+
+import * as React from 'react'
+import { cn } from '../lib/utils'
+
+export interface TextareaProps
+  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}
+
+const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
+  ({ className, ...props }, ref) => {
+    return (
+      <textarea
+        className={cn(
+          'flex min-h-[80px] w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-base text-[var(--black)] ring-offset-background placeholder:text-gray-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--cyan)] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm transition-colors',
+          className
+        )}
+        ref={ref}
+        {...props}
+      />
+    )
+  }
+)
+Textarea.displayName = 'Textarea'
+
+export { Textarea }

package/src/index.ts

@@ -43,6 +43,39 @@ export type { TagProps } from './components/tag'
 export { Stat, statVariants, valueVariants } from './components/stat'
 export type { StatProps } from './components/stat'
 
+// Form Components
+export { Input } from './components/input'
+export type { InputProps } from './components/input'
+
+export { Label } from './components/label'
+export type { LabelProps } from '@radix-ui/react-label'
+
+export { Textarea } from './components/textarea'
+export type { TextareaProps } from './components/textarea'
+
+// Navigation & Layout Components
+export {
+  Accordion,
+  AccordionItem,
+  AccordionTrigger,
+  AccordionContent,
+} from './components/accordion'
+
+export { Separator } from './components/separator'
+export type { SeparatorProps } from '@radix-ui/react-separator'
+
+export {
+  navigationMenuTriggerStyle,
+  NavigationMenu,
+  NavigationMenuList,
+  NavigationMenuItem,
+  NavigationMenuContent,
+  NavigationMenuTrigger,
+  NavigationMenuLink,
+  NavigationMenuIndicator,
+  NavigationMenuViewport,
+} from './components/navigation-menu'
+
 // Utilities
 export { cn } from './lib/utils'