@greatapps/greatauth-ui 0.3.15 → 0.3.17

package/dist/index.js

@@ -779,6 +779,7 @@ function SidebarMenuButton({
 }
 
 // src/components/app-sidebar.tsx
+import { useState as useState3, useEffect as useEffect3 } from "react";
 import { usePathname, useRouter } from "next/navigation";
 import Link from "next/link";
 import { ChevronsUpDown, ChevronRight as ChevronRight2, LogOut } from "lucide-react";
@@ -1024,7 +1025,12 @@ function CollapsibleMenuItem({ item, pathname }) {
   const isChildActive = item.children?.some(
     (child) => child.isActive !== void 0 ? child.isActive : pathname.startsWith(child.href)
   ) ?? false;
-  return /* @__PURE__ */ jsx12(Collapsible, { defaultOpen: isParentActive || isChildActive, className: "group/collapsible", children: /* @__PURE__ */ jsxs5(SidebarMenuItem, { children: [
+  const isActive = isParentActive || isChildActive;
+  const [open, setOpen] = useState3(isActive);
+  useEffect3(() => {
+    if (isActive) setOpen(true);
+  }, [isActive]);
+  return /* @__PURE__ */ jsx12(Collapsible, { open, onOpenChange: setOpen, className: "group/collapsible", children: /* @__PURE__ */ jsxs5(SidebarMenuItem, { children: [
     /* @__PURE__ */ jsx12(SidebarMenuButton, { asChild: true, isActive: isParentActive, tooltip: item.label, children: /* @__PURE__ */ jsxs5(Link, { href: item.href, onClick: item.onClick, children: [
       /* @__PURE__ */ jsx12(Icon, { className: "size-4" }),
       /* @__PURE__ */ jsx12("span", { children: item.label })
@@ -1075,7 +1081,7 @@ function AppSidebar({ config }) {
           /* @__PURE__ */ jsx12("span", { className: "truncate font-semibold", children: userName }),
           /* @__PURE__ */ jsx12("span", { className: "truncate text-xs text-muted-foreground", children: userEmail })
         ] }),
-        /* @__PURE__ */ jsx12(ChevronsUpDown, { className: "ml-auto size-4 group-data-[collapsible=icon]:hidden" })
+        /* @__PURE__ */ jsx12(ChevronsUpDown, { "aria-hidden": "true", className: "ml-auto size-4 group-data-[collapsible=icon]:hidden" })
       ] }) }),
       /* @__PURE__ */ jsxs5(
         DropdownMenuContent,
@@ -1092,7 +1098,7 @@ function AppSidebar({ config }) {
             /* @__PURE__ */ jsx12(DropdownMenuSeparator, {}),
             config.footerExtra,
             /* @__PURE__ */ jsxs5(DropdownMenuItem, { onClick: handleLogout, children: [
-              /* @__PURE__ */ jsx12(LogOut, { className: "size-4" }),
+              /* @__PURE__ */ jsx12(LogOut, { "aria-hidden": "true", className: "size-4" }),
               "Sair"
             ] })
           ]
@@ -1239,8 +1245,8 @@ function ThemeToggle() {
     [theme, setTheme]
   );
   return /* @__PURE__ */ jsxs7(Button, { variant: "ghost", size: "icon", onClick: toggleTheme, children: [
-    /* @__PURE__ */ jsx14(Sun, { className: "h-5 w-5 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
-    /* @__PURE__ */ jsx14(Moon, { className: "absolute h-5 w-5 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" }),
+    /* @__PURE__ */ jsx14(Sun, { "aria-hidden": "true", className: "h-5 w-5 rotate-0 scale-100 transition-transform transition-opacity dark:-rotate-90 dark:scale-0" }),
+    /* @__PURE__ */ jsx14(Moon, { "aria-hidden": "true", className: "absolute h-5 w-5 rotate-90 scale-0 transition-transform transition-opacity dark:rotate-0 dark:scale-100" }),
     /* @__PURE__ */ jsx14("span", { className: "sr-only", children: "Alternar tema" })
   ] });
 }
@@ -1294,7 +1300,7 @@ function AppShell({ config, children, renderAbove }) {
 }
 
 // src/components/login-form.tsx
-import { useState as useState3 } from "react";
+import { useState as useState4 } from "react";
 import { useRouter as useRouter2, useSearchParams } from "next/navigation";
 import { Loader2, Mail, Lock, AlertCircle, Eye, EyeOff } from "lucide-react";
 
@@ -1324,11 +1330,11 @@ function LoginForm({ config }) {
   const router = useRouter2();
   const searchParams = useSearchParams();
   const callbackUrl = searchParams.get("callbackUrl") || config.callbackUrlDefault;
-  const [email, setEmail] = useState3("");
-  const [password, setPassword] = useState3("");
-  const [loading, setLoading] = useState3(false);
-  const [error, setError] = useState3("");
-  const [showPassword, setShowPassword] = useState3(false);
+  const [email, setEmail] = useState4("");
+  const [password, setPassword] = useState4("");
+  const [loading, setLoading] = useState4(false);
+  const [error, setError] = useState4("");
+  const [showPassword, setShowPassword] = useState4(false);
   const handleSubmit = async (e) => {
     e.preventDefault();
     if (loading) return;
@@ -1390,17 +1396,18 @@ function LoginForm({ config }) {
       ] }),
       /* @__PURE__ */ jsx18("div", { className: "rounded-xl border bg-card p-6 shadow-sm", children: /* @__PURE__ */ jsxs10("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
         error && /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2 rounded-lg border border-destructive/30 bg-destructive/5 px-3 py-2.5 text-sm text-destructive", children: [
-          /* @__PURE__ */ jsx18(AlertCircle, { className: "h-4 w-4 shrink-0" }),
+          /* @__PURE__ */ jsx18(AlertCircle, { "aria-hidden": "true", className: "h-4 w-4 shrink-0" }),
           error
         ] }),
         /* @__PURE__ */ jsxs10("div", { className: "space-y-1.5", children: [
           /* @__PURE__ */ jsx18(Label, { htmlFor: "login-email", className: "text-sm font-medium", children: "Email" }),
           /* @__PURE__ */ jsxs10("div", { className: "relative", children: [
-            /* @__PURE__ */ jsx18(Mail, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+            /* @__PURE__ */ jsx18(Mail, { "aria-hidden": "true", className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
             /* @__PURE__ */ jsx18(
               Input,
               {
                 id: "login-email",
+                name: "email",
                 type: "email",
                 placeholder: "email@exemplo.com",
                 value: email,
@@ -1415,11 +1422,12 @@ function LoginForm({ config }) {
         /* @__PURE__ */ jsxs10("div", { className: "space-y-1.5", children: [
           /* @__PURE__ */ jsx18(Label, { htmlFor: "login-password", className: "text-sm font-medium", children: "Senha" }),
           /* @__PURE__ */ jsxs10("div", { className: "relative", children: [
-            /* @__PURE__ */ jsx18(Lock, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+            /* @__PURE__ */ jsx18(Lock, { "aria-hidden": "true", className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
             /* @__PURE__ */ jsx18(
               Input,
               {
                 id: "login-password",
+                name: "password",
                 type: showPassword ? "text" : "password",
                 placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
                 value: password,
@@ -1448,8 +1456,8 @@ function LoginForm({ config }) {
             className: cn("w-full", loading && "cursor-wait"),
             disabled: loading,
             children: loading ? /* @__PURE__ */ jsxs10(Fragment3, { children: [
-              /* @__PURE__ */ jsx18(Loader2, { className: "h-4 w-4 animate-spin" }),
-              "A entrar..."
+              /* @__PURE__ */ jsx18(Loader2, { "aria-hidden": "true", className: "h-4 w-4 animate-spin" }),
+              "A entrar\u2026"
             ] }) : "Entrar"
           }
         )
@@ -1521,7 +1529,7 @@ function EntityAvatar({
 }
 
 // src/components/image-crop-upload.tsx
-import { useCallback as useCallback3, useRef, useState as useState4 } from "react";
+import { useCallback as useCallback3, useRef, useState as useState5 } from "react";
 import Cropper from "react-easy-crop";
 
 // src/components/ui/dialog.tsx
@@ -1780,12 +1788,12 @@ function ImageCropUpload({
   name,
   disabled = false
 }) {
-  const [imageSrc, setImageSrc] = useState4(null);
-  const [crop, setCrop] = useState4({ x: 0, y: 0 });
-  const [zoom, setZoom] = useState4(1);
-  const [croppedArea, setCroppedArea] = useState4(null);
-  const [isOpen, setIsOpen] = useState4(false);
-  const [isUploading, setIsUploading] = useState4(false);
+  const [imageSrc, setImageSrc] = useState5(null);
+  const [crop, setCrop] = useState5({ x: 0, y: 0 });
+  const [zoom, setZoom] = useState5(1);
+  const [croppedArea, setCroppedArea] = useState5(null);
+  const [isOpen, setIsOpen] = useState5(false);
+  const [isUploading, setIsUploading] = useState5(false);
   const inputRef = useRef(null);
   const onCropComplete = useCallback3((_, croppedAreaPixels) => {
     setCroppedArea(croppedAreaPixels);
@@ -1865,7 +1873,8 @@ function ImageCropUpload({
           type: "button",
           onClick: () => inputRef.current?.click(),
           className: "absolute inset-0 flex items-center justify-center rounded-full bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity cursor-pointer",
-          children: /* @__PURE__ */ jsx22(Camera, { className: "h-5 w-5 text-white" })
+          "aria-label": "Alterar foto",
+          children: /* @__PURE__ */ jsx22(Camera, { "aria-hidden": "true", className: "h-5 w-5 text-white" })
         }
       )
     ] }),
@@ -1877,7 +1886,8 @@ function ImageCropUpload({
         accept: "image/png,image/jpeg,image/webp",
         onChange: handleFileSelect,
         className: "hidden",
-        disabled
+        disabled,
+        "aria-label": "Selecionar imagem"
       }
     ),
     !disabled && value && /* @__PURE__ */ jsxs14(
@@ -1889,7 +1899,7 @@ function ImageCropUpload({
         onClick: handleRemove,
         className: "text-destructive hover:text-destructive",
         children: [
-          /* @__PURE__ */ jsx22(Trash2, { className: "h-4 w-4 mr-1" }),
+          /* @__PURE__ */ jsx22(Trash2, { "aria-hidden": "true", className: "h-4 w-4 mr-1" }),
           "Remover"
         ]
       }
@@ -1942,7 +1952,7 @@ function ImageCropUpload({
           {
             onClick: handleConfirmCrop,
             disabled: isUploading || !croppedArea,
-            children: isUploading ? "Enviando..." : "Confirmar"
+            children: isUploading ? "Enviando\u2026" : "Confirmar"
           }
         )
       ] })
@@ -2025,10 +2035,10 @@ function useResetPassword(config) {
 }
 
 // src/components/users/users-page.tsx
-import { useMemo as useMemo4, useState as useState7 } from "react";
+import { useMemo as useMemo4, useState as useState8 } from "react";
 
 // src/components/users/user-form-dialog.tsx
-import { useEffect as useEffect3, useState as useState5 } from "react";
+import { useEffect as useEffect4, useState as useState6 } from "react";
 
 // src/components/ui/select.tsx
 import { Select as SelectPrimitive } from "radix-ui";
@@ -2172,13 +2182,13 @@ function UserFormDialog({
   const isEditing = !!user;
   const createUser = useCreateUser(config);
   const updateUser = useUpdateUser(config);
-  const [name, setName] = useState5("");
-  const [lastName, setLastName] = useState5("");
-  const [email, setEmail] = useState5("");
-  const [profile, setProfile] = useState5("collaborator");
-  const [password, setPassword] = useState5("");
-  const [photo, setPhoto] = useState5("");
-  useEffect3(() => {
+  const [name, setName] = useState6("");
+  const [lastName, setLastName] = useState6("");
+  const [email, setEmail] = useState6("");
+  const [profile, setProfile] = useState6("collaborator");
+  const [password, setPassword] = useState6("");
+  const [photo, setPhoto] = useState6("");
+  useEffect4(() => {
     if (user) {
       setName(user.name || "");
       setLastName(user.last_name || "");
@@ -2246,25 +2256,25 @@ function UserFormDialog({
       /* @__PURE__ */ jsxs16("div", { className: "grid grid-cols-2 gap-4", children: [
         /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
           /* @__PURE__ */ jsx24(Label, { htmlFor: "user-name", children: "Nome *" }),
-          /* @__PURE__ */ jsx24(Input, { id: "user-name", value: name, onChange: (e) => setName(e.target.value), placeholder: "Nome", required: true, disabled: isPending })
+          /* @__PURE__ */ jsx24(Input, { id: "user-name", name: "firstName", value: name, onChange: (e) => setName(e.target.value), placeholder: "Nome", required: true, disabled: isPending })
         ] }),
         /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
           /* @__PURE__ */ jsx24(Label, { htmlFor: "user-lastname", children: "Sobrenome" }),
-          /* @__PURE__ */ jsx24(Input, { id: "user-lastname", value: lastName, onChange: (e) => setLastName(e.target.value), placeholder: "Sobrenome", disabled: isPending })
+          /* @__PURE__ */ jsx24(Input, { id: "user-lastname", name: "lastName", value: lastName, onChange: (e) => setLastName(e.target.value), placeholder: "Sobrenome", disabled: isPending })
         ] })
       ] }),
       /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
         /* @__PURE__ */ jsx24(Label, { htmlFor: "user-email", children: "E-mail *" }),
-        /* @__PURE__ */ jsx24(Input, { id: "user-email", type: "email", value: email, onChange: (e) => setEmail(e.target.value), placeholder: "email@exemplo.com", required: true, disabled: isPending })
+        /* @__PURE__ */ jsx24(Input, { id: "user-email", name: "email", type: "email", autoComplete: "email", value: email, onChange: (e) => setEmail(e.target.value), placeholder: "email@exemplo.com", required: true, disabled: isPending })
       ] }),
       !isEditing && /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
         /* @__PURE__ */ jsx24(Label, { htmlFor: "user-password", children: "Senha" }),
-        /* @__PURE__ */ jsx24(Input, { id: "user-password", type: "password", value: password, onChange: (e) => setPassword(e.target.value), placeholder: "Senha inicial (opcional)", disabled: isPending })
+        /* @__PURE__ */ jsx24(Input, { id: "user-password", name: "password", type: "password", autoComplete: "new-password", value: password, onChange: (e) => setPassword(e.target.value), placeholder: "Senha inicial (opcional)", disabled: isPending })
       ] }),
       /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx24(Label, { children: "Perfil de acesso" }),
+        /* @__PURE__ */ jsx24(Label, { htmlFor: "user-profile", children: "Perfil de acesso" }),
         /* @__PURE__ */ jsxs16(Select, { value: profile, onValueChange: setProfile, disabled: isPending, children: [
-          /* @__PURE__ */ jsx24(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ jsx24(SelectValue, {}) }),
+          /* @__PURE__ */ jsx24(SelectTrigger, { id: "user-profile", className: "w-full", children: /* @__PURE__ */ jsx24(SelectValue, {}) }),
           /* @__PURE__ */ jsx24(SelectContent, { children: PROFILE_OPTIONS.map((opt) => /* @__PURE__ */ jsx24(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
         ] })
       ] }),
@@ -2272,7 +2282,7 @@ function UserFormDialog({
       /* @__PURE__ */ jsxs16(DialogFooter, { children: [
         /* @__PURE__ */ jsx24(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), disabled: isPending, children: "Cancelar" }),
         /* @__PURE__ */ jsxs16(Button, { type: "submit", disabled: isPending || !name.trim() || !email.trim(), children: [
-          isPending && /* @__PURE__ */ jsx24(Loader22, { className: "mr-2 h-4 w-4 animate-spin" }),
+          isPending && /* @__PURE__ */ jsx24(Loader22, { "aria-hidden": "true", className: "mr-2 h-4 w-4 animate-spin" }),
           isEditing ? "Salvar" : "Criar"
         ] })
       ] })
@@ -2307,7 +2317,7 @@ import {
   getSortedRowModel,
   useReactTable
 } from "@tanstack/react-table";
-import { useState as useState6 } from "react";
+import { useState as useState7 } from "react";
 
 // src/components/ui/table.tsx
 import { jsx as jsx26 } from "react/jsx-runtime";
@@ -2389,7 +2399,7 @@ function DataTable({
   getRowId,
   compact
 }) {
-  const [sorting, setSorting] = useState6([]);
+  const [sorting, setSorting] = useState7([]);
   const table = useReactTable({
     data,
     columns,
@@ -2413,12 +2423,13 @@ function DataTable({
               type: "button",
               className: "flex items-center gap-1 hover:text-foreground -ml-1 px-1 py-0.5 rounded cursor-pointer select-none",
               onClick: header.column.getToggleSortingHandler(),
+              "aria-label": "Ordenar",
               children: [
                 flexRender(header.column.columnDef.header, header.getContext()),
                 {
-                  asc: /* @__PURE__ */ jsx27(ArrowUp, { className: "h-3.5 w-3.5" }),
-                  desc: /* @__PURE__ */ jsx27(ArrowDown, { className: "h-3.5 w-3.5" })
-                }[header.column.getIsSorted()] ?? /* @__PURE__ */ jsx27(ArrowUpDown, { className: "h-3.5 w-3.5 text-muted-foreground/50" })
+                  asc: /* @__PURE__ */ jsx27(ArrowUp, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
+                  desc: /* @__PURE__ */ jsx27(ArrowDown, { "aria-hidden": "true", className: "h-3.5 w-3.5" })
+                }[header.column.getIsSorted()] ?? /* @__PURE__ */ jsx27(ArrowUpDown, { "aria-hidden": "true", className: "h-3.5 w-3.5 text-muted-foreground/50" })
               ]
             }
           ) : flexRender(header.column.columnDef.header, header.getContext())
@@ -2453,7 +2464,7 @@ function DataTable({
       }) })
     ] }) }),
     showPagination && /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between px-2", children: [
-      /* @__PURE__ */ jsxs17("p", { className: "text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs17("p", { className: "text-sm text-muted-foreground tabular-nums", children: [
         total,
         " registro",
         total !== 1 ? "s" : ""
@@ -2467,12 +2478,12 @@ function DataTable({
             onClick: () => onPageChange(page - 1),
             disabled: page <= 1,
             children: [
-              /* @__PURE__ */ jsx27(ChevronLeft, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx27(ChevronLeft, { "aria-hidden": "true", className: "h-4 w-4" }),
               "Anterior"
             ]
           }
         ),
-        /* @__PURE__ */ jsxs17("span", { className: "text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ jsxs17("span", { className: "text-sm text-muted-foreground tabular-nums", children: [
           page,
           " de ",
           totalPages
@@ -2486,7 +2497,7 @@ function DataTable({
             disabled: page >= totalPages,
             children: [
               "Pr\xF3ximo",
-              /* @__PURE__ */ jsx27(ChevronRight4, { className: "h-4 w-4" })
+              /* @__PURE__ */ jsx27(ChevronRight4, { "aria-hidden": "true", className: "h-4 w-4" })
             ]
           }
         )
@@ -2682,12 +2693,12 @@ function useColumns(onEdit, onDelete, onResetPassword) {
     {
       accessorKey: "last_login",
       header: "\xDAltimo acesso",
-      cell: ({ row }) => /* @__PURE__ */ jsx29("span", { className: "text-muted-foreground text-sm", children: row.original.last_login ? format(new Date(row.original.last_login), "dd/MM/yyyy HH:mm", { locale: ptBR }) : "\u2014" })
+      cell: ({ row }) => /* @__PURE__ */ jsx29("span", { className: "text-muted-foreground text-sm tabular-nums", children: row.original.last_login ? format(new Date(row.original.last_login), "dd/MM/yyyy HH:mm", { locale: ptBR }) : "\u2014" })
     },
     {
       accessorKey: "datetime_add",
       header: "Criado em",
-      cell: ({ row }) => /* @__PURE__ */ jsx29("span", { className: "text-muted-foreground text-sm", children: format(new Date(row.original.datetime_add), "dd/MM/yyyy", { locale: ptBR }) })
+      cell: ({ row }) => /* @__PURE__ */ jsx29("span", { className: "text-muted-foreground text-sm tabular-nums", children: format(new Date(row.original.datetime_add), "dd/MM/yyyy", { locale: ptBR }) })
     },
     {
       id: "actions",
@@ -2695,15 +2706,15 @@ function useColumns(onEdit, onDelete, onResetPassword) {
       enableSorting: false,
       cell: ({ row }) => /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-1", children: [
         /* @__PURE__ */ jsxs19(Tooltip, { children: [
-          /* @__PURE__ */ jsx29(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx29(Button, { variant: "ghost", size: "icon", className: "h-8 w-8", onClick: () => onResetPassword(row.original), children: /* @__PURE__ */ jsx29(Forward, { className: "h-4 w-4" }) }) }),
+          /* @__PURE__ */ jsx29(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx29(Button, { variant: "ghost", size: "icon", className: "h-8 w-8", onClick: () => onResetPassword(row.original), "aria-label": "Reenviar senha", children: /* @__PURE__ */ jsx29(Forward, { className: "h-4 w-4" }) }) }),
           /* @__PURE__ */ jsx29(TooltipContent, { children: "Resetar senha" })
         ] }),
         /* @__PURE__ */ jsxs19(Tooltip, { children: [
-          /* @__PURE__ */ jsx29(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx29(Button, { variant: "ghost", size: "icon", className: "h-8 w-8", onClick: () => onEdit(row.original), children: /* @__PURE__ */ jsx29(Pencil, { className: "h-4 w-4" }) }) }),
+          /* @__PURE__ */ jsx29(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx29(Button, { variant: "ghost", size: "icon", className: "h-8 w-8", onClick: () => onEdit(row.original), "aria-label": "Editar", children: /* @__PURE__ */ jsx29(Pencil, { className: "h-4 w-4" }) }) }),
           /* @__PURE__ */ jsx29(TooltipContent, { children: "Editar" })
         ] }),
         /* @__PURE__ */ jsxs19(Tooltip, { children: [
-          /* @__PURE__ */ jsx29(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx29(Button, { variant: "ghost", size: "icon", className: "h-8 w-8 text-destructive hover:text-destructive", onClick: () => onDelete(row.original.id), children: /* @__PURE__ */ jsx29(Trash22, { className: "h-4 w-4" }) }) }),
+          /* @__PURE__ */ jsx29(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx29(Button, { variant: "ghost", size: "icon", className: "h-8 w-8 text-destructive hover:text-destructive", onClick: () => onDelete(row.original.id), "aria-label": "Excluir", children: /* @__PURE__ */ jsx29(Trash22, { className: "h-4 w-4" }) }) }),
           /* @__PURE__ */ jsx29(TooltipContent, { children: "Excluir" })
         ] })
       ] })
@@ -2711,9 +2722,9 @@ function useColumns(onEdit, onDelete, onResetPassword) {
   ];
 }
 function UsersPage({ config, renderPhones }) {
-  const [search, setSearch] = useState7("");
-  const [profileFilter, setProfileFilter] = useState7("all");
-  const [page, setPage] = useState7(1);
+  const [search, setSearch] = useState8("");
+  const [profileFilter, setProfileFilter] = useState8("all");
+  const [page, setPage] = useState8(1);
   const queryParams = useMemo4(() => {
     const params = {
       limit: String(PAGE_SIZE),
@@ -2725,10 +2736,10 @@ function UsersPage({ config, renderPhones }) {
   const { data, isLoading } = useUsers(config, queryParams);
   const deleteUser = useDeleteUser(config);
   const resetPassword = useResetPassword(config);
-  const [editUser, setEditUser] = useState7(null);
-  const [formOpen, setFormOpen] = useState7(false);
-  const [deleteId, setDeleteId] = useState7(null);
-  const [resetUser, setResetUser] = useState7(null);
+  const [editUser, setEditUser] = useState8(null);
+  const [formOpen, setFormOpen] = useState8(false);
+  const [deleteId, setDeleteId] = useState8(null);
+  const [resetUser, setResetUser] = useState8(null);
   const users = data?.data || [];
   const total = data?.total || 0;
   const filtered = useMemo4(() => {
@@ -2779,23 +2790,26 @@ function UsersPage({ config, renderPhones }) {
         setEditUser(null);
         setFormOpen(true);
       }, size: "sm", children: [
-        /* @__PURE__ */ jsx29(Plus, { className: "mr-2 h-4 w-4" }),
+        /* @__PURE__ */ jsx29(Plus, { "aria-hidden": "true", className: "mr-2 h-4 w-4" }),
         "Novo Usu\xE1rio"
       ] })
     ] }),
     /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-3", children: [
       /* @__PURE__ */ jsxs19("div", { className: "relative flex-1 max-w-md", children: [
-        /* @__PURE__ */ jsx29(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+        /* @__PURE__ */ jsx29(Search, { "aria-hidden": "true", className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
         /* @__PURE__ */ jsx29(
           Input,
           {
-            placeholder: "Buscar por nome ou e-mail...",
+            placeholder: "Buscar por nome ou e-mail\\u2026",
             value: search,
             onChange: (e) => {
               setSearch(e.target.value);
               setPage(1);
             },
-            className: "pl-9"
+            className: "pl-9",
+            name: "search",
+            autoComplete: "off",
+            "aria-label": "Buscar por nome ou e-mail"
           }
         )
       ] }),