let {onBlur, onFocus, ...inputDOMProps} = inputProps

// ...
<label
  {...mergeProps(DOMProps, labelProps, hoverProps, renderProps)}
  ref={ref}
  onFocus={onFocus}
  onBlur={onBlur}
  data-selected={isSelected || undefined}
  data-pressed={isPressed || undefined}
  data-hovered={isHovered || undefined}
  data-focused={isFocused || undefined}
  data-focus-visible={isFocusVisible || undefined}
  data-disabled={isDisabled || undefined}
  data-readonly={state.isReadOnly || undefined}
  data-invalid={state.isInvalid || undefined}
  data-required={state.isRequired || undefined}>
  <VisuallyHidden elementType="span">
    <input {...mergeProps(inputDOMProps, focusProps)} ref={inputRef} />
  </VisuallyHidden>
  {renderProps.children}
</label>

  const handleLabelFocus = (e: React.FocusEvent<HTMLLabelElement>) => {
    inputProps.onFocus?.(e as unknown as React.FocusEvent<HTMLInputElement>);
  };
  
  const handleLabelBlur = (e: React.FocusEvent<HTMLLabelElement>) => {
    inputProps.onBlur?.(e as unknown as React.FocusEvent<HTMLInputElement>);
  };

  let DOMProps = filterDOMProps(props);
  delete DOMProps.id;

  return (
    <label
      {...mergeProps(DOMProps, labelProps, hoverProps, renderProps)}
      ref={ref}
      onFocus={handleLabelFocus}
      onBlur={handleLabelBlur}
      data-selected={isSelected || undefined}
      data-pressed={isPressed || undefined}
      data-hovered={isHovered || undefined}
      data-focused={isFocused || undefined}
      data-focus-visible={isFocusVisible || undefined}
      data-disabled={isDisabled || undefined}
      data-readonly={state.isReadOnly || undefined}
      data-invalid={state.isInvalid || undefined}
      data-required={state.isRequired || undefined}>
      <VisuallyHidden elementType="span">
        <input {...mergeProps(inputProps, focusProps)} onFocus={undefined} onBlur={undefined} ref={inputRef} />
      </VisuallyHidden>
      {renderProps.children}
    </label>

let {labelProps, inputProps, isSelected, isDisabled, isPressed} = useRadio({
  ...removeDataAttributes<RadioProps>(props),
  onFocus: undefined,
  onBlur: undefined,
  // ReactNode type doesn't allow function children.
  children: typeof props.children === 'function' ? true : props.children
}, state, inputRef);
let {focusableProps} = useFocusable(props, ref);

//...
<label
  {...mergeProps(DOMProps, labelProps, hoverProps, focusableProps, renderProps)}
  ref={ref}