{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "toggle",
  "files": [
    {
      "path": "registry/new-york/ui/toggle.tsx",
      "content": "import { cva, type VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst toggleVariants = cva(\n\t\"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: \"bg-transparent\",\n\t\t\t\toutline:\n\t\t\t\t\t\"border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground\",\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tdefault: \"h-9 px-3\",\n\t\t\t\tsm: \"h-8 px-2\",\n\t\t\t\tlg: \"h-10 px-3\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"default\",\n\t\t\tsize: \"default\",\n\t\t},\n\t},\n);\n\ninterface ToggleProps\n\textends React.ButtonHTMLAttributes<HTMLButtonElement>,\n\t\tVariantProps<typeof toggleVariants> {\n\tpressed?: boolean;\n\tonPressedChange?: (pressed: boolean) => void;\n}\n\nconst Toggle = React.forwardRef<HTMLButtonElement, ToggleProps>(\n\t(\n\t\t{ className, variant, size, pressed, onPressedChange, onClick, ...props },\n\t\tref,\n\t) => {\n\t\tconst handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n\t\t\tonClick?.(e);\n\t\t\tonPressedChange?.(!pressed);\n\t\t};\n\n\t\treturn (\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tref={ref}\n\t\t\t\taria-pressed={pressed}\n\t\t\t\tdata-state={pressed ? \"on\" : \"off\"}\n\t\t\t\tclassName={cn(toggleVariants({ variant, size, className }))}\n\t\t\t\tonClick={handleClick}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\n\nToggle.displayName = \"Toggle\";\n\nexport { Toggle, toggleVariants };\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}