fixes for tailwindcss v4

Author: mythz

src/components/SelectInput.vue

@@ -1,8 +1,8 @@
 <template>
 <div :class="[$attrs.class]">
   <label v-if="useLabel" :for="id" :class="`block text-sm font-medium text-gray-700 dark:text-gray-300 ${labelClass??''}`">{{ useLabel }}</label>
-  <select :id="id" :name="id" :class="['mt-1 block w-full pl-3 pr-10 py-2 text-base focus:outline-none sm:text-sm rounded-md dark:text-white dark:bg-gray-900 dark:border-gray-600',
-      !errorField ? 'border-gray-300 text-gray-900 focus:ring-indigo-500 focus:border-indigo-500' : 'border-red-300 text-red-900 focus:ring-red-500 focus:border-red-500',inputClass]"
+  <select :id="id" :name="id" :class="['mt-1 block w-full pl-3 pr-10 py-2 text-base focus:outline-none sm:text-sm rounded-md dark:text-white dark:bg-gray-900 dark:border-gray-600 disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none',
+      !errorField ? 'shadow-sm border-gray-300 text-gray-900 focus:ring-indigo-500 focus:border-indigo-500' : 'border-red-300 text-red-900 focus:ring-red-500 focus:border-red-500',inputClass]"
       :value="modelValue"
       @input="$emit('update:modelValue', value($event.target))"
       :aria-invalid="errorField != null"

src/components/TagInput.vue

@@ -1,7 +1,7 @@
 <template>
 <div :class="[$attrs.class]" :id="`${id}-tag`" onmousemove="cancelBlur=true">
     <label v-if="useLabel" :for="id" :class="`block text-sm font-medium text-gray-700 dark:text-gray-300 ${labelClass??''}`">{{ useLabel }}</label>
-    <div class="mt-1 relative rounded-md shadow-sm">
+    <div class="mt-1 relative">
         <input type="hidden" :id="id" :name="id" :value="modelArray.join(',')"/>
         <button :class="cls" @click.prevent="handleClick" @focus="expanded=true" tabindex="-1">
             <div class="flex flex-wrap pb-1.5">

src/components/TextInput.vue

@@ -2,7 +2,7 @@
   <div :class="[$attrs.class]">
     <slot name="header" :inputElement="inputElement" :id="id" :modelValue="modelValue" :status="status" v-bind="$attrs"></slot>
     <label v-if="useLabel" :for="id" :class="`block text-sm font-medium text-gray-700 dark:text-gray-300 ${labelClass??''}`">{{ useLabel }}</label>
-    <div :class="fixShadow('mt-1 relative shadow-sm rounded-md')">
+    <div :class="fixShadow('mt-1 relative')">
 
      <input ref="inputElement" :type="useType"
         :name="id"

src/components/TextareaInput.vue

@@ -1,7 +1,7 @@
 <template>
   <div :class="[$attrs.class]">
     <label v-if="useLabel" :for="id" :class="`block text-sm font-medium text-gray-700 dark:text-gray-300 ${labelClass??''}`">{{ useLabel }}</label>
-    <div class="mt-1 relative rounded-md shadow-sm">
+    <div class="mt-1 relative">
       <textarea
          :name="id"
          :id="id"