feat: export useProviderProps hook (#479)

Author: tenphi

.changeset/early-points-design.md

@@ -0,0 +1,5 @@
+---
+'@cube-dev/ui-kit': patch
+---
+
+Export useProviderProps and UIKitContext.

.changeset/loud-years-admire.md

@@ -0,0 +1,5 @@
+---
+'@cube-dev/ui-kit': patch
+---
+
+Improve styles for Radio.Button

.changeset/rare-ears-sin.md

@@ -0,0 +1,5 @@
+---
+'@cube-dev/ui-kit': patch
+---
+
+Export useProviderProps hook.

src/components/forms/RadioGroup/Radio.tsx

@@ -30,19 +30,23 @@ const RadioWrapperElement = tasty({
   styles: {
     position: 'relative',
     display: 'grid',
-    placeItems: 'center start',
+    placeItems: {
+      '': 'center start',
+      button: 'stretch',
+    },
     gap: '1x',
     flow: 'column',
     preset: 'default',
     width: 'min-content',
     margin: {
       '': '1x right',
-      '[data-type="button"]': '0',
+      button: '0',
     },
     zIndex: {
       '': 'initial',
       checked: 1,
     },
+    flexGrow: 1,
 
     Input: {
       radius: {
@@ -63,6 +67,8 @@ const RadioWrapperElement = tasty({
 
 const RadioButtonElement = tasty({
   styles: {
+    display: 'grid',
+    placeItems: 'center',
     fill: {
       '': '#white',
       hovered: '#purple-text.04',
@@ -93,6 +99,7 @@ const RadioButtonElement = tasty({
       focused: '#purple-03',
     },
     transition: 'theme',
+    whiteSpace: 'nowrap',
   },
 });
 
@@ -124,6 +131,7 @@ const RadioNormalElement = tasty({
       focused: '#purple-03',
     },
     transition: 'theme',
+    whiteSpace: 'nowrap',
 
     RadioCircle: {
       display: 'block',

src/components/forms/RadioGroup/RadioGroup.tsx

@@ -49,6 +49,10 @@ const RadioGroupElement = tasty({
       solid: 0,
     },
     whiteSpace: 'nowrap',
+    flexGrow: {
+      '': 'initial',
+      solid: 1,
+    },
   },
 });
 

src/provider.tsx

@@ -88,7 +88,7 @@ export function Provider(allProps: PropsWithChildren<ProviderProps>) {
   );
 }
 
-export function useProviderProps<T extends Props = Props>(props: T): T {
+export function useProviderProps<T extends ProviderProps = Props>(props: T): T {
   const contextProps = useContext(UIKitContext);
 
   return { ...contextProps, ...props } as T;