@amsintegra/design-system 1.1.1 → 2.0.1

package/dist/index.js

@@ -1,731 +1,2730 @@
-import { Button as Button$1, Tag as Tag$1, theme, Card as Card$1, ConfigProvider, App, Pagination as Pagination$1, Switch, Skeleton, Table, Modal, Select, Upload, Breadcrumb } from 'antd';
-export { Affix, Alert, Anchor, AutoComplete, Avatar, BackTop, Badge, Breadcrumb, Calendar, Carousel, Cascader, Checkbox, Col, Collapse, ColorPicker, DatePicker, Descriptions, Divider, Drawer, Dropdown, Empty, Flex, FloatButton, Form, Image, Input, InputNumber, Layout, List, Mentions, Menu, Modal, Popconfirm, Popover, Progress, QRCode, Radio, Rate, Result, Row, Segmented, Select, Skeleton, Slider, Space, Spin, Splitter, Statistic, Steps, Switch, Table, Tabs, TimePicker, Timeline, Tooltip, Tour, Transfer, Tree, TreeSelect, Typography, Upload, Watermark } from 'antd';
-import { createContext, forwardRef, useContext, useState, useCallback, useMemo, isValidElement, cloneElement, useEffect } from 'react';
+import { createContext, forwardRef, useContext, createElement, useState, useCallback, useEffect, useRef, useId, useLayoutEffect, useMemo, Children, isValidElement } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { DownloadOutlined, BulbOutlined, BulbFilled, InboxOutlined } from '@ant-design/icons';
-export { CheckCircleOutlined, CheckOutlined, CloseCircleOutlined, CloseOutlined, DeleteOutlined, DownOutlined, DownloadOutlined, EditOutlined, ExclamationCircleOutlined, EyeInvisibleOutlined, EyeOutlined, FileExcelOutlined, FileOutlined, FilePdfOutlined, FilterOutlined, FolderOutlined, InfoCircleOutlined, LeftOutlined, LoadingOutlined, LogoutOutlined, MenuOutlined, PlusOutlined, ReloadOutlined, RightOutlined, SearchOutlined, SettingOutlined, UpOutlined, UploadOutlined, UserOutlined, WarningOutlined } from '@ant-design/icons';
+import { XCircle, AlertTriangle, CheckCircle2, Clock, Circle, Ellipsis, PlusCircle, KeyRound, GripVertical, Trash2, Search, Bell, Loader2, X, LogOut, Columns3, EyeOff, Eye, Hash, FileText, Activity, Tag, CalendarRange, CalendarClock, Building2, Wallet, User, Copy, Rows2, Rows4, Download, UserX, Timer, Pencil, Mail, FileSpreadsheet, Filter, Sparkles, Save, PauseCircle, Info, LogIn, UserPlus, ShieldAlert, Lock, Coins, Boxes, Gauge, TrendingUp, Link2, ShieldCheck, BarChart3, History, PanelLeftClose, SlidersHorizontal, Users, PanelLeftOpen, MailPlus, Briefcase, BookOpen, Menu, BellRing, Package, Layers, Palette, ArrowUp, ArrowDown, ArrowUpDown, ArrowLeft, ArrowRight, RotateCcw, PlayCircle, RefreshCw, Ban, Check, BellOff, FolderOpen, Calendar, Table2, LayoutGrid } from 'lucide-react';
+import { createPortal } from 'react-dom';
 
