{
  "name": "Textarea",
  "type": "component",
  "description": "Multi-line text field with three visual states and a resize control.",
  "export": "Textarea",
  "path": "@gtmi/strix-react/atoms/textarea",
  "figma": null,
  "figmaAbsent": "Base UI primitive. Figma draws no multi-line input.",
  "props": [
    {
      "name": "state",
      "type": "completed | error | warning",
      "description": "Visual state. `error` also sets aria-invalid. There is no success state, matching upstream."
    },
    {
      "name": "resize",
      "type": "none | vertical | horizontal | both",
      "default": "vertical",
      "description": "Maps straight onto the CSS resize property."
    },
    {
      "name": "className",
      "type": "string",
      "description": "Merged through cn()."
    }
  ],
  "ai_tags": ["textarea", "text-field", "form", "multiline", "primitive"],
  "since": "0.2.0",
  "tokens_used": [
    "--color-surface-secondary",
    "--color-surface-base",
    "--color-surface-primary",
    "--color-surface-disabled",
    "--color-border-accent",
    "--color-border-error",
    "--color-border-warning",
    "--color-border-focus",
    "--color-text-primary",
    "--color-text-tertiary",
    "--color-text-disabled-on-surface",
    "--spacing-borders-sm",
    "--spacing-borders-md",
    "--spacing-padding-vertical-md",
    "--spacing-padding-horizontal-md",
    "--radius-sm",
    "--text-size-body-small"
  ],
  "notes": "Exported as Textarea at /textarea, renamed from maker-ds's TextArea at form-inputs/text-area to match the spec's primitive naming. Auto-growing on input is out of scope: it needs a measured height and a scroll strategy, which belong to the consumer. Read-only is styled distinctly from disabled, since read-only text stays fully legible."
}