destinations

resources/views/components/inputs/button.blade.php

@@ -1,7 +1,7 @@
 @props([
     'isWarning' => null,
-    'defaultClass' => 'text-white bg-neutral-800 hover:bg-violet-600',
-    'defaultWarningClass' => 'text-white bg-red-500 hover:bg-red-600',
+    'defaultClass' => 'text-white bg-neutral-800 hover:bg-violet-600 w-28',
+    'defaultWarningClass' => 'text-white bg-red-500 hover:bg-red-600 w-28',
     'loadingClass' => 'text-black bg-green-500',
     'confirm' => null,
     'confirmAction' => null,

resources/views/components/inputs/input.blade.php

@@ -2,7 +2,6 @@
     'id' => null,
     'type' => 'text',
     'required' => false,
-    'readonly' => false,
     'label' => null,
     'instantSave' => false,
     'disabled' => false,

resources/views/components/inputs/select.blade.php

@@ -0,0 +1,25 @@
+@props([
+    'id' => null,
+    'label' => null,
+    'required' => false,
+])
+
+<span @class(['flex flex-col'])>
+    <label for={{ $id }}>
+        @if ($label)
+            {{ $label }}
+        @else
+            {{ $id }}
+        @endif
+        @if ($required)
+            *
+        @endif
+    </label>
+    <select {{ $attributes }} wire:model.defer={{ $id }}>
+        {{ $slot }}
+    </select>
+
+    @error($id)
+        <div class="text-red-500">{{ $message }}</div>
+    @enderror
+</span>