-// src/theme/AmsConfigProvider.tsx
-
-// src/theme/tokens.ts
-var primitives = {
-  brandRed: "#A72432",
-  brandRedActive: "#8B1D28",
-  // darken 10%
-  brandRedLight: "#f1faff",
-  green: "#50cd89",
-  greenActive: "#47be7d",
-  greenLight: "#e8fff3",
-  purple: "#7239ea",
-  purpleActive: "#5014d0",
-  purpleLight: "#f8f5ff",
-  pink: "#f1416c",
-  pinkActive: "#d9214e",
-  pinkLight: "#fff5f8",
-  yellow: "#ffc700",
-  yellowActive: "#f1bc00",
-  yellowLight: "#fff8dd",
-  white: "#ffffff",
-  gray: {
-    100: "#f9f9f9",
-    200: "#f4f4f4",
-    300: "#e1e3ea",
-    400: "#b5b5c3",
-    500: "#a1a5b7",
-    600: "#7e8299",
-    700: "#5e6278",
-    800: "#3f4254",
-    900: "#181c32"
-  },
-  background: {
-    app: "#f5f8fa",
-    body: "#ffffff",
-    appDark: "#151521",
-    bodyDark: "#1e1e2d"
-  },
-  dark: {
-    base: "#181c32",
-    bg: "#151521",
-    header: "#1e1e2d",
-    active: "#2a2a3c",
-    separator: "#393945",
-    // Dark-mode surfaces (from mf-container's antdTheme).
-    inputBg: "#1b1b29",
-    cardBg: "#1e1e2d",
-    // Dark-mode gray scale — DISTINCT from the light `gray` scale (Metronic).
-    gray: {
-      100: "#2b2b40",
-      200: "#323248",
-      300: "#3b3b64",
-      400: "#474761",
-      500: "#565674",
-      600: "#6d6d80",
-      700: "#92929f",
-      800: "#cdcdde"
-    }
-  }
-};
-var radius = {
-  sm: 2,
-  base: 4,
-  md: 6,
-  lg: 8,
-  xl: 12
+// src/kit/lib/tema.ts
+var NOMBRE_PRODUCTO_DEFAULT = "Backoffice";
+var TEMA_DEFAULT = {
+  logo_url: null,
+  color_primario: "#A72432",
+  color_primario_oscuro: "#8B1D28",
+  color_acento: "#C9414D",
+  color_peligro: "#A72432",
+  color_fondo: "#ffffff",
+  color_texto: "#0b1f33",
+  color_borde: "#e2e8f0",
+  badge_exito: "#e6f4ea",
+  badge_advertencia: "#fdf1de",
+  badge_error: "#fbe9e9",
+  badge_neutro: "#ececec"
 };
-var typography = {
-  fontFamily: "Inter, Helvetica, Arial, sans-serif",
-  fontSizeBase: 13,
-  weight: {
-    light: 300,
-    normal: 400,
-    medium: 500,
-    semibold: 600,
-    bold: 700
+function variablesDeTema(tema) {
+  return {
+    ...tema.color_acento ? { "--tema-acento": tema.color_acento } : {},
+    // El spinner de marca se pinta con el logo; sin logo rige el icono neutro de `globals.css`.
+    ...tema.logo_url ? { "--tema-logo-spinner": `url("${tema.logo_url}")` } : {},
+    "--tema-primario": tema.color_primario,
+    "--tema-primario-oscuro": tema.color_primario_oscuro,
+    "--tema-peligro": tema.color_peligro,
+    "--tema-fondo": tema.color_fondo,
+    "--tema-texto": tema.color_texto,
+    "--tema-borde": tema.color_borde,
+    "--tema-badge-exito": tema.badge_exito,
+    "--tema-badge-advertencia": tema.badge_advertencia,
+    "--tema-badge-error": tema.badge_error,
+    "--tema-badge-neutro": tema.badge_neutro
+  };
+}
+var LinkComponentContext = createContext(null);
+var LinkComponentProvider = LinkComponentContext.Provider;
+var LinkBase = forwardRef(function LinkBase2({ href, children, ...rest }, ref) {
+  const Injected = useContext(LinkComponentContext);
+  if (Injected) {
+    return createElement(Injected, { href, children, ...rest });
+  }
+  return /* @__PURE__ */ jsx("a", { ref, href, ...rest, children });
+});
+var ListadoNavContext = createContext(null);
+var ListadoNavProvider = ListadoNavContext.Provider;
+function useNavegarListado() {
+  const ctx = useContext(ListadoNavContext);
+  if (!ctx) {
+    throw new Error(
+      "useNavegarListado must be used within a <ListadoNavProvider>. Wrap your listing screen and provide { ir, pendiente, params } connected to your router or local state."
+    );
   }
+  return ctx;
+}
+var TAMANO_BADGE = 16;
+var TAMANO_BOTON = 20;
+var ICONO_DEFAULT = Circle;
+var ICONO_NAV_DASHBOARD = Activity;
+var ICONO_NAV_SALUD = Gauge;
+var ICONO_NAV_ANALITICA = BarChart3;
+var ICONO_NAV_ENTIDADES = Users;
+var ICONO_NAV_INVITACIONES = MailPlus;
+var ICONO_NAV_ETIQUETAS = Tag;
+var ICONO_NAV_JOBS = Briefcase;
+var ICONO_NAV_TEMA = Palette;
+var ICONO_NAV_CONFIGURACION = SlidersHorizontal;
+var ICONO_NAV_API_KEYS = KeyRound;
+var ICONO_NAV_BITACORA = History;
+var ICONO_NAV_NOTIFICACIONES = BellRing;
+var ICONO_NAV_MANUAL = BookOpen;
+var ICONO_NAV_CLIENTE = KeyRound;
+var ICONO_NAV_EXTRACCIONES = FileSpreadsheet;
+var ICONO_CERRAR_SESION = LogOut;
+var ICONO_INICIAR_SESION = LogIn;
+var ICONO_NAV_COLAPSAR = PanelLeftClose;
+var ICONO_NAV_EXPANDIR = PanelLeftOpen;
+var ICONO_NAV_MENU_MOVIL = Menu;
+var ICONO_CERRAR = X;
+var ICONO_ALTA = PlusCircle;
+var ICONO_GENERAR = Sparkles;
+var ICONO_GUARDAR = Save;
+var ICONO_EDITAR = Pencil;
+var ICONO_BAJA = Trash2;
+var ICONO_DESHABILITAR = UserX;
+var ICONO_INACTIVAR = PauseCircle;
+var ICONO_REACTIVAR_ETIQUETA = PlayCircle;
+var ICONO_REACTIVAR = RotateCcw;
+var ICONO_RESTABLECER = RotateCcw;
+var ICONO_REINTENTAR = RefreshCw;
+var ICONO_COPIAR = Copy;
+var ICONO_LINK = Link2;
+var ICONO_DESCARGAR = Download;
+var ICONO_EXPORTAR = FileSpreadsheet;
+var ICONO_EXPORTAR_CSV = Download;
+var ICONO_CONFIRMAR = CheckCircle2;
+var ICONO_VOLVER = ArrowLeft;
+var ICONO_VER_TODOS = ArrowRight;
+var ICONO_ROTAR_KEY = RotateCcw;
+var ICONO_REVOCAR_KEY = Ban;
+var ICONO_API_KEY = KeyRound;
+var ICONO_EMAIL = Mail;
+var ICONO_INVITACION_GENERICA = UserPlus;
+var ICONO_SEGURIDAD = ShieldCheck;
+var ICONO_CAMPANA = Bell;
+var ICONO_SILENCIAR = BellOff;
+var ICONO_FILTRO = Filter;
+var ICONO_BUSCAR = Search;
+var ICONO_LIMPIAR = X;
+var ICONO_SELECCIONADO = Check;
+var ICONO_ORDENAR_ASC = ArrowUp;
+var ICONO_ORDENAR_DESC = ArrowDown;
+var ICONO_ORDENAR_NEUTRO = ArrowUpDown;
+var ICONO_PAGINA_ANTERIOR = ArrowLeft;
+var ICONO_PAGINA_SIGUIENTE = ArrowRight;
+var ICONO_VISTA_TABLA = Table2;
+var ICONO_VISTA_TARJETAS = LayoutGrid;
+var ICONO_ARRASTRAR_COLUMNA = GripVertical;
+var ICONO_COLUMNAS = Columns3;
+var ICONO_COLUMNA_VISIBLE = Eye;
+var ICONO_COLUMNA_OCULTA = EyeOff;
+var ICONO_ACCIONES_FILA = Ellipsis;
+var ICONO_DENSIDAD_COMPACTA = Rows4;
+var ICONO_DENSIDAD_COMODA = Rows2;
+var ICONO_CARGANDO = Loader2;
+var ICONO_INFO_EXPLICACION = Info;
+var ICONO_COL_CODIGO = Hash;
+var ICONO_COL_NOMBRE = Building2;
+var ICONO_COL_ESTADO = Activity;
+var ICONO_COL_MECANISMO = KeyRound;
+var ICONO_COL_TOTAL = Wallet;
+var ICONO_COL_FECHA = CalendarRange;
+var ICONO_COL_FECHA_HORA = CalendarClock;
+var ICONO_COL_ETIQUETA = Tag;
+var ICONO_COL_USUARIO = User;
+var ICONO_COL_DOCUMENTO = FileText;
+var ICONO_PERIODO = CalendarRange;
+var ICONO_VIGENCIA = Calendar;
+var ICONO_DURACION = Timer;
+var ICONO_UBICACION = FolderOpen;
+var ICONOS_ESTATUS = {
+  pendiente: Circle,
+  procesando: Clock,
+  hecha: CheckCircle2,
+  gap: AlertTriangle,
+  fallida: XCircle
 };
-var sizing = {
-  controlHeight: 32,
-  buttonMinWidth: 110
+function iconoDeEstatus(estado) {
+  return ICONOS_ESTATUS[estado] ?? ICONO_DEFAULT;
+}
+var ICONOS_SEMAFORO = {
+  verde: CheckCircle2,
+  ambar: AlertTriangle,
+  rojo: XCircle
 };
-var semantic = {
-  colorPrimary: primitives.brandRed,
-  colorPrimaryActive: primitives.brandRedActive,
-  colorSuccess: primitives.green,
-  colorInfo: primitives.purple,
-  colorError: primitives.pink,
-  colorWarning: primitives.yellow,
-  // Links. Metronic inherits link color from the (red) primary, which reads as
-  // "danger" in dense UIs. The AMS default uses a neutral dark gray so links
-  // don't look like errors; consumers can override `colorLink`/`colorLinkHover`
-  // via AmsConfigProvider's `theme` prop (e.g. back to the brand red or blue).
-  colorLink: primitives.gray[800],
-  colorLinkHover: primitives.brandRed,
-  colorLinkActive: primitives.brandRedActive,
-  colorBgLayout: primitives.background.app,
-  colorBgContainer: primitives.background.body,
-  borderRadius: radius.base,
-  fontFamily: typography.fontFamily,
-  fontSize: typography.fontSizeBase,
-  controlHeight: sizing.controlHeight
+var ETIQUETAS_SEMAFORO = {
+  verde: "verde (en linea)",
+  ambar: "ambar (advertencia)",
+  rojo: "rojo (critico)"
 };
+function iconoDeSemaforo(color) {
+  return ICONOS_SEMAFORO[color] ?? Circle;
+}
+function etiquetaSemaforo(color) {
+  return ETIQUETAS_SEMAFORO[color] ?? color;
+}
+var ICONO_AVISO = AlertTriangle;
+var ICONO_ERROR = XCircle;
+var ICONO_OK = CheckCircle2;
+var ICONO_KPI_RITMO = TrendingUp;
+var ICONO_KPI_RENDIMIENTO = Gauge;
+var ICONO_KPI_CONTEO = Boxes;
+var ICONO_KPI_CREDENCIALES = KeyRound;
+var ICONO_KPI_ALERTA = ShieldAlert;
+var ICONO_KPI_CONSUMO = Coins;
+var ICONO_KPI_BLOQUEO = Lock;
+var ICONO_NAV_PLANES = Layers;
+var ICONO_NAV_PAQUETES = Package;
+var ICONO_NAV_ACCESOS = ShieldCheck;
+var ICONO_NAV_USUARIOS = Users;
+var ICONO_LOGIN_MICROSOFT = LogIn;
 
-// src/theme/theme.ts
-var sharedToken = {
-  colorPrimary: semantic.colorPrimary,
-  colorSuccess: semantic.colorSuccess,
-  colorInfo: semantic.colorInfo,
-  colorError: semantic.colorError,
-  colorWarning: semantic.colorWarning,
-  colorLink: semantic.colorLink,
-  colorLinkHover: semantic.colorLinkHover,
-  colorLinkActive: semantic.colorLinkActive,
-  borderRadius: semantic.borderRadius,
-  fontFamily: semantic.fontFamily,
-  fontSize: semantic.fontSize,
-  controlHeight: semantic.controlHeight
-};
-var lightToken = {
-  ...sharedToken,
-  colorBgLayout: semantic.colorBgLayout,
-  colorBgContainer: semantic.colorBgContainer,
-  colorBgElevated: primitives.background.body,
-  colorText: primitives.gray[900],
-  colorTextSecondary: primitives.gray[700],
-  colorTextTertiary: primitives.gray[500],
-  colorTextQuaternary: primitives.gray[400],
-  colorBorder: primitives.gray[300],
-  colorBorderSecondary: primitives.gray[200]
-};
-var darkToken = {
-  ...sharedToken,
-  colorBgLayout: primitives.background.appDark,
-  colorBgContainer: primitives.background.bodyDark,
-  colorBgElevated: primitives.background.bodyDark,
-  colorText: "#ffffff",
-  colorTextHeading: "#ffffff",
-  colorTextSecondary: primitives.dark.gray[800],
-  colorTextTertiary: primitives.dark.gray[700],
-  colorTextQuaternary: primitives.dark.gray[600],
-  colorBorder: primitives.dark.gray[300],
-  colorBorderSecondary: primitives.dark.gray[200],
-  boxShadow: "0 6px 16px 0 rgba(0, 0, 0, 0.48), 0 3px 6px -4px rgba(0, 0, 0, 0.36), 0 9px 28px 8px rgba(0, 0, 0, 0.15)"
-};
-var sharedComponents = {
-  Button: { controlHeight: 32 },
-  Tabs: {
-    itemColor: primitives.gray[600],
-    itemSelectedColor: semantic.colorPrimary,
-    itemHoverColor: semantic.colorPrimary
-  }
-};
-var lightComponents = {
-  ...sharedComponents,
-  Table: {
-    headerBg: primitives.gray[100],
-    headerColor: primitives.gray[800],
-    borderColor: primitives.gray[300],
-    cellPaddingBlock: 8,
-    cellPaddingInline: 8
-  }
-};
-var darkComponents = {
-  ...sharedComponents,
-  Table: {
-    headerBg: primitives.dark.gray[200],
-    headerColor: primitives.dark.gray[800],
-    borderColor: primitives.dark.gray[400],
-    rowHoverBg: primitives.dark.gray[200],
-    cellPaddingBlock: 8,
-    cellPaddingInline: 8
+// src/kit/lib/explicaciones.ts
+var EXPLICACIONES = {
+  // ───────────────────────────── plataforma.* (usados por los componentes del kit) ─────────────────────────────
+  "plataforma.rol": {
+    titulo: "Rol del usuario",
+    que_es: "Tu nivel de acceso en este sistema, por ejemplo administrador, operador o consulta.",
+    como_se_calcula: "Se resuelve al iniciar sesi\xF3n seg\xFAn tu asignaci\xF3n; no se calcula.",
+    de_donde_sale: "Asignaci\xF3n de rol del usuario en el directorio de acceso.",
+    como_leerlo: "Determina qu\xE9 m\xF3dulos ves y qu\xE9 acciones puedes ejecutar en cada tabla."
+  },
+  "plataforma.listado_resultados": {
+    titulo: "Resultados del listado",
+    que_es: "Cu\xE1ntas filas cumplen la b\xFAsqueda y los filtros actuales frente al total del listado.",
+    como_se_calcula: "Se cuentan las filas cuyo texto contiene lo buscado, sin distinguir may\xFAsculas ni acentos, y que cumplen cada filtro. La tabla muestra una p\xE1gina de 25, 50 o 100 de ellas.",
+    de_donde_sale: "Lista que ya trae la pantalla; la b\xFAsqueda, los filtros, el orden y la p\xE1gina viajan en la direcci\xF3n (URL).",
+    como_leerlo: "Si dice N en total no hay filtro activo. Copiar la direcci\xF3n comparte la misma vista."
+  },
+  "plataforma.tabla_columnas": {
+    titulo: "Columnas de la tabla",
+    que_es: "Lista para mostrar u ocultar las columnas de esta tabla que no est\xE1n fijas. Las columnas de identidad y la de acciones siempre se ven.",
+    como_se_calcula: "Cada casilla desmarcada oculta esa columna en pantalla; no cambia los datos, el orden, los filtros ni lo que se exporta.",
+    de_donde_sale: "Preferencia guardada en este navegador, por tabla y por usuario. Restablecer la borra y vuelve a mostrar todas las columnas con la densidad c\xF3moda.",
+    como_leerlo: "Si falta una columna que esperabas, revisa esta lista. Con el almacenamiento del navegador bloqueado (modo privado) la elecci\xF3n dura solo mientras la p\xE1gina siga abierta."
+  },
+  "plataforma.tabla_densidad": {
+    titulo: "Densidad de la tabla",
+    que_es: "Alto de las filas: compacta muestra m\xE1s filas por pantalla; c\xF3moda deja m\xE1s aire entre ellas.",
+    como_se_calcula: "Compacta reduce el relleno vertical de cada celda; no cambia el texto ni las columnas.",
+    de_donde_sale: "Preferencia guardada en este navegador, por tabla y por usuario, junto con las columnas ocultas.",
+    como_leerlo: "La tabla se desplaza dentro de su propio marco: la barra horizontal queda al pie de la pantalla, el encabezado arriba y las columnas de identidad y acciones fijas a los lados. Shift + rueda del rat\xF3n desplaza a lo ancho."
+  },
+  // ───────────────────────────── ejemplos del Backoffice (examples/) ─────────────────────────────
+  "inicio.planes_activos": {
+    titulo: "Planes activos",
+    que_es: "N\xFAmero de planes del cat\xE1logo que hoy se pueden contratar.",
+    como_se_calcula: "Conteo de planes con estado Activo; los borradores y los archivados no cuentan.",
+    de_donde_sale: "Cat\xE1logo de planes del backoffice (ejemplo con datos ficticios).",
+    como_leerlo: "Un plan archivado deja de contar aunque tenga clientes vigentes; esos clientes conservan su plan hasta renovar."
+  },
+  "inicio.paquetes": {
+    titulo: "Paquetes",
+    que_es: "N\xFAmero de paquetes de consumo definidos en el cat\xE1logo.",
+    como_se_calcula: "Conteo de paquetes registrados, sin importar su estado.",
+    de_donde_sale: "Cat\xE1logo de paquetes del backoffice (ejemplo con datos ficticios).",
+    como_leerlo: "Un paquete puede estar asociado a varios planes; aqu\xED se cuenta una sola vez."
   },
-  Input: {
-    colorBgContainer: primitives.dark.inputBg,
-    colorBorder: primitives.dark.gray[400],
-    colorText: "#ffffff"
+  "inicio.accesos_vigentes": {
+    titulo: "Accesos vigentes",
+    que_es: "Usuarios con acceso al backoffice que no est\xE1n suspendidos ni vencidos.",
+    como_se_calcula: "Conteo de usuarios con estado Activo y fecha de vencimiento futura o sin vencimiento.",
+    de_donde_sale: "Registro de accesos del backoffice (ejemplo con datos ficticios).",
+    como_leerlo: "Un usuario con rol de solo consulta cuenta igual que uno administrador."
   },
-  Select: {
-    colorBgContainer: primitives.dark.inputBg,
-    colorBorder: primitives.dark.gray[400],
-    colorText: "#ffffff"
+  "inicio.cobertura": {
+    titulo: "Cobertura del cat\xE1logo",
+    que_es: "Porcentaje de planes que ya tienen al menos un paquete asignado.",
+    como_se_calcula: "Planes con al menos un paquete entre planes activos, por 100.",
+    de_donde_sale: "Relaci\xF3n plan-paquete del cat\xE1logo (ejemplo con datos ficticios).",
+    como_leerlo: "Menos de 100 % indica planes sin paquete: no se pueden vender hasta que se les asigne uno."
   },
-  DatePicker: {
-    colorBgContainer: primitives.dark.inputBg
+  "inicio.resumen_catalogo": {
+    titulo: "Resumen del cat\xE1logo",
+    que_es: "Planes agrupados por estado, con el total de paquetes que suman.",
+    como_se_calcula: "Cada plan cae en un solo estado; los paquetes de una fila son la suma de los paquetes de sus planes.",
+    de_donde_sale: "Cat\xE1logo de planes y paquetes del backoffice (ejemplo con datos ficticios).",
+    como_leerlo: "Un paquete compartido por dos planes se cuenta una vez por cada plan."
   },
-  Card: {
-    colorBgContainer: primitives.dark.cardBg,
-    colorBorderSecondary: primitives.dark.cardBg
+  "planes.col_codigo": {
+    titulo: "C\xF3digo",
+    que_es: "Identificador corto y estable del plan.",
+    como_se_calcula: "Se captura al crear el plan; no se calcula ni se puede repetir.",
+    de_donde_sale: "Cat\xE1logo de planes (ejemplo con datos ficticios).",
+    como_leerlo: "Se usa en integraciones y reportes; el nombre comercial puede cambiar, el c\xF3digo no."
   },
-  Modal: {
-    contentBg: primitives.dark.gray[100],
-    headerBg: primitives.dark.gray[100]
+  "planes.col_nombre": {
+    titulo: "Nombre",
+    que_es: "Nombre comercial del plan tal como lo ve el cliente.",
+    como_se_calcula: "Se captura al crear o editar el plan; no se calcula.",
+    de_donde_sale: "Cat\xE1logo de planes (ejemplo con datos ficticios).",
+    como_leerlo: "La b\xFAsqueda ignora may\xFAsculas y acentos."
   },
-  Drawer: {
-    colorBgElevated: primitives.dark.gray[100]
+  "planes.col_precio": {
+    titulo: "Precio mensual",
+    que_es: "Precio de lista del plan por mes, en pesos, sin impuestos.",
+    como_se_calcula: "Se captura al crear o editar el plan; no se calcula.",
+    de_donde_sale: "Cat\xE1logo de planes (ejemplo con datos ficticios).",
+    como_leerlo: "Es precio de lista: un contrato puede tener un descuento que no se refleja aqu\xED."
   },
-  Notification: {
-    colorBgElevated: primitives.dark.gray[100]
+  "planes.col_estado": {
+    titulo: "Estado del plan",
+    que_es: "Situaci\xF3n del plan en el cat\xE1logo: Activo, Borrador o Archivado.",
+    como_se_calcula: "Lo fija el administrador al publicar o archivar; no se calcula.",
+    de_donde_sale: "Cat\xE1logo de planes (ejemplo con datos ficticios).",
+    como_leerlo: "Solo los planes Activos se pueden contratar. Archivado conserva el historial pero no admite altas nuevas."
   },
-  Message: {
-    contentBg: primitives.dark.gray[100]
+  "planes.col_actualizado": {
+    titulo: "Actualizado",
+    que_es: "Fecha y hora de la \xFAltima modificaci\xF3n del plan, en tu hora local.",
+    como_se_calcula: "Se registra en UTC al guardar cambios y el navegador la convierte a tu zona horaria.",
+    de_donde_sale: "Bit\xE1cora de cambios del cat\xE1logo (ejemplo con datos ficticios).",
+    como_leerlo: "Cambiar solo el estado tambi\xE9n actualiza esta fecha."
   },
-  Menu: {
-    itemBg: primitives.background.bodyDark,
-    itemHoverBg: primitives.dark.gray[100],
-    itemSelectedBg: primitives.dark.active,
-    itemSelectedColor: semantic.colorPrimary,
-    itemActiveBg: primitives.dark.active,
-    subMenuItemBg: primitives.background.bodyDark
+  "planes.estado_activo": {
+    titulo: "Activo",
+    que_es: "El plan est\xE1 publicado y se puede contratar.",
+    como_se_calcula: "Estado asignado al publicar el plan.",
+    de_donde_sale: "Cat\xE1logo de planes (ejemplo con datos ficticios).",
+    como_leerlo: "Para retirarlo del cat\xE1logo, arch\xEDvalo; no lo borres."
   },
-  Dropdown: {
-    colorBgElevated: primitives.background.bodyDark,
-    controlItemBgHover: primitives.dark.gray[100]
+  "planes.estado_borrador": {
+    titulo: "Borrador",
+    que_es: "El plan se est\xE1 preparando y a\xFAn no es visible para contratar.",
+    como_se_calcula: "Estado inicial de todo plan nuevo.",
+    de_donde_sale: "Cat\xE1logo de planes (ejemplo con datos ficticios).",
+    como_leerlo: "Publica el plan cuando tenga precio y al menos un paquete."
+  },
+  "planes.estado_archivado": {
+    titulo: "Archivado",
+    que_es: "El plan se retir\xF3 del cat\xE1logo; conserva su historial.",
+    como_se_calcula: "Estado asignado al archivar un plan activo.",
+    de_donde_sale: "Cat\xE1logo de planes (ejemplo con datos ficticios).",
+    como_leerlo: "No admite altas nuevas; los clientes existentes conservan su plan hasta renovar."
   }
 };
-function buildTheme(mode = "light") {
-  const isDark = mode === "dark";
+function explicacionDe(id) {
+  const entrada = EXPLICACIONES[id];
+  if (!entrada) throw new Error(`Explicaci\xF3n desconocida: ${id}`);
+  return entrada;
+}
+function verificarCatalogo() {
+  const problemas = [];
+  for (const [id, e] of Object.entries(EXPLICACIONES)) {
+    if (!/^[a-z0-9_]+\.[a-z0-9_]+$/.test(id)) problemas.push(`${id}: id invalido`);
+    for (const [campo, texto] of Object.entries(e)) {
+      if (texto.length > 320) problemas.push(`${id}.${campo}: mas de 320 caracteres`);
+      if (/["\\\n]/.test(texto)) problemas.push(`${id}.${campo}: comillas dobles, barra invertida o salto de linea`);
+    }
+  }
+  return problemas;
+}
+
+// src/kit/lib/listado.ts
+var TAMANOS_LISTADO = [25, 50, 100];
+var TAMANO_LISTADO_DEFAULT = 25;
+function normalizarTexto(s) {
+  return s.normalize("NFD").replace(/[̀-ͯ]/g, "").toLowerCase().replace(/\s+/g, " ").trim();
+}
+function primero(v) {
+  return (Array.isArray(v) ? v[0] : v) ?? "";
+}
+function leerListado(sp, opc) {
+  const pagina = Number.parseInt(primero(sp.pagina), 10);
+  const tamano = Number.parseInt(primero(sp.tamano), 10);
+  const orden = primero(sp.orden);
+  const dir = primero(sp.dir);
+  const filtros = {};
+  for (const clave of opc.filtros) {
+    const valor = primero(sp[clave]).trim();
+    if (valor) filtros[clave] = valor;
+  }
   return {
-    algorithm: isDark ? theme.darkAlgorithm : theme.defaultAlgorithm,
-    token: isDark ? darkToken : lightToken,
-    components: isDark ? darkComponents : lightComponents
+    q: primero(sp.q).trim(),
+    pagina: Number.isFinite(pagina) && pagina >= 1 ? pagina : 1,
+    tamano: TAMANOS_LISTADO.includes(tamano) ? tamano : TAMANO_LISTADO_DEFAULT,
+    orden: opc.ordenes.includes(orden) ? orden : opc.ordenDefault,
+    dir: dir === "asc" || dir === "desc" ? dir : opc.dirDefault ?? "asc",
+    filtros
   };
 }
-var amsTheme = buildTheme("light");
-var amsThemeDark = buildTheme("dark");
-var STORAGE_KEY = "ams-theme";
-function getInitialThemeMode(defaultMode = "light") {
-  if (typeof window === "undefined") return defaultMode;
-  const saved = window.localStorage.getItem(STORAGE_KEY);
-  if (saved === "light" || saved === "dark") return saved;
-  if (window.matchMedia?.("(prefers-color-scheme: dark)").matches) return "dark";
-  return defaultMode;
-}
-function applyThemeModeToDOM(mode) {
-  if (typeof document === "undefined") return;
-  document.documentElement.setAttribute("data-theme", mode);
-  document.body?.setAttribute("data-theme", mode);
-}
-var ThemeModeContext = createContext(null);
-function useThemeMode() {
-  const ctx = useContext(ThemeModeContext);
-  if (!ctx) {
-    throw new Error("useThemeMode must be used within an AmsConfigProvider");
+function ausente(v) {
+  return v === void 0 || v === null || v === "" || typeof v === "number" && Number.isNaN(v);
+}
+function aplicarListado(items, estado, def) {
+  const aguja = normalizarTexto(estado.q);
+  const filtrados = items.filter(
+    (it) => (!aguja || normalizarTexto(def.texto(it)).includes(aguja)) && (!def.filtrar || def.filtrar(it, estado.filtros))
+  );
+  const valor = def.valoresOrden[estado.orden];
+  if (valor) {
+    const factor = estado.dir === "asc" ? 1 : -1;
+    filtrados.sort((a, b) => {
+      const va = valor(a);
+      const vb = valor(b);
+      if (ausente(va) && ausente(vb)) return 0;
+      if (ausente(va)) return 1;
+      if (ausente(vb)) return -1;
+      if (typeof va === "number" && typeof vb === "number") return (va - vb) * factor;
+      return String(va).localeCompare(String(vb), "es", { sensitivity: "base" }) * factor;
+    });
   }
-  return ctx;
+  const totalPaginas = Math.max(1, Math.ceil(filtrados.length / estado.tamano));
+  const pagina = Math.min(estado.pagina, totalPaginas);
+  const inicio = (pagina - 1) * estado.tamano;
+  return {
+    itemsPagina: filtrados.slice(inicio, inicio + estado.tamano),
+    totalFiltrado: filtrados.length,
+    total: items.length,
+    pagina,
+    totalPaginas
+  };
 }
-function useThemeModeState(controlledMode, defaultMode, persist) {
-  const isControlled = controlledMode !== void 0;
-  const [internalMode, setInternalMode] = useState(
-    () => isControlled ? controlledMode : persist ? getInitialThemeMode(defaultMode) : defaultMode
+function hrefListado(ruta, actual, cambios) {
+  const params = new URLSearchParams(actual);
+  if (!("pagina" in cambios)) params.delete("pagina");
+  for (const [clave, valor] of Object.entries(cambios)) {
+    if (valor === null || valor === void 0 || valor === "" || clave === "pagina" && valor === "1") {
+      params.delete(clave);
+    } else {
+      params.set(clave, valor);
+    }
+  }
+  const qs = params.toString();
+  return qs ? `${ruta}?${qs}` : ruta;
+}
+
+// src/kit/lib/formato.ts
+var NO_DISPONIBLE = "\u2014";
+var DECIMAL = /^(-?)(\d+)(?:\.(\d+))?$/;
+function partes(texto) {
+  const m = DECIMAL.exec(texto.trim());
+  return m ? { signo: m[1], entero: m[2], fraccion: m[3] ?? "" } : null;
+}
+var miles = (entero) => entero.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+function formatoMxn(valor) {
+  if (valor == null) return NO_DISPONIBLE;
+  const p = partes(valor);
+  if (!p) return valor;
+  return `${p.signo}$${miles(p.entero)}${p.fraccion ? `.${p.fraccion}` : ""}`;
+}
+function formatoNumero(valor) {
+  if (valor == null) return NO_DISPONIBLE;
+  const p = partes(valor);
+  if (!p) return valor;
+  return `${p.signo}${miles(p.entero)}${p.fraccion ? `.${p.fraccion}` : ""}`;
+}
+function formatoEntero(valor) {
+  if (valor == null) return NO_DISPONIBLE;
+  return formatoNumero(String(Math.trunc(valor)));
+}
+function formatoPct(razon) {
+  if (razon == null) return NO_DISPONIBLE;
+  const p = partes(razon);
+  if (!p) return razon;
+  const fraccion = p.fraccion.padEnd(4, "0");
+  const entero = (p.entero + fraccion.slice(0, 2)).replace(/^0+(?=\d)/, "");
+  const resto = fraccion.slice(2);
+  const decimales = resto.length > 2 ? resto : resto.padEnd(2, "0");
+  return `${p.signo}${miles(entero)}.${decimales} %`;
+}
+function formatoDias(valor) {
+  return valor == null ? NO_DISPONIBLE : `${formatoNumero(valor)} d\xEDas`;
+}
+function formatoFecha(iso) {
+  if (!iso) return NO_DISPONIBLE;
+  return iso.slice(0, 10).replace(/-/g, "/");
+}
+function formatoMes(mes) {
+  return mes ? mes.slice(0, 7).replace(/-/g, "/") : NO_DISPONIBLE;
+}
+
+// src/kit/lib/fecha.ts
+function formatearFechaHora(iso) {
+  if (!iso) return "\u2014";
+  const tieneZona = /(Z|[+-]\d{2}:?\d{2})$/.test(iso);
+  if (tieneZona && /T/.test(iso)) {
+    const d = new Date(iso);
+    if (!Number.isNaN(d.getTime())) {
+      const p = (n) => String(n).padStart(2, "0");
+      return `${d.getFullYear()}/${p(d.getMonth() + 1)}/${p(d.getDate())} ${p(d.getHours())}:${p(d.getMinutes())}:${p(d.getSeconds())}`;
+    }
+  }
+  const conHora = /T/.test(iso) ? iso : `${iso}T00:00:00`;
+  const m = conHora.match(/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2})/);
+  if (!m) return iso;
+  const [, anio, mes, dia, hora, min, seg] = m;
+  return `${anio}/${mes}/${dia} ${hora}:${min}:${seg}`;
+}
+function formatearFechaHoraCDMX(iso) {
+  if (!iso) return "\u2014";
+  if (/(Z|[+-]\d{2}:?\d{2})$/.test(iso) && /T/.test(iso)) {
+    const d = new Date(iso);
+    if (!Number.isNaN(d.getTime())) {
+      const partes2 = Object.fromEntries(
+        new Intl.DateTimeFormat("en-CA", {
+          timeZone: "America/Mexico_City",
+          year: "numeric",
+          month: "2-digit",
+          day: "2-digit",
+          hour: "2-digit",
+          minute: "2-digit",
+          second: "2-digit",
+          hourCycle: "h23"
+        }).formatToParts(d).map((x) => [x.type, x.value])
+      );
+      return `${partes2.year}/${partes2.month}/${partes2.day} ${partes2.hour}:${partes2.minute}:${partes2.second}`;
+    }
+  }
+  return formatearFechaHora(iso);
+}
+function formatearRangoFechaHora(desde, hasta) {
+  return `${formatearFechaHora(desde)} \u2014 ${formatearFechaHora(hasta)}`;
+}
+
+// src/kit/lib/bytes.ts
+function formatearBytes(n) {
+  if (n === null || n === void 0 || !Number.isFinite(n) || n < 0) return "\u2014";
+  if (n < 1024) return `${n} B`;
+  const unidades = ["KB", "MB", "GB", "TB"];
+  let valor = n / 1024;
+  let i = 0;
+  while (valor >= 1024 && i < unidades.length - 1) {
+    valor /= 1024;
+    i += 1;
+  }
+  return `${valor.toFixed(1)} ${unidades[i]}`;
+}
+function SpinnerMarca({
+  tamano = 120,
+  etiqueta = "Cargando..."
+}) {
+  const alto = Math.round(tamano * 52 / 120);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "inline-flex flex-col items-center gap-2",
+      role: "status",
+      "aria-live": "polite",
+      "aria-label": etiqueta,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "spinner-marca", style: { width: tamano, height: alto }, children: [
+          /* @__PURE__ */ jsx("span", { className: "spinner-marca__base", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx("span", { className: "spinner-marca__fill", "aria-hidden": "true" })
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-[#807f7f]", children: etiqueta })
+      ]
+    }
   );
-  const mode = isControlled ? controlledMode : internalMode;
-  useEffect(() => {
-    applyThemeModeToDOM(mode);
-  }, [mode]);
-  const setMode = useCallback(
-    (next) => {
-      if (!isControlled) {
-        setInternalMode(next);
-        if (persist && typeof window !== "undefined") {
-          window.localStorage.setItem(STORAGE_KEY, next);
-        }
+}
+function OverlayCargando({
+  etiqueta = "Procesando...",
+  visible = true
+}) {
+  if (!visible) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "fixed inset-0 z-[60] flex items-center justify-center bg-white/70 backdrop-blur-[1px]",
+      role: "alertdialog",
+      "aria-busy": "true",
+      "aria-label": etiqueta,
+      children: /* @__PURE__ */ jsx(SpinnerMarca, { tamano: 140, etiqueta })
+    }
+  );
+}
+function useAccionConSpinner() {
+  const [ejecutando, setEjecutando] = useState(false);
+  const [etiqueta, setEtiqueta] = useState("Procesando...");
+  const ejecutar = useCallback(
+    async (fn, etiquetaAccion = "Procesando...") => {
+      setEtiqueta(etiquetaAccion);
+      setEjecutando(true);
+      try {
+        return await fn();
+      } finally {
+        setEjecutando(false);
       }
     },
-    [isControlled, persist]
+    []
   );
-  const toggle = useCallback(() => {
-    setMode(mode === "light" ? "dark" : "light");
-  }, [mode, setMode]);
-  return useMemo(
-    () => ({ mode, setMode, toggle, isDark: mode === "dark" }),
-    [mode, setMode, toggle]
+  const Overlay = useCallback(
+    () => /* @__PURE__ */ jsx(OverlayCargando, { visible: ejecutando, etiqueta }),
+    [ejecutando, etiqueta]
   );
+  return { ejecutando, ejecutar, Overlay };
+}
+
+// src/kit/lib/preferenciasTabla.ts
+var VACIAS = { orden: [], anchos: {}, ocultas: [] };
+function esNavegador() {
+  return typeof window !== "undefined" && typeof window.localStorage !== "undefined";
+}
+function cargarPreferencias(clave) {
+  if (!esNavegador()) return { ...VACIAS };
+  const crudo = window.localStorage.getItem(clave);
+  if (!crudo) return { ...VACIAS };
+  try {
+    const p = JSON.parse(crudo);
+    return {
+      orden: Array.isArray(p.orden) ? p.orden : [],
+      anchos: p.anchos && typeof p.anchos === "object" ? p.anchos : {},
+      ocultas: Array.isArray(p.ocultas) ? p.ocultas : []
+    };
+  } catch {
+    return { ...VACIAS };
+  }
+}
+function guardarPreferencias(clave, prefs) {
+  if (!esNavegador()) return;
+  try {
+    window.localStorage.setItem(clave, JSON.stringify(prefs));
+  } catch {
+  }
 }
-function mergeTheme(base, override) {
-  if (!override) return base;
+function borrarPreferencias(clave) {
+  if (!esNavegador()) return;
+  window.localStorage.removeItem(clave);
+}
+function ordenarColumnas(idsDefault, ordenGuardado) {
+  if (ordenGuardado.length === 0) return [...idsDefault];
+  const disponibles = new Set(idsDefault);
+  const delGuardado = ordenGuardado.filter((id) => disponibles.has(id));
+  const yaColocadas = new Set(delGuardado);
+  const nuevas = idsDefault.filter((id) => !yaColocadas.has(id));
+  return [...delGuardado, ...nuevas];
+}
+function moverColumna(ids, desde, hasta) {
+  if (desde < 0 || desde >= ids.length || hasta < 0 || hasta >= ids.length || desde === hasta) {
+    return [...ids];
+  }
+  const copia = [...ids];
+  const [movido] = copia.splice(desde, 1);
+  copia.splice(hasta, 0, movido);
+  return copia;
+}
+
+// src/kit/lib/useTablaPreferencias.ts
+function useTablaPreferencias(clave, idsDefault) {
+  const [prefs, setPrefs] = useState({ orden: [], anchos: {}, ocultas: [] });
+  useEffect(() => {
+    setPrefs(cargarPreferencias(clave));
+  }, [clave]);
+  const persistir = useCallback(
+    (nuevas) => {
+      setPrefs(nuevas);
+      guardarPreferencias(clave, nuevas);
+    },
+    [clave]
+  );
+  const idsOrdenados = ordenarColumnas(idsDefault, prefs.orden);
+  const ocultas = new Set(prefs.ocultas);
+  const idsVisibles = idsOrdenados.filter((id) => !ocultas.has(id));
+  const mover = useCallback(
+    (desde, hasta) => {
+      const base = ordenarColumnas(idsDefault, prefs.orden);
+      const nuevoOrden = moverColumna(base, desde, hasta);
+      persistir({ ...prefs, orden: nuevoOrden });
+    },
+    [idsDefault, prefs, persistir]
+  );
+  const redimensionar = useCallback(
+    (id, ancho) => {
+      const w = Math.max(60, Math.round(ancho));
+      persistir({ ...prefs, anchos: { ...prefs.anchos, [id]: w } });
+    },
+    [prefs, persistir]
+  );
+  const alternarVisible = useCallback(
+    (id) => {
+      const set = new Set(prefs.ocultas);
+      if (set.has(id)) set.delete(id);
+      else set.add(id);
+      persistir({ ...prefs, ocultas: [...set] });
+    },
+    [prefs, persistir]
+  );
+  const restablecer = useCallback(() => {
+    borrarPreferencias(clave);
+    setPrefs({ orden: [], anchos: {}, ocultas: [] });
+  }, [clave]);
   return {
-    ...base,
-    ...override,
-    token: { ...base.token, ...override.token },
-    components: { ...base.components, ...override.components },
-    // A caller-provided algorithm wins; otherwise keep the mode's algorithm.
-    algorithm: override.algorithm ?? base.algorithm
+    /** Ids en el orden efectivo, SIN las ocultas — para pintar la tabla. */
+    idsVisibles,
+    /** Ids en el orden efectivo, incluyendo ocultas — para el menu de mostrar/ocultar. */
+    idsOrdenados,
+    /** Set de ids ocultos. */
+    ocultas,
+    /** Ancho persistido de una columna, o undefined si no se ha redimensionado. */
+    anchoDe: (id) => prefs.anchos[id],
+    mover,
+    redimensionar,
+    alternarVisible,
+    restablecer
   };
 }
-function AmsConfigProvider({
-  mode,
-  defaultMode = "light",
-  persistMode = true,
-  locale,
-  theme,
+
+// src/kit/lib/posicionPopover.ts
+function calcularPosicionPopover({
+  trigger,
+  contenido,
+  viewport,
+  margen = 8,
+  separacion = 4,
+  anchoPreferido = 360
+}) {
+  const anchoMax = Math.min(anchoPreferido, viewport.ancho - 2 * margen);
+  const ancho = Math.min(contenido.ancho, anchoMax);
+  const left = Math.max(margen, Math.min(trigger.left, viewport.ancho - ancho - margen));
+  const espacioAbajo = viewport.alto - trigger.bottom - separacion - margen;
+  const espacioArriba = trigger.top - separacion - margen;
+  const abajo = contenido.alto <= espacioAbajo || espacioAbajo >= espacioArriba;
+  const disponible = Math.max(0, abajo ? espacioAbajo : espacioArriba);
+  const alto = Math.min(contenido.alto, disponible);
+  const top = abajo ? trigger.bottom + separacion : trigger.top - separacion - alto;
+  return { top, left, maxHeight: disponible, anchoMax };
+}
+
+// src/kit/ui/clases.ts
+var CLASE_BOTON_PRIMARIO = "inline-flex items-center gap-1.5 rounded-md bg-[var(--tema-texto)] px-4 py-2 text-sm font-medium text-white transition hover:brightness-125 disabled:opacity-50";
+var CLASE_BOTON_PRIMARIO_COMPACTO = "inline-flex items-center gap-1.5 rounded-md bg-[var(--tema-texto)] px-3 py-1.5 text-sm font-medium text-white transition hover:brightness-125 disabled:opacity-50";
+var CLASE_BOTON_SECUNDARIO = "inline-flex items-center gap-1.5 rounded-md border border-[var(--tema-borde)] px-3 py-1.5 text-sm font-medium text-[#3c3c3b] transition hover:bg-[var(--tema-badge-neutro)] disabled:opacity-50";
+var CLASE_BOTON_PEQUENO = "inline-flex items-center gap-1.5 rounded-md border border-[var(--tema-borde)] px-2.5 py-1.5 text-xs font-medium text-[#3c3c3b] transition hover:bg-[var(--tema-badge-neutro)] disabled:opacity-50";
+var CLASE_BOTON_CONTORNO = "rounded-md border border-[var(--tema-primario)] px-3 py-1 text-xs font-medium text-[var(--tema-primario)] transition hover:bg-[#eaf2fb]";
+var CLASE_BOTON_ICONO = "rounded-md p-1 text-[#807f7f] transition hover:bg-[var(--tema-badge-neutro)]";
+var CLASE_BOTON_PELIGRO = "inline-flex items-center gap-1.5 rounded-md border border-[var(--tema-peligro)] px-3 py-1.5 text-sm font-medium text-[var(--tema-peligro)] transition hover:bg-[var(--tema-badge-error)] disabled:opacity-50";
+var CLASE_CAMPO = "rounded-md border border-[var(--tema-borde)] bg-[var(--tema-fondo)] px-3 py-2 text-sm text-[#3c3c3b] focus:border-[var(--tema-primario)] focus:outline-none disabled:bg-[#f4f8fc] disabled:text-[#807f7f]";
+var CLASE_CAMPO_COMPACTO = "rounded-md border border-[var(--tema-borde)] bg-[var(--tema-fondo)] px-2 py-1.5 text-sm text-[#3c3c3b] focus:border-[var(--tema-primario)] focus:outline-none";
+var CLASE_ETIQUETA_CAMPO = "text-sm font-medium text-[#3c3c3b]";
+var CLASE_AYUDA_CAMPO = "text-xs text-[#807f7f]";
+var CLASE_ERROR_CAMPO = "text-sm text-[var(--tema-peligro)]";
+var CLASE_EXITO_CAMPO = "text-sm text-[#1e7a34]";
+var CLASE_TARJETA = "rounded-lg border border-[var(--tema-borde)] p-4";
+var CLASE_TITULO_PAGINA = "flex items-center gap-2 text-xl font-semibold text-[var(--tema-primario-oscuro)]";
+var CLASE_TITULO_SECCION = "text-sm font-semibold text-[var(--tema-primario-oscuro)]";
+var CLASE_TEXTO_ATENUADO = "text-sm text-[#807f7f]";
+function PopoverHover({
+  etiqueta,
+  disparador,
   children
 }) {
-  const themeMode = useThemeModeState(mode, defaultMode, persistMode);
-  const resolvedTheme = mergeTheme(buildTheme(themeMode.mode), theme);
-  return /* @__PURE__ */ jsx(ThemeModeContext.Provider, { value: themeMode, children: /* @__PURE__ */ jsx(ConfigProvider, { theme: resolvedTheme, locale, children: /* @__PURE__ */ jsx(App, { children }) }) });
-}
-var Button = forwardRef(
-  function Button2(props, ref) {
-    return /* @__PURE__ */ jsx(Button$1, { ref, ...props });
-  }
-);
-var INTENT_COLOR = {
-  success: semantic.colorSuccess,
-  error: semantic.colorError,
-  warning: semantic.colorWarning,
-  info: semantic.colorInfo,
-  primary: semantic.colorPrimary
+  const [abierto, setAbierto] = useState(false);
+  const [pos, setPos] = useState(null);
+  const botonRef = useRef(null);
+  const contenidoRef = useRef(null);
+  const idContenido = useId();
+  const reposicionar = useCallback(() => {
+    const trigger = botonRef.current?.getBoundingClientRect();
+    if (!trigger) return;
+    const medida = contenidoRef.current?.getBoundingClientRect();
+    setPos(
+      calcularPosicionPopover({
+        trigger,
+        contenido: { ancho: medida?.width ?? 0, alto: medida?.height ?? 0 },
+        viewport: { ancho: window.innerWidth, alto: window.innerHeight }
+      })
+    );
+  }, []);
+  function abrir() {
+    setAbierto(true);
+  }
+  useLayoutEffect(() => {
+    if (!abierto) {
+      setPos(null);
+      return;
+    }
+    reposicionar();
+    window.addEventListener("scroll", reposicionar, true);
+    window.addEventListener("resize", reposicionar);
+    return () => {
+      window.removeEventListener("scroll", reposicionar, true);
+      window.removeEventListener("resize", reposicionar);
+    };
+  }, [abierto, reposicionar]);
+  useEffect(() => {
+    if (!abierto) return;
+    function alTeclear(e) {
+      if (e.key === "Escape") setAbierto(false);
+    }
+    document.addEventListener("keydown", alTeclear);
+    return () => document.removeEventListener("keydown", alTeclear);
+  }, [abierto]);
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: "inline-flex",
+      onMouseEnter: abrir,
+      onMouseLeave: () => setAbierto(false),
+      children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            ref: botonRef,
+            type: "button",
+            "aria-label": etiqueta,
+            title: etiqueta,
+            "aria-expanded": abierto,
+            "aria-describedby": abierto ? idContenido : void 0,
+            onFocus: abrir,
+            onBlur: () => setAbierto(false),
+            className: "inline-flex items-center justify-center text-[#807f7f] transition hover:text-[var(--tema-primario)]",
+            children: disparador
+          }
+        ),
+        abierto && /* @__PURE__ */ jsx(
+          "span",
+          {
+            ref: contenidoRef,
+            id: idContenido,
+            role: "tooltip",
+            style: {
+              position: "fixed",
+              top: pos?.top ?? 0,
+              left: pos?.left ?? 0,
+              // Antes de medir (pos null) se oculta para no parpadear en (0,0).
+              visibility: pos ? "visible" : "hidden",
+              maxWidth: pos?.anchoMax ?? "min(360px, calc(100vw - 16px))",
+              maxHeight: pos?.maxHeight,
+              overflowY: "auto"
+            },
+            className: "z-50 w-max rounded-md border border-[var(--tema-borde)] bg-white p-3 text-left shadow-lg",
+            children
+          }
+        )
+      ]
+    }
+  );
+}
+var PREGUNTAS = [
+  ["Qu\xE9 es", "que_es"],
+  ["C\xF3mo se calcula", "como_se_calcula"],
+  ["De d\xF3nde sale", "de_donde_sale"],
+  ["C\xF3mo leerlo", "como_leerlo"]
+];
+function InfoExplicacion({ id }) {
+  const e = explicacionDe(id);
+  return /* @__PURE__ */ jsx("span", { "data-explicacion-id": id, className: "inline-flex shrink-0 align-middle", children: /* @__PURE__ */ jsx(
+    PopoverHover,
+    {
+      etiqueta: `Explicaci\xF3n: ${e.titulo}`,
+      disparador: /* @__PURE__ */ jsx(ICONO_INFO_EXPLICACION, { size: 14, "aria-hidden": "true", className: "text-[#9a9999]" }),
+      children: /* @__PURE__ */ jsxs("span", { className: "block max-w-[18rem] text-xs font-normal normal-case tracking-normal text-[#3c3c3b]", children: [
+        /* @__PURE__ */ jsx("span", { className: "block font-semibold text-[var(--tema-primario-oscuro)]", children: e.titulo }),
+        PREGUNTAS.map(([pregunta, campo]) => /* @__PURE__ */ jsxs("span", { className: "mt-1.5 block", children: [
+          /* @__PURE__ */ jsx("span", { className: "block font-medium text-[#565656]", children: pregunta }),
+          /* @__PURE__ */ jsx("span", { className: "block leading-snug", children: e[campo] })
+        ] }, campo))
+      ] })
+    }
+  ) });
+}
+var CLASES = {
+  exito: "bg-[var(--tema-badge-exito)] text-[#1e6b34]",
+  error: "bg-[var(--tema-badge-error)] text-[var(--tema-peligro)]",
+  aviso: "bg-[var(--tema-badge-advertencia)] text-[#8a5a00]",
+  neutro: "bg-[var(--tema-badge-neutro)] text-[#565656]"
 };
-var Tag = forwardRef(function Tag2({ intent, color, ...rest }, ref) {
-  const resolvedColor = intent ? INTENT_COLOR[intent] : color;
-  return /* @__PURE__ */ jsx(Tag$1, { ref, color: resolvedColor, ...rest });
-});
-function useAmsMessage() {
-  return App.useApp().message;
-}
-function useAmsNotification() {
-  return App.useApp().notification;
-}
-function buildLocale(labels) {
-  if (!labels) return void 0;
-  const locale = {};
-  if (labels.itemsPerPage !== void 0) locale.items_per_page = labels.itemsPerPage;
-  if (labels.jumpTo !== void 0) locale.jump_to = labels.jumpTo;
-  if (labels.jumpToConfirm !== void 0) locale.jump_to_confirm = labels.jumpToConfirm;
-  if (labels.page !== void 0) locale.page = labels.page;
-  if (labels.prevPage !== void 0) locale.prev_page = labels.prevPage;
-  if (labels.nextPage !== void 0) locale.next_page = labels.nextPage;
-  if (labels.pageSize !== void 0) locale.page_size = labels.pageSize;
-  return Object.keys(locale).length > 0 ? locale : void 0;
-}
-function Pagination({
-  labels,
-  showTotal,
-  itemRender,
-  locale,
-  ...rest
-}) {
-  const mergedLocale = { ...buildLocale(labels), ...locale };
-  const resolvedShowTotal = showTotal ?? (labels?.total ? (total, range) => labels.total(total, range) : labels?.totalText ? (total, range) => {
-    const { prefix, suffix, showRange } = labels.totalText;
-    const middle = showRange ? `${range[0]}-${range[1]}` : String(total);
-    return [prefix, middle, suffix].filter(Boolean).join(" ");
-  } : void 0);
-  const resolvedItemRender = itemRender ?? (labels?.previousText || labels?.nextText ? (_page, type, element) => {
-    if (type === "prev" && labels?.previousText !== void 0) return labels.previousText;
-    if (type === "next" && labels?.nextText !== void 0) return labels.nextText;
-    return element;
-  } : void 0);
+function Insignia({
+  tono,
+  children,
+  info,
+  icono: Icono
+}) {
+  return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 align-middle", children: [
+    /* @__PURE__ */ jsxs(
+      "span",
+      {
+        className: `${Icono ? "inline-flex items-center gap-1" : "inline-block"} rounded-full px-2 py-0.5 text-xs font-medium ${CLASES[tono]}`,
+        children: [
+          Icono && /* @__PURE__ */ jsx(Icono, { size: 12, "aria-hidden": "true" }),
+          children
+        ]
+      }
+    ),
+    info && /* @__PURE__ */ jsx(InfoExplicacion, { id: info })
+  ] });
+}
+function Tarjeta({
+  titulo,
+  children,
+  nota,
+  info
+}) {
+  return /* @__PURE__ */ jsxs("section", { className: "rounded-lg border border-[var(--tema-borde)] p-5", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold text-[var(--tema-primario-oscuro)]", children: titulo }),
+      info && /* @__PURE__ */ jsx(InfoExplicacion, { id: info })
+    ] }),
+    nota && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-[#807f7f]", children: nota }),
+    /* @__PURE__ */ jsx("div", { className: "mt-3", children })
+  ] });
+}
+function Metrica({
+  etiqueta,
+  valor,
+  info
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-[var(--tema-borde)] px-4 py-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-[#807f7f]", children: etiqueta }),
+      info && /* @__PURE__ */ jsx(InfoExplicacion, { id: info })
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "mt-1 text-lg font-semibold text-[var(--tema-primario-oscuro)]", children: valor })
+  ] });
+}
+function ThInfo({
+  info,
+  children,
+  className,
+  derecha,
+  scope,
+  atributos
+}) {
+  return /* @__PURE__ */ jsx("th", { scope, ...atributos, className, children: /* @__PURE__ */ jsxs("span", { className: `inline-flex items-center gap-1 ${derecha ? "justify-end" : ""}`, children: [
+    children,
+    /* @__PURE__ */ jsx(InfoExplicacion, { id: info })
+  ] }) });
+}
+var TIPOS = {
+  error: "rounded-md bg-[var(--tema-badge-error)] px-3 py-2 text-sm text-[var(--tema-peligro)]",
+  advertencia: "rounded-md bg-[var(--tema-badge-advertencia)] px-3 py-2 text-xs text-[#8a5a00]",
+  neutro: "rounded-lg bg-[var(--tema-badge-neutro)] px-3 py-2 text-sm text-[#565656]",
+  exito: "rounded-md bg-[var(--tema-badge-exito)] px-3 py-2 text-sm text-[#1e7a34]"
+};
+function Aviso({
+  tipo,
+  titulo,
+  children,
+  info
+}) {
+  return /* @__PURE__ */ jsxs("div", { role: tipo === "error" ? "alert" : "status", className: TIPOS[tipo], children: [
+    titulo && /* @__PURE__ */ jsxs("strong", { className: "font-semibold", children: [
+      titulo,
+      " "
+    ] }),
+    children,
+    info && /* @__PURE__ */ jsx("span", { className: "ml-1 align-middle", children: /* @__PURE__ */ jsx(InfoExplicacion, { id: info }) })
+  ] });
+}
+function EstadoVacio({ children }) {
+  return /* @__PURE__ */ jsx("p", { className: "rounded-lg border border-dashed border-[var(--tema-borde)] px-4 py-6 text-sm text-[#807f7f]", children });
+}
+function EstadoVacioFila({ columnas, children = "Sin resultados" }) {
+  return /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: columnas, className: "px-3 py-6 text-center text-sm text-[#807f7f]", children }) });
+}
+function NoDisponible({ motivo, info }) {
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-dashed border-[var(--tema-borde)] px-4 py-3 text-sm text-[#565656]", children: [
+    /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-1 font-medium", children: [
+      "No disponible",
+      /* @__PURE__ */ jsx(InfoExplicacion, { id: info })
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-[#807f7f]", children: motivo })
+  ] });
+}
+function BarraProgreso({ porcentaje, etiqueta }) {
   return /* @__PURE__ */ jsx(
-    Pagination$1,
+    "div",
     {
-      ...rest,
-      locale: Object.keys(mergedLocale).length > 0 ? mergedLocale : void 0,
-      showTotal: resolvedShowTotal,
-      itemRender: resolvedItemRender
+      role: "progressbar",
+      "aria-label": etiqueta,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      "aria-valuenow": porcentaje,
+      className: "h-1.5 w-full overflow-hidden rounded-full bg-[var(--tema-borde)]",
+      children: /* @__PURE__ */ jsx("div", { className: "h-full rounded-full bg-[var(--tema-primario)] transition-all", style: { width: `${porcentaje}%` } })
     }
   );
 }
-var Card = Card$1;
-function ThemeToggle(props) {
-  const { isDark, toggle } = useThemeMode();
-  return /* @__PURE__ */ jsx(
-    Switch,
+function useAccionAviso({
+  ejecutar,
+  errorGenerico,
+  onHecho
+}) {
+  const [ejecutando, setEjecutando] = useState(false);
+  const [aviso, setAviso] = useState(null);
+  async function correr() {
+    setEjecutando(true);
+    setAviso(null);
+    let resultado;
+    try {
+      resultado = await ejecutar();
+    } catch {
+      resultado = { tipo: "error", texto: errorGenerico };
+    }
+    setAviso(resultado);
+    setEjecutando(false);
+    if (resultado.tipo === "ok") onHecho?.();
+  }
+  return { ejecutando, aviso, correr };
+}
+function AvisoAccionEstado({
+  ejecutando,
+  aviso,
+  etiquetaSpinner
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    ejecutando && /* @__PURE__ */ jsx(SpinnerMarca, { tamano: 32, etiqueta: etiquetaSpinner }),
+    aviso && /* @__PURE__ */ jsx(
+      "span",
+      {
+        role: aviso.tipo === "ok" ? "status" : "alert",
+        className: aviso.tipo === "ok" ? "text-xs text-[var(--tema-primario-oscuro)]" : "text-xs text-[var(--tema-peligro)]",
+        children: aviso.texto
+      }
+    )
+  ] });
+}
+function BotonAccionAviso({
+  etiqueta,
+  etiquetaEjecutando,
+  etiquetaSpinner,
+  ariaLabel,
+  info,
+  errorGenerico,
+  ejecutar,
+  onHecho
+}) {
+  const { ejecutando, aviso, correr } = useAccionAviso({ ejecutar, errorGenerico, onHecho });
+  return /* @__PURE__ */ jsxs("span", { className: "inline-flex flex-wrap items-center gap-1.5", children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: correr,
+        disabled: ejecutando,
+        "aria-label": ariaLabel,
+        className: "rounded-md border border-[var(--tema-borde)] px-2 py-0.5 text-xs font-medium text-[var(--tema-primario-oscuro)] transition hover:bg-[var(--tema-badge-neutro)] disabled:opacity-50",
+        children: ejecutando ? etiquetaEjecutando : etiqueta
+      }
+    ),
+    /* @__PURE__ */ jsx(InfoExplicacion, { id: info }),
+    /* @__PURE__ */ jsx(AvisoAccionEstado, { ejecutando, aviso, etiquetaSpinner })
+  ] });
+}
+function EnlaceNav({
+  href,
+  icono,
+  etiqueta
+}) {
+  return /* @__PURE__ */ jsxs(
+    LinkBase,
     {
-      checked: isDark,
-      onChange: toggle,
-      checkedChildren: /* @__PURE__ */ jsx(BulbFilled, {}),
-      unCheckedChildren: /* @__PURE__ */ jsx(BulbOutlined, {}),
-      ...props
+      href,
+      "aria-label": etiqueta,
+      title: etiqueta,
+      className: "pulsable flex items-center gap-2.5 rounded-md px-2 py-2 transition hover:bg-[var(--tema-badge-neutro)] hover:text-[var(--tema-primario)] md:group-data-[colapsado=true]/side:justify-center",
+      children: [
+        icono,
+        /* @__PURE__ */ jsx("span", { className: "md:group-data-[colapsado=true]/side:hidden", children: etiqueta })
+      ]
     }
   );
 }
-function buildPaginationLocale(labels) {
-  if (!labels) return void 0;
-  const locale = {};
-  if (labels.itemsPerPage !== void 0) locale.items_per_page = labels.itemsPerPage;
-  if (labels.jumpTo !== void 0) locale.jump_to = labels.jumpTo;
-  if (labels.jumpToConfirm !== void 0) locale.jump_to_confirm = labels.jumpToConfirm;
-  if (labels.page !== void 0) locale.page = labels.page;
-  if (labels.prevPage !== void 0) locale.prev_page = labels.prevPage;
-  if (labels.nextPage !== void 0) locale.next_page = labels.nextPage;
-  if (labels.pageSize !== void 0) locale.page_size = labels.pageSize;
-  return Object.keys(locale).length > 0 ? locale : void 0;
-}
-var DEFAULT_LABELS = {
-  emptyText: "No data",
-  sortAsc: "Sort ascending",
-  sortDesc: "Sort descending",
-  cancelSort: "Cancel sort"
-};
-function toNumericValue(value) {
-  if (value === null || value === void 0 || value === "") return null;
-  const num = typeof value === "string" ? parseFloat(value.replace(/,/g, "")) : Number(value);
-  return Number.isNaN(num) || !Number.isFinite(num) ? null : num;
-}
-function buildTotalText(labels) {
-  if (!labels) return void 0;
-  if (labels.total) return (total, range) => labels.total(total, range);
-  if (labels.totalText) {
-    return (total, range) => {
-      const { prefix, suffix, showRange } = labels.totalText;
-      const middle = showRange ? `${range[0]}-${range[1]}` : String(total);
-      return [prefix, middle, suffix].filter(Boolean).join(" ");
+function SeccionNav({ titulo, children }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+    titulo && /* @__PURE__ */ jsx("span", { className: "px-2 pb-1 text-[10px] font-semibold uppercase tracking-wider text-[#9a9a9a] md:group-data-[colapsado=true]/side:hidden", children: titulo }),
+    children
+  ] });
+}
+
+// src/kit/lib/panelPrefs.ts
+function leerPref(clave, porDefecto) {
+  try {
+    const crudo = window.localStorage.getItem(clave);
+    return crudo === null ? porDefecto : JSON.parse(crudo);
+  } catch {
+    return porDefecto;
+  }
+}
+function guardarPref(clave, valor) {
+  try {
+    window.localStorage.setItem(clave, JSON.stringify(valor));
+  } catch {
+  }
+}
+var CLAVE = "sidebar:colapsado";
+function SidebarColapsable({
+  cabecera,
+  pie,
+  children
+}) {
+  const [colapsado, setColapsado] = useState(false);
+  const [abiertoMovil, setAbiertoMovil] = useState(false);
+  useEffect(() => {
+    setColapsado(leerPref(CLAVE, false) === true);
+  }, []);
+  useEffect(() => {
+    if (!abiertoMovil) return;
+    const alTeclear = (e) => {
+      if (e.key === "Escape") setAbiertoMovil(false);
     };
+    document.addEventListener("keydown", alTeclear);
+    return () => document.removeEventListener("keydown", alTeclear);
+  }, [abiertoMovil]);
+  function alternar() {
+    const nuevo = !colapsado;
+    setColapsado(nuevo);
+    guardarPref(CLAVE, nuevo);
   }
-  return void 0;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => setAbiertoMovil(true),
+        "aria-label": "Abrir men\xFA",
+        title: "Abrir men\xFA",
+        className: "fixed left-3 top-3 z-30 flex h-9 w-9 items-center justify-center rounded-md border border-[var(--tema-borde)] bg-[var(--tema-fondo)] text-[#565656] shadow-sm md:hidden",
+        children: /* @__PURE__ */ jsx(ICONO_NAV_MENU_MOVIL, { size: TAMANO_BOTON, "aria-hidden": "true" })
+      }
+    ),
+    abiertoMovil && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        "aria-label": "Cerrar men\xFA",
+        onClick: () => setAbiertoMovil(false),
+        className: "fixed inset-0 z-30 bg-black/40 md:hidden"
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "aside",
+      {
+        "data-colapsado": colapsado ? "true" : "false",
+        "data-abierto-movil": abiertoMovil ? "true" : "false",
+        onClick: (e) => {
+          if (e.target.closest("a")) setAbiertoMovil(false);
+        },
+        className: `group/side fixed inset-y-0 left-0 z-40 flex w-60 shrink-0 flex-col border-r border-[var(--tema-borde)] bg-[var(--tema-fondo)] transition-transform md:sticky md:top-0 md:h-screen md:translate-x-0 md:transition-[width] md:data-[colapsado=true]:w-14 ${abiertoMovil ? "translate-x-0" : "-translate-x-full"}`,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 border-b border-[var(--tema-borde)] px-4 py-4 md:group-data-[colapsado=true]/side:items-center md:group-data-[colapsado=true]/side:px-1", children: [
+            /* @__PURE__ */ jsx("div", { className: "md:group-data-[colapsado=true]/side:hidden", children: cabecera }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: alternar,
+                "aria-label": colapsado ? "Expandir men\xFA" : "Contraer men\xFA",
+                title: colapsado ? "Expandir men\xFA" : "Contraer men\xFA",
+                "aria-expanded": !colapsado,
+                className: "hidden w-fit items-center rounded-md p-1 text-[#807f7f] transition hover:bg-[var(--tema-badge-neutro)] hover:text-[var(--tema-primario)] md:flex",
+                children: colapsado ? /* @__PURE__ */ jsx(ICONO_NAV_EXPANDIR, { size: TAMANO_BOTON, "aria-hidden": "true" }) : /* @__PURE__ */ jsx(ICONO_NAV_COLAPSAR, { size: TAMANO_BOTON, "aria-hidden": "true" })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => setAbiertoMovil(false),
+                "aria-label": "Cerrar men\xFA lateral",
+                className: "absolute right-2 top-2 rounded-md p-1 text-[#807f7f] md:hidden",
+                children: /* @__PURE__ */ jsx(ICONO_CERRAR, { size: TAMANO_BOTON, "aria-hidden": "true" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("nav", { className: "flex flex-1 flex-col gap-6 overflow-y-auto px-3 py-4 text-sm font-medium text-[#565656] md:group-data-[colapsado=true]/side:px-1.5", children }),
+          /* @__PURE__ */ jsx("div", { className: "border-t border-[var(--tema-borde)] px-4 py-3 md:group-data-[colapsado=true]/side:px-1", children: pie })
+        ]
+      }
+    )
+  ] });
 }
-function buildItemRender(labels) {
-  if (!labels || labels.previousText === void 0 && labels.nextText === void 0) {
-    return void 0;
+
+// src/kit/lib/tablaMarco.ts
+var PREFS_MARCO_DEFAULT = { ocultas: [], densidad: "comoda" };
+var ID_SEGURO = /^[A-Za-z0-9_-]+$/;
+function hashCorto(texto) {
+  let h = 2166136261;
+  for (let i = 0; i < texto.length; i++) {
+    h ^= texto.charCodeAt(i);
+    h = Math.imul(h, 16777619) >>> 0;
   }
-  return (_page, type, element) => {
-    if (type === "prev" && labels.previousText !== void 0) return labels.previousText;
-    if (type === "next" && labels.nextText !== void 0) return labels.nextText;
-    return element;
-  };
+  return h.toString(36);
+}
+function claveMarco(tabla, usuario) {
+  return `tabla.marco.v1.${tabla}.${usuario ? hashCorto(usuario) : "anon"}`;
+}
+function cargarPrefsMarco(clave) {
+  try {
+    if (typeof window === "undefined") return { ...PREFS_MARCO_DEFAULT };
+    const crudo = window.localStorage.getItem(clave);
+    if (!crudo) return { ...PREFS_MARCO_DEFAULT };
+    const p = JSON.parse(crudo);
+    return {
+      ocultas: Array.isArray(p.ocultas) ? p.ocultas.filter((x) => typeof x === "string") : [],
+      densidad: p.densidad === "compacta" ? "compacta" : "comoda"
+    };
+  } catch {
+    return { ...PREFS_MARCO_DEFAULT };
+  }
+}
+function guardarPrefsMarco(clave, prefs) {
+  try {
+    window.localStorage.setItem(clave, JSON.stringify(prefs));
+  } catch {
+  }
+}
+function borrarPrefsMarco(clave) {
+  try {
+    window.localStorage.removeItem(clave);
+  } catch {
+  }
+}
+function cssColumnasOcultas(alcance, ocultas) {
+  const seguras = ocultas.filter((id) => ID_SEGURO.test(id));
+  if (seguras.length === 0) return "";
+  const selectores = seguras.map((id) => `[data-marco-tabla="${alcance}"] [data-col="${id}"]`);
+  return `${selectores.join(",")}{display:none}`;
+}
+function offsetsAcumulados(anchos) {
+  const offsets = [];
+  let total = 0;
+  for (const ancho of anchos) {
+    offsets.push(total);
+    total += ancho;
+  }
+  return { offsets, total };
+}
+var ContextoTablaPlana = createContext(false);
+function TablaPlana({ children }) {
+  return /* @__PURE__ */ jsx(ContextoTablaPlana.Provider, { value: true, children });
 }
-function DataTable({
-  heading,
-  extra,
-  loading = false,
-  labels,
-  paginationLabels,
-  firstColumnNumericTag = false,
-  columns,
-  dataSource,
-  scroll,
-  bordered = true,
-  pagination,
+var ContextoUsuarioTablas = createContext(null);
+function UsuarioTablas({ usuario, children }) {
+  return /* @__PURE__ */ jsx(ContextoUsuarioTablas.Provider, { value: usuario ?? null, children });
+}
+var CLASE_BOTON = "inline-flex items-center gap-1.5 rounded-md border border-[var(--tema-borde)] px-2 py-1 text-xs font-medium text-[#3c3c3b] transition hover:bg-[var(--tema-badge-neutro)]";
+function MarcoTabla({
+  clave,
+  etiqueta,
+  columnas,
+  barra,
+  alto,
+  ajuste = "acotado",
+  pie,
+  controles = true,
+  className = "",
+  clasePlana = "overflow-x-auto print:overflow-visible",
+  children
+}) {
+  const plana = useContext(ContextoTablaPlana);
+  if (plana)
+    return pie ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: clasePlana, children }),
+      pie
+    ] }) : /* @__PURE__ */ jsx("div", { className: clasePlana, children });
+  return /* @__PURE__ */ jsx(
+    MarcoActivo,
+    {
+      clave,
+      etiqueta,
+      columnas,
+      barra,
+      alto,
+      ajuste,
+      pie,
+      controles,
+      className,
+      children
+    }
+  );
+}
+function MarcoActivo({
+  clave,
+  etiqueta,
+  columnas,
+  barra,
+  alto,
+  ajuste,
+  pie,
+  controles,
   className,
-  ...rest
+  children
 }) {
-  const mergedLabels = { ...DEFAULT_LABELS, ...labels };
-  const resolvedPagination = pagination === false || pagination === void 0 ? pagination : (() => {
-    const paginationLocale = buildPaginationLocale(paginationLabels);
-    const totalFn = buildTotalText(paginationLabels);
-    const itemRenderFn = buildItemRender(paginationLabels);
-    return {
-      ...totalFn ? { showTotal: totalFn } : {},
-      ...itemRenderFn ? { itemRender: itemRenderFn } : {},
-      ...paginationLocale ? { locale: paginationLocale } : {},
-      ...pagination
+  const usuario = useContext(ContextoUsuarioTablas);
+  const claveLs = claveMarco(clave, usuario);
+  const alcance = useId();
+  const scroll = useRef(null);
+  const [prefs, setPrefs] = useState(PREFS_MARCO_DEFAULT);
+  const [menu, setMenu] = useState(false);
+  const zonaMenu = useRef(null);
+  useEffect(() => {
+    setPrefs(cargarPrefsMarco(claveLs));
+  }, [claveLs]);
+  const persistir = useCallback(
+    (nuevas) => {
+      setPrefs(nuevas);
+      guardarPrefsMarco(claveLs, nuevas);
+    },
+    [claveLs]
+  );
+  const ocultasValidas = prefs.ocultas.filter((id) => columnas?.some((c) => c.id === id));
+  const css = cssColumnasOcultas(alcance, ocultasValidas);
+  const actualizarSombras = useCallback(() => {
+    const el = scroll.current;
+    if (!el) return;
+    const izq = el.scrollLeft > 0;
+    const der = el.scrollLeft + el.clientWidth < el.scrollWidth - 1;
+    el.toggleAttribute("data-sombra-izq", izq);
+    el.toggleAttribute("data-sombra-der", der);
+  }, []);
+  useLayoutEffect(() => {
+    const el = scroll.current;
+    if (!el) return;
+    const medir = () => {
+      const fila = el.querySelector("thead tr");
+      const izq = fila ? Array.from(fila.querySelectorAll(':scope > [data-fija="izq"]')) : [];
+      const { offsets, total } = offsetsAcumulados(izq.map((c) => c.offsetWidth));
+      offsets.forEach((o, i) => el.style.setProperty(`--fija-izq-${i}`, `${o}px`));
+      el.style.setProperty("--fija-izq-total", `${total}px`);
+      el.setAttribute("data-fijas-izq", String(izq.length));
+      const der = fila?.querySelector(':scope > [data-fija="der"]');
+      el.style.setProperty("--fija-der-total", `${der?.offsetWidth ?? 0}px`);
+      actualizarSombras();
     };
-  })();
-  const resolvedColumns = firstColumnNumericTag && columns && columns.length > 0 ? columns.map((col, index) => {
-    if (index !== 0) return col;
-    const originalRender = col.render;
-    return {
-      ...col,
-      render: (value, record, i) => {
-        const content = originalRender ? originalRender(value, record, i) : value;
-        const numeric = toNumericValue(value);
-        if (numeric === null) return content;
-        return /* @__PURE__ */ jsx(
-          Tag,
+    medir();
+    if (typeof ResizeObserver === "undefined") return;
+    const obs = new ResizeObserver(medir);
+    obs.observe(el);
+    const tabla = el.querySelector("table");
+    if (tabla) obs.observe(tabla);
+    return () => obs.disconnect();
+  });
+  useEffect(() => {
+    const el = scroll.current;
+    if (!el) return;
+    const alGirar = (e) => {
+      if (!e.shiftKey || e.deltaY === 0 || Math.abs(e.deltaX) > 0) return;
+      if (el.scrollWidth <= el.clientWidth) return;
+      el.scrollLeft += e.deltaY;
+      e.preventDefault();
+      actualizarSombras();
+    };
+    el.addEventListener("wheel", alGirar, { passive: false });
+    return () => el.removeEventListener("wheel", alGirar);
+  }, [actualizarSombras]);
+  useEffect(() => {
+    if (!menu) return;
+    const tecla = (e) => e.key === "Escape" && setMenu(false);
+    const fuera = (e) => {
+      if (zonaMenu.current && !zonaMenu.current.contains(e.target)) setMenu(false);
+    };
+    document.addEventListener("keydown", tecla);
+    document.addEventListener("mousedown", fuera);
+    return () => {
+      document.removeEventListener("keydown", tecla);
+      document.removeEventListener("mousedown", fuera);
+    };
+  }, [menu]);
+  function alternarColumna(id) {
+    const ocultas = prefs.ocultas.includes(id) ? prefs.ocultas.filter((x) => x !== id) : [...prefs.ocultas, id];
+    persistir({ ...prefs, ocultas });
+  }
+  function fijarDensidad(densidad) {
+    persistir({ ...prefs, densidad });
+  }
+  function restablecer() {
+    setPrefs({ ...PREFS_MARCO_DEFAULT });
+    borrarPrefsMarco(claveLs);
+  }
+  const hayColumnas = Boolean(columnas && columnas.length > 0);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-marco-ajuste": ajuste,
+      className: `flex min-w-0 flex-col gap-2 ${ajuste === "pagina" ? "min-h-0 flex-1" : ""} ${className}`,
+      children: [
+        css && /* @__PURE__ */ jsx("style", { children: css }),
+        (controles || barra) && /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 flex-wrap items-center gap-2", "data-marco-barra": "", children: [
+          barra && /* @__PURE__ */ jsx("div", { className: "mr-auto flex flex-wrap items-center gap-2", children: barra }),
+          controles && /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-2", children: [
+            hayColumnas && /* @__PURE__ */ jsxs("div", { className: "relative", ref: zonaMenu, children: [
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setMenu((v) => !v),
+                  "aria-expanded": menu,
+                  "aria-haspopup": "true",
+                  title: "Mostrar u ocultar columnas",
+                  className: CLASE_BOTON,
+                  children: [
+                    /* @__PURE__ */ jsx(ICONO_COLUMNAS, { size: TAMANO_BADGE, "aria-hidden": "true" }),
+                    "Columnas",
+                    ocultasValidas.length > 0 && /* @__PURE__ */ jsxs("span", { className: "rounded bg-[var(--tema-badge-neutro)] px-1 tabular-nums", children: [
+                      "-",
+                      ocultasValidas.length
+                    ] })
+                  ]
+                }
+              ),
+              menu && /* @__PURE__ */ jsxs("div", { className: "absolute right-0 top-full z-30 mt-1 w-60 rounded-md border border-[var(--tema-borde)] bg-[var(--tema-fondo)] p-2 shadow-lg", children: [
+                /* @__PURE__ */ jsxs("div", { role: "group", "aria-label": "Columnas visibles", children: [
+                  /* @__PURE__ */ jsx("p", { className: "flex items-center gap-1 px-1 pb-1 text-[10px] font-semibold uppercase tracking-wide text-[#9a9a9a]", children: "Columnas visibles" }),
+                  columnas.map((c) => {
+                    const idInput = `${alcance}-${c.id}`;
+                    return /* @__PURE__ */ jsxs(
+                      "label",
+                      {
+                        htmlFor: idInput,
+                        className: "flex cursor-pointer items-center gap-2 rounded px-1.5 py-1 text-sm text-[#3c3c3b] hover:bg-[var(--tema-badge-neutro)]",
+                        children: [
+                          /* @__PURE__ */ jsx(
+                            "input",
+                            {
+                              id: idInput,
+                              type: "checkbox",
+                              checked: !prefs.ocultas.includes(c.id),
+                              onChange: () => alternarColumna(c.id)
+                            }
+                          ),
+                          c.etiqueta
+                        ]
+                      },
+                      c.id
+                    );
+                  })
+                ] }),
+                /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: restablecer,
+                    className: "mt-2 inline-flex w-full items-center justify-center gap-1.5 rounded border border-[var(--tema-borde)] px-2 py-1 text-xs text-[#3c3c3b] hover:bg-[var(--tema-badge-neutro)]",
+                    children: [
+                      /* @__PURE__ */ jsx(ICONO_RESTABLECER, { size: TAMANO_BADGE, "aria-hidden": "true" }),
+                      "Restablecer"
+                    ]
+                  }
+                )
+              ] })
+            ] }),
+            hayColumnas && /* @__PURE__ */ jsx(InfoExplicacion, { id: "plataforma.tabla_columnas" }),
+            /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center overflow-hidden rounded-md border border-[var(--tema-borde)]", role: "group", "aria-label": "Densidad de filas", children: [
+              /* @__PURE__ */ jsx(BotonDensidad, { actual: prefs.densidad, valor: "compacta", onClick: fijarDensidad }),
+              /* @__PURE__ */ jsx(BotonDensidad, { actual: prefs.densidad, valor: "comoda", onClick: fijarDensidad })
+            ] }),
+            /* @__PURE__ */ jsx(InfoExplicacion, { id: "plataforma.tabla_densidad" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "div",
           {
-            intent: numeric < 0 ? "error" : "success",
-            style: { minWidth: 72, textAlign: "center" },
-            children: content
+            ref: scroll,
+            role: "region",
+            "aria-label": etiqueta,
+            tabIndex: 0,
+            "data-marco-tabla": alcance,
+            "data-densidad": prefs.densidad,
+            onScroll: actualizarSombras,
+            onFocus: (e) => {
+              if (e.target === e.currentTarget) return;
+              const celda = e.target.closest("td,th");
+              celda?.scrollIntoView?.({ block: "nearest", inline: "nearest" });
+            },
+            "data-ajuste": ajuste,
+            style: alto ? { "--marco-alto": alto } : void 0,
+            className: `marco-tabla-scroll rounded-lg border border-[var(--tema-borde)] ${ajuste === "pagina" ? "min-h-28" : ""}`,
+            children
           }
-        );
+        ),
+        pie && // Al cambiar de pagina (o de tamano) el cuerpo vuelve arriba: la pagina ya no se desplaza, la tabla si.
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "shrink-0",
+            "data-marco-pie": "",
+            onClick: (e) => {
+              if (e.target.closest("button")) scroll.current?.scrollTo?.({ top: 0 });
+            },
+            children: pie
+          }
+        )
+      ]
+    }
+  );
+}
+function BotonDensidad({
+  actual,
+  valor,
+  onClick
+}) {
+  const Icono = valor === "compacta" ? ICONO_DENSIDAD_COMPACTA : ICONO_DENSIDAD_COMODA;
+  const nombre = valor === "compacta" ? "Densidad compacta" : "Densidad c\xF3moda";
+  const activo = actual === valor;
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "aria-pressed": activo,
+      "aria-label": nombre,
+      title: nombre,
+      onClick: () => onClick(valor),
+      className: `px-2 py-1 transition ${activo ? "bg-[var(--tema-primario)] text-white" : "text-[#565656] hover:bg-[var(--tema-badge-neutro)]"}`,
+      children: /* @__PURE__ */ jsx(Icono, { size: TAMANO_BADGE, "aria-hidden": "true" })
+    }
+  );
+}
+function CascaronApp({
+  producto,
+  hrefInicio = "/",
+  logo,
+  usuario,
+  hrefCerrarSesion = "/auth/logout",
+  grupos,
+  pieExtra,
+  children
+}) {
+  return /* @__PURE__ */ jsx(UsuarioTablas, { usuario: usuario.idEstable, children: /* @__PURE__ */ jsxs("div", { className: "flex min-h-full", children: [
+    /* @__PURE__ */ jsx(
+      SidebarColapsable,
+      {
+        cabecera: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx(LinkBase, { href: hrefInicio, className: "flex shrink-0 items-center gap-2", children: logo && // eslint-disable-next-line @next/next/no-img-element
+          /* @__PURE__ */ jsx("img", { src: logo.src, alt: logo.alt, width: logo.ancho, height: logo.alto }) }),
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-[var(--tema-primario)]", children: producto })
+        ] }),
+        pie: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 md:group-data-[colapsado=true]/side:flex-col", children: [
+          pieExtra,
+          /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 flex-col leading-tight md:group-data-[colapsado=true]/side:hidden", children: [
+            /* @__PURE__ */ jsx("span", { className: "truncate text-[11px] font-medium text-[#3c3c3b]", title: usuario.nombre, children: usuario.nombre }),
+            usuario.rol && /* @__PURE__ */ jsxs("span", { className: "mt-0.5 inline-flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "w-fit rounded-full bg-[var(--tema-badge-neutro)] px-1.5 py-0.5 text-[10px] font-medium text-[#565656]",
+                  title: `Rol: ${usuario.rol}`,
+                  children: usuario.rol
+                }
+              ),
+              /* @__PURE__ */ jsx(InfoExplicacion, { id: "plataforma.rol" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: hrefCerrarSesion,
+              title: "Cerrar sesi\xF3n",
+              "aria-label": "Cerrar sesi\xF3n",
+              className: "flex shrink-0 items-center transition hover:text-[var(--tema-primario)]",
+              children: /* @__PURE__ */ jsx(ICONO_CERRAR_SESION, { size: TAMANO_BOTON, "aria-hidden": "true" })
+            }
+          )
+        ] }),
+        children: grupos.map((g, i) => /* @__PURE__ */ jsx(SeccionNav, { titulo: g.titulo, children: g.enlaces.map(({ href, etiqueta, icono: Icono }) => /* @__PURE__ */ jsx(EnlaceNav, { href, etiqueta, icono: /* @__PURE__ */ jsx(Icono, { size: TAMANO_BOTON, "aria-hidden": "true" }) }, href)) }, g.titulo ?? i))
       }
-    };
-  }) : columns;
-  const resolvedScroll = scroll ?? { x: "max-content" };
-  return /* @__PURE__ */ jsxs("div", { className, children: [
-    heading ? /* @__PURE__ */ jsx("div", { style: { marginBottom: 8 }, children: /* @__PURE__ */ jsx("h3", { style: { margin: 0, fontWeight: 600 }, children: heading }) }) : null,
-    extra ? /* @__PURE__ */ jsx("div", { style: { marginBottom: 8 }, children: extra }) : null,
-    loading ? /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: 16 }, children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx(Skeleton, { active: true, paragraph: { rows: 0 }, title: { width: "100%" } }, i)) }) : /* @__PURE__ */ jsx(
-      Table,
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
       {
-        columns: resolvedColumns,
-        dataSource,
-        bordered,
-        scroll: resolvedScroll,
-        pagination: resolvedPagination,
-        locale: {
-          emptyText: mergedLabels.emptyText,
-          triggerAsc: mergedLabels.sortAsc,
-          triggerDesc: mergedLabels.sortDesc,
-          cancelSort: mergedLabels.cancelSort
-        },
-        ...rest
+        "data-area-contenido": "",
+        className: "flex min-h-screen min-w-0 flex-1 flex-col overflow-x-clip pt-14 transition-[padding] md:pt-0 md:pr-[var(--asistente-ancho,0px)]",
+        children
       }
     )
