@stackcraftmx/calcita 0.47.0 → 0.52.0

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

@@ -6,17 +6,28 @@
  * @param {string[]} [props.steps[].fields] los campos del paso (los que revisa «Siguiente»)
  * @param {boolean} [props.steps[].optional] se puede omitir
  * @param {import('react').ReactNode} props.steps[].content los campos del paso
+ * @param {boolean} [props.steps[].completed] lleva la palomita (cuando los títulos se pulsan, solo si la pantalla lo dice)
  * @param {string} props.submitLabel ya traducido: el botón del último paso
+ * @param {'horizontal'|'vertical'} [props.orientation] uno de WIZARD_ORIENTATION; por omisión horizontal
+ * @param {string} [props.initialStepKey] la llave del paso en el que se abre (la que diga el servidor); por omisión el primero
+ * @param {'none'|'free'|'checked'} [props.stepSelection] uno de WIZARD_STEP_SELECTION: si el título de otro paso se pulsa y qué
+ *   revisa antes; por omisión none (se avanza con «Siguiente», como siempre)
+ * @param {(stepKey: string, index: number) => void} [props.onStepChange] cada vez que cambia el paso abierto
  * @param {object} [props.texts] los textos que cambian, con la forma de `common`: {wizard: {next, back, skip, optional, skipped, stepOf}}
  */
