chore: update deps

Author: agmmtoo

app/(protected)/admin/memberships/new/page.tsx

@@ -47,36 +47,39 @@ import { Library } from '@/lib/types/library'
 import { Input } from '@/components/ui/input'
 
 const FormSchema = z.object({
-  library_id: z
-    .string({
-      required_error: 'Please select a library.',
-    })
-    .uuid(),
+  library_id: z.uuid(),
   name: z
     .string({
-      required_error: 'Please name the membership.',
+      error: (issue) =>
+        issue.input === undefined ? 'Please name the membership.' : undefined,
     })
     .nonempty(),
-  loan_period: z.coerce
+  loan_period: z
     .number({
-      required_error: 'Loan period is required.',
+      error: (issue) =>
+        issue.input === undefined ? 'Loan period is required.' : undefined,
     })
     .min(1),
-  duration: z.coerce
+  duration: z
     .number({
-      required_error: 'Duration is required.',
+      error: (issue) =>
+        issue.input === undefined ? 'Duration is required.' : undefined,
     })
     .min(1),
-  active_loan_limit: z.coerce
+  active_loan_limit: z
     .number({
-      required_error: 'Active loan limit is required.',
+      error: (issue) =>
+        issue.input === undefined
+          ? 'Active loan limit is required.'
+          : undefined,
     })
     .min(1, 'Active loan limit must be at least 1.'),
-  fine_per_day: z.coerce.number({
-    required_error: 'Fine per day is required.',
+  fine_per_day: z.number({
+    error: (issue) =>
+      issue.input === undefined ? 'Fine per day is required.' : undefined,
   }),
-  price: z.coerce.number(),
-  usage_limit: z.coerce.number(),
+  price: z.number(),
+  usage_limit: z.number(),
 })
 
 export default function ComboboxForm() {

app/(protected)/admin/subscriptions/new/page.tsx

@@ -47,21 +47,9 @@ import { Membership } from '@/lib/types/membership'
 import { createSubscription } from '@/lib/api/subscription'
 
 const FormSchema = z.object({
-  user_id: z
-    .string({
-      required_error: 'Please select user.',
-    })
-    .uuid(),
-  library_id: z
-    .string({
-      required_error: 'Please select a library.',
-    })
-    .uuid(),
-  membership_id: z
-    .string({
-      required_error: 'Please select a membership.',
-    })
-    .uuid(),
+  user_id: z.uuid(),
+  library_id: z.uuid(),
+  membership_id: z.uuid(),
 })
 
 export default function ComboboxForm() {

components/books/BookForm.tsx

@@ -49,29 +49,29 @@ type BookFormProps = {
 const FormSchema = z.object({
   title: z
     .string({
-      required_error: 'Please enter book title.',
+      error: (issue) =>
+        issue.input === undefined ? 'Please enter book title.' : undefined,
     })
     .nonempty(),
   author: z
     .string({
-      required_error: 'Please enter author name.',
+      error: (issue) =>
+        issue.input === undefined ? 'Please enter author name.' : undefined,
     })
     .nonempty(),
-  year: z.coerce
+  year: z
     .number({
-      required_error: 'Please enter year.',
+      error: (issue) =>
+        issue.input === undefined ? 'Please enter year.' : undefined,
     })
     .gt(1000, 'Please enter valid year.'),
   code: z
     .string({
-      required_error: 'Please set a code for book.',
+      error: (issue) =>
+        issue.input === undefined ? 'Please set a code for book.' : undefined,
     })
     .nonempty(),
-  library_id: z
-    .string({
-      required_error: 'Please select the library.',
-    })
-    .uuid(),
+  library_id: z.uuid(),
   cover: z.string().optional(),
 })
 

components/borrows/FormBorrow.tsx

@@ -69,13 +69,16 @@ import Image from 'next/image'
 const FormSchema = z.object({
   user_id: z.string().optional(),
   book_id: z.string({
-    required_error: 'Please select a book.',
+    error: (issue) =>
+      issue.input === undefined ? 'Please select a book.' : undefined,
   }),
   subscription_id: z.string({
-    required_error: 'Please select a subscription.',
+    error: (issue) =>
+      issue.input === undefined ? 'Please select a subscription.' : undefined,
   }),
   staff_id: z.string({
-    required_error: 'Please select a staff.',
+    error: (issue) =>
+      issue.input === undefined ? 'Please select a staff.' : undefined,
   }),
 })
 

components/borrows/FormEditBorrow.tsx

@@ -25,14 +25,15 @@ import { TimeInput } from '../ui/time-input'
 
 const FormSchema = z.object({
   id: z.string({
-    required_error: 'Please select a borrow.',
+    error: (issue) =>
+      issue.input === undefined ? 'Please select a borrow.' : undefined,
   }),
   borrowed_at: z.string(),
   due_at: z.string(),
   returning: z
     .object({
       returned_at: z.string(),
-      fine: z.coerce.number().nonnegative(),
+      fine: z.number().nonnegative(),
     })
     .optional(),
 })

components/borrows/FormNewBorrow.tsx

@@ -45,16 +45,20 @@ import { toast } from 'sonner'
 
 const FormSchema = z.object({
   user_id: z.string({
-    required_error: 'Please select a user.',
+    error: (issue) =>
+      issue.input === undefined ? 'Please select a user.' : undefined,
   }),
   book_id: z.string({
-    required_error: 'Please select a book.',
+    error: (issue) =>
+      issue.input === undefined ? 'Please select a book.' : undefined,
   }),
   subscription_id: z.string({
-    required_error: 'Please select a subscription.',
+    error: (issue) =>
+      issue.input === undefined ? 'Please select a subscription.' : undefined,
   }),
   staff_id: z.string({
-    required_error: 'Please select a staff.',
+    error: (issue) =>
+      issue.input === undefined ? 'Please select a staff.' : undefined,
   }),
 })
 

components/libraries/LibraryForm.tsx

@@ -2,7 +2,7 @@
 
 import { zodResolver } from '@hookform/resolvers/zod'
 import { useForm } from 'react-hook-form'
-import { z } from 'zod/v4'
+import { z } from 'zod'
 import {
   Form,
   FormControl,

components/nav-user.tsx

@@ -98,7 +98,7 @@ export function NavUser({
           </DropdownMenuItem>
         </DropdownMenuGroup>
         <DropdownMenuSeparator />
-        <DropdownMenuItem onClick={logoutAction} variant="destructive">
+        <DropdownMenuItem onClick={logoutAction}>
           <LogOutIcon />
           Log out
         </DropdownMenuItem>

components/staffs/StaffForm.tsx

@@ -56,17 +56,20 @@ type StaffFormProps = {
 const FormSchema = z.object({
   user_id: z
     .string({
-      required_error: 'Please select a user.',
+      error: (issue) =>
+        issue.input === undefined ? 'Please select a user.' : undefined,
     })
     .nonempty(),
   library_id: z
     .string({
-      required_error: 'Please select a library.',
+      error: (issue) =>
+        issue.input === undefined ? 'Please select a library.' : undefined,
     })
     .nonempty(),
   name: z
     .string({
-      required_error: 'Please enter staff name.',
+      error: (issue) =>
+        issue.input === undefined ? 'Please enter staff name.' : undefined,
     })
     .nonempty(),
   role: z.union([z.literal('ADMIN'), z.literal('STAFF')]),

components/ui/avatar.tsx

@@ -5,49 +5,46 @@ import * as AvatarPrimitive from '@radix-ui/react-avatar'
 
 import { cn } from '@/lib/utils'
 
-function Avatar({
-  className,
-  ...props
-}: React.ComponentProps<typeof AvatarPrimitive.Root>) {
-  return (
-    <AvatarPrimitive.Root
-      data-slot="avatar"
-      className={cn(
-        'relative flex size-8 shrink-0 overflow-hidden rounded-full',
-        className
-      )}
-      {...props}
-    />
-  )
-}
+const Avatar = React.forwardRef<
+  React.ComponentRef<typeof AvatarPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>
+>(({ className, ...props }, ref) => (
+  <AvatarPrimitive.Root
+    ref={ref}
+    className={cn(
+      'relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full',
+      className
+    )}
+    {...props}
+  />
+))
+Avatar.displayName = AvatarPrimitive.Root.displayName
 
-function AvatarImage({
-  className,
-  ...props
-}: React.ComponentProps<typeof AvatarPrimitive.Image>) {
-  return (
-    <AvatarPrimitive.Image
-      data-slot="avatar-image"
-      className={cn('aspect-square size-full', className)}
-      {...props}
-    />
-  )
-}
+const AvatarImage = React.forwardRef<
+  React.ComponentRef<typeof AvatarPrimitive.Image>,
+  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>
+>(({ className, ...props }, ref) => (
+  <AvatarPrimitive.Image
+    ref={ref}
+    className={cn('aspect-square h-full w-full', className)}
+    {...props}
+  />
+))
+AvatarImage.displayName = AvatarPrimitive.Image.displayName
 
-function AvatarFallback({
-  className,
-  ...props
-}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {
-  return (
-    <AvatarPrimitive.Fallback
-      data-slot="avatar-fallback"
-      className={cn(
-        'bg-muted flex size-full items-center justify-center rounded-full',
-        className
-      )}
-      {...props}
-    />
-  )
-}
+const AvatarFallback = React.forwardRef<
+  React.ComponentRef<typeof AvatarPrimitive.Fallback>,
+  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>
+>(({ className, ...props }, ref) => (
+  <AvatarPrimitive.Fallback
+    ref={ref}
+    className={cn(
+      'flex h-full w-full items-center justify-center rounded-full bg-muted',
+      className
+    )}
+    {...props}
+  />
+))
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName
 
 export { Avatar, AvatarImage, AvatarFallback }