fix: radio fieldId usage

src/radio-field/RadioField.tsx

@@ -30,20 +30,20 @@ export const RadioField = <Option, Field extends SelectField>({
       label={label}
       helperText={helperText}
     >
-      {({ color, helperText, id, ...fieldProps }) => (
+      {({ color, helperText, id: fieldId, ...fieldProps }) => (
         <>
           {renderOptions.map(({ id, value, label }) => (
-            <div className="flex items-center gap-2" key={value}>
+            <div className="flex items-center gap-2" key={id}>
               <Radio
                 {...props}
                 role="radio"
+                {...uiProps}
+                {...fieldProps}
                 id={id}
                 value={value}
-                name={props.name ?? id}
+                name={props.name ?? fieldId}
                 checked={props.value === value}
                 aria-checked={props.value === value}
-                {...uiProps}
-                {...fieldProps}
               />
               <Label htmlFor={id}>{label}</Label>
             </div>

src/stories/Introduction.stories.tsx → src/stories/Introduction.stories.skip.tsx

@@ -1,8 +1,3 @@
-import {
-  countryOptions,
-  profileFields,
-} from "@form-atoms/field/dist/scenarios/profile";
-
 import { CheckboxField } from "../checkbox-field";
 import { FileField } from "../file-field";
 import { NumberField } from "../number-field";

src/text-field/Password.stories.tsx → src/text-field/Password.stories.skip.tsx

@@ -1,8 +1,3 @@
-import {
-  password,
-  passwordInitial,
-} from "@form-atoms/field/dist/scenarios/password";
-
 import { TextField } from "./TextField";
 import { FormStory, StoryForm } from "../stories";