Invite prefill email (#43)

* Add prepopulation of email field in sign-up form
* Updated packages

packages/ui/package.json

@@ -41,7 +41,7 @@
     "@kit/tailwind-config": "workspace:*",
     "@kit/tsconfig": "workspace:*",
     "@radix-ui/react-icons": "^1.3.0",
-    "@tanstack/react-query": "5.50.1",
+    "@tanstack/react-query": "5.51.1",
     "@tanstack/react-table": "^8.19.2",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",

packages/ui/src/makerkit/global-loader.tsx

@@ -22,7 +22,7 @@ export function GlobalLoader({
       <If condition={displaySpinner}>
         <div
           className={
-            'flex flex-1 flex-col items-center justify-center animate-in fade-in zoom-in-50 slide-in-from-bottom-8'
+            'flex flex-1 flex-col items-center justify-center duration-500 animate-in fade-in zoom-in-80 slide-in-from-bottom-12'
           }
         >
           <LoadingOverlay displayLogo={displayLogo} fullPage={fullPage} />

packages/ui/src/makerkit/multi-step-form.tsx

@@ -12,11 +12,11 @@ import React, {
 } from 'react';
 
 import { Slot, Slottable } from '@radix-ui/react-slot';
+import { useMutation } from '@tanstack/react-query';
 import { Path, UseFormReturn } from 'react-hook-form';
 import { z } from 'zod';
 
 import { cn } from '../utils';
-import {useMutation} from "@tanstack/react-query";
 
 interface MultiStepFormProps<T extends z.ZodType> {
   schema: T;
@@ -287,7 +287,7 @@ export function useMultiStepForm<Schema extends z.ZodType>(
   const mutation = useMutation({
     mutationFn: () => {
       return form.handleSubmit(onSubmit)();
-    }
+    },
   });
 
   return useMemo(

packages/ui/src/makerkit/stepper.tsx

@@ -165,7 +165,7 @@ function getClassNameBuilder() {
         selected: false,
         complete: false,
         className: 'bg-muted',
-      }
+      },
     ],
     defaultVariants: {
       variant: 'default',