{
  "version": "1.0.0",
  "categories": [
    {
      "id": "fundamentos",
      "label": "Fundamentos",
      "order": 1,
      "description": "Tokens primitivos del sistema: color, tipografía, iconografía, forma y sombra."
    },
    {
      "id": "accion",
      "label": "Acción",
      "order": 2,
      "description": "Guían acciones e identifican contenidos."
    },
    {
      "id": "navegacion",
      "label": "Navegación",
      "order": 3,
      "description": "Orientación, jerarquía y estructura del sitio."
    },
    {
      "id": "contenido",
      "label": "Contenido",
      "order": 4,
      "description": "Bloques de información: cards, listas, tablas y banners."
    },
    {
      "id": "formularios",
      "label": "Formularios",
      "order": 5,
      "description": "Controles para captura de datos del usuario."
    },
    {
      "id": "feedback",
      "label": "Feedback",
      "order": 6,
      "description": "Confirmación de acciones, alertas y comunicación contextual."
    },
    {
      "id": "estado",
      "label": "Estado & Progreso",
      "order": 7,
      "description": "Indicadores de avance, espera y carga."
    },
    {
      "id": "estructura",
      "label": "Estructura",
      "order": 8,
      "description": "Componentes globales del shell: header y footer."
    }
  ],
  "components": [
    { "slug": "color",        "title": "Color",                 "category": "fundamentos", "file": "components/color.html",        "description": "Paleta institucional: primarios, secundarios, neutros y gradientes." },
    { "slug": "tipografia",   "title": "Tipografía",            "category": "fundamentos", "file": "components/tipografia.html",   "description": "Escala tipográfica Work Sans en cinco pesos." },
    { "slug": "iconos",       "title": "Iconografía",           "category": "fundamentos", "file": "components/iconos.html",       "description": "Íconos sólidos con gradiente verde → azul." },
    { "slug": "radius",       "title": "Forma y sombra",        "category": "fundamentos", "file": "components/radius.html",       "description": "Radios y sombras institucionales." },

    { "slug": "botones",      "title": "Botones",               "category": "accion",      "file": "components/botones.html",      "description": "Primarios, secundarios, acentos, tamaños y solo ícono." },
    { "slug": "badges",       "title": "Tags & Badges",         "category": "accion",      "file": "components/badges.html",       "description": "Etiquetas para categorizar contenido, estados y filtros." },

    { "slug": "menus",        "title": "Barra de navegación",   "category": "navegacion",  "file": "components/menus.html",        "description": "Menú principal y subnav." },
    { "slug": "breadcrumb",   "title": "Breadcrumb",            "category": "navegacion",  "file": "components/breadcrumb.html",   "description": "Ruta jerárquica de navegación." },
    { "slug": "tabs",         "title": "Tabs",                  "category": "navegacion",  "file": "components/tabs.html",         "description": "Pestañas estándar y tipo pill." },
    { "slug": "paginacion",   "title": "Paginación",            "category": "navegacion",  "file": "components/paginacion.html",   "description": "Navegación entre páginas de resultados." },
    { "slug": "sidebar",      "title": "Sidebar",               "category": "navegacion",  "file": "components/sidebar.html",      "description": "Navegación lateral para apps, portales y dashboards." },

    { "slug": "cards",        "title": "Cards",                 "category": "contenido",   "file": "components/cards.html",        "description": "Categoría, noticias/eventos, estadísticas y especializadas." },
    { "slug": "listas",       "title": "Listas",                "category": "contenido",   "file": "components/listas.html",       "description": "Bulleted, numeradas, con check y de definición." },
    { "slug": "tablas",       "title": "Tablas",                "category": "contenido",   "file": "components/tablas.html",       "description": "Tabla con toolbar, estados y paginación." },
    { "slug": "banners",      "title": "Banners",               "category": "contenido",   "file": "components/banners.html",      "description": "Campañas, inscripciones y comunicaciones." },

    { "slug": "formularios",  "title": "Inputs & controles",    "category": "formularios", "file": "components/formularios.html",  "description": "Inputs, select, error, textarea, checkbox, radio, toggle y file." },

    { "slug": "alertas",      "title": "Alertas",               "category": "feedback",    "file": "components/alertas.html",      "description": "Mensajes informativos, de éxito, advertencia y error." },
    { "slug": "modal",        "title": "Modal & Toast",         "category": "feedback",    "file": "components/modal.html",        "description": "Diálogos modales y notificaciones efímeras." },
    { "slug": "faq",          "title": "FAQ / Acordeón",        "category": "feedback",    "file": "components/faq.html",          "description": "Preguntas frecuentes con expansión progresiva." },

    { "slug": "progreso",     "title": "Barras de progreso",    "category": "estado",      "file": "components/progreso.html",     "description": "Lineal, indeterminada, radial y segmentada." },
    { "slug": "stepper",      "title": "Stepper",               "category": "estado",      "file": "components/stepper.html",      "description": "Procesos por etapas: horizontal, pill y vertical." },
    { "slug": "loading",      "title": "Loading",               "category": "estado",      "file": "components/loading.html",      "description": "Spinners, botones loading y overlays." },
    { "slug": "skeleton",     "title": "Skeletons",             "category": "estado",      "file": "components/skeleton.html",     "description": "Placeholders animados para contenido en carga." },

    { "slug": "header",       "title": "Header",                "category": "estructura",  "file": "components/header.html",       "description": "Encabezado sticky con navegación y búsqueda." },
    { "slug": "footer",       "title": "Footer",                "category": "estructura",  "file": "components/footer.html",       "description": "Pie de página institucional con contacto y enlaces." }
  ]
}