{"name":"textarea","type":"registry:ui","files":[{"path":"textarea.tsx","type":"registry:ui","content":"import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Textarea({\n  className,\n  size = \"large\",\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<\"textarea\"> & {\n  size?: \"sm\" | \"small\" | \"default\" | \"lg\" | \"large\" | number\n  variant?: \"default\" | \"borderless\"\n}) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        \"m-0 box-border h-auto w-full appearance-none overflow-auto rounded-[var(--hui-radius-2)] border-[0.5px] border-[var(--hui-color-border-base-tertiary)] bg-[var(--hui-color-background-base-primary)] text-[var(--hui-color-foreground-base-primary)] outline-none [font-size:var(--hui-font-size-small)] [line-height:var(--hui-line-height-small)] placeholder:text-[var(--hui-color-foreground-base-tertiary)] placeholder:[font-size:var(--hui-font-size-small)] placeholder:[font-weight:var(--hui-font-weight-regular)] placeholder:[line-height:var(--hui-line-height-small)] read-only:bg-[var(--hui-color-background-base-secondary)] disabled:cursor-not-allowed disabled:opacity-50 data-disabled:cursor-not-allowed data-disabled:opacity-50 data-invalid:border-[var(--hui-color-border-danger-emphasis)] aria-invalid:border-[var(--hui-color-border-danger-emphasis)] [&:focus:not(:disabled)]:border-[var(--hui-color-border-accent-emphasis)] [&:focus:not(:disabled)]:bg-[var(--hui-color-background-base-primary)] data-invalid:focus:border-[var(--hui-color-border-danger-emphasis-hover)] aria-invalid:focus:border-[var(--hui-color-border-danger-emphasis-hover)] motion-safe:[transition:var(--hui-transition-interactive)]\",\n        (size === \"large\" || size === \"lg\" || size === \"default\") &&\n          \"p-[var(--hui-space-3)]\",\n        (size === \"small\" || size === \"sm\") && \"p-[var(--hui-space-2)]\",\n        variant === \"borderless\" &&\n          \"border-transparent [&:focus:not(:disabled)]:border-transparent! [&:focus-visible:not(:disabled)]:shadow-[var(--hui-focus-ring-shadow)]\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Textarea }\n","target":"components/ui/textarea.tsx"}]}