+  ] }) });
+}
+function Migas({
+  hrefVolver,
+  etiquetaVolver,
+  actual,
+  actualMono = false
+}) {
+  return /* @__PURE__ */ jsxs("nav", { "aria-label": "Ruta", className: "mb-3 flex flex-wrap items-center gap-2 text-xs text-[#807f7f]", children: [
+    /* @__PURE__ */ jsxs(LinkBase, { href: hrefVolver, className: "text-[var(--tema-primario)] underline", children: [
+      "\u2190 ",
+      etiquetaVolver
+    ] }),
+    /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "/" }),
+    /* @__PURE__ */ jsx("span", { className: actualMono ? "font-mono" : void 0, children: actual })
   ] });
 }
-function useControllableState({
-  value,
-  defaultValue,
-  onChange
-}) {
-  const isControlled = value !== void 0;
-  const [internal, setInternal] = useState(defaultValue);
-  const current = isControlled ? value : internal;
-  const setValue = useCallback(
-    (next) => {
-      if (!isControlled) {
-        setInternal(next);
-      }
-      onChange?.(next);
+function SubNav({
+  etiqueta,
+  secciones,
+  activa
+}) {
+  return /* @__PURE__ */ jsx("nav", { "aria-label": etiqueta, className: "mt-4 flex flex-wrap gap-2 text-sm", children: secciones.map((s) => /* @__PURE__ */ jsx(
+    LinkBase,
+    {
+      href: s.href,
+      "aria-current": s.id === activa ? "page" : void 0,
+      className: `pulsable rounded-md border px-3 py-1 ${s.id === activa ? "border-[var(--tema-primario)] bg-[var(--tema-badge-neutro)] font-semibold" : "border-[var(--tema-borde)] hover:bg-[var(--tema-badge-neutro)]"}`,
+      children: s.texto
     },
-    [isControlled, onChange]
-  );
-  return [current, setValue];
+    s.id
+  )) });
 }
-function isPromise(value) {
-  return !!value && typeof value.then === "function";
+var BOTON = {
+  // Primario = relleno neutro oscuro (no el rojo de marca); el rojo queda reservado a peligro.
+  primario: "inline-flex items-center gap-1.5 rounded-md bg-[var(--tema-texto)] px-3 py-1.5 text-sm font-medium text-white transition hover:brightness-125 disabled:opacity-50",
+  secundario: "inline-flex items-center gap-1.5 rounded-md border border-[var(--tema-borde)] px-3 py-1.5 text-sm font-medium text-[#3c3c3b] transition hover:bg-[var(--tema-badge-neutro)] disabled:opacity-50"
+};
+function AccionConDialogo({
+  etiqueta,
+  titulo,
+  icono,
+  variante = "secundario",
+  children
+}) {
+  const [abierto, setAbierto] = useState(false);
+  const disparador = useRef(null);
+  const panel = useRef(null);
+  const tituloId = useId();
+  useEffect(() => {
+    if (!abierto) return;
+    queueMicrotask(() => {
+      const campo = panel.current?.querySelector("input, select, textarea");
+      campo?.focus();
+    });
+  }, [abierto]);
+  function cerrar() {
+    setAbierto(false);
+    disparador.current?.focus();
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("button", { ref: disparador, type: "button", onClick: () => setAbierto(true), className: BOTON[variante], children: [
+      icono,
+      etiqueta
+    ] }),
+    abierto && /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-testid": "dialogo-fondo",
+        className: "fixed inset-0 z-50 flex items-center justify-center bg-black/40 p-4",
+        onClick: cerrar,
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ref: panel,
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-labelledby": tituloId,
+            onClick: (e) => e.stopPropagation(),
+            onKeyDown: (e) => {
+              if (e.key === "Escape") {
+                e.stopPropagation();
+                cerrar();
+              }
+            },
+            className: "max-h-[90vh] w-full max-w-md overflow-y-auto rounded-xl border border-[var(--tema-borde)] bg-[var(--tema-fondo)] p-6 shadow-xl",
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+                /* @__PURE__ */ jsxs("h2", { id: tituloId, className: "flex items-center gap-2 text-base font-semibold text-[var(--tema-primario-oscuro)]", children: [
+                  icono,
+                  titulo
+                ] }),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: cerrar,
+                    "aria-label": "Cerrar",
+                    title: "Cerrar",
+                    className: "rounded-md p-1 text-[#807f7f] transition hover:bg-[var(--tema-badge-neutro)]",
+                    children: /* @__PURE__ */ jsx(ICONO_CERRAR, { size: TAMANO_BADGE, "aria-hidden": "true" })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "mt-4", children })
+            ]
+          }
+        )
+      }
+    )
+  ] });
 }
