desy-html 15.0.3 → 16.0.0

package/src/templates/components/menu-horizontal/_examples.menu-horizontal.njk

@@ -28,6 +28,12 @@
       "attributes": {
         "aria-label": "Menú horizontal"
       }
+    },
+    "visualDescription": "Menú horizontal con cinco enlaces de texto dispuestos en línea. Cada enlace tiene texto gris oscuro con subrayado, fondo blanco, y separación horizontal uniforme entre elementos. Contenedor con borde gris claro de 1px y padding interno.",
+    "_generated": {
+      "hash": "207973a030be82a79a80c81a5cad7e6c",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:05:45.815Z"
     }
   },
   {
@@ -59,6 +65,12 @@
       "attributes": {
         "aria-label": "Menú horizontal"
       }
+    },
+    "visualDescription": "Menú horizontal con cinco enlaces de texto dispuestos en línea. Tres enlaces tienen texto gris oscuro con subrayado, un enlace tiene texto gris claro sin subrayado(estado deshabilitado) , y un enlace tiene texto gris oscuro con subrayado. Contenedor con borde gris claro de 1px, fondo blanco, y padding interno.",
+    "_generated": {
+      "hash": "49c95168e154fecf479db480954fb705",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:05:45.815Z"
     }
   },
   {
@@ -92,6 +104,12 @@
         "aria-label": "Menú horizontal",
         "id": "mi-menu-horizontal"
       }
+    },
+    "visualDescription": "Menú horizontal con cinco enlaces de texto dispuestos en línea. Tres enlaces tienen texto gris oscuro con subrayado, un enlace tiene texto negro en negrita sin subrayado(estado activo) , y un enlace tiene texto gris oscuro con subrayado. Contenedor con borde gris claro de 1px, fondo blanco, y padding interno.",
+    "_generated": {
+      "hash": "7c462901aa076af3b349f2130380b4cf",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:05:45.815Z"
     }
   },
   {
@@ -142,6 +160,12 @@
       "attributes": {
         "aria-label": "Menú horizontal"
       }
+    },
+    "visualDescription": "Fila horizontal de cinco enlaces de texto en color negro estándar, con espaciado uniforme entre ellos. Los enlaces muestran labels \"Opción 1\" a \"Opción 5\" en fuente de peso normal, sin iconos ni decoración adicional. Fondo blanco con borde gris claro delimitando el contenedor rectangular.",
+    "_generated": {
+      "hash": "08ff68c16701a6debc7d9cdf9d0a8f2b",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:05:56.569Z"
     }
   },
   {
@@ -165,6 +189,12 @@
         "id": "mi-menu-icons",
         "aria-label": "Menú horizontal"
       }
+    },
+    "visualDescription": "Fila horizontal de tres elementos, cada uno compuesto por un icono cuadrado negro sólido seguido de texto en color negro. El primer elemento tiene icono de cuadrado relleno, el segundo icono de paleta, el tercero icono de carpeta. Espaciado consistente entre elementos, fondo blanco con borde gris claro delimitando el contenedor.",
+    "_generated": {
+      "hash": "03eb537aaa6d4bb024e2946eeaf6741a",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:05:56.569Z"
     }
   },
   {
@@ -200,6 +230,12 @@
         "id": "mi-menu-links",
         "aria-label": "Menú horizontal"
       }
+    },
+    "visualDescription": "Fila horizontal de cinco enlaces en texto azul subrayado estilo hipervínculo web estándar. Los enlaces presentan etiquetas \"Opción 1\" a \"Opción 5\" con espaciado regular entre elementos. Fondo blanco con borde gris claro definiendo el área del componente, sin iconos ni elementos gráficos adicionales.",
+    "_generated": {
+      "hash": "ed34389c63de8024ac0a4bd0528e3506",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:05:56.569Z"
     }
   },
   {
@@ -240,6 +276,12 @@
         "id": "mi-menu-links-divider",
         "aria-label": "Menú horizontal"
       }
