{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "textarea",
  "title": "Textarea",
  "author": "AniBT <https://anibt.net>",
  "description": "AniBT multi-line field: the input's material and states, growing with its content from two lines.",
  "registryDependencies": [
    "@anibt/theme"
  ],
  "files": [
    {
      "path": "registry/anibt/ui/textarea.tsx",
      "content": "import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\n/**\n * Textarea — the multi-line AniBT 「贴纸手账」 field.\n *\n * The same material and state ladder as `Input` (paper, the 1px `--input`\n * ring, pink on hover, the 1.5px `--ring` edge and halo on focus, red when\n * `aria-invalid`, the sunk well when read-only or disabled). It differs only\n * in height: `field-sizing-content` grows the box with the copy from a\n * two-line minimum, and the user can still drag it taller.\n */\nfunction Textarea({ className, ...props }: React.ComponentProps<\"textarea\">) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        \"bg-card text-foreground inset-ring-1 inset-ring-input placeholder:text-muted-foreground selection:bg-anibt-wash2 selection:text-foreground hover:inset-ring-anibt-wash-line focus-visible:inset-ring-[1.5px] focus-visible:inset-ring-ring focus-visible:ring-4 focus-visible:ring-ring/20 aria-invalid:inset-ring-[1.5px] aria-invalid:inset-ring-anibt-danger-fill aria-invalid:ring-4 aria-invalid:ring-anibt-danger-fill/15 [&[readonly]]:bg-muted [&[readonly]]:text-anibt-ink2 disabled:cursor-not-allowed disabled:bg-muted disabled:text-muted-foreground disabled:inset-ring-border\",\n        \"flex field-sizing-content min-h-16 w-full rounded-[10px] border-0 px-3 py-2 text-base leading-normal transition-[background-color,box-shadow] duration-150 outline-none md:text-[13px]\",\n        \"data-[slot=input-group-control]:bg-transparent data-[slot=input-group-control]:inset-ring-0 data-[slot=input-group-control]:ring-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Textarea }\n",
      "type": "registry:ui"
    }
  ],
  "categories": [
    "forms"
  ],
  "type": "registry:ui"
}