@stackcraftmx/calcita 0.32.2 → 0.51.0

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';
@@ -22,7 +28,7 @@ export { AuthLayout } from './appShell/AuthLayout.js';
 export { default as BarActions } from './appShell/BarActions.js';
 export { default as BarActionButton } from './appShell/BarActionButton.js';
 export { default as BarSearch } from './appShell/BarSearch.js';
-export { default as ActionsMenu } from './ui/actions/ActionsMenu.js';
+export { ACTIONS_MENU_ROW, default as ActionsMenu } from './ui/actions/ActionsMenu.js';
 export { SELECTION_PHONE_LAYOUT, default as SelectionActions, selectionFloatsOnPhone } from './ui/actions/SelectionActions.js';
 export { BAR_ACTIONS_PLACEMENT, useBarActionsPlacement, useCloseBarActionsMenu } from './appShell/barActionsSlot.js';
 export { BAR_CAPSULE_HEIGHT_PIXELS, default as BarCapsule } from './appShell/BarCapsule.js';
@@ -44,22 +50,45 @@ export { composePermissionGroups, groupStateOf, withPermission, withPermissionGr
 export { DEFAULT_PASSWORD_POLICY, PASSWORD_RULE, isPasswordAccepted, passwordChecksOf } from './auth/passwordRules.js';
 export { default as PasswordChecklist } from './auth/PasswordChecklist.js';
 export { ERROR_PAGE_KIND, default as ErrorPage } from './ui/layout/ErrorPage.js';
+export { default as AttachmentsInput } from './upload/AttachmentsInput.js';
 export { default as FileDropzone } from './upload/FileDropzone.js';
-export { FILE_ACCEPT_PRESETS, FILE_REJECTION, matchesAccept, parseFileSize, resolveAccept } from './upload/fileRules.js';
+export { default as FileInput } from './upload/FileInput.js';
+export { FILE_UPLOAD_STATUS, default as FileUploadInput } from './upload/FileUploadInput.js';
+export { IMAGE_SHAPE, default as ImageInput } from './upload/ImageInput.js';
+export { default as TemplateDownloadButton } from './upload/TemplateDownloadButton.js';
+export { fileAppearanceOf } from './upload/fileAppearance.js';
+export { FILE_ACCEPT_PRESETS, FILE_REJECTION, matchesAccept, parseFileSize, resolveAccept, screenFiles } from './upload/fileRules.js';
+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, CHART_VIEW, CalendarHeatmap, CollapsibleSection, ColorSchemeToggle, ContentDialog, CopyButton, DateRangeFilter, DefinitionList, DetailHeader, DictionaryText, DocumentTitle, DownloadMenu, FONT_SIZE_LEVELS, FontSizeToggle, FullPageLoader, GlassLensFilter, GlassPanel, LANGUAGES, LanguageToggle, MetricCard, PageBreadcrumbs, PageHeader, PageHeading, ProfileHeader, TREND_DIRECTION, PeriodRangeSelector, QuickFilters, SCROLL_MARGIN_BELOW_APP_BAR, SEGMENTED_CONTROL_SX, ScrollableRow, SecretField, SectionCard, SegmentedControl, StatusChip, TableToggle, Tag, scrollableRow, useAppBarHeightPublisher, } 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, 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';
+export { default as MaskedInput } from './inputs/MaskedInput.js';
+export { INPUT_MASK, isMaskComplete, maskPatternOf, maskedTextOf, rawValueOf } from './inputs/inputMasks.js';
 export { FORM_ROW_CLASS, FormRow, default as FormSection } from './inputs/FormSection.js';
+export { default as CheckboxGroupInput } from './inputs/CheckboxGroupInput.js';
 export { default as NumberInput } from './inputs/NumberInput.js';