+    },
+    "visualDescription": "Fila horizontal de 5 enlaces de texto pequeño en color azul estándar de hipervínculo, separados por barras verticales grises delgadas. Fondo blanco con espaciado compacto entre elementos, texto de tamaño reducido en peso normal.",
+    "_generated": {
+      "hash": "8b5d8a3dc9d64f62b5b4a1be9ee58b39",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:06:05.783Z"
     }
   },
   {
@@ -275,6 +317,12 @@
         "id": "mi-menu-navigation-bar",
         "aria-label": "Menú horizontal"
       }
+    },
+    "visualDescription": "Fila horizontal de 5 enlaces de texto en color negro, con espaciado regular entre elementos sin separadores visuales. Fondo blanco, texto de tamaño estándar en peso normal, uno de los enlaces muestra subrayado negro indicando selección activa.",
+    "_generated": {
+      "hash": "916b9037442da4c013049831524e9ee0",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:06:05.784Z"
     }
   },
   {
@@ -338,6 +386,12 @@
         "id": "mi-menu-navigation-bar",
         "aria-label": "Menú horizontal"
       }
+    },
+    "visualDescription": "Fila horizontal de 12 enlaces de texto en color negro sobre fondo blanco, con espaciado uniforme entre elementos sin separadores. Uno de los enlaces presenta subrayado negro indicando selección activa, scroll horizontal habilitado para navegar entre todos los elementos disponibles.",
+    "_generated": {
+      "hash": "322a8502ab7958dfeef449cbb7829baa",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:06:05.784Z"
     }
   },
   {
@@ -373,6 +427,12 @@
         "id": "mi-menu-tabs-en-escritorio",
         "aria-label": "Menú horizontal"
       }
+    },
+    "visualDescription": "Fila horizontal de cinco pestañas rectangulares con labels de texto negro(\"Opción 1\" a \"Opción 5\"). Fondo blanco, bordes grises sutiles separando cada pestaña. Espaciado uniforme entre elementos, altura consistente de aproximadamente 40px.",
+    "_generated": {
+      "hash": "e5f1396f658b7f2f86d281de42f5c32e",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:06:15.409Z"
     }
   },
   {
@@ -399,6 +459,12 @@
         "id": "mi-menu-tabs-en-movil",
         "aria-label": "Menú horizontal"
       }
+    },
+    "visualDescription": "Tres botones cuadrados dispuestos en fila horizontal con iconos y labels. Primer botón muestra icono de lista con texto \"Sujecciones\", segundo tiene icono de carpeta con \"Documentos\", tercero presenta icono de documento con \"Notificaciones\". Fondo gris claro en botones, bordes grises, texto negro centrado.",
+    "_generated": {
+      "hash": "086ca937cfefe5c680b3f579fe52d7b0",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:06:15.409Z"
     }
   },
   {
@@ -431,6 +497,12 @@
       "attributes": {
         "aria-label": "Menú horizontal"
       }
+    },
+    "visualDescription": "Fila horizontal de cinco pestañas rectangulares con labels de texto negro(\"Opción 1\" a \"Opción 5\"). Fondo blanco, sin bordes visibles entre elementos. Separación mínima entre pestañas, altura uniforme de aproximadamente 35px.",
+    "_generated": {
+      "hash": "286ecdbe2a0cbdb3e5654a10e3cecb47",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:06:15.409Z"
     }
   },
   {
@@ -467,6 +539,12 @@
       "attributes": {
         "aria-label": "Menú horizontal"
       }
+    },
+    "visualDescription": "Menú horizontal con cinco enlaces de texto(Opción 1 a Opción 5) alineados en fila. Fondo blanco, texto negro con subrayado, separación uniforme entre elementos. Borde gris claro de 1px rodea el contenedor del menú.",
+    "_generated": {
+      "hash": "6fb70156c5471f6a09a7132446e93491",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:06:22.883Z"
     }
   },
   {
@@ -524,6 +602,12 @@
           }
         }
       ]
