feat: refactor input imports to use centralized Input component from ui directory

apps/infoalloggi/src/components/area-riservata/allegati.tsx

@@ -17,7 +17,6 @@ import {
 import Link from "next/link";
 import { type FormEvent, useState } from "react";
 import toast from "react-hot-toast";
-import Input from "~/components/custom_ui/input";
 import { LoadingPage } from "~/components/loading";
 import { Status500 } from "~/components/status-page";
 import { Button } from "~/components/ui/button";
@@ -34,6 +33,7 @@ import {
 	DropdownMenuItem,
 	DropdownMenuTrigger,
 } from "~/components/ui/dropdown-menu";
+import Input from "~/components/ui/input";
 import { Separator } from "~/components/ui/separator";
 import { UploadModal } from "~/components/upload_modal";
 import { getStorageUrl } from "~/lib/storage_utils";

apps/infoalloggi/src/components/area-riservata/potenziali.tsx

@@ -27,9 +27,9 @@ import {
 	CredenzaTitle,
 	CredenzaTrigger,
 } from "../custom_ui/credenza";
-import Input from "../custom_ui/input";
 import { Textarea } from "../custom_ui/textarea";
 import { Button } from "../ui/button";
+import Input from "../ui/input";
 import { Label } from "../ui/label";
 import {
 	Select,

apps/infoalloggi/src/components/chat/chat-list.tsx

@@ -19,7 +19,6 @@ import {
 	ChatBubbleTimestamp,
 } from "~/components/chat/chat-bubble";
 import { ChatMessageList } from "~/components/chat/chat-message-list";
-import Input from "~/components/custom_ui/input";
 import LoadingButton from "~/components/custom_ui/loading-button";
 import {
 	AlertDialog,
@@ -39,6 +38,7 @@ import {
 	DialogHeader,
 	DialogTitle,
 } from "~/components/ui/dialog";
+import Input from "~/components/ui/input";
 import { getUserColor, UserAvatar } from "~/components/user_avatar";
 import type { LiveChat } from "~/hooks/chatHooks";
 import { cn } from "~/lib/utils";

apps/infoalloggi/src/components/chat/chat-sidebar.tsx

@@ -2,7 +2,6 @@ import { Search, SquarePen } from "lucide-react";
 import Link from "next/link";
 import { useRouter } from "next/router";
 import { useCallback, useState } from "react";
-import Input from "~/components/custom_ui/input";
 import { Etichetta, EtichetteModal } from "~/components/etichette";
 import { LoadingPage } from "~/components/loading";
 import {
@@ -34,6 +33,7 @@ import {
 	ContextMenuSubTrigger,
 	ContextMenuTrigger,
 } from "~/components/ui/context-menu";
+import Input from "~/components/ui/input";
 import { UserAvatar } from "~/components/user_avatar";
 import { useMediaQuery } from "~/hooks/use-media-query";
 import { cn } from "~/lib/utils";

apps/infoalloggi/src/components/codiceRicerca.tsx

@@ -3,8 +3,8 @@ import { CircleOff } from "lucide-react";
 import Link from "next/link";
 import { useRouter } from "next/router";
 import { useEffect, useRef, useState } from "react";
-import Input from "~/components/custom_ui/input";
 import { StaggeredFade } from "~/components/custom_ui/staggered-fade";
+import Input from "~/components/ui/input";
 import { useClickOutside } from "~/hooks/useClickOutside";
 import { cn } from "~/lib/utils";
 import { useTranslation } from "~/providers/I18nProvider";

apps/infoalloggi/src/components/color_picker.tsx

@@ -2,7 +2,7 @@ import { forwardRef, useMemo, useState } from "react";
 import { HexColorPicker } from "react-colorful";
 import type { ButtonProps } from "~/components/ui/button";
 import { Button } from "~/components/ui/button";
-import { Input } from "~/components/ui/input";
+import Input from "~/components/ui/input";
 import {
 	Popover,
 	PopoverContent,

apps/infoalloggi/src/components/counter.tsx

@@ -1,5 +1,5 @@
 import { Minus, Plus } from "lucide-react";
-import Input from "~/components/custom_ui/input";
+import Input from "~/components/ui/input";
 export const Counter = ({
 	value,
 	setValue,

apps/infoalloggi/src/components/custom_ui/InputNumber.tsx

@@ -1,9 +1,9 @@
 import { ChevronDown, ChevronUp } from "lucide-react";
 import { forwardRef, useCallback, useEffect, useRef, useState } from "react";
 import { NumericFormat, type NumericFormatProps } from "react-number-format";
+import Input from "~/components/ui/input";
 import { cn } from "~/lib/utils";
 import { Button } from "../ui/button";
-import { Input } from "../ui/input";
 
 interface NumberInputProps
 	extends Omit<NumericFormatProps, "value" | "onValueChange"> {

apps/infoalloggi/src/components/custom_ui/dataTable-toolbar.tsx

@@ -2,8 +2,8 @@ import { RotateCcw } from "lucide-react";
 import type { ComponentType } from "react";
 import { DataTableFacetedFilter } from "~/components/custom_ui/dataTable-FacetedFilter";
 import { DataTableViewOptions } from "~/components/custom_ui/dataTable-ViewToggle";
-import Input from "~/components/custom_ui/input";
 import { Button } from "~/components/ui/button";
+import Input from "~/components/ui/input";
 import { useDataTable } from "~/providers/DataTableProvider";
 
 export type PinnedFiltro = {

apps/infoalloggi/src/components/custom_ui/input-icon.tsx

@@ -3,7 +3,7 @@ import {
 	forwardRef,
 	type ReactNode,
 } from "react";
-import Input from "~/components/custom_ui/input";
+import Input from "~/components/ui/input";
 import { cn } from "~/lib/utils";
 
 type InputWIconProps = ComponentPropsWithoutRef<typeof Input> & {

apps/infoalloggi/src/components/custom_ui/input.tsx

@@ -1,23 +0,0 @@
-import { forwardRef, type InputHTMLAttributes } from "react";
-import { cn } from "src/lib/utils";
-
-type InputProps = InputHTMLAttributes<HTMLInputElement>;
-
-const Input = forwardRef<HTMLInputElement, InputProps>(
-	({ className, type, ...props }, ref) => {
-		return (
-			<input
-				ref={ref}
-				type={type}
-				{...props}
-				className={cn(
-					`h-10 w-full rounded-lg border border-border bg-card px-3 py-2 font-medium text-primary shadow-xs outline-hidden transition-all duration-200 file:border-0 file:bg-transparent file:font-medium file:text-sm placeholder:text-muted-foreground hover:border-muted-foreground focus:border-foreground focus:ring-foreground disabled:cursor-not-allowed disabled:opacity-50 dark:border-input dark:bg-input/30 dark:hover:border-muted-foreground dark:hover:bg-input/50`,
-					className,
-				)}
-			/>
-		);
-	},
-);
-Input.displayName = "Input";
-
-export default Input;

apps/infoalloggi/src/components/phone-input.tsx

@@ -13,7 +13,7 @@ import {
 	CommandInput,
 	CommandItem,
 } from "~/components/ui/command";
-import { Input } from "~/components/ui/input";
+import Input from "~/components/ui/input";
 import {
 	Popover,
 	PopoverContent,

apps/infoalloggi/src/components/schedaAnnuncioStampabile.tsx

@@ -5,6 +5,7 @@ import toast from "react-hot-toast";
 import z from "zod";
 import { Button } from "~/components/ui/button";
 import { Card } from "~/components/ui/card";
+import Input from "~/components/ui/input";
 import { filteredCaratteristiche } from "~/hooks/schedaAnnuncioUtils";
 import { it } from "~/i18n/it";
 import { handleConsegna } from "~/lib/annuncio_details";
@@ -14,7 +15,6 @@ import type { Annunci } from "~/schemas/public/Annunci";
 import { api } from "~/utils/api";
 import { IconMatrix } from "./IconComponents";
 import { GoogleMapsIcon, LogoSvg, WhatsAppIcon } from "./svgs";
-import { Input } from "./ui/input";
 import { Label } from "./ui/label";
 import { Popover, PopoverContent, PopoverTrigger } from "./ui/popover";
 

apps/infoalloggi/src/components/tables/storage-table.tsx

@@ -34,7 +34,7 @@ import {
 	DropdownMenuSeparator,
 	DropdownMenuTrigger,
 } from "~/components/ui/dropdown-menu";
-import { Input } from "~/components/ui/input";
+import Input from "~/components/ui/input";
 import { cn } from "~/lib/utils";
 import { useStorageTable } from "~/providers/StorageTableProvider";
 import type { FileMetadataWithAdmin } from "~/server/services/storage.service";

apps/infoalloggi/src/components/ui/input.tsx

@@ -1,21 +1,23 @@
-import type * as React from "react";
+import { forwardRef, type InputHTMLAttributes } from "react";
+import { cn } from "src/lib/utils";
 
-import { cn } from "~/lib/utils";
+type InputProps = InputHTMLAttributes<HTMLInputElement>;
 
-function Input({ className, type, ...props }: React.ComponentProps<"input">) {
+const Input = forwardRef<HTMLInputElement, InputProps>(
+	({ className, type, ...props }, ref) => {
 		return (
 			<input
-			className={cn(
+				ref={ref}
-				"flex h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs outline-hidden transition-[color,box-shadow] selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:font-medium file:text-foreground file:text-sm placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30",
-				"focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
-				"aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
-				className,
-			)}
-			data-slot="input"
 				type={type}
 				{...props}
+				className={cn(
+					`h-10 w-full rounded-lg border border-border bg-card px-3 py-2 font-medium text-primary shadow-xs outline-hidden transition-all duration-200 file:border-0 file:bg-transparent file:font-medium file:text-sm placeholder:text-muted-foreground hover:border-muted-foreground focus:border-foreground focus:ring-foreground disabled:cursor-not-allowed disabled:opacity-50 dark:border-input dark:bg-input/30 dark:hover:border-muted-foreground dark:hover:bg-input/50`,
+					className,
+				)}
 			/>
 		);
-}
+	},
+);
+Input.displayName = "Input";
 
-export { Input };
+export default Input;

apps/infoalloggi/src/forms/FormBanlist.tsx

@@ -7,8 +7,8 @@ import {
 	FormLabel,
 	FormMessage,
 } from "~/components/custom_ui/form";
-import Input from "~/components/custom_ui/input";
 import { Button } from "~/components/ui/button";
+import Input from "~/components/ui/input";
 import {
 	Select,
 	SelectContent,

apps/infoalloggi/src/forms/FormBanners.tsx

@@ -7,9 +7,9 @@ import {
 	FormLabel,
 	FormMessage,
 } from "~/components/custom_ui/form";
-import Input from "~/components/custom_ui/input";
 import { IconMatrixTooltip } from "~/components/IconComponents";
 import { Button } from "~/components/ui/button";
+import Input from "~/components/ui/input";
 import {
 	Select,
 	SelectContent,

apps/infoalloggi/src/forms/FormChangePassword.tsx

@@ -10,8 +10,8 @@ import {
 	FormLabel,
 	FormMessage,
 } from "~/components/custom_ui/form";
-import Input from "~/components/custom_ui/input";
 import { Button } from "~/components/ui/button";
+import Input from "~/components/ui/input";
 import { useStrongPassword } from "~/hooks/useStrongPassword";
 import { cn } from "~/lib/utils";
 import { useZodForm } from "~/lib/zodForm";

apps/infoalloggi/src/forms/FormContattoAnnuncio.tsx

@@ -11,10 +11,10 @@ import {
 	FormLabel,
 	FormMessage,
 } from "~/components/custom_ui/form";
-import Input from "~/components/custom_ui/input";
 import { Textarea } from "~/components/custom_ui/textarea";
 import { PhoneInput } from "~/components/phone-input";
 import { Checkbox } from "~/components/ui/checkbox";
+import Input from "~/components/ui/input";
 import { useZodForm } from "~/lib/zodForm";
 import { useTranslation } from "~/providers/I18nProvider";
 import { api } from "~/utils/api";

apps/infoalloggi/src/forms/FormEditAnnuncio.tsx

@@ -24,7 +24,6 @@ import {
 	FormMessage,
 } from "~/components/custom_ui/form";
 import { NumberInput } from "~/components/custom_ui/InputNumber";
-import Input from "~/components/custom_ui/input";
 import { DualInputLayout } from "~/components/custom_ui/inputLayouts";
 import {
 	type ListOption,
@@ -35,6 +34,7 @@ import { PhoneInput } from "~/components/phone-input";
 import { Button } from "~/components/ui/button";
 import { Calendar } from "~/components/ui/calendar";
 import { Card, CardContent, CardHeader, CardTitle } from "~/components/ui/card";
+import Input from "~/components/ui/input";
 import {
 	Popover,
 	PopoverContent,

apps/infoalloggi/src/forms/FormEtichette.tsx

@@ -9,8 +9,8 @@ import {
 	FormLabel,
 	FormMessage,
 } from "~/components/custom_ui/form";
-import Input from "~/components/custom_ui/input";
 import { Button } from "~/components/ui/button";
+import Input from "~/components/ui/input";
 import { useZodForm } from "~/lib/zodForm";
 import type {
 	Etichette,

apps/infoalloggi/src/forms/FormFlags.tsx

@@ -7,8 +7,8 @@ import {
 	FormLabel,
 	FormMessage,
 } from "~/components/custom_ui/form";
-import Input from "~/components/custom_ui/input";
 import { Button } from "~/components/ui/button";
+import Input from "~/components/ui/input";
 import { Switch } from "~/components/ui/switch";
 import { useZodForm } from "~/lib/zodForm";
 import type { Flags, FlagsId } from "~/schemas/public/Flags";

apps/infoalloggi/src/forms/FormLogin.tsx

@@ -11,10 +11,10 @@ import {
 	FormLabel,
 	FormMessage,
 } from "~/components/custom_ui/form";
-import Input from "~/components/custom_ui/input";
 import { LoadingSpinner } from "~/components/spinner";
 import { Button } from "~/components/ui/button";
 import { Checkbox } from "~/components/ui/checkbox";
+import Input from "~/components/ui/input";
 import { env } from "~/env";
 import { useZodForm } from "~/lib/zodForm";
 import { useTranslation } from "~/providers/I18nProvider";

apps/infoalloggi/src/forms/FormNewPswReset.tsx

@@ -10,8 +10,8 @@ import {
 	FormLabel,
 	FormMessage,
 } from "~/components/custom_ui/form";
-import Input from "~/components/custom_ui/input";
 import { Button } from "~/components/ui/button";
+import Input from "~/components/ui/input";
 import { useZodForm } from "~/lib/zodForm";
 import { useTranslation } from "~/providers/I18nProvider";
 import { api } from "~/utils/api";

apps/infoalloggi/src/forms/FormNewUser.tsx

@@ -9,9 +9,9 @@ import {
 	FormLabel,
 	FormMessage,
 } from "~/components/custom_ui/form";
-import Input from "~/components/custom_ui/input";
 import { PhoneInput } from "~/components/phone-input";
 import { Button, buttonVariants } from "~/components/ui/button";
+import Input from "~/components/ui/input";
 import { useStrongPassword } from "~/hooks/useStrongPassword";
 import { generatePassword } from "~/lib/basicPwGenerator";
 import { cn } from "~/lib/utils";

apps/infoalloggi/src/forms/FormOverridePassword.tsx

@@ -10,7 +10,6 @@ import {
 	FormLabel,
 	FormMessage,
 } from "~/components/custom_ui/form";
-import Input from "~/components/custom_ui/input";
 import { Button, buttonVariants } from "~/components/ui/button";
 import {
 	Dialog,
@@ -20,6 +19,7 @@ import {
 	DialogTitle,
 	DialogTrigger,
 } from "~/components/ui/dialog";
+import Input from "~/components/ui/input";
 import { Label } from "~/components/ui/label";
 import { Separator } from "~/components/ui/separator";
 import { useStrongPassword } from "~/hooks/useStrongPassword";

apps/infoalloggi/src/forms/FormPrezzo.tsx

@@ -8,10 +8,10 @@ import {
 	FormMessage,
 } from "~/components/custom_ui/form";
 import { NumberInput } from "~/components/custom_ui/InputNumber";
-import Input from "~/components/custom_ui/input";
 import { MultiSelect, UnpackOptions } from "~/components/custom_ui/multiselect";
 import { Textarea } from "~/components/custom_ui/textarea";
 import { Button } from "~/components/ui/button";
+import Input from "~/components/ui/input";
 import {
 	Select,
 	SelectContent,

apps/infoalloggi/src/forms/FormProfilo_Account.tsx

@@ -8,10 +8,10 @@ import {
 	FormLabel,
 	FormMessage,
 } from "~/components/custom_ui/form";
-import Input from "~/components/custom_ui/input";
 import { DualInputLayout } from "~/components/custom_ui/inputLayouts";
 import { PhoneInput } from "~/components/phone-input";
 import { Button } from "~/components/ui/button";
+import Input from "~/components/ui/input";
 import { Switch } from "~/components/ui/switch";
 import { useZodForm } from "~/lib/zodForm";
 import { useTranslation } from "~/providers/I18nProvider";

apps/infoalloggi/src/forms/FormProfilo_Anagrafica.tsx

@@ -12,10 +12,10 @@ import {
 	FormLabel,
 	FormMessage,
 } from "~/components/custom_ui/form";
-import Input from "~/components/custom_ui/input";
 import { MultiSelect } from "~/components/custom_ui/multiselect";
 import { Button } from "~/components/ui/button";
 import { Calendar } from "~/components/ui/calendar";
+import Input from "~/components/ui/input";
 import {
 	Popover,
 	PopoverContent,

apps/infoalloggi/src/forms/FormRinnovo.tsx

@@ -11,9 +11,9 @@ import {
 	FormLabel,
 	FormMessage,
 } from "~/components/custom_ui/form";
-import Input from "~/components/custom_ui/input";
 import { Button } from "~/components/ui/button";
 import { Calendar } from "~/components/ui/calendar";
+import Input from "~/components/ui/input";
 import {
 	Popover,
 	PopoverContent,

apps/infoalloggi/src/forms/FormRstPwFromToken.tsx

@@ -11,7 +11,7 @@ import {
 	FormLabel,
 	FormMessage,
 } from "~/components/custom_ui/form";
-import Input from "~/components/custom_ui/input";
+import Input from "~/components/ui/input";
 import { cn } from "~/lib/utils";
 import { useZodForm } from "~/lib/zodForm";
 import { useTranslation } from "~/providers/I18nProvider";

apps/infoalloggi/src/forms/FormServizioAcquisto.tsx

@@ -16,7 +16,6 @@ import {
 	FormLabel,
 	FormMessage,
 } from "~/components/custom_ui/form";
-import Input from "~/components/custom_ui/input";
 import InputWIcon from "~/components/custom_ui/input-icon";
 import { MultiSelect, UnpackOptions } from "~/components/custom_ui/multiselect";
 import { PhoneInput } from "~/components/phone-input";
@@ -30,6 +29,7 @@ import {
 	CardHeader,
 	CardTitle,
 } from "~/components/ui/card";
+import Input from "~/components/ui/input";
 import { Label } from "~/components/ui/label";
 import {
 	Popover,

apps/infoalloggi/src/forms/FormStringhe.tsx

@@ -8,9 +8,9 @@ import {
 	FormLabel,
 	FormMessage,
 } from "~/components/custom_ui/form";
-import Input from "~/components/custom_ui/input";
 import Tiptap from "~/components/tip-tap/editor";
 import { Button } from "~/components/ui/button";
+import Input from "~/components/ui/input";
 import { useZodForm } from "~/lib/zodForm";
 import type {
 	TestiEStringhe,

apps/infoalloggi/src/pages/annuncio/[cod].tsx

@@ -22,7 +22,6 @@ import toast from "react-hot-toast";
 import { CarouselAnnuncio } from "~/components/annuncio_card";
 import { AnnuncioInteractions } from "~/components/annuncio-interactions/annuncio_interactions";
 import { TouchProvider } from "~/components/custom_ui/HybridTooltip";
-import Input from "~/components/custom_ui/input";
 import { ComeFunziona } from "~/components/expand_guida";
 import FailedAnnuncioLoading from "~/components/failed-loading";
 import { IconMatrix } from "~/components/IconComponents";
@@ -51,6 +50,7 @@ import {
 	DialogTitle,
 	DialogTrigger,
 } from "~/components/ui/dialog";
+import Input from "~/components/ui/input";
 import { Label } from "~/components/ui/label";
 import { VideoPlayer } from "~/components/videoPlayer";
 import { env } from "~/env";

apps/infoalloggi/src/pages/area-riservata/allegato-view/[allegatoId].tsx

@@ -20,7 +20,7 @@ import {
 	DialogTitle,
 	DialogTrigger,
 } from "~/components/ui/dialog";
-import { Input } from "~/components/ui/input";
+import Input from "~/components/ui/input";
 import { getStorageUrl } from "~/lib/storage_utils";
 import { redirectTo500 } from "~/lib/utils";
 import type { NextPageWithLayout } from "~/pages/_app";

apps/infoalloggi/src/pages/auth/accetta-invito/[token].tsx

@@ -15,7 +15,7 @@ import {
 } from "~/components/custom_ui/form";
 import { PasswordSVG } from "~/components/svgs";
 import { Button } from "~/components/ui/button";
-import { Input } from "~/components/ui/input";
+import Input from "~/components/ui/input";
 import { useStrongPassword } from "~/hooks/useStrongPassword";
 import { cn } from "~/lib/utils";
 import { useZodForm } from "~/lib/zodForm";

apps/infoalloggi/src/pages/contatti.tsx

@@ -12,13 +12,13 @@ import {
 	FormLabel,
 	FormMessage,
 } from "~/components/custom_ui/form";
-import Input from "~/components/custom_ui/input";
 import { DualInputLayout } from "~/components/custom_ui/inputLayouts";
 import { Textarea } from "~/components/custom_ui/textarea";
 import { PhoneInput } from "~/components/phone-input";
 import { Badge } from "~/components/ui/badge";
 import { Button } from "~/components/ui/button";
 import { Checkbox } from "~/components/ui/checkbox";
+import Input from "~/components/ui/input";
 import { useZodForm } from "~/lib/zodForm";
 import { useTranslation } from "~/providers/I18nProvider";
 import { api } from "~/utils/api";