{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"corded-checkbox","title":"Corded Checkbox","description":"An accessible Discord-inspired checkbox with label and description.","dependencies":["@base-ui/react","lucide-react"],"registryDependencies":["utils","corded-theme"],"files":[{"path":"registry/default/ui/corded-checkbox.tsx","content":"\"use client\"\n\nimport * as React from \"react\"\nimport { Checkbox } from \"@base-ui/react/checkbox\"\nimport { Check } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nexport type CordedCheckboxProps = Omit<React.ComponentProps<typeof Checkbox.Root>, \"className\" | \"children\"> & { label: string; description?: string; className?: string }\n\nexport const CordedCheckbox = React.forwardRef<HTMLElement, CordedCheckboxProps>(({ label, description, className, disabled, ...props }, ref) => {\n  return <label className={cn(\"mana-checkbox\", className)} data-disabled={disabled ? \"\" : undefined}><Checkbox.Root ref={ref} disabled={disabled} className=\"mana-checkbox-indicator data-checked:[background:var(--checkbox-background-selected-default)] data-checked:[border-color:var(--checkbox-border-selected-default)]\" {...props}><Checkbox.Indicator><Check className=\"mana-checkbox-check\" /></Checkbox.Indicator></Checkbox.Root><span className=\"mana-checkbox-body\"><span className=\"mana-checkbox-label mana-text-sm-medium\">{label}</span>{description ? <span className=\"mana-checkbox-description mana-text-xs-normal\">{description}</span> : null}</span></label>\n})\nCordedCheckbox.displayName = \"CordedCheckbox\"\n","type":"registry:ui","target":"components/ui/corded-checkbox.tsx"}],"type":"registry:ui"}