+    },
+    "visualDescription": "Menú horizontal con cinco enlaces de texto(Opción 1 a Opción 5) dispuestos en línea horizontal. Fondo blanco, texto negro subrayado, espaciado regular entre opciones. Contenedor delimitado por borde gris claro de 1px.",
+    "_generated": {
+      "hash": "f5614e4152792c726c7dce95c11d272d",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:06:22.883Z"
     }
   }
 ] %}

package/src/templates/components/menu-navigation/_examples.menu-navigation.njk

@@ -78,6 +78,12 @@
       "attributes": {
         "aria-label": "Menu navigation"
       }
+    },
+    "visualDescription": "Tres botones rectangulares dispuestos horizontalmente con bordes azules de 1px, fondo blanco y texto azul en negrita. Los botones tienen esquinas ligeramente redondeadas y espaciado uniforme entre ellos. El conjunto está contenido en un rectángulo con borde gris claro.",
+    "_generated": {
+      "hash": "1abe99b5ab12a36e57cab65b721a00d3",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:06:30.152Z"
     }
   },
   {
@@ -102,6 +108,12 @@
       "attributes": {
         "aria-label": "Menu navigation"
       }
+    },
+    "visualDescription": "Tres botones rectangulares dispuestos horizontalmente donde dos tienen bordes azules con texto azul en negrita y fondo blanco, mientras uno presenta borde gris claro con texto gris claro y fondo blanco. Los botones tienen esquinas ligeramente redondeadas con espaciado uniforme. El conjunto está contenido en un rectángulo con borde gris claro.",
+    "_generated": {
+      "hash": "05dc019ab9de4a385c93f7c7239244e3",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:06:30.152Z"
     }
   },
   {
@@ -128,6 +140,12 @@
         "aria-label": "Menu navigation",
         "id": "mi-menu"
       }
+    },
+    "visualDescription": "Tres botones rectangulares dispuestos horizontalmente donde dos tienen bordes azules con texto azul en negrita y fondo blanco, mientras uno presenta borde azul más grueso de 2px con texto azul oscuro en negrita y fondo blanco. Los botones tienen esquinas ligeramente redondeadas con espaciado uniforme. El conjunto está contenido en un rectángulo con borde gris claro.",
+    "_generated": {
+      "hash": "722e14657e01fbbca5d73fefe39ba7b0",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:06:30.152Z"
     }
   },
   {
@@ -211,6 +229,12 @@
         "aria-label": "Menu navigation",
         "id": "mi-sub-menu"
       }
