WIP Переделаны селект и инпуты

src/components/base/BaseCustomSelect.vue

@@ -1,27 +1,29 @@
 <template lang="pug">
-  .base-select.flex.justify-between.items-center.py-9px.px-4.gap-4.cursor-pointer.relative(
-    @click="open = !open",
-    :class="{'open': open, 'border-none': borderNone}",
-  )
-    .placeholder.text-base.flex.items-center(
-      :class="{'value-color': value.label || placeholderOpacity}"
-    ) {{ value.label || placeholder }}
-    .flex.items-center
-      .select-form-separator.cursor-pointer.mr-4(v-if="separator")
-      span.icon-down-arrow.open-icon.flex.text-xsm(:class="{'open': open }")
-    base-options(
-      v-if="open",
+  .flex.flex-col.gap-y-2
+    .label.font-semibold.text-xxs.opacity-40(v-if="label") {{ label }}
+    .base-select.flex.justify-between.items-center.py-9px.px-4.gap-4.cursor-pointer.relative(
+      @click="open = !open",
+      :class="{'open': open, 'border-none': borderNone}",
     )
-      .items-container.mt-1(
-        @click="closeOptions",
-        v-click-outside="leaveSelect"
+      .placeholder.text-base.flex.items-center(
+        :class="{'value-color': value.label || placeholderOpacity}"
+      ) {{ value.label || placeholder }}
+      .flex.items-center
+        .select-form-separator.cursor-pointer.mr-4(v-if="separator")
+        span.icon-down-arrow.open-icon.flex.text-xsm(:class="{'open': open }")
+      base-options(
+        v-if="open",
       )
-        .item.py-2.px-4.cursor-pointer(
-          v-for="item in items",
-          :key="item?.id",
-          :class="{'center': center}",
-          @click="clickItem(item?.id, item?.label)"
-        ) {{ item?.label }}
+        .items-container.mt-1(
+          @click="closeOptions",
+          v-click-outside="leaveSelect"
+        )
+          .item.py-2.px-4.cursor-pointer(
+            v-for="item in items",
+            :key="item?.id",
+            :class="{'center': center}",
+            @click="clickItem(item?.id, item?.label)"
+          ) {{ item?.label }}
 </template>
 
 <script>
@@ -40,6 +42,7 @@ export default {
     separator: Boolean,
     placeholderOpacity: Boolean,
     center: Boolean,
+    label: String,
   },
   emits: ["update:modelValue"],
   data() {