{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "button-group",
  "title": "Button Group",
  "description": "Visually connected group of buttons that share borders.",
  "dependencies": [
    "@vllnt/ui@^0.2.1"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/default/button-group/button-group.tsx",
      "content": "import * as React from \"react\";\n\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@vllnt/ui\";\n\nconst buttonGroupVariants = cva(\n  \"isolate inline-flex w-fit [&>*:focus-visible]:z-10 [&>*:focus-within]:z-10\",\n  {\n    defaultVariants: {\n      orientation: \"horizontal\",\n    },\n    variants: {\n      orientation: {\n        horizontal:\n          \"flex-row [&>*:not(:first-child)]:-ml-px [&>*:not(:first-child)]:rounded-l-none [&>*:not(:last-child)]:rounded-r-none\",\n        vertical:\n          \"flex-col [&>*:not(:first-child)]:-mt-px [&>*:not(:first-child)]:rounded-t-none [&>*:not(:last-child)]:rounded-b-none\",\n      },\n    },\n  },\n);\n\n/**\n * Visually connected group of buttons that share borders.\n *\n * @example\n * <ButtonGroup>\n *   <Button variant=\"outline\">Prev</Button>\n *   <Button variant=\"outline\">Next</Button>\n * </ButtonGroup>\n */\nexport type ButtonGroupProps = React.ComponentPropsWithoutRef<\"div\"> &\n  VariantProps<typeof buttonGroupVariants>;\n\nconst ButtonGroup = ({\n  className,\n  orientation,\n  ref,\n  ...props\n}: ButtonGroupProps & { ref?: React.Ref<HTMLDivElement> }) => (\n  <div\n    className={cn(buttonGroupVariants({ orientation }), className)}\n    data-slot=\"button-group\"\n    ref={ref}\n    role=\"group\"\n    {...props}\n  />\n);\nButtonGroup.displayName = \"ButtonGroup\";\n\nexport { ButtonGroup, buttonGroupVariants };\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component",
  "version": "0.2.1",
  "stability": "stable"
}