+    },
+    "visualDescription": "Fila horizontal de tres botones rectangulares con bordes azul oscuro de 1px y fondo blanco. Cada botón muestra texto azul oscuro en peso normal con un símbolo de cierre \"×\" alineado a la derecha. Espaciado uniforme entre botones, altura consistente de aproximadamente 32px.",
+    "_generated": {
+      "hash": "b2fd257044912df080ffc78c0dda7287",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:06:39.167Z"
     }
   },
   {
@@ -246,6 +270,12 @@
       "attributes": {
         "aria-label": "Menu navigation"
       }
+    },
+    "visualDescription": "Fila horizontal de tres botones rectangulares con bordes azul oscuro de 1px y fondo blanco. Texto azul oscuro en peso normal centrado dentro de cada botón. Botones de tamaño compacto con padding interno, separados por espacios en blanco uniformes.",
+    "_generated": {
+      "hash": "3172139c59a5c5edcf910c341830bb1f",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:06:39.167Z"
     }
   },
   {
@@ -296,6 +326,12 @@
       "attributes": {
         "aria-label": "Menu navigation"
       }
+    },
+    "visualDescription": "Fila horizontal de cuatro botones rectangulares con bordes azul oscuro de 1px y fondo blanco. Texto azul oscuro en peso normal, algunos botones incluyen símbolo de cierre \"×\" alineado a la derecha del texto. Botones de altura aproximada de 32px con espaciado horizontal uniforme entre elementos.",
+    "_generated": {
+      "hash": "33688ef79d4477f60185d088b0cdf809",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:06:39.167Z"
     }
   },
   {
@@ -380,6 +416,12 @@
       "attributes": {
         "aria-label": "Menu navigation"
       }
+    },
+    "visualDescription": "Barra de navegación con tres botones dispuestos horizontalmente. Cada botón tiene texto azul(Item 1, Item 2, Item 3) , borde azul de 1px, fondo blanco, y un indicador de dropdown(▼) . Los botones tienen padding generoso y tamaño de fuente considerable.",
+    "_generated": {
+      "hash": "6e9e3b5148ca37c8860591c4e2a3311a",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:06:47.809Z"
     }
   },
   {
@@ -464,6 +506,12 @@
       "attributes": {
         "aria-label": "Menu navigation"
       }
+    },
+    "visualDescription": "Barra de navegación con tres botones dispuestos horizontalmente. Cada botón tiene texto azul(Item 1, Item 2, Item 3) , borde azul de 1px, fondo blanco, y un indicador de dropdown(▼) . Los botones tienen padding compacto y tamaño de fuente reducido.",
+    "_generated": {
+      "hash": "b5c05241cdcea19f5e04b321bfa276c3",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:06:47.809Z"
     }
   },
   {
@@ -551,6 +599,12 @@
       "attributes": {
         "aria-label": "Menu navigation"
       }
+    },
+    "visualDescription": "Barra de navegación con tres botones dispuestos horizontalmente. El primer botón tiene fondo azul oscuro sólido con texto blanco. Los dos botones siguientes tienen fondo azul-gris claro con texto blanco, todos con indicadores de dropdown(▼) y bordes visibles.",
+    "_generated": {
+      "hash": "d2d5204f40803e267d9901e86fbe3e6d",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:06:47.809Z"
     }
   },
   {
@@ -638,6 +692,12 @@
       "attributes": {
         "aria-label": "Menu navigation"
       }
+    },
+    "visualDescription": "Menú de navegación horizontal con tres ítems de texto en color azul enlace, espaciados uniformemente. Fondo blanco o transparente sin bordes visibles. Los ítems aparecen como enlaces clickeables con texto de tamaño estándar y peso regular.",
+    "_generated": {
+      "hash": "bac05c07d0dcf33efe394fe0a987d011",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:06:58.110Z"
     }
   },
   {
@@ -742,6 +802,12 @@
       "attributes": {
         "aria-label": "Menu navigation"
       }
+    },
+    "visualDescription": "Menú de navegación con cuatro ítems dentro de un contenedor con borde gris claro de 1px. Los tres primeros ítems(texto azul enlace) están alineados a la izquierda con espaciado mínimo entre ellos, mientras que el cuarto ítem está posicionado en el extremo derecho del contenedor. Fondo blanco y altura uniforme para todos los elementos.",
+    "_generated": {
+      "hash": "2d7aab714cdd0db4b9b1edbcbeb0d474",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:06:58.110Z"
     }
   },
   {
@@ -800,6 +866,12 @@
       "attributes": {
         "aria-label": "Menu navigation"
       }
+    },
+    "visualDescription": "Menú de navegación con dos ítems dentro de un contenedor con borde gris claro de 1px y fondo blanco. El primer ítem presenta texto en gris atenuado indicando estado deshabilitado, seguido de un segundo ítem con texto en azul enlace activo. Altura uniforme del contenedor con padding interno visible.",
+    "_generated": {
+      "hash": "94348757d47bb872c28bfca220a57e5f",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:06:58.110Z"
     }
   },
   {
@@ -913,6 +985,12 @@
         "aria-label": "Menu navigation",
         "id": "mi-menu-header"
       }