-export default function FormWizard({ steps, submitLabel, texts, ...unknownProps }: {
+export default function FormWizard({ steps, submitLabel, orientation, initialStepKey, stepSelection, onStepChange, texts, ...unknownProps }: {
     steps: {
         key: string;
         label: string;
         fields?: string[];
         optional?: boolean;
         content: import('react').ReactNode;
+        completed?: boolean;
     }[];
     submitLabel: string;
+    orientation?: 'horizontal' | 'vertical';
+    initialStepKey?: string;
+    stepSelection?: 'none' | 'free' | 'checked';
+    onStepChange?: (stepKey: string, index: number) => void;
     texts?: object;
 }): 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;

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';
@@ -56,7 +62,7 @@ export { transferProgressOf } from './upload/transferProgress.js';
 export { useFilePicker } from './upload/useFilePicker.js';
 export { buildUploadActors, uploadMachine } from './upload/uploadMachine.js';
 export { uploadWithProgress } from './upload/uploadWithProgress.js';
-export { APP_BAR_HEIGHT_CSS_VARIABLE, BackButton, COMPARISON_OPERATOR, FILTER_DRAWER_ANCHOR, FILTER_FIELD_KIND, FilterDrawer, activeDrawerFilterCountOf, comparisonOf, comparisonTextOf, filterDrawerChipsOf, filterDrawerDefaultsOf, filterDrawerKindsOf, filterKeysOf, CHART_VIEW, CalendarHeatmap, CollapsibleSection, ColorSchemeToggle, ContentDialog, CopyButton, DateRangeFilter, DefinitionList, DetailHeader, DictionaryText, DocumentTitle, DownloadMenu, FONT_SIZE_LEVELS, FontSizeToggle, FullPageLoader, GlassLensFilter, GlassPanel, HELP_CLOSE_REASON, HelpButton, HelpCarouselDialog, ICON_BADGE_CLASSES, ICON_BADGE_VARIANT, IconBadge, LANGUAGES, LanguageToggle, MetricCard, PageBreadcrumbs, PageHeader, PageHeading, ProfileHeader, ROUTE_TABS_MODE, RecordCard, RecordCardSkeleton, RouteTabs, TREND_DIRECTION, PeriodRangeSelector, QuickFilters, SCROLL_MARGIN_BELOW_APP_BAR, SEGMENTED_CONTROL_SX, ScrollableRow, SecretField, SectionCard, SegmentedControl, StatusChip, TableToggle, Tag, scrollableRow, tableRowTextOf, useActiveRouteTab, useAppBarHeightPublisher, useHelpCarousel, } from './ui/index.js';
+export { APP_BAR_HEIGHT_CSS_VARIABLE, BackButton, COMPARISON_OPERATOR, FILTER_DRAWER_ANCHOR, FILTER_FIELD_KIND, FilterDrawer, activeDrawerFilterCountOf, comparisonOf, comparisonTextOf, filterDrawerChipsOf, filterDrawerDefaultsOf, filterDrawerKindsOf, filterKeysOf, CHART_VIEW, CalendarHeatmap, CollapsibleSection, ColorSchemeToggle, ContentDialog, CopyButton, DateRangeFilter, DefinitionList, DetailHeader, DictionaryText, DocumentTitle, DownloadMenu, FONT_SIZE_LEVELS, FontSizeToggle, FullPageLoader, GlassLensFilter, GlassPanel, HELP_CLOSE_REASON, HelpButton, HelpCarouselDialog, ICON_BADGE_CLASSES, ICON_BADGE_VARIANT, IconBadge, LANGUAGES, LanguageToggle, MetricCard, PageBreadcrumbs, PageHeader, PageHeading, ProfileHeader, ROUTE_TABS_MODE, RECORD_CARD_FOOTER_ALIGN, RecordCard, RecordCardSkeleton, RouteTabs, TREND_DIRECTION, PeriodRangeSelector, QuickFilters, SCROLL_MARGIN_BELOW_APP_BAR, SEGMENTED_CONTROL_SX, ScrollableRow, SecretField, SectionCard, SegmentedControl, StatusChip, TableToggle, Tag, scrollableRow, tableRowTextOf, useActiveRouteTab, useAppBarHeightPublisher, useHelpCarousel, } from './ui/index.js';
 export { default as CatalogInput } from './inputs/CatalogInput.js';
 export { default as ColorInput } from './inputs/ColorInput.js';
 export { default as FieldFrame } from './inputs/FieldFrame.js';
@@ -71,10 +77,12 @@ export { default as RepeatingFields } from './inputs/RepeatingFields.js';
 export { useRowKeys } from './inputs/useRowKeys.js';
 export { default as SelectInput } from './inputs/SelectInput.js';
 export { default as WizardLayout } from './inputs/WizardLayout.js';
+export { WIZARD_ORIENTATION, WIZARD_STEP_SELECTION, isStepCompleted, openingStepOf, stepSelectionActionOf } from './inputs/wizardSteps.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,34 +1,24 @@
-/**
- * @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;
         optional?: boolean;
+        completed?: boolean;
         content: import('react').ReactNode;
     }[];
     activeIndex: number;
-    skippedKeys: Set<string>;
+    skippedKeys?: Set<string>;
     isSubmitting?: boolean;
+    orientation?: 'horizontal' | 'vertical';
     onBack: () => void;
     onNext: () => void;
-    onSkip: () => void;
+    onSkip?: () => void;
+    onStepSelect?: (index: number) => void;
     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/inputs/useWizardSteps.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @param {object} options
+ * @param {Array<{key: string}>} options.steps
+ * @param {string} [options.initialStepKey] el paso en el que se abre (el que diga el servidor); por omisión el primero
+ * @param {string} [options.stepSelection] uno de WIZARD_STEP_SELECTION; por omisión none
+ * @param {(stepKey: string, index: number) => void} [options.onStepChange] cada vez que cambia el paso abierto
+ * @param {(index: number) => Promise<boolean>} options.isStepValid revisa los campos de ese paso y marca sus errores
+ * @returns {{activeIndex: number, setActiveIndex: import('react').Dispatch<import('react').SetStateAction<number>>, selectStep: ((index: number) => Promise<void>)|undefined}}
+ *   selectStep es undefined con none: así WizardLayout sabe que los títulos no se pulsan
+ */
+export declare function useWizardSteps({ steps, initialStepKey, stepSelection, onStepChange, isStepValid }: {
+    steps: Array<{
+        key: string;
+    }>;
+    initialStepKey?: string;
+    stepSelection?: string;
+    onStepChange?: (stepKey: string, index: number) => void;
+    isStepValid: (index: number) => Promise<boolean>;
+}): {
+    activeIndex: number;
+    setActiveIndex: import('react').Dispatch<import('react').SetStateAction<number>>;
+    selectStep: ((index: number) => Promise<void>) | undefined;
+};