{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "permission-chip",
  "type": "registry:ui",
  "title": "Permission chip",
  "description": "A small uppercase chip for access levels: admin, write or read. Use it in member lists, API key tables and sharing dialogs to show what a user or token can do.",
  "dependencies": [],
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/permission-chip.tsx",
      "type": "registry:ui",
      "target": "components/ui/permission-chip.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\n\nconst tones = {\n  admin: \"border-border bg-surface text-fg\",\n  write: \"border-border bg-sunken text-fg\",\n  read: \"border-border bg-surface text-fg\",\n} as const\n\nfunction PermissionChip({\n  level = \"read\",\n  className,\n}: {\n  level?: keyof typeof tones\n  className?: string\n}) {\n  return (\n    <span\n      data-slot=\"permission-chip\"\n      className={cn(\n        \"inline-flex h-6 items-center rounded-md border px-2 text-[11px] font-medium tracking-[0.01em] uppercase\",\n        tones[level],\n        className\n      )}\n    >\n      {level}\n    </span>\n  )\n}\nexport { PermissionChip }\n"
    }
  ]
}