+    },
+    "visualDescription": "Fila horizontal con tres selectores desplegables de tamaño pequeño. Cada selector tiene fondo blanco, borde gris claro de 1px, texto negro y flecha hacia abajo indicando menú. Selector de la derecha tiene alineación a la derecha, los otros dos a la izquierda.",
+    "_generated": {
+      "hash": "3f2dd2ccea2022d35627ed9774b0ac84",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:07:06.506Z"
     }
   },
   {
@@ -945,6 +1023,12 @@
       "attributes": {
         "aria-label": "Menu navigation"
       }
+    },
+    "visualDescription": "Fila horizontal de cinco botones rectangulares con borde azul de 1px y texto azul en negrita. Cada botón tiene fondo blanco, esquinas ligeramente redondeadas y padding uniforme. Los botones están espaciados uniformemente con separación mínima entre ellos.",
+    "_generated": {
+      "hash": "a6fbc84eeedc307b29eaeec5be7afdca",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:07:06.506Z"
     }
   },
   {
@@ -1005,6 +1089,12 @@
       "attributes": {
         "aria-label": "Menu navigation"
       }
+    },
+    "visualDescription": "Fila horizontal de dos botones rectangulares con borde gris de 1px y texto negro. Cada botón tiene fondo blanco, esquinas ligeramente redondeadas y padding horizontal amplio. Los botones están separados por espacio pequeño entre ellos.",
+    "_generated": {
+      "hash": "38df46e60f01777986050e9d02745ec8",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:07:06.506Z"
     }
   },
   {
@@ -1090,6 +1180,12 @@
       "attributes": {
         "aria-label": "Menu navigation"
       }
+    },
+    "visualDescription": "Fila horizontal de cinco botones con borde azul de 1px y fondo blanco. Cada botón contiene texto azul en peso regular, etiquetados secuencialmente(\"Opción 1\" hasta \"Opción 5\"). Los botones tienen espaciado uniforme entre ellos y esquinas ligeramente redondeadas.",
+    "_generated": {
+      "hash": "9a67f40b1dacd726a09117c2e48ed045",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:07:15.929Z"
     }
   },
   {
@@ -1185,6 +1281,12 @@
       "attributes": {
         "aria-label": "Menu navigation"
       }
+    },
+    "visualDescription": "Fila horizontal de seis elementos interactivos con bordes azules de 1px y fondos blancos. Incluye botones con texto azul, botones con texto azul y flechas desplegables(indicador \"▼\"), y un elemento con etiqueta de ítem deshabilitado en texto gris con indicador \"▼\". Los elementos tienen espaciado consistente y esquinas redondeadas, presentando estados habilitado y deshabilitado visualmente diferenciados.",
+    "_generated": {
+      "hash": "a5652b883af3f89985d7a6b0bd0f81a9",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:07:15.929Z"
     }
   }
 ] %}

package/src/templates/components/menu-vertical/_examples.menu-vertical.njk

@@ -21,6 +21,12 @@
       "attributes": {
         "aria-label": "Menu vertical"
       }
+    },
+    "visualDescription": "Menú vertical con fondo blanco, borde gris de 1px, y esquinas redondeadas. Contiene tres items de menú con texto negro en peso normal, espaciados verticalmente de forma uniforme. El título del menú aparece en la parte superior en texto negro de menor tamaño.",
+    "_generated": {
+      "hash": "fd8df4fb2bff2b38514e179e8e08904f",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:07:23.811Z"
     }
   },
   {
@@ -44,6 +50,12 @@
       "attributes": {
         "aria-label": "Menu vertical"
       }
+    },
+    "visualDescription": "Menú vertical con fondo blanco, borde gris de 1px, y esquinas redondeadas. Contiene tres items de menú: dos con texto negro en peso normal y uno con texto gris claro indicando estado deshabilitado. El título del menú aparece en la parte superior en texto negro de menor tamaño.",
+    "_generated": {
+      "hash": "39609c3fd5146f55f9b7e867bb2c80ab",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:07:23.811Z"
     }
   },
   {
@@ -70,6 +82,12 @@
         "id": "mi-menu",
         "aria-label": "Menu vertical"
       }
