update items

apps/admin.saladeaula.digital/app/routes/_.$orgid.enrollments.add/data.ts

@@ -43,6 +43,8 @@ export const formSchema = z.object({
 
 export type Schema = z.infer<typeof formSchema>
 
+export type Enrollment = z.infer<typeof enrollment>
+
 export type User = {
   id: string
   name: string

apps/admin.saladeaula.digital/app/routes/_.$orgid.enrollments.add/route.tsx

@@ -213,7 +213,7 @@ export default function Route({
           </CardHeader>
 
           <CardContent className="space-y-4">
-            <div className="grid lg:grid-cols-[repeat(3,1fr)_auto] w-full gap-1.5">
+            <div className="grid lg:grid-cols-[repeat(3,1fr)_auto] w-full gap-3">
               {/* Header */}
               <>
                 <Cell>Colaborador</Cell>

apps/admin.saladeaula.digital/app/routes/_.$orgid.enrollments.add/scheduled-for.tsx

@@ -5,11 +5,11 @@ import { useToggle } from 'ahooks'
 import { format } from 'date-fns'
 import { ptBR } from 'react-day-picker/locale'
 
-import { Button } from '@repo/ui/components/ui/button'
 import { Calendar } from '@repo/ui/components/ui/calendar'
 import {
   InputGroup,
   InputGroupAddon,
+  InputGroupButton,
   InputGroupInput
 } from '@repo/ui/components/ui/input-group'
 import {
@@ -46,11 +46,12 @@ export function ScheduledForInput({ value, onChange }: ScheduledForInputProps) {
           </InputGroupAddon>
 
           {selected && (
-            <InputGroupAddon align="inline-end" className="mr-0">
-              <Button
-                variant="link"
-                size="icon-sm"
-                className="cursor-pointer text-muted-foreground"
+            <InputGroupAddon align="inline-end">
+              <InputGroupButton
+                variant="ghost"
+                tabIndex={-1}
+                size="icon-xs"
+                className="cursor-pointer"
                 onClick={(e) => {
                   e.preventDefault()
                   setDate(undefined)
@@ -59,7 +60,7 @@ export function ScheduledForInput({ value, onChange }: ScheduledForInputProps) {
                 }}
               >
                 <XIcon />
-              </Button>
+              </InputGroupButton>
             </InputGroupAddon>
           )}
         </InputGroup>

apps/admin.saladeaula.digital/app/routes/_.$orgid.enrollments.add/user-picker.tsx

@@ -3,13 +3,13 @@ import { XIcon, CheckIcon, AlertTriangleIcon, UserIcon } from 'lucide-react'
 import { formatCPF } from '@brazilian-utils/brazilian-utils'
 
 import { cn, initials } from '@repo/ui/lib/utils'
-import { Button } from '@repo/ui/components/ui/button'
 import { Avatar, AvatarFallback } from '@repo/ui/components/ui/avatar'
 import { Abbr } from '@repo/ui/components/abbr'
 import { Spinner } from '@repo/ui/components/ui/spinner'
 import {
   InputGroup,
   InputGroupAddon,
+  InputGroupButton,
   InputGroupInput
 } from '@repo/ui/components/ui/input-group'
 import { CommandItem } from '@repo/ui/components/ui/command'
@@ -100,17 +100,18 @@ export function UserPicker({
 
           {value && (
             <InputGroupAddon align="inline-end" className="mr-0">
-              <Button
-                variant="link"
-                size="icon-sm"
-                className="cursor-pointer text-muted-foreground"
+              <InputGroupButton
+                variant="ghost"
+                tabIndex={-1}
+                size="icon-xs"
+                className="cursor-pointer"
                 onClick={(e) => {
                   e.preventDefault()
                   onChange?.(null)
                 }}
               >
                 <XIcon />
-              </Button>
+              </InputGroupButton>
             </InputGroupAddon>
           )}