@greatapps/greatauth-ui 0.3.14 → 0.3.16

package/dist/index.js

@@ -1075,7 +1075,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 +1092,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,17 +1239,16 @@ 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" })
   ] });
 }
 
 // src/components/app-header.tsx
-import { Fragment as Fragment2, jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
 function AppHeader({ config }) {
   const pathname = usePathname2();
-  const { state } = useSidebar();
   const segments = pathname.split("/").filter(Boolean);
   const breadcrumbs = useMemo2(() => {
     const items = [];
@@ -1266,10 +1265,6 @@ function AppHeader({ config }) {
   const showEllipsis = breadcrumbs.length > 2;
   return /* @__PURE__ */ jsxs8("header", { className: "flex h-14 shrink-0 items-center gap-2 border-b px-4", children: [
     /* @__PURE__ */ jsx15(SidebarTrigger, { className: "-ml-1" }),
-    state === "collapsed" && config.appIcon && /* @__PURE__ */ jsxs8(Fragment2, { children: [
-      /* @__PURE__ */ jsx15(Separator, { orientation: "vertical", className: "!h-4" }),
-      /* @__PURE__ */ jsx15("div", { className: "shrink-0 text-sidebar-foreground", children: config.appIcon })
-    ] }),
     /* @__PURE__ */ jsx15(Separator, { orientation: "vertical", className: "mr-2 !h-4" }),
     /* @__PURE__ */ jsx15(Breadcrumb, { className: "flex-1", children: /* @__PURE__ */ jsx15(BreadcrumbList, { children: breadcrumbs.length > 0 ? breadcrumbs.map((crumb, i) => {
       const hiddenOnMobile = showEllipsis && i < breadcrumbs.length - 2;
@@ -1284,9 +1279,9 @@ function AppHeader({ config }) {
 }
 
 // src/components/app-shell.tsx
-import { Fragment as Fragment3, jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
 function AppShell({ config, children, renderAbove }) {
-  return /* @__PURE__ */ jsxs9(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs9(Fragment2, { children: [
     renderAbove,
     /* @__PURE__ */ jsx16(TooltipProvider, { children: /* @__PURE__ */ jsxs9(SidebarProvider, { className: "!h-svh !overflow-hidden", children: [
       /* @__PURE__ */ jsx16(AppSidebar, { config }),
@@ -1324,7 +1319,7 @@ function Label({
 }
 
 // src/components/login-form.tsx
-import { Fragment as Fragment4, jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
 function LoginForm({ config }) {
   const router = useRouter2();
   const searchParams = useSearchParams();
@@ -1395,17 +1390,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,
@@ -1420,11 +1416,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,
@@ -1452,9 +1449,9 @@ function LoginForm({ config }) {
             type: "submit",
             className: cn("w-full", loading && "cursor-wait"),
             disabled: loading,
-            children: loading ? /* @__PURE__ */ jsxs10(Fragment4, { children: [
-              /* @__PURE__ */ jsx18(Loader2, { className: "h-4 w-4 animate-spin" }),
-              "A entrar..."
+            children: loading ? /* @__PURE__ */ jsxs10(Fragment3, { children: [
+              /* @__PURE__ */ jsx18(Loader2, { "aria-hidden": "true", className: "h-4 w-4 animate-spin" }),
+              "A entrar\u2026"
             ] }) : "Entrar"
           }
         )
@@ -1870,7 +1867,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" })
         }
       )
     ] }),
@@ -1882,7 +1880,8 @@ function ImageCropUpload({
         accept: "image/png,image/jpeg,image/webp",
         onChange: handleFileSelect,
         className: "hidden",
-        disabled
+        disabled,
+        "aria-label": "Selecionar imagem"
       }
     ),
     !disabled && value && /* @__PURE__ */ jsxs14(
@@ -1894,7 +1893,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"
         ]
       }
@@ -1947,7 +1946,7 @@ function ImageCropUpload({
           {
             onClick: handleConfirmCrop,
             disabled: isUploading || !croppedArea,
-            children: isUploading ? "Enviando..." : "Confirmar"
+            children: isUploading ? "Enviando\u2026" : "Confirmar"
           }
         )
       ] })
@@ -2251,25 +2250,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)) })
         ] })
       ] }),
@@ -2277,7 +2276,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"
         ] })
       ] })
@@ -2418,12 +2417,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())
@@ -2458,7 +2458,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" : ""
@@ -2472,12 +2472,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
@@ -2491,7 +2491,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" })
             ]
           }
         )
@@ -2687,12 +2687,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",
@@ -2700,15 +2700,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" })
         ] })
       ] })
@@ -2784,23 +2784,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"
           }
         )
       ] }),