Add all files

themes/lucentui/views/components/form/properties.blade.php

@@ -0,0 +1,43 @@
+@props(['properties', 'custom_properties' => []])
+
+@foreach ($custom_properties as $property)
+    @switch($property->type)
+        @case('date')
+        @case('string')
+
+        @case('number')
+            <x-form.input :type="$property->type" name="properties.{{ $property->key }}" :label="$property->name" :required="$property->required"
+                wire:model="properties.{{ $property->key }}" :value="$properties[$property->key] ?? ''" />
+        @break
+
+        @case('checkbox')
+            <x-form.checkbox name="properties.{{ $property->key }}" :label="$property->name" :required="$property->required"
+                wire:model="properties.{{ $property->key }}" :checked="$properties[$property->key] ?? false" />
+        @break
+
+        @case('radio')
+            @foreach ($property->allowed_values as $value)
+                <div class="flex items-center">
+                    <input type="radio" value="{{ $value }}" name="properties.{{ $property->key }}" type="radio"
+                        @checked($properties[$property->key] === $value ?? false) label="{{ $value }}" @required($property->required)
+                        wire:model="properties.{{ $property->key }}"
+                        class="form-radio size-4 text-primary rounded-full focus:ring-secondary hover:bg-secondary ring-offset-primary-800 focus:ring-2 bg-background-secondary border-neutral" />
+                    <label class="ml-2 text-sm text-primary-100"
+                        for="properties.{{ $property->key }}">{{ $value }}</label>
+                </div>
+            @endforeach
+        @break
+
+        @case('select')
+            <x-form.select name="properties.{{ $property->key }}" :label="$property->name"
+                wire:model="properties.{{ $property->key }}" :required="$property->required" :options="$property->allowed_values" :selected="$properties[$property->key] ?? ''" />
+        @break
+
+        @case('text')
+            <x-form.textarea :type="$property->type" name="properties.{{ $property->key }}" :label="$property->name" :required="$property->required"
+                wire:model="properties.{{ $property->key }}">{{ $properties[$property->key] ?? '' }}</x-form.textarea>
+        @break
+
+        @default
+    @endswitch
+@endforeach