{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "input-addons",
  "title": "Input: Add-ons and states",
  "description": "Icons, a URL prefix, a keyboard hint, invalid and disabled.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "https://ui.cuelark.com/r/input.json"
  ],
  "files": [
    {
      "path": "src/registry/cuelark/examples/input-addons.tsx",
      "content": "import { AtSignIcon, SearchIcon } from \"lucide-react\";\n\nimport { Input } from \"@/registry/cuelark/ui/input\";\n\nexport default function InputAddons() {\n  return (\n    <div className=\"grid w-full max-w-sm gap-3\">\n      <Input aria-label=\"Search\" placeholder=\"Search components\" leading={<SearchIcon />} trailing={<kbd className=\"cue-kbd\">/</kbd>} />\n      <Input aria-label=\"Website\" placeholder=\"cuelark.com\" leading={<span className=\"text-sm\">https://</span>} />\n      <Input aria-label=\"Username\" placeholder=\"handle\" leading={<AtSignIcon />} aria-invalid defaultValue=\"taken\" />\n      <Input aria-label=\"Disabled\" placeholder=\"Disabled\" disabled size=\"sm\" />\n    </div>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "categories": [
    "input",
    "example"
  ],
  "type": "registry:component"
}