♻️ Update eslint config (#1424)

packages/ui/src/avatar.tsx

@@ -1,9 +1,8 @@
 "use client";
 
-import * as React from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
-
 import { cn } from "@rallly/ui";
+import * as React from "react";
 
 const Avatar = React.forwardRef<
   React.ElementRef<typeof AvatarPrimitive.Root>,
@@ -82,4 +81,4 @@ const AvatarFallback = React.forwardRef<
 });
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
 
-export { Avatar, AvatarImage, AvatarFallback };
+export { Avatar, AvatarFallback,AvatarImage };

packages/ui/src/button.tsx

@@ -1,8 +1,10 @@
 "use client";
 import { Slot } from "@radix-ui/react-slot";
-import { cva, VariantProps } from "class-variance-authority";
-import * as React from "react";
+import type { VariantProps } from "class-variance-authority";
+import { cva } from "class-variance-authority";
 import { Loader2Icon } from "lucide-react";
+import * as React from "react";
+
 import { cn } from "./lib/utils";
 
 const buttonVariants = cva(

packages/ui/src/checkbox.tsx

@@ -1,7 +1,8 @@
 "use client";
 
-import * as React from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import * as React from "react";
+
 import CheckboxCheckIcon from "./checkbox-check.svg";
 import { cn } from "./lib/utils";
 

packages/ui/src/command.tsx

@@ -1,13 +1,13 @@
 "use client";
 
-import { DialogProps } from "@radix-ui/react-dialog";
-import { SearchIcon } from "lucide-react";
+import type { DialogProps } from "@radix-ui/react-dialog";
 import { Command as CommandPrimitive } from "cmdk";
+import { SearchIcon } from "lucide-react";
 import * as React from "react";
 
 import { Dialog, DialogContent } from "./dialog";
-import { cn } from "./lib/utils";
 import { Icon } from "./icon";
+import { cn } from "./lib/utils";
 
 const Command = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive>,

packages/ui/src/dialog.tsx

@@ -5,6 +5,7 @@ import { XIcon } from "lucide-react";
 import * as React from "react";
 
 import { cn } from "./lib/utils";
+
 export type { DialogProps } from "@radix-ui/react-dialog";
 
 const Dialog = DialogPrimitive.Root;

packages/ui/src/dropdown-menu.tsx

@@ -4,8 +4,8 @@ import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { CheckIcon, ChevronRightIcon, PlusCircleIcon } from "lucide-react";
 import * as React from "react";
 
-import { cn } from "./lib/utils";
 import { Icon } from "./icon";
+import { cn } from "./lib/utils";
 
 const DropdownMenu = DropdownMenuPrimitive.Root;
 
@@ -21,7 +21,7 @@ const DropdownMenuTrigger = React.forwardRef<
     }}
   />
 ));
-
+DropdownMenuTrigger.displayName = DropdownMenuPrimitive.Trigger.displayName;
 const DropdownMenuGroup = DropdownMenuPrimitive.Group;
 
 const DropdownMenuPortal = DropdownMenuPrimitive.Portal;

packages/ui/src/flex.tsx

@@ -1,9 +1,10 @@
+import { Slot } from "@radix-ui/react-slot";
+import type {VariantProps } from "class-variance-authority";
+import { cva } from "class-variance-authority";
 import * as React from "react";
 
-import { Slot } from "@radix-ui/react-slot";
+import type { ComponentPropsWithout, RemovedProps } from "./helpers/component-props";
 import { cn } from "./lib/utils";
-import { VariantProps, cva } from "class-variance-authority";
-import { ComponentPropsWithout, RemovedProps } from "./helpers/component-props";
 
 type FlexElement = React.ElementRef<"div">;
 type FlexDivProps = { as?: "div" } & ComponentPropsWithout<"div", RemovedProps>;

packages/ui/src/form.tsx

@@ -1,11 +1,12 @@
-import * as LabelPrimitive from "@radix-ui/react-label";
+import type * as LabelPrimitive from "@radix-ui/react-label";
 import { Slot } from "@radix-ui/react-slot";
 import * as React from "react";
-import {
-  Controller,
+import type {
   ControllerProps,
   FieldPath,
-  FieldValues,
+  FieldValues} from "react-hook-form";
+import {
+  Controller,
   FormProvider,
   useFormContext,
 } from "react-hook-form";

packages/ui/src/helpers/component-props.ts

@@ -1,6 +1,7 @@
 import type React from "react";
 
 type ComponentPropsAs<
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   C extends React.ElementType<any>,
   T extends React.ComponentPropsWithoutRef<C>["as"],
 > = Omit<

packages/ui/src/hooks/use-toast.ts

@@ -186,4 +186,4 @@ function useToast() {
   };
 }
 
-export { useToast, toast };
+export { toast,useToast };

packages/ui/src/icon.tsx

