fixes

resources/views/media/medium.blade.php

@@ -17,12 +17,16 @@ class="media-item"
         </span>
     </template>
     <template x-if="! item.processing && item.isImage">
-        <img x-bind:src="item.url" x-bind:alt="item.label">
+        <img
+            x-bind:src="item.url"
+            x-bind:alt="item.fileName"
+            onerror="this.src = '/vendor/root/image-loading-placeholder.svg';"
+        >
     </template>
     <template x-if="! item.processing && ! item.isImage">
         <span class="media-item__background">
             <x-root::icon name="document" class="media-item__icon" />
-            <span x-text="item.label" class="media-item__name"></span>
+            <span x-text="item.fileName" class="media-item__name"></span>
         </span>
     </template>
 </li>

src/Fields/BelongsToMany.php

@@ -160,7 +160,7 @@ public function getValueForHydrate(Request $request): mixed
      */
     public function mergePivotValues(array $value): mixed
     {
-        $value = Arr::isList($value) ? array_fill_keys($value, []) : $value;
+        $value = array_is_list($value) ? array_fill_keys($value, []) : $value;
 
         return array_map(function (array $pivot): array {
             return array_merge($this->pivotValues, $pivot);

src/Fields/File.php

@@ -49,6 +49,7 @@ public function __construct(string $label, Closure|string|null $modelAttribute =
     {
         parent::__construct($label, $modelAttribute, $relation);
 
+        $this->name($this->modelAttribute);
         $this->type('file');
         $this->multiple(false);
         $this->class(['form-file']);

src/Fields/Media.php

@@ -71,9 +71,7 @@ public function getModel(): Model
      */
     public function fields(Request $request): array
     {
-        return [
-            //
-        ];
+        return [];
     }
 
     /**

src/Root.php

@@ -22,7 +22,7 @@ class Root
      *
      * @var string
      */
-    public const VERSION = '2.2.0';
+    public const VERSION = '2.2.1';
 
     /**
      * The registered booting callbacks.