Новые стили, починил фокус formulabar

src/component/BasicElements/SelectElement.tsx

@@ -3,6 +3,7 @@ import { Input } from '@/component/ui/input'
 import {
   Select,
   SelectContent,
+  SelectGroup,
   SelectItem,
   SelectTrigger,
   SelectValue,
@@ -104,30 +105,34 @@ export const selectDefinition: ElementDefinition<SelectConfig, string> = {
     )
   },
   Preview: ({ config }) => (
-    <div className="space-y-3">
-      <div className="text-sm font-medium text-gray-700">Предпросмотр</div>
-      <div className="rounded-lg border border-gray-200 bg-white p-4">
-        <Select disabled>
-          <SelectTrigger className="w-full">
-            <span className="text-gray-500">
-              {config.placeholder || 'Выберите значение'}
-            </span>
-          </SelectTrigger>
-        </Select>
-      </div>
-    </div>
-  ),
-  Render: ({ config, value, onChange }) => (
-    <Select value={value} onValueChange={onChange}>
-      <SelectTrigger>
+    <Select>
+      <SelectTrigger className="w-full min-w-32">
         <SelectValue placeholder={config.placeholder || 'Выберите значение'} />
       </SelectTrigger>
       <SelectContent>
-        {config.options.map((option, index) => (
-          <SelectItem key={index} value={option.value}>
-            {option.label}
-          </SelectItem>
-        ))}
+        <SelectGroup>
+          {config.options.map((option, index) => (
+            <SelectItem key={index} value={option.value}>
+              {option.label}
+            </SelectItem>
+          ))}
+        </SelectGroup>
+      </SelectContent>
+    </Select>
+  ),
+  Render: ({ config, value, onChange }) => (
+    <Select value={value} onValueChange={onChange}>
+      <SelectTrigger className="w-full min-w-32">
+        <SelectValue placeholder={config.placeholder || 'Выберите значение'} />
+      </SelectTrigger>
+      <SelectContent>
+        <SelectGroup>
+          {config.options.map((option, index) => (
+            <SelectItem key={index} value={option.value}>
+              {option.label}
+            </SelectItem>
+          ))}
+        </SelectGroup>
       </SelectContent>
     </Select>
   ),