Add selectable prop to new option form builder

docs/src/form-fields/select.md

@@ -40,6 +40,7 @@ Select::make()
     ->options(
         Options::make([
             Option::make('key', 'value'),
+            Option::make('key', 'value', selectable: false),
             ...
         ])
     );
@@ -91,11 +92,8 @@ Select item option
 
 Example of `selectable` prop usage:
 ```php
-@formField('select', [
-    'name' => 'office',
-    'label' => 'Office',
-    'placeholder' => 'Select an office',
-    'options' => [
+@php
+    $selectOptions = [
         [
             'value' => 1,
             'label' => 'New York'
@@ -106,11 +104,18 @@ Example of `selectable` prop usage:
         ],
         [
             'value' => 3,
-            'label' => 'Berlin',
+            'label' => 'Berlin'
             'selectable' => false // This item will be non-selectable in the select form component
         ]
-    ]
-])
+    ];
+@endphp
+
+<x-twill::select 
+    name="office"
+    label="office"
+    placeholder="Select an office"
+    :options="$selectOptions"
+/>
 ```
 
 A migration to save a `select` field would be:

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@area17/twill",
-  "version": "2.8.0",
+  "version": "3.0.0",
   "private": true,
   "scripts": {
     "inspect": "vue-cli-service inspect --mode production",

src/Services/Forms/Option.php

@@ -9,19 +9,21 @@ class Option implements Arrayable
     public function __construct(
         protected string|int $value,
         protected string $label,
+        protected bool $selectable = true,
     ) {
     }
 
-    public static function make(string|int $value, string $label): self
+    public static function make(string|int $value, string $label, bool $selectable = true): self
     {
-        return new self($value, $label);
+        return new self($value, $label, $selectable);
     }
 
     public function toArray(): array
     {
         return [
             'value' => $this->value,
             'label' => $this->label,
+            'selectable' => $this->selectable,
         ];
     }
 }