update

packages/actify/src/components/Label/Label.tsx

@@ -1,19 +1,23 @@
 'use client'
 
+import { LabelAriaProps } from 'react-aria'
 import React from 'react'
 
-interface LabelProps extends React.ComponentProps<'label'> {}
-const Label = ({ ref, children, ...rest }: LabelProps) => {
+interface LabelProps extends LabelAriaProps, React.ComponentProps<'label'> {
+  children?: React.ReactNode
+}
+
+const Label = ({ ref, children, ...props }: LabelProps) => {
   return (
     <label
       ref={ref}
-      {...rest}
+      {...props}
       onMouseDown={(event) => {
         // only prevent text selection if clicking inside the label itself
         const target = event.target as HTMLElement
         if (target.closest('button, input, select, textarea')) return
 
-        rest.onMouseDown?.(event)
+        props.onMouseDown?.(event)
         // prevent text selection when double clicking label
         if (!event.defaultPrevented && event.detail > 1) event.preventDefault()
       }}

packages/actify/src/components/Radio/RadioGroup.tsx

@@ -1,11 +1,16 @@
 import { AriaRadioGroupProps, useRadioGroup } from 'react-aria'
 import { RadioGroupState, useRadioGroupState } from 'react-stately'
 
+import { Label } from '../Label'
 import React from 'react'
 
 export const RadioContext = React.createContext<RadioGroupState | {}>({})
 
-type RadioGroupProps = {} & AriaRadioGroupProps & React.ComponentProps<'div'>
+interface RadioGroupProps extends AriaRadioGroupProps {
+  style?: React.CSSProperties
+  className?: string
+  children?: React.ReactNode
+}
 
 const RadioGroup = (props: RadioGroupProps) => {
   const { style, className, children, label, description, errorMessage } = props
@@ -15,7 +20,7 @@ const RadioGroup = (props: RadioGroupProps) => {
 
   return (
     <div {...radioGroupProps} style={style} className={className}>
-      <span {...labelProps}>{label}</span>
+      {label && <Label {...labelProps}>{label}</Label>}
       <RadioContext value={state}>{children}</RadioContext>
       {description && (
         <div {...descriptionProps} style={{ fontSize: 12 }}>