chore(release): snapshot 1.4.2

front-end-dash.aggios.app/components/ui/SearchableSelect.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { SelectHTMLAttributes, forwardRef, useState, useRef, useEffect } from "react";
+import { SelectHTMLAttributes, forwardRef, useState, useRef, useEffect, ReactNode } from "react";
 
 interface SelectOption {
     value: string;
@@ -11,7 +11,7 @@ interface SearchableSelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElem
     label?: string;
     error?: string;
     helperText?: string;
-    leftIcon?: string;
+    leftIcon?: string | ReactNode;
     options: SelectOption[];
     placeholder?: string;
     onChange?: (value: string) => void;
@@ -115,9 +115,13 @@ const SearchableSelect = forwardRef<HTMLSelectElement, SearchableSelectProps>(
 
                 <div ref={containerRef} className="relative">
                     {leftIcon && (
-                        <i
-                            className={`${leftIcon} absolute left-3.5 top-1/2 -translate-y-1/2 text-zinc-500 dark:text-zinc-400 text-[20px] pointer-events-none z-10`}
-                        />
+                        <div className="absolute left-3.5 top-1/2 -translate-y-1/2 text-zinc-400 dark:text-gray-400 pointer-events-none z-10">
+                            {typeof leftIcon === 'string' ? (
+                                <i className={`${leftIcon} text-[20px]`} />
+                            ) : (
+                                <div className="w-5 h-5">{leftIcon}</div>
+                            )}
+                        </div>
                     )}
 
                     {/* Custom trigger */}