{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "demo-border-trail-textarea",
  "title": "Border Trail Textarea Demo",
  "description": "Textarea with a continuous gradient border trail.",
  "registryDependencies": ["@soralabs/border-trail"],
  "files": [
    {
      "path": "registry/demo/primitives/effects/border-trail-textarea/index.tsx",
      "content": "\"use client\";\n\nimport { BorderTrail } from \"@/components/sora-ui/effects/border-trail\";\n\nexport interface BorderTrailTextareaProps {\n  duration?: number;\n  size?: number;\n}\n\n/** motion-primitives `border-trail-textarea` */\nexport function BorderTrailTextarea({\n  duration = 5,\n  size = 120,\n}: BorderTrailTextareaProps) {\n  return (\n    <div className=\"relative h-[160px] w-[260px] overflow-hidden rounded-md border border-zinc-950/10 bg-white text-zinc-700 outline-hidden dark:border-zinc-50/20 dark:bg-zinc-950 dark:text-zinc-300\">\n      <textarea className=\"h-full w-full resize-none rounded-md bg-transparent px-4 py-3 text-sm outline-hidden\" />\n      <BorderTrail\n        className=\"bg-linear-to-l from-blue-200 via-blue-500 to-blue-200 dark:from-blue-400 dark:via-blue-500 dark:to-blue-700\"\n        size={size}\n        transition={{\n          duration,\n          ease: \"linear\",\n          repeat: Number.POSITIVE_INFINITY,\n        }}\n      />\n    </div>\n  );\n}\n\nexport default BorderTrailTextarea;\n",
      "type": "registry:ui",
      "target": "components/sora-ui/demo/effects/border-trail-textarea.tsx"
    }
  ],
  "meta": {
    "demoProps": {
      "BorderTrailTextarea": {
        "size": {
          "value": 120,
          "min": 60,
          "max": 160,
          "step": 4
        },
        "duration": {
          "value": 5,
          "min": 1,
          "max": 12,
          "step": 0.5
        }
      }
    }
  },
  "type": "registry:ui"
}