@stackcraftmx/calcita 0.32.2 → 0.51.0

package/dist/types/forms/validation.d.ts

@@ -1,245 +1,188 @@
 import * as Yup from 'yup';
-/** El locale de yup: cada mensaje por defecto es una llave del namespace validation. */
+/** El locale de yup: cada mensaje por defecto es una llave del namespace validation, con su regla y su campo. */
 export declare const YUP_LOCALE: Readonly<{
     mixed: {
-        default: {
+        default: (params?: object) => {
             key: string;
-            values?: undefined;
-        } | {
-            key: string;
-            values: any;
+            values: object;
+            rule: string;
+            path?: string;
         };
-        required: {
-            key: string;
-            values?: undefined;
-        } | {
+        required: (params?: object) => {
             key: string;
-            values: any;
+            values: object;
+            rule: string;
+            path?: string;
         };
-        defined: {
+        defined: (params?: object) => {
             key: string;
-            values?: undefined;
-        } | {
-            key: string;
-            values: any;
+            values: object;
+            rule: string;
+            path?: string;
         };
-        notNull: {
-            key: string;
-            values?: undefined;
-        } | {
+        notNull: (params?: object) => {
             key: string;
-            values: any;
+            values: object;
+            rule: string;
+            path?: string;
         };
-        notType: {
+        notType: (params?: object) => {
             key: string;
-            values?: undefined;
-        } | {
-            key: string;
-            values: any;
+            values: object;
+            rule: string;
+            path?: string;
         };
-        oneOf: ({ values }: {
-            values: any;
-        }) => {
-            key: string;
-            values?: undefined;
-        } | {
+        oneOf: (params?: object) => {
             key: string;
-            values: any;
+            values: object;
+            rule: string;
+            path?: string;
         };
-        notOneOf: ({ values }: {
-            values: any;
-        }) => {
+        notOneOf: (params?: object) => {
             key: string;
-            values?: undefined;
-        } | {
-            key: string;
-            values: any;
+            values: object;
+            rule: string;
+            path?: string;
         };
     };
     string: {
-        length: ({ length }: {
-            length: any;
-        }) => {
-            key: string;
-            values?: undefined;
-        } | {
+        length: (params?: object) => {
             key: string;
-            values: any;
+            values: object;
+            rule: string;
+            path?: string;
         };
-        min: ({ min }: {
-            min: any;
-        }) => {
+        min: (params?: object) => {
             key: string;
-            values?: undefined;
-        } | {
-            key: string;
-            values: any;
+            values: object;
+            rule: string;
+            path?: string;
         };
-        max: ({ max }: {
-            max: any;
-        }) => {
-            key: string;
-            values?: undefined;
-        } | {
+        max: (params?: object) => {
             key: string;
-            values: any;
+            values: object;
+            rule: string;
+            path?: string;
         };
-        matches: {
+        matches: (params?: object) => {
             key: string;
-            values?: undefined;
-        } | {
-            key: string;
-            values: any;
+            values: object;
+            rule: string;
+            path?: string;
         };
-        email: {
-            key: string;
-            values?: undefined;
-        } | {
+        email: (params?: object) => {
             key: string;
-            values: any;
+            values: object;
+            rule: string;
+            path?: string;
         };
-        url: {
+        url: (params?: object) => {
             key: string;
-            values?: undefined;
-        } | {
-            key: string;
-            values: any;
+            values: object;
+            rule: string;
+            path?: string;
         };
-        uuid: {
-            key: string;
-            values?: undefined;
-        } | {
+        uuid: (params?: object) => {
             key: string;
-            values: any;
+            values: object;
+            rule: string;
+            path?: string;
         };
-        trim: {
-            key: string;
-            values?: undefined;
-        } | {
+        trim: (params?: object) => {
             key: string;
-            values: any;
+            values: object;
+            rule: string;
+            path?: string;
         };
-        lowercase: {
+        lowercase: (params?: object) => {
             key: string;
-            values?: undefined;
-        } | {
-            key: string;
-            values: any;
+            values: object;
+            rule: string;
+            path?: string;
         };
-        uppercase: {
-            key: string;
-            values?: undefined;
-        } | {
+        uppercase: (params?: object) => {
             key: string;
-            values: any;
+            values: object;
+            rule: string;
+            path?: string;
         };
     };
     number: {
-        min: ({ min }: {
-            min: any;
-        }) => {
+        min: (params?: object) => {
             key: string;
-            values?: undefined;
-        } | {
-            key: string;
-            values: any;
+            values: object;
+            rule: string;
+            path?: string;
         };
-        max: ({ max }: {
-            max: any;
-        }) => {
-            key: string;
-            values?: undefined;
-        } | {
+        max: (params?: object) => {
             key: string;
-            values: any;
+            values: object;
+            rule: string;
+            path?: string;
         };
-        lessThan: ({ less }: {
-            less: any;
-        }) => {
+        lessThan: (params?: object) => {
             key: string;
-            values?: undefined;
-        } | {
-            key: string;
-            values: any;
+            values: object;
+            rule: string;
+            path?: string;
         };
-        moreThan: ({ more }: {
-            more: any;
-        }) => {
-            key: string;
-            values?: undefined;
-        } | {
+        moreThan: (params?: object) => {
             key: string;
-            values: any;
+            values: object;
+            rule: string;
+            path?: string;
         };
-        positive: {
-            key: string;
-            values?: undefined;
-        } | {
+        positive: (params?: object) => {
             key: string;
-            values: any;
+            values: object;
+            rule: string;
+            path?: string;
         };
-        negative: {
+        negative: (params?: object) => {
             key: string;
-            values?: undefined;
-        } | {
-            key: string;
-            values: any;
+            values: object;
+            rule: string;
+            path?: string;
         };
-        integer: {
-            key: string;
-            values?: undefined;
-        } | {
+        integer: (params?: object) => {
             key: string;
-            values: any;
+            values: object;
+            rule: string;
+            path?: string;
         };
     };
     date: {
-        min: ({ min }: {
-            min: any;
-        }) => {
+        min: (params?: object) => {
             key: string;
-            values?: undefined;
-        } | {
-            key: string;
-            values: any;
+            values: object;
+            rule: string;
+            path?: string;
         };
-        max: ({ max }: {
-            max: any;
-        }) => {
-            key: string;
-            values?: undefined;
-        } | {
+        max: (params?: object) => {
             key: string;
-            values: any;
+            values: object;
+            rule: string;
+            path?: string;
         };
     };
     array: {
-        min: ({ min }: {
-            min: any;
-        }) => {
+        min: (params?: object) => {
             key: string;
-            values?: undefined;
-        } | {
-            key: string;
-            values: any;
+            values: object;
+            rule: string;
+            path?: string;
         };
-        max: ({ max }: {
-            max: any;
-        }) => {
-            key: string;
-            values?: undefined;
-        } | {
+        max: (params?: object) => {
             key: string;
-            values: any;
+            values: object;
+            rule: string;
+            path?: string;
         };
-        length: ({ length }: {
-            length: any;
-        }) => {
-            key: string;
-            values?: undefined;
-        } | {
+        length: (params?: object) => {
             key: string;
-            values: any;
+            values: object;
+            rule: string;
+            path?: string;
         };
     };
 }>;

package/dist/types/forms/validationMessages.d.ts

@@ -1,12 +1,60 @@
+/**
+ * El campo sin índices de lista, para buscar su texto propio: 'contacts[2].email' y 'contacts.2.email' son 'contacts.email'.
+ *
+ * @param {string} path
+ * @returns {string}
+ */
+export declare function fieldKeyOf(path: string): string;
+/**
+ * Un mensaje en la forma de Calcita, venga como venga.
+ *
+ * @param {unknown} error
+ * @returns {{text: string}|{key: string, values: object, rule?: string, path?: string}|null} null: no se entendió
+ */
+export declare function normalizedValidationMessage(error: unknown): {
+    text: string;
+} | {
+    key: string;
+    values: object;
+    rule?: string;
+    path?: string;
+} | null;
 /**
  * Texto de un error de validación en el idioma activo.
- * Acepta las dos formas que llegan: {key, values} de yup (buildYupLocale), o un texto ya traducido (los del backend).
  *
- * @param {(key: string, values?: object) => string} translate el t de useToolkitTranslation
- * @param {string|{key: string, values?: object}|undefined|null} error
+ * @param {(key: string, values?: object) => string} translate el t de useToolkitTranslation (respeta `defaultValue`, como el
+ *     de i18next: con él busca los textos opcionales sin avisar que faltan)
+ * @param {unknown} error lo que dejó la validación en el campo
+ * @param {object} [options]
+ * @param {string} [options.label] el nombre del campo, para los textos que lo dicen ({{label}}: «Escriba {{label}}»)
+ * @param {Record<string, string|object>} [options.messages] los textos de la pantalla para este campo, por regla
+ *     ({required: 'Escriba el RFC', matches: 'El RFC lleva 12 o 13 caracteres'}); ya traducidos o como {key, values}
+ * @param {((error: unknown) => unknown)|null} [options.readMessage] cómo leer el mensaje de un sistema que ya existe
+ *     (readValidationMessage de ToolkitProvider): regresa un texto, {key, values} o undefined para la lectura de siempre
+ * @param {string} [options.fieldName] el name del campo que pinta el error: para el texto propio de ese campo cuando el
+ *     mensaje no trae su campo (las reglas propias, los de un sistema que ya existe)
  * @returns {string|undefined}
  */
-export declare function translateValidationMessage(translate: (key: string, values?: object) => string, error: string | {
+export declare function translateValidationMessage(translate: (key: string, values?: object) => string, error: unknown, { label, messages, readMessage, fieldName }?: {
+    label?: string;
+    messages?: Record<string, string | object>;
+    readMessage?: ((error: unknown) => unknown) | null;
+    fieldName?: string;
+}): string | undefined;
+/**
+ * El mensaje de una regla propia (.test) como lo dejan las de Calcita: su llave, sus valores y el nombre de la regla, para
+ * que la pantalla (messages del campo) o los textos del proyecto (validation:fields.<campo>.<regla>) pongan el suyo sin
+ * tocar el esquema. Es un objeto fijo: quien lo lea (rule.message.key) lo encuentra como siempre.
+ *
+ *   {name: 'percent', message: ruleMessageOf('validation:percent', 'percent', {min: 0, max: 100}), test: …}
+ *
+ * @param {string} key la llave del texto ('validation:percent')
+ * @param {string} rule el nombre de la regla
+ * @param {object} [values] los valores del texto
+ * @returns {{key: string, values: object, rule: string}}
+ */
+export declare function ruleMessageOf(key: string, rule: string, values?: object): {
     key: string;
-    values?: object;
-} | undefined | null): string | undefined;
+    values: object;
+    rule: string;
+};

package/dist/types/forms.d.ts

@@ -1,2 +1,2 @@
 export { FieldArray, Form, Formik, useField, useFormikContext } from 'formik';
-export { ChangePasswordForm, ForgotPasswordForm, FormCatalogField, FormColorField, FormNumberField, FormProblemAlert, FormSelectField, FormServerProblem, FormTextField, FormWizard, RECOVERY_CODE_PATTERN, SECOND_STEP_METHOD, SecondStepForm, SignInForm, SubmitButton, TOTP_CODE_PATTERN, TwoStepVerificationCard, Yup, applyServerProblem, buildYupLocale, formLevelMessageOf, normalizeRecoveryCode, normalizeTotpCode, splitServerFieldErrors, translateValidationMessage, useFormikField, } from './forms/index.js';
+export { ChangePasswordForm, ForgotPasswordForm, FormAttachmentsField, FormCatalogField, FormCheckboxGroupField, FormColorField, FormFileField, FormFileUploadField, FormImageField, FormMaskedField, FormNumberField, FormProblemAlert, FormRepeatingFields, FormSelectField, FormServerProblem, FormTransferListField, FormTextField, FormWizard, RECOVERY_CODE_PATTERN, SECOND_STEP_METHOD, SecondStepForm, SignInForm, SubmitButton, TOTP_CODE_PATTERN, TwoStepVerificationCard, Yup, applyServerProblem, buildYupLocale, formLevelMessageOf, normalizeRecoveryCode, normalizeTotpCode, listTotalAtMostRule, listTotalOf, orderedInListRule, percentRule, sameAsFieldRule, splitRowFieldErrors, splitServerFieldErrors, translateValidationMessage, uniqueInListRule, useFormikField, } from './forms/index.js';

package/dist/types/hookForm/FormAttachmentsField.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @param {{name: string, control?: object} & Omit<Parameters<typeof import('../upload/AttachmentsInput.js').default>[0], 'name'|'value'|'onChange'|'onBlur'|'error'>} props las del campo de la casa, sin
+ *     value / onChange / onBlur / error; control: el de useForm, si la pantalla no usa FormProvider
+ */
+export default function FormAttachmentsField({ name, control, ...inputProps }: {
+    name: string;
+    control?: object;
+} & Omit<Parameters<typeof import('../upload/AttachmentsInput.js').default>[0], 'name' | 'value' | 'onChange' | 'onBlur' | 'error'>): import("react").JSX.Element;

package/dist/types/hookForm/FormCheckboxGroupField.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @param {{name: string, control?: object} & Omit<Parameters<typeof import('../inputs/CheckboxGroupInput.js').default>[0], 'name'|'value'|'onChange'|'onBlur'|'error'>} props las del campo de la casa, sin
+ *     value / onChange / onBlur / error; control: el de useForm, si la pantalla no usa FormProvider
+ */
+export default function FormCheckboxGroupField({ name, control, ...inputProps }: {
+    name: string;
+    control?: object;
+} & Omit<Parameters<typeof import('../inputs/CheckboxGroupInput.js').default>[0], 'name' | 'value' | 'onChange' | 'onBlur' | 'error'>): import("react").JSX.Element;

package/dist/types/hookForm/FormFileField.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @param {{name: string, control?: object} & Omit<Parameters<typeof import('../upload/FileInput.js').default>[0], 'name'|'value'|'onChange'|'onBlur'|'error'>} props las del campo de la casa, sin
+ *     value / onChange / onBlur / error; control: el de useForm, si la pantalla no usa FormProvider
+ */
+export default function FormFileField({ name, control, ...inputProps }: {
+    name: string;
+    control?: object;
+} & Omit<Parameters<typeof import('../upload/FileInput.js').default>[0], 'name' | 'value' | 'onChange' | 'onBlur' | 'error'>): import("react").JSX.Element;

package/dist/types/hookForm/FormFileUploadField.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @param {{name: string, control?: object} & Omit<Parameters<typeof import('../upload/FileUploadInput.js').default>[0], 'name'|'value'|'onChange'|'onBlur'|'error'>} props las del campo de la casa, sin
+ *     value / onChange / onBlur / error; control: el de useForm, si la pantalla no usa FormProvider
+ */
+export default function FormFileUploadField({ name, control, ...inputProps }: {
+    name: string;
+    control?: object;
+} & Omit<Parameters<typeof import('../upload/FileUploadInput.js').default>[0], 'name' | 'value' | 'onChange' | 'onBlur' | 'error'>): import("react").JSX.Element;

package/dist/types/hookForm/FormImageField.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @param {{name: string, control?: object} & Omit<Parameters<typeof import('../upload/ImageInput.js').default>[0], 'name'|'value'|'onChange'|'onBlur'|'error'>} props las del campo de la casa, sin
+ *     value / onChange / onBlur / error; control: el de useForm, si la pantalla no usa FormProvider
+ */
+export default function FormImageField({ name, control, ...inputProps }: {
+    name: string;
+    control?: object;
+} & Omit<Parameters<typeof import('../upload/ImageInput.js').default>[0], 'name' | 'value' | 'onChange' | 'onBlur' | 'error'>): import("react").JSX.Element;

package/dist/types/hookForm/FormMaskedField.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @param {{name: string, control?: object} & Omit<Parameters<typeof import('../inputs/MaskedInput.js').default>[0], 'name'|'value'|'onChange'|'onBlur'|'error'>} props
+ *     las de MaskedInput (mask, label, helperText, placeholder…), sin value / onChange / onBlur / error; control: el de useForm,
+ *     si la pantalla no usa FormProvider
+ */
+export default function FormMaskedField({ name, control, ...inputProps }: {
+    name: string;
+    control?: object;
+} & Omit<Parameters<typeof import('../inputs/MaskedInput.js').default>[0], 'name' | 'value' | 'onChange' | 'onBlur' | 'error'>): import("react").JSX.Element;

package/dist/types/hookForm/FormProblemAlert.d.ts

@@ -1,7 +1,8 @@
-/**
- * @param {{control?: object, sx?: object}} props control: el de useForm, si la pantalla no usa FormProvider
- */
-export default function FormProblemAlert({ control, sx, ...unknownProps }: {
+declare const FormProblemAlert: (props: {
     control?: object;
     sx?: 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 FormProblemAlert;

package/dist/types/hookForm/FormRepeatingFields.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @param {{
+ *   name: string,
+ *   control?: object,
+ *   emptyRow: object,
+ *   renderRow: (row: {index: number, row: any, nameOf: (field: string) => string}) => import('react').ReactNode,
+ *   removeBlockedReason?: (row: any, index: number) => string|null,
+ *   confirmRemove?: (row: any, index: number) => boolean,
+ *   onAdd?: (index: number) => void,
+ *   onRemove?: (row: any, index: number) => void,
+ * } & Omit<Parameters<typeof import('../inputs/RepeatingFields.js').default>[0], 'rowKeys'|'renderRow'|'onAdd'|'onRemove'|'onClear'|'removeBlockedReasonOf'|'confirmRemoveOf'|'rowHasErrorOf'|'error'>} props
+ *     control: el de useForm, si la pantalla no usa FormProvider
+ */
+export default function FormRepeatingFields({ name, control, emptyRow, renderRow, removeBlockedReason, confirmRemove, onAdd, onRemove, ...viewProps }: {
+    name: string;
+    control?: object;
+    emptyRow: object;
+    renderRow: (row: {
+        index: number;
+        row: any;
+        nameOf: (field: string) => string;
+    }) => import('react').ReactNode;
+    removeBlockedReason?: (row: any, index: number) => string | null;
+    confirmRemove?: (row: any, index: number) => boolean;
+    onAdd?: (index: number) => void;
+    onRemove?: (row: any, index: number) => void;
+} & Omit<Parameters<typeof import('../inputs/RepeatingFields.js').default>[0], 'rowKeys' | 'renderRow' | 'onAdd' | 'onRemove' | 'onClear' | 'removeBlockedReasonOf' | 'confirmRemoveOf' | 'rowHasErrorOf' | 'error'>): import("react").JSX.Element;

package/dist/types/hookForm/FormTransferListField.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @param {{name: string, control?: object} & Omit<Parameters<typeof import('../inputs/TransferListInput.js').default>[0], 'name'|'value'|'onChange'|'onBlur'|'error'>} props las del campo de la casa, sin
+ *     value / onChange / onBlur / error; control: el de useForm, si la pantalla no usa FormProvider
+ */
+export default function FormTransferListField({ name, control, ...inputProps }: {
+    name: string;
+    control?: object;
+} & Omit<Parameters<typeof import('../inputs/TransferListInput.js').default>[0], 'name' | 'value' | 'onChange' | 'onBlur' | 'error'>): import("react").JSX.Element;

package/dist/types/hookForm/SubmitButton.d.ts

@@ -1,15 +1,4 @@
-/**
- * @param {object} props
- * @param {import('react').ReactNode} props.children
- * @param {boolean} [props.disabled]
- * @param {boolean} [props.isPending] cuando el envío lo lleva una máquina de estados y no el handleSubmit
- * @param {object} [props.control] el de useForm, si la pantalla no usa FormProvider
- * @param {object} [props.sx] (y lo demás del Button de MUI: size, fullWidth, startIcon…)
- * @param {'small'|'medium'|'large'} [props.size]
- * @param {boolean} [props.fullWidth]
- * @param {import('react').ReactNode} [props.startIcon]
- */
-export default function SubmitButton({ children, disabled, isPending, control, ...buttonProps }: {
+declare const SubmitButton: (props: {
     children: import('react').ReactNode;
     disabled?: boolean;
     isPending?: boolean;
@@ -18,4 +7,8 @@ export default function SubmitButton({ children, disabled, isPending, control, .
     size?: 'small' | 'medium' | 'large';
     fullWidth?: boolean;
     startIcon?: 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 SubmitButton;

package/dist/types/inbox/InboxLayout.d.ts

@@ -1,19 +1,4 @@
-/**
- * @param {object} props
- * @param {Array<{id: string, label: string, Icon?: import('react').ElementType, unreadCount?: number}>} props.folders
- * @param {Array<{id: string, label: string, color?: string, unreadCount?: number}>} [props.labels] las etiquetas, debajo de las
- *     carpetas con su punto de color (un color del tema); su id no debe repetir el de una carpeta
- * @param {string} props.selectedFolderId la carpeta o etiqueta elegida
- * @param {(folderId: string) => void} props.onSelectFolder
- * @param {import('react').ReactNode} [props.toolbar] arriba de la lista (buscar, redactar)
- * @param {import('react').ReactNode} props.list normalmente MessageList
- * @param {import('react').ReactNode} props.detail normalmente MessageView
- * @param {boolean} [props.isDetailOpen] en el teléfono, se ve la lectura en lugar de la lista
- * @param {() => void} [props.onCloseDetail] «Regresar» del teléfono
- * @param {import('react').ReactNode} [props.foldersHeader] arriba de las carpetas en escritorio (un botón «Redactar»)
- * @param {object} [props.texts] los textos que cambian, con la forma de `inbox` en los textos del paquete
- */
-export default function InboxLayout(props: {
+declare const InboxLayout: (props: {
     folders: Array<{
         id: string;
         label: string;
@@ -35,4 +20,8 @@ export default function InboxLayout(props: {
     onCloseDetail?: () => void;
     foldersHeader?: 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 InboxLayout;

package/dist/types/inbox/MessageList.d.ts

@@ -1,20 +1,4 @@
-/**
- * @param {object} props
- * @param {Array<{id: string, from: {name: string, email: string}, subject: string, preview: string, receivedAt: string, isUnread?: boolean, isStarred?: boolean, hasAttachments?: boolean, threadCount?: number, labels?: Array<string|{label: string, color?: string}>} & Record<string, any>>} props.messages
- *     cada mensaje puede traer sus campos propios (llegan a renderMessage y a messageActions tal cual). threadCount: cuántos
- *     mensajes trae la conversación (con 2 o más se pinta «(3)»); labels: texto o {label, color} del tema
- * @param {string|null} [props.selectedId] el mensaje abierto
- * @param {(messageId: string) => void} props.onSelect abrir un mensaje
- * @param {(messageId: string) => void} [props.onToggleStar]
- * @param {string[]} [props.selectedIds] los elegidos para una acción en grupo
- * @param {(messageIds: string[]) => void} [props.onSelectionChange] con él, cada mensaje se puede elegir picando su monograma
- * @param {(message: any) => Array<{key: string, label: string, icon?: import('react').ReactNode, color?: string, disabled?: boolean, onClick: () => void}>} [props.messageActions]
- *     las acciones del «⋯» de cada mensaje (archivar, posponer, mover…); sin ellas no hay «⋯»
- * @param {(message: any) => import('react').ReactNode} [props.renderMessage] lo de adentro de cada renglón, a su manera
- * @param {string} [props.emptyText] ya traducido; por omisión el del paquete
- * @param {object} [props.texts] los textos que cambian, con la forma de `inbox` en los textos del paquete
- */
-export default function MessageList(props: {
+declare const MessageList: (props: {
     messages: Array<{
         id: string;
         from: {
@@ -49,4 +33,8 @@ export default function MessageList(props: {
     renderMessage?: (message: any) => import('react').ReactNode;
     emptyText?: 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 MessageList;