{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "button-group",
  "type": "registry:ui",
  "title": "Button group",
  "description": "Groups adjacent buttons into one segmented control in Tailwind, joining borders and rounding only the outer corners. Uses role group for toolbars.",
  "dependencies": [],
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/button-group.tsx",
      "type": "registry:ui",
      "target": "components/ui/button-group.tsx",
      "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\n\nfunction ButtonGroup({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"button-group\"\n      className={cn(\n        \"inline-flex items-stretch [&>[data-slot=button]]:rounded-none\",\n        \"[&>[data-slot=button]]:border-border\",\n        \"[&>[data-slot=button]:first-child]:rounded-l-lg\",\n        \"[&>[data-slot=button]:last-child]:rounded-r-lg\",\n        \"[&>[data-slot=button]:not(:first-child)]:border-l-0\",\n        \"[&>[data-slot=button]:not(:first-child)]:-ml-px\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { ButtonGroup }\n"
    }
  ]
}