feat(radio): ✨ extend RadioProps with BoxProps,

pass style through styleAdapter for customisation

Author: Karthik-B-06

src/components/radio/RadioGroup.tsx

@@ -1,8 +1,9 @@
 import React, { forwardRef, useState } from "react";
 import { Platform } from "react-native";
 import { getFocusableTreeWalker } from "@react-aria/focus";
+import { styleAdapter } from "lib/typescript";
 
-import { Box } from "../../primitives";
+import { Box, BoxProps } from "../../primitives";
 import { useTheme } from "../../theme";
 import {
   createComponent,
@@ -32,7 +33,7 @@ const [RadioGroupProvider, useRadioGroupContext] =
 
 export { useRadioGroupContext };
 
-export interface RadioGroupProps {
+export interface RadioGroupProps extends BoxProps {
   /**
    * Radio Sizes
    * @default md
@@ -79,6 +80,7 @@ const RNRadioGroup: React.FC<Partial<RadioGroupProps>> = forwardRef<
     isDisabled = false,
     onChange,
     children,
+    style,
   } = props;
 
   const radioGroupProps = {
@@ -152,7 +154,10 @@ const RNRadioGroup: React.FC<Partial<RadioGroupProps>> = forwardRef<
   const validChildren = getValidChildren(children);
   return (
     <Box
-      style={tailwind.style(cx(radioGroupTheme.group[orientation]?.common))}
+      style={[
+        tailwind.style(cx(radioGroupTheme.group[orientation]?.common)),
+        styleAdapter(style),
+      ]}
       ref={ref}
       // Web Related Props
       accessibilityRole="radiogroup"