+    },
+    "visualDescription": "Menú vertical con fondo blanco, borde gris de 1px, y esquinas redondeadas. Contiene tres items de menú: dos con texto negro en peso normal y uno con texto negro en peso negrita indicando estado activo. El título del menú aparece en la parte superior en texto negro de menor tamaño.",
+    "_generated": {
+      "hash": "601486139c1239ccf1f34160c72b5d5e",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:07:23.811Z"
     }
   },
   {
@@ -105,6 +123,12 @@
       "attributes": {
         "aria-label": "Menu vertical"
       }
+    },
+    "visualDescription": "Lista vertical de tres ítems de texto negro sobre fondo blanco. Cada ítem presenta padding vertical uniforme sin separadores visuales entre elementos. Borde gris claro de 1px rodea todo el contenedor rectangular.",
+    "_generated": {
+      "hash": "f85c13be5455f032dd7253c03728d901",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:07:32.824Z"
     }
   },
   {
@@ -133,6 +157,12 @@
       "attributes": {
         "aria-label": "Menu vertical"
       }
+    },
+    "visualDescription": "Lista vertical de cuatro ítems de texto negro sobre fondo blanco con línea divisoria gris horizontal de 1px entre el segundo y tercer ítem. Cada ítem presenta padding vertical uniforme. Borde gris claro de 1px rodea todo el contenedor rectangular.",
+    "_generated": {
+      "hash": "8620dd3615ff5e5bfcd38790451ed960",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:07:32.824Z"
     }
   },
   {
@@ -156,6 +186,12 @@
       "attributes": {
         "aria-label": "Menu vertical"
       }
+    },
+    "visualDescription": "Lista vertical de tres ítems con párrafos de texto negro extenso sobre fondo blanco. Cada ítem contiene múltiples líneas de texto justificado que ocupa todo el ancho disponible. Borde gris claro de 1px rodea todo el contenedor rectangular con padding interno generoso.",
+    "_generated": {
+      "hash": "74aae777ae46646d22cac5847e6b1fd0",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:07:32.824Z"
     }
   },
   {
@@ -239,6 +275,12 @@
       "attributes": {
         "aria-label": "Menu vertical"
       }
+    },
+    "visualDescription": "Menú vertical con fondo blanco y borde gris claro de 1px. Contiene tres ítems padres en texto negro estándar, cada uno seguido de tres subítems en texto gris oscuro con menor tamaño de fuente. Los subítems están indentados hacia la derecha respecto a sus padres.",
+    "_generated": {
+      "hash": "b40eda406588d49672663105d9652c63",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:07:41.719Z"
     }
   },
   {
@@ -271,6 +313,12 @@
       "attributes": {
         "aria-label": "Menu vertical"
       }
+    },
+    "visualDescription": "Menú vertical con fondo blanco y borde gris claro de 1px. Presenta tres ítems principales en texto negro negrita, cada uno acompañado de texto descriptivo gris en tamaño menor debajo. El espaciado vertical entre grupos de ítem-descripción es uniforme.",
+    "_generated": {
+      "hash": "228739a63de4455ede04026f8897c711",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:07:41.719Z"
     }
   },
   {
@@ -331,6 +379,12 @@
       "attributes": {
         "aria-label": "Menu vertical"
       }
+    },
+    "visualDescription": "Menú vertical con fondo blanco y borde gris claro de 1px. Muestra dos ítems padres en texto negro estándar, cada uno con tres subítems indentados. Los subítems están en texto gris oscuro con tamaño de fuente reducido, manteniendo alineación vertical consistente.",
+    "_generated": {
+      "hash": "90be1cf579fa69ec1819716f36ad0609",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:07:41.719Z"
     }
   },
   {
@@ -390,6 +444,12 @@
       "attributes": {
         "aria-label": "Menu vertical"
       }
+    },
+    "visualDescription": "Menú vertical con fondo blanco que contiene dos ítems principales en texto negro, cada uno con tres sub-ítems indentados. Los sub-ítems aparecen como enlaces azules subrayados con texto de peso normal, organizados en una lista jerárquica vertical.",
+    "_generated": {
+      "hash": "1238ac510565b0b1435096e7299c995d",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:07:51.975Z"
     }
   },
   {
@@ -444,6 +504,12 @@
       "attributes": {
         "aria-label": "Menu vertical"
       }
+    },
+    "visualDescription": "Menú vertical con cinco opciones numeradas sobre fondo azul celeste claro. La segunda opción tiene fondo rosa salmón y contiene tres sub-ítems con borde vertical rojo a la izquierda, donde el sub-ítem del medio presenta fondo blanco mientras los otros dos mantienen el fondo rosa.",
+    "_generated": {
+      "hash": "f2d1bd6f6e2377cb8b5895cb22278d8a",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:07:51.975Z"
     }
   },
   {
@@ -468,6 +534,12 @@
         "id": "mi-menu-icons",
         "aria-label": "Menu vertical"
       }
