type prop returned from the getCollectionProps helper is widened

[AMEH64]

Describe the bug and the expected behavior

The getCollectionProps widens the type prop from 'checkbox' | 'radio' to 'checkbox' | 'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'month' | 'number' | 'password' | 'radio' | 'range' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week'. This causes a type error to be raised when the props are passed to a custom input component that requires the type prop to be narrowed to 'checkbox', 'radio', or a combination of the two.

Conform version

v1.0.6

Steps to Reproduce the Bug or Issue

1. Create a custom input component to encapsulate the styles of a checkbox/radio input. Narrow the type property for the component to 'checkbox' | 'radio'.

   const CheckboxCard = React.forwardRef<
     HTMLInputElement,
     Omit<React.ComponentPropsWithoutRef<'input'>, 'type'> & {
       label: React.ReactNode
       type: Extract<React.HTMLInputTypeAttribute, 'checkbox' | 'radio'>
     }
   >(({ className, label, ...props }, ref) => (
     <label className={classNames(className, '...')}>
       <span>{label}</span>
       <input {...props} className="peer sr-only" />
       <CheckCircleIcon className="size-4 opacity-0 transition-opacity peer-checked:opacity-100" />
     </label>
   ))
   CheckboxCard.displayName = 'CheckboxCard'

2. Wire up the custom component using getCollectionProps.

   const Example = () => {
     const [meta, _form] = useField('fieldName')
   
     return (
       <Fieldset>
         <Legend>A checkbox field.</Legend>
         {getCollectionProps(meta, {
           type: 'checkbox',
           options: ['one', 'two', 'three'],
         }).map(props => (
           <CheckboxCard label={props.value} {...props} />
         ))}
       </Fieldset>
     )
   }

3. Observe the type error.

   

What browsers are you seeing the problem on?

No response

Screenshots or Videos

No response

Additional context

No response