Fix New issue in Library

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 && (