Update textarea, add FormSelect component

Enhanced the textarea's styles to take up the full width to improve alignment and user experience. Also, a new FormSelect component was added for better code reusability and standardization of select inputs. All changes have been tested.

Author: CrazyBoy49z

resources/views/form/select.blade.php

@@ -0,0 +1,48 @@
+@props([
+    'label' => '',
+    'help' => '',
+    'hr' => ''
+])
+
+@php
+    $required = $attributes['required'] ?? null;
+    if ($label) {
+        $label .= ($required ? '<i class="text-error">*</i>' : '');
+    }
+    $model = $attributes->wire('model');
+    $parameter = $model->value();
+    $class = [];
+@endphp
+
+
+<div class="{{ $label ? 'form-control' : 'inline-block' }}">
+    <label class="label cursor-pointer{{ $hr ? ' flex flex-col items-start' : '' }}">
+        <span class="label-text{{ $hr ? ' mb-1' : '' }}">{!! $label !!}</span>
+        <x-lazy-select :attributes="$attributes">
+            {{ $slot }}
+        </x-lazy-select>
+    </label>
+    @if ($help)
+        <div class="tooltip w-6" data-tip="{{ $help }}">
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+                 class="stroke-info h-6 w-6 flex-shrink-0">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                      d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+            </svg>
+        </div>
+    @endif
+    @if ($parameter)
+        @error($parameter)
+        <div class="alert alert-error mt-1 mb-2 shadow-lg">
+            <div>
+                <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 flex-shrink-0 stroke-current" fill="none"
+                     viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                          d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+                </svg>
+                {{ $message }}
+            </div>
+        </div>
+        @enderror
+    @endif
+</div>

resources/views/textarea.blade.php

@@ -2,4 +2,4 @@
     'hasError' => false,
     'value' => ''
 ])
-<textarea {{ $attributes->merge(['class' => 'textarea'.($hasError ? ' textarea-error' : '')]) }}>{{ $value ?: $slot }}</textarea>
+<textarea {{ $attributes->merge(['class' => 'w-full'.($hasError ? ' textarea-error' : '')]) }}>{{ $value ?: $slot }}</textarea>

src/Components/Form/FormSelect.php

@@ -0,0 +1,25 @@
+<?php
+
+namespace Step2dev\LazyUI\Components\Form;
+
+use Illuminate\Contracts\View\View;
+use Step2dev\LazyUI\LazyComponent;
+
+class FormSelect extends LazyComponent
+{
+    public ?string $placeholder;
+
+    public function __construct(public string $label = '', string $placeholder = '', public bool $required = false)
+    {
+        $this->placeholder = (string) str($placeholder ?: $this->label)->trim()->ucfirst();
+    }
+
+    public function render(): \Closure|View
+    {
+        return function (array $data) {
+            $data['attributes']['required'] = $this->required;
+
+            return view('lazy::form.select', $this->mergeData($data))->render();
+        };
+    }
+}

src/LazyUiServiceProvider.php

@@ -28,6 +28,7 @@
 use Step2dev\LazyUI\Components\Form\FormImage;
 use Step2dev\LazyUI\Components\Form\FormInput;
 use Step2dev\LazyUI\Components\Form\FormRichtext;
+use Step2dev\LazyUI\Components\Form\FormSelect;
 use Step2dev\LazyUI\Components\Form\FormTextarea;
 use Step2dev\LazyUI\Components\Form\FormToggle;
 use Step2dev\LazyUI\Components\FormGroup;
@@ -97,6 +98,7 @@ public function configurePackage(Package $package): void
                 FormImage::class,
                 FormInput::class,
                 FormRichtext::class,
+                FormSelect::class,
                 FormTextarea::class,
                 FormToggle::class,
                 Image::class,