Update themed components with refs and css

lib/component/input/radio/TertiaryRadioButton.tsx

@@ -1,19 +1,25 @@
 import type { RadioButtonProps } from "$/types/InputTypes";
 import clsx from "clsx";
+import { forwardRef } from "react";
 import RadioButton from "./RadioButton";
 
 
-export default function TertiaryRadioButton({
+const TertiaryRadioButton = forwardRef<HTMLInputElement, RadioButtonProps>(({
 	className,
 	...props
-}: RadioButtonProps){
+}, ref ) => {
 	return (
 		<RadioButton
 			className={clsx(
-				"group-data-checked:bg-purple-600",
+				"group-data-checked:bg-tertiary",
 				className
 			)}
+			ref={ref}
 			{...props}
 		/>
 	);
-}
+});
+
+TertiaryRadioButton.displayName = "TertiaryRadioButton";
+
+export default TertiaryRadioButton;