{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "button-group",
  "title": "Button Group",
  "description": "Polaris-styled Button Group component.",
  "dependencies": [],
  "devDependencies": [
    "@shopify/polaris-types"
  ],
  "registryDependencies": [
    "@polaris-shadcn/theme",
    "@polaris-shadcn/utils"
  ],
  "files": [
    {
      "path": "registry/templates/components/ui/button-group.tsx",
      "content": "import * as React from \"react\";\nimport { cn } from \"../../lib/utils\";\n\nexport type ButtonGroupGap = \"base\" | \"none\";\n\nexport interface ButtonGroupProps\n  extends React.ComponentPropsWithoutRef<\"div\"> {\n  gap?: ButtonGroupGap;\n}\n\nconst ButtonGroup = React.forwardRef<HTMLDivElement, ButtonGroupProps>(\n  ({ className, gap = \"base\", children, ...props }, ref) => {\n    const isSegmented = gap === \"none\";\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"Polaris-ButtonGroup\",\n          isSegmented && \"Polaris-ButtonGroup--variantSegmented\",\n          className,\n        )}\n        data-buttongroup-variant={isSegmented ? \"segmented\" : undefined}\n        {...props}\n      >\n        {React.Children.map(children, (child, index) => {\n          if (!React.isValidElement(child)) return child;\n          return (\n            <div className=\"Polaris-ButtonGroup__Item\" key={child.key ?? index}>\n              {child}\n            </div>\n          );\n        })}\n      </div>\n    );\n  },\n);\nButtonGroup.displayName = \"ButtonGroup\";\n\nexport { ButtonGroup };\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}