{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "toggle-group",
  "registryDependencies": [
    "toggle"
  ],
  "files": [
    {
      "path": "registry/new-york/ui/toggle-group.tsx",
      "content": "import type { VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\nimport { toggleVariants } from \"@/components/ui/toggle\";\nimport { cn } from \"@/lib/utils\";\n\ninterface ToggleGroupContextValue extends VariantProps<typeof toggleVariants> {\n\tvalue?: string | string[];\n\tonValueChange?: (value: string) => void;\n\ttype: \"single\" | \"multiple\";\n}\n\nconst ToggleGroupContext = React.createContext<ToggleGroupContextValue>({\n\tsize: \"default\",\n\tvariant: \"default\",\n\ttype: \"single\",\n});\n\ninterface ToggleGroupProps\n\textends React.HTMLAttributes<HTMLDivElement>,\n\t\tVariantProps<typeof toggleVariants> {\n\ttype: \"single\" | \"multiple\";\n\tvalue?: string | string[];\n\tonValueChange?: (value: string) => void;\n}\n\nconst ToggleGroup = React.forwardRef<HTMLDivElement, ToggleGroupProps>(\n\t(\n\t\t{\n\t\t\tclassName,\n\t\t\tvariant,\n\t\t\tsize,\n\t\t\ttype,\n\t\t\tvalue,\n\t\t\tonValueChange,\n\t\t\tchildren,\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) => (\n\t\t<div\n\t\t\tref={ref}\n\t\t\trole=\"group\"\n\t\t\tclassName={cn(\"flex items-center justify-center gap-1\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ToggleGroupContext.Provider\n\t\t\t\tvalue={{ variant, size, type, value, onValueChange }}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</ToggleGroupContext.Provider>\n\t\t</div>\n\t),\n);\n\nToggleGroup.displayName = \"ToggleGroup\";\n\ninterface ToggleGroupItemProps\n\textends React.ButtonHTMLAttributes<HTMLButtonElement>,\n\t\tVariantProps<typeof toggleVariants> {\n\tvalue: string;\n}\n\nconst ToggleGroupItem = React.forwardRef<\n\tHTMLButtonElement,\n\tToggleGroupItemProps\n>(({ className, children, variant, size, value, onClick, ...props }, ref) => {\n\tconst context = React.useContext(ToggleGroupContext);\n\n\tconst isPressed =\n\t\tcontext.type === \"single\"\n\t\t\t? context.value === value\n\t\t\t: Array.isArray(context.value) && context.value.includes(value);\n\n\tconst handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n\t\tonClick?.(e);\n\t\tcontext.onValueChange?.(value);\n\t};\n\n\treturn (\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tref={ref}\n\t\t\trole=\"radio\"\n\t\t\taria-checked={isPressed}\n\t\t\tdata-state={isPressed ? \"on\" : \"off\"}\n\t\t\tclassName={cn(\n\t\t\t\ttoggleVariants({\n\t\t\t\t\tvariant: context.variant || variant,\n\t\t\t\t\tsize: context.size || size,\n\t\t\t\t}),\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tonClick={handleClick}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</button>\n\t);\n});\n\nToggleGroupItem.displayName = \"ToggleGroupItem\";\n\nexport { ToggleGroup, ToggleGroupItem };\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}