@nextsparkjs/core 0.1.0-beta.188 → 0.1.0-beta.189

package/dist/components/dashboard/layouts/Sidebar.js

@@ -2,6 +2,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import Link from "next/link";
 import { useState, useEffect } from "react";
+import { useTranslations } from "next-intl";
 import { cn } from "../../../lib/utils/index.js";
 import { useSidebar } from "../../../contexts/sidebar-context.js";
 import { sel } from "../../../lib/test/index.js";
@@ -9,14 +10,15 @@ import { DynamicNavigation } from "../navigation/DynamicNavigation.js";
 import { TeamSwitcherCompact } from "../../teams/TeamSwitcherCompact.js";
 import { APP_NAME } from "../../../lib/config/index.js";
 function Sidebar({ className, entities }) {
+  const t = useTranslations("common");
   const { isCollapsed } = useSidebar();
   const appName = APP_NAME;
   const [statusMessage, setStatusMessage] = useState("");
   useEffect(() => {
     if (isCollapsed) {
-      setStatusMessage("Sidebar en modo contra\xEDdo. Use Tab para navegar.");
+      setStatusMessage(t("a11y.sidebarCollapsedHint"));
     }
-  }, [isCollapsed]);
+  }, [isCollapsed, t]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "div",
@@ -36,7 +38,7 @@ function Sidebar({ className, entities }) {
           className
         ),
         role: "complementary",
-        "aria-label": isCollapsed ? "Sidebar de navegaci\xF3n contra\xEDdo" : "Sidebar de navegaci\xF3n expandido",
+        "aria-label": isCollapsed ? t("a11y.sidebarCollapsed") : t("a11y.sidebarExpanded"),
         "data-cy": sel("dashboard.sidebar.container"),
         "data-collapsed": isCollapsed,
         children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full", children: [
