@stackcraftmx/calcita 0.47.0 → 0.52.0

package/dist/types/ui/metrics/MetricCard.d.ts

@@ -4,22 +4,7 @@ export declare const TREND_DIRECTION: Readonly<{
     down: "down";
     flat: "flat";
 }>;
-/**
- * @param {object} props
- * @param {string} props.label texto ya traducido
- * @param {import('react').ReactNode} props.value ya formateado (formatNumber)
- * @param {import('react').ReactNode} [props.caption]
- * @param {'info'|'success'|'warning'|'error'} [props.tone]
- * @param {string} [props.valueColor] color del número si no debe ir del tono (p. ej. un total en texto normal)
- * @param {boolean} [props.isLoading]
- * @param {string} [props.to] ruta interna a la que lleva la tarjeta
- * @param {{label: string, direction: 'up'|'down'|'flat', isGood?: boolean}} [props.trend] cuánto cambió (TREND_DIRECTION)
- * @param {import('react').ReactNode} [props.icon] junto al título, del color del tono (<ShoppingBagOutlinedIcon />)
- * @param {import('react').ReactNode} [props.children] contenido propio debajo de la nota (una barra de avance, un desglose)
- * @param {() => void} [props.onClick] la tarjeta entera como botón, cuando no lleva a otra pantalla (to)
- * @param {object} [props.texts] los textos que cambian, con la forma de `metricCard`: {trend: {up: 'subió'}}
- */
-export default function MetricCard(props: {
+declare const MetricCard: (props: {
     label: string;
     value: import('react').ReactNode;
     caption?: import('react').ReactNode;
@@ -36,4 +21,8 @@ export default function MetricCard(props: {
     children?: import('react').ReactNode;
     onClick?: () => void;
     texts?: object;
-}): import("react").JSX.Element;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element;
+export default MetricCard;

package/dist/types/ui/metrics/TableToggle.d.ts

@@ -3,12 +3,12 @@ export declare const CHART_VIEW: Readonly<{
     chart: "chart";
     table: "table";
 }>;
-/**
- * @param {{asTable: boolean, onToggle: () => void, texts?: object}} props texts: los textos que cambian, con la forma de
- *     `common` ({charts: {viewAsTable, viewAsChart}})
- */
-export default function TableToggle(props: {
+declare const TableToggle: (props: {
     asTable: boolean;
     onToggle: () => void;
     texts?: object;
-}): import("react").JSX.Element;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element;
+export default TableToggle;

package/dist/types/ui/metrics/chartParts.d.ts

@@ -60,17 +60,7 @@ export declare function highestValueOf(data: Array<Record<string, any>>, series:
 }>, referenceLine: {
     value: number;
 } | undefined): number;
-/**
- * La vista de tabla: un renglón por periodo y una columna por serie.
- *
- * @param {object} props
- * @param {Array<Record<string, any>>} props.data
- * @param {Array<{key: string, label: string}>} props.series
- * @param {string} props.periodLabel
- * @param {(value: number) => string} props.formatValue
- * @param {number} props.height
- */
-export declare function ChartTable({ data, series, periodLabel, formatValue, height, ...unknownProps }: {
+export declare const ChartTable: (props: {
     data: Array<Record<string, any>>;
     series: Array<{
         key: string;
@@ -79,16 +69,11 @@ export declare function ChartTable({ data, series, periodLabel, formatValue, hei
     periodLabel: string;
     formatValue: (value: number) => string;
     height: number;
-}): import("react").JSX.Element;
-/**
- * La leyenda: solo con dos series o más. Cada una con su muestra (su color y, en líneas, su trazo).
- *
- * @param {object} props
- * @param {Array<{key: string, label: string, color: string, dash: string}>} props.series ya resueltas
- * @param {boolean} [props.showsDash] la muestra con el trazo de su línea (LineChart); sin él, un cuadro de color
- * @param {string} props.ariaLabel
- */
-export declare function ChartLegend({ series, showsDash, ariaLabel, ...unknownProps }: {
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element;
+export declare const ChartLegend: (props: {
     series: Array<{
         key: string;
         label: string;
@@ -97,16 +82,16 @@ export declare function ChartLegend({ series, showsDash, ariaLabel, ...unknownPr
     }>;
     showsDash?: boolean;
     ariaLabel: string;
-}): import("react").JSX.Element | null;
-/**
- * El rótulo de la línea de referencia (la meta), debajo de la gráfica: sobre la línea se encimaba con la última columna, y
- * así también lo lee quien ve la tabla.
- *
- * @param {{referenceLine?: {value: number, label: string}}} props
- */
-export declare function ReferenceCaption({ referenceLine, ...unknownProps }: {
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element | null;
+export declare const ReferenceCaption: (props: {
     referenceLine?: {
         value: number;
         label: string;
     };
-}): import("react").JSX.Element | null;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element | null;

package/dist/types/ui/navigation/BackButton.d.ts

@@ -1,13 +1,11 @@
-/**
- * @param {object} props
- * @param {string} props.fallbackTo ruta de la lista sin filtros (último respaldo)
- * @param {string} [props.listKey] la misma llave que usa useRememberListUrl en la lista
- * @param {string} [props.label] ya traducido; se usa cuando la página anterior no anotó su nombre o no hay historial
- * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
- */
-export default function BackButton({ fallbackTo, listKey, label, texts, ...buttonProps }: {
+declare const BackButton: (props: {
     fallbackTo: string;
     listKey?: string;
     label?: string;
     texts?: object;
-}): import("react").JSX.Element;
+    sx?: object;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element;
+export default BackButton;

package/dist/types/ui/navigation/ColorSchemeToggle.d.ts

@@ -1,13 +1,10 @@
-/**
- * @param {object} [props]
- * @param {'small'|'medium'} [props.size]
- * @param {boolean} [props.inverted] ícono blanco para fondos oscuros
- * @param {(mode: 'light'|'dark'|'system') => void} [props.onChange] la persona cambió el modo (para guardarlo en su servidor)
- * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
- */
-export default function ColorSchemeToggle(props?: {
+declare const ColorSchemeToggle: (props: {
     size?: 'small' | 'medium';
     inverted?: boolean;
     onChange?: (mode: 'light' | 'dark' | 'system') => void;
     texts?: object;
-}): import("react").JSX.Element;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element;
+export default ColorSchemeToggle;

package/dist/types/ui/navigation/FontSizeToggle.d.ts

@@ -1,11 +1,9 @@
-/**
- * @param {object} [props]
- * @param {'small'|'medium'} [props.size]
- * @param {(level: string) => void} [props.onChange] la persona eligió otro tamaño (FONT_SIZE_LEVELS; para guardarlo en su servidor)
- * @param {object} [props.texts] los textos que cambian, con la forma de `layout` en los textos del paquete
- */
-export default function FontSizeToggle(props?: {
+declare const FontSizeToggle: (props: {
     size?: 'small' | 'medium';
     onChange?: (level: string) => void;
     texts?: object;
-}): import("react").JSX.Element;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element;
+export default FontSizeToggle;

package/dist/types/ui/navigation/LanguageToggle.d.ts

@@ -1,13 +1,11 @@
 /** Los idiomas que traen los textos del paquete. */
 export declare const LANGUAGES: readonly ("en" | "es")[];
-/**
- * @param {object} [props]
- * @param {boolean} [props.inverted] texto blanco para fondos oscuros
- * @param {(language: string) => void} [props.onChange] además de avisar a ToolkitProvider, cada que se elige un idioma
- * @param {object} [props.texts] los textos que cambian, con la forma de `common`: {language: {switchToNamed, choose}}
- */
-export default function LanguageToggle(props?: {
+declare const LanguageToggle: (props: {
     inverted?: boolean;
     onChange?: (language: string) => void;
     texts?: object;
-}): import("react").JSX.Element;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element;
+export default LanguageToggle;

package/dist/types/ui/navigation/PageBreadcrumbs.d.ts

@@ -1,12 +1,11 @@
-/**
- * @param {object} props
- * @param {Array<{label: string, to?: string}>} props.items textos ya traducidos
- * @param {object} [props.texts] los textos que cambian, con la forma de `layout` en los textos del paquete
- */
-export default function PageBreadcrumbs(props: {
+declare const PageBreadcrumbs: (props: {
     items: Array<{
         label: string;
         to?: string;
     }>;
     texts?: object;
-}): import("react").JSX.Element | null;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element | null;
+export default PageBreadcrumbs;

package/dist/types/ui/navigation/RouteTabs.d.ts

@@ -14,17 +14,7 @@ export declare function useActiveRouteTab(tabs: object[], { mode, paramName }?:
     mode?: string;
     paramName?: string;
 }): string | null;
-/**
- * @param {object} props
- * @param {Array<{to?: string, value?: string, label: import('react').ReactNode, icon?: import('react').ReactElement, badge?: import('react').ReactNode, access?: object, exact?: boolean, disabled?: boolean, hidden?: boolean}>} props.tabs
- *     to (por ruta) o value (por consulta); label ya traducido; badge: un conteo o un texto corto junto a la etiqueta
- * @param {string} props.ariaLabel ya traducido: de qué son estas pestañas (para el lector de pantalla)
- * @param {'path'|'query'} [props.mode] ROUTE_TABS_MODE
- * @param {string} [props.paramName] con mode query: el nombre en la consulta (por omisión 'tab')
- * @param {(tab: object) => void} [props.onChange] avisa la pestaña que se eligió (la navegación ya la hace la liga)
- * @param {object} [props.sx]
- */
-export default function RouteTabs(props: {
+declare const RouteTabs: (props: {
     tabs: Array<{
         to?: string;
         value?: string;
@@ -39,6 +29,11 @@ export default function RouteTabs(props: {
     ariaLabel: string;
     mode?: 'path' | 'query';
     paramName?: string;
+    replace?: boolean;
     onChange?: (tab: object) => void;
     sx?: object;
-}): import("react").JSX.Element;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element;
+export default RouteTabs;

package/dist/types/ui/timeline/GroupedTimeline.d.ts

@@ -1,25 +1,4 @@
-/**
- * @param {object} props
- * @param {Object[]} props.groups
- * @param {string} props.groups[].key
- * @param {string} [props.groups[].title] texto ya traducido; sin título el grupo no pinta encabezado
- * @param {string} [props.groups[].badge] insignia junto al título (p. ej. «Intento actual»)
- * @param {string} [props.groups[].summary] lo que se lee junto al título del grupo plegado (p. ej. «6 eventos»)
- * @param {boolean} [props.groups[].isCollapsible] el título se vuelve un botón que abre y cierra el grupo (necesita
- *     title)
- * @param {boolean} [props.groups[].defaultExpanded] si un grupo plegable arranca abierto (por omisión, sí)
- * @param {'highlighted'|'normal'|'muted'} [props.groups[].emphasis]
- * @param {Object[]} props.groups[].items
- * @param {string} props.groups[].items[].key
- * @param {import('react').ElementType} [props.groups[].items[].icon] ícono dentro del punto
- * @param {string} [props.groups[].items[].tone] success, warning, error, info, primary o grey
- * @param {import('react').ReactNode} props.groups[].items[].title
- * @param {string} [props.groups[].items[].timestamp] fecha y hora ya formateadas
- * @param {import('react').ReactNode} [props.groups[].items[].details] lo que va abajo del título (chip de resultado, una liga...)
- * @param {(groupKey: string, isExpanded: boolean) => void} [props.onGroupToggle] la persona abrió o plegó un grupo (por ejemplo,
- *     para pedir sus eventos hasta que se abre)
- */
-export default function GroupedTimeline(props: {
+declare const GroupedTimeline: (props: {
     groups: {
         key: string;
         title?: string;
@@ -38,4 +17,8 @@ export default function GroupedTimeline(props: {
         }[];
     }[];
     onGroupToggle?: (groupKey: string, isExpanded: boolean) => void;
-}): import("react").JSX.Element;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element;
+export default GroupedTimeline;

package/dist/types/upload/AttachmentsInput.d.ts

@@ -25,9 +25,13 @@
  *     plantilla» junto a «Adjuntar»
  * @param {import('react').ReactNode} [props.actions] botones suyos junto a «Adjuntar»
  * @param {object} [props.sx]
+ * @param {Record<string, string|object>} [props.messages] el texto del error de este campo, por regla de validación
+ *     ({required: 'Escriba el RFC', matches: 'El RFC lleva 12 o 13 caracteres'}): gana al de Calcita y al de los textos
  * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
+ * @param {Record<string, import('react').ElementType>} [props.slots] otro componente en lugar de una parte (root, actions, list…)
+ * @param {Record<string, object>} [props.slotProps] props de más para una parte
  */
-export default function AttachmentsInput<T extends File | {
+declare function AttachmentsInputContent<T extends File | {
     id?: string;
     name: string;
     size?: number;
@@ -58,5 +62,11 @@ export default function AttachmentsInput<T extends File | {
     template?: Parameters<typeof import('./TemplateDownloadButton.js').default>[0];
     actions?: import('react').ReactNode;
     sx?: object;
+    messages?: Record<string, string | object>;
     texts?: object;
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object>;
 }): import("react").JSX.Element;
+/** @type {typeof AttachmentsInputContent} */
+declare const AttachmentsInput: typeof AttachmentsInputContent;
+export default AttachmentsInput;

package/dist/types/upload/FileDropzone.d.ts

@@ -1,23 +1,4 @@
-/**
- * @param {object} props
- * @param {File|null} [props.value] el archivo elegido
- * @param {(file: File|null) => void} props.onChange null al quitarlo
- * @param {string|string[]} [props.accept] 'excel' | ['excel', 'pdf'] | '.xlsx,.xls' | 'image/*'
- * @param {number|string} [props.maxSize] bytes o '10 MB'
- * @param {string} [props.hint] ya traducido; por omisión «Arrastre aquí su archivo»
- * @param {string} [props.buttonLabel] ya traducido; por omisión «Elegir archivo»
- * @param {boolean} [props.disabled]
- * @param {boolean} [props.busy] candado mientras se sube: no se puede soltar, elegir ni quitar
- * @param {boolean|{title?: string, text?: string}} [props.busyModal] además bloquea la pantalla mientras busy
- * @param {(file: File, reason: string) => void} [props.onReject] reason es uno de FILE_REJECTION; sin él, un aviso
- * @param {Parameters<typeof import('./TemplateDownloadButton.js').default>[0]} [props.template] «Descargar la
- *     plantilla» junto a «Elegir archivo»: {href} de un archivo fijo o {request} al API
- * @param {import('react').ReactNode} [props.actions]
- * @param {import('react').ReactNode} [props.children]
- * @param {object} [props.sx] ajustes del recuadro
- * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
- */
-export default function FileDropzone(props: {
+declare const FileDropzone: (props: {
     value?: File | null;
     onChange: (file: File | null) => void;
     accept?: string | string[];
@@ -36,4 +17,8 @@ export default function FileDropzone(props: {
     children?: import('react').ReactNode;
     sx?: object;
     texts?: object;
-}): import("react").JSX.Element;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element;
+export default FileDropzone;

package/dist/types/upload/FileInput.d.ts

@@ -1,26 +1,4 @@
-/**
- * @param {object} props
- * @param {string} [props.name]
- * @param {import('react').ReactNode} [props.label] ya traducida
- * @param {File|{name: string, size?: number}|null} [props.value] el archivo nuevo o el que ya está guardado
- * @param {(file: File|null) => void} props.onChange null al quitarlo
- * @param {() => void} [props.onBlur] se llama al elegir o quitar (para que el formulario lo marque como tocado)
- * @param {string|string[]} [props.accept] 'excel' | ['pdf', 'image'] | '.xlsx,.xls' | 'image/*'
- * @param {number|string} [props.maxSize] bytes o '10 MB'
- * @param {string|{key: string, values?: object}} [props.error]
- * @param {string} [props.helperText] ya traducida
- * @param {string} [props.buttonLabel] ya traducido; por omisión «Elegir archivo»
- * @param {string} [props.emptyText] ya traducido; por omisión «Ningún archivo elegido»
- * @param {boolean} [props.disabled]
- * @param {boolean} [props.busy] candado mientras se sube: no se puede elegir, soltar ni quitar
- * @param {(file: File, reason: string) => void} [props.onReject] reason es uno de FILE_REJECTION; sin él, un aviso
- * @param {Parameters<typeof import('./TemplateDownloadButton.js').default>[0]} [props.template] «Descargar la
- *     plantilla» junto al botón
- * @param {import('react').ReactNode} [props.actions] botones suyos en el mismo renglón
- * @param {object} [props.sx] ajustes del renglón
- * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
- */
-export default function FileInput(props: {
+declare const FileInput: (props: {
     name?: string;
     label?: import('react').ReactNode;
     value?: File | {
@@ -44,5 +22,10 @@ export default function FileInput(props: {
     template?: Parameters<typeof import('./TemplateDownloadButton.js').default>[0];
     actions?: import('react').ReactNode;
     sx?: object;
+    messages?: Record<string, string | object>;
     texts?: object;
-}): import("react").JSX.Element;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element;
+export default FileInput;

package/dist/types/upload/FileUploadInput.d.ts

@@ -6,36 +6,7 @@ export declare const FILE_UPLOAD_STATUS: Readonly<{
     uploaded: "uploaded";
     failed: "failed";
 }>;
-/**
- * @param {object} props
- * @param {string} [props.name]
- * @param {import('react').ReactNode} [props.label] ya traducida: el nombre del documento; sin ella, el renglón va solo
- * @param {string|null} [props.value] lo que el servidor dio para reconocer el archivo subido ('' o null = ninguno)
- * @param {(value: string) => void} props.onChange recibe el id al terminar de subir, '' al quitarlo o mientras sube otro
- * @param {() => void} [props.onBlur] se llama al elegir o quitar (para que el formulario lo marque como tocado)
- * @param {(file: File, options: {signal: AbortSignal, idempotencyKey: string, onUploadProgress: (transfer: {loaded: number, total: number, rate?: number, estimated?: number}) => void}) => Promise<any>} props.upload
- *     sube el archivo (con uploadWithProgress, axios o el cliente del proyecto) y regresa lo que conteste el servidor
- * @param {(result: any) => string} [props.idOf] de la respuesta, lo que se guarda en el formulario; por omisión result.id
- * @param {{name: string, size?: number}|null} [props.uploadedFile] el que ya estaba subido, para enseñar su nombre al editar
- * @param {(value: string, transferOptions: object) => Promise<{blob: Blob, fileName: string}>} [props.download] baja el
- *     que ya subió (pasa por el panel de descargas); sin él no sale el ícono
- * @param {string|string[]} [props.accept] 'pdf' | ['pdf', 'image'] | '.xlsx,.xls' | 'image/*'
- * @param {number|string} [props.maxSize] bytes o '10 MB'
- * @param {string} [props.limitsText] ya traducido: qué acepta, en palabras («PDF o foto, hasta 5 MB»); sale al pasar sobre
- *     el botón. Por omisión solo el peso máximo
- * @param {string|{key: string, values?: object}} [props.error]
- * @param {string} [props.helperText] ya traducida
- * @param {boolean} [props.disabled]
- * @param {import('react').ReactNode} [props.actions] lo del negocio junto al estado (Aprobado, Falta información)
- * @param {(result: any) => void} [props.onUploaded] terminó de subir (p. ej. para enseñar el folio de la respuesta)
- * @param {(error: unknown) => void} [props.onUploadFailed] no se pudo subir (el motivo ya sale abajo)
- * @param {() => void} [props.onCancel] la persona canceló a media subida
- * @param {() => void} [props.onRemove] la persona quitó el archivo
- * @param {(status: string) => void} [props.onStatusChange] uno de FILE_UPLOAD_STATUS, cada vez que cambia
- * @param {object} [props.sx] ajustes del renglón
- * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
- */
-export default function FileUploadInput(props: {
+declare const FileUploadInput: (props: {
     name?: string;
     label?: import('react').ReactNode;
     value?: string | null;
@@ -76,5 +47,10 @@ export default function FileUploadInput(props: {
     onRemove?: () => void;
     onStatusChange?: (status: string) => void;
     sx?: object;
+    messages?: Record<string, string | object>;
     texts?: object;
-}): import("react").JSX.Element;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element;
+export default FileUploadInput;

package/dist/types/upload/ImageInput.d.ts

@@ -3,30 +3,7 @@ export declare const IMAGE_SHAPE: Readonly<{
     circle: "circle";
     rounded: "rounded";
 }>;
-/**
- * @param {object} props
- * @param {string} [props.name]
- * @param {import('react').ReactNode} [props.label] ya traducida
- * @param {File|string|null} [props.value] la imagen nueva, la dirección de la que ya está guardada o null
- * @param {(file: File|null) => void} props.onChange null al quitarla
- * @param {() => void} [props.onBlur] se llama al elegir o quitar (para que el formulario lo marque como tocado)
- * @param {'circle'|'rounded'} [props.shape] IMAGE_SHAPE; por omisión, círculo
- * @param {number} [props.size] el lado de la vista previa en px; por omisión 96
- * @param {string} [props.alt] ya traducido: qué se ve en la imagen (por omisión, la etiqueta)
- * @param {import('react').ReactNode} [props.placeholder] lo que se ve sin imagen; por omisión, un ícono
- * @param {string|string[]} [props.accept] por omisión, cualquier imagen
- * @param {number|string} [props.maxSize] bytes o '2 MB'
- * @param {string|{key: string, values?: object}} [props.error]
- * @param {string} [props.helperText] ya traducida (p. ej. «JPG o PNG, cuadrada, hasta 2 MB»)
- * @param {string} [props.chooseLabel] ya traducido; por omisión «Elegir imagen» (o «Cambiar la imagen» si ya hay una)
- * @param {string} [props.removeLabel] ya traducido; por omisión «Quitar la imagen»
- * @param {boolean} [props.disabled]
- * @param {boolean} [props.busy] candado mientras se sube
- * @param {(file: File, reason: string) => void} [props.onReject] reason es uno de FILE_REJECTION; sin él, un aviso
- * @param {object} [props.sx]
- * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
- */
-export default function ImageInput(props: {
+declare const ImageInput: (props: {
     name?: string;
     label?: import('react').ReactNode;
     value?: File | string | null;
@@ -49,5 +26,10 @@ export default function ImageInput(props: {
     busy?: boolean;
     onReject?: (file: File, reason: string) => void;
     sx?: object;
+    messages?: Record<string, string | object>;
     texts?: object;
-}): import("react").JSX.Element;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element;
+export default ImageInput;

package/dist/types/upload/TemplateDownloadButton.d.ts

@@ -1,20 +1,4 @@
-/**
- * @param {object} props
- * @param {string} [props.href] un archivo fijo; se baja con un enlace
- * @param {string} [props.fileName] con href: con qué nombre se guarda (por omisión, el del archivo)
- * @param {(transferOptions: {signal: AbortSignal, onDownloadProgress: (progress: {loaded: number, total?: number|null}) => void}) => Promise<{blob: Blob, fileName: string}>} [props.request]
- *     lo pide al API y va al panel de descargas (startDownload)
- * @param {string} [props.format] con request: el tipo de archivo, para su ícono en el panel (xlsx, csv…)
- * @param {string} [props.label] ya traducido; por omisión «Descargar la plantilla»
- * @param {() => void} [props.onDownload] al empezar la descarga (para medir cuántos la bajan, por ejemplo)
- * @param {'text'|'outlined'|'contained'} [props.variant]
- * @param {'small'|'medium'|'large'} [props.size]
- * @param {boolean} [props.disabled]
- * @param {import('react').ReactNode} [props.startIcon] por omisión, la flecha de descarga
- * @param {object} [props.sx]
- * @param {object} [props.texts] los textos que cambian, con la forma de `common`
- */
-export default function TemplateDownloadButton(props: {
+declare const TemplateDownloadButton: (props: {
     href?: string;
     fileName?: string;
     request?: (transferOptions: {
@@ -36,4 +20,8 @@ export default function TemplateDownloadButton(props: {
     startIcon?: import('react').ReactNode;
     sx?: object;
     texts?: object;
-}): import("react").JSX.Element;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element;
+export default TemplateDownloadButton;

package/dist/ui/actions/ActionsMenu.js

@@ -12,7 +12,8 @@ import Tooltip from "@mui/material/Tooltip";
 import ChevronLeftRoundedIcon from "@mui/icons-material/ChevronLeftRounded";
 import ChevronRightRoundedIcon from "@mui/icons-material/ChevronRightRounded";
 import MoreHorizRoundedIcon from "@mui/icons-material/MoreHorizRounded";
-import { piecePart, usePieceProps } from "../../theme/themePieces.js";
+import { piecePart, withPieceSlots, usePieceProps } from "../../theme/themePieces.js";
+import { useToolkitNavigation } from "../../toolkit/toolkitContext.js";
 import { useToolkitTranslation } from "../../toolkit/useToolkitTranslation.js";
 import { warnUnknownProps } from "../../toolkit/unknownProps.js";
 const ACTIONS_MENU_ROW = Object.freeze({ section: "section", divider: "divider" });
@@ -32,10 +33,11 @@ function levelOf(actions, path) {
   }
   return { items, parents };
 }
-function ActionsMenu(props) {
+function ActionsMenuContent(props) {
   const { label, actions, icon, size = "small", texts, ...unknownProps } = usePieceProps(props, THEME_NAME);
   warnUnknownProps(THEME_NAME, unknownProps);
   const { t } = useToolkitTranslation("common", texts);
+  const { Link } = useToolkitNavigation();
   const [anchor, setAnchor] = useState(null);
   const [path, setPath] = useState([]);
   const listRef = useRef(null);
@@ -99,11 +101,17 @@ function ActionsMenu(props) {
               return /* @__PURE__ */ jsx("li", { children: item.render({ close }) }, item.key);
             }
             const hasChildren = Boolean(item.children?.length);
+            let destinationProps = {};
+            if (item.to) {
+              destinationProps = { component: Link, to: item.to, ...item.replace && { replace: true } };
+            } else if (item.href) {
+              destinationProps = { component: "a", href: item.href, download: item.download };
+            }
             return /* @__PURE__ */ jsxs(
               ActionsItem,
               {
                 disabled: item.disabled,
-                ...item.href && { component: "a", href: item.href, download: item.download },
+                ...destinationProps,
                 "aria-haspopup": hasChildren ? "menu" : void 0,
                 onKeyDown: (event) => {
                   if (hasChildren && event.key === "ArrowRight") {
@@ -111,13 +119,13 @@ function ActionsMenu(props) {
                     setPath((current) => [...current, item.key]);
                   }
                 },
-                onClick: () => {
+                onClick: (event) => {
                   if (hasChildren) {
                     setPath((current) => [...current, item.key]);
                     return;
                   }
                   close();
-                  item.onClick?.();
+                  item.onClick?.(event);
                 },
                 ownSx: item.color ? { color: `${item.color}.main` } : void 0,
                 children: [
@@ -134,6 +142,7 @@ function ActionsMenu(props) {
     )
   ] });
 }
+const ActionsMenu = withPieceSlots(ActionsMenuContent, THEME_NAME);
 export {
   ACTIONS_MENU_ROW,
   ActionsMenu as default