fix: form attribute spread prevention (#905)

Author: tenphi

.changeset/f5h6b0cx9ra.md

@@ -0,0 +1,5 @@
+---
+"@cube-dev/ui-kit": patch
+---
+
+Fix form fields to prevent internal `form` prop from being spread to DOM elements

.cursor/rules/changeset.mdc

@@ -3,7 +3,7 @@ description: When user asked to add a changeset
 alwaysApply: false
 ---
 
-Place the changeset in the `/.changeset` folder.
+Add changeset manually. Place the changeset in the `/.changeset` folder.
 
 ## Version Selection
 - Use `patch` for bug fixes and small changes (even with minor breaking changes)

src/components/fields/TextInput/TextInput.tsx

@@ -32,6 +32,7 @@ export const TextInput = forwardRef(function TextInput(
   let {
     labelProps: userLabelProps,
     inputRef: propsInputRef,
+    form,
     ...restProps
   } = props;
   let localInputRef = useRef<HTMLTextAreaElement | HTMLInputElement>(null);

src/components/form/Form/use-field/use-field-props.tsx

@@ -133,9 +133,12 @@ export function useFieldProps<
         ? field.field.errors[0]
         : undefined;
 
+  // Exclude 'form' from field to prevent it from being spread to DOM elements
+  const { form: _form, ...fieldWithoutForm } = field ?? {};
+
   const result: Props = isOutsideOfForm
     ? props
-    : mergeProps(props, field, valueProps, {
+    : mergeProps(props, fieldWithoutForm, valueProps, {
         validateTrigger: field.validateTrigger ?? defaultValidationTrigger,
         onBlur: onBlurChained,
         errorMessage: compiledErrorMessage,