@nextsparkjs/core 0.1.0-beta.8 → 0.1.0-beta.81

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

@@ -1,7 +1,7 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import Link from "next/link";
-import { Button } from "../../ui/button";
+import { Button } from "../../ui/button.js";
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -9,14 +9,14 @@ import {
   DropdownMenuLabel,
   DropdownMenuSeparator,
   DropdownMenuTrigger
-} from "../../ui/dropdown-menu";
-import { ScrollArea } from "../../ui/scroll-area";
-import { Badge } from "../../ui/badge";
+} from "../../ui/dropdown-menu.js";
+import { ScrollArea } from "../../ui/scroll-area.js";
+import { Badge } from "../../ui/badge.js";
 import { Bell, Check, CheckCheck, X, AlertCircle, Info, CheckCircle, AlertTriangle, Settings } from "lucide-react";
-import { useNotifications } from "../../../hooks/useNotifications";
-import { cn } from "../../../lib/utils";
+import { useNotifications } from "../../../hooks/useNotifications.js";
+import { cn } from "../../../lib/utils/index.js";
 import { useState, useCallback } from "react";
-import { createTestId, createCyId, createAriaLabel } from "../../../lib/test";
+import { sel, createAriaLabel } from "../../../lib/test/index.js";
 import { useTranslations } from "next-intl";
 const getNotificationIcon = (type) => {
   switch (type) {
@@ -90,8 +90,6 @@ function NotificationItem({ notification, onMarkAsRead, onDelete }) {
           status: notification.isRead ? "le\xEDda" : "no le\xEDda"
         }
       ),
-      ...createTestId("notification", "item") && { "data-testid": createTestId("notification", "item") },
-      ...createCyId("notification", "item") && { "data-cy": createCyId("notification", "item") },
       "data-notification-id": notification.id,
       "data-read": notification.isRead,
       "data-type": notification.type,
@@ -113,8 +111,6 @@ function NotificationItem({ notification, onMarkAsRead, onDelete }) {
                   className: "h-6 w-6 p-0 opacity-0 group-hover:opacity-100 transition-opacity",
                   onClick: handleDelete,
                   "aria-label": `Eliminar notificaci\xF3n: ${notification.title}`,
-                  ...createTestId("notification", "delete", "button") && { "data-testid": createTestId("notification", "delete", "button") },
-                  ...createCyId("notification", "delete") && { "data-cy": createCyId("notification", "delete") },
                   children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3", "aria-hidden": "true" })
                 }
               )
