@gemafajarramadhan/dynamic-ui 1.1.13 → 1.1.14

package/dist/dynamic-ui.es.js

@@ -50756,7 +50756,7 @@ const IG = { class: "space-y-3" }, SG = {
           placeholder: "*",
           disabled: i.value,
           class: ue([
-            "w-11 h-14 min-w-11 min-h-14 max-w-11 max-h-14 flex-none text-center text-xl font-bold rounded-xl border-2 transition-all duration-200 box-border p-0",
+            "w-12 h-12 flex-none text-center text-xl font-bold rounded-xl border-2 transition-all duration-200 box-border p-0",
             "focus:outline-none focus:scale-105 disabled:opacity-50 disabled:cursor-not-allowed",
             r.value[x - 1] ? "border-blue-500 bg-blue-50 text-blue-700 shadow-sm shadow-blue-100" : "border-gray-200 bg-gray-50 text-gray-400 focus:border-blue-400 focus:bg-white focus:shadow-md focus:shadow-blue-50"
           ]),
@@ -51539,9 +51539,9 @@ const IG = { class: "space-y-3" }, SG = {
             style: { textTransform: v.value },
             class: [
               "w-full h-10 flex items-center gap-2 rounded-lg border px-3 py-2 bg-white dark:bg-neutral-900 text-foreground dark:text-gray-300 border-gray-300 dark:border-gray-700 focus-within:ring-1 focus-within:ring-white",
-              l.icon || l.prependInner || F.$slots["prepend-inner"] ? "pl-10" : "",
-              g.value ? "pr-10" : "",
-              n.value ? "pr-10" : "",
+              l.icon || l.prependInner || F.$slots["prepend-inner"] ? "!pl-10" : "",
+              g.value ? "!pr-10" : "",
+              n.value ? "!pr-10" : "",
               oe.value ? "border-destructive focus:ring-destructive focus-visible:ring-destructive focus-visible:ring-[0.5px]" : ""
             ]
           }), null, 16, ["id", "modelValue", "placeholder", "style", "class"]),
@@ -53210,8 +53210,8 @@ const IG = { class: "space-y-3" }, SG = {
       relative: !0
     })), I(() => ({
       "w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500": !0,
-      "pl-10": a.icon,
-      "pr-10": a.clearable && a.modelValue || y.value,
+      "!pl-10": a.icon,
+      "!pr-10": a.clearable && a.modelValue || y.value,
       "bg-gray-50 text-gray-500": a.disabled,
       "border-red-500 text-red-900 placeholder-red-300 focus:ring-red-500 focus:border-red-500": a.error
     }));
@@ -62291,8 +62291,8 @@ const Mee = {
     }), C = I(() => M.value.slice(0, v.value)), S = I(() => {
       const Q = a.columns;
       return Q <= 2 ? "grid-cols-2" : Q === 3 ? "grid-cols-3" : Q === 4 ? "grid-cols-4" : Q === 5 ? "grid-cols-5" : Q >= 8 ? "grid-cols-8" : "grid-cols-6";
-    }), A = I(() => a.clearable ? "pr-10" : "pr-3"), D = I(
-      () => _.value && !d.value ? "pl-12" : "pl-3"
+    }), A = I(() => a.clearable ? "!pr-10" : "!pr-3"), D = I(
+      () => _.value && !d.value ? "!pl-12" : "!pl-3"
     ), O = async () => {
       var Q;
       await tt(), (Q = i.value) == null || Q.focus();