{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "toggle", "title": "Toggle", "dependencies": [ "@radix-ui/react-toggle@1.1.10", "class-variance-authority@0.7.1" ], "registryDependencies": [ "@birchline/tokens", "@birchline/utils" ], "files": [ { "path": "src/components/ui/toggle.tsx", "content": "import * as React from \"react\"\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"@/lib/utils\"\n\nconst toggleVariants = cva(\n \"inline-flex items-center justify-center rounded-sm text-sm font-medium transition-colors hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/40 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-foreground cursor-pointer\",\n {\n variants: {\n variant: {\n default: \"bg-transparent\",\n outline: \"border border-border bg-transparent hover:bg-accent\",\n },\n size: {\n default: \"h-9 px-3 min-w-9\",\n sm: \"h-8 px-2 min-w-8\",\n lg: \"h-10 px-3 min-w-10\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nconst Toggle = React.forwardRef<\n React.ComponentRef,\n React.ComponentPropsWithoutRef & VariantProps\n>(({ className, variant, size, ...props }, ref) => (\n \n))\nToggle.displayName = TogglePrimitive.Root.displayName\n\nexport { Toggle, toggleVariants }\n", "type": "registry:ui", "target": "components/ui/toggle.tsx" } ], "type": "registry:ui" }