@@ -131,8 +127,6 @@ function NotificationItem({ notification, onMarkAsRead, onDelete }) {
                 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}`,
-                ...createTestId("notification", "mark", "read") && { "data-testid": createTestId("notification", "mark", "read") },
-                ...createCyId("notification", "mark-read") && { "data-cy": createCyId("notification", "mark-read") },
                 children: [
                   /* @__PURE__ */ jsx(Check, { className: "h-3 w-3 mr-1", "aria-hidden": "true" }),
                   "Marcar le\xEDdo"
@@ -164,7 +158,6 @@ function NotificationsDropdown() {
         "aria-live": "polite",
         "aria-atomic": "true",
         className: "sr-only",
-        ...createTestId("notifications", "status", "message") && { "data-testid": createTestId("notifications", "status", "message") },
         children: statusMessage
       }
     ),
@@ -184,8 +177,7 @@ function NotificationsDropdown() {
           ),
           "aria-haspopup": "true",
           "aria-expanded": "false",
-          ...createTestId("notifications", "trigger", "button") && { "data-testid": createTestId("notifications", "trigger", "button") },
-          ...createCyId("notifications", "trigger") && { "data-cy": createCyId("notifications", "trigger") },
+          "data-cy": sel("dashboard.topnav.notifications.trigger"),
           children: [
             /* @__PURE__ */ jsx(Bell, { className: "h-4 w-4", "aria-hidden": "true" }),
             unreadCount > 0 && /* @__PURE__ */ jsx(
@@ -194,8 +186,6 @@ function NotificationsDropdown() {
                 className: "absolute -top-1 -right-1 h-5 w-5 bg-red-500 rounded-full flex items-center justify-center",
                 role: "status",
                 "aria-label": `${unreadCount} ${t("notifications.unread")}`,
-                ...createTestId("notifications", "badge") && { "data-testid": createTestId("notifications", "badge") },
-                ...createCyId("notifications", "unread-badge") && { "data-cy": createCyId("notifications", "unread-badge") },
                 children: /* @__PURE__ */ jsx("span", { className: "text-[10px] text-white font-medium", "aria-hidden": "true", children: unreadCount > 9 ? "9+" : unreadCount })
               }
             )
@@ -220,8 +210,6 @@ function NotificationsDropdown() {
                 className: "h-6 px-2 text-xs",
                 onClick: handleMarkAllAsRead,
                 "aria-label": t("notifications.markAllAsRead"),
-                ...createTestId("notifications", "mark", "all") && { "data-testid": createTestId("notifications", "mark", "all") },
-                ...createCyId("notifications", "mark-all") && { "data-cy": createCyId("notifications", "mark-all") },
                 children: [
                   /* @__PURE__ */ jsx(CheckCheck, { className: "h-3 w-3 mr-1", "aria-hidden": "true" }),
                   t("notifications.markAll")

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

@@ -1 +1 @@
-{"version":3,"file":"QuickCreateDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/misc/QuickCreateDropdown.tsx"],"names":[],"mappings":"AAiBA,wBAAgB,mBAAmB,4CAqElC"}
+{"version":3,"file":"QuickCreateDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/misc/QuickCreateDropdown.tsx"],"names":[],"mappings":"AAiBA,wBAAgB,mBAAmB,4CAkElC"}

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import Link from "next/link";
-import { Button } from "../../ui/button";
+import { Button } from "../../ui/button.js";
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -9,10 +9,10 @@ import {
   DropdownMenuLabel,
   DropdownMenuSeparator,
   DropdownMenuTrigger
-} from "../../ui/dropdown-menu";
+} from "../../ui/dropdown-menu.js";
 import { Plus, Loader2 } from "lucide-react";
-import { useQuickCreateEntities } from "../../../hooks/useQuickCreateEntities";
-import { createTestId, createCyId } from "../../../lib/test";
+import { useQuickCreateEntities } from "../../../hooks/useQuickCreateEntities.js";
+import { sel } from "../../../lib/test/index.js";
 function QuickCreateDropdown() {
   const { entities: availableEntities, isLoading, hasEntities } = useQuickCreateEntities();
   if (isLoading || !hasEntities) {
@@ -39,8 +39,7 @@ function QuickCreateDropdown() {
         size: "icon",
         className: "relative h-8 w-8",
         "aria-label": "Quick create",
-        "data-testid": createTestId("topnav", "quick-create", "trigger"),
-        "data-cy": createCyId("topnav", "quick-create-button"),
+        "data-cy": sel("dashboard.topnav.quickCreate.trigger"),
         children: /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" })
       }
     ) }),
@@ -49,8 +48,7 @@ function QuickCreateDropdown() {
       {
         align: "start",
         className: "w-56",
-        "data-testid": createTestId("topnav", "quick-create", "content"),
-        "data-cy": createCyId("topnav", "quick-create-dropdown"),
+        "data-cy": sel("dashboard.topnav.quickCreate.content"),
         children: [
           /* @__PURE__ */ jsx(DropdownMenuLabel, { children: "Quick Create" }),
           /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
@@ -61,8 +59,7 @@ function QuickCreateDropdown() {
               {
                 href: `/dashboard/${entity.slug}/create`,
                 className: "flex items-center gap-3 w-full cursor-pointer",
-                "data-testid": createTestId("quick-create", entity.slug, "item"),
-                "data-cy": createCyId("quick-create", `${entity.slug}-link`),
+                "data-cy": sel("dashboard.topnav.quickCreate.link", { slug: entity.slug }),
                 children: [
                   /* @__PURE__ */ jsx(entity.icon, { className: "h-4 w-4" }),
                   /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [

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":"AAiLA,wBAAgB,cAAc,4CA0N7B"}
+{"version":3,"file":"SearchDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/misc/SearchDropdown.tsx"],"names":[],"mappings":"AAgLA,wBAAgB,cAAc,4CAmN7B"}

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

@@ -2,10 +2,10 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState, useRef, useEffect, useCallback } from "react";
 import Link from "next/link";
-import { Input } from "../../ui/input";
-import { Button } from "../../ui/button";
-import { Badge } from "../../ui/badge";
-import { ScrollArea } from "../../ui/scroll-area";
+import { Input } from "../../ui/input.js";
+import { Button } from "../../ui/button.js";
+import { Badge } from "../../ui/badge.js";
+import { ScrollArea } from "../../ui/scroll-area.js";
 import {
   Search,
   X,
@@ -15,10 +15,10 @@ import {
   AlertCircle,
   ArrowRight
 } from "lucide-react";
-import { useEntitySearch } from "../../../hooks/useEntitySearch";
-import { formatSearchResult } from "../../../lib/search-highlighting";
-import { cn } from "../../../lib/utils";
-import { createTestId, createCyId, createAriaLabel } from "../../../lib/test";
+import { useEntitySearch } from "../../../hooks/useEntitySearch.js";
+import { formatSearchResult } from "../../../lib/search-highlighting.js";
+import { cn } from "../../../lib/utils/index.js";
+import { sel, createAriaLabel } from "../../../lib/test/index.js";
 import { useTranslations } from "next-intl";
 const getTypeIcon = (result) => {
   if (result.type === "entity") {
@@ -85,8 +85,7 @@ function SearchResultItem({ result, onSelect, searchQuery }) {
           limits: result.limitInfo ? ` (${result.limitInfo.current}/${result.limitInfo.max})` : ""
         }
       ),
-      ...createTestId("search", "result", "item") && { "data-testid": createTestId("search", "result", "item") },
-      ...createCyId("search", "result") && { "data-cy": createCyId("search", "result") },
+      "data-cy": sel("globalSearch.result"),
       "data-result-id": result.id,
       "data-result-type": result.type,
       "data-entity-type": result.entityType,
@@ -229,7 +228,6 @@ function SearchDropdown() {
         "aria-live": "polite",
         "aria-atomic": "true",
         className: "sr-only",
-        ...createTestId("search", "status", "message") && { "data-testid": createTestId("search", "status", "message") },
         children: statusMessage
       }
     ),
@@ -238,8 +236,6 @@ function SearchDropdown() {
       {
         className: "relative w-full",
         ref: dropdownRef,
-        ...createTestId("search", "container") && { "data-testid": createTestId("search", "container") },
-        ...createCyId("search", "dropdown") && { "data-cy": createCyId("search", "dropdown") },
         children: [
           /* @__PURE__ */ jsxs("div", { className: "relative", children: [
             /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground", "aria-hidden": "true" }),
@@ -258,8 +254,7 @@ function SearchDropdown() {
                 "aria-owns": isOpen ? "search-results" : void 0,
                 "aria-autocomplete": "list",
                 "aria-label": t("search.label"),
-                ...createTestId("search", "input") && { "data-testid": createTestId("search", "input") },
-                ...createCyId("search", "input") && { "data-cy": createCyId("search", "input") }
+                "data-cy": sel("globalSearch.input")
               }
             ),
             !isEmpty && /* @__PURE__ */ jsx(
@@ -270,8 +265,6 @@ function SearchDropdown() {
                 className: "absolute right-1 top-1/2 transform -translate-y-1/2 h-7 w-7 p-0",
                 onClick: handleClose,
                 "aria-label": t("search.clear"),
-                ...createTestId("search", "clear", "button") && { "data-testid": createTestId("search", "clear", "button") },
-                ...createCyId("search", "clear") && { "data-cy": createCyId("search", "clear") },
                 children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3", "aria-hidden": "true" })
               }
             ),
@@ -284,8 +277,7 @@ function SearchDropdown() {
               id: "search-results",
               role: "listbox",
               "aria-label": t("search.results"),
-              ...createTestId("search", "dropdown", "content") && { "data-testid": createTestId("search", "dropdown", "content") },
-              ...createCyId("search", "results") && { "data-cy": createCyId("search", "results") },
+              "data-cy": sel("globalSearch.results"),
               children: [
                 /* @__PURE__ */ jsx(ScrollArea, { className: "max-h-96", children: isSearching ? /* @__PURE__ */ jsxs("div", { className: "p-4 text-center", children: [
                   /* @__PURE__ */ jsx(Loader2, { className: "h-6 w-6 animate-spin mx-auto mb-2 text-muted-foreground" }),

package/dist/components/dashboard/mobile/MobileBottomNav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MobileBottomNav.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/mobile/MobileBottomNav.tsx"],"names":[],"mappings":"AA0BA,wBAAgB,eAAe,4CA4J9B"}
+{"version":3,"file":"MobileBottomNav.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/mobile/MobileBottomNav.tsx"],"names":[],"mappings":"AA0BA,wBAAgB,eAAe,4CAwJ9B"}

package/dist/components/dashboard/mobile/MobileBottomNav.js

@@ -3,13 +3,13 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
 import { useState } from "react";
-import { cn } from "../../../lib/utils";
-import { createTestId, createCyId } from "../../../lib/test";
+import { cn } from "../../../lib/utils/index.js";
+import { sel } from "../../../lib/test/index.js";
 import { useTranslations } from "next-intl";
-import { MobileMoreSheet } from "./MobileMoreSheet";
-import { QuickCreateSheet } from "./QuickCreateSheet";
-import { MOBILE_NAV_CONFIG } from "../../../lib/config/config-sync";
-import { getIcon } from "../../../lib/config/icon-map";
+import { MobileMoreSheet } from "./MobileMoreSheet.js";
+import { QuickCreateSheet } from "./QuickCreateSheet.js";
+import { MOBILE_NAV_CONFIG } from "../../../lib/config/config-sync.js";
+import { getIcon } from "../../../lib/config/icon-map.js";
 function MobileBottomNav() {
   const pathname = usePathname();
   const t = useTranslations();
@@ -44,8 +44,7 @@ function MobileBottomNav() {
         className: "lg:hidden fixed bottom-0 left-0 right-0 z-40 bg-background border-t border-border safe-area-bottom",
         role: "navigation",
         "aria-label": "Navegaci\xF3n m\xF3vil principal",
-        ...createTestId("mobile-bottomnav", "container") && { "data-testid": createTestId("mobile-bottomnav", "container") },
-        ...createCyId("mobile-bottomnav", "nav") && { "data-cy": createCyId("mobile-bottomnav", "nav") },
+        "data-cy": sel("dashboard.mobile.bottomNav.container"),
         children: /* @__PURE__ */ jsx("div", { className: "flex items-end justify-around px-2 pb-2 pt-1", children: navItems.map((item) => {
           const Icon = item.icon;
           const isActive = item.isActive;
@@ -60,8 +59,7 @@ function MobileBottomNav() {
                 ),
                 "aria-label": item.name,
                 "aria-current": isActive ? "page" : void 0,
-                ...createTestId("mobile-bottomnav", "item", item.id) && { "data-testid": createTestId("mobile-bottomnav", "item", item.id) },
-                ...createCyId("mobile-bottomnav", `item-${item.id}`) && { "data-cy": createCyId("mobile-bottomnav", `item-${item.id}`) },
+                "data-cy": sel("dashboard.mobile.bottomNav.item", { id: item.id }),
                 children: [
                   /* @__PURE__ */ jsx("div", { className: "absolute -top-6 flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "bg-primary rounded-full p-4 shadow-lg hover:shadow-xl transition-shadow", children: /* @__PURE__ */ jsx(Icon, { className: "h-6 w-6 text-primary-foreground", "aria-hidden": "true" }) }) }),
                   /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium text-foreground mt-8", children: item.name })
@@ -102,8 +100,7 @@ function MobileBottomNav() {
                   "transition-all duration-200 hover:bg-accent/50 rounded-lg"
                 ),
                 "aria-label": item.name,
-                ...createTestId("mobile-bottomnav", "item", item.id) && { "data-testid": createTestId("mobile-bottomnav", "item", item.id) },
-                ...createCyId("mobile-bottomnav", `item-${item.id}`) && { "data-cy": createCyId("mobile-bottomnav", `item-${item.id}`) },
+                "data-cy": sel("dashboard.mobile.bottomNav.item", { id: item.id }),
                 children: content
               },
               item.id
@@ -119,8 +116,7 @@ function MobileBottomNav() {
               ),
               "aria-label": item.name,
               "aria-current": isActive ? "page" : void 0,
-              ...createTestId("mobile-bottomnav", "item", item.id) && { "data-testid": createTestId("mobile-bottomnav", "item", item.id) },
-              ...createCyId("mobile-bottomnav", `item-${item.id}`) && { "data-cy": createCyId("mobile-bottomnav", `item-${item.id}`) },
+              "data-cy": sel("dashboard.mobile.bottomNav.item", { id: item.id }),
               children: content
             },
             item.id

package/dist/components/dashboard/mobile/MobileMoreSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MobileMoreSheet.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/mobile/MobileMoreSheet.tsx"],"names":[],"mappings":"AAwBA,UAAU,oBAAoB;IAC5B,MAAM,EAAE,OAAO,CAAA;IACf,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACtC;AAWD,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,oBAAoB,2CA8H7E"}
+{"version":3,"file":"MobileMoreSheet.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/mobile/MobileMoreSheet.tsx"],"names":[],"mappings":"AAwBA,UAAU,oBAAoB;IAC5B,MAAM,EAAE,OAAO,CAAA;IACf,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACtC;AAWD,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,oBAAoB,2CAuH7E"}

package/dist/components/dashboard/mobile/MobileMoreSheet.js

@@ -1,24 +1,24 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useAuth } from "../../../hooks/useAuth";
+import { useAuth } from "../../../hooks/useAuth.js";
 import {
   Sheet,
   SheetContent,
   SheetHeader,
   SheetTitle,
   SheetDescription
-} from "../../ui/sheet";
-import { Button } from "../../ui/button";
-import { Separator } from "../../ui/separator";
+} from "../../ui/sheet.js";
+import { Button } from "../../ui/button.js";
+import { Separator } from "../../ui/separator.js";
 import Link from "next/link";
 import { Shield, LogOut } from "lucide-react";
-import { createTestId, createCyId } from "../../../lib/test";
-import { TeamSwitcherCompact } from "../../teams/TeamSwitcherCompact";
+import { sel } from "../../../lib/test/index.js";
+import { TeamSwitcherCompact } from "../../teams/TeamSwitcherCompact.js";
 import { useTranslations } from "next-intl";
-import { useIsSuperAdmin } from "../../app/guards/SuperAdminGuard";
+import { useIsSuperAdmin } from "../../app/guards/SuperAdminGuard.js";
 import { useState } from "react";
-import { MOBILE_NAV_CONFIG } from "../../../lib/config/config-sync";
-import { getIcon } from "../../../lib/config/icon-map";
+import { MOBILE_NAV_CONFIG } from "../../../lib/config/config-sync.js";
+import { getIcon } from "../../../lib/config/icon-map.js";
 function MobileMoreSheet({ isOpen, onOpenChange }) {
   const { user, signOut } = useAuth();
   const tCommon = useTranslations("common");
@@ -55,8 +55,7 @@ function MobileMoreSheet({ isOpen, onOpenChange }) {
     {
       side: "bottom",
       className: "rounded-t-[20px]",
-      ...createTestId("mobile-more-sheet", "content") && { "data-testid": createTestId("mobile-more-sheet", "content") },
-      ...createCyId("mobile-more-sheet", "content") && { "data-cy": createCyId("mobile-more-sheet", "content") },
+      "data-cy": sel("dashboard.mobile.moreSheet.container"),
       children: [
         /* @__PURE__ */ jsxs(SheetHeader, { children: [
           /* @__PURE__ */ jsx(SheetTitle, { children: tCommon("mobileNav.moreOptions") }),
@@ -73,8 +72,7 @@ function MobileMoreSheet({ isOpen, onOpenChange }) {
                 className: "flex items-center gap-3 px-4 py-3 rounded-lg hover:bg-accent transition-colors",
                 target: item.external ? "_blank" : void 0,
                 rel: item.external ? "noopener noreferrer" : void 0,
-                ...createTestId("mobile-more-sheet", "item", item.id) && { "data-testid": createTestId("mobile-more-sheet", "item", item.id) },
-                ...createCyId("mobile-more-sheet", `item-${item.id}`) && { "data-cy": createCyId("mobile-more-sheet", `item-${item.id}`) },
+                "data-cy": sel("dashboard.mobile.moreSheet.item", { id: item.id }),
                 children: [
                   /* @__PURE__ */ jsx(Icon, { className: "h-5 w-5 text-muted-foreground", "aria-hidden": "true" }),
                   /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: item.label })
@@ -91,8 +89,7 @@ function MobileMoreSheet({ isOpen, onOpenChange }) {
                 href: "/superadmin",
                 onClick: handleLinkClick,
                 className: "flex items-center gap-3 px-4 py-3 rounded-lg hover:bg-red-50 text-red-600 transition-colors",
-                ...createTestId("mobile-more-sheet", "superadmin") && { "data-testid": createTestId("mobile-more-sheet", "superadmin") },
-                ...createCyId("mobile-more-sheet", "superadmin-link") && { "data-cy": createCyId("mobile-more-sheet", "superadmin-link") },
+                "data-cy": sel("dashboard.mobile.moreSheet.superadminLink"),
                 children: [
                   /* @__PURE__ */ jsx(Shield, { className: "h-5 w-5", "aria-hidden": "true" }),
                   /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: "Super Admin Panel" })
@@ -101,14 +98,7 @@ function MobileMoreSheet({ isOpen, onOpenChange }) {
             )
           ] }),
           /* @__PURE__ */ jsx(Separator, { className: "my-2" }),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              ...createTestId("mobile-more-sheet", "team-switcher") && { "data-testid": createTestId("mobile-more-sheet", "team-switcher") },
-              ...createCyId("mobile-more-sheet", "team-switcher") && { "data-cy": createCyId("mobile-more-sheet", "team-switcher") },
-              children: /* @__PURE__ */ jsx(TeamSwitcherCompact, { className: "border-0 p-0" })
-            }
-          ),
+          /* @__PURE__ */ jsx("div", { "data-cy": sel("dashboard.mobile.moreSheet.teamSwitcher"), children: /* @__PURE__ */ jsx(TeamSwitcherCompact, { className: "border-0 p-0" }) }),
           /* @__PURE__ */ jsx(Separator, { className: "my-4" }),
           /* @__PURE__ */ jsxs(
             Button,
@@ -117,8 +107,7 @@ function MobileMoreSheet({ isOpen, onOpenChange }) {
               onClick: handleSignOut,
               disabled: isSigningOut,
               className: "w-full justify-start gap-3 px-4 py-3 h-auto text-red-600 hover:text-red-700 hover:bg-red-50",
-              ...createTestId("mobile-more-sheet", "signout") && { "data-testid": createTestId("mobile-more-sheet", "signout") },
-              ...createCyId("mobile-more-sheet", "signout-button") && { "data-cy": createCyId("mobile-more-sheet", "signout-button") },
+              "data-cy": sel("dashboard.mobile.moreSheet.signoutButton"),
               children: [
                 /* @__PURE__ */ jsx(LogOut, { className: "h-5 w-5", "aria-hidden": "true" }),
                 /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: isSigningOut ? tCommon("buttons.signingOut") : tCommon("buttons.signOut") })

package/dist/components/dashboard/mobile/MobileTopBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MobileTopBar.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/mobile/MobileTopBar.tsx"],"names":[],"mappings":"AAaA,wBAAgB,YAAY,4CAuG3B"}
+{"version":3,"file":"MobileTopBar.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/mobile/MobileTopBar.tsx"],"names":[],"mappings":"AAaA,wBAAgB,YAAY,4CA6F3B"}

package/dist/components/dashboard/mobile/MobileTopBar.js

@@ -2,11 +2,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import Link from "next/link";
 import Image from "next/image";
-import { useAuth } from "../../../hooks/useAuth";
-import { ThemeToggle } from "../../app/misc/ThemeToggle";
-import { NotificationsDropdown } from "../misc/NotificationsDropdown";
-import { createTestId, createCyId } from "../../../lib/test";
-import { isTopbarFeatureEnabled } from "../../../lib/config";
+import { useAuth } from "../../../hooks/useAuth.js";
+import { ThemeToggle } from "../../app/misc/ThemeToggle.js";
+import { NotificationsDropdown } from "../misc/NotificationsDropdown.js";
+import { sel } from "../../../lib/test/index.js";
+import { isTopbarFeatureEnabled } from "../../../lib/config/index.js";
 import { useTranslations } from "next-intl";
 function MobileTopBar() {
   const { user } = useAuth();
@@ -44,8 +44,7 @@ function MobileTopBar() {
       className: "lg:hidden fixed top-0 left-0 right-0 z-40 bg-background border-b border-border",
       role: "banner",
       "aria-label": "Barra de navegaci\xF3n m\xF3vil superior",
-      ...createTestId("mobile-topbar", "container") && { "data-testid": createTestId("mobile-topbar", "container") },
-      ...createCyId("mobile-topbar", "header") && { "data-cy": createCyId("mobile-topbar", "header") },
+      "data-cy": sel("dashboard.mobile.topbar.container"),
       children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 h-14", children: [
         /* @__PURE__ */ jsxs(
           Link,
@@ -53,8 +52,7 @@ function MobileTopBar() {
             href: "/dashboard/settings/profile",
             className: "flex items-center gap-3 hover:opacity-80 transition-opacity",
             "aria-label": `Ir al perfil de ${user.firstName || user.email}`,
-            ...createTestId("mobile-topbar", "user", "link") && { "data-testid": createTestId("mobile-topbar", "user", "link") },
-            ...createCyId("mobile-topbar", "user-profile") && { "data-cy": createCyId("mobile-topbar", "user-profile") },
+            "data-cy": sel("dashboard.mobile.topbar.userProfile"),
             children: [
               user.image ? /* @__PURE__ */ jsx(
                 Image,
@@ -63,8 +61,7 @@ function MobileTopBar() {
                   alt: "",
                   width: 40,
                   height: 40,
-                  className: "h-10 w-10 rounded-full object-cover border-2 border-border",
-                  ...createTestId("mobile-topbar", "user", "avatar") && { "data-testid": createTestId("mobile-topbar", "user", "avatar") }
+                  className: "h-10 w-10 rounded-full object-cover border-2 border-border"
                 }
               ) : /* @__PURE__ */ jsx(
                 "div",
@@ -72,7 +69,6 @@ function MobileTopBar() {
                   className: `h-10 w-10 rounded-full flex items-center justify-center text-white text-sm font-semibold border-2 border-border ${getAvatarColor(user.email)}`,
                   role: "img",
                   "aria-label": `Avatar de ${user.firstName || user.email}`,
-                  ...createTestId("mobile-topbar", "user", "avatar") && { "data-testid": createTestId("mobile-topbar", "user", "avatar") },
                   children: getUserInitials(user)
                 }
               ),
@@ -83,22 +79,8 @@ function MobileTopBar() {
           }
         ),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          isTopbarFeatureEnabled("notifications") && /* @__PURE__ */ jsx(
-            "div",
-            {
-              ...createTestId("mobile-topbar", "notifications") && { "data-testid": createTestId("mobile-topbar", "notifications") },
-              ...createCyId("mobile-topbar", "notifications") && { "data-cy": createCyId("mobile-topbar", "notifications") },
-              children: /* @__PURE__ */ jsx(NotificationsDropdown, {})
-            }
-          ),
-          isTopbarFeatureEnabled("themeToggle") && /* @__PURE__ */ jsx(
-            "div",
-            {
-              ...createTestId("mobile-topbar", "theme", "toggle") && { "data-testid": createTestId("mobile-topbar", "theme", "toggle") },
-              ...createCyId("mobile-topbar", "theme-toggle") && { "data-cy": createCyId("mobile-topbar", "theme-toggle") },
-              children: /* @__PURE__ */ jsx(ThemeToggle, {})
-            }
-          )
+          isTopbarFeatureEnabled("notifications") && /* @__PURE__ */ jsx("div", { "data-cy": sel("dashboard.mobile.topbar.notifications"), children: /* @__PURE__ */ jsx(NotificationsDropdown, {}) }),
+          isTopbarFeatureEnabled("themeToggle") && /* @__PURE__ */ jsx("div", { "data-cy": sel("dashboard.mobile.topbar.themeToggle"), children: /* @__PURE__ */ jsx(ThemeToggle, {}) })
         ] })
       ] })
     }

package/dist/components/dashboard/mobile/QuickCreateSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QuickCreateSheet.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/mobile/QuickCreateSheet.tsx"],"names":[],"mappings":"AAeA,UAAU,qBAAqB;IAC7B,MAAM,EAAE,OAAO,CAAA;IACf,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACtC;AAED,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,qBAAqB,2CAgE/E"}
+{"version":3,"file":"QuickCreateSheet.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/mobile/QuickCreateSheet.tsx"],"names":[],"mappings":"AAeA,UAAU,qBAAqB;IAC7B,MAAM,EAAE,OAAO,CAAA;IACf,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACtC;AAED,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,qBAAqB,2CA8D/E"}

package/dist/components/dashboard/mobile/QuickCreateSheet.js

@@ -6,11 +6,11 @@ import {
   SheetHeader,
   SheetTitle,
   SheetDescription
-} from "../../ui/sheet";
+} from "../../ui/sheet.js";
 import Link from "next/link";
 import { Loader2 } from "lucide-react";
-import { useQuickCreateEntities } from "../../../hooks/useQuickCreateEntities";
-import { createTestId, createCyId } from "../../../lib/test";
+import { useQuickCreateEntities } from "../../../hooks/useQuickCreateEntities.js";
+import { sel } from "../../../lib/test/index.js";
 import { useTranslations } from "next-intl";
 function QuickCreateSheet({ isOpen, onOpenChange }) {
   const t = useTranslations();
@@ -23,8 +23,7 @@ function QuickCreateSheet({ isOpen, onOpenChange }) {
     {
       side: "bottom",
       className: "rounded-t-[20px]",
-      ...createTestId("mobile-quick-create-sheet", "content") && { "data-testid": createTestId("mobile-quick-create-sheet", "content") },
-      ...createCyId("mobile-quick-create-sheet", "content") && { "data-cy": createCyId("mobile-quick-create-sheet", "content") },
+      "data-cy": sel("dashboard.mobile.quickCreateSheet.container"),
       children: [
         /* @__PURE__ */ jsxs(SheetHeader, { children: [
           /* @__PURE__ */ jsx(SheetTitle, { children: t("common.mobileNav.create") }),
@@ -42,8 +41,7 @@ function QuickCreateSheet({ isOpen, onOpenChange }) {
                 href: `/dashboard/${entity.slug}/create`,
                 onClick: handleLinkClick,
                 className: "flex items-center gap-3 px-4 py-3 rounded-lg hover:bg-accent transition-colors",
-                ...createTestId("mobile-quick-create-sheet", "item", entity.slug) && { "data-testid": createTestId("mobile-quick-create-sheet", "item", entity.slug) },
-                ...createCyId("mobile-quick-create-sheet", `item-${entity.slug}`) && { "data-cy": createCyId("mobile-quick-create-sheet", `item-${entity.slug}`) },
+                "data-cy": sel("dashboard.mobile.quickCreateSheet.item", { slug: entity.slug }),
                 children: [
                   /* @__PURE__ */ jsx(Icon, { className: "h-5 w-5 text-muted-foreground", "aria-hidden": "true" }),
                   /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [

package/dist/components/dashboard/mobile/index.js

@@ -1,7 +1,7 @@
-import { MobileBottomNav } from "./MobileBottomNav";
-import { MobileMoreSheet } from "./MobileMoreSheet";
-import { MobileTopBar } from "./MobileTopBar";
-import { QuickCreateSheet } from "./QuickCreateSheet";
+import { MobileBottomNav } from "./MobileBottomNav.js";
+import { MobileMoreSheet } from "./MobileMoreSheet.js";
+import { MobileTopBar } from "./MobileTopBar.js";
+import { QuickCreateSheet } from "./QuickCreateSheet.js";
 export {
   MobileBottomNav,
   MobileMoreSheet,

package/dist/components/dashboard/navigation/DynamicNavigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/navigation/DynamicNavigation.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAA;AA0BnF,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,QAAQ,EAAE,wBAAwB,EAAE,CAAA;CACrC;AAyGD,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,QAAgB,EAChB,WAAW,EACX,QAAQ,EACT,EAAE,sBAAsB,2CAqFxB;AAgDD,eAAe,iBAAiB,CAAA"}
+{"version":3,"file":"DynamicNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/navigation/DynamicNavigation.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAA;AA0BnF,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,QAAQ,EAAE,wBAAwB,EAAE,CAAA;CACrC;AAyGD,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,QAAgB,EAChB,WAAW,EACX,QAAQ,EACT,EAAE,sBAAsB,2CAoGxB;AAoDD,eAAe,iBAAiB,CAAA"}