@stackcraftmx/calcita 0.47.0 → 0.51.0

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;

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

@@ -1,16 +1,4 @@
-/**
- * @param {object} props
- * @param {{id?: string, subject: string, from: {name: string, email: string}, to?: string[], cc?: string[], receivedAt: string, body: string, attachments?: Array<{name: string, size?: string} & Record<string, any>>, labels?: Array<string|{label: string, color?: string}>, thread?: Array<{id: string, from: {name: string, email: string}, to?: string[], cc?: string[], receivedAt: string, body: string, attachments?: Array<{name: string, size?: string}>}>}|null} props.message
- *     el mensaje más nuevo de la conversación; thread: los anteriores, del más viejo al más nuevo (encogidos). null: todavía
- *     no se elige ninguno
- * @param {import('react').ReactNode} [props.actions] los botones de arriba
- * @param {import('react').ReactNode} [props.footer] lo de abajo (una respuesta rápida, firmas…)
- * @param {(attachment: any, message: any) => void} [props.onAttachmentClick] al picar un archivo; sin él los archivos solo se ven
- * @param {(threadMessageId: string) => void} [props.onExpand] al abrir un mensaje anterior de la conversación
- * @param {(message: any) => import('react').ReactNode} [props.renderBody] el texto a su manera (HTML ya limpio por el proyecto)
- * @param {object} [props.texts] los textos que cambian, con la forma de `inbox` en los textos del paquete
- */
-export default function MessageView(props: {
+declare const MessageView: (props: {
     message: {
         id?: string;
         subject: string;
@@ -52,4 +40,8 @@ export default function MessageView(props: {
     onExpand?: (threadMessageId: string) => void;
     renderBody?: (message: any) => 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 MessageView;

package/dist/types/index.d.ts

@@ -5,6 +5,9 @@ export { default as ComponentTexts } from './toolkit/ComponentTexts.js';
 export { DEFAULT_CURRENCY, DEFAULT_HOUR_CYCLE, DEFAULT_LANGUAGE, DEFAULT_LANGUAGES, HOUR_CYCLE, configureToolkit, toolkitSettings, translateToolkit, } from './toolkit/toolkitSettings.js';
 export { browserNavigation, createBrowserNavigation } from './toolkit/browserNavigation.js';
 export { createHashNavigation } from './toolkit/hashNavigation.js';
+export { documentBasePath, isPlainLeftClick } from './toolkit/navigationPaths.js';
+export { createPathIndex, fillPath } from './toolkit/pathIndex.js';
+export { combineTexts } from './toolkit/combineTexts.js';
 export { default as toolkitTextsEs } from './locales/es.js';
 export { default as toolkitTextsEn } from './locales/en.js';
 export { ConfirmDialog, ModalWaiting, NEW_BUILD_NOTICE_VARIANT, NewBuildNotice, StaleBuildBoundary, TOAST_DEFAULT_OPTIONS, Toaster, confirmActionMachine, dismissToast, errorsObjectToMessage, toastDefault, toastError, toastInfo, toastLoading, toastProblem, toastPromise, toastSuccess, toastWarn, useConfirmAction, } from './feedback/index.js';
@@ -15,6 +18,9 @@ export { MINIMAL_BACKGROUND, MINIMAL_TONES } from './theme/components/minimalCom
 export { STACKCRAFT, stackcraftDarkPalette, stackcraftLightPalette } from './theme/stackcraftPalette.js';
 export { toolkitComponents } from './theme/toolkitComponents.js';
 export { mergeComponents } from './theme/mergeComponents.js';
+export { mergedSlotProps, piecePart, sxListOf, usePieceProps, withPieceSlots } from './theme/themePieces.js';
+export { default as MarkedText } from './ui/labels/MarkedText.js';
+export { parseMarkedText } from './ui/labels/markedTextPieces.js';
 export { CSS_TOKENS, cssTokenDeclarationsOf, cssTokenOf } from './theme/cssTokens.js';
 export { GLASS_INSET_PIXELS, GLASS_MENU_RADIUS_PIXELS, GLASS_OPACITY, GLASS_PANEL_RADIUS_PIXELS, ambientBackgroundOf, glassDropOf, glassStylesOf, glassSurfaceOf, FIELD_TONES, accentTextStylesOf, canvasFieldStylesOf, fieldPaletteOf, fieldWellStylesOf, fixedBackgroundLayerOf, isGlassTheme, materialBackgroundOf, materialStylesOf, materialSurfaceOf, scrollEdgeStylesOf, } from './theme/glassSurface.js';
 export { AppLayout, MENU_POSITION } from './appShell/AppLayout.js';
@@ -74,7 +80,8 @@ export { default as WizardLayout } from './inputs/WizardLayout.js';
 export { default as TextInput } from './inputs/TextInput.js';
 export { HEX_COLOR, MIN_CONTRAST, contrastOnWhite, readableVariantOf } from './inputs/colorContrast.js';
 export { cleanNumberText, completeDecimals, groupThousands } from './inputs/numberText.js';
-export { translateValidationMessage } from './forms/validationMessages.js';
+export { fieldKeyOf, normalizedValidationMessage, ruleMessageOf, translateValidationMessage } from './forms/validationMessages.js';
+export { useValidationText } from './forms/useValidationText.js';
 export { default as Countdown } from './ui/countdown/Countdown.js';
 export { countdownClockOf, countdownPartsOf } from './ui/countdown/countdownParts.js';
 export { useCountdown } from './ui/countdown/useCountdown.js';

package/dist/types/inputs/CatalogInput.d.ts

@@ -1,26 +1,4 @@
-/**
- * @param {object} props
- * @param {string} [props.name]
- * @param {string} props.label ya traducido
- * @param {string|string[]|null|undefined} props.value la clave elegida ('' = ninguna); con multiple, la lista ([] = ninguna)
- * @param {(code: any) => void} props.onChange recibe la clave ('' al borrar); con multiple, la lista de claves
- * @param {() => void} [props.onBlur]
- * @param {Array<{code: string, label: string}>} props.options
- * @param {(option: {code: string, label: string}) => string} [props.formatLabel] por omisión «Nombre (clave)»
- * @param {string|{key: string, values?: object}} [props.error]
- * @param {string} [props.helperText]
- * @param {boolean} [props.loading] el catálogo todavía no llega
- * @param {string} [props.placeholder] la pista con el campo vacío, ya traducida (p. ej. «Busque un estado»): sin ella, en un
- *     formulario agrupado el campo vacío solo enseña su botón y no se entiende qué es
- * @param {boolean} [props.disabled]
- * @param {import('react').Ref<HTMLInputElement>} [props.inputRef]
- * @param {boolean} [props.multiple] elegir varias claves
- * @param {boolean} [props.selectAll] con multiple: «Elegir todos» (o los que coinciden con lo buscado) arriba de la lista
- * @param {boolean} [props.checkboxes] con multiple: una casilla en cada opción
- * @param {number} [props.limitTags] con multiple: cuántos chips se ven sin foco; los demás como «+3 más»
- * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
- */
-export default function CatalogInput({ name, label, value, onChange, onBlur, options, formatLabel, error, helperText, loading, disabled, inputRef, placeholder, multiple, selectAll, checkboxes, limitTags, texts, ...unknownProps }: {
+declare const CatalogInput: (props: {
     name?: string;
     label: string;
     value: string | string[] | null | undefined;
@@ -47,5 +25,10 @@ export default function CatalogInput({ name, label, value, onChange, onBlur, opt
     selectAll?: boolean;
     checkboxes?: boolean;
     limitTags?: number;
+    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 CatalogInput;

package/dist/types/inputs/CheckboxGroupInput.d.ts

@@ -1,20 +1,4 @@
-/**
- * @param {object} props
- * @param {string} [props.name]
- * @param {import('react').ReactNode} props.label ya traducida
- * @param {Array<string|number>|null|undefined} props.value las marcadas ([] = ninguna)
- * @param {(values: Array<string|number>) => void} props.onChange la lista nueva, en el orden de las opciones
- * @param {() => void} [props.onBlur]
- * @param {Array<{value: string|number, label: string, description?: string, disabled?: boolean}>} props.options
- * @param {boolean} [props.row] en renglón en lugar de una debajo de otra
- * @param {boolean} [props.selectAll] «Elegir todos» arriba
- * @param {string|{key: string, values?: object}} [props.error]
- * @param {string} [props.helperText] ya traducida
- * @param {boolean} [props.disabled]
- * @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 CheckboxGroupInput(props: {
+declare const CheckboxGroupInput: (props: {
     name?: string;
     label: import('react').ReactNode;
     value: Array<string | number> | null | undefined;
@@ -35,5 +19,10 @@ export default function CheckboxGroupInput(props: {
     helperText?: string;
     disabled?: boolean;
     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 CheckboxGroupInput;

package/dist/types/inputs/ColorInput.d.ts

@@ -1,18 +1,4 @@
-/**
- * @param {object} props
- * @param {string} [props.name]
- * @param {string} props.label ya traducido
- * @param {string|null|undefined} props.value '#RRGGBB' o ''
- * @param {(color: string) => void} props.onChange recibe el color en mayúsculas
- * @param {() => void} [props.onBlur]
- * @param {string|{key: string, values?: object}} [props.error]
- * @param {string} [props.helperText] cuando no hay color
- * @param {boolean} [props.checkContrast] avisa si casi no se lee sobre blanco (por omisión sí)
- * @param {boolean} [props.disabled]
- * @param {import('react').Ref<HTMLInputElement>} [props.inputRef]
- * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
- */
-export default function ColorInput(props: {
+declare const ColorInput: (props: {
     name?: string;
     label: string;
     value: string | null | undefined;
@@ -26,5 +12,10 @@ export default function ColorInput(props: {
     checkContrast?: boolean;
     disabled?: boolean;
     inputRef?: import('react').Ref<HTMLInputElement>;
+    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 ColorInput;

package/dist/types/inputs/FieldFrame.d.ts

@@ -1,14 +1,10 @@
-/**
- * @param {object} props
- * @param {string} props.inputId el id del campo (la etiqueta lo nombra para el lector de pantalla)
- * @param {string} [props.labelId] el id de la etiqueta, para un campo que no es un <input> (la lista desplegable de MUI es un
- *     div: `for` no la une con su etiqueta y el campo la nombra con aria-labelledby)
- * @param {import('react').ReactNode} props.label ya traducida
- * @param {import('react').ReactNode} props.children el campo
- */
-export default function FieldFrame({ inputId, labelId, label, children, ...unknownProps }: {
+declare const FieldFrame: (props: {
     inputId: string;
     labelId?: string;
     label: 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 FieldFrame;

package/dist/types/inputs/MaskedInput.d.ts

@@ -12,6 +12,8 @@
  * @param {string} [props.placeholder] ya traducido; por omisión ninguno (un ejemplo con la forma ayuda: «555 123 4567»)
  * @param {import('react').Ref<HTMLInputElement>} [props.inputRef]
  * @param {boolean} [props.disabled]
+ * @param {Record<string, string|object>} [props.messages] el texto del error de este campo, por regla de validación: gana al de
+ *     Calcita y al de los textos
  * @param {object} [props.slotProps]
  * @param {object} [props.texts]
  */
@@ -30,6 +32,7 @@ export default function MaskedInput({ mask, value, onChange, inputRef, slotProps
     placeholder?: string;
     inputRef?: import('react').Ref<HTMLInputElement>;
     disabled?: boolean;
+    messages?: Record<string, string | object>;
     slotProps?: object;
     texts?: object;
 }): import("react").JSX.Element;

package/dist/types/inputs/NumberInput.d.ts

@@ -1,22 +1,4 @@
-/**
- * @param {object} props
- * @param {string} [props.name]
- * @param {string} props.label ya traducido
- * @param {string|number|null|undefined} props.value el texto limpio ('2850000.50'); '' = vacío
- * @param {(value: string) => void} props.onChange recibe el texto limpio
- * @param {() => void} [props.onBlur]
- * @param {string|{key: string, values?: object}} [props.error]
- * @param {string} [props.helperText]
- * @param {number} [props.decimals] por omisión 2
- * @param {boolean} [props.allowNegative]
- * @param {import('react').ReactNode} [props.prefix] p. ej. «$»
- * @param {import('react').ReactNode} [props.suffix] p. ej. «MXN» o «%»
- * @param {number} [props.maxDigits] tope de dígitos (por omisión 17)
- * @param {boolean} [props.disabled]
- * @param {import('react').Ref<HTMLInputElement>} [props.inputRef]
- * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
- */
-export default function NumberInput({ name, label, value, onChange, onBlur, error, helperText, decimals, allowNegative, prefix, suffix, maxDigits, disabled, inputRef, texts, ...unknownProps }: {
+declare const NumberInput: (props: {
     name?: string;
     label: string;
     value: string | number | null | undefined;
@@ -34,5 +16,10 @@ export default function NumberInput({ name, label, value, onChange, onBlur, erro
     maxDigits?: number;
     disabled?: boolean;
     inputRef?: import('react').Ref<HTMLInputElement>;
+    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 NumberInput;

package/dist/types/inputs/RepeatingFields.d.ts

@@ -1,30 +1,4 @@
-/**
- * @param {object} props
- * @param {import('react').ReactNode} [props.label] ya traducido: el título de la lista («Contactos»)
- * @param {string[]} props.rowKeys una llave estable por renglón (no el índice: al quitar uno, los de abajo no deben
- *     confundirse con el que se fue)
- * @param {(index: number) => import('react').ReactNode} props.renderRow los campos del renglón
- * @param {(index: number) => string} [props.rowLabelOf] el título de cada renglón; por omisión «Renglón 1», «Renglón 2»…
- * @param {(index: number) => import('react').ReactNode} [props.rowActionsOf] botones suyos en el título del renglón
- * @param {number|Record<string, number>} [props.columns] cuántos campos lado a lado: 2 o {xs: 1, sm: 2, md: 3}
- * @param {number} [props.minRows] cuántos renglones quedan siempre (por omisión 1); con 0 se puede quedar vacía
- * @param {number|null} [props.maxRows] hasta cuántos; sin él, los que quiera
- * @param {() => void} props.onAdd agrega un renglón vacío al final
- * @param {(index: number) => void} props.onRemove quita ese renglón
- * @param {(index: number) => void} props.onClear deja ese renglón vacío (cuando ya no se puede quitar por el mínimo)
- * @param {(index: number) => string|null} [props.removeBlockedReasonOf] si ese renglón NO se puede quitar, el motivo ya
- *     traducido (sale en una ventana)
- * @param {(index: number) => boolean} [props.confirmRemoveOf] true si hay que confirmar antes de quitarlo
- * @param {(index: number) => boolean} [props.rowHasErrorOf] true si el renglón tiene un error (se marca en rojo)
- * @param {string|{key: string, values?: object}} [props.error] el error de toda la lista (la suma no alcanza, faltan renglones)
- * @param {import('react').ReactNode} [props.helperText] ya traducida
- * @param {import('react').ReactNode} [props.footer] lo que va junto a «Agregar» (p. ej. «Suman $40,000 de $50,000»)
- * @param {string} [props.addLabel] ya traducido; por omisión «Agregar»
- * @param {boolean} [props.disabled]
- * @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 RepeatingFields(props: {
+declare const RepeatingFields: (props: {
     label?: import('react').ReactNode;
     rowKeys: string[];
     renderRow: (index: number) => import('react').ReactNode;
@@ -48,5 +22,10 @@ export default function RepeatingFields(props: {
     addLabel?: string;
     disabled?: boolean;
     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 RepeatingFields;

package/dist/types/inputs/SelectInput.d.ts

@@ -1,22 +1,4 @@
-/**
- * @param {object} props
- * @param {string} [props.name]
- * @param {string} props.label ya traducido
- * @param {string|number|Array<string|number>|null|undefined} props.value '' = sin elegir; con multiple, la lista ([] = ninguna)
- * @param {(value: any) => void} props.onChange recibe el valor elegido (con multiple, la lista), no el evento
- * @param {() => void} [props.onBlur]
- * @param {Array<{value: string|number, label: string, description?: string, disabled?: boolean}>} props.options
- * @param {string|{key: string, values?: object}} [props.error]
- * @param {string} [props.helperText] ayuda fija; el error la reemplaza
- * @param {string} [props.placeholder] texto de la opción vacía
- * @param {boolean} [props.disabled]
- * @param {import('react').Ref<HTMLInputElement>} [props.inputRef]
- * @param {boolean} [props.multiple] elegir varias opciones
- * @param {boolean} [props.selectAll] con multiple: «Elegir todos» arriba de la lista
- * @param {boolean} [props.checkboxes] con multiple: una casilla en cada opción
- * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
- */
-export default function SelectInput(props: {
+declare const SelectInput: (props: {
     name?: string;
     label: string;
     value: string | number | Array<string | number> | null | undefined;
@@ -39,5 +21,10 @@ export default function SelectInput(props: {
     multiple?: boolean;
     selectAll?: boolean;
     checkboxes?: boolean;
+    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 SelectInput;

package/dist/types/inputs/TextInput.d.ts

@@ -27,6 +27,8 @@
  * @param {string} [props.id]
  * @param {object} [props.slotProps]
  * @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
  */
 export default function TextInput(props: {
@@ -59,5 +61,6 @@ export default function TextInput(props: {
     id?: string;
     slotProps?: object;
     sx?: object;
+    messages?: Record<string, string | object>;
     texts?: object;
 }): import("react").JSX.Element;

package/dist/types/inputs/TransferListInput.d.ts

@@ -1,22 +1,4 @@
-/**
- * @param {object} props
- * @param {string} [props.name]
- * @param {import('react').ReactNode} [props.label] ya traducida
- * @param {Array<string|number>|null|undefined} props.value los elegidos
- * @param {(values: Array<string|number>) => void} props.onChange
- * @param {() => void} [props.onBlur]
- * @param {Array<{value: string|number, label: string, description?: string, disabled?: boolean}>} props.options todos
- * @param {string} [props.availableTitle] ya traducido; por omisión «Disponibles»
- * @param {string} [props.chosenTitle] ya traducido; por omisión «Elegidos»
- * @param {boolean} [props.searchable] un buscador en cada columna (por omisión, con más de 8 opciones)
- * @param {number} [props.listHeight] lo alto de cada columna, en px
- * @param {string|{key: string, values?: object}} [props.error]
- * @param {string} [props.helperText] ya traducida
- * @param {boolean} [props.disabled]
- * @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 TransferListInput(props: {
+declare const TransferListInput: (props: {
     name?: string;
     label?: import('react').ReactNode;
     value: Array<string | number> | null | undefined;
@@ -39,5 +21,10 @@ export default function TransferListInput(props: {
     helperText?: string;
     disabled?: boolean;
     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 TransferListInput;

package/dist/types/inputs/WizardLayout.d.ts

@@ -1,21 +1,4 @@
-/**
- * @param {object} props
- * @param {Object[]} props.steps en orden
- * @param {string} props.steps[].key
- * @param {string} props.steps[].label ya traducido
- * @param {boolean} [props.steps[].optional] se puede omitir
- * @param {import('react').ReactNode} props.steps[].content los campos del paso
- * @param {number} props.activeIndex el paso que se ve
- * @param {Set<string>} props.skippedKeys los pasos omitidos
- * @param {boolean} [props.isSubmitting] mientras se envía, «Anterior» se apaga
- * @param {() => void} props.onBack
- * @param {() => void} props.onNext
- * @param {() => void} props.onSkip
- * @param {import('react').ReactNode} props.submitButton el botón de enviar del último paso
- * @param {import('react').ReactNode} [props.problemAlert] el aviso de errores del servidor, arriba de los botones del último paso
- * @param {object} [props.texts] los textos que cambian, con la forma de `common`: {wizard: {next, back, skip, optional, skipped, stepOf}}
- */
-export default function WizardLayout(props: {
+declare const WizardLayout: (props: {
     steps: {
         key: string;
         label: string;
@@ -31,4 +14,8 @@ export default function WizardLayout(props: {
     submitButton: import('react').ReactNode;
     problemAlert?: 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 WizardLayout;

package/dist/types/kanban/KanbanBoard.d.ts

@@ -1,27 +1,4 @@
-/**
- * @param {object} props
- * @param {Array<{id: string, title: string, limit?: number, count?: number, collapsible?: boolean, defaultCollapsed?: boolean}>} props.columns
- *     en su orden. count: cuántas tarjetas tiene de verdad cuando la pantalla le pasa solo las filtradas (el tope se cuenta
- *     contra todas). collapsible: lleva su botón para encogerse (el congelador); defaultCollapsed: empieza encogida
- * @param {Array<{id: string, columnId: string, title: string, completed?: boolean, description?: string, tags?: Array<string|{label: string, color?: string}>, assignees?: Array<{id: string, name: string, avatarUrl?: string}>, dueDate?: string, checklist?: {done: number, total: number}, comments?: number, attachments?: number} & Record<string, any>>} props.cards
- *     el orden de cada columna es el orden en este arreglo; cada tarjeta puede traer sus campos propios (llegan a renderCard,
- *     a cardActions y a onCardClick tal cual). dueDate: AAAA-MM-DD
- * @param {(move: {cardId: string, fromColumnId: string, toColumnId: string, toIndex: number}) => void} props.onMove
- * @param {(card: any) => import('react').ReactNode} [props.renderCard] lo de adentro de cada tarjeta (recibe la tarjeta de cards)
- * @param {(cardId: string) => void} [props.onCardClick]
- * @param {(newCard: {columnId: string, title: string}) => void} [props.onAddCard] con él cada columna lleva su «+» para agregar
- *     escribiendo el título
- * @param {(card: any) => Array<{key: string, label: string, icon?: import('react').ReactNode, color?: string, disabled?: boolean, onClick: () => void}>} [props.cardActions]
- *     las acciones del «⋯» de cada tarjeta (editar, asignarme, borrar…); sin ellas no hay «⋯»
- * @param {(column: any) => Array<{key: string, label: string, icon?: import('react').ReactNode, color?: string, disabled?: boolean, onClick: () => void}>} [props.columnActions]
- *     las acciones del «⋯» de cada columna (renombrar, limpiar…)
- * @param {(card: any, completed: boolean) => void} [props.onCardComplete] con él cada tarjeta lleva su círculo para terminarla
- *     (completed true) o reabrirla (false); la pantalla decide qué más pasa (moverla a «Listo», guardar la fecha)
- * @param {(columnId: string, collapsed: boolean) => void} [props.onColumnCollapse] cada que una columna se encoge o se abre
- * @param {string} props.ariaLabel ya traducido
- * @param {object} [props.texts] los textos que cambian, con la forma de `kanban` en los textos del paquete
- */
-export default function KanbanBoard(props: {
+declare const KanbanBoard: (props: {
     columns: Array<{
         id: string;
         title: string;
@@ -85,4 +62,8 @@ export default function KanbanBoard(props: {
     onColumnCollapse?: (columnId: string, collapsed: boolean) => void;
     ariaLabel: 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 KanbanBoard;

package/dist/types/legal/CookieNotice.d.ts

@@ -1,18 +1,4 @@
-/**
- * @param {object} props
- * @param {string} [props.version] la del aviso; al cambiarla se vuelve a preguntar (por omisión '1')
- * @param {string} [props.storageKey] dónde se recuerda en este navegador (por omisión 'calcita:cookieConsent')
- * @param {import('react').ReactNode} [props.text] ya traducido; por omisión el del paquete
- * @param {string} [props.policyHref] la dirección de la política (se abre en otra pestaña)
- * @param {() => void} [props.onPolicyClick] en lugar de la dirección: la pantalla la abre a su manera
- * @param {string} [props.policyLabel] ya traducido; por omisión «Política de cookies»
- * @param {string} [props.acceptLabel] ya traducido; por omisión «Aceptar»
- * @param {(acceptance: {version: string, acceptedAt: string}) => void} [props.onAccept] al aceptar (para registrarlo en su API)
- * @param {import('react').ReactNode} [props.actions] botones suyos junto a «Aceptar» («Configurar»)
- * @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 CookieNotice(props: {
+declare const CookieNotice: (props: {
     version?: string;
     storageKey?: string;
     text?: import('react').ReactNode;
@@ -27,4 +13,8 @@ export default function CookieNotice(props: {
     actions?: import('react').ReactNode;
     sx?: object;
     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 CookieNotice;

package/dist/types/legal/TermsAcceptanceDialog.d.ts

@@ -1,20 +1,4 @@
-/**
- * @param {object} props
- * @param {boolean} props.open
- * @param {string} props.version la de los términos que se enseñan (la que recibe onAccept)
- * @param {(acceptance: {version: string}) => void|Promise<void>} props.onAccept la pantalla lo registra en su API
- * @param {() => void} props.onDecline «No acepto» (salir, por ejemplo)
- * @param {string} [props.title] ya traducido; por omisión «Términos y condiciones»
- * @param {import('react').ReactNode} [props.children] el texto de los términos
- * @param {string} [props.pdfSrc] en lugar del texto: la dirección del PDF
- * @param {boolean} [props.requireReading] pedir que se lea hasta el final antes de poder aceptar (por omisión, sí; con PDF no
- *     aplica)
- * @param {string} [props.checkboxLabel] ya traducido; por omisión «He leído y acepto los términos»
- * @param {string} [props.acceptLabel] ya traducido; por omisión «Acepto»
- * @param {string} [props.declineLabel] ya traducido; por omisión «No acepto»
- * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
- */
-export default function TermsAcceptanceDialog(props: {
+declare const TermsAcceptanceDialog: (props: {
     open: boolean;
     version: string;
     onAccept: (acceptance: {
@@ -29,4 +13,8 @@ export default function TermsAcceptanceDialog(props: {
     acceptLabel?: string;
     declineLabel?: 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 TermsAcceptanceDialog;

package/dist/types/locales/en.d.ts

@@ -62,6 +62,26 @@ declare const _default: Readonly<{
             all: string;
             countAriaLabel: string;
         };
+        views: {
+            label: string;
+            table: string;
+            cards: string;
+        };
+        cards: {
+            label: string;
+            pagination: {
+                page: string;
+                first: string;
+                last: string;
+                next: string;
+                previous: string;
+                "start-ellipsis": string;
+                "end-ellipsis": string;
+            };
+        };
+        cells: {
+            empty: string;
+        };
         detail: {
             tooltip: string;
             ariaLabel: string;
@@ -684,6 +704,10 @@ declare const _default: Readonly<{
         rfc: string;
         curp: string;
         clabe: string;
+        sameAs: string;
+        sameAsUnnamed: string;
+        percent: string;
+        postalCode: string;
         listDuplicate: string;
         listOrderBetween: string;
         listOrderAbovePrevious: string;