feat : ajouts du composant select

app/components/malio/InputTextArea.vue

@@ -9,12 +9,13 @@
       :autocomplete="autocomplete"
       class="floating-input peer w-full border bg-white pl-3 pr-3 py-1 outline-none placeholder:text-transparent focus:border-2 overflow-auto"
       :class="[
+      isFilled ? 'border-black' : 'border-m-muted',
       disabled ? 'cursor-not-allowed text-black/60 border-m-muted' : 'cursor-text',
       hasError
         ? 'border-m-error focus:border-m-error focus:pl-[11px]'
         : hasSuccess
           ? 'border-m-success focus:border-m-success focus:pl-[11px]'
-          : 'border-m-muted focus:border-m-primary focus:pl-[11px]',
+          : 'focus:border-m-primary focus:pl-[11px]',
       textInput,
       showCounterComputed ? 'pb-6' : '',
       rounded,
@@ -39,7 +40,7 @@
       :for="inputId"
       class="floating-label absolute left-3 top-2 mt-1 inline-block origin-left transition-transform duration-150 font-medium"
       :class="[
-    shouldFloatLabel ? '-translate-y-[1.15rem] scale-90' : '',
+    shouldFloatLabel ? '-translate-y-[1.30rem] scale-90' : '',
     disabled ? 'text-black/60' : '',
     hasError
       ? 'text-m-error'
@@ -159,7 +160,7 @@ const textareaStyle = computed(() => ({
   minHeight: toCssSize(props.minResizeHeight),
   maxHeight: toCssSize(props.maxResizeHeight),
 }))
-
+const isFilled = computed(() => currentValue.value.trim().length > 0)
 const describedBy = computed(() =>
   (hasError.value || hasSuccess.value || !!props.hint) ? `${inputId.value}-describedby` : undefined,
 )