@stackcraftmx/calcita 0.47.0 → 0.51.0

package/dist/types/toolkit/toolkitSettings.d.ts

@@ -33,7 +33,7 @@ export declare function browserTimeZone(): string;
  * Cambia la configuración que leen las funciones del paquete. La llama ToolkitProvider; un proyecto sin React (o una
  * prueba) la puede llamar directo.
  *
- * @param {{language?: string, texts?: object, translate?: Function|null, timeZone?: string, currency?: string, hourCycle?: 'h23'|'h12', appName?: string, buildId?: string, languages?: Array<{code: string, label: string, locale?: string}>}} settings
+ * @param {{language?: string, texts?: object, translate?: Function|null, timeZone?: string, currency?: string, hourCycle?: 'h23'|'h12', appName?: string, buildId?: string, languages?: Array<{code: string, label: string, locale?: string}>, onMissingText?: Function|null}} settings
  * @returns {void}
  */
 export declare function configureToolkit(settings: {
@@ -50,6 +50,7 @@ export declare function configureToolkit(settings: {
         label: string;
         locale?: string;
     }>;
+    onMissingText?: Function | null;
 }): void;
 /**
  * La configuración vigente.
@@ -102,16 +103,18 @@ export declare function componentTextOf(layers: Array<{
 /**
  * El texto de una llave con una configuración dada (la del proveedor o la vigente).
  *
- * @param {{language: string, texts: object, translate: Function|null}} settings
+ * @param {{language: string, texts: object, translate: Function|null, onMissingText?: Function|null}} settings
  * @param {string} defaultNamespace el namespace cuando la llave no trae uno («table», «common», «problems»...)
  * @param {string} key «llave» o «namespace:llave»
- * @param {object} [values] las variables del texto y, para el plural, count
- * @returns {string} la llave misma si no hay texto, para que se note qué falta
+ * @param {object} [values] las variables del texto y, para el plural, count. Con `defaultValue` el texto es opcional: si no
+ *     existe se usa ese y no se avisa
+ * @returns {string} la llave misma si no hay texto, para que se note qué falta (y se avisa: reportMissingText)
  */
 export declare function translateWith(settings: {
     language: string;
     texts: object;
     translate: Function | null;
+    onMissingText?: Function | null;
 }, defaultNamespace: string, key: string, values?: object): string;
 /**
  * El texto de una llave con la configuración vigente, para lo que no es componente (avisos, errores del servidor).

package/dist/types/ui/actions/ActionsMenu.d.ts

@@ -3,15 +3,7 @@ export declare const ACTIONS_MENU_ROW: Readonly<{
     section: "section";
     divider: "divider";
 }>;
-/**
- * @param {object} props
- * @param {string} props.label el nombre del botón (lector de pantalla y su tooltip), ya traducido
- * @param {Array<{key: string, type?: string, label?: string, icon?: import('react').ReactNode, description?: string, color?: string, disabled?: boolean, onClick?: () => void, href?: string, download?: string|boolean, children?: object[], render?: (helpers: {close: () => void}) => import('react').ReactNode}>} [props.actions]
- * @param {import('react').ReactNode} [props.icon] otro ícono para el botón (por omisión «⋯»)
- * @param {'small'|'medium'} [props.size]
- * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
- */
-export default function ActionsMenu(props: {
+declare const ActionsMenu: (props: {
     label: string;
     actions?: Array<{
         key: string;
@@ -21,7 +13,9 @@ export default function ActionsMenu(props: {
         description?: string;
         color?: string;
         disabled?: boolean;
-        onClick?: () => void;
+        onClick?: (event: import('react').MouseEvent<HTMLElement>) => void;
+        to?: string;
+        replace?: boolean;
         href?: string;
         download?: string | boolean;
         children?: object[];
@@ -32,4 +26,8 @@ export default function ActionsMenu(props: {
     icon?: import('react').ReactNode;
     size?: 'small' | 'medium';
     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 ActionsMenu;

package/dist/types/ui/actions/CopyButton.d.ts

@@ -1,18 +1,12 @@
-/**
- * @param {object} props
- * @param {string|(() => string)} props.value lo que se copia; una función se llama al picar
- * @param {string} [props.label] ya traducido: qué copia («Copiar el folio»); por omisión «Copiar». Es el globo y el nombre
- *     del botón para un lector de pantalla
- * @param {'small'|'medium'} [props.size]
- * @param {() => void} [props.onCopied]
- * @param {(error: unknown) => void} [props.onCopyFailed] el navegador no dejó copiar (el botón ya lo dice en rojo)
- * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
- */
-export default function CopyButton({ value, label, size, onCopied, onCopyFailed, texts, ...unknownProps }: {
+declare const CopyButton: (props: {
     value: string | (() => string);
     label?: string;
     size?: 'small' | 'medium';
     onCopied?: () => void;
     onCopyFailed?: (error: unknown) => 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 CopyButton;

package/dist/types/ui/actions/DownloadMenu.d.ts

@@ -1,31 +1,4 @@
-/**
- * @param {object} props
- * @param {string[]} props.formats los tipos de archivo, en orden: los de la casa (xlsx, csv, pdf) y los que el proyecto declare
- *     en ToolkitProvider fileTypes (zip, xml…)
- * @param {(format: string, transferOptions: {signal: AbortSignal, onDownloadProgress: (progress: {loaded: number, total?: number|null}) => void}) => Promise<{blob: Blob, fileName: string}>} props.download
- * @param {string} [props.label] ya traducido; por defecto "Descargar"
- * @param {string} [props.downloadLabel] ya traducido; lo que se ve en el panel de descargas antes de saber el nombre
- *     del archivo
- * @param {boolean} [props.disabled]
- * @param {(format: string) => {title: string, description: import('react').ReactNode, confirmLabel?: string}} [props.confirmation]
- * @param {(format: string) => void} [props.onDownloaded] p. ej. volver a pedir la tabla (si la descarga cambia algo en
- *     el servidor)
- * @param {(format: string, error: unknown) => void} [props.onFailed] cuando la descarga no se pudo (el panel ya lo dice)
- * @param {(format: string) => void} [props.onCanceled] cuando la persona la canceló desde el panel
- * @param {'button'|'icon'} [props.variant] icon = solo el icono (columna de acciones de una tabla)
- * @param {string} [props.ariaLabel] ya traducido; obligatorio en la variante icon
- * @param {(format: string) => void} [props.onChooseFormat] quien llama se encarga de confirmar y descargar
- * @param {import('react').ElementType} [props.icon] ícono del botón; por defecto el de descarga. Distingue dos descargas en la
- *     misma fila
- *
- * IMPORTANTE: hay que pasar `confirmation` u `onChooseFormat`. Sin ninguno de los dos el menú no descarga nada (regla de
- * tablas: toda descarga pasa por confirmación).
- *
- * OJO onChooseFormat: dentro de una celda del DataGrid el diálogo de confirmación NO puede vivir en la celda (el grid
- * virtualiza y vuelve a pintar sus celdas; el diálogo se perdía al elegir el formato). Ahí el menú solo avisa qué formato
- * se eligió y la pantalla abre SU confirmación (useConfirmAction) fuera de la tabla.
- */
-export default function DownloadMenu(props: {
+declare const DownloadMenu: (props: {
     formats: string[];
     download: (format: string, transferOptions: {
         signal: AbortSignal;
@@ -52,4 +25,8 @@ export default function DownloadMenu(props: {
     ariaLabel?: string;
     onChooseFormat?: (format: string) => void;
     icon?: import('react').ElementType;
-}): import("react").JSX.Element;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element;
+export default DownloadMenu;

package/dist/types/ui/actions/SecretField.d.ts

@@ -1,17 +1,12 @@
-/**
- * @param {object} props
- * @param {string} props.value el secreto
- * @param {string} props.label ya traducido
- * @param {string} [props.helperText] p. ej. «Guárdela: no se vuelve a enseñar»
- * @param {() => void} [props.onCopied]
- * @param {(isRevealed: boolean) => void} [props.onRevealChange] se destapó o se tapó (para registrar quién vio el secreto)
- * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
- */
-export default function SecretField({ value, label, helperText, onCopied, onRevealChange, texts, ...unknownProps }: {
+declare const SecretField: (props: {
     value: string;
     label: string;
     helperText?: string;
     onCopied?: () => void;
     onRevealChange?: (isRevealed: boolean) => 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 SecretField;

package/dist/types/ui/actions/SelectionActions.d.ts

@@ -11,18 +11,7 @@ export declare const SELECTION_PHONE_LAYOUT: Readonly<{
  * @returns {boolean}
  */
 export declare function selectionFloatsOnPhone(theme: object): boolean;
-/**
- * @param {object} props
- * @param {string} props.countText «5 pedidos elegidos», ya traducido. La pieza se pinta mientras la pantalla la ponga: con
- *     nada elegido, no la ponga
- * @param {Array<{key: string, label: string, icon?: import('react').ReactNode, color?: 'inherit'|'primary'|'secondary'|'error'|'info'|'success'|'warning', disabled?: boolean, onClick: () => unknown}>} [props.actions]
- *     label ya traducido; en el teléfono se ve el ícono (sin él, el texto). onClick puede regresar una promesa
- * @param {() => void} props.onClear quitar la selección
- * @param {'top'|'split'} [props.phoneLayout] SELECTION_PHONE_LAYOUT; por omisión todo arriba
- * @param {object} [props.texts] los textos que cambian, con la forma de `common`: {selection: {clear, actionsLabel, summaryLabel}}
- * @param {object} [props.sx] estilos del renglón
- */
-export default function SelectionActions(props: {
+declare const SelectionActions: (props: {
     countText: string;
     actions?: Array<{
         key: string;
@@ -36,4 +25,8 @@ export default function SelectionActions(props: {
     phoneLayout?: 'top' | 'split';
     texts?: object;
     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 SelectionActions;

package/dist/types/ui/cards/RecordCard.d.ts

@@ -1,33 +1,4 @@
-/**
- * @param {object} props
- * @param {import('react').ReactNode} props.title el nombre del registro, ya traducido
- * @param {import('react').ReactNode} [props.eyebrow] arriba del título: el folio o el tipo
- * @param {import('react').ReactNode} [props.subtitle] abajo del título
- * @param {string|import('react').ReactNode} [props.avatar] un texto (de él salen las iniciales) o un ícono
- * @param {import('react').ReactNode} [props.status] a la derecha: StatusChip, IconBadge…
- * @param {Parameters<typeof import('../actions/ActionsMenu.js').default>[0]['actions']} [props.actions] el menú «⋯», con sus secciones,
- *     separadores, ligas y submenús (los renglones de ActionsMenu)
- * @param {Array<{key?: string, title?: import('react').ReactNode, facts?: Array<{label: import('react').ReactNode, value: import('react').ReactNode, emphasis?: boolean}>, content?: import('react').ReactNode}>} [props.groups]
- *     los datos, en grupos; emphasis los pone en negritas; content en lugar de facts para un grupo libre (una barra, unas
- *     insignias, un enlace)
- * @param {import('react').ReactNode} [props.header] un encabezado propio en lugar del de la casa (avatar, títulos, estatus)
- * @param {import('react').ReactNode} [props.children] contenido libre entre el cuerpo y lo de abajo
- * @param {{label: import('react').ReactNode, value: import('react').ReactNode, caption?: import('react').ReactNode}} [props.highlight] el dato principal
- * @param {import('react').ReactNode} [props.trailing] la última columna del cuerpo, después de los grupos y del dato principal
- *     (el estatus o unos botones, cuando el orden obligatorio los pone al final)
- * @param {string} [props.columns] en escritorio, el ancho de cada columna del cuerpo como en CSS ('1.2fr 1fr 1fr auto'); por
- *     omisión, los grupos a partes iguales y el dato principal y trailing a su medida
- * @param {import('react').ReactNode} [props.footer] abajo, a todo lo ancho
- * @param {import('react').ReactNode} [props.details] lo que se despliega con «Ver detalle»
- * @param {string} [props.detailsLabel] ya traducido; por omisión «Ver detalle»
- * @param {boolean} [props.defaultDetailsOpen]
- * @param {(isOpen: boolean) => void} [props.onDetailsToggle]
- * @param {() => void} [props.onOpen] el botón para abrir el registro (su detalle)
- * @param {string} [props.openLabel] ya traducido: el nombre de ese botón («Abrir el pedido P-1203»)
- * @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 RecordCard(props: {
+declare const RecordCard: (props: {
     title: import('react').ReactNode;
     eyebrow?: import('react').ReactNode;
     subtitle?: import('react').ReactNode;
@@ -62,4 +33,8 @@ export default function RecordCard(props: {
     openLabel?: string;
     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 RecordCard;

package/dist/types/ui/cards/RecordCardSkeleton.d.ts

@@ -1,17 +1,12 @@
-/**
- * @param {object} props
- * @param {number} [props.groups] cuántos grupos de datos (como los de la tarjeta)
- * @param {number} [props.factsPerGroup]
- * @param {boolean} [props.withAvatar]
- * @param {boolean} [props.withHighlight]
- * @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 RecordCardSkeleton({ groups, factsPerGroup, withAvatar, withHighlight, sx, texts, ...unknownProps }: {
+declare const RecordCardSkeleton: (props: {
     groups?: number;
     factsPerGroup?: number;
     withAvatar?: boolean;
     withHighlight?: boolean;
     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 RecordCardSkeleton;

package/dist/types/ui/countdown/Countdown.d.ts

@@ -1,17 +1,4 @@
-/**
- * @param {object} props
- * @param {string|number|Date} props.until el momento: un instante en texto, un Date o milisegundos
- * @param {string} [props.label] ya traducido: qué se cuenta («Tiempo para que cierren las inscripciones»), para un lector de pantalla
- * @param {() => void} [props.onComplete] al llegar a cero (una vez)
- * @param {import('react').ReactNode} [props.completedText] lo que dice al terminar; por omisión «Ya terminó»
- * @param {boolean} [props.showSeconds] por omisión, sí
- * @param {(parts: {days: number, hours: number, minutes: number, seconds: number, totalSeconds: number, isOver: boolean}) => import('react').ReactNode} [props.children]
- *     para pintarla a su manera
- * @param {import('@mui/material/Typography').TypographyProps['variant']} [props.variant] por omisión body1
- * @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 Countdown(props: {
+declare const Countdown: (props: {
     until: string | number | Date;
     label?: string;
     onComplete?: () => void;
@@ -28,4 +15,8 @@ export default function Countdown(props: {
     variant?: import('@mui/material/Typography').TypographyProps['variant'];
     sx?: object;
     texts?: object;
-}): string | number | bigint | boolean | import("react").JSX.Element | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | Iterable<import("react").ReactNode> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | null | undefined> | null | undefined;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => string | number | bigint | boolean | import("react").JSX.Element | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | Iterable<import("react").ReactNode> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | null | undefined> | null | undefined;
+export default Countdown;

package/dist/types/ui/documents/PdfViewerDialog.d.ts

@@ -1,15 +1,4 @@
-/**
- * @param {object} props
- * @param {boolean} props.open
- * @param {() => void} props.onClose
- * @param {string} props.title ya traducido: qué documento es
- * @param {string|Blob|null} props.src la dirección del PDF o el archivo (Blob o File)
- * @param {string} [props.fileName] con qué nombre se descarga (por omisión, el título con .pdf)
- * @param {import('react').ReactNode} [props.actions] botones suyos junto a «Abrir en otra pestaña» y «Descargar»
- * @param {() => void} [props.onDownload] al descargar (para registrarlo, por ejemplo)
- * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
- */
-export default function PdfViewerDialog(props: {
+declare const PdfViewerDialog: (props: {
     open: boolean;
     onClose: () => void;
     title: string;
@@ -18,4 +7,8 @@ export default function PdfViewerDialog(props: {
     actions?: import('react').ReactNode;
     onDownload?: () => 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 PdfViewerDialog;

package/dist/types/ui/filters/DateRangeFilter.d.ts

@@ -1,12 +1,4 @@
-/**
- * @param {object} props
- * @param {string} [props.from] AAAA-MM-DD o '' si no hay
- * @param {string} [props.to] AAAA-MM-DD o '' si no hay
- * @param {(range: {from: string, to: string}) => void} props.onChange '' para quitar
- * @param {string} [props.label] ya traducido; por defecto "Personalizado"
- * @param {object} [props.texts] los textos que cambian, con la forma de `table` en los textos del paquete
- */
-export default function DateRangeFilter(props: {
+declare const DateRangeFilter: (props: {
     from?: string;
     to?: string;
     onChange: (range: {
@@ -15,4 +7,8 @@ export default function DateRangeFilter(props: {
     }) => void;
     label?: string;
     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 DateRangeFilter;

package/dist/types/ui/filters/FilterDrawer.d.ts

@@ -3,22 +3,7 @@ export declare const FILTER_DRAWER_ANCHOR: Readonly<{
     left: "left";
     right: "right";
 }>;
-/**
- * @param {object} props
- * @param {boolean} props.open
- * @param {() => void} props.onClose
- * @param {object[]} props.fields los campos (filterDrawerFields.js): {name, label, kind, options?, keys?, prefix?, suffix?, decimals?, operators?, render?…}
- * @param {Record<string, unknown>} props.values los filtros puestos hoy (de ahí sale el borrador al abrir)
- * @param {(values: Record<string, unknown>) => void} props.onApply todos los campos del cajón juntos, al picar «Buscar»
- * @param {'left'|'right'} [props.anchor] de qué lado sale (FILTER_DRAWER_ANCHOR); por omisión la derecha
- * @param {number} [props.width] su ancho en escritorio, en px
- * @param {string} [props.title] ya traducido; por omisión «Filtros»
- * @param {string} [props.applyLabel] ya traducido; por omisión «Buscar»
- * @param {boolean} [props.closeOnApply] por omisión sí
- * @param {import('react').ReactNode} [props.children] algo más abajo de los campos (una nota, un enlace)
- * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
- */
-export default function FilterDrawer(props: {
+declare const FilterDrawer: (props: {
     open: boolean;
     onClose: () => void;
     fields: object[];
@@ -31,4 +16,8 @@ export default function FilterDrawer(props: {
     closeOnApply?: boolean;
     children?: import('react').ReactNode;
     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 FilterDrawer;

package/dist/types/ui/filters/PeriodRangeSelector.d.ts

@@ -1,15 +1,4 @@
-/**
- * @param {object} props
- * @param {string} props.id prefijo de los id de las dos listas (accesibilidad)
- * @param {Array<{value: string, label: string, disabled: boolean, hint?: string}>} props.options en orden; ya
- *     traducidas
- * @param {string|null} props.from
- * @param {string|null} props.to
- * @param {string} props.fromLabel ya traducido
- * @param {string} props.toLabel ya traducido
- * @param {(range: {from: string, to: string}) => void} props.onChange
- */
-export default function PeriodRangeSelector(props: {
+declare const PeriodRangeSelector: (props: {
     id: string;
     options: Array<{
         value: string;
@@ -25,4 +14,8 @@ export default function PeriodRangeSelector(props: {
         from: string;
         to: string;
     }) => void;
-}): import("react").JSX.Element;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element;
+export default PeriodRangeSelector;

package/dist/types/ui/filters/QuickFilters.d.ts

@@ -1,14 +1,4 @@
-/**
- * @param {object} props
- * @param {string} props.value opción activa ('' = todas)
- * @param {(value: string) => void} props.onChange
- * @param {Array<{value: string, label: import('react').ReactNode, count?: number}>} [props.options]
- * @param {import('react').ReactNode} [props.caption]
- * @param {string} [props.ariaLabel]
- * @param {import('react').ReactNode} [props.extra] al final de la tira (p. ej. un rango de fechas)
- * @param {object} [props.texts] los textos que cambian, con la forma de `table` en los textos del paquete
- */
-export default function QuickFilters(props: {
+declare const QuickFilters: (props: {
     value: string;
     onChange: (value: string) => void;
     options?: Array<{
@@ -20,4 +10,8 @@ export default function QuickFilters(props: {
     ariaLabel?: string;
     extra?: import('react').ReactNode;
     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 QuickFilters;

package/dist/types/ui/help/HelpButton.d.ts

@@ -1,15 +1,11 @@
-/**
- * @param {object} props
- * @param {() => void} props.onClick
- * @param {string} [props.label] ya traducido; por omisión «Ayuda de esta pantalla»
- * @param {'small'|'medium'|'large'} [props.size]
- * @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 HelpButton({ onClick, label, size, sx, texts, ...unknownProps }: {
+declare const HelpButton: (props: {
     onClick: () => void;
     label?: string;
     size?: 'small' | 'medium' | 'large';
     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 HelpButton;

package/dist/types/ui/help/HelpCarouselDialog.d.ts

@@ -3,19 +3,7 @@ export declare const HELP_CLOSE_REASON: Readonly<{
     finished: "finished";
     closed: "closed";
 }>;
-/**
- * @param {object} props
- * @param {boolean} props.open
- * @param {(reason: string, details: {dontShowAgain: boolean}) => void} props.onClose HELP_CLOSE_REASON y si marcó «No volver a mostrar»
- * @param {Array<{title: string, content: import('react').ReactNode, image?: string, imageAlt?: string, media?: import('react').ReactNode}>} props.steps
- *     title y content ya traducidos; image (una dirección) o media (una ilustración propia) arriba
- * @param {string} [props.title] ya traducido: de qué es la ayuda («Cómo usar el tablero»), arriba de los pasos
- * @param {boolean} [props.showDontShowAgain] la casilla «No volver a mostrar al entrar» (por omisión sí)
- * @param {(index: number) => void} [props.onStepChange]
- * @param {number} [props.initialStep]
- * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
- */
-export default function HelpCarouselDialog(props: {
+declare const HelpCarouselDialog: (props: {
     open: boolean;
     onClose: (reason: string, details: {
         dontShowAgain: boolean;
@@ -32,4 +20,8 @@ export default function HelpCarouselDialog(props: {
     onStepChange?: (index: number) => void;
     initialStep?: number;
     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 HelpCarouselDialog;

package/dist/types/ui/labels/MarkedText.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @param {object} props
+ * @param {string} props.text el texto ya traducido, con sus marcas
+ * @param {Record<string, import('react').ReactElement|string|((children: import('react').ReactNode) => import('react').ReactNode)>} props.marks
+ *     cómo se pinta cada marca, por su nombre: un elemento, una etiqueta ('strong') o una función que recibe lo de adentro
+ */
+export default function MarkedText({ text, marks, ...unknownProps }: {
+    text: string;
+    marks: Record<string, import('react').ReactElement | string | ((children: import('react').ReactNode) => import('react').ReactNode)>;
+}): import("react").JSX.Element;

package/dist/types/ui/labels/Tag.d.ts

@@ -1,14 +1,4 @@
-/**
- * @param {object} props
- * @param {import('react').ReactNode} props.label texto visible, ya traducido
- * @param {string} [props.tooltip] qué significa (aparece al pasar el cursor)
- * @param {string} [props.color] color del tema de MUI
- * @param {'filled'|'outlined'} [props.variant]
- * @param {'small'|'medium'} [props.size]
- * @param {() => void} [props.onDelete]
- * @param {object} [props.sx]
- */
-export default function Tag(props: {
+declare const Tag: (props: {
     label: import('react').ReactNode;
     tooltip?: string;
     color?: string;
@@ -16,4 +6,8 @@ export default function Tag(props: {
     size?: 'small' | 'medium';
     onDelete?: () => 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 Tag;

package/dist/types/ui/labels/markedTextPieces.d.ts

@@ -0,0 +1,22 @@
+export type MarkedTextPiece = {
+    type: 'text';
+    value: string;
+} | {
+    type: 'mark';
+    name: string;
+    children: MarkedTextPiece[];
+};
+/**
+ * @typedef {{type: 'text', value: string} | {type: 'mark', name: string, children: MarkedTextPiece[]}} MarkedTextPiece
+ */
+/**
+ * Los pedazos de un texto con marcas.
+ *
+ * Una marca que abre y no cierra (o cierra sin abrir) sale como texto: así un error de quien traduce se ve en pantalla en
+ * lugar de comerse el resto de la frase.
+ *
+ * @param {string} text el texto ya traducido
+ * @param {string[]} allowedNames las marcas que la pantalla sabe pintar
+ * @returns {MarkedTextPiece[]}
+ */
+export declare function parseMarkedText(text: string, allowedNames: string[]): MarkedTextPiece[];

package/dist/types/ui/layout/CollapsibleSection.d.ts

@@ -1,18 +1,12 @@
-/**
- * @param {object} props
- * @param {string} props.collapsedTitle lo que dice plegada, ya traducido («Ver el detalle de la validación»)
- * @param {string} props.expandedTitle lo que dice abierta («Ocultar el detalle de la validación»)
- * @param {string} [props.hint] plegada, qué hay adentro («Incluye resumen, motivos de rechazo y descargas.»)
- * @param {boolean} [props.defaultExpanded] si empieza abierta; por omisión empieza plegada
- * @param {(isExpanded: boolean) => void} [props.onExpandedChange] la persona la abrió o la plegó (por ejemplo, para pedir lo de
- *     adentro hasta que se abre)
- * @param {import('react').ReactNode} props.children
- */
-export default function CollapsibleSection(props: {
+declare const CollapsibleSection: (props: {
     collapsedTitle: string;
     expandedTitle: string;
     hint?: string;
     defaultExpanded?: boolean;
     onExpandedChange?: (isExpanded: boolean) => void;
     children: import('react').ReactNode;
-}): import("react").JSX.Element;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element;
+export default CollapsibleSection;

package/dist/types/ui/layout/ContentDialog.d.ts

@@ -1,15 +1,11 @@
-/**
- * @param {object} props
- * @param {boolean} props.open
- * @param {() => void} props.onClose
- * @param {string} props.title texto ya traducido
- * @param {import('react').ReactNode} props.children
- * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
- */
-export default function ContentDialog(props: {
+declare const ContentDialog: (props: {
     open: boolean;
     onClose: () => void;
     title: string;
     children: import('react').ReactNode;
     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 ContentDialog;

package/dist/types/ui/layout/DefinitionList.d.ts

@@ -1,15 +1,12 @@
-/**
- * @param {object} props
- * @param {Array<{label: string, value: import('react').ReactNode}>} props.entries en el orden en que se pintan; el label es la
- *     llave
- * @param {'columns'|'stacked'} [props.layout]
- * @param {number} [props.labelWidth] ancho en px de la columna del dato (solo columns)
- */
-export default function DefinitionList(props: {
+declare const DefinitionList: (props: {
     entries: Array<{
         label: string;
         value: import('react').ReactNode;
     }>;
     layout?: 'columns' | 'stacked';
     labelWidth?: number;
-}): import("react").JSX.Element;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element;
+export default DefinitionList;