feat : ajout d'un playground de formulaire + fix Select.vue, SelectCheckbox.vue et Checkbox.vue

app/components/malio/select/Select.vue

@@ -101,8 +101,8 @@
       class="absolute left-0 right-0 z-20 max-h-60 w-full overflow-auto border-2 bg-white"
       :class="[
         openDirection === 'down'
-          ? 'top-[calc(100%-2px)] rounded-b-md border-t-0'
-          : 'bottom-[calc(100%-2px)] rounded-t-md border-b-0',
+          ? 'top-[calc(100%-4px)] rounded-b-md border-t-0'
+          : 'bottom-[calc(100%-4px)] rounded-t-md border-b-0',
         hasError
           ? 'select-scrollbar-error'
           : hasSuccess
@@ -171,8 +171,6 @@ const props = withDefaults(defineProps<{
   hint?: string
   error?: string
   success?: string
-  minWidth?: string
-  maxWidth?: string
   textField?: string
   textValue?: string
   textLabel?: string
@@ -186,8 +184,6 @@ const props = withDefaults(defineProps<{
   hint: '',
   error: '',
   success: '',
-  minWidth: 'w-96',
-  maxWidth: '',
   textField: 'text-lg',
   textValue: 'text-lg',
   textLabel: 'text-sm',
@@ -213,7 +209,7 @@ const normalizedOptions = computed<Option[]>(() => {
   return [{label: props.emptyOptionLabel, value: null}, ...props.options]
 })
 const mergedGroupClass = computed(() =>
-  twMerge('relative w-full', props.minWidth, props.maxWidth, props.groupClass),
+  twMerge('relative w-full h-12 flex items-center', props.groupClass),
 )
 const hasError = computed(() => !!props.error)
 const hasSuccess = computed(() => !!props.success && !hasError.value)