-function ModalDialog({
-  trigger,
-  children,
-  open,
-  defaultOpen = false,
-  closeOnOk = true,
-  closeOnCancel = true,
-  onOk,
-  onCancel,
-  onOpenChange,
-  ...modalProps
-}) {
-  const [isOpen, setOpen] = useControllableState({
-    value: open,
-    defaultValue: defaultOpen,
-    onChange: onOpenChange
-  });
-  const handleOpen = useCallback(() => setOpen(true), [setOpen]);
-  const handleCancel = useCallback(
-    (event) => {
-      onCancel?.(event);
-      if (closeOnCancel) setOpen(false);
-    },
-    [onCancel, closeOnCancel, setOpen]
-  );
-  const handleOk = useCallback(
-    async (event) => {
-      const result = onOk?.(event);
-      if (!closeOnOk) return;
-      if (isPromise(result)) {
-        try {
-          await result;
-        } finally {
-          setOpen(false);
+var CLASE_REGION_LISTADO = "flex min-h-0 flex-1 flex-col";
+function PaginaListado({
+  titulo,
+  icono,
+  descripcion,
+  acciones,
+  className = "",
+  children
+}) {
+  return /* @__PURE__ */ jsxs("main", { "data-pagina-listado": "", className: `flex min-h-0 w-full flex-1 flex-col gap-3 px-6 py-4 ${className}`, children: [
+    /* @__PURE__ */ jsxs("header", { className: "flex shrink-0 flex-wrap items-center gap-x-3 gap-y-1", children: [
+      /* @__PURE__ */ jsxs("h1", { className: "flex shrink-0 items-center gap-2 text-xl font-semibold text-[var(--tema-primario-oscuro)]", children: [
+        icono,
+        titulo
+      ] }),
+      descripcion && /* @__PURE__ */ jsx("p", { className: "min-w-[12rem] flex-1 truncate text-sm text-[#807f7f]", title: descripcion, children: descripcion }),
+      acciones && /* @__PURE__ */ jsx("div", { className: "ml-auto flex shrink-0 flex-wrap items-center gap-2", children: acciones })
+    ] }),
+    children
+  ] });
+}
+function ModalPanel({
+  titulo,
+  tituloId,
+  acciones,
+  onCerrar,
+  etiquetaCerrar = "Cerrar",
+  ancho = "max-w-[min(96vw,100rem)]",
+  children
+}) {
+  const dialogo = useRef(null);
+  useEffect(() => {
+    dialogo.current?.focus();
+  }, []);
+  return /* @__PURE__ */ jsx("div", { "data-testid": "modal-fondo", className: "fixed inset-0 z-50 flex items-center justify-center bg-black/40 p-4", onClick: onCerrar, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: dialogo,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-labelledby": tituloId,
+      tabIndex: -1,
+      onClick: (e) => e.stopPropagation(),
+      onKeyDown: (e) => {
+        if (e.key === "Escape") {
+          e.stopPropagation();
+          onCerrar();
         }
-      } else {
-        setOpen(false);
-      }
-    },
-    [onOk, closeOnOk, setOpen]
-  );
-  const triggerNode = useMemo(() => {
-    if (!trigger) return null;
-    if (typeof trigger === "function") {
-      return trigger(handleOpen);
+      },
+      className: `flex max-h-[90dvh] w-full ${ancho} flex-col gap-3 rounded-xl border border-[var(--tema-borde)] bg-[var(--tema-fondo)] p-4 shadow-xl outline-none`,
+      children: [
+        /* @__PURE__ */ jsxs("div", { "data-modal-cabecera": "", className: "flex shrink-0 items-start justify-between gap-3", children: [
+          /* @__PURE__ */ jsx("h2", { id: tituloId, className: "flex min-w-0 items-center gap-1.5 text-base font-semibold text-[var(--tema-primario-oscuro)]", children: titulo }),
+          /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [
+            acciones,
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: onCerrar,
+                "aria-label": etiquetaCerrar,
+                title: etiquetaCerrar,
+                className: "rounded-md p-1 text-[#807f7f] transition hover:bg-[var(--tema-badge-neutro)]",
+                children: /* @__PURE__ */ jsx(ICONO_CERRAR, { size: TAMANO_BADGE, "aria-hidden": "true" })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { "data-modal-cuerpo": "", className: `${CLASE_REGION_LISTADO} gap-3`, children })
+      ]
     }
-    if (isValidElement(trigger)) {
-      const el = trigger;
-      const originalOnClick = el.props.onClick;
-      return cloneElement(el, {
-        onClick: (event) => {
-          originalOnClick?.(event);
-          handleOpen();
+  ) });
+}
+function Pestanas({
+  etiqueta,
+  pestanas,
+  inicial,
+  extra
+}) {
+  const base = useId();
+  const [activa, setActiva] = useState(inicial ?? pestanas[0]?.id);
+  const ids = pestanas.map((p) => p.id);
+  const teclado = (e) => {
+    if (e.key !== "ArrowRight" && e.key !== "ArrowLeft") return;
+    e.preventDefault();
+    const i = ids.indexOf(activa ?? "");
+    const siguiente = ids[(i + (e.key === "ArrowRight" ? 1 : ids.length - 1)) % ids.length];
+    setActiva(siguiente);
+    document.getElementById(`${base}-pestana-${siguiente}`)?.focus();
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { role: "tablist", "aria-label": etiqueta, className: "inline-flex gap-1 rounded-lg bg-[var(--tema-badge-neutro)] p-1 print:hidden", children: [
+      pestanas.map((p) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          role: "tab",
+          id: `${base}-pestana-${p.id}`,
+          "aria-selected": activa === p.id,
+          "aria-controls": `${base}-panel-${p.id}`,
+          tabIndex: activa === p.id ? 0 : -1,
+          onClick: () => setActiva(p.id),
+          onKeyDown: teclado,
+          className: `rounded-md px-3 py-1 text-xs font-medium ${activa === p.id ? "bg-[var(--tema-fondo)] text-[var(--tema-primario-oscuro)] shadow-sm" : "text-[#565656] hover:text-[var(--tema-primario)]"}`,
+          children: p.texto
+        },
+        p.id
+      )),
+      extra && /* @__PURE__ */ jsx("span", { className: "self-center pr-1", children: extra })
+    ] }),
+    pestanas.map((p) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "tabpanel",
+        id: `${base}-panel-${p.id}`,
+        "aria-labelledby": `${base}-pestana-${p.id}`,
+        className: `space-y-3 ${activa !== p.id ? "hidden print:block" : ""}`,
+        children: p.contenido
+      },
+      p.id
+    ))
+  ] });
+}
+function PantallaAcceso({
+  producto,
+  titulo,
+  descripcion,
+  hrefLogin,
+  etiquetaBoton = "Iniciar sesi\xF3n con Microsoft 365",
+  capacidades = [],
+  logo,
+  error
+}) {
+  return /* @__PURE__ */ jsxs("main", { className: "reflejo-fondo flex min-h-screen flex-1 flex-col items-center justify-center gap-10 bg-[#f4f8fc] px-6 py-16", children: [
+    /* @__PURE__ */ jsxs("header", { className: "flex items-center gap-2", children: [
+      logo,
+      logo && /* @__PURE__ */ jsx("span", { className: "h-6 w-px bg-[var(--tema-borde)]" }),
+      /* @__PURE__ */ jsx("span", { className: "text-base font-semibold text-[var(--tema-primario)]", children: producto })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex max-w-xl flex-col items-center gap-4 text-center", children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-3xl font-semibold text-[var(--tema-primario-oscuro)] sm:text-4xl", children: titulo }),
+      /* @__PURE__ */ jsx("p", { className: "text-base text-[#565656]", children: descripcion }),
+      error && /* @__PURE__ */ jsx("p", { role: "alert", className: "rounded-md bg-[var(--tema-badge-error)] px-3 py-2 text-sm text-[var(--tema-peligro)]", children: error }),
+      /* @__PURE__ */ jsxs(
+        "a",
+        {
+          href: hrefLogin,
+          className: "mt-2 inline-flex items-center gap-2 rounded-md bg-[var(--tema-texto)] px-5 py-2.5 text-sm font-medium text-white transition hover:brightness-125",
+          children: [
+            /* @__PURE__ */ jsx(ICONO_LOGIN_MICROSOFT, { size: TAMANO_BOTON, "aria-hidden": "true" }),
+            etiquetaBoton
+          ]
         }
-      });
+      )
+    ] }),
+    capacidades.length > 0 && /* @__PURE__ */ jsx("div", { className: "grid w-full max-w-4xl gap-4 sm:grid-cols-3", children: capacidades.map(({ icono: Icono, titulo: t, descripcion: d }) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 rounded-xl border border-[var(--tema-borde)] bg-white p-5 text-left shadow-sm", children: [
+      /* @__PURE__ */ jsx("span", { className: "flex h-10 w-10 items-center justify-center rounded-lg bg-[var(--tema-badge-neutro)] text-[var(--tema-primario)]", children: /* @__PURE__ */ jsx(Icono, { size: TAMANO_BOTON, "aria-hidden": "true" }) }),
+      /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold text-[var(--tema-texto)]", children: t }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs leading-relaxed text-[#565656]", children: d })
+    ] }, t)) })
+  ] });
+}
+function PantallaCargando({ etiqueta = "Cargando..." }) {
+  return /* @__PURE__ */ jsx("div", { className: "flex min-h-[60vh] w-full flex-1 items-center justify-center", children: /* @__PURE__ */ jsx(SpinnerMarca, { tamano: 140, etiqueta }) });
+}
+function FechaHoraLocal({ iso }) {
+  const [texto, setTexto] = useState(() => _isoLegible(iso));
+  useEffect(() => {
+    setTexto(formatearFechaHora(iso));
+  }, [iso]);
+  return /* @__PURE__ */ jsx("span", { suppressHydrationWarning: true, children: texto });
+}
+function _isoLegible(iso) {
+  if (!iso) return "\u2014";
+  const m = iso.match(/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2})/);
+  if (!m) return iso;
+  const [, anio, mes, dia, hora, min, seg] = m;
+  return `${anio}/${mes}/${dia} ${hora}:${min}:${seg}`;
+}
+var ANCHOS = {
+  completo: "",
+  "2xl": "mx-auto max-w-2xl",
+  "3xl": "mx-auto max-w-3xl",
+  "4xl": "mx-auto max-w-4xl"
+};
+function PaginaContenido({
+  titulo,
+  icono,
+  descripcion,
+  acciones,
+  ancho = "completo",
+  children
+}) {
+  return /* @__PURE__ */ jsxs("main", { className: `w-full flex-1 px-6 py-10 ${ANCHOS[ancho]}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs("h1", { className: "flex items-center gap-2 text-xl font-semibold text-[var(--tema-primario-oscuro)]", children: [
+        icono,
+        titulo
+      ] }),
+      acciones && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-2", children: acciones })
+    ] }),
+    descripcion && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-[#807f7f]", children: descripcion }),
+    /* @__PURE__ */ jsx("div", { className: "mt-6", children })
+  ] });
+}
+function usePaginacionLocal(items, tamanoInicial = 10) {
+  const [tamano, setTamano] = useState(tamanoInicial);
+  const [paginaActual, setPaginaActual] = useState(1);
+  const totalPaginas = Math.max(1, Math.ceil(items.length / tamano));
+  const pagina = Math.min(paginaActual, totalPaginas);
+  const itemsPagina = useMemo(() => {
+    const inicio = (pagina - 1) * tamano;
+    return items.slice(inicio, inicio + tamano);
+  }, [items, pagina, tamano]);
+  return {
+    itemsPagina,
+    paginaActual: pagina,
+    totalPaginas,
+    tamano,
+    totalItems: items.length,
+    siguiente: () => setPaginaActual((p) => Math.min(p + 1, totalPaginas)),
+    anterior: () => setPaginaActual((p) => Math.max(p - 1, 1)),
+    cambiarTamano: (n) => {
+      setTamano(n);
+      setPaginaActual(1);
     }
-    return trigger;
-  }, [trigger, handleOpen]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    triggerNode,
-    /* @__PURE__ */ jsx(Modal, { open: isOpen, onOk: handleOk, onCancel: handleCancel, ...modalProps, children })
+  };
+}
+var TAMANOS = [10, 25, 50, 100];
+function PaginadorLocal({
+  paginaActual,
+  totalPaginas,
+  totalItems,
+  tamano,
+  tamanos = TAMANOS,
+  onAnterior,
+  onSiguiente,
+  onCambiarTamano
+}) {
+  if (totalPaginas <= 1) return null;
+  const desde = totalItems === 0 ? 0 : (paginaActual - 1) * tamano + 1;
+  const hasta = Math.min(paginaActual * tamano, totalItems);
+  return /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-wrap items-center justify-between gap-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      onCambiarTamano && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-[#807f7f]", children: "Por p\xE1gina" }),
+        /* @__PURE__ */ jsx(
+          "select",
+          {
+            value: tamano,
+            onChange: (e) => onCambiarTamano(Number(e.target.value)),
+            "aria-label": "Filas por p\xE1gina",
+            className: "rounded-md border border-[var(--tema-borde)] bg-[var(--tema-fondo)] px-2 py-1.5 text-sm focus:border-[var(--tema-primario)] focus:outline-none",
+            children: tamanos.map((n) => /* @__PURE__ */ jsx("option", { value: n, children: n }, n))
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("span", { className: "text-xs text-[#807f7f]", children: [
+        desde,
+        "\u2013",
+        hasta,
+        " de ",
+        totalItems
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: onAnterior,
+          disabled: paginaActual <= 1,
+          "aria-label": "P\xE1gina anterior",
+          className: "inline-flex items-center gap-1 rounded-md border border-[var(--tema-borde)] px-3 py-1.5 text-sm font-medium text-[#3c3c3b] transition hover:bg-[var(--tema-badge-neutro)] disabled:opacity-50",
+          children: [
+            /* @__PURE__ */ jsx(ICONO_PAGINA_ANTERIOR, { size: TAMANO_BADGE, "aria-hidden": "true" }),
+            "Anterior"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs("span", { className: "text-xs text-[#807f7f]", children: [
+        paginaActual,
+        " / ",
+        totalPaginas
+      ] }),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: onSiguiente,
+          disabled: paginaActual >= totalPaginas,
+          "aria-label": "P\xE1gina siguiente",
+          className: "inline-flex items-center gap-1 rounded-md border border-[var(--tema-borde)] px-3 py-1.5 text-sm font-medium text-[#3c3c3b] transition hover:bg-[var(--tema-badge-neutro)] disabled:opacity-50",
+          children: [
+            "Siguiente",
+            /* @__PURE__ */ jsx(ICONO_PAGINA_SIGUIENTE, { size: TAMANO_BADGE, "aria-hidden": "true" })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function PaginadorUrl({
+  pagina,
+  totalPaginas,
+  totalItems,
+  tamano
+}) {
+  const { ir, pendiente } = useNavegarListado();
+  if (totalPaginas <= 1) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "relative", "aria-busy": pendiente || void 0, children: [
+    /* @__PURE__ */ jsx(
+      PaginadorLocal,
+      {
+        paginaActual: pagina,
+        totalPaginas,
+        totalItems,
+        tamano,
+        tamanos: TAMANOS_LISTADO,
+        onAnterior: () => ir({ pagina: String(Math.max(1, pagina - 1)) }, { scroll: true }),
+        onSiguiente: () => ir({ pagina: String(Math.min(totalPaginas, pagina + 1)) }, { scroll: true })
+      }
+    ),
+    pendiente && /* @__PURE__ */ jsxs("span", { role: "status", className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-[var(--tema-primario)]", children: [
+      /* @__PURE__ */ jsx(ICONO_CARGANDO, { size: 14, className: "animate-spin motion-reduce:animate-none", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Cargando p\xE1gina..." })
+    ] })
   ] });
 }
-var normalize = (value) => (value ?? "").toString().normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase();
-var extractText = (node) => {
-  if (node === null || node === void 0) return "";
-  if (typeof node === "string" || typeof node === "number" || typeof node === "boolean") {
-    return String(node);
+var DEBOUNCE_MS = 300;
+var CAMPO = "rounded-md border border-[var(--tema-borde)] bg-[var(--tema-fondo)] px-2 py-1.5 text-sm text-[#3c3c3b] focus:border-[var(--tema-primario)] focus:outline-none";
+function BarraListado({
+  filtros,
+  totalFiltrado,
+  total,
+  placeholder = "Buscar...",
+  etiquetaBusqueda = "Buscar",
+  extra
+}) {
+  const { ir, pendiente, params } = useNavegarListado();
+  const qUrl = params.get("q") ?? "";
+  const [texto, setTexto] = useState(qUrl);
+  const [numeros, setNumeros] = useState(
+    () => Object.fromEntries(filtros.filter((f) => f.tipo === "numero").map((f) => [f.clave, params.get(f.clave) ?? ""]))
+  );
+  const idBuscar = useId();
+  const temporizador = useRef(null);
+  useEffect(() => setTexto(qUrl), [qUrl]);
+  useEffect(() => () => cancelar(), []);
+  function cancelar() {
+    if (temporizador.current) clearTimeout(temporizador.current);
+    temporizador.current = null;
   }
-  if (Array.isArray(node)) return node.map(extractText).join(" ");
-  if (typeof node === "object" && "props" in node) {
-    const props = node.props;
-    return extractText(props?.children);
+  function aplicarBusqueda(valor) {
+    cancelar();
+    if (valor.trim() === qUrl.trim()) return;
+    ir({ q: valor.trim() || null });
   }
-  return "";
-};
-function FilterSelect({
-  options,
-  showSearch = false,
-  filterOption,
-  className,
-  style,
-  ...rest
-}) {
-  const defaultFilter = (input, option) => {
-    if (!option) return false;
-    const query = normalize(input);
-    const label = normalize(extractText(option.label));
-    const value = normalize(typeof option.value === "string" ? option.value : "");
-    return label.includes(query) || value.includes(query);
-  };
-  const resolvedFilter = showSearch && !filterOption ? defaultFilter : filterOption;
-  return /* @__PURE__ */ jsx(
-    Select,
+  function alEscribir(valor) {
+    setTexto(valor);
+    cancelar();
+    temporizador.current = setTimeout(() => aplicarBusqueda(valor), DEBOUNCE_MS);
+  }
+  function limpiar() {
+    setTexto("");
+    aplicarBusqueda("");
+  }
+  function aplicarNumero(clave) {
+    const valor = (numeros[clave] ?? "").trim();
+    if (valor === (params.get(clave) ?? "")) return;
+    ir({ [clave]: valor || null });
+  }
+  function alEnviar(e) {
+    e.preventDefault();
+    e.stopPropagation();
+    cancelar();
+    const cambios = {};
+    if (texto.trim() !== qUrl.trim()) cambios.q = texto.trim() || null;
+    for (const [clave, valor] of Object.entries(numeros)) {
+      if (valor.trim() !== (params.get(clave) ?? "")) cambios[clave] = valor.trim() || null;
+    }
+    if (Object.keys(cambios).length > 0) ir(cambios);
+  }
+  const tamano = params.get("tamano") ?? String(TAMANO_LISTADO_DEFAULT);
+  return /* @__PURE__ */ jsxs(
+    "form",
     {
-      options,
-      showSearch,
-      filterOption: resolvedFilter,
-      optionFilterProp: "label",
-      className,
-      style: { width: "100%", ...style },
-      ...rest
+      role: "search",
+      onSubmit: alEnviar,
+      className: "flex flex-wrap items-end gap-x-3 gap-y-2 rounded-lg border border-[var(--tema-borde)] bg-[#f9fafb] px-3 py-2",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-[16rem] flex-1 flex-col gap-1", children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: idBuscar, className: "text-xs font-medium text-[#565656]", children: etiquetaBusqueda }),
+          /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ jsx(
+              ICONO_BUSCAR,
+              {
+                size: 14,
+                "aria-hidden": "true",
+                className: "pointer-events-none absolute left-2 top-1/2 -translate-y-1/2 text-[#807f7f]"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                id: idBuscar,
+                type: "search",
+                value: texto,
+                onChange: (e) => alEscribir(e.target.value),
+                onKeyDown: (e) => {
+                  if (e.key === "Escape" && texto) {
+                    e.preventDefault();
+                    limpiar();
+                  }
+                },
+                placeholder,
+                autoComplete: "off",
+                spellCheck: false,
+                className: `${CAMPO} w-full pl-7 pr-8 [&::-webkit-search-cancel-button]:hidden`
+              }
+            ),
+            texto && /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: limpiar,
+                "aria-label": "Limpiar b\xFAsqueda",
+                title: "Limpiar b\xFAsqueda",
+                className: "absolute right-1 top-1/2 -translate-y-1/2 rounded p-1 text-[#807f7f] transition hover:bg-[var(--tema-badge-neutro)]",
+                children: /* @__PURE__ */ jsx(ICONO_LIMPIAR, { size: 12, "aria-hidden": "true" })
+              }
+            )
+          ] })
+        ] }),
+        filtros.length > 0 && /* @__PURE__ */ jsx(ICONO_FILTRO, { size: TAMANO_BADGE, "aria-hidden": "true", className: "mb-2 hidden text-[#807f7f] sm:block" }),
+        filtros.map((f) => {
+          const id = `${idBuscar}-${f.clave}`;
+          return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsx("label", { htmlFor: id, className: "text-xs font-medium text-[#565656]", children: f.etiqueta }),
+            f.tipo === "numero" ? /* @__PURE__ */ jsx(
+              "input",
+              {
+                id,
+                type: "number",
+                inputMode: "numeric",
+                min: f.min,
+                max: f.max,
+                value: numeros[f.clave] ?? "",
+                onChange: (e) => setNumeros((n) => ({ ...n, [f.clave]: e.target.value })),
+                onBlur: () => aplicarNumero(f.clave),
+                className: `${CAMPO} w-24`
+              }
+            ) : /* @__PURE__ */ jsx(
+              "select",
+              {
+                id,
+                value: params.get(f.clave) ?? "",
+                onChange: (e) => ir({ [f.clave]: e.target.value || null }),
+                className: CAMPO,
+                children: f.opciones.map((o) => /* @__PURE__ */ jsx("option", { value: o.valor, children: o.etiqueta }, o.valor))
+              }
+            )
+          ] }, f.clave);
+        }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: `${idBuscar}-tamano`, className: "text-xs font-medium text-[#565656]", children: "Por p\xE1gina" }),
+          /* @__PURE__ */ jsx(
+            "select",
+            {
+              id: `${idBuscar}-tamano`,
+              "aria-label": "Filas por p\xE1gina",
+              value: tamano,
+              onChange: (e) => ir({ tamano: e.target.value === String(TAMANO_LISTADO_DEFAULT) ? null : e.target.value }),
+              className: CAMPO,
+              children: TAMANOS_LISTADO.map((n) => /* @__PURE__ */ jsx("option", { value: n, children: n }, n))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-3 pb-1.5", children: [
+          pendiente ? /* @__PURE__ */ jsxs("span", { role: "status", className: "inline-flex items-center gap-1 text-xs text-[#807f7f]", children: [
+            /* @__PURE__ */ jsx(ICONO_CARGANDO, { size: 12, "aria-hidden": "true", className: "animate-spin text-[var(--tema-primario)] motion-reduce:animate-none" }),
+            "Actualizando..."
+          ] }) : /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-xs text-[#807f7f]", "aria-live": "polite", children: [
+            totalFiltrado === total ? `${total} en total` : `${totalFiltrado} de ${total}`,
+            /* @__PURE__ */ jsx(InfoExplicacion, { id: "plataforma.listado_resultados" })
+          ] }),
+          extra
+        ] })
+      ]
     }
   );
 }
-var resolveMessage = (template, fileName, fallback) => {
-  if (!template) return fallback.replace("{file}", fileName);
-  return typeof template === "function" ? template(fileName) : template.replace("{file}", fileName);
-};
-function FileUploadDragger({
-  successMessage,
-  errorMessage,
-  showStatusMessages = true,
-  hintText = "Click or drag a file to this area to upload",
-  onUploadSuccess,
-  onUploadError,
-  onChange: externalOnChange,
-  children,
-  ...uploadProps
-}) {
-  const message = useAmsMessage();
-  const mergedProps = useMemo(
-    () => ({
-      ...uploadProps,
-      onChange(info) {
-        const { status, name: fileName } = info.file;
-        if (showStatusMessages) {
-          if (status === "done") {
-            message.success(resolveMessage(successMessage, fileName, `${fileName} uploaded successfully.`));
-            onUploadSuccess?.(info);
-          } else if (status === "error") {
-            message.error(resolveMessage(errorMessage, fileName, `${fileName} failed to upload.`));
-            onUploadError?.(info);
+function EncabezadoOrdenUrl({
+  clave,
+  etiqueta,
+  icono,
+  info,
+  ordenActual,
+  dirActual,
+  alineado = "left",
+  celda
+}) {
+  const { ir } = useNavegarListado();
+  const activa = ordenActual === clave;
+  const dir = activa ? dirActual : null;
+  const Flecha = dir === "asc" ? ICONO_ORDENAR_ASC : dir === "desc" ? ICONO_ORDENAR_DESC : ICONO_ORDENAR_NEUTRO;
+  const descripcion = dir === "asc" ? "ascendente" : dir === "desc" ? "descendente" : "sin ordenar";
+  function alternar() {
+    if (!activa) return ir({ orden: clave, dir: "asc" });
+    if (dir === "asc") return ir({ orden: clave, dir: "desc" });
+    return ir({ orden: null, dir: null });
+  }
+  return /* @__PURE__ */ jsx(
+    "th",
+    {
+      ...celda,
+      scope: "col",
+      "aria-sort": dir === "asc" ? "ascending" : dir === "desc" ? "descending" : "none",
+      className: `whitespace-nowrap px-3 py-2 font-medium ${alineado === "right" ? "text-right" : ""}`,
+      children: /* @__PURE__ */ jsxs("span", { className: `inline-flex items-center gap-1 ${alineado === "right" ? "justify-end" : ""}`, children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: alternar,
+            title: `Ordenar por ${etiqueta}`,
+            "aria-label": `Ordenar por ${etiqueta} (orden actual: ${descripcion})`,
+            className: `inline-flex items-center gap-1 transition hover:text-[var(--tema-primario)] ${activa ? "text-[var(--tema-primario)]" : ""}`,
+            children: [
+              icono,
+              etiqueta,
+              /* @__PURE__ */ jsx(Flecha, { size: 12, "aria-hidden": "true", className: activa ? "" : "opacity-40" })
+            ]
           }
-        }
-        externalOnChange?.(info);
-      }
-    }),
-    [uploadProps, showStatusMessages, message, successMessage, errorMessage, onUploadSuccess, onUploadError, externalOnChange]
+        ),
+        /* @__PURE__ */ jsx(InfoExplicacion, { id: info })
+      ] })
+    }
   );
-  return /* @__PURE__ */ jsx(Upload.Dragger, { ...mergedProps, children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("p", { className: "ant-upload-drag-icon", children: /* @__PURE__ */ jsx(InboxOutlined, {}) }),
-    /* @__PURE__ */ jsx("p", { className: "ant-upload-text", children: hintText })
-  ] }) });
 }
-function PageHeader({
-  title,
-  breadcrumbs,
-  separator = ">",
-  uppercaseTitle = true,
-  extra,
-  className
+function fija(lado, idx = 0, opciones) {
+  if (lado === "der") return { "data-fija": "der" };
+  const primaria = opciones?.primaria ?? idx === 0;
+  return primaria ? { "data-fija": "izq", "data-fija-idx": idx, "data-fija-primaria": "" } : { "data-fija": "izq", "data-fija-idx": idx };
+}
+function col(id) {
+  return { "data-col": id };
+}
+function CeldaIdentidad({ texto, className = "" }) {
+  const valor = texto ?? "";
+  return /* @__PURE__ */ jsx("span", { title: valor, className: `block max-w-[16rem] truncate ${className}`, children: valor });
+}
+var CLASE_ACCION_FILA = "inline-flex items-center gap-1 whitespace-nowrap rounded-md border border-[var(--tema-borde)] px-2.5 py-1 text-xs hover:bg-[var(--tema-badge-neutro)] disabled:opacity-50";
+var ANCHO_BASE = 160;
+function TablaConfigurable({
+  columnas,
+  filas,
+  claveFila,
+  clavePrefs,
+  columnaFija,
+  columnaAcciones,
+  idsFijos = [],
+  etiqueta = "Resultados",
+  mensajeVacio = "Sin resultados.",
+  ajuste,
+  pie,
+  barraExtra
 }) {
-  return /* @__PURE__ */ jsxs("div", { className, style: { marginBottom: 32 }, children: [
+  const fijos = idsFijos.filter((id) => columnas.some((c) => c.id === id));
+  const idsDefault = columnas.map((c) => c.id).filter((id) => !fijos.includes(id));
+  const { idsVisibles, idsOrdenados, ocultas, anchoDe, mover, redimensionar, alternarVisible, restablecer } = useTablaPreferencias(clavePrefs, idsDefault);
+  const porId = new Map(columnas.map((c) => [c.id, c]));
+  const [menuAbierto, setMenuAbierto] = useState(false);
+  const [orden, setOrden] = useState(null);
+  const arrastrando = useRef(null);
+  const filasOrdenadas = (() => {
+    if (!orden) return filas;
+    const col2 = porId.get(orden.id);
+    if (!col2?.valorOrden) return filas;
+    const factor = orden.dir === "asc" ? 1 : -1;
+    return [...filas].sort((a, b) => {
+      const va = col2.valorOrden(a);
+      const vb = col2.valorOrden(b);
+      if (va === void 0 || va === null || va === "") return 1;
+      if (vb === void 0 || vb === null || vb === "") return -1;
+      if (typeof va === "number" && typeof vb === "number") {
+        return (va - vb) * factor;
+      }
+      return String(va).localeCompare(String(vb), "es") * factor;
+    });
+  })();
+  function alternarOrdenColumna(id) {
+    setOrden((prev) => {
+      if (prev?.id !== id) return { id, dir: "asc" };
+      if (prev.dir === "asc") return { id, dir: "desc" };
+      return null;
+    });
+  }
+  const colSpanTotal = fijos.length + idsVisibles.length + (columnaFija ? 1 : 0) + (columnaAcciones ? 1 : 0);
+  const baseFijos = columnaFija ? 1 : 0;
+  const atributosFijo = (i) => fija("izq", baseFijos + i, { primaria: i === 0 });
+  const atributosCasilla = fija("izq", 0, { primaria: fijos.length === 0 });
+  const anchoEfectivo = (id) => {
+    const persistido = anchoDe(id);
+    if (persistido !== void 0) return persistido;
+    return porId.get(id)?.anchoDefault ?? ANCHO_BASE;
+  };
+  const ANCHO_FIJA = 44;
+  const ANCHO_ACCIONES = 96;
+  const anchoTabla = (columnaFija ? ANCHO_FIJA : 0) + (columnaAcciones ? ANCHO_ACCIONES : 0) + [...fijos, ...idsVisibles].reduce((suma, id) => suma + anchoEfectivo(id), 0);
+  const contenidoEncabezado = (col2) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    col2.ordenable ? /* @__PURE__ */ jsx(
+      EncabezadoOrdenable,
+      {
+        columnaId: col2.id,
+        contenido: col2.encabezado,
+        etiqueta: col2.etiquetaOrden ?? (typeof col2.encabezado === "string" ? col2.encabezado : "esta columna"),
+        orden,
+        onAlternar: () => alternarOrdenColumna(col2.id)
+      }
+    ) : col2.encabezado,
+    col2.info && /* @__PURE__ */ jsx(InfoExplicacion, { id: col2.info })
+  ] });
+  const barra = /* @__PURE__ */ jsxs("div", { className: "relative flex items-center gap-2", children: [
     /* @__PURE__ */ jsxs(
-      "div",
+      "button",
       {
-        style: {
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "space-between",
-          gap: 16
-        },
+        type: "button",
+        onClick: () => setMenuAbierto((v) => !v),
+        title: "Mostrar u ocultar columnas",
+        "aria-label": "Mostrar u ocultar columnas",
+        className: "inline-flex items-center gap-1.5 rounded-md border border-[var(--tema-borde)] px-2.5 py-1.5 text-xs font-medium text-[#3c3c3b] transition hover:bg-[var(--tema-badge-neutro)]",
         children: [
-          /* @__PURE__ */ jsx(
-            "h1",
-            {
-              style: {
-                fontSize: 20,
-                fontWeight: 700,
-                margin: 0,
-                textTransform: uppercaseTitle ? "uppercase" : void 0
-              },
-              children: title
-            }
-          ),
-          extra ? /* @__PURE__ */ jsx("div", { children: extra }) : null
+          /* @__PURE__ */ jsx(ICONO_COLUMNAS, { size: TAMANO_BADGE, "aria-hidden": "true" }),
+          "Columnas"
         ]
       }
     ),
-    breadcrumbs && breadcrumbs.length > 0 ? /* @__PURE__ */ jsx(
-      Breadcrumb,
+    /* @__PURE__ */ jsx(InfoExplicacion, { id: "plataforma.tabla_columnas" }),
+    /* @__PURE__ */ jsxs(
+      "button",
       {
-        separator,
-        items: breadcrumbs,
-        style: { fontSize: 13, marginTop: 8 }
+        type: "button",
+        onClick: restablecer,
+        title: "Restablecer orden y tama\xF1o de columnas",
+        "aria-label": "Restablecer columnas",
+        className: "inline-flex items-center gap-1.5 rounded-md border border-[var(--tema-borde)] px-2.5 py-1.5 text-xs font-medium text-[#3c3c3b] transition hover:bg-[var(--tema-badge-neutro)]",
+        children: [
+          /* @__PURE__ */ jsx(ICONO_RESTABLECER, { size: TAMANO_BADGE, "aria-hidden": "true" }),
+          "Restablecer"
+        ]
       }
-    ) : null
+    ),
+    menuAbierto && /* @__PURE__ */ jsxs("div", { className: "absolute left-0 top-full z-30 mt-1 w-56 rounded-md border border-[var(--tema-borde)] bg-[var(--tema-fondo)] p-2 shadow-lg", children: [
+      /* @__PURE__ */ jsx("p", { className: "flex items-center gap-1 px-1 pb-1 text-[10px] font-semibold uppercase tracking-wide text-[#9a9a9a]", children: "Columnas visibles" }),
+      idsOrdenados.map((id) => {
+        const col2 = porId.get(id);
+        if (!col2) return null;
+        const visible = !ocultas.has(id);
+        const Icono = visible ? ICONO_COLUMNA_VISIBLE : ICONO_COLUMNA_OCULTA;
+        return /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => alternarVisible(id),
+            className: "flex w-full items-center gap-2 rounded px-1.5 py-1 text-left text-sm text-[#3c3c3b] transition hover:bg-[var(--tema-badge-neutro)]",
+            children: [
+              /* @__PURE__ */ jsx(Icono, { size: 14, "aria-hidden": "true", className: visible ? "" : "opacity-40" }),
+              /* @__PURE__ */ jsx("span", { className: visible ? "" : "opacity-50", children: col2.encabezadoMenu ?? col2.encabezado })
+            ]
+          },
+          id
+        );
+      })
+    ] }),
+    barraExtra
   ] });
+  return /* @__PURE__ */ jsx(MarcoTabla, { clave: clavePrefs, etiqueta, barra, ajuste, pie, children: /* @__PURE__ */ jsxs(
+    "table",
+    {
+      className: "table-fixed divide-y divide-[var(--tema-borde)] text-sm",
+      style: { width: anchoTabla, minWidth: "100%" },
+      children: [
+        /* @__PURE__ */ jsxs("colgroup", { children: [
+          columnaFija && /* @__PURE__ */ jsx("col", { style: { width: ANCHO_FIJA } }),
+          fijos.map((id) => /* @__PURE__ */ jsx("col", { style: { width: anchoEfectivo(id) } }, id)),
+          idsVisibles.map((id) => /* @__PURE__ */ jsx("col", { style: { width: anchoEfectivo(id) } }, id)),
+          columnaAcciones && /* @__PURE__ */ jsx("col", { style: { width: ANCHO_ACCIONES } })
+        ] }),
+        /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "text-left text-xs font-medium text-[#807f7f]", children: [
+          columnaFija && /* @__PURE__ */ jsx("th", { className: "px-3 py-2", ...atributosCasilla, children: columnaFija.encabezado ?? null }),
+          fijos.map((id, i) => {
+            const col2 = porId.get(id);
+            return /* @__PURE__ */ jsxs("th", { className: "relative overflow-hidden px-3 py-2", ...atributosFijo(i), children: [
+              /* @__PURE__ */ jsx("span", { className: `flex items-center gap-1 truncate ${col2.alineado === "right" ? "justify-end" : ""}`, children: contenidoEncabezado(col2) }),
+              /* @__PURE__ */ jsx(
+                ResizerColumna,
+                {
+                  anchoActual: anchoEfectivo(id),
+                  onFinRedimension: (nuevoAncho) => redimensionar(id, nuevoAncho)
+                }
+              )
+            ] }, id);
+          }),
+          idsVisibles.map((id) => {
+            const col2 = porId.get(id);
+            if (!col2) return null;
+            const idxOrden = idsOrdenados.indexOf(id);
+            return /* @__PURE__ */ jsxs(
+              "th",
+              {
+                className: "relative overflow-hidden px-3 py-2",
+                onDragOver: (e) => e.preventDefault(),
+                onDrop: () => {
+                  if (arrastrando.current !== null && arrastrando.current !== idxOrden) {
+                    mover(arrastrando.current, idxOrden);
+                  }
+                  arrastrando.current = null;
+                },
+                children: [
+                  /* @__PURE__ */ jsxs(
+                    "span",
+                    {
+                      className: `flex items-center gap-1 truncate ${col2.alineado === "right" ? "justify-end" : ""}`,
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          "span",
+                          {
+                            draggable: true,
+                            onDragStart: () => {
+                              arrastrando.current = idxOrden;
+                            },
+                            onDragEnd: () => {
+                              arrastrando.current = null;
+                            },
+                            "aria-label": "Arrastrar para reordenar la columna",
+                            className: "shrink-0 cursor-grab text-[#c4c4c4] hover:text-[var(--tema-primario)]",
+                            children: /* @__PURE__ */ jsx(ICONO_ARRASTRAR_COLUMNA, { size: 12, "aria-hidden": "true" })
+                          }
+                        ),
+                        contenidoEncabezado(col2)
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    ResizerColumna,
+                    {
+                      anchoActual: anchoEfectivo(id),
+                      onFinRedimension: (nuevoAncho) => redimensionar(id, nuevoAncho)
+                    }
+                  )
+                ]
+              },
+              id
+            );
+          }),
+          columnaAcciones && /* @__PURE__ */ jsx("th", { className: "px-3 py-2", ...fija("der"), children: columnaAcciones.encabezado ?? null })
+        ] }) }),
+        /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-[var(--tema-borde)]", children: filasOrdenadas.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: colSpanTotal, className: "px-3 py-6 text-center text-sm text-[#807f7f]", children: mensajeVacio }) }) : filasOrdenadas.map((fila) => /* @__PURE__ */ jsxs("tr", { className: "text-[#3c3c3b]", children: [
+          columnaFija && /* @__PURE__ */ jsx("td", { className: "px-3 py-2", ...atributosCasilla, children: columnaFija.celda(fila) }),
+          fijos.map((id, i) => {
+            const col2 = porId.get(id);
+            return /* @__PURE__ */ jsx(
+              "td",
+              {
+                ...atributosFijo(i),
+                className: `overflow-hidden px-3 py-2 align-top ${col2.alineado === "right" ? "text-right tabular-nums" : ""}`,
+                children: col2.celda(fila)
+              },
+              id
+            );
+          }),
+          idsVisibles.map((id) => {
+            const col2 = porId.get(id);
+            if (!col2) return null;
+            return /* @__PURE__ */ jsx(
+              "td",
+              {
+                className: `overflow-hidden px-3 py-2 align-top ${col2.alineado === "right" ? "text-right tabular-nums" : ""}`,
+                children: col2.celda(fila)
+              },
+              id
+            );
+          }),
+          columnaAcciones && /* @__PURE__ */ jsx("td", { className: "px-3 py-2", ...fija("der"), children: columnaAcciones.celda(fila) })
+        ] }, claveFila(fila))) })
+      ]
+    }
+  ) });
 }
-var DownloadButton = forwardRef(function DownloadButton2({ label = "CSV", icon, type = "primary", children, ...rest }, ref) {
-  return /* @__PURE__ */ jsx(Button, { ref, type, icon: icon ?? /* @__PURE__ */ jsx(DownloadOutlined, {}), ...rest, children: children ?? label });
-});
-function ConfirmModal({
-  message,
-  danger = false,
-  okButtonProps,
-  children,
-  ...rest
+function EncabezadoOrdenable({
+  columnaId,
+  contenido,
+  etiqueta,
+  orden,
+  onAlternar
+}) {
+  const activa = orden?.id === columnaId;
+  const dir = activa ? orden.dir : null;
+  const Flecha = dir === "asc" ? ICONO_ORDENAR_ASC : dir === "desc" ? ICONO_ORDENAR_DESC : ICONO_ORDENAR_NEUTRO;
+  const descripcionDir = dir === "asc" ? "ascendente" : dir === "desc" ? "descendente" : "sin ordenar";
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: onAlternar,
+      title: "Ordena solo la pagina visible (no todo el universo)",
+      "aria-label": `Ordenar por ${etiqueta} en esta pagina (orden actual: ${descripcionDir})`,
+      className: `inline-flex items-center gap-1 truncate font-medium transition hover:text-[var(--tema-primario)] ${activa ? "text-[var(--tema-primario)]" : ""}`,
+      children: [
+        contenido,
+        /* @__PURE__ */ jsx(Flecha, { size: 12, "aria-hidden": "true", className: activa ? "" : "opacity-40" })
+      ]
+    }
+  );
+}
+function ResizerColumna({
+  anchoActual,
+  onFinRedimension
 }) {
+  function onMouseDown(e) {
+    e.preventDefault();
+    e.stopPropagation();
+    const inicioX = e.clientX;
+    const inicioAncho = anchoActual;
+    let ultimoAncho = anchoActual;
+    function onMove(ev) {
+      ultimoAncho = Math.max(60, inicioAncho + (ev.clientX - inicioX));
+      onFinRedimension(ultimoAncho);
+    }
+    function onUp() {
+      onFinRedimension(ultimoAncho);
+      window.removeEventListener("mousemove", onMove);
+      window.removeEventListener("mouseup", onUp);
+      document.body.style.cursor = "";
+      document.body.style.userSelect = "";
+    }
+    document.body.style.cursor = "col-resize";
+    document.body.style.userSelect = "none";
+    window.addEventListener("mousemove", onMove);
+    window.addEventListener("mouseup", onUp);
+  }
   return /* @__PURE__ */ jsx(
-    ModalDialog,
+    "span",
     {
-      okButtonProps: { danger, ...okButtonProps },
-      ...rest,
-      children: children ?? (message ? /* @__PURE__ */ jsx("p", { children: message }) : null)
+      role: "separator",
+      "aria-label": "Redimensionar columna",
+      "aria-orientation": "vertical",
+      onMouseDown,
+      draggable: false,
+      onDragStart: (e) => e.preventDefault(),
+      className: "absolute right-0 top-0 z-10 h-full w-2 cursor-col-resize select-none border-r-2 border-transparent hover:border-[var(--tema-primario)]"
     }
   );
 }
+function EtiquetaCol({
+  icono: Icono,
+  texto,
+  info
+}) {
+  return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+    Icono && /* @__PURE__ */ jsx(Icono, { size: TAMANO_BADGE, "aria-hidden": "true" }),
+    texto,
+    info && /* @__PURE__ */ jsx(InfoExplicacion, { id: info })
+  ] });
+}
+function Campo({
+  id,
+  name,
+  etiqueta,
+  defaultValue,
+  tipo = "text",
+  icono: Icono
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsxs("label", { htmlFor: id, className: "inline-flex items-center gap-1 text-xs font-medium text-[#3c3c3b]", children: [
+      Icono ? /* @__PURE__ */ jsx(Icono, { size: TAMANO_BADGE, "aria-hidden": "true" }) : null,
+      etiqueta
+    ] }),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        id,
+        name,
+        type: tipo,
+        defaultValue,
+        className: "w-full rounded-md border border-[var(--tema-borde)] px-2 py-1.5 text-sm focus:border-[var(--tema-primario)] focus:outline-none"
+      }
+    )
+  ] });
+}
+function CampoSelect({
+  id,
+  name,
+  etiqueta,
+  defaultValue,
+  opciones,
+  icono: Icono
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsxs("label", { htmlFor: id, className: "inline-flex items-center gap-1 text-xs font-medium text-[#3c3c3b]", children: [
+      Icono ? /* @__PURE__ */ jsx(Icono, { size: TAMANO_BADGE, "aria-hidden": "true" }) : null,
+      etiqueta
+    ] }),
+    /* @__PURE__ */ jsx(
+      "select",
+      {
+        id,
+        name,
+        defaultValue,
+        className: "w-full rounded-md border border-[var(--tema-borde)] bg-[var(--tema-fondo)] px-2 py-1.5 text-sm focus:border-[var(--tema-primario)] focus:outline-none",
+        children: opciones.map((o) => /* @__PURE__ */ jsx("option", { value: o.valor, children: o.etiqueta }, o.valor))
+      }
+    )
+  ] });
+}
+function IconoConEtiqueta({ Icono, texto, info }) {
+  return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+    /* @__PURE__ */ jsx(Icono, { size: 16, "aria-hidden": "true" }),
+    texto,
+    info && /* @__PURE__ */ jsx(InfoExplicacion, { id: info })
+  ] });
+}
+function MetricaKpi({
+  etiqueta,
+  valor,
+  icono: Icono,
+  destacada = false,
+  sub,
+  progreso,
+  info
+}) {
+  const claseTarjeta = destacada ? "rounded-lg border-2 border-[var(--tema-primario)] bg-[var(--tema-badge-neutro)] px-4 py-3" : "rounded-lg border border-[var(--tema-borde)] px-4 py-3";
+  const claseEtiqueta = destacada ? "flex items-center gap-1 text-xs font-medium text-[var(--tema-primario)]" : "flex items-center gap-1 text-xs text-[#807f7f]";
+  const claseValor = destacada ? "mt-1 text-2xl font-bold text-[var(--tema-primario-oscuro)]" : "mt-1 text-lg font-semibold text-[var(--tema-primario-oscuro)]";
+  return /* @__PURE__ */ jsxs("div", { className: claseTarjeta, children: [
+    /* @__PURE__ */ jsxs("p", { className: claseEtiqueta, children: [
+      /* @__PURE__ */ jsx(Icono, { size: 12, "aria-hidden": "true" }),
+      etiqueta,
+      info && /* @__PURE__ */ jsx(InfoExplicacion, { id: info })
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: claseValor, children: valor }),
+    sub ? /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-[#807f7f]", children: sub }) : null,
+    progreso ? /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "progressbar",
+        "aria-label": progreso.etiqueta,
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-valuenow": progreso.porcentaje,
+        className: "mt-2 h-1.5 w-full overflow-hidden rounded-full bg-[var(--tema-borde)]",
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "h-full rounded-full bg-[var(--tema-primario)] transition-all",
+            style: { width: `${progreso.porcentaje}%` }
+          }
+        )
+      }
+    ) : null
+  ] });
+}
+function GrupoMetricas({ titulo, icono: Icono, children }) {
+  return /* @__PURE__ */ jsxs("section", { className: "mt-4", children: [
+    /* @__PURE__ */ jsxs("h3", { className: "flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wide text-[#807f7f]", children: [
+      /* @__PURE__ */ jsx(Icono, { size: 13, "aria-hidden": "true" }),
+      titulo
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "mt-2 grid grid-cols-2 gap-3 sm:grid-cols-4", children })
+  ] });
+}
+function RejillaMetricas({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-4", children });
+}
+function Rotulo({ texto, info }) {
+  return /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-1 text-xs font-medium text-[#565656]", children: [
+    /* @__PURE__ */ jsx("span", { children: texto }),
+    /* @__PURE__ */ jsx(InfoExplicacion, { id: info })
+  ] });
+}
+function AccionesFila({
+  etiqueta = "M\xE1s acciones",
+  children
+}) {
+  const acciones = Children.toArray(children).filter(
+    (c) => isValidElement(c) || typeof c === "string" && c.trim() !== ""
+  );
+  const [abierto, setAbierto] = useState(false);
+  const [pos, setPos] = useState({
+    top: 0,
+    right: 0
+  });
+  const boton = useRef(null);
+  const menu = useRef(null);
+  useEffect(() => {
+    if (!abierto) return;
+    const tecla = (e) => {
+      if (e.key === "Escape") {
+        setAbierto(false);
+        boton.current?.focus();
+      }
+    };
+    const fuera = (e) => {
+      const t = e.target;
+      if (!menu.current?.contains(t) && !boton.current?.contains(t))
+        setAbierto(false);
+    };
+    const desplazar = (e) => {
+      if (menu.current?.contains(e.target) || hayDialogo()) return;
+      setAbierto(false);
+    };
+    document.addEventListener("keydown", tecla);
+    document.addEventListener("mousedown", fuera);
+    window.addEventListener("scroll", desplazar, true);
+    return () => {
+      document.removeEventListener("keydown", tecla);
+      document.removeEventListener("mousedown", fuera);
+      window.removeEventListener("scroll", desplazar, true);
+    };
+  }, [abierto]);
+  function hayDialogo() {
+    return Boolean(menu.current?.querySelector('[aria-modal="true"]'));
+  }
+  if (acciones.length <= 2) {
+    return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end gap-1 whitespace-nowrap", children: acciones });
+  }
+  function alternar() {
+    const r = boton.current?.getBoundingClientRect();
+    if (r)
+      setPos({
+        top: r.bottom + 4,
+        right: Math.max(8, window.innerWidth - r.right)
+      });
+    setAbierto((v) => !v);
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex justify-end", children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref: boton,
+        type: "button",
+        onClick: alternar,
+        "aria-label": etiqueta,
+        title: etiqueta,
+        "aria-haspopup": "menu",
+        "aria-expanded": abierto,
+        className: "inline-flex items-center rounded-md border border-[var(--tema-borde)] p-1 text-[#565656] transition hover:bg-[var(--tema-badge-neutro)] hover:text-[var(--tema-primario)]",
+        children: /* @__PURE__ */ jsx(ICONO_ACCIONES_FILA, { size: TAMANO_BADGE, "aria-hidden": "true" })
+      }
+    ),
+    abierto && createPortal(
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: menu,
+          role: "menu",
+          "aria-label": etiqueta,
+          style: { top: pos.top, right: pos.right },
+          onClickCapture: () => setTimeout(() => {
+            if (!hayDialogo()) setAbierto(false);
+          }, 0),
+          className: "fixed z-50 flex min-w-40 flex-col items-stretch gap-1 rounded-md border border-[var(--tema-borde)] bg-[var(--tema-fondo)] p-1.5 text-left shadow-lg [&>*]:justify-start",
+          children: acciones
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+function BotonAccionFila({
+  icono: Icono,
+  etiqueta,
+  ariaLabel,
+  onClick,
+  disabled = false,
+  info
+}) {
+  return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+    /* @__PURE__ */ jsxs("button", { type: "button", onClick, disabled, "aria-label": ariaLabel, className: CLASE_ACCION_FILA, children: [
+      /* @__PURE__ */ jsx(Icono, { size: 12, "aria-hidden": "true" }),
+      etiqueta
+    ] }),
+    info && /* @__PURE__ */ jsx(InfoExplicacion, { id: info })
+  ] });
+}
 
-export { AmsConfigProvider, Button, Card, ConfirmModal, DataTable, DownloadButton, FileUploadDragger, FilterSelect, ModalDialog, PageHeader, Pagination, Tag, ThemeToggle, amsTheme, amsThemeDark, applyThemeModeToDOM, buildTheme, getInitialThemeMode, primitives, radius, semantic, sizing, typography, useAmsMessage, useAmsNotification, useControllableState, useThemeMode };
+export { AccionConDialogo, AccionesFila, Aviso, AvisoAccionEstado, BarraListado, BarraProgreso, BotonAccionAviso, BotonAccionFila, CLASE_ACCION_FILA, CLASE_AYUDA_CAMPO, CLASE_BOTON_CONTORNO, CLASE_BOTON_ICONO, CLASE_BOTON_PELIGRO, CLASE_BOTON_PEQUENO, CLASE_BOTON_PRIMARIO, CLASE_BOTON_PRIMARIO_COMPACTO, CLASE_BOTON_SECUNDARIO, CLASE_CAMPO, CLASE_CAMPO_COMPACTO, CLASE_ERROR_CAMPO, CLASE_ETIQUETA_CAMPO, CLASE_EXITO_CAMPO, CLASE_REGION_LISTADO, CLASE_TARJETA, CLASE_TEXTO_ATENUADO, CLASE_TITULO_PAGINA, CLASE_TITULO_SECCION, Campo, CampoSelect, CascaronApp, CeldaIdentidad, ETIQUETAS_SEMAFORO, EXPLICACIONES, EncabezadoOrdenUrl, EnlaceNav, EstadoVacio, EstadoVacioFila, EtiquetaCol, FechaHoraLocal, GrupoMetricas, ICONOS_ESTATUS, ICONOS_SEMAFORO, ICONO_ACCIONES_FILA, ICONO_ALTA, ICONO_API_KEY, ICONO_ARRASTRAR_COLUMNA, ICONO_AVISO, ICONO_BAJA, ICONO_BUSCAR, ICONO_CAMPANA, ICONO_CARGANDO, ICONO_CERRAR, ICONO_CERRAR_SESION, ICONO_COLUMNAS, ICONO_COLUMNA_OCULTA, ICONO_COLUMNA_VISIBLE, ICONO_COL_CODIGO, ICONO_COL_DOCUMENTO, ICONO_COL_ESTADO, ICONO_COL_ETIQUETA, ICONO_COL_FECHA, ICONO_COL_FECHA_HORA, ICONO_COL_MECANISMO, ICONO_COL_NOMBRE, ICONO_COL_TOTAL, ICONO_COL_USUARIO, ICONO_CONFIRMAR, ICONO_COPIAR, ICONO_DEFAULT, ICONO_DENSIDAD_COMODA, ICONO_DENSIDAD_COMPACTA, ICONO_DESCARGAR, ICONO_DESHABILITAR, ICONO_DURACION, ICONO_EDITAR, ICONO_EMAIL, ICONO_ERROR, ICONO_EXPORTAR, ICONO_EXPORTAR_CSV, ICONO_FILTRO, ICONO_GENERAR, ICONO_GUARDAR, ICONO_INACTIVAR, ICONO_INFO_EXPLICACION, ICONO_INICIAR_SESION, ICONO_INVITACION_GENERICA, ICONO_KPI_ALERTA, ICONO_KPI_BLOQUEO, ICONO_KPI_CONSUMO, ICONO_KPI_CONTEO, ICONO_KPI_CREDENCIALES, ICONO_KPI_RENDIMIENTO, ICONO_KPI_RITMO, ICONO_LIMPIAR, ICONO_LINK, ICONO_LOGIN_MICROSOFT, ICONO_NAV_ACCESOS, ICONO_NAV_ANALITICA, ICONO_NAV_API_KEYS, ICONO_NAV_BITACORA, ICONO_NAV_CLIENTE, ICONO_NAV_COLAPSAR, ICONO_NAV_CONFIGURACION, ICONO_NAV_DASHBOARD, ICONO_NAV_ENTIDADES, ICONO_NAV_ETIQUETAS, ICONO_NAV_EXPANDIR, ICONO_NAV_EXTRACCIONES, ICONO_NAV_INVITACIONES, ICONO_NAV_JOBS, ICONO_NAV_MANUAL, ICONO_NAV_MENU_MOVIL, ICONO_NAV_NOTIFICACIONES, ICONO_NAV_PAQUETES, ICONO_NAV_PLANES, ICONO_NAV_SALUD, ICONO_NAV_TEMA, ICONO_NAV_USUARIOS, ICONO_OK, ICONO_ORDENAR_ASC, ICONO_ORDENAR_DESC, ICONO_ORDENAR_NEUTRO, ICONO_PAGINA_ANTERIOR, ICONO_PAGINA_SIGUIENTE, ICONO_PERIODO, ICONO_REACTIVAR, ICONO_REACTIVAR_ETIQUETA, ICONO_REINTENTAR, ICONO_RESTABLECER, ICONO_REVOCAR_KEY, ICONO_ROTAR_KEY, ICONO_SEGURIDAD, ICONO_SELECCIONADO, ICONO_SILENCIAR, ICONO_UBICACION, ICONO_VER_TODOS, ICONO_VIGENCIA, ICONO_VISTA_TABLA, ICONO_VISTA_TARJETAS, ICONO_VOLVER, IconoConEtiqueta, InfoExplicacion, Insignia, LinkBase, LinkComponentProvider, ListadoNavProvider, MarcoTabla, Metrica, MetricaKpi, Migas, ModalPanel, NOMBRE_PRODUCTO_DEFAULT, NO_DISPONIBLE, NoDisponible, OverlayCargando, PaginaContenido, PaginaListado, PaginadorLocal, PaginadorUrl, PantallaAcceso, PantallaCargando, Pestanas, PopoverHover, RejillaMetricas, Rotulo, SeccionNav, SidebarColapsable, SpinnerMarca, SubNav, TAMANOS_LISTADO, TAMANO_BADGE, TAMANO_BOTON, TAMANO_LISTADO_DEFAULT, TEMA_DEFAULT, TablaConfigurable, TablaPlana, Tarjeta, ThInfo, UsuarioTablas, aplicarListado, calcularPosicionPopover, col, etiquetaSemaforo, explicacionDe, fija, formatearBytes, formatearFechaHora, formatearFechaHoraCDMX, formatearRangoFechaHora, formatoDias, formatoEntero, formatoFecha, formatoMes, formatoMxn, formatoNumero, formatoPct, hrefListado, iconoDeEstatus, iconoDeSemaforo, leerListado, normalizarTexto, useAccionAviso, useAccionConSpinner, useNavegarListado, usePaginacionLocal, useTablaPreferencias, variablesDeTema, verificarCatalogo };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map