@@ -1,7 +1,9 @@
 "use client";
 import { Slot } from "@radix-ui/react-slot";
+import type {VariantProps } from "class-variance-authority";
+import { cva } from "class-variance-authority";
+
 import { cn } from "./lib/utils";
-import { VariantProps, cva } from "class-variance-authority";
 
 const iconVariants = cva("", {
   variants: {

packages/ui/src/input.tsx

@@ -1,7 +1,7 @@
+import { cva } from "class-variance-authority";
 import * as React from "react";
 
 import { cn } from "./lib/utils";
-import { cva } from "class-variance-authority";
 
 export type InputProps = Omit<
   React.InputHTMLAttributes<HTMLInputElement>,

packages/ui/src/label.tsx

@@ -1,7 +1,8 @@
 "use client";
 
 import * as LabelPrimitive from "@radix-ui/react-label";
-import { cva, VariantProps } from "class-variance-authority";
+import type { VariantProps } from "class-variance-authority";
+import { cva } from "class-variance-authority";
 import * as React from "react";
 
 import { cn } from "./lib/utils";

packages/ui/src/lib/utils.ts

@@ -1,4 +1,5 @@
-import clsx, { ClassValue } from "clsx";
+import type { ClassValue } from "clsx";
+import clsx from "clsx";
 import { twMerge } from "tailwind-merge";
 
 export function cn(...inputs: ClassValue[]) {

packages/ui/src/radio-pills.tsx

@@ -15,6 +15,7 @@ const RadioPills = React.forwardRef<
     {...props}
   />
 ));
+RadioPills.displayName = Primitive.Root.displayName;
 
 const RadioPillsItem = React.forwardRef<
   React.ElementRef<typeof Primitive.Item>,

packages/ui/src/select.tsx

@@ -4,8 +4,8 @@ import * as SelectPrimitive from "@radix-ui/react-select";
 import { CheckIcon, ChevronsUpDownIcon } from "lucide-react";
 import * as React from "react";
 
-import { cn } from "./lib/utils";
 import { Icon } from "./icon";
+import { cn } from "./lib/utils";
 
 const Select = SelectPrimitive.Root;
 
@@ -24,6 +24,7 @@ const SelectValue = React.forwardRef<
     </div>
   );
 });
+SelectValue.displayName = SelectPrimitive.Value.displayName;
 
 const SelectTrigger = React.forwardRef<
   React.ElementRef<typeof SelectPrimitive.Trigger>,

packages/ui/src/text-field.tsx

@@ -1,10 +1,12 @@
 "use client";
 
+import type { VariantProps } from "class-variance-authority";
+import { cva } from "class-variance-authority";
 import * as React from "react";
 
+import type { IconProps } from "./icon";
+import { Icon } from "./icon";
 import { cn } from "./lib/utils";
-import { VariantProps, cva } from "class-variance-authority";
-import { Icon, IconProps } from "./icon";
 
 const inputVariants = cva(
   cn(
@@ -47,13 +49,14 @@ const TextFieldInput = React.forwardRef<HTMLInputElement, InputProps>(
     );
   },
 );
+TextFieldInput.displayName = "TextFieldInput";
 
 interface TextFieldProps extends InputProps {
   children?: React.ReactNode;
 }
 
 const TextField = React.forwardRef<HTMLDivElement, TextFieldProps>(
-  ({ className, size, type, children, ...props }, ref) => {
+  ({ className, size, children, ...props }, ref) => {
     return (
       <div
         ref={ref}

packages/ui/src/toast.tsx

@@ -1,7 +1,7 @@
-import * as React from "react";
 import * as ToastPrimitives from "@radix-ui/react-toast";
-import { cva, type VariantProps } from "class-variance-authority";
+import { type VariantProps,cva } from "class-variance-authority";
 import { X } from "lucide-react";
+import * as React from "react";
 
 import { cn } from "./lib/utils";
 
@@ -115,13 +115,13 @@ type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
 type ToastActionElement = React.ReactElement<typeof ToastAction>;
 
 export {
-  type ToastProps,
   type ToastActionElement,
-  ToastProvider,
-  ToastViewport,
+  type ToastProps,
   Toast,
-  ToastTitle,
-  ToastDescription,
-  ToastClose,
   ToastAction,
+  ToastClose,
+  ToastDescription,
+  ToastProvider,
+  ToastTitle,
+  ToastViewport,
 };

packages/ui/src/toaster.tsx

@@ -1,4 +1,5 @@
 "use client";
+import { useToast } from "./hooks/use-toast";
 import {
   Toast,
   ToastClose,
@@ -7,7 +8,6 @@ import {
   ToastTitle,
   ToastViewport,
 } from "./toast";
-import { useToast } from "./hooks/use-toast";
 
 export function Toaster() {
   const { toasts } = useToast();