@@ -51,7 +53,7 @@ function Sidebar({ className, entities }) {
                 {
                   href: "/",
                   className: "flex items-center gap-2",
-                  "aria-label": isCollapsed ? "Ir a la p\xE1gina principal" : `${appName} - Ir a la p\xE1gina principal`,
+                  "aria-label": isCollapsed ? t("a11y.goHome") : t("a11y.goHomeNamed", { appName }),
                   "data-cy": sel("dashboard.sidebar.logo"),
                   children: [
                     /* @__PURE__ */ jsx(
@@ -59,7 +61,7 @@ function Sidebar({ className, entities }) {
                       {
                         className: "w-8 h-8 rounded-lg bg-primary flex items-center justify-center",
                         role: "img",
-                        "aria-label": `Logo de ${appName}`,
+                        "aria-label": t("a11y.logoOf", { appName }),
                         children: /* @__PURE__ */ jsx("span", { className: "text-primary-foreground font-bold text-sm", "aria-hidden": "true", children: appName.charAt(0) })
                       }
                     ),
@@ -81,7 +83,7 @@ function Sidebar({ className, entities }) {
               className: "flex-1 px-2 pb-4 overflow-y-auto",
               id: "sidebar-navigation",
               role: "navigation",
-              "aria-label": "Navegaci\xF3n principal del dashboard",
+              "aria-label": t("a11y.dashboardNavigation"),
               "data-cy": sel("dashboard.sidebar.content"),
               children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("section", { "aria-labelledby": !isCollapsed ? "nav-heading" : void 0, children: [
                 !isCollapsed && /* @__PURE__ */ jsx(

package/dist/components/dashboard/layouts/TopNavbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopNavbar.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/layouts/TopNavbar.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAA;AAEnF,UAAU,cAAc;IACtB,QAAQ,EAAE,wBAAwB,EAAE,CAAA;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,cAAc,2CAgqBhE"}
+{"version":3,"file":"TopNavbar.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/layouts/TopNavbar.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAA;AAEnF,UAAU,cAAc;IACtB,QAAQ,EAAE,wBAAwB,EAAE,CAAA;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,cAAc,2CA6pBhE"}

package/dist/components/dashboard/layouts/TopNavbar.js

@@ -21,7 +21,7 @@ import { NotificationsDropdown } from "../misc/NotificationsDropdown.js";
 import { SearchDropdown } from "../misc/SearchDropdown.js";
 import { QuickCreateDropdown } from "../misc/QuickCreateDropdown.js";
 import { cn } from "../../../lib/utils/index.js";
-import { sel, createAriaLabel } from "../../../lib/test/index.js";
+import { sel } from "../../../lib/test/index.js";
 import { useTranslations } from "next-intl";
 import { useIsSuperAdmin } from "../../app/guards/SuperAdminGuard.js";
 import { useIsDeveloper } from "../../app/guards/DeveloperGuard.js";
@@ -80,26 +80,26 @@ function TopNavbar({ entities, className }) {
   const handleMenuToggle = useCallback(() => {
     const newState = !isMenuOpen;
     setIsMenuOpen(newState);
-    setStatusMessage(newState ? "Men\xFA m\xF3vil abierto" : "Men\xFA m\xF3vil cerrado");
-  }, [isMenuOpen]);
+    setStatusMessage(newState ? t("a11y.mobileMenuOpenedAnnouncement") : t("a11y.mobileMenuClosedAnnouncement"));
+  }, [isMenuOpen, t]);
   const handleSignOut = useCallback(async () => {
     try {
-      setStatusMessage("Cerrando sesi\xF3n...");
+      setStatusMessage(t("a11y.signingOut"));
       await signOut();
-      setStatusMessage("Sesi\xF3n cerrada exitosamente");
+      setStatusMessage(t("a11y.signOutSuccess"));
     } catch {
-      setStatusMessage("Error al cerrar sesi\xF3n");
+      setStatusMessage(t("a11y.signOutError"));
     }
-  }, [signOut]);
+  }, [signOut, t]);
   const handleMenuClose = useCallback(() => {
     setIsMenuOpen(false);
-    setStatusMessage("Men\xFA cerrado");
-  }, []);
+    setStatusMessage(t("a11y.menuClosedAnnouncement"));
+  }, [t]);
   const handleToggleSidebar = useCallback(() => {
     toggleSidebar();
     const newState = !isCollapsed;
-    setStatusMessage(newState ? "Sidebar expandido" : "Sidebar contra\xEDdo");
-  }, [isCollapsed, toggleSidebar]);
+    setStatusMessage(newState ? t("a11y.sidebarToggleExpanded") : t("a11y.sidebarToggleCollapsed"));
+  }, [isCollapsed, toggleSidebar, t]);
   useEffect(() => {
     const handleKeyDown = (e) => {
       if (e.key === "Escape" && isMenuOpen) {
@@ -133,7 +133,7 @@ function TopNavbar({ entities, className }) {
           className
         ),
         role: "banner",
-        "aria-label": "Navegaci\xF3n principal",
+        "aria-label": t("a11y.mainNavigation"),
         "data-cy": sel("dashboard.topnav.container"),
         children: [
           /* @__PURE__ */ jsx("div", { className: "w-full pl-2.5 pr-4 sm:pr-6 lg:pr-8", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between h-16", children: [
@@ -143,7 +143,7 @@ function TopNavbar({ entities, className }) {
                 {
                   href: "/",
                   className: "text-xl font-bold text-foreground lg:hidden",
-                  "aria-label": "Ir a la p\xE1gina principal",
+                  "aria-label": t("a11y.goHome"),
                   "data-cy": sel("dashboard.topnav.logo"),
                   children: APP_NAME
                 }
@@ -156,7 +156,7 @@ function TopNavbar({ entities, className }) {
                     size: "icon",
                     onClick: handleToggleSidebar,
                     className: "hidden lg:flex h-8 w-8",
-                    "aria-label": isCollapsed ? "Expandir sidebar" : "Contraer sidebar",
+                    "aria-label": isCollapsed ? t("a11y.expandSidebar") : t("a11y.collapseSidebar"),
                     "aria-expanded": !isCollapsed,
                     "aria-controls": "sidebar-navigation",
                     "data-cy": sel("dashboard.topnav.sidebarToggle"),
@@ -169,7 +169,7 @@ function TopNavbar({ entities, className }) {
                   {
                     className: "hidden lg:flex items-center min-w-0 max-w-sm",
                     role: "search",
-                    "aria-label": "B\xFAsqueda de tareas",
+                    "aria-label": t("a11y.taskSearch"),
                     "data-cy": sel("dashboard.topnav.search.container"),
                     children: /* @__PURE__ */ jsx(SearchDropdown, {})
                   }
@@ -181,7 +181,7 @@ function TopNavbar({ entities, className }) {
               {
                 className: "flex items-center space-x-4 flex-shrink-0",
                 role: "toolbar",
-                "aria-label": "Acciones y configuraci\xF3n",
+                "aria-label": t("a11y.actionsAndSettings"),
                 "data-cy": sel("dashboard.topnav.actions"),
                 children: [
                   user && isTopbarFeatureEnabled("notifications") && /* @__PURE__ */ jsx(NotificationsDropdown, {}),
@@ -198,10 +198,10 @@ function TopNavbar({ entities, className }) {
                           href: "/support",
                           target: "_blank",
                           rel: "noopener noreferrer",
-                          "aria-label": "Abrir centro de ayuda en nueva pesta\xF1a",
+                          "aria-label": t("a11y.openHelpCenterNewTab"),
                           children: [
                             /* @__PURE__ */ jsx(HelpCircle, { className: "h-4 w-4", "aria-hidden": "true" }),
-                            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Ayuda" })
+                            /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("a11y.help") })
                           ]
                         }
                       )
@@ -225,11 +225,11 @@ function TopNavbar({ entities, className }) {
                         Link,
                         {
                           href: "/superadmin",
-                          "aria-label": "Acceder a Super Admin - \xC1rea de super administrador",
-                          title: "Super Admin - Super Admin Area",
+                          "aria-label": t("a11y.accessSuperAdminArea"),
+                          title: t("a11y.superAdminAreaTitle"),
                           children: [
                             /* @__PURE__ */ jsx(Shield, { className: "h-4 w-4", "aria-hidden": "true" }),
-                            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "\xC1rea de super administrador" })
+                            /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("a11y.superAdminArea") })
                           ]
                         }
                       )
@@ -246,11 +246,11 @@ function TopNavbar({ entities, className }) {
                         Link,
                         {
                           href: "/devtools",
-                          "aria-label": "Acceder a DevTools - \xC1rea de desarrolladores",
-                          title: "DevTools - Developer Area",
+                          "aria-label": t("a11y.accessDeveloperArea"),
+                          title: t("a11y.developerAreaTitle"),
                           children: [
                             /* @__PURE__ */ jsx(Code, { className: "h-4 w-4 text-violet-600 dark:text-violet-400", "aria-hidden": "true" }),
-                            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "\xC1rea de desarrolladores" })
+                            /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("a11y.developerArea") })
                           ]
                         }
                       )
@@ -310,9 +310,9 @@ function TopNavbar({ entities, className }) {
                     {
                       className: "h-8 w-20 bg-muted animate-pulse rounded",
                       role: "status",
-                      "aria-label": "Cargando informaci\xF3n del usuario",
+                      "aria-label": t("a11y.loadingUserInfo"),
                       "data-cy": sel("dashboard.topnav.userLoading"),
-                      children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Cargando..." })
+                      children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("a11y.loading") })
                     }
                   ) : user ? TOPBAR_CONFIG.userMenu.enabled ? /* @__PURE__ */ jsxs(DropdownMenu, { children: [
                     /* @__PURE__ */ jsx(
@@ -325,10 +325,7 @@ function TopNavbar({ entities, className }) {
                           {
                             variant: "ghost",
                             className: "flex items-center gap-3 h-auto p-2",
-                            "aria-label": createAriaLabel(
-                              "Men\xFA de usuario. Cuenta: {name}",
-                              { name: user.firstName || user.email }
-                            ),
+                            "aria-label": t("a11y.userMenuForName", { name: user.firstName || user.email }),
                             "aria-haspopup": "menu",
                             "aria-expanded": "false",
                             children: [
@@ -346,7 +343,7 @@ function TopNavbar({ entities, className }) {
                                 {
                                   className: `h-8 w-8 rounded-full flex items-center justify-center text-white text-sm font-medium ${getAvatarColor(user.email)}`,
                                   role: "img",
-                                  "aria-label": `Avatar de ${user.firstName || user.email}`,
+                                  "aria-label": t("a11y.avatarForName", { name: user.firstName || user.email }),
                                   children: getUserInitials(user)
                                 }
                               ),
@@ -368,9 +365,9 @@ function TopNavbar({ entities, className }) {
                             {
                               className: "flex flex-col space-y-1",
                               role: "group",
-                              "aria-label": "Informaci\xF3n del usuario",
+                              "aria-label": t("a11y.userInfo"),
                               children: [
-                                TOPBAR_CONFIG.userMenu.showAvatar && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: user.firstName || "Usuario" }),
+                                TOPBAR_CONFIG.userMenu.showAvatar && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: user.firstName || t("common.user") }),
                                 TOPBAR_CONFIG.userMenu.showEmail && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: user.email }),
                                 TOPBAR_CONFIG.userMenu.showRole && user.role && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t(`userRoles.${user.role}`) })
                               ]
@@ -432,7 +429,7 @@ function TopNavbar({ entities, className }) {
                         Image,
                         {
                           src: user.image,
-                          alt: `Avatar de ${user.firstName || user.email}`,
+                          alt: t("a11y.avatarForName", { name: user.firstName || user.email }),
                           width: 32,
                           height: 32,
                           className: "h-8 w-8 rounded-full object-cover border border-border"
@@ -441,7 +438,7 @@ function TopNavbar({ entities, className }) {
                         "div",
                         {
                           className: `h-8 w-8 rounded-full flex items-center justify-center text-white text-sm font-medium ${getAvatarColor(user.email)}`,
-                          "aria-label": `Avatar de ${user.firstName || user.email}`,
+                          "aria-label": t("a11y.avatarForName", { name: user.firstName || user.email }),
                           children: getUserInitials(user)
                         }
                       ),
@@ -458,7 +455,7 @@ function TopNavbar({ entities, className }) {
                           {
                             variant: "ghost",
                             size: "sm",
-                            "aria-label": "Iniciar sesi\xF3n",
+                            "aria-label": t("a11y.signIn"),
                             children: t("buttons.signIn")
                           }
                         )
@@ -473,7 +470,7 @@ function TopNavbar({ entities, className }) {
                           Button,
                           {
                             size: "sm",
-                            "aria-label": "Registrarse",
+                            "aria-label": t("a11y.signUp"),
                             children: t("buttons.signUp")
                           }
                         )
@@ -488,7 +485,7 @@ function TopNavbar({ entities, className }) {
               {
                 className: "lg:hidden flex items-center space-x-2",
                 role: "group",
-                "aria-label": "Acciones m\xF3viles",
+                "aria-label": t("a11y.mobileActions"),
                 "data-cy": sel("dashboard.topnav.mobileMenu.actions"),
                 children: [
                   isTopbarFeatureEnabled("themeToggle") && /* @__PURE__ */ jsx(
@@ -502,7 +499,7 @@ function TopNavbar({ entities, className }) {
                     {
                       onClick: handleMenuToggle,
                       className: "text-foreground/70 hover:text-foreground",
-                      "aria-label": isMenuOpen ? "Cerrar men\xFA de navegaci\xF3n" : "Abrir men\xFA de navegaci\xF3n",
+                      "aria-label": isMenuOpen ? t("a11y.closeNavigationMenu") : t("a11y.openNavigationMenu"),
                       "aria-expanded": isMenuOpen,
                       "aria-controls": "mobile-menu",
                       "data-cy": sel("dashboard.topnav.mobileMenu.toggle"),
@@ -519,7 +516,7 @@ function TopNavbar({ entities, className }) {
               className: "lg:hidden border-t border-border",
               id: "mobile-menu",
               role: "navigation",
-              "aria-label": "Men\xFA de navegaci\xF3n m\xF3vil",
+              "aria-label": t("a11y.mobileNavigationMenu"),
               "data-cy": sel("dashboard.topnav.mobileMenu.container"),
               children: /* @__PURE__ */ jsx("div", { className: "px-2 pt-2 pb-3 space-y-1", children: user ? /* @__PURE__ */ jsxs(Fragment, { children: [
                 /* @__PURE__ */ jsxs(
@@ -527,7 +524,7 @@ function TopNavbar({ entities, className }) {
                   {
                     className: "mb-4",
                     role: "group",
-                    "aria-label": "Navegaci\xF3n principal",
+                    "aria-label": t("a11y.mainNavigation"),
                     children: [
                       /* @__PURE__ */ jsx(
                         DynamicNavigation,
@@ -546,11 +543,11 @@ function TopNavbar({ entities, className }) {
                             pathname.startsWith("/superadmin") ? "bg-red-50 text-red-700" : "text-red-600"
                           ),
                           onClick: handleMenuClose,
-                          "aria-label": "Ir a Super Admin - \xC1rea de super administrador",
+                          "aria-label": t("a11y.goToSuperAdminArea"),
                           "data-cy": sel("dashboard.topnav.mobileMenu.superadmin"),
                           children: [
                             /* @__PURE__ */ jsx(Shield, { className: "h-4 w-4", "aria-hidden": "true" }),
-                            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "\xC1rea de super administrador" })
+                            /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("a11y.superAdminArea") })
                           ]
                         }
                       ),
@@ -563,11 +560,11 @@ function TopNavbar({ entities, className }) {
                             pathname.startsWith("/devtools") ? "bg-violet-50 dark:bg-violet-950/50 text-violet-700 dark:text-violet-400" : "text-violet-600 dark:text-violet-400"
                           ),
                           onClick: handleMenuClose,
-                          "aria-label": "Ir a DevTools - \xC1rea de desarrolladores",
+                          "aria-label": t("a11y.goToDeveloperArea"),
                           "data-cy": sel("dashboard.topnav.mobileMenu.devtools"),
                           children: [
                             /* @__PURE__ */ jsx(Code, { className: "h-4 w-4", "aria-hidden": "true" }),
-                            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "\xC1rea de desarrolladores" })
+                            /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("a11y.developerArea") })
                           ]
                         }
                       )
@@ -579,7 +576,7 @@ function TopNavbar({ entities, className }) {
                   {
                     className: "flex items-center gap-3 px-3 py-2 border-t border-border pt-4",
                     role: "group",
-                    "aria-label": "Informaci\xF3n del usuario",
+                    "aria-label": t("a11y.userInfo"),
                     "data-cy": sel("dashboard.topnav.mobileMenu.userInfo"),
                     children: [
                       user.image ? /* @__PURE__ */ jsx(
@@ -596,12 +593,12 @@ function TopNavbar({ entities, className }) {
                         {
                           className: `h-8 w-8 rounded-full flex items-center justify-center text-white text-sm font-medium ${getAvatarColor(user.email)}`,
                           role: "img",
-                          "aria-label": `Avatar de ${user.firstName || user.email}`,
+                          "aria-label": t("a11y.avatarForName", { name: user.firstName || user.email }),
                           children: getUserInitials(user)
                         }
                       ),
                       /* @__PURE__ */ jsxs("div", { children: [
-                        /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-foreground", children: user.firstName || "Usuario" }),
+                        /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-foreground", children: user.firstName || t("common.user") }),
                         /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: user.email })
                       ] })
                     ]
@@ -613,7 +610,7 @@ function TopNavbar({ entities, className }) {
                     href: "/dashboard/settings/profile",
                     className: "block px-3 py-2 rounded-md text-base font-medium text-foreground hover:bg-accent",
                     onClick: handleMenuClose,
-                    "aria-label": "Ir a perfil",
+                    "aria-label": t("a11y.goToProfile"),
                     "data-cy": sel("dashboard.topnav.mobileMenu.linkProfile"),
                     children: [
                       /* @__PURE__ */ jsx(User, { className: "inline mr-2 h-4 w-4", "aria-hidden": "true" }),
@@ -627,7 +624,7 @@ function TopNavbar({ entities, className }) {
                     href: "/dashboard/settings",
                     className: "block px-3 py-2 rounded-md text-base font-medium text-foreground hover:bg-accent",
                     onClick: handleMenuClose,
-                    "aria-label": "Ir a configuraci\xF3n",
+                    "aria-label": t("a11y.goToSettings"),
                     "data-cy": sel("dashboard.topnav.mobileMenu.linkSettings"),
                     children: [
                       /* @__PURE__ */ jsx(Settings, { className: "inline mr-2 h-4 w-4", "aria-hidden": "true" }),
@@ -641,7 +638,7 @@ function TopNavbar({ entities, className }) {
                     href: "/dashboard/settings/billing",
                     className: "block px-3 py-2 rounded-md text-base font-medium text-foreground hover:bg-accent",
                     onClick: handleMenuClose,
-                    "aria-label": "Ir a facturaci\xF3n",
+                    "aria-label": t("a11y.goToBilling"),
                     "data-cy": sel("dashboard.topnav.mobileMenu.linkBilling"),
                     children: [
                       /* @__PURE__ */ jsx(CreditCard, { className: "inline mr-2 h-4 w-4", "aria-hidden": "true" }),
@@ -657,7 +654,7 @@ function TopNavbar({ entities, className }) {
                       handleMenuClose();
                     },
                     className: "w-full text-left px-3 py-2 rounded-md text-base font-medium text-red-600 hover:bg-accent",
-                    "aria-label": "Cerrar sesi\xF3n",
+                    "aria-label": t("a11y.signOut"),
                     "data-cy": sel("dashboard.topnav.mobileMenu.signout"),
                     children: [
                       /* @__PURE__ */ jsx(LogOut, { className: "inline mr-2 h-4 w-4", "aria-hidden": "true" }),
@@ -672,7 +669,7 @@ function TopNavbar({ entities, className }) {
                     href: "/login",
                     className: "block px-3 py-2 rounded-md text-base font-medium text-foreground hover:bg-accent",
                     onClick: handleMenuClose,
-                    "aria-label": "Iniciar sesi\xF3n",
+                    "aria-label": t("a11y.signIn"),
                     "data-cy": sel("dashboard.topnav.signin"),
                     children: "Sign in"
                   }
@@ -683,7 +680,7 @@ function TopNavbar({ entities, className }) {
                     href: "/signup",
                     className: "block px-3 py-2 rounded-md text-base font-medium text-foreground hover:bg-accent",
                     onClick: handleMenuClose,
-                    "aria-label": "Registrarse",
+                    "aria-label": t("a11y.signUp"),
                     "data-cy": sel("dashboard.topnav.signup"),
                     children: "Sign up"
                   }

package/dist/components/dashboard/misc/NotificationsDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationsDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/misc/NotificationsDropdown.tsx"],"names":[],"mappings":"AAgLA,wBAAgB,qBAAqB,4CAiHpC"}
+{"version":3,"file":"NotificationsDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/misc/NotificationsDropdown.tsx"],"names":[],"mappings":"AAkLA,wBAAgB,qBAAqB,4CAiHpC"}

package/dist/components/dashboard/misc/NotificationsDropdown.js

@@ -17,7 +17,7 @@ import { useNotifications } from "../../../hooks/useNotifications.js";
 import { cn } from "../../../lib/utils/index.js";
 import { useState, useCallback } from "react";
 import { sel, createAriaLabel } from "../../../lib/test/index.js";
-import { useTranslations } from "next-intl";
+import { useLocale, useTranslations } from "next-intl";
 const getNotificationIcon = (type) => {
   switch (type) {
     case "success":
@@ -30,28 +30,30 @@ const getNotificationIcon = (type) => {
       return /* @__PURE__ */ jsx(Info, { className: "h-4 w-4 text-blue-500" });
   }
 };
-const formatTimeAgo = (date, locale = "es") => {
+const formatTimeAgo = (date, t, locale) => {
   const now = /* @__PURE__ */ new Date();
   const diffInSeconds = Math.floor((now.getTime() - date.getTime()) / 1e3);
   if (diffInSeconds < 60) {
-    return locale === "en" ? "Just now" : "Hace un momento";
+    return t("relativeTime.justNow");
   } else if (diffInSeconds < 3600) {
     const minutes = Math.floor(diffInSeconds / 60);
-    return locale === "en" ? `${minutes} min ago` : `Hace ${minutes} min`;
+    return t("relativeTime.minutesAgo", { minutes });
   } else if (diffInSeconds < 86400) {
     const hours = Math.floor(diffInSeconds / 3600);
-    return locale === "en" ? `${hours}h ago` : `Hace ${hours}h`;
+    return t("relativeTime.hoursAgo", { hours });
   } else if (diffInSeconds < 604800) {
     const days = Math.floor(diffInSeconds / 86400);
-    return locale === "en" ? `${days}d ago` : `Hace ${days}d`;
+    return t("relativeTime.daysAgo", { days });
   } else {
-    return date.toLocaleDateString(locale === "en" ? "en-US" : "es-ES", {
+    return date.toLocaleDateString(locale, {
       day: "numeric",
       month: "short"
     });
   }
 };
 function NotificationItem({ notification, onMarkAsRead, onDelete }) {
+  const t = useTranslations("common");
+  const locale = useLocale();
   const handleClick = useCallback(() => {
     if (!notification.isRead) {
       onMarkAsRead(notification.id);
@@ -86,8 +88,8 @@ function NotificationItem({ notification, onMarkAsRead, onDelete }) {
         {
           title: notification.title,
           message: notification.message,
-          time: formatTimeAgo(notification.timestamp),
-          status: notification.isRead ? "le\xEDda" : "no le\xEDda"
+          time: formatTimeAgo(notification.timestamp, t, locale),
+          status: notification.isRead ? t("notifications.read") : t("notifications.unreadStatus")
         }
       ),
       "data-notification-id": notification.id,
@@ -110,7 +112,7 @@ function NotificationItem({ notification, onMarkAsRead, onDelete }) {
                   size: "sm",
                   className: "h-6 w-6 p-0 opacity-0 group-hover:opacity-100 transition-opacity",
                   onClick: handleDelete,
-                  "aria-label": `Eliminar notificaci\xF3n: ${notification.title}`,
+                  "aria-label": t("a11y.deleteNotification", { title: notification.title }),
                   children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3", "aria-hidden": "true" })
                 }
               )
@@ -118,7 +120,7 @@ function NotificationItem({ notification, onMarkAsRead, onDelete }) {
           ] }),
           /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground line-clamp-2", children: notification.message }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: formatTimeAgo(notification.timestamp) }),
+            /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: formatTimeAgo(notification.timestamp, t, locale) }),
             !notification.isRead && /* @__PURE__ */ jsxs(
               Button,
               {
@@ -126,10 +128,10 @@ function NotificationItem({ notification, onMarkAsRead, onDelete }) {
                 size: "sm",
                 className: "h-6 px-2 text-xs opacity-0 group-hover:opacity-100 transition-opacity",
                 onClick: handleMarkAsRead,
-                "aria-label": `Marcar como le\xEDda: ${notification.title}`,
+                "aria-label": t("a11y.markNotificationAsRead", { title: notification.title }),
                 children: [
                   /* @__PURE__ */ jsx(Check, { className: "h-3 w-3 mr-1", "aria-hidden": "true" }),
-                  "Marcar le\xEDdo"
+                  t("notifications.markAsRead")
                 ]
               }
             )
@@ -149,8 +151,8 @@ function NotificationsDropdown() {
   const t = useTranslations("common");
   const handleMarkAllAsRead = useCallback(() => {
     markAllAsRead();
-    setStatusMessage("Todas las notificaciones marcadas como le\xEDdas");
-  }, [markAllAsRead]);
+    setStatusMessage(t("a11y.allNotificationsMarkedRead"));
+  }, [markAllAsRead, t]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "div",

package/dist/components/dashboard/misc/SearchDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/misc/SearchDropdown.tsx"],"names":[],"mappings":"AAgLA,wBAAgB,cAAc,4CAmN7B"}
+{"version":3,"file":"SearchDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/misc/SearchDropdown.tsx"],"names":[],"mappings":"AAiLA,wBAAgB,cAAc,4CAmN7B"}