radio/Radio.tsx

React radio button component with ripple effect for react-toolbox.

// Source: https://github.com/react-toolbox/react-toolbox | License: MIT | Copyright 2015 React Toolbox Team
// Provided via justclaw.it.com; keep this notice with the code.
'use client';
import './tokens.css';

import { materialRoot, materialDescendants } from '../foundations/styles/classes';

import React from 'react';
import { cn } from '../foundations/styles/cn';
import { useRipple } from '../ripple';
const radioClasses = [
  'rt-radio-radio',
  '[border:calc(0.2*var(--unit))_solid_var(--radio-border-color)] rounded-[50%] cursor-pointer inline-block shrink-0 h-(--radio-button-size) relative align-top w-(--radio-button-size)',
  materialRoot,
  materialDescendants,
  "[&::before]:bg-(--radio-inner-color) [&::before]:rounded-[50%] [&::before]:[content:''] [&::before]:h-full [&::before]:l

... (truncated -- full source via MCP)