@stackcraftmx/calcita 0.47.0 → 0.52.0

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/index.d.ts

@@ -21,7 +21,7 @@ export { default as PageBreadcrumbs } from './navigation/PageBreadcrumbs.js';
 export { ROUTE_TABS_MODE, default as RouteTabs, useActiveRouteTab } from './navigation/RouteTabs.js';
 export { default as HelpButton } from './help/HelpButton.js';
 export { HELP_CLOSE_REASON, default as HelpCarouselDialog } from './help/HelpCarouselDialog.js';
-export { default as RecordCard } from './cards/RecordCard.js';
+export { RECORD_CARD_FOOTER_ALIGN, default as RecordCard } from './cards/RecordCard.js';
 export { default as RecordCardSkeleton } from './cards/RecordCardSkeleton.js';
 export { useHelpCarousel } from './help/useHelpCarousel.js';
 export { default as DateRangeFilter } from './filters/DateRangeFilter.js';

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;

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

@@ -1,15 +1,11 @@
-/**
- * @param {object} props
- * @param {string} props.title texto ya traducido
- * @param {string} [props.eyebrow] contexto arriba del título (p. ej. el producto)
- * @param {import('react').ReactNode} [props.badges] insignias junto al título (chips de estatus, intento...)
- * @param {import('react').ReactNode} [props.actions] botones a la derecha
- * @param {string} [props.documentTitle] título de la pestaña si difiere del visible
- */
-export default function DetailHeader(props: {
+declare const DetailHeader: (props: {
     title: string;
     eyebrow?: string;
     badges?: import('react').ReactNode;
     actions?: import('react').ReactNode;
     documentTitle?: string;
-}): import("react").JSX.Element;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element;
+export default DetailHeader;

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

@@ -5,22 +5,7 @@ export declare const ERROR_PAGE_KIND: Readonly<{
     serverError: "serverError";
     newVersion: "newVersion";
 }>;
-/**
- * @param {object} props
- * @param {string} props.kind uno de ERROR_PAGE_KIND
- * @param {string} [props.title] ya traducido; por omisión el del paquete
- * @param {import('react').ReactNode} [props.text] ya traducido; por omisión el del paquete
- * @param {string} [props.homePath] a dónde lleva «Ir al inicio» (por omisión '/')
- * @param {() => void} [props.onRetry] con él sale «Intentar de nuevo»
- * @param {() => void} [props.onGoHome] al picar «Ir al inicio», antes de ir (para avisar o limpiar algo)
- * @param {import('react').ReactNode} [props.extraActions] botones suyos junto a los de la casa
- * @param {import('react').ReactNode} [props.actions] botones suyos EN LUGAR de los de la casa
- * @param {import('react').ReactNode} [props.icon] otro ícono; por omisión el de cada error
- * @param {import('react').ReactNode} [props.children] algo debajo del texto (el teléfono de soporte, un folio)
- * @param {object} [props.texts] los textos que cambian, con la forma de `errorPage` en los textos del paquete:
- *     {goHome: 'Volver al tablero', notFound: {title: '…'}}
- */
-export default function ErrorPage(props: {
+declare const ErrorPage: (props: {
     kind: string;
     title?: string;
     text?: import('react').ReactNode;
@@ -32,4 +17,8 @@ export default function ErrorPage(props: {
     icon?: import('react').ReactNode;
     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 ErrorPage;

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

@@ -1,7 +1,7 @@
-/**
- * @param {object} [props]
- * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
- */
-export default function FullPageLoader({ texts, ...unknownProps }?: {
+declare const FullPageLoader: (props: {
     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 FullPageLoader;

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

@@ -1,11 +1,9 @@
-/**
- * @param {object} props
- * @param {import('react').ReactNode} props.children
- * @param {object|Function|Array} [props.sx] estilos propios: se suman y ganan
- * @param {import('react').ElementType} [props.component] por omisión 'div'
- */
-export default function GlassPanel(props: {
+declare const GlassPanel: (props: {
     children: import('react').ReactNode;
     sx?: object | Function | any[];
     component?: 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 GlassPanel;

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

@@ -1,15 +1,11 @@
-/**
- * @param {object} props
- * @param {string} props.title texto ya traducido
- * @param {string} [props.eyebrow]
- * @param {import('react').ReactNode} [props.subtitle]
- * @param {import('react').ReactNode} [props.action] normalmente un <Button variant="contained" shape="pill">
- * @param {string} [props.documentTitle] título de la pestaña si difiere del visible
- */
-export default function PageHeader(props: {
+declare const PageHeader: (props: {
     title: string;
     eyebrow?: string;
     subtitle?: import('react').ReactNode;
     action?: import('react').ReactNode;
     documentTitle?: string;
-}): import("react").JSX.Element;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element;
+export default PageHeader;

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

@@ -1,13 +1,4 @@
-/**
- * @param {object} props
- * @param {string} props.title texto ya traducido
- * @param {import('react').ReactNode} [props.description]
- * @param {Array<{label: string, to?: string}>|false} [props.breadcrumbs] por omisión, las del menú
- * @param {import('react').ReactNode} [props.actions] botones a la derecha (en el teléfono, abajo y a lo ancho)
- * @param {string} [props.documentTitle] título de la pestaña si difiere del visible
- * @param {object} [props.texts] los textos que cambian, con la forma de `layout` en los textos del paquete
- */
-export default function PageHeading(props: {
+declare const PageHeading: (props: {
     title: string;
     description?: import('react').ReactNode;
     breadcrumbs?: Array<{
@@ -17,4 +8,8 @@ export default function PageHeading(props: {
     actions?: import('react').ReactNode;
     documentTitle?: 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 PageHeading;

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

@@ -1,17 +1,12 @@
-/**
- * @param {object} props
- * @param {string} props.name el nombre de la persona
- * @param {string} [props.email]
- * @param {string} [props.subtitle] el renglón de abajo (puesto · sucursal)
- * @param {string} [props.avatarUrl] su foto; sin ella, sus iniciales
- * @param {string[]} [props.chips] sus perfiles o etiquetas, ya traducidos
- * @param {import('react').ReactNode} [props.actions] los botones de la derecha
- */
-export default function ProfileHeader(props: {
+declare const ProfileHeader: (props: {
     name: string;
     email?: string;
     subtitle?: string;
     avatarUrl?: string;
     chips?: string[];
     actions?: 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 ProfileHeader;

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

@@ -10,18 +10,7 @@ export declare const scrollableRow: {
         display: string;
     };
 };
-/**
- * @param {object} props
- * @param {import('react').ReactNode} props.children
- * @param {number} [props.gap]
- * @param {number} [props.py]
- * @param {object} [props.sx]
- * @param {boolean} [props.enableDragScroll]
- * @param {boolean} [props.enableWheelToX]
- * @param {boolean} [props.fadeEdges]
- * @param {import('react').Ref<HTMLElement>} [props.ref]
- */
-export default function ScrollableRow(props: {
+declare const ScrollableRow: (props: {
     children: import('react').ReactNode;
     gap?: number;
     py?: number;
@@ -30,4 +19,8 @@ export default function ScrollableRow(props: {
     enableWheelToX?: boolean;
     fadeEdges?: boolean;
     ref?: import('react').Ref<HTMLElement>;
-}): import("react").JSX.Element;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element;
+export default ScrollableRow;

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

@@ -1,11 +1,9 @@
-/**
- * @param {object} props
- * @param {string} props.title texto ya traducido
- * @param {import('react').ReactNode} [props.action] botón o liga a la derecha del título
- * @param {import('react').ReactNode} props.children
- */
-export default function SectionCard(props: {
+declare const SectionCard: (props: {
     title: string;
     action?: import('react').ReactNode;
     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 SectionCard;

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

@@ -1,14 +1,4 @@
-/**
- * @param {object} props
- * @param {Array<{key: string, label: string, value: number, detail?: string, tooltip?: string}>} props.items
- * @param {(item: any) => void} [props.onSelect] recibe el renglón de items que se picó
- * @param {string} props.emptyLabel ya traducido
- * @param {'primary'|'success'|'warning'|'error'|'info'} [props.tone]
- * @param {'chart'|'table'} [props.defaultView] cómo se ve al abrir (CHART_VIEW); por omisión dibujada
- * @param {(view: 'chart'|'table') => void} [props.onViewChange] la persona cambió a la tabla o a la gráfica
- * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
- */
-export default function BarList(props: {
+declare const BarList: (props: {
     items: Array<{
         key: string;
         label: string;
@@ -22,4 +12,8 @@ export default function BarList(props: {
     defaultView?: 'chart' | 'table';
     onViewChange?: (view: 'chart' | 'table') => 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 BarList;

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

@@ -1,21 +1,4 @@
-/**
- * @param {object} props
- * @param {string} [props.startsOn] primer día del rango ("2025-09-16"), fecha de calendario; sin él, un año antes de endsOn
- * @param {string} [props.endsOn] último día del rango ("2026-09-15"); sin él, hoy en la zona del proveedor
- * @param {Array<{date: string, value: number, detail?: string}>} [props.days] solo los días con actividad; el resto vale
- *     0
- * @param {string} props.ariaLabel qué muestra el calendario, ya traducido
- * @param {string} props.valueLabel encabezado de la columna de valor en la tabla ("Registros leídos")
- * @param {(value: number) => string} [props.describeValue] el valor en palabras para el tooltip ("120 registros leídos");
- *     sin ella, solo el número
- * @param {import('react').ReactNode} [props.summary] renglón de resumen arriba del calendario
- * @param {string} [props.emptyLabel] qué decir si ningún día tiene actividad
- * @param {'primary'|'info'|'success'|'warning'|'error'} [props.tone]
- * @param {'chart'|'table'} [props.defaultView] cómo se ve al abrir (CHART_VIEW); por omisión dibujada
- * @param {(view: 'chart'|'table') => void} [props.onViewChange] la persona cambió a la tabla o a la gráfica
- * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
- */
-export default function CalendarHeatmap(props: {
+declare const CalendarHeatmap: (props: {
     startsOn?: string;
     endsOn?: string;
     days?: Array<{
@@ -32,4 +15,8 @@ export default function CalendarHeatmap(props: {
     defaultView?: 'chart' | 'table';
     onViewChange?: (view: 'chart' | 'table') => 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 CalendarHeatmap;

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

@@ -1,11 +1,11 @@
-/**
- * @param {{active?: boolean, payload?: Array<{payload: any}>, render: (item: any) => import('react').ReactNode}} props
- *     active y payload los pone recharts; render recibe el renglón de data del punto o la columna
- */
-export default function ChartTooltip(props: {
+declare const ChartTooltip: (props: {
     active?: boolean;
     payload?: Array<{
         payload: any;
     }>;
     render: (item: any) => import('react').ReactNode;
-}): 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 ChartTooltip;

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

@@ -1,27 +1,4 @@
-/**
- * @param {object} props
- * @param {Array<Record<string, any>>} props.data un renglón por periodo: {key, label, value, tooltip?} con una serie, o
- *     {key, label, [llave de cada serie]: número} con varias
- * @param {string} props.periodLabel encabezado de la primera columna de la tabla («Mes»), ya traducido
- * @param {string} [props.valueLabel] cómo se llama lo que se cuenta, ya traducido (una serie)
- * @param {Array<{key: string, label: string, tone?: 'primary'|'secondary'|'success'|'warning'|'error'|'info'}>} [props.series]
- *     varias series agrupadas: la llave de cada una en data, su nombre ya traducido y su color (por omisión, en orden)
- * @param {string} props.ariaLabel
- * @param {string} props.emptyLabel
- * @param {number} [props.height]
- * @param {'primary'|'success'|'warning'|'error'|'info'} [props.tone] el color de una sola serie
- * @param {(item: any, seriesKey: string) => void} [props.onSelect] recibe el renglón de data que se picó y la serie
- * @param {(value: number) => string} [props.formatValue] cómo se escribe un valor (en el eje, en la tabla y en el
- *     tooltip)
- * @param {{value: number, label: string}} [props.referenceLine] línea de referencia con su rótulo ya traducido («Meta:
- *     10 %»)
- * @param {(row: any) => import('react').ReactNode} [props.renderTooltip] lo que dice el globo de un periodo; por omisión su
- *     nombre y el valor de cada serie
- * @param {'chart'|'table'} [props.defaultView] cómo se ve al abrir (CHART_VIEW); por omisión dibujada
- * @param {(view: 'chart'|'table') => void} [props.onViewChange] la persona cambió a la tabla o a la gráfica
- * @param {object} [props.texts] los textos que cambian, con la forma de `common`: {charts: {viewAsTable, viewAsChart, legend}}
- */
-export default function ColumnChart(props: {
+declare const ColumnChart: (props: {
     data: Array<Record<string, any>>;
     periodLabel: string;
     valueLabel?: string;
@@ -44,4 +21,8 @@ export default function ColumnChart(props: {
     defaultView?: 'chart' | 'table';
     onViewChange?: (view: 'chart' | 'table') => 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 ColumnChart;

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

@@ -1,22 +1,4 @@
-/**
- * @param {object} props
- * @param {Array<Record<string, any>>} props.data un renglón por periodo: {key, label, [llave de cada serie]: número}
- * @param {Array<{key: string, label: string, tone?: 'primary'|'secondary'|'success'|'warning'|'error'|'info', dash?: string}>} props.series
- *     la llave de cada serie en data, su nombre ya traducido, su color y su trazo (por omisión, en orden)
- * @param {string} props.periodLabel encabezado de la primera columna de la tabla («Mes»), ya traducido
- * @param {string} props.ariaLabel
- * @param {string} props.emptyLabel
- * @param {number} [props.height]
- * @param {(value: number) => string} [props.formatValue] cómo se escribe un valor (en el eje, en la tabla y en el globo)
- * @param {{value: number, label: string}} [props.referenceLine] línea de referencia (la meta) con su rótulo ya traducido
- * @param {(row: any) => void} [props.onSelect] recibe el renglón de data del periodo que se picó
- * @param {(row: any) => import('react').ReactNode} [props.renderTooltip] lo que dice el globo de un periodo; por omisión su
- *     nombre y el valor de cada serie
- * @param {'chart'|'table'} [props.defaultView] cómo se ve al abrir (CHART_VIEW); por omisión dibujada
- * @param {(view: 'chart'|'table') => void} [props.onViewChange] la persona cambió a la tabla o a la gráfica
- * @param {object} [props.texts] los textos que cambian, con la forma de `common`: {charts: {viewAsTable, viewAsChart, legend}}
- */
-export default function LineChart(props: {
+declare const LineChart: (props: {
     data: Array<Record<string, any>>;
     series: Array<{
         key: string;
@@ -38,4 +20,8 @@ export default function LineChart(props: {
     defaultView?: 'chart' | 'table';
     onViewChange?: (view: 'chart' | 'table') => 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 LineChart;