From ff6c4d4301a5012f28afa68b615b51bd71deb764 Mon Sep 17 00:00:00 2001
From: Ajay Ghanwat <ghanwat.ajay@workroot.in>
Date: Sat, 16 Aug 2025 11:04:20 +0530
Subject: [PATCH] Fix New issue in Library

---
 src/components/Field.astro | 14 ++++++++++++++
 src/components/Form.astro  |  4 ++--
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/components/Field.astro b/src/components/Field.astro
index e263d41..462dc34 100644
--- a/src/components/Field.astro
+++ b/src/components/Field.astro
@@ -144,6 +144,10 @@ const controlWrap = "relative";
                             }),
                             p.prefixText && "rounded-l-none",
                             p.suffixText && "rounded-r-none",
+                            p.iconLeft && "rounded-l-none",
+                            p.iconRight && "rounded-r-none",
+                            p.error &&
+                                "border-danger focus-visible:ring-danger/40",
                         )}
                         data-control
                         placeholder={p.placeholder}
@@ -213,6 +217,10 @@ const controlWrap = "relative";
                             "block w-full border border-gray-200 shadow-sm rounded-lg text-sm focus:z-10 focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400 file:bg-gray-50 file:border-0 file:me-4 file:py-3 file:px-4 dark:file:bg-neutral-700 dark:file:text-neutral-400",
                             p.prefixText && "rounded-l-none",
                             p.suffixText && "rounded-r-none",
+                            p.iconLeft && "rounded-l-none",
+                            p.iconRight && "rounded-r-none",
+                            p.error &&
+                                "border-danger focus-visible:ring-danger/40",
                         )}
                         data-control
                         multiple
@@ -273,6 +281,9 @@ const controlWrap = "relative";
                             : p.size === "lg"
                               ? "text-base p-4"
                               : "text-sm p-3",
+                        p.iconLeft && "rounded-l-none",
+                        p.iconRight && "rounded-r-none",
+                        p.error && "border-danger focus-visible:ring-danger/40",
                     )}
                     data-initial={typeof p.value === "string" ? p.value : ""}
                 />
@@ -299,6 +310,9 @@ const controlWrap = "relative";
                     class={cn(
                         selectBase({ size: p.size ?? "md" }),
                         "appearance-none bg-[length:16px_16px] pr-9",
+                        p.iconLeft && "rounded-l-none",
+                        p.iconRight && "rounded-r-none",
+                        p.error && "border-danger focus-visible:ring-danger/40",
                     )}
                 >
                     {!p.multiple && p.placeholder && (
diff --git a/src/components/Form.astro b/src/components/Form.astro
index 755d0bf..2f462cd 100644
--- a/src/components/Form.astro
+++ b/src/components/Form.astro
@@ -84,8 +84,8 @@ const formId = `f-${Math.random().toString(36).slice(2)}`;
 
 <!-- Client validation & submit hook (no zod import here) -->
 <script type="module" define:vars={{ formId, showSuccesInput }}>
-    const INVALID_KLS = ["!border-danger", "focus-visible:ring-danger/40"];
-    const VALID_KLS = ["!border-success", "focus-visible:ring-success/40"];
+    const INVALID_KLS = ["border-danger", "focus-visible:ring-danger/40"];
+    const VALID_KLS = ["border-success", "focus-visible:ring-success/40"];
 
     const form = document.getElementById(formId);
     if (!form) throw new Error("Form element not found");