+export { default as TransferListInput } from './inputs/TransferListInput.js';
+export { selectAllStateOf } from './inputs/selectAllState.js';
+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 { 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';
+export { default as PdfViewerDialog } from './ui/documents/PdfViewerDialog.js';
+export { default as CookieNotice } from './legal/CookieNotice.js';
+export { default as TermsAcceptanceDialog } from './legal/TermsAcceptanceDialog.js';
+export { DEFAULT_COOKIE_CONSENT_KEY, useCookieConsent } from './legal/useCookieConsent.js';
 export { dictionaryEntryOf, labelOf, lookup, shortLabelOf } from './dictionaries/dictionaries.js';
 export { dayOfPlainDate, formatCurrency, formatDate, formatDateTime, formatFileSize, formatList, formatMonthName, formatMonthShortName, formatNumber, formatPercent, formatTime, formatWeekdayShortName, formattersOf, } from './formatting.js';
 export { useFormatters } from './toolkit/useFormatters.js';

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

@@ -1,23 +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 {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, texts, ...unknownProps }: {
+declare const CatalogInput: (props: {
     name?: string;
     label: string;
     value: string | string[] | null | undefined;
@@ -41,5 +22,13 @@ export default function CatalogInput({ name, label, value, onChange, onBlur, opt
     disabled?: boolean;
     inputRef?: import('react').Ref<HTMLInputElement>;
     multiple?: boolean;
+    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

@@ -0,0 +1,28 @@
+declare const CheckboxGroupInput: (props: {
+    name?: string;
+    label: import('react').ReactNode;
+    value: Array<string | number> | null | undefined;
+    onChange: (values: Array<string | number>) => void;
+    onBlur?: () => void;
+    options: Array<{
+        value: string | number;
+        label: string;
+        description?: string;
+        disabled?: boolean;
+    }>;
+    row?: boolean;
+    selectAll?: boolean;
+    error?: string | {
+        key: string;
+        values?: object;
+    };
+    helperText?: string;
+    disabled?: boolean;
+    sx?: object;
+    messages?: Record<string, string | object>;
+    texts?: object;
+} & {
+    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

@@ -0,0 +1,38 @@
+/**
+ * @param {object} props las de TextInput (label, helperText, error, placeholder, disabled, slotProps…), y:
+ * @param {string} props.mask 'phone' | 'postalCode' | 'clabe' | 'card' | 'rfc' | 'curp' | 'uuid' (INPUT_MASK) o un patrón propio
+ *     con 9 (dígito), A (letra), X (letra o dígito) y H (hexadecimal)
+ * @param {string|null|undefined} props.value el valor limpio, sin separadores
+ * @param {(value: string) => void} props.onChange recibe el valor limpio
+ * @param {string} props.label ya traducido
+ * @param {string} [props.name]
+ * @param {() => void} [props.onBlur]
+ * @param {string|{key: string, values?: object}} [props.error]
+ * @param {string} [props.helperText]
+ * @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]
+ */
+export default function MaskedInput({ mask, value, onChange, inputRef, slotProps, ...textInputProps }: {
+    mask: string;
+    value: string | null | undefined;
+    onChange: (value: string) => void;
+    label: string;
+    name?: string;
+    onBlur?: () => void;
+    error?: string | {
+        key: string;
+        values?: object;
+    };
+    helperText?: string;
+    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

@@ -0,0 +1,31 @@
+declare const RepeatingFields: (props: {
+    label?: import('react').ReactNode;
+    rowKeys: string[];
+    renderRow: (index: number) => import('react').ReactNode;
+    rowLabelOf?: (index: number) => string;
+    rowActionsOf?: (index: number) => import('react').ReactNode;
+    columns?: number | Record<string, number>;
+    minRows?: number;
+    maxRows?: number | null;
+    onAdd: () => void;
+    onRemove: (index: number) => void;
+    onClear: (index: number) => void;
+    removeBlockedReasonOf?: (index: number) => string | null;
+    confirmRemoveOf?: (index: number) => boolean;
+    rowHasErrorOf?: (index: number) => boolean;
+    error?: string | {
+        key: string;
+        values?: object;
+    };
+    helperText?: import('react').ReactNode;
+    footer?: import('react').ReactNode;
+    addLabel?: string;
+    disabled?: boolean;
+    sx?: object;
+    messages?: Record<string, string | object>;
+    texts?: object;
+} & {
+    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,20 +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}>} 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 {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;
@@ -24,6 +8,7 @@ export default function SelectInput(props: {
         value: string | number;
         label: string;
         description?: string;
+        disabled?: boolean;
     }>;
     error?: string | {
         key: string;
@@ -34,5 +19,12 @@ export default function SelectInput(props: {
     disabled?: boolean;
     inputRef?: import('react').Ref<HTMLInputElement>;
     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

@@ -0,0 +1,30 @@
+declare const TransferListInput: (props: {
+    name?: string;
+    label?: import('react').ReactNode;
+    value: Array<string | number> | null | undefined;
+    onChange: (values: Array<string | number>) => void;
+    onBlur?: () => void;
+    options: Array<{
+        value: string | number;
+        label: string;
+        description?: string;
+        disabled?: boolean;
+    }>;
+    availableTitle?: string;
+    chosenTitle?: string;
+    searchable?: boolean;
+    listHeight?: number;
+    error?: string | {
+        key: string;
+        values?: object;
+    };
+    helperText?: string;
+    disabled?: boolean;
+    sx?: object;
+    messages?: Record<string, string | object>;
+    texts?: object;
+} & {
+    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/inputs/inputMasks.d.ts

@@ -0,0 +1,52 @@
+/** Los patrones de siempre, para no escribirlos en cada pantalla. Uno propio se pasa como texto. */
+export declare const INPUT_MASK: Readonly<{
+    phone: "999 999 9999";
+    postalCode: "99999";
+    clabe: "999 999 99999999999 9";
+    card: "9999 9999 9999 9999";
+    rfc: "XXXXXXXXXXXXX";
+    curp: "XXXXXXXXXXXXXXXXXX";
+    uuid: "HHHHHHHH-HHHH-HHHH-HHHH-HHHHHHHHHHHH";
+}>;
+/**
+ * El patrón de una máscara: el nombre de una de INPUT_MASK o el patrón mismo.
+ *
+ * @param {string} mask 'phone' | '999-999' …
+ * @returns {string}
+ */
+export declare function maskPatternOf(mask: string): string;
+/**
+ * El valor limpio de lo que se escribió (o se pegó): cada carácter va al lugar que sigue si cabe; lo que no, se ignora.
+ *
+ * @param {string} typedText lo que hay en el campo, con o sin separadores
+ * @param {string} pattern
+ * @returns {string} solo los dígitos o letras, en mayúsculas, hasta el largo del patrón
+ */
+export declare function rawValueOf(typedText: string, pattern: string): string;
+/**
+ * El valor limpio con sus separadores, como se ve en el campo. Los separadores solo salen entre lo que ya se escribió (sin
+ * guiones de más al final).
+ *
+ * @param {string|null|undefined} rawValue
+ * @param {string} pattern
+ * @returns {string}
+ */
+export declare function maskedTextOf(rawValue: string | null | undefined, pattern: string): string;
+/**
+ * Dónde queda el cursor después de poner los separadores: justo después del mismo número de dígitos o letras que tenía
+ * antes. Sin esto, escribir en medio de un teléfono mandaría el cursor al final.
+ *
+ * @param {string} typedText lo que había en el campo al escribir
+ * @param {number} caretPosition dónde estaba el cursor en typedText
+ * @param {string} pattern
+ * @returns {number} la posición en el texto ya con sus separadores
+ */
+export declare function caretPositionOf(typedText: string, caretPosition: number, pattern: string): number;
+/**
+ * ¿Ya se llenaron todos los lugares?
+ *
+ * @param {string|null|undefined} rawValue
+ * @param {string} pattern
+ * @returns {boolean}
+ */
+export declare function isMaskComplete(rawValue: string | null | undefined, pattern: string): boolean;

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

@@ -0,0 +1,11 @@
+/**
+ * @template T
+ * @param {T[]} selectedValues lo elegido hoy
+ * @param {T[]} candidateValues lo que abarca «todos» (sin las opciones apagadas)
+ * @returns {{allChosen: boolean, someChosen: boolean, toggled: () => T[]}} someChosen: algunos sí y otros no (casilla a medias)
+ */
+export declare function selectAllStateOf<T>(selectedValues: T[], candidateValues: T[]): {
+    allChosen: boolean;
+    someChosen: boolean;
+    toggled: () => T[];
+};

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

@@ -0,0 +1,11 @@
+/**
+ * @param {number} rowCount cuántos renglones tiene la lista hoy
+ * @returns {{keys: string[], added: () => void, removed: (index: number) => void, renewed: (index: number) => void}}
+ *     added / removed / renewed se llaman JUNTO con el cambio de la lista (agregar al final, quitar uno, limpiar uno)
+ */
+export declare function useRowKeys(rowCount: number): {
+    keys: string[];
+    added: () => void;
+    removed: (index: number) => void;
+    renewed: (index: number) => void;
+};

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

@@ -0,0 +1,20 @@
+declare const CookieNotice: (props: {
+    version?: string;
+    storageKey?: string;
+    text?: import('react').ReactNode;
+    policyHref?: string;
+    onPolicyClick?: () => void;
+    policyLabel?: string;
+    acceptLabel?: string;
+    onAccept?: (acceptance: {
+        version: string;
+        acceptedAt: string;
+    }) => void;
+    actions?: import('react').ReactNode;
+    sx?: object;
+    texts?: object;
+} & {
+    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

@@ -0,0 +1,20 @@
+declare const TermsAcceptanceDialog: (props: {
+    open: boolean;
+    version: string;
+    onAccept: (acceptance: {
+        version: string;
+    }) => void | Promise<void>;
+    onDecline: () => void;
+    title?: string;
+    children?: import('react').ReactNode;
+    pdfSrc?: string;
+    requireReading?: boolean;
+    checkboxLabel?: string;
+    acceptLabel?: string;
+    declineLabel?: string;
+    texts?: object;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element;
+export default TermsAcceptanceDialog;

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

@@ -0,0 +1,16 @@
+/**
+ * La versión aceptada; null si no hay o no se puede leer.
+ *
+ * @param {string} storageKey
+ * @param {Storage} [storage] por omisión, el localStorage del navegador
+ * @returns {string|null}
+ */
+export declare function acceptedVersionOf(storageKey: string, storage?: Storage): string | null;
+/**
+ * Anota la versión aceptada; si el navegador no deja, no pasa nada (se volverá a preguntar).
+ *
+ * @param {string} storageKey
+ * @param {string} version
+ * @param {Storage} [storage]
+ */
+export declare function rememberAcceptedVersion(storageKey: string, version: string, storage?: Storage): void;