{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "toggle-group",
  "type": "registry:ui",
  "dependencies": ["@ark-ui/react", "class-variance-authority"],
  "registryDependencies": ["https://ui.shipbase.xyz/r/react/toggle.json"],
  "files": [
    {
      "path": "./src/components/ui/toggle-group.tsx",
      "content": "\"use client\"\n\nimport * as React from \"react\"\n\nimport { ToggleGroup as ToggleGroupPrimitive } from \"@ark-ui/react/toggle-group\"\nimport type { VariantProps } from \"class-variance-authority\"\n\nimport { toggleVariants } from \"@/components/ui/toggle\"\nimport { cn } from \"@/lib/utils\"\n\nconst ToggleGroupExtendContext = React.createContext<\n  VariantProps<typeof toggleVariants>\n>({\n  size: \"default\",\n  variant: \"default\",\n})\n\nconst ToggleGroup = React.forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Root>,\n  ToggleGroupPrimitive.RootProps & VariantProps<typeof toggleVariants>\n>(({ className, variant, size, children, ...props }, ref) => (\n  <ToggleGroupPrimitive.Root\n    ref={ref}\n    data-variant={variant}\n    data-size={size}\n    className={cn(\n      \"group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs\",\n      className\n    )}\n    {...props}\n  >\n    <ToggleGroupExtendContext.Provider value={{ variant, size }}>\n      {children}\n    </ToggleGroupExtendContext.Provider>\n  </ToggleGroupPrimitive.Root>\n))\nToggleGroup.displayName = \"ToggleGroup\"\n\nconst ToggleGroupContext = ToggleGroupPrimitive.Context\n\nconst ToggleGroupItem = React.forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Item>,\n  ToggleGroupPrimitive.ItemProps & VariantProps<typeof toggleVariants>\n>(({ className, variant, size, ...props }, ref) => {\n  const context = React.useContext(ToggleGroupExtendContext)\n\n  return (\n    <ToggleGroupPrimitive.Item\n      ref={ref}\n      data-variant={context.variant || variant}\n      data-size={context.size || size}\n      className={cn(\n        toggleVariants({\n          variant: context.variant || variant,\n          size: context.size || size,\n        }),\n        \"min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nToggleGroupItem.displayName = \"ToggleGroupItem\"\n\nconst ToggleGroupRootProvider = ToggleGroupPrimitive.RootProvider\n\nexport {\n  ToggleGroup,\n  ToggleGroupContext,\n  ToggleGroupItem,\n  ToggleGroupRootProvider,\n}\n\nexport {\n  useToggleGroup,\n  useToggleGroupContext,\n  type ToggleGroupValueChangeDetails,\n} from \"@ark-ui/react/toggle-group\"\n",
      "type": "registry:ui"
    }
  ]
}