{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "chip",
  "title": "Chip",
  "description": "A compact item, such as an attachment, that can be removed.",
  "registryDependencies": [
    "https://spotcheckui.com/r/spotcheck-base.json"
  ],
  "files": [
    {
      "path": "registry/spotcheck/components/spotcheck/chip.tsx",
      "content": "import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype ChipProps = React.ComponentProps<\"span\"> & {\n  /** Shows a remove button. Pass it from a client component. */\n  onRemove?: () => void\n  /** Names the remove button for screen readers. */\n  removeLabel?: string\n}\n\nexport function Chip({ onRemove, removeLabel = \"Remove\", className, children, ...props }: ChipProps) {\n  return (\n    <span\n      className={cn(\n        \"border-ink bg-paper inline-flex items-center gap-1.5 border-[1.5px] py-0.5 pr-1 pl-2 font-(family-name:--f-mono) text-[11.5px]\",\n        !onRemove && \"pr-2\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {onRemove && (\n        <button\n          type=\"button\"\n          aria-label={removeLabel}\n          onClick={onRemove}\n          className=\"spotcheck-focus cursor-pointer px-1 text-[13px] leading-none\"\n        >\n          ×\n        </button>\n      )}\n    </span>\n  )\n}\n",
      "type": "registry:component"
    }
  ],
  "categories": [
    "core"
  ],
  "type": "registry:component"
}