Merge branch 'ui-refactor' into ui-refactor-ui

2026-09-26 16:49:08 +02:00 · 2026-05-11 15:15:11 +02:00
parent 686e0d97f2 0c287b6f4d
commit b5a970155b
641 changed files with 28032 additions and 11803 deletions
@@ -0,0 +1,30 @@
+import { forwardRef, InputHTMLAttributes } from "react";
+import { SearchIcon } from "lucide-react";
+import { cn } from "@/lib/cn";
+
+type Props = InputHTMLAttributes<HTMLInputElement> & {
+    iconSize?: number;
+};
+
+export const SearchInput = forwardRef<HTMLInputElement, Props>(
+    function SearchInput({ iconSize = 14, className, ...props }, ref) {
+        return (
+            <div className={"flex items-center gap-2 px-2 h-9"}>
+                <SearchIcon
+                    size={iconSize}
+                    className={"text-nb-gray-300 shrink-0"}
+                />
+                <input
+                    ref={ref}
+                    type={"text"}
+                    {...props}
+                    className={cn(
+                        "w-full bg-transparent text-xs text-nb-gray-200 placeholder:text-nb-gray-400",
+                        "outline-none border-none",
+                        className,
+                    )}
+                />
+            </div>
+        );
+    },
+);