{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"textarea","title":"Textarea","description":"A multi-line text field for longer free-form input such as notes, descriptions, and messages, with content-based auto-sizing.","dependencies":["cn"],"files":[{"path":"components/ui/textarea.tsx","content":"import * as React from \"react\"\nimport { cn } from \"cn\"\n\nfunction Textarea({ className, ...props }: React.ComponentProps<\"textarea\">) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        \"flex field-sizing-content min-h-16 w-full resize-none rounded-lg bg-field px-2.5 py-2 text-xs outline-1 -outline-offset-1 outline-field-border transition-[color,box-shadow,outline-color] duration-200 outline-solid placeholder:text-muted-foreground focus-visible:ring-2 focus-visible:ring-ring/30 focus-visible:outline-ring disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-2 aria-invalid:ring-destructive/20 aria-invalid:outline-destructive dark:aria-invalid:ring-destructive/40 dark:aria-invalid:outline-destructive/50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Textarea }\n","type":"registry:ui"}],"cssVars":{"theme":{"color-field":"var(--field)","color-field-border":"var(--field-border)","text-xs--letter-spacing":"-0.005em","text-xs":"0.8125rem","text-xs--line-height":"calc(1.25 / 0.8125)"},"light":{"field":"oklch(0.556 0 0 / 2.5%)","field-border":"oklch(0.145 0 0 / 10%)"},"dark":{"field":"oklch(1 0 0 / 2.5%)","field-border":"oklch(1 0 0 / 15%)"}},"categories":["forms"],"type":"registry:ui"}