+    },
+    "visualDescription": "Lista vertical de tres opciones en texto negro sobre fondo blanco, cada una precedida por un icono distintivo. La primera opción tiene un icono cuadrado negro, la segunda un icono de enlace o cadena gris, y la tercera un icono de documento o archivo negro.",
+    "_generated": {
+      "hash": "3982934ab1ff345b342bbaccadc6db20",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:07:51.975Z"
     }
   },
   {
@@ -500,6 +572,12 @@
       "attributes": {
         "aria-label": "Menu vertical"
       }
+    },
+    "visualDescription": "Menú vertical con fondo blanco y borde gris claro de 1px. Contiene 5 opciones listadas verticalmente con texto negro de tamaño estándar y peso regular. Espaciado uniforme entre elementos, diseño minimalista sin iconos ni decoración adicional.",
+    "_generated": {
+      "hash": "2dedb9c1d0071f7180739efd46810701",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:08:01.086Z"
     }
   },
   {
@@ -536,6 +614,12 @@
       "attributes": {
         "aria-label": "Menu vertical"
       }
+    },
+    "visualDescription": "Menú vertical con fondo blanco y borde gris claro de 1px. Presenta 5 opciones listadas verticalmente con texto negro de tamaño estándar y peso regular. Estructura de lista con espaciado consistente entre ítems, sin elementos gráficos adicionales.",
+    "_generated": {
+      "hash": "2b319939b306a84b7fb79eec92ef71a3",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:08:01.086Z"
     }
   },
   {
@@ -622,6 +706,12 @@
       "attributes": {
         "aria-label": "Menu vertical"
       }
+    },
+    "visualDescription": "Menú vertical con fondo blanco y borde gris claro de 1px. Incluye 5 opciones listadas verticalmente con texto negro de tamaño estándar y peso regular, donde la opción 3 contiene 3 sub-elementos anidados con sangría a la izquierda y texto gris claro. Estructura jerárquica con espaciado vertical consistente entre todos los elementos.",
+    "_generated": {
+      "hash": "dcd66ac372f6612706f65d3543e7da9e",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:08:01.086Z"
     }
   },
   {
@@ -735,6 +825,12 @@
       "attributes": {
         "aria-label": "Menu vertical"
       }
+    },
+    "visualDescription": "Menú vertical con fondo blanco que contiene ítems de texto en diferentes niveles de jerarquía y estados. Los ítems incluyen enlaces simples en texto negro regular, ítems con href deshabilitado en gris, padre con divisor en negro regular, subítems indentados hacia la derecha, subítem activo con fondo gris claro, y sección HTML dentro con texto explicativo en gris. El menú presenta separadores horizontales grises tenues entre algunas secciones para agrupar contenido relacionado.",
+    "_generated": {
+      "hash": "a9ac5ea96e6804c7da95ab5aeb7ede1b",
+      "version": "15.0.3",
+      "timestamp": "2026-01-30T19:08:09.889Z"
     }
   }
 ] %}