{
	"$schema": "https://ui.shadcn.com/schema/registry-item.json",
	"name": "switch",
	"type": "registry:ui",
	"title": "Switch",
	"description": "A switch component.",
	"dependencies": ["@radix-ui/react-switch"],
	"files": [
		{
			"path": "registry/niv/ui/switch.tsx",
			"content": "'use client';\n\nimport { Root, Thumb } from '@radix-ui/react-switch';\nimport { cn } from '@/lib/classnames';\nimport type * as React from 'react';\n\nfunction Switch({ className, ...props }: React.ComponentProps<typeof Root>) {\n  return (\n    <Root\n      className={cn(\n        'peer inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs outline-none transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80',\n        className,\n      )}\n      data-slot='switch'\n      {...props}\n    >\n      <Thumb\n        className={cn(\n          'pointer-events-none block size-4 rounded-full bg-background ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0 dark:data-[state=checked]:bg-primary-foreground dark:data-[state=unchecked]:bg-foreground',\n        )}\n        data-slot='switch-thumb'\n      />\n    </Root>\n  );\n}\n\nexport { Switch };\n",
			"type": "registry:ui"
		}
	]
}