{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "textarea",
  "type": "registry:ui",
  "title": "Textarea (MIAN)",
  "description": "Multi-line text. Grows with its content in browsers that support field-sizing.",
  "categories": [
    "forms",
    "textarea",
    "multiline",
    "comment",
    "message"
  ],
  "registryDependencies": [
    "https://mian.ro/r/mian-base.json"
  ],
  "files": [
    {
      "path": "mian/components/textarea.css",
      "type": "registry:file",
      "target": "mian/components/textarea.css",
      "content": ".mn-textarea { height: auto; min-height: calc(var(--mn-size-md) * 2.2); padding: .6rem .75rem; resize: vertical; field-sizing: content; max-height: 24rem; }"
    },
    {
      "path": "mian/examples/textarea.html",
      "type": "registry:file",
      "target": "mian/examples/textarea.html",
      "content": "<!-- Basic -->\n<div class=\"mn-field\" style=\"max-width:28rem\">\n  <label class=\"mn-label\" for=\"ta-1\">Your message</label>\n  <textarea class=\"mn-textarea\" id=\"ta-1\" placeholder=\"Tell us what you think…\" aria-describedby=\"ta-1-h\"></textarea>\n  <p class=\"mn-hint\" id=\"ta-1-h\">Markdown is supported.</p>\n</div>"
    }
  ],
  "docs": "MIAN components are HTML + CSS classes, not React components. The styles are already included in mian-base; this item adds the component's CSS section and example markup for reference. Docs: https://mian.ro/components/textarea",
  "meta": {
    "mian": {
      "license": "LicenseRef-MIAN-1.0",
      "requiresJs": false,
      "classes": [
        "mn-textarea"
      ],
      "accessibility": [
        "Label it like any input. If you enforce a maximum length, show the count and link it with aria-describedby."
      ],
      "intents": [
        "message box",
        "multi-line text",
        "comment field",
        "description field"